.elementor-13666 .elementor-element.elementor-element-ddee704{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for container, class: .elementor-element-ddee704 *//* ==========================================================
   AZEIDKGROUP — BRAND VIEW
   ========================================================== */

.az-brand-view{
    --az-orange:#E28334;
    --az-green:#07120D;
    --az-white:#FFFFFF;
    --az-off-white:#F7F8F6;
    --az-line:rgba(7,18,13,.10);
    --az-text:rgba(7,18,13,.78);
    --az-muted:rgba(7,18,13,.60);

    width:100%;
    color:var(--az-green);
    background:var(--az-white);
    font-family:var(--az-font-ar,"Noto Kufi Arabic",Arial,sans-serif);
}

.az-brand-view,
.az-brand-view *{
    box-sizing:border-box;
}

.az-brand-view a{
    text-decoration:none;
}

.az-brand-view__shell{
    width:min(calc(100% - 48px),1240px);
    margin-inline:auto;
}


/* ==========================================================
   BREADCRUMB
   ========================================================== */

.az-brand-view__breadcrumb{
    background:#fff;
    border-bottom:1px solid var(--az-line);
}

.az-brand-view__breadcrumb .az-brand-view__shell{
    min-height:52px;
    padding-block:12px;

    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:9px;

    font-size:12px;
}

.az-brand-view__breadcrumb a{
    color:var(--az-green);
}

.az-brand-view__breadcrumb a:hover{
    color:var(--az-orange);
}

.az-brand-view__breadcrumb span{
    color:var(--az-muted);
}

.az-brand-view__breadcrumb strong{
    color:var(--az-green);
    font-weight:700;
}


/* ==========================================================
   HERO
   ========================================================== */

.az-brand-view__hero{
    position:relative;
    background:#fff;
    border-bottom:1px solid var(--az-line);
    overflow:hidden;
}

.az-brand-view__hero::after{
    content:"";
    position:absolute;
    bottom:0;
    inset-inline-end:0;
    width:30%;
    height:3px;
    background:var(--az-orange);
}

.az-brand-view__hero-inner{
    min-height:410px;
    padding-block:52px;

    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);
    align-items:center;
    gap:70px;
}

.az-brand-view__hero-content{
    max-width:680px;
}

.az-brand-view__eyebrow{
    margin-bottom:14px;

    display:flex;
    align-items:center;
    gap:12px;

    color:var(--az-orange);
    font-size:13px;
    font-weight:800;
}

.az-brand-view__eyebrow::before{
    content:"";
    width:34px;
    height:2px;
    flex:0 0 34px;
    background:var(--az-orange);
}

.az-brand-view__title{
    margin:0;

    color:var(--az-green);
    font-family:inherit;
    font-size:clamp(42px,5vw,68px);
    font-weight:800;
    line-height:1.1;
}

.az-brand-view__intro{
    max-width:650px;
    margin:20px 0 0;

    color:var(--az-text);
    font-size:14px;
    line-height:2;
}


/* ==========================================================
   HERO VISUAL
   ========================================================== */

.az-brand-view__visual{
    position:relative;

    width:100%;
    height:285px;

    display:flex;
    align-items:center;
    justify-content:center;

    overflow:hidden;
}

.az-brand-view__visual::before{
    content:"";
    position:absolute;
    z-index:3;
    top:0;
    inset-inline-start:0;

    width:55px;
    height:3px;

    background:var(--az-orange);
}


/* COVER */

.az-brand-view__visual--cover img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}


/* LOGO */

.az-brand-view__visual--logo{
    padding:45px;
    background:var(--az-off-white);
}

.az-brand-view__visual--logo img{
    display:block;
    width:auto;
    max-width:80%;
    height:auto;
    max-height:165px;
    object-fit:contain;
}


/* FALLBACK */

.az-brand-view__visual--fallback{
    background:var(--az-green);
}

.az-brand-view__fallback{
    position:relative;

    width:100%;
    height:100%;

    padding:38px;

    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    align-items:flex-start;

    overflow:hidden;
}

.az-brand-view__fallback::before{
    content:"";

    position:absolute;
    top:-100px;
    inset-inline-end:-80px;

    width:245px;
    height:245px;

    border:1px solid rgba(255,255,255,.13);
    border-radius:50%;
}

.az-brand-view__fallback::after{
    content:"";

    position:absolute;
    top:-50px;
    inset-inline-end:15px;

    width:145px;
    height:145px;

    border:1px solid rgba(226,131,52,.55);
    border-radius:50%;
}

.az-brand-view__fallback-name{
    position:relative;
    z-index:2;

    color:#fff;
    font-size:clamp(40px,5vw,65px);
    line-height:1;
    font-weight:800;
}

.az-brand-view__fallback-line{
    position:relative;
    z-index:2;

    width:65px;
    height:4px;
    margin-top:20px;

    background:var(--az-orange);
}


/* ==========================================================
   PRODUCTS INTRO
   ========================================================== */

.az-brand-view__products-intro{
    background:var(--az-off-white);
    border-bottom:1px solid var(--az-line);
}

.az-brand-view__products-intro > .az-brand-view__shell{
    padding-block:50px;
}

.az-brand-view__products-heading{
    max-width:850px;
}

.az-brand-view__section-eyebrow{
    margin-bottom:8px;

    color:var(--az-orange);
    font-size:12px;
    font-weight:800;
}

.az-brand-view__products-heading h2{
    margin:0;

    color:var(--az-green);
    font-family:inherit;
    font-size:clamp(28px,3vw,40px);
    line-height:1.4;
    font-weight:800;
}


/* ==========================================================
   CATEGORY NAV
   ========================================================== */

.az-brand-view__category-nav{
    margin-top:30px;
    padding-top:22px;

    border-top:1px solid var(--az-line);
}

.az-brand-view__category-nav-label{
    margin-bottom:14px;

    color:var(--az-muted);
    font-size:12px;
    font-weight:600;
}

.az-brand-view__category-nav-items{
    display:flex;
    flex-wrap:wrap;
    gap:11px 24px;
}

.az-brand-view__category-nav-items a{
    display:inline-flex;
    align-items:center;
    gap:8px;

    color:var(--az-green);
    font-size:13px;
    font-weight:700;

    transition:color .25s ease;
}

.az-brand-view__category-nav-items a::before{
    content:"";

    width:6px;
    height:6px;
    flex:0 0 6px;

    background:var(--az-orange);
}

.az-brand-view__category-nav-items a:hover{
    color:var(--az-orange);
}

.az-brand-view__category-nav-arrow{
    transition:transform .25s ease;
}

.az-brand-view__category-nav-items a:hover
.az-brand-view__category-nav-arrow{
    transform:translateY(3px);
}


/* ==========================================================
   CATEGORY GROUPS
   ========================================================== */

.az-brand-view__group{
    padding-block:55px 62px;

    background:#fff;
    border-bottom:1px solid var(--az-line);

    scroll-margin-top:100px;
}

.az-brand-view__group--alt{
    background:var(--az-off-white);
}

.az-brand-view__group-header{
    margin-bottom:25px;

    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:30px;
}

.az-brand-view__group-header > div:first-child{
    max-width:800px;
}

.az-brand-view__group-title{
    margin:0;

    color:var(--az-green);
    font-family:inherit;
    font-size:clamp(26px,2.7vw,36px);
    line-height:1.4;
    font-weight:800;
}

.az-brand-view__group-description{
    max-width:680px;
    margin:10px 0 0;

    color:var(--az-muted);
    font-size:13px;
    line-height:1.9;
}

.az-brand-view__count{
    flex:0 0 auto;

    color:var(--az-muted);
    font-size:12px;
    font-weight:700;
}


/* ==========================================================
   PRODUCTS GRID
   ========================================================== */

.az-brand-view__products{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
}

.az-brand-view__products--count-1{
    grid-template-columns:minmax(0,390px);
}

.az-brand-view__products--count-2{
    grid-template-columns:repeat(2,minmax(0,390px));
}


/* ==========================================================
   PRODUCT CARD
   ========================================================== */

.az-brand-product-card{
    position:relative;
    min-width:0;

    display:flex;
    flex-direction:column;

    background:#fff;
    border:1px solid var(--az-line);

    overflow:hidden;

    transition:
        transform .28s ease,
        border-color .28s ease,
        box-shadow .28s ease;
}

.az-brand-product-card::before{
    content:"";

    position:absolute;
    z-index:3;
    top:-1px;
    inset-inline-start:-1px;

    width:52px;
    height:3px;

    background:var(--az-orange);
}

.az-brand-product-card:hover{
    transform:translateY(-4px);

    border-color:rgba(7,18,13,.18);

    box-shadow:
        0 16px 36px rgba(7,18,13,.07);
}


/* IMAGE */

.az-brand-product-card__media{
    width:100%;
    height:260px;

    padding:24px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#fff;

    border-bottom:1px solid var(--az-line);

    overflow:hidden;
}

.az-brand-product-card__media img{
    display:block;

    width:100% !important;
    max-width:100% !important;

    height:210px !important;
    max-height:210px !important;

    object-fit:contain !important;
    object-position:center !important;

    background:#fff !important;

    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;

    transition:transform .3s ease;
}

.az-brand-product-card:hover
.az-brand-product-card__media img{
    transform:scale(1.025);
}

.az-brand-product-card__placeholder{
    width:100%;
    height:100%;
    background:var(--az-off-white);
}


/* BODY */

.az-brand-product-card__body{
    flex:1;
    min-height:165px;

    padding:20px 22px 22px;

    display:flex;
    flex-direction:column;
    align-items:flex-start;
}

.az-brand-product-card__brand{
    margin-bottom:7px;

    color:var(--az-orange);
    font-size:11px;
    font-weight:800;
}

.az-brand-product-card__title{
    margin:0;

    color:var(--az-green);
    font-family:inherit;
    font-size:16px;
    line-height:1.75;
    font-weight:800;
}

.az-brand-product-card__title a{
    color:inherit;
}

.az-brand-product-card__title a:hover{
    color:var(--az-orange);
}


/* ACTION */

.az-brand-product-card__action{
    margin-top:auto;
    padding-top:17px;

    display:inline-flex;
    align-items:center;
    gap:10px;

    color:var(--az-green);

    font-size:12px;
    font-weight:800;

    transition:color .25s ease;
}

.az-brand-product-card__arrow{
    width:32px;
    height:32px;
    flex:0 0 32px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    color:#fff;
    background:var(--az-green);

    border-radius:50%;

    transition:
        background .25s ease,
        transform .25s ease;
}

.az-brand-product-card__action:hover{
    color:var(--az-orange);
}

.az-brand-product-card__action:hover
.az-brand-product-card__arrow{
    background:var(--az-orange);
    transform:translateX(-3px);
}


/* ==========================================================
   EMPTY STATE
   ========================================================== */

.az-brand-view__empty{
    padding-block:65px;
    background:var(--az-off-white);
}

.az-brand-view__empty p{
    margin:0;
    padding-block:25px;

    color:var(--az-muted);
    font-size:14px;
    line-height:2;

    border-top:1px solid var(--az-line);
    border-bottom:1px solid var(--az-line);
}


/* ==========================================================
   CTA
   ========================================================== */

.az-brand-view__cta{
    position:relative;

    color:#fff;
    background:var(--az-green);
}

.az-brand-view__cta::before{
    content:"";

    position:absolute;
    top:0;
    inset-inline-start:0;

    width:30%;
    height:4px;

    background:var(--az-orange);
}

.az-brand-view__cta-inner{
    min-height:250px;
    padding-block:50px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:60px;
}

.az-brand-view__cta-inner > div{
    max-width:740px;
}

.az-brand-view__cta-eyebrow{
    margin-bottom:9px;

    color:var(--az-orange);
    font-size:12px;
    font-weight:800;
}

.az-brand-view__cta h2{
    margin:0;

    color:#fff;

    font-family:inherit;
    font-size:clamp(27px,3vw,38px);
    line-height:1.4;
    font-weight:800;
}

.az-brand-view__cta p{
    max-width:690px;
    margin:13px 0 0;

    color:rgba(255,255,255,.72);

    font-size:13px;
    line-height:2;
}

.az-brand-view__cta-action{
    flex:0 0 auto;

    display:inline-flex;
    align-items:center;
    gap:11px;

    color:#fff;

    font-size:13px;
    font-weight:800;
}

.az-brand-view__cta-arrow{
    width:42px;
    height:42px;
    flex:0 0 42px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    color:var(--az-green);
    background:#fff;

    border-radius:50%;

    transition:
        color .25s ease,
        background .25s ease,
        transform .25s ease;
}

.az-brand-view__cta-action:hover{
    color:var(--az-orange);
}

.az-brand-view__cta-action:hover
.az-brand-view__cta-arrow{
    color:#fff;
    background:var(--az-orange);
    transform:translateX(-3px);
}


/* ==========================================================
   BACK
   ========================================================== */

.az-brand-view__back{
    background:#fff;
    border-bottom:1px solid var(--az-line);
}

.az-brand-view__back .az-brand-view__shell{
    min-height:88px;

    display:flex;
    align-items:center;
    justify-content:center;
}

.az-brand-view__back a{
    display:inline-flex;
    align-items:center;
    gap:10px;

    color:var(--az-green);

    font-size:12px;
    font-weight:800;
}

.az-brand-view__back-arrow{
    width:34px;
    height:34px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    color:#fff;
    background:var(--az-green);

    border-radius:50%;

    transition:
        background .25s ease,
        transform .25s ease;
}

.az-brand-view__back a:hover{
    color:var(--az-orange);
}

.az-brand-view__back a:hover
.az-brand-view__back-arrow{
    background:var(--az-orange);
    transform:translateX(-3px);
}


/* ==========================================================
   LTR
   ========================================================== */

.az-brand-view[dir="ltr"]
.az-brand-product-card__arrow,

.az-brand-view[dir="ltr"]
.az-brand-view__cta-arrow,

.az-brand-view[dir="ltr"]
.az-brand-view__back-arrow{
    transform:scaleX(-1);
}


/* ==========================================================
   LAPTOP
   ========================================================== */

@media (max-width:1200px){

    .az-brand-view__shell{
        width:calc(100% - 56px);
    }

    .az-brand-view__hero-inner{
        min-height:370px;
        gap:48px;
        padding-block:45px;
    }

    .az-brand-view__visual{
        height:260px;
    }

    .az-brand-product-card__media{
        height:235px;
    }

    .az-brand-product-card__media img{
        height:190px !important;
        max-height:190px !important;
    }
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width:1024px){

    .az-brand-view__shell{
        width:calc(100% - 44px);
    }

    .az-brand-view__hero-inner{
        min-height:340px;

        grid-template-columns:minmax(0,1fr) 310px;

        gap:35px;
    }

    .az-brand-view__title{
        font-size:42px;
    }

    .az-brand-view__visual{
        height:230px;
    }

    .az-brand-view__products{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .az-brand-view__products--count-1{
        grid-template-columns:minmax(0,390px);
    }

    .az-brand-view__products--count-2{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .az-brand-view__group{
        padding-block:48px 54px;
    }

    .az-brand-view__cta-inner{
        gap:35px;
    }
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width:767px){

    .az-brand-view__shell{
        width:calc(100% - 32px);
    }


    /* HERO */

    .az-brand-view__hero-inner{
        min-height:0;

        padding-block:32px 38px;

        display:flex;
        flex-direction:column;

        gap:28px;
    }

    .az-brand-view__hero-content{
        width:100%;
        max-width:none;
    }

    .az-brand-view__title{
        font-size:35px;
    }

    .az-brand-view__intro{
        margin-top:15px;
        font-size:13px;
    }

    .az-brand-view__visual{
        height:215px;
    }

    .az-brand-view__visual--logo{
        padding:32px;
    }

    .az-brand-view__fallback{
        padding:27px;
    }

    .az-brand-view__fallback-name{
        font-size:40px;
    }


    /* PRODUCTS INTRO */

    .az-brand-view__products-intro >
    .az-brand-view__shell{
        padding-block:38px;
    }

    .az-brand-view__products-heading h2{
        font-size:26px;
    }

    .az-brand-view__category-nav{
        margin-top:24px;
    }

    .az-brand-view__category-nav-items{
        flex-direction:column;
        align-items:flex-start;
        gap:10px;
    }


    /* GROUP */

    .az-brand-view__group{
        padding-block:40px 44px;
    }

    .az-brand-view__group-header{
        margin-bottom:21px;
        display:block;
    }

    .az-brand-view__group-title{
        font-size:25px;
    }

    .az-brand-view__count{
        margin-top:9px;
    }


    /* GRID */

    .az-brand-view__products,
    .az-brand-view__products--count-1,
    .az-brand-view__products--count-2,
    .az-brand-view__products--count-3{
        grid-template-columns:1fr;
        gap:16px;
    }

    .az-brand-product-card__media{
        height:235px;
        padding:20px;
    }

    .az-brand-product-card__media img{
        height:195px !important;
        max-height:195px !important;
    }

    .az-brand-product-card__body{
        min-height:150px;
        padding:18px 20px 20px;
    }


    /* CTA */

    .az-brand-view__cta-inner{
        min-height:0;
        padding-block:40px;

        display:block;
    }

    .az-brand-view__cta h2{
        font-size:26px;
    }

    .az-brand-view__cta-action{
        margin-top:24px;
    }

    .az-brand-view__back .az-brand-view__shell{
        min-height:78px;
    }
}


/* ==========================================================
   SMALL MOBILE
   ========================================================== */

@media (max-width:480px){

    .az-brand-view__shell{
        width:calc(100% - 28px);
    }

    .az-brand-view__title{
        font-size:31px;
    }

    .az-brand-view__visual{
        height:190px;
    }

    .az-brand-view__fallback-name{
        font-size:35px;
    }

    .az-brand-view__products-heading h2,
    .az-brand-view__group-title,
    .az-brand-view__cta h2{
        font-size:23px;
    }

    .az-brand-product-card__media{
        height:215px;
        padding:18px;
    }

    .az-brand-product-card__media img{
        height:175px !important;
        max-height:175px !important;
    }

    .az-brand-product-card__title{
        font-size:15px;
    }
}/* End custom CSS */