/*landing*/
.landing {

    position: relative;
    background-image: url('../../images/slider1.webp');
    width: 100%;
    /* min-height: 845px; */
    background-position: center;
    background-size: cover;
}

.landing h1 {
    font-size: 4.9rem;
}
.landing h1:lang(en) {
    font-size: 3.6rem;
}

.landing .hed,
.landing .desc {
    color: #fff;
}

.landing .btn_about {
    background-color: var(--sec-site);
    color: #fff;
    border-radius: 20px;

    transition: all .5s ease;
}

.landing .btn_about:hover {
    background-color: rgb(5 160 160);
    color: #fff;

}

.landing .btn_service {
    background-color: var(--main-site);
    color: #fff;
    border-radius: 20px;
    transition: all .5s ease;
}

.landing .btn_service:hover {
    background-color: rgb(60 144 53);
    color: #fff;
}



.landing .btn_service:hover i,
.landing .btn_about:hover i {
    transform: unset;
}
.landing .btn_service:hover i:lang(en),
.landing .btn_about:hover i:lang(en) {
    transform: unset;
}

.landing .btn_service i,
.landing .btn_about i {
    transition: all .5s ease;
    transform: rotate(-119deg);
}
.landing .btn_service i:lang(en),
.landing .btn_about i:lang(en) {
    transition: all .5s ease;
    transform: rotate(-45deg);
}

/* about */
.about .hed_about {
    color: var(--main-site)
}

.about .desc_about {
    color: var(--third-site);
}
.static_number{
    color: var(--main-site);
}


/*Services*/
.services .hed_services {
    color: var(--main-site)
}

.services .desc_services {
    color: var(--third-site);

}

.services .icon_services {
    position: absolute;
    top: 12%;
    color: #fff;
    font-size: 20px;
}

.services .service_img {
    position: relative;

}

.services .service_img i {
    font-size: 25px;

}

.services .service_img .arrow_icon {
    transform: rotate(45deg);
}

.services .layer {
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0;
    background-color: transparent;
    transition: 1s;
}

.services .content {
    position: absolute;
    bottom: 0;
    color: #fff;
}

.services .service_img:hover .layer {
    width: 100%;
    height: 100%;
    background-color: var(--sec-site);
}

/*credits*/
.credits .hed_credits {
    color: var(--sec-site);
    position: relative;
}

.credits .hed_credits::after {
    content: "";
    width: 15%;
    position: absolute;
    height: 2px;
    background-color: rgba(0, 0, 0, 0.2);
    bottom: 0;
    right: 0;
}

.credits .hed_desc {
    color: var(--third-site);
}

.credits .credits_img {
    width: 200px;
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 0px solid transparent;

    transition: all 1s ease-in-out;

}

.credits .credits_img:hover {
    border: 1px solid var(--main-site);

    width: 200px;
    min-height: 200px;
}

/*devices*/
.devices .device_img {
    background-color: var(--sec-site);
}

.devices .device_name {
    color: var(--sec-site);
    ;
}

.devices .device_desc {
    color: var(--third-site);

}

.devices .btn_go {
    background-color: var(--sec-site);
    color: #fff;
}

.devices .device_hed {
    color: #fff;
}

#device_input::placeholder {
    color: var(--sec-site);
}



/*vehicles*/
.vehicles .vehicle_content {
    background-color: var(--sec-site);
    color: #fff;
}

.vehicles .vehicle_hed {
    color: var(--sec-site);
}

/*certificates*/
.certificates .hed_certificates {
    color: var(--main-site)
}

.certificates .desc_certificates {
    color: var(--third-site);

}

.certificates .arrow_circle {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--main-site);
    color: var(--main-site);
}

.certificates .btn {
    color: var(--main-site);

}

.certificates .arrow_circle i {
    transform: rotate(45deg);
}

.certificates .certificate_img {
    padding: 5px;
    border: 1px solid rgba(191, 191, 191, 1);
    height: 530px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.certificates .certificate_img img {
    transition: height 1s ease;
}

.certificates .certificate_img:hover .img1 {
    height: 530px;
}

.certificates .certificate_scale {
    transform: scaleY(1.15) translate(0px, -34px);
}

.owl-stage-outer {
    direction: ltr !important;
}

.owl-stage {
    display: flex !important;
    align-items: end !important;

}

/*opinions*/

.opinions_content {
    background-color: rgba(230, 248, 248, 1);
}






.certificates .owl-carousel .owl-nav button.owl-prev,
.certificates .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: linear-gradient(132.77deg, #3BAF5E 0%, #88BD86 100%);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.owl-carousel .owl-nav button.owl-next {
    left: -4%;
}

.owl-carousel .owl-nav button.owl-prev {
    right: -4%;
}

.opinions .owl-carousel .owl-nav button.owl-prev,
.opinions .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: rgba(0, 185, 184, 1);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.owl-theme .owl-dots .owl-dot span {    background: rgba(176, 233, 233, 1);

}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {    background: rgba(0, 185, 184, 1);

}

@media (max-width:900px) {

    .certificates .owl-carousel .owl-nav button.owl-prev,
    .certificates .owl-carousel .owl-nav button.owl-next {
        display: none;
    }

    .opinions .owl-carousel .owl-nav button.owl-prev,
    .opinions .owl-carousel .owl-nav button.owl-next {
        display: none;

    }

}

.desc{
    font-size: 24px;
}
.hed_content {
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow-y: clip;
    -webkit-box-orient: vertical;
}
/* .heder{
    margin-top: 11rem !important;
} */

.certificates .arrow_circle i:lang(ar) {
    transform: rotate(-45deg);
}
.sec-hero-overlay {
    background: rgb(0 0 0 / 56%);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.hed_landing{
    color: rgb(79 182 70);
}
.guarantee{
    color: rgb(0 185 184);
}
.guarantee-input{
    background-color: rgb(0 185 184) !important;
    color: white !important;
}

.engines-size{
    direction: ltr !important;
    position: relative;
    z-index: 1;
}

@media (max-width:500px) {
    .form_img_car{
        height: 180px;
        object-fit: contain !important;
    }
    .credits .credits_img {
        width: 100%;
        min-height: 200px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        border: 0px solid transparent;
        transition: all 1s ease-in-out;
    }

}

@media (max-width:320px) {
    .landing h1:lang(en) {
        font-size: 3rem;
    }
    .landing .btn_about {
        background-color: var(--sec-site);
        color: #fff;
        border-radius: 20px;
        transition: all .5s ease;
        font-size: 13px;
    }
}