/*
Template Css: Affiliate tại BKNS 2024
 */

@font-face {
    src: url("../fonts/Pattaya-Regular.ttf");
    font-family: "Pattaya";
}

@font-face {
    src: url("../fonts/Inter/Inter-Bold.ttf");
    font-family: "Inter";
    font-weight: 700;
}

@font-face {
    src: url("../fonts/Inter/Inter-Regular.ttf");
    font-family: "Inter";
    font-weight: 300;
}

body {
    font-family: "Inter" !important;
    font-weight: 300;
}
.img_hoa_hong p {
    color: #000;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 31.2px */
}
.title-2024 {
    text-align: center;
}
.title-2024 h3 {
    color: #000E8F;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.title-2024 p {
    color: #000;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.button_for_2024, .btnRegister {
    border-radius: 10px !important;
    border: 2px solid #a5aad9b5 !important;
    background: #000E8F !important;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
    color: #ffffff !important;
    font-weight: 700;
    padding: 5px 25px !important;
    height: unset !important;
    transition: 0.3s ease-in-out;
}
.button_for_2024:hover, .btnRegister {
    transition: 0.3s ease-in-out;
    transform: translateY(-5px);
}


.page-template table thead tr:nth-child(1) td, .content-entry table thead tr:nth-child(1) th, .page-template table thead tr:nth-child(1) th {
    background: #000E8F !important;
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 100;
    line-height: 130%;

}

table.table-white-2024 td {
    text-align: center;
    font-size: 20px !important;


}
.dang_ky_tham_gia {
    background: linear-gradient(180deg, #D4FFF7 0%, #A6EAFF 100%);
}

.dang_ky_aff_img .col-inner {
    display: flex;
    border-radius: 27px;
    border: 4px solid #000E8F;
    background: #FFF;
    align-items: center;
    transition: 0.3s ease-in-out;
}
.dang_ky_aff_img:nth-child(1)  .col-inner {
    height: 200px;
}
.dang_ky_aff_img:nth-child(2)  .col-inner {
    height: 240px;
}.dang_ky_aff_img:nth-child(3)  .col-inner {
     height: 240px;
 }

.dang_ky_aff_img:nth-child(4)  .col-inner {
    height: 300px !important;
}
.dang_ky_aff_img:nth-child(5)  .col-inner {
    height: 300px !important;
}


.dang_ky_aff_img:hover .col-inner {
    transition: 0.3s ease-in-out;
    transform: translateY(-5px);
}
.dang_ky_aff_img .box-text-inner h4 {
    color: #000E8F;
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}

.dang_ky_aff_img .box-text-inner p {
    color: #000;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 31.2px */
}
.title-20242 h3 {
    color: #000E8F;
    text-align: center;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}
footer#footer {
    background: linear-gradient(180deg, #D4FFF7 0%, #A6EAFF 100%);
}
#footer .footer-top p, #footer .footer-top a {
    color: #0c0c0c !important;

}
#footer .footer-top .footer-title h3 {
    color: #0c0c0c !important;
}
#footer .footer-top .footer-title i {
    color: #0c0c0c !important;
}

#footer .footer-top .footer-address p img {
    filter: brightness(0%) grayscale(100%) !important;
}
.title-img-afff {
    width: 100%;
    background: url(/wp-content/uploads/2023/12/Group-46.png);
    background-size: 100%;
    height: 120px;
    background-repeat: no-repeat;
    text-align: center;
    display: flex;
    align-items: flex-end;
    margin: 0px !important;
}
.title-img-afff h3 {
    color: #FFF;
    text-align: center;
    font-size: 30px;
    font-style: normal;
}
#footer .footerBorder:not(:last-child) {
    border-bottom: 0;
    margin: 0px !important;
    padding: 0px !important;
}.title-img-afff h3 a {
     color: #FFF;

 }

.icons_home_img {

}

.icons_home_img .box-label .box-text {
    position: absolute;
    bottom: 0;
    width: 450px !important;
    padding: 0;
    margin: 0% !important;
    padding: 0.5em 1.5em 0.55em;
    background-color: #fff0;
    opacity: .95;
    -webkit-box-shadow: 0px 0px 0px 0 rgba(0,0,0,.1) !important;
    box-shadow: 0px 0px 0px 0 rgba(0,0,0,.1) !important;
}
.icons_home_img .box-label .box-text.text-center {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-35%);
    top: 25%;
    left: 50%;
    margin: 10% 0;
}
.icons_home_img .box-label .box-text.text-center h4 {
    color: #000E8F;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 31.2px */
}
.icons_home_img .box-label .box-text.text-center p {
    color: #000;
}
.img_affiate_home_dk .col {
    padding: 0px !important;
    margin: 0px !important;
}

@media only screen and (max-width: 768px) {
    .title-img-afff {
        width: 100%;
        background-size: 100%;
        height: 67px;
        background-repeat: no-repeat;
        text-align: center;
        display: flex;
        align-items: flex-end;
        margin: 0px !important;
    }
    .title-img-afff h3 {
        color: #FFF;
        text-align: center;
        font-size: 16px;
        font-style: normal;
    }
    .icons_home_img .box-label .box-text.text-center h4 {

        font-size: 15px;

    }
    .icons_home_img .box-label .box-text.text-center p {
        font-size: 9px;
        color: #000;
    }
    .icons_home_img .box-label .box-text.text-center {
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-35%);
        top: 15%;
        left: 50%;
        margin: 10% 0;
    }
    .icons_home_img .box-label .box-text {
        position: absolute;
        bottom: 0;
        width: 300px!important;
        padding: 0;
        margin: 0% !important;
        padding: 0.5em 1.5em 0.55em;
        background-color: #fff0;
        opacity: .95;
        -webkit-box-shadow: 0px 0px 0px 0 rgba(0,0,0,.1) !important;
        box-shadow: 0px 0px 0px 0 rgba(0,0,0,.1) !important;
    }
}