/** theme color changes start **/
:root {
    --bs-primary: #134a88;
}

.bg-primary {
    background-color: var(--bs-primary) !important;
}

.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

a {
    color: var(--bs-primary);
}

.social-media strong {
    color: white;
}

.banner-content .btn {
/*background-color: var(--bs-primary)*/
}

/** theme color changes end **/

html[lang="ar"] {
    direction: rtl;
}

html[lang="ar"] .section-slider .nav-links {
    left: 0;
    right: auto;
}

body.header-inner header {
    position: relative !important;
}

button[data-brand="3"] img {
    width: 170px;
}

.form-group label.error {
    color: red;
}

.owl-nav {
    display: none;
}

.link-arabic .icon-country {
    margin: 0;
}

div[data-href] {
    cursor: pointer;
}

.content-info-block {
    border-radius: 10px;
    background: #F7F7F7;
    padding: 31px 37px 31px 35px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 250px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {}

.dropdown:hover .dropdown-content {
    display: block;
}

@keyframes bobbingAnim {
    0% {
        transform: translate(0px, -50px) rotateZ(0.001deg);
        animation-timing-function: ease-in-out
    }

    50% {
        transform: translate(0px, 15px) rotateZ(0.001deg);
        animation-timing-function: ease-in-out
    }

    100% {
        transform: translate(0px, 0px) rotateZ(0.001deg);
        animation-timing-function: ease-in-out
    }
}

.top-services li {
    cursor: pointer;
    animation-name: bobbingAnim;
    animation-duration: 4s;
}

.brand-engine-info .div-eng {
    background: #F7F7F7;
    padding: 20px;
    border-radius: 8px;
    margin-top: 20px;
}

.brand-engine-info .grades-slides-nav {
    margin-bottom: 35px;
}

.brand-engine-info .grades-slide-head {
    cursor: pointer;
    border-bottom: #dbdbdb 3px solid;
    position: relative;
}

.brand-engine-info .grades-slide-head h5,
.brand-engine-info .grades-slide-head h6 {
    font-weight: normal;
}

.brand-engine-info .grades-slide-head:not(.slick-current) h5,
.brand-engine-info .grades-slide-head:not(.slick-current) h6 {
    color: #999
}

.brand-engine-info .grades-slide-head.slick-current {
    border-bottom: var(--bs-primary) 3px solid;
}

.brand-engine-info .grades-slide-head.slick-current:after {
    position: absolute;
    left: 50%;
    bottom: 0;
    content: '';
    border-style: solid;
    border-width: 8px;
    border-color: transparent transparent var(--bs-primary) transparent;
}

.brand-engine-info .grades-slide-detail li {
    padding: 5px 0;
}


.brands-tabs{
    width: 100% !important;
}

.top-services ul li .content > div,
.top-services ul li .content > span,
.top-services ul li .content svg {
	pointer-events:none;
}