@font-face {
    font-family: "axiformaBold";
    src: url("../../fonts/Axiforma-Bold.woff2") format("woff2");
}
@font-face {
    font-family: "AxiformaBook";
    src: url("../../fonts/Axiforma-Book.woff2") format("woff2");
}
@font-face {
    font-family: "AxiformaThin";
    src: url("../../fonts/Axiforma-Thin.woff2") format("woff2");
}

@font-face {
    font-family: "axiformaSemiBold";
    src: url("../../fonts/Axiforma-semibold.woff2") format("woff2");
}

@font-face {
    font-family: "axiformaMedium";
    src: url("../../fonts/Axiforma-Medium.woff2") format("woff2");
}

@font-face {
    font-family: "axiformaBoldAlt";
    src: url("../../fonts/Metropolis-Bold.otf?dea4998b081c6c1133a3b5b08ff2218c")
        format("otf");
}

@font-face {
    font-family: "axiformaRegular";
    src: url("../../fonts/Metropolis-Regular.otf?f7b5e589f88206b4bd5cb1408c5362e6")
        format("otf");
}
*{

  font-family: "axiformaRegular", sans-serif;
  
  font-style: normal;

}

body{

    width: 100% !important;
    overflow-x: hidden !important;

}

.axioformaSemiBold{
    font-family: "axiformaSemiBold", sans-serif !important;
}

.axiformaBook{
    font-family: "axiformaBook", sans-serif !important;
}

.axiformaThin{
    font-family: "axiformaThin", sans-serif !important;
}

.roboto-font{
    font-family: "axiformaRegular", sans-serif !important;
}
.pacifico-font {
    font-family: "Pacifico", cursive !important;
    font-style: normal;
  }

.font-200{
    font-weight: 200 !important;
}

.font-300{
    font-weight: 300 !important;
}

.font-400{
    font-weight: 400 !important;
}

.font-500{
    font-weight: 500 !important;
}

.font-600{
    font-weight: 600 !important;
}

.font-700{
    font-weight: 700 !important;
}

.font-900{
    font-weight: 900 !important;
}

.text-06{

    font-size: 0.6rem !important;
}

.text-08{

    font-size: 0.8rem !important;
}

.text-10{

    font-size: 1rem !important;
}

.text-11{

    font-size: 1.1rem !important;
}

.text-12{

    font-size: 1.2rem !important;
}

.text-14{

    font-size: 1.4rem !important;
}

.text-16{

    font-size: 1.6rem !important;
}

.text-18{

    font-size: 1.8rem !important;
}

.text-20{

    font-size: 2rem !important;
}

.text-22{

    font-size: 2.2rem !important;
}

.text-24{

    font-size: 2.4rem !important;
}

.text-26{

    font-size: 2.6rem !important;
}

.text-28{

    font-size: 2.8rem !important;
}

.text-30{

    font-size: 3rem !important;
}
.text-32{

    font-size: 3.2rem !important;
}
.text-34{

    font-size: 3.4rem !important;
}
.text-36{

    font-size: 3.6rem !important;
}
.text-40{

    font-size: 4rem !important;
}
.text-41{

    font-size: 4.1rem !important;
}
.text-42{

    font-size: 4.2rem !important;
}

.bg-dark-blue{

    background-color: #241700 !important;
}

.bg-dark-teal{

    background-color: #0F3A4A!important;
}

.text-dark-teal{
    color: #0F3A4A !important;
}

.transparent-bg{

    background-color: rgba(4, 25, 34, 0.5) !important;
}

.border-dark-blue{

    border: 1px solid #241700 !important;
}

.bg-common-blue{

    background-color: #06398b !important;
}

.text-light-blue{

    color: #F2F2F2 !important;
}

.bg-light-blue{

    background-color: #F2F2F2 !important;
}

.text-dark-blue{

    color: #241700 !important;
}

.bg-red{

    background-color: #FFA500 !important;
}

.bg-light-red{

    background-color: #FEE6E6 !important;
}

.text-red{

    color: #FFA500 !important;
}

.border-red{

    border: 1px solid #FFA500 !important;
}

.btn-dark-blue{

    background-color: #241700 !important;
    color: #FFFFFF !important;
}

.btn-contact{
    border-radius: 10px !important;
    padding: 5px 10px !important;
    border: 1px solid #FFA500 !important;
}

.btn-ab-red{

    background-color: #FFA500 !important;
    color: #FFFFFF !important;
}
.red-massage{

    width: 100% !important;
    overflow: hidden !important;
}

.video-background {
    position: relative;
    width: 100%;
    height: 65vh;
    top: 80%;
    background-image: url('../images/home/bg.png');
    background-size: cover;
    overflow: hidden;
}

.video-background::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Black overlay with 50% opacity */
    z-index: 0; /* Changed to 0 to appear behind content */
}

/* Add this to ensure content appears above the overlay */
.video-background > * {
    position: relative;
    z-index: 1;
}

.background-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.4); 
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -2;
    pointer-events: none;
  }
  
  /* .background-video {
    position: absolute;
    top: 0%;
    left: 0%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    width: auto;
    z-index: -2; 
    pointer-events: none;
  } */
  
  .white-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 1); /* Semi-transparent white */
    z-index: -1; /* Place it above the video but behind the content */
  }

  .main-paragraph{
    text-align: justify;
  }

  .main-row{

    padding-top: 5% !important;
  }

  .main-card{

    border-radius: 10px !important;
  }

  @media(max-width: 768px) {
   
    .main-heading{

        font-size: 1.2rem ;
    }

    .main-name{

        font-size: 2rem
    }

    .main-lable{

    font-size: 0.7rem

    }

    .main-paragraph{

        width: 100% ;
        text-align: justify;
      }

      .airports{

        font-size: 0.7rem !important;
      }

      .product-page-heding{

        font-size: 1.2rem;
      }
      .product-page-sub{

        font-size: 0.8rem;
      }

      .sort-list{
        display: none !important;
      }
      body{
    
        width: 100% !important;
        overflow-x: hidden !important;
    
    }

  }

  .custom-confirm-btn {
    background-color: #FFA500 !important;
    color: white !important; 
    border-radius: 5px  !important; 
}

.get-quote-btn{

    background-color: #FFA500 !important;
    color: white !important; 
    border-radius: 5px  !important; 
    padding: 5px 20px !important;
    border: 2px solid #FFA500 !important;
    transition: all 0.3s ease !important;
}

.get-quote-btn:hover {
    background-color: transparent !important;
    color: #FFA500 !important;
}
  
#compare_image{

    border-radius: 10px;
    width: 100%;
}

.font-justify{

    text-align: justify !important;
}
.step_img {

    width: 100%;
}

.step-cards{

    height: 450px;
    overflow: hidden;
}

.type-card{

    height: 400px;
    overflow: hidden;
}


.type_card_image{
    padding-top: 20px !important;
    width: 100px !important;
}

.round-btn{

    border-radius: 20px !important;
    border: 0px !important;
}

.option_card_image{

    padding-top: 20px; 
    width: 100px !important;
}
.option-cards {

    height: 400px !important;
}

.option-card-content{

    height: 200px;
}

.type_card_image_mobile{

    width: 20% !important;
}

.bg-light{

    background-color: #f3f3f3 !important;
}
 
.option_card_image_mobile{

    width: 100% !important;
}
#girl_image{

    width: 100%;
}

.footer-links{

    text-decoration: none !important;
    font-size: 0.8rem !important;
    padding: 0 !important;
}

.capricon{

    color: #ffffff;
    /* font-weight: 600; */
}

.stikey{

    position: sticky !important;
    z-index: 999 !important;
}

.product-image{

    width: 100% !important;
}

#checkout_image{

    width: 100% !important;
    border-radius: 10px !important;
}
#about_image{

    width: 100% !important;
}

.map{
    width: 100%;
    height: 100%;
}

.custom-dropdown {
    position: relative;
    width: 100%;
    border: 0px;
}

.custom-dropdown select {
    appearance: none; 
    -webkit-appearance: none; 
    padding-right: 30px; 
    background-color: white;
    border: 0px;
}

.custom-dropdown::after {
    content: "\f107"; 
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none; 
    color: #241700; 
    border: 0px;
}

.block_image{

    width: 100%;
    height: 250px;
    object-fit:contain;
    background-color: #241700;
}

.image-holder{

    width: 100%;
    height: 400px;
    object-fit: cover;
    overflow: hidden;
}

.service-image-container {
    position: relative;
    background-color: #000000; /* Dark blue background */
   
}

.service-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.6); /* Semi-transparent blue */
    padding: 15px;
    text-align: left;
}

.service-image-container img {
    opacity: 0.9; /* Slightly reduce image opacity to blend with background */
}

#today_section{

    /* background: linear-gradient(to right, #000000, #241700) !important; */
    background: linear-gradient(to right, rgb(15, 58, 74), #1a1616) !important;
}

.main-gradient{

    background: linear-gradient(to right, #1a1616,#0F3A4A, #1a1616)!important;
}

.mobile-gradient{

    background: linear-gradient(135deg, #073242, #0a2731)!important;
}

.second-gradient{

    background: linear-gradient(to right, #fa9f25, #f16d05)!important;
}

.third-gradient{

    background: linear-gradient(to right, #0F3A4A, #04181f)!important;
}

.bg-light-yellow{

    background-color: #ffdfa7 !important;
}

.term-of-service-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 1rem;
  }
  
  .sub-number {
    width: 40px; ;
    flex-shrink: 0;
  }
  
  .sub-text {
    flex: 1;
    text-align: justify;
  }

.bg-transperant{

    background-color: transparent !important;
}
@media (max-width: 1199px) {
    .navbar {
        background: #001923 !important;
    }
    .navbar .fa-phone-volume {
        color: #000 !important;
    }
}



@media (max-width: 768px) {
    .fimage img {
        width: 100%;
        height: 100px;
        padding-right: 0 !important;
        border-radius: 20px;
        background-position: center;
        background-size: cover;
        -o-object-fit: cover !important;
        object-fit: cover !important;
    }

    .con{

        padding-right: 0 !important;
    }
}

.ptbg{

    background-image: url('../../assets/images/teal-bg.png');
    /* background-color: linear-gradient(to right, rgb(15, 58, 74), #1a1616) !important;; */
    background-size: cover;
    min-height: 100vh !important;
  }


 .date-wrapper {
    display: flex;
    flex-direction: column;
    position: relative; /* Ensure position is relative for absolute positioning of icons */
}
  
.date-wrapper .date-icon {
    position: absolute;
    top: 35px;
    right: 10px;
    pointer-events: none; /* Ensure icons do not interfere with input focus */
}
  
.date-wrapper .date-icon-svg {
    width: 18px;
    height: 18px;
  }
  
.date-wrapper .time-icon {
    position: absolute;
    top: 32px;
    right: 5px;
  }
  
.date-wrapper .time-icon-svg {
    width: 18px;
    height: 18px;
  }
  
.date-wrapper label {
    color: #ffffff;
    margin: 0;
    font-family: "AxiformaThin";
  }