.elementor-77 .elementor-element.elementor-element-eb20b7f{text-align:center;}.elementor-77 .elementor-element.elementor-element-eb20b7f p{margin-block-end:55px;}.elementor-77 .elementor-element.elementor-element-ef9b7f0{text-align:center;}.elementor-77 .elementor-element.elementor-element-d8663c2{text-align:center;}.elementor-77 .elementor-element.elementor-element-1bde5ff .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-77 .elementor-element.elementor-element-1988461 .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-77 .elementor-element.elementor-element-531c3fb .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-77 .elementor-element.elementor-element-cbdc9b2 .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-77 .elementor-element.elementor-element-e3ea7b1 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-77 .elementor-element.elementor-element-e3ea7b1:not(.elementor-motion-effects-element-type-background), .elementor-77 .elementor-element.elementor-element-e3ea7b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#A26363;}.elementor-77 .elementor-element.elementor-element-e3ea7b1 > .elementor-background-overlay{background-color:#FF36F8;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-77 .elementor-element.elementor-element-e3ea7b1, .elementor-77 .elementor-element.elementor-element-e3ea7b1 > .elementor-background-overlay{border-radius:20px 20px 20px 20px;}.elementor-77 .elementor-element.elementor-element-e3ea7b1{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:30px 0px 0px 0px;padding:25px 25px 25px 25px;}.elementor-77 .elementor-element.elementor-element-f5bc79f img{width:71px;}.elementor-77 .elementor-element.elementor-element-6e18348 .elementor-heading-title{font-size:24px;font-weight:bold;color:#FFFFFF;}.elementor-77 .elementor-element.elementor-element-f027cca{text-align:start;font-size:13px;font-weight:400;color:#DADADA;}.elementor-bc-flex-widget .elementor-77 .elementor-element.elementor-element-ecb1bee.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-77 .elementor-element.elementor-element-ecb1bee.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-77 .elementor-element.elementor-element-e3266bd > .elementor-widget-container{background-color:#7B296E;}.elementor-77 .elementor-element.elementor-element-f84e943{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 70px 0px;padding:0px -50px 0px 0px;z-index:1;}.elementor-77 .elementor-element.elementor-element-f84e943 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-77 .elementor-element.elementor-element-6629e33 > .elementor-element-populated >  .elementor-background-overlay{background-color:#878686;opacity:0.5;}.elementor-77 .elementor-element.elementor-element-6629e33 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:15px;}.elementor-77 .elementor-element.elementor-element-6629e33 > .elementor-element-populated, .elementor-77 .elementor-element.elementor-element-6629e33 > .elementor-element-populated > .elementor-background-overlay, .elementor-77 .elementor-element.elementor-element-6629e33 > .elementor-background-slideshow{border-radius:20px 20px 20px 20px;}.elementor-77 .elementor-element.elementor-element-6629e33 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 40px 0px 235px;}.elementor-77 .elementor-element.elementor-element-6629e33 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-77 .elementor-element.elementor-element-e6e2dc9 .elementor-heading-title{font-size:24px;font-weight:bold;color:var( --e-global-color-c98cb51 );}.elementor-77 .elementor-element.elementor-element-1b50dd0{width:var( --container-widget-width, 98.494% );max-width:98.494%;--container-widget-width:98.494%;--container-widget-flex-grow:0;text-align:center;font-size:14px;font-weight:400;color:var( --e-global-color-c98cb51 );}.elementor-77 .elementor-element.elementor-element-6f4e2fd .elementor-button{background-color:#F4ECE505;font-family:"iranyekanx", Sans-serif;font-size:14px;font-weight:400;fill:var( --e-global-color-c98cb51 );color:var( --e-global-color-c98cb51 );border-style:solid;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}.elementor-77 .elementor-element.elementor-element-6f4e2fd > .elementor-widget-container{margin:5px 0px 5px 0px;}.elementor-77 .elementor-element.elementor-element-6f4e2fd .elementor-button-content-wrapper{flex-direction:row;}.elementor-77 .elementor-element.elementor-element-6f4e2fd .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-77 .elementor-element.elementor-element-578d486 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-e1245a0 > .elementor-widget-container{margin:30px -140px 30px 0px;padding:0px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-e1245a0 img{width:100%;}@media(max-width:1024px){.elementor-77 .elementor-element.elementor-element-6629e33 > .elementor-element-populated{padding:149px 40px 0px 40px;}.elementor-77 .elementor-element.elementor-element-e1245a0 > .elementor-widget-container{margin:0px 0px -128px 0px;}.elementor-77 .elementor-element.elementor-element-e1245a0 img{width:312px;}}@media(max-width:767px){.elementor-77 .elementor-element.elementor-element-6e18348{text-align:center;}.elementor-77 .elementor-element.elementor-element-6e18348 .elementor-heading-title{font-size:16px;}.elementor-77 .elementor-element.elementor-element-f84e943{margin:15px 0px 0px 0px;}.elementor-77 .elementor-element.elementor-element-6629e33 > .elementor-element-populated{padding:142px 30px 0px 30px;}.elementor-77 .elementor-element.elementor-element-e1245a0{z-index:1;}}@media(min-width:768px){.elementor-77 .elementor-element.elementor-element-073c65a{width:11.601%;}.elementor-77 .elementor-element.elementor-element-cd5ff4e{width:67.057%;}.elementor-77 .elementor-element.elementor-element-ecb1bee{width:21.007%;}.elementor-77 .elementor-element.elementor-element-6629e33{width:84.951%;}.elementor-77 .elementor-element.elementor-element-578d486{width:15%;}}@media(max-width:1024px) and (min-width:768px){.elementor-77 .elementor-element.elementor-element-6629e33{width:100%;}.elementor-77 .elementor-element.elementor-element-578d486{width:100%;}}/* Start custom CSS for text-editor, class: .elementor-element-eb20b7f *//* 🎨 افکت متن پینت بال */
.paint-text {
    position: relative !important;
    z-index: 2;
    padding: 25px 30px !important;
    border-radius: 22px !important;
    overflow: hidden !important;

    background:
        radial-gradient(circle at 8% 20%, rgba(255,23,68,.18) 0 7px, transparent 8px),
        radial-gradient(circle at 92% 15%, rgba(0,217,255,.20) 0 9px, transparent 10px),
        radial-gradient(circle at 85% 88%, rgba(255,230,0,.20) 0 8px, transparent 9px),
        rgba(255,255,255,.96);

    border: 2px solid rgba(20,20,20,.08);

    box-shadow:
        0 15px 35px rgba(0,0,0,.10),
        0 0 0 5px rgba(255,255,255,.7);

    transition: .4s ease;
}

/* لکه‌های رنگ پشت متن */
.paint-text::before {
    content: "";
    position: absolute;
    inset: -30px;

    z-index: -1;
    pointer-events: none;

    background:
        radial-gradient(
            ellipse at 5% 15%,
            #ff1744 0 22px,
            transparent 24px
        ),

        radial-gradient(
            ellipse at 96% 22%,
            #00d9ff 0 28px,
            transparent 30px
        ),

        radial-gradient(
            ellipse at 90% 92%,
            #ffe600 0 24px,
            transparent 26px
        ),

        radial-gradient(
            ellipse at 15% 94%,
            #ff2d8b 0 20px,
            transparent 22px
        );

    opacity: .8;

    animation: paintTextMove 4s ease-in-out infinite alternate;
}

/* قطره‌های کوچک اطراف */
.paint-text::after {
    content: "";
    position: absolute;
    inset: 0;

    pointer-events: none;
    z-index: -1;

    background:
        radial-gradient(circle at 4% 40%, #ff1744 0 4px, transparent 5px),
        radial-gradient(circle at 12% 8%, #ff1744 0 2px, transparent 3px),
        radial-gradient(circle at 96% 48%, #00d9ff 0 4px, transparent 5px),
        radial-gradient(circle at 88% 8%, #00d9ff 0 2px, transparent 3px),
        radial-gradient(circle at 78% 96%, #ffe600 0 4px, transparent 5px),
        radial-gradient(circle at 25% 96%, #ff2d8b 0 3px, transparent 4px);
}

/* حرکت خیلی نرم رنگ */
@keyframes paintTextMove {

    0% {
        transform: scale(1) rotate(-1deg);
    }

    50% {
        transform: scale(1.03) rotate(1deg);
    }

    100% {
        transform: scale(1) rotate(-.5deg);
    }
}

/* تیتر داخل متن */
.paint-text h1,
.paint-text h2,
.paint-text h3 {
    position: relative;
    z-index: 3;

    text-shadow:
        2px 2px 0 rgba(255,23,68,.12),
        -1px -1px 0 rgba(0,217,255,.10);
}

/* هاور */
.paint-text:hover {
    transform: translateY(-5px) rotate(.5deg);

    box-shadow:
        0 20px 45px rgba(0,0,0,.15),
        0 0 0 5px rgba(255,255,255,.8);
}

/* 📱 موبایل */
@media (max-width: 767px) {

    .paint-text {
        padding: 20px !important;
        border-radius: 18px !important;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9cc0b4b *//* ================================
   🎨 PAINTBALL PHOTO FRAME
================================ */

.paintball-effect {
    position: relative !important;
    isolation: isolate;
    overflow: visible !important;
    border-radius: 22px !important;
    
    /* قاب */
    border: 6px solid #111 !important;
    
    box-shadow:
        0 15px 35px rgba(0,0,0,.25),
        0 0 0 3px rgba(255,255,255,.8),
        0 0 35px rgba(255,40,80,.18);

    transform: rotate(-1deg);
    transition: .4s ease;
}

/* خود عکس */
.paintball-effect img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 15px !important;
    transition: .5s ease;
}

/* هاور */
.paintball-effect:hover {
    transform: rotate(0deg) scale(1.02);
}

.paintball-effect:hover img {
    transform: scale(1.04);
}


/* =================================
   💥 لکه‌های اصلی رنگ
================================= */

.paintball-effect::before {
    content: "";
    position: absolute;

    width: 170%;
    height: 170%;

    left: -35%;
    top: -35%;

    z-index: 10;
    pointer-events: none;

    background:

    /* قرمز بزرگ */
    radial-gradient(
        ellipse at 12% 30%,
        #ff1744 0%,
        #ff1744 3%,
        transparent 3.5%
    ),

    /* آبی */
    radial-gradient(
        ellipse at 83% 18%,
        #00d9ff 0%,
        #00d9ff 2.8%,
        transparent 3.4%
    ),

    /* زرد */
    radial-gradient(
        ellipse at 90% 76%,
        #ffe600 0%,
        #ffe600 4%,
        transparent 4.6%
    ),

    /* صورتی */
    radial-gradient(
        ellipse at 25% 88%,
        #ff2d8b 0%,
        #ff2d8b 3.5%,
        transparent 4.2%
    ),

    /* آبی بزرگ */
    radial-gradient(
        ellipse at 60% 8%,
        #00e5ff 0%,
        #00e5ff 3.8%,
        transparent 4.5%
    ),

    /* قرمز */
    radial-gradient(
        ellipse at 70% 65%,
        #ff1744 0%,
        #ff1744 2.5%,
        transparent 3.2%
    );

    opacity: 0;
    transform: scale(.65);

    animation:
        paintExplosion 3.2s infinite
        cubic-bezier(.2,.7,.2,1);

    filter: saturate(1.4);
}


/* =================================
   💦 قطره‌های خیلی ریز
================================= */

.paintball-effect::after {
    content: "";

    position: absolute;
    inset: -18px;

    z-index: 11;
    pointer-events: none;

    background:

    /* قرمز */
    radial-gradient(circle at 5% 18%,
        #ff1744 0 5px, transparent 6px),

    radial-gradient(circle at 9% 32%,
        #ff1744 0 3px, transparent 4px),

    radial-gradient(circle at 14% 15%,
        #ff1744 0 2px, transparent 3px),

    radial-gradient(circle at 20% 25%,
        #ff1744 0 4px, transparent 5px),

    radial-gradient(circle at 28% 8%,
        #ff1744 0 2px, transparent 3px),

    /* آبی */
    radial-gradient(circle at 78% 10%,
        #00d9ff 0 5px, transparent 6px),

    radial-gradient(circle at 87% 23%,
        #00d9ff 0 3px, transparent 4px),

    radial-gradient(circle at 94% 15%,
        #00d9ff 0 2px, transparent 3px),

    radial-gradient(circle at 82% 32%,
        #00d9ff 0 4px, transparent 5px),

    /* زرد */
    radial-gradient(circle at 92% 70%,
        #ffe600 0 5px, transparent 6px),

    radial-gradient(circle at 84% 82%,
        #ffe600 0 3px, transparent 4px),

    radial-gradient(circle at 97% 88%,
        #ffe600 0 2px, transparent 3px),

    /* صورتی */
    radial-gradient(circle at 12% 85%,
        #ff2d8b 0 4px, transparent 5px),

    radial-gradient(circle at 25% 94%,
        #ff2d8b 0 3px, transparent 4px),

    radial-gradient(circle at 37% 88%,
        #ff2d8b 0 2px, transparent 3px),

    /* قطره‌های وسط */
    radial-gradient(circle at 48% 12%,
        #ffe600 0 3px, transparent 4px),

    radial-gradient(circle at 55% 20%,
        #ff1744 0 2px, transparent 3px),

    radial-gradient(circle at 45% 91%,
        #00d9ff 0 4px, transparent 5px),

    radial-gradient(circle at 67% 92%,
        #ff1744 0 2px, transparent 3px);

    opacity: 0;

    animation:
        paintParticles 3.2s infinite
        ease-out;
}


/* =================================
   💥 انفجار رنگ
================================= */

@keyframes paintExplosion {

    0% {
        opacity: 0;
        transform:
            scale(.45)
            rotate(-8deg);
    }

    8% {
        opacity: 1;
    }

    25% {
        opacity: 1;
        transform:
            scale(.85)
            rotate(2deg);
    }

    48% {
        opacity: .95;
        transform:
            scale(1.08)
            rotate(-3deg);
    }

    70% {
        opacity: .7;
        transform:
            scale(1.22)
            rotate(5deg);
    }

    100% {
        opacity: 0;
        transform:
            scale(1.45)
            rotate(8deg);
    }
}


/* =================================
   💦 حرکت قطره‌ها
================================= */

@keyframes paintParticles {

    0% {
        opacity: 0;
        transform:
            scale(.5)
            translate(-20px,20px);
    }

    12% {
        opacity: 1;
    }

    35% {
        opacity: 1;
        transform:
            scale(1)
            translate(0,0);
    }

    60% {
        opacity: .85;
        transform:
            scale(1.25)
            translate(15px,-12px);
    }

    82% {
        opacity: .5;
        transform:
            scale(1.45)
            translate(30px,-25px);
    }

    100% {
        opacity: 0;
        transform:
            scale(1.7)
            translate(50px,-40px);
    }
}


/* =================================
   🎯 لکه‌های گوشه قاب
================================= */

.paintball-effect {
    --paint-red: #ff1744;
    --paint-blue: #00d9ff;
    --paint-yellow: #ffe600;
    --paint-pink: #ff2d8b;
}


/* =================================
   📱 موبایل
================================= */

@media (max-width: 767px) {

    .paintball-effect {
        border-width: 4px !important;
        border-radius: 16px !important;

        box-shadow:
            0 10px 25px rgba(0,0,0,.22),
            0 0 0 2px white;
    }

    .paintball-effect::before {
        animation-duration: 2.5s;
    }

    .paintball-effect::after {
        animation-duration: 2.5s;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d212745 *//* 🎯 قاب عکس قوانین پینت‌بال */
.paint-rules-photo {
    position: relative !important;
    overflow: visible !important;
    isolation: isolate;
    border-radius: 25px !important;
    transform: rotate(-2deg);
    transition: .5s ease;
    
    box-shadow:
        0 18px 40px rgba(0,0,0,.20),
        0 0 0 5px #111;
}

/* خود عکس */
.paint-rules-photo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 20px !important;
    transition: .5s ease;
}

/* 🎨 لکه‌های اصلی رنگ پشت عکس */
.paint-rules-photo::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: -30px;

    background:
        radial-gradient(
            ellipse at 5% 15%,
            #ff1744 0 35px,
            transparent 37px
        ),
        radial-gradient(
            ellipse at 95% 18%,
            #00d9ff 0 32px,
            transparent 34px
        ),
        radial-gradient(
            ellipse at 92% 90%,
            #ffe600 0 38px,
            transparent 40px
        ),
        radial-gradient(
            ellipse at 8% 88%,
            #ff2d8b 0 30px,
            transparent 32px
        );

    filter: blur(.3px);
    opacity: .9;

    animation: paintRulesSplash 4s ease-in-out infinite alternate;
}

/* 💦 قطره‌های رنگ */
.paint-rules-photo::after {
    content: "";
    position: absolute;
    z-index: 5;
    pointer-events: none;
    inset: -25px;

    background:
        radial-gradient(circle at 3% 30%,
            #ff1744 0 6px, transparent 7px),

        radial-gradient(circle at 10% 10%,
            #ff1744 0 3px, transparent 4px),

        radial-gradient(circle at 18% 4%,
            #ff1744 0 2px, transparent 3px),

        radial-gradient(circle at 96% 28%,
            #00d9ff 0 6px, transparent 7px),

        radial-gradient(circle at 90% 8%,
            #00d9ff 0 3px, transparent 4px),

        radial-gradient(circle at 98% 50%,
            #00d9ff 0 2px, transparent 3px),

        radial-gradient(circle at 91% 92%,
            #ffe600 0 6px, transparent 7px),

        radial-gradient(circle at 80% 98%,
            #ffe600 0 3px, transparent 4px),

        radial-gradient(circle at 7% 90%,
            #ff2d8b 0 5px, transparent 6px),

        radial-gradient(circle at 22% 97%,
            #ff2d8b 0 3px, transparent 4px);

    animation: paintRulesDrops 3s infinite ease-out;
}

/* 💥 حرکت رنگ */
@keyframes paintRulesSplash {

    0% {
        transform: scale(.92) rotate(-2deg);
    }

    50% {
        transform: scale(1.04) rotate(1deg);
    }

    100% {
        transform: scale(.98) rotate(-1deg);
    }
}

/* 💦 حرکت قطرات */
@keyframes paintRulesDrops {

    0% {
        opacity: .2;
        transform: scale(.7) translate(0,10px);
    }

    30% {
        opacity: 1;
    }

    70% {
        opacity: .8;
        transform: scale(1.1) translate(8px,-8px);
    }

    100% {
        opacity: 0;
        transform: scale(1.35) translate(18px,-18px);
    }
}

/* 🖱️ هاور */
.paint-rules-photo:hover {
    transform: rotate(0deg) scale(1.025);
}

.paint-rules-photo:hover img {
    transform: scale(1.04);
}

/* 📱 موبایل */
@media (max-width: 767px) {

    .paint-rules-photo {
        transform: rotate(-1deg);
        border-radius: 18px !important;
    }

    .paint-rules-photo img {
        border-radius: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-2461565 *//* 🎯 کارت ویدیوهای پینت‌بال */
.paint-video-card {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 20px !important;
    border: 4px solid #111 !important;
    background: #111 !important;

    box-shadow:
        0 12px 28px rgba(0,0,0,.18),
        0 0 0 3px rgba(255,255,255,.9);

    transform: rotate(-1deg);
    transition: .45s ease;
}

/* ویدیو */
.paint-video-card video,
.paint-video-card iframe {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    border-radius: 14px !important;
    transition: .5s ease;
}

/* 🎨 لکه رنگ پشت کارت */
.paint-video-card::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: -20px;

    background:
        radial-gradient(
            circle at 5% 10%,
            #ff1744 0 25px,
            transparent 27px
        ),
        radial-gradient(
            circle at 95% 15%,
            #00d9ff 0 28px,
            transparent 30px
        ),
        radial-gradient(
            circle at 90% 95%,
            #ffe600 0 24px,
            transparent 26px
        ),
        radial-gradient(
            circle at 8% 90%,
            #ff2d8b 0 22px,
            transparent 24px
        );

    opacity: .9;
    animation: videoPaint 4s ease-in-out infinite alternate;
}

/* 💦 قطره‌های رنگ */
.paint-video-card::after {
    content: "";
    position: absolute;
    pointer-events: none;
    inset: 0;
    z-index: 3;

    background:
        radial-gradient(circle at 5% 18%,
            #ff1744 0 4px, transparent 5px),

        radial-gradient(circle at 12% 8%,
            #ff1744 0 2px, transparent 3px),

        radial-gradient(circle at 95% 25%,
            #00d9ff 0 5px, transparent 6px),

        radial-gradient(circle at 87% 10%,
            #00d9ff 0 2px, transparent 3px),

        radial-gradient(circle at 92% 88%,
            #ffe600 0 4px, transparent 5px),

        radial-gradient(circle at 15% 94%,
            #ff2d8b 0 3px, transparent 4px);

    opacity: .75;
}

/* 💥 حرکت رنگ */
@keyframes videoPaint {

    0% {
        transform: scale(.9) rotate(-2deg);
    }

    50% {
        transform: scale(1.04) rotate(1deg);
    }

    100% {
        transform: scale(.95) rotate(-1deg);
    }
}

/* 🖱️ هاور */
.paint-video-card:hover {
    transform: rotate(0deg) translateY(-8px) scale(1.025);

    box-shadow:
        0 20px 40px rgba(0,0,0,.25),
        0 0 0 4px #111;
}

.paint-video-card:hover video,
.paint-video-card:hover iframe {
    transform: scale(1.06);
}


/* 📱 موبایل */
@media (max-width: 767px) {

    .paint-video-card {
        border-width: 3px !important;
        border-radius: 16px !important;
        transform: rotate(0deg);
    }

    .paint-video-card video,
    .paint-video-card iframe {
        border-radius: 11px !important;
    }

    .paint-video-card:hover {
        transform: translateY(-4px) scale(1.01);
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-e3ea7b1 *//* 📸 Instagram Paintball Box */
.instagram-box {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate;

    padding: 25px 30px !important;
    border-radius: 22px !important;

    background:
        radial-gradient(circle at 10% 20%,
            rgba(255,23,68,.22) 0 35px,
            transparent 36px),

        radial-gradient(circle at 90% 15%,
            rgba(0,217,255,.20) 0 40px,
            transparent 41px),

        radial-gradient(circle at 85% 90%,
            rgba(255,230,0,.18) 0 35px,
            transparent 36px),

        linear-gradient(135deg,#111,#1b1b1b 55%,#111);

    border: 2px solid rgba(255,255,255,.12) !important;

    box-shadow:
        0 15px 35px rgba(0,0,0,.25),
        inset 0 0 30px rgba(255,255,255,.025);

    transition: .4s ease;
}

/* 🎨 پاشش رنگ */
.instagram-box::before {
    content: "";
    position: absolute;
    inset: -50px;
    z-index: -1;

    background:
        radial-gradient(circle at 5% 50%,
            #ff1744 0 8px, transparent 9px),

        radial-gradient(circle at 12% 30%,
            #ff1744 0 3px, transparent 4px),

        radial-gradient(circle at 95% 40%,
            #00d9ff 0 7px, transparent 8px),

        radial-gradient(circle at 88% 20%,
            #00d9ff 0 3px, transparent 4px),

        radial-gradient(circle at 80% 95%,
            #ffe600 0 6px, transparent 7px),

        radial-gradient(circle at 20% 90%,
            #ff2d8b 0 5px, transparent 6px);

    opacity: .8;
    animation: instaPaint 4s ease-in-out infinite alternate;
}

/* 📸 آیکون اینستاگرام */
.instagram-box i,
.instagram-box svg {
    transition: .4s ease;
}

/* لینک */
.instagram-box a {
    color: #fff !important;
    text-decoration: none !important;
    transition: .3s ease;
}

.instagram-box a:hover {
    color: #00d9ff !important;
}

/* هاور کل بخش */
.instagram-box:hover {
    transform: translateY(-5px);

    box-shadow:
        0 22px 45px rgba(0,0,0,.35),
        0 0 25px rgba(255,23,68,.12);
}

.instagram-box:hover i,
.instagram-box:hover svg {
    transform: scale(1.15) rotate(-8deg);
}

/* حرکت رنگ */
@keyframes instaPaint {
    0% {
        transform: scale(.9) rotate(-2deg);
    }

    50% {
        transform: scale(1.05) rotate(1deg);
    }

    100% {
        transform: scale(.95) rotate(-1deg);
    }
}

/* 📱 موبایل */
@media (max-width: 767px) {
    .instagram-box {
        padding: 20px !important;
        border-radius: 18px !important;
    }
}/* End custom CSS */