.details-button {
    display: flex;;
    margin: 4.125em 0 0;
    justify-content: flex-end;
}

.product-line-content {
    font-size: 1.25em;
    font-family: Onest;
    font-weight: 200;
    font-style: normal;
    line-height: 1.3em;
    color: #F4FCFF;
}

.institutes {
    margin: 1.5625em;
}

.researches {
    margin: 2.1875em 4.37317784% 0;
}

.product-line-image {
    display: none;
}

.product-line-section-title {
    font-size: 3.125em;
    font-family: AvrileSans-Condensed;
    font-weight: 500;
    font-style: normal;
    line-height: 1em;
}

.subsection {
    background: linear-gradient(253.34deg, rgba(0, 149, 218, 0) 1.47%, rgba(0, 149, 218, 0.6) 95.56%),
                linear-gradient(147.4deg, rgba(111, 115, 203, 0) 20.35%, rgba(111, 115, 203, 0.6) 89.65%);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    padding: 5.4375em 3.75em 1.875em;
    border-radius: 1.5625em;
}

@media (max-width: 1024px) {
    .details-button {
        margin: 2.1875em 4.373177842565598% 0;
    }

    .product-line-content {
        font-size: 1em;
    }
    
    .institutes {
        margin: 1.5625em 4.37317784% 0;
    }

    .researches {
        margin: 2.1875em 4.37317784% 0;
    }

    .subsection {
        background: transparent;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        padding: 0;
    }

    .product-line-image {
        display: block;
        height: 12.625em;
        border-radius: 1.25em;
        margin: 2.1875em 0 0;
        width: 100%;
        object-fit: cover;
    }

    .product-line-section-title {
        font-size: 1.75em;
        margin: 0 4.37317784%;
    }
}