/* Bwlow code in style.css */

/* Common CSS for All components : Start */

:root {

	 --dark:#3A3935;

	 --lightgray:#E5E0DA;

	 --white:#fff;

	 }

.gradient-text span{ font-family: 'DM Serif Display'; font-style: italic; background:  linear-gradient(135deg, rgba(220,161,81,1) 0%,rgba(166,107,13,1) 100%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;}

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

html { margin: 0; padding: 0; }

body { margin: 0; padding: 0;  font-size: 14px; background:#2C2B27;

	letter-spacing: 0; line-height: normal;

	 font-family: 'Darker Grotesque';

	font-weight: normal;

	

	}

body {

opacity: 0;

transition: opacity 0.5s ease;

}

body.loaded {

opacity: 1;

}

html.lenis,html.lenis body {

    height: auto

}



.lenis.lenis-smooth {

    scroll-behavior: auto!important

}



.lenis.lenis-smooth [data-lenis-prevent] {

    overscroll-behavior: contain

}



.lenis.lenis-stopped {

    overflow: hidden

}



.lenis.lenis-smooth iframe {

    pointer-events: none

}



input, select, textarea, button { outline: none; box-shadow: none; font-family: inherit;}

input[type=text]::-moz-placeholder,

input[type=search]::-moz-placeholder,

.input-text::-moz-placeholder,

.input_text::-moz-placeholder {

	color: inherit;

	opacity: 1;

	font-family: inherit;

}



input[type=text]::-webkit-input-placeholder,

input[type=search]::-webkit-input-p,

.input-text::-webkit-input-placeholder,

.input_text::-webkit-input-placeholder {

	color: inherit;

	opacity: 1;

	font-family: inherit;

}



input[type=text]::-ms-placeholder,

input[type=search]::-ms-placeholder,

.input-text::-ms-placeholder,

.input_text::-ms-placeholder {

	color: inherit;

	opacity: 1;

	font-family: inherit;

}



input[type=email]::-moz-placeholder {

	color: inherit;

	opacity: 1;

	font-family: inherit;

}



input[type=email]::-webkit-input-placeholder {

	color: inherit;

	opacity: 1;

	font-family: inherit;

}



input[type=email]::-ms-placeholder {

	color: inherit;

	opacity: 1;

	font-family: inherit;

}



textarea::-moz-placeholder {

	color: inherit;

	opacity: 1;

	font-family: inherit;

}



textarea::-webkit-input-placeholder {

	color: inherit;

	opacity: 1;

	font-family: inherit;

}



textarea::-ms-input-placeholder {

	color: inherit;

	opacity: 1;

	font-family: inherit;

}



a { text-decoration: none;

    -webkit-transition: all ease-in-out 0.3s;

    -moz-transition: all ease-in-out 0.3s;

    transition: all ease-in-out 0.3s;

}

a:hover { text-decoration: none;}



.flxrow {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

}

.flxcol {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-flex-direction: column; 

	flex-direction: column;

}

.flxfix {

	-ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    -ms-flex-preferred-size: auto;

    flex-basis: auto;

}

.flxflexi {

	-ms-flex-positive: 1;

    flex-grow: 1;

    -ms-flex-negative: 1;

    flex-shrink: 1;

    -ms-flex-preferred-size: auto;

    flex-basis: auto;

    position: relative;

}

/* Common CSS for All components : End */



@media (min-width:576px){

	.container {

		width:100%;

		max-width:100%;

	}

}

@media (min-width: 768px) {

	.container {

		width:750px;

		padding: 0 15px;;

	}



}

@media (min-width: 992px) {

	.container {

		width:970px;

	}

}

@media (min-width: 1200px) {

	.container {

		width:1100px;

		max-width:1110px;

	}

}

@media (min-width: 1300px) {

	.container {

		width:1270px;

		max-width:1270px;

	}

}

@media (min-width: 1440px) {

	.container {

		width:1310px;

		max-width:1310px;

	}

}



@media (min-width: 1650px) {

	.container {

		width:1600px;

		max-width:1600px;

	}

}





h1, h2, h3, h4, h5, h6 {

	margin: 0;

	padding: 0;

 

	 

}

 

h1 {

	font-size: 42px;

	 

}

h2 {

	font-size: 36px;

	 

}

h3 {

	font-size: 32px;

	 

}

h4 {

	font-size: 28px;

 

}

h5 {

	font-size: 24px;

 

}

h6 {

	font-size: 20px;

	 

}

p{margin: 0; padding: 0; color: var(--white); font-size: 24px; font-weight: 500; line-height: 1.25;}

p + p{ padding-top: 24px;; }

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

ul li{ list-style: none; }

.row { margin-left: -15px !important; margin-right: -15px !important;}

.row>* { padding-left: 15px !important; padding-right: 15px !important;}



.main_wapper{ overflow:hidden; }

.text-data  p{margin: 0; padding: 0; color: var(--white); font-size: 24px; font-weight: 500; line-height: 1.25;}

.text-data  ul li strong,

.text-data  ol li strong,

.text-data  p strong{ font-weight: bold; }

.text-data  p img{ max-width: 100%; display: block; margin: 16px  auto; }

.text-data  p + p{ padding-top: 24px; }

.text-data  ul li a,

.text-data  ol li a,

.text-data  p a{ margin: 0; padding: 0; color: var(--white); font-size: 24px; font-weight: 500; line-height: 1.25;   text-decoration: underline; }

.text-data  ol li a:hover,

.text-data  ul li a:hover,

.text-data  p a:hover{ opacity: 0.5; }

.text-data  ul{ margin: 0px; padding: 24px 0 0px  18px;  }

.text-data  ul li{ margin: 0; padding: 0; color: var(--white); font-size: 24px; font-weight: 500; line-height: 1.25; display: list-item; list-style-type: disc; list-style-position: outside; } 

.text-data  ul li + li{ margin-top:12px; }

.text-data  ol{ margin: 0px; 	  padding: 24px 0 0px  18px;  }

.text-data  ol li{margin: 0; padding: 0; color: var(--white); font-size: 24px; font-weight: 500; line-height: 1.25; display: list-item; list-style-type: decimal; list-style-position: outside; } 

.text-data  ol li + li{ margin-top: 12px; }

.text-data .heading-tag:first-child{ padding-top: 0px;; }

.text-data  ol + p,

.text-data  ul + p,

.text-data   p + ul,

.text-data   p + ol,

.text-data   ol + ul,

.text-data   ul + ol{ padding-top: 24px; }



.text-data .heading-tag{ padding: 80px 0 42px;  color: #F6BC64; font-weight: 600;   }

.text-data .heading-tag +  .heading-tag{ padding-top: 0; }

.text-data h1{ font-size: 44px; line-height: 1.25;  }

.text-data h2{ font-size: 42px; line-height: 1.25;  }

.text-data h3{ font-size: 40px; line-height: 1.25;  }

.text-data h4{ font-size: 32px; line-height: 1.25;  }

.text-data h5{ font-size: 24px; line-height: 1.25;  }

.text-data h6{ font-size: 20px; line-height: 1.25;  }



/*==============================================================*/

/*========================= Header Start =======================*/

/*==============================================================*/



#header { position: absolute; padding: 40px 0; left: 0; top: 0; width: 100%; z-index: 10;}

.header-top { width: 100%; position: relative; display: flex ;align-items: center; justify-content: center;}

.header-top .logo { width: auto;}

.header-top .logo a { box-shadow: none; outline: none;  display: flex ;align-items: center;}

.header-top .logo a img { width: 245px; height: auto;}

.hamburger-menu { width:50px; height:25px; display:block; cursor:pointer; position:absolute; top:0px; left:40px; z-index:2;}

.hamburger-menu .hamburger-menu-icon { width:100%; height:3px; position:relative; top:11px; background:#FFF; border-radius:2px;}

.hamburger-menu .hamburger-menu-icon:before,

.hamburger-menu .hamburger-menu-icon:after { content:""; width:auto; height:3px; background:#FFF; border-radius:2px; position:absolute; left:0; right:0; z-index:1; -webkit-transition-duration:.3s, .3s; transition-duration:.3s, .3s; -webkit-transition-delay:.15s, 0s; transition-delay:.15s, 0s;}

.hamburger-menu .hamburger-menu-icon:before { top:-11px; -webkit-transition-property:top, transform; transition-property:top, transform;}

.hamburger-menu .hamburger-menu-icon:after { bottom:-11px; -webkit-transition-property:bottom, transform; transition-property:bottom, transform;}

.hamburger-menu.active .hamburger-menu-icon { background:none;}

.hamburger-menu.active .hamburger-menu-icon:before,

.hamburger-menu.active .hamburger-menu-icon:after { -webkit-transition-delay:0s, .15s; transition-delay:0s, .2s;}

.hamburger-menu.active .hamburger-menu-icon:before { top:0px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}

.hamburger-menu.active .hamburger-menu-icon:after { bottom:0px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}



body.menu-open { overflow: hidden;}

.header-navbar { width: 100%; height: 100vh; height: calc(var(--vh,1vh)*100); overflow: auto; background: #000000; opacity: 0; visibility: hidden; pointer-events: none; position: fixed; top: 0; left: 0; z-index: 1; transition: opacity 0.3s ease-in-out, visibility 0s 0.3s;}

.header-navbar.open { opacity: 1; visibility: visible; pointer-events: all; transition: opacity 0.3s ease-in-out, visibility 0s 0s;}

.header-navbar .header-navbar-top { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; z-index: 1; padding: 20px 20px;}

.header-navbar .header-logo { width: auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}

.header-navbar .header-logo a { display: block;}

.header-navbar .header-logo a img { width: auto; max-width: 180px; max-height: 90px;}

.header-navbar .header-menu { width: 100%; min-height: 100%; display: flex; flex-direction: column; justify-content: center; padding: 130px 30px 70px 30px;}

.header-navbar .header-menu ul { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 24px; margin: 0; padding: 0;}

.header-navbar .header-menu ul li { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; text-align: center; opacity:0; transition:0.4s cubic-bezier(.165, .84, .44, 1); transition-property:opacity, transform; transform:translateY(2rem); margin: 0; padding: 0;}

.header-navbar.open .header-menu ul li { opacity:1; transform:translateY(0); transition-duration:1.5s;}

.header-navbar.open .header-menu ul li:first-child { transition-delay:0.1s;}

.header-navbar.open .header-menu ul li:nth-child(2) { transition-delay:0.2s;}

.header-navbar.open .header-menu ul li:nth-child(3) { transition-delay:0.3s;}

.header-navbar.open .header-menu ul li:nth-child(4) { transition-delay:0.4s;}

.header-navbar.open .header-menu ul li:nth-child(5) { transition-delay:0.5s;}

.header-navbar.open .header-menu ul li:nth-child(6) { transition-delay:0.6s;}

.header-navbar.open .header-menu ul li:nth-child(7) { transition-delay:0.7s;}

.header-navbar.open .header-menu ul li:nth-child(8) { transition-delay:0.8s;}

.header-navbar.open .header-menu ul li:nth-child(9) { transition-delay:0.9s;}

.header-navbar.open .header-menu ul li:nth-child(10) { transition-delay:1s;}

.header-navbar .header-menu ul li a { display: block;  font-size: 48px;  color: #FFF; font-weight: 500; letter-spacing: 0; line-height: 1; margin: 0; padding: 0;}

.header-navbar .header-menu ul li a:hover { color: #CD923E;}



/*==============================================================*/

/*======================== Header End ==========================*/

/*==============================================================*/



/*==============================================================*/

/*========================= Content Start =======================*/

/*==============================================================*/



/*=============== Home Page Header Start ==================*/

.home-page-header { position: relative; overflow: hidden;}

.home-header-wrapper { position: relative; padding: 262px 0 0 0;}

.home-header-wrapper .background-dark { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; opacity: 0;}

.home-header-wrapper .upper-title-wrapper { width: 100%; position: relative; text-align: center;}

.home-header-wrapper .upper-title-wrapper .upper-title { width: 100%; display: block; font-family: 'DM Serif Display'; font-size: 24px; color: #FFF; font-weight: 400; letter-spacing: 0.1em; line-height: 1; margin: 0 0 42px; padding: 0;}

.home-header-wrapper .header-text-wrapper { width: 100%; position: relative; text-align: center; will-change: transform;}

.home-header-wrapper .header-text-wrapper .header-text { font-family: 'Darker Grotesque'; font-size: 90px; color: #FFF; font-weight: 500; letter-spacing: 0; line-height: 1; margin: 0; padding: 0 0 200px 0;}

.home-header-wrapper .header-text-wrapper .header-text p { font-family: inherit; font-size: inherit; color: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; margin: 0; padding: 0; opacity: 0;}

.home-header-wrapper .header-text-wrapper .header-text span { font-family: 'DM Serif Display'; font-size: 85%; font-style: italic; font-weight: 400; background: linear-gradient(93.82deg, #DCA151 -0.07%, #A66B0D 96.6%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent;}

.home-header-wrapper .header-image-wrapper { position: relative; display: block; height: 120vh; opacity: 0; padding: 0; overflow: hidden;}

.home-header-wrapper .header-image-wrapper .header-image-container { position: relative; height: 100%; width: 100%;}

.home-header-wrapper .header-image-wrapper .header-image { position: relative; z-index: 1; width: 100%; height: 100%; transform: scale(0.9); transform-origin: top center;}

.home-header-wrapper .header-image-wrapper .header-image:after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: rgba(0,0,0,0.5); pointer-events: none;}

.home-header-wrapper .header-image-wrapper .header-image img { width: 100%; height: 100%; display: block; object-fit: cover;}

.home-header-wrapper .header-image-wrapper .header-image video{ width: 100%; height: 100%; display: block; object-fit: cover; }

.home-header-wrapper .header-image-wrapper .header-text-wrapper { position: absolute; top: 0; left: 0; width: 100%; transform: translateY(-100%); z-index: 2;}

.home-header-wrapper .header-image-wrapper .header-text-wrapper .header-text p { background: linear-gradient(93.82deg, #fff -0.07%, #fff 96.6%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent;}

.home-header-wrapper .header-image-wrapper .header-text-wrapper .header-text span { background: linear-gradient(93.82deg, #DCA151 -0.07%, #A66B0D 96.6%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent;}

.home-header-wrapper .header-image-wrapper .arrow-btnbox { width:100%; display: flex; flex-wrap: wrap; justify-content: center; position: absolute; transform: translateZ(0); bottom: -40px; z-index: 5; opacity: 0;}

.home-header-wrapper .header-image-wrapper .arrow-btnbox .arrow-btn { width: 70px; height: 70px; position: relative; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background: linear-gradient(144.3deg, #DCA151 -0.69%, #A66B0D 99.8%); border: none; border-radius: 50%; margin: 0; padding: 0;}

.home-header-wrapper .header-image-wrapper .arrow-btnbox .arrow-btn:before { content: ""; position: absolute; inset: 0; border-radius: 50%; background: #A66B0D; transform: scale(0); transition: transform 0.4s ease;}

.home-header-wrapper .header-image-wrapper .arrow-btnbox .arrow-btn:after { content: ""; border: 1px solid #fff; border-radius: 50%; position: absolute; top: 5px; right: 5px; bottom: 5px; left: 5px; z-index: 1; transition: all 0.4s ease;}

.home-header-wrapper .header-image-wrapper .arrow-btnbox .arrow-btn img { max-width:31px; position: relative; z-index: 2;}

.home-header-wrapper .header-image-wrapper .arrow-btnbox .arrow-btn:hover:before { opacity: 1; transform: scale(1.4);}

.home-header-wrapper .header-image-wrapper .arrow-btnbox .arrow-btn:hover:after { background: linear-gradient(144.3deg, #DCA151 -0.69%, #A66B0D 99.8%); transform: scale(0.8);}

/*=============== Home Page Header End ==================*/



/*=============== Home Page Start ==================*/



/*- awards-section -*/

.awards-section { width: 100%; position: relative; z-index: 1; overflow: hidden; padding: 50px 0 75px 0;}

.awards-bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; pointer-events: none;}

.awards-bg img { width: 100%; height: 100%; display: block; object-fit: cover;}

.awards-block { width: 100%; position: relative;}

.awards-block .awards-row { width: 100%; position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;}

.awards-block .awards-row .awards-col { width: 100%; max-width: 382px;}

.awards-block .awards-row .awards-col.col__2 { max-width: 397px; margin: 100px 0 0 0;}

.awards-block .awards-row .awards-col.col__3 { max-width: 490px;}

.awards-block .awards-row .awards-col.col__4 { margin: 50px 0 0 0;}

.awards-block .awards-row .awards-col .awards-box { width: 100%; min-height: 88px; display: flex; align-items: center; background: #2C2B27; margin: 0; padding: 12px 24px;}

.awards-block .awards-row .awards-col .awards-box .iconbox { width: 90px; flex: 0 0 auto; margin: 0 24px 0 0;}

.awards-block .awards-row .awards-col.col__2 .awards-box .iconbox { width: 40px;}

.awards-block .awards-row .awards-col.col__3 .awards-box .iconbox { width: 60px;}

.awards-block .awards-row .awards-col .awards-box .iconbox img { width: 100%; height: auto;}

.awards-block .awards-row .awards-col .awards-box .textbox { flex: 1 1 auto;}

.awards-block .awards-row .awards-col .awards-box .textbox p { margin: 0; padding: 0;}

.awards-block .awards-row .strip-shape-1 { width: auto; height: 26px; background: url(../images/strip-shape.png) top right repeat-x; position: absolute; right: 80%; bottom: 0; left: -5000px; z-index: -1;}

.awards-block .awards-text-wrap { width: 100%; position: relative; padding: 80px 0 64px 0;}

.awards-block .awards-text-wrap .awards-text { width: 100%; max-width: 721px; position: relative; display: block; margin: 0 auto;}

.awards-block .awards-text-wrap .awards-text h2 { display: flex; flex-direction: column; align-items: flex-start; font-family: 'Darker Grotesque'; font-size: 90px; color: #FFF; font-weight: 500; letter-spacing: 0; line-height: 1.2; margin: 0; padding: 0;}

/* .awards-block .awards-text-wrap .awards-text h2 strong div { font-family: 'DM Serif Display'; font-style: italic; font-weight: 400; background: linear-gradient(93.82deg, #DCA151 -0.07%, #A66B0D 96.6%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent;} */

.awards-block .awards-text-wrap .awards-text  h2> span { margin-left: auto; display: block; will-change: transform;}

 

.awards-block .awards-text-wrap .awards-text h2 .clip-text { overflow: hidden;}

.awards-block .awards-text-wrap .awards-text .strip-shape-2 { width: 5000px; height: 26px; background: url(../images/strip-shape.png) top left repeat-x; position: absolute; bottom: 20px; left: calc(100% + 50px); z-index: -1;}

/*- awards-section -*/



/*=============== Home Page End ==================*/



/*==============================================================*/

/*======================== Content End ==========================*/

/*==============================================================*/



.contain-wapper{ min-height: 50vh; }





.footer-top-wapper{ display: block; padding: 50px 0; border-top: rgba(255,255,255,0.5) solid 1px; border-bottom: rgba(255,255,255,0.5) solid 1px; }

.footer-top{ display: flex ;align-items: flex-start; justify-content: space-between;}

.footer-top .footer-left {width: 350px;}

.footer-top .footer-left  .icon-text-row{ gap: 10px; display: flex ; align-items: flex-start;}

.footer-top .footer-left  .icon-text-row i{ display: flex ;align-items: center;}

.footer-top .footer-left  .icon-text-row span{ line-height:1; font-weight: 500; font-size: 24px;    color: var(--white);}

.footer-top .footer-left  .icon-text-row + .icon-text-row {  margin-top: 36px; }

.footer-top .footer-left  .icon-text-row a{ color: var(--white);}

.f-link ul li a:hover,

.footer-top .footer-left  .icon-text-row a:hover{ color: #DCA151; }



.footer-right{ display:block ; width: 350px;}

.f-link{ display: flex ;  justify-content: flex-end;}

.f-link ul{display: flex ; gap: 10px; flex-direction: column; justify-content: flex-end; align-items: flex-end; }

.f-link ul li a{ font-weight: 500;  color: #fff; font-size: 24px;}



.footer-center{ display: flex ;align-items: center; justify-content: center; flex-direction: column;}

.footer-center .f-logo{ display: flex;}

.footer-center .f-logo a{ display: flex;}

.footer-center .f-logo a{ width: 245px; display: flex;}

.footer-center .f-logo a img{ width: 100%; height: auto;}

.footer-center .f-social{ gap: 16px; padding: 50px 0 0 0; display: flex ;align-items: center; justify-content: center; }

.footer-center .f-social a{ background: linear-gradient(135deg, rgba(220,161,81,1) 0%,rgba(166,107,13,1) 100%); border-radius: 100px; display: flex; width: 60px; height: 60px; display: flex ;align-items: center; justify-content: center;}

.footer-center  .scroll-top{ padding: 43px 0 0 0; display: flex ;align-items: center; justify-content: center;}

.footer-center .f-social a img{ max-width: 30px; max-height: 30px ; width: auto; height: auto; }

.scroll-top a{ display: flex ; font-size: 24px; font-weight: 500;   align-items: center; justify-content: center; color: var(--white);}

.scroll-top a i{ display: flex ;align-items: center; padding: 0 10px;}

.footer-bottom{ padding: 30px 0; display: flex; align-items: center; justify-content: space-between;}

.footer--bot-left ul{ gap: 50px;  display: flex ;align-items: center; }

.footer--bot-left ul li a{ font-family: 'Lora'; color:var(--lightgray) ; font-size: 20px;}

.footer--bot-left ul li a:hover{color: #DCA151; }

.copyright{ color:var(--lightgray) ; font-family: 'Lora'; font-size: 20px;}

.copyright a{ color: var(--lightgray); text-decoration: none; }

.copyright a:hover{ color: var(--white); }

.footer-center .f-social a:hover{ box-shadow: rgba(220,161,81,1) 0 0 15px; }





.text-fade {

    opacity: 0;

    -webkit-transform: translateY(5rem);

    transform: translateY(5rem);

    -webkit-transition: .8s cubic-bezier(.25,.46,.45,.94) .2s;

    transition: .8s cubic-bezier(.25,.46,.45,.94) .2s;

    -webkit-transition-property: opacity,-webkit-transform;

    transition-property: opacity,-webkit-transform;

    transition-property: transform,opacity;

    transition-property: transform,opacity,-webkit-transform;

}

.text-fade.animated {

    opacity: 1;

    -webkit-transform: none!important;

    transform: none!important;

}

.text-fade-left {

    opacity: 0;

    -webkit-transform: translateX(-10rem);

    transform: translateX(-10rem);

    -webkit-transition: .8s cubic-bezier(.25,.46,.45,.94) .2s;

    transition: .8s cubic-bezier(.25,.46,.45,.94) .2s;

    -webkit-transition-property: opacity,-webkit-transform;

    transition-property: opacity,-webkit-transform;

    transition-property: transform,opacity;

    transition-property: transform,opacity,-webkit-transform;

}

.text-fade-left.animated {

    opacity: 1;

    -webkit-transform: none!important;

    transform: none!important;

}

.text-fade-right {

    opacity: 0;

    -webkit-transform: translateX(10rem);

    transform: translateX(10rem);

    -webkit-transition: .8s cubic-bezier(.25,.46,.45,.94) .2s;

    transition: .8s cubic-bezier(.25,.46,.45,.94) .2s;

    -webkit-transition-property: opacity,-webkit-transform;

    transition-property: opacity,-webkit-transform;

    transition-property: transform,opacity;

    transition-property: transform,opacity,-webkit-transform;

}

.text-fade-right.animated {

    opacity: 1;

    -webkit-transform: none!important;

    transform: none!important;

}



.news-section{ padding: 140px 0 0px; }

.news-block-main{ justify-content: space-between;  gap: 40px; display: flex ;align-items: flex-start;}

.news-block-main .news-left-col{ position: sticky; top: 0; padding: 80px 0 0 0; width: 400px;}

.news-block-main .news-left-col h2{ color: var(--white); font-size: 64px;}

.news-block-main .news-col-right{ width: calc(100% - 440px);}





.news-col-right{ display: flex ; justify-content: space-between;  align-items: flex-start;}

.news-col-right .news-colum{ width: 400px;}

.news-col-right .news-colum + .news-colum{ margin-top: 80px; }



.news-box{ overflow: hidden; display: block; width: 100%; position: relative;}

.news-box a{ display: block ;width: 100%; position: relative;}

.news-box a .img{ width: 100%; display: block; overflow: hidden; aspect-ratio: 10 / 13; position: relative;}

.news-box a .img>img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }

.news-box a .img .plus-icon{ z-index: 2; position: absolute; left: 0; top: 0 ;width: 100%; height: 100%; display: flex ; align-items: center; justify-content: center; }

.news-box a .img .plus-icon span{ display: flex ;align-items: center; justify-content: center; background: linear-gradient(135deg, rgba(220,161,81,1) 0%,rgba(166,107,13,1) 100%); border-radius: 100px; width: 80px; height: 80px;}

.news-over-box{ opacity: 0; transform: translateX(-100%); position: absolute; left: 0; padding: 30px; display: flex ;align-items: flex-start; flex-direction: column; justify-content: space-between; transition: all 0.4s ease-in-out; background: rgba(33,32,25,0.8); z-index: 5; top: 0; width: 100%; height: 100%; }

.news-over-box .hover-icon{ display: flex ; align-items: center;}

.news-over-box .hover-icon img{ width: 80px; height: auto;}

.news-over-box .hover-box-sub h5{ line-height: 1; font-family: 'Lora'; font-weight: 600; padding: 0 0 24px; color: var(--white);}

.news-over-box .hover-box-sub p{ color: var(--white); font-size: 24px; font-weight: 500; line-height: 1.25;}

.news-box a:hover  .news-over-box{ transform: none; opacity: 1; }

.news-box + .news-box{ margin-top: 30px; }

.round-icon-main{ display: flex ; align-items: center; position: relative;}

.round-icon-main .round-icon{ width: 132px; position: relative; display: flex; }

.round-icon-main .round-icon span{ display: flex ; align-items: center; justify-content: center;} 

.round-icon-main .round-icon .round-text img{ width: 100%; animation: spin 10s linear infinite;}

.round-icon-main .round-icon .arrow{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

@keyframes spin {

  from {

    transform: rotate(0deg);

  }

  to {

    transform: rotate(360deg);

  }

}

.round-icon-main a{ width: 100%; display: block;}

.round-icon-main .round-icon a .arrow{ transition: all 0.3s ease-in-out ; justify-content: flex-end; transform: translate(-50%,-50%); top: 50%; left: 50%;  width: 55px;  height: 27px; display: flex ;overflow: hidden;}

.round-icon-main a  .arrow img { width: 100%;

  transition: all   cubic-bezier(0.075, 0.82, 0.165, 1) ;

}

.round-icon-main .round-icon a:hover .arrow{ width: 30px;}



.news-block-main .news-left-col  .round-icon-main{ margin: 77px 26px 0 0;  justify-content: flex-end; }





.testimonials-section{ padding: 100px 0; background: url(../images/testi-bg.png) no-repeat center center #E5E0DA; background-size: cover;  }

.testimonials-section .thumbnail-block{ max-width: 900px; margin: 0 auto; display: block; }

.testimonials-section .thumbnail-block .thub-img{  align-items: center; justify-content: center;   width: 70px; height: 70px; display: flex;}

.testimonials-section .thumbnail-block .thub-img span { transition: all 0.3s ease-in-out; width: 100%; min-height: 70px; border-radius: 100px; overflow: hidden; position: relative; display: flex ; align-items: center; justify-content: center; position: relative;}

.testimonials-section .thumbnail-block .thub-img span img{ transition: all 0.3s ease-in-out; opacity: 0.6; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;   }

/* .testimonials-section .thumbnail-block .slick-active   .thub-img span,

.testimonials-section .thumbnail-block .slick-active + .slick-active  + .slick-active    .thub-img span{ opacity: 0.7; min-width: 92px; min-height: 92px; } */

.testimonials-section .thumbnail-block .slick-track{  display: flex ;align-items: center;}

.testimonials-section .thumbnail-block .slick-slide{ min-height: 120px; display: flex ;align-items: center; justify-content: center; }

@media (min-width: 768px) {

.testimonials-section .thumbnail-block .slick-slide.slick-active + .slick-active .thub-img span{ min-height: 92px; min-width: 92px; }

.testimonials-section .thumbnail-block .slick-slide.slick-active + .slick-active .thub-img span img{ opacity: 0.7 }

.testimonials-section .thumbnail-block .slick-slide.slick-active + .slick-active + .slick-active .thub-img span{ min-height: 120px; min-width: 120px; }

.testimonials-section .thumbnail-block .slick-slide.slick-active + .slick-active + .slick-active .thub-img span img{ opacity: 1 }

.testimonials-section .thumbnail-block .slick-slide.slick-active + .slick-active + .slick-active + .slick-active .thub-img span{ min-height: 92px; min-width: 92px; }

.testimonials-section .thumbnail-block .slick-slide.slick-active + .slick-active + .slick-active + .slick-active .thub-img span img{ opacity: 0.7 }

}

.text-block-testi{ max-width: 802px; margin: 0 auto; display: block; width: 100%; }

.testi-box{ display: block ;width: 100%; padding: 40px 0 0 0; text-align: center;}

.testi-box .name h4{ line-height: 1; padding: 0 0 18px; font-size: 42px; font-family: 'DM Serif Display'; color: #2C2B27;  }

.testi-box .name p{ font-size: 36px; font-weight: 600; color: #3A3935;}

.testi-box .text{ display: block; padding: 32px 0 0 0;}

.testi-box .text p {font-size: 36px; color: #3A3935; font-weight: 500;}

.testimonials-section .slider-counter{ gap: 30px; padding: 70px 0 0 0; margin: 0 auto; display: flex ; justify-content: center; align-items: center; }

.testimonials-section .slider-counter .prev-arrow,

.testimonials-section .slider-counter .next-arrow{ cursor: pointer;}

.slider-counter .counter-sub { justify-content: center; width: 80px; height: 92px; position: relative; display: flex; align-items: center;}

.slider-counter .counter-sub i{ position: relative; font-style: normal;  display: flex;  font-weight: 300;}

.slider-counter .counter-sub span{ line-height: 1; position: absolute; left: 0; top: 0; font-size: 56px;color: #3A3935; font-family: 'DM Serif Display';} 

.slider-counter .counter-sub span.total{ left: auto; right: 0; bottom: 0; top: auto; }





.story-section{ padding: 40px 0 80px;}  

.story-section-main{ position: relative; padding: 50px; background: #3A3935; width: calc(100% + 100px); margin: 0 -50px;  }

.story-image-main{ width: 100%; display: block; position: relative;}

.story-image-main .img{ clip-path: inset(0 0 0 0);

  transition: clip-path 0.3s ease; background: #101040; min-height: 730px;width: 100%; display: flex; position: relative;}

.story-image-main .img img{ opacity: 0.7; transform-origin: left center; z-index: 2; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; width: 100%; }

.story-image-main .img .overlay-1 { background: #212019; width: 100%; height: 100%;position: absolute ; left: 0; z-index: 3; top: 0; opacity: 0.8; content:'' ;}

.story-section-main .story-contain{ z-index: 5; position: absolute; padding: 110px 20px 0 0;  right: 50px; top: 0; width: 495px;}

.story-contain-inner .round-icon-main{ width: 132px; margin-top: 60px; margin-left: auto; margin-right: 0px;; }

.story-contain-inner p{ color: #E5E0DA;}

.story-contain-inner .story-title { position: relative; left: -266px; padding: 0 0 60px; width: 552px;}

.story-contain-inner .story-title h3{ color: var(--white);font-family: 'DM Serif Display';  font-size: 60px; line-height: normal; }

.story-contain-inner p span{ font-family: 'DM Serif Display'; font-style: italic; }

 





.project-section{ padding: 80px 0;}

.project-section .row{ margin: 0 -12px !important; }

.project-section .row>*{ padding: 0 12px !important; }



.project-box-main{ display: block; width: 100%; position: relative;}

.project-box-main .img{ display: block; width: 100%; position: relative;}

.project-box-main  .img .img-in { overflow: hidden; z-index: 2; aspect-ratio: 0.664; position: relative;  width: 100%; position: relative;}

.project-box-main  .img .img-in img{ position: absolute; left: 0; top: 0; height: 100%; object-fit: cover; display: block; width: 100%;  }

.project-box-main .img .img-over{ opacity: 0; transition: all 0.3s ease-in-out;  padding: 20px; background: rgba(34,34,34,0.7); z-index: 3; display: block;  position: absolute; left: 10px ; bottom: 10px; right: 10px; border-radius: 12px;}

.project-box-main .img .img-over ul li{ line-height: 1.1; gap: 16px; font-size: 20px; font-weight: 500; display: flex; color: var(--white); }

.project-box-main .img .img-over ul{ display: flex; gap: 4px; flex-direction: column;}

.project-box-main .img .img-over ul li .text-1 {width: 100px; min-width: 100px; display: flex ; justify-content: space-between;}

.project-box-main .img .img-over ul li .text-1 i{ font-style: normal;}

.project-box-main .img .img-over ul li .text-2{ font-weight: bold; width: 100%;}

.project-box-main .project-box-sub{ padding: 32px 0 0 0; display: block; width: 100%; position: relative;}

 .project-box-main .project-box-sub h4{ padding: 0 0 39px; color: var(--white); font-family: 'DM Serif Display'; font-style: italic; font-size: 32px;}

 .project-box-main .project-box-sub .box-in{ opacity: 0; display: block; width: 100%; transition: all 0.3s ease-in-out;  }

  .project-box-main .project-box-sub .box-in .text-data p{ color: #A9A298; letter-spacing: 0.03rem; display: -webkit-box;

  -webkit-line-clamp: 3;   /* number of lines */

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis; }

.arrow-link{ padding: 24px 0 0 0;  display: flex;}

.arrow-link >span,

.arrow-link a{ gap: 8px; display: flex; color: #A66B0D; font-size: 20px;   letter-spacing: 0.03rem;  font-family: 'DM Serif Display';}

.arrow-link a:hover{ filter: brightness(0) invert(1); }

 .project-box-main:hover  .project-box-sub .box-in{ opacity: 1; }

 .project-box-main:hover  .img .img-over{ opacity: 1; }

 .project-section .box-col-2{ transform: translateY(200px);}

  .project-section .box-col-3{ transform: translateY(400px);}







.faq-section{ padding: 100px 0; }

  .section-title h2{ text-align: center; font-size: 70px; color: var(--white);  }



  .cls-accordion-item{ border: 0px; border: rgba(255, 255, 255, 0.2) solid  1px; padding: 0px 0;  border-radius: 10px; }

.cls-accordion-item .acc-title h5{ position: relative; display: block; width: 100%;  cursor: pointer; margin: 0px; padding: 18px 100px 18px 30px; border: 0px; background: none; box-shadow: none ; outline: none; line-height: normal; font-style: italic; font-size: 30px;font-weight: 500;font-family: 'DM Serif Display';color:rgba(255, 255, 255, 0.6);}

.cls-accordion-item .acc-title h5::after{ position: absolute;

right: 20px; top: 50%; margin: -14px 0 0 0; width: 28px; height: 28px; border-radius: 100px;background: url(../images/plus-2.svg) no-repeat center center;position: absolute;top: 50%;content: '';}

.cls-accordion-item.active .acc-title h5{ color: var(--white);}

.cls-accordion-item.active .acc-title h5::after {background: url(../images/minus.svg) no-repeat center center;}

.cla-acc-body{display: block;width: 100%;position: relative;overflow: hidden;opacity: 0;height: 0px;-webkit-transition: opacity .25s ease 0s, height .5s cubic-bezier(.85,0,.15,1) .1s;transition: opacity .25s ease 0s, height .5s cubic-bezier(.85,0,.15,1) .1s;}

.cls-accordion-body{display: block;width: 100%;padding: 0 30px 30px; pointer-events: none; }

.cls-accordion-item.active .cla-acc-body{ opacity: 1; }

.cls-accordion-item.active .cls-accordion-body{ pointer-events: all; }

.cls-accordion-item + .cls-accordion-item{ margin-top: 30px; }



.cls-faq-block{ padding: 74px 0 0 0; }



 .story-section .container { padding: 0 40px; width: 100%; max-width: 100%;}

.story-section-main{ width: 100%; margin: 0;}

.story-section-main .story-contain{ max-width: 728px; width: 41%;} 

.news-box a .img .plus-icon{ transition: all 0.3s ease-in-out; }

.news-box a:hover .img .plus-icon{ opacity: 0; }



.round-icon-main a{ position: relative; border-radius: 100px; }

.round-icon-main a  .round-text { transition: all 0.3s ease-in-out;  }

.round-icon-main a:after { z-index: -1;  transition:  all 0.3s ease-in-out; opacity: 0; background: linear-gradient(144.3deg, #DCA151 -0.69%, #A66B0D 99.8%); width: 110%; height: 110%; border-radius: 100px; content: ''; position: absolute; left:-5%; top: -5%;}

.round-icon-main a:hover::after{ opacity: 1;   }

.round-icon-main a:hover .round-text{  filter: brightness(0) invert(1);   }

.round-icon-main .round-icon a:hover .arrow{ width: auto;}

.round-icon-main .round-icon a .arrow img{ transition:  all 0.3s ease-in-out; }

.round-icon-main .round-icon a:hover .arrow img{  filter: brightness(0) invert(1); transform: scale(0.9); }





.contact-page{ min-height: 100vh; min-height: calc(var(--vh,1vh)*100); overflow: hidden; display: block; position: relative; padding: 240px 0 120px 0; }



.contact-page .row{ margin: 0 !important;}

.contact-page .row>*{ padding: 0 !important; }

.contact-left{ margin: 130px 0 0 0; display: flex ;align-items: flex-end; flex-direction: column;}

.contact-left .map-box{ width: 50vw;}

.contact-left .map-box iframe{ width: 100%; height: 662px; object-fit: cover; display: block;}

.contact-left .bg-line{ display: flex ;align-items: center; justify-content: flex-end; padding: 33px 29px 0 0;}

.contact-right{ position: relative; display: block; } 

.contcat-title{ padding: 0 0 42px 60px; display: block ;width: 100%; position: relative; }

.contcat-title .bg-line { width: 5000px; height: 26px; background: url(../images/strip-shape.png) top left repeat-x; position: absolute; top: -5px; left: 495px; z-index: -1;}



.contcat-title h4{ padding: 0 0 20px; color: var(--white); font-family: 'DM Serif Display'; font-size: 24px;}

.contcat-title h2{ padding: 0 0 36px; font-family: 'Darker Grotesque'; line-height:0.8; font-weight: 500; font-size: 90px ; color: var(--white);}

.contcat-title h2 span{ line-height: 0.5; font-weight: normal; font-size:70px;font-family: 'DM Serif Display'; font-style: italic; }

.contact-form-main{ position: relative; display: block ;width: 100%; padding: 60px 0 28px 60px; background: #3A3935; }

.contact-form-main::after {width: 100vw;  height: 100%; margin: 0 0 0 -2px;  content: ''; position: absolute; background: #3A3935;left: 100%; top: 0px;}

.form-inner{ display:block ; width: 100%;}

.form-inner .form-row{ display:block; width: 100%;  }

.form-inner .form-row + .form-row{ margin-top: 50px; }

.form-inner .form-row .input-text { background:none; width: 100%; border: 0; border-bottom: rgba(255, 255, 255, 0.6) solid 1px; color: var(--white); font-size: 20px;font-family: 'DM Serif Display'; transition: all 0.3s ease-in-out ; font-style: italic;  padding: 0 0 24px;}

.form-inner .form-row textarea.input-text{ height: 134px; resize: none; }

.form-inner .form-row .input-text::placeholder{transition: all 0.3s ease-in-out ; opacity: 0.6; }  

.form-inner .form-row .input-text:focus,

.form-inner .form-row .input-text:hover{ border-color: #DCA151; color: var(--white);  }

.form-inner .form-row .input-text:focus::placeholder,

.form-inner .form-row .input-text:hover::placeholder{ opacity: 1; color: var(--white); }

.form-inner .form-row.submit-row{ display: flex ;align-items: center; justify-content: space-between; margin: 24px 0 0 0; }

.cls-checkbox{ position: relative; display: block;  }

.cls-checkbox input{ position: absolute; left: 0; top: 0; opacity: 0;} 

.cls-checkbox label{ cursor: pointer; font-weight: 500; color: var(--white); font-size: 24px; position: relative; padding:0 0 0 44px; }

.cls-checkbox label a{ color: #DCA151; text-decoration: underline; }

.cls-checkbox label a:hover{color: var(--white); }

.cls-checkbox label::after {width: 32px; height: 32px; box-shadow: inset 0 6px 12px rgba(0,0,0,0.25); border: #C4A386 solid 1px; border-radius: 5px; position: absolute; left: 0; top: 0; content: '';}

.cls-checkbox label::before {width: 32px; height: 32px; background: url(../images/checkmark.svg) no-repeat center center;  position: absolute; left: 0; top: 0; content: '';  background-size: 24px auto; opacity: 0; transition: all 0.3s ease-in-out; }

.cls-checkbox input:checked +  label::before{ opacity: 1; }



.submit-btn-main{ display: flex;}

.submit-btn-main button{ margin: 0; padding: 0; display: flex; border: 0; background: none; position: relative; border-radius: 100px; }

.submit-btn-main button i{ width: 130px; height: 130px; position: relative; z-index: 3; display: flex ;align-items: center; justify-content: center;}

.submit-btn-main button i img{ width: 100%; height: auto; transition: all 0.3s ease-in-out;  }

.submit-btn-main button:after { z-index: 1;  transition:  all 0.3s ease-in-out; opacity: 0; background: linear-gradient(144.3deg, #DCA151 -0.69%, #A66B0D 99.8%); width: 110%; height: 110%; border-radius: 100px; content: ''; position: absolute; left: -5%; top: -5%;}

.submit-btn-main button .arrow{ z-index: 4; position: absolute; left: 0; top: 0; width: 100%; height: 100% ;display: flex ;align-items: center; justify-content: center; }

.submit-btn-main button:hover::after{ opacity: 1;   }

.submit-btn-main button:hover i img{  filter: brightness(0) invert(1);   }

 

.submit-btn-main button .arrow img{ transition:  all 0.3s ease-in-out; }

.submit-btn-main button:hover .arrow img{  filter: brightness(0) invert(1); transform: scale(0.9); }



.project-page{ padding: 170px 0 0 0; overflow: hidden; width: 100%; }

.project-block-top{ padding: 0 40px 50px; }

.project-block-top h1{font-family: 'DM Serif Display'; font-style: italic; font-size: 24px; color: var(--white);}

.project-slider-outer .mySwiper .swiper-slide{ margin: 0 0 78px; transition: all 0.3s ease-in-out; opacity: 0.5; width: 450px; }

.project-image{ aspect-ratio: 450 / 550;  width: 100%; display: block; position: relative;}

.project-image img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }

.project-image::after {width: 100%; height: 230px; position: absolute; left: 0; top: 0; content: ''; background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);}

.project-slider-outer .mySwiper .swiper-slide.swiper-slide-active{ opacity: 1; }



.project-slider-outer .swiper-thumbnails .swiper-slide{ opacity: 0 !important; transition: all 0.3s ease-in-out; }

.project-slider-outer .swiper-thumbnails .swiper-slide.swiper-slide-active{ opacity: 1 !important; }

.project-slider-outer{ display: block ;width: 100%; position: relative;}

.project-slider-outer .swiper-thumbnails{ width: 450px;  height: 100%; position: absolute; left: 50%; transform: translateX(-50%); top: 0;     }



.project-slider-text-main{ width: 100%; display: flex ;align-items: center; justify-content: center;}

.project-slider-text-main .text-inner{ min-height: 618px; justify-content: space-between; width: 100% ;display: flex; flex-direction: column; }

.project-slider-text-main .text-inner h2{  width: 130% ; margin: 0 -15%;  display: flex ; align-items: center; justify-content: center;  padding:30px 20px; font-family: 'DM Serif Display'; font-style: italic; text-align: center; font-size: 64px;  color: var(--white);}

.project-slider-text-main .text-inner .text-bot{ position: relative; margin-top: auto; display: flex ;  }

.project-slider-text-main .text-inner .text-bot .left-text {width: calc(100% - 100px);  min-height: 60px;;}

.project-slider-text-main .text-inner .text-bot .left-text p{ font-size: 24px; color: var(--white);} 

.project-slider-text-main .text-inner .text-bot .project-arrow{ position: absolute; right: 16px; top:-53px; }

.project-slider-text-main .text-inner .text-bot .project-arrow .arrow-btn { width: 70px; height: 70px; position: relative; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background: linear-gradient(144.3deg, #DCA151 -0.69%, #A66B0D 99.8%); border: none; border-radius: 50%; margin: 0; padding: 0;}

.project-slider-text-main .text-inner .text-bot .project-arrow .arrow-btn:before { content: ""; position: absolute; inset: 0; border-radius: 50%; background: #A66B0D; transform: scale(0); transition: transform 0.4s ease;}

.project-slider-text-main .text-inner .text-bot .project-arrow .arrow-btn:after { content: ""; border: 1px solid #fff; border-radius: 50%; position: absolute; top: 5px; right: 5px; bottom: 5px; left: 5px; z-index: 1; transition: all 0.4s ease;}

.project-slider-text-main .text-inner .text-bot .project-arrow .arrow-btn img { max-width:31px; position: relative; z-index: 2;}

.project-slider-text-main .text-inner .text-bot .project-arrow .arrow-btn:hover:before { opacity: 1; transform: scale(1.4);}

.project-slider-text-main .text-inner .text-bot .project-arrow .arrow-btn:hover:after { background: linear-gradient(144.3deg, #DCA151 -0.69%, #A66B0D 99.8%); transform: scale(0.8);}

.project-slider-outer .swiper-thumbnails{ overflow: visible; }

.project-slider-outer .mySwiper  .swiper-pagination{ gap: 20px;; display: flex; position: absolute; right: 40px; left: auto; bottom: auto; width: auto; top: -80px; width: auto;   }

.project-slider-outer .mySwiper .swiper-pagination-bullet { margin: 0; padding: 0; opacity: 1; background: none; font-family: 'DM Serif Display'; font-style: italic; color: var(--white); font-size: 24px; width: auto; height: auto;}

.project-slider-outer .mySwiper .swiper-pagination-bullet.swiper-pagination-bullet-active{ color: #DCA151; }

.project-slider-outer .mySwiper { overflow: visible; }



.project-slider-outer .mySwiper .swiper-pagination-bullet{display: none;}

.project-slider-outer .mySwiper .swiper-pagination-bullet:first-child,

.project-slider-outer .mySwiper .swiper-pagination-bullet:nth-child(2),

.project-slider-outer .mySwiper .swiper-pagination-bullet:nth-child(3),

.project-slider-outer .mySwiper .swiper-pagination-bullet:nth-child(4){ display: flex;}





/*========= blog page css start ===========*/

.blog-page{ padding: 250px 0 110px 0; }

.blog-block-main{ display: flex ;align-items: flex-start; width: 100%; justify-content: space-between;}

.blog-colum-left{ position: sticky; top: 30px;; }

.blog-colum-left .blog-title h4{ padding: 0 0 24px; line-height: 1; color: var(--white); font-size: 24px;   font-family: 'DM Serif Display';}

.blog-colum-left .blog-title h2{ line-height: 1; color: var(--white); font-size: 90px;;}

.blog-colum-left .blog-title h2 span{ font-size: 70px;;}

.select-box{ padding: 30px 0 0 0;  width: 100%; display: block;} 

.select-box .nice-select{ float: none;  display: flex ;align-items: center; font-size: 20px; color: #DCA151;font-family: 'Lora'; border-radius: 50px; background: none; height: 62px; border: solid 1px ;   float: none;   width: 100%; 

	 border: 1px solid transparent;

  background: linear-gradient(#2C2B27, #2C2B27) padding-box,

              linear-gradient(45deg, #DCA151, #A66B0D) border-box;

			  padding: 0 100px 0 24px;

}

.select-box .nice-select span{ display: flex ;align-items: center;}

.select-box .nice-select:after{ transition: all 0.3s ease-in-out; border: 0; right: 24px; background: url(../images/select-arrow.svg) no-repeat center center; width: 20px; height: 12px; transform: none; transform-origin: center center; }

.select-box .nice-select.open:after{ transform: rotate(180deg); }



.select-box .nice-select .list{ overflow: visible;  background: #3a3935; padding: 6px 24px; border-radius: 0; margin: 30px 0 0 0; width: 100%; display: block;}

.select-box .nice-select .option{ padding: 14px 0; min-height: 0;  line-height: 1; font-family: 'Darker Grotesque'; font-weight: normal; font-size: 24px; color: var(--white);}

.select-box .nice-select .option:hover{ opacity: 0.5; }

.select-box .nice-select .option + .option { border-top: #2C2B27 solid 1px;; }

.select-box .nice-select .option.selected { opacity: 0.5; }

.select-box .nice-select .list::after {

      width: 0; position: absolute; right:26px; top: 12px;

      height: 0; content: '';

      border-left: 10px solid transparent;

      border-right: 10px solid transparent;

      border-bottom: 10px solid #3a3935;

	  top: -10px;

    }

.blog-colum-right{ margin: 172px 0 0 0; gap: 50px; display: flex; width: 850px; align-items: flex-start;}

.blog-colum-right .blog-colum{ display: flex; align-items: flex-start; width: 100%; gap: 50px; width: 100%; flex-wrap: wrap;}

 .blog-colum-right .blog-colum .blog-box{ width: calc(50% - 25px);} 

.blog-box{   background: #3A3935; width: 100%; display: block; position: relative;}

.blog-box .img{ width: 100%; aspect-ratio: 400 / 224;  display: block; position: relative; }

.blog-box .img img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;}

 

.blog-box .blog-box-sub{ transition:  all 0.3s ease-in-out;min-height: 200px; display: flex ;flex-direction: column; padding: 0 20px 25px; }

.blog-box .blog-box-sub .date-row .count{ position: relative; top: -12px; font-size: 90px; line-height: 0.5;  font-weight: 500; }

.blog-box .blog-box-sub .date-row{ transition:  all 0.3s ease-in-out;  margin: -15px 0 0 0; font-size: 20px;; display: flex ;align-items: flex-end; width: 100%; justify-content: space-between; color: var(--white);}

.blog-box .blog-box-sub .data-row-text{ gap: 30px; display: flex ;align-items: flex-start; margin-top: auto; padding: 48px 0 0 0;  }

.blog-box .blog-box-sub .data-row-text .text {width: 100%;}

.blog-box .blog-box-sub .data-row-text .text p{transition:  all 0.3s ease-in-out;font-size: 24px; line-height: 1.2; color: #E5E0DA;}

.blog-box .blog-box-sub .blog-arrow { display: flex ; align-items: baseline;}

.blog-box .blog-box-sub .blog-arrow a{  width: 80px; height: 80px;; position: relative; display: block; position: relative; }

.blog-box .blog-box-sub .blog-arrow a .rotate-arrow{ animation: spin 10s linear infinite; transition:  all 0.3s ease-in-out;position: relative; z-index: 3;  width: 80px; display: flex ;align-items: center;}

.blog-box .blog-box-sub .date-row .month{ transition:  all 0.3s ease-in-out;}

.blog-box .blog-box-sub .blog-arrow a .rotate-arrow img{ transition:  all 0.3s ease-in-out; width: 100%; height: auto;}

.blog-box .blog-box-sub .blog-arrow a .arrow{ z-index: 3; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }

.blog-box .blog-box-sub .blog-arrow a .arrow img{ transition:  all 0.3s ease-in-out;}

.blog-box .blog-box-sub .blog-arrow a:after {  z-index: 1;  transition:  all 0.3s ease-in-out; opacity: 0; background: linear-gradient(144.3deg, #DCA151 -0.69%, #A66B0D 99.8%); width: 110%; height: 110%; border-radius: 100px; content: ''; position: absolute; left: -5%; top: -5%;}

.blog-box .blog-box-sub .blog-arrow a:hover::after{ opacity: 1;   }

.blog-box .blog-box-sub .blog-arrow a:hover .rotate-arrow{}

.blog-box .blog-box-sub .blog-arrow a:hover .rotate-arrow img{  filter: brightness(0) invert(1) ;    }

.blog-box .blog-box-sub .blog-arrow a:hover .arrow img{ filter: brightness(0) invert(1) ;  }



.blog-box:hover .blog-box-sub{ background: #E5E0DA; }

.blog-box:hover .blog-box-sub .data-row-text .text p,

.blog-box:hover .blog-box-sub .date-row .month{ color: #2C2B27; }

.blog-box:hover  .blog-box-sub .blog-arrow a::after{ opacity: 1;   }

.blog-box:hover  .blog-box-sub .blog-arrow a .rotate-arrow img{  filter: brightness(0) invert(1) ;    }

.blog-box:hover  .blog-box-sub .blog-arrow a .arrow img{ filter: brightness(0) invert(1) ;  }

.blog-box.text-fade{ transform: translateY(10rem);  }



.blog-details-page{ position: relative; display: block; width: 100%;  }

.blog-banner-block{ width: 100%; display: block; position: relative ; z-index: 2; }

.blog-banner-block .bg-banner{ overflow: hidden; width: 100%; position: relative; height: 720px; z-index: 2; max-height: 90vh; background: #000;}

.blog-banner-block .bg-banner img{ position: absolute; left: 0; top: -5%; width: 100%; height: 110%; object-fit: cover; opacity: 0.5; }

.blog-banner-block .banner-caption{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; z-index: 5; }

.blog-banner-block .banner-caption h1{ max-width: 1011px; margin: 0 auto; display: block; color: var(--white); text-align: center; font-size: 50px;; font-weight: 500;  }



.blog-data-block{ max-width: 1170px; padding: 100px 0 120px;  margin: 0 auto; display: block; }

.share-post-block{ padding: 40px 0 0 0; display: flex ;width: 100%; }

.share-text-main{ position: relative; display: flex; }

 .share-text{   display: flex; position: relative; }

.share-text>a{ z-index: 2; position: relative; font-size: 20px;  display: flex ;align-items: center; justify-content: center; border: 1px solid transparent;color: #DCA151;font-family: 'Lora'; gap: 12px;background: linear-gradient(#2C2B27, #2C2B27) padding-box,

              linear-gradient(45deg, #DCA151, #A66B0D) border-box;padding: 0   24px; min-height: 48px; border-radius: 30px; }

.share-text-main ul{ width: 0; z-index: 1; transform: translateX(-100px);  opacity: 0; pointer-events: none; transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);  display: flex; gap: 16px; align-items: center;    left: 100%; height: 100%;  top: 0;  }

.share-text-main ul li a{ display: flex;}

.share-text-main ul li a img {width: 24px; height: auto;}

 .share-text-main ul li a:hover{ opacity: 0.5; }

 .share-text-main:hover ul {width: auto;}

.share-text-main:hover ul{  transform: translateX(20px); pointer-events: all; opacity: 1; }



.releted-block-outer{ padding: 0 0 120px; }

.releted-block-outer .project-box-main .img .img-over{display: none;}

.releted-block-outer .project-box-main .project-box-sub .box-in{ opacity: 1; }

.releted-block-outer .project-box-main .project-box-sub{ padding: 24px 0 0 0; }

.releted-block-outer .project-box-main .project-box-sub h4{ padding: 0 0 26px; }

.releted-block-outer .section-title{ padding: 0 0 68px; }

/*========= blog page css End ===========*/ 





/*======== project details page css start ==========*/

.project-info-section{ padding: 0 0 100px; }

.info-text{ border-radius: 20px; padding: 60px; text-align: center; background: #3A3935; }

.info-text p{ font-size: 32px; line-height: normal; font-weight: 500; }

.info-text p a{ color: #DCA151; text-decoration: underline;}

.info-text p a:hover{  color: var(--white); }

.Interior-tab-block-main{ padding: 38px 0 0 0; display: block; width: 100%; }

.tab-heading .nav-tabs  { gap: 16px;  display: flex ;align-items: center; justify-content: center; margin: 0; padding: 0; border: 0; border-radius: 0; background: none;  }

.tab-heading .nav-tabs    .nav-link{ display: flex ;align-items: center; justify-content: center; margin: 0; padding: 0; border: 0; border-radius: 0; background: none;   border-radius: 100px; min-height: 46px;; padding:  0 24px; font-size: 20px ; color: #DCA151;font-family: 'Lora';

	background: linear-gradient(#2C2B27, #2C2B27) padding-box,

              linear-gradient(45deg, #DCA151, #A66B0D) border-box;

			   border: 1px solid transparent;

}

.tab-heading .nav-tabs .nav-link.active{ background: linear-gradient(#DCA151, #A66B0D) padding-box,

              linear-gradient(45deg, #DCA151, #A66B0D) border-box; color: #fff;}

.tab-slider-main .slider-counter2{ gap: 30px; padding: 48px 0 0 0; margin: 0 auto; display: flex ; justify-content: center; align-items: center; }

.tab-slider-main .slider-counter2 .prev-arrow2,

.tab-slider-main .slider-counter2 .next-arrow2{   cursor: pointer;}

.tab-slider-main .slider-counter2 .counter-sub2 { justify-content: center; width: 80px; height: 92px; position: relative; display: flex; align-items: center;}

.tab-slider-main .slider-counter2 .counter-sub2 i{ position: relative; font-style: normal;  display: flex;  font-weight: 300;}

.tab-slider-main .slider-counter2 .counter-sub2 span{ line-height: 1; position: absolute; left: 0; top: 0; font-size: 56px;color: var(--white); font-family: 'DM Serif Display';} 

.tab-slider-main .slider-counter2 .counter-sub2 i{ position: relative; left: -5px; }
.tab-slider-main .slider-counter2 .counter-sub2 span.total2{ left: auto; right:-10px; bottom: 0; top: auto; }	

.tab-slider-main .slider-counter2 .counter-sub2 img{ filter: brightness(0) invert(1); }		   

.tab-slider-main .slick-slide {margin: 0 15px;}

 .tab-slider-main .slick-list {margin: 0 -15px; padding: 0 !important;}

.interior-slide-image{ border-radius: 10px; aspect-ratio: 12 / 7; overflow: hidden; width: 100%; position: relative;display: block;}

.interior-slide-image a{aspect-ratio: 12 / 7; border-radius: 10px; width: 100%;  position: relative; display: block;}

.interior-slide-image img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}

.Interior-section{ padding: 120px 0;  }

.tab-contain-block{ margin: 60px 0 0 0; display: block ;width: 100%; position: relative; }

.tab-contain-block .tab-content>.tab-pane{ position: absolute; pointer-events: none; display: block; left: 0; opacity: 0; top: 0 ;width: 100%; }

.tab-contain-block .tab-content>.tab-pane.active{ opacity: 1; position: relative; pointer-events: all; }

.fancybox__thumbs {

  display: none !important;

}

 .Interior-section{ display: block; width: 100%; position: relative; overflow: hidden;}

 .Interior-section .section-title{ position: relative; }

 .Interior-section .section-title .bg-line { width: 100vw; height: 26px; background: url(../images/strip-shape.png) top left repeat-x; position: absolute; top: 14px; left: 100%; z-index: -1; margin: 0 0 0 -142px;}



 .section-title.left-align{ text-align: left; }

 .section-title h4{  color: var(--white); font-size: 24px; font-family: 'DM Serif Display'; }

.section-title.left-align h2 { text-align: left; }

.amenities-section{ padding: 100px 0 0 0; }

.amenities-listing ul{ padding: 48px 0 0 0; display: grid ; gap: 20px; row-gap: 32px; grid-template-columns: repeat(3, 1fr);  }

.amenities-listing ul li{ gap: 12px; font-size: 24px; color: var(--white); display: flex ;align-items: center;}

.amenities-listing ul li i{ min-width: 32px; display: flex ;align-items: center; justify-content: center; width: 32px; height: 32px;}

.amenities-listing ul li i img{ max-width: 32px; max-height: 32px; width: auto; height: auto; }

.amenities-listing ul li span{ width: 100%;}



.distance-section{ padding: 100px 0; }

.distance-block-main{ display: flex; width: 100%; position: relative;}

.distance-block-main .distance-image-colum{ width: 100%; max-width: 665px;}

.distance-block-main .distance-image-colum .distance-img-main{  aspect-ratio: 665 / 710; width: 100%; display: flex; position: relative;}

.distance-block-main .distance-image-colum .distance-img-main .distance-img{ opacity: 0; transition: all 0.3s ease-in-out; height: 100%; position: absolute; left: 0; top: 0; width: 100%; }

.distance-block-main .distance-image-colum .distance-img-main .distance-img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }

.distance-block-main .distance-image-colum .distance-img-main .distance-img.active{ opacity: 1; }

.distance-block-main .distance-image-right{ width: 568px; height: 710px;}

.distance-bg-block{ position: relative; width: 100%; height: 100% ; display: flex;   background: url(../images/flore-plan.png) no-repeat left center;}

.distance-bg-block .icon-box-main{ transition: all 0.3s ease-in-out; opacity: 0; width: 58px; position: absolute;   }

.distance-bg-block .icon-box-main a{ gap: 6px; display: flex ;align-items: center; justify-content: center;  flex-direction: column ;}

.distance-bg-block .icon-box-main a .icon{ display: flex  ; align-items: center; flex-direction: column ;  justify-content: center;} 

.distance-bg-block .icon-box-main a .icon span{  width: 58px; height: 58px; background: var(--white); border-radius: 100px; display: flex; align-items: center; justify-content: center; border: #DCA151 solid 2px; } 

.distance-bg-block .icon-box-main a .icon span img{ max-width: 36px; max-height: 36px; display: flex; transition: all 0.3s ease-in-out; }

.distance-bg-block .icon-box-main a .name .name-in{ line-height: 1; font-size: 16px; color: #DCA151;  width: 100%; text-align: center; min-width: 200px; text-align: center; }

.distance-bg-block .icon-box-main a .name .hidden-text{ opacity: 0; transition: all 0.3s ease-in-out; width: 100%; font-size: 18px; text-align: center; color: #DCA151; }

.distance-bg-block .icon-box-main a.active  .icon span{ border-color: var(--white); background:#DCA151 ; }

.distance-bg-block .icon-box-main a.active  .icon span img{ filter: brightness(0) invert(1);}

.distance-bg-block .icon-box-main a.active .name .hidden-text{ opacity: 1; }

.distance-bg-block .icon-box-main.icon1{ top: 142px; right:119px ;}

.distance-bg-block .icon-box-main.icon2{ top: 18px; left:148px ;}

.distance-bg-block .icon-box-main.icon3{ top: 228px; left:212px ;}

.distance-bg-block .icon-box-main.icon4{ top: 326px; left:103px ;}

.distance-bg-block .icon-box-main.icon5{ bottom: 91px; left:72px ;}

.distance-bg-block .icon-box-main.icon6{ bottom: 191px; left:266px ;}

.distance-bg-block .icon-box-main.icon7{ bottom: 28px; left:231px ;}

.distance-bg-block .icon-box-main.icon8{ bottom: 250px; right:100px ;}
.distance-bg-block .icon-box-main.icon9{ top: 120px; left:120px ;}

.distance-bg-block .icon-box-main.icon10{  left: 80px; top: 220px;}


.distance-block-main .distance-image-right.animated .distance-bg-block .icon-box-main{ opacity: 1;   }

.distance-block-main .distance-image-right.animated .distance-bg-block .icon-box-main.icon1{ transition-delay: 0.2s; }

.distance-block-main .distance-image-right.animated .distance-bg-block .icon-box-main.icon2{ transition-delay: 0.3s; }

.distance-block-main .distance-image-right.animated .distance-bg-block .icon-box-main.icon3{ transition-delay: 0.9s; }

.distance-block-main .distance-image-right.animated .distance-bg-block .icon-box-main.icon4{ transition-delay: 1.2s; }

.distance-block-main .distance-image-right.animated .distance-bg-block .icon-box-main.icon5{ transition-delay: 1.5s; }

.distance-block-main .distance-image-right.animated .distance-bg-block .icon-box-main.icon6{ transition-delay: 1.8s; }

.distance-block-main .distance-image-right.animated .distance-bg-block .icon-box-main.icon7{ transition-delay: 2.1s; }

.distance-block-main .distance-image-right.animated .distance-bg-block .icon-box-main.icon8{ transition-delay: 2.4s; }
.distance-block-main .distance-image-right.animated .distance-bg-block .icon-box-main.icon9{ transition-delay: 2.7s; }
.distance-block-main .distance-image-right.animated .distance-bg-block .icon-box-main.icon10{ transition-delay: 3s; }



.lenis.lenis-stopped, .line_animation_wrap .line-txt{ overflow: hidden; }



.download-section{ background: url(../images/dl-bg.png) no-repeat center center #E5E0DA; padding: 140px 0; background-size: cover; }

.download-block .dl-text h4{ text-align: center; font-size: 80px; font-weight: bold; line-height: 1; text-transform: uppercase;  }

.download-block .dl-text h4 span{ color: #A66B0D; }

.dl-text h6{ font-weight: 600; padding: 20px 0 0 0; font-size: 30px; text-align: center; }

.dl-btn-warp{ gap: 30px; padding: 60px 0 0 0; display: flex ;align-items: center; justify-content: center;}

.dl-btn-warp a{ min-height: 64px; color: var(--white);  font-family: 'DM Serif Display'; gap: 16px; padding: 0 32px; letter-spacing: 0.03rem; font-size: 24px; display: flex ;align-items: center; justify-content: center; border-radius: 100px;; background: linear-gradient(135deg,  rgba(220,161,81,1) 0%,rgba(166,107,13,1) 50%,rgba(166,107,13,1) 50%,rgba(220,161,81,1) 100%);

 background-size: 200% 100%; background-position: left top;}

.dl-btn-warp a i{ display: flex ;align-items: center; justify-content: center;}

.dl-btn-warp a i img{ max-width: 24px; }

.dl-btn-warp a:hover{ background-position: right top; }



.property-section{ background: #3A3935; display: block ;width: 100%; overflow: hidden;  }

.property-outer{ display: flex ; align-items: flex-start ;width: 100%;}

.property-outer .property-left{ display: flex ; align-items: center; justify-content: center; min-height: 660px;; position: relative; padding: 0 40px 0 120px; width: 30%; min-height: 100vh; height: calc(var(--vh,1vh)*100); background: #3A3935; position: relative; z-index: 3; min-width: 450px; }

.property-outer .property-left::after{ width: 1px;  height: 100%; background: #A66B0D; position: absolute; left: 70px; top: 0; content:''; height: 100%;  } 

.property-outer .property-left .property-text h2{ font-family: 'DM Serif Display'; font-size: 50px;  color: var(--white); padding: 0 0 40px; line-height: 1.32;}

.property-outer .property-left .property-text .text p{ font-size:20px; font-weight: 500; line-height: normal;}

.property-right{ position: relative; z-index: 1; width: 70%; display: flex;}

.property-slider-block-main{ position: relative ;display: block; padding: 20px 30px 20px 0;  width: 100%; }



.property-slider-blk{ display: flex ; gap: 30px; align-items: flex-start; }

.property-slider-blk .propertyimg-col.img-full { min-width: 46.5vw; width: 46.5vw;}

.property-slider-blk .propertyimg-col.img-full .property-img { width: 100%; display: flex; position: relative; height: calc((var(--vh, 1vh) * 100) - 40px);  }

.property-slider-blk .propertyimg-col.img-full .property-img a{ width: 100%; height: 100%; position: relative; display: flex; }

.property-slider-blk .propertyimg-col.img-full .property-img a img{ width: 100%; height: 100%; position: absolute ; left: 0; top: 0; object-fit: cover;}

.property-slider-blk .propertyimg-col.img-small { flex-direction: column;  display: flex; gap: 30px; min-width: 25.7vw; width: 25.7vw;}

.property-slider-blk .propertyimg-col.img-small .property-img { width: 100%; display: flex; position: relative; height: calc(50vh - 20px - 15px); }

.property-slider-blk .propertyimg-col.img-small .property-img a{ width: 100%; height: 100%; position: relative; display: flex; }

.property-slider-blk .propertyimg-col.img-small .property-img a img{ width: 100%; height: 100%; position: absolute ; left: 0; top: 0; object-fit: cover;}



.island-section{ color:var(--white);width:200vw;height:100%;}

.island-section.panel{overflow:hidden;}

.island-component{perspective:510px;flex-direction:column;justify-content:center; gap: 33%; align-items:center;width:100vw;height:100%;padding:16vh 1.25em 0px;display:flex;position:relative;}

.island-title{  opacity: 0; z-index:3;position:relative;}

.island-sub-title{z-index:3;text-align:center;max-width:69.5625em;margin-top:2.3125em;position:relative;}

.island-sub-title-2{z-index:3;text-align:center;position:relative;}

.island-text{z-index:3;text-align:center;max-width:1000px; min-height: 120px; margin-top:.875em;position:relative;}

.island-background{z-index:0;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;}

.location-section{justify-content:flex-start;width:250vw;height:100%;display:flex;position:relative;overflow:hidden;}

.location-marquee{align-items:flex-end;width:100px;height:100%;display:flex;position:relative;overflow:hidden;}

.location-track{transform-origin:0 100%;flex-direction:row;flex:none;justify-content:center;align-items:center;width:155em;display:flex;position:absolute;transform:translate(5.375em) rotate(-90deg);}

.location-track.pt{width:179.3em;}

.location-marquee-repete{align-items:center;width:100%;display:flex;}

.location-marquee-text{flex:none;margin-left:1.6875em;margin-right:1.6875em;display:flex;}

.location-ball{ border-radius:100vh ; height: calc(var(--vh,1vh)*100);flex:none;width:.9375em;height:.9375em;}

.location-anda{flex:none;align-items:flex-end;width:100%;height:100%;display:flex;}

.island-cima,.island-baixo{z-index:5;transform-style:preserve-3d;flex-direction:column;justify-content:flex-start;align-items:center;display:flex;position:relative;transform:none;}

.location-update{align-items:flex-end;width:1px;height:100%;display:flex;position:relative;}

.location-update-line{z-index:3; width:100%;height:0%;position:absolute;top:auto;bottom:0;left:0;right:auto; background-color:#A66B0D;}

.location-info{justify-content:center;align-items:center;width:calc(25vw + 100px);display:flex;position:relative;}

.location-cta{justify-content:center;padding-bottom:3.3125em;display:flex;position:absolute;top:auto;bottom:0;left:0;right:0;}

.location-cta-wrap{justify-content:center;display:flex;}

.location-info-component{flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;}

.location-info-wrap{ flex-direction:column;flex:none;justify-content:flex-start;align-items:center; width: 100%; padding: 0 50px; display:flex;position:relative;}

 

 

.location-sub-title{margin-bottom:1.6875em;}

.location-title{text-align:center;}

.main-color{color:var(--white);}

.location-paragraph{color:var(--white);text-align:center;margin-top:1.25em;}

.location-sticky{justify-content:flex-start;align-items:stretch;display:flex;}

.location-big-img{z-index:3;object-fit:cover;width:100%;height:100%;position:relative;transform:scale(1.1);}

.location-big-img-wrap{width:125vw;height:100%;position:relative;overflow:hidden;}

 

.section-height{height:300vh;position:relative;}

.sticky-element{z-index:2;flex-direction:row;justify-content:flex-start;align-items:stretch;width:100%;height:100vh; height: calc(var(--vh,1vh)*100);display:flex;position:sticky;top:0;bottom:auto;left:0;right:0;overflow:hidden;}

.track{flex:none;height:100%;position:relative;transform:translate(0%);}

.w-background-video{color:#fff;height:500px;position:relative;overflow:hidden;}

.island-background-video{ background: #00000000; width:49rem;height:40%;margin-top:3%;}

.w-background-video>img,.w-background-video>video{ opacity: 0.8; object-fit:cover;z-index:-100;background-position:50%;background-size:cover;width:100%;height:100%;margin:auto;position:absolute;top:-100%;bottom:-100%;left:-100%;right:-100%;}

.w-background-video>video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important;}

.w-background-video--control{background-color:rgba(0,0,0,0);padding:0;position:absolute;bottom:1em;right:1em;}

.w-background-video--control>[hidden]{display:none!important;}

.track-flex{flex-direction:row;justify-content:flex-start;align-items:stretch;height:100%;margin-right:-100vw;display:flex;}

.location-trigger{width:200vw;position:absolute;}

.location-width{flex-direction:row;justify-content:flex-start;align-items:stretch;width:100vw;display:flex;position:absolute;}

.vertical-line-wrap{justify-content:flex-start;align-items:center;height:100%;display:flex;}

.mb-none{display:block;}

.vertical-line{grid-column-gap:16px;grid-row-gap:16px;background-color:var(--white);grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;width:1px;height:100%;display:block;}

.mb-block{display:none;}

.horizontal-line-wrap{width:100%;}

.horizontal-line.grey{background-color:#A66B0D;}

.horizontal-line{background-color:var(--white);width:100%;height:1px;}

.img-background{ width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;}





.location-marquee .vertical-text{font-family: 'DM Serif Display'; white-space: nowrap; font-size: 30px; opacity: 0.6;  position: absolute; left: -15px; top: 50%; transform: rotate(-90deg); color: var(--white);  }

.over-img-title {  font-family: 'DM Serif Display';  font-style: italic; font-size: 80px; color: var(--white);}

.island-sub-title{ position: relative; top:0; margin: 0; }

.island-sub-title-2{ position: relative; top: 0px;; margin: 0; }

.location-marquee .vertical-text::after { border-radius: 10px; opacity: 1; width: 6px; height: 6px; content: ' '; position: absolute; left: -20px; top: 50%; margin: -3px 0 0 0; background: #fff;  }

.location-info-wrap .location-info-anim h4{ padding: 0 0 40px; text-align: center; font-family: 'DM Serif Display'; color: var(--white); }

.location-info-wrap .text-data p{ font-size: 20px;}

.location-info-wrap .text-data{ padding: 0 0 40px; }

.location-info-wrap .round-icon-main{ justify-content: center; }

 





.balt-wapper{ position: relative;   }

.balt-wapper ul{   display: flex; }

.property-vertcle-text {flex: none;align-items: flex-end;width: 70px;height: 100%;display: flex;position: absolute;left:-18px;bottom: 0;}

.balt-wapper  {transform-origin: 0 100%;flex-direction: row;flex: none;justify-content: flex-start;align-items: center;width: 200vw;display: flex;position: absolute;transform: translate(5.375em)rotate(-90deg);left: 0;bottom: 0;}

.balt-wapper ul li {align-items: center;display: flex;}

.balt-wapper ul li  .belt-tagline {flex: none;display: flex;color: var(--white);font-size: 30px;font-family: 'DM Serif Display'; color: var(--white);

opacity: 0.6;padding: 0 0 0 20px;position: relative;}

.balt-wapper ul li  .belt-tagline::before{ width: 6px; height: 6px; content: ''; position: relative; left: 0; top:20px; margin: 0 20px 0 0px; display: flex; background: var(--white) ; border-radius: 10px;     }

.marquee {

	-webkit-animation: marquee 35s linear infinite;

	animation: marquee 35s linear infinite

}

.marquee2 {

	-webkit-animation: marquee2 35s linear infinite;

	animation: marquee2 35s linear infinite;

	position: absolute;

	top: 0

}



@-webkit-keyframes marquee {

	0% {

		-webkit-transform: translateX(0);

		transform: translate(0)

	}



	to {

		-webkit-transform: translateX(-100%);

		transform: translate(-100%)

	}

}



@keyframes marquee {

	0% {

		-webkit-transform: translateX(0);

		transform: translate(0)

	}



	to {

		-webkit-transform: translateX(-100%);

		transform: translate(-100%)

	}

}



@-webkit-keyframes marquee2 {

	0% {

		-webkit-transform: translateX(100%);

		transform: translate(100%)

	}



	to {

		-webkit-transform: translateX(0);

		transform: translate(0)

	}

}



@keyframes marquee2 {

	0% {

		-webkit-transform: translateX(100%);

		transform: translate(100%)

	}



	to {

		-webkit-transform: translateX(0);

		transform: translate(0)

	}

}



.Journal-section-1{ overflow: hidden; position: relative; background: url(../images/Journal-page-bg.png) no-repeat left 300px; background-size: 100% auto; padding: 245px 0 110px; }

.Journal-block-listing{ position: relative; z-index: 5; width: 100%; }

.Journal-block-listing .row{ row-gap: 148px; margin: 0 -35px !important; }

.Journal-block-listing .row>*{ padding: 0 35px !important; }

.Journal-box-main{ transition: all 0.4s ease-in-out; position: relative;  width: 100%; display: block;}

.Journal-box-main .img { z-index: 1; aspect-ratio: 380 / 502; border-radius: 12px; overflow: hidden; border: #E5E0DA solid 5px; width: 100%; display: flex; position: relative;}

.Journal-box-main .img img { z-index: 2; width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;  display: block;}

.Journal-box-main .img::after{ position: absolute; left: 0; bottom: 0; content: ''; height: 195px; width: 100%; background: linear-gradient(to bottom,  rgba(44,43,39,0) 0%,rgba(24,24,23,1) 100%); z-index: 3;

}

.Journal-box-main .over-box-2{ padding: 0  20px; position: absolute; left: 0; bottom: 20px; width: 100%;display: flex; align-items: center; justify-content: space-between;  z-index: 3; }

.Journal-box-main .over-box-2 .title{ width: calc(100% - 100px);}

.Journal-box-main .over-box-2 .title h5{ color: var(--white); font-family: 'DM Serif Display'; font-size: 22px; line-height: 1.2;}



.Journal-box-main .over-box-2 .arrow-btnbox { transition: all 0.4s ease-in-out; position: relative; top: 0;  display: flex; flex-wrap: wrap; justify-content: center;  }

.Journal-box-main .over-box-2 .arrow-btnbox .arrow-btn { width: 70px; height: 70px; position: relative; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background: linear-gradient(144.3deg, #DCA151 -0.69%, #A66B0D 99.8%); border: none; border-radius: 50%; margin: 0; padding: 0;}

.Journal-box-main .over-box-2 .arrow-btnbox .arrow-btn:before { content: ""; position: absolute; inset: 0; border-radius: 50%; background: #A66B0D; transform: scale(0); transition: transform 0.4s ease;}

.Journal-box-main .over-box-2 .arrow-btnbox .arrow-btn:after { content: ""; border: 1px solid #fff; border-radius: 50%; position: absolute; top: 5px; right: 5px; bottom: 5px; left: 5px; z-index: 1; transition: all 0.4s ease;}

.Journal-box-main .over-box-2 .arrow-btnbox .arrow-btn img { max-width:31px; position: relative; z-index: 2;}

.Journal-box-main .over-box-2 .arrow-btnbox .arrow-btn:hover:before { opacity: 1; transform: scale(1.4);}

.Journal-box-main .over-box-2 .arrow-btnbox .arrow-btn:hover:after { background: linear-gradient(144.3deg, #DCA151 -0.69%, #A66B0D 99.8%); transform: scale(0.8);}







.Journal-block-main .round-icon-main{ margin: 100px 0 0 0; justify-content: center; }

.Journal-block-main{ position: relative; display: block; width: 100%; }



.Journal-block-main .strip-shape-2 { width: 100vw; height: 26px; background: url(../images/strip-shape.png) top left repeat-x; position: absolute; top: 420px; left: 80%; z-index: -1;}

.Journal-block-main .strip-shape-1 { width: auto; height: 26px; background: url(../images/strip-shape.png) top right repeat-x; position: absolute; right: 80%; top: -12px; left: -100vw; z-index: -1;}

.Journal-block-main .round-shape-1 { max-width: 400px; max-height: 400px; width: 27.78vw; height: 27.78vw; position: absolute; right: 13.47vw; top: -5.56vw; border-radius: 100%; background: #3A3935;} 

.Journal-block-main .round-shape-2 {width: 22.22vw; height: 22.22vw;  max-width: 320px; max-height: 320px; position: absolute; left: 308px; top: 258px; border-radius: 100%; background: #3A3935;} 





.Journal-modal-outer{ transition: all 0.5s ease-in-out ; opacity: 0; transform: translateY(5rem);  pointer-events: none; visibility: hidden;   background:#2C2B27; padding: 40px;; z-index: 100;  position: fixed; left: 0; top: 0; width: 100%;    }

.Journal-modal-outer.active-modal{ opacity: 1; transform: none; pointer-events: all;   visibility: visible; }

.Journal-modal-inner .modal-data-blk .modal-img-block .img{ height: calc(100vh - 80px); height: calc((var(--vh, 1vh) * 100) - 80px);

 display: block; width: 100%; position: relative; }

.Journal-modal-inner .modal-data-blk .modal-img-block .img img{ z-index: 2; width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;  display: block;}

.Journal-modal-inner{ position: relative; display: block; width: 100%; }

.Journal-modal-inner .modal-close-cls{ z-index: 5; position: absolute; right: -40px; top: -40px;  } 

.Journal-modal-inner .modal-close-cls a{ display: flex ;align-items: center; width: 120px; border-radius: 24px; background: #2C2B27; height: 120px;  justify-content: center;  justify-content: center;}

.Journal-modal-inner .modal-close-cls a img{ width: 40px;;}

.modal-img-block{ display: block; width: 100%; position: relative;}

.modal-contain-over{ z-index: 5; padding: 24px 0 24px 24px; overflow: auto; background: #2C2B27; position: absolute; left: 10px; top: 10px; bottom: 10px; ; width: 33vw; max-width: calc(100% - 20px); }

.modal-data-sub{ height: 100%;  overflow: auto; padding: 0 24px 0 0; display: block; width: 100%;}

.modal-data-sub h4{ padding: 0 0 32px; color: var(--white);  font-family: 'DM Serif Display'; font-style: italic; font-size: 32px;;}

.modal-data-sub .text-data ol li,

.modal-data-sub .text-data ul li,

.modal-data-sub .text-data p,

.modal-data-sub .text-data ol li a,

.modal-data-sub .text-data ul li a,

.modal-data-sub .text-data p a{   font-size: 19px; }

.modal-data-sub .text-data ol li a,

.modal-data-sub .text-data ul li a,

.modal-data-sub .text-data p a{ color: #F6BC64;}



.modal-data-sub::-webkit-scrollbar {

  

   

  width: 5px; 

  background:#2C2B27; padding: 0 0px;;

}



.modal-data-sub::-webkit-scrollbar-track {

  width: 5px; 

 

}



.modal-data-sub::-webkit-scrollbar-thumb {

  border-radius: 50px; border: solid 5px rgba(255, 255, 255, 0.5);  

  background-color: rgba(0, 0, 0, .2);  

  

}



.modal-data-sub::-webkit-scrollbar-thumb:hover {

  border-radius:50px;

  background-color: rgba(0, 0, 0, .3)

}

 

.modal-data-sub::-webkit-scrollbar-button{

  height:2px;

}





.submit-btn-main button i{ animation: spin 10s  linear infinite;

    transition: all 0.3s ease-in-out;}



	@media (min-width: 767px) {

.Journal-box-main:hover{ transform: scale(1.15); }

.Journal-box-main:hover .arrow-btnbox{ top: 50px; }

}



body.modal-open{ overflow: hidden; }

.contcat-title.mobile-show{ display: none;}

.amenities-section .section-title h2 .gradient-text span{ font-size: 50px;}





.sitemap-link{ padding: 200px 0 40px 0; }

.sitemap-link ul{ flex-direction: column; display: flex ;  align-items: flex-start; }

.sitemap-link ul li{ display: flex; padding: 5px 0;}

.sitemap-link a{font-family: 'DM Serif Display';  color: var(--white); font-size: 20px;}





/*=============== About Page Start ==================*/



/*- about-section -*/

.about-section { width: 100%; height: calc(50svh*var(--total)); position: relative; --total: 1;}

.about-wrap { width: 100%; min-height: 100svh; display: flex; align-items: flex-end; padding: 200px 0 64px 0;}

.about-top { position: absolute; top: 0; left: 0; z-index: 1;}

.about-bottom { overflow: hidden; position: sticky; top: 0; left: 0; z-index: 2; pointer-events: none;}

.site-max-container { width: 100%; max-width: 180rem; display: block; margin: 0 auto; padding: 0 64px;}

.about-block { width: 100%; position: relative;}

.about-block .about-flex-row { min-height: 50vh; width: 100%; display: flex; flex-direction: row; gap: 0 52px;}

.about-block .about-flex-row .about-flex-col-1 { max-width: 640px;}

.about-block .about-flex-row .about-flex-col-1.invisible { visibility: hidden;}

.about-block .about-flex-row .about-flex-col-2 { flex: 1 1 0%;}

.about-block .about-text { width: 100%; display: block;}

.about-block .about-text .s__title { font-family: 'Darker Grotesque'; font-size: 90px; color: #FFF; font-weight: 500; letter-spacing: 0; line-height: 1; margin: 0 0 32px 0; padding: 0;}

.about-block .about-text .s__subtitle { font-family: 'Darker Grotesque'; font-size: 35px; color: #FFF; font-weight: 500; letter-spacing: 0.03em; line-height: 1; margin: 0 0 32px 0; padding: 0;}

.about-block .about-text p { letter-spacing: 0.03em; margin: 24px 0 0 0; padding: 0;}

.about-block .about-text p a { color: #DCA151; text-decoration: underline;}

.about-bottom .about-bottom-full { width: 100%; max-width: 55rem; display: grid; position: absolute; right: 100%; bottom: 100%; z-index: 2; pointer-events: none; transform: translate(50%, 0) rotate(10deg) skew(0) skewY(0) scaleX(1) scaleY(1); transform-origin: bottom right;}

.about-bottom .about-bottom-full > * { grid-area: 1 / 1;}

.about-bottom .about-ratio-16x9 { padding-top: 56.25%;}

.about-bottom .media-fill { overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}

.about-bottom .media-fill img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: 50% 50%; position: absolute; top: 0; left: 0;}

.about-bottom .site-max-container { position: relative; z-index: 1;}

.about-bottom .about-block .about-flex-row .about-flex-col-2 { position: relative; flex: 1 1 0%;}

.about-bottom .about-block .about-flex-row .about-flex-col-2 .stack { display: grid; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}

.about-bottom .about-block .about-flex-row .about-flex-col-2 .stack > * { grid-area: 1 / 1;}

/*- about-section -*/



/*- values-section -*/

.values-section { width: 100%; position: relative; padding: 76px 0 66px 0;}

.values-block { width: 100%; position: relative;}

.values-block .values-title { width: 100%; display: block; margin: 0 0 30px 0;}

.values-block .values-title h2 { font-family: 'DM Serif Display'; font-size: 24px; color: #FFF; font-weight: 400; font-style: italic; letter-spacing: 0; line-height: 1; margin: 0; padding: 0;}

.values-block .values-accordion { width: 100%; height: 300vh; position: relative;}

.values-block .values-accordion .values-accordion-wrap { width: 100%; height: 100vh; overflow: hidden; position: sticky; top: 0; left: 0;}

.values-block .values-accordion .values-accordion-item { width: 100%; position: relative; border-top: 1px solid #694B1A; padding: 50px 0 66px 0; --height: 12.5vh;}

.values-block .values-accordion .values-accordion-item:last-child { padding-bottom: 0;}

.values-block .values-accordion .values-accordion-item .values-accordion-item-inner { width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start;}

.values-block .values-accordion .values-accordion-item .v-acc-item-title { width: 40%; position: relative; padding: 0 40px 0 0;}

.values-block .values-accordion .values-accordion-item .v-acc-item-title .s__title { width: 100%; display: block; font-family: 'Darker Grotesque'; font-size: 70px; color: #FFF; font-weight: 500; letter-spacing: 0; line-height: 1; margin: 0; padding: 0;}

.values-block .values-accordion .values-accordion-item .v-acc-item-title .s__title strong { font-family: 'DM Serif Display'; font-style: italic; font-weight: 400; background: linear-gradient(93.82deg, #DCA151 -0.07%, #A66B0D 96.6%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent;}

.values-block .values-accordion .values-accordion-item .v-acc-item-content { width: 60%; position: relative; overflow: hidden;}

.values-block .values-accordion .values-accordion-item .v-acc-item-content .s__content { width: 100%; display: block;}

.values-block .values-accordion .values-accordion-item .v-acc-item-content p { letter-spacing: 0.03em; line-height: 1.5; margin: 20px 0 0 0; padding: 0;}

.values-block .values-accordion .values-accordion-item .v-acc-item-content p:first-child { margin: 0;}

/*- values-section -*/



/*- about-stories-section -*/

 
.about-stories-section { width: 100%; position: relative; z-index: 1; overflow: hidden; padding: 70px 0 70px 0;}
.about-stories-bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; pointer-events: none;}
.about-stories-bg img { width: 100%; height: 100%; display: block; object-fit: cover;}
.about-stories-title { width: 100%; display: block; text-align: center; padding: 0 0 70px 0;}
.about-stories-title h2 { font-family: 'Darker Grotesque'; font-size: 90px; color: #FFF; font-weight: 500; letter-spacing: 0; line-height: 1; margin: 0; padding: 0;}
.about-stories-title h2 strong { font-size: 80%; font-family: 'DM Serif Display'; font-style: italic; font-weight: 400;}
.about-stories-block { width: 100%; max-width: 880px; position: relative; display: block; margin: 0 auto;}
.about-stories-block .row { align-items: flex-start; gap: 40px 0; margin: 0 -20px !important;}
.about-stories-block .row > [class*="col-"] { padding: 0 20px !important;}
.about-stories-block .row > [class*="col-"]:nth-child(4n+2) { margin-top: 50px;}
.about-stories-block .row > [class*="col-"]:nth-child(4n+3) { margin-top: -50px;}
.about-stories-block .about-stories-box { width: 100%; position: relative; display: flex; flex-direction: column; background: #3A3935; margin: 0; padding: 15px 15px 27px 15px;}
.about-stories-block .about-stories-box .imagebox { width: 100%; position: relative; display: block;}
.about-stories-block .about-stories-box .imagebox:before { content: ""; display: block; padding: 120% 0 0 0;}
.about-stories-block .about-stories-box .imagebox img { width: 100%; height: 100%; display: block; object-fit: cover; position: absolute; top: 0; left: 0; z-index: 1;}
.about-stories-block .about-stories-box .imagebox video { width: 100%; height: 100%; display: block; object-fit: cover; background: #2C2B27; position: absolute; top: 0; left: 0; z-index: 2; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out;}
.about-stories-block .about-stories-box:hover .imagebox video { opacity: 1; visibility: visible;}
.about-stories-block .about-stories-box .textbox { width: 100%; display: block; text-align: center; margin: 24px 0 0 0;}
.about-stories-block .about-stories-box .textbox .s__title { display: block; font-family: 'DM Serif Display'; font-size: 32px; color: #FFF; font-weight: 400; font-style: italic; letter-spacing: 0.03em; line-height: 1; margin: 0; padding: 0;}
.about-stories-block .about-stories-box .textbox .s__text { display: block; font-family: 'Darker Grotesque'; font-size: 24px; color: #FFF; font-weight: 500; letter-spacing: 0.03em; line-height: 1; margin: 16px 0 10px 0; padding: 0;}
.about-stories-block .strip-shape-1 { width: auto; height: 26px; background: url(../images/strip-shape.png) top right repeat-x; position: absolute; top: -26px; right: calc(100% + 20px); left: -5000px; z-index: -1;}
.about-stories-block .strip-shape-2 { width: auto; height: 26px; background: url(../images/strip-shape.png) top left repeat-x; position: absolute; right: -5000px; bottom: 130px; left: calc(100% + 20px); z-index: -1;}
.about-stories-block .about-stories-box .textbox .text-data{ max-height: 0; transition: all 0.3s ease-in-out; display: block; width: 100%; overflow: hidden;  }
.textbox-inner{ position: relative;  bottom: 0px; width: 100%;  }
.about-stories-block .about-stories-box .textbox{ z-index: 10; bottom: auto; position: relative; }
.about-stories-block .about-stories-box:hover .textbox-inner{  }
.about-stories-block .about-stories-box:hover .textbox-inner .text-data{   }

.about-stories-block .about-stories-box .hover-box{ opacity: 0; transition: all 0.3s ease-in-out; z-index: 100; overflow: auto;  position: absolute; text-align: center; padding: 15px; left: 0; top:0 ; width: 100%; height: 100%; background: #000;   }
.about-stories-block .about-stories-box:hover .hover-box { opacity: 1; }

.about-stories-block .about-stories-box .hover-box .s__title { display: block; font-family: 'DM Serif Display'; font-size: 32px; color: #FFF; font-weight: 400; font-style: italic; letter-spacing: 0.03em; line-height: 1; margin: 0; padding: 0;}
.about-stories-block .about-stories-box .hover-box .s__text { display: block; font-family: 'Darker Grotesque'; font-size: 24px; color: #FFF; font-weight: 500; letter-spacing: 0.03em; line-height: 1; margin: 16px 0 10px 0; padding: 0;}

/*- about-stories-section -*/

 



/*- about-awards-section -*/

.about-awards-section { width: 100%; position: relative; z-index: 1; overflow: hidden; background: #3A3935; margin: 60px 0; padding: 140px 0;}

.about-awards-block { width: 100%; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 80px;}

.about-awards-title { width: 100%; height: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; position: absolute; top: 0; left: 0; z-index: -1;}

.about-awards-title h2 { font-family: 'Darker Grotesque'; font-size: 140px; color: #2C2B27; font-weight: 500; letter-spacing: 0; line-height: 1; margin: 0; padding: 0;}

.about-awards-title h2 strong { font-family: 'DM Serif Display'; font-style: italic; font-weight: 400;}

.about-awards-card { width: 100%; display: flex; justify-content: space-between; gap: 30px;}

.about-awards-card .about-awards-card-item { width: 350px; min-height: 420px; flex: 0 0 auto; position: relative; transform-style: preserve-3d; -webkit-transform-style: preserve-3d;}

.about-awards-card .about-awards-card-item .about-awards-card-item-front { width: 100%; height: 100%; position: relative; display: flex; flex-direction: column; background: #E5E0DA; border-radius: 12px; transform: rotateY(180deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; padding: 70px 24px 50px 24px;}

.about-awards-card .about-awards-card-item .about-awards-card-item-front .iconbox { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: 0 0 30px 0;}

.about-awards-card .about-awards-card-item .about-awards-card-item-front .iconbox img { width: auto; max-width: 90px; height: auto; max-height: 90px;}

.about-awards-card .about-awards-card-item .about-awards-card-item-front .textbox { width: 100%; display: block; text-align: center;}

.about-awards-card .about-awards-card-item .about-awards-card-item-front .textbox p { font-size: 36px; color: #2C2B27; font-weight: 500; line-height: 1.25; margin: 0; padding: 0;}

.about-awards-card .about-awards-card-item .about-awards-card-item-back { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; background: linear-gradient(146.7deg, #DCA151 19.73%, #A66B0D 103.07%); border-radius: 12px; position: absolute; top: 0; left: 0; z-index: -1; -webkit-backface-visibility: hidden; backface-visibility: hidden; padding: 24px 24px;}

.about-awards-card .about-awards-card-item .about-awards-card-item-back .iconbox { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}

.about-awards-card .about-awards-card-item .about-awards-card-item-back .iconbox img { width: auto; max-width: 90px; height: auto; max-height: 90px;}

/*- about-awards-section -*/



/*=============== About Page End ==================*/



/*=============== Home Page Start ==================*/



/*- journey-section -*/

.journey-section { width: 100%; height: calc(400vh); position: relative; margin: 75px 0 0 0;}

.journey-section-inner { width: 100%; position: sticky; top: 0; overflow: hidden;}

.journey-title-wrap { width: 100%; position: absolute; top: 0; left: 0; z-index: 3; padding: 0 100px;}

.journey-title-wrap .journey-title { width: 100%; max-width: 490px; display: block;}

.journey-title-wrap .journey-title .journey-title-text { width: 100%; display: block;}

.journey-title-wrap .journey-title .journey-title-text h2 { font-family: 'Darker Grotesque'; font-size: 90px; color: #FFFFFF; font-weight: 500; letter-spacing: 0; line-height: 1; margin: 0; padding: 0;}

.journey-title-wrap .journey-title .journey-title-text h2 span { display: block;}

.journey-title-wrap .journey-title .journey-title-text h2 span:last-child { text-align: right;}

.journey-title-wrap .journey-title .journey-title-text h2 strong { font-family: 'DM Serif Display'; font-style: italic; font-weight: 400; background: linear-gradient(93.82deg, #DCA151 -0.07%, #A66B0D 96.6%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent;}

.journey-slider { width: auto; position: relative; overflow: hidden; display: flex; white-space: nowrap;}

.journey-slider .journey-slider-inner { width: auto; height: 100vh !important; position: relative; display: flex; will-change: transform; transition: transform .5s cubic-bezier(0, .505, .165, 1); padding: 0 0 0 100px;}

.journey-slider .journey-slider-inner:before { content: ""; width: calc(100% - 200px); height: 2px; background: #CD923E; position: absolute; bottom: 70px; left: 100px; z-index: 10;}

.journey-slider .journey-slider-panel { width: 70vw; height: auto; position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; flex: 0 0 auto; margin: 0 40px 0 0;}

.journey-slider .journey-slider-panel:last-child { margin: 0 100px 0 0;}

.journey-slider .journey-slider-panel .js-panel-text { width: 16%; position: relative; z-index: 4; display: flex; flex-direction: column; justify-content: center; padding: 70px 0;}

.journey-slider .journey-slider-panel .js-panel-text .js-panel-text__inner { width: 325%; display: flex; flex-direction: column-reverse; gap: 20px; white-space: normal; margin: 0; padding: 0 80px 0 0;}

.journey-slider .journey-slider-panel .js-panel-text .s__title { white-space: nowrap; width: 100%; display: block; font-family: 'Darker Grotesque'; font-size: 5vw; color: rgba(255, 255, 255, 0.8); font-weight: 900; letter-spacing: 0; line-height: 1; text-align: right; margin: 0; padding: 0 12vw 0 0;}

.journey-slider .journey-slider-panel .js-panel-text .s__text { width: 100%; display: block;}

.journey-slider .journey-slider-panel .js-panel-text .s__text p { color: #A9A298; line-height: 1.5; margin: 0; padding: 0;}

.journey-slider .journey-slider-panel .js-panel-image { width: 75%; position: relative; display: flex; flex-direction: column; justify-content: center; align-self: center;}

.journey-slider .journey-slider-panel .js-panel-image .js-panel-image__inner { width: 100%; height: calc(100vh - 20vh); position: relative; display: flex; flex-direction: column; align-items: flex-end;}

.journey-slider .journey-slider-panel .js-panel-image .s__title { display: none;}

.journey-slider .journey-slider-panel .js-panel-image .imgbox { width: 100%; position: absolute; display: block;}

.journey-slider .journey-slider-panel .js-panel-image .imgbox:before { content: ""; display: block; padding: 56.25% 0 0 0;}

.journey-slider .journey-slider-panel .js-panel-image .imgbox img { width: 100%; height: 100%; display: block; object-fit: cover; position: absolute; top: 0; left: 0; z-index: 1;}

.journey-slider .journey-slider-panel .js-panel-image .imgbox.img-1 { width: 47%; height: 74%; position: absolute; top: 0; right: 17%; z-index: 1;}

.journey-slider .journey-slider-panel .js-panel-image .imgbox.img-1:before { padding: 120% 0 0 0;}

.journey-slider .journey-slider-panel .js-panel-image .imgbox.img-2 { width: 30%; height: 39%; position: absolute; top: 20px; right: 0; z-index: 3;}

.journey-slider .journey-slider-panel .js-panel-image .imgbox.img-2:before { padding: 100% 0 0 0;}

.journey-slider .journey-slider-panel .js-panel-image .imgbox.img-3 { width: 47%; height: 45%; position: absolute; bottom: 0; left: 0; z-index: 0;}

.journey-slider .journey-slider-panel .js-panel-image .imgbox.img-3:before { padding: 75% 0 0 0;}

.journey-slider .journey-slider-panel .strip-shape-1 { width: 360px; height: 26px; background: url(../images/strip-shape.png) top left repeat-x; position: absolute; top: -50px; right: -40px; z-index: -1; pointer-events: none;}

.journey-slider .journey-slider-panel .strip-shape-2 { width: 202px; height: 26px; background: url(../images/strip-shape.png) top right repeat-x; position: absolute; right: 30px; bottom: -50px; z-index: -1; pointer-events: none;}

.journey-slider .journey-slider-panel:nth-child(even) .js-panel-text .js-panel-text__inner { flex-direction: column;}

.journey-slider .journey-slider-panel:nth-child(even) .js-panel-text .s__title { text-align: left; padding: 0 0 0 9vw;}

.journey-slider .journey-slider-panel:nth-child(even) .js-panel-image .imgbox.img-1 { top: auto; bottom: 0;}

.journey-slider .journey-slider-panel:nth-child(even) .js-panel-image .imgbox.img-2 { top: auto; bottom: 20px;}

.journey-slider .journey-slider-panel:nth-child(even) .js-panel-image .imgbox.img-3 { top: 0; bottom: auto; left: -5%; z-index: 2;}

.journey-slider .journey-slider-panel:nth-child(even) .strip-shape-1 { top: auto; bottom: -50px;}

.journey-slider .journey-slider-panel:nth-child(even) .strip-shape-2 { top: -50px; bottom: auto;}

.journey-slider-bar { width: calc(100% - 200px); position: absolute; bottom: 70px; left: 100px; z-index: 1;}

.journey-slider-bar .js-bar-button { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; background: linear-gradient(144.3deg, #DCA151 -0.69%, #A66B0D 99.8%); border-radius: 1000px; position: absolute; left: 0; bottom: -30px; z-index: 11; transition: transform 150ms ease-out;}

.journey-slider-bar .js-bar-button:after { content: ""; border: 1px solid #212019; border-radius: 50%; position: absolute; top: 5px; right: 5px; bottom: 5px; left: 5px; z-index: 1; pointer-events: none;}

.journey-slider-bar .js-bar-button svg { width: 16px; height: 12px; display: block; animation: fouTouche 5s linear infinite;}

.journey-slider-bar .js-bar-button .js-bb-circle { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: calc(100% + 8px); height: calc(100% + 8px); border-radius: 50%; border: 2px solid #DCA151; animation: fou 1.5s linear infinite;}

.journey-slider-bar .js-bar-button .js-bb-circle:nth-child(2) { animation-delay: -.5s;}

.journey-slider-bar .js-bar-button .js-bb-circle:nth-child(3) { animation-delay: -1s;}



@keyframes fouTouche {

  0%,100%,12%,6% {

    transform: translateX(0);

  }

  3%,9% {

    transform: translateX(6px);

  }

}



@keyframes fou {

  0% {

    transform: translate(-50%,-50%) scale(1);

    opacity: 0;

  }

  10% {

    transform: translate(-50%,-50%) scale(1);

    opacity: 1;

  }

  100% {

    transform: translate(-50%,-50%) scale(1.5);

    opacity: 0;

  }

}

/*- journey-section -*/



/*=============== Home Page End ==================*/





.location-marquee .property-vertcle-text{ left: -8px; }

.mobile-news-block{ display: none;}

.mobile-news-block .swiper-slide{ width: 275px;}

.project-box-main  .img .img-over h4{ display: none; font-size: 24px; padding: 0 0 20px; font-family: 'DM Serif Display'; color: var(--white); text-align: center; font-style: italic; }

.project-box-main  .img .img-over .arrow-link{ display: none;}





/*- flor-paln-tab-section -*/

.flor-paln-tab-section { width: 100%; position: relative; overflow: hidden; padding: 100px 0 0 0;}

.flor-paln-tab-section .section-title { position: relative; }

.flor-paln-tab-section .section-title .bg-line { width: 100vw; height: 26px; background: url(../images/strip-shape.png) top right repeat-x; position: absolute; top: 14px; right: 100%; z-index: -1; margin: 0 -142px 0 0;}

.flor-paln-tabs-block { width: 100%; display: block; padding: 38px 0 0 0;}

.flor-paln-tabs-block .nav-tabs { gap: 16px;  display: flex ;align-items: center; justify-content: center; margin: 0; padding: 0; border: 0; border-radius: 0; background: none;  }

.flor-paln-tabs-block .nav-tabs .nav-link { display: flex ;align-items: center; justify-content: center; margin: 0; padding: 0; border: 0; border-radius: 0; background: none;   border-radius: 100px; min-height: 46px;; padding:  0 24px; font-size: 20px ; color: #DCA151;font-family: 'Lora'; background: linear-gradient(#2C2B27, #2C2B27) padding-box, linear-gradient(45deg, #DCA151, #A66B0D) border-box; border: 1px solid transparent;}

.flor-paln-tabs-block .nav-tabs .nav-link.active { background: linear-gradient(#DCA151, #A66B0D) padding-box, linear-gradient(45deg, #DCA151, #A66B0D) border-box; color: #fff;}

.flor-paln-tabs-content { width: 100%; position: relative; display: block; margin: 70px 0 0 0;}

.flor-paln-tabs-content .tab-content > .tab-pane { position: absolute; pointer-events: none; display: block; left: 0; opacity: 0; top: 0 ;width: 100%; }

.flor-paln-tabs-content .tab-content > .tab-pane.active { opacity: 1; position: relative; pointer-events: all; }

.flor-paln-slider { width: 100%; position: relative;}

.flor-paln-slider .flor-paln-slider-box { width: 100%; position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; gap: 24px; opacity: 0.3; transform: scale(0.75); transition: all 0.3s ease-in-out;}

.flor-paln-slider .swiper-slide.swiper-slide-active .flor-paln-slider-box { opacity: 1; transform: scale(1);}

.flor-paln-slider .flor-paln-slider-box .imgbox { width: calc(50% - 12px); position: relative;}

.flor-paln-slider .flor-paln-slider-box .imgbox:last-child { margin: 58px 0 0 0;}

.flor-paln-slider .flor-paln-slider-box .imgbox .img { width: 100%; position: relative; display: block; overflow: hidden; border-radius: 10px;}

.flor-paln-slider .flor-paln-slider-box .imgbox .img:before { content: ""; display: block; padding: 125% 0 0 0;}

.flor-paln-slider .flor-paln-slider-box .imgbox .img img { width: 100%; height: 100%; display: block; object-fit: cover; position: absolute; top: 0; left: 0; z-index: 1;}

/*- flor-paln-tab-section -*/



/*- locations-section -*/

.locations-section { width: 100%; position: relative; overflow: hidden; padding: 120px 0 0 0;}

.locations-main { width: 100%; position: relative; display: block; margin: 70px 0 0 0;}

.locations-route { width: 100%; position: relative;}

.locations-route .locations-route-dots { width: 100%; display: flex; flex-wrap: wrap; position: absolute; top: 50%; left: 0; z-index: 1; transform: translateY(-50%);}

.locations-route .locations-route-dots .dotbox { width: 33.33333%; position: relative;}

.locations-route .locations-route-dots .dotbox .dot { width: 35px; height: 35px; display: flex; flex-wrap: wrap; background: #2C2B27; border: 2px solid #DCA151; border-radius: 50%;}

.locations-route .locations-route-line { width: 100%; height: 1px; position: absolute; top: 50%; left: 0; z-index: 0; transform: translateY(-50%);}

.locations-route .locations-route-line:before { content: ""; width: auto; height: 100%; background: #A66B0D; opacity: 0.5; position: absolute; top: 0; right: -5000px; left: 0;}

.locations-route .locations-route-car { width: 100%; height: 120px; position: relative; z-index: 2; display: flex; flex-wrap: wrap; align-items: flex-start;}

.locations-route .locations-route-car .route-car { width: auto; max-width: 270px; height: 100%; display: flex; flex-wrap: wrap; will-change: transform;}

.locations-route .locations-route-car .route-car img { max-width: 100%; height: auto;}

.locations-block { width: 100%; position: relative; padding: 40px 0 0 0;}

.locations-block .locations-row { display: flex; flex-wrap: wrap; gap: 80px 0; margin: 0 -40px;}

.locations-block .locations-row .locations-col { width: 33.33333%; position: relative; padding: 0 40px;}

.locations-block .locations-box { width: 100%; display: flex; flex-direction: column; gap: 24px;}

.locations-block .locations-box .iconbox { width: 100%; display: flex; flex-direction: column;}

.locations-block .locations-box .iconbox img { width: auto; max-width: 48px; height: auto;}

.locations-block .locations-box .textbox { width: 100%; display: block;}

.locations-block .locations-box .textbox p { font-weight: 500; text-transform: uppercase; line-height: 1.5; margin: 0; padding: 0;}

/*- locations-section -*/





.project-section.home-project-section{ padding-bottom: 0; }




.modal-backdrop.show{ opacity: 0.7; }
.download-modal .btn-close{ outline: none; box-shadow: none; padding: 0; z-index: 10; opacity: 1; color: #000; font-size: 20px;  position: absolute; right: 10px; top: 10px;  }
.Enquire-modal .btn-close{ outline: none; box-shadow: none; padding: 0; z-index: 10; opacity: 1; color: #000; font-size: 20px;  position: absolute; right: 10px; top: 10px;  }
.dl-form-block{ padding: 24px 16px; }
.dl-form-block .input-row{ padding: 10px 0; display: block; width: 100%;} 
.dl-form-block .input-row .input-text{ border-radius: 0; border: 0;  font-size: 20px; font-weight: 600; border-bottom: var(--dark) solid 1px; display: block; width: 100%;}
.dl-form-block .input-row textarea.input-text{ height: 70px; resize: none; }
.dl-form-block .input-row.submit-btn{ display: flex ; align-items: center;}
.dl-form-block .input-row.submit-btn button{ min-height: 48px; border: 0; color: var(--white);  font-family: 'DM Serif Display'; gap: 24px; padding: 0 40px; letter-spacing: 0.03rem; font-size: 20px; display: flex ;align-items: center; justify-content: center; border-radius: 100px;; background: linear-gradient(135deg,  rgba(220,161,81,1) 0%,rgba(166,107,13,1) 50%,rgba(166,107,13,1) 50%,rgba(220,161,81,1) 100%);
 background-size: 200% 100%; background-position: left top; transition: all 0.3s ease-in-out;}
.dl-form-block .input-row.submit-btn button:hover{ background-position: right top; }

.distance-section .section-title{ padding: 0 0 32px; }

.Interior-section + .faq-section{ padding-top: 0; }
.flor-paln-tab-section + .project-info-section{ padding-top: 100px; }
.amenities-section +  .download-section{ margin-top: 100px; }

.flor-paln-tab-section:last-child{ padding-bottom: 100px; }


.Enquire-btn{ z-index: 100; position: fixed; left: 0; top: 30%; }
.Enquire-btn a{ color: #000; background: #fff;font-family: 'Darker Grotesque';     writing-mode: vertical-rl; font-size:20px; font-weight: bold; padding:24px 5px 24px 8px;}

.locations-block .locations-row.fivecol{ margin: 0; }
.locations-block .locations-row.fivecol    .locations-col { padding: 0; width: 20%;   }
.locations-route.fivecol .locations-route-dots .dotbox{ width: 20%;}

.flor-paln-slider .swiper-slide {width: 380px;}
.flor-paln-slider .flor-paln-slider-box{ width: 100%;}
.flor-paln-slider .flor-paln-slider-box .imgbox {width: 100%;}