.swiper-section{padding:var(--sections-padding);flex-direction:column;gap:12px;display:flex}.swiper-section .top{justify-content:space-between;align-items:flex-end;padding:0 45px;display:flex}.swiper-section .top h3{align-items:center;gap:5px;font-size:20px;display:flex}.swiper-section .top h3 svg{border:1px solid var(--main-color);width:29px;height:100%;color:var(--main-color);background:var(--hover-color);border-radius:12px;padding:4px}.swiper-section.for-ads .top h3{font-size:20px;transform:translateY(-2px)}.swiper-section:not(:has(.nav-btn))>.top{padding:0 5px}.swiper-section .top .link{color:var(--paragraph);border:1px solid var(--border-color);border-radius:50px;align-items:center;gap:0;padding:8px 16px;font-size:14px;font-weight:700;transition:all .3s;display:flex}.swiper-section .top .link:hover{background:var(--lighter-main-color-2);color:var(--paragraph-3)}.swiper-section .top .link svg{font-size:16px;transform:translateY(1px)}.swiper-section .nav-btn{border:1px solid var(--border-color);background:var(--body-color);border-radius:40%;justify-content:center;align-items:center;padding:11px;display:flex}.swiper-section .nav-btn:disabled{opacity:.7;background:var(--body-color)!important;border:1px solid var(--border-color)!important}.swiper-section .nav-btn svg{color:var(--paragraph-2);font-size:16px}.swiper-section .swiper-holder{align-items:center;gap:7px;display:flex;position:relative}.swiper-section .swiper{width:100%}.swiper-section .nav-btn:hover{background:var(--lighter-main-color-2);border-color:#0000}.swiper-section .nav-btn:hover svg{color:var(--paragraph-3)}@media (min-width:1600px){.swiper-section{width:1495px}}@media (min-width:992px){.swiper-section:not(:has(.nav-btn)){padding:25px 47px}}@media (min-width:768px){.swiper-section:not(:has(.nav-btn)){padding:30px 45px}}@media (max-width:1030px){header .bottom .nav .cats-nav a{padding:6px}}@media (max-width:768px){.swiper-section{gap:10px;width:100%;padding-left:10px}.swiper-section .top{padding:0 10px}[lang=ar] .swiper-section{padding-right:10px;padding-left:unset}.swiper-section .top{padding-right:10px}[lang=ar] .swiper-section .top{padding-right:unset;padding-left:10px}.swiper-section .top h3{font-size:17px}.swiper-section .top .link{color:var(--main-color);background:0 0;border:none;padding:0;font-size:16px}.swiper-section.for-ads .top h3{font-size:16px}}