.content-block ol,
.content-block ul {
    padding-left: 20px;
    list-style: auto;
}

.content-block ul li,
.content-block ol li {
    list-style: auto;
    margin-bottom: 7px;
}

.content-block p {
    margin-bottom: 10px !important;
}

/* section title */
.sec-title {
    margin-bottom: 31px;
}

.sec-title--center {
    margin-bottom: 51px;
    text-align: center;
}

.sec-title--center .sec-title__top {
    justify-content: center;
}

.sec-title__top {
    margin-bottom: 14px;
    display: inline-flex;
    align-items: center;
    gap: 19px;
}

@media (max-width: 575px) {
    .sec-title__top {
        gap: 15px;
    }
}

.sec-title__shape {
    max-width: 100%;
    height: auto;
}

.sec-title__shape.rotate {
    transform: rotate(180deg);
    position: relative;
    top: -5px;
}

.sec-title__tagline {
    margin: 0;
    font-family: var(--eolexi-font, "DM Sans", serif);
    font-size: 22px;
    color: var(--theme-color);
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.318;
}

@media (max-width: 991px) {
    .sec-title__tagline {
        font-size: 20px;
    }
}

@media (max-width: 575px) {
    .sec-title__tagline {
        font-size: 16px;
    }
}

.sec-title__title {
    margin: 0;
    font-size: 35px;
    font-weight: 700;
    line-height: 1.314;
}

@media (max-width: 575px) {
    .sec-title__title {
        font-size: 30px;
    }
}

ul.breadcrumb {
    padding: 0px;
    list-style: none;
    background-color: transparent;
}

ul.breadcrumb li {
    display: inline;
    font-size: 16px;
}

ul.breadcrumb li+li:before {
    padding: 0px;
    color: white;
    content: "/\00a0";
}

ul.breadcrumb li a {
    color: #0275d8;
    text-decoration: none;
}

ul.breadcrumb li a:hover {
    color: #01447e;
    text-decoration: underline;
}

@media only screen and (min-width: 768px) {
    #blc-top {
        margin-left: auto;
        margin-top: 13px;
    }
}

.site-footer .footer-widget .link-lists li+li {
    margin-top: 18px !important;
}

.contact-infos li {
    margin-top: 13px;
}

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

    .inner-banner {
        margin-top: 0 !important;
    }

    .roundedbox {
        margin-top: 0px !important;
    }

    .tablink {
        font-size: 13px;
    }

    .inp-m {
        margin-top: 15px !important;
    }

    .main-bg {
        height: 45vh !important;
        background: white !important;
    }

}

.roundedbox {
    margin-top: 70px;
    border-radius: 0px !important;
}

.cont {
    position: relative;
    left: 50%;
    top: 55%;
    transform: translate(-50%, -50%);
}

.main-bg {

    background-image: url(images/slider/slider-1-2.jpg);
}

.new {
    position: relative;
    margin-bottom: 25px;
}

.new::after {
    content: '';
    position: absolute;
    top: 100%;
    left: calc(50% - 10px);
    background: #61B134;
    width: 10px;
    height: 10px;

    clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.new:hover {
    background: black;
}

.detail {
    color: #dc9f00;
    font-weight: 600;
    list-style: none;
    display: flex;
    justify-content: center;
}

.detail .list {
    border: 2px solid #dc9f00;
    margin-left: 5px;
    border-radius: 4px;
    width: 100%;
    text-transform: capitalize;
}

.list,
.f_list {
    padding: 8px 4px;
}

/*.owl-nav,
.owl-dots {
  display: none;
}*/

@media only screen and (max-width: 600px) {
    .item .card-img {}
}

s {
    text-decoration: none;
    position: relative;
    color: #dc3545;
}

s::before {
    top: 50%;
    background: #dc3545;
    opacity: .7;
    content: '';
    width: 110%;
    position: absolute;
    height: .1em;
    border-radius: .1em;
    left: -5%;
    white-space: nowrap;
    display: block;
    transform: rotate(-15deg);
}

.flag-discount {
    border-radius: 6px 0 0 6px;
    color: #fff;
    display: block;
    display: flex;
    float: left;
    padding: 4px 12px;
    background: #dc3545;
    font-size: 20px;
    font-weight: 400;
    position: relative;
}

.flag-discount::before,
.flag-discount::after {
    content: "";
    position: absolute;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    display: block;
}

.flag-discount::before {
    top: 0;
    border-width: 22px 15px 0 0;
    border-color: #dc3545 transparent transparent transparent;
}

.flag-discount::after {
    bottom: 0;
    border-width: 0 15px 22px 0;
    border-color: transparent transparent #dc3545 transparent;
}

.detail img {
    width: 25px;
}

.include_tax {
    color: black;
    text-align: left;
    margin-top: 10px;
    font-size: 15px;
}

.fa-check {
    color: var(--theme-color);
}

@media only screen and (min-width: 768px) {
    .discount {
        padding-top: 50px;
    }

    #selectcab {
        padding-top: 40px;
    }

    #view_more {
        margin-top: 80px;
    }
}

@media only screen and (max-width: 600px) {
    #view_more {
        margin-top: 10px;
    }
}

.btn-search {
    background-color: var(--theme-color) !important;
    color: #ffffff !important;
    width: 100%;
}

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

@media only screen and (max-width: 600px) {
    .roundedbox {
        margin-top: 0px !important;
    }

    .tablink {
        font-size: 13px;
    }

    .inp-m {
        margin-top: 15px !important;
    }
}

.roundedbox {
    border-radius: 0px !important;
}

.tablink {
    background-color: var(--theme-color);
    color: white;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    font-size: 17px;
    width: 33.33%;
}

.tablink:hover {
    background-color: var(--theme-color);
}

.btn.btn-theme:active,
.btn.btn-theme:focus,
.btn.btn-theme:hover {
    background: var(--second-color) !important;
    color: #fff !important;
}

/*=========form==========*/

.select2-container--default .select2-selection--single {
    border: none !important;
    height: 55px !important;
    background: transparent !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 9px !important;
}

#select2-search-container {
    line-height: 50px;
}

.form-control,
#select2-search-container {
    font-size: 14px !important;
    border: 0;
    margin: 0 !important;
    background: #f2f2f2 !important;
    border-radius: 20px !important;
    height: 50px !important;
    margin-bottom: 10px !important;
    /*    padding-left: 20px;*/
}

.form-control:focus {
    box-shadow: none;
}

.search_form label {
    font-weight: 600;
}

/*  ====================*/


.tab_form {
    width: 100%;
    border: 1px solid var(--second-color);
    border-radius: 20px;
}

.top_head {
    padding: 20px;
}

.tab_form h4 {
    background: var(--second-color);
    color: #fff;
    text-align: center;
    padding: 5px;
    margin-bottom: 0;
    border-radius: 19px 19px 0 0;
}

.tab_form .nav-tabs a {
    background: var(--theme-color);
    width: 100%;
}

#main_tab,
#second_tab {
    justify-content: space-between;
    text-align: center;
    border: none;
}

#main_tab .nav-item {
    width: 33%;
}

#second_tab .nav-item {
    width: 49%;
    margin-bottom: 15px;
}

.tab_form .nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    background-color: var(--second-color);
    border-color: var(--second-color);
    color: #fff;
}

.tab_form form {
    margin-top: 20px;
}

.search_cabs {
    background: var(--second-color) !important;
    color: #fff !important;
    width: 100% !important;
    border-radius: 10px !important;
    height: 43px !important;
    font-size: 18px;
    transition: 0.3s;
}

.btn.search_cabs:hover {
    background-color: var(--theme-color) !important;
    transition: 0.5s;
}

#secondPageSearchBarid .close {
    position: absolute;
    right: -10px;
    background: #000;
    opacity: 1;
    color: #fff;
    padding: 5.5px 13px;
    border-top-right-radius: 20px;
}

#secondPageSearchBarid .modal-content {
    border-radius: 21px !important;
}

/*==========================================*/
/*==========================================*/
body {
    /*        font-family: 'Righteous', cursive!important;*/
    font-family: "Open Sans", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    /*        font-family: 'Righteous', cursive!important;*/
    font-family: var(--title-font);
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    /*        font-family: 'Righteous', cursive!important;*/
    font-family: var(--title-font);
}

.back_button {
    /*background-color: var(--second-color);
        color: #fff;*/
    font-weight: 600;
    color: var(--theme-color);
}

/*======================breadcrumb============================*/
@media only screen and (max-width: 600px) {
    #secondPageSearchBarid .col-md-5 {
        padding: 0 !important;
        margin-top: 10px !important;
    }

    #secondPageSearchBarid .card-body .container {
        padding: 0 !important;
    }
}

.shadow {
    box-shadow: 0 0 5px 1px #e3e3e3 !important;
}

.same-section-spacing {
    padding: 100px 0;
}

.bg-banner {
    position: relative;
    background-size: cover;
}

.bg-banner::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
}

.breadcrumb {
    background: transparent !important;
    color: #fff;
    padding: 10px 0;
}

.breadcrumb-item a {
    font-weight: 600;
    color: #fff;
}

.breadcrumb-item.active {
    color: #fff;
    font-weight: 300;
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: 0.5rem;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #fff;
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #6c757d;
    content: "/";
}

.banner-box h2 {
    color: #fff;
    margin-bottom: 30px;
}

#hr3 {
    border: 1px solid var(--theme-color);
    width: 5%;
    margin: auto;
    margin-top: -24px;
}

.destination-section .boxes img {
    width: 100%;
    margin-bottom: 20px;
    border-radius: 10px;
}

/*====================breadcrumb end==========================*/
/* Style tab links */
/* Style the tab content (and add height:100% for full page content) */
.tabcontent {
    /*color: white;*/
    display: none;
    padding: 60px 20px;
    height: 100%;
}

.tabcontent2 {
    color: white;
    display: none;
    padding: 60px 20px;
    height: 100%;
}

#Rental {
    background-color: #ffffff;
}

#Oneway {
    background-color: #ffffff;
}

#Roundtrip {
    background-color: #ffffff;
}

.start-header {
    opacity: 1;
    transform: translateY(0);
    padding: 10px 0;
    /*    box-shadow: 0 10px 30px 0 rgba(138, 155, 165, 0.15);*/
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    background: #fff;
    border-bottom: 2px solid var(--theme-color);
}

.start-header.scroll-on {
    box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);
    padding: 10px 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.start-header.scroll-on .navbar-brand img {
    height: 24px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.navigation-wrap {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    /*    box-shadow: 0 3px 4px -3px #a7a7a7;*/
}

.navbar {
    padding: 0;
}

/*.navbar-brand{
    background:#fff;
    width: 200px;
    height: 60px;
    border-radius: 30px;
}*/
.navbar-brand img {
    margin: auto;
    /*    margin-top:5px;*/
    height: 70px;
    width: auto;
    display: block;
    /*filter: brightness(10%);*/
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border-radius: 8px;
}

.navbar-toggler {
    float: right;
    border: none;
    padding-right: 0;
}

.navbar-toggler:active,
.navbar-toggler:focus {
    outline: none;
}

.navbar-light .navbar-toggler-icon {
    width: 24px;
    height: 17px;
    background-image: none;
    position: relative;
    border-bottom: 1px solid #000;
    transition: all 300ms linear;
}

.navbar-light .navbar-toggler-icon:after,
.navbar-light .navbar-toggler-icon:before {
    width: 24px;
    position: absolute;
    height: 1px;
    background-color: #000;
    top: 0;
    left: 0;
    content: '';
    z-index: 2;
    transition: all 300ms linear;
}

.navbar-toggler-icon {
    filter: brightness(0);
}

.navbar-light .navbar-toggler-icon:after {
    top: 8px;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
    transform: rotate(45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
    transform: translateY(8px) rotate(-45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    border-color: transparent;
}

.nav-link {
    color: #fff !important;
    font-weight: 500;
    transition: all 200ms linear;
}

.navbar-expand-md .nav-item:hover .nav-link {
    color: var(--theme-color) !important;
}

.navbar-nav .nav-item .nav-link.active {
    color: var(--theme-color) !important;
    font-weight: 600;
}

.nav-link {
    position: relative;
    padding: 5px 0 !important;
    display: inline-block;
}

.nav-item:after {
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 2px;
    content: '';
    background-color: var(--second-color);
    opacity: 0;
    transition: all 200ms linear;
}

/*.navbar-expand-md .nav-item:hover:after{*/
/*    bottom: 0;*/
/*    opacity: 1;*/
/*}*/
.nav-item.active:hover:after {
    opacity: 0;
}

.nav-item {
    position: relative;
    transition: all 200ms linear;
}

a:hover {
    text-decoration: none;
}

.fa-2x {
    color: var(--theme-color) !important;
}

.book-ride-one .booking-form-one button[type=submit] {
    background-color: var(--theme-color) !important;
}

/*.sub_menu{
    display: none;
    position: absolute;
    transition: all 0.5s ease;
}
#sub_menu:hover > .sub_menu{
    display: block;
}*/
#myBtn:hover {
    background-color: transparent !important;
    border: 1px solid #fff;
}

.block-title .h2,
.center-title h2,
.white-heading h2 {
    text-shadow: 1px 1px 1px #c8bcbc;
    color: #000;
    text-transform: capitalize;
    !important;
    font-size: 35px !important;
    font-weight: 700 !important;
}

.block-title hr {
    border-top: 2px solid var(--theme-color);
    max-width: 400px;
    margin-inline: auto;
}

.breadcrumb {
    display: inherit !important;
    text-align: center;
}

.breadcrumb li {
    display: inline-block;
}

.banner-box {
    padding-top: 55px;
}

.banner-box #hr3 {
    display: none;
}

.banner-box h2 {
    color: #fff;
    margin-bottom: 0 !important;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 45px;
}

.pac-container {
    z-index: 1000000000 !important;
}

.forum-details h3 {
    font-size: 30px;
    font-weight: 600;
}

.tab_form .nav-tabs a {
    border-radius: 20px;
    padding: 9px 8px !important;
}

.tab_form .nav-item:hover .nav-link {
    background-color: var(--theme-color);
    color: #fff !important;
}

@media only screen and (min-width: 768px) {
    .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
    }
}

@media only screen and (max-width: 600px) {
    .tab_form .nav-tabs a {
        font-size: 11px;
    }

    #sub_menu .sub-menu {
        top: 30px !important;
        background-color: var(--second-color) !important;
        min-width: 100% !important;
    }

    .dropdown-menu {
        background-color: var(--second-color) !important;
        padding: 0;
    }
}

.dropdown-menu {
    background-color: var(--theme-color);
    padding: 0;
}

.dropdown-menu li {
    padding: 5px 10px;
}

.dropdown-menu li:hover {
    background-color: var(--second-color);
}

.dropdown-menu li a {
    color: #fff;
}

.box {
    background: #f2f2f2;
    padding: 20px;
    margin-top: 15px;
    border-radius: 10px;
}

.dropdown-item {
    color: #fff;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #fff;
    text-decoration: none;
    background-color: var(--second-color);
}

.navbar-light .navbar-nav .nav-link,
.loginbtn {
    font-size: 20px;
}

.loginbtn:hover {
    background-color: #fff !important;
    /*    border: 2px solid var(--second-color);*/
    transition: 0.4s linear;
    color: var(--second-color) !important;
}

.card-image .img-raised {
    height: 150px;
    object-fit: cover;
}

/* WAVES BENEATH HEADER */

.waves {
    transform: rotate(180deg) scale(1, 0.2);
    position: fixed;
    width: 100%;
    height: 15vh;
    margin-bottom: -60px;
    /*Fix for safari gap*/
    min-height: 100px;
    max-height: 150px;
    margin-top: 10px;
    z-index: 10000;
}

.parallax>use {
    animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
}

.parallax>use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 4s;
}

.parallax>use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 7s;
}

.parallax>use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 10s;
}

.parallax>use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 17s;
}

@keyframes move-forever {
    0% {
        transform: translate3d(-90px, 0, 0);
    }

    100% {
        transform: translate3d(85px, 0, 0);
    }
}

/*HEADER*/
.Login_btn a {
    background: var(--theme-color);
    border-radius: 4px;
    padding: 7px 25px;
}

@media only screen and (max-width: 600px) {
    .waves {
        margin-bottom: -60px;
        min-height: 50px;
        max-height: 87px;
        margin-top: 9px;
    }

    .Login_btn {
        padding-left: 1.5rem;
        margin-bottom: 10px;
        margin-top: -8px;
    }
}

@media only screen and (min-width: 768px) {
    #navbar_link {
        width: 100%;
        justify-content: center;
        border-right: 1px solid rgb(248 248 248 / 39%);
        border-left: 1px solid rgb(248 248 248 / 39%);
    }

    .navbar-light .navbar-brand {
        padding-right: 30px;
    }

    .Login_btn {
        padding-left: 30px;
    }
}

/*======================================*/
/*tourist place*/
.tour-packages-details {
    width: 100%;
    float: left;
    box-shadow: 0 1px 100px 0 rgb(0 0 0 / 8%);
    position: relative;
    border-radius: 0 50px;
    z-index: 1;
    background: #fff;
    transition: all .3s ease;
    margin-bottom: 40px;
}

.tour-packages-details:hover {
    box-shadow: 0px 30px 60px 0px rgb(0 0 0 / 18%);
    transition: all .3s ease;
}

.tour-packages-details:before {
    border-radius: 0 36px;
    top: -15px;
    left: -15px;
    transform: unset;
}

.tour-img {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 0 50px 0 0;
}

.tour-packages-box ul li:nth-child(4) .tour-packages-details:before,
.tour-packages-box ul li:nth-child(5) .tour-packages-details:before,
.tour-packages-box ul li:nth-child(6) .tour-packages-details:before {
    left: 15px;
    border-radius: 50px 0 50px 0;
    top: 15px;
    background: linear-gradient(to right, #720dad00, #c3d20c4d);
    z-index: 0;
}

.tour-packages-box li:nth-child(4) .tour-packages-details,
.tour-packages-box li:nth-child(5) .tour-packages-details,
.tour-packages-box li:nth-child(6) .tour-packages-details {
    border-radius: 50px 0 0 50px;
}

.tour-packages-box li:nth-child(4) .tour-img img,
.tour-packages-box li:nth-child(5) .tour-img img,
.tour-packages-box li:nth-child(6) .tour-img img {
    border-radius: 50px 0 0 0;
}

.tour-details {
    border-radius: 0 0 50px 0;
}

.tour-packages-box ul li:nth-child(4) .tour-img,
.tour-packages-box ul li:nth-child(5) .tour-img,
.tour-packages-box ul li:nth-child(6) .tour-img {
    border-radius: 50px 0 0 0;
    overflow: hidden;
}

.tour-img span,
.destin-slider i {
    position: absolute;
    top: 20px;
    background: #9920ff;
    color: #fff;
    font-size: 11px;
    padding: 0px 8px;
    border-radius: 3px;
    left: 20px;
    z-index: 1;
    font-weight: 500;
    line-height: 21px;
}

.tour-img img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 0 50px 0 0;
    overflow: hidden;
    transition: all .5s ease;
}

.tour-details {
    padding: 20px;
    text-transform: capitalize;
    position: relative;
    background: #fff;
    z-index: 6;
    border-radius: 0 0 0px 50px;
    overflow: hidden;
}

.tour-details h2 {
    color: #000000;
    font-size: 20px;
    line-height: 22px;
    text-transform: initial;
    margin: 0;
    padding: 0 50px 22px 0;
    transition: all .3s ease;
    font-weight: 500;
}

.tour-details p {
    text-align: justify;
    line-height: 1.4;
    font-size: 14px;
    padding-bottom: 14px;
}

.tour-details a {
    width: 100%;
    text-align: center;
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    text-decoration: none;
    background: var(--theme-color);
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px;
    transition: all .8s ease;
    text-transform: uppercase;
    letter-spacing: 1px;
}



.tour-packages-details:before {
    border-radius: 0 36px;
    top: -15px;
    left: -15px;
    transform: unset;
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, var(--second-color)7a, rgb(255 183 2 / 8%));
    z-index: 0;
    transition: all .3s ease;
}

.tour-packages-details:hover .tour-img img {
    transition: all .5s ease;
    transform: scale(1.2)rotate(5deg);
    border-radius: 0 50px 0 0;
}

.tour-packages-details:hover a {
    transition: all .8s ease;
    background: var(--second-color);
}

#card_grid {
    position: relative;
}

#card_grid:before {
    position: absolute;
    content: "";
    background: url(images/in-10.png);
    background-position: 0 0;
    background-size: cover;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    animation: rotate 160.8s infinite linear;
    border: none;
    opacity: .8;
    box-shadow: none;
    z-index: 0;
    border-radius: 50%;
}

@keyframes rotate {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.theme-btn {
    position: relative;
    z-index: 2;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    border: none;
    text-transform: uppercase;
    text-align: center;
    background-color: var(--theme-color);
    color: #fff !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    padding: 15px 29px;
    /* min-width: 160px; */
    border-radius: 5px;
}

.theme-btn:before {
    content: "";
    position: absolute;
    height: 0%;
    left: 50%;
    top: 50%;
    width: 100%;
    background-color: var(--second-color);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(34deg);
    transform: translateX(-50%) translateY(-50%) rotate(20deg);
    z-index: -1;
    -webkit-transition: 0.7s ease;
    transition: 0.7s ease;
}

.theme-btn:hover,
.theme-btn.active {
    color: #fff;
}

.theme-btn:hover::before,
.theme-btn.active::before {
    height: 560%;
}

/*===========about section=========*/
/*======================================*/
.about-img {
    position: relative;
    margin: 0 0 24px 0;
}

.about-img .about-exp {
    position: absolute;
    background: var(--theme-color);
    border-radius: 10px;
    width: 370px;
    height: 100%;
}

.about-img .about-exp span {
    font-weight: 500;
    font-size: 28px;
    color: #ffffff;
    display: inline-block;
    margin: 250px -122px;
    transform: rotate(-90deg);
}

.abt-img {
    padding: 30px 0 30px 60px;
    position: relative;
    z-index: 1;
}

.about-img img {
    border-radius: 10px;
    padding: 0 0 0 10px;
}

.about-content {
    margin: 0 0 0 50px;
}

.about-content .h6 {
    font-size: 38px;
    color: var(--theme-color);
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 0 12px;
}

.about-content .h2 {
    font-size: 25px;
    font-weight: 500;
    margin: 0 0 30px;
}

.about-content p {
    margin: 0 0 14px;
}

.about-content ul li {
    position: relative;
    margin: 0 0 15px;
    padding: 0 0 0 25px;
    color: #828282;
}

.about-content ul li::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    font-family: "FontAwesome";
    color: var(--theme-color);
}

/*=============owl carousel===========*/
.owl-nav button {
    position: absolute;
    top: 50%;
    background-color: #000;
    color: #fff;
    margin: 0;
    transition: all 0.3s ease-in-out;
}

.owl-nav button.owl-prev {
    left: 0;
}

.owl-nav button.owl-next {
    right: 0;
}

.owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: var(--theme-color) !important;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.owl-nav span {
    font-size: 70px;
    position: relative;
    top: -30px;
}

.owl-nav button:focus {
    outline: none;
}

.owl-dots .owl-dot.active span {
    background: var(--theme-color) !important;
    width: 46px;
    height: 8px;
    border-radius: 40px;
}

/*  ===========testimonials=============*/
.about-testimonial {
    background-image: url(../images/background/unique-testimonial-bg.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.section-heading {
    text-align: center;
    margin: 0 0 50px;
}

.section-heading .h2 {
    position: relative;
    margin: 0 0 30px;
    padding-bottom: 10px;
}

.section-heading .h2:before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 115px;
    height: 2px;
    background-color: var(--theme-color);
}

/* ==========================testimonials========================= */
.google-review-box {
    display: flex;
    align-items: center;
    gap: 15px;
    background-color: #ffffff;
    padding: 15px 20px;
    width: 100%;
    border-radius: 8px;
    height: 220px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.google-review-box .logo {
    width: 100px;
    border-radius: 8px;
}

.google-review-box .review-info h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.google-review-box .stars {
    display: flex;
    margin: 5px 0;
}

.google-review-box .star {
    font-size: 20px;
    color: #f4c150;
    margin-right: 2px;
}

.google-review-box .star.half {
    position: relative;
}

.google-review-box .star.half::before {
    content: '★';
    color: lightgray;
    position: absolute;
    right: 0;
    width: 50%;
    overflow: hidden;
    direction: rtl;
}

.google-review-box .review-info p {
    margin: 0;
    font-size: 14px;
    color: #333;
}

.write-review-btn {
    padding: 8px 15px;
    margin-top: 10px;
}


.review-box {
    background: #fff;
    border-radius: 8px;
    padding: 1rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    height: 220px;
    display: flex;
    flex-direction: column;
}

.review-header {
    display: flex;
    align-items: center;
    margin-bottom: 0.75rem;
}

.review-header .fallback-avatar,
.review-header .user_img {
    width: 48px !important;
    height: 48px;
    border-radius: 50%;
    margin-right: 0.75rem;
    object-fit: cover;
}

.review-header .google_logo {
    width: 25px !important;
    margin-left: auto;
}

.review-header .fallback-avatar {
    background-color: var(--theme-color);
    color: #ffffff;
    text-align: center;
    line-height: 48px;
    font-weight: bold;
}

.reviewer-info {
    display: flex;
    flex-direction: column;
}

.reviewer-name {
    font-weight: bold;
}

.review-date {
    font-size: 0.85rem;
    color: #777;
}

.review-box .stars {
    color: #ccc;
    font-size: 1rem;
    margin-bottom: 0.5rem;
    display: flex;
    gap: 3px;
}

.review-box .stars .checked {
    color: #f4c150;
    /* gold */
}


.review-text.scrollable {
    font-size: 0.95rem;
    color: #333;
    line-height: 1.5;
    overflow-y: auto;
    flex-grow: 1;
    padding-right: 5px;
}

/* Scrollbar styling */
.review-text.scrollable::-webkit-scrollbar {
    width: 5px;
}

.review-text.scrollable::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
}

/* =======================review modal==================== */
.star-rating {
    font-size: 1.5rem;
    color: #ccc;
    cursor: pointer;
}

.star-rating .fa-star.checked {
    color: #ffc107;
}

div:where(.swal2-container) {
    z-index: 100000 !important;
}

/*=================why choose us==============*/
.choose-area {
    position: relative;
    background: #111111;
    z-index: 1;
}

.choose-area::before {
    content: "";
    position: absolute;
    background-image: url(../images/shape-6.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: .04;
    z-index: -1;
}

.choose-item {
    display: flex;
    gap: 15px;
    position: relative;
    background: #fff;
    border-radius: 25px;
    margin-bottom: 25px;
    padding: 20px;
    box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
    z-index: 1;
}

.choose-count {
    position: absolute;
    right: 20px;
    top: -10px;
    font-size: 50px;
    font-weight: 800;
    -webkit-text-stroke: 1px var(--theme-color);
    -webkit-text-fill-color: transparent;
    z-index: -1;
}

.site-title-tagline {
    position: relative;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 18px;
    font-weight: 700;
}

.site-title-tagline::before {
    content: "";
    position: absolute;
    height: 10px;
    width: 100%;
    background: var(--theme-color);
    opacity: .2;
    left: -2px;
    bottom: 0;
}

.site-title {
    font-weight: 700;
    text-transform: capitalize;
    font-size: 45px;
    margin-bottom: 0;
}

.site-title span {
    color: var(--theme-color);
}

.site-heading p {
    margin-top: 15px;
}

.choose-item-icon {
    width: 90px;
    height: 90px;
    line-height: 80px;
    background: var(--theme-color);
    color: #fff;
    font-size: 45px;
    border-radius: 50px;
    margin-bottom: 15px;
    text-align: center;
}

.choose-item-icon img {
    width: 55px;
    margin-top: 15px;
    filter: invert(1);
}

.choose-item-info {
    flex: 1;
}

.choose-item-info .h3 {
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 600;
}

.cha-2 {
    padding-top: 350px;
}

@media all and (max-width: 991px) {
    .choose-content-wrapper {
        margin-top: 40px;
    }
}


/*=============contact===============*/
.contact-wrapper {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
}

.contact-img {
    position: relative
}

.contact-img::before {
    content: "";
    position: absolute;
    border: 6px solid var(--theme-color);
    border-radius: 25px 50% 50% 50%;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.contact-img img {
    width: 100%;
    padding: 15px;
    border-radius: 40px 50% 50% 50%
}

.contact-form-header {
    margin-bottom: 30px
}

.contact-form-header h2 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #111111;
}

.contact-form .form-group {
    margin-bottom: 25px
}

.contact-form .form-group .form-control {
    padding: 15px 20px;
    border-radius: 12px;
    box-shadow: none;
    transition: all .5s ease-in-out;
}

.contact-form .form-group .form-control:focus {
    border-color: var(--theme-color);
}

.contact-map {
    margin-bottom: -9px;
}

.contact-map iframe {
    width: 100%;
    height: 450px;
}

.contact-content {
    margin-bottom: 50px;
}

.contact-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 15px;
    padding: 30px 20px;
    position: relative;
    margin-bottom: 25px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
    transition: all .5s ease-in-out
}

.contact-info::before {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    border: 3px solid var(--theme-color);
    border-left: none;
    border-bottom: none;
    border-top-right-radius: 20px;
    right: 15px;
    top: 15px;
    transition: all .5s ease-in-out
}

.contact-info:hover::before {
    width: 80%;
    height: 80%
}

.contact-info:hover {
    transform: translateY(-8px)
}

.contact-info-icon i {
    font-size: 35px;
    color: #fff;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 50px;
    background: var(--theme-color)
}

.contact-info h5 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 8px;
    color: #111111;
}

.contact-info p {
    color: #111111;
    font-weight: 500;
    font-size: 16px
}

/*==============LOCAL RENTAL=============*/
#cab-fare .item {
    padding: 5px;
}

.listing-item {
    position: relative;
    background: #ffffff;
    border-radius: 10px;
    margin: 0 0 24px 0;
    padding: 20px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.listing-item .listing-img {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin: 0 0 10px;
}

.listing-item .listing-img img {
    border-radius: 10px;
    width: 100%;
    height: 200px;
    object-fit: cover;
    transform: translateZ(0);
    transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
}

.listing-item .listing-content {
    margin-top: 15px;
}

.listing-item .listing-content .listing-features {
    position: relative;
    border-bottom: 1px solid #F4F4F4;
    margin: 0 0 15px;
    /*    padding: 0 0 15px;*/
}

.listing-item .listing-content .listing-features .listing-title {
    margin-bottom: 5px;
    font-size: 20px;
}

.rental-car-item .listing-title {
    margin: 5px 0 0;
    font-weight: 600;
    color: #201F1D;
}

.listing-item .listing-content .listing-features .listing-title a {
    font-weight: 600;
    color: #201F1D;
}

.listing-item .listing-content .listing-features .h6 {
    font-size: 15px;
    color: #787878;
    font-weight: 400;
}

.listing-item:hover {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

/*====================tour packages===============*/
.trend-item2 {
    position: relative;
    transition: all ease-in-out .5s;
    height: 100%;
    overflow: hidden;
}

.trend-item2 .row {
    align-items: center;
}

.trend-item2>a {
    background-size: cover;
    height: 180px;
    width: 100%;
    background-position: center;
    display: inline-block;
    border-radius: 13px;
    transition: all ease-in-out .5s;
}

.color-overlay {
    top: inherit;
    bottom: 0;
    background: linear-gradient(to bottom, transparent, #000000);
    height: 50%;
    opacity: .6;
}

.rating span {
    color: #ffbc00;
    display: inline;
    font-size: 14px;
}

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

.box-shadow {
    box-shadow: 0 0 15px #cccccc37;
}

/*    copyright*/
footer .footer-copyright {
    position: relative;
    z-index: 1;
    border-top: 1px solid #fff;
    /*    padding-top: 10px;*/
    background-color: #1e1e1e;
}

/*footer .footer-copyright .copyright-inner {
    background: #fbfbfb12;
}*/
.social-links {
    display: inline-block;
}

.social-links ul li {
    display: inline-block !important;
}

footer a,
footer p,
footer li {
    color: #fff;
    font-weight: 400;
}

.social-links ul li a {
    background: #ffffff26;
    color: #fff;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    font-size: 17px;
    /*    line-height: 2.4;*/
    border-radius: 50%;
    padding-top: 12px;
    transition: all ease-in-out .5s;
}

.social-links ul li a:hover {
    color: #fff;
    background: var(--second-color);
}


/*===========counter=========*/
.counter-list {
    background-color: #ffefe6;
    background-image: url('../images/icon/counter_list_bg.png');
    border-radius: 5px;
    background-size: 100% auto;
    background-position: bottom center;
    background-repeat: no-repeat;
    text-align: center;
    padding: 40px 10px;
    border: 2px dashed transparent;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.counter-list .box-icon {
    width: 150px;
    height: 150px;
    line-height: 150px;
    padding-top: 5px;
    background-color: #ffffff;
    border-radius: 50%;
    margin: 0 auto 8px auto;
}

.counter-list-wrap:nth-child(even) {
    margin-top: 40px;
}

.box-icon img {
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}

.counter-list_number {
    font-size: 50px;
    font-weight: 900;
    margin-bottom: 10px;
    color: var(--theme-color);
    leading-trim: both;
    text-edge: cap;
    -webkit-font-feature-settings: "pnum" on, "lnum" on;
    font-feature-settings: "pnum" on, "lnum" on;
}

.counter-list_number .counter-number {
    color: #161921;
}

.counter-list .box-text {
    font-weight: 700;
    text-transform: uppercase;
}

.counter-list:hover {
    border-color: var(--theme-color);
}

.counter-list:hover .box-icon img {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}


.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

/*===================footer=================*/
.footer-section {
    width: 100%;
    padding-top: 40px;
    overflow: hidden;
    background-color: #1e1e1e;
    position: relative;
    /*background-position: bottom right;
    background-repeat: no-repeat;
    background-image: url(../images/background_pattern.png);*/
    border-top: 1px solid #fff;
}

.footer-item .widget-title .h3 {
    color: #fff;
}

.footer-links li:not(:last-of-type) {
    border-bottom: 1px solid hwb(0deg 100% 0% / 14%);
    padding: 5px 0;

}


.footer-links li a,
.footer-contact li {
    color: #ccc;
}

.footer-contact li span {
    display: block;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
}

.footer-links li a:hover {
    color: var(--theme-color) !important;
}

@media (min-width: 992px) {
    .footer-list {
        margin-left: 15px;
    }
}


.widget-title {
    display: block;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}

.widget-title .h3 {
    font-weight: 600;
    display: inline-block;
    padding-bottom: 10px;
    position: relative;
    margin: 0;
    line-height: 1;
}

.widget-title .h3:before {
    background-color: #fff;
    width: 50%;
    height: 3px;
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
}

.footer-links li a {
    color: #fff;
    font-size: 18px;
    display: block;
    line-height: 30px;
    position: relative;
    transition: 0.4s linear;
}

.footer-links li a:before {
    content: "\e5c8";
    font-family: 'Material Icons';
    font-weight: 600;
    left: 0;
    top: 3px;
    background-color: transparent;
    border: none;
    color: inherit;
    position: relative;
    padding-right: 5px;
}

footer ul {
    list-style: none;
    padding-left: 0;
}

#popular_cities {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url(../images/dark-pattern.jpg);
    background-size: cover;
    padding-top: 30px;
    border-top: 2px solid var(--second-color);
}

#cities {
    text-align: justify;
}

._3CuAg8 {
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
}

#routes hr {
    margin: 10px 0px;
    padding: 0px;
    width: 100%;
    border: 1px solid #ffffff;
    opacity: 1;
}

#routes .h6 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    position: relative;
    line-height: 2;
    text-transform: uppercase;
}

#routes ul a {
    color: #fff;
    font-weight: 100;
}

#routes .h6:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 2px;
    content: "";
    background-color: var(--second-color);
    left: 50%;
    transform: translateX(-50%);
}

.explore_btn {
    cursor: pointer;
    color: #fff;
}

@media(min-width: 768px) {
    .col-md-1-5 {
        width: 20%;
        float: left;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }
}

.show-grid ul {
    margin-bottom: 0;
}

.show-grid ul li a {
    padding: 5px 0;
    font-size: 14px;
    display: block;
    text-transform: capitalize;
    transition: 0.3s;
}

@media(max-width: 768px) {
    #routes .h6 {
        font-size: 10px;
    }
}

.show-grid ul li a::before {
    content: '\f054';
    font-family: 'Fontawesome';
    padding-right: 6px;
    font-size: 12px;
}

.show-grid ul li a:hover {
    letter-spacing: 1px;
    box-shadow: none;
}

.text-bold {
    font-weight: 600;
}


* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    list-style: none;
    word-wrap: break-word;
}

#m-bf {
    padding: 50px 0;
}

.footer-bottom {
    clear: both;
    padding: 20px 0;
    background-color: var(--theme-color);
    text-align: center;
}

.payment-icon li {
    margin-bottom: 0px;
    line-height: 1.5;
    color: #fff;
    position: relative;
    display: inline-block;
    padding: 0;
}
.payment-icon li i{
    font-size: 25px;
}

/*==============select-cab===========*/

.journeyType .card {
    border-radius: 20px 20px 12px 12px;
    box-shadow: 0 5px 5px #dfdfdf;
    margin-top: 10px;
    overflow: hidden;
}

.journeyType .card .card-header {
    border: none;
    background-color: var(--second-color);
    color: #fff;
    text-align: center;
    padding: 5px;
    font-size: 15px;
    font-weight: 700;
}

.journeyType .card .card-title {
    margin-bottom: 0;
}

.journey_date_time {
    display: flex;
    align-items: center;
    gap: 10px;
}

.trip-date {
    font-size: 32px;
    font-weight: 600;
    line-height: 1;
}

.rounded-20 {
    border-radius: 20px;
}

.rounded-12 {
    border-radius: 12px;
}

.banner_part {
    box-shadow: 0 5px 5px #dfdfdf;
    border-radius: 12px;
}

.itinerary-list {
    overflow-x: auto;
    white-space: nowrap;
}

.no_of_days span {
    background-color: #7e7e7e;
    color: #fff;
    border-radius: 30px;
    font-size: 12px;
    padding: 2px 10px;
    font-weight: 400;
}

.select-cab .card {
    border: 0;
    box-shadow: 0 0 20px inset rgb(149 149 149 / 40%);
    transition: transform .3s cubic-bezier(.34, 2, .6, 1), box-shadow .2s ease;
    text-align: center;
    padding: 20px;
    margin-bottom: 30px;
}

.cab-details {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.cab-details .cab_name {
    font-size: 20px;
    font-weight: 600;
}

.select-cab .card .shareicon {
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding-top: 15px;
    margin-top: 10px;
}

.select-cab .card table td {
    font-size: 14px;
}

.select-cab .card table p {
    margin-bottom: 5px;
}

.text-smoke {
    color: #66615b !important;
}

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

.shareicon a {
    color: #fff;
    font-size: 20px;
    /* padding-left: 5px; */
    /* padding-right: 5px; */
    display: inline-block;
    width: 30px;
    height: 30px;
    /*    padding-top: 5px;*/
    line-height: 30px;
}

.shareicon .facebook {
    background: #3b5998;
}

.shareicon .twitter {
    background: #55acee;
}

.shareicon .whatsapp {
    background: #25d366;
}

.shareicon .linkedin {
    background: #0e76a8;
}

.shareicon .instagram {
    background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%),
        radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%),
        radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%),
        radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%),
        radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%),
        radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%),
        radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),
        linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
}

.offer-tag {
    position: absolute;
    top: 0;
    right: 0;
    background: red;
    color: #fff;
    font-size: 14px;
    padding: 4px 10px;
    font-weight: 600;
}

.offer-tag>img {
    left: 0;
    height: 74px;
    margin: 10px;
}

.offer-tag>p {
    position: absolute;
    top: 50%;
    font-weight: 900;
    color: #fff;
    line-height: 1.1 !important;
    font-size: 13px;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* #chargesAndTaxes .modal-dialog {
    padding-top: 50px;
} */

#chargesAndTaxes .modal-header.no-border-header {
    border-bottom: 0 !important;
}

#chargesAndTaxes .faq {
    font-size: 18px;
    font-weight: 400;
    color: #000;
    margin-bottom: 20px;
}

#chargesAndTaxes .modal-header {
    padding: 10px;
    display: block !important;
}

#chargesAndTaxes .modal-body {
    padding: 10px 30px;
}

#chargesAndTaxes .modal-footer {
    border-top: 1px solid #ddd;
    padding: 10px;
}

.btn-round {
    background-color: var(--theme-color);
    color: #fff;
    border-radius: 30px;
    padding: 7px 20px;
}

.btn-round:hover {
    background: #000;
    border-color: #000;
    color: #fff;
}

#chargesAndTaxes .modal-header .close {
    position: absolute;
    right: 10px;
    top: 10px;
}

#termsDiv p {
    font-size: 15px;
    margin-bottom: 5px;
}


.cab-details ul li {
    margin-bottom: 10px;
}

/*.cab-details img{
    width: 40px;
    height: 40px;
    border: 1px solid #28691c;
    border-radius: 50%;
    padding: 5px;
    margin-right: 10px;
}*/
#ribbon-container {
    position: absolute;
    top: 3px;
    right: -16px;
    overflow: visible;
    font-size: 17px;
    line-height: 7px;
}

#ribbon-container a {
    display: block;
    padding: 14px 20px;
    position: relative;
    background: var(--theme-color);
    overflow: visible;
    height: 36px;
    margin-left: 29px;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
}

#ribbon-container a:before {
    content: "";
    height: 0;
    width: 0;
    display: block;
    position: absolute;
    top: 0;
    left: -17px;
    border-top: 18px solid var(--theme-color);
    border-bottom: 18px solid var(--theme-color);
    border-right: 18px solid transparent;
    border-left: 18px solid transparent;
}

#ribbon-container a:after {
    content: "";
    height: 0;
    width: 0;
    display: block;
    position: absolute;
    bottom: -15px;
    right: 0;
    border-top: 15px solid var(--theme-color);
    border-right: 15px solid transparent;
}


/*SHARE BUTTON*/
.sticky_share_btn {
    position: fixed;
    right: 15px;
    top: 60px;
    z-index: 10;
}

.share-toggle,
.fixed_share ul.listing>li {
    font-size: 20px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 2px solid;
    border-radius: 50%;
    transition: all 0.5s ease-in-out;
    background-color: #fff;
}

ul.listing {
    list-style: none;
    display: none;
}

.fixed_share ul.listing>li {
    margin-bottom: 10px;
    background-color: #fff;
}

.fixed_share ul.listing>li>a {
    display: block;
    width: 100%;
    height: auto;
    text-align: center;
}

.share-toggle:hover,
.fixed_share ul.listing>li:hover {
    transform: scale(1.1) rotate(360deg);
}

.fixed_share .facebook,
.fixed_share .facebook>a {
    color: #4267B2;
}

.fixed_share .twitter,
.fixed_share .twitter>a {
    color: #00acee;
}

.fixed_share .pinterest,
.fixed_share .pinterest>a {
    color: #E60023;
}

.fixed_share .linkedin,
.fixed_share .linkedin>a {
    color: #0e76a8;
}

.fixed_share .whatsapp,
.fixed_share .whatsapp>a {
    color: #25D366;
}

.users a {
    background-color: var(--theme-color);
}


/*share icon modal*/
.popup {
    position: fixed;
    left: 50%;
}

.popup {
    background: rgb(255, 254, 254);
    padding: 25px;
    border-radius: 15px;
    max-width: 380px;
    width: 100%;
    display: none;
    pointer-events: none;
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1);
    transform: translate(-50%, -50%) scale(1.2);
    transition: top 0s 0.2s ease-in-out,
        opacity 0.2s 0s ease-in-out,
        transform 0.2s 0s ease-in-out;
}

.popup {
    top: 50%;
    left: 50%;
    opacity: 1;
    pointer-events: auto;
    z-index: 100000;
    transform: translate(-50%, -50%) scale(1);
    transition: top 0s 0s ease-in-out,
        opacity 0.2s 0s ease-in-out,
        transform 0.2s 0s ease-in-out;

}

.popup :is(.popup .head, .icons, .field) {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.popup .popup .head {
    padding-bottom: 15px;
    border-bottom: 1px solid #ebedf9;
}

.popup .head span {
    font-size: 21px;
    font-weight: 600;
}

.popup .head .close,
.icons a {
    display: flex;
    align-items: center;
    border-radius: 50%;
    justify-content: center;
    transition: all 0.3s ease-in-out;
}

.popup .head .close {
    color: #878787;
    font-size: 17px;
    background: #f3f3f3;
    height: 33px;
    width: 33px;
    cursor: pointer;
}

.popup .head .close:hover {
    background: #ebedf9;
}

.popup .content {
    margin: 20px 0;
}

.popup .icons {
    margin: 15px 0 20px 0;
}

.content p {
    font-size: 16px;
}

.content .icons a {
    height: 50px;
    width: 50px;
    font-size: 20px;
    text-decoration: none;
    border: 1px solid transparent;
}

.icons a i {
    transition: transform 0.3s ease-in-out;
}

.icons a:nth-child(1) {
    color: #1877F2;
    border-color: #b7d4fb;
}

.icons a:nth-child(1):hover {
    background: #1877F2;
}

.icons a:nth-child(2) {
    color: #46C1F6;
    border-color: #b6e7fc;
}

.icons a:nth-child(2):hover {
    background: #46C1F6;
}

.icons a:nth-child(3) {
    color: #e1306c;
    border-color: #f5bccf;
}

.icons a:nth-child(3):hover {
    background: #e1306c;
}

.icons a:nth-child(4) {
    color: #25D366;
    border-color: #bef4d2;
}

.icons a:nth-child(4):hover {
    background: #25D366;
}

.icons a:nth-child(5) {
    color: #0088cc;
    border-color: #b3e6ff;
}

.icons a:nth-child(5):hover {
    background: #0088cc;
}

.icons a:hover {
    color: #fff;
    border-color: transparent;
}

.icons a:hover i {
    transform: scale(1.2);
}

#cities span {
    font-size: 14px;
    font-weight: 600;
}

#cities a {
    text-transform: capitalize;
    color: #fff;
    font-size: 14px;
    font-weight: 100;
}

#cities a:after {
    content: "|";
    margin-left: 5px;
}

#toggleCityBtn {
    color: #ffffff;
    display: flex;
    margin: auto;
    font-weight: 600;
}

.border-bottom-light {
    border-bottom: 1px solid #4b4b4b;
}

.border-top-light {
    border-top: 1px solid #4b4b4b;
}

.footer-grid-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.footer-grid-list a:after {
    margin-left: 10px !important;
}

.footer-contacts {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    align-items: center;
}

.footer-contacts a:after {
    opacity: 0;
}

.footer-contacts a {
    text-transform: none !important;
}

ul.social-link li {
    -webkit-margin-end: 5px;
    margin-inline-end: 5px;
    -webkit-margin-end: 5px;
    margin-inline-end: 5px;
    display: inline-block;
}

ul.social-link li a:hover {
    background-color: var(--theme-color);
    color: #fff;
}

ul.social-link li a {
    background-color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 17px;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: 0.3s linear;
}

ul.social-link li a.facebook {
    border: 1px solid #1f69b3;
    color: #1f69b3 !important;
}

ul.social-link li a.twitter {
    border: 1px solid #00acee;
    color: #00acee !important;
}

ul.social-link li a.youtube {
    border: 1px solid #FF0000;
    color: #ff0000 !important;
}

ul.social-link li a.instagram {
    border: 1px solid #c41d78;
    color: #c41d78 !important;
}

ul.social-link li a.linkedin {
    border: 1px solid #0e76a8;
    color: #0e76a8 !important;
}

ul.social-link li a.share-icon {
    border: 1px solid #28a745;
    color: #28a745 !important;
}

.bg-shifter {
    background-color: #1f69b3;
    opacity: 0;
    top: -40px;
    width: 30px;
    height: 30px;
    z-index: 2;
    text-align: center;
    line-height: 30px;
    left: -1px;
    position: absolute;
    -moz-transition-property: -moz-transform, top;
    -o-transition-property: -o-transform, top;
    transition-property: transform, top;
    -moz-transition-duration: .25s;
    -o-transition-duration: .25s;
    transition-duration: .25s;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.social-link li a.instagram .bg-shifter {
    background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%),
        radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%),
        radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%),
        radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%),
        radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%),
        radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%),
        radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),
        linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
}

.social-link li a.twitter .bg-shifter {
    background-color: #00acee;
}

.social-link li a.youtube .bg-shifter {
    background-color: #ff0000;
}

.social-link li a.linkedin .bg-shifter {
    background-color: #0e76a8;
}

.social-link li a.share-icon .bg-shifter {
    background-color: #28a745;
}

.bg-shifter i {
    color: #fff;
}

.social-link a:hover .bg-shifter {
    top: 0;
    opacity: 1;
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

/*cities pages*/
.single-section ul {
    display: block;
    margin-bottom: 20px;
    padding-left: 25px;
}

.single-section ul li {
    list-style-type: disc;
    padding: 5px;
    font-size: 16px;
    color: #000;
}

.single-section .h2,
.single-section .h3 {
    color: #000;
    font-weight: 600;
}

/*places-to-visit*/
.places-to-visit {
    padding: 35px 0;
}

.places-to-visit .h3 {
    margin-bottom: 30px;
}

.places-to-visit .card {
    border-radius: 10px;
    margin-bottom: 30px;
}

.places-to-visit .card img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
}

.places-to-visit .card .card-title {
    font-size: 20px;
    font-weight: 600;
}

.places-to-visit .card p {
    margin-bottom: 0;
}

.single-section ul.check li {
    list-style: none;
}

.single-section ul.check li:before {
    content: "✔";
    margin-right: 10px;
    color: #98ce44;
    font-size: 1.3333em;
    line-height: 1em;
}

/*faq*/
#faq .card {
    margin-bottom: 20px;
    border: 0;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .1);
    border-radius: 10px;
    z-index: 1;
}

#faq .card .card-header {
    padding: 0;
}

#faq .card .card-header .btn-header-link {
    color: #fff;
    display: block;
    text-align: left;
    padding: 8px 15px;
    background-color: var(--theme-color);
    border-radius: 0;
    font-size: 20px;
    font-weight: 500;
}

#faq .card .card-header .btn-header-link:after {
    content: "\f0d7";
    font-family: 'Fontawesome';
    font-weight: 900;
    float: right;
}


#faq .card .card-header .btn-header-link.collapsed:after {
    content: "\f0da";
}

#faq .card .collapsing {
    line-height: 30px;
}

#faq .card .collapse {
    border: 0;
}

#faq .card .collapse.show {
    line-height: 30px;
    color: #222;
    background-color: #fff;
}

.faq-section img {
    height: 715px;
    width: 100%;
    object-fit: cover;
    border-radius: 0 60px 60px 0;
}

/*    blog*/

.blog-item {
    padding: 0px;
    margin-bottom: 25px;
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
    transition: all .5s ease-in-out;
}

.blog-item-img {
    border-radius: 15px;
    overflow: hidden
}

.blog-item-img img {
    border-radius: 15px;
    height: 350px;
    width: 100%;
    filter: brightness(0.5);
    object-fit: cover;
    transition: all .3s ease-out 0s;
}

.blog-item:hover .blog-item-img img {
    transform: scale(1.1)
}

.blog-item-info {
    padding: 30px;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.blog-item-meta ul {
    margin: 0;
    padding: 0;
    margin-bottom: 14px;
}

.blog-item-meta ul li {
    display: inline-block;
    margin-right: 14px;
    font-weight: 500;
    line-height: 1;
    position: relative;
}

.blog-item-meta ul li a {
    color: #fff;
}

.blog-item-meta ul li i {
    margin-right: 5px;
    color: var(--theme-color)
}

.blog-item-meta a:hover {
    color: var(--theme-color)
}

.blog-title {
    font-size: 25px;
    margin-bottom: 15px;
    line-height: 1;
    text-transform: capitalize
}

.blog-item-info p {
    margin-bottom: 16px
}

/*.blog-item-info .theme-btn {
    margin-top: 15px
}*/

.blog-item-info .blog-title a {
    color: #fff;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.03em;
    font-size: 27px;
}

.arrow-btn {
    font-size: 20px;
    color: #fff;
}

.blog-item-info .blog-title a:hover {
    color: var(--theme-color)
}

.blog-thumb-img {
    margin-bottom: 20px
}

.blog-single-content img {
    border-radius: 15px
}

.blog-details-title {
    font-size: 34px;
    color: var(--color-dark)
}

.all-service ul li a {
    color: #000;
    font-size: 20px;
}

.all-service ul li a:hover {
    font-weight: 500;
}

.custom-table tr,
.custom-table td {
    border: none;
}


/*===========================*/
.navbar-light .navbar-nav .nav-link {
    color: #000 !important;
    text-transform: uppercase;
    padding: 10px 15px !important;
}

.navbar-light .navbar-nav .nav-link svg {
    margin-top: -5px;
}

/*==================corporate car rental============================
====================================================================
=================video banner================*/
.video-banner {
    position: relative;
}

.video-banner video {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    z-index: 0;
}

.video-banner .video-background:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, .5);

}

.video-banner .caption {
    position: relative;
    z-index: 1;
    color: #fff;
    padding: 60px 0;
}

.corporate_h1 {
    font-size: 43px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
}

.corporate_p {
    font-size: 18px;
}

/*form*/
.corporate-form {
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
}

.corporate-form-title {
    background-color: var(--theme-color);
    padding: 20px;
    border-radius: 10px;
}

.corporate-form-title p {
    margin-bottom: 0;
}

.corporate-form form {
    padding: 20px 5px;
}

.corporate-form form label {
    color: #000;
}

/*corporate about*/
.corporate-about-bg {
    background-image: linear-gradient(to right, var(--theme-color) 50%, #fff 50%);
}

.corporate-about .content {
    margin-bottom: 30px;
}

.corporate-about .iconBox {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    text-align: center;
    margin-bottom: 10px;
    border-top-right-radius: 10px;
    font-size: 20px;
}

.corporate-about .icon-title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
}

.corporate-about .circle {
    height: 475px;
    width: 100%;
    background-color: #fff;
    border-radius: 50%;
    line-height: 475px;
    text-align: center;
    font-size: 40px;
    font-weight: 700;
}

.problem-solved-two__points {
    position: relative;
    display: block;
    margin-top: 41px;
}

.problem-solved-two__points li {
    position: relative;
    display: block;
    padding-left: 90px;
}

.problem-solved-two__points li .icon {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 65px;
    width: 65px;
    background-color: var(--theme-color);
    border-radius: 50%;
    top: 9px;
    left: 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.problem-solved-two__points li .icon i {
    position: relative;
    display: inline-block;
    font-size: 35px;
    color: #ffffff;
}

.problem-solved-two__points li .text {
    position: relative;
    display: block;
}

.problem-solved-two__points li .text .h4 {
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 0px;
}

.problem-solved-two__points li .text p {
    color: #000;
    opacity: .80;
}

/*corporate-car-rental*/
.corporate-car-rental {
    background-color: var(--theme-color);
}

.corporate-car-rental img {
    width: 100%;
    border-radius: 10px;
}

.corporate-car-rental .title {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #fff;
}

.corporate-car-rental p {
    color: #fff;
}

/*INDIA MAP*/
.india-map .indiamap {
    width: 100%;
}

.india-map .brandLogo {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px;
}

.india-map .box-content ul {
    list-style: square;
    padding-left: 20px;
}

.india-map .box-content ul li {
    font-weight: 600;
    font-size: 20px;
    padding: 5px 0;
    list-style: square;
}

/*corporate services*/
.corporate-service .service-container {
    background-color: var(--theme-color);
    padding: 20px;
    border-radius: 20px;
}

.about-services-img {
    display: flex;
    gap: 20px;
    align-items: center;
}

.about-services-img img {
    width: 15%;
    height: 40px;
}

.about-services-img .h5 {
    margin-bottom: 0;
    color: #fff;
    font-weight: 800;
}

.about-service-middle {
    padding-right: 20px;
    padding-left: 20px;
}

.about-services-middle-p1 {
    padding: 20px 0;
}

/*===============meet-Our-fleet==============*/
.meet-Our-fleet {
    background-color: var(--theme-color);
}

.meet-Our-fleet .card {
    text-align: center;
    background-color: #e7f1fd;
    border-radius: 10px;
    border: none;
    padding: 20px;
    width: 90%;
    margin: auto;
}

.meet-Our-fleet .card img {
    width: 70%;
    height: 150px;
    object-fit: contain;
    display: block;
    margin: auto;
}

.meet-Our-fleet .card .card-title {
    background-color: #fff;
    color: var(--theme-color);
    font-size: 23px;
    border-radius: 15px;
    margin: 10px 50px;
    font-weight: 600;
}

.meet-Our-fleet .card .cab-name {
    background-color: var(--theme-color);
    color: #fff;
    font-size: 25px;
    border-radius: 20px;
    margin: 0 30px;
    font-weight: 600;
}

/*testimonials*/
.testimonial-section {
    position: relative;
    padding: 120px 0;
    overflow: hidden;
}

.testimonial__inner {
    padding: 90px 30px 30px 0;
    position: relative;
    z-index: 3;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin: 20px 0;
}

.testimonial__inner::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #fff;
    z-index: -1;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    -webkit-box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.06);
}

.testimonial__inner::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -2;
    border-radius: 31px;
    -webkit-border-radius: 31px;
    -moz-border-radius: 31px;
    -ms-border-radius: 31px;
    -o-border-radius: 31px;
    -webkit-transition: all 250ms linear 0ms;
    transition: all 250ms linear 0ms;
}

.testimonial__side-bg::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 74px;
    height: 100%;
    content: "";
    background-color: var(--theme-color);
    z-index: -1;
    border-radius: 30px 0 0 30px;
    -webkit-border-radius: 30px 0 0 30px;
    -moz-border-radius: 30px 0 0 30px;
    -ms-border-radius: 30px 0 0 30px;
    -o-border-radius: 30px 0 0 30px;
}

.testimonial__inner:hover {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
}

.testimonial__inner:hover::after {
    top: 8px;
}

.testimonial__content {
    padding-left: 110px;
}

.testimonial__quote {
    font-size: 45px;
    color: #d0cbda;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
}

.testimonial__quote i {
    position: absolute;
    top: -64px;
}

.testimonial__quote i:nth-child(1) {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.testimonial__quote i:nth-child(2) {
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: var(--second-color);
}

.testimonial__inner:hover .testimonial__quote i:nth-child(1) {
    opacity: 0;
}

.testimonial__inner:hover .testimonial__quote i:nth-child(2) {
    opacity: 1;
}

.testimonial__author-info {
    padding-left: 22px;
    margin-top: 20px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.testimonial__author-info .avatar {
    width: 104px;
    height: 104px;
    margin-right: 20px;
    position: relative;
    z-index: 1;
}

@media (max-width: 991px) {
    .testimonial__author-info .avatar {
        width: 80px;
        height: 80px;
    }
}

@media (max-width: 767px) {
    .testimonial__author-info .avatar {
        width: 70px;
        height: 70px;
    }
}

.testimonial__author-info .avatar::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 97%;
    height: 97%;
    content: "";
    z-index: -1;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: scale(1);
    transform: scale(1);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.testimonial__author-info .avatar img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.testimonial__author-info .content h4 {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.testimonial__author-info .content span {
    font-size: 15px;
    color: #4a4c51;
    font-style: italic;
}

.testimonial__inner:hover .testimonial__author-info .avatar::before {
    -webkit-transform: scale(1.09);
    transform: scale(1.09);
}

.testimonial__rating {
    position: absolute;
    top: 33px;
    left: 28px;
}

.testimonial__rating li {
    font-size: 17px;
    color: #fff;
}

.testimonial__active::before {
    position: absolute;
    right: 90px;
    top: 50%;
    transform: translateY(-50%);
    background: url(../img/shape/tm_line_shape.png) no-repeat;
    content: "";
    width: 51px;
    max-height: 321px;
    height: 100%;
}

.testimonial__shape .shape {
    position: absolute;
}

@media (max-width: 767px) {
    .testimonial__shape .shape {
        display: none;
    }
}

.testimonial__shape .shape--1 {
    bottom: 0;
    left: 0;
}

.testimonial__shape .shape {
    position: absolute;
}

.testimonial__shape .shape--2 {
    top: -22%;
    right: 0;
}


/*compliances-section*/
.compliances-section {
    position: relative;
    background-color: var(--theme-color);
}

/*.compliances-section .bg-img{
    background-image: linear-gradient(rgba(166,206,58,0.8),rgba(166,206,58,0.8)), url(../images/bg-pattern.jpg);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    mix-blend-mode: overlay;
    opacity: 0.4;
}*/
.compliances-section ul li {
    font-size: 23px;
    padding-bottom: 20px;
    font-weight: 600;
    color: #fff;
}

.compliances-section ul li:before {
    content: '✔';
    padding-right: 10px;
}

.main-compliances-heading {
    border-bottom: 1px solid #fff;
    padding-bottom: 40px;
    color: #fff;
}

.compliances-heading {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.main-compliances-heading p {
    font-size: 18px;
    text-transform: uppercase;
    color: var(--second-color);
    font-weight: 600;
}

.main-compliances-heading img {
    width: 100%;
}

.main-compliances-heading2 {
    padding-top: 40px;
}

.compliances-heading2 {
    color: #fff;
    font-size: 25px;
    font-weight: 600;
}

.compliances-heading-p1 {
    color: #fff;
    font-size: 16px;
}

.compliances-img2 {
    width: 100%;
}



/*=========banner-slider============*/
.banner-slider {
    background-image: linear-gradient(to right, var(--theme-color) 70%, #fff 50%);
    ;
}

.banner-slider .card-box {
    padding: 30px;
    background-color: #fff;
    border-radius: 20px 0 0 20px;
}

.banner-slider .card-box .card-title {
    font-size: 25px;
    line-height: 1.3;
    margin: 15px 0;
    font-weight: 600;
}

/*======================*/
.case-studies-slider .card {
    background-color: #f5f5f5;
    width: 92%;
    height: 100%;
    padding: 15px;
    text-align: center;
    border: none;
}

.case-studies-slider .keyword-img-para {
    position: absolute;
    background-color: var(--theme-color);
    padding: 8px 10px;
    margin-left: 50px;
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
    top: 35px;
    width: 85%;
    text-align: left;
}

.case-studies-slider .card p {
    padding-top: 10px;
}

.case-studies-slider .card .card-title {
    font-size: 15px;
    font-weight: 700;
    padding: 0 15px;
}

/*newslater-section*/
.newslater-section .card {
    background-color: #f5f5f5;
    height: 100%;
    width: 92%;
    padding: 15px;
    text-align: center;
    border: none;
}

.newslater-section .card .card-title {
    margin-top: 10px;
    font-size: 22px;
    font-weight: 700;
    padding: 0 15px;
}

.newslater-section .card a {
    width: 60%;
    margin: auto;
}

/*footer partner*/
.footer-partner-list {
    border-top: 1px solid #dddddd;
    padding: 10px 0;
    color: #000;
}

.footer-partner-list span {
    color: #000;
    font-weight: bold;
}

.footer-partner-list a {
    color: var(--theme-color);
    font-weight: 600;
}

/*Career*/
.career-banner-section {
    background-color: var(--theme-color);
}

.career-banner-section .h2 {
    color: #fff;
    font-weight: 700;
    font-size: 40px;
    margin-bottom: 10px;
}

.career-banner-section p {
    color: #fff;
}

.styles_join {
    text-align: center;
    padding: 30px;
    box-shadow: 0px 6px 30px rgba(7, 36, 95, 0.09);
}

.styles_join .h3 {
    font-size: 40px;
    font-weight: 700;
    color: var(--theme-color);
}

.styles_join p {
    font-size: 20px;
    margin-bottom: 0;
}

/*becomepart-section*/
.becomepart-section {
    background-color: var(--theme-color);
}

.becomepart-section .box {
    padding: 30px;
}

.becomepart-section .box {
    background-color: var(--second-color);
}

.becomepart-section .box .box-icon {
    background-color: #fff;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    text-align: center;
    line-height: 70px;
    font-size: 40px;
    margin-bottom: 20px;
    color: var(--theme-color);
}

.becomepart-section .box p {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
}

/*worldpart*/
.styles_image__9Hzhh {
    text-align: center;
    position: relative;
    width: 200px;
    margin: auto;
}

.styles_confettiYellow__x_OMx {
    z-index: -1;
    position: absolute;
    top: 55px;
    left: -20px;
}

.styles_confettiOrange__HVnSr {
    z-index: -1;
    position: absolute;
    top: 20%;
    right: 0;
}

.styles_confettiPurple__WoJPK {
    z-index: -1;
    position: absolute;
    top: -30px;
    right: 47%;
}

.styles_image__9Hzhh p {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #000;
    margin-top: 12px;
}

.styles_image__9Hzhh:hover .styles_confettiYellow__x_OMx {
    animation: styles_yellowAnimation__wJq69 1.5s linear infinite
}

.styles_image__9Hzhh:hover .styles_confettiOrange__HVnSr {
    animation: styles_orangeAnimation__yqMqp 1.5s linear infinite
}

.styles_image__9Hzhh:hover .styles_confettiPurple__WoJPK {
    animation: styles_purpleAnimation___qLPX 1.5s linear infinite
}

@keyframes styles_yellowAnimation__wJq69 {
    0% {
        transform: translate(0)
    }

    33% {
        transform: translate(210px, -100px) rotate(120deg)
    }

    66% {
        transform: translate(10px, -20px) rotate(90deg)
    }

    to {
        transform: translate(0) rotate(0deg)
    }
}

@keyframes styles_orangeAnimation__yqMqp {
    0% {
        transform: translate(0)
    }

    33% {
        transform: translate(-230px, -80px)
    }

    66% {
        transform: translate(20px, 50px)
    }

    to {
        transform: translate(0)
    }
}

@keyframes styles_purpleAnimation___qLPX {
    0% {
        transform: translate(0)
    }

    33% {
        transform: translate(-10px, 100px) rotate(120deg)
    }

    66% {
        transform: translate(30px, 10px) rotate(90deg)
    }

    to {
        transform: translate(0) rotate(0deg)
    }
}

/*=========Choose-belong-section=========*/
.Choose-belong-section {
    background-color: var(--theme-color);
}

.Choose-belong-section .choose-box {
    border-right: 1px solid #fff;
    padding: 20px;
    color: #fff;
}

.Choose-belong-section .choose-box .box-title {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 10px;
}

.Choose-belong-section .choose-box .btn {
    padding: 10px 30px;
}

.Choose-belong-section .choose-box img {
    width: 100%;
    margin-top: 20px;
}

/*vendor work section*/
.vendor-work-section .item {
    position: relative;
    margin: 20px 0;
}

.styles_shadow {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translate(4px, 4px);
    border: 1px solid #8b8b8b;
    z-index: -1;
}

.vendor-work-section img {
    transition: 0.3s linear;
}

.vendor-work-section img:hover {
    box-shadow: 3px 3px 0 var(--second-color);
}

/*======================================*/
.joinus-section {
    background-color: var(--theme-color);
}

.joinus-section .h3 {
    margin-bottom: 20px;
}

.joinus-section .joinus-card {
    background-color: #79a404;
    padding: 30px;
    color: #fff;
    box-shadow: 2px 2px 0px #000;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
}

.joinus-section .joinus-card i {
    position: absolute;
    top: 35px;
    right: 10px;
}

.joinus-section .joinus-card .form-group {
    margin-bottom: 20px;
}

.joinus-section .joinus-card label {
    margin-bottom: 5px;
}

.joinus-section .table th,
.joinus-section .table td {
    font-size: 20px;
    padding: 20px;
}

.joinus-section .table {
    color: #fff;
}


/*===========vendor-registration=========*/
.vendor-registration {
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../images/vendor-registration.jpg);
    background-size: cover;
    background-position: left center;
    padding-top: 50px;
    padding-bottom: 140px;
}

.vendor-banner-heading {
    color: #fff;
    font-size: 40px;
    text-shadow: 2px 2px 4px #000;
    font-weight: 700;
}

.vendor-banner-para {
    color: #fff;
    font-size: 20px;
    text-shadow: 2px 2px 4px #000;
    font-weight: 700;
    padding-top: 20px;
}

.vendor-registration .card {
    border: 3px solid var(--second-color);
    background-color: var(--theme-color);
    border-radius: 10px;
}

.vendor-registration .card label {
    font-weight: 600;
}

.vendor-registration .card textarea {
    height: auto !important;
}

}

.vendor-registration .card .card-header {
    background-color: var(--theme-color);
    border: none;
    border-radius: 10px;
}

.vendor-registration .card .card-title {
    font-size: 22px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 0;
    color: #fff;
}

.vendor-registration .card .form-field {
    position: relative;
}

.vendor-registration .card i {
    position: absolute;
    top: 45px;
    right: 10px;
    color: var(--theme-color);
    opacity: 0.6;
}

.text-theme {
    color: var(--theme-color) !important;
}

/* ABOUT VENDOR*/
.about_vendor {
    background-color: #fff;
    margin-top: -100px;
    text-align: center;
    padding: 40px 30px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .1);
}

/*=========vendor_requirements=======*/
.vendor_requirements {
    border: 3px solid grey;
    padding: 30px 20px;
    text-align: center;
    background-color: var(--theme-color);
    font-weight: 600;
    border: 5px solid var(--second-color);
    height: 100%;
}

.vendor_requirements .title {
    font-size: 21px;
}

/*============become vendor========*/
.become-vendor ul {
    list-style: disc;
    padding-left: 20px;
}

.become-vendor ul li {
    list-style: disc;
    padding: 5px 0;
}

.bg-gray {
    background: #f6f3ff !important;
}

/*FAQ SECTION*/
.patter-bg {
    position: relative;
    z-index: 1;
}

.patter-bg:before,
.patter-bg:after {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
    pointer-events: none;
}

.patter-bg:before {
    top: 0;
    left: 0;
    background-image: url("../images/bar-shape-2.png");
    width: 210px;
    height: 262px;
}

.patter-bg:after {
    bottom: 0;
    right: 0;
    background-image: url("../images/bar-shape.png");
    width: 211px;
    height: 277px;
}

.bg-gray {
    background: #f6f3ff !important;
}

.section-content .section__subtitle {
    font-size: 18px;
    color: var(--theme-color);
    font-weight: 600;
}

.section-content .section__title {
    font-size: 45px;
    font-weight: 700;
}

#accordionExample .accordion-button {
    width: 100%;
    padding: 20px 25px;
    font-size: 18px;
    font-weight: 600;
    color: #000;
    text-decoration: none;
    border-radius: 10px;
    text-align: left;
    box-shadow: 0 4px 20px #cdc0f7 !important;
    cursor: pointer;
}

#accordionExample .accordion-item {
    background-color: transparent;
    border: none;
    margin-bottom: 20px;
}

#accordionExample .accordion-button:not(.collapsed) {
    background-color: var(--theme-color);
    color: #fff;
}

#accordionExample .accordion-body {
    background-color: #fff;
}

.accordion-body {
    padding: 1rem 1.25rem;
}

.partners-area .card {
    min-width: 100% !important;
}

.partners-area #faq {
    padding: 0;
}



/*===========our team section===========*/
.team-item {
    padding: 0 20px 20px;
    margin-bottom: 25px;
    text-align: center;
    position: relative;
    transition: all .5s ease-in-out;
    z-index: 1
}

.team-item::before {
    content: "";
    position: absolute;
    background: #fff;
    border-radius: 30px;
    box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
    width: 100%;
    height: 70%;
    left: 0;
    bottom: 0;
    z-index: -1
}

.team-item:hover {
    transform: translateY(-10px)
}

.team-img img {
    border-radius: 30px;
    padding: 6px;
    border: 3px solid var(--theme-color);
    box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
    width: 100%;
    height: 230px;
    object-fit: cover;
}

.team-content {
    padding: 10px 0 5px
}

.team-bio .h5 {
    font-size: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-transform: capitalize
}

.team-bio span {
    font-size: 16px;
    font-weight: 500;
    color: var(--theme-color);
    text-transform: capitalize
}

.team-bio .h5 a {
    color: #000;
}

.team-bio .h5 a:hover {
    color: var(--theme-color)
}

.team-social {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    transition: all .5s ease-in-out;
}

.team-social a {
    display: inline-block;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50px;
    margin: 0 4px;
    background: var(--theme-color);
    box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
}

.team-social a:hover {
    background: var(--second-color);
    color: #fff;
}

#secondPageSearchBarid .modal-dialog {
    top: 40%;
}

/*===========================================*/
.faq-box,
.content-box1 {
    background-color: #fff;
    border: 1px solid #cecece;
    border-radius: 4px;
    padding: 24px;
    margin-bottom: 20px;
}

.information-box {
    margin-bottom: 20px;
}

.faq-box .h4 {
    font-size: 19px;
    margin-bottom: 0;
}

.faq-box .ans {
    display: flex;
    gap: 10px;
}

/*===========================================*/
.text-colorSecPageNavFormLabel {
    text-transform: uppercase;
}

main {
    margin-top: 80px;
}

.modifysearch {
    background-color: var(--theme-color);
}

.modifysearch label {
    color: #fff;
}

.modifysearch .btn-search {
    margin-top: 31px;
    padding: 12px;
    background-color: var(--second-color) !important;
    border-radius: 20px;
}

.modifysearch .btn-dark {
    font-size: 10px;
    background-color: var(--second-color);
    border: none;
    padding: 4px 12px;
}

/*===========payment page================*/

.payment_banner {}

.payment_banner {
    /*    height: 256px;*/
    /*background-image: url(https://gos3.ibcdn.com/gi-orange-bg-2-1694174727.png);*/
    background-repeat: no-repeat;
    background-color: var(--theme-color);
    width: 100%;
    padding-bottom: 90px;
}

.payment_banner .paymnet-caption {
    padding-top: 20px;
    color: #fff;
}

.payment_banner .paymnet-caption span {
    padding-right: 1rem;
    margin-right: 1rem;
    border-right: 0.1rem solid rgb(255, 255, 255);
}

.payment_banner .paymnet-caption .h3 {
    font-size: 22px;
    margin-bottom: 25px;
}

.payment_banner .paymnet-caption .h3 p {
    font-size: 22px;
    line-height: 1;
    display: flex;
    text-shadow: rgba(0, 0, 0, 0.25) 1px 1px 2px;
}

.bookingDetails {
    margin-top: -100px;
}

.bookingDetails #shadow {
    background-color: #fff;
}

.bookingDetails .cabdetais {
    display: flex;
    align-items: center;
    gap: 20px;
}

.bookingDetails .cabdetais img {
    width: 25px;
}

.bookingDetails .h3,
.bookingDetails h3 {
    font-weight: 600;
    font-size: 20px;
}

.bookingDetails .h4 {
    font-weight: 600;
}

.readmoreList .h5 {
    font-size: 18px;
    font-weight: 600;
    color: #000;
}

.fare-breakup {
    padding: 20px;
}

.fare-breakup ul {
    display: flex;
    justify-content: space-between;
}

.fare-breakup {
    position: relative;
}

.fare-breakup h4 {
    font-size: 20px;
}

.fare-breakup h3 {
    font-size: 23px;
    font-weight: 800;
}

.fare-breakup p {
    margin-bottom: 0;
}

.gst-box {
    position: absolute;
    width: 221px;
    background: #4a4a4a;
    top: 50px;
    left: 20px;
    padding: 10px;
    color: #fff;
    border-radius: 4px;
    display: none;
    transition: 0.3s linear;
    z-index: 10;
}

.gst-box span {
    float: right;
}

.pop-div:hover .gst-box {
    display: block;
}

#demo {
    /*    border: 7px solid #fff;*/
    margin-top: 65px;
}

.carousel-control-next,
.carousel-control-prev {
    font-size: 20px;
    height: 100px;
    width: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    opacity: 1;
    color: #000;
}

.carousel-control-prev {
    border-radius: 0 10px 10px 0;
}

.carousel-control-next {
    border-radius: 10px 0 0 10px;
}


/*=========dedicated-partner-img==========*/
.dedicated-partner-img img {
    border-radius: 20px;
    width: 100%;
    height: 300px;
    object-fit: cover;
}


/*=====================================================
=====================================================
            HOME
=====================================================
=====================================================*/
.rounded-20 {
    border-radius: 20px;
}

.img-frame {
    padding: 25px 3%;
}

.box-title {
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 20px;
    font-family: var(--title-font);
    line-height: 1.2;
}

.text-subtitle {
    font-weight: 600;
    font-size: 20px;
}

.whychoose-area p {
    margin-bottom: 12px;
}

.text-small {
    font-size: 15px !important;
}

.fa-circle-small {
    font-size: 6px;
    vertical-align: middle;
}

.background-grey {
    background-color: #f6f6f6;
}

.text-tab {
    color: #00bfff;
    cursor: pointer;
    margin-bottom: 1rem;
}

.text-tab:hover {
    color: #000;
}

.text-tab>hr {
    width: 0;
    margin: 0;
}

.text-tab-active {
    color: #000;
    cursor: not-allowed !important;
}

.text-tab-active>hr {
    width: 80%;
    margin: 0;
    border: none;
    border-bottom: 2px solid #000;
}

.text-bold {
    font-weight: 500;
}

.send_details {
    font-size: 14px;
    margin-top: 10px;
    text-align: center;
}

.login_btn {
    width: 100%;
    text-align: right;
}

.roundtrip_location b:last-child {
    display: none;
}

.why-choose-img {
    display: flex;
    align-items: center;
    height: 100%;
}

.why-choose-img img {
    box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.2);
}

.card-img .w-75 {
    height: 140px;
    object-fit: contain;
}

.margin-price {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
    flex-direction: row-reverse;
}

/***************************************************************************
***************************************************************************/

.start-header nav .navbar-nav {
    margin-left: auto;
    gap: 30px;
    align-items: center;
}

.start-header nav .navbar-nav a {
    color: #000;
}

.start-header nav .navbar-nav a:hover {
    color: #ffffff;
}

.bg-theme {
    background-color: var(--theme-color);
}


.highlight {
    position: relative;
}

.highlight input {
    background: #ffedd7 !important;
}

.highlight span {
    /*right: 10px;
 top: 0;
 position: absolute;
 right: 0;
 line-height: 50px;*/
    cursor: pointer;
}

/***************************************************************************
***************************************************************************/

/* why choose us */
.whyChooseUs .card {
    padding: 20px;
    box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.18);
    text-align: center;
    border-radius: 10px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
    margin-bottom: 10px;
    border: none;
}

.whyChooseUs .card img {
    width: 75px;
    margin: auto;
}

.whyChooseUs .card .card-title {
    font-size: 20px;
    font-weight: 600;
}

.owl-theme .owl-dots .owl-dot span {
    background: #81adbf;
}

/*============================================*/
.fixed__btns {
    position: fixed;
    right: 0;
    left: 50%;
    bottom: 6px;
    background-color: transparent;
    width: 94%;
    height: 50px;
    z-index: 99;
    padding: 0;
    gap: 11px;
    overflow: hidden;
    display: flex;
    transform: translateX(-50%);
}

.float {
    position: relative;
    width: 100%;
    height: 100%;
    color: #FFF;
    border-radius: 0;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 35px;
    border-radius: 30px;
    letter-spacing: -0.02em;
}

.float {
    img {
        width: 23px;
        margin-right: 5px;
    }
}

.float {
    span {
        font-weight: 600;
    }
}

@keyframes float {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
        /* Moves up */
    }

    100% {
        transform: translateY(0);
    }
}

/*# POP Up */

.main-popup {
    display: none;
    /* Hide popup by default */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    align-items: center;
    justify-content: center;
    z-index: 100000;
}

.main-popup .form-control,
.main-popup .form-select {
    border-radius: 4px !important;
    transition: 0.3s;
    background-color: #ffffff !important;
    border: 1px solid #ced4da;
    padding: 8px;
    color: #767676;
}

.main-popup .form-control:hover,
.main-popup .form-select:hover,
.main-popup .form-control:focus,
.main-popup .form-select:focus {
    border-color: var(--theme-color);
    box-shadow: none;

}

.main-popup textarea {
    height: 90px;
    min-height: 90px;
}

.main-popup hr {
    margin: 5px 0;
    background-color: #fff;
}

.main-popup .form-control:focus,
.main-popup .form-select:focus {
    box-shadow: none !important;
}

.main-popup .form-control::placeholder,
.main-popup .form-select::placeholder,
.main-popup textarea::placeholder {
    transition: 0.3s;
    color: #767676;
}

.main-popup .form-control:focus::placeholder,
.main-popup .form-select:focus::placeholder,
.main-popup textarea:focus::placeholder {
    opacity: 0;
}

.main-popup.active {
    display: flex;
    /* Show when active */
}

.main-popup .card_top {
    background-image: url(../images/pop_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
    height: 150px;
    position: relative;
    border-radius: 0;
    overflow: hidden;
    background-position: center;
    width: 100%;
}

.pop_heading {
    font-size: 24px;
    font-weight: 700;
    padding-inline: 15px;
    margin-block: 10px 0;
    line-height: 1;
    color: #000;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
}

.sub_heading {
    color: #f1f1f1;
    font-size: 16px;
    text-align: center;
    margin-top: -6px;
}

.main-popup .card_top:before {
    content: '';
    background-color: #222;
    opacity: 0.5;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.nhjborder {
    border-right: 4px solid var(--theme-color);
}

@media(max-width:768px) {
    .nhjborder {
        border-right: 0;
    }
}

.main-popup .card_top h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    width: 80%;
    text-align: center;
    line-height: 1.2;
    font-size: 24px;
    font-family: 'FontAwesome';
    letter-spacing: 2px;
}

.main-popup form {
    padding: 15px;
    border-radius: 15px;
    width: 100%;
    margin-inline: auto;
    margin-block: 5px 15px;
    padding-block: 0;
}

@media(max-width: 768px) {

    /*.main-popup svg{
    fill: #000;
}*/
    .order_last {
        order: -1;
    }
}

.outer-popup {
    width: 100%;
    max-width: 570px;
    margin: 0px auto;
    background-color: #fff;
    border-radius: 10px;
    padding: 0;
    box-shadow: 0px 0px 12px #8a8a8a;
    height: fit-content;
    position: relative;
    overflow: hidden;
    /* border: 4px solid var(--theme-color); */
}

.outer-popup .btn-default {
    border: 2px solid #000;
    color: #000;
    padding: 11px 30px;
    background: transparent;
}

@media(max-width:768px) {
    .outer-popup {
        max-width: 90%;
    }
}

.outer-popup .th-btn {
    background-color: var(--theme-color2);
}

.outer-popup .th-btn:before {
    background-color: #d1d1d1;
}

.pop_opter {
    padding: 0;
}

.pop_img {
    height: 100%;

    img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    video {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

.close-popup {
    width: 100%;
    text-align: right;
    margin: -6px;
}

.close-popup-span {
    padding-right: 0rem;
    cursor: pointer;
    position: absolute;
    right: 2px;
    top: 2px;
    z-index: 3;
}

.popup-heading {
    margin-top: 0.5rem;
    color: #323232;
    font-size: 18px;
    letter-spacing: 1px;
    text-align: center;
    font-weight: 600;
}

.popup-heading>span {
    font-weight: 600;
    color: #03a84e;
    text-transform: uppercase;
}

.form_enquiry_caption_course {
    color: #fff;
}

.pop_upgroup label span {
    color: #fff;
}

.pop_upgroup label {
    font-weight: 600;
    color: #fff;
}

.form__btn {
    background-color: var(--theme-color);
}

.form__btn:hover {
    background-color: #fff;
}

.outer-popup .pop_upgroup label span {
    color: red;
}

.outer-popup .pop_upgroup label {
    font-weight: 600;
    color: #000;
}

.popup-btn {
    font-size: 0.9rem;
    color: white;
    display: none;
    background-color: rgb(27, 27, 95);
    padding: 0.5rem 1rem;
    border: none;
    outline: none;
    display: block;
    margin: 1rem auto;
    border-radius: 5px;
    text-transform: capitalize;
    cursor: pointer;
    font-weight: 500;
}

.popup-btn:hover {
    background-color: rgb(15, 15, 53);
}

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about-one {
    background-color: #ffffff;
}

.about-one__image {
    position: relative;
}

.about-one__image img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    outline: 2px solid var(--theme-color);
    outline-offset: 5px;
}

.about-one__image__one {
    position: relative;
    z-index: 1;
}

.about-one__image__shape {
    position: absolute;
    top: -28px;
    left: -28px;
    animation: zump 2s linear infinite;
}

@media (max-width: 767px) {
    .about-one__image__shape {
        left: -20px;
    }
}

@media (max-width: 575px) {
    .about-one__image__shape {
        left: -10px;
    }
}

.about-one__experience {
    padding: 51px 12px;
    background-color: var(--theme-color);
    border: 6px solid #ffffff;
    writing-mode: sideways-lr;
    position: absolute;
    top: 50%;
    left: -41px;
    transform: translateY(-50%);
    border-radius: 80px;
    z-index: 2;
}

@media (max-width: 991px) {
    .about-one__experience {
        left: -25px;
    }
}

@media (max-width: 767px) {
    .about-one__experience {
        left: -20px;
    }
}

@media (max-width: 575px) {
    .about-one__experience {
        display: table;
        border: 0px;
        margin-top: 30px;
        padding: 12px 30px;
        position: static;
        transform: translateY(0%);
        writing-mode: unset;
    }
}

.about-one__experience__title {
    margin: 0px;
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 36px;
    color: #ffffff;
    text-transform: capitalize;
    line-height: 1.25;
    white-space: nowrap;
}

@media (max-width: 575px) {
    .about-one__experience__title {
        white-space: wrap;
    }
}

@media (max-width: 412px) {
    .about-one__experience__title {
        font-size: 30px;
    }
}

.about-one__experience__title span {
    font-size: 22px;
    font-weight: 500;
}

@media (max-width: 412px) {
    .about-one__experience__title span {
        font-size: 18px;
    }
}

.about-one .sec-title {
    margin-bottom: 11px;
}

.about-one__text {
    margin-bottom: 25px;
}

.about-one__inner {
    display: grid;
    grid-template-columns: auto 108px;
    grid-gap: 37px 0px;
}

@media (max-width: 412px) {
    .about-one__inner {
        grid-template-columns: auto;
    }
}

.about-one__info {
    padding: 30px 0px;
    border-top: 1px solid var(--eolexi-border-color, #dddddd);
    border-bottom: 1px solid var(--eolexi-border-color, #dddddd);
}

.about-one__info__item+.about-one__info__item {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid var(--eolexi-border-color, #dddddd);
}

.about-one__info__item {
    display: flex;
    align-items: flex-start;
    gap: 19px;
}

@media (max-width: 480px) {
    .about-one__info__item {
        flex-direction: column;
    }
}

.about-one__info__icon {
    width: 80px;
    height: 80px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    background-color: var(--theme-color);
    font-size: 34px;
    color: #ffffff;
    transition: all 500ms ease;
}

.about-one__info__icon__inner {
    width: 27px;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: var(--second-color);
    font-size: 14px;
    color: #ffffff;
    border: 1px solid #ffffff;
    transition: all 500ms ease;
}

.about-one__info__item:hover .about-one__info__icon {
    background-color: var(--second-color);
}

.about-one__info__item:hover .about-one__info__icon__inner {
    background-color: var(--theme-color);
}

.about-one__info__content {
    padding-right: 20px;
}

.about-one__info__title {
    margin-bottom: 9px;
    font-size: 22px;
    color: var(--eolexi-black, #222222);
    font-weight: 700;
    line-height: 1.318;
    text-transform: capitalize;
}

.about-one__info__text {
    margin: 0px;
    font-size: 15px;
    color: var(--eolexi-text-gray2, #566963);
    line-height: 1.466;
}

.about-one__profile {
    padding: 6px 5px 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--second-color);
}

@media (max-width: 412px) {
    .about-one__profile {
        padding: 28px 28px 20px;
    }
}

.about-one__profile__image {
    max-width: 100%;
    height: auto;
    border: 2px solid #ffffff;
}

.about-one__profile__info {
    padding: 20px 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    writing-mode: sideways-lr;
}

@media (max-width: 412px) {
    .about-one__profile__info {
        padding: 0px;
        margin-top: 15px;
        writing-mode: unset;
    }
}

.about-one__profile__name {
    margin: 0px 5px 0px 0px;
    font-weight: 500;
    color: #ffffff;
    font-size: 22px;
    text-transform: capitalize;
    line-height: 1.318;
}

@media (max-width: 412px) {
    .about-one__profile__name {
        margin-bottom: 8px;
    }
}

.about-one__profile__designation {
    margin: 0px;
    font-weight: 400;
    font-size: 15px;
    color: #ffffff;
    text-transform: capitalize;
    line-height: 1.466;
}

.about-one__button {
    margin-top: 37px;
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact-one {
    position: relative;
    padding-bottom: 40px;
    background-color: #FFFFFF;
}

.contact-one__shape {
    width: 690px;
    height: 100%;
    background-color: var(--theme-color);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
}

@media (max-width: 1599px) {
    .contact-one__shape {
        clip-path: polygon(100% 0%, 60% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
    }
}

@media (max-width: 1399px) {
    .contact-one__shape {
        width: 550px;
    }
}

@media (max-width: 1199px) {
    .contact-one__shape {
        width: 500px;
    }
}

@media (max-width: 991px) {
    .contact-one__shape {
        display: none;
    }
}

.contact-one__bg {
    width: calc(100% - 435px);
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

@media (max-width: 1599px) {
    .contact-one__bg {
        width: 100%;
    }
}

.contact-one .container {
    position: relative;
    z-index: 2;
}

.contact-one__image {
    display: table;
    text-align: right;
    margin-left: -159px;
}

@media (max-width: 1599px) {
    .contact-one__image {
        margin-left: 0px;
    }
}

.contact-one__image__inner {
    padding: 11px;
    background-color: #FFFFFF;
}

@media (max-width: 991px) {
    .contact-one__image__inner {
        padding: 0px;
        background-color: transparent;
    }
}

@media (max-width: 1599px) {
    .contact-one__image img {
        max-width: 100%;
        height: auto;
    }
}

.contact-one__call {
    padding: 21px 39px 19px 52px;
    display: inline-flex;
    align-items: center;
    text-align: left;
    gap: 26px;
    background-color: var(--second-color);
    border-left: 7px solid #FFFFFF;
}

@media (max-width: 991px) {
    .contact-one__call {
        border: 0px;
        padding-left: 30px;
        padding-right: 30px;
        gap: 20px;
    }
}

.contact-one__call__icon {
    display: inline-flex;
    font-size: 39px;
    color: #FFFFFF;
}

.contact-one__call__icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor;
}

.contact-one__call__title {
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 1.333;
}

.contact-one__call__number {
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 1.3125;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
    transition: all 500ms ease;
}

.contact-one__call__number:hover {
    color: var(--theme-color);
}

.contact-one__call__number:hover {
    background-size: 100% 1px;
}

.contact-one__form {
    position: relative;
    z-index: 1;
    padding: 69px 30px 74px;
    background-color: #FFFFFF;
    border-radius: 10px;
}

@media (max-width: 1599px) {
    .contact-one__form {
        padding: 50px 30px;
    }
}

@media (max-width: 390px) {
    .contact-one__form {
        padding: 35px 25px;
    }
}

.contact-one__form::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 5px;
    left: 0px;
    z-index: -1;
    border-radius: inherit;
    border-bottom: 5px solid var(--theme-color);
}

.contact-one .sec-title {
    margin-bottom: 25px;
}

.contact-one .form-one__group {
    grid-gap: 20px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .contact-one .form-one__group {
        grid-template-columns: repeat(1, 1fr);
    }
}

.contact-one .form-one__group .bootstrap-select>.dropdown-toggle {
    line-height: 48px;
    background-color: transparent !important;
}

.contact-one .form-one__group .bootstrap-select>.dropdown-toggle::before {
    right: 30px;
}

@media (max-width: 390px) {
    .contact-one .form-one__group .bootstrap-select>.dropdown-toggle::before {
        right: 25px;
    }
}

.contact-one .form-one__group .bootstrap-select>.dropdown-toggle,
.contact-one .form-one__group input[type=text],
.contact-one .form-one__group input[type=email],
.contact-one .form-one__group input[type=password],
.contact-one .form-one__group input[type=tel],
.contact-one .form-one__group textarea {
    height: 48px;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 50px;
    border: 1px solid #dddddd;
    background-color: transparent;
    width: 100%;
}

@media (max-width: 390px) {

    .contact-one .form-one__group .bootstrap-select>.dropdown-toggle,
    .contact-one .form-one__group input[type=text],
    .contact-one .form-one__group input[type=email],
    .contact-one .form-one__group input[type=password],
    .contact-one .form-one__group input[type=tel],
    .contact-one .form-one__group textarea {
        padding-left: 25px;
        padding-right: 25px;
    }
}

.contact-one .form-one__group .bootstrap-select>.dropdown-toggle:focus,
.contact-one .form-one__group input[type=text]:focus,
.contact-one .form-one__group input[type=email]:focus,
.contact-one .form-one__group input[type=password]:focus,
.contact-one .form-one__group input[type=tel]:focus,
.contact-one .form-one__group textarea:focus {
    border-color: var(--theme-color);
}

.contact-one .form-one__group textarea {
    height: 138px;
    border-radius: 20px;
}

.contact-one__form__button {
    margin-top: 10px;
    text-align: center;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
.form-one__group {
    margin: 0px;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 30px;
}

@media (min-width: 768px) {
    .form-one__group {
        grid-template-columns: repeat(2, 1fr);
    }
}

.form-one__control {
    border: none;
    width: auto;
    height: auto;
    border-radius: 0;
    padding: 0;
    position: relative;
}

.form-one__control--full {
    grid-column-start: 1;
    grid-column-end: -1;
}

.form-one .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    position: relative;
    display: block;
    width: 100% !important;
    font-family: var(--eolexi-font, "DM Sans", serif);
}

.form-one .bootstrap-select>.dropdown-toggle::after {
    display: none;
}

.form-one .bootstrap-select>.dropdown-toggle {
    position: relative;
    height: 50px;
    outline: none !important;
    border: 0;
    border-radius: 0;
    background-color: var(--eolexi-white2, #F0F2F8) !important;
    margin: 0;
    padding: 0;
    padding-left: 20px;
    padding-right: 20px;
    font-family: var(--eolexi-font, "DM Sans", serif);
    color: var(--eolexi-text, #636363) !important;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 400;
    line-height: 50px;
    box-shadow: none !important;
    background-repeat: no-repeat;
    background-size: 14px 12px;
    background-position: right 25.75px center;
}

.form-one .bootstrap-select>.dropdown-toggle::before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    font-family: "Font Awesome 5 Free";
    content: "\f107";
    font-weight: 900;
    font-size: 18px;
    color: var(--eolexi-text, #636363);
}

.form-one .bootstrap-select .dropdown-menu>li+li>a {
    border-top: 1px solid var(--eolexi-border-color, #dddddd);
}

.form-one .bootstrap-select .dropdown-menu {
    border: none;
}

.form-one .bootstrap-select .dropdown-menu>li>a {
    font-family: var(--eolexi-font, "DM Sans", serif);
    font-size: 15px;
    font-weight: 400;
    padding: 10px 20px;
    color: var(--second-color);
    background-color: var(--eolexi-white2, #F0F2F8);
    text-transform: capitalize;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.form-one .bootstrap-select .dropdown-menu>li:hover>a,
.form-one .bootstrap-select .dropdown-menu>li.selected>a {
    background-color: var(--theme-color);
    color: #FFFFFF;
    border-color: var(--theme-color);
}

.form-one .bootstrap-select>.dropdown-toggle {
    display: flex;
    align-items: center;
}

.form-one .bootstrap-select>.dropdown-toggle .filter-option {
    display: flex;
    align-items: center;
}

.form-one .bootstrap-select>.dropdown-toggle,
.form-one input[type=text],
.form-one input[type=email],
.form-one input[type=password],
.form-one input[type=tel],
.form-one textarea {
    display: block;
    border: none;
    outline: none;
    padding: 0 20px;
    width: 100%;
    height: 50px;
    font-family: var(--eolexi-font, "DM Sans", serif);
    font-size: 16px;
    color: var(--eolexi-text, #636363);
    font-weight: 400;
    background-color: var(--eolexi-white2, #F0F2F8);
    transition: all 400ms ease;
}

.form-one .bootstrap-select>.dropdown-toggle:focus,
.form-one input[type=text]:focus,
.form-one input[type=email]:focus,
.form-one input[type=password]:focus,
.form-one input[type=tel]:focus,
.form-one textarea:focus {
    color: var(--eolexi-black, #222222);
}

.form-one textarea {
    height: 122px;
    padding: 14px 20px 0;
}


.features-three__card {
    position: relative;
    padding: 40px 30px 30px;
    text-align: center;
    overflow: hidden;
    background-color: var(--eolexi-white2, #F0F2F8);
    border-bottom: 5px solid var(--theme-color);
    z-index: 1;
}

.features-three__card::after {
    content: "";
    width: 100%;
    height: 0%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-color: var(--theme-color);
    z-index: -1;
    transition: all 500ms ease;
}

.features-three__card:hover::after {
    height: 100%;
    top: 0px;
}

.features-three__card__icon-box {
    margin: 0px auto 18px;
    width: 92px;
    height: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 10px;
    background-color: #ffffff;
    transition: all 500ms ease;
}

.features-three__card:hover .features-three__card__icon-box {
    background-color: var(--second-color);
}

.features-three__card__icon {
    display: inline-flex;
    font-size: 40px;
    color: var(--theme-color);
    transition: all 500ms ease;
}

.features-three__card__icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor;
}

.features-three__card:hover .features-three__card__icon {
    color: #ffffff;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.features-three__card__title {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 22px;
    line-height: 1.318;
    transition: all 500ms ease;
}

.features-three__card__text {
    margin: 0px;
    font-size: 18px;
    transition: all 500ms ease;
}

.features-three__card:hover .features-three__card__title,
.features-three__card:hover .features-three__card__text {
    color: #ffffff;
}

.features-three__bottom {
    margin-top: 47px;
    text-align: center;
}

.features-three__text {
    margin: 0px;
    font-weight: 500;
}

.features-three__text__icon {
    margin-right: 10px;
    position: relative;
    top: 4px;
    display: inline-flex;
    font-size: 24px;
    color: var(--theme-color);
}

.features-three__text__icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor;
}

.features-three__text a {
    color: var(--theme-color);
    text-decoration: underline;
}





/* **********************************************************************************
**********************************************************************************
********************************************************************************** */
/*desktop media query*/
@media only screen and (min-width: 768px) {
    .about-one__image img {
        height: 600px;
        width: 538px;
    }

    .video-banner .caption,
    .vendor-registration {
        padding-top: 130px;
    }

    .banner-slider,
    .career-banner-section {
        padding-top: 100px !important;
    }

    .readmoreList {
        -webkit-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 50px;
        column-gap: 50px;
    }

    #cab_imgpart {
        width: 100%;
    }

    .theme-left-border {
        border-left: 30px solid var(--theme-color);
        border-right: 1px solid #ddd;
        box-shadow: 5px 0 6px rgba(0, 0, 0, 0.3);
        z-index: 1;
        background-color: #fff;
    }

    .theme-left-border-45 {
        border-left: 45px solid var(--theme-color);
        border-right: 1px solid #ddd;
        box-shadow: 5px 0 6px rgba(0, 0, 0, 0.3);
        z-index: 1;
        background-color: #fff;
    }

    .theme-right-border {
        border-left: 1px solid #ddd;
        border-right: 30px solid var(--theme-color);
        box-shadow: -5px 0 6px rgba(0, 0, 0, 0.3);
        z-index: 1;
        background-color: #fff;
    }

    /* ====================call whatsapp button====================== */
    .fixed__btns {
        background-color: transparent;
        height: 0;
        transform: none;
    }

    .float_whatsapp,
    .float-call {
        position: fixed;
        right: 20px;
        bottom: 20px;
        width: 175px !important;
        height: 40px;
        border-radius: 10px;
        animation: float 1s ease-in-out infinite;
    }

    .float-call {
        background-color: var(--theme-color);
        font-size: 15px;
        font-weight: 100 !important;
    }

    .float-call {
        right: auto;
        left: 20px;
        background-color: var(--theme-color);
        font-size: 15px;
        font-weight: 100 !important;
    }

    .float_whatsapp {
        background-color: #25D366;
    }
}

/*phone media query*/
@media only screen and (max-width: 768px) {
    .box-title {
        font-size: 30px;
        line-height: 1.3;
    }

    .corporate_h1 {
        font-size: 30px;
    }

    .video-banner .caption,
    .vendor-registration,
    .banner-slider,
    .career-banner-section {
        padding-top: 100px;
    }

    .corporate-form {
        margin-top: 30px;
    }

    .corporate-about-bg {
        background: var(--theme-color);
    }

    .corporate-about .circle {
        display: none;
    }

    .service-container .border-end {
        border-right: 0 !important;
    }

    .testimonial-section {
        padding: 50px 0;
    }

    .corporate-car-rental .title {
        margin-top: 30px;
    }

    .india-map .box-content,
    .about-services-img,
    .compliances-heading-3 {
        margin-top: 30px;
    }

    .banner-box h2 {
        font-size: 25px;
    }

    .back_button {
        position: absolute;
        right: 5px;
    }

    .payment_banner .paymnet-caption .h3 p {
        font-size: 18px;
        line-height: 1.4;
        display: flex;
        flex-direction: column;
        gap: 10px
    }

    /*.payment_banner .paymnet-caption span {
        display: block;
    }*/
    .bookingDetails .cabdetais {
        text-align: center;
    }

    .bookingDetails .cabdetais img {
        margin: auto;
        margin-bottom: 5px;
    }

    .bookingDetails .cabdetais li {
        width: 100%;
        display: grid;
        line-height: 1.2;
    }

    .carousel-control-next,
    .carousel-control-prev {
        display: none;
    }

    .carousel-indicators {
        margin-bottom: 0;
    }


    /*    ====================*/
    .journey_date_time {
        justify-content: end;
        font-size: 11px;
    }

    .no_of_days span {
        font-size: 10px;
        padding: 2px 7px;

    }

    .start-header nav .navbar-nav {
        gap: 20px;
        padding: 20px;
        align-items: start;
    }

    .trend-item2>a {
        height: 200px;
    }


}

.highlight i {
    position: absolute;
    right: 24px;
    margin-top: -45px;
    font-size: 20px;
    opacity: 0.5;
}


@media only screen and (max-width: 768px) {
    .payment_banner .paymnet-caption span {
        padding-right: 0;
        margin-right: 0;
        border-right: 0;
    }

    .footer-grid-list a {
        margin: 0;
        margin-right: 4px;
    }

    /* ====================float whatsapp and call button====================== */
    .fixed__btns {
        height: 35px;
        gap: 3px;
    }

    .float {
        background-color: #fff;
        color: #000;
        cursor: pointer;
        border: 2px solid #000;
        border-radius: 30px;
    }

    .copyright-inner {
        padding-bottom: 40px !important;
    }

    .about-one__content {
        margin-top: 25px;
    }
}

@media(max-width: 400px) {
    .navbar-brand img {
        height: 56px;
    }

    .trend-full {
        padding: 6px;
    }
}

@media only screen and (min-width: 768px) {
    .search_form {
        position: relative;
        margin-top: -142px;
        left: 50%;
        margin-bottom: 30px;
        transform: translateX(-50%);
        width: 90%;
    }

    .textimonial-list {
        padding: 0 100px;
    }
}

@media only screen and (max-width: 600px) {
    .search_form {
        margin-top: 20px;
    }

    .search_form .tablink {
        font-size: 11px;
    }

    .roundedbox .active1:after {
        top: 44px !important;
        left: 50px !important;
    }

    .roundedbox .active:after {
        top: 44px !important;
    }

    .roundedbox .active2:after {
        top: 44px !important;
        right: 50px !important;
    }

    /*.main-bg {*/
    /*    margin-top: -100px;*/
    /*}*/
    .text_color {
        color: #000 !important;
    }

    .roundedbox {
        margin-top: 0px !important;
    }

    .tablink {
        font-size: 13px;
    }

    .inp-m {
        margin-top: 15px !important;
    }

    .main-bg {
        height: 45vh !important;
        background: white !important;
    }
}

.tablink i {
    line-height: 0;
    position: relative;
    top: 5px;
}

.roundedbox {
    margin-top: 70px;
    border-radius: 0px !important;
}

.cont {
    position: relative;
    left: 50%;
    top: 55%;
    transform: translate(-50%, -50%);
}

/*.main-bg{*/
/*    background-image: url(images/slider/slider-1-2.jpg);*/
/*}*/
.new {
    position: relative;
    margin-bottom: 25px;
}

.new::after {
    content: '';
    position: absolute;
    top: 100%;
    left: calc(50% - 10px);
    background: var(--theme-color);
    width: 10px;
    height: 10px;
    /* The points are: (left top: x y, right top: x y, center bottom: x y) */
    clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.new:hover {
    background: black;
}

.points ul {
    padding-left: 16px;
}

.points li {
    list-style-type: disc !important;
}

.list_type ul {
    margin-left: -16px !important;
}

.carousel-inner img {
    width: 100%;
    height: 580px;
    object-fit: cover;
    filter: brightness(0.8);
}

@media only screen and (max-width: 600px) {
    .search_form {
        width: 100% !important;
    }

    .carousel-inner img {
        width: 100%;
        height: 170px;
    }

    .custom-carousel-caption {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
    }

    .custom-carousel-caption .h3 {
        color: #fff;
        font-size: 25px;
        line-height: 30px;
        font-weight: 700;
        font-family: 'Oswald', sans-serif;
    }
}

.roundedbox .active:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin: 0 auto;
    position: absolute;
    top: 53px;
    left: 0;
    right: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid var(--theme-color);
}

.roundedbox .active1:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin: 0 auto;
    position: absolute;
    top: 53px;
    left: 15%;
    /*right: 0;*/
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid var(--theme-color);
}

.active1 {
    background: var(--theme-color);
}

.roundedbox .active2:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin: 0 auto;
    position: absolute;
    top: 53px;
    /*left: 0;*/
    right: 15%;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid var(--theme-color);
}

.cta-style-two {
    background: var(--theme-color) !important;
    filter: brightness(0.9);
}

.select2-container--default .select2-selection--single {
    border: none !important;
    height: 45px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 9px !important;
}

#select2-search-container {
    line-height: 50px;
}

.form-control,
#select2-search-container {
    font-size: 14px !important;
    border: none;
    margin: 0;
    background: #f2f2f2;
    border-radius: 10px;
    height: 45px;
    border-bottom: 1px solid var(--theme-color);

}

.form-control:focus {
    box-shadow: none;
    border-bottom: 1px solid var(--theme-color);
}

.search_form label {
    font-weight: 600;
}

/*  ====================*/
@media only screen and (max-width: 600px) {
    .tab_form {
        width: 100% !important;
        margin-top: 15px;
    }
}

@media only screen and (min-width: 768px) {
    .tab_form {
        position: absolute;
        top: 90px;
        left: 50px;
        background: #fff;
        z-index: 1000;
        overflow: hidden;
    }
}

.tab_form {
    width: 36%;
    border-radius: 30px;
}

.top_head {
    padding: 14px;
}

.tab_form .h4 {
    background: var(--theme-color);
    color: #fff;
    text-align: center;
    padding: 5px;
    margin-bottom: 0;
    border-radius: 20px 20px 0 0;
}

.tab_form .nav-tabs a {
    background: #f2f2f2;
    width: 100%;
    color: #000 !important;
    font-size: 14px;
}

#main_tab,
#second_tab {
    justify-content: space-between;
    text-align: center;
    border: none;
}

#main_tab .nav-item {
    width: 33%;
}

#second_tab .nav-item {
    width: 49%;
    margin-bottom: 15px;
}

.tab_form .nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: #fff !important;
}

.tab_form form {
    margin-top: 20px;
}

.search_cabs {
    background: var(--theme-color);
    color: #fff;
    width: 100%;
    border-radius: 20px !important;
    height: 50px !important;
    font-size: 22px;
}

/*custom_slider*/
#custom_slider {
    width: 100%;
    height: 100px;
    border-radius: 50px;
    background-color: #ffffff;
    box-shadow: 0 0 5px rgb(0 0 0 / 25%);
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

@media only screen and (min-width: 768px) {
    #custom_slider {
        position: sticky;
        z-index: 100;
        margin-top: -50px !important;
    }

    #custom_slider .border_right {
        border-right: 1px solid #C5C5C5;
    }
}

.trend-content .h4 {
    max-height: 45px;
    line-height: 23px;
}

.text-grey {
    color: #757575;
}

.tab_form i {
    position: absolute;
    right: 24px;
    margin-top: -45px;
    font-size: 20px;
    opacity: 0.5;
}

@media only screen and (min-width: 768px) {
    .custom-carousel-caption {
        position: absolute;
        top: 70px;
        left: 0;
        text-align: center;
        right: 0;
    }

    .custom-carousel-caption .h3:first-child {
        font-size: 66px;
    }

    .custom-carousel-caption .h3 {
        color: #fff;
        font-size: 80px;
        line-height: 1;
        font-weight: 700;
        font-family: var(--special-font);
    }
}

.style-highlight {
    color: var(--second-color);
    position: relative;
}

.style-highlight svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    transform: translate(-50%, -50%);
    overflow: visible
}

.style-highlight path {
    stroke: var(--second-color);
}

.style-highlight svg path {
    --animation-duration: 1200ms;
    animation: elementor-headline-dash forwards;
    animation-duration: var(--animation-duration, 1.2s);
    animation-iteration-count: 1;
}

.style-highlight svg path {
    stroke-width: 9;
    fill: none;
    opacity: 0;
    stroke-dasharray: 0 1500;
    transition: .3s;
}

@keyframes elementor-headline-dash {
    0% {
        stroke-dasharray: 0 1500;
        opacity: 1
    }

    to {
        stroke-dasharray: 1500 1500;
        opacity: 1
    }
}

@media(max-width: 768px) {
    #main_tab {
        margin-inline: -10px;
    }

    .tab_form .nav-tabs a {
        font-size: 13px;
        letter-spacing: -0.02em;
    }

    .tab_form .nav-tabs a {
        padding: 9px 4px !important;
    }

    .trend-content .h4 {
        max-height: 100%;
        overflow: visible;
    }

    .trend-content p {
        max-height: 100%;
        overflow: visible;
    }

    .multiple_buttons .grid_btn a {
        font-size: 12px;
        font-weight: 500;
    }

    .float {
        img {
            width: 20px;
            margin-right: 2px;
        }
    }

    .float {
        font-size: 14px;
    }

    .about-testimonials {
        margin-top: 20px;
    }

    #cities a {
        font-size: 12px;
    }

    #cities {
        text-align: left;
    }

    .show-grid ul li a {
        padding: 2px 0;
        font-size: 12px;
    }
}

.tab_form .tab-content .nav-tabs a {
    padding-block: 6px !important;
}

.main_pages {

    .bg-banner {
        overflow: hidden;
    }

    .bg-banner::before {
        content: "";
        position: absolute;
        left: -44px;
        bottom: 0;
        width: 49%;
        height: 100%;
        background: linear-gradient(90deg, #00364ceb 60%, #0a3f54f7 50%);
        /* filter: blur(7px); */
        clip-path: polygon(0% -100%, 100% 100%, 0% 100%);
    }

    .breadcrumb {
        text-align: left;
    }

    .same-section-spacing {
        padding: 50px 0;
    }

    @media(max-width: 768px) {
        .same-section-spacing {
            padding: 50px 0;
        }

        .bg-banner::before {
            width: 64%;
        }

        .breadcrumb {
            text-align: left;
            font-size: 12px;
            padding: 0;
            margin-bottom: 10px;
        }

        .banner-box h2 {
            font-size: 20px;
        }
    }
}

@media(max-width: 768px) {
    .blog-item-info {
        padding: 15px;
    }

    .blog-item-info .blog-title a {
        font-size: 20px;
    }

    .blog-item-img img {
        height: 300px;
    }
}



/* ============================================= */

.reservation-box {
    background-color: #6c6c6c;
    border-radius: 10px;
    padding: 20px;
    margin: 50px auto;
    color: white;
    padding-top: 47px;
}

.reservation-header {
    position: relative;
    padding: 0.4rem 0.5em;
    font-size: 18px;
    font-weight: 500;
    margin: -20px 0 1.5rem -20px !important;
    color: #ffffff !important;
    border-radius: 0 0.156em 0.156em 0;
    background: var(--theme-color);
    box-shadow: 1px 1px 6px 1px rgba(00, 0, 0, 0.5);
    height: 3rem;
    font-family: 'Oswald', sans-serif;
    line-height: 2;
}

.reservation-header:before,
.reservation-header:after {
    position: absolute;
    content: '';
    display: block;
}

.reservation-header:before {
    width: 9px;
    height: 120%;
    padding: 0 0 0.438em;
    top: 0;
    left: -0.469em;
    background: inherit;
    border-radius: 0.313em 0 0 0.313em;
}

.reservation-header:after {
    width: 0.35em;
    height: 0.313em;
    background: rgba(0, 0, 0, 0.35);
    bottom: -6px;
    left: -0.313em;
    border-radius: 0.313em 0 0 0.313em;
    box-shadow: inset -1px 2px 2px rgba(0, 0, 0, 0.3);
}


.reservation-box .tab-content {
    background-color: #2e2e2e;
    padding: 20px;
    border-radius: 5px;
}

.reservation-box .nav-tabs .nav-link {
    padding: 8px 10px !important;
}

.reservation-box .nav-tabs .nav-link.active {
    background-color: white !important;
    color: black !important;
}

.reservation-box .trip-tabs .nav-link.active {
    background-color: var(--theme-color) !important;
    color: #ffffff !important;
    font-weight: bold;
}

.reservation-box .form-control,
.reservation-box #select2-search-container {
    background-color: white;
    color: black;
    border-radius: 0 !important;
    margin-bottom: 0 !important;
}

.reservation-box .btn-find {
    background-color: var(--theme-color);
    font-weight: bold;
    border: none;
}

#tripTab {
    border-bottom: 0;
}

#out-city .tab-content {
    padding: 0;
}

#tripTab .nav-link {
    margin-right: 10px;
    border-color: transparent;
    border-radius: 0;
}

#tripTab .nav-link::before {
    content: " ";
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    width: 1px;
    height: 24px;
    border: 1px solid var(--theme-color);
    border-radius: 1px;
}

.inputFields {
    display: flex;
    gap: 10px;
}

.inputFields .field {
    width: -webkit-fill-available;
}

.inputFields .field .btn {
    width: 100%;
    height: 50px;
    border-radius: 0;
}

.multicitybuttons a {
    font-size: 1.5em;
    border-radius: 50%;
    background: rgb(255, 255, 255);
    padding: 0px 1px 0px 2px;
}

.close-popup-btn {
    position: relative;
    z-index: 2;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    border: none;
    text-transform: uppercase;
    text-align: center;
    color: #fff !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    padding: 15px 29px;
    border-radius: 5px;
}

.other_terms_btn {
    font-weight: 700;
    text-decoration: underline !important;
    font-size: 14px;
    color: #000!important;
}

#chargesAndTaxes {
    z-index: 100000;
    background-color: rgb(0 0 0 / 62%);
}

#chargesAndTaxes p {
    font-size: 15px;
    line-height: 1.5em;
    margin-bottom: 5px;
}