header .top-header
{
    background: #664210 !important;
}
.car-logo {
    max-height: 80px;
    object-fit: contain;
    margin: auto;
}
.section-logo-car
{
    background: #F6F6F6;
}
.about-rent-car
{
    color: #774C10 !important;
    font-family: "Playfair Display" !important;
    font-size: 38.76px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.text-about-rent
{
    color: #323232;
    text-align: justify;
    font-family: Inter !important;
    font-size: 21.42px;
    font-style: normal;
    font-weight: 200;
    line-height: 37.74px; /* 176.19% */
}
.underline-left
{
    border-radius: 193.8px;
    background: #774C10;
    margin-top: 3px;
}
.text-brown {
    color: #774C10;
}


.feature-card {
    background: #fff;
    transition: all 0.3s ease-in-out;
    border-radius: 10.56px;
    width: 167.182px;
    height: 186.12px;
    flex-shrink: 0;
}
.text-feature
{
    color: #323232;
    text-align: justify;
    font-family: Inter !important;
    font-size: 21.42px;
    font-style: normal;
    font-weight: 400;
    line-height: 37.74px; /* 176.19% */
}

.feature-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.1);
}
.features-grid
{
    margin-left: 3rem;
}
.hero-section
{
    min-height: 120vh;
    background: url('../images/background-rent-car.png') center center / cover no-repeat;
    position: relative;
    z-index: -1
}
#header
{
    background-color: rgba(0, 18, 64, 0.05) !important;
}
header .lang-switch .lang-toggle-switch .lang-slider , .lang-switch
{
    border-radius: 16.084px;
    background: #774C10 !important;
}
.luxury-section {
    height: 60vh;
    background-image:
            url('../images/luxury-background.png');
    background-size: cover;
    background-position: center;
    padding: 100px 0;
}

.section-underline {
    width: 60px;
    height: 4px;
    background-color: #fff;
    border-radius: 2px;
}
.title-luxury
{
    color: #FFF;
    text-align: center;
    font-family: "Playfair Display";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px; /* 150% */
}
.hero-book
{
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);color: #FFF;
    font-family: Monoton;
    font-size: 50px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
.lead
{
    color: #FFF;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;"
}
.text-features
{
    color: #05073C;
    text-align: center;
    font-family: Inter;
    font-size: 12.478px;
    font-style: normal;
    font-weight: 400;
    line-height: 17.16px; /* 137.521% */
}
.head-features
{
    color: #05073C;
    text-align: center;
    font-family: Inter;
    font-size: 13.469px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 23.76px; /* 153.6% */
}
.contact-call h2
{
    color: #D08616 !important;
    text-align: center;
    font-family: "Playfair Display" !important;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px; /* 104.167% */
}
.btn-custom
{
    border-radius: 38px;
    border: 2px solid #774C10;
    background: linear-gradient(90deg, #774C10 0%, #D08616 100%) !important;

}
footer
{
    background: linear-gradient(90deg,  #774C10 36.06%, #D08616 100%) !important;
}
.search-icon
{
    display: none !important;
}
.navbar-toggler
{
    background-color: #fff !important;
}
.section-logo-car
{
    height: 129px;
}
.section-logo-car img
{
width: 100% !important;
height: 100% !important;
}
.image-features
{
    width: 48px;
}
@media (max-width: 768px)
{
    .app-buttons
    {
        text-align: center !important;
    }
    .app-buttons img
    {
        height: 63px;
    }
    #header
    {
        background-color: #ccc !important;
        z-index: 10;
    }
    .lead
    {
        display: none;
    }
    .search-icon
    {
        display: none !important;
    }
    .feature-card
    {
        width: 70% !important;
        margin: 0 auto;
    }
    .image-features
    {
        width: 40px;
    }
    .features-grid
    {
        margin-left: 0px;
    }
}

@media (max-width: 999px) and (orientation: landscape) {
    header #navbar .navbar-nav li a {
        color: #000 !important;
    }
}
@media (max-width: 1399px)
{
    .hero-section
    {
        min-height: 130vh;
    }
}