﻿@font-face {
  font-family: 'Aghita';
  font-style: normal;
  font-weight: normal;
  src: local('Aghita'), url('../fonts/Aghita.ttf') format('truetype');
}
@font-face {
  font-family: 'Coolvetica';
  font-style: normal;
  font-weight: normal;
  src: local('Coolvetica'), url('../fonts/coolvetica rg.otf') format('truetype');
}

@font-face {
  font-family: 'GlacialIndifference'; 
  font-style: normal;
  font-weight: normal;
  src: local('GlacialIndifference'), url('../fonts/GlacialIndifference-Regular.otf') format('truetype');
}

@font-face {
  font-family: 'GlacialIndifferenceBold';
  font-style: normal;
  font-weight: normal;
  src: local('GlacialIndifferenceBold'), url('../fonts/GlacialIndifference-Bold.otf') format('truetype');
}

* {
    padding: 0px;
    margin: 0px;
    border: 0px;
    box-sizing: border-box;
    font-family: 'GlacialIndifference';
}

.search-div {
    justify-content: end;
}

.fa-bars,
.fa-magnifying-glass {
    color: #ffd700;
    font-size: 20px;
    padding: 0px 20px
}

.menubar {
    /* background-color: rgba(0, 0, 0, 0.388); */
    border-radius: 50px;
}

.header {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9;
    width: 100%
}

.hero-sec {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%
}

.hero-sec {
    position: relative;
    width: 100%;
}

.position-relative {
    position: relative;
}

.img-fluid {
    width: 100%;
    height: auto;
    /* Ensure image maintains aspect ratio */
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.625) 70%, rgb(0 0 0 / 79%) 80%, rgb(0 0 0) 100%);
    /* Smooth gradient overlay */
    display: flex;
    align-items: flex-end;
    /* Align text at the bottom */
    justify-content: center;
    /* Center text horizontally */
    padding: 20px;
    /* Add padding for text */
}

.text {
    color: white;
    /* Text color */
    text-align: center;
}
h2{font-size: 47px !important;}

.hero-head {
    /* margin: 0; */
    font-size: 90px;
    display: block;
    /* margin-top: -90px; */
    color: #ffd700;
    /* margin-bottom: 30px; */
    border-bottom: 3px solid #e4e4e4b3;
    border-radius: 3px;
    letter-spacing: 16px;
    font-weight:700;
    font-family: 'Coolvetica';
}

.plan-text {
    font-size: 26px;
    color: #fdd703;
    /* word-spacing: 20px; */
    letter-spacing: 10px;
}

.special-sec {
    padding: 60px 0px 100px 0px;
    background-color: black;
}.special-sec2 {
    padding: 60px 0px 100px 0px; 
    background-color: black;

}

.special-head {
    color: #ffd700;
    word-spacing: 20px;
    letter-spacing: 9px;
    padding-bottom: 12px;
    border-bottom: 2px solid #ffd70078;
    border-radius: 3px;
    width: 65%;
    display:flex;
    justify-content:center;
    margin-bottom: 10px;
    clear: both;
    z-index: 999;
}
.special-head2 {
    color: #ffd700;
    word-spacing: 10px;
    letter-spacing: 5px;
    padding-bottom: 12px;
    border-bottom: 2px solid #ffd70078;
    border-radius: 3px;
    width:max-content;
    display:flex;
    justify-content:center
}

.special-img {
    border-radius: 10px
}

.special-box {
    border-radius: 10px;
    background-color: white !important;
    margin: 0px 30px;
}

.book-btn2 {
    text-decoration: none !important;
}

.book-btn {
    display: none;
    text-decoration: none !important;
    color: black;
    font-weight: 800;
    /* font-family: "Poppins", sans-serif; */
    letter-spacing: 0px;
    font-size: 18px;
    padding: 5px 0px;
    font-family: 'Coolvetica';
}


.special-box {
    position: relative;
    overflow: hidden;
    transition: 0.6s;
}
.special-box:hover
{
    transform: translateY(-18px);
    background-color: #ffd700 !important;
}
/*.special-box img*/
/*{*/
/*    transition: 0.6s;*/
/*}*/
/*.special-box:hover img*/
/*{*/
/*    transform: rotate(2deg) scale(1.2);*/
/*}*/
.overlay-container {
    position: relative;
}

.special-img {
    width: 100%;
    height: auto;
    /* min-height: 550px; */
}

.overlay2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 24%);
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    border-radius: 10px
}

.overlay-content {
    position: absolute;
    width: 100%;
    padding: 10px;
}

.top-content {
    top: 10px;
}

.bottom-content {
    bottom: 0px;
}

.book-now-div {
    margin-top: 10px;
    text-align: center;
}

.trip-name {
    font-size: 20px;
    font-weight: 600;
    font-family: 'GlacialIndifference';
    margin-bottom: 0px;
    text-transform: uppercase;
    font-weight: 100;
    letter-spacing: 2px;
}

.discount {
    font-size: 46px;
    font-weight: 600;
    color: #ffd700;
    font-family: "Aghita";
    margin-bottom: -20px;
}

.nav-tabs {
    border: 0px !important;
    justify-content: space-evenly
}

.nav-item,
.nav-link {
    /*margin: 0px 20px;*/
    color: #fcd733 !important;
    background-color: #ffd70000;
    border-radius: 5px;
    font-weight: 700;
    border: 2px solid #fcd733;
    /*padding: 7px 31px;*/
    text-decoration: none;
    height: fit-content;
}
.nav-item:hover{
    background:#fcd733;
    color:black !important;
}.nav-item:hover button{
     color:black !important;
}
.nav-tabs .nav-link.active {
    background-color: #ffd90000 !important;
    border: 0px !important;
    color:black !Important;

}

.nav-tabs .nav-item.active {
    color: black !important;
    background-color: #ffd700 !important;
    border-color: rgba(0, 0, 0, 0) !important;
}

.nav-tabs .nav-link {
    margin-bottom: rgba(0, 0, 0, 0) !important;
    border: rgba(0, 0, 0, 0) !important;
    border-top-left-radius: rgba(0, 0, 0, 0) !important;
    border-top-right-radius: rgba(0, 0, 0, 0) !important;
}

.tab-content {
    margin-top: 30px;
    padding: 0px 20px;
}

.special-box2 {
    border-radius: 10px;
    background-color: white !important;
    position: relative;
    overflow: hidden;
    transition: 0.6s;
}
.special-box2:hover
{
    transform: translateY(-18px);
}
/*.special-box2 img*/
/*{*/
/*    transition: 0.6s;*/
/*}*/
/*.special-box2:hover img*/
/*{*/
/*    transform: rotate(2deg) scale(1.2);*/
/*}*/
.backpack-sec {
    background-color: black;
    box-shadow: inset -30px 60px 60px -10px #000000ed, inset 20px -30px 60px 60px #000000ed;
}

/* owl nav byuttons  */
.owl-carousel .owl-nav.disabled {
    display: block !important;
}

.owl-carousel .owl-nav button.owl-prev {
    /* background: #2c1919bd !important; */
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
    position: absolute;
    top: 65%;
    left: 0%;
    color: white !important;
    font-size: 10px !important;
    text-align: left;
}

.owl-carousel .owl-nav button.owl-next {
    background: #dcdcdc00 !important;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
    position: absolute;
    top: 65%;
    right: 0%;
    color: white !important;
    font-size: 10px !important;
}

.owl-nav {
    height: 0px
}

/* owl nav ends   */

.overlayy {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); */
    /* box-shadow: inset rgb(0, 0, 0) 0px 60px 60px -12px; */
    display: flex;
    align-items: flex-end;
    /* box-shadow: inset -30px 60px 60px -10px #000000ed, inset 20px -30px 60px 60px #000000ed; */
    /* box-shadow: inset 0px 160px 249px 0px #000015, inset 0px -160px 249px 0px #000015; */
}

.overlay-text {
    padding: 40px 50px;
    width: 40%;

}

.time {
    color: white;
}

.slide-name {
    color: #ffd700;
    font-size: 100px;
    font-weight: 700;
}


.backpack-sec .owl-nav.disabled {
    display: none !important;
}

.slide-trip {
    width: 40%;
    position: relative;
    z-index: 99999;
    top: -250px;
    left: 900px;
    overflow: hidden
}

.back-img {
    border-radius: 10px;
}

.back-trip {
    position: relative;
    display: inline-block;
    /* Adjust if you want it to be a block element */
}

.back-img {
    display: block;
    width: 100%;
    /* Make sure image is responsive */
    height: auto;
    /* Maintain aspect ratio */
}

.overlay5 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 28%);
    /* Semi-transparent overlay */
    display: flex;
    align-items: flex-end;
     border-radius:10px
}


.back-name {
    color: #ffd700;
    font-size: 20px;
    font-weight: 700;
    margin-left: 10px
}

.carousel {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}

.carousel-inner {
    position: relative;
    width: 100%;
    height: 100%;
}

.carousel-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.carousel-item.active {
    display: block;
}

.carousel-controls {
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: 50%;
    left: 0px;
    width: 100%;
    text-align: center;
}

.carousel-controls button {
    width: 50px;
    height: 50px;
    font-size: 75px;
    cursor: pointer;
    background-color: #ffffff00;
    color: white;
    z-index: 9
}

.initaitavir-sec {
    padding-top: 25px;
    background-color: black;
    /* box-shadow: inset rgb(0, 0, 0) 0px 60px 60px -12px; */
    overflow: hidden;
}

.carousel {
    position: relative;
}

.carousel-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 5%); */
    /* background: rgb(0 0 0 / 10%);   */
    z-index: 1;
    /* Ensure it's above the carousel items */
}

.carousel-inner {
    position: relative;
    z-index: 0;
    /* Ensure it's below the overlay */
}

.mother {
    color: #ffd700;
    font-weight: 700;
    font-size: 60px;
    z-index: 999;
}

.mother-cont {
    color: white;
padding:0px 20px;
text-align:center
}
.mother-content {position:relative;top: -10px;left:0px;z-index: 99;margin-bottom: 70px;}

.reaon-head{
color:#ffd700;
letter-spacing: 10px;
word-spacing: 10px;
border-bottom:2px solid #ffd700;
margin-bottom:20px;
border-radius:3px
}
.why-sec{
padding:60px 0px 100px 0px;

background-color: black;


}
.choose-box {
    background-color: #ffffff;
    padding: 30px;
    text-align: left;
    transition: 0.6s;
    border-radius: 8px;
    margin: 0 14px;
    height: 100% !important;
    position: relative;
    overflow: hidden; /* Ensure the image stays within the box */
}

.choose-box::before {
    content: '';
    background-image: url(../img/img-bg.png);
    background-size: 155% 183%;
    position: absolute;
    bottom: 0; /* Position the image in the bottom left */
    left: 1px;
    width: 100%; /* Adjust as needed */
    height: 100%; /* Adjust as needed */
    opacity: 1; /* Start as hidden */
}


.choose-box::after {
    content: '';
    background-image: url(../img/img-bg.png);
    background-size: 155% 183%;
    position: absolute;
    top: -5px;
    right: 1px;
    width: 100%;
    height: 100%;
    opacity: 1;
    transform: rotate(180deg);
}
.choose-box:hover
{
    transform: translateY(-10px);
    background: #fcd733;
    background-image: url(../img/img-bg.png) !important;
    background-size: 155% 183%;
}
.choose-box h6{text-align: left;font-weight: 800;margin: 15px 0px;font-family: 'GlacialIndifferenceBold';text-transform: uppercase;font-size:20px;}
.choose-box p {
    font-size: 18px;
    line-height: 23px;
}
.why-row{
 display:flex;
justify-content: space-around;
    }

.review-sec{/* padding-bottom: 90px; */background-color:black;padding-top:60px;overflow: hidden;}


/* testimomial  */
.ImgHolder{
display:flex;
justify-content: center;


}

.test-des{
border-bottom:2px solid gray;
margin:0px 30px !important;
margin-bottom:10px !important;  
line-height: 35px;
}

#testimonial .item {
    background-color: #ffffff;
    border-radius: 15px;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin: 0 10px;
    text-align: center;
}

#testimonial .ImgHolder img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-bottom: 15px;
}

#testimonial .ContentHolder h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

#testimonial .ContentHolder .test-des {
    font-size: 14px;
    color: #777;
    margin-bottom: 15px;
}

#testimonial .ContentHolder p {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
}

.owl-carousel .owl-item {
    transition: transform 0.5s ease-in-out;
}

.image-container {
    position: relative;
    width: 100%;
    height: 500px;
    top: -40px;
  }
  
  .image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Adjusts the image to cover the container */
  }
  
  .overlay-bg {
    position: absolute;
    top: -100px;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.234) 10%, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 1) 100%);
    pointer-events: none; /* Allows clicks to pass through the overlay */
    display:flex;
    align-items:flex-end;
    /* box-shadow: 1px 50px 100px 460px #000; */
    /* z-index: 9; */
  }
  .slide-box {
    position: relative;
    top: 00px;
    left: 0;

  }
.text {z-index: 8;width:100%}
.trip-box{
background-color:white;
padding:10px;
margin:10px 50px

}
.cp-trip{
color:black;
font-size:22px;
font-weight:300 !important;
border-bottom:2px solid rgb(185, 185, 185);
margin-bottom:5px;
width:100%
}
.fa-location-dot{
color:#ffd700;
justify-content: flex-start;
font-size:50px;
display: flex;
}

.cp-trip {
    color: black;
    font-size: 22px;
    font-weight: 300 !important;
    position: relative;  
    padding-bottom: 5px !important;
    width: 100%;
    display:flex;
    justify-content: flex-start;  margin:0px !important;
}
.fa-chevron-right{
color:black;
position:relative;
top:28px;
left:70%;
color:rgb(185, 185, 185);
height:0px
}

.plan{
width:36%;
color:black;
display:flex !important;
justify-content: flex-start !important;
word-spacing: 20px;
font-weight: 200;
}

.booox{
color:white;
font-size:20px;
border-right:4px solid white !important;
margin-bottom:85px;
}
.boooxx{
color:white;
font-size:20px;
margin-bottom:50px
}
.booox h2{
color:white;
font-size:25px !important;

}
.boooxx h2{
color:white;
font-size:25px !important;

}

.img-end{
max-height:350px

}
 

/* sidebar */

/* Sidebar styling */
.sidebar {
    height: 100%;
    width: 0;
    position: fixed;
    top: -0;
    left: 0;
    background-color: #000;
    overflow-x: hidden;
    transition: 0.3s;
    padding-top: 60px;
    z-index: 9999999;
}

.sidebar a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 15px;
    color: white;
    display: block;
    transition: 0.3s;
}

.sidebar a:hover {
    color: #ffd700;
}

.sidebar .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

/* Page content */
#main {
    transition: margin-left .3s;
    padding: 16px;
}
.side-nav{
    border-bottom:1px solid rgba(255, 255, 255, 0.557)
}
.up2{
width:50%;
}


video.video_banner {
    width: 100%;
}


.p-0 {
    padding: 0 !important;
    display: block !important;
}



.text.bnr {
    margin: 100px;
}



button:focus {
  outline: 0;
}

.owl-carousel-stacked {
  margin-top: 20px;
}

.owl-carousel-stacked .owl-item.center {
  transform: scale(1) !important;
  -webkit-box-shadow: 0px 0px 55px -12px rgba(0, 0, 0, 0.74);
  -moz-box-shadow: 0px 0px 55px -12px rgba(0, 0, 0, 0.74);
  box-shadow: 0px 0px 55px -12px rgba(0, 0, 0, 0.74);
}

.owl-carousel-stacked .owl-item.center p,
.owl-carousel-stacked .owl-item.center h3,
.owl-carousel-stacked .owl-item.center img{
    opacity:1;
    transition:.3s ease;
}

.owl-carousel-stacked .owl-item {
  transition: all 0.5s;
  transform: scale(0.5) !important;
  box-shadow:0px 0px 10px;
  /*transform: scale(0.5) translateX(50%) !important;*/
}

.owl-carousel-stacked .owl-item p,.owl-carousel-stacked .owl-item h3,.owl-carousel-stacked .owl-item p,.owl-carousel-stacked .owl-item img{opacity:0;transition:.3s ease;}

.owl-carousel-stacked .left-of-center {
  transform: scale(0.7) translateX(70%) !important;
  z-index: 1;
}

.owl-carousel-stacked .right-of-center {
  transform: scale(0.7) translateX(-70%) !important;
  z-index: 1;
}

.owl-carousel-stacked .left-of-center p,.owl-carousel-stacked .left-of-center h3,.owl-carousel-stacked .right-of-center p,.owl-carousel-stacked .right-of-center h3,.owl-carousel-stacked .left-of-center img,.owl-carousel-stacked .right-of-center img{opacity:0;transition:.3s ease;}

.menubar:after {
    content: "";
    border: 0.5px solid #fdd703;
    display: block;
    width: 90%;
    margin: 0px auto;
}



.owl-carousel-stacked .center {
  z-index: 2;
}

.owl-carousel-stacked .owl-carousel {
  position: relative;
}

.owl-carousel-stacked .owl-prev,
.owl-carousel-stacked .owl-next {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  cursor: pointer;
  color: #ddd !important;
}

.owl-carousel-stacked .owl-prev {
  left: 0;
}

.owl-carousel-stacked .owl-next {
  right: 0;
}

.owl-carousel-stacked .owl-dots {
  text-align: center;
}

.owl-carousel-stacked .owl-dot {
  cursor: pointer;
  background-color: #ddd !important;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin: 10px 2px;
}

.owl-carousel-stacked .owl-dot.active {
  background-color: #d2181f !important;
}

.owl-carousel-stacked .owl-stage-outer {
  padding: 25px 0;
}

#myTabContent .owl-nav {
    position: absolute;
    top: 50%;
    text-align: center;
    display: block;
    width: 100%;
    z-index: 999;
    font-size: 40px;
}

#myTabContent button.owl-prev span,#myTabContent button.owl-next span {
    font-size: 110px;
    z-index: 9999;
}

#myTabContent button.owl-prev {
    left: -70px !important;
    top: -110px !important;
}

#myTabContent button.owl-next {
    right: -70px !important;
    top: -110px !important;
}



 

.slide-box .item{
    background-color: white !important;
    height: max-content;
    border-radius: 40px;
    font-size: 15px !important;
    width: 120%;
    left: -10%;
    position: relative;
}
.slide-box .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    /*left: -224px;*/
}

.slide-box .owl-carousel .owl-item img {
    display: block;
    width: 80px;
    height: 80px;
    margin-top: 26px;
}
#special-slide .owl-dot span{
 margin:0px;
 border-radius:30px !important;
  background-color: #fcd733 !important; 
 
 transition: background-color 0.3s ease !important;

}

#special-slide .owl-dot.active span {
  background-color: white !important; 
}   
.rev-cont{
 padding:20px !important;
}
.test-des {
 padding:0px !important;
}
/*.owl-dot {*/
/* border-radius:0px !important;*/
/*}*/
#special-slide .owl-dots
{
    /*display: block !important;*/
    /*padding-top:20px;*/
    margin-top:20px !Important;
    border-radius:10px;
}
#special-slide .owl-dot
{
    margin:0px !Important;
}
#special-slide .owl-dots .active
{
    margin:0px !Important;
}
.special-sec .owl-dots
{
    /*display: block !important;*/
    /*padding-top:20px;*/
    width:max-content;
    background:white;
    border-radius:20px;
    display:none;
}
.special-sec .owl-dots span
{
    width: 50px !important;
    height: 7px !important;
    float: right;
    background: white !important;
    border-radius:10px !Important;
    

}
.fa-caret-right:before {
    content: "\f0da";
    position: relative;
    top: -85px;
    left: -156px;
    font-size:100px !important;
}
.fa-caret-left:before {
    content: "\f0d9";
    color: white;
    position: relative;
    top: -85px;
    left: 156px;
    font-size:100px !important;
}
.head-search{
    background-color: transparent;
    color: #f8d101 !important;
    font-size: 18px;
    width: 31%;
    overflow: hidden;
    outline:none;
    display: none;
}
.head-search::placeholder {
    color: #f8d101 !important;
}
.slide-left{
transform:rotate(180deg);
filter: invert(96%) sepia(97%) saturate(0%) hue-rotate(33deg) brightness(105%) contrast(103%);


}
.slide-right{
filter: invert(96%) sepia(97%) saturate(0%) hue-rotate(33deg) brightness(105%) contrast(103%);
position:relative;
left:-25px;

}


/*-----owl---slide---css---*/

#slide-sec-owl2 .hero {
  --border-radius: 12px;
  --transition-duration: 1000ms;
  position: relative;
  width: 100%;
  height: 110vh;
}

#slide-sec-owl2 .hero__fullsize {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
}

#slide-sec-owl2 .hero__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  filter: drop-shadow(0 5px 5px #0007);
  transition: top var(--transition-duration), left var(--transition-duration),
    width var(--transition-duration), height var(--transition-duration),
    border-radius var(--transition-duration),
    transform var(--transition-duration), opacity var(--transition-duration);
}

#slide-sec-owl2 .hero__content--hidden {
  visibility: hidden;
  transition: none;
  transform: none;
  opacity: 1;
  z-index: 0;
}

#slide-sec-owl2 .hero__content--bottom {
  opacity: 0;
  transform: scale(1.5);
  z-index: 1;
}

#slide-sec-owl2 .hero__content--top {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
  z-index: 2;
}

/* curtain */

#slide-sec-owl2 .hero__content--show-text::before {
  transform: translateX(0);
  transition: transform 300ms;
}

#slide-sec-owl2 .hero__content--grow::before {
  transform: translateX(-100%);
  transition: none;
}

/* title */
#slide-sec-owl2 .hero__content--show-text .content__title {
  transform: translateY(0);
  transition: transform 300ms;
}

#slide-sec-owl2 .hero__content--show-text .content__title .word {
  clip-path: inset(0);
  transition: clip-path 300ms;
}

#slide-sec-owl2 .hero__content--grow .content__title {
  visibility: hidden;
  transform: translateY(48px);
  transition: none;
}

#slide-sec-owl2#slide-sec-owl2 .hero__content--grow .content__title .word {
  clip-path: inset(0 0 48px);
  transition: none;
}

/* desc */

#slide-sec-owl2 .hero__content--show-text .content__desc {
  transform: translateY(0px);
  transition: transform 300ms;
}

#slide-sec-owl2 .hero__content--show-text .content__desc .word {
  clip-path: inset(0);
  transition: clip-path 300ms;
}

#slide-sec-owl2 .hero__content--grow .content__desc {
  visibility: hidden;
  transform: translateY(18px);
  transition: none;
}

#slide-sec-owl2 .hero__content--grow .content__desc .word {
  clip-path: inset(0 0 18px);
  transition: none;
}

#slide-sec-owl2 .hero__swiper {
  position: absolute;
  width: 70%;
  aspect-ratio: 2.5 / 1;
  right: 0px;
  bottom: 50px;
  padding: 15px 0;
  z-index: 1;
  user-select: none;
}

#slide-sec-owl2 .swiper {
  --swiper-navigation-size: 20px;
  visibility: hidden;
}

#slide-sec-owl2 .swiper.swiper-initialized {
  visibility: visible;
}

#slide-sec-owl2 .swiper-slide-prev,
#slide-sec-owl2 .swiper-slide-active {
  opacity: 0;
}

#slide-sec-owl2 .swiper-slide {
  display: flex;
}

#slide-sec-owl2 .content {
  display: flex;
  position: relative;
  width: 100%;
  filter: drop-shadow(0 5px 5px #0007);
  overflow: hidden;
  z-index: 0;
}

#slide-sec-owl2 .content--slide {
  position: relative;
  border-radius: var(--border-radius, 0);
}

#slide-sec-owl2 .content__text {
  display: flex;
  flex-direction: column-reverse;
  width: 100%;
  color: #fff;
  align-items: baseline;
  align-self: end;
}

#slide-sec-owl2 .content__desc {
  margin: 0;
}

#slide-sec-owl2 .content--slide .content__title {
  font-size: 12px;
  margin: auto 0 0;
  padding: 0.35em 0.75em;
  background-color: #0007;
}

#slide-sec-owl2 .content--slide .content__desc {
  position: absolute;
  left: 0;
  visibility: hidden;
}

#slide-sec-owl2 .content--hero {
  padding: 100px 50px 0;
  position: absolute;
  border-radius: 0;
  display: block;
  /* box-shadow: inset 0px 150px 100px 3000000px #000; */
}

#slide-sec-owl2 .content--hero::before, #slide-sec-owl 
 .content--hero::before {
  content: "";
  position: absolute;
  top: -29px;
  left: 0;
  width: 100%;
  height: 1%;
  /* background: linear-gradient(90deg, hsl(49deg 70% 5% / 67%), transparent); */
  pointer-events: none;
  z-index: 9;
  background: black;
  /*box-shadow: 4px 6px 930px 200px #000;*/
}
.heroo-backpack {
z-index:9999 !important;

}

#slide-sec-owl2 .content--hero .content__title {
  font-size: 42px;
  margin: 0 0 0.2em;
}

#slide-sec-owl2 .content--hero .content__text {
  width: 45%;
}

#slide-sec-owl2 .content__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -2;
}
.content__image
{
    transition: 0.6s;
}
.content--slide:hover .content__image
{
    transform: rotate(2deg) scale(1.2);
}

#slide-sec-owl2 .swiper-button-next {
  right: auto !important;
  left: calc((100% - 25px * 2) / 3.5);
  top: calc(50% - 20px) !important;
  width: 40px;
  height: 40px;
  background-color: #fffb;
  border-radius: 50%;
  color: forestgreen;
}
#slide-sec-owl2 .theme_two_box_content {
     background: #fff0;
    padding: 0px 10px 17px 10px;
    margin-top: auto;
    z-index: 999;
    border-radius: 8px;
    text-align: left;
    align-items: flex-start;
    display: flex;
    width: 100%;
    height: 100%;
    align-content: baseline;
    reverse;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
}
#slide-sec-owl2 .theme_two_box_content h3 {
    font-weight: 800;
    font-size: 17px;
        color: #fff;
}
#slide-sec-owl2 .theme_two_box_content h3 span {
    font-weight: 800;
    font-size: 20px;
    color: #ffffff;
}
#slide-sec-owl2:before{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 0px;
    box-shadow: -3px 20px 40px 60px #fff;
    z-index: 9;
    background: #000;
    box-shadow: inset rgb(0, 0, 0) 0px 0px 60px -12px;
}

/*#slide-sec-owl2 .p-card-bottom {*/
/*    display: none;*/
/*}*/
.theme_two_box_content h4
{
        z-index: 99999999999999;
}

#slide-sec-owl2 .theme_two_box_content p .review_rating{
    display: none;
}

#slide-sec-owl2 .hero__fullsize .theme_two_box_content p {
    display: flex !important;
}

#slide-sec-owl2 .hero__fullsize .content__text .p-card-bottom{
    display: none !important;
}
#slide-sec-owl2 .theme_two_box_content p .review_count{
    display: none;
}

#slide-sec-owl2 .hero__fullsize .theme_two_box_content p {
    display: flex !important;
}



section#slide-sec-owl2 {
    padding-top: 0px;
    margin-bottom: 0px;
    background: #000;
}


#slide-sec-owl2.cloud-bg {
    width: 100%;
    position: absolute;
    bottom: -30px;
}



/*-----owl---slide---css---*/

#slide-sec-owl .hero {
  --border-radius: 12px;
  --transition-duration: 1000ms;
  position: relative;
  width: 100%;
  height: 110vh;
}

#slide-sec-owl .hero__fullsize {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
}

#slide-sec-owl .hero__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  filter: drop-shadow(0 5px 5px #0007);
  transition: top var(--transition-duration), left var(--transition-duration),
    width var(--transition-duration), height var(--transition-duration),
    border-radius var(--transition-duration),
    transform var(--transition-duration), opacity var(--transition-duration);
}

#slide-sec-owl .hero__content--hidden {
  visibility: hidden;
  transition: none;
  transform: none;
  opacity: 1;
  z-index: 0;
}

#slide-sec-owl .hero__content--bottom {
  opacity: 0;
  transform: scale(1.5);
  z-index: 1;
}

#slide-sec-owl .hero__content--top {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
  z-index: 2;
}

/* curtain */

#slide-sec-owl .hero__content--show-text::before {
  transform: translateX(0);
  transition: transform 300ms;
}

#slide-sec-owl .hero__content--grow::before {
  transform: translateX(-100%);
  transition: none;
}

/* title */
#slide-sec-owl .hero__content--show-text .content__title {
  transform: translateY(0);
  transition: transform 300ms;
}

#slide-sec-owl .hero__content--show-text .content__title .word {
  clip-path: inset(0);
  transition: clip-path 300ms;
}

#slide-sec-owl .hero__content--grow .content__title {
  visibility: hidden;
  transform: translateY(48px);
  transition: none;
}

#slide-sec-owl#slide-sec-owl .hero__content--grow .content__title .word {
  clip-path: inset(0 0 48px);
  transition: none;
}

/* desc */

#slide-sec-owl .hero__content--show-text .content__desc {
  transform: translateY(0px);
  transition: transform 300ms;
}

#slide-sec-owl .hero__content--show-text .content__desc .word {
  clip-path: inset(0);
  transition: clip-path 300ms;
}

#slide-sec-owl .hero__content--grow .content__desc {
  visibility: hidden;
  transform: translateY(18px);
  transition: none;
}

#slide-sec-owl .hero__content--grow .content__desc .word {
  clip-path: inset(0 0 18px);
  transition: none;
}

#slide-sec-owl .hero__swiper {
  position: absolute;
  width: 70%;
  aspect-ratio: 2.5 / 1;
  right: 0px;
  bottom: 65px;
  padding: 15px 0;
  /*z-index: 99999999;*/
  user-select: none;
}

#slide-sec-owl .swiper {
  --swiper-navigation-size: 20px;
  visibility: hidden;
}

#slide-sec-owl .swiper.swiper-initialized {
  visibility: visible;
}

#slide-sec-owl .swiper-slide-prev,
#slide-sec-owl .swiper-slide-active {
  opacity: 0;
}

#slide-sec-owl .swiper-slide {
  display: flex;
}

#slide-sec-owl .content {
  display: flex;
  position: relative;
  width: 100%;
  filter: drop-shadow(0 5px 5px #0007);
  overflow: hidden;
  z-index: 0;
}

#slide-sec-owl .content--slide {
  position: relative;
  border-radius: var(--border-radius, 0);
}

#slide-sec-owl .content__text {
  display: flex;
  flex-direction: column-reverse;
  width: 100%;
  color: #fff;
  align-items: baseline;
  align-self: end;
}

#slide-sec-owl .content__desc {
  margin: 0;
}

#slide-sec-owl .content--slide .content__title {
  font-size: 12px;
  margin: auto 0 0;
  padding: 0.35em 0.75em;
  background-color: #0007;
}

#slide-sec-owl .content--slide .content__desc {
  position: absolute;
  left: 0;
  visibility: hidden;
}

#slide-sec-owl .content--hero {
  padding: 100px 50px 0;
  position: absolute;
  border-radius: 0;
      display: block;
}

#slide-sec-owl .content--hero::before {
  /* content: ""; */
  /* position: absolute; */
  /* top: 0; */
  /* left: 0; */
  /* width: 100%; */
  /* height: 100%; */
  /* background: linear-gradient(90deg, hsl(49deg 70% 5% / 67%), transparent); */
  /* pointer-events: none; */
  /* z-index: 999; */
}

#slide-sec-owl .content--hero .content__title {
  font-size: 42px;
  margin: 0 0 0.2em;
}

#slide-sec-owl .content--hero .content__text {
  width: 45%;
}

#slide-sec-owl .content__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -2;
}

#slide-sec-owl .swiper-button-next {
  right: auto !important;
  left: calc((100% - 25px * 2) / 3.5);
  top: calc(50% - 20px) !important;
  width: 40px;
  height: 40px;
  background-color: #fffb;
  border-radius: 50%;
  color: forestgreen;
}
#slide-sec-owl .theme_two_box_content {
    background: #fff0;
    padding: 0px 10px 17px 10px;
    margin-top: auto;
    z-index: 999;
    border-radius: 8px;
    text-align: left;
    align-items: flex-start;
    display: flex;
    width: 100%;
    height: 100%;
    align-content: baseline;
    reverse;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
}
#slide-sec-owl .theme_two_box_content h3 {
    font-weight: 800;
    font-size: 17px;
        color: #fff;
}
#slide-sec-owl .theme_two_box_content h3 span {
    font-weight: 800;
    font-size: 20px;
    color: #ffffff;
}
#slide-sec-owl:before{
    /* content: ""; */
    display: block;
    position: absolute;
    width: 100%;
    height: 10px;
    /*box-shadow: -3px 20px 40px 60px #fff;*/
    z-index: 9;
    background: #000;
    /*box-shadow: inset rgb(0, 0, 0) 0px 0px 60px -12px;*/
}

#slide-sec-owl .p-card-bottom {
    /*display: none;*/
}

#slide-sec-owl .theme_two_box_content p .review_rating{
    display: none;
}

#slide-sec-owl .hero__fullsize .theme_two_box_content p {
    display: flex !important;
}

#slide-sec-owl .hero__fullsize .content__text .p-card-bottom{
    display: none !important;
}
#slide-sec-owl .theme_two_box_content p .review_count{
    display: none;
}

#slide-sec-owl .hero__fullsize .theme_two_box_content p {
    display: flex !important;
}



section#slide-sec-owl {
    padding-top: 20px;
    margin-bottom: 0px;
    background: #000;
}


#slide-sec-owl.cloud-bg {
    width: 100%;
    position: absolute;
    bottom: -30px;
}




.theme_two_box_content .card-lavel {
    font-weight: 700;
    font-size: 22px;
    text-transform: capitalize;
    color: var(--black-color);
    background: #ffd70000;
    box-shadow: 3px 5px 35px rgba(86, 68, 169, .1);
    border-radius: 30px;
    padding: 0px 0px;
    position: relative;
    bottom: 0px;
    /* text-align: left; */
    left: 14%;
    transform: translateX(-50%);
    min-width: 120px;
    min-width: 148px;
    width: 150px;
    cursor: pointer;
    z-index: 9;
    display: none;
}

.theme_two_box_content .card-lavel i {
    margin-right: 8px
}


.theme_two_box_content a {
    text-decoration: none;
    color: #fbd84a;
    align-items: center;
    font-size: 20px;
    text-transform: uppercase;
}


#slide-sec-owl .hero__fullsize .theme_two_box_content a, #slide-sec-owl2 .hero__fullsize .theme_two_box_content a{
    font-size: 90px !important;
    font-weight: 700;
}
 .card-lavel .theme_two_box_content a {
    font-size: 60px !important;
}

.cloud-bg.bg-top {
    background: #000;
    margin-top: -50px;
}

.hero {
    position: relative; /* Make sure the hero div is positioned */
}
.book-btn b {
    font-family: 'Coolvetica';
    font-weight: 300;
    letter-spacing: 1px;
}

.overlayy55 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    box-shadow: inset 0px 165px 70px 45px #000000, inset 0px -30px 59px 0px #000000;
    z-index: 0; /* Ensure it sits above other content but below controls */     
}


.mission-sec{
    position: relative; /* Ensure the section acts as a reference for positioning */
}
.mission-sec:before
{
    content: "";
    display: block;
    width: 100%;
    /*height: 10px;*/
    box-shadow: 0px 0px 40px 60px #000000;
    z-index: 999;
    margin-top: -170px;
    margin-bottom: 100px;
    background: #181717;
    margin-top: 0px;
    background: #000000 !important;
    /* z-index: 99999999999; */
    /* height: 50px; */
    position: absolute;
    /* opacity: 1; */
    top: 0px;
}
.mission-sec:after
{
    content: "";
    display: block;
    width: 100%;
    /*height: 10px;*/
    box-shadow: 0px 0px 40px 60px #000000;
    z-index: 999;
    /*margin-top: -170px;*/
    /*margin-bottom: 100px;*/
    background: #181717;
    margin-top: 0px;
    background: #000000 !important;
    /* z-index: 99999999999; */
    /* height: 50px; */
    position: absolute;
    /* opacity: 1; */
    bottom: 0px;
}
.overlayy66 {
    position: absolute; /* Use absolute positioning to place it on top of the content */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    box-shadow: inset 0px 7px 70px 50px #000000, inset 0px -30px 27px 0px #000000;
    z-index: 9999999 !important; /* Ensure it sits above other content but below controls */
}
.overlayy-bread {
    position: absolute; /* Use absolute positioning to place it on top of the content */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    box-shadow:inset 0px 7px 70px 50px #0000004a, inset 0px -30px 27px 0px #000000eb;
    z-index: 9999999 !important; /* Ensure it sits above other content but below controls */
}

#slide-sec-owl2 .content--hero::after, #slide-sec-owl .content--hero::after {
    content: "";
    position: absolute;
    bottom: 57px;
    left: 0;
    width: 100%;
    height: 3%;
    /* background: linear-gradient(90deg, hsl(49deg 70% 5% / 67%), transparent); */
    pointer-events: none;
    z-index: 99;
    background: black;
    box-shadow: 1px 6px 340px 120px #000;
}


section.initaitavir-sec:before,section.initaitavir-sec:after {
    content: "";
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 3px;
    background: black;
    top: 46px;
    box-shadow: 0px 40px 365px 170px #000;
}

section.initaitavir-sec {
    position: relative;
}

section.initaitavir-sec:after {
    top: 81%;
    box-shadow: 0px -80px 115px 140px #000;
}


.owl-carousel-stacked .left-of-center-two {
}

.owl-carousel-stacked .right-of-center-two {
    transform: scale(0.5) translateX(-200%) !important;
}
.special-sec .special-box img {
    /*min-height: 410px;*/
    /*object-fit: cover;*/
    /*max-height: 410px !important;*/
     min-height: auto;
    object-fit: cover;
    max-height: auto !important;
}
p.new-package-name {
    margin-bottom: 8px;
    line-height: 20px;
        justify-content: space-between;
    display: flex
;
}
.special-box2 img {
    min-height: 380px;
}

section#slide-sec-owl2 .special-head,section#slide-sec-owl .special-head {
    position: relative;
    top: 100px;
}

#slide-sec-owl .cloud-bg.bg-top {
    height: 0px !important;
}



#slide-sec-owl .content--hero::before {
    top: 10px;
    /*box-shadow: 4px 6px 930px 200px #000;*/
}




#slide-sec-owl .hero__fullsize .content--hero .content__text,#slide-sec-owl2 .hero__fullsize .content--hero .content__text {
    /* background: red; */
    margin-top: 30%;
}
section.initaitavir-sec .c-item img {
    min-height: 700px;
}
/*.owl-next*/
/*{*/
/*    right: 0%;*/
/*}*/
/*.owl-prev*/
/*{*/
/*    left: 0%;*/
/*}*/




/*testimonial new*/

:root {
			--dark-green: #9cc675;
      --dark-yellow: #e89a3d;
      --extra-light-brown:#fdf0d7;
      --light-brown: #ecd5ab;
      --dark-brown:#915b40;
      --light-yellow:#f8e3a8;
      --light-red:#f3ac99;
      --light-teal:#a6c8cc;
      --light-gray:#ddd5d6;
			--theme-color2: #e89a3d;
		}


 .site-logo {
	 width: 218.33px !important;
	 margin-right: 50px;
}
 .btn {
	 border-radius: 5px;
	 font-weight: normal;
	 font-size: 15px;
	 letter-spacing: 0.02em;
	 line-height: 12px;
	 text-align: center;
	 font-weight: 600;
	 font-size: 14px;
	 padding: 14px 30px;
	 cursor: pointer;
}
 .btn-theme {
	 background: var(--theme-color1);
	 color: #212121;
}

.c-container {
    margin: auto;
    width: 93%;
    position: relative;
    z-index: 1;
}

.btn-outline-white {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    background-image: none;
    border-width: 2px;
    border-color: #fff;
    font-weight: 500;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.btn {
    border-radius: 5px;
    font-weight: normal;
    font-size: 15px;
    letter-spacing: 0.02em;
    line-height: 12px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    padding: 14px 30px;
    cursor: pointer;
}
.btn-outline-white:hover {
    background-color: #fff;
    color: var(--text-dark);
}
/* common css up */

.testimonial p {
	 font-size: 28px;
	 letter-spacing: 0.02em;
	 line-height: 35px;
}
 .testimonial .name {
	 font-weight: bold;
	 font-size: 18px;
	 letter-spacing: 0.04em;
	 line-height: 35px;
	 text-align: left;
}
 .testimonial .designation {
	 font-size: 14px;
	 letter-spacing: 0.04em;
	 text-align: left;
	 color: #fff;
	 opacity: 0.65;
}
 .unt {
	 margin-bottom: 20px;
	 margin-top: 60px;
}
 .hero-text {
	 font-size: 30px;
	 letter-spacing: 0.02em;
	 color: #fff;
}
 .gallery-thumbs {
	 height: 100%;
}
 .gallery-thumbs .swiper-wrapper {
	 align-items: center;
}
 .gallery-thumbs .swiper-slide {
	 background-position: center;
	 background-size: cover;
	 width: 250px !important;
	 height: 330px;
	 position: relative;
}
 .gallery-thumbs .swiper-slide img {
	 /*filter: contrast(0.5) blur(1px);*/
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
	 border-radius: 10px;
}
 .gallery-thumbs .swiper-slide-active img {
	 filter: contrast(1) blur(0px) !important;
}
 .flex-row {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -ms-flex-wrap: wrap;
	 flex-wrap: wrap;
	 margin-right: -15px;
	 margin-left: -15px;
}
 .flex-row .flex-col {
	 -ms-flex-preferred-size: 0;
	 flex-basis: 0;
	 -webkit-box-flex: 1;
	 -ms-flex-positive: 1;
	 flex-grow: 1;
	 max-width: 100%;
	 position: relative;
	 width: 100%;
	 min-height: 1px;
	 padding-right: 15px;
	 padding-left: 15px;
}

.gallery-thumbs .swiper-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


.testimonial-section .quote {
    width: 75%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 100px;
    padding-right: 100px;
}
.swiper-container.testimonial {
    height: 100vh;
}
.testimonial-section .user-saying {
    background: #00000000;
    width: 50%;
    color: #fff;
    height: 100%; z-index:999;
}
.testi-user-img {
    width: 50%;
}
.testimonial-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}
.testimonial-section .quote p {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.8;
    font-style: italic;
    margin: 0;
}
.quote-icon {
    width: 38px;
    display: block;
    margin-bottom: 30px;
}

/*.swiper-slide{*/
/*display:flex !important;*/
/*justify-content:center !important;    */
/*}*/


/*testing testimonial*/
.shadow-effect {
		    background: #fff;
		    padding: 20px;
		    border-radius: 4px;
		    text-align: center;
	border:1px solid #ECECEC;
		    box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);
		}
		#customers-testimonials .shadow-effect p {
		    font-family: inherit;
		    font-size: 17px;
		    line-height: 1.5;
		    margin: 0 0 17px 0;
		    font-weight: 300;
		}
		.testimonial-name {
		    margin: -17px auto 0;
		    display: table;
		    width: auto;
		    background: #000;
		    padding: 9px 35px;
		    border-radius: 12px;
		    text-align: center;
		    color: #fff;
		    box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05);
		}
		#customers-testimonials .item {
		    text-align: center;
		    padding: 0px;
				margin-bottom:80px;
		    opacity: .2;
		    -webkit-transform: scale3d(0.8, 0.8, 1);
		    transform: scale3d(0.8, 0.8, 1);
		    -webkit-transition: all 0.3s ease-in-out;
		    -moz-transition: all 0.3s ease-in-out;
		    transition: all 0.3s ease-in-out;
		}
		#customers-testimonials .owl-item.active.center .item {
		    opacity: 1;
		    -webkit-transform: scale3d(1.0, 1.0, 1);
		    transform: scale3d(1.0, 1.0, 1);
		}
		.testimonials .owl-carousel .owl-item img {
		    transform-style: preserve-3d;
		    max-width: 90px;
    		margin: 0 auto 17px;
		}
		#customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
#customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
		    background: #3190E7;
		    transform: translate3d(0px, -50%, 0px) scale(0.7);
		}
#customers-testimonials.owl-carousel .owl-dots{
	display: inline-block;
	width: 100%;
	text-align: center;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot{
	display: inline-block;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot span {
    background: #3190E7;
    display: none !important;
    height: 20px;
    margin: 0 2px 5px;
    transform: translate3d(0px, -50%, 0px) scale(0.3);
    transform-origin: 50% 50% 0;
    transition: all 250ms ease-out 0s;
    width: 20px;
}

.testimonials .owl-prev
{
    position: absolute !important;
    top: 15% !important;
}
.testimonials .owl-next
{
    position: absolute !important;
    top: 15% !important;
}
.testimonials .owl-prev span
{
    font-size: 110px;
}
.testimonials .owl-next span
{
    font-size: 110px;   
} 
.page-area {
    background: url(../img/bg-img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    padding: 250px 0px 130px;
    z-index: 1;
    min-height: 340px;
    position: relative;
    box-shadow: inset 0px 0px 10000px black;
}
.page-area::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* background: url(../img/background/bread.png); */
    background: #262628ad;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    z-index: -1;
    opacity: 0.90;
}
.breadcrumb-title h2 {
    color: #fff;
    font-size: 42px;
    line-height: 52px;
    position: relative;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.breadcrumb-page nav ol {
    background: 0;
    padding: 0;
    margin: 0;
    list-style: none;
    border-radius: 0;
    display: block;
}
.breadcrumb-item {
    font-size: 16px;
    line-height: 1;
    padding: 15px 0px;
    display: inline-block;
    text-transform: uppercase;
}
.breadcrumb-page .breadcrumb-item a {
    color: #fff;
    font-weight: 500;
}
.breadcrumb-page .breadcrumb-item.active {
    font-weight: 500;
    color: #fff;
}
.breadcrumb-item+.breadcrumb-item {
    padding-left: 15px;
}
.breadcrumb-item {
    font-size: 16px;
    line-height: 1;
    padding: 15px 0px;
    display: inline-block;
    text-transform: uppercase;
}
.breadcrumb-page .breadcrumb-item + .breadcrumb-item::before {
    color: #fff;
    content: "\f105";
    font-family: fontAwesome;
    padding-right: 15px;
}
.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
    color: #6c757d;
    content: var(--bs-breadcrumb-divider, "/");
}



/*.swiper-scrollbar {*/
/*    width: 100%;*/
/*    height: 4px;*/
/*    opacity: 1 !important;*/
/*}*/
/*.swiper-scrollbar {*/
/*    border-radius: 10px;*/
/*    position: relative;*/
/*    -ms-touch-action: none;*/
/*    background: rgba(0, 0, 0, .1);*/
/*}.swiper-scrollbar-drag {*/
/*    height: 100%;*/
/*    width: 50% !important;*/
/*    position: relative;*/
/*    background: rgba(0, 0, 0, .5);*/
/*    border-radius: 10px;*/
/*    left: 0;*/
/*    top: 0;*/
/*}*/

/*.swiper-scrollbar{*/
/*    display: block !important;*/
/*    background: white !important;*/
/*    position:relative;*/
/*    top:11px;*/
/*}*/
 
/*.carousel-wrapper {*/
/*    position: relative;*/
/*}*/

/*.line-indicator-wrapper {*/
/*    position: absolute;*/
/*    bottom: 10px; */
/*    width: 100%;*/
/*    text-align: center;*/
/*}*/

/*.line-indicator {*/
/*    display: inline-block;*/
/*    width: 20px; */
/*    height: 5px; */
/*    background: #333; */
/*    transition: transform 0.3s ease;*/
/*}*/
/*.review-sec .owl-dot {*/
/* display:none !important;*/
/*}*/


/*#special-slide .owl-dot {*/
/*  position: relative;*/
/*  overflow: hidden;*/
/*}*/

/*#special-slide .owl-dot span {*/
/*  display: block;*/
/*  width: 10px; */
/*  height: 10px;  */
/*  background-color: #ccc;  */
/*  border-radius: 50%; */
/*  transition: background-color 0.3s ease;  */
/*}*/

/*#special-slide .owl-dot.active span {*/
/*  background-color: #707070 !important;  */
/*}*/
 
    @import url("../css-1");
body-mission {
  margin: 0;
  padding: 0;
  font-family: "Raleway", sans-serif;
}

.flex-container-mission {
  height: 100vh;
  width: 100%;
  display: -webkit-flex;
  /* Safari */
  display: flex;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .flex-container-mission {
    flex-direction: column;
  }
}

.flex-title-mission {
  color: #f1f1f1;
  position: relative;
  font-size: 5vw;
  margin: auto;
  text-align: center;
  /*transform: rotate(90deg);*/
  top: 20%;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
@media screen and (max-width: 768px) {
  .flex-title-mission {
    transform: rotate(0deg) !important;
  }
}

.flex-about-mission {
  opacity: 0;
  color: #f1f1f1;
  position: relative;
  width: 70%;
  font-size: 1.4vw;
  padding: 5%;
  top: 20%;
  border: 2px solid #f1f1f1;
  border-radius: 10px;
  line-height: 1.3;
  margin: auto;
  text-align: left;
  transform: rotate(0deg);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
@media screen and (max-width: 768px) {
  .flex-about-mission {
    padding: 0%;
    border: 0px solid #f1f1f1;
  }
}

.flex-slide-mission {
  -webkit-flex: 1;
  /* Safari 6.1+ */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  cursor: pointer;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
@media screen and (max-width: 768px) {
  .flex-slide-mission {
    overflow: auto;
    overflow-x: hidden;
  }
}

@media screen and (max-width: 768px) {
  .flex-slide-mission p {
    font-size: 2em;
  }
}

@media screen and (max-width: 768px) {
  .flex-slide-mission ul li {
    font-size: 2em;
  }
}

.flex-slide-mission:hover {
  -webkit-flex-grow: 3;
  flex-grow: 3;
}

.home-mission {
  height: 100vh;
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/inr-page/vision.webp);
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}
@media screen and (min-width: 768px) {
  .home-mission {
    animation: aboutFlexSlide 3s 1;
    animation-delay: 0s;
  }
}

@keyframes aboutFlexSlide-mission {
  0% {
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }
  50% {
    -webkit-flex-grow: 3;
    flex-grow: 3;
  }
  100% {
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }
}
@media screen and (min-width: 768px) {
  .flex-title-home-mission {
    /*transform: rotate(90deg);*/
    /*top: 15%;*/
    animation: aboutFlexSlide 3s 1;
    animation-delay: 0s;
  }
}

@keyframes homeFlextitle-mission {
  0% {
    transform: rotate(90deg);
    /*top: 15%;*/
  }
  50% {
    transform: rotate(0deg);
    /*top: 15%;*/
  }
  100% {
    transform: rotate(90deg);
    /*top: 15%;*/
  }
}
.flex-about-home-mission {
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .flex-about-home-mission {
    animation: aboutFlexSlide 3s 1;
    animation-delay: 0s;
  }
}

@keyframes flexAboutHome-mission {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.about-mission {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/inr-page/mission.webp);
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}

.contact-form-mission {
  width: 100%;
}

input-mission {
  width: 100%;
}

textarea-mission {
  width: 100%;
}

.contact-mission {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../s.cdpn.io/769286/lake-696098_1920.jpg);
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}

.work-mission {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/inr-page/value.webp);
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}

.spinner {
  position: fixed;
  top: 0;
  left: 0;
  background: #222;
  height: 100%;
  width: 100%;
  z-index: 11;
  margin-top: 0;
  color: #fff;
  font-size: 1em;
}

.cube1, .cube2 {
  background-color: #fff;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
  animation: sk-cubemove 1.8s infinite ease-in-out;
}

.cube2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

@-webkit-keyframes sk-cubemove {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
  }
}
@keyframes sk-cubemove {
  25% {
    transform: translateX(42px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    transform: translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
  }
  50.1% {
    transform: translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}

 
.col-md-3.icon {
    color: #000;
    font-size: 40px;
    border-radius: 10px;
    width: 120px;
    align-content: space-between;
    text-align: center;
    margin-right: 30px;
    margin-left: 15px;
    height: 100%;
    background: gold;

}
.icon-box {
    display: contents;
}
.abt-icons {
    padding-top: 0px;
    justify-content: center;
}

.page-area-abt-sec .white-headline .abt-icons p {
    color: #000;
    font-size: 12px;
}

.page-area-abt-sec img {
    width: 100%;
}

    .page-area.about {
    background: url(../img/banner/about.27b9cce.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 250px 0px 130px;
    z-index: 1;
    min-height: 340px;
    position: relative;
    box-shadow: inset 0px 0px 10000px black;
}
section.page-area-abt-sec.area-120 {
    padding-top: 90px;
    padding-bottom: 90px;
    background: #000;
}


.page-area-abt-sec .white-headline p {
    color: #fff;
}

.page-area-abt-sec .special-head {
    color: #ffd700;
    word-spacing: 0px;
    letter-spacing: 8px;
    width: 100% !important;
    padding-bottom: 12px;
    border-bottom: 2px solid #ffd70078;
    border-radius: 3px;
    width: 55%;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    clear: both;
    z-index: 999;
}

section.y-us-sec {
    padding-top: 60px;
    padding-bottom: 60px;
    background: #000;
}

.y-us-card {
    padding: 25px;
    background: #ffd701;
    border-radius: 20px;
    height: 100%;
}
.y-us-card img
{
    width: 80px;
    margin-bottom: 10px;
}

.y-us-card p{
    color: #000;
    text-align: justify;
    margin: 0;
}

.y-us-card span {
    font-weight: 900 !important;
    font-size: 18px;
    color: #000;
}
.y-us-card  h6 {
    text-align: end;
    /*margin-top: -110px;*/
    font-size: 110px;
    font-family: 'FontAwesome';
    opacity: 0.1;
    z-index: -99 !important;
}

.shadow-md, .shadow-none {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md {
    --tw-shadow: 0 2px 4px -2px rgba(10, 57, 79, .1), 0 4px 6px -1px rgba(10, 57, 79, .1);
    --tw-shadow-colored: 0 2px 4px -2px var(--tw-shadow-color), 0 4px 6px -1px var(--tw-shadow-color);
}
.rotate-1, .rotate-180 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-1 {
    --tw-rotate: 1deg;
}
.h-full {
    height: 100%;
}
.border-2 {
    border-width: 2px;
}
.rounded-xl {
    border-radius: .75rem;
}
.w-full {
    width: 100%;
}
.h-full {
    height: 100%;
}
.right-0 {
    right: 0;
}
.bottom-0 {
    bottom: 0;
}
.border-gray-400 {
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175 / var(--tw-border-opacity));
}

.border-2 {
    border-width: 2px;
}

.mt-16.lg\:mt-8 {
    padding-top: 60px;
    padding-bottom: 60px;
}
section.founders{
    background: #000;
}

.footer  ul {
    padding-left: 0rem;
}

/*-----------footer----css-------------------*/


.footer {
    background-color: #000000;
    padding: 80px 0;
    width: 100%;
    padding-bottom:20px;
}

.footer .container {
    max-width: 1170px;
    margin: auto;
}

 .footer .container.row {
    display: flex;
    flex-wrap: wrap;
}

.footer ul {
    list-style: none;
}

.footer-col ul li i{
    color: #fcd94b;
    margin-right: 10px;
}
.footer-col li {
    display: flex;
}

.footer-col {
    padding: 0 15px;
        width: 25% !important;
}

.footer-col h4 {
    font-size: 18px;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 35px;
    font-weight: 500;
    position: relative;
}

.footer-col h4::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    background-color: #fbd84a;
    width: 50px;
    height: 2px;
}

.footer-col ul li:not(:last-child) {
    margin-bottom: 0px;
    word-wrap: break-word;
    /* overflow: hidden; */
}

.footer-col ul li a {
    color: #ddd;
    display: block;
    font-size: 1rem;
    font-weight: 300;
    text-transform: capitalize;
    text-decoration: none;
    transition: all 0.3s ease;
    word-wrap: break-word;
}

.footer-col .content-p p {
    color: #fff;
}



.footer-col ul li a:hover {
    color: #fff;
    padding-left: 7px;
}

.footer-col .social-links a {
    color: #fff !important;
    /*background-color: rgba(255, 255, 255, 0.2);*/
    display: inline-block;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    text-align: center;
    margin: 0 10px 10px 0;
    line-height: 40px;
    transition: all 0.5s ease;
}

.footer-col .social-links a:hover {
    color: #151515;
    background-color: #fff;
}

@media (max-width: 767px) {
    .footer-col {
        width: 50%;
        margin-bottom: 30px;
    }
    .nav-tabs .pay_term .nav-link
    {
        padding: 10px !important;
    }
    .tab-content
    {
        padding: 0;
    }
}

@media (max-width: 574px) {
    .footer-col {
        width: 100%;
    }
}


/*---------Listing---page----css-----------------------*/

.rw-pt {
    padding-top: 60px;
}

.special-sec.listing .special-box img {
    min-height: 250px;
}


/*--------contact--us-----css----------*/

.con-pt {
    padding-top: 60px;
    background: #000;
}

.form {
  width: 100%;
  max-width: 100%;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.contact-form {
  background-color: #fbd84a;
  position: relative;
}

.circle {
  border-radius: 50%;
  background: linear-gradient(135deg, transparent 20%, #000000);
  position: absolute;
}

.circle.one {
  width: 130px;
  height: 130px;
  top: 130px;
  right: -40px;
}

.circle.two {
  width: 80px;
  height: 80px;
  top: 10px;
  right: 30px;
}

.contact-form:before {
  content: "";
  position: absolute;
  width: 26px;
  height: 26px;
  background-color: #ffffff;
  transform: rotate(45deg);
  top: 50px;
  left: -13px;
}

/*form {*/
/*  padding: 2.3rem 2.2rem;*/
/*  z-index: 10;*/
/*  overflow: hidden;*/
/*  position: relative;*/
/*}*/
.border
{
    margin-bottom: 10px;
}
.title {
  color: #000;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1;
  margin-bottom: 0.7rem;
}

.input-container {
  position: relative;
  margin: 1rem 0;
}

.input {
  width: 100%;
  outline: none;
  border: 2px solid #000;
  background: none;
  padding: 0.6rem 1.2rem;
  color: #000;
  font-weight: 500;
  font-size: 0.95rem;
  letter-spacing: 0.5px;
  border-radius: 5px;
  transition: 0.3s;
}

textarea.input {
    padding: 0.8rem 1.2rem;
    min-height: 200px;
    border-radius: 5px;
    resize: none;
    overflow-y: auto;
}
.text-input{
  width: 100%;
  outline: none;
  border: 2px solid #000;
  background: none;
  padding: 0.6rem 1.2rem;
  color: #000;
  font-weight: 500;
  font-size: 0.95rem;
  letter-spacing: 0.5px;
  border-radius: 5px;
  transition: 0.3s;
}
textarea.text-input {
    padding: 0.8rem 1.2rem;
    min-height: 250px;
    border-radius: 5px;
    resize: none;
    overflow-y: auto;
}
.input-container label {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  padding: 0 0.4rem;
  color: #000;
  font-size: 0.9rem;
  font-weight: 400;
  pointer-events: none;
  z-index: 1000;
  transition: 0.5s;
}

.input-container.textarea label {
  top: 1rem;
  transform: translateY(0);
}

.btn {
  padding: 0.6rem 1.3rem;
  background-color: #fff;
  border: 2px solid #fafafa;
  font-size: 0.95rem;
  color: #1abc9c;
  line-height: 1;
  border-radius: 5px;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
  margin: 0;
  width: 100%;
}

.btn:hover {
  background-color: transparent;
  color: #fff;
}

.input-container span {
  position: absolute;
  top: 0;
  left: 25px;
  transform: translateY(-50%);
  font-size: 0.8rem;
  padding: 0 0.4rem;
  color: transparent;
  pointer-events: none;
  z-index: 500;
}

.input-container span:before,
.input-container span:after {
  content: "";
  position: absolute;
  width: 10%;
  opacity: 0;
  transition: 0.3s;
  height: 5px;
  background-color: #fcd94b;
  top: 50%;
  transform: translateY(-50%);
}

.input-container span:before {
  left: 50%;
}

.input-container span:after {
  right: 50%;
}

.input-container.focus label {
  top: 0;
  transform: translateY(-50%);
  left: 25px;
  font-size: 0.8rem;
}

.input-container.focus span:before,
.input-container.focus span:after {
  width: 50%;
  opacity: 1;
}

.contact-info {
  padding: 2.3rem 2.2rem;
  position: relative;
}

.contact-info .title {
    color: #000000;
    font-size: 46px;
    font-weight: 600;
}

.text {
  color: #333;
  margin: 1.5rem 0 2rem 0;
}

.information {
  display: flex;
  color: #555;
  margin: 1rem 0;
  align-items: center;
  font-size: 0.95rem;
}

.information i {
    color: #ffd700;
    font-size: 25px;
}
.information p
{
    margin: 0;
}
.icon {
  width: 28px;
  margin-right: 0.7rem;
}

.social-media {
  padding: 2rem 0 0 0;
}

.social-media p {
  color: #333;
}

.social-icons {
  display: flex;
  margin-top: 0.5rem;
}

.social-icons a {
  width: 35px;
  height: 35px;
  border-radius: 5px;
  /*background: linear-gradient(45deg, #000000, #fcd94b);*/
  color: #fff;
  text-align: center;
  line-height: 35px;
  margin-right: 0.5rem;
  transition: 0.3s;
}

.social-icons a:hover {
  transform: scale(1.05);
}

.contact-info:before {
  content: "";
  position: absolute;
  width: 110px;
  height: 100px;
  border: 22px solid #fcd94b;
  border-radius: 50%;
  bottom: -77px;
  right: 50px;
  opacity: 0.3;
}

.big-circle {
    position: absolute;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background: linear-gradient(to bottom, #000000, #fcd94b);
    bottom: -24%;
    right: 50%;
    transform: translate(-40%, 38%);
        opacity: 17%; 
        display:none;
}

.big-circle:after {
  content: "";
  position: absolute;
  width: 360px;
  height: 360px;
  background-color: #fafafa;
  border-radius: 50%;
  top: calc(50% - 180px);
  left: calc(50% - 180px);
}

.square {
  position: absolute;
  height: 400px;
  top: 50%;
  left: 50%;
  transform: translate(181%, 11%);
  opacity: 0.2;
}

@media (max-width: 850px) {
  .form {
    grid-template-columns: 1fr;
  }

  .contact-info:before {
    bottom: initial;
    top: -75px;
    right: 65px;
    transform: scale(0.95);
  }

  .contact-form:before {
    top: -13px;
    left: initial;
    right: 70px;
  }

  .square {
    transform: translate(140%, 43%);
    height: 350px;
  }

  .big-circle {
    bottom: 75%;
    transform: scale(0.9) translate(-40%, 30%);
    right: 50%;
  }

  .text {
    margin: 1rem 0 1.5rem 0;
  }

  .social-media {
    padding: 1.5rem 0 0 0;
  }
}

@media (max-width: 480px) {
  .container {
    padding: 1.5rem;
  }

  .contact-info:before {
    display: none;
  }

  .square,
  .big-circle {
    display: none;
  }

  form,
  .contact-info {
    padding: 1.7rem 1.6rem;
  }

  .text,
  .information,
  .social-media p {
    font-size: 0.8rem;
  }

  .title {
    font-size: 1.15rem;
  }

  .social-icons a {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }

  .icon {
    width: 23px;
  }

  .input {
    padding: 0.45rem 1.2rem;
  }

  .btn {
    padding: 0.45rem 1.2rem;
  }
}

.contact-form input.btn {
    background: #000;
    color: #fff;
    justify-content: center;
    text-align: center;
    width: 100%;
}

.contact-form input.btn:hover{
    background: #fff;
    color: #000;
}
.map{
    padding-top: 60px;
}




/*----------FAQ----CSS----------*/

section.faq-section{
    padding-top:60px;
    /*padding-bottom: 60px;*/
    background: #000;
}

  .faq-section h5 {
    font-weight: bold !important;
    margin-top: 0px !important;
  }

  .collapse {
    display: none;
  }

  .show {
    display: block !important;
  }

  .faq-section {
    background: #fdfdfd;
  }
  .faq-title p {
    padding: 0 190px;
    margin-bottom: 10px;
  }

  .faq {
    background: #FFFFFF;
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
    border-radius: 4px;
  }

  .faq .card {
    border: none;
    background: none;
    border-bottom: 1px solid #CEE1F8;
  }

  .faq .card .card-header {
    padding: 0px;
    border: none;
    background: none;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }

  .faq .card .card-header:hover {
    background: rgba(0, 0, 0, 0.1);
    padding-left: 10px;
  }

  .faq .card .card-header .faq-title {
    width: 100%;
    text-align: left;
    padding: 0px;
    padding-left: 30px;
    padding-right: 30px;
    font-weight: 400;
    font-size: 16px;
    /*letter-spacing: 1px;*/
    color: #000;
    text-decoration: none !important;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 0px;
  }

  .faq .card .card-header .faq-title .badge {
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 14px;
    float: left;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    text-align: center;
    background: #fcda4b;
    color: #000;
    font-size: 13px;
    margin-right: 20px;
  }

  .badge {
    padding-top: 5px;
    padding-right: 5px;
    margin-top: 0px;
  }

  .faq .card .card-body {
    padding: 30px;
    padding-left: 35px;
    padding-bottom: 16px;
    font-weight: 400;
    font-size: 16px;
    color: #6F8BA4;
    line-height: 28px;
    /*letter-spacing: 1px;*/
    border-top: 1px solid #F3F8FF;
  }

  .faq .card .card-body p {
    margin-bottom: 14px;
  }

  @media (max-width: 991px) {
    .faq {
      margin-bottom: 30px;
    }

    .faq .card .card-header .faq-title {
      line-height: 26px;
      margin-top: 10px;
    }
  }



/*-----------login---css-------------*/



section.login .container p{
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .3px;
    margin: 20px 0;
}

section.login .container span{
    font-size: 12px;
}

section.login .container a{
    color: #333;
    font-size: 13px;
    text-decoration: none;
    margin: 15px 0 10px;
}

section.login .container button{
    background-color: #000000;
    color: #fff;
    font-size: 12px;
    padding: 10px 45px;
    border: 1px solid transparent;
    border-radius: 8px;
    font-weight: 600;
    letter-spacing: 0.5px;
    cursor: pointer;
    text-transform: uppercase;
    margin-top: 10px;
}

section.login .container button.hidden{
    background-color: transparent;
    border-color: #fff;
}

section.login .container form{
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 40px 0;
    height: 100%;
}

section.login .container input{
    background-color: #eee;
    border: none;
    margin: 8px 0;
    padding: 10px 15px;
    font-size: 13px;
    border-radius: 8px;
    width: 100%;
    outline: none;
}

section.login .form-container{
    position: absolute;
    top: 0;
    height: 100%;
    transition: all .6s ease-in-out;
}

section.login .sign-in{
    left: 0;
    width: 50%;
    z-index: 2;
}

section.login .container.active .sign-in{
    transform: translateX(100%);
}

section.login .sign-up{
    left: 0;
    width: 50%;
    opacity: 0;
    z-index: 1;
}

section.login .container.active .sign-up{
    transform: translateX(100%);
    opacity: 1;
    z-index: 5;
    animation: move .6s;
}

@keyframes move{
    0%, 49.99%{
        opacity: 0;
        z-index: 1;
    }
    50%, 100%{
        opacity: 1;
        z-index: 5;
    }
}

section.login .social-icons{
    margin: 20px 0;
}

section.login .social-icons a{
    border: 1px solid #ccc;
    border-radius: 20%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0 3px;
    width: 40px;
    height: 40px;
}

section.login .toggle-container{
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
    height: 100%;
    overflow: hidden;
    transition: all .6s ease-in-out;
    border-radius: 150px 0 0 100px;
    z-index: 1000;
}

.container.active .toggle-container{
    transform: translateX(-100%);
    border-radius: 0 150px 100px 0;
}

section.login .toggle{
    background-color: #512da8;
    height: 100%;
    background: linear-gradient(to right, #000000, #fcda4b);
    color: #fff;
    position: relative;
    left: -100%;
    height: 100%;
    width: 200%;
    transform: translate(0);
    transition: all .6s ease-in-out;
}

section.login .container.container.active .toggle{
    transform: translateX(50%);
}

section.login .toggle-panel{
    position: absolute;
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 30px;
    text-align: center;
    top: 0;
    transform: translateX(0);
    transition: all .6s ease-in-out;
}

section.login .toggle-left{
    transform: translateX(-200%);
}

section.login .container.active .toggle-left{
    transform: translateX(0);
}

section.login .toggle-right{
    right: 0;
    transform: translateX(0);
}

.container.active .toggle-right{
    transform: translateX(200%);
}

section.login body{
    background-color: #c9d6ff;
    background: linear-gradient(to right, #000000, #fbd84a);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100vh;
}

section.login .container{
    background-color: white;
    border-radius: 30px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .35);
    position: relative;
    overflow: hidden;
    width: 768px;
    max-width: 100%;
    min-height: 480px;
}
section.login {
    padding-top: 60px;
    background: #000;
}


/*--------add--to---cart-------*/

/*.mr-2 {*/
/*  margin-right: 20px;*/
/*}*/

/*.divTable {*/
/*  display: table;*/
/*  width: 100%;*/
/*}*/
/*.rowTable {*/
/*  display: table-row;*/
/*}*/
/*.divTableHeading {*/
/*  display: table-header-group;*/
/*}*/
/*.divTableCol,*/
/*.divTableHead {*/
/*  border-bottom: 1px solid #eee;*/
/*  display: table-cell;*/
/*  padding: 3px 10px;*/
/*}*/
/*.divTableHeading {*/
/*  background-color: #eee;*/
/*  display: table-header-group;*/
/*  font-weight: bold;*/
/*}*/
/*.divTableFoot {*/
/*  background-color: #eee;*/
/*  display: table-footer-group;*/
/*  font-weight: bold;*/
/*}*/
/*.divTableBody {*/
/*  display: table-row-group;*/
/*}*/
.ptb-70 {
    padding-top: 70px;
    background: #000;
    padding-bottom: 70px;
}
.cart_sec tr td
{
    background: gold;
    border: 1px solid;
}
.cart-table table {
    margin-bottom: 0;
}
.cart-table table thead tr th {
    border-bottom-width: 0px;
    vertical-align: middle;
    padding: 15px 0 15px;
    text-transform: uppercase;
    border: none;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 700;
    background: black;
    color: white;
    border: 1px solid #343434;
    padding: 15px;
}
.unit-amount
{
    font-size: 18px;
    font-weight: 900;
}
.cart-totals {
    background: gold;
    padding: 40px;
    max-width: 500px;
    -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
}
.cart-totals h3 {
    margin-bottom: 25px;
    font-size: 22px;
    /*color: white;*/
}
.cart-totals ul {
    padding-left: 0;
    margin: 0 0 25px;
    list-style-type: none;
}
.cart-totals ul li:first-child {
    border-bottom: none;
}
.cart-totals ul li {
    border: 1px solid #000;
    padding: 10px 15px;
    color: #000;
    overflow: hidden;
    font-weight: 700;
    font-size: 15px;
}
.cart-totals ul li span {
    float: right;
    color: #000;
    font-weight: normal;
}
#checkoutButton
{
    background: black;
    color: white;
}
.cart-table {
    vertical-align: middle;
    color: #696969;
    /* white-space: nowrap; */
    font-weight: 700;
    font-size: 15px;
    padding-left: 0;
    padding-right: 0;
    border-color: #eaedff;
    border-left: none;
    border-right: none;
}
.cart-table .product-name a {
    display: inline-block;
}

/*-----check--out------*/

.checkout-area .title {
    margin-bottom:  55px;
    color: #000;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid #eeeeee;
    font-size: 22px;
}


.billing-details .title {
    margin-bottom: 30px;
    color: #000;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid #eeeeee;
    font-size: 22px;
}
.order-details .payment-box {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
    margin-top: 30px;
    padding: 30px;
}
.order-details .payment-box .default-btn {
    margin-top: 15px;
    -webkit-box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
    box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
    padding-left: 30px;
    padding-right: 30px;
}
.default-btn {
    display: inline-block;
    position: relative;
    z-index: 1;
    border: none;
    background-color: var(--mainColor);
    color: var(--whiteColor);
    border-radius: 5px;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    text-align: center;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 35px;
    padding-right: 35px;
    font-size: var(--fontSize);
    font-weight: 600;
}
button#PayButton {
    background: #fbd84a;
}
.order-details .order-table table tbody tr td {
    vertical-align: middle;
    color: #696969;
    white-space: nowrap;
    border-color: #eaedff;
    font-size: 14px;
    font-weight: 600;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 13px;
}

.table-bordered>:not(caption)>*>* {
    border-width: 0 1px;
}

.form-control {
    height: 50px;
    color: #111111;
    box-shadow: unset !important;
    border: 1px solid #47a8a9;
    background-color: #ffffff;
    transition: .5s;
    border-radius: 3px;
    padding: 1px 0 0 15px;
    font-size: 15px;
    font-weight: 500;
}

.billing-details .form-group label .required {
    color: red;
}
textarea.form-control {
    height: auto;
    padding-top: 15px;
}

textarea.form-control {
    min-height: calc(1.5em +(.75rem + 2px));
}
.billing-details .form-group {
    margin-bottom: 25px;
}

.form-group {
    position: relative;
}
.billing-details .title::before {
    content: '';
    position: absolute;
    background: #fbd84a;
    bottom: -1px;
    left: 0;
    width: 50px;
    height: 1px;
}


/*----detail---page-----*/

.bAcyAB {
    padding: 20px 130px;
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 30px;
    background-color: rgb(251, 251, 251);
    width: 100%;
}
.dErtsl {
    color: rgb(33, 33, 33);
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    margin-top: 16px;
}
.cDYlYK {
    display: flex;
}
.bODaLS {
    margin-top: 45px;
    width: 100%;
}
.idvAXm {
    display: flex;
    width: 100%;
    height: 52px;
    justify-content: space-around;
    gap: 8px;
    flex-shrink: 0;
    border-radius: 6px;
    background: rgb(224, 250, 255);
    position: sticky;
    top: 0px;
    z-index: 2;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 5px 0px;
}
.eytkbx {
    display: flex;
    width: fit-content;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    align-self: stretch;
    cursor: pointer;
    border-bottom: 3px solid rgb(1, 175, 209);
}
.eytkbx p {
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.5px;
    height: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: rgb(1, 175, 209);
}
.hfWpxl {
    display: flex;
    width: fit-content;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    align-self: stretch;
    cursor: pointer;
}
.hqdaAt {
    display: flex;
    width: 100%;
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    border-radius: 8px;
    background: rgb(255, 255, 255);
    box-shadow: rgba(14, 14, 14, 0.03) 0px 2px 30px 0px;
    margin: 30px 0px 0px;
    transition: 0.3s ease-in-out;
    overflow: hidden;
}
.ViJsh {
    display: flex;
    margin: 0px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: start;
    gap: 6px;
}
.hJhrOe {
    color: rgb(45, 45, 45);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    width: fit-content;
}
.eMaLAy {
    border-radius: var(--radius-xsmall, 4px);
    border: 0.5px solid var(--primitive-color-brand-primary-color-brand, #01afd1);
    background: rgb(245, 253, 255);
    padding: 4px 16px;
}
.bjLJBn {
    color: rgb(61, 61, 61);
    text-align: justify;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.08px;
    transition: 0.3s ease-in-out;
    overflow: hidden;
}
.hyOduK {
    outline: none;
    border: none;
    color: rgb(1, 175, 209);
    text-align: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.5px;
    display: flex;
    align-self: flex-end;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}
.hqdaAt {
    display: flex;
    width: 100%;
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    border-radius: 8px;
    background: rgb(255, 255, 255);
    box-shadow: rgba(14, 14, 14, 0.03) 0px 2px 30px 0px;
    margin: 30px 0px 0px;
    transition: 0.3s ease-in-out;
    overflow: hidden;
}
.ViJsh {
    display: flex;
    margin: 0px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: start;
    gap: 6px;
}


.facebook {
background-color:#fd0033 !important;
color:white;
}

.twitter {
background-color:#1DA1F2 !important;
color:white;
}

.linked {
background-color:#0077B5 !important;
color:white;
}
.insta{
background: linear-gradient(132deg, rgba(249,206,52,1) 0%, rgba(238,42,123,1) 45%, rgba(98,40,215,1) 99%);

}

.information {
margin-bottom:25px;

}
.why-us-numb{
margin-top:-90px !important;

}
.why-us-numb1{
margin-top:-110px !important;

}

.why-us-numb2{
margin-top:-160px !important;

}
.team-sec{
background-color:black;
padding:60px 0px;
}
.team-memb{
border-radius:50%;
object-fit:cover !Important;
/*border-radius:20px;*/

}
.team-name {
    color: black;
    margin-top: 15px;
    font-size:16px;font-weight:600;
}
.team-desg {
    color: black;
    font-size: 18px; 
}
.apppps {
width:100%;
margin-bottom:15px;
}
.apppps a{
padding:8px 9px;
border-radius:5px;
font-size:15px;
color:white;
margin:0px 10px;

}
.team-line{
height:2px !important;
width:40%;
background-color:#ffd700;
margin-bottom:20px;
}
.spp-outer{
text-align:center;

}
.team-sec .owl-carousel .owl-item img {
    width: 70%; 
}

.team-box{
background: #eaeaea;
    padding: 20px 0px;
    border-radius: 20px;
   box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
    
}


/* detailing page csss */
.list-banner .position-relative {
    position: relative;
}

.list-banner .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 50%);
    box-shadow: inset 0px 66px 70px 3px #00000000, inset 0px -51px 59px 0px #000000;
    display: flex;
    align-items: center;
    justify-content: space-between;  
    padding: 0 20px; 
    box-sizing: border-box;
}

.tripp-name {
    color: #ffd700;
    font-size: 57px;
    font-weight: 800;
    /*margin-left: 100px;*/
}
.tripo-abt{
    color: black;
    text-align: center;
    font-size: 19px; 
    /*width:81%;*/
        background: #ffd701;
    font-weight: 700;
    padding: 5px 15px;
    border-radius: 10px;
}
.text-left-middle,.text-right-middle{
width:60%;
}.text-right-middle {
    width: 50%;
    display: flex;
    justify-content: center;
}.outeer-box {
    padding: 20px 10px;
    background-color: #ffd700;
    width: 65%;
    float: right;
    position: relative; /* Ensure that the pseudo-element is positioned relative to this container */
    z-index:99 !important;
    border-radius:5px;
    margin-top:100px;
}

.outeer-box::after {
    content: '';
    height: 30px;
    width: 30px;
    background-color: #ffd700;
    position: absolute;
    top: 84px;
    right: 46%;
    transform: rotate(135deg);
}
/*.form-box{*/
/*background-color:white;*/
/*padding:20px 10px; border-radius:5px;*/
/*}*/
.form-box {
    background-color: white;
    padding: 20px 10px;
    border-radius: 8px;
    border: 1px solid #d9d9d9;
}
.form-head{
font-size:20px;
color:black;

}
.form-head2{
font-size:24px;
color:black;
font-weight:600;
z-index:9999 !important;
}
  .form-group {
            position: relative;
            margin-bottom:25px;
        }

.list-form-label {
    position: absolute;
    top: 1%;
    left: 0.75em;
    background: white;
    padding: 0 0.5em;
    color: black;
    font-weight: 200;
    font-size: 15px;
    transform: translateY(-50%);
    transition: 0.2s ease-in-out;
}

.list-form-input {
    padding: 1em;
    border: 1px solid #000000;
    border-radius: 4px;
    font-size: 1em;
    width: 100%;
    box-sizing: border-box;
}
.submit-btn {
    color: black;
    background: #ffd700;
    padding: 10px 90px;
    border-radius: 10px;
    font-weight: 600;
}
.abt-head{
color:#ffd700;


}
.detail-abt{
background-color:black;
padding:60px 0px ;

}
.aaabt-cont{
color:white;
text-align:center

}
.abt-box{
border:1px solid white;
border-radius:20px;
padding:20px 20px;
}
.abt-head2{
color:#ffd700;
letter-spacing:5px;

}
 
.faq-section2 {
  position: relative;
 }

.faq-overlay {
  background-image: url('../img/gulmarg.webp'); 
  background-size: cover;
  background-position: center;
  position: relative;
  padding: 60px 0; 
  background-attachment:fixed;
}

.faq-overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
    /*box-shadow: inset 0px 66px 70px 3px #000000, inset 0px -51px 59px 0px #000000;*/
    box-shadow: inset 0px 84px 142px 3px #000000, inset 0px -73px 132px 0px #000000;
  z-index: 1;
    background: rgb(0 0 0 / 50%);
}

.faq-section2 .container {
  position: relative;
  z-index: 2;
}
.review-sec{
padding:60px 0px;
/*padding-bottom:130px !important;*/
background:black;

}
.rev-img {
    background-size: cover;
    /* border-top-left-radius: 20px; */
    /* border-bottom-left-radius: 20px; */
    border-radius: 50%;
    border: 1px dotted #000000;
    padding: 4px;
    object-fit: cover;
}
.review-box {
    background: white;
    border-radius: 20px;
    margin:20px 0px;
    height: auto;
    transition: transform 0.3s ease;
}
.review-box:hover
{
    background: #ffd700;
    transform: translate(0px, -10px);
}
.review-box:hover .fa-star
{
    color: black;
}
.revieW-text-box {
    padding: 15px;
    padding-right: 40px;
}


.review-text{
font-size:14px;
text-align:justify;
}
.review-name{
font-size: 20px;
font-weight:600;
color:black;

    
    
}
.fa-star {
    color: #ffd700;
    font-size: 23px;
}

.team-sec .owl-carousel .owl-nav span{
display:none !Important;

}
.detail-banner {
    position: relative;
}

.position-relative {
    position: relative;
}

img {
    display: block;
}

.overlayyyyyy {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Black overlay with 50% opacity */
    display: flex;
    align-items: flex-end; /* Align text to the bottom */
    justify-content: center; /* Center text horizontally */
    color: white;
    text-align: center; 
    box-shadow:inset 0px 8px 42px -15px #000000, inset 0px -68px 59px 0px #000000;
}

.text {
    padding: 20px;
    font-size: 24px; /* Adjust the font size as needed */
}

.dnb-btn {
    color: black;
    background: #ffd700;
    padding: 10px 50px;
    font-weight: 600;
    border-radius: 50px;
    font-size: 18px;
    margin:0px 20px ;
    text-decoration: none;
}
.detail-sec{
padding:60px 0px;
background:black;
color:white;

}
.time-box {
    /*width: 165px;*/
    padding: 10px 6px;
    background: #f2f2f212;
     display: flex;
    margin:0px 20px;
    border-radius: 16px;
}
.iconnnn {
    width: 25%;
    padding-right: 60px;
}
.timmme{
width:75%;
}
.drop{
font-size:14px;
color:black;
}
.delhi{
font-size:25px;
font-weight:700;
color:black;
}
.big-box .fa-clock {
    font-size: 25px;
color:black;
}.big-box .fa-location-dot {
    font-size: 25px;
color:black;
}
.time-box {
    /*width: 180px;*/
    padding: 5px;
    background: #ffd700;
     display: flex;
    margin: 0px 8px;     
}
.time-box2 {
    width: 220px;
    padding: 10px 6px;
    background: #ffd700;
     display: flex;
    margin: 0px 8px;      height: 75px;
}
.detail-nav-text{
color:black;
text-decoration:none;
font-size:17px;
font-weight:600;
}
.detail-nav-link{
text-decoration:none;
}
.nav{
display: flex;
justify-content: space-around;
}
.detail-info-box{
/*background-color:white;*/
border: 1px solid white;
padding:30px 50px ;
border-radius:5px;
color:black;
margin:20px 0px ;
}
.over-head{
color:black;
font-weight:700;
}
.loc-name {
    padding: 10px 10px;
    border-radius: 5px;
    border: 1px solid #ffd700;
    color: black;
    background: #ffff003b;
    margin-bottom:30px;
}
.route-box{
background:#d0d0d061;
padding:30px 30px ;
border-radius:5px;

}
.time-box .fa-location-dot{
font-size:25px;
}
.dayss {
    padding: 10px 14px;
    border: 1px solid #ffd700;
    color: black;
    background: #fcd733;
    font-size: 14px;
    border-radius: 41px;
    margin-right: 20px;
    margin-bottom: 0px;
}
.accordion-button {
    background: #ffffff !important;
    border: #ffffff !important;
    max-width: 100% ! Important;
}
.accordion-item{ 
    margin:20px 0px ;
}
.detail-info-box2{ 
background-color:white;
 border-radius:5px;
color:black;
margin:20px 0px ;
}
.inclusion-box {
    
padding:30px 50px ;
border-radius:5px;
color:rgb(255, 255, 255);
margin:0px 0px ;
border:1px solid white;
}

.inclusion-box ul {
  list-style: none;
  padding: 0;
}

.inclusion-box li {
  padding-left: var(--icon-space);
}

.inclusion-box li:before {
    content: "\f00c";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: calc(var(--icon-space)* -1);
    width: var(--icon-space);
    color: #00ff00;
    font-size: 18px;
    margin-right:20px;
}

.exclusion-box {
    
    padding: 30px 50px;
    color: #fff;
    border-radius: 5px;
    color: rgb(255, 255, 255);
    margin: 0px 0px;
border:1px solid white;
}
.exclusion-box ul {
  list-style: none;
  padding: 0;
}

.exclusion-box li {
  padding-left: var(--icon-space);
}

.exclusion-box li:before {
    content: "x";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: calc(var(--icon-space)* -1);
    width: var(--icon-space);
    color:#ff0000;
    font-size: 18px;
    margin-right:20px;
}
.items-infffo {
    color:black;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px;
}
.price-numb {
    color: black;
    font-size: 23px;
    font-weight: 700;
}
.price-per{
color:black;
font-size:11px;
font-weight:700;

}
.pricce{
    padding: 10px 55px;
    background: white;
    border-radius: 10px;
    color: black;
    max-width: max-content;
}
.cost-btn {
    color: #030303;
    background: #ffd700;
    padding: 15px 37px;
    border-radius: 59px;
    font-weight: 700;
    margin-top: 20px;
}
 
.left-bar .outeer-box {
    padding: 20px 10px;
    background-color: #ffd700;
    width: 100%;
    float: right;
    position: relative;
    z-index: 99 !important;
    border-radius: 5px;
    margin-top: 20px;
}
.gall-sec{
 padding:60px 0px ;
background-color:black;


}
.gall-sec .item{
border-radius:20px !important;
}
.gal-img,.gall-box{
border-radius:20px !important;


}


.gall-sec .owl-carousel .owl-nav span{
display:none !Important;

}
.similar-sec{
padding:60px 0px;
background:black;
}

.left-bar {
    padding: 10Apx;
     position: sticky;
    top: 10%;  
}
 
.dettail-box {
    background-color: #ffd700;
    color: black;
    padding: 20px 20px;
    border-radius: 7px;
    /*margin-top: 30px; */
}
 .big-box .fa-clock:before {
    content: "\f017";
    margin-left: 12px;
}
 .big-box .fa-location-dot:before {
     margin-left: 12px;
}
 
   .detail-banner {
    position: relative;
}

.overlayyyyyy {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white; /* or any color that contrasts with your image */
    text-align: center;
    background: rgba(0, 0, 0, 0.5); /* Optional: Add a background with some opacity for better readability */
}

.text-center {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.text-bottom {
    text-align: center;
    margin-bottom: 20px; 
}
.manali {
    color: #ffd700;
    font-size: 114px;
    font-weight: 800;
}
.timmme{
color:black;

}
.date-sec{
background:black;
padding:200px 0px 60px 0px;



}
.avail-box{
padding:10px 0px;
/*border:3px solid white;*/
/*border-radius:20px;*/
 color:white; margin:20px 0px ;
}
.date-box{
padding:30px 15px;
border:1px solid white;
border-radius:20px;
 color:black;
 background:white; margin:20px 0px ;
}
.date-box p{
font-size:20px;
font-weight:700;
}
.date-div {
    padding: 15px 30px;
    background: #fdd703;
    border-radius: 5px;
    color: black;
    cursor: pointer; margin:20px;
}
.seattt {
    font-size: 15px !important;
}
.startt {
    font-size: 16px !important; 
    display: flex;
    align-items: center;
    margin-right:5px;
}
 .stayu-pri{
display:flex;
justify-content:flex-end;

}
.table-head{
text-align:center;

}
.t-h-row{
background-color:yellow !important;


}
.td-col{
color:gray !Important; 
}
 .table-head1{
text-align:center;
background:yellow
}
.strt-price {
    background-color: white;
    padding: 30px;
    margin: 15px 0px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    width: max-content;
}

.date-box2{
padding:30px 15px;
border:1px solid white;
border-radius:20px;
 color:black;
 background:white; margin:20px 0px ;
}
.pp {
    font-size: 22px;
}


.selectable-option {
    border: 4px solid #ffffff00;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 10px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.selectable-option.selected {
    background-color: #024132 !Important; 
     color: white !important; /* Change to your desired border color */
     border-left: 3px solid #fdd701;
    border-bottom: 3px solid #fdd701;
    border-right: 3px solid #fdd701;
}
.booking-sec {
    background: black;
    padding: 50px 164px;
}




ol.progtrckr {
    margin: 0;
    padding: 0;
    width: 70%;
}

ol.progtrckr li {
    display: inline-block;
    text-align: center;
    line-height: 3.5em;
}

ol.progtrckr[data-progtrckr-steps="2"] li { width: 49%; }
ol.progtrckr[data-progtrckr-steps="3"] li { width: 33%; }
ol.progtrckr[data-progtrckr-steps="4"] li { width: 24%; }
ol.progtrckr[data-progtrckr-steps="5"] li { width: 33%; }
ol.progtrckr[data-progtrckr-steps="6"] li { width: 16%; }
ol.progtrckr[data-progtrckr-steps="7"] li { width: 14%; }
ol.progtrckr[data-progtrckr-steps="8"] li { width: 12%; }
ol.progtrckr[data-progtrckr-steps="9"] li { width: 11%; }

ol.progtrckr li.progtrckr-done {
    color: white;
    border-bottom: 4px solid yellowgreen;
}
ol.progtrckr li.progtrckr-todo {
    color: silver; 
    border-bottom: 4px solid silver;
}

ol.progtrckr li:after {
    content: "\00a0\00a0";
}
ol.progtrckr li:before {
    position: relative;
    bottom: -2.5em;
    float: left;
    left: 50%;
    line-height: 1em;
}
ol.progtrckr li.progtrckr-done:before {
    content: "\2713";
    color: white;
    background-color: yellowgreen;
    height: 2.2em;
    width: 2.2em;
    line-height: 2.2em;
    border: none;
    border-radius: 2.2em;
}
ol.progtrckr li.progtrckr-todo:before {
    content: "\039F";
    color: silver;
    background-color: white;
    font-size: 2.2em;
    bottom: -1.2em;
}
.stataus{
display:flex;
justify-content:center;
}


:root {
  --back: #eeeeee;
	--blue: #0082d2;
	--green: #33DDAA;
  --gray: #777777;
  --size: 200px;  
}
.tracking-wrapper {
	margin: 30px;
  padding: 0;
}
.tracking * {
	padding: 0;
	margin: 0;
}
.tracking {
	width: var(--size);
	max-width: 100%;
	position: relative;width:100%;
}
.tracking .empty-bar {
	background: #ddd;
	position: absolute;
	width: 100%;
	height: 20%;
	top: 40%;
 }
.tracking .color-bar {
	background: var(--blue);
	position: absolute;
	height: 20%;
	top: 40%;
 	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.tracking ul {
	display: flex;
	justify-content: space-between;
	list-style: none;
}
.tracking ul > li {
	background: #ddd;
	text-align: center;
  border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	z-index: 1;
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: center center;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	display: inline-block;
	position: relative;
	width: 10%;
}
.tracking ul > li .el {
	position: relative;
  margin-top: 100%;
}
.tracking ul > li .el i {
  position: absolute;
  bottom: 100%;
  left: 8%;
  margin-bottom: 12%;
  color: #fff;
  font-size: 100%;
  display: none;
}
.tracking ul > li .txt {
  color: #999;
	position: absolute;
	top: 120%;
	left: -75%;
	text-align: center;
	width: 250%;
	font-size: .75rem;
}
.tracking .progress-0 .color-bar { width: 00%; }
.tracking .progress-1 .color-bar { width: 15%; }
.tracking .progress-2 .color-bar { width: 30%; }
.tracking .progress-3 .color-bar { width: 45%; }
.tracking .progress-4 .color-bar { width: 60%; }
.tracking .progress-5 .color-bar { width: 75%; }
.tracking .progress-6 .color-bar { width: 90%; }
.tracking .progress-7 .color-bar { width: 90%; }

.tracking .progress-0 > ul > li.bullet-1,
.tracking .progress-1 > ul > li.bullet-1,
.tracking .progress-2 > ul > li.bullet-1,
.tracking .progress-3 > ul > li.bullet-1,
.tracking .progress-4 > ul > li.bullet-1,
.tracking .progress-5 > ul > li.bullet-1,
.tracking .progress-6 > ul > li.bullet-1,
.tracking .progress-7 > ul > li.bullet-1
{ background-color: #ffd700; }

.tracking .progress-2 > ul > li.bullet-2,
.tracking .progress-3 > ul > li.bullet-2,
.tracking .progress-4 > ul > li.bullet-2,
.tracking .progress-5 > ul > li.bullet-2,
.tracking .progress-6 > ul > li.bullet-2,
.tracking .progress-7 > ul > li.bullet-2
{ background-color: #ffd700; }

.tracking .progress-4 > ul > li.bullet-3,
.tracking .progress-5 > ul > li.bullet-3,
.tracking .progress-6 > ul > li.bullet-3,
.tracking .progress-7 > ul > li.bullet-3
{ background-color: #ffd700; }

.tracking .progress-6 > ul > li.bullet-4,
.tracking .progress-7 > ul > li.bullet-4
{ background-color: #ffd700; }

.tracking .progress-7 > ul > li.bullet-4
{ background-color: var(--green); }

.tracking .progress-1 > ul > li.bullet-1 .el i,
.tracking .progress-2 > ul > li.bullet-1 .el i,
.tracking .progress-3 > ul > li.bullet-1 .el i,
.tracking .progress-4 > ul > li.bullet-1 .el i,
.tracking .progress-5 > ul > li.bullet-1 .el i,
.tracking .progress-6 > ul > li.bullet-1 .el i,
.tracking .progress-7 > ul > li.bullet-1 .el i
{ display: block; }

.tracking .progress-3 > ul > li.bullet-2 .el i,
.tracking .progress-4 > ul > li.bullet-2 .el i,
.tracking .progress-5 > ul > li.bullet-2 .el i,
.tracking .progress-6 > ul > li.bullet-2 .el i,
.tracking .progress-7 > ul > li.bullet-2 .el i
{ display: block; }

.tracking .progress-5 > ul > li.bullet-3 .el i,
.tracking .progress-6 > ul > li.bullet-3 .el i,
.tracking .progress-7 > ul > li.bullet-3 .el i
{ display: block; }

.tracking .progress-7 > ul > li.bullet-4 .el i
{ display: block; }

.tracking .progress-1 > ul > li.bullet-1 .txt,
.tracking .progress-2 > ul > li.bullet-1 .txt,
.tracking .progress-3 > ul > li.bullet-1 .txt,
.tracking .progress-4 > ul > li.bullet-1 .txt,
.tracking .progress-5 > ul > li.bullet-1 .txt,
.tracking .progress-6 > ul > li.bullet-1 .txt,
.tracking .progress-7 > ul > li.bullet-1 .txt
{ color: var(--blue); }

.tracking .progress-3 > ul > li.bullet-2 .txt,
.tracking .progress-4 > ul > li.bullet-2 .txt,
.tracking .progress-5 > ul > li.bullet-2 .txt,
.tracking .progress-6 > ul > li.bullet-2 .txt,
.tracking .progress-7 > ul > li.bullet-2 .txt
{ color: var(--blue); }

.tracking .progress-5 > ul > li.bullet-3 .txt,
.tracking .progress-6 > ul > li.bullet-3 .txt,
.tracking .progress-7 > ul > li.bullet-3 .txt
{ color: var(--blue); }

.tracking .progress-7 > ul > li.bullet-4 .txt
{ color: var(--blue); }

 
.bullet-1,.bullet-2,.bullet-3,.bullet-4 {
    height: 25px !important;
    width: 25px !important;
}
.txt{
color:white !important;
}

.book-form-box .form-box{
width:80%;
padding:20px 20px ;
}
.book-head {
    font-weight: 600;
    margin-bottom: 30px;
    /*border-bottom: 1px solid #e7e7e7;*/
    padding-bottom: 15px;
}
.trrrip-boxs{
background:white;
/*padding:20px 15px;*/
border-radius:10px;
display:flex;
justify-content:space-between;
margin:0px 0px 20px 0px;
}
.trrrip-boxs h2 {
    font-size: 30px !important;
    font-weight: 600;
}
.dayyys {
    display: flex;
    background: #ffd700;
    padding: 20px;
    align-items: center;
    font-size: 21px;
    font-weight: 700;
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
}
.t-name{
    padding: 20px 15px;
}

.controls {
  margin: 90px 30px 30px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.controls > div {
  display: flex;
  justify-content: flex-start;
  align-items: space-between;
  margin: 0;
  padding: 0;
}
.controls p,
.controls button {
  border: 0;
  line-height: 20px;
  padding: 15px;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.controls button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 6px;
  background: var(--blue);
  color: #fff;
  border-radius: 50px;
  transition: all .3s;
}
.controls button:nth-child(1) {
  margin-left: 0;
}
.controls button i {
  font-size: 1rem;
  margin: 0 5px;
}
.controls button#prev { padding-right: 30px; }
.controls button#next { padding-left: 30px; }

.controls button:hover,
.controls button:focus {
  outline: none;
  background-color: var(--green);
}
/*.rooom-div{*/
/*padding:30px 20px;*/
/*background:white;*/
/*border-radius:10px;*/

/*}*/
.rooom-div {
    padding: 30px 20px;
    background: white;
    border-radius: 10px;
    border: 1px solid #000000;
}
.add-btn {
    padding: 5px 13px;
    background: white;
    border: 3px solid #ffd700;
    border-radius: 9px;
    letter-spacing: 10px;
    font-size: 19px;
}
.room-sel2 {
    display: flex;
    justify-content: space-between;
    padding: 0px 15px;
    /*border: 1px solid #e7e7e7;*/
    border-radius: 10px;
    /*margin:10px 0px ;*/
}
.room-sel2  span{
    display: flex;
    align-items: center;
}
.room-sel3 {
    display: flex;
    justify-content: space-between;
    padding: 9px 15px;
 }
.room-sel3  span{
    display: flex;
    align-items: center;
    font-size: 20px;
}

.room-sel4 {
    display: flex;
    justify-content: space-between;
    padding: 9px 15px;
    border-top: 2px dashed gray;
}
.rooom-div .fa-solid{
color:#ffd700;
font-size:20px;
margin-right:5px;
}
ul{
list-style-type:none;
}
.rooom-div li{
margin-bottom:10px !important;}
.pppp-bb{
display:flex;
justify-content:space-between;
margin-bottom:15px;
border-bottom:1px dashed black;
padding-bottom:15px;
}
.r-group,.f-p{
font-size:26px;

}
.big-p{
font-size:33px !important;
color:black;
font-weight:700;
}
.adddddd-btn {
    display: flex;
    padding: 5px 10px;
    border: 2px solid #fcd733;
    border-radius: 10px;
    font-size: 20px;
}
.inc-btn , .dec-btn{
    background: white;
    padding: 0px 14px;
    font-size:20px;
}






/* ============================================================== */


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
 
 
.header__title {
  margin-bottom: 30px;
  font-size: 2.1rem;
}
 
.content {
  width: 95%;
  margin: 0 auto 50px;
}
 
.content__title {
  margin-bottom: 40px;
  font-size: 20px;
  text-align: center;
}
 
.content__title--m-sm {
  margin-bottom: 10px;
}
 
.multisteps-form__progress {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}
 
.multisteps-form__progress-btn {
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  transition-delay: 0s;
  position: relative;
  padding-top: 20px;
  color: white;
  /*text-indent: -9999px;*/
  border: none;
  background-color: transparent;
  outline: none !important;
  cursor: pointer;
}
@media (min-width: 500px) {
  .multisteps-form__progress-btn {
    text-indent: 0;
  }
}
.multisteps-form__progress-btn:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 270px;
    height: 5px;
    content: '';
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: all 0.15s linear 0s, -webkit-transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;
    transition: all 0.15s linear 0s, transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;
    transition: all 0.15s linear 0s, transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s, -webkit-transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;
    /* border: 1px solid black; */
    /* border-radius: 50%; */
    background-color: #c3c1c1;
    box-sizing: border-box;
    z-index: 3;
}
/*.multisteps-form__progress-btn:after {*/
/*  position: absolute;*/
/*  top: 5px;*/
/*  left: calc(-50% - 13px / 2);*/
/*  transition-property: all;*/
/*  transition-duration: 0.15s;*/
/*  transition-timing-function: linear;*/
/*  transition-delay: 0s;*/
/*  display: block;*/
/*  width: 100%;*/
/*  height: 2px;*/
/*  content: '';*/
/*  background-color: currentColor;*/
/*  z-index: 1;*/
/*}*/
.multisteps-form__progress-btn:first-child:after {
  display: none;
}
.multisteps-form__progress-btn.js-active {
  color: #fdd703 !Important;
  border:none !Important;
}
.multisteps-form__progress-btn.js-active .button-p {
  color: #113014 !Important;
  border:none !Important;
}.multisteps-form__progress-btn.js-active .button-p2 {
  color:black !Important;
  border:none !Important;
}
.multisteps-form__progress-btn.js-active:before {
  /*-webkit-transform: translateX(-50%) scale(1.2);*/
  /*        transform: translateX(-50%) scale(1.2);*/
  background-color: #fcd733;
}
 .blllackk{
     color:black !important;
 }
.multisteps-form__form {
  position: relative;
}
 
.multisteps-form__panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  opacity: 0;
  visibility: hidden;
  box-shadow:none !important;
}
.multisteps-form__panel.js-active {
  height: auto;
  opacity: 1;
  visibility: visible;
}

/* .multisteps-form__panel[data-animation="scaleIn"] {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.multisteps-form__panel[data-animation="scaleIn"].js-active {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
  -webkit-transform: scale(1);
          transform: scale(1);
} */

.multisteps-form__panel[data-animation="fade"] {
	-webkit-animation: fadeInRight 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fadeInRight 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.multisteps-form__panel[data-animation="fade"].js-active {
	-webkit-animation: fadeInLeft 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fadeInLeft 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}



/*---- CUSTOM ANIMATION ----*/

.fadeInRight {
	-webkit-animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes fadeInRight {
  0% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fadeInRight {
  0% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}


.fadeInLeft {
	-webkit-animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes fadeInLeft {
  0% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fadeInLeft {
  0% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

.multisteps-form__progress{
padding:20px 0px;
padding-bottom: 0px !important;


}
.prev-btn{
    margin-bottom: 20px;
    background: black;
    color: #ffd700;
 }

.h-100{
height:100%;
}
textarea:focus, input:focus{
    outline: none;
}
.start_from
{
    display: flex;
    width: 100%;
    padding: 16px 20px;
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: flex-start;
    align-items: flex-start;
    border-radius: 12px;
    border: 1px solid rgb(255 215 1);
    background: rgb(255 215 1);
    box-shadow: rgba(14, 14, 14, 0.03) 0px 2px 30px 0px;
    gap: 4px;
}
.start_from p
{
    color: black;
    margin: 0;
}
.start_from h3
{
    color: black;
    margin: 0;
    padding: 10px 0;
}
.start_from h3 span
{
    font-size: 20px;
}
.start_from a
{
    text-decoration: none;
    width: 100%;
    text-align: center;
}
.start_from .start_date
{
    background: black;
    color: white;
    padding: 6px 50px;
    font-size: 20px;
    border-radius: 16px;
}
.socl_section
{
    text-align: center;
    position: absolute;
    bottom: 5%;
    left: 5%;
}
.socl_section a
{
    display: inline-block;
}
.socil_media
{
    padding-left: 20px;
    width: 260px;
    /*display: inline-block;*/
    text-align: justify;
}
.socil_media img
{
    width: 50px;
    float: inline-start;
    padding-right: 10px;
    padding-top: 7px;
}
.socil_media span
{
    color: white;
}
.socil_media i
{
    width: 40px;
}
.socil_media h2
{
    font-size: 18px !important;
    color: white;
}



.head-lnk a {
    /*color: #fff !important;*/
    text-decoration: none;
    font-size: 15px;
    padding-right: 21px;
}
.hover-underline-animation:hover {
    
    color: rgb(251 216 74) !important;
    text-decoration: none !important;
    font-size: 15px;
    transition: .4s;
}
/*.head-lnk a:hover {*/
    
/*    color: rgb(251 216 74) !important;*/
/*    text-decoration: none !important;*/
/*    font-size: 15px;*/
/*    transition: .4s;*/
/*}*/
.socil_icon li a
{
    display: inline-block;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    text-align: center;
    /*margin: 0 10px 10px 0;*/
    line-height: 30px;
}
.topbar-others-options li::before {
    content: "";
    position: absolute;
    top: 5px;
    right: -15px;
    width: 1px;
    height: 15px;
    background-color: #dbdbdb78;
}
.topbar-others-options li:last-child {
    margin-right: 0 !important;
        width: 0px;
}

.topbar-others-options li {
    display: inline-block;
    list-style-type: none;
    /*margin-right: 30px !important;*/
    position: relative;
    color: #fff;
}



.gallery-items {
  float: left;
  position: relative;
  cursor: pointer;
}
.gallery-items img
{
    width: 255px;
    height: 200px;
    object-fit: cover;
}
.gallery-items span {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 10;
  color: #fff;
  font-size: 40px;
  transform: translate3d(-50%, -50%, 0);
}



/**/

.contaner-gal img {
  width: 100%;
  max-width: 100%;
  object-fit: cover;
  object-position:50% 50%;
  height: 71%;
}

.contaner-gal {
	 display: flex;
}
 .contaner-gal .item {
	 flex: 1 1 100%;
}
 .contaner-gal .item + .item {
	 padding-left: 10px;
}
 .contaner-gal .item-flex {
	 display: flex;
	 flex-direction: column;
}
 .contaner-gal .item-flex img + img {
	 margin-top: 10px;
}
 .contaner-gal .item-flex-img {
	 height: 40%;
}
 .contaner-gal .item-flex-img-big {
	 height: 30%;
}
 


.gallery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 174%;
    background: rgb(0 0 0 / 24%);
    display: flex;
    align-items: flex-end; 
    justify-content: center; 
    color: white;
    text-align: center; 
}

.gallery-overlay-text {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 146%;
}
.last-gallery-img
{
    position: relative;
}

.gall-numb {
    font-size: 60px !important;
    color: #fcd733 !important;
    text-decoration: none !important;
    backdrop-filter: blur(2px);
    font-weight: 900 !important;!i;!;
    z-index: 999 !important;
}
  .item-flex-img-big.ht-img{
   height: 87%;
   margin-top: 10px;
  }
  .ht-img{
      z-index:99!important;
  }
  
 #search-box {
  visibility: hidden;
  position: absolute;
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999999999;
}
#search-box .container {
  display: table;
  width: 100%;
  height: 100%;
}
#search-box .container .close {
  position: absolute;
  right: 32px;
  top: 32px;
  width: 32px;
  height: 32px;
  opacity: 0.3;
}
#search-box .container .close:hover {
  opacity: 1;
}
#search-box .container .close:before,
#search-box .container .close:after {
  position: absolute;
  left: 15px;
  content: " ";
  height: 33px;
  width: 2px;
  background-color: white;
}
#search-box .container .close:before {
  transform: rotate(45deg);
}
#search-box .container .close:after {
  transform: rotate(-45deg);
}
#search-box .container .search-main {
  display: table-cell;
  vertical-align: middle;
}
#search-box .container .search-main .search-inner {
  width: 80%;
  margin: 0 auto;
}
#search-box .container .search-main form {
  position: relative;
}
#search-box .container .search-main input {
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 12px 74px 12px 0;
  font-size: 72px;
  height: 84px;
  border-bottom: 2px solid white;
  display: block;
  color: white;
  margin-bottom: 0;
  width: 100%;
  transform: scale3d(0, 1, 1);
  transform-origin: 0% 50%;
  transition: transform 3s;
}
#search-box .container .search-main input:focus {
  outline: none;
}
#search-box .container .search-main button {
  border: 0;
  left: auto;
  outline: none;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0.3em;
  bottom: 0.3em;
  background: transparent;
  font-size: 43px;
}
#search-box .container .search-main .search-info {
  display: block;
  color: white;
  text-align: right;
  float: right;
  margin-top: 4px;
}
#search-box.-open {
  background: rgba(0, 0, 0, 0.8);
  visibility: visible;
  animation: fadein 0.8s;
}
#search-box.-open .container .search-main input {
  transform: scale3d(1, 1, 1);
  transition-duration: 1s;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
} 
  
  .ftr-img img{
          width: 100%;
    display: block;
    position: absolute;
    margin: 0px !important;
    top: 455px;
    left: 0px;
  }
  
  .modal-backdrop {
	display: none;
}
.modalDialog1 {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 99999;
	opacity:1;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: auto;
	display:none;
/*	background:rgba(0,0,0,0.8);*/
}
.modal-backdrop1 {
    background: rgba(0,0,0,0.8);
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
}
.modalDialog1:target {
	opacity:1;
	pointer-events: auto;
}
.modalDialog1 .overlay {
	width: 450px;
	position: relative;
	margin: 5% auto;
	padding: 40px 50px;
	border-radius:0;
	background:white;
	z-index: 9999;
}
.close1 {
	background:black;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	text-decoration: none;
	font-weight: bold;
	opacity: 1;
    width: 40px;
    height: 30px;
    border-radius: 50%;
    padding: 6px 0px;
}
.modal-backdrop1.in{
	opacity:0;
}
.close1:focus, .close1:hover {
	background:black;
	color:white;
	opacity:1;
	text-decoration:none;
}
.modal-body1 .coupon-btn1, .modal-body1 .thanks-btn1 {
    background: #dc241e;
    width: 36%;
    float: left;
    display: inline-block;
    margin: 30px 20px 20px;
    color: #fff;
    cursor: pointer;
    font-family: "Oswald", sans-serif;
}
.modal-head1 {
	text-align:center;
}
.modal-body1 .coupon-btn1 {
	background:gray;
}
body.modal-open {
     overflow:auto; 
     padding-right:0 !important;
}
.heading {
  display:table;
  width:100%;
}
.open {
       background: #00bcd400;
    padding: 7px 2px;
    font-size: 20px;
    /* width: 142px; */
    color: white;
    border-radius: 3px;
    border: none;
    text-transform: uppercase;
    font-weight: 600;
}

.soocial-icons img{
    width: 70px;
}


.soocial-icons {
    text-align: end !important;
    justify-content: end;
    position: fixed;
    left: 88%;
    z-index: 99999999999999999 !important;
    top: 20% !important;
    display: block;
}

div#element img{
        width: 85px;
        height: 85px;
        display: block;
        position: fixed;
        margin: 0px !important;
        bottom: 2%;
        right: 2%;
        z-index: 9999999999 !important;
}


.modal-content.icon-mdl{
    margin-top: 30% ;
    
}



 .icon-mdl .modal-header{
    display: flex;
    justify-content: end !important;
    flex-shrink: 0;
    text-align: end !important;
    align-items: center;
    padding: var(--bs-modal-header-padding);
    border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius);
}


.icon-mdl .fa-brands, .fab {
    font-weight: 400;
    font-size: 30px;
    padding-right: 20px;
    line-height: 44px;
}

.modal-body.icon-mdl li a{
        align-items: center !important;
    text-decoration: none;
    line-height: 50px;
    display: inline-flex;
        color: #000;

}
.modal-body.icon-mdl li{
    width: 250px;
    padding-left: 10px;
}
.modal-body.icon-mdl li:hover {
    background: #0000000d;
    width: 250px;
    padding-left: 10px;
}

 .fa-square-whatsapp:before, .fa-whatsapp-square:before{
         color: #67d449;
 }


.fa-square-youtube:before, .fa-youtube-square:before {
    color: #ed3934;
}

.fa-instagram-square:before, .fa-square-instagram:before {
        color: rgb(255 95 95);
}
.fa-facebook-square:before, .fa-square-facebook:before {
    color: #1e80f3;
}
.fa-linkedin:before{
    color: #2d90ec;
}




.add-on .input-group-btn > .btn {
  border-left-width:0;left:-2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
/* stop the glowing blue shadow */
.add-on .form-control:focus {
 box-shadow:none;
 -webkit-box-shadow:none; 
 border-color:#cccccc; 
}
.form-control{width:20%}
.my-navbar-nav > li > a {
  border-right: 1px solid #ddd;
  padding-bottom: 15px;
  padding-top: 15px;
}
.my-navbar-nav:last-child{ border-right:0}
.round-btn{
  height: 50px;
  width: 50px;
  background-color:transparent;
  border-radius: 34px;
  text-align: center;
  line-height: 50px;
  color:gray;
  float: right;
}
.flip-icon{
   -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.hidden-search-box{
  display: none;
    position: absolute;
    float: right;
    background-color: rgb(255 215 1);
    /* height: 50px; */
    width: 90%;
    z-index: 1000;
    top: 105%;
    left: 6%;
    padding: 10px;

}
.addon-btn{
  width: 50px;
  height:50px;
  background-color: rgb(37, 51, 66);
  border: 0 none;
  margin-top: -5px;
  color: #ffffff;
}
.addon-text-box, addon-text-box:active{
  background-color: transparent!important;
  border: 0 none;
  color:  #ffffff!important;
  border-radius: 0;
  border-bottom: 1px #FFF solid;
  font-weight: 600;
  margin-left: calc(5px + 1.13em);
  margin-right: calc(5px + 1.13em);
 
}
.addon-btn
{
    background: black !important;
}
#hidden-search-boxone
{
    
}
/*.traingle{*/
/*  height:15px;*/
/*  width: 15px;*/
/*  background-color: transparent;*/
/*  border-left: 15px transparent solid;*/
/*  border-right: 15px transparent solid;*/
/*  border-bottom: 15px rgb(37, 51, 66) solid;*/
/*  float:right;*/
/*  margin-top: -10px;*/
/*  margin-right: 10px;*/
/*}*/
.topbar-area {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ffffff42;
    background-color: transparent;
}
.topbar-list {
    padding: 0;
    margin-bottom: 0;
}
.topbar-list li {
    position: relative;
    list-style-type: none;
    display: inline-block;
    color: white;
    margin-right: 25px;
    font-size: 14px;
}
.topbar-list li a {
    color: white;
}
.soical_icon_footer {
    margin: 0;
}
.topbar-others-options li {
    display: inline-block;
    list-style-type: none;
    margin-right: 30px;
    position: relative;
    color: #fff;
}
/*.topbar-others-options li a {*/
/*    color: black;*/
/*    background: #ffd701;*/
/*    padding: 5px;*/
/*    font-size: 14px;*/
/*    font-weight: 500;*/
/*}*/

.fa-square-youtube:before, .fa-youtube-square:before {
    color: #ed3934;
    background: red;
    padding: 3px;
    color: #fff;
}
.fa-instagram:before {
    content: "\f16d";
    /*background: rgb(255 95 95);*/
    padding: 3px;
    color: #fff;
}

.fa-linkedin-in:before {
    content: "\f0e1";
     /*background: #2d90ec;*/
    padding: 3px;
    color: #fff;
}


.pack_days
{
    background: #fbd84b;
    color: black;
    font-weight: 700;
    padding: 5px 10px;
    border-radius: 15px;
    margin-bottom: 10px;
}

.hover-underline-animation.right::after {
  transform-origin: bottom left;
}
.hover-underline-animation.left:hover::after {
  transform-origin: bottom left;
}


.hover-underline-animation {
  display: inline-block;
  position: relative;
}

.hover-underline-animation::after {
  content: '';
  position: absolute;
  width: 90%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #fff;
  transition: transform 0.25s ease-out;
}

.hover-underline-animation:hover::after {
  transform: scaleX(1);
}


#button-top {
   display: inline-block;
   border: 1px solid #ffd700;
  background-color: #000;
      width: 41px;
    height: 41px;
  text-align: center;
  border-radius: 50%;
  position: fixed;
  bottom: 15%;
  right: 50px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button-top::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  line-height: 42px;
  color: #ffd700;
}
#button-top:hover {
  cursor: pointer;
  background-color: #ffd700;
  color: black;
}
#button-top:hover::after {
  color: black;
}
#button-top:active {
  background-color: #555;
}
#button-top.show {
  opacity: 1;
  visibility: visible;
}

/* Styles for the content section */


@media (min-width: 500px) {
  
  /*#button-top {*/
  /*          margin-right: 90px;*/
  /*          margin-bottom: 25px;*/
  /*}*/
}



/*----search--modal----css------*/

.search-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    overflow: hidden
}

.search-overlay .search-overlay-layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.search-overlay .search-overlay-layer:nth-child(1) {
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.search-overlay .search-overlay-layer:nth-child(2) {
    left: 0;
    background-color: rgba(0, 0, 0, .4);
    -webkit-transition: all .3s ease-in-out .3s;
    transition: all .3s ease-in-out .3s
}

.search-overlay .search-overlay-layer:nth-child(3) {
    left: 0;
    background-color: rgba(0, 0, 0, .7);
    -webkit-transition: all .9s ease-in-out .6s;
    transition: all .9s ease-in-out .6s
}

.search-overlay .search-overlay-close {
    position: absolute;
    top: 40px;
    right: 40px;
    width: 50px;
    z-index: 2;
    text-align: center;
    cursor: pointer;
    padding: 10px;
    -webkit-transition: all .9s ease-in-out 1.5s;
    transition: all .9s ease-in-out 1.5s;
    opacity: 0;
    visibility: hidden
}

.search-overlay .search-overlay-close .search-overlay-close-line {
    width: 100%;
    height: 3px;
    float: left;
    margin-bottom: 5px;
    background-color: #fff;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease
}

.search-overlay .search-overlay-close .search-overlay-close-line:nth-child(1) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.search-overlay .search-overlay-close .search-overlay-close-line:nth-child(2) {
    margin-top: -7px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.search-overlay .search-overlay-close:hover .search-overlay-close-line {
    background: #fff;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.search-overlay .search-overlay-form {
    -webkit-transition: all .8s ease-in-out 1.4s;
    transition: all .9s ease-in-out 1.4s;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    z-index: 2;
    max-width: 500px;
    width: 500px
}

.search-overlay .search-overlay-form form {
    position: relative
}

.search-overlay .search-overlay-form form .input-search {
    display: block;
    width: 100%;
    height: 60px;
    border: none;
    border-radius: 30px;
    color: var(--paragraph-color);
    padding: 0 0 0 25px;
    font-weight: 500;
    outline: 0
}

.search-overlay .search-overlay-form form .input-search::-webkit-input-placeholder {
    -webkit-transition: var(--transition);
    transition: var(--transition);
    letter-spacing: .5px;
    color: var(--paragraph-color)
}

.search-overlay .search-overlay-form form .input-search:-ms-input-placeholder {
    -webkit-transition: var(--transition);
    transition: var(--transition);
    letter-spacing: .5px;
    color: var(--paragraph-color)
}

.search-overlay .search-overlay-form form .input-search::-ms-input-placeholder {
    -webkit-transition: var(--transition);
    transition: var(--transition);
    letter-spacing: .5px;
    color: var(--paragraph-color)
}

.search-overlay .search-overlay-form form .input-search::placeholder {
    -webkit-transition: var(--transition);
    transition: var(--transition);
    letter-spacing: .5px;
    color: var(--paragraph-color)
}

.search-overlay .search-overlay-form form .input-search:focus::-webkit-input-placeholder {
    color: transparent
}

.search-overlay .search-overlay-form form .input-search:focus:-ms-input-placeholder {
    color: transparent
}

.search-overlay .search-overlay-form form .input-search:focus::-ms-input-placeholder {
    color: transparent
}

.search-overlay .search-overlay-form form .input-search:focus::placeholder {
    color: transparent
}

.search-overlay .search-overlay-form form button {
    display: inline-block;
    position: absolute;
    right: 36px;
    top: 37px;
    width: 157px !important;
    color: #000;
    height: 59px;
    border-radius: 50%;
    background-color: #ffd700;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    border: none;
    font-size: 20px;
    line-height: 50px;
    padding: 1px 17px;
}

/*.search-overlay .search-overlay-form form button:hover {*/
/*    background-color: var(--main-color);*/
/*    color: #fff*/
/*}*/

.search-overlay.search-overlay-active.search-overlay {
    opacity: 1;
    visibility: visible
}

.search-overlay.search-overlay-active.search-overlay .search-overlay-layer {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.search-overlay.search-overlay-active.search-overlay .search-overlay-close {
    opacity: 1;
    visibility: visible
}

.search-overlay.search-overlay-active.search-overlay .search-overlay-form {
    opacity: 1;
    visibility: visible
}

@media only screen and (max-width:1199px) {
    .main-responsive-nav {
        display: block
    }

    .main-responsive-nav .main-responsive-menu {
        position: relative
    }

    .main-responsive-nav .main-responsive-menu.mean-container .mean-nav ul {
        font-size: 15px
    }

    .main-responsive-nav .main-responsive-menu.mean-container .mean-nav ul li a.active {
        color: #000
    }

    .main-responsive-nav .main-responsive-menu.mean-container .mean-nav ul li a i {
        display: none
    }

    .main-responsive-nav .main-responsive-menu.mean-container .mean-nav ul li li a {
        font-size: 14px
    }

    .main-responsive-nav .main-responsive-menu.mean-container .others-options {
        display: none !important
    }

    .main-responsive-nav .main-responsive-menu.mean-container .navbar-nav {
        overflow-y: scroll;
        height: 300px;
        -webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 7px 13px 0 rgba(0, 0, 0, .1);
        background-color: #fff
    }

    .main-responsive-nav .mean-container a.meanmenu-reveal {
        padding: 4px 0 0;
        color: var(--navber-color)
    }

    .main-responsive-nav .mean-container a.meanmenu-reveal span {
        display: block;
        background: #fff;
        height: 2px;
        margin-top: -6px;
        border-radius: 5px;
        position: relative;
        top: 8px
    }

    .main-responsive-nav .mean-container .mean-bar {
        background-color: unset;
        border-bottom: none
    }

    .main-responsive-nav .mean-container .mean-nav {
        margin-top: 50px
    }

    .main-responsive-nav .logo {
        position: relative;
        z-index: 999;
        width: 50%
    }

    .navbar-area {
        background-color: var(--main-color);
        padding-top: 15px;
        padding-bottom: 15px
    }

    .topbar-area {
        background-color: var(--main-color);
    }


    .main-navbar {
        display: none
    }

    .others-option-for-responsive {
        display: block
    }
}

@media only screen and (max-width:767px) {
    .search-overlay .search-overlay-form {
        max-width: 280px;
        width: 280px
    }

    .search-overlay .search-overlay-close {
        top: 20px;
        right: 20px
    }

    .others-option-for-responsive .container .container {
        max-width: 190px
    }

    .others-option-for-responsive .option-inner .others-options {
        margin-left: 0
    }

    .others-option-for-responsive .option-inner .others-options.d-flex {
        display: inline-block !important
    }

    .others-option-for-responsive .option-inner .others-options .option-item {
        margin-right: 0;
        margin-bottom: 20px
    }

    .others-option-for-responsive .option-inner .others-options .option-item::before {
        display: none
    }

    .others-option-for-responsive .option-inner .others-options .option-item:first-child {
        margin-right: 0
    }

    .others-option-for-responsive .option-inner .others-options .option-item:last-child {
        margin-bottom: 0
    }

    .others-option-for-responsive .option-inner .others-options .option-item .search-box i {
        color: var(--paragraph-color)
    }

    .others-option-for-responsive .option-inner .others-options .option-item .user-icon i {
        color: var(--paragraph-color)
    }

    .others-option-for-responsive .option-inner .others-options .option-item .cart-btn i {
        color: var(--paragraph-color)
    }

    .others-option-for-responsive .option-inner .others-options .option-item .language-option {
        text-align: left
    }

    .others-option-for-responsive .option-inner .others-options .option-item .language-option button {
        color: var(--paragraph-color)
    }

    .topbar-list {
        text-align: center
    }

    .topbar-list li {
        margin-bottom: 10px
    }

    .topbar-list li:last-child {
        margin-bottom: 0
    }

    .topbar-others-options {
        text-align: center;
        margin-top: 10px
    }
}

@media only screen and (min-width:325px) {
    .others-option-for-responsive .dot-menu {
        top: -46px;
        right: 80px;
    }
}

i.fa-solid.fa-search {
    color: #fbd84a;
}

i.fa-solid.fa-search:hover {
    color: #fff;
}

img.logo-img-hdr {
    margin-top: 10px;
    margin-bottom: 10px;
}
.page-header.is-sticky img {
    max-width: 105px;
    height: 45px;
    margin-top: 10px;
    margin-bottom: 10px;
}
/*----search--modal----css---end---*/


.title-word {
  animation: color-animation 1s linear infinite;
}

.title-word-1 {
  --color-1: #DF8453;
  --color-2: #3D8DAE;
  --color-3: #E4A9A8;
}

.title-word-2 {
  --color-1: #DBAD4A;
  --color-2: #fbd84a;
  --color-3: #ed3833;
}

.title-word-3 {
  --color-1: #ACCFCB;
  --color-2: #E4A9A8;
  --color-3: #ACCFCB;
}

.title-word-4 {
  --color-1: #3D8DAE;
  --color-2: #ed3833;
  --color-3: #E4A9A8;
}

@keyframes color-animation {
  0%    {color: var(--color-1)}
  32%   {color: var(--color-1)}
  33%   {color: var(--color-2)}
  65%   {color: var(--color-2)}
  66%   {color: var(--color-3)}
  99%   {color: var(--color-3)}
  100%  {color: var(--color-1)}
}



.contain {
    overflow: hidden;
    
}

.animated-text {
    font-size: 48px;
    font-weight: 700 !important;
    display: inline-block; 
    background: linear-gradient(to right, white, #ffd700);
    background-size: 200% 100%; 
    background-position: 0% 0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: colorChange 1s linear infinite;
    
}

@keyframes colorChange {
    0% {
        background-position: 0% 0; /* Start with white */
    }
    50% {
        background-position: 100% 0; /* Move to yellow */
    }
    100% {
        background-position: 0% 0; /* Return to white */
    }
}

/* new packages design */

.new-package-box{
    border-radius:5px;
}
.new-package-box img{
    border-radius:5px;
    transition:all 0.6s ease;
}
.package-wrapper{
    overflow:hidden;
    border-radius:5px;
}
.new-package-box {
    position: relative;
}

.package-wrapper {
    position: relative;
}

.package-wrapper img {
    display: block;
    height: 400px;
    width: 100%;
    object-fit: cover;
}

.package-new-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(0 0 0 / 40%);
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px;
    background:linear-gradient(rgba(0, 0, 0, 0) 46.67%, rgb(0, 0, 0) 86.21%);
}


.top-right {
    align-self: flex-end; 
    position: relative;
    display: grid;
}

/*.bottom-left {*/
/*    align-self: flex-start;*/
/*}*/
.price-tag{
    padding: 4px 10px;
    background: #fcd733;
    border-radius: 25px;
    color: black;
    font-size: 13px;
    max-width:max-content;
}
.time-div .fa-solid{
    font-size:15px;
    color:#ffd700;
}
.time-div{
    display:flex;
    justify-content:space-between;
    line-height: 30px;
}
.time-div span
{
    font-size: 13px;
}
.llocatioon {
    /*margin-left: 54px;*/
    font-size: 13px;
}
.package-new-img{
    object-fit:cover
}
.choose-img{
    object-fit:cover
}

.item:hover .package-new-img {
    transform: rotate(2deg) scale(1.2)!important;
}
.nav-link.active {
    background-color: yellow;
    color:black;
}
.icons-btn{
    cursor: pointer;
}

.icons-btn img{
    transition:all 0.3s ease;
}
.icons-btn img:hover{
    transform:scale(1.1);
}
#button-top{
    text-decoration:none;
}


@media only screen and (max-width: 1310px) {
  .head-lnk a {
    font-size: 13px !Important;
}
}

@media only screen and (max-width: 1152px) {
  .head-lnk a {
    font-size: 11px !Important;
}
}

/* new section  css  */
.choose-sec{
    padding:60px 0px;
    /*padding-bottom:;*/
    background:black;
        color:white;
}
.cool-head {
    color: #fcd733;
    font-size: 38px;
}
.image-container-choose {
        position: relative;
        border-radius:8px;
    }
    
.image-container-choose img {
        border-radius:8px;
        height:530px !Important;
    }
    
    .overlay-choose {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        /*background-color: rgba(0, 0, 0, 0.4); */
        color: white;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        /*align-items: center;*/
        padding: 10px;
        padding:30px;
    background:linear-gradient(rgba(0, 0, 0, 0) 46.67%, rgb(0, 0, 0) 86.21%);
        
    }

    .top-text-choose {
        font-size: 20px; /* Adjust as needed */
        text-align:flex-start;
    }

    .bottom-text-choose {
        font-size: 20px; /* Adjust as needed */
        text-align:flex-start;
    }
    .choose-boxx{
        padding:30px;
    }
    .headd{
    font-size: 36px;
    font-weight: 900;
    margin-top: 20px;
    text-align:center;
}
.trip-linnne{
    color: #fcd733;
    font-weight: 900;
    font-size: 16px;
}
.star-2{
    color:#e8e3e3;
}
.star-line{
    padding:10px 0px;
    font-weight:900;
}
.logo-imgg{
    height:50px !important;
    width:auto !important;
}
.choose-slide .owl-prev span:hover{
 background:#ffd700 !Important;
 color:black !Important;
 border:0px;
 border: 2px solid #ffd700;
}
.choose-slide .owl-next span:hover{
 background:#ffd700 !Important;
 color:black !Important;
 border:0px;
 border: 2px solid #ffd700;
}

.choose-slide .owl-prev span{
    padding: 0px 30px;
    position: absolute;
    left: -350px;
    top: 30px !important;
    font-size: 40px;
    height:40px;
    line-height:25px;
    border: 2px solid white;
    padding-bottom:7px;
    transition:none !important;
}
.choose-slide .owl-next span{
    padding: 0px 30px;
    position: absolute;
    left: -1100px;
    top: 30px !important;
    font-size: 40px;
    height:40px;
    line-height:25px;
    border: 2px solid white;
    padding-bottom:7px;
    transition:none !important;
}
.cool-head{
    padding-top:70px;
}

.choose-img{
    transition:all 0.6s ease;
}
/*.item:hover .choose-img {*/
/*    transform: rotate(2deg) scale(1.2)!important;*/
/*}*/
.choose-wrapper{
    overflow:hidden;
    border-radius:8px;
}
.week-name{
    font-weight:900;
    padding-bottom:10px;
    font-size:24px;
}
.week-rate{
    font-size:15px;
    font-weight:900;
}
.coosoe-boxx{
    transition:transform 0.6s ease;
    margin:10px 0px;
    border-radius:8px;
    
}
.coosoe-boxx:hover{
    transform: translateY(-18px);
    border:2px solid #fcd733 !important;
}
.choose-sec .owl-stage{
    margin:20px 0px ;
}


/**/
.promotionalbannerImg {
    border-radius: 15px;
    width:100%;
}
.ffsgBj {
    position: absolute;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    padding: 5% 0px;
    gap: 18px;
    top: 0px;
    margin-left: 60px;
    height: fit-content;
}
.hYfLOX {
    color: rgb(252 215 51);
    /* font-size: 32px; */
    font-size: 36px;
    font-weight: 500;
    font-style: normal;
    /* font-weight: 700; */
    line-height: 90%;
}
.ezusjD {
    color: rgb(255 255 255);
    font-size: 16px;
    width: 465px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
    margin-top: 6px;
}
.jXmMsA {
    display: block;
    /* padding-left: 60px; */
    /* padding-top: 48px !important; */
}
.cceWAy a
{
    color: black;
    text-decoration: none;
}
.cceWAy {
    display: flex;
    /*cursor: pointer;*/
    padding: 12px 60px;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    gap: 10px;
    margin: 0px;
    border-radius: 8px;
    background: rgb(254, 230, 11);
    box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 6px 0px inset;
    color: rgb(0, 0, 0);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    transition: transform 0.6s ease;
    letter-spacing: 0.7px;
    width: 100%;
    cursor:pointer;
}
.cceWAy:hover
{
    background: black;
    transform: translateY(-5px);
    
}
.cceWAy:hover a
{
    color: white;   
}
#pet .item{
    position:relative;
}

#pet .owl-prev{
    display:none;
}

#pet .owl-next{
    display:none;
}

.coosoe-boxx {
    position: relative;
}

.explore-more {
    position: absolute;
    bottom: -50px; /* Start hidden below the box */
    left: 50%;
    transform: translateX(-50%);
    background-color:transparent;
    color: #fcd733; /* Text color */
    padding: 10px 20px;
    border-radius: 5px;
    opacity: 0; /* Initially hidden */
    transition: bottom 0.3s ease, opacity 0.3s ease; /* Smooth transition */
}

.coosoe-boxx:hover .explore-more {
    bottom: -45px; /* Slide up into view on hover */
    opacity: 1; /* Fade in */
}

.explore-more {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0; /* Optional: space above and below */
    margin-top:20px;
}

.explore-text {
    display: flex;
    align-items: center;
}

.line {
    flex: 1; /* This makes the lines take up available space */
    height: 1px; /* Adjust thickness */
    background-color: #fcd733; /* Line color */
    margin: 0 10px; /* Space between the line and text */
    width:114px;
}
.expl_mr
{
    color: white;
}
/*.you_btm_hvr {*/
/*    position: absolute;*/
/*    top: 4%;*/
/*    left: 5%;*/
/*}*/
.you_btm_hvr img
{
    height:65px;
    width:auto;
    /*background: #002f14;*/
    /*color: white;*/
    /*padding: 10px;*/
    /*border-radius: 50%;*/
    /*font-size: 40px;*/
    /*cursor: pointer;*/
}
.smnall-icon{
    height:55px !Important;
    width:auto !Important;
    margin-top:5px;
}
/*.christmas_cap {*/
/*    position: absolute;*/
/*    width: 16px;*/
/*    top: 77px;*/
/*    left: 605px;*/
/*    z-index: 2;*/
/*    transform: scaleX(-1);*/
/*}*/
.christmas_cap {
    position: absolute;
    width: 16px;
    top: -1px;
    left: -6px;
    z-index: 2;
    transform: scaleX(-1);
}


.christmas_cap2 {
    position: absolute;
    width: 16px;
    top: 13%;
    left: 42%;
    z-index: 2;
    transform: scaleX(-1);
    height: 16px !important;
}
.revie-head{
    color:#fcd84a;
    letter-spacing:5px;
}
.client-say{
        color:#fcd84a;
        margin-bottom:40px;

}
.testimoniasls-box{
    padding: 40px 20px;
    border-radius:5px;
    background:#f1f1f1;
}
.name-letter {
    padding: 10px 17px;
    background: #fcd84a;
    border-radius: 50%;
    max-width: max-content;
    margin-right:20px;
}
.testimonil-name{
    max-width:max-content !Important;
}
.testimonil-name .fa-solid{
    font-size:13px;
}

.testimonial-imgg img {
    width: 50px ! Important;
    height: 50px;
    border-radius: 43px;
    margin-right: 15px;
}
.testimonial-imgg {
    max-width:max-content;
}
.testimoniasls-box {
    position: relative;
    padding: 20px;
    background-color: #f9f9f9; /* Optional: Background color */
    border-radius: 10px; /* Optional: Rounded corners */
}

.quote-icon {   
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 97px;
    color: rgb(185 185 185 / 20%);
    z-index: 1;
}

.testimoniasls-box p {
    position: relative;
    z-index: 0; /* Ensure text is below the icon */
    margin-top: 50px; /* Adjust to avoid overlap with the icon */
}



#test-slide .owl-prev span{
    padding: 0px 14px;
    position: absolute;
    right: -625px;
    top: 145px !important;
    font-size: 40px;
    height: 40px;
    line-height: 25px;
    padding-bottom: 7px;
    border-radius: 50%;
    background: #fcd84a;
    padding-top: 4px;
}
#test-slide .owl-next span{
    padding: 0px 14px;
    position: absolute;
    left: -630px;
    top: 145px !important;
    font-size: 40px;
    height: 40px;
    line-height: 25px;
    padding-bottom: 7px;
    border-radius: 50%;
    background: #fcd84a;
    padding-top: 4px;
}

/**/
.choose-slide .owl-dots{
    /*display:flex;*/
    /*justify-content:center;*/
    background:white;
}
.choose-slide .owl-dot span {
    height: 10px;
    width: 10px;
    /*font-size: 20px;*/
    /*position: absolute;*/
    /*content: "";*/
}
.choose-slide .owl-dot {
    /*display: block !important;*/
    margin-top: 20px;
    background: #fcd733;
    color: red;
    float: right;
}
button{
    max-width:max-content;
}


.choose-slide .owl-dots {
    position: absolute;
    left: -36%;
    bottom: 16%;
    border-radius: 30px;
}

.choose-slide .owl-dot span{
 margin:0px;
 border-radius:30px !important;
 transition: background-color 0.3s ease !important;
 border-radius:30px;

}

.choose-slide .owl-dot.active span {
  background-color: #fcd733 !important; 
  border-radius:30px;
} 


.choose-slide .owl-dots
{
    /*display: block !important;*/
    /*padding-top:20px;*/
    border-radius:30px;
}
.choose-slide .owl-dot
{
    margin:0px ;
}
.choose-slide .owl-dots
{
    /*display: block !important;*/
    /*padding-top:20px;*/
    width:max-content;
    border-radius:30px;
}
.choose-slide .owl-dots span
{
    width: 50px !important;
    height: 7px !important;
    float: right;
    background: white !important;
    border-radius:30px;
    margin:0px !important;
}

.choose-slide .owl-dot span
{
    width: 50px !important;
    height: 7px !important;
    float: right;
    background: white !important;
    border-radius:30px;

}


/**/

.choose-slide2 .owl-dot
{
    margin:0px !Important;
    border-radius:30px;
}
.choose-slide2 .owl-dots{
    /*display:flex;*/
    /*justify-content:center;*/
    border-radius:30px;
}
.choose-slide2 .owl-dot span {
    height: 10px;
    width: 10px;
    /*font-size: 20px;*/
    /*position: absolute;*/
    /*content: "";*/
}
.choose-slide2 .owl-dot {
    /*display: block !important;*/
    margin-top: 20px;
    background: #fcd733;
    color: red;
    float: right;
    border-radius:30px;
}
button{
    max-width:max-content;
}


.choose-slide2 .owl-dots {
    position: absolute;
    left: 119%;
    bottom: 16%;
    margin:0px;
}

.choose-slide2 .owl-dot span{
 margin:0px;
 border-radius:30px !important;
 transition: background-color 0.3s ease !important;
 border-radius:30px;

}

.choose-slide2 .owl-dot.active span {
  background-color: #fcd733 !important; 
} 


.choose-slide2 .owl-dots
{
    /*display: block !important;*/
    /*padding-top:20px;*/
    background:white;
}
.choose-slide2 .owl-dots
{
    /*display: block !important;*/
    /*padding-top:20px;*/
    width:max-content;
    background:white;
}
.choose-slide2 .owl-dots span
{
    width: 50px !important;
    height: 7px !important;
    float: right;
    background: white !important;

}


.choose-slide2 .owl-prev span:hover{
 background:#ffd700 !Important;
 color:black !Important;
 border:0px;
 border: 2px solid #ffd700;
}
.choose-slide2 .owl-next span:hover{
 background:#ffd700 !Important;
 color:black !Important;
 border:0px;
 border: 2px solid #ffd700;
}

.choose-slide2 .owl-prev span {
    padding: 0px 30px;
    position: absolute;
    right: -1152px;
    top: 30px !important;
    font-size: 40px;
    height: 40px;
    line-height: 25px;
    border: 2px solid white;
    padding-bottom: 7px;
}
.choose-slide2 .owl-next span {
    padding: 0px 30px;
    position: absolute;
    right: -195px;
    top: 30px !important;
    font-size: 40px;
    height: 40px;
    line-height: 25px;
    border: 2px solid white;
    padding-bottom: 7px;
}

/**/

#special-slide .owl-dots{
    /*display:flex;*/
    /*justify-content:center;*/
}
#special-slide .owl-dot span {
    height: 10px;
    width: 10px;
}
#special-slide .owl-dot {
     margin-top: 20px;
     color: red;
    float: right;
}

#special-slide .owl-dot .active {
    /*display: block !important;*/
    margin-top: 20px;
    background: red;
    float: right;
}
button{
    max-width:max-content;
}


#special-slide .owl-dots{
    position: absolute;
    left: 50%;
}

.up-img {
    position: relative;
    top: -52px;
}
.up-img3{
    
    position: relative;
    top: -90px;
}
.up-img2 {
    position: relative;
    top: -52px;
}
.small-batch{
    font-size: 12px;
    color: #fcd733;
}

.bgpk-sec {
    position: relative;
    background: linear-gradient(45deg, #00000061, transparent), url(../img/galaxy-major-new.jpeg);
    background-size: contain;
    background-repeat: repeat;
    box-shadow:inset -85px 141px 136px -60px #000000ed, inset 79px -60px 133px #000000ed;
    background-attachment: fixed;
    /*padding:60px 0px;*/
    background-repeat: no-repeat;
    background-size: cover;
}

.bgpk-sec::before {
    /*content: '';*/
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background-color: rgb(0 0 0 / 28%);*/
    z-index: 1;
    /*box-shadow: inset -61px 118px 106px -60px #000000ed, inset 63px -40px 101px #000000ed;*/
        /*background: linear-gradient(to bottom, rgb(0 0 0 / 26%) 70%, rgb(0 0 0 / 79%) 80%, rgb(0 0 0) 100%);*/
        background:linear-gradient(to bottom, rgb(0 0 0 / 26%) 79%, rgb(0 0 0 / 65%) 39%, rgb(0 0 0 / 60%) 76%);
}


.bgpk-sec > * {
    position: relative; /* Ensure that child elements are above the overlay */
    z-index: 2; /* Raise the z-index for content above the overlay */
}





.bps-new {
    padding:60px 0px;
    background:black;
    position: relative;
}

.bp-new-img {
    width: 100%;
    height: 600px !Important; 
}

.overlay-bps {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3); /* Black overlay with 50% opacity */
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
}

.overlay-text-bps {
    color: white; /* Text color */
    font-size: 24px; /* Adjust size as needed */
    text-align: center;
}
.cmnt-box {
    padding: 20px;
    background: white;
    border-radius: 5px;
    margin: 15px 15px;
    transition:transform 0.3s ease-in;
}
.cmnt-box p{
  overflow-wrap:anywhere
}
.cmnt-box:hover{
    transform:scale(1.03);
}
.mar-sec{
    max-height:500px !Important;
    overflow:hidden !important;
    background:black;
}


/**/


@keyframes shrink {
    0% {
        color: green;
        transform: scale(2);
    }

    100% {
        transform: scale(1);
        color: grey;
    }
}

@keyframes grow {
    0% {
        transform: scale(1);
        color: grey;
    }

    100% {
        transform: scale(2);
        color: green;
    }
}


/* $. Classes
\*----------------------------------------------------------------*/

.animate {
    transform: translate3d(0,0,0);
    perspective: 1000;
    filter: blur(0);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    transform-origin: center left;
  
}

.animate--shrink {
    animation-duration: 1s;
    animation-name: shrink;
    animation-timing-function: 'linear';
}

.animate--grow {
    animation-duration: 1s;
    animation-timing-function: 'linear';
    animation-name: grow;
}


/* Slider */

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    touch-callout: none;
    user-select: none;
    touch-action: pan-y;
    tap-highlight-color: transparent;
    padding-top: 40px;
    
}
.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;

    &:focus {
        outline: none;
    }

    &.dragging {
        cursor: pointer;
        cursor: hand;
    }
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;

    &:before,
    &:after {
        content: "";
        display: table;
    }

    &:after {
        clear: both;
    }

    .slick-loading & {
        visibility: hidden;
    }
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    [dir="rtl"] & {
        float: right;
    }
    img {
        display: block;
    }
    &.slick-loading img {
        display: none;
    }

    display: none;

    &.dragging img {
        pointer-events: none;
    }

    .slick-initialized & {
        display: block;
    }

    .slick-loading & {
        visibility: hidden;
    }

    .slick-vertical & {
        display: block;
        height: auto;
        border: 0;
        outline: none;

        &:focus,
        &:active,
        &::selection{
            outline: none !important;
            border: 0 !important;
            box-shadow: none;
        }
    }
}
.slick-arrow.slick-hidden {
    display: none;
}

.slick-current{
    position: relative;
}


.hero__title .slick-slide{
    overflow: hidden;
        /*padding: 20px 0;*/
    
}

.hero__title [aria-hidden]{
    transition: 1s;
}
/* 
.hero__title [aria-hidden="false"]{
    opacity: 1;
}

.hero__title [aria-hidden="true"] {
    opacity: 0;
}
 */
.hero__title .slick-current > span{
    box-sizing: border-box;
    display: block;
    @extend .animate--shrink;
}

.hero__title .slick-current + .slick-slide > span{
    @extend .animate--grow;
}

.no-js .hero__title .slick-dupe:nth-child(2) > span{
    padding: 1em;
    @extend .animate--grow;
}


.hero-2new
{
    width:100% !important;
}
.hero__title-misc{
  display: block;
  font-size: 17px;
  font-weight: bold;
  width:45%;
  color: grey;
}
.slide-box{
    max-height:750px;
    overflow:hidden;
    
}



.wtau {
    color: #fcd733;
    letter-spacing: 2px;
    padding-left: 20px;
    font-size: 30px !important;
}
.big-comnt{
    padding:20px;
    padding-right:50px !Important;
}
.big-comnt p {
    color: white;
    font-size: 20px;
    margin-bottom:42px;
}
.big-comnt .testimonial-imgg img {
    width: 60px ! Important;
    height: 60px;
    border-radius: 43px;
    margin-right: 15px;
}

.big-comnt .userrr-name {
    color: white;
    font-size: 17px;
}
.big-comnt .fa-solid {
    font-size: 13px;
}
.cconent-sec{
    /*background:black;*/
    
    
    position: relative;
        background: linear-gradient(45deg, black, transparent),url(../img/bbg.jpeg);
    /*background-image: ;*/
    background-size: contain;
    background-repeat: repeat;
    box-shadow: inset -85px 141px 136px -60px #000000ed, inset 79px -60px 133px #000000ed;
    background-attachment: fixed;
    
    
    padding: 60px 100px 100px 100px;
    overflow:hidden;
    
}
.cconent-sec .owl-carousel .owl-nav button.owl-prev,.cconent-sec  .owl-carousel .owl-nav button.owl-next{
 display:none !Important;
}
.owl-carousel button.owl-dot{
    display:block !important;
}
/*.slick-dupe,.slick-dupe2{*/
/*    transition:all 0.5s ease;*/
/*    margin:0px 20px;*/
/*}*/
/*.animatedHeading .slick-dupe:hover{*/
/*    transform:scale(1.05) !important;*/
/*}*/
/*.animatedHeading2 .slick-dupe2:hover{*/
/*    transform:scale(1.05) !important;*/
/*}*/




.tessst-row{
    position:relative;
}
/*.tessst-row:before{*/
/*   position: absolute;*/
/*    background: linear-gradient(to top, rgb(0 0 0 / 0%) 73%, rgb(0 0 0 / 29%) 80%, rgb(0 0 0) 100%);*/
/*    top: 0;*/
/*    width: 100%;*/
/*    height:74% !important;*/
/*    content: '';*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    z-index: 999;*/
/*    background: linear-gradient(to top, rgb(0 0 0 / 0%) 84%, rgb(0 0 0 / 84%) 93%, rgb(0 0 0) 100%);*/
/*}*/
.tessst-row:before {
    position: absolute;
    /* background: linear-gradient(to top, rgb(0 0 0 / 0%) 73%, rgb(0 0 0 / 29%) 80%, rgb(0 0 0) 100%); */
    top: -93px !important;
    width: 100%;
    height: 12% !important;
    /*content: '';*/
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    /* background: linear-gradient(to top, rgb(0 0 0 / 0%) 84%, rgb(0 0 0 / 84%) 93%, rgb(0 0 0) 100%); */
    /* box-shadow: inset -61px 118px 106px -60px #000000ed, inset 63px -40px 101px #000000ed; */
    /* box-shadow: rgb(0 0 0 / 80%) 0px 24px 38px, rgb(0 0 0 / 24%) 0px 15px 12px; */
    box-shadow: rgb(0 0 0) 0px 26px 30px, rgb(0 0 0 / 24%) 0px 102px 146px;
}




  /*.marquee-container {*/
  /*  height: 300px; */
  /*  overflow: hidden;*/
  /*  position: relative;*/
  /*}*/
  
  .animatedHeading {
    position: absolute;
    width: 100%; 
    /*animation: scroll 10s linear infinite; */
  }
  
  /*@keyframes scroll {*/
  /*  0% {*/
  /*    transform: translateY(0);*/
  /*  }*/
  /*  100% {*/
  /*    transform: translateY(-50%); */
  /*  }*/
  /*}*/
  

.slick-dupe,.slick-dupe2{
    margin:0px 20px;
}



.weeke-sec {
    position: relative; 
    background-image: url('../img/weekend-bg.jpeg');
    background-size: contain;
    background-repeat: no-repeat;
    box-shadow:inset -85px 141px 136px -60px #000000ed, inset 79px -60px 133px #000000ed;
    background-attachment: fixed;
    background-size:100% 100%;
    /*padding:60px 0px;*/
    
}

.weeke-sec::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background-color: rgb(0 0 0 / 28%);*/
    z-index: 1;
    /*box-shadow: inset -61px 118px 106px -60px #000000ed, inset 63px -40px 101px #000000ed;*/
        background: linear-gradient(to bottom, rgb(0 0 0 / 26%) 70%, rgb(0 0 0 / 79%) 80%, rgb(0 0 0) 100%);
}

.bgpk-sec::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background-color: rgb(0 0 0 / 28%);*/
    z-index: 1;
    /*box-shadow: inset -61px 118px 106px -60px #000000ed, inset 63px -40px 101px #000000ed;*/
        background: linear-gradient(to bottom, rgb(0 0 0 / 26%) 70%, rgb(0 0 0 / 79%) 80%, rgb(0 0 0) 100%);
}


.weeke-sec > * {
    position: relative; /* Ensure that child elements are above the overlay */
    z-index: 2; /* Raise the z-index for content above the overlay */
}

.animatedHeading2 {
    /*transition: transform 0.5s ease;*/
}
.animatedHeading {
    overflow: hidden; /* Prevent overflow issues */
}

.slick-slide {
    transition: transform 0.5s ease-in-out; /* Smooth transition for each slide 
}

.slick-list {
    will-change: transform; /* Enable GPU acceleration */
}
.google-rating{ 
    max-width:120px !important;
}
.google-box{
    position:relative;
    z-index:999999999 ;
}


#ccooment-slide .owl-dots {
    display: block !important;
    height: auto;
    width: 100px;
    background: #ffffff00;
    border-radius: 50%;
    display: flex !important;
    justify-content: space-evenly;
    margin: -10px 0px;
    margin-bottom:20px !important;
    padding-left: 20px;
    margin-top:10px !important;
}
#ccooment-slide .owl-dot span{
    display:block !important;
    height: 10px;
    width: 10px;
    background: white;
    border-radius: 50%;
}
#ccooment-slide .owl-dot.active span{
    display:block !important;
    height: 10px;
    width: 10px;
    background: #fcd733 !Important;
    border-radius: 50%;
}

 .marquee-container {
    overflow: hidden; /* Hide overflow */
    position: relative;
    height: 750px; /* Adjust height as needed */
}

.marquee {
    display: flex; /* Use flexbox */
    flex-direction: column; /* Stack items vertically */
    position: absolute; /* Use absolute positioning */
    animation: marquee 25s linear infinite; /* Adjust duration for speed */
}

/* Keyframes for scrolling */
@keyframes marquee {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-50%); /* Move up by 50% of the height */
    }
}

/* Pause on hover */
.marquee-container:hover .marquee {
    animation-play-state: paused; /* Pause the animation */
}
.partner-sec{
    padding:60px 0px 100px 0px;
    background:black;
}
.part-head{
    color: #fcd733;
    font-size: 34px !important;
    font-weight: 900;
    display: flex;
    justify-content: center;
}
.part-head .fa-solid{
    padding-left:10px;
}
.partimg{
    width:100%;
}
.part-img-box{
    display:flex;
    align-items:center;
    background: white;
    border-radius: 12px;
    margin:0px 15px !Important;
    height:94px;
    width:100%;
    padding:0px 13px;
    object-fit:contain;
    justify-content:center;
}
.desg{
    font-size: 12px !Important;
    margin-bottom:0px !important;
}

.custom-marquee {
    display: flex;
    overflow: hidden;
    white-space: nowrap;
}

.marquee-content {
    display: inline-flex;
    animation: custom-marquee-animation 25s linear infinite;
}

@keyframes custom-marquee-animation {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}
/*@keyframes custom-marquee-animation {*/
/*    0% {*/
/*        transform: translateX(100%);*/
/*    }*/
/*    100% {*/
/*        transform: translateX(-100%);*/
/*    }*/
/*}*/
.part{
    margin:0px 10px !Important;
}

a{
    text-decoration:none !important;
}
.contactt-sec {
    padding:120px 0px ;
}
.new-detail-sec {
    background: black;
    padding-top: 155px;
    padding-bottom: 0px;
}
.main-detaiil-img {
    border-radius: 14px;
}
.small-main-img {
    border-radius: 10px;
     height: 243px !important;
    object-fit: cover;
}
.name-info-box{
    padding:20px;
    margin:10px 0px;
    border-radius:10px;
    border:2px solid white;
}
.detaiiil-sec{
    padding:30px 0px;
    background:black;
}
.detaiiil-sec h3{
    color:#fcd733;
    
}
.trrrip-box-new {
    background: #fcd733;
    color: black;
    padding: 10px 20px;
    width: max-content;
}

.trrrip-box-new .fa-solid{
    padding: 0;
    font-size: 28px !Important;
    padding-right: 24px;
}

/* detail 2 page new */
.position-relative {
    position: relative;
}

.overlay-see-more {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 29%);
    display: flex;
    justify-content: center;
    align-items: center;
    color: white; /* Text color */
    font-size: 24px;
    font-weight: bold;
}

.see-more-text {
    text-align: center;
    padding: 10px;
}
.see-more-icon {
    margin: 0px;
    padding: 6px 1px;
    border: 2px solid white;
    border-radius: 54%;
}
.seeee{
    font-size:18px;
    margin-bottom:-10px;
}

.icccon-boxx-2 {
    max-width: 100% ! Important;
    background: #ffffff;
    padding: 10px 35px ! Important;
}
.icccon-boxx-2 img{
    margin-right:20px !Important;
}
.detail2-trip-bar{
    padding:10px 20px;
    background:#fcd733;
    border-radius:8px;
    color:black;
}
.mb-box{
    margin-bottom:20px;
}
.overere-box{
    padding:20px;
    border:1px solid white;
    border-radius:8px;
    color:white !Important;
}
.ovvver-head {
    color: #fcd733;
    padding-bottom: 16px;
    border-bottom: 2px solid white;
    font-size: 30px !important;
    margin-bottom:15px !important;
}
.ovvver-head2 {
    color: #fcd733;
    padding-bottom: 16px;
    border-bottom: 2px solid white;
    font-size: 30px !important;
    margin-bottom:15px !important;
}
.accordion-header,.accordion-item{
    border-radius:10px !important;
    border:0px !Important;
}
.accordion, .accordion-button {
    border-radius: 10px !important;
    border: 0px ! Important;
    font-size: 15px !important;
}
.thing-pack{
    list-style-type:disc;
    color:white;
}
.thing-pack li{
    padding:10px 0px ;
}
.detail2-ppp-box {
    padding: 10px 20px;
    border: 1px solid white;
    margin-bottom: 10px;
    border-radius: 10px;
    color: white;
}`
.start-jead{
    color: white;
    font-size: 23px;
    font-weight: 900;
}

.priceee-statrt {
    padding: 0px 20px;
    background: #fcd733;
    border-radius: 26px;
    color: #000000;
    display: flex;
    max-width: max-content;
    align-items: center;
    /* margin-left: 12px; */
}

.freash-box{
    display:flex;
    justify-content:space-between !Important;
    margin-bottom:10px
}
.big-prrice-detail {
    color: #fcd733;
    font-size: 20px;
}
.cut-prrice-detail {
    color: #d4d4d4;
    font-size: 20px;
    margin-left: 20px;
}
.person-size{
    color:white;
    font-size:21px;
    margin-bottom:4px !Important;
}
.send-query-btn {
    padding: 10px 20px;
    max-width: 100% !important;
    background: #ffffff;
    color: black;
    transition: all 0.1s ease;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    justify-content: center;
}
.send-query-btn:hover{
    background:#fcd733;

}
.pp-sumary {
    color: white;
    padding-bottom: 5px;
    margin-bottom: 7px;
    border-bottom: 1px solid white;
}
.rooom-share-boox{
    display:flex;
    justify-content:space-between;
color:white;    
}
.rooom-share-boox span{
    font-size:18px;
}
.priicee{
    padding:3px;
    /*border:1px solid white;*/
    border-radius:10px;
    /*margin:15px 0px;*/

            display: none; /* Hide all content boxes by default */
        }
        .priicee.active {
            display: block; /* Show active content box */
        }


 .tab-detaaial {
            cursor: pointer;
            display: inline-block;
            margin-right: 5px;
            position: relative;
        }
        .tab-detaaial.active {
            color:#fcd733;
            border-bottom: 2px solid #fcd733; /* Yellow underline */
        }
.occupant{
    font-size: 22px;

    display: flex;
    align-items: center;
}
.bbbbbboxxxxxx{
    display:flex;
    justify-content:space-between;
}
.price-container span {
            display: block; /* Stack spans vertically */
            text-align: center; /* Center text */
        }
.pp{
    font-size:25px;
}
.per{
    font-size:17px;
}

.send-query-btn2 {
    padding: 10px 5px;
    width: 49% !important;
    background: white;
    color: black;
    transition: all 0.3s ease;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}


.send-query-btn2:hover{
    background:#fcd733;
}
.spce {
    padding: 5PX;
    display: flex;
    justify-content: space-between;
    /*padding: 10px 20px;*/
    /*border: 2px solid white;*/
    /*border-radius: 58px;*/
}

.send-query-btn2 .fa-whatsapp{
    line-height: 24px;
    padding-right: 10px;
}
.related-sec{
    background:black;
    padding:70px 0px;
}
.batch-box{
    padding:10px 15px;
    color:white;
    border:1px solid white;
    border-radius:5px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin:10px 0px !important;
    transition:all 0.3s ease;
}
.batch-box:hover{
    border:1px solid #fcd733;
    color:#fcd733;
}
.detail-nav-link.active {
    text-decoration: underline;
    text-underline-color: #fcd733; /* Yellow underline */
    font-weight: bold; /* Optional: makes the active link bold */
}

.sticky-baaar {
    position: sticky;
    top: 67px;
    z-index: 999 !Important;
}
.detail-nav-link.active {
    text-decoration: underline;
    font-weight: bold; /* Optional for emphasis */
}
.detail-nav-link{
    padding-bottom:8px !important;
}
.detail-nav-link.active {
    border-bottom: 2px solid black; /* Change the thickness if needed */
}
/*.bbb-boxxx {*/
/*    height: 145px;*/
/*    max-height: 145px;*/
/*    padding: 10px 20px;*/
/*    border: 1px solid white;*/
/*    border-radius: 10px;*/
/*    overflow-y: auto; */
/*}*/
.bbb-boxxx {
    height: 145px;
    max-height: 145px;
    overflow-y: auto;
}
.batchiing-box{
    
    border-radius: 10px;
    padding: 10px 20px;
    border: 1px solid white;
}
.border-boottom{
    padding-bottom:5px;
    border-bottom:1px solid white;
}
.available{
    background:#7cf12d;
    color:black;
    padding:5px 10px ;
    border-radius:50px;
    /*margin-left: 70px;*/
    font-size: 14px;
}
.fast {
    background: rgb(255 175 33);
    color: black;
    padding: 5px 10px;
    border-radius: 50px;
    /* margin-left: 81px; */
    /*left: 59%;*/
    /*position: absolute;*/
    font-size: 14px;
}


.tab-button2{
    cursor:pointer;
    padding:0px 10px;
}


.tab-button2.active {
            color:#fcd733;
            border-bottom: 2px solid #fcd733; /* Yellow underline */
}

.priicee2 {
    display: none;
}

.priicee2.active {
    display: block;
}

.batch-box2 {
    margin: 10px 0;
}






.batch-box {
    padding: 10px;
    background: #000000;
    border: 1px solid #ffffff;
    cursor: pointer;
    cursor: pointer;
    margin-bottom: -1px; /* Remove space by overlapping borders */
}

.batch-box:hover {

    border: 1px solid #fcd733;
    color:#fcd733;
}

.info {
    padding: 10px;
    border: 1px solid #ffffff;
    background: #000000;
    margin-top: -14px;
    border-top:none;
    color: white;
}

#special-slideeee .owl-prev span {
    font-size: 100px;
    position: absolute;
    top: -112px;
    right: -10px;
    /* background: #fcd733; */
    line-height: 1;
    padding: 4px 21px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 12px;
}

#special-slideeee .owl-next span {
    font-size: 100px;
    position: absolute;
    top: -112px;
    right: -63px;
    /*background: #fcd733;*/
    line-height: 1;
    padding: 4px 21px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 12px;
}
.ppp {
    padding: 5px 20px;
    background: #fcd733;
    border-radius: 50px;
    color: black;
    display: flex;
    align-items: center;
}
.occcc{
    color:#dfdfdf;
    margin-right:7px;
}
.minus{
    margin-right:6px;
}
.small-waht {
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    margin-right: 7px;
}
.acc-bbbody{
    display:flex;
    justify-content:space-between;
}
.batch-buuttton {
    background: black ! IMPORTANT;
    color: white ! Important;
    border: 1px solid white !important;
    padding: 12px !important;
}

.scccc-body{
    background: black !important;
    color: white !important;
    border: 1px solid white !important;
    border-radius: 7px !important;
    border-top: none !important;
}
.small-time{
    font-size:10px;
    color:gray;
}
.priicee2 .accordion-button::after
{
    background-image: url('../img/down-arrow.png') !important;
}
.ibtn {
    padding: 0px 9px;
    border-radius: 50px;
    background: gray;
    color: white;
}

.multisteps-form__progress-btn{
    width:100% !Important;
    max-width:100% !important;
}
.multisteps-form__panel{
    background:white;
    padding:60px;
    color:black;
}
.bbig-heading{
    font-size:20px;
}
.smmal-haed{
    font-size:14px;
}
.smmal-haed .fa-solid{
    font-size:20px;
    color:#ffd000;
    margin-right:20px;
}
.smmal-haed .fa-regular{
    font-size:20px;
    color:#ffd000;
    margin-right:20px;
}
.bbig-heading .fa-solid {
    font-size: 24px;
    color: #ffd000;
    margin-right: 13px;
}
.smmal-haed .fa-arrow-right-long{
    margin:0px !important;
    color:black;
}
.smmal-haed {
    font-size: 16px;
}

.dtae-tbn {
    padding: 10px 30px;
    background: white;
    border: 2px solid #fcd733;
    color: black;
    border-radius: 6px;
    transition: all 0.2s ease;
    width: 100% !important;
    max-width: 100% !important;
    display: flex;
    justify-content: center;
}
.from-prev-next{
    padding: 10px 30px;
    background: #fcd733;
    border: 2px solid #fcd733;
    color: black;
    border-radius: 6px;
}
.room-sel {
    border: 1px solid #000;
    padding: 10px;
    border-radius: 10px;
    /*margin-bottom:15px;*/
    width:100% !Important;
    max-width:100% !important;
}
.share-head{
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #000;
    padding-bottom: 8px;
}
.up-pricce{
   padding:9px 15px;
}
.book-head{
    border-bottom: 2px dashed gray;
}
.sennd-btnn{
    padding: 10px 20px;
    background: #fcd733;
    border-radius: 5px;
    width: 100% !important;
    max-width: 100% !important;
}
.btn-oout{
    display:flex;
    justify-content:space-between;
}
.biig-white-colll{
    background:white;
    padding-top:30px;
    /*padding:50px 0px;*/
    border-radius:10px;
}


/* slected date ne w */
.selectable {
    cursor: pointer;
    padding: 10px;
    border: 1px solid #012f14;
    border-radius: 5px;
    text-align: center;
    transition: background-color 0.3s;
}
.selectable:hover{
    background: #fcd73312;
}
.selected {
    background-color: #fcd733 !Important; 
}
.button-p {
    margin: 0px !important;
    color: #484848 !Important;
    display: flex;
    margin-left: 39px !important;
}
.button-p::before {
    /*content: 'ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ '; */
     /*content:"";*/
    /*color: black;*/
    /* Change color if needed */
    /*margin-right:8px*/
}
.button-p i{
     line-height: 25px;
    margin-right: 5px;
    font-size: 10px;
}
.button-p2 {
    margin: 0px !important;
    display: flex;
    margin-left: 39px !important;
}

.booking-bann-sec {
    position: relative;
    height: 600px; /* Set the height for the section */
}

.background-image {
    background-image: url('../img/book-new-bg.jpeg');
    background-size: cover; /* Cover the entire section */
    background-position: center; /* Center the image */
    background-attachment: fixed; /* Fixed attachment */
    height: 600px; /* Take full height of the section */
    width: 100%; /* Take full width of the section */
}

.book-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0 / 38%);
    display: flex;
    flex-direction: column;
    justify-content: center; /* Center text vertically */
    align-items: center; /* Center text horizontally */
    color: white; /* Text color */
}

.center-text {
    font-size: 2rem; /* Adjust size as needed */
    text-align: center;
}

.bottom-text {
    position: absolute;
    bottom: -8px;
    text-align: center;
    width: 100%;
}
.booking-head{
    font-size: 50px;
    font-weight: 900;
    background: #0000006b;
    width: 100%;
    padding: 10px;
}
.bbbbbok-list li{
    padding:10px 0px !Important;
}
.bbbbbok-list{
    list-style-type:disc;
}
.thank-sec{
    background:black;
    padding:60px 0px;
    display:flex;
    justify-content:center;
    align-items:center;
    height:700px;
    max-height:700px !important;
}
.thaaankl {
    color: #fcd733;
    font-size: 58px;
}
.center-text h3{
    font-size: 44px !important;
}
.center-text h4{
    font-size: 31px !important;
}
.form-ree{
    color:red;
}
.fa-plane{
    transform: rotate(-90deg);
}




.info2 {
    padding: 10px;
    border: 1px solid #ffffff;
    background: #ffffff;
    margin-top: -14px;
    border-top:none;
    color: white;
}



.col-container {
    position: relative;
    width: 85%;
    margin: 0 auto;
    background: #232323;
    padding: 2em;
}


#svg {
    width: 35%;
    position: absolute;
    top: 250px;
    left: 20px;
    pointer-events: none;
}

#svg2 {
    width: 35%;
    position: absolute;
    top: 200px;
    left: 900px;
    pointer-events: none;
 }



.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
  opacity: 1 !important;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 280px;
    background-color: white;
    color: #000;
    /*text-align: center;*/
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 100%;
    left: -538%;
    font-size: 12px;
    padding-left:10px;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
    /*margin-left:20px;*/
}

.i-ttag {
    padding: 1px 7px;
    background: #ffffff;
    border-radius: 50%;
    cursor: pointer;
    font-size: 13px !important;
    width: fit-content;
    color: black;
}
.tooltip{
    display:inline-block !important;
    width: fit-content;
}

.nav-tabs .nav-item.active {
    color: black !important;
    background-color: #ffd700 !important;
    border-color: rgba(0, 0, 0, 0) !important;
}.nav-tabs .nav-item.active a {
    color: black !important;
}



/**/
.hide {
  display: none;
}

/*.button {*/
/*    position: relative;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    width: 12.5rem;*/
/*    magrin: 0;*/
/*    padding: 1.5rem 3.125rem;*/
/*    background-color: #fcd733;*/
/*    border: none;*/
/*    border-radius: 0.3125rem;*/
/*     color: #000000;*/
/*    font-weight: 300;*/
/*    text-transform: uppercase;*/
/*    overflow: hidden;*/
/*}*/
/*.button:before {*/
/*  position: absolute;*/
/*  content: "";*/
/*  bottom: 0;*/
/*  left: 0;*/
/*  width: 0%;*/
/*  height: 100%;*/
/*  background-color: #fcd733;*/
/*}*/
/*.button span {*/
/*  position: absolute;*/
/*  line-height: 0;*/
/*}*/
/*.button span i {*/
/*  transform-origin: center center;*/
/*}*/
/*.button span:nth-of-type(1) {*/
/*  top: 50%;*/
/*  transform: translateY(-50%);*/
/*}*/
/*.button span:nth-of-type(2) {*/
/*  top: 100%;*/
/*  transform: translateY(0%);*/
/*  font-size: 24px;*/
/*}*/
/*.button span:nth-of-type(3) {*/
/*  display: none;*/
/*}*/

/*.active {*/
/*  background-color: #fcd733;*/
/*}*/
/*.active:before {*/
/*  width: 100%;*/
/*  transition: width 3s linear;*/
/*}*/
/*.active span:nth-of-type(1) {*/
/*  top: -100%;*/
/*  transform: translateY(-50%);*/
/*}*/
/*.active span:nth-of-type(2) {*/
/*  top: 50%;*/
/*  transform: translateY(-50%);*/
/*}*/
/*.active span:nth-of-type(2) i {*/
/*  animation: loading 500ms linear infinite;*/
/*}*/
/*.active span:nth-of-type(3) {*/
/*  display: none;*/
/*}*/

/*.finished {*/
/*  background-color: #fcd733;*/
/*}*/
/*.finished .submit {*/
/*  display: none;*/
/*}*/
/*.finished .loading {*/
/*  display: none;*/
/*}*/
/*.finished .check {*/
/*  display: block !important;*/
/*  font-size: 24px;*/
/*  animation: scale 0.5s linear;*/
/*}*/
/*.finished .check i {*/
/*  transform-origin: center center;*/
/*}*/

/*@keyframes loading {*/
/*  100% {*/
/*    transform: rotate(360deg);*/
/*  }*/
/*}*/
/*@keyframes scale {*/
/*  0% {*/
/*    transform: scale(10);*/
/*  }*/
/*  50% {*/
/*    transform: scale(0.2);*/
/*  }*/
/*  70% {*/
/*    transform: scale(1.2);*/
/*  }*/
/*  90% {*/
/*    transform: scale(0.7);*/
/*  }*/
/*  100% {*/
/*    transform: scale(1);*/
/*  }*/
/*}*/


.pdd-5{
    padding:5px 8px !Important;
}
.amen-img {
    height: 25px;
    width: auto;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(85deg) brightness(112%) contrast(101%);
    margin-right: 10px;
    color: white;
    font-weight: bold !important;
}
.amen-name{
    color:white;
}
.amen-row{
    padding-top:15px;
    margin-top:25px !important;
    border-top:2px solid white;
    margin:0px 20px;
}


#overviewText {
    max-height: 4.5em; /* Adjust this to control how many lines to show */
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.expanded {
    max-height: none; /* Show full text when expanded */
}

#viewMoreBtn {
    /*margin-top: -10px;*/
    /*cursor: pointer;*/
    color: #000000;
    background: #fcd733;
    border-radius: 10px;
    padding: 8px;
    /*float: right;*/
    /* margin-top: -35px; */
}

.trrip-date{
    margin-bottom:30px;
}
/*.head-no{*/
/*    display:flex;*/
/*    justify-content:center;*/
/*    align-items:center;*/
/*}*/
/*.folloe{*/
/*    display:flex;*/
/*    justify-content:flex-end;*/
/*}*/
.page-header.is-sticky .christmas_cap {
    top: -11px;
    left: -6px;
    height: auto !important;
}

.page-header .is-sticky .head-lnk a
{
    padding-right: 17px;
}

/**/
/* Style for the dropdown menus */
.head-lnk {
    position: relative;
    display: inline-block;
}

.head-lnk .dropdown {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 160px;
    z-index: 99999;
    padding: 10px 0;
    border-radius: 5px;
    /*margin:10px 0px;*/
}
.moreee .dropdown {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 40px;
    z-index: 1;
    padding: 10px 0;
    border-radius: 5px;
    /*margin:10px 0px;*/
}

.head-lnk .dropdown a {
    color: black;
    padding: 8px 16px;
    text-decoration: none;
    display: block;
}

/* Hover effect */
.head-lnk:hover .dropdown {
    display: block;
}

/* Underline animation */
.hover-underline-animation {
    position: relative;
    color:white;
}
.head-drop-link{
    color:black !important;
    transition:none;
    transform:none;
    text-decoration:none;
    transition:all 0.2s ease;
}

.head-drop-link:hover{
   background:#fcd733;
}
.bgp-tour-sec {
    padding: 60px 0px;
    padding-top: 168px;
    background: black;
}
.bgg-headding{
    color:#ffd700;
}
.eenquire-btnn {
    padding: 5px 10px;
    border-radius: 5px;
    background: #000000;
    margin-top: 9px !important;
    border: 2px solid #fcd733;
    transition: all 0.2s ease;
    color: #fcd733;
    font-size: 13px;
}
.eenquire-btnn:hover{
    background:#fcd733;
    color:black;
}
.more-link{
    text-decoration:underline !important;
    padding-bottom:5px;
    z-index:999999999 !Important;
    
}
.aaal-right {
    padding-bottom: 8px;
    color: white;
    font-size: 16px;
    background: #151515f0;
    padding:20px 90px !important;
}
.advert{
    color:red;
}
.commenttt-quote {
    filter: brightness(0) saturate(100%) invert(99%) sepia(94%) saturate(5956%) hue-rotate(327deg) brightness(101%) contrast(98%);
    position: absolute;
    top: 148px;
    left: 49px;
    height: 50px !important;
}
.immgg-ssspan{
    width:75px !Important;
    max-width:75px !important;
}
.what-saapan{
    margin-left:60px !Important;
}


.eenquire-btnn2 {
    padding: 10px 20px;
    /*border-radius: 5px;*/
    background: #000000;
    margin-top: 9px !important;
    border: 2px solid #fcd733;
    transition: all 0.2s ease;
    color: #fcd733;
    margin-right:42px;
}
.eenquire-btnn2:hover{
    background:#fcd733;
    color:black;
}
.modal{
    z-index:99999999999999 !Important;
}
.mod-form-box {
    padding: 20px ! Important;
    background: white;
    color: black;
    padding-left: 0px !important;
}
.mod-head{
    padding-bottom:10px ;
    margin-bottom:20px;
    border-bottom:1px  dashed black;
}
.mod-input{
    border: 1px solid #949393;
    padding: 10px;
    margin: 10px 0px;
    color: black;
 }
.mod-form-label {
    padding: 0px 5px;
    background: white;
    position: absolute;
    top: -1px;
    left: 10px;
    color: #949393;
}
.modal-form-container{
    position:relative;
}
.mod-submit {
    padding: 10px 162px;
    background: #fcd733;
    border-radius: 5px;
    width:100% !important;
}
.btn-close{
    position: absolute;
    color: black !important;
    right: 19px;
    font-size: 25px;
    top: 9px;
}
.det-page-sec{
    padding:60px 0px;
    padding-top:160px;
    background:black;
}
.det-bnner-img{
    object-fit:cover;
    background-size:100% 100%;
    border-radius:10px !important;
}
.position-relative {
    position: relative;
}

.overlay-det {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Black with 50% opacity */
    display: flex;
    justify-content: center;
    align-items: center;
}

.text-det {
    color: white;
    font-size: 45px;
    font-weight: bold;
    text-align: center;
}
.abt-ker{
    padding:25px;
    background:#F4F6FC;
    color:black;
    border-radius:8px;
}
.abt-ker h3 {
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 2px solid #d6d3d3;
}
.abt-ker h4 {
    padding-bottom: 10px;
    margin-bottom: 15px;
}
/*.hiideden-data{*/
/*    display:none;*/
/*}*/
.v-bbtn{
    background: #00000000;
    text-decoration: underline;
}

/* Styling the buttons */
.v-bbtn {
    padding: 10px 20px;
    cursor: pointer;
     color: white;
    border: none;
    border-radius: 5px;
}

.v-bbtn:hover {
    background-color: #0056b3;
}
.handndnd{
    color:#fcd733;
}

#det-carousel .owl-next span{
    font-size: 90px ! important;
    padding: 0px 20px !important;
    padding-top: 0px !important;
    padding-bottom: 10px !important;
    /*border: 2px solid white;*/
}
#det-carousel .owl-next
{
    top: 40%;
    right: -38px;
    line-height: 0.5;
}
#det-carousel .owl-prev
{
   left: -38px;
    top: 40%; 
    line-height: 0.5;
}
#det-carousel .owl-prev span{
    font-size: 90px ! important;
    /*border: 2px solid white;*/
    line-height: 0.5;
    padding: 0px 20px !important;
    padding-top: 0px !important;
    padding-bottom: 10px !important;
}


#deti-carousel .owl-next span{
    font-size: 90px ! important;
    padding: 0px 20px !important;
    padding-top: 0px !important;
    padding-bottom: 10px !important;
    /*border: 2px solid white;*/
}
#deti-carousel .owl-next
{
    top: 40%;
    right: -38px;
    line-height: 0.5;
}
#deti-carousel .owl-prev
{
   left: -38px;
    top: 40%; 
    line-height: 0.5;
}
#deti-carousel .owl-prev span{
    font-size: 90px ! important;
    /*border: 2px solid white;*/
    line-height: 0.5;
    padding: 0px 20px !important;
    padding-top: 0px !important;
    padding-bottom: 10px !important;
}
.det-fornm-box{
    padding:20px;
    border:1px solid white;
    border-radius:8px;
}
.make-sure{
    font-size:12px ;
    color:white;
}
.det-ipnuht {
    padding: 10px;
    color: white;
    margin: 15px 0px;
    background: #ffffff;
    border: 1px solid white;
    color: black !important;
    border-radius: 3px;
    width: 49%;
}
.det-ipnuht placeholder{
    color:white;
}
/*.form-select{*/
/*    width:49% !important;*/
/*}*/

.days-slectt {
    background: #fcd733;
    padding: 10px 30px ! Important;
    border-radius: 8px;
}
.det_ass_two
{
    color:#bd1e2e;
}
.det_ass_two i
{
    color:#bd1e2e;
    border: 1px solid #bd1e2e;
    border-radius: 50%;
    padding: 3px;
    font-size: 12px;
}
.det_ass
{
    color:#00bf16;
    margin-bottom: 8px;
}
.det_ass i
{
    color:#00bf16;
    border: 1px solid #00bf16;
    border-radius: 50%;
    padding: 3px;
    font-size: 10px;
}

.youtube-crousal{
    background:black;
}

.youtube-box iframe{
    width:100%;
    /*height:100%;*/
    border-radius:12px;
}

.paaaymentt-mmeths{
    display:flex;
    justify-content:flex-end;
}
.ffolow-linne{
    display:flex;
    justify-content:flex-end;
}
.mobile-header{
    display:none !Important;
    width:100% !Important;
}

.weeek-mob{
    display:none;
}
.mob-slider-xmas{
    display:none !important;
}
#xmas-mobile .owl-nav .owl-prev{
    position: absolute;
    font-size: 61px !important;
    top: 32%;
    left: -2%;
}

#xmas-mobile .owl-nav .owl-next {
    position: absolute;
    font-size: 61px !important;
    top: 32%;
    right: -2%;
}
.mob-why-choose{
    display:none !Important;
}
.mob-why-choose .owl-item img {
    display: block;
    width: auto !Important;
}

.mob-why-choose .owl-item .choose-box {
        margin: 0px 35px !important;
    }

#why-mob-slide .owl-nav .owl-prev{
    position: absolute;
    font-size: 61px !important;
    top: 32%;
    left: 1%;
}

#why-mob-slide .owl-nav .owl-next {
    position: absolute;
    font-size: 61px !important;
    top: 32%;
    right: 1%;
}
.wholde_swiper
{
    display: none !important;
}
.swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
}
.gXaokw {
    width: 100%;
    flex-shrink: 0;
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    bottom: 0px;
    padding: 10px 15px;
    border-radius: 0px 0px 12px 12px;
    display: flex;
    flex-direction: column;
}
.gXaokw h3 {
    color: rgb(255, 255, 255);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.gXaokw p {
    color: rgb(223, 223, 223);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.mobile_whole
{
    height: 400px;
    border-radius: 10px;
    object-fit: cover;
}
    .fixed-footer{
        display:none !important;
    }
.search-breadcrumb {
    position: relative;
    padding: 200px 0;
    background-image: url(../img/mountain-grass-landscape-valley-wallpaper-preview.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px; /* Adjust the height as necessary */
    background-attachment:fixed;
    box-shadow: inset 0px 7px 70px 50px #0000004a, inset 0px -30px 27px 0px #000000eb;
}
.breadcrumb-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.breadcrumb-text {
    color: white;
    font-size: 36px; /* Adjust the font size as needed */
    text-align: center;
    margin-top:60px;
}
.breadcrumb-text2 {
    color: white;
    font-size: 20px; /* Adjust the font size as needed */
    text-align: center;
}
.search_list-section{
    padding:60px 0px;
    background:black;
}
.inclusion-box li {
    display: flex;
}
.exclusion-box li {
    display: flex;
}
.pririice-add-btnn{
    max-width: 36px !important;
    text-align: center !important;
}
#next-btn:disabled {
    background-color: #fcd733;
    /*cursor: not-allowed;*/
    opacity: 0.6; /* Optional: make the button semi-transparent when disabled */
}
#det-carousel .llocatioon {
    /*margin-left: 163px !important;*/
    font-size: 15px;
}




.nav-pills .nav-link.active {
    background-color: #fcd733 !Important;  /* Set the background color to yellow */
    color: black !important;   /* Set the text color to black */
}
.nav-pills .nav-item.active {
    background-color: #fcd733 !Important;  /* Set the background color to yellow */
    color: black !important;   /* Set the text color to black */
}

/* Optional: You can also style the non-active tabs if needed */
.nav-pills .nav-link {
    color: black;  /* Set default text color */
    background-color: #fcd733;  /* Remove background color */
}

.nav-pills .nav-item.active {
    background-color: yellow; 
    color:black;
}

/* Optional: Change the text color for the active nav-item */
.nav-pills .nav-item .nav-link {
    padding: 11px 41px !important;
    margin:0px !important;
    border-radius:0px !Important;
}

.tab-slide .owl-prev span{
    font-size: 100px;
    position: absolute;
    bottom: 50%;
    right: 8px;
}
.tab-slide .owl-next span{
    font-size: 100px;
    position: absolute;
    bottom: 50%;
    left: 8px;
}

.detail-info-box ul{
    list-style-type: circle;
}
.detail-info-box ul li {
    line-height:2;
}


.info2 {
    padding: 10px;
    border: 1px solid #ffffff;
    background: white;
    margin-top: -14px;
    border-top:none;
    color: white;
}
.black-placeholder::placeholder {
    color:black;
}

.booking-pills {
    justify-content: flex-start;
}

.booking-pills li {
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid #012f14;
    color: #000 !important;
}

.booking-tab-content{padding:0px;}


#itinerary .accordion-item p{margin-bottom:0px;}
#itinerary .accordion-item strong{font-weight:800;}
#itinerary .accordion-item,#itinerary .accordion-button:not(.collapsed) {
    color: #000;font-size:16px;
}
#itinerary .accordion-button:focus {
    box-shadow: 0 0 0 0.25rem #ffd700 !important;
} 
#itinerary .detail-info-box ul {
    list-style: disc;
}

#itinerary .detail-info-box ul li::marker {
    color: #000000;
}

.handpicked.ddedet-crrr {
    margin-right: 30px;
}

.handpicked #det-carousel .owl-next {
    right: -65px;
}


.handpicked #det-carousel .owl-prev {
    left: -60px;
}

.booking-pills li .nav-link.active {
    border-radius: 5px !important;
}
.booking-pills li .nav-link {
    color: #000 !important;
}

.sales_assist{
    opacity :1;
    visibility:visible;
    transition:.3s ease;
}
.op0{
    visibility:hidden;
    opacity :0 !important;
    transition:.3s ease;
}
.rev{
    color:#113014 !important;
}
span.newyear-sp {
    position: absolute;
    left: 0px;
    top: 13px;
background: rgb(47,42,1);
background: linear-gradient(270deg, rgba(47,42,1,1) 69%, rgba(255,255,255,1) 95%);
    z-index: 99;
    color: #fcd734;
    padding: 5px 20px;
}
@media only screen and (max-width:720px)
{
    form#payment_gate_way {
    /*overflow: scroll;*/
    /*max-height: 170px;*/
}
}

/* new privacy pages css */
.privacy-sec{
    padding:60px 0px;
    background:black;
    color:white;
}
.privacy-head {
    color: #fcd733;
    border-bottom: 1px solid #fcd733;
    max-width: max-content;
    padding: 0px 10px;
    padding-bottom: 10px;
}
.desccc{
    color: white;
    font-size: 17px;
    font-weight: 900;
}
.terms-ul{
    list-style-type:circle;
}
.terms-ul li {
   margin:30px 0px;
}

ul#search-result {
    background: #fff;
    margin-top: 10px;
    border-radius: 10px;
    padding-left: 0px;
}

ul#search-result li a {
    color: #000;
    padding: 12px 10px;
    display: block;
    border-bottom: 1px solid #ddd;
}

ul#search-result li:last-child a {
    border: unset;
}
.paymt_poly h2
{
    text-align: center;
    margin-bottom: 20px;
    font-weight: 800 !important;
    font-size: 35px !important;
    color: #ffd701;
}
.paymt_poly h3
{
    margin-bottom: 20px;
    font-weight: 800 !important;
    color: #ffd701;
}
.paymt_poly ul li
{
    list-style-type: circle;
    line-height: 30px;
}
.paymt_poly p
{
    line-height: 30px;
}
.nav-tabs .pay_term .nav-link.active
{
    background: #ffd701 !important;
    margin: 0;
    border-radius: 0;
}
.nav-tabs .pay_term .nav-link
{
    margin: 0;
}




.major-box {
    width: 389px;
    padding: 21px !important;
}
.bg-black{
    background: black;
}

.banner-form .input-search {
    display: block;
    width: 43%;
    height: 60px;
    border: none;
    border-radius: 30px;
    color: var(--paragraph-color);
    padding: 0 0 0 21px;
    font-weight: 500;
    outline: 0;
    /* text-align: center; */
    margin: auto;
    font-size: 19px;
}


.banner-form form button {
    display: inline-block;
    position: absolute;
    right: 322px;
    top: 37px;
    width: 157px !important;
    color: #000;
    height: 59px;
    border-radius: 50%;
    background-color: #ffd700;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    border: none;
    font-size: 20px;
    line-height: 50px;
    padding: 1px 17px;
}


.banner-form ul#search-result {
    background: #fff;
    margin-top: 10px;
    border-radius: 11px;
    padding-left: 0px;
    width:43%;
    margin: auto;
    margin-top: 15px;
    font-size: 17px;
}

.banner-form ul#search-result li a {
    color: #000;
    padding: 8px 10px;
    display: block;
}




.resp-gallery .main {
  display: flex;
  flex-wrap: wrap;
  padding: 0 15px;
}
.resp-gallery .column {
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
  overflow: hidden;
}
.resp-gallery .column #size {
  margin-top: 8px;
  vertical-align: middle;
  width:100%;
  cursor:pointer;
}
.resp-gallery .column img {
  opacity: 0.9;
 }
.resp-gallery .column:hover img {
  transform: scale(1.1);
  transition: transform .2s;
  opacity: 1;
 }
@media screen and (max-width: 800px) {
 .resp-gallery  .column {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
	transition: transform .2s;
  }
}
@media screen and (max-width: 600px) {
 .resp-gallery  .column {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
	transition: transform .2s;
  }
}
.resp-gallery .credits{
  margin-top:50px; 
  padding:20px;
  background:white;
  border-radius:5px;
  width:450px;
  text-align:center;
  color:gray;
}
.resp-gallery a {
  color:#000000;
  text-decoration:none;
  font-family: 'Quicksand', sans-serif;
}
.resp-gallery a:hover{
  color:#006;
}

.resp-gallery {
    background: black;
}










.resp-gallery-2 {
    padding: 60px 0px 100px 0px !important;
        background: black;
}
.resp-gallery-2 .main {
  grid-column: main;
  padding: 1.25rem;
}

/* Photo Gallery */
.resp-gallery-2 .gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr));
  grid-auto-rows: 12.5rem;
  grid-auto-flow: dense;
  gap: 0.75rem;
}

.resp-gallery-2 .gallery figure {
  /* container-type: inline-size; */
  container: figure / inline-size;
  overflow: hidden;
  margin: 0;
  border-radius: 12px;
  display: grid;
  /* grid-template-columns: 1fr; */
  /* grid-template-rows: 1fr; */

  /*
    Because 1fr = minmax(auto, 1fr),
    to prevent the grid blowout,
    set the minimum to zero.
  */
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
}

.resp-gallery-2  .gallery img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  border-radius: 12px;
  /* grid-row: 1 / -1; */
  /* grid-column: 1 / -1; */
  grid-area: 1 / 1 / -1 / -1;
  transition: scale 1s ease-in-out;
  border-radius: 12px;
}

.resp-gallery-2  .gallery figure:hover img {
  scale: 1.125;
  
  /*display: bloack;*/
}

.resp-gallery-2  .gallery figcaption {
  grid-area: 1 / 1 / -1 / -1;
  align-self: end;
  z-index: 1;
  padding: 3em 15% 1em 1em;
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.3;
  background: linear-gradient(transparent 25%, rgb(0 0 0 / 0.75));
  display: block;
  opacity: 0;
}
.resp-gallery-2  .gallery figure:hover figcaption
{
    opacity: 1;
}

@container figure (width > 20rem) {
  .resp-gallery-2  .gallery figcaption {
    display: block;
  }
}

.resp-gallery-2 .gallery figcaption h3 {
  font-size: 1.0625rem;
}

.resp-gallery-2 .gallery figcaption p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media (width > 600px) {
 .resp-gallery-2 .gallery figure:nth-child(1) {
    grid-area: span 2 / span 2;
  }

  .resp-gallery-2 .gallery figure:nth-child(4n + 1) {
    grid-row: span 2;
  }

  .resp-gallery-2 .gallery figure:nth-child(4n + 2) {
    grid-column: span 2;
  }
}


.back-pink{
    background: #fae7f3;
    text-align: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.back-pink h6{
    color: #a3004c;
    font-size: 22px;
    font-weight: 400;
    line-height: 32px;

}


.review-major-box{
        border: 1px solid #fcd733;
        padding: 45px 20px 18px 20px;
        border-radius: 18px;
        /* background: black; */
}
.back-pink p{
    color: #e84576;
    text-decoration: underline;
    font-size: 16px;
}

.below-search-text{
    color: white;
}
.bg-white-data .det-ipnuht {
  
    border: 1px solid #dfe2e7 !important;
    margin: 12px 0px !important;
}
.major-top{
    margin-top: 0px !important;
}
.up_com_trip
{
    justify-content: start;
    margin-top: -30px;
    margin-bottom: 60px !important;
}
.up_com_trip li
{
    margin-left: 20px;
}

.imp-modal .modal.show .modal-dialog {
    transform: none;
   
    /* ===== SECTION BACKGROUND ===== */
        .why-sec {
            position: relative;
            padding: 90px 0;
            background-image: url("https://dreamstour.dreamstechnologies.com/html/assets/img/bg/breadcrumb-02.jpg");
            /* change image path if needed */
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
        }

        /* DARK OVERLAY */
        .why-sec::before {
            content: "";
            position: absolute;
            inset: 0;
            background: rgba(0, 0, 0, 0.55);
            z-index: 0;
        }

        .why-sec .container {
            position: relative;
            z-index: 1;
        }

        /* ===== HEADING ===== */
        .special-head2 {
            color: #fff;
            font-weight: 700;
            text-align: center;
        }

        /* ===== CARD ===== */
        .choose-box {
            background: #fff;
            padding: 35px 30px;
            border-radius: 16px;
            text-align: center;
            max-width: 420px;
            width: 100%;
            height: 100%;
        }

        /* ===== ICON CENTER ===== */
        .icon-wrap {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 15px;
        }

        .icon-wrap img {
            width: 60px;
            height: auto;
            display: block;
        }

        /* ===== TEXT ===== */
        .choose-box h6 {
            font-weight: 600;
            margin-bottom: 10px;
        }

        .choose-box p {
            font-size: 14px;
            color: #555;
        }
}
.search-dropdown {
  position: absolute;
  top: 70%; 
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  max-height: 250px;
  overflow-y: auto;
  list-style: none;
  margin: 0;
  padding: 0;
  display: none;
  z-index: 999;
}

.search-dropdown li {
  padding: 8px 12px;
  cursor: pointer;
}

.search-dropdown li a:hover {
  background: #fcd733;
}

.bg-white-data2 .det-ipnuht {
    border: 1px solid #dfe2e7 !important;
    margin: 6px 0px !important;
    padding: 7px;
}
#tabSelect {
    width: 152px;
    margin-left: 32px;
    margin-bottom: 25px;
    background: #fcd733 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' class='bi bi-caret-down-fill' viewBox='0 0 16 16'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592c.86 0 1.319 1.013.753 1.658l-4.796 5.482a1 1 0 0 1-1.506 0z'/></svg>") no-repeat right 10px center;
    background-size: 14px;
    border: 1px solid #fcd733;
    padding: 11px 30px 11px 11px; /* right padding thoda zyada rakho arrow ke liye */
    color: #000000;
    appearance: none; /* default arrow hatane ke liye */
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 4px;
    cursor: pointer;
}

.box-major img{
    height: 400px;
}

.tag2{
    border-radius: 2px;
}


sup{
        color: #ffd700;
}
/*.banner-form ul#search-result li a :hover{*/
/*    background: #fcd733 !important;*/
/*}*/