@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Marcellus&display=swap');/*font-family: "Marcellus", serif;*/
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');/*font-family: "Manrope", serif;*/

/*html,body {overflow-x: hidden;}*/

html {
  scroll-behavior: smooth;
}

body{margin: 0; padding: 0; font-family: "Manrope", serif; color: #3E4959; font-size: 16px; line-height: 24px; font-weight: 400;}

*{box-sizing: border-box; outline: 0 !important;}

.x-hidden {overflow-x: hidden;}

.m-block{
display: none;
}

@media only screen and (max-width: 600px) {
 .d-block{
display: none !important;
}
.m-block{
display: block;
}
}




img {max-width: 100%; outline:0; vertical-align: middle;}

h1, h2, h3, h4, h5, h6 {margin:0; padding:0; text-shadow:none; line-height:110%;}

p{padding:0; margin:0px;}

a{text-decoration:none; outline:0; transition: ease-in-out 0.5s;}

a:hover{text-decoration:none; transition: ease-in-out 0.5s;}

::-webkit-input-placeholder{opacity: 1;}

:-moz-placeholder{opacity: 1;}

::-moz-placeholder{opacity: 1;}

:-ms-input-placeholder{opacity: 1;}

::-ms-input-placeholder{opacity: 1;}

:placeholder-shown{opacity: 1;}

a, a:focus, button, button:focus{outline:0; outline-width:0; cursor: pointer;}

.clear{clear: both; padding: 0; margin: 0; line-height: 0;}

.container{width: 100%; margin: 0 auto; padding: 0 40px; max-width:1380px;}

.common-h2{color: #072654; font-size: 50px; line-height: 52px; font-weight: 400; font-family: "Marcellus", serif; padding: 0 0 20px 0;}

.common-btn{background: #EECF87; border-radius: 8px; color: #000000; font-size: 15px; font-weight: 500; position: relative; width: 160px; height: 52px; padding: 0 25px;display: flex; align-items: center;}

.common-btn:before{position: absolute; content: ''; background: url(../images/theme/frontend/images/btn-arrow.svg)right top no-repeat; width: 14px; height: 12px; top: 50%; transform: translateY(-50%); right:24px;}

.common-btn:hover{background: #fff;}

.mob-view{display: none;}

/**** home page sec start****/

header{background: #fff;position:sticky !important; left:0 !important; width:100% !important; z-index:9 !important; top:0 !important;}

.header-menu-sec{padding: 16px 0; display: flex; align-items: center; justify-content: space-between;}

.fixed-header{position: fixed; top: 0; left: 0; width: 100%; z-index: 2;}


/**menu**/
nav{z-index: 99;}

nav .wrapper{position: relative; margin: auto; display: flex; align-items: center; justify-content:flex-end; padding-right: 15px;}

.header-menu .logo a{color: #f2f2f2; font-size: 30px; font-weight: 600; text-decoration: none;}

.header-menu .nav-links{display:flex; margin: 0; padding: 0; align-items: center; flex-wrap: wrap;}

.nav-links li{list-style: none; padding: 0 0 0 70px; line-height: 22px;}

.nav-links li a{color: #072654; text-decoration: none; font-size: 16px; font-weight:500; position: relative; transition: all 0.3s ease; font-family: "Manrope", serif;}

/* .nav-links li a:after{background: #1968b3; display: block !important; z-index: 1; transition: .5s; position: absolute; content: ''; bottom: -10px; height: 3px; left: 0;}

.nav-links li a:hover:after{width: 100%;} */

.nav-links li ul li{padding: 6px 15px;}

.nav-links li ul li a{font-size: 15px;}

.nav-links li a.menu-dropdown:after{ position: absolute; content: ''; background: url(assets/images/drop-arrow.svg) right top no-repeat; width: 14px; height:7px; top: 8px; right: -18px;}

.nav-links li a:hover, .nav-links li a:active{color:#1968b3;background-position: 0;}

.nav-links .mobile-item{display: none;}

.nav-links .drop-menu{position: absolute; background:#fff; width: 180px; line-height: 45px; top:45px; opacity: 0; visibility: hidden; box-shadow: 0 6px 10px rgba(0,0,0,0.15); padding:10px 0;}

.nav-links li:hover .drop-menu, .nav-links li:hover .mega-box{transition: all 0.3s ease; top:45px; opacity: 1; visibility: visible;}

.drop-menu li a{width: 100%; display: block; padding:0; font-weight: 400; border-radius: 0px;}

.header-menu .btn{color: #fff; font-size: 20px; cursor: pointer; display: none;}

.header-menu .btn.close-btn{position: absolute; right: 30px; top: 30px;}

.header-menu .btn.close-btn img{height: 100%;}

.header-menu input{display: none;}

.header-btn-menu a{border:solid 1px #072654; border-radius: 8px; position: relative; padding: 20px 46px 20px 25px; display: block;}

.header-btn-menu a:before{position: absolute; content: ''; background: url(../images/theme/frontend/images/btn-arrow.svg)right top no-repeat; width: 14px; height: 12px; top: 25px; right: 20px;}

.header-btn-menu a:hover{background: #EECF87; border-color: #EECF87;}

/**menu**/

/**** home page sec end****/

/*****banner sec start*****/

.banner-main-sec{position: relative; height: 621px; display: flex; justify-content: flex-end; /* background:url(../images/banner-img.png)left top no-repeat; background-size:cover; */}
.banner-txt{ display: none!important;}
/*.banner-main-sec::before{position: absolute; content: ''; background: url(../images/banner-yellow-bg.png)right top no-repeat; right: 0; top: 0; height: 100%; width: 40%; background-size: cover; padding: 0 0 0 70px;}

.banner-txt{z-index: 1; position: relative; width:40%; height: 621px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; padding-bottom: 120px;}

.banner-txt h1{padding: 0 0 25px 0; margin: 0; color: #0C2F62; font-size: 60px; line-height: 72px; font-family: "Marcellus", serif; font-weight: 400;}

.banner-txt p{padding: 0; margin: 0; color: #0C2F62; font-size: 18px; line-height: 28px; font-weight: 500;}*/

.banner-txt img{position: absolute; left: -70px; top:0;}

.banner-main-sec .container{display: flex; align-items: center; justify-content: flex-end;}

/*****banner sec end*****/

/*****enquiry form start*****/

.enquiry-form{background: #0C2F62; padding: 35px 0; position: relative; z-index: 1;}

.enquiry-form-wrap{display: flex; justify-content: space-between; gap: 60px;align-items: center;}

.enquiry-form-wrap h2{color: #fff; font-size: 36px; line-height: 42px; font-weight: 400; font-family: "Marcellus", serif; width: 130px;}

.enquiry-form-wrap input{background: #15396E; border-radius: 8px; border:none; box-shadow: none; padding: 12px 20px; border:solid 1px rgba(82, 119, 174, 0.3); color: #B0BED2; font-size: 14px; font-weight: 400; height: 52px; width: 100%;}

::placeholder{color: #B0BED2;}

::-moz-placeholder{color: #B0BED2;}

::-webkit-placeholder{color: #B0BED2;}

.enquiry-form-wrap .form-group{width: calc(30% - 27px);}

.enquiry-form-wrap .form-group-btn{border-color: #EECF87; background: #EECF87; color: #000000; font-size: 15px; font-weight: 500; position: relative; height: 52px; border-radius: 8px; padding: 0 25px; width:160px !important; transition: ease-in-out 0.5s;}

.enquiry-form-wrap .form-group-btn:before{position: absolute; content: ''; background: url(../images/theme/frontend/images/btn-arrow.svg)right top no-repeat; width: 14px; height: 12px; top: 50%; transform: translateY(-50%); right: 30px;}

.enquiry-form-wrap .form-group-btn input{padding: 0; background: none; border:none; color: #000000; font-size: 15px; font-weight: 500; text-align: left; cursor: pointer;}

.enquiry-form-wrap form{display: flex; gap:10px; width: calc(100% - 60px); flex-wrap: wrap;}

.enquiry-form-wrap .form-group-btn:hover{background: #fff;}

/*****enquiry form end*****/


/*****bottom enquiry form start*****/

.enquiry-form.bottom-enquiry-form{background: url(../images/theme/frontend/images/enquiry-bg.png)left top no-repeat; background-size: cover;}

.bottom-enquiry-form .enquiry-form-wrap h2{color: #072654;}

.bottom-enquiry-form .enquiry-form-wrap input{background: rgba(255, 255, 255, 0.3); color: #072654; border-color:rgba(255, 255, 255, 0.2);}

.bottom-enquiry-form .enquiry-form-wrap input::placeholder{color: #072654;}

.bottom-enquiry-form .enquiry-form-wrap input::-moz-placeholder{color: #072654;}

.bottom-enquiry-form .enquiry-form-wrap input::-webkit-placeholder{color: #072654;}

.bottom-enquiry-form .enquiry-form-wrap input[type="submit"]{background: none; border: none;}

.bottom-enquiry-form .enquiry-form-wrap .form-group-btn{background: #072654;color: #EECF87;}

.bottom-enquiry-form .enquiry-form-wrap .form-group-btn input{color: #EECF87;}

.bottom-enquiry-form .enquiry-form-wrap .form-group-btn:before{background: url(../images/theme/frontend/images/yellow-btn-arrow.svg)right top no-repeat;}

.bottom-enquiry-form .enquiry-form-wrap .form-group-btn:hover{background: #fff; color: #072654;}

.bottom-enquiry-form .enquiry-form-wrap .form-group-btn:hover input{color: #072654;}

.bottom-enquiry-form .enquiry-form-wrap .form-group-btn:hover:before{background: url(../images/theme/frontend/images/btn-arrow.svg)right top no-repeat;}

/*****bottom enquiry form end*****/

/*****footer start*****/

footer{background: url(../images/theme/frontend/images/footer-bg.png)right bottom no-repeat; background-size: cover; padding: 50px 0 0 0;}

.footer-top-sec{border-bottom: solid 1px rgba(255, 255, 255, 0.2); padding: 0 0 50px 0;}

.footer-top-sec ul{padding: 0; margin: 0; display: flex; align-items: center; justify-content: space-between; gap: 30px;}

.footer-top-sec ul li{list-style: none; display: flex; gap: 12px; align-items: center;}

.li-txt h2{color: #FFFFFF; padding: 0 0 6px 0;}

.li-txt h2 a{color: #FFFFFf; font-size: 24px; line-height: 26px; font-weight: 400;}

.li-txt h2 a:hover{color: #EECF87;}

.li-txt p{color: #85A6D7; font-size: 14px; font-weight: 400; line-height: 16px;}

.li-txt h2 span{font-size: 14px; font-weight: 400;}

.footer-top-sec ul li:last-child .li-txt h2 a{font-size: 20px;}

.footer-txt-sec{padding: 0 0 50px 0;}

.footer-txt-sec h3{color: #fff; font-size: 14px; font-weight: 400;}

.footer-txt-sec h4{color: #85A6D7; font-size: 14px; font-weight: 700; padding: 20px 0;}

.footer-txt-sec h4 a{color: #85A6D7;}

.footer-txt-sec p{color: #85A6D7; font-size: 14px; line-height: 20px; font-weight: 400;text-align: justify;}

.footer-bottom-sec{background: #082B60; padding: 20px 0;}

.social-media-icon ul{padding: 0; margin: 0; display: flex; gap:20px;}

.social-media-icon ul li{list-style: none;}

.footer-bottom-txt{color: #85A6D7; font-size: 14px; font-weight: 400;}

.footer-bottom-txt span{color: #fff;}

.footer-bottom-sec .container{display: flex; align-items: center; justify-content: space-between; gap:20px;}

/*****footer end*****/

/*****connect sec start*****/

.connect-sec{padding: 100px 0;}

.connect-sec-wrap{background: url(../images/theme/frontend/images/connect-bg.png)left top no-repeat; background-size: cover; border-radius:12px; padding: 80px; display: flex; align-items: center; justify-content: space-between;}

.connect-sec-wrap h2{color: #FFFFFF; font-size: 38px; line-height: 46px; font-weight: 400; font-family: "Marcellus", serif; width: 60%;}


/*****connect sec end*****/

/*****expectation sec start****/

.expectation-sec{background: rgb(245,243,237); background: linear-gradient(0deg, rgba(245,243,237,1) 0%, rgba(245,243,237,1) 100%); padding: 100px 0;}

.expectation-sec-top{padding: 0 0 45px 0;}

.expectation-sec-top h2{}

.expectation-sec-top p{color: #3E4959; font-weight: 400; font-size: 16px; line-height: 24px;}

.expectation-box,.east-gallery-carousel .east-gallery-box{position: relative;overflow: hidden;border-radius: 20px;}
.expectation-box::before{content:'';position: absolute;width: 100%;height:100%;left: 0;bottom:0;z-index: 1;background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,0.5327380952380952) 0%, rgba(0,0,0,0) 100%);}

.expectation-carousel .expectation-box img,.east-gallery-carousel .east-gallery-box img {position:relative;display: block; max-width: none;
    width: -webkit-calc(100% + 60px);
    width: calc(100% + 60px);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);}
.east-gallery-carousel .east-gallery-box img {
    height: 360px;
    object-fit: cover;
}
.expectation-box:hover img,.east-gallery-carousel .east-gallery-box:hover img {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.expectation-box h3,
.expectation-box::after {
	-webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}
.expectation-box h3 {color: #FFFFFF; font-size: 18px; font-weight: 400; line-height: 24px; position: absolute; bottom:16px; left: 25px;z-index: 2; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}

.expectation-box h3 a{color: #fff;}

.expectation-box h3 a:hover{color: #EECF87;}

.expectation-box::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    background: #1968b3;
    content: '';
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
	z-index: 2;
}
.expectation-box:hover h3,
.expectation-box:hover::after {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}



.expectation-sec-carousel{position: relative;}

.expectation-carousel .owl-dots{display: none !important;}

.expectation-box .zoom,
.east-gallery-box .zoom {
    position: absolute;
	top: 10px;
    right: 10px;
    bottom: 10px;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, .5);
    display: block;
    text-align: center;
    line-height: 30px;
	padding: 4px;
    cursor: pointer;
    transition: all ease-in-out .35s;
    right: 10px;
	z-index: 2;
	-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	-webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}
.expectation-box:hover .zoom,
.east-gallery-box:hover .zoom {
	-webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

.expectation-box span,
.east-gallery-box span {
    font-size: .875rem;
    color: #fff;
}
.expectation-box .zoom:hover,
.east-gallery-box .zoom:hover {
    border-radius: 0 5px 5px 0;
}
.expectation-box .zoom:before,
.east-gallery-box .zoom:before {
    right: 20px;
    line-height: 30px;
    content: attr(title);
    position: absolute;
    bottom: 0;
    border-radius: 5px 0 0 5px;
    background-color: rgba(0, 0, 0, .5);
    display: block;
    text-align: center;
    cursor: pointer;
    font-size: .75rem;
    white-space: nowrap;
    padding: 0 0 0 10px;
    transition: all ease-in-out .35s;
    opacity: 0;
    visibility: hidden;
}
.expectation-box .zoom:hover:before,
.east-gallery-box .zoom:hover:before {
    right: 30px;
    opacity: 1;
    visibility: visible;
}

/*****expectation sec end****/

/*******location sec start*********/

/*tab*/
ul.tabs {
	position: relative;
	margin: 0;
	padding: 0 0 16px 0;
	float: left;
	list-style: none;
	width: 100%;
  border-bottom: solid 1px #8DA2C3;
}

ul.tabs li {
	float: left;
	margin: 0 60px 0 0;
	cursor: pointer;
	padding:0;
	color: #8DA2C3;
	position: relative;
  font-size: 16px;
  font-weight: 400;
  position: relative;
}

.tab_last {}

ul.tabs li:hover {
	color: #FFFFFF;
}

ul.tabs li.active {
	color: #FFFFFF;
	display: block;
  font-weight: 600;
}

/* ul.tabs li.active:before{
  position: absolute;
  content: '';
  background: #fff;
  width: 100%;
  height: 3px;
  bottom:-16px;
  left: 0;
} */

.tab_container {
	border-top: none;
	clear: both;
	float: left;
	width: 100%;
	overflow: auto;
  padding:0;
}

.tab_content {
	display: none;
}

.tab_drawer_heading { display: none; }

/*tab*/

.location-sec{position:relative;overflow:hidden;background: url(../images/theme/frontend/images/location-bg.png)right top no-repeat; background-size:cover; background-attachment: fixed; display: flex;}

.location-map-sec{width: 50%; position: relative;}
.location-map-sec iframe {width: 100%;height: 100%;min-height:80vh;display: block;}

.location-box-sec{width: 50%; padding: 20px 0 20px 70px;align-self: center;}

.location-map-txt{position: absolute; bottom: 0; right: 0; max-width: 347px; background: #EECF87; border-radius: 20px 0 0 0; padding: 30px;}

.location-map-txt h3{color: #072654; font-size: 22px; font-weight: 600; line-height: 26px; padding: 0 0 10px 0;}

.location-map-txt p{color: #3E4959; font-size: 16px; line-height: 24px; font-weight: 400;}

.location-box-sec h2{color: #FFFFFF;}

.location-box-sec p{color: #8DA2C3; font-size: 16px; line-height: 24px; font-weight: 400; padding: 0 0 20px 0;}

.tab_content ul{padding:30px 0 0 0; margin: 0;}

.tab_content ul li{list-style: none; position: relative; padding-left: 20px; padding-bottom: 30px;}

.tab_content ul li h3{color: #fff; font-size: 22px; line-height: 24px; font-weight: 400; padding: 0 0 10px 0;}

.tab_content ul li p{color: #8DA2C3; font-size: 16px; line-height: 18px; font-weight: 400; padding: 0;}

.tab_content ul li::before{position: absolute; content: ''; background: #fff; width: 6px; height: 6px; border-radius: 50%; left: 0; top:8px;}

.parallax-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 150%;
	background-image: url('../images/theme/frontend/images/location-bg.png'); /* Change image */
	background-size: cover;
	background-position: center;
	z-index: -1;
	will-change: transform; /* Optimized for performance */
}

/*******location sec start*********/

/*******developer sec start********/

/*tab*/
ul.developer-tab {
	position: relative;
	margin: 0;
	padding:20px 0 16px 0;
	float: left;
	list-style: none;
	width: 100%;
  border-bottom: solid 1px rgba(7,38,84,0.3);
}

ul.developer-tab li {
	float: left;
	margin: 0 60px 0 0;
	cursor: pointer;
	padding:0;
	color: #3E4959;
	position: relative;
  font-size: 16px;
  font-weight: 400;
  position: relative;
}

.tab_last {}

ul.developer-tab li:hover {
	color: #072654;
}

ul.developer-tab li.active {
	color: #072654;
	display: block;
  font-weight: 600;
}

/* ul.developer-tab li.active:before{
  position: absolute;
  content: '';
  background: #072654;
  width: 100%;
  height: 3px;
  bottom:-16px;
  left: 0;
} */

.developer-tab-content{
	display: none;
}

/*tab*/

.developer-sec{padding: 100px 0; align-items: center; display: flex; gap:90px;}

.developer-txt-sec{}

.developer-img-sec{width: 55%;}

.developer-img-sec img{width: 100%; border-radius: 20px 0 0 20px;}

.developer-tab-content{}

.developer-tab-content ul{padding:28px 0 8px 0; margin: 0;}

.developer-tab-content ul li{list-style: none; position: relative; color: #072654; font-size: 16px; line-height: 28px; font-weight: 400; padding: 0 0 20px 33px;text-align: justify;}

.developer-tab-content ul li:before{position: absolute; content: ''; background: url(../images/theme/frontend/images/developer-arrow.svg)left top no-repeat; width: 23px; height: 22px; left: 0; top: 5px;}

/*******developer sec end********/

/******skyline sec start********/

.skyline-sec{background: #fff; padding: 100px 0; position: relative;}

.skyline-sec:before{position: absolute; content: ''; background: url(../images/theme/frontend/images/Pattern.png)left top no-repeat; left: 0; top:-130px; width: 288px; height: 100%;}

.skyline-sec-top{text-align: center; padding-bottom: 40px; position: relative; z-index: 1;}

.skyline-sec-top p{color: #3E4959; font-size: 16px; line-height: 24px; max-width: 68%; margin: 0 auto;}

.skyline-box .skyline-box-inner {width: calc(25% - 6px)}
.skyline-box .skyline-box-inner {position: relative;background: #EECF87; border-radius: 20px; padding: 24px; text-align: center; width: 100%;height:100%;overflow: hidden;}

.skyline-box .hover-layout {
	width: 100%;
	height: 100%;
	background: #0C2F62;
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	right: 0;
	left: 0;
	padding: 30px;
}

.skyline-box h3{color: #072654; font-size: 18px; line-height: 26px; font-weight: 600; padding: 10px 0 0 0;}
.skyline-box .hover-layout h3 {color:#ffffff}

.skyline-wrap{display: flex; gap: 24px; margin: 0 auto 50px; max-width: 894px;z-index: 1;}

.skyline-btn{color: #072654; font-size: 16px; font-weight: 600; position: relative; border-radius: 8px; border:solid 1px #072654; display: flex; margin: 0 auto; max-width: 210px; height: 52px; align-items: center; padding: 0 20px;}

.skyline-btn:before{position: absolute; content: ''; background: url(../images/theme/frontend/images/btn-arrow.svg)right top no-repeat; width: 14px; height: 12px; right: 17px; top: 50%; transform: translateY(-50%);}

.skyline-btn:hover{background: #EECF87; border-color: #EECF87;}
.skyline-box h3,
.skyline-box img {
	-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.skyline-box:hover .front-box img,
.skyline-box .hover-layout img {
	-webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}
.skyline-box:hover .front-box h3,
.skyline-box .hover-layout h3 {
	-webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}
.skyline-box:hover .hover-layout img,
.skyline-box .front-box img {
	-webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
.skyline-box:hover .hover-layout h3,
.skyline-box .front-box h3 {
	-webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

/******skyline sec end********/

/**********east gallery sec start**********/

.east-gallery-sec{}

.east-gallery-sec h2{text-align: center;}

.east-gallery-wrap{padding-top: 40px;}

.east-gallery-box{position: relative;}

/* .east-gallery-box img{border-radius: 20px;} */

.east-gallery-box h3{color: #FFFFFF; font-size: 18px; font-weight: 400; line-height: 24px; position: absolute; bottom: 30px; left: 30px; right: 30px; -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;z-index: 2;}

.east-gallery-box h3 a{color: #fff;}

.east-gallery-box h3 a:hover{color: #EECF87;}

.east-gallery-carousel .owl-nav, .east-gallery-carousel .owl-dots{display: none !important;}

.east-gallery-box::before{position: absolute; content: ''; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.6) 100%); left: 0; bottom: 0; width: 100%; height: 100%; border-radius: 20px;z-index:1}

.east-gallery-box h3.in,
.east-gallery-box:hover h3.out {
	-webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}
.east-gallery-box:hover h3.in,
.east-gallery-box h3.out {
	-webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

/**********east gallery sec end**********/

/******east plan sec start******/

.east-plan-sec{padding-top: 100px;}

.east-plan-top{text-align: center;}

.east-plan-top p{color: #3E4959; font-size: 16px; line-height: 24px; font-weight: 400;}

/*tab*/
ul.plan-tab{
	margin: 0;
	/* float: left; */
	list-style: none;
	width: fit-content;
  /* border-bottom: solid 1px rgba(7,38,84,0.3); */
	display: flex;
	justify-content: center;
	margin: 30px auto 40px;
	background: #F5F3ED;
	border-radius: 46px;
	padding: 0;
}

ul.plan-tab li {
	float: left;
	margin: 0;
	cursor: pointer;
	padding:0;
	color: #072654;
	position: relative;
  font-size: 16px;
  font-weight: 600;
  position: relative;
	padding: 14px 18px;
	transition: ease-in-out 0.5s;
	z-index: 2;
}

/* ul.plan-tab li:hover {
	color: #fff; background: #072654; border-radius: 46px;
} */

ul.plan-tab li.active {
	color: #fff; display: block; border-radius: 46px;
}

ul.plan-tab li:last-child{
	margin: 0;
}

.plan_content{
	display: none;
}
.plan-tab-carousel .item {
	padding: 12px;
}
.plan-tab-carousel .item img {
	border: 1px solid #cecece;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
}
.plan-tab-carousel .item .download_unit_plan{
	margin: 15px auto 0 auto;
	display: block;
	color: #072654;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.3sease;
    font-family: "Manrope", serif;
	border: solid 1px #072654;
    border-radius: 8px;
    position: relative;
    padding: 0 25px;
	width: 160px;
    height: 52px;
	line-height: 52px;
}
.plan-tab-carousel .item .download_unit_plan:before {
	position: absolute;
    content: '';
    background: url(../images/theme/frontend/images//btn-arrow.svg) right top no-repeat;
    width: 14px;
    height: 12px;
    top: 50%;
    transform: translateY(-50%);
    right: 24px;
}
.plan-tab-carousel .item .download_unit_plan:hover {
    background: #EECF87;
    border-color: #EECF87;
}
.active-bg {
	position: absolute;
	bottom: 0;
	left:0;
	width: 80px; /* Adjust based on tab width */
	transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
	z-index: 1;
}
.east-plan-tab .active-bg {
	height: 100%;
	background: #072654;
	border-radius: 50px;
}
.location-tab .active-bg {
	background: #fff;
    height: 3px;
}

.tabitem {
	position: relative;
}
.active-line {
	position: absolute;
    content: '';
    background: #072654;
    width: 100%;
    height: 3px;
    bottom: 0;
    left: 0;
	transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
	z-index: 1;
}

/*tab*/

.plan_content img{border-radius: 20px; max-width: 1105px; margin: 0 auto;}

.plan_content .owl-dots{display: none !important;}

/* .plan_content .owl-nav .owl-prev{background: url(../images/prev-arrow.svg)left top no-repeat !important; width: 56px; height: 56px; background-size: 100% !important; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

.plan_content .owl-nav .owl-next{background: url(../images/next-arrow.svg)left top no-repeat !important; width: 56px; height: 56px; background-size: 100% !important; position: absolute; right: 0; top: 50%; transform: translateY(-50%);} */

.plan_content .owl-nav .owl-prev span, .plan_content .owl-nav .owl-next span{font-size: 0;}

.east-plan-tab{overflow: hidden;}

.location-sec .location-map-sec img {
	object-fit:cover !important; width: 100%;
}


/******east plan sec end******/


/*******side enquiry button******/

.side-enquiry-btn{position: fixed; right: 0; top: 300px; z-index: 9;}

/*******side enquiry button******/

.overlay-popup {
    overflow: auto;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    display: none;
}

.popup {
    max-width: 600px;
    width: 80%;
    padding: 20px;
    position: relative;
    background: #fff;
    margin: 40px auto;
}

.close {
    position: absolute;
    top: 6px;
    right: 10px;
    cursor: pointer;
    color: #000;
    font-size: 26px;
}

#close,
#close-vdo {
    top: 6px;
    right: 10px;
    position: absolute;
    font-size: 26px;
    color: #15284B;
    cursor: pointer;
    z-index: 9999;
}