@charset 'UTF-8';

.container{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* Slider */

.slick-slider
{
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list
{
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus
{
  outline: none;
}

.slick-list.dragging
{
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
  transform: translate3d(0, 0, 0);
}

.slick-track
{
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after
{
  display: table;
  content: '';
}

.slick-track:after
{
  clear: both;
}

.slick-loading .slick-track
{
  visibility: hidden;
}

.slick-slide
{
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide
{
  float: right;
}

.slick-slide img
{
  display: block;
}

.slick-slide.slick-loading img
{
  display: none;
}

.slick-slide.dragging img
{
  pointer-events: none;
}

.slick-initialized .slick-slide
{
  display: block;
}

.slick-loading .slick-slide
{
  visibility: hidden;
}

.slick-vertical .slick-slide
{
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */

.slick-loading .slick-list
{
  background: #fff url('./../../../assets/images/ajax-loader.gif') center center no-repeat;
}

/* Icons */

@font-face
{
  font-family: 'slick';

  font-weight: normal;

  font-style: normal;

  src: url('./fonts/slick.eot');

  src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}

/* Arrows */

.slick-prev,
.slick-next
{
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
  opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
  left: -25px;
}

[dir='rtl'] .slick-prev
{
  right: -25px;
  left: auto;
}

.slick-prev:before
{
  content: '←';
}

[dir='rtl'] .slick-prev:before
{
  content: '→';
}

.slick-next
{
  right: -25px;
}

[dir='rtl'] .slick-next
{
  right: auto;
  left: -25px;
}

.slick-next:before
{
  content: '→';
}

[dir='rtl'] .slick-next:before
{
  content: '←';
}

/* Dots */

.slick-dotted.slick-slider
{
  margin-bottom: 30px;
}

.slick-dots
{
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li
{
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button
{
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus
{
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
  opacity: 1;
}

.slick-dots li button:before
{
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before
{
  opacity: .75;
  color: black;
}

:root {
  --primaryColor: #c39954;
}

@font-face {
  font-family: 'BegumSans';

  src: url('../fonts/BegumSans-Light.ttf') format('truetype');

  font-weight: 300;

  font-style: normal;
}

@font-face {
  font-family: 'BegumSans';

  src: url('../fonts/BegumSans-Regular.ttf') format('truetype');

  font-weight: 400;

  font-style: normal;
}

@font-face {
  font-family: 'BegumSans';

  src: url('../fonts/BegumSans-Medium.ttf') format('truetype');

  font-weight: 500;

  font-style: normal;
}

@font-face {
  font-family: 'BegumSans';

  src: url('../fonts/BegumSans-SemiBold.ttf') format('truetype');

  font-weight: 600;

  font-style: normal;
}

@font-face {
  font-family: 'BegumSans';

  src: url('../fonts/BegumSans-Bold.ttf') format('truetype');

  font-weight: 700;

  font-style: normal;
}

html, body {
  font-family: 'BegumSans';
  font-size: 16px;
}

body {
  background-color: black;
}

.container{
  margin-left: auto;
  margin-right: auto;
}

.default_heading{
  font-size: 24px;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px){
  .default_heading{
    font-size: 36px;
  }
}

.default_content{
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.default_button{
  display: flex;
    width: 100%;
    background: #c39954;
    align-items: center;
    text-align: center;
    justify-content: center;
    color: white;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    padding: 8px 10px;
    cursor: pointer;
    border: 1px solid var(--primaryColor);
    line-height: 1.5;
}

.default_button {
  &:hover{
    border-width: 1px;
  }
  &:hover{
    border-color: var(--primaryColor);
  }
  &:hover{
    background-color: transparent;
  }
}

.primary_header{
  display: flex;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  .header_logo{
    display: block;
  }
  .header_logo{
    max-width: 160px;
  }
  .header_navigation {
    ul{
      display: flex;
    }
    ul{
      -moz-column-gap: 2rem;
           column-gap: 2rem;
    }
    ul {
      a{
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      }
    }
  }
}

.hero_banner{
  position: relative;
  align-items: center;
  justify-content: center;
  background-size: cover;
}

@media (min-width: 1024px){
  .hero_banner{
    min-height: 66vh;
  }
}

@media (min-width: 1200px){
  .hero_banner{
    min-height: 86vh;
  }
}

@media (min-width: 1536px){
  .hero_banner{
    min-height: 100vh;
  }
}

.hero_banner {
  .header_form{
    margin-left: auto;
  }
  .header_form{
    width: 100%;
  }
  
  @media (min-width: 768px){
    .header_form{
        width: 35%;
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    }
  }
  @media (min-width: 768px){
    .header_form{
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
    }
  }
  @media (min-width: 768px){
    .header_form{
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
  }
  @media (min-width: 1200px){
    .header_form{
      width: 25%;
    }
  }
  .header_form {
    .title{
      text-align: center;
    }
    .title{
      font-size: 1.25rem;
      line-height: 1.75rem;
    }
    .title{
      font-weight: 500;
    }
    .title{
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }
    @media (min-width: 768px){
      .title{
        --tw-text-opacity: 1;
        color: rgb(0 0 0 / var(--tw-text-opacity, 1));
      }
    }
  }
}

.hero_banner_desktop_fade .slick-list,
.hero_banner_desktop_fade .slick-track { height: 100%; }

.hero_banner_desktop_fade .slick-slide,
.hero_banner_desktop_fade .item { height: 100%; }

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

.default_form .hs-button {
  width: 100% !important;
  background: var(--primaryColor) !important;
  color: white;
  font-size: 16px !important;
  text-transform: uppercase !important;
  text-align: center !important;
  padding: 8px 10px !important;
  cursor: pointer !important;
}

.about_section{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 3rem;
  padding-bottom: 3rem;
  .inner_container{
    display: flex;
    flex-direction: column-reverse;
  }
  .inner_container{
    align-items: flex-start;
  }
  .inner_container{
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }
  .inner_container{
    background-size: cover;
  }
  .inner_container{
    background-position: center;
  }
  .inner_container{
    background-repeat: no-repeat;
  }
  .inner_container{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .inner_container{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  @media (min-width: 1024px) {
  .inner_container {
    flex-direction: row; /* on lg+: row layout */
  }
}
  @media (min-width: 768px){
    .inner_container{
      padding-left: 2.5rem;
      padding-right: 2.5rem;
    }
  }
  @media (min-width: 991px){
    .inner_container{
     padding-top: 1.5rem !important;
            padding-left: 6%;padding-right:5%;
    }
  }
  @media (min-width: 991px){
    .inner_container{
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
    }
  }
  .inner_container {
    .highlight{
      margin-top: 2.5rem;
    }
    
    @media (min-width: 991px){
      .highlight{
        width: 83.333333%;
      }
    }
    
    .highlight > li:not([hidden]) ~ li:not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-divide-opacity)); /* gray-300 */
}

/* default: no horizontal divider (since it's stacked) */
/* on md+: add vertical dividers */
@media (min-width: 768px) {
  .highlight > li:not([hidden]) ~ li:not([hidden]) {
    border-left-width: 1px;
  }
}
    
    .highlight {
        display: flex;
        flex-direction: column;
        align-items: center;
        li{
            position: relative;
        }
        li {
          padding: 10px 0;
            &:first-child {
            padding-left: 0;
            }
        }
        
        @media (min-width: 768px) {
            flex-direction: row;
          li {
              padding: 0 40px;
          }
      }
      .head, .text{
        display: flex;
      }
      .head, .text{
        align-items: center;
      }
      .head, .text{
        justify-content: center;
      }
      .head{
        gap: 0.5rem;
      }
      .head{
        font-weight: 500;
      }
      
      .head{
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      }
      @media (min-width: 991px){
        .head, .text{
          justify-content: flex-start;
        }
      }
      .head {
        img{
          height: 24px;
        }
        img{
          width: 24px;
        }
      }
      .text{
        margin-top: 0.5rem;
      }
      .text{
        font-weight: 600;
      }
      .text{
        color: var(--primaryColor);
      }
    }
  }
}

.gallery_slider{
  padding-bottom: 3rem;
}

@media (min-width: 1024px){
  .gallery_slider{
    padding-bottom: 7rem;
  }
}

.gallery_slider {
  .slider-for {
    .item{
      position: relative;
    }
    .content{
      position: absolute;
    }
    .content{
      left: 0px;
    }
    .content{
      bottom: 0px;
    }
    .content{
      width: 100%;
    }
    .content{
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
    }
    @media (min-width: 991px){
      .content{
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
      }
    }
    .content {
      background: rgba(0,0,0,0.4);
      .title{
        font-size: 1.875rem;
        line-height: 2.25rem;
      }
      .title{
        font-weight: 500;
      }
      .title{
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      }
      .desc{
        margin-top: 0.5rem;
      }
      .desc{
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      }
    }
  }
  .slider-nav {
    .item{
      margin-left: 0.5rem;
      margin-right: 0.5rem;
    }
  }
}

.static_gallery_slider {
  figure{
    margin-left: 0px;
    margin-right: 0px;
  }
  @media (min-width: 768px){
    figure{
      margin-left: 1rem;
      margin-right: 1rem;
    }
  }
  .item{
    position: relative;
  }
  .item{
    margin-left: 0px;
    margin-right: 0px;
  }
  @media (min-width: 768px){
    .item{
      margin-left: 1rem;
      margin-right: 1rem;
    }
  }
  .content{
    position: absolute;
  }
  .content{
    left: 0px;
  }
  .content{
    bottom: 0px;
  }
  .content{
    min-height: 120px;
  }
  .content{
    width: 100%;
  }
  .content{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .content {
    background: rgba(0,0,0,0.4);
    .title{
      font-size: 1.25rem;
      line-height: 1.75rem;
    }
    .title{
      font-weight: 500;
    }
    .title{
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }
    .desc{
      margin-top: 0.5rem;
    }
    .desc{
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
    .desc{
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }
  }
}

.slick-slider {
  img{
    width: 100%;
  }
  .slick-arrow{
    height: 30px;
  }
  .slick-arrow{
    width: 30px;
  }
  .slick-arrow {
    &:before {
      display: none;
    }
    i{
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      font-size: 16px;
    }
  }
  .slick-prev {
    left: 10px;
    &:before {
      content: "\f054";
      font-family: "Font Awesome 6 Free";
    }
  }
  .slick-next {
    right: 10px;
  }
  .slick-prev, .slick-next{
    z-index: 10;
  }
  .slick-prev, .slick-next{
    background-color: var(--primaryColor);
  }
}

.gallery_section{
  background-image: url('../images/gallery_section_bg.webp');
  background-size: cover;
  background-position: top;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

@media (min-width: 1024px){
  .gallery_section{
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
}

.why_section{
  padding-bottom: 3rem;padding-top:1%;
}

@media (min-width: 1024px){
  .why_section{
    padding-bottom: 7rem;
  }
}

.why_dubai {
    display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  row-gap: 2.5rem;
  margin-top: 3rem;
      margin-bottom: 3rem;
  
  & > * {
  border-left: 1px solid #e5e7eb; /* gray-200 */
}

& > :nth-child(3n + 1) {
  border-left: 0;
}

.item{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
      }
      
      .text{
        font-size: 1.5rem;
        line-height: 2rem;
      }
      .text{
        font-weight: 500;
      }
      .text{
        line-height: 1.25;
      }
      .text{
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      }
      @media (min-width: 991px){
        .text{
          font-size: 25px;
        }
      }
      .text {
        span{
          display: block;
        }
        span{
          font-size: 20px;
        }
        span{
          font-size: 1.125rem;
          line-height: 1.75rem;
        }
      }
}

.why_section {
  .content{
    text-align: center;
  }
  .content {
    .location{
      margin-top: 3rem;
      margin-bottom: 3rem;
    }
    .location{
      display: grid;
    }
    .location{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .location{
      row-gap: 2.5rem;
    }
    .location {
      .item{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
      }
      .item {
          border-color: rgb(113 113 122 / var(--tw-border-opacity, 1));
        &:nth-child(2n){
          border-left-width: 1px;
        }
        &:nth-child(2n){
          --tw-border-opacity: 1;
          border-color: rgb(113 113 122 / var(--tw-border-opacity, 1));
        }
      }
      .text{
        font-size: 1.5rem;
        line-height: 2rem;
      }
      .text{
        font-weight: 500;
      }
      .text{
        line-height: 1.25;
      }
      .text{
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      }
      @media (min-width: 991px){
        .text{
          font-size: 25px;
        }
      }
      .text {
        span{
          display: block;
        }
        span{
          font-size: 20px;
        }
        span{
          font-size: 1.125rem;
          line-height: 1.75rem;
        }
      }
    }
  }
}

.invest_danube{
  padding-bottom: 3rem;
}

@media (min-width: 1024px){
  .invest_danube{
    padding-bottom: 7rem;
  }
}

.invest_danube {
  .invest_reasons{
    display: grid;
  }
  .invest_reasons{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .invest_reasons{
    align-items: flex-start;
  }
  .invest_reasons{
    gap: 2rem;
  }
  @media (min-width: 768px){
    .invest_reasons{
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (min-width: 1024px){
    .invest_reasons{
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  @media (min-width: 1024px){
    .invest_reasons{
      gap: 0px;
    }
  }
  .invest_reasons {
    .item{
      display: flex;
    }
    .item{
      height: 100%;
    }
    .item{
      flex-direction: column;
    }
    .item{
      align-items: center;
    }
    .item{
      justify-content: flex-start;
    }
    .item{
      --tw-border-opacity: 1;
      border-color: rgb(113 113 122 / var(--tw-border-opacity, 1));
    }
    .item{
      padding-left: 0px;
      padding-right: 0px;
    }
    .item{
      text-align: center;
    }
    @media (min-width: 768px){
      .item{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
      }
    }
    @media (min-width: 1024px){
      .item{
        border-left-width: 1px;
      }
    }
    .item {
      &:first-child{
        border-width: 0px;
      }
      img{
        max-width: 120px;
      }
      .desc{
        margin-top: 1rem;
      }
      .desc{
        font-weight: 500;
      }
      .desc{
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      }
    }
  }
}

.primary_footer{
  --tw-bg-opacity: 1;
  background-color: rgb(16 16 16 / var(--tw-bg-opacity, 1));
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  .desc{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  .copyright{
    color: var(--primaryColor);
  }
}

[data-modal-id]{
  position: fixed;
  inset: 0px;
  z-index: 50;
  align-items: center;
  justify-content: center;
  overflow-y: auto;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.5;
}

/* Modal Content */

.inner_modal{
  position: relative;
  width: 100%;
  max-width: 48rem;
  overflow: hidden;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  max-height: 90vh;
  /* Restrict height to 90% of the viewport */
  overflow-y: auto;
  /* Allow scrolling for large content */
  padding: 20px;
}

/* Close Button */

[data-modal-close]{
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  cursor: pointer;
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.default_modal{
  position: fixed;
  inset: 0px;
  z-index: 50;
  align-items: center;
  justify-content: center;
  overflow-y: auto;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.5;
  transition: opacity 0.3s ease;
  &.hidden {
    opacity: 0;
  }
  &.show {
    opacity: 1;
  }
  .inner_modal{
    position: relative;
  }
  .inner_modal{
    width: 91.666667%;
  }
  .inner_modal{
    border-width: 2px;
  }
  .inner_modal{
    border-color: var(--primaryColor);
  }
  .inner_modal{
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
  }
  .inner_modal{
    padding: 1.5rem;
  }
  @media (min-width: 768px){
    .inner_modal{
      width: 50%;
    }
  }
  .inner_modal {
    .close_button{
      position: absolute;
    }
    .close_button{
      top: 0.5rem;
    }
    .close_button{
      right: 0.5rem;
    }
    .close_button{
      font-size: 1.875rem;
      line-height: 2.25rem;
    }
    .close_button{
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }
    .close_button:hover{
      --tw-text-opacity: 1;
      color: rgb(239 68 68 / var(--tw-text-opacity, 1));
    }
    .close_button {
      transition: color 0.2s ease;
    }
  }
}

.amenities_list{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  li{
    display: flex;
  }
  li{
    align-items: center;
  }
  li{
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
  li{
    font-weight: 500;
  }
  li{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  li {
    img{
      width: 2.5rem;
    }
  }
}

.footer_form{
  padding-bottom: 3rem;
}

@media (min-width: 1024px){
  .footer_form{
    padding-bottom: 7rem;
  }
}

.project_listing {
    margin-top: 30px;
    
    .project_box {
        border: 1px solid #dee2e6;
        text-align: center;
        
        .content {
            padding: 20px;
            color: white;
            font-size: 18px;
            line-height: 2.4;
            
            .price {
                font-size: 18px;
            }
            .name {
                color: var(--primaryColor);
                font-size: 24px;
                font-weight: 600;
                line-height: 1.2;
            }
            .location {
                display: flex;
                align-items: center;
                justify-content: center;
                
                img {
                    width: 14px;
                    margin-right: 8px;
                }
            }
        }
    }
}

/* ===== FAQ Accordion Custom Style ===== */
.faq-accordion .card {
  background-color: #191818;
  border: 1px solid #374151;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  overflow: hidden;
}

.faq-accordion .card-header {
  background-color: #191818;
  border-bottom: none;
  padding: 0;
}

.faq-accordion .btn-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  text-align: left;
  font-weight: 600;
  padding: 1rem 1.25rem;
  text-decoration: none;
  color: #ffffff;
  outline: none;
  box-shadow: none;
  white-space: normal;
  
  &[aria-expanded="true"] {
      background: #191818;
  }
}

.faq-accordion .btn-link span {
  flex: 1 1 auto;
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;                /* wrap long words if needed */
  word-break: normal;
  line-height: 1.4;
}

.faq-accordion .btn-link:hover,
.faq-accordion .btn-link:focus {
  text-decoration: none;
  color: #ffffff;
}

.faq-accordion .card-body {
  background-color: #191818;
  color: #d1d5db;
  padding: 1rem 1.25rem;
  border-top: 1px solid #374151;
}

.faq-chevron {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  margin-left: .75rem;
  transition: transform .25s ease;
  stroke: #ffffff;
}

.faq-accordion .collapsed .faq-chevron {
  transform: rotate(0deg);
}

.faq-accordion .btn-link:not(.collapsed) .faq-chevron {
  transform: rotate(180deg);
}

.collapse {
  display: none;
  &.show {
    display: block;
  }
}


/* Responsive tweak: smaller padding on very small screens */
@media (max-width: 480px) {
  .faq-accordion .btn-link {
    padding: .85rem 1rem !important;
  }
}