@font-face {
    font-family: 'AEDCurrencySymbol';
    src: url('../fonts/aed-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.aed-currency-display {
    font-family: 'AEDCurrencySymbol', sans-serif;
    white-space: nowrap;
}

.cs_main_header_center{
    justify-content: right !important;
}
.logo{
    max-width: 12% !important;
}
.logo-loader{
  max-width: 120% !important;

}
.c-white
{
    color: white;;
}
.c-black{
  color: black
} 
.cs_site_header.cs_style_1 {
    background: transparent !important;
}
.cs_site_header.scrolled {
    background-color: white !important;
  }

.cs_nav_list {
    > li {
      > a {
        text-transform: none !important ;
        font-size: 16px !important;
      }
    }
  }

  body, html {
    font-family: var(--primary-font) !important;

  }
  .hero-video-section {
    position: relative;
    width: 100%;
    height: 100vh; /* Full screen */
    overflow: hidden;
    background: black; /* fallback */
  }
  
.custom-banner{
    width:100%;
    height:100vh;
    object-fit:cover;
}
  
.cs_nav_list {
    > li {
      > a {
        &:hover {
          color: rgb(0, 0, 0) !important;
          
        }
      }
    }
  }
  
  .image-hover {
    position: relative;
    display: inline-block;
}

.image-hover img {
    display: block;
    width: 100%;
    transition: opacity 0.3s ease;
}

.image-hover .hover-img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.image-hover:hover .hover-img {
    opacity: 1;
}

.image-hover:hover .default-img {
    opacity: 0;
}

@media (max-width: 768px) {
    .logo {
        max-width: 40% !important; /* Adjust size for tablets and mobile */
    }
}

@media (max-width: 480px) {
    .logo {
        max-width: 35% !important; /* Adjust size for smaller phones */
    }
}

  
  /* .cs_nav_list li a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 20px; 
    width: 0%;
    height: 1px;
    background: #ffffff;
    transition: width 0.3s ease;
  }
  
  .cs_nav_list li a:hover::after {
    width: 100%;
  } */
  .cs_nav_list li a::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 25px; 
    width: 6px;   
    height: 6px;
    background: #000000; 
    border-radius: 50%;
    transform: translateX(-50%) scale(0);
    transition: transform 0.3s ease;
  }
  
  .cs_nav_list li a:hover::after {
    transform: translateX(-50%) scale(1);
  }
  .cs_text_widget {
    text-align: center; /* centers logo + grid inside */
  }
  
  .cs_footer_grid_item {
    display: inline-block; /* keeps it directly under logo */
    margin-top: 10px; /* adjust spacing */
  }
  
  .cs_social_btns {
    display: flex;
    justify-content: center; /* center icons inside */
    gap: 12px; /* spacing between icons */
  }
  .footer-logo{
 max-width: 40%;
  }



  .social-circle {
    width: 30px;
    height: 30px;
    border-radius: 50%;             /* circle shape */
    border: 1px solid #6f6e6e;         /* white outline */
    color: #fff;                    /* icon color */
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.5s ease;      /* smooth transition */
  }
  
  .social-circle:hover {
    transform: scale(1.2);          /* zoom effect */
    background-color: #fff;         /* optional: fill on hover */
    color: #000;                    /* icon color changes */
  }
  .cs_footer_main {
    padding: 40px 0 !important;
}
.vr {

  min-height: 4em !important;
}

.cs_btn.cs_style_2.cs_primary_btn:hover {
  transition: all 0.6s ease;      /* smooth transition */
  background-color: white!important;
  border-color: black !important;
  color: #000 !important;
}

.cs_card.cs_style_4:hover .cs_card_title {
  color: white !important;
}

.cs_card.cs_style_4 .cs_card_price_right {
  left: 24px !important;
  top: 24px;
  padding: 10px 18px;
}
.cs_btn.cs_style_2:hover {
  background-color: black !important;
  border-color: black !important;
  color: #fff;
}
.main-video {
  flex: 1;
  min-width: 50%;
}

.main-video iframe {
  width: 100%;
  height: 350px;
  border-radius: 12px;
}

.side-videos {
  flex: 1;
  min-width: 35%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.side-video iframe {
  width: 50%;
  height: 160px;
  border-radius: 8px;
}

.video-meta {
  margin-top: 5px;
  font-size: 14px;
  color: #666;
  margin-left: 10px;
}

@media (max-width: 768px) {
  .video-grid {
    flex-direction: column;
  }
  .main-video{
      min-width:100%;
  }
  .main-video iframe,
  .side-video iframe {
    height: unset;
   
  }
}
.sub-video-desc{
  font-size: 12px;
  margin-top: 8px;
}

.about-heading{
  margin-top: 25% !important;
}
.cs_page_gradient {
  position: relative;
  background: 
    linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)), 
    url("/assets/img/maysa-about-banner.webp") center/cover no-repeat;
}
.cs_page_gradient_2 {
  position: relative;
  background: 
    linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), 
    url("/assets/img/maysa-about-3.webp") center/cover no-repeat;
}

  .results-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
    margin-top: 15%;
    text-align: center;
  }

  .stat-number {
    font-size: 42px;
    font-weight: 600;
    color: #ffffff;
  }

  .stat-label {
    font-size: 16px;
    color: #ffffff;
    margin-top: 8px;
    line-height: 1.4;
  }

  @media (max-width: 768px) {
    .results-stats {
      grid-template-columns: 1fr;
      gap: 25px;
    }
    .stat-number {
      font-size: 34px;
    }
    .stat-label {
      font-size: 15px;
    }
  }


  .centered-text {
    width: 70%;
    margin: 0 auto;
    text-align: center;
}

  @media (max-width: 991px) {
    .cs_page_about {
        height: 1000px !important;
        padding: 120px 0 50px !important;
    }
    .centered-text {
      width: 100%;
      margin: 0 auto;
      text-align: center;
  }

  .cs_image_layer.cs_style_1 .cs_image_layer_1_wrap {
    padding-right: 0% !important; 
   padding-bottom: 0% !important; 
}
}

.cs_page_about{
  padding: 80px 0 50px !important;
}
.btn-bg-white{
  background-color: transparent !important;
  border-color: #000 !important;
  color:  #000 !important;
  transition: all 0.3s ease;
}
.btn-bg-white:hover {
  background-color: #000 !important;
  color: #fff !important;
}

.btn-bg-white:hover b,
.btn-bg-white:hover span,
.btn-bg-white:hover i,
.btn-bg-white:hover svg {
  color: #fff !important;
  fill: #fff !important;
}

.cs_contact_info_boxes {
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 100px !important;
}
.cs_iconbox.cs_style_4 .cs_iconbox_icon img {
  height: 28px !important;
  width: 28px !important;
}
.cs_iconbox.cs_style_4 .cs_iconbox_icon {
  height: 56px !important;
  width: 56px !important;
}
.cs_height_120{
height: 120px !important;
}
@media (min-width: 768px) {
  .cs_card.cs_style_7.cs_type_1 .cs_card_thumb {
    
      height: 383px !important;
  }
}

.cs_site_header.cs_style_1 {
  .cs_main_header_center {

    max-width: calc(100%) !important;
  }
}

.bold-black {
  font-weight: 700 !important;
  color: #000 !important;
}
@media screen and (min-width: 992px) {
  .cs_height_80 {
      height: 80px;
  }
}