.elementor-617 .elementor-element.elementor-element-944679c{--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;--margin-top:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-617 .elementor-element.elementor-element-81352cd{--display:flex;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#0668738F;--border-color:#0668738F;--border-radius:12px 12px 12px 12px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:60px;--padding-bottom:60px;--padding-left:30px;--padding-right:30px;}.elementor-617 .elementor-element.elementor-element-81352cd:not(.elementor-motion-effects-element-type-background), .elementor-617 .elementor-element.elementor-element-81352cd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0668731A;background-image:url("https://irranyaar.com/wp-content/uploads/2026/09/ChatGPT-Image-Sep-20-2026-05_45_53-PM.png");background-position:center center;}.elementor-widget-theme-archive-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-617 .elementor-element.elementor-element-b3ac455{text-align:center;}.elementor-617 .elementor-element.elementor-element-b3ac455 .elementor-heading-title{font-family:"IRANSansX", Sans-serif;font-size:22px;font-weight:700;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-617 .elementor-element.elementor-element-98fd83a{--divider-border-style:solid;--divider-color:var( --e-global-color-secondary );--divider-border-width:2px;}.elementor-617 .elementor-element.elementor-element-98fd83a .elementor-divider-separator{width:15%;margin:0 auto;margin-center:0;}.elementor-617 .elementor-element.elementor-element-98fd83a .elementor-divider{text-align:center;}.elementor-617 .elementor-element.elementor-element-58ade01{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}@media(max-width:1024px){.elementor-617 .elementor-element.elementor-element-944679c{--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-617 .elementor-element.elementor-element-81352cd{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-617 .elementor-element.elementor-element-944679c{--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-617 .elementor-element.elementor-element-81352cd:not(.elementor-motion-effects-element-type-background), .elementor-617 .elementor-element.elementor-element-81352cd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center right;}.elementor-617 .elementor-element.elementor-element-81352cd{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-617 .elementor-element.elementor-element-b3ac455 .elementor-heading-title{font-size:18px;}}/* Start custom CSS for shortcode, class: .elementor-element-58ade01 *//* ==============================
   Category Grid
============================== */

.content-category-grid {
    width: 100%;

    display: flex;
    flex-wrap: wrap;
    justify-content: center;

    gap: 15px
}


/* ==============================
   Card
============================== */

.content-category-card {
    flex: 0 0 calc(33.333% - 16px);

    min-height: 140px;

    padding: 18px;

    display: flex;
    align-items: center;

    gap: 15px;

    background: #ffffff;

    border: 1px solid #e9f0ef;
    border-radius: 22px;

    text-decoration: none;

    box-shadow:
        0 8px 28px rgba(20, 80, 80, 0.05);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}


.content-category-card:hover {
    transform: translateY(-5px);

    border-color: #d5e7e4;

    box-shadow:
        0 15px 38px rgba(20, 80, 80, 0.09);
}


/* ==============================
   Image
============================== */

.content-category-card-image {
    width: 100px;
    height: 100px;

    flex: 0 0 100px;

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


.content-category-card-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: contain;
}


/* ==============================
   Content
============================== */

.content-category-card-content {
    flex: 1;

    min-width: 0;

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

    gap: 16px;
}


/* ==============================
   Title
============================== */

.content-category-card-title {
    flex: 1;

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

    line-height: 1.9;

    color: #163f42;

    text-align: right;
}


/* ==============================
   Arrow Button
============================== */

.content-category-card-arrow {
    width: 42px;
    height: 42px;

    flex: 0 0 42px;

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

    border-radius: 50%;

    background: #edf8f6;

    color: #176c68;

    transition:
        transform .2s ease,
        background-color .2s ease;
}


.content-category-card-arrow span {
    display: block;

    font-size: 30px;
    font-weight: 300;

    line-height: 1;

    transform: translateY(-1px);
}


.content-category-card:hover .content-category-card-arrow {
    transform: translateX(4px);

    background: #dff2ef;
}


/* ==============================
   Tablet
============================== */

@media (max-width: 1024px) {

    .content-category-card {
        flex: 0 0 calc(50% - 12px);
    }

}


/* ==============================
   Mobile
============================== */

@media (max-width: 767px) {

    .content-category-grid {
        gap: 16px;
    }


    .content-category-card {
        flex: 0 0 100%;

        min-height: 135px;

        padding: 16px 18px;

        gap: 16px;
    }


    .content-category-card-image {
        width: 90px;
        height: 90px;

        flex: 0 0 90px;
    }


    .content-category-card-title {
        font-size: 16px;
    }


    .content-category-card-arrow {
        width: 36px;
        height: 36px;

        flex: 0 0 36px;
    }


    .content-category-card-arrow span {
        font-size: 26px;
    }

}/* End custom CSS */