@charset "UTF-8";

/*   
Theme Name: S-talent
Theme URI: https://stalent.vn/
Description: I built this theme based on Stalent.
Author: David Huynh
Author URI: https:/davidhuynh98.github.io
Version: 7.93
*/

/*begin setting*/

@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');


:root {
    --main-color: #3E675D;
    --main-font-family: 'K2D';
}

.container {
    max-width: 1440px;
    margin: 0 auto;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

a {
    text-decoration: none;
}

html {
    margin-top: 0;
}

body {
    font-family: 'K2D';
    font-size: 16px;
    line-height: 24px;
}

/*end setting*/
.list_info_company .content>p{
	margin-bottom:0px;
}
.list_info_company{
	display:flex;
	align-items:center;
	gap: 5px;
}

div#about_us {
    padding-top: 30px;
    /*padding-top: 80px;*/
    position: relative;
}

div#about_us  .banner_about_us {
    background: black;
    height: 650px;
    z-index: -1;
    position: absolute;
    width: 100%;
    top: 0;
}

.row.container,
.row.container>div {
    padding: 0;
}

div#main_menu {
    background: var(--main-color);
}

div#menu>div {
    line-height: 80px;
}

ul.main_menu {
    display: flex;
    list-style: none;
    margin: 0;
    justify-content: right;
}

ul.main_menu li {
    position: relative;
    float: none;
    margin: 0px 16px 0px 16px;
}

ul.main_menu a {
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
}

ul.main_menu>li:hover ul.sub-menu,
ul#menu-top-menu-right>li:hover .sub-menu{
    visibility: unset !important;
    opacity: 1 !important;
}

ul.main_menu.sub-menu {
    background-color: #353337;
    left: auto;
    right: 0;
    position: absolute !important;
    top: 51px;
    left: -15px;
    margin-top: 0;
    margin-bottom: 0;
    min-width: 225px;
    visibility: hidden;
    opacity: 0;
    bottom: 0px;
    z-index: 99;
    box-shadow: 0 15px 30px -10px rgba(0,0,0,9%);
    -webkit-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    -o-transform-origin: 0 0 0;
    text-align: left;
    padding: 0;
}

ul#menu-top-menu-right>li {
    list-style: none;
    position: relative;
}

ul.sub-menu {
    background-color: #353337;
    left: auto;
    right: 0;
    position: absolute !important;
    top: 80px;
    left: -20px;
    margin-top: 0;
    margin-bottom: 0;
    min-width: 225px;
    visibility: hidden;
    opacity: 0;
    bottom: 0px;
    z-index: 9999;
    box-shadow: 0 15px 30px -10px rgba(0,0,0,9%);
    -webkit-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    -o-transform-origin: 0 0 0;
    text-align: left;
    padding: 0;
}

ul#menu-top-menu-right .sub-menu {
    background-color: #353337;
    left: auto;
    right: 0;
    position: absolute !important;
    top: 100%;
    left: 0;
    margin-top: 0;
    margin-bottom: 0;
    min-width: 44px;
    visibility: hidden;
    opacity: 0;
    bottom: 0px;
    z-index: 9999;
    box-shadow: 0 15px 30px -10px rgba(0,0,0,9%);
    -webkit-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    -o-transform-origin: 0 0 0;
    text-align: left;
    padding: 0;
}

ul.sub-menu>li {
    position: relative;
    color: #5e6e6e;
    list-style: none;
    /*background-color: #151a25;*/
    /*background-color: #353337;*/
    background-color: #8787878a;
}

ul.sub-menu>li:hover {
   background-color: #353337;
}

ul.sub-menu>li>a {
    padding: 9px 12px;
    display: block;
    font-size: 14px;
    color: rgba(255,255,255,.8);
    position: relative;
    font-weight: 500;
    line-height: 24px;
}

ul#menu-top-menu-right {
    margin: 0;
}

ul#menu-top-menu-right li {
    list-style: none;
    position: relative;
}

ul#menu-top-menu-right li a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}

ul.main_menu a:hover {
    color: #e7da87 !important;
}

div#logo img {
    width: 100%;
}

/*footer*/

#footer {
    background: var(--main-color);
}

footer#footer>div {
    justify-content: space-between;
}

.logo {
    padding-bottom: 10px;
}

.name_company {
    color: #fff;
    font-weight: bold;
    padding-bottom: 20px;
}

.logo_industry_and_trade {
    padding-bottom: 20px;
}

.logo_industry_and_trade img {
    width: 45%;
}

.license {
    color: #778787;
    font-size: 16px;
}

footer#footer>div .footer_right h3 {
    color: #fff;
    font-size: 30px;
}

.content_footer_right {
    color: #fff;
    font-size: 16px;
}

.content_footer_right p {
    margin-bottom: 5px;
}

.content_footer_right h4 {
    font-size: 16px;
    margin-top: 25px;
}

.list_social {
    margin-top: 20px;
}

.list_social span a {
    color: #fff;
    padding: 0 20px;
}

.content_footer_right span {
    font-weight: bold;
}

/*page home*/

/* breadcrumbs */

p#breadcrumbs a {
    color: var(--main-color);
}

p#breadcrumbs a:hover {
    color: #F5C486;
}

/*banner*/

div#banner_slide {
    position: relative;
}

div#banner_slide .banner img {
    width: 100%;
}

.content_page_home {
    position: absolute;
    top: 0;
    right: 0;
    width: 38vw;
    background: #010101;
    bottom: 0;
    opacity: 60%;
    z-index: 999;
}


.content_page_home {
    opacity: 0.7 !important;
}

.content_intro_banner {
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: flex-end;
}

.content_intro_banner>div {
    max-width: 33.33%;
    flex: 0 0 33.33%;
    z-index: 999;
    /*align-items: center !important;*/
    display: flex;
    flex-direction: column;
    padding-top: 15vh;
}

.content_intro_banner>div h2, .content_intro_banner>div img {
    width: 100%;
    margin-bottom: 20px;
}

.content_intro_banner>div h2 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 30px;
}

.content_intro_banner>div span {
    width: 100%;
}

.content_intro_banner>div span img {
    width: 50%;
}

.content_intro_banner>div>div>p {
    line-height: 26px;
    font-size: 16px;
}

/*ve chung toi page home*/


.flex_active {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

div#list_content_pagehome>div {
    padding-top: 110px;
}

.abu_title h2{
    border-left: 3px solid var(--main-color);
    margin-bottom: 30px;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 15px;
}

.abu_title h3 {
    /*border-left: 3px solid var(--main-color);*/
    font-size: 27px;
    font-weight: bold;
    /*padding-left: 15px;*/
    text-transform: uppercase;
    margin-bottom: 25px;
}

.abu_title h3::after {
    content: '';
    display: block;
    width: 15%;
    border-bottom: 3px solid;
    margin-bottom: 10px;
    margin-top: 15px;
}

.flex_active.flex_active_part_2 .abu_title h3 {
    text-align: right;
    /*border-right: 3px solid var(--main-color);*/
    border-left: unset;
    /*padding-right: 15px;*/
}

.flex_active.flex_active_part_2 .abu_title h3::after {
    content: '';
    display: block;
    width: 15%; /* Adjust width as needed */
    border-bottom: 3px solid;
    margin-bottom: 10px;
    margin-top: 15px;
    margin-left: auto;
}

.abu_content {
    font-size: 17px;
    margin-bottom: 100px;
    line-height: 28px;
}

.flex_active.flex_active_part_2 .abu_content {
    text-align: right;
}

.about_us_left span {
    border: 3px solid var(--main-color);
    padding: 7px 45px;
    width: fit-content;
    display: block;
    text-align: right;
    float: right;
    margin-right: 20px;
    border-radius: 7px;
}

.flex_active span a {
    color: var(--main-color);
    font-size: 16px;
    font-weight: bold;
}

.about_us_left {
    max-width: 42%;
    flex: 0 0 42%;
}

.about_us_right {
    max-width: 52%;
    flex: 0 0 52%;
    position: relative;
}

.about-image-1 {
    z-index: 1;
    max-width: 95%;
    width: 100%;
}

.about-image-1.position-relative img {
    max-width: 100% !important;
    height: auto !important;
    max-height: 100% !important;
    object-fit: cover;
    border-radius: 7px;
}

.about-image-2 {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 35px;
    margin-left: 35px;
    max-width: 95%;
    max-height: 100%;
    background: linear-gradient(223deg, var(--main-color) 4.06%, var(--main-color) 92.2%);
    width: 100%;
    height: 100%;
    border-radius: 7px;
}

/*lĩnh vực hoạt động page home*/

.field_of_activity .activity_left {
    max-width: 50%;
    flex: 0 0 50%;
    height: 500px;
}

.field_of_activity .activity_right {
    max-width: 45%;
    flex: 0 0 45%;
}

.field_of_activity .flex_active_part_2 .activity_left {
    max-width: 45%;
    flex: 0 0 45%;
}

.field_of_activity .flex_active_part_2 .activity_right {
    max-width: 50%;
    flex: 0 0 50%;
    height: 500px;
}

.flex_active_part_1 .activity_right,
.flex_active_part_2 .activity_left,
.flex_active_part_3 .activity_right{
    margin-top: 50px;
}

.list_img {
    display: flex;
    height: 100%;
}

.list_img_left {
    max-width: 60%;
    flex: 0 0 60%;
    overflow: hidden;
    border-radius: 7px;
}

.list_img_right {
    max-width: 40%;
    flex: 0 0 40%;
    height: 100% !important;
    display: flex;
    flex-direction: column;
    position: relative;
}

.list_img_left img {
    height: 100%;
    width: 100%;
    border-radius: 7px;
    transition: transform 0.3s ease-in-out;
    object-fit: cover;
}

.list_img_left img:hover {
    transform: scale(1.1);
}

.list_img_right span, .list_img_right span img {
    width: 100%;
    display: block;
    max-height: 100%;
}

.activity_right>span {
    width: 100%;
    text-align: right;
    display: block;
}

.list_img_right>span:nth-child(1) {
    /*max-height: 100%;*/
    margin-top: 50px;
    height: 260px;
    overflow: hidden;
    border-radius: 0 7px 7px 0;
    
}

.list_img_right>span:nth-child(2) {
    width: 80%;
    margin: 0 auto;
    bottom: 0;
    height: 100%;
    margin-left: 37px;
    overflow: hidden;
    border-radius: 0 0 7px 7px;
}

.list_img_right>span:nth-child(2) img {
    height: 100%;
    object-fit: cover;
}

.list_img_right>span:nth-child(1)>img,
.list_img_right>span:nth-child(2)>img{
    transition: transform 0.3s ease-in-out;
}

.list_img_right>span:nth-child(1)>img:hover,
.list_img_right>span:nth-child(2)>img:hover{
    transform: scale(1.1);
}

.field_of_activity .flex_active {
    padding-top: 70px;
}

.field_of_activity {
    padding-top: 140px;
}

.field_of_activity .abu_title h2 {
    margin-bottom: 30px;
}

/*dich vu khac page home*/

.services_other {
    padding-top: 100px;
}

.services_other h2 {
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    margin-bottom: 35px;
}

.list_services_other.row {
    justify-content: space-between;
}

.list_services_other.row>div img {
    width: 100%;
    transition: transform 0.3s ease-in-out;
    border-radius: 7px;
}

.list_services_other.row>div img:hover {
    transform: scale(1.1);
}

.services_other_item a {
    text-decoration: unset !important;
    text-align: center;
    text-transform: uppercase;
    color: var(--main-color);
}

.services_other_item a h4 {
    padding-top: 18px;
    font-size: 24px;
}

/*.list_services_other>div {*/
/*    max-width: 29%;*/
/*    flex: 0 0 29%;*/
/*}*/

.list_services_other span.thumb {
    overflow: hidden;
    border-radius: 7px;
}

span.thumb {
    height: 270px;
    display: block;
}

#posts span.thumb {
    height: 250px;
}

span.thumb img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.services_other>p>a {
    color: var(--main-color);
    font-size: 20px;
    font-weight: bold;
    text-align: right;
    width: 100%;
    display: block;
}

/*
div#blog_pagehome::before {
    background-color: rgb(255 255 255 / 79%);
    content: '';
    display: block;
    height: 100%;
    top: 0;
    position: absolute;
    width: 100%;
}
*/


/*blog page home*/

div#blog_pagehome {
    /* background-image: url(https://camxucbattan.vn/wp-content/uploads/2024/06/danny-howe-bn-D2bCvpik-unsplash-scaled.jpg); */
    position: relative;
    padding: 100px 0;
}

div#blog_pagehome h2 {
    text-transform: uppercase;
    font-size: 73px;
    font-weight: bold;
    padding-left: 15px;
    text-align: center;
    border-top: 2px solid var(--main-color);
    width: fit-content;
    margin: 0 auto;
    padding-top: 80px;
    padding-bottom: 30px;
}

@media screen and (min-width: 1750px) {
    .content_page_home {
        width: 45vw;
    }
}


@media screen and (min-width: 4150px) {
    .content_page_home {
        width: 48vw;
    }
}

.blog_item {
    position: relative;
}

.blog_item h4 {
    position: absolute;
    bottom: 20px;
    padding: 0 15px;
    color: #fff;
    font-size: 20px;
}

.blog_item span.thumb {
    height: 230px;
    display: block;
}

/*css page aboutus*/

div#banner_about_us {
    background: #000;
}

div#banner_about_us {
    background: #000;
    height: 500px;
}

.video.container {
    height: 570px;
}

.video img {
    height: 100%;
}

.video.container iframe {
    width: 100%;
    height: 100%;
}

/*page academy*/
.academy_art .content_page_home {
    background: #e10000;
    opacity: 1;
}

.academy_art .list_lectures .lecture_item img {
    border-radius: 7px 7px 0 0;
}

.academy_art .list_lectures .lecture_item .info_lecture {
    border-radius: 0 0 7px 7px;
    background: #000;
    padding: 10px;
}

.academy_art .content_intro_banner>div {
    /*padding: 0px 100px;*/
}

.academy_art .content_intro_banner>div h1 {
    width: 80%;
}

.content_intro_banner h1,
.content_intro_banner h2{
    width: 100%;
    padding-top: 100px;
    text-align: left;
}

div#content_academy>div .lecture_item img,
div#content_artist_management>div .lecture_item img{
    height: 240px;
    object-fit: cover;
}

div#content_artist_management>div .lecture_item img {
    border-radius: 7px 7px 0 0;
    object-fit: cover;
}

.courses_item h2 {
    color: #e10000;
    padding: 10px;
    padding-left: 20px;
    text-transform: uppercase;
    border-left: 3px solid #e10000;
    font-weight: bold;
}

.courses_item .title .line {
    height: 5px;
    flex: 1;
    background: var(--main-color);
}

.item_course {
    position: relative;
}

/*span.over {*/
/*    position: absolute;*/
/*    right: 0;*/
/*    left: 0;*/
/*    top: 75%;*/
/*    bottom: 0;*/
/*    background: #0000004d;*/
/*    border-radius: 0 0 7px 7px;*/
/*}*/
    
    div#our_lecturers .title h2, #international_certificate .title h2 {
        color: #ee2345;
        padding: 10px;
        padding-left: 20px;
        text-transform: uppercase;
        font-weight: bold;
        text-align: center;
    }
    
    div#our_lecturers .title .line, #international_certificate .title .line {
        text-align: center;
        width: 12%;
        margin: 0 auto;
        height: 2px;
        display: block;
        background: var(--main-color);
        margin-bottom: 15px;
    }
    
    .info_lecture .name_lecture {
        color: #fff;
        font-size: 23px;
        text-align: center;
    }
    
    .list_international_certificate>div:nth-child(1) {
        padding-left: 0;
    }

    .list_international_certificate>div:nth-child(3) {
        padding-right: 0;
    }
    
    .academy_art .list_international_certificate img {
        width: 100%;
        border-radius: 7px;
        object-fit: cover;
        height: auto;
    }
        
    .academy_art .international_certificate_item {
        margin-bottom: 20px;
    }
    
    .academy_art .international_certificate_item a {
        display: flex;
        justify-content: space-between;
    }
    
    .academy_art .international_certificate_item a>span {
        width: calc(50% - 15px);
    }
    
    .academy_art .international_certificate_item a>div {
        width: calc(50% - 15px);
    }
    
    .info_lecture .position_lecture {
        text-align: center;
        margin: 0 0 5px 0px;
        color: #fff;
    }
    
    .international_certificate>h3 {
        color: var(--main-color);
        font-size: 28px;
        text-transform: uppercase;
        padding-top: 15px;
        font-weight: 500;
        padding-bottom: 20px;
    }
        
    .international_certificate>div {
        color: #000;
        font-size: 16px;
        line-height: 32px;
    }
        
    .page h1 {
        color: #000;
        padding-top: 0;
    }

.list_img_right>span:nth-child(1)>img {
    border-radius: 0 7px 7px 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.activity_right .list_img_right>span:nth-child(1)>img {
    border-radius: 0 0 7px;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

 .list_img_right>span:nth-child(2)>img {
    border-radius: 0 0 7px 7px;
}

i.fa-solid.fa-arrow-right {
    transform: rotate(300deg);
    padding-left: 5px;
}

.flex_active span a:hover,
.services_other>p>a:hover{
    color: #F5C486 !important;
}

.list_courses>.courses_item:last-child {
    border-bottom: unset;
    margin-bottom: -10px;
    padding-bottom: 0;
}

div#international_certificate .title {
    padding-bottom: 30px;
}
.international_certificate_academy{
    background-image: linear-gradient(to bottom, #f3ed91 17%, #fcf7df 39%) !important;
}


/*** event ***/
.events .content_page_home {
     background: #000;
}
 
.events .content_page_home,
.events .content_intro_banner {
    left: 0;
    right: 0;
    flex-direction: column-reverse;
}

.events .content_intro_banner>div h1 {
    font-size: 45px;
    padding-top: 80px;
    text-align: left;
    width: 80%;
}

div#content_events {
    padding-bottom: 100px;
}

div#content_events>div {
    padding-top: 100px;
}

.events .list_international_certificate img {
    width: 100%;
    object-fit: cover;
    height: 265px;
    border-radius: 7px
}

.events .international_certificate_item {
    padding: 0 10px;
}

.events .international_certificate>h3 {
    text-align: center;
    height: 95px;
    line-height: 37px;
    padding: 20px 10px 20px 10px;
}

.events .international_certificate>div {
    text-align: center;
}

div#our_service .title h2,
div#our_events .title h2 {
    border-left: 3px solid var(--main-color);
    font-weight: bold;
    padding: 10px 0;
    padding-left: 15px;
    margin-bottom: 30px;
}

div#our_events {
    padding-top: 60px !important;
}

/*.events #our_events .international_certificate_item {*/
/*    padding: 0 3px;*/
/*    padding-bottom: 6px;*/
/*}*/

#our_events .international_certificate_item {
    position: relative;
}

#our_events .international_certificate_item .international_certificate {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #000;
    display: none;
}

#our_events .international_certificate_item:hover .international_certificate {
    display: flex;
    border-radius: 7px;
}

/*div#our_events .list_international_certificate .international_certificate_item {*/
/*    max-width: 33%;*/
/*    flex: 0 0 33%;*/
/*    padding: 0;*/
/*    margin-bottom: 8px;*/
/*}*/

div#our_events .international_certificate h3, div#our_events .international_certificate span a {
    color: #fff;
}

div#our_events .international_certificate {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
}


div#our_events h3.name_lecture {
    padding: 0 !important;
    font-size: 32px;
}

div#our_events .list_social i {
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    color: black;
    line-height: 30px;
}

/*** sidebar ***/
.bxwidget_lists .widgetcontent ul {
    list-style: none;
    padding: 0;
    gap: 20px;
    display: flex;
    flex-direction: column-reverse;
}

.bxitem {
    border-bottom: 1px solid #585757;
}

.bxwidget_lists .widgetcontent .bxitem .bxthumb {
    height: 170px;
    border-radius: 7px;
}

.bxwidget_lists .bxwidget_title{
    border-left: 3px solid var(--main-color);
    margin-bottom: 30px;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 15px;
}

.bxwidget_lists .bxwidget_title a {
    color: #000;
    text-transform: none;
}

.bxwidget_lists .bxcontent h4 {
    color: var(--main-color);
    text-transform: none;
    padding: 10px 0 15px 0;
    margin-bottom: 0;
    font-size: 21px;
}

.bxwidget_lists .widgetcontent ul li .bxitem .bxcontent {
    padding-bottom: 15px;
}

.bxwidget_lists .bxcontent span {
    color: #212509;
}

span.banner_item, span.banner_item a {
    height: 100%;
    display: block;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    object-fit: cover;
}

.image_more>div:nth-child(1) img,
.image_more>div>span>img{
    border-radius: 7px;
}

.content_about_us {
    margin-top: 50px;
}

.list_lectures .owl-nav,
.list_partner>div.owl-nav,
.list_partner>div.owl-dots,
.list_course_item .owl-nav {
    display: none;
}

div#our_events .list_international_certificate .international_certificate_item {
    max-width: 32%;
    flex: 0 0 32%;
    padding: 0;
    margin-bottom: 20px;
}

.list_course_item.flex_active {
    justify-content: unset !important;
}

/*pagination*/

.first_paged a,
.last_paged a {
    color: #000;
}

a.page-numbers {
    line-height: 30px;
}

ul.page-numbers {
    list-style: none;
}

.navigation_ct>div, ul.page-numbers {
    display: flex;
    padding-left: 0;
}

ul.page-numbers li {
    width: 30px;
    height: 30px;
    border: 2px solid;
    text-align: center;
    line-height: 30px;
    margin: 0 4px;
}

ul.page-numbers li a {
    color: #000;
    font-weight: bold;
}
.slide{
    position: relative;
}

.social_single{
    position: fixed;
    bottom: 90px;
    right: 0;
    z-index: 10;
}
.social_single ul{
    display: flex;
    align-items: center;
    list-style: none;
     gap: 10px;
    background-color: white;
    margin: 0;
    padding: 10px;
    border-radius: 50px 0 0 50px;
    font-size: 20px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;

}
.social_single ul li a:hover .fa-phone{
    color:#00643e;
}
.social_single ul li a{
     transition: 0.3s all;
}
.social_single ul li a img{
    transition: 0.3s all;
    width: 30px;
    object-fit: cover;
}
.social_single ul li a .image-main{

}
.social_single ul li a .image-hover{
    display: none;
}
.social_single ul li a:hover .image-hover{
    
    display: block;
}
.social_single ul li a:hover .image-main{
    display: none;
}

.noidung_1 .col-right{
    margin-left: -65px;
    padding-top: 25px;
}

.noidung_1 .box-container .img-box{
    background-color: white;
    border-color: #1C503F !important;
    border: 2px solid !important;
    margin-top: -25px;
}
.noidung_1 .box-container{
    margin-bottom: 30px;
}
.noidung_1 .box-container:last-child{
	margin-bottom:0px;
}
.noidung_1 .box-container .title-text{
    font-size: 24px;
    position: relative;
}
.noidung_1 .box-container .title-text::after{
    content: '';
    position: absolute;
    top: 35px;
    left: -17px;
    width: 100%;
    height:2px;
    background-color: #1C503F;
}
.noidung_1 .box-container .desc-text{
    font-size: 14px;
    padding-top: 10px;
}

.col-left .img-container{
	background-size:cover;
	background-repeat: no-repeat;
 	background-attachment: fixed;
	background-position:center center;
	height:700px;
}
.doi_tuong_tham_gia {
    background-image: url(assets/img/bgdoituong.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
.box-anh_doi_tuong{
    align-items: end;
}
.box-anh_doi_tuong img{
    object-fit: cover;
}
.box-anh_doi_tuong img:first-child{
    border-radius: 50px 50px 50px 0px;
    width: 370px !important;
    max-height: 300px;
    margin-right: -70px;
    position: relative;
    z-index: 2;
}
.box-anh_doi_tuong img:last-child{
    border-radius: 50px 50px 50px 0px;
    width: 427px !important;
    max-height: 300px;
    position: relative;
    z-index: 0;
    top: -70px;
}
.doi_tuong_tham_gia{
    padding:80px 0;
    padding-top: 120px;
}
.doi_tuong_tham_gia .title_doi_tuong{
    color:#00643e;
    font-weight:700;
    text-transform: uppercase;
    font-size: 42px;
}
.doi_tuong_tham_gia ul li::marker{
    color: #00643e;
	font-size:25px;
}
.doi_tuong_tham_gia ul li{
    font-size: 18px;
}

.bac-hoc{
    padding: 120px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.bac-hoc .box-bac-hoc{
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
}
.bac-hoc .col-box .box-bac-hoc .img_bac_hoc{
    width: 100%;
    position: relative;
}
.bac-hoc .col-box:first-child .box-bac-hoc .img_bac_hoc::before{
    content: '';
    position: absolute;
    top: -20px;
    left: 50px;
    background-image: url(assets/img/group\ 1.png) ;
    background-size: contain;
    background-repeat: no-repeat;
    width:100%;
    height:100%;
    
}
.bac-hoc .col-box:nth-child(2) .box-bac-hoc .img_bac_hoc::before{
    content: '';
    position: absolute;
    top: 20px;
    right:-35px;
    background-image: url(assets/img/Group\ 3.png) ;
    background-size: contain;
    background-repeat: no-repeat;
    width:100%;
    height:100%;
    
}
.bac-hoc .col-box:last-child .box-bac-hoc .img_bac_hoc::before{
    content: '';
    position: absolute;
    top: -20px;
    right:-55px;
    background-image: url(assets/img/Group\ 3.png) ;
    background-size: contain;
    background-repeat: no-repeat;
    width:100%;
    height:100%;
    
}
.bac-hoc .box-bac-hoc .img_bac_hoc img{
    width:350px;
	height:350px;
    border-radius:100% ;
    position: relative;
    object-fit: cover;
    z-index: 5;
    display: block;
    margin: 0 auto;
    transition: 0.3s ease-in-out; 
    
}
.bac-hoc .box-bac-hoc .img_bac_hoc{
    transition: 0.3s ease-in-out; 
}
.bac-hoc .box-bac-hoc .img_bac_hoc:hover img{
    transform: scale(1.1);
}
.box-bac-hoc h3{
/*     font-family: "Great Vibes", cursive; */
    font-size: 36px;
    color: #FFE994;
    margin-top: 20px;
    margin-bottom: 0;
}
.box-bac-hoc .time_bac_hoc{
    color: white;
    font-size: 18px;
    margin-top: 20px;
}
.btn_bac_hoc{
    display: inline-block;
    border-radius:10px;
    color: #010101;
    padding: 10px 35px;
    margin-top: 20px;
    border: 1px solid #FFE994;
    background: #FFE994 ;
    font-size: 18px;
    transition:  0.25s linear;
}
.btn_bac_hoc:hover{
    color:#00643e;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.banner_scrroll{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed ;
    height: 400px;
    width: 100%;
}

.why_choose_us{
    padding: 120px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding-bottom: 195px;
}
.why_choose_us .content_why{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}
.desc-heading p{
    display: block;
  	display: -webkit-box;
  	line-height: 1.3;
  	-webkit-line-clamp: 3;  /* số dòng hiển thị */
  	-webkit-box-orient: vertical;
  	overflow: hidden;
  	text-overflow: ellipsis;
}

.accordion-button{
    font-size: 20px;
}
.why_choose_us  .content_why .box_why_choose_us{
    width: 19%;
    margin: 0 auto;
    text-align: center
    ;
}
.why_choose_us  .content_why .box_why_choose_us:nth-child(even){
    margin-top: -80px;
}
.why_choose_us  .content_why .img_why{
    display: block;
    margin:0 auto ;
    border-radius: 100%;
    border:2px solid #FFE23D;
	width: 200px;
    height: 200px;
    object-fit: cover;
}
.why_choose_us  .content_why .box-img-why{
    position: relative;
}
.why_choose_us .content_why .box-img-why::after{
    content: '';
    position: absolute;
   	top: -10px;
    left: 25px;
    background-image: url(assets/img/bg-img_why.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
   	height: 225px;
    z-index: 1;
}
.why_choose_us  .content_why .box_why_choose_us h3{
    margin-top: 20px;
    font-size: 21px;
	text-transform:uppercase;
    color: #00643e;
}
.why_choose_us  .content_why .box_why_choose_us p{
    font-size: 16px;
    color: #000;
    margin-top: 20px;
}


.giai-dap{
    padding: 60px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding-bottom: 0;
}
.row-position-ct{
    position: relative;
    top: -195px;
}
.row-position-two-ct{
    position: relative;
    top: -110px;
}
/* .giai-dap .container{
    position: relative;
    top: -250px;
} */

.giai-dap .box_feedback{
    border: 1px solid #1C503F;
    border-radius: 20px;
    padding: 12px;
    background-color: white;
}
.box_feedback .name{
    font-size: 18px;
    text-transform: uppercase;
    color: #00643e;
    font-weight: 600;
}
.box_feedback .position{
    font-size: 14px;
    color: #000;
}
.box_feedback .fa-quote-left{
    font-size: 42px;
    color: #00643e;
}
.box_feedback {
    min-height: 385px;
}
.accordion-item{
    background-color:rgba(255, 255, 255, 0.212);
    color: white;
}
button:focus:not(:focus-visible){
     background-color:rgba(255, 255, 255, 0.212);
     color: white;
}
.accordion-button:not(.collapsed){
    background-color:rgb(255 255 255 / 0%) !important;
    color: white;
    font-size: 20px;
}
.accordion-body{
    padding-top: 0;
}
.accordion-button{
     background-color:rgb(255 255 255 / 0%) !important;
     color: white;
}
.accordion-button{
    border-radius: 20px;
}
.accordition-text .accordion-item{
    margin-bottom: 15px;
    border-radius: 20px;
    border:none;
}
.accordion-item:first-of-type>.accordion-header .accordion-button{
    border-radius: 20px;
}
.accordion-button:not(.collapsed){
     border-radius: 20px;
     background-color: white;
     box-shadow: none;
}
.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{
    border-radius: 20px;
}

.accordion-button:not(.collapsed)::after{
    background-image: url('assets/img/muiten.svg') !important;
    transform: rotate(-280deg);
    /* width: 25px;
    height: auto; */
}
.accordion-button:focus{
    box-shadow: unset;
}
.accordion-button::after{
    background-image: url('assets/img/muiten.svg') !important;
    transform: rotate(-360deg);
    /* width: 25px;
    height: auto; */
}
.accordion-flush>.accordion-item{
    margin-bottom: 20px;
    border:1px solid #fff;
    border-radius: 20px;
}
.accordion-flush>.accordion-item:first-child{
    border-top: 1px solid #fff;
}
.accordion-flush>.accordion-item:last-child{
     border-bottom: 1px solid #fff;
}
.accordion-flush .accordion-body p{
    margin-bottom: 0px;
}

.box-anh-giai-dap .anh_1{
    height: 400px;
    width: 100%;
    border-radius: 150px 150px 0px 150px;
}
.box-anh-giai-dap .anh_2{
    border-radius: 150px 150px 0px 150px;
    height: 150px !important;
}
.box-anh-giai-dap .anh_3{
    border-radius: 100%;
    width: 300px !important;
    height: 300px !important;
}
.box-anh-giai-dap .anh_4{
    border-radius: 0px 150px 150px 150px;
    height: 450px !important;
    width: 100% !important;
}
.box-anh-giai-dap img{
    /* max-height: 225px; */
    height: 100%;
    object-fit: cover;
}
.title-giai-dap{
    color:#FFE694;
    font-size: 48px;
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 50px;
}


.thongtin_dangky{
    background-color: #00643e;
}
.formthongtin{
    padding: 25px;
    border-radius: 50px 50px 0px 50px;
    background-color: white;
    position: relative;
    z-index: 5;
 
}
.formthongtin h2{
    color: #FF8B39;
    margin-bottom: 20px;
    font-weight: 600;
}
.ff-default .ff_btn_style{
    font-size: 25px !important;
}

.img_thongtin{
    height: 620px;
    width: 100%;
    object-fit: cover;
}
.ff-default .ff-el-form-control{
    background-color: #EEEEEF;
    border: none !important;
}
.ff-default .ff-el-form-control:focus{
    border:1px solid #d6d6d69d !important;
}
.ff_submit_btn_wrapper{
    margin-bottom: 0px !important;
}
form.fluent_form_3 .ff-btn-submit:not(.ff_btn_no_style){
    color:#000 !important;
    background-color:#FFA557 !important;
}
.slider-bottom .owl-carousel-item  img{
    max-height: 300px;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
#course_detail footer#footer{
    margin-top: 50px;
}
.slider-bottom .owl-carousel-item img{
    height: 215px;
}
.noidung_1 .img-container img{
    max-height: 670px;
    object-fit: cover;
}
.phone-li{
    background-color: #FFA557;
    padding: 5px 15px;
    border-radius: 50px;
}
.phone-li a {
    color: white;
    font-size: 26px;
}
.row-custom{
    padding: 80px 0;
}
.row-custom div.col-lg-6:first-child{
    margin-top: 0;
}
.slide-banner-single div#content_banner{
    margin-top: 0 !important;
    position: relative;
    z-index: 99;
}
.slide-banner-single .owl-carousel-item::after{
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
   background: linear-gradient(360deg, #00643e45 27%, #00643e 66%), rgb(255 255 255 / 37%) 100%
}
.box_feedback .box-header img{
    width: 90px;
    height: 90px;
    object-fit: cover;
}

.modal-custom .modal-header{
    background-image: url(./assets/img/nen.png);
    background-repeat: no-repeat;
    background-position: center ;
    background-size: cover;
    padding: 22px 0;
    width: 100%;
    border: none;
    height: 100%;
    background-color: #fefde6;
    height: 97px;
}
.modal-custom .modal-header .btn-close{
    background-image: url(./assets/img/closegroup.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 6px;
    right: 25px;
    opacity: 1;
    /* width: 40px;
    height: 40px; */
}
.modal-custom.modal.show .modal-dialog{
    top: 50%;
    transform: translateY(-50%);
}


.modal-custom .modal-body{
    background: url(./assets/img/nenpopup.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    padding-top: 30px;
}
.modal-custom .img-popup{
    border-radius: 40px;
}

.modal-custom  .title-popup{
    background: white;
    border-radius: 25px;
    color: #00643e;
    text-align: center;
    padding: 10px;
    border-radius: 50px;
    font-weight: 700;
}
.modal-custom p{
    background: white;
    border-radius: 15px;
    padding: 10px;
    margin-bottom: 0;
    padding-bottom: 60px;
}
.social-popup ul li a img{
    width: 40px;
    height: 40px;
    object-fit: cover;
}
.social-popup ul li a .image-hover{
    display: none;
}
.social-popup ul li a:hover .image-hover{
    display: block;
}
.social-popup ul li a:hover .image-main{
    display: none;
}
.social-popup{
    margin-top: -30px;
}
.btn-custom-register{
    padding:12px 20px;
    border: 2px solid #eeb859;
    border-left: 0;
    border-right: 0;
    border-radius: 20px;
    background-color: #ffd07d;
}
.bg-khoa-am-nhac{
    position: relative;
    padding-top:90px;
}
.bg-khoa-am-nhac::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 300px;
    width: 100%;
    background-color: #1C503F;
}
.active .academy img{
    transform:scale(0.9);
    transition: 0.3s all;
    height: 300px;
}
.active .academy .desc-heading{
    display: none;
}
.active.center .academy .desc-heading{
    display: block;
    text-align: center;
}
.active.center .academy img{
    transform:scale(1.2);
    transition: 0.3s all;
    object-fit: cover;
}
.active.center .desc-heading{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 500px;
}
.academy h3{
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}
.our_lecturers_academy{
    background: #eeeee2 !important;
}
.list_academy_international{
    display: flex;
    gap: 20px;
    flex-direction: row !important;
}
.list_academy_international .item_international{
    padding: 20px;
    background: linear-gradient(180deg,#fbf7d105 0%, rgba(255, 255, 255, 1) 52%);
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.list_academy_international .item_international p{
    margin-bottom: 0px;
    text-align: justify;
}
.international_certificate_academy .part_extra{
    padding-bottom: 0 !important;
}
.lists_blog>div:nth-child(2){
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.lists_blog>div:nth-child(2)>div{
    flex: 0 0 48%;
}
.blog_academy span.blog_thumb{
    overflow:unset;
    width: 450px;
}
.item-acadeny-blog{
    display: flex;
    gap: 20px;
}
.item-acadeny-blog span img{
    width: 450px !important;
}
.item-acadeny-blog .blog_info .blog_title{
    font-size: 31px;
    line-height: 40px;
}
.item-acadeny-blog .blog_info .blog_des{
    color: black;
}
.blog_academy span.blog_thumb:hover img{
    transform: scale(1);
}
.blog_item_academy{
    width: 48%;
    background: white;
    border-radius: 20px;
    padding: 15px;
}
.blog_academy{
    background: white;
    border-radius: 20px;
    padding: 15px;
}
.blog_item_academy .blog_title {
    font-size: 14px;
    text-transform: capitalize;
    display: -webkit-box;
  	line-height: 1.3;
  	-webkit-line-clamp: 1;  /* số dòng hiển thị */
  	-webkit-box-orient: vertical;
  	overflow: hidden;
  	text-overflow: ellipsis;
    margin-top: 5px;
}
.blog_item_academy span.blog_thumb:hover img{
    transform: scale(1);
}
.blog_item_academy span.blog_thumb img{
    width: 100%;
    height: 125px;
    object-fit: cover;
    border-radius: 20px;
}
.row-blog-academy{
    padding-bottom:190px;
}
.lists_blog .blog_academy span.blog_thumb:hover{

}


/* slider khóa học âm nhạc*/
.items-slider-container{
    overflow: hidden;
}
.items-slider-container .slider-nav{
    top: -300px;
    left: 300px;
    margin-bottom: 0 !important;
}

/*slide khoa âm nhạc*/
.khoa-am-nhac{
   
    
}
.slide-khoa-am-nhac{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-top: -380px !important;
}
.slide-khoa-am-nhac .owl-item .desc{
    opacity: 0;
    visibility: hidden;
}
.slide-khoa-am-nhac .owl-item.active.center .desc{
    opacity: 1;
    visibility: visible;
    position: relative;
    width: 500px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    top: 30px;
    font-size: 20px;
}
.slide-khoa-am-nhac{
    max-width:900px;
    padding-top: 70px;
}
.slide-khoa-am-nhac .owl-item .img_thumbnail{
    border-radius: 110px;
    position: relative;
    overflow: hidden;
    border: 8px solid white;

}
.slide-khoa-am-nhac .owl-item .img_thumbnail{
    transition: 0.3s all;
    transform: scale(0.9);
}
.slide-khoa-am-nhac .owl-item.active.center .img_thumbnail{
    transform: scale(1);
}
.slide-khoa-am-nhac .owl-item .img_thumbnail::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(255,0,0,0), #036134a1)
    
}
.slide-khoa-am-nhac .owl-item img{
    height: 400px;
    object-fit: cover;
    position: relative;
    overflow: hidden;
}
.slide-khoa-am-nhac .owl-item .title_khoa_am_nhac{
     bottom: 35px;
}
.title_khoa_am_nhac{
    position: absolute;
    bottom: 15px;
    color: white;
    width: 100%;
    text-align: center;
    font-size:26px;
    left: 50%;
    transform: translateX(-50%);
    text-transform: uppercase;
}
div#international_certificate .part_extra.title-hoatdong{
    padding-top: 80px !important;
}
div.our_lecturers_academy{
    border-radius: 0px !important;
}
        
        
.img-khoa-am-nhac{
    max-height: 440px;
    height: 100%;
    object-fit: cover;
}
.slick-arrow{
    position: absolute;
    bottom: 15px !important;
    top: auto !important;
    z-index: 99999;
    background: url(assets/img/next-prev.png) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    width: 60px !important;
    height: 60px !important;
    border: none;
    color: transparent;
}
.slick-arrow::before{
    content: none !important;
}
.slick-prev{
    left:17% !important;
    transform: rotate(180deg) !important;
    bottom: 45px !important;
}
.slick-next {
    left: 13% !important;
}
button:focus:not(:focus-visible){
    background-color: transparent !important;
    color: transparent !important;
}

@media(max-width:1024px){
    .doi_tuong_tham_gia{
        padding-top: 60px;
    }
    .noidung_1 .box-container .title-text{
        font-size: 18px;
    }
    .noidung_1 .col-right {
        margin-left: -70px;
        padding-top: 40px;
    }
}
@media (max-width:992px){
    .box-anh_doi_tuong img:last-child{
        top: 0;
    }
    .box-anh_doi_tuong{
        flex-direction: column !important;
    }
    .box-anh_doi_tuong img:first-child{
        width: 100% !important;
        margin: 0;
    }
    .box-anh_doi_tuong img:last-child{
        width: 100% !important;
        height: 300px;
    }
    .bac-hoc .box-bac-hoc .img_bac_hoc img{
        width: 100%;
        max-width: 250px;
        height: 250px;
        border-radius: 100%;
    }
    .box-bac-hoc h3{
        font-size: 24px;
    }
    .noidung_1 .box-container .img-box{
            margin-top: -24px;
    }
    .noidung_1 .col-right{
        margin-left: 0;
    }
    .why_choose_us .content_why .box_why_choose_us{
        width: 32%;
    }
    .why_choose_us .content_why .box-img-why::after{
        left:30px;
    }
    .why_choose_us .content_why .box_why_choose_us:nth-child(even){
        margin-top: 0;
    }
    .formthongtin{
        margin: 0;
    }
    .row-custom{
        padding: 30px 0;
    }
}
@media (max-width: 767px){
    div#our_lecturers .part_extra{
        padding-top: 30px !important;
    }
    .slide-khoa-am-nhac .owl-item.active.center .desc{
        top: 12px;
    }
    .slide-khoa-am-nhac .owl-item.active.center .desc{
        display: block !important;
        overflow: auto !important;
    }
	.blog_item_academy{
		width:47.5%;
	}
	.item-acadeny-blog span img{
		width:100% !important;
	}
	.blog_academy span.blog_thumb{
		width:100% !important;
	}
	.item-acadeny-blog{
		flex-direction: column;
	}
	.slide-khoa-am-nhac{
		margin-top:-210px !important;
	}
	.academy-hoc-vien-nghe-thuat{
		height:430px !important;
	}
	.box-slogan .text_extra{
		line-height:30px !important;
	}
	.custom-list-wcu {
		flex-wrap:wrap !important;
	}
	h2.heading-wcu{
		font-size:32px !important;
	}
	.container-list-wcu{
		padding:25px;
	}
	.list_academy_international{
		flex-direction:column !important;
	}
    .modal-custom .modal-header{
        height: 70px;
    }
    .btn-custom-register{
        font-size: 15px !important;
        padding: 5px 10px;
    }
	.img_thongtin{
		height:400px;
		margin-bottom:40px;
	}
    .why_choose_us .content_why .img_why{
        width: 175px;
        height: 175px;
    }
    .ff-default .ff_btn_style{
        font-size: 20px !important;
    }
    .box-anh-giai-dap .anh_3{
        width: 100% !important;
        height:210px !important;
    }
    .box-anh-giai-dap .anh_4{
        height: 250px !important;
    }
    .box-anh-giai-dap .anh_1{
        height: 275px !important;
    }
    .box-anh-giai-dap .anh_2{
        height: auto !important;
    }
    .box-anh-giai-dap img{
        height: auto !important;
    }
    .noidung_1 .box-container .title-text::after{
        width: 0;
        height: 0;
    }
    .doi_tuong_tham_gia .title_doi_tuong{
        text-align: center;
        font-size: 32px;
    }
    .btn_bac_hoc{
        font-size: 16px;
        padding: 7px 15px;
    }
    .bac-hoc{
        padding:  60px 0;
    }
    .box-bac-hoc h3{
        font-size: 24px;
        margin-top: 12px;
    }
    .box-bac-hoc .time_bac_hoc{
          margin-top: 12px;
    }
    .bac-hoc .col-box:last-child .box-bac-hoc .img_bac_hoc::before{
        top: -7px;
        right: -65px;
    }
    .bac-hoc .col-box:nth-child(2) .box-bac-hoc .img_bac_hoc::before{
        top: 6px;
        right: -65px;
    }
    .bac-hoc .col-box:first-child .box-bac-hoc .img_bac_hoc::before{
        top: -8px;
        left: 65px;
    }
    .why_choose_us .content_why .box-img-why::after{
        left: 10px;
    }
    .why_choose_us .content_why .box-img-why::after{
        height: 200px;
    }
    .why_choose_us .content_why .box_why_choose_us{
        width: 48%;
    }
    .box_feedback {
        min-height: 320px;
    }
    .accordion-button{
        font-size: 18px;
    }
    .row-position-ct{
        top: -105px;
    }
    .title-giai-dap{
        padding-bottom: 30px;
    }
    .why_choose_us{
        padding-bottom: 175px;
        padding-top: 60px;
    }
    .formthongtin{
        margin-bottom: 20px;
    }
    .slider-bottom .owl-carousel-item img{
        max-height: 160px;
    }
    .row-position-two-ct{
        top: -40px;
    }
    .row-custom{
        padding: 50px 0;
    }
    .slide .social_single ul{
        padding: 7px;
        gap: 15px;
    }
}