@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Lora:ital,wght@0,400..700;1,400..700&family=Outfit:wght@100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Tenor+Sans&family=Yatra+One&display=swap');
body{font-family: "Figtree", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;}

span{font-family: "Figtree", sans-serif;
  font-weight: 400;
  font-style: normal;
font-size: 16px;
color: #DB4E99;
}

  .blog-image
  {
    background: #F8F9FA;
  }
  .btn-btn
  {
    background: #fff;
    color: #000;
    padding: 0.3rem 1rem;
  }
.title-section
{
  padding: 0rem 5rem;
}
h1{font-size: 2.5rem}
h2{font-size: 2.5rem}
h3{font-size: 2.5rem}
p{color: #625F5F;font-size: 18px}

.about{padding: 70px 0px;}
.about p{width: 86%;margin: auto;}

.review .google{background-color: #3C79E6;padding: 25px 30px;border-radius: 34px;margin-right: 50px}
.review .google p{font-size: 22px;color: #fff;width: 100%;}
.review .google div img{background-color: #fff;padding: 12px;border-radius: 50px}


.review .trustpilot{background-color: #28C08D;padding: 25px;border-radius: 34px}
.review .trustpilot p{font-size: 22px;color: #fff;width: 100%;}
.review .trustpilot div img{background-color: #fff;padding: 12px;border-radius: 50px;}


.cities{padding: 50px 0px;}
.cities img{border-radius: 34px;}
.cities h5 a { color:#333; text-decoration:none; }

.blog{padding: 70px 0px}

.blog .blog-image{position: relative;}


.blog .blog-text{bottom: 0px;left: 0px;
	padding-left: 20px;padding-bottom: 10px;}

.blog p{width: 75%;margin: auto;}
.blog .blog-text button{font-size: 12px;background-color: #E0303B;color: #fff;
border: none;padding: 8px 20px;border-radius: 50px}
.blog .blog-text p{font-size: 12px;width: 100%;color: #000}
.blog .blog-text h6 a{font-size: 25px;color: #000;text-decoration: none;}

.offer-box {
  position: relative;
/*  height: 420px;*/
  background-size: cover;
  background-position: center;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 5rem 2rem;
}

.offer-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.15);
}

.offer-content {
  position: relative;
  background: #ffffffd9;
  padding: 30px 35px;
/*  max-width: 380px;*/
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

.offer-content span {
  font-size: 14px;
  color: #000;
}

.offer-content h6 {
  font-size: 40px;
  font-weight: 700;
  margin: 10px 0;
}

@media(max-width:768px){
  .offer-box {
    height: 320px;
  }
  .offer-content h6 {
    font-size: 28px;
  }
}
.counter-value
{
    border:1px solid #cac2c23d;
    padding: 0.3rem;
    border-radius: 5px;
    background: #fff;
}


.testimonial{background:#F8F9FA;padding: 80px 0px;}

/*.testimonial h3{width: 50%}	
.testimonial p{width: 60%}*/

.testimonial .card-box{background-color: #fff;padding: 30px;
	border-radius: 34px;margin-top: 55px;}
.testimonial .card-box .box-img p{width: 100%;font-size: 16px}
.testimonial .card-box .box-img i{color: #F8AF41}
.testimonial .card-box p{width: 100%;font-size: 16px}
.testimonial .card-box .box-img h6{font-size: 18px;color: #000}


.popular-tour{padding: 70px 0px}
.popular-tour p{width: 50%}
.popular-tour .card h5 a{font-size: 22px;color: #000;}
.popular-tour .card i{color: #F8AF41;font-size: 12px}
.popular-tour .card span{color: #767373;font-size: 12px; }
.popular-tour .card .clock img{width: 5%}
.popular-tour .card .clock span{font-size: 13px;color: #767373}
.popular-tour .card .view a{text-decoration: none;background-color: #000;color: #fff;
padding: 12px 13px;border-radius: 50px;font-size: 13px;}

.popular-tour figure{box-shadow: none;}

.popular-tour .card .custom a{text-decoration: none;background-color: #000;color: #fff;
padding: 12px 13px;border-radius: 50px;font-size: 13px;}
.popular-tour .card .custom a img{width: 11%}
.popular-tour .card .view a img{width: 11%}
.popular-tour .card .custom:hover a{background-color: #000;}
.popular-tour .card .view:hover a{background-color: #E0303B;}
.cities-image h5{font-size: 20px !important}
.cities-image figure{border-radius: 32px}

.plan-trip{padding: 70px 0px}
.plan-trip .plan-trip-text{padding-left: 30px}
.plan-trip .plan-trip-text img{background-color: #E0303B;
  padding: 8px;border-radius: 50px;width: 100%}
.plan-trip .plan-trip-text h6{font-size: 22px} 
.plan-trip figure{box-shadow: none;} 

.plan-trip .plan-trip-text a{text-decoration: none;background-color: #000;color: #fff;
padding: 18px 20px;border-radius: 50px;font-size: 22px;}

.plan-trip .plan-trip-text a img{width: 12%;background: none}




.states{padding: 30px 0px 250px 0px}

.states .view-button a{text-decoration: none;color: #fff;border: solid 1px #fff;
padding: 6px 15px;border-radius: 50px;font-size: 12px;}
.states .view-button a img{width: 15%;margin-left: 5px}
.states .view-button:hover a{background-color: #E0303B;border: none;}

.states .listing p{font-size: 8px;color: #fff}
.states .states-text .listing h6{font-size: 15px !important;color: #fff}
.states-text{padding-top: 100%}
.states .states-text .listing h6:hover{color: #000 !important}
.states .listing p:hover{color: #000 !important}

.container{
    &[data-theme='dark']{
        --bg: linear-gradient(to bottom right, #1e2022, #323439);
        --txtBg: linear-gradient(
        to bottom right,
        #d4d4d8, #52525b
        );
        --borderClr: rgb(65, 65, 65);
    }

}






/**/

.certified{padding: 50px 0px 0px 0px}

.foot-background {
  background: url(../image/bg-image2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 50%;
  animation: moveBackground 2s linear infinite;
}

@keyframes moveBackground {
  0% {
    background-position: 0 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}


.experiences{background: url(../image/background-image2.png);
background-size: cover;background-repeat: no-repeat;
padding: 100px 0px;}

.experiences h3{width: 65%}
.experiences h6{color: #fff;font-size: 40px;}
.experiences p{font-size: 21px}




.gallery{padding: 70px 0px;}



/**/
.wrapper-1{padding: 40px 0px;}
.wrapper-1 .container{position: relative;}
        
.wrapper {
  display: inline-block;
  position: absolute;
  transform: translate(-50%,-50%)
}

.video-main {
  position: relative;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 48%;
  text-align: center;
}

.video {
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 100%;
  color: #fff;
  display: inline-block;
  background: #000000;
  z-index: 999;
  background-color: #E0303B;
}

@keyframes waves {
  0% {
    -webkit-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  50% {
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  }
  100% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}

.waves {
  position: absolute;
  width: 150px;
  height: 150px;
background-color: #fff;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border-radius: 100%;
  right: -50px;
  bottom: -50px;
  z-index: -1;
   -webkit-animation: waves 3s ease-in-out infinite;
  animation: waves 3s ease-in-out infinite;
}
        
.wave-1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.wave-2 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.wave-3 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
/**/

figure {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
    overflow: hidden;
    border-radius: 5px;
/*    border: solid 1.5px #E0303B;*/
    box-shadow: 
    rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, 
    rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.hover01 figure img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.hover01 figure:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

/* Shine */
.hover14 figure {
    position: relative;
}
.hover14 figure::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.hover14 figure:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}
@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}

/**/

.product_details_box
{
  
}

.background-slider{background: url(../image/bg.webp);background-size: cover;
background-repeat: no-repeat;background-position: center;}
.background-slider h1{font-size: 50px}
.background-slider span{font-size: 23px;color: #000;}
.background-slider span a{color: #000;text-decoration: none;}

.about-company{padding: 50px 0px}
/*.about-company h1 span{color: #4E781E;font-family: "Inter", sans-serif;font-size: 55px}*/
.about-company h1{color: #000}
.about-company p span{font-size: 18px;}


.why-choose h3 span{font-size: 55px;}
.why-choose{padding: 0px 0px 60px 0px;}
.why-choose h6{font-size: 22px}

.mission-vision{background: #a6edcf26;padding: 80px 0px}

.mission-vision .mission h5{font-size: 30px;color: #000}
.mission-vision .mission{background-color: #fff;padding: 50px 25px;
  border-radius: 19px;border: solid 2px #db4e9924;}

.mission-vision .mission p{color: #625F5F;font-size: 17px}  

.certified .owl-carousel .owl-stage{margin-left: 30px !important;}
/*contact-us*/

.information{padding: 30px 0px 50px 0px}
.information .address{border: solid 1px #BFBBBB;border-radius: 13px;
  padding: 20px;height: 150px}
.information .address h6{font-size: 25px}
.information .address p{font-size: 15px}
.information .address i{color: #fff; font-size: 25px;}
.information .address .contact-icon{margin-right: 20px;background-color:#000;
  height:45px;width:45px;text-align:center;border-radius:50px;padding:10px }

.information .address p a{text-decoration: none !important;color: #625F5F;font-size: 18px !important;}  
.form-contact{background: #F6F6F6}
.contact-form{background-size: cover;
background-repeat: no-repeat;background-position: center;padding: 100px 0px}

.contact-form form{background-color: #fff;padding: 30px 50px;border-radius: 34px}
.contact-form form h5{font-size: 45px;color: #000}

.contact-form form div button{border: none;padding: 8px 25px;margin-top: 20px;
  background-color: #000;color:#fff;border-radius: 50px;font-size: 23px}
.contact-form form div button img{width: 40px}


/*Package*/

.package h1 span{font-size: 55px;}
.package h6{font-size: 21px}
.package i{color: #E0303B;}
.package h3{font-size: 30px !important;padding-top: 50px;color: #E0303B;}
.package ul li{color: #625F5F}
.package ul li i{font-size: 8px}
.package h4{font-size: 30px;padding-top: 20px}
.package h4 span{font-size: 30px;}

/*.package .accordion-item:first-of-type>.accordion-header .accordion-button{color: #E0303B !important;}*/
.accordion-button:not(.collapsed){background-color: #FEE4E6;outline: none !important;}
.accordion-button .collapsed{background-color: #FEE4E6}

/*.package{padding: 30px 0px 50px 0px}*/
.package .image-slider2{padding-top: 30px}
.package .image-slider{padding: 30px 0px 50px 0px}
.package .image-slider img{border-radius: 26px;p}
.package .image-slider2 img{border-radius: 22px;p}

.accordion-item{border: none;}
.accordion-item .accordion-header .accordion-button.collapsed
{background-color: #FEE4E6 !important;border-radius: 10px;}

.package form div button{border: none;padding: 8px 25px;margin-top: 20px;
  background-color: #E0303B;color:#fff;border-radius: 50px;font-size: 23px}

 .package form div button img{width: 40px} 
.package form h5{font-size: 30px;color: #E0303B}
.package form{background-color: #fff;padding: 50px 50px;border-radius: 34px;margin: 40px 0px 20px 0px}
.custom-select {
  appearance: none;
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="%23000" stroke-width="2" d="M7 10l5 5 5-5"/></svg>') no-repeat right 10px center;
  background-size: 16px;
  padding-right: 30px;
}

.plan-trip .plan-trip-text a:hover{background-color: #E0303B}
.blog .blog-text button:hover{background-color: #000}

/*media-query-start*/


@media only screen and (max-width:1024px){
	.blog .blog-text{bottom: 0px;left: 0px;
	padding-left: 13px;padding-bottom: 10px;}

  .popular-tour .view a{font-size: 10px !important}
  .popular-tour .custom a{font-size: 10px !important}
  .popular-tour .custom a img{width: 10% !important}
  .popular-tour .view a img{width: 10% !important}
}


@media only screen and (max-width:768px){
  .plan-trip .plan-trip-text img {
    width: 75%;
}
.title-section
{
  padding: 0rem 0rem;
}
.cities img{border-radius: 20px;}
.plan-trip .plan-trip-text .image-div{width: 16% !important}
.cities-image{margin-left: 1px !important}
.plan-trip .plan-trip-text a img {
    width: 8%;
}
.plan-trip figure img{width: 90%}
.experiences h3 {
    width: 80%;
}

.testimonial h3 {
    width: 93%;
}

.testimonial p {
    width: 83%;
}

.blog p {
    width: 100%;
    margin: auto;
}
.blog .blog-text p{
  display: none !important;
}

.about p {
    width: 100%;
}

.popular-tour p {
    width: 100%;
}


.states .view-button a {
    padding: 6px 10px !important;
    font-size: 10px;
}
.slider-container{height: 15rem;
 gap: 0;  
}
.states .listing p {
    font-size: 8px;
}
.certified {
    padding: 20px 0px 0px 0px;
}

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

.package .image-slider2{display: none !important;}

.gallery figure{border-radius: 18px;}
.gallery img{border-radius: 18px;}

.gallery-images{margin-left: 1px}

.foot-background {
  animation: moveBackground 10s linear infinite !important;
}

}

@media only screen and (max-width:426px){
  .nian{margin-top: 10px !important}

  .plan-trip .plan-trip-text img {
        width: 14%;
    }
    .plan-trip .plan-trip-text a img {
        width: 15%;
    }

    .experiences h3 {
        width: 100%;
    }

    .experiences .experiences-text{
      flex-wrap: wrap !important;
    }

    .video-main {
    top: 37%;
    left: 45%;
}

.review .google p {
    font-size: 14px;
}

.review .trustpilot p {
    font-size: 16px;
}

.head{display: none;}
h1{font-size: 50px !important}
h2{font-size: 50px !important}
h3{font-size: 50px !important}

.testimonial .card-box p {
    font-size: 18px;
}

span {
    font-size: 30px;
}

p {
    color: #625F5F;
    font-size: 15px !important;
}
.gallery img{border-radius: 20px;width: 100%}
.background-slider h1{font-size: 60px}

.background-slider span{font-size: 20px;}
.about-company h2 span{font-size: 50px}
.about-company h2{font-size: 50px}
.about-company h3{font-size: 50px}
.why-choose h3 span{font-size: 50px}
.why-choose h6{font-size: 18px;line-height: 30px}

.information h2{font-size: 50px}


    
    .slide span{
        font-size: 1.6rem;
    }

    .slider-container{height: 9rem;
 gap: 0 !important;  
}

.states .states-text .listing h6 {
    font-size: 8px !important;
     margin-bottom: 4px !important
}

.states .listing p {
    font-size: 4px;
}

.states .view-button a {
    padding: 4px 4px;
    font-size: 4px;
}
.states .view-button a img {
    width: 12%;
    margin-left: 2px;
}
.states {
    padding: 30px 0px 143px 0px;
}
.states-text {
    padding-top: 95%;
}

.slider-buttons button{    top: 136px !important;
}

.experiences-text img{width: 70px}
.gallery {
    padding: 60px 0px;
}

.plan-trip .plan-trip-text {
    padding-left: 26px;
}
.blog .blog-text {
        padding-left: 42px;
        padding-bottom: 10px;
    }

  .owl-carousel .owl-nav{display: none !important;}
.blog-image figure{box-shadow: none !important;}
.gallery img {border-radius: 15px}
.plan-trip figure{text-align: center;}
.plan-trip figure img {
        width: 80%;
    }
.cities .cities-image col{width: 93% !important}

    
}


@media only screen and (max-width:376px){
  .review .google {
    margin-right: 22px !important;
    border-radius: 22px;
}

.review .trustpilot {
    padding: 18px;
    border-radius: 22px;
    border-radius: 22px;
}
.about {
    padding: 40px 0px;
}

.plan-trip {
    padding: 40px 0px;
}

.plan-trip .plan-trip-text{padding-left: 20px}

.testimonial .card-box .box-img i{font-size: 12px !important}

.testimonial .card-box .box-img h6 {
    font-size: 12px;
}
.testimonial .card-box .box-img p {
    font-size: 11px;
}

.testimonial .card-box p {
        font-size: 16px;
    }
h1{font-size: 30px !important}
h2{font-size: 30px !important}
        h3 {
        font-size: 25px !important;
    }
.blog .blog-text {
        padding-left: 20px;
        padding-bottom: 10px;
    }
.states .view-button a {
        padding: 2px 3px !important;
    }

    

}

@media only screen and (max-width:320px){
  .testimonial .card-box .box-img i{font-size: 10px !important}

.testimonial .card-box .box-img h6 {
    font-size: 10px;
}
.testimonial .card-box .box-img p {
    font-size: 9px;
}
.testimonial .card-box p {
        font-size: 14px;
    }

 .review {flex-wrap: wrap !important;}   
 .review .trustpilot{padding: 26px}

 .review .google {
        margin-right: 0px !important;
        border-radius: 22px;
    }

 .slide{
        width: clamp(2rem, 5rem, 25rem);
        height: clamp(6rem, 5rem, 27rem);
        border-radius: 10px;
    }   

   .slider-container {
    width: clamp(16rem, 90%, 64rem);
    height: 7rem;
} 

.slider-buttons button {
            top: 115px !important;
        }
span {
            font-size: 23px;
        }
.experiences p {
    font-size: 14px;
}
.experiences h6 {
    font-size: 34px;
}

.experiences-text img{width: 50px}

.gallery {
    padding: 60px 0px 20px 0px;
}

.why-choose h3 span{font-size: 40px !important}
.about-company h2 span {
   font-size: 40px;
     }
.about-company h2{
            font-size: 40px;
        }   

 .certified .owl-carousel .owl-stage{margin-left: 20px !important;} 

.states .view-button a {
        padding: 2px 3px !important;
    }

.plan-trip .plan-trip-text .image-div{width: 32% !important}
}
 .whatsapp_main {
    position: fixed;
    bottom: 20px;
    right: 20px;
    
    z-index: 10;
  .package_heading
  {
    color: #E23D47;
  }
  .privacy-policy h2
  {
    color: #e0303b !important;
  }