.elementor-1245 .elementor-element.elementor-element-028efb9{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-1245 .elementor-element.elementor-element-00788d1 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1245 .elementor-element.elementor-element-c065e74 > .elementor-widget-container{margin:-19px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1245 .elementor-element.elementor-element-0cc583f > .elementor-widget-container{margin:-15px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1245 .elementor-element.elementor-element-253067e > .elementor-widget-container{margin:-4px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1245 .elementor-element.elementor-element-fe78aaf > .elementor-widget-container{margin:-11px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1245 .elementor-element.elementor-element-d423f38 > .elementor-widget-container{margin:-14px 0px 0px 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for html, class: .elementor-element-dfe8de7 *//* =========================================
   MASAL COMPLEX
   HERO - SHMAREH NISAN JARSAGHIL
========================================= */

:root {

    --masal-primary: #BA0280;

    --masal-green: #61CE70;

    --masal-red: #FF0000;

    --masal-black: #000000;

    --masal-white: #FFFFFF;

    --masal-text: #171717;

    --masal-muted: #656565;

    --masal-border: #EAE5E8;

    --masal-light: #FAF8FA;

    --masal-soft-purple:
        rgba(186, 2, 128, 0.07);

    --masal-soft-green:
        rgba(97, 206, 112, 0.12);

    --masal-radius-sm: 12px;

    --masal-radius-md: 18px;

    --masal-radius-lg: 28px;

    --masal-radius-xl: 36px;

    --masal-container: 1240px;

}


/* =========================================
   LOCAL RESET
========================================= */

.masal-hero,
.masal-hero * {

    box-sizing: border-box;

}


/*
    حذف زیرخط از تمام لینک‌های همین سکشن
*/

.masal-hero a,
.masal-hero a:hover,
.masal-hero a:focus,
.masal-hero a:active,
.masal-hero a:visited {

    text-decoration: none !important;

}


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

.masal-hero {

    position: relative;

    direction: rtl;

    width: 100%;

    overflow: hidden;

    isolation: isolate;

    color: var(--masal-text);

    background:

        radial-gradient(
            circle at 92% 18%,
            rgba(186, 2, 128, 0.08),
            transparent 29%
        ),

        radial-gradient(
            circle at 8% 76%,
            rgba(97, 206, 112, 0.09),
            transparent 29%
        ),

        #FFFFFF;

    padding:
        clamp(45px, 6vw, 92px)
        0
        clamp(45px, 6vw, 78px);

}


/* =========================================
   CONTAINER
========================================= */

.masal-container {

    width:
        min(
            calc(100% - 40px),
            var(--masal-container)
        );

    margin-inline: auto;

}


/* =========================================
   BACKGROUND DECORATIONS
========================================= */

.masal-hero__decoration {

    position: absolute;

    z-index: -1;

    border-radius: 50%;

    pointer-events: none;

}


.masal-hero__decoration--right {

    width: 410px;

    height: 410px;

    right: -260px;

    top: 30px;

    background:
        rgba(186, 2, 128, 0.055);

}


.masal-hero__decoration--left {

    width: 480px;

    height: 480px;

    left: -330px;

    bottom: -180px;

    background:
        rgba(97, 206, 112, 0.065);

}


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

.masal-hero__layout {

    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(420px, 0.95fr);

    align-items: center;

    gap:
        clamp(38px, 6vw, 80px);

}


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

.masal-hero__content {

    min-width: 0;

}


/* =========================================
   BADGE
========================================= */

.masal-hero__badge {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    margin-bottom: 17px;

    padding: 7px 13px;

    border:
        1px solid
        rgba(186, 2, 128, 0.15);

    border-radius: 999px;

    color: var(--masal-primary);

    background:
        rgba(186, 2, 128, 0.05);

    font-size: 13px;

    font-weight: 800;

    line-height: 1.5;

}


.masal-hero__badge-dot {

    display: block;

    flex: 0 0 8px;

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: var(--masal-green);

    box-shadow:
        0 0 0 5px
        rgba(97, 206, 112, 0.13);

}


/* =========================================
   H1
========================================= */

.masal-hero__title {

    max-width: 760px;

    margin:
        0
        0
        20px;

    color: var(--masal-black);

    font-size:
        clamp(
            36px,
            5vw,
            67px
        );

    font-weight: 900;

    line-height: 1.2;

    letter-spacing: -1.2px;

}


.masal-hero__title-secondary {

    display: block;

    margin-top: 7px;

    color: var(--masal-primary);

    font-size:
        clamp(
            25px,
            3.6vw,
            47px
        );

    font-weight: 900;

    line-height: 1.35;

    letter-spacing: -0.7px;

}


/* =========================================
   DESCRIPTION
========================================= */

.masal-hero__description {

    max-width: 750px;

    margin:
        0
        0
        24px;

    color: var(--masal-muted);

    font-size:
        clamp(
            15px,
            1.5vw,
            18px
        );

    font-weight: 500;

    line-height: 2;

}


.masal-hero__description strong {

    color: var(--masal-black);

    font-weight: 850;

}


/* =========================================
   PHONE BOX
========================================= */

.masal-phone-box {

    display: flex;

    align-items: center;

    gap: 14px;

    width: fit-content;

    max-width: 100%;

    margin-bottom: 19px;

    padding:
        12px
        14px
        12px
        21px;

    border:
        1px solid
        rgba(255, 0, 0, 0.13);

    border-radius:
        var(--masal-radius-md);

    background:
        var(--masal-white);

    box-shadow:
        0 11px 32px
        rgba(0, 0, 0, 0.06);

}


.masal-phone-box__icon {

    display: grid;

    place-items: center;

    flex: 0 0 54px;

    width: 54px;

    height: 54px;

    border-radius: 15px;

    background:
        var(--masal-red);

    color:
        var(--masal-white);

}


.masal-phone-box__content {

    display: flex;

    flex-direction: column;

    gap: 3px;

    min-width: 0;

}


.masal-phone-box__label {

    color: var(--masal-muted);

    font-size: 11px;

    font-weight: 750;

    line-height: 1.5;

}


.masal-phone-box__number {

    display: inline-block;

    direction: ltr;

    color: var(--masal-black);

    font-family:
        Arial,
        sans-serif;

    font-size:
        clamp(
            24px,
            3vw,
            34px
        );

    font-weight: 900;

    line-height: 1.15;

    letter-spacing: 0.4px;

    transition:
        color .2s ease,
        transform .2s ease;

}


.masal-phone-box__number:hover {

    color: var(--masal-red);

}


/* =========================================
   BUTTONS
========================================= */

.masal-hero__buttons {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: 11px;

    margin-bottom: 18px;

}


.masal-btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 9px;

    min-height: 54px;

    padding:
        13px
        22px;

    border-radius: 14px;

    font-size: 14px;

    font-weight: 850;

    line-height: 1.4;

    transition:

        transform .18s ease,
        box-shadow .18s ease,
        background-color .18s ease,
        border-color .18s ease,
        color .18s ease;

}


.masal-btn:hover {

    transform:
        translateY(-2px);

}


/* Call Button */

.masal-btn--call {

    border:
        2px solid
        var(--masal-red);

    background:
        var(--masal-red);

    color:
        var(--masal-white);

    box-shadow:
        0 12px 27px
        rgba(255, 0, 0, 0.18);

}


.masal-btn--call:hover {

    color:
        var(--masal-white);

    box-shadow:
        0 15px 32px
        rgba(255, 0, 0, 0.24);

}


/* Services Button */

.masal-btn--services {

    border:
        2px solid
        rgba(186, 2, 128, 0.17);

    background:
        var(--masal-white);

    color:
        var(--masal-primary);

}


.masal-btn--services:hover {

    color:
        var(--masal-primary);

    border-color:
        var(--masal-primary);

    background:
        rgba(186, 2, 128, 0.04);

}


/* =========================================
   STATUS
========================================= */

.masal-status {

    display: flex;

    align-items: center;

    gap: 9px;

    width: fit-content;

    max-width: 100%;

    margin-bottom: 21px;

    padding:
        9px
        13px;

    border-radius: 10px;

    background: #F5F5F5;

    color: #555555;

    font-size: 12px;

    font-weight: 750;

    line-height: 1.7;

}


.masal-status__indicator {

    flex: 0 0 8px;

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: #8B8B8B;

}


.masal-status--open {

    color: #176B25;

    background:
        rgba(97, 206, 112, 0.13);

}


.masal-status--open
.masal-status__indicator {

    background:
        var(--masal-green);

    box-shadow:
        0 0 0 4px
        rgba(97, 206, 112, 0.16);

}


.masal-status--closed {

    color: #7A4D00;

    background: #FFF7E8;

}


.masal-status--closed
.masal-status__indicator {

    background: #F5A400;

}


/* =========================================
   BENEFITS
========================================= */

.masal-benefits {

    display: flex;

    flex-wrap: wrap;

    gap:
        10px
        19px;

    margin: 0;

    padding: 0;

    list-style: none;

}


.masal-benefits li {

    display: flex;

    align-items: center;

    gap: 8px;

    color: #454545;

    font-size: 13px;

    font-weight: 750;

}


.masal-benefits__check {

    display: grid;

    place-items: center;

    flex: 0 0 20px;

    width: 20px;

    height: 20px;

    border-radius: 50%;

    color: #1E972F;

    background:
        rgba(97, 206, 112, 0.15);

    font-size: 12px;

    font-weight: 900;

}


/* =========================================
   VISUAL
========================================= */

.masal-hero__visual {

    position: relative;

    min-width: 0;

}


.masal-hero__image-box {

    position: relative;

    margin: 0;

    overflow: hidden;

    border:
        1px solid
        rgba(0, 0, 0, 0.06);

    border-radius:
        var(--masal-radius-xl);

    background:
        #F6F4F5;

    box-shadow:
        0 22px 60px
        rgba(0, 0, 0, 0.10);

}


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

.masal-hero__image {

    display: block;

    width: 100%;

    height: auto;

    object-fit: contain;

    background:
        #F6F4F5;

}


/* =========================================
   FLOAT SERVICE CARD
========================================= */

.masal-service-card {

    position: absolute;

    right: 18px;

    bottom: 18px;

    width:
        min(
            330px,
            calc(100% - 36px)
        );

    padding: 16px;

    border:
        1px solid
        rgba(255, 255, 255, 0.65);

    border-radius:
        18px;

    background:
        rgba(255, 255, 255, 0.94);

    box-shadow:
        0 14px 35px
        rgba(0, 0, 0, 0.13);

    backdrop-filter:
        blur(12px);

}


.masal-service-card__header {

    display: flex;

    flex-direction: column;

    gap: 3px;

    margin-bottom: 11px;

}


.masal-service-card__small {

    color:
        var(--masal-muted);

    font-size: 10px;

    font-weight: 700;

}


.masal-service-card__header strong {

    color:
        var(--masal-black);

    font-size: 14px;

    font-weight: 900;

    line-height: 1.5;

}


.masal-service-card__items {

    display: flex;

    flex-wrap: wrap;

    gap: 7px;

}


.masal-service-card__items span {

    padding:
        6px
        9px;

    border-radius:
        8px;

    color:
        var(--masal-primary);

    background:
        rgba(186, 2, 128, 0.07);

    font-size: 10px;

    font-weight: 850;

}


/* =========================================
   INFO CARDS
========================================= */

.masal-info-grid {

    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 10px;

    margin-top: 12px;

}


.masal-info-card {

    display: flex;

    align-items: center;

    gap: 11px;

    min-height: 72px;

    padding:
        11px
        13px;

    border:
        1px solid
        var(--masal-border);

    border-radius:
        15px;

    background:
        var(--masal-white);

}


.masal-info-card__icon {

    display: grid;

    place-items: center;

    flex: 0 0 40px;

    width: 40px;

    height: 40px;

    border-radius: 12px;

    color:
        var(--masal-primary);

    background:
        rgba(186, 2, 128, 0.07);

}


.masal-info-card__content {

    display: flex;

    flex-direction: column;

    gap: 2px;

}


.masal-info-card__content span {

    color:
        var(--masal-muted);

    font-size: 10px;

    font-weight: 700;

}


.masal-info-card__content strong {

    color:
        var(--masal-black);

    font-size: 13px;

    font-weight: 900;

}


/* =========================================
   QUICK SERVICES
========================================= */

.masal-quick-services {

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 12px;

    margin-top:
        clamp(
            34px,
            5vw,
            62px
        );

}


.masal-quick-service {

    display: flex;

    align-items: center;

    gap: 13px;

    min-height: 94px;

    padding: 16px;

    border:
        1px solid
        var(--masal-border);

    border-radius:
        17px;

    background:
        var(--masal-white);

}


.masal-quick-service__number {

    display: grid;

    place-items: center;

    flex: 0 0 43px;

    width: 43px;

    height: 43px;

    border-radius: 12px;

    color:
        var(--masal-primary);

    background:
        rgba(186, 2, 128, 0.07);

    font-size: 12px;

    font-weight: 900;

}


.masal-quick-service h2 {

    margin:
        0
        0
        3px;

    color:
        var(--masal-black);

    font-size: 14px;

    font-weight: 900;

    line-height: 1.5;

}


.masal-quick-service p {

    margin: 0;

    color:
        var(--masal-muted);

    font-size: 11px;

    font-weight: 500;

    line-height: 1.75;

}


/* =========================================
   ACCESSIBILITY
========================================= */

.masal-btn:focus-visible,
.masal-phone-box__number:focus-visible {

    outline:
        3px solid
        rgba(186, 2, 128, 0.32);

    outline-offset:
        3px;

}


/* =========================================
   DESKTOP SMALLER
========================================= */

@media (max-width: 1100px) {

    .masal-hero__layout {

        grid-template-columns:
            minmax(0, 1fr)
            minmax(370px, .85fr);

        gap: 42px;

    }

}


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

@media (max-width: 900px) {

    .masal-hero {

        padding-top: 46px;

    }


    .masal-hero__layout {

        grid-template-columns: 1fr;

        gap: 38px;

    }


    .masal-hero__content {

        max-width: 780px;

    }


    .masal-hero__visual {

        width: 100%;

        max-width: 760px;

    }


    .masal-quick-services {

        grid-template-columns: 1fr;

    }

}


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

@media (max-width: 680px) {

    .masal-container {

        width:
            min(
                calc(100% - 28px),
                var(--masal-container)
            );

    }


    .masal-hero {

        padding:
            32px
            0
            38px;

    }


    .masal-hero__layout {

        gap: 29px;

    }


    .masal-hero__badge {

        margin-bottom: 13px;

        font-size: 11px;

    }


    .masal-hero__title {

        margin-bottom: 15px;

        font-size:
            clamp(
                31px,
                9.5vw,
                43px
            );

        line-height: 1.25;

        letter-spacing: -0.5px;

    }


    .masal-hero__title-secondary {

        margin-top: 6px;

        font-size:
            clamp(
                21px,
                7vw,
                30px
            );

        line-height: 1.45;

    }


    .masal-hero__description {

        margin-bottom: 19px;

        font-size: 14px;

        line-height: 1.95;

    }


    /* Phone */

    .masal-phone-box {

        width: 100%;

        padding: 11px;

        border-radius: 15px;

    }


    .masal-phone-box__icon {

        flex-basis: 48px;

        width: 48px;

        height: 48px;

        border-radius: 13px;

    }


    .masal-phone-box__label {

        font-size: 10px;

    }


    .masal-phone-box__number {

        font-size: 25px;

    }


    /* Buttons */

    .masal-hero__buttons {

        display: grid;

        grid-template-columns: 1fr;

        gap: 9px;

    }


    .masal-btn {

        width: 100%;

        min-height: 52px;

        padding:
            12px
            16px;

    }


    /* Status */

    .masal-status {

        width: 100%;

        align-items: flex-start;

        font-size: 11px;

    }


    .masal-status__indicator {

        margin-top: 5px;

    }


    /* Benefits */

    .masal-benefits {

        display: grid;

        grid-template-columns: 1fr;

        gap: 9px;

    }


    /* Visual */

    .masal-hero__image-box {

        border-radius: 22px;

    }


    .masal-service-card {

        position: static;

        width: auto;

        margin:
            -4px
            10px
            10px;

        border:
            1px solid
            var(--masal-border);

        border-radius: 14px;

        box-shadow: none;

        backdrop-filter: none;

    }


    .masal-service-card__header strong {

        font-size: 13px;

    }


    .masal-info-grid {

        grid-template-columns: 1fr;

    }


    .masal-info-card {

        min-height: 64px;

    }


    /* Quick service */

    .masal-quick-services {

        margin-top: 27px;

    }


    .masal-quick-service {

        min-height: auto;

        padding: 14px;

    }

}


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

@media (max-width: 390px) {

    .masal-container {

        width:
            calc(100% - 22px);

    }


    .masal-hero__title {

        font-size: 29px;

    }


    .masal-hero__title-secondary {

        font-size: 21px;

    }


    .masal-phone-box__number {

        font-size: 22px;

    }


    .masal-phone-box__icon {

        flex-basis: 44px;

        width: 44px;

        height: 44px;

    }


    .masal-benefits li {

        font-size: 12px;

    }

}


/* =========================================
   LARGE DESKTOP
========================================= */

@media (min-width: 1500px) {

    .masal-hero {

        min-height: 740px;

        display: flex;

        align-items: center;

    }

}


/* =========================================
   REDUCED MOTION
========================================= */

@media (prefers-reduced-motion: reduce) {

    .masal-btn,
    .masal-phone-box__number {

        transition: none;

    }


    .masal-btn:hover {

        transform: none;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c065e74 *//* =========================================
   SECTION 02
   QUICK USE CASES
========================================= */

.masal-usecases,
.masal-usecases * {
    box-sizing: border-box;
}


.masal-usecases {

    direction: rtl;

    padding:
        clamp(40px, 5vw, 65px)
        0;

    background: #FAF9FA;

    color: #171717;

}


/* No underline */

.masal-usecases a,
.masal-usecases a:hover,
.masal-usecases a:focus,
.masal-usecases a:active,
.masal-usecases a:visited {

    text-decoration: none !important;

}


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

.masal-usecases__header {

    max-width: 720px;

    margin-bottom: 25px;

}


.masal-usecases__eyebrow {

    display: inline-block;

    margin-bottom: 7px;

    color: #BA0280;

    font-size: 12px;

    font-weight: 850;

}


.masal-usecases__header h2 {

    margin:
        0
        0
        9px;

    color: #000000;

    font-size:
        clamp(24px, 3vw, 36px);

    font-weight: 900;

    line-height: 1.45;

}


.masal-usecases__header p {

    max-width: 650px;

    margin: 0;

    color: #666666;

    font-size: 14px;

    font-weight: 500;

    line-height: 1.9;

}


/* =========================================
   CARDS
========================================= */

.masal-usecases__grid {

    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 11px;

}


.masal-usecase-card {

    display: flex;

    align-items: flex-start;

    gap: 12px;

    min-width: 0;

    padding: 17px;

    border:
        1px solid
        #EAE5E8;

    border-radius: 16px;

    background: #FFFFFF;

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

}


.masal-usecase-card:hover {

    transform:
        translateY(-2px);

    border-color:
        rgba(186, 2, 128, .22);

    box-shadow:
        0 10px 27px
        rgba(0, 0, 0, .055);

}


.masal-usecase-card__icon {

    display: grid;

    place-items: center;

    flex: 0 0 46px;

    width: 46px;

    height: 46px;

    border-radius: 13px;

    background:
        rgba(186, 2, 128, .07);

    color: #BA0280;

}


.masal-usecase-card__content {

    min-width: 0;

}


.masal-usecase-card h3 {

    margin:
        1px
        0
        5px;

    color: #000000;

    font-size: 14px;

    font-weight: 900;

    line-height: 1.6;

}


.masal-usecase-card p {

    margin: 0;

    color: #696969;

    font-size: 11px;

    font-weight: 500;

    line-height: 1.8;

}


/* =========================================
   CTA
========================================= */

.masal-usecases__cta {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 22px;

    margin-top: 18px;

    padding:
        15px
        17px;

    border:
        1px solid
        rgba(97, 206, 112, .24);

    border-radius: 16px;

    background:
        rgba(97, 206, 112, .075);

}


.masal-usecases__cta-content {

    display: flex;

    flex-direction: column;

    gap: 3px;

}


.masal-usecases__cta-content strong {

    color: #000000;

    font-size: 13px;

    font-weight: 900;

    line-height: 1.6;

}


.masal-usecases__cta-content span {

    color: #626262;

    font-size: 11px;

    font-weight: 500;

    line-height: 1.7;

}


/* Call Button */

.masal-usecases__call {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    flex: 0 0 auto;

    gap: 8px;

    min-height: 46px;

    padding:
        10px
        17px;

    border-radius: 12px;

    background: #FF0000;

    color: #FFFFFF !important;

    direction: ltr;

    font-family:
        Arial,
        sans-serif;

    font-size: 15px;

    font-weight: 900;

    box-shadow:
        0 9px 22px
        rgba(255, 0, 0, .14);

    transition:
        transform .2s ease,
        box-shadow .2s ease;

}


.masal-usecases__call:hover {

    transform:
        translateY(-1px);

    color: #FFFFFF !important;

    box-shadow:
        0 11px 25px
        rgba(255, 0, 0, .2);

}


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

@media (max-width: 950px) {

    .masal-usecases__grid {

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

    }

}


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

@media (max-width: 680px) {

    .masal-usecases {

        padding:
            34px
            0;

    }


    .masal-usecases__header {

        margin-bottom: 18px;

    }


    .masal-usecases__header h2 {

        font-size: 24px;

    }


    .masal-usecases__header p {

        font-size: 13px;

        line-height: 1.8;

    }


    /*
     * عمداً دو ستونه:
     * کوتاه‌تر شدن LP در موبایل
     */

    .masal-usecases__grid {

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 8px;

    }


    .masal-usecase-card {

        display: block;

        padding: 13px;

        border-radius: 14px;

    }


    .masal-usecase-card__icon {

        width: 39px;

        height: 39px;

        margin-bottom: 9px;

        border-radius: 11px;

    }


    .masal-usecase-card__icon svg {

        width: 21px;

        height: 21px;

    }


    .masal-usecase-card h3 {

        font-size: 12px;

        line-height: 1.6;

    }


    .masal-usecase-card p {

        font-size: 10px;

        line-height: 1.7;

    }


    /* CTA */

    .masal-usecases__cta {

        flex-direction: column;

        align-items: stretch;

        gap: 11px;

        margin-top: 13px;

        padding: 13px;

    }


    .masal-usecases__call {

        width: 100%;

        min-height: 48px;

    }

}


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

@media (max-width: 360px) {

    .masal-usecases__grid {

        grid-template-columns: 1fr;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0cc583f *//* =========================================
   SECTION 03
   PRICE & COST FACTORS
========================================= */

.masal-price,
.masal-price * {
    box-sizing: border-box;
}


.masal-price {
    direction: rtl;
    padding:
        clamp(38px, 5vw, 62px)
        0;
    background: #FFFFFF;
    color: #171717;
}


/* حذف زیرخط لینک */

.masal-price a,
.masal-price a:hover,
.masal-price a:focus,
.masal-price a:active,
.masal-price a:visited {
    text-decoration: none !important;
}


/* =========================================
   LAYOUT
========================================= */

.masal-price__layout {
    display: grid;

    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(340px, .85fr);

    align-items: center;

    gap:
        clamp(30px, 5vw, 60px);
}


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

.masal-price__eyebrow {
    display: inline-block;

    margin-bottom: 7px;

    color: #BA0280;

    font-size: 12px;

    font-weight: 850;
}


.masal-price__content h2 {
    margin:
        0
        0
        10px;

    color: #000000;

    font-size:
        clamp(24px, 3vw, 36px);

    font-weight: 900;

    line-height: 1.45;
}


.masal-price__lead {
    max-width: 650px;

    margin:
        0
        0
        22px;

    color: #666666;

    font-size: 14px;

    font-weight: 500;

    line-height: 1.9;
}


.masal-price__lead strong {
    color: #000000;
    font-weight: 850;
}


/* =========================================
   FACTORS
========================================= */

.masal-price__factors {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 10px;
}


.masal-price-factor {
    display: flex;

    align-items: center;

    gap: 11px;

    min-height: 74px;

    padding: 13px;

    border:
        1px solid #EAE5E8;

    border-radius: 14px;

    background: #FAF9FA;
}


.masal-price-factor__icon {
    display: grid;

    place-items: center;

    flex: 0 0 42px;

    width: 42px;

    height: 42px;

    border-radius: 12px;

    color: #BA0280;

    background:
        rgba(186, 2, 128, .07);
}


.masal-price-factor > div {
    display: flex;

    flex-direction: column;

    gap: 2px;

    min-width: 0;
}


.masal-price-factor strong {
    color: #000000;

    font-size: 13px;

    font-weight: 900;

    line-height: 1.5;
}


.masal-price-factor span:last-child {
    color: #6B6B6B;

    font-size: 10px;

    font-weight: 500;

    line-height: 1.6;
}


/* =========================================
   PRICE CTA CARD
========================================= */

.masal-price__card {
    padding:
        clamp(20px, 3vw, 29px);

    border:
        1px solid
        rgba(186, 2, 128, .13);

    border-radius: 22px;

    background:
        linear-gradient(
            145deg,
            rgba(186, 2, 128, .055),
            rgba(97, 206, 112, .05)
        );

    box-shadow:
        0 14px 38px
        rgba(0, 0, 0, .055);
}


.masal-price__card-label {
    display: inline-block;

    margin-bottom: 7px;

    color: #BA0280;

    font-size: 11px;

    font-weight: 850;
}


.masal-price__card-title {
    display: block;

    margin-bottom: 9px;

    color: #000000;

    font-size:
        clamp(19px, 2vw, 25px);

    font-weight: 900;

    line-height: 1.55;
}


.masal-price__card p {
    margin:
        0
        0
        17px;

    color: #626262;

    font-size: 12px;

    line-height: 1.9;
}


/* Call */

.masal-price__call {
    display: flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    width: 100%;

    min-height: 50px;

    padding:
        11px
        15px;

    border-radius: 13px;

    background: #FF0000;

    color: #FFFFFF !important;

    font-size: 14px;

    font-weight: 900;

    box-shadow:
        0 10px 25px
        rgba(255, 0, 0, .16);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}


.masal-price__call:hover {
    transform:
        translateY(-1px);

    color: #FFFFFF !important;

    box-shadow:
        0 12px 28px
        rgba(255, 0, 0, .22);
}


.masal-price__note {
    display: block;

    margin-top: 9px;

    color: #747474;

    font-size: 9px;

    font-weight: 600;

    line-height: 1.7;

    text-align: center;
}


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

@media (max-width: 850px) {

    .masal-price__layout {
        grid-template-columns: 1fr;
        gap: 25px;
    }

}


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

@media (max-width: 680px) {

    .masal-price {
        padding:
            32px
            0;
    }


    .masal-price__content h2 {
        font-size: 24px;
    }


    .masal-price__lead {
        margin-bottom: 17px;

        font-size: 13px;

        line-height: 1.8;
    }


    .masal-price__factors {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 8px;
    }


    .masal-price-factor {
        display: block;

        min-height: auto;

        padding: 12px;
    }


    .masal-price-factor__icon {
        width: 38px;
        height: 38px;

        margin-bottom: 8px;
    }


    .masal-price-factor__icon svg {
        width: 20px;
        height: 20px;
    }


    .masal-price-factor strong {
        font-size: 12px;
    }


    .masal-price-factor span:last-child {
        font-size: 9px;
    }


    .masal-price__card {
        padding: 18px;

        border-radius: 17px;
    }


    .masal-price__card-title {
        font-size: 19px;
    }


    .masal-price__call {
        min-height: 49px;

        font-size: 13px;
    }

}


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

@media (max-width: 360px) {

    .masal-price__factors {
        grid-template-columns: 1fr;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-253067e *//* =========================================
   SECTION 04
   TRUST + CONTACT
========================================= */

.masal-trust,
.masal-trust * {
    box-sizing: border-box;
}


.masal-trust {
    direction: rtl;

    padding:
        clamp(36px, 5vw, 58px)
        0;

    background: #FAF9FA;
}


.masal-trust a,
.masal-trust a:hover,
.masal-trust a:focus,
.masal-trust a:active,
.masal-trust a:visited {
    text-decoration: none !important;
}


/* =========================================
   BOX
========================================= */

.masal-trust__box {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(380px, 1fr)
        auto;

    align-items: center;

    gap: 28px;

    padding:
        clamp(22px, 3vw, 32px);

    border:
        1px solid #EAE5E8;

    border-radius: 22px;

    background: #FFFFFF;

    box-shadow:
        0 14px 40px
        rgba(0, 0, 0, .045);
}


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

.masal-trust__eyebrow {
    display: inline-block;

    margin-bottom: 6px;

    color: #BA0280;

    font-size: 11px;

    font-weight: 850;
}


.masal-trust__content h2 {
    margin:
        0
        0
        8px;

    color: #000000;

    font-size:
        clamp(21px, 2.5vw, 30px);

    font-weight: 900;

    line-height: 1.45;
}


.masal-trust__content p {
    max-width: 520px;

    margin:
        0
        0
        14px;

    color: #676767;

    font-size: 12px;

    line-height: 1.85;
}


/* Badges */

.masal-trust__badges {
    display: flex;

    flex-wrap: wrap;

    gap: 7px;
}


.masal-trust__badges span {
    display: inline-flex;

    align-items: center;

    gap: 6px;

    padding:
        6px
        9px;

    border-radius: 999px;

    background:
        rgba(97, 206, 112, .1);

    color: #287733;

    font-size: 10px;

    font-weight: 750;
}


.masal-trust__badges b {
    font-size: 10px;

    color: #239A34;
}


/* =========================================
   INFO GRID
========================================= */

.masal-trust__info {
    display: grid;

    gap: 9px;
}


.masal-trust__item {
    display: flex;

    align-items: center;

    gap: 11px;

    min-height: 61px;

    padding:
        10px
        12px;

    border:
        1px solid #EEE8EC;

    border-radius: 13px;

    background: #FCFBFC;
}


.masal-trust__icon {
    display: grid;

    place-items: center;

    flex: 0 0 38px;

    width: 38px;

    height: 38px;

    border-radius: 11px;

    color: #BA0280;

    background:
        rgba(186, 2, 128, .07);
}


.masal-trust__item > div {
    display: flex;

    flex-direction: column;

    min-width: 0;

    gap: 1px;
}


.masal-trust__item small {
    color: #777777;

    font-size: 9px;

    font-weight: 650;
}


.masal-trust__item strong {
    color: #000000;

    font-size: 12px;

    font-weight: 850;

    line-height: 1.6;
}


.masal-trust__item span {
    color: #686868;

    font-size: 10px;

    line-height: 1.6;
}


/* Phone */

.masal-trust__phone {
    direction: ltr;

    display: inline-block;

    color: #000000 !important;

    font-family:
        Arial,
        sans-serif;

    font-size: 17px;

    font-weight: 900;

    line-height: 1.4;
}


.masal-trust__phone:hover {
    color: #FF0000 !important;
}


/* =========================================
   CTA
========================================= */

.masal-trust__action {
    display: flex;

    flex-direction: column;

    align-items: stretch;

    gap: 8px;

    min-width: 150px;
}


.masal-trust__action > span {
    color: #666666;

    font-size: 10px;

    font-weight: 700;

    text-align: center;
}


.masal-trust__call {
    display: flex;

    align-items: center;

    justify-content: center;

    min-height: 47px;

    padding:
        10px
        17px;

    border-radius: 12px;

    background: #FF0000;

    color: #FFFFFF !important;

    font-size: 13px;

    font-weight: 900;

    box-shadow:
        0 10px 24px
        rgba(255, 0, 0, .15);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}


.masal-trust__call:hover {
    transform: translateY(-1px);

    color: #FFFFFF !important;

    box-shadow:
        0 12px 27px
        rgba(255, 0, 0, .21);
}


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

@media (max-width: 1000px) {

    .masal-trust__box {
        grid-template-columns:
            1fr
            1fr;
    }


    .masal-trust__action {
        grid-column:
            1 / -1;

        flex-direction: row;

        align-items: center;

        justify-content: flex-end;
    }


    .masal-trust__call {
        min-width: 160px;
    }

}


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

@media (max-width: 680px) {

    .masal-trust {
        padding:
            30px
            0;
    }


    .masal-trust__box {
        grid-template-columns: 1fr;

        gap: 18px;

        padding: 17px;

        border-radius: 17px;
    }


    .masal-trust__content h2 {
        font-size: 22px;
    }


    .masal-trust__content p {
        font-size: 12px;
    }


    .masal-trust__info {
        gap: 7px;
    }


    .masal-trust__item {
        min-height: 58px;
    }


    .masal-trust__action {
        grid-column: auto;

        flex-direction: column;

        align-items: stretch;
    }


    .masal-trust__action > span {
        text-align: right;
    }


    .masal-trust__call {
        width: 100%;

        min-height: 49px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fe78aaf *//* =========================================
   SECTION 05
   SEO CONTENT
========================================= */

.masal-seo-content,
.masal-seo-content * {
    box-sizing: border-box;
    text-align: justify;
}

.masal-seo-content {
    direction: rtl;
    padding: clamp(36px, 5vw, 60px) 0;
    background: #FFFFFF;
}

.masal-seo-content a,
.masal-seo-content a:hover,
.masal-seo-content a:focus,
.masal-seo-content a:active,
.masal-seo-content a:visited {
    text-decoration: none !important;
}

.masal-seo-content__box {
    max-width: 1050px;
    margin-inline: auto;
}

.masal-seo-content__eyebrow {
    display: inline-block;
    margin-bottom: 7px;
    color: #BA0280;
    font-size: 12px;
    font-weight: 850;
}

.masal-seo-content h2 {
    margin: 0 0 18px;
    color: #000000;
    font-size: clamp(24px, 3vw, 36px);
    font-weight: 900;
    line-height: 1.45;
}

.masal-seo-content__text {
    color: #5F5F5F;
    font-size: 14px;
    line-height: 2.05;
}

.masal-seo-content__text p {
    margin: 0 0 15px;
}

.masal-seo-content__text strong {
    color: #1B1B1B;
    font-weight: 850;
}

.masal-seo-content__text a {
    direction: ltr;
    display: inline-block;
    color: #BA0280 !important;
    font-family: Arial, sans-serif;
    font-weight: 900;
}

.masal-seo-content__text h3 {
    margin: 23px 0 7px;
    color: #000000;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.6;
}


/* =========================================
   CTA
========================================= */

.masal-seo-content__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;

    margin-top: 24px;
    padding: 14px 16px;

    border: 1px solid rgba(186, 2, 128, .13);
    border-radius: 15px;

    background: rgba(186, 2, 128, .045);
}

.masal-seo-content__cta > span {
    color: #4E4E4E;
    font-size: 12px;
    font-weight: 750;
}

.masal-seo-content__call {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 auto;

    min-height: 45px;
    padding: 10px 16px;

    border-radius: 11px;

    background: #FF0000;
    color: #FFFFFF !important;

    font-size: 13px;
    font-weight: 900;

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.masal-seo-content__call:hover {
    transform: translateY(-1px);

    box-shadow:
        0 10px 24px
        rgba(255, 0, 0, .18);
}


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

@media (max-width: 680px) {

    .masal-seo-content {
        padding: 31px 0;
    }

    .masal-seo-content h2 {
        margin-bottom: 14px;
        font-size: 23px;
    }

    .masal-seo-content__text {
        font-size: 13px;
        line-height: 1.95;
    }

    .masal-seo-content__text p {
        margin-bottom: 13px;
    }

    .masal-seo-content__text h3 {
        margin-top: 19px;
        font-size: 16px;
    }

    .masal-seo-content__cta {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;

        margin-top: 19px;
        padding: 13px;
    }

    .masal-seo-content__call {
        width: 100%;
        min-height: 48px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1a57ab3 *//* =========================================
   SECTION 06
   FAQ
========================================= */

.masal-faq,
.masal-faq * {
    box-sizing: border-box;
}


.masal-faq {
    direction: rtl;

    padding:
        clamp(38px, 5vw, 62px)
        0;

    background: #FAF9FA;
}


/* Remove underline */

.masal-faq a,
.masal-faq a:hover,
.masal-faq a:focus,
.masal-faq a:active,
.masal-faq a:visited {
    text-decoration: none !important;
}


/* =========================================
   LAYOUT
========================================= */

.masal-faq__layout {
    display: grid;

    grid-template-columns:
        minmax(250px, .65fr)
        minmax(0, 1.35fr);

    align-items: start;

    gap:
        clamp(30px, 5vw, 65px);
}


/* =========================================
   INTRO
========================================= */

.masal-faq__intro {
    position: sticky;

    top: 30px;
}


.masal-faq__eyebrow {
    display: inline-block;

    margin-bottom: 7px;

    color: #BA0280;

    font-size: 12px;

    font-weight: 850;
}


.masal-faq__intro h2 {
    margin:
        0
        0
        9px;

    color: #000000;

    font-size:
        clamp(24px, 3vw, 35px);

    font-weight: 900;

    line-height: 1.45;
}


.masal-faq__intro p {
    max-width: 360px;

    margin:
        0
        0
        18px;

    color: #696969;

    font-size: 12px;

    line-height: 1.9;
}


/* =========================================
   QUICK CALL
========================================= */

.masal-faq__quick-call {
    display: inline-flex;

    flex-direction: column;

    gap: 2px;

    min-width: 220px;

    padding:
        12px
        15px;

    border:
        1px solid
        rgba(255, 0, 0, .13);

    border-radius: 13px;

    background: #FFFFFF;
}


.masal-faq__quick-call span {
    color: #727272;

    font-size: 10px;

    font-weight: 700;
}


.masal-faq__quick-call strong {
    direction: ltr;

    color: #FF0000;

    font-family:
        Arial,
        sans-serif;

    font-size: 20px;

    font-weight: 900;
}


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

.masal-faq__items {
    display: grid;

    gap: 8px;
}


.masal-faq__item {
    overflow: hidden;

    border:
        1px solid #EAE5E8;

    border-radius: 14px;

    background: #FFFFFF;

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


.masal-faq__item[open] {
    border-color:
        rgba(186, 2, 128, .2);

    box-shadow:
        0 8px 24px
        rgba(0, 0, 0, .04);
}


/* Summary */

.masal-faq__item summary {
    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 18px;

    min-height: 58px;

    padding:
        14px
        16px;

    cursor: pointer;

    list-style: none;

    color: #000000;

    font-size: 13px;

    font-weight: 850;

    line-height: 1.7;
}


.masal-faq__item summary::-webkit-details-marker {
    display: none;
}


/* Plus icon */

.masal-faq__plus {
    position: relative;

    flex: 0 0 28px;

    width: 28px;

    height: 28px;

    border-radius: 9px;

    background:
        rgba(186, 2, 128, .07);
}


.masal-faq__plus::before,
.masal-faq__plus::after {
    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    width: 11px;

    height: 2px;

    border-radius: 2px;

    background: #BA0280;

    transform:
        translate(-50%, -50%);

    transition:
        transform .2s ease;
}


.masal-faq__plus::after {
    transform:
        translate(-50%, -50%)
        rotate(90deg);
}


.masal-faq__item[open]
.masal-faq__plus::after {
    transform:
        translate(-50%, -50%)
        rotate(0deg);
}


/* =========================================
   ANSWER
========================================= */

.masal-faq__answer {
    padding:
        0
        16px
        15px;

    border-top:
        1px solid
        #F1EDF0;
}


.masal-faq__answer p {
    margin:
        12px
        0
        0;

    color: #666666;

    font-size: 12px;

    font-weight: 500;

    line-height: 1.95;
}


.masal-faq__answer a {
    direction: ltr;

    display: inline-block;

    color: #BA0280 !important;

    font-family:
        Arial,
        sans-serif;

    font-weight: 900;
}


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

@media (max-width: 850px) {

    .masal-faq__layout {
        grid-template-columns: 1fr;

        gap: 23px;
    }


    .masal-faq__intro {
        position: static;
    }

}


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

@media (max-width: 680px) {

    .masal-faq {
        padding:
            31px
            0;
    }


    .masal-faq__intro h2 {
        font-size: 23px;
    }


    .masal-faq__intro p {
        margin-bottom: 14px;

        font-size: 11px;
    }


    .masal-faq__quick-call {
        width: 100%;

        min-width: 0;
    }


    .masal-faq__quick-call strong {
        font-size: 19px;
    }


    .masal-faq__items {
        gap: 7px;
    }


    .masal-faq__item summary {
        min-height: 54px;

        padding:
            12px
            13px;

        font-size: 12px;
    }


    .masal-faq__plus {
        flex-basis: 26px;

        width: 26px;

        height: 26px;
    }


    .masal-faq__answer {
        padding:
            0
            13px
            13px;
    }


    .masal-faq__answer p {
        margin-top: 10px;

        font-size: 11px;

        line-height: 1.9;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cdbffc9 *//* =========================================
   SECTION 07
   FINAL CTA
========================================= */

.masal-final-cta,
.masal-final-cta * {
    box-sizing: border-box;
}

.masal-final-cta {
    direction: rtl;

    padding:
        clamp(36px, 5vw, 60px)
        0
        clamp(42px, 6vw, 72px);

    background: #FFFFFF;
}

.masal-final-cta a,
.masal-final-cta a:hover,
.masal-final-cta a:focus,
.masal-final-cta a:active,
.masal-final-cta a:visited {
    text-decoration: none !important;
}


/* =========================================
   BOX
========================================= */

.masal-final-cta__box {
    position: relative;

    overflow: hidden;

    display: grid;

    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(260px, .65fr);

    gap: 28px;

    align-items: center;

    padding:
        clamp(24px, 4vw, 42px);

    border-radius: 24px;

    background:
        linear-gradient(
            135deg,
            #BA0280 0%,
            #8F0263 100%
        );

    color: #FFFFFF;

    box-shadow:
        0 20px 50px
        rgba(186, 2, 128, .16);
}


/* Decorative circle */

.masal-final-cta__box::after {
    content: "";

    position: absolute;

    width: 280px;
    height: 280px;

    left: -110px;
    bottom: -170px;

    border-radius: 50%;

    background:
        rgba(255, 255, 255, .06);

    pointer-events: none;
}


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

.masal-final-cta__eyebrow {
    display: inline-block;

    margin-bottom: 7px;

    color: #FFFFFF;

    font-size: 11px;

    font-weight: 800;

    opacity: .85;
}


.masal-final-cta__content h2 {
    max-width: 700px;

    margin:
        0
        0
        9px;

    color: #FFFFFF;

    font-size:
        clamp(24px, 3vw, 38px);

    font-weight: 900;

    line-height: 1.45;
}


.masal-final-cta__content p {
    max-width: 620px;

    margin: 0;

    color:
        rgba(255, 255, 255, .82);

    font-size: 13px;

    line-height: 1.9;
}


/* =========================================
   ACTION
========================================= */

.masal-final-cta__action {
    display: flex;

    flex-direction: column;

    align-items: stretch;

    gap: 7px;

    position: relative;

    z-index: 2;
}


.masal-final-cta__label {
    color:
        rgba(255, 255, 255, .75);

    font-size: 10px;

    font-weight: 700;

    text-align: center;
}


.masal-final-cta__phone {
    direction: ltr;

    display: block;

    padding:
        5px
        0
        7px;

    color: #FFFFFF !important;

    font-family:
        Arial,
        sans-serif;

    font-size:
        clamp(25px, 3vw, 34px);

    font-weight: 900;

    line-height: 1.2;

    text-align: center;
}


.masal-final-cta__button {
    display: flex;

    align-items: center;

    justify-content: center;

    min-height: 50px;

    padding:
        11px
        18px;

    border-radius: 13px;

    background: #FF0000;

    color: #FFFFFF !important;

    font-size: 14px;

    font-weight: 900;

    box-shadow:
        0 10px 25px
        rgba(0, 0, 0, .14);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}


.masal-final-cta__button:hover {
    transform:
        translateY(-2px);

    color: #FFFFFF !important;

    box-shadow:
        0 14px 30px
        rgba(0, 0, 0, .2);
}


/* =========================================
   META
========================================= */

.masal-final-cta__meta {
    grid-column:
        1 / -1;

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 10px;

    margin-top: 4px;

    padding-top: 18px;

    border-top:
        1px solid
        rgba(255, 255, 255, .14);
}


.masal-final-cta__meta > div {
    display: flex;

    flex-direction: column;

    gap: 2px;
}


.masal-final-cta__meta strong {
    color: #FFFFFF;

    font-size: 10px;

    font-weight: 850;
}


.masal-final-cta__meta span {
    color:
        rgba(255, 255, 255, .72);

    font-size: 9px;

    line-height: 1.65;
}


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

@media (max-width: 850px) {

    .masal-final-cta__box {
        grid-template-columns: 1fr;
    }


    .masal-final-cta__action {
        max-width: 360px;
    }

}


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

@media (max-width: 680px) {

    .masal-final-cta {
        padding:
            30px
            0
            38px;
    }


    .masal-final-cta__box {
        gap: 20px;

        padding: 20px;

        border-radius: 19px;
    }


    .masal-final-cta__content h2 {
        font-size: 23px;
    }


    .masal-final-cta__content p {
        font-size: 12px;
    }


    .masal-final-cta__action {
        width: 100%;
        max-width: none;
    }


    .masal-final-cta__phone {
        font-size: 28px;
    }


    .masal-final-cta__button {
        width: 100%;

        min-height: 50px;
    }


    .masal-final-cta__meta {
        grid-template-columns: 1fr;

        gap: 10px;

        padding-top: 15px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d423f38 *//* =========================================
   LOCAL NISSAN CRANE LINKS
========================================= */

.masal-local-cranes,
.masal-local-cranes * {
    box-sizing: border-box;
}

.masal-local-cranes {
    direction: rtl;
    padding: 34px 0 48px;
    background: #FAF9FA;
}

.masal-local-cranes a,
.masal-local-cranes a:hover,
.masal-local-cranes a:focus,
.masal-local-cranes a:active,
.masal-local-cranes a:visited {
    text-decoration: none !important;
}


/* Header */

.masal-local-cranes__header {
    max-width: 720px;
    margin-bottom: 20px;
}

.masal-local-cranes__eyebrow {
    display: inline-block;
    margin-bottom: 6px;
    color: #BA0280;
    font-size: 11px;
    font-weight: 850;
}

.masal-local-cranes__header h2 {
    margin: 0 0 7px;
    color: #000000;
    font-size: clamp(22px, 2.8vw, 32px);
    font-weight: 900;
    line-height: 1.45;
}

.masal-local-cranes__header p {
    margin: 0;
    color: #696969;
    font-size: 12px;
    line-height: 1.8;
}


/* Grid */

.masal-local-cranes__grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 11px;
}


/* Card */

.masal-local-crane-card {
    display: grid;

    grid-template-columns:
        auto
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap: 12px;

    min-height: 92px;

    padding: 15px;

    border: 1px solid #EAE5E8;

    border-radius: 15px;

    background: #FFFFFF;

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

.masal-local-crane-card:hover {
    transform: translateY(-2px);

    border-color:
        rgba(186, 2, 128, .23);

    box-shadow:
        0 10px 26px
        rgba(0, 0, 0, .055);
}


/* Icon */

.masal-local-crane-card__icon {
    display: grid;
    place-items: center;

    width: 45px;
    height: 45px;

    border-radius: 13px;

    color: #BA0280;

    background:
        rgba(186, 2, 128, .07);
}


/* Text */

.masal-local-crane-card__content {
    min-width: 0;
}

.masal-local-crane-card h3 {
    margin: 0 0 4px;

    color: #000000;

    font-size: 13px;

    font-weight: 900;

    line-height: 1.55;
}

.masal-local-crane-card p {
    margin: 0;

    color: #6B6B6B;

    font-size: 10px;

    line-height: 1.7;
}


/* Arrow */

.masal-local-crane-card__arrow {
    display: grid;
    place-items: center;

    width: 30px;
    height: 30px;

    border-radius: 9px;

    color: #BA0280;

    background:
        rgba(186, 2, 128, .065);

    font-size: 17px;

    font-weight: 900;

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

.masal-local-crane-card:hover
.masal-local-crane-card__arrow {
    transform: translateX(-3px);

    background:
        rgba(186, 2, 128, .11);
}


/* Tablet */

@media (max-width: 900px) {

    .masal-local-cranes__grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


/* Mobile */

@media (max-width: 680px) {

    .masal-local-cranes {
        padding: 28px 0 36px;
    }

    .masal-local-cranes__header {
        margin-bottom: 15px;
    }

    .masal-local-cranes__header h2 {
        font-size: 22px;
    }

    .masal-local-cranes__header p {
        font-size: 11px;
    }

    .masal-local-cranes__grid {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .masal-local-crane-card {
        min-height: 78px;
        padding: 12px;
        border-radius: 13px;
    }

    .masal-local-crane-card__icon {
        width: 40px;
        height: 40px;
        border-radius: 11px;
    }

    .masal-local-crane-card__icon svg {
        width: 21px;
        height: 21px;
    }

    .masal-local-crane-card h3 {
        font-size: 12px;
    }

    .masal-local-crane-card p {
        font-size: 9px;
    }

    .masal-local-crane-card__arrow {
        width: 27px;
        height: 27px;
        font-size: 15px;
    }

}/* End custom CSS */