body {
    font-family: 'Poppins', sans-serif;
}

:root {
    --primary-coloy: #EEC600;
}

a {
    text-decoration: none;
    color: initial;
}

img {
    object-fit: cover;
}

.mainPadding {
    padding: 0 80px;
}

.textWidth {
    width: 50%;
}

.priButton,
.priButton:hover {
    background-color: var(--primary-coloy);
    padding: 12px 24px;
}

/* -------------------cover----------------- */
.carousel-control-btn{
    right: 12%;
    bottom: 10% !important;
    top: auto;
}
.cover .carousel .carousel-control-prev ,.cover .carousel .carousel-control-next{
    width: 40px !important;
    aspect-ratio: 1;
    background-color: var(--primary-coloy);
}

.aaa {
    overflow-x: clip;
}

.aaa .navbar {
    z-index: 10;
    transition: background-color 1s ease;
}

.aaa .navbar .text-white {
    color: #000000 !important;
}

.aaa .navbar .nav-link {
    color: #000000 !important;
}

.aaa .navbar .navbar-brand {
    width: 200px;
}

.aaa .navbar .nav-item .active {
    color: var(--primary-coloy) !important;
}

.aaa .navbar input {
    box-shadow: none;
}

.aaa .navbar .navbar-nav-scroll::-webkit-scrollbar {
    display: none;
}

.aaa .navbar .dropdown-menu li {
    position: relative;
}

.aaa .navbar .dropdown-menu li a:active,
.aaa .navbar .dropdown-menu li a:hover {
    background-color: #EEC600;
}

.aaa .navbar .dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
}

.aaa .navbar .dropdown-menu>li:hover>.dropdown-submenu {
    display: block;
}

.aaa .navbar .divisions .dropdown-menu .dropdown-item img {
    width: 130px;
    aspect-ratio: 1;
}

.aaa .navbar .divisions .dropdown-menu {
    top: 138px;
}


.aaa .navbar .dropdown-hover:hover>.dropdown-menu {
    display: inline-block;
}

.aaa .navbar .dropdown:hover>.dropdown-menu {
    display: block;
}

/* .dropdown-hover>.dropdown-toggle:active {
    Without this, clicking will make it sticky
    pointer-events: none;
} */
#video-background {
    object-fit: cover;
}

.aaa .cover .box {
    width: 50%;
    z-index: 2;
}
.aaa .cover .box.boxBlur{
    backdrop-filter: blur(12px);
}
.aaa .cover .swiper {
    right: 80px;
}
.aaa .cover.coverPadding{
    padding-top: 128px !important;
    padding-bottom: 50px !important;
}
.aaa .cover .contact-btn .fa-arrow-right {
    transition: all .3s ease;
    /* border-color: #ffffff !important; */
}

.aaa .cover .contact-btn:hover .fa-arrow-right {
    background-color: var(--primary-coloy);
    color: #ffffff;
    border: 2px solid var(--primary-coloy) !important;
}

.aaa .cover .swiper .swiper-slide img {
    width: 36%;
}

.aaa .home .about .box:hover,
.aaa .about-us .why-us .box:hover {
    background-color: #eec60039;
}

.aaa .home .about .box .fa-solid,
.aaa .about-us .why-us .box .fa-solid {
    color: var(--primary-coloy);
    aspect-ratio: 1;
    width: 50px;
}

.aaa .home .best-service .box {
    aspect-ratio: 1/1.2;
}

.aaa .home .best-service .box .layer {
    background: linear-gradient(to top, #0000009c 0%, #ffffff80 100%);
    transition: all .5s ease-out;
}

.aaa .home .best-service .box:hover .layer {
    background-color: #eec600a8;
    align-items: center !important;
}

.aaa .home .client .swiper-2 .swiper-slide .card {
    aspect-ratio: 1/.7;
}

.aaa .home .client .swiper-2 .swiper-slide .card img {
    object-fit: contain;
}

/* .aaa .home .client .swiper-2 .swiper-wrapper .swiper-slide:not(.swiper-slide-active) {
    filter: blur(6px);
} */

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 22px !important;
}

.aaa .contact-box h3,
.aaa .contact-box p {
    color: #000000 !important;
}

.aaa .contact .get-in-touch input,
.aaa .contact .get-in-touch textarea {
    box-shadow: none;
}

.aaa .contact .map .box {
    height: 450px;
    border: 5px solid var(--primary-coloy);
}

.aaa .contact .map .box .layer {
    background-color: #eec6003a;
}

.aaa .products h4 {
    color: #000000 !important;
}

.aaa .products.oilField h4 {
    color: #ffffff !important;
}

.aaa .products .product-logo img {
    height: 80px;
    object-fit: contain;
    max-width: 50%;
}

.aaa .division .best-division .ol {
    list-style-type: lower-alpha;
}

.aaa .footer .text-white {
    color: #000000 !important;
}

.preloader {
    z-index: 999;
    object-fit: cover;
}

.aaa .brands .logo-slide {
    display: inline-block;
    animation: brandSlide 15s infinite linear;
}

.aaa .brands .logo-slide img {
    height: 90px;
    margin: 0 40px;
}

.aaa .brands .brandsAni:hover .logo-slide {
    animation-play-state: paused;
}

@keyframes brandSlide {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}


@media (max-width: 991.98px) {
    .aaa .navbar .navbar-collapse {
        background-color: rgb(255, 255, 255);
    }

    .aaa .cover .swiper .swiper-slide img {
        width: 40%;
    }

    .textWidth {
        width: 100%;
    }

    .aaa .navbar .dropdown-menu {
        width: 100% !important;
    }

    .aaa .navbar .divisions .dropdown-menu {
        transform: translate(0%, 0%) !important;
    }

    .aaa .navbar .dropdown-menu .dropdown-submenu {
        position: relative;
        left: 0%;
        top: 0px;
    }
}

@media (max-width: 767.98px) {
    .mainPadding {
        padding: 0 12px;
    }

    .aaa .cover .swiper {
        right: 12px;
    }

    .aaa .home .best-service .row {
        margin: 0 -4px;
    }

    .aaa .products .row {
        margin: 0 -4px;
    }
}

@media (max-width: 575.98px) {
    .aaa .cover .box {
        width: 100%;
    }

    .aaa .contact .contact-us .oman {
        border: none !important;
    }

    .aaa .cover .swiper .swiper-slide img {
        width: 60%;
    }

    .aaa .products .product-logo img {
        height: 50px;
        max-width: 100%;
    }

    a {
        white-space: normal !important;
    }
    .carousel-control-btn{
        right: 20%;
    }
}