@font-face {

  font-family: "Winslow";

  src: url("../css/fonts/Winslow\ Title\ Bold.ttf") format("truetype"); /* Correct format */

  font-weight: normal;

  font-style: normal;

}



@media screen and (min-width: 300px) and (max-width: 410px) {

  .navbar-collapse {

    display: flex;

    justify-content: center !important;

    align-items: center !important;

  }

  .info {

    display: flex !important;

    justify-content: center !important;

    font-size: 18px !important;

    font-weight: bold !important;

    align-items: center !important;

    align-content: center !important;

    flex-wrap: wrap !important;

    flex-direction: column !important;

    gap: 23px !important;

  }

}





.sec-eqMobile {

  position: fixed;

  bottom: 0;

  left: 0;

  width: 100%;

  background-color: #56368f; /* Change as needed */

  z-index: 999; /* Ensure it's above other elements */

  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1); /* Optional shadow */

}



* {

  margin: 0;

  padding: 0;

  list-style: none;

}

.nav-link {

  font-weight: 800;

  color: black;

}

nav#myHeader {

  background-color: #fef4e8 !important;

}

html {

  overflow-x: hidden;

}



@media screen and (min-width: 411px) and (max-width: 768px) {

  .navbar-collapse {

    display: flex;

    justify-content: center;

    align-items: center;

    align-content: center;

  }

  .heading-text {

    font-size: 20px !important;

  }

.info {

    display: flex !important;

    justify-content: center !important;

    font-size: 18px !important;

    font-weight: bold !important;

    align-items: center !important;

    align-content: center !important;

    flex-wrap: wrap !important;

    flex-direction: column !important;

    gap: 23px !important;

  }

  

}



body {

  font-family: "Winslow", serif;

  background-color: #ffffff;

  margin: 0;

  padding: 0;

  overflow-x: hidden;

  width: 100%;

  max-width: 100%;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



.heading-text {

  font-family: "Winslow", serif;

  font-weight: 900;

  font-size: 40px;

}

.section-about {

  background-color: #404364;

}



/* Disable Horizontal on Safari */

div.lp-pom-root {

  overflow-x: hidden;

}



.section-areas {

  background-color: #f8f1e7;

  padding: 30px !important;

  text-align: center;

  border-top: 2px solid #333;

  width: 100%;

}



.info {

  display: flex;

  justify-content: space-around;

  font-size: 18px;

  font-weight: bold;

}

.info div {

  text-align: center;

}

.info div span {

  font-weight: bold;

  font-size: 16px;

}

.info h3 {

  font-weight: bold;

  font-size: 18px;

}



.sticky {

  position: fixed;

  top: 0;

  width: 100%;

  z-index: 100;

}



.container {

  width: 100%;

}

.bg-no-repeat {

  background-repeat: no-repeat;

}

.bg-left {

  background-position: 0;

}

.lg\:bg-center {

  background-position: 50%;

}

.bg-cover {

  background-size: cover;

}

.relative {

  position: relative;

}

.visible {

  visibility: visible;

}

.invisible {

  visibility: hidden;

}

.lg\:block {

  display: block;

}

.z-0 {

  z-index: 0;

}

.mx-auto {

  margin-left: auto;

  margin-right: auto;

}

.px-4 {

  padding-left: 1rem;

  padding-right: 1rem;

}

.px-5 {

  padding-left: 1.25rem;

  padding-right: 1.25rem;

}

.py-4 {

  padding-top: 1rem;

  padding-bottom: 1rem;

}

.py-16 {

  padding-top: 4rem;

  padding-bottom: 4rem;

}

.xl\:px-16 {

  padding-left: 3rem;

  padding-right: 3rem;

}

.xl\:px-14 {

  padding-left: 6rem;

  padding-right: 0rem;

}

.flex {

  display: flex;

}

.flex-col {

  flex-direction: column;

}

.lg\:flex-row {

  flex-direction: row;

}

.justify-between {

  justify-content: space-between;

}

.min-h-\[700px\] {

  min-height: 700px;

}

.gap-y-10 {

  row-gap: 2.5rem;

}

.gap-2 {

  gap: 0.5rem;

}

.bg-color {

  color: #01737d;

}

.static {

  position: static;

}

.lg\:absolute {

  position: absolute;

}

.absolute {

  position: absolute;

}

.h-\[106\%\] {

  height: 106%;

}

.right-8 {

  right: 1rem;

}

.max-w-\[500px\] {

  max-width: 500px;

}

.-top-5 {

  top: -1.25rem;

}

.py-10 {

  padding-top: 2.5rem;

  padding-bottom: 2.5rem;

}

.lg\:px-10 {

  padding-left: 2.5rem;

  padding-right: 2.5rem;

}

.lg\:flex {

  display: flex;

}

.justify-center {

  justify-content: center;

}

.space-y-5 > :not([hidden]) ~ :not([hidden]) {

  --tw-space-y-reverse: 0;

  margin-top: calc(1.25rem * (1 - var(--tw-space-y-reverse)));

  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));

}

.lg\:space-y-10 > :not([hidden]) ~ :not([hidden]) {

  --tw-space-y-reverse: 0;

  margin-top: calc(2.5rem * (1 - var(--tw-space-y-reverse)));

  margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));

}

.space-y-3 > :not([hidden]) ~ :not([hidden]) {

  --tw-space-y-reverse: 0;

  margin-top: calc(0.75rem * (1 - var(--tw-space-y-reverse)));

  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));

}

.space-y-6 > :not([hidden]) ~ :not([hidden]) {

  --tw-space-y-reverse: 0;

  margin-top: calc(1.5rem * (1 - var(--tw-space-y-reverse)));

  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));

}

.w-full {

  width: 100%;

}

.w-half {

  width: 50%;

}

.rounded-lg {

  border-radius: 0.5rem;

}

.focus\:outline-none:focus {

  outline: 2px solid #0000;

  outline-offset: 2px;

}

.items-center {

  align-items: center;

}

.lg\:text-lg {

  font-size: 16px;

  line-height: 1.75rem;

}

.text-base0 {

  font-size: 1rem;

  line-height: 1.5rem;

}

.text-white {

  --tw-text-opacity: 1;

  color: rgb(255 255 255 / var(--tw-text-opacity));

}

.formBtn {

  box-shadow: 0 3px 2px 0 #910d0e;

}

.formBtn:hover {

  box-shadow: none;

}

.bg-\[\#c03a3b\] {

  --tw-bg-opacity: 1;

  background-color: rgb(192 58 59 / var(--tw-bg-opacity));

}

.hover\:bg-\[\#e24444\]:hover {

  --tw-bg-opacity: 1;

  background-color: rgb(226 68 68 / var(--tw-bg-opacity));

}

.right-0 {

  right: 0;

}

.bottom-0 {

  bottom: 0;

}

.w-\[250px\] {

  width: 250px;

}

.font {

  font-size: 30px;

}



.tab {

  display: inline-block;

  padding: 10px 15px;

  margin-right: 10px;

  cursor: pointer;

  border-bottom: 2px solid transparent;

  font-size: 1.5rem;

  font-weight: 600;

  text-align: center;

}

.tab.active {

  border-bottom: 2px solid black;

}

.tabimg {

  display: none;

}

.tabimg.active {

  display: flex;

  flex-wrap: wrap;

}

.tabimg img {

  flex: 1;

  margin: 10px;

  padding: 30px 100px;

}

#tabbed-nav {

  text-align: center;

}



.bg-teal {

  background-color: #01737d;

}



h2 {

  font-weight: 600;

}



.form-label {

  font-weight: 400;

}



.btn-dark {

  background-color: #e3dfdf;

  border: none;

}



.btn-dark:hover {

  background-color: #c9c7c7;

}



#hero-container {

  height: 100vh;

}



/* Navbar css */



.nav-container {

  display: flex;

  gap: 15px;

}



.navbar {

  display: flex;

  align-items: flex-end;

}



.navbar-collapse {

  display: flex;

  justify-content: space-between;

  align-items: flex-end;

}



.navbar-brand {

  margin-right: 30px;

  margin-top: 20px;

}



a {

  text-decoration: none;

  color: #fff;

}



.nav-link {

  font-weight: 600;

  color: black;

}



#phone-container {

  display: flex;

  justify-content: center;

  align-items: flex-end;

}



#navbar-text {

  color: black;

  font-size: 25px;

  font-weight: 400 !important;

}



#main .nav-icon {

  color: #1d5d65;

  font-size: 24px;

  margin-left: -20px;

  margin-top: 8px;

}



/**Whatsapp icon */

.float {

  position: fixed;

  width: 60px;

  height: 60px;

  bottom: 40px;

  right: 15px;

  background-color: #25d366;

  color: #fff;

  border-radius: 50px;

  text-align: center;

  font-size: 30px;

  box-shadow: 2px 2px 3px #999;

  z-index: 100;

}



.my-float {

  margin-top: 16px;

}

.about_lst {

  margin: 0;

}

.about_lst li {

  list-style: disc;

  margin-bottom: 12px;

}

.footer_lnk a {

  margin: 0 20px;

  color: #000;

}

.carousel-indicators [data-bs-target] {

  background-color: #01737d;

}

.text-right {

  text-align: right;

}

.text-center {

  text-align: center;

}

.text_txt {

  font-size: 24px;

}

.mt5 {

  margin-top: 3rem;

}



.liststlep p {

  display: list-item;

  list-style-type: disc;

  margin-left: 20px; /* Optional: Indent the bullet points */

}

#school-details,

#hospital-details,

#college-details,

#convenience-details,

#connectivity-details {

  margin: 0 0 0 30px;

}

.enquire_floating {

  background: #404364 !important;

  position: fixed;

  top: calc(50% - 30px); /* Adjust for iPhone viewport */

  right: 0px;

  color: white !important;

  font-size: 18px;

  z-index: 9999; /* Ensure it's on top */

  cursor: pointer;

  font-size: 15px;

  font-weight: 600;

}

.enquire_floating {

  position: fixed;

  top: calc(52% + env(safe-area-inset-top));

  right: env(safe-area-inset-right, 0px);

}

#staticBackdrop {

  overflow: hidden;

}

.footer_from_prt {

  position: fixed;

  left: 0;

  right: 0;

  bottom: 0 !important;

  background: #0a4e4d;

  z-index: 111;

}

.footer_from_prt form {

  display: flex;

  justify-content: center;

  align-items: center;

  flex-wrap: wrap;

}

.lml_lot .cntprt {

  display: -webkit-inline-box;

}



@media (min-width: 992px) {

  .navbar-expand-lg .navbar-collapse {

    display: flex !important

;

    flex-basis: auto;

    align-items: center;

  }

}

@media screen and (min-width: 1440px) and (max-width: 1920px) {

  .navbar {

    display: flex;

    align-items: flex-end;

  }



  .navbar-collapse {

    display: flex;

    justify-content: space-between;

    align-items: flex-end;

  }



  .nav-container .icon {

    display: none;

  }



  .navbar-brand {

    margin-right: 30px;

  }



  .navbar-collapse ul {

    height: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

    gap: 2.5em;

  }



ol, ul{

    margin-top: 0;

    margin-bottom: 0rem !important; 

}

section-about .overview-text {

     margin-bottom: 0rem !important;

}



  .nav-link {

    display: flex;

    justify-content: center;

    align-items: center;

    font-weight: 400 !important;

    font-size: 20px;

    color: black;

  }



  #phone-container {

    color: black;

    display: flex;

    justify-content: center;

    align-items: flex-end;

  }



  #navbar-text {

    color: black !important;

    font-size: 25px;

    font-weight: 800;

  }

  #about-container {

    font-size: 20px;

    padding: 70px;

  }

}

@media screen and (min-width: 992px) and (max-width: 1024px) {

  .navbar {

    display: flex;

    align-items: flex-end;

  }



  .navbar-brand img {

    width: 150px;

    height: 50px;

  }



  .nav-container .icon {

    display: none;

  }



  .navbar-collapse {

    display: flex;

    justify-content: space-between;

    align-items: flex-end;

  }



  .nav-link {

    display: flex;

    justify-content: center;

    align-items: center;

    font-weight: 600;

    font-size: 20px;

    color: black;

  }



  #navbar-text {

    color: black;

    font-size: 25px;

    font-weight: 800;

  }

  .lg\:hidden {

    display: none;

  }

}

.bg-light {

  background-color: #6d98ccb6 !important;

}

@media screen and (min-width: 1025px) and (max-width: 1440px) {

  .navbar {

    display: flex;

    align-items: flex-end;

  }

  nav.header {

    border-bottom: 3px solid #0036af;

  }



  .nav-container .icon {

    display: none;

  }



  .navbar-brand img {

    width: 140px;

    height: 40px;

  }



  .navbar-collapse {

    display: flex;

    justify-content: space-between;

    align-items: flex-end;

  }



  .nav-link {

    display: flex;

    justify-content: center;

    align-items: center;

    font-weight: 600;

    font-size: 20px;

    color: black;

  }



  #navbar-text {

    color: black;

    font-size: 25px;

    font-weight: 800;

  }



  #content p {

    font-size: 15px;

  }



  #details-image {

    width: 400px;

    height: 400px;

  }

}



@media screen and (max-width: 600px) {

  .fluid-container {

    display: none;

  }

  .mfull_width {

    width: 100%;

  }

  .about_lst li {

    font-size: 14px;

  }

  .text-right {

    text-align: center;

  }

  .carousel-item .col-6 {

    width: 100%;

  }

  .text_txt {

    font-size: 14px;

  }

  .mt5 {

    margin-top: 0rem;

  }

  .carousel-indicators {

    display: none;

  }

  .footer_lnk a {

    margin: 0 20px;

    font-size: 15px;

  }

}



.wrapper-1 {

  padding-bottom: 140px;

}



.wrapper-1 h1 {

  font-weight: bold;

  margin-top: 120px;

  color: #068787;

  font-size: 2.5rem;

}



.wrapper-1 p {

  margin-top: 30px;

  padding: 10px;



  font-size: 1rem;

}

#content p {

  font-size: 20px;

}



@media screen and (min-width: 300px) and (max-width: 410px) {

   

  .navbar {

    display: flex;

    align-items: flex-end;

  }



  .navbar-collapse {

    display: flex;

    justify-content: space-between;

    align-items: flex-end;

  }



  .wrapper-1 {

    padding-bottom: 120px;

  }



  .wrapper-1 h1 {

    font-weight: bold;

    margin-top: 120px;

    color: #068787;

    font-size: 1.5rem;

  }



  .wrapper-1 p {

    margin-top: 30px;

    padding: 10px;



    font-size: 0.5rem;

  }



  #logophoto {

    width: 160px;

    height: 45px;

  }



  .navbar-brand {

    margin-right: 30px;

  }



  .nav-link {

    display: flex;

    justify-content: center;

    align-items: left;

    text-align: start;

    font-weight: 600;

    font-size: 20px;

    color: black;

  }



  #phone-container {

    display: none;

  }



  #navbar-text {

    color: black;

    font-size: 20px;

    font-weight: 800;

  }

  #content p {

    font-size: 16px;

  }



  .tab {

    display: inline-block;

    padding: 10px 9px;

    margin-right: -15px;

    cursor: pointer;

    border-bottom: 2px solid transparent;

    font-size: 14px;

    font-weight: 600;

    text-align: center;

  }

  .tab.active {

    border-bottom: 2px solid black;

  }

  .tabimg {

    display: none;

  }

  .tabimg.active {

    display: flex;

    flex-wrap: wrap;

  }

  .tabimg img {

    flex: 1;

    margin: 10px;

    padding: 20px 0px;

  }

}

@media screen and (min-width: 411px) and (max-width: 768px) {

  .navbar {

    display: flex;

    align-items: flex-end;

  }



  .navbar-collapse {

    display: flex;

    justify-content: space-between;

    align-items: flex-end;

  }



  .navbar-brand {

    margin-right: 30px;

  }



  .nav-link {

    display: flex;

    justify-content: center;

    align-items: left;

    text-align: start;

    font-weight: 600;

    font-size: 20px;

    color: black;

  }



  #phone-container {

    display: none;

  }



  #navbar-text {

    color: black;

    font-size: 20px;

    font-weight: 800;

  }



  #content p {

    font-size: 19px;

  }



  .tab {

    display: inline-block;

    padding: 10px 15px;

    margin-right: -17px;

    cursor: pointer;

    border-bottom: 2px solid transparent;

    font-size: 13px;

    font-weight: 600;

    text-align: center;

  }

  .tab.active {

    border-bottom: 2px solid black;

  }

  .tabimg {

    display: none;

  }

  .tabimg.active {

    display: flex;

    flex-wrap: wrap;

  }

  .tabimg img {

    flex: 1;

    margin: 10px;

    padding: 20px 0px;

  }

}

@media screen and (min-width: 820px) and (max-width: 920px) {

  .navbar {

    display: flex;

    align-items: flex-end;

  }



  .navbar-collapse {

    display: flex;

    justify-content: space-between;

    align-items: flex-end;

  }



  .wrapper-1 {

    padding-bottom: 120px;

  }



  .wrapper-1 h1 {

    font-weight: bold;

    margin-top: 120px;

    color: #068787;

    font-size: 1.5rem;

  }



  .wrapper-1 p {

    margin-top: 30px;

    padding: 10px;

    margin-bottom: 150px;

    font-size: 0.5rem;

  }



  #logophoto {

    width: 160px;

    height: 45px;

  }



  .navbar-brand {

    margin-right: 30px;

  }



  .nav-link {

    display: flex;

    justify-content: center;

    align-items: left;

    text-align: start;

    font-weight: 600;

    font-size: 20px;

    color: black;

  }



  #phone-container {

    display: none;

  }



  #navbar-text {

    color: black;

    font-size: 20px;

    font-weight: 800;

  }

  #content p {

    font-size: 16px;

  }



  .tab {

    display: inline-block;

    padding: 10px 9px;

    margin-right: -15px;

    cursor: pointer;

    border-bottom: 2px solid transparent;

    font-size: 14px;

    font-weight: 600;

    text-align: center;

  }

  .tab.active {

    border-bottom: 2px solid black;

  }

  .tabimg {

    display: none;

  }

  .tabimg.active {

    display: flex;

    flex-wrap: wrap;

  }

  .tabimg img {

    flex: 1;

    margin: 10px;

    padding: 20px 0px;

  }

}



@media screen and (min-width: 768px) and (max-width: 992px) {

  #phone-container {

    display: none;

  }

}



/*banner below content*/

#hero-container {

  background: url(./LML\ _L1/banner.jpg);

  height: 80vh;

  background-size: cover;

  object-fit: contain;

  background-position: center;

  background-repeat: no-repeat;

}



#hero-container {

  position: relative;

}



img {

  max-width: 100%;

  max-height: 100%;

}



.text {

  font-size: 20px;

  padding-left: 20px;

}



@media screen and (min-width: 1601px) and (max-width: 1920px) {

  #hero-container {

    background: url(./LML\ _L1/banner.jpg);

    height: 90vh;

    background-size: cover;

    object-fit: contain;

    background-position: center;

    background-repeat: no-repeat;

  }



  #home-container {

    padding: 2px;

    text-align: left;

    background-color: white;

  }



  #home-container h3 {

    color: #068787;

    font-size: 3.5rem;

    font-weight: bold;

    padding-top: 10px;

  }



  #home-container h6 {

    font-size: 20px;

  }



  #home-container p {

    font-size: 30px;

  }



  #home-container img {

    width: 100px;

    height: 100px;

  }

}

@media screen and (min-width: 1440px) and (max-width: 1600px) {

  #hero-container {

    background: url(./LML\ _L1/banner.jpg);

    height: 80vh;

    background-size: cover;

    object-fit: contain;

    background-position: center;

    background-repeat: no-repeat;

  }

  #home-container {

    padding: 2px;

    text-align: left;

    background-color: white;

  }

  #home-container h6 {

    font-size: 20px;

  }



  #home-container h3 {

    color: #068787;

    font-size: 3 rem;

    font-weight: bold;

    padding-top: 10px;

  }



  #home-container p {

    font-size: 20px;

  }



  #home-container img {

    width: 150px;

    height: 150px;

    padding: 10px;

  }

}



@media screen and (min-width: 1301px) and (max-width: 1440px) {

  #hero-container {

    background: url(./LML\ _L1/banner.jpg);

    height: 50vh;

    width: 100vw;

    background-size: cover;

    object-fit: contain;

    background-position: center;

    background-repeat: no-repeat;

  }



  #home-container {

    padding: 2px;

    text-align: left;

    background-color: white;

  }



  #home-container h3 {

    color: #068787;

    font-size: 3 rem;

    font-weight: bold;

    padding-top: 10px;

  }



  #home-container p {

    font-size: 20px;

  }



  #home-container img {

    width: 100px;

    height: 100px;

  }

}



/* user sha lap size */



@media screen and (min-width: 1150px) and (max-width: 1300px) {

  #hero-container {

    background: url(./LML\ _L1/banner.jpg);

    height: 60vh;

    width: 100vw;

    background-size: cover;

    object-fit: contain;

    background-position: center;

    background-repeat: no-repeat;

  }



  #home-container {

    padding: 2 px;

    text-align: left;

    background-color: white;

  }



  #home-container h3 {

    color: #068787;

    font-size: 3 rem;

    font-weight: bold;

    padding-top: 10px;

  }



  #home-container p {

    font-size: 20px;

  }



  #home-container img {

    width: 100px;

    height: 100px;

  }

}



@media screen and (min-width: 1025px) and (max-width: 1150px) {

  #hero-container {

    background: url(./LML\ _L1/banner.jpg);

    height: 73vh;

    background-size: cover;

    object-fit: contain;

    background-position: center;

    background-repeat: no-repeat;

  }

  #home-container {

    padding: 5 px;

    text-align: left;

    background-color: white;

  }



  #home-container h3 {

    color: #068787;

    font-size: 3 rem;

    font-weight: bold;

    padding-top: 10px;

  }



  #home-container p {

    font-size: 20px;

  }



  #home-container img {

    width: 100px;

    height: 100px;

  }

}



@media screen and (min-width: 992px) and (max-width: 1024px) {

  #hero-container {

    background: url(./LML\ _L1/banner.jpg);

    width: 100vw;

    height: 70vh;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

  }

}

@media screen and (min-width: 769px) and (max-width: 880px) {

  #hero-container {

    background: url(./LML\ _L1/banner.jpg);

    height: 60vh;

    background-size: cover;

    background-repeat: no-repeat;

  }

}



@media screen and (min-width: 881px) and (max-width: 991px) {

  #hero-container {

    background: url(./LML\ _L1/banner.jpg);

    height: 70vh;

    width: 100%;

    background-size: cover;

    background-repeat: no-repeat;

  }

}

@media screen and (min-width: 600px) and (max-width: 675px) {

  #hero-container {

    background: url(./LML\ _L1/banner.jpg);

    height: 45vh;

    width: 100%;

    background-size: cover;

    background-repeat: no-repeat;

  }

  #home-container {

    padding: 10px;

    text-align: left;

    background-color: white;

  }



  #home-container h3 {

    color: #068787;

    font-size: 3 rem;

    font-weight: bold;

  }



  #home-container p {

    font-size: 20px;

  }



  #home-container img {

    width: 100px;

    height: 100px;

  }

  .sm\:w-\[30\%\] {

    width: 30%;

  }

}

@media screen and (max-width: 600px) {

  .banner {

    display: none;

  }

}



/*@media screen and (min-width: 821px) and (max-width: 1920px) {

    .icon{

      display: none;

    }

  }*/

label.error {

  color: red !important;

}

@media (min-width: 576px) {

  .lml_lot .cntprt {

    display: -webkit-inline-box;

  }

}

@media (min-width: 767px) {

  #enquiry_mobile {

    display: flex;

  }

  #enquiry_mobile label.error {

    font-size: 10px;

    margin-left: 5px;

  }

  .sec-eqMobile {

    display: none;

  }

  h3.bdr {

    border-bottom: 2px solid black;

    padding-bottom: 10px;

    margin-bottom: 20px;

  }

}

@media (max-width: 767px) {

  #enquiry_mobile {

    display: none;

  }



  .sec-eqMobile {

    display: flex;

  }



  .sec-eqMobile a {

    padding: 0;

    width: 50%;

    color: white !important;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 22px;

    font-weight: 600;

  }

  .vl {

    border-left: 2px solid #006872;

    height: 50px;

  }

}



@media screen and (min-width: 601px) and (max-width: 1920px) {

  .mob-banner {

    display: none;

  }

}

@media screen and (min-width: 1921px) and (max-width: 3500) {

  .mob-banner {

    display: none;

  }

}



@media (max-width: 365px) {

  .mobileBanner {

    right: -40px;

  }

}

@media screen and (min-width: 676px) and (max-width: 768px) {

  #hero-container {

    background: url(./LML\ _L1/banner.jpg);

    height: 55vh;

    width: 100%;

    background-size: cover;

    background-repeat: no-repeat;

  }



  #home-container {

    padding: 1 px;

    text-align: left;

    background-color: white;

  }



  #home-container h3 {

    color: #068787;

    font-size: 3 rem;

    font-weight: bold;

    padding-top: 10px;

  }



  #home-container p {

    font-size: 20px;

  }



  #home-container img {

    width: 100px;

    height: 100px;

  }

}



@media screen and (min-width: 401px) and (max-width: 600px) {

  #hero-container {

    background: url(./LML\ _L1/mobile_banner.jpg);

    height: 95;

    width: 100%;

    background-size: cover;

    background-repeat: no-repeat;

  }

}



@media screen and (min-width: 300px) and (max-width: 400px) {

  #hero-container {

    background: url(./LML\ _L1/mobile_banner.jpg);

    height: 75vh;

    width: 100vw;

    background-size: cover;



    background-repeat: no-repeat;

  }



  #home-container {

    padding: 15px;

    text-align: left;

    background-color: white;

  }



  #home-container h3 {

    color: #068787;

    font-size: 3 rem;

    font-weight: bold;

  }



  #home-container p {

    font-size: 16px;

  }



  #home-container img {

    width: 100px;

    height: 100px;

  }

}

@media screen and (min-width: 401px) and (max-width: 570px) {

  #hero-container {

    background: url(./LML\ _L1/mobile_banner.jpg);

    height: 85vh;

    width: 100vw;

    background-size: cover;



    background-repeat: no-repeat;

  }



  #home-container {

    padding: 20px;

    text-align: left;

    background-color: white;

  }



  #home-container h3 {

    color: #068787;

    font-size: 3 rem;

    font-weight: bold;

  }



  #home-container p {

    font-size: 20px;

  }



  #home-container img {

    width: 100px;

    height: 100px;

  }

}



@media screen and (min-width: 768px) and (max-width: 1024px) {

  .row {

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

  }



  #home-container {

    padding: 5px;

    text-align: left;

    background-color: white;

  }



  #home-container h3 {

    color: #068787;

    font-size: 3 rem;

    font-weight: bold;

    padding-top: 10px;

  }



  #home-container p {

    font-size: 20px;

  }



  #home-container img {

    width: 100px;

    height: 100px;

    padding-bottom: 10px;

  }

}



#content {

  font-size: 18px;

  padding: 0px;

}



#content img {

  /* width:100%; */

  height: auto;

}



.feature-icon {

  width: 50px;

  height: 50px;

}



.feature-text {

  font-size: 1.3rem;

  color: #000;

  font-weight: bold;

}



#feature-container {

  margin-top: 50px;

}



#feature-container h2 {

  color: #01737d;

  text-align: center;

  font-weight: bold;

}



@media (max-width: 600px) {

  #feature-container {

    padding-left: 50px;

  }

  .feature-text {

    font-size: 1rem;

  }

  .feature-icon {

    margin-right: 10px;

  }

  #columnrow .col-12 {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    padding: 50px;

  }

}



@media (min-width: 601px) and (max-width: 1024px) {

  #columnrow {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

  }

  #columnrow .col-md-6 {

    display: flex;

    justify-content: center;

    align-items: center;

  }

}



/*amenities*/



/* Project gallery */



.swiper {

  width: 100%;

  height: auto;

  padding-bottom: 40px;

}



.swiper h2 {

  text-align: center;

  color: #01737d;

  font-weight: bold;

  padding-bottom: 20px;

}

/*

  

  .swiper-slide {

    

    background: transparent;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    padding: 30px;

    

  }



  .swiper-slide img{

    height: 300px;

    width: 450px;

    

    

  }  */

/*

  .swiper {

    width: 100%;

    height: auto;

    background-color: #ffffff;

    

    padding-top: 60px;

}







.swiper h2 {

  text-align: center;

  color: #01737d;

  font-weight: bold;

}



.swiper-slide {

    text-align: initial;

    font-size: 17px;

    background: transparent;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    padding: 60px;

}



.reviewer-info img {

    width: 500px;

    height: 400px;

    object-fit: cover;

    

}

    */

.swiper-slide-next {

  zoom: 116%;

}

.swiper-slide-next img {

  margin-top: -25px;

}



/* Table code */



#configuration-container h2 {

  color: #01737d;

  text-align: center;

  font-weight: bold;

  padding-bottom: 20px;

}



.table {

  width: 70%;

  border-collapse: collapse;

  border: 1px solid #148089; /* Outer table border */

}



.table thead th {

  background-color: #148089;

  color: white;

  font-weight: bold;

  font-size: 22px;

  padding: 20px;

  border: none;

}



.table th,

.table td {

  border: none; /* Remove borders from the middle of the table */

}



.table tbody tr {

  color: #148089;

  font-weight: bold;

  font-size: large;

  border: none;

}



.table tbody tr td {

  padding: 20px;

}



.btn-request {

  background-color: #148089;

  color: white;

  border: none;

  padding: 7px 20px;

  border-radius: 5px;

  font-size: medium;

}



.btn-request:hover {

  background-color: #0b7983;

}



@media screen and (min-width: 300px) and (max-width: 768px) {

  #configuration-container h2 {

    color: #01737d;

    text-align: center;

    font-weight: bold;

    padding-bottom: 20px;

  }



  .table {

    width: 100%;

    border-collapse: collapse;

    border: 1px solid #0b7983; /* Outer table border */

  }



  .table thead th {

    background-color: #0b7983;

    color: white;

    font-weight: bold;

    font-size: large;

    padding: 9px;

    border: none;

  }



  .table th,

  .table td {

    border: none; /* Remove borders from the middle of the table */

  }



  .table tbody tr {

    color: #0b7983;

    font-weight: bold;

    font-size: large;

    border: none;

  }



  .table tbody tr td {

    padding: 20px;

    font-size: 10px;

  }



  .btn-request {

    background-color: #0b7983;

    color: white;

    border: none;

    padding: 5px;

    border-radius: 5px;

    font-size: small;

  }



  .btn-request:hover {

    background-color: #0b7983;

  }

}



/* floor container */



#floorPlanImage {

  height: auto;

  width: 600px;

  padding-bottom: 20px;

}



#floor-container h2 {

  color: #01737d;

  font-weight: bold;

  text-align: center;

  padding: 10px;

}

#floor-button-container {

  gap: 2em;

}



#floor-button-container .btn {

  border: none;

  outline: none;

  background: none;

  padding: 10px;

  cursor: pointer;

  font-size: 25px;

  font-weight: 600;

  position: relative;

}



#floor-button-container .btn::after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 0;

  height: 3px;

  background-color: #01737d;

  transition: width 0.3s;

}



#floor-button-container .btn.selected::after {

  width: 100%;

}



#floor-button-container .buttons .btn {

  margin: 0 10px;

}



@media screen and (min-width: 500px) and (max-width: 768px) {

  #floorPlanImage {

    height: auto;

    width: 500px;

    padding-bottom: 20px;

  }



  #floor-container h2 {

    color: #01737d;

    font-weight: bold;

    text-align: center;

    padding: 10px;

  }

  #floor-button-container {

    gap: 1em;

  }



  #floor-button-container .btn {

    border: none;

    outline: none;

    background: none;

    padding: 10px;

    cursor: pointer;

    font-size: 15px;

    font-weight: 600;

  }



  #floor-button-container .btn::after {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 0;

    height: 3px;

    background-color: #01737d;

    transition: width 0.3s;

  }



  #floor-button-container .btn.selected::after {

    width: 100%;

  }



  #floor-button-container .buttons .btn {

    margin: 0 10px;

  }

}

@media screen and (min-width: 300px) and (max-width: 500px) {

  #floorPlanImage {

    height: auto;

    width: 300px;

    padding-bottom: 20px;

  }



  #floor-container h2 {

    color: #01737d;

    font-weight: bold;

    text-align: center;

    padding: 10px;

  }

  #floor-button-container {

    gap: 0.1em;

  }



  #floor-button-container .btn {

    border: none;

    outline: none;

    background: none;

    padding: 10px;

    cursor: pointer;

    font-size: 15px;

    font-weight: 600;

  }



  #floor-button-container .btn::after {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 0;

    height: 3px;

    background-color: #01737d;

    transition: width 0.3s;

  }



  #floor-button-container .btn.selected::after {

    width: 100%;

  }



  #floor-button-container .buttons .btn {

    margin: 0 10px;

  }

}



/* location container */



#location-container h2 {

  color: #01737d;

  text-align: center;

  font-weight: bold;

}



#location-container {

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;



  padding: 2em 0;

}



#content-container {

  gap: 2em;

  display: flex;

  flex-direction: row;

  justify-content: space-around;

  align-items: flex-start;

  text-align: left;

}



.details {

  list-style: none;

  padding-left: 0;

  margin: 0;

}



.details p {

  display: flex;

  flex-direction: column;

  list-style: none;

  position: relative;

  width: 100%;

  font-size: 18px;

}



.details li::before {

  content: "\2022";

  font-weight: bold;

  display: flex;

  flex-direction: row;

  width: 1em;

  margin-left: -1em;

}



.list-item {

  cursor: pointer;

  list-style: none;

  font-size: 20px;

  font-weight: 600;

  margin: 0.5em 0;

  display: flex;

  align-items: center;

}



.expand-icon {

  font-size: 20px;

  margin-left: 0.5em;

}



.left {

  display: flex;

  flex-direction: column;

  justify-content: end;

  align-items: end;

  text-align: end;

}



@media screen and (min-width: 992px) and (max-width: 1024px) {

  #details-image {

    width: 420px;

    height: 450px;

  }

}



@media screen and (min-width: 769px) and (max-width: 993px) {

  #details-image {

    width: 400px;

    height: 450px;

  }

}



@media screen and (min-width: 300px) and (max-width: 768px) {

  #location-container h2 {

    color: #01737d;

    text-align: center;

    font-weight: bold;

  }



  #location-container {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

  }



  #details-image {

    width: 300px;

  }



  #content-container {

    padding: 20px;

    gap: 1em;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    text-align: center;

  }



  .details {

    list-style: none;

    padding-left: 0;

    margin: 0;

    text-align: left;

  }



  .details p {

    display: flex;

    flex-direction: column;

    list-style: none;

    position: relative;

    width: 100%;

    font-size: 16px;

    margin-bottom: 9px;

  }



  .details li::before {

    content: "\2022";

    font-weight: bold;

    display: flex;

    flex-direction: row;

    width: 1em;

    margin-left: -1em;

    font-size: 15px;

  }



  .list-item {

    cursor: pointer;

    list-style: none;

    font-size: 18px;

    font-weight: 600;

    margin: 0.5em 0;

    display: flex;

    align-items: center;

  }



  .expand-icon {

    font-size: 20px;

    margin-left: 0.5em;

  }



  .left {

    display: flex;

    flex-direction: column;

    justify-content: end;

    align-items: end;

    text-align: end;

  }

}



/*  iframe*/

#map-container {

  background-color: white;

}



/*about lml homes



#home-container{

    padding:70px;

    text-align: center;

    justify-content: center;

    background-color: white;



}



#home-container h3{

    color:#068787;

    font-size: 3 rem;

    font-weight: bold;

}



#home-container p{

    font-size: 1 rem;

}



#home-container img{

  width: 100px;

  height: 100px;

}



*/



/*footer*/

.footer {

  background-color: #1B6A8B;

}



.footer h5 {

  font-size: 1.9 rem;

}



.footer p {

  font-size: small;

  margin: 0;

}



/*wrapper thank you page*/

.wrapper-1 {

  padding-bottom: 140px;

}



.wrapper-1 h1 {

  font-weight: bold;

  margin-top: 120px;

  color: #068787;

  font-size: 3.5rem;

}



.wrapper-1 p {

  margin-top: 30px;

  padding: 10px;

  margin-bottom: 150px;

  font-size: 1rem;

}



#moreimage {

  display: none;

}

.image-container {

  position: relative;

  margin-bottom: 15px;

}

.image-container img {

  width: 100%;

  height: auto;

}

.overlay {

  position: absolute;

  bottom: 0;

  background: rgba(0, 0, 0, 0.5);

  color: white;

  width: 100%;

  text-align: center;

}



.flrtabimg {

  position: relative;

  display: inline-block;

}



/* Initially hide the "View More" button */

.view-more-btn {

  display: none;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  background-color: rgb(0 0 0 / 84%);

  color: white;

  padding: 10px 20px;

  border-radius: 5px;

  text-decoration: none;

  font-size: 1.5rem;

}



/* Show the button when hovering over the image */

.flrtabimg:hover .view-more-btn {

  display: block;

}



/* Style the image to adjust size */

.flrtabimg img {

  max-width: 100%;

  height: auto;

  display: block;

}



/* section-1 start */



.section-1 .card {

  padding: 10px;

  height: 100%;

  margin-top: 20px;

  background-color: #fff;

  border: 1px solid #e0e0e0;

  border-radius: 8px; /* Slightly rounded corners for a modern look */

  text-align: center;

  transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth transition for hover effect */

}



.section-1 .card:hover {

  transform: translateY(-10px); /* Slight lift on hover */

  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); /* Subtle shadow on hover */

}



.section-1 .icon {

  font-size: 30px !important;

  margin-bottom: 20px;

  color: #35a85f;

}



.section-1 .card h5 {

  font-size: 20px;

  margin-bottom: 10px;

  font-weight: 600;

  color: #333; /* Darker text for better readability */

}



.section-1 .card p {

  font-size: 16px;

  color: #666;

  line-height: 1.6; /* Improved line height for readability */

}



/* Responsive Design for Smaller Screens */



@media (max-width: 576px) {

  .section-1 .card {

    margin-top: 10px; /* Further reduced margin for very small screens */

    padding: 10px; /* Further reduced padding for very small screens */

  }



  .section-1 .icon {

    font-size: 28px; /* Even smaller icon size for very small screens */

    margin-bottom: 10px;

  }



  .section-1 .card h5 {

    font-size: 16px; /* Smaller heading size for very small screens */

  }



  .section-1 .card p {

    font-size: 13px; /* Smaller text size for very small screens */

  }

}

/* section-1 end */



/* Desktop Banner */



.banner {

  background-image: url("../images/banner/Banner-Desktop.jpg");

  height: 100vh;

}



.banner .form-container {

  max-width: 400px;

  margin-right: 50px;

}

.modal-container {

  min-height: 100vh;

}

.modal-box {

  background-color: #fef4e8 !important;

  padding: 40px;

  width: 50vh !important;

  /*height: 50vh;*/



  border-radius: 10px;

  box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);

}

.form-control {

  border: none;

  padding: 12px;

}



/* Mobile Banner */

.mob-banner {

  position: relative;

  height: 60vh;

  background: url("../images/banner/Banner-mobile.jpg") no-repeat center center /

    cover;



  background-position: center center;

}



/* Responsive Design */

@media (max-width: 1024px) {

  .banner {

    display: none;

  }



  .mob-banner {

    display: block;

  }

}



@media (min-width: 1025px) {

  .mob-banner {

    display: none;

  }

}



.form-view {

  background-color: #fcc203;

}



/* Hide mobile banner and form by default */

.mob-banner,

.mob-form {

  display: none;

}



/* Hide desktop banner and form by default */

.banner {

  display: none;

}



/* Show the desktop banner and form for larger screens */

@media (min-width: 992px) {

  .banner {

    display: block;

  }

}



/* Show the mobile banner and form for smaller screens */

@media (max-width: 991px) {

  .mob-banner {

    display: block;

  }

  .mob-form {

    display: block;

  }

  .modal-container {

    min-height: 60vh;

  }

}



/* section start  */



.img-fluid {

  max-width: 100%;

  height: auto;

}



/* Adjust padding and layout for larger screens (desktop) */

@media (min-width: 992px) {

  #about-container {

    padding-left: 5rem;

    padding-right: 5rem;

  }



  .text-center {

    text-align: center;

  }



  .col-lg-6 {

    padding-left: 3rem;

    padding-right: 3rem;

  }



  .section .headertext {

    font-size: 20px;

  }

}



/* Adjust for mobile and smaller screens */

@media (max-width: 991px) {

  .col-lg-6 {

    margin-bottom: 1.5rem;

  }



  .section .headertext {

    font-size: 20px;

  }

}

/* section  end */



@media (max-width: 991px) {

  .col-lg-6 {

    margin-bottom: 1.5rem;

    text-align: justify;

  }

}



/* Banner Section */

.banner {

  position: relative;

  width: 100%;

  height: 100vh; /* Adjust height as needed */

  background: url("../images/banner/Banner-Desktop.jpg") no-repeat center left;

  background-size: cover;

}



/* Form Container */

.modal-container {

  position: relative;

  display: flex;

  justify-content: center;

  align-items: center;

}



/* Form Box */

.modal-box {

  position: relative;

  background-size: cover;

  padding: 30px 30px 30px 30px !important;

  border-radius: 10px;

  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);



  width: 100% !important;

  max-width: 400px; /* Adjust as needed */

}



/* Form Fields */

.modal-box input {

  /* width: 100%; */

  padding: 20px;

  border: none;

  border-radius: 5px;

  margin-bottom: 15px;

}



.banner .button {

  background: linear-gradient(to bottom, #424663, #1e2030);

  color: #fff;

  font-size: 20px;

  font-weight: bold;

  padding: 15px 30px;

  border: none;

  border-radius: 8px;

  box-shadow: 0 5px 0 #424663, 0 10px 20px rgba(0, 0, 0, 0.3);

  cursor: pointer;

  text-transform: uppercase;

  transition: all 0.2s ease-in-out;

}



.banner .button:active {

  box-shadow: 0 2px 0 #424663, 0 4px 10px rgba(0, 0, 0, 0.3);

  transform: translateY(3px);

}



/* Responsive Design  mobile*/

@media (max-width: 768px) {

  .section-black-1 {

    padding: 20px 10px;

  }

  .enquire_floating {

    display: none !important;

  }



  .slider_container {

    width: 100% !important;

    display: flex !important;

    justify-content: space-between !important;

    align-items: baseline !important;

    align-content: center !important;

    flex-wrap: nowrap !important;

    flex-direction: row !important;

  }

  .custom_slider {

    width: 130% !important;

    overflow: hidden;

    position: relative;

  }



  .modal-box {

    max-width: 100%;

  }

  .modal-box input {

    padding: 10px;

  }

  div#phone-containe {

    display: none;

  }

  .item {

    font-size: 16px !important;

  }



  .item i {

    font-size: 15px !important;

  }

  .section-image-1 {

    display: none;

  }



  .overview-section-heading {

    font-size: 40px !important;

    color: #c0dbd2;

    font-weight: 600 !important;

  }

  .desktop-text {

    display: none;

  }

  .whychoose {

    position: relative;

    height: 100%;

    background: url(../images/banner/WHY.png) no-repeat center center / cover;

    background-position: center center;

    padding: 20px !important;

  }

  .Contact-us {

    position: relative !important;

    height: 100% !important;

    background: url(../images/banner/1.png) no-repeat center center / cover !important;

    background-position: center center !important;

    padding: 20px !important;

  }

  .Contact-us p {

    color: white;

    font-size: 14px !important;

    font-display: justify;

  }



  .whychoose p {

    color: white;

    font-size: 16px !important;

    font-display: justify;

  }

  .gallery-image {

    display: none !important;

  }

  .gallery-heading {

    text-align: start;

    padding: 20px !important;



    background-color: #e6dfd9;

  }

}

.custom_slide-1 {

  background-color: black;

}



/* desktop */

@media (min-width: 768px) {

  .mobile-text {

    display: none;

  }

}



.section-black {

  display: flex;

  justify-content: center;

  align-items: center;

  margin-top: -40px;

}



.section-black-1 {

  background-color: #0e1614;

  color: white;

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 25px 23px;

  border-radius: 5px;

  width: 600px;

  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);

  flex-direction: row;

  flex-wrap: nowrap;

  align-content: center;

  z-index: 99;

}



.item {

  display: flex;

  flex-direction: column;

  align-items: center;

  text-align: center;

  gap: 5px;

  font-size: 18px;

}



.item i {

  font-size: 20px;

}



.item img {

  width: 50px; /* Adjust as needed */

  height: auto;

  margin-top: 5px;

}



.divider {

  color: #ccc;

  font-size: 20px;

}



.overview-section-heading {

  font-size: 40px !important;

  color: #c0dbd2;

  font-weight: 600 !important;

}



.section-image-1 {

  margin-top: -200px;

}

.section-image-z {

  z-index: 99;

}



.whychoose {

  position: relative;

  height: 100%;

  background: url("../images/banner/WHY.png") no-repeat center center / cover;

  background-position: center center;

  padding: 50px 200px;

}



.whychoose p {

  color: white;

  font-size: 20px;

  font-display: justify;

}



.py-5 {

  /* padding-top: 3rem !important; */

  /* padding-bottom: 3rem !important; */

}



.Contact-us p {

  color: white;

  font-size: 20px;

  font-display: justify;

}



label.error {

  color: red  !important;

}



.item img {

  width: 20px;

}

div#email-error {

  display: none;

}



.gallery-heading {

  text-align: start;

  padding: 50px;



  background-color: #e6dfd9;

}



.gallery-heading h1 {

  color: #0a4e4d;

}



.custom_slide_wrap {

  width: 100%;

  text-align: center;

  position: relative;

  overflow: hidden;

  /* max-width: 900px; */

  margin: auto;

  /* background: rgba(0, 0, 0, 0.1); */

  padding: 30px;

  border-radius: 10px;

  background-color: #000;

}



.custom_slide_show {

  width: 100%;

  overflow: hidden;

  position: relative;

}



.custom_slide_img {

  display: flex;

  transition: transform 0.5s ease-in-out;

}



.custom_slide {

  min-width: 500px;

  margin: 0 10px;

}



.custom_slide img {

  width: 100%;

  border-radius: 10px;

}



.custom_slide_btn a {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  color: #fff;

  width: 50px;

  height: 50px;

  line-height: 50px;

  background-color: rgba(0, 0, 0, 0.5);

  border-radius: 50%;

  text-align: center;

  font-size: 24px;

  text-decoration: none;

  cursor: pointer;

}



.custom_slide_btn a:hover {

  background-color: rgba(0, 0, 0, 0.8);

}



.custom_prev {

  left: -20px;

}

.custom_next {

  right: -20px;

}



.floor-plan-full {

  background-color: #1a242f;

  color: white;

}

.floor-plan {

  display: flex;

  height: 100vh;

}

.sidebar {

  width: 30%;

  background-color: #222;

  padding: 20px;

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  justify-content: center;

}

.sidebar h1 {

  font-size: 30px;

  margin-bottom: 20px;

}

.sidebar ul {

  list-style: none;

}

.sidebar ul li {

  font-size: 18px;

  padding: 15px;

  border-bottom: 1px solid gray;

  cursor: pointer;

  transition: background 0.3s;

}

.sidebar ul li:hover {

  background: #444;

}

.content {

  flex: 1;

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;

  padding: 20px;

  background-color: #1a242f;

}

.content img {

  max-width: 80%;

  max-height: 80vh;

  border-radius: 5px;

  display: none;

}



@media (max-width: 768px) {

  .floor-plan {

    flex-direction: column;

    height: auto;

  }



  .sidebar {

    width: 100%;

    text-align: center;

  }



  .content {

    width: 100%;

    padding: 10px;

  }



  .content img {

    max-width: 100%;

    max-height: auto;

  }

}



.custom_slider {

  width: 100%;

  overflow: hidden;

  position: relative;

}



.slider_container {

  width: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

}



.slider_wrap {

  position: relative;

  width: 80%;

  overflow: hidden;

}



.slider_show {

  display: flex;

  overflow: hidden;

  width: 100%;

}



.slider_items {

  display: flex;

  transition: transform 0.5s ease-in-out;

}



.slider_card {

  width: 300px;

  margin: 10px;

  background: #fff;

  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);

  border-radius: 10px;

  overflow: hidden;

  text-align: center;

}



.slider_card img {

  width: 100%;

  height: auto;

}



.card_content {

  padding: 15px;

  font-size: 16px;

  font-weight: bold;

}



.slider_controls {

  position: relative;

  top: 100%;

  width: 100%;

  display: flex;

  justify-content: flex-end;

  transform: translateY(-50%);

  align-items: center;

  flex-direction: row;

  flex-wrap: wrap;

  margin-top: 25px;

}



.slider_controls a {

  font-size: 25px;

  text-decoration: none;

  color: #333;

  background: rgba(255, 255, 255, 0.7);

  padding: 10px;

  border-radius: 50%;

  transition: background 0.3s;

}



.slider_controls a:hover {

  background: rgba(255, 255, 255, 1);

}



.youtubevideo {

  position: relative;

  padding: 20px;

}

.youtubevideo {

  padding: 30px 0;

  background-color: #f8f9fa;

}

.video-wrapper {

  position: relative;

  cursor: pointer;

  border-radius: 10px;

  overflow: hidden;

}

.video-wrapper img {

  width: 100%;

  height: auto;

  border-radius: 10px;

}



.carousel-control-prev,

.carousel-control-next {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  width: auto;

  height: 50px;

  width: 50px;

  background: rgba(0, 0, 0, 0.5);

  border-radius: 50%;

}



.carousel-control-prev {

  left: -60px;

}



.carousel-control-next {

  right: -60px;

}



.carousel-control-prev-icon,

.carousel-control-next-icon {

  width: 30px;

  height: 30px;

}



@media (max-width: 768px) {

  .carousel-control-prev {

    left: -30px;

  }



  .carousel-control-next {

    right: -30px;

  }

}



@media screen and (min-width: 411px) and (max-width: 768px) {

  .navbar-collapse {

    display: flex;

    justify-content: center;

    align-items: center;

    align-content: center;

  }

  .amenities h1 {

    color: #404364 !important;

    font-size: 25px !important;

  }

}

.Contact-us {

  position: relative;

  height: 100%;

  background: url(../images/banner/1.png) no-repeat center center / cover;

  background-position: center center;

  padding: 20px !important;

}



.header {

  background-color: transparent;

  transition: background-color 0.3s ease-in-out;

}



.header.scrolled {

  background-color: #6098d4 !important;

}



.pricing-container {

  background: #fff;

  border-radius: 10px;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

  max-width: 600px;

  margin: auto;

  padding: 20px;

}

.pricing-header {

  background: #1b6a8b;

  color: white;

  padding: 15px;

  font-size: 20px;

  font-weight: bold;

  border-radius: 8px 8px 0 0;

}

.pricing-table {

  width: 100%;

  border-collapse: collapse;

  margin: 20px 0;

}

.pricing-table th,

.pricing-table td {

  border: 1px solid #ddd;

  padding: 10px;

  text-align: left;

}

.pricing-table th {

  background: #404364;

  color: white;

}

.savings-section {

  font-weight: bold;

  font-size: 16px;

  margin-top: 20px;

}



.green-solution {

  background-color: #1b6a8b;

  padding: 30px;

}

.green-solution .container {

  max-width: 1100px;

  margin: auto;

  padding: 20px;

}

.green-solution .heading {

  font-size: 28px;

  font-weight: bold;

  color: white;

  margin-bottom: 30px;

  text-align: center;

}

.green-solution .cards {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;



  gap: 20px;

}

.green-solution .card {

  background: none;

  padding: 20px;

  border: 1px solid #598ca1;

  border-radius: 10px;

  width: 300px;

  text-align: center;

  transition: transform 0.3s ease;

}

.green-solution .card:hover {

  transform: scale(1.05);

}

.green-solution .card img {

  width: 50px;

  height: 50px;

  margin-bottom: 10px;

  display: block;

  margin-left: auto;

  margin-right: auto;

}

.green-solution .card p {

  font-size: 16px;

  color: white;

  margin: 0;

  text-align: center;

}

@media (max-width: 768px) {

  .green-solution .cards {

    flex-direction: column;

    align-items: center;

  }

  .limittime-offer {

    height: 100% !important;

  }

  .location .location-content {

    padding: 10px !important;

    display: flex;

    flex-direction: column;

    flex-wrap: wrap;

    align-content: center;

    justify-content: center;

    align-items: flex-start;

  }

  .location {

    padding: 30px !important;

  }

}



.limittime-offer {

  position: relative;

  width: 100%;

  height: 80vh;

  background: url("../images/banner/BANNER-3.jpg") no-repeat center center/cover;

  display: flex;

  align-items: center;

  justify-content: center;

  text-align: center;

  color: white;

  padding: 20px;

}



.content-offer {

  max-width: 80%;

}

.offer-title {

  font-size: 3rem !important;

  font-weight: bold;

  margin-bottom: 20px;

  color: #f5a623;

}

.offer-details {

  display: flex;

  justify-content: center;

  flex-wrap: wrap;

  gap: 30px;

}

.offer-box {

  padding: 20px;

  border-radius: 8px;

  text-align: center;

  min-width: 200px;

}

.offer-box h2 {

  font-size: 40px !important;

  margin-bottom: 10px;

}

.offer-box p {

  font-size: 20px;

}

@media (max-width: 768px) {

    .footer-empty{

        display:block !important;

    }

  .offer-title {

    font-size: 20px !important;

  }

  .offer-box h2 {

    font-size: 1.5rem;

  }

  .offer-box p {

    font-size: 20px;

  }

}

.amenities {

  background-color: #fff5e4;

}

.amenities h1 {

  color: #404364;

  font-size: 40px;

}

.circle-img {

  width: 256px;

  height: 256px;

  border-radius: 50%;

  overflow: hidden;

}

.circle-img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.caption {

  background-color: rgba(0, 0, 0, 0.5);

  color: white;

  padding: 10px;

  border-radius: 50px;

  margin-top: 10px;

}



.text-teal {

  color: #20c997;

  font: 25px;

  font-weight: 700;

}

.fa-circle {

  font-size: 0.5rem;

  margin-top: 0.3rem;

}



.location .location-content {

  padding-left: 100px;

  display: flex;

  flex-direction: column;

  flex-wrap: wrap;

  align-content: center;

  justify-content: center;

  align-items: flex-start;

}





.miss-chance{

  background-color: #3b3b5c;

  color: #f4a261;

  height: 100%;

  padding: 30px;

}





 .footer-empty{

        display:none

    }

    @media screen and (min-width: 411px) and (max-width: 768px) {
      .image-section-font p {
          font-size: 14px !important;
      }
  }