/* GENERAL STYLES */
html,body{
    font-family: 'Poppins' !important;
}
.fa, .far, .fas{
    font-family: "Font Awesome 5 Free" !important;
}
.fab{
    font-family:"Font Awesome 5 Brands" !important;
}
.swal-modal {
    text-align: center;
}
.select2-selection{
    border-radius: 20px !important;
    overflow: hidden;
}
body section:only-of-type{
    min-height: 50vh;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #B0B8BC!important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #BCB6B0!important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #BCB6B0!important;
}
.justify-content-evenly{
    justify-content: space-evenly;
}
a:hover, a{
    text-decoration: none;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    font-weight: bold;
    font-style: italic;
}
img{
    max-width: 100%;
}
.btn:focus, .navbar-toggler:focus, .form-control:focus, .form-select:focus{
    outline: none;
    box-shadow: none;
    border: 1px solid #737373 !important;
}
.form-control, .form-select, .select2-selection__rendered{
    background-color: #F0F2F5;
    border-radius: 25px !important;
    height: 40px;
    position: relative;
    border: none;
    color: #B0B8BC;
    padding: 0px 0 0 30px;
    display: flex !important;
    align-items: center;
}

input:-webkit-autofill {
    background-color: #F0F2F5 !important;
}
.select2-container--default .select2-selection--single{
    border: none !important;
}
.select2-container .select2-selection--single{
    height: fit-content !important;
}


.input-group-append button{
    margin-top: 20px;
    background: #6CA8DE 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 15px #6CA8DE73;
    border-radius: 30px !important;
    border: none !important;
    margin-left: 20px;
    font-size: 12px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 100px;
}
.input-group-append button i{
    margin-right: 5px;
    font-size: 12px;
}


textarea.form-control{
    height: unset;
}
.form-select::after{
    content: 'b';
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}
.overflow-hidden{
    overflow: hidden;
}
.btn-filled{
    background: #164994 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 15px #16499480;
    border: 1px solid #164994;
    border-radius: 30px;
    min-width: 179px;
    text-align: center;
    color: #fff;
    transition: all 0.5s ease-in-out;
}
.btn-filled:hover{
    box-shadow: unset;
    border: 1px solid #164994;
    font-weight: bold;
    color: #164994;
}


.btn-inverse{
    background: #fff 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 15px #16499480;
    border-radius: 30px;
    min-width: 179px;
    text-align: center;
    color: #164994;
}
.btn-inverse:hover{
    color: #fff;
    border-color: #fff;
}
.text-blue{
    color: #164994!important;
}
.text-lightBlue{
    color: #6CA8DE!important;
}
h4, h5{
    display: flex;
}
@media(max-width:1000px){
    h4, h5{
        justify-content: center;
    }
}
.italic-span{
    background-image: url('../img/italic-span-en.png');
    background-repeat: no-repeat;
    width: 30px;
    height: 22px;
    background-position: center;
    margin-left: 5px;
}
.inner-page{
    margin-top: 70px;
}

/* Nav pills */
.nav-pills{
    justify-content: center;
    border-bottom: none;
    margin: 20px auto;
    background: #F0F2F5 0% 0% no-repeat padding-box;
    border-radius: 42px;
    width: fit-content;
    padding: 15px;
}
.nav-pills .nav-link{
    color: #333333;
    padding: 10px 30px;
    font-size: 16px !important;
}
.nav-pills .nav-link.active{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 25px;
    color: #333333;
}

.nav-pills-inverse.nav-pills{
    background: #FFFFFF 0% 0% no-repeat padding-box;
}
.nav-pills-inverse.nav-pills .nav-link.active{
    background: #F0F2F5 0% 0% no-repeat padding-box;
}

/* NAVBAR STYLES */
nav.navbar{
    background-color: transparent;
}

nav.navbar.scrolled{
    background-color: #fff;
    box-shadow: 0px 0px 15px #00000029;
}
nav.navbar .navbar-brand .logo-container{
    height: 45px;
    width: 140px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('../img/logo-white.png');
}
nav.navbar.scrolled .navbar-brand .logo-container{
    background-image: url('../img/logo.png');
}
nav.navbar .nav-item{
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
}
nav.navbar .nav-link{
    color: #fff;
    padding-right: 0 !important;
    padding-left: 0 !important;
}
@media(max-width: 900px){
    nav.navbar .nav-link{
        width: fit-content;
        margin: auto;
    }
}
nav.navbar.scrolled .nav-link:not(.btn-filled){
    color: #333333;
}
nav.navbar.scrolled .nav-link i{
    color: #6CA8DE;
}
nav.navbar .nav-link.active, nav.navbar .nav-link:hover{
    color: #fff;
    font-weight: bold;
    position: relative;
}
nav.navbar.scrolled .nav-link.active, nav.navbar .nav-link:hover{
    color: #164994;
    font-weight: bold;
}
nav.navbar .nav-link::before {
    display: block;
    content: attr(title);
    font-weight: bold;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
.navbar .nav-link.active:after{
    content: '';
    width: 40%;
    height: 5px;
    background-color: #6CA8DE;
    position: absolute;
    bottom: 0px;
    left: 0px;
}
.navbar .nav-link.btn-filled:hover{
    color: #fff !important;
}
.navbar-toggler, .navbar-toggler:focus{
    border: none;
}
.navbar-toggler[aria-expanded="true"] i::before{
    content: "\f00d";
}
@media(max-width:1000px){
    nav.navbar{
        background-color: #fff;
        box-shadow: 0px 0px 15px #00000029;
    }
    nav.navbar .navbar-brand .logo-container{
        background-image: url('../img/logo.png');
    }
    nav.navbar .nav-link:not(.btn-filled){
        color: #333333;
        text-align: center;
    }
    nav.navbar .nav-link i{
        color: #6CA8DE;
    }
    nav.navbar .nav-link.active, nav.navbar .nav-link:hover{
        color: #164994;
        font-weight: bold;
    }
}
@media(max-width: 600px){
    nav.navbar.scrolled .nav-link{
        text-align: center;
    }
    .navbar .nav-link.active:after{
        left: 50%;
        transform: translateX(-50%);
        width: 10%;
    }
    .navbar-nav.ms-auto{
        flex-direction: row;
        justify-content: center;
    }
    .navbar-nav.ms-auto li{
        margin: 0 10px;
    }
    .navbar-nav.ms-auto li i{
        font-size: 20px;
    }
    nav .navbar-nav:last-child{
        margin-bottom: 20px;
    }
}


/* Slider Section */
.slider-section{
    /* height: 100vh; */
    /* background-image: url('../img/Group 3458.png'); */
    /* background-size: cover; */
    position: relative;
}


/* Search Section */
.search-section{
    /* width: 60%;
    position: absolute;
    top: 150px;
    left: 50%;
    transform: translateX(-50%); */
    background-color: #F0F2F5;
    margin: 35px auto 0;
    border-radius: 100px;
    padding: 12px;;
}
.search-section .form-control, .search-section .form-select, .search-section .select2-selection__rendered{
    background-color: #fff;
}
@media(max-width: 1000px){
    .search-section{
        position: relative;
        top: unset;
        left: unset;
        transform: unset;
        width: 95%;
        padding: 30px 12px;
        border-radius: 25px;
        margin: 10px auto;
        background-color: #F0F2F5;
    }
    .search-section .form-control, .search-section .form-select, .search-section .select2-selection__rendered{
        background-color: #fff;
    }
}

/* Why choose us section */
.why-choose-us{
    padding: 50px 0;
}
.why-choose-us__card{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    margin: 20px 0;
    transition: transform 0.5s ease-in-out;
}
.why-choose-us__card:hover{
    cursor: pointer;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 7px 15px #0000001A;
    border-radius: 7px;
    transform: translateY(-20px);
}
.why-choose-us__card img{
    margin-bottom: 20px;
    height: 145px;
    width: auto;
}

/* Find car by type section */
.find-car-by-type{
    padding: 50px 0;
    background-color: #F0F2F5;
}
.find-car-by-type__card{
    border-radius: 20px;
    width: 272px;
    min-height: 190px !important;
    height: 193px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    color: #333333;
    margin: 20px;
}
.find-car-by-type__card img{
    height: 110px;
    width: auto;
    margin-bottom: 10px;
}

.find-car-by-type__card .counter{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    right: 0;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
    background-color: #164994;
    color: #fff;
    font-size: 12px;
    width: 65px;
    height: 43px;
}
.find-car-by-type__card .counter span{
    font-weight: bold;
    font-size: 14px;
}
.find-car-by-type__card .counter p{
    margin-bottom: 0;
    margin-top: -5px;
}

@media(min-width: 1000px){
    .find-car-by-type .slider .slick-prev{
        left: -20px;
    }
    .find-car-by-type .slider .slick-next{
        right: -20px;
    }
}

@media(max-width: 999px){
    .find-car-by-type .slider .slick-prev, .cars-slider .slick-prev, .city-slider .slick-prev{
        left: 0px;
        z-index: 998;
    }
    .find-car-by-type .slider .slick-next, .cars-slider .slick-next, .city-slider .slick-next{
        right: 0px;
        z-index: 998;
    }
    .contact .nav-pills .nav-link{
        padding: 10px!important;
    }
}

/* latest-vehicles section */
.latest-vechiles{
    padding: 50px 0 10px;
}

/* Car Card */
.cars-container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.cars-container::after{
    content: "";
    max-width: 33%;
    width: 32%;
}
.car-card{
    background: #F0F2F5 0% 0% no-repeat padding-box;
    border-radius: 20px;
    padding: 10px;
    position: relative;
    max-width: 33%;
    width: 32%;
    transition: all 0.5s ease-in-out;
    margin: 20px 0px 40px 0px;
}
.car-card.slick-slide{
    margin: 0 20px 50px;
    max-width: unset;
}
@media(max-width: 1250px){
    .car-card{
        max-width: 50%;
    }
}
@media(max-width: 600px){
    .car-card{
        max-width: 90%;
    }
}

@media(max-width:1000px){
    .cars-container{
        justify-content: center;
    }
}
.car-card a{
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.car-card .fav-icon{
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 0;
    border-color: transparent !important;
    z-index: 99;
}
.car-card .test-drive-btn{
    position: absolute;
    top: 45px;
    right: 20px;
    padding: 3px;
    border-color: transparent !important;
    background-color: #164994;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    z-index: 998;
    display: flex;
    justify-content: center;
    align-items: center;
}
.car-card .test-drive-btn:hover{
    cursor: pointer;
}
.car-card .test-drive-btn img{
    width: 100%;
    height: auto;
}
.car-card .fav-icon:hover, .car-card .fav-icon .btn:focus, .car-card .fav-icon .btn:hover{
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}
.car-card .fav-icon i{
    color: #B0B8BC;
    transition: all 0.5s ease-in-out;
    font-size: 20px;
}
.car-card .fav-icon.active i, .car-card .fav-icon:hover i{
    font-weight: 900;
    color: #CF4545;
}
.car-card .img-container{
    width: fit-content;
    position: relative;
    margin: 20px 0;
}
.car-card .img-container span{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #164994;
    color: #fff;
    font-size: 14px;
}
.car-card img{
    height: 160px;
    width: auto;
    max-width: 100%;
}
.car-card .title{
    color: #333333;
    margin: 20px 0;
}

.car-card__price{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 42px;
    padding: 10px;
    display: flex;
    width: 100%;
    transition: all 0.5s ease-in-out;
}
.car-card__price .without-vat{
    background: #6CA8DE 0% 0% no-repeat padding-box;
    border-radius: 34px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    width: 60%;
    padding: 10px;
}
.car-card__price .without-vat span{
    font-size: 12px;
    font-style: italic;
    text-decoration: line-through;
}
.car-card__price .without-vat h6{
    font-weight: bold;
    margin-bottom: 0;
}

.car-card__price .with-vat{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 40%;
}
.car-card__price .with-vat span{
    font-size: 12px;
    font-style: italic;
    color: #164994;
    /* text-decoration: line-through; */
}
.car-card__price .with-vat h6{
    margin-bottom: 0;
    font-weight: bold;
    font-size: 12px;
    color: #164994;
}
.car-card__info{
    width: 100%;
    /* background: #FFFFFF 0% 0% no-repeat padding-box; */
    border-radius: 25px;
    padding: 5px;
    margin: 20px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    direction: ltr;
}
.car-card__info .item{
    display: flex;
    align-items: center;
    width: fit-content;
    color: #B9B9B9;
    padding: 10px 5px;
    font-size: 15px;
    background-color: #fff;

}
.car-card__info .item:first-child{
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.car-card__info .item:last-child{
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.car-card__info .item:hover{
    cursor: help;
}
.car-card__info .item:not(:last-child){
    border-right: 1px solid #B9B9B9;
}
.car-card__info .item img{
    height: 20px;
    width: auto;
    margin-right: 5px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--single .select2-selection__placeholder{
    color: #B0B8BC !important;
}
.select2-container{
    width: 100%;
}
.car-card .btn-filled{
    display: none;
    position: absolute;
    bottom: -50px;
}
.car-card .btn-filled span{
    margin-left: 5px;
}
.car-card:hover{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 7px 15px #0000001A;
    transform: translateY(-10px);
}

.car-card:hover .car-card__price{
    background: #F0F2F5 100% 0% no-repeat padding-box;
}
.car-card:hover .car-card__info .item{
    background: #F0F2F5 100% 0% no-repeat padding-box;
}
.car-card:hover .btn-filled{
    display: block;
}
.car-card-actions{
    display: flex;
}
.car-page .btn-filled{
    bottom: unset;
}
.car-page .similar-vehicles .btn-filled{
    bottom: -50px;
}
.car-card-actions .test-drive{
    background-color: transparent;
    border: 1px solid #164994;
    border-radius: 30px;
    color: #164994;
    position: relative;
    display: flex !important;
    flex-direction: row;
}
.car-card-actions .test-drive img{
    width: 38px;
    height: auto;
    margin-right: 5px;
}
@media(min-width: 1000px){
    .slick-prev{
        left: -20px !important;
    }
    .slick-next{
        right: -20px !important;
    }

}
@media(max-width: 1000px){
    .car-card-actions{
        flex-direction: column !important;
    }
    .car-card-actions .btn-filled:first-child{
        margin: 0 !important;
        height: 52px;
    }
    .car-card-actions .test-drive{
        margin-top: 10px;
    }
    .car-card__info .item img{
        height: 15px;
    }
    .purchase-car-card .car-card__info span{
        font-size: 11px !important;
    }
    .exterior-images .single-image, .interior-images .single-image{
        height: 275px !important;
    }
    .purchase-car-card{
        margin: 20px auto !important;
    }
    .slick-next{
        right: 0;
    }
    .car-card__info .item{
        padding: 5px !important;
    }
}

.load-more-btn{
    background: #F0F2F5 0% 0% no-repeat padding-box;
    border-radius: 30px;
    color: #737373;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin: 10px auto 30px;
    padding: 10px 40px;
    font-style: italic;
    font-weight: bold;
}


/* Brands */
.brands-section{
    padding: 50px 0;
    background-color: #F0F2F5;
}
.brand-card{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 20px;
    width: 175px;
    height: 175px;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 25px;
    color: #333333;
    transition: box-shadow 0.5s ease-in-out;
}
.brand-card:hover{
    cursor: pointer;
    box-shadow: 0px 0px 15px #0000001A;
}
.brands-section.bg-white .brand-card{
    background: #F0F2F5 0% 0% no-repeat padding-box;
}
.brand-card .img-container{
    width: 100%;
    height: 70%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.brand-card .img-container img{
    width: 75%;
    height: auto;
}

/* mobile-app-section */
.mobile-app-section{
    padding: 50px 0;
}
.mobile-app-section .info{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.mobile-app-section .actions{
    display: flex;
}
.mobile-app-section .actions .btn-filled{
    display: flex;
    align-items: center;
    text-align: left;
    background-color: #6CA8DE;
    padding: 5px 35px;
    min-width: 210px;
}
.mobile-app-section .actions .btn-filled:first-child{
    margin-right: 15px;
}
.mobile-app-section .actions .btn-filled img{
    margin-right: 20px;
}
.mobile-app-section .actions .btn-filled span{
    font-size: 12px;
}
.mobile-app-section .actions .btn-filled h6{
    font-size: 14px;
}
@media(max-width: 1000px){
    .mobile-app-section .actions{
        flex-wrap: wrap;
        justify-content: center;
    }
    .mobile-app-section .actions .btn-filled:first-child{
        margin-right: 0;
        margin-bottom: 10px;
    }
}
.purchase-order-section{
    padding-bottom: 50px;
}


.purchase-order-section .container{
    background-image: url('../img/purchase-order.png');
    padding: 50px;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 19px;
}
.purchase-order-section p, .purchase-order-section h4{
    color: #fff;
}


@media(max-width: 1000px){
    .purchase-order-section{
        width: 95%;
        margin: 0 auto;
    }
    .purchase-order-section .actions{
        text-align: center;
    }
    .purchase-order-section .actions .btn:first-child{
        margin-bottom: 10px;
    }
    .purchase-order-section .container{
        background-position: center center;
    }
}

footer{
    background: #F0F2F5 0% 0% no-repeat padding-box;
    padding: 30px 0;
}
.main-footer{
    border-bottom: 1px solid #DFDFDF;
    padding-bottom: 30px;
}
.main-footer .container > div{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main-footer .container > div img{
    width: 215px;
}
.main-footer .nav .nav-link{
    color: #737373;
    /* font-size: 12px; */
    font-weight: bold;
    padding: 0 10px;
}
.main-footer .nav .nav-link:hover{
    color: #164994;
}

footer .useful-links{
    padding: 30px 0;
}
footer .useful-links .nav-title{
    font-size: 14px;
}
footer .useful-links .nav.flex-column .nav-link, footer .useful-links p{
    color: #737373;
    font-size: 12px;
    padding: 2px 0;
    margin-bottom: 0;
}
footer .copyrights{
    padding-top: 30px;
    border-top: 1px solid #DFDFDF;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
footer .copyrights p{
    margin-bottom: 0;
    font-size: 12px;
}
footer .copyrights img{
    width: 92px;
    margin-left: 5px;
}
footer .social-icons{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
}
footer .social-icons .nav-link{
    width: 43px;
    height: 43px;
    background-color: #DEE4EE;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 15px;
}
footer .social-icons .nav-link i{
    opacity: 0.4;
    color: #164994;
    transition: opacity 0.5s ease-in-out;
}
footer .social-icons .nav-link:hover i{
    opacity: 1;
}
.two-col{
    display: grid;
    grid-template-columns: repeat(2, auto);
    justify-content: start;
    column-gap: 40px;
}
@media(max-width: 600px){
    .main-footer .container > div{
        flex-direction: column;
    }
    .main-footer .nav{
        flex-direction: column;
        text-align: center;
        margin-top: 20px;
    }
    .main-footer .nav .nav-link{
        font-size: 16px;
    }
    footer .useful-links{
        text-align: center;
    }
    footer .social-icons{
        margin-top: 20px;
    }
    footer .copyrights{
        flex-direction: column;
    }
    footer .social-icons .nav-link{
        width: 35px;
        height: 35px;
        margin: 0 10px;
    }
    .slick-next, .slick-prev{
        z-index: 99;
    }
    .main-footer .social-icons .nav{
        flex-direction: row;
    }
    .main-footer .nav .nav-link{
        padding: 5px !important;
    }
    footer h5.text-blue{
        margin-top: 20px;
    }
}

/* Filter By section */
.filter-by{
    background: #F0F2F5 0% 0% no-repeat padding-box;
    border-radius: 20px;
    padding: 20px 40px;
    margin: 0px auto 30px;
}
.filter-by__header{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.thankyou{
    padding: 100px 0 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.thankyou .content{
    display: flex;
    flex-direction: column;
    justify-self: center;
    align-items: center;
}

@media(min-width:1000px){
    .filter-by{
        max-width: 100%;
    }
}

.filter-by__header a{
    color: #164994;
    text-decoration: underline;
}
.filter-by__header a:hover{
    text-decoration: none;
}
.filter-by__form .form-select, .filter-by__form .select2-selection__rendered{
    background-color: #fff;
}
.filter-by__form .form-action{
    width: 100%;
    display: flex;
    justify-content: center;
}
.filter-by__form .form-action .btn-filled{
    margin-top: 20px;
}

.price-input-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #E5E7EA 0% 0% no-repeat padding-box;
    border-radius: 27px;
    height: 40px;
    margin-top: 15px;
}
.price-input-container p{
    margin-bottom: 0;
    color: #B0B8BC;
    padding-left: 15px;
    padding-right: 10px;
}
.price-input{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #FFFFFF;
    border-radius: 27px;
    height: 40px;
    padding: 0 15px;
}
.price-input span{
    color: #B0B8BC;
}
.price-input .form-control{
    background: #F0F2F5 0% 0% no-repeat padding-box;
    border-radius: 27px;
    height: 30px;
    max-width: 30%;
}

.purchase-car-card{
    background-color: #F0F2F5;
    padding: 20px;
    border-radius: 20px;
    max-width: 100%;
    position: sticky;
    top: 100px;
    width: 100%;
}
.purchase-car-card__actions .btn{
    position: relative;
    bottom: unset;
    max-width: 75%;
    margin: auto;
}
.purchase-car-card__actions .btn:hover{
    color: #164994 !important;
    font-weight: bold;
}
.purchase-car-card .car-card__info span{
    font-size: 12px;
}
.purchase-car-card__colors{
    display: flex;
    margin: 10px 20px;
}
.purchase-car-card__colors .selected-color{
    width: 59px;
    height: 59px;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
}
.purchase-car-card__colors .selected-color span{
    color: #fff;
}
.purchase-car-card__colors .form-check .form-check-input{
    border: 1px solid black;
    width: 23px;
    height: 23px;
    margin-right: 5px;
}
.purchase-car-card__colors .form-check-input:checked[type=radio]{
    background-image: unset;
    position: relative;
    box-shadow: 0px 3px 6px #00000029;
}
.purchase-car-card__colors .form-check-input:checked[type=radio]:after{
    content: '';
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #6CA8DE;
}
.purchase-car-card__colors .available-colors{
    display: flex;
    flex-direction: column;
}
.form-check-input:hover{
    cursor: pointer;
}
.purchase-car-card__colors .color-selection-input{
    display: flex;
}

.purchase-car-card .sharing-action{
    display: flex;
    justify-content: end;
    align-items: center;
    margin-bottom: 35px;
}
.purchase-car-card .sharing-action a:not(:last-child){
    margin-right: 10px;
    position: absolute;
    top: 20px;
    left: 20px;
}

.purchase-car-card .sharing-action a{
    color: #B0B8BC;
}
.purchase-car-card .sharing-action a:hover{
    color: #6CA8DE;
}
.purchase-car-card .sharing-action a i.fa-heart.active, .purchase-car-card .sharing-action a i.fa-heart:hover{
    color: #CF4545;
}

/* CAR PAGE */
.car-page .nav-justified{
    width: unset;
}

.exterior-images .single-image, .interior-images .single-image{
    width: 100%;
    height: 442px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
}
.exterior-images-nav .single-image, .interior-images-nav .single-image{
    height: 106px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    margin: 20px;
    position: relative;
    overflow: hidden;
}
.exterior-images-nav .single-image:not(.slick-current)::after, .interior-images-nav .single-image:not(.slick-current)::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.25;
}

.slick-next, .slick-prev{
    width: 33px;
    height: 33px;
    border-radius: 7px;
    background-color: #F0F2F5;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.slick-next i, .slick-prev i{
    color: #164994;
}

.slick-next:hover, .slick-prev:hover{
    background-color: #164994;
    border: none;
}
.slick-next:hover i, .slick-prev:hover i{
    color: #fff;
}
.car-page .car-desc{
    background: #F0F2F5 0% 0% no-repeat padding-box;
    border-radius: 20px;
    padding: 20px;
    margin: 20px 0;
}
.car-page .car-desc p{
    margin-top: 20px;
    color: #737373;
    font-size: 14px;
    margin-bottom: 0;
}



/* Collapse section */
.collpase-section{
    margin: 20px;
}
.collpase-section .single-item:not(:last-child){
    margin-bottom: 10px;
}
.collpase-section .single-item a{
    background: #6CA8DE 0% 0% no-repeat padding-box;
    border-radius: 25px;
    color: #fff;
    width: 100%;
    font-size: 18px;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.collpase-section .single-item a[aria-expanded="true"] i::before{
    content: "\f078";
}
.collpase-section .single-item > div:not(.item){
    margin: 20px 40px;
}
.collpase-section .single-item div:not(.item) .item{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 25px;
    padding: 15px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
}
.collpase-section .single-item div:not(.item) .item:not(:last-child){
    margin-bottom: 15px;
}

@media(max-width: 600px){
    .car-page .car-desc{
        padding: 20px 15px;
    }
    .collpase-section{
        margin: 20px 0;
    }
    .collpase-section .single-item > div:not(.item){
        margin: 20px;
    }
    .purchase-car-card{
        margin: 20px 0;
    }
    .car-card{
        margin: 20px 0;
        width: 95%;
    }
    .car-card__info .item{
        font-size: 11px;
    }
}


/* Offers-section */
.offers-section{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.offers-section .offers-container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 10px 0 20px;
}
.offers-section .single-offer{
    box-shadow: 0px 0px 15px #00000029;
    border-radius: 20px;
    max-width: 33%;
    width: 32%;
    margin: 10px 0;
    height: 237px;
    overflow: hidden;
    position: relative;
}
.offers-section .single-offer .img-container{
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.5s ease-in-out;
}
.offers-section .single-offer .content{
    background: transparent linear-gradient(179deg, #6CA8DE00 0%, #6CA8DE 100%) 0% 0% no-repeat padding-box;
    border-radius: 20px;
    opacity: 0.92;
    width: 100%;
    height: 140px;
    padding: 20px;
    display: flex;
    align-items: end;
}
.offers-section .single-offer a{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: end;
}
.offers-section .single-offer .content .title{
    color: #FFFFFF;
}
.offers-section .single-offer:hover .img-container{
    transform: scale(1.2);
}
@media(max-width:600px){
    .offers-section .offers-container{
        justify-content: center;
    }
    .offers-section .single-offer{
        max-width: 95%;
        width: 95%;
    }
}


/* Offer details page */
.offer-details .offer-intro{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 500px;
    border-radius: 20px;
    box-shadow: 0px 0px 15px #00000029;
}
.offer-details .offer-intro .content{
    background: transparent linear-gradient(179deg, #6CA8DE00 0%, #6CA8DE 100%) 0% 0% no-repeat padding-box;
    border-radius: 20px;
    opacity: 0.92;
    width: 100%;
    height: 140px;
    padding: 20px;
    display: flex;
    align-items: end;
}
.offer-details .offer-intro .content .title{
    color: #FFFFFF;
}
.offer-details .offer-desc{
    background: #F0F2F5 0% 0% no-repeat padding-box;
    border-radius: 20px;
    padding: 20px;
    margin: 20px 0;
}
.offer-details .offer-desc p{
    margin-top: 20px;
    color: #737373;
    font-size: 14px;
    margin-bottom: 0;
}
@media(max-width:1000px){
    .offer-details .offer-intro{
        height: 350px;
    }
}
/* Careers */
.careers-filter{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0;
}
.careers-filter .count{
    background: #DEE4EE 0% 0% no-repeat padding-box;
    border-radius: 22px;
    color: #8EA6CA;
    font-size: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
}
.careers-filter .count p{
    margin-bottom: 0;
}
.careers-filter .careers-form{
    display: flex;
    width: 50%;
}
.careers-filter .careers-form form{
    width: 100%;
}
.careers-filter .careers-form input, .careers-filter .careers-form select{
    margin-right: 20px;
    font-size: 15px;
}

@media(max-width:1000px){
    .careers-filter{
        flex-direction: column;
    }
    .careers-form form{
        flex-direction: column;
        margin-top: 20px;
    }
    .careers-form form input{
        margin-bottom: 20px;
    }
    .careers-form form button{
        margin-top: 20px;
    }
}

/* Jobs */
.jobs-container .single-job{
    background: #F0F2F5 0% 0% no-repeat padding-box;
    border-radius: 20px;
    margin-bottom: 20px;
}
.jobs-container .single-job a{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
}
.jobs-container .single-job a > div:first-child{
    width: 85%;
}
.jobs-container .single-job .title{
    color: #164994;
    font-size: 25px;
}
.jobs-container .single-job .job-desc{
    color: #737373;
}
.jobs-container .single-job .job-info{
    color: #6CA8DE;
    font-size: 13px;
    display: flex;
    align-items: center;
}
.jobs-container .single-job .job-info div{
    display: flex;
    flex-direction: column;
    margin-right: 10px;
    text-align: right;
}

.single-job .job-info .nav li{
    color: #6CA8DE;
    font-size: 13px;
}
.single-job .job-info .nav li:not(:last-child){
    padding-right: 5px;
    margin-right: 5px;
    border-right: 1px solid #6CA8DE;
}
.single-job .job-desc-container{
    margin: 20px 0;
}
.single-job .job-desc{

}
.single-job .job-desc p{
    color: #737373;
}
.single-job .application-form{
    padding: 40px;
    background: #F0F2F5 0% 0% no-repeat padding-box;
    border-radius: 20px;
}
@media(min-width:1000px){
    .single-job .application-form{
        width: 60%;
        margin: 30px auto 50px;
    }
    .single-job .application-form{
        margin-bottom: 20px;
        padding: 30px 20px;
    }
}
.single-job .application-form .form-control{
    background: #FFFFFF;
    margin-top: 20px;
}

.job-header{
    background: #F0F2F5 0% 0% no-repeat padding-box;
    padding: 20px 0;
}
.job-header .job-header__details{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.job-header .job-header__details .apply-btn{
    background: #6CA8DE 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 15px #16499480;
    border-radius: 30px;
    border: none;
    color: #fff;
    padding: 10px 30px;
}
@media(max-width:1000px){
    .job-header .job-header__details .apply-btn{
        min-width: fit-content;
    }
}
.file {
    visibility: hidden;
    position: absolute;
  }


  /* News Page */
  .news-card{
    width: 560px;
    height: 338px;
    /* background-image: url('../img/news.png'); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0px 0px 15px #00000029;
    border-radius: 20px;
    position: relative;
    display: flex;
    align-items: flex-end;
  }
  .news-card .content{
    background: transparent linear-gradient(180deg, #6CA8DE00 0%, #6CA8DE 100%) 0% 0% no-repeat padding-box;
    border-radius: 20px;
    padding: 20px;
    width: 100%;
    min-height: 40%;
    color: #fff;
    display: flex;
    align-items: flex-end;
    min-height: 50%;
  }
  .news-card .content .news-detials div:first-child{
    max-width: 85%;
  }
  .news-card .content .title, .news-card .content .news-detials p{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .news-card .content .title{
    font-size: 25px;
  }

  .news-card .content .news-detials{
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  .news-card .content .news-detials p{
    margin-bottom: 0;
  }
  .news-card .content .news-info p{
    margin-bottom: 0;
    font-size: 10px;
  }
  .news-card .content .news-info p i{
    margin-right: 5px;
  }
  .news-card-wide{
    display: flex;
  }

  .news-container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .news-container .single-news{
    background: #F0F2F5 0% 0% no-repeat padding-box;
    border-radius: 20px;
    height: 164px;
    width: 49%;
    margin-bottom: 20px;
  }
  .news-container .single-news a{
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
  }

  .news-container .single-news .img-conitaner{
    width: 40%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 20px;
    position: relative;
    padding: 10px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
  }

.news-container .single-news .img-conitaner:after {
  content:'';
  position:absolute;
  border-radius: 20px;
  left:0; top:0;
  width:100%; height:100%;
  display:inline-block;
  opacity: 0.5;
  background: -moz-linear-gradient(148deg, #16499400 0%, #164994 100%) 0% 0%; /* FF3.6+ */
  background: -webkit-linear-gradient(148deg, #16499400 0%, #164994 100%) 0% 0%; /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(148deg, #16499400 0%, #164994 100%) 0% 0%; /* Opera 11.10+ */
  background: -ms-linear-gradient(148deg, #16499400 0%, #164994 100%) 0% 0%; /* IE10+ */
  background: linear-gradient(148deg, #16499400 0%, #164994 100%) 0% 0%; /* W3C */
  background: -webkit-gradient(148deg, #16499400 0%, #164994 100%) 0% 0%, color-stop(100%,rgba(0,47,75,0.5)); /* Chrome,Safari4+ */
  }

  .news-container .single-news .news-details{
    padding: 15px;
    width: 60%;
  }
  .news-container .single-news .news-details .title{
    color: #164994;
    font-size: 25px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .news-container .single-news .news-details p{
    color: #737373;
    font-size: 14px;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .news-container .single-news .news-details p.more{
    font-size: 13px;
    color: #6CA8DE;
    text-align: right;
    margin-bottom: 0;
  }
  .news-container .single-news .img-conitaner .news-info{
    z-index: 99;
  }
  .news-container .single-news .img-conitaner .news-info p{
    font-size: 10px;
    color: #fff;
    margin-bottom: 0;
  }
.single-news-page .news-image{
    height: 50vh;
    margin: 20px 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
}

.single-news-page .title{
    color: #164994;
    font-size: 18px;
    margin-bottom: 0;
}
.single-news-page .news-info{
    display: flex;
    justify-content: space-between;
}
.single-news-page .news-info div.d-flex p{
    font-size: 10px;
    color: #6CA8DE;
}
.single-news-page .news-info div.d-flex p i{
    margin-right: 5px;
}
.single-news-page .news-info div.d-flex p:first-child{
    margin-right: 10px;
}
.single-news-page .news-details{
    font-size: 14px;
    color: #979797;
    margin: 20px 0;
}


@media(max-width:1000px){
    .news-container .single-news{
        width: 100%;
    }
    .news-container .single-news .news-details .title{
        font-size: 17px;
        -webkit-line-clamp:2;
    }
    .news-container .single-news .news-details p{
        -webkit-line-clamp:2;
    }
    .single-news-page .news-image{
        height: 25vh;
    }
    .news-card{
        width: 280px;
        height: 260px;
    }
    .news-card .content .title{
        font-size: 17px;
    }
    .news-card .content{
        padding: 10px;
    }
    .news-card .content .news-detials p{
        font-size: 14px;
    }
    .news-card .content .news-detials .news-info{
        min-width: 35%;
    }
    .news-card .content div:first-child{
        width: 100%;
    }
}

.contact .contact-form-container{
    background: #F0F2F5 0% 0% no-repeat padding-box;
    border-radius: 20px;
    padding: 30px;
    margin: 20px 0 40px;
}
.contact .contact-form-container .title{
    font-size: 18px;
    color: #6CA8DE;
    margin-bottom: 30px;
}
.contact .contact-form-container .form-control{
    background-color: #fff;
}
.contact .map-container{
    margin: 20px 0 40px;
    border-radius: 20px;
    overflow: hidden;
}
.contact .map-container iframe{
    width: 100% !important;
}
.contact .nav-pills .nav-link{
    text-align: center;
}
.contact .nav-pills{
    width: 100% !important;
    padding: 15px 50px;
}
@media (min-width: 1000px){
    .contact .slick-prev{
        left: 10px !important;
    }
    .contact .slick-next{
        right: 10px !important;
    }
}
.contact .working-days, .contact .contact-details, .contact .contact-social{
    margin-bottom: 20px;
}
.contact .working-days p{
    color: #737373;
    margin-bottom: 0;
}
.contact .contact-details p, .contact .contact-details a{
    color: #737373;
    margin-bottom: 1rem;
}
.contact .contact-details a:hover{
    color: #164994;
}
.contact .contact-details .tab-pane.active{
    display: flex;
    flex-direction: column;
}
.contact .social-icons{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.contact .social-icons .nav-link{
    width: 43px;
    height: 43px;
    border-radius: 50%;
    background-color: #DEE4EE;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contact .social-icons .nav-link i{
    color: #164994;
    font-size: 16px;
    opacity: 0.4;
}
.contact .social-icons .nav-link:hover i{
    opacity: 1;
}

@media(max-width: 1000px){
    .contact .contact-form-container{
        padding: 20px 15px;
    }
    .contact .social-icons{
        justify-content: center;
    }
    .contact .social-icons .nav-link{
        margin: 0 10px;
    }
    .contact .working-days, .contact .contact-details, .contact .contact-social{
        text-align: center;
    }
}


/* FAQ */
.faq .question-container{
    background: #F0F2F5 0% 0% no-repeat padding-box;
    border-radius: 20px;
    padding: 20px 30px;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}
.faq .question-container a{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 24px;
    color: #6CA8DE;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #164994;
    font-size: 16px;
    font-weight: bold;
}
.faq .question-container a[aria-expanded="true"],.faq .question-container a:hover{
    color: #6CA8DE;
    cursor: pointer;
}
.faq .question-container a[aria-expanded="true"] i{
    color: #164994;
}
.faq .question-container a[aria-expanded="true"] i::before{
    content: "\f078";
}
.faq .question-container div.sow{
    padding: 20px 20px 0;
    color: #737373;
    font-size: 14px;
}


/* PUSCHASE ORDEDR PAGE */
.purchase-order .nav-pills{
    width: 100%;
}
.purchase-order .inputs-group{
    background-color: #F0F2F5;
    border-radius: 20px;
    padding: 30px;
    margin-bottom: 20px;
}
.purchase-order .inputs-group .form-control, .purchase-order .inputs-group .form-select, .purchase-order .inputs-group .select2-selection__rendered{
    background-color: #fff;
}
.purchase-order .radio-buttons{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff 0% 0% no-repeat padding-box;
    border-radius: 25px !important;
    height: 40px;
    position: relative;
    border: none;
    color: #B0B8BC;
}
.purchase-order .radio-buttons .custom-control{
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.purchase-order .col-4{
    display: flex;
    align-items: center;
}
.purchase-order .form-check-input:checked[type=radio]{
    background-image: unset;
    background-color: #164994;
    border: none;
    box-shadow: none;
    outline: none;
}


.purchase-order .corporate-details p:first-child{
    color: #252525;
    font-size: 14px;
}
.purchase-order .corporate-details .nav .nav-item{
    font-weight: bold;
}
.purchase-order .corporate-details .nav .nav-item a{
    font-weight: normal;
    color: #211E1F;
}
.purchase-order .corporate-details .nav .nav-item a.whatsapp{
    color: #164994;
    text-transform: uppercase;
    text-decoration: underline;
}
.purchase-order .corporate-details .nav .nav-item a.whatsapp:hover{
    text-decoration: none;
}
.purchase-order .corporate-details .nav .nav-item:not(:last-child){
    margin-bottom: 5px;
}
.purchase-order .corporate-details .nav .nav-item .icon{
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: #164994;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
}
.purchase-order .corporate-details .nav .nav-item .icon i{
    color: #fff;
    font-size: 14px;
}
.purchase-order .fill-form-instruction{
    background-color: #CEE6EF;
    border-radius: 21px;
    text-align: center;
    color: #164994;
    width: fit-content;
    padding: 5px 30px;
    margin: 20px auto 0;
}
.purchase-order .fill-form-instruction p{
    margin-bottom: 0;
}

.custom-control-input~.custom-control-label{
    width: 100%;
    height: 100%;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.form-check-input{
    background-color: transparent;
    border: 1px solid #B0B8BC;
}
.custom-control-input:checked~.custom-control-label{
    background-color: #164994;
    color: #fff;
}
.purchase-order .radio-buttons .custom-control input{
    opacity: 0;
    position: absolute;
}
/* Empty search page */
.form-container{
    background-color: #F0F2F5;
    border-radius: 20px;
    padding: 30px;
    margin-bottom: 20px;
}
.form-container .form-control{
    background-color: #fff;
}

@media(max-width:1000px){
    .form-container{
        padding: 20px;
    }
}

/* About us page */
.about{
    background: transparent linear-gradient(180deg, #6CA8DE 0%, #6CA8DE00 100%) 0% 0% no-repeat padding-box;
}

/* Offer strap car card */
.offer-strap{
    display: flex;
    width: fit-content;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
    background-color: #fff;
    margin-left: -20px;
}
.offer-strap p:first-child{
    background-color: #164994;
    color: #fff;
    margin-bottom: 0;
    padding: 15px;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
    font-weight: bold;
}
.offer-strap p:last-child{
    color: #6CA8DE;
    margin-bottom: 0;
    padding: 15px;
}
.offer-strap p:last-child span{
    font-weight: bold;
}
.car-card:hover .offer-strap{
    background-color: #F0F2F5;
}



/* 3D SLIDER */
.Button {
display: inline-block;
padding: 20px;
margin: 0;
background-position: center center;
background-repeat: no-repeat;
color: #7a0715;
text-shadow: none;
vertical-align: middle;
cursor: pointer;
border: 0;
transition: color 300ms ease, background-color 300ms ease;
}
.Button h1 {
font-size: 2em;
line-height: 1.25em;
color: #FFF;
}
.Button.Small {
padding: 5px 10px;
font-size: small;
}
.Button.Block {
padding: 20px 40px;
/* width: 300px;
height: 200px; */
}
.flipster {
padding-bottom: 50px;
display: block;
margin: 0 auto;
width: 100%;
position: relative;
overflow-x: hidden;
overflow-y: visible;
}
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.hide {
display: none;
}
.show {
display: block;
}
.invisible {
visibility: hidden;
}
.affix {
position: fixed;
}
.flip-items {
display: block;
margin: 0 auto;
padding: 0;
list-style-type: none;
width: 100%;
transform: translate3d(0, 0, 0);
transform-origin: 50% 50%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
box-sizing: content-box;
}
.flip-item {
display: block;
margin: 0 auto;
padding: 0;
list-style-type: none;
position: absolute;
opacity: 0.99;
}
.flip-item img {
display: block;
width: 100%;
}
.flip-past {
cursor: pointer;
}
.flip-future {
cursor: pointer;
}
.flip-next {
cursor: pointer;
}
.flip-prev {
cursor: pointer;
}
.flipster-coverflow .flip-items {
transition: all 350ms ease-in-out;
position: relative;
padding-top: 2%;
padding-bottom: 5%;
}
.flipster-coverflow .flip-item {
display: block;
transition: all 175ms ease-in-out;
transform-origin: 50% 50%;
perspective: 800px;
position: absolute;
width: 30%;
}
.flipster-coverflow .flip-content {
transition: all 350ms ease-in-out;
-webkit-box-reflect: below 0 -webkit-gradient(linear, left bottom, left top, color-stop(0.05, rgba(255, 255, 255, 0.12)), color-stop(0.2, transparent));
}
.flipster-coverflow .flip-past .flip-content {
transform: rotateY(55deg) scale(0.75);
}
.flipster-coverflow .flip-future .flip-content {
transform: rotateY(-55deg) scale(0.75);
}
.flipster-coverflow .flip-current .flip-content {
transform: rotateY(0deg);
}
.flipster-coverflow .flip-hidden {
visibility: hidden;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.flipster-coverflow.no-rotate .flip-past .flip-content {
transform: scale(0.75);
}
.flipster-coverflow.no-rotate .flip-future .flip-content {
transform: scale(0.75);
}
.flipster-carousel .flip-items {
perspective: 2000px;
}
.flipster-carousel .flip-items img {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.flipster-carousel .flip-item {
transform: translate3d(0, 0, 0);
transition: all 350ms ease-out;
}
.flipster-carousel .flip-past {
transform: translateX(-80%) translateZ(0) rotateY(80deg) scale(0.65);
-webkit-opacity: 0.6;
-moz-opacity: 0.6;
opacity: 0.6;
z-index: 1;
transition-delay: 87.5ms;
}
.flipster-carousel .flip-future {
transform: translateX(80%) translateZ(0) rotateY(-80deg) scale(0.65);
-webkit-opacity: 0.6;
-moz-opacity: 0.6;
opacity: 0.6;
z-index: 1;
transition-delay: 87.5ms;
}
.flipster-carousel .flip-prev {
transform: translateX(-60%) translateZ(0) rotateY(60deg) scale(0.8);
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
z-index: 2;
transition-delay: 58.33333333ms;
}
.flipster-carousel .flip-next {
transform: translateX(60%) translateZ(0) rotateY(-60deg) scale(0.8);
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
z-index: 2;
transition-delay: 58.33333333ms;
}
.flipster-carousel .flip-current {
z-index: 999;
transform: rotateY(0deg);
transition-delay: 58.33333333ms;
}
.flipster-carousel .flip-hidden {
visibility: hidden;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
transform: rotateY(0deg) translateX(0) scale(0.5);
transition-delay: 116.66666667ms;
}
.flipto-prev{
position: absolute;
top: 50%;
left: 20px;
transform: translateX(-50%);
}
.flipto-next{
position: absolute;
top: 50%;
right: 20px;
transform: translateX(-50%);
}
.no-csstransforms .flipster-carousel .flip-item {
transition: none;
}
.no-csstransforms .flipster-carousel .flip-past {
left: -20%;
top: 40%;
width: 50%;
height: 50%;
}
.no-csstransforms .flipster-carousel .flip-future {
left: 88%;
top: 40%;
width: 50%;
height: 50%;
}
.no-csstransforms .flipster-carousel .flip-prev {
left: -9%;
top: 20%;
width: 75%;
height: 75%;
}
.no-csstransforms .flipster-carousel .flip-next {
left: 39%;
top: 20%;
width: 75%;
height: 75%;
}
.flipster-carousel.no-rotate .flip-past {
transform: translateX(-80%) translateZ(0) scale(0.65);
}
.flipster-carousel.no-rotate .flip-future {
transform: translateX(80%) translateZ(0) scale(0.65);
}
.flipster-carousel.no-rotate .flip-prev {
transform: translateX(-60%) translateZ(0) scale(0.8);
}
.flipster-carousel.no-rotate .flip-next {
transform: translateX(60%) translateZ(0) scale(0.8);
}
.no-csstransforms3d .flipster-carousel .flip-past {
transform: translateX(-56%) scale(0.5);
}
.no-csstransforms3d .flipster-carousel .flip-future {
transform: translateX(56%) scale(0.5);
}
.no-csstransforms3d .flipster-carousel .flip-prev {
transform: translateX(-24%) scale(0.75);
}
.no-csstransforms3d .flipster-carousel .flip-next {
transform: translateX(24%) scale(0.75);
}
.no-transition {
transition-duration: 0ms !important;
}
footer .input-group .btn-filled{
    min-width: unset;
}
footer .input-group .btn-filled i{
    color: #fff;
    margin-right: 5px;
}
footer .input-group{
    margin: 20px 0;
}
.input-group>.form-control{
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background-color: #fff;
}
.lang{
    position: relative;
}
.lang span{
    position: absolute;
    top: 0px;
    left: -10px;
    background-color: #164994;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    padding: 2px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.whatsapp-btn{
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 65px;
    z-index: 999;
}