@font-face {font-family: 'UTMAvo-Bold';src: url('./fonts/UTMAvo/UTM_AvoBold.ttf');font-weight: 700;}
@font-face {font-family: 'UTMAvo-Regular';src: url('./fonts/UTMAvo/UTM_Avo.ttf');font-weight: 400;}
@font-face {font-family: 'UTMAvo-Bebas';src: url('./fonts/UTMBebas/UTM_Bebas.ttf');font-weight: 400;}
* {margin: 0;padding: 0;box-sizing: border-box;}
.clearfix:after {content: "";display: block;height: 0;width: 100%;clear: both;}
body {font: 400 14px/1.6 'UTMAvo-Regular', sans-serif !important;color: #000;overflow-x: hidden;width: 100%;}
ol,ul {list-style: none;}
a {text-decoration: none !important;color: #000 !important;}
.al {display: flex;align-items: center;}
/* .page-contest{overflow: hidden;} */
/* header-top */
#navbarNav{justify-content: end;}
.bars {font-size: 16px;font-family: 'UTMAvo-Bold', sans-serif;color: #fff;}
.bars-item {background: url(../../images/contest-bhxh-2024/border-nav.png) right center no-repeat;display: flex;align-items: center;}
.bars-item:last-child {background: none;}
.header-top {position: sticky;width: 100%;left: 0;top: 0;z-index: 19;background: #2e46db;}
.nav-link {padding: 1.5em !important;color: #fff !important;}
.nav-link:hover{color: #f8d000 !important;}
/* header-competition */
.header-competition {width: 100%;position: relative;background: #2e46db;background: linear-gradient(164deg, #2e46db 50%, #d90473 75%);padding: 20px 0 50px 20px;}
.bg-cover{width: 100%;position: absolute;bottom: 0;left: 0;right: 0;}
.competition-logo {display: flex;justify-content: center;flex-direction: column;align-items: center;gap: 10px;}
.competition-name-cdyt{font-family: 'UTMAvo-Bold', sans-serif;color: #fff;font-size: 20px;text-align: center;}
.competition-department {margin-top: 20px;}
.competition-name {display: inline-block;font-size: 15px;color: white;text-transform: uppercase;font-weight: 400;background: #050e8d;border-radius: 10px;padding: 10px 20px;text-align: center;margin: 0 15px;min-width: 360px;}
.competition-title {margin-top: 30px;text-transform: uppercase;font-family: 'UTMAvo-Bold', sans-serif;display: flex;flex-direction: column;align-items: center;gap: 20px;}
.title-small {font-size: 25px;color: #ffc905;display: flex;background: url(../../images/contest-bhxh-2024/border-cover-title.png) bottom center no-repeat;padding-bottom: 10px;background-size: 100%;}
.title-big {color: #fff;font-size: 40px;text-align: center;line-height: 1.6;}
.section-content {padding-top: 30px;display: flex;font-size: 18px;gap: 20px;flex-direction: column;justify-content: center;margin: 0 auto;}
.section-title {font-size: 36px;color: #000;font-family: 'UTMAvo-Bold', sans-serif;text-transform: uppercase;}
/* section */
section {padding: 50px 0px;}
section:last-child {padding-bottom: 0px;}
#thong-tin,#the-le,#tai-lieu {background: url(../../images/contest-bhxh-2024/bg-headline.png) top 1px center no-repeat;}
/* muc-dich */
#muc-dich{background: url(../../images/contest-bhxh-2024/bg-purpose.png) top center no-repeat;background-size: 100%;}
/* doi-tuong */
#doi-tuong{padding-top: 0;}
#doi-tuong .container{position: relative;}
#doi-tuong .section-title{background: url(../../images/contest-bhxh-2024/border-title.png) bottom center no-repeat;width: 100%;padding-bottom: 20px;color: #fff;}
#doi-tuong .section-content {text-align: center;position: absolute;padding: 0 190px;height: 95%;}
.background-objects {width: 100%;height: auto;}
.title-object {font-size: 20px;color: #fff;}
/* start-contest */
#start-contest{padding-top: 0;}
#start-contest .icon {display: block;width: 120px;height: 120px;background-color: #fff;border-radius: 50%;margin: 15px auto;padding: 10px;position: relative;border: 2px solid #4c55ea;}
#start-contest .icon:hover {border: 2px solid #dd026f;}
#start-contest .icon::before {content: '';display: block;background: #4c55ea;width: 100%;height: 100%;border-radius: 50%;}
#start-contest .icon:hover::before{background: #dd026f;}
#start-contest .icon::after {content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-size: 30%;}
.icon-rules::after {background: url(../../images/contest-bhxh-2024/ico-rules.png) center center no-repeat;}
.icon-files::after {background: url(../../images/contest-bhxh-2024/ico-files.png) center center no-repeat;}
.icon-hourglass::after {background: url(../../images/contest-bhxh-2024/ico-hourglass.png) center center no-repeat;}
.icon-mail::after {background: url(../../images/contest-bhxh-2024/ico-mail.png) center center no-repeat;}
#start-contest .text {margin-top: 20px;margin-bottom: 30px;font-size: 22px;color: #000;text-transform: uppercase;font-family: 'UTMAvo-Bold', sans-serif;}
/* Vào thi ngay */
.join {width: 320px;height: 70px;border: 8px solid transparent;background-color: #dd026f;font-size: 22px;font-family: 'UTMAvo-Bold', sans-serif;color: #fff !important;justify-content: center;align-items: center;display: flex;text-transform: uppercase;border-radius: 50px;margin-top: 40px;animation: borderBlink 1s infinite;}
@keyframes borderBlink {
0% {border-color: transparent;}
50% {border-color: #fbecf3;}
100% {border-color: transparent;}
}
#button::before {content: '';background: url(../../images/contest-bhxh-2024/ico-write.png) 0 0px no-repeat;width: 30px;height: 30px;position: absolute;left: 12px;top: 10px;}
#button {position: relative;background-color: #dd026f;padding: 14px 16px 14px 45px;color: #fff!important;border-radius: 47px;position: fixed;bottom: 86px;right: 20px;transition: background-color .3s,opacity .5s, visibility .5s;opacity: 0;visibility: hidden;z-index: 10;background: #dd026f;font-weight: 700;font-family: 'UTMAvo-Bold', sans-serif;}
/* #button {display: inline-block;background-color: #dd026f;width: 45px;height: 45px;text-align: center;justify-content: center;border-radius: 50%;position: fixed;bottom: 20%;right: 30px;transition: background-color .3s,opacity .5s, visibility .5s;opacity: 0;visibility: hidden;z-index: 10;background: #dd026f url(../../images/contest-bhxh-2024/ico-write.png) center center no-repeat;} */
/* #button::after {content: "\f044";font-family: FontAwesome;font-weight: normal;font-style: normal;font-size: 24px;color: #fff;line-height: 45px;} */
#button:hover {cursor: pointer;background-color: #26298e;}
#button.show {opacity: 1;visibility: visible;}
/* the-le */
.the-le-content {border: 1px solid #eee;background: #fff;padding: 30px 50px;border-radius: 30px;overflow-y: scroll;box-shadow: 1px 2px 1px #eee;font-size: 16px;word-break: break-word;}
.the-le-content::-webkit-scrollbar {width: 2px;}
.the-le-content::-webkit-scrollbar-track {background: none;}
.the-le-content::-webkit-scrollbar-thumb {background: url(../../images/contest-bhxh-2024/ico-scrollbar-thumb.png) center center no-repeat;}
/* tai-lieu */
/* #tai-lieu {padding-top: 0;} */
.download {max-width: 980px;margin-left: auto;margin-right: auto;}
.download a {color: #666;line-height: 24px;background: url(../../images/contest-bhxh-2024/ico-pdf.png) left 2px no-repeat;padding-left: 35px;display: block;margin-bottom: 15px;background-size: 22px;}
/* thoi-gian */
#thoi-gian {width: 100%;padding-top: 0;}
#thoi-gian .section-title {background: url(../../images/contest-bhxh-2024/border-schedule-title.png) bottom center no-repeat;color: #fff;padding-bottom: 20px;margin-bottom: 30px;}
#thoi-gian .container{background: url(../../images/contest-bhxh-2024/bg-schedule.png) top 10px center no-repeat;background-size: calc(100% - 30px);}
#thoi-gian .section-content {gap: 0;background: #5554c3;border-radius: 25px;width: 1030px;margin-bottom: 30px;padding: 35px 30px 20px 30px;margin-top: -15px;}
#thoi-gian .rectangle {width: 350px;height: 1px;margin: 0 auto;padding: 10px;}
.thoi-gian-item {font-size: 26px;color: #fff;margin-bottom: 10px;}
/* giai-thuong */
#giai-thuong{padding-top: 0;}
.giai-thuong-title {font-size: 19px;max-width: 700px;margin-left: auto;margin-right: auto;}
#giai-thuong .section-content{padding-top: 0;}
#giai-thuong .giai-thuong-content {-webkit-box-pack: justify;justify-content: space-between;}
#giai-thuong .giai-thuong-content .col-content {font-size: 16px;background: url(../../images/contest-bhxh-2024/ico-prize.png) right 20px bottom 20px no-repeat;background-color: #eeeef9;border-radius: 30px;height: 100%;padding: 30px 30px 30px 30px;position: relative;}
#giai-thuong .giai-thuong-content .col-content h3 {font-family: 'UTMAvo-Bold', sans-serif;font-size: 24px;line-height: 1.3;font-weight: normal;margin-bottom: 20px;text-transform: uppercase;color: #000;}
#giai-thuong .giai-thuong-content .col-content h3 .fa-solid{margin-right: 10px;}
#giai-thuong .rectangle {width: 100%;height: 1%;border-bottom: 1px solid #dd026f;margin-top: 10px;margin-bottom: 20px;}
.giai-thuong-item {padding-bottom: 10px;margin-bottom: 10px;}
.giai-thuong-item:last-child {border: 0;}
/* thong-tin */
#thong-tin .giai-thuong-title{color: #e6e6e6;}
.article {width: 100%;display: flex;flex-direction: column;gap: 15px;}
.article .article-image::before {content: '';display: block;padding-top: 56.25%;}
.article .article-image {position: relative;display: block;overflow: hidden;width: 100%;}
.article .article-image img {position: absolute;top: 0;left: 0;width: 100%;}
.article-content {margin-top: 15px;font-size: 16px;color: #000;}
.article-link:hover{color: #dd026f !important;}
.swiper-pagination{position: unset !important;margin-top: 40px;}
.swiper-pagination-bullet-active {background-color: #dd026f !important;width: 35px !important;border-radius: 5px !important;transition-timing-function: linear;}
/* lien-he */
#lien-he{padding-top: 0;}
.lien-he-content {background: #f5f5f5;padding: 40px 0;display: flex;flex-direction: column;align-items: center;justify-content: center;font-size: 16px;}
.lien-he-i {display: grid;gap: 10px;}
.lien-he-item {margin-bottom: 0 !important;}
.font-bold,strong {font-family: 'UTMAvo-Bold', sans-serif;}
.text-red {color: #dd026f;}
/* footer */
.slogan {width: 100%;background: #e6e6e6;height: 90px;font-family: 'UTMAvo-Bold', sans-serif;text-transform: uppercase;font-size: 20px;display: flex;align-items: center;justify-content: center;}
.master-cms {height: 70px;width: 100%;display: none;align-items: center;justify-content: center;color: #999;}
.require-color[title="Địa chỉ email"] {display: none;}
@media (max-width: 1200px) {
    #thoi-gian .container{background-size: 100%;padding: 0 25px;}
    #thoi-gian .section-content{max-width: 100%;}
    .nav-link {padding: 15px !important;}
}

@media (max-width: 1000px) {
    .container{max-width: 90% !important;}
    .title-big {font-size: 30px;}
    .section-title{font-size: 30px;}
    #start-contest .text{font-size: 18px;}
    #thoi-gian .container{background: #eeeef9;border-radius: 25px;padding: 0 10px;}
    #thoi-gian .section-content{margin-bottom: 10px;}
    .thoi-gian-item{font-size: 22px;}
}

@media (max-width: 992px) {
    .navbar-light .navbar-toggler{border-color: #fff !important;}
    #thong-tin, #the-le, #tai-lieu{background-size: 60%;}
    .bars-item {background: none;}
    .nav-link {width: 100%;padding: 20px !important;background: none;}
    .bars-item:last-child {display: none;}
}

@media (max-width: 900px) {
    section{padding: 30px 0;}
    .section-content{padding-top: 20px;}
    .container{max-width: 95% !important;}
    .title-big,.section-title {font-size: 24px;}
    #doi-tuong .section-content{padding: 0 150px;height: 100%;}
    #the-le .the-le-content{margin-top: 20px !important;padding: 20px;}
}

@media (max-width: 800px) {
    .header-competition{padding: 0 0 20px 0;}
    .competition-department{margin-top: 0;}
    .competition-name{margin: 0 0 10px 0;}
    .competition-department .col.text-center .competition-name:first-child{margin-bottom: 10px;}
    #doi-tuong .section-content{padding: 20px;background: #4c55ea;border: 4px solid #eee;border-radius: 20px;position: unset;}
    .background-objects{display: none;}
    #start-contest .icon{width: 100px;height: 100px;font-size: 22px;}
    .join{width: 250px;margin-top: 20px;}    
    #giai-thuong .giai-thuong-content {display: flex;flex-direction: column;gap: 20px;}
    #giai-thuong .giai-thuong-content .col-lg-6{width: 100%;max-width: 100%;}
    .giai-thuong-name {text-align: center;}
    #thong-tin .giai-thuong-title {margin-bottom: 20px !important;}
}

@media (max-width: 640px) {
    .container{max-width: 100% !important;}
    .menu-logo img{height: 60px;}
    .nav-link{padding: 10px 0 !important;text-align: right;}
    .competition-logo img{width: auto;height: 60px;}
    .competition-name-cdyt{font-size: 16px;}
    .title-small{font-size: 20px;}
    .title-big{font-size: 22px;}
    .drop {display: flow;}
    .join{height: 50px;margin-top: 20px;font-size: 18px;}
    .slogan{height: auto;padding: 15px;text-align: center;}
    .lien-he-content{padding: 15px;}
    .thoi-gian-item{font-size: 20px;}
}

@media (max-width: 480px) {
    .competition-name{width: 100%;min-width: auto;font-size: 14px;}
    .title-big {font-size: 16px;}
    #thoi-gian .section-content{padding: 20px 10px;}
    .slogan{font-size: 15px;}
    .lien-he-content{font-size: 14px;padding: 20px 10px;}
    #doi-tuong .section-title{background-size: 60%;}
    .download a{background-size: 16px;padding-left: 28px;background-position-y: 6px;}
}
/* form-contest */
.heading-red {color: #ff5e5e;font-size: 24px;font-weight: 500;}
.heading-green {color: #5b9869;font-size: 24px;font-weight: 500;}
.label-bold label {font-weight: bold;}
#ud_group_item + div {line-height: 34px;border: 1px solid #ccc;border-radius: 4px;padding: 0px 10px;margin-top: 10px;background-color: #f0f0f0;display: none !important;}
#ud_group_item + div:empty {display: none;}
.cms-caution {margin-top: 1rem;border: 1px dashed red;padding: 10px;border-radius: 4px;font-size: 14px;color: inherit!important;}
.cms-caution p:first-child {margin-bottom: 5px;color: #000;}
.cms-caution p:last-child {margin-bottom: 0;}
select#ud_group_name, select#ud_group_item {display: block;width: 100%;height: calc(1.5em + .75rem + 2px);padding: .375rem .75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: .25rem;-webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;}
p.contest-notify:empty {display: none;}
form#__RUN_DEMO_FORM {max-width: 768px;margin: 0px auto;}
.__MB_PRINT {max-width: 768px;margin: auto;}
.__MB_BUTTON_ITEM_SAVE_DONE {font-size: 30px;}
@media (max-width: 576px) {
.success-page-title h4, .success-page-title .heading-green {font-size: 20px;}
.heading-red {font-size: 18px;}
}

/* bộ chọn id1894 của id 80 - bị nhập thừa của CĐ Công Thương Việt Nam */
optgroup#\38 0 option[value="1894"] {display: none !important; }