@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap');

:root {
    --font-primary: "Almarai", sans-serif;
}

/* الخط الأساسي للموقع */
html,
body {
    font-family: "Almarai", sans-serif !important;
}

/* العناوين والنصوص والعناصر */
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
a,
li,
label,
button,
input,
textarea,
select,
strong,
b,
small,
div {
    font-family: "Almarai", sans-serif !important;
}

.kf-frozen-eyebrow,
.kf-journey-eyebrow,
.kf-values-eyebrow,
.kf-why-editorial-eyebrow,
.kf-our-story-eyebrow,
.kf-journey-eyebrow,
.kf-vmg-eyebrow,
.kf-values-eyebrow,
.kf-why-editorial-eyebrow,
.kf-brands-eyebrow,
.kf-company-story-eyebrow,
.kf-company-story-note,
.kf-production-eyebrow,
.kf-quality-eyebrow,.kf-quality-eyebrow,
.kama-quality-overline,
.kama-services-eyebrow,
.kama-world-eyebrow,
.kama-why-eyebrow,
.kama-products-results-caption,
.kama-service-label,.kf-quality-eyebrow {
    font-size: 12.5px !important;
}

.kama-why-feature-text p {
    font-size: 12.5px;
}

.kama-world-cta-content p,.kf-quality-safety-point p,.kf-quality-cta-content p {
    font-size: 14px;
}

.kf-quality-control-item p {
    font-size: 14px;
}

.kf-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(270deg,
            rgba(11, 32, 25, 0.94) 0%,
            rgba(22, 58, 46, 0.86) 34%,
            rgba(22, 58, 46, 0.58) 60%,
            rgba(10, 30, 23, 0.22) 100%),
        linear-gradient(0deg,
            rgba(10, 30, 23, 0.56) 0%,
            transparent 32%,
            rgba(10, 30, 23, 0.08) 100%);
}

/* Subtle Brand Lighting */

.kf-hero-glow {
    position: absolute;
    z-index: 1;
    top: -20%;
    right: -10%;
    left: auto;
    width: 58%;
    height: 120%;
    background: radial-gradient(ellipse at center,
            rgba(31, 78, 61, 0.25) 0%,
            rgba(31, 78, 61, 0.08) 45%,
            transparent 72%);
    pointer-events: none;
}


@media (max-width: 991px) {


    .kf-hero-overlay {
        background:
            linear-gradient(270deg,
                rgba(11, 32, 25, 0.92) 0%,
                rgba(22, 58, 46, 0.78) 58%,
                rgba(10, 30, 23, 0.38) 100%),
            linear-gradient(0deg,
                rgba(10, 30, 23, 0.55),
                transparent 60%);
    }


}

.kf-company-story-benefit p {
    font-size: 13px;
}


.kama-world-cta-content h3::before {
    left: unset;
    right: 0;
}

.kama-world-cta-content h3 {
    padding-left: unset;
    padding-right: 13px;
}

html body .kf-story-stats .kf-story-stat .kf-story-stat-label {
    font-size: 14px !important;
}

.kf-journey-left {

    padding-right: unset;
    padding-left: 45px;
}

.kf-journey-left .kf-journey-marker {
    left: unset;
    right: 12px;
}

.kf-journey-left::after {
    right: unset;
    left: -10px;
}

.kf-journey-left::before {
    right: unset;
    left: 0 !important;
}

.kf-nav-dropdown-menu>a::before{
    left: unset;
    right: 0;
}


.kf-hero-controls {

  right: unset;
    left: max(42px, calc((100vw - 1320px) / 2 + 42px));

}