@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
:root {
    --logo-orange: #f1592a;
    --logo-dark-orange: #ef3f36;
    --logo-red: #ee1c25;
    --logo-black: #231f20;
}
*,
*::before,
*::after {
    box-sizing: border-box;
}
html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    direction: ltr;
    overflow-x: auto;
    overflow-y: scroll;
    font-size: 14px;
}
@media (max-width: 1366px) {
    html {
        font-size: 13px;
    }
}
@media (max-width: 1200px) {
    html {
        font-size: 12px;
    }
}
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    background-color: #fff;
    font-family: "Poppins", sans-serif;
    color: var(--logo-black);
    line-height: 1.45;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    letter-spacing: 0;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    position: relative; /* Reklam kutusu */
}
a,
a:hover,
a:focus {
    text-decoration: none;
}
ul {
    list-style: none;
}
header {
    display: block;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    z-index: 100;
    background: #fff;
    box-shadow: 0 2px 20px 0px rgba(0, 0, 0, 0.04);
    border: none;
    outline: none;
    border-top: 2px solid #DF3C44;
}

header .navbar {
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0px 20px;
    overflow: hidden;
    width: 1320px;
    min-width: 1320px;
    max-width: 1320px;
    margin: 0 auto;
}
.navbar .logo img {
    width: 160px;
    min-width: 160px;
    max-width: 160px;
    vertical-align: middle;
    user-select: none;
}
@media (max-width: 1400px) {
    header .navbar {
        width: 1200px;
        min-width: 1200px;
        max-width: 1200px;
    }
    .navbar .logo img {
        width: 150px;
        min-width: 150px;
        max-width: 150px;
    }
}
@media (max-width: 1200px) {
    header .navbar {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        padding: 10px;
    }
    .navbar .logo img {
        width: 130px;
        min-width: 140px;
        max-width: 140px;
    }
}
@media (max-width: 575px) {
    .navbar .logo img {
        width: 100px;
        min-width: 120px;
        max-width: 120px;
    }
}
.navbar .toggle {
    display: none;
    flex-direction: column;
    width: 35px;
    cursor: pointer;
}
@media (max-width: 1200px) {
    .navbar .toggle {
        display: flex;
    }
}
.navbar .toggle .hamburger {
    border-radius: 10px;
    height: 3px;
    margin: 3px 0;
    -webkit-transition: .4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
    transition: .4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}
.navbar .toggle .hamburger:nth-of-type(1) {
    width: 50%;
    background: #82868b;
}
.navbar .toggle .hamburger:nth-of-type(2) {
    width: 100%;
    background: var(--logo-dark-orange);
}
.navbar .toggle .hamburger:nth-of-type(3) {
    width: 75%;
    background: var(--logo-black);
}
.navbar .toggle.active .hamburger:nth-of-type(1) {
    background: #82868b;
    transform-origin: bottom;
    transform: rotateZ(45deg) translate(3px,0px);
}
.navbar .toggle.active .hamburger:nth-of-type(2) {
    background: #82868b;
    transform-origin: top;
    transform: rotateZ(-45deg);
}
.navbar .toggle.active .hamburger:nth-of-type(3) {
    background: #82868b;
    transform-origin: bottom;
    width: 50%;
    transform: translate(15px, -3px) rotateZ(45deg);
}
@media (max-width: 1200px) {
    .navbar .menu {
        display: none;
    }
}
.navbar .menu .main-menu {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.navbar .menu .main-menu .menu-item {
    line-height: 1.5;
}
.navbar .menu .main-menu .menu-item .menu-link {
    padding: 10px 12px;
    margin-right: 0;
    display: flex;
    cursor: pointer;
    color: var(--logo-black);
    font-size: 15px;
    font-weight: 400;
    position: relative;
}
ul#mainMenuNavigation > li > .menu-link::after,
ul#mainMenuNavigation > li > a::after {
    -webkit-transition: .2s;
    transition: .2s;
    position: absolute;
    bottom: 5px;
    left: 50%;
    display: block;
    overflow: hidden;
    margin-left: 0;
    width: 0;
    height: 0;
    background: var(--logo-red);
    content: "";
    border-radius: 7px;
}
ul#mainMenuNavigation > li.active > .menu-link::after,
ul#mainMenuNavigation > li.active > a::after,
ul#mainMenuNavigation > li:hover > .menu-link::after,
ul#mainMenuNavigation > li:hover > a::after {
    bottom: 0;
    height: 2px;
    width: 30px;
    margin-left: -15px;
}
.navbar .phone {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 5px;
}
@media (max-width: 1200px) {
    .navbar .phone {
        display: none;
    }
}
.navbar .phone .number-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.navbar .phone .icon-phone-call {
    color: #fff;
    font-size: 14px;
    background: var(--logo-red);
    padding: 8px;
    border-radius: 50%;
    margin-right: 3px;
}
.navbar .phone .text {
    color: var(--logo-red);
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    width: 65px;
}
.navbar .phone .phone-number {
    color: var(--logo-red);
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
}
.navbar .phone .phone-number:hover {
    text-decoration: underline;
}
.navbar .social {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    position: relative;
}
@media (max-width: 1200px) {
    .navbar .social {
        display: none;
    }
}
.navbar > .social > a {
    font-size: 18px;
    color: #636363;
    -webkit-transition: 200ms;
    transition: 200ms;
}
.navbar > .social > a::before {
    content: attr(data-social);
    position: absolute;
    background-color: var(--accent-color);
    color: #fff;
    font-size: 10px;
    text-decoration: none;
    padding: 5px;
    border-radius: 20px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.04);
    transform: translate(-15px,30px) rotate(25deg);
    opacity: 0;
    -webkit-transition: 200ms cubic-bezier(.42,0,.44,1.68);
    transition: 200ms cubic-bezier(.42,0,.44,1.68);
}
.navbar > .social > a:hover {
    color: var(--accent-color);
}
.navbar .social a:hover::before {
    transform: translate(-30px,24px) rotate(0);
    opacity: 1;
}
.mobile-menu-container {
    display: flex;
    visibility: hidden;
    position: fixed;
    flex-direction: column;
    justify-content: flex-start;
    background: #fff;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: calc(100% - 61px);
    min-height: calc(100% - 61px);
    max-height: calc(100% - 61px);
    padding: 20px 35px;
    right: -100%;
    top: 61px;
    z-index: 102;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
@media (max-width: 575px) {
    .mobile-menu-container {
        height: calc(100% - 56px);
        min-height: calc(100% - 56px);
        max-height: calc(100% - 56px);
        top: 56px;
    }
}
@media (max-width: 1200px) {
    .mobile-menu-container.active {
        visibility: visible;
        right: 0;
    }
}
.mobile-menu-container .menu {
    margin: 10px 0 60px;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #ececec;
}
.mobile-menu-container .menu .main-menu {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
}
.mobile-menu-container > .menu > .main-menu > .menu-item > a.menu-link {
    display: block;
    position: relative;
    padding: 15px 0;
    font-size: 14px;
    font-weight: 400;
    color: var(--logo-black);
}
#mobileMenu .menu > ul.main-menu > .menu-item > .menu-link::after,
#mobileMenu .menu > ul.main-menu > .menu-item > a::after {
    -webkit-transition: .2s;
    transition: .2s;
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    overflow: hidden;
    margin-left: 0;
    width: 0;
    height: 0;
    background: var(--logo-red);
    content: "-";
    border-radius: 7px;
}
#mobileMenu > .menu > .main-menu > .menu-item.active > a.menu-link {
    font-weight: 500;
}
#mobileMenu .menu > ul.main-menu > li.active > .menu-link::after,
#mobileMenu .menu > ul.main-menu > li.active > a::after {
    height: 2px;
    width: 30px;
}
.mobile-menu-container .phone {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}
.mobile-menu-container .phone .phone-link {
    padding: 10px 30px;
    background: var(--logo-red);
    border-radius: 30px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    vertical-align: middle;
}
.mobile-menu-container .phone .phone-link .icon-phone-call {
    margin-right: 10px;
}
.mobile-menu-container .social-menu {
    display: flex;
    flex-direction: row;
    gap: 25px;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}
.mobile-menu-container .social-menu .social-link {
    font-size: 26px;
    color: #636363;
}
main.main {
    display: block;
    z-index: 95;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    left: 0;
    border: none;
    outline: none;
    background-color: #fff;
    margin-top: 70.5px;
    overflow-x: hidden;
}
@media (max-width: 1400px) {
    main.main {
        margin-top: 68.5px;
    }
}
@media (max-width: 1200px) {
    main.main {
        margin-top: 62.58px;
    }
}
@media (max-width: 575px) {
    main.main {
        margin-top: 56.5px;
    }
}
footer.footer {
    padding: 2.1428rem 0;
    margin-top: 60px;
    position: static;
    min-height: 3.35rem;
    -webkit-transition: .3s;
    transition: .3s;
    background-color: var(--logo-black);
}
@media (max-width: 991px) {
    footer.footer {
        margin-top: 20px;
    }
}
@media (max-width: 767px) {
    footer.footer {
        margin-top: 20px;
        padding-bottom: 100px;
    }
}
footer .container {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 576px) {
    footer .container {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    footer .container {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    footer .container {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    footer .container {
        max-width: 1140px;
    }
}
@media (min-width: 1280px) {
    footer .container {
        max-width: 1190px;
    }
}
@media (min-width: 1440px) {
    footer .container {
        max-width: 1190px;
    }
}
footer .footer-top {
    padding-bottom: 2.1428rem;
    border-bottom: #313338;
}
footer .footer-top,
footer .footer-center,
footer .footer-bottom {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
}
footer .footer-top .column {
    padding: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    margin-bottom: 1.5rem;
    margin-top: 0;
}
@media (min-width: 768px) {
    footer .footer-top .column {
        flex: 0 0 auto;
        width: 50%;
    }
}
@media (min-width: 1190px) {
    footer .footer-top .column {
        flex: 0 0 auto;
        width: 33.33333%;
        margin-bottom: 0;
    }
}
.footer .row {
    display: flex;
    flex-direction: row;
    margin-bottom: 5px;
}
.footer .avatar {
    white-space: nowrap;
    background-color: #272727;
    border-radius: 15px;
    position: relative;
    padding: 1.4285rem;
    cursor: unset;
    display: inline-flex;
    text-align: center;
    vertical-align: middle;
    font-size: 1.58rem;
    line-height: 1.58rem;
    font-weight: 600;
    color: #fff;
    margin-right: 1rem;
}
.footer .mg-auto {
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 10px;
}
.footer .avatar-content {
    width: fit-content;
    height: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.footer .f-card-head {
    color: #fff;
    font-weight: 500;
    margin-bottom: 0;
    text-decoration: none;
}
.footer .f-card-text {
    font-size: 1rem;
    line-height: 1.4285rem;
    color: #bdbdbd;
    margin-bottom: 0;
    margin-top: 0;
}
.footer .footer-center {
    padding-top: 2.1428rem;
}
.footer-center .corporate-container {
    padding: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    margin-top: 0;
}
@media (min-width: 768px) {
    .footer-center .corporate-container {
        flex: 0 0 auto;
        width: 50%;
    }
}
@media (min-width: 992px) {
    .footer-center .corporate-container {
        flex: 0 0 auto;
        width: 33.33333%;
    }
}
@media (max-width: 991px) {
    .footer-center .corporate-container {
        order: 3;
    }
}
@media (max-width: 767px) {
    .footer-center .corporate-container {
        order: 2;
    }
}
.footer .footer-center .footer-head {
    font-size: 1.142rem;
    color: #fff;
    margin-bottom: 1.428rem;
    padding-left: 1.3rem;
    line-height: 1.5rem;
    margin-top: 0;
}
.footer .footer-center ul {
    padding-left: 0;
    list-style: none;
    margin-top: 0;
    margin-bottom: 1rem;
}
.footer .footer-center .corporate-menu {
    height: 75%;
    margin-right: 110px;
}
@media (max-width: 991px) {
    .footer .footer-center .corporate-menu {
        height: 100%;
        margin-right: 0 !important;
    }
}
.footer .footer-center ul li {
    padding-bottom: 1.428rem;
    cursor: pointer;
}
.footer .footer-center ul li:hover a,
.footer .footer-center ul li:hover span {
    color: #fff;
}
.footer .footer-center ul li span {
    color: #bdbdbd;
    font-size: 1.3rem;
    position: relative;
    padding-right: 5px;
    top: 2px;
    -webkit-transition: .2s;
    transition: .2s;
}
.footer .footer-center ul li a {
    font-size: 1rem;
    color: #bdbdbd;
    font-weight: 300;
    -webkit-transition: .2s;
    transition: .2s;
    text-decoration: none;
}
.footer-center .footer-links {
    padding: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    margin-top: 0;
}
@media (min-width: 768px) {
    .footer-center .footer-links {
        flex: 0 0 auto;
        width: 33.33333%;
    }
}
@media (max-width: 991px) {
    .footer-center .footer-links {
        width: 50%;
    }
}
@media (max-width: 767px) {
    .footer-center .footer-links {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .footer .footer-center .discover-menu-01 {
        margin-bottom: 0;
    }
    .footer .footer-center .discover-menu-02 {
        padding-bottom: 1rem;
        margin-bottom: 2.1428rem;
        border-bottom: 1px solid #313338;
    }
}
.footer .footer-center .footer-head-none {
    display: none;
    line-height: 1.5rem;
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 1rem;
}
@media (min-width: 768px) {
    .footer .footer-center .footer-head-none {
        display: block !important;
    }
}
.footer .to-inform {
    border-top: 1px solid #313338;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    margin-top: 0;
    padding: 0;
}
@media (min-width: 768px) {
    .footer .to-inform {
        flex: 0 0 auto;
        width: 50%;
    }
}
@media (min-width: 992px) {
    .footer .to-inform {
        flex: 0 0 auto;
        width: 100%;
    }
}
@media (max-width: 991px) {
    .footer .to-inform {
        order: 4;
        border-top: unset;
    }
}
@media (max-width: 767px) {
    .footer .to-inform {
        margin-bottom: 0;
        border-bottom: unset;
    }
}
.footer ul.to-inform-list {
    display: flex;
    gap: 1.428rem;
    margin: 30px 0;
    justify-content: flex-end;
}
@media (max-width: 991px) {
    .footer .to-inform-list {
        flex-direction: column;
    }
}
@media (max-width: 767px) {
    .footer .to-inform-list {
        margin: 30px 0 0;
    }
}
.footer ul.to-inform-list li {
    border-right: 1px solid #313338;
    padding-right: 20px;
    padding-bottom: 0;
}
@media (max-width: 991px) {
    .footer ul.to-inform-list li {
        border-right: unset;
    }
}
.footer ul.to-inform-list li:last-child {
    border-right: unset;
    padding-right: 0;
}
.footer .footer-bottom {
    padding-top: 2.1428rem;
    border-top: 1px solid #313338;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
}
@media (max-width: 767px) {
    .footer .footer-bottom {
        border-top: none;
    }
}
.footer-bottom .footer-bottom-container {
    padding: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    margin-top: 0;
}
@media (min-width: 768px) {
    .footer-bottom .footer-bottom-container {
        flex: 0 0 auto;
        width: 100%;
    }
}
.footer-bottom .footer-bottom-container .footer-bottom-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer-bottom .footer-bottom-wrapper .footer-bottom-box {
    width: 100%;
}
.footer-bottom .footer-bottom-box .footer-bottom-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media (max-width: 991px) {
    .footer-bottom .footer-bottom-box .footer-bottom-inner {
        flex-direction: column;
        align-items: start;
        gap: 12px;
    }
}
@media (min-width: 768px) {
    .footer-bottom .footer-bottom-inner .copyright-contaier,
    .footer-bottom .footer-bottom-inner .payment-container,
    .footer-bottom .footer-bottom-inner .tursab-container {
        margin-right: 1rem;
    }
}
@media (min-width: 992px) {
    .footer-bottom .footer-bottom-inner .copyright-contaier,
    .footer-bottom .footer-bottom-inner .payment-container,
    .footer-bottom .footer-bottom-inner .tursab-container {
        margin-top: 0;
        margin-bottom: 0;
    }
}
@media (max-width: 991px) {
    .footer-bottom .footer-bottom-inner .copyright-contaier {
        order: 3;
    }
    .footer-bottom .footer-bottom-inner .payment-container {
        order: 2;
    }
}
@media (max-width: 767px) {
    .footer-bottom .footer-bottom-inner .copyright-contaier {
        order: 2;
        padding-bottom: 25px;
        width: 100%;
    }
    .footer-bottom .footer-bottom-inner .payment-container {
        width: 100%;
        order: 3;
    }
    .footer-bottom .footer-bottom-inner .tursab-container {
        order: 1;
        margin-bottom: 10px;
        padding-bottom: 2.1428rem;
        border-bottom: 1px solid #313338;
        width: 100%;
    }
}
.footer-bottom .social-wrapper {
    display: flex;
    align-items: center;
}
.footer-bottom .social-wrapper ul {
    display: flex;
    flex-direction: row;
    border-radius: .25rem;
    padding-left: 0;
    margin-bottom: 0;
    flex-wrap: wrap;
    list-style: none;
    margin-top: 0;
}
.footer-bottom .social-wrapper ul li:first-child {
    margin-left: 0;
}
.footer-bottom .social-wrapper ul li {
    margin-left: 10px;
}
.footer-bottom .social-wrapper ul li a {
    font-size: 16px;
    color: #fff;
    padding-right: 0;
    padding-left: 0;
    display: block;
    padding: .358rem 0;
    -webkit-transition: none;
    transition: none;
    text-decoration: none;
}
.footer-bottom .copyright-text {
    font-size: .857rem;
    font-weight: 300;
    color: #fff;
}
@media (max-width: 767px) {
    .footer-bottom .copyright-text {
        font-size: 12px;
    }
}
.footer-bottom .copyright-text a {
    color: #fff;
    -webkit-transition: .2s;
    transition: .2s;
    text-decoration: none;
}
.footer-bottom .payment-container img {
    vertical-align: middle;
    max-width: 315px;
    max-height: 21px;
}
.footer-bottom .tursab-container img {
    vertical-align: middle;
}
.whatsapp-button-container {
    position: fixed;
    bottom: 16px;
    right: 0;
    left: auto;
    z-index: 100;
    text-decoration: none;
}
@media (max-width: 1200px) {
    .whatsapp-button-container {
        display: none;
    }
}
.whatsapp-button-container .whatsapp-button {
    width: auto;
    height: auto;
    background-color: #25d366;
    box-shadow: 0 3px 12px rgba(0, 0, 0, .15);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    border-radius: 20px;
    padding: 7px 22px;
    margin-left: 16px;
    cursor: pointer;
    user-select: none;
    position: relative;
}
.whatsapp-button-container .whatsapp-button .icon-whatsapp {
    font-size: 20px;
    color: #fff;
}
.whatsapp-button-container .whatsapp-button .whatsapp-text {
    line-height: 20px;
    font-size: 15px;
    font-weight: 500;
    margin-left: 8px;
    color: #fff;
}
.quick-action-bar {
    position: fixed;
    right: 20px;
    left: auto;
    visibility: visible;
    width: 50px;
    z-index: 101;
    bottom: 20px;
    height: 50px;
    -webkit-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
}
@media (min-width: 1200px) {
    .quick-action-bar {
        display: none;
    }
}
.quick-action-bar .overlay {
    opacity: 0;
    display: none;
    background-color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
    width: 100%;
    height: 100vh;
    z-index: -2;
}
.quick-action-bar.active .overlay {
    opacity: .9;
    display: block;
}
.quick-action-bar .action-button {
    fill: rgb(70, 130, 180);
    background: rgba(0, 138, 252, 1);
    border: 0px solid rgba(255, 255, 255 ,1);
    border-radius: 50%;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.quick-action-bar .action-button ul {
    display: flex;
    justify-content: center;
    line-height: 50px;
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    width: 100%;
}
.quick-action-bar .action-button ul li {
    font-size: 10px;
}
.quick-action-bar .action-button ul li::before {
    background: rgb(255, 255, 255);
    border-radius: 27px;
    content: "";
    display: inline-block;
    height: 6px;
    opacity: 1;
    transform: scale(1);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 6px;
}
.quick-action-bar .action-button ul .dot-1::before {
    margin-right: 3px;
}
.quick-action-bar .action-button ul .dot-2::before {
    margin-right: 3px;
}
.quick-action-bar .action-button ul .dot-3::before {
    margin-right: 0;
}
.quick-action-bar.active .action-button ul .dot-1::before {
    height: 3px;
    transform: translate(11.5px, -2px) rotate(-45deg);
    width: 17px;
}
.quick-action-bar.active .action-button ul .dot-2::before {
    height: 0;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    width: 0;
}
.quick-action-bar.active .action-button ul .dot-3::before {
    height: 3px;
    margin-right: 0;
    transform: translate(-11.5px, -2px) rotate(45deg);
    width: 17px;
}
.quick-action-bar .action-container {
    display: none;
    min-height: 50px;
    min-width: 50px;
    position: absolute;
    bottom: 0;
    pointer-events: none;
}
.quick-action-bar.active .action-container {
    display: block;
}
.quick-action-bar .action-container .whatsapp-message {
    -webkit-transition: opacity .3s .24s;
    transition: opacity .3s .24s;
    background-color: rgb(33, 211, 102);
    color: #fff;
    border-radius: 50%;
    display: block;
    height: 44px;
    margin: 0 auto 14px;
    position: relative;
    width: 44px;
    padding: 0;
    pointer-events: auto;
    cursor: pointer;
    text-decoration: none;
}
.quick-action-bar .action-container .logo {
    fill: #fff;
    border: 0px solid #fff;
    border-radius: 50%;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.3);
    height: 100%;
    width: 100%;
    position: relative;
}
.quick-action-bar .action-container .logo svg {
    height: 17px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 28px;
    font-size: 10px;
}
.quick-action-bar .action-container .text {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 8px #ccc;
    color: #1d2d3c;
    left: -16px;
    max-width: 160px;
    padding: 6px 8px;
    position: absolute;
    top: 50%;
    transform: translate(-100%, -15px);
    letter-spacing: .2px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
}
.quick-action-bar .action-container .address-location {
    -webkit-transition: opacity .3s .16s;
    transition: opacity .3s .16s;
    background-color: rgb(253, 111, 2);
    color: #fff;
    border-radius: 50%;
    display: block;
    height: 44px;
    margin: 0 auto 14px;
    position: relative;
    width: 44px;
    padding: 0;
    pointer-events: auto;
    cursor: pointer;
    text-decoration: none;
}
.quick-action-bar .action-container .phone-call {
    -webkit-transition: opacity .3s .08s;
    transition: opacity .3s .08s;
    background-color: rgb(99, 201, 86);
    color: #fff;
    border-radius: 50%;
    display: block;
    height: 44px;
    margin: 0 auto 14px;
    position: relative;
    width: 44px;
    padding: 0;
    pointer-events: auto;
    cursor: pointer;
    text-decoration: none;
}
.quick-action-bar .action-container .email-send {
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    background-color: rgb(190, 24, 103);
    color: #fff;
    border-radius: 50%;
    display: block;
    height: 44px;
    margin: 0 auto 14px;
    position: relative;
    width: 44px;
    padding: 0;
    pointer-events: auto;
    cursor: pointer;
    text-decoration: none;
    margin-bottom: 66px !important;
}
.main .reservation {
    display: block;
    height: 640px;
    background-color: #fff;
    background-size: cover;
    background-image: url("../images/main-background.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 auto;
    position: relative;
}
@media (max-width: 991px) {
    .main .reservation {
        height: auto;
        padding-bottom: 10px;
        background-image: none;
        margin: 0 1.5rem;
    }
}
@media (max-width: 767px) {
    .main .reservation {
        margin: 0 !important;
    }
}
.main .reservation .container-xxl {
    padding: 0 !important;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 576px) {
    .main .reservation .container-xxl {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .main .reservation .container-xxl {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .main .reservation .container-xxl {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .main .reservation .container-xxl {
        max-width: 1140px;
    }
}
@media (min-width: 1280px) {
    .main .reservation .container-xxl {
        max-width: 1190px;
    }
}
@media (max-width: 767px) {
    .main .reservation .container-xxl {
        max-width: 720px;
    }
}
.main .reservation .swiper-row {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
    margin-right: calc(2rem * -0.5);
    margin-left: calc(2rem * -0.5);
}
@media (max-width: 991px) {
    .main .reservation .swiper-row {
        background-image: url("../images/main-background.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        border-radius: 10px;
        margin: 0;
    }
}
@media (max-width: 767px) {
    .main .reservation .swiper-row {
        margin: 0 14px;
    }
}
.main .reservation .home-swiper-wrapper {
    margin-top: 7.8571rem;
    margin-left: -3.8rem;
    padding: 0;
    display: flex;
    max-width: 100%;
}
@media (min-width: 768px) {
    .main .reservation .home-swiper-wrapper {
        flex: 0 0 auto;
        width: 100%;
    }
}
@media (min-width: 992px) {
    .main .reservation .home-swiper-wrapper {
        flex: 0 0 auto;
        width: 66.66667%;
    }
}
@media (max-width: 1440px) {
    .main .reservation .home-swiper-wrapper {
        margin-left: 15px;
    }
}
@media (max-width: 991px) {
    .main .reservation .home-swiper-wrapper {
        margin-left: 0;
        padding: 30px 20px !important;
        margin-top: 0;
    }
}
@media (max-width: 767px) {
    .main .reservation .home-swiper-wrapper {
        margin-top: 1rem;
        padding: 20px !important;
    }
}
@media (max-width: 575px) {
    .main .reservation .home-swiper-wrapper {
        margin-top: 0;
    }
}
.main .reservation .button-prev {
    margin-right: 2.142rem;
    border: 1px solid #797979;
    border-radius: 50%;
    border-image: none;
    color: #fff;
    width: 50px;
    height: 50px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
    transition: .2s;
    position: relative;
    /* top: unset !important; */
    left: 0;
    right: auto;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: auto;
    margin-bottom: auto;
}
@media (max-width: 991px) {
    .main .reservation .button-prev {
        display: none !important;
    }
}
.main .reservation .button-prev::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23303030' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px;
    content: "";
    padding-right: 1px;
    width: 52px;
    height: 52px;
    color: #6e6b7b;
}
.main .reservation .swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    /* list-style: none; */
    padding: 0;
}
.main .reservation .swiper-container-horizontal {
    touch-action: pan-y;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    padding: 0;
}
.main .reservation .swiper-wrapper {
    transform: translateX(0px);
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    transition-property: transform;
    transition: all 1s cubic-bezier(0.35, 0.24, 0.15, 0.88);
    box-sizing: content-box;
}
.main .reservation .swiper-slide {
    margin-right: 30px;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}
.main .reservation .swiper-text-head {
    font-size: 1.7142rem;
    font-weight: 300;
    color: #000;
}
@media (max-width: 767px) {
    .main .reservation .swiper-text-head {
        font-size: 11px;
    }
}
.main .reservation .swiper-text {
    font-size: 2.859rem;
    font-weight: 500;
    line-height: 3.8571rem;
    color: #000;
    letter-spacing: -1px;
}
/* @media (max-width: 991px) {
    .main .reservation .swiper-text {
        text-wrap: balance;
        width: 75%;
    }
} */
@media (max-width: 991px) {
    .main .reservation .swiper-text-head,
    .main .reservation .swiper-text {
        color: #fff;
    }
}
@media (max-width: 767px) {
    .main .reservation .swiper-text {
        font-size: 16px;
        line-height: 20px;
    }
}
.main .reservation .button-next {
    right: 0;
    margin-left: 1.142rem;
    border: 1px solid #797979;
    border-radius: 50%;
    background-image: none;
    color: #fff;
    width: 60px;
    height: 60px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
    transition: .2s;
    position: relative;
    /* top: unset !important; */
    left: auto;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: auto;
    margin-bottom: auto;
}
@media (max-width: 991px) {
    .main .reservation .button-next {
        display: none !important;
    }
}
.main .reservation .button-next::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23303030' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px;
    content: "";
    padding-right: 2px;
    width: 62px;
    height: 62px;
    color: #6e6b7b;
}
.main .reservation .row {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
    margin-right: calc(2rem * -.5);
    margin-left: calc(2rem * -.5);
}
.main .reservation .main-form {
    margin-top: 5rem;
    position: relative;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(2rem * .5);
    padding-left: calc(2rem * .5);
}
@media (min-width: 768px) {
    .main .reservation .main-form {
        flex: 0 0 auto;
        width: 100%;
    }
}
@media (max-width: 991px) {
    .main .reservation .main-form {
        margin-top: 2rem;
    }
}
.main .reservation .form-tabs {
    display: flex;
    overflow: hidden;
    position: relative;
}
@media (max-width: 767px) {
    .main .reservation .form-tabs {
        margin-left: 14px;
    }
}
.main .reservation .tablinks {
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .525rem;
    padding: 10px 15px;
    border-radius: .188rem .188rem 0 0;
    transition: color .2s ease-out;
    -webkit-margin-end: .313rem;
    margin-inline-end: .313rem;
    line-height: 1.6;
    font-size: 14px;
    font-weight: 500;
    color: #647281;
    cursor: pointer;
    background-color: #f4f5f8;
}
@media (max-width: 575px) {
    .main .reservation .tablinks {
        padding: 10px;
    }
}
.main .reservation .tablinks i {
    font-size: 14px;
}
.main .reservation .tablinks svg {
    width: 15px;
    height: 15px;
    display: inline-block;
}
.main .reservation .tablinks.active {
    background-color: var(--logo-red);
    color: #fff;
}
.main .reservation .form-container {
    display: none;
    background-color: #fff;
    padding-inline: 1.625rem;
    padding-block: 1.875rem 1.25rem;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 6%);
    border-radius: 0 .188rem .188rem;
}
@media (max-width: 767px) {
    .main .reservation .form-container {
        padding: 14px;
    }
}
.main .reservation #TransferContent {
    display: block;
}
.main .reservation #TransferForm {
    position: relative;
}
.main .reservation .transfer-form {
    display: flex;
    gap: 22px;
    justify-content: space-between;
}
@media (max-width: 1199px) {
    .main .reservation .transfer-form {
        flex-direction: column;
        justify-content: flex-start;
    }
}
@media (max-width: 767px) {
    .main .reservation .transfer-form {
        gap: 14px;
    }
}
.main .reservation .cont-starting-end {
    display: flex;
    gap: 22px;
    justify-content: space-between;
    position: relative; /*Başlangıç ve Bitiş Adresleri Aynı Olmamalıdır popover*/
}
@media (max-width: 1199px) {
    .main .reservation .cont-starting-end {
        gap: 22px;
        justify-content: flex-start;
    }
}
@media (max-width: 767px) {
    .main .reservation .cont-starting-end {
        flex-direction: column;
        gap: 14px;
    }
}
.main .reservation .form-floating {
    position: relative;
}
.main .reservation .form-floating #aNoktasi {
    background-image: url("data:image/svg+xml,%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2030%2030%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22800px%22%20height%3D%22800px%22%20fill%3D%22%23000000%22%3E%3Cg%20stroke-width%3D%220%22%2F%3E%3Cg%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cg%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3Bstroke%3A%236C3DB7%3Bstroke-width%3A4%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st1%7Bfill%3Anone%3Bstroke%3A%231F992A%3Bstroke-width%3A4%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st2%7Bfill%3Anone%3Bstroke%3A%236A83BA%3Bstroke-width%3A4%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st3%7Bfill%3A%238A8AFF%3Bstroke%3A%238A8AFF%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st4%7Bfill%3A%236C3DB7%3Bstroke%3A%236C3DB7%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st5%7Bfill%3A%23A576FF%3Bstroke%3A%23A576FF%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st6%7Bfill%3A%23F2BB41%3Bstroke%3A%23F2BB41%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st7%7Bfill%3A%23E08838%3Bstroke%3A%23E08838%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st8%7Bfill%3A%231F992A%3Bstroke%3A%231F992A%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st9%7Bfill%3A%235EC11E%3Bstroke%3A%235EC11E%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st10%7Bfill%3A%2350cc00%3Bstroke%3A%2350cc00%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st11%7Bfill%3A%23595959%3Bstroke%3A%23595959%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st12%7Bfill%3A%23ffffff%3Bstroke%3A%23ffffff%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st13%7Bfill%3A%235189E5%3Bstroke%3A%235189E5%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st14%7Bfill%3A%236EBAFF%3Bstroke%3A%236EBAFF%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st15%7Bfill%3A%23EDD977%3Bstroke%3A%23EDD977%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st16%7Bfill%3A%238C43FF%3Bstroke%3A%238C43FF%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st17%7Bfill%3A%235252BA%3Bstroke%3A%235252BA%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st18%7Bfill%3Anone%3Bstroke%3A%2350cc00%3Bstroke-width%3A4%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st19%7Bfill%3A%23354C75%3Bstroke%3A%23354C75%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20%3C%2Fstyle%3E%3Cpath%20class%3D%22st11%22%20d%3D%22M26%2C12c0%2C8-11%2C17-11%2C17S4%2C20%2C4%2C12C4%2C5.9%2C8.9%2C1%2C15%2C1S26%2C5.9%2C26%2C12z%22%2F%3E%3Ccircle%20class%3D%22st12%22%20cx%3D%2215%22%20cy%3D%2212%22%20r%3D%227%22%2F%3E%3Ccircle%20class%3D%22st10%22%20cx%3D%2215%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.main .reservation .form-floating #aNoktasi.error,
.main .reservation .form-floating #bNoktasi.error {
    border: 2px solid #ff0000;
}
.main .reservation .form-floating .form-control {
    padding: 35px 35px 35px 50px!important;
    border-radius: 10px;
    border: 2px solid #f2f2f2;
    outline: none;
    box-shadow: none;
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    appearance: none;
    width: 310px;
    height: 80px;
    background-clip: border-box;
    background-repeat: no-repeat !important;
    background-position: center left 15px;
    background-size: 26px 41px;
    background-color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1.25;
    transition: .2s cubic-bezier(0,0,.2,1) 0ms;
}
@media (max-width: 767px) {
    .main .reservation .form-floating .form-control {
        width: 100% !important;
    }
}
@media (max-width: 575px) {
    .main .reservation .form-floating .form-control {
        font-size: 13px;
    }
}
.main .reservation .invalid-address-popover {
    position: absolute;
    inset: -20px auto auto 50%;
    transform: translateX(-50%);
    margin: 0;
    box-shadow: 0 0 30px 0 rgb(34 41 47 / 6%);
    z-index: 101;
    /* display: block; */
    display: none;
    max-width: 276px;
    text-align: start;
    font-size: 1rem;
    background-color: #fff;
    background-clip: padding-box;
    border: 0 solid #ebe9f1;
    border-radius: .358rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.45;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    text-decoration: none;
    transition: opacity .15s linear;
}
@media (max-width: 575px) {
    .main .reservation .invalid-address-popover {
        inset: 50% auto auto 10%;
        transform: translate(-10%, -50%);
    }
}
.main .reservation .invalid-address-popover .popover-body {
    border-radius: .358rem;
    border-top-color: #ebe9f1;
    color: #d0142d;
    border: 1px solid #ebe9f1;
    padding: 1rem;
    font-size: .7857rem;
}
.main .reservation .transfer-form .form-floating .text-uppercase {
    font-size: 13px !important;
    color: #000 !important;
    font-weight: 600;
    cursor: pointer;
    /* transition: .25s; */
    padding: 26px 14px 20px 55px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    pointer-events: none;
    transform-origin: 0 0;
    text-transform: uppercase !important;
    display: inline-block;
}
@media (max-width: 575px) {
    .main .reservation .transfer-form .form-floating .text-uppercase {
        padding: 26px 14px 20px 55px;
    }
}
.main .reservation .transfer-form .form-floating .text-uppercase.active {
    color: #575757;
    font-weight: 400;
    transform: scale(.75) translateY(-10px) translateX(14px);
}
.main .reservation .transfer-form .form-floating .form-small {
    font-size: 10px !important;
    font-weight: 400;
    color: #647281; /* #647281*/
    padding: 45px 15px 20px 55px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 295px;
    cursor: pointer;
    /* transition: .25s; */
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    pointer-events: none;
    transform-origin: 0 0;
    display: inline-block;
}
@media (max-width: 575px) {
    .main .reservation .transfer-form .form-floating .form-small {
        padding: 45px 15px 20px 55px;
    }
}
.main .reservation .transfer-form #clearA {
    display: none; /*display: block !important; */
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 15px;
    font-weight: 600;
    cursor: pointer;
    z-index: 2;
}
@media (max-width: 575px) {
    .main .reservation .transfer-form #clearA {
        padding: 15px;
        line-height: 13px;
        font-size: 16px;
    }
}
.main .reservation .transfer-form .f-change-address {
    position: absolute;
    width: fit-content;
    top: 20px;
    left: 300px;
    z-index: 3;
    margin: 0;
    cursor: pointer;
    background-color: #fff;
    padding: 0;
    border-radius: 50%;
    border: 0px solid #fff;
    outline: none;
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.main .reservation .transfer-form .f-change-address svg {
    display: block;
    width: 40px;
    height: 40px;
}
@media (max-width: 767px) {
    .main .reservation .transfer-form .f-change-address {
        top: 67px;
        right: 25px;
        left: auto;
    }
}
@media (max-width: 767px) {
    .main .reservation .transfer-form .f-change-address svg {
        transform: rotate(90deg);
    }
}
.main .reservation .form-floating #bNoktasi {
    background-image: url("data:image/svg+xml,%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2030%2030%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22800px%22%20height%3D%22800px%22%20fill%3D%22%23000000%22%3E%3Cg%20stroke-width%3D%220%22%2F%3E%3Cg%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cg%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3Bstroke%3A%236C3DB7%3Bstroke-width%3A4%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st1%7Bfill%3Anone%3Bstroke%3A%231F992A%3Bstroke-width%3A4%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st2%7Bfill%3Anone%3Bstroke%3A%236A83BA%3Bstroke-width%3A4%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st3%7Bfill%3A%238A8AFF%3Bstroke%3A%238A8AFF%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st4%7Bfill%3A%236C3DB7%3Bstroke%3A%236C3DB7%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st5%7Bfill%3A%23A576FF%3Bstroke%3A%23A576FF%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st6%7Bfill%3A%23F2BB41%3Bstroke%3A%23F2BB41%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st7%7Bfill%3A%23E08838%3Bstroke%3A%23E08838%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st8%7Bfill%3A%231F992A%3Bstroke%3A%231F992A%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st9%7Bfill%3A%235EC11E%3Bstroke%3A%235EC11E%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st10%7Bfill%3A%232196f3%3Bstroke%3A%232196f3%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st11%7Bfill%3A%23595959%3Bstroke%3A%23595959%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st12%7Bfill%3A%23ffffff%3Bstroke%3A%23ffffff%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st13%7Bfill%3A%235189E5%3Bstroke%3A%235189E5%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st14%7Bfill%3A%236EBAFF%3Bstroke%3A%236EBAFF%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st15%7Bfill%3A%23EDD977%3Bstroke%3A%23EDD977%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st16%7Bfill%3A%238C43FF%3Bstroke%3A%238C43FF%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st17%7Bfill%3A%235252BA%3Bstroke%3A%235252BA%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st18%7Bfill%3Anone%3Bstroke%3A%232196f3%3Bstroke-width%3A4%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st19%7Bfill%3A%23354C75%3Bstroke%3A%23354C75%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20%3C%2Fstyle%3E%3Cpath%20class%3D%22st11%22%20d%3D%22M26%2C12c0%2C8-11%2C17-11%2C17S4%2C20%2C4%2C12C4%2C5.9%2C8.9%2C1%2C15%2C1S26%2C5.9%2C26%2C12z%22%2F%3E%3Ccircle%20class%3D%22st12%22%20cx%3D%2215%22%20cy%3D%2212%22%20r%3D%227%22%2F%3E%3Ccircle%20class%3D%22st10%22%20cx%3D%2215%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.main .reservation .form-floating #aNoktasi,
.main .reservation .form-floating #bNoktasi {
    cursor: pointer;
}
.main .reservation .transfer-form #clearB {
    display: none; /* display: block !important;*/
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 15px;
    font-weight: 600;
    cursor: pointer;
    z-index: 2;
}
@media (max-width: 575px) {
    .main .reservation .transfer-form #clearB {
        padding: 15px;
        line-height: 13px;
        font-size: 16px;
    }
}
.main .reservation .transfer-form .search-result {
    display: none;
    opacity: 0;
    position: absolute;
    top: 85px;
    left: 0;
    z-index: 100;
    width: 150%;
    max-height: 0;
    background: #fff;
    color: #647281;
    border: 0;
    border-radius: 8px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    transform: translateY(-10px);
    transition: all .3s ease;
    box-shadow: 0 .75rem 1.5rem rgba(0, 0, 0, 0.15);
}
@media (max-width: 767px) {
    .main .reservation .transfer-form .search-result {
        width: 100%;
        max-width: 100%;
    }
}
@media (max-width: 575px) {
    .main .reservation .transfer-form .search-result {
        top: 65px;
    }
}
.main .reservation .transfer-form .search-result.active {
    max-height: 180px;
    opacity: 1;
    transform: translateY(0);
    overflow-y: auto;
    display: block;
}
.main .reservation .transfer-form .search-result::-webkit-scrollbar-track {
	border-radius: 5px;
	background-color: #F5F5F5;
}
.main .reservation .transfer-form .search-result::-webkit-scrollbar {
	width: 3px;
	background-color: #F5F5F5;
}
.main .reservation .transfer-form .search-result::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: #a0a0a0;
}

.main .reservation .transfer-form .search-result ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.main .reservation .transfer-form .search-result ul li {
    border: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    transition: background-color .2s ease;
    border-bottom: 1px solid #f0f0f0;
    color: #647281;
    padding: .75rem 1.25rem .75rem .938rem;
    line-height: 1.563rem;
    font-size: 13px;
    font-weight: 500;
}
.main .reservation .transfer-form .search-result ul li:last-child {
    border-bottom: none;
}
.main .reservation .transfer-form .search-result .search-result-inline {
    color: #101a2a;
}
.main .reservation .transfer-form .search-result ul li:hover {
    background-color: #f5f5f5;
}
.main .reservation .cont-date-return-person {
    display: flex;
    gap: 22px;
    justify-content: space-between;
}
@media (max-width: 1199px) {
    .main .reservation .cont-date-return-person {
        justify-content: flex-start;
    }
}
@media (max-width: 767px) {
    .main .reservation .cont-date-return-person {
        flex-direction: column;
        gap: 14px;
    }
}
.main .reservation .cont-date-return-person .tf-date {
    display: flex;
    gap: 14px;
    justify-content: space-between;
    position: relative; /* takvim kutusu */
}
.main .reservation .cont-date-return-person .f-date {
    width: 234px;
    height: 80px;
    padding: 20px 0 0 40px;
    border: 2px solid #f2f2f2;
    border-radius: 10px;
    display: flex;
    position: relative;
}
.main .reservation .cont-date-return-person #formDates.error,
.main .reservation .cont-date-return-person #returDate.error {
    border: 2px solid #ff0000;
}
.main .reservation .cont-date-return-person .f-date.return-active {
    width: 110px !important;
}
@media (max-width: 767px) {
    .main .reservation .cont-date-return-person .f-date.return-active {
        width: 100% !important;
    }
}
@media (max-width: 767px) {
    .main .reservation .cont-date-return-person .f-date {
        width: 100%;
        padding: 20px 0 0 50px;
    }
}
.main .reservation .cont-date-return-person .f-date::before {
    content: "";
    position: absolute;
    display: block;
    z-index: 3;
    top: calc(50% - 18px);
    left: 10px;
    width: 23px;
    height: 25px;
    background-repeat: no-repeat !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-calendar'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
}
@media (max-width: 767px) {
    .main .reservation .cont-date-return-person .f-date::before {
        left: 15px;
    }
}
.main .reservation .cont-date-return-person .f-date#returDate {
    display: none;
}
.main .reservation .cont-date-return-person .f-inner-dates {
    display: flex;
    width: 100%;
    height: 100%;
    transition: .25s;
    position: relative;
    cursor: pointer;
}
.main .reservation .f-inner-dates label.date-format {
    font-size: 13px;
    cursor: pointer;
    background-color: #fff;
    z-index: 2;
    padding: 0;
    width: 100%;
    height: 100%;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    transition: .25s;
    position: absolute;
    display: inline-block;
    border-bottom-right-radius: 10px;
}
.main .reservation .f-date .k-input {
    z-index: 1;
    border: none;
    outline: none;
    background-color: transparent;
    margin: 0;
    padding: 0;
}
.main .reservation .f-date .form-label {
    z-index: 2;
    text-transform: uppercase;
    font-size: 13px;
    color: #000;
    font-weight: 600;
    cursor: pointer;
    transition: .25s;
    position: absolute;
    display: inline-block;
    padding: 0;
    width: 100%;
}
.main .reservation .f-date .form-label#departure-text.active,
.main .reservation .f-date .form-label#return-text.active {
    transform: translateY(-14px);
    font-size: 10px;
    font-weight: 500;
    color: #575757;
}
.main .reservation .f-date .form-small {
    font-size: 10px;
    font-weight: 400;
    color: #575757;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: capitalize;
    padding: 20px 0 0;
    position: absolute;
    z-index: 2;
    width: 100%;
    cursor: pointer;
}
.main .reservation .f-date #dateSmall.form-small.hide,
.main .reservation .f-date #returnDateSmall.form-small.hide {
    display: none;
}
.main .reservation .f-inner-dates label.return-date-format {
    font-size: 13px;
    cursor: pointer;
    background-color: #fff;
    z-index: 2;
    padding: 0;
    width: 100%;
    height: 100%;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    transition: .25s;
    position: absolute;
    display: inline-block;
    border-bottom-right-radius: 10px;
}
.main .reservation .transfer-form .tf-return-time {
    display: flex;
    gap: 22px;
}
@media (max-width: 767px) {
    .main .reservation .transfer-form .tf-return-time {
        gap: 14px;
    }
}
.main .reservation .transfer-form .form-elements-container {
    display: flex;
    flex-direction: column;
    padding: 10px 9px;
    border: 2px solid #f2f2f2;
    border-radius: 10px;
    height: 80px;
}
@media (max-width: 991px) {
    .main .reservation .transfer-form .form-elements-container {
        padding: 10px 9px;
    }
}
@media (max-width: 767px) {
    .main .reservation .transfer-form .form-elements-container {
        width: 100%;
        max-width: 100%;
        height: 80px;
        padding: 10px 25px;
    }
}
@media (max-width: 575px) {
    .main .reservation .transfer-form .form-elements-container {
        padding: 10px;
    }
}
.main .reservation .transfer-form .form-rt-text {
    font-size: 10px;
    font-weight: 500;
    color: #575757;
    margin-bottom: 10px;
    text-transform: uppercase;
    text-align: center;
}
@media (max-width: 575px) {
    .main .reservation .transfer-form .form-rt-text {
        margin-bottom: 5px;
    }
}
.main .reservation .transfer-form .form-switch {
    align-items: center;
    align-self: center;
    position: relative;
    padding-left: 40px;
    display: block;
    min-height: 20px;
    margin-bottom: 0;
}
.main .reservation .transfer-form .form-switch .form-check-input {
    height: 28px;
    width: 55px;
    cursor: pointer;
    border: none;
    margin-left: -3rem;
    background-position: left center;
    border-radius: 3rem;
    transition: background-position .15s ease-in-out, background-color .1s;
    background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D'1.0'%20encoding%3D'utf-8'%3F%3E%3Csvg%20version%3D'1.1'%20id%3D'katman_1'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%20x%3D'0px'%20y%3D'0px'%20viewBox%3D'0%200%2026%2026'%20style%3D'enable-background%3Anew%200%200%2026%2026%3B'%20xml%3Aspace%3D'preserve'%3E%3Cstyle%20type%3D'text%2Fcss'%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Ccircle%20class%3D'st0'%20cx%3D'13'%20cy%3D'13'%20r%3D'7.7'%2F%3E%3C%2Fsvg%3E");
    float: left;
    margin-top: .0825rem;
    vertical-align: top;
    background-size: contain;
    appearance: none;
    background-repeat: no-repeat;
}
.main .reservation .transfer-form .form-switch .form-check-input:not(:checked) {
    background-color: #e2e2e2;
}
.main .reservation .transfer-form .form-switch .form-check-input:not(:disabled):checked {
    border-color: #28c76f;
    box-shadow: none !important;
    background-color: #14d068;
    background-position: right center;
    background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D'1.0'%20encoding%3D'utf-8'%3F%3E%3Csvg%20version%3D'1.1'%20id%3D'katman_1'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%20x%3D'0px'%20y%3D'0px'%20viewBox%3D'0%200%2026%2026'%20style%3D'enable-background%3Anew%200%200%2026%2026%3B'%20xml%3Aspace%3D'preserve'%3E%3Cstyle%20type%3D'text%2Fcss'%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Ccircle%20class%3D'st0'%20cx%3D'13'%20cy%3D'13'%20r%3D'7.7'%2F%3E%3C%2Fsvg%3E");
}
.main .reservation .transfer-form .form-elements-container#person {
    width: 100px;
    max-width: 100px;
    position: relative;
}
.main .reservation .transfer-form .form-elements-container#person.error {
    border: 2px solid #ff0000;
}
@media (max-width: 767px) {
    .main .reservation .transfer-form .form-elements-container#person {
        width: 100%;
        max-width: 100%;
        height: 80px;
        padding: 10px 25px;
    }
}
@media (max-width: 575px) {
    .main .reservation .transfer-form .form-elements-container#person {
        padding: 10px;
    }
}
.main .reservation .transfer-form .person-number-text {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.main .reservation .transfer-form .person-number-text .text {
    font-weight: 500;
    font-size: 14px;
    line-height: 2rem;
    text-align: center;
}
.main .reservation .transfer-form .person-number-text .arrow {
    font-size: 20px;
    font-weight: 500;
    transform: rotate(90deg);
    margin-left: 10px;
}
.main .reservation .transfer-form .form-elements-container .select-container {
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 80px;
    border: 1px solid #cacaca;
    background-color: #fff;
    border-radius: 10px;
    padding: 10px;
    z-index: 5;
}
@media (max-width: 575px) {
    .main .reservation .transfer-form .form-elements-container .select-container {
        left: 0;
    }
}
.main .reservation .transfer-form .form-elements-container .select-container button {
    outline: none;
    border: none;
    /* border-radius: 50%;
    background-color: var(--logo-red);
    font-size: 20px;
    color: white;
    text-align: center;
    text-decoration: none;
    padding: 2px 10px; */
}
.main .reservation .transfer-form .form-elements-container .select-container #minusBtn {
    background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%3Cellipse%20style%3D%22fill%3A%23999999%3B%22%20cx%3D%22256%22%20cy%3D%22256%22%20rx%3D%22256%22%20ry%3D%22255.832%22%2F%3E%3Crect%20x%3D%22113.12%22%20y%3D%22228%22%20style%3D%22fill%3A%23FFFFFF%3B%22%20width%3D%22285.672%22%20height%3D%2256%22%2F%3E%3C%2Fsvg%3E");
}
.main .reservation .transfer-form .form-elements-container .select-container #plusBtn {
    background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%3Cellipse%20style%3D%22fill%3A%23E21B1B%3B%22%20cx%3D%22256%22%20cy%3D%22256%22%20rx%3D%22256%22%20ry%3D%22255.832%22%2F%3E%3Cg%3E%3Crect%20x%3D%22113.2%22%20y%3D%22228%22%20style%3D%22fill%3A%23FFFFFF%3B%22%20width%3D%22285.672%22%20height%3D%2256%22%2F%3E%3Crect%20x%3D%22228%22%20y%3D%22113.2%22%20style%3D%22fill%3A%23FFFFFF%3B%22%20width%3D%2256%22%20height%3D%22285.672%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.main .reservation .transfer-form .form-elements-container .select-container button {
    background-clip: border-box;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px 20px;
    background-color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    cursor: pointer;
}
.main .reservation .transfer-form .form-elements-container .select-container #personSelect {
    width: 45px;
    font-size: 17px;
    text-align: center;
    padding: 6px 2px;
    border: none;
    outline: none;
}
.main .reservation .transfer-form .tf-return-time .transfer-submit {
    display: inline-flex;
    position: absolute;
    right: 0;
    top: 90px;
    z-index: 1;
}
.main .reservation .transfer-form .transfer-submit .submit-btn {
    font-size: 16px;
    font-weight: 600;
    padding: 35px 55px 35px 65px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    transition: .25s;
    cursor: pointer;
    border-color: #d0142d;
    background-color: #d0142d;
    color: #fff;
    box-shadow: none;
    outline: none;
    vertical-align: middle;
    user-select: none;
    line-height: 1px;
    overflow: hidden;
    position: relative;
    text-transform: none;
    margin: 0;
}
.main .reservation .transfer-form .transfer-submit .submit-btn#transferSubmit:disabled {
    background-color: #ccc;
    border-color: #ccc;
    cursor: not-allowed;
}
.main .reservation .transfer-form .tf-return-time #tf-submit .submit-btn {
    background-image: url("data:image/svg+xml,%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20width%3D%22800px%22%20height%3D%22800px%22%20viewBox%3D%220%20-0.5%2025%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%2F%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.5%2010.7655C5.50003%208.01511%207.44296%205.64777%2010.1405%205.1113C12.8381%204.57483%2015.539%206.01866%2016.5913%208.55977C17.6437%2011.1009%2016.7544%2014.0315%2014.4674%2015.5593C12.1804%2017.0871%209.13257%2016.7866%207.188%2014.8415C6.10716%2013.7604%205.49998%2012.2942%205.5%2010.7655Z%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M17.029%2016.5295L19.5%2019.0005%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-clip: border-box;
    background-repeat: no-repeat;
    background-position: center left 18px;
    background-size: 40px 40px;
    background-color: #d0142d;
}
@media (max-width: 1199px) {
    .main .reservation .transfer-form .tf-return-time .transfer-submit {
        position: relative;
        right: auto;
        top: auto;
    }
    .main .reservation .transfer-form .transfer-submit .submit-btn {
        padding: 35px 20px 35px 45px;
        background-position: center left 5px !important;
    }
}
.main .reservation .calendar-wrapper {
    position: absolute;
    width: 330px;
    top: 85px;
    left: 0;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    z-index: 101;
    display: none; /* display: block; */
}
@media (max-width: 575px) {
    .main .reservation .calendar-wrapper {
        width: 100%;
    }
}
.main .reservation .calendar-wrapper#calendar {
    display: none;
}
.main .reservation .calendar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}
.main .reservation .calendar-header button {
    background: none;
    border: none;
    outline: none;
    font-size: 20px;
    cursor: pointer;
    color: #aaa;
}
.main .reservation .calendar-header button:hover {
    color: #666;
}
.main .reservation .calendar-header #currentMonth {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}
.main .reservation .weekdays {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 5px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 5px;
}
.main .reservation .weekdays div {
    text-align: center;
    padding: 10px;
}
.main .reservation .days {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 5px;
}
.main .reservation .days div {
    text-align: center;
    padding: 5px 10px;
    cursor: pointer;
    border: 1px solid #fff;
    border-radius: 10px;
}
.main .reservation .days div.selected {
    border: 1px solid #d0142d;
    background-color: #d0142d;
    color: #fff;
}
.main .reservation .days div:not(.disabled):hover {
    background-color: #ebebeb;
    border: 1px solid #ebebeb;
    color: #000;
}
.main .reservation .days div.disabled {
    color: #ccc;
    cursor: not-allowed;
}
.main .reservation .transfer-content .time-picker {
    position: absolute;
    top: 85px;
    left: 0;
    width: 150px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 101;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}
.main .reservation .transfer-content .time-picker#departureTimePicker {
    display: none; /* display: block; */
}
.main .reservation .transfer-content .time-picker#returnTimePicker {
    display: none; /* display: block; */
}
.main .reservation .transfer-content .time-list {
    overflow: auto;
    list-style: none;
    padding: 0;
    margin: 0;
}
.main .reservation .transfer-content .time-list li {
    border: .5px solid #eee;
    border-right: #fff;
    border-left: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 2.5;
    color: #000;
    padding: 12px;
    border-radius: 0;
    outline: 0;
    cursor: pointer;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}
.main .reservation .transfer-content .time-list li:hover {
    background-color: #ebebeb;
}
.main .reservation .transfer-content .time-list li.selected {
    color: #fff;
    background-color: #d0142d !important;
}
/* TUR ARAMA KUTUSU ************************************************************************************/
.main .reservation .tour-form {
    display: flex;
    gap: 22px;
    justify-content: space-between;
}
@media (max-width: 767px) {
    .main .reservation .tour-form {
        gap: 14px;
        flex-direction: column;
    }
}
.main .reservation .tour-form .tour-category-parent {
    position: relative;
}
.main .reservation .tour-form .tour-category-parent .tour-form-control {
    cursor: pointer;
    background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20width%3D%22800px%22%20height%3D%22800px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7%2010L12%2015L17%2010%22%20stroke%3D%22%23000000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
    padding: 0 40px 0 30px;
    border-radius: 10px;
    border: 2px solid #f2f2f2;
    outline: none;
    box-shadow: none;
    background-color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    appearance: none;
    width: 470px;
    height: 80px;
    background-clip: border-box;
    background-repeat: no-repeat;
    background-position: center right 15px;
    background-size: 26px 26px;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1.25;
    transition: .2s cubic-bezier(0, 0, .2, 1) 0ms;
}
@media (max-width: 1280px) {
    .main .reservation .tour-form .tour-category-parent .tour-form-control {
        width: 450px;
    }
}
@media (max-width: 1200px) {
    .main .reservation .tour-form .tour-category-parent .tour-form-control {
        width: 360px;
    }
}
@media (max-width: 992px) {
    .main .reservation .tour-form .tour-category-parent .tour-form-control {
        width: 270px;
    }
}
@media (max-width: 767px) {
    .main .reservation .tour-form .tour-category-parent .tour-form-control {
        width: 100%;
    }
}
@media (max-width: 575px) {
    .main .reservation .tour-form .tour-category-parent .tour-form-control {
        font-size: 13px;
    }
}
.main .reservation .tour-form .tour-category-parent .search-result-tours {
    display: none;
    opacity: 0;
    position: absolute;
    top: 85px;
    left: 0;
    z-index: 100;
    width: 100%;/* width: 664px; */
    max-height: 0;
    background-color: #fff;
    color: #647281;
    border: 0;
    border-radius: 8px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    transform: translateY(-10px);
    transition: all .3s ease;
    box-shadow: 0 .75rem 1.5rem rgba(0,0,0,.141);
}
@media (max-width: 767px) {
    .main .reservation .tour-form .tour-category-parent .search-result-tours {
        width: 100%;
        max-width: 100%;
    }
}
@media (max-width: 767px) {
    .main .reservation .tour-form .tour-category-parent .search-result-tours {
        top: 65px;
    }
}
.main .reservation .tour-form .tour-category-parent .search-result-tours.active {
    display: block;
    max-height: 180px;
    opacity: 1;
    transform: translateY(0);
    overflow-y: auto;
}
.main .reservation .tour-form .tour-category-parent .search-result-tours::-webkit-scrollbar-track {
	border-radius: 5px;
	background-color: #F5F5F5;
}
.main .reservation .tour-form .tour-category-parent .search-result-tours::-webkit-scrollbar {
	width: 3px;
	background-color: #F5F5F5;
}
.main .reservation .tour-form .tour-category-parent .search-result-tours::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: #a0a0a0;
}
.main .reservation .tour-form .tour-category-parent .search-result-tours ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.main .reservation .tour-form .tour-category-parent .search-result-tours ul li {
    border: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    transition: background-color .2s ease;
    border-bottom: 1px solid #f0f0f0;
    color: #647281;
    padding: .75rem 1.25rem .75rem .938rem;
    line-height: 1.563rem;
    font-size: 13px;
    font-weight: 500;
}
.main .reservation .tour-form .tour-category-parent .search-result-tours ul li:hover {
    background-color: #f5f5f5;
}
.main .reservation .tour-form .tour-submit {
    display: block;
}
.main .reservation .tour-form .tour-submit .tour-submit-btn {
    font-size: 16px;
    font-weight: 600;
    padding: 35px 55px 35px 65px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    transition: .25s;
    cursor: pointer;
    border-color: #d0142d;
    background-color: #d0142d;
    color: #fff;
    box-shadow: none;
    vertical-align: middle;
    user-select: none;
    line-height: 1px;
    overflow: hidden;
    position: relative;
    text-transform: none;
    margin: 0;
}
.main .reservation .tour-form .tour-submit .tour-submit-btn:disabled {
    background-color: #ccc;
    border-color: #ccc;
    cursor: not-allowed;
}
.main .reservation .tour-form .tour-submit .tour-submit-btn {
    background-image: url("data:image/svg+xml,%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20width%3D%22800px%22%20height%3D%22800px%22%20viewBox%3D%220%20-0.5%2025%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%2F%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.5%2010.7655C5.50003%208.01511%207.44296%205.64777%2010.1405%205.1113C12.8381%204.57483%2015.539%206.01866%2016.5913%208.55977C17.6437%2011.1009%2016.7544%2014.0315%2014.4674%2015.5593C12.1804%2017.0871%209.13257%2016.7866%207.188%2014.8415C6.10716%2013.7604%205.49998%2012.2942%205.5%2010.7655Z%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M17.029%2016.5295L19.5%2019.0005%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-clip: border-box;
    background-repeat: no-repeat;
    background-position: center left 18px;
    background-size: 40px 40px;
    background-color: #d0142d;
}
@media (max-width: 992px) {
    .main .reservation .tour-form .tour-submit .tour-submit-btn {
        padding: 35px 20px 35px 45px;
        background-position: center left 5px;
    }
}
@media (max-width: 767px) {
    .main .reservation .tour-form .tour-submit .tour-submit-btn {
        width: 100%;
        padding: 25px 20px 25px 45px;
        background-size: 30px 30px;
    }
}
.main .reservation #RentacarForm {
    position: relative;
}
.main .reservation .rentacar-form {
    display: flex;
    gap: 22px;
    justify-content: space-between;
}
@media (max-width: 1199px) {
    .main .reservation .rentacar-form {
        flex-direction: column;
        justify-content: flex-start;
    }
}
@media (max-width: 767px) {
    .main .reservation .rentacar-form {
        gap: 14px;
    }
}
.main .reservation .rent-starting-end {
    display: flex;
    gap: 22px;
    justify-content: space-between;
    position: relative;
}
@media (max-width: 1199px) {
    .main .reservation .rent-starting-end {
        justify-content: flex-start;
    }
}
@media (max-width: 767px) {
    .main .reservation .rent-starting-end {
        flex-direction: column;
        gap: 14px;
    }
}
.main .reservation .rent-focus-layer {
    position: relative;
}
.main .reservation .rentacar-form .rent-focus-layer #alisNoktasi,
.main .reservation .rentacar-form .rent-focus-layer #iadeNoktasi {
    cursor: pointer;
}
.main .reservation .rent-focus-layer #alisNoktasi,
.main .reservation .rent-focus-layer #iadeNoktasi {
    background-image: url('data:image/svg+xml,%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20height%3D%22800px%22%20width%3D%22800px%22%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23000000%22%3E%3Cg%20stroke-width%3D%220%22%2F%3E%3Cg%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cg%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23ff0000%3B%7D%20%3C%2Fstyle%3E%3Cg%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M445.507%2C236.44V66.497h-169.95V0.004h-39.113v66.493H66.492V236.44H0v39.12h66.492v169.95h169.951v66.485%20h39.113v-66.485h169.95v-18.339V275.561H512v-39.12H445.507z%20M408.829%2C236.44h-55.217v39.12h55.217v133.273H275.556v-55.232%20h-39.113v55.232H103.17V275.561h55.232v-39.12H103.17V103.175h133.273v55.217h39.113v-55.217h133.272V236.44z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M256%2C233.997c-12.149%2C0-22.007%2C9.857-22.007%2C22.007c0%2C12.149%2C9.858%2C22.006%2C22.007%2C22.006%20c12.15%2C0%2C22.007-9.858%2C22.007-22.006C278.006%2C243.854%2C268.15%2C233.997%2C256%2C233.997z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
.main .reservation .rent-focus-layer .rent-form-control {
    padding: 35px 35px 35px 50px;
    border-radius: 10px;
    border: 2px solid #f2f2f2;
    outline: none;
    box-shadow: none;
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    appearance: none;
    width: 310px;
    height: 80px;
    background-clip: border-box;
    background-repeat: no-repeat;
    background-position: center left 15px;
    background-size: 26px 41px;
    background-color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1.25;
    transition: .2s cubic-bezier(0,0,.2,1) 0ms;
}
@media (max-width: 767px) {
    .main .reservation .rent-focus-layer .rent-form-control {
        width: 100% !important;
    }
}
@media (max-width: 575px) {
    .main .reservation .rent-focus-layer .rent-form-control {
        font-size: 13px;
    }
}
.main .reservation .rent-focus-layer .rent-input-text {
    font-size: 13px !important;
    color: #000;
    font-weight: 600;
    cursor: pointer;
    padding: 30px 14px 0 55px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    pointer-events: none;
    transform-origin: 0 0;
    display: inline-block;
}
.main .reservation .rent-focus-layer .rent-input-text.active {
    color: #575757;
    font-weight: 400;
    transform: scale(.75) translateY(-10px) translateX(14px);
}
.main .reservation .rentacar-form #rentClearA {
    display: none; /* block */
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    z-index: 2;
}
@media (max-width: 575px) {
    .main .reservation .rentacar-form #rentClearA {
        padding: 15px;
        line-height: 13px;
        font-size: 16px;
    }
}
.main .reservation .rentacar-form .rent-change-address {
    position: absolute;
    width: fit-content;
    top: 20px;
    left: 300px;
    z-index: 3;
    margin: 0;
    cursor: pointer;
    background-color: #fff;
    padding: 0;
    border-radius: 50%;
    border: 2px solid #647280;
    outline: none;
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 767px) {
    .main .reservation .rentacar-form .rent-change-address {
        top: 67px;
        right: 25px;
        left: auto;
    }
}
.main .reservation .rentacar-form .rent-change-address svg {
    display: block;
    width: 36px;
    height: 36px;
    padding: 6px;
}
@media (max-width: 767px) {
    .main .reservation .rentacar-form .rent-change-address svg {
        transform: rotate(90deg);
    }
}
.main .reservation .rentacar-form #rentClearB {
    display: none; /* block */
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    z-index: 2;
}
@media (max-width: 575px) {
    .main .reservation .rentacar-form #rentClearB {
        padding: 15px;
        line-height: 13px;
        font-size: 16px;
    }
}
.main .reservation .rentacar-form .rent-search-result {
    position: absolute;
    top: 85px;
    left: 0;
    z-index: 100;
    width: 150%;
    max-height: 180px;
    background-color: #fff;
    color: #647281;
    border: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    transition: all .15s ease;
    box-shadow: 0 .75rem 1.5rem rgba(0,0,0,.141);
}
@media (max-width: 767px) {
    .main .reservation .rentacar-form .rent-search-result {
        width: 100%;
        max-width: 100%;
    }
}
.main .reservation .rentacar-form .rent-search-result ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.main .reservation .rentacar-form .rent-search-result ul li {
    border: 0;
    margin: 0;
    padding: 0;
}
.main .reservation .rentacar-form .rent-search-result ul li a {
    text-decoration: none;
    display: block;
    color: #647281;
    padding: .75rem 1.25rem .75rem .938rem;
    line-height: 1.563rem;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
}
.main .reservation .rentacar-form .rent-search-result .rent-search-result-inline {
    color: #101a2a;
}
.main .reservation .rentacar-form .rent-search-result ul li a:hover,
.main .reservation .rentacar-form .rent-search-result ul li a:hover .rent-search-result-inline {
    background-color: #3685e7;
    color: #fff !important;
}
.main .reservation .rentacar-form .retn-date-submit {
    display: flex;
    gap: 22px;
    justify-content: space-between;
}
@media (max-width: 1199px) {
    .main .reservation .rentacar-form .retn-date-submit {
        justify-content: flex-start;
    }
}
@media (max-width: 767px) {
    .main .reservation .rentacar-form .retn-date-submit {
        flex-direction: column;
        gap: 14px;
    }
}
.main .reservation .rentacar-form .rent-tf-date {
    display: flex;
    gap: 14px;
    justify-content: space-between;
    position: relative; /* takvim kutusu için */
}
.main .reservation .rentacar-form .retn-date-submit .rent-f-date {
    width: 175px;
    height: 80px;
    padding: 20px 0 0 50px;
    border: 2px solid #f2f2f2;
    border-radius: 10px;
    display: flex;
    position: relative;
}
@media (max-width: 767px) {
    .main .reservation .rentacar-form .retn-date-submit .rent-f-date {
        width: 100% !important;
    }
}
.main .reservation .rentacar-form .retn-date-submit .rent-f-date::before {
    content: "";
    position: absolute;
    display: block;
    z-index: 3;
    top: calc(50% - 18px);
    left: 15px;
    width: 23px;
    height: 25px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-calendar'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
}
.main .reservation .rentacar-form .retn-date-submit .rent-f-date .rent-f-inner-dates {
    display: flex;
    width: 100%;
    height: 100%;
    transition: .25s;
    position: relative;
    cursor: pointer;
}
.main .reservation .rent-f-inner-dates label.rent-return-date-format {
    font-size: 13px;
    cursor: pointer;
    background-color: #fff;
    z-index: 2;
    padding: 0;
    width: 100%;
    height: 100%;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    transition: .25s;
    position: absolute;
    display: inline-block;
    border-bottom-right-radius: 10px;
}
.main .reservation .rent-f-date .rent-k-input {
    z-index: 1;
    border: none;
    outline: none;
    background-color: transparent;
    margin: 0;
    padding: 0;
}
.main .reservation .rent-f-date .rent-form-label {
    z-index: 2;
    text-transform: uppercase;
    font-size: 13px;
    color: #000;
    font-weight: 600;
    cursor: pointer;
    transition: .25s;
    position: absolute;
    display: inline-block;
    padding: 0;
    width: 100%;
}
.main .reservation .rent-f-date .rent-form-label.active {
    transform: translateY(-14px);
    font-size: 10px;
    font-weight: 500;
    color: #575757;
}
.main .reservation .rent-f-date .rent-form-small {
    font-size: 10px;
    font-weight: 400;
    color: #575757;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: capitalize;
    padding: 20px 0 0;
    position: absolute;
    z-index: 2;
    width: 100%;
    cursor: pointer;
}
.main .reservation .rent-f-date .rent-form-small.hide {
    display: none;
}
.main .reservation .rent-f-inner-dates label.rent-date-format {
    font-size: 13px;
    cursor: pointer;
    background-color: #fff;
    z-index: 2;
    padding: 0;
    width: 100%;
    height: 100%;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    transition: .25s;
    position: absolute;
    display: inline-block;
    border-bottom-right-radius: 10px;
}
.main .reservation .rentacar-form .rent-submit {
    display: inline-flex;
}
.main .reservation .rentacar-form .retn-date-submit #rent-tf-submit .rent-submit-btn {
    background-image: url("data:image/svg+xml,%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20width%3D%22800px%22%20height%3D%22800px%22%20viewBox%3D%220%20-0.5%2025%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%2F%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.5%2010.7655C5.50003%208.01511%207.44296%205.64777%2010.1405%205.1113C12.8381%204.57483%2015.539%206.01866%2016.5913%208.55977C17.6437%2011.1009%2016.7544%2014.0315%2014.4674%2015.5593C12.1804%2017.0871%209.13257%2016.7866%207.188%2014.8415C6.10716%2013.7604%205.49998%2012.2942%205.5%2010.7655Z%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M17.029%2016.5295L19.5%2019.0005%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-clip: border-box;
    background-repeat: no-repeat;
    background-position: center left 5px;
    background-size: 40px 40px;
    background-color: #d0142d;
    padding: 35px 20px 35px 45px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 10px;
    display: flex;
    align-items: center;
    transition: .25s;
    cursor: pointer;
    border-color: #d0142d;
    color: #fff;
    box-shadow: none;
    outline: none;
    vertical-align: middle;
    user-select: none;
    line-height: 1px;
    overflow: hidden;
    position: relative;
    text-transform: none;
    margin: 0;
}
@media (max-width: 767px) {
    .main .reservation .rentacar-form .retn-date-submit #rent-tf-submit .rent-submit-btn {
        width: 100%;
        padding: 25px 20px 25px 45px;
        background-size: 30px 30px;
    }
}
.main .reservation .rentacar-form .rent-time-picker#purchaseTimePicker,
.main .reservation .rentacar-form .rent-time-picker#rentReturnTimePicker {
    display: none; /* block */
}
.main .reservation .rentacar-form .rent-time-picker {
    position: absolute;
    top: 85px;
    left: 0;
    width: 150px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 101;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}
.main .reservation .rentacar-form .rent-time-picker .rent-time-list {
    overflow: auto;
    list-style: none;
    padding: 0;
    margin: 0;
}
.main .reservation .rentacar-form .rent-time-picker .rent-time-list li {
    border: .5px solid #eee;
    border-right: #fff;
    border-left: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 2.5;
    color: #000;
    padding: 12px;
    border-radius: 0;
    outline: 0;
    cursor: pointer;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}
.main .reservation .rentacar-form .rent-time-picker .rent-time-list li:hover {
    background-color: #ebebeb;
}
.main .reservation .rentacar-form .rent-time-picker .rent-time-list li.selected {
    color: #fff;
    background-color: #d0142d !important;
}
.main .reservation .rentacar-form .rent-calendar-wrapper#rentCalendar {
    display: none; /* block */
}
.main .reservation .rentacar-form .rent-calendar-wrapper  {
    position: absolute;
    width: 330px;
    top: 85px;
    left: 0;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    z-index: 101;
    display: none; /* display: block; */
}
@media (max-width: 575px) {
    .main .reservation .rentacar-form .rent-calendar-wrapper {
        width: 100%;
    }
}
.main .reservation .rentacar-form .rent-calendar-wrapper .rent-calendar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}
.main .reservation .rentacar-form .rent-calendar-wrapper .rent-calendar-header button {
    background: none;
    border: none;
    outline: none;
    font-size: 20px;
    cursor: pointer;
    color: #aaa;
}
.main .reservation .rentacar-form .rent-calendar-wrapper .rent-calendar-header button:hover {
    color: #666;
}
.main .reservation .rentacar-form .rent-calendar-wrapper .rent-calendar-header #rentCurrentMonth {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}
.main .reservation .rentacar-form .rent-calendar-wrapper .rent-weekdays {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 5px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 5px;
}
.main .reservation .rentacar-form .rent-calendar-wrapper .rent-weekdays div {
    text-align: center;
    padding: 10px;
}
.main .reservation .rentacar-form .rent-calendar-wrapper .rent-days {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 5px;
}
.main .reservation .rentacar-form .rent-calendar-wrapper .rent-days div {
    text-align: center;
    padding: 5px 10px;
    cursor: pointer;
    border: 1px solid #fff;
    border-radius: 10px;
}
.main .reservation .rentacar-form .rent-calendar-wrapper .rent-days div.selected {
    border: 1px solid #d0142d;
    background-color: #d0142d;
    color: #fff;
}
.main .reservation .rentacar-form .rent-calendar-wrapper .rent-days div:not(.disabled):hover {
    background-color: #ebebeb;
    border: 1px solid #ebebeb;
    color: #000;
}
.main .reservation .rentacar-form .rent-calendar-wrapper .rent-days div.disabled {
    color: #ccc;
    cursor: not-allowed;
}
.main .reservation .rentacar-form .rent-focus-layer #alisNoktasi.error,
.main .reservation .rentacar-form .rent-focus-layer #iadeNoktasi.error,
.main .reservation .rentacar-form .retn-date-submit .rent-f-date.error {
    border: 2px solid #ff0000;
}
.main .current-tours .current-tour-inner {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    -moz-user-select: none;
    user-select: none;
}
@media (min-width: 768px) {
    .main .current-tours .current-tour-inner {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .main .current-tours .current-tour-inner {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .main .current-tours .current-tour-inner {
        max-width: 1140px;
    }
}
@media (min-width: 1280px) {
    .main .current-tours .current-tour-inner {
        max-width: 1190px;
    }
}
@media (min-width: 1440px) {
    .main .current-tours .current-tour-inner {
        max-width: 1190px;
    }
}
.main .current-tours .row {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-top: 0;
    margin-bottom: 2rem;
    align-items: center;
    justify-content: center;
}
.main .current-tours .row-header {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: 14px;
    padding-left: 14px;
    margin-top: 0;
}
@media (min-width: 768px) {
    .main .current-tours .row-header {
        flex: 0 0 auto;
        width: 83.33333%;
    }
}
.main .current-tours .text-center {
    text-align: center;
}
@media (max-width: 767px) {
    .main .current-tours .text-center {
        text-align: left;
    }
}
.main .current-tours .section-head {
    font-size: 2.5714rem;
    color: #000;
    line-height: 39px;
    font-weight: 500;
}
@media (max-width: 767px) {
    .main .current-tours .section-head {
        font-size: 18px;
        line-height: 28px;
    }
}
.main .current-tours .row-tours {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding-right: 14px;
    padding-left: 14px;
}
.main .current-tours .row-tours .swiper-wrapper {
    overflow: hidden;
    width: calc(100% - 80px);
    margin: 0 auto;
}
@media (max-width: 767px) {
    .main .current-tours .row-tours .swiper-wrapper {
        width: 100%;
    }
}
.main .current-tours .row-tours .swiper-wrapper .swiper-tour {
    display: flex;
    transition: transform 0.3s ease-in-out;
    width: 100%;
}
.main .current-tours .row-tours .swiper-wrapper .swiper-tour .swiper-slide {
    flex: 0 0 calc(100% / 4);
    padding: 10px;
}
@media (max-width: 1199px) {
    .main .current-tours .row-tours .swiper-wrapper .swiper-tour .swiper-slide {
        flex: 0 0 calc(100% / 3);
    }
}
@media (max-width: 991px) {
    .main .current-tours .row-tours .swiper-wrapper .swiper-tour .swiper-slide {
        flex: 0 0 calc(100% / 2.25);
    }
}
@media (max-width: 767px) {
    .main .current-tours .row-tours .swiper-wrapper .swiper-tour .swiper-slide {
        flex: 0 0 calc(100% / 2);
    }
}
@media (max-width: 575px) {
    .main .current-tours .row-tours .swiper-wrapper .swiper-tour .swiper-slide {
        flex: 0 0 calc(100% / 1.5);
    }
}
@media (max-width: 480px) {
    .main .current-tours .row-tours .swiper-wrapper .swiper-tour .swiper-slide {
        flex: 0 0 calc(100% / 1.25);
    }
}
.main .current-tours .swiper-slide .card {
    margin-bottom: 0;
    box-shadow: none;
    border-radius: 5px;
    position: relative;
    display: flex;
    min-width: 0;
    background-color: #fff;
    background-clip: border-box;
    border: none;
    flex-direction: column;
    justify-content: space-between;
    word-wrap: break-word;
    height: 100%;
}
.main .current-tours .swiper-slide .card .card-img-top {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: 100%;
    max-width: 100%;
    height: 200px;
    vertical-align: middle;
    object-fit: cover;
    transition: transform 0.3s ease;
}
.main .current-tours .swiper-slide .card .card-img-top:hover {
    transform: scale(1.05);
}
.main .current-tours .swiper-slide .card .card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #fbfbfb;
    padding: 1.786rem;
    flex: 1 1 auto;
}
.main .current-tours .swiper-slide .card .card-body .card-title {
    font-weight: 500;
    font-size: 18px;
    margin: 0;
    color: #5e5873;
    line-height: 1.2;
}
.main .current-tours .swiper-slide .card .card-body .card-title a {
    font-size: 1.2rem;
    line-height: 2rem;
    font-weight: 500;
    color: #000;
    text-decoration: none;
}
.main .current-tours .swiper-slide .card .card-body hr {
    color: #d0142d;
    background-color: #d0142d;
    height: 3px;
    width: 20%;
    margin: 1.4rem 0;
    border: 0;
    opacity: 1;
}
.main .current-tours .swiper-slide .card .card-body .card-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.main .current-tours .swiper-slide .card .card-body .card-bottom a {
    font-size: 16px;
    font-weight: 600;
    color: #d0142d;
}
.main .current-tours .swiper-slide .card .card-body .card-bottom .tour-icon {
    border: 2px solid #d0142d;
    border-radius: 50%;
    background-color: #fbfbfb;
    color: #d0142d;
}
.main .current-tours .swiper-slide .card .card-body .card-bottom .tour-icon:hover {
    -webkit-box-shadow: 0px 0px 3px 1px #A61024; 
    box-shadow: 0px 0px 3px 1px #A61024;
}
.main .current-tours .swiper-slide .card .card-body .card-bottom .tour-icon svg {
    width: 1.5rem;
    height: 1.5rem;
    margin: 5px;
    vertical-align: middle;
}
.main .current-tours .current-tour-inner .row-tours .nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 10px;
    background: rgba(255, 255, 255, 0.9);
    border: none;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    z-index: 3;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
@media (max-width: 767px) {
    .main .current-tours .current-tour-inner .row-tours .nav-btn {
        display: none;
    }
}
.main .current-tours .current-tour-inner .row-tours .nav-btn:hover {
    background: rgba(255, 255, 255, 1);
    transform: translateY(-50%) scale(1.1);
}
.main .current-tours .current-tour-inner .row-tours .nav-btn:active {
    transform: translateY(-50%) scale(0.95);
}
.main .current-tours .current-tour-inner .row-tours .nav-btn.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
    transform: translateY(-50%) scale(0.80);
}
.main .current-tours .current-tour-inner .row-tours .nav-btn.prev-button {
    left: 0;
}
.main .current-tours .current-tour-inner .row-tours .nav-btn.next-button {
    right: 0;
}
.main .current-tours .current-tour-inner .row-tours .nav-btn svg {
    display: block;
    width: 2rem;
    height: 2rem;
}
.main .popular-transfers .popular-transfers-inner {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    -moz-user-select: none;
    user-select: none;
}
@media (min-width: 768px) {
    .main .popular-transfers .popular-transfers-inner {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .main .popular-transfers .popular-transfers-inner {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .main .popular-transfers .popular-transfers-inner {
        max-width: 1140px;
    }
}
@media (min-width: 1280px) {
    .main .popular-transfers .popular-transfers-inner {
        max-width: 1190px;
    }
}
@media (min-width: 1440px) {
    .main .popular-transfers .popular-transfers-inner {
        max-width: 1190px;
    }
}
.main .popular-transfers .popular-transfers-inner .row-header {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.main .popular-transfers .popular-transfers-inner .row-header .header-inner {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: 14px;
    padding-left: 14px;
    margin-top: 0;
}
@media (min-width: 768px) {
    .main .popular-transfers .popular-transfers-inner .row-header .header-inner {
        flex: 0 0 auto;
        width: 83.33333%;
    }
}
.main .popular-transfers .popular-transfers-inner .row-header .header-inner .text-center {
    text-align: center;
}
@media (max-width: 767px) {
    .main .popular-transfers .popular-transfers-inner .row-header .header-inner .text-center {
        text-align: left;
    }
}
.main .popular-transfers .header-inner .text-center .section-head {
    font-size: 2.5714rem;
    color: #000;
    line-height: 39px;
    font-weight: 500;
}
@media (max-width: 767px) {
    .main .popular-transfers .header-inner .text-center .section-head {
        font-size: 18px;
        line-height: 28px;
    }
}
.main .popular-transfers .row-body {
    display: flex;
    flex-wrap: wrap;
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    flex-shrink: 0;
    padding-right: 14px;
    padding-left: 14px;
    margin: 0;
}
@media (min-width: 768px) {
    .main .popular-transfers .row-body {
        flex: 0 0 auto;
        width: 100%;
    }
}
.main .popular-transfers .row-body .locations-wrapper {
    display: block;
}
.main .popular-transfers .row-body .locations-wrapper .locations-inner {
    display: flex;
    flex-wrap: wrap;
}
.main .popular-transfers .row-body .locations-wrapper .locations-inner .loc-col {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    margin-top: 0;
}
@media (min-width: 768px) {
    .main .popular-transfers .row-body .locations-wrapper .locations-inner .loc-col {
        flex: 0 0 auto;
        width: 50%;
    }
}
.main .popular-transfers .row-body .locations-wrapper .locations-inner .loc-col .row {
    display: flex;
    flex-wrap: wrap;
}
.main .popular-transfers .row-body .locations-wrapper .locations-inner .loc-col .row .locations {
    margin-bottom: 1rem;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: 14px;
    padding-left: 14px;
}
@media (min-width: 768px) {
    .main .popular-transfers .row-body .locations-wrapper .locations-inner .loc-col .row .locations {
        flex: 0 0 auto;
        width: 100%;
    }
}
.main .popular-transfers .row-body .locations-wrapper .loc-col:nth-child(odd) .loc-box {
    margin-right: 5px;
}
@media (max-width: 767px) {
    .main .popular-transfers .row-body .locations-wrapper .loc-col:nth-child(odd) .loc-box {
        margin-right: 0;
    }
}
.main .popular-transfers .row-body .locations-wrapper .loc-box {
    display: flex;
    justify-content: center;
    align-items: center;
    outline: none;
    border: none;
    background-color: #fbfbfb;
    color: #000;
    padding: 1.6rem 1.285rem 1.2857rem;
    border-radius: 5px;
    cursor: pointer;
    width: 100%;
}
.main .popular-transfers .row-body .locations-wrapper .loc-box:hover {
    background-color: #d0142d;
    color: #fff;
    transition: 0.2s;
}
.main .popular-transfers .row-body .locations-wrapper .loc-box .start-location {
    margin-right: 1rem;
    font-size: 1rem;
    font-weight: 300;
}
.main .popular-transfers .row-body .locations-wrapper .loc-box .arrow {
    margin-right: 1rem;
    align-self: flex-start;
}
.main .popular-transfers .row-body .locations-wrapper .loc-box .arrow svg {
    display: block;
    width: 21px;
    height: 23px;
}
.main .vehicles {
    margin-bottom: 70px;
}
@media (max-width: 991px) {
    .main .vehicles {
        margin-bottom: 50px;
    }
}
@media (max-width: 767px) {
    .main .vehicles {
        margin-bottom: 30px;
    }
}
.main .vehicles .vehicles-inner {
    width: 100%;
    margin: 0 auto;
    padding: 0 30px;
}
@media (min-width: 768px) {
    .main .vehicles .vehicles-inner {
        max-width: 720px;
        padding: 0;
    }
}
@media (min-width: 992px) {
    .main .vehicles .vehicles-inner {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .main .vehicles .vehicles-inner {
        max-width: 1140px;
    }
}
@media (min-width: 1280px) {
    .main .vehicles .vehicles-inner {
        max-width: 1200px;
    }
}
@media (min-width: 1440px) {
    .main .vehicles .vehicles-inner {
        max-width: 1360px;
    }
}
.main .vehicles .vehicles-inner .vehicles-row {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    -moz-user-select: none;
    user-select: none;
}
.main .vehicles .vehicles-inner .vehicles-row .row-header {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: 14px;
    padding-left: 14px;
    margin-top: 0;
}
@media (min-width: 768px) {
    .main .vehicles .vehicles-inner .vehicles-row .row-header {
        flex: 0 0 auto;
        width: 83.33333%;
    }
}
.main .vehicles .vehicles-inner .vehicles-row .text-center {
    text-align: center;
}
@media (max-width: 767px) {
    .main .vehicles .vehicles-inner .vehicles-row .text-center {
        text-align: left;
    }
}
.main .vehicles .section-head {
    font-size: 2.5714rem;
    color: #000;
    line-height: 39px;
    font-weight: 500;
    margin-bottom: 0;
}
@media (max-width: 767px) {
    .main .vehicles .section-head {
        font-size: 18px;
        line-height: 28px;
    }
}
.main .vehicles .text-brand {
    font-size: 1.0715rem;
    color: grey;
    line-height: 1.8rem;
}
@media (max-width: 767px) {
    .main .vehicles .text-brand {
        font-size: 12px;
        line-height: 20px;
    }
}
.main .vehicles .vehicles-inner .vehicles-row .vehicles-container {
    position: relative;
    width: 100%;
    margin: 0 auto;
}
.main .vehicles .vehicles-inner .vehicles-wrapper {
    overflow: hidden;
    padding: 10px 0;
}
.main .vehicles .vehicles-inner .vehicles-slider {
    display: flex;
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.main .vehicles .vehicles-inner .vehicles-card {
    flex: 0 0 calc(100% / 4);
    padding: 0 10px;
}
@media (max-width: 1199px) {
    .main .vehicles .vehicles-inner .vehicles-card {
        flex: 0 0 calc(100% / 3);
    }
}
@media (max-width: 991px) {
    .main .vehicles .vehicles-inner .vehicles-card {
        flex: 0 0 calc(100% / 2);
    }
}
/* @media (max-width: 767px) {
    .main .vehicles .vehicles-inner .vehicles-card {
        flex: 0 0 calc(100% / 2);
    }
} */
@media (max-width: 575px) {
    .main .vehicles .vehicles-inner .vehicles-card {
        flex: 0 0 100%;
    }
}
.main .vehicles .vehicles-inner .vehicles-card .vehicles-card-inner {
    background: #fff;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5); 
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.main .vehicles .vehicles-inner .vehicles-card .vehicle-image {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
}
.main .vehicles .vehicles-inner .vehicles-card .vehicle-info {
    padding: 20px;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
}
.main .vehicles .vehicles-inner .vehicles-card .vehicle-name {
    font-size: 1.2rem;
    font-weight: 500;
    color: #333;
    padding: 0;
    margin: 0;
    margin-bottom: 3rem;
}
.main .vehicles .vehicles-inner .vehicles-card .card-desc {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 15px;
    margin-bottom: 30px;
}
.main .vehicles .vehicles-inner .vehicles-card .card-desc .person-container {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;

}
.main .vehicles .vehicles-inner .vehicles-card .card-desc .list-desc-icon {
    display: flex;
    margin-right: 8px;
    height: fit-content;
    width: fit-content;
}
.main .vehicles .vehicles-inner .vehicles-card .card-desc .list-desc-icon .person {
    width: 18px;
    height: 15px;
    background-repeat: no-repeat;
    display: block;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23d0142d'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M17%2021v-2a4%204%200%200%200-4-4H5a4%204%200%200%200-4%204v2'%3E%3C%2Fpath%3E%3Ccircle%20cx%3D'9'%20cy%3D'7'%20r%3D'4'%3E%3C%2Fcircle%3E%3Cpath%20d%3D'M23%2021v-2a4%204%200%200%200-3-3.87'%3E%3C%2Fpath%3E%3Cpath%20d%3D'M16%203.13a4%204%200%200%201%200%207.75'%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.main .vehicles .vehicles-inner .vehicles-card .card-desc .list-desc-text {
    font-size: 1rem;
    color: #404040;
    line-height: 1.4rem;
    font-weight: 300;
}
.main .vehicles .vehicles-inner .vehicles-card .card-desc .baggage-container {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.main .vehicles .vehicles-inner .vehicles-card .card-desc .baggage-container .baggage {
    width: 18px;
    height: 16px;
    background-repeat: no-repeat;
    display: block;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23d0142d'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'2'%20y%3D'7'%20width%3D'20'%20height%3D'14'%20rx%3D'2'%20ry%3D'2'%3E%3C%2Frect%3E%3Cpath%20d%3D'M16%2021V5a2%202%200%200%200-2-2h-4a2%202%200%200%200-2%202v16'%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.main .vehicles .vehicles-inner .vehicles-card .reserve-btn {
    width: 100%;
    padding: 12px;
    background-color: var(--logo-red);
    color: #fff;
    border: 2px solid var(--logo-red);
    border-radius: 6px;
    outline: none;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .3s ease;
    user-select: none;
}
.main .vehicles .vehicles-inner .vehicles-card .reserve-btn:hover {
    background-color: #fff;
    color: var(--logo-red);
}
.main .vehicles .vehicles-inner .vehicles-card .reserve-btn:active {
    transform: scale(0.98);
}
.main .vehicles .vehicles-inner .vehicles-container .arrow-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    border: none;
    width: 40px;
    height: 50px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    z-index: 10;
    overflow: hidden;
}
.main .vehicles .vehicles-inner .vehicles-container .arrow-btn:hover {
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}
.main .vehicles .vehicles-inner .vehicles-container .arrow-btn:active {
    transform: translateY(-50%) scale(0.95);
}
.main .vehicles .vehicles-inner .vehicles-container .arrow-btn.prev-btn {
    left: -25px;
}
.main .vehicles .vehicles-inner .vehicles-container .arrow-btn.next-btn {
    right: -25px;
}
.main .vehicles .vehicles-inner .vehicles-container .arrow-btn svg {
    color: var(--logo-red);
}
.main .vehicles .vehicles-inner .vehicles-container .arrow-btn.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}
.main .features {
    background-image: url("../images/features-background.jpg");
    background-size: cover;
    background-position: center top;
    padding: 70px 0;
    background-repeat: no-repeat;
}
@media (max-width: 991px) {
    .main .features {
        padding: 50px 0;
        background-position: center center;
    }
}
.main .features .features-inner {
    width: 100%;
    padding-right: 12px;
    padding-left: 12px;
    margin: 0 auto;
}
@media (min-width: 768px) {
    .main .features .features-inner {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .main .features .features-inner {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .main .features .features-inner {
        max-width: 1140px;
    }
}
@media (min-width: 1280px) {
    .main .features .features-inner {
        max-width: 1190px;
    }
}
@media (min-width: 1400px) {
    .main .features .features-inner {
        max-width: 1320px;
    }
}
.main .features .features-inner .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
}
.main .features .features-inner .row .features-item {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    margin: 5px auto;
}
@media (min-width: 576px) {
    .main .features .features-inner .row .features-item {
        flex: 0 0 auto;
        width: calc(50% - 20px);
        margin: 10px;
    }
}
@media (min-width: 992px) {
    .main .features .features-inner .row .features-item {
        flex: 0 0 auto;
        width: calc(25% - 20px);
    }
}
.main .features .features-inner .features-card {
    text-align: center;
    height: 100%;
    border: 0;
    box-shadow: 0 .125rem .25rem rgba(33, 37, 41, .075) !important;
    display: flex;
    position: relative;
    flex-direction: column;
    border-radius: 6px;
    word-wrap: break-word;
    background-color: #fff;
}
.main .features .features-inner .features-card .card-header {
    padding: 30px 16px 0 16px;
    margin-bottom: 0;
    border: 0;
}
.main .features .features-inner .features-card .card-header svg {
    width: 40px;
    height: 40px;
}
.main .features .features-inner .features-card .card-header .card-brand-title {
    font-size: 1.2rem;
    color: #000;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 0;
    margin-top: 5px;
}
.main .features .features-inner .features-card .card-body {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    padding: 0 16px 16px 16px;
    color: #313131;
}
.main .features .features-inner .features-card .card-body .card-brand-text {
    font-size: 14px;
    font-weight: 200;
    color: #646464;
}
.main .airlines {
    margin-top: 20px;
    margin-bottom: 20px;
}
.main .airlines .airlines-inner {
    width: 100%;
    padding: 0;
    margin: 0 auto;
}
@media (min-width: 768px) {
    .main .airlines .airlines-inner {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .main .airlines .airlines-inner {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .main .airlines .airlines-inner {
        max-width: 1140px;
    }
}
@media (min-width: 1280px) {
    .main .airlines .airlines-inner {
        max-width: 1190px;
    }
}
@media (min-width: 1400px) {
    .main .airlines .airlines-inner {
        max-width: 1320px;
    }
}
.main .airlines .airlines-inner .row-header {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.main .airlines .airlines-inner .row-header .header-inner {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: 14px;
    padding-left: 14px;
    margin-top: 0;
}
@media (min-width: 768px) {
    .main .airlines .airlines-inner .row-header .header-inner {
        flex: 0 0 auto;
        width: 83.33333%;
    }
}
.main .airlines .airlines-inner .row-header .header-inner .text-center {
    text-align: center;
}
@media (max-width: 767px) {
    .main .airlines .airlines-inner .row-header .header-inner .text-center {
        text-align: left;
    }
}
.main .airlines .airlines-inner .row-header .header-inner .text-center .section-head {
    font-size: 2.5714rem;
    color: #000;
    line-height: 39px;
    font-weight: 500;
}
@media (max-width: 767px) {
    .main .airlines .airlines-inner .row-header .header-inner .text-center .section-head {
        font-size: 18px;
        line-height: 28px;
    }
}
@keyframes airlines-logo-slider {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}
.main .airlines .airlines-inner .row-body {
    display: flex;
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    background: #fff;
    white-space: nowrap;
    padding: 10px 0 30px 0;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}
.main .airlines .airlines-inner .row-body:hover .logo-slide-container {
    animation-play-state: paused;
}
.main .airlines .airlines-inner .row-body::before,
.main .airlines .airlines-inner .row-body::after {
    content: "";
    position: absolute;
    top: 0;
    width: 50px;
    height: 100%;
    z-index: 2;
}
.main .airlines .airlines-inner .row-body::before {
    left: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 0), white);
}
.main .airlines .airlines-inner .row-body::after {
    right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
}
.main .airlines .airlines-inner .row-body .logo-slide-container {
    display: flex;
    width: max-content;
    transition: transform .5s cubic-bezier(0.4, 0, 0.2, 1);
    animation: 35s airlines-logo-slider infinite linear;
}
.main .airlines .logo-slide-container .slide-card {
    overflow: hidden;
    height: 100%;
    padding: 0 20px;
}
@media (max-width: 1199px) {
    .main .airlines .logo-slide-container .slide-card {
        padding: 0 15px;
    }
}
@media (max-width: 767px) {
    .main .airlines .logo-slide-container .slide-card {
        padding: 0 10px;
    }
}
.main .airlines .logo-slide-container .slide-card img {
    width: 100px;
    height: auto;
    object-fit: cover;
    display: block;
}
@media (max-width: 575px) {
    .main .airlines .logo-slide-container .slide-card img {
        width: 70px;
    }
}
.main .vehicle-list-head {
    margin-bottom: 3.9285rem;
    margin-top: 2.8571rem;
}
@media (max-width: 575px) {
    .main .vehicle-list-head {
        margin-bottom: 17px;
        margin-top: 10px;
    }
}
@media (max-width: 476px) {
    .main .vehicle-list-head {
        padding: 0 14px;
    }
}
.main .vehicle-list-head .content-head {
    display: flex;
    justify-content: center;
}
.main .vehicle-list-head .content-head .step {
    display: flex;
    align-items: center;
}
.main .vehicle-list-head .content-head .step.active {
    flex-shrink: 0;
}
.main .vehicle-list-head .content-head .step .step-icon {
    margin-right: .7142rem;
}
@media (max-width: 575px) {
    .main .vehicle-list-head .content-head .step:not(.active) .step-icon {
        margin-right: 0;
    }
}
.main .vehicle-list-head .content-head .step .step-icon .step-number {
    width: 30px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #b8b8b8;
    color: #b8b8b8;
    display: block;
    text-align: center;
    border-radius: 50%;
    background-color: #fff;
}
.main .vehicle-list-head .content-head .step.active .step-icon .step-number {
    color: #000;
    border-color: #000;
}
.main .vehicle-list-head .content-head .step.completed .step-icon .step-number {
    color: #fff;
    background: #28a745;
    border-color: #28a745;
}
@media (max-width: 575px) {
    .main .vehicle-list-head .content-head .step:not(.active) .step-label {
        display: none;
    }
    .main .vehicle-list-head .content-head .step.active.completed .step-label {
        display: none;
    }
}
.main .vehicle-list-head .content-head .step .step-label .step-title {
    color: #b8b8b8;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 0;
}
.main .vehicle-list-head .content-head .step.active .step-label .step-title {
    color: #000;
}
.main .vehicle-list-head .content-head .step.completed .step-label .step-title {
    color: #28a745;
}
.main .vehicle-list-head .content-head .step.step-one::after {
    content: "";
    position: relative;
    height: 1px;
    background-color: #b8b8b8;
    flex: 1;
    margin: 0 1rem;
    width: 100px;
}
.main .vehicle-list-head .content-head .step.active.step-one::after {
    background-color: #000;
}
.main .vehicle-list-head .content-head .step.completed.step-one::after {
    background-color: #28a745;
}
@media (max-width: 767px) {
    .main .vehicle-list-head .content-head .step.step-one::after {
        width: 50px;
    }
}
.main .vehicle-list-head .content-head .step.step-second::after {
    content: "";
    position: relative;
    height: 1px;
    background-color: #b8b8b8;
    flex: 1;
    margin: 0 1rem;
    width: 100px;
}
.main .vehicle-list-head .content-head .step.active.step-second::after {
    background-color: #000;
}
.main .vehicle-list-head .content-head .step.completed.step-second::after {
    background-color: #28a745;
}
@media (max-width: 767px) {
    .main .vehicle-list-head .content-head .step.step-second::after {
        width: 50px;
    }
}
.main .vehicle-select-content .vehicle-content-wrapper {
    width: 100%;
    margin: 0 auto;
    -moz-user-select: none;
    user-select: none;
    padding-right: 14px;
    padding-left: 14px;
}
@media (min-width: 768px) {
    .main .vehicle-select-content .vehicle-content-wrapper {
        max-width: 720px;
        padding: 0;
    }
}
@media (min-width: 992px) {
    .main .vehicle-select-content .vehicle-content-wrapper {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .main .vehicle-select-content .vehicle-content-wrapper {
        max-width: 1140px;
    }
}
@media (min-width: 1280px) {
    .main .vehicle-select-content .vehicle-content-wrapper {
        max-width: 1190px;
    }
}
@media (min-width: 1440px) {
    .main .vehicle-select-content .vehicle-content-wrapper {
        max-width: 1190px;
    }
}
.main .vehicle-select-content .vehicle-content-wrapper .list-view {
    display: flex;
    flex-direction: column;
}
@media (min-width: 1200px) {
    .main .vehicle-select-content .vehicle-content-wrapper .list-view {
        display: grid;
        grid-template-columns: 2fr 1fr;
        column-gap: 1.43rem;
    }
}
.main .vehicle-select-content .vehicle-items {
    width: 800px;
}
@media (max-width: 1199px) {
    .main .vehicle-select-content .vehicle-items {
        width: 100%;
        order: 2;
    }
}
.main .vehicle-select-content .vehicle-items .vehicle-card {
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 2fr;
    border-radius: 10px;
    box-shadow: 0 0 30px 0 rgb(34 41 47 / 6%);
    margin-bottom: 1.4285rem;
    transition: all .3s ease-in-out,background 0s,color 0s,border-color 0s;
    position: relative;
    min-width: 0;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(34, 41, 47, .125);
    word-wrap: break-word;
}
@media (max-width: 767.99px) {
    .main .vehicle-select-content .vehicle-items .vehicle-card {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 575px) {
    .main .vehicle-select-content .vehicle-items .vehicle-card {
        display: flex;
        margin-bottom: 30px;
    }
}
.main .vehicle-select-content .vehicle-items .vehicle-card:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    transform: translateY(-5px);
}
.main .vehicle-select-content .vehicle-items .vehicle-card .card-body {
    padding: 2.1428rem;
    display: flex;
    flex-direction: column;
    width: 560px;
    order: 2;
    flex: 1 1 auto;
}
@media (max-width: 1199px) {
    .main .vehicle-select-content .vehicle-items .vehicle-card .card-body {
        width: 100%;
    }
}
@media (max-width: 767.99px) {
    .main .vehicle-select-content .vehicle-items .vehicle-card .card-body {
        border: none;
    }
}
@media (max-width: 498px) {
    .main .vehicle-select-content .vehicle-items .vehicle-card .card-body {
        padding: 1.5rem;
    }
}
@media (max-width: 467px) {
    .main .vehicle-select-content .vehicle-items .vehicle-card .card-body {
       padding: 0;
    }
}
.main .vehicle-select-content .card-body .vehicle-head {
    display: flex;
    justify-content: space-between;
}
@media (max-width: 767px) {
    .main .vehicle-select-content .card-body .vehicle-head {
        gap: 15px;
    }
}
.main .vehicle-select-content .card-body .vehicle-head .vehicle-head-inner {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
@media (max-width: 767px) {
    .main .vehicle-select-content .card-body .vehicle-head .vehicle-head-inner {
        order: 2;
        flex-direction: column;
        justify-content: flex-start;
        align-self: flex-start;
    }
}
@media (max-width: 467px) {
    .main .vehicle-select-content .card-body .vehicle-head .vehicle-head-inner {
        padding-right: 25px;
        margin-top: 20px;
    }
}
.main .vehicle-select-content .card-body .vehicle-head .vehicle-head-inner .vehicle-name {
    margin-bottom: 0;

}
.main .vehicle-select-content .card-body .vehicle-name h6 {
    font-weight: 500;
    font-size: 1.2858rem;
    color: #000;
    max-width: 310px;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 1px;
    white-space: unset;
    margin-bottom: 0;
    margin-top: 0;
    line-height: 1.2;
}
@media (max-width: 767px) {
    .main .vehicle-select-content .card-body .vehicle-name h6 {
        font-size: 14px;
        line-height: 18px;
        overflow: unset;
        text-overflow: unset;
        white-space: unset;
    }
}
.main .vehicle-select-content .vehicle-card .vn-inner-hr {
    display: none;
    background: #d0142d;
    height: 2px;
    width: 100%;
    margin: 1.4285rem 0 1.0714rem;
}
@media (max-width: 767px) {
    .main .vehicle-select-content .vehicle-card .vn-inner-hr {
        display: block;
        width: 40px;
    }
}
.main .vehicle-select-content .vehicle-card .vehicle-icon {
    display: flex;
}
.main .vehicle-select-content .vehicle-card .vehicle-icon .list-desc-container {
    display: flex;
    align-items: center;
    position: relative;
}
.main .vehicle-select-content .vehicle-card .vehicle-head .vehicle-head-inner .vehicle-icon .list-desc-container:hover::after {
    content: attr(data-original-title);
    background: #000;
    color: #fff;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(-100%);
    padding: .5rem;
    width: max-content;
    border-radius: 7px;
    font-size: 10px;
    font-weight: 500;
    z-index: 10;
}
.main .vehicle-select-content .vehicle-card .vehicle-icon .list-desc-container:first-child {
    margin-right: 1.4285rem;
}
.main .vehicle-select-content .vehicle-card .vehicle-icon .list-desc-container .list-desc-icon {
    margin-right: 5px;
    display: flex;
    height: fit-content;
    width: fit-content;
}
.main .vehicle-select-content .vehicle-card .vehicle-icon .list-desc-container .list-desc-icon .persons {
    width: 18px;
    height: 15px;
    background-repeat: no-repeat;
    display: block;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23d0142d'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20class%3D'feather%20feather-users'%3E%3Cpath%20d%3D'M17%2021v-2a4%204%200%200%200-4-4H5a4%204%200%200%200-4%204v2'%3E%3C%2Fpath%3E%3Ccircle%20cx%3D'9'%20cy%3D'7'%20r%3D'4'%3E%3C%2Fcircle%3E%3Cpath%20d%3D'M23%2021v-2a4%204%200%200%200-3-3.87'%3E%3C%2Fpath%3E%3Cpath%20d%3D'M16%203.13a4%204%200%200%201%200%207.75'%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.main .vehicle-select-content .vehicle-card .vehicle-icon .list-desc-container .list-desc-text {
    font-size: 1rem;
    color: #404040;
    line-height: 1.4rem;
    font-weight: 300;
}
.main .vehicle-select-content .vehicle-card .vehicle-icon .list-desc-container .list-desc-icon .baggage {
    width: 18px;
    height: 16px;
    background-repeat: no-repeat;
    display: block;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23d0142d'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20class%3D'feather%20feather-briefcase'%3E%3Crect%20x%3D'2'%20y%3D'7'%20width%3D'20'%20height%3D'14'%20rx%3D'2'%20ry%3D'2'%3E%3C%2Frect%3E%3Cpath%20d%3D'M16%2021V5a2%202%200%200%200-2-2h-4a2%202%200%200%200-2%202v16'%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.main .vehicle-select-content .vehicle-card .vehicle-name-hr {
    background: #d0142d;
    height: 2px;
    width: 10%;
    margin: 1.4285rem 0 1.0714rem;
    color: #ebe9f1;
    border: 0;
    opacity: 1;
}
@media (max-width: 767px) {
    .main .vehicle-select-content .vehicle-card .vehicle-name-hr {
        display: none;
    }
}
.main .vehicle-select-content .card-body .list-desc {
    display: flex;
    justify-content: space-between;
}
@media (max-width: 767px) {
    .main .vehicle-select-content .card-body .list-desc {
        padding-top: 1.4285rem;
    }
}
@media (max-width: 467px) {
    .main .vehicle-select-content .card-body .list-desc {
        padding: 14px 14px 0;
    }
}
.main .vehicle-select-content .card-body .list-desc .detail-list-icon {
    display: flex;
    justify-content: space-between;
}
.main .vehicle-select-content .card-body .list-desc .detail-list-icon .list-desc-container {
    margin-right: 1.5rem;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
}
.main .vehicle-select-content .vehicle-card .card-body .list-desc .detail-list-icon .list-desc-container:hover::after {
    content: attr(data-original-title);
    background: #000;
    color: #fff;
    position: absolute;
    top: -.5rem;
    left: 50%;
    transform: translateX(-50%) translateY(-100%);
    padding: .5rem;
    width: max-content;
    border-radius: 7px;
    /* -webkit-box-shadow: 0px 0px 5px 0px #000000; 
    box-shadow: 0px 0px 5px 0px #000000; */
    font-size: 10px;
    font-weight: 500;
    z-index: 10;
}
.main .vehicle-select-content .vehicle-card .list-desc .detail-list-icon .list-desc-container .list-desc-icon {
    margin-right: 10px;
}
@media (max-width: 467px) {
    .main .vehicle-select-content .vehicle-card .list-desc .detail-list-icon .list-desc-container .list-desc-icon {
        margin-right: 0;
    }
}
.main .vehicle-select-content .vehicle-card .list-desc .detail-list-icon .list-desc-container .list-desc-icon .fixed-price {
    margin-top: 5px;
    width: 1.0715rem;
    height: 1.0715rem;
    background-repeat: no-repeat;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 22 30' style='enable-background:new 0 0 22 30;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23777777;%7D%0A%3C/style%3E%3Cpath class='st0' d='M20,13h-2V9c0-3.9-3.1-7-7-7S4,5.1,4,9v4H2V9c0-5,4-9,9-9s9,4,9,9V13z'/%3E%3Cpath class='st0' d='M19,30H3c-1.7,0-3-1.3-3-3V15c0-1.7,1.3-3,3-3h16c1.7,0,3,1.3,3,3v12C22,28.7,20.7,30,19,30z M3,14 c-0.6,0-1,0.4-1,1v12c0,0.6,0.4,1,1,1h16c0.6,0,1-0.4,1-1V15c0-0.6-0.4-1-1-1H3z'/%3E%3Ccircle class='st0' cx='11' cy='18' r='2'/%3E%3Cpath class='st0' d='M11.5,18h-1l-1,6h3L11.5,18z'/%3E%3C/svg%3E%0A");
}
@media (max-width: 767px) {
    .main .vehicle-select-content .vehicle-card .list-desc .detail-list-icon .list-desc-container .list-desc-icon .fixed-price {
        width: 12px;
        height: 15px;
    }
}
.main .vehicle-select-content .vehicle-card .list-desc .detail-list-icon .list-desc-container .list-desc-text {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    max-width: 70px;
    font-size: .8572rem;
    color: #777;
    font-weight: 400;
}
@media (max-width: 575px) {
    .main .vehicle-select-content .vehicle-card .list-desc .detail-list-icon .list-desc-container .list-desc-text {
        display: none;
    }
}
.main .vehicle-select-content .vehicle-card .list-desc .detail-list-icon .list-desc-container .list-desc-icon .plane {
    margin-top: 5px;
    width: 1.0715rem;
    height: 1.0715rem;
    background-repeat: no-repeat;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg%20id%3D'katman_1'%20data-name%3D'katman%201'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2022%2022'%3E%3Cpath%20d%3D'M7.94%2C21.81h-.1a.76.76%2C0%2C0%2C1-.55-.37L4.84%2C17.16.56%2C14.71a.76.76%2C0%2C0%2C1-.37-.55.74.74%2C0%2C0%2C1%2C.22-.63l1.27-1.28A.72.72%2C0%2C0%2C1%2C2.32%2C12l2.8.41L8.33%2C9.24%2C2.28%2C4.89A.76.76%2C0%2C0%2C1%2C2%2C4.34a.72.72%2C0%2C0%2C1%2C.22-.59L3.92%2C2a.78.78%2C0%2C0%2C1%2C.78-.18l8.22%2C2.82L16.47%2C1.1A3.13%2C3.13%2C0%2C0%2C1%2C20.9%2C5.53L17.35%2C9.08l2.82%2C8.22a.78.78%2C0%2C0%2C1-.18.78l-1.74%2C1.73a.73.73%2C0%2C0%2C1-.59.22.76.76%2C0%2C0%2C1-.55-.31l-4.35-6L9.55%2C16.88l.41%2C2.8a.8.8%2C0%2C0%2C1-.21.64L8.47%2C21.59A.75.75%2C0%2C0%2C1%2C7.94%2C21.81ZM2.16%2C13.89%2C5.76%2C16a.75.75%2C0%2C0%2C1%2C.28.28l2.06%2C3.6.32-.32L8%2C16.72a.8.8%2C0%2C0%2C1%2C.21-.64l4.1-4.1a.77.77%2C0%2C0%2C1%2C.59-.21.73.73%2C0%2C0%2C1%2C.55.31l4.35%2C6%2C.79-.78L15.78%2C9.12A.75.75%2C0%2C0%2C1%2C16%2C8.35l3.88-3.88a1.63%2C1.63%2C0%2C1%2C0-2.31-2.31L13.65%2C6a.75.75%2C0%2C0%2C1-.77.18L4.65%2C3.4l-.78.79L9.92%2C8.54a.76.76%2C0%2C0%2C1%2C.31.55.73.73%2C0%2C0%2C1-.22.59l-4.09%2C4.1a.8.8%2C0%2C0%2C1-.64.21l-2.8-.41Z'%20style%3D'fill%3A%20%23777777'%2F%3E%3C%2Fsvg%3E");
}
@media (max-width: 767px) {
    .main .vehicle-select-content .vehicle-card .list-desc .detail-list-icon .list-desc-container .list-desc-icon .plane {
        width: 15px;
        height: 17px;
    }
}
.main .vehicle-select-content .vehicle-card .list-desc .detail-list-icon .list-desc-container .list-desc-icon .airport {
    margin-top: 5px;
    width: 1.0715rem;
    height: 1.0715rem;
    background-repeat: no-repeat;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Cpath%20d%3D%22M16.0674%202.25C15.6532%202.25%2015.3174%202.58579%2015.3174%203C15.3174%203.41421%2015.6532%203.75%2016.0674%203.75V2.25ZM16.0674%2020.25C15.6532%2020.25%2015.3174%2020.5858%2015.3174%2021C15.3174%2021.4142%2015.6532%2021.75%2016.0674%2021.75V20.25ZM20.4997%203.75C20.6986%203.75%2020.8893%203.82902%2021.03%203.96967L22.0907%202.90901C21.6687%202.48705%2021.0964%202.25%2020.4997%202.25V3.75ZM21.03%203.96967C21.1707%204.11032%2021.2497%204.30109%2021.2497%204.5H22.7497C22.7497%203.90326%2022.5126%203.33097%2022.0907%202.90901L21.03%203.96967ZM21.2497%204.5V19.5H22.7497V4.5H21.2497ZM21.2497%2019.5C21.2497%2019.6989%2021.1707%2019.8897%2021.03%2020.0303L22.0907%2021.091C22.5126%2020.669%2022.7497%2020.0967%2022.7497%2019.5H21.2497ZM21.03%2020.0303C20.8893%2020.171%2020.6986%2020.25%2020.4997%2020.25V21.75C21.0964%2021.75%2021.6687%2021.5129%2022.0907%2021.091L21.03%2020.0303ZM16.0674%203.75H20.4997V2.25H16.0674V3.75ZM20.4997%2020.25H16.0674V21.75H20.4997V20.25Z%22%20fill%3D%22%23777777%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M12.1032%2022.9926L12.0041%2023.7361L12.0042%2023.7361L12.1032%2022.9926ZM2.67467%2021.7352L2.77381%2020.9918L2.77292%2020.9917L2.67467%2021.7352ZM2%2021.0097L2.75%2021.0101V21.0097H2ZM2%203.90556H2.75L2.75%203.9049L2%203.90556ZM2.62124%203.18788L2.76819%203.92334C2.77534%203.92191%202.78247%203.92038%202.78957%203.91874L2.62124%203.18788ZM12.0498%201.01625L11.9029%200.280784C11.8957%200.282213%2011.8886%200.283746%2011.8815%200.285383L12.0498%201.01625ZM13%201.73393L12.25%201.73327V1.73393H13ZM13%2022.2671L13.75%2022.2676V22.2671H13ZM12.2024%2022.2492L2.77381%2020.9918L2.57552%2022.4786L12.0041%2023.7361L12.2024%2022.2492ZM2.77292%2020.9917C2.7629%2020.9904%202.7549%2020.9876%202.74924%2020.9847C2.74358%2020.9818%202.74133%2020.9794%202.7413%2020.9794L1.64285%2022.0009C1.89027%2022.2669%202.2234%2022.4321%202.57641%2022.4788L2.77292%2020.9917ZM2.7413%2020.9794C2.74129%2020.9794%202.74188%2020.98%202.74278%2020.9814C2.74367%2020.9829%202.74481%2020.9849%202.74592%2020.9877C2.74822%2020.9935%202.75001%2021.0012%202.75%2021.0101L1.25%2021.0093C1.24979%2021.3819%201.39421%2021.7335%201.64285%2022.0009L2.7413%2020.9794ZM2.75%2021.0097V3.90556H1.25V21.0097H2.75ZM2.75%203.9049C2.75001%203.91322%202.74843%203.92056%202.74631%203.92618C2.74421%203.93173%202.74201%203.93449%202.7416%203.93497L1.60748%202.95325C1.37999%203.21606%201.24969%203.55216%201.25%203.90622L2.75%203.9049ZM2.7416%203.93497C2.74124%203.93538%202.74879%203.92722%202.76819%203.92334L2.47429%202.45241C2.1418%202.51885%201.83398%202.69158%201.60748%202.95325L2.7416%203.93497ZM2.78957%203.91874L12.2181%201.74711L11.8815%200.285383L2.4529%202.45701L2.78957%203.91874ZM12.1968%201.75171C12.2089%201.74929%2012.2218%201.74946%2012.2337%201.7521L12.5604%200.288122C12.3443%200.239884%2012.1199%200.23741%2011.9029%200.280784L12.1968%201.75171ZM12.2337%201.7521C12.2455%201.75473%2012.253%201.75908%2012.2565%201.76175L13.1606%200.564807C12.9819%200.429858%2012.7766%200.33637%2012.5604%200.288122L12.2337%201.7521ZM12.2565%201.76175C12.2599%201.7643%2012.2583%201.76423%2012.2556%201.75891L13.5915%201.07667C13.4879%200.873871%2013.3394%200.699877%2013.1606%200.564807L12.2565%201.76175ZM12.2556%201.75891C12.2528%201.75333%2012.25%201.74438%2012.25%201.73327L13.75%201.73459C13.7502%201.50472%2013.6952%201.27973%2013.5915%201.07667L12.2556%201.75891ZM12.25%201.73393V22.2671H13.75V1.73393H12.25ZM12.25%2022.2666C12.25%2022.256%2012.2526%2022.2473%2012.2553%2022.2417L13.6025%2022.9013C13.6988%2022.7046%2013.7499%2022.4883%2013.75%2022.2676L12.25%2022.2666ZM12.2553%2022.2417C12.258%2022.2362%2012.2598%2022.2356%2012.2572%2022.2377L13.2007%2023.4039C13.3681%2023.2684%2013.5063%2023.0977%2013.6025%2022.9013L12.2553%2022.2417ZM12.2572%2022.2377C12.2545%2022.2399%2012.2481%2022.244%2012.2375%2022.247L12.6347%2023.6934C12.84%2023.637%2013.0333%2023.5393%2013.2007%2023.4039L12.2572%2022.2377ZM12.2375%2022.247C12.2268%2022.2499%2012.2145%2022.2508%2012.2023%2022.2492L12.0042%2023.7361C12.2148%2023.7641%2012.4295%2023.7498%2012.6347%2023.6934L12.2375%2022.247Z%22%20fill%3D%22%23777777%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M8.5%2011.25C8.08579%2011.25%207.75%2011.5858%207.75%2012C7.75%2012.4142%208.08579%2012.75%208.5%2012.75V11.25ZM10%2012.75C10.4142%2012.75%2010.75%2012.4142%2010.75%2012C10.75%2011.5858%2010.4142%2011.25%2010%2011.25V12.75ZM8.5%2012.75H10V11.25H8.5V12.75Z%22%20fill%3D%22%23777777%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@media (max-width: 767px) {
    .main .vehicle-select-content .vehicle-card .list-desc .detail-list-icon .list-desc-container .list-desc-icon .airport {
        width: 18px;
        height: 17px;
    }
}
.main .vehicle-select-content .vehicle-card .list-desc .detail-list-icon .list-desc-container .list-desc-icon .cancel {
    margin-top: 3px;
    width: 1.0715rem;
    height: 1.0715rem;
    background-repeat: no-repeat;
    display: block;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23777777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-thumbs-up'%3E%3Cpath d='M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3'%3E%3C/path%3E%3C/svg%3E");
}
@media (max-width: 767px) {
    .main .vehicle-select-content .vehicle-card .list-desc .detail-list-icon .list-desc-container .list-desc-icon .cancel {
        width: 17px;
        height: 17px;
    }
}
@media (max-width: 467px) {
    .main .vehicle-select-content .vehicle-card .list-desc .detail-list-icon .list-desc-container .list-desc-icon .cancel {
        margin-top: 4px;
    }
}
.main .vehicle-select-content .vehicle-card .list-desc .quadro-list-icon {
    display: flex;
    justify-content: space-between;
}
.main .vehicle-select-content .vehicle-card .list-desc .quadro-list-icon .list-desc-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.main .vehicle-select-content .vehicle-card .list-desc .quadro-list-icon .list-desc-container:not(:last-child) .list-desc-icon {
    margin-right: 12px;
}
.main .vehicle-select-content .vehicle-card .list-desc .quadro-list-icon .list-desc-container .list-desc-icon {
    position: relative;
}
.main .vehicle-select-content .vehicle-card .list-desc .quadro-list-icon .list-desc-container .list-desc-icon .wifi {
    width: 16px;
    height: 17px;
    background-repeat: no-repeat;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg%20version%3D'1.1'%20id%3D'katman_1'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%20x%3D'0px'%20y%3D'0px'%20viewBox%3D'0%200%2022%2022'%20style%3D'enable-background%3Anew%200%200%2022%2022%3B'%20xml%3Aspace%3D'preserve'%3E%3Cstyle%20type%3D'text%2Fcss'%3E%20.st0%7Bfill%3Anone%3Bstroke%3A%23777777%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st1%7Bfill%3A%23777777%3B%7D%3C%2Fstyle%3E%3Cg%3E%3Cpath%20class%3D'st0'%20d%3D'M1.1%2C7.6c5.4-5.4%2C14.3-5.4%2C19.7%2C0'%2F%3E%3Cpath%20class%3D'st0'%20d%3D'M5.6%2C12.1c3-3%2C7.8-3%2C10.7%2C0'%2F%3E%3Ccircle%20class%3D'st1'%20cx%3D'11'%20cy%3D'17.4'%20r%3D'2.1'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.main .vehicle-select-content .vehicle-card .list-desc .quadro-list-icon .list-desc-container .list-desc-icon .wifi:hover {
    background-image: url("data:image/svg+xml,%3Csvg%20version%3D'1.1'%20id%3D'katman_1'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%20x%3D'0px'%20y%3D'0px'%20viewBox%3D'0%200%2022%2022'%20style%3D'enable-background%3Anew%200%200%2022%2022%3B'%20xml%3Aspace%3D'preserve'%3E%3Cstyle%20type%3D'text%2Fcss'%3E%20.st0%7Bfill%3Anone%3Bstroke%3A%23D0142D%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st1%7Bfill%3A%23D0142D%3B%7D%3C%2Fstyle%3E%3Cg%3E%3Cpath%20class%3D'st0'%20d%3D'M1.1%2C7.6c5.4-5.4%2C14.3-5.4%2C19.7%2C0'%2F%3E%3Cpath%20class%3D'st0'%20d%3D'M5.6%2C12.1c3-3%2C7.8-3%2C10.7%2C0'%2F%3E%3Ccircle%20class%3D'st1'%20cx%3D'11'%20cy%3D'17.4'%20r%3D'2.1'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.main .vehicle-select-content .vehicle-card .list-desc .quadro-list-icon .list-desc-container .list-desc-icon span:hover::after {
    content: attr(data-original-title);
    background: #000;
    color: #fff;
    position: absolute;
    top: -.5rem;
    left: 50%;
    transform: translateX(-50%) translateY(-100%);
    padding: .5rem;
    width: max-content;
    border-radius: 7px;
    /* -webkit-box-shadow: 0px 0px 5px 0px #000000; 
    box-shadow: 0px 0px 5px 0px #000000; */
    font-size: 10px;
    font-weight: 500;
    z-index: 10;
}
.main .vehicle-select-content .vehicle-card .list-desc .quadro-list-icon .list-desc-container .list-desc-icon .cabin:hover::after {
    left: 0;
}
.main .vehicle-select-content .vehicle-card .list-desc .quadro-list-icon .list-desc-container .list-desc-icon .tv {
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23777777%22%3E%3Cg%20stroke-width%3D%220%22%3E%3C%2Fg%3E%3Cg%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fg%3E%3Cg%3E%3Cpath%20d%3D%22M892.9%20145.2H130.1c-33.5%200-60.7%2027.2-60.7%2060.7v503.4c0%2033.4%2027.2%2060.7%2060.7%2060.7h762.8c33.5%200%2060.7-27.2%2060.7-60.7V205.8c0-33.4-27.3-60.6-60.7-60.6z%20m8.7%20564.1c0%204.8-3.9%208.7-8.7%208.7H130.1c-4.8%200-8.7-3.9-8.7-8.7V205.8c0-4.8%203.9-8.7%208.7-8.7h762.8c4.8%200%208.7%203.9%208.7%208.7v503.5zM719.3%20823.9h-416c-14.4%200-26%2011.6-26%2026s11.6%2026%2026%2026h416.1c14.4%200%2026-11.6%2026-26s-11.7-26-26.1-26z%20m-83.2-384.8l-173.4-104c-8-4.8-18-4.9-26.2-0.3-8.1%204.6-13.2%2013.3-13.2%2022.6v208c0%209.4%205%2018%2013.2%2022.6%204%202.3%208.4%203.4%2012.8%203.4%204.6%200%209.3-1.3%2013.4-3.7l173.4-104c7.8-4.7%2012.6-13.2%2012.6-22.3%200-9.1-4.8-17.6-12.6-22.3z%22%20fill%3D%22%23777777%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.main .vehicle-select-content .vehicle-card .list-desc .quadro-list-icon .list-desc-container .list-desc-icon .tv:hover {
    background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23d0142d%22%20viewBox%3D%220%20-6%2046%2046%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20stroke-width%3D%220%22%3E%3C%2Fg%3E%3Cg%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fg%3E%3Cg%3E%3Cpath%20id%3D%22_24.TV%22%20data-name%3D%2224.TV%22%20d%3D%22M46%2C37H2a1%2C1%2C0%2C0%2C1-1-1V8A1%2C1%2C0%2C0%2C1%2C2%2C7H46a1%2C1%2C0%2C0%2C1%2C1%2C1V36A1%2C1%2C0%2C0%2C1%2C46%2C37ZM45%2C9H3V35H45ZM21%2C16a.975.975%2C0%2C0%2C1%2C.563.2l7.771%2C4.872a.974.974%2C0%2C0%2C1%2C.261%2C1.715l-7.974%2C4.981A.982.982%2C0%2C0%2C1%2C21%2C28a1%2C1%2C0%2C0%2C1-1-1V17A1%2C1%2C0%2C0%2C1%2C21%2C16ZM15%2C39H33a1%2C1%2C0%2C0%2C1%2C0%2C2H15a1%2C1%2C0%2C0%2C1%2C0-2Z%22%20transform%3D%22translate(-1%20-7)%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.main .vehicle-select-content .vehicle-card .list-desc .quadro-list-icon .list-desc-container .list-desc-icon .bar {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23777777%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20241.35%20241.349%22%20xml%3Aspace%3D%22preserve%22%20stroke%3D%22%23777777%22%3E%3Cg%20stroke-width%3D%220%22%3E%3C%2Fg%3E%3Cg%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath%20d%3D%22M205.38%2C11.465C205.38%2C5.143%2C200.237%2C0%2C193.913%2C0H47.435C41.113%2C0%2C35.97%2C5.143%2C35.97%2C11.465v197.322%20c0%2C6.324%2C5.144%2C11.467%2C11.465%2C11.467h146.479c6.324%2C0%2C11.467-5.143%2C11.467-11.467V11.465z%20M191.043%2C205.921H50.307V14.337h140.736%20V205.921z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M196.741%2C227.011H43.808c-3.962%2C0-7.168%2C3.211-7.168%2C7.169s3.206%2C7.169%2C7.168%2C7.169h152.933%20c3.958%2C0%2C7.169-3.211%2C7.169-7.169S200.699%2C227.011%2C196.741%2C227.011z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M72.483%2C169.369c3.962%2C0%2C7.168-3.211%2C7.168-7.169V67.208c0-3.958-3.206-7.169-7.168-7.169s-7.168%2C3.211-7.168%2C7.169%20v94.981C65.314%2C166.158%2C68.521%2C169.369%2C72.483%2C169.369z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.main .vehicle-select-content .vehicle-card .list-desc .quadro-list-icon .list-desc-container .list-desc-icon .bar:hover {
    background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23d0142d%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20241.35%20241.349%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%20stroke-width%3D%220%22%3E%3C%2Fg%3E%3Cg%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath%20d%3D%22M205.38%2C11.465C205.38%2C5.143%2C200.237%2C0%2C193.913%2C0H47.435C41.113%2C0%2C35.97%2C5.143%2C35.97%2C11.465v197.322%20c0%2C6.324%2C5.144%2C11.467%2C11.465%2C11.467h146.479c6.324%2C0%2C11.467-5.143%2C11.467-11.467V11.465z%20M191.043%2C205.921H50.307V14.337h140.736%20V205.921z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M196.741%2C227.011H43.808c-3.962%2C0-7.168%2C3.211-7.168%2C7.169s3.206%2C7.169%2C7.168%2C7.169h152.933%20c3.958%2C0%2C7.169-3.211%2C7.169-7.169S200.699%2C227.011%2C196.741%2C227.011z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M72.483%2C169.369c3.962%2C0%2C7.168-3.211%2C7.168-7.169V67.208c0-3.958-3.206-7.169-7.168-7.169s-7.168%2C3.211-7.168%2C7.169%20v94.981C65.314%2C166.158%2C68.521%2C169.369%2C72.483%2C169.369z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.main .vehicle-select-content .vehicle-card .list-desc .quadro-list-icon .list-desc-container .list-desc-icon .cabin {
    width: 31px;
    height: 17px;
    background-repeat: no-repeat;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg%20version%3D'1.1'%20id%3D'katman_1'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%20x%3D'0px'%20y%3D'0px'%20viewBox%3D'0%200%2038.4%2022'%20style%3D'enable-background%3Anew%200%200%2038.4%2022%3B'%20xml%3Aspace%3D'preserve'%3E%3Cstyle%20type%3D'text%2Fcss'%3E%20.st0%7Bfill%3Anone%3Bstroke%3A%23777777%3Bstroke-width%3A1.75%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3Cg%3E%3Cg%3E%3Ccircle%20class%3D'st0'%20cx%3D'6.8'%20cy%3D'8.1'%20r%3D'3.5'%2F%3E%3Cpath%20class%3D'st0'%20d%3D'M1.2%2C17.5c0-3.1%2C2.5-5.6%2C5.6-5.6s5.6%2C2.5%2C5.6%2C5.6'%2F%3E%3C%2Fg%3E%3Cg%3E%3Ccircle%20class%3D'st0'%20cx%3D'31.3'%20cy%3D'8.1'%20r%3D'3.5'%2F%3E%3Cpath%20class%3D'st0'%20d%3D'M25.7%2C17.5c0-3.1%2C2.5-5.6%2C5.6-5.6s5.6%2C2.5%2C5.6%2C5.6'%2F%3E%3C%2Fg%3E%3Cpath%20class%3D'st0'%20d%3D'M19.8%2C4.5v13'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.main .vehicle-select-content .vehicle-card .list-desc .quadro-list-icon .list-desc-container .list-desc-icon .cabin:hover {
    background-image: url("data:image/svg+xml,%3Csvg%20version%3D'1.1'%20id%3D'katman_1'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%20x%3D'0px'%20y%3D'0px'%20viewBox%3D'0%200%2038.4%2022'%20style%3D'enable-background%3Anew%200%200%2038.4%2022%3B'%20xml%3Aspace%3D'preserve'%3E%3Cstyle%20type%3D'text%2Fcss'%3E%20.st0%7Bfill%3Anone%3Bstroke%3A%23D0142D%3Bstroke-width%3A1.75%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3Cg%3E%3Cg%3E%3Ccircle%20class%3D'st0'%20cx%3D'6.8'%20cy%3D'8.1'%20r%3D'3.5'%2F%3E%3Cpath%20class%3D'st0'%20d%3D'M1.2%2C17.5c0-3.1%2C2.5-5.6%2C5.6-5.6s5.6%2C2.5%2C5.6%2C5.6'%2F%3E%3C%2Fg%3E%3Cg%3E%3Ccircle%20class%3D'st0'%20cx%3D'31.3'%20cy%3D'8.1'%20r%3D'3.5'%2F%3E%3Cpath%20class%3D'st0'%20d%3D'M25.7%2C17.5c0-3.1%2C2.5-5.6%2C5.6-5.6s5.6%2C2.5%2C5.6%2C5.6'%2F%3E%3C%2Fg%3E%3Cpath%20class%3D'st0'%20d%3D'M19.8%2C4.5v13'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.main .vehicle-select-content .card-body .vehicle-price-hr {
    margin: 1.4285rem 0 1.0714rem;
    color: #f2f2f2;
    height: 1px;
    background-color: #f2f2f2;
    opacity: 1;
    border: 0;
}
@media (max-width: 575px) {
    .main .vehicle-select-content .card-body .vehicle-price-hr {
        margin: 14px 0;
    }
}
.main .vehicle-select-content .card-body .currency-desc {
    margin-bottom: .8571rem;
    display: flex;
}
@media (max-width: 467px) {
    .main .vehicle-select-content .card-body .currency-desc {
        font-size: 12px;
        padding: 0 14px;
    }
}
.main .vehicle-select-content .card-body .currency-desc .currency-text {
    color: #d0142d;
    font-size: 12px;
    font-weight: 600;
    text-align: left;
    word-wrap: break-word;
}
.main .vehicle-select-content .vehicle-card .card-body .currency-select .vehicle-price-form {
    display: flex;
    justify-content: space-between;
    gap: 5px;
}
@media (max-width: 467px) {
    .main .vehicle-select-content .vehicle-card .card-body .currency-select .vehicle-price-form  {
        padding: 0 14px 14px;
        gap: 10px;
    }
}
.main .vehicle-select-content .vehicle-card .card-body .currency-select .vehicle-price-form .price-inner-box {
    border: 2px solid #85df91;
    background-color: transparent;
    border-radius: 2px;
    color: #0cc024;
    background: 0 0;
    font-size: 1.1rem;
    font-weight: 500;
    padding: .7143rem 0;
    line-height: 1rem;
    height: 100%;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 45px;
    position: relative;
    text-align: center;
    flex: 4 1 auto;
}
@media (max-width: 575px) {
    .main .vehicle-select-content .vehicle-card .card-body .currency-select .vehicle-price-form .price-inner-box {
        font-size: 14px;
        line-height: 1;
    }
}
.main .vehicle-select-content .vehicle-card .card-body .currency-select .vehicle-price-form .price-inner-box::before {
    content: attr(data-sale-price);
    position: absolute;
    font-size: 9px;
    font-weight: 500;
    line-height: 1rem;
    left: 50%;
    transform: translateX(-50%);
    bottom: -8px;
    background-color: #fff;
    color: #0cc024;
    padding: 0 10px;
}
@media (max-width: 1200px) {
    .main .vehicle-select-content .vehicle-card .card-body .currency-select .vehicle-price-form .price-inner-box::before {
        font-size: 8px;
    }
}
@media (max-width: 575px) {
    .main .vehicle-select-content .vehicle-card .card-body .currency-select .vehicle-price-form .price-inner-box::before {
        bottom: -5px;
    }
}
.main .vehicle-select-content .vehicle-card .card-body .currency-select .vehicle-price-form .price-inner-box .price-text .price {
    position: relative;
    color: #777;
    font-size: 0.9rem;
    margin: 0 auto;
}
.main .vehicle-select-content .vehicle-card .card-body .currency-select .vehicle-price-form .price-inner-box .price-text .price::after {
    content: "";
    width: 100%;
    height: 1px;
    background: #777;
    position: absolute;
    bottom: 9px;
    left: 0;
}
@media (max-width: 1200px) {
    .main .vehicle-select-content .vehicle-card .card-body .currency-select .vehicle-price-form .price-inner-box .price-text .price::after {
        bottom: 8px;
    }
}
@media (max-width: 467px) {
    .main .vehicle-select-content .vehicle-card .card-body .currency-select .vehicle-price-form .price-inner-box .price-text .price {
        font-size: 11px;
    }
    .main .vehicle-select-content .vehicle-card .card-body .currency-select .vehicle-price-form .price-inner-box .price-text .price::after {
        bottom: 7px;
    }
}
.main .vehicle-select-content .vehicle-card .card-body .currency-select .vehicle-price-form .price-inner-box .price-text .sale-price {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
}
.main .vehicle-select-content .vehicle-card .card-body .currency-select .vehicle-price-form .vehicle-select-submit {
    padding: .786rem .079rem;
    line-height: 1rem;
    border-color: #0cc024;
    background-color: #0cc024;
    border-radius: 3px;
    color: #fff;
    box-shadow: none;
    outline: none;
    font-weight: 600;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    width: min-content;
    min-width: 100px;
    flex: 1 1 auto;
}
.main .vehicle-select-content .vehicle-card .card-body .currency-select .vehicle-price-form .vehicle-select-submit:hover {
    box-shadow: 0 5px 15px -8px #0cc024;
}
@media (max-width: 575px) {
    .main .vehicle-select-content .vehicle-card .card-body .currency-select .vehicle-price-form .vehicle-select-submit {
        min-width: 80px;
    }
}
.main .vehicle-select-content .vehicle-items .vehicle-card .item-img {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    order: 1;
    background: #f2f2f2;
    border-radius: 10px;
    overflow: hidden;
}
@media (max-width: 767px) {
    .main .vehicle-select-content .vehicle-items .vehicle-card .item-img {
        display: none;
    }
}
.main .vehicle-select-content .vehicle-items .vehicle-card .item-img img {
    width: 100%;
    border-radius: 10px;
    height: 100%;
    object-fit: cover;
    display: block;
}
.main .vehicle-select-content .vehicle-items .vehicle-card .card-body .vehicle-head .item-img {
    display: none;
    justify-content: center;
    align-items: center;
    order: 1;
    background: #f2f2f2;
    border-radius: 10px;
    width: 230px;
    height: 165px;
    overflow: hidden;
    flex-shrink: 0;
}
@media (max-width: 767px) {
    .main .vehicle-select-content .vehicle-items .vehicle-card .card-body .vehicle-head .item-img {
        display: flex;
    }
}
@media (max-width: 467px) {
    .main .vehicle-select-content .vehicle-items .vehicle-card .card-body .vehicle-head .item-img {
        width: 160px;
    }
}
.main .vehicle-select-content .vehicle-items .vehicle-card .card-body .vehicle-head .item-img img {
    width: 100%;
    border-radius: 10px;
    height: 100%;
    object-fit: cover;
    display: block;
}
.main .vehicle-select-content .vehicle-content-wrapper .list-view .transfer-detail {
    display: -ms-inline-grid;
    display: -moz-inline-grid;
    display: inline-grid;
    height: min-content;
}
@media (max-width: 1199px) {
    .main .vehicle-select-content .vehicle-content-wrapper .list-view .transfer-detail {
        display: block;
        margin-bottom: 16px;
    }
}
.main .vehicle-select-content .vehicle-content-wrapper .list-view .transfer-detail .detail-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(34, 41, 47, .125);
    position: relative;
    box-shadow: 0 0 30px 0 rgb(34 41 47 / 6%);
    border-radius: 10px;
    margin-bottom: 1.4285rem;
}
.main .vehicle-select-content .vehicle-content-wrapper .list-view .transfer-detail .detail-card .card-head {
    position: relative;
    background-color: #f2f2f2;
    padding: 1.4285rem 1.6428rem;
    border-radius: 10px;
}
.main .vehicle-select-content .vehicle-content-wrapper .list-view .transfer-detail .detail-card .card-head .head-details {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.main .vehicle-select-content .vehicle-content-wrapper .list-view .transfer-detail .detail-card .card-head .head-details h5 {
    font-size: 13px;
    color: #000;
    line-height: 1.2;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 500;
    padding: 0;
}
.main .vehicle-select-content .vehicle-content-wrapper .list-view .transfer-detail .detail-card .card-head .head-details .form-check {
    position: relative;
    padding-left: 3.5rem;
    display: block;
    min-height: 1.45rem;
    margin-bottom: 0;
}
.main .vehicle-select-content .vehicle-content-wrapper .list-view .transfer-detail .detail-card .card-head .head-details .form-check .form-check-input {
    width: 52px;
    height: 26px;
    border: none;
    margin-top: .0825rem;
    margin-left: -3.5rem;
    background-position: left center;
    background-repeat: no-repeat;
    border-radius: 3rem;
    transition: background-position .15s ease-in-out,background-color .1s;
    background-image: url("data:image/svg+xml,%3Csvg%20version%3D'1.1'%20id%3D'katman_1'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%20x%3D'0px'%20y%3D'0px'%20viewBox%3D'0%200%2026%2026'%20style%3D'enable-background%3Anew%200%200%2026%2026%3B'%20xml%3Aspace%3D'preserve'%3E%3Cstyle%20type%3D'text%2Fcss'%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Ccircle%20class%3D'st0'%20cx%3D'13'%20cy%3D'13'%20r%3D'7.7'%2F%3E%3C%2Fsvg%3E");
    float: left;
    vertical-align: top;
    background-size: contain;
    appearance: none;
}
.main .vehicle-select-content .vehicle-content-wrapper .list-view .transfer-detail .detail-card .card-head .head-details .form-check .form-check-input:not(:checked) {
    background-color: #e2e2e2;
}
.main .vehicle-select-content .vehicle-content-wrapper .list-view .transfer-detail .detail-card .card-head .head-details .form-check .form-check-input:not(:disabled):checked,
.main .vehicle-select-content .vehicle-content-wrapper .list-view .transfer-detail .detail-card .card-head .head-details .form-check .form-check-input:not(:disabled):focus {
    border-color: #28c76f;
    box-shadow: none;
}
.main .vehicle-select-content .vehicle-content-wrapper .list-view .transfer-detail .detail-card .card-head .head-details .form-check .form-check-input:checked {
    background-color: #14d068;
    background-position: right center;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 25.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='katman_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 26 26' style='enable-background:new 0 0 26 26;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Ccircle class='st0' cx='13' cy='13' r='7.7'/%3E%3C/svg%3E");
}
.main .vehicle-select-content .vehicle-content-wrapper .list-view .transfer-detail .detail-card .card-body {
    order: 2;
    padding: 15px;
    flex: 1 1 auto;
    display: block; /* display: none; */
}
@media (max-width: 1199px) {
    .main .vehicle-select-content .vehicle-content-wrapper .list-view .transfer-detail .detail-card .card-body {
        width: 100%;
        padding: 20px;
        display: none;
    }
}
.main .vehicle-select-content .vehicle-content-wrapper .list-view .transfer-detail .detail-card .card-body .detail-section .row {
    margin-bottom: 1.428rem;
}
.main .vehicle-select-content .vehicle-content-wrapper .list-view .transfer-detail .detail-card .card-body .detail-section .row .row-title {
    color: #777;
    font-size: .8572rem;
    font-weight: 300;
    margin-bottom: .2rem;
}
@media (max-width: 1199px) {
    .main .vehicle-select-content .vehicle-content-wrapper .list-view .transfer-detail .detail-card .card-body .detail-section .row .row-title {
        font-size: 12px;
    }
}
.main .vehicle-select-content .vehicle-content-wrapper .list-view .transfer-detail .detail-card .card-body .detail-section .row .row-address {
    color: #000;
    font-size: 1rem;
    line-height: 1.2857rem;
    font-weight: 400;
}
@media (max-width: 1199px) {
    .main .vehicle-select-content .vehicle-content-wrapper .list-view .transfer-detail .detail-card .card-body .detail-section .row .row-address {
        font-size: 12px;
        line-height: 18px;
    }
}
.main .vehicle-select-content .vehicle-content-wrapper .list-view .transfer-detail .detail-card .card-body .detail-section hr {
    color: #f2f2f2;
    background-color: currentColor;
    margin: 1.4285rem 0;
    height: 1px;
    border: 0;
    opacity: 1;
}
.main .vehicle-select-content .vehicle-content-wrapper .list-view .transfer-detail .detail-card .card-body .detail-section .transfer-details-row ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.main .vehicle-select-content .vehicle-content-wrapper .list-view .transfer-detail .detail-card .card-body .detail-section .transfer-details-row ul li {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 1.2rem;
}
.main .vehicle-select-content .vehicle-content-wrapper .list-view .transfer-detail .detail-card .card-body .detail-section .transfer-details-row .transfer-title-container .detail-icon svg {
    width: 15px;
    height: 15px;
    margin-right: .7rem;
    color: #777;
    display: inline-block;
    vertical-align: middle;
}
.main .vehicle-select-content .vehicle-content-wrapper .list-view .transfer-detail .detail-card .card-body .detail-section .transfer-details-row .transfer-title-container .detail-title {
    color: #777;
    font-size: 1rem;
    font-weight: 300;
}
@media (max-width: 1199px) {
    .main .vehicle-select-content .vehicle-content-wrapper .list-view .transfer-detail .detail-card .card-body .detail-section .transfer-details-row .transfer-title-container .detail-title {
        font-size: 12px;
    }
}
.main .vehicle-select-content .vehicle-content-wrapper .list-view .transfer-detail .detail-card .card-body .detail-section .transfer-details-row .detail-text {
    color: #000;
    font-size: 1rem;
    font-weight: 500;
    text-align: right;
}
@media (max-width: 1199px) {
    .main .vehicle-select-content .vehicle-content-wrapper .list-view .transfer-detail .detail-card .card-body .detail-section .transfer-details-row .detail-text {
        font-size: 12px;
    }
}
.main .step-content {
    display: none;
    animation: fadeIn 0.5s;
}
.main .step-content.active {
    display: block;
    padding-bottom: 1rem;
}
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.main .person-payment-content .person-payment-wrapper {
    width: 100%;
    margin: 0 auto;
    -moz-user-select: none;
    user-select: none;
    padding-right: 14px;
    padding-left: 14px;
}
@media (min-width: 768px) {
    .main .person-payment-content .person-payment-wrapper {
        max-width: 720px;
        padding: 0;
    }
}
@media (min-width: 992px) {
    .main .person-payment-content .person-payment-wrapper {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .main .person-payment-content .person-payment-wrapper {
        max-width: 1140px;
    }
}
@media (min-width: 1280px) {
    .main .person-payment-content .person-payment-wrapper {
        max-width: 1190px;
    }
}
@media (min-width: 1440px) {
    .main .person-payment-content .person-payment-wrapper {
        max-width: 1190px;
    }
}
.main .person-payment-content .person-payment-wrapper .list-view {
    display: flex;
    flex-direction: column;
}
@media (min-width: 1200px) {
    .main .person-payment-content .person-payment-wrapper .list-view {
        display: grid;
        grid-template-columns: 2fr 1fr;
        column-gap: 1.43rem;
    }
}
.main .person-payment-content .passenger-items {
    width: 800px;
}
@media (max-width: 1199px) {
    .main .person-payment-content .passenger-items {
        width: 100%;
        order: 2;
    }
}
.main .person-payment-content .passenger-items .passenger-card {
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr;
    margin-bottom: 2.142rem;
    border-radius: 10px;
    box-shadow: 0 0 30px 0 rgb(34 41 47 / 6%);
    transition: all .3s ease-in-out,background 0s,color 0s,border-color 0s;
    position: relative;
    min-width: 0;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(34, 41, 47, .125);
    word-wrap: break-word;
}
.main .person-payment-content .passenger-items .passenger-card .card-body {
    padding: 2.1428rem;
}
@media (max-width: 767px) {
    .main .person-payment-content .passenger-items .passenger-card .card-body {
        padding: 15px;
    }
}
.main .person-payment-content .passenger-items .passenger-card .card-body .passenger-info-head {
    margin-bottom: 1.785rem;
    display: flex;
    align-items: center;
}
@media (max-width: 767px) {
    .main .person-payment-content .passenger-items .passenger-card .card-body .passenger-info-head {
        margin-bottom: 20px;
    }
}
.main .person-payment-content .passenger-items .passenger-card .card-body .passenger-info-head .passenger-head-icon {
    margin-right: 1rem;
}
.main .person-payment-content .passenger-items .passenger-card .card-body .passenger-info-head .passenger-head-icon svg {
    width: 22px;
    height: 22px;
    color: #d0142d;
    display: inline-block;
    vertical-align: middle;
}
.main .person-payment-content .passenger-items .passenger-card .card-body .passenger-info-head .passenger-head h4 {
    font-size: 1.285rem;
    color: #020202;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 0;
    margin-top: 0;
}
@media (max-width: 767px) {
    .main .person-payment-content .passenger-items .passenger-card .card-body .passenger-info-head .passenger-head h4 {
        font-size: 14px;
    }
}
.main .person-payment-content .passenger-items .passenger-card .card-body .passenger-info-body .row {
    display: flex;
    flex-wrap: wrap;
}
.main .person-payment-content .passenger-items .passenger-card .card-body .passenger-info-body .row .col-input {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    margin-top: 0;
}
@media (min-width: 576px) {
    .main .person-payment-content .passenger-items .passenger-card .card-body .passenger-info-body .row .col-input {
        flex: 0 0 auto;
        width: 100%;
    }
}
@media (min-width: 768px) {
    .main .person-payment-content .passenger-items .passenger-card .card-body .passenger-info-body .row .col-input {
        flex: 0 0 auto;
        width: 50%;
    }
    .main .person-payment-content .passenger-items .passenger-card .card-body .passenger-info-body .row .col-input.pad-right-7 {
        padding-right: 7px;
    }
    .main .person-payment-content .passenger-items .passenger-card .card-body .passenger-info-body .row .col-input.pad-left-7 {
        padding-left: 7px;
    }
}
.main .person-payment-content .passenger-items .passenger-card .card-body .passenger-info-body .row .col-input .form-floating {
    margin-bottom: 1.5rem;
    position: relative;
}
@media (max-width: 767px) {
   .main .person-payment-content .passenger-items .passenger-card .card-body .passenger-info-body .row .col-input .form-floating {
        margin-bottom: 10px;
   }
}
.main .person-payment-content .passenger-items .passenger-card .card-body .passenger-info-body .row .col-input .form-floating .form-control {
    display: block;
    width: 100%;
    font-size: 1rem;
    font-weight: 600;
    color: #000;
    background-color: #fff;
    border: 2px solid #f2f2f2;
    appearance: none;
    height: calc(5.215rem + 2px);
    line-height: 1.25;
    padding: 42px 1rem 20px 20px;
    border-radius: 10px;
    outline: none;
}
@media (max-width: 1199px) {
    .main .person-payment-content .passenger-items .passenger-card .card-body .passenger-info-body .row .col-input .form-floating .form-control {
        height: 75px;
    }
}
.main .person-payment-content .passenger-items .passenger-card .card-body .passenger-info-body .row .col-input .form-floating label {
    color: #979797;
    font-size: 1rem;
    font-weight: 400;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 28px 14px 20px 20px;
    pointer-events: none;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out, transform .1s ease-in-out;
    display: inline-block;
}

.main .person-payment-content .passenger-items .passenger-card .card-body .passenger-info-body .row .col-input .form-floating label.active {
    opacity: 0.65;
    transform: scale(.75) translateY(-.5rem) translateX(.5rem);
}
.main .person-payment-content .passenger-items .passenger-card .card-body .passenger-info-body .row .col-detail {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
}
@media (min-width: 576px) {
    .main .person-payment-content .passenger-items .passenger-card .card-body .passenger-info-body .row .col-detail {
        flex: 0 0 auto;
        width: 100%;
    }
}
@media (min-width: 768px) {
    .main .person-payment-content .passenger-items .passenger-card .card-body .passenger-info-body .row .col-detail {
        flex: 0 0 auto;
        width: 100%;
    }
}
.main .person-payment-content .passenger-items .passenger-card .card-body .passenger-info-body .row .col-detail .form-floating {
    margin-bottom: 1.5rem;
    position: relative;
}
@media (max-width: 767px) {
    .main .person-payment-content .passenger-items .passenger-card .card-body .passenger-info-body .row .col-detail .form-floating {
        margin-bottom: 20px;
    }
}
.main .person-payment-content .passenger-items .passenger-card .card-body .passenger-info-body .row .col-detail .form-floating .form-control {
    display: block;
    width: 100%;
    color: #000;
    background-color: #fff;
    border: 2px solid #f2f2f2;
    appearance: none;
    padding: 42px 1rem 20px 20px;
    height: 100px;
    min-height: 2.714rem;
    max-height: 100px;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.4rem;
    border-radius: 10px;
    resize: vertical;
    margin: 0;
    outline: none;
}
.main .person-payment-content .passenger-items .passenger-card .card-body .passenger-info-body .row .col-detail .form-floating .form-control#transferNotes {
    font-family: "Poppins", sans-serif;
}
.main .person-payment-content .passenger-items .passenger-card .card-body .passenger-info-body .row .col-detail .form-floating label {
    color: #979797;
    font-size: 1rem;
    font-weight: 400;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 28px 14px 20px 20px;
    pointer-events: none;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out, transform .1s ease-in-out;
    display: inline-block;
}
.main .person-payment-content .passenger-items .passenger-card .card-body .passenger-info-body .row .col-detail .form-floating label.active {
    opacity: 0.65;
    transform: scale(.75) translateY(-.5rem) translateX(.5rem);
}
.main .person-payment-content .passenger-items .payment-methods {
    border-radius: 10px;
    box-shadow: 0 0 30px 0 rgb(34 41 47 / 6%);
    transition: all .3s ease-in-out,background 0s,color 0s,border-color 0s;
    margin-bottom: 0;
    position: relative;
    display: flex;
    min-width: 0;
    background-color: #fff;
    background-clip: border-box;
    flex-direction: column;
    word-wrap: break-word;
}
.main .person-payment-content .passenger-items .payment-methods .card-body {
    padding: 2.1428rem;
    flex: 1 1 auto;
}
@media (max-width: 767px) {
    .main .person-payment-content .passenger-items .payment-methods .card-body {
        padding: 15px;
    }
}
.main .person-payment-content .passenger-items .payment-methods .card-body .pay-info-head {
    margin-bottom: 1.785rem;
    display: flex;
    align-items: center;
}
@media (max-width: 767px) {
    .main .person-payment-content .passenger-items .payment-methods .card-body .pay-info-head {
        margin-bottom: 20px;
    }
}
.main .person-payment-content .passenger-items .payment-methods .card-body .pay-info-head .pay-head-icon {
    margin-right: 1rem;
}
.main .person-payment-content .passenger-items .payment-methods .card-body .pay-info-head .pay-head-icon svg {
    width: 22px;
    height: 22px;
    color: #d0142d;
    display: inline-block;
    vertical-align: middle;
}
.main .person-payment-content .passenger-items .payment-methods .card-body .pay-info-head .pay-head h4 {
    font-size: 1.285rem;
    color: #020202;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 0;
    margin-top: 0;
}
@media (max-width: 767px) {
    .main .person-payment-content .passenger-items .payment-methods .card-body .pay-info-head .pay-head h4 {
        font-size: 14px;
    }
}
.main .person-payment-content .passenger-items .payment-methods .card-body .pay-info-body label {
    margin-bottom: 1.4285rem;
    border: 2px solid #f2f2f2;
    padding: 1.785rem 1.428rem;
    cursor: pointer;
    border-radius: 10px;
    box-shadow: none;
    display: flex;
    position: relative;
    background-color: #fff;
    background-clip: border-box;
    flex-direction: column;
    word-wrap: break-word;
}
.main .person-payment-content .passenger-items .payment-methods .card-body .pay-info-body .transfer-info-checkbox {
    display: flex;
    justify-content: space-between;
}
@media (max-width: 767px) {
    .main .person-payment-content .passenger-items .payment-methods .card-body .pay-info-body .transfer-info-checkbox {
        flex-direction: column;
    }
}
.main .person-payment-content .passenger-items .payment-methods .card-body .pay-info-body .transfer-info-checkbox .form-check-primary {
    display: flex;
    align-items: center;
    min-height: 1.45rem;
    padding-left: 1.785rem;
    margin-bottom: 0;
}
.main .person-payment-content .passenger-items .payment-methods .card-body .pay-info-body .transfer-info-checkbox .form-check-primary .form-check-input {
    border-radius: 50%;
    padding: .5rem;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    margin-left: -1.785rem;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 2px solid #dee2e6;
    appearance: none;
}
.main .person-payment-content .passenger-items .payment-methods .card-body .pay-info-body .transfer-info-checkbox .form-check-primary .form-check-input:checked {
    background-size: inherit;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'10'%20height%3D'10'%20viewBox%3D'0%200%2011%2011'%3E%3Ccircle%20id%3D'Ellipse_578'%20data-name%3D'Ellipse%20578'%20cx%3D'5.5'%20cy%3D'5.5'%20r%3D'5.5'%20fill%3D'%2368da46'%2F%3E%3C%2Fsvg%3E");
    background-color: #fff;
    border-color: #d6d6d6;
}
.main .person-payment-content .passenger-items .payment-methods .card-body .pay-info-body .transfer-info-checkbox .form-check-primary .payment-inner-label {
    display: flex;
    align-items: center;
}
@media (max-width: 767px) {
    .main .person-payment-content .passenger-items .payment-methods .card-body .pay-info-body .transfer-info-checkbox .form-check-primary .payment-inner-label {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}
.main .person-payment-content .passenger-items .payment-methods .card-body .pay-info-body .transfer-info-checkbox .form-check-primary .payment-inner-label .form-check-label {
    font-size: .8571rem;
    color: #000;
    font-weight: 500;
    cursor: pointer;
}
@media (max-width: 767px) {
    .main .person-payment-content .passenger-items .payment-methods .card-body .pay-info-body .transfer-info-checkbox .form-check-primary .payment-inner-label .form-check-label {
        font-size: 13px;
    }
}
.main .person-payment-content .passenger-items .payment-methods .card-body .pay-info-body .transfer-info-checkbox .form-check-primary .payment-desc {
    font-size: .8571rem;
    color: #979797;
    font-weight: 300;
    margin-left: 20px;
}
.main .person-payment-content .passenger-items .payment-methods .card-body .pay-info-body .transfer-info-checkbox .net-price {
    font-size: 1.7142rem;
    color: #000;
    font-weight: 500;
}
@media (max-width: 767px) {
    .main .person-payment-content .passenger-items .payment-methods .card-body .pay-info-body .transfer-info-checkbox .net-price {
        margin-top: 10px;
    }
}
.main .person-payment-content .passenger-items .payment-methods .card-body .reservation-submit {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.main .person-payment-content .passenger-items .payment-methods .card-body .reservation-submit button {
    padding: 1.1787rem 2.153rem;
    border-color: #0cc024;
    font-size: 1rem;
    line-height: 1rem;
    background-color: #0cc024;
    cursor: pointer;
    color: #fff;
    font-weight: 500;
    text-align: center;
    outline: none;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    border-radius: .358rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,background,border;
    overflow: hidden;
}
.main .person-payment-content .passenger-items .payment-methods .card-body .reservation-submit button:hover {
    box-shadow: 0 5px 15px -8px #0cc024;
}
.main .person-payment-content .passenger-items .payment-methods .card-body .reservation-submit button svg {
    width: 15px;
    height: 15px;
    margin-left: 8px;
    vertical-align: bottom;
    display: inline-block;
}
.main .person-payment-content .person-payment-wrapper .list-view .transfer-detail {
    display: -ms-inline-grid;
    display: -moz-inline-grid;
    display: inline-grid;
    height: min-content;
}
@media (max-width: 1199px) {
    .main .person-payment-content .person-payment-wrapper .list-view .transfer-detail {
        display: block;
        margin-bottom: 16px;
    }
}
.main .person-payment-content .person-payment-wrapper .list-view .transfer-detail .detail-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(34, 41, 47, .125);
    position: relative;
    box-shadow: 0 0 30px 0 rgb(34 41 47 / 6%);
    border-radius: 10px;
    margin-bottom: 1.4285rem;
}
.main .person-payment-content .person-payment-wrapper .list-view .transfer-detail .detail-card .card-head {
    position: relative;
    background-color: #f2f2f2;
    padding: 1.4285rem 1.6428rem;
    border-radius: 10px;
}
.main .person-payment-content .person-payment-wrapper .list-view .transfer-detail .detail-card .card-head .head-details {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.main .person-payment-content .person-payment-wrapper .list-view .transfer-detail .detail-card .card-head .head-details h5 {
    font-size: 13px;
    color: #000;
    line-height: 1.2;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 500;
    padding: 0;
}
.main .person-payment-content .person-payment-wrapper .list-view .transfer-detail .detail-card .card-head .head-details .form-check {
    position: relative;
    padding-left: 3.5rem;
    display: block;
    min-height: 1.45rem;
    margin-bottom: 0;
}
.main .person-payment-content .person-payment-wrapper .list-view .transfer-detail .detail-card .card-head .head-details .form-check .form-check-input {
    width: 52px;
    height: 26px;
    border: none;
    margin-top: .0825rem;
    margin-left: -3.5rem;
    background-position: left center;
    background-repeat: no-repeat;
    border-radius: 3rem;
    transition: background-position .15s ease-in-out,background-color .1s;
    background-image: url("data:image/svg+xml,%3Csvg%20version%3D'1.1'%20id%3D'katman_1'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%20x%3D'0px'%20y%3D'0px'%20viewBox%3D'0%200%2026%2026'%20style%3D'enable-background%3Anew%200%200%2026%2026%3B'%20xml%3Aspace%3D'preserve'%3E%3Cstyle%20type%3D'text%2Fcss'%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Ccircle%20class%3D'st0'%20cx%3D'13'%20cy%3D'13'%20r%3D'7.7'%2F%3E%3C%2Fsvg%3E");
    float: left;
    vertical-align: top;
    background-size: contain;
    appearance: none;
}
.main .person-payment-content .person-payment-wrapper .list-view .transfer-detail .detail-card .card-head .head-details .form-check .form-check-input:not(:checked) {
    background-color: #e2e2e2;
}
.main .person-payment-content .person-payment-wrapper .list-view .transfer-detail .detail-card .card-head .head-details .form-check .form-check-input:not(:disabled):checked,
.main .person-payment-content .person-payment-wrapper .list-view .transfer-detail .detail-card .card-head .head-details .form-check .form-check-input:not(:disabled):focus {
    border-color: #28c76f;
    box-shadow: none;
}
.main .person-payment-content .person-payment-wrapper .list-view .transfer-detail .detail-card .card-head .head-details .form-check .form-check-input:checked {
    background-color: #14d068;
    background-position: right center;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 25.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='katman_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 26 26' style='enable-background:new 0 0 26 26;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Ccircle class='st0' cx='13' cy='13' r='7.7'/%3E%3C/svg%3E");
}
.main .person-payment-content .person-payment-wrapper .list-view .transfer-detail .detail-card .card-body {
    order: 2;
    padding: 15px;
    flex: 1 1 auto;
    display: block; /* display: none; */
}
@media (max-width: 1199px) {
    .main .person-payment-content .person-payment-wrapper .list-view .transfer-detail .detail-card .card-body {
        width: 100%;
        padding: 20px;
        display: none;
    }
}
.main .person-payment-content .person-payment-wrapper .list-view .transfer-detail .detail-card .card-body .detail-section .row {
    margin-bottom: 1.428rem;
}
.main .person-payment-content .person-payment-wrapper .list-view .transfer-detail .detail-card .card-body .detail-section .row .row-title {
    color: #777;
    font-size: .8572rem;
    font-weight: 300;
    margin-bottom: .2rem;
}
@media (max-width: 1199px) {
    .main .person-payment-content .person-payment-wrapper .list-view .transfer-detail .detail-card .card-body .detail-section .row .row-title {
        font-size: 12px;
    }
}
.main .person-payment-content .person-payment-wrapper .list-view .transfer-detail .detail-card .card-body .detail-section .row .row-address {
    color: #000;
    font-size: 1rem;
    line-height: 1.2857rem;
    font-weight: 400;
}
@media (max-width: 1199px) {
    .main .person-payment-content .person-payment-wrapper .list-view .transfer-detail .detail-card .card-body .detail-section .row .row-address {
        font-size: 12px;
        line-height: 18px;
    }
}
.main .person-payment-content .person-payment-wrapper .list-view .transfer-detail .detail-card .card-body .detail-section hr {
    color: #f2f2f2;
    background-color: currentColor;
    margin: 1.4285rem 0;
    height: 1px;
    border: 0;
    opacity: 1;
}
.main .person-payment-content .person-payment-wrapper .list-view .transfer-detail .detail-card .card-body .detail-section .transfer-details-row ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.main .person-payment-content .person-payment-wrapper .list-view .transfer-detail .detail-card .card-body .detail-section .transfer-details-row ul li {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 1.2rem;
}
.main .person-payment-content .person-payment-wrapper .list-view .transfer-detail .detail-card .card-body .detail-section .transfer-details-row .transfer-title-container .detail-icon svg {
    width: 15px;
    height: 15px;
    margin-right: .7rem;
    color: #777;
    display: inline-block;
    vertical-align: middle;
}
.main .person-payment-content .person-payment-wrapper .list-view .transfer-detail .detail-card .card-body .detail-section .transfer-details-row .transfer-title-container .detail-title {
    color: #777;
    font-size: 1rem;
    font-weight: 300;
}
@media (max-width: 1199px) {
    .main .person-payment-content .person-payment-wrapper .list-view .transfer-detail .detail-card .card-body .detail-section .transfer-details-row .transfer-title-container .detail-title {
        font-size: 12px;
    }
}
.main .person-payment-content .person-payment-wrapper .list-view .transfer-detail .detail-card .card-body .detail-section .transfer-details-row .detail-text {
    color: #000;
    font-size: 1rem;
    font-weight: 500;
    text-align: right;
}
@media (max-width: 1199px) {
    .main .person-payment-content .person-payment-wrapper .list-view .transfer-detail .detail-card .card-body .detail-section .transfer-details-row .detail-text {
        font-size: 12px;
    }
}
.main .person-payment-content .person-payment-wrapper .list-view .transfer-detail .detail-card.payment-details .card-body .detail-section .transfer-details-row .transfer-title-container .detail-title {
    font-size: 13px;
}
.main .person-payment-content .person-payment-wrapper .list-view .transfer-detail .detail-card-parent .detail-card.payment-details .card-body .detail-section .transfer-details-row hr {
    color: #cfcfcf;
    background-color: currentColor;
    margin: 1.4285rem 0;
    height: 1px;
    border: 0;
    opacity: 1;
}
@media (max-width: 1199px) {
    .main .person-payment-content .person-payment-wrapper .list-view .transfer-detail .detail-card.payment-details .card-body {
        display: block;
    }
}
.main .reservation-summary .reservation-summary-wrapper {
    width: 100%;
    margin: 0 auto;
    -moz-user-select: none;
    user-select: none;
    padding-right: 14px;
    padding-left: 14px;
}
@media (min-width: 768px) {
    .main .reservation-summary .reservation-summary-wrapper {
        max-width: 720px;
        padding: 0;
    }
}
@media (min-width: 992px) {
    .main .reservation-summary .reservation-summary-wrapper {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .main .reservation-summary .reservation-summary-wrapper {
        max-width: 1140px;
    }
}
@media (min-width: 1280px) {
    .main .reservation-summary .reservation-summary-wrapper {
        max-width: 1190px;
    }
}
@media (min-width: 1440px) {
    .main .reservation-summary .reservation-summary-wrapper {
        max-width: 1190px;
    }
}
.main .reservation-summary .reservation-summary-wrapper .summary-head {
    margin-bottom: 3rem;
}
.main .reservation-summary .reservation-summary-wrapper .summary-head h4 {
    font-size: 20px;
    color: #000;
    margin: 0;
    padding: 0;
    font-weight: 500;
    line-height: 1.2;
}
@media (max-width: 991px) {
    .main .reservation-summary .reservation-summary-wrapper .summary-head h4  {
        font-size: 16px;
    }
}
.main .reservation-summary .reservation-summary-wrapper .passenger-info {
    margin-bottom: 3rem;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0; 
}
@media (max-width: 991px) {
    .main .reservation-summary .reservation-summary-wrapper .passenger-info {
        margin-bottom: 20px;
    }
}
.main .reservation-summary .reservation-summary-wrapper .passenger-info .head-container {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: 14px;
    padding-left: 14px;
}
@media (min-width: 768px) {
    .main .reservation-summary .reservation-summary-wrapper .passenger-info .head-container {
        flex: 0 0 auto;
        width: 100%;
    }
}
.main .reservation-summary .reservation-summary-wrapper .passenger-info .head-container .head-wrapper {
    margin-bottom: 2.5rem;
    display: flex;
    align-items: center;
}
@media (max-width: 991px) {
    .main .reservation-summary .reservation-summary-wrapper .passenger-info .head-container .head-wrapper {
        background-color: #f2f2f2;
        padding: 15px;
        border-radius: 5px;
        margin-bottom: 20px;
    }
}
.main .reservation-summary .reservation-summary-wrapper .passenger-info .head-container .head-wrapper .head-icon {
    margin-right: 1rem;
}
.main .reservation-summary .reservation-summary-wrapper .passenger-info .head-container .head-wrapper .head-icon svg {
    width: 22px;
    height: 22px;
    color: #d0142d;
    display: inline-block;
    vertical-align: middle;
}
.main .reservation-summary .reservation-summary-wrapper .passenger-info .head-container .head-wrapper .main-head h4 {
    font-size: 1.285rem;
    color: #020202;
    margin: 0;
    padding: 0;
    font-weight: 500;
    line-height: 1.2;
}
@media (max-width: 991px) {
    .main .reservation-summary .reservation-summary-wrapper .passenger-info .head-container .head-wrapper .main-head h4 {
        font-size: 13px;
    }
}
.main .reservation-summary .reservation-summary-wrapper .passenger-info .info-container {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: 12px;
    padding-left: 12px;
    margin-top: 0;
}
@media (min-width: 576px) {
    .main .reservation-summary .reservation-summary-wrapper .passenger-info .info-container {
        flex: 0 0 auto;
        width: 100%;
    }
}
@media (min-width: 768px) {
    .main .reservation-summary .reservation-summary-wrapper .passenger-info .info-container {
        flex: 0 0 auto;
        width: 50%;
    }
}
@media (min-width: 992px) {
    .main .reservation-summary .reservation-summary-wrapper .passenger-info .info-container:nth-child(2n) {
        padding-left: 50px;
    }
    .main .reservation-summary .reservation-summary-wrapper .passenger-info .info-container {
        padding-right: 20px;
        padding-left: 20px;
    }
}
.main .reservation-summary .reservation-summary-wrapper .passenger-info .info-container .rez-wrapper {
    margin-bottom: 1.4285rem;
    display: flex;
    justify-content: space-between;
}
@media (max-width: 991px) {
    .main .reservation-summary .reservation-summary-wrapper .passenger-info .info-container .rez-wrapper {
        margin-bottom: 20px;
    }
}
.main .reservation-summary .reservation-summary-wrapper .passenger-info .info-container .rez-wrapper .rez-head {
    font-size: .8571rem;
    color: #808080;
    font-weight: 300;
    text-align: left;
    min-width: 150px;
    text-transform: uppercase;
}
@media (max-width: 991px) {
    .main .reservation-summary .reservation-summary-wrapper .passenger-info .info-container .rez-wrapper .rez-head {
        min-width: 100px;
        font-size: 11px;
    }
}
@media (max-width: 767px) {
    .main .reservation-summary .reservation-summary-wrapper .passenger-info .info-container .rez-wrapper .rez-head {
        min-width: 90px;
    }
}
.main .reservation-summary .reservation-summary-wrapper .passenger-info .info-container .rez-wrapper .rez-text {
    font-size: 1rem;
    color: #000;
    font-weight: 400;
    text-align: right;
}
@media (max-width: 991px) {
    .main .reservation-summary .reservation-summary-wrapper .passenger-info .info-container .rez-wrapper .rez-text {
        font-size: 13px;
    }
}
.main .reservation-summary .reservation-summary-wrapper .reservation-info {
    margin-bottom: 3rem;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0; 
}
@media (max-width: 991px) {
    .main .reservation-summary .reservation-summary-wrapper .reservation-info {
        margin-bottom: 20px;
    }
}
.main .reservation-summary .reservation-summary-wrapper .reservation-info .head-container {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: 14px;
    padding-left: 14px;
}
@media (min-width: 768px) {
    .main .reservation-summary .reservation-summary-wrapper .reservation-info .head-container {
        flex: 0 0 auto;
        width: 100%;
    }
}
.main .reservation-summary .reservation-summary-wrapper .reservation-info .head-container .head-wrapper {
    margin-bottom: 2.5rem;
    display: flex;
    align-items: center;
}
@media (max-width: 991px) {
    .main .reservation-summary .reservation-summary-wrapper .reservation-info .head-container .head-wrapper {
        background-color: #f2f2f2;
        padding: 15px;
        border-radius: 5px;
        margin-bottom: 20px;
    }
}
.main .reservation-summary .reservation-summary-wrapper .reservation-info .head-container .head-wrapper .head-icon {
    margin-right: 1rem;
}
.main .reservation-summary .reservation-summary-wrapper .reservation-info .head-container .head-wrapper .head-icon svg {
    width: 22px;
    height: 22px;
    color: #d0142d;
    display: inline-block;
    vertical-align: middle;
}
.main .reservation-summary .reservation-summary-wrapper .reservation-info .head-container .head-wrapper .main-head h4 {
    font-size: 1.285rem;
    color: #020202;
    margin: 0;
    padding: 0;
    font-weight: 500;
    line-height: 1.2;
}
@media (max-width: 991px) {
    .main .reservation-summary .reservation-summary-wrapper .reservation-info .head-container .head-wrapper .main-head h4 {
        font-size: 13px;
    }
}
.main .reservation-summary .reservation-summary-wrapper .reservation-info .info-container {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: 12px;
    padding-left: 12px;
    margin-top: 0;
}
@media (min-width: 576px) {
    .main .reservation-summary .reservation-summary-wrapper .reservation-info .info-container {
        flex: 0 0 auto;
        width: 100%;
    }
}
@media (min-width: 768px) {
    .main .reservation-summary .reservation-summary-wrapper .reservation-info .info-container {
        flex: 0 0 auto;
        width: 50%;
    }
}
@media (min-width: 992px) {
    .main .reservation-summary .reservation-summary-wrapper .reservation-info .info-container:nth-child(2n) {
        padding-left: 50px;
    }
    .main .reservation-summary .reservation-summary-wrapper .reservation-info .info-container {
        padding-right: 20px;
        padding-left: 20px;
    }
}
.main .reservation-summary .reservation-summary-wrapper .reservation-info .info-container .rez-wrapper {
    margin-bottom: 1.4285rem;
    display: flex;
    justify-content: space-between;
}
@media (max-width: 991px) {
    .main .reservation-summary .reservation-summary-wrapper .reservation-info .info-container .rez-wrapper {
        margin-bottom: 20px;
    }
}
.main .reservation-summary .reservation-summary-wrapper .reservation-info .info-container .rez-wrapper .rez-head {
    font-size: .8571rem;
    color: #808080;
    font-weight: 300;
    text-align: left;
    min-width: 150px;
    text-transform: uppercase;
}
@media (max-width: 991px) {
    .main .reservation-summary .reservation-summary-wrapper .reservation-info .info-container .rez-wrapper .rez-head {
        min-width: 100px;
        font-size: 11px;
    }
}
@media (max-width: 767px) {
    .main .reservation-summary .reservation-summary-wrapper .reservation-info .info-container .rez-wrapper .rez-head {
        min-width: 90px;
    }
}
.main .reservation-summary .reservation-summary-wrapper .reservation-info .info-container .rez-wrapper .rez-text {
    font-size: 1rem;
    color: #000;
    font-weight: 400;
    text-align: right;
}
@media (max-width: 991px) {
    .main .reservation-summary .reservation-summary-wrapper .reservation-info .info-container .rez-wrapper .rez-text {
        font-size: 13px;
    }
}
.main .reservation-summary .reservation-summary-wrapper .pay-info {
    margin-bottom: 3rem;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0; 
}
@media (max-width: 991px) {
    .main .reservation-summary .reservation-summary-wrapper .pay-info {
        margin-bottom: 20px;
    }
}
.main .reservation-summary .reservation-summary-wrapper .pay-info .head-container {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: 14px;
    padding-left: 14px;
}
@media (min-width: 768px) {
    .main .reservation-summary .reservation-summary-wrapper .pay-info .head-container {
        flex: 0 0 auto;
        width: 100%;
    }
}
.main .reservation-summary .reservation-summary-wrapper .pay-info .head-container .head-wrapper {
    margin-bottom: 2.5rem;
    display: flex;
    align-items: center;
}
@media (max-width: 991px) {
    .main .reservation-summary .reservation-summary-wrapper .pay-info .head-container .head-wrapper {
        background-color: #f2f2f2;
        padding: 15px;
        border-radius: 5px;
        margin-bottom: 20px;
    }
}
.main .reservation-summary .reservation-summary-wrapper .pay-info .head-container .head-wrapper .head-icon {
    margin-right: 1rem;
}
.main .reservation-summary .reservation-summary-wrapper .pay-info .head-container .head-wrapper .head-icon svg {
    width: 22px;
    height: 22px;
    color: #d0142d;
    display: inline-block;
    vertical-align: middle;
}
.main .reservation-summary .reservation-summary-wrapper .pay-info .head-container .head-wrapper .main-head h4 {
    font-size: 1.285rem;
    color: #020202;
    margin: 0;
    padding: 0;
    font-weight: 500;
    line-height: 1.2;
}
@media (max-width: 991px) {
    .main .reservation-summary .reservation-summary-wrapper .pay-info .head-container .head-wrapper .main-head h4 {
        font-size: 13px;
    }
}
.main .reservation-summary .reservation-summary-wrapper .pay-info .info-container {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: 12px;
    padding-left: 12px;
    margin-top: 0;
}
@media (min-width: 576px) {
    .main .reservation-summary .reservation-summary-wrapper .pay-info .info-container {
        flex: 0 0 auto;
        width: 100%;
    }
}
@media (min-width: 768px) {
    .main .reservation-summary .reservation-summary-wrapper .pay-info .info-container {
        flex: 0 0 auto;
        width: 50%;
    }
}
@media (min-width: 992px) {
    .main .reservation-summary .reservation-summary-wrapper .pay-info .info-container:nth-child(2n) {
        padding-left: 50px;
    }
    .main .reservation-summary .reservation-summary-wrapper .pay-info .info-container {
        padding-right: 20px;
        padding-left: 20px;
    }
}
.main .reservation-summary .reservation-summary-wrapper .pay-info .info-container .rez-wrapper {
    margin-bottom: 1.4285rem;
    display: flex;
    justify-content: space-between;
}
@media (max-width: 991px) {
    .main .reservation-summary .reservation-summary-wrapper .pay-info .info-container .rez-wrapper {
        margin-bottom: 20px;
    }
}
.main .reservation-summary .reservation-summary-wrapper .pay-info .info-container .rez-wrapper .rez-head {
    font-size: .8571rem;
    color: #808080;
    font-weight: 300;
    text-align: left;
    min-width: 150px;
    text-transform: uppercase;
}
@media (max-width: 991px) {
    .main .reservation-summary .reservation-summary-wrapper .pay-info .info-container .rez-wrapper .rez-head {
        min-width: 100px;
        font-size: 11px;
    }
}
@media (max-width: 767px) {
    .main .reservation-summary .reservation-summary-wrapper .pay-info .info-container .rez-wrapper .rez-head {
        min-width: 90px;
    }
}
.main .reservation-summary .reservation-summary-wrapper .pay-info .info-container .rez-wrapper .rez-text {
    font-size: 1rem;
    color: #000;
    font-weight: 400;
    text-align: right;
}
@media (max-width: 991px) {
    .main .reservation-summary .reservation-summary-wrapper .pay-info .info-container .rez-wrapper .rez-text {
        font-size: 13px;
    }
}
.main .reservation-summary .reservation-summary-wrapper .reservation-submit-form {
    display: block;
    text-align: center;
    width: 100%;
}
.main .reservation-summary .reservation-summary-wrapper .reservation-submit-form button {
    padding: 1.1787rem 2.153rem;
    border-color: #0cc024;
    font-size: 1rem;
    line-height: 1rem;
    background-color: #0cc024;
    cursor: pointer;
    color: #fff;
    font-weight: 500;
    text-align: center;
    outline: none;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    border-radius: .358rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,background,border;
    overflow: hidden;
    width: 300px;
}
.main .reservation-summary .reservation-summary-wrapper .reservation-submit-form button:hover {
    -webkit-box-shadow: 0 5px 15px -8px #0cc024;
    box-shadow: 0 5px 15px -8px #0cc024;
}
@media (max-width: 767px) {
    .main .reservation-summary .reservation-summary-wrapper .reservation-submit-form button {
        width: 100%;
        min-width: 100%;
    }
}
.main .reservation-result .reservation-result-wrapper {
    width: 100%;
    margin: 0 auto;
    padding-right: 14px;
    padding-left: 14px;
}
@media (min-width: 768px) {
    .main .reservation-result .reservation-result-wrapper {
        max-width: 720px;
        padding: 0;
    }
}
@media (min-width: 992px) {
    .main .reservation-result .reservation-result-wrapper {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .main .reservation-result .reservation-result-wrapper {
        max-width: 1140px;
    }
}
@media (min-width: 1280px) {
    .main .reservation-result .reservation-result-wrapper {
        max-width: 1190px;
    }
}
@media (min-width: 1440px) {
    .main .reservation-result .reservation-result-wrapper {
        max-width: 1190px;
    }
}
.main .reservation-result .reservation-result-wrapper .reservation-successful {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.main .reservation-result .reservation-result-wrapper .reservation-successful .info-success {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #d4edda;
    border: none;
    outline: none;
    width: 100%;
    margin-bottom: 1rem;
    padding: 1rem 2rem;
}
.main .reservation-result .reservation-result-wrapper .reservation-successful .info-success .icon svg {
    width: 19px;
    height: 19px;
    margin-right: .7rem;
    color: #155724;
    display: inline-block;
    vertical-align: middle;
}
.main .reservation-result .reservation-result-wrapper .reservation-successful .info-success .text {
    color: #155724;
    font-size: 1rem;
    font-weight: 500;
}
.main .reservation-result .reservation-result-wrapper .reservation-successful .reservation-no {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #f2f2f2;
    border: none;
    outline: none;
    width: 100%;
    margin-bottom: 2rem;
    padding: 1rem 2rem;
}
.main .reservation-result .reservation-result-wrapper .reservation-successful .reservation-no .icon svg {
    width: 23px;
    height: 23px;
    margin-right: .7rem;
    color: #0090ff;
    display: inline-block;
    vertical-align: middle;
}
.main .reservation-result .reservation-result-wrapper .reservation-successful .reservation-no .text {
    color: #000;
    font-size: 1rem;
    font-weight: 400;
    margin-right: 5px;
}
.main .reservation-result .reservation-result-wrapper .reservation-successful .reservation-no .number {
    color: #000;
    font-size: 1rem;
    font-weight: 600;
}
.main .reservation-result .reservation-result-wrapper .reservation-successful .pay-info {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    border: none;
    outline: none;
    width: 100%;
    margin-bottom: 2rem;
    gap: 5px;
    color: #6a6a6a;
    font-size: 1rem;
    font-weight: 400;
}
.main .reservation-result .reservation-result-wrapper .reservation-successful .payment {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    border: none;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.23); 
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.23);
    outline: none;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    margin-bottom: 3rem;
    gap: 5px;
    color: #6a6a6a;
    font-size: 1.2rem;
    font-weight: 400;
    padding: 2rem;
}
.main .reservation-result .reservation-result-wrapper .reservation-successful .home-page a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    border: 1px solid #b2deff;
    outline: none;
    margin-bottom: 2rem;
    color: #0090ff;
    font-size: 1rem;
    font-weight: 400;
    padding: 5px 10px;
}
.main .reservation-result .reservation-result-wrapper .reservation-successful .home-page a:hover {
    background-color: #96d1ff3b;
}
.main .reservation-result .reservation-result-wrapper .reservation-successful .home-page .icon svg {
    width: 23px;
    height: 23px;
    margin-right: .7rem;
    color: #0090ff;
    display: inline-block;
    vertical-align: middle;
}
.main .reservation-result .reservation-result-wrapper  .reservation-failed {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.main .reservation-result .reservation-result-wrapper .reservation-failed .info-error {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #f8d7da;
    border: none;
    outline: none;
    width: 100%;
    margin-bottom: 1rem;
    padding: 1rem 2rem;
}
.main .reservation-result .reservation-result-wrapper .reservation-failed .info-error .icon svg {
    width: 19px;
    height: 19px;
    margin-right: .7rem;
    color: #84202a;
    display: inline-block;
    vertical-align: middle;
}
.main .reservation-result .reservation-result-wrapper .reservation-failed .info-error .text {
    color: #84202a;
    font-size: 1rem;
    font-weight: 500;
}
.main .reservation-result .reservation-result-wrapper .reservation-failed .home-page a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    border: 1px solid #b2deff;
    outline: none;
    margin-bottom: 2rem;
    color: #0090ff;
    font-size: 1rem;
    font-weight: 400;
    padding: 5px 10px;
}
.main .reservation-result .reservation-result-wrapper .reservation-failed .home-page a:hover {
    background-color: #96d1ff3b;
}
.main .reservation-result .reservation-result-wrapper .reservation-failed .home-page .icon svg {
    width: 23px;
    height: 23px;
    margin-right: .7rem;
    color: #0090ff;
    display: inline-block;
    vertical-align: middle;
}
.main .breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 1.4285rem 0 4rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: transparent;
    border-radius: 0;
}
@media (max-width: 991px) {
    .main .breadcrumb {
        padding: 10px 0 15px;
    }
}
.main .breadcrumb .container {
    padding: 0;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 576px) {
    .main .breadcrumb .container {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .main .breadcrumb .container {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .main .breadcrumb .container {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .main .breadcrumb .container {
        max-width: 1140px;
    }
}
@media (min-width: 1280px) {
    .main .breadcrumb .container {
        max-width: 1190px;
    }
}
.main .breadcrumb .container .row {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
}
.main .breadcrumb .container .row .col {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-top: 0;
}
@media (min-width: 768px) {
    .main .breadcrumb .container .row .col {
        flex: 0 0 auto;
        width: 100%;
    }
}
.main .breadcrumb .container .row .col .breadcrumb-wrapper {
    display: flex;
    justify-content: space-between;
    color: #000;
    font-size: .8571rem;
    font-weight: 400;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
@media (max-width: 991px) {
    .main .breadcrumb .container .row .col .breadcrumb-wrapper {
        font-size: 12px;
        line-height: 18px;
    }
}
@media (max-width: 575px) {
    .main .breadcrumb .container .row .col .breadcrumb-wrapper {
        padding: 0 15px;
    }
}
.main .breadcrumb .container .row .col .breadcrumb-wrapper h1 {
    color: #000;
    font-size: 1.2857rem;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 500;
    line-height: 1.2;
}
@media (max-width: 991px) {
    .main .breadcrumb .container .row .col .breadcrumb-wrapper h1 {
        display: none;
    }
    .main .breadcrumb .container .row .col .breadcrumb-wrapper .links {
        text-align: center;
        margin: 0 auto;
    }
}
.main .breadcrumb .container .row .col .breadcrumb-wrapper .links a {
    padding-left: 10px;
    color: #000;
    font-size: .8571rem;
    font-weight: 400;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    text-decoration: none;
}
.main .breadcrumb .container .row .col .breadcrumb-wrapper .links a:hover {
    color: #d0142d;
}
@media (max-width: 991px) {
    .main .breadcrumb .container .row .col .breadcrumb-wrapper .links a:first-child {
        padding-left: 0;
    }
    .main .breadcrumb .container .row .col .breadcrumb-wrapper .links a {
        font-size: 12px;
        line-height: 18px;
    }
}
.main .breadcrumb .container .row .col .breadcrumb-wrapper .links a::after {
    content: ">>";
    margin-left: 10px;
    letter-spacing: -1px;
    color: #000;
}
.main .breadcrumb .container .row .col .breadcrumb-wrapper .links span {
    padding-left: 10px;
    color: #808080;
    font-size: .8571rem;
    font-weight: 400;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
@media (max-width: 991px) {
    .main .breadcrumb .container .row .col .breadcrumb-wrapper .links span {
        font-size: 12px;
        line-height: 18px;
    }
}
.main .breadcrumb .container .row .col hr {
    margin-top: 1.4285rem;
    height: 1px;
    margin: 1rem 0 0 0;
    color: #ebe9f1;
    background-color: #ebe9f1;
    border: 0;
    opacity: 1;
}
.main .tour-section {
    padding: 0;
    display: block;
    padding-bottom: 14rem;
}
@media (max-width: 767px) {
    .main .tour-section {
        overflow-x: hidden;
    }
}
.main .tour-section .container {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 576px) {
    .main .tour-section .container {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .main .tour-section .container {
        max-width: 720px;
        padding: 0;
    }
}
@media (min-width: 992px) {
    .main .tour-section .container {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .main .tour-section .container {
        max-width: 1140px;
    }
}
@media (min-width: 1280px) {
    .main .tour-section .container {
        max-width: 1190px;
    }
}
.main .tour-section .container .list-view {
    display: flex;
    flex-direction: column;
}
@media (min-width: 1200px) {
    .main .tour-section .container .list-view {
        display: grid;
        grid-template-columns: 2fr 1fr;
        column-gap: 1.43rem;
    }
}
.main .tour-section .container .list-view .tours-list {
    width: 850px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
@media (max-width: 1199px) {
    .main .tour-section .container .list-view .tours-list {
        width: 100%;
        flex-direction: row;
    }
}
.main .tour-section .container .list-view .tours-list .tour-card {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    transition: all 250ms ease-in-out;
    margin: 0 0 20px 0;
    padding: 0;
    vertical-align: baseline;
}
@media (max-width: 1199px) {
    .main .tour-section .container .list-view .tours-list .tour-card {
        padding: 8px;
        border-radius: 4px;
        box-shadow: 0 1px 4px 0 rgba(0,0,0,0.08);
        border: 1px solid #d5d7e7;
        margin: 8px;
        flex-direction: column;
        width: calc(50% - 32px);
    }
}
@media (max-width: 767px) {
    .main .tour-section .container .list-view .tours-list .tour-card {
        width: 100%;
        margin: 8px 0;
    }
}
.main .tour-section .container .list-view .tours-list .tour-card .tour-info {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    border-right: 1px solid #efefef;
    width: 75%;
}
@media (max-width: 1199px) {
    .main .tour-section .container .list-view .tours-list .tour-card .tour-info {
        border: none;
        outline: none;
        width: 100%;
    }
}
.main .tour-section .container .list-view .tours-list .tour-card .tour-info .tour-info-top {
    display: flex;
    padding: 15px;
    flex-direction: row;
    width: 100%;
}
@media (max-width: 1199px) {
    .main .tour-section .container .list-view .tours-list .tour-card .tour-info .tour-info-top {
        flex-direction: column;
        padding: 0;
    }
}
.main .tour-section .container .list-view .tours-list .tour-card .tour-info .tour-info-top .tour-image {
    height: 240px;
    min-height: 240px;
    max-height: 240px;
    width: 240px;
    min-width: 240px;
    max-width: 240px;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    border-radius: 6px;
    margin: 0;
    padding: 0;
    border: 0;
}
@media (max-width: 1199px) {
    .main .tour-section .container .list-view .tours-list .tour-card .tour-info .tour-info-top .tour-image {
        height: 140px;
        min-height: 140px;
        max-height: 140px;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        border-radius: 4px;
        background: #e9ecf2;
        display: block;
    }
}
.main .tour-section .container .list-view .tours-list .tour-card .tour-info .tour-info-top .tour-image img {
    height: 100%;
    width: 100%;
    vertical-align: middle;
    object-fit: cover;
    image-rendering: pixelated;
    border-radius: 6px;
}
@media (max-width: 1199px) {
    .main .tour-section .container .list-view .tours-list .tour-card .tour-info .tour-info-top .tour-image img {
        border-radius: 4px;
    }
}
.main .tour-section .container .list-view .tours-list .tour-card .tour-info .tour-info-top .tour-info-inner {
    display: inline-block;
    padding: 0 8px 15px 15px;
    margin: 0;
    border: 0;
    vertical-align: baseline;
}
@media (max-width: 1199px) {
    .main .tour-section .container .list-view .tours-list .tour-card .tour-info .tour-info-top .tour-info-inner {
        padding: 0;
    }
}
.main .tour-section .container .list-view .tours-list .tour-card .tour-info .tour-info-top .tour-info-inner .tour-head {
    display: flex;
    margin: 0 0 10px 0;
    padding: 0;
    border: 0;
}
.main .tour-section .container .list-view .tours-list .tour-card .tour-info .tour-info-top .tour-info-inner .tour-head .tour-name {
    width: auto;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    margin: 0;
    padding: 0;
    border: 0;
}
.main .tour-section .container .list-view .tours-list .tour-card .tour-info .tour-info-top .tour-info-inner .tour-head .tour-name h3 {
    font-size: 18px;
    color: #28374f;
    line-height: 22px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 600;
    margin: 0;
    padding: 0;
    border: 0;
}
@media (max-width: 1199px) {
    .main .tour-section .container .list-view .tours-list .tour-card .tour-info .tour-info-top .tour-info-inner .tour-head .tour-name h3 {
        font-weight: 500;
        line-height: 1.22;
        display: block;
        color: #1f1c1c;
        margin-top: 10px;
    }
}
.main .tour-section .container .list-view .tours-list .tour-card .tour-info .tour-info-top .tour-info-inner .tour-head .tour-name h3:hover {
    color: #0065b8;
    text-decoration: underline;
    cursor: pointer;
}
.main .tour-section .container .list-view .tours-list .tour-card .tour-info .tour-info-top .tour-info-inner .tour-start {
    display: inline-block;
    width: 100%;
    font-size: 12px;
    font-weight: 500;
    line-height: 17px;
    color: #666;
    margin: 10px 0;
}
@media (max-width: 1199px) {
    .main .tour-section .container .list-view .tours-list .tour-card .tour-info .tour-info-top .tour-info-inner .tour-start {
        margin: 8px 0;
    }
}
.main .tour-section .container .list-view .tours-list .tour-card .tour-info .tour-info-top .tour-info-inner .tour-date {
    display: flex;
}
.main .tour-section .container .list-view .tours-list .tour-card .tour-info .tour-info-top .tour-info-inner .tour-date .icon svg {
    width: 15px;
    height: 15px;
    margin-right: 9px;
    color: #28374f;
    display: inline-block;
}
.main .tour-section .container .list-view .tours-list .tour-card .tour-info .tour-info-top .tour-info-inner .tour-date .date {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.14;
    color: #28374f;
    letter-spacing: normal;
    margin: 0;
    padding: 0;
    border: 0;
}
.main .tour-section .container .list-view .tours-list .tour-card .tour-info .tour-info-top .tour-info-inner .tour-total-days {
    display: flex;
    margin-top: 10px;
}
.main .tour-section .container .list-view .tours-list .tour-card .tour-info .tour-info-top .tour-info-inner .icon svg {
    width: 15px;
    height: 15px;
    margin-right: 9px;
    color: #28374f;
    display: inline-block;
}
.main .tour-section .container .list-view .tours-list .tour-card .tour-info .tour-info-top .tour-info-inner .text {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.14;
    color: #28374f;
    letter-spacing: normal;
    margin: 0;
    padding: 0;
    border: 0;
}
.main .tour-section .container .list-view .tours-list .tour-card .tour-info .tour-info-top .tour-info-inner .tour-category {
    display: flex;
    margin-top: 10px;
    gap: 5px;
}
.main .tour-section .container .list-view .tours-list .tour-card .tour-info .tour-info-top .tour-info-inner .tour-category span {
    border-radius: 3px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.05);
    background-color: #fff;
    padding: 5px 10px;
    border: 1px solid #dddddd;
    vertical-align: middle;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.33;
    text-align: center;
    color: #28374f;
    margin: 0;
}
.main .tour-section .container .list-view .tours-list .tour-card .tour-info .tour-info-top .tour-info-inner .tour-category span.category {
    background-color: #d4edda;
    border-color: #c3e6cb;
    color: #155724;
}
.main .tour-section .container .list-view .tours-list .tour-card .tour-info .tour-info-top .tour-info-inner .tour-discount {
    display: flex;
    margin-top: 10px;
}
.main .tour-section .container .list-view .tours-list .tour-card .tour-info .tour-info-top .tour-info-inner .tour-discount span {
    border-radius: 3px;
    background-color: #fef5e7;
    padding: 5px 10px;
    vertical-align: middle;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.33;
    text-align: center;
    color: #28374f;
    margin: 0;
}
.main .tour-section .container .list-view .tours-list .tour-card .tour-info .tour-info-bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px 15px;
    border-top: 1px solid #efefef;
    margin: 0;
}
@media (max-width: 1199px) {
    .main .tour-section .container .list-view .tours-list .tour-card .tour-info .tour-info-bottom {
        flex-direction: column;
        justify-content: flex-start;
        border: none;
        padding: 0;
        margin-top: 10px;
    }
}
.main .tour-section .container .list-view .tours-list .tour-card .tour-info .tour-info-bottom .info-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 5px;
    width: auto;
    font-size: 12px;
    line-height: 12px;
    font-weight: normal;
    color: #0665b8;
}
.main .tour-section .container .list-view .tours-list .tour-card .tour-info .tour-info-bottom .info-item .icon svg {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    color: #0665b8;
    display: inline-block;
}
.main .tour-section .container .list-view .tours-list .tour-card .tour-info .tour-info-bottom .info-item.dates {
    position: relative;
    cursor: pointer;
}
.main .tour-section .container .list-view .tours-list .tour-card .tour-info .tour-info-bottom .info-item.dates .start-dates-container {
    display: none;
    opacity: 0;
    margin: 0;
    position: absolute;
    background-color: #fff;
    padding: 10px 15px;
    top: 30px;
    left: 0;
    max-height: 180px;
    overflow-y: auto;
    border-radius: 5px;
    transition: all 150ms ease-in-out;
    flex-direction: column;
    z-index: 80;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    gap: 8px;
    cursor: default;
}
@media (min-width: 1200px) {
    .main .tour-section .container .list-view .tours-list .tour-card .tour-info .tour-info-bottom .info-item.dates .start-dates-container {
        width: 120%;
    }
}
.main .tour-section .container .list-view .tours-list .tour-card .tour-info .tour-info-bottom .info-item.dates:hover .start-dates-container {
    display: flex;
    opacity: 1;
}
.main .tour-section .container .list-view .tours-list .tour-card .tour-info .tour-info-bottom .info-item.dates .start-dates-container .start-date {
    color: #000;
    font-size: 12px;
    line-height: 1.33;
    text-align: center;
}
.main .tour-section .container .list-view .tours-list .tour-card .tour-price {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 15px;
    flex-wrap: wrap;
    position: relative; /* mobile submit button için */
}
@media (max-width: 1199px) {
    .main .tour-section .container .list-view .tours-list .tour-card .tour-price {
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: row;
        padding: 20px 10px;
        margin-top: 10px;
        background: #f1f3f7;
        border-radius: 4px;
    }
}
.main .tour-section .container .list-view .tours-list .tour-card .tour-price .price-container {
    display: flex;
    flex-direction: column;
}
.main .tour-section .container .list-view .tours-list .tour-card .tour-price .price-container .row {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
@media (max-width: 1199px) {
    .main .tour-section .container .list-view .tours-list .tour-card .tour-price .price-container .row {
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
    }
}
.main .tour-section .container .list-view .tours-list .tour-card .tour-price .price-container .row .head {
    display: block;
    font-size: 12px;
    color: #999;
    font-weight: 600;
}
@media (max-width: 1199px) {
    .main .tour-section .container .list-view .tours-list .tour-card .tour-price .price-container .row .head {
        display: inline-block;
        line-height: 1.14;
        font-size: 14px;
        color: #505162;
        margin-right: 10px;
    }
}
.main .tour-section .container .list-view .tours-list .tour-card .tour-price .price-container .row .discount {
    display: inline-block;
    width: max-content;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    background: #DF3C44;
    border-radius: 15px;
    margin-top: 10px;
}
@media (max-width: 1199px) {
    .main .tour-section .container .list-view .tours-list .tour-card .tour-price .price-container .row .discount {
        border-radius: 4px;
        background: #e94343;
        font-weight: 500;
        line-height: 1.5;
        padding: 1px 5px;
        margin: 0;
    }
}
.main .tour-section .container .list-view .tours-list .tour-card .tour-price .price-container .row .old-price {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #999;
    text-decoration: line-through;
    margin-top: 5px;
}
@media (max-width: 1199px) {
    .main .tour-section .container .list-view .tours-list .tour-card .tour-price .price-container .row .old-price {
        line-height: 1.50;
        margin-right: 10px;
    }
}
.main .tour-section .container .list-view .tours-list .tour-card .tour-price .price-container .row .current-price {
    display: inline-block;
    font-size: 24px;
    font-weight: 600;
    color: #2fa252;
    margin-top: 5px;
    white-space: nowrap;
    padding: 0;
    line-height: normal;
}
@media (max-width: 1199px) {
    .main .tour-section .container .list-view .tours-list .tour-card .tour-price .price-container .row .current-price {
        font-size: 22px;
        line-height: 1.18;
    }
}
.main .tour-section .container .list-view .tours-list .tour-card .tour-price .tour-submit .desktop-button {
    margin-top: 15px;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    transition: all 250ms ease-in-out;
    line-height: normal;
    border: 1px solid #2fa252;
    outline: none;
    padding: 10px 15px;
    color: #2fa252;
    background: #fff;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 14px;
    border-radius: 6px;
    font-weight: bold;
    text-transform: uppercase;
}
.main .tour-section .container .list-view .tours-list .tour-card .tour-price .tour-submit .desktop-button:hover {
    background: #50a369;
    color: #fff;
}
.main .tour-section .container .list-view .tours-list .tour-card .tour-price .tour-submit .mobile-button {
    display: none;
    position: absolute;
    top: 0;
    right: 10px;
    height: 100%;
    width: 100%;
    text-align: end;
}
.main .tour-section .container .list-view .tours-list .tour-card .tour-price .tour-submit .mobile-button .text {
    color: #50a369;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    margin-right: 5px;
}
@media (max-width: 1199px) {
    .main .tour-section .container .list-view .tours-list .tour-card .tour-price .tour-submit .desktop-button {
        display: none;
    }
    .main .tour-section .container .list-view .tours-list .tour-card .tour-price .tour-submit .mobile-button {
        display: inline-block;
        padding: 0;
        margin: 0;
        border: none;
        outline: none;
        background: transparent;
        margin-left: 5px;
        vertical-align: middle;
    }
}
.main .tour-section .container .list-view .tours-list .tour-card .tour-price .tour-submit .mobile-button .icon svg {
    width: 25px;
    height: 100%;
    color: #2fa252;
    display: inline-block;
    vertical-align: middle;
}
.main .tour-section .container .list-view .tours-category {
    display: flex;
    flex-direction: column;
    width: 100%;
    background: #fff;
    border: 0 solid rgba(34, 41, 47, .125);
    box-shadow: 0 0 30px 0 rgb(34 41 47 / 6%);
    border-radius: 10px;
    height: min-content;
    margin-bottom: 1.4285rem;
}
@media (max-width: 1199px) {
    .main .tour-section .container .list-view .tours-category {
        margin-top: 25px;
    }
}
.main .tour-section .container .list-view .tours-category .row-head {
    background-color: #f2f2f2;
    width: 100%;
    padding: 1.4285rem 1.6428rem;
    border-radius: 10px;
}
.main .tour-section .container .list-view .tours-category .row-head h5 {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    color: #000;
}
.main .tour-section .container .list-view .tours-category .category-rows {
    display: flex;
    flex-direction: column;
    padding: 10px 0 20px 0;
}
.main .tour-section .container .list-view .tours-category .row {
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.main .tour-section .container .list-view .tours-category .row a {
    text-decoration: none;
    color: #666;
    border: none;
    outline: none;
    padding: 5px 20px;
    width: 100%;
    border-bottom: 1px solid #f2f2f2;
}
.main .tour-section .container .list-view .tours-category .row:last-child a {
    border-bottom: 0;
}
.main .tour-section .container .list-view .tours-category .row a:hover {
    color: #fff;
    background-color: #ee1c25;
    padding-left: 25px;
}
.main .tour-detail-section .slider-container {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    padding: 0;
    position: relative;
    overflow: hidden;
}
.main .tour-detail-section .slider-container .slider-wrapper {
    width: 100%;
    overflow: hidden;
}
.main .tour-detail-section .slider-container .slider-wrapper .slider-track {
    display: flex;
    transition: transform 0.3s ease-in-out;
    width: 100%;
}
.main .tour-detail-section .slider-container .slider-wrapper .slider-track .slide {
    flex: 0 0 calc(100% / 5);
    padding: 0;
    margin: 0;
    border: 1px solid #F8FAFC;
}
@media (max-width: 1199px) {
    .main .tour-detail-section .slider-container .slider-wrapper .slider-track .slide {
        flex: 0 0 calc(100% / 4);
    }
}
@media (max-width: 991px) {
    .main .tour-detail-section .slider-container .slider-wrapper .slider-track .slide {
        flex: 0 0 calc(100% / 3);
    }
}
@media (max-width: 767px) {
    .main .tour-detail-section .slider-container .slider-wrapper .slider-track .slide {
        flex: 0 0 calc(100% / 2);
    }
}
@media (max-width: 575px) {
    .main .tour-detail-section .slider-container .slider-wrapper .slider-track .slide {
        flex: 0 0 100%;
    }
}
.main .tour-detail-section .slider-container .slider-wrapper .slider-track .slide img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border: none;
    outline: none;
    transition: transform 0.3s ease;
    cursor: pointer;
    margin: 0;
    padding: 0;
}
@media (max-width: 1199px) {
    .main .tour-detail-section .slider-container .slider-wrapper .slider-track .slide img {
        height: 200px;
    }
}
.main .tour-detail-section .slider-container .nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,101,184,0.9);
    border: none;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: all 0.3s ease;
    z-index: 10;
    opacity: 1;
}
.main .tour-detail-section .slider-container .nav-btn:hover {
    transform: translateY(-50%) scale(1.1);
}
.main .tour-detail-section .slider-container .nav-btn:active {
    transform: translateY(-50%) scale(0.95);
}
.main .tour-detail-section .slider-container .nav-btn.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
    transform: translateY(-50%) scale(0.8);
}
.main .tour-detail-section .slider-container .nav-btn.prev-btn {
    left: 15px;
}
.main .tour-detail-section .slider-container .nav-btn.next-btn {
    right: 15px;
}
@media (max-width: 991px) {
    .main .tour-detail-section .slider-container .nav-btn {
        width: 40px;
        height: 40px;
    }
    .main .tour-detail-section .slider-container .nav-btn.prev-btn {
        left: 10px;
    }
    .main .tour-detail-section .slider-container .nav-btn.next-btn {
        right: 10px;
    }
}
.main .tour-detail-section .slider-container .nav-btn svg {
    width: 25px;
    height: 25px;
    color: #ffffff;
    display: inline-block;
}
.main .lightbox {
    position: fixed;
    inset: 0; /* top:0 right:0 bottom:0 left:0 */
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}
.main .lightbox.open {
    display: flex;
}
.main .lightbox .lightbox-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(2px);
}
.main .lightbox .lightbox-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.main .lightbox .lightbox-image img {
    max-width: 95%;
    max-height: 95%;
    object-fit: cover;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
    position: relative;
    z-index: 1;
    user-select: none;
}
.main .lightbox .lightbox-btn {
    position: absolute;
    background: rgba(255, 255, 255, 0.9);
    border: none;
    color: #333;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    transition: transform .2s ease, background .2s ease;
}
.main .lightbox .lightbox-btn:hover {
    background: #fff;
    transform: scale(1.05);
}
.main .lightbox .lightbox-btn:active {
    transform: scale(0.95);
}
.main .lightbox .lightbox-btn svg {
    width: 25px;
    height: 25px;
    display: inline-block;
}
.main .lightbox .lightbox-btn.close {
    top: 20px;
    right: 20px;
}
.main .lightbox .lightbox-btn.close svg {
    width: 20px;
    height: 20px;
}
.main .lightbox .lightbox-btn.prev {
    left: 30px;
}
.main .lightbox .lightbox-btn.next {
    right: 30px;
}
@media (max-width: 767px) {
    .main .lightbox .lightbox-btn {
        width: 40px;
        height: 40px;
    }
    .main .lightbox .lightbox-btn svg {
        width: 18px;
        height: 18px;
    }
    .main .lightbox .lightbox-btn.close svg {
        width: 16px;
        height: 16px;
    }
    .main .lightbox .lightbox-btn.prev {
        left: 1px;
    }
    .main .lightbox .lightbox-btn.next {
        right: 1px;
    }
}
body.lightbox-open {
    overflow: hidden;
}
.main .tour-detail-section .tour-head {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-right: auto;
    margin-left: auto;
    margin-top: 1rem;
}
@media (min-width: 576px) {
    .main .tour-detail-section .tour-head {
        max-width: 540px;
        padding: 0;
    }
}
@media (min-width: 768px) {
    .main .tour-detail-section .tour-head {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .main .tour-detail-section .tour-head {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .main .tour-detail-section .tour-head {
        max-width: 1140px;
        margin-top: 1.5rem;
    }
}
@media (min-width: 1280px) {
    .main .tour-detail-section .tour-head {
        max-width: 1190px;
    }
}
.main .tour-detail-section .tour-head .head-text {
    width: 100%;
    display: block;
}
.main .tour-detail-section .tour-head .head-text h1 {
    font-size: 2.4rem;
    color: #3f536c;
    margin: 0;
    font-weight: 500;
    line-height: 1.2;
}
@media (max-width: 1199px) {
    .main .tour-detail-section .tour-head .head-text h1 {
        font-size: 1.8rem;
    }
}
.main .tour-detail-section .container {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-right: auto;
    margin-left: auto;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
@media (min-width: 576px) {
    .main .tour-detail-section .container {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .main .tour-detail-section .container {
        max-width: 720px;
        padding: 0;
    }
}
@media (min-width: 992px) {
    .main .tour-detail-section .container {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .main .tour-detail-section .container {
        max-width: 1140px;
        margin-top: 1.5rem;
    }
}
@media (min-width: 1280px) {
    .main .tour-detail-section .container {
        max-width: 1190px;
    }
}
.main .tour-detail-section .container .tour-details {
    display: flex;
    flex-direction: column;
}
@media (min-width: 1200px) {
    .main .tour-detail-section .container .tour-details {
        display: grid;
        grid-template-columns: 2fr 1fr;
        column-gap: 1.43rem;
    }
}
.main .tour-detail-section .container .tour-details .tour-body {
    width: 800px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 10px;
}
@media (max-width: 1199px) {
    .main .tour-detail-section .container .tour-details .tour-body {
        width: 100%;
        margin-bottom: 4rem;
    }
}
.main .tour-detail-section .container .tour-details .tour-body .tour-departure-point {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    background: #f6f5f8;
    border-radius: 10px;
    padding: 10px;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-departure-point .departure-icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-departure-point .departure-icon svg {
    width: 18px;
    height: 18px;
    display: inline-block;
    color: #3f536c;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-departure-point .departure-text {
    font-size: 1rem;
    font-weight: 400;
    margin-right: 10px;
    color: #3f536c;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-departure-point .departure-point {
    font-size: 1rem;
    font-weight: 500;
    color: #000;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-route {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
    background: #fff;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-route .route-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    background: #f6f5f8;
    border-radius: 10px;
    padding: 10px;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-route .route-head .icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-route .route-head .icon svg {
    width: 18px;
    height: 18px;
    display: inline-block;
    color: #3f536c;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-route .route-head .text {
    font-size: 1rem;
    font-weight: 400;
    color: #3f536c;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-route .route {
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    padding-left: 1rem;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-route .route-line {
    border-radius: 15px;
    background-color: rgba(255, 45, 73, 0.13);
    padding: 5px 15px;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-program-summary {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
    background: #fff;
    margin-top: 10px;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-program-summary .summary-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    background: #f6f5f8;
    border-radius: 10px;
    padding: 10px;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-program-summary .summary-head .icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-program-summary .summary-head .icon svg {
    width: 18px;
    height: 18px;
    display: inline-block;
    color: #3f536c;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-program-summary .summary-head .text {
    font-size: 1rem;
    font-weight: 400;
    color: #3f536c;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-program-summary .summary {
    display: flex;
    width: 100%;
    position: relative;
    padding: 60px 0;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    margin-top: 2rem;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-program-summary .summary::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #1f6feb, #60a5fa);
    border-radius: 8px;
    opacity: 0.9;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-program-summary .summary .item {
    position: relative;
    flex: 1;
    min-width: 120px;
    display: flex;
    justify-content: center;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-program-summary .summary .item::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -100%);
    width: 2px;
    height: 68px;
    background: #1f6feb;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-program-summary .summary .item::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 14px;
    height: 14px;
    background: #fff;
    border: 3px solid #1f6feb;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(31, 111, 235, 0.15);
    z-index: 1;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-program-summary .summary .item .card {
    position: relative;
    width: 100%;
    max-width: 160px;
    background: #edf4fd;
    border: 1px solid #d9e2f3;
    border-radius: 12px;
    padding: 10px;
    box-shadow: 0 10px 25px -16px rgba(0,0,0,0.25);
    transform: translateY(-68px);
    text-align: center;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-program-summary .summary .item .card .title {
    font-weight: 400;
    font-size: 12px;
    color: #3f536c;
}
@media (max-width: 767px) {
    .main .tour-detail-section .container .tour-details .tour-body .tour-program-summary .summary {
        flex-direction: column;
        align-items: flex-start;
        padding: 0 0 0 0;
    }
    .main .tour-detail-section .container .tour-details .tour-body .tour-program-summary .summary::before {
        left: 10px;
        top: 0;
        width: 4px;
        height: 100%;
        transform: none;
    }
    .main .tour-detail-section .container .tour-details .tour-body .tour-program-summary .summary .item {
        width: 100%;
        min-width: 0;
        padding-left: 30px;
    }
    .main .tour-detail-section .container .tour-details .tour-body .tour-program-summary .summary .item .card {
        max-width: none;
        width: calc(100% - 18px);
        transform: none !important;
    }
    .main .tour-detail-section .container .tour-details .tour-body .tour-program-summary .summary .item::before {
        left: 10px;
        width: 30px;
        height: 2px;
        transform: none;
        top: 50%;
        transform: translateY(-50%);
    }
    .main .tour-detail-section .container .tour-details .tour-body .tour-program-summary .summary .item::after {
        left: 12px;
        top: 50%;
        transform: translate(-50%, -50%);
    }
}
.main .tour-detail-section .container .tour-details .tour-body .tour-program {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
}
@media (max-width: 767px) {
    .main .tour-detail-section .container .tour-details .tour-body .tour-program {
        margin-top: 35px;
    }
}
.main .tour-detail-section .container .tour-details .tour-body .tour-program .program-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    background: #f6f5f8;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 1rem;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-program .program-head .icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-program .program-head .icon svg {
    width: 18px;
    height: 18px;
    display: inline-block;
    color: #3f536c;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-program .program-head .text {
    font-size: 1rem;
    font-weight: 400;
    color: #3f536c;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-program .program-wrapper {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
    position: relative;
    padding-left: 1rem;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-program .program-wrapper::before {
    content: "";
    position: absolute;
    top: 20px;
    height: calc(100% - 10px);
    left: 25px;
    border: 1px dashed #f28710;
    z-index: 1;
}
@media (max-width: 767px) {
    .main .tour-detail-section .container .tour-details .tour-body .tour-program .program-wrapper::before {
        height: calc(100% - 20px);
    }
}
.main .tour-detail-section .container .tour-details .tour-body .tour-program .program-wrapper .program-day .day {
    padding: 5px 10px;
    background: #f28710;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    border-radius: 10px;
    padding: 5px 25px;
    z-index: 2;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-program .program-wrapper .content-wrapper {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-left: 25px;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-program .program-wrapper .content-wrapper .program-content {
    display: block;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    padding: 2px 0 2px 12px;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-program .program-wrapper .content-wrapper .program-content::before {
    content: "";
    background: #f28710;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 2px 1px #FF8E11; 
    box-shadow: 0px 0px 2px 1px #FF8E11;
}
@media (max-width: 767px) {
    .main .tour-detail-section .container .tour-details .tour-body .tour-program .program-wrapper .content-wrapper .program-content {
        font-size: 13px;
    }
}
.main .tour-detail-section .container .tour-details .tour-body .tour-services {
    margin-top: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-services .service-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    background: #f6f5f8;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 1rem;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-services .service-head .icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-services .service-head svg {
    width: 18px;
    height: 18px;
    display: inline-block;
    color: #3f536c;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-services .service-head .text {
    font-size: 1rem;
    font-weight: 400;
    color: #3f536c;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-services .services-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    gap: 10px;
    padding-left: 1rem;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-services .services-container .services {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-services .services-container .services .head-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    background: #fff;
    border-radius: 10px;
    padding: 10px;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-services .services-container .services .head-wrapper .icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-services .services-container .services .head-wrapper .icon svg {
    width: 18px;
    height: 18px;
    display: inline-block;
    color: #3f536c;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-services .services-container .services .head-wrapper .text {
    font-size: 1rem;
    font-weight: 400;
    color: #3f536c;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-services .services-container .services .service-body {
    padding: 0 0 0 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-services .services-container .services .service-body .item {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    display: block;
    padding: 5px 0;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-hotels {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    margin-top: 1rem;
    gap: 10px;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-hotels .hotel-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    background: #f6f5f8;
    border-radius: 10px;
    padding: 10px;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-hotels .hotel-head .icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-hotels .hotel-head .icon svg {
    width: 18px;
    height: 18px;
    display: inline-block;
    color: #3f536c;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-hotels .hotel-head .text {
    font-size: 1rem;
    font-weight: 400;
    color: #3f536c;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-hotels .hotel-body {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    gap: 5px;
    padding-left: 1rem;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-hotels .hotel-body .hotel-item {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    display: block;
    padding: 3px 0;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-extra-info {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    margin-top: 1rem;
    gap: 10px;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-extra-info .info-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    background: #f6f5f8;
    border-radius: 10px;
    padding: 10px;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-extra-info .info-head .icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-extra-info .info-head .icon svg {
    width: 18px;
    height: 18px;
    display: inline-block;
    color: #3f536c;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-extra-info .info-head .text {
    font-size: 1rem;
    font-weight: 400;
    color: #3f536c;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-extra-info .info-body {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    gap: 5px;
    padding-left: 1rem;
}
.main .tour-detail-section .container .tour-details .tour-body .tour-extra-info .info-body .info-item {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    display: block;
    padding: 3px 0;
}
.main .tour-detail-section .container .tour-details .tour-reservation {
    width: 100%;
}
.main .tour-detail-section .container .tour-details .tour-reservation .head {
    width: 100%;
}
.main .tour-detail-section .container .tour-details .tour-reservation .head h4 {
    width: 100%;
    background: #f2f2f2;
    padding: 20px 15px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
}
@media (max-width: 991px) {
    .main .tour-detail-section .container .tour-details .tour-reservation .head h4 {
        font-size: 14px;
    }
}
.main .tour-detail-section .container .tour-details .tour-reservation .form-reservation {
    min-width: 0;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(34, 41, 47, .125);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-bottom: 1.4285rem;
    box-shadow: 0 0 30px 0 rgb(34 41 47 / 6%);
    height: min-content;
    padding: 25px 15px;
    margin: 0;
}
.main .tour-detail-section .container .tour-details .tour-reservation .tour-record-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    align-items: flex-start;
    gap: 15px;
}
.main .tour-detail-section .container .tour-details .tour-reservation .tour-record-container .date {
    position: relative;
    width: 100%;
}
.main .tour-detail-section .container .tour-details .tour-reservation .tour-record-container .date #tourDates {
    display: block;
    width: 100%;
    border: none;
    outline: none;
    margin: 0;
    color: #000;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1.25;
    transition: 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms;
    font-size: 18px;
    font-weight: 600;
    padding: 20px 10px 10px 15px;
    border: 2px solid #f2f2f2;
    border-radius: 5px;
    z-index: 2;
    appearance: none;
}
@media (max-width: 991px) {
    .main .tour-detail-section .container .tour-details .tour-reservation .tour-record-container .date #tourDates {
        font-size: 16px;
    }
}
.main .tour-detail-section .container .tour-details .tour-reservation .tour-record-container .date label {
    position: absolute;
    font-size: 13px;
    color: #979797;
    font-weight: 500;
    pointer-events: none;
    top: -12px;
    left: 10px;
    z-index: 1;
    background: #fff;
    padding: 5px 10px;
}
.main .tour-detail-section .container .tour-details .tour-reservation .tour-record-container .date svg {
    position: absolute;
    right: 15px;
    top: 25px;
    width: 15px;
    height: 15px;
    color: #979797;
    z-index: 1;
}
.main .tour-detail-section .container .tour-details .tour-reservation .tour-record-container .row {
    position: relative;
    width: 100%;
}
.main .tour-detail-section .container .tour-details .tour-reservation .tour-record-container .row input {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    outline: none;
    border: 2px solid #f2f2f2;
    display: block;
    width: 100%;
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1.25;
    transition: 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms;
    padding: 20px 10px 10px 15px;
    border-radius: 5px;
    z-index: 2;
}
@media (max-width: 991px) {
    .main .tour-detail-section .container .tour-details .tour-reservation .tour-record-container .row input {
        font-size: 16px;
    }
}
.main .tour-detail-section .container .tour-details .tour-reservation .tour-record-container .row label {
    position: absolute;
    font-size: 13px;
    color: #979797;
    font-weight: 400;
    pointer-events: none;
    top: -12px;
    left: 10px;
    z-index: 1;
    background: #fff;
    padding: 5px 10px;
}
.main .tour-detail-section .container .tour-details .tour-reservation .tour-record-container .email-error {
    color: #cc0000;
    font-size: 13px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    display: none;
}
.main .tour-detail-section .container .tour-details .tour-reservation .tour-record-container .submit {
    width: 100%;
}
.main .tour-detail-section .container .tour-details .tour-reservation .tour-record-container .submit #turRezervasyonYap {
    width: 100%;
    padding: 15px 0;
    color: #fff;
    background: #0cc024;
    border: 1px solid #0cc024;
    outline: none;
    border-radius: 5px;
    cursor: pointer;
    transition: all .3s ease-in-out;
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
}
.main .tour-detail-section .container .tour-details .tour-reservation .tour-record-container .submit #turRezervasyonYap:hover {
    background: #fff;
    color: #0cc024;
}
.main .reservation-message {
    margin: 0;
    padding: 0;
}
.main .reservation-message .message-container {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-right: auto;
    margin-left: auto;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
@media (min-width: 576px) {
    .main .reservation-message .message-container {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .main .reservation-message .message-container {
        max-width: 720px;
        padding: 0;
    }
}
@media (min-width: 992px) {
    .main .reservation-message .message-container {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .main .reservation-message .message-container {
        max-width: 1140px;
        margin-top: 1.5rem;
    }
}
@media (min-width: 1280px) {
    .main .reservation-message .message-container {
        max-width: 1190px;
    }
}
.main .reservation-message .message-container .error-messages-empty,
.main .reservation-message .message-container .error-messages-sqlsave,
.main .reservation-message .message-container .success-messages,
.main .reservation-message .message-container .error-messages-repeat {
    width: 100%;
    margin-top: 1rem;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
}
.main .reservation-message .message-container .error-messages-empty {
    color: #721c24;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
}
.main .reservation-message .message-container .error-messages-sqlsave {
    color: #856404;
    background-color: #fff3cd;
    border: 1px solid #ffeeba;
}
.main .reservation-message .message-container .error-messages-repeat {
    color: #41464b;
    background-color: #e2e3e5;
    border: 1px solid #d3d6d8;
}
.main .reservation-message .message-container .success-messages {
    color: #155724;
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
}
.main .reservation-message .message-container .main-page-button {
    margin-top: 2rem;
    padding: 0.75rem 1.25rem;
    margin-bottom: 5rem;
    border: 2px solid #0065B8;
    border-radius: 5px;
    width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 10px;
}
.main .reservation-message .message-container .main-page-button .icon {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.main .reservation-message .message-container .main-page-button .icon svg {
    width: 16px;
    height: 16px;
    display: inline-block;
    color: #0065B8;
}
.main .reservation-message .message-container .main-page-button .link a {
    color: #0065B8;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
}
.main .about-container {
    width: 100%;
    padding: 0 15px;
    margin: 0 auto 20px;
    -moz-user-select: none;
    user-select: none;
}
@media (min-width: 576px) {
    .main .about-container {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .main .about-container {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .main .about-container {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .main .about-container {
        max-width: 1140px;
    }
}
@media (min-width: 1280px) {
    .main .about-container {
        max-width: 1190px;
    }
}
@media (min-width: 1440px) {
    .main .about-container {
        max-width: 1190px;
    }
}
.main .about-container .about-row {
    display: flex;
    flex-wrap: wrap;
}
.main .about-container .about-row .about-col {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
@media (min-width: 768px) {
    .main .about-container .about-row .about-col {
        flex: 0 0 auto;
        width: 100%;
    }
}
@media (min-width: 992px) {
    .main .about-container .about-row .about-col {
        flex: 0 0 auto;
        width: 50%;
    }
}
.main .about-container .about-row .about-col.images {
    padding: 0;
}
@media (min-width: 768px) {
    .main .about-container .about-row .about-col.images {
        padding: 0 25px;
    }
}
.main .about-container .about-row .about-col .about-text h2 {
    color: #000;
    font-size: 1.7142rem;
    line-height: 2.5714rem;
    margin-bottom: 1.7857rem;
    margin-top: 0;
    font-weight: 500;
}
@media (max-width: 991px) {
    .main .about-container .about-row .about-col .about-text h2 {
        font-size: 14px;
        line-height: 21px;
        margin: 15px 0;
    }
}
.main .about-container .about-row .about-col .about-text p {
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5714rem;
    color: #404040;
    margin-top: 0;
}
@media (max-width: 991px) {
    .main .about-container .about-row .about-col .about-text p {
        font-size: 12px;
        line-height: 18px;
    }
}
.main .about-container .about-row .about-col .about-text ul {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 2rem;
    list-style: square;
}
.main .about-container .about-row .about-col .about-text ul li {
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5714rem;
    color: #404040;
}
@media (max-width: 991px) {
    .main .about-container .about-row .about-col .about-text ul li {
        font-size: 12px;
        line-height: 18px;
    }
}
.main .about-container .about-row .about-col img {
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 6%);
    border-radius: .357rem !important;
    max-width: 100%;
    height: auto;
}
.main .contact {
    width: 100%;
    padding: 0 15px;
    margin: 0 auto 20px;
}
@media (min-width: 576px) {
    .main .contact {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .main .contact {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .main .contact {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .main .contact {
        max-width: 1140px;
    }
}
@media (min-width: 1280px) {
    .main .contact {
        max-width: 1190px;
    }
}
@media (min-width: 1440px) {
    .main .contact {
        max-width: 1190px;
    }
}
.main .contact .contact-head {
    margin-bottom: 40px;
}
@media (max-width: 991px) {
    .main .contact .contact-head {
        margin-bottom: 20px;
    }
}
.main .contact .contact-head h1 {
    font-size: 1.2857rem;
    line-height: 1.5714rem;
    color: #000;
    margin-bottom: 15px;
    font-weight: 500;
}
@media (max-width: 991px) {
    .main .contact .contact-head h1 {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 10px;
    }
}
.main .contact .contact-head p {
    font-size: 1rem;
    line-height: 1.5714rem;
    color: #404040;
    margin-bottom: 0;
    margin-top: 0;
}
@media (max-width: 991px) {
    .main .contact .contact-head p {
        font-size: 14px;
        line-height: 20px;
    }
}
.main .contact .contact-head hr {
    width: 100%;
    height: 1px;
    margin: 1rem 0;
    color: #ebe9f1;
    background-color: #ebe9f1;
    border: 0;
    opacity: 1;
}
.main .contact .contact-row {
    display: flex;
    flex-wrap: wrap;
}
.main .contact .contact-row .contact-col {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
@media (min-width: 768px) {
    .main .contact .contact-row .contact-col {
        flex: 0 0 auto;
        width: 100%;
    }
}
@media (min-width: 992px) {
    .main .contact .contact-row .contact-col {
        flex: 0 0 auto;
        width: 50%;
    }
}
.main .contact .contact-row .contact-col .contact-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    gap: 15px;
}
.main .contact .contact-row .contact-col .contact-wrapper .location {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}
.main .contact .contact-row .contact-col .contact-wrapper .location svg {
    width: 20px;
    height: 20px;
    display: inline-block;
    color: #000;
}
.main .contact .contact-row .contact-col .contact-wrapper .location p {
    font-size: 1rem;
    line-height: 1.5714rem;
    color: #404040;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
}
.main .contact .contact-row .contact-col .contact-wrapper .phone {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    gap: 15px;
}
.main .contact .contact-row .contact-col .contact-wrapper .phone .phone-transfer,
.main .contact .contact-row .contact-col .contact-wrapper .phone .phone-tours {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}
.main .contact .contact-row .contact-col .contact-wrapper .phone svg {
    width: 20px;
    height: 20px;
    display: inline-block;
    color: #000;
}
.main .contact .contact-row .contact-col .contact-wrapper .phone a {
    font-size: 1rem;
    line-height: 1.5714rem;
    color: #404040;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    text-decoration: none;
}
.main .contact .contact-row .contact-col .contact-wrapper .mail {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}
.main .contact .contact-row .contact-col .contact-wrapper .mail svg {
    width: 20px;
    height: 20px;
    display: inline-block;
    color: #000;
}
.main .contact .contact-row .contact-col .contact-wrapper .mail a {
    font-size: 1rem;
    line-height: 1.5714rem;
    color: #404040;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    text-decoration: none;
}
.main .contact .contact-row .contact-col .contact-wrapper .social {
    display: flex;
    flex-direction: row;
    gap: 20px;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    margin-top: 25px;
}
@media (max-width: 991px) {
    .main .contact .contact-row .contact-col .contact-wrapper .social {
        margin-bottom: 4rem;
    }
}
.main .contact .contact-row .contact-col .contact-wrapper .social a {
    text-decoration: none;
    color: #000;
}
.main .contact .contact-row .contact-col .contact-wrapper .social svg {
    width: 40px;
    height: 40px;
    display: inline-block;
    color: #000;
}
.main .contact .contact-row .contact-col iframe {
    width: 100%;
    height: 400px;
}
@media (max-width: 991px) {
    .main .contact .contact-row .contact-col iframe {
        height: 300px;
    }
}
.main .vehicles-container {
    width: 100%;
    padding: 0 1rem;
    margin: 0 auto;
}
@media (min-width: 576px) {
    .main .vehicles-container {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .main .vehicles-container {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .main .vehicles-container {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .main .vehicles-container {
        max-width: 1140px;
        padding: 0;
    }
}
@media (min-width: 1280px) {
    .main .vehicles-container {
        max-width: 1190px;
    }
}
@media (min-width: 1440px) {
    .main .vehicles-container {
        max-width: 1190px;
    }
}
.main .vehicles-container .vehicles-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 30px;
    margin-bottom: 50px;
}
@media (max-width: 991px) {
    .main .vehicles-container .vehicles-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 768px) {
    .main .vehicles-container .vehicles-grid {
        grid-template-columns: 1fr;
    }
}
.main .vehicles-container .vehicles-grid .vehicle-card {
    background-color: #fff;
    border-radius: .428rem;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 5px 0px #BDBDBD; 
    box-shadow: 0px 0px 5px 0px #BDBDBD;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.main .vehicles-container .vehicles-grid .vehicle-card .slider-container {
    position: relative;
    width: 100%;
    height: 350px;
    overflow: hidden;
    background: #f0f0f0;
}
.main .vehicles-container .vehicles-grid .vehicle-card .slider-container .slider-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}
.main .vehicles-container .vehicles-grid .vehicle-card .slider-container .slider-wrapper .slider-images {
    position: relative;
    width: 100%;
    height: 100%;
}
.main .vehicles-container .vehicles-grid .vehicle-card .slider-container .slider-wrapper .slider-images .slider-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    pointer-events: none;
}
.main .vehicles-container .vehicles-grid .vehicle-card .slider-container .slider-wrapper .slider-images .slider-image.active {
    opacity: 1;
    pointer-events: auto;
}
.main .vehicles-container .vehicles-grid .vehicle-card .slider-container .slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.7);
    border: none;
    outline: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.main .vehicles-container .vehicles-grid .vehicle-card .slider-container .slider-btn:hover {
    background: #fff;
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}
.main .vehicles-container .vehicles-grid .vehicle-card .slider-container .slider-btn:active {
    transform: translateY(-50%) scale(0.95);
}
.main .vehicles-container .vehicles-grid .vehicle-card .slider-container .slider-btn.prev-btn {
    left: 5px;
}
.main .vehicles-container .vehicles-grid .vehicle-card .slider-container .slider-btn.next-btn {
    right: 5px;
}
.main .vehicles-container .vehicles-grid .vehicle-card .slider-container .slider-btn svg {
    width: 20px;
    height: 20px;
    display: inline-block;
    color: #888888ff;
}
.main .vehicles-container .vehicles-grid .vehicle-card .slider-container .slider-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
    z-index: 10;
}
.main .vehicles-container .vehicles-grid .vehicle-card .slider-container .slider-indicators .indicator {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: all 0.3s ease;
}
.main .vehicles-container .vehicles-grid .vehicle-card .slider-container .slider-indicators .indicator.active {
    background: #fff;
    width: 25px;
    border-radius: 5px;
}
.main .vehicles-container .vehicles-grid .vehicle-card .slider-container .slider-indicators .indicator:hover {
    background: rgba(255, 255, 255, 0.8);
}
.main .vehicles-container .vehicles-grid .vehicle-card .vehicle-info {
    padding: 25px;
    background: #fbfbfb;
}
@media (max-width: 991px) {
    .main .vehicles-container .vehicles-grid .vehicle-card .vehicle-info {
        padding: 20px;
    }
}
@media (max-width: 575px) {
    .main .vehicles-container .vehicles-grid .vehicle-card .vehicle-info {
        padding: 15px;
    }
}
.main .vehicles-container .vehicles-grid .vehicle-card .vehicle-info h4 {
    color: #000;
    line-height: 1.5714rem;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.2rem;
    font-weight: 500;
    margin: 0;
}
@media (max-width: 767px) {
    .main .vehicles-container .vehicles-grid .vehicle-card .vehicle-info h4 {
        font-size: 14px;
        line-height: 21px;
    }
}
.main .vehicles-container .vehicles-grid .vehicle-card .vehicle-info hr {
    width: 20%;
    height: 2px;
    background-color: #d0142d;
    margin: 1rem 0;
    border: 0;
    opacity: 1;
    color: #ebe9f1;
}
.main .vehicles-container .vehicles-grid .vehicle-card .vehicle-info .card-desc {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 15px;
    margin-bottom: 30px;
}
.main .vehicles-container .vehicles-grid .vehicle-card .vehicle-info .card-desc .list-desc-container {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    word-wrap: break-word;
}
.main .vehicles-container .vehicles-grid .vehicle-card .vehicle-info .card-desc .list-desc-container .icon {
    margin-right: 8px;
    display: flex;
    height: fit-content;
    width: fit-content;
}
.main .vehicles-container .vehicles-grid .vehicle-card .vehicle-info .card-desc .list-desc-container .icon .person {
    width: 18px;
    height: 15px;
    background-repeat: no-repeat;
    display: block;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d0142d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-users'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='9' cy='7' r='4'%3E%3C/circle%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'%3E%3C/path%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'%3E%3C/path%3E%3C/svg%3E");
}
.main .vehicles-container .vehicles-grid .vehicle-card .vehicle-info .card-desc .list-desc-container .icon .baggage {
    width: 18px;
    height: 16px;
    background-repeat: no-repeat;
    display: block;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d0142d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-briefcase'%3E%3Crect x='2' y='7' width='20' height='14' rx='2' ry='2'%3E%3C/rect%3E%3Cpath d='M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16'%3E%3C/path%3E%3C/svg%3E");
}
.main .vehicles-container .vehicles-grid .vehicle-card .vehicle-info .card-desc .list-desc-container .text {
    font-size: 1rem;
    color: #404040;
    line-height: 1.4rem;
    font-weight: 300;
}
.main .vehicles-container .vehicles-grid .vehicle-card .vehicle-info a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #d0142d;
    text-decoration: none;
}
.main .vehicles-container .vehicles-grid .vehicle-card .vehicle-info a .text-button {
    font-size: 1rem;
    line-height: 1.5712rem;
    color: #d0142d;
    font-weight: 500;
    text-transform: uppercase;
}
@media (max-width: 767px) {
    .main .vehicles-container .vehicles-grid .vehicle-card .vehicle-info a .text-button {
        font-size: 12px;
        line-height: 21px;
        margin-bottom: 0;
    }
}
.main .vehicles-container .vehicles-grid .vehicle-card .vehicle-info a .icon-right {
    width: 22px;
    height: 19px;
    background-size: 21px;
    background-repeat: no-repeat;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23d0132c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-arrow-right pl-center-right'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3Cpolyline points='12 5 19 12 12 19'%3E%3C/polyline%3E%3C/svg%3E");
}
.main .vehicles-container .vehicle-not-found {
    margin-top: 1rem;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    width: 100%;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}