body{font-family:"Open Sans",sans-serif;color:#2d2d2d}
h1,h2,h3,h4,h5,h6{font-family:"Open Sans",sans-serif}
a{color:#042567}
a:hover{color:#1e09dd;text-decoration:none}
a .hover-text{display:none}
a:hover .hover-text{display:inline-block;color:#ae290f}
#header{z-index:997;transition:all .5s;padding:.4rem 0; background-color: #0e8d2c;}
#header.header-scrolled{box-shadow:0 2px 15px rgba(0,0,0,0.1);padding:10px 0;background:#097a23}
#header .logo h1{font-size:20px;margin-top:10px;line-height:1;font-weight:700;text-decoration:none;letter-spacing:-1px;font-family:sans-serif}
#header .logo img{padding:0;margin:0;max-height:55px}
#header .logo h1 a{color:#130355}
#header .logo{display:flex;align-items:center;text-align:center}
#hero{width:100%;height:75vh;margin-top:2rem}

#hero h1{margin:0 0 25px;font-size:2.8rem;font-weight:700;line-height:2.5rem;color:#46030c;font-family:"Open Sans",sans-serif;letter-spacing:-1px}
#hero h2{color:#035416;margin-bottom:1rem;font-size:1.6rem;font-family:"Open Sans",sans-serif}
#hero h3{margin:0 0 10px;font-size:1.6rem;font-weight:600;line-height:1.8rem;color:#083ba0}
#hero h4{margin:0 0 10px;font-size:1.4rem;font-weight:600;line-height:1.6rem;color:#4e62e9}

#hero .animated{animation:up-down 2s ease-in-out infinite alternate-reverse both}
#footer{background:#256a02fc;padding:30px 0;color:#ffffff;font-size:14px}
#footer .credits{font-size:13px;padding-top:5px;color:#dae9ee}
#footer .footer-links a{color:#fefefe;padding-left:15px}
#footer .footer-links a:first-child{padding-left:0}
#footer .footer-links a:hover{color:#080665}
/* Quan trong */
.center-auto {
    margin:auto;
  }
.ellipse-auto{position:relative;padding:20px;width:auto;height:100%;border-radius:3%;background-image:linear-gradient(135deg,#f0f3f69e,#e2f0f36f,#f2f8fa89,#f3f9faa1);box-shadow:0 2px 4px rgba(0,0,0,0.1);border:1px solid #a0d0dc77;display:flex;flex-direction:column;justify-content:center;align-items:center}
.card-img {max-height: 400px;width: auto;}
.dynamic-icon{font-size: 35px;}
.dynamic-icon-guide{font-size: 25px;}
.dynamic-icon-mobile{font-size: 25px;}
.guide_name{color:#072211}
.btn-get-started{font-family:"Open Sans",sans-serif;font-weight:600;font-size:20px;display:inline-block;padding:7px 15px;border-radius:40px;transition:.5s;color:#443f3f;}
.btn-get-started:hover{background:#ec0808;color:#fff}
.btn-get{font-family:"Open Sans",sans-serif;font-weight:600;font-size:20px;display:inline-block;padding:7px 15px;border-radius:10px;transition:.5s;color:#443f3f;}
.btn-get:hover{background:#b8d1e9ad;color:#0a067b}
.ellipse-fontend{position:relative;padding:20px;width:auto;height:100%;border-radius:10%;background-image:linear-gradient(135deg,#f0f3f69e,#e2f0f36f,#f2f8fa89,#f3f9faa1);box-shadow:0 2px 4px rgba(0,0,0,0.1);border:1px solid #a0d0dc77;display:flex;flex-direction:column;justify-content:center;align-items:center}
.ellipse-fontend:before{content:'';position:absolute;top:-1px;left:-1px;width:calc(100% + 1px);height:calc(100% + 1px);border-radius:10%;border:1px solid #a2c9e463}
.nav-menu,.nav-menu *{margin:0;padding:0;list-style:none}
.nav-menu > ul > li{position:relative;white-space:nowrap;float:left}
.nav-menu a{display:block;position:relative;color:#f5f7fa;padding:8px 0 12px 20px;transition:.3s;font-size:17px;font-family:"Open Sans",sans-serif;}
.nav-menu a:hover,.nav-menu .active > a,.nav-menu li:hover > a{color:#d2e1f4;text-decoration:none}
.nav-menu .get-started a{background:#035321;color:#fff;border-radius:40px;margin:0 0 0 30px;padding:8px 20px}
.nav-menu .get-started a:hover{background:#e40834;color:#fff}
.nav-menu .drop-down ul{display:block;position:absolute;left:25px;top:calc(100% + 30px);z-index:99;opacity:0;visibility:hidden;padding:10px 0;background:#fff;box-shadow:0 0 30px rgba(127,137,161,0.25);transition:ease all .3s;border-radius:5px}
.nav-menu .drop-down:hover > ul{opacity:1;top:100%;visibility:visible}
.nav-menu .drop-down li{min-width:180px;position:relative}
.nav-menu .drop-down ul a{padding:10px 20px;font-size:14px;text-transform:none;color:#222}
.nav-menu .drop-down ul a:hover,.nav-menu .drop-down ul .active > a,.nav-menu .drop-down ul li:hover > a{color:#3498db}
.nav-menu .drop-down > a:after{content:"\ea99";font-family:IcoFont;padding-left:5px}
.nav-menu .drop-down .drop-down ul{top:0;left:calc(100% - 30px)}
.nav-menu .drop-down .drop-down:hover > ul{opacity:1;top:0;left:100%}
.nav-menu .drop-down .drop-down > a{padding-right:35px}
.nav-menu .drop-down .drop-down > a:after{content:"\eaa0";font-family:IcoFont;position:absolute;right:15px}
.mobile-nav-toggle{position:fixed;right:15px;top:15px;z-index:9998;border:0;background:none;font-size:24px;transition:all .4s;outline:none!important;line-height:1;cursor:pointer;text-align:right}
.mobile-nav-toggle i{color:#f4f1f1}
.mobile-nav{position:fixed;top:55px;right:15px;bottom:15px;left:15px;z-index:9999;overflow-y:auto;background:#fff;transition:ease-in-out .2s;opacity:0;visibility:hidden;border-radius:10px;padding:10px 0}
.mobile-nav *{margin:0;padding:0;list-style:none}
.mobile-nav a{display:block;position:relative;color:#222;padding:10px 20px;font-weight:500;outline:none}
.mobile-nav a:hover,.mobile-nav .active > a,.mobile-nav li:hover > a{color:#3498db;text-decoration:none}
.mobile-nav .get-started{text-align:center;margin-top:10px}
.mobile-nav .get-started a{background:#02014c;color:#fff;border-radius:50px;margin:0 15px;padding:10px 30px;display:inline-block}
.mobile-nav .get-started a:hover{background:#010164;color:#fff}
.mobile-nav .drop-down > a:after{content:"\ea99";font-family:IcoFont;padding-left:10px;position:absolute;right:15px}
.mobile-nav .active.drop-down > a:after{content:"\eaa1"}
.mobile-nav .drop-down > a{padding-right:35px}
.mobile-nav .drop-down ul{display:none;overflow:hidden}
.mobile-nav .drop-down li{padding-left:20px}
.mobile-nav-overly{width:100%;height:100%;z-index:9997;top:0;left:0;position:fixed;background:rgba(9,9,9,0.6);overflow:hidden;display:none;transition:ease-in-out .2s}
.mobile-nav-active{overflow:hidden}
.mobile-nav-active .mobile-nav{opacity:1;visibility:visible}
.mobile-nav-active .mobile-nav-toggle i{color:#fff}
.zoomable-image{transition:transform .3s ease-in-out}
.zoomable-image:hover{transform:scale(1.3)}
.portfolio .portfolio-wrap .portfolio-links{text-align:center;z-index:4}
.portfolio .portfolio-wrap .portfolio-links a:hover{color:#3498db}
.portfolio .portfolio-wrap .portfolio-links a{color:#0a9193;margin:0 5px 0 0;font-size:80px;transition:.5s;display:inline-block}
.page-div {
  min-height: 4rem;
  background-color: rgba(240, 246, 240, 0.681);
  padding: 30px;
}

.content-aboutus {
  display: none;
}

.chosen-select {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  zoom: 1;
  word-break: break-all;
}

.section-bg{background-color:#f7fbfe}
.section-title{text-align:center;padding-bottom:30px}
.section-title h2{font-size:32px;font-weight:700;text-transform:uppercase;position:relative;color:#222}
.section-title h2::before,.section-title h2::after{content:'';width:50px;height:2px;background:#3498db;display:inline-block}
.section-title h2::before{margin:0 15px 10px 0}
.section-title h2::after{margin:0 0 10px 15px}
.section-title p{margin:15px 0 0}
.section-title h4{font-size:25px;font-weight:600;text-transform:uppercase;margin-bottom:10px;position:relative;color:#067eda}
.section-title h4::before,.section-title h4::after{content:'';width:50px;height:2px;background:#0564ac;display:inline-block}
.section-title h4::before{margin:0 10px 7px 0}
.section-title h4::after{margin:0 0 7px 10px}
.card-title{text-transform:uppercase;color:#044c66}
.crud-title h5{font-size:20px;font-weight:600;margin-bottom:10px;margin-top:10px;text-transform:uppercase;position:relative;color:#011512}
.crud-title h5::before,.crud-title h5::after{content:'';width:40px;height:2px;background:#0564ac;display:inline-block}
.crud-title h5::before{margin:0 10px 7px 0}
.crud-title h5::after{margin:0 0 7px 10px}

.clients{padding:10px 0;text-align:center}
.clients .col-lg-2{display:flex;align-items:center;justify-content:center}
.about .content h3{font-weight:600;font-size:26px}
.about .content ul{list-style:none;padding:0}
.about .content ul li{padding-left:28px;position:relative}
.about .content ul li + li{margin-top:10px}
.about .content ul i{position:absolute;left:0;top:2px;font-size:20px;color:#3498db;line-height:1}
.about .content p:last-child{margin-bottom:0}
.about .content .btn-learn-more{font-family:"Open Sans",sans-serif;font-weight:600;font-size:15px;letter-spacing:1px;display:inline-block;padding:12px 32px;border-radius:50px;transition:.3s;line-height:1;color:#1e7e34;-webkit-animation-delay:.8s;animation-delay:.8s;margin-top:6px;border:2px solid #1e7e34}
.about .content .btn-learn-more:hover{background:#1e7e34;color:#fff;text-decoration:none}
.hidden-luongcontent{display:none}
.counts{padding-top:0}
.counts .content{padding:0}
.counts .content h3{font-weight:700;font-size:34px;color:#222}
.counts .content p{margin-bottom:0}
.counts .content .count-box{padding:20px 0;width:100%}
.counts .content .count-box i{display:block;font-size:36px;color:#1e7e34;float:left}
.counts .content .count-box span{font-size:36px;line-height:30px;display:block;font-weight:700;color:#222;margin-left:50px}
.counts .content .count-box p{padding:15px 0 0;margin:0 0 0 50px;font-family:"Open Sans",sans-serif;font-size:14px;color:#484848}
.counts .content .count-box a{font-weight:600;display:block;margin-top:20px;color:#484848;font-size:15px;font-family:"Poppins",sans-serif;transition:ease-in-out .3s}
.counts .content .count-box a:hover{color:#6f6f6f}
.contact .contact-about h3{font-size:28px;margin:0 0 10px;padding:0;line-height:1;font-weight:700;letter-spacing:1px;color:#222}
.contact .contact-about p{font-size:14px;line-height:24px;font-family:"Open Sans",sans-serif;color:#888;text-align:justify}
.contact .social-links{padding-bottom:20px}
.contact .social-links a{font-size:18px;display:inline-block;background:#fff;color:#3498db;line-height:1;padding:8px 0;margin-right:4px;border-radius:50%;text-align:center;width:36px;height:36px;transition:.3s;border:1px solid #3498db}
.contact .social-links a:hover{background:#3498db;color:#fff}
.contact .info{color:#444}
.contact .info i{font-size:32px;color:#3498db;float:left;line-height:1}
.contact .info p{padding:0 0 10px 42px;line-height:28px;font-size:14px}
.result-comment {
  padding: 10px;
  margin-top: 10px;
  color: green;
}
.contact .loading{display:none;background:#fff;text-align:center;padding:15px}
.contact .loading:before{content:"";display:inline-block;border-radius:50%;width:24px;height:24px;margin:0 10px -6px 0;border:3px solid #18d26e;border-top-color:#eee;-webkit-animation:animate-loading 1s linear infinite;animation:animate-loading 1s linear infinite}
.back-to-top{position:fixed;display:none;right:15px;bottom:15px;z-index:99999}
.back-to-top i{display:flex;align-items:center;justify-content:center;font-size:24px;width:40px;height:40px;border-radius:4px;background:#05447f;color:#fff;transition:all .4s}
.back-to-top i:hover{background:#1e7e34;color:#fff}
.default{color:#1329b7}
.gold{color:#ffd700}
.silver{color:silver}
.white{color:white}
.bronze{color:#cd853f}
.green{color:green}
.royalblue{color:#1a71b5}
.darkslategray{color:#2f4f4f}
.blue{color:blue}
.red{color:red}
.redtop20 { color: red;  position: relative;  top: 25px; font-weight: 700; font-size:16px; left:-20px; background-color:#fff}
.darkcyan{color:#008b8b}
.darkorange{color:#ff8c00}
.lightgray{color:lightgray}
.success{color:#44b267}
.fail{color:#b00933}
.mau{color:#850726}
.bg-white{background-color:#fff}
.bg-blue{background-color:#d6e9f1}
.bg-green{background-color:#e7f0ebcd}
.same{background-color:#98e9b246;font-size:13px}
.different{background-color:#fb262611;font-size:13px}
.font_s10{font-size:10px}
.font_s11{font-size:11px}
.font_s12{font-size:12px}
.font_s13{font-size:13px}
.font_s14{font-size:14px}
.font_s15{font-size:15px}
.font_s16{font-size:16px}
.font_s17{font-size:17px}
.font_s20{font-size:20px}
.font_s25{font-size:25px}
.font_s30{font-size:30px}
.font_s35{font-size:35px}
.font_s40{font-size:40px}
.font_dynamic{font-size:150px; color:darkgreen}
.img_dynamic { padding: 15%;}

.minheight500{min-height:500px}
.minheight450{min-height:450px}
.minheight400{min-height:400px}
.minheight350{min-height:350px}
.minheight300{min-height:300px}
.border_right{border-right:1px solid #e3e6f0}
.border_left{border-left:1px solid #e3e6f0}
.btn_auth{border-radius:10rem;border-top-right-radius:0;border-bottom-right-radius:0;border:1px solid #d1d3e2;border-right:none}
.button-type{background-color:#043874;color:#fff;border:none;padding:0 10px;border-radius:5px;font-size:16px;cursor:pointer;float:right}
.button-refresh{background-color:transparent;color:#1b25ed;border:none;padding:0 10px;border-radius:5px;font-size:16px;cursor:pointer;float:right}
.luong-button{color:#074f8e;background-color:#ecf8f982;border-radius:5px;border:1px solid;padding:5px 14px;font-size:15px}
.floating-button{display:inline-block;padding:10px 20px;margin-left:5px;background-color:#086caf;color:#fff;border-radius:5px;text-decoration:none;box-shadow:0 2px 4px rgba(0,0,0,0.25);transition:transform 0.3s,box-shadow .3s}
.floating-button:hover{transform:translateY(-3px);text-decoration:none;color:#033f68;box-shadow:0 4px 8px rgba(0,0,0,0.3);background-color:#dbebf5}
.hidden{display:none}
.right-content{padding:20px}
.right-content-center{max-width:60%;margin-left:auto;margin-right:auto;margin-top:10px;padding:30px;border:1px solid rgba(214,211,211,0.897);box-shadow:0 0 3px 0 rgba(3,114,165,0.3)}
.width95{max-width:95%;margin-left:auto;margin-right:auto}
.width90{max-width:90%;margin-left:auto;margin-right:auto}
.width80{max-width:80%;margin-left:auto;margin-right:auto}
.width70{max-width:70%;margin-left:auto;margin-right:auto}
.width60{max-width:60%;margin-left:auto;margin-right:auto}
.martop90{margin-top: 90px;}
.martop80{margin-top: 80px;}
.martop70{margin-top: 70px;}
.martop60{margin-top: 60px;}
.table-container{max-height:600px;overflow-y:auto}
.table-container thead th{position:sticky;top:0;background-color:#f8f9fa;z-index:1}
.container-type{max-width:80%;margin-left:auto;margin-right:auto;padding:20px;background-color:#fff;position:relative;border-radius:10px;box-shadow:0 5px 10px rgba(93,92,92,0.15)}
.member-img img{border-radius:20%;max-width:220px;border:1px solid rgba(214,211,211,0.897);box-shadow:0 0 3px 0 rgba(3,114,165,0.3);padding:10px;margin:20px;transition:transform .5s ease}
.member-img img:hover{transform:scale(1.4)}
.img_thumb{height:35px;width:35px;border-radius:20%;object-fit:cover}
.image-container .thumb{display:inline-block;cursor:pointer;max-height:250px}
.image-container .thumb img{width:100%;display:block;max-width:450px}

.fluid-img-hs{height:100px;width:auto;border-radius:5%;align-items:center;justify-content:center}
.ellipse{position:relative;padding:15px;max-width:350px;height:auto;border-radius:3%;margin-top:15px;background-image:linear-gradient(135deg,#f0f3f69e,#e2f0f36f,#f2f8fa89,#f3f9faa1);box-shadow:0 2px 4px rgba(0,0,0,0.1);border:1px solid #34a4c077;display:flex;flex-direction:column;justify-content:center;align-items:center}

.ellipse-admin{position:relative;padding:20px;width:250px;height:320px;border-radius:50%;background-image:linear-gradient(135deg,#c8d8e99e,#ecf2f36f,#f3f3f389,#ffffffa1);box-shadow:0 2px 4px rgba(0,0,0,0.1);border:1px solid #138fae77;display:flex;flex-direction:column;justify-content:center;align-items:center}
.ellipse-admin:before{content:'';position:absolute;top:-1px;left:-1px;width:calc(100% + 1px);height:calc(100% + 1px);border-radius:50%;border:1px solid #178fe563}
.elips-img{border-radius:10%;height:100px;width:120px;object-fit:cover}
.luong-search{padding:3px 8px}
.list-group-item{border:none;padding:15px;background-color:#fff;border-radius:15px;margin-bottom:15px;box-shadow:0 2px 5px rgba(0,0,0,0.1)}
.max-wid{max-width:150px;word-break:break-all}
.custom-card{display:flex;align-items:center;justify-content:center}
.custom-card-admin{display:flex;align-items:center;justify-content:center}
.form-luong{margin-top:40px;padding-bottom:50px;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:5px;border:1px solid rgba(214,211,211,0.897);box-shadow:0 0 3px 0 rgba(3,114,165,0.3)}
.mahv_an_id{display:none}
.no-bullet{list-style-type:none;font-size:16px;padding-top:10px}
.wrapper-div{background-color:rgba(232,246,245,0.667);padding:10px;border-radius:5px;border:1px solid rgba(214,211,211,0.897);box-shadow:0 0 3px 0 rgba(3,114,165,0.3)}

.scrollable-container{max-height:480px;overflow-x:hidden;overflow-y:auto}
.scrollable-container-lg{max-height:600px;overflow-x:hidden;overflow-y:auto}
.right-canle{text-align:right}
.right-canle ul{list-style:none;padding:0;margin:0}
.right-canle li{display:inline-block;margin-right:10px}
.image-container{position:relative;overflow:hidden;border:1px solid #0b6694}
.overlay{position:absolute;bottom:0;left:0;width:100%;background-color:rgba(255,255,255,0.9);padding:8px;text-align:center}
.no-copy{pointer-events:none}
.transparent-overlay{position:relative}
.transparent-overlay::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:12;background-color:rgba(0,0,0,0);pointer-events:none}
.transparent-overlay #document-docx{position:relative;z-index:13;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.container-center{justify-content:center;align-items:center}
.container-center .col-md-6{margin-bottom:1rem;text-align:center}
.container-center .col-md-6 .form-control{margin-top:.5rem;width:100%}
.border_not_top{
    border: 1px solid rgba(209, 204, 204, 0.788);
    border-top: none;
    box-shadow: 0px -5px 5px rgba(195, 242, 243, 0.1);
  }

  .row-one {
    display: flex;
    flex-wrap: wrap;
  }
  
  .row-one img {
    flex: 1;
  }
  
  .row-one span {
    flex: 0;
  }