body {
    background-color: #111111;
    font-optical-sizing: auto;
    font-style: normal;
    color: #E2DCD6;
    font-family: "Raleway", sans-serif;
}

.gradient-bg {
    background: radial-gradient(circle,
            #1A1A1A 0%,
            #1A1A1A 40%,
            #050505 100%);
}

/*** Home Page ***/
section.hero {
    height: calc(100vh - 80px) !important;
    background: radial-gradient(circle,
            #1A1A1A 0%,
            #1A1A1A 40%,
            #050505 100%);
}

@media (min-width: 1024px) {
    section.hero {
        background-image: url('../img/bg-cover.png');
        background-repeat: no-repeat;
        background-position: center right;
    }

    :dir(rtl) section.hero {
        background-image: url('../img/bg-cover-rtl.png');
        background-repeat: no-repeat;
        background-position: center left;
    }
}

.border-custom-dashed {
    border: 1px dashed #F16C24;
}

#about-us {
    background: linear-gradient(rgba(91, 34, 14, 0.8), rgba(91, 34, 14, 0.8)),
        url("../../assets/img/bg-about-us.webp");
    background-size: cover;
    background-position: center;
}

#oil .card {
    min-height: 550px;
}

.card {
    padding: 5px;
}

.card .number {
    border-radius: 10% 100% 100% 100%;
}

:dir(rtl) .card .number {
    border-radius: 100% 10% 100% 100%;
}