/*@import 'tailwindcss';*/

/*@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views!*.blade.php';*/
/*@source '../../storage/framework/views!*.php';*/
/*@source '..!**!*.blade.php';*/
/*@source '..!**!*.js';*/

/*@theme {*/
/*    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',*/
/*        'Segoe UI Symbol', 'Noto Color Emoji';*/
/*}*/

@import "montserrat.css";
@import "el.css";



.img{
    padding: 12px;
    margin-left: 24px;
}

.img:hover {
    cursor: pointer;
}

/* LOGO */
#logo{
    margin-left: 24px;
    margin-right: 16px;
}
/* DOWNLOAD */
.download{
    align-items: center;
    width: 71px;
    height: 60px;
}

.download img{
    width: 35px;
    height: 32px;
}
.download:hover{
    cursor: pointer;
}
/* LIST */
.list{
    flex-grow: 1;
}
/* BUTTONS */
.red-button:hover{
    cursor: pointer;
    background-color: #a5ecd7;
    color: #212529;
}
.red-button{
    text-decoration: none;
    padding-left: 16px;
    padding-right: 16px;
    border: 2px solid #a5ecd7;
    border-radius: 1px;
    font-weight: bold;
    color: #fff;
    transition: 0.2s ease-in-out;
}
/* */
.burger-menu img{
    margin: auto 24px;
    width: 24px;
    height: 18px;
}
.burger-menu:hover{
    cursor: pointer;
}
/* MAIN */
.main{
    padding: 30px 0;
    background: #a5ecd7;
    color: #212529;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.main-h1{
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 42px;
}
.main-h2{
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 24px;
}
.main iframe {
    margin-top: 30px;
}
/* TOOLS */
.tools{
    border-radius: 5px;
    display: flex;
    background: #212529;
    justify-content: center;
    flex-wrap: wrap;
}
.unselectable, button, select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mb-3 > *{
    margin: 5px;
}

.mb-3{
    margin: 30px 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.form-check{
    flex-wrap: nowrap;
}
.form-control{
    padding: 12px;
    font-size: 18px;
    border: 2px solid #a5ecd7;
    background: #212529;
    color:white;
    border-radius: 5px;
}
[type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}


input[type="radio"]:checked+label { background: #a5ecd7; color: #212529; font-weight: bold; }
.time{
    flex-direction: row;
}
/*input[type="datetime-local"], select{ padding: 12px; background: #212529; border-radius: 5px; border: 2px solid #a5ecd7; color: white;  }*/
::-webkit-calendar-picker-indicator {
    filter: invert(1);
}

select{
    /*height: 40px;*/
}

nav * .contact_us a {
    display: flex;
    align-items: center;
    max-height: 50px;
}
#call_contact_us_nav {
    margin-left: 7px;
}
#cars_carousel {
    padding: 30px 0 0;
}
.cars_carousel {
    background: #212529;
    width: 100%;
    justify-content: start;
    overflow-x:scroll;
    scroll-behavior: smooth;
    display: flex;
    align-items: end;

    /*padding-left: 20vw;*/
}


.cars_carousel .__item {
    width: 93vw;
    margin: 20px 30px 30px;
    max-width: 400px;
    transition: all 300ms ease-in-out;
}

.cars_carousel .__item:first-child {
    /*margin-left: 20vw;*/
}

.cars_carousel .__item h4 {
    text-align: center;
}
.cars_carousel .__item img {
    max-height: 80vh;
    max-width: 400px;
    border-radius: 5px;
}

.cars_carousel .__item .info {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    text-transform: capitalize;
}
.cars_carousel .__item .info div:last-child {
    width: 40%;
}
.cars_carousel .__item .info div p img {
    max-width: 16px;
}

.cars_carousel .__item .btn-submit {
    height: 100%;
}

.faq-container {
    width: 100vw;
    padding: 40px 20px;
    background: #212529;
}

.faq-container h1 {
    text-align: center;
    font-size: 28px;
    margin-bottom: 20px;
}

.faq-item {
    border-radius: 8px;
    margin-bottom: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.faq-question {
    padding: 15px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.faq-question::after {
    content: '\25BC'; /* Стрілка вниз */
    font-size: 14px;
    transition: transform 0.3s;
    color: white;
}

.faq-question.active::after {
    transform: rotate(180deg); /* Стрілка вгору при розкритті */
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    padding: 0 15px;
    transition: max-height 0.3s ease, padding 0.3s ease;
}

.faq-answer.active {
    max-height: 200px; /* Налаштуйте за потребою */
    padding: 15px;
}

.faq-answer p {
    font-size: 14px;
    color: #555;
}

.faq-answer a {
    text-decoration: none;
}

.faq-answer a:hover {
    text-decoration: underline;
}

#popup {
    display: none;
    position: fixed;
    top: 20px;
    margin: 20px;
    max-width: 80vw;
    background-color: #a5ecd7;
    color: #212529;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 16px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

.popup.show {
    opacity: 1;
}

.filters {
    background: #212529;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px 20px 0;
}
.filters label {
    margin: 5px 10px;
    text-align: center;
    align-content: center;
}


.body .narrow li:last-child {
    padding-bottom: 38px;
}
footer .narrow li {
    margin: 16px;
}
footer .narrow li:first-child {
    display: flex;
    justify-content: end;
}
/* IMAGE STYLES */
/*[type=radio] {*/
/*    cursor: pointer;*/
/*}*/

/*!* CHECKED STYLES *!*/
/*[type=radio]:checked + span {*/
/*    border: 2px solid #a5ecd7;*/
/*    border-radius: 5px;*/
/*    background: #212529;*/
/*    padding: 12px;*/
/*    text-transform: uppercase;*/
/*    color: white;*/
/*    transition: 0.2s ease-in-out;*/
/*    font-weight: bold;*/
/*}*/

/*@media (max-width: 600px) {*/
/*    .faq-container h1 {*/
/*        font-size: 24px;*/
/*    }*/

/*    .faq-question {*/
/*        font-size: 16px;*/
/*    }*/

/*    .faq-answer p {*/
/*        font-size: 13px;*/
/*    }*/
/*}*/
/*!*BUG FIX*!*/
/*@media (max-width: 1630px) {*/
/*    .main-h1{*/
/*        font-size: 34px;*/
/*    }*/
/*    .main-h2{*/
/*        padding: 0 40px;*/
/*        font-size: 18px;*/
/*    }*/
/*}*/
/*@media (max-width: 1272px) {*/
/*    footer .wide ul:not(:first-child) li:not(:last-child):not(:first-child){*/
/*        display: none;*/
/*    }*/
/*}*/
/*@media (max-width: 1178px) {*/
/*    .body .wide ul:not(:first-child) li:not(:first-child){*/
/*        display: none;*/
/*    }*/
/*    footer .wide ul:not(:first-child) li:not(:last-child){*/
/*        display: none;*/
/*    }*/
/*}*/
/*@media (max-width: 696px) {*/
/*    .wide {*/
/*        display: none;*/
/*    }*/
/*    .narrow {*/
/*        height: auto;*/
/*        display: block;*/
/*    }*/
/*    .narrow ul {*/
/*        padding: 0;*/
/*    }*/

/*    .narrow ul li:first-child {*/
/*        padding-top: 19px;*/
/*    }*/

/*    .contact_us {*/
/*        justify-content: center;*/
/*        width: 100%;*/
/*        !*height: 57px;*!*/
/*        margin: 6px 0;*/
/*    }*/

/*}*/
/*@media (max-width: 585px) {*/
/*    .list{*/
/*        flex-wrap: wrap;*/
/*        width: 100%;*/
/*        justify-content: center;*/
/*    }*/
/*    .list ul{*/
/*        flex-direction: column;*/
/*        display: flex;*/
/*        padding: 0;*/
/*    }*/
/*    .list div .img {*/
/*        display: flex;*/
/*        margin: 0;*/
/*        width: 100%;*/
/*    }*/
/*    ul li{*/
/*        justify-content: center;*/
/*    }*/
/*    .red-button{*/
/*        transition: 1s ease-in-out;*/
/*        display: none;*/
/*    }*/
/*    .main-h1{*/
/*        font-size: 24px;*/
/*    }*/
/*    .main-h2{*/
/*        padding: 0 20px;*/
/*        font-size: 14px;*/
/*    }*/
/*    .tools .card-info{*/
/*        padding: 35px 55px;*/
/*    }*/
/*    .tools2{*/
/*        margin: -70px 0 0;*/
/*    }*/
/*    .card-info{*/
/*        min-width: 0!important;*/
/*    }*/
/*    nav{*/
/*        border-bottom-left-radius: 5px;*/
/*        border-bottom-right-radius: 5px;*/
/*    }*/
/*    footer {*/
/*        padding: 0;*/
/*    }*/
/*}*/