.case-study .container{max-width:1640px; width: 87%;}
.case-study .cta{ min-width:252px; width: 252px; justify-content:space-between; display: flex; align-items: center; padding-left: 25px; padding-right: 25px;}

.cs_banner_sec{position:relative;z-index:1;overflow:hidden;background-size:150% 200% !important;background-size:200% 200%;-webkit-animation:Animation 5s ease infinite;-moz-animation:Animation 5s ease infinite;animation:Animation 5s ease infinite;}

@-webkit-keyframes Animation{
    0%{background-position:10% 0%}
    50%{background-position:91% 100%}
    100%{background-position:10% 0%}
}
@-moz-keyframes Animation{
    0%{background-position:10% 0%}
    50%{background-position:91% 100%}
    100%{background-position:10% 0%}
}
@keyframes Animation{
    0%{background-position:10% 0%}
    50%{background-position:91% 100%}
    100%{background-position:10% 0%}
}   

.cs_b_content{display:flex;padding:80px 0px;}
.cs_b_content .cs_b_logo_wrap{width:20%;}
.cs_b_content .cs-banner-img-main{width:55%;display:flex;justify-content:center;padding:0px 40px;}
.cs-banner-text{width:25%;display:flex;align-items:flex-end;}
.cs-banner-img .csb-img{max-width:100%;max-height:calc(95vh - 250px);height:100%;}
.app-btn img{max-width:100%;}
.app-btn{display:flex;}
.app-btn a{display:inline-block;margin:0px 5px 5px 0px;}
.csb-text-main p, .csb-text-main h1{font-size:calc(1.1vw + 1vmin);line-height:1.2; font-weight: 300; margin:0px 0px 8px;}

.mockup-animation1, .mockup-animation2 {
    max-width: 50%;
}


.overview-sec{padding:70px 0px 80px;}
.overview-sec p.title-small{font-size:20px;line-height:24px;color:#000000;margin-bottom:10px;font-weight:500;}
.overview-left .title-small-main{margin-bottom:50px;}
.title-small-main .sub-text{color:#5D5D5D;font-size:18px;line-height:27px;}
.overview-left .ocs-left-link{margin:50px 0px;}
.ocs-link-row .ocs-text-link{display:flex;align-items:center;margin-bottom:16px;}

.ocs-text-link .apps-link-icon{width:40px;padding-right:10px;}
.ocs-text-link .apps-link-icon .linkicon{max-width:100%;max-height:30px;}
.ocs-link-row .ocs-text-link .app-link-main{width:calc(100% - 40px);}
.ocs-link-row .ocs-text-link .app-link-main .app-link{line-height:30px;display:inline-block;text-decoration:underline;color:#5D5D5D;font-size:18px;margin-bottom:0px;font-weight:400;}

.ocs-link-row .ocs-text-link .app-link-main a.app-link:hover{color: #F05D27;}
.overview-right .overview-text{margin-bottom:45px;}
.overview-text p{font-size:24px;line-height:40px;}

.overview-right .ocs-text-type.challenges{margin-bottom:55px;}
.ocs-text-type h3{margin-bottom:25px;}
.ocs-text-type ul li{font-size:24px;position:relative;line-height: 35px;margin:20px 0px;padding-left: 45px;}
.ocs-text-type ul li:after{content:'';position:absolute;left:0px;top: 4px;background:url('../images/case-study/left-arrow-head.png');background-repeat:no-repeat;background-size: contain;width: 20px;height: 26px;}

.agw-links-main ul li p{text-decoration:underline;color:#F05D27;font-size:20px;line-height:30px;display:inline-block;position:relative;padding-right:45px;margin-bottom:0px;font-weight:400;}
.agw-links-main ul li p:after{content:'';position:absolute;right:0px;top:4px;background:url(../images/case-study/external_link.png);background-repeat:no-repeat;background-size:contain;width:20px;height:20px;}
@media (max-width:1299.98px){
    .ocs-link-row .ocs-text-link .app-link-main .app-link{font-size:16px;}
    .agw-links-main ul li p{font-size:18px;line-height:28px;padding-right:40px;}
    .agw-links-main ul li p:after{width:16px;height:16px;}
}
.agw-links-main ul li{margin:15px 0px;}
.overview-left{position:sticky;top:30px;}
.single-case-study .page-wrapper {overflow: unset; }


.party-apis-sec{padding:100px 0px 100px;background:#FAFAFA; overflow: hidden;}
.party-apis-list{padding:60px 0px 20px;}
.party-apis-list ul li{font-size:20px;color:#000000;padding:20px 45px;line-height:25px;display:flex;}


.party-apis-sec{padding:100px 0px 80px;background:#FAFAFA;}
.party-apis-list{padding:60px 0px 20px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.party-apis-list ul{max-width: 25%;position: relative;}
.party-apis-list ul li{font-size:18px;color:#000000;padding:20px 45px;line-height:25px;display:flex;}
.party-apis-list ul:after{content:'';position:absolute;left:0px;top:25px;bottom:30px;border-left:2px dashed #000;}
.party-apis-list ul:first-child:after{display:none;}



.mockup-main{display:flex;padding:30px 0px;}
.cs-banner-img .csb-img.mockup-1{transform:translate(60px,30px);transform:translate(15%,7%);}
.cs-banner-img .csb-img.mockup-2{transform:translate(-60px,-75px);transform:translate(-20%,-7%);}


/*.wireframe-slide{background:rgb(253,232,229);background:-moz-linear-gradient(0deg,rgba(253,232,229,1) 0%,rgba(249,249,249,1) 100%);background:-webkit-linear-gradient(0deg,rgba(253,232,229,1) 0%,rgba(249,249,249,1) 100%);background:linear-gradient(0deg,rgba(253,232,229,1) 0%,rgba(249,249,249,1) 100%);}*/
.wireframe-slide-row{display:flex;max-width:calc(100% - 130px);margin:0px auto;padding:30px 50px;height:100vh;overflow:hidden;}
.wireframe-text{display:flex;flex-direction:column;justify-content:space-between;width:30%;padding-right:25px;padding-left:10px;}
.wireframe-mockup-main{width:70%;text-align:right;}
.wireframe-mockup-main img.wireframe-mockup{max-width:100%;max-height:100vh;margin-top:-13%;display: inline-block;transition: all 400ms ease;transform: translateY(0);-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.wireframe-top p{font-size:calc(1.1vw + 1vmin);line-height:1.2;font-weight:500;transition: all 400ms ease;color: #fff;}
.wireframe-bottom p.wb-title{font-size:20px;color:#000000;margin-bottom:8px;font-weight:600;line-height:30px;color: #fff;}
.wireframe-bottom ul{display:flex;flex-wrap:wrap;}
.wireframe-bottom ul li{font-size:18px;color:#5D5D5D;margin-bottom:8px;font-weight:400;line-height:22px;margin-right:8px;padding-right:8px;border-right:2px solid #5D5D5D;}
.wireframe-bottom ul li:last-child{margin-right:0px;border-right:none;}
.wireframe-text .wireframe-top {margin-bottom: 40px; }

.black-screen p{color:#fff;}
.black-screen .wireframe-bottom p.wb-title{color:#fff;}

.wireframe-slider{position:relative;z-index:1;overflow: hidden;}
.wireframe-slider .background-main{position:absolute;top:0px;left:0px;right:0px;bottom:0px;z-index:-3;}
.wireframe-slider .background-main .background-1,.wireframe-slider .background-main .background-2{position:absolute;top:0px;left:0px;right:0px;bottom:0px; transition: all 400ms ease;}


.wireframe-slider.black-screen .background-main .background-1{transform:translateY(100%);}
.wireframe-slider.wireframe .background-main .background-1{transform:translateY(0%); }


.wireframe-slider.wireframe .background-main .background-2{transform:translateY(-100%);z-index: 1;}
.wireframe-slider.black-screen .background-main .background-2{transform:translateY(0%);}

.wireframe-slider.black-screen .wireframe-mockup-main img.wireframe-mockup {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    animation: wf-up-down 1s alternate ;
}

.wireframe-slider.wireframe .wireframe-mockup-main img.wireframe-mockup {
    animation: wf-up-down 1s alternate ;
}

@keyframes wf-up-down {
    0% { transform: translateY(0); }
    50% {transform: translateY(-15px);}
    100% { transform: translateY(0px); }
}

@keyframes ctm-shakeUp2{
    0%,100%{transform: translateX(0);}
    10%,30%,50%,70%,90%{transform: translateX(-20px);}
    20%,40%,60%,80%{transform: translateX(15px);}
}


@keyframes ctm-shakeUp{
    0%,100%{transform:translateY(0)}
    10%,30%,50%,70%,90%{transform:translateY(-15px)}
    20%,40%,60%,80%{transform:translateY(15px)}
}
.mockup-animation1{animation-iteration-count: infinite; animation-duration: 18s; -webkit-animation-name: ctm-shakeUp; animation-name: ctm-shakeUp;}
.mockup-animation2{animation-iteration-count: infinite; animation-duration: 18s; -webkit-animation-name: ctm-shakeUp2; animation-name: ctm-shakeUp2;}


.wireframe-slider.wireframe .wireframe-top p{color:#000;}
.wireframe-slider.wireframe .wireframe-mockup-main img.wireframe-mockup{-webkit-filter:unset!important;filter:unset!important;}
.wireframe-slider.wireframe .wireframe-bottom p.wb-title{color:#000;}

.cs-achievements-sec .container .clients-logo-inner .client-logo-wrap{width:calc(33.33% - 30px);margin:0;}
.cs-achievements-sec .clients-logo-main .clients-logo-inner{justify-content:start;gap:40px;}
.cs-achievements-sec .clients-logo-main .clients-logo-inner .client-logo img{max-width:240px; width:100%; }


.desktop_website .mockup-main .mockup-animation1{max-width:100%;}
.desktop_website .mockup-main .mockup-animation2{display:none;}
.desktop_website .mockup-main .mockup-animation1 .csb-img.mockup-1{transform:none!important;}


.testimonial-sec.padding-tb{padding:100px 0px;}
.testimonial-sec.padding-tb .section-title{border-bottom:1px solid #D7D7D7;padding-bottom:25px;}
.testimonial-sec.padding-tb .section-title + .section-back-title{display:none;}
.testimonial-sec.padding-tb  .testimonial-main{background:#F0F0F0;border-radius:20px;padding:60px;margin-top:60px;}
.testimonial-sec.padding-tb .testimonial-main .testimonial-inner{display:flex;}
.testimonial-sec.padding-tb .testimonial-main .testimonial-inner .testimonial-img .person-img{width:173px;height:173px;overflow:hidden;border-radius:100%;margin-bottom:20px;}
.testimonial-sec.padding-tb .testimonial-main .testimonial-inner .testimonial-img{width:35%; padding-left: 5%;}
.testimonial-sec.padding-tb .testimonial-main .testimonial-inner .testimonial-content{width:65%;}

.testimonial-sec.padding-tb .testimonial-main .testimonial-inner .testimonial-img .person-img img{width:100%;height:100%;object-fit:cover;object-position:center;}
.testimonial-sec.padding-tb .testimonial-main .testimonial-inner .testimonial-content .testimonial-text p{font-size:22px;line-height:1.6;}
.testimonial-sec.padding-tb .testimonial-main .testimonial-inner .testimonial-content .testimonial-text{margin-bottom:40px;}
.cs-achievements-sec .container .clients-logo-inner .client-logo-wrap .client-logo {
    padding: 0px;
}

@media (max-width: 1699.98px) { 

.overview-text p{font-size:22px;line-height:36px;}
.ocs-text-type ul li{font-size:22px;line-height:30px;padding-left:26px;}
.ocs-text-type ul li:after{top:4px;width:16px;height:20px;}
.party-apis-list ul li{padding:20px 30px;}

}


@media (max-width: 1599.98px) { 

.case-study .container{width:85%;}
.case-study .cta{min-width:230px;width:230px;padding-left:20px;padding-right:20px;}

}




@media (max-width: 1399.98px) { 

.wireframe-bottom ul li{font-size:16px;line-height:16px;border-right:2px solid #5D5D5D;}
.wireframe-bottom p.wb-title{font-size:18px;line-height:28px;}

.case-study .container{max-width:1140px;}

.case-study .cta{min-width:210px;width:210px;padding-left:20px;padding-right:20px;padding-top:14px;padding-bottom:14px;font-size:15px;line-height:normal;}
.case-study .cta.btn:after{width:14px;height:14px;}
}

@media (max-width: 1299.98px) {

.ocs-text-link .apps-link-icon{width:35px;padding-right:5px;}
.ocs-link-row .ocs-text-link .app-link-main{width:calc(100% - 35px);}
.ocs-link-row .ocs-text-link .app-link-main a.app-link{font-size:16px;}
.agw-links-main ul li a{font-size:18px;line-height:28px;padding-right:40px;}
.agw-links-main ul li a:after{width:16px;height:16px;}
.ocs-text-type ul li{font-size:20px;}

}



@media (max-width: 1199.98px) {

.party-apis-list ul li {font-size: 16px; padding: 15px 25px; line-height: 23px; }
.wireframe-slide-row{height:auto;padding:60px 0px;}
.wireframe-top p{font-size:calc(0.8vw + 0.5vmin);}
.wireframe-bottom p.wb-title{font-size:16px;}
.wireframe-bottom ul li{font-size:14px;border-right:1px solid #5D5D5D;line-height:15px;}
.case-study .cta{min-width:185px;width:185px;padding-left:15px;padding-right:15px;padding-top:14px;padding-bottom:13px;font-size:14px;line-height:normal;}
.case-study .cta.btn:after{width:12px;height:12px;}
.csb-text-main p, .csb-text-main h1{font-size: calc(1vw + 1vmin); }
.case-study .container{width:85%;}

.cs-achievements-sec .section-title h2 {font-size: 36px; }
.testimonial-sec.padding-tb .testimonial-main .testimonial-inner .testimonial-img{padding-left: 0px;}
}


@media (max-width: 991.98px) {

.case-study .container{max-width:720px;width:100%;}
.overview-text p { font-size: 18px; line-height: 30px; }
.ocs-text-type ul li { font-size: 18px; line-height: 27px; padding-left: 26px; }
.ocs-text-type ul li:after { top: 4px; width: 14px; height: 18px; }
.party-apis-list ul li { font-size: 15px; }

.cs-achievements-sec .section-title h2 {font-size: 30px; line-height: 36px; }




}


@media (max-width: 767.98px) {

.case-study .container{max-width:540px;}    

.cs_b_content{flex-wrap:wrap;flex-direction:column;padding:50px 0px;min-height:90vh;justify-content:space-between;}
.cs_b_content .cs-banner-img-main{width:100%;padding:20px 0px;}
.cs-banner-text{width:100%;max-width:220px;margin-top:30px;}
.csb-text-main p br, .csb-text-main h1 br{display:none;}
.csb-text-main p, .csb-text-main h1{margin-bottom:20px;font-size:16px;}

.csb-text-main .app-btn img.app-store-btn,.csb-text-main img.google-play-btn{max-width:100%;}
.cs_b_content .cs_b_logo_wrap{width:100%;}
.cs_b_content .cs_b_logo_wrap .cs_b_logo{max-width:150px;}
.overview-sec{padding:55px 1px;}
.overview-left .title-small-main{margin-bottom:20px;}
.overview-left .ocs-left-link{margin:40px 0px;}
.overview-left{position:unset;top:unset;padding-bottom:33px;}
.party-apis-sec{padding:50px 0px;}
.party-apis-list{padding:30px 0px 20px;}
.party-apis-list ul{width:100%;max-width:100%;}
.party-apis-list ul:after{display:none;}
.party-apis-list ul li{padding:5px 20px;}
.wireframe-slide-row{max-width:90%;flex-direction:column;flex-wrap:wrap;}
.wireframe-text{width:100%;}
.wireframe-mockup-main{width:100%;}
.wireframe-mockup-main img.wireframe-mockup{margin-top:0px;margin-top:40px;}
.wireframe-top p{font-size:18px;}

.wireframe-text .wireframe-top{ margin-bottom:20px; }

.cs-achievements-sec .section-title h2{font-size:28px;line-height:36px;margin-bottom:35px;text-align:center;}
.cs-achievements-sec .padding-tb{padding-top:30px;padding-bottom:30px;}
.cs-achievements-sec .section-title h2 br{display:none;}
.cs-achievements-sec .clients-logo-main .clients-logo-inner{justify-content:center;}

.testimonial-sec.padding-tb .testimonial-main .testimonial-inner{flex-direction:column;}
.testimonial-sec.padding-tb .testimonial-main .testimonial-inner .testimonial-img,.testimonial-sec.padding-tb .testimonial-main .testimonial-inner .testimonial-content{width:100%;}
.testimonial-sec.padding-tb .testimonial-main .testimonial-inner .testimonial-content .testimonial-text p{font-size:17px;}
.testimonial-sec.padding-tb .testimonial-main .testimonial-inner .testimonial-img .person-img{width:150px;height:150px;margin-bottom:30px;}
.testimonial-sec.padding-tb .testimonial-main{border-radius:15px;padding:40px 25px;margin-top:30px;}
.testimonial-sec.padding-tb .section-title{padding-bottom:15px;}

}




@media (max-width: 576px) {

.cs-achievements-sec .container .clients-logo-inner .client-logo-wrap {
    width: calc(33.33% - 15px);
}

.cs-achievements-sec .clients-logo-main .clients-logo-inner {
    gap: 15px;
}

}

@media (max-width: 481px) {

.case-study .cta{min-width:165px;width:165px;padding-left:10px;padding-right:10px;padding-top:13px;padding-bottom:12px;font-size:13px;line-height:normal;}

}



@media (max-width: 370px) {

.case-study .cta{min-width:140px;width:140px;padding-top:13px;padding-bottom:12px;font-size:12px;line-height:normal;}
.case-study .cta.btn:after{width:10px;height:10px;margin-left:5px;}
    
}

.single-case-study .container{max-width:1640px;width:87%;}
@media (max-width:1599.98px){
    .single-case-study .container{width:85%;}
}
@media (max-width:1399.98px){
    .single-case-study .container{max-width:1140px;}
}
@media (max-width:1199.98px){
    .single-case-study .container{width:85%;}
}
@media (max-width:991.98px){
    .single-case-study .container{max-width:720px;width:100%;}
}
@media (max-width:767.98px){
    .single-case-study .container{max-width:540px;}
}

@media (min-width: 576px){
.testimonial-sec .container {max-width: 540px;}
}
@media (min-width: 768px){
.testimonial-sec .container {max-width: 720px; }
}
@media (min-width: 992px){
.testimonial-sec .container {max-width: 960px; }
}
@media (min-width: 1200px){
.testimonial-sec .container {max-width: 1140px;}
}


/*=================================================================
             Fraser Coast Tint Case Study 15 Sep 2025
==================================================================*/


.case--study-banner-inner h2{font-size:70px;}
.case--study-banner-secn{background:transparent;min-height:auto;display:block;overflow:hidden;padding-bottom:30px;}
.case--study-banner-secn .case--study-secn-wrap{position:relative;z-index:1;margin-top:30px;}
.case--study-banner-after{position:absolute;z-index:-1;border-radius:40px;top:0px;left:30px;right:30px;bottom:0px;}
.case--study-banner-inner{padding-top:60px;}
ul.case--study-type-innern li .case--study-cat{border-radius:30px;background-color:rgba(0,0,0,0.30);border-color:transparent;font-size:20px;font-weight:500;padding:8px 30px 12px 30px;text-transform:capitalize;color:#ffffff;}
.case--study-nwebp{padding:14px 15px 16px 15px;background-color:#000;font-size:20px;font-weight:600;color:#fff;border-radius:15px;}
.case--study-nsw-wrap{display:inline-flex;flex-wrap:wrap;}
.case--study-nsw{margin-right:10px;}
.case--study-nsw-main{text-align:right;padding-top:20px;}
.case--study-banner-inner .section-title h2{margin-bottom:20px;}
.case-study-banner-image{margin-top:70px;}
.case--study-page-v1{background-color:#f8f8f8;color: #797C7F;}
.case--study-row-txt{padding-top:70px;padding-bottom:100px;}


.cs-subhead{font-size:20px;}
.cs-head{font-size:30px;}
.cs-p{font-size:21px;line-height: 1.5;margin-bottom: 0;color: #797C7F;}
.cs-head-tl{font-size:18px;}
.cs-shead-stl{font-size:20px;}
.cs-shead-col{margin-right:20px;margin-top:26px;}
.cs-shead-col:last-child{margin-right:0px;}
.case--study-purpose-main .case--study-row-txt{padding-bottom:70px;}
.case--study-inner-pd{padding-top:70px;padding-bottom:70px;}
.case--study-webscreen-row{padding-bottom:50px;}
.res-ui{background-color:#FF5221;padding:9px 27px 15px 27px;font-size:30px;font-weight:600;color:#ffffff;border-radius:15px;display:inline-block;margin:20px 0px 50px;}
.case--study-webscreens-shadow{box-shadow:0px 0px 30px 3px rgba(0,0,0,0.10);}
.case--study-webscreens-wrap img{width:100%;}
.case--study-challenges-points li{padding:0px 15px 0px 25px;font-size:18px;color:#4B4545;}
.case--study-challenges-points-before{position:absolute;width:10px;height:10px;background-color:#120487;border-radius:50%;left:0;top:50%;transform:translateY(calc(-50% + 2px));}
.case--study-challenges-points li:last-child{padding-right:0px;}

.case--study-mobscreens-wrap{margin:0px -20px;}
.case--study-mobscreens-inner{padding:0px 20px;width:50%;}
.case--study-mobscreens-av{margin-top:80px;}
.case--study-webscreens-av{margin-top:80px;}
.case--study-ctc-pr{background-color:#ffffff;border-radius:30px;padding:30px;height:100%;}
.case--study-ctc-pr-inner{display:flex;flex-direction:column;justify-content:space-between;height:100%;}
.case-study-ctc-tl{font-size:30px;margin-bottom:30px;}
.case-study-ctc-fn{font-size:40px;color:#120487;margin-bottom:25px;}
.case-study-ctc-heading1 .case-study-ctc-hd{font-size:36px;}
.case-study-ctc-ff{font-size:16px;}
.case-study-ctc-hmain{margin-bottom:25px;}
.case-study-ctc-hmain .case-study-ctc-falpha{position:absolute;right:0px;top:0px;}
.case-study-ctc-heading1 .case-study-ctc-falpha{font-size:36px;}
.case-study-ctc-heading2 .case-study-ctc-hd{font-size:24px;}
.case-study-ctc-heading2 .case-study-ctc-falpha{font-size:24px;}
.case-study-ctc-heading3 .case-study-ctc-hd{font-size:20px;}
.case-study-ctc-heading3 .case-study-ctc-falpha{font-size:20px;}
.case-study-ctc-heading4 .case-study-ctc-hd{font-size:16px;}
.case-study-ctc-heading4 .case-study-ctc-falpha{font-size:16px;}
.case--study-sec-bt{padding-bottom:70px;}
.case--study-colourp{background-color:#f8f8f8;padding:20px 30px;border-radius:15px;}
.case--study-palette-wrap{padding-right:15%;}
.case--study-colour-box{width:40px;height:40px;border-radius:10px;margin-right:15px;}
.case--study-colour-primary .case--study-colour-box{background-color:#120487;}
.case--study-colour-tl{font-size:26px;font-weight:600;}
.case--study-colour-code{font-size:20px;}
.case--study-colour-secondary .case--study-colour-box{background-color:#FF5221;}
.case--study-colourp:last-child{margin-bottom:0;}
.case--study-ctc-cl-row{align-items:center;margin-bottom:73px;}
.case--study-color-shades-tl{font-size:18px;font-weight:600;margin-bottom:10px;}
.case--study-color-shades-box{height:80px;}
.case--study-color-shades-boxm{display:flex;flex-wrap:wrap;}
.case--study-pcolor-shades-boxm .case--study-color-shades-box1{background-color:#120487;}
.case--study-pcolor-shades-boxm .case--study-color-shades-box2{background-color:#6452FA;}
.case--study-pcolor-shades-boxm .case--study-color-shades-box3{background-color:#9083FB;}
.case--study-pcolor-shades-boxm .case--study-color-shades-box4{background-color:#BCB5FD;}
.case--study-scolor-shades-boxm .case--study-color-shades-box1{background-color:#FF5221;}
.case--study-scolor-shades-boxm .case--study-color-shades-box2{background-color:#FF744D;}
.case--study-scolor-shades-boxm .case--study-color-shades-box3{background-color:#FF9C80;}
.case--study-scolor-shades-boxm .case--study-color-shades-box4{background-color:#FFC3B3;}
.case--study-ch-dp-icon{width:100px;height:100px;border-radius:50%;box-shadow:0px 4px 17px rgba(0,0,0,0.15);margin-bottom:23px;}
.case--study-ch-dp-tl{font-size:24px;}
.case--study-ch-dp-p{font-size:20px;}
.case--study-ch-dp-wrap{counter-reset:num;}
.case--study-ch-dp-icon::after{counter-increment:num;content:"0"counter(num);font-size:34px;font-weight:600;color:#000000;position:absolute;left:calc(100% - 22px);}
.case--study-ch-dp-box-before{background-image:url(../images/case-studyn/dp-arrow-icon.svg);background-position:0px 0px;background-size:60px 29px;background-repeat:no-repeat;width:60px;height:29px;position:absolute;right:-50px;top:35px;}
.case--study-ch-dp-col:last-child .case--study-ch-dp-box-before{display:none;}
.case--study-cps-img{text-align:center;margin-left:auto;margin-right:auto;}
.case--study-cps-tl{font-size:26px;padding-bottom:15px;margin-bottom: 30px;letter-spacing: 1px;}
.case--study-cps-com-after{height:8px;width:100%;position:absolute;bottom:0;left:0;right:0;border-radius:10px;}
.case--study-cps-ptl-after{background-color:rgba(255,82,33,0.60);}
.case--study-cps-ptl{color:#FF5221;}
.case--study-cps-stl{color:#3DA100;}
.case--study-cps-stl-after{background-color:rgba(61,161,0,0.60);}
.case--study-cps-p{font-size:23px;margin-bottom:30px;}
.case--study-cps-points li{margin-bottom:18px;padding-left:22px;font-size:20px;}
.case--study-cps-bullet{position:absolute;width:14px;height:14px;border-radius:4px;left:0;top:8px;}
.case--study-cps-bullet-p{background-color:#FF5221;}
.case--study-cps-problems{margin-bottom:50px;}
.case--study-cps-points li:last-child{margin-bottom:0;}
.case--study-cps-bullet-s{background-color:#3DA100;}
.comm-page{padding:13px 30px 17px 30px;font-size:30px;background-color:#120487;border-radius:20px;margin-bottom:20px;}
.case--study-comm-btn{font-size:24px;font-weight:600;display:inline-block;border-radius:15px;margin-bottom:30px;padding:6px 40px 11px 40px;}
.case--study-comm-be{border:2px solid #000000;color:#000000;}
.case--study-comm-af{background-color:#FF5221;color:#ffffff;border: 2px solid transparent;}
.case--study-cba-b-left,.case--study-cba-a-right{width:45%;}
.case--study-cba-centered-arrow-main{width:10%;align-items:center;display:flex;justify-content:center;position:relative;}
.case--study-cba-centered-arrow-wrap{width:15vw;max-width:90px;height:15vw;max-height:90px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:30px 20px;z-index:1;background-color: #8577FF;}
.case--study-cba-centered-arrow-line{width:8px;height:100%;background-color:#8577FF;border-radius:10px;position:absolute;}
.case--study-gobject-txt{font-size:20px;width:calc(100% - 60px);padding-left:15px;}
.case--study-gobject-box{padding:30px;border-radius:30px;background-color:rgba(82,101,169,0.10);}
.case--study-gobject-icon{width:60px;height:60px;}
.case--study-palette-wrap svg{max-width:300px;}

/**** Fraser Coast Tint Case Study Table ****/

.custom-table-main td{padding:17px 30px;vertical-align:middle;font-size: 20px;color:#797C7F;}
.custom-table-main th{padding:22px 30px;vertical-align:middle;font-size:24px;font-weight:600;color:#000000;background-color:#E3E0FF;border-right:5px solid #f8f8f8;border-bottom:5px solid #f8f8f8!important;}
.custom-table-main td{border-bottom:5px solid #f8f8f8;border-right:5px solid #f8f8f8;background-color: #ffffff;}
.custom-table-main tr td:last-child{border-right:0px;}
.custom-table-main tr th:last-child{border-right:0px;}
.custom-table-main tr td:first-child{font-size:24px;font-weight:500;color:rgba(0, 0, 0,0.50);background-color: #E3E0FF;}
.custom-table-main tr:last-child td{border-bottom:0;}
.chg-table{border-radius:30px;overflow:hidden;}
.custom-table-main th,.custom-table-main td{text-align:center;}

.min-width-200{min-width:200px;}
.min-width-300{min-width:300px;}

.width-p-25{width:25%;}
.width-p-375p{width:37.5%;}



/*=================================================================
             Home worthy Case Study
==================================================================*/

.hwi-color797979{color:#797979;}
.hwi-color505050{color:#505050;}
.hwi-colorF05D27{color:#F05D27;}
.hwi-fs-24{font-size:24px;}
.hwi-fs-28{font-size:28px;}
.hwi-fs-30{font-size:30px;}
.hwi-fs-32{font-size:32px;}
.hwi-fs-40{font-size:40px;}
.hwi-fs-36{font-size:36px;}
.case--study-hwi-st{margin-bottom:20px;}
.case--study-hwi-icon-tri-img{width:43px;height:43px;display:inline-block;}
.case--study-hwi-icon-tri1-img{width:43px;height:43px;}
.hwi-bg-black{background-color:#000000;}
.hwi-bg-F05D27{background-color:#F05D27;}
.case--study-page-hwi p{font-size:26px;color:#797979;font-weight:500;line-height:1.5;}
.case--study-hwi-pbig p{line-height:1.4;font-size:30px;}
.case--study-hwi-p-btn{position: relative;top: 40px;left: -20px;padding:10px 32px 12px 32px;display:inline-block;border-radius:50px;}
.case--study-hwi-p1-btn{padding:3px 43px 11px 43px;display:inline-block;border-radius:50px;}
.case--study-hwi-tri-t{position:relative;padding-bottom:50px;}
.case--study-hwi-p-tri-main{display: inline-block;}
.case--study-hwi-b-p-tri-main{position:absolute;left:0;right:0;max-width:220px;margin:0 auto;text-align:right;top:29vw;transform:translate(6vw,-6vw);}
.case--study-hwi-hspace{padding-top:100px;padding-bottom:100px;}
.case--study-hwi-mewr-inner .case--study-hwi-tmain{margin-bottom:40px;}
.case--study-hwi-ftv-stl p{margin-bottom:5px;line-height:normal;}
.case--study-hwi-ftv-stl{margin-top:95px;}
.case--study-hwi-tan-wrap{border-radius:50px;padding:40px;height:400px;}
.case--study-hwi-tan-arrow{width:64px;height:64px;}
.case--study-hwi-hspace-wp{padding-top:80px;}
.case--study-hwi-gtan-wrap{background-color:#C0A375;}
.case--study-hwi-lgtan-wrap{background-color:rgba(192,163,117,0.20);}
.case--study-hwi-tan-row{margin-bottom:30px;}
.case--study-hwi-gtanb-wrap{background-color:#000000;}
.case--study-hwi-greytan-wrap{background-color:#707070;}
.case--study-hwi-nost{margin-bottom:25px;}
.case--study-hwi-hiws-img{border-radius:40px;object-fit:cover;object-position:center;}
.case--study-hwi-hiws-point li p{font-size:24px;padding-bottom:46px;}
.case--study-hwi-hiws-point li:last-child{margin-bottom:0;}
.case--study-hwi-hiws-point li:last-child p{padding-bottom:0;}
.case--study-hwi-hiws-points{padding-left:8%;}
.case--study-hwi-hiws-point li{padding-left:60px;margin-bottom:30px;}
.case--study-hwi-hiws-point-tl{margin-bottom:20px;}
.case--study-hwi-hiws-point li p::before{content:"";left:-35px;width:1px;height:100%;background-color:#797979;position:absolute;}
.case--study-hwi-hiws-point{counter-reset:hiws-num;}
.case--study-hwi-hiws-point-tl::before{counter-increment:hiws-num;content:counter(hiws-num);position:absolute;left:-45px;font-size:40px;font-weight:600;line-height:1;}
.case--study-hwi-hiws-point li:last-child p::before{display:none;}
.case--study-hwi-ps-wp{padding-bottom:80px;}
.case--study-hwi-boxb-main{border:3px solid #0D84DA;padding:10px 10px 16px 10px;display: inline-block;}
.case--study-hwi-ovw{margin-top:30px;}
.case--study-hwi-boxb-main::before,.case--study-hwi-boxb-main::after,.case--study-hwi-boxb-wrap::before,.case--study-hwi-boxb-wrap::after{content:"";border:2px solid #0D84DA;width:12px;height:12px;position:absolute;background-color:#fff;}
.case--study-hwi-boxb-main::before{left:-6px;top:-6px;}
.case--study-hwi-boxb-main::after{right:-6px;top:-6px;}
.case--study-hwi-boxb-wrap::before{left:-6px;bottom:-6px;}
.case--study-hwi-boxb-wrap::after{right:-6px;bottom:-6px;}
.case--study-hwi-prob-wrap{border:1px solid #797979;padding:40px 50px 60px 50px;border-radius:40px;}
.case--study-hwi-prob-wrap p{font-size:28px;margin-top:80px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.case--study-hwi-prob-row{counter-reset:hwi-prob-num;}
.case--study-hwi-prob-tl::before{counter-increment:hwi-prob-num;content:"0"counter(hwi-prob-num);font-size:90px;color:rgba(121,121,121,0.10);font-weight:bold;line-height:1;}
.case--study-hwi-sol-wrap{padding:40px 40px 40px 40px;box-shadow:0px 10px 24px 1px #F2EDE3;border-radius:40px;}
.case--study-hwi-sol-col:nth-child(even){top:60px;position:relative;}
.case--study-sol-img{margin-bottom:10px;margin-left:auto;margin-right:auto;}
.case--study-hwi-sol-tl{margin-bottom:15px;}
.case--study-sol-txt p{font-size:28px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}

.case--study-hwi-beaf-main{overflow:hidden;}

/*** banner start ***/

.case--study-page-hwi .case--study-banner-after{border-radius:0px;left:0;right:0;}
.case--study-hwi-banner-txt h2{padding-top:42px;padding-bottom:25px;font-size:80px;}

/*** banner end ***/


.case--study-hwi-kon-wrap{background-color:#F8F6F1;border-radius:30px;padding-left:25px;padding-right:25px;}
.case--study-hwi-kon-wrap li{padding:30px 15px;}
.case--study-hwi-kon-wrap li:not(:first-child){border-top:1px solid rgba(121,121,121,0.30);}
.case--study-hwi-ftv-stl p{word-break:break-word;}
.case--study-hwi-ps-main{padding-bottom:160px;}
.case--study-hwi-beaf-wp{max-width:1920px;margin:0px auto;}
.case--study-hwi-banner-img img{width:100%;}
.case--study-hwi-tri-t .case--study-boxb-wpmain{display:inline-block;}
.case--study-hwi-b-p-tri-main{animation:movebannerbtn 10s infinite alternate ease-in-out;}
@keyframes movebannerbtn{
    0%{left:-50%;}
    100%{left:50%;}
}





/* Mobile Case_Study CSS Start */
.cs_banner_sec{padding-top:55px;}
.cs-achievements-sec .clients-logo-main .clients-logo-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:60px;}
.cs-achievements-sec .clients-logo-main .clients-logo-inner .client-logo img{max-width:240px;width:100%;opacity:1;filter:none;max-height:max-content;}
.cs-achievements-sec .trusted-clients-sec.padding-tb{padding:100px 0px;}
.s-client-logo-wrap .s-client-logo{display:flex;align-items:center;justify-content:center;text-align:center;margin:0 15px}
.s-logo-slider .slick-track{display:flex;align-items:center}
.s-client-logo-wrap .s-client-logo img{max-width:100%;max-height:60px;padding-left:15px;padding-right:15px}
.s_client_logo{padding:38px 0}

ul.party-apis-row{counter-reset:count;display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}
ul.party-apis-row li{position:relative;width:calc(25% - 30px);box-shadow:0 4px 5px rgba(0,0,0,.15);margin:15px 15px;display:flex;align-items:center;padding:15px 15px 15px 65px;border:1px solid #F05D27;border-radius:8px;overflow:hidden;font-size:16px;font-weight:400;line-height:20px}
ul.party-apis-row li:before{counter-increment:count;content:counter(count);position:absolute;left:0;top:0;bottom:0;width:50px;background:#F05D27;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;font-size:18px;font-weight:500}
.party-apis-list-main{overflow:hidden;margin-top:40px}
.swc_content_btn{margin-top:40px}
.swc_content_btn .btn.black-btn:before{background:#212121}

@media (max-width:1699.98px){
    .s-client-logo-wrap .s-client-logo img{max-width:100%;max-height:55px}
}

@media (max-width:1599.98px){
    .s-client-logo-wrap .s-client-logo img{max-height:50px}
        .swc_content_btn{margin-top:25px}
    .swc_row .swc-box{max-width:250px}
    .cs-achievements-sec .trusted-clients-sec.padding-tb {padding: 60px 0; }
}

@media (max-width:1399px){
    ul.party-apis-row li{width:calc(25% - 20px);margin:10px 10px;display:flex;align-items:center;padding:15px 15px 15px 55px}
    ul.party-apis-row{margin-left:-10px;margin-right:-10px}
    ul.party-apis-row li:before{width:45px;font-size:16px}
}

@media (max-width:1199px){
    ul.party-apis-row li{width:calc(33.33% - 24px);margin:12px;padding:15px 15px 15px 55px}
    .swc_row{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-template-columns:repeat(3,250px)}
    .swc_row .swc-box h5:after{width:2px}
    .swc_row .swc-box h5{font-size:20px;line-height:26px;padding-left:12px;position:relative}
    .swc_row .swc-box p{font-size:16px}
    .testimonial-sec.padding-tb {padding: 60px 0px; }
}

@media (max-width:991.98px){
    .cs_banner_sec{padding-top:30px;}
}

@media (max-width:767.98px){
    .s-client-logo-wrap .s-client-logo img{padding-left:10px;padding-right:10px}
    .s_client_logo{padding:20px 0}

     ul.party-apis-row li{width:calc(50% - 24px);margin:12px;padding:15px 15px 15px 55px}
    .party-apis-list-main{margin-top:25px}
    .swc_row{margin:0}
    .swc_row{grid-template-columns:repeat(2,220px);gap:25px}
}
@media (max-width:576px){
    .swc_row{grid-template-columns:repeat(2,215px);gap:20px}
}
@media (max-width:481px){
    .s-client-logo-wrap .s-client-logo img{padding-left:2px;padding-right:2px}

    ul.party-apis-row li{width:calc(50% - 12px);margin:10px 6px;padding:15px 15px 15px 55px;border-radius:5px}
    ul.party-apis-row{margin-left:-6px;margin-right:-6px;justify-content:center}
    ul.party-apis-row li{font-size:14px;padding:10px 10px 10px 45px;box-shadow:0 3px 5px rgba(0,0,0,.15)}
    ul.party-apis-row li:before{width:36px;font-size:14px}
    .swc_row{grid-template-columns:repeat(2,160px);gap:15px}
    .swc_row .swc-box h5{font-size:18px;line-height:24px}
    .swc_row .swc-box p{font-size:15px;line-height:26px}
    .swc_row .swc-box h5 br{display:none}
    /*.swc_content_btn>.d-flex.flex-wrap{flex-wrap:nowrap!important}*/
    .swc_content_btn .btn{margin:4px!important}
    
}
@media (max-width:370px){
    .swc_row{grid-template-columns:repeat(2,145px);gap:10px}
    .swc_row .swc-box h5{font-size:16px;padding-left:8px}
    .swc_row .swc-box p{font-size:14px;line-height:22px}
    
}

@media (max-width:360px){
    ul.party-apis-row li{width:calc(100% - 12px);margin:10px 6px;padding:15px 15px 15px 55px;border-radius:5px}
}


/*** case study css font reduce with responsive ***/

.overview-text p{font-size:22px;line-height:36px;}
.overview-text p strong{font-weight:normal;color:#000;}
.ocs-text-type ul li{font-size:22px;padding-left:35px;line-height:34px;}


@media(max-width:1599px){
    .overview-text p{font-size:20px;line-height:32px;}
    .ocs-text-type ul li{font-size:20px;padding-left:30px;line-height:28px;}
}

@media(max-width:1499px){
    .overview-text p{font-size:18px;line-height:30px;}
    .ocs-text-type ul li{font-size:18px;padding-left:26px;line-height:26px;}
}


@media(max-width:1199px){
    .overview-text p{font-size:16px;line-height:28px;}
    .ocs-text-type ul li{font-size:16px;padding-left:24px;line-height:24px;}
}


@media(max-width:767px) {
    .ocs-text-type:last-child{margin-bottom:0!important;}
    .single-case-study .overview-sec{padding-top:20px;}
}


.case--study-banner-inner .section-title h2 {
    text-transform: uppercase;
}
.custom-table-main td:nth-child(2) {
    border-right: 5px solid #fff;
}

@media(min-width:2500px){
    .case--study-hwi-b-p-tri-main{top:39%;transform:translate(39%,-10%);}
}
@media(min-width:3500px){
    .case--study-hwi-b-p-tri-main{top:34%;transform:translate(34%,-10%);}
}


/*=================================================================
             Fraser Coast Tint Case Study
==================================================================*/


@media (max-width:1599px) {

.case--study-banner-inner h2{font-size:65px;}


.case--study-banner-after{left:20px;right:20px;border-radius: 30px;}
ul.case--study-type-innern li .case--study-cat{font-size:18px;}
.case--study-nsw{width:54px;height:54px;}
.case--study-nwebp{font-size:16px;}
.cs-subhead{font-size:18px;}
.cs-head{font-size:28px;}
.cs-p{font-size:19px;}
.cs-head-tl{font-size:16px;}
.cs-shead-stl{font-size:18px;}
.case--study-row-txt{padding-top:50px;padding-bottom:80px;}
.case--study-purpose-main .case--study-row-txt{padding-bottom:50px;}
.case--study-inner-pd{padding-top:50px;padding-bottom:50px;}
.case--study-webscreen-row{padding-bottom:35px;}
.res-ui{font-size:28px;padding:7px 23px 12px 23px;margin: 10px 0px 40px;border-radius: 10px;}
.case--study-challenges-inner .cs-p{margin-bottom:30px;}
.case--study-challenges-points li{font-size:16px;padding:0px 10px 0px 20px;}
.case--study-challenges-points-before{transform:translateY(-50%);width:8px;height:8px;}
.case--study-ctc-pr{padding:25px;}
.case-study-ctc-tl{font-size:28px;margin-bottom:25px;}
.case-study-ctc-fn{font-size:38px;margin-bottom:20px;}
.case-study-ctc-heading1 .case-study-ctc-hd{font-size:34px;}
.case-study-ctc-ff{font-size:14px;}
.case--study-webscreens-av{margin-top:60px;}
.case--study-mobscreens-av{margin-top:60px;}
.case-study-ctc-heading1 .case-study-ctc-falpha{font-size:34px;}
.case-study-ctc-heading2 .case-study-ctc-hd{font-size:22px;}
.case-study-ctc-heading2 .case-study-ctc-falpha{font-size:22px;}
.case-study-ctc-heading3 .case-study-ctc-hd{font-size:18px;}
.case-study-ctc-heading3 .case-study-ctc-falpha{font-size:18px;}
.case--study-colourp{padding:20px;border-radius: 10px;}
.case--study-colour-box{width:35px;height:35px;border-radius: 5px;}
.case--study-colour-tl{font-size:24px;}
.case--study-colour-code{font-size:18px;}
.case--study-ch-dp-icon{width:85px;height:85px;}
.case--study-ch-dp-icon img{width:30px;height:30px;}
.case--study-ch-dp-icon::after{font-size:32px;}
.case--study-ch-dp-tl{font-size:22px;}
.case--study-ch-dp-p{font-size:18px;}
.case--study-ch-dp-box-before{background-size:50px 29px;width:50px;height:29px;right:-45px;}
.case--study-cps-tl{font-size:24px;margin-bottom:25px;padding-bottom:10px;}
.case--study-cps-ptl-after{height:5px;}
.case--study-cps-p{font-size:21px;}
.case--study-cps-points li{font-size:18px;}
.case--study-cps-bullet{top:6px;}
.comm-page{font-size:28px;padding: 8px 25px 15px 25px;}
.case--study-comm-btn{font-size:22px;padding: 4px 35px 9px 35px;}
.case--study-cba-centered-arrow-line{width:5px;}
.case--study-cba-centered-arrow-wrap{max-width:70px;max-height:70px;padding:15px 20px;}
.case--study-gobject-box{padding:20px;border-radius:20px;}
.case--study-gobject-icon{width:50px;height:50px;}
.case--study-gobject-txt{font-size:18px;width:calc(100% - 50px);padding-left:10px;}
.custom-table-main th{font-size:22px;padding:18px 20px;}
.custom-table-main td{padding:13px 25px;font-size:18px;}
.custom-table-main tr td:first-child{font-size:22px;}
.case--study-color-shades-tl{font-size:16px;}
.case--study-color-shades-box{height:65px;}
.chg-table{border-radius:20px;}

}


@media (max-width:1499px) {


.case--study-banner-inner h2{font-size:60px;}


.case--study-nwebp{font-size:14px;}
.case--study-nsw{width:50px;height:50px;}
.case--study-mobscreens-inner{padding:0px 10px;}
.case--study-mobscreens-wrap{margin:0px -10px;}
ul.case--study-type-innern li .case--study-cat{font-size:16px;}
.cs-subhead{font-size:16px;}
.cs-head{font-size:26px;}
.cs-p{font-size:17px;}
.cs-shead-col{margin-top:21px;}
.cs-head-tl{font-size:14px;}
.cs-shead-stl{font-size:16px;}
.res-ui{font-size:26px;padding:5px 20px 10px 20px;margin: 10px 0px 30px;}
.case--study-webscreens-av{margin-top:50px;}
.case--study-mobscreens-av{margin-top:50px;}
.case--study-challenges-points li{font-size:14px;}
.case--study-challenges-points-before{transform:translateY(calc(-50% + 1px));}
.case--study-cps-bullet{top:5px;}
.case-study-ctc-tl{font-size:26px;margin-bottom:20px;}
.case-study-ctc-fn{font-size:36px;margin-bottom:15px;}
.case-study-ctc-heading1 .case-study-ctc-hd{font-size:32px;}
.case-study-ctc-heading1 .case-study-ctc-falpha{font-size:32px;}
.case-study-ctc-heading2 .case-study-ctc-hd{font-size:20px;}
.case-study-ctc-heading2 .case-study-ctc-falpha{font-size:20px;}
.case--study-colour-tl{font-size:22px;}
.case--study-colour-code{font-size:16px;}
.case-study-ctc-ff{font-size:13px;}
.case-study-ctc-heading3 .case-study-ctc-hd{font-size:16px;}
.case-study-ctc-heading4 .case-study-ctc-hd{font-size:14px;}
.case-study-ctc-heading3 .case-study-ctc-falpha{font-size:16px;}
.case-study-ctc-heading4 .case-study-ctc-falpha{font-size:14px;}
.case--study-color-shades-box{height:60px;}
.case--study-ch-dp-tl{font-size:20px;}
.case--study-ch-dp-icon{width:75px;height:75px;}
.case--study-ch-dp-icon img{width:25px;height:25px;}
.case--study-ch-dp-p{font-size:16px;}
.case--study-ch-dp-icon::after{font-size:30px;}
.case--study-ch-dp-box-before{background-size:45px 25px;width:45px;height:25px;right: -40px;}
.case--study-cps-tl{font-size:22px;}
.case--study-cps-p{font-size:19px;}
.case--study-cps-points li{font-size:16px;}
.comm-page{font-size:26px;padding: 6px 22px 12px 22px;border-radius:10px;}
.case--study-comm-btn{font-size:20px;border-radius: 10px;padding: 4px 30px 8px 30px;}
.case--study-cba-centered-arrow-wrap{max-width:65px;max-height:65px;padding:10px 15px;}
.case--study-gobject-txt{font-size:16px;}
.custom-table-main th{font-size:20px;padding: 16px 18px;}
.custom-table-main tr td:first-child{font-size:20px;}
.custom-table-main td{font-size:16px;padding: 11px 20px;}
.case--study-challenges-inner .cs-p{margin-bottom:25px;}
.case--study-gobject-box{border-radius:10px;}

}


@media (max-width:1399px) {

.case--study-banner-inner h2{font-size:55px;}



.case--study-nsw{width:45px;height:45px;}
.case--study-nwebp{border-radius:10px;padding:12px 13px 13px 13px;}
ul.case--study-type-innern li .case--study-cat{font-size:14px;padding:7px 25px 11px 25px;}
.case--study-nsw-main{padding-top:15px;}
.case--study-banner-after{border-radius:20px;}
.cs-subhead{font-size:14px;}
.cs-head{font-size:24px;}
.cs-p{font-size:15px;}
.cs-shead-stl{font-size:14px;}
.res-ui{font-size:24px;padding:5px 18px 10px 18px;}
.case-study-ctc-tl{font-size:24px;}
.case-study-ctc-fn{font-size:34px;}
.case-study-ctc-heading1 .case-study-ctc-hd{font-size:30px;}
.case-study-ctc-heading1 .case-study-ctc-falpha{font-size:30px;}
.case-study-ctc-heading2 .case-study-ctc-hd{font-size:18px;}
.case-study-ctc-heading2 .case-study-ctc-falpha{font-size:18px;}
.case--study-colour-box{width:30px;height:30px;}
.case--study-ch-dp-icon::after{font-size:28px;}
.case--study-colour-tl{font-size:20px;}
.case--study-colour-code{font-size:14px;}
.case--study-ctc-cl-row{margin-bottom:50px;}
.case--study-color-shades-tl{font-size:14px;}
.case--study-ch-dp-box-before{background-size:40px 20px;width:40px;height:20px;right:-34px;}
.case--study-ch-dp-tl{font-size:18px;}
.case--study-ch-dp-p{font-size:14px;}
.case--study-cps-tl{font-size:20px;}
.case--study-cps-p{font-size:17px;}
.case--study-cps-points li{font-size:14px;}
.case--study-cps-bullet{top:4px;}
.comm-page{font-size:24px;padding: 6px 20px 12px 20px;}
.case--study-comm-btn{font-size:18px;padding: 4px 25px 8px 25px;}
.case--study-gobject-txt{font-size:14px;width: calc(100% - 45px);}
.case--study-gobject-icon{width:45px;height:45px;}
.custom-table-main th{font-size:18px;}
.chg-table{border-radius:15px;}
.custom-table-main tr td:first-child{font-size:18px;}
.custom-table-main td{font-size:14px;}
    
}


@media (max-width:1299px) {

.case--study-banner-inner h2{font-size:50px;}


.case--study-nsw-main{padding-top:10px;}
.case--study-nsw{width:40px;height:40px;}
.case--study-nwebp{padding:9px 10px 11px 10px;}
.cs-head{font-size:22px;}
.res-ui{font-size:22px;padding: 3px 16px 9px 16px;}
.case-study-ctc-tl{font-size:22px;margin-bottom:15px;}
.case-study-ctc-fn{font-size:32px;margin-bottom:10px;}
.case-study-ctc-hmain{margin-bottom:20px;}
.case-study-ctc-heading1 .case-study-ctc-hd{font-size:28px;}
.case-study-ctc-heading1 .case-study-ctc-falpha{font-size:28px;}
.case--study-colour-box{width:25px;height:25px;margin-right:10px;}
.case--study-colour-tl{font-size:18px;}
.case--study-cps-p{font-size:15px;}
.comm-page{font-size:22px;padding: 5px 18px 11px 18px;}
.case--study-comm-btn{font-size:16px;padding: 4px 20px 7px 20px;}
    
}


@media (max-width:1199px) {

.case--study-banner-inner h2{font-size:45px;}


ul.case--study-type-innern li .case--study-cat{padding:7px 20px 11px 20px;}
.case--study-banner-after{border-radius:15px;}
.res-ui{font-size:20px;padding: 5px 16px 9px 16px;}
.case--study-ctc-pr{padding:20px;border-radius:20px;}
.case-study-ctc-tl{font-size:20px;}
.case-study-ctc-fn{font-size:30px;}
.case-study-ctc-heading1 .case-study-ctc-hd{font-size:26px;}
.case-study-ctc-heading1 .case-study-ctc-falpha{font-size:26px;}
.case--study-ch-dp-tl{font-size:16px;}
.case--study-ch-dp-icon::after{font-size:26px;left: calc(100% - 18px);}
.comm-page{font-size:20px;}
.case--study-comm-btn{font-size:15px;}
.custom-table-main th{font-size:16px;}
.custom-table-main tr td:first-child{font-size:16px;}
.cs-head-row{justify-content:flex-start !important;}
.case--study-colour-tl {font-size:16px;}
    
}


@media (max-width:991px) {

.case--study-banner-inner h2{font-size:40px;}


.case--study-cba-centered-arrow-wrap{max-width:45px;max-height:45px;padding:10px;}
.case--study-ch-dp-box-before{display:none;}
.case--study-ctc-pr{max-width:460px;margin-left:auto;margin-right:auto;}
.case--study-ctc-ff-col{margin-bottom:50px;}
.case-study-ctc-tl{font-size:18px;}
.case-study-ctc-fn{font-size:28px;}
.case-study-ctc-heading1 .case-study-ctc-hd{font-size:24px;}
.case-study-ctc-heading1 .case-study-ctc-falpha{font-size:24px;}
.case--study-ch-dp-col{margin-top:25px;margin-bottom:25px;}
.cs-head{font-size:20px;}
.case--study-color-shades-box{height:40px;}
ul.case--study-type-innern li .case--study-cat{padding:6px 15px 9px 15px;}
.res-ui{font-size:18px;margin:5px 0px 25px;}
.case--study-banner-after{left:15px;right:15px;}
.comm-page{font-size:18px;padding: 6px 18px 10px 18px;}
.case--study-gobject-box{padding:15px;}

}


@media (max-width:767px) {

.case--study-banner-inner h2{font-size:35px;}


.cs-hsubhead-wrap{margin-bottom:20px;}
.case--study-page-v1 .banner-sec{min-height:auto;padding-bottom: 0;}
.case--study-webscreen-row .cs-hsubhead-wrap{margin-bottom:0px;}
.case--study-banner-inner{padding-top:30px;}
.case-study-banner-image{margin-top:50px;}
.case--study-row-txt{padding-top:40px;padding-bottom:40px;}
.case--study-purpose-main .case--study-row-txt{padding-bottom:30px;}
.case--study-inner-pd{padding-top:40px;padding-bottom:40px;}
.case--study-nsw-main{text-align:left;padding-top:30px;}
.res-ui{margin-top:40px;margin-bottom:0;font-size: 16px;}
.case--study-mobscreens-av{margin-top:40px;}
.case--study-mobscreens-wrap{margin:0;justify-content:center;}
.case--study-ctc-cl-cols:not(:last-child){margin-bottom:40px;}
.case--study-ctc-cl-row{margin-bottom:40px;}
.case--study-mobscreens-inner{width:65%;padding:0;text-align:center;}
.case--study-cps-img{margin-top:30px;border-bottom-width:5px;border-bottom-style:solid;}
.case--study-cps-problems .case--study-cps-img{border-bottom-color:rgba(255, 82, 33, 0.60);}
.case--study-cps-solutions .case--study-cps-img{border-bottom-color:rgba(61,161,0,0.60);}
.case--study-cba-b-left,.case--study-cba-a-right{width:100%;}
.case--study-scolor-shades{margin-top:20px;}
.case--study-cba-centered-arrow-main{width:100%;margin-top:40px;margin-bottom:40px;}
.case-study-ctc-fn{font-size:26px;}
.comm-page{font-size:17px;margin-bottom:30px;}
.case--study-cba-centered-arrow-line{width:calc(100% - 24px);height:5px;}
.case--study-banner-after{left:10px;right:10px;}
.case--study-cps-img img{max-width:166px;}
.case-study-banner-image-mob{text-align:center;}
.case--study-cps-solutions{margin-bottom:40px;}
.case--study-cps-problems{margin-bottom:100px;}
.case--study-webscreen-row{padding-bottom:25px;}
.case--study-cba-centered-arrow-wrap{transform:rotate(90deg);}
.case-study-banner-image-mob img{width:100%;}
.case--study-palette-wrap svg{max-width:190px;}
.case--study-ctc-pr{max-width:360px;padding:15px;border-radius:15px;}
.case--study-cps-tl{padding-bottom:0;margin-bottom:15px;}
.case--study-cps-com-after{display:none;}
.case--study-colourp{padding:15px;border-radius:8px;}
.case--study-challengesv1-inner .case--study-row-txt{padding-bottom: 20px;}

}


@media (max-width:575px) {

.case--study-banner-inner h2{font-size:30px;}


.case--study-banner-after{left:5px;right:5px;}
.cs-hsubhead-wrap{margin-bottom:20px;}
.case-study-ctc-fn{font-size:24px;}
.case-study-ctc-heading1 .case-study-ctc-hd{font-size:22px;}
.case-study-ctc-heading1 .case-study-ctc-falpha{font-size:22px;}
.case-study-banner-image{margin-top:30px;}
    
}



/*=================================================================
             Home worthy Case Study
==================================================================*/


@media (max-width:1799px){

.case--study-hwi-banner-txt h2{font-size:75px;}



.hwi-fs-30{font-size:28px;}
.case--study-hwi-st{margin-bottom:15px;}
.hwi-fs-40{font-size:38px;}
.hwi-fs-24{font-size:22px;}
.case--study-page-hwi p{font-size:24px;}
.case--study-hwi-hspace{padding-top:80px;padding-bottom:80px;}
.case--study-hwi-ps-main{padding-bottom:130px;}
.case--study-hwi-hspace-wp{padding-top:70px;}
.case--study-hwi-tan-wrap{height:350px;border-radius:30px;padding:30px;}
.hwi-fs-36{font-size:34px;}
.case--study-hwi-tan-arrow{width:60px;height:60px;}
.case--study-hwi-hiws-point-tl::before{font-size:38px;}
.case--study-hwi-hiws-point li p{font-size:22px;}
.case--study-hwi-ps-wp{padding-bottom:70px;}
.case--study-hwi-prob-wrap{padding:30px 40px 40px 40px;border-radius:30px;}
.case--study-hwi-prob-tl::before{font-size:85px;}
.case--study-hwi-prob-wrap p{font-size:26px;margin-top:70px;}
.case--study-hwi-sol-wrap{padding:30px 30px 30px 30px;border-radius:30px;}
.case--study-sol-img{max-width:140px;}
.hwi-fs-32{font-size:30px;}
.case--study-sol-txt p{font-size:26px;}
.case--study-hwi-kon-wrap{padding-left:20px;padding-right:20px;}
.case--study-hwi-kon-wrap li{padding:25px 15px;}
.hwi-fs-28{font-size:26px;}
.case--study-hwi-boxb-main::before,.case--study-hwi-boxb-main::after,.case--study-hwi-boxb-wrap::before,.case--study-hwi-boxb-wrap::after{width:10px;height:10px;}
.case--study-hwi-boxb-main{padding:8px 8px 14px 8px;}
.case--study-hwi-icon-tri-img{width:40px;height:40px;}
.case--study-hwi-icon-tri1-img{width:40px;height:40px;}
.case--study-hwi-p-btn{padding:9px 28px 11px 28px;border-radius:35px;}
.case--study-hwi-b-p-tri-main{max-width:200px;}
.case--study-hwi-p1-btn{padding:4px 38px 11px 38px;}
.case--study-hwi-hiws-img{border-radius:30px;}


}


@media (max-width:1699px){

.case--study-hwi-banner-txt h2{font-size:70px;}



.hwi-fs-30{font-size:26px;}
.hwi-fs-40{font-size:36px;}
.case--study-hwi-boxb-main{border-width:2px;padding:6px 8px 12px 8px;}
.case--study-hwi-p-btn{padding:7px 26px 10px 26px;border-radius:30px;}
.hwi-fs-24{font-size:20px;}
.case--study-hwi-icon-tri-img{width:35px;height:35px;}
.case--study-hwi-icon-tri1-img{width:35px;height:35px;}
.case--study-hwi-p1-btn{padding:4px 36px 11px 36px;}
.case--study-hwi-b-p-tri-main{max-width:185px;}
.case--study-page-hwi p{font-size:22px;}
.hwi-fs-30{font-size:24px;}
.case--study-hwi-tan-wrap{height:300px;border-radius:25px;padding:20px 25px;}
.case--study-hwi-tan-arrow{width:55px;height:55px;}
.case--study-hwi-hspace{padding-top:70px;padding-bottom:70px;}
.case--study-hwi-hspace-wp{padding-top:60px;}
.case--study-hwi-ps-wp{padding-bottom:60px;}
.case--study-hwi-prob-wrap{padding:25px 35px 35px 35px;border-radius:25px;}
.case--study-hwi-prob-tl::before{font-size:80px;}
.case--study-hwi-prob-wrap p{font-size:24px;margin-top:60px;}
.case--study-hwi-sol-wrap{padding:25px 25px 25px 25px;border-radius:25px;}
.case--study-sol-img{max-width:120px;}
.hwi-fs-32{font-size:28px;}
.case--study-sol-txt p{font-size:24px;}
.case--study-hwi-kon-wrap li{padding:20px 15px;}
.hwi-fs-28{font-size:24px;}
.case--study-hwi-hiws-point-tl::before{font-size:36px;}
.case--study-hwi-hiws-point li p{font-size:20px;}
.case--study-hwi-ps-main{padding-bottom:110px;}



}


@media (max-width:1599px){

.case--study-hwi-banner-txt h2{font-size:65px;}


.case--study-hwi-icon-tri-img{width:30px;height:30px;}
.case--study-hwi-icon-tri1-img{width:30px;height:30px;}
.case--study-hwi-p-btn{padding:7px 24px 10px 24px;border-radius:25px;}
.hwi-fs-24{font-size:18px;}
.hwi-fs-30{font-size:22px;}
.hwi-fs-40{font-size:34px;}
.case--study-hwi-boxb-main{padding:4px 8px 10px 8px;}
.case--study-hwi-p1-btn{padding:2px 34px 9px 34px;}
.case--study-hwi-b-p-tri-main{max-width:175px;}
.case--study-page-hwi p{font-size:20px;}
.case--study-hwi-tan-wrap{border-radius:20px;padding:20px;}
.case--study-hwi-tan-arrow{width:50px;height:50px;}
.hwi-fs-36{font-size:30px;}
.case--study-hwi-hiws-point-tl::before{font-size:34px;}
.case--study-hwi-hiws-point li p{font-size:18px;padding-bottom:35px;}
.case--study-hwi-prob-wrap{padding:20px 30px 30px 30px;border-radius:20px;}
.case--study-hwi-prob-tl::before{font-size:75px;}
.case--study-hwi-prob-wrap p{font-size:22px;}
.case--study-sol-img{max-width:100px;}
.hwi-fs-32{font-size:26px;}
.case--study-sol-txt p{font-size:22px;}
.hwi-fs-28{font-size:22px;}
.case--study-hwi-sol-wrap {border-radius:20px;}


}


@media (max-width: 1499px) { 


.case--study-hwi-banner-txt h2{font-size:60px;}


.hwi-fs-30{font-size:20px;}
.hwi-fs-40{font-size:32px;}
.case--study-page-hwi p{font-size:18px;}
.case--study-hwi-p-btn{border-radius:20px;padding:6px 22px 8px 22px;}
.case--study-hwi-boxb-main{padding:3px 8px 8px 8px;}
.case--study-hwi-b-p-tri-main{max-width:160px;}
.case--study-hwi-p1-btn{padding:3px 30px 9px 30px;}
.hwi-fs-36{font-size:28px;}
.case--study-hwi-tan-wrap{height:250px;}
.case--study-hwi-hiws-point-tl::before{font-size:32px;top:-5px;}
.case--study-hwi-hiws-point li p{font-size:16px;}
.case--study-hwi-prob-tl::before{font-size:70px;}
.case--study-sol-img{max-width:90px;}
.hwi-fs-32{font-size:24px;}
.case--study-sol-txt p{font-size:20px;}
.hwi-fs-28{font-size:20px;}
.hwi-fs-24{font-size:16px;}
.case--study-hwi-prob-wrap p{font-size:20px;}
.case--study-hwi-hiws-img{border-radius:25px;}
.case--study-hwi-st{margin-bottom:10px;}
.case--study-hwi-p-btn{top:30px;}
    
}


@media (max-width: 1399px) { 

.case--study-hwi-banner-txt h2{font-size:55px;}


.case--study-hwi-sol-wrap{box-shadow:0px 0px 5px 1px #F2EDE3;}
.hwi-fs-30{font-size:18px;}
.hwi-fs-40{font-size:30px;}
.case--study-hwi-icon-tri-img{width:25px;height:25px;}
.case--study-hwi-icon-tri1-img{width:25px;height:25px;}
.hwi-fs-24{font-size:14px;}
.case--study-hwi-p-btn{padding:6px 20px 8px 20px;}
.case--study-hwi-p1-btn{padding:4px 28px 9px 28px;}
.case--study-hwi-b-p-tri-main{max-width:140px;}
.case--study-page-hwi p{font-size:16px;}
.case--study-hwi-ftv-stl{margin-top:85px;}
.hwi-fs-36{font-size:26px;}
.case--study-hwi-tan-arrow{width:45px;height:45px;}
.case--study-hwi-hiws-point-tl::before{font-size:30px;top:-2px;}
.case--study-hwi-hiws-point li p{font-size:14px;}
.case--study-hwi-prob-wrap{padding:20px 25px 25px 25px;}
.case--study-hwi-prob-tl::before{font-size:65px;}
.case--study-hwi-prob-wrap p{font-size:18px;}
.hwi-fs-32{font-size:22px;}
.case--study-sol-txt p{font-size:18px;}
.hwi-fs-28{font-size:18px;}


}



@media (max-width: 1299px) { 

.case--study-hwi-banner-txt h2{font-size:50px;}


.hwi-fs-30{font-size:16px;}
.hwi-fs-40{font-size:28px;}
.case--study-page-hwi p{font-size:14px;}
.hwi-fs-36{font-size:24px;}
.case--study-hwi-hiws-point-tl::before{top:-6px;}
.case--study-hwi-prob-tl::before{font-size:60px;}
.hwi-fs-32{font-size:20px;}
.hwi-fs-28{font-size:16px;}
.case--study-sol-txt p{font-size:16px;}
.case--study-hwi-prob-wrap p{font-size:16px;}
.case--study-hwi-hiws-img{border-radius:20px;}


}


@media (max-width: 1199.98px) { 


.case--study-hwi-banner-txt h2{font-size:45px;}


.case--study-hwi-kon-wrap li{padding:20px 5px;}
.case--study-hwi-b-p-tri-main{top:33vw;}
.hwi-fs-40{font-size:26px;}
.hwi-fs-36{font-size:22px;}
.case--study-hwi-tan-arrow{width:40px;height:40px;}
.case--study-hwi-prob-tl::before{font-size:55px;}
.case--study-hwi-prob-wrap p{font-size:14px;}
.case--study-sol-img{max-width:80px;}
.hwi-fs-32{font-size:18px;}
.case--study-sol-txt p{font-size:14px;}
.case--study-hwi-prob-wrap{padding:15px 20px 20px 20px;}
.case--study-hwi-sol-wrap{padding:20px 20px 20px 20px;}


}       




/*=========================================================
// Medium devices (tablets, less than 992px)
===========================================================*/

@media (max-width: 991.98px)    { 
    

.case--study-hwi-banner-txt h2{font-size:40px;}


.case--study-hwi-kon-wrap li{padding:20px 15px;}
.case--study-hwi-hiws-points{padding-left:0;}
.case--study-hwi-keydiff-col:not(:last-child){margin-bottom:40px;}
.case--study-hwi-b-p-tri-main{top:37vw;}
.case--study-hwi-prob-wrap{padding:15px 15px 15px 15px;}
.case--study-hwi-sol-wrap{padding:15px 15px 15px 15px;}
.case--study-hwi-beaf-wp img{max-width:100%;height:auto;width:100%;transform:scale(1.18);margin-top:14%;}

    
}


/*=========================================================
// Small devices (landscape phones, less than 768px)
===========================================================*/

@media (max-width: 767.98px) {

.case--study-hwi-banner-txt h2{font-size:35px;}


.case--study-hwi-banner-txt h2 br{display:none;}
.case--study-page-hwi .banner-sec{min-height:auto;}
.case--study-hwi-ftv-wrap{margin-top:50px;}
.case--study-hwi-ftv-stl{margin-top:20px;}
.case--study-hwi-tan-col{margin-bottom:40px;}
.case--study-hwi-tan-row{margin-bottom:0;}
.case--study-hwi-prob-col:not(:last-child){margin-bottom:40px;}
.case--study-hwi-sol-col:nth-child(even){top:0;}
.case--study-hwi-sol-col:not(:last-child){margin-bottom:40px;}
.case--study-hwi-prob-tl::before{font-size:50px;}
.case--study-hwi-tan-row:last-child .case--study-hwi-tan-col:last-child{margin-bottom:0;}
.case--study-hwi-hiws-pl-col{margin-bottom:60px;}
.case--study-hwi-b-p-tri-main{display:none;}
.case--study-hwi-boxb-main{margin-top:15px;}
.case--study-hwi-hspace{padding-top:40px;padding-bottom:40px;}
.case--study-hwi-ps-wp{padding-bottom:30px;}
.case--study-hwi-hspace-wp{padding-top:30px;}
.hwi-fs-40{font-size:24px;}
.hwi-fs-36{font-size:20px;}
.case--study-hwi-ps-main{padding-bottom:70px;}
.case--study-hwi-hiws-img{height:auto!important;}
.case--study-hwi-boxb-main{padding:1px 6px 6px 6px;}
.case--study-hwi-boxb-main::before,.case--study-hwi-boxb-main::after,.case--study-hwi-boxb-wrap::before,.case--study-hwi-boxb-wrap::after{width:7px;height:7px;}
.case--study-hwi-boxb-main::before{left:-5px;top:-5px;}
.case--study-hwi-boxb-wrap::before{left:-5px;bottom:-5px;}
.case--study-hwi-boxb-main::after{right:-5px;top:-5px;}
.case--study-hwi-boxb-wrap::after{right:-5px;bottom:-5px;}
.case--study-hwi-banner-img img{transform:scale(1.16);margin-top:3%;}
.case--study-hwi-icon-tri-img{width:20px;height:20px;}
.case--study-hwi-p-btn{font-size:13px;padding:5px 15px 7px 15px;}

}


/*=========================================================
Extra small devices (portrait phones, less than 576px)
===========================================================*/
@media (max-width: 576px) { 


.case--study-hwi-banner-txt h2{font-size:26px;}
.case--study-hwi-boxb-main{padding:0px 4px 4px 4px;}
.case--study-hwi-icon-tri-img{width:15px;height:15px;}
.case--study-hwi-p-btn{font-size:12px;padding:4px 10px 5px 10px;top:25px;left:-15px;}
.hwi-fs-40{font-size:21px;}
    

}