/* Common */
.translateY {
    transition: 0.3s all;
}
.translateY:hover {
    transform: translateY(-8px);
}
.img_banner_home2025 {
    width: 100%;
}
/* End common */
.popular_class {
    background: url(/isocms/templates/default/skin/images/home/group_circle_1.png)
        no-repeat;
    background-size: 100%;
    background-position: 0 80px;
}
.main_page_2025 {
    background: var(--Chroma-F6F4F3, #f6f4f3);
}
.section_home2025 {
    position: relative;
}
.section_home2025 .title {
    position: absolute;
    bottom: 100px;
    color: #ffffff !important;
}
.section_home2025 .title_top {
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.6);
    font-size: 60px;
    font-style: normal;
    font-weight: 450;
    line-height: 66px; /* 110% */
    display: block;
}
.section_home2025 .title_bot {
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.6);
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 66px; /* 110% */
    text-transform: uppercase;
}

.container_popular_class {
    margin-right: auto;
    margin-left: auto;
    max-width: 1065px;
    padding: 80px 15px;
}
.popular_class .intro {
    padding-bottom: 80px;
    color: var(--Primary-58595B, #58595b);
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 450;
    line-height: 36px; /* 150% */
}

/* Classes */
.cooking_classes {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Chia 2 cột */
    column-gap: 32px;
    row-gap: 60px;
}
.class_item2025 {
    background: var(--Chroma-FFFFFF, #fff);
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
}
.class_img {
    overflow: hidden;
}
.class_img img {
    max-width: 514px;
    width: 100%;
}
.class_title {
    background: var(--Secondary-CBDB29, #cbdb29);
    padding: 20px 0 30px 0;
    text-align: center;
    display: flex;
    justify-content: center;
}

.owl-item:nth-child(4n+2) .class_item2025 .class_title,
.class_item2025:nth-child(4n+2) .class_title {
    background: var(--Primary-3298CB, #3298cb);
}
.owl-item:nth-child(4n+3) .class_item2025 .class_title,
.class_item2025:nth-child(4n+3) .class_title {
    background: var(--Secondary-CC3232, #cc3232);
}
.owl-item:nth-child(4n+4) .class_item2025 .class_title,
.class_item2025:nth-child(4n+4) .class_title {
    background: var(--Secondary-FFCC33, #fc3);
}
.class_title_h3 {
    color: var(--Chroma-FFFFFF, #fff) !important;
    text-align: center;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.6);
    font-size: 30px;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 150%;
    padding: 0 10px;
}
.class_detail {
    padding: 30px;
    background-color: #ffffff;
}
.class_price {
    color: var(--Primary-58595B, #58595b);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px; /* 150% */
}
.class_intro_txt {
    color: var(--Primary-58595B, #58595b);
    font-size: 20px;
    font-style: normal;
    font-weight: 450;
    line-height: 34px;
    margin: 24px 0 40px 0;
    /* max-width: 371px; */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    min-height: 170px;
}
.class_button {
    display: flex;
    gap: 24px;
}
.class_button button {
    border-radius: 8px;
    background: var(--Primary-3298CB, #3298cb);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.4);
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px; /* 150% */
    border: none;
    text-transform: uppercase;
    width: 100%;
    padding: 8px 18px;
}
.btn_cooking_cls {
    width: 100%;
}
/* End Classes */
@media only screen and (max-width: 991px) {
    .section_subscribe,
    .section_list_class,
    .popular_class {
        background: none !important;
    }
}
@media only screen and (min-width: 768px) {
    .ml_inside_title {
        margin-left: 31%;
    }
}
@media only screen and (max-width: 768px) {
    .img_banner_home2025 {
        max-height: 360px;
    }
    .fs_title_medium_mobile {
        font-size: 26px !important;
        line-height: 36px
    }
    .fs_text_medium_mobile {
        font-size: 18px !important;
        line-height: 28px
    }
    .font_title_mobile {
        font-size: 30px !important;
        line-height: 150% !important;
    }
    .exp_culinary {
        padding: 0
    }
    /* Classes */
    .container_popular_class {
        padding: 30px 15px;
    }
    .popular_class .intro {
        padding-bottom: 30px;
        font-size: 20px;
    }
    .cooking_classes {
        grid-template-columns: 1fr;
    }
    .class_title {
        padding: 12px;
    }
    .class_detail {
        padding: 16px;
    }
    .class_button button {
        font-size: 16px;
    }
    .class_intro_txt {
        margin: 12px 0;
    }
    .class_button {
        gap: 12px;
        flex-direction: column;
    }
    /* End Classes */
}