/* SECTION-USED-WITH */
.section-used-with.can-be-used-block {
    text-align: center;
    margin-top: 64px;
    background: #fdfdfd;

    .title-section-Demo {
        font-family: "Demo";
        font-size: 48px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.21;
        letter-spacing: normal;
        color: #002c45;
    }

    .swiper {
        /*overflow: visible;*/
        position: static;
    }

    .item-rigth {
        flex-basis: 60%;
        text-align: left;
    }

    @media (min-width: 768px) {
        .item-rigth {
            min-height: 200px;
        }
    }
    @media (max-width: 768px) {
        .item-rigth {
            flex-basis: 60%;
            text-align: left;
            padding-left: 35px;
        }
    }

    .item-rigth span {
        width: 33px;
        font-family: Inter;
        font-size: 18px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: normal;
        text-align: left;
        color: var(--angle-blue);
    }

    .item-slider-products .item-rigth a {
        font-size: 18px;
        text-decoration: underline;
        font-family: Inter;
        color: #002c45;
    }

    .item-slider-products .item-title {
        font-weight: 200;
    }

    .item-slider-products span {
        color: #002c45;
    }

    .item-slider-products span.can-be-used-te {
        color: rgba(0, 44, 69, 0.7);
        margin-top: 0;
    }

    .item-rigth span b {
        font-family: Inter;
        font-size: 18px;
        font-weight: 300 !important;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: normal;
        text-align: left;
        color: #002c45;
    }

    @media (max-width: 768px) {
        .item-rigth h4.item-title {
            font-size: 16px;
        }

        .item-rigth a.item-link-list-info {
            font-size: 16px;
            font-family: Inter;
        }
    }
    @media (max-width: 992px) {

        .item-rigth span {
            font-family: Inter;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.56;
            letter-spacing: normal;
            text-align: left;
            color: #002b46;
        }

        .item-rigth span b {
            padding-top: 8px;
            /*opacity: 0.7;*/
            font-family: Inter;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.56;
            letter-spacing: normal;
            text-align: left;
            color: #002b46;
        }
    }

    .item-title {
        overflow-wrap: anywhere;
        /* font-family: Inter; */
        font-size: 32px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.28;
        letter-spacing: normal;
        text-align: left;
        color: #002b46;
        display: -webkit-box;
        word-break: break-word;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 89%;
    }

    .item-slider-products img {
        padding: 0;
        margin-right: 57px;
        flex-basis: 40%;
        width: 200px;
        margin-left: 0;
        height: 200px;
        object-fit: contain;
        object-position: top;
    }

    h2.desc-product.slider-title:after {
        height: 20px;
        width: 16px;
    }

    .section-desc {
        font-family: "Inter";
        font-size: 18px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.39;
        letter-spacing: normal;
        color: var(--dark-blue);
        margin-bottom: 0;
    }

    .swiper-slide-custom {
        border-radius: 5px;
        box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.08);
        background-color: #fff;
    }

    .item-slider-products {
        padding: 46px 63.4px 86px 54px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        height: 368px;
    }

    .swiper-button-next {
        right: calc(50% - 650px) !important;
        transform: scale(0.6);
        font-weight: bold;
        color: #00b5d3 !important;
        opacity: 1;
        cursor: pointer;
        pointer-events: unset;
    }

    .swiper-button-prev {
        left: calc(50% - 650px) !important;
        transform: scale(0.6);
        font-weight: bold;
        color: #00b5d3 !important;
        opacity: 1;
        cursor: pointer;
        pointer-events: unset;
    }

    .swiper-slide {
        opacity: 1;
        /*transition: all 0.9s ease-in;*/
        width: 587px !important;
        height: 500px !important;
    }

    .swiper-slide-duplicate-next,
    .swiper-slide-duplicate-active {
        /*opacity: 0;*/
    }

    .item-tab-info {
        display: flex;
        width: 100%;
        margin: 0;
    }

    @media (min-width: 768px) {
        /*.item-right-no-image {*/
        /*    margin-left: 57px;*/
        /*}*/
    }

    .item-text-list-info.slider-text {
        font-family: Inter;
        font-size: 18px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: normal;
        text-align: left;
        color: #002c45;
        width: 100%;
    }

    .desc-product.slider-title {
        font-size: 24px;
        font-family: Inter;
        font-size: 24px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        text-align: left;
        color: #002b46;
        margin-bottom: 16px !important;
    }

    .swiper {
        padding-left: 13px;
        padding-right: 13px;
        padding-bottom: 60px;
        padding-top: 40px;
    }

    .swiper-container {
        overflow: visible;
    }

    .swiper-slide {
        /*opacity: 0;*/
        /*visibility: hidden;*/
    }

    .swiper-slide.swiper-slide-active, .swiper-slide.swiper-slide-next {
        /*opacity: 1;*/
        /*visibility: visible;*/
    }
    .item-slider-products .desc-product.slider-title:first-child:before {
        content: " ";
        width: 17.8px;
        height: 20px;
        background-image:url(../icons/Component_@2x.webp);
        background-repeat: no-repeat;
        display: inline-block;
        background-size: cover;
    }
    @media (max-width: 768px) {
        .title-section-Demo{
            font-size: 28px;
            margin-bottom: 4px;
            text-align: left;
            background-color: unset !important;
        }
        .section-desc{
            margin-bottom: 20px;
            text-align: left;
        }
        .item-slider-products-mobile{
            padding: 46px 27px 45.9px;
            border-radius: 5px;
            box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.08);
            background-color: #fff;
            margin: 0 0 24px;
            min-height: 452px;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: space-between;
            row-gap: 66px;
        }
        .section-used-with{
            text-align: unset;
        }
        .item-slider-products-mobile-image {
            padding: 0;
            margin-right: 10px;
            flex-basis: 40%;
            height: 154px;
            object-fit: contain;
            margin-left: -5px;
            min-width: 139px;
            width: 139px;
            margin-right: 0px;
            box-shadow:none;
            object-position: top;
        }
        .section-used-with .col-12.d-block.d-lg-none.mb-4{
            min-height: 452px;
        }
        .item-rigth{
            padding-left: 9px;
        }
        .item-tab-info:not(:has(img)) .item-rigth{
            padding-left: 0px;
        }
        .item-rigth h4.item-title{
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.56;
            letter-spacing: normal;
            /*text-align: left;*/
            color: #002c45;
            margin-bottom: 0;
            font-family: Inter;
        }
        .item-rigth a.item-link-list-info{
            display: block;
            margin-top:8px;
            text-decoration: underline;
            color: #002c45;
            line-height: 1.44;
        }
        .can-be-used-te{
            opacity:0.7;

        }
        .item-slider-products-mobile .desc-product.slider-title:first-child:before {
            content: " ";
            width: 17.8px;
            height: 20px;
            background-image: url(../icons/Component_@2x.webp);
            background-repeat: no-repeat;
            display: inline-block;
            background-size: cover;
        }
        .item-slider-products-mobile .item-text-list-info.slider-text{
            font-size: 16px;
        }
        .item-tab-info {
            height: 154px;
        }
    }
}
/*    SECTION-USED-WITH END  */