*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "Lexend", sans-serif;
    /* border: 1px solid red; */
}

:root{
    --main-color: #5F2A5D;
    --link-hover:#FFA584;
    --bg-color-orange:#F9EEE1;
    --heading-span:#FF885E;
}

/* header starts here  */
 .header{
    width: 100%;
    position: relative;
 }

.video {
    position: relative;
    height: 100vh;  
    overflow: hidden;

  }
  
  .view-more{
      font-size:1rem;
      color:#5F2A5D;
      cursor:pointer;
  }
  
  #background-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100vw;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    z-index: -1;  
    object-fit:cover;
    padding-top:5rem !important;
  }
  
 .header .overlap{
    width: 100%;
    background-color: rgba(0, 0, 0, 0);
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
     padding-top: 5rem !important;
     color: #ffff;
  }
  
  .header .overlap .content hr{
    width: 28%;
    margin: 0 auto;
    height: 3px;
    border-radius: 1rem;
    border: none;
    background-color:#F9EEE1;
    opacity: 25;
    margin-bottom:1rem;
}
.header .overlap .content h4{
     font-size: 1.3rem;
     font-weight: 800;
      margin-bottom: 1.5rem;
       margin-top:12rem;
}

.header .overlap .content p{
     font-size: 1.3rem;
     font-weight: 600;
      margin-bottom: 2rem;
}

.header .overlap .content h2{
    font-size: 4rem;
    margin-top: 1.3rem;
    margin-bottom: 2rem;
    color: #D93664;
     text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff,
               1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
}

/* Banner starts here  */

/*.banner{*/
/*    width: 100%;*/
/*    padding-top:7.5rem;*/
/*}*/

/*.banner .internal{*/
/*    background-color: var(--bg-color-orange);*/
/*    border-radius: 1rem;*/
/*}*/

/*.banner .left{*/
/*    width: 100%;*/
/*    height: 80vh;*/
/*    background: url(../img/bg-banner.webp) , var(--bg-color-orange);*/
/*    background-position: bottom top;*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/
/*}*/

/*.banner .left .content{*/
/*    padding-top: 20%;*/
/*    padding-left: 1rem;*/
/*}*/

/*.banner .right{*/
/*    padding: 1rem;*/
/*    background-color: var(--bg-color-orange);*/
/*}*/

/*.banner .right img{*/
/*    width: 100%;*/
/*    border-radius:2rem;*/
/*}*/

/*.banner .left .top-text{*/
/*    border:none;*/
/*    background-color: #fff;*/
/*    color: var(--main-color);*/
/*    padding: 0.5rem 1rem; */
/*    border-radius: 1rem;*/
/*    font-size: 0.9rem;*/
/*}*/

/*.banner .heading{*/
/*    color:#5F2A5D;*/
/*    font-size: 3.5rem;*/
/*    font-weight: 800;*/
/*}*/

/*.banner h2{*/
/*    font-size: 3rem;*/
/*    font-weight: 800;*/
/*    color:#5F2A5D;*/
/*    margin-top: 2rem;*/
/*    margin-bottom: 2rem;*/
/*}*/

/*.banner .left p{*/
/*    font-size: 1.2rem;*/
/*    color:#5F2A5D;*/
/*    font-weight: 700;*/
/*}*/


.phone-banner{
    display: none;
}


/*.banner{*/
/*    width: 100%;*/
/*    position: absolute;*/
/*    top: 0;*/
/*} */

/*.banner .image{*/
/*    width: 100%;*/
/*    height: 100vh;*/
/*    background-image: url(../img/hero-bg.jpg);*/
/*    background-position: center top;*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/
/*}*/

/*.banner .overlap{*/
/*    width: 100%;*/
/*    height: 100vh;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    background-color:rgba(0,0,0,0.5);*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*}*/

/*.banner .overlap .content{*/
/*    width: 100%;*/
/*    text-align: center;*/
/*    color: #ffff;*/
/*}*/

/*.banner .overlap .content hr{*/
/*    width: 8%;*/
/*    margin: 0 auto;*/
/*    height: 3px;*/
/*    border-radius: 1rem;*/
/*    border: none;*/
/*    background-color: #DA1C4B;*/
/*    opacity: 25;*/
/*}*/

/*.banner .overlap .content p{*/
/*     font-size: 1.3rem;*/
/*     font-weight: 600;*/
/*     margin-top: 5rem;*/
/*}*/

/*.banner .overlap .content h2{*/
/*    font-size: 4rem;*/
/*    margin-top: 1.3rem;*/
/*    margin-bottom: 5rem;*/
/*}*/


/* Stick starts here  */


.stick{
    width: 100%;
    padding: 4rem 0;
    padding-top: 6rem;
}

.stick .responsive{
    position: relative;
}

.stick .content{
    width: 100%;
    border: 1px solid var(--main-color);
    padding: 1rem 1rem;
    border-radius: 0.5rem;
    padding-top: 1.5rem;
}

.stick .content .text h3{
    font-size: 1.1rem;
    font-weight: 700;
}

.stick .content p{
   font-size: 1rem;
   text-align: justify;
}

.stick .content .image{
    width: 100%;
    border-radius: 100%;
}

.stick .content img{
    width: 70%;
    /*background-color: var(--main-color);*/
    background-color: #f9eee1;
    border-radius: 100%;
    padding: 0.5rem;
}

.stick .slick-slide{
    margin: 0 10px;
}

.stick  .slick-prev:before , .stick .slick-next:before{
   color: var(--main-color);
   font-size: 2.5rem;
}

.stick .responsive .slick-next {
    position: absolute !important;
    top: -2.5rem !important;
    right: 1.5rem!important;
    z-index: 1;
  }

  .stick .responsive .slick-prev{
    position: absolute !important;
    top: -2.5rem !important;
    right: 4rem !important;
    left:unset;
  }
  
 /* Deal starts here  */


.deal{
    width: 100%;
    padding: 3rem 0;
}

.deal .title p{
    font-size: 1.3rem;
    font-weight: 600;
}

.deal .title hr{
    width: 4%;
    margin: 0 auto;
    height: 3px;
    border-radius: 1rem;
    border: none;
    background-color: #DA1C4B;
    opacity: 25;
    position: relative;
    top: -0.7rem;
}


.deal .title h3{
    font-size:2rem;
    font-weight: 600;
    margin-bottom: 2.5rem;
}

.deal .image{
    overflow: hidden;
    border-radius: 1rem;
}

.deal img{
    width: 100%;
    transition: 1s ease all;
    border-radius: 1rem;
}

.deal img:hover{
    transform: scale(1.2);
}

.deal .box .left{
    width: 50%;
}

.deal .box .right{
    width: 50%;
}

.deal .box2 .left{
    width: 55%;
    padding-left: 1rem;
}

.deal .box2 {
    padding-top: 0.3rem;
}

.deal .box2 .right{
    width: 45%;
}

.deal .content{
    background-color:#fff;
    padding: 1rem;
    border-radius: 1rem;
    position: relative;
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
}

.deal .content .para{
    color:#5F2A5D;
    cursor:pointer;
    font-weight:600;
}

.deal .content .space{
    padding: 0.3rem 1rem;
    border: none;
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    background-color: var(--heading-span);
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    position: relative;
    overflow: hidden;
    position: absolute;
    top: 3rem;
    left: 0;
}

.deal .content a{
    text-decoration: none;
    color: #000000;
}

.deal .content a h3{
    font-size: 1.2rem;
    margin-top: 1rem;
    font-weight: 700;
}

.deal .content .box .text{
    margin-left: 1rem;
}

.deal .content .box .text h5{
    font-size: 1rem;
    font-weight: 700;
    position: relative;
    top: 0.3rem;
}

.deal .content .box i{
    color: var(--main-color);
    margin-top: 1rem;
    font-size: 1.3rem;
}

.deal .content h4 span{
    color: rgb(177, 177, 177);
    font-size: 1.2rem;
}

.deal .content .book{
    margin-top: 1.3rem;
}

.deal .content .box {
    border-top: 1px solid rgb(214, 214, 214);
    border-bottom: 1px solid rgb(214, 214, 214);
    padding: 0.5rem 0;
    padding-bottom: 0.3rem;
}

.deal .content p{
    color: rgb(177, 177, 177);
    text-align: left;
}

.deal h4{
    width:75%;
    font-size:1.3rem;
}

.mycontent{
    display:flex;
    justify-content:space-between;
    padding:0 2rem;
}

.mycontent ul{
    padding-left:0;
}
.mycontent ul li{
    margin-top:1rem;
    list-style:none;
    font-weight:600;
}

/* states starts here  */


.states{
    width: 100%;
}

.states .img-content{
    color: #fff;
    position: relative;
}

.states .img-content span{
    color:#DDA10A;
    font-weight: 700;
}

.states .img-content img{
    width: 100%;
    height:40vh;
    object-fit: cover;
    box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.2);
    border-radius: 0.5rem;
}

.states .img-content hr{
    width: 100%;
    height: 2px;
    background: linear-gradient(270deg, hsla(0, 0%, 100%, .05) -.13%, hsla(0, 0%, 88%, .05) 0, #e0e0e0 49.17%, hsla(0, 0%, 88%, .05));
}

.states .content{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height:40vh;
    background-color: rgba(0,0,0,0.5);
    border-radius: 0.5rem;
}

.states .content .text{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 1rem;
    width: 100%;
}

.states .content .main{
    width: 100%;
}



/* Pac starts here  */


.pac{
    width: 100%;
    padding: 4rem 0;
    padding-top: 0;
}

.pac .content{
    position: relative;
}

.pac .all-content{
    box-shadow:5px 5px 10px 5px rgba(0,0,0,0.2);
}

.pac h5{
    position: absolute;
    box-shadow:5px 5px 10px 5px rgba(0,0,0,0.2);
    color: #ffff;
    font-weight: 700;
    top: 0;
    text-align: center;
    width: 100%;
    right: 0;
    padding: 0.5rem 0;
    background-color: rgba(0,0,0,0.5);
}

.pac .ex{
    position: absolute;
    background-color: rgba(0,0,0,0.5);
    color: #ffff;
    font-weight: 700;
    bottom: -1rem;
    left: 0;
    width: 100%;
    text-align: center;
}

.pac .main{
    width: 100%;
}

.pac .text{
    background-color: #fff;
    padding: 1rem;
}

.pac .text .mid-text{
    background-color: #FFEEEE;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    color: #000;
    font-weight: 700;
    margin-top:0.5rem;
    margin-bottom: 1rem;
    padding: 0.5rem 0;
}

.pac .text .packages .left{
    width: 40%;
}

.pac .text .packages .left img{
    width: 30%;
}

.pac .text .packages .left p{
    position: relative;
    top: 0.5rem;
    left:0.3rem;
}
 
.pac button{
    background-color: var(--main-color);
    padding: 0.5rem 1rem;
}

.pac .price span{
    color:#A0A0A0;
    margin-top: 0.5rem;
}

.pac .price .left p{
    color:#0A7285;
    font-size: 1.3rem;
    margin-top: 0.2rem;
    margin-left: 0.3rem;
    font-weight: 700;
}

.pac .title{
    text-align: center;
}

.pac .title p{
    font-size: 1.3rem;
    font-weight: 600;
}

.pac .title hr{
    width: 4%;
    margin: 0 auto;
    height: 3px;
    border-radius: 1rem;
    border: none;
    background-color: #DA1C4B;
    opacity: 25;
    position: relative;
    top: -0.7rem;
}


.pac .title h3{
    font-size:2rem;
    font-weight: 600;
    margin-bottom: 2.5rem;
}


/* Scroll-bg starts here  */


.scroll-bg{
    width: 100%;
    position: relative;
    margin-top: 4rem;
}

.scroll-bg .image{
    width: 100%;
    height: 70vh;
    background-image: url(../img/banner.jpg);
    background-position:right center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

.scroll-bg .content{
    color: #ffff;
}

.scroll-bg .left{
     position: absolute;
     top: 15%;
     left: 10%;
}

.scroll-bg .left h3{
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.scroll-bg .left h5{
    margin-bottom: 2rem;
}

.scroll-bg .book{
    background-color: var(--main-color);
}


/* Only-content starts here  */

.only-content{
    width: 100%;
    padding: 3rem 0;
}

.only-content p {
    text-align: justify;
}

.only-content h3{
    font-size: 1.5rem;
    font-weight: 700;
}


/* Testimonial starts here  */


.testimonial{
    width: 100%;
    background-image: url(../img/bg-2.jpg);
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
}

.testimonial .internal{
    width: 90%;
    padding: 6rem 0;
    padding-bottom: 0;
}

.testimonial .internal .left{
    margin-top: 7rem;
}

.testimonial .internal .left p{
    color: #DA1C4B;
    font-size: 1.2rem;
    font-weight: 700;
    position: relative;
    left: 3rem;
}

.testimonial .internal .left p::before{
    width: 40px;
    height: 2px;
    content: "";
    background-color: #DA1C4B;
    border: none;
    position: absolute;
    top: 1rem;
    left: -3rem;
}

.testimonial .owl-carousel{
    margin-left: 5rem;
    padding: 3rem 0;
    overflow: visible !important; 
}

.testimonial .internal h3{
    font-size: 3rem;
    font-weight: 700;
    color: #fff;
}

.testimonial .internal .item .content{
    width: 100%;
    background-color: #fff;
    padding: 2rem;
    border-radius: 0.5rem;
    position: relative;
    z-index: -1;
}

.testimonial .internal .item p{
   font-size: 1.1rem;
   line-height: 1.9rem;
   color: #868686;
}

.testimonial .internal .item{
    padding-bottom: 2rem;
}

.testimonial .internal .item .text{
    background-color: none;
}

.testimonial .internal .item .text p{
    color: #fff;
    margin-bottom: 0;
}

.testimonial .internal .item .text span{
    color: #DA1C4B;
}

.testimonial .internal .item .man{
    margin-top: 1.5rem;
}

.testimonial .internal .item .man img{
    width: 20%;
    background-color: #DA1C4B;
    border-radius: 100%;
    margin-left: 1.5rem;
    margin-right: 1rem;
}

.testimonial .item .quotation{
    width: 20%;
    margin-bottom: 1.3rem;
}


/* Breadcrumb starts here  */


.breadcrumb{
    width: 100%;
    padding-top: 5rem;
}

.breadcrumb .content{
    width: 100%;
    height: 40vh;
    background-image: url(../img/about-us-breadcrum.jpg);
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    position: relative;
}

.breadcrumb .content h2{
    color: #ffff;
    position: relative;
    z-index: 100;
}

.breadcrumb .overlap{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40vh;
    background-color: rgba(0,0,0,0.5);
}


/* Moment starts here  */


.moment{
    width: 100%;
    padding: 2rem 0;
}

.moment .content h3{
    font-size: 2rem;
    font-family: "Great Vibes", cursive;
    color: #D93664;
}

.moment .content h4{
    font-size: 2.8rem;
}

.moment .content.left{
    width: 85%;
    border-right: 2px solid var(--main-color);
    margin-top: 1rem;
    padding: 2rem 0;
}

.moment .image{
    width: 100%;
}

.moment .image img{
    width: 100%;
    margin-top: 1.5rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    transition: .3s all ease;
}

.moment .image img:hover{
    transform: scale(1.1);
}


 /* Careers starts here  */


 .careers{
    width: 100%;
    position: relative;
  }

  .careers .image{
    width: 100%;
    height: 100vh;
    background-image: url(../img/about/careers-bg.png);
    background-size: cover;
    background-position:  bottom center;
  }

  .careers .content{
    width: 40%;
    margin-left: 10%;
    background-color: rgba(0, 0, 0, 0.8);
    box-shadow: 5px 5px 10px 5px rgba(255, 255, 255, 0.8);
    position: absolute;
    top: 12%;
    padding: 32px 42px;
    border-radius: 2rem;
    opacity: 0;
  }

  .careers .content h3{
    color: #8ec73f;
    font-weight: 700;
    font-size: 1.7rem;
    margin-bottom: 1rem;
  }

  .careers .content P{
    color: #ffff;
    text-align: justify;
  }

  .careers .content h4{
    font-weight: 700;
    font-size: 1.2rem;
    margin-top: 1.5rem;
    color: #8ec73f;
  }


  /* yatra starts here  */


  .yatra{
    width: 100%;
    padding: 4rem 0;
  }

  .yatra .image img{
    width: 80%;
  }

  .yatra .text{
    background-color: #ffff;
    box-shadow: 0px 0px 10px 0px #00000026;
    padding: 0rem 1rem;
    padding-top: 0.5rem;
    border-radius: 0.5rem;
  }

  .yatra .text .left .para{
    font-size: 1rem;
    position: relative;
    top: 0.6rem;
    font-weight: 700;
    margin-left: 0.5rem;
  }

  .yatra .text i{
    position: relative;
    top: 0.7rem;
  }

 .click{
     transform: translatey(-0.9rem) rotate(180deg);
  }
  
  .yatra h3{
    font-size: 2.5rem;
    font-weight: 700;
    width: 100%;
    margin-bottom: 2rem;
  }

  .yatra .question{
    cursor: pointer;
  }

  .yatra .answer-para {
    margin-top: 1rem;
    max-height: 0;          
    opacity: 0;           
    overflow: hidden;     
    transition: max-height 0.3s ease, opacity 0.5s ease;  
    text-align: justify;
    padding-bottom: 1rem;
    padding-top:0;
}

.yatra .answer-para.active {
    max-height: 180px;    
    opacity: 1;   
}


/* Team-section starts here  */


.team-section{
    width: 100%;
    padding-top: 3rem;
    padding-bottom: 3rem;
    border-top: 1px dotted var(--main-color);
}

.team-section img{
    border-radius: 80%;
    width: 50%;
    margin: 0 auto;
    position: absolute;
    top:0;
    left: 0;
    transform: translate(50% , -50%);
}
.team-section .content {
    background-color: var(--main-color);
    position: relative;
    border-top-left-radius: 3rem;
    border-top-right-radius: 3rem;
}
.team-section h4{
    font-size: 1.8rem;
    font-weight: 600;
    color: #fff;
    padding-top: 6rem;
}

.team-section p{
    padding-bottom: 1.5rem;
    font-weight: 700;
    color: #fff;
}


/* buddhist-images starts here  */

.buddhist-images{
    width: 100%;
    padding: 3rem 0;
}

.buddhist-images .image{
    width: 100%;
    height: 55vh;
    background-position: center;
    background-size: cover;
    transition: transform 0.3s ease;
    background-repeat: no-repeat;
}

.buddhist-images .image.image1{
    background-image: url(../img/buddhist-package/1.png);
}

.buddhist-images .image.image2{
    background-image: url(../img/buddhist-package/2.png);
}


.buddhist-images .image.image3{
    background-image: url(../img/buddhist-package/3.png);
}


.buddhist-images .image.image4{
    background-image: url(../img/buddhist-package/4.png);
}


.buddhist-images .image.image5{
    background-image: url(../img/buddhist-package/5.png);
}


.buddhist-images .image.image6{
    background-image: url(../img/buddhist-package/6.png);
}


.buddhist-images .image.image7{
    background-image: url(../img/buddhist-package/7.png);
}


.buddhist-images .image.image8{
    background-image: url(../img/buddhist-package/img8.jpg);
}


.slick-center .image {
    transform: scalex(1.8);  
    transition: transform 0.3s ease; 
}

.buddhist-images .slick-slide{
    margin: 0px 60px;
}

 .buddhist-images  .slick-prev {
    background-image: url(../img/buddhist-package/arrow-left.svg);
}

.buddhist-images  .slick-next {
    background-image: url(../img/buddhist-package/arrow-right.svg);
}

.buddhist-images .slick-prev {
    position: absolute !important;
    top: 50% !important;
    left: 13% !important;
    z-index: 100;
    background-repeat: no-repeat;
    width: 45px;
    height: 45px;
}

 .buddhist-images .slick-next {
    position: absolute !important;
    top: 50% !important;
    right: 13% !important;
    z-index: 1000;
    background-repeat: no-repeat;
    width: 45px;
    height: 45px;
}

.buddhist-images .slick-prev:before,  .buddhist-images .slick-next:before {
    content: none;
}

/* pack1 starts h1 */


.pack1{
    width: 100%;
    margin-bottom:2rem;
}

.pack1 .title {
    width: 100%;
}

.pack1 .title h3{
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 2rem;
    text-align: center;
}

.pack1 .title .text-left {
    margin-left: 1.5rem;
}

.pack1 .title .text-left img{
    width: 15%;
    position: relative;
    top: -0.5rem;
}

.pack1 .title .text-left p{
    margin-left: 0.5rem;
}

.pack1 .title .text-right img{
    width: 10%;
    position: relative;
    top: -0.5rem;
}

.pack1 .title .text-right p{
    margin-left: 0.5rem;
}

.pack1 .content{
    margin-top: 2rem;
}

.pack1 .accordion-item{
    border: 1px solid #868686 !important;
    margin-top: 2rem;
}

.pack1 .accordion-button:focus {
    outline: none;   
    box-shadow: none;  
    background:#7a5479;
    color: #000000;
}

.pack1 .accordion-button{
    background-color: none;
    border: 1px solid #868686;
}

.pack1 .accordion-button span{
    background-color: #FFF8F9;
    padding: 0.5rem;
    border-radius: 0.5rem;
}

.pack1 .slider{
    width: 40%;
    margin: 0;
}

.pack1 .accordion-body .img img{
    width: 100%;
    border-radius: 0.5rem;
}

.pack1 .slider .slick-prev {
    background-image: url(../img/buddhist-package/arrow-left.svg);
}

.pack1 .slider  .slick-next {
    background-image: url(../img/buddhist-package/arrow-right.svg);
}

.pack1 .slider .slick-prev {
    position: absolute !important;
    top: 55% !important;
    left: 5% !important;
    z-index: 100;
    background-repeat: no-repeat;
    width: 45px;
    height: 45px;
}

.pack1 .slider .slick-next {
    position: absolute !important;
    top: 55% !important;
    right: 5% !important;
    z-index: 1000;
    background-repeat: no-repeat;
    width: 45px;
    height: 45px;
}

.pack1 .slider  .slick-prev:before,  .pack1 .slider .slick-next:before {
    content: none;
}

.pack1 .content{
    width: 100%;
}

.pack1 .content ul li{
    margin-bottom: 1.5rem;
}


/* Service starts here  */


.service{
    width: 100%;
}

.service .internal{
    padding: 2.5rem 0;
}

.service .title h2{
    color: #D93664;
    font-family: "Great Vibes", cursive;
    font-size: 1.8rem;
}

.service .title h3{
    font-size: 2rem;
    margin-bottom: 2rem;
    font-weight: 700;
}


.service .content{
    position: relative;
}

.service .content img{
    width: 100%;
}

.service .content p{
    font-size: 1.1rem;
    position: absolute;
    bottom: 0;
    left: 1.5rem;
    right: 1.5rem;
    background-color: rgba(255, 255, 255, 0.8);
    padding:1rem 2rem;
    border-radius: 0.5rem;
}


/* Trip starts here  */


.trip{
    width: 100%;
    padding: 3rem 0;
}

.trip.hop{
    padding-top: 0;
}

.trip .content {
    background-color: #fff;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    padding: 1rem;
}

.trip .content h4{
    font-size:2rem;
    margin-top: 0.7rem;
    margin-bottom: 1rem;
}

.trip .content img{
    width: 30%;
}



/* Contact-pg-2 starts here  */


.contact-pg-2 {
    width: 100%;
    background-color: #F7F7F7;
  }
  .contact-pg-2 .inner {
    width: 82%;
    margin: 0 auto;
    padding: 4rem 0;
  }
  .contact-pg-2 .inner span{
      border-bottom:2px solid var(--main-color);
      padding-bottom:0.5rem;
      color:var(--heading-span);
  }
  .contact-pg-2 .inner .left {
    width: 90%;
    margin-right: 3rem;
  }
  .contact-pg-2 .inner .left h3 {
    font-size: 2rem;
    font-weight: 800;
    color: var(--main-color);
    margin-bottom: 1.5rem;
    margin-top: 2.5rem;
  }
  .contact-pg-2 .inner .left p {
    font-size: 1rem;
    margin-bottom: 3rem;
  }
  .contact-pg-2 .inner .right {
    width: 100%;
  }
  .contact-pg-2 .inner .right .content {
    padding-left: 3rem;
    border-left: 2px solid var(--heading-span);
    border-bottom: 2px solid var(--heading-span);
    padding-top: 0.5rem;
    padding-bottom: 1rem;
  }
  .contact-pg-2 .inner .right .content i {
    font-size: 1rem;
    color: var(--heading-span);
    margin-right: 0.5rem;
  }
  .contact-pg-2 .inner .right .content .one::before {
    content: "1";
    padding: 0.5rem 1rem;
    padding: 0.5rem 1rem;
    background-color: var(--heading-span);
    position: absolute;
    left: -4.5rem;
    top: -0.3rem;
    border-radius: 100%;
    color: #fff;
  }
  .contact-pg-2 .inner .right .content .two::before {
    content: "2";
    padding: 0.5rem 1rem;
    background-color: var(--heading-span);
    position: absolute;
    left: -4.5rem;
    top: -0.3rem;
    border-radius: 100%;
    color: #fff;
  }
  .contact-pg-2 .inner .right .content .three::before {
    content: "3";
    padding: 0.5rem 1rem;
    background-color: var(--heading-span);
    position: absolute;
    left: -4.5rem;
    top: -0.3rem;
    border-radius: 100%;
    color: #fff;
  }
  .contact-pg-2 .inner .right h3 {
    font-size: 2rem;
    font-weight: 800;
    color: var(--main-color);
    margin-bottom: 1rem;
  }
  .contact-pg-2 .inner .right h4 {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--main-color);
    margin-top: 1.5rem;
    position: relative;
  }
  .contact-pg-2 .inner .right p {
    margin-top: 1rem;
  }
  .contact-pg-2 .inner .right iframe {
    width: 100%;
  }
  
  #yourname {
    width: 48%;
    display: inline-block;
  }
  
  #youremail {
    width: 48%;
    display: inline-block;
    margin-left: 3%;
  }
  
  #yournum {
    width: 48%;
     display: inline-block;
  }
  
  #selector {
    width: 48%;
     display: inline-block;
    margin-left: 3%;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  
  #yourmessage {
    margin-bottom: 2.5rem;
    padding-bottom: 3rem;
  }
  
  
  /* Travels starts here  */
  
  

  .travels{
    width: 100%;
    padding:3rem 0;
  }

  .travels h3{
    font-size: 1.5rem;
    font-weight: 700;
    margin-top: 1rem;
  }

  .travels p{
    font-size: 1rem;
    line-height: 1.8rem;
  }

  .travels .round{
    width: 20px;
    height: 20px;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 100%;
    position: relative;
    position: absolute;
    top: 40%;
    left:50%;
    transform: translate(-50% , -50%);
    z-index: 19;
  }
  
    .travels .round.round2{
    width: 20px;
    height: 20px;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 100%;
    position: relative;
    position: absolute;
    top: 35%;
    left:50%;
    transform: translate(-50% , -50%);
    z-index: 19;
  }

  .travels .content{
    position: relative;
  }

  .travels .content img{
    width: 15%;
    margin-bottom: 3rem;
  }

  .travels hr{
    width: 100%;
    position: relative;
    top: 6.4rem;
  }

  .travels .round .span{
    width: 10px;
    height: 10px;
    background-color: #444444;
    border-radius: 100%;
    z-index: 10;
    text-align: center;
    line-height: 10px;
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50% , -50%);
  }


/* Gallery start here  */

.gallery {
    width:100%;
    margin-top:4rem;
    position:relative !important;
   }
  
   .gallery img{
    width:100%;
    cursor: pointer;
    transition: 0.3s ease;
    height:40vh;
    border-radius:0.5rem;
     object-fit: cover;
   }
  
  .gallery img:hover {
    transform: scale(1.05);
  }
  
  
.lb-prev, .lb-next {
  opacity: 1 !important;              
  visibility: visible !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: none;
  font-size: 2rem;
  color: #ffffff;
}

.lb-prev {
  left: 1rem !important;
}

.lb-next {
  right: 1rem !important;
}