.header {
    background: #1f2324;
}
.sp-pagebuilder-row, .sppb-row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.container.small_container {
    max-width: 1026px !important;
}

.first_row .container {
    height: 100%;
}

.first_row .nilac-header-row {
    height: 100%;
    align-items: center;
}

/* برای حالت های مختلف موبایل */
@media (max-width: 992px) {

}
@media (min-width: 993px) {


}




.header {
    position: sticky;
    top: 0;
    z-index: 9999;

    width: 100%;

    background: #1d2122;

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

    transition:
        padding 0.3s ease,
        background 0.3s ease,
        box-shadow 0.3s ease;
}

.header.is-scrolled {
    padding-top: 7px !important;
    padding-bottom: 7px !important;

    background: rgba(25, 29, 30, 0.95);

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

    box-shadow:
        0 10px 35px rgba(0, 0, 0, 0.2);
}

/* لوگو */

.header .desktop_logo img {
    display: block;
    width: auto;
    max-height: 70px;

    transition:
        max-height 0.3s ease,
        transform 0.3s ease;
}

.header.is-scrolled .desktop_logo img {
    max-height: 58px;
}

/* خط ظریف پایین هدر */

.header::after {
    content: "";

    position: absolute;
    left: 50%;
    bottom: 0;

    width: 0;
    height: 1px;

    transform: translateX(-50%);

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 193, 7, 0.8),
        transparent
    );

    transition: width 0.5s ease;
}

.header.is-scrolled::after {
    width: 60%;
}

/* موبایل */

@media (max-width: 767.98px) {

    .header {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .header.is-scrolled {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .header .desktop_logo img {
        max-height: 55px;
    }

    .header.is-scrolled .desktop_logo img {
        max-height: 48px;
    }
}