.swiper-pagination {
    position: static;
    margin-top: 20px;
    padding-bottom: 5px;
}
.swiper-pagination.swiper-pagination-lock {
    visibility: hidden;
    display: none !important;
}
.swiper-pagination .swiper-pagination-bullet {
    background-color: #67686a;
    border: 1px solid #67686a;
    opacity: 1;
    transition: all 0.3s;
    height: 6px;
    width: 6px;
    margin: 0 5px 10px 5px !important;
}
.swiper-pagination .swiper-pagination-bullet:hover {
    background-color: #ccc;
    border-color: #ccc;
}
.swiper-pagination .swiper-pagination-bullet-active {
    background-color: #e10514;
    border-color: #e10514;
    width: 18px;
    border-radius: 90px;
}
.swiper-pagination .swiper-pagination-bullet-active:focus {
    background-color: #e10514;
    border-color: #e10514;
}

button.swiper-autoplay-toggle,
button.swiper-autoplay-toggle:hover,
button.swiper-autoplay-toggle:focus {
    padding: unset;
    border: unset;
    margin: 0 0 10px 10px;
    color: unset;
    background-color: unset;
    border-radius: unset;
    transform: unset;
}
/* Autoplay Toggle Button */
button.swiper-autoplay-toggle {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    transition: all 0.3s ease;
}
button.swiper-autoplay-toggle:not()
.swiper-autoplay-toggle:hover {
    transform: scale(1.1);
}

.swiper-autoplay-toggle svg {
    width: 24px;
    height: 24px;
    color: #67686a;
    transition: color 0.3s ease;
    display: flex;
}

.swiper-autoplay-toggle:hover svg {
    color: #e10514;
}

.swiper-autoplay-toggle[aria-pressed="true"] svg {
    color: #e10514;
}
/* Hide autoplay toggle if not inside pagination using :has() selector */
.swiper-container:not(:has(.swiper-pagination .swiper-autoplay-toggle)) .swiper-autoplay-toggle {
    display: none !important;
}

/* Alternative approach - hide toggle that's not a child of pagination */
.swiper-autoplay-toggle:not(.swiper-pagination .swiper-autoplay-toggle) {
    display: none !important;
}

/* Ensure pagination container can accommodate the button */
.swiper-pagination {
    display: flex !important;
    align-items: center;
    justify-content: center;
}
/* webinside grid */
.d-grid,
.d-grid.swiper-wrapper {
    display: grid;
    gap: 30px;
}
.d-grid.inline-grid {
    display: inline-grid;
}
.grid-1 {
    grid-template-columns: repeat(1, 1fr);
}
.grid-1.swiper-wrapper > *:nth-child(n + 2) {
    display: none;
}
.grid-2 {
    grid-template-columns: repeat(2, 1fr);
}
.grid-2.swiper-wrapper > *:nth-child(n + 3) {
    display: none;
}
.grid-3 {
    grid-template-columns: repeat(3, 1fr);
}
.grid-3.swiper-wrapper > *:nth-child(n + 4) {
    display: none;
}
.grid-4 {
    grid-template-columns: repeat(4, 1fr);
}
.grid-4.swiper-wrapper > *:nth-child(n + 5) {
    display: none;
}
.grid-5 {
    grid-template-columns: repeat(5, 1fr);
}
.grid-5.swiper-wrapper > *:nth-child(n + 6) {
    display: none;
}
.grid-6 {
    grid-template-columns: repeat(6, 1fr);
}
.grid-6.swiper-wrapper > *:nth-child(n + 7) {
    display: none;
}
.grid-7 {
    grid-template-columns: repeat(7, 1fr);
}
.grid-7.swiper-wrapper > *:nth-child(n + 8) {
    display: none;
}
.grid-8 {
    grid-template-columns: repeat(8, 1fr);
}
.grid-8.swiper-wrapper > *:nth-child(n + 9) {
    display: none;
}
.grid-9 {
    grid-template-columns: repeat(9, 1fr);
}
.grid-9.swiper-wrapper > *:nth-child(n + 10) {
    display: none;
}
.grid-10 {
    grid-template-columns: repeat(10, 1fr);
}
.grid-10.swiper-wrapper > *:nth-child(n + 11) {
    display: none;
}
.grid-11 {
    grid-template-columns: repeat(11, 1fr);
}
.grid-11.swiper-wrapper > *:nth-child(n + 12) {
    display: none;
}
.grid-12 {
    grid-template-columns: repeat(12, 1fr);
}
.grid-12.swiper-wrapper > *:nth-child(n + 13) {
    display: none;
}
@media (max-width: 1400px) {
    .grid-xl-1 {
        grid-template-columns: repeat(1, 1fr);
   }
    .grid-xl-1.swiper-wrapper > *:nth-child(n + 2) {
        display: none;
   }
    .grid-xl-2 {
        grid-template-columns: repeat(2, 1fr);
   }
    .grid-xl-2.swiper-wrapper > *:nth-child(n + 3) {
        display: none;
   }
    .grid-xl-3 {
        grid-template-columns: repeat(3, 1fr);
   }
    .grid-xl-3.swiper-wrapper > *:nth-child(n + 4) {
        display: none;
   }
    .grid-xl-4 {
        grid-template-columns: repeat(4, 1fr);
   }
    .grid-xl-4.swiper-wrapper > *:nth-child(n + 5) {
        display: none;
   }
    .grid-xl-5 {
        grid-template-columns: repeat(5, 1fr);
   }
    .grid-xl-5.swiper-wrapper > *:nth-child(n + 6) {
        display: none;
   }
    .grid-xl-6 {
        grid-template-columns: repeat(6, 1fr);
   }
    .grid-xl-6.swiper-wrapper > *:nth-child(n + 7) {
        display: none;
   }
    .grid-xl-7 {
        grid-template-columns: repeat(7, 1fr);
   }
    .grid-xl-7.swiper-wrapper > *:nth-child(n + 8) {
        display: none;
   }
    .grid-xl-8 {
        grid-template-columns: repeat(8, 1fr);
   }
    .grid-xl-8.swiper-wrapper > *:nth-child(n + 9) {
        display: none;
   }
    .grid-xl-9 {
        grid-template-columns: repeat(9, 1fr);
   }
    .grid-xl-9.swiper-wrapper > *:nth-child(n + 10) {
        display: none;
   }
    .grid-xl-10 {
        grid-template-columns: repeat(10, 1fr);
   }
    .grid-xl-10.swiper-wrapper > *:nth-child(n + 11) {
        display: none;
   }
    .grid-xl-11 {
        grid-template-columns: repeat(11, 1fr);
   }
    .grid-xl-11.swiper-wrapper > *:nth-child(n + 12) {
        display: none;
   }
    .grid-xl-12 {
        grid-template-columns: repeat(12, 1fr);
   }
    .grid-xl-12.swiper-wrapper > *:nth-child(n + 13) {
        display: none;
   }
}
@media (max-width: 1200px) {
    .grid-lg-1 {
        grid-template-columns: repeat(1, 1fr);
   }
    .grid-lg-1.swiper-wrapper > *:nth-child(n + 2) {
        display: none;
   }
    .grid-lg-2 {
        grid-template-columns: repeat(2, 1fr);
   }
    .grid-lg-2.swiper-wrapper > *:nth-child(n + 3) {
        display: none;
   }
    .grid-lg-3 {
        grid-template-columns: repeat(3, 1fr);
   }
    .grid-lg-3.swiper-wrapper > *:nth-child(n + 4) {
        display: none;
   }
    .grid-lg-4 {
        grid-template-columns: repeat(4, 1fr);
   }
    .grid-lg-4.swiper-wrapper > *:nth-child(n + 5) {
        display: none;
   }
    .grid-lg-5 {
        grid-template-columns: repeat(5, 1fr);
   }
    .grid-lg-5.swiper-wrapper > *:nth-child(n + 6) {
        display: none;
   }
    .grid-lg-6 {
        grid-template-columns: repeat(6, 1fr);
   }
    .grid-lg-6.swiper-wrapper > *:nth-child(n + 7) {
        display: none;
   }
    .grid-lg-7 {
        grid-template-columns: repeat(7, 1fr);
   }
    .grid-lg-7.swiper-wrapper > *:nth-child(n + 8) {
        display: none;
   }
    .grid-lg-8 {
        grid-template-columns: repeat(8, 1fr);
   }
    .grid-lg-8.swiper-wrapper > *:nth-child(n + 9) {
        display: none;
   }
    .grid-lg-9 {
        grid-template-columns: repeat(9, 1fr);
   }
    .grid-lg-9.swiper-wrapper > *:nth-child(n + 10) {
        display: none;
   }
    .grid-lg-10 {
        grid-template-columns: repeat(10, 1fr);
   }
    .grid-lg-10.swiper-wrapper > *:nth-child(n + 11) {
        display: none;
   }
    .grid-lg-11 {
        grid-template-columns: repeat(11, 1fr);
   }
    .grid-lg-11.swiper-wrapper > *:nth-child(n + 12) {
        display: none;
   }
    .grid-lg-12 {
        grid-template-columns: repeat(12, 1fr);
   }
    .grid-lg-12.swiper-wrapper > *:nth-child(n + 13) {
        display: none;
   }
}
@media (max-width: 992px) {
    .grid-md-1 {
        grid-template-columns: repeat(1, 1fr);
   }
    .grid-md-1.swiper-wrapper > *:nth-child(n + 2) {
        display: none;
   }
    .grid-md-2 {
        grid-template-columns: repeat(2, 1fr);
   }
    .grid-md-2.swiper-wrapper > *:nth-child(n + 3) {
        display: none;
   }
    .grid-md-3 {
        grid-template-columns: repeat(3, 1fr);
   }
    .grid-md-3.swiper-wrapper > *:nth-child(n + 4) {
        display: none;
   }
    .grid-md-4 {
        grid-template-columns: repeat(4, 1fr);
   }
    .grid-md-4.swiper-wrapper > *:nth-child(n + 5) {
        display: none;
   }
    .grid-md-5 {
        grid-template-columns: repeat(5, 1fr);
   }
    .grid-md-5.swiper-wrapper > *:nth-child(n + 6) {
        display: none;
   }
    .grid-md-6 {
        grid-template-columns: repeat(6, 1fr);
   }
    .grid-md-6.swiper-wrapper > *:nth-child(n + 7) {
        display: none;
   }
    .grid-md-7 {
        grid-template-columns: repeat(7, 1fr);
   }
    .grid-md-7.swiper-wrapper > *:nth-child(n + 8) {
        display: none;
   }
    .grid-md-8 {
        grid-template-columns: repeat(8, 1fr);
   }
    .grid-md-8.swiper-wrapper > *:nth-child(n + 9) {
        display: none;
   }
    .grid-md-9 {
        grid-template-columns: repeat(9, 1fr);
   }
    .grid-md-9.swiper-wrapper > *:nth-child(n + 10) {
        display: none;
   }
    .grid-md-10 {
        grid-template-columns: repeat(10, 1fr);
   }
    .grid-md-10.swiper-wrapper > *:nth-child(n + 11) {
        display: none;
   }
    .grid-md-11 {
        grid-template-columns: repeat(11, 1fr);
   }
    .grid-md-11.swiper-wrapper > *:nth-child(n + 12) {
        display: none;
   }
    .grid-md-12 {
        grid-template-columns: repeat(12, 1fr);
   }
    .grid-md-12.swiper-wrapper > *:nth-child(n + 13) {
        display: none;
   }
}
@media (max-width: 768px) {
    .grid-sm-1 {
        grid-template-columns: repeat(1, 1fr);
   }
    .grid-sm-1.swiper-wrapper > *:nth-child(n + 2) {
        display: none;
   }
    .grid-sm-2 {
        grid-template-columns: repeat(2, 1fr);
   }
    .grid-sm-2.swiper-wrapper > *:nth-child(n + 3) {
        display: none;
   }
    .grid-sm-3 {
        grid-template-columns: repeat(3, 1fr);
   }
    .grid-sm-3.swiper-wrapper > *:nth-child(n + 4) {
        display: none;
   }
    .grid-sm-4 {
        grid-template-columns: repeat(4, 1fr);
   }
    .grid-sm-4.swiper-wrapper > *:nth-child(n + 5) {
        display: none;
   }
    .grid-sm-5 {
        grid-template-columns: repeat(5, 1fr);
   }
    .grid-sm-5.swiper-wrapper > *:nth-child(n + 6) {
        display: none;
   }
    .grid-sm-6 {
        grid-template-columns: repeat(6, 1fr);
   }
    .grid-sm-6.swiper-wrapper > *:nth-child(n + 7) {
        display: none;
   }
    .grid-sm-7 {
        grid-template-columns: repeat(7, 1fr);
   }
    .grid-sm-7.swiper-wrapper > *:nth-child(n + 8) {
        display: none;
   }
    .grid-sm-8 {
        grid-template-columns: repeat(8, 1fr);
   }
    .grid-sm-8.swiper-wrapper > *:nth-child(n + 9) {
        display: none;
   }
    .grid-sm-9 {
        grid-template-columns: repeat(9, 1fr);
   }
    .grid-sm-9.swiper-wrapper > *:nth-child(n + 10) {
        display: none;
   }
    .grid-sm-10 {
        grid-template-columns: repeat(10, 1fr);
   }
    .grid-sm-10.swiper-wrapper > *:nth-child(n + 11) {
        display: none;
   }
    .grid-sm-11 {
        grid-template-columns: repeat(11, 1fr);
   }
    .grid-sm-11.swiper-wrapper > *:nth-child(n + 12) {
        display: none;
   }
    .grid-sm-12 {
        grid-template-columns: repeat(12, 1fr);
   }
    .grid-sm-12.swiper-wrapper > *:nth-child(n + 13) {
        display: none;
   }
}
@media (max-width: 576px) {
    .grid-xs-1 {
        grid-template-columns: repeat(1, 1fr);
   }
    .grid-xs-1.swiper-wrapper > *:nth-child(n + 2) {
        display: none;
   }
    .grid-xs-2 {
        grid-template-columns: repeat(2, 1fr);
   }
    .grid-xs-2.swiper-wrapper > *:nth-child(n + 3) {
        display: none;
   }
    .grid-xs-3 {
        grid-template-columns: repeat(3, 1fr);
   }
    .grid-xs-3.swiper-wrapper > *:nth-child(n + 4) {
        display: none;
   }
    .grid-xs-4 {
        grid-template-columns: repeat(4, 1fr);
   }
    .grid-xs-4.swiper-wrapper > *:nth-child(n + 5) {
        display: none;
   }
    .grid-xs-5 {
        grid-template-columns: repeat(5, 1fr);
   }
    .grid-xs-5.swiper-wrapper > *:nth-child(n + 6) {
        display: none;
   }
    .grid-xs-6 {
        grid-template-columns: repeat(6, 1fr);
   }
    .grid-xs-6.swiper-wrapper > *:nth-child(n + 7) {
        display: none;
   }
    .grid-xs-7 {
        grid-template-columns: repeat(7, 1fr);
   }
    .grid-xs-7.swiper-wrapper > *:nth-child(n + 8) {
        display: none;
   }
    .grid-xs-8 {
        grid-template-columns: repeat(8, 1fr);
   }
    .grid-xs-8.swiper-wrapper > *:nth-child(n + 9) {
        display: none;
   }
    .grid-xs-9 {
        grid-template-columns: repeat(9, 1fr);
   }
    .grid-xs-9.swiper-wrapper > *:nth-child(n + 10) {
        display: none;
   }
    .grid-xs-10 {
        grid-template-columns: repeat(10, 1fr);
   }
    .grid-xs-10.swiper-wrapper > *:nth-child(n + 11) {
        display: none;
   }
    .grid-xs-11 {
        grid-template-columns: repeat(11, 1fr);
   }
    .grid-xs-11.swiper-wrapper > *:nth-child(n + 12) {
        display: none;
   }
    .grid-xs-12 {
        grid-template-columns: repeat(12, 1fr);
   }
    .grid-xs-12.swiper-wrapper > *:nth-child(n + 13) {
        display: none;
   }
}