@font-face {
    font-family: "fa_font";
    src:
            url("/uploads/assets/fonts/IRANSansWeb(FaNum).woff2") format("woff2"),
            url("/uploads/assets/fonts/IRANSansWeb(FaNum).woff") format("woff");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

body {
    font-family: "fa_font", Tahoma, Arial, sans-serif;
}

.sl-page,
.sl-page * {
    box-sizing: border-box;
}

.sl-page {
    --navy:#12284b;
    --navy2:#20395f;
    --blue:#4c82c8;
    --blue2:#6aa3e6;
    --orange:#ff8b2b;
    --orange2:#ff6e32;
    --text:#17263e;
    --muted:#66758b;
    --line:#e9edf3;
    --soft:#f7f9fc;
    --white:#fff;
    direction:rtl;
    width:100%;
    overflow:hidden;
    background:#fff;
    color:var(--text);
    font-family:fa_font,sans-serif;
}

.sl-page a {
    color:inherit;
    text-decoration:none;
}

.sl-wrap {
    width:min(1180px,calc(100% - 40px));
    margin:auto;
}

.sl-header {
    height:88px;
    display:flex;
    align-items:center;
    background:rgba(255,255,255,.97);
    border-bottom:1px solid rgba(25,45,75,.07);
    position:relative;
    z-index:10;
}

.sl-header-inner {
    width:min(1180px,calc(100% - 40px));
    margin:auto;
    display:flex;
    align-items:center;
    gap:34px;
}
.sl-hero-art img{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
.sl-brand {
    font-size:30px;
    font-weight:950;
    letter-spacing:-1px;
    color:var(--navy);
    white-space:nowrap;
}

.sl-nav {
    flex:1;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:42px;
}

.sl-nav a {
    font-size:14px;
    font-weight:800;
    color:#283853;
    position:relative;
    padding:8px 0;
    transition:.25s;
}

.sl-nav a:after {
    content:"";
    position:absolute;
    bottom:0;
    right:50%;
    left:50%;
    height:2px;
    border-radius:8px;
    background:var(--orange);
    transition:.25s;
}

.sl-nav a:hover {
    color:var(--orange2);
}

.sl-nav a:hover:after {
    right:0;
    left:0;
}

.sl-actions {
    display:flex;
    align-items:center;
    gap:10px;
}

.sl-btn {
    height:42px;
    border:0;
    border-radius:7px;
    padding:0 22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    font-family:inherit;
    font-size:14px;
    font-weight:850;
    cursor:pointer;
    transition:transform .25s,box-shadow .25s;
}

.sl-btn:hover {
    transform:translateY(-2px);
}

.sl-btn-blue {
    color:#fff!important;
    background:linear-gradient(135deg,#4b85ce,#3b70b5);
    box-shadow:0 8px 20px rgba(61,116,185,.21);
}

.sl-btn-orange {
    color:#fff!important;
    background:linear-gradient(135deg,var(--orange2),#ff9d29);
    box-shadow:0 9px 24px rgba(255,122,40,.23);
}

.sl-hero {
    position:relative;
    min-height:520px;
    overflow:hidden;
    background:
            radial-gradient(circle at 17% 20%,rgba(255,255,255,.96),rgba(219,113,34,1) 28%,transparent 55%),
            linear-gradient(100deg,#f9fbfd 0%,#DB7122 55%,#DB7122 100%);
}

.sl-hero:before {
    content:"";
    position:absolute;
    width:520px;
    height:520px;
    border-radius:50%;
    left:-230px;
    top:-190px;
    background:rgba(255,255,255,.54);
}

.sl-hero-inner {
    min-height:520px;
    display:grid;
    grid-template-columns:.88fr 1.2fr;
    align-items:center;
    position:relative;
    z-index:2;
}

.sl-hero-text {
    position:relative;
    z-index:5;
    padding:50px 0 50px 25px;
}

.sl-pill {
    width:max-content;
    max-width:100%;
    display:flex;
    align-items:center;
    gap:8px;
    background:rgba(255,132,38,.09);
    color:#fff;
    padding:7px 13px;
    border-radius:30px;
    font-size:12px;
    font-weight:800;
    margin-bottom:13px;
}

.sl-pill-dot {
    width:7px;
    height:7px;
    border-radius:50%;
    background:#ff8530;
}

.sl-hero-title {
    color:#10294e;
    font-weight:950;
    line-height:1.35;
    letter-spacing:-2px;
    margin:0;
    font-size:49px;
}

.sl-hero-title span {
    display:block;
    margin-top:4px;
    font-size:30px;
    letter-spacing:-1.1px;
}

.sl-hero-text p {
    margin:17px 0 27px;
    color:#fff;
    font-size:15px;
    line-height:2.15;
    max-width:430px;
    font-weight:500;
}

.sl-main-cta {
    min-width:170px;
    height:48px;
    font-size:15px;
}

.sl-main-cta svg {
    width:16px;
    height:16px;
}

.sl-hero-art {
    position:relative;
    align-self:stretch;
    min-height:520px;
}

.sl-hero-art > svg {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
}

.sl-category-section {
    position:relative;
    z-index:3;
    background:#fff;
    padding:25px 0 29px;
    box-shadow:0 14px 35px rgba(24,47,76,.04);
}

.sl-category-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
}

.sl-category {
    height:82px;
    border:1px solid #edf0f4;
    border-radius:12px;
    background:#fff;
    box-shadow:0 7px 20px rgba(28,51,82,.055);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    padding:10px 18px;
    transition:.3s;
}

.sl-category:hover {
    transform:translateY(-4px);
    border-color:rgba(255,128,40,.23);
    box-shadow:0 14px 32px rgba(31,57,92,.095);
}

.sl-category svg {
    width:52px;
    height:52px;
    flex:0 0 52px;
}

.sl-category span {
    font-size:15px;
    font-weight:850;
    color:#203653;
    white-space:nowrap;
}

.sl-section {
    padding:42px 0 48px;
}

.sl-section-soft {
    background:linear-gradient(180deg,#fafbfd,#fff);
}

.sl-title-row {
    display:flex;
    align-items:center;
    gap:16px;
    margin-bottom:28px;
}

.sl-title-row:before {
    content:"";
    height:1px;
    flex:1;
    background:linear-gradient(90deg,transparent,#d9dee6);
}

.sl-title-row h2 {
    margin:0;
    flex:0 0 auto;
    color:#152e54;
    font-size:28px;
    font-weight:950;
    letter-spacing:-.8px;
    text-align: right;
    display: block;
    width: 100%;
}

.sl-title-center:after {
    content:"";
    height:1px;
    flex:1;
    background:linear-gradient(90deg,#d9dee6,transparent);
}

.sl-post-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.sl-post {
    display:block;
}

.sl-post-image {
    aspect-ratio:1.52 / 1;
    border-radius:12px;
    overflow:hidden;
    background:#eaf0f4;
    box-shadow:0 7px 20px rgba(26,45,70,.08);
}

.sl-post-image svg {
    width:100%;
    height:100%;
    display:block;
    transition:.45s;
}

.sl-post:hover .sl-post-image svg {
    transform:scale(1.025);
}

.sl-post-title {
    font-size:16px;
    font-weight:900;
    color:#172b49;
    text-align:center;
    margin-top:13px;
    line-height:1.8;
}

.sl-more {
    text-align:center;
    margin-top:25px;
}

.sl-more .sl-btn {
    min-width:160px;
}

.sl-testimonials {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
}

.sl-testimonial {
    min-height:126px;
    padding:16px 18px;
    display:flex;
    align-items:center;
    border:1px solid #e8edf3;
    border-radius:14px;
    background:
            radial-gradient(circle at 10% 20%,rgba(81,132,194,.08),transparent 40%),
            linear-gradient(120deg,#fff,#f9fbfd);
    box-shadow:0 8px 24px rgba(28,51,82,.055);
    position:relative;
    overflow:hidden;
}

.sl-avatar {
    width:88px;
    height:88px;
    flex:0 0 88px;
    border-radius:50%;
    overflow:hidden;
    margin-left:18px;
    background:#e7edf1;
    box-shadow:0 7px 16px rgba(28,49,72,.11);
    border:5px solid rgba(255,255,255,.9);
}

.sl-avatar svg {
    width:100%;
    height:100%;
}

.sl-quote {
    color:#263a58;
    font-size:14px;
    line-height:2;
    font-weight:650;
    margin:0 0 7px;
}

.sl-name {
    font-size:14px;
    font-weight:900;
    color:#132d50;
}

.sl-quote-mark {
    position:absolute;
    bottom:-18px;
    left:18px;
    width:65px;
    height:65px;
    opacity:.07;
}

.sl-tools {
    padding:28px 0 50px;
    background:
            radial-gradient(circle at 15% 0%,rgba(67,124,187,.045),transparent 36%),
            linear-gradient(#f9fafc,#f5f8fb);
    border-top:1px solid #edf0f3;
}

.sl-tools-title {
    margin:0 0 25px;
    text-align:center;
    color:#152f55;
    font-size:27px;
    font-weight:950;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:9px;
}

.sl-tools-title svg {
    width:42px;
}

.sl-tool-grid {
    max-width:780px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
    margin:auto;
}

.sl-tool {
    height:125px;
    overflow:hidden;
    border-radius:12px;
    background:#fff;
    border:1px solid #e9edf2;
    box-shadow:0 8px 22px rgba(28,51,83,.065);
    transition:.28s;
}

.sl-tool:hover {
    transform:translateY(-4px);
    box-shadow:0 15px 32px rgba(28,51,83,.1);
}

.sl-tool-art {
    height:80px;
    background:linear-gradient(180deg,#fbfcfd,#f5f8fb);
    overflow:hidden;
}

.sl-tool-art svg {
    width:100%;
    height:100%;
}

.sl-tool-label {
    height:45px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    font-weight:900;
    color:#203553;
}

@media(max-width:980px) {
    .sl-header {
        height:auto;
        padding:14px 0;
    }

    .sl-header-inner {
        flex-wrap:wrap;
    }

    .sl-nav {
        width:100%;
        order:3;
        flex-basis:100%;
        padding-top:5px;
    }

    .sl-hero-inner {
        grid-template-columns:.9fr 1.05fr;
    }

    .sl-category-grid {
        grid-template-columns:repeat(2,1fr);
    }
}


.sl-feature-links {
    padding:42px 0 10px;
    background:#fff;
}

.sl-feature-links-list {
    display:flex;
    flex-direction:column;
    gap:18px;
}

.sl-feature-link {
    display:flex;
    align-items:center;
    min-height:165px;
    background:#fff;
    border:1px solid #e8edf3;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 8px 24px rgba(28,51,82,.065);
    transition:transform .3s, box-shadow .3s, border-color .3s;
}

.sl-feature-link:hover {
    transform:translateY(-3px);
    border-color:rgba(255,128,40,.26);
    box-shadow:0 15px 34px rgba(28,51,82,.11);
}

.sl-feature-link-image {
    width:285px;
    height:165px;
    flex:0 0 285px;
    overflow:hidden;
    background:#eef2f6;
}

.sl-feature-link-image img {
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .4s;
}

.sl-feature-link:hover .sl-feature-link-image img {
    transform:scale(1.035);
}

.sl-feature-link-content {
    flex:1;
    padding:25px 30px;
}

.sl-feature-link-title {
    margin:0;
    color:#172b49;
    font-size:19px;
    font-weight:900;
    line-height:1.9;
    transition:color .25s;
}

.sl-feature-link:hover .sl-feature-link-title {
    color:var(--orange2);
}

.sl-feature-link-title:after {
    content:"";
    display:inline-block;
    width:8px;
    height:8px;
    margin-right:12px;
    border-left:2px solid currentColor;
    border-bottom:2px solid currentColor;
    transform:rotate(45deg);
}

@media(max-width:760px) {
    .sl-feature-links {
        padding-top:32px;
    }

    .sl-feature-link {
        min-height:125px;
    }

    .sl-feature-link-image {
        width:190px;
        height:125px;
        flex-basis:190px;
    }

    .sl-feature-link-content {
        padding:18px 20px;
    }

    .sl-feature-link-title {
        font-size:16px;
    }
}

@media(max-width:480px) {
    .sl-feature-link {
        display:block;
    }

    .sl-feature-link-image {
        width:100%;
        height:190px;
    }

    .sl-feature-link-content {
        padding:16px 18px 19px;
        text-align:center;
    }

    .sl-feature-link-title {
        font-size:15px;
    }
}


@media(max-width:760px) {
    .sl-wrap,
    .sl-header-inner {
        width:min(100% - 26px,1180px);
    }

    .sl-brand {
        font-size:24px;
    }

    .sl-nav {
        justify-content:flex-start;
        overflow-x:auto;
    }

    .sl-nav a {
        white-space:nowrap;
    }

    .sl-hero-inner {
        display:flex;
        flex-direction:column;
    }

    .sl-hero-text {
        width:100%;
        text-align:center;
        padding:42px 4px 10px;
    }

    .sl-pill {
        margin-left:auto;
        margin-right:auto;
    }

    .sl-hero-text p {
        margin-left:auto;
        margin-right:auto;
    }

    .sl-hero-title {
        font-size:40px;
    }

    .sl-hero-title span {
        font-size:26px;
    }

    .sl-hero-art {
        width:100%;
        min-height:365px;
    }

    .sl-post-grid {
        grid-template-columns:1fr;
        gap:27px;
    }

    .sl-testimonials {
        grid-template-columns:1fr;
    }

    .sl-tool-grid {
        grid-template-columns:1fr;
        max-width:360px;
    }
}

@media(max-width:480px) {
    .sl-header-inner {
        justify-content:center;
    }

    .sl-brand {
        width:100%;
        text-align:center;
    }

    .sl-actions {
        order:2;
    }

    .sl-nav {
        order:3;
        gap:25px;
    }

    .sl-category-grid {
        gap:9px;
    }

    .sl-category {
        height:110px;
        flex-direction:column;
        gap:4px;
        padding:9px;
    }

    .sl-category span {
        font-size:12px;
    }

    .sl-category svg {
        width:47px;
        height:47px;
    }

    .sl-hero-title {
        font-size:33px;
    }

    .sl-hero-title span {
        font-size:22px;
    }

    .sl-hero-art {
        min-height:310px;
    }

    .sl-title-row h2 {
        font-size:24px;
    }

    .sl-avatar {
        width:67px;
        height:67px;
        flex-basis:67px;
        margin-left:12px;
    }
}