@media screen and (max-width:1728px) {
    .psCaseStudyWrapper {max-width: 1664px;margin-left: auto;}

    .psFootContactFrom{padding: 3.25em;}
}

@media screen and (max-width:1680px) {
    :root{
        --fs-90: 84px;
    }

    .psCaseStudyWrapper {max-width: 1640px;margin-left: auto;}
}

@media screen and (max-width:1600px) {
    :root {--fs-90: 78px;}

    .main-wrapper{max-width: calc(1540px - 30px); padding: 0 15px;}
    .psOurSolGallry{grid-template-columns: repeat(auto-fit, minmax(460px, 1fr));}

    .psCaseStudyWrapper {max-width: 1536px;margin-left: auto;}

    .trustedBySliderRgt.slick-slider button {transform: translateY(-522%);}
}

@media screen and (max-width:1536px) {
    :root{
        --fs-120: 110px;
        --fs-h: 49px;
        --fs-40: 34px;
        --fs-26: 22px;
        --fs-22: 20px;
    }

    .main-wrapper {max-width: calc(1470px - 30px);padding: 0 15px;}

    .psFooteBox4 {max-width: 297px;width: 100%;}   
    
    .psCounterItem{max-width: 325px;}

    .psWhoWeHeadImg{max-width: 40%; width: 100%;}
    .psWhoWeImgText {max-width: 50%;width: 100%;}
    .psText1Img{max-width: 380px;width: 100%;}
    .psIndusTypeItem{max-width: calc(220px - 38px);}
    .IndusTypeImg{width: 100px; height: 100px;}

    .psOurSolGallry {grid-template-columns: repeat(auto-fit, minmax(440px, 1fr));}

    .psFootFormBox{max-width: 640px;}
}


@media screen and (max-width:1500px) {
  
}

@media screen and (max-width:1440px) {
    :root {--fs-90: 74px;}

    .main-wrapper{padding: 0 30px;}

    .psWhoWeImg{margin-top: 3.25em;}
    .psText1Img {max-width: 360px; width: 100%;}

    .IndusTypeImg{width: 75px; height: 75px; padding: 1.5em;}
    .psIndusTypeItem {max-width: calc(215px - 38px);} 

    .psOurSolGallry {grid-template-columns: repeat(auto-fit, minmax(415px, 1fr));}

    .trustedBySliderRgt.slick-slider button.slick-prev {left: -76% !important;}
    .trustedBySliderRgt.slick-slider button.slick-next {left: calc((-76%) + 76px) !important;}
}

@media screen and (max-width:1400px) {
    
}

@media screen and (max-width:1366px) {
    :root {--fs-90: 68px;}

    .psHeroImgVid {max-width: 580px;}

    .psCounterItem {max-width: 300px;}
    .psCounterImg{max-width: 125px;}

    .psOurSolGallry {grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));}
    .campaignsImg {max-width: 550px;}

    .trustedBySliderRgt.slick-slider button {transform: translateY(-470%);}
}

@media screen and (max-width:1300px) {
  
}

@media screen and (max-width:1280px) {
    :root {--fs-90: 68px;}

    .psFooteBox1 {max-width: 235px;width: 100%;}
    .psFooteBox2 {max-width: max-content; width: 100%;}
    .psFooteBox4 {max-width: 245px;width: 100%;}
    .psFooteBox5 {max-width: 300px;width: 100%;}

    .psCounterItem {max-width: 290px;}
    .psCounterImg {max-width: 94px;}
    .psCounterTxt > h2{line-height: 40px;}


    .trustedBySliderRgt.slick-slider button {transform: translateY(-380%);}
    .trustedBySliderRgt.slick-slider button.slick-next {left: calc((-79%) + 78px) !important;}
    .trustedBySliderRgt.slick-slider button.slick-prev {left: -78% !important;}

    .thank-img{max-width: 40%;}
}

@media screen and (max-width:1200px) {
    :root{
        --fs-17: 16px;
    }
    
    .psFooterInfo{flex-wrap: wrap;}
    .psFooteBox1, .psFooteBox2, .psFooteBox3, .psFooteBox4, .psFooteBox5 {max-width: calc(20% - 5px);width: 100%;}
    .psFootMediaIcon > ul{gap: 1em;}
    .psNewLetterBox{padding: 15px 0;}
}

@media screen and (max-width: 1180px){
     :root{
        --fs-120: 100px;
        --fs-90: 75px;
        --fs-h: 50px;
        --fs-44: 40px;
        --fs-40: 36px;
        --fs-36: 32px;
        /* small fonts good enough no change */ 
    }

    .psHeroTxt > h1 > span{line-height: normal; margin-bottom: 15px;}
    .psHeroTxt > p{margin-bottom: 15px;}
    .psHeroImgVid {max-width: 480px;}

    .psCounterImg {max-width: 80px;}
    .psCounterBox{gap: 15px;}
    
    .psWhoWeHeadImg > .comSecHead > h2{padding: 0;}
    .psText1Img {max-width: 300px;width: 100%;}
    .whoWeRightShape{max-width: 90px;}
    .psTextImg2{max-width: 160px;}

    .psIndusType { display: flex; justify-content: center; margin-top: 5em;flex-wrap: wrap;gap: 50px;}
    .psIndusTypeItem { max-width: calc(25% - 38px);}
    .psOurSolGallry {grid-template-columns: repeat(auto-fit, minmax(337px, 1fr));}

    .trustedBySliderRgtComment > p{line-height: 2;}

    .campaignsTxt{max-width: 50%;}
    .campaignsImg {max-width: 50%;}

    .latestUpdatesCards{gap: 2.25em;}

    .psIndusType{margin-top: 3em;}
}

@media screen and (max-width:1130px) {


    .psFooterInfo {row-gap: 30px; justify-content: space-between;}
    .psFooteBox1, .psFooteBox2, .psFooteBox3, .psFooteBox4 {max-width: calc(25% - 20px);width: 100%;}
    .psFooteBox5{max-width: 40%;}
    .psFootNewInput{width: 100%;}
}

@media screen and (max-width:1024px) {
    .header{background: var(--white); padding: 0.5em 0;}
    .menuSec {justify-content: end;display: flex;align-items: center;gap: 2em;}
    .menuIcon, .menuClose, .showInHamMenu {display: block;}
    .menuIcon{max-width: 40px; width: 100%; margin: 0;}
    .menuClose{max-width: 40px; margin-left: auto;}
    .menuCont {
        opacity: 0;
        align-items: start;
        position: fixed;
        z-index: 99;
        background-color: white;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        top: 0;
        right: -9999px;
        flex-direction: column;
        height: 100%;
        width: 100%;
        max-width: 400px;
        padding: 1em 1em 1em 2em;
        transition: all 0.5s;
    }
    .menuCont.active {opacity: 1;right: 0;}
    .headMenu > nav > ul {flex-direction: column;margin-bottom: 2em;margin-top: 3em; align-items: start;}
    .headMenu > nav {margin: 0; }
}

@media screen and (max-width:992px) {
  
}

@media screen and (max-width:950px) {
    .psFooterInfo {justify-content: start; column-gap: 19px;}
    .psFooteBox1, .psFooteBox2, .psFooteBox3, .psFooteBox4, .psFooteBox5 {max-width: calc(32% - 10px);width: 100%;}
}

@media screen and (max-width:820px) {
    :root{
        --fs-120: 80px;
        --fs-90: 55px;
        --fs-h: 42px;
        --fs-44: 36px;
        --fs-40: 32px;
        --fs-36: 28px;
        --fs-26: 22px;
        --fs-24: 20px;
        --fs-22: 19px;
        --fs-21: 18px;
        --fs-20: 17px;
        --fs-19: 16px;
        /* 18–14 readable so minimum change */

        --secGap: 50px;
    }

    .comSecHead > h2{line-height: 40px;}
    .comSecHead > h5{margin-bottom: 10px;}

    .psFooter {padding-top: 50px;} 

    .psHeroTxtInfo{gap: 20px;}
    .psHeroTxt {max-width: 100%; width: 100%;}
    .psHeroTxt > h1{margin-bottom: 10px;}
    .psHeroTxt > p{line-height: 1.35;}
    .psHeroImgVid {max-width: 300px;}

    .psCounterBox {flex-wrap: wrap;}
    .psCounterItem {max-width: 49%;}
    .psCounterImg {max-width: 155px;}

    .psMarquee2Box li, .psMarquee1Box li {margin-inline: 3em;}

    .ourSolText {padding-left: 0.75em;}
    .ourSolText > p{
        display: -webkit-box !important;
        -webkit-line-clamp: 1 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        line-height: 1.7 !important;
        max-height: calc(1.7em * 1) !important;
        min-height: calc(1.7em * 1) !important;
    }

    .ourSolText > h3{
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        line-height: 1.4 !important;
        max-height: calc(1.4em * 2) !important;
        min-height: calc(1.4em * 2) !important;
    }

    

    .psWhoWeHeadImg { max-width: 45%; width: 100%;}
    .psWhoWeImg {margin-top: 1.25em;}
    .whoWeText > p{padding-right: 0;}
    .whoWeImges {margin-bottom: 1.25em;}
    .psText1Img {max-width: 55%;width: 100%;}
    .whoWeRightShape {max-width: 30%;}
    .psTextImg2 {max-width: 28%;}


    .psIndusType{gap: 23px;}
    .psIndusTypeItem {max-width: calc(25% - 18px);}

    .psWinnSec{margin: 3.2em 0;}

    .ourTech{margin-top: 2.6em;}

    .campaignsContent{padding: 2.5em;}
    .videoContent .absolute.bottom{bottom: -13%;}
    .videoContent .absolute:has(img){max-width: 100px;}

    .caseStudySlideBox .slick-dots{padding: 0 15px;}
    .caseStudySlideBox .draggable{padding-right: 0px; padding: 15px;}
    .caseStudyItem{margin-right: 30px;}

    .latestUpdatesCard{margin: 0 8px; margin-top: 40px; min-height: 750px;}
    .latestUpdatesBtn{margin-top: 60px;}
    .latestUpdatesCardsBox  > ul.slick-dots{bottom: -50px;}

    .vidSec {padding: 100px 0 ;}
    .psFootContactFrom{flex-wrap: wrap;}
    .psContactHeading {max-width: 100%;width: 100%; margin-bottom: 30px;}
    .psContactHeading > h2{line-height: 1.38;}
    .psContactHeadBtn {margin-top: 1.5em;}

    .trustedBySliders{gap: 4em;}
    .trustedBySliderRgt.slick-slider button {transform: translateY(-540%);}

    .thank-img{max-width: 55%;}
    .thank-cont p{font-size: 22px;}
}

@media screen and (max-width:768px) {
    :root {--fs-90: 48px;}

    .psHeroTxtInfo{flex-wrap: wrap;}
    .psHeroTxt { max-width: 100%; width: 100%; padding: 50px 0;}
    .psHeroImgVid{ max-width: 100%; margin: auto;}
    .psCounterItem {max-width: 48%;}
    .psCounterImg {max-width: 123px;}
    .psCounterTxt{padding-right: 10px;}
    .psIndusTypeItem {max-width: calc(32% - 18px);padding: 25px;}

    .psOurSolGallry {grid-template-columns: repeat(auto-fit, minmax(329px, 1fr));}
    .psOurGallBtn {margin-top: 4em; text-align: center;}

    .winImgUp{margin-right: 3em; max-width: 120px;}
    .winImgDown{margin-left: 3em; max-width: 170px;}

    .trustedBySliders{flex-wrap: wrap; gap: 2em;}
    .trustedBySliderLft {max-width: 100%;}
    .trustedBySliderRgt {max-width: 100%;}
    .trustedBySliderRgtCont{max-width: 100%; width: 100%;}

    .trustedByIcons{gap: 0.875em;margin-top: 145px;}

    .latestUpdatesCard{min-height: 720px;}
    .trustedBySliderRgt.slick-slider button {transform: translateY(-25px);}
    .trustedBySliderRgt.slick-slider button.slick-next {left: 10% !important;}
    .trustedBySliderRgt.slick-slider button.slick-prev {left: auto !important;}

}

@media screen and (max-width:610px) {
    :root{
        --fs-120: 60px;
        --fs-90: 40px;
        --fs-h: 34px;
        --fs-44: 26px;
        --fs-40: 24px;
        --fs-36: 22px;
        --fs-26: 20px;
        --fs-24: 18px;
        --fs-22: 16px;
        --fs-21: 16px;
        --fs-20: 15px;
        --fs-19: 15px;
        --fs-18: 15px;
        --fs-17: 14px;
        --fs-16: 14px;
        /* 14 & 15 are already small so kept close */
    }

    .siteLogo {max-width: 110px;width: 100%;}
    .menuIcon {max-width: 35px;}

    .psFooterInfo {justify-content: start; column-gap: 20px; row-gap: 40px;}
    .psFooteBox1, .psFooteBox2, .psFooteBox3, .psFooteBox4, .psFooteBox5 {max-width: calc(50% - 10px);width: 100%;}

    .psMarquee2Box li, .psMarquee1Box li {margin-inline: 30px;}

    .psOurSolItem {width: 100%; max-width: 100%;}
    .trustedByIcon {max-width: calc(24.666667% - 0.55em);background-color: #F5F8FC;border-radius: 20px;}

    .caseStudySlideBox .draggable {padding-right: 0px;}
    .caseStudyItem {margin: 0 12px;}

    .latestUpdatesBtn {margin-top: 20px;}

    .latestUpdatesCard {min-height: auto;}

    .trustedBySliderRgt.slick-slider button.slick-next {left: 14% !important;}
}


@media screen and (max-width:550px) {
  
}

@media screen and (max-width:500px) {
    :root{
        --fs-90: 35px;
    }

    .psFooteBox1, .psFooteBox2, .psFo1oteBox3, .psFooteBox4, .psFooteBox5 {max-width: calc(100% - 0px);width: 100%;}

    .psCounterItem {max-width: 100%;}
    .psCounterImg {max-width: 140px;}

    .psMarquee2Box li, .psMarquee1Box li {margin-inline: 25px;}

    .psWhoWeInfoBox{flex-wrap: wrap;}
    .psWhoWeHeadImg {max-width: 100%;width: 100%; margin-bottom: 70px;}
    .psWhoWeImgText {max-width: 100%;width: 100%;}

    .psOurSolGallry {flex-wrap: wrap; margin-top: 2.1em;}
    .psSolItemBox{max-width: 100%;}
    .ourSolText > h3 {
        display: -webkit-box !important;
        -webkit-line-clamp: 1 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        line-height: 1.4 !important;
        max-height: calc(1.4em * 1) !important;
        min-height: calc(1.4em * 1) !important;
    }

    .winImgUp {margin-right: 0em; max-width: 100px;}
    .winImgDown { margin-left: 1em; max-width: 120px;}

    .trustedByIcon{max-width: calc(32.9% - 0.55em);}

    .psOurSolGallry {grid-template-columns: repeat(auto-fit, minmax(256px, 1fr));}
    .psOurGallBtn {margin-top: 2em;text-align: center;}

    .caseStudySlideBox {display: flex;padding-top: 25px;}
    .caseStudySlideBox .draggable{padding: 0;}
    .caseStudyInfo h3{margin-bottom: 0;}
    .caseStudyImage {padding-top: 0;}
    .caseStudyItem{min-height: 420px;}

    .psIndusType {gap: 16px;}
    .psIndusTypeItem {max-width: calc(50% - 12px); padding: 25px;}

    .vidSec {padding: 70px 0;}
    .videoContent .absolute:has(img) {max-width: 70px;}
    .videoContent .absolute.bottom {bottom: -25%;}

    .campaignsDesc > p{line-height: 1.645;}
    .campaigns > li {gap: 10px;}

    .trustedBySliders {flex-wrap: wrap;gap: 1em;}
    .trustedBySliderLft.slick-slider button, .trustedBySliderRgt.slick-slider button{width: 46px; height: 46px;}
    .trustedBySliderLft.slick-slider button.slick-next, .trustedBySliderRgt.slick-slider button.slick-next {
    background-image: url(../images/sliderRgtBtn.png); left: calc(0px + 58px);}
    .trustedBySliderLft.slick-slider button, .trustedBySliderRgt.slick-slider button{top: calc(100% + 25px + calc(58px / 2));}

    .latestUpdatesCardsBox{margin-top: 0;}

    .campaignsContent{flex-wrap: wrap;}
    .campaignsTxt {max-width: 100%;}
    .campaignsImg {max-width: 100%;}

    .psFootContactFrom {padding: 1.5em; border-radius: 1em;}
    .psFootFormBox > form{padding: 1em; padding-bottom: 5em;}
    .psInputWrapBox{margin-top: 1.25em;}
    .psFormInput.col-50 {max-width: 100%;width: 100%;}
    .ftContactBtn > .comBtn {padding: 12px 20px;}
    .psFooter::before{height: 80%;}

    .thank-img {max-width: 80%;}
    .thank-cont h2{font-size: 25px;}
    .thank-cont p{font-size: 20px;}
    .backHomeBtn a{font-size: 14px; padding: 7px 15px;}
}

@media screen and (max-width:428px){

  
}
@media screen and (max-width:414px){
    :root{
        /* --fs-120: 60px;
        --fs-90: 45px;
        --fs-h: 34px;
        --fs-44: 26px;
        --fs-40: 24px; */
        --fs-36: 19px;
        /* --fs-26: 20px;
        --fs-24: 18px;
        --fs-22: 16px;
        --fs-21: 16px;
        --fs-20: 15px;
        --fs-19: 15px;
        --fs-18: 15px;
        --fs-17: 14px;
        --fs-16: 14px; */
        /* 14 & 15 are already small so kept close */
    }

    .psCounterImg {max-width: 110px;}
    .psCounterTxt > h2{line-height: 30px;}

    .comSecHead > h2 {line-height: 30px;}

    .psCounterTxt > p{line-height: 23px;}

    .psIndusTypeItem{padding: 15px 10px;}
    .IndusTypeImg {width: 50px; height: 50px; padding: 16px; margin-bottom: 0.5em;}
    .psIndusTypeItem > p{line-height: 25px;}

    .winImgUp{max-width: 85px;}
    .winImgDown{max-width: 105px; margin-left: 0;}

    .vidSec {padding: 50px 0;}
    .videoContent .absolute:has(span){padding: 0.75em 0.25em;}

    .campaignsContent {padding: 1.5em;}

    .psFootContactFrom{padding: 1em;}
    .psRgtEmailBox {bottom: 1em;right: 0; left: 16px;}

    .trustedBySliderRgt.slick-slider button.slick-next {left: 18% !important;}

}

@media screen and (max-width:395px){
    :root{
        --fs-h: 26px;
    }
}

@media screen and (max-width:375px) {

}
@media screen and (max-width:360px){
  .trustedBySliderRgt.slick-slider button.slick-next {left: 20% !important;}
}