/* xxl <= 1400px */
@media (max-width: 1400px) {
    .experience-img {
        display: none;
    }
}

/* xl <= 1200px */
@media (max-width: 1200px) {
    .module-display-item {
        flex-wrap: wrap;
    }

    .module-display-item-img {
        margin-left: unset;
        margin-top: 30px;
    }

    .experience {
        min-height: 700px;
    }

    .experience-content {
        transform: translateY(-70px);
    }

    .educational-affairs {
        margin: 20px;
    }

    .role-introduction {
        margin-top: 20px;
        padding-top: 30px;
        padding-bottom: 10px;
    }

    .role-introduction-box {
        margin: 30px auto;
    }

    .module-display {
        margin-top: 30px;
    }

    .module-display .swiper-container {
        height: auto;
        margin: 20px auto;
        overflow: hidden;
        padding-top: 30px;
    }

    .product-highlights {
        margin-top: 100px;
    }

    .data-visualization {
        margin-top: 30px;
    }

    .core-functions {
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

/* lg <= 992px */
@media (max-width: 992px) {
    .experience-text>h1 {
        font-size: 56px;
        font-weight: bold;
    }

    .experience-text>p {
        font-size: 16px;
        margin-top: 30px;
    }

    .role-introduction-card {
        max-width: 400px;
    }

    .role-introduction-card:nth-child(1):hover .role-introduction-card-img-box,
    .role-introduction-card:nth-child(2):hover .role-introduction-card-img-box,
    .role-introduction-card:nth-child(3):hover .role-introduction-card-img-box,
    .role-introduction-card:nth-child(4):hover .role-introduction-card-img-box {
        height: 260px;
    }

    .role-introduction-card-body {

        height: 200px;
    }

    .product-highlights-item {
        padding: 40px;
    }
}

/* md <= 768px */
@media (max-width: 768px) {
    .module-display .swiper-slide-content {
        flex-wrap: wrap;
    }

    .module-display .swiper-button-prev {
        display: none !important;
    }

    .module-display .swiper-button-next {
        display: none !important;
    }
}

/* sm <= 576px */
@media (max-width: 576px) {
    .experience {
        min-height: 600px;
    }

    .experience-content {
        transform: translateY(-90px);
    }

    .educational-affairs {
        margin: 0px;
    }

    .role-introduction-card-active-title {
        font-size: 18px;
    }

    .educational-affairs .swiper-slide {
        width: 270px !important;
        height: 480px !important;
    }

    .educational-affairs .swiper-slide-img {
        width: 70px;
    }

    .educational-affairs .swiper-slide-img:nth-child(2) {
        width: 100px;
        /* height: 250px; */
        margin: 0 10px;
    }

    .educational-affairs .swiper-button-prev {
        display: none !important;
    }

    .educational-affairs .swiper-button-next {
        display: none !important;
    }

    .core-functions-item {
        padding: 30px 20px;
    }

    .core-functions-updown>img {
        position: absolute;
        right: 20px;
    }
}

/* ssm <= 420px */
@media (max-width: 420px) {
    .data-visualization-tag {
        min-width: 23%;
        font-size: 14px;
    }
}

/* sssm <= 340px */
@media (max-width: 340px) {
    .role-introduction-card-active-title {
        font-size: 16px;
    }
}