/* laptop 2x */
@media screen and (min-width: 1400px) {
    .single-event-header__grid { grid-template-columns: 1.35fr .65fr; gap: 22px; }
    .single-event-title { font-size: 32px; line-height: 1.25; }
    .single-event-sub { font-size: 14px; }
    .single-event-thumb { max-width: 560px; }
    .single-event-meta { grid-template-columns: repeat(3, 1fr); gap: 12px; }
    .single-event-logos { grid-template-columns: repeat(4, minmax(120px,1fr)); gap: 14px; }
    .single-event-row-3 { grid-template-columns: 1.2fr 1.2fr .8fr; gap: 16px; }
    .mx-width {
        max-width: 1600px;
    }
    .rg-rail {
        --cols: 6;
    }

    .rv-rail {
        --cols: 3;
    }

    .rana-gallery-section {
        padding: clamp(24px, 3vw, 56px) clamp(20px, 4vw, 56px);
    }
    .signup-wrap{max-width:1280px; gap:28px; padding: clamp(20px,2.5vw,40px);}
    .signup-head h2{font-size:22px;}
    .signup-hero .signup-stage{min-height:280px;}
    .section-base-des {
        gap: 1.75rem;
    }

    .section-base-des>div {
        width: 500px;
    }

    .section-base-title {
        font-size: 64px;
    }

    .gradient-text {
        font-size: 56px;
    }
    .investor-section {
        padding: 72px 0;
    }

    .investor-section .is-stats {
        max-width: 1440px;
        grid-template-columns: repeat(3, 1fr);
        gap: 28px;
    }

    .sec-head h2 {
        font-size: 52px;
    }

    .sec-head p {
        font-size: 20px;
    }

    .investor-section .is-num {
        font-size: clamp(56px, 5.5vw, 96px);
    }

    .investor-section .is-ico-inv-area::before,
    .investor-section .is-ico-inv-area::after {
        width: 180px;
    }

    .investor-section .is-chip {
        padding: 8px 20px;
        font-weight: 600;
    }

    /* ماسک گسترده‌تر برای اسکرول بلندتر */
    .investor-section .is-ico-inv-area {
        -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
        mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
    }
    .section-three {
        padding: 96px 0;
    }

    .upcoming-event {
        grid-template-columns: 620px 1fr;
        padding-left: 100px;
        gap: 28px;
        box-shadow: 12px 12px 26px rgba(0, 0, 0, .2);
    }

    .upcoming-illustration {
        min-height: auto;
        width: fit-content;
    }

    .upcoming-content h2 {
        font-size: 24px;
    }

    .upcoming-content p {
        font-size: 16px;
    }

    .event-item {
        grid-template-columns: 90px 1fr 260px 28px;
        padding: 16px;
    }

    .event-date {
        width: 70px;
        height: 70px;
    }

    .event-date strong {
        font-size: 21px;
    }

    .event-title {
        font-size: 16px;
    }

    .event-tags {
        gap: 10px;
    }
    .rg-rail {
        --cols: 3;
    }

    .rv-rail {
        --cols: 3;
    }
}
/*laptop L*/
@media (min-width: 1200px) and (max-width: 1399px) {
    .single-event-header__grid { grid-template-columns: 1.25fr .75fr; gap: 18px; }
    .single-event-title { font-size: 30px; }
    .single-event-thumb { max-width: 520px; }
    .single-event-meta { grid-template-columns: repeat(3, 1fr); }
    .single-event-logos { grid-template-columns: repeat(4, minmax(110px,1fr)); }
    .single-event-row-3 { grid-template-columns: 1.15fr 1.15fr .7fr; }
    .heading-container {
        top: 20% !important;
    }
    .signup-wrap{max-width:1160px; gap:24px;}
    .nav ul li a {
        font-size: 13px;
    }
    .grid-container {
        gap: 16px;
    }
    .heading-container .shelf {
        width: 900px !important;
    }
    .product-select-box {
        width: 900px;
    }
    .hidden-tb {
        display: none !important;
    }
    .container {
        width: 100%;
        padding: 0 20px;
    }
    div.primary-menu li {
        font-size: 13px;
    }
    .support-center {
        font-size: 13px;
    }
    .support-center svg {
        height: 17px;
    }
    .rg-rail {
        --cols: 3;
    }

    .rv-rail {
        --cols: 3;
    }
    .header {
        padding: 0 16px;
    }
    div.primary-menu>ul>li {
        padding: 8px;
    }
    div.primary-menu>ul>li:has(>.sub-menu) {
        padding: 8px;
    }
    div.primary-menu>ul>li svg {
        margin-right: 0;
        width: 10px;
    }
    div.primary-menu>ul>li:after {
        top: 0;
        bottom: 0;
        margin: auto;
    }
    .tab-view {
        padding: 0 16px !important;
    }
    .input-filter label {
        font-size: 13px
    }
    .mx-width {
        max-width: 1440px;
    }

    .section-base-des>div {
        width: 520px;
    }

    .section-base-title {
        font-size: 60px;
    }

    .gradient-text {
        font-size: 52px;
    }
    .investor-section {
        padding: 64px 0;
    }

    .investor-section .is-stats {
        max-width: 1280px;
        grid-template-columns: repeat(3, 1fr);
        /* 5 ستون */
        gap: 24px;
    }

    .sec-head h2 {
        font-size: 48px;
    }

    .sec-head p {
        font-size: 19px;
    }

    .investor-section .is-num {
        font-size: clamp(48px, 6vw, 88px);
    }

    .investor-section .is-ico-inv-area::before,
    .investor-section .is-ico-inv-area::after {
        width: 160px;
    }

    .investor-section .to-left {
        animation-duration: 55s;
    }

    /* کمی سریع‌تر */
    .investor-section .to-right {
        animation-duration: 55s;
    }
    .section-three {
        padding: 80px 0;
    }

    .upcoming-event {
        grid-template-columns: 560px 1fr;
        padding-left: 80px;
        gap: 24px;
    }

    .upcoming-illustration {
        min-height: 260px;
    }

    .upcoming-content h2 {
        font-size: 22px;
    }

    .upcoming-content p {
        font-size: 15px;
    }

    .event-item {
        grid-template-columns: 80px 1fr 220px 24px;
        padding: 14px;
    }

    .event-date {
        width: 62px;
        height: 62px;
    }

    .event-date strong {
        font-size: 19px;
    }

    .event-title {
        font-size: 15px;
    }
}
/* Laptop */
@media (min-width: 1025px) and (max-width: 1199px) {
    .hidden-md,
    .single-event-header__grid { grid-template-columns: 1fr 1fr; gap: 16px; }
  .single-event-title { font-size: 28px; }
  .single-event-thumb { max-width: 480px; }
  .single-event-meta { grid-template-columns: repeat(2, 1fr); }
  .single-event-logos { grid-template-columns: repeat(3, minmax(110px,1fr)); }
  .single-event-row-3 { grid-template-columns: 1fr 1fr .85fr; }
    .visible-lg,
    .visible-sm,
    .visible-xs {
        display: none;
    }
    .visible-md,
    .hidden-lg,
    .hidden-sm,
    .hidden-xs {
        display: block;
    }
    .hidden-tb {
        display: none !important;
    }
    .container {
        width: 100%;
        padding: 0 20px;
    }
    .colm {
        width: 100%;
    }
    .colm12-tab {
        width: 100%;
    }
    .header {
        padding: 0 16px;
    }
    div.primary-menu>ul>li {
        padding: 8px;
    }
    div.primary-menu>ul>li:has(>.sub-menu) {
        padding: 8px;
    }
    div.primary-menu>ul>li svg {
        margin-right: 0;
        width: 10px;
    }
    div.primary-menu>ul>li:after {
        top: 0;
        bottom: 0;
        margin: auto;
    }
    .tab-view {
        padding: 0 16px !important;
    }
    .input-filter label {
        font-size: 13px
    }
    .flex-wrap-tab {
        flex-wrap: wrap;
    }
    .sticky-sidebar-r {
        width: 100%;
        margin: 0;
        margin-bottom: 16px;
    }
    .modal {
        width: 80%;
    }
    .cart-icon {
        padding-left: 0;
    }
    .support-center {
        margin-left: 8px;
    }
    .logo h1 {
        font-size: 0;
    }
    div.primary-menu li {
        font-size: 13px;
    }
    .support-center {
        font-size: 13px;
    }
    .support-center svg {
        height: 17px;
    }
    .contact-banner {
        padding: 130px 60px 56px;
        gap: 72px;
    }

    .contact-content {
        padding: 44px 60px;
    }

    .contact-us {
        width: min(1100px, 90vw);
        grid-template-columns: 0.65fr 1fr;
        /* همان نسبت، کمی فشرده‌تر */
    }

    .contact-us-info {
        padding: 30px 48px;
    }

    .contact-us-info h2 {
        font-size: 30px;
    }

    .logo-rotator {
        width: 64px;
        height: 64px;
    }
    .event-info-overlay {
        left: inherit !important;
        transform: translate(0, -50%) !important;
    }
    .nav-footer ul {
        display: grid
    ;
        grid-template-columns: repeat(1, 1fr);
        justify-content: center;
        row-gap: 20px;
        column-gap: 0;
        width: 70%;
    }
    .section-base7{
    height: 100px;
}
.section7{
    height: 100px;
}
.grid-sec5{
    display: none;
}
.grid-section6 .item{
    width: 48%;
}
.flex-event{
    display: none;
}
.bg-hl, .bg-hr {
    display: none !important;
}
.section10-top{
    display: none;
}
.tablet-color-style{
    color: #000000ad !important;
}
.header{
    margin-top: 15px; 
}
.dec-team {
    font-size: 13px;
     margin-top: 120px;
}
.card-seprator {
    width: 100% !important;
}
    
.flex-team {
display: flex;
align-items: center;
justify-content: center;
}

.tag-row {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
}
.logg {
position: absolute;
top: 70px !important;
left: 0 !important;
width: 99% !important;
border-radius: 20px 20px 20px 20px !important;
overflow: hidden !important;
} 
.nav ul li a{
font-size: 10px !important;
}
.archive-banner {
    padding: 140px 24px 60px;
    gap: 72px;
  }

  .archive-content {
    padding: 0 20px;
  }

  .hozeha-card {
    flex: 1 1 calc(25% - 18px);
  }
  .blog-banner {
    flex-direction: column;
    text-align: center;
    gap: 24px;
    padding: 150px 0px 60px 20px;
}

.blog-banner__left {
    max-width: 100%;
}

.media-blg {
    padding: 0 20px !important;
}
.media-single {
    grid-template-columns: 1fr 1.1fr;
    gap: 52px;
    padding: 0 56px;
}

.media-text-single h1 {
    font-size: 38px;
}

.hozeha-row-head {
    gap: 60px;
    /* به جای 900px ثابت */
    justify-content: space-between;
}

.hozeha-card {
    flex: 0 0 270px;
}
.section-base-des>div {
    width: 460px;
}


.section-base-title {
    font-size: 58px;
}

.gradient-text {
    font-size: 50px;
}
.investor-section {
    padding: 56px 0;
}

.investor-section .is-stats {
    max-width: 1100px;
    grid-template-columns: repeat(3, 1fr);
    /* از 3 → 4 ستون */
    gap: 20px;
}

.sec-head h2 {
    font-size: 44px;
}

.sec-head p {
    font-size: 18px;
}

.investor-section .is-num {
    font-size: clamp(44px, 6.5vw, 84px);
}

.investor-section .is-ico-inv-area::before,
.investor-section .is-ico-inv-area::after {
    width: 140px;
}

.investor-section .is-chip {
    padding: 6px 18px;
    gap: 10px;
}
.section-three {
    padding: 72px 0;
}

.upcoming-event {
    grid-template-columns: 480px 1fr;
    /* جمع‌وجورتر */
    padding-left: 60px;
    gap: 20px;
}

.upcoming-illustration {
    min-height: 240px;
}

.upcoming-content h2 {
    font-size: 20px;
}

.upcoming-content p {
    font-size: 14px;
}

.event-item {
    grid-template-columns: 70px 1fr 180px 20px;
    padding: 12px;
}

.event-title {
    font-size: 14px;
}
.contact-banner {
    gap: 60px;
    padding: 140px 24px 60px;
}

.contact-banner__left {
    max-width: 460px;
}

.contact-banner__right h1 {
    font-size: 29px;
}

.mehvae-event-main-title {
    font-size: 2.6rem;
}

.mehvae-event-cards-container {
    grid-template-columns: repeat(3, minmax(240px, 1fr));
    gap: 20px;
}

.faq-title {
    font-size: 2.6rem;
}
.signup-wrap{gap:20px; padding: 20px;}
.signup-op{grid-template-columns:32px 1fr 50px;}
[dir="rtl"] .signup-op{grid-template-columns:50px 1fr 32px;}
.signup-hero .signup-stage{min-height:240px;}
}
/*laptop M*/
@media (min-width:992px) and (max-width:1024px) {
    .single-event-header__grid { grid-template-columns: 1fr 1fr; gap: 16px; }
    .single-event-title { font-size: 26px; }
    .single-event-thumb { max-width: 460px; }
    .single-event-meta { grid-template-columns: repeat(2, 1fr); }
    .single-event-logos { grid-template-columns: repeat(3, minmax(100px,1fr)); }
    .single-event-row-3 { grid-template-columns: 1fr 1fr; gap: 14px; }
    .single-event-row-3 > .single-event-card:last-child { grid-column: span 2; }

    .sec7-box img {
        width: 100%;
    }

    .grid-sec7 {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 8px;
        justify-content: center;
    }
    .contact-banner {
        padding: 120px 40px 56px;
        gap: 56px;
    }

    .contact-banner__right h1 {
        font-size: 28px;
    }

    .contact-content {
        padding: 40px;
    }

    .contact-us {
        width: min(1050px, 92vw);
        grid-template-columns: 0.6fr 1fr;
        /* شبه‌دوستونه فشرده */
    }

    .contact-us-info {
        padding: 28px 36px;
    }

    .contact-us-info h2 {
        font-size: 28px;
    }

    .contact-us-item {
        padding: 18px 24px 18px 64px;
    }
    
    .archive-banner {
        padding: 130px 24px 60px;
        gap: 60px;
      }
    
      .archive-content {
        padding: 20px 20px;
      }
    
      .hozeha-card-archive {
        flex: 1 1 calc(33.333% - 18px);
      }
      .blog-banner {
        flex-direction: column;
        text-align: center;
        gap: 24px;
        padding: 150px 0px 60px 20px;
    }

    .blog-banner__left {
        max-width: 100%;
    }
    .nav-h {
        gap: 20px;
    }

    .media-text-blg h1 {
        font-weight: 500;
        line-height: 2;
        font-size: 32px;
    }

    .media-card-blg {
        height: fit-content;
    }

    .hozeha-top {
        justify-content: center;
    }

    .hozeha-toolbar {
        margin: 30px 0px;
    }

    .hozeha-filterwrap::before,
    .hozeha-filterwrap::after {
        display: none;
    }

    .hozeha-row-head {
        padding: 30px;
    }

    .hozeha-card {
        flex-basis: 360px;
    }

    .media-blg {
        padding: 0 20px !important;
    }
    .media-single {
        grid-template-columns: 1fr 1.1fr;
        gap: 40px;
        padding: 0 40px;
    }

    .media-text-single h1 {
        font-size: 34px;
    }

    .media-text-single p {
        font-size: 16px;
    }

    .hozeha-row-head {
        gap: 40px;
        justify-content: space-between;
    }

    .hozeha-card {
        flex: 0 0 250px;
    }

    .article-container {
        max-width: 900px;
    }
    
    .section-base-grid {
        grid-template-columns: 1fr;
        height: auto;
        margin-top: 130px;
    }

    #section1 {
        height: auto;
    }

    .base-section-slider {
        flex-direction: column;
        height: auto;
        transform: rotate(0deg);
        mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 1) 60px, rgba(0, 0, 0, 1) calc(100% - 60px), rgba(0, 0, 0, 0) 100%);
        -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 1) 60px, rgba(0, 0, 0, 1) calc(100% - 60px), rgba(0, 0, 0, 0) 100%);

    }



    .base-section-slider>div {
        width: 100%;
        height: auto;
        transform: rotate(0deg);
    }

    .section-base-des {
        flex-direction: row;
        margin: 30px 0px;
        gap: 5rem;
    }

    .column2-slider {
        display: none;
    }

    .btn-sec1 {
        margin: 30px;
    }

    .btn-register {
        width: 50%;
    }

    .btn-login {
        width: 50%;
    }

    .card-slider {
        width: 50%;
        margin: 0 auto;
    }

    .section-base-title {
        font-size: 50px;
    }

    .section-base-p {
        font-size: 14px;
        text-align: center;
    }


    .card-slider-sec1 {
        height: 250px;
    }

    .card-slider-sec2 {
        height: 130px;
    }


    .base-section-slider::before {
        background: none;
    }

    .base-section-slider::after {
        background: none;
    }

    .column1-slider {
        display: flex !important;
        flex-direction: row !important;
        animation: moveRight 150s linear infinite;
        overflow: visible;
    }

 
    .investor-section {
        padding: 40px 0;
    }

    .investor-section .is-title {
        font-size: 28px;
        margin: 40px 0;
    }

    .investor-section .is-stats {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        max-width: 800px;
    }

    .investor-section .is-num {
        font-size: clamp(38px, 6vw, 72px);
    }

    .investor-section .is-sub {
        font-size: 14px;
    }
    .section-three {
        padding: 64px 0;
    }

    .upcoming-event {
        grid-template-columns: 420px 1fr;
        gap: 20px;
        padding-left: 60px;
    }

    .sec3-head h2 {
        font-size: 36px;
    }

    .sec3-head p {
        font-size: 16px;
    }

    .upcoming-content h2 {
        font-size: 20px;
    }

    .upcoming-content p {
        font-size: 14px;
    }

    .event-item {
        grid-template-columns: 64px 1fr 200px 20px;
        padding: 10px 12px;
    }

    .event-tags {
        gap: 6px;
    }
    .contact-banner {
        padding: 120px 20px 60px 20px;
        gap: 40px;
    }

    .contact-banner__left {
        max-width: 440px;
    }

    .contact-banner__right h1 {
        font-size: 28px;
    }

    .mehvae-event-main-title {
        font-size: 2.4rem;
    }

    .mehvae-event-cards-container {
        grid-template-columns: repeat(3, minmax(220px, 1fr));
        gap: 18px;
    }

    .mehvae-event-card {
        height: 210px;
    }

    .faq-title {
        font-size: 2.4rem;
    }

    .faq-question {
        padding: 24px 26px;
    }
    .rg-rail {
        --cols: 3;
    }

    .rv-rail {
        --cols: 3;
    }

    .signup-wrap{gap:18px; padding:18px;}
    .signup-op{min-height:72px;}
    .signup-head h2{font-size:19px;}
    .signup-hero .signup-stage{min-height:220px;}
}
/* Tablet */
@media (min-width: 768px) and (max-width: 991px) {
    .single-event-header__grid { grid-template-columns: 1fr; }
    .single-event-title { font-size: 24px; }
    .single-event-sub { margin-top: 16px; }
    .single-event-cta { gap: 8px; }
    .single-event-meta { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .single-event-logos { grid-template-columns: repeat(3, minmax(100px,1fr)); gap: 10px; }
    .single-event-row-3 { grid-template-columns: 1fr 1fr; }
    .single-event-row-3 > .single-event-card:last-child { grid-column: span 2; }
    .hidden-sm,
    .visible-lg,
    .visible-md,
    .visible-xs {
        display: none;
    }
    .event-ctas{
        margin: 20px;
    }
    .sec4-col1 {
        margin-bottom: 30px;
    }
    .contact-banner{
        padding: 50px 10px !important;
        gap: 24px !important;
    }
    .grid-container {
        grid-template-columns: 0fr 1fr !important;
           }
    .visible-sm,
    .hidden-lg,
    .hidden-md,
    .hidden-xs {
        display: block;
    }
    .hidden-tb {
        display: none !important;
    }
    .container {
        width: 100%;
        padding: 0 20px;
    }
    .grid-sec5{
        display: none;
    }
    .colm {
        width: 100%;
    }
    .colm12-tab {
        width: 100%;
    }
    /* .header {
        padding: 0 16px;
    } */
    .bg-hl, .bg-hr {
        display: none !important;
    }
    .tablet-color-style{
        color: #000000ad !important;
    }
    .tablet-header {
        position: fixed;
        top: 0;
        background: #ffffff;
        width: 100%;
        border-bottom: .8px solid #0000000d;
        box-shadow: 0 0 10px -6px #000;
        z-index: 999;
        filter: invert(.07);
        height: 40px;
    }
    .section7 {
        height: 70px !important;
    }
    .section-base7
{
    height: 70px !important;
}
    .grid-section6 .item{
    width: 45%;
}
    .medal {
        height: 122vh;
    }
    .dar-sub{
        font-size: 14px !important;
    }
    .al-c{
        align-items: center;
    }
    .al-c img{
        height: 25px;
        filter: invert(.8);
    }
    .icon-menu {
        height: 40px;
        width: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #ffffff;
        border-left: 1px solid #00000029;
        margin-left: 8px;
    }
    .te-logo{
        font-size: 14px;
        letter-spacing: 1px;
        line-height: 1;
    }
    .header{
        display: none;
    }
    .hide-tablet{
     display: flex;
    }
    .grid-container {
        flex-wrap: wrap;
        gap: 0px;
        flex-direction: column;
    }
    .nav li {
        width: 100%;
        border-bottom: 1px solid #cacaca;
        padding: 10px;
    }
    .nav{
        margin-right: 5px;
    }
    .nav li a {
        color: #313131 !important;
        font-size: 14px !important;
    }
    .flex-event{
        display: none;
    }
    .section10-top{
        display: none;
    }
    .nav ul li a:hover{
        text-shadow: 0px 1px 3px #fff;
    }
    div.primary-menu>ul>li {
        padding: 8px;
    }
    div.primary-menu>ul>li:has(>.sub-menu) {
        padding: 8px;
    }
    div.primary-menu>ul>li svg {
        margin-right: 0;
        width: 10px;
    }
    div.primary-menu>ul>li:after {
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .dec-team {
        font-size: 13px;
         margin-top: 120px;
    }
    .card-seprator {
        width: 100% !important;
    }
        
    .flex-team {
    display: flex;
    align-items: center;
    justify-content: center;
}
.card-.card-sec6 {
    width: 320px;
    min-width: 320px;
    height: 220px;
}
.tag-row {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 8px;
}
.logg {
    position: absolute;
    top: 70px !important;
    left: 0 !important;
    width: 99% !important;
    border-radius: 20px 20px 20px 20px !important;
    overflow: hidden !important;
} 
    
    .tab-view {
        padding: 0 16px !important;
    }
    .input-filter label {
        font-size: 13px
    }
    .flex-wrap-tab {
        flex-wrap: wrap;
    }
    .sticky-sidebar-r {
        width: 100%;
        margin: 0;
        margin-bottom: 16px;
    }
    .modal {
        width: 80%;
    }
    .cart-icon {
        padding-left: 0;
    }
    .support-center {
        margin-left: 8px;
    }

    .logo h1 {
        font-size: 0;
    }
    div.primary-menu li {
        font-size: 13px;
    }
    .support-center {
        font-size: 13px;
    }
    .support-center svg {
        height: 17px;
    }
    .event-info-overlay {
        left: inherit !important;
        transform: translate(0, -50%) !important;
    }
    .nav-footer ul {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        justify-content: center;
        row-gap: 20px;
        column-gap: 0;
        width: 100%;
    }
    .sec7-box img {
        width: 100%;
    }

    .grid-sec7 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
        justify-content: center;
    }
    .contact-banner {
        padding: 110px 24px 50px;
        gap: 40px;
    }

    .contact-banner__right h1 {
        font-size: 26px;
    }

    .contact-banner__right span {
        font-size: 16px;
    }

    .contact-banner__left {
        font-size: 15px;
    }

    .contact-content {
        padding: 36px 24px;
    }

    .contact-us {
        width: min(1000px, 92vw);
        grid-template-columns: 1fr;
        /* تبلت عمودی: یک‌ستونه */
    }

    .contact-us-visual {
        min-height: 300px;
    }

    .contact-us-info {
        padding: 26px 28px;
    }

    .contact-us-info h2 {
        font-size: 26px;
    }

    .contact-us-item {
        padding: 16px 22px 16px 62px;
        border-radius: 16px;
    }
    .archive-banner {
        padding: 120px 24px 56px;
        gap: 60px;
      }
    
      .archive-content {
        padding: 20px 20px;
      }
  
      .hozeha-card-archive {
        flex: 1 1 calc(50% - 18px);
        max-width: none;
      }
      .blog-banner {
        flex-direction: column;
        text-align: center;
        gap: 24px;
        padding: 50px 20px;
    }

    .blog-banner__left {
        max-width: 100%;
    }

    .media-card-blg {
        height: fit-content;
    }

    .media-text-blg {
        text-align: center;
    }

    .media-text-blg h1 {
        margin: 0 0 20px;
        font-weight: 500;
        line-height: 2;
        font-size: 26px;
        color: #1f2937;
        text-align: center;
    }
    .signup-wrap{grid-template-columns:1fr; gap:18px;}
    .signup-row{grid-template-columns:1fr; gap:10px;} /* دکمه بیاد زیر ورودی */
    .signup-mini{padding:12px;}
    .signup-hero .signup-stage{min-height:210px;}

    .hozeha-top {
        justify-content: center;
    }

    .hozeha-toolbar {
        margin: 30px 0px;
    }

    .hozeha-filterwrap::before,
    .hozeha-filterwrap::after {
        display: none;
    }

    .hozeha-row-head {
        padding: 30px;
    }

    .hozeha-card {
        flex-basis: 360px;
    }

    .media-blg {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .media-image-blg {
        order: -1;
    }

    .event-slide {
        grid-template-columns: 1fr;
        font-weight: 700;
    }

    .event-slider__stage {
        min-height: unset
    }
    .wrapper-single {
        padding-top: 10px;
    }

    .media-single {
        grid-template-columns: 1fr;
        /* استک عمودی بهتره برای خوانایی */
        gap: 32px;
        padding: 0 32px;
    }

    .media-text-single h1 {
        font-size: 32px;
        padding: 10px;
    }

    .media-text-single p {
        font-size: 15px;
        padding: 10px;
    }

    .article-container {
        padding: 0 20px;
    }

    /* .article-content {
        padding: 24px 20px 30px;
    } */
    .flex-column-ico-footer {
        display: flex
    ;
        flex-direction: row;
        text-align: center;
        justify-content: center;
        gap: 16px;
        flex-wrap: wrap;
    }
    
    

    .article-content h2 {
        font-size: 22px;
    }

    .article-content h3 {
        font-size: 18px;
    }

    .hozeha-row-head {
        gap: 20px;
        justify-content: space-between;
    }

    .hozeha-track {
        gap: 14px;
    }

    .hozeha-card {
        flex: 0 0 44%;
    }
    .section-base-grid {
        grid-template-columns: 1fr;
        height: auto;
    }

    #section1 {
        height: auto;
    }

    .base-section-slider {
        flex-direction: column;
        height: auto;
        transform: rotate(0deg);
        mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 1) 60px, rgba(0, 0, 0, 1) calc(100% - 60px), rgba(0, 0, 0, 0) 100%);
        -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 1) 60px, rgba(0, 0, 0, 1) calc(100% - 60px), rgba(0, 0, 0, 0) 100%);
    }

    .base-section-slider>div {
        width: 100%;
        height: auto;
        transform: rotate(0deg);
    }

    .column1-slider {
        display: flex;
        flex-direction: row;
        gap: 24px;
        animation: moveRight 200s linear infinite;
        overflow: visible;
    }

    .column1-slider .card-slider {
        width: 300px;
        flex-shrink: 0;
    }

    @keyframes moveRight {
        0% {
            transform: translateX(100%);
        }

        100% {
            transform: translateX(0%);
        }
    }

    .section-base-des {
        flex-direction: row;
        margin: 30px 0px;
        gap: 5rem;
        padding: 50px;

    }

    .column2-slider {
        display: none;
    }


    .section-base-title {
        font-size: 50px;
    }

    .section-base-p {
        font-size: 14px;
    }


    .card-slider-sec1 {
        height: 250px;
    }

    .card-slider-sec2 {
        height: 130px;
    }


    .base-section-slider>div>.column1-slider::after,
    .base-section-slider>div>.column2-slider::after {
        content: '➡️';
        font-size: 40px;
        cursor: pointer;
        display: block;
        text-align: center;
    }

    .base-section-slider::before,
    .base-section-slider::after {
        height: 100px;
    }

    .btn-register .btn-login {
        min-width: 150px;
    }

    .base-section-slider::before {
        background: none;
    }

    .base-section-slider::after {
        background: none;
    }
    .investor-section {
        padding: 36px 0;
    }

    .container {
        padding: 0 10px !important;
    }

    .investor-section .is-title {
        font-size: 24px;
        margin: 32px 0;
    }

    .investor-section .is-stats {
        /* grid-template-columns: repeat(2, fr); */
        gap: 25px;
        max-width: 700px;
    }

    .investor-section .is-num {
        font-size: clamp(34px, 7vw, 60px);
    }

    .investor-section .is-sub {
        font-size: 13px;
    }

    .investor-section .to-left {
        animation: is-left 20s linear infinite !important;
    }

    .investor-section .to-right {
        display: flex;
        gap: 0;
        animation: is-right 80s ease-in-out infinite alternate;
      }
      
    
      @keyframes is-right {
        0% {
          transform: translateX(100%);
        }
        100% {
          transform: translateX(-calc(300px * 3));
        }
      }
    .section-three {
        padding: 56px 0;
    }
    .des-eve{
        margin-top: 15px;
        color: #555;
        line-height: 1.8;
        display: flex;
        flex-direction: column;
        justify-content: right;
        margin-right: 10px;
        margin-bottom: 15px;
      }

    .container {
        padding: 0 10px !important;
    }

    .upcoming-event {
        grid-template-columns: 1fr;
        padding-left: 0px;
        gap: 16px;
    }

    .upcoming-illustration {
        border-radius: 12px 12px 0px 0px;
        min-height: 200px;
        order: 1;
    }


    .upcoming-content {
        order: 2;
    }

    .sec3-head {
        padding-bottom: 24px;
    }

    .sec3-head h2 {
        font-size: 32px;
    }

    .sec3-head p {
        font-size: 16px;
    }

    .upcoming-content h2 {
        font-size: 19px;
        padding: 16px 10px 8px;
    }

    .upcoming-content p {
        font-size: 14px;
        padding: 8px 10px;
    }

    .all-events-header h3 {
        font-size: 16px;
    }

    .all-events-header a {
        font-size: 12px;
    }

    .upcoming-illustration img {
        width: 100%;
    }

    .event-item {
        grid-template-columns: 58px 1fr 160px 18px;
        gap: 10px;
        padding: 10px 12px;
    }

    .event-title {
        font-size: 13px;
    }

    .event-tags {
        justify-content: flex-start;
    }

    .reg {
        margin: 15px;
    }
    .contact-banner {
        padding: 120px 24px 50px 24px;
        gap: 36px;
    }

    .contact-banner__right h1 {
        font-size: 26px;
    }

    .contact-banner__right span {
        font-size: 18px;
    }

    .contact-banner__left {
        max-width: 560px;
        font-size: 15px;
    }

    .mehvae-event {
        padding: 36px 16px;
    }

    .mehvae-event-header {
        margin-bottom: 40px;
    }

    .mehvae-event-main-title {
        font-size: 2.1rem;
    }

    .mehvae-event-subtitle {
        font-size: 1rem;
        max-width: 560px;
    }

    .mehvae-event-cards-container {
        grid-template-columns: repeat(2, minmax(220px, 1fr));
        gap: 16px;
    }

    .mehvae-event-card {
        height: 200px;
        padding: 28px 22px;
    }

    .mehvae-event-card-title {
        font-size: 1.15rem;
    }

    .faq-title {
        font-size: 2.2rem;
    }

    .faq-subtitle {
        font-size: 1.05rem;
    }

    .faq-question {
        padding: 22px 24px;
        font-size: 1.05rem;
    }

    .answer-content {
        padding: 0 24px 22px;
    }
    .rg-rail {
        --cols: 3;
    }

    .rg-item {
        min-height: 140px;
    }

    .rg-viewport {
        padding: 6px 28px;
    }

    .rg-btn {
        inline-size: 42px;
        block-size: 42px;
    }

    .rv-rail {
        --cols: 2;
    }

    .btn-flex-report {
        display: flex;
        flex-direction: row;
        justify-content: end;
        gap: 7px;
        margin-left: 45px;
    }
    .sec1-title {
        font-size: 25px;
        line-height: 1.8;

    }
    .gradient-text{
        font-size: 35px;
    }
}
/* Mobile */
@media (max-width: 767px) {
    .single-event { margin-top: 20px; margin-bottom: 24px; }
    .single-event-header { padding: 14px; border-radius: 14px; }
    .single-event-header__grid { grid-template-columns: 1fr; gap: 12px; }
    .single-event-title { font-size: 22px; line-height: 1.35; }
    .single-event-sub { margin-top: 12px; font-size: 13px; }
    .single-event-chips { gap: 6px; margin-top: 14px; }
    .single-event-chip { padding: 6px 10px; font-size: 12px; }
    .single-event-cta { flex-direction: column; gap: 8px; }
    .single-event-btn { width: 100%; padding: 10px 14px; }
    .single-event-thumb { max-width: 100%; border-radius: 12px; }
    .single-event-card { padding: 14px; border-radius: 14px; }
    .single-event-text { font-size: 14px; line-height: 1.9; }
    .single-event-meta { grid-template-columns: 1fr; gap: 8px; }
    .single-event-logos { grid-template-columns: repeat(2, minmax(100px,1fr)); gap: 8px; }
    .single-event-row-3 { grid-template-columns: 1fr; }
    .hidden-xs,
    .visible-lg,
    .visible-md,
    .visible-sm {
        display: none;
    }
    .media-text-single p{
            display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    word-break: break-word;
    min-height: calc(1.5em * 3);
    padding: 0px !important;
    }

    .event-ctas{
        margin: 20px;
    }
    .pad-singin {
        padding: 10px !important;
    }
    .pad-singin {
        padding: 10px !important;
    }
    .article-wrap{
        padding: 10px 10px;
    }
    .contact-banner{
        padding: 20px 10px !important;
        gap: 24px !important;
    }
    .row-2 {

        grid-template-columns: 1fr;

    }
    .flex-column-ico-footer {
        display: flex
    ;
        flex-direction: row;
        text-align: center;
        justify-content: center;
        gap: 16px;
        flex-wrap: wrap;
    }
    
    
    .visible-xs,
    .hidden-lg,
    .hidden-md,
    header .hidden-sm,
    .mobile,
    .news-parent,
    .communication-parent {
        display: block;
    }
    .container,
    .colm {
        width: 100%;
    }
    .colm5-mob {
        width: 41.66%;
    }
    .colm12-mobile {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .wrap-responsive {
        flex-wrap: wrap;
    }
    .pad-0 {
        padding: 0;
    }
    .input-filter {
        margin: 8px 0 0 0 !important;
    }
    .nav {
        margin-right: unset;
        /* padding: 15px; */
    }
    .grid-container{
        flex-wrap: wrap;
        gap:0;
    }
    .nav li a{ 
        color: #313131 !important;
        font-size: 14px !important;
    }
    .form-log{
        width: 100% !important;
    }
    .nav li{ 
        width: 100%;
        border-bottom: 1px solid #cacaca;
        padding: 10px;
    }
    .grid-ri-btn {
        grid-template-columns: repeat(1, 1fr);
        gap: 0;
    }
    .icon-tab-p svg {
        width: 25px !important;
    }
    .w20 {
        width: 49% !important;
    }
    .province-team,
    .title-team {
        font-size: 14px !important;
    }
 .dec-team {
        font-size: 13px;
         margin-top: 120px;
    }
    .card-seprator {
        width: 100% !important;
    }
        
    .flex-team {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.grid-container {
    grid-template-columns: none;
}
.signup-wrap{grid-template-columns:1fr; gap:16px; padding:16px;}
.signup-card{padding:14px; border-radius:14px;}
.signup-head{flex-direction:column; align-items:flex-start; gap:6px;}
.signup-head h2{font-size:18px;}
.signup-head p{font-size:12px;}
.signup-op{
  grid-template-columns:28px 1fr 44px;
  gap:10px; padding:10px; min-height:66px; border-radius:14px;
}
[dir="rtl"] .signup-op{grid-template-columns:44px 1fr 28px;}
.signup-tick{width:22px; height:22px;}
.signup-ico{width:44px; height:44px; border-radius:10px;}
.signup-tx h3{font-size:13px;}
.signup-tx small{font-size:11.5px;}
.signup-input{height:44px; font-size:13.5px;}
.signup-btn{width:100%; padding:0 18px; height:44px;}
.signup-hero{padding:14px; border-radius:14px;}
.signup-hero .signup-stage{min-height:190px;}
.tag-row {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 8px;
}
.logg {
    position: absolute;
    top: 70px !important;
    left: 0 !important;
    width: 99% !important;
    border-radius: 20px 20px 20px 20px !important;
    overflow: hidden !important;
} 

    .tab-view {
        padding: 0 8px !important;
    }
    .p-box-tab li {
        font-size: 14px !important;
    }
    .colm12-mob {
        width: 100% !important;
    }
    .row-sel-len {
        width: 100%;
        justify-content: space-between;
    }
    .newsection2-top{
        background-size: cover;
        animation: newsection2 3s;
    }
    @keyframes newsection2 {
        0%{
            opacity: 0;
        }
        50%{
            opacity: 0.5;
        }
        100%{
            opacity: 1;
        }
        
    }


    .nav-footer ul {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        justify-content: start;
        row-gap: 20px;
        column-gap: 0;
        align-content: center;
        align-items: start;
        text-align: right;
    }
  
    .nav-footer ul{
        width: 100%;
    }
    .pad-footer {
        padding: 15px;
    }
    .section10-top {
        height: auto;
        background-size: cover;
    }
    .icon-pitch {
        margin-bottom: 10px;
        margin-top: 15px;
    }
    .event-info-overlay{
        position: unset !important;
        transform: unset !important;
    }
    .event-top-info {
        height: auto !important;
        padding: 15px;
    }
    .flex-row-ce-center{
        flex-wrap: wrap;
    }
    .h100{
        height: 60px !important;
    }
    .single-event-image img{
        border-radius: 5px !important;
    }
    .pad-ev{
        padding: 0 !important;
        margin-top: 24px;
        text-align: justify;
    }
    .pb0 .sec4-evsub {
        padding: 0 !important;
        font-size: 26px;
        text-align: right;
    }
    .section-base15{
        background-size: unset !important;
    }
    .grid-secev {
        width: 100% !important;
        grid-template-columns: repeat(1, 1fr) !important;
        gap: 16px !important;
    }
    .w100p15{
        width: 100%;
        padding: 15px;
    }
    .grid-section-team {
        grid-template-columns: repeat(1, 1fr);
    }
    .row-sel-len label {
        margin: 0 !important;
        width: 32% !important;
        padding: 8px 4px !important;
    }
    .pad-l-tab {
        padding-left: 0 !important;
    }
    .radiobox-icon {
        width: 17px !important;
        min-width: 17px !important;
        height: 17px !important;
        margin-left: 0 !important;
    }
    .info-radiobox-t {
        font-size: 12px !important;
    }
    .info-radiobox-st {
        font-size: 0 !important;
    }
    .radiobox-icon::after {
        width: 7px !important;
        height: 7px !important;
    }
    .datepicker-row {
        width: 100% !important;
        left: 5px !important;
        transform: unset !important;
    }
    .datepicker-body-content {
        padding: 4px !important;
    }
    .calendar-grid span {
        flex: 0 0 50% !important;
        font-size: 12px !important;
    }
    .tab-view-head {
        margin-bottom: 0!important;
    }
    .tab-content {
        flex-wrap: wrap;
    }
    .test-bg {
        padding-top: 20px !important;
    }
    .mar-t16-mob {
        margin-top: 16px;
    }
    .p-box {
        transform: translate(0px, -15px);
    }
    .services-title {
        padding-right: 16px;
    }
    .sec3-ti.p0{
        padding-bottom: 0;
    }
    .sec3-ti{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom:0;
    }
    .sec3-sub{
        height: 0;
        overflow: hidden;
        transition:height 0.5s ease;
    }
    .sec3-sub.active{
        margin-top: 16px;
        height: auto !important;
    }
    .hide-dec{
        display: block;
        margin-top: 13px;
    }
    .row-services {
        display: grid;
        padding: 16px;
        grid-template-columns: repeat(2, 2fr);
        grid-template-rows: 1fr;
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        margin-bottom: 16px;
    }
    .box-services-item-l-title {
        font-size: 18px;
    }
    .box-services-item-l-subtitle {
        font-size: 14px;
    }
    .box-services-item-l img {
        width: 55%;
    }
    .card-.card-sec6 {
        width: 320px;
        min-width: 320px;
        height: 220px;
    }


    /*--about us*/
    .overlay-content-status{
        width: 100%;
        text-align: center;
    }
    .flex-row-fs {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        text-align: center;
    }
    .link-as-button{
        width: 100%;
    }
    .pad-r-15-hide{
        padding-right: 0px !important;
    }
    .mar-t-15-mobile{
        margin-top: 15px !important;
    }
    .txt-center-mobile{
        text-align: center !important;
        
    }
    .yelow-color{
        color: #cbb83f;
    }
    .ev-list li{
        font-size: 15px;
    }
    .ev-award{
        font-weight: 400;
        font-size: 17px;
    }
    /* .titlefaq {
        padding-right: 16px;
    } */
    .title-faq {
        font-size: 14px;
    }
    .content-faq {
        padding: 16px 32px;
        font-size: 13px;
    }
    .section-faq {
        padding: 16px;
    }
    .header {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1000;
        padding: 0;
        padding-right: 16px;
    }
    .modal{
        z-index:9999 !important;
    }
    .modal-content {
        padding: 16px !important;
        width: 90% !important;
        height: 90vh !important;
    }
    .grid-form {
        grid-template-columns: repeat(1, 1fr) !important;
        gap: 0 !important;
    }
    .grid-checkbox {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }
    .bg-home{
        height: 120vh;
    }
    .parent-bghr{
        grid-template-columns: repeat(1, 1fr) !important;
        grid-row-gap: 5px !important;
        position: absolute;
        bottom: 15px;
        height: unset !important;
    }
    .bg-hl, .bg-hr {
        /* margin-top: unset !important;
        width: 95% !important;
        background: #ffffffe0 !important; */
        display: none !important;
    }
    .register-btn3, .register-btn{
        margin-top: 20px;
        background: #00000094;
    }
    .hollow-text {
        font-size: 28px;
    }
    .hollow-text p{
        font-size: 13px !important;
    }
    .mar-t-home {
        position: absolute;
        left: 0;
        right: 0;
        top: 15%;
    }
    .logo img {
        height: 30px;
    }
    .product-information {
        padding: 20px;
    }
    .overlay-slider {
        padding: 15px;
    }
    .single-image img {
        height: 300px;
    }
    #section-slider img {
        height: 250px;
    }
    .slider-title {
        font-size: 47px;
        max-width: 90%;
    }
    .slider-content h2 {
        font-size: 20px;
    }
    .section-about {
        padding: 30px !important;
    }
    .section-about p {
        font-size: 20px !important;
        padding: 0 10px;
    }
    .section-about h2 {
        font-size: 30px !important;
        padding-bottom: 15px !important;
    }
    .section-map h2 {
        font-size: 30px;
    }
    .section-map {
        padding: 30px;
    }
    .box-map iframe {
        width: 100%;
        height: 350px;
    }
    .product-text {
        font-size: 15px;
    }

    .mobile-menu-right{
        /* display: none; */
    }
    .mobile-header {
        position: fixed;
        top: 0;
        background: #ffffff;
        width: 100%;
        border-bottom: .8px solid #0000000d;
        box-shadow: 0 0 10px -6px #000;
        z-index: 999;
        filter: invert(.07);
        height: 40px;
    }
    .al-c{
        align-items: center;
    }
    .al-c img{
        height: 25px;
        filter: invert(.8);
    }
    .icon-menu {
        height: 40px;
        width: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #ffffff;
        border-left: 1px solid #00000029;
        margin-left: 8px;
    }
    .te-logo{
        font-size: 14px;
        letter-spacing: 1px;
        line-height: 1;
    }
    .header{
        display: none;
    }
    .section2-top {
        height: auto;
        background-size: cover;
    }
    .flex-event{
        flex-wrap: wrap;
    }
    .now-event {
        padding: 2px 12px;
        font-size: 14px;
    }
    .title-event {
        font-size: 30px;
    }
    .border-ev {
        padding: 5px 0px;
        font-size: 12px;
        width: 100%;
    }
    .grid-b-ev {
        grid-template-columns: repeat(1, 1fr);
        grid-row-gap: 8px;
        margin-bottom: 12px;
        width: 81%;
    }
    .medal{
        display: none;
    }
    .colm8.c-center{
        width: 100%;
    }
    .section2-bottom .colm4{
        width: 0;
        display: none;
    }
    .dar-tit {
        font-size: 23px;
    }
    .dar-sub {
        font-size: 16px;
    }
    .body-dar {
        max-width: 100%;
        padding: 15px;
    }
    .section3-body {
        background-size: auto;
    }
    .grid-section3 {
        grid-template-columns: repeat(1, 1fr);
        padding: 15px;
    }
    .section4-body{
        padding: 15px;
    }
    .grid-sec4 {
        grid-template-columns: repeat(1, 1fr);
    }
    .section-base9{
        padding: 50px 15px;
    }
    .grid-sec9 {
        grid-template-columns: repeat(1, 1fr);
    }
    .ersal-a {
        width: 100%;
    }
    .btn-reasearch {
        width: 100%;
        margin-top: 24px;
        border-radius: 15px;
    }
    .section-base6{
        padding: 50px 15px;
    }
    .grid-sec6 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
    .card-sec4-title{
        line-height: 1.4;
    }
    .grid-section6 .item {
        width: 100%;
    }
    .section-base8 {
        height: auto;
    }
    .section8-body {
        background-size: auto;
        padding: 50px 15px;
    }
    .faq-text {
        max-width: 100%;
        padding-right: 0;
        padding-top: 0;
        padding: 15px;
    }
    .faq-title {
        font-size: 14px;
        margin-left: 8px;
    }
    .faq-icon {
        width: 14px;
        height: 14px;
    }    
    .section-base7{
        height: 35px;
    }
    .timeline-sec4-box-mob {
        height: 150px;
        margin-top: 24px;
    }
    .logo-sec4 img {
        height: 75%;
        object-fit: none;
    }
    .mar-t-80 {
        margin-top: 24px;
    }
    .mar-b-80{
        margin-bottom: 24px !important;
    }
    .mar-b-24-mob{
        margin-bottom: 24px !important;
    }
    .mar-t-24-mob{
        margin-top: 24px !important;
    }
    .section5-body {
        background-size: auto;
        padding: 50px 15px;
    }
    .chek1 img {
        height: 133px;
        object-fit: cover;
    }
    .chek2 img {
        height: 133px;
        object-fit: cover;
    }
    #section5 .grid-sec4 {
        grid-template-columns: repeat(1, 1fr);
    }
    .section7 {
        height: 37px;
    }
    .section-base6 {
        height: auto;
    }
    .footer .flex{
        flex-wrap: wrap;
    }
    .footer .colm5,
    .footer .colm7{
        width:100%;
    }
    .grid-footer {
        grid-template-columns: repeat(1, 1fr);
        padding: 15px;
    }
    #map::before {
        background: none;
    }
    .dec-rana {
        padding-right: 0;
        text-align: justify
    }
    .fff {
        margin-right: 0;
    }
    .contactus {
        height: fit-content;
        margin-top: 30px;
    }
    .timeline-grid {
        grid-template-columns: 1fr;
    }
    .event-ord-body {
        margin-top: 24px;
    }
    .event10-title.card-sec4-body {
        margin: 24px 0;
        margin-bottom: 24px;
    }
    
    .property-item img {
        /* width: 35px; */
    }
    .property-item {
        /* font-size: 10px;
        text-align: center; */
    }
    .btn-auth {
        padding: 7px 5px;
        width: 130px;
    }
    .btn-auth span {
        padding: 0 5px;
    }
    .btn-login-supplier a {
        padding: 5px 7px;
        margin-left: 10px;
    }
    .single-product-details {
        padding: 10px;
    }
    .product-info-step {
        padding: 0;
    }
    .button,
    button,
    .btn {
        padding: 0 10px;
    }
    .product-vendors table th,
    .product-vendors table td {
        font-size: 14px;
        padding: 5px;
        border: 1px solid #eee;
    }
    .product-vendors thead th:first-child strong {
        display: none;
    }
    .product-vendors thead th:first-child:after {
        content: "ف";
    }
    .item-quantity {
        padding: 2px 0;
    }
    .qty-increase,
    .qty-decrease,
    .qty-delete {
        padding: 0px 7px;
        font-size: 18px;
    }
    .qty-count input[type="number"] {
        width: 30px;
    }
    /* Homepage Product */
    .section-product-select {
        margin-top: -30px;
    }
    .section-product-select .container {
        padding: 10px;
    }
    .product-select-box {
        width: 100%;
        padding: 10px;
        bottom: unset;
    }
    .heading-container {
        top: 15%;
    }
    .product-tab-head {
        padding: 0;
    }
    .product-tab-head li {
        position: inherit;
        font-size: 16px;
        padding: 0 10px;
        line-height: normal;
    }
    .product-tab-head li img {
        width: 24px;
        height: 24px;
    }
    .product-filter {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .home .product-filter select,
    .home .product-filter input {
        min-width: 150px;
    }
    .home .product-filter .btn-computing {
        width: 100%;
        margin-top: 20px;
    }
    /* Single */
    .products-result {
        padding: 20px;
    }
    .item-product>div {
        padding: 10px;
    }
    .item-p-value {
        height: unset;
    }
    .item-product .btn-container {
        width: 100%;
    }
    .single .btn-computing {
        margin-top: 20px;
    }
    /* Cart */
    .add-address-field {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0;
    }
    .cart-frame-address {
        width: 100%;
    }
    .address-edit {
        position: absolute;
        top: -42px;
        left: 0;
    }
    /* Footer */
    .footer-top>div {
        padding: 30px 16px;
        flex-wrap: wrap;
    }
    .shop-list-alert {
        width: 90%;
        font-size: 14px;
    }
    .property-item {
        width: 100%;
        flex-wrap: wrap;
        margin-bottom: 16px;
    }
    .property-item svg {
        width: 100px;
    }
    .property-item-title {
        font-size: 14px;
    }
    .property-item-subtitle {
        font-size: 13px;
    }
    .footer-center .colm6 {
        width: 100%;
        padding: 8px;
    }
    .footer-center .colm6.ltr {
        direction: rtl;
        margin-top: 32px;
    }
    .copyright {
        font-size: 7px;
        line-height: 1.8;
        padding: 0;
    }
    .footer-bottom {
        padding: 4px 15px;
    }
    #section2{
        height: unset;
    }
    .icon-so {
        align-items: center;
        width: 100%;
        display: flex;
        margin: 0 auto;
        justify-content: center;
        margin-top: 16px;
    }
    .flex-wrap-mob {
        flex-wrap: wrap;
    }
    .footer-center h3 {
        font-size: 13px;
    }
    .footer-center a {
        font-size: 10px;
    }
    .support-center {
        margin-left: 0;
    }
    .modal {
        width: 96%;
    }
    .modal-form-auth .direction-column {
        width: 85%;
    }
    .sticky-sidebar-r {
        margin: 0;
    }
    .products-result {
        padding: 0;
        margin-top: 16px;
    }
    .period-row {
        width: 25%;
        padding: 8px 0;
    }
    .period-body {
        flex-wrap: wrap;
    }
    .period-date {
        font-size: 11px;
    }
    .period-type {
        font-size: 14px;
    }
    .ordering span {
        display: none;
    }
    .ordering ul {
        width: 100%;
        overflow: hidden;
    }
    .ordering ul li {
        padding: 8px 0px;
        font-size: 12px;
    }
    .ordering ul li.active a::after {
        bottom: -8.5px;
        right: 0;
        width: 90%;
    }
    .info-pr-row {
        font-size: 12px;
    }
    .item-pr-r {
        width: 100%;
    }
    .items-link a {
        margin-left: 0;
    }
    .items-link {
        justify-content: space-between;
    }
    .pr-qty,
    .pr-date {
        display: none;
    }
    .pr-name {
        margin: 0;
        margin-right: 8px;
        font-size: 12px;
    }
    .search-pr-row {
        justify-content: space-between;
    }
    .item-brand {
        padding-left: 0;
    }
    .item-pr-r-head-fi sub {
        display: none;
    }
    .item-pr-r-head-fi span {
        font-size: 12px;
    }
    .item-pr-r-head-fi strong {
        font-size: 13px;
    }
    .item-brand strong {
        font-size: 10px;
    }
    .nerkh {
        display: none;
    }
    .item-pr-l {
        width: 100%;
    }
    .search-pr.active {
        z-index: 9999;
    }
    .search-pr-row {
        padding: 12px 16px;
    }
    .popup-message {
        position: fixed;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 91%;
        padding: 10px;
    }
    .page-profile {
        padding: 0;
    }
    .pad-16-mob {
        padding: 16px;
    }
    .page-profile .pad-40 {
        padding: 16px;
    }
    .page-profile .colm8.pad-10,
    .page-profile .colm4.pad-10 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0;
    }
    .page-profile .colm4.pad-10 {
        padding-bottom: 16px;
    }
    .user-information,
    .profile-tab-title,
    .profile-tab-content,
    .profile-account-content {
        padding: 16px;
    }
    .profile-tab-content .colm4 {
        width: 50%;
        max-width: 50%;
        flex: 0 0 50%;
        font-size: 12px;
    }
    .tab-content.tab-inquiry,
    .tab-content.tab-orders {
        overflow: auto;
    }
    .profile-address-content {
        padding: 16px;
    }
    .tab-content.tab-password .form-row {
        flex-wrap: wrap;
    }
    .tab-content.tab-password .form-row input {
        width: 100%;
    }
    .tab-content.tab-account .form-row.flex {
        flex-wrap: wrap;
    }
    .tab-content.tab-account .form-row input {
        width: 100%;
    }
    .process-timeline {
        display: none;
    }
    .invoice-print {
        padding: 0 !important;
    }
    .invoice-title {
        padding: 16px 0 !important;
        font-size: 12px !important;
    }
    .invoice-social-share ul li {
        padding: 4px !important;
    }
    .invoice-social-share img {
        width: 16px;
    }
    .invoice-meta {
        padding: 0 !important;
        font-size: 12px !important;
    }
    .header-item-data:first-child {
        margin: 0!important;
    }
    .invoice-meta {
        flex-wrap: wrap;
        margin-bottom: 16px;
    }
    .invoice-meta .colm9,
    .invoice-meta .colm3 {
        width: 100%;
    }
    .header-item-data {
        padding: 8px !important;
    }
    .overflow-a-mob {
        overflow: auto;
    }
    .overflow-a-mob .content-table td {
        font-size: 12px;
    }
    .overflow-a-mob .content-table td,
    .overflow-a-mob .content-table th {
        min-width: 167px;
    }
    .overflow-a-mob .btn-payment {
        width: fit-content;
        font-size: 14px;
    }
    .invoice-content {
        margin-bottom: 0!important;
    }
    .cart-page {
        padding: 0;
    }
    .cart-page .btn-payment {
        font-size: 14px;
    }
    .cart-page .colm8.pad-10,
    .cart-page .colm4.pad-10 {
        padding: 0;
    }
    .cart-frame {
        padding: 16px;
    }
    .cart-item {
        margin-bottom: 16px;
        padding-bottom: 16px;
    }
    .cart-frame-address {
        font-size: 12px;
        margin-bottom: 8px;
    }
    .cart-frame:nth-child(2) {
        margin: 16px 0;
    }
    .cart-item-product-title {
        font-size: 12px;
    }
    .cart-item-details-amount>div:last-child,
    .cart-item-details-amount>div:last-child span {
        font-size: 13px;
    }
    .cart-address-header {
        padding: 16px;
        font-size: 14px;
    }
    .add-address {
        font-size: 14px;
        padding: 16px;
    }
    .cart-address-detail {
        font-size: 12px;
    }
    .add-address-field {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        padding: 0;
        flex-direction: column;
    }
    .add-address-field label {
        font-size: 12px;
    }
    .ctmod .modal {
        position: absolute;
        top: 70px;
    }
    .ctmod .modal-header,
    .ctmod .modal-footer,
    .ctmod .modal-body {
        padding: 16px;
    }
    .ctmod .modal-body {
        max-height: 295px;
        overflow: auto;
    }
    .ctmod .content-table td,
    .ctmod .content-table th {
        font-size: 11px;
    }
    .cart-payment-fix {
        padding: 16px;
        box-shadow: 0 -2px 8px -7px #000;
    }
    .cart-payment-fix .btn-payment {
        width: 100%;
    }
    .grid-b-p {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 16px;
        grid-row-gap: 0px;
    }
    .cart-page .flex.pad-20 {
        padding: 16px;
    }
    .sec3-ti .t{
        font-weight: 400;
    }
    .sec7-box img {
        width: 100%;
    }

    .grid-sec7 {
        grid-template-columns: repeat(2, 1fr);
    }
    .contact-banner {
        padding: 80px 16px 40px;
        flex-direction: column;
        gap: 28px;
        text-align: center;
    }

    .contact-banner__right h1 {
        font-size: 22px;
    }

    .contact-banner__right span {
        font-size: 14px;
    }

    .contact-banner__left {
        max-width: none;
        font-size: 14px;
        line-height: 1.9;
        padding: 0 4px;
    }

    .contact-content {
        padding: 24px 12px;
    }

    .contact-us {
        width: 100%;
        grid-template-columns: 1fr;
        /* یک‌ستونه */
        border-radius: 16px;
    }

    .contact-us-visual {
        min-height: 240px;
    }

    .contact-us-visual .map-embed {
        filter: saturate(1) contrast(1);
    }

    .logo-rotator {
        right: 10px;
        bottom: 10px;
        width: 56px;
        height: 56px;
        border-radius: 14px;
    }

    .contact-us-info {
        padding: 20px 18px 28px;
        background: #ffffffb3;
        /* کمی شفاف‌تر روی موبایل */
    }

    .contact-us-info h2 {
        font-size: 22px;
    }

    .contact-us-info p.sub {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .contact-us-item {
        padding: 14px 16px 14px 56px;
        border-radius: 14px;
        margin-bottom: 12px;
    }

    .contact-us-mainicon {
        width: 40px;
        height: 40px;
        border-radius: 12px;
    }

    .contact-us-text {
        font-size: 14px;
        margin-right: 12px;
        line-height: 1.8;
    }

    .contact-us-action {
        left: 12px;
        width: 36px;
        height: 36px;
    }

    .contact-us-socials {
        gap: 10px;
        margin-top: 22px;
    }

    .contact-us-socials a {
        width: 40px;
        height: 40px;
    }
    .archive-banner {
        padding: 90px 16px 48px;
        flex-direction: column;
        text-align: center;
        gap: 28px;
      }
    
      .archive-content {
        padding: 20px 16px;
      }
    
      /* دو کارت در هر ردیف */
      .hozeha-card-archive {
        flex: 1 1 calc(100% - 16px);
        max-width: none;
      }
      .blog-banner {
        flex-direction: column;
        text-align: center;
        gap: 24px;
        padding: 50px 10px;
    }

    .blog-banner__left {
        max-width: 100%;
    }

    .media-blg {
        padding: 10px;
    }

    .media-card-blg {
        height: fit-content;
    }

    .media-text-blg {
        text-align: center;
    }

    .media-text-blg h1 {
        margin: 0 0 20px;
        font-weight: 300;
        line-height: 2;
        font-size: 26px;
        color: #1f2937;
        text-align: center;
    }

    .hozeha-top {
        justify-content: center;
    }

    .hozeha-toolbar {
        justify-content: center;
    }

    .hozeha-menu {
        min-width: 100%;
        line-height: 2.5;
    }

    .hozeha-filterwrap::before,
    .hozeha-filterwrap::after {
        display: none;
    }

    .hozeha-toolbar {
        margin: 30px 0px;
    }

    .hozeha-filterwrap {
        margin: 40px 18px;
    }

    .hozeha-row-head {
        justify-content: center;
        gap: 40px;
    }

    .hozeha-card {
        flex-basis: 100%
    }

    .media-blg {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .media-image-blg {
        order: -1;
    }

    .event-slide {
        grid-template-columns: 1fr;
        font-weight: 700;
    }

    .event-slider__stage {
        min-height: unset
    }
    .wrapper-single {
        padding-top: 10px;
    }

    .media-single {
        grid-template-columns: 1fr;
        gap: 28px;
        padding: 0 20px;
    }

    .media-text-single h1 {
        font-size: 28px;
        padding: 10px;
    }

    .media-text-single p {
        font-size: 15px;
        padding: 10px;
    }

    .article-head {
        padding: 14px 16px;
    }

    .article-foot {
        padding: 12px 16px 16px;
        font-size: 12px;
    }


    .hozeha-toolbar {
        margin: 30px 0px;
    }

    .hozeha-filterwrap {
        margin: 40px 18px;
    }

    .hozeha-row-head {
        justify-content: center;
        gap: 40px;
    }

    .hozeha-card {
        flex-basis: 100%
    }

    .media-blg {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .media-image-blg {
        order: -1;
    }

    .event-slide {
        grid-template-columns: 1fr;
        font-weight: 700;
    }

    .event-slider__stage {
        min-height: unset
    }
    .nav-h-l {
        flex-direction: column;
    }

    #section1 {
        height: auto;
    }

    .section-base-des>div {
        width: auto;
    }
    .section-base-des{
        gap: 0px;
    }

    .section-base-grid {
        grid-template-columns: 1fr !important;
        height: auto;
    }

    .sec1-title {
        text-align: center;
        padding: 15px;
        font-size: 25px;
        line-height: 1.8;

    }

    .gradient-text {
        font-size: 35px
    }

    .btn-sec1 {
        display: flex;
        flex-direction: column;
        margin: 20px 0px;
    }

    .btn-register {
        width: 100%;
    }

    .btn-login {
        width: 100%;
    }

    .base-section-slider {
        flex-direction: row;
        justify-content: center;
        gap: 10px;
        height: auto;
        transform: rotate(0deg);
        overflow: hidden;
    }

    .base-section-slider>div {
        width: 100%;
        height: auto;
        transform: rotate(0deg);
    }

    .column1-slider,
    .column2-slider {
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
    }

    .column1-slider .card-slider,
    .column2-slider .card-slider {
        width: 100%;
        margin: 0 10px;
    }

    .column1-slider {
        animation: moveLeftRight 80s infinite linear;
        overflow: visible;
    }

    .column2-slider {
        display: none;
    }

    .column1-slider {
        display: flex;
        flex-direction: row;
        gap: 24px;
        animation: moveRight 200s linear infinite;
        overflow: visible;
    }

    .column1-slider .card-slider {
        width: 300px;
        flex-shrink: 0;
    }

    @keyframes moveRight {
        0% {
            transform: translateX(300%);
        }

        100% {
            transform: translateX(0%);
        }
    }


    .card-slider {
        display: flex;
        justify-content: center;
        flex-direction: column;
        width: 100%;
        height: 100%;
        flex-shrink: 0;
    }

    .card-slider-sec1 {
        height: 250px;

    }

    .card-slider-sec2 {
        height: 130px;
    }

    .base-section-slider>div>.column1-slider::after,
    .base-section-slider>div>.column2-slider::after {
        display: none;
    }

    .section-base-title {
        font-size: 40px;
    }

    .section-base-p {
        align-items: center !important;
        text-align: center !important;
        font-size: 14px !important;
    }

    .section-base-title {
        font-size: 18px !important;
    }

    .base-section-slider::before,
    .base-section-slider::after {
        display: none;
    }
    .investor-section {
        padding: 28px 0;
    }

    .container {
        padding: 0 10px !important;
    }

    .investor-section .is-title {
        font-size: 20px;
        margin: 24px 0;
    }

    .investor-section .is-stats {
        grid-template-columns: 1fr;
        gap: 30px;
        max-width: 90%;
    }

    .investor-section .is-num {
        font-size: clamp(28px, 8vw, 48px);
    }

    .investor-section .is-sub {
        font-size: 12px;
    }

    .investor-section .is-chip {
        gap: 8px;
        padding: 4px 12px;
        font-size: 13px;
    }

    .is-stats {
        gap: 50px;
    }

    .sec-head p {
        margin: 40px 0px;
    }

    .investor-section .to-left {
        animation: is-left 20s linear infinite !important;
    }

    .investor-section .to-right {
        display: flex;
        gap: 0;
        animation: is-right 80s ease-in-out infinite alternate;
      }
      
    
      @keyframes is-right {
        0% {
          transform: translateX(100%);
        }
        100% {
          transform: translateX(-calc(300px * 3));
        }
      }
      .des-eve{
        margin-top: 15px;
        color: #555;
        line-height: 1.8;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
      }
    
    .section-three {
        padding: 48px 0;
    }

    .container {
        padding: 0 10px !important;
    }

    .event-banner {
        padding: 16px 0;
    }

    .upcoming-event {
        grid-template-columns: 1fr;
        padding-left: 0px;
        gap: 12px;
        margin-bottom: 48px;
        box-shadow: 6px 6px 14px rgba(0, 0, 0, .15);
    }

    .upcoming-illustration {
        min-height: 180px;
        border-radius: 12px 12px 0px 0px;
    }

    .sec3-head {
        padding-bottom: 20px;
    }

    .sec3-head h2 {
        font-size: 26px;
    }

    .sec3-head p {
        font-size: 14px;
    }

    .upcoming-content h2 {
        font-size: 18px;
        padding: 14px 8px 6px;
    }

    .upcoming-content p {
        font-size: 13px;
        padding: 6px 8px;
    }



    .btn-event {
        padding: 6px 10px;
        font-size: 14px;
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        text-align: center;
    }

    .all-events-header {
        flex-direction: column;
        gap: 6px;
        align-items: flex-start;
        margin-bottom: 8px;
    }

    .all-events {
        border-radius: 10px;
    }


    .event-item {
        grid-template-columns: 58px 1fr;
        grid-template-areas:
            "date title"
            "date tags"
            ".    arrow";
        row-gap: 8px;
        column-gap: 10px;
        padding: 10px 12px;
    }

    .event-date {
        grid-area: date;
    }

    .event-title {
        grid-area: title;
        font-size: 13px;
    }

    .event-tags {
        grid-area: tags;
        justify-content: flex-start;
        gap: 6px;
    }

    .event-arrow {
        grid-area: arrow;
        text-align: left;
    }

    .event-tags .tag-lang,
    .event-tags .tag-online,
    .event-tags .tag-inperson {
        font-size: 10px;
        padding: 5px 8px;
    }

    .mar-15 {
        margin: 0;
    }

    .upcoming-illustration img {
        width: auto !important;
        height: auto !important;
    }

    .reg {
        margin: 15px;
    }
    .contact-banner {
        padding: 100px 16px 40px 16px;
        flex-direction: column;
        gap: 24px;
        text-align: center;
    }

    .contact-banner__right h1 {
        font-size: 22px;
    }

    .contact-banner__right span {
        font-size: 16px;
    }

    .contact-banner__left {
        max-width: 100%;
        font-size: 14px;
        line-height: 1.9;
    }

    .mehvae-event {
        padding: 28px 12px;
    }

    .mehvae-event-header {
        margin-bottom: 28px;
    }

    .mehvae-event-main-title {
        font-size: 1.6rem;
    }

    .mehvae-event-subtitle {
        font-size: .95rem;
        max-width: 92%;
    }

    .mehvae-event-cards-container {
        grid-template-columns: 1fr;
    }

    .mehvae-event-card {
        height: auto;
        padding: 22px 18px;
    }

    .mehvae-event-card-icon {
        width: 56px;
        height: 56px;
        font-size: 1.3rem;
    }

    .mehvae-event-card-title {
        font-size: 1.1rem;
    }

    .mehvae-event-card-desc {
        font-size: .92rem;
    }

    .faq-section {
        padding: 60px 16px;
        min-height: auto;
    }

    .faq-badge {
        font-size: .9rem;
        padding: 10px 20px;
    }

    .faq-title {
        font-size: 1.8rem;
    }

    .faq-subtitle {
        font-size: 1rem;
        max-width: 95%;
    }

    .faq-question {
        padding: 18px;
        font-size: 1rem;
        gap: 12px;
    }

    .question-text {
        font-size: 1rem;
    }

    .faq-icon {
        /* width: 28px;
        height: 28px;
        font-size: 1rem; */
        display: none;
    }

    .answer-content {
        padding: 0 16px 16px;
        font-size: 13px;
    }

    .mehvae-event-cards-container {
        padding: 0px;
    }

    .question-text {
        font-size: 12px;
        line-height: 2;
    }
    .rg-rail {
        --cols: 2;
        gap: clamp(8px, 2vw, 12px);
    }

    .rg-item {
        min-height: 160px;
        border-radius: 12px;
    }

    .rg-viewport {
        padding: 6px 18px;
    }

    .rg-btn {
        inset-inline-start: 6px;
        inset-inline-end: 6px;
    }

    .rg-pages {
        bottom: 10px;
        padding: 6px 9px;
    }

    .rv-rail {
        --cols: 1;
    }

    .rv-player {
        aspect-ratio: 16 / 9;
    }

    .btn-flex-report {
        display: flex;
        flex-direction: row;
        justify-content: end;
        gap: 7px;
        margin-left: 0px
    }
    .shadow-slider2, .shadow-slider {
         height: 0px;

    }
    .sec4-col1 {
        margin-bottom: 30px;
    }
    .hide-mobile-img{
        display: none !important;
    }
    .event-slider__stage{
        padding: 0px !important;
    }
}
/*mobile M*/
@media only screen and (max-width: 480px) {
    .sec7-box img {
        width: 100%;
    }
    .shadow-slider2, .shadow-slider {
        height: 0px;
   
    }
    .row-2 {

        grid-template-columns: 1fr;

    }
    .event-slider__stage{
        padding: 0px !important;
    }
    .hide-mobile-img{
        display: none !important;
    }
    .sec4-col1 {
        margin-bottom: 30px;
    }
    .flex-column-ico-footer {
        display: flex
    ;
        flex-direction: row;
        text-align: center;
        justify-content: center;
        gap: 16px;
        flex-wrap: wrap;
    }
    .event-ctas{
        margin: 20px;
    }
    
    
    .article-wrap{
        padding: 10px 10px;
    }
    .pad-singin {
        padding: 10px !important;
    }
    .grid-sec7 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
        justify-content: center;
    }
    .archive-banner {
        padding: 80px 16px 40px;
        flex-direction: column;
        text-align: center;
        gap: 24px;
      }
    
      .archive-banner__left {
        max-width: 100%;
        font-size: 15px;
      }
    
      .archive-banner__right h1 {
        font-size: 22px;
      }
    
      .archive-banner__right span {
        font-size: 14px;
      }
    
      .archive-content-archive {
        margin: 0px auto;
        padding: 10px 12px;
        gap: 16px;
      }
    
      /* یک کارت در هر ردیف */
      .hozeha-card-archive {
        flex: 1 1 100%;
        min-width: 0;
        max-width: 100%;
      }
    
      .hozeha-name-archive {
        font-size: 16px;
      }
    
      .hozeha-desc-archive {
        -webkit-line-clamp: 4;
      }
      .blog-banner {
        flex-direction: column;
        text-align: center;
        gap: 24px;
        padding: 20px 10px;
    }

    .blog-banner__left {
        max-width: 100%;
    }

    .media-blg {
        padding: 10px;
    }

    .media-card-blg {
        height: fit-content;
    }


    .media-text-blg {
        text-align: center;
    }

    .media-text-blg h1 {
        margin: 0 0 20px;
        font-weight: 300;
        line-height: 2;
        font-size: 26px;
        color: #1f2937;
        text-align: center;
    }

    .hozeha-top {
        justify-content: center;
    }

    .hozeha-toolbar {
        justify-content: center;
    }

    .hozeha-menu {
        min-width: 100%;
        line-height: 2.5;
    }

    .hozeha-filterwrap::before,
    .hozeha-filterwrap::after {
        display: none;
    }

    .hozeha-toolbar {
        margin: 30px 0px;
    }

    .hozeha-filterwrap {
        margin: 40px 18px;
    }

    .hozeha-row-head {
        justify-content: center;
        gap: 40px;
    }

    .hozeha-card {
        flex-basis: 100%
    }

    .media-blg {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .media-image-blg {
        order: -1;
    }

    .event-slide {
        grid-template-columns: 1fr;
        font-weight: 700;
    }

    .event-slider__stage {
        min-height: unset
    }
    .wrapper-single {
        padding: 10px 0 0;
    }

    .media-single {
        grid-template-columns: 1fr;
        gap: 24px;
        padding: 0 16px;
    }

    .media-text-single h1 {
        font-size: 24px;
        line-height: 1.25;
    }

    .media-text-single p {
        font-size: 14px;
        line-height: 1.85;
    }

    .meta-top {
        gap: 8px;
        font-size: 12px;
    }

    .tag {
        font-size: 12px;
        padding: 5px 10px;
    }

    .ribbon {
        display: none;
    }

    /* ریبون مزاحم موبایل نشه */
    .border-single-banner {
        height: 6px;
        margin-top: 24px;
    }

    .article-container {
        padding: 0 12px;
    }

    /* .article-content {
        padding: 20px 16px 24px;
    } */

    .article-content h2 {
        font-size: 20px;
    }

    .article-content h3 {
        font-size: 16px;
    }

    .article-content p,
    .article-content li {
        font-size: 14px;
    }

    .hozeha-wrap {
        padding: 24px 12px 32px;
    }

    .hozeha-row-head {
        gap: 12px;
        justify-content: space-between;
        /* جایگزین gap بزرگ دسکتاپ */
    }

    .hozeha-viewport {
        border-radius: 12px;
    }

    .hozeha-track {
        gap: 12px;
    }

    .hozeha-card {
        flex: 0 0 78vw;
    }

    /* کارتی واید و کشویی */
    .hozeha-body {
        padding: 12px;
    }

    .hozeha-name {
        font-size: 16px;
    }

    .hozeha-desc {
        -webkit-line-clamp: 2;
        min-height: calc(1.5em * 2);
    }

    .hozeha-arrow {
        width: 34px;
        height: 34px;
    }
    .section-base-title {
        font-size: 30px;
    }

    .section-base-p {
        font-size: 12px;
    }

    .card-slider-sec1 {
        height: 180px;
        /* تغییر ارتفاع برای موبایل‌های کوچک */
    }

    .base-section-slider::before,
    .base-section-slider::after {
        height: 50px;
    }

    #section1 {
        height: auto;
    }
    .investor-section {
        padding: 24px 0;
    }

    .container {
        padding: 0 10px !important;
    }

    .investor-section .is-title {
        font-size: 18px;
        margin: 20px 0;
    }

    .investor-section .is-stats {
        grid-template-columns: 1fr;
        gap: 30px;
        max-width: 100%;
    }

    .investor-section .is-num {
        font-size: clamp(22px, 9vw, 36px);
    }

    .investor-section .is-sub {
        font-size: 11px;
    }

    .investor-section .is-chip {
        gap: 6px;
        padding: 3px 10px;
        font-size: 12px;
    }

    .section-three {
        padding: 40px 0;
    }

    .upcoming-event {
        padding-left: 0px;
        gap: 10px;
        border-radius: 10px;
    }

    .upcoming-illustration {
        min-height: 150px;
        border-radius: 12px 12px 0px 0px;
    }

    .sec3-head h2 {
        font-size: 22px;
    }

    .sec3-head p {
        font-size: 13px;
    }

    .upcoming-content h2 {
        font-size: 16px;
    }

    .upcoming-content p {
        font-size: 12px;
    }

    .event-item {
        grid-template-columns: 52px 1fr;
        padding: 8px 10px;
    }

    .event-date {
        width: 52px;
        height: 52px;
        border-radius: 10px;
        font-size: 12px;
    }

    .event-date strong {
        font-size: 16px;
    }

    .event-date span {
        font-size: 9px;
    }

    .event-title {
        font-size: 12px;
    }

    .event-arrow {
        font-size: 16px;
    }

    .btn-event {
        padding: 6px 10px;
        font-size: 14px;
        display: flex;
        justify-content: center;
        text-align: center;
    }
    .signup-wrap{gap:14px; padding:14px;}
    .signup-op{
      grid-template-columns:26px 1fr 40px;
      padding:9px; gap:8px; border-radius:12px;
    }
    .rana-gallery-section {
        padding: 12px 12px;
        --radius: 10px;
        --gap: 10px;
    }

    .rg-rail {
        --cols: 1;
        grid-auto-columns: 100%;
        gap: 10px;
    }

    .rg-item {
        min-height: 220px;
        border-radius: 10px;
    }

    .rg-item img {
        aspect-ratio: 4 / 3;
    }

    .rg-viewport {
        padding: 6px 12px;
    }

    .rg-btn {
        border-width: 0;
        background: rgba(255, 255, 255, 0.85);
        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.18);
    }

    .rg-prev {
        inset-inline-start: 6px;
    }

    .rg-next {
        inset-inline-end: 6px;
    }

    /* hide page dots on very small screens to save space */
    .rg-pages,
    .rv-pages {
        display: none;
    }

    /* lightbox full-bleed on mobile */
    .rl-content {
        max-width: 98vw;
        max-height: 96vh;
        border-radius: 12px;
        margin: 0 6px;
    }

    .rl-img {
        max-height: 92vh;
    }

    .rl-close,
    .rl-nav {
        width: 44px;
        height: 44px;
    }

    .rv-viewport {
        padding: 6px 10px;
    }

    .rv-rail {
        --cols: 1;
        grid-auto-columns: 100%;
    }

    .rv-player {
        aspect-ratio: 16 / 9;
    }

    .rv-card {
        border-radius: 12px;
    }

    .btn-flex-report {
        display: flex;
        flex-direction: row;
        justify-content: end;
        gap: 7px;
        margin-left: 0px
    }
    [dir="rtl"] .signup-op{grid-template-columns:40px 1fr 26px;}
    .signup-tick{width:20px; height:20px;}
    .signup-ico{width:40px; height:40px; border-radius:8px;}
    .signup-mini{gap:10px; padding:12px;}
    .signup-mini .signup-mini-txt h5{font-size:13px;}
    .signup-mini .signup-mini-txt small{font-size:11.5px;}
    .signup-mini .signup-mini-txt p{font-size:12.5px;}
    .signup-hero .signup-stage{min-height:170px;}
}
/*media print*/
@media print {
    body {
        direction: rtl;
        background-color: #cecece;
    }
    th,
    td {
        text-align: right;
        border-bottom: 1px solid #e1e1e1;
    }
    .table {
        width: 100%;
    }
    .table tr {
        border-bottom: 1px solid rgb(241, 243, 244);
    }
    .table tr:last-child {
        border-bottom: none;
    }
    .table thead tr {
        background-color: #f4f6f8;
        color: #212b36;
    }
    .table tbody tr {
        display: table-row;
        vertical-align: middle;
    }
    .table tbody tr:hover {
        background-color: rgb(244, 246, 248);
    }
    .table th,
    .table td {
        display: table-cell;
        text-align: right;
        font-size: 14px;
        padding: 16px;
    }
    .table th {
        color: rgb(99, 115, 129);
        background-color: rgb(244, 246, 248);
    }
    .table td input {
        width: 80px;
    }
    .table .small {
        font-size: 10px;
    }
    .table td.text-center {
        text-align: center;
    }
    .table tr.active {
        background: #00800012;
    }
    thead,
    tfoot {
        background: #eee;
    }
    .content-table td,
    .content-table th {
        color: #000;
        border: 1px solid #000;
        text-align: center;
        padding: 0.1cm;
        font-weight: normal;
    }
    .invoice-social-share ul li {
        padding: 0;
    }
}
/*gallery*/
@media (min-width: 600px) {
    .blocks-gallery-grid.columns-3 .blocks-gallery-image,
    .blocks-gallery-grid.columns-3 .blocks-gallery-item,
    .wp-block-gallery.columns-3 .blocks-gallery-image,
    .wp-block-gallery.columns-3 .blocks-gallery-item {
        width: calc(33.33333% - 0.66667em);
        margin-left: 1em;
    }
    .blocks-gallery-grid.columns-4 .blocks-gallery-image,
    .blocks-gallery-grid.columns-4 .blocks-gallery-item,
    .wp-block-gallery.columns-4 .blocks-gallery-image,
    .wp-block-gallery.columns-4 .blocks-gallery-item {
        width: calc(25% - 0.75em);
        margin-left: 1em;
    }
    .blocks-gallery-grid.columns-5 .blocks-gallery-image,
    .blocks-gallery-grid.columns-5 .blocks-gallery-item,
    .wp-block-gallery.columns-5 .blocks-gallery-image,
    .wp-block-gallery.columns-5 .blocks-gallery-item {
        width: calc(20% - 0.8em);
        margin-left: 1em;
    }
    .blocks-gallery-grid.columns-6 .blocks-gallery-image,
    .blocks-gallery-grid.columns-6 .blocks-gallery-item,
    .wp-block-gallery.columns-6 .blocks-gallery-image,
    .wp-block-gallery.columns-6 .blocks-gallery-item {
        width: calc(16.66667% - 0.83333em);
        margin-left: 1em;
    }
    .blocks-gallery-grid.columns-7 .blocks-gallery-image,
    .blocks-gallery-grid.columns-7 .blocks-gallery-item,
    .wp-block-gallery.columns-7 .blocks-gallery-image,
    .wp-block-gallery.columns-7 .blocks-gallery-item {
        width: calc(14.28571% - 0.85714em);
        margin-left: 1em;
    }
    .blocks-gallery-grid.columns-8 .blocks-gallery-image,
    .blocks-gallery-grid.columns-8 .blocks-gallery-item,
    .wp-block-gallery.columns-8 .blocks-gallery-image,
    .wp-block-gallery.columns-8 .blocks-gallery-item {
        width: calc(12.5% - 0.875em);
        margin-left: 1em;
    }
    .blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n),
    .blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n),
    .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n),
    .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n) {
        margin-left: 0;
    }
    .blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n),
    .blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n),
    .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n),
    .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n) {
        margin-left: 0;
    }
    .blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n),
    .blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n),
    .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n),
    .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n) {
        margin-left: 0;
    }
    .blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n),
    .blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n),
    .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n),
    .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n) {
        margin-left: 0;
    }
    .blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n),
    .blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n),
    .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n),
    .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n) {
        margin-left: 0;
    }
    .blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n),
    .blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n),
    .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n),
    .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n) {
        margin-left: 0;
    }
    .blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n),
    .blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n),
    .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n),
    .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n) {
        margin-left: 0;
    }
    .blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n),
    .blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n),
    .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n),
    .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n) {
        margin-left: 0;
    }
}