/*banner section css start here */
.banner-wrap.infrastructure h1 span{color: ##00649E;}
/*banner section css end here */

/*office image section css start here*/
.office-img-wrap{width: 100%; display:block;}
.office-img-wrap .office-img-caption{position: relative; width: 100%;}
.office-img-wrap .office-img-caption img{border-radius: 20px; display: block;}
/*office image section css end here*/

/*Infrastructure section css start here */
.infrastructure-wrap { width: 100%; display: block; position: relative; padding: 0px 0 67px 0; }
.infrastructure-wrap .infrastructure-caption{width: 100%; display: block; text-align: center; position: relative}
.infrastructure-wrap .infrastructure-caption:before { content: ""; position: absolute; width: calc(100% - 4px); left: 0; border: 2px solid #00649E; border-radius: 20px; height: calc(100% - 98px); top: 45px; }
.infrastructure-wrap .content-inf{display: block; position: relative; padding: 0 35px; max-width: 1050px; margin: 0 auto; margin-bottom: 40px; background: #fff; margin-top: 67px;}
.inf-title { display: block; position: relative; text-align: center;}
.inf-title h2{margin: 0 0 40px 0; text-align: center;}
.inf-title h2 span{color: #00649E;}
.infrastructure-wrap .inf-box-main{position: relative; display: block; padding: 0 30px;}
.infrastructure-wrap .inf-box-main .inf-box-wrap { display: flex; column-gap: 10px; }
.infrastructure-wrap .inf-box-main .inf-box-wrap .inf-box-inner { width: calc(20% - 8px); text-align: center; padding: 25px 20px 40px 20px; background: #E8F5FF; border-radius: 25px; border: 2px solid #E8F5FF; transition: .2s ease-in-out; }
.infrastructure-wrap .inf-box-main .inf-box-wrap .inf-box-inner:hover{border: 2px solid #00649E;}
.infrastructure-wrap .inf-box-main .inf-image{display: block; text-align: center; margin: 0 0 20px 0;}
.infrastructure-wrap .inf-box-main .inf-image img{width: auto !important; object-fit:contain; }
.infrastructure-wrap .inf-box-main .h6{margin: 0; color: #00649E; line-height: normal;}
/*Infrastructure section css end here */

/*our robust section css start here*/
.our-robust-wrap { width: 100%; display: block; position: relative;}
.our-robust-wrap .our-robust-caption{position: relative; display: block; padding: 60px 0 67px 0; /* border-radius: 80px 80px 0px 0px; background: linear-gradient(180deg, rgba(100, 74, 6, 0.05) 0%, rgba(230, 244, 241, 0) 115.58%); */}
.our-robust-wrap:after{content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; border-radius: 80px 80px 0px 0px; background: linear-gradient(180deg, rgba(100, 74, 6, 0.05) 0%, rgba(230, 244, 241, 0) 115.58%); z-index: -1;}
.our-robust-wrap .facilities-box-main{display: block; position:relative;}
.our-robust-wrap .facilities-box-main .facilities-box-wrap { padding-top: 0px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px; }
.our-robust-wrap .facilities-box-wrap .facilities-box-inner { width: calc(33.33% - 20.8px); background: #FEF1EB; padding: 20px; border-radius: 25px; border: 1px solid #333; display: flex; justify-content: flex-start; align-items: center; gap: 20px; transition: all .2s ease-in-out; transform: translateY(0px);}
.our-robust-wrap .facilities-box-wrap .facilities-box-inner:hover{transform: translateY(-3px);}
.our-robust-wrap .facilities-box-wrap .facilities-box-inner.two{background: #F3ECFD;}
.our-robust-wrap .facilities-box-wrap .facilities-box-inner.three{background:#FFF3D0 ;}
.our-robust-wrap .facilities-box-wrap .facilities-box-inner.four{background: #F1F9F8;}
.our-robust-wrap .facilities-box-wrap .facilities-box-inner.five{background: #FFEBF3;}
.our-robust-wrap .facilities-box-wrap .facilities-box-inner.six{background:#E9FFEF ;}
.our-robust-wrap .facilities-box-wrap .facilities-box-inner .facilities-img { width: 85px; height: 88px; background: #fff; border-radius: 50%; box-shadow: 15px 15px 70px 0px #0000001A; display: flex; align-items: center; justify-content: center;}
.our-robust-wrap .facilities-box-wrap .facilities-box-inner .facilities-img img { width: auto; display: block; }
.our-robust-wrap .facilities-box-wrap .facilities-box-inner .content-box{width: calc(100% - 105px); display: block; position: relative;}
.our-robust-wrap .facilities-box-wrap .facilities-box-inner .content-box .h6{letter-spacing: 0.54px;color: #000; margin: 0; line-height: 22px;}
/*our robust section css end here*/

/*our office section css start here*/
.our-office-wrap{padding: 0 0 67px 0; display: block; position: relative; }
.our-office-wrap .our-office-caption{position: relative; display: block;}
.our-office-wrap .gallery-caption{display:flex; align-items: flex-start; justify-content: flex-start; position: relative; padding: 0 1px; width: 100%; flex-wrap: wrap; gap: 17px; margin: 0 0 60px 0;}
.our-office-wrap .gallery-caption .card{width: calc(100% / 3 - 11.4px); height: 280px; cursor: pointer;}
.our-office-wrap .gallery-caption .card a{display:block; height: 100%; position: relative; overflow: hidden; border-radius: 20px;}
/*.our-office-wrap .gallery-caption .card a:after { content: ""; position: absolute; background: #00000036; left: 50%; top: 50%; width: 50%; height: 50%; transform: translate(-50%, -50%); transition: all .4s ease-in-out; opacity: 0; visibility: hidden;}*/
/*.our-office-wrap .gallery-caption .card a:hover:after{width: 100%; height: 100%; opacity: 1; visibility: visible;}*/
.our-office-wrap .gallery-caption .card .card-image{width:100%; height: 100%; position: relative;}
.our-office-wrap .gallery-caption .card a img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: all .5s ease-in-out; object-position: center;}
.our-office-wrap .gallery-caption .card a:hover img{transform: scale(1.02); opacity: .9;}
.fancybox-inner button:hover{background:transparent; border:0 !important; }
.fancybox-inner .fancybox-navigation button > div{background: #00649ea6;}
.fancybox-inner .fancybox-navigation button:hover > div{background: #00649E;}
.fancybox-inner .fancybox-toolbar button:hover{background: rgba(30,30,30,.6) !important; }
.fancybox-thumbs__list a:before{border: 4px solid #00649E;}
.fancybox-progress{background: #00649E;}
.our-office-wrap p{text-align: center; max-width: 1015px; margin: 0 auto 25px;}
.join-team-btn{display: flex; justify-content: center;}
/*our office section css end here*/


@media only screen and (min-width: 1666px) {
	.our-office-wrap .gallery-caption .card{height: 370px;}
}

@media only screen and (max-width: 1199px) {
	.our-office-wrap .gallery-caption .card{height: 240px;}
	.infrastructure-wrap .content-inf{max-width:92%; padding: 0 20px;}
}

@media only screen and (max-width: 1024px) {
	.infrastructure-wrap .inf-box-main .inf-box-wrap{flex-wrap: wrap; justify-content: center;}
	.infrastructure-wrap .inf-box-main .inf-image img { width: auto !important; object-fit: contain; display: block; margin: 0 auto; }
	.infrastructure-wrap .inf-box-main .inf-box-wrap .owl-stage{display: flex;}
	.infrastructure-wrap .inf-box-main .inf-box-wrap .inf-box-inner{width: 100%; height: 100%;}
	.infrastructure-wrap .infrastructure-caption:before{height: calc(100% - 140px);}
	.infrastructure-wrap .content-inf{padding: 0 10px; margin-top: 20px;}
	.infrastructure-wrap{padding: 40px 0 60px 0;}
	.our-robust-wrap .our-robust-caption{padding: 50px 0 60px 0;}
	.our-office-wrap .gallery-caption{margin: 0 0 50px 0;}
}

@media only screen and (max-width: 1023px) {
	.banner-wrap.infrastructure{margin: 0 0 50px 0;}
	.our-robust-wrap .facilities-box-wrap .facilities-box-inner{width: calc(50% - 15px);}
	.inf-title:after{width: 150px;}
	.our-office-wrap .gallery-caption{gap: 12px;}
	.our-office-wrap .gallery-caption .card{height: 185px; width: calc(100% / 3 - 8px);}
	.our-office-wrap .gallery-caption .card a{border-radius: 12px;}
	.inf-title h2{margin: 0 0 30px 0;}
	.our-office-wrap{padding: 0 0 60px 0;}
}

@media only screen and (max-width: 767px) {
	.banner-wrap.infrastructure{margin: 0 0 40px 0;}
	.infrastructure-wrap{padding: 30px 0 40px 0;}
	.our-robust-wrap .our-robust-caption{padding: 30px 0 40px 0; border-radius: 50px 50px 0px 0px;}
	.our-robust-wrap:after{ border-radius: 50px 50px 0px 0px; }
	.our-robust-wrap .facilities-box-wrap .facilities-box-inner{width: 100%;}
	.our-robust-wrap .facilities-box-main .facilities-box-wrap{gap: 15px;}
	.our-office-wrap .gallery-caption .card{width: calc(50% - 2px);}
	.our-office-wrap{padding: 0 0 40px 0;}
	.office-img-wrap{margin-top:0px;}
	.office-img-wrap .office-img-caption img, .our-office-wrap .gallery-caption .card a{border-radius: 10px;}
	.infrastructure-wrap .content-inf{margin-top: 10px; margin-bottom: 20px;}
	.inf-title h2{margin:0 0 15px 0;}
	.our-office-wrap .gallery-caption{margin: 0 0 30px 0;}
	.our-office-wrap .gallery-caption{gap: 10px;}
	.our-office-wrap .gallery-caption .card{height: 185px; width: calc(100% / 2 - 5px);}
	.our-office-wrap p{margin: 0 auto 20px;}
	.infrastructure-wrap .infrastructure-caption:before{border-radius: 10px;}
	.infrastructure-wrap .content-inf{max-width: 100%; padding: 0; text-align: left;}
	.infrastructure-wrap .infrastructure-caption:before{content: inherit;}
	.infrastructure-wrap .inf-box-main{padding: 0;}
}

@media only screen and (max-width: 575px) {
	.inf-title:after{width: 120px;}
	.our-robust-wrap .facilities-box-main .facilities-box-wrap{padding: 0;}
	.our-office-wrap .gallery-caption .card{width: 100%; height: 260px;}
	.our-robust-wrap .facilities-box-wrap .facilities-box-inner .facilities-img img{max-width: 42px;}
	.our-robust-wrap .facilities-box-wrap .facilities-box-inner .facilities-img{width: 70px; height: 70px;}
	.our-robust-wrap .facilities-box-wrap .facilities-box-inner .content-box{width: calc(100% - 90px);}
}

@media only screen and (max-width: 375px) {
	.our-office-wrap .gallery-caption .card{height: 232px;}
}