@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Limelight&display=swap');

:root {
    --theme-color-green: #228B22;
    --theme-color-green-dark: #1d811d;
}

.text-gray {
    color: #696969;
}

.fs-24 {
    font-size: 24px;
}

.fs-14 {
    font-size: 14px;
}

.fs-12 {
    font-size: 12px;
}

.fs-32 {
    font-size: 32px;
}

.fs-35 {
    font-size: 35px;
}

.fs-18 {
    font-size: 18px;
}

.fs-16 {
    font-size: 16px;
}

.fs-20 {
    font-size: 20px;
}

.fw-6 {
    font-weight: 600;
}

.fw-5 {
    font-weight: 500;
}

.fw-4 {
    font-weight: 400;
}

.fw-7 {
    font-weight: 700;
}

.circle_iconList li {
    margin-bottom: 15px;
}

p {
    font-size: 16px;
    font-weight: 400;
}

.btn-theme {
    color: #fff;
    background: var(--theme-color-green);
    border-color: var(--theme-color-green);
    height: 50px;
}

.btn-theme-border {
    background: none;
    border: 1px solid;
}

.btn-theme-border:hover {
    background: var(--theme-color-green-dark);
    border-color: var(--theme-color-green-dark);
    color: #fff;
}

.btn-theme:hover {
    color: #fff;
    background: var(--theme-color-green-dark);
    border-color: var(--theme-color-green-dark);
}

body {
    font-family: "Inter", serif;
}

input,
select {
    height: 50px;
}

.theme-container {
    position: relative;
    width: 89.4%;
    margin: 0px auto;
    display: block;
}

.rattings img {
    height: 22px;
    width: 22px !important;
}

.owl-carousel .active {
    border-bottom: 0px !important;
}

.mainHeader {
    padding: 10px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mainHeader ul {
    display: flex;
    gap: 30px;
    margin-bottom: 0px;
    list-style: none;
    padding-left: 0px;
}

.mainHeader ul a {
    text-decoration: none;
    color: #181F29;
    font-size: 18px;
    font-weight: 400;

}

.active {
    border-bottom: 2px solid black;
    padding-bottom: 4px;
    font-weight: 600 !important;
    color: #181F29 !important;
}

.logo {
    height: 107px;
}

/* /css of hero section */
.HeroDeatils {
    color: #fff;
    position: absolute;
    transform: translate(0, -50%);
    top: 50%;
    left: 6%;
    width: 100%;
    max-width: 821px;
    z-index: 2;
}

.HeroDeatils p {
    font-size: 18px;
}

.overLay {
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
    top: 0px;
    z-index: 1;
}

.HeroDeatils h2 {
    font-size: 100px;
    font-family: "Playfair Display", serif;
    font-weight: 700;
}

.HeroDeatils h3 {
    font-family: "Playfair Display", serif;
    font-size: 35px;
    margin-bottom: 20px;
    font-weight: 600;
}

/* start sendQuery */
.sendQuery {
    padding: 25px;
    border-radius: 5px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    z-index: 2;
}

.sendQuery button {
    margin-top: 30px;
}

.sendQuery {
    position: absolute;
    top: -35px;
    width: 100%;
}

.sendQuery input,
.sendQuery select {
    background: #eeeeee;
}

.whiteSpace {
    position: relative;
    margin-top: 120px;
    width: 100%;
}

.headingAndSubHeading {
    margin-bottom: 15px;
}

.headingAndSubHeading h2 {
    font-size: 22px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 500;
}

.packageCard ul li {
    font-size: 16px;
    font-weight: 400;
}

.headingAndSubHeading h2::before {
    content: ' ';
    /* background-image: url('../images/Line1.png'); */
    height: 2px;
    width: 60px;
}

.whyChooseUseCard img {
    height: 54px;
    width: 54px;
}

.color696969 {
    color: #696969;
}

.accordion-button:not(.collapsed) {
    color: #000;
    padding-bottom: 10px;
}

.glassmorphismForm input,
.glassmorphismForm textarea {
    font-size: 14px;
    font-weight: 400;
}

.form-select {
    background-position: right 20px center;
}

.headingAndSubHeading h3 {
    font-size: 33px;
    font-weight: 700;
    margin-top: 20px;
}

.glassmorphismForm label {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
}

.packageDays {
    color: #fff;
    background: #87CEEB59;
    padding: 5px 13px;
    border-radius: 3px;
    display: flex;
    gap: 10px;
    align-items: center;
    width: 150px;
}

.slick-track .slick-active:first-child .testimonialCard {
    margin-left: 0xp;
}

.cardDetails {
    position: absolute;
    left: 5%;
    top: 30px;
    z-index: 9;
}

.packageCard strong {
    font-weight: 500;
}

.packageCard ul {
    list-style: none;
    margin-top: 10px;
    padding-left: 0px;
}

.packageCard ul li::before {
    content: '';
    display: inline-block;
    margin-right: 10px;
    /* Height of the list image*/
    height: 20px;

    /* Width of the list image*/
    width: 20px;
    /* background-image: url("../images/Frame.png"); */
    background-size: cover;
}

.optionalPoints strong {
    font-size: 16px;
    font-weight: 500;
    display: block;
    margin-bottom: 10px;
}

.priceOuter .card {
    height: 100%;
    margin-bottom: 20px;
    overflow: hidden;
}

.optionalPoints {
    margin-bottom: 90px;
}

.cardFoter {
    position: absolute;
    bottom: 13px;
    width: calc(100% - 32px);
    display: block;
}

.fa-bars,
.fa-chevron-left {
    display: none;
    font-size: 25px;
}

.backButton {
    display: none;
}

.fa-chevron-left {
    color: #fff;
}

.MenuRightButtons {
    display: flex;
    align-items: center;
    gap: 4px;
}

.MenuRightButtons a {
    line-height: 36px;
    height: 38px;
    padding: 0px 18px;
    letter-spacing: 1px;
}

.whyChooseUsInner {
    display: flex;
    width: 100%;
}

.whyChooseUsDetails {
    width: 75%;
    background: #87CEEB59;
    float: right;
    padding: 40px;
}

.hyChooseUsVideo {
    width: 25%;
}

.whyChooseUsInner {
    padding: 0px;
}

.hyChooseUsVideo .videoImage2 {
    width: calc(100% + 50%);
    height: calc(100% - 50px);
    margin-top: 20px;
}

.whyChooseUsMainContent {
    width: calc(100% - 20%);
    float: right;
}

.whyChooseUseCard>div {
    display: flex;
    gap: 30px;
    align-items: center;
}

.whyChooseUseCard p {
    font-size: 24px;
    font-weight: 500;
}

.whyChooseUseCard {
    padding: 40px 20px 20px 20px;
}

.hyChooseUsGrid .whyChooseUseCard:nth-child(1) {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
}

.hyChooseUsGrid .whyChooseUseCard:nth-child(2) {
    border-bottom: 1px solid #000;
}

.hyChooseUsGrid .whyChooseUseCard:nth-child(3) {
    border-right: 1px solid #000;
}

/* .hyChooseUsGrid:nth-child(4){} */
.whyChooseUsMainContent a {
    transition: all 0.3s;
    border-radius: 4px;
    display: flex;
    gap: 25px;
    padding: 15px;
    display: inline-block;
    text-decoration: none;
    color: #000;
    border: 1px solid #000;
}

.whyChooseUsMainContent a img {
    transition: all 0.3s;
    margin-left: 10px;
}

.whyChooseUsMainContent a:hover img {
    margin-left: 15px;
}

/* testimonial section */
.testiImg {
    margin: 0px auto;
    background: #F4F4F4;
    height: 112px;
    width: 112px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.testiImg img {
    object-fit: cover;
}

.rattings {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-content: center;
    margin-bottom: 15px;
}

.testimonialsSld .slick-active:first-child {
    margin-left: 0px;
}

.testimonialsSld .slick-active:last-child {
    margin-right: 0px;
}

.testimonialCard_Inner {
    /* width: 94%; */
    width: 100%;
    /* margin: 0px auto; */
    padding: 30px;
    border-radius: 5px;
    background: #228B2226;
    color: #61677A;
    /* margin-left: 0px; margin-right: 0px; */
}

/* .slick-next{right: 3px;} */
.testimonialCard_Inner h3 {
    margin-bottom: 0px;
    font-size: 22px;
    font-weight: 400;
}

.testiImg {
    margin-bottom: 30px;
}

.Char {
    font-size: 48px;
    font-weight: 600;
}

.riderTTl {
    font-size: 14px;
    text-align: center;
}

.slick-prev:before {
    content: url('../images/arrow_back.svg');
}

.slick-next:before {
    content: url('../images/arrow_next.svg');
}

.accordion-item {
    margin-bottom: 25px;
    border-radius: 0px !important;
}

.accordion-header {
    border: none !important;
}

.accordion-button:not(.collapsed) {
    box-shadow: none !important;
    background-color: #fff !important;
}

.accordion-item {
    border: 1px solid#dee2e6 !important;
}

/* footer css */
.footerForm .container-fluid {
    padding: 50px 0px;
}

.footerForm>img {
    object-fit: cover;
    position: absolute;
    height: 100%;
    background-size: cover;
    width: 100%;
}

.z-index2 {
    z-index: 2;
}

.footerForm .headingAndSubHeading {
    color: #fff !important;
}

.textWhite {
    color: #fff;
}

.iconOuter {
    margin-top: 5px;
    height: 36px;
    width: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}

.textWhite p {
    font-size: 24px;
}

.textWhite p:first-child {
    font-weight: 500;
}

.textWhite p:last-child {
    font-weight: 400;
}

.glassmorphismForm {
    background: #F5F5F526;
    padding: 30px 48px;
    border-radius: 30px;
    color: #fff;
    backdrop-filter: blur(2.3px)
}

.glassmorphismForm2 {
    background: #8A8A8A26;
    padding: 30px 48px;
    border-radius: 30px;
    color: #fff;
    backdrop-filter: blur(2.3px)
}

footer {
    background: #333333;
}

.footerSocial a {
    color: #fff;
}

.footeritems ul {
    display: flex;
    gap: 15px;
    list-style: none;
    padding-left: 0px;
}

.footeritems ul a {
    color: #fff;
    text-decoration: none;
}

.footerSocial>div.d-flex {
    justify-content: end;
}

.footerSocial i {
    font-size: 24px;
}

.commingSoonBanner {
    background: #D5EEF8;
}

.shapeImage {
    max-width: 587px;
}

.Coming_Soon {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 54px;
    margin-bottom: 0px;
    transform: translate(-50%, -50%);
    font-family: "Limelight", sans-serif;
    font-weight: 400;
    line-height: 65px;
    letter-spacing: 1;
    text-align: center;
}

.STAY_TUNED {
    font-size: 24px;
    font-weight: 900;
}

.shapeImage+p {
    font-weight: 400;
    font-size: 20px;
    max-width: 480px;
    text-align: center;
    display: block;
    margin: 0px auto;
}

.riderBikeImg {
    width: 100%;
}

.FloorImg {
    width: 110%;
    position: absolute;
    bottom: -37px;
    left: 0px;
}

/* Othere pages css */
.banner {
    background-size: cover;
    color: #fff;
    min-height: 295px !important;
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    /* background: url('../images/banner.png'); */
}

.abboutBanner,
.contactBanner {
    /* background: url('../images/about_us.png'); */
    background-size: 100% 100%;
}

.Blog_detail_Banner {
    /* background: url('../images/Blog_detail_banner.png'); */
    background-size: cover;
    min-height: 449px;
}

.bannerFAQ {
    /* background: url('../images/FAQs.png'); */
    background-size: 100% 100%;
}

.bikeTourBanner {
    /* background: url('../images/Bike_tours.png'); */
    background-size: 100% 100%;
}

.abboutBanner {
    /* background: url('../images/about_us.png'); */
    background-size: 100% 100%;
}

.banner h2 {
    font-size: 35px;
    font-weight: 700;
    font-family: "Playfair Display", serif;
}

.banner p {
    font-size: 18px;
    font-weight: 500;
    margin-top: 15px;
    letter-spacing: 1px;
}

.main-container .card-body h3 {
    font-size: 18px;
    font-weight: 600;
}

.main-container .card-body p {
    margin-bottom: 15px;
    font-size: 16px;
}

.card_Details {
    position: absolute;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 20px;
}

.durretion_tag img {
    height: 16px;
    width: 15px;
}

.card_Details .priceTage>span {
    background: #87CEEB;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 5px;
}

.btn70 {
    height: 70px;
}

.contactPage {
    background: #DEEEDE;
}

.bg-2D2D2D {
    background: #2D2D2D;
}

.text-2D2D2D {
    color: #2D2D2D;
}

.testimonialsSld1 img {
    width: 94%;
    float: right;
    border-radius: 15px;
}

.galleryOuter {
    position: relative;
    overflow: hidden;
}

.testimonialsSld1 {
    right: -4%;
    padding-bottom: 30px;
}

.testimonialsSld1 .slick-prev:before,
.testimonialsSld1 .slick-next:before {
    display: none;
}

.body-bg-theme {
    background: #F9F9F9;
    /* padding-top: 35px !important; */
    margin-top: 0px !important;
}

.body-bg-white {
    background: #fff;
}

.circle_iconList {
    /* list-style-image: url('../images/Frame.png'); */
    margin-top: 10px;
}

.circle_iconList {
    padding-left: 0px;
}

.circle_iconList li {
    list-style: none;
    display: flex;
}

.circle_iconList li::before {
    content: '';
    display: inline-block;
    margin-right: 10px;

    /* Height of the list image*/
    height: 20px;

    /* Width of the list image*/
    width: 20px;
    /* background-image: url("../images/Frame.png"); */
    background-size: cover;
}

#Itinerary_Container,
#PricingInclusions_Container {
    display: none;
}

.theme-bg {
    background: #D5EEF8;
}

.mission img {
    height: 65px;
    width: 65px;
}

.unorderCards .num {
    height: 46px;
    width: 46px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #DEEEDE;
}

.unorder_card_item {
    border: 1px solid #D9D9D9;
    padding: 15px;
    display: flex;
    gap: 15px;
    align-items: center;
    width: 80%;
    margin-left: 5%;
    margin-bottom: 25px;
}

.unorderCards .unorder_card_item:nth-child(even) {
    margin-left: 15%;
}

.testimonialCard .social img {
    height: 24px;
    width: 24px;
}

.testimonialCard,
.testimonialCard_Inner {
    height: 100%;
}

.testimonialCard_Inner p.text-center {
    min-height: 75px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* number of lines to show */
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.testimonialCard_Inner_About p.text-center {
    min-height: 137px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    /* number of lines to show */
    line-clamp: 5;
    -webkit-box-orient: vertical;
}

.card .card-footer {
    background: none;
    border-top: 0px;
}

.card9 .card-body {
    padding-bottom: 0px;
}

.ms-new {
    margin-left: 20%;
}

.px-100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
}

html {
    overflow: scroll;
    overflow-x: hidden;
}

::-webkit-scrollbar {
    width: 0;
    /* Remove scrollbar space */
    background: transparent;
    /* Optional: just make scrollbar invisible */
}

/* Optional: show position indicator in red */
::-webkit-scrollbar-thumb {
    background: #000;
}

aside label {
    font-size: 16px;
    font-weight: 500;
}

aside input,
aside select,
aside textarea {
    font-size: 14px !important;
    font-weight: 400 !important;
}

.packageDays img {
    height: 15px;
}

.accordion-button::after {
    /* background-image: url('../images/arrow_drop_down.png') !important; */
    justify-content: center;
    margin-top: 12px;
}

.text-white {
    color: #fff !important;
}

.theme-color-green {
    color: var(--theme-color-green);
}

.theme-color-green:hover {
    color: var(--theme-color-green-dark);
}

.owl-nav {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.owl-prev {
    left: -35px;
    position: absolute;
}

.owl-next {
    position: absolute;
    right: -35px;
}

.owl-nav span {
    font-size: 40px;
}

.g-2rem {
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 2rem;
}

.blog_readMore {
    color: var(--theme-color-green);
    width: 108px;
    text-decoration: none;
    border-bottom: 1px solid var(--theme-color-green);
    display: inline-block;
    position: relative;
    transition: all 0.3s;
}

.blog_readMore::after {
    content: '';
    /* background-image: url(../images/Green_arrow_right_alt.png); */
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 13px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 7px;
}

.blog_readMore:hover {
    transform: scale(1.05);
}

.prevBlog,
.nextBlog {
    display: inline-flex;
    align-items: center;
    height: 40px;
    padding: 4px 12px;
    text-decoration: none;
    border-color: var(--theme-color-green);
    border: 1px solid;
    z-index: 9;
    border-radius: 6px;
    position: relative;
    color: var(--theme-color-green);
    cursor: pointer;
}

.prevBlog::before {
    content: '';
    /* background-image: url(../images/double_Arrow_left.png); */
    background-size: contain;
    background-repeat: no-repeat;
    width: 21px;
    height: 24px;
    display: inline-block;

}

.nextBlog::after {
    content: '';
    /* background-image: url(../images/double_Arrow_right.png); */
    background-size: contain;
    background-repeat: no-repeat;
    width: 21px;
    height: 24px;
    display: inline-block;
    margin-left: 5px;
}

.blg_dtl_img1 {
    padding-left: 0px;
}

.blg_dtl_img2 {
    padding-right: 0px;
}

/* Privacy_PolicyHero */
.Privacy_PolicyHero {
    position: relative;
    min-height: 295px;
    background: #228B2226;
    display: flex;
    align-items: center;
}

.counterContainer {
    counter-reset: paragraph-counter;
}

.counterContainer h4::before {
    content: counter(paragraph-counter) ". ";
    counter-increment: paragraph-counter;

}

.counterContainer li {
    margin-bottom: 1.2rem;
}

.counterContainer h4:last-child {
    margin-bottom: 100px !important;
}

.p-new {
    padding: 2.5rem;
}


/* About gallery slider */
.slick span {
    display: block;
    color: #fff;
    font-size: 36px;
    height: auto;
    position: relative;
    text-align: center;

    transform: translate(0, 0) scale(0.4);
    transition: all .4s ease;
    opacity: 1;
}

.slick span img {
    object-fit: cover;
    width: 100%;
    border-radius: 12px;
}



.slick-slide.lt2 span {
    transform: translate(-7%, 0) scale(.8);
}

.slick-slide.lt1 span {
    opacity: 1;
    transform: translate(-8%, 0) scale(.9);
}

.slick-slide.gt1 span {
    opacity: 1;
    transform: translate(8%, 0) scale(.9);
}

.slick-slide.gt2 span {
    transform: translate(7%, 0) scale(.8);
}

.slick-slide.slick-center span {
    z-index: 1;
    transform: scale(1);
    opacity: 1;
    color: #e67e22;
}

.slick-initialized .slick-slide {
    padding: 30px 0px;
}
.playPause{ height: 50px; width: 50px;}
/* .slick-prev,
  .slick-next{
    position: absolute;
    top: 50%;
    appearance: none;
    margin-top: -10px;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
    color: transparent;
    outline: none;
    z-index: 100;
  }
  
  
  .slick-prev {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 15px 0;
    border-color: transparent #007bff transparent transparent;
    left: 0;
  }
  .slick-next {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 15px;
    border-color: transparent transparent transparent #007bff;
    right: 0;
  } */

/* End of about gallery slider */

/* #pauseBtn{ display: none !important;} */
#playBtn, #pauseBtn{ position: absolute; top: 50%; left: 50%; transform: translate(85%, -50%); display: none; cursor: pointer;}
img.circleCheck {
    height: 22px;
    margin-top: 3px;
}

.testimonialsSld1 .slick-track{display:flex !important;}
.testimonialsSld1 .slick-slide { height: inherit !important;}
.testimonialsSld1 img{height: 100%;
    object-fit: cover;}
    
    
    
.cardImage img{ 
    aspect-ratio: 1 / 0.7;
    object-fit: cover;
    border-radius: 12px;
    
}


.blg_dtl_img2 {
    padding-right: 0px;
    aspect-ratio: 1 / 0.5;
    object-fit: cover;
    max-height: 300px;
    overflow: hidden;
}
.blg_dtl_img1 {
    padding-left: 0px;
    aspect-ratio: 1 / 0.5;
    object-fit: cover;
    max-height: 300px;
    overflow: hidden;
}
.blg_dtl_img1 img, .blg_dtl_img2 img{ object-fit: cover; height:100%; width:100%}

.searchHero .sendQuery select{ padding-right:12px !important;}