body {margin:0;font-family: "Inter Tight", sans-serif!important;}

/* header */
#header-partner-event {position: fixed;top: 0;left: 0;z-index: 15; width: 100%; -webkit-transition: all 0.3s;transition: all 0.3s;font-family: "Inter Tight", sans-serif;border-top:15px solid #64d7d7;}
#header-partner-event .height {position: relative;z-index: 10;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding:30px 0 20px 0px}
#header-partner-event .height .left {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
#header-partner-event .height .left a {display: block;}
#header-partner-event .height .left a img {max-width:100%;width:150px;height:auto;}
#header-partner-event .height .right {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
#header-partner-event .height .right  #desktop-nav ul {display: -webkit-box;display: -ms-flexbox;display: flex;list-style: none;margin:0;padding:0;}
#header-partner-event .height .right #desktop-nav ul li {position: relative;}
#header-partner-event .height .right #desktop-nav ul li a {display: -webkit-box;display: -ms-flexbox; display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 100%;position: relative;color:#00002E;font-size:18px;text-decoration: none;}
#header-partner-event .height .right #desktop-nav ul li + li {padding-left: 30px;}
#header-partner-event .height .right #desktop-nav ul li a:hover {-webkit-transition: all 0.4s;transition: all 0.4s;opacity: 0.8;}
#header-partner-event.hide {opacity: 0;}
#header-partner-event.show {opacity: 1;}
#header-partner-event.fixed {position:fixed;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;}

.line-color-full::before {width: 60%;left: 0;top:-15px;background-color: #0087dc;}
.line-color-full::after {right: 0;top:-15px;width: 20%;background-color: #b9eb5f;}
.line-color-full:after, .line-color-full::before {content: '';display: block;position: absolute;height:15px;}

.bg-scroll {background-color: #ffffffcf;}
.btn-partner-event { display: none;}
.bar-icon {position: relative;display: table;width: 44px;height: 45px;padding: 6px 7px;}
.bar-icon:hover {opacity: 1;}
.bar-icon .bar1, .bar-icon .bar2, .bar-icon .bar3 {width: 30px;height: 3px;background-color:#868686;margin: 6px 0;-webkit-transition: 0.4s;transition: 0.4s;}
.open .bar1 { background-color:#868686; -webkit-transform: rotate(-45deg) translate(-6px, 6px);transform: rotate(-45deg) translate(-6px, 6px);}
.open .bar2 {opacity: 0;background-color: #fff;}
.open .bar3 {background-color: #868686;-webkit-transform: rotate(45deg) translate(-6px, -7px);transform: rotate(45deg) translate(-6px, -7px);}

.btn-burger-partner-event {display: none;}
.menu-responsive {position: fixed;top: 0;right: 0;z-index: 12; width: 100%;height: 100vh;overflow: auto;overflow-y: auto;padding-top: 20px;margin-top:90px;background-color: #fff;visibility: hidden;opacity: 0;transition: all 0.4s ease-in-out;}
.menu-responsive.active {right: 0;visibility:visible;opacity:1;}
.menu-responsive nav {margin-top: 20px;}
.menu-responsive nav ul {list-style:none;margin:0;padding:0;}
.menu-responsive nav ul li.border-bottom-0 { border-top: 0;}
.menu-responsive nav ul li a {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-size: 25px;line-height: 2.8rem;text-decoration: none;color:#00002E;font-family: "Inter Tight", sans-serif}

section {width: 100%;}
section.active {}
.content-1740 {max-width: 1740px;width: 90%;margin: 0 auto;}


/* banner */
.banner-event {width:100%;position: relative;background: url(../../images/20260313-v2.png);background-repeat: no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-position:center;height:100vh;-webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;top:0;left:0;z-index:10;}
.position-text-title {position:absolute; top:32%;left: 50%; transform: translate(-50%, -50%);}
.position-text-title h1 {font-size:65px;color:#00002E;margin-bottom:10px;font-weight:600;letter-spacing:2px}
.position-text-title h2 {font-size:65px;font-weight:bold;color:#0087DC;letter-spacing: 2px}
.position-text-title h2 span {color:#00002E;font-weight:300}
.position-text-title p {font-size:22px;margin-bottom:0;color:#0071D2;font-weight:600;letter-spacing:2px;}
.between-line-top {width:24%;gap:15px;margin-bottom:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.between-line-top::after {content: "";height:2px;flex-grow:1;background-image: linear-gradient(to right, #007bff, #64d7d7, #c7ffac, transparent)}
.between-line-bottom {width:50%}
.between-line-bottom::after {position:absolute;bottom:-15px;width:75%;content: "";height:2px;background-image: linear-gradient(to right, #007bff, #64d7d7, #c7ffac, transparent)}
.separator-resize {height:auto;}


/* about */
.partner-about h2 {font-size:40px;color:#000;}
.partner-about p {font-size:18px;color:#000;margin-bottom:0}
.partner-about p + p {margin-top:15px;}
.details-event {padding:80px 0;background:#c1e5f5} 
.row-event {margin-top:-40px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.col-event {width:50%;margin-top:50px;}
.flex-event {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-event .img-event {margin-right:15px;text-align: center;}
.flex-event .img-event img {height:auto}
.flex-event .img-event img.calendar {width:40px;}
.flex-event .img-event img.point {width:32px;}
.flex-event .img-event img.dress {width:40px;}
.flex-event .img-event img.phone {width:40px;}
.flex-event .img-event img.hotel {width:70px;}
.flex-event .img-event img.map {width:70px;}
.flex-event .text-event {width:100%;}
.flex-event .text-event h4 {font-size:18px;color:#3d3d3d;text-transform: uppercase;}
.flex-event .text-event p {font-size:16px;color:#3d3d3d;}
.flex-event .text-event p span {color:#000}
.flex-event .text-event p a {color:#3d3d3d;text-decoration: none;-webkit-transition: all 0.4s;transition: all 0.4s;}
.flex-event .text-event p a:hover {-webkit-transition: all 0.4s;transition: all 0.4s;opacity: 0.8;}
.flex-day {display: -webkit-box;display: -ms-flexbox;display: flex;}
.flex-box {padding:80px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;gap:65px}
.col-content-about {width:60%;text-align:justify;}
.col-img-about {width:40%}
.col-img-about img {width:100%;height:auto}
.text-soon {color:#8f8f8f!important}

/* agenda */
.agenda-event {padding:80px 0;}
.agenda-event h2 {font-size:40px;margin-bottom:0;color:#000}
.agenda-event h2 span {font-size:28px}
.flex-agenda-event {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.btn-date {font-size:24px;color:#000;font-weight: 600;background:#94E5BD;padding: 10px 35px;border-radius: 40px;display: -webkit-box;display: -ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.overflow-x-auto {overflow-x: auto;}
.overflow-x-auto {padding-bottom:80px;}
.overflow-x-auto:last-child {padding-bottom:0}
table.agenda-event {border: 1px solid #0070c0;}
table.agenda-event:last-child {margin-bottom:0;}
table.agenda-event thead {font-size:20px;;text-align:center;}
table.agenda-event tbody {color:#000;font-size:18px;}
table.agenda-event tr td {vertical-align: middle;border: 1px solid #000;}
table.agenda-event tr td:nth-child(1) {width:10%;}
table.agenda-event tr td:nth-child(2) {width: 10%;}
table.agenda-event tr td:nth-child(3) {width: 60%;}
table.agenda-event tr td:nth-child(4) {width: 20%;}
table.agenda-event thead th {color:#fff;background:#0070c0;border-bottom: 2px solid #0070c0;}
table.agenda-event tbody tr:hover td {background: #00aeef14;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
table.agenda-event tbody tr.bg-table td {background:#c1e5f5}


/* our */
.partner-our {padding:80px 0;background:#c1e5f5}
.partner-our h2 {font-size:40px;color:#000;}
.flex-our {display: -webkit-box;display: -ms-flexbox;display: flex;}
.flex-our ul {width:100%;margin-bottom:-10px;list-style:none;padding:0;margin:0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.flex-our ul li {width:13.5%;margin-bottom:10px;display: block;position: relative;overflow: hidden;border:2px solid #c1e5f5}
.flex-our ul li img {width:100%;height:auto;-webkit-transition: all 0.4s;transition: all 0.4s;}
.flex-our ul li:hover {border: 2px solid #0087dc;-webkit-transition: all 0.4s;transition: all 0.4s;}
.flex-our ul li:hover img {-webkit-transform: scale(1.05);transform: scale(1.05);-webkit-transition: all 0.4s;transition: all 0.4s;}
.show-respon {display:none}


/* slide */
.slide-partner-event {padding:80px 0;background:#fff;position: relative;}
.flex-slide-partner {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.text-slide-partner {width: 45%;}
.text-slide-partner h3 {font-size:35px;color:#3d3d3d;font-weight:400;margin-bottom:0;}
.group-slide-partner {width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.slide-img {width: 55%;}
.slide-img img {width:100%;height:auto}


/* contact */
.contact-event {background:#008C8C;padding:80px 0}
.contact-event h2 {font-size:45px;color:#fff;font-weight: 600;}
.icon-event ul {padding:0;margin:0;list-style:none;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.icon-event ul li img {width:40px;height:auto;margin-right: 10px;}
.icon-event ul li a {font-size:18px;color:#fff;-webkit-transition: all 0.4s;transition: all 0.4s;}
.icon-event ul li a:hover {-webkit-transition: all 0.4s;transition: all 0.4s;opacity: 0.8;}
.copyright-event {padding-top:200px;}
.flex-copyright {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.img-logo-event {}
.img-logo-event img {margin-bottom:15px;}
.img-logo-event p {font-size:16px;color:#fff;margin-bottom:0;}
.social-event {}
.social-event ul {list-style:none;padding:0;margin:0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.social-event ul li + li {margin-left:25px;}
.social-event ul li img {width:45px;height:auto;-webkit-transition: all 0.4s;transition: all 0.4s;}
.social-event ul li img.fb-event {width: 23px;}
.social-event ul li a {-webkit-transition: all 0.4s;transition: all 0.4s;}
.social-event ul li a:hover img {-webkit-transform: scale(1.05);transform: scale(1.05);-webkit-transition: all 0.4s;transition: all 0.4s;}
.social-event h3 {font-size:40px;color:#3d3d3d;font-weight:600;margin-bottom:30px;}



/* bottom */
.click-now {margin-left:40px}
.click-now a {font-size: 18px;color:#fff;background: #009EAA;background: linear-gradient(80deg, rgba(0, 158, 170, 1) 0%, rgba(118, 219, 88, 1) 100%);padding: 8px 14px;font-weight: 600;border-radius: 35px;text-transform: uppercase;text-decoration: none;display: -webkit-box;display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap; flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.click-now a .bg-circle {width:30px;height:30px;background: #fff;border-radius:100%;margin-right: 10px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center; -ms-flex-pack: center;justify-content: center;} 
.click-now a .bg-circle img {width:15px;height:auto; }
.click-now a:hover {-webkit-transition: all 0.4s;transition: all 0.4s;opacity: 0.8;}
.click-now a img {width: 40px;margin-right: 10px;}

.box-margin-30 { margin-bottom: 30px;}
.content-1440 {max-width: 1440px;width: 95%;margin: 0 auto}
.content-1366 {max-width: 1366px;margin: 0 auto;width: 90%;}
.owl-theme#slide-our-partners .owl-controls, .owl-theme#slide-partner-event .owl-controls{position: static;margin-top: 10px;}
.owl-theme#slide-our-partners .owl-controls .owl-page span, .owl-theme#slide-partner-event .owl-controls .owl-page span{margin-bottom:0;border: 2.5px solid #b5b5b5}
.owl-theme#slide-our-partners .owl-controls .owl-page.active span , .owl-theme#slide-partner-event .owl-controls .owl-page.active span{background: #b5b5b5;}

.text-decoration-underline {text-decoration:underline!important}



@media only screen and (max-width:1600px) {
    .partner-about p, table.agenda-event tbody {font-size:16px;}
    .flex-event .text-event h4 {font-size:16px;}
    .flex-event .text-event p {font-size: 14px;}
    .content-1440 {width:85%;}
}

@media only screen and (max-width:1536px) {
    .position-text-title h1, .position-text-title h2 {font-size:55px;}
    .position-text-title p {font-size:18px}
}

@media only screen and (max-width:1440px) {
    .flex-our ul {margin-bottom: -8.5px;}
    .flex-our ul li {margin-bottom: 8.5px;}
    .copyright-event {padding-top: 170px;}
    .separator-resize {width:300px;}
}

@media only screen and (max-width:1366px) {
    .position-text-title h1, .position-text-title h2 {font-size: 40px;}
    .position-text-title p {font-size:16px}
    .position-text .date-event {font-size: 40px;}
    .position-text .date-event .col-date-event {padding: 5px 20px;}
    .flex-box, .details-event, .agenda-event, .partner-our, .slide-partner-event, .contact-event  {padding: 60px 0;}
    .partner-about h2, .agenda-event h2, .partner-our h2 {font-size:35px;}
    .partner-about p, table.agenda-event tbody {font-size:14px;}
    .overflow-x-auto {padding-bottom:60px;}
    .btn-date {font-size: 20px;}
    .contact-event h2 {font-size: 40px;}
    .social-event h3 {font-size: 35px;}
    .img-logo-event img {width: 130px;height: auto;}
    .img-logo-event p {font-size: 14px;}
    .social-event ul li img {width: 40px;}
    .social-event ul li img.fb-event {width: 20px;}
    .social-event ul li + li {margin-left: 20px;}
    .icon-event ul li a {font-size: 16px;}
    #header-partner-event .height .left a img {width: 130px;}
    #header-partner-event .height .right #desktop-nav ul li a {font-size:16px;}
    .click-now a {font-size: 14px;}
    .click-now a .bg-circle img {width:8px;}
    .click-now a .bg-circle {width: 25px;height: 25px;}
    .click-now a img {width:30px;}
    .box-margin-30 {margin-bottom: 25px;}
    .agenda-event h2 span {font-size:23px;}
    .between-line-top {margin-bottom:15px}
}

@media only screen and (max-width:1280px) {
    .social-event ul li img {width: 35px;}
    .social-event ul li img.fb-event {width:18px;}
    .position-text-title {top:35%}
}

@media only screen and (max-width:1235px) {
    .flex-our ul {margin-bottom: -8px;}
    .flex-our ul li {margin-bottom: 8px;}
    .text-delta-sea::before {width: 35%;}
}

@media only screen and (max-width:1180px) {
    .text-slide-partner h3 {font-size:25px;}
}

@media only screen and (max-width:1080px) {
    .box-margin-30, .social-event h3 {margin-bottom: 20px;}
    .text-delta-sea {width: 35%;}
    .text-delta-sea::before {width: 35%;}
    .flex-event .img-event img.hotel {width: 55px;}
    .flex-box {gap:45px}
}

@media only screen and (max-width:1024px) {
    .flex-our ul {margin-bottom: -7px;}
    .flex-our ul li {margin-bottom: 7px;}
}

@media only screen and (max-width:980px) {
    .parter-event-banner {background-position: top center;}
    .position-text {top:30%;}
}

@media only screen and (max-width:820px) {
    .position-text {top: 40%;}
    .position-text .date-event {font-size: 33px;}
    .position-text h1 {font-size: 28px;}
    .padding-logo {padding-left: 25px;}
    .text-delta-sea {display: none;}
    #header-partner-event .height .left a img, .img-logo-event img {width: 115px;}
    .btn-burger-partner-event  {display: block;}
    .position-text-title h1, .position-text-title h2 {font-size:35px;}
    #header-partner-event {background:#ffffffcf!important}
    #header-partner-event .height {padding:15px 0}
    #header-partner-event .height .right nav {display:none;}
    .btn-partner-event {display:block}
    .menu-responsive nav ul li + li {padding-top: 6px; margin-top: 6px;border-top: 1px solid #EBEBEB;}
    .click-now {margin:0 25px 0 0;}
    .between-line-top {width:35%;}
}

@media only screen and (max-width:768PX) {
    .icon-event ul {display:block}
    .icon-event ul li + li {margin-top:15px;}
    .copyright-event {padding-top: 100px;}
    table.agenda-event tr td:nth-child(1) {width:25%;}
    table.agenda-event tr td:nth-child(2) {width: 50%;}
    table.agenda-event tr td:nth-child(3) {width: 25%;}
    .position-text-title h1 {margin-bottom:5px;}
}

@media only screen and (max-width:736PX) {
.flex-event .img-event img.calendar {width:33px;}
.flex-event .img-event img.dress {width:34px;}
.flex-event .img-event img.point {width:28px;}
.flex-event .img-event img.phone {width:35px;}
.flex-event .img-event img.map {width:65px;}
.between-line-bottom {width:60%;}
}

@media only screen and (max-width:640px) {
    .parter-event-banner {background-position: top left;}
    .content-1440 {width: 95%;}
    .flex-our ul {margin-bottom: -6px;}
    .flex-our ul li {margin-bottom: 6px;}
    table.agenda-event thead {font-size:18px;}
    table.agenda-event tr td:nth-child(1) {width:27%;}
    table.agenda-event tr td:nth-child(2) {width: 48%;}
    .row-event {margin-top: -35px;}
    .col-event {width: 100%;margin-top:45px;}
    .flex-event .img-event {text-align: left;}
    .flex-box, .flex-slide-partner {display:block}
    .col-img-about {width:100%;}
    .col-content-about, .slide-img { width:100%;margin-top:25px;}
    .text-slide-partner {width:100%}
    .menu-responsive nav ul li a {font-size:22px}
    .flex-our ul li {width:32.5%;}
    .banner-event {width:100%;position:relative;background: url(../../images/20260313-v2.png);background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;background-position: top center;height:100vh;-webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;top:0;left:0;z-index:10;}
    .position-text-title h1, .position-text-title h2 {font-size:30px;}
}

@media only screen and (max-width:568px) {
    .click-now a {padding: 5px 10px;}
    .click-now a .bg-circle {width: 20px;height: 20px;}
    .padding-logo {top: 30px;}
    .padding-logo img {width:148px;height:auto;}
    .none-logo-partner {display:none;}
    .flex-our ul {margin-bottom: 0;}
    .flex-our ul li {width:48%;margin: 2px;}
    .show-respon, .flex-slide-partner {display:block}
    .text-slide-partner {width:100%;}
    .slide-img {width:100%;margin-top: 50px;}
    .flex-copyright {display:block}
    .social-event {margin-top: 30px;}
    .social-event ul li img {width: 30px;}
    .social-event ul li + li {margin-left:15px;}
    .social-event ul li img.fb-event {width: 15px;}
    .icon-event ul li img {width: 35px;}
    .social-event h3 {margin-bottom: 15px;}
    table.agenda-event tr td:nth-child(1) {width: 30%;}
    table.agenda-event tr td:nth-child(2) {width: 46%;}
}

@media only screen and (max-width:480px) {
    .partner-about h2, .agenda-event h2, .partner-our h2, .contact-event h2 {font-size: 30px;}
    .btn-date {font-size:17px;padding: 8px 15px;}
    .copyright-event {padding-top: 60px;}
    .social-event h3 {font-size: 29px;}
    .flex-event .img-event {margin-right: 10px;}
    .flex-event .img-event img {width: 42px;margin-right: 0;}
    .flex-event .img-event img.map {width: 70px;}
    .agenda-event h2 span {font-size:18px;display:block;margin-top:8px;}
    .between-line-top {width:60%;}
    .position-text-title h1, .position-text-title h2 {font-size:25px;}
    .position-text-title p {font-size:14px;}
    .position-text-title {top:28%;}
}

@media only screen and (max-width:430px) {
    .flex-our ul {-webkit-box-pack: normal;-ms-flex-pack: normal;justify-content: normal;}
    .flex-event .img-event img.hotel {width: 40px;}
    .flex-event .img-event img {width: 35px;}
    .flex-event .img-event img.map {width: 50px;}
    .between-line-bottom {width:100%;}
}