.header__logo a img{max-width:300px; max-height:90px}
.header-inner .header__logo a img{max-height:60px}
.pageHeader.-type-1 .pageHeader__bg{left:0;right:0;border-radius:0}
.hero.-type-7 .hero__slider .swiper-slide{max-height:650px}
.hero.-type-7 .hero__content{padding-top:120px;padding-bottom:120px;}
.featureCard.-type-5{padding:20px;line-height:1.25}
.featureCard.-type-5.-hover-accent-1 .featureCard__icon{background-color:#fff;border:1px solid #ccc}
.layout-pt-xl{padding-top:50px}
.tourslider .swiper-slide{max-width:300px;margin-right:30px;}
.cta.-type-2{padding-top:50px;padding-bottom:50px}
.cta.-type-4 .cta__image{text-align:right}
.content-container p{font-size:inherit}
.tourName{min-height:50px;max-height:50px;overflow:hidden}
del{color:#777}
.book-now{margin:0 auto;padding:5px 25px;border-radius:0}
.trusts img{height:65px}
.checkoutForm select, .checkoutForm input, .checkoutForm textarea{font-size:15px;line-height:1.4;height:45px;border:1px solid #D0D0D0;border-radius:0;padding:5px 10px;transition:all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);}
.cc{height:2.5rem;width:100%;border-width:1px;border-color:rgb(221 221 221);background-color:transparent;color:rgb(53 53 53);outline:2px solid #D0D0D0;outline-offset:2px}
.StripeElement{height:2.5rem;padding-left:0.75rem;padding-right:0.75rem}
.errors{color:#fc0000;margin:5px 0}
.errors li{color:#fc0000;line-height:20px}
.error{color:#fc0000;font-size:14px;}
.fa-spin{vertical-align:bottom}
#btnBook:disabled{background:#999999!important}
.pagination__count span.current{color:white!important;background-color:var(--color-accent-1)!important;}
.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;margin-bottom:25px}
.video-container iframe, .video-container object, .video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}
.tourdetails ul li{line-height:1.5;display:flex;margin-bottom:10px}
.tourdetails ul li::before{font-family:icomoon!important;content:"\e927";display:block;border-radius:100%;margin-bottom:3px;position:relative;margin-right:10px;text-align:center;padding-top:2px;color:#63B06F;font-size:14px}
.dateSelection,.transferSelection,.timeSlots,#dvPickupLocation{border:1px solid #ccc;border-radius:10px;display:flex;cursor:pointer}
.transferSelection,.timeSlots{padding-right:10px}
.dateSelection input,.transferSelection select,.timeSlots select,#dvPickupLocation input{cursor:pointer;display:flex;align-items:center;text-align:left;width:100%;padding:10px}
.js-count{width:20px;text-align:center}
.pmagic .pmrow input, .pmagic .pmrow select, .pmagic .pmrow textarea{border:1px solid #ccc}
.pmagic .pm-full-width-container input{width:auto;padding:5px 35px;background-color:#EB662B;color:#fff;font-size:15px;border-radius:10px}
.xoo-el-login-btm-fields label input{width:auto}
.floating-button{display:none;position:fixed;width:100%;bottom:0;left:0;z-index:1000;padding:10px;background-color:#fff;box-shadow: rgba(0, 0, 0, 0.75) 0px 2px 4px, rgba(0, 0, 0, 0.75) 0px 7px 13px 5px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;}
.floating-button button{border-radius:5px;font-size:18px;padding:10px!important}
footer .text-white p{color:#fff}
footer ul.footer-link-list li a{color:#fff}
@media only screen and (max-width: 767px) {
	.header__logo a img{max-width:200px;max-height:50px}
	.hero.-type-7 .hero__content{padding-top:80px}
	.hero.-type-7 .hero__nav{width:100%;left:0}
	.size-72{width:30px;height:30px}
	.featureCard.-type-5{padding:10px;line-height:1}
	.featureCard.-type-5 .featureCard__icon{width:50px;height:50px}
	.trusts img{height:auto}
	.footer.layout-pt-xl{padding-top:10px}
	#tourMedia{max-height:320px}
}

/* Added By: @AliAbdullah */
.card-wrapper-outer{gap: 20px;}
.card-wrapper {max-width: 300px;width: 300px;padding-bottom: 20px;}
.see-all-btn:hover * {color: var(--color-accent-1);}
.breadcrumb__item a:hover {color: var(--color-accent-1); text-decoration: underline;}
.breadcrumb__item svg, #openDaysModal svg { height: 12px;}
.tourCard__content .price_lh {line-height:1.4;}
.mt-150 {margin-top: 150px;}
/* .lh-0{line-height:0;} */
.underline-hover:hover {text-decoration: underline;}
#openDaysModal svg path { stroke: var(--color-accent-1-dark);}
.cursor-pointer {cursor: pointer;}
.review{border-radius: 8px; transition: box-shadow 0.3s ease;}
.review:hover{box-shadow: 0px 6px 15px 0px rgba(64, 79, 104, 0.05);}
.review-image{width: 50px; height: 50px; border-radius: 50%; margin-right: 10px;}
.line-height-55 {line-height: 55px;}
.w-full{width: 100%;}
.bg-hover-color-light-6:hover {background-color: var(--color-light-6) !important;}
/* if on mobile or tablet display none */
.header-menu-center{
    display: none;
}
@media only screen and (min-width: 768px) {
    .header-menu-center{
        display: flex;
    }
}

/* Accordion */
.accordion {width: 100%;transition: box-shadow 0.3s ease;}
.accordion:hover {box-shadow: 0px 6px 15px 0px rgba(64, 79, 104, 0.05);}
.accordion-header {transition: background-color 0.3s ease;}
.accordion-header:hover {background-color: #e2e2e2;}
.accordion-content {padding: 15px;display: none;}
.accordion-header i {transition: transform 0.3s ease;}
.accordion-header.active i {transform: rotate(180deg);}

/* Modal */
.days-modal {display: none;position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);}
.modal-content {background-color: #fefefe;margin: 15% auto;border-radius: 10px;width: 30%;}
@media only screen and (max-width: 767px) {
	.modal-content {width: 80%;}
}
.modal-header {background-color: #f1f1f1;border-bottom: 1px solid #E7E6E6;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.modal-close:hover,
.modal-close:focus {color: black;text-decoration: none;cursor: pointer;}

/* Tour Details Jump Links */
#slideDiv{padding-bottom: 13px;}
#jumplink-nav{margin:0 auto;}
.jump-link {text-decoration: none;color: #000;padding-top: 10px;transition: all 0.3s ease;}
.jump-link:hover, .jump-link.active{color: var(--color-accent-1-dark);text-decoration: underline;text-decoration-color: var(--color-accent-1-dark);text-decoration-thickness: 2px;text-underline-offset: 20px;text-decoration-skip-ink: none;}
.tourtitle {scroll-margin-top: 150px;}

/* Toast */
.toast {visibility: hidden;min-width: 250px;background-color: var(--color-accent-1-dark);color: white;text-align: center;border-radius: 5px;padding: 16px;position: fixed;z-index: 9999;left: -250px;bottom: 30px;cursor: pointer;transition: all 0.5s ease-in-out;}
.toast.show {visibility: visible;left: 25px;}
/* Hidden on mobile */
@media only screen and (max-width: 767px) {
    .toast {display: none;}
}

/* whatsapp toast */
#whatsapp-toast {visibility: hidden;min-width: 200px;background-color: #25D366;color: white;text-align: center;border-radius: 5px;padding: 10px;position: fixed;z-index: 9999;right: 35px;bottom: 30px;cursor: pointer;transition: all 0.5s ease-in-out;transform: scale(0);}
#whatsapp-toast.show {visibility: visible;right: 100px;transform: scale(1);}
/* On mobile */
@media only screen and (max-width: 767px) {
    #whatsapp-toast {display: none;}
    #footer-bottom {padding-bottom: 70px;}
    /* Whatsapp Button on Mobile */
    .gcaMainButton{
        bottom: 76px !important;
        right: 16px !important;
    }
}
/* Tab Cards */
.card-content {display: none;}
.card-content.active {display: block;}

/* Timeline */
.timeline::before {background: #505050;background: linear-gradient( to bottom, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100% );content: "";display: block;height: 105%;left: 50%;margin-left: -2px;position: absolute;top: -60px;width: 3px;z-index: 0;filter: alpha(opacity=35);opacity: 0.35;}
.timeline .timeline-number {position: relative;display: block;width: 55px;height: 55px;margin: 0 auto 10px;}

/* Tour Details Wrap Fix and other minor stuff */
.tourdetails strong, .tourdetails b {
    white-space: nowrap;
    display: contents;
}
.tourdetails a {
    color: var(--color-accent-1-dark);
}
.tourdetails a:hover {
    text-decoration: underline;
}

@media (min-width: 992px) {
    .site-content-section--1 .relative-div {
        position: relative;
        right: 50px;
        padding: 10px 20px 10px 60px;
        background-color: var(--color-accent-1-dark);
        z-index: -1;
    }
    .site-content-section--1 .relative-div h2,
    .site-content-section--1 .relative-div p {
        color: var(--color-white);
    }

    .site-content-section--2 .relative-parent {
        position: relative;
    }
    .site-content-section--2 .relative-div {
        position: absolute;
        top: -35px;
        right: 50px;
        padding: 50px 50px 50px 150px;
        background-color: var(--color-accent-1-dark);
    }
    .site-content-section--2 .relative-div h2,
    .site-content-section--2 .relative-div p {
        color: var(--color-white);
    }
}