.elementor-4793 .elementor-element.elementor-element-c886928{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4793 .elementor-element.elementor-element-c886928.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4793 .elementor-element.elementor-element-ba1e97a{--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;}.elementor-4793 .elementor-element.elementor-element-fd3ec98{--e-rating-icon-font-size:20px;--e-rating-gap:6px;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4793 .elementor-element.elementor-element-95b7423 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4793 .elementor-element.elementor-element-95b7423{font-size:8px;font-weight:700;}.elementor-4793 .elementor-element.elementor-element-ca9d3b6 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );}.elementor-4793 .elementor-element.elementor-element-3f3824c .elementor-button{background-color:#48D506;border-style:solid;border-width:3px 3px 3px 3px;border-radius:10px 10px 10px 10px;}.elementor-4793 .elementor-element.elementor-element-3f3824c .elementor-button:hover, .elementor-4793 .elementor-element.elementor-element-3f3824c .elementor-button:focus{background-color:#02010100;color:#48D506;border-color:#48D506;}.elementor-4793 .elementor-element.elementor-element-3f3824c .elementor-button:hover svg, .elementor-4793 .elementor-element.elementor-element-3f3824c .elementor-button:focus svg{fill:#48D506;}.elementor-4793 .elementor-element.elementor-element-9c28978{--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;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-4793 .elementor-element.elementor-element-e552546{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4793 .elementor-element.elementor-element-6b68dc0{--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;}.elementor-4793 .elementor-element.elementor-element-06e43af{--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;}.elementor-4793 .elementor-element.elementor-element-15ef532{--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;}.elementor-4793 .elementor-element.elementor-element-42d1085{--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;}.elementor-4793 .elementor-element.elementor-element-8b06d76{--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;}.elementor-4793 .elementor-element.elementor-element-c6a133c{--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;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-radius:100px 100px 100px 100px;}.elementor-4793 .elementor-element.elementor-element-c6a133c:not(.elementor-motion-effects-element-type-background), .elementor-4793 .elementor-element.elementor-element-c6a133c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(135deg, #0F0C29 0%, #24243E 74%);}.elementor-4793 .elementor-element.elementor-element-b172f82{text-align:center;}.elementor-4793 .elementor-element.elementor-element-b172f82 .elementor-heading-title{color:#6678EC;}.elementor-4793 .elementor-element.elementor-element-3bc2c14{text-align:center;font-size:60px;color:#FFFFFF;}.elementor-4793 .elementor-element.elementor-element-3bc2c14 p{margin-bottom:22px;}.elementor-4793 .elementor-element.elementor-element-8b8909d{--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;}.elementor-4793 .elementor-element.elementor-element-37b9227{--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;}.elementor-4793 .elementor-element.elementor-element-a5fc634{--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;}.elementor-4793 .elementor-element.elementor-element-3d26362{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4793 .elementor-element.elementor-element-21e2252{--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;}.elementor-4793 .elementor-element.elementor-element-e222b43{text-align:center;}.elementor-4793 .elementor-element.elementor-element-2154e63{text-align:center;}.elementor-4793 .elementor-element.elementor-element-55cbfaa{--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;}.elementor-4793 .elementor-element.elementor-element-bf88b08{--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;}.elementor-4793 .elementor-element.elementor-element-317cc4b{text-align:center;}.elementor-4793 .elementor-element.elementor-element-317cc4b .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-4793 .elementor-element.elementor-element-7ad47be{text-align:center;}.elementor-4793 .elementor-element.elementor-element-e21f1ac .elementor-button{background-color:#052358;border-style:solid;border-width:3px 3px 3px 3px;border-radius:10px 10px 10px 10px;padding:20px 20px 20px 20px;}.elementor-4793 .elementor-element.elementor-element-e21f1ac .elementor-button:hover, .elementor-4793 .elementor-element.elementor-element-e21f1ac .elementor-button:focus{background-color:#02010100;color:#052358;border-color:#052358;}.elementor-4793 .elementor-element.elementor-element-e21f1ac .elementor-button:hover svg, .elementor-4793 .elementor-element.elementor-element-e21f1ac .elementor-button:focus svg{fill:#052358;}.elementor-4793 .elementor-element.elementor-element-c963892{--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;--overlay-opacity:0.64;}.elementor-4793 .elementor-element.elementor-element-c963892:not(.elementor-motion-effects-element-type-background), .elementor-4793 .elementor-element.elementor-element-c963892 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://karsaz.co/wp-content/uploads/2026/07/bashgah-moshtarian2.jpg");background-position:182px -165px;}.elementor-4793 .elementor-element.elementor-element-c963892::before, .elementor-4793 .elementor-element.elementor-element-c963892 > .elementor-background-video-container::before, .elementor-4793 .elementor-element.elementor-element-c963892 > .e-con-inner > .elementor-background-video-container::before, .elementor-4793 .elementor-element.elementor-element-c963892 > .elementor-background-slideshow::before, .elementor-4793 .elementor-element.elementor-element-c963892 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4793 .elementor-element.elementor-element-c963892 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-4793 .elementor-element.elementor-element-d5f03af{width:var( --container-widget-width, 33% );max-width:33%;--container-widget-width:33%;--container-widget-flex-grow:0;text-align:center;}.elementor-4793 .elementor-element.elementor-element-d5f03af > .elementor-widget-container{background-color:#FFFFFF;margin:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;}.elementor-4793 .elementor-element.elementor-element-d5f03af.elementor-element{--align-self:center;}.elementor-4793 .elementor-element.elementor-element-d5f03af .elementor-heading-title{color:#052359;}.elementor-4793 .elementor-element.elementor-element-5b1bed0 .product-card .title{transition:200ms!important;}@media(max-width:992px){.elementor-4793 .elementor-element.elementor-element-c963892:not(.elementor-motion-effects-element-type-background), .elementor-4793 .elementor-element.elementor-element-c963892 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(max-width:768px){.elementor-4793 .elementor-element.elementor-element-c886928{--width:1012px;--min-height:0px;}.elementor-4793 .elementor-element.elementor-element-cab5386 img{width:100%;max-width:100%;}.elementor-4793 .elementor-element.elementor-element-e570465 img{width:100%;}.elementor-4793 .elementor-element.elementor-element-c963892:not(.elementor-motion-effects-element-type-background), .elementor-4793 .elementor-element.elementor-element-c963892 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-4793 .elementor-element.elementor-element-d5f03af{--container-widget-width:292px;--container-widget-flex-grow:0;width:var( --container-widget-width, 292px );max-width:292px;}}@media(min-width:769px){.elementor-4793 .elementor-element.elementor-element-ba1e97a{--width:33.3333%;}.elementor-4793 .elementor-element.elementor-element-9c28978{--width:66.6666%;}.elementor-4793 .elementor-element.elementor-element-6b68dc0{--width:25%;}.elementor-4793 .elementor-element.elementor-element-06e43af{--width:25%;}.elementor-4793 .elementor-element.elementor-element-15ef532{--width:25%;}.elementor-4793 .elementor-element.elementor-element-42d1085{--width:25%;}.elementor-4793 .elementor-element.elementor-element-21e2252{--width:25%;}.elementor-4793 .elementor-element.elementor-element-55cbfaa{--width:50%;}.elementor-4793 .elementor-element.elementor-element-bf88b08{--width:25%;}}/* Start custom CSS for html, class: .elementor-element-f33aaa8 *//*=========================================
        Karsaz Loyalty Section
=========================================*/

.karsaz-loyalty{

    position:relative;

    overflow:hidden;

    padding:120px 0;

    background:#fff;

    font-family:'YekanBakhFaNum';

}

.karsaz-container{

    width:92%;

    max-width:1450px;

    margin:auto;

    display:grid;

    grid-template-columns:46% 54%;

    gap:80px;

    align-items:center;

    position:relative;

    z-index:2;

}


/*=========================================
            Background
=========================================*/

.karsaz-loyalty::before{

    content:"";

    position:absolute;

    width:720px;

    height:720px;

    right:-250px;

    top:-250px;

    border-radius:50%;

    background:radial-gradient(circle,
    rgba(71,213,5,.10),
    transparent 70%);

}

.karsaz-loyalty::after{

    content:"";

    position:absolute;

    width:650px;

    height:650px;

    left:-220px;

    bottom:-220px;

    border-radius:50%;

    background:radial-gradient(circle,
    rgba(1,11,48,.05),
    transparent 70%);

}

.blob{

    position:absolute;

    border-radius:50%;

    filter:blur(90px);

    pointer-events:none;

}

.blob1{

    width:260px;

    height:260px;

    background:rgba(71,213,5,.08);

    top:100px;

    right:12%;

}

.blob2{

    width:220px;

    height:220px;

    background:rgba(1,11,48,.05);

    left:8%;

    bottom:50px;

}


/*=========================================
            Content
=========================================*/

.karsaz-badge{

    display:inline-flex;

    align-items:center;

    padding:12px 24px;

    border-radius:50px;

    background:#efffe9;

    color:#47d505;

    font-size:15px;

    font-weight:700;

}

.karsaz-content h2{

    font-size:48px;

    line-height:1.6;

    color:#010b30;

    margin:20px 0;

    font-weight:900;

}

.karsaz-content h2 span{

    color:#47d505;

}

.karsaz-content p{

    font-size:17px;

    line-height:2.1;

    color:#667085;

    margin-bottom:45px;

}


/*=========================================
        Feature Cards
=========================================*/

.karsaz-features{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:22px;

}

.feature-card{

    background:#fff;

    border:1px solid #edf1f7;

    border-radius:24px;

    padding:22px;

    display:flex;

    align-items:center;

    gap:18px;

    box-shadow:

    0 18px 40px rgba(0,0,0,.05);

    transition:.35s;

}


/*=========================================
            Feature Icon
=========================================*/

.feature-icon{

    width:78px;
    height:78px;

    border-radius:22px;

}

.feature-icon img{

    width:46px;
    height:46px;

}


/*=========================================
            Feature Text
=========================================*/

.feature-text h4{

    font-size:18px;

    color:#010b30;

    margin-bottom:6px;

    font-weight:800;

}

.feature-text span{

    font-size:14px;

    color:#7d8597;

}


/*=========================================
            Right Side
=========================================*/

.karsaz-visual{

    position:relative;

    min-height:760px;

    display:flex;

    justify-content:center;

    align-items:center;

}

.device-box{

    width:430px;

    position:relative;

    z-index:10;

}

.device-box img{

    width:100%;

    display:block;

}


/*=========================================
            Glow
=========================================*/

.device-glow{

    position:absolute;

    width:380px;

    height:380px;

    border-radius:50%;

    background:radial-gradient(circle,
    rgba(71,213,5,.20),
    transparent);

    filter:blur(30px);

}


/*=========================================
        Floating Cards
=========================================*/

.floating-card{

    position:absolute;

    width:170px;

    padding:18px;

    background:rgba(255,255,255,.92);

    backdrop-filter:blur(18px);

    border-radius:22px;

    border:1px solid rgba(255,255,255,.7);

    box-shadow:

    0 18px 45px rgba(0,0,0,.08);

    display:flex;

    align-items:center;

    gap:14px;

    z-index:20;

}


/*=========================================
        Floating Icon
=========================================*/

.floating-icon{

    width:52px;

    height:52px;

    border-radius:16px;

    background:#f5fff1;

    display:flex;

    justify-content:center;

    align-items:center;

    flex-shrink:0;

}

.floating-icon img{

    width:28px;

    height:28px;

    object-fit:contain;

}

.floating-card span{

    color:#010b30;

    font-weight:700;

    font-size:15px;

}


/*=========================================
        Cards Position
=========================================*/

.card1{

    top:40px;

    left:20px;

}

.card2{

    top:100px;

    right:0;

}

.card3{

    left:30px;

    bottom:210px;

}

.card4{

    right:-10px;

    bottom:180px;

}

.card5{

    left:100px;

    bottom:20px;

}

.card6{

    right:120px;

    top:320px;

}
/*=========================================
            Hover Effects
=========================================*/

.feature-card:hover{

    transform:translateY(-8px);

    border-color:#47d505;

    box-shadow:0 25px 55px rgba(71,213,5,.15);

}

.feature-card:hover .feature-icon img{

    transform:scale(1.18);

}

.feature-icon img{

    transition:.35s ease;

}

.floating-card:hover{

    transform:translateY(-6px);

    box-shadow:0 20px 45px rgba(71,213,5,.18);

}

.floating-card:hover .floating-icon img{

    transform:scale(1.2);

}

.floating-icon img{

    transition:.35s ease;

}


/*=========================================
            Smooth Transition
=========================================*/

.feature-card,
.feature-icon,
.feature-icon img,
.floating-card,
.floating-icon,
.floating-icon img,
.device-box{

    transition:.35s ease;

}


/*=========================================
            Floating Animation
=========================================*/

@keyframes floatUp{

    0%,100%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-16px);

    }

}

@keyframes floatDown{

    0%,100%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(16px);

    }

}

.card1{

    animation:floatUp 4s infinite ease-in-out;

}

.card2{

    animation:floatDown 5s infinite ease-in-out;

}

.card3{

    animation:floatUp 6s infinite ease-in-out;

}

.card4{

    animation:floatDown 5.5s infinite ease-in-out;

}

.card5{

    animation:floatUp 4.5s infinite ease-in-out;

}

.card6{

    animation:floatDown 6.2s infinite ease-in-out;

}


/*=========================================
            Device Animation
=========================================*/

@keyframes deviceFloat{

    0%,100%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-10px);

    }

}

.device-box{

    animation:deviceFloat 5s ease-in-out infinite;

}


/*=========================================
            Glow Animation
=========================================*/

@keyframes glowPulse{

    0%{

        transform:scale(.9);

        opacity:.55;

    }

    50%{

        transform:scale(1.08);

        opacity:1;

    }

    100%{

        transform:scale(.9);

        opacity:.55;

    }

}

.device-glow{

    animation:glowPulse 5s infinite ease-in-out;

}


/*=========================================
            Shadow Under Device
=========================================*/

.device-box::before{

    content:"";

    position:absolute;

    left:50%;

    bottom:-25px;

    transform:translateX(-50%);

    width:260px;

    height:42px;

    background:rgba(71,213,5,.18);

    border-radius:50%;

    filter:blur(18px);

    z-index:-1;

}


/*=========================================
            Decorative Rings
=========================================*/

.karsaz-visual::before{

    content:"";

    position:absolute;

    width:540px;

    height:540px;

    border-radius:50%;

    border:2px dashed rgba(71,213,5,.10);

    animation:rotateRing 40s linear infinite;

}

.karsaz-visual::after{

    content:"";

    position:absolute;

    width:400px;

    height:400px;

    border-radius:50%;

    border:1px solid rgba(1,11,48,.08);

}

@keyframes rotateRing{

    from{

        transform:rotate(0deg);

    }

    to{

        transform:rotate(360deg);

    }

}


/*=========================================
            Decorative Line
=========================================*/

.karsaz-content{

    position:relative;

}

.karsaz-content::after{

    content:"";

    display:block;

    width:90px;

    height:5px;

    margin-top:38px;

    border-radius:20px;

    background:linear-gradient(90deg,#47d505,#010b30);

}


/*=========================================
            Section Animation
=========================================*/

.karsaz-loyalty{

    animation:sectionFade .8s ease;

}

@keyframes sectionFade{

    from{

        opacity:0;

        transform:translateY(40px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}


/*=========================================
            Text Selection
=========================================*/

.karsaz-loyalty ::selection{

    background:#47d505;

    color:#fff;

}
/*=========================================
            Responsive
=========================================*/

@media (max-width:1200px){

    .karsaz-container{

        grid-template-columns:1fr;

        gap:80px;

    }

    .karsaz-content{

        text-align:center;

    }

    .karsaz-badge{

        margin:auto;

    }

    .karsaz-content::after{

        margin:40px auto 0;

    }

    .karsaz-features{

        max-width:760px;

        margin:auto;

    }

    .karsaz-visual{

        min-height:700px;

    }

}

@media (max-width:992px){

    .karsaz-loyalty{

        padding:90px 0;

    }

    .karsaz-content h2{

        font-size:40px;

    }

    .device-box{

        width:340px;

    }

    .floating-card{

        width:150px;

        padding:16px;

    }

    .floating-icon{

        width:46px;

        height:46px;

    }

    .floating-icon img{

        width:24px;

        height:24px;

    }

}

@media (max-width:768px){

    .karsaz-loyalty{

        padding:70px 0;

    }

    .karsaz-content h2{

        font-size:32px;

        line-height:1.8;

    }

    .karsaz-content p{

        font-size:15px;

    }

    .karsaz-features{

        grid-template-columns:1fr;

    }

    .karsaz-visual{

        min-height:560px;

    }

    .device-box{

        width:260px;

    }

    .floating-card{

        width:125px;

        padding:12px;

        border-radius:18px;

    }

    .floating-icon{

        width:42px;

        height:42px;

    }

    .floating-icon img{

        width:22px;

        height:22px;

    }

    .floating-card span{

        font-size:12px;

    }

    .card1{

        top:15px;

        left:0;

    }

    .card2{

        top:45px;

        right:0;

    }

    .card3{

        left:-5px;

        bottom:140px;

    }

    .card4{

        right:-5px;

        bottom:130px;

    }

    .card5{

        left:55px;

        bottom:0;

    }

    .card6{

        right:55px;

        top:235px;

    }

}

@media (max-width:520px){

    .karsaz-container{

        width:94%;

    }

    .karsaz-content h2{

        font-size:27px;

    }

    .karsaz-content p{

        font-size:14px;

        line-height:2;

    }

    .device-box{

        width:210px;

    }

    .floating-card{

        width:74px;

        height:74px;

        padding:0;

        justify-content:center;

        align-items:center;

        border-radius:20px;

    }

    .floating-card span{

        display:none;

    }

    .floating-icon{

        width:50px;

        height:50px;

        margin:0;

    }

    .floating-icon img{

        width:26px;

        height:26px;

    }

    .feature-card{

        padding:18px;

    }

    .feature-icon{

        width:58px;

        height:58px;

    }

    .feature-icon img{

        width:30px;

        height:30px;

    }

}


/*=========================================
            Scrollbar
=========================================*/

::-webkit-scrollbar{

    width:8px;

}

::-webkit-scrollbar-thumb{

    background:#47d505;

    border-radius:50px;

}

::-webkit-scrollbar-track{

    background:#f5f7fb;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-683988e */.club-benefits{

    width:92%;
    max-width:1200px;
    margin:70px auto;
font-family:'YekanBakhFaNum';
}


.club-title{
    text-align:center;
    margin-bottom:35px;
}


.club-title span{

    color:#44d800;
    font-size:16px;

}


.club-title h2{

    color:#11207b;
    font-size:32px;
    margin-top:10px;

}



.benefits-grid{

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;

}



.benefit-card{

    background:#fff;
    border-radius:22px;
    padding:22px 18px;
    text-align:center;

    box-shadow:0 10px 30px rgba(0,0,0,.06);

    transition:.3s;

}



.benefit-card:hover{

    transform:translateY(-6px);

}



.benefit-icon{

    width:55px;
    height:55px;

    margin:0 auto 15px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#f0ffe9;

    border-radius:18px;

    font-size:26px;

}



.benefit-card h3{

    font-size:17px;
    color:#11207b;

    margin-bottom:10px;

}



.benefit-card p{

    font-size:13px;
    line-height:1.8;
    color:#666;

}




@media(max-width:900px){

    .benefits-grid{

        grid-template-columns:repeat(2,1fr);
        gap:15px;

    }


    .club-title h2{

        font-size:25px;

    }

}



@media(max-width:450px){

    .benefits-grid{

        grid-template-columns:1fr;

    }


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2a3953d */.industry-section{

    width:92%;
    max-width:1200px;
    margin:80px auto;

}



.industry-content{

    display:grid;
    grid-template-columns:35% 65%;
    gap:50px;

    align-items:center;

}



.industry-text span{

    color:#44d800;
    font-size:15px;

}


.industry-text h2{

    color:#11207b;

    font-size:34px;

    line-height:1.5;

    margin:15px 0;

}


.industry-text p{

    color:#666;

    line-height:2;

    font-size:15px;

}



.industry-list{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:15px;

}



.industry-item{

    background:white;

    border-radius:18px;

    padding:18px;

    color:#11207b;

    font-size:15px;

    box-shadow:0 10px 25px rgba(0,0,0,.06);

    transition:.3s;

}



.industry-item:hover{

    transform:translateY(-5px);

}



@media(max-width:900px){

    .industry-content{

        grid-template-columns:1fr;

        gap:30px;

    }


    .industry-text{

        text-align:center;

    }



}



@media(max-width:600px){


    .industry-list{

        grid-template-columns:1fr;

    }



    .industry-text h2{

        font-size:26px;

    }


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-45a017e */@font-face {

    font-family:'YekanBakhFaNum';

    src:url('/wp-content/uploads/fonts/YekanBakhFaNum.woff2') format('woff2');

    font-weight:100 900;

    font-style:normal;

}


.club-process,
.club-process *{

    font-family:'YekanBakhFaNum', sans-serif !important;

}

}
.club-process{

    width:92%;
    max-width:1200px;
    margin:80px auto;

}



.process-title{

    text-align:center;
    margin-bottom:45px;

}


.process-title span{

    color:#44d800;
    font-size:15px;

}



.process-title h2{

    color:#11207b;
    font-size:32px;
    margin-top:12px;

}



.process-boxes{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:25px;

}



.process-card{

    background:white;

    border-radius:28px;

    padding:28px;

    box-shadow:0 15px 35px rgba(0,0,0,.07);

}



.process-card.first{

    border-top:5px solid #11207b;

}



.process-card.second{

    border-top:5px solid #44d800;

}




.process-head{

    display:flex;

    align-items:center;

    gap:18px;

    margin-bottom:25px;

}



.step-number{

    min-width:60px;

    height:60px;

    border-radius:20px;

    background:#11207b;

    color:white;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

    font-weight:bold;

}



.second .step-number{

    background:#44d800;

}



.process-head h3{

    color:#11207b;

    font-size:21px;

    margin:0 0 8px;

}



.process-head p{

    color:#777;

    font-size:13px;

    line-height:1.8;

    margin:0;

}



.process-items{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:12px;

}



.process-items div{

    background:#f8f9ff;

    padding:14px;

    border-radius:14px;

    font-size:14px;

    color:#333;

    transition:.3s;

}



.process-items div:hover{

    transform:translateY(-4px);

}




@media(max-width:850px){


    .process-boxes{

        grid-template-columns:1fr;

    }


}



@media(max-width:500px){


    .process-title h2{

        font-size:24px;

    }


    .process-items{

        grid-template-columns:1fr;

    }


    .process-card{

        padding:20px;

    }


}/* End custom CSS */