@charset "UTF-8";
/* ------------------- Homepage ------------------- */
.hero-banner{position:relative;background:url(../images/banner/home-hero.jpg) no-repeat;background-color:#F0F0F0;background-position:center center;background-size:cover;padding:160px 0 120px 0;min-height:calc(100vh - 120px);display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap}
.hero-banner .wrapper{position:relative;z-index:1}
.hero-banner h1{font-size:4rem;line-height:0.9;color:#0e2b5c;font-weight:300}
.hero-banner h1 span{font-size:6rem;display:block;font-weight:700}
.hero-banner p{color:#39475f;font-size:clamp(16px, 6vw, 18px);line-height:1.4}
.hero-banner:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF00 40%, #D7F6F8 100%);opacity:1;z-index:0}
.service-offerings-1{position:relative;padding:150px 0 90px;background:linear-gradient(0deg, #d8f1fb, transparent), url(../images/service-bg.png) center bottom;background-repeat:no-repeat;background-size:auto}
.service-offerings-1:before{content:'';position:absolute;width:100%;height:150px;background:linear-gradient(180deg, #d7f5f7, transparent);left:0;top:0;right:0}
.service-offerings-1-wrap{position:relative;width:100%;margin-top:35px;display:grid;gap:20px;grid-template-columns:repeat(5, 1fr);}
.ser-1-box{text-align:center;background-color:#FFF;padding:30px 15px 30px 15px;position:relative;box-shadow:0 10px 40px rgba(38, 44, 55, .12);border-radius:5px;transition:all 0.2s ease-in-out 0s}

.ser-1-box:hover{box-shadow:0 20px 50px rgba(38, 44, 55, .22)}
.ser-1-box:nth-child(5n){margin-right:0}
.ser-1-box a{display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:flex-start;flex-wrap:wrap;position:relative}
.ser-1-box a h3{font-size:clamp(18px, 6vw, 24px);line-height:1.3;margin-bottom:30px;color:#374053;font-weight:500;letter-spacing:-0.6px}
.ser-1-box a h3 strong{display:block;font-weight:500;color:#374053;}
.ser-1-box:hover a h3, .ser-1-box:hover a h3 strong{color:#e65100}
.ser-1-box a img{height:auto;max-width:62px;margin-bottom:30px;width:100%;transition:all 0.2s ease-in-out 0s}
.ser-1-box:hover a img{transform:scale(1.1)}
.ser-1-box a span{font-size:16px;line-height:1;color:#5f7287}

/* Section Spacing */
.section-space{position:relative;padding:100px 0}

/* Big Shadow Section */
.big-shadow-section{position:relative;z-index:1;padding:50px 0}
.big-shadow-section:after{content:"";position:absolute;z-index:-1;left:4%;right:4%;top:0;bottom:0;display:block;background:#fff;box-shadow:0 10px 40px rgba(38,44,55,.12)}
.big-shadow-section:before{content:"";position:absolute;z-index:0;left:0;right:0;height:200px;top:-20px;display:block;background:linear-gradient(0deg,rgba(255,255,255,0) 0%,#ffffff 80%)}

/* Advantages */
.advantages-wrap{margin:70px 0 40px 0;border-bottom:1px solid #0206261f;padding-bottom:40px;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap}
.advantages-box{margin-right:calc(-30px/2);margin-left:calc(-30px/2);justify-content:center;flex-wrap:wrap;display:flex;flex-direction:column;word-break:break-word;align-items:center;flex:1 1;margin-bottom:40px}
.advantages-thumb{width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;position:relative;z-index:1;text-align:center;transition:all 0.2s ease-in-out 0s}
.advantages-thumb:before{content:"";position:absolute;width:100px;height:100px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;opacity:.9;border-radius:50%;background:#cbdeef;transition:all 0.2s ease-in-out 0s}
.advantages-thumb img{display:block;height:auto;width:50px}
.advantages-box:hover .advantages-thumb:before {transform:translate(-50%,-50%) scale(1.15)}
.advantages-title{position:relative;text-align:center;width:100%}
.advantages-title span{color:#4b4e65;font-size:18px;font-weight:700}

/* Figure USPs */
.figure-usps{position:relative;margin:25px auto;display:flex;flex-direction:row;align-items:normal;justify-content:center;flex-wrap:wrap}
.figure-usps .width25{position:relative;padding:25px;height:100%}
.figure-usps .figure-usp-box{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:wrap;text-align:center;height:100%}
.figure-usps .figure-usp-box .figure-usps-number{font-size:64px;font-weight:800;line-height:1em;color:#020626;display:block;margin-bottom:15px}
.figure-usps .figure-usp-box .figure-usps-text{font-size:16px;line-height:20px;color:#7f7f7f;display:block}

.gradient-bg{position:relative;margin-top:-180px;margin-bottom:0;padding:280px 0 100px 0;z-index:0}
.gradient-bg:before{content:"";height:100%;width:100%;top:0;left:0;z-index:-1;position:absolute;background-color:transparent;background-image:linear-gradient(180deg,#FFFFFF 0%,rgb(191 225 255 / 40%) 50%);opacity:1}

/*Home Case Studies*/
.h--cs-wrap{padding:70px 0 70px 0;position:relative;background:linear-gradient(180deg, rgb(255 255 255 / 10%) 0%, #dddddd 100%), url(../images/service-bg.png);background-position:0 0;background-repeat:no-repeat;background-size:100% auto;margin-top:-100px;}
.h--cs-header{position:relative;margin-bottom:30px;padding-right:55%}
.h--cs-header h2{font-size:42px;line-height:1.25em;padding:0;margin:0;color:#020626;font-weight:400}
.h--cs-header h2 strong{font-weight:800;color:#020626}
.h-cs-container{/*position:relative;display:flex;flex-direction:row;align-content:center;justify-content:center;flex-wrap:wrap*/}
.h-cs-container .width33{position:relative;height:auto;padding:20px 15px;}
.h-cs-container .width33:first-child, .h-cs-container .width33.fl.is-selected{padding-left:0}
.h-cs-container .width33:last-child{padding-right:0}
.h-cs-box{position:relative;width:100%;height:auto;background-color:#ffffff;filter:drop-shadow(0 10px 10px rgba(0, 0, 0, .1));}
.h-cs-box-thumb{position:relative;width:100%;height:180px;overflow:hidden;object-fit:contain;object-position:center center;display:block;border-bottom:5px solid #0e2b5c}
.h-cs-box-thumb:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:linear-gradient(180deg, rgb(255 255 255 / 10%) 0%, #0e2b5c 100%);z-index:100;width:100%;height:100%;}
.h-cs-box-thumb span{color:#ffffff;position:absolute;white-space:nowrap;text-transform:uppercase;font-size:12px;font-weight:400;letter-spacing:-.5px;text-align:center;background:#282828;line-height:1;padding:8px 10px 6px 10px;border-radius:4px;filter:drop-shadow(0 20px 20px rgba(0, 0, 0, .1));top:30px;left:30px;z-index:1083}
.h-cs-box-thumb img{display:block;width:100%;height:auto;object-fit:contain;object-position:center center;transition:all 0.6s ease}
.h-cs-box h3{padding:30px 30px 40px 30px;font-size:24px;margin-top:0;line-height:1.3;font-weight:600;color:#0e2b5c}
.h-cs-box h3 a{font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;transition:all 0.6s ease}
.h-cs-container .width33:hover .h-cs-box-thumb img{transform:rotate(-1deg) scale(1.1)}
.h-cs-container .width33:hover .h-cs-box-thumb:before{background:linear-gradient(180deg, rgb(255 255 255 / 10%) 0%, #020626 100%);}
.h-cs-container .width33:hover .h-cs-box h3 a{color:#e65100;text-decoration:underline}
.h-cs-container .flickity-prev-next-button{top:-10%;width:40px;height:40px;border-radius:50%;transform:translateY(-100%);display:block;padding:10px;line-height:20px;font-size:20px}
.h-cs-container .flickity-prev-next-button.previous{left:calc(100% - 105px)}

@media (max-width:359px){
	.hero-banner h1{font-size:40px;line-height:50px;text-align:center}
	.hero-banner h1 span{font-size:50px;line-height:50px}
	.hero-banner p{font-size:17px;line-height:27px;margin-top:20px!important}
	.service-offerings-1{padding:40px 15px 15px}
	.ser-1-box{margin:0 auto;padding:20px 0}
	.ser-1-box:last-child{margin-bottom:0}
	.advantages-wrap{flex-direction:row;margin:15px auto;padding-bottom:20px}
	.advantages-box{width:50%;margin:15px auto 25px;flex:1 1 50%}
	.advantages-box:nth-child(5), .advantages-box:nth-child(6){margin-bottom:0}
	.advantages-thumb{width:60px;height:60px}
	.advantages-thumb img{width:35px}
	.advantages-title span{font-size:16px}
	.figure-usps{margin:15px auto}
	.figure-usps .figure-usp-box .figure-usps-number{font-size:34px}
	.figure-usps .figure-usp-box .figure-usps-text{font-size:15px}
	.process_step_wrap{margin:0 auto 15px;flex-direction:column}
	.process_step_wrap .width20{margin:15px auto 25px}
	.process_front{ position:relative;width:100%;height:auto}
	.recent-articles-wrapper{margin-top:15px}
}
@media only screen and (min-width:220px) and (max-width:574px){
	.h--cs-wrap{padding:35px 20px;margin:-30px auto 30px}
	.h--cs-header{padding-right:0px}
	.h--cs-header span{display:block;text-align:center;margin:0 auto 12px;}
	.h--cs-header h2{font-size:28px;text-align:center}
	.h-cs-container .width33:first-child, .h-cs-container .width33.fl.is-selected, .h-cs-container .width33:last-child{padding:20px 0}
	.h-cs-box h3{font-size:20px;}
	.h-cs-container .flickity-prev-next-button{top:calc(100% + 15px);transform:translateY(-100%)}
	.h-cs-container .flickity-prev-next-button.previous{left:0}	
	.h-cs-container .flickity-prev-next-button.next{right:0}
}
@media only screen and (min-width:360px) and (max-width:574px){
	.hero-banner h1{font-size:42px;line-height:50px;text-align:center}
	.hero-banner h1 span{font-size:44px;line-height:50px}
	.hero-banner p{font-size:18px;line-height:27px;margin-top:20px!important}
	.service-offerings-1{padding:20px}
	.service-offerings-1-wrap{margin-top:20px}
	.ser-1-box{padding:20px;}
	.advantages-wrap{margin:35px auto 45px;padding-bottom:25px;align-items:flex-start}
	.recent-articles-wrapper{margin:15px auto 0;max-width:360px}
}
@media only screen and (min-width:575px) and (max-width:767px){
	.h--cs-wrap{padding:35px 20px;margin:-30px auto 30px;}
	.h--cs-header{padding:0 0 0 0}
	.h--cs-header span{display:block;text-align:center;margin:0 auto 10px;}
	.h--cs-header h2{font-size:32px;text-align:center}
	.h-cs-container .width33{width:50%}
	.h-cs-container .width33:first-child, .h-cs-container .width33.fl.is-selected, .h-cs-container .width33:last-child{padding:10px 20px}
	.h-cs-box h3{font-size:22px;}
	.h-cs-box-thumb{height:140px;}
	.h-cs-container .flickity-prev-next-button{top:calc(100% + 15px);transform:translateY(-100%)}
	.h-cs-container .flickity-prev-next-button.previous{left:0}	
	.h-cs-container .flickity-prev-next-button.next{right:0}
}
@media only screen and (min-width:360px) and (max-width:767px){
	.figure-usps .figure-usp-box .figure-usps-number{font-size:36px}
	.figure-usps .figure-usp-box .figure-usps-text{font-size:17px}
	.process_step_wrap{margin:0 auto 0;flex-direction:row}
	.process_step_wrap .width20{margin:15px auto 25px;width:50%;flex:1 1 50%;padding:10px 0}
}
@media only screen and (min-width:360px) and (max-width:991px){
	.advantages-box{margin-right:0;margin-left:0;flex:1 1 33.33%;margin-bottom:20px}
	.advantages-box:nth-child(4),.advantages-box:nth-child(5),.advantages-box:nth-child(6){margin-right:0;margin-left:0;flex:1 1 33.33%;margin-bottom:0}
	.figure-usps{margin-top:0}
	.process_step_wrap .width20:last-child{margin-bottom:0}
}
@media only screen and (max-width:574px){
	.section-space{padding:20px}
	.hero-banner{padding:40px 15px;text-align:center;background:no-repeat;background-color:transparent;background-image:linear-gradient(180deg,#FFFFFF00 40%,#D7F6F8 100%);height:auto;min-height:auto}
	.one-half .section-tag{margin-top:40px;display:block}
	.big-shadow-section{padding:20px}
	.recent-articles-wrapper .width33{margin-bottom:15px}
}
@media only screen and (min-width:575px) and (max-width:767px){
	.section-space{padding:65px 25px 25px}
	.hero-banner{padding:100px 20px 20px;height:auto;min-height:auto}
	.hero-banner h1{font-size:46px;line-height:52px}
	.hero-banner h1 span{font-size:46px;line-height:48px}
	.service-offerings-1{padding:25px}
	.home-intro .one-half{margin-bottom:30px}
	.home-intro figure{max-width:350px;margin:0 auto}
	.recent-articles-wrapper .width33{margin-bottom:15px;width:48.50%;float:left!important;flex:0 0 48.50%;max-width:48.50%;margin-right:3%}
	.recent-articles-wrapper .width33:nth-child(2n){ margin-right:0}
}
@media only screen and (min-width:575px) and (max-width:991px){
	.big-shadow-section{padding:30px}
	.advantages-wrap{margin:35px auto;padding-bottom:25px;align-items:flex-start}
}
@media only screen and (min-width:575px) and (max-width:1199px){.recent-articles-wrapper{margin:15px auto 0;justify-content:normal}}
@media only screen and (max-width:767px){
	.figure-usps .width25{width:50%;margin:15px auto 0px;flex:1 1 50%;padding:10px 0}
	.process_back{ position:relative;transform:rotateX(0)}
	.process_back p{max-width:100%}
	.recent-articles-wrapper .width33:last-child{margin-bottom:0}
}
@media only screen and (min-width:768px) and (max-width:991px){   
	.hero-banner{padding:70px 40px 30px;min-height:400px}
	.hero-banner:before{background-image:linear-gradient(180deg, rgba(255,255,255,0.5) 0%, #D7F6F8 100%)}
	.hero-banner .width60{width:75%}
	.service-offerings-1-wrap{margin-top:15px}
	.home-intro .one-half{width:100%;margin-right:0}
	.home-intro .one-half figure{max-width:350px;margin:0 auto 35px 0}
	.figure-usps .width25{width:25%;margin:15px auto 0px;flex:1 1 25%;padding:10px 0}
	.figure-usps .figure-usp-box .figure-usps-number{font-size:40px}
	.figure-usps .figure-usp-box .figure-usps-text{font-size:18px;line-height:1.5}
	.process_step_wrap .width20{margin:15px auto 0px;width:33.33%;flex:1 1 33.33%;padding:10px}
	.process_back p{max-width:100%;font-size:17px;line-height:27px}
}
@media only screen and (min-width:768px) and (max-width:979px){
	.h--cs-wrap{padding:70px}
	.h--cs-header{padding-right:200px;}
	.h--cs-header h2{font-size:36px;}
	.h-cs-container .width33{width:50%;padding:20px}
	.h-cs-container .width33:first-child, .h-cs-container .width33.fl.is-selected, .h-cs-container .width33:last-child{padding:20px}
	.h-cs-box-thumb{height:180px;}
	.h-cs-box h3{font-size:24px;}
}
@media only screen and (min-width:980px) and (max-width:1169px){
	.h--cs-wrap{padding:70px}
	.h--cs-header{padding-right:40%;}
	.h--cs-header h2{font-size:38px;}
	.h-cs-box-thumb{height:170px;}
	.h-cs-box h3{font-size:26px;}
}
@media only screen and (min-width:768px) and (max-width:1199px){
	.section-space{padding:50px 70px 40px}
	.hero-banner h1, .hero-banner h1 span{font-size:clamp(2rem, 6vw, 4rem);line-height:1.1}
	.hero-banner p{font-size:19px;line-height:30px;margin-top:20px!important}
	.service-offerings-1{padding:40px 30px}
	.process_step_wrap{margin:0 auto 0;flex-direction:row;align-items:flex-start;justify-content:flex-start}
	.process_back{ position:relative;transform:rotateX(0);margin-top:15px}
	.recent-articles-wrapper .width33{width:31.33%;float:left!important;flex:0 0 31.33%;max-width:31.33%;margin-right:3%}
	.recent-articles-wrapper .width33:nth-child(3n){ margin-right:0}
	.recent-article-info a h3{font-size:18px}
	.recent-article-info p{font-size:16px}
	.recent-article-info span{display:inline-block;padding:5px}
}
@media only screen and (min-width:992px) and (max-width:1199px){
	.hero-banner{padding:80px 30px 40px;min-height:400px}
	.service-offerings-1-wrap{margin-top:15px}
	.ser-1-box{padding:15px 20px}
	.ser-1-box a h3{font-size:22px}
	.home-intro .one-half figure{max-width:400px;margin:0 auto 35px 0}
	.big-shadow-section{padding:25px}
	.advantages-wrap{padding:0 30px 30px;align-items:flex-start}
	.advantages-box{margin:0 10px}
	.advantages-thumb{height:80px;width:80px}
	.advantages-thumb img{width:35px}
	.advantages-title span{font-size:17px;line-height:1;display:block}
	.gradient-bg{margin:0 auto;padding:30px}
	.process_step_wrap .width20{margin:15px auto 0px;padding:10px}
	.process_front{ position:relative;width:100%;height:auto}
	.process_back p{max-width:100%;font-size:16px;line-height:1.4}
}
@media only screen and (min-width:992px) and (max-width:1400px){.big-shadow-section:after{left:2%;right:2%}}
@media only screen and (max-width:1199px){
	.home-intro .one-half h2.mb-4{margin-bottom:20px!important}
	.process_step{padding:0 0 0 0}
	.process_step_box{margin:0 auto 0 auto;flex-direction:column;width:100%;position:relative;transform-style:preserve-3d;perspective:none;padding:0 0 0 0;transition:all 0.2s ease-in-out 0s;cursor:pointer;height:auto}
	.process_front{ position:relative;width:100%;height:auto}
	.process_step_box_thumb img{margin-bottom:0}
	.process_front:before, .process_front:after, .process_back:before, .process_back:after{display:none}
	.recent-articles{padding:20px}
	.recent-article-box{margin:0 auto}
	.recent-article-info{padding:15px}
}
@media only screen and (min-width:1170px) and (max-width:1450px){
	.h--cs-wrap{padding:70px}
	.h-cs-container .flickity-prev-next-button.previous{left:calc(100% - 145px)}
	.h-cs-container .flickity-prev-next-button.next{right:30px}
}
@media only screen and (min-width:1200px) and (max-width:1400px){
	.section-space{padding:70px 50px}
	.hero-banner{padding:120px 40px 60px;min-height:calc(75vh - 120px)}
	.hero-banner h1, .hero-banner h1 span{font-size:clamp(50px, 8vw, 60px);line-height:1.1}
	.service-offerings-1{padding:50px}
	.big-shadow-section{padding:50px 25px 15px}
	.advantages-wrap{margin-bottom:20px;padding-bottom:20px}
	.gradient-bg {margin-top:-70px;padding:100px 0 50px 0}
}
@media (max-width: 479px){.service-offerings-1-wrap{grid-template-columns:repeat(1, 1fr)}}
@media (min-width: 480px) and (max-width: 639px){.service-offerings-1-wrap{grid-template-columns:repeat(2, 1fr)}}
@media (min-width: 640px) and (max-width: 800px){.service-offerings-1-wrap{grid-template-columns:repeat(3, 1fr)}}
@media (min-width: 801px) and (max-width: 1350px){.service-offerings-1-wrap{grid-template-columns:repeat(4, 1fr)}}