body {padding:0px;margin:0px;}
a { text-decoration: none; }
img { max-width: 100%; }
@font-face {font-family: 'Titillium Web'; src: url('../fonts/TitilliumWeb-Bold.eot'); src: url('../fonts/TitilliumWeb-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/TitilliumWeb-Bold.woff2') format('woff2'), url('../fonts/TitilliumWeb-Bold.woff') format('woff'), url('../fonts/TitilliumWeb-Bold.ttf') format('truetype'), url('../fonts/TitilliumWeb-Bold.svg#TitilliumWeb-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap;}
@font-face {font-family: 'Roboto'; src: url('../fonts/Roboto-Regular.eot'); src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular.woff2') format('woff2'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype'), url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap;}
@font-face {font-family: 'Roboto'; src: url('../fonts/Roboto-Bold.eot'); src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Bold.woff2') format('woff2'), url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf') format('truetype'), url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg'); font-weight: bold;font-style: normal; font-display: swap;}
@font-face {font-family: 'Roboto'; src: url('../fonts/Roboto-Thin.eot');src: url('../fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Thin.woff2') format('woff2'), url('../fonts/Roboto-Thin.woff') format('woff'), url('../fonts/Roboto-Thin.ttf') format('truetype'), url('../fonts/Roboto-Thin.svg#Roboto-Thin') format('svg'); font-weight: 100; font-style: normal; font-display: swap;}
@font-face {font-family: 'Roboto'; src: url('../fonts/Roboto-Light.eot'); src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Light.woff2') format('woff2'), url('../fonts/Roboto-Light.woff') format('woff'), url('../fonts/Roboto-Light.ttf') format('truetype'), url('../fonts/Roboto-Light.svg#Roboto-Light') format('svg'); font-weight: 300; font-style: normal; font-display: swap;}
@font-face {font-family: 'Roboto'; src: url('../fonts/Roboto-Medium.eot'); src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Medium.woff2') format('woff2'), url('../fonts/Roboto-Medium.woff') format('woff'), url('../fonts/Roboto-Medium.ttf') format('truetype'), url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap;}
@font-face {font-family: 'Roboto'; src: url('../fonts/Roboto-Black.eot'); src: url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Black.woff2') format('woff2'), url('../fonts/Roboto-Black.woff') format('woff'), url('../fonts/Roboto-Black.ttf') format('truetype'), url('../fonts/Roboto-Black.svg#Roboto-Black') format('svg'); font-weight: 900; font-style: normal; font-display: swap;}

.rd-banner img, .innovation-left img, .innovative-slider .innovative-left img, .advance-slider .slick-slide img, .our-video img{width: 100%;}
.rd-banner{position: relative;}
/*.rd-banner:before{content: ''; position: absolute;top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.45);}*/
.rd-content{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 60%;padding: 0 30px;text-align: center;display: flex;justify-content: center;align-items: center;}
.rd-content p, #vidwrap .play-icon p{font-size: 38px; font-family: 'Roboto', sans-serif; color: #fff; margin-bottom: 0;}
.rd-content p{font-family: 'Titillium Web';}

.focus-box, .what-our{padding: 40px 4%; background: #ebebeb;}
.focus-box{padding: 40px 40px;margin: 0 4% 40px;background: #175190;position: relative;margin-top: -7%;}
.focus-box .dot-top, .focus-box .dot-bottom{position: absolute;top: 0;right: 0;width: 35%;opacity: .1;}
.focus-box .dot-top img{float: right;}
.focus-box .dot-bottom{top: auto;bottom: 0;right: auto;left: 0;width: 40%;}
.focus-box h2, .innovation-right h2, .what-our h2, .innovation-box h2, .innovative-box h2, .advance-box h2{color: #175190;font-family: 'Roboto', sans-serif;font-weight: 700;margin-bottom: 30px;font-size: 1.8vw;}
.focus-box h2, .innovative-box h2, .advance-box h2{text-align: center;}
.focus-box h2{color: #fff;}
.areas-box{margin-top: 0px;}
.areas-box ul{padding: 0;margin: 0;list-style: none;display: flex;justify-content: center;}
.areas-box ul li{text-align: center;position: relative;display: inline-block;margin-right: 35px;width: 33.33%;z-index: 1;}
.areas-box ul li:after{content: '';position: absolute;top: 18%;bottom: 0;right: -49%;width: 89%;height: 2px;background: #83a2c4;background-size: 100%;z-index: -1;}
.areas-box ul li img{height: 100px;}
.areas-box .focus-content{padding: 40px 50px 60px; box-shadow: 0px 5px 5px rgba(0,0,0,.5); background: #2e629b; position: relative; margin-top: 30px; cursor: pointer; overflow: hidden; transition: ease-in-out .5s; -webkit-transition: ease-in-out .5s; -moz-transition: ease-in-out .5s; -ms-transition: ease-in-out .5s;}
.areas-box .focus-content-botom{position: absolute; left: 0; right: 0; bottom: -60px; margin: auto; width: 100%; padding: 20px 20px; transition: ease-in-out .5s; -webkit-transition: ease-in-out .5s; -moz-transition: ease-in-out .5s;-ms-transition: ease-in-out .5s;}
.areas-box .focus-content h4{font-size: 22px;font-family: 'Archivo', sans-serif;color: #fff;font-weight: 600;margin-bottom: 15px;}
.areas-box .focus-content p{font-size: 14px;font-family: 'Roboto', sans-serif;color: #fff;margin-bottom: 0;opacity: 0;}
.areas-box .focus-content:hover .focus-content-botom{top: 30px; bottom: 0; height: 100%;margin: auto;}
.areas-box .focus-content:hover p{opacity: 1;}
.areas-box ul li:last-child{margin-right: 0;}
.areas-box ul li:last-child:after{display: none;}

.innovation-box{padding: 60px 4%;background: rgb(255,255,255);background: -moz-linear-gradient(left,  rgba(255,255,255,1) 31%, rgba(255,255,255,1) 31%, rgba(233,239,245,1) 100%);background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 31%,rgba(255,255,255,1) 31%,rgba(233,239,245,1) 100%);background: linear-gradient(to right,  rgba(255,255,255,1) 31%,rgba(255,255,255,1) 31%,rgba(233,239,245,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9eff5',GradientType=1 );}
.innovation-right{padding-left: 70px;}
.innovation-right p{font-size: 14px;color: #4a4a4a;font-family: 'Roboto', sans-serif;line-height: 1.8;margin-bottom:0;}

.innovative-box, .advance-box{padding: 50px 0;}
.innovative-box{padding-bottom: 0;}
.innovative-left-box{padding-left: 0%; padding-bottom: 0;}
.advance-left-box{padding-right: 0%;}
.innovative-slider .slick-slide, .advance-slider .slick-slide{position: relative;}
.innovative-slider .innovative-left, .advance-slider .advance-left{float: right; width: 70%;}
.innovative-slider .innovative-content, .advance-slider .advance-right{position: absolute;top: 0;left: 2%;bottom: 0;margin:auto;background: #fff;padding: 25px 30px;width: 32%;height: 85%;box-shadow: 0px 10px 15px rgb(0 0 0 / 15%);overflow:auto;}
.innovative-slider .innovative-content h5,.advance-slider .advance-content h5, .advance-slider .advance-right h5{font-size: 20px;color: #fff;font-family: 'Roboto', sans-serif;margin-bottom: 15px;}
.innovative-slider .innovative-content p, .advance-slider .advance-right p, .innovative-slider .innovative-content h6, .advance-slider .advance-right h6{font-size: 14px; font-family: 'Roboto', sans-serif; color: #4a4a4a; margin-bottom: 10px;}
.innovative-slider .innovative-content h6, .advance-slider .advance-right h6{color: #175190;}
.innovative-slider .innovative-content ul li, .advance-slider .advance-content p, .advance-slider .advance-right ul li{font-size: 14px;color: #fff;font-family: 'Roboto', sans-serif;margin-bottom: 0;text-align:justify;}
.advance-slider .advance-content p{display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden; height: 40px; -webkit-box-orient: vertical;}
.innovative-slider .innovative-content ul, .advance-slider .advance-right ul{padding-left: 20px; margin: 0;}
.innovative-slider .innovative-content h5, .advance-slider .advance-right h5{color: #175190;}
.innovative-slider .innovative-content ul li, .advance-slider .advance-right ul li{color: #4a4a4a;margin-bottom: 5px;line-height: 1.6;}
.innovative-slider .innovative-content .view-btn, .advance-slider .advance-content #toggle, .advance-slider .advance-right .view-btn{font-size: 14px;color: #175190;font-family: 'Roboto', sans-serif;font-weight: 600; text-align: center;padding: 10px 40px;display: inline-block;margin-top: 30px;box-shadow: 0px 0px 15px rgb(0 0 10 / 20%);border-radius: 50px;text-decoration: none;border: 1.5px solid transparent;transition: all .6s; cursor: pointer;}
.innovative-slider .innovative-content .view-btn:hover, .advance-slider .advance-right .view-btn:hover{border-color: #175190; color: #175190;}
/*.innovative-slider .innovative-content sub, .advance-slider .advance-right sub {bottom: auto; top: -5px;}*/
/*.advance-slider .advance-right{height: 62%; top: 20%;}*/

.innovative-slider .slick-dots, .advance-slider .slick-dots{bottom: -40px;}
.innovative-slider .slick-dots li, .advance-slider .slick-dots li{width: 12px; height: 12px; background: #c4c4c4; border-radius: 50%;}
.innovative-slider .slick-dots li.slick-active, .advance-slider .slick-dots li.slick-active{background: #175190;}
.innovative-slider .slick-dots li button, .advance-slider .slick-dots li button{display: none;}
.innovative-slider .innovative-content ul li:last-child{margin-bottom: 0;}

.advance-slider .slick-slide{position: relative;}
.advance-slider .advance-left{float: left;}
.advance-slider .advance-right{left: auto; right: 2%;}
/* .advance-slider .advance-right{text-align:right;}
.advance-slider .advance-right ul{list-style:none;} */

.our-video{position: relative;}
.youtube-icon{width: 80%; position: absolute; top: 50%;left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; z-index: 1;}
.youtube-icon img{width: 8%;}
#vidwrap .play-icon p{font-size: 30px;margin-top: 80px;width: 100%;text-align: center;}

.what-our{background: #f8f8f8;padding-bottom: 0; padding: 40px 2%;margin-top: 0px;}
.what-our h2{text-align: center; margin-bottom: 10px;}
.what-our-slider .slick-slide { margin: 0 25px;}
.what-our-content{text-align: center; margin: 80px 0 40px;}
.what-our-content h6{font-size: 16px;font-family: 'Roboto', sans-serif;color: #175190;background: #dde6ef;padding: 12px 30px;text-align: center;margin: 0px;position: relative;width: 80%;margin: auto;z-index: 1;}
.what-our-content .what-our-mid{padding: 50px 20px 30px;border: 1px solid #d6d6d6;position: relative;margin-top: -40px; position: relative; overflow: hidden;}
.what-our-content .what-our-mid img{margin: 15px auto 20px; width: 40%; display: none;}
.what-our-content .what-our-mid p{font-size: 12px;font-family: 'Roboto', sans-serif;color: #4a4a4a;line-height: 1.8;margin-bottom: 0;}
.what-our-content .what-our-mid:before{content: ''; position: absolute; width: 100%; height: 7px; background: #175190; left: 0; bottom: 0;}
.what-our-slider .slick-slide.slick-center .what-our-content{transform: scale(1.1); margin: 40px 0 40px;}
.what-our-slider .slick-slide.slick-center .what-our-content .what-our-mid{background: #fff; border: none; height: 300px;}
.what-our-slider .slick-slide.slick-center .what-our-content h6{background: #175190; box-shadow: 0px 0px 15px rgb(0 0 0 / 35%); color: #fff;}
.what-our-slider .slick-slide .what-our-content h6 span{display: block;}
.what-our-slider .slick-slide.slick-center .what-our-content .what-our-mid p {font-weight: 500;}
.what-our-slider .slick-slide.slick-center .what-our-content .what-our-mid img{display: block;}
.what-our-slider .slick-next, .what-our-slider .slick-prev{width: 45px;height: 45px;box-shadow: 0px 5px 15px rgb(0 0 10 / 15%);border-radius: 50%;background: #fff;z-index: 123;}
.what-our-slider .slick-prev{left: 0;}
.what-our-slider .slick-next{right: 0;}
.what-our-slider .slick-next:before, .what-our-slider .slick-prev:before{width: 20px; height: 20px; background-size: 100%;position: absolute; top: 2px; left: 0; right: 0; bottom: 0; margin: auto;}
.what-our-slider .slick-next:before{content: ''; background: url(../images/slide-arrow-right.png) no-repeat; }
.what-our-slider .slick-prev:before{content: ''; background: url(../images/slide-arrow-left.png) no-repeat;}
.mfp-content{width: 100%; margin: 0 auto; max-width: 900px;}
.video-popup video{width: 100%;}
.mfp-content .video-popup .mfp-close{top: -43px;opacity: 1;}
.mfp-close-btn-in .video-popup .mfp-close{color: #fff;}
.mfp-wrap.hide, .mfp-bg.hide{display: none;}

#vidwrap{height:600px;width:100%; overflow:hidden;cursor:pointer; position: relative;}
#vidwrap .play-icon{position: absolute;width: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);text-align: center;z-index: 1;}
#vidwrap .play-icon img{width: 8%;}
/*-- responsive-start --*/
@media (max-width: 1480px) {
.innovative-slider .innovative-left, .advance-slider .advance-left{width: 70%;}
/*.innovative-slider .innovative-content, .advance-slider .advance-right{top: 12%;width: 45%; height: 75%;}*/
.areas-box .focus-content-botom{bottom: -80px;}
}
@media (max-width: 1399px) {
.innovative-slider .innovative-left, .advance-slider .advance-left{width: 70%;}
/*.innovative-slider .innovative-content, .advance-slider .advance-right{top: 10%;width: 60%; height: 80%;}*/
/*.advance-slider .advance-right {height: 58%; top: 22%;}*/
}
@media (max-width: 1280px) {
.focus-box h2, .innovation-right h2, .what-our h2, .innovation-box h2, .innovative-box h2, .advance-box h2{font-size: 30px;margin-bottom: 20px;}
.rd-content p{font-size: 28px;}

/*.innovative-slider .innovative-content, .advance-slider .advance-right{top: 7%;width: 60%; height: 85%;}*/
.innovative-slider .innovative-content, .advance-slider .advance-right{padding: 20px 15px;}
.innovative-slider .innovative-content ul li, .advance-slider .advance-right ul li{margin-bottom: 5px;}
.areas-box .focus-content-botom{padding: 20px 10px;}
.areas-box .focus-content h4{font-size: 18px;}
.innovation-box{padding: 40px 4%;}
.innovation-right p{font-size: 14px;}
.innovative-box, .advance-box{padding: 40px 0;}
.advance-box{padding-top: 0;}
.our-video p {font-size: 24px;}
.areas-box .focus-content-botom{bottom: -70px;}
.innovative-left-box{padding-left: 0;}
.advance-left-box{padding-right: 0;}
/*.advance-slider .advance-right{top: 15%; height: 70%;}*/
}
@media (max-width: 1199px) {
.advance-slider .advance-content{height: 250px;overflow-y: scroll; padding: 20px 20px;}
.what-our-slider .slick-slide.slick-center .what-our-content .what-our-mid{height: 350px;}
.innovative-slider .innovative-content, .advance-slider .advance-right{width: 40%;}
/*.advance-slider .advance-right {top: 10%; height: 80%;}*/
}
@media (max-width: 1024px) {
.areas-box ul li:after{width: 82%;}
.areas-box .focus-content-botom{bottom: -80px;}
.innovative-slider .innovative-content, .advance-slider .advance-right{height: 90%;}
/*.innovative-slider .innovative-content, .advance-slider .advance-right{top: 5%; height: 90%;}*/
}
@media (max-width: 991px) {
.rd-content{width: 90%;}
.focus-box{padding: 20px 20px;}
.innovative-slider .innovative-left, .advance-slider .advance-left{width: 100%; float: none;}
.innovative-slider .innovative-content, .advance-slider .advance-right{width: 60%;padding: 20px 20px; position: relative; top: 0; margin-top: -15%;  margin-bottom: 30px;height: auto;}
.areas-box .focus-content-botom{bottom: -100px;}
.what-our-slider .slick-slide.slick-center .what-our-content .what-our-mid {height: 250px;}
.what-our-content .what-our-mid img{width: 25%;}
.what-our{padding-bottom: 60px;}
.what-our-slider .slick-next, .what-our-slider .slick-prev{top: auto; bottom: -65px;}
.what-our-slider .slick-prev{left: 0px; right: 80px; margin: auto;}
.what-our-slider .slick-next{left: 80px; right: 0px; margin: auto;}
/*.innovative-slider .innovative-content ul{height: 200px; overflow: hidden; overflow-y: scroll;}*/
}
@media (max-width: 767px) {
.focus-box h2, .innovation-right h2, .what-our h2, .innovation-box h2, .innovative-box h2, .advance-box h2{font-size: 26px;}
.areas-box .focus-content h4, .innovative-slider .innovative-content h5, .advance-slider .advance-content h5{font-size: 20px;}
.rd-content{width: 100%;}
.rd-content p{font-size: 24px;}
.focus-box{padding: 25px 20px; margin: 0 4% 20px;margin-top: -15%;}
.focus-box .dot-top, .focus-box .dot-bottom{width: 50%;}
.areas-box ul{flex-wrap: wrap;}
.areas-box ul li{width: 100%; margin-right: 0;padding-bottom: 40px;}
.areas-box ul li:last-child{padding-bottom: 0;}
.areas-box ul li:after{top: auto; right: 0; left: 0; width: 2px; height: 40px; margin: auto;}
.areas-box .focus-content{box-shadow: 0px 5px 5px rgb(0 0 0 / 25%);margin-top: 40px; position: relative;}
.focus-content-top{position: relative;}
.focus-content-top:before{content: '';position: absolute;top: auto;bottom: -40px;right: 0;left: 0;width: 2px;height: 45px;margin: auto;background: #83a2c4;z-index: -1;}
.innovation-box, .what-our{padding: 25px 4%; text-align: center;}
.innovation-box .row{margin-right: 0px; margin-left: 0px;}
.innovation-right{padding-left: 15px; margin-top: 30px;}
.innovative-box, .advance-box{padding: 25px 0;}
.innovative-slider .innovative-left, .advance-slider .advance-left{width: 100%;float: none;}
.innovative-slider .innovative-content, .advance-slider .advance-right{position: relative;left: 0%; top: 0;width: 90%; height: auto; padding: 20px;margin-top: -15%;margin-bottom: 30px;max-height:250px;overflow:auto;background:#fff;}
.innovative-slider .innovative-content .view-btn, .advance-slider .advance-content #toggle, .advance-slider .advance-right .view-btn{font-size: 14px; margin-top: 20px;}
.advance-slider .advance-content #toggle{display: inline-block; background: #fff;}
.advance-slider .advance-content p{-webkit-line-clamp: 4; height: 80px;}
.advance-slider .slider_item .advance-content #text {display: none;}
.advance-slider .slider_item .advance-content.advance-content-show p{height: auto; display: inline-block;}
.advance-box h2{padding: 0 15px;}
.youtube-icon{width: 90%;}
.youtube-icon img{width: 12%;}
.our-video p{font-size: 14px; margin-top: 20px;}
.what-our{padding-bottom: 60px;}
.what-our-slider .slick-slide.slick-center .what-our-content h6{box-shadow: 0px 0px 15px rgb(0 0 0 / 20%);}
.what-our-content h6{font-size: 14px; width: 55%;}
.what-our-content .what-our-mid{padding: 50px 15px 30px;}
.what-our-slider .slick-next, .what-our-slider .slick-prev{top: auto; bottom: -65px;}
.what-our-slider .slick-prev{left: 0px; right: 80px; margin: auto;}
.what-our-slider .slick-next{left: 80px; right: 0px; margin: auto;}
.advance-slider .advance-content{height: 250px;overflow-y: scroll; padding: 20px 20px;}
.what-our-content .what-our-mid img{width: 25%;}
.innovative-slider .innovative-content ul{height: auto;}
.areas-box .focus-content-botom{bottom: -60px;}
.our-video iframe{height: auto !important;}
.what-our-slider .slick-slide.slick-center .what-our-content .what-our-mid{height: auto;}
#vidwrap{height: 450px;}
#vidwrap .play-icon img {width: 12%;}
#vidwrap iframe{height: 100% !important;}
#vidwrap .play-icon p{font-size: 16px; margin-top: 50px;}
}
@media (max-width: 480px) {
.what-our-content h6{width: 80%;}
.what-our-content .what-our-mid img{width: 35%;}
.advance-slider .advance-content{height: 200px;}
.areas-box .focus-content-botom { bottom: -80px;}
}
/*-- responsive-end --*/