.wi-container{display:flex;min-width:100%;padding-left:10px;padding-right:10px}.wi-container .left-sec{width:45%}.wi-container .left-sec .count{font-size:40px;font-family:Bungee}.wi-container .left-sec .title{font-size:36px;font-family:Questrial;font-style:italic;margin:15px 0;font-weight:700}.wi-container .left-sec .role{font-size:26px;font-family:Questrial;letter-spacing:2px;position:relative;margin:15px 0 15px 20px}.wi-container .left-sec .role:before{content:"";width:12px;height:12px;border-radius:6px;position:absolute;top:0;left:0;transform:translate(-20px,13px);background-color:var(--primary-green)}.wi-container .left-sec .desc{font-size:12px;font-family:Questrial;letter-spacing:1px}.wi-container .left-sec .tech-stack{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:10%}.wi-container .left-sec .tech-stack a{font-size:14px;font-weight:700;margin:0;padding:3px 10px;font-size:16;font-family:Questrial;letter-spacing:2px;font-style:italic;color:var(--black);text-decoration:none;background-color:var(--primary-green);border-radius:5px;opacity:.8;transition:opacity .3s linear}.wi-container .left-sec .tech-stack a:hover{opacity:1}.wi-container .left-sec .links{display:flex;justify-content:flex-start;align-items:center;margin-top:20px;gap:5%}.wi-container .left-sec .links .icon>.skill-icon{cursor:pointer}.wi-container .left-sec .links .icon>.skill-icon path{fill:#a3a3a3;transition:fill .3s linear}.wi-container .left-sec .links .icon>.skill-icon:hover>path{fill:var(--white)}.wi-container .right-sec{width:55%;min-height:40vh;display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.wi-container .right-sec img{width:100%;height:auto;border-radius:20px;object-fit:contain}@media screen and (max-width: 800px){.wi-container{flex-direction:column;align-items:center;position:relative}.wi-container .left-sec{width:100%;order:2;display:flex;flex-direction:column;align-items:center}.wi-container .right-sec{width:70%;order:1;min-height:400px}.wi-container .left-sec .count{font-size:40px;position:absolute;top:0;left:0;margin-left:20px}.wi-container .left-sec .title{font-size:36px;margin:3px 0;font-weight:700}.wi-container .left-sec .role{font-size:26px;margin:3px 0}.wi-container .left-sec .desc{margin:10px 0;padding:0 15%}.wi-container .left-sec .tech-stack{gap:20px;margin-top:10px}.wi-container .left-sec .links{margin-top:10px;gap:15px}}@media screen and (max-width: 550px){.wi-container .right-sec{width:90%}.wi-container .left-sec .links .icon>.skill-icon path{fill:#fff}.wi-container .left-sec .role:before{width:10px;height:10px;transform:translate(-20px,10px)}}@media screen and (max-width: 400px){.wi-container .right-sec{width:100%;min-height:300px}.wi-container .left-sec .count{font-size:22px}.wi-container .left-sec .tech-stack{gap:10px 20px;margin-top:10px;flex-wrap:wrap;justify-content:center}.wi-container .left-sec .links{margin-top:15px}.wi-container .left-sec .role{font-size:22px;margin:3px 0}.wi-container .left-sec .role:before{width:8px;height:8px;transform:translate(-15px,10px)}.wi-container .left-sec .desc{padding:0 6%}}[lang=ar] .wi-container .left-sec .count,[lang=ar] .wi-container .left-sec .desc,[lang=ar] .wi-container .left-sec .role{font-family:Cairo}[lang=ur] .wi-container .left-sec .count,[lang=ur] .wi-container .left-sec .desc,[lang=ur] .wi-container .left-sec .role{font-family:Noto Nastaliq Urdu}[lang=ar] .wi-container .left-sec .desc,[lang=ur] .wi-container .left-sec .desc{line-height:3.5}.carousal-con{position:relative;width:100%;overflow:hidden;margin-top:5rem}.carousal-con>.buttons{display:flex;justify-content:flex-end;align-items:center;gap:20px;margin-top:30px;margin-right:20px;width:100%}.carousal-con .carousal-wrapper{display:flex;transition:transform 1s ease-in-out}.carousal-con .buttons .prev,.carousal-con .buttons .next{width:60px;height:40px;border-radius:8px;background-color:var(--carousel-btns);display:flex;justify-content:center;align-items:center;transition:background-color .3s linear;cursor:pointer}.carousal-con .buttons .prev:hover,.carousal-con .buttons .next:hover{background-color:var(--carousel-btns-hvr)}@media screen and (max-width: 800px){.carousal-con>.buttons{position:fixed;padding:0 0 15px;bottom:0;left:0;justify-content:space-evenly}.carousal-con .buttons .prev,.carousal-con .buttons .next{background-color:#fff}}[dir=rtl] .carousal-con>.buttons{margin-left:20px;margin-right:auto}