@charset "utf-8";
/*
https://www.stantec.com/content/dam/stantec/images/stock/other/0001/sustainability-carbon-neutral-1350x900.jpg

font-family: 'Source Sans 3', sans-serif;
#54585a

https://live.21lab.co/itlab/
https://live.21lab.co/itlab/homepage-2/
https://live.21lab.co/ladilab/
https://7oroof.com/demos/provetta/index.html
https://live.21lab.co/glb/
https://fin.21lab.co/
https://live.21lab.co/ladilab/home-3/
https://agilno.com/
https://www.mortenson.com/
https://www.trimble.com/en/solutions/industries/transportation
https://www.cap-hpi.com/

Process
https://www.xicom.ae/services/web-development/

Compititor
https://www.viatechnik.com/bim-services/
https://excelize.com/services/bim-services
https://www.arup.com/services/buildings/building-information-modelling
https://www.tejjy.com/our-services/bim-services/
https://bimservices.net/
https://engbim.com/bim-services/
https://www.united-bim.com/
https://www.advenser.com/bim-services/

*/

/* Global Settings */
body{background-color:#f2f2f2;}
#innerwrapper { border-top:10px solid #02669d; margin-top:-10px; font-family: 'Source Sans 3', sans-serif; }
.sfont{font-family:'Source Sans 3', sans-serif;}
.fl{float:left}
.fr{float:right}

.text-center{text-align:center}
.sectiontag{font-family:'Source Sans 3', sans-serif; font-size:17px; color:#003650; font-weight:700; margin-top:20px; letter-spacing:-0.1px; text-transform:uppercase;}

.btn-primary-fill, .btn-primary-border, .btn-secondary-fill, .btn-secondary-border{ font-family:'Source Sans 3', sans-serif; padding:0.8125rem 2rem; border-radius:0.5rem; font-weight:400!important; font-size:18px; line-height:1; z-index:1024; border:1px solid; transition:all .3s; position:relative; }
.btn-primary-fill span, .btn-primary-border span, .btn-secondary-fill span, .btn-secondary-border span{font-weight:700}

.btn-primary-fill{ background-color:#EF6C00; color:#fff; border-color:#EF6C00 }
.btn-primary-border{ background-color:#ffffff; color:#EF6C00; border-color:#EF6C00 }
.btn-secondary-fill{ background-color:#02669d; color:#fff; border-color:#02669d }
.btn-secondary-border{ background-color:#ffffff; color:#02669d; border-color:#02669d }

.btn-primary-fill:hover{ background-color:#ffffff; color:#EF6C00;}
.btn-primary-border:hover{ background-color:#EF6C00; color:#ffffff;}
.btn-secondary-fill:hover{ background-color:#ffffff; color:#02669d;}
.btn-secondary-border:hover{ background-color:#02669d; color:#ffffff; }

a.cs_btn{font-size:16px; font-weight:600; color:#2a2a2a; margin-top:35px; display:inline-block; line-height:1 }

.row-cols-3 > * {width:33.33333333333333%}
.row-cols-5 > * {width:20%}
.row-cols-6 > * {width:16.66666666666667%}

.short_cta{padding:50px 0px 0px 0px; width:100%; box-sizing:border-box; margin:0 0 50px auto; display:block;}

/* ///// Banner \\\\\ */
.l_banner{position:relative; padding:165px 0; width:100%;}
.l_banner:before{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(0deg, rgba(0,0,0,0.55) 20%, rgba(0,0,0,0.15)); z-index:0;}
/*background-image:linear-gradient(180deg,#007abd 0%,#003650 100%);*/
/*background:linear-gradient(0deg, rgba(0,0,0,0.75) 20%, rgba(0,0,0,0.45)), url(images/bim-services/banner.jpg); background-size:cover; background-repeat:no-repeat; background-position:center;*/
.l_banner picture{ height:100%; width:100%; display:block; position:absolute; top:0; bottom:0; left:0; right:0; z-index:-1; object-fit:cover; object-position:center; overflow:hidden; }
.l_banner picture img{ width:100%; height:auto; display:block; min-height:100%; object-fit:cover; object-position:center; position:relative; }

.l_banner_wrap{ position:relative; height:auto; display:flex; flex-direction:row; align-items:center; /*justify-content:center;*/ flex-wrap:wrap;}
.l_banner_wrap h1{font-size:clamp(45px, 8vw, 72px); line-height:100%; font-weight:400; letter-spacing:-1px; color:#fff; margin:0 auto 50px; font-family:'Oswald', sans-serif; }
.l_banner_wrap blockquote{font-size:24px; line-height:32px; color:#fff; font-weight:400; margin:0 auto 15px;}
.l_banner_wrap p{font-size:17px; line-height:27px; color:#fff; font-weight:400; margin:0 auto 30px; }
.l_banner_img{position:relative; width:100%; height:auto; object-fit:cover; object-position:center; box-sizing:border-box}
.l_banner_img img{display:block; width:auto; height:auto; object-fit:cover; object-position:center; margin:0 auto}

/* Page Introduction */
.l_introduction{position:relative; height:auto; display:flex; flex-direction:row; align-items:center; justify-content:center; flex-wrap:wrap; padding:45px 0;}
.l_introduction h2,
.client_testimonial h2,
.services_offerings_head h2,
.case_study_wrap h2,
.benefits_wrap h2,
.page_cta h2,
.industries_wrap h2{font-size:clamp(40px, 8vw, 50px); color:#023A51; line-height:1; letter-spacing:-1px; display:block; margin:0 auto 35px; font-weight:300;}
.l_introduction h2 span,
.client_testimonial h2 span,
.services_offerings_head h2 span,
.case_study_wrap h2 span,
.benefits_wrap h2 span,
.page_cta h2 span,
.industries_wrap h2 span{font-weight:700;}

/* Industries */
.industries_wrap{position:relative; padding:45px 0; text-align:center}
.industry_container{position:relative; display:flex; flex-direction:row; align-items:normal; justify-content:center; flex-wrap:wrap;}
.industry_container .industry_box{position:relative; padding:25px; box-sizing:border-box;}
.industry_container .industry_box figure{margin:0 0 1rem; width:100%; height:auto; object-fit:cover; object-position:center }
.industry_container .industry_box figure img{background:#ffffff!important; vertical-align:baseline!important; height:100px!important; width:auto; object-fit:cover; object-position:center; }
.industry_container .industry_box figure .figurecaption{ font-weight:bold; text-align:center; font-size:18px; line-height:30px; color:#003650; margin:12px 0px 0px 0px; background:no-repeat; position:relative; box-sizing:border-box; }


/* Client Testimonials */
.client_testimonial{position:relative; padding:45px 0; text-align:center}
.client_testimonial_wrap{overflow:hidden;}
.client_testimonial_message{font-weight:400; font-style:normal; position:relative; padding:0.5em 2em 0.5em 2em; max-width:70%; margin:2rem auto 0;  }
.client_testimonial_message p{color:#231f20; font-size:24px; line-height:34px; position:relative; }
.client_testimonial_message p:before, .client_testimonial_message p:after{font-family:din-2014-narrow,sans-serif; font-weight:700; font-style:normal; position:absolute; font-size:6em; line-height:.75; color:#f88900; -webkit-text-stroke:1px #f88900; -webkit-text-fill-color:transparent;}
.client_testimonial_message p:before{margin-left:-80px; padding-right:15px; top:-20px; content:"“";}
.client_testimonial_message p:after{float:right; padding-left:7px; bottom:-90px; content:"”";}
.client_testimonial_client_info{font-style:normal; display:block; color:#808080; font-size:18px; margin-bottom:30px}

/* CAROUSEL */

.carousel-container{width:100%;position:relative; margin:0 auto 50px;}
.carousel{display:flex;width:100%;transition:transform 0.5s ease-in-out; }
.carousel-slide{flex:1 0 100%;width:100%}
.carousel-prev, .carousel-next{ position:absolute; top:auto; transform:translateY(-50%); border:none; color:#000; cursor:pointer; height:40px; width:40px; object-fit:contain; object-position:center; background:#fff; z-index:2; bottom:-10px; }
.carousel-prev{left:35%}
.carousel-next{right:35%}
.carousel-dots {display:flex;justify-content:center;margin-top:0px;position:absolute;left:50%;bottom:25px;transform:translateY(0) translateX(-50%);}
.carousel-dot {width: 10px;height: 10px;border-radius: 50%;background-color: #ccc;margin: 0 5px;cursor: pointer;}
.carousel-dot.active {background-color: #333;}
.carousel-navigation{position:absolute; width:100%; bottom:-55px; left:50%; transform:translate(-50%, 0);}

/* Sample Carousel */
.sample-carousel{width:100%; overflow:hidden; position:relative; max-width:90%; margin:0 auto; max-height:390px; }
.sample-carousel-slider{display:flex;width:100%;transition:transform 0.5s ease-in-out;text-align:center; height:auto; max-height:390px;}
.sample-carousel-slider .carousel-slide{width:100%; height:100%; object-fit:cover; object-position:center; display:block;}
.sample-carousel-slider .carousel-slide img{width:100%; height:auto; object-fit:cover; object-position:center; display:block;}
.carousel-prev-sample, .carousel-next-sample { position:absolute; top:auto; transform:translateY(-50%); border:none; color:#000; cursor:pointer; height:40px; width:40px; object-fit:contain; object-position:center; background:#fff; z-index:2; bottom:-10px; }
.carousel-prev-sample{left:35%}
.carousel-next-sample{right:35%}
.carousel-dots-sample {display:flex;justify-content:center;margin-top:0px;position:absolute;left:50%;bottom:25px;transform:translateY(0) translateX(-50%);}
.carousel-dot-sample {width:10px;height:10px;border-radius:50%;background-color:#ccc;margin:0 5px;cursor:pointer;}
.carousel-dot-sample.active {background-color: #333;}


/* Service Offerings */
.services_offerings{box-sizing:border-box; position:relative; padding:50px; margin:50px -50px; background:#CFD8DC;}
.services_offerings_head{position:relative; margin-bottom:45px;}
.services_offerings_wrap{position:relative; display:flex; flex-direction:row; align-items:normal; justify-content:center; flex-wrap:wrap;}
.so_box{text-align:left; overflow:hidden; filter:drop-shadow(0 20px 20px rgba(0,0,0,.1)); float:left; margin-bottom:30px;transition: all 0.2s ease-in-out 0s;}
.so_box_wrap{background-color:#FFF; padding:30px 30px 30px 30px; box-sizing:border-box; width:100%; max-width:95%; height:100%; position:relative; transition: all 0.2s ease-in-out 0s;}
.so_box:hover .so_box_wrap{background:#e0f7fa}
.so_box_wrap .so_box_thumb{position:absolute; right:15px; top:15px; z-index:2; display:flex; align-items:center; justify-content:center; box-sizing:border-box; transition: all 0.2s ease-in-out 0s; padding:15px;}
.so_box:hover .so_box_wrap .so_box_thumb{background:#fff; box-sizing:border-box; border-radius:50%; overflow:hidden;}
.so_box_wrap .so_box_thumb img{position:relative; display:block; width:48px; height:auto; object-fit:cover; object-position:center;}
.so_box_wrap .so_box_info{display:flex; flex-direction:column; position:relative; box-sizing:border-box; height:100%;}
.so_box_wrap .so_box_info h3{margin-top:0; padding-right:35%; font-size:24px; line-height:34px; margin-bottom:40px; box-sizing:border-box; color:#020626; font-weight:400; text-rendering:optimizeLegibility; min-height:55px}
.so_box_wrap .so_box_info h3 a{font-size:inherit; line-height:inherit; color:inherit; font-weight:inherit; text-rendering:optimizeLegibility}
.so_box:hover .so_box_wrap .so_box_info h3{color:#ff5722}
.so_box_wrap .so_box_info p{font-size:17px; line-height:21px; margin-bottom:0; color:#5E566A;}

/* Case Studies */
.case_study_wrap{ position:relative; display:flex; flex-direction:row; align-items:normal; justify-content:center; flex-wrap:wrap; }
.cs-left{position:-webkit-sticky; position:sticky; top:100px; padding:0 50px 0 0px; box-sizing:border-box; width:calc(100% - 50px); }
.case_study_box{border:1px solid #e5e5e5; float:left; width:100%; margin-bottom:60px; padding:40px; background:#f6f8f9; border-radius:10px; box-sizing:border-box; position:relative}
.case_study_box h3{ margin-bottom:16px; font-weight:700; font-size:32px; line-height:125%; letter-spacing:-1px; color:#003650; }
.case_study_box h3 a{font-weight:inherit; font-size:inherit; line-height:inherit; color:inherit; }
.case_study_box_thumb{width:250px; height:auto; position:absolute; right:-2px; bottom:-42px; }
.case_study_box p{padding-right:35%; font-size:18px; font-weight:400; color:#6e6e6e; line-height:26px; margin-top:26px; margin-bottom:0;}
.case_study_box_thumb img{ width:100%; height:auto; display:block; mix-blend-mode:multiply; }
.case_study_box span { background-color:#fff; box-shadow:0 1px 1px 0 rgba(0,0,0,.1); word-wrap:break-word; font-weight:400; font-size:14px; line-height:1.1428571428571428; display:inline-block; border-radius:5px; padding:5px 8px 4px; -webkit-text-decoration:none; text-decoration:none; color:#394762; border:1px solid #CACDD8; border-bottom:2px solid #72aee6; margin:0 5px 0 0; }

/* Service Benefites */
.benefits_wrap{position:relative; padding:50px; margin:50px -50px; background:#CFD8DC;}
.benefit_list{position:relative; display:flex; flex-direction:row; align-items:normal; justify-content:center; flex-wrap:wrap; list-style:none; margin:0 auto}
.benefit_list li{position:relative; text-rendering:optimizeLegibility; flex-grow:1; padding:35px 40px; background:#fff; box-shadow:0 2px 4px rgba(0,0,0,.075); border-radius:5px; word-break:break-word; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; width:calc(33.33333333333333% - 4px); box-sizing:border-box; margin:2px; border:1px solid #f5f5fa;}
.benefit_list li:hover {box-shadow:0 30px 45px -30px rgba(38,44,55,.1), 0 50px 70px -20px rgba(38,44,55,.1); z-index:2;}
.benefit_list li svg{width:24px; height:24px; margin-right:15px;}
.benefit_list li span{font-size:18px; font-weight:400; line-height:24px; color:#000046;}

/* Page CTA */
.page_cta{position:relative; display:flex; flex-direction:row; align-items:center; justify-content:center; flex-wrap:wrap; padding:45px 0;}
.page_cta p{font-size:clamp(16px, 2vw, 24px); color:#003650; margin-bottom:3rem!important;}
.rightbtn{text-align:right; margin-top:15px}
/* --- : 15.Responsive : --- */
@media (max-width:359px){
   #innerwrapper{padding:10px;}
   .fl, .fr{float:none}
   .btn-primary-fill, .btn-primary-border, .btn-secondary-fill, .btn-secondary-border{display:inline-block; padding:12px 15px;}
   a.cs_btn{margin-top:10px;}
   .row-cols-3 > *, .row-cols-5 > *, .row-cols-6 > *, .width60, .width40 {width:100%}
   .rightbtn{text-align:left!important; margin-top:15px}
   .l_introduction{padding:15px; flex-direction:column}
   .sample-carousel{max-width:100%}
   .carousel-prev, .carousel-prev-sample{left:0}
   .carousel-next, .carousel-next-sample{right:0}
   .services_offerings{padding:20px; margin:0 -10px 30px -10px;}
   .services_offerings_head{margin-bottom:0}
   .so_box{margin-bottom:15px;}
   .so_box_wrap{padding:15px;}
   .so_box_wrap .so_box_thumb{padding:10px}
   .so_box_wrap .so_box_info h3{font-size:22px; line-height:28px; margin-bottom:25px}
   .so_box_wrap .so_box_info p{font-size:16px; line-height:22px}
   .case_study_wrap{flex-direction:column}
   .case_study_wrap .width40{margin-bottom:30px}
   .cs-left{position:relative; top:0; padding:0 0 0 0; width:100%}
   .case_study_box{padding:15px; border-radius:5px; margin-bottom:15px;}
   .case_study_box h3{font-size:22px; line-height:28px; }
   .case_study_box_thumb{ position:relative; top:0; bottom:auto; right:0; margin:0 auto 15px; max-width:350px; }
   .case_study_box p{padding-right:0; font-size:15px; line-height:22px; margin-top:10px;}
   .case_study_box span {font-size:12px; margin-right:5px;}
}
@media (max-width:574px){
   .client_testimonial_message{position:relative; padding:15px; max-width:75%; margin:15px auto;}
   .client_testimonial_message p{font-size:18px; line-height:24px; }
   .client_testimonial_message p:before, .client_testimonial_message p:after{font-size:4em;}
   .client_testimonial_message p:before{margin-left:-40px; top:-10px;}
   .client_testimonial_message p:after{bottom:-40px;}
   .client_testimonial_client_info{margin-top:-30px; margin-bottom:30px;}
   .benefits_wrap{padding:20px; margin:0 -10px 0px -10px; box-sizing:border-box}
   .benefit_list{flex-direction:column}
   .benefit_list li{width:100%; padding:10px 10px;}
   .benefit_list li svg{width:20px; height:auto; margin-right:10px; }
   .benefit_list li span{font-size:16px; line-height:27px;}
   .page_cta{padding:35px 20px 20px}
   .page_cta h2{margin-bottom:0!important}
   .page_cta p{margin-bottom:20px!important}   
   .l_introduction h2, .client_testimonial h2, .services_offerings_head h2, .case_study_wrap h2, .benefits_wrap h2, .page_cta h2, .industries_wrap h2{ margin-bottom:15px; }
   .industries_wrap{padding:30px 0 30px}
   .industry_container.row-cols-3 > *,
   .industry_container.row-cols-5 > *,
   .industry_container.row-cols-6 > * {width:50%}
   .industry_container .industry_box{padding:0px; margin-bottom:15px;}
   .industry_container .industry_box figure img{height:60px!important}
   .industry_container .industry_box figure .figurecaption{font-size:17px; margin-top:0}
   .carousel-dot {width: 10px;height: 10px;border-radius: 50%;background-color: #ccc;margin: 0 5px;cursor: pointer;}   
   .l_banner{padding:25px; box-sizing:border-box}
   .l_banner .wrapper{width:100%;}
   .l_banner_wrap{flex-direction:column}
   .l_banner_wrap h1{margin-bottom:15px;}
   .l_banner_wrap blockquote{font-size:20px; line-height:30px;}
   .l_banner_wrap p{font-size:17px; line-height:26px; }
   .l_banner_img{ margin-top:30px;}
   .l_banner_img img{width:100%; display:block; height:auto; max-width:300px }   
}
@media only screen and (min-width:360px) and (max-width:574px){
   .fl, .fr{float:none}
   .width60, .width40{width:100%}
   .rightbtn{text-align:left!important; margin-top:15px}
   .btn-primary-fill, .btn-primary-border, .btn-secondary-fill, .btn-secondary-border{ position:relative; display:inline-block; font-size:clamp(16px, 5vw, 20px); padding:10px 12px; border-radius:5px; }
   .l_introduction h2, .client_testimonial h2, .services_offerings_head h2, .case_study_wrap h2, .benefits_wrap h2, .page_cta h2, .industries_wrap h2{margin-bottom:20px;}
   .row-cols-3 > *, .row-cols-5 > *, .row-cols-6 > * {width:100%}
   #innerwrapper .one-half:nth-child(2n), .width50 .one-half:nth-child(2n), .width50:nth-child(2n){margin:0 0 0 0!important}
   #innerwrapper {padding: 20px 10px; box-sizing: border-box;}
   .l_introduction{padding:20px;}
   .carousel-prev, .carousel-prev-sample{left:0}
   .carousel-next, .carousel-next-sample{right:0}
   .sample-carousel{max-width:100%; max-height:none}
   .services_offerings{padding:20px; margin:0 -10px 30px -10px;}
   .so_box:last-child{margin-bottom:10px}
   .so_box_wrap{max-width:100%; padding:20px; }
   .so_box_wrap .so_box_thumb{padding:10px;}
   .so_box_wrap .so_box_info h3{margin-bottom:25px;}
   .case_study_wrap{flex-direction:column;}
   .cs-left{position:relative; top:auto; width:100%; padding:0 0 0 0;}
   .short_cta{padding:0 0 0 0; margin-bottom:0}
   .case_study_box{margin:20px auto 0; padding:15px; border-radius:5px;}
   .case_study_box h3{font-size:24px; line-height:30px; }
   .case_study_box_thumb{ position:relative; top:0; bottom:auto; right:0; margin:0 auto 15px; max-width:350px; }
   .case_study_box p{padding-right:0; font-size:16px; line-height:24px; margin-top:10px;}
   .case_study_box span {font-size:14px; margin-right:5px;}
   a.cs_btn{margin-top:20px;}
}

@media only screen and (min-width:575px) and (max-width:767px){
   .fl, .fr{float:none}
   .width60, .width40{width:100%}
   .btn-primary-fill, .btn-primary-border, .btn-secondary-fill, .btn-secondary-border{position:relative; display:inline-block; font-size:clamp(18px, 5vw, 22px); padding:12px 14px; border-radius:5px;}
   .l_introduction h2, .client_testimonial h2, .services_offerings_head h2, .case_study_wrap h2, .benefits_wrap h2, .page_cta h2, .industries_wrap h2{font-size:clamp(32px, 8vw, 36px); margin-bottom:20px;}
   .row-cols-3 > *, .row-cols-5 > *, .row-cols-6 > * {width:100%}
   #innerwrapper .one-half:nth-child(2n), .width50 .one-half:nth-child(2n), .width50:nth-child(2n){margin:0 0 0 0!important}
   .l_banner{padding:30px; box-sizing:border-box; }
   .l_banner .wrapper{width:100%}
   .l_banner_wrap{flex-direction:column; max-width:100%; margin:0 auto}
   .l_banner_wrap .width40{margin-bottom:45px; }
   .l_banner_wrap h1{margin-bottom:30px;}
   .l_introduction{padding:10px;}
   .carousel-prev, .carousel-prev-sample{left:0}
   .carousel-next, .carousel-next-sample{right:0}
   .carousel-container, .sample-carousel{max-width:350px; max-height:none;}
   .services_offerings{padding:25px; margin:30px -10px;}
   .rightbtn{text-align:left!important; margin-top:15px}
   .services_offerings_wrap.row-cols-3 > *{width:50%}
   .so_box{margin-bottom:1%}
   .so_box_wrap{max-width:98%; padding:15px; }
   .so_box_wrap .so_box_thumb{right:10px; top:10px; padding:10px;}
   .so_box_wrap .so_box_thumb img{width:35px;}
   .so_box_wrap .so_box_info h3{font-size:22px; line-height:28px; margin-bottom:25px;}
   .so_box_wrap .so_box_info p{font-size:16px; line-height:22px;}
   .case_study_wrap{flex-direction:column;}
   .cs-left{position:relative; top:auto; width:100%; padding:0 0 0 0;}
   .short_cta{padding:0 0 0 0; margin-bottom:0}
   .case_study_box{margin:10px auto 0; padding:20px; border-radius:8px;}
   .case_study_box h3{font-size:24px; line-height:30px; }
   .case_study_box_thumb{width: 190px; height: auto; position: absolute; right:5px; bottom:0px; }
   .case_study_box p{font-size:16px; line-height:24px; padding-right:40%;}
   .case_study_box span {font-size:14px; margin-right:5px;}
   a.cs_btn{margin-top:20px;}   
   .industries_wrap{padding:30px 0 30px}
   .industry_container.row-cols-3 > *,
   .industry_container.row-cols-5 > *,
   .industry_container.row-cols-6 > * {width:33.33%}
   .industry_container .industry_box{padding:0px; margin-bottom:15px;}
   .industry_container .industry_box figure img{height:60px!important}
   .industry_container .industry_box figure .figurecaption{font-size:17px; margin-top:0}
   .carousel-dot {width: 10px;height: 10px;border-radius: 50%;background-color: #ccc;margin: 0 5px;cursor: pointer;}   
   .benefits_wrap{ padding: 30px; margin:0 -10px 25px; }
   .benefits_wrap{padding:20px; margin:0 -10px 0px -10px; box-sizing:border-box}
   .benefit_list{flex-direction:row}
   .benefit_list li{width:48.50%; padding:10px 10px;}
   .benefit_list li svg{width:20px; height:auto; margin-right:10px; }
   .benefit_list li span{font-size:16px; line-height:20px;}
   .page_cta{padding:40px 30px;}
}
@media only screen and (min-width:768px) and (max-width:991px){
   .btn-primary-fill, .btn-primary-border, .btn-secondary-fill, .btn-secondary-border{position:relative; display:inline-block;}
   .l_banner{padding:120px 20px 50px 20px; box-sizing:border-box}
   .l_banner .wrapper{width:100%}
   .l_banner .width60{width:65%;}
   .l_banner .width40{width:35%;}
   .l_banner_img img{width:100%;}
   .l_banner_wrap h1{margin-bottom:25px; font-size:clamp(40px, 7vw, 60px)}
   .l_banner_wrap blockquote{font-size:clamp(22px, 8vw, 22px); line-height:1.5}
   .l_banner_wrap p{font-size:clamp(17px, 8vw, 17px); line-height:1.5}
   .l_introduction{flex-direction:column; padding:20px; }
   .l_introduction .one-half{width:100%; max-width:90%; }
   .l_introduction .margin3{margin-right:0}
   .carousel-prev, .carousel-prev-sample{left:0}
   .carousel-next, .carousel-next-sample{right:0}
   .carousel-container, .sample-carousel{max-width:450px; max-height:350px; }
   .services_offerings{padding:35px; margin:25px -10px;}
   .services_offerings_head{margin-bottom:30px}
   .services_offerings_head .width50{width:100%}
   .rightbtn{text-align:left!important; margin-top:15px}
   .services_offerings_wrap.row-cols-3 > *{width:50%}
   .so_box{margin-bottom:1%}
   .so_box_wrap{max-width:98%; padding:15px; }
   .so_box_wrap .so_box_thumb{right:10px; top:10px; padding:10px;}
   .so_box_wrap .so_box_info h3{font-size:24px; line-height:30px; margin-bottom:25px;}
   .case_study_wrap .width40{width:45%}
   .case_study_wrap .width60{width:55%}
   .cs-left{padding:0 10px 0 0; width:calc(100% - 10px); top:50px;}
   .case_study_wrap h2{font-size:clamp(30px, 6vw, 40px);}
   .case_study_box{margin-bottom:30px; padding:10px; border-radius:5px;}
   .case_study_box h3 {font-size:24px;}
   .case_study_box_thumb{ width:160px; height:auto; position:relative; right:0; bottom:auto; margin-left:15px; float:right }
   .case_study_box p{padding-right:0; margin-top:15px; font-size:15px; line-height:20px; }
   a.cs_btn{margin-top:20px;}
   .industries_wrap{padding:10px; box-sizing:border-box; margin-top:40px;}
   .industry_container .industry_box{padding:0; margin-bottom:15px;}
   .industry_container .industry_box figure img{height:60px!important}
   .industry_container .industry_box figure .figurecaption{margin-top:0!important}
   .benefits_wrap{padding:30px; margin:0 -10px}
   .benefit_list li{padding:10px}
   .benefit_list li span{font-size:16px; line-height:20px;}
   .page_cta{padding:40px 30px;}
}
@media only screen and (min-width:992px) and (max-width:1199px){
   .fl, .fr{float:none}
   .btn-primary-fill, .btn-primary-border, .btn-secondary-fill, .btn-secondary-border{}
   .l_banner{padding:125px 35px 75px; box-sizing:border-box;}
   .l_banner_img img{width:100%;}
   .l_banner .wrapper{width:100%}
   .l_banner_img img{width:100%; max-width:345px;}
   .l_banner_wrap h1{margin-bottom:25px; font-size:clamp(40px, 7vw, 60px)}
   .l_introduction{padding:0}
   .l_introduction .one-half:nth-child(1) {width:60%; padding-right:30px; box-sizing:border-box}
   .l_introduction .one-half:nth-child(2) {width:40%}
   .l_introduction .margin3{margin-right:0}
   .carousel-prev, .carousel-prev-sample{left:0}
   .carousel-next, .carousel-next-sample{right:0}
   .carousel-container, .sample-carousel{max-width:450px; max-height:350px; }
   .services_offerings{padding:35px; margin:25px -10px;}
   .services_offerings_head{margin-bottom:30px}
   .services_offerings_head .width50{width:100%}
   .rightbtn{text-align:left!important; margin-top:15px}   
   .so_box{margin-bottom:0.7%}
   .so_box_wrap{max-width:98%; padding:15px; }
   .so_box_wrap .so_box_thumb{right:10px; top:10px; padding:10px;}
   .so_box_wrap .so_box_info h3{font-size:24px; line-height:30px; margin-bottom:25px;}
   .services_offerings{padding:40px; margin:30px -50px;}
   .case_study_wrap{margin-top:45px}
   .case_study_wrap .width40{width:45%}
   .case_study_wrap .width60{width:55%}
   .cs-left{padding:0 10px 0 0; width:calc(100% - 10px); top:50px;}
   .case_study_wrap h2{font-size:clamp(40px, 8vw, 40px);}
   .case_study_box{margin-bottom:30px; padding:10px; border-radius:5px;}
   .case_study_box h3 {font-size:26px;}
   .case_study_box_thumb{ width:160px; height:auto; position:relative; right:0; bottom:auto; margin-left:15px; float:right }
   .case_study_box p{padding-right:0; margin-top:15px; font-size:16px; line-height:24px; }
   a.cs_btn{margin-top:20px;}
   .industry_container .industry_box{padding:0; margin-bottom:15px;}
   .industry_container .industry_box figure img{height:60px!important}
   .industry_container .industry_box figure .figurecaption{margin-top:0!important}
   .benefit_list li{padding:10px}
   .benefit_list li span{font-size:16px; line-height:20px;}
   .page_cta{padding:40px 30px;}   
}
@media only screen and (min-width:1200px) and (max-width:1400px){
   .btn-primary-fill, .btn-primary-border, .btn-secondary-fill, .btn-secondary-border{}
   .l_banner{padding:150px 45px 100px; box-sizing:border-box;}
   .l_banner_img img{width:100%;}
   .l_banner .wrapper{width:100%}
   .l_banner_img img{width:100%; max-width:345px;}
   .l_banner_wrap h1{margin-bottom:35px; font-size:clamp(50px, 7vw, 70px)}
   .l_introduction{padding:0}
   .l_introduction .one-half:nth-child(1) {width:60%; padding-right:30px; box-sizing:border-box}
   .l_introduction .one-half:nth-child(2) {width:40%}
   .l_introduction .margin3{margin-right:0}
   .carousel-prev, .carousel-prev-sample{left:0}
   .carousel-next, .carousel-next-sample{right:0}
   .services_offerings_head{margin-bottom:30px;}
   .services_offerings_head .width50:nth-child(1){width:60%}
   .services_offerings_head .width50:nth-child(2){width:40%}
   .rightbtn{margin-top:40px;}
   .so_box{margin-bottom:20px}
   .case_study_box p{padding-right:40%}
}