@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=vietnamese');
@import url('https://fonts.googleapis.com/css?family=Sarabun:100,200,300,400,500,600,700,800&display=swap&subset=vietnamese');
.container{
    max-width: 1200px;
    margin: 0 auto;
}
body{
    
    font-weight: 400;
    color: #000;
    font-size: 14px;
    background-color: #FFF
}
main{
    margin-top: 0!important;
}
@font-face  {
    font-family: "SVN-un";
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/SVN-Unthrift.otf');
}
/*sfw_header*/
.sfw_header{
    width: 100%;
    float: left;
    background: #fff;
    padding: 15px 0;
}
.sfw_header_logo {
    float: left;
    width: 142.823px;
    height: 70px;
    position: relative;
}
.sfw_header_logo img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin:  auto;
    width: 100%;
}
.sfw_header_right{
    float: right;
    width: calc(100% - 142.823px);
    padding-top: 15px;
}
.sfw_header_list{
    margin: 0;
    padding: 0 90px 0 0;
    width: calc(100% - 154px);
    float: left;
    text-align: right;
}
.sfw_header_list li{
    display: inline-block;
    list-style: none;
    padding: 10px 15px;
}
.sfw_header_list li a{
    display: block;
    color: rgb(10, 103, 233);
    font-size: 14px;
    text-align: center;
    line-height: 1.6;
}
.btn-header-sfw{
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    line-height: 1.6;
    background-color: rgb(10, 103, 233);
    border-radius: 100px;
    padding: 10px;
    width: 100%;
    max-width: 154px;
    float: left;
}
.btn-header-sfw:hover{
    color: #fff;
    background: #0d3771;
}

.header_hotline_item{
    color: rgb(0, 0, 0);
    font-size: 16px;
    line-height: 1.6;
    display: inline-block;
    border-right: 3px solid #000;
    padding-right: 30px;
    margin-right: 30px;
}
.header_hotline_item:last-child{
    padding-right: 0;
    margin-right: 0;
    border-right: 0;
}
.gptk_title{
    font-weight: 700;
    font-size: 30px;
    line-height: 39px;
    text-align: center;
    color: #000;
    margin-bottom: 0;
}
.gptk_title span{
    font-size: 45px;
    color: #34a32f;;
    font-weight: 700;
text-shadow: 0px 6px 6px rgb(0 0 0 / 15%);}


/*sfw_banner*/
.sfw_banner{
    float: left;
    width: 100%;
    background: transparent url('../images/bg-banner.png') no-repeat center top;
    background-size: cover;
    background-attachment: scroll;
    min-height: 831px;
    padding: 144px 0 30px;
}
.sfw_banner_left{
}
.sfw_banner_right{
    padding: 88px 0 0 ;
}
.banner_left_title{
    font-weight: 700;
    font-size: 45px;
    line-height: 58px;
    color: #FFFFFF;
    margin: 10px 0 20px;
text-shadow: 0px 6px 6px rgb(70 89 100);}
.banner_left_title span{
    display: block;
    color: #ffffff;
    border-bottom: 5px solid #fff;
    width: 100%;
    max-width: 605px;
    padding-bottom: 20px;
text-shadow: 0px 6px 6px rgb(70 89 100);}
.banner_left_txt{
    font-weight: 500;
    font-size: 18px;
    color: #FFFFFF;

}
.ic-003{
    display: inline-block;
    width: 66px;
    height: 66px;
    background: transparent url('../images/ic-003.png') no-repeat center center;
    vertical-align: -25px;
    margin-right: 5px;
    background-size: contain;
    flex-shrink: 0;
}
.banner_left_txt span{
    font-weight: 700;
    font-size: 25px;
    color: white;
}
.banner_left_txt b{
    display: block;
    font-weight: 800;
    font-size: 24px;
    line-height: 31px;
    color: #FFFFFF;
    padding-top: 10px;
}
.banner_left_item{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 18px;
}
.banner_left_icon{
    width: 21px;
}
.banner_left_body{
    width: calc(100% - 21px);
    padding-left: 5px;
}
.banner_left_icon img{
    vertical-align: 0;
    max-width: 100%;
}
.btn_sfw_all{
    background: #ff6a00;
    background: -webkit-linear-gradient(
        180deg
        , #ff6a00, #ee0979);
    background: linear-gradient(
        180deg
        , #ff6a00, #ee0979);
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    border-radius: 30px;
    -webkit-animation-duration:1.5s;
    animation-duration:1.5s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-name:scroll;
    animation-name:scroll;
    padding: 10px 20px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-width: 2px;
}
.btn_sfw_all:hover{
    color: #fff;
}
.banner_left_box{
    padding-top: 40px;
}

/*gptk_dntdbf*/
.gptk_dntdbf{
    float: left;
    width: 100%;
    padding: 25px 0 35px;
    background: linear-gradient(180deg, #8fc74a9c 0%, #8fc74a3b 100%);
}
.dntdbf_title {
    margin-bottom: 40px;
}
.dntdbf_content{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    min-height: 405px;
    background-image: url('../images/bg-dn-1.png');
    background-repeat: no-repeat;
    background-position: top 37px center;
    justify-content: space-between;
}
.dntdbf_left{
    width: calc(50% - 40px);
}
.dntdbf_item{
    border: 4px solid #FFFFFF;
    box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.15);
    border-radius: 49px;min-height: 98px;
    padding: 2px 3px;
    display: flex;
}
.dntdbf_item_trans{
    border: 4px solid transparent;
    box-shadow: none;
}
.dntdbf_item_img{
    width: 86px;
    display: flex;
    align-items: center;
    float: left;
}
.img-dntdbf{
    width: 100%;
}
.dntdbf_item_txt{
    float: left;
    width: calc(100% - 86px);
    padding-left: 11px;
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
    text-align: left;
    color: #fff;
    display: flex;
    align-items: center;
    padding: 4px 25px 0 11px;
}
.dntdbf_item_des{
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.dntdbf_item_txt span{
    font-weight: 700;
}
.dntdbf_item1 {
    background: #1BBBAD;
}
.dntdbf_item2 {
    background: #22B1E5;
}
.dntdbf_item3 {
    background: #FF5E00;
}
.dntdbf_item4 {
    background: #FFC14B;
}
.dntdbf_box_btn{
    text-align: center;
    padding-top: 20px;
}
.btn_all_page{
    background: linear-gradient(0deg, #C62400 0%, #FF8C8C 100%);
    border: 1px solid #FF7E7E;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 7px;
    font-weight: 700;
    font-size: 22px;
    line-height: 29px;
    color: #FFFFFF;
    padding: 15px 30px;
}
.btn_all_page:hover {
    color: #FFFFFF;
    background: linear-gradient(180deg, #C62400 0%, #FF8C8C 100%);
}
.ic-2 {
    display: inline-block;
    width: 22px;
    height: 16px;
    background: transparent url('../images/ic-2.png') no-repeat center center;
    margin-left: 5px;
    vertical-align: -2px;
}
/*gptk_dntkw*/
.gptk_dntkw{
    float: left;
    width: 100%;
    background: transparent url('../images/bg-dktv.png') no-repeat bottom center;
    background-size: cover;
    padding: 45px 0 30px;
    min-height: 733px;
}
.dntkw_title {
    margin-bottom: 40px;
}
.dntkw_title .gptk_title {
    color: #32a22d;
}
.dntkw_list {
    overflow: hidden;
}
.dntkw_list .row{
    margin: 0 -40px;
}
.dntkw_list .col-md-4{
    padding: 0 40px 80px;
}
.dntkw_item {
    width: 100% ;
    height: 100%;
}
.dntkw_item h5{
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #8fc74a;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 44px;
    margin-bottom: 5px;
}

/*gptk_ctkcbf*/
.gptk_ctkcbf{
    float: left;
    width: 100%;
    background: transparent url('../images/bg-ctkcbf.png') no-repeat center center;
    padding: 50px 0 30px;
    background-size: cover;
}
.ctkcbf_title{
    margin-bottom: 40px;
}
.ctkcbf_title .gptk_title{
    color: #32a22d;
}
.ctkcbf_slide_img img{
    width: 100%;
}
.gptk_ctkcbf .container{
    max-width: 1330px;
}
.ctkcbf_list{
    padding: 0 65px;
    position: relative;
}
.ctkcbf_list .swiper-button-next, .ctkcbf_list .swiper-button-prev{
    width: 22px;
    height: 36px;
    margin-top: -18px;
    background-size: 22px 36px;
}
.ctkcbf_list .swiper-button-next{
    background-image: url('../images/ic-3.png');
    right: 0;
} 
.ctkcbf_list .swiper-button-prev{
    background-image: url('../images/ic-4.png');
    left: 0;
} 
.ctkcbf_list .ctkcbf_slide{
    padding-bottom: 45px;
}
.ctkcbf_list .swiper-container-horizontal>.swiper-pagination-bullets, .ctkcbf_list .swiper-pagination-custom, .ctkcbf_list .swiper-pagination-fraction{
    bottom: 0;
}
.ctkcbf_list .swiper-pagination-bullet{
    width: 15px;
    height: 15px;
    border: 1px solid #fff;
    background: transparent;
    opacity: 1;
    margin: 0 6px;
}
.ctkcbf_list .swiper-pagination-bullet-active{
    background: #fff;
}
/*gptk_dntndl*/
.gptk_dntndl{
    float: left;
    width: 100%;
    background: #fff;
    padding: 30px 0 55px;
}
.dntndl_title {
    margin-bottom: 25px;
}
.dntndl_item{
    width: 100%;
    height: 100%;
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dntndl_item img{
    max-width: 100%;
}
.dntndl_box_btn{
    text-align: center;
    padding-top: 50px;
}

/*gptk_share*/
.gptk_share{
    float: left;
    width: 100%;
    background: linear-gradient(180deg, #8fc74a9c 0%, #8fc74a3b 100%);
    padding: 50px 0 30px;
}
.share_title {
    margin-bottom: 35px;
}
.share_title .gptk_title {
    color: #32a22d;
}
.share_txt{
    font-size: 20px;
    line-height: 26px;
    color: #000000; 
    text-align: center;
}
.gptk_share .container{
    max-width: 1430px;
}
.gptk_share .ctkcbf_list .swiper-button-next{
    background-image: url('../images/ic-5.png');
} 
.gptk_share .ctkcbf_list .swiper-button-prev{
    background-image: url('../images/ic-6.png');
} 
.share_slide_item {
    width: 100%;
    height: 100%;
    padding-top: 102px;
    position: relative;
}
.share_slide_img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 204px;
    height: 204px;
}
.share_slide_img span{
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 50%;
    background: #ddd;
}
.share_slide_img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.share_slide_img span:after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
}
.share_slide_body{
    background: #FFFFFF;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.15);
    border-radius: 16px;
    padding: 117px 30px 14px;
    height: 100%;
}
.share_body_top{
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    color: #8fc74a;
    margin-bottom: 20px;
}
.share_body_top>.name{
    font-weight: 700;
    font-size: 24px;
    line-height: 31px;
    text-align: center;
    color: #333333;
    display: block;
}
.share_body_top>.name i{
    font-weight: normal;
}
.share_body_txt{
    font-style: italic;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    color: #333333;
}
.ctkcbf_list .share_slide{
    padding-bottom: 40px !important;
}
.ctkcbf_list .share_slide .swiper-slide{
    height: auto;
    padding: 60px 35px 0;
}
.gptk_share .ctkcbf_list{

}
.ctkcbf_list .share_slide .swiper-slide-active{
    padding: 0;
}
.ctkcbf_list .share_slide .swiper-slide-active .share_slide_img span:after{
    display: none;
}
.ctkcbf_list .share_slide .swiper-slide-active .share_slide_img {
    width: 261px;
    height: 213px;
    padding: 0 24px;
    background: transparent url('../images/bg-active.png') no-repeat center 13px;
    background-size: 100% auto;
}
.ctkcbf_list .share_slide .swiper-pagination-bullet{
    width: 15px;
    height: 15px;
    border: 1px solid #2F80ED;
    background: transparent;
    opacity: 1;
    margin: 0 6px;
}
.ctkcbf_list .share_slide .swiper-pagination-bullet-active{
    background: #2F80ED;
}
.gptk_dktvnhn{
    float: left;
    width: 100%;
    background: transparent url('../images/bg-dktv.png') no-repeat center center;
    background-size: cover;
    padding: 88px 0 0;
}
.dktvnhn_left{
    width: 100%;
    height: 100%;
    position: relative;
    padding-bottom: 465px;
}
.dktvnhn_left_title{
    font-weight: 700;
    font-size: 45px;
    line-height: 38px;
    text-transform: uppercase;
    color: #32a22d;
text-shadow: 0px 6px 6px rgb(0 0 0 / 15%);}
.dktvnhn_left_title span{
    font-style: italic;
    font-weight: 600;
    font-size: 45px;
    color: #8fc74a;
    padding-left: 130px;
    display: block;
    text-transform: none;
}
.img-dktv{
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    max-width: 100%;
}
.dktvnhn_right{
    padding-bottom: 30px;
}
@media screen and (max-width: 1199px){
    .banner_left_title{
        font-size: 36px;
    }
    .dntkw_list .col-md-4{
        padding: 0 15px 30px;
    }
    .dntkw_list .row {
        margin: 0 -15px;
    }
}

@media screen and (max-width: 800px){
    .sfw_banner_left{
        width: 100%;
    }
    .sfw_banner_right{
        width: 100%;
        padding: 40px 0 0;
    }
}
@media screen and (max-width: 767px){

    .banner_left_icon{
        width: 20px;
    }
    .banner_left_item{
        margin-bottom: 15px;
    }
    .banner_left_txt{
        font-size: 16px;
        line-height: normal;
    }

    .sfw_banner_left{
        width: 100%;
    }
    .sfw_banner_right{
        width: 100%;
    }
    .sfw_banner, .sfw_crmggcdn{
        padding-top: 40px
    }
    .sfw_dndgvd{
        padding: 30px 0;
        background: #fff;
    }
    /*    @-webkit-keyframes scroll{
            0% {
                transform: scale(1,1);
            }
            50% {
                transform: scale(1.08,1.08);
            }
            100% {
                transform: scale(1,1);
            }
        }
        @keyframes scroll{
            0% {
                transform: scale(1,1);
            }
            50% {
                transform: scale(1.08,1.08);
            }
            100% {
                transform: scale(1,1);
            }
        }*/
    .btn-header-sfw{
        float: right;
    }
    .sfw_header_list{
        display: none;
    }
}
@media screen and (max-width: 575px){
    .gptk_share .ctkcbf_list {padding: 0;}
    .ctkcbf_list .share_slide .swiper-slide {padding: 60px 10px 0;}
}
@media screen and (max-width: 480px){
    .header_hotline_item{
        width: 100%;
        border-right: 0;
        margin-right: 0;
    }
}
@media screen and (max-width: 375px){

}
.home_footer{
    padding-top: 0;
}
.home_footer >.container>.row>.col-md-12:first-child,.footer-hr {
    display: none;
}
#box-taingay41 .modal-content{
    background: rgb(43, 131, 253)!important;
    border: 0;
}
#box-taingay41 .close{
    position: absolute;
    color: #000;
    opacity: 1;
    top: 10px;
    right: 15px;
}
.link-tuvan-fix {
    width: 100%;
    max-width: 233px;
    height: 50px;
    line-height: 50px;
    border-radius: 5px;
    background: linear-gradient(90deg, #33a22d 0%, #8fc74a 100%);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    color: white;
    
    margin-right: 15px;
    position: fixed;
    bottom: 70px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 999;
    text-transform: uppercase;
}
.link-tuvan-fix:hover{
    text-decoration: none;
    background: #79b332;
color: white;}
.gptk_share .row {display: block !important;margin: auto !important;}
span {vertical-align: baseline;}
.link-tuvan-fix i {font-size: 25px;}
.modal-cus-form {background: linear-gradient(90deg, #33a22d 0%, #32a22dc7 50%, #32a22d8f 100%);padding: 15px;border-radius: 15px;}
.modal-cus-form .title_font {color: white;background: none;-webkit-text-fill-color: snow;text-shadow: 0px 6px 6px rgb(70 89 100);}
.modal-cus-form .form-group > label {display: none;}
.modal-cus-form .form-group > input, .modal-cus-form .form-group > textarea {border-radius: 5px !important;}
.modal-cus-form div#btn-area h4, .modal-cus-form div#btn-area span {color: white;}
.modal-cus-form input.global-forn-btn {box-shadow: none !important;border-radius: 10px !important;width: auto;padding: 5px 100px;margin: 10px 0 0 0;}