/* body {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  background-color: #fff;
  height: 200vh;
  position: relative;
} */

body:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: .5s all ease;
  -o-transition: .5s all ease;
  transition: .5s all ease;
  opacity: 0;
  visibility: hidden;
  z-index: 999;
}

body.offcanvas-menu:before {
  opacity: 1;
  visibility: visible;
}

body.offcanvas-menu {
  overflow: hidden;
}

/* p {
  color: #b3b3b3;
  font-weight: 300;
} */

/* h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
} */

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: var(--font-primary), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

a {
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease;
}

a,
a:hover {
  text-decoration: none !important;
}

/*************************Trang chủ***********************/

@media (min-width: 1200px) {
  .container {
      max-width: 1520px;
  }
}

/* Header */
body {
  padding-top: 96px;
}

header {
  padding: 8px 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  background-color: var(--white);
}

.header.header-fixed {
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
}

.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header-inner .nav-brand {
  display: flex;
  align-items: center;
  gap: 16px;
}

.header-inner .brand-text .brand-text_first {
  font-family: var(--font-secondary);
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  margin-bottom: 0;
  text-transform: uppercase;
  color: var(--primary);
}

.header-inner .brand-text .brand-text_second {
  font-family: var(--font-primary);
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 0;
  text-transform: uppercase;
  color: var(--primary-dark);
}

.header-inner .phone-number {
  color: var(--primary);
  letter-spacing: 0.15px;
  padding: 7px 16px;
  border: 1px solid var(--primary);
  border-radius: 99px;
}

.header-inner .phone-number i {
  margin-right: 8px;
}

/* Banner */
.section-banner .owl-item .item .item-inner {
  position: relative;
}

.section-banner .owl-item .item img {
  width: 100%;
  /* height: 100%; */
  aspect-ratio: 3;
  object-fit: cover;
  object-position: center center;
}

.section-banner .owl-carousel .owl-dots {
  position: absolute;
  display: flex;
  left: 50%;
  transform: translateX(-50%);
  bottom: 24px;
  z-index: 1;
}

.section-banner .owl-carousel .owl-dots > .owl-dot:not(:last-of-type) {
  margin-right: 8px;
}

.section-banner .owl-carousel .owl-dots .owl-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
  display: inline-block;
  outline: 0;
  transition: all 0.3s ease-in-out;
}

.section-banner .owl-carousel .owl-dots .owl-dot.active {
  width: 32px;
  border-radius: 8px;
  background-color: var(--white);
}

.section-banner .owl-item .item .item-inner .banner-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  z-index: 1;
}

.section-banner .owl-item .item .item-inner .banner-content .small-title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  color: var(--white);
  padding: 5px 16px;
  border: 1px solid var(--white);
  background-color: rgba(255, 255, 255, 0.1);
  margin-bottom: 16px;
  display: inline-block;
  border-radius: 99px;
  backdrop-filter: blur(6px);

}

.section-banner .owl-item .item .item-inner .banner-content .large-title {
  font-family: var(--font-secondary);
  font-size: 64px;
  line-height: 72px;
  font-weight: 700;
  color: var(--white);
  margin-bottom: 8px;
  text-shadow: var(--text-shadow);
}

.section-banner .owl-item .item .item-inner .banner-content .medium-title {
  font-size: 32px;
  line-height: 40px;
  font-weight: 800;
  color: var(--yellow);
  margin-bottom: 16px;
  text-shadow: var(--text-shadow);
}

.section-banner .owl-item .item .item-inner .banner-content .date {
  padding: 8px 24px;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  background-color: var(--white);
  border-radius: 99px;
  /* color: var(--primary); */
}

.section-banner .owl-item .item .item-inner .banner-content .date span {
  background: var(--bg-gradient-green);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

/* Content */

.section-content {
  padding-top: 60px;
  padding-bottom: 60px;
}

.section-content .nav-tabs {
  border-bottom: 0;
  gap: 40px;
  margin-bottom: 24px;
}

.nav-tabs .nav-link {
  flex: 0 0 calc((100% - 160px)/5);
  max-width: calc((100% - 160px)/5);
  background-color: var(--bg-primary);
  border: 1px solid var(--border-primary);
  border-radius: 16px;
  padding: 24px;
  font-weight: 700;
  color: var(--text-primary);
}

.nav-tabs.three-tabs .nav-link {
  flex: 0 0 calc((100% - 80px)/3);
  max-width: calc((100% - 80px)/3);
}

.nav-tabs.four-tabs .nav-link {
  flex: 0 0 calc((100% - 120px)/4);
  max-width: calc((100% - 120px)/4);
}

.nav-tabs .nav-link,
.nav-tabs .nav-item.show .nav-link, 
.nav-tabs .nav-link.active {
  border: 0;
  margin: 0;
}

.nav-tabs .nav-item.show .nav-link, 
.nav-tabs .nav-link.active {
  background-color: var(--primary);
  color: var(--white);
}

.nav-tabs .nav-link i.hgi-twotone,
.nav-tabs .nav-link i.hgi-twotone::before {
  width: 60px;
  height: 60px;
}

.nav-tabs .nav-link span {
  letter-spacing: 0.15px;
  display: block;
  margin-top: 8px;
}

.tab-inner {
  padding: 24px 32px;
  background-color: var(--bg-primary);
  border-radius: 16px;
}

.tab-inner .form-group {
  margin-bottom: 24px;
}

.tab-inner .form-group h6 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}

.tab-inner .form-group p,
.tab-inner .form-group ul li {
  letter-spacing: 0.5px;
  margin-bottom: 8px;
}

.tab-inner .form-group p a {
  color: var(--primary);
}

.tab-inner .form-group p:last-child {
  margin-bottom: 0;
}

.tab-inner .form-group ul {
  margin-left: 30px;
}

.nav-tabs .nav-link.active .hgi-twotone.hgi-task::before {
  background-image: url("../images/svg/icon-task-02.svg");
}

.nav-tabs .nav-link.active .hgi-twotone.hgi-book-open::before {
  background-image: url("../images/svg/icon-book-open-02.svg");
}

.nav-tabs .nav-link.active .hgi-twotone.hgi-award::before {
  background-image: url("../images/svg/icon-award-02.svg");
}

.nav-tabs .nav-link.active .hgi-twotone.hgi-document-attachment::before {
  background-image: url("../images/svg/icon-document-attachment-02.svg");
}

.nav-tabs .nav-link.active .hgi-twotone.hgi-ranking::before {
  background-image: url("../images/svg/icon-ranking-02.svg");
}

.prices-list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: center;
  gap: 80px;
}

.prices-list .price-item {
  text-align: center;
}

.prices-list .price-item:first-of-type {
  order: 1;
}

.prices-list .price-item:nth-of-type(3) {
  order: 2;
}

.prices-list .price-item:last-of-type {
  order: 4;
}

.prices-list .price-item:not(.price-item-special) .price-info {
  background: url("../images/icons/icon-laurel-wreath.png") no-repeat center / contain;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-bottom: 40px;
}

.prices-list .price-item:first-of-type .price-info {
  height: 248px;
}

.prices-list .price-item:not(:first-of-type) .price-info {
  height: 205px;
}

.prices-list .price-item .price-info div {
  background: var(--bg-gradient-yellow);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.prices-list .price-item .price-info .price-number {
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
}

.prices-list .price-item .price-info .price-name {
  font-size: 24px;
  line-height: 32px;
  font-weight: 800;
  text-transform: uppercase;
}

.prices-list .price-item:first-of-type .price-info .price-number {
  font-size: 39px;
  line-height: 49px;
}

.prices-list .price-item:first-of-type .price-info .price-name {
  font-size: 29px;
  line-height: 39px;
}

.prices-list .price-item .price-value {
  font-size: 36px;
  line-height: 44px;
  font-weight: 700;
  color: var(--primary);
  margin-top: -12px;
}

.prices-list .price-item.price-item-special {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

.prices-list .price-item.price-item-special::before {
  content: "";
  width: 128px;
  height: 128px;
  background: url("../images/icons/icon-laurel-wreath.png") no-repeat center / contain;
  flex: none;
}

.prices-list .price-item.price-item-special .price-info {
  display: block;
  margin-bottom: 8px;
  height: auto;
}

.prices-list .price-item.price-item-special .price-info .price-number,
.prices-list .price-item.price-item-special .price-info .price-name {
  font-size: 28px;
  line-height: 36px;
  font-weight: 800;
  display: inline-block;
}

.prices-list .price-item.price-item-special .price-value {
  margin-top: 0;
}

.tab-inner .tab-title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  margin-bottom: 24px;
}

.box-container .box-item {
  background-color: var(--white);
  border-radius: 16px;
  padding: 24px;
}

.box-container .box-item .box-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: 0.15px;
  margin-bottom: 24px;
  display: flex;
  gap: 8px;
}

.box-container .box-item:not(:last-of-type) {
  margin-bottom: 24px;
}

.tab-inner .form-label {
  font-weight: 500;
}

.tab-inner .form-control {
  /* color: var(--primary); */
  background-color: var(--green-sage);
  border-color: var(--green-pistachio);
}

/* .tab-inner textarea.form-control::-webkit-resizer,
.tab-inner textarea.form-control::-moz-resizer,
.tab-inner textarea.form-control::-ms-resizer {
  display: none;
} */

.tab-inner .form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: var(--primary-opacity-50);
}

.tab-inner .form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: var(--primary-opacity-50);
}

.tab-inner .form-control:-ms-input-placeholder {
  /* IE 10+ */
  color: var(--primary-opacity-50);
}

.tab-inner .form-control:-moz-placeholder {
  /* Firefox 18- */
  color: var(--primary-opacity-50);
}

.tab-inner .group-button-action {
  margin-top: 24px;
}

.tab-inner .group-button-action .btn {
  line-height: 24px;
  padding: 15px;
}

.tab-inner .group-button-action .btn i {
  margin-left: 8px;
}

.tab-inner .group-button-action .btn i::before {
  background-color: var(--white);
}

.rules-list {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--border-primary);
}

.rules-list .rule-item {
  display: flex;
  gap: 8px;
}

.rules-list .rule-item i::before,
.final-date .date-info i::before {
  background-color: var(--primary);
}

.rules-list .rule-item:last-of-type p {
  margin-bottom: 0;
}

.final-date .title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 0.1px;
  color: var(--primary-opacity-50);
  margin-bottom: 16px;
  text-transform: uppercase;
}

.final-date .date-info {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 15px;
  background-color: var(--bg-primary);
  border: 1px solid var(--border-primary);
  border-radius: 8px;
}

.final-date .date-info i,
.final-date .date-info i::before {
  width: 32px;
  height: 32px;
}

.final-date .date-info .date-detail .date {
  letter-spacing: 0.15px;
}

.final-date .date-info .date-detail .time {
  font-size: 12px;
  line-height: 16px;
  color: var(--primary-opacity-50);
  letter-spacing: 0.4px;
}

.file-upload {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--border-primary);
}

.filepond--drip {
  background-color: var(--bg-primary);
  border: 1px dashed rgba(0, 94, 20, 0.3);
  opacity: 1;
  border-radius: 16px;
}

.filepond--credits {
  display: none;
}

.filepond--root {
  margin-bottom: 0;
}

.filepond--root,
.filepond--root .filepond--drop-label {
  min-height: 208px;
  cursor: pointer;
}

.filepond--drop-label.filepond--drop-label label {
  cursor: pointer;
}

.filepond--root .filepond--drop-label p {
  color: var(--text-primary);
  letter-spacing: 0.5px;
}

.filepond--root .filepond--drop-label .file-type {
  color: var(--primary);
}

.filepond--panel-root {
  background-color: transparent;
}

/* .filepond--item {
  width: calc(33.33% - 0.5em);
} */

.form-general .form-group:last-of-type {
  margin-bottom: 0;
}

.tab-inner .group-button-action .btn[disabled] i::before {
  background-color: transparent;
  border: 2px solid var(--white);
  border-top-color: var(--primary);
  border-radius: 50%;
  animation: spin 1s linear infinite;
  -webkit-mask: none;
  mask: none;
}

.tab-inner .form-row {
  margin-left: -12px;
  margin-right: -12px;
}

.tab-inner .form-row>.col, 
.tab-inner .form-row>[class*="col-"] {
  padding-left: 12px;
  padding-right: 12px;
}

.results-list .result-item {
  position: relative;
}

.results-list .result-item:not(:last-of-type) {
  margin-bottom: 24px;
}

.results-list .result-item .result-image {
  position: relative;
  border-radius: 16px;
  aspect-ratio: 1.78;
  overflow: hidden;
}

.results-list .result-item .result-content {
  position: absolute;
  left: 0;
  bottom: 24px;
  z-index: 1;
}

.results-list .result-item .result-prize {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  padding: 8px 80px 8px 24px;
  border-left: 4px solid var(--white);
  background: var(--bg-gradient-yellow-dark);
  text-transform: uppercase;
  color: var(--primary);
  display: inline-block;
  margin-bottom: 8px;
}

.results-list .result-item .result-image .result-prize {
  position: absolute;
  left: 0;
  bottom: 8px;
  z-index: 1;
  display: none;
}

.results-list .result-item .result-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: 0.15px;
  color: var(--white);
  margin-bottom: 0;
  padding-left: 24px;
}

.results-list .result-item .result-author {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px;
  padding-left: 24px;
  color: var(--white);
  margin-bottom: 0;
}

.aos-wait {
  opacity: 0;
  will-change: transform, opacity;
  transition: none;
}

.aos-await-up {
  transform: translate3d(0,100px,0);
}

.aos-await-left {
  transform: translate3d(100px, 0, 0);
}

.aos-await-right {
  transform: translate3d(-100px, 0, 0);
}

/* Footer */
footer {
  background-color: var(--gray-gainsboro);
  border-top: 1px solid #E5E7EB;
  padding: 24px 0;
  text-align: center;
}

footer .footer-info p {
  margin-bottom: 4px;
  letter-spacing: 0.5px;
}

footer .footer-info p:last-child {
  margin-bottom: 0;
}

footer .footer-info p a {
  color: var(--text-primary);
}

/* Back To Top */

.back-to-top {
  width: 48px;
  height: 48px;
  display: inline-block;
  border-radius: 50%;
  border: 2px solid var(--primary);
  padding: 10px;
}

.back-to-top i::before {
  background-color: var(--primary);
}

/*********************Form**********************/

i[class^="icon-fluent"], i[class^="icon_fluent"]:before, i[class*=" icon_fluent"]:before {
  font-size: 24px;
}

.form-container {
  max-width: 870px;
  padding: 24px;
  background-color: var(--white);
  border: 1px solid var(--gray-light);
  /* border-top: 8px solid var(--primary); */
  border-radius: 16px;
  margin: 0 auto;
}

.form-container .form-header {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--light-gray);
}

.form-container .form-header .form-title a {
  color: var(--text-primary);
}

.form-container .form-header .form-title a:hover {
  color: var(--primary);
}

.capcha {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 16px;
}

.capcha .capcha-img {
  width: 160px;
  height: 40px;
  margin-right: 16px;
}

.capcha .capcha-refresh {
  margin-right: 16px;
}

.capcha .capcha-refresh i::before {
  background-color: var(--success);
}

.capcha .form-control {
  max-width: 210px;
}

.form-container input.form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  letter-spacing: 0.5px;
  color: var(--gray);
}

.form-container input.form-control::-moz-placeholder {
  /* Firefox 19+ */
  letter-spacing: 0.5px;
  color: var(--gray);
}

.form-container input.form-control:-ms-input-placeholder {
  /* IE 10+ */
  letter-spacing: 0.5px;
  color: var(--gray);
}

.form-container input.form-control:-moz-placeholder {
  /* Firefox 18- */
  letter-spacing: 0.5px;
  color: var(--gray);
}

/*****************Register****************/

.alert.alert-icon i {
  margin-right: 8px;
}

.group-check-inline .form-check {
  margin-top: 8px;
}

.group-check .form-check-inline .form-check-input {
  width: 20px;
  height: 20px;
  margin-right: 8px;
  cursor: pointer;
  accent-color: var(--primary);
}

.form-check-inline {
  margin-right: 1rem;
}

/* Input group */

.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0;
}

.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}

.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}

.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}

.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group > .custom-file {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group:not(.has-validation) > .form-control:not(:last-child),
.input-group:not(.has-validation) > .custom-select:not(:last-child),
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group.has-validation > .form-control:nth-last-child(n + 3),
.input-group.has-validation > .custom-select:nth-last-child(n + 3),
.input-group.has-validation > .custom-file:nth-last-child(n + 3) .custom-file-label,
.input-group.has-validation > .custom-file:nth-last-child(n + 3) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: -ms-flexbox;
  display: flex;
}

.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}

.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
  z-index: 3;
}

.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}

.input-group-prepend {
  margin-right: -1px;
}

.input-group-append {
  margin-left: -1px;
}

.input-group-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  /* padding: 0.375rem 0.75rem; */
  padding: 7px 16px;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: var(--white);
  border: 1px solid var(--border-input);
  border-radius: 0.5rem;
}

.input-group-text input[type="radio"],
.input-group-text input[type="checkbox"] {
  margin-top: 0;
}

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: calc(2.875rem + 2px);
}

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.8125rem + 2px);
}

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn,
.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-addon {
  padding: 0;
  background-color: transparent;
  border: none;
}

.input-group > .form-control:first-of-type {
  border-right: 0;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Responsive */

/***************************Responsive******************************/

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

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

}

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

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

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

}

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

}

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

}

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

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

}

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

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

}

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

}

/***************************Responsive Trang chủ******************************/

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

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

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

}

@media screen and (max-width:1200px){
  .container {
    max-width: 100%;
  }
}

@media screen and (max-width:1140px){
  .section-banner .slide-content {
    bottom: 50px;
  }

  /* .section-banner .opening-hours */
  .section-banner .opening-hours.opening-fixed {
    display: none;
  }

  .section-banner .owl-item .item a {
    aspect-ratio: unset;
    height: calc(100svh - 56px);
  }

  .prices-list .price-item:first-of-type .price-info .price-number {
    font-size: 30px;
    line-height: 36px;
  }

  .prices-list .price-item:first-of-type .price-info .price-name {
    font-size: 24px;
    line-height: 32px;
  }

  .prices-list .price-item .price-info .price-number {
    font-size: 26px;
    line-height: 32px;
  }

  .prices-list .price-item .price-info .price-name,
  .prices-list .price-item.price-item-special .price-info .price-number, 
  .prices-list .price-item.price-item-special .price-info .price-name {
    font-size: 20px;
    line-height: 24px;
  }

  .prices-list .price-item .price-value {
    font-size: 26px;
    line-height: 30px;
  }

  #topcontrol {
    right: 12px !important;
    bottom: 12px !important;
  }

  .back-to-top {
    width: 40px;
    height: 40px;
    padding: 6px;
  }

  [data-notify="container"] {
    max-width: calc(100% - 24px);
  }
}

@media screen and (max-width:1024px){
  html {
    max-width: 100%;
    overflow-x: hidden;
  }

  body {
    padding-top: 76px;
  }

  .brand-logo img {
    max-height: 60px;
  }

  .section-banner .owl-item .item .item-inner .banner-content .large-title {
    font-size: 54px;
  }

  .section-banner .owl-item .item .item-inner .banner-content .medium-title {
    font-size: 28px;
    line-height: 32px;
  }

  .section-banner .owl-item .item img {
    height: calc(100svh - 76px);
    aspect-ratio: unset;
  }

  .section-content {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .section-content .nav-tabs {
    gap: 24px;
  }

  .nav-tabs:not(.four-tabs):not(.three-tabs) .nav-link {
    flex: 0 0 calc((100% - 4*24px) / 5);
    max-width: calc((100% - 4*24px) / 5);
    padding: 16px;
  }

  .nav-tabs.three-tabs .nav-link {
    flex: 0 0 calc((100% - 2*24px) / 3);
    max-width: calc((100% - 2*24px) / 3);
    padding: 16px;
  }

  .nav-tabs.four-tabs .nav-link {
    flex: 0 0 calc((100% - 3*24px)/4);
    max-width: calc((100% - 3*24px)/4);
    padding: 16px;
  }

  .nav-tabs .nav-link i.hgi-twotone, 
  .nav-tabs .nav-link i.hgi-twotone::before {
    width: 40px;
    height: 40px;
  }

  .tab-inner {
    padding: 16px;
  }

  .tab-inner .tab-title {
    font-size: 20px;
    line-height: 24px;
  }

  .rules-list,
  .file-upload {
    margin-bottom: 16px;
    padding-bottom: 16px;
  }

  .tab-inner .tab-title,
  .tab-inner .form-group,
  .box-container .box-item:not(:last-of-type),
  .box-container .box-item .box-title {
    margin-bottom: 16px;
  }

  .results-list .result-item .result-content {
    bottom: 16px;
  }

  .results-list .result-item .result-prize {
    font-size: 16px;
    line-height: 24px;
    padding-left: 16px;
  }

  .results-list .result-item .result-title,
  .results-list .result-item .result-author {
    padding-left: 16px;
  }
}

@media screen and (max-width: 992px){
  /* .section-banner .owl-carousel .owl-dots {
    display: none;
  } */

  .prices-list .price-item:first-of-type,
  .prices-list .price-item:nth-of-type(3),
  .prices-list .price-item:last-of-type {
    order: 0;
  }

  .prices-list .price-item:first-of-type {
    width: 100%;
  }

  .nav-tabs:not(.four-tabs):not(.three-tabs) .nav-link {
    flex: 0 0 calc((100% - 2*24px) / 3);
    max-width: calc((100% - 2*24px) / 3);
  }

  .nav-tabs.four-tabs .nav-link {
    flex: 0 0 calc((100% - 24px)/2);
    max-width: calc((100% - 24px)/2);
  }
}

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

}

@media screen and (max-width: 768px){
  .section-spacing {
    padding-top: 40px;
  }

  .section-banner .slide-content .slide-content_inner h3 {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 8px;
  }

  .section-banner .slide-content .slide-content_inner p {
    margin-bottom: 8px;
  }

  .section-banner .owl-item .item a {
    aspect-ratio: 1.8;
  }

  .section-title.section-title-icon i, .section-title.section-title-icon i::before {
    width: 30px;
    height: 30px;
  }
}

@media screen and (max-width: 767px){
  .header-inner .phone-number {
    padding: 7px;
  }

  .header-inner .phone-number i {
    margin-right: 0;
  }
}

@media screen and (max-width: 600px) {
  .header-inner .nav-brand {
    gap: 8px;
  }

  .header-inner .brand-text .brand-text_first,
  .header-inner .brand-text .brand-text_second {
    /* font-size: 16px;
    line-height: 24px; */
    font-size: 14px;
    line-height: 20px;
  }

  .nav-tabs .nav-link,
  .nav-tabs.three-tabs .nav-link {
    flex: 0 0 calc((100% - 1*24px) / 2);
    max-width: calc((100% - 1*24px) / 2);
  }

  .section-banner .owl-item .item .item-inner .banner-content .small-title {
    font-size: 14px;
    line-height: 20px;
  }

  .section-banner .owl-item .item .item-inner .banner-content .large-title {
    font-size: 40px;
    line-height: 60px;
  }

  .section-banner .owl-item .item .item-inner .banner-content .medium-title {
    font-size: 22px;
    line-height: 28px;
  }

  .section-banner .owl-item .item .item-inner .banner-content .date {
    padding: 4px 16px;
    font-size: 16px;
    line-height: 24px;
  }

  .filepond--root .filepond--drop-label p img {
    width: 40px;
    height: 40px;
  }

  .results-list .result-item .result-image {
    aspect-ratio: 1.54;
    margin-bottom: 12px;
  }

  .results-list .result-item .result-content {
    position: static;
  }

  .results-list .result-item .result-content .result-prize {
    display: none;
  }

  .results-list .result-item .result-image .result-prize {
    display: block;
  }

  .results-list .result-item .result-title, 
  .results-list .result-item .result-author {
    color: var(--text-primary);
    padding-left: 0;
  }

  .tab-pane {
    scroll-margin-top: 90px;
  }
}

@media screen and (max-width: 540px) {
  .section-banner .owl-item .item .item-inner .banner-content .small-title {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px;
  }

  .section-banner .owl-item .item .item-inner .banner-content .large-title {
    font-size: 38px;
    line-height: 46px;
  }

  .section-banner .owl-item .item .item-inner .banner-content .medium-title {
    font-size: 20px;
    line-height: 24px;
  }

  .section-banner .owl-item .item .item-inner .banner-content .date {
    padding: 4px 16px;
    font-size: 16px;
    line-height: 24px;
  }

  .prices-list .price-item.price-item-special {
    flex-direction: column;
  }
}

@media screen and (max-width: 426px){
  .section-banner .owl-item .item .item-inner .banner-content .large-title {
    width: 250px;
    margin: 0 auto 16px;
  }

  .section-banner .owl-item .item .item-inner .banner-content .medium-title {
    width: 230px;
    margin: 0 auto 16px;
  }
}

@media screen and (max-width: 376px){
  /* .header-inner .brand-text .brand-text_first, .header-inner .brand-text .brand-text_second {
    font-size: 12px;
    line-height: 20px;
  } */
}

@media screen and (max-width: 320px) {
  .header-inner .brand-text {
    display: none;
  }

  .nav-tabs .nav-link,
  .nav-tabs.three-tabs .nav-link,
  .nav-tabs.four-tabs .nav-link {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .results-list .result-item .result-prize {
    font-size: 14px;
    line-height: 20px;
    padding-left: 8px;
    padding-right: 40px;
    border-left-width: 2px;
  }
}