.borderDivider h2,
.borderDivider h3,
.borderDivider h4,
.borderDivider h5,
.main-head,
.mega_menu_wrapper,
.pkg-wrap,
.readmore,
.tempo_rental .card figure,
.wlc,
body,
form {
    position: relative
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

.footer-bottom .fh5co-social-icons a .social_icons,
.footer-bottom .fh5co-social-icons a:hover .social_icons,
.inner-contact-wrap .social-icon a .social_icons,
.inner-contact-wrap .social-icon a:hover .social_icons {
    fill: var(--white-color)
}

.inner-contact-wrap .social-icon a {
    background-color: var(--bg-primary);
    color: var(--white-color);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    display: block;
    text-align: center;
    width: 35px;
    height: 35px;
    line-height: 35px;
    transition: .3s ease-in-out
}

.car_details .carLeft {
    float: left;
    margin: 0 20px 10px 0;
    max-width: 360px
}

.common_slider .swiper-button-next,
.common_slider .swiper-button-prev {
    background-color: #0000003b;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    transition: .3s ease-in-out
}

.common_slider .swiper-button-next::after,
.common_slider .swiper-button-prev::after {
    color: var(--white-color);
    font-size: 16px;
    font-weight: 700;
    opacity: .5;
    transition: .3s ease-in-out
}

.common_slider .swiper-button-next:hover,
.common_slider .swiper-button-prev:hover,
.inner-contact-wrap .social-icon a:hover {
    background-color: var(--bg-black)
}

.common_slider .swiper-pagination-bullet-active,
.main_btn:hover,
.sf-menu .megaDropdown .fh5co-sub-menu li:hover,
.sf-menu .sub-dropdown-menu li:hover,
.sf-menu .subDropdown-menu li:hover,
.shape,
.tempo_rental .swiper-button-next:hover,
.tempo_rental .swiper-button-prev:hover {
    background-color: var(--bg-primary)
}

#fh5co-destination-list li:hover>a:after,
.common_slider .swiper-button-next:hover:after,
.common_slider .swiper-button-prev:hover::after {
    opacity: 1
}

:root {
    --primary-font: 'Poppins', sans-serif;
    --secondary-font: 'Kaushan Script', cursive;
    --bg-primary: #ff5722;
    --bg-secondary:#9F3312;
    --bg-black: #000000;
    --bg-white: #ffffff;
    --primary-color: #ff5722;
    --black-color: #000000;
    --white-color: #ffffff;
    --light-gray: #f7f7f7f7;
    --hyperlink: #a82800;
    --hyperlink-hover-color: #0072ff
}

.heading_style1::after,
.heading_style1::before {
    display: block;
    left: 50%;
    background-color: var(--bg-primary);
    content: ""
}

.font-20 {
    font-size: 20px !important
}

.card-parents .card-box .img-box img {
    height: 220px
}

.mylist li::marker {
    color: var(--primary-color);
    font-size: 14px
}

.text-justify {
    text-align: justify !important
}

.about-content p,
.contact-details-section .icon-box li a,
.describe h2,
.describe h4,
.megaDropdown .fh5co-sub-menu .full-widths li:hover a h4,
.pacakage_heading nav ol>li.active,
a,
ol,
p,
ul {
    color: var(--black-color)
}

.footer-bottom .fh5co-social-icons>a i,
.heading-section p,
.main-head .subtext,
.text-sm,
.vehicleWrapper .vehicleSlider .vehicleContentBody p span,
body,
ol,
p,
ul {
    font-size: 16px
}

#footer p,
.address p,
.card-content .content-box,
.footer-bottom ul,
.main_btn,
.pacakage_heading nav ol>li,
.pacakage_heading nav ol>li a,
body {
    font-size: 14px
}

.details h4,
.fh5co-social-icons>a i,
.heading1 {
    font-size: 26px
}

body,
h1 span,
h2,
h3,
h4,
h5,
h6 {
    color: var(--bg-black);
    font-family: var(--primary-font)
}

.pkg-slider .caption-body p,
.tempo_rental .card .card-text,
.tour-slider .caption-body p {
    -webkit-box-orient: vertical;
    overflow: hidden
}

html {
    overflow: auto
}

html::-webkit-scrollbar {
    width: 10px;
    height: 16px
}

html::-webkit-scrollbar-thumb {
    background: #ff5722;
    box-shadow: inset 2px 2px 2px hsl(0deg 0% 100% / 25%), inset -2px -2px 2px rgb(0 0 0 / 25%);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px
}

html::-webkit-scrollbar-track {
    background: linear-gradient(90deg, #434343, #434343 1px, #111 0, #111)
}

body {
    background: var(--bg-white);
    font-family: var(--primary-font);
    font-weight: 400;
    overflow-x: hidden;
    color: var(--black-color);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

a {
    text-decoration: none;
    -webkit-transition: .5s, none;
    -o-transition: .5s, none;
    transition: .5s, none
}

a:hover {
    text-decoration: none;
    color: var(--primary-color)
}

ol,
p,
ul {
    margin-bottom: 1.5em
}

h1 {
    font-weight: 900
}

h2 {
    font-weight: 700
}

.icon-box-content p,
.weight-400,
h3 {
    font-weight: 400
}

figure {
    margin-bottom: 2em
}

::-webkit-selection {
    color: #fcfcfc;
    background: var(--bg-primary)
}

::-moz-selection {
    color: #fcfcfc;
    background: var(--bg-primary)
}

::selection {
    color: #fcfcfc;
    background: var(--bg-primary)
}

.main-head .heading span,
.main_btn,
.navbar .enq a,
.pacakage_heading nav ol>li a:hover,
.text-orange,
.tour-slider .caption-body a h3:hover {
    color: var(--primary-color)
}

.main_btn {
    background-color: var(--bg-white);
    font-weight: 500;
    padding: 20px 30px;
    border-radius: 50px;
    display: block;
    box-shadow: 0 5px 0 1px rgb(0 0 0 / 50%);
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out
}

.main_btn:hover {
    color: var(--white-color);
    box-shadow: 0 0 0 0 rgb(0 0 0 / 25%)
}

.carRentalDetails p b,
.contact-details-section .icon-box li span,
.contact-details-section .icon-box-content h4,
.heading1,
.tempo_rental .card ul li span {
    font-weight: 600
}

.heading2,
.heading3,
.heading4 {
    font-size: 22px;
    font-weight: 600
}

.heading_style1,
.heading_style2 {
    color: #222;
    font-size: 24px;
    font-weight: 700;
    font-family: var(--primary-font);
    position: relative;
    margin-bottom: 50px
}

.about-banner h2,
.about-banner h4,
.enqBtn:hover,
.holder-area .main-title a,
.megaDropdown .fh5co-sub-menu .full-widths li.active a h4,
.overlay,
.overlay1,
.sf-menu .megaDropdown .fh5co-sub-menu li.active a h4,
.sf-menu .megaDropdown .fh5co-sub-menu li:hover a .mega_menu_sub_heading,
.sf-menu li.active a:focus,
.sf-menu li.active a:hover,
.tempo_details .tempo_dest .dest_slider .slick-next::before,
.tempo_details .tempo_dest .dest_slider .slick-prev::before,
.tempo_details .tp_left .tpl_left .seatImg span i,
.tempo_inner_section .tempo_rental .tempo_slider .slick-next::before,
.tempo_inner_section .tempo_rental .tempo_slider .slick-prev::before,
.tempo_rental .swiper-button-next:hover::after,
.tempo_rental .swiper-button-prev:hover::after,
.tour_package_details .tp_left .tpl_left .calendarImg span i,
header .navbar-nav>li>a i {
    color: var(--white-color)
}

.heading_style1::before {
    width: 28px;
    height: 5px;
    position: absolute;
    bottom: -1.5px;
    margin-left: -14px
}

.heading_style1::after {
    width: 100px;
    height: 1px;
    position: relative;
    margin-top: 25px;
    margin-left: -50px
}

.heading_style2::after,
.heading_style2::before {
    position: absolute;
    left: 0;
    bottom: -15px;
    width: 45px;
    height: 4px;
    content: "";
    right: 45px;
    margin: auto;
    background-color: #ccc
}

.heading_style2:before {
    background-color: #ff5722;
    left: 45px;
    width: 90px
}

.header_top,
.title-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.header_top .logo img {
    width: 240px
}

.header_top .hs_right {
    width: 580px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.header_top .hs_right .call img,
.header_top .hs_right .mail img {
    width: 40px
}

.carRentalDetails ul li a,
.header_top .hs_right .emailId a,
.header_top .hs_right .mobileNumber a,
.title-wrap .link a,
p a {
    font-weight: 500
}

.header_top .hs_right .ei,
.header_top .hs_right .mn,
.tempo_details .tp_left .tpl_left,
.tour_package_details .tp_left .tpl_left {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px
}

.mobileNumber ul,
.tour_package_details .tpi_tab .tpi_tab_content ul {
    margin: 0;
    padding-left: 0
}

.footer-bottom ul li,
.mobileNumber ul li {
    list-style: none
}

#mobileNav ul li .mobileItem a,
.contact-details-section,
.details,
.footer-bottom ul,
.navbar_wrapper,
.side-menu,
.tempo_slider .card .card-body,
.tempo_slider_home .card .card-body {
    padding: 0
}

header .navbar-nav>li>a i {
    background-image: linear-gradient(to right, #ba230e, #ff9800);
    border-radius: 50%;
    padding: 5px;
    width: 30px;
    float: left
}

#mobileNav ul li .mobileItem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    gap: 5px
}

#mobileNav ul li:hover .mobileItem a,
.nav>li>a:focus,
.nav>li>a:hover,
.sf-menu li,
.sf-menu li:hover,
.sf-menu ul li,
.sf-menu ul li.sfHover,
.sf-menu ul li:hover,
.sf-menu ul ul li {
    background: 0 0
}

#mobileNav ul li i {
    color: var(--bg-white);
    transform: rotate(90deg)
}

.megaDropdown:hover .mobileItem i,
.sub_menu:hover .mobileItem i {
    transform: rotate(270deg) !important
}

.overlay,
.overlay1 {
    height: 255px;
    padding: 12px;
    text-align: center
}

.overlay1 {
    background: rgba(238, 106, 97, .84)
}

#fh5co-header-section,
.navbar .enq a,
.pkg-slider .box,
.tour-slider .box {
    background: var(--bg-white)
}

.footer-bottom .img-responsive {
    max-width: inherit
}

.overlay-border {
    border: 2px dotted var(--white-color);
    padding: 23px
}

.mb-0,
.navbar,
.tour_package_details .tpi_tab .tpi_tab_content p,
.vehicleWrapper .vehicleSlider .vehicleContentBody p {
    margin-bottom: 0
}

.details h4,
.full-widths,
.hd-title,
.main-head,
.mt,
.tour_package_details #nav-itinerary .tpi_tab {
    margin-bottom: 20px
}

.navbar-default {
    background: var(--bg-primary);
    border-color: transparent !important
}

.pkg-slider .bottom,
.tour-slider .bottom {
    border-top: 1px dashed #6f6d6d;
    right: 0;
    left: 0;
    bottom: 0
}

footer img {
    width: 250px;
    margin-bottom: 13px
}

.about-banner h2 {
    font-size: 36px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center
}

.inner-contact-wrap .contact-map iframe,
.tempo_details .view_all,
.wlc img,
header span {
    display: block
}

.about-banner h4 {
    font-weight: 700;
    text-shadow: 0 2px 5px var(--black-color)
}

.details h2 {
    text-align: center;
    padding-bottom: 15px;
    font-size: 28px
}

.book-now {
    box-shadow: 0 2px 10px #6f6d6d;
    padding: 10px
}

.describe {
    padding: 30px 0
}

.describe p,
.describe ul {
    font-size: 15px;
    color: #373434
}

.describe .media-left,
.media>.pull-left {
    width: 85px;
    height: 85px;
    background: #ddd;
    padding: 25px;
    color: var(--black-color);
    font-weight: 700;
    border-radius: 50%;
    margin-top: 20px;
    margin-right: 20px
}

.tempo_inner_section,
.view-btn {
    margin-top: 20px
}

.nav>li>a>img {
    max-width: 50px
}

#tour-packages p.text-size {
    height: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: justify
}

.header-top .fh5co-social a:last-child,
.navbar-right {
    margin-right: 0
}

.side-menu li {
    background: #ddd;
    padding: 9px 20px;
    list-style: none;
    margin-bottom: 12px
}

header .nav .icon {
    width: 42px
}

header .info-list {
    margin: 22px 0
}

.prod-title .comment,
header .info-list li:first-child {
    margin-right: 20px
}

header .info-list li a {
    color: #1a1a1a;
    font-weight: 500
}

header .info-list li i {
    float: left;
    margin-right: 5px
}

header .info-list li p {
    margin: 5px 0 0;
    line-height: 14px
}

.tour_package_details .tpi_tab,
header .info-list .flex {
    display: flex
}

header .info-list .space a {
    margin-right: 5px
}

.navbar .enq a {
    padding: 5px 15px;
    display: inline-block;
    margin-top: 5px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    transition: .4s ease-in-out;
    -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -ms-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out
}

.pkg-slider .bottom a,
.tour-slider .bottom a {
    transition: .4s ease-in-out
}

#fh5co-features a:hover,
.navbar .enq a:hover {
    background: #1a1a1a;
    color: var(--bg-white)
}

#tabContent table tr th,
.footer-bottom .fh5co-social-icons a:hover,
.pkg-slider .bottom a:hover,
.tour-slider .bottom a,
.tour-slider .bottom a:hover,
.tour_packages .package_card:hover .p_card_content .p_card_bottom .view_all a {
    background: var(--bg-primary);
    color: var(--white-color)
}

.navbar .enq {
    float: right
}

.wlc {
    margin: -72px auto 0;
    width: 332px;
    z-index: 1
}

.wlc img {
    margin: 0 auto
}

section {
    margin: 30px 0
}

.about-section .left-sec {
    background: url(../images/h5_decor3.webp) center center/cover no-repeat
}

.about-section .left-sec .second {
    margin-top: 50px
}

.about-section .left-sec figure img {
    border-radius: 0 70px
}

.fh5co-tours {
    margin-bottom: 30px
}

.main-head h2,
.tempo_details .tp_right h2,
.tour_package_details .tp_right h2,
.tour_package_details .tp_right h3,
.vehicleWrapper .vehicleSlider .vehicleContentBody .vcb_title a,
.vehicleWrapper .vehicleSlider .vehicleContentBody h3 a {
    font-size: 22px;
    font-weight: 500
}

.main-head .heading,
.main-head .heading span {
    font-size: 28px;
    font-weight: 700
}

.main-head p {
    font-weight: 400;
    margin-bottom: 0
}

.main-head .readmore {
    padding-bottom: 10px
}

.main-head .readmore ul li::marker {
    color: var(--primary-color)
}

.font-kushan {
    font-family: var(--secondary-font)
}

.f-box .heading,
.font-montserrat,
.inc .box .heading {
    font-family: Montserrat, sans-serif
}

.card-main-box .card-box .card-content .card-subtitle,
.text-md {
    font-size: 18px
}

.text-dark {
    color: #1a1a1a
}

.pkg-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    justify-content: space-between
}

.pkg-wrap .left-sec {
    width: 73%
}

.pkg-wrap .right-sec {
    width: 27%
}

.pkg-slider .slick-slide,
.tour-slider .slick-slide {
    margin: 0 15px
}

.pkg-slider .caption-body .cb_title,
.pkg-slider .caption-body h3 {
    font-size: 16px;
    margin: 0;
    font-weight: 600;
    line-height: 24px;
    height: 50px;
    display: -webkit-box;
    -webkit-line-clamp: 2
}

.tour-slider .caption-body a .cb_title,
.tour-slider .caption-body a h3 {
    display: block;
    min-height: 60px;
    font-size: 16px;
    margin: 0;
    font-weight: 600;
    line-height: 24px
}

#fh5co-features .main-head p,
.car-slider h3 {
    font-size: 20px
}

.pkg-slider .caption-body p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    font-size: 14px;
    padding-top: 10px
}

.pkg-slider .caption-body .dec {
    padding-top: 0
}

.pkg-slider .location {
    margin-bottom: 0;
    color: #73767a
}

.pkg-slider .caption-body .duration,
.tour-slider .caption-body .duration {
    display: block;
    margin: 8px 0;
    font-size: 14px
}

.pkg-slider .bottom {
    padding: 10px;
    display: flex;
    justify-content: space-between;
    text-transform: uppercase;
    position: absolute
}

.pkg-slider .bottom a {
    font-weight: 500;
    outline: 0;
    padding: 6px 5px
}

.about_package .pkg-wrap .left-sec,
.about_package .slick-slide img,
.dest-slider2 .fig .img,
.dest-slider2 img,
.hyperlink:hover::after,
.pkg-wrap .tour-left-sec,
.tempo_rental .card a img,
.tour_packages_banner img,
.tp_leftSlider .fig a img {
    width: 100%
}

.tp_leftSlider .slick-initialized .slick-slide {
    display: flex !important
}

.tour-slider .caption-body {
    position: relative;
    min-height: 220px
}

.tour-slider .caption-body p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    font-size: 14px;
    padding-top: 10px;
    margin-bottom: 0
}

.tour-slider .caption-body .dec {
    padding-top: 0;
    margin-bottom: 5px
}

.tour-slider .location {
    margin-bottom: 0;
    color: var(--primary-color)
}

.tour-slider .bottom {
    padding: 10px 5px;
    position: absolute;
    text-align: center
}

.tour-slider .bottom a {
    font-weight: 500;
    outline: 0;
    text-transform: uppercase;
    padding: 5px 15px;
    font-size: 15px;
    text-align: center;
    display: inline-block;
    border-radius: 5px;
    margin: 3px 0
}

.tour-slider .bottom a:nth-child(2) {
    border: 1px solid var(--primary-color);
    background-color: transparent;
    color: var(--black-color);
    padding: 4px 15px
}

.packageSlider .main_btn:hover,
.tempo_rental .card .main_btn:hover,
.tour-slider .bottom a:first-child:hover,
.tour_package_details .nav-tabs .nav-link:hover {
    background-color: var(--bg-black);
    color: var(--white-color)
}

.btnMore:hover,
.call-for-details:hover,
.contact-from-wrap .main_btn:hover,
.pkg-slider .bottom a:nth-child(2):hover,
.tempo_inner_section .tempo_slider .card .card-footer .main_btn:hover,
.tour-slider .bottom a:nth-child(2):hover,
.tour_package_details .nav-tabs .nav-link.active,
.vehicleWrapper .vehicleSlider .vehicleFooter .vehicleBookBtn .vehicleBookNowBtn:hover {
    background-color: var(--bg-primary);
    color: var(--white-color)
}

.pkg-slider .bottom a:nth-child(2),
.pkg-wrap .dark-overlay,
.tempo_inner_section .tempo_slider .card .card-footer .main_btn:hover,
.tempo_slider_home .tempo_box_home .card .card-footer .main_btn:hover {
    background: var(--bg-black)
}

.pkg-wrap .right-sec .main-col {
    background: url(../images/discover/discover-new-experiences-in-rajasthan.webp) center right no-repeat;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative
}

.pkg-wrap .dark-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: .6
}

.pkg-wrap .content-body {
    position: relative;
    z-index: 9;
    padding: 250px 34px 200px;
    text-align: right
}

.pkg-wrap .content-body .content_titie {
    font-size: 60px
}

.pkg-wrap .wrapper {
    margin: 0 -30px 0 -14px
}

.pkg-wrap .pkg-slider {
    z-index: 88
}

.pkg-wrap .caption-body {
    padding: 15px;
    background: #f2f2f2;
    min-height: 220px;
    position: relative
}

.pkg-slider .bottom a {
    width: 48%;
    text-align: center;
    display: block;
    background: var(--bg-primary);
    color: var(--white-color);
    font-size: 13px
}

.pkg-slider .bottom a:first-child:hover {
    background-color: var(--bg-white);
    color: var(--primary-color)
}

.pkg-wrap .pkg-slider .slick-arrow {
    top: -47px;
    right: 47px;
    background: var(--bg-primary);
    width: 32px;
    height: 32px
}

.sf-menu .sub-dropdown-menu:after,
.sf-menu .subDropdown-menu:after {
    position: absolute;
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid var(--white-color);
    border-left: 6px solid transparent;
    content: ''
}

.pkg-wrap .pkg-slider .slick-prev {
    left: auto;
    right: 88px
}

.about-section .main-head,
.package-section .main-head {
    margin-bottom: 18px
}

.packageSlider {
    display: block;
    text-align: end;
    margin-right: 40px;
    margin-top: 15px
}

.packageSlider .main_btn {
    display: inline-block;
    background: var(--bg-primary);
    color: var(--white-color);
    padding: 10px 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px
}

.prod-title a {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: auto !important
}

.prod-title a i {
    margin-left: 5px
}

.prod-title p {
    border-bottom: 1px solid #ddd;
    margin: 0;
    padding: 12px 16px
}

.prod-title .posted_by,
.tour_package_details #nav-itinerary .tpi_tab .tpi_tab_right {
    margin-left: 20px
}

.prod_footer {
    padding: 10px 15px;
    display: inline-block
}

.car-slider {
    background-color: #f5f5f5;
    border-radius: 5px;
    padding-bottom: 10px
}

.car-slider h3 {
    padding-top: 10px
}

.car-slider .btn.btn-primary {
    padding: 5px 8px
}

footer {
    background: #deb887;
    padding: 30px 20px
}

.hamburger,
.mob-slide,
.mobile-info,
.no-js #loader,
.sf-menu li .subDropdown-menu .dropdownBox .dropdownBoxInner1 h5,
.sf-menu li .subDropdown-menu .dropdownBox .dropdownBoxInner2 h5,
.site-header.has-image #primary-menu .sub-menu:before,
.tour_packages_mobile_banner img {
    display: none
}

.tri-adv {
    display: flex;
    align-items: center
}

.no-scroll-slide .card,
.tri-adv p {
    margin: 0
}

.footer-bottom .fh5co-social-icons a {
    background-color: var(--bg-primary);
    padding: 4px 6px;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 28px;
    display: inline-block;
    transition: .4s ease-in-out
}

.footer-bottom .fh5co-social-icons a:hover {
    background-color: var(--bg-black);
    border: 1px solid var(--black-color)
}

.footer-bottom .fh5co-social-icons,
.footer_copyright {
    margin: 18px 0
}

#fh5co-destination-list,
.sf-menu {
    float: left;
    margin: 0 !important
}

.stuck {
    position: fixed !important;
    top: 0 !important;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
    -ms-box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
    -o-box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .05)
}

.header-top {
    padding: 10px 0;
    background: var(--bg-primary)
}

.header-top .fh5co-link a {
    margin-left: 10px;
    font-size: 13px;
    color: rgba(255, 255, 255, .7)
}

.pacakage_heading h1,
.tour_packages .heading {
    font-size: 24px;
    font-weight: 600
}

.header-top .fh5co-link a:first-child,
.package_details_wrapper .tempo_details .view_all,
.sf-menu li:hover .subDropdown-menu .dropdownBox .dropdownBoxInner1 .dropdownMenu li:hover a,
.sf-menu li:hover .subDropdown-menu .dropdownBox .dropdownBoxInner2 .dropdownMenu li:hover a {
    margin-left: 0
}

#fh5co-primary-menu>li>ul li.active>a,
.card-title-h3:hover,
.header-top .fh5co-link a:hover,
.sf-menu a:focus,
.sf-menu a:hover,
.tempo_box_home .title-head a:hover,
.tempo_box_home .title-head h3:hover,
.tempo_slider .title-head a:hover,
.tempo_slider .title-head h3:hover {
    color: var(--white-color) !important
}

#tab {
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    margin: 5px 0 30px
}

#tabContent {
    margin-top: 60px
}

#tabContent h2 span {
    text-transform: uppercase;
    margin: 0
}

.sf-menu li:hover .sub-dropdown-menu,
.sf-menu li:hover .subDropdown-menu {
    animation: .5s ease-in-out rotateMenu;
    transform-origin: top center;
    -webkit-animation: .5s ease-in-out rotateMenu;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    border-radius: 0 0 5px 5px
}

@keyframes rotateMenu {
    0% {
        transform: rotateX(-90deg)
    }

    70% {
        transform: rotateX(20deg)
    }

    100% {
        transform: rotateX(0)
    }
}

.sf-menu li .sub-dropdown-menu {
    transform: translateY(20px);
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out
}

.fh5co-tours>div.imagg,
.fh5co-tours>div.imagg a img {
    position: relative;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s
}

.sf-menu .sub-dropdown-menu {
    min-width: 240px;
    background-color: var(--bg-white);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .5);
    padding: 5px;
    left: 0
}

.sf-menu .sub-dropdown-menu:after {
    left: 20px;
    width: 0;
    height: 0
}

.sf-menu .subDropdown-menu:after {
    right: 20px;
    width: 0;
    height: 0
}

.sf-menu .sub-dropdown-menu li,
.sf-menu .subDropdown-menu li,
.sf-menu li:hover .subDropdown-menu .dropdownBox .dropdownBoxInner1 .dropdownMenu li,
.sf-menu li:hover .subDropdown-menu .dropdownBox .dropdownBoxInner2 .dropdownMenu li {
    cursor: pointer;
    display: block !important;
    width: 100% !important;
    border-bottom: 1px solid #ddd;
    padding: 5px
}

.sf-menu .sub-dropdown-menu li:last-child,
.sf-menu .subDropdown-menu li:last-child {
    border-bottom: none
}

.sf-menu .sub-dropdown-menu li a,
.sf-menu .subDropdown-menu li a {
    white-space: pre-wrap;
    background: 0 0 !important;
    color: var(--black-color) !important
}

.sf-menu .sub-dropdown-menu li:hover a,
.sf-menu .subDropdown-menu li:hover a {
    margin-left: 5px;
    color: var(--white-color) !important
}

#fh5co-tours1 .row-bottom-padded-md,
#footer .fh5co-footer-link {
    padding-bottom: 30px
}

#fh5co-tours {
    padding: 36em 0 0
}

.fh5co-tours>div.imagg {
    display: block;
    color: var(--black-color);
    bottom: 0;
    overflow: hidden;
    transition: .5s
}

.fh5co-tours>div.imagg a img {
    transition: .5s;
    width: 100%
}

.fh5co-tours>div.imagg:after {
    opacity: 1;
    visibility: visible;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, .3);
    z-index: 8;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.fh5co-tours>div .desc {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    z-index: 9;
    background: rgba(0, 0, 0, .5);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.fh5co-tours>div .desc h3 {
    color: var(--white-color);
    margin: 0 0 5px;
    padding: 0;
    opacity: 1;
    font-size: 20px;
    font-weight: 400;
    visibility: visible;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.fh5co-tours>div .desc span {
    display: block;
    color: rgba(255, 255, 255, .9);
    margin-bottom: 5px
}

.fh5co-tours>div .desc .price {
    font-size: 30px;
    font-weight: 700;
    color: var(--white-color)
}

.fh5co-tours>div .desc .btn {
    opacity: 1;
    border: 2px solid var(--white-color) !important;
    color: var(--white-color) !important;
    letter-spacing: 1px !important;
    font-weight: 400 !important
}

.fh5co-tours>div .desc .btn:active,
.fh5co-tours>div .desc .btn:focus,
.fh5co-tours>div .desc .btn:hover {
    border: 2px solid var(--primary-color) !important;
    background: var(--bg-primary) !important;
    color: var(--white-color) !important
}

.fh5co-tours>div:hover {
    -webkit-box-shadow: 0 18px 71px -10px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 18px 71px -10px rgba(0, 0, 0, .75);
    box-shadow: 0 18px 71px -10px rgba(0, 0, 0, .75)
}

.fh5co-tours>div:hover:after {
    opacity: 1;
    visibility: visible;
    -webkit-box-shadow: inset 0 -34px 98px 8px rgba(0, 0, 0, .75);
    -moz-box-shadow: inset 0 -34px 98px 8px rgba(0, 0, 0, .75);
    -ms-box-shadow: inset 0 -34px 98px 8px rgba(0, 0, 0, .75);
    -o-box-shadow: inset 0 -34px 98px 8px rgba(0, 0, 0, .75);
    box-shadow: inset 0 -34px 98px 8px rgba(0, 0, 0, .75);
    background: rgba(0, 0, 0, .2)
}

.fh5co-tours>div:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.tour_packages_banner {
    height: auto;
    position: relative
}

.pacakage_heading {
    padding: 20px 0;
    border-bottom: 2px solid #e7e7e7
}

.pacakage_heading h1 {
    color: var(--primary-color);
    text-align: center;
    margin-bottom: 0
}

.pacakage_heading nav,
.sf-menu .megaDropdown .fh5co-sub-menu li:hover a img,
.tour_inner_siderbar input {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px
}

.pacakage_heading nav ol {
    margin-bottom: 0;
    justify-content: center
}

#fh5co-primary-menu .fh5co-sub-menu a:hover,
.pacakage_heading nav ol>li:before {
    color: var(--primary-color) !important
}

.tour_packages .tour_package_top .readmore ul li::marker {
    color: var(--primary-color)
}

.tour_packages .tour_package_top .view_all {
    text-align: center;
    padding: 10px 0
}

.vehicleWrapper .vehicleSlider .vehicleContentBody {
    text-align: center;
}
.tempo_inner_section .main-head .heading1,
.tour_packages .tour_package_top .heading1 {
    position: relative;
    z-index: 1;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    color: var(--primary-color)
}

.shape {
    content: '';
    position: absolute;
    top: -200px;
    left: -100px;
    width: 300px;
    height: 300px;
    opacity: .1;
    z-index: -1;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%
}

.tour_packages .tour_package_top p {
    color: var(--black-color);
    margin-bottom: 10px
}

.tour_packages .package_card {
    box-shadow: 3px 5px 35px rgb(86 68 169 / 10%);
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 30px
}

.tour_packages .package_card:hover {
    box-shadow: 0 5px 0 rgb(255 87 34)
}

.tour_packages .package_card:hover .p_card_content {
    background: #f5f5f5
}

.tour_packages .package_card .p_card_image {
    position: relative;
    overflow: hidden;
    min-height: 220px;
    height: 220px
}

.tour_packages .package_card:hover .p_card_image a img,
.vehicleWrapper .vehicleSlider .vehicleImage a img:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1)
}

.tour_packages .package_card .p_card_image img {
    width: 100%;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s
}

.tour_packages .package_card .p_card_content .p_card_bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-top: 25px
}

.tour_packages .package_card .p_card_content .p_card_bottom .view_all a {
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    color: var(--primary-color);
    background: var(--bg-white);
    border: 1px solid var(--primary-color);
    box-sizing: border-box;
    border-radius: 5px;
    padding: 7px 12px;
    transition: .3s;
    white-space: nowrap
}

.tour_packages .package_card:hover .p_card_content .p_card_bottom .view_all a i {
    transform: translateX(5px)
}

.tour_packages .package_card .p_card_content .p_card_bottom .view_all a i {
    margin-left: 0;
    transition: .2s
}
.tour_packages .package_card .p_card_content .p_card_bottom_mobile .view-details_btn{
    background-color: var(--bg-secondary);
    color: var(--light-gray);
    padding: 5px 20px;
    border-radius: 30px;
}
.tour_packages .package_card .p_card_content .p_card_bottom_mobile .call_now_btn{
    background-color: var(--bg-black);
    color: var(--white-color);
    padding: 5px 20px;
    border-radius: 30px;
}
.tour_packages .package_card .p_card_image .card_price{
    display: flex;
    gap:5px;
    font-weight: 600;
    font-size: 14px;
    color: #540000;
    background: #ffc107;
    border-radius: 5px;
    position: absolute;
    padding: 4px 10px;
    bottom: 5px;
    right: 5px;
}

.tour_packages .package_card .p_card_image .card_lavel {
    font-weight: 500;
    font-size: 13px;
    color: var(--white-color);
    background: var(--bg-primary);
    border-radius: 3px;
    position: absolute;
    padding: 7px 14px;
    top: 0;
    left: 20px;
    transform: translateY(50%)
}

.tour_packages .package_card .p_card_content {
    padding: 15px 15px 20px;
    position: relative
}

#footer .fh5co-footer-link li .footerMobile ul li:hover a,
#footer .fh5co-footer-link li .footerMobile ul li:hover i,
#footer .fh5co-footer-link li a:hover,
.contact-details-section .icon-box li a:hover,
.tour_packages .package_card .p_card_content .p_card_heading a:hover h3 {
    color: var(--primary-color)
}

.tour_packages .package_card .p_card_content .p_card_heading a h3 {
    font-weight: 600;
    font-size: 18px;
    transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out
}

.tour_packages .package_card .p_card_content .p_card_heading .pc_title {
    font-weight: 600;
    font-size: 18px;
    height: 55px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.tour_packages .package_card .p_card_content p {
    font-size: 15px;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.header-top .fh5co-social a {
    color: rgba(255, 255, 255, .7);
    font-size: 14px;
    margin-right: 15px;
    position: relative;
    -webkit-transition: .5s, ease-in-out;
    -o-transition: .5s, ease-in-out;
    transition: .5s, ease-in-out
}

.header-top .fh5co-social a:active,
.header-top .fh5co-social a:focus,
.header-top .fh5co-social a:hover {
    text-decoration: none;
    color: var(--white-color) !important
}

.header-top .fh5co-social a:active i,
.header-top .fh5co-social a:focus i,
.header-top .fh5co-social a:hover i {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

.fh5co-hero {
    position: relative;
    height: 800px
}

.fh5co-hero .fh5co-overlay {
    position: absolute !important;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background: rgba(255, 62, 28, .5);
    background: -moz-linear-gradient(left, rgba(255, 62, 28, .5) 0, rgba(255, 140, 0, .5) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0, rgba(255, 62, 28, .5)), color-stop(100%, rgba(255, 140, 0, .5)));
    background: -webkit-linear-gradient(left, rgba(255, 62, 28, .5) 0, rgba(255, 140, 0, .5) 100%);
    background: -o-linear-gradient(left, rgba(255, 62, 28, .5) 0, rgba(255, 140, 0, .5) 100%);
    background: -ms-linear-gradient(left, rgba(255, 62, 28, .5) 0, rgba(255, 140, 0, .5) 100%);
    background: linear-gradient(to right, rgba(255, 62, 28, .5) 0, rgba(255, 140, 0, .5) 100%)
}

.btn.btn-primary,
.navbar-nav>li .btn-default {
    background-image: linear-gradient(to right, #ba230e, #ff9800)
}

header {
    padding: 10px 0
}

.sf-menu ul {
    box-shadow: none;
    border: transparent;
    min-width: 930px
}

.sf-menu a {
    color: var(--white-color);
    padding: 15px;
    font-weight: 400;
    border-left: none;
    border-top: none;
    text-decoration: none;
    zoom: 1;
    font-size: 14px;
    border-bottom: none !important;
    transition: .4s ease-in-out
}

.sf-menu li:hover a {
    background: #1a1a1a
}

.sf-menu .megaDropdown .fh5co-sub-menu li {
    padding: 10px 0;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -ms-transition: .3s linear;
    -o-transition: .3s linear
}

.card-main-box .card-box .card-content,
.sf-menu .megaDropdown .fh5co-sub-menu li.active a,
.tempo_rental .card .card-body {
    padding: 10px
}

.navbar-nav>li .btn-default {
    padding: 9px 13px !important;
    font-size: 14px;
    margin: 22px 10px;
    border: none;
    color: var(--white-color);
    border-radius: 0
}

.sf-menu li.tripadvisor img {
    position: absolute;
    top: -10px;
    left: 150px;
    z-index: 100
}

.sf-menu ul li a,
.sf-menu ul ul li a {
    text-transform: none;
    padding: .2em 1em !important;
    font-size: 14px !important
}

.sf-menu li.active,
.sf-menu li.sfHover a,
.sf-menu li:hover .mobileItem,
.sf-menu li:hover a,
.sf-menu ul li.sfHover a,
.sf-menu ul li:hover a {
    color: var(--white-color);
    background-color: var(--bg-black)
}

.sf-arrows>.sfHover>.sf-with-ul:after,
.sf-arrows>li:hover>.sf-with-ul:after,
.sf-arrows>li>.sf-with-ul:focus:after {
    border-top-color: #ccc
}

.sf-arrows ul .sf-with-ul:after {
    margin-top: -5px;
    margin-right: -3px;
    border-color: transparent transparent transparent #ccc
}

.sf-arrows ul .sfHover>.sf-with-ul:after,
.sf-arrows ul li:hover>.sf-with-ul:after,
.sf-arrows ul li>.sf-with-ul:focus:after {
    border-left-color: #ccc
}

.sf-menu li:hover .subDropdown-menu {
    min-width: 550px;
    background-color: var(--bg-white);
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 50%);
    padding: 10px;
    right: 0;
    transform: translate(0, 0) !important;
    -webkit-transform: translate(0, 0) !important;
    -moz-transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    -o-transform: translate(0, 0) !important
}

.sf-menu li:hover .subDropdown-menu .dropdownBox {
    display: flex;
    justify-content: space-evenly
}

.sf-menu li .subDropdown-menu .dropdownBox .dropdownBoxInner1 {
    border-right: 1px solid #ddd
}

.sf-menu li:hover .subDropdown-menu .dropdownBox .dropdownBoxInner1 .menu_title,
.sf-menu li:hover .subDropdown-menu .dropdownBox .dropdownBoxInner2 .menu_title {
    color: var(--primary-color);
    display: block;
    font-size: 18px;
    font-weight: 500;
    padding: 10px 20px
}

.sf-menu li:hover .subDropdown-menu .dropdownBox .dropdownBoxInner1 .dropdownMenu,
.sf-menu li:hover .subDropdown-menu .dropdownBox .dropdownBoxInner2 .dropdownMenu {
    margin: 0;
    padding: 0;
    display: block;
    min-width: 190px;
    left: 0;
    position: static;
    background: 0 0
}

.sf-menu li:hover .subDropdown-menu .dropdownBox .dropdownBoxInner1 .dropdownMenu li a,
.sf-menu li:hover .subDropdown-menu .dropdownBox .dropdownBoxInner2 .dropdownMenu li a,
.tempo_inner_section .tempo_slider .card .card-footer {
    padding: 5px
}

.megaDropdown {
    position: static !important
}

#fh5co-header-section {
    padding: 0;
    position: relative;
    left: 0;
    width: 100%;
    z-index: 1022
}

.nav-header {
    position: relative;
    float: left;
    width: 100%
}

#fh5co-menu-wrap {
    position: relative;
    z-index: 2;
    float: right;
    margin-top: 15px;
    display: none
}

#fh5co-menu-wrap .sf-menu a {
    padding: 1em .75em
}

#fh5co-destination-list li .title-bg,
#fh5co-destination-list li>a {
    min-height: 220px;
    z-index: 12;
    display: table-cell;
    vertical-align: middle
}

#fh5co-primary-menu>li>ul li {
    position: relative;
    display: inline-block
}

#fh5co-primary-menu>li>ul li>.sf-with-ul:after {
    border: none !important;
    font-family: icomoon;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    float: right;
    margin-right: 10px;
    top: 20px;
    font-size: 12px;
    content: "\e924";
    color: rgba(0, 0, 0, .5)
}

#fh5co-primary-menu .fh5co-sub-menu {
    position: absolute;
    top: 52px;
    left: 0;
    width: 100%;
    padding: 15px;
    background-color: var(--bg-white);
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, .15);
    -ms-box-shadow: 0 5px 15px rgba(0, 0, 0, .15);
    -o-box-shadow: 0 5px 15px rgba(0, 0, 0, .15);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .15);
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0
}

#fh5co-primary-menu .fh5co-sub-menu .view-btn,
.tempo_rental .card .card-footer {
    text-align: center
}

#fh5co-primary-menu .fh5co-sub-menu .view-btn a {
    display: inline-block;
    background-color: var(--bg-black);
    color: var(--white-color);
    padding: 10px 15px
}

#fh5co-primary-menu .fh5co-sub-menu .view-btn a:hover {
    background-color: var(--bg-primary);
    color: var(--white-color) !important
}

#fh5co-primary-menu .fh5co-sub-menu>li>.fh5co-sub-menu {
    left: 100%
}

#fh5co-primary-menu .fh5co-sub-menu:before {
    position: absolute;
    top: -9px;
    left: 20px;
    width: 0;
    height: 0;
    content: ''
}

#fh5co-primary-menu .fh5co-sub-menu:after {
    position: absolute;
    top: -6px;
    left: 45%;
    width: 0;
    height: 0;
    border-right: 6px solid transparent;
    border-bottom: 6px solid var(--white-color);
    border-left: 6px solid transparent;
    content: ''
}

#fh5co-primary-menu .fh5co-sub-menu .fh5co-sub-menu:before {
    top: 6px;
    left: 100%
}

#fh5co-primary-menu .fh5co-sub-menu .fh5co-sub-menu:after {
    top: 7px;
    right: 100%;
    border: none !important
}

.site-header.has-image #primary-menu .sub-menu {
    border-color: #ebebeb;
    -webkit-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, .09);
    -moz-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, .09);
    -ms-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, .09);
    -o-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, .09);
    box-shadow: 0 5px 15px 4px rgba(0, 0, 0, .09)
}

#fh5co-primary-menu .fh5co-sub-menu a {
    letter-spacing: 0;
    font-size: 18px;
    line-height: 34px;
    color: var(--black-color);
    text-align: center;
    text-transform: none;
    background: 0 0
}

#fh5co-primary-menu .fh5co-sub-menu a .mega_menu_sub_heading {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 500;
    font-family: Poppins, sans-serif;
    line-height: normal;
    white-space: pre-wrap
}

.tabulation {
    width: 100%;
    float: left;
    margin-top: -7em;
    background: rgba(255, 255, 255, .95);
    -webkit-box-shadow: 0 43px 83px -20px rgba(0, 0, 0, .41);
    -moz-box-shadow: 0 43px 83px -20px rgba(0, 0, 0, .41);
    -ms-box-shadow: 0 43px 83px -20px rgba(0, 0, 0, .41);
    -o-box-shadow: 0 43px 83px -20px rgba(0, 0, 0, .41);
    box-shadow: 0 43px 83px -20px rgba(0, 0, 0, .41)
}

.tabulation label {
    color: rgba(0, 0, 0, .5);
    font-size: 14px
}

.tabulation input[type=text] {
    background: rgba(0, 0, 0, .05);
    border: none;
    box-shadow: none;
    font-weight: 700;
    font-size: 14px;
    padding: 5px 10px !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    color: var(--primary-color) !important
}

.nav-tabs .active a,
.nav-tabs a {
    border: none !important;
    font-weight: 700
}

.tabulation input[type=text]::-webkit-input-placeholder {
    color: var(--primary-color) !important
}

.tabulation input[type=text]::-moz-placeholder {
    color: var(--primary-color) !important
}

.tabulation input[type=text]:-ms-input-placeholder {
    color: var(--primary-color) !important
}

.tabulation input[type=text]:-moz-placeholder {
    color: var(--primary-color) !important
}

.tab-content {
    padding: 30px
}

.tab-content .btn {
    border: 1px solid red !important;
    letter-spacing: 0;
    text-transform: none;
    font-weight: 700;
    font-size: 18px
}

.nav-tabs {
    border: none
}

.nav-tabs a {
    padding: 15px 20px !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.nav-tabs .active a {
    background: var(--bg-primary) !important;
    color: var(--white-color) !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.nav-tabs:focus a,
.nav-tabs:hover a {
    border: none !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}

.customTable table tbody tr td,
.tempo_box_home .customTable table tbody tr td {
    font-size: 13px
}

.heading-section {
    padding-bottom: 1em;
    margin-bottom: 5em
}

.heading-section:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    width: 100px;
    margin-left: -50px;
    height: 2px;
    background-color: var(--bg-primary)
}

.heading-section h3 {
    font-size: 33px;
    font-weight: 400;
    position: relative
}

.heading-title {
    font-size: 40px;
    margin-bottom: 1.5em
}

#fh5co-features .feature-left,
.feature-left {
    margin-bottom: 40px
}

#fh5co-destination-list li {
    background-position: center center;
    background-repeat: no-repeat;
    display: table;
    padding: 0;
    margin: 0;
    list-style: none;
    min-height: 220px;
    background-size: cover;
    float: left;
    clear: left;
    position: relative
}

.feature-left {
    float: left;
    width: 100%;
    position: relative
}

#fh5co-features .feature-left .icon,
.feature-left .icon {
    float: left;
    text-align: center;
    width: 15%
}

#fh5co-features .animate-box {
    text-align: center;
    border: 1px solid #ddd;
    padding-top: 33px;
    transition: .4s ease-in-out
}

.feature-left .icon i {
    display: table-cell;
    vertical-align: middle;
    font-size: 40px;
    color: var(--primary-color)
}

.feature-left .feature-copy h3 {
    font-size: 18px;
    color: #1a1a1a;
    margin-bottom: 10px
}

.feature-left .feature-copy p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 10px
}

#fh5co-destination {
    width: 100%;
    padding: 0;
    margin: 70px 0 0
}

#fh5co-destination-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    display: flex;
    position: relative;
    padding: 0 !important;
    width: 100%
}

#fh5co-destination-list li .title-bg {
    position: relative;
    width: 100%;
    background-color: var(--bg-primary)
}

#footer,
.address h6 {
    background-color: var(--bg-white)
}

#fh5co-destination-list li .title-bg h3 {
    color: var(--white-color);
    margin-bottom: 20px;
    font-size: 40px
}

#fh5co-destination-list li .title-bg span {
    text-transform: uppercase;
    letter-spacing: 2px
}

#fh5co-features a,
.btn {
    letter-spacing: 1px
}

#fh5co-destination-list li .title-bg span a {
    color: var(--white-color);
    font-size: 13px;
    font-weight: 400;
    border: 1px solid var(--white-color);
    padding: 5px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    transition: .3s ease-in
}

#fh5co-destination-list li .title-bg span a:hover {
    background-color: var(--bg-black);
    border-radius: 30px
}

#fh5co-destination-list li:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, .4);
    z-index: 8;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

#fh5co-destination-list li>a {
    position: relative;
    width: 100%
}

#fh5co-destination-list li>a:after {
    position: absolute;
    top: 20px;
    bottom: 20px;
    left: 20px;
    right: 20px;
    content: "";
    border: 2px solid rgba(255, 255, 255, .8);
    opacity: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

#fh5co-destination-list li>a .case-studies-summary {
    width: auto
}

#fh5co-destination-list li>a .case-studies-summary span {
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--white-color);
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 400;
    -webkit-transition: .1s;
    -o-transition: .1s;
    transition: .1s
}

#fh5co-destination-list li:hover:after {
    -webkit-box-shadow: inset 0 0 91px 0 rgba(0, 0, 0, .75);
    -moz-box-shadow: inset 0 0 91px 0 rgba(0, 0, 0, .75);
    -ms-box-shadow: inset 0 0 91px 0 rgba(0, 0, 0, .75);
    -o-box-shadow: inset 0 0 91px 0 rgba(0, 0, 0, .75);
    box-shadow: inset 0 0 91px 0 rgba(0, 0, 0, .75);
    background: rgba(0, 0, 0, .3)
}

#fh5co-destination-list li:hover>a .case-studies-summary h2 {
    margin-top: -5px
}

#fh5co-destination-list li.two-third {
    width: 65.6%
}

#fh5co-destination-list li.one-third {
    width: 32.3%
}

#fh5co-destination-list li.one-forth {
    width: 25%
}

#fh5co-destination-list li.one-half {
    width: 50%
}

#fh5co-features .feature-left .feature-copy {
    height: 140px;
    padding-top: 10px;
    position: relative
}

#fh5co-features .feature-left .icon i {
    color: #d9d9d9 !important
}

#fh5co-features .feature-left .fc_title,
#fh5co-features .feature-left h3,
.icon-box-content h3 {
    font-size: 18px;
    font-weight: 600;
    color: var(--primary-color)
}

#fh5co-features .feature-left p {
    font-size: 15px;
    color: var(--black-color);
    font-weight: 500
}

#fh5co-features .feature-left p:last-child {
    margin-bottom: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

#fh5co-features a {
    display: inline-block;
    padding: 5px 22px;
    background-color: var(--bg-primary);
    color: var(--white-color);
    font-size: 14px;
    border-radius: 50px;
    font-weight: 400;
    transition: .4s ease-in-out
}

#fh5co-features .animate-box:hover {
    background: #e3e3e3;
    box-shadow: 1px 9px 44px #00000038
}

#fh5co-services {
    padding: 7em 0
}

#fh5co-services .fh5co-number {
    font-size: 30px;
    color: var(--primary-color);
    position: relative;
    padding-top: 10px;
    font-style: italic;
    display: inline-block;
    zoom: 1
}

#fh5co-services .fh5co-number:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    top: 0;
    left: 0;
    background-color: var(--bg-primary)
}

#fh5co-services .fh5co-icon {
    margin-bottom: 30px;
    margin-top: 50px;
    position: relative;
    display: inline-block;
    zoom: 1
}

#fh5co-services .fh5co-icon i {
    font-size: 200px;
    color: var(--primary-color)
}

.contact-details-section .icon-box ul,
.footerMobile ul,
.tempo_rental .card ul {
    margin: 0;
    padding: 0
}

.address h6 {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    color: var(--black-color);
    padding: 28px;
    box-shadow: 0 3px 10px 2px #ddd;
    font-size: 25px;
    border-radius: 50%
}

#map {
    width: 100%;
    position: relative;
    height: 200px
}

.fh5co-social-icons>a {
    padding: 4px 10px;
    color: var(--primary-color)
}

.fh5co-social-icons>a:active,
.fh5co-social-icons>a:focus,
.fh5co-social-icons>a:hover {
    text-decoration: none;
    color: var(--black-color)
}

#footer {
    padding: 30px 0 0
}

#footer .fh5co-footer-link .footer_title,
#footer .fh5co-footer-link .ft_heading,
#footer .fh5co-footer-link .ft_heading a,
#footer .fh5co-footer-link h3,
#footer .fh5co-footer-link h4,
#footer .fh5co-footer-link h5,
#footer .fh5co-footer-link h6,
#footer .fh5co-footer-link h6 a {
    color: var(--primary-color);
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    padding-bottom: 15px;
    position: relative
}

#footer .fh5co-footer-link .footer_title,
#footer .fh5co-footer-link .ft_heading:before,
#footer .fh5co-footer-link h3:before,
#footer .fh5co-footer-link h4:before,
#footer .fh5co-footer-link h5:before,
#footer .fh5co-footer-link h6:before {
    content: '';
    position: absolute;
    bottom: 4px;
    background-color: var(--bg-primary);
    width: 58px;
    height: 4px
}

#footer .fh5co-footer-link li,
#footer .fh5co-footer-link ul,
.tempo_details .tp_right ul,
.tour_package_details .tp_right ul {
    padding: 0;
    margin: 0
}

#footer .fh5co-footer-link li a,
.footerMobile ul li {
    color: var(--black-color);
    font-size: 14px;
    display: flex;
    align-items: center;
    word-break: break-word
}

#footer .fh5co-footer-link li {
    list-style: none;
    margin-bottom: 10px;
    line-height: 1.3
}

.footer-bottom {
    padding: 12px 0 0;
    background: #e8e7e7
}

.footer-bottom h4 {
    font-size: 18px;
    font-weight: 700
}

#footer .fh5co-footer-link li a i,
.footerMobile ul li i {
    display: flex;
    justify-content: center;
    align-items: center;
    background: 0 0;
    padding: 15px;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    border: 1px solid;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px
}

#footer .fh5co-footer-link .lineBarCode {
    max-width: 300px;
    display: flex;
    margin: auto
}

#footer .fh5co-footer-link .lineBarCode .lbCodeRight {
    width: 120px;
    display: flex;
    flex-direction: column;
    align-items: center
}

#footer .fh5co-footer-link .lineBarCode .lbCodeRight img {
    width: 100px;
    height: 100px;
    margin-bottom: 0
}

#footer .fh5co-footer-link .lineBarCode .lbCodeRight span {
    color: var(--black-color);
    text-align: center
}

.btn {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    text-transform: uppercase
}

.btn.btn-primary {
    width: 140px;
    text-align: center;
    color: var(--white-color);
    border: none !important;
    padding: 9px
}

.btn.btn-primary:active,
.btn.btn-primary:focus,
.btn.btn-primary:hover {
    box-shadow: none;
    background-image: linear-gradient(to right, #ba230e, #ff9800);
    color: var(--white-color) !important
}

.btn:active,
.btn:focus,
.btn:hover {
    background-image: linear-gradient(to right, #ba230e, #ff9800) !important;
    color: var(--white-color);
    outline: 0 !important
}

.btn.btn-default:active,
.btn.btn-default:focus,
.btn.btn-default:hover {
    border-color: transparent
}

.btn.btn-outline {
    background: 0 0;
    color: var(--primary-color);
    border: 2px solid var(--primary-color) !important
}

.btn.btn-outline:active,
.btn.btn-outline:focus,
.btn.btn-outline:hover {
    background-color: var(--bg-primary) !important;
    color: var(--white-color) !important
}

.js .animate-box {
    opacity: .9
}

.icon-box-content p,
.modal_title,
.overview_heading {
    font-family: var(--primary-font)
}

.row-bottom-padded-lg,
.row-bottom-padded-md,
.row-bottom-padded-sm {
    padding-bottom: 2em
}

.row-top-padded-lg,
.row-top-padded-md,
.row-top-padded-sm {
    padding-top: 2em
}

footer .row-bottom-padded-md {
    padding-bottom: 1em
}

.border-bottom {
    border-bottom: 1px solid rgba(0, 0, 0, .06)
}

.lead {
    line-height: 1.8
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0
}

.fh5co-loader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999
}

.tri-adv {
    display: flex;
    align-items: center;
    justify-content: space-between;
    float: none;
    width: 100%;
    margin: 10px 0
}

.about-banner,
.about-banner h1 {
    justify-content: center;
    display: flex
}

.about-banner {
    background: url(../images/about/banner/about-banner.jpg) center/cover no-repeat;
    height: 335px;
    margin: 0;
    position: relative;
    align-items: center
}

.about-banner h1 {
    color: var(--white-color);
    align-items: center;
    font-weight: 500
}

.about-content h2 {
    font-weight: 600;
    font-size: 28px;
    color: var(--primary-color)
}

.about-content p a {
    color: #000;
    font-weight: 500;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out
}

.about-content p a:hover {
    color: var(--primary-color);
    border-bottom: 1px solid var(--primary-color)
}

.about-content h3 {
    font-size: 24px;
    font-weight: 500
}

.icon-box {
    text-align: center;
    padding: 20px;
    background-color: #f2f5f7;
    margin: 20px 0
}

.icon-box:hover {
    box-shadow: -3px 0 0 0 rgb(255 87 34)
}

.icon-box .box-icon {
    background-color: var(--bg-white);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    height: 100px;
    width: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin: 25px auto;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out
}

.icon-box .box-icon img {
    width: 64px;
    height: 64px
}

.icon-box:hover .box-icon {
    border: 2px solid var(--primary-color)
}

.inner-about-wrap .about-image img,
.inner-contact-wrap .contact-map {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px
}

.icon-box .box-icon i {
    font-size: 30px;
    color: var(--primary-color)
}

.inner-about-wrap .about-image {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px
}

.inner-about-wrap .about-image img {
    border-radius: 25px;
    width: -moz-calc(100% - 115px);
    width: -webkit-calc(100% - 115px);
    width: calc(100% - 115px)
}

.mt-0 {
    margin-top: 0
}

.head_text {
    font-size: 24px
}

.overlay_orange {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--bg-primary);
    opacity: .5;
    top: 0;
    left: 0
}

.contact-banner {
    background: url(../images/banner-drct.jpg) center/cover no-repeat;
    height: 335px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.contact-banner h1 {
    font-weight: 500;
    margin-top: 0
}

.content_hero {
    z-index: 9
}

.contact_wrapper {
    z-index: 2
}

.inner-contact-wrap {
    padding-bottom: 45px
}

.section-heading {
    margin-bottom: 45px
}

.section-heading .sub-title {
    color: #3a78c9;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px
}

.section-heading .section-title {
    margin-bottom: 10px;
    text-transform: uppercase;
    margin-top: 0;
    font-size: 24px;
    font-weight: 600
}

.section-heading p {
    font-size: 16px;
    line-height: 24px
}

.social-icon ul {
    margin: 0;
    padding: 0;
    font-size: 0
}

.social-icon li {
    display: inline-block;
    list-style: none;
    margin: 0 5px
}

.inner-contact-wrap .social-icon li {
    margin: 0 5px
}

.social-icon a {
    font-size: 16px;
    color: #404040;
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    -ms-transition: color .4s;
    -o-transition: color .4s;
    transition: color .4s
}

.inner-contact-wrap .contact-map {
    border-radius: 25px;
    overflow: hidden
}

iframe {
    display: block;
    width: 100%
}

.contact-from-wrap {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px;
    padding: 15px 20px;
    box-shadow: 0 0 3px 0 rgb(0 0 0 / 25%)
}

.bg-light-grey {
    background-color: #f8f8f8
}

.contact-details-section .border-icon-box {
    border: 1px solid rgba(58, 120, 201, .16);
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px;
    padding-top: 40px;
    padding-bottom: 40px
}

.contact-details-section .icon-box .box-icon {
    height: 80px;
    width: 80px;
    line-height: 80px
}

.contact-details-section .icon-box li {
    list-style: none;
    margin-bottom: 5px
}

.contact-details-section .icon-box {
    display: flex;
    justify-content: start;
    flex-direction: column;
    align-items: center;
    min-height: 365px
}

.contact-from-wrap .contact-from label {
    color: var(--black-color);
    font-weight: 500;
    font-size: 16px;
    margin: 10px 0 0
}

input[type=email],
input[type=number],
input[type=password],
input[type=text] {
    height: 45px
}

input[type=email],
input[type=number],
input[type=password],
input[type=text],
select,
textarea {
    background-color: #ededed;
    border: 1px solid #777;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px;
    font-size: 14px;
    padding: 0 15px;
    color: var(--black-color)
}

.contact-from-wrap .contact-from input:not([type=submit]):not([type=checkbox]):not([type=radio]) {
    width: 100%;
    margin-top: 5px
}

.contact-from-wrap .contact-from input::placeholder {
    color: var(--black-color)
}

.contact-from-wrap .contact-from textarea {
    background-color: #ededed;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin-top: 5px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px
}

.contact-from-wrap .contact-from textarea::placeholder {
    color: var(--black-color)
}

.contact-from-wrap input:focus {
    border-color: var(--primary-color);
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(255 87 34);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(255 87 34)
}

.contact-from-wrap .main_btn {
    border: none;
    width: 100%;
    padding: 10px 20px;
    color: var(--white-color);
    background-color: var(--bg-black);
    box-shadow: 0 5px 0 1px rgb(0 0 0 / 15%);
    margin-top: 15px
}

.sf-arrows .sf-with-ul {
    padding-right: 10px
}

.btnMore {
    color: var(--white-color);
    padding: 5px 10px;
    background-color: var(--bg-black);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    transition: .3s ease-out;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out
}

.tempo_details .tp_left,
.tour_package_details .tp_left {
    display: flex;
    align-items: center;
    padding-bottom: 10px
}

.tempo_details .tp_left .tpl_left .seatImg,
.tour_package_details .tp_left .tpl_left .calendarImg {
    width: 30px;
    height: 30px;
    background-color: var(--bg-primary);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%
}

.tempo_details .tp_left .tpl_right p,
.tempo_details .tpl_left .seatText,
.tour_package_details .tp_left .tpl_right p,
.tour_package_details .tpl_left .calendarText {
    padding-left: 10px
}

.tempo_details .tp_right ul li,
.tour_package_details .tp_right ul li {
    list-style: none;
    padding: 0 10px 6px 22px;
    background: url(../images/icons-image/highlights-arrow.png) 0 7px no-repeat;
    display: flex
}

.tempo_details .tp_left span img,
.tour_package_details .tp_left span img {
    height: auto;
    margin-top: 0
}

.tour_package_details .tp_left img {
    width: 100%;
    border-radius: 5px;
    height: 480px
}

.tour_package_details .nav-tabs .nav-link {
    color: var(--primary-color);
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out
}

.tour_package_details .tab-content {
    padding: 25px 15px 0;
    background-color: var(--bg-white);
    border: 1px solid var(--primary-color)
}

.tour_package_details #nav-exclude,
.tour_package_details #nav-include,
.tour_package_details #nav-itinerary {
    height: auto;
    overflow-y: hidden
}

.tour_package_details #nav-itinerary .tpi_tab:hover .tpi_tab_left .icon {
    border: 1px solid var(--primary-color);
    background: 0 0;
    color: var(--primary-color)
}

.tour_package_details #nav-itinerary .tpi_tab .tpi_tab_left .icon {
    background-color: var(--bg-primary);
    width: 35px;
    height: 35px;
    border-radius: 50%;
    color: var(--white-color);
    font-size: 16px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .4s ease-in-out;
    -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -ms-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out
}

.tour_package_details #nav-itinerary .tpi_tab .tpi_tab_right .itinerary_title,
.tour_package_details #nav-itinerary .tpi_tab .tpi_tab_right h2,
.tour_package_details #nav-itinerary .tpi_tab .tpi_tab_right h3,
.tour_package_details #nav-itinerary .tpi_tab .tpi_tab_right h4,
.tour_package_details #nav-itinerary .tpi_tab .tpi_tab_right h5,
.tour_package_details #nav-itinerary .tpi_tab .tpi_tab_right h6 {
    color: var(--primary-color);
    font-size: 18px;
    font-weight: 500
}

.tour_package_details #nav-itinerary .tpi_tab .tpi_tab_right p {
    color: var(--black-color);
    font-size: 15px;
    margin: 10px 0
}

.tour_package_details .tpi_tab .tpi_tab_content p span {
    font-size: 18px;
    font-weight: 500
}

.tour_package_details .tpi_tab .tpi_tab_content ul li {
    list-style: none;
    padding: 5px 0;
    font-size: 15px
}

.tour_package_details .tpi_tab .tpi_tab_content ul li::marker {
    color: var(--primary-color)
}

.tour_package_details .tpi_tab .tpi_tab_content ul li .fa-check {
    color: #00ad7c;
    font-size: 16px;
    padding-right: 5px
}

.tour_package_details .tpi_tab .tpi_tab_content ul li .fa-times {
    color: red;
    font-size: 16px;
    padding-right: 5px
}

.common_PriceTable .table tbody tr th .link_title:hover,
.tempo_details .tempo_dest .destination_card .dest_slider .item .box .fig_title a h4:hover,
.tempo_details .tempo_dest .destination_card .dest_slider .item .box:hover .fig_title a h4,
.tempo_rental .card a h3:hover,
.tempo_rental .card a h4:hover,
.tempo_rental .card a h5:hover,
.tp_leftSlider .slick-dots li.slick-active button:before,
p a {
    color: var(--primary-color)
}

.tour_inner_siderbar .main_btn {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 5px;
    box-shadow: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px
}

.tour_inner_siderbar .title,
.tour_inner_siderbar h3 {
    font-size: 20px;
    padding: 18px 0;
    margin-bottom: 0;
    color: var(--white-color);
    border-radius: 15px 15px 0 0
}

.tour_inner_siderbar form {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0
}

.tour_inner_siderbar input:focus,
.tour_inner_siderbar textarea:focus {
    box-shadow: none;
    border-color: var(--primary-color)
}

.tour_inner_siderbar textarea {
    border-color: #777
}

.carRentalDetails h2,
.common_title {
    font-size: 20px;
    font-weight: 600
}

.carRentalDetails h3,
.f-box .heading {
    font-size: 18px;
    font-weight: 600
}

.carRentalDetails h4 {
    font-size: 20px;
    font-weight: 500
}

.carRentalDetails .view_all {
    padding-top: 15px;
    margin-bottom: 15px
}

.carRentalDetails p,
.tempo_inner_section .main-head p {
    margin-bottom: 10px
}

.bolitpoints li {
    line-height: 28px;
    margin-bottom: 5px
}

.hyperlink {
    display: inline-block;
    color: var(--hyperlink);
    text-decoration: none
}

.hyperlink:hover {
    color: var(--hyperlink-hover-color)
}

.hyperlink::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background-color: var(--hyperlink-hover-color);
    transition: width .3s
}

.carRentalDetails ol li::marker,
.carRentalDetails ul li::marker {
    color: var(--primary-color);
    font-size: 14px
}

.tempo_rental {
    padding: 15px 0 30px
}

.tempo_rental .card {
    margin: 20px 0;
    box-shadow: 8px 8px 0 0 rgb(255 87 34 / 25%);
    overflow: hidden;
    position: relative;
    bottom: 0;
    transition: .4s ease-in-out;
    -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -ms-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out
}

.tempo_rental .card:hover {
    box-shadow: 0 0 0 0 rgb(255 87 34 / 25%)
}

.tempo_rental .card figure::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.tempo_rental .card figure:hover::before {
    -webkit-animation: .75s shine;
    animation: .75s shine
}

@-webkit-keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes shine {
    100% {
        left: 125%
    }
}

.tempo_rental .card .card-img-top,
.vehicleWrapper .vehicleSlider .vehicleImage a img {
    transition: .4s ease-in-out;
    -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -ms-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out
}

.tempo_rental .card a h3,
.tempo_rental .card a h4,
.tempo_rental .card a h5 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
    word-wrap: break-word;
    padding-bottom: 10px;
    border-bottom: 1px solid #333
}

.tempo_rental .card .card-text {
    padding-top: 10px;
    color: var(--black-color);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    font-size: 14px
}

.error .main_btn,
.tempo_rental .card .main_btn,
.thanks .main_btn {
    display: inline-block;
    background-color: var(--bg-primary);
    color: var(--white-color)
}

.tempo_rental .card ul li {
    color: var(--black-color);
    padding: 5px 10px;
    font-size: 14px
}

.tempo_rental .card .main_btn {
    border-radius: 5px;
    font-size: 14px;
    padding: 8px 20px;
    text-align: center;
    box-shadow: none
}

.tempo_details .tp_left img {
    width: 100%;
    border-radius: 5px;
    margin-top: 10px;
    height: auto
}

.card-main-box,
.tempo_details .tempo_dest .destination_card .dest_slider,
.three-card .card-parents {
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

.card-parents,
.tempo_slider_grid {
    grid-template-columns: repeat(4, 1fr);
    display: grid
}

.parents-card-contra .card-content-box,
.tempo_details .tempo_dest .destination_card .dest_slider .item {
    padding: 0 10px
}

.tempo_details .tempo_dest .destination_card .dest_slider .item .box {
    background-color: #ffcfc0;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px
}

.tempo_details .tempo_dest .destination_card .dest_slider .item .box:hover {
    box-shadow: 0 5px 8px 0 rgb(0 0 0 / 25%)
}

.tempo_details .tempo_dest .destination_card .dest_slider .item .box .fig img {
    height: 140px;
    object-fit: cover;
    width: 100%;
    cursor: pointer;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.tempo_details .tempo_dest .destination_card .dest_slider .item .box .fig_title a .title {
    font-size: 16px;
    padding: 10px 0;
    font-weight: 500;
    color: var(--black-color);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px
}

.tempo_inner_section .tempo_rental .tempo_slider .slick-next {
    right: -10px
}

.tempo_inner_section .tempo_rental .tempo_slider .slick-prev {
    left: -15px;
    z-index: 9
}

.tempo_details .tempo_dest .dest_slider .slick-next,
.tempo_details .tempo_dest .dest_slider .slick-prev,
.tempo_inner_section .tempo_rental .tempo_slider .slick-next,
.tempo_inner_section .tempo_rental .tempo_slider .slick-prev {
    background-color: var(--bg-primary);
    color: var(--white-color);
    width: 32px;
    height: 32px
}

.tempo_inner_section .tempo_rental h2 {
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px
}

.borderDivider {
    padding: 20px 0
}

.borderDivider h2::before,
.borderDivider h3::before,
.borderDivider h4::before,
.borderDivider h5::before {
    content: "";
    background-color: var(--bg-primary);
    height: 5px;
    width: 115px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    transform: translate(0, 35px)
}

.tempo_inner_section .tempo_slider .card {
    box-shadow: none;
    margin: 0;
    min-height: 380px
}

.tempo_inner_section .view_all {
    padding-top: 20px
}

.tempo_dest h3 {
    font-size: 22px;
    text-align: center;
    font-weight: 600;
    padding: 0 0 15px
}

.tempo_dest h3::after {
    content: "";
    text-align: center;
    background-color: var(--bg-primary);
    width: 140px;
    display: block;
    height: 2px;
    margin: auto
}

.tempo_details .tempo_dest .dest_slider .slick-next {
    right: -5px
}

.tempo_details .tempo_dest .dest_slider .slick-prev {
    left: -5px;
    z-index: 9
}

.pkg-wrap .tour-slider .slick-prev {
    left: 0;
    z-index: 9
}

.pkg-wrap .tour-slider .slick-next,
.tempo_rental .swiper-button-next {
    right: 0
}

.pkg-wrap .tour-slider .slick-arrow {
    right: 0;
    background-color: var(--bg-primary);
    width: 32px;
    height: 32px
}

.tp_leftSlider .slick-dots li button:before {
    color: var(--white-color);
    font-size: 13px
}

.error,
.thanks {
    padding: 180px 0;
    text-align: center
}

.error h1,
.thanks h1 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 0
}

.thanks p {
    font-size: 16px;
    margin-bottom: 0
}

.error .main_btn,
.thanks .main_btn {
    padding: 10px;
    margin: 10px 0
}

.vehicleWrapper {
    padding: 50px 0
}
.vehicleWrapper .vehicleSlider{
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(3,1fr)
}
.vehicleWrapper .vehicleSlider .vehicleBox {
    position: relative;
    padding: 10px;
    background-color: rgb(255 231 226 / 50%);
    height: 335px;
    border-radius: 15px;
    display: block;
    border: 1px solid rgb(255 229 224 / 50%);
    transition: all 0.3s ease-in-out;
}
.vehicleWrapper .vehicleSlider .vehicleBox:hover{
    box-shadow: 3px 9px 6px 0px rgba(0, 0, 0, 0.1);
}
.vehicleContentBody .vehicle_price{
    border: 1px solid #ddd;
    border-radius: 5px;
}
.vehicleContentBody .vehicle_price li{
    background-color: var(--bg-white);
    border-radius: 5px;
    padding: 5px;
}
.vehicleContentBody .vehicle_price li:not(:last-child){
    border-bottom: 1px solid #ddd;
}
.vehicleWrapper .vehicleSlider .vehicleFooter {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.vehicleWrapper .vehicleSlider .vehicleFooter .vehicleBookBtn .vehicleBookNowBtn {
    display: inline-block;
    padding: 6px 15px;
    cursor: pointer;
    text-transform: uppercase;
    color: var(--black-color);
    font-size: 14px;
    transition: .4s ease-in-out;
    -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -ms-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    border: 2px solid var(--primary-color);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px
}

.vehicleWrapper .vehicleSlider .vehicleFooter .vehicleViewDetailsBtn .vehicleMoreBtn {
    display: inline-block;
    background-color: var(--bg-primary);
    cursor: pointer;
    text-transform: uppercase;
    padding: 6px 15px;
    color: var(--white-color);
    font-size: 14px;
    transition: .4s ease-in-out;
    -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -ms-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    border: 2px solid var(--primary-color);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px
}

.vehicleWrapper .vehicleSlider .vehicleFooter .vehicleViewDetailsBtn .vehicleMoreBtn:hover {
    background-color: var(--bg-black);
    color: var(--white-color);
    border: 2px solid var(--black-color)
}

.vehicleWrapper .vehicleSlider .slick-arrow {
    z-index: 1;
    width: 45px;
    height: 80px;
    background: #00000066 !important
}

.enqBtn {
    font-size: 14px;
    font-weight: 700;
    color: var(--white-color);
    background-color: #f78536;
    padding: 5px;
    border-radius: 5px
}

.image-wrap figure {
    margin: 0;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.image-wrap .full-img {
    margin-top: 7px
}

.image-wrap .small-gutters>[class*=col-] {
    padding-right: 5px !important;
    padding-left: 5px !important
}

.image-wrap .small-gutters {
    margin-right: -5px !important;
    margin-left: -5px !important
}

.image-wrap {
    margin-bottom: 25px
}

.image-wrap .wrapper {
    width: 100%;
    background: 0 0;
    background: -webkit-linear-gradient(top, transparent, var(--black-color));
    background: linear-gradient(to bottom, transparent, var(--black-color));
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: 1;
    padding: 100px 20px 20px
}

.image-wrap .wrapper p {
    color: var(--white-color);
    margin-bottom: 0
}

.sub-hd {
    color: #555;
    margin: 0
}

.hd-title .heading {
    font-weight: 600;
    margin-bottom: 0;
    font-size: 1.5rem
}

.pkg-section .fig {
    position: relative;
    overflow: hidden
}

.pkg-section .fig .fig_title {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: linear-gradient(360deg, var(--black-color) -4%, transparent);
    padding: 25px 15px 10px
}

.pkg-section .fig .fig_title a .ft_heading {
    color: #fff;
    font-weight: 400;
    font-size: 18px
}

.dest-slider2 .overlay {
    width: 0;
    height: 0;
    position: absolute;
    bottom: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-25px, 38px);
    transition: width .4s, height .4s;
    opacity: 0;
    background: 0 0
}

.dest-slider2 .overlay a {
    color: var(--white-color);
    padding-bottom: 8px;
    background-color: var(--bg-primary);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.bg-gray,
.tempo_box_home ul li:nth-child(odd),
.tempo_slider ul li:nth-child(odd) {
    background: #e1e1e1
}

.pkg-section .fig:hover .overlay {
    width: 150px;
    height: 150px;
    opacity: 1
}

.dest-slider2 .overlay::after {
    content: '';
    position: absolute;
    background: #0a347291;
    padding: 185px;
    border-radius: 50%;
    z-index: -9;
    filter: blur(48px)
}

.tour_inner_siderbar form input {
    border-radius: 0
}

.tour_inner_siderbar form {
    background: #171722;
    color: #fff;
    padding: 18px
}

.no-scroll-slide .title-head:hover,
.tempo_box_home .title-head:hover,
.tempo_slider .title-head:hover,
.tour_inner_siderbar .title {
    background: #dd4523
}

.tour_inner_siderbar .main_btn {
    background-color: var(--bg-white);
    color: var(--black-color);
    border: none
}

.table-section thead,
.tour_inner_siderbar .main_btn:hover {
    background: #dd4523;
    color: var(--white-color)
}

.tempo_slider .card .card-footer,
.tempo_slider_home .card .card-footer {
    padding: 12px 0 !important;
    background: #ddd
}

.package_details_wrapper {
    padding: 50px 0 0
}

.text-orange {
    color: #dd4523
}

.tempo_slider_grid {
    gap: 20px
}

.tempo_inner_section .tempo_slider .card .card-body h3 {
    border-bottom: none;
    padding-bottom: 0;
    text-align: center;
    font-size: 17px;
    font-weight: 700
}

.tempo_box_home .title-head,
.tempo_slider .title-head {
    padding: 16px;
    background: #060b0f;
    transition: .3s ease-in-out
}

.tempo_box_home .title-head .card-title,
.tempo_slider .title-head .card-title {
    color: var(--white-color);
    border: none;
    padding: 0;
    font-size: 14px;
    font-weight: 500
}

.tempo_box_home .card-body ul,
.tempo_slider .card-body ul,
ol {
    list-style: none;
    padding: 0;
    margin: 0
}

.tempo_box_home .card .card-body li,
.tempo_slider .card .card-body li {
    padding: 15px 10px
}

.tempo_box_home .card .card-body p,
.tempo_slider .card .card-body p {
    margin: 0;
    font-size: 14px
}

.tempo_inner_section .tempo_slider .card .card-footer .main_btn,
.tempo_slider_home .tempo_box_home .card .card-footer .main_btn {
    background: #dd4523;
    padding: 7px 22px;
    border-radius: 0
}

.table-section thead th {
    font-weight: 500;
    font-size: 17px;
    padding: 11px 15px
}

.table-section .table td {
    padding: 14px 10px;
    background: #e1e1e1;
    border-color: #00000014;
    font-weight: 500
}

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

.list-style-1 li {
    margin-bottom: 16px
}

.bg-gray {
    padding: 44px 0
}

.content-section li {
    position: relative;
    padding-left: 22px
}

.content-section li::before {
    content: '';
    position: absolute;
    background: url(../images/arrow-icon.svg) no-repeat;
    width: 15px;
    height: 15px;
    left: 0;
    top: 4px
}

.inc .box {
    background-color: var(--bg-white);
    padding: 24px
}

.inc .box .heading {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px
}

.inc .box .heading i {
    display: inline-block;
    width: 22px
}

.faqheading {
    font-size: 24px;
    font-weight: 600;
    color: var(--black-color)
}

.accordion-body,
.accordion-button {
    padding: 10px !important
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
    transform: scale(.7) !important
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e")
}

.customTable table tbody tr th,
.tempo_box_home .customTable table tbody tr th {
    color: var(--black-color) !important;
    font-size: 13px;
    font-weight: 600
}

.tempo_slider_home .tempo_box_home .card {
    box-shadow: none
}

.overview_heading {
    font-size: 22px;
    font-weight: 500;
    width: 100%
}

.divider {
    border-top: 1px solid #cdcdcd;
    margin: 15px 0
}

.fancy {
    --b: 6px;
    --w: 80px;
    --g: 15px;
    --c: #ef5b2c;
    width: fit-content;
    padding: 0 1em;
    line-height: 1.6em;
    border: 1px solid;
    color: #fff;
    background: conic-gradient(from 45deg at left, var(--c) 25%, #0000 0) 0, conic-gradient(from -135deg at right, var(--c) 25%, #0000 0) 100%;
    background-size: 51% 100%;
    background-origin: border-box;
    background-repeat: no-repeat;
    border-image: linear-gradient(#0000 calc(50% - var(--b)/ 2), var(--c) 0 calc(50% + var(--b)/ 2), #0000 0) 1/0 var(--w)/calc(var(--w) + var(--g));
    margin-inline: auto
}

.center-diamond {
    border: 0;
    height: 1px;
    width: 10%;
    position: relative;
    margin: 0 auto 20px;
    background-color: #ef5b2c
}

.center-diamond:before {
    content: "";
    width: 10px;
    height: 10px;
    background: #ef5b2c;
    display: inline-block;
    border: 2px solid #ef5b2c;
    position: absolute;
    top: -5px;
    left: 50%;
    margin: 0 0 0 -3px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

#fh5co-features .main-head {
    margin-bottom: 15px !important
}

.modal_title {
    font-size: 20px;
    font-weight: 600;
    line-height: normal
}

.common_PriceTable .table thead {
    background: linear-gradient(135deg, #dda90d, #ff5722) !important;
    color: var(--white-color);
    font-weight: 500
}

.common_PriceTable .table tbody tr th h3 {
    line-height: 16px
}

.common_PriceTable .table tbody tr th h3 .link_title {
    font-size: 14px;
    font-weight: 600;
    color: #222;
    transition: .3s ease-out
}

.card-main-box,
.card-parents {
    gap: 15px
}

.card-parents .card-box {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 3px 5px grey
}

.card-parents .card-box .card-content {
    padding: 11px 15px
}

.card-tiltle-cont {
    color: var(--primary-color);
    font-size: 17px !important;
    font-weight: 600 !important
}

.parents-card-contra {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 15px
}

.parents-card-contra .left-box {
    display: flex;
    gap: 10px;
    align-items: center;
    box-shadow: 0 0 3px #c0c0c0de;
    border-radius: 6px;
    padding: 5px
}

.parents-card-contra .left-box .card-img-box {
    flex: none
}

.card-content-box .title {
    font-size: 17px;
    font-weight: 600;
    color: var(--primary-color)
}

.card-content-box p,
.card-main-box .card-box .card-content .card-para {
    text-align: justify
}

.images-gallery-box {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px
}

.images-gallery-box .images-box {
    width: 215px;
    box-shadow: 4px 0 8px grey;
    border-radius: 10px
}

.images-gallery-box .images-box img {
    width: 100%;
    border-radius: 10px
}

.no-scroll-slide {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px
}

.no-scroll-slide .card figure {
    height: 240px
}

.no-scroll-slide .card figure img {
    height: 258px;
    width: 100%;
    object-fit: cover;
    object-position: center
}

.no-scroll-slide .title-head {
    padding: 16px;
    background: #060b0f;
    transition: .3s ease-in-out;
    z-index: 1
}

.no-scroll-slide .card-title {
    margin-bottom: var(--bs-card-title-spacer-y);
    color: var(--white-color)
}

.contact-us-block .holder-area {
    width: 100%;
    background-color: #333;
    padding-block: 15px
}

.holder-area p {
    color: var(--white-color);
    font-size: 13px;
    position: relative;
    z-index: 1;
    max-width: 460px
}

.holder-area .main-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--white-color);
    position: relative
}

.contact-us-block::before {
    content: "";
    position: absolute;
    width: 54%;
    left: -8%;
    height: 100%;
    background-color: var(--bg-primary);
    transform: skewX(27deg)
}

.holder-area .ul-block {
    padding-left: 20px;
    margin-bottom: 0;
    column-count: 2;
    color: var(--primary-color)
}

.holder-area .ul-block li a {
    color: var(--white-color);
    font-size: 14px
}

.card-title-h3 {
    font-size: 14px !important;
    border-bottom: none !important;
    padding-bottom: 0 !important
}

.call-for-details {
    background-color: #ffded3;
    color: var(--black-color);
    padding: 4px 8px;
    border-radius: 5px;
    transition: .5s;
    font-weight: 600;
    display: inline-block
}

.three-card .card-parents .one-card {
    padding: 8px;
    box-shadow: 0 2px 4px grey;
    border-radius: 5px;
    position: relative
}

.three-card .card-parents .one-card .card-content {
    padding: 10px 5px
}

.three-card .card-parents .one-card .card-content .card-heading {
    font-size: 18px;
    color: var(--primary-color);
    font-weight: 600;
    text-align: center
}

.three-card .card-parents .one-card .card-content .card-para {
    text-align: justify;
    color: var(--black-color);
    font-size: 15px
}

.card-main-box .card-box .img-box img {
    height: 250px;
    border-radius: 10px 10px 0 0
}

.card-main-box .card-box {
    box-shadow: 1px 1px 4px #808080de;
    border-radius: 10px;
    overflow: hidden
}

.card-main-box .card-box .card-content .card-heading {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    color: var(--primary-color)
}

.tempo_rental .swiper-button-prev {
    left: 0
}

.tempo_rental .swiper-button-next,
.tempo_rental .swiper-button-prev {
    background-color: var(--bg-white);
    border-radius: 50%;
    top: 48%;
    width: 34px;
    height: 34px;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .05);
    transition: .3s ease-in-out;
    z-index: 999
}

.tempo_rental .swiper-button-next::after,
.tempo_rental .swiper-button-prev::after {
    font-size: 14px;
    color: var(--black-color);
    font-weight: 700
}

.potrait_packageSlider.swiper {
    margin-left: auto;
    margin-right: auto
}

.potrait_packageSlider .swiper-pagination .swiper-pagination-bullet {
    background-color: var(--bg-white);
    opacity: .5;
    width: 10px;
    height: 3px;
    border-radius: 3px
}

.potrait_packageSlider .swiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--bg-primary);
    opacity: 1
}

.dest-slider2 .item,
.tempo_slider .item {
    margin: 0 10px
}

.img1.visible {
    background-image: url(../images/destinations/ajmer-img.webp)
}

.img2.visible {
    background-image: url(../images/destinations/bharatpur-img.webp)
}

.img3.visible {
    background-image: url(../images/destinations/udaipur-img.webp)
}

.img4.visible {
    background-image: url(../images/destinations/pushkar-img.webp)
}

.img5.visible {
    background-image: url(../images/destinations/jodhpur-img.webp)
}

.img6.visible {
    background-image: url(../images/destinations/jaipur-img.webp)
}

.img7.visible {
    background-image: url(../images/destinations/chittorgarh-img.webp)
}

.img8.visible {
    background-image: url(../images/destinations/bikaner-img.webp)
}

.img9.visible {
    background-image: url(../images/destinations/jaisalmer-img.webp)
}

.img10.visible {
    background-image: url(../images/destinations/mount-abu-img.webp)
}

.lazy-background {
    background-image: url(../images/bg-placeholder.webp)
}

.card-area .card-box {
    border: 3px double #ff5722;
    box-shadow: 1px 0 3px 1px #3636363b
}

.card-area .card-content p {
    font-size: 15px
}

.tour-operator-section {
    background-color: #333
}

.tour-operator-heading {
    font-size: 24px;
    font-weight: 500;
    display: inline-block
}

.car-rental-tour-list li::marker {
    color: #ff5722
}

.car-rental-tour-list li a {
    font-size: 13px;
    color: #fff
}

.car-rental-tour-list li a:hover {
    color: #ff5722
}