/*==================================================
                CONTACT HERO
==================================================*/

.contact-hero{
    font-family: 'IranYekan';

    position: relative;

    padding: 170px 0 140px;

    overflow: hidden;

}

.contact-hero .container{

    width: min(1180px, calc(100% - 48px));

    margin: 0 auto;

    position: relative;

    z-index: 2;

}


/*==================================================
                BACKGROUND - مشکل برطرف شد
==================================================*/

/* این بخش حذف شد چون باعث خرابی بک‌گراند اصلی می‌شد */


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

.contact-hero-grid{

    display: grid;

    grid-template-columns: 1.05fr .95fr;

    align-items: center;

    gap: 80px;

}


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

.contact-content{

    position: relative;

    z-index: 5;

}

.contact-content > *{

    position: relative;

}


/*==================================================
                PRODUCT
==================================================*/

.hero-product{

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

    min-height: 620px;

}

.hero-product img{

    position: relative;

    width: 100%;

    max-width: 560px;

    z-index: 5;

    user-select: none;

    pointer-events: none;

    filter:
        drop-shadow(
            0 45px 80px rgba(0,0,0,.55)
        );

}


/*==================================================
                PRODUCT GLOW
==================================================*/

.product-glow{

    position: absolute;

    width: 340px;

    height: 340px;

    border-radius: 50%;

    filter: blur(18px);

    z-index: 1;

}


/*==================================================
                PRODUCT RINGS
==================================================*/

.product-ring{

    position: absolute;

    width: 470px;

    height: 470px;

    border-radius: 50%;

    border: 1px solid rgba(255,176,40,.10);

}

.product-ring.ring-2{

    width: 610px;

    height: 610px;

    border: 1px dashed rgba(255,176,40,.08);

}
/*==================================================
                HERO BADGE
==================================================*/

.hero-badge{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:12px 20px;

    margin-bottom:28px;

    border-radius:50px;

    border:1px solid rgba(255,176,40,.18);

    color:#ffb327;

    font-size:.95rem;

    font-weight:600;

    backdrop-filter:blur(10px);

}

.hero-badge i{

    font-size:15px;

}


/*==================================================
                HERO TITLE
==================================================*/

.contact-content h1{

    margin:0;

    color:#fff;

    font-size:4rem;

    font-weight:900;

    line-height:1.2;

    letter-spacing:-1px;

}

.contact-content h1 span{

    display:block;

    margin-top:8px;

    color:#ffb327;

}


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

.contact-content p{

    margin:30px 0 40px;

    max-width:620px;

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

    font-size:1.08rem;

    line-height:2.1;

}


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

.hero-buttons{

    display:flex;

    align-items:center;

    gap:18px;

    flex-wrap:wrap;

    margin-bottom:45px;

}

.hero-buttons a{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:16px 34px;

    border-radius:16px;

    text-decoration:none;

    font-weight:700;

    transition:.35s;

}

.hero-buttons i{

    font-size:15px;

}


/* Primary */

.btn-primary{

    background:linear-gradient(135deg,#ffb327,#ff7a00);

    color:#fff;

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

}

/* Secondary */

.btn-secondary{

    color:#fff;

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

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

    backdrop-filter:blur(12px);

}


/*==================================================
                HERO FEATURES
==================================================*/

.hero-features{

    display:flex;

    flex-wrap:wrap;

    gap:18px;

}

.hero-feature{

    display:flex;

    align-items:center;

    gap:12px;

    padding:14px 18px;

    border-radius:16px;

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

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

    backdrop-filter:blur(12px);

}

.hero-feature i{

    width:42px;

    height:42px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:12px;

    background:rgba(255,176,40,.12);

    color:#ffb327;

    font-size:16px;

}

.hero-feature span{

    color:#e8e8e8;

    font-size:.95rem;

    font-weight:600;

}
/*==================================================
                HERO BUTTON EFFECTS
==================================================*/

.hero-buttons a{

    position:relative;

    overflow:hidden;

}

.hero-buttons a::before{

    content:"";

    position:absolute;

    inset:0;

    transform:translateX(-130%);

    transition:.8s;

}

.hero-buttons a:hover::before{

    transform:translateX(130%);

}

.btn-primary:hover{

    transform:translateY(-6px);

    box-shadow:
        0 22px 45px rgba(255,145,0,.35);

}

.btn-secondary:hover{

    transform:translateY(-6px);

    border-color:rgba(255,176,40,.35);

    background:rgba(255,176,40,.08);

}


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

.hero-badge{

    transition:.35s;

}

.hero-badge:hover{

    transform:translateY(-3px);

    border-color:rgba(255,176,40,.35);

    box-shadow:
        0 15px 35px rgba(255,145,0,.15);

}


/*==================================================
                FEATURE EFFECT
==================================================*/

.hero-feature{

    transition:.35s;

}

.hero-feature:hover{

    transform:translateY(-8px);

    border-color:rgba(255,176,40,.18);

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

    box-shadow:

        0 18px 35px rgba(0,0,0,.25),

        0 0 35px rgba(255,145,0,.08);

}

.hero-feature:hover i{

    transform:rotate(-10deg) scale(1.08);

    background:rgba(255,176,40,.18);

}

.hero-feature i{

    transition:.35s;

}


/*==================================================
                PRODUCT IMAGE
==================================================*/

.hero-product img{

    animation:

        heroFloat 5s ease-in-out infinite;

    transition:.45s;

}

.hero-product:hover img{

    transform:scale(1.03);

}


/*==================================================
                GLOW EFFECT
==================================================*/

.product-glow{

    animation:

        glowPulse 4s ease-in-out infinite;

}


/*==================================================
                ROTATING RINGS
==================================================*/

.ring-1{

    animation:

        rotateRing 22s linear infinite;

}

.ring-2{

    animation:

        rotateRingReverse 30s linear infinite;

}


/*==================================================
                KEYFRAMES
==================================================*/

@keyframes heroFloat{

    0%,100%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-18px);

    }

}

@keyframes glowPulse{

    0%,100%{

        transform:scale(1);

        opacity:.7;

    }

    50%{

        transform:scale(1.08);

        opacity:1;

    }

}

@keyframes rotateRing{

    from{

        transform:rotate(0deg);

    }

    to{

        transform:rotate(360deg);

    }

}

@keyframes rotateRingReverse{

    from{

        transform:rotate(360deg);

    }

    to{

        transform:rotate(0deg);

    }

}


/*==================================================
                SMOOTH TRANSITIONS
==================================================*/

.contact-content h1,

.contact-content p,

.hero-feature span,

.hero-buttons a{

    transition:.35s ease;

}
/*==================================================
                HERO RESPONSIVE
==================================================*/

/*==============================
            Laptop
==============================*/

@media (max-width:1200px){

    .contact-hero{

        padding:150px 0 120px;

    }

    .contact-hero-grid{

        gap:60px;

    }

    .contact-content h1{

        font-size:3.4rem;

    }

    .hero-product{

        min-height:540px;

    }

    .hero-product img{

        max-width:480px;

    }

    .product-ring{

        width:420px;
        height:420px;

    }

    .product-ring.ring-2{

        width:540px;
        height:540px;

    }

}


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

@media (max-width:992px){

    .contact-hero{

        padding:130px 0 90px;

    }

    .contact-hero-grid{

        grid-template-columns:1fr;

        gap:70px;

        text-align:center;

    }

    .contact-content{

        order:2;

    }

    .hero-product{

        order:1;

        min-height:auto;

    }

    .contact-content p{

        margin-inline:auto;

    }

    .hero-buttons{

        justify-content:center;

    }

    .hero-features{

        justify-content:center;

    }

    .hero-product img{

        max-width:420px;

    }

    .product-ring{

        width:380px;
        height:380px;

    }

    .product-ring.ring-2{

        width:480px;
        height:480px;

    }

}


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

@media (max-width:768px){

    .contact-hero{

        padding:110px 0 80px;

    }

    .contact-content h1{

        font-size:2.6rem;

        line-height:1.3;

    }

    .contact-content p{

        font-size:1rem;

        line-height:2;

    }

    .hero-buttons{

        flex-direction:column;

        width:100%;

    }

    .hero-buttons a{

        width:100%;

    }

    .hero-features{

        flex-direction:column;

        align-items:stretch;

    }

    .hero-feature{

        width:100%;

    }

    .hero-product img{

        max-width:340px;

    }

    .product-ring{

        width:320px;
        height:320px;

    }

    .product-ring.ring-2{

        width:390px;
        height:390px;

    }

}


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

@media (max-width:480px){

    .contact-hero{

        padding:95px 0 70px;

    }

    .hero-badge{

        font-size:.82rem;

        padding:10px 16px;

    }

    .contact-content h1{

        font-size:2rem;

    }

    .contact-content p{

        font-size:.92rem;

    }

    .hero-buttons a{

        padding:15px 20px;

    }

    .hero-feature{

        padding:12px 15px;

    }

    .hero-feature i{

        width:38px;
        height:38px;

        font-size:14px;

    }

    .hero-feature span{

        font-size:.88rem;

    }

    .hero-product img{

        max-width:280px;

    }

    .product-ring{

        width:260px;
        height:260px;

    }

    .product-ring.ring-2{

        width:320px;
        height:320px;

    }

}


/*==============================
        Touch Devices
==============================*/

@media (hover:none){

    .hero-feature:hover,

    .btn-primary:hover,

    .btn-secondary:hover,

    .hero-badge:hover{

        transform:none;

    }

}


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

.contact-content>*{

    opacity:0;

    transform:translateY(35px);

    animation:fadeUp .8s forwards;

}

.contact-content>*:nth-child(1){

    animation-delay:.1s;

}

.contact-content>*:nth-child(2){

    animation-delay:.25s;

}

.contact-content>*:nth-child(3){

    animation-delay:.4s;

}

.contact-content>*:nth-child(4){

    animation-delay:.55s;

}

@keyframes fadeUp{

    to{

        opacity:1;

        transform:translateY(0);

    }

}
/*==================================================
                RESPONSIVE
==================================================*/

@media (max-width:1200px){

    .contact-hero{

        padding:140px 0 120px;

    }

    .contact-hero-grid{

        gap:60px;

    }

    .contact-content h1{

        font-size:60px;

    }

    .hero-product img{

        max-width:460px;

    }

    .product-ring{

        width:410px;

        height:410px;

    }

    .product-ring.ring-2{

        width:520px;

        height:520px;

    }

}


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

@media (max-width:992px){

    .contact-hero{

        padding:120px 0 90px;

    }

    .contact-hero-grid{

        grid-template-columns:1fr;

        gap:70px;

        text-align:center;

    }

    .contact-content{

        order:2;

    }

    .hero-product{

        order:1;

        min-height:500px;

    }

    .contact-content p{

        max-width:650px;

        margin:0 auto 45px;

    }

    .hero-buttons{

        justify-content:center;

    }

    .hero-product img{

        max-width:390px;

    }

    .product-ring{

        width:360px;

        height:360px;

    }

    .product-ring.ring-2{

        width:450px;

        height:450px;

    }

}


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

@media (max-width:768px){

    .contact-hero{

        padding:90px 0 70px;

    }

    .contact-content h1{

        font-size:42px;

        line-height:1.45;

    }

    .contact-content p{

        font-size:16px;

        line-height:2.1;

    }

    .hero-buttons{

        flex-direction:column;

        width:100%;

        gap:15px;

    }

    .hero-buttons a{

        width:100%;

        justify-content:center;

    }

    /* محصول در موبایل نمایش داده نشود */

    .hero-product{

        display:none;

    }

    .hero-scroll{

        margin-top:60px;

    }

}


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

@media (max-width:576px){

    .contact-content h1{

        font-size:34px;

    }

    .contact-content p{

        font-size:15px;

    }

    .hero-badge{

        padding:10px 18px;

        font-size:13px;

    }

    .hero-badge i{

        width:34px;

        height:34px;

        font-size:15px;

    }

    .hero-buttons a{

        height:56px;

        font-size:14px;

        border-radius:16px;

    }

    .hero-scroll{

        display:none;

    }

}
/*==================================================
            FALCON CONTACT SECTION
==================================================*/

.fal-contact{

    position: relative;

    padding: 120px 0;

}

.fal-contact-wrapper{

    width: min(1180px, calc(100% - 48px));

    margin: 0 auto;

    position: relative;

    z-index: 2;

}


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

.fal-contact-header{

    max-width: 760px;

    margin: 0 auto 70px;

    text-align: center;

}

.fal-contact-subtitle{

    display: inline-block;

    margin-bottom: 18px;

    padding: 8px 18px;

    border-radius: 50px;

    background: rgba(255,145,0,.08);

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

    color: #ff9800;

    font-family: 'IranYekan';

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 2px;

}

.fal-contact-title{

    margin-bottom: 20px;

    font-family: 'IranYekan';

    font-size: clamp(36px,4vw,58px);

    font-weight: 800;

    color: #fff;

    line-height: 1.3;

}

.fal-contact-title span{

    color:#ff9800;

}

.fal-contact-description{

    max-width:620px;

    margin:auto;

    color:#b7b7b7;

    font-family:'IranYekan';

    font-size:16px;

    line-height:2;

}


/*==================================================
            WORKING HOURS CARD
==================================================*/

.fal-working-card{

    position:relative;

    display:flex;

    align-items:center;

    gap:35px;

    margin:0 auto 32px;

    padding:34px 40px;

    border-radius:30px;

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

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

    backdrop-filter:blur(12px);

    overflow:hidden;

}

.fal-working-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:5px;

    height:100%;

    background:linear-gradient(

        to bottom,

        #ffb327,

        #ff7200

    );

}


/*==================================================
            WORKING ICON
==================================================*/

.fal-working-icon{

    flex-shrink:0;

    width:84px;

    height:84px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:24px;

    background:

    linear-gradient(

        135deg,

        rgba(255,176,40,.16),

        rgba(255,255,255,.03)

    );

    border:1px solid rgba(255,176,40,.20);

}

.fal-working-icon i{

    font-size:34px;

    background:

    linear-gradient(

        135deg,

        #ffb327,

        #ff7200

    );

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

}


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

.fal-working-content{

    flex:1;

}

.fal-working-content h3{

    margin-bottom:28px;

    color:#fff;

    font-family:'IranYekan';

    font-size:30px;

    font-weight:800;

}

.fal-working-times{

    display:grid;

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

    gap:24px;

}

.fal-working-times div{

    padding:22px;

    border-radius:20px;

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

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

}

.fal-working-times span{

    display:block;

    margin-bottom:10px;

    color:#9f9f9f;

    font-family:'IranYekan';

    font-size:14px;

}

.fal-working-times strong{

    color:#fff;

    font-family:'IranYekan';

    font-size:20px;

    font-weight:700;

}
/*==================================================
                CONTACT ROW
==================================================*/

.fal-contact-row{

    display:flex;

    gap:28px;

    margin-bottom:32px;

}

.fal-contact-row > *{

    flex:1;

}


/*==================================================
                CONTACT CARD
==================================================*/

.fal-contact-box{

    position:relative;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    text-align:center;

    min-height:290px;

    padding:42px 34px;

    border-radius:30px;

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

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

    backdrop-filter:blur(12px);

    overflow:hidden;

}

.fal-contact-box::before{

    content:"";

    position:absolute;

    top:0;

    left:50%;

    transform:translateX(-50%);

    width:85px;

    height:4px;

    border-radius:50px;

    background:linear-gradient(
        90deg,
        #ffb327,
        #ff7200
    );

}


/*==================================================
                ICON
==================================================*/

.fal-contact-box-icon{

    width:76px;

    height:76px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:24px;

    border-radius:22px;

    background:linear-gradient(
        135deg,
        rgba(255,176,40,.16),
        rgba(255,255,255,.03)
    );

    border:1px solid rgba(255,176,40,.22);

}

.fal-contact-box-icon i{

    font-size:30px;

    background:linear-gradient(
        135deg,
        #ffb327,
        #ff7200
    );

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

}


/*==================================================
                TEXT
==================================================*/

.fal-contact-box h3{

    margin-bottom:14px;

    font-family:'IranYekan';

    font-size:28px;

    font-weight:800;

    color:#fff;

}

.fal-contact-box p{

    margin-bottom:26px;

    color:#b9b9b9;

    font-family:'IranYekan';

    font-size:16px;

    line-height:1.9;

    word-break:break-word;

}


/*==================================================
                BUTTON
==================================================*/

.fal-contact-box a{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    height:48px;

    padding:0 26px;

    border-radius:50px;

    background:linear-gradient(
        135deg,
        #ff9800,
        #ff6a00
    );

    color:#fff;

    text-decoration:none;

    font-family:'IranYekan';

    font-size:14px;

    font-weight:700;

    transition:.35s;

}

.fal-contact-box a:hover{

    transform:translateY(-3px);

    box-shadow:0 15px 30px rgba(255,136,0,.28);

}


/*==================================================
                ADDRESS CARD
==================================================*/

.fal-address-card{

    position:relative;

    text-align:center;

    padding:55px 45px;

    border-radius:30px;

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

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

    backdrop-filter:blur(12px);

    overflow:hidden;

}

.fal-address-card::before{

    content:"";

    position:absolute;

    top:0;

    left:50%;

    transform:translateX(-50%);

    width:100px;

    height:4px;

    border-radius:50px;

    background:linear-gradient(
        90deg,
        #ffb327,
        #ff7200
    );

}

.fal-address-icon{

    width:84px;

    height:84px;

    margin:0 auto 24px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:24px;

    background:linear-gradient(
        135deg,
        rgba(255,176,40,.16),
        rgba(255,255,255,.03)
    );

    border:1px solid rgba(255,176,40,.22);

}

.fal-address-icon i{

    font-size:34px;

    background:linear-gradient(
        135deg,
        #ffb327,
        #ff7200
    );

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

}

.fal-address-card h3{

    margin-bottom:18px;

    font-family:'IranYekan';

    font-size:32px;

    color:#fff;

}

.fal-address-card p{

    max-width:650px;

    margin:0 auto 30px;

    color:#b9b9b9;

    font-family:'IranYekan';

    font-size:16px;

    line-height:2.1;

}

.fal-map-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:15px 28px;

    border-radius:50px;

    text-decoration:none;

    color:#fff;

    font-family:'IranYekan';

    font-weight:700;

    transition:.35s;

}
/*==================================================
                CARD TRANSITIONS
==================================================*/

.fal-working-card,
.fal-contact-box,
.fal-address-card{

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

}

.fal-working-card:hover,
.fal-contact-box:hover,
.fal-address-card:hover{

    transform:translateY(-8px);

    border-color:rgba(255,145,0,.18);

    box-shadow:
    0 20px 45px rgba(0,0,0,.28);

}


/*==================================================
                ICON EFFECT
==================================================*/

.fal-working-icon,
.fal-contact-box-icon,
.fal-address-icon{

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

}

.fal-working-card:hover .fal-working-icon,
.fal-contact-box:hover .fal-contact-box-icon,
.fal-address-card:hover .fal-address-icon{

    transform:
        translateY(-4px)
        scale(1.06);

    border-color:rgba(255,176,40,.40);

    box-shadow:
        0 18px 35px rgba(255,145,0,.16);

}

.fal-working-icon i,
.fal-contact-box-icon i,
.fal-address-icon i{

    transition:.35s;

}

.fal-working-card:hover i,
.fal-contact-box:hover i,
.fal-address-card:hover i{

    transform:scale(1.08);

}


/*==================================================
                TEXT EFFECT
==================================================*/

.fal-working-content h3,
.fal-contact-box h3,
.fal-address-card h3{

    transition:.35s;

}

.fal-working-card:hover h3,
.fal-contact-box:hover h3,
.fal-address-card:hover h3{

    color:#ffb327;

}

.fal-working-times strong,
.fal-contact-box p,
.fal-address-card p{

    transition:.35s;

}

.fal-working-card:hover strong,
.fal-contact-box:hover p,
.fal-address-card:hover p{

    color:#e5e5e5;

}


/*==================================================
                BUTTON EFFECT
==================================================*/

.fal-contact-box a,
.fal-map-btn{

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        background .35s ease;

}

.fal-contact-box a:hover{

    transform:translateY(-3px);

    box-shadow:
        0 15px 30px rgba(255,145,0,.30);

}

.fal-map-btn{

    background:transparent;

    border:1px solid rgba(255,176,40,.25);

}

.fal-map-btn:hover{

    border-color:#ff9800;

    transform:translateY(-3px);

}


/*==================================================
                SHINE EFFECT
==================================================*/

.fal-working-card::after,
.fal-contact-box::after,
.fal-address-card::after{

    content:"";

    position:absolute;

    inset:0;

    background:

    linear-gradient(

        120deg,

        transparent 35%,

        rgba(255,255,255,.06) 50%,

        transparent 65%

    );

    transform:translateX(-130%);

    transition:.9s;

    pointer-events:none;

}

.fal-working-card:hover::after,
.fal-contact-box:hover::after,
.fal-address-card:hover::after{

    transform:translateX(130%);

}


/*==================================================
                ENTRANCE ANIMATION
==================================================*/

.fal-working-card,
.fal-contact-box,
.fal-address-card{

    opacity:0;

    animation:falContactFade .8s ease forwards;

}

.fal-working-card{

    animation-delay:.05s;

}

.fal-contact-box:nth-child(1){

    animation-delay:.18s;

}

.fal-contact-box:nth-child(2){

    animation-delay:.28s;

}

.fal-address-card{

    animation-delay:.40s;

}

@keyframes falContactFade{

    from{

        opacity:0;

        transform:translateY(35px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}
/*==================================================
                RESPONSIVE
==================================================*/

/*==============================
            Laptop
==============================*/

@media (max-width:1200px){

    .fal-contact{

        padding:100px 0;

    }

    .fal-contact-wrapper{

        width:min(1000px,calc(100% - 42px));

    }

}


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

@media (max-width:992px){

    .fal-contact-header{

        margin-bottom:55px;

    }

    .fal-working-card{

        flex-direction:column;

        text-align:center;

        gap:28px;

        padding:34px;

    }

    .fal-working-card::before{

        width:100%;

        height:4px;

        left:0;

        top:0;

    }

    .fal-working-times{

        grid-template-columns:1fr;

        gap:18px;

    }

    .fal-contact-row{

        flex-direction:column;

    }

}


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

@media (max-width:768px){

    .fal-contact{

        padding:80px 0;

    }

    .fal-contact-wrapper{

        width:calc(100% - 30px);

    }

    .fal-contact-title{

        font-size:36px;

    }

    .fal-contact-description{

        font-size:15px;

        line-height:1.9;

    }

    .fal-working-card{

        border-radius:24px;

        padding:28px 22px;

    }

    .fal-working-icon{

        width:72px;

        height:72px;

        border-radius:20px;

    }

    .fal-working-icon i{

        font-size:28px;

    }

    .fal-working-content h3{

        font-size:25px;

        margin-bottom:22px;

    }

    .fal-working-times div{

        padding:18px;

    }

    .fal-working-times strong{

        font-size:18px;

    }

    .fal-contact-box{

        min-height:auto;

        padding:34px 24px;

        border-radius:24px;

    }

    .fal-contact-box-icon{

        width:70px;

        height:70px;

        border-radius:20px;

    }

    .fal-contact-box-icon i{

        font-size:28px;

    }

    .fal-contact-box h3{

        font-size:24px;

    }

    .fal-contact-box p{

        font-size:15px;

    }

    .fal-contact-box a{

        width:100%;

        max-width:230px;

    }

    .fal-address-card{

        padding:38px 24px;

        border-radius:24px;

    }

    .fal-address-icon{

        width:74px;

        height:74px;

        border-radius:22px;

    }

    .fal-address-icon i{

        font-size:30px;

    }

    .fal-address-card h3{

        font-size:26px;

    }

    .fal-address-card p{

        font-size:15px;

        line-height:2;

    }

    .fal-map-btn{

        width:100%;

        justify-content:center;

    }

}


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

@media (max-width:480px){

    .fal-contact-title{

        font-size:31px;

    }

    .fal-contact-subtitle{

        font-size:12px;

        letter-spacing:1px;

    }

    .fal-contact-description{

        font-size:14px;

    }

    .fal-working-card{

        padding:24px 18px;

    }

    .fal-working-content h3{

        font-size:22px;

    }

    .fal-working-times span{

        font-size:13px;

    }

    .fal-working-times strong{

        font-size:16px;

    }

    .fal-contact-box{

        padding:30px 18px;

    }

    .fal-contact-box h3{

        font-size:22px;

    }

    .fal-contact-box p{

        font-size:14px;

    }

    .fal-address-card{

        padding:34px 18px;

    }

    .fal-address-card h3{

        font-size:23px;

    }

    .fal-address-card p{

        font-size:14px;

    }

}


/*==============================
        Touch Devices
==============================*/

@media (hover:none){

    .fal-working-card:hover,

    .fal-contact-box:hover,

    .fal-address-card:hover{

        transform:none;

        box-shadow:none;

    }

}

/*========================================
            CONTACT FORM
        MAIN STRUCTURE
========================================*/


.contact-form{

    font-family: 'IranYekan';

    position:relative;

    overflow:hidden;

}


.contact-form .container{

    max-width:1180px;

    margin:auto;

    padding-inline:40px;

}

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


.fal-contact-header{

    max-width:760px;

    margin:0 auto 70px;

    text-align:center;

    position:relative;

    z-index:2;

}


.fal-contact-subtitle{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:8px 20px;

    border-radius:50px;

    background:rgba(255,176,40,.10);

    border:1px solid rgba(255,176,40,.20);

    color:#ffb028;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

    margin-bottom:25px;

}


.fal-contact-title{

    font-size:clamp(32px,4vw,52px);

    line-height:1.35;

    font-weight:900;

    color:#f3ede4;

    margin-bottom:20px;

}


.fal-contact-title span{

    color:#ffb028;

    text-shadow:

    0 0 30px rgba(255,176,40,.35);

}


.fal-contact-description{

    max-width:650px;

    margin:auto;

    color:#c9bfae;

    font-size:16px;

    line-height:2;

}


/*========================================        FORM WRAPPER
========================================*/


.contact-form-wrapper{

    display:grid;

    grid-template-columns:360px 1fr;

    gap:35px;

    align-items:start;

    max-width:1080px;

    margin:auto;

}


/*========================================
        GLOBAL TEXT FIX
========================================*/


.contact-form h3,

.contact-form label{

    color:#f3ede4;

}


.contact-form p{

    color:#c9bfae;

}


.contact-form input,

.contact-form textarea{

    color:#f3ede4;

}


.contact-form input::placeholder,

.contact-form textarea::placeholder{

    color:rgba(243,237,228,.45);

}


/*========================================
        RESPONSIVE BASE
========================================*/


@media(max-width:900px){

    .contact-form .container{

        padding-inline:25px;

    }

    .contact-form-wrapper{

        grid-template-columns:1fr;

        max-width:600px;

    }

}


@media(max-width:600px){

    .contact-form .container{

        padding-inline:18px;

    }

    .fal-contact-header{

        margin-bottom:45px;

    }

    .fal-contact-description{

        font-size:14px;

    }

}
/*========================================
        CONTACT CARDS
========================================*/

.contact-form-info,

.contact-form-box{

    position:relative;

    background:

    linear-gradient(
        145deg,
        rgba(255,176,40,.07),
        rgba(255,255,255,.025)
    );

    border:1px solid rgba(255,176,40,.15);

    border-radius:30px;

    backdrop-filter:blur(18px);

    overflow:hidden;

    transition:.45s ease;

}


.contact-form-info::before,

.contact-form-box::before{

    content:"";

    position:absolute;

    width:260px;

    height:260px;

    top:-140px;

    right:-120px;

    border-radius:50%;

    opacity:.7;

    pointer-events:none;

}


.contact-form-info:hover,

.contact-form-box:hover{

    transform:translateY(-8px);

    border-color:rgba(255,176,40,.35);

    box-shadow:

    0 25px 60px rgba(0,0,0,.35),

    0 0 40px rgba(255,145,0,.10);

}


/*========================================
            INFO CARD
========================================*/


.contact-form-info{

    padding:38px 32px;

}


.contact-info-icon{

    width:85px;

    height:85px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:25px;

    background:

    linear-gradient(
        135deg,
        rgba(255,176,40,.22),
        rgba(255,255,255,.04)
    );

    border:1px solid rgba(255,176,40,.25);

    margin-bottom:28px;

}


.contact-info-icon i{

    font-size:36px;

    background:

    linear-gradient(
        135deg,
        #ffbd32,
        #ff7200
    );

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

    filter:

    drop-shadow(
        0 0 18px rgba(255,145,0,.55)
    );

}


.contact-form-info h3{

    font-size:24px;

    font-weight:800;

    margin-bottom:16px;

}


.contact-form-info p{

    font-size:14.5px;

    line-height:2;

}


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


.contact-benefits{

    display:flex;

    flex-direction:column;

    gap:14px;

    margin-top:30px;
    

}


.contact-benefit{

    display:flex;

    align-items:center;

    gap:14px;

    padding:14px 16px;

    border-radius:18px;

    background:

    rgba(255,255,255,.035);

    border:1px solid rgba(255,176,40,.10);

    transition:.35s;

}


.contact-benefit:hover{

    transform:translateX(-5px);

    border-color:rgba(255,176,40,.35);

}


.contact-benefit i{

    width:35px;

    height:35px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:12px;

    color:#ffb028;

    background:

    rgba(255,176,40,.12);

}


.contact-benefit span{

    color:#f3ede4;

    font-size:14px;

    font-weight:600;

}


/*========================================
            FORM CARD
========================================*/


.contact-form-box{

    padding:40px;

}


.form-row{

    display:grid;

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

    gap:20px;

}


.form-group{

    margin-bottom:22px;

}


.form-group label{
    text-align: center;

    display:block;

    margin-bottom:10px;

    font-size:14px;

    font-weight:700;

}


@media(max-width:900px){

    .contact-form-box{

        padding:32px 25px;

    }

}


@media(max-width:600px){

    .contact-form-info,

    .contact-form-box{

        border-radius:24px;

    }

    .contact-form-info{

        padding:28px 22px;

    }

    .contact-form-box{

        padding:25px 18px;

    }

}
/*========================================
            FORM INPUTS
========================================*/


.input-box,

.textarea-box{

    position:relative;

    width:100%;

}


.input-box input,

.textarea-box textarea{

    width:100%;

    background:

    rgba(255,255,255,.035);

    border:1px solid rgba(255,176,40,.12);

    border-radius:18px;

    outline:none;

    color:#f3ede4;

    font-family:'IranYekan';

    font-size:14px;

    transition:.35s ease;

}


.input-box input{

    height:58px;

    padding:

    0 48px 0 18px;

}


.textarea-box textarea{

    min-height:150px;

    resize:none;

    padding:

    18px 48px 18px 18px;

    line-height:2;

}


.input-box input:hover,

.textarea-box textarea:hover{

    border-color:

    rgba(255,176,40,.35);

}


.input-box input:focus,

.textarea-box textarea:focus{

    border-color:#ffb028;

    background:

    rgba(255,176,40,.06);

    box-shadow:

    0 0 25px rgba(255,176,40,.12);

}


/*========================================
            INPUT ICONS
========================================*/


.input-box i,

.textarea-box i{

    position:absolute;

    right:18px;

    top:50%;

    transform:translateY(-50%);

    color:#ffb028;

    font-size:16px;

    pointer-events:none;

    filter:

    drop-shadow(
        0 0 10px rgba(255,176,40,.45)
    );

}


.textarea-box i{

    top:24px;

    transform:none;

}


/*========================================
            SUBMIT BUTTON
========================================*/


.contact-submit{

    width:100%;

    height:58px;

    margin-top:10px;

    border:none;

    cursor:pointer;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    border-radius:50px;

    font-family:'IranYekan';

    font-size:15px;

    font-weight:800;

    color:#fff;

    background:

    linear-gradient(

        135deg,

        #ff8a4a,

        #ffb028

    );

    box-shadow:

    0 15px 35px rgba(255,145,0,.22);

    transition:.4s ease;

    position:relative;

    overflow:hidden;

}


.contact-submit i{

    font-size:16px;

}


.contact-submit:hover{

    transform:translateY(-5px);

    box-shadow:

    0 25px 50px rgba(255,145,0,.35);

}


.contact-submit::before{

    content:"";

    position:absolute;

    top:0;

    left:-80%;

    width:50%;

    height:100%;

    background:

    linear-gradient(

        120deg,

        transparent,

        rgba(255,255,255,.45),

        transparent

    );

    transform:skewX(-20deg);

    transition:.7s;

}


.contact-submit:hover::before{

    left:130%;

}


/*========================================
            FORM LIGHT EFFECT
========================================*/


.contact-form-box::after{

    content:"";

    position:absolute;

    bottom:0;

    left:50%;

    transform:translateX(-50%);

    width:0;

    height:3px;

    border-radius:20px;

    background:

    linear-gradient(

        90deg,

        #ff7200,

        #ffb028

    );

    transition:.45s;

}


.contact-form-box:hover::after{

    width:80%;

}


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


@media(max-width:600px){

    .form-row{

        grid-template-columns:1fr;

        gap:0;

    }

    .input-box input{

        height:54px;

        font-size:13px;

    }

    .textarea-box textarea{

        min-height:130px;

    }

    .contact-submit{

        height:55px;

        font-size:14px;

    }

}
/*========================================
        CONTACT FORM RESPONSIVE
========================================*/


@media(max-width:1100px){

    .contact-form-wrapper{

        grid-template-columns:320px 1fr;

        gap:25px;

    }

    .contact-form-box{

        padding:32px;

    }

    .contact-form-info{

        padding:32px 25px;

    }

}

@media(max-width:900px){

    .contact-form .container{

        padding-inline:28px;

    }

    .contact-form-wrapper{

        grid-template-columns:1fr;

        max-width:650px;

    }

    .contact-form-info{

        text-align:center;

    }

    .contact-info-icon{

        margin-left:auto;

        margin-right:auto;

    }

    .contact-benefits{

        display:grid;

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

        gap:12px;

    }

    .contact-benefit{

        justify-content:center;

        flex-direction:column;

        text-align:center;

        padding:18px 10px;

    }

    .contact-benefit i{

        margin-bottom:5px;

    }

}

@media(max-width:700px){

    .contact-form{

        padding-top:80px;

        padding-bottom:80px;

    }

    .contact-form .container{

        padding-inline:18px;

    }

    .fal-contact-subtitle{

        font-size:12px;

        padding:7px 16px;

    }

    .fal-contact-title{

        font-size:30px;

        line-height:1.5;

    }

    .fal-contact-description{

        font-size:14px;

        line-height:2;

    }

    .contact-form-wrapper{

        margin-top:35px;

    }

    .contact-form-info{

        padding:28px 20px;

        border-radius:24px;

    }

    .contact-form-info h3{

        font-size:21px;

    }

    .contact-benefits{

        grid-template-columns:1fr;

    }

    .contact-benefit{

        flex-direction:row;

        justify-content:flex-start;

        text-align:right;

        padding:14px;

    }

    .contact-benefit i{

        margin:0;

        flex-shrink:0;

    }

    .contact-form-box{

        padding:22px 16px;

        border-radius:24px;

    }

    .form-group label{

        font-size:13px;

    }

    .input-box input,

    .textarea-box textarea{

        border-radius:15px;

    }

}

@media(max-width:400px){

    .contact-form .container{

        padding-inline:14px;

    }

    .fal-contact-title{

        font-size:26px;

    }

    .contact-info-icon{

        width:70px;

        height:70px;

    }

    .contact-info-icon i{

        font-size:30px;

    }

    .contact-form-box{

        padding:20px 14px;

    }
}


/*======================================
            FALCON MAP
======================================*/

.fal-map{

    position: relative;

    overflow: hidden;

}

/* Background Glow */

.fal-map::before{

    content: "";

    position: absolute;

    left: 50%;

    top: 50%;

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

    width: 900px;

    height: 900px;

    border-radius: 50%;

    background: radial-gradient(
        circle,
        rgba(255,145,0,.05),
        transparent 70%
    );

    pointer-events: none;

}

/* Background Grid */

.fal-map::after{

    content: "";

    position: absolute;

    inset: 0;

    background-image:

    linear-gradient(
        rgba(255,255,255,.015) 1px,
        transparent 1px
    ),

    linear-gradient(
        90deg,
        rgba(255,255,255,.015) 1px,
        transparent 1px
    );

    background-size: 60px 60px;

    mask-image: radial-gradient(
        circle,
        black 45%,
        transparent
    );

    pointer-events: none;

}

/*======================================
            MAP WRAPPER
======================================*/

.fal-map-wrapper{

    position: relative;

    z-index: 2;

    width: 100%;

    max-width: 1120px;

    margin: 55px auto 0;

    padding-inline: 20px;

}

/*======================================
            MAP CARD
======================================*/

.fal-map-card{

    position: relative;

    border-radius: 28px;

    padding: 10px;

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

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

    backdrop-filter: blur(18px);

    -webkit-backdrop-filter: blur(18px);

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

}

/* Top Glow */

.fal-map-card::before{

    content: "";

    position: absolute;

    top: -180px;

    right: -180px;

    width: 360px;

    height: 360px;

    border-radius: 50%;

    background: radial-gradient(
        circle,
        rgba(255,140,0,.18),
        transparent 70%
    );

    opacity: 0;

    transition: opacity .45s ease;

    pointer-events: none;

}

/* Bottom Line */

.fal-map-card::after{

    content: "";

    position: absolute;

    left: 50%;

    bottom: 0;

    transform: translateX(-50%);

    width: 0;

    height: 2px;

    border-radius: 20px;

    background: linear-gradient(
        90deg,
        transparent,
        var(--orange),
        transparent
    );

    transition: width .45s ease;

}

/* Hover */

.fal-map-card:hover{

    transform: translateY(-8px);

    border-color: rgba(255,140,0,.25);

    box-shadow:
        0 18px 45px rgba(0,0,0,.35),
        0 0 40px rgba(255,140,0,.10);

}

.fal-map-card:hover::before{

    opacity: 1;

}

.fal-map-card:hover::after{

    width: 100%;

}


/*======================================
            FALCON MAP
======================================*/

.fal-map{

    position: relative;

    padding: 120px 0;

    overflow: hidden;

}

.fal-map .container{

    position: relative;

    z-index: 2;

}

/*======================================
            MAP WRAPPER
======================================*/

.fal-map-wrapper{

    width: 100%;

    max-width: 1150px;

    margin: 60px auto 0;

    padding: 0 20px;

}

.fal-map-card{

    position: relative;

    border-radius: 28px;

    overflow: hidden;

    background: #161616;

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

    box-shadow:
        0 20px 60px rgba(0,0,0,.35);

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

}

.fal-map-card:hover{

    transform: translateY(-6px);

    border-color: rgba(255,145,0,.25);

    box-shadow:
        0 30px 80px rgba(0,0,0,.45);

}
/*======================================
            GOOGLE MAP
======================================*/

.fal-map-card iframe{

    border-radius: 28px;

    display: block;

    width: 100%;
    
    aspect-ratio: 16 / 9;

    height: 560px;

    border: none;

    background: #111;

}

/* Optional Loading State */

.fal-map-card:empty{

    min-height: 560px;

    background: #151515;

}
/*======================================
            MAP ACTION
======================================*/

.fal-map-action{

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    gap: 20px;

    margin-top: 38px;

    text-align: center;

}

.fal-map-text{

    margin: 0;

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

    font-family: 'IranYekan';

    font-size: 17px;

    line-height: 1.9;

}

.fal-map-btn{

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    min-width: 220px;

    padding: 16px 30px;

    border-radius: 60px;

    text-decoration: none;

    font-family: 'IranYekan';

    font-size: 15px;

    font-weight: 700;

    color: #fff;

    background: linear-gradient(
        135deg,
        #ff8a00,
        #ff6a00
    );

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

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

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        background .3s ease;

}

.fal-map-btn:hover{

    transform: translateY(-4px);

    box-shadow:
        0 22px 45px rgba(255,138,0,.35);

}

.fal-map-btn i{

    font-size: 17px;

    transition: transform .3s ease;

}

.fal-map-btn:hover i{

    transform: translateX(-4px);

}

.fal-map-btn span{

    font-family: 'IranYekan';

    color: inherit;

}
/*======================================
            RESPONSIVE
======================================*/

@media (max-width:992px){

    .fal-map-wrapper{

        margin-top: 50px;

        padding: 0 18px;

    }

    .fal-map-card{

        border-radius: 24px;

    }

    .fal-map-card iframe{

        height: 480px;

    }

    .fal-map-action{

        margin-top: 34px;

        gap: 18px;

    }

}

@media (max-width:768px){

    .fal-map-wrapper{

        margin-top: 42px;

        padding: 0 16px;

    }

    .fal-map-card{

        border-radius: 20px;

    }

    .fal-map-card iframe{

        height: 360px;

    }

    .fal-map-action{

        margin-top: 30px;

        gap: 16px;

        padding: 0 16px;

    }

    .fal-map-text{

        font-size: 15px;

        line-height: 1.8;

    }

    .fal-map-btn{

        width: 100%;

        max-width: 320px;

        min-width: unset;

        padding: 15px 24px;

        font-size: 14px;

    }

}

@media (max-width:480px){

    .fal-map-wrapper{

        padding: 0 14px;

    }

    .fal-map-card{

        border-radius: 18px;

    }

    .fal-map-card iframe{

        height: 280px;

    }

    .fal-map-action{

        margin-top: 24px;

        gap: 14px;

        padding: 0 14px;

    }

    .fal-map-text{

        font-size: 14px;

        line-height: 1.8;

    }

    .fal-map-btn{

        width: 100%;

        max-width: 100%;

        padding: 14px 20px;

        border-radius: 16px;

        font-size: 13px;

    }

    .fal-map-btn i{

        font-size: 15px;

    }

}
/*==================================================
                    FALCON FAQ
==================================================*/

.fal-faq{

    position: relative;

    padding: 120px 0;

    overflow: hidden;

}

.fal-faq .container{

    max-width: 1180px;

    margin: 0 auto;

    padding-inline: 25px;

    position: relative;

    z-index: 2;

}


/*==================================================
                FAQ BACKGROUND
==================================================*/

.fal-faq::before{

    content: "";

    position: absolute;

    left: 50%;

    top: 50%;

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

    width: 850px;

    height: 850px;

    border-radius: 50%;

    background:
    radial-gradient(
        circle,
        rgba(255,145,0,.06),
        transparent 72%
    );

    pointer-events: none;

    z-index: 0;

}

.fal-faq::after{

    content: "";

    position: absolute;

    inset: 0;

    background-image:

        linear-gradient(
            rgba(255,255,255,.015) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(255,255,255,.015) 1px,
            transparent 1px
        );

    background-size: 60px 60px;

    mask-image:
    radial-gradient(
        circle,
        black 42%,
        transparent
    );

    pointer-events: none;

    z-index: 0;

}


/*==================================================
                FAQ WRAPPER
==================================================*/

.fal-faq-wrapper{

    position: relative;

    z-index: 2;

    width: 100%;

    max-width: 920px;

    margin: 70px auto 0;

    display: flex;

    flex-direction: column;

    gap: 22px;

}
/*==================================================
                    FAQ ITEM
==================================================*/

.fal-faq-item{

    position: relative;

    overflow: hidden;

    border-radius: 26px;

    background:
    linear-gradient(
        145deg,
        rgba(255,176,40,.06),
        rgba(255,255,255,.025)
    );

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

    backdrop-filter: blur(14px);

    transition:
        .45s ease;

}


/*==================================================
                TOP ACCENT
==================================================*/

.fal-faq-item::before{

    content:"";

    position:absolute;

    top:0;

    left:50%;

    transform:translateX(-50%);

    width:0;

    height:3px;

    border-radius:20px;

    background:
    linear-gradient(
        90deg,
        #ffb327,
        #ff7200
    );

    transition:.45s;

}


/*==================================================
                QUESTION BUTTON
==================================================*/

.fal-faq-question{

    width:100%;

    border:none;

    outline:none;

    cursor:pointer;

    background:transparent;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:25px;

    padding:28px 32px;

    text-align:right;

    font-family:'IranYekan';

}

.fal-faq-question span{

    flex:1;

    color:#ffffff;

    font-size:19px;

    font-weight:800;

    line-height:1.9;

}


/*==================================================
                    ICON
==================================================*/

.fal-faq-icon{

    flex-shrink:0;

    width:58px;

    height:58px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:18px;

    background:
    linear-gradient(
        135deg,
        rgba(255,176,40,.18),
        rgba(255,255,255,.03)
    );

    border:1px solid rgba(255,176,40,.20);

    transition:.4s ease;

}

.fal-faq-icon i{

    font-size:18px;

    color:#ffb327;

    transition:.4s ease;

}


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

.fal-faq-answer{

    max-height:0;

    overflow:hidden;

    transition:
        max-height .45s ease,
        padding .35s ease;

    padding:0 32px;

}

.fal-faq-answer p{

    padding-bottom:28px;

    color:#bdbdbd;

    font-family:'IranYekan';

    font-size:15px;

    line-height:2.2;

}
/*==================================================
                FAQ ACTIVE STATE
==================================================*/

.fal-faq-item.active{

    border-color:rgba(255,176,40,.30);

    background:
    linear-gradient(
        145deg,
        rgba(255,176,40,.10),
        rgba(255,255,255,.04)
    );

    box-shadow:
        0 20px 45px rgba(0,0,0,.30),
        0 0 40px rgba(255,145,0,.10);

}

.fal-faq-item.active::before{

    width:88%;

}


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

.fal-faq-item.active .fal-faq-answer{

    max-height:300px;

    padding:0 32px 30px;

}


/*==================================================
                ACTIVE ICON
==================================================*/

.fal-faq-item.active .fal-faq-icon{

    border-color:rgba(255,176,40,.45);

    background:
    linear-gradient(
        135deg,
        rgba(255,176,40,.25),
        rgba(255,255,255,.06)
    );

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

}

.fal-faq-item.active .fal-faq-icon i{

    transform:rotate(45deg);

    color:#ffffff;

}


/*==================================================
                HOVER EFFECT
==================================================*/

.fal-faq-item:hover{

    transform:translateY(-6px);

    border-color:rgba(255,176,40,.18);

    box-shadow:
        0 18px 40px rgba(0,0,0,.28);

}

.fal-faq-item:hover::before{

    width:55%;

}

.fal-faq-item:hover .fal-faq-icon{

    transform:
        translateY(-3px)
        scale(1.05);

    border-color:rgba(255,176,40,.35);

}

.fal-faq-item:hover .fal-faq-question span{

    color:#ffb327;

}


/*==================================================
                SHINE EFFECT
==================================================*/

.fal-faq-item::after{

    content:"";

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        120deg,
        transparent 35%,
        rgba(255,255,255,.06) 50%,
        transparent 65%
    );

    transform:translateX(-130%);

    transition:.9s;

    pointer-events:none;

}

.fal-faq-item:hover::after{

    transform:translateX(130%);

}


/*==================================================
                TRANSITIONS
==================================================*/

.fal-faq-question span,

.fal-faq-icon,

.fal-faq-icon i,

.fal-faq-answer p{

    transition:.35s ease;

}

.fal-faq-item:hover .fal-faq-answer p{

    color:#e3e3e3;

}


/*==================================================
                ACTIVE TITLE
==================================================*/

.fal-faq-item.active .fal-faq-question span{

    color:#ffb327;

}


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

.fal-faq-item.active .fal-faq-answer p{

    color:#f0f0f0;

}
/*==================================================
                FAQ RESPONSIVE
==================================================*/

/*==============================
            Laptop
==============================*/

@media (max-width:1200px){

    .fal-faq{

        padding:100px 0;

    }

    .fal-faq-wrapper{

        max-width:880px;

    }

}


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

@media (max-width:992px){

    .fal-faq{

        padding:90px 0;

    }

    .fal-faq-wrapper{

        max-width:100%;

        margin-top:60px;

    }

    .fal-faq-question{

        padding:24px 26px;

    }

    .fal-faq-question span{

        font-size:17px;

    }

    .fal-faq-icon{

        width:54px;

        height:54px;

    }

}


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

@media (max-width:768px){

    .fal-faq{

        padding:80px 0;

    }

    .fal-faq-wrapper{

        margin-top:50px;

        gap:18px;

    }

    .fal-faq-item{

        border-radius:22px;

    }

    .fal-faq-question{

        padding:22px 20px;

        gap:18px;

    }

    .fal-faq-question span{

        font-size:16px;

        line-height:1.9;

    }

    .fal-faq-icon{

        width:48px;

        height:48px;

        border-radius:15px;

    }

    .fal-faq-icon i{

        font-size:15px;

    }

    .fal-faq-answer{

        padding:0 20px;

    }

    .fal-faq-item.active .fal-faq-answer{

        padding:0 20px 22px;

    }

    .fal-faq-answer p{

        font-size:14px;

        line-height:2;

        padding-bottom:0;

    }

}


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

@media (max-width:480px){

    .fal-faq{

        padding:70px 0;

    }

    .fal-faq-wrapper{

        gap:15px;

    }

    .fal-faq-item{

        border-radius:18px;

    }

    .fal-faq-question{

        padding:18px 16px;

        gap:15px;

    }

    .fal-faq-question span{

        font-size:14px;

        line-height:1.9;

    }

    .fal-faq-icon{

        width:42px;

        height:42px;

        border-radius:12px;

    }

    .fal-faq-icon i{

        font-size:14px;

    }

    .fal-faq-answer{

        padding:0 16px;

    }

    .fal-faq-item.active .fal-faq-answer{

        padding:0 16px 18px;

    }

    .fal-faq-answer p{

        font-size:13px;

        line-height:2;

    }

}


/*==============================
        Touch Devices
==============================*/

@media (hover:none){

    .fal-faq-item:hover{

        transform:none;

        box-shadow:none;

    }

    .fal-faq-item:hover .fal-faq-icon{

        transform:none;

    }

}