.header-brand {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 70vh
}

@media (max-width:575px) {
    .header-brand {
        height: 32vh
    }
}

@media (max-width:767px) {
    .header-brand {
        height: 40vh
    }
}

@media (max-width:991px) {
    .header-brand {
        height: 50vh
    }
}

@media (max-width:575px) {
    .div-header-logo-name {
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important
    }
}

@media (max-width:1199px) {
    .div-header-logo-name img {
        width: 90px !important
    }
}

.title-header-brand {
    color: #fff;
    font-size: 50px;
    letter-spacing: 3px;
    padding-left: 15px
}

.title-header-brand:lang(ar) {
    padding-left: 0;
    padding-right: 15px
}

@media (max-width:575px) {
    .title-header-brand {
        color: #fff;
        font-size: 37px;
        letter-spacing: 3px;
        padding: 0
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .title-header-brand {
        font-size: 40px
    }
}

.v-line {
    height: 104px;
    border-right: 4px solid var(--red-color)
}

@media (max-width:767px) {
    .v-line {
        display: none
    }
}

.section-description-brand {
    position: relative;
    z-index: 1
}

.title-section-description-brand {
    letter-spacing: 3px
}

.title-section-description-brand {
    color: var(--main-color);
    letter-spacing: 2px;
    font-size: 50px
}

@media (max-width:575px) {
    .title-section-description-brand {
        font-size: xx-large
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .title-section-description-brand {
        font-size: 40px
    }
}

.line {
    height: 1px !important;
    background-color: var(--red-color) !important;
    opacity: 1 !important;
    width: 90%
}



.branch-title-brand {
    font-size: 29px
}

@media (max-width:575px) {
    
    .branch-title-brand {
        font-size: 18px
    }
}

ul {
    margin-bottom: 0 !important
}

p {
    font-size: 16px !important;
    font-family: "DIN Regular";
    color: #0B2145 !important;
	opacity:57% !important;
    margin-bottom: 0 !important
}

@media (max-width:575px) {
    p {
        line-height: 1.5 !important;
        font-size: 16px !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    p {
        font-size: 16px
    }
}



.input-search {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    position: relative
}





@media (min-width:992px) and (max-width:1199px) {
    .btn-search img {
        width: 20px !important
    }
}

@media (max-width:413) {
    .btn-search img {
        width: 20px !important
    }
}







.line-all-brands {
    width: 70%
}

.ul-all-brands {
    list-style: none;
    padding: 0;
    margin: 0
}

.a-url-all-brands {
    text-decoration: none;
    color: #000 !important;
    display: flex;
    align-items: center
}

.icon-all-brands {
    height: unset !important;
    transition: transform .5s
}


@media (max-width:413px) {
    .title-link-all-brands {
        font-size: 18px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .title-link-all-brands {
        font-size: 19px
    }
}



.div-all-posts-services {
    background-color: #f8f9f9;
    padding: 50px 44px
}

@media (max-width:575px) {
    .div-all-posts-services {
        padding: 37px 29px 0 29px
    }
}

@media (max-width:992px) and (min-width:1199px) {
    .div-all-posts-services {
        padding: 50px 23px
    }
}

.title-all-posts-services {
    color: var(--main-color);
    font-size: 27px;
    letter-spacing: 4px
}

.ul-posts-services {
    list-style: none;
    padding: 0;
    margin: 0
}

.a-link-post-services {
    text-decoration: none;
    color: #000 !important;
    display: flex;
    align-items: center
}





@media (max-width:413px) {
    .title-post-service {
        font-size: 18px !important
    }
}

@media (max-width:991px) {
    .title-post-service {
        line-height: 1.1 !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .title-post-service {
        line-height: 1.1 !important;
        font-size: 19px !important
    }
}



.desc-post-service {
    font-size: 14px !important;
    line-height: unset !important
}

.slick-slide-img-car .slick-dots {
    bottom: 20px !important;
    left: 50% !important;
    transform: translate(-50%, 0)
}

.slick-dots li button:before {
    width: 19px;
    height: 4px;
    border-radius: 10px;
    background-color: var(--gray-color);
    content: "";
    transition: transform .5s;
    opacity: .85
}

.slick-dots li.slick-active button:before {
    background-color: var(--white-color);
    transform: scaleX(1.5);
    opacity: 1
}

.img-slick-slide-img-car {
    width: 100%
}

.div-link-result-search {
    height: fit-content;
    display: none;
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 54px;
    left: 0;
    box-shadow: 11px 4px 13px -13px #000, -11px 5px 14px -11px #000
}

.ul-result-search {
    width: 100%;
    max-height: 250px;
    background-color: #fff;
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: auto
}

.ul-result-search::-webkit-scrollbar {
    width: 5px
}

.ul-result-search::-webkit-scrollbar-track {
    background-color: transparent
}

.a-link-search-tag {
    text-decoration: none;
    color: var(--main-color);
    transition: background-color .5s
}

.a-link-search-tag p {
    transition: color .5s;
    text-align: start !important
}

.a-link-search-tag:hover p {
    color: #fff !important
}

.a-link-search-tag:hover {
    background-color: var(--red-color)
}


ul div.d-flex.align-items-center {
    align-items: start !important
}



a svg {
    width: 25px !important;
    height: fit-content !important
}

a:hover #icons8-whatsapp {
    fill: var(--red-color) !important
}

.btn-germ {
    color: #fff !important;
    text-decoration: none;
    padding: 7px 12px;
    border-radius: 6px;
    font-family: "DIN Regular";
    font-size: 19px;
    display: flex
}