::-webkit-scrollbar {
  width: 8px; 
}

::-webkit-scrollbar-thumb {
  background-image: linear-gradient(125deg, #243a72 0%, #243a72 100%);
  border-radius: 10px;    height: 100px;
}



.tmswrapper{margin: auto; width: 100%;max-width: 1200px;}
h2.title{text-transform: uppercase;color: #243a72;font-family: 'Montserrat', sans-serif; font-size: 30px;font-weight: 500;text-align: center; line-height: 1.6;}
h3.cate{text-transform: uppercase;color: rgb(64, 64, 64);font-size: 22px;font-family: 'Montserrat', sans-serif; font-weight: 500; text-align: center; line-height: 1.6;}
.cattag{ margin: auto;max-width: 400px;width: 100%; text-align: center;}
.cattag img{ width: 100%;height: auto; text-align: center;}
#tms4 .cattag {max-width: 600px;}#tms15 .cattag {max-width: 600px;}
#phankhu .cattag {max-width: 600px;}
#tms18 .cattag {max-width: 200px;}

.tms_line { width: 200px;text-align: center;border-top: 3px solid #9aca3c;left: 0;right: 0;margin: auto; margin-bottom: 20px;}
.tms_hometext{  text-align: center;padding:5px;/*margin-bottom: 20px;*/ }
.tms_hometext2{font-size: 16px;font-weight: 500;   text-align: justify;}
.home_banner {max-height: 866px;position: relative;overflow: hidden;}
.home_banner img {height: 100%;object-fit: cover;object-position: center;width: 100%;-o-object-fit: cover;}
.tms_modal{text-align: center;padding: 10px; margin-top: 20px;}
.home_banner_text_left {
    position: absolute;
    left: 5%;
    bottom: 5%;
    z-index: 9;
    width: 100%;max-width: 500px;
    padding: 20px;
    background-color: rgba(255,255,255,.5);
}
.home_banner_text_right {
    position: absolute;
    right: 5%;
    bottom: 5%;
    z-index: 9;
    width: 100%;max-width: 500px;
    padding: 20px;
    background-color: rgba(255,255,255,.5);
}


.btntms {margin-bottom: 20px;
        background: rgba(16, 145, 33, 1.0);
    background: -webkit-linear-gradient(180deg, rgba(16, 145, 33, 1.0), rgba(146, 203, 64, 1.0));
    background: linear-gradient(180deg, rgba(16, 145, 33, 1.0), rgba(146, 203, 64, 1.0));
    padding: 9px 29px;
    color: #fff;display: inline-block;
    text-align: center;
    border-radius: 32px;
    font-weight: 700;}
.btntms i{ animation: rung 1s infinite;
    font-size: 22px; }

.section-header{margin-bottom: 9px; text-align: center;}
.tms5px{padding-left: 2px;padding-right: 2px;padding-bottom: 3px;}
ul.form4{padding: 0;margin-bottom: 20px;}
ul.form4 li{font-size: 12px;}

#tms1{margin: auto;    height: 800px;}

.timhieuthongtin{text-align: center; display: inline-block;position: relative;margin-top: 140px;float: left; padding: 30px; }

.tms1loop{text-align: center; box-shadow: 8px 15px 20px -15px #000;-webkit-box-shadow: 8px 15px 20px -15px #000;background-color: rgb(251 197 52); border-radius: 29px;display: inline-block;position: relative;margin-top: 140px;float: right; width: 100%; padding: 20px 10px 20px 10px; max-width: 400px; right: 50px;}
.tms1loop img {width: 360px;height: auto;}
.tms1loopbtc1{
    padding: 6px 20px;
    animation: tada 2s infinite; 
    background-image: linear-gradient(to right, #ffffff  , #fbc534 );
    color: #0a0a0a;
    border-radius: 6px;
    bottom: 228px;
    text-transform: uppercase;
    position: absolute;left: 0;right: 0;
    margin: auto;
    font-size: 14px;
    font-weight: 600;
    width: 240px;}

.tms1loopbtc2
{   padding: 10px 20px;
    animation: tada 2s infinite;
    background-image: linear-gradient(to right, #ffffff  , #fbc534 );
    color: #0a0a0a;
    line-height: 1;text-transform: uppercase;font-weight: 600;
    bottom: 20px;
    border-radius: 6px;
    bottom: 278px;margin: auto;
    width: 240px;left: 0;right: 0;
    position: absolute;
    font-size: 14px;
}


.tms3btc { background-color:#243b72;
    border: solid 1px;
    color: #fff;animation: tada 1s infinite;
    padding: 5px 10px;
        display: inline-block;bottom: 20px;
    border-radius: 32px;
    font-weight: 600; font-size: 18px;}

a.tms2btc { background-color:#fdce02;
    border: solid 1px;
    color: #fff;
    padding: 5px 10px;
        display: inline-block;bottom: 20px;
    border-radius: 32px;
    font-weight: 600; font-size: 14px;}

.tms1btc { background-color:#e90f03;
    border: solid 1px;
    animation: tada 1s infinite;
    color: #fff;padding: 6px 20px;
        display: inline-block;bottom: 20px;
    border-radius: 32px;
    font-weight: 700; font-size: 16px;}

#tms1 h1{font-family: "Roboto";
    color: rgb(10, 103, 233);
    font-size: 26px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.6; 
    text-shadow: rgb(255 255 255) 2px 1px 2px;}
 #tms1 h2{font-family: "Roboto";
    color: rgb(10 103 233);
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.6;}

    
#tms2{padding: 10px 0px 10px 0px;margin: auto; background: #fff;}

.tms2_item_left img{width: 100%; height: 590px;}
.tms2_item_right img{width: 100%;}
#tms3{margin: auto;background: #fff;padding: 10px 0px 10px 0px;position: relative;}
.tms3_img img{width: 100%;}
#tms4{margin: auto;background: #fff;position: relative;padding: 10px 0px 10px 0px;}
.tms4_item{width: 100%;} .tms4_item img{width: 100%;height: auto;}


#phankhu{margin: auto;background: #fff;position: relative;padding: 30px 0px 30px;}
#tms5{width: 100%;margin: auto;position: relative;display: inline-block;}
#sp_tab {margin: auto;  }
.sp_tab_list{text-align: center;} 
.sp_tab_list button{    background: #fbc534;
    border: 1px solid #f2f2f2;
    border-radius: 30px;
    padding: 5px 5px 5px 5px;
    color: #fff;
    width: 110px;
    font-size: 12px;}
.sp_tab_content {margin: auto ;padding-top: 10px;}
#thanhphan {text-align: center; margin-top: 20px;max-width: 500px;}

.phankhuimg {height: 240px; position: relative;overflow: hidden;}
.phankhuimg img{height: 100%;object-fit: cover;object-position: center;width: 100%;-o-object-fit: cover;}
.phankhuimg_text {
    position: absolute;
    left: 0px; right:0px;
    bottom: 0;
    z-index: 9;
    width: 100%;
    padding: 20px; color: #000;
    background-color: rgb(255 255 255 / 64%);
}
.phankhutitle {
    margin-bottom: 20px;
    background: rgb(151 201 63);
    padding: 9px 29px;
    color: #fff;
    display: inline-block;
    text-align: center;
    font-weight: 700;
}






.tms5_item{width: 100%; margin-bottom: 10px;} .tms5_item img{width: 100%;height: auto;}
#tms6{margin: auto;background:#fff;position: relative;padding: 0px 0px 60px 0px;}
.tms6_item{width: 100%; margin-bottom: 10px;} 
.tms6_item h3{color: #FFDD00;font-size: 20px;font-weight: bold;margin-bottom: 20px;} 
.tms6_item h2{color: #FFDD00;font-size: 25px;font-weight: bold;margin-bottom: 20px;margin-top: 20px; text-align: center;} 
.tms6_itembtn {background: #FFDD00;    color: #073a91; font-size: 20px;
    background: -webkit-radial-gradient(circle, #FFDD00, #FBB034);
    background: radial-gradient(circle, #FFDD00, #FBB034);
    padding: 12px 35px; color: #fff;text-align: center; border-radius: 32px;font-weight: 700;}

.tms6_text ul{padding: 0;margin: 0;} 
.tms6_text ul li{color: #fff;margin-bottom: 5px;padding-left: 20px;font-size: 18px;} 
.tms6_text ul li:before {content: "\f00c";color: #FFDD00;font-family: 'FontAwesome';font-size: 18px; position: absolute;left: 0px;}
#tms6 h2.title{color:#FFDD00;font-size: 30px;font-weight:600;text-align: center; line-height: 1.6;}
#tms6 h3.cate{color: #fff;font-size: 22px;text-align: center; line-height: 1.6;}
.tms6_form{position: absolute; width: 100%;}
#spButton2{padding: 80px 40px 20px 40px;position: relative;z-index: 11;}
#spButton2 h2{color:rgb(7, 58, 145);font-size: 20px;font-weight: bold;text-align: center; line-height: 1.6;}
.spButton2_line { width: 100px;text-align: center;border-top: 3px solid rgb(7, 58, 145);left: 0;right: 0;margin: auto; margin-bottom: 20px;}
#spButton2 .btn3{ background-color:rgb(7, 58, 145);padding: 9px 29px;color: #fff;text-align: center;border-radius: 32px;font-weight: 700; } 
#spButton2 .form-control { border: 1px solid rgb(7, 58, 145); background: none !important;    color: rgb(28, 72, 116) !important; }
#spButton2 input { background: none !important;    color: rgb(28, 72, 116) !important; }
#spButton2 option {  color: rgb(28, 72, 116) !important; }


#tms7{margin: auto;background: #fff;position: relative;padding: 10px 0px 30px 0px;z-index: 1;}
#tms8{margin: auto;background: #fff;position: relative;padding: 20px 0 30px 0px;}
#tms9{margin: auto;background: #fff;position: relative;padding: 20px 0 30px 0px;}
#tms10{margin: auto;background: #fff;color: #f8f8f8;position: relative;padding: 20px 0 30px 0px;}

#tms11{margin: auto;background: #fff;position: relative;padding: 20px 0 30px 0px;}


#tms15{margin: auto;    background:#fff;position: relative;padding: 10px 0 30px 0px;}
.tms15img img{height: 500px;width: 100%;float: right;object-fit: cover;object-position: center;}
.tms15bode {box-shadow: 0px 15px 20px -15px #000;
    -webkit-box-shadow: 0px 15px 20px -15px #000;
    background-color: rgb(255, 255, 255);padding: 10px;
    border-color: rgb(238, 202, 102);}
.tms15text {margin-bottom: 10px;position: relative; font-size: 20px;padding: 20px;} 
.tms15text ul{padding: 0;margin: 0;} 
.tms15text ul li{color: #000;margin-bottom: 5px;padding-left: 20px;font-size: 16px;} 
.tms15text ul li:before {content: "\f00c";color: #8fc840;font-family: 'FontAwesome';font-size: 16px; position: absolute;left: 0px;}
#tms16{margin: auto;       background:#fff;position: relative;padding: 30px 0 30px 0px;}
#tms17{margin: auto;     background:#fff;position: relative;padding: 30px 0 30px 0px;}
#tms18{margin: auto;background: #fff;position: relative;padding: 10px 0px 10px 0px;z-index: 1;}
#tms19{margin: auto;background: #fff;position: relative;padding: 20px 0px 0px 0px;z-index: 1;}
#tms19 img{margin: auto;width: 100%; height: auto;}


.catedoitac{padding: 20px 0px 10px 0px;font-size:13px;text-align: center; font-weight: 500;text-transform: uppercase;}
.doitaclist {text-align: center;}
.doitaclist img{    width: auto;
    height: 60px;
    text-align: center;
    margin: auto;}



@media only screen and (min-width: 767px) and (max-width: 967px) {
#tms1 {height: 700px !important;}
#spButton2 h2 {font-size: 18px;}  
#spButton2 {padding: 50px 40px 20px 40px;}
.spButton2_line {;margin-bottom: 6px;}

}
@media only screen and (min-width: 480px) and (max-width: 767px) {
#tms1 {height: 600px !important;}    
.tms1_img{display: none;}
#spButton2 h2 {font-size: 16px;}
.tms6_form {height: 450px;}

}



@media screen and (max-width: 499px) {




 .sp_tab_list button {
    background: #97c93f;
    border: 1px solid #f2f2f2;
    border-radius: 30px;
    padding: 2px 5px 2px 5px;
    color: #fff;
    margin-bottom: 2px;
}
   


.tms1loop {
    float: none;
    margin: auto;
    margin-top: 100px;
    width: 100%;
    right: 0px;
    max-width: 100%;
}    
.tms1loop img {width: 300px;height: auto;}
.tms1loopbtc1 {bottom: 246px;}
.tms1loopbtc2 {bottom: 205px;}
.tms_hometext2 {font-size: 14px;}
.btntms {font-size: 12px;}
a.tms2btc {font-weight: 600;font-size: 12px;}
#tms1 h1 {font-size: 20px!important;text-align: center;}
#tms1 h2 {font-size: 20px!important;text-align: center;}
.tms1btc { padding: 4px 10px;font-size: 14px;}
.tms1_img{display: none;}
h2.title {font-size: 18px;}
h3.cate {font-size: 14px;}
.tms2_item_left{margin-bottom: 4px;}
.tms2_item_left img {width: 100%;height: auto;}
.tms2_item_right img {
    height: auto !important;
}
#tms6 h2.title {font-size: 22px;}
#tms6 h3.cate {font-size: 16px;}
.tms6_item h2 {font-size: 20px;}
.tms6_item h3 {font-size: 16px;}
#spButton2 { padding: 40px 40px 20px 40px;}
#spButton2 h2 {font-size: 14px;}
.spButton2_line {margin-bottom: 5px;}


}