/* Main */
:root {
    --tw-text-opacity: 1;
  --color-main: #11528D;
    --color-static: rgb(75 85 99 / var(--tw-text-opacity, 1));
  --color-red: #ec2d3f;
  --color-medium-red: #cc2c32;
  --color-dark-red: #c31829;
  --color-green: #28a745;
  --color-dark-green: #207d36;
  --color-black: #212529;
  --color-gray: #6c757d;
  --background-static: #11528D;
  --background-hover: #eceb1b;
  --color-hover: #ec2d3f;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --font-h: 'Playfair Display', Georgia, serif;
    --font-b: 'Inter', system-ui, sans-serif;
    --gold: #c9a84c;
    --gold-light: #e8c547;
    --gold-dark: #a68a3a;
}
@font-face{font-family:'BebasNeueRegular';src:url('../coming/fonts/BebasNeue-webfont.eot');src:url('../coming/fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),url('../coming/fonts/BebasNeue-webfont.woff') format('woff'),url('../coming/fonts/BebasNeue-webfont.ttf') format('truetype'),url('../coming/fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');font-weight:normal;font-style:normal;}
body {
  font-family: var(--font-b);
  font-size: 1rem;
  line-height: 1.6;
  color: #f5f5f5;
  background: #000000;
  font-weight: 400;
}
h1, h2, h3, h4, h5, h6, form, body {margin: 0px;padding: 0px;}
.relative{position: relative;}
a{text-decoration: none}
ul {padding-inline-start: 15px;}
.heading-lg{font-family: var(--font-b);font-size: clamp(1.6rem, 3vw + 0.5rem, 2.4rem) !important;}
.content-detail figure {text-align: center;outline: solid 1px #ccc;background: rgba(0,0,0,0.05);padding: 10px;margin: 10px 20px;display: inline-block;}
.content-detail figure > figcaption {text-align: center;display: block;}
.content-detail blockquote {font-style: italic;padding: 2px 0;border-style: solid;border-color: #ccc;border-width: 0;}
.content-detail blockquote {padding-left: 20px;padding-right: 8px;border-left-width: 5px;}
ul:not(.info-pro-detail ul):not(.content-detail ul):not(.toolbar ul) {list-style: none;margin: 0px;padding: 0px;border: none;}
@-webkit-keyframes stuckMoveDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes stuckMoveDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
video,iframe{max-width: 100% !important;height: auto;width: 100%;}
.header{top: 0px;background: linear-gradient(135deg, #1a1008 0%, #0a0a0a 50%, #1a1008 100%);border-bottom: 1px solid var(--border);padding: 1.25rem 0;position: sticky;top: 0;z-index: 50;backdrop-filter: blur(10px);background-color: rgba(10, 10, 10, 0.95);}
.header strong{color: var(--gold);}
.top-body{font-size: 1.1rem;color: #b8b8b8;line-height: 1.8;background: linear-gradient(135deg, #0a0a0a 0%, #1a1008 50%, #0a0a0a 100%);}
.wrap-about {font-size: 18px;}
.wrap-about.show:after{content:'';position: absolute;inset: 0;background: linear-gradient(180deg, rgba(10, 10, 10, 0.2) 0%, rgba(10, 10, 10, 0.4) 40%, rgba(10, 10, 10, 0.85) 70%, rgba(10, 10, 10, 0.95) 100%);}
.about_us{position: absolute;z-index: 2;max-width: 800px;margin: 0 auto;bottom: 0px;left: 50%;transform: translateX(-50%);z-index: 1;}
.address{color: var(--gold);font-family: var(--font-b);font-size: 1.2rem;font-weight: 600;letter-spacing: 0.3em;text-transform: uppercase;color: var(--gold);margin-bottom: 1rem;}
.wrap-about .title_sub{color:#fff;}
.wrap-about .title_index{background: linear-gradient(90deg, var(--gold-dark), var(--gold-light), var(--gold), var(--gold-light), var(--gold-dark));background-size: 200% auto;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;animation: shimmer 3s linear infinite;font-size: clamp(2.2rem, 5vw + 0.5rem, 4rem);}
.wrap-about .description h1{font-family: var(--font-b);font-size: 1rem;font-weight: 400;color: var(--text-secondary);letter-spacing: 0.15em;text-transform: uppercase;margin-top: 0.75rem;margin-bottom: 1.4rem;}
.wrap-thungo .content{max-width: 720px;margin:auto;background: linear-gradient(135deg, rgba(201, 168, 76, 0.08) 0%, rgba(201, 168, 76, 0.02) 100%);border: 1px solid rgba(201, 168, 76, 0.2);border-radius: 24px;text-align: center;}
.wrap-thungo .content strong{font-family: var(--font-h);}
.box_why{position: relative;}
.why-item {position: relative;background: #1a1a1a;border-radius: 16px;padding: 2rem;border: 1px solid rgba(201, 168, 76, 0.2);text-align: center;transition: all 0.3s;margin-bottom: 20px;}
.why-item .images{position: relative;}
.why-item .why-item_text{position: relative;}
.why-item .why-item_text h3 {color: var(--gold);font-family: var(--font-h);font-size: 1.25rem;font-weight: 600;line-height: 1.3;margin-bottom: 20PX;}
.wrap-giaiphap .wrap-content{border: 1px solid rgba(201, 168, 76, 0.2);background: linear-gradient(135deg, rgba(201, 168, 76, 0.08) 0%, rgba(201, 168, 76, 0.02) 100%);padding: 3rem;margin-top: 2.5rem;text-align: center;border-radius: 24px;}
.wrap-giaiphap .content{max-width: 700px; margin:auto;}
.wrap-giaiphap .content em, .wrap-giaiphap .content i{font-family: var(--font-h);font-size: 1.3rem;}
.wrap-giaiphap .content ul{margin-bottom: 20px !important;}
.wrap-giaiphap .content ul li{display: inline-block;margin-right: 20px;color: #b8b8b8;font-size: 0.95rem;margin-bottom: 10px;}
.wrap-giaiphap .content strong{font-family: var(--font-h); color: var(--gold);    font-size: 1.2rem;}
.item_dg{border: 1px solid rgba(201, 168, 76, 0.2);background: #1a1a1a;border-radius: 16px;font-size: 0.9rem;color: #b8b8b8;line-height: 1.6;overflow: hidden;}
.item_dg h3{color: var(--gold);font-family: var(--font-h);font-size: 1.4rem;font-weight: 700;margin-bottom: 20px;}
.item_dg .job{color:#777777;margin-bottom: 10px;}
.pricing-card{padding: 2rem;background: #1a1a1a;border-radius: 24px;border: 1px solid #333;position: relative;display: flex;flex-direction: column;filter: grayscale(0.6);}
.pricing-name{font-family: var(--font-h);font-size: 1.3rem;font-weight: 700;text-align: center;}
.pricing-note{font-size: 0.8rem;text-align: center;margin-top: 0.5rem;color: #777777;font-size: 15px;}
.pricing-amount{font-size: 2.2rem;font-weight: 800;color: var(--gold);}
.pricing-features{flex: 1;margin: 1.5rem 0;display: flex;flex-direction: column;gap: 0.6rem;}
.pricing-features ul{flex: 1;display: flex;flex-direction: column; gap: 0.6rem;}
.pricing-features li{font-size: 0.9rem;color: #b8b8b8;display: flex;align-items: flex-start;gap: 0.5rem;text-align: left;}
.pricing-features li:before{content:'';content: '✓';color: var(--gold);font-weight: 700;flex-shrink: 0;}
.formEvent{max-width: 550px;position:absolute;bottom: 10px;right: 10px;}
.formEvent .contact-form{background: rgba(0,0,0,0.5);}
.contact-form{background: #1a1a1a;border: 1px solid var(--gold);border-radius: 24px;padding: 3rem 2rem;box-shadow: 0 8px 40px rgba(201, 168, 76, 0.1);}
.contact-form .title{font-size: 38px; text-align: center;}
.contact-form input[type="checkbox"]{width: 20px;height: 20px;}
.contact-form input[type="checkbox"]:after{content:'';width: 20px;height: 20px;background: #fff;position: absolute;left: 0px;border: solid 1px #ddd;}
.contact-form input[type="checkbox"]:checked:after{background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAQAAABuW59YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAB2SURBVHjaAGkAlv8A3QDyAP0A/QD+Dam3W+kCAAD8APYAAgTVZaZCGwwA5wr0AvcA+Dh+7UX/x24AqK3Wg/8nt6w4/5q71wAAVP9g/7rTXf9n/+9N+AAAtpJa/zf/S//DhP8H/wAA4gzWj2P4lsf0JP0A/wADAHB0Ngka6UmKAAAAAElFTkSuQmCC'), linear-gradient(135deg, #B1B6BE 0%, #FFF 100%);background-repeat: no-repeat;background-position: center;}
.btn-default{background: var(--gold);text-transform: uppercase;padding: 10px 25px;min-width: 200px;}
.btn-default:hover{background: var(--gold-light);}
.contact-form a{color:#fff;}
.contact-form a:hover{color: #ff0;}
img {max-width: 100%;height: auto;vertical-align: top;}
a,
input,
textarea {outline: none;padding: 0px;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.clear {clear: both;}
.hidden-seoh {visibility: hidden;height: 0px;margin: 0px;overflow: hidden;}
.container {max-width: 1100px;margin: auto;}
.title_index{position: relative;font-family: var(--font-h);font-size: clamp(2rem, 4vw + 0.5rem, 3.2rem);font-weight: 700;line-height: 1.2;margin-bottom: 1.5rem;}
.title_index span{display: block; color: var(--gold);}
.description{text-align: center;max-width: 800px;margin: auto;font-size: 16px;line-height: 25px;}
.title_sub{color: var(--gold);font-family: var(--font-b);font-size: 0.85rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.25em;align-items: center;}
/* Lazyload */
img.lazy {opacity: 0;}
img:not(.initial) {-webkit-transition: opacity 0.5s;transition: opacity 0.5s;}
img.initial,
img.loaded,
img.error {opacity: 1;}
img:not([src]) {visibility: hidden;}
/* Partner */
.wrap-partner .title{text-align: center;margin-bottom: 30px;color: var(--color-main);text-transform: uppercase;position: relative;}
.wrap-partner .title span{display: inline-block;background:#fff;padding: 0px 20px;position: relative;font-weight: bold;}
.wrap-partner .title:before{content:'';width: 100%;height: 1px;background: #ddd;position: absolute;left: 0px;top: 50%;}
.wrap-partner p{max-width: 200px;color: #c7c6c6;}
.wrap-partner .wrap-content {position: relative;}
.partner {display: block;border: 1px solid #eee;max-width: 175px;margin: 0px auto;}

/* Contact */
.form-floating.form-floating-cus>input,.form-floating-cus>select{height: 40px;border-radius: 3px;margin-bottom: 10px;/* background: none; *//* color: #fff; *//* padding: 0px; */font-size: 14px;}
.form-floating-cus>select{border: none;border-bottom: 1px solid #fff;padding-left: 0px !important;}
.form-floating.form-floating-cus>input::placeholder{color:#000;}
.form-floating.form-floating-cus>textarea{height: 100px;}
.form-floating.form-floating-cus>label{padding: 13px 10px;color: #ffffff;}
.contact-article {margin-bottom: 3rem;font-size: 20px;height: 100vh;}
.contact-article p{font-size: 38px;font-weight: 700;max-width: 500px;margin: auto;}
.contact-input {position: relative;margin-bottom: 20px;}
.contact-input input, .contact-input textarea{border-radius: 0;border-top: none;border-left: none;border-right: none;}
.contact-input input:focus, .contact-input textarea:focus{box-shadow: none;outline: none;}
.contact-input .ladi-form-control-file{border-radius: 5px;background: #fff url(../images/upload.svg) no-repeat right 10px center;padding-right: 49px;height: 45px;}
.contact-input textarea {resize: none;height: 150px;}
.contact-input .custom-file-label::after {content: attr(title);}
.contact-map {position: relative;height: 250px;}
.contact-map iframe {position: absolute;top: 0px;left: 0px;width: 100% !important;height: 100% !important;}

/* Like Share */
.social-plugin {margin-top: 10px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.social-plugin .at-share-btn {margin-bottom: 0px !important;}
.social-plugin .zalo-share-button {margin-left: 3px;z-index: 4;}

/* Paging */
.pagination-home .pagination .page-item .page-link {color: #555555;font-size: 0.875rem;}
.pagination-home .pagination .page-item.active .page-link {color: #ffffff;background-color: #555555;border-color: #555555;}
/* Paging Ajax */
.pagination-ajax {text-align: center;}
.pagination-ajax a {display: inline-block;vertical-align: top;margin: 0px 3px 3px 3px;width: 35px;height: 35px;line-height: 33px;color: #666 !important;border: 1px solid #e6e6e6;font-size: 13px;cursor: pointer;text-decoration: none !important;background-color: #ffffff;}
.pagination-ajax a.current,
.pagination-ajax a:hover {color: #ffffff !important;border-color: #ec2d3f;background-color: #ec2d3f;}
.pagination-ajax a.first,
.pagination-ajax a.last,
.pagination-ajax a.prev,
.pagination-ajax a.next {text-indent: -9999px;position: relative;background-color: #ffffff !important;}
.pagination-ajax a.first:before,
.pagination-ajax a.last:before,
.pagination-ajax a.prev:before,
.pagination-ajax a.next:before {content: "";position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 2;background-color: transparent;background-repeat: no-repeat;background-position: center;}
.pagination-ajax a.first:before {background-image: url(../images/page-first.png);}
.pagination-ajax a.last:before {background-image: url(../images/page-last.png);}
.pagination-ajax a.prev:before {background-image: url(../images/page-prev.png);}
.pagination-ajax a.next:before {background-image: url(../images/page-next.png);}

/* Popup */
#popup .modal-body {padding: 0px;}
/* Hidden Google Captcha */
.grecaptcha-badge {display: none !important;width: 0px !important;height: 0px !important;visibility: hidden !important;overflow: hidden;}

/* Hidden Check Grammar Coccoc */
coccocgrammar {
  display: none;
}

/* Scroll Top */
.scrollToTop {width: 41px;height: 41px;text-align: center;font-weight: bold;color: #444;text-decoration: none;position: fixed;bottom: 65px;right: 25px;display: none;z-index: 10;cursor: pointer;}

/* Text Hide */
.text-split {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
}

/* Transition All */
.transition,
.control-owl button,
.carousel-comment-media .carousel-control a span,
.menu ul li a.has-child:after,
.menu ul li ul,
.menu ul li:hover > ul,
.scale-img img,
.scale-img:hover > img,
.btn-frame .kenit-alo-circle-fill,
.support-online .kenit-alo-circle-fill {-webkit-transition: 0.3s all;transition: 0.3s all;}
/* Scale IMG */
.scale-img {overflow: hidden;display: block;}
.scale-img img {-webkit-transform: scale(1, 1);transform: scale(1, 1);}
.scale-img:hover > img {-webkit-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
/* Blink */
.video {
  position: relative;
  padding-bottom: 0px;
  overflow: hidden;
  width: 100%;
}

.video video {
  width: 100%;
  height: 100%;
}
.was-validated input[type=checkbox]:invalid:after{border-color: #dc3545;}
.wrap-partner img{max-height: 120px;}
#countDown{width: 100%;font-size: 30px;margin-top: 30px;}
#countDown span{/* color: #ff0; */font-weight: bold;display: block;font-size: 70px;text-transform: uppercase;font-family: "Oswald", sans-serif;}
.clickDown{position: absolute;bottom: 15px;left: calc(50% - 15px);z-index: 101;animation: moveLeftBounceRight 2s linear infinite;cursor: pointer;}
.clickDown img{width: 30px;}
footer{font-size: 0.85rem;color: #777;background: #111111;border-top: 1px solid rgba(201, 168, 76, 0.2);}
@keyframes moveLeftBounceRight{0%{-webkit-transform:translateY(5px);transform:translateY(5px);}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px);}100%{-webkit-transform:translateY(5px);transform:translateY(5px);}}
@media only screen and (max-width: 767px) {
	.about_us{position: relative;}
  .wrap-about, .contact-form{font-size: 13px;}
  .description{font-size: 13px;}
  .wrap-about .title, .title_index{font-size: 24px;}
  .why-item .images img{/* max-height: 63px; */}
  .why-item .why-item_text h3{min-height: 30px;position: relative;}
    .why-item:first-child:before{width: 60px;bottom: 50px;}
  .why-item:last-child:before{width: 60px;bottom: 50px;}
  .wrap-partner img{max-height:80px;}
    .formEvent{width: 100%; max-width: 100%; position:relative; bottom: 0px; right: 0px;}
    #countDown{font-size: 20px;position: relative;bottom: 0px;}
    #countDown span{font-size: 30px;}
    .why-item .images:before{width: 30px;right: -15px;}
}
@keyframes shimmer {
  0% {
      background-position: -200% center;
  }

  100% {
      background-position: 200% center;
  }
}
.bg-black{background: #111111;}