@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #ED168A;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #F5EA14;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #000000;
  --bs-primary: #2a5555;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #000000;
  --bs-primary-rgb: 42, 85, 85;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 0, 0, 0;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 0, 0, 0;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: "Cairo", sans-serif;
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #000000;
  --bs-body-bg: #fff;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #2a5555;
  --bs-link-hover-color: #224444;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
}
.btn-warning {
  background-color: #f5ea14 !important;
  border-color: #f5ea14 !important;
}

/* Logo initial animation */


/* // Logo initial animation */

/* Navbar style start */
/* Navbar styling */
.navbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10029;
  transition: top 0.3s ease-in-out; /* Smooth transition for showing/hiding */
}
.navbar-toggler {
  display: block;
  border: none;
  padding: 10px;
  z-index: 9999;
  background: transparent;
  border: 0;
  outline: 0;
  box-shadow: none;
  position: fixed;
  top: 20px;
}
.navbar-toggler {
  padding-inline: env(safe-area-inset-left) env(safe-area-inset-right);
}


html[dir="ltr"] .navbar-toggler {
  right: 20px;
  left: auto;
}

html[dir="rtl"] .navbar-toggler {
  left: 20px;
  right: auto;
}
.navbar-brand {
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.hide-brand {
  opacity: 0;
  visibility: hidden;
}

.navbar-brand .logo{
  width: 185px;
}
/* Base sidebar styling */
.sidebar {
  position: fixed;
  top: 0;
  width: 400px;
  height: 100%;
  z-index: 1001;
  padding-top: 85px;
  overflow-y: auto;
  overflow-x: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
  transition: all 0.5s ease;
}

/* Sidebar hidden - LTR (off left) */
html[dir="ltr"] .sidebar {
  right: -400px;
  left: auto;
}

/* Sidebar visible - LTR */
html[dir="ltr"] .sidebar.show {
  right: 7%;
}

/* Sidebar hidden - RTL (off right) */
html[dir="rtl"] .sidebar {
  left: -400px;
  right: auto;
}

/* Sidebar visible - RTL */
html[dir="rtl"] .sidebar.show {
  left: 2%;
}


/* Sidebar links */
.sidebar .navbar-nav .nav-link {
  opacity: 0;
  transform: translateX(50px); /* Start hidden and shifted to the right */
  transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
}

.navbar-nav .nav-link {
  margin-bottom: 20px;
  text-align: right;
}

.navbar-nav .nav-link a {
  text-decoration: none;
  font-size: 58px;
  font-weight: 700;
  line-height: 1;
  color: var(--bs-white);
  text-transform: uppercase;
}

/* When sidebar is visible, show the links */
.sidebar.show .navbar-nav .nav-link {
  opacity: 1;
  transform: translateX(0);
}

/* Smooth hover animation from right to left */
.sidebar .navbar-nav .nav-link:hover {
  transform: translateX(-10px); /* Move left smoothly */
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, color 0.3s ease-in-out;
}

.sidebar .navbar-nav .nav-link:hover a {
  color: var(--bs-yellow);
}

/* Delays for each menu item */
.sidebar.show .navbar-nav .nav-link:nth-child(1) {
  transition-delay: 0.1s;
}

.sidebar.show .navbar-nav .nav-link:nth-child(2) {
  transition-delay: 0.2s;
}

.sidebar.show .navbar-nav .nav-link:nth-child(3) {
  transition-delay: 0.3s;
}

.sidebar.show .navbar-nav .nav-link:nth-child(4) {
  transition-delay: 0.4s;
}

.sidebar.show .navbar-nav .nav-link:nth-child(5) {
  transition-delay: 0.5s;
}
/* Ensure the navbar-toggler is visible on all screen sizes */
#langSwitcher:active {
  border: none;
  outline:none;
} 
.navbar-toggler {
  display: block;
  position: fixed;
  top: 20px;
  z-index: 10030; /* Ensure it's above everything else */
  border: none;
  padding: 10px;
  background: transparent;
  border: 0;
  outline: 0;
  box-shadow: none;
}
.navbar-toggler:focus {
  border: 0;
  outline: 0;
  box-shadow: none !important;
}
.navbar-toggler-icon{width: 3rem; height: 3rem; fill: #ffffff;}

/* Toggler icon styling */
.navbar-toggler-icon {
  background-image: url('data:image/svg+xml;charset=UTF8,%3Csvg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath stroke="rgba%28255, 255, 255, 1" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" d="M4 7h22M4 15h22M4 23h22"/%3E%3C/svg%3E');
}

/* Toggler icon (close icon) */
.navbar-toggler.close-icon .navbar-toggler-icon {
  background-image: url('data:image/svg+xml;charset=UTF8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"%3E%3Cpath stroke="rgba%28255, 255, 255, 0.9" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" d="M6 6l18 18M6 24L24 6"/%3E%3C/svg%3E');
}

/* Overlay background for when sidebar is shown */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9); /* Black with opacity */
  opacity: 0; /* Initially invisible */
  transition: opacity 0.5s ease;
  z-index: 1000; /* Just below the sidebar */
  display: none; /* Hidden by default */
}

/* Show the overlay when the sidebar is visible */
.overlay.show {
  display: block;
  opacity: 1;
}



/* Navbar style end */
.hero-header {
  /* position: relative; */
  z-index: 1;
  color: #fff;
}
.hero-header .hero-header-in{height: 100vh;}
/* Overlay to darken the video background */
.hero-header::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4); /* Semi-transparent overlay */
  z-index: -1;
}
.hero-content {
  position: absolute;
  bottom: 30px;
  width: 100%;
}
.hero-content h1{
  color: var(--bs-yellow);
  font-size: 60px;
  font-weight: 700;
  line-height: 51.2px;
  margin-bottom: 30px;
  text-transform: uppercase;
}

.hero-content h1 span{color: #fff;}
.hero-content .hero-desc {
  font-size: 22px;
  color: rgba(255, 255, 255, 0.6);

}
 .hero-content h3{
  color: #fff;
  font-weight: 600;
  font-size: 23px;
  line-height: 1.2;
} 
.explore {
  text-transform:uppercase; 
  position: absolute;
  bottom: 20px;
  /* right: 20px; */
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: opacity 0.3s ease;
}
.explore:active {
  color: #fff !important;
}
.explore a{
  color: #fff;
}
.explore:hover{
  color: #fff;
}
.explore h3{font-size: 18px; font-weight: 700;}

/* .section {
  height: 100vh; /* Default height for all sections/
} */
/* .second-section {
  height: 150vh; /* 150vh for the second section /
} */
.section.active {
  background-color: rgba(0, 0, 0, 0.5);
}
.next-btn {
  position: fixed;
  bottom: 5%;
  right: 8%;
  padding: 10px 20px;
  font-size: 16px;
  border: none;
  background-color: transparent;
  color: #fff;
  cursor: pointer;
  transition: opacity 0.3s ease;
  text-transform: uppercase;
}
.next-btn.hidden, .hidden{
  opacity: 0;
  pointer-events: none;
}

.next-btn h3{font-size: 18px; font-weight: 700;}

.explore.hidden {
  opacity: 0;
  pointer-events: none;
}
.explore a{ display:block; text-decoration: none;}
.green-bg{
  background-color: #3AEC22;
}
/* .section{
  padding: 35px 0;
} */
.section-head {
  font-size: 64px;
  font-weight: 700;
  line-height: 1.1;
  text-shadow: 5px 3px 0px #F5EA14;
}
.section-header h2{
  font-family: Cairo;
  font-size: 64px;
  font-weight: 700;
  line-height: 60px;
  color: var(--bs-white);
}
.mb-25{margin-bottom: 25px;}

html[dir="rtl"] .flex-row {
  flex-direction: row-reverse !important; /* Reverse the order of flex items */
}

.service-sec {
  background: #000000;
  background-image: url(../assets/img/service_bg.webp);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 101px;
  padding-bottom: 85px;
  height: 110vh;
  margin-top:-115px;
}
/* .service-sec-in {height: 100vh;} */
.service-sec .explore{
  bottom: -60px;
  right: .5%;
}
.service-sec .section-header h2{text-transform: uppercase;}
.service-sec .card {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  margin: 55px 0;
}
.service-sec .service-out {
  width: 80%;
}
.service-sec .service-out .card-body:hover{
  cursor: pointer;
}
.service-sec .service-out .card-body:hover  .card-title h3{
  color: var(--bs-pink);
}
.service-sec .service-out .card-img{
  height: 85px;
  margin-bottom: 25px;  
}
.service-sec .service-out .card-img img{
  height: 85px;
}
.service-sec .service-out .card-title h3{
  font-size: 24.61px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--bs-white);
  text-transform: uppercase;
  margin-top: 5px !important;
}
.service-sec .service-out .card-title:hover h3{
  color: var(--bs-pink);
}
.service-sec .service-out .card-img .service-icon{
  filter: drop-shadow(5px 2px 0px #F5EA14);
}
.service-sec .service-out:hover .card-img .service-icon{
  filter: drop-shadow(5px 2px 0px #F5EA14);
  fill: var(--bs-yellow);
}
.pt-65{
  padding-top: 65px;
}
.padding-right-3-col {padding-right: 25%;}
.ft-ani-img{
  position: relative;
  left: -8.8%;
  width: 110%;
}
.footer-out {
  background-image: url(../assets/img/footer-bg1.webp);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.footer-in-container h2{
  font-size: 45px;
  line-height: 1.1;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.flip-arrow {
  transition: transform 0.3s ease;
}

html[dir="rtl"] .flip-arrow {
  transform: scaleX(-1);
}

svg.ft-icon {width: 18px; height: 15px;}
.ft-cont {
  margin-bottom: 8px;
}
.footer-in-container a{
  text-decoration: none;
  font-size: 20px;
  font-weight: 500;
  color: #FFFFFF;
  margin-left: 15px;
}
.ft-popup-btn-container {
  margin-top: 65px;
}
.ft-popup-btn-container {
  margin-top: 65px;
}
.ft-popup-btn-container .ft-pop-btn{
  font-size: 25px;
  font-weight: 700;
  color: #010101;
  background-color: #F5EA14;
  outline: 0;
  border: 0;
  padding: 16px;
  border-radius: 0;
}
.social_media {margin-top: 25px;}
.social_media h4{
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
}
.social_media li a.first-child{
  margin-left: 0;
}
.social_media li a{
  display: inline-block;
  width: 45px;
  height: 45px;
  background-color: #ffffff;
  border-radius: 30px;
  line-height: 42px;
  text-align: center;
}
.social_media li a:hover{
  background-color: #FFC929;
}
.ft-social-icon {width: 24px; height: auto;}
/* Footer animation start */
@keyframes slideDown {
  from {
      transform: translateY(-100%);
      opacity: 0;
  }
  to {
      transform: translateY(0);
      opacity: 1;
  }
}

/* Footer background animation */
@keyframes slideUp {
  from {
    transform: translateY(100%) scaleX(var(--scale-dir, 1));
    opacity: 0;
  }
  to {
    transform: translateY(0) scaleX(var(--scale-dir, 1));
    opacity: 1;
  }
}

/* Animate class that triggers it */
.animate-footer-bg {
  animation: slideUp 1.5s forwards;
}

/* Default footer background style */
.ft-ani-img {
  --scale-dir: 1;
  position: relative;
  left: -7.8%;
  width: 110%;
  transform: translateY(100%) scaleX(var(--scale-dir));
  opacity: 0;
  transition: transform 1.5s ease, opacity 1.5s ease;
}

/* Optional RTL helper class if needed */
.ft-ani-img.rtl {
  --scale-dir: -1;
  left: 0;
}


.ft-logo {
  opacity: 0;
  transform: translateY(-100%);
  transition: transform 1.5s ease, opacity 1.5s ease;
}

.animate-footer-logo {
  animation: slideDown 1.5s forwards;
  margin-top: 16%;
}

.animate-footer-bg {
  animation: slideUp 1.5s forwards;
}

/* Footer animation end */

/* Service style start */

.card-body{
  padding: 1px;
  text-align: center;
}
#popup {
  position: fixed;
  left: -105%; /* Hide off-screen */
  top: 0;
  width: 100vw; /* Full viewport width */
  height: 100vh; /* Full viewport height */
  background: rgba(0, 0, 0, 0.95);
  background-image: url(../assets/img/pop_up_bg.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  transition: left 0.7s ease;
  z-index: 100999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#popup.active {
  left: 0; /* Position when visible */
}

.close-btn {
  position: absolute;
  top: 10px;
  right: 45px;
  font-size: 36px; /* Increased font size for close icon */
  cursor: pointer;
  color: #fff;
}

.popup-content {
  width: 95%; /* Adjust width of popup content */
}
.popup-content .popup-title, .popup-content .popup-body{
  padding-left: 10%;
}
.popup-title {
  display: flex;
  align-items: center; /* Center align icon and title text */
  margin: 0 10px 15px;
  /* margin-bottom: 15px; */
}

.popup-title img {
  width: 100px; /* Image/icon size */
  height: auto;
  margin-right: 10px; /* Space between icon and title */
}

.popup-body p {
  font-size: 22px;
  margin-bottom: 10px;
}

.popup-content .popup-title h2{
  font-size: 45px;
  font-weight: 700;
}
/* Service style end */

/* marquee style start */
/* Container styling for the scrolling marquee */
.marquee-out {
  width: 100%; /* Full-width container */
  overflow: hidden; /* Hide the overflow for smooth scrolling */
  position: relative;
  padding: 90px 0;
  background-color: var(--bs-pink);
}

/* Scrolling content (li tags) */
.scroller__inner {
  display: flex;
  animation: scroll 30s linear infinite; /* Adjust the time here for speed */
  align-items: center;
}

/* Styling for each li element */
.scroller__inner li {
  list-style: none;
  flex-shrink: 0; /* Prevent shrinking */
  padding: 0 10px; /* Add space between items */
  gap: 10px;
  width: 280px;
}
.mrq-scroll-out {
  background-color: #010101;
  border-radius: 8px;
  text-align: center;
  padding: 15px;
  height: 150px;
}
.mrq-scroll-in {
  padding: 5px;
}
.mrq-scroll-in .icon-body {height: 80px; overflow: hidden;}
.mrq-scroll-in .icon-body svg{
  width: 80px;
  height: 80px;
}
.mrq-scroll-in .title-body{
font-size: 20px;
font-weight: 700;
line-height: 24px;
color: white;
}
/* Keyframe for scrolling animation */
@keyframes scroll {
  0% {
    transform: translateX(0%); /* Start with the list visible */
  }
  100% {
    transform: translateX(-100%); /* End with the list fully scrolled out */
  }
}

/* Make sure that items don't shrink below their size */
.mrq-scroll-out {
  min-width: 200px; /* Adjust as necessary to control width of each item */
  display: flex;
  align-items: center;
}

/* Before and after pseudo-elements for the film-strip background */
.marquee-out::before, .marquee-out::after {
  content: '';
  width: 100%;
  height: 30px;
  background-image: url(../assets/img/flim-roll-squre.svg);
  background-position: center;
  background-size: auto;
  background-repeat: repeat-x;
  position: absolute;
}

.marquee-out::before {
  top: 7px;
  left: 0;
  animation: background-scroll 30s linear infinite; /* Match speed with li elements */
}

.marquee-out::after {
  bottom: 8px;
  left: 0;
  animation: background-scroll 30s linear infinite; /* Match speed with li elements */
}

/* Animation for the background scrolling */
@keyframes background-scroll {
  0% {
    background-position-x: 0%; /* Start with the background at the initial position */
  }
  100% {
    background-position-x: -100%; /* Scroll background to the left by 100% */
  }
}

/* marquee style end */

/* About section start */
.bg-yellow {
  background-color: #F5EA14;
}
.bg-black {
  background-color: var(--bs-black);
}
.about-section{
  padding: 70px 0;
  position: relative;
  overflow: hidden;
}
.about-section h2{
  font-size: 64px;
  font-weight: 700;
  line-height: 90px;
  text-shadow: 5.74px 3.28px 0px  #EC2288;  
}
.about-section p{
  font-size: 18px;
  font-weight: 400;
  line-height: 33px;
  letter-spacing: -0.03em;
  color: #0E0E0E;
}
.about-section .col-md-5,
.about-section .col-md-7 {
  opacity: 0;
  transform: translateX(-100%); /* Move first column off-screen to the left */
  transition: all 0.8s ease; /* Smooth transition */
}

.about-section .col-md-7 {
  transform: translateX(100%);
}

.about-section.in-view .col-md-5 {
  opacity: 1;
  transform: translateX(0); /* Slide in from left */
}
.about-section.in-view .col-md-7 {
  opacity: 1;
  transform: translateX(0); /* Slide in from right */
}
.about-content {
  position: relative;
}
.about-content .abt-img-high{
  position: absolute;
  bottom: -120px;
  right: -140px;
}
/* About section end */


/* new about section start */
.about-sec {
  min-height: 110vh;
  background: transparent;
  background-image: url(../assets/img/about_us_bg1920x1200.webp);
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.about-sec::after{
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #000;
  width: 100%;
  height: 30vh;
  z-index: -1;
}
.about-sec .explore {
  top: 23vh;
  right: 0;
}
.about-sec .title-img {
  position: absolute;
  top: 82vh;
  width: 650px;
  /* left: 5.5%; */
}
.about-content {
  margin-top: 13.5%;
}
.about-content p{
  font-family: Cairo;
  font-size: 20px;
  font-weight: 600;
  line-height: 35px;
  letter-spacing: -0.03em;
}


/* vidoe slide style start */
.video_slider-container{ background-color: #000000;}
.video_slider-container .explore{
  right: .5%;
}
/* .video_slider{padding: 100px 0;} */
.video-slider-inner{height: 100vh;}
.video_slider .carousel-control-next,.video_slider  .carousel-control-prev{
  width: 65px;
  height: 65px;
  opacity: 1;
  top: 50%;
  transform: translateY(-50%);
}
.video_slider .carousel-indicators{bottom: 10px;}
.video_slider .carousel-control-next{right: 2.5%;}
.video_slider .carousel-control-prev{left: 2.5%;}
.video_slider .carousel-control-next-icon, .video_slider .carousel-control-prev-icon{
  width: 65px;
  height: 65px;
}
.video_slider .carousel-control-next-icon{
  background-image: url(../assets/img/next_arrow_icon.webp);
}
.video_slider .carousel-control-prev-icon{
  background-image: url(../assets/img/prev_arrow_icon.webp);
}
.vidoeModel .btn-close{
  background-image: url(../assets/img/close-icon.svg);
  position: absolute;
  top: 20px;
  right: 20px;
  width: 30px;
  height: 30px;
  background-size: 75%;
  z-index: 99999;
}
.vidoeModel .modal-body {
  padding: 0;
}
.carousel-indicators{gap: 7px;}
.carousel-indicators [data-bs-target]{
  width: 67px;
  height: 7px;
  border-radius: 2px;
  border-top: 0;
  border-bottom: 0;
}

html[dir="rtl"] .no-dir-flip {
  flex-direction: row !important; /* prevent reverse */
}


.video-contentainer {padding: 100px 40px;}
.video-contentainer h3{
  font-family: Cairo;
  font-size: 60px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.1;
  color: var(--bs-white);
}
html[dir="rtl"] .video-contentainer h3 {
  font-size: 52px;
  margin-bottom: 30px;
}
.video-contentainer .vd_desc{
  font-family: Cairo;
  font-size: 20px;
  font-weight: 600;
  line-height: 33px;
  letter-spacing: -0.03em;
  color: var(--bs-white);
  margin-bottom: 26px;
}
.vd_slide_btn {
  font-family: Cairo;
  font-size: 39px;
  font-weight: 700;
  line-height: 90px;
  color: var(--bs-white);
  outline: none;
  border: 0px ;
  box-shadow: none;
}
.vd_slide_btn:hover{
  color: var(--bs-yellow);
}
.vd_slide_btn:active {
  outline: none;
  color: var(--bs-yellow) !important;
  border: 0px ;
  box-shadow: none;
}
.vd_slide_btn:focus-visible {
  outline: none;
  color: var(--bs-yellow) !important;
  border: 0px;
  box-shadow: none;
}
.riding, .video_slider_two, .video_slider_three, .video_slider_four, .video_slider_five, .video_slider_six, .video_slider_seven, .video_slider_eight {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
}
.riding {
  background-image: url(../assets/img/riding-bg.webp);
}
.video_slider_two {
  background-image: url(../assets/img/video_slider_two.webp);
}
.video_slider_three {
  background-image: url(../assets/img/video_slider_three.webp);
}
.video_slider_four{background-image: url(../assets/img/hikers-odyseey-bg.webp); background-size: cover;}

.video_slider_five {background-image: url(../assets/img/wiser_masdar_celebrating_women_in_sustainable_entrepreneurship.webp); background-size: cover;}

.video_slider_six {background-image: url(../assets/img/life_is_a_stage_a_tribute_to_the_art_of_acting.webp); background-size: cover;}
.video_slider_seven {background-image: url(../assets/img/life_is_a_stage-the_art_of_improvisation.webp); background-size: cover;}
.video_slider_eight {background-image: url(../assets/img/ushi-a-heart-rooted-in-the-desert_bg.webp); background-size: cover;}
/* new about section end */

/* Footer form */
.modal{z-index: 99999;}
.contact-popup .modal-content{
  border-radius: 0;
  background-color: var(--bs-yellow);
  padding: 50px;
}

.contact-popup .modal-content .btn-close{
  position: absolute;
  /* top: 20px; */
  /* right: 20px; */
  z-index: 99999;
}
.modal-close {
  position: absolute;
  top: -27px;
  transition: all 0.3s ease;
}

/* English (LTR) */
html[dir="ltr"] .modal-close {
  right: 1px;
  left: auto;
}

/* Arabic (RTL) */
html[dir="rtl"] .modal-close {
  left: 1px;
  right: auto;
}


.contact-popup .form-container h3{
  font-family: Cairo;
  font-size: 45px;
  font-weight: 700;
  line-height: 84.33px;
  letter-spacing: -0.03em;
}
.contact-popup .form-container .form-label {
  font-family: Cairo;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
}
.contact-popup .form-container .form-field-out{
  margin-bottom: 15px;
}
.contact-popup .form-container .form-control {
  border-radius: 0;
  color: #ffffff;
  background-color: #000000;
  box-shadow: 0;
  border: 0;
}
.contact-popup .form-container .form-control{
  margin-bottom: 1px;
  height: 50px;
}
.contact-popup .form-container textarea.form-control{
  height: 80px;
}
.contact-popup .form-container .form-control:focus{
  box-shadow: 0 0 0 0 rgba(13,110,253,.25);
}
#submitbtn {
  margin: 8px 0;
  background-color: #EE488D;
  padding: 15px 60px;
  border: 0;
  font-family: Cairo;
  font-size: 20px;
  font-weight: 700;line-height: 25.8px;
  color: #000000;
  /* margin-top: 20px; */
  box-shadow: 6px 10px 0px rgba(0, 0, 0, 1);
}
.popup-frm-btn {
  border-radius: 0;
  background-color: #EE488D;
  padding: 15px 80px;
  border: 0;
  font-family: Cairo;
  font-size: 20px;
  font-weight: 700;line-height: 25.8px;
  color: #000000;
  margin-top: 20px;
  box-shadow: 6px 10px 0px rgba(0, 0, 0, 1);
}
.form-text{color:#EE488D; font-size: 16px; font-weight: 500;}
.popup-frm-btn:hover {  
  background-color: #EE488D;
}
.contact-popup .modal-content .btn-close {
  position: absolute;
  /* top: 20px; */
  /* right: 20px; */
  width: 45px;
  height: 45px;
  background-size: 55%;
  z-index: 99999;
}
.alert.alert-success{
  background-color: #53B7E3 !important;
}

.error-message,
    .alert {
      display: none;
      margin-top: 4px;
      color:#EE488D; 
      font-size: 15px; 
      font-weight: 500;
    }

    .alert-success, .alert-danger, .alert-warning {
      color: #fff;
      font-size: 16px;
      font-weight: 500;
      background-color: #EE488D;
    }

/* Footer end */

/* Full-width video background */
#myVideo {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.btn-outline-dark{
  border-radius: 0;
  font-size: 20px;
  padding: 8px 25px;
}

@media screen and (max-width:768px) {  
  .navbar-brand .logo{
    width: 120px;
  }
  .navbar-nav .nav-link a{font-size: 38px; line-height: 1.2;}
  .navbar-nav .nav-link{margin-bottom: 5px;}
  .hero-header .hero-header-in{height: 100vh !important;}
  .hero-content{
    left: 5px;
    bottom: 145px;
  }
  .hero-content h1{
    font-size: 42px;
    line-height: 1.2;
  }
  .hero-header::before{
    bottom: -180px;
  }
  .hero-content .hero-desc{font-size: 16px; line-height: 1.4;}
  .header .explore{bottom: -99px; width: 100%; justify-content: center;}
  .about-sec{
    background-color: #53B7E3 !important;
    background-position: left top;
    padding-top: 260px;
    padding-bottom: 175px;
    height: 100vh;
    background-size: contain;
    padding-bottom: 10px;
  }
  .about-sec .explore{top: 15px; width: 100%; justify-content: center;}

  .about-sec .title-img{
    width: 95%;
    left: 1%;
    top: 175px;
  }
  .about-sec .title-img img{
    width: 53%;
  }
  .about-sec .title-img{
    top: -10vh;
  }
  .about-content{margin-top: 35px;}
  .about-content p{font-size: 17px; line-height: 1.6;}
  .popup-content .popup-title, .popup-content .popup-body{
    padding-left: 0;
  }
  #popup{
    padding-left: 15px;
    padding-right: 15px;
  }
  .service-sec{height: 100vh; padding: 5px 0 125px 0; background-image: url(../assets/img/service_mobile_bg.webp); background-size: cover; margin-top: -5px;}
  .service-sec .explore {bottom: -99px; left: 0%; width: 100%; justify-content: center;}
  .service-sec .service-out .card-title h3{font-size: 15px; font-weight: 600;}
  .popup-content .popup-title h2{font-size: 32px;}
  .popup-body p{font-size: 17px; line-height: 1.6;}
  .popup-content{padding: 10px 25px;}
  .service-sec .card{
    margin: 10px 0;
  }
  .service-out{
    text-align: center;
  }
  .service-sec .service-out .card-img{
    height: 70px;
    margin-bottom: 10px;
  }
  .service-out .card-img img{
    width: 65px;
    height: 65px !important;
  }
  .section-header h2, .footer-in-container h2{font-size: 36px;}
  .video-contentainer h3{
    font-size:28px; line-height: 1.3;
  }
  
  .video-contentainer .vd_desc{font-size: 16px; line-height: 1.4; margin-bottom: 5px;}
  .video-contentainer{
    padding: 10px;
  }
  .video-slider-inner{padding-top: 105px;}
  .video_slider .carousel-control-next, .video_slider .carousel-control-prev{width: 40px; height: 40px; top:87%}
  .video_slider .carousel-control-next{right:5%;}
  .video_slider .carousel-control-prev{left: 5%;}
  .video_slider .carousel-control-next-icon, .video_slider .carousel-control-prev-icon{width: 40px; height: 40px;}
  .riding{background-image: url(../assets/img/riding-mobile-bg.webp);}
  .padding-right-3-col{padding-right: 0;}
  .video_slider_four{background-position: 75%;}
  .vd_slide_btn{font-size: 20px; padding: 5px;}
  .vd_slide_btn img{width: 35px;}
  .video_slider-container .explore{
    bottom: 18px;
    right: 0px;
    width: auto;
    justify-content: end;
    align-items: flex-end;
  }  
  html[dir="rtl"] .video-contentainer h3 {
    font-size: 28px;
    margin-bottom: 16px;
  }
  .contact-popup .modal-content{padding: 35px 10px 30px 10px;}
  .contact-popup .form-container h3{line-height: 1.2; font-size: 32px; margin-bottom: 15px;}
  .contact-popup .form-container .form-field-out{ margin-bottom: 10px; }
  .contact-popup .form-container .form-control{height: 35px; margin-bottom: 1px;}
  .popup-frm-btn{padding: 10px 50px; font-size: 18px;}
  .contact-popup .form-container .form-label{font-size: 14px;}
  .footer{height: 100vh; }
  .footer-in{height: 75vh;}
  .ft-ani-img{left: -158%; width: 270%; }
  .footer-in-container {text-align: center; padding-bottom: 35px;}
  .footer-in-container a{font-size: 16px;}
  .ft-popup-btn-container{margin-top: 35px;}
  .ft-popup-btn-container .ft-pop-btn{font-size: 18px;}
  .ft-popup-btn-container .ft-pop-btn svg{margin-left: 8px;}  
  .contact-popup .modal-content .btn-close{width: 35px; height: 35px;}
  .animate-footer-logo{width: 200px; margin-top: 9%;}
}

@media screen and (min-width:769px) and (max-width:1024px) {   
  .navbar-brand .logo{
    width: 125px;
  }

 }
 @media screen and (min-width:1024px) and (max-width:1280px) { 
  .about-sec {
    background-image: url(../assets/img/about_us_bg_1280x850.webp);
    background-position: bottom left;
    background-size: cover;
    height: 150vh;
    background-position: 18%;
  }
  .about-sec .title-img{top: 82vh; width: 600px; left: 0%;}
  .about-sec .explore{top: 28vh;}
  .service-sec{height: 100vh; background-size: cover;}
  .section-header h2{font-size: 42px;}
  .service-sec .card{margin: 10px 0;}
  .service-sec .service-out .card-img{margin-bottom: 10px;}
  .service-sec .service-out .card-img img{height: 80px;}
  .service-sec .service-out .card-title h3{font-size: 20px;}
  .service-sec .explore{bottom: -90px;}
  .video-contentainer h3{font-size: 38px;}
  .video-contentainer .vd_desc{font-size: 16px; line-height: 1.4;}
  .vd_slide_btn{font-size: 32px;}
  .vd_slide_btn img{width: 65px;}
  .next-btn{padding: 5px; right: 1%; bottom: 4%;}
  .about-content{margin-top: 9%;}
  .animate-footer-logo{margin-top: 10%;}
  .pt-65{padding-top: 20px;}
  .footer{height: 100vh;}
  .footer-in-container h2{margin-bottom: 10px;}
  .ft-cont{margin-bottom: 8px;}
  .ft-logo{width: 240px;}
  .social_media{margin-top: 20px;}
  .ft-popup-btn-container{margin-top: 25px;}
  .contact-popup .modal-content{padding: 25px;}
  .contact-popup .form-container h3{font-size: 36px; line-height: 1.2;}
  .contact-popup .form-container .form-label{font-size: 14px;}
  .contact-popup .form-container .form-control{height: 38px; margin-bottom: 0;}
  .contact-popup .form-container textarea.form-control{height: 45px;}
  .popup-frm-btn{font-size: 18px; line-height: 1; padding: 12px 65px;}
 }

 @media screen and (min-width:1281px) and (max-width:1380px) { 
   .video-contentainer{
     padding-right: 35px;
     padding-left: 35px;
   }   
    .about-sec {
      background-image: url(../assets/img/about_us_bg_1366x650.webp);
      background-position: bottom right;
      background-size: cover;
      height: 140vh;
    }
   .about-content{margin-top: 8.5%;}
   .service-sec{height: 100vh; margin-top: -85px; padding-top: 35px;}
   .service-sec .card{margin: 10px 0;}
   .video-slider-inner {height: 100vh;}
   .video-contentainer{padding: 100px 20px 100px 20px; height: 100vh;}
   .video-contentainer h3{font-size: 48px;}
   .video-contentainer .vd_desc{font-size: 18px; line-height: 1.4;}
   .animate-footer-logo{margin-top: -2%;}
   .footer-in{height: 40vh;}
   .animate-footer-logo{margin-top: 10%;}
   .pt-65{padding-top: 20px;}
   .footer-in-container h2{margin-bottom: 10px;}
   .ft-cont{margin-bottom: 8px;}
   .social_media{margin-top: 20px;}
   .ft-popup-btn-container{margin-top: 25px;}
   .contact-popup .modal-content{padding: 30px;}
   .contact-popup .form-container .form-control{height: 40px; margin-bottom: 1px;}
   .contact-popup .form-container h3{line-height: 1.1; font-size: 38px;}
  }
  @media screen and (min-width:1380px) and (max-width:1440px) { 
    .video-contentainer{
      padding-right: 35px;
      padding-left: 35px;
    }
    .about-sec {
      background-image: url(../assets/img/about_us_bg_1440x967.webp);
      background-position: bottom left;
      height: 140vh;
    }
    .about-sec .title-img{bottom: 30%; left: 0%; width: 690px;}
    .about-content{margin-top: 8.5%;}
    .about-sec .explore{top: 23vh; right: 0%;}
    .service-sec{height: 100vh;}
    .section-header h2{font-size: 52px;}
    .service-sec .card{margin: 15px 0;}
    .service-sec .service-out .card-title h3{font-size: 20px;}
    /* .service-sec .service-out .card-img{ height: 110px; } */
    .service-sec .service-out .card-img img{ height: 100px; }
    .video-slider-inner {height: auto;}
    .video-contentainer{padding: 100px 20px 100px 20px;}
    .video_slider .carousel-control-prev{left: .5%;}
    .video_slider .carousel-control-next{right: .5%;}
    .footer-out {height: 100vh;}
    .ft-logo{margin-right: 24%;}
    .animate-footer-logo{margin-top: 10%;}
    .pt-65{padding-top: 20px;}
    .footer-in-container h2{margin-bottom: 25px;}
    .ft-cont{margin-bottom: 8px;}
    .social_media{margin-top: 20px;}
    .ft-popup-btn-container{margin-top: 65px;}
    .next-btn{right: 0}
    .contact-popup .modal-content{padding: 26px;}
    .contact-popup .form-container h3{font-size: 35px;}
    .contact-popup .form-container .form-label{font-size: 16px;}
    .contact-popup .form-container .form-control{height: 40px; margin-bottom: 1px;}
    .popup-frm-btn{padding: 12px 70px;}
   }
   @media screen and (min-width:1440px) and (max-width:1760px){
    .about-sec{background-position: 20%;}
    .ft-logo{margin-right: 23%;}
   }
   @media screen and (min-width:1440px) and (max-width:2559px){
    .about-sec{height: 150vh;}
    .about-sec .explore{top: 28vh;}
    .about-sec .cotnainer-fluid-about {
      max-width: 1600px !important;
    }
    .about-content p {
        font-size: 24px;
        line-height: 1.6;
    }
    .about-sec .title-img{top: 82vh !important; width: 750px; left: 0;}
    .service-sec{height: 100vh; }
    .service-sec .card{margin: 35px 0;}
    .service-sec .section-header{margin-top: 5px;}
    .video-contentainer .vd_desc{font-size: 24px;}
    html[dir="rtl"] .video-contentainer .vd_desc {
      font-size: 22px;
    }
    .footer-out {
        height: 100vh;
     }
    .footer-in-container h2{font-size: 54px; margin-bottom: 15px;}      
    svg.ft-icon {width: 18px; height: 15px;}
    .footer-in-container a{font-size: 20px;}    
    .social_media li a{width: 45px; height: 45px; line-height: 40px;}
    .ft-social-icon {width: 25px; height: auto;}    
    .ft-logo{margin-right: 21%;}
    .next-btn {
      bottom: 5%;
      right: 13%;
    }
   }
   @media screen and (min-width:2560px){
    .about-sec{height: 150vh;}
      .about-content p {
        font-size: 30px;
        line-height: 1.6;
      }
      .about-sec .explore{bottom: 36%; right: 16%;}
      .about-sec .title-img{bottom: 31%; width: 1024px; left: 0%;}
      .service-sec{height: 100vh; padding-top: 200px;}
      .video-contentainer h3{font-size: 64px;}
      .video-contentainer .vd_desc{font-size: 28px; line-height: 1.4;}
      .footer-out {
        height: 100vh;
      }
      .ft-logo{width: 400px; margin-right: 0;}
      .ft-ani-img{left: -23%; width: 125%; bottom: -5%;}
   }
   @media screen and (min-width:1441px) and (max-width:1920px){ 
    .ft-logo{margin-right: 5%;}
   
   }
   
.enquire_thnkmss {display: none;}