/* Google Font Embed */
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

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

:root {
    --dark: #0F0F0F;
    --dark_secondary: #272727;
    --light_blue: #1976d2;
    --green: #22A65D;
    --red: #FF542F;
    --skyblue: #F0F6FF;
    --rounded_30: 30px;
    --rounded_20: 20px;
    --transition_3s: all .3s ease-in-out;
}

body {
    font-family: "Nunito Sans", sans-serif;
}


/* utilities */
.bg_dark {
    background: var(--dark);
}
.bg_dark_secondary {
    background: var(--dark_secondary);
}
.bg_skyblue {
    background: var(--skyblue);
}

.btn_link_dark{
    text-decoration: none;
    color: var(--dark);
    transition: var(--transition_3s);
    -webkit-transition: var(--transition_3s);
    -moz-transition: var(--transition_3s);
    -ms-transition: var(--transition_3s);
    -o-transition: var(--transition_3s);
}

.btn_link_dark:hover{
    color: var(--light_blue);
}

.btn_reset{
    background: none;
    border: none;
    outline: none;
}

.txt_dark{
    color: var(--dark);
}

.fw_800{
    font-weight: 800;
}

.rounded_20 {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.rounded_30 {
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.badge_outline {
    display: inline-block;
    color: var(--dark);
    border: 1px solid var(--dark);
    text-decoration: none;
    font-weight: 500;
    padding: 10px 18px;
    transition: var(--transition_3s);
    -webkit-transition: var(--transition_3s);
    -moz-transition: var(--transition_3s);
    -ms-transition: var(--transition_3s);
    -o-transition: var(--transition_3s);
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

.badge_outline_white {
    border-color: var(--bs-white);
    color: var(--bs-white);
}

.fs_12{
    font-size: 12px !important;
}

.fs_14{
    font-size: 14px !important;
}

.fs_18 {
    font-size: 18px !important;
}

.py_15{
    padding-top: 15px;
    padding-bottom: 15px;
}

.btn_dark_outline,
.btn_dark_fill,
.btn_submit{
    display: inline-block;
    font-size: 14px;
    color: var(--dark);
    text-decoration: none;
    font-weight: 700;
    padding: 10px 20px;
    border: 2px solid var(--dark);
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    transition: var(--transition_3s);
    -webkit-transition: var(--transition_3s);
    -moz-transition: var(--transition_3s);
    -ms-transition: var(--transition_3s);
    -o-transition: var(--transition_3s);
}

.btn_dark_fill,
.btn_submit{
    color: var(--bs-white);
    background: var(--dark);
}

.btn_dark_fill svg{
    stroke: var(--bs-white);
    transition: var(--transition_3s);
    -webkit-transition: var(--transition_3s);
    -moz-transition: var(--transition_3s);
    -ms-transition: var(--transition_3s);
    -o-transition: var(--transition_3s);
}

.btn_dark_outline:hover{
    color: var(--bs-white);
    background: var(--dark);
}

.btn_dark_fill:hover{
    color: var(--dark);
    background: transparent;
}

.btn_dark_fill:hover svg{
    stroke: var(--dark);
}

.resize_none{
    resize: none;
}

.outline_none{
    outline: none;
}

/* navigation-bar */
.site_nav{
    position: absolute;
    top: 25px;
    left: 0;
    width: 100%;
    z-index: 2;
}

.nav_ul{
    display: flex;
    align-items: center;
    gap: 0 20px;
}

.nav_ul li a.nav-link{
    font-size: 16px;
    font-weight: 500;
    color: var(--bs-white);
    transition: var(--transition_3s);
    -webkit-transition: var(--transition_3s);
    -moz-transition: var(--transition_3s);
    -ms-transition: var(--transition_3s);
    -o-transition: var(--transition_3s);
}

.nav_last_ul{
    position: relative;
}

.nav_last_ul .after, .wrap_nav_toggler .after {
    position: absolute;
    top: 15px;
    left: -20px;
    width: calc(100% + 30px);
    height: calc(100% + 5px);
    background: var(--bs-white);
    z-index: -1;
    border-radius: 0 0 0 30px;
    -webkit-border-radius: 0 0 0 22px;
    -moz-border-radius: 0 0 0 30px;
    -ms-border-radius: 0 0 0 30px;
    -o-border-radius: 0 0 0 30px;
}

.nav_last_ul .after::after,
.wrap_nav_toggler .after::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% + 40px);
    background: var(--bs-white);
    z-index: -1;
    border-radius: 0 0 0 30px;
    -webkit-border-radius: 0 0 0 22px;
    -moz-border-radius: 0 0 0 30px;
    -ms-border-radius: 0 0 0 30px;
    -o-border-radius: 0 0 0 30px;
}

.nav_last_ul::before,
.wrap_nav_toggler .before {
    content: '';
    position: absolute;
    top: -17px;
    left: -68px;
    width: 48px;
    height: 48px;
    background: transparent;
    box-shadow: 10px -10px 0 #fff;
    border-radius: 0 50% 0 0;
    -webkit-border-radius: 0 50% 0 0;
    -moz-border-radius: 0 50% 0 0;
    -ms-border-radius: 0 50% 0 0;
    -o-border-radius: 0 50% 0 0;
}

.wrap_nav_toggler .before {
    top: -13px;
    z-index: 99;
}

.nav_last_ul::after,
.wrap_nav_toggler::after {
    content: '';
    position: absolute;
    bottom: -68px;
    right: 0;
    width: 48px;
    height: 48px;
    background: transparent;
    box-shadow: 10px -10px 0 #fff;
    border-radius: 0 50% 0 0;
    -webkit-border-radius: 0 50% 0 0;
    -moz-border-radius: 0 50% 0 0;
    -ms-border-radius: 0 50% 0 0;
    -o-border-radius: 0 50% 0 0;
}

.wrap_nav_toggler{
    position: relative;
    z-index: 99;
    width: 60px;
    transform: translateY(-11px);
    -webkit-transform: translateY(-11px);
    -moz-transform: translateY(-11px);
    -ms-transform: translateY(-11px);
    -o-transform: translateY(-11px);
}

.wrap_nav_toggler .nav_toggler{
    width: 30px;
    height: 30px;
    background: none;
    border: none;
    transition: var(--transition_3s);
    -webkit-transition: var(--transition_3s);
    -moz-transition: var(--transition_3s);
    -ms-transition: var(--transition_3s);
    -o-transition: var(--transition_3s);
}

.wrap_nav_toggler .nav_toggler.active{
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}


/* site_banner */
.site_banner{
    padding: 20px;
    padding-bottom: 30px;
    padding-top: 150px;
    height: calc(100vh - 30px);
    max-height: 700px;
    background: linear-gradient(#000000, transparent), url("../img/banner-img.png") no-repeat;
    background-size: cover;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.site_banner_2{
    max-height: unset;
    height: auto;
    min-height: calc(100vh - 30px);
}

#booking_form{
    width: 100%;
    padding: 20px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

#booking_form .form_control,
.complete_booking_form .form_control{
    position: relative;
    display: flex;
    align-items: center;
    padding: 10px;
    background: var(--bs-white);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.complete_booking_form .form_control{
    padding: 10px 15px !important;
}

.complete_booking_form .form_control input{
    padding: 5px 8px !important;
}

.complete_booking_form .input_float ~ label,
.complete_booking_form .input_float ~ label{
    padding: 5px 0 !important;
}



#booking_form .form_control .autocomplete-items,
#booking_form .form_control .all-city-items,
#booking_form .form_control .booking_time,
#booking_form .form_control .all-car-items,
.complete_booking_form .form_control .autocomplete-items,
.complete_booking_form .form_control .all-car-items,
.complete_booking_form .form_control .booking_time,
.complete_booking_form .form_control .all-city-items{
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    width: 100%;
    background: var(--bs-white);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: auto;
    max-height: 250px;
    transition: var(--transition_3s);
    -webkit-transition: var(--transition_3s);
    -moz-transition: var(--transition_3s);
    -ms-transition: var(--transition_3s);
    -o-transition: var(--transition_3s);
    z-index: 5;
}

#booking_form .form_control .booking_time,
.complete_booking_form .form_control .booking_time{
    width: 140px;
    right: 0;
    left: auto;
}

#booking_form .form_control .all-city-items,
#booking_form .form_control .booking_time,
#booking_form .form_control .all-car-items,
.complete_booking_form .form_control .booking_time,
.complete_booking_form .form_control .all-city-items,
.complete_booking_form .form_control .all-car-items{
    visibility: hidden;
    opacity: 0;
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    /* box-shadow: 0 4px 16px #74747446; */
}

#booking_form .form_control .all-city-items.active,
#booking_form .form_control .booking_time.active,
#booking_form .form_control .all-car-items.active,
.complete_booking_form .form_control .booking_time.active,
.complete_booking_form .form_control .all-city-items.active,
.complete_booking_form .form_control .all-car-items.active{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}

#booking_form .form_control .autocomplete-items > div img,
#booking_form .form_control .all-city-items > div img,
.complete_booking_form .form_control .all-car-items > div img,
.complete_booking_form .form_control .autocomplete-items > div img,
.complete_booking_form .form_control .all-city-items > div img{
    margin-right: 5px;
    transition: var(--transition_3s);
    -webkit-transition: var(--transition_3s);
    -moz-transition: var(--transition_3s);
    -ms-transition: var(--transition_3s);
    -o-transition: var(--transition_3s);
}

#booking_form .form_control .autocomplete-items > div,
#booking_form .form_control .all-city-items > div,
#booking_form .form_control .all-car-items > div,
.complete_booking_form .form_control .all-car-items > div,
.complete_booking_form .form_control .autocomplete-items > div,
.complete_booking_form .form_control .all-city-items > div{
    cursor: pointer;
    padding: 8px;
    transition: var(--transition_3s);
    -webkit-transition: var(--transition_3s);
    -moz-transition: var(--transition_3s);
    -ms-transition: var(--transition_3s);
    -o-transition: var(--transition_3s);
}

#booking_form .form_control .autocomplete-items > div:hover,
#booking_form .form_control .all-city-items > div:hover,
#booking_form .form_control .all-car-items > div:hover,
.complete_booking_form .form_control .autocomplete-items > div:hover,
.complete_booking_form .form_control .all-city-items > div:hover,
.complete_booking_form .form_control .all-car-items > div:hover{
    color: var(--light_blue);
}

#booking_form .form_control input,
.complete_booking_form .form_control input{
    border: none;
    width: 100%;
    padding: 0 6px;
    outline: none;
    font-weight: 600;
}

#booking_form .form_control .line,
.complete_booking_form .form_control .line{
    margin: auto;
    width: 1px;
    height: 15px;
    background: #A8A8A8;
}

#booking_form .form_control .btn_full,
#booking_form .form_control .btn_dropdown,
.complete_booking_form .form_control .btn_full,
.complete_booking_form .form_control .btn_dropdown{
    background: none;
    outline: none;
    border: none;
    color: #555555;
    display: flex;
    align-items: center;
    transition: var(--transition_3s);
    -webkit-transition: var(--transition_3s);
    -moz-transition: var(--transition_3s);
    -ms-transition: var(--transition_3s);
    -o-transition: var(--transition_3s);
    position: relative;
    z-index: 2;
}

.complete_booking_form .form_control .btn_full{
    font-size: 14px;
}

#booking_form .form_control .btn_dropdown.active,
.complete_booking_form .form_control .btn_dropdown.active{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

#booking_form .form_control .btn_full.active img,
.complete_booking_form .form_control .btn_full.active img{
    transition: var(--transition_3s);
    -webkit-transition: var(--transition_3s);
    -moz-transition: var(--transition_3s);
    -ms-transition: var(--transition_3s);
    -o-transition: var(--transition_3s);
}

#booking_form .form_control .btn_full.active img,
.complete_booking_form .form_control .btn_full.active img{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

#booking_form .btn_submit{
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -ms-border-radius: 10px !important;
    -o-border-radius: 10px !important;
}

#booking_form .booking_time label,
.complete_booking_form .booking_time label{
    cursor: pointer;
    padding: 5px 15px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#booking_form .booking_time label input,
.complete_booking_form .booking_time label input{
    width: auto !important;
}

.dudp__wrapper[data-theme=blue] .dudp__calendar .dudp__cal-week .dudp__date.range-from:before, .dudp__wrapper[data-theme=blue] .dudp__calendar .dudp__cal-week .dudp__date.range-to:before, .dudp__wrapper[data-theme=blue] .dudp__calendar .dudp__cal-week .dudp__date.selected:before {
    background-color: var(--dark);
}

#booking_form .input_float,
.complete_booking_form .input_float{
    opacity: 0 !important;
    position: absolute;
    bottom: 0;
    left: 0;
    cursor: pointer;
    visibility: hidden;
}

#booking_form label,
.complete_booking_form label{
    cursor: pointer;
    user-select: none;
}

.autocomplete-items > div,
.all-car-items > div{
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

.autocomplete-items .car_img,
.all-car-items .car_img{
    width: 65px;
    height: 45px;
    object-fit: cover;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.autocomplete-items > div:hover .car_img,
.all-car-items > div:hover .car_img{
    filter: invert(0) !important;
    -webkit-filter: invert(0) !important;
}

.autocomplete-items > div .status,
.all-car-items > div .status{
    display: flex;
    align-items: center;
    margin-left: auto;
    font-size: 11px !important;
}

.autocomplete-items > div .status.disponible,
.all-car-items > div .status.disponible{
    color: var(--green);
}

.autocomplete-items > div .status.reserved,
.all-car-items > div .status.reserved{
    color: var(--red);
}

.autocomplete-items > div .status.disponible .circle,
.all-car-items > div .status.disponible .circle,
.autocomplete-items > div .status.reserved .circle,
.all-car-items > div .status.reserved .circle{
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    margin: 5px;
}

.autocomplete-items > div .status.reserved .circle,
.all-car-items > div .status.reserved .circle{
    background: var(--red);
}

.autocomplete-items > div .status.disponible .circle,
.all-car-items > div .status.disponible .circle{
    background: var(--green);
}

/* switch */
.switch {
    display: flex;
    align-items: center;
    position: relative;
    width: 38px;
    height: 22px;
    text-transform: capitalize;
    cursor: pointer;
}

.switch .text {
    font-weight: 300;
    user-select: none;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--bs-white);
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
}

.switch .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 3.5px;
    bottom: 3px;
    background-color: var(--dark);
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
}

.switch input:checked + .slider {
    background-color: var(--dark);
}

.switch input:focus + .slider {
    outline: none;
}

.switch input:checked + .slider:before {
    background: var(--bs-white);
    transform: translateX(14px);
    -webkit-transform: translateX(14px);
    -moz-transform: translateX(14px);
    -ms-transform: translateX(14px);
    -o-transform: translateX(14px);
}

.switch .slider.round {
    border-radius: 34px;
}

.switch .slider.round:before {
    border-radius: 50%;
}


/* section 2 */
.minh_60 {
    min-height: 60px;
}

.sec3_grid_wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
}

.sec3_custom_accrodion {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.sec3_custom_accrodion::before {
    content: "";
    position: absolute;
    top: 30px;
    left: 35px;
    width: 1px;
    height: calc(100% - 55px);
    border-left: 2px dashed var(--dark);
    z-index: -1;
}

.sec3_acc_item.custom_active::after {
    content: "";
    height: 15px;
    width: 100%;
    position: absolute;
    bottom: -15px;
    background: white;
}

.sec3_acc_item.custom_active::before {
    content: "";
    position: absolute;
    top: -15px;
    left: 0;
    height: 15px;
    background: var(--bs-white);
    width: 100%;
}


.sec3_acc_item {
    position: relative;
    display: flex;
    align-items: flex-start;
    padding: 15px;
    gap: 15px;
    border-radius: 15px;
    font-weight: 500;
    background: var(--bs-white);
    cursor: pointer;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

.sec3_acc_item.custom_active {
    background: var(--skyblue);
    padding-bottom: 30px;
    margin-bottom: 20px;
    cursor: unset;
}

.sec3_acc_item .number {
    font-size: 20px;
    font-weight: 500;
    padding: 5px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #182230;
    color: #182230;
    border-radius: 7px;
}

.sec3_acc_item.custom_active .number {
    background: #182230;
    color: var(--bs-white);
}

.sec3_acc_item .c_acc_hidden {
    display: none;
}

.sec3_acc_item.custom_active .c_acc_hidden {
    display: block;
}

/* section 4 */
.grid4_img {
    text-align: center;
    font-weight: 500;
}

.grid4_img img {
    width: 100%;
    aspect-ratio: 1/1.4;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    margin-bottom: 10px;
}

.rounded_b_0 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.rounded_t_0 {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.sec3_right_round_box_inner2 .top_number {
    background: var(--bs-white);
    padding: 20%;
    padding-top: 0;
    padding-right: 0;
    position: relative;
    border-radius: 0 15px;
}

.sec3_right_round_box_inner2 .top_number::after {
    content: "";
    width: 30px;
    height: 30px;
    top: 0;
    left: -30px;
    position: absolute;
    bottom: -25px;
    border-radius: 0 50% 0 0;
    box-shadow: 4px -5px 0 var(--bs-white);
}

.sec3_right_round_box_inner2 .top_number::before {
    content: "";
    width: 30px;
    height: 30px;
    right: 0;
    position: absolute;
    bottom: -30px;
    border-radius: 0 50% 0 0;
    box-shadow: 4px -5px 0 var(--bs-white);
}

.sec3_right_round_box_inner2 .top_number div {
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #182230;
    color: var(--bs-white);
    font-size: 26px;
    border-radius: 20px;
}

.fs_14 {
    font-size: 14px;
}

.grid_car_card {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.grid_car_card .img {
    background: #F2F4F7;
    border-radius: 20px 20px 0 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-radius: 20px 20px 0 0;
    -moz-border-radius: 20px 20px 0 0;
    -ms-border-radius: 20px 20px 0 0;
    -o-border-radius: 20px 20px 0 0;
}

.grid_car_card .img img {
    width: 100%;
    aspect-ratio: 1/.8;
    object-fit: contain;
    object-position: center;
}

.grid_car_card .content {
    border: 2px solid #E9E9E9;
    border-top: 0;
    padding: 10px 15px;
    border-radius: 0 0 20px 20px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    height: 100%;
    -webkit-border-radius: 0 0 20px 20px;
    -moz-border-radius: 0 0 20px 20px;
    -ms-border-radius: 0 0 20px 20px;
    -o-border-radius: 0 0 20px 20px;
}

.bg_gray {
    background: #F5F5F5;
}

.submit_btn_black {
    width: 100%;
    max-width: 500px;
    margin: auto;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 13px 25px;
    padding-bottom: 18px;
    text-align: left;
    background: var(--bs-black);
    color: var(--bs-white);
    border-radius: 20px;
    border: 1px solid var(--bs-black);
    transition: var(--transition_3s);
    text-decoration: none;
    cursor: pointer;
}

.submit_btn_black img {
    width: 80%;
    max-width: 30px;
}

.txt_silver {
    color: #9B9B9B;
}

.custom_accordion_item3 {
    background-image: linear-gradient(0deg, black, transparent), url('../img/custom-accordion-item3.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.img_w_55 {
    width: 55% !important;
}

.btn_white {
    display: inline-block;
    color: var(--bs-black);
    border: 1px solid var(--bs-white);
    background: var(--bs-white);
    text-decoration: none;
    font-weight: 500;
    padding: 10px 18px;
    transition: var(--transition_3s);
    -webkit-transition: var(--transition_3s);
    -moz-transition: var(--transition_3s);
    -ms-transition: var(--transition_3s);
    -o-transition: var(--transition_3s);
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    text-align: center;
}
.btn_white:hover {
    color: var(--bs-white);
    background: transparent;
}
.maxw_240 {
    width: 100%;
    max-width: 240px;
}

.maxw_100 {
    max-width: 100%;
}

.customAcc4_inner {
    position: relative;
}

.customAcc4_inner::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 25px;
    height: 25px;
    right: -25px;
    border-radius: 50%;
    box-shadow: -12.5px 12.5px 0 var(--bs-black);
}

img.custom_acc_tab4_img {
    display: block;
    width: 100%;
    margin-top: -70px;
    transform: translateX(-7%);
    scale: 1.15;
    margin-bottom: 30px;
}

.rounded_tl_0 {
    border-top-left-radius: 0;
}

.complete_booking_form .form_control{
    position: relative;
    display: flex;
    align-items: center;
    padding: 10px;
    background: var(--bs-white);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.image_slider .swiper-button-prev::after,
.image_slider .swiper-button-next::after{
    display: none;
}

.image_slider .swiper-button-prev,
.image_slider .swiper-button-next{
    bottom: 5%;
    top: auto;
    width: 35px;
    height: 35px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    opacity: 1;
}

.image_slider .swiper-button-prev img,
.image_slider .swiper-button-next img{
    width: 50%;
    z-index: 2;
    aspect-ratio: unset;
    user-select: none;
}

.image_slider .swiper-button-prev{
    left: 5%;
    right: auto;
}

.image_slider .swiper-button-next{
    left: 25%;
    right: auto;
}

.image_slider{
    overflow: hidden;
    border-radius: 20px 20px 0 0;
    -webkit-border-radius: 20px 20px 0 0;
    -moz-border-radius: 20px 20px 0 0;
    -ms-border-radius: 20px 20px 0 0;
    -o-border-radius: 20px 20px 0 0;
}

.grid_car_card .swiper-slide img {
    user-select: none;
    aspect-ratio: 1/.7;
    object-fit: cover;
    border-radius: 20px 20px 0 0;
    -webkit-border-radius: 20px 20px 0 0;
    -moz-border-radius: 20px 20px 0 0;
    -ms-border-radius: 20px 20px 0 0;
    -o-border-radius: 20px 20px 0 0;
}

.cars_grid_pagination{
    display: flex;
    justify-content: center;
    align-items: center;
}

.cars_grid_pagination > a{
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    color: var(--dark);
    opacity: .5;
    transition: var(--transition_3s);
    -webkit-transition: var(--transition_3s);
    -moz-transition: var(--transition_3s);
    -ms-transition: var(--transition_3s);
    -o-transition: var(--transition_3s);
}

.cars_grid_pagination > a.active{
    opacity: 1;
}

.cars_grid_pagination > .arrow{
    display: flex;
    align-items: center;
}

.cars_grid_pagination > .arrow .arrow_left,
.cars_grid_pagination > .arrow .arrow_right{
    margin: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #182230;
    width: 30px;
    height: 30px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    transition: var(--transition_3s);
    -webkit-transition: var(--transition_3s);
    -moz-transition: var(--transition_3s);
    -ms-transition: var(--transition_3s);
    -o-transition: var(--transition_3s);
}

.cars_grid_pagination > .arrow .arrow_left:hover,
.cars_grid_pagination > .arrow .arrow_right:hover{
    background: rgba(0, 0, 0, 0.7);
}

.cars_grid_pagination > .arrow .line_prev,
.cars_grid_pagination > .arrow .line_next{
    position: relative;
    width: 25px;
    height: 25px;
    border-radius: 50px;
    border-radius: 10px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.cars_grid_pagination > .arrow .line_prev::after,
.cars_grid_pagination > .arrow .line_next::after{
    content: '';
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    width: 80%;
    height: 3px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.cars_grid_pagination > .arrow .active_page{
    transform: translateY(13px);
    position: relative;
    text-align: center;
    line-height: 40px;
    width: 30px;
    height: 30px;
    margin: 10px;
    text-decoration: none;
    color: var(--dark);
    font-size: 14px;
    font-weight: 600;
    -webkit-transform: translateY(13px);
    -moz-transform: translateY(13px);
    -ms-transform: translateY(13px);
    -o-transform: translateY(13px);
}

.cars_grid_pagination > .arrow .active_page::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: var(--dark);
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

.cars_grid_pagination > .arrow .arrow_left img,
.cars_grid_pagination > .arrow .arrow_right img{
    width: 50%;
}

.rounded_br_0 {
    border-bottom-right-radius: 0;
}

.rounded_bl_0 {
    border-bottom-left-radius: 0;
}

.rounded_b_0 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.rounded_tl_0,
.rounded_t_0 {
    border-top-left-radius: 0;
}

.rounded_tr_0,
.rounded_t_0 {
    border-top-right-radius: 0;
}

.corner_circle {
    position: relative;
}

.corner_circle::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    box-shadow: 15px -15px 0 var(--skyblue);
}

.circle_corner2 {
    position: relative;
}

.circle_corner2::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 25px;
    height: 25px;
    right: -25px;
    border-radius: 0 50%;
    box-shadow: -10px 10px 0 var(--skyblue);
}

.circle_corner2::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 25px;
    height: 25px;
    left: -25px;
    border-radius: 50% 0;
    box-shadow: 10px 10px 0 var(--skyblue);
}

.sec4_main_text {
    margin-top: -90px;
    z-index: 9;
}

/* home > section 6  */
#faq_accordion_wrapper .faq_accordion {
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--bs-white);
    color: var(--bs-white);
    margin-bottom: 10px;
}

#faq_accordion_wrapper .faq_accordion:last-of-type {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.faq_accordion .accordion-button {
    background: transparent;
    color: var(--bs-white);
    padding: 15px 0;
    font-weight: 700;
}
.faq_accordion .accordion-button::after {
    background-image: url('../img/accordion-arrow.svg');
    height: 28px;
    width: 16px;
    background-size: contain;
    transform: rotate(180deg);
}
.faq_accordion .accordion-button:not(.collapsed)::after {
    transform: rotate(0deg);
}

#faq_accordion_wrapper .faq_accordion .accordion-body {
    padding: 0;
    padding-bottom: 10px;

}

/* footer */
#subscribe_form input{
    border: 1px solid var(--dark);
    outline: none;
}

.footer_links{
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.footer_links li a{
    font-weight: 600;
    text-decoration: none;
    color: var(--dark);
    transition: var(--transition_3s);
    -webkit-transition: var(--transition_3s);
    -moz-transition: var(--transition_3s);
    -ms-transition: var(--transition_3s);
    -o-transition: var(--transition_3s);
}

.footer_links li a:hover{
    color: var(--light_blue);
}

.footer_action_links{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
}

.footer_action_links a{
    padding: 10px;
    font-size: 12px;
    min-width: 150px;
    text-align: center;
}

/* modal */
.s-hide{
    overflow: hidden;
}

.wrap_modal{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 50;
    display: none;
}

.wrap_modal > div{
    padding: 40px 20px;
    height: 100vh;
    overflow: auto;
    display: flex;
    align-items: center;
}

.wrap_modal.active{
    display: flex;
}

.modal_backdrop{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    z-index: 2;
}

.modal_backdrop.active{
    display: block;
}

.booking_modal{
    position: relative;
    max-width: 700px;
    width: 100%;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    transition: var(--transition_3s);
    -webkit-transition: var(--transition_3s);
    -moz-transition: var(--transition_3s);
    -ms-transition: var(--transition_3s);
    -o-transition: var(--transition_3s);
    z-index: 50;
}

.booking_modal::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 70px);
    height: 100%;
    background: var(--bs-white);
    border-radius: 20px 20px 0 20px;
    -webkit-border-radius: 20px 20px 0 20px;
    -moz-border-radius: 20px 20px 0 20px;
    -ms-border-radius: 20px 20px 0 20px;
    -o-border-radius: 20px 20px 0 20px;
}

.booking_modal::after{
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 70px;
    height: calc(100% - 70px);
    background: var(--bs-white);
    border-radius: 0 20px 20px 0;
    -webkit-border-radius: 0 20px 20px 0;
    -moz-border-radius: 0 20px 20px 0;
    -ms-border-radius: 0 20px 20px 0;
    -o-border-radius: 0 20px 20px 0;
}

.modal_close{
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    height: 70px;
    z-index: 3;
}

.modal_close::after {
    content: '';
    position: absolute;
    bottom: -12px;
    left: -12px;
    width: 20px;
    height: 20px;
    background: transparent;
    box-shadow: 12px -12px 0 inset var(--bs-white);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.modal_close button{
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.booking_modal .complete_booking_form .form_control,
.complete_booking_form_2  .form_control {
    background: #F3F3F3;
}

.booking_modal .complete_booking_form .form_control input,
.complete_booking_form_2 .form_control input{
    background: transparent;
}

.booking_modal #booking_form .form_control .autocomplete-items > div,
.booking_modal #booking_form .form_control .all-city-items > div,
.booking_modal #booking_form .form_control .all-car-items > div,
.booking_modal .complete_booking_form .form_control .autocomplete-items > div,
.booking_modal .complete_booking_form .form_control .all-city-items > div,
.booking_modal .complete_booking_form .form_control .all-car-items > div,
.complete_booking_form .form_control .booking_time,
.complete_booking_form_2 #booking_form .form_control .autocomplete-items > div,
.complete_booking_form_2 #booking_form .form_control .all-city-items > div,
.complete_booking_form_2 #booking_form .form_control .all-car-items > div,
.complete_booking_form_2 .form_control .autocomplete-items > div,
.complete_booking_form_2 .form_control .all-city-items > div,
.complete_booking_form_2 .form_control .all-car-items > div,
.complete_booking_form_2 .form_control .booking_time{
    background: #F3F3F3;
    color: var(--dark);
}

.booking_modal #booking_form .form_control .autocomplete-items > div:hover,
.booking_modal #booking_form .form_control .all-city-items > div:hover,
.booking_modal #booking_form .form_control .all-car-items > div:hover,
.booking_modal .complete_booking_form .form_control .autocomplete-items > div:hover,
.booking_modal .complete_booking_form .form_control .all-city-items > div:hover,
.booking_modal .complete_booking_form .form_control .all-car-items > div:hover,
.complete_booking_form_2 #booking_form .form_control .autocomplete-items > div:hover,
.complete_booking_form_2 #booking_form .form_control .all-city-items > div:hover,
.complete_booking_form_2 #booking_form .form_control .all-car-items > div:hover,
.complete_booking_form_2 .complete_booking_form .form_control .autocomplete-items > div:hover,
.complete_booking_form_2 .complete_booking_form .form_control .all-city-items > div:hover,
.complete_booking_form_2 .complete_booking_form .form_control .all-car-items > div:hover{
    background: var(--dark);
    color: var(--bs-white);
}

/* login */
.wrap_login_box{
    min-height: 100vh;
    width: 60%;
    margin-left: auto;
}

.wrap_login_box .login_form{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px;
    padding-top: 70px;
    position: fixed;
    top: 0;
    left: 0;
    width: 40%;
    height: 100%;

}

.wrap_login_box .login_form .form_control label{
    color: var(--dark);
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 10px;
}

.wrap_login_box .login_form .form_control .form_box{
    display: flex;
    align-items: center;
    background: #1F1F1F;
    padding: 15px 20px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.wrap_login_box .login_form .form_control .form_box input{
    flex-grow: 1;
    border: none;
    outline: none;
    background: transparent;
    padding: 5px 15px;
    color: var(--bs-white);
}

.wrap_login_box .login_form .form_control .form_box input::placeholder{
    color: var(--bs-white);
    opacity: .75;
}

.wrap_login_box button[type="submit"]{
    background: #1F1F1F;
}

.wrap_login_box.dark{
    color: var(--bs-white);
    background: var(--bs-black);
}

.wrap_login_box.dark .login_form{
    background: var(--bs-black);
}

.wrap_login_box.dark .login_form .form_control label{
    color: var(--bs-white);
}

.wrap_login_box.dark .nav_last_ul::before, 
.wrap_login_box.dark .wrap_nav_toggler .before {
    box-shadow: 10px -10px 0 var(--bs-black);
}

.wrap_login_box.dark .nav_last_ul .after,
.wrap_login_box.dark .wrap_nav_toggler .after {
    background: var(--bs-black);
}

.wrap_login_box.dark .nav_last_ul .after::after,
.wrap_login_box.dark .wrap_nav_toggler .after::after {
    background: var(--bs-black);
}

.wrap_login_box.dark .nav_last_ul::after,
.wrap_login_box.dark .wrap_nav_toggler::after {
    box-shadow: 10px -10px 0 var(--bs-black);
}

.wrap_login_box.dark .btn_dark_fill {
    background: var(--bs-white);
    color: var(--bs-black);
}

.wrap_login_box.dark .btn_dark_fill svg{
    stroke: var(--bs-black);
}

.wrap_login_box .nav_toggler{
    filter: invert(1);
    -webkit-filter: invert(1);
}

/* contact */
.p2_hero_sec {
    margin-top: -90px;
    margin-bottom: 25px;
}

.bg_dark2 {
    background: #272727;
}

img.p2_sec_car_img {
    display: block;
    width: 80%;
    transform: translateX(-6%);
    scale: 1.15;
    margin-bottom: -10% !important;
}

.sec3_right_round_box_inner3 .top_number {
    background: var(--bs-white);
    padding: 20%;
    padding-top: 0;
    padding-right: 0;
    position: relative;
    border-radius: 0 15px;
}

.sec3_right_round_box_inner3 .top_number::after {
    content: "";
    width: 30px;
    height: 30px;
    top: 0;
    left: 0;
    position: absolute;
    bottom: 0;
    border-radius: 50% 0;
    box-shadow: -5px -5px 0 #272727;
}

.sec3_right_round_box_inner3 .top_number::before {
    content: "";
    width: 30px;
    height: 30px;
    right: 0;
    position: absolute;
    top: -30px;
    border-radius: 50% 0;
    box-shadow: 15px 15px 0 var(--bs-white);
}

.sec3_right_round_box_inner3 .top_number div {
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #182230;
    color: var(--bs-white);
    font-size: 26px;
    border-radius: 20px;
}

.circle_bottom_corner {
    position: relative;
}

.circle_bottom_corner::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 30px;
    border-radius: 50% 0;
    box-shadow: 5px 5px 0 var(--bs-white);
}

/* contact form */
.contact_form input,
.contact_form textarea{
    font-weight: 600;
    background: var(--bs-white);
    outline: none;
    border: none;
    width: 100%;
    padding: 12px 20px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.contact_form textarea{
    background: transparent;
}

.contact_form .wrap_textarea{
    position: relative;
}

.contact_form .wrap_textarea::after{
    content: '';
    width: calc(100% - 50px);
    height: 100%;
    background: var(--bs-white);
    border-radius: 12px 12px 0 12px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-border-radius: 12px 12px 0 12px;
    -moz-border-radius: 12px 12px 0 12px;
    -ms-border-radius: 12px 12px 0 12px;
    -o-border-radius: 12px 12px 0 12px;
}

.contact_form .wrap_textarea::before{
    content: '';
    width: 100%;
    height: calc(100% - 50px);
    background: var(--bs-white);
    border-radius: 0 12px 12px 12px;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-border-radius: 0 12px 12px 12px;
    -moz-border-radius: 0 12px 12px 12px;
    -ms-border-radius: 0 12px 12px 12px;
    -o-border-radius: 0 12px 12px 12px;
}

.contact_form .wrap_textarea .circle {
    position: absolute;
    top: 25px;
    right: 25px;
    background: transparent;
    box-shadow: -10px 10px 0 var(--bs-white);
    width: 25px;
    height: 25px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

.contact_form textarea{
    padding: 40px;
    padding-right: 50px;
    position: relative;
    z-index: 2;
    resize: none;
}

.contact_form input::placeholder,
.contact_form textarea::placeholder{
    color: rgba(0, 0, 0, 0.3);
}

.contact_form button[type="submit"]{
    padding: 14px 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    background: none;
    border: 1px solid var(--bs-white);
    color: var(--bs-white);
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    transition: var(--transition_3s);
    -webkit-transition: var(--transition_3s);
    -moz-transition: var(--transition_3s);
    -ms-transition: var(--transition_3s);
    -o-transition: var(--transition_3s);
}

.contact_form button[type="submit"] svg{
    stroke: var(--bs-white);
    transition: var(--transition_3s);
    -webkit-transition: var(--transition_3s);
    -moz-transition: var(--transition_3s);
    -ms-transition: var(--transition_3s);
    -o-transition: var(--transition_3s);
}

.contact_form button[type="submit"]:hover{
    background: var(--bs-white);
    border-color: var(--bs-white);
    color: var(--dark);
}

.contact_form button[type="submit"]:hover svg{
    stroke: var(--dark);
}

/* important class */
.form_control.px_1{
    padding-left: .5rem !important;
    padding-right: .5rem !important;
}