@charset "UTF-8";
*{margin: 0; padding: 0; box-sizing: border-box;  -webkit-box-sizing: border-box;}

:root {--theme-yellow: #FFDE00; --pera: #333; --head-pera: #1a1a1a; --white: #fff; --black: #000; --green: #28BE00; --icon-orange: #FF8D00;}
html {font-size: 62.5%; scroll-behavior: smooth;}
body { font-family: 'Mulish', sans-serif; font-weight: 400; overflow-x: hidden !important; line-height: 1; letter-spacing: 0.01rem; padding-top: 7rem !important;}

a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var {
    margin: 0;
    padding: 0;
  }
img {max-width: 100%;
    max-height: 100%;}

:focus{outline: 0 !important;}
.cf:after, .cf:before {content: ""; display: table;}
.cf:after{clear:both;}
.posR{position: relative;}


i {line-height: 0; }

strong {font-weight: 700;}

button, a {outline: 0 !important;font-family: 'Mulish', sans-serif; text-decoration: none; cursor: pointer;}

p, li {
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--pera);
    line-height: 2.8rem;
}

.second-heading {
    font-size: 3.5rem;
    color: #141414;
    font-weight: 800;
    line-height: 4.5rem;
    padding: 0 0 0.5rem;
}

.head-pera {
    color: var(--head-pera);
    font-weight: 400;
    text-align: center;
    font-size: 1.6rem;
}

.main-container {width: 120rem; padding: 0 1.5rem; margin: auto;}


/* ========================== Html CSS START ================================== */

header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: var(--black);
    /* box-shadow: 0 0.4rem 2rem 0 rgba(0, 0, 0, 0.15); */
    border-bottom: 1px solid  #efefef;
    z-index: 999;
    padding: 1.5rem 0;
}

.innerheader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; 
    -webkit-box-align: center;
    -ms-flex-align: center;
      align-items: center; 
   -webkit-box-pack: justify;
    -ms-flex-pack: justify;
     justify-content: space-between; 
    gap: 3rem;
    position: relative;
}

.innerheader .leftheader {width: 35rem;}

.innerheader .lang {
    border-radius: 2rem;
    border: .1rem solid var(--theme-blue);
    background-color: var(--white);
    font-size: 1.6rem;
    font-weight: 500;
    color: var(--theme-blue);
    padding: 1rem 3rem;
    margin-left: .5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
}


.header-search-box{
    width: 30%; 
    display: inline-block; 
    vertical-align: middle; 
    position: relative;
    border: 1px solid #DCDCDC; height: 40px; padding: 0.7rem 0rem; border-radius: 0.3rem; font-size: 0; position: relative;

input {width: 100%; border: none; padding: 0 1rem 0px 3.6rem; font-family: "Gilroy" !important; height: 26px; color: #000; font-size: 1.4rem;}
input::placeholder{color: var(--pera);}
}

.header-search-box i{position: absolute; font-size: 1.6rem; left: 1rem; top: 50%; transform: translateY(-50%); color: var(--pera);}


.mm-right-hh {
    display: inline-flex;
    align-items: center;
    gap: 1rem;
}

.header-mobile {
    font-size: 1.5rem;
    font-weight: 500;
    color: var(--white);
    display: flex;
    align-items: center;
    margin-left: 1rem;
}

.header-mobile i {
    font-size: 2.2rem;
    margin-right: .5rem;
    color: var(--white);
}

.header-mobile .ph-whatsapp-logo {color: #15DC29;}

.menu-section {
    box-shadow: 0 0.4rem 2rem 0 rgba(0, 0, 0, 0.10);
    position: sticky;
    z-index: 998;
    top: 7.1rem;
    background: #fff;
}

.rightheader {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

 .rightheader ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

 .rightheader ul li {
    display: inline-block;
    padding: 1rem 1rem;
    border-right: 0.1rem solid #f2f2f2;
}

.rightheader ul li:last-child {border: none;}

.rightheader ul li:first-child {padding-left: 1rem;}

 .rightheader ul li a {
    color: var(--black);
    font-size: 1.4rem;
    font-weight: 500;
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

 .rightheader ul li.menulink .active {color: var(--theme-yellow);}

 .rightheader ul li i {transition: .4s all; float: right; font-size: 1.4rem; padding-top: 0.8rem; padding-left: 1rem; cursor: pointer;}
 .rightheader ul li:hover i {transform: rotate(180deg); padding-bottom: .8rem; padding-top: 0; padding-right: 1rem; padding-left: 0;} 


.rightheader ul > li:hover > .sub-menu {display: block;}

.rightheader ul li .sub-menu {
    position: absolute;
    top: auto;
    padding-top: 5px;
    opacity: 1;
    -webkit-transform: translate(-3rem, 1rem);
    transform: translate(-1rem, 1rem);
    z-index: 99;
    white-space: normal;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.08);
    display: none;
    max-height: 47rem;
    overflow-y: auto;
}

.rightheader ul li li a i {transform: rotate(90deg);}
.rightheader ul li li:hover a i {transform: rotate(-90deg);}

.rightheader ul li li {display: block !important; padding: 0 !important; position: relative;}
.rightheader ul li li a {
    margin-top: 1px;
    font-size: 1.3rem !important;
    padding: 0.3rem 2.5rem 0.3rem 1.5rem;
    border-bottom: 1px solid #f1f1f1;
    display: inline-flex !important;
    justify-content: space-between;
    width: 100%;
}

.rightheader ul li li .sub-sub-menu {
    display: none;
    padding-top: 1rem;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.rightheader ul li li ul {
    border-left: 1px solid #ffffff;
    left: 100%;
    position: absolute;
    background: #fff;
    top: -7px !important;
    -webkit-box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.08);
}

.rightheader ul li li:hover .sub-sub-menu {
    -webkit-transform: translate(0rem, 0) !important;
    transform: translate(0rem, 0) !important;
    z-index: 99;
    display: block;
}

.rightheader ul li > ul li > .sub-sub-menu li {padding: .5rem 0 !important; display: block; line-height: 2.3rem;}
.rightheader ul li > ul li > .sub-sub-menu li a {
    font-size: 1.3rem !important;
    font-weight: 400;
    color: var(--pera);
    transition: .4s all;
}

.rightheader ul li > ul li > .sub-sub-menu li:hover a {text-decoration: underline; color: var(--theme-blue);}

.socila-icon {
    display: inline-block;
}

.socila-icon a img {
    width: 2.1rem;
    border-radius: 0.5rem;
    margin-left: 2rem;
}

.nav_btn_open {display: none;}
.nav_btn_close {display: none;}



/* hero container */
.hero-container {
    position: relative;
    height: 52rem;
}

.hero-container .hero-image-slider {
    position: absolute;
    left: 0;
    width: 55%;
    height: 100%;
    z-index: 1;
}

.hero-container .hero-image-slider img {
    width: 100%;
    height: 52rem;
    object-fit: cover;
    -o-object-fit: cover;
}

.hero-image-slider .slick-prev,
.hero-image-slider .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: 0 0;
}

.slick-next:before {
    content: '\e934';
    font-family: 'Phosphor-Fill';
    color: var(--theme-yellow);
    font-size: 5rem;
}


.slick-prev:before {
    content: "\e933";
    font-family: 'Phosphor-Fill';
    color: var(--theme-yellow);
    font-size: 5rem;
}


.hero-image-slider .slick-prev {
    right: 9rem;
    bottom: 2rem;
    z-index: 1;
    opacity: 1;
    top: initial;
}

.hero-image-slider .slick-next {
    left: initial;
    right: 4rem;
    bottom: 2rem;
    z-index: 1;
    opacity: 1;
    top: initial;
}

 .hero-detail-box {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    position: absolute;
    width: 45%;
    top: 0;
    bottom: 0;
    right: 0;
    padding-right: 4rem;
    padding-left: 4rem;
    align-content: center;
}

.hero-detail-box ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.hero-detail-box ul li {
    display: block;
    padding: 1rem 0 .5rem;
    color: var(--black);
}

.hero-detail-box ul li i {
    font-size: 1.8rem;
    color: var(--icon-orange);
    margin-right: 0.5rem;
}

.hero-detail-box ul li span {
    display: block;
    padding-left: 2.5rem;
    line-height: 3rem;
}

.bottom-btn-block {display: flex; gap: 1rem; align-items: center; margin-top: 4rem; justify-content: flex-end;} 

.bottom-btn-block i {font-size: 4.5rem; margin: 0;}
.bottom-btn-block .info i {    
    width: 4rem;
    height: 4rem;
    font-size: 2.8rem;
    padding-top: 0.7rem;
}

.bottom-btn-block .info {padding: 0; margin: 0;}

.book-nowbtn {
    display: block;
    background-color: var(--green);
    color: var(--white);
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    padding: 1.2rem 4rem;
    /* box-shadow: 0px 11px 30px 0px rgba(0, 0, 0, 0.12); */
    border-radius: 1rem;
    width: 100%;
    margin-left: 1rem;
    border: 0;
}

.circle-icon-block {padding: 4rem 0 3rem; margin: 3rem 0 8rem; background-color: #f9f9f9;}
.circle-icon-block .main-container {
    display: grid;
    display: -ms-grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 3rem;
    align-items: center;
    justify-content: center;
    max-width: 100rem;
    margin: auto;
}

.circle-icon-block .block-inner {text-align: center;}

.circle-icon-block .block-inner span {
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    background-color: var(--white);
    box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.05);
    display: block;
    margin: 0 auto;
}

.circle-icon-block .block-inner span img {
    width: 4rem;
    margin: auto;
    padding: 2rem 0 0;
}

.circle-icon-block .block-inner h3 {
    font-size: 1.8rem;
    font-weight: 400;
    color: var(--black);
    padding: 2rem 0 1rem;
}



.detail-block {margin-top: 3rem;}

.detail-block .second-heading {text-align: center;}

.detail-header {padding: 1rem 0; background-color: var(--black); /*- position: sticky; top: 0; left: 0; right: 0; z-index: 999; */ margin-top: 3rem;}

.detail-header ul {list-style: none; margin: 0 auto; padding: 0 1.5rem; max-width: 120rem; text-align: center;}

.detail-header ul li {display: inline-block; padding: 0 2.5rem; font-size: 1.5rem;     line-height: 2.1rem;}

.detail-header ul li a {color: var(--white);}

.detail-block-wrapper {margin: 4rem 0;}

.detail-block-wrapper .detail-inner-box { padding-bottom: 3rem;}

.detail-block-wrapper .detail-inner-box .days-block {margin-bottom: 4rem; border-bottom: .1rem solid #e7e7e7; padding-bottom: 2rem;}

.detail-block-wrapper .detail-inner-box h3 {font-size: 2.5rem; font-weight: 700; color: var(--icon-orange); padding-bottom: 1.5rem;}

.detail-block-wrapper .detail-inner-box h4 {font-size: 1.7rem; color: var(--black); font-weight: 800; padding-bottom: 1rem; line-height: 2.2rem;}

.detail-block-wrapper .detail-inner-box p {padding: .5rem 0;}

.detail-block-wrapper .detail-inner-box ul {padding: 0 0 0 1.8rem; margin: 0;}
 
.detail-block-wrapper .detail-inner-box ul li {padding: .5rem 0;}

.tactive a {color: var(--black) !important; padding: 1rem; background-color: var(--theme-yellow);}



.block-yellow {padding: 1rem 0; background: linear-gradient(180deg, #FFF 30.76%, #ffde00 28.77%, #ffde00 69.39%, #FFF 69.4%)}

.block-yellow .main-container {display: flex; align-items: center; gap: 3rem;}

.block-yellow .main-container img {    
    box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.08);
}

.block-yellow .main-container .second-heading {
    font-size: 4.5rem;
    font-weight: 800;
    color: var(--black);
}


.package-block {
    padding: 6rem 0;
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 3rem;
}


.package-block h3 {
    font-size: 2rem;
    font-weight: 700;
    color: var(--black);
    line-height: 3rem;
}

.package-block ul {
    list-style: disc;
    margin: 1.5rem 0;
    padding: 0 0 0 1.5rem;
}

.package-block ul li {padding: .3rem 0;}

.package-block ul li a {color: var(--pera); transition: .25s all;}

.package-block ul li:hover a {text-decoration: underline; color: var(--black);}



footer {
    padding: 6rem 0 2rem;
    background-color: #FCFCFC;
 }
 
 footer .main-container {
     display: grid;
     display: -ms-grid;
     -ms-grid-columns: (1fr)[5];
     grid-template-columns: repeat(5, 1fr);
     grid-gap: 2rem;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: start;
     justify-items: center;
     -webkit-box-pack: justify;
 }
 
 footer .footerbox .logo {width: 30rem; margin-bottom: 3rem; display: block;}
 
 footer .footerbox .socila-icon {
     padding-left: 1rem;
     width: 100%;
 }
 
 footer .footerbox .socila-icon a img {width: 2.5rem; margin-top: 3.5rem; margin-left: 0; margin-right: 1.4rem;}
 
 footer .footerbox h4 {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--black);
    padding: 1rem 0 1rem;
 }
 
 footer .footerbox ul {
     list-style: none;
     margin: 0;
     padding: 0 0 2rem;
 }
 
 footer .footerbox ul li {
    display: block;
    padding: 0.5rem 0;
    font-size: 1.4rem;
    line-height: 2.2rem;
 }
 
 footer .footerbox ul li a {
     color: var(--pera);
     -moz-transition: .2s all;
     transition: .2s all;
 }
 
 footer .footerbox ul li a:hover {color: var(--theme-blue);}
 
 footer .footerbox h5 {
     font-size: 1.6rem;
     font-weight: 400;
     color: var(--pera);
     line-height: 2.4rem;
     padding-bottom: 1rem;
 }
 
 footer .footerbox h5 span {
     color: var(--theme-blue);
     display: block;
     padding-bottom: .5rem;
     font-weight: 600;
 }
 
 .info {
     color: var(--pera);
     font-size: 1.4rem;
     font-weight: 400;
     display: flex;
     margin-top: 1rem;
     -moz-transition: .2s all;
     transition: .2s all;
     align-items: center;
     gap: 0.8rem;
     padding-left: 1rem;
 }
 
 .info i {
     font-size: 2.2rem;
     background: var(--theme-yellow);
     width: 3.5rem;
     height: 3.5rem;
     border-radius: 50%;
     text-align: center;
     padding-top: 0.6rem;
 }
 
 .info:hover {color: var(--theme-blue);}
 
 footer .footerbox .socialIcon {padding: 2rem 0;}
 
 .copyright {
     background-color: var(--black);
     padding: 1rem 0;
 }
 
 .copyright p {
     font-size: 1.2rem;
     font-weight: 400;
     color: var(--theme-yellow);
     text-align: center;
     line-height: 2rem;
 }
 
 .copyright p a {color: var(--white); }
 .copyright p:hover a {text-decoration: underline;}
 



 /* ----------------listing-page css----------------- */

 .top-section-bg {position: relative; height: 75vh;}

 .top-section-bg img {width: 100%; height: 100%; object-fit: cover;}

 .top-section-bg::before {
    content: "";
    background: linear-gradient(73deg, rgba(0, 0, 0, 0.60) 43.18%, rgba(0, 0, 0, 0.00) 63.35%);
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 0;
 }

 .top-section-bg .main-container {position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%);}

 .top-section-bg h1 {
    font-size: 6rem;
    color: var(--white);
    font-weight: 900;
    max-width: 50rem;
    line-height: 8rem;
 }

 .pera-div {
    background-color: var(--white);
    padding: 3rem 4rem;
    border-radius: 1rem;
    margin-top: -10rem;
    position: relative;
    box-shadow: 0px 1px 20px rgba(0,0,0,0.08);
 }

 .pera-div p {text-align: center;}

 .pera-div a {text-decoration: underline; color: var(--pera);}



 .list-block-section {
    margin: 8rem 0;
 }

 .list-block-section .second-heading {text-align: center; padding-bottom: 2rem;}

 .list-div-grid {
    display: grid;
    display: -ms-grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 3rem;
    padding-top: 3rem;
 }

 .list-div-grid .list-block-inner {border-radius: 1rem; height: 28rem; position: relative; overflow: hidden;}

 .list-div-grid .list-block-inner a {height: 100%; width: 100%; display: block; position: relative;}

 .list-div-grid .list-block-inner img {width: 100%; height: 100%; object-fit: cover; border-radius: 1rem; transition: .25s all;}

 .list-div-grid .list-block-inner:hover img {transform: scale(1.1);}

 .list-div-grid .list-block-inner .p-box {position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; text-align: center; padding:1rem 1rem 1.5rem;}

 .list-div-grid .list-block-inner a::before {
    content: ""; 
    position: absolute; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    height: 100%; 
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 62.87%, #000 96.09%);
    border-radius: 1rem;
    z-index: 1;
}

 .list-div-grid .list-block-inner .p-box p {color: var(--white); font-size: 1.8rem; font-weight: 600; text-align: center; line-height: 2.4rem;}


.grey-bg {
    background-color: #FCFCFC;
    padding: 6rem 0;
    margin: 8rem 0;
}

.grey-bg .second-heading {text-align: center; padding-bottom: 2rem;}

.list-three-grid {
    display: grid;
    display: -ms-grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 3rem;
    padding-top: 3rem;
}

.travel-inner {border-radius: 1rem; border: .1rem solid #C6C6C6; overflow: hidden;}

.travel-inner .img-div {height: 20rem; overflow: hidden; border-radius: 1rem 1rem 0 0;}

.travel-inner img {height: 100%; object-fit: cover; width: 100%; transition: .25s all; border-radius: 1rem 1rem 0 0;} 

.travel-inner:hover img {transform: scale(1.1); border-radius: 1rem 1rem 0 0;}

.travel-inner .pera-block {padding: 1.5rem 1rem; background-color: var(--white); border-radius: 0 0 1rem 1rem;}

.travel-inner .pera-block a {text-align: center; display: block; color: var(--black); font-size: 1.7rem; font-weight: 600;}


.haridwar-excursions .travel-inner {
    background-color: var(--theme-yellow);
    padding: .5rem;
}
.haridwar-excursions .travel-inner {border: none;}
.haridwar-excursions .travel-inner .pera-block {background-color: var(--theme-yellow);}
.haridwar-excursions .travel-inner .pera-block a {font-weight: 700;}


/* -----------------tourist place detail page ----------------------- */
.place-detail-block {
    margin: 4rem 0 8rem;
    display: grid;
    display: -ms-grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 6rem;
}


.place-detail-block .left-section span {height: 40rem; overflow: hidden; border-radius: 1rem; margin: 2rem auto; width: 100%; display: block;}

.place-detail-block .left-section span img {width: 100%; height: 100%; object-fit: cover; border-radius: 1rem;}

.place-detail-block .left-section p {padding-bottom: 1.5rem;}


.place-detail-block .right-section {
    background: #fff;
    position: -webkit-sticky;
    position: sticky;
    top: 10vh;
    height: 90vh;
    overflow-y: auto;
    bottom: 2vh;
}

.place-detail-block .right-section .right-div-box {
    background: #fbf9ff;
    margin-bottom: 2rem;
    padding: 3rem 3rem 1rem;
    border-radius: 1rem;
}

.place-detail-block .right-section .right-div-box h3 {
    font-size: 2rem;
    color: var(--black);
    border-bottom: .1rem solid #e6e6e6;
    padding-bottom: 1.5rem;
}

.place-detail-block .right-section .right-div-box ul {
    list-style: disc;
    margin: 0;
    padding: 1rem 1.5rem;
}

.place-detail-block .right-section .right-div-box ul li {
    font-size: 1.4rem;
    padding: 1rem 0;
    line-height: 1.8rem;
}

.place-detail-block .right-section .right-div-box ul li a {color: var(--pera); transition: .25s all;}

.place-detail-block .right-section .right-div-box ul li:hover a {color: var(--icon-orange);}

.package-block-three {grid-template-columns: repeat(3, 1fr) !important;}


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

.contact-top {
   margin: 0;
    text-align: center;
}

.contact-top h1 {
    font-size: 5rem;
    font-weight: 700;
    color: var(--black);
}

.contact-form-section {
    margin: 8rem 0;
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 3rem;
}

.contact-form-section .left-contact-block h3 {
    font-size: 2.5rem;
    font-weight: 800;
    padding: 1.5rem 0 0;
    color: var(--black);
}

.contact-form-section .left-contact-block h4 {
    font-size: 2rem;
    font-weight: 600;
    color: var(--green);
    padding-top: 1.5rem;
}

.contact-form-section .left-contact-block ul {
    list-style: none;
    margin: 0;
    padding: 2rem 0 3rem;
}

.contact-form-section .left-contact-block ul li {
    padding: .5rem 0;
    display: flex;
    color: var(--pera);
}

.contact-form-section .left-contact-block ul li a {color: var(--pera); display: contents;}

.contact-form-section .left-contact-block ul li i {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background-color: #efefef;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
}


.right-contact-block {
    padding: 4rem 2rem 2rem;
    border: 0.1rem solid #f2f2f2;
    border-radius: 1rem;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.02);
    background-color: #fcfcfc;
}

.contact-form-box {
    margin-bottom: 2rem;
}

.contact-form-box input[type="text"],
.contact-form-box input[type="email"] {
    width: 100%;
    height: 5rem;
    border: 1px solid #eaeaea;
    font-family: 'Mulish', sans-serif;
    font-size: 1.6rem;
    color: #3C435E;
    padding: 0 1.5rem 0 1.2rem;
}

.contact-form-box input[type="submit"] {
    width: 100%;
    -webkit-transition: 0.25s;
    transition: 0.25s;
    height: 5rem;
    border: none;
    background: var(--black);
    border-radius: 0.5rem;
    font-size: 2rem;
    cursor: pointer;
    letter-spacing: 0.02em;
    color: #ffffff;
    font-family: 'Mulish', sans-serif;
}

.contact-form-box textarea {
    width: 100%;
    height: 15rem;
    border: 1px solid #eaeaea;
    font-family: 'Mulish', sans-serif;
    font-size: 1.6rem;
    color: #3C435E;
    padding: 1.5rem 1.5rem 1.5rem 1.2rem;
}



.home-top-bg {height: 100%;}

.home-bg-slider {width: 100%; height: 100%; max-height: 96rem; min-height: 100%;}

.h-bg-box {width: 100%; height: 100%; position: relative;}

.h-bg-box::after {
    background: linear-gradient(73deg, rgba(0, 0, 0, 0.60) 43.18%, rgba(0, 0, 0, 0.00) 63.35%);
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.h-bg-box img {height: 100%; width: 100%; object-fit: cover;}

.h-bg-box .main-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.h-bg-box .main-container h1 {
    font-size: 6rem;
    font-weight: 800;
    color: var(--white);
    padding-bottom: 1rem;
    line-height: 6.2rem;
    max-width: 60rem;
}

.h-bg-box .main-container p {
    font-size: 1.8rem;
    color: var(--white);
    font-weight: 800;
}

.h-bg-box .main-container p span {color: var(--theme-yellow);}

.h-bg-box .main-container a {
    display: inline-block;
    background-color: var(--theme-yellow);
    padding: 1.2rem 3rem;
    margin-top: 4rem;
    color: var(--black);
    font-size: 1.8rem;
    font-weight: 800;
    border-radius: 4rem;
}


.home-bg-slider .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: 0;
    z-index: 1;
    font-size: 0;
    color: transparent;
    line-height: 0;
}

.home-bg-slider .slick-next {right: 1rem;}
.home-bg-slider .slick-prev {left: 1rem;}
.home-bg-slider .slick-next:before {
    font-size: 4rem;
    color: var(--white);
}

.home-bg-slider .slick-prev:before {
    font-size: 4rem;
    color: var(--white);
}

.home-block-one {margin: 8rem 0;}

.home-block-one p {padding-top: 1.5rem;}

.commonBtn {
    background: var(--theme-yellow);
    padding: 1.5rem 3rem;
    color: var(--black);
    font-size: 1.6rem;
    font-weight: 700;
    display: inline-block;
    border-radius: 4rem;
    margin-top: 3rem;
    box-shadow: 0px 11px 30px 0px rgba(0, 0, 0, 0.12);
}

.home-block-two {margin: 8rem 0;}

.home-block-two .block-wrapper {padding-bottom: 1rem;}

.home-block-two .block-wrapper p {padding-top: 1.5rem;}

.block-twoSlider-section {
    margin: 8rem 0;
    background: var(--head-pera);
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    grid-gap: 3rem;
    align-items: center;
}

.block-twoSlider-section .content-block-right {
    padding: 3rem 8rem 3rem 0;
}

.block-twoSlider-section .content-block-right h3 {
    font-size: 3rem;
    font-weight: 700;
    color: var(--theme-yellow);
    line-height: 4rem;
}

.block-twoSlider-section .content-block-right ul {
    list-style: none;
    padding: 2rem 0 0;
    margin: 0;
}

.block-twoSlider-section .content-block-right ul li {
    padding: .4rem 0;
    padding-left: 3rem;
    position: relative;
}

.block-twoSlider-section .content-block-right ul li i {
    color: var(--theme-yellow);
    font-size: 2rem;
}

::-webkit-scrollbar {width: .2rem; height: .4rem; border-radius: 2rem;}
::-webkit-scrollbar-thumb {border-radius: 2rem; background-color: #efefef;}
::-webkit-scrollbar-track {background-color: transparent;}

.block-twoSlider-section .content-block-right ul li a {color: var(--white);}

.block-twoSlider-section .img-slider-section {max-width: 72rem; min-width: 100%; width: 100%; height: 100%; position: relative;}
.block-twoSlider-section .img-slider-section .imgS-box {height: 48rem;}
.block-twoSlider-section .img-slider-section .imgS-box img {width: 100%; height: 100%; object-fit: cover;}

.block-twoSlider-section .img-slider-section .slick-arrow {
    position: absolute;
    top: 3rem;
    background: transparent;
    border: 0;
    z-index: 1;
    font-size: 0;
    color: transparent;
    line-height: 0;
}

.img-slider-section .slick-next {right: 1rem;}
.img-slider-section .slick-prev {right: 5rem;}
.img-slider-section .slick-next:before {
    font-size: 3.5rem;
    color: var(--theme-yellow);
}

.img-slider-section .slick-prev:before {
    font-size: 3.5rem;
    color: var(--theme-yellow);
}


.home-block-three {
display: grid;
display: -ms-grid;
grid-template-columns: 1fr 1fr;
-ms-grid-columns: (1fr)[2];
align-items: center;
grid-gap: 0 6rem;
padding-bottom: 4rem;
}

.home-block-three:last-child {padding-bottom: 2rem;}

.home-block-three:first-child {margin-top: 8rem;}

.home-block-three:nth-of-type(even) .block-right {grid-column: 1; grid-row: 1;}
.home-block-three:nth-of-type(even) .block-left {grid-column: 2;}

.home-block-three .block-right {width: 100%; height: 100%; border-radius: 3rem; overflow: hidden; min-height: 33rem;}
.home-block-three .block-right img {width: 100%; height: 100%; object-fit: cover; border-radius: 3rem; transition: .25s all;}

.home-block-three:hover .block-right img {transform: scale(1.1);}

.home-block-three .block-left ul {
    padding: 1rem 0 0;
    margin: 0;
    list-style: disc;
    column-count: 2;
}

.home-block-three .block-left ul li {list-style: circle; margin-left: 1.5rem; padding: .4rem 1rem .4rem 0;}
.home-block-three .block-left ul li a {color: var(--pera);}

.home-list-block {margin: 8rem 0;}

.home-block-four .commonBtn {display: table !important; margin: 4rem auto;}

.home-block-four .second-heading {text-align: left;}

.home-list-four .list-block-inner {height: 20rem;}

.home-list-four .list-block-inner .p-box p {font-size: 2.2rem; color: var(--theme-yellow); font-weight: 700;}

.home-list-four .list-box-wrapper {
    border-radius: 1rem;
    height: 20rem;
    position: relative;
    transition: .25s all;
}


.home-banner-grid {
    padding: 4rem 0;
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 3rem;
    align-items: center;
    justify-content: center;
}

.home-banner-grid .banner-img {border-radius: 3rem;}
.home-banner-grid .banner-img img {border-radius: 3rem;}

.tourist-place-section {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 60% repeat(2, 1fr);
    grid-template-rows: repeat(2, 200px);
    -ms-grid-column: (1fr) [2];
    align-items: center;
    grid-gap: .5rem;
}

.tourist-place-section .tp-img-box {background: #000; height: 100%; overflow: hidden;}
.tourist-place-section .tp-img-box:nth-of-type(1) {grid-row: 1/-1;}
.tourist-place-section .tp-img-box img {width: 100%; height: 100%; object-fit: cover; transition: .25s all;}
.tourist-place-section .tp-img-box:hover img {transform: scale(1.1);}

.scroll-top {
    display: inline-block;
  background-color: #909090;
  width: 4rem;
  height: 4rem;
  border-radius: 0.6rem;
  text-align: center;
  position: fixed;
  bottom: 13rem;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  border: .1rem solid var(--white);
}

.scroll-top i {font-size: 3rem; color: var(--white);}

#scrollTop.show {
    opacity: 1;
    visibility: visible;
  }


  .block-last-one {
    padding: 6rem 0;
  }

  .block-last-one ul {list-style: none; padding: 2rem 0; margin: 0;}

  .block-last-one ul li {display: inline-block; padding-right: 1.5rem;}
  .block-last-one ul li:last-child {padding-right: 0;}

  .block-last-one ul li a {
    display: block; 
    border: .1rem solid #acacac; 
    background-color: var(--white); 
    font-size: 1.4rem;
    font-weight: 600;
    color: #8f8f8f;
    padding: .4rem 2rem;
    border-radius: 1rem;
    transition: .25s all;
}

.block-last-one ul li a:hover {background-color: var(--theme-yellow); color: var(--black); border-color: var(--theme-yellow); transform: scale(1.1);}



@media screen and (max-width: 1200px) {
    html {font-size: 60.5% !important;}
    .main-container {width: 100% !important; padding: 0 1.5rem; margin: auto;}
    .scroll-top {right: 1rem;}

    .block-twoSlider-section .content-block-right {padding: 3rem 2rem 3rem 0;}

    .stickybtns {right: 1rem !important;}
    .sticky-whatsapp {right: 1rem !important;}
}

@media screen and (max-width: 1024px) {

    body {padding-top: 6rem !important;}

    header {position: fixed;}
    .menu-section {
        position: fixed;
        left: 0;
        top: 0;
        background: #000;
        width: 0;
        overflow-y: auto;
        height: 100%;
        -webkit-transition: 0.25s;
        transition: 0.25s;
        -webkit-box-shadow: 14px 0px 13px rgba(153, 153, 153, 0.22);
        box-shadow: 14px 0px 13px rgba(153, 153, 153, 0.22);
        padding: 3rem 0;
        z-index: 9999;
    }

    .nav_btn_open {
        display: block;
        line-height: 0;
        font-size: 3.8rem;
        background: no-repeat;
        border: none;
        color: #fff;
        position: absolute;
        top: 50%;
        right: 1rem;
        transform: translateY(-50%);
    }

    .nav_btn_close {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 5.6rem;
        height: 5.6rem;
        font-size: 2.7rem;
        border: none;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #fff;
        background-color: #000;
    }

    .rightheader ul {width: 100%;}
    .rightheader ul li a {color: var(--white); width: 100%; justify-content: space-between; display: inline;}
    .rightheader ul li {display: block; border-bottom: 0.1rem solid #505050; border-right: 0;}
    .rightheader ul li .sub-menu {background: #000;}
    .rightheader ul li li a {border: none; padding-top: .5rem; padding-bottom: .5rem;}
    .rightheader ul li .sub-menu {position: relative;  -webkit-transform: initial;  transform: initial;}
    .rightheader ul li i {color: var(--white); padding-left: 3rem;}

    .header-mobile {display: none;}
    .whtsp {display: flex !important;}

    footer .main-container {grid-template-columns: repeat(5, 25rem);}
    footer {padding: 6rem 3rem 2rem; overflow-x: auto;}

    .list-div-grid {grid-template-columns: repeat(3, 1fr); grid-gap: 2rem;}
    .list-div-grid .list-block-inner {height: 20rem;}

    .list-three-grid {grid-template-columns: repeat(2, 1fr); grid-gap: 2rem;}

    .haridwar-excursions .list-div-grid {grid-template-columns: repeat(4, 28rem); overflow-x: auto; padding-bottom: 1rem;}

    .block-twoSlider-section .img-slider-section .imgS-box {height: 61rem;}

    .detail-header ul {padding: 0;}
    .detail-header ul li {padding: 1rem;}

    .home-block-three {grid-gap: 0 3rem;}
    .home-block-three .block-left ul {column-count: 1;}

    
   
}


@media screen and (max-width: 768px){
    html {font-size: 57.5% !important;}
    

    .top-section-bg {height: 62vh;}

    .contact-form-section {grid-template-columns: 1fr;}
    .pera-div {padding: 3rem 2rem; margin-top: -5rem;}
    .pera-div p {text-align: justify;}

    .list-div-grid {grid-template-columns: repeat(2, 1fr); grid-gap: 1rem;}
    .list-three-grid {grid-template-columns: 1fr; grid-gap: 1rem;}

    .hero-container .hero-image-slider {position: static; width: 100%;}
    .hero-detail-box {position: static; width: 100%; padding: 2rem 0rem;}
    .hero-container .hero-image-slider img {height: 30rem;}
    .hero-container {height: 100%;}
    .hero-image-slider .slick-prev,
    .hero-image-slider .slick-next
     {bottom: initial; top: 28rem;}

     .block-twoSlider-section {grid-template-columns: 1fr;}
     .block-twoSlider-section .img-slider-section .imgS-box {height: 30rem;}
     .block-twoSlider-section .content-block-right {padding: 0rem 1.5rem 3rem 1.5rem;}

     .tourist-place-section .tp-img-box:nth-of-type(1) {grid-column: 1/-1; grid-row: auto;}
     .tourist-place-section {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 20rem repeat(2, 100px);
     }

     .place-detail-block {grid-template-columns: 1fr; grid-gap: 3rem;}
     .place-detail-block .right-section {position: static;}

     .h-bg-box img {height: 62vh; }
     .h-bg-box .main-container h1 {font-size: 4rem; line-height: 4.8rem;}

     .popup-form h3 {font-size: 2.2rem !important; line-height: 3rem !important;}
     .popup-form .booknow-pop-call p {font-size: 1.6rem;}
     .popup-form {padding: 4rem 2rem 2rem !important; width: 95% !important;}

}


@media screen and (max-width: 600px){

    .second-heading {font-size: 3rem; line-height: 4rem;}

    .who-weSection {grid-template-columns: 1fr;}
    .top-section-bg h1 {font-size: 4rem; line-height: 5rem;}

    .year0fExp .main-container {grid-template-columns: repeat(2, 1fr);}

    .circle-icon-block .main-container {grid-template-columns: repeat(2, 1fr); grid-gap: 3rem 1rem;}
    .detail-block .second-heading {padding-left: 2rem; padding-right: 2rem; font-size: 2.7rem; line-height: 3.5rem;}

    .detail-block-wrapper {max-height: 40rem; overflow-y: auto;}
    .detail-header ul {display: flex; flex-wrap: wrap; align-items: stretch;}
    .detail-header ul li {padding: 1rem; flex: auto; width: 48.7%; min-height: 7rem; background: #000; padding: 0.5rem; margin: 0.2rem; font-size: 1.4rem;}
    .detail-header ul li a {
        width: 100%;
        height: 100%;
        display: inline-flex;
        padding: 1rem;
        align-items: center;
        justify-content: center;
    }

    .detail-header {background: transparent;}
    .block-yellow .main-container {flex-direction: column;}
    .block-yellow .main-container .second-heading {font-size: 4rem; line-height: 5rem; text-align: center;}
    .block-yellow {background: linear-gradient(180deg, #FFF 40.76%, #ffde00 28.77%, #ffde00 69.39% );}

    .block-last-one ul li {padding-bottom: 1.5rem; padding-right: 1rem;}
    .block-last-one ul li a {padding: 0.4rem 1.5rem;}

    .h-bg-box::after {background: linear-gradient(73deg, rgba(0, 0, 0, 0.60) 48.18%, rgba(0, 0, 0, 0.00) 95.35%);}
    .home-bg-slider .slick-arrow {bottom: 0; top: initial;}

    .home-block-three {grid-template-columns: 1fr; grid-gap: 3rem; padding-bottom: 6rem;}
    .home-block-three .block-right {grid-row: 1;}
    .home-block-three:nth-of-type(even) .block-left {grid-column: 1;}

    .home-banner-grid {grid-template-columns: 1fr;}

    .grey-bg {margin: 0 auto;}

    .innerheader .leftheader {width: 30rem;}

    .popup-form h4 {font-size: 1.8rem !important;}
    .booknow-popform-start {padding-top: 1.5rem;}

   
    }


    .stickybtns {
        position: fixed;
        right: 3rem;
        bottom: 8rem;
        width: 4rem;
        height: 4rem;
        border-radius: 50%;
        background-color: #000;
        z-index: 1000;
        border: .1rem solid var(--white);
        color: var(--theme-yellow);
        display: flex;
        align-items: center;
        justify-content: center;
        }

        .stickybtns i {font-size: 2.5rem; color: var(--theme-yellow);}


 .sticky-whatsapp {bottom: 3rem; width: 3.5rem; height: 3.5rem; right: 3.2rem; background: #fff; border: 0;}

 .sticky-whatsapp i {font-size: 4.5rem; color: #29a71a;}


 .enquiry-form-block {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    overflow-y: auto;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.enquiry-form-block.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
  }

.close-button {
    position: absolute;
    top: 1rem;
    right: 1rem;
    cursor: pointer;
    background-color: #000000;
    border: none;
    font-size: 1.5rem;
    color: var(--white);
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    font-weight: 600;
  }

  .popup-form {
    position: relative;
    background: var(--white);
    padding: 4rem 4rem 2rem;
    border-radius: 1rem;
    width: 100%;
    max-width: 85rem;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
  }

.popup-form h3 {
    text-align: center;
    font-size: 2.6rem;
    font-weight: 400;
    color: var(--black);
    margin-bottom: 1.5rem;
    line-height: 2.5rem;
  }

.popup-form .booknow-pop-call {
padding: 1.5rem 0 2.5rem;
position: relative;
border-top: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
  }

  .popup-form .booknow-pop-call p {
    font-size: 2rem;
    font-weight: 600;
    color: var(--green);
    text-align: center;
  }

  .popup-form .booknow-pop-call::before {
    position: absolute;
    bottom: -1.7rem;
    left: 50%;
    transform: translateX(-50%);
    content: "OR";
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    font-size: 1.3rem;
    background: #fbfbfb;
    margin: auto;
    text-align: center;
    line-height: 3.5rem;
    border: 1px solid #e8e8e8;
    font-weight: 600;
  }

  .popup-form .booknow-formpara {
    font-size: 1.4rem;
    text-align: center;
    padding: 2.8rem 0 1rem;
    line-height: 2.2rem;
    color: #666;
}

.popup-form h4 {
    color: var(--icon-orange);
    text-align: center;
    font-size: 2rem;
    font-weight: 400;
}

.booknow-popform-start {padding-top: 2.5rem;}

.booknow-popform-start form {display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0 1.5rem;}
.booknow-popform-start .contact-form-box {margin-bottom: 1.5rem;}
.booknow-popform-start .contact-form-box input[type="text"], .contact-form-box input[type="email"] {height: 4.5rem; font-size: 1.4rem;}

.booknow-popform-start .textarea-div,
.booknow-popform-start .submit-div
 {grid-column: 1/-1;}

 .booknow-popform-start .contact-form-box textarea {height: 8rem; font-size: 1.4rem;}

 .form-by-clicking {
    font-size: 1.2rem;
    color: #000;
    margin-bottom: 1.5rem;
    text-align: center;
    grid-column: 1/-1;
 }

 .form-by-clicking input {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    margin-top: -1px;
 }

 .form-by-clicking a {color: var(--icon-orange);}