body{
    font-family: IRANSansX;
}


      

.max_1070_hidden {
    @media (max-width: 1070px) {
        display: none;
    }
}
.min_1070_hidden {
    @media (min-width: 1070px) {
        display: none;
    }
}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease-out;
    opacity: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.accordion-content.active {
    max-height: var(--content-height);
    opacity: 1;
    padding: 1rem;
}

.accordion-icon {
    transition: transform 0.3s ease-out;
}

.accordion-icon.active {
    transform: rotate(180deg);
}

.category-content {
    display: none;
    /* position: absolute; */
    top: 0;
    right: 16rem; /* 256px */
    height: 100%;
}
.category-item:hover .category-content,
.category-item.active:not(.hover-active) .category-content {
    display: block;
}
/* .category-item:hover,
.category-item.active:not(.hover-active) {
    background-color: #EBF8FF;
} */
.mega-menu-container {
    width: min(100vw, 1200px);
}
.cat_hover:hover svg path{

    stroke:#1F7DD9 !important;
}

@media screen and (max-width: 834px) {
    body{
        padding-bottom: 69px;
    }
}



  

      body  .swiper-button-next,
       body .swiper-button-prev {
            width: 48px !important;
            height: 48px !important;
            margin-top: 0 !important;
            transform: translateY(-50%);
            background: #51698080;
            border-radius: 50%;
        }

      body  .swiper-button-next::after,
      body  .swiper-button-prev::after {
            display: none;
        }

        /* Pagination Styles */
        body .swiper-pagination-bullet {
            width: 16px !important;
            height: 8px !important;
            border-radius: 8px !important;
            background: #252D36 !important;
            opacity: 1 !important;
            transition: width 0.3s ease;
        }

       body .swiper-pagination-bullet-active {
            width: 48px !important;
            background: #1F7DD9 !important;
        }

      body  .swiper-pagination {
            bottom: -6px !important;
            z-index: 23;
        }



        ::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar
{
	width: 3px;
	background-color: #F5F5F5;
    height: 3px;
}

::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}


/* .loader {
  width: 50px;
  padding: 8px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #1F7DD9;
  --_m: 
    conic-gradient(#0000 10%,#000),
    linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
          mask: var(--_m);
  -webkit-mask-composite: source-out;
          mask-composite: subtract;
  animation: l3 1s infinite linear;
}
@keyframes l3 {to{transform: rotate(1turn)}} */


/* HTML: <div class="loader"></div> */
.loader {
  width: 50px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: 
    radial-gradient(farthest-side,#1F7DD9 94%,#0000) top/8px 8px no-repeat,
    conic-gradient(#0000 30%,#1F7DD9);
  -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);
  animation: l13 1s infinite linear;
}
@keyframes l13{ 
  100%{transform: rotate(1turn)}
}