.elementor-13679 .elementor-element.elementor-element-250b03b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13679 .elementor-element.elementor-element-ff7962e{--display:flex;}.elementor-13679 .elementor-element.elementor-element-aa4f607{--display:flex;}.elementor-13679 .elementor-element.elementor-element-aea7175{--display:flex;}.elementor-13679 .elementor-element.elementor-element-3ce3af5{--display:flex;}.elementor-13679 .elementor-element.elementor-element-56bb5aa{--display:flex;}.elementor-13679 .elementor-element.elementor-element-2a3117b{--display:flex;}.elementor-13679 .elementor-element.elementor-element-8b8a9d1{--display:flex;}.elementor-13679 .elementor-element.elementor-element-c7a7630{--display:flex;}.elementor-13679 .elementor-element.elementor-element-ca43f26{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13679 .elementor-element.elementor-element-b645cd3{--display:flex;}.elementor-13679 .elementor-element.elementor-element-bd17fac{--display:flex;}.elementor-13679 .elementor-element.elementor-element-6d79f1b{--display:flex;}.elementor-13679 .elementor-element.elementor-element-71142b4{--display:flex;}.elementor-13679 .elementor-element.elementor-element-a4ac05c{--display:flex;}.elementor-13679 .elementor-element.elementor-element-066ebdc{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13679 .elementor-element.elementor-element-161dfff{width:100%;max-width:100%;}/* Start custom CSS for container, class: .elementor-element-250b03b *//* ==========================================================
   AZEIDKGROUP — SINGLE SOLUTION
   COMPLETE / SCOPED / RESPONSIVE CSS
   Scope: .az-solution-page ONLY
   ========================================================== */


/* ==========================================================
   00. VARIABLES + RESET
   ========================================================== */

.az-solution-page{
    --az-green:#07120D;
    --az-heading:#07120D;
    --az-orange:#E28334;
    --az-white:#FFFFFF;
    --az-soft:#F6F7F5;
    --az-line:#E2E5E2;
    --az-text:#505A55;
    --az-muted:#747C78;

    --az-width:1200px;
    --az-gutter:32px;

    width:100%;
    max-width:none;

    margin:0;
    padding:0;

    overflow:hidden;

    direction:rtl;
    color:var(--az-green);

    font-family:
        var(--az-font-ar,"Noto Kufi Arabic",Arial,sans-serif);
}

.az-solution-page *,
.az-solution-page *::before,
.az-solution-page *::after{
    box-sizing:border-box;
}

.az-solution-page img{
    max-width:100%;
}

.az-solution-page a{
    text-decoration:none;
}

.az-solution-page p:last-child{
    margin-bottom:0;
}


/* ==========================================================
   01. BREADCRUMB
   ========================================================== */

.az-solution-page .az-solution-breadcrumb{
    width:100% !important;
    max-width:none !important;

    margin:0 !important;

    padding:
        18px
        var(--az-gutter)
        0 !important;

    background:#fff;
}

.az-solution-page .az-solution-breadcrumb__nav{
    width:100%;
    max-width:var(--az-width);

    margin:0 auto;

    display:flex;
    align-items:center;
    flex-wrap:wrap;

    gap:7px;

    direction:rtl;

    color:var(--az-muted);

    font-size:12px;
    line-height:1.8;
}

.az-solution-page .az-solution-breadcrumb__nav a{
    color:var(--az-green);

    transition:color .2s ease;
}

.az-solution-page .az-solution-breadcrumb__nav a:hover{
    color:var(--az-orange);
}

.az-solution-page .az-solution-breadcrumb__nav strong{
    color:var(--az-muted);
    font-weight:500;
}


/* ==========================================================
   02. HERO
   DESKTOP:
   IMAGE = LEFT
   CONTENT = RIGHT
   ========================================================== */

.az-solution-page .az-solution-hero{
    width:100% !important;
    max-width:none !important;

    margin:0 !important;

    padding:
        48px
        var(--az-gutter)
        72px !important;

    background:#fff !important;
}


/* HERO INNER */

.az-solution-page .az-solution-hero__inner{
    width:100% !important;
    max-width:var(--az-width) !important;

    margin:0 auto !important;
    padding:0 !important;

    display:grid !important;

    grid-template-columns:
        minmax(0,1.08fr)
        minmax(380px,.92fr) !important;

    grid-template-areas:
        "visual content" !important;

    gap:58px !important;

    align-items:center !important;

    /*
     * Grid itself is LTR so:
     * first column = physical left.
     * second column = physical right.
     */
    direction:ltr !important;
}


/* ------------------------------------------
   HERO CONTENT — RIGHT
   ------------------------------------------ */

.az-solution-page .az-solution-hero__content{
    grid-area:content !important;

    width:100% !important;
    max-width:500px !important;

    margin:0 !important;
    padding:0 !important;

    display:flex !important;

    flex-direction:column !important;

    align-items:flex-start !important;
    justify-content:center !important;

    gap:0 !important;

    direction:rtl !important;

    text-align:right !important;

    justify-self:end !important;
}


/*
 * Remove any Elementor layout behavior
 * from children inside content.
 */

.az-solution-page .az-solution-hero__content > *{
    position:relative !important;

    width:100% !important;
    max-width:none !important;

    flex:none !important;

    inset:auto !important;

    margin-left:0 !important;
    margin-right:0 !important;

    transform:none !important;

    text-align:right !important;
}


/* EYEBROW */

.az-solution-page .az-solution-hero__eyebrow{
    margin:
        0
        0
        9px !important;
}

.az-solution-page
.az-solution-hero__eyebrow
.elementor-heading-title{
    margin:0 !important;

    color:var(--az-orange) !important;

    font-family:inherit !important;

    font-size:13px !important;
    line-height:1.8 !important;

    font-weight:700 !important;

    text-align:right !important;
}


/* TITLE */

.az-solution-page .az-solution-hero__title{
    margin:
        0
        0
        18px !important;
}

.az-solution-page
.az-solution-hero__title
.elementor-heading-title{
    margin:0 !important;

    color:var(--az-heading) !important;

    font-family:inherit !important;

    font-size:clamp(42px,4.15vw,60px) !important;

    line-height:1.3 !important;

    font-weight:800 !important;

    letter-spacing:0 !important;

    text-align:right !important;
}


/* DESCRIPTION */

.az-solution-page .az-solution-hero__description{
    margin:
        0
        0
        25px !important;

    color:var(--az-text) !important;

    font-size:14px !important;

    line-height:2.05 !important;

    text-align:right !important;
}

.az-solution-page
.az-solution-hero__description
.elementor-widget-container,

.az-solution-page
.az-solution-hero__description p,

.az-solution-page
.az-solution-hero__description span{
    margin-top:0 !important;

    color:var(--az-text) !important;

    text-align:right !important;
}

.az-solution-page
.az-solution-hero__description p{
    margin-bottom:0 !important;
}


/* ------------------------------------------
   HERO ACTION
   ------------------------------------------ */

.az-solution-page .az-solution-hero__action{
    width:auto !important;
    max-width:100% !important;

    margin:0 !important;

    align-self:flex-start !important;
}

.az-solution-page
.az-solution-hero__action
.elementor-button{
    min-height:0 !important;

    padding:0 !important;

    border:0 !important;
    border-radius:0 !important;

    background:transparent !important;

    box-shadow:none !important;

    color:var(--az-green) !important;

    font-family:inherit !important;

    font-size:13px !important;
    line-height:1.7 !important;

    font-weight:700 !important;
}

.az-solution-page
.az-solution-hero__action
.elementor-button-content-wrapper{
    display:flex !important;

    /*
     * Circle appears visually to the left
     * of Arabic text.
     */
    flex-direction:row-reverse !important;

    align-items:center !important;

    gap:11px !important;
}

.az-solution-page
.az-solution-hero__action
.elementor-button-icon{
    width:40px !important;
    height:40px !important;

    flex:0 0 40px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    margin:0 !important;

    border-radius:50% !important;

    background:var(--az-green) !important;

    color:#fff !important;

    transition:
        background .25s ease,
        transform .25s ease;
}

.az-solution-page
.az-solution-hero__action
.elementor-button:hover{
    color:var(--az-orange) !important;
}

.az-solution-page
.az-solution-hero__action
.elementor-button:hover
.elementor-button-icon{
    background:var(--az-orange) !important;

    transform:translateX(-2px);
}


/* ------------------------------------------
   HERO VISUAL — LEFT
   ------------------------------------------ */

.az-solution-page .az-solution-hero__visual{
    grid-area:visual !important;

    position:relative !important;

    width:100% !important;
    min-width:0 !important;

    margin:0 !important;
    padding:0 !important;

    direction:rtl !important;

    align-self:center !important;
}

.az-solution-page
.az-solution-hero__visual::before{
    content:"";

    position:absolute;

    top:-7px;
    right:0;

    width:78px;
    height:4px;

    background:var(--az-orange);

    z-index:3;
}

.az-solution-page .az-solution-hero__image,
.az-solution-page
.az-solution-hero__image
.elementor-widget-container{
    width:100% !important;

    margin:0 !important;
    padding:0 !important;
}

.az-solution-page
.az-solution-hero__image img{
    display:block !important;

    width:100% !important;
    height:430px !important;

    margin:0 !important;

    object-fit:cover !important;

    object-position:center !important;
}


/* ==========================================================
   03. SHARED EYEBROW
   ========================================================== */

.az-solution-page
.az-solution-section__eyebrow{
    margin:0 0 7px !important;
}

.az-solution-page
.az-solution-section__eyebrow
.elementor-heading-title{
    margin:0 !important;

    color:var(--az-orange) !important;

    font-family:inherit !important;

    font-size:12px !important;
    line-height:1.8 !important;

    font-weight:700 !important;

    text-align:right !important;
}


/* ==========================================================
   04. OVERVIEW
   ========================================================== */

.az-solution-page .az-solution-overview{
    width:100% !important;
    max-width:none !important;

    margin:0 !important;

    padding:
        66px
        var(--az-gutter) !important;

    background:var(--az-soft) !important;
}

.az-solution-page
.az-solution-overview__inner{
    width:100% !important;
    max-width:var(--az-width) !important;

    margin:0 auto !important;
    padding:0 !important;

    display:grid !important;

    grid-template-columns:
        minmax(260px,4fr)
        minmax(0,8fr) !important;

    gap:65px !important;

    align-items:start !important;
}

.az-solution-page
.az-solution-overview__heading,

.az-solution-page
.az-solution-overview__content{
    width:100% !important;

    margin:0 !important;
    padding:0 !important;
}

.az-solution-page
.az-solution-overview__title{
    margin-top:7px !important;
}

.az-solution-page
.az-solution-overview__title
.elementor-heading-title{
    margin:0 !important;

    color:var(--az-heading) !important;

    font-family:inherit !important;

    font-size:clamp(31px,3vw,42px) !important;

    line-height:1.45 !important;

    font-weight:800 !important;

    text-align:right !important;
}

.az-solution-page
.az-solution-overview__content{
    color:var(--az-text) !important;

    font-size:14px !important;

    line-height:2.05 !important;

    text-align:right !important;
}

.az-solution-page
.az-solution-overview__content *{
    color:inherit !important;
}

.az-solution-page
.az-solution-overview__content p{
    margin:
        0
        0
        14px !important;
}


/* ==========================================================
   05. SCOPE
   ========================================================== */

.az-solution-page .az-solution-scope{
    width:100% !important;
    max-width:none !important;

    margin:0 !important;

    padding:
        66px
        var(--az-gutter) !important;

    background:var(--az-green) !important;
}

.az-solution-page
.az-solution-scope__inner{
    width:100% !important;
    max-width:var(--az-width) !important;

    margin:0 auto !important;
    padding:0 !important;

    display:grid !important;

    grid-template-columns:
        minmax(260px,4fr)
        minmax(0,8fr) !important;

    gap:65px !important;

    align-items:start !important;

    background:transparent !important;
}

.az-solution-page
.az-solution-scope__heading,

.az-solution-page
.az-solution-scope__content{
    width:100% !important;

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;
}

.az-solution-page
.az-solution-scope
.az-solution-section__eyebrow
.elementor-heading-title{
    color:var(--az-orange) !important;
}

.az-solution-page
.az-solution-scope__title{
    margin-top:7px !important;
}

.az-solution-page
.az-solution-scope__title
.elementor-heading-title{
    margin:0 !important;

    color:#fff !important;

    font-family:inherit !important;

    font-size:clamp(32px,3vw,43px) !important;

    line-height:1.45 !important;

    font-weight:800 !important;

    text-align:right !important;
}


/* Scope content */

.az-solution-page
.az-solution-scope__content{
    color:rgba(255,255,255,.82) !important;

    font-size:14px !important;

    line-height:2.05 !important;

    text-align:right !important;
}

.az-solution-page
.az-solution-scope__content
.elementor-widget-container,

.az-solution-page
.az-solution-scope__content p,

.az-solution-page
.az-solution-scope__content span,

.az-solution-page
.az-solution-scope__content li{
    color:rgba(255,255,255,.82) !important;
}

.az-solution-page
.az-solution-scope__content strong,

.az-solution-page
.az-solution-scope__content b{
    color:#fff !important;
}

.az-solution-page
.az-solution-scope__content p{
    margin:
        0
        0
        13px !important;
}

.az-solution-page
.az-solution-scope__content ul,

.az-solution-page
.az-solution-scope__content ol{
    margin:
        8px
        0
        15px !important;

    padding:
        0
        20px
        0
        0 !important;
}

.az-solution-page
.az-solution-scope__content li{
    margin-bottom:5px;
}


/* ==========================================================
   06. DYNAMIC SECTIONS
   ========================================================== */

.az-solution-page .az-solution-services,
.az-solution-page .az-solution-products,
.az-solution-page .az-solution-industries,
.az-solution-page .az-solution-projects{
    width:100% !important;
    max-width:none !important;

    margin:0 !important;

    padding:
        68px
        var(--az-gutter) !important;
}


/* Background rhythm */

.az-solution-page .az-solution-services,
.az-solution-page .az-solution-industries{
    background:#fff !important;
}

.az-solution-page .az-solution-products,
.az-solution-page .az-solution-projects{
    background:var(--az-soft) !important;
}


/*
 * Elementor shortcode wrapper
 */

.az-solution-page
.az-solution-services > *,

.az-solution-page
.az-solution-products > *,

.az-solution-page
.az-solution-industries > *,

.az-solution-page
.az-solution-projects > *{
    width:100% !important;
    max-width:100% !important;

    margin-left:0 !important;
    margin-right:0 !important;
}


/* ==========================================================
   07. RELATED ROOT / HEADING
   ========================================================== */

.az-solution-page .az-solution-related{
    width:100% !important;
    max-width:var(--az-width) !important;

    margin:0 auto !important;
    padding:0 !important;

    direction:rtl;
}

.az-solution-page
.az-solution-related__header{
    width:100%;
    max-width:700px;

    margin:
        0
        0
        34px;

    text-align:right;
}

.az-solution-page
.az-solution-related__eyebrow{
    margin:
        0
        0
        7px;

    color:var(--az-orange);

    font-size:12px;

    line-height:1.7;

    font-weight:700;
}

.az-solution-page
.az-solution-related__title{
    margin:0;

    color:var(--az-heading);

    font-family:inherit;

    font-size:clamp(30px,3vw,42px);

    line-height:1.45;

    font-weight:800;
}

.az-solution-page
.az-solution-related__intro{
    max-width:650px;

    margin:
        10px
        0
        0;

    color:var(--az-text);

    font-size:13px;

    line-height:1.95;
}


/* ==========================================================
   08. SERVICES
   ========================================================== */

.az-solution-page
.az-solution-service-grid{
    width:100%;

    display:grid !important;

    grid-template-columns:
        repeat(3,minmax(0,1fr)) !important;

    border-top:
        1px
        solid
        var(--az-line);

    border-right:
        1px
        solid
        var(--az-line);
}

.az-solution-page
.az-solution-service-card{
    min-width:0;
    min-height:255px;

    display:flex;

    flex-direction:column;

    margin:0;

    padding:26px;

    border-left:
        1px
        solid
        var(--az-line);

    border-bottom:
        1px
        solid
        var(--az-line);

    background:#fff;
}

.az-solution-page
.az-solution-service-card__number{
    margin:
        0
        0
        22px;

    color:var(--az-orange);

    font-size:12px;

    font-weight:700;
}

.az-solution-page
.az-solution-service-card__title{
    margin:
        0
        0
        9px;

    color:var(--az-heading);

    font-family:inherit;

    font-size:19px;

    line-height:1.55;

    font-weight:800;
}

.az-solution-page
.az-solution-service-card__text{
    margin:
        0
        0
        20px;

    color:var(--az-text);

    font-size:13px;

    line-height:1.85;
}


/* ==========================================================
   09. COMMON CARD ACTION
   ========================================================== */

.az-solution-page
.az-solution-card-action{
    width:max-content;
    max-width:100%;

    display:inline-flex;

    align-items:center;

    gap:10px;

    margin-top:auto;

    color:var(--az-green) !important;

    font-size:12px;

    font-weight:700;

    text-decoration:none !important;

    transition:color .2s ease;
}

.az-solution-page
.az-solution-card-action__icon{
    width:34px;
    height:34px;

    flex:0 0 34px;

    display:inline-flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:var(--az-green);

    color:#fff;

    font-family:Arial,sans-serif;

    transition:
        background .25s ease,
        transform .25s ease;
}

.az-solution-page
.az-solution-card-action:hover{
    color:var(--az-orange) !important;
}

.az-solution-page
.az-solution-card-action:hover
.az-solution-card-action__icon{
    background:var(--az-orange);

    transform:translateX(-2px);
}


/* ==========================================================
   10. PRODUCTS
   ========================================================== */

.az-solution-page
.az-solution-product-grid{
    width:100%;

    display:grid !important;

    grid-template-columns:
        repeat(3,minmax(0,1fr)) !important;

    gap:22px !important;
}

.az-solution-page
.az-solution-product-card{
    min-width:0;

    display:flex;

    flex-direction:column;

    margin:0;

    overflow:hidden;

    border:
        1px
        solid
        var(--az-line);

    background:#fff;
}

.az-solution-page
.az-solution-product-card__media{
    width:100%;
    height:270px;

    display:flex;

    align-items:center;
    justify-content:center;

    padding:24px;

    overflow:hidden;

    background:#fff;
}

.az-solution-page
.az-solution-product-card__media img{
    display:block;

    width:100%;
    height:100%;

    object-fit:contain;

    transition:transform .3s ease;
}

.az-solution-page
.az-solution-product-card:hover
.az-solution-product-card__media img{
    transform:scale(1.035);
}

.az-solution-page
.az-solution-product-card__placeholder{
    width:100%;
    height:100%;

    background:#F0F2EF;
}

.az-solution-page
.az-solution-product-card__body{
    flex:1;

    display:flex;

    flex-direction:column;

    padding:22px;

    border-top:
        1px
        solid
        var(--az-line);
}

.az-solution-page
.az-solution-product-card__brand{
    margin:
        0
        0
        6px;

    color:var(--az-orange);

    font-size:11px;

    font-weight:700;
}

.az-solution-page
.az-solution-product-card__title{
    margin:
        0
        0
        9px;

    font-family:inherit;

    font-size:18px;

    line-height:1.55;

    font-weight:800;
}

.az-solution-page
.az-solution-product-card__title a{
    color:var(--az-heading) !important;

    text-decoration:none !important;
}

.az-solution-page
.az-solution-product-card__text{
    margin:
        0
        0
        18px;

    color:var(--az-text);

    font-size:12px;

    line-height:1.9;
}


/* ==========================================================
   11. INDUSTRIES
   ========================================================== */

.az-solution-page
.az-solution-related--industries{
    display:grid !important;

    grid-template-columns:
        minmax(270px,4fr)
        minmax(0,8fr) !important;

    gap:65px !important;

    align-items:start;
}

.az-solution-page
.az-solution-related--industries
.az-solution-related__header{
    max-width:none;

    margin:0;
}

.az-solution-page
.az-solution-industry-list{
    width:100%;

    display:grid !important;

    grid-template-columns:
        repeat(2,minmax(0,1fr)) !important;

    column-gap:42px;

    border-top:
        1px
        solid
        var(--az-line);
}

.az-solution-page
.az-solution-industry-item{
    min-height:58px;

    display:flex;

    align-items:center;

    gap:11px;

    padding:
        12px
        0;

    border-bottom:
        1px
        solid
        var(--az-line);
}

.az-solution-page
.az-solution-industry-item__mark{
    width:6px;
    height:6px;

    flex:0 0 6px;

    background:var(--az-orange);
}

.az-solution-page
.az-solution-industry-item__name{
    color:var(--az-heading);

    font-size:13px;

    line-height:1.7;

    font-weight:700;
}


/* ==========================================================
   12. PROJECTS
   ========================================================== */

.az-solution-page
.az-solution-project-grid{
    width:100%;

    display:grid !important;

    grid-template-columns:
        repeat(3,minmax(0,1fr)) !important;

    gap:22px !important;
}

.az-solution-page
.az-solution-project-card{
    min-width:0;

    margin:0;

    overflow:hidden;
}

.az-solution-page
.az-solution-project-card__media{
    display:block;

    width:100%;
    height:285px;

    overflow:hidden;

    background:#EDEFEA;
}

.az-solution-page
.az-solution-project-card__media img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;

    transition:transform .3s ease;
}

.az-solution-page
.az-solution-project-card:hover
.az-solution-project-card__media img{
    transform:scale(1.035);
}

.az-solution-page
.az-solution-project-card__placeholder{
    width:100%;
    height:100%;

    background:#EDEFEA;
}

.az-solution-page
.az-solution-project-card__body{
    min-height:175px;

    display:flex;

    flex-direction:column;

    padding:
        19px
        0
        0;
}

.az-solution-page
.az-solution-project-card__meta{
    margin:
        0
        0
        5px;

    color:var(--az-orange);

    font-size:11px;

    font-weight:700;
}

.az-solution-page
.az-solution-project-card__title{
    margin:
        0
        0
        8px;

    font-family:inherit;

    font-size:20px;

    line-height:1.5;

    font-weight:800;
}

.az-solution-page
.az-solution-project-card__title a{
    color:var(--az-heading) !important;

    text-decoration:none !important;
}

.az-solution-page
.az-solution-project-card__text{
    margin:
        0
        0
        16px;

    color:var(--az-text);

    font-size:12px;

    line-height:1.9;
}


/* ==========================================================
   13. CTA — FULL WIDTH SECTION
   ========================================================== */

.az-solution-page .az-solution-cta{
    width:100% !important;
    max-width:none !important;

    margin:0 !important;
    padding:0 !important;

    background:var(--az-green,#07120D) !important;
}


/* Elementor wrappers must also fill the screen */

.az-solution-page
.az-solution-cta > *,

.az-solution-page
.az-solution-cta .elementor-widget-shortcode,

.az-solution-page
.az-solution-cta .elementor-widget-container{
    width:100% !important;
    max-width:none !important;

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;
}


/* ==========================================================
   ACTUAL SHORTCODE OUTPUT
   This is now the INNER CONTENT container,
   NOT the green box.
   ========================================================== */

.az-solution-page
.az-solution-cta-box{
    position:relative !important;

    width:100% !important;
    max-width:1200px !important;

    min-height:360px !important;

    margin:0 auto !important;

    padding:
        65px
        32px !important;

    display:flex !important;
    flex-direction:column !important;

    justify-content:center !important;
    align-items:flex-start !important;

    gap:28px !important;

    overflow:visible !important;

    direction:rtl !important;

    /*
     * مهم:
     * الصندوق نفسه لم يعد له لون مستقل.
     * اللون موجود على السيكشن الخارجي بالكامل.
     */
    background:transparent !important;

    border:0 !important;
    border-radius:0 !important;

    box-shadow:none !important;
}


/* Orange accent */

.az-solution-page
.az-solution-cta-box::before{
    content:"";

    position:absolute;

    top:0;
    right:32px;

    width:96px;
    height:4px;

    background:var(--az-orange,#E28334);
}


/* ==========================================================
   CTA CONTENT
   ========================================================== */

.az-solution-page
.az-solution-cta-box__content{
    width:100% !important;
    max-width:900px !important;

    margin:0 !important;
    padding:0 !important;

    text-align:right !important;
}


/* Eyebrow */

.az-solution-page
.az-solution-cta-box__eyebrow{
    margin:
        0
        0
        10px !important;

    color:var(--az-orange,#E28334) !important;

    font-family:inherit !important;

    font-size:12px !important;
    line-height:1.8 !important;

    font-weight:700 !important;

    text-align:right !important;
}


/* Main CTA title */

.az-solution-page
.az-solution-cta-box__title{
    width:100% !important;
    max-width:900px !important;

    margin:0 !important;

    color:#fff !important;

    font-family:inherit !important;

    font-size:clamp(31px,3.2vw,46px) !important;

    line-height:1.55 !important;

    font-weight:800 !important;

    text-align:right !important;
}


/* ==========================================================
   CTA ACTION
   ========================================================== */

.az-solution-page
.az-solution-cta-box__action{
    width:max-content !important;
    max-width:100% !important;

    display:inline-flex !important;

    flex-direction:row !important;

    align-items:center !important;

    gap:11px !important;

    margin:0 !important;

    color:#fff !important;

    font-family:inherit !important;

    font-size:13px !important;
    line-height:1.7 !important;

    font-weight:700 !important;

    white-space:normal !important;

    text-decoration:none !important;

    transition:color .25s ease;
}


/* Circle */

.az-solution-page
.az-solution-cta-box__arrow{
    width:40px !important;
    height:40px !important;

    flex:0 0 40px !important;

    display:inline-flex !important;

    align-items:center !important;
    justify-content:center !important;

    border-radius:50% !important;

    background:#fff !important;

    color:var(--az-green,#07120D) !important;

    font-family:Arial,sans-serif !important;

    transition:
        background .25s ease,
        color .25s ease,
        transform .25s ease;
}


/* Hover */

.az-solution-page
.az-solution-cta-box__action:hover{
    color:var(--az-orange,#E28334) !important;
}

.az-solution-page
.az-solution-cta-box__action:hover
.az-solution-cta-box__arrow{
    background:var(--az-orange,#E28334) !important;

    color:#fff !important;

    transform:translateX(-2px);
}


/* ==========================================================
   CTA — TABLET
   ========================================================== */

@media (max-width:1024px){

    .az-solution-page
    .az-solution-cta-box{
        min-height:330px !important;

        padding:
            55px
            24px !important;
    }

    .az-solution-page
    .az-solution-cta-box::before{
        right:24px;
    }

    .az-solution-page
    .az-solution-cta-box__content{
        max-width:800px !important;
    }
}


/* ==========================================================
   CTA — MOBILE
   ========================================================== */

@media (max-width:767px){

    .az-solution-page
    .az-solution-cta-box{
        min-height:0 !important;

        padding:
            48px
            18px !important;

        gap:24px !important;
    }

    .az-solution-page
    .az-solution-cta-box::before{
        right:18px;

        width:72px;
    }

    .az-solution-page
    .az-solution-cta-box__title{
        font-size:27px !important;

        line-height:1.6 !important;
    }
}


/* ==========================================================
   CTA — SMALL MOBILE
   ========================================================== */

@media (max-width:420px){

    .az-solution-page
    .az-solution-cta-box{
        padding:
            42px
            15px !important;
    }

    .az-solution-page
    .az-solution-cta-box::before{
        right:15px;
    }

    .az-solution-page
    .az-solution-cta-box__title{
        font-size:24px !important;
    }
}


/* ==========================================================
   14. LAPTOP
   ========================================================== */

@media (max-width:1200px){

    .az-solution-page{
        --az-gutter:28px;
    }


    /* HERO */

    .az-solution-page
    .az-solution-hero__inner{
        grid-template-columns:
            minmax(0,1.05fr)
            minmax(350px,.95fr) !important;

        gap:42px !important;
    }

    .az-solution-page
    .az-solution-hero__image img{
        height:390px !important;
    }


    /* CONTENT SECTIONS */

    .az-solution-page
    .az-solution-overview__inner,

    .az-solution-page
    .az-solution-scope__inner,

    .az-solution-page
    .az-solution-related--industries{
        gap:48px !important;
    }
}


/* ==========================================================
   15. TABLET LANDSCAPE
   ========================================================== */

@media (max-width:1024px){

    .az-solution-page{
        --az-gutter:24px;
    }


    /* HERO */

    .az-solution-page
    .az-solution-hero__inner{
        grid-template-columns:
            minmax(0,1fr)
            minmax(330px,.9fr) !important;

        gap:32px !important;
    }

    .az-solution-page
    .az-solution-hero__title
    .elementor-heading-title{
        font-size:38px !important;
    }

    .az-solution-page
    .az-solution-hero__image img{
        height:340px !important;
    }


    /* OVERVIEW / SCOPE */

    .az-solution-page
    .az-solution-overview__inner,

    .az-solution-page
    .az-solution-scope__inner{
        grid-template-columns:
            minmax(220px,4fr)
            minmax(0,8fr) !important;

        gap:36px !important;
    }


    /* SERVICES */

    .az-solution-page
    .az-solution-service-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }


    /* PRODUCTS */

    .az-solution-page
    .az-solution-product-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }


    /* PROJECTS */

    .az-solution-page
    .az-solution-project-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }


    /* INDUSTRIES */

    .az-solution-page
    .az-solution-related--industries{
        grid-template-columns:
            minmax(220px,4fr)
            minmax(0,8fr) !important;

        gap:36px !important;
    }


    /* CTA */

    .az-solution-page
    .az-solution-cta-box{
        padding:
            42px
            40px !important;
    }
}


/* ==========================================================
   16. TABLET PORTRAIT
   ========================================================== */

@media (max-width:900px){

    /* HERO STACK */

    .az-solution-page
    .az-solution-hero{
        padding-top:34px !important;
        padding-bottom:52px !important;
    }

    .az-solution-page
    .az-solution-hero__inner{
        display:flex !important;

        flex-direction:column !important;

        gap:30px !important;

        direction:rtl !important;
    }

    .az-solution-page
    .az-solution-hero__content{
        width:100% !important;
        max-width:650px !important;

        align-self:flex-start !important;

        order:1 !important;
    }

    .az-solution-page
    .az-solution-hero__visual{
        width:100% !important;

        order:2 !important;
    }

    .az-solution-page
    .az-solution-hero__image img{
        height:380px !important;
    }


    /* OVERVIEW / SCOPE STACK */

    .az-solution-page
    .az-solution-overview__inner,

    .az-solution-page
    .az-solution-scope__inner{
        grid-template-columns:1fr !important;

        gap:24px !important;
    }

    .az-solution-page
    .az-solution-overview__heading,

    .az-solution-page
    .az-solution-scope__heading{
        max-width:570px;
    }


    /* INDUSTRIES STACK */

    .az-solution-page
    .az-solution-related--industries{
        grid-template-columns:1fr !important;

        gap:27px !important;
    }

    .az-solution-page
    .az-solution-related--industries
    .az-solution-related__header{
        max-width:600px;
    }


    /* CTA */

    .az-solution-page
    .az-solution-cta-box{
        min-height:0 !important;
    }
}


/* ==========================================================
   17. MOBILE
   ========================================================== */

@media (max-width:767px){

    .az-solution-page{
        --az-gutter:18px;
    }


    /* BREADCRUMB */

    .az-solution-page
    .az-solution-breadcrumb{
        padding-top:13px !important;
    }

    .az-solution-page
    .az-solution-breadcrumb__nav{
        font-size:11px;
    }


    /* HERO */

    .az-solution-page
    .az-solution-hero{
        padding-top:27px !important;
        padding-bottom:46px !important;
    }

    .az-solution-page
    .az-solution-hero__inner{
        gap:27px !important;
    }

    .az-solution-page
    .az-solution-hero__title
    .elementor-heading-title{
        font-size:34px !important;

        line-height:1.38 !important;
    }

    .az-solution-page
    .az-solution-hero__description{
        font-size:13px !important;
    }

    .az-solution-page
    .az-solution-hero__image img{
        height:275px !important;
    }


    /* OVERVIEW */

    .az-solution-page
    .az-solution-overview{
        padding-top:48px !important;
        padding-bottom:48px !important;
    }

    .az-solution-page
    .az-solution-overview__title
    .elementor-heading-title{
        font-size:29px !important;
    }

    .az-solution-page
    .az-solution-overview__content{
        font-size:13px !important;
    }


    /* SCOPE */

    .az-solution-page
    .az-solution-scope{
        padding-top:48px !important;
        padding-bottom:48px !important;
    }

    .az-solution-page
    .az-solution-scope__title
    .elementor-heading-title{
        font-size:29px !important;
    }

    .az-solution-page
    .az-solution-scope__content{
        font-size:13px !important;
    }


    /* DYNAMIC SECTIONS */

    .az-solution-page
    .az-solution-services,

    .az-solution-page
    .az-solution-products,

    .az-solution-page
    .az-solution-industries,

    .az-solution-page
    .az-solution-projects{
        padding-top:50px !important;
        padding-bottom:50px !important;
    }

    .az-solution-page
    .az-solution-related__header{
        margin-bottom:25px;
    }

    .az-solution-page
    .az-solution-related__title{
        font-size:28px;
    }


    /* SERVICES */

    .az-solution-page
    .az-solution-service-grid{
        grid-template-columns:1fr !important;

        border-right:0;
    }

    .az-solution-page
    .az-solution-service-card{
        min-height:0;

        padding:
            22px
            0;

        border-left:0;
    }

    .az-solution-page
    .az-solution-service-card__number{
        margin-bottom:12px;
    }


    /* PRODUCTS */

    .az-solution-page
    .az-solution-product-grid{
        grid-template-columns:1fr !important;

        gap:16px !important;
    }

    .az-solution-page
    .az-solution-product-card__media{
        height:250px;
    }


    /* INDUSTRIES */

    .az-solution-page
    .az-solution-industry-list{
        grid-template-columns:1fr !important;

        column-gap:0;
    }


    /* PROJECTS */

    .az-solution-page
    .az-solution-project-grid{
        grid-template-columns:1fr !important;

        gap:24px !important;
    }

    .az-solution-page
    .az-solution-project-card__media{
        height:250px;
    }

    .az-solution-page
    .az-solution-project-card__body{
        min-height:0;
    }


    /* CTA */

    .az-solution-page
    .az-solution-cta{
        padding-top:50px !important;
        padding-bottom:50px !important;
    }

    .az-solution-page
    .az-solution-cta-box{
        padding:
            32px
            25px !important;

        gap:28px !important;
    }

    .az-solution-page
    .az-solution-cta-box__title{
        font-size:27px !important;
    }
}


/* ==========================================================
   18. SMALL MOBILE
   ========================================================== */

@media (max-width:420px){

    .az-solution-page{
        --az-gutter:15px;
    }


    /* HERO */

    .az-solution-page
    .az-solution-hero__title
    .elementor-heading-title{
        font-size:29px !important;
    }

    .az-solution-page
    .az-solution-hero__image img{
        height:225px !important;
    }


    /* OVERVIEW / SCOPE */

    .az-solution-page
    .az-solution-overview__title
    .elementor-heading-title,

    .az-solution-page
    .az-solution-scope__title
    .elementor-heading-title{
        font-size:26px !important;
    }


    /* PRODUCT */

    .az-solution-page
    .az-solution-product-card__media{
        height:220px;
    }


    /* PROJECT */

    .az-solution-page
    .az-solution-project-card__media{
        height:220px;
    }


    /* CTA */

    .az-solution-page
    .az-solution-cta-box{
        padding:
            28px
            21px !important;
    }

    .az-solution-page
    .az-solution-cta-box__title{
        font-size:24px !important;
    }
}/* End custom CSS */