body{ margin:0px;padding:0px;font-family: Work Sans, sans-serif;font-size: 1.8rem;line-height: 2.5rem; }
a:hover{ text-decoration:none; }
img{ max-width:100%; }
.gRTEqG { background-color: rgb(0, 3, 61);height: 100%;width: 100%; }
.dVmhdX { padding: 5.7rem 3rem 4.6rem 0;width: 100%; }
.box-header{ background: url(images/HSCC25_Banner_BG.jpg) no-repeat top left;
    background-size: cover;width:100%;height:816px;position:relative; }
.gradient-overlay{ background: linear-gradient(90deg, rgba(1, 3, 60, 0.9) 0%, rgba(1, 3, 60, 0) 100%);
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    width: 100%; }
.box-logo{ width: 100%;top: -40px;left: 40px;position: absolute;z-index:9999; }
.logo-vna{ height:122px; }
.box-menu{ width: 150%;text-align: right;position: absolute;z-index: 9999;left:-280px; }
/*
.box-menu ul{ margin:0px;padding:0px;list-style-type:none;float:right; }
.box-menu ul li{ float:left; }
.box-menu ul li a.nav-link{ padding-left: 1.5rem;display: block;font-family: canada-type-gibson;text-transform: none;
    font-size: 1.6rem;line-height: 2.2rem;color: rgb(186, 188, 190);font-weight: 700;transition: opacity 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s; }
.box-menu ul li .nav-link.active{     color: rgb(255, 255, 255);opacity: 1; }
.box-menu ul li a:hover{ color:#fff;text-decoration:none; }*/
.bjExQo{ margin: 0px auto;position: absolute;max-width: 100%;z-index: 9999;left: 29px;top: 60px; }

.banner-split{ -webkit-box-align: center;align-items: center;display: flex;-webkit-box-pack: justify;justify-content: space-between; }
.suptitle {
    margin-bottom: 2.4rem;
    color: rgb(1, 237, 191);
    font-family: input-mono;
    font-size: 1.8rem;
    line-height: 2.6rem;
    display: block;margin: 0px 0px 1rem;
}
.suptitle img{ width:100%;max-width:100%; }
.title{ background: initial;
    -webkit-text-fill-color: initial;
    color: rgb(255, 255, 255);
    font-family: canada-type-gibson;
    font-weight: 900;
    max-width: 100%;
    text-transform: uppercase;
    font-size: 7.2rem;
    line-height: 6.4rem;
    text-align: left;
    width: 650px; }
.description {
    font-size: 2rem;
    line-height: 3rem;color: rgba(255, 255, 255, 0.75);width: 100%;text-align: center;
}
.description img{ width: 1000px;margin-top: 68px;max-width:100%; }

.box-inspire{ background-image:url(images/2023-08-22-at-132222.png);
    background-position: center 70rem;background-size: 1800px;padding: 2rem 2rem;
 }
 .videoBlock_header {
    color: rgb(255, 255, 255);
}
.videoBlock_header-suptitle { font-family: input-mono;font-size: 1.8rem;line-height: 2.6rem;color: rgb(255, 255, 255); }
.videoBlock_header-title {
    font-family: canada-type-gibson;
    font-style: normal;
    font-weight: bold;
    font-size: 4.8rem;
    line-height: 4.4rem;
    letter-spacing: -0.06rem;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    /*max-width: 54rem;*/
}
.videoBlock_header-description {
    font-family: sans-serif;
    font-weight: bold;
    font-style: normal;
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 2.2rem;
    mix-blend-mode: normal;
    opacity: 0.75;
    max-width: 34rem;
    margin-bottom: 1.5rem;color: rgb(255, 255, 255);
}
.video-container {
    height: 7rem;
    border-radius: 0.8rem;
    background-position: center center;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
}
.video-container::before {
    /*background-color: rgba(0, 0, 0, 0.5);*/
    content: "";
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;border-radius:0.8rem;
}
.box-ky-yeu-hn{ margin-top:40px; }
.box-ky-yeu-hn a{ color: #fff;font-family: sans-serif;font-size: 22px;text-transform: uppercase;font-weight: bold; }
.launcher__icon-box {
    display: inline-block;
    text-align: center;
    z-index: 10;
}
.launcher__icon-box button {
    cursor: pointer;background-color: transparent;
    border: none;
}
.launcher__play-icon {
    height: 10rem;
    width: 10rem;transition: transform 0.2s linear 0s;
}
.video-container:hover .launcher__play-icon {
    transform: scale(1.2);
}
.section-container{ background-position: center center;
    background-size: cover;padding: 2rem 2rem;background-repeat: no-repeat;position: relative;
    background-color: #fff;/*rgb(1, 3, 60)*/
    color: rgb(255, 255, 255); }
.bjExQo {
    margin: 0px auto;
    max-width: 100%;
    position: relative;
    z-index: 10;
}
.section-suptitle {
    color: rgb(1, 237, 191);
    font-family: input-mono;
    font-size: 1.8rem;
    line-height: 4.2rem;
    margin: 0px 0px 1rem;
}
.section-title {
    padding: 0px;
    font-size: 6.8rem;
    line-height: 6rem;
    font-family: canada-type-gibson;
    font-weight: 900;
    margin-bottom: 2rem;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
}
.img-box-3-1{
	border-top-left-radius: 10px;border-top-right-radius: 10px;    max-width: 100%;
}
.box-img-z img{ max-width:100%;border-radius:0.6rem 0.6rem 0px 0px; }
.card {
        height: calc(100% - 4rem);
    max-height: 38rem;
    background: rgb(33, 35, 85);
    border-radius: 0px 0px 0.6rem 0.6rem;
    
}
.card-add-z { left: -40px;position: relative;top: 30px;width: 480px; }
.mg-card{ margin: auto 0px auto -3rem; }
.w-card-items{ width: 94%;margin: 0 auto;position: relative;top: -20px; }
.card-items { display: flex;flex-direction: column;-webkit-box-pack: justify;justify-content: space-between;padding: 1.8rem 3rem; }
.h32-card-items{ height: 32rem; }
.h22-card-items{ height: 22rem; }
.card__link { text-decoration: none; }
.card-items-top__title {
    font-size: 2.8rem;
    line-height: 2.8rem;
    font-family: canada-type-gibson;
    font-style: normal;
    font-weight: bold;
    letter-spacing: -0.03rem;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    margin: 0.5rem 0px 1rem;
    text-decoration: none;
}
.card-items-top__title:hover{ text-decoration: none; }
.card__link::after {
    content: "";
    position: absolute;
    inset: 0px;
    z-index: 1;
}
.card .card-items-top__event-details-wrapper--events-grid {
    flex-direction: row;
}
.card .card-items-top__event-details-wrapper {
    display: flex;
    margin: 1.6rem 0px 0.75rem;
}
.card .card-items-top__event-details {
    display: flex;
}
.card .card-items-top__event-details svg {
    width: 2rem;
    height: 2rem;
    margin-right: 0.75rem;
}
.card .card-items-top__event-details span { display: inline-block;font-size: 1.6rem;line-height: 2rem;white-space: nowrap; }
.card__cta { position: unset;border-radius: 0px 0px 0.6rem 0.6rem;background: rgb(27, 28, 70);padding: 2rem 3rem; }
.epDlmA {
    margin: 6rem auto;
    display: flex;
    border: none;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 158px;
    height: 6rem;
    padding: 0px 2.8rem;
    border-radius: 6rem;
    background: linear-gradient(314.75deg, rgb(1, 237, 191) 9.57%, rgb(1, 237, 191) 49.15%, rgb(1, 237, 191) 95.74%);
    color: rgb(255, 255, 255);
    font-family: canada-type-gibson, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
}
.cta:hover { background: linear-gradient(90deg, rgb(248, 237, 0) 0%, rgb(248, 237, 0) 100%); }
.cta .button-text { color: rgb(1, 3, 60); }
.epDlmA{ font-family: sans-serif;font-size: 1.7rem;font-weight: 700;text-transform: uppercase;cursor: pointer; }
.epDlmA .button-text { padding-top: 0.3rem; }
.hCIHxm .title{ font-size: 6.8rem;line-height: 6rem; }
.hCIHxm .description { font-size: 1.8rem;line-height: 2.2rem; }
.section-container{  padding: 10rem 2rem;background-position: center center;background-size: cover; }
.container-1 { background-color: rgb(33, 35, 85);text-align: center;padding: 4rem 2rem;display: flex;flex-direction: column;margin: 0px;border-radius: 0.6rem;height: 420px; }
.jVJTov{ height:100%; }
.jVJTov .icon {
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    margin-bottom: 3rem;
}
.jVJTov .icon span {
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    height: 10.4rem;
    -webkit-box-pack: center;
    justify-content: center;
    width: 10.4rem;
}
.jVJTov .icon span img {
    margin-bottom: 0px;
}
.jVJTov .title {
    font-family: canada-type-gibson;
    font-size: 2.2rem;
    color: rgb(255, 255, 255);
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 2rem;line-height: 3rem;text-align: center;
}
.jVJTov .descriptive-text {
    color: rgb(255, 255, 255);
    font-family: Roboto;
    font-size: 1.6rem;
    line-height: 2.2rem;
    margin-bottom: 0px;
}
.tWuKr .section-container {
    
}
.tWuKr .section-title {
    padding: 0px;
    font-size: 6.8rem;
    line-height: 6rem;
    font-family: canada-type-gibson;
    font-weight: 900;
    margin-bottom: 2rem;
    opacity: 0;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
}
.boximgex{ width:100%;position:relative;float:left; }
.box_text_ex{ position: absolute;float: left;top: 110px;max-width: 100%;width: 480px; }
.box_text_ex_00 .box-title-1{ background: initial;-webkit-text-fill-color: initial;color: rgb(255, 255, 255);
    font-family: canada-type-gibson;
    font-size: 4.8rem;
    font-weight: 900;
    line-height: 1.25;
    max-width: 100%;
    text-align: left;
    text-transform: uppercase; }
.box_top_resources .boximgtop1resources{ /*display: flex;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(1, 3, 60, 0.9) 29.24%, rgba(1, 3, 60, 0) 100%);*/
    position: relative;float: left;
     }
.gYmDcj{ position: relative;width: 100%; }
.gYmDcj .background {
    position: absolute;
    width: 100%;
    height: 54rem;
    border-radius: 0.6rem;
    z-index: -1;
}
.box_top_resources .boximgtop1resources img{ max-width:100%;border-radius:10px; }
.boxcard{ position: absolute;width: 100%;height: 100%;background: linear-gradient(90deg, rgba(1, 3, 60, 0.9) 29.24%, rgba(1, 3, 60, 0) 100%);top: 0;padding: 14rem 19rem 2.5rem 3rem; }
.boxcard h2{ font-size: 4.8rem;line-height: 4.4rem;font-family: canada-type-gibson;font-style: normal;font-weight: bold;letter-spacing: -0.03rem;text-transform: uppercase;color: rgb(255, 255, 255);margin: 1rem 0px; }
.box-author{ display:flex; }
.box-img-author{ width: 48px;height: 48px;margin-top: 20px;margin-right: 15px; }
.box-img-author img{ max-width:100%;border-radius:100%; }
.box-text-author{ margin-top: 25px; }
.box-text-author h3{ font-family: canada-type-gibson;font-style: normal;font-weight: bold;line-height: 2rem;text-transform: uppercase;color: rgb(255, 255, 255);margin: 0px;font-size:1.6rem; }
.info-author{ font-size: 1.2rem;line-height: 1.8rem;font-family: input-mono;color: rgb(255, 255, 255);mix-blend-mode: normal;margin: 0px; }
.box_read{ margin-top: 2rem; }
.box_read .button-text{ font-size: 1.8rem;line-height: 2.2rem;font-family: canada-type-gibson, sans-serif;    font-weight: 700;text-transform: uppercase;color: rgb(255, 255, 255); }
.card-items__event-details,.card-items__event-date{ display: inline-block;font-size: 1.6rem;line-height: 2rem;white-space: nowrap;width: 100%; }
.card-items__event-details svg{ color:red; }
.card-items__event-location,.card-items__event-date{ opacity: 0.75; }
.card-items__description{ font-family: roboto;font-style: normal;font-weight: normal;font-size: 1.6rem;line-height: 2.2rem;color: rgb(255, 255, 255);mix-blend-mode: normal;opacity: 0.75; }
.box_wap_img img{ max-width:100%; }
.box-wap-img-items-resource{ height: 343px;background: rgb(33, 35, 85);border-radius: 10px;overflow: hidden; }
.boxinfo_{ display: flex;flex-direction: column;-webkit-box-pack: justify;justify-content: space-between;height: 7rem;padding: 1.8rem 3rem; }
.boxinfo_ h2{ font-size: 1.8rem;line-height: 2.8rem;font-family: sans-serif;font-style: normal;font-weight: bold;letter-spacing: -0.03rem;text-transform: uppercase;color: rgb(255, 255, 255);margin: 0.5rem 0px 1rem; }
.boxinfo_ svg{ color:red; }
.box_read2{  padding: 15px 20px;background: rgb(27, 28, 70);display: block; }
.box_read2 .button-text{ font-size: 1.8rem;line-height: 2.2rem;font-family: sans-serif;font-weight: 700;color: rgb(255, 255, 255); }
.resources_items{ margin:45px 0; }
.padding-footer{ padding: 0px 0 90px 0; }
.footer-container{ background: rgb(10, 11, 46);    padding: 1rem 2rem;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between; }
.footer-container ul{ list-style-type:none;float:right; }
.footer-container ul li{ float: left;
    position: relative;
    list-style: none;
    border-radius: 50%;
    background-color: rgb(33, 35, 85);
    width: 4.2rem;
    height: 4.2rem;
    margin: 0px 0.75rem;
    text-align: center;
    padding-top: 10px; }
.p_text_footer{ font-family: roboto;font-style: normal;font-weight: normal;font-size: 1.6rem;line-height: 2.2rem;color: rgb(255, 255, 255);mix-blend-mode: normal;opacity: 0.5; }