* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "Raleway",sans-serif;
        }

        :root {
            --primary: #00589f;
            --primary-dark: #d92d2d;
            --dark: #202020;
            --gray: #777;
            --light: #f7f7f7;
            --white: #fff;
            --brand-primary: #00589f;
            --brand-dark: #4c4c4c;
            --bg-light: #f7f7f5;
            --card-bg: #ffffff;
            --text-dark: #2d3136;
            --text-muted: #5a5f66;
            --footer-bg: #00589f;
            --page-bg: #ffffff;
            --footer-text: #ffffff;
            --footer-line: rgba(255,255,255,.35);
            --sag: clamp(24px, 3.1vw, 58px);
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            font-family: "Cairo", sans-serif;
            color: var(--dark);
            background: #fff;
            overflow-x: hidden;
        }

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

        img {
            max-width: 100%;
            display: block;
        }

        /* =========================
           HEADER
        ========================= */

        header {
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            z-index: 1000;
            background: transparent;
            backdrop-filter: none;
        }

        .navbar {
            width: min(1400px, 92%);
            height: 90px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 30px;
        }

        /* Logo */

        .logo {
            padding-left: 7%;
            display: flex;
            align-items: center;
            gap: 12px;
            font-size: 27px;
            font-weight: 800;
            white-space: nowrap;
        }

        .logo-icon {
            width: 42px;
            height: 52px;
        }

        .logo-icon::after {
            content: "";
            position: absolute;
            width: 15px;
            height: 45px;
            top: 3px;
            right: 12px;
            border-radius: 3px;
        }

        .logo span {
            color: #222;
        }

        .logo strong {
            color: var(--primary);
        }

        /* Navigation */

        .nav-links {
            display: flex;
            align-items: center;
            gap: 40px;
        }

        .nav-links a {
            position: relative;
            font-size: 15px;
            font-weight: 500;
            padding: 8px 0;
            color: #3a3a3c;
            transition: .3s;
        }

        .nav-links a:hover,
        .nav-links a.active {
            color: var(--primary);
        }

        .nav-links a.active::after {
            content: "";
            position: absolute;
            bottom: -8px;
            right: 0;
            width: 100%;
            height: 3px;
            background: var(--primary);
        }

        /* Header Actions */

        .header-actions {
            display: flex;
            align-items: center;
            gap: 4px;
        }

        .contact-btn {
            border: 1px solid var(--primary);
            color: var(--primary);
            padding: 9px 23px;
            border-radius: 30px;
            transition: .3s;
            font-weight: 600;
        }

        .contact-btn:hover {
            background: var(--primary);
            color: #fff;
        }

        .header-icon-btn,.language-btn {
    width: 50px;
    height: 50px;
    border: none;
    background: transparent;
    color: white;
    font-weight: 500;
    position: relative;
    z-index: 1;
        }
.header-icon-btn::before{
        background: #00589f;

}
.header-icon-btn::before,.language-btn::before {
    content: "";
    position: absolute;
    width: 32px;
    height: 32px;
    top: 16%;
    left: 19%;
    transform: rotate(45deg);
    z-index: -1;
    border-radius:20%
}
.language-btn{
    color: #3a3a3c !important;
}
.language-btn::before{
border: 1px solid #3a3a3c !important;
background: #fff !important;
}
        /* Mobile button */

        .menu-btn {
            display: none;
            border: 0;
            background: none;
            font-size: 30px;
            cursor: pointer;
        }

        /* =========================
           HERO
        ========================= */
/* =========================================
   HERO
========================================= */

.hero {
    min-height: 160vh;
    position: relative;
    overflow: hidden;

    display: flex;
    align-items: center;

    background:
        linear-gradient(
            90deg,
            rgba(0, 0, 0, .58) 0%,
            rgba(0, 0, 0, .48) 45%,
            rgba(0, 0, 0, .30) 75%,
            rgba(0, 0, 0, .20) 100%
        ),
        url("/images/factory.png");

    background-size: cover;
    background-position: center;
}


/* RTL */

[dir="rtl"] .hero {
    background:
        linear-gradient(
            -90deg,
            rgba(0, 0, 0, .58) 0%,
            rgba(0, 0, 0, .48) 45%,
            rgba(0, 0, 0, .30) 75%,
            rgba(0, 0, 0, .20) 100%
        ),
        url("/images/factory.png");

    background-size: cover;
    background-position: center;
}


/* =========================================
   SOCIAL LINKS
========================================= */

.social-links {
    position: absolute;
    left: 5%;
    top: 13%;

    display: flex;
    flex-direction: column;

    gap: 38px;

    z-index: 20;
    margin-bottom:36%;
}

.social-links a {
    writing-mode: vertical-rl;
    transform: rotate(180deg);

    color: #fff;
    text-decoration: underline;

    font-size: 16px;
    font-weight: 400;

    transition: .3s ease;
}
/* RTL social */

[dir="rtl"] .social-links {
    left: auto;
    right: 5%;
}


/* =========================================
   HERO CONTENT
========================================= */

.hero-content {
    width: 100%;
    margin: 0 auto;

    padding: 2% 7% 1%;

    position: absolute;
    top: 100vh;
    z-index: 10;
    background-color: rgba(76,76,76,0.6);
    padding-bottom:8%;
}


/* =========================================
   HERO NEWS SLIDER
========================================= */

.hero-news-slider {
    position: relative;
    width: 100%;
    max-width: 1250px;

    min-height: 270px;

    overflow: hidden;
}


/* =========================================
   SLIDE
========================================= */

.hero-slide {
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 60px;

    align-items: center;

    opacity: 0;
    visibility: hidden;

    transform: translateY(20px);

    transition:
        opacity 1s ease,
        transform 1s ease,
        visibility 1s ease;
}


/* Active */

.hero-slide.active {
    position: relative;

    opacity: 1;
    visibility: visible;

    transform: translateY(0);
}


/* =========================================
   EACH NEWS CARD
========================================= */

.news-item {
    display: flex;

    align-items: center;

    gap: 25px;

    min-width: 0;
}


/* =========================================
   IMAGE
========================================= */

.news-image {
    width: 168px;
    min-width: 168px;

    height: 168px;

    overflow: hidden;

    background: #fff;
}

.news-image img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    display: block;
}


/* =========================================
   TEXT
========================================= */

.news-text {
    color: #fff;

    flex: 1;
}

.news-text h2 {
    margin: 0 0 22px;

    font-size: 25px;

    line-height: 1.2;

    font-weight: 700;
}

.news-text a {
    color: #fff;

    text-decoration: none;

    font-size: 19px;
}

.news-text a span {
    display: inline-block;

    margin-left: 7px;

    font-size: 24px;

    transition: .3s;
}

.news-text a:hover {
    color: #ff3b3b;
}

.news-text a:hover span {
    transform: translateX(7px);
}


/* =========================================
   DOTS
========================================= */

.hero-dots {
    position: absolute;

    right: 80px;
    bottom: 44%;

    display: flex;

    gap: 8px;

    z-index: 30;
}

.hero-dots .dot {
    width: 10px;
    height: 10px;

    padding: 0;

    border: 0;

    border-radius: 50%;

    background: #222;

    cursor: pointer;

    transition: .3s;
}

.hero-dots .dot.active {
    background: #fff;
}


/* =========================================
   RTL
========================================= */

[dir="rtl"] .hero-dots {
    right: auto;
    left: 80px;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1200px) {

    .hero-slide {
        gap: 35px;
    }

    .news-item {
        gap: 15px;
    }

    .news-image {
        width: 180px;
        min-width: 180px;
        height: 190px;
    }

    .news-text h2 {
        font-size: 19px;
    }

    .news-text a {
        font-size: 16px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 768px) {

    .hero-news-slider {
        min-height: 480px;
    }

    .hero-slide {
        grid-template-columns: 1fr;

        gap: 30px;

        padding: 0 20px;
    }

    .news-item {
        width: 100%;

        display: flex;

        align-items: center;

        gap: 15px;
    }

    .news-image {
        width: 130px;
        min-width: 130px;

        height: 140px;
    }

    .news-text h2 {
        font-size: 16px;

        line-height: 1.25;

        margin-bottom: 12px;
    }

    .news-text a {
        font-size: 14px;
    }

    .news-text a span {
        font-size: 18px;
    }


    .hero-dots {
        right: 50%;

        bottom: 80px;

        transform: translateX(50%);
    }

    [dir="rtl"] .hero-dots {
        right: auto;
        left: 50%;

        transform: translateX(-50%);
    }
}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .hero-news-slider {
        min-height: 430px;
    }

    .news-item {
        gap: 10px;
    }

    .news-image {
        width: 105px;
        min-width: 105px;

        height: 115px;
    }

    .news-text h2 {
        font-size: 14px;
    }

    .news-text a {
        font-size: 12px;
    }
}

/* Image */

.news-image img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    display: block;
}


/* Text */

.news-text {
    color: #fff;
}

.news-text h2 {
    margin: 0 0 25px;

    font-size: 27px;
    line-height: 1.15;

    font-weight: 700;
}

.news-text a {
    color: #fff;

    text-decoration: none;

    font-size: 20px;
    font-weight: 500;

    transition: .3s ease;
}

.news-text a span {
    display: inline-block;

    margin-left: 8px;

    font-size: 25px;

    transition: .3s ease;
}

.news-text a:hover {
    color: #ff3d3d;
}

.news-text a:hover span {
    transform: translateX(7px);
}


/* =========================================
   DOTS
========================================= */

.hero-dots span {
    width: 15px;
    height: 15px;

    border-radius: 50%;

    background: #222;

    display: block;
}

.hero-dots span.active {
    background: #fff;
}


/* RTL */

[dir="rtl"] .hero-dots {
    right: auto;
    left: 80px;
}


/* =========================================
   WHITE CURVE AT BOTTOM
========================================= */

.hero-bottom {
    position: absolute;
    top: 100%;

    left: -5%;
    bottom: -260px;

    width: 110%;

    height: 390px;

    background: #fff;

    border-radius: 50% 50% 0 0 / 35% 35% 0 0;

    z-index: 12;
}


/* Small triangle / point */

.hero-bottom-point {
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);

    width: 75px;
    height: 45px;

    background: #fff;

    border-radius: 0 0 12px 12px;

    clip-path: polygon(
        50% 0,
        100% 100%,
        0 100%
    );
}


/* =========================================
   PRODUCTS
========================================= */

:root{
  --main:#00589f; --main-d:#003e72; --ink:#3b3b3b; --muted:#7f7f7f; --tabbg:#f4f4f4; --dark:#454545; --active:#06233d;
  --w:min(760px,90vw);
  box-sizing:border-box; padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);
}
*,*::before,*::after{box-sizing:inherit}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:#fff;color:var(--ink);font-family:'Raleway',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}
button{font:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--main);outline-offset:3px}

/* header arc: one SVG, exact geometry */
.head{position:relative;width:100%;aspect-ratio:700/220;margin:calc(var(--w) * -80 / 700) auto 0;z-index:20}
.head>svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.head h2{position:absolute;left:50%;top:30.5%;transform:translate(-50%,-50%);margin:0;font-size:clamp(14px,2.9vw,22px);font-weight:700;color:var(--ink);white-space:nowrap}
.pick{position:absolute;width:11.4%;height:36.4%;transform:translate(-50%,-50%);background:none;border:0;padding:0;color:#fff;transition:color .2s,transform .2s}
.pick svg{width:100%;height:100%;display:block;overflow:visible}
.pick:hover{transform:translate(-50%,-54%)}
.pick[aria-pressed="true"]{color:var(--active)}
.pick .lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.p1{left:29.3%;top:53.6%}.p2{left:42.6%;top:69.1%}.p3{left:57.4%;top:69.1%}.p4{left:70.7%;top:53.6%}

.wrap{width:90%;max-width:1000px;margin:0 auto}

/* product panel */
.panel{display:flex;gap:clamp(20px,5vw,50px);align-items:center;margin-top:28px;justify-content:center}
.panel .pic{flex:0 0 clamp(150px,26%,240px);aspect-ratio:3/4;background:#f1f1f1;overflow:hidden}
.panel .pic img,.panel .pic svg{width:100%;height:100%;object-fit:cover;display:block}
.panel .txt{flex:0 1 480px;min-width:0}
.panel h3{margin:0 0 12px;color:var(--main);font-size:clamp(26px,4vw,38px);font-weight:600;text-transform:uppercase}
.panel p{margin:0 0 18px;font-size:clamp(13px,1.6vw,15px);line-height:1.6;color:var(--muted)}
.btn{display:inline-block;border:1px solid #444;background:#fff;color:#333;border-radius:20px;padding:7px 16px;font-size:13px;text-decoration:none;transition:background .2s,color .2s}
.btn:hover{background:var(--main);border-color:var(--main);color:#fff}
.panel.swap{animation:swap .35s ease}
@keyframes swap{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* tabs + cards */
.offer{padding-top:10%;padding-bottom:10%;}
.tabs{display:flex;height:40px}
.tab{flex:1;border:0;color:var(--main);font-size:clamp(12px,1.5vw,14px);font-weight:700;border-radius:16px 16px 0 0;position:relative}
.tab[aria-selected="true"]{background:var(--main);color:#fff;z-index:1}
.cards{background:var(--tabbg);padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px;border-radius:0 0 14px 14px;box-shadow:0 12px 28px rgba(0,0,0,.14)}
.cards[hidden]{display:none}
.card{background:#fff;border-radius:8px;display:flex;align-items:stretch;min-height:110px;overflow:hidden}
.card .sh{flex:0 0 clamp(70px,14%,100px);background:var(--main);clip-path:polygon(0 0,32% 0,100% 50%,32% 100%,0 100%);display:flex;align-items:center;padding-left:12px;color:#fff}
.card.dk .sh{background:var(--dark)}
.card .sh svg{width:34px;height:34px}
.card .c{padding:14px 12px 12px 6px;min-width:0}
.card h4{margin:0 0 6px;font-size:clamp(13px,1.6vw,16px);font-weight:600;color:var(--main)}
.card.dk h4{color:var(--ink)}
.card p{margin:0;font-size:clamp(11px,1.3vw,13px);line-height:1.45;color:#444}
.foot{margin-top:70px;height:40px;background:var(--main)}
.wa{position:fixed;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));width:44px;height:44px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;z-index:5;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.wa svg{width:24px;height:24px;fill:#fff}

@media (max-width:620px){
  .panel{flex-direction:column;text-align:center;gap:18px}
  .panel .pic{flex-basis:auto;width:min(60%,220px)}
  .panel .txt{flex:0 0 auto}
  .cards{grid-template-columns:1fr}
  .offer{margin-top:48px}
}
@media (prefers-reduced-motion:reduce){.panel.swap{animation:none}.pick{transition:none}}


/* Red semicircle */

.products-shape {
    position: relative;

    width: 86%;

    height: 500px;

    margin: 0px auto 0;

    background: #ff3d3d;

    border-radius: 0 0 50% 50%;

    overflow: hidden;

    padding-top: 115px;
}


/* =========================================
   PRODUCTS TITLE WHITE CIRCLE
========================================= */

.products-title {
    position: absolute;

    top: -35%;
    left: 50%;

    transform: translateX(-50%);

    width: 720px;
    height: 360px;

    background: #fff;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: flex-end;

    padding-bottom: 75px;

    z-index: 5;
}

.products-title h2 {
    margin: 0;

    color: #4b4b4b;

    font-size: 48px;

    font-weight: 700;

    letter-spacing: .5px;
}


/* =========================================
   PRODUCTS ITEMS
========================================= */

.products-items {
    position: absolute;

    left: 50%;
    bottom: 35px;

    transform: translateX(-50%);

    width: 75%;

    display: flex;

    align-items: center;

    justify-content: space-around;

    z-index: 3;
}

.product-item {
    width: 150px;
    height: 150px;

    display: flex;

    align-items: center;
    justify-content: center;
}

.product-item img {
    max-width: 100%;
    max-height: 100%;

    object-fit: contain;
}


/* Lines */

.product-line {
    width: 3px;
    height: 100px;

    background: rgba(160, 0, 0, .5);

    transform: rotate(-25deg);
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 992px) {

    .hero {
        min-height: 600px;
    }

    .hero-content {
        padding: 80px 35px 150px;
    }

    .hero-news {
        gap: 35px;
    }

    .news-item {
        gap: 15px;
    }

    .news-image {
        width: 170px;
        min-width: 170px;
        height: 190px;
    }

    .news-text h2 {
        font-size: 20px;
    }

    .news-text a {
        font-size: 17px;
    }

    .social-links {
        left: 20px;
        gap: 25px;
    }

    [dir="rtl"] .social-links {
        left: auto;
        right: 20px;
    }

    .hero-dots {
        right: 40px;
    }

    [dir="rtl"] .hero-dots {
        right: auto;
        left: 40px;
    }

    .products-shape {
        width: 100%;
    }

    .products-title {
        width: 600px;
    }
}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 768px) {

    .hero {
        min-height: 700px;
    }

    .hero-content {
        padding: 70px 25px 150px;
    }

    .hero-news {
        grid-template-columns: 1fr;

        gap: 30px;
    }

    .news-item {
        max-width: 600px;
        margin: auto;
    }

    .news-image {
        width: 130px;
        min-width: 130px;
        height: 150px;
    }

    .news-text h2 {
        font-size: 18px;
        line-height: 1.25;
    }

    .news-text a {
        font-size: 15px;
    }

    .social-links {
        display: none;
    }

    .hero-dots {
        right: 50%;

        transform: translateX(50%);

        bottom: 95px;
    }

    [dir="rtl"] .hero-dots {
        left: 50%;
        right: auto;

        transform: translateX(-50%);
    }


    /* Products */

    .products-section {
        min-height: 350px;
    }

    .products-shape {
        width: 120%;

        margin-left: -10%;

        height: 390px;

        margin-top: -100px;
    }

    .products-title {
        width: 450px;
        height: 250px;

        top: -130px;

        padding-bottom: 45px;
    }

    .products-title h2 {
        font-size: 32px;
    }

    .products-items {
        width: 90%;

        bottom: 20px;
    }

    .product-item {
        width: 75px;
        height: 75px;
    }

    .product-line {
        height: 55px;
    }
}


/* =========================================
   VERY SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .hero {
        min-height: 650px;
    }

    .hero-content {
        padding: 60px 18px 130px;
    }

    .news-item {
        gap: 12px;
    }

    .news-image {
        width: 105px;
        min-width: 105px;
        height: 120px;
    }

    .news-text h2 {
        font-size: 15px;
        margin-bottom: 12px;
    }

    .news-text a {
        font-size: 13px;
    }

    .news-text a span {
        font-size: 18px;
    }

    .hero-bottom {
        bottom: -210px;
        height: 320px;
    }

    .products-shape {
        height: 320px;
    }

    .products-title {
        width: 360px;
        height: 200px;

        top: -105px;

        padding-bottom: 35px;
    }

    .products-title h2 {
        font-size: 27px;
    }

    .products-items {
        width: 95%;
    }

    .product-item {
        width: 55px;
        height: 55px;
    }

    .product-line {
        height: 45px;
        width: 2px;
    }
}

        /* =========================
           SECTION
        ========================= */

        .section {
            padding: 100px 0;
        }

        .container {
            padding: 0 20px;
    max-width: 1120px;
    width: 100%;
    margin: auto;
        }

        .section-title {
            text-align: center;
            margin-bottom: 55px;
        }

        .section-title small {
            color: var(--primary);
            font-size: 16px;
            font-weight: 700;
        }

        .section-title h2 {
            font-size: 40px;
            margin-top: 10px;
        }

        .section-title p {
            max-width: 650px;
            margin: 15px auto;
            color: #777;
            line-height: 1.9;
        }

        /* =========================
           PRODUCTS
        ========================= */

        .products {
            background: #f8f8f8;
        }

        .products-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 25px;
        }

        .product-card {
            background: white;
            border-radius: 18px;
            overflow: hidden;
            transition: .3s;
            box-shadow: 0 5px 30px rgba(0, 0, 0, .05);
        }

        .product-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 15px 40px rgba(0, 0, 0, .1);
        }

        .product-image {
            height: 250px;
            background-size: cover;
            background-position: center;
        }

        .product-card:nth-child(1) .product-image {
            background-image: url("images/water-bottles.jpg");
        }

        .product-card:nth-child(2) .product-image {
            background-image: url("images/plastic-containers.jpg");
        }

        .product-card:nth-child(3) .product-image {
            background-image: url("images/filling.jpg");
        }

        .product-info {
            padding: 25px;
        }

        .product-info h3 {
            margin-bottom: 10px;
            font-size: 22px;
        }

        .product-info p {
            color: #777;
            line-height: 1.8;
        }

        /* =========================
           ABOUT
        ========================= */

        .about-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 70px;
            align-items: center;
        }

        .about-image {
            min-height: 450px;
            border-radius: 25px;
            background:
                linear-gradient(rgba(0, 0, 0, .15),
                    rgba(0, 0, 0, .15)),
                url("images/factory-inside.jpg");

            background-size: cover;
            background-position: center;
        }

        .about-content h2 {
            font-size: 42px;
            line-height: 1.4;
            margin-bottom: 20px;
        }

        .about-content h2 span {
            color: var(--primary);
        }

        .about-content p {
            color: #666;
            line-height: 2;
            margin-bottom: 20px;
        }

        .features {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            margin-top: 30px;
        }

        .feature {
            display: flex;
            gap: 12px;
            align-items: center;
        }

        .feature-icon {
            width: 45px;
            height: 45px;
            border-radius: 50%;
            background: #fff0f0;
            color: var(--primary);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
        }

        /* =========================
           STATS
        ========================= */

        .stats {
            background: var(--primary);
            color: white;
        }

        .stats-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            text-align: center;
            gap: 30px;
        }

        .stat h3 {
            font-size: 45px;
            margin-bottom: 5px;
        }

        .stat p {
            opacity: .9;
        }

        /* =========================
           CONTACT
        ========================= */
        .contact {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #f7f7f5;
    overflow: hidden;
    border-radius: 25px;
    max-width: 900px;
    position: relative;
    z-index: 2;
    margin: auto
}


        .contact-page {
    padding: 0
}

.contact-form {
    max-width: 520px;
    width: 100%;
    padding: 30px 22px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.contact-title {
    margin: 0 0 24px 0;
    color: #4C4C4C;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    width: 100%
}

.contact-block {
    width: 50%;
    padding: 0 8px;
    margin-bottom: 16px
}

.contact-input {
    padding: 0;
    background-color: transparent;
    height: 40px;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    border: 0;
    display: block;
    border-bottom: 1px solid #4C4C4C
}

.contact-label {
    font-weight: 600;
    display: block;
    color: #4C4C4C
}

.contact-block-fw {
    width: 100%
}

.contact .button {
    display: block;
    margin: auto;
    height: 38px
}

.contact-infos {
    background-color: #4C4C4C;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: #f7f7f5;
    padding: 30px 22px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.contact-infos .contact-title {
    color: #fff;
    margin-bottom: 32px
}

.contact-info {
    text-align: center
}

.contact-info+.contact-info {
    margin-top: 24px
}

.contact-subtitle {
    margin-bottom: 6px;
    font-weight: 600;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.contact-subtitle svg {
    margin-right: 6px
}

.contact-subtitle+* {
    color: #f7f7f5;
    font-size: 14px;
    margin: 0
}

.contact-map {
    margin-bottom: -100px
}

.contact-map iframe {
    display: block
}

textarea.contact-input {
    resize: none;
    height: 70px;
    margin-top: 10px
}

.content-body {
    background-color: #f7f7f5;
    box-shadow: 0px 2px 10px #0000001A;
    border-radius: 18px;
    padding: 34px 76px;
    position: relative;
    line-height: 1.46;
    font-size: 15px;
    color: var(--dark-color)
}

.content-body:after,.content-body:before {
    content: "";
    clear: both;
    display: table
}

.content-body h1,.content-body h2,.content-body h3,.content-body h4,.content-body h5,.content-body h6 {
    font-weight: 700;
    margin: 0;
    color: var(--primary-color)
}

.content-body>*+* {
    margin-top: 10px
}

.content-body p {
    font-size: 16px;
    font-weight: 500
}

.content-body h1 {
    font-size: 20px
}

.content-body h2 {
    font-size: 18px
}

.content-body h3 {
    font-size: 88px
}

.content-body h4 {
    font-size: 16px
}

.content-body h5 {
    font-size: 14px
}

.content-body h6 {
    font-size: 12px
}

.content-body iframe {
    max-width: 100%
}

.content-body>*:first-child {
    margin-top: 0
}

.content-body a {
    color: var(--primary-color)
}

.content-body .img-right {
    float: right;
    margin-left: 24px;
    margin-bottom: 24px
}

.content-body .img-full {
    margin-top: 24px;
    margin-bottom: 24px;
    display: block
}

        /* =========================
           FOOTER
        ========================= */
        footer{
                min-height: 200px;

        }

       .site-footer {
    position: relative;
    background: var(--footer-bg);
    color: var(--footer-text);
    padding-top: calc(var(--sag) + 70px);
    font-size: 18px;
    line-height: 1.5;
  }

  /* الحافة المنحنية */
  .site-footer__wave {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: var(--sag);
    display: block;
  }
  .site-footer__wave path { fill: var(--page-bg); }

  /* السهم اللي في النص */
  .site-footer__notch {
    position: absolute;
    top: calc(var(--sag) - 12px);
    left: 50%;
    width: 84px;
    height: 54px;
    transform: translateX(-50%);
  }
  .site-footer__notch polygon {
    fill: var(--page-bg);
    stroke: var(--page-bg);
    stroke-width: 12;
    stroke-linejoin: round;
  }

  .site-footer__inner {
    max-width: 1640px;
    margin: 0 auto;
    padding: 0 clamp(20px, 7.3vw, 139px) 28px;
    display: flex;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 520px);
    column-gap: clamp(24px, 4vw, 80px);
  }

  /* ----- العمود الأيسر ----- */
  .site-footer__info p { margin-bottom: 14px; }
  .site-footer__address { max-width: 960px; }
  .site-footer a { color: inherit; text-decoration: none; transition: opacity .2s; }
  .site-footer a:hover,
  .site-footer a:focus-visible { opacity: .7; }
  .site-footer a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }

  .site-footer__logos {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 36px;
    margin: 40px 0 48px;
  }
  .site-footer__logos img { height: 62px; width: auto; display: block; }

  .site-footer__copy { font-size: 17px; }

  /* ----- العمود الأيمن ----- */
  .site-footer__side {
    border-left: 1px solid var(--footer-line);
    padding-left: 46px;
    align-self: end;
    min-height: 235px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 36px;
    padding-bottom: 40px;
    margin-bottom: 80px;
  }
  .site-footer__title { font-weight: 700; }
  .site-footer__explore ul { list-style: none; margin-top: 12px; display: flex; flex-wrap: wrap; gap: 8px 28px; }
  .site-footer__follow { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 36px; }

  /* ----- زر الواتساب ----- */
  .whatsapp-btn {
    position: fixed;
    right: 16px; bottom: 16px;
    width: 58px; height: 58px;
    border-radius: 14px;
    background: linear-gradient(#3fd45a, #1da83a);
    display: grid; place-items: center;
    box-shadow: 0 4px 14px rgba(0,0,0,.25);
    z-index: 50;
  }
  .whatsapp-btn svg { width: 34px; height: 34px; fill: #fff; }

  /* ========== RESPONSIVE ========== */
  @media (max-width: 991px) {
    .site-footer__inner { grid-template-columns: 1fr; }
    .site-footer__side {
      border-left: 0;
      border-top: 1px solid var(--footer-line);
      padding: 28px 0 0;
      min-height: 0;
      margin: 8px 0 36px;
      gap: 28px;
    }
    .site-footer__copy { margin-bottom: 0; }
  }

  @media (max-width: 575px) {
    .site-footer { font-size: 16px; padding-top: calc(var(--sag) + 56px); }
    .site-footer__notch { width: 64px; height: 42px; }
    .site-footer__logos { gap: 22px; margin: 28px 0 32px; }
    .site-footer__logos img { height: 44px; }
    .site-footer__follow { gap: 10px 22px; }
    .site-footer__copy { font-size: 14px; }
    .whatsapp-btn { width: 52px; height: 52px; }
  }

        /* =========================
           WHATSAPP
        ========================= */

        .whatsapp {
            position: fixed;
            bottom: 25px;
            right: 25px;
            width: 65px;
            height: 65px;
            background: #25D366;
            border-radius: 18px;

            display: flex;
            align-items: center;
            justify-content: center;

            color: white;
            font-size: 35px;

            z-index: 999;
            box-shadow: 0 8px 25px rgba(37, 211, 102, .35);
        }

        /* =========================
           LANGUAGE MENU
        ========================= */

        .language-wrapper {
            position: relative;
        }

        .language-menu {
            position: absolute;
            top: 58px;
            left: 0;

            width: 130px;
            background: white;

            border-radius: 12px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, .12);

            padding: 8px;

            display: none;
        }

        .language-menu.show {
            display: block;
        }

        .language-menu button {
            width: 100%;
            padding: 10px;
            border: 0;
            background: transparent;
            cursor: pointer;
            border-radius: 8px;
            font-family: inherit;
        }

        .language-menu button:hover {
            background: #f5f5f5;
        }

        /* =========================
           RESPONSIVE
        ========================= */

        @media (max-width: 1100px) {

            .nav-links {
                gap: 20px;
            }

            .hero {
                min-height: 680px;
            }

            .products-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 850px) {

            .navbar {
                height: 75px;
            }

            .menu-btn {
                display: block;
            }

            .nav-links {
                position: absolute;
                top: 75px;
                right: 0;
                left: 0;

                background: white;

                flex-direction: column;
                align-items: stretch;

                padding: 20px;

                display: none;

                box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
            }

            .nav-links.show {
                display: flex;
            }

            .nav-links a {
                padding: 12px;
                border-bottom: 1px solid #eee;
            }

            .header-actions .contact-btn {
                display: none;
            }

            .hero {
                min-height: 650px;

                background:
                    linear-gradient(rgba(255, 255, 255, .9),
                        rgba(255, 255, 255, .8)),
                    url("images/factory.jpg");

                background-size: cover;
                background-position: center;
            }

            .hero-content {
                padding-top: 100px;
            }

            .hero-text {
                max-width: 100%;
            }

            .about-grid {
                grid-template-columns: 1fr;
                gap: 40px;
            }

            .stats-grid {
                grid-template-columns: 1fr 1fr;
            }

            .footer-grid {
                grid-template-columns: 1fr 1fr;
            }
        }

        @media (max-width: 600px) {

            .logo {
                font-size: 21px;
            }

            .logo-icon {
                width: 35px;
                height: 43px;
            }

            .language-btn {
                width: 42px;
                height: 42px;
                min-width: 42px;
            }

            .hero {
                min-height: 650px;
            }

            .hero h1 {
                font-size: 38px;
            }

            .hero p {
                font-size: 15px;
                line-height: 1.9;
            }

            .hero-buttons {
                flex-direction: column;
                align-items: stretch;
            }

            .btn {
                width: 100%;
            }

            .section {
                padding: 70px 0;
            }

            .section-title h2 {
                font-size: 30px;
            }

            .products-grid {
                grid-template-columns: 1fr;
            }

            .features {
                grid-template-columns: 1fr;
            }

            .stats-grid {
                grid-template-columns: 1fr 1fr;
            }

            .stat h3 {
                font-size: 35px;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                gap: 30px;
            }

            .contact-box {
                padding: 35px 20px;
            }

            .contact-box h2 {
                font-size: 28px;
            }

            .whatsapp {
                width: 55px;
                height: 55px;
                font-size: 28px;
                bottom: 18px;
                left: 18px;
            }
        }
.nav-item.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-item.dropdown .dropdown-menu {
    margin-top: 0;
    padding-left: 10%;
}
/* Language Dropdown */

.language-dropdown {
    position: relative;
}

/* Remove Bootstrap arrow */
.language-dropdown .language-btn::after {
    display: none !important;
}
/* Dropdown */

.language-dropdown .dropdown-menu {
    min-width: 150px;

    margin-top: 8px !important;

    padding: 8px;

    border: none;
    border-radius: 12px;

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);

    opacity: 0;
    visibility: hidden;

    display: block;

    transition: all 0.2s ease;
}


/* Hover */

.language-dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
}


/* Items */

.language-dropdown .dropdown-item {
    padding: 10px 14px;

    border-radius: 8px;

    font-family: 'Cairo', sans-serif;
}

.language-dropdown .dropdown-item:hover {
    background: #f5f5f5;
}

.offer{
    font-family: 'Open Sans', sans-serif;
            background-color: #ffffff;
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0;
}

.offer-section-wrapper {
            background-color: var(--bg-light);
            border-radius: 28px;
            box-shadow: 0 20px 45px rgba(0, 0, 0, 0.09);
            width: 73%;
            margin: auto;
            overflow: hidden;
            position: relative;
        }

        /* Top Header Banner with SVG Wave transition */
        .header-banner {
            position: relative;
            height: 80px;
            width: 100%;
            display: flex;
            align-items: center;
            background-color: #fff;
            overflow: hidden;
        }


        .header-title-text {
            font-family: 'Montserrat', sans-serif;
            color: var(--brand-primary);
            font-weight: 800;
            font-size: 1.85rem;
            margin: 0;
            letter-spacing: -0.3px;
        }

        /* Right Side: "Design & RD" Text overlay */
        .header-badge-container,.header-badge-container2 {
            position: relative;
            left: 5%;
            z-index: 2;
            width: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            padding-right: 1.5rem;
            background-color: #00589f;
            height: 100%;
            padding-left: 15%;
            clip-path: path('M 0,80 C 120,80 150,20 200,0 L 400,0 C 410,0 420,10 420,20 L 420,80 L 0,80 Z');
        }

        .header-badge-container2 {
            clip-path: path('M 0,0 L 220,0 C 270,20 300,80 420,80 L 0,80 Z') !important;
            left: auto;
            background-color: #f6f6f4;
            padding-right: 15%;
            padding-left: 0px;
        }

        .header-badge-text,.header-badge-text2 {
            font-family: 'Montserrat', sans-serif;
            color: #fff;
            font-weight: 700;
            font-size: 20px;
            margin: 0;
            letter-spacing: 0.2px;
        }
        .header-badge-text2 {
            color: #00589f !important;
        }

        /* Cards Grid Container */
        .cards-grid-container {
            padding: 2rem 3rem 3rem 3rem;
        }

        /* Individual Feature Card */
        .feature-card {
            background-color: var(--card-bg);
            border-radius: 18px;
            display: flex;
            flex-direction: row;
            align-items: stretch;
            overflow: hidden;
            box-shadow: 0 4px 18px rgba(0, 0, 0, 0.03);
            height: 100%;
            min-height: 185px;
            transition: transform 0.25s ease, box-shadow 0.25s ease;
        }

        .feature-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
        }

        /* Left Arrow/Chevron Badge Shape inside Cards */
        .chevron-icon-container {
            width: 135px;
            flex-shrink: 0;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            padding-left: 1.8rem;
            clip-path: polygon(0 0, 68% 0, 100% 50%, 68% 100%, 0 100%);
            border-top-left-radius: 18px;
            border-bottom-left-radius: 18px;
        }

        .chevron-icon-container.bg-primary-custom {
            background-color: var(--brand-primary);
        }

        .chevron-icon-container.bg-dark-custom {
            background-color: var(--brand-dark);
        }

        .chevron-icon-container i {
            font-size: 2.8rem;
            color: #ffffff;
        }

        /* Content area on the right side of Card */
        .card-content-area {
            padding: 1.5rem 1.6rem 1.5rem 0.75rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .card-title {
            font-family: 'Montserrat', sans-serif;
            font-weight: 700;
            font-size: 1.35rem;
            margin-bottom: 0.5rem;
        }

        .card-title.text-primary-custom {
            color: var(--brand-primary);
        }

        .card-title.text-dark-custom {
            color: var(--brand-dark);
        }

        .card-description {
            color: var(--text-muted);
            font-size: 0.88rem;
            line-height: 1.5;
            margin: 0;
            font-weight: 400;
        }

        /* Responsive Breakpoints */
        @media (max-width: 991.98px) {
            .header-banner {
                height: auto;
                flex-direction: column;
                padding-top: 1.5rem;
            }

            .header-title-container {
                width: 100%;
                padding-left: 0;
                text-align: center;
                margin-bottom: 1rem;
            }

            .header-badge-container {
                width: 100%;
                background-color: var(--brand-primary);
                padding: 1.25rem 1rem;
                border-bottom-left-radius: 18px;
                border-bottom-right-radius: 18px;
            }

            .cards-grid-container {
                padding: 2rem 1.5rem;
            }
        }

        @media (max-width: 575.98px) {
            .feature-card {
                flex-direction: column;
            }

            .chevron-icon-container {
                width: 100%;
                height: 110px;
                padding-left: 0;
                justify-content: center;
                clip-path: polygon(0 0, 100% 0, 100% 70%, 50% 100%, 0 70%);
                border-top-right-radius: 18px;
                border-bottom-left-radius: 0;
            }

            .card-content-area {
                padding: 1.5rem;
                text-align: center;
            }
        }
/* stats */
.stats {
    position: relative;
    background-image: url("/images/bgg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    padding: 56px 0;
    z-index: 1
}

.stats:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: -1;
    height: 100%;
    background-color: #3a3af9;
    mix-blend-mode: multiply
}

.stats-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr)
}

.stat {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.stat-icon {
    width: 230px;
    height: 230px;
    position: relative;
    margin-bottom: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.stat-icon:before {
    content: "";
    position: absolute;
    left: 0;
    pointer-events: none;
    top: 0;
    width: 160px;
    height: 160px;
    border: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 36% 84%;
    -ms-transform-origin: 36% 84%;
    transform-origin: 36% 84%;
    border-radius: 20px
}

.stat-icon img {
    min-width: 44px
}

.stat-title {
    font-size: 45px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700;
    font-family: sans-serif
}

.stat-title span {
    font-weight: normal;
    font-family: "Raleway",sans-serif;
    font-size: 18px
}

.sector {
    padding: 130px 0
}

.sector-title {
    text-align: center;
    font-weight: 700;
    color: #00589f;
    font-size: 50px;
    margin: 0 32px 0 0
}

.boxes {
    display: grid;
    padding-top: 62px;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 32px
}

.box {
    border-radius: 20px;
    box-shadow: 3px 3px 10px #0000001A;
    position: relative;
    background-color: #FFF
}

.box-img {
    display: block
}

.box img {
    border-radius: 20px 20px 0 0;
    height: 310px;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    width: 100%
}

.box-title {
    font-size: 20px;
    color: #00589f;
    font-weight: 700;
    margin-bottom: 8px;
    display: block
}

.box-subtitle {
    font-size: 12px;
    color: var(--dark-color);
    font-weight: 500
}

.box-content {
    padding: 20px 14px
}

.box-content .button {
    position: absolute;
    right: 50%;
    top: 100%;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.button-secondary.button-solid {
    background-color: #4C4C4C;
    color: #fff;
    border-color: #4C4C4C;
    border-radius: 25px;
    padding: 0 10px;
}

/* header2 */
.header2{
    height: 80px;
    background-color: #f7f7f5;
}

/*  exhibitions */
.catalog-page {
    padding: 54px 0
}

.page-title {
    color: #00589f;
    font-size: 50px;
    margin: 0
}

.pattern-bg {
    background-size: 360px;
    background-image: url('/images/backk.svg');
}

.catalog-pdf {
    font-size: 20px;
    font-weight: 700;
    color: #00589f;
    background-image: url("/img/pdf.png");
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 20px;
    padding-left: 32px
}


/* about */
.about-page {
    padding: 36px 0
}

.tab {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 44px
}

.tab-link {
    background-color: #00589f;
    color: #fff;
    padding: 0 14px;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    height: 46px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 25px 25px;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tab-link+.tab-link {
    margin-left: 16px
}

.tab-link:before,.tab-link:after {
    content: "";
    position: absolute;
    width: 30px;
    height: 68px;
    top: 0;
    background: #00589f;
    border-radius: 25px;
    z-index: -1
}

.tab-link:before {
    -webkit-transform: skewX(-25deg) rotate(-10deg);
    -ms-transform: skewX(-25deg) rotate(-10deg);
    transform: skewX(-25deg) rotate(-10deg);
    left: -5px
}

.tab-link:after {
    right: -5px;
    -webkit-transform: skewX(25deg) rotate(10deg);
    -ms-transform: skewX(25deg) rotate(10deg);
    transform: skewX(25deg) rotate(10deg)
}

.tab-link-active {
    color: #00589f;
    background-color: #f7f7f5;
}

.tab-link-active:before,.tab-link-active:after {
    background-color: #f7f7f5;
}

.tab-link:first-child::before {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    left: 0
}

.tab-link:last-child:after {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    right: 0
}

.content-body {
    background-color: #f7f7f5;
    box-shadow: 0px 2px 10px #0000001A;
    border-radius: 18px;
    padding: 34px 76px;
    position: relative;
    line-height: 1.46;
    font-size: 15px;
    color: var(--dark-color)
}

.content-body:after,.content-body:before {
    content: "";
    clear: both;
    display: table
}

.content-body h1,.content-body h2,.content-body h3,.content-body h4,.content-body h5,.content-body h6 {
    font-weight: 700;
    margin: 0;
    color: #00589f
}

.content-body>*+* {
    margin-top: 10px
}

.content-body p {
    font-size: 16px;
    font-weight: 500;
        margin-top: 1rem;
}

.content-body h1 {
    font-size: 20px;
}

.content-body h2 {
    font-size: 18px;
}

.content-body h3 {
    font-size: 88px;
}

.content-body h4 {
    font-size: 16px;
}

.content-body h5 {
    font-size: 14px;
}

.content-body h6 {
    font-size: 12px;
}

.content-body iframe {
    max-width: 100%;
}

.content-body>*:first-child {
    margin-top: 0;
}

.content-body a {
    color: #00589f;
}

.content-body .img-right {
    float: right;
    margin-left: 24px;
    margin-bottom: 24px
}

.content-body .img-full {
    margin-top: 24px;
    margin-bottom: 24px;
    display: block
}

.mobile-menu-active .header {
    z-index: 5
}

.content-body:after,.content-body:before {
    content: "";
    clear: both;
    display: table
}
.content-sections {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.content-section {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%
}

.content-section+.content-section {
    border-left: 2px solid #00589f;
    padding-left: 24px;
    margin-left: 24px
}
.wp-block-columns{
  align-items:normal !important;
  box-sizing:border-box;
  display:flex;
  flex-wrap:wrap !important;
  margin-bottom:1.75em;
}
@media (min-width:782px){
  .wp-block-columns{
    flex-wrap:nowrap !important;
  }
}
.wp-block-columns.are-vertically-aligned-top{
  align-items:flex-start;
}
.wp-block-columns.are-vertically-aligned-center{
  align-items:center;
}
.wp-block-columns.are-vertically-aligned-bottom{
  align-items:flex-end;
}
@media (max-width:781px){
  .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
    flex-basis:100% !important;
  }
}
@media (min-width:782px){
  .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
    flex-basis:0;
    flex-grow:1;
  }
  .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis]{
    flex-grow:0;
  }
}
.wp-block-columns.is-not-stacked-on-mobile{
  flex-wrap:nowrap !important;
}
.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column{
  flex-basis:0;
  flex-grow:1;
}
.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis]{
  flex-grow:0;
}

:where(.wp-block-columns.has-background){
  padding:1.25em 2.375em;
}

.wp-block-column{
  flex-grow:1;
  min-width:0;
  overflow-wrap:break-word;
  word-break:break-word;
}
.wp-block-column.is-vertically-aligned-top{
  align-self:flex-start;
}
.wp-block-column.is-vertically-aligned-center{
  align-self:center;
}
.wp-block-column.is-vertically-aligned-bottom{
  align-self:flex-end;
}
.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{
  width:100%;
}
.wp-block-post-comments{
  box-sizing:border-box;
}
.wp-block-post-comments .alignleft{
  float:left;
}
.wp-block-post-comments .alignright{
  float:right;
}
.wp-block-post-comments .navigation:after{
  clear:both;
  content:"";
  display:table;
}
.wp-block-post-comments .commentlist{
  clear:both;
  list-style:none;
  margin:0;
  padding:0;
}
.wp-block-post-comments .commentlist .comment{
  min-height:2.25em;
  padding-left:3.25em;
}
.wp-block-post-comments .commentlist .comment p{
  font-size:1em;
  line-height:1.8;
  margin:1em 0;
}
.wp-block-post-comments .commentlist .children{
  list-style:none;
  margin:0;
  padding:0;
}
.wp-block-post-comments .comment-author{
  line-height:1.5;
}
.wp-block-post-comments .comment-author .avatar{
  border-radius:1.5em;
  display:block;
  float:left;
  height:2.5em;
  margin-right:.75em;
  margin-top:.5em;
  width:2.5em;
}
.wp-block-post-comments .comment-author cite{
  font-style:normal;
}
.wp-block-post-comments .comment-meta{
  font-size:.875em;
  line-height:1.5;
}
.wp-block-post-comments .comment-meta b{
  font-weight:400;
}
.wp-block-post-comments .comment-meta .comment-awaiting-moderation{
  display:block;
  margin-bottom:1em;
  margin-top:1em;
}
.wp-block-post-comments .comment-body .commentmetadata{
  font-size:.875em;
}
.wp-block-post-comments .comment-form-author label,.wp-block-post-comments .comment-form-comment label,.wp-block-post-comments .comment-form-email label,.wp-block-post-comments .comment-form-url label{
  display:block;
  margin-bottom:.25em;
}
.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments .comment-form textarea{
  box-sizing:border-box;
  display:block;
  width:100%;
}
.wp-block-post-comments .comment-form-cookies-consent{
  display:flex;
  gap:.25em;
}
.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent{
  margin-top:.35em;
}
.wp-block-post-comments .comment-reply-title{
  margin-bottom:0;
}
.wp-block-post-comments .comment-reply-title :where(small){
  font-size:var(--wp--preset--font-size--medium, smaller);
  margin-left:.5em;
}
.wp-block-post-comments .reply{
  font-size:.875em;
  margin-bottom:1.4em;
}
.wp-block-post-comments input:not([type=submit]),.wp-block-post-comments textarea{
  border:1px solid #949494;
  font-family:inherit;
  font-size:1em;
}
.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments textarea{
  padding:calc(.667em + 2px);
}

:where(.wp-block-post-comments input[type=submit]){
  border:none;
}

.wp-block-comments-pagination>.wp-block-comments-pagination-next,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers,.wp-block-comments-pagination>.wp-block-comments-pagination-previous{
  margin-bottom:.5em;
  margin-right:.5em;
}
.wp-block-comments-pagination>.wp-block-comments-pagination-next:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-previous:last-child{
  margin-right:0;
}
.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow{
  display:inline-block;
  margin-right:1ch;
}
.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow:not(.is-arrow-chevron){
  transform:scaleX(1);
}
.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow{
  display:inline-block;
  margin-left:1ch;
}
.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow:not(.is-arrow-chevron){
  transform:scaleX(1);
}
.wp-block-comments-pagination.aligncenter{
  justify-content:center;
}

.wp-block-comment-template{
  box-sizing:border-box;
  list-style:none;
  margin-bottom:0;
  max-width:100%;
  padding:0;
}
.wp-block-comment-template li{
  clear:both;
}
.wp-block-comment-template ol{
  list-style:none;
  margin-bottom:0;
  max-width:100%;
  padding-left:2rem;
}
.wp-block-comment-template.alignleft{
  float:left;
}
.wp-block-comment-template.aligncenter{
  margin-left:auto;
  margin-right:auto;
  width:-moz-fit-content;
  width:fit-content;
}
.wp-block-comment-template.alignright{
  float:right;
}
.navbar .button {
    margin: 0 30px;
}
.button-sm {
    height: 32px;
    font-size: 15px;
    padding: 0 10px;
    line-height: 32px;
}
.button {
    background-color: transparent;
    border: 1px solid;
    height: 46px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    font-weight: 500;
    padding: 0 16px;
    white-space: nowrap;
    border-radius: 25px;
    color: #00589f;
    -webkit-transition: .2s;
    transition: .2s;
    cursor: pointer
}

.button:hover {
    border-color: #00589f;
    background-color: #00589f;
    color: #fff
}

.button-sm {
    height: 32px;
    font-size: 15px;
    padding: 0 10px;
    line-height: 32px
}
.wp-block-heading{
    font-weight: 700;
    margin: 0;
    color: #00589f;
}
.wp-block-media-text {
    box-sizing: border-box;
    direction: ltr;
    display: grid;
    grid-template-columns: 50% 1fr;
    grid-template-rows: auto;
}
.has-medium-font-size {
    font-size: 20px !important;
}