@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');



.nav-link,
.navbar-light .navbar-nav .nav-link {
    color: #2b2b2b;
}

.navbar-nav .nav-link.active {
    color: #ffffff;
    font-weight: bold;
}

.navbar-light .navbar-nav .nav-link.active {
    color: #000000;
}


/* Remove border from toggler */
.navbar-toggler {
    border: 0 !important;
}

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none !important;
    box-shadow: none !important;
    border: 0 !important;
}

/* Lines of the Toggler */
.toggler-icon{
    width: 30px;
    height: 3px;
    background-color: #f5c704;
    display: block;
    transition: all 0.2s;
}

/* Adds Space between the lines */
.middle-bar{
    margin: 5px auto;
}

/* State when navbar is opened (START) */
.navbar-toggler .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}

.navbar-toggler .middle-bar {
    opacity: 0;
    filter: alpha(opacity=0);
}

.navbar-toggler .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
}
/* State when navbar is opened (END) */

/* State when navbar is collapsed (START) */
.navbar-toggler.collapsed .top-bar {
    transform: rotate(0);
}

.navbar-toggler.collapsed .middle-bar {
    opacity: 1;
    filter: alpha(opacity=100);
}

.navbar-toggler.collapsed .bottom-bar {
    transform: rotate(0);
}
/* State when navbar is collapsed (END) */

/* Color of Toggler when collapsed */
.navbar-toggler.collapsed .toggler-icon {
    background-color: #777777;
}


footer .nav-item .nav-link{
    color: #ffffff;
}


footer .nav-item .nav-link:hover{
    color: #f5c704;
}


form#contact-form label{
  color: #ffffff;
}

.list-unstyled li i{
    font-size: x-small;
    padding-right: 5px;
    color: #01152E;
    margin-right: 5px;
}

.hero-padding {
    /* padding-top: 10rem;
    padding-bottom: 10rem; */
}

.hero-padding p {
    font-family: Nunito Sans;
    font-size: calc(16px + 0.390625vw);
    font-weight: 400;
    /* line-height: 90px; */
    letter-spacing: 0em;
    text-align: center;

}
.hero-padding p a {
    font-family: Nunito Sans;
    font-size: calc(16px + 0.390625vw);
    font-weight: 400;
    /* line-height: 90px; */
    letter-spacing: 0em;
    text-align: center;
   color: #f5c704;
    text-decoration: none;

}
.hero-padding h1 {
    font-family: Nunito Sans;
    font-size: 72px;
    font-weight: 800;
    line-height: 90px;
    letter-spacing: 0em;
    text-align: left;

}

.bg-input-transparent{
    box-shadow: 0px 0.7611477971076965px 1.522295594215393px 0px #1018280D;
background: rgba(255, 255, 255, 0.24);
border: 0.76px solid rgba(255, 255, 255, 0.24)

  }

 
@media screen and (max-width:1200px) {
    .hero-padding h1 {
        font-family: Nunito Sans;
        font-size: 50px;
        font-weight: 800;
        line-height: 80px;
        letter-spacing: 0em;
        text-align: left;
    }
}

.btn-outline-success {
    color: #2b2b2b;
    border-color: #2b2b2b;
}

.icon-circle {
    width: 40px;
    height: 40px;
    border: 2px solid #F5C704;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

}

.icon-circle img {
    width: 80%;
    height: 80%;
    padding: 10%;
}


.vertical-line {
    width: 1px;
    border: 1px solid #F5C704;
    height: 100%;
}

.circle-statictics {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    border-radius: 50%;

    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    justify-content: center;
    background: #FFFFFFA6;


    box-shadow: 8px 17px 55px 0px rgba(76, 161, 242, 0.25);

}

.card {
    background-color: unset;
    border: unset;
    margin-bottom: 4rem;
}

.card p {
    max-width: 362px;
    color: #ffffff;
}

.card span {
    color: #ffffff;
    font-size: small;
}

.card span i {
    color: #F5C704;
    padding-right: 3px;
}

.button-yellow {
    border-radius: 40px;
    width: fit-content;
    background-color: #f5c704;
}

.price-tag {
    position: absolute;
    top: 30px; /* Adjust the top position */
    left: 30px; /* Adjust the left position */
    background-color:  #FFFFFFA6;

    ;
    padding: 5px 10px;
    border-radius: 40px;
    color: #000;
    font-weight: bold;
}

.price-tag span{
    color: #000;
}

.span-bold {
    font-weight: bolder;
}



/* Owl crousel  */

.owl-nav{
    color: #F5C704;
    margin-bottom: -42px;
   

}
.owl-theme .owl-nav [class*=owl-]:hover{
    background: unset;
}
.owl-theme .owl-nav [class*=owl-]:hover{
    background-color: unset;
}
.owl-carousel .owl-nav button.owl-prev i{
    border: 1px solid #f5c704;
    padding: 10px 12px;
    margin-right:20vw;
    border-radius: 50%;

}

.owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover{
    background: unset;

}
.owl-carousel .owl-nav button.owl-next i{
    border: 1px solid #f5c704;
    padding: 10px 12px;
    margin-left:20vw;
    border-radius: 50%;

}


.owl-dots .owl-dot {
    margin: 0px 5px;
  }
  .owl-dots .owl-dot button {
    background: none;
    border: 1px solid #f5c704;
    border-radius: 50%;
    padding: 8px 15px;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
  }
  .owl-dots .owl-dot button:focus {
    outline: none;
  }
  .owl-dots .owl-dot.active button {
    color: #000000;
    background:#F5C704
  }
  



  .owl-carousel.d-block.d-md-none .owl-nav{
    position: absolute;
    margin-top: -111%;
  }

  .owl-carousel.d-block.d-md-none   .owl-nav button.owl-next i{
    margin-left: 45vw;
  }


  /* video */

  .youtube-container {
    overflow: hidden;
    width: 100%;
    /* Keep it the right aspect-ratio */
    aspect-ratio: 16/9;
    /* No clicking/hover effects */
    pointer-events: none;
    border-radius: 20px;
  }
  .youtube-container iframe {
    /* Extend it beyond the viewport... */
    width: 300%;
    height: 100%;
    /* ...and bring it back again */
    margin-left: -100%;
  }


   /* video */

   .youtube-container-sm {
    overflow: hidden;
    width: 100%;
    /* Keep it the right aspect-ratio */
    aspect-ratio: 4/3;
    /* No clicking/hover effects */
    pointer-events: none;
    border-radius: 20px;
  }
  .youtube-container-sm iframe {
    /* Extend it beyond the viewport... */
    width: 100%;
    height: 100%;
    /* ...and bring it back again */
    /* margin-left: -100%; */
  }


  .testimonial .card{
    border: 1px solid #F5C704;
    margin: 20px;
    border-radius: 40px;

  }

  .testimonial .card-body p{
    max-width: 300px;
  }


  .testimonial .icon-circle {
    width: 70px;
    height: 70px;
  }
  .testimonial .icon-circle img{
    width: 90%;
    height: 90%;
    padding: 1%;
  }



@media screen and (max-width: 500px) {
    .mob-logo {
        max-width: 150px;
    }

    .hero-padding {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .hero-padding h1 {
        font-family: Nunito Sans;
        font-size: 32px;
        font-weight: 800;
        line-height: 40px;
        letter-spacing: 0em;
        text-align: left;

    }
}


 /* Modal form */
 #modal-contact-form label{
    color: #000;
    font-weight: bold;
  }
  
  #modal-contact-form input{
    border: none;
    border-radius: unset;
    border: 0.94px solid #FFFFFF;
    box-shadow: 0px 7px 9px -3px #1018281A;

  }


  
  .select-hidden {
    display: none;
    visibility: hidden;
    padding-right: 10px;
  }
  
  .select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 16px;
    color: #fff;
    /* width: 220px; */
    height: 40px;
    border: none;
    border-radius: unset;
    border: 0.94px solid #FFFFFF;
    box-shadow: 0px 7px 9px -3px #1018281A;

  }
  
  .select-styled {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    padding: 8px 15px;
    color: #000;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
  }
  .select-styled:after {
    content: "";
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-color: #000 transparent transparent transparent;
    position: absolute;
    top: 16px;
    right: 10px;
  }
  .select-styled:hover {
    background-color: #F5C704;
  }
  .select-styled:active, .select-styled.active {
    background-color: #fff;
  }
  .select-styled:active:after, .select-styled.active:after {
    top: 9px;
    border-color: transparent transparent #000 transparent;
  }
  
  .select-options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid #B6C2E2;
    border-radius: 5px;
  }
  .select-options li {
    margin: 0;
    padding: 12px 0;
    text-indent: 15px;
    color: #000;
    /* border-top: 1px solid #F5C704; */
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
  }
  .select-options li:hover, .select-options li.is-selected {
    color: #000;
    background: #f5c704;
    margin: 10px;
    border-radius: 5px;
  }

  .select-options li.is-selected {


  }
  .select-options li[rel="hide"] {
    display: none;
  }
   a:hover {
            cursor: pointer;
        }

        .navbar-light .navbar-nav .nav-link:hover {
            color: #f5c704;
        }

        .card {
            margin-bottom: 1.5rem;
        }

        .testimonial .owl-nav {
            display: block;
            margin-top: -19rem;
            position: absolute;
            right: 0;
        }


        @media screen and (max-width:1200px) {
            .testimonial .owl-nav {
                margin-top: -20.5rem;

            }

            .slider-c {
                justify-content: center;
                align-items: end;
            }

            .slider-counter {
                margin-right: 10%;
            }
        }

        @media screen and (max-width:992px) {
            .testimonial .owl-nav {
                margin-top: -25rem;
            }
        }

        @media screen and (max-width:768px) {
            .testimonial .owl-nav {
                margin-top: -18.5rem;
            }

            .slider-counter {
                margin-right: 7rem;
            }
        }

        @media screen and (max-width:409px) {
            .testimonial .owl-nav {
                margin-top: -20rem;
            }
        }


        @media screen and (max-width:337px) {
            .testimonial .owl-nav {
                margin-top: -21.5rem;
            }
        }


        .testimonial .owl-dots {
            display: none;

        }

        .testimonial .owl-nav button.owl-prev i,
        .owl-carousel .owl-nav button.owl-next i {
            margin: unset;
        }



        .slider-counter {
            /* text-align: center; */
            color: white;
            /* text-align: end; */
            /* margin-top: 10%; */
        }

        #emailFormControlInput::placeholder {
            color: #ffffff;
        }

        #contact-form-header label {
            color: #FFFFFF;
            font-weight: bold;
        }

        #contact-form-header input::placeholder,
        #contact-form-header textarea::placeholder {
            color: #FFFFFF;
        }

        .select-options li[rel="hide"] {
            display: none;
        }
        .form-bg{
           background-color: rgba(5, 5, 5, 0.5); /* Red with 50% opacity */
          opacity: 9;
          padding: 30px;
        }
        /* Form CSS Start */
        .right .form-group {
    margin: 8px auto;
    width: 100%;
}
        .right .form-body .form-group input {
    width: 100%;
    height: 48px;
    padding: 0px 15px;
    outline: unset;
    border: unset;
    border-radius: 3px;
    font-size: 14px;
    margin-bottom: 5px;
    background: #fff;
    font-size: 17px;
    font-weight: 500;
}
.right .form-body .form-group select {
    width: 100%;
    height: 45px;
    padding: 0px 15px;
    outline: unset;
    background: #fff;
    border: unset;
    border-radius: 3px;
    font-size: 14px;
    margin-bottom: 5px;
    color: #666666;
}
#contactform input#country_std_code {
    width: 90px;
    width: 80px;
    font-size: 16px;
    background-color:#01abff;
    color: #fff;
    border-top-right-radius: unset;
    border-bottom-right-radius: unset;
}
.flex {
    display: flex;
}
.right form .textarea textarea {
    width: 100%;
    display: block;
    height: 90px;
    border-radius: 5px;
    outline: none;
    border: none;
}
form #submit {
    background-color: #01abff;
    color: #fff;
    width: 100%;
    display: inline-block;
    margin-top: 10px;
    padding: 10px;
    font-size: 16px;
    outline: none;
    border: unset;
    border-radius: 4px;
}
.hotels-box{
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
    margin: 10px 0px;
}
.hotels-box .hotel-heading{
font-size: 22px;
text-align: center;
font-weight: 600;
}

.hotels-deals{
    overflow: hidden;
}