*{margin: 0; padding: 0; box-sizing: border-box;}
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
@font-face {
    font-family: 'Aspekta 300';
    src: url('fonts/Aspekta-300.woff2') format('woff2'),
        url('fonts/Aspekta-300.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aspekta 400';
    src: url('fonts/Aspekta-400.woff2') format('woff2'),
        url('fonts/Aspekta-400.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aspekta 400';
    src: url('fonts/Aspekta-700.woff2') format('woff2'),
        url('fonts/Aspekta-700.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aspekta 600';
    src: url('fonts/Aspekta-600.woff2') format('woff2'),
        url('fonts/Aspekta-600.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aspekta 500';
    src: url('fonts/Aspekta-500.woff2') format('woff2'),
        url('fonts/Aspekta-500.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Montreal';
    src: url('fonts/NeueMontreal-Bold.woff2') format('woff2'),
        url('fonts/NeueMontreal-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Montreal';
    src: url('fonts/NeueMontreal-BoldItalic.woff2') format('woff2'),
        url('fonts/NeueMontreal-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Montreal';
    src: url('fonts/NeueMontreal-Italic.woff2') format('woff2'),
        url('fonts/NeueMontreal-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Montreal';
    src: url('fonts/NeueMontreal-Light.woff2') format('woff2'),
        url('fonts/NeueMontreal-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Montreal';
    src: url('fonts/NeueMontreal-LightItalic.woff2') format('woff2'),
        url('fonts/NeueMontreal-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Montreal';
    src: url('fonts/NeueMontreal-Medium.woff2') format('woff2'),
        url('fonts/NeueMontreal-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Montreal';
    src: url('fonts/NeueMontreal-Regular.woff2') format('woff2'),
        url('fonts/NeueMontreal-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Montreal';
    src: url('fonts/NeueMontreal-MediumItalic.woff2') format('woff2'),
        url('fonts/NeueMontreal-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}



body{ font-weight: 400;  font-family: 'Aspekta 400'; overflow: hidden; background-color: #fff;}
body.loaded{overflow: visible;}
.wrapper{overflow: hidden; position: relative;}

/*preloader*/
.preloader-body {
  background-color: #D5C4C4;
  position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; transition: 0.8s;
}
.preloader-body.loaded{top: -150vh;}
.loader-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  display:  flex; justify-content: center; align-items: center; flex-direction: column;
  margin: 0 auto;
  left: 50%;
  top: 50%; transform: translate(-50%,-50%);
}
.loader-wrapper img{max-width: 200px;}

.loader {
  width: 148px;
  height: 100px;
  top: 0;
  left: 0;
  position: absolute;
}
.loader:after {
  content: "";
  top: auto;
  position: absolute;
  display: block;
  animation: shadow 1.2s infinite linear;
  -moz-animation: shadow 1.2s infinite linear;
  bottom: 0em;
  left: 0;
  height: .25em;
  width: 1em;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.3;
}

.roller,
.roller:last-child {
  width: 70px;
  height: 70px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: rollercoaster 1.2s infinite linear;
  -webkit-transform: rotate(135deg);
  -moz-animation: rollercoaster 1.2s infinite linear;
  -moz-transform: rotate(135deg);
  animation: rollercoaster 1.2s infinite linear;
  transform: rotate(135deg);
}

.roller:last-child {
  left: auto;
  right: 0;
  -webkit-transform: rotate(-45deg);
  -webkit-animation: rollercoaster2 1.2s infinite linear;
  -moz-transform: rotate(-45deg);
  -moz-animation: rollercoaster2 1.2s infinite linear;
  transform: rotate(-45deg);
  animation: rollercoaster2 1.2s infinite linear;
}

.roller:before,
.roller:last-child:before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background: #fff;
  border-radius: 50%;
}

@-webkit-keyframes rollercoaster {
  0% {
    -webkit-transform: rotate(135deg);
  }
  8% {
    -webkit-transform: rotate(240deg);
  }
  20% {
    -webkit-transform: rotate(300deg);
  }
  40% {
    -webkit-transform: rotate(380deg);
  }
  45% {
    -webkit-transform: rotate(440deg);
  }
  50% {
    -webkit-transform: rotate(495deg);
    opacity: 1;
  }
  50.1% {
    -webkit-transform: rotate(495deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(495deg);
    opacity: 0;
  }
}
@-webkit-keyframes rollercoaster2 {
  0% {
    opacity: 0;
  }
  49.9% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    -webkit-transform: rotate(-45deg);
  }
  58% {
    -webkit-transform: rotate(-160deg);
  }
  70% {
    -webkit-transform: rotate(-240deg);
  }
  80% {
    -webkit-transform: rotate(-300deg);
  }
  90% {
    -webkit-transform: rotate(-340deg);
  }
  100% {
    -webkit-transform: rotate(-405deg);
  }
}
@-webkit-keyframes shadow {
  0% {
    opacity: .3;
    -webkit-transform: translateX(65px) scale(0.5, 0.5);
  }
  8% {
    -webkit-transform: translateX(30px) scale(2, 2);
  }
  13% {
    -webkit-transform: translateX(0px) scale(1.3, 1.3);
  }
  30% {
    -webkit-transform: translateX(-15px) scale(0.5, 0.5);
    opacity: 0.1;
  }
  50% {
    -webkit-transform: translateX(60px) scale(1.2, 1.2);
    opacity: 0.3;
  }
  60% {
    -webkit-transform: translateX(130px) scale(2, 2);
    opacity: 0.05;
  }
  65% {
    -webkit-transform: translateX(145px) scale(1.2, 1.2);
  }
  80% {
    -webkit-transform: translateX(120px) scale(0.5, 0.5);
    opacity: 0.1;
  }
  90% {
    -webkit-transform: translateX(80px) scale(0.8, 0.8);
  }
  100% {
    -webkit-transform: translateX(60px);
    opacity: 0.3;
  }
}
/* Moz */
@-moz-keyframes rollercoaster {
  0% {
    -moz-transform: rotate(135deg);
  }
  8% {
    -moz-transform: rotate(240deg);
  }
  20% {
    -moz-transform: rotate(300deg);
  }
  40% {
    -moz-transform: rotate(380deg);
  }
  45% {
    -moz-transform: rotate(440deg);
  }
  50% {
    -moz-transform: rotate(495deg);
    opacity: 1;
  }
  50.1% {
    -moz-transform: rotate(495deg);
    opacity: 0;
  }
  100% {
    -moz-transform: rotate(495deg);
    opacity: 0;
  }
}
@-moz-keyframes rollercoaster2 {
  0% {
    opacity: 0;
  }
  49.9% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    -moz-transform: rotate(-45deg);
  }
  58% {
    -moz-transform: rotate(-160deg);
  }
  70% {
    -moz-transform: rotate(-240deg);
  }
  80% {
    -moz-transform: rotate(-300deg);
  }
  90% {
    -moz-transform: rotate(-340deg);
  }
  100% {
    -moz-transform: rotate(-405deg);
  }
}
@-moz-keyframes shadow {
  0% {
    opacity: .3;
    -moz-transform: translateX(65px) scale(0.5, 0.5);
  }
  8% {
    -moz-transform: translateX(30px) scale(2, 2);
  }
  13% {
    -moz-transform: translateX(0px) scale(1.3, 1.3);
  }
  30% {
    -moz-transform: translateX(-15px) scale(0.5, 0.5);
    opacity: 0.1;
  }
  50% {
    -moz-transform: translateX(60px) scale(1.2, 1.2);
    opacity: 0.3;
  }
  60% {
    -moz-transform: translateX(130px) scale(2, 2);
    opacity: 0.05;
  }
  65% {
    -moz-transform: translateX(145px) scale(1.2, 1.2);
  }
  80% {
    -moz-transform: translateX(120px) scale(0.5, 0.5);
    opacity: 0.1;
  }
  90% {
    -moz-transform: translateX(80px) scale(0.8, 0.8);
  }
  100% {
    -moz-transform: translateX(60px);
    opacity: 0.3;
  }
}
/* No-prefix */
@keyframes rollercoaster {
  0% {
    transform: rotate(135deg);
  }
  8% {
    transform: rotate(240deg);
  }
  20% {
    transform: rotate(300deg);
  }
  40% {
    transform: rotate(380deg);
  }
  45% {
    transform: rotate(440deg);
  }
  50% {
    transform: rotate(495deg);
    opacity: 1;
  }
  50.1% {
    transform: rotate(495deg);
    opacity: 0;
  }
  100% {
    transform: rotate(495deg);
    opacity: 0;
  }
}
@keyframes rollercoaster2 {
  0% {
    opacity: 0;
  }
  49.9% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    transform: rotate(-45deg);
  }
  58% {
    transform: rotate(-160deg);
  }
  70% {
    transform: rotate(-240deg);
  }
  80% {
    transform: rotate(-300deg);
  }
  90% {
    transform: rotate(-340deg);
  }
  100% {
    transform: rotate(-405deg);
  }
}
@keyframes shadow {
  0% {
    opacity: .3;
    transform: translateX(65px) scale(0.5, 0.5);
  }
  8% {
    transform: translateX(30px) scale(2, 2);
  }
  13% {
    transform: translateX(0px) scale(1.3, 1.3);
  }
  30% {
    transform: translateX(-15px) scale(0.5, 0.5);
    opacity: 0.1;
  }
  50% {
    transform: translateX(60px) scale(1.2, 1.2);
    opacity: 0.3;
  }
  60% {
    transform: translateX(130px) scale(2, 2);
    opacity: 0.05;
  }
  65% {
    transform: translateX(145px) scale(1.2, 1.2);
  }
  80% {
    transform: translateX(120px) scale(0.5, 0.5);
    opacity: 0.1;
  }
  90% {
    transform: translateX(80px) scale(0.8, 0.8);
  }
  100% {
    transform: translateX(60px);
    opacity: 0.3;
  }
}
#loader2:after {
  -webkit-animation-delay: 0.15s;
  animation-delay: 0.15s;
}
#loader2 .roller {
  -webkit-animation-delay: 0.15s;
  animation-delay: 0.15s;
}

#loader3:after {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
#loader3 .roller {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}


/*common class*/
a{text-decoration: none; transition: 0.4s; display: inline-block;}
.none-ul{list-style: none;}
.inter{font-family: 'Inter', sans-serif;}
.neue{font-family: 'Neue Montreal';}
.common-font{font-size: 16px;}
.common-font2{font-size: 14px;}
.common-font3{font-size: 18px;}
.common-color{color: #7B746A;}
.common-color2{color:#948F87;}
.common-color3{color:#89847C;}
.dark-color{color: #262522;}
.common-btn{font-size: 14px; color: #fff; background: rgba(123, 116, 106, 0.2); padding: 8px 25px; border-radius: 25px; overflow: hidden; font-weight: 400; position: relative; z-index: 9;}
.common-btn:hover, .common-btn.active{background: #7B746A;}
.common-btn2{position: relative; z-index: 9;font-size: 14px; color: #fff;background: #7B746A; padding: 8px 25px; border-radius: 25px; overflow: hidden; font-weight: 400;}
.common-btn2:hover, .common-btn2.active{background: rgba(123, 116, 106, 0.2);}
.gray{color: #605A59;}
.gray2{color: #564F45;}
.white{color: #fff;}
.pink{color: #C18F8F;}
.header-one{font-size: 45px;}
.header-two{font-size: 25px;}
.header-three{font-size: 35px;}
.header-four{font-size: 18px;}
.bold{font-weight: 600;}
.semibold{font-weight: 500;}
.line{line-height: 1;}
.line2{line-height: 1.2;}
.txt-width{max-width: 450px;}
.medium{font-weight: 400;}
.border-none{border: none !important;}
.o-0{opacity: 0; cursor: none;}

/*navbar*/
.navbar-section{transition: 0.4s; position: fixed; top: 0; left: 0; width: 100%; z-index: 999;background: #fff; height: 250px;}
.navbar-section.fixed-top{position: fixed; top: 0; left: 0; width: 100%; z-index: 999; box-shadow: 0px 15px 10px -15px #7B746A; height: 72px;}
.navbar-section.fixed-top .navbar-menu{animation-name: navanimation; animation-duration: 1.5s;text-align: right;}
@keyframes navanimation {
  from {opacity: 0;}
  to {opacity: 1;}
}
.navbar-section.fixed-top .navbar-logo img{width: 85px;} 
.navbar-section.fixed-top .navbar-btn a {top: 15px; right: 35px;}
.navbar-section.fixed-top .menu-btn-1 span{margin-top: 25px;}
.navbar-logo{padding: 15px; transition: 0.4s;}
.navbar-logo img{width: 150px; transition: 0.4s;}
.span-one,.span-three,.span-two{width: 20px; height: 2px; background: #7B746A; margin: 4px 0;}
.hambarger-menu{position: relative; display: none; cursor: pointer; margin-left: 10px; height: 100%; padding-top: 10px;}
.navbar-btn{position: relative; text-align: right;}
.navbar-menu{position: relative; padding: 20px 20px 0 0px;}
.navbar-menu ul li a{font-size: 20px; color: rgba(148, 143, 135, 0.8); position: relative; transition: 0.4s;}
.navbar-menu ul li a:before{content: ''; position: absolute; top: 50%; left: -30px; width: 0px; height: 2px; background: #7B746A; transition: 0.4s; transform: translateY(-50%);}
.navbar-menu ul li a.active{color: rgba(148, 143, 135, 1); font-weight: 600;}
.navbar-menu ul li a.active:before, .navbar-menu ul li a:hover:before{width: 20px;}
.navbar-section.fixed-top ul li{display: inline-block; margin: 0 6px;}
.navbar-section.fixed-top .navbar-menu ul li a{font-size: 18px;}
.navbar-section.fixed-top .navbar-menu ul li a:before{left: 0; width: 0%; top: 100%;}
.navbar-section.fixed-top .navbar-menu ul li a:hover:before,.navbar-section.fixed-top .navbar-menu ul li a.active:before {left: 0; width: 100%; top: 100%;}
.navbar-btn button{position: fixed; bottom: 30px; right: 15px; z-index: 999;outline:  none; transition: 0.4s; padding: 6px 15px; background-color: #7B746A; color: #242320 !important; border-radius: 35px; font-size: 14px; display: inline-block; border: 1px solid #7B746A;}
.navbar-btn button:hover{border: 1px solid #fff;}
.navbar-btn button span{margin-left: 5px;}
.navbar-btn button span img{width:  15px;}
 /* Menu Button 1 */
    .menu-btn-1 {
        height: 32px;
        width: 40px;
        cursor: pointer; margin-left: 5px;
    }
    .menu-btn-1 span{margin-left: 20px;}

        .menu-btn-1 span,
        .menu-btn-1 span::before,
        .menu-btn-1 span::after {
            background: #7B746A;
            border-radius: 3px;
            content: '';
            position: absolute; left: 0;
            width: 25px;
            height: 2px;         
            margin-top: 10px;

            -webkit-transition: .3s ease-in-out;
            -moz-transition: .3s ease-in-out;
            -o-transition: .3s ease-in-out;
            transition: .3s ease-in-out;
        }

        .menu-btn-1 span::before {
            margin-top:-8px;
        }

        .menu-btn-1 span::after {
            margin-top:8px;
        }

        .menu-btn-1.active span {
            background: transparent;
        }

        .menu-btn-1.active span::before {
            margin-top: 0;

            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .menu-btn-1.active span::after {
            margin-top: 0;

            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }
}
}
.hambarger-nav{position: fixed; right: 0; top: 0; background: #fff; z-index: 99; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); transition: 0.4s; height: 0px; overflow: hidden; padding: 0; width: 100%; height: 0; transition: 0.4s;}
.hambarger-nav.open{height: auto; padding: 20px 30px; width: 100%; text-align: center; top: 0px; height: 100vh; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.hambarger-nav.open ul li{margin: 10px 0;}
.hambarger-nav ul li a{font-size: 20px; color: rgba(148, 143, 135, 0.8); position: relative; transition: 0.4s;}
.hambarger-nav ul li a:before{content: ''; position: absolute; top: 50%; left: -20px; width: 0px; height: 2px; background: #7B746A; transition: 0.4s; transform: translateY(-50%);}
.hambarger-nav ul li a.active{color: rgba(148, 143, 135, 1); font-weight: 600;}
.hambarger-nav ul li a.active:before, .hambarger-nav ul li a:hover:before{width: 13px;}
.header-other-logo{text-align: right; padding: 15px 0; display: inline-block; width: 100%;}
.header-other-logo img{margin-right: 10px; height:  35px;}
#masterplan{position: relative; height: 100vh; display: flex; justify-content: center; align-items: center;}
.index-page #masterplan{margin-top: 100vh;}
.masterplan-img-structure{position: relative;}
.masterplan-img-structure img{width:  640px; margin:  0 auto;}
.hero{position: relative; z-index: 5; padding-top: 300px; background-color: #fff;}
.structure{position: relative; width: 100%;}
.structure-shadow-one{width: 400px; position: absolute; top: 220vh; right: 0; z-index: 4;}
.structure-shadow-two{width: 400px; position: absolute;top: 120vh; left: 0; z-index: 4;}
.structure-shadow-three{width: 400px; position: absolute; top: 420vh; right: 0; z-index: 4;}
.structure-shadow-four{width: 400px; position: absolute;top: 300vh; left: 0; z-index: 4;}
.structure-shadow-five{width: 400px; position: absolute; top: 650vh; right: 0; z-index: 4;}
.structure-shadow-six{width: 400px; position: absolute;top: 550vh; left: 0; z-index: 4;}
.structure-shadow-seven{width: 400px; position: absolute; top: 850vh; right: 0; z-index: 4;}
.structure-shadow-eight{width: 400px; position: absolute;top: 750vh; left: 0; z-index: 4;}
.structure-shadow-nine{width: 400px; position: absolute;top: 950vh; left: 0; z-index: 4;}
.circle {display: inline-block; color: #fff; background: rgba(0, 0, 0, 0.3); padding: 2px; min-width: 20px; text-align: center; font-size: 11px; margin-right: 8px;}
.section-pointer-left ul{padding: 0px;}
.section-pointer{border: 1px solid #564F45; padding: 15px 15px 0; border-radius: 15px; margin-top: 50px; margin-right: 100px;}
.section-pointer-left ul li{margin-bottom: 15px; cursor: pointer;}
.structure-left{height: 100vh; display: flex; justify-content: center; flex-direction: column; position: relative; z-index: 5; padding: 50px 0;}
.section-img{height: 100vh; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.structure-left p{max-width: 500px;}
.entry{ position: absolute; z-index: 5;bottom: 165px; right: 132px;}
.entry .ring-container .circle{background: #819687; opacity:  0.8;}
.entry .ringring{border: 3px solid #819687;}
.clubhouse{ position: absolute; z-index: 5; top: 220px;left: 130px;}
.clubhouse .ring-container .circle{background: #C18F8F; opacity:  0.8;}
.clubhouse .ringring{border: 3px solid #C18F8F;}
.park{position: absolute; z-index: 5; top: 80px; right: 320px;}
.park .ring-container .circle{background: #8787A9; opacity:  0.8;}
.park .ringring{border: 3px solid #8787A9;}
.entry,.clubhouse,.park{transition: 0.4s; opacity: 0;}
.entry.active,.clubhouse.active,.park.active{opacity: 0.8;}
#entry,#clubhouse,#park{cursor: pointer;}
#plot-configaration{position: relative; height: 100vh;background-color: #242320; margin-top: 70px;}
.plot-configaration-left{height: 100vh; display: flex; justify-content: center; flex-direction: column; position: relative; z-index: 5;}
.plot-configaration-right{height: 100vh; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.bg-img-plot-configaration{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
#plot-configaration .container{position: relative; z-index: 2;}
.structure-data ul li{border: 1px solid #7B746A; border-radius: 25px; overflow: hidden; margin-bottom: 8px; padding: 10px 15px; color: #7B746A; vertical-align: middle; transition: 0.4s; cursor: pointer;}
.structure-data ul li:hover, .structure-data ul li.active{background: #7B746A; color: #fff;}
.structure-data-left{width: 100%; display: inline-block; position: relative; text-align: center;}
.structure-data-left:after{content: ''; position: absolute; top: 0; right: 0; height: 100%; width:  0px; background: rgba(236, 240, 233, 0.5);}
.structure-data-right{width: 0; display: none; text-align: right;}
.structure-data ul li p{margin-bottom: 0;}
.structure-data{margin-top: 30px;}
.road-left, .road-right{padding: 35px;position: relative; background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%); border-top: 2px solid transparent; transition: 0.4s;}
.road-left ul li, .road-right ul li{display: inline-block;}
.first-li{width: 15%;}
.last-li{width: 84%;}
#road-design{position: relative; padding-top: 100px;}
.road-details-div{margin-top: 50px; position: relative; z-index: 5;}
.top-ul li{vertical-align: text-bottom;}
.bottom-ul li{vertical-align: text-top; margin-top: 20px;}
.road-name h3{margin-left: 15px; position: relative;}
.road-name h3:after{content: ''; position: absolute; bottom: 0; left: 0; width: 80px; height: 2px; background: rgba(0, 0, 0, 0.2);}
.main-ul li{width: 33%; display: inline-block;}
.main-ul li.sub-li-first{width: 25%; vertical-align: text-top;}
.main-ul li.sub-li-last{width: 65%; vertical-align: text-top;}
.road-details-info-datails-img-circle{width: 70px; height: 70px; border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.road-details-info-datails-img img{max-width: 70px; margin: 0 auto;}
.green-one-bg{background: #68816F;}
.pink-one-bg{background: #DBE1D8;}
.purple-one-bg{background: #6F6F9B;}
.green-two-bg{background: #819687;}
.pink-two-bg{background: #C18F8F;}
.purple-two-bg{background: #8787A9;}
.main-ul{padding: 20px 0; border-bottom: 2px solid #0000001A;}
.road-details-info{margin-top: 35px;}

footer{position: relative; background: #242320; padding: 150px 0 50px; margin-top: 250px; z-index: 3;}
.disclaimer{font-size: 12px; line-height: 1.2; color: #91918F; display: inline-block; padding-left: 30px;}
.social-media{position: relative; text-align: right;}
.social-media ul li{display: inline-block; margin: 10px 8px;}
.other-address{position: relative; margin-bottom: 20px;}
.other-address h4{color: #fff; font-size: 18px; margin-bottom: 15px;}
.other-address p, .other-address a{font-size: 12px; line-height: 1.2; color: rgba(255, 255, 255, 0.3); margin-bottom: 7px;}
.other-address a:hover{color: rgba(255, 255, 255, 1);}
.footer-txt a{color: #91918F;}
.social-media,.footer-menu ul{margin-bottom: 20px;}
.footer-txt a:hover;{color: rgba(255, 255, 255, 1);}
.footer-section{padding: 0 50px; position: relative; z-index: 5;}
.footer-logo-xtra-company a img {max-width: 180px; margin-left: 30px;}
.footer-logo-xtra-company p{color: #fff; font-size: 12px; margin-bottom: 0px;}
.footer-menu ul li{display: inline-block;}
hr{background: rgba(255, 255, 255, 0.5);height: 2px; margin-top: 30px;}
.footer-logo-xtra-company{text-align: right;}
.footer-txt p{color: #91918F;}
/*.footer-menu{text-align: right;}*/
.footer-menu ul li a{font-family: 'Inter', sans-serif; font-size: 18px; margin: 0 7px; color:#91918F;}
.footer-menu ul li a:hover, .footer-menu ul li a.active{color: #fff;}
.footer-menu,.footer-txt {position: relative; margin-bottom: 25px;}
.social-media ul li a{position: relative;}
.social-media ul li a img{max-width: 35px; transition: 0.6s;}
.social-media ul li a img:hover{max-width: 35px; rotate: 360deg;}
.social-media ul li a:hover;{color: rgba(255, 255, 255, 1);}
.dwld-btn{position: relative;}
.dwld-btn:after{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.4);}
.footer-last-list-dev .footer-last-list-dev-top-txt{color: rgba(255, 255, 255, 0.6);}
.footer-last-list-dev .footer-last-list-dev-bottom-txt{color: #C18F8F;}
.copyright-txt{color: rgba(255, 255, 255, 0.2); font-size: 12px; text-align: right;}
.footer-last-list-dev{margin-bottom: 20px;}
.footer-div{position: relative; z-index: 2;}
.footer-shadow{position: absolute; top: -100px; left: 0; width: 100%; z-index: 1;}
.footer-icon{position: absolute; right: 0; top: -200px; z-index: 3; width: 300px;}
.filter-area-top-button button{display: inline-block; margin: 0 10px; border: none !important; outline: none !important;}
.filter-area-top-button{position: relative; margin-top: 100px;text-align: center; z-index:9; transition: 0.4s;}

.aminitis-data h2, .aminitis-data p{margin-left: 15px;}
.aminitis-data h2{margin: 0px 0 20px 0px;}
.aminitis-img img{max-width: 100%;}
.landscape .aminitis-data.right-data{padding-left: 50px;}
.product-set-one .aminitis-data, .product-set-one .aminitis-img, .product-set-two .aminitis-data, .product-set-two .aminitis-img{height: 100vh; display: flex; justify-content: center; flex-direction: column; position: relative; }
.product-set-one, .product-set-two{position: relative;}
.product-set-one-shadow{position: absolute; left: 0; bottom: 180px; z-index: 1; width: 55%;}
.product-set-two-shadow{position: absolute; right: 0; bottom: 180px; z-index: 1; width: 60%;}
.load-more-btn{position: relative; margin-bottom: 50px;}
.pegination{text-align: right;}
.pegination p span{padding: 0px 20px; border: 1px solid #7B746A; border-radius: 15px;}
.load-more-main-btn{top: 0; left: 50%; transform: translateX(-50%); position: absolute;}
.filter-data-details{margin: 50px 0;}
.promise-of-spring-details ul li{display: inline-block; width: 19%; text-align: center;}
#promise-of-spring{position: relative; background-color: #242320; padding-bottom: 100px;}
.promise-of-spring-shadow{position: absolute; top: -100px; left: 0; width: 100%; z-index: 1;}
.promise-of-spring-div{position: relative; z-index: 5; padding-top: 85px;}
.promise-of-spring-details{position: relative; padding: 0 100px; width: 85%; margin: 50px auto 0; padding: 30px 0;}
.promise-of-spring-details:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: linear-gradient(90deg, rgba(125, 138, 129, 0) 0%, rgba(192, 202, 195, 0.5) 47.92%, rgba(125, 138, 129, 0) 100%);}
.promise-of-spring-details:after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: linear-gradient(90deg, rgba(125, 138, 129, 0) 0%, rgba(192, 202, 195, 0.5) 47.92%, rgba(125, 138, 129, 0) 100%);}
.promise-of-spring-title p{color: #C0CAC3;}
.promise-of-spring-top{margin-bottom: 10px;}
.tree-area{position: relative; margin-top: 200px; z-index: 5;}
.brain-img{width: 100px; margin-bottom: 20px;}
.tree-div-area{margin-top: 70px;}
.Easy-movement-shadow{max-height: 100vh;}
#Easy-movement{position: relative;}
.tree-img{position: absolute; bottom: 150px; right: 0; width: 400px;}
.small-tree-img{position: absolute; left: 0; bottom: 145px; width: 100%;}
/*.car2{position: absolute; left: 0; bottom: 155px; width: 200px;}*/
.car1{position: absolute; left: 12%; bottom: 155px; width: 500px;}
.Easy-movement-div{position: absolute; top: 15vh; left: 8%; width: 60%; z-index: 5;}
.Easy-movement-div p{margin-bottom: 0; margin-top: 25px;}
.road-structure-design{text-align: center; margin-top: 30px; opacity: 1; overflow: hidden; position: relative;}
.road-structure-design img{max-width: 350px; margin: 0 auto; text-align: center; transition: 0.4s;}
.road-structure-design img:hover{scale: 1.2;}
.magnifying-icons{width: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; width: 40px; height: 40px; background: rgba(0,0,0,0.5); border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.magnifying-icons i{font-size: 20px; color: #fff; font-weight: 300;}
/*.road-right:hover .road-structure-design{opacity: 1;animation-name: opacity ;animation-duration: 4s;}
.road-left:hover .road-structure-design{opacity: 1; animation-name: opacity ;animation-duration: 4s;}
.road-right:hover .bottom-ul{opacity: 0;animation-name: opacity2 ;animation-duration: 1s;}
.road-left:hover .bottom-ul{opacity: 0; animation-name: opacity2 ;animation-duration: 1s;}
@keyframes opacity {
  from {opacity: 0;}
  to {opacity: 1;}
}
@keyframes opacity2 {
  from {opacity: 1;}
  to {opacity: 0;}
}*/
.road-left:hover, .road-right:hover{border-top: 2px solid #7B7265;}
.mail-ul-top{border-top: 2px solid #0000001A; padding-top: 35px;}
.even-aminitis-data{padding-left: 50px;}
#expert-from{position: relative; height: 80vh;}
#expert-from .container{position: relative;}
.connect-with-expert{position: absolute; background: rgba(219, 218, 215, 0.8); height: 90vh; top: 30vh; width: 100%; z-index: 4; backdrop-filter: blur(5px); padding: 85px;}
.connect-with-expert form{margin-top: 80px;}
.expert-input input, .expert-input textarea{width: 80%; border: none; border-bottom: 1px solid rgba(86, 79, 69, 1); outline: none !important; padding: 6px 0; color: rgba(86, 79, 69, 1); font-size: 16px; background: transparent !important; margin-top: 25px;}
.expert-input textarea{width: 90%;}
/* Firefox */
input[type=number] {-moz-appearance: textfield;}
.dropdown{
  cursor:pointer;
  border-radius:8px;
}
.dropdown span{
  padding:6px 10px;
/* background:#bdc3c7;*/
  display:inline-block;
  position:relative;
  border: 1px solid rgba(86, 79, 69, 1); border-radius: 8px; width: 85%; color: rgba(86, 79, 69, 1); margin: 25px 0 0px;
}



.dropdown ul{
  display:none; position: absolute; z-index: 2; background: #fff; padding: 0 !important; width: 85%; top: 40px; border-radius: 10px; overflow: hidden;
}
.dropdown li{
  display:block;
  padding:10px;
  list-style:none;
}
.dropdown li:hover{
  background:rgba(86, 79, 69, 1)
  color:#fff;
}
.dropdown span img{width: 15px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}

.notification-radio {position: relative; margin-right: 10px;}
.notification-radio:after{content: ''; position: absolute; left: -5px; top: -5px; width: 20px; height: 20px; border-radius: 50%; background: #fff;}
.notification-radio:checked:before{content: ''; position: absolute; left: 0px; top: 0px; width: 10px; height: 10px; border-radius: 50%; background:rgba(86, 79, 69, 1); z-index: 2;}
.notification-section{margin-top: 50px;}
.submit-btm button{color: #564F45; border: 1px solid #564F45; padding: 8px 25px; border-radius: 30px; margin-top: 30px; background: transparent;}
.submit-btm button:hover{color: #fff; background:#564F45;}
/*#nearby-site{position: relative; background-color: #242320;}*/
.nearby-site-data-box ul li{display: inline-block; vertical-align: text-top; margin: 0;}
.icon-li{width: 10%;}
.nearby-site-data-box{padding: 20px; border: 1px solid #564F45; border-radius: 15px; margin-bottom: 15px;}
.nearby-site-data-box h3{margin-bottom: 20px;}
.nearby-site-data-box p{margin-bottom: 10px;}
#nearby-site{position: relative; padding: 150px 0px; z-index: 5;}
.nearby-site-div h2{margin-bottom: 50px;}
.view-all-location a{display: block; background: #7B746A; color: #F7F8F8; padding: 10px; border-radius:  30px; text-align: center; border: 1px solid #7B746A;}
.view-all-location a:hover{background: #F7F8F8; color: #7B746A;}
#connectivity{position: relative;}
#connectivity h2{position: absolute; top: 200px; left: 10%;}
.connectivity-main{position: relative;}
.connectivity-main:after{position: absolute; top: -80px; left: 0; width: 100%; height: 75%; background: #242320; content: ''; z-index: 1;}
.connectivity-main img{position: relative; z-index: 2; max-width: 100%;}
.location-top{position: relative;}
.location-top img{position: relative; z-index: 5; margin-top: -50px;}
.location-top h2{position: absolute; bottom:200px; left: 10%; z-index: 5;}
#why-invest{position: relative; padding: 150px 0 85px;}
.why-invest-left-top{position: relative; margin-top: 30px;}
.why-invest-left-top h3{position: relative; margin-bottom:  30px;}
.why-invest-left-top h3:after{content: ''; position: absolute; left: 0; bottom: -2px; width: 70px; height: 2px; background: rgba(0, 0, 0, 0.2);}
.why-invest-left-top p{font-size: 17px; color: rgba(148, 143, 135, 0.8); margin-bottom: 8px;}
.why-invest-left-top p img{width: 20px; margin-right: 5px;}
.masterplan-img{position: relative; z-index: 4; padding-top: 30px;}

/*index page*/
.section-pointer-index .box1{background: #819687; width: 30px; height: 25px; display: inline-block; margin-right: 10px;}
.section-pointer-index .box2{background: #C18F8F; width: 30px; height: 25px; display: inline-block; margin-right: 10px;}
.section-pointer-index .box3{background: #8787A9; width: 30px; height: 25px; display: inline-block; margin-right: 10px;}
.section-pointer-index ul li{color: rgba(148, 143, 135, 0.5); display: flex; height: 100%; margin-bottom: 15px;}
.index-page .structure-left h2{margin-bottom: 20px;} 
.section-pointer-index ul{margin: 10px 0; padding: 0}
.section-pointer-index a{margin-left: 0rem; margin-top: 15px;}

.aminitis-carousel .owl-item .item {
   transform: translate3d(0, 0, 0); /* DO NOT REMEMBER WHERE TU PUT THIS, SEARCH FOR 3D ACCELERATION */
  // transform: scale(0.9);

  // transition: all .25s ease-in-out; 
 
 }

.aminitis-carousel .owl-item .item img {
    -webkit-transition: 0.3s;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: scale(0.80);
    -ms-transform: scale(0.80);
    transform: scale(0.80);
}

.aminitis-carousel .owl-item.center .item img {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}
#aminitis{position: relative; padding: 50px; background: #242320; margin: 70px 0; z-index: 5;}
.aminitis-top{position: relative; z-index: 5;}
.aminitis-top-shadow{position: absolute; top: -69px; left: 0; width: 100%; z-index: 3;}
.aminitis-bottom-shadow{position: absolute; bottom: -69px; left: 0; width: 100%; z-index: 1;}
.aminitis-top lable{color: #F8F8F8;}
.aminitis-top h2{color: #F8F8F8;}
.aminitis-top{margin-left: 45%; max-width: 700px; padding-top: 100px;}
.aminitis-top h2{margin-bottom: 0;}
.aminitis-top p{margin: 20px 0 30px; max-width: 500px;}
.aminitis-top h2, .aminitis-top p, .aminitis-top a{margin-left: 15px;}
.aminitis-carousel{position: relative; margin: 100px 0; z-index: 5;}
.aminitis-carousel .item{position: relative;}
.aminitis-carousel .aminitis-data h4{margin-bottom: 0;}
.aminitis-carousel .aminitis-data{position: absolute; left: -25px; bottom: 15px; z-index: 1; opacity: 0; background-color: rgba(0, 0, 0, 0.3); padding: 10px 15px;}
.aminitis-carousel .owl-item.center .aminitis-data{opacity: 1;}
.aminitis-data p{margin: 0;}
.map-section-top{max-width: 800px; position: relative; z-index: 5}
.map-section-top p{margin: 20px 0 30px; max-width: 500px;}
.map-section,.map-bottom{position: relative;}
.map-image{width: 650px; position: absolute; top: -12%; left: 50%; transform: translate(-50%,0%); text-align: center;}
.map-image img{max-width: 100%;}
.landmarks{padding: 300px 0 150px; position: relative; z-index: 5;}
.icon{margin-right: 10px; display: inline-block;}
.icon-details{display: inline-block; width: 85%;}
.icon-details h4{color: rgb(255, 255, 255);}
.icon-details p{color: rgba(148, 143, 135, 0.6);}
.landmark-box div{vertical-align: text-top; position: relative; z-index: 5;}
.landmark-box{margin-bottom: 25px;}
#invest{position: relative; padding: 150px 50px 200px;}
.invest-div-top{max-width: 750px; margin-left: 45%;}
.invest-div-top h2{margin-bottom: 30px;}
.invest-category-info-img img{max-width: 100%; margin-bottom: 15px;}
.invest-category-info-data p{color: rgba(148, 143, 135, 0.5);}
.margin-one{margin-top: 35px;}
.margin-two{margin-top: 70px;}
.invest-category{margin-top: 80px; position: relative; z-index: 5;}
#about{position: relative; background-color: #242320; padding: 150px 0;}
.about-shadow{position: absolute; top: -200px; left: 0; z-index: 1; max-width: 500px;}
.about-div h2{color: #F8F8F8; margin-bottom: 20px;}
.about-div a{margin-top: 15px;}
.about-div{width: 800px; margin: 0 auto; position: relative; z-index: 99;}
.index-page footer{margin-top: 0;}
.expert-from{position: absolute; background: rgba(219, 218, 215, 0.8); padding: 65px 50px; backdrop-filter: blur(5px); z-index: 2; width: 1000px; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.expert-from form{margin-top: 70px;}
.expert-input{width: 85%; border: none !important; outline: none !important; border-bottom: 1px solid #564F45 !important; color: #564F45; font-size: 18px; padding: 5px 0; background: transparent; margin-bottom: 15px;}
.expert-input::placeholder{color: #564F45;}
.dropdown-icon{position: absolute; top: 65%; right: 18%; width: 15px;}
.expert-from textarea{width: 93%; padding: 15px 0;border: none !important; outline: none !important; border-bottom: 1px solid #564F45 !important; color: #564F45; font-size: 18px; background: transparent; margin-top: 10px;}
.whatsapp{position: relative; margin-top: 35px;}
.whatsapp:after{content: ''; position: absolute; left: -4px; top: -4px; width: 20px; height: 20px; background: #fff; border-radius: 50%; z-index: 1;}
.whatsapp:checked:before{content: ''; position: absolute; left: 1px; top: 1px; width: 10px; height: 10px; background: #564F45; border-radius: 50%; z-index: 2;}
.checkbox-span{margin-left: 8px;}
.aminitis-shadow-one{position: absolute; bottom: -100px; right: 0; z-index: 1; width: 450px;}
.aminitis-shadow-two{position: absolute; top: 0; left: 0; z-index: 2; width: 450px;}
.map-shadow-one{position: absolute; bottom: -200px; left: 0; z-index: 1; width: 600px;}
.map-shadow-two{position: absolute; top: -400px; right: 0; z-index: 1; width: 700px;}
.invest-shadow-two{position: absolute; top: -300px; left: 0; z-index: 1; width: 450px;}
.expert-textarea{width: 93%;}
.icon-li{width: 10%;}
.icon-li img{max-width: 80%;}
.data-li{width: 87%;}
#enquery-frm{position:  fixed; top: -150vh; left: 0; width: 100%; height: 100%; z-index:  999; background-color: rgba(0, 0, 0, 0.9); transition: 0.8s;}
#enquery-frm.opened{top: 0;}
#enquery-frm .enquery-btn{transition: 0.4s;position: absolute; top: 25px; right: 30px; border: none; outline: none; background:transparent; opacity: 0.7; margin: 0; cursor: pointer;}
#enquery-frm .enquery-btn:hover{opacity: 1;}
#master-plan-video{position: fixed; top:0;left:0;width: 100%; height: 100%; z-index: 2;}
section#master-plan-video{z-index: 2;}
section#master-plan-img{z-index: 3; position: relative;}
#master-plan-img p{position: absolute; right: 20px; bottom: 100px; z-index: 2;}
.index-page section#master-plan-img:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 30%; background-color: #fff; z-index: 3;}
.hide-parlex{position: relative; z-index:3; background-color: #fff;}
.gallery-video{padding: 70px 0 150px; position: relative;}
.gal-shadow-2{position: absolute; top: 0px; left: 0; width: 100%; z-index: 5;}
.gal-shadow-1{position: absolute; bottom: 0px; left: 0; width: 100%; z-index: 5;}
.pink-bg-section{background-color: #DBE1D8;}
.dark-bg-section {background-color: #242320;}
.gallery-top{text-align: center;}
.gallery-page .aminitis-carousel{margin: 55px 0;}
.gallery-page #aminitis{margin: 0; background-color: #DBE1D8;}
video{width: 100%; height: 100vh; object-fit: cover;}
#aminitis.gallery-aminitis{padding: 30px 0; position: relative;}
#map{width: 100%; height: 100vh;}
.location-connectivity{position: relative;}
/*.location-connectivity:after{content: ''; top: 0; left: 0; width: 100%; height: 100px; background: #242320; position: absolute;}*/
.grid,.element-item{width: 100%;}
/*#lightboxOverlay{position: relative; overflow: hidden;}*/
.lb-data .lb-close{position: absolute; top: -20px; z-index: 9999; right: 20px;}
.master-plan-page .section-pointer .common-font {font-size: 12px; text-transform: uppercase;}
.footer-logo-xtra-company{position: relative;}
.footer-logo-xtra-company p{position: absolute; top: -8px; right: 0; opacity: 0.5;}
.assets-f-logo.assets-f-logo{max-width: 110px;}
.footer-ul li{display: inline-block; vertical-align:  middle; position: relative; margin-bottom: 20px;}
.footer-ul li:first-child{width: 12%;}
.footer-ul li:nth-child(2){width: 60%; padding-right: 20px;}
.contact-div a{display: inline-block; position: relative; margin-bottom: 0px;}
.contact-div a:after{transition: 0.4s;content: ''; position: absolute; left: 0; bottom: 0; width: 0%; height: 1px; background: #fff;}
.contact-div a:hover:after{width: 100%;}
.infrastructure-section h4{margin: 50px 0;}
.infrastructure-card h5{display: flex; justify-content: flex-start; height: 100%; align-items: center; margin-bottom: 20px;}
.infrastructure-card h5 span{margin-right: 10px;}
.infrastructure-section ul li{margin-bottom: 15px; line-height: 1.2;}

.infrastructure-card{position: relative; padding: 30px 20px; border-radius: 10px; border: 1px solid #564F45; min-height: 350px; margin-bottom: 30px;}
/*.master-plan-page .footer-shadow{display: none;}*/
.infrastructure{position: relative; margin-bottom: 35px;}
.gallery-page .aminitis-carousel .aminitis-data h4{margin-bottom: 10px;}
.gallery-page .aminitis-carousel .aminitis-data p{color: #fff; width: 50%;}
.gallery-page .aminitis-carousel .aminitis-data{padding: 10px 15px; position: relative; left: auto; background: transparent; bottom: auto; width: 100%; margin-top: 50px; margin-left: -10%;}
.gallery-page .aminitis-carousel .owl-item.center .aminitis-data{opacity: 1;}
.infrastructure-section{position: relative; margin-top: 150px;}
#sticky {
  position: sticky;
  position: -webkit-sticky;
  width: 100%;
  top: 0px;
  display: flex;
  justify-content: center;
  align-items: center; background-color: #fff; z-index: 9; padding-bottom: 25px;
}
#wrapper {width: 100%;margin: auto; height: 100%;}


#connectivity p{position: absolute; right: 50px; bottom: 50px; z-index: 5; font-size: 12px;}
.mobile-visible{display: none;}


    /* youtube video */
    .hytPlayerWrap {position: relative;}
    .hytPlayerWrap .poster{position: relative; width: 100%; height: 100vh; object-fit: cover; cursor: pointer;}
    .hytPlayerWrap .poster.play{animation-name: poster; animation-duration: 1s; display: none;}
    @keyframes poster {
      from {opacity: 1; display: block;}
      to {opacity: 0; display: none;}
    }

.hytPlayerWrap.ended::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    cursor: pointer;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 128px 128px;
     background-image: url("https://cdn1.iconfinder.com/data/icons/pointed-edge-web-navigation/107/redo-512.png");
    }

.hytPlayerWrap.paused::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: calc(100%);
    height: calc(402px);
    cursor: pointer;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 128px 128px;
    background-image: url("https://i.ya-webdesign.com/images/play-button-png-16.png");  
}
.youtube{height: 100vh; object-fit: cover;}
#response{margin-top: 10px;}
.aminitis-img img{max-width: 80%;}
.youtube-video{transition: 0.4s;position: fixed; top: -150vh; left: 0; width: 100%; z-index: 9999; background-color: rgba(0, 0, 0, 0.9); height: 100vh; text-align: center;}
.youtube-video iframe{margin: 0 auto; width: 85%; height: 85%; margin-top: 3%;}
.toggle-ut{cursor: pointer;}
.youtube-video.play{top: 0;}
.cross-ut{position: absolute; top: 20px; right: 20px; width: 35px;}
.pause-btn{position: absolute; top: 15px; right: 15px; background: transparent; border: none !important; outline: none !important;}
.pause-btn img{max-width: 35px;}

/*footer 2*/
.footer-2 .footer-ul li:nth-child(2){width: 85%;}
.footer-2 .footer-logo-xtra-company{text-align: left; margin-bottom:  15px; display: inline-block;}
.footer-2 .footer-logo-xtra-company a img{margin-left:  0;}
.contact-div a:nth-child(2){margin-left:  30px;}
/*.contact-div{text-align: right;}*/
.footer-section-div{position: relative; margin-bottom: 40px;}
.mobile-section{display: none;}

.home-page-video iframe{height: 100vh; width: 100%; position: relative;}
.hytPlayerWrap.home-page-video .poster.play{ opacity:0;}
.aminitis-carousel .owl-nav .owl-prev{position: absolute; left: 20px; top: 35%; z-index: 999; background: transparent !important;}
.aminitis-carousel .owl-nav .owl-next{position: absolute; right: 20px; top: 35%; z-index: 999; background: transparent !important;}
.aminitis-carousel .owl-nav button img{width: 40px;transition: 0.4s; padding: 8px; background: rgba(255,255,255,0.5); border-radius: 50%;}
.aminitis-carousel .owl-nav button:hover img{background: rgba(255,255,255,1);}
.dsclmr{padding: 20px; font-size: 13px;}

/*footer 3*/
.logo-with-address img{max-width: 150px;}
.logo-with-address{margin-bottom: 50px;}
.logo-with-address .footer-logo{height: 100px;}
.only-text-div p{margin-bottom: 0px;}
.only-text-div{margin-bottom: 50px;}
.footer-btn{padding: 6px 15px; background-color: #7B746A; color: #242320 !important; border-radius: 35px; font-size: 14px; display: inline-block; border: 1px solid #7B746A;}
.footer-btn span{margin-left: 5px;}
.dwld-btn:after{width: 0; height: 0;}
.footer-menu ul{padding-left: 0;}
.disclaimer{padding-left: 0;}
.footer-menu ul li a {margin: 0 14px 0 0;}
.contact-div a:nth-child(2){margin-left: 0;}
.contact-div a span{opacity: 1; margin-right: 5px;}
.contact-div a:hover{opacity: 1; color: rgba(255, 255, 255, 1.0);}
.copyright{text-align: right;}
.logo-with-address .main-logo img{max-width: 120px;}
.logo-with-address .other-logo img{max-width: 110px;}
.only-logo-div img{max-width: 140px;}

/*accordian*/
.accordion button {font-weight: 500!important; background: transparent !important; outline: none !important;}
.accordion button span{width: 50px;}
.accordion-button:not(.collapsed){color: #7B746A !important;}
.accordion-button:focus{border: none !important;outline: none !important; box-shadow: none !important;}
.accordion-flush {border: none; border-bottom: 1px solid rgba(123, 116, 106, 0.3);border-top: 1px solid rgba(123, 116, 106, 0.3);}
.accordion-flush .accordion-item{background: transparent !important;border: none; border-bottom: 1px solid rgba(123, 116, 106, 0.3);}
.xtra-border{border-top: 1px solid rgba(123, 116, 106, 0.3) !important;}
.accordion-body ul{padding-left: 70px;}
.accordion-body{padding-top: 0 !important;}
.accordion-button:not(.collapsed){box-shadow: none !important;}
.accordion-button:not(.collapsed)::after, .accordion-button::after{opacity: 0.3 !important;}
#aminitis.gallery-aminitis .owl-item p{margin-top: 50px; opacity: 0; text-align: center; text-transform: capitalize;}
#aminitis.gallery-aminitis .owl-item.center p{opacity:1;}
#masterplan .section-img img{width: 550px; margin: 0 auto;}
#masterplan .section-img{position:  relative;}
.accordion {--bs-accordion-bg: transparent !important;}

/* new pointer */
.ring-container {
    position: relative;
}

.ring-container .circle {
    width: 35px;
    height: 35px;
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 50%;
    position: absolute;
    top: 23px;
    left: 23px; display: flex; justify-content: center; align-items: center;
}

.ringring {
    border: 3px solid #000;
    -webkit-border-radius: 30px;
    height: 55px;
    width: 55px;
    position: absolute;
    left: 13px;
    top: 15px;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.0
}
@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}
.pointer-one{position: absolute; bottom: 155px; right: 125px;}
.pointer-two{position: absolute; top: 250px; left: 55px;}
.pointer-three{position: absolute; top: 225px; left: 130px;}
.pointer-four{position: absolute; top: 210px; left: 90px;}
.pointer-five{position: absolute; top: 145px; left: 175px;}
.pointer-six{position: absolute; top: 190px; left: 120px;}
.pointer-seven{position: absolute; top: 170px; left: 140px;}
.pointer-eight{position: absolute; top: 155px; left: 160px;}
.pointer-nine{position: absolute; top: 190px; left: 105px;}
.pointer-ten{position: absolute; top: 215px; left: 115px;}
.pointer-eleven{position: absolute; top: 225px; left: 100px;}
.pointer-twelve{position: absolute; top: 80px; left: 230px;}
.pointer-twelve1{position: absolute; top: 135px; left: 160px;}
.pointer-thirteen {position: absolute;top: 132px;left: 172px;}
.pointer-fourteen {position: absolute;top: 105px;left: 208px;}
.pointer-fifteen {position: absolute;top: 115px;left: 185px;}
.pointer-sixteen{position: absolute; top: 100px; left: 200px;}
.pointer-seventeen{position: absolute; top: 250px; left: 80px;}
.pointer-eighteen{position: absolute; top: 265px; left: 255px;}
.pointer-eighteen1{position: absolute;top: 295px;left: 60px;}
.pointer-eighteen2{position: absolute;top: 88px;left: 300px;}
.pointer{opacity: 0; transition: 0.6s;}
.pointer.hoverstate{opacity: 1;}
.hambarger-nav{position: fixed; right: 0; top: 0; background: #fff; z-index: 99; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); transition: 0.4s; height: 0px; overflow: hidden; padding: 0; width: 100%; height: 0; transition: 0.4s; display: flex; justify-content: center; align-items: center;}
.point-list{margin-top: 15px; font-size: 13px; text-align: right; display: none;}
.mobile-disclaimer{display: none;}
.lb-outerContainer {width: 90% !important; margin: 0 auto;}
.lb-outerContainer img{width: 100% !important;}
.gallery-page .hytPlayerWrap{position:  relative;}
.gallery-page .hytPlayerWrap .poster{position:  absolute; top:0; left:0; width:100%; height:100%; z-index: 1;} 
/*.loader-wrapper lottie-player{width: 500px; height: auto;}*/
.lightbox .lb-image{width: auto !important; max-width: 100% !important; margin: 0 auto;}