@font-face {
    font-family: 'iransans';
    src: url('../fonts/iransans/IRANSansWeb.eot');
    src: url('../fonts/iransans/IRANSansWeb.eot?#iefix') format('embedded-opentype'),
        url('../fonts/iransans/IRANSansWeb.woff') format('woff'),
        url('../fonts/iransans/IRANSansWeb.ttf') format('truetype'),
        url('../fonts/iransans/IRANSansWeb.svg#IRANSansWeb') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'iransans';
    src: url('../fonts/iransans/IRANSansWeb(FaNum).eot');
    src: url('../fonts/iransans/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'),
        url('../fonts/iransans/IRANSansWeb(FaNum).woff') format('woff'),
        url('../fonts/iransans/IRANSansWeb(FaNum).ttf') format('truetype'),
        url('../fonts/iransans/IRANSansWeb(FaNum).svg#IRANSansWeb') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'iransans';
    src: url('../fonts/iransans/IRANSansWeb_Bold.eot');
    src: url('../fonts/iransans/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/iransans/IRANSansWeb_Bold.woff') format('woff'),
        url('../fonts/iransans/IRANSansWeb_Bold.ttf') format('truetype'),
        url('../fonts/iransans/IRANSansWeb_Bold.svg#IRANSansWeb-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
p{
    direction: rtl;
}
a,
p,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6
.button,
.span,
strong {
    font-family: 'iransans';
}

 /* Ensure all elements inherit the color from its parent */
                    body * {
                        color: inherit;
                    }

                    a,
                    .w-input,
                    .w-select,
                    .w-tab-link,
                    .w-nav-link,
                    .w-slider-arrow-left,
                    .w-slider-arrow-right,
                    .w-dropdown-btn,
                    .w-dropdown-toggle,
                    .w-dropdown-link {
                        color: inherit;
                        text-decoration: inherit;
                        font-size: inherit;
                    }

                    /* Focus state style for keyboard navigation for the focusable elements */
                    *[tabindex]:focus-visible,
                    input[type="file"]:focus-visible {
                        outline: 0.125rem solid #4d65ff;
                        outline-offset: 0.125rem;
                    }

                    /* Get rid of top margin on first element in any rich text element */
                    .w-richtext > :not(div):first-child,
                    .w-richtext > div:first-child > :first-child {
                        margin-top: 0 !important;
                    }

                    /* Get rid of bottom margin on last element in any rich text element */
                    .w-richtext > :last-child,
                    .w-richtext ol li:last-child,
                    .w-richtext ul li:last-child {
                        margin-bottom: 0 !important;
                    }

                    /* Prevent all click and hover interaction with an element */
                    .pointer-events-off {
                        pointer-events: none;
                    }

                    /* Enables all click and hover interaction with an element */
                    .pointer-events-on {
                        pointer-events: auto;
                    }

                    /* Create a class of .div-square which maintains a 1:1 dimension of a div */
                    .div-square::after {
                        content: "";
                        display: block;
                        padding-bottom: 100%;
                    }

                    /* Make sure containers never lose their center alignment */
                    .container-medium,
                    .container-small,
                    .container-large {
                        margin-right: auto !important;
                        margin-left: auto !important;
                    }

                    /* Apply "..." after 3 lines of text */
                    .text-style-3lines {
                        display: -webkit-box;
                        overflow: hidden;
                        -webkit-line-clamp: 3;
                        -webkit-box-orient: vertical;
                    }

                    /* Apply "..." after 2 lines of text */
                    .text-style-2lines {
                        display: -webkit-box;
                        overflow: hidden;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                    }

                    /* Adds inline flex display */
                    .display-inlineflex {
                        display: inline-flex;
                    }

                    /* These classes are never overwritten */
                    .hide {
                        display: none !important;
                    }

                    @media screen and (max-width: 991px) {
                        .hide,
                        .hide-tablet {
                            display: none !important;
                        }
                    }
                    @media screen and (max-width: 767px) {
                        .hide-mobile-landscape {
                            display: none !important;
                        }
                    }
                    @media screen and (max-width: 479px) {
                        .hide-mobile {
                            display: none !important;
                        }
                    }

                    .margin-0 {
                        margin: 0rem !important;
                    }

                    .padding-0 {
                        padding: 0rem !important;
                    }

                    .spacing-clean {
                        padding: 0rem !important;
                        margin: 0rem !important;
                    }

                    .margin-top {
                        margin-right: 0rem !important;
                        margin-bottom: 0rem !important;
                        margin-left: 0rem !important;
                    }

                    .padding-top {
                        padding-right: 0rem !important;
                        padding-bottom: 0rem !important;
                        padding-left: 0rem !important;
                    }

                    .margin-right {
                        margin-top: 0rem !important;
                        margin-bottom: 0rem !important;
                        margin-left: 0rem !important;
                    }

                    .padding-right {
                        padding-top: 0rem !important;
                        padding-bottom: 0rem !important;
                        padding-left: 0rem !important;
                    }

                    .margin-bottom {
                        margin-top: 0rem !important;
                        margin-right: 0rem !important;
                        margin-left: 0rem !important;
                    }

                    .padding-bottom {
                        padding-top: 0rem !important;
                        padding-right: 0rem !important;
                        padding-left: 0rem !important;
                    }

                    .margin-left {
                        margin-top: 0rem !important;
                        margin-right: 0rem !important;
                        margin-bottom: 0rem !important;
                    }

                    .padding-left {
                        padding-top: 0rem !important;
                        padding-right: 0rem !important;
                        padding-bottom: 0rem !important;
                    }

                    .margin-horizontal {
                        margin-top: 0rem !important;
                        margin-bottom: 0rem !important;
                    }

                    .padding-horizontal {
                        padding-top: 0rem !important;
                        padding-bottom: 0rem !important;
                    }

                    .margin-vertical {
                        margin-right: 0rem !important;
                        margin-left: 0rem !important;
                    }

                    .padding-vertical {
                        padding-right: 0rem !important;
                        padding-left: 0rem !important;
                    }

                    /* Apply "..." at 100% width */
                    .truncate-width {
                        width: 100%;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                    }
                    /* Removes native scrollbar */
                    .no-scrollbar {
                        -ms-overflow-style: none;
                        overflow: -moz-scrollbars-none;
                    }

                    .no-scrollbar::-webkit-scrollbar {
                        display: none;
                    }



                    /* Fluid responsive by Finsweet (for responsive type) */

                      :root {
                        --font-from-0: 12;
                        --font-to-0: 16;
                        --vw-from-0: calc(1 / 100);
                        --vw-to-0: calc(479 / 100);
                        --coefficient-0: calc(
                            (var(--font-to-0) - var(--font-from-0)) / (var(--vw-to-0) - var(--vw-from-0))
                        );
                        --base-0: calc((var(--font-from-0) - var(--vw-from-0) * var(--coefficient-0)) / 16);

                        --font-from-1: 14;
                        --font-to-1: 16;
                        --vw-from-1: calc(479 / 100);
                        --vw-to-1: calc(1440 / 100);
                        --coefficient-1: calc(
                            (var(--font-to-1) - var(--font-from-1)) / (var(--vw-to-1) - var(--vw-from-1))
                        );
                        --base-1: calc((var(--font-from-1) - var(--vw-from-1) * var(--coefficient-1)) / 16);

                        --font-from-2: 16;
                        --font-to-2: 26;
                        --vw-from-2: calc(1440 / 100);
                        --vw-to-2: calc(2820 / 100);
                        --coefficient-2: calc(
                            (var(--font-to-2) - var(--font-from-2)) / (var(--vw-to-2) - var(--vw-from-2))
                        );
                        --base-2: calc((var(--font-from-2) - var(--vw-from-2) * var(--coefficient-2)) / 16);

                        --font-from-3: 26;
                        --font-to-3: 36;
                        --vw-from-3: calc(2820 / 100);
                        --vw-to-3: calc(4200 / 100);
                        --coefficient-3: calc(
                            (var(--font-to-3) - var(--font-from-3)) / (var(--vw-to-3) - var(--vw-from-3))
                        );
                        --base-3: calc((var(--font-from-3) - var(--vw-from-3) * var(--coefficient-3)) / 16);
                    }

                    html {
                        font-size: calc(var(--base-3) * 1rem + var(--coefficient-3) * 1vw);
                    }
                    @media screen and (max-width: 2820px) {
                        html {
                            font-size: calc(var(--base-2) * 1rem + var(--coefficient-2) * 1vw);
                        }
                    }
                    @media screen and (max-width: 1440px) {
                        html {
                            font-size: calc(var(--base-1) * 1rem + var(--coefficient-1) * 1vw);
                        }
                    }
                    @media screen and (max-width: 479px) {
                        html {
                            font-size: calc(var(--base-0) * 1rem + var(--coefficient-0) * 1vw);
                        }
                    }


                      body:hover .cursor {
                                opacity: 1;
                            }
                            .cursor {
                                pointer-events: none;
                            }

	.section-blog-navigation{
    padding:80px 0;
}

.blog-navigation-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}

.blog-nav-card{
    display:flex;
    align-items:center;
    gap:20px;
    padding:18px;
    border:1px solid #e6e6e6;
    border-radius:16px;
    text-decoration:none;
    color:inherit;
    transition:.3s ease;
    background:#fff;
}

.blog-nav-card:hover{
    transform:translateY(-4px);
    box-shadow:0 12px 30px rgba(0,0,0,.08);
}

.blog-nav-image{
    width:120px;
    height:120px;
    flex-shrink:0;
}

.blog-nav-thumbnail{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:12px;
    display:block;
}

.blog-nav-content{
    flex:1;
}

.blog-nav-label{
    display:block;
    margin-bottom:10px;
    font-size:14px;
    color:#7b7b7b;
    font-weight:600;
}

.blog-nav-title{
    margin:0;
    font-size:22px;
    line-height:1.4;
    font-weight:700;
}

.next-post{
    justify-content:space-between;
}

.align-right{
    text-align:right;
}

@media (max-width:991px){

.blog-navigation-grid{
    grid-template-columns:1fr;
}

.blog-nav-card{
    padding:16px;
}

.blog-nav-image{
    width:100px;
    height:100px;
}

.blog-nav-title{
    font-size:18px;
}

}

@media (max-width:767px){

.blog-nav-card{
    flex-direction:column;
    text-align:center;
}

.next-post{
    flex-direction:column-reverse;
}

.align-right{
    text-align:center;
}

.blog-nav-image{
    width:100%;
    height:220px;
}

}

@media (max-width: 991px) {

    .blog-navigation-grid{
        grid-template-columns:1fr;
        gap:20px;
    }

    .blog-nav-card{
        display:flex;
        align-items:center;
        gap:16px;
    }

    .blog-nav-image{
        width:120px;
        height:120px;
        flex:0 0 120px;
    }

    .blog-nav-thumbnail{
        width:100%;
        height:100%;
        object-fit:cover;
        display:block;
    }

    .blog-nav-title{
        font-size:20px;
    }

}

@media (max-width: 767px) {

    .blog-nav-card,
    .next-post{
        flex-direction:column;
    }

    .blog-nav-card{
        align-items:stretch;
        text-align:center;
        padding:16px;
    }

    .blog-nav-image{
        width:100%;
        height:220px;
        flex:none;
        overflow:hidden;
        border-radius:12px;
    }

    .blog-nav-thumbnail{
        width:100%;
        height:100%;
        object-fit:cover;
        display:block;
    }

    .blog-nav-content,
    .align-right{
        text-align:center;
    }

    .blog-nav-title{
        font-size:18px;
        margin-top:8px;
    }

}