/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .slider-tabs-client .client-img {
        min-width: 142px;
        min-height: 120px;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .blog-image {
        position: relative;
    }

    .blog-image .marquee {
        position: absolute;
        bottom: -100%;
        left: 0;
        right: 0;
        background-color: var(--bs-yellow);
        padding: 12px;
        color: var(--bs-midnight);
        white-space: nowrap;
    }

    .blog-item:hover .marquee {
        bottom: 0;
    }

    .blog-item,
    .post-item {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .blog-meta {
        margin-top: auto;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .timeline-dot {
        width: 20px;
        height: 20px;
    }
    .about-shape {
        position: absolute;
        right: 0;
        top: 241px;
    }
    .sidebar-menu {
        width: 618px;
        right: -100%;
    }

    .featured-slider .swiper-slide .text-center::after {
        height: 52px;
    }

    .featured-products [class*=product-] .sun-bg {
        min-width: 371px;
        min-height: 371px;
        width: calc(20vw - 5px);
        height: calc(20vw - 5px);
    }

    .featured-products .product-1 .sun-bg {
        right: 7%;
    }
    .featured-products .product-2 .sun-bg {
        bottom: -10%
    }


    .case-study .left-block::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: -90px;
        width: 90px;
        height: 100%;
        background: linear-gradient(0deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.90) 100%), #FFE600;
        ;
    }

    .case-study .right-block {
        position: relative;
    }

    .case-study .right-block .angle-top {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'%3E%3Cpath d='M0 50L50 0V50H0Z' fill='%23FFE600'/%3E%3Cpath d='M0 50L50 0V50H0Z' fill='black' fill-opacity='0.15'/%3E%3C/svg%3E");
        width: 50px;
        height: 50px;
        position: absolute;
        top: 0;
        left: -50px;
    }

    .case-study .right-block .angle-bottom {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'%3E%3Cpath d='M50 50L-2.18557e-06 0L50 -2.18557e-06L50 50Z' fill='%23FFE600'/%3E%3Cpath d='M50 50L-2.18557e-06 0L50 -2.18557e-06L50 50Z' fill='black' fill-opacity='0.15'/%3E%3C/svg%3E");
        width: 50px;
        height: 50px;
        position: absolute;
        bottom: 0;
        left: -50px;
    }

    .footer [data-bs-toggle]  {
        pointer-events: none;
    }

    .footer .collapse  {
        display: block;
    }
    
    .product-info-slider .collapse {
        display: flex;
    }
    .btn-download {
        background-image: url("data:image/svg+xml, %3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='50' height='50' rx='25' fill='white'/%3E%3Cpath d='M28.0029 23.0607L21.548 29.5156L20.4873 28.455L26.9422 22H21.2529V20.5H29.5029V28.75H28.0029V23.0607Z' fill='%23001A37'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        width: 50px;
        height: 50px;
        overflow: hidden;
        transition:width .3s, background .1s;
    }
    
    .btn-download > span {
        display: block;
        transform:translateX(-100%);
        transition:all .3s;
        opacity: 0;
        visibility: hidden;
        text-wrap: nowrap;
    }
    
    .btn-download:hover {
        background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18' viewBox='0 0 19 18' fill='none'%3E%3Cpath d='M2.75 14.25H16.25V15.75H2.75V14.25ZM10.25 9.8787L14.8033 5.32538L15.864 6.38604L9.5 12.75L3.13604 6.38604L4.1967 5.32538L8.75 9.8787V1.5H10.25V9.8787Z' fill='%23001A37'/%3E%3C/svg%3E");
        width: 200px;
        height: auto;
        background-position: calc(100% - 28px) center;
        padding-right:48px!important;
    }
    .btn-download:hover > span {
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
    }
    .case-study .btn-download:hover {
        background-color: var(--bs-yellow);
    }

    
    .videoSwiper .swiper-slide {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .video-item {
        width: 260px;
        transition: width .3s;
    }
    
    .videoSwiper .swiper-slide .video-poster img {
        max-height: 436px;
        object-fit: cover;
    }
    
    .videoSwiper .swiper-slide.-hover-active .video-item {
        width: 660px;
    }
    .compareHead .swiper-slide>div {
        min-height: 184px;
    }

    .materiel-acc .accordion-button .accordion-icon {
        width: 50px;
        height: 50px;
    }
    
    .benefit-left {
        grid-column: span 5;
        grid-row: span 3;
    }
    .benefit-right__top {
        grid-column: 7 / span 6;
        grid-row: 1 / 1;
    }
    
    .benefit-right__bottom {
        grid-column: 7 / span 6;
        grid-row: 2 / 3;
    }
    
    .companySlider .swiper-slide:last-of-type {
        display: none;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .header-nav>li:not(:last-child) {
        margin-right: 10.6px;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {}






/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .subscription {
        min-height: 700px;
        display: flex;
    }
    .slm-team.-limit .team-list .col:nth-child(2n+2) {
        display: none;
    }
}

/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {}

/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .about-shape {
        position: absolute;
        right: 0;
        top: 128px;
    }
    .compareHead .swiper-slide-active > div{
        background-color: var(--bs-yellow);
    }
}

/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {}

/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {}