@font-face{
    font-family:'Vazirmatn';
    src:url('/view_file/4/0/Vazirmatn-Regular.woff2') format('woff2');
    font-weight:400;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family:'Vazirmatn';
    src:url('/view_file/4/0/Vazirmatn-ExtraBold.woff2') format('woff2');
    font-weight:800;
    font-style:normal;
    font-display:swap;
}

/* Full Width */

.container-xl,
.customsite_holder_template .container,
.customsite_holder_template .container-sm,
.customsite_holder_template .container-md,
.customsite_holder_template .container-lg,
.customsite_holder_template .container-xl{
    width:100% !important;
    max-width:100% !important;

    padding-left:0 !important;
    padding-right:0 !important;

    margin-left:0 !important;
    margin-right:0 !important;
}

/* Main Site Background */

.customsite_holder_template{
    width:100% !important;
    min-height:100vh !important;

    background:
        linear-gradient(
            to bottom,
            #00001d 0%,
            #182854 100%
        ) !important;

    background-color:#00001d !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;

    overflow-x:hidden;
}

/* Page */

.forex-page{
    --gold:#d3a353;
    --gold-light:#efd08b;

    --text:#eef4ff;
    --muted:#d1d8e5;

    --border:rgba(255,255,255,.08);

    width:100%;
    min-height:100vh;

    font-family:'Vazirmatn',Tahoma,Arial,sans-serif;

    color:var(--text);

    background:
        linear-gradient(
            to bottom,
            #00001d 0%,
            #182854 100%
        ) !important;

    background-color:#00001d !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;

    overflow-x:hidden;
}

/* Reset white backgrounds from template */

.forex-page,
.forex-page section,
.forex-page main,
.forex-page article,
.forex-page .forex-section,
.forex-page .forex-wrap{
    background-color:transparent;
}

.forex-page *{
    box-sizing:border-box;
}

.forex-page img{
    display:block;
    max-width:100%;
    height:auto;
}

.forex-wrap{
    width:min(1380px,95vw);
    margin:0 auto;
}
/* HERO */

.forex-hero{

    padding:55px 0 35px;

}

.forex-hero-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:55px;

    align-items:center;

}

.forex-hero h1{

    margin:0 0 12px;

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

    line-height:1.35;

    font-weight:800;

    background:linear-gradient(
        180deg,
        #fff6df,
        #ecd29b 35%,
        #cb9639 72%,
        #8e5e1c
    );

    -webkit-background-clip:text;

    background-clip:text;

    color:transparent;

}

.forex-hero h2{

    margin:0 0 18px;

    color:#fff;

    font-size:24px;

    font-weight:700;

}

.forex-hero p{

    color:var(--muted);

    font-size:17px;

    line-height:2;

}

/* Button */

.forex-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:10px 24px;

    min-height:46px;

    border-radius:10px;

    border:1px solid rgba(239,208,139,.45);

    color:#18120a !important;

    font-weight:800;

    background:linear-gradient(
        180deg,
        #f7e2ab,
        #ddb86d 32%,
        #ca9435 70%,
        #8d5d1b
    );

    box-shadow:

        0 10px 25px rgba(212,160,73,.22);

}

/* Sections */

.forex-section{

    padding:42px 0;

}

.forex-title{

    text-align:center;

    color:var(--gold-light);

    font-size:34px;

    font-weight:800;

    margin-bottom:32px;

}

/* Grid */

.forex-grid{

    display:grid;

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

    gap:22px;

}

/* Cards */

.forex-card{

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

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

    border-radius:18px;

    overflow:hidden;

    transition:.3s;

    backdrop-filter:blur(8px);

}

.forex-card:hover{

    transform:translateY(-4px);

    border-color:rgba(214,163,79,.35);

}

.forex-card img{

    width:100%;

    aspect-ratio:16/9;

    object-fit:cover;

}

.forex-card-body{

    padding:22px;

}

.forex-card-title{

    color:var(--gold-light);

    font-size:20px;

    font-weight:800;

    margin-bottom:15px;

}

.forex-card ul{

    margin:0;

    padding-right:20px;

}

.forex-card li{

    margin-bottom:7px;

    color:var(--muted);

}

.forex-card li::marker{

    color:var(--gold);

}

/* FAQ */

.forex-faq{

    max-width:1050px;

    margin:auto;

}

.forex-faq-item{

    padding:18px 0;

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

}

.forex-question{

    color:#fff;

    font-size:18px;

    font-weight:800;

}

.forex-answer{

    margin-top:8px;

    color:var(--muted);

}

/* CTA */

.forex-cta{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:24px;

}

.forex-box{

    padding:28px;

    border-radius:18px;

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

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

    backdrop-filter:blur(8px);

}

.forex-box h3{

    color:var(--gold-light);

    font-size:22px;

    font-weight:800;

    margin-bottom:12px;

}

.forex-box p,
.forex-box li{

    color:var(--muted);

}

/* Mobile */

@media(max-width:992px){

    .forex-hero-grid{

        grid-template-columns:1fr;

        gap:30px;

    }

    .forex-grid{

        grid-template-columns:1fr 1fr;

    }

    .forex-cta{

        grid-template-columns:1fr;

    }

}

@media(max-width:768px){

    .forex-wrap{

        width:92vw;

    }

    .forex-grid{

        grid-template-columns:1fr;

    }

    .forex-hero{

        padding:35px 0;

    }

    .forex-title{

        font-size:28px;

    }

}