@font-face {
  font-family: "DIN Next LT W23";
  src: url("/fonts/din-next-lt-w23-medium.eot");
  src: url("/fonts/din-next-lt-w23-medium.eot?#iefix")
      format("embedded-opentype"),
    url("/fonts/din-next-lt-w23-medium.woff2") format("woff2"),
    url("/fonts/din-next-lt-w23-medium.woff") format("woff"),
    url("/fonts/din-next-lt-w23-medium.ttf") format("truetype");
}
.html,body {    
    overflow-x:hidden;
}
/* Move dots to bottom center */
/* .carousel-indicators {
  bottom: 20px;
} */

/* Dot style */
/* .carousel-indicators [data-bs-target] {
  width: 7px !important;
    height: 7px !important;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.5;
  margin: 0 6px;
  border: none;
} */

/* Active dot */
/* .carousel-indicators .active {
  opacity: 1;
  background-color: #fff;
  transform: scale(1.2);
} */
.custom-header {
  position: absolute;
  top: 6%;
  width: 100%;
  z-index: 1000;
  background: transparent; /* or rgba for overlay effect */
}
img.menu-logo {
    width: 50%;
}
.banner-section {
  margin-top: 0;
}
/* .banner-img {
  width: 100%;  
  object-fit: cover;
} */
ul.menu-list {
    display: flex;
    list-style-type: none;
    float: right;
    margin-bottom: 0;
    margin-top: 10px;
}
a.nav-link.regorgnbtn:hover {
    color: white;
}
li.nav-item a {
    color: white;
    font-family: 'Poppins';
    padding: 8px 0;
    font-size: 18px;
}

li.nav-item {
    margin-right: 15px;
}

a.nav-link.regorgnbtn {
    background: #EA8023;
    padding: 8px 15px;
    border-radius: 20px;
}
/* Banner background */
.banner-slide {
  height: 880px;
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
}

/* Optional overlay (for readability) */
.banner-slide::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Content above overlay */
.banner-slide .content {
  position: relative;
  top: 15%;
    left: 15%;
  z-index: 2;
}
img.lndn-logo {
    width: 40%;
}
.slide1-cnt {
    margin: 4% 0 0 2%;
}
.slide1-cnt p {
    font-family: 'Poppins';
    font-size: 24px;
    margin-bottom: 5px;
}
.slide1-cnt h1 {
    font-family: 'Inter';
    font-weight: 700;
    font-size: 48px;
}
img.bnr2-cnt {
    width: 38%;
}
h1.whyinvstlondon {
    color: #2A405C;
    font-family: "DIN Next LT W23";
    font-weight: 600;
    font-size: 36px;
    margin-top: -6%;
    margin-bottom: 4%;
}
section#benefits {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    margin-top: -3%;
}
p.yinvstdisc {
    color: #787878;
    font-size: 22px;
    font-family: "Poppins";
    font-weight: 500;
    margin-bottom: 6%;
}
h4.pointer-title {
    color: #2A405C;
    font-family: "Inter";
    font-weight: 600;
    font-size: 20px;
}

h5.pointer-desc {
    font-size: 14px;
    width: 79%;
    font-family: "Poppins";
    color: #787878;
}
img.pointer-icon {
    width: 16%;
    margin-bottom: 3%;
}
.why-inv-point {
    display: inline-flex;
}
img.sec-shrt-divid {
    height: 56%;
    width: 20%;
}
img.whyinvest {
    width: 100%;
    margin-top: 6%;
}
.invest-pointers {
    width: 98%;
}
.pointer-divider {
    width: 2%;
}
img.yinvstcnt {
    margin: 2% 0 5% 3%;
    width: 42%;
}
img.whypoints {
    width: 90%;
    margin: 0 0 6% 4%;
}
section#services {
    padding: 4% 3% 6%;
}
img.advsry-title {
    width: 100%;
    margin-bottom: 6%;
}
img.advsry-points {
    width: 65%;
}
section#areas {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding: 3% 3% 4%;
}
section#faq {
    padding: 5%;
}

img.faq-tit {
    width: 76%;
    padding-bottom: 4%;
}
.accordion-item {
    background: transparent !important;
}
.button.accordion-button.collapsed {
  color: #787878;
}
img.key-invests {
    width: 100%;
    margin-bottom: 4%;
}

img.key-invest-col1 {
    width: 100%;
    margin-bottom: 4%;
}

img.key-invest-col2 {
    width: 100%;
}
/* section#statistics {
    background-size: cover !important;
    height: 479px;
} */
img.lndn-map {
    width: 100%;
}
section#growth {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding: 4% 3% 7%;
}
img.growth-tit {
    width: 100%;
    margin-bottom: 5%;
}
img.growth-pnt {
    width: 100%;
}
#attend .carousel-item {
  /* height: 90vh; */
  /* min-height: 400px; */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
#attend .carousel-caption {
  bottom: 50%;
  transform: translateY(50%);
}
#attend .carousel-indicators [data-bs-target] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #fff;
}
#attend .carousel-indicators {    
  margin-bottom: 2rem !important;
}
#attend .carousel-item::before {
  content: "";
  position: absolute;
  inset: 0;
}
#attend .carousel-caption {
  z-index: 2;
}
div#attendslider {
  padding-left: 15px;
}
section#reserve {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  padding: 4%;
}
img.reserve-expo {
  width: 85%;
}
img.reserve-title {
  width: 100%;
  margin-bottom: 4%;
}
img.reserve-expo {
  width: 60%;
  margin: 0 auto;
  display: flex;
}
form.reserve-frm {
  border: 2px solid #ffffff99;
  width: 100%;
  padding: 5% 12%;
  background: #ffffff47;
  border-radius: 15px;
  margin-top: 7%;
}
.frm-fild {
  color: white;
  margin-bottom: 15px;
}
.frm-fild p {
  margin-bottom: 5px;
}
input.frminpt {
  width: 100%;
  border-radius: 7px;
  border: none;
  padding: 5px;
}
input.frminpt:focus-visible {
  outline: none;
}
input.frmbtn {
  background: #EA8023;
  border: none;
  width: 100%;
  color: white;
  font-size: 18px;
  text-transform: uppercase;
  border-radius: 8px;
  margin-top: 9%;
  padding: 1% 0;
}
footer {
  background: #2A405C;
  color: #7B93AC;
  padding: 4%;
}
.social-media ul {
    display: flex;
    list-style-type: none;
    margin-bottom: 0;
}
.social-media {
    display: flex;
    margin-top: 15px;
}
.social-media ul li {
    margin-left: 5px;
}
.social-media p {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
img.foo-rera {
    width: 95%;
    margin-top: 5%;
}
.foo-rera p {
    margin-top: 5%;
    margin-bottom: 5px;
}
img.foosqlogo {
    width: 55%;
}
img.foo-expo-logo {
    width: 75%;
    display: flex;
    margin: 0 auto;
}
.sticky-contact {
  position: fixed;
  right: 20px;
  bottom: 50px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.sticky-contact a {
  width: 45px;
  height: 45px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  /* box-shadow: 0 6px 15px rgba(0,0,0,0.2); */
  transition: transform 0.3s ease;
}

.sticky-contact a:hover {
  transform: scale(1.1);
}
.sticky-contact img {
  width: 24px;
}
.attendimg {
  width: 100%;
}
.modal-content {
  width: 80%;
  margin: 0 auto;
}
#exampleModalLabel form.reserve-frm {
  padding: 5%;
}
#exampleModalLabel form.reserve-frm {
  border: none;
  background: none;
  margin-top: 0;
}
h1#exampleModalLabel {
    color: #2A405C;
}
.modal .frm-fild {
    color: #2A405C;
    font-size: 18px;
    font-weight: 400;
}
.hddesk {
  display: none !important;
}
.modal input.frminpt {
    border: 1px solid #2A405C;
    color: #2A405C;
}
section#thankyou {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 845px;
}
section#services {
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
ul.fooqlul {
    list-style: none;
    padding: 0;
    margin-top: 20px;
}
li.fooqli {margin-bottom: 10px;}

a.fooqla {
    text-decoration: none;
    color: #7B93AC;
}
.row.slinoline {
  display: none;
}
h3.advisory-title {
    font-family: 'DIN Next LT W23';
    font-size: 40px;
    color: white;
    font-weight: 600;
    padding-left: 24px;
}
p.advisory-desc {
    margin-left: 24px;
    font-size: 22px;
    color: white;
    font-family: 'Poppins';
    padding-bottom: 4%;
}
hr.ornghr {
    background-color: #EA8023;
    height: 1px;
    opacity: 1;
    border: none;
}
.points {
    display: inline-flex;
    color: white;
    padding-bottom: 15%;
}

.points-num {
    font-family: 'Poppins';
    font-size: 32px;
    font-weight: 600;
    width: 12%;
}

img.points-icon {
    width: 25px;
    height: 25px;
    margin-bottom: 10px;
}

p.pointers {
    margin-bottom: 0;
    font-family: 'Inter';
    font-size: 20px;
    line-height: 20px;
}

.points-detail {
    border-left: 1px solid white;
    padding-left: 10px;
    width: 78%;
}
/* Mobile devices (up to 767px) */
@media (max-width: 767px) { 
  .hdmob {
    display: none !important;
  }
  .hddesk {
    display: block !important;
  }
  img.menu-logo {
    width: 22%;
    display: flex;
    margin: 0 auto;
  }
  .custom-header {
    top: 2%;
  }
  ul.menu-list {
    display: none;
  }
  .slide1-cnt h1 {
      font-size: 32px;
  }
  h1.whyinvstlondon {
      font-size: 20px;
      margin-top: -10%;
      margin-bottom: 8%;
  }
  p.yinvstdisc {
      font-size: 14px;
      margin-bottom: 20px;
  }
  .banner-slide {
    height: 280px;
    background-size: contain;
  }
  .slide1-cnt p {
    font-size: 16px;
  }
  .hddesk img.whyinvest {
    padding-bottom: 7%;
  }
  .banner-slide .content {
      top: 22%;
  }
  img.foosqlogo {
    width: 40%;
}
  img.sliderleft, img.sliderright {
    width: 60%;
  }
  section#services {
    background-size: cover !important;
  }
  section#statistics {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    height: 152px;
    margin-top: -1%;    
  }
  /* #attend .carousel-item {
    height: 100%;
    min-height: 150px;
  } */
  .foo-rera p {
    margin-top: 0;
  }
  .slinoline h5.pointer-desc {
    font-size: 12px;
    width: 100%;
  }
  .slinoline h4.pointer-title {
    font-size: 16px;
    height: 40px;
  }
  .pointer-divider {
    width: 2%;
  }
  img.sec-shrt-divid {
    height: 67%;
    width: 30%;
  }
  .row.slinoline {
    margin-bottom: 20px;
    display: inline-flex !important;
  }
}