@charset "UTF-8";
/*****custom grid star******/
html,body{min-width: 320px;width: 100%; margin: 0 auto;position: relative;}
.container_2100{max-width: 2100px;margin: 0 auto;}
.navbar {  --bs-navbar-color: #FFFFFF;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
:root {    --bs-font-sans-serif:arial, system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}
.img-bg-cover,.img-bg-contain{width: 100%; height: 100%; position: relative; overflow: hidden;}
.img-bg-cover img{
  position: absolute;
  min-width: 1000%;
  min-height: 1000%;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) scale(0.1);}
.img-bg-contain img{
  position: absolute;
  max-width: 10%;
  max-height: 10%;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) scale(10);
}
.scrollfade {
    -webkit-transform: translateY(150px);
    transform: translateY(150px);
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
    opacity: 0;

}
.inView {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}
.countdown{opacity: 0;}
.container-720,.container-960,.container-1140 {
  width: 100%;
  margin-right: auto;
  margin-left: auto
}
.container-720{max-width: 720px;}
.container-960{max-width: 960px;}
.container-1140{max-width: 1140px;}
.bg-color-F5F4F4{background-color: #F5F4F4;}
.bottom_line_purple{font-weight: 600;font-size: 24px;line-height: 190%;text-align: center;letter-spacing: 0.04em;color: #383838;position: relative;padding-bottom: 12px;}
.bottom_line_purple::before{content: "";display: block;width: 100%;height: 4px;background: linear-gradient(270deg, rgba(213, 47, 255, 1) 12.19%, rgba(72, 237, 248, 1) 95.97%); position: absolute;left: 0;bottom: 0;}
.border_box_linear{background: linear-gradient(270deg, rgba(93, 212, 186, 1) 12.19%, rgba(231, 236, 8, 1) 95.97%);border-radius: 18px;padding: 4px;}
.border_box_linear > div{background-color: #FFFFFF;border-radius: 14px;}
.text-right{text-align: right!important;}
.text-h3{color: #4B4B4B;font-size: 28px;font-weight: 600;}
.text-color-93FF9E{color: #93FF9E!important;}
.text-color-33AE64{color: #33AE64!important;}
.text-linear span{font-weight: 600;
    font-size: 48px;
    line-height: 60px;
    text-align: center;
    letter-spacing: 0.04em;
    background: linear-gradient(270deg, #5DD5BA 12.19%, #CCD000 95.97%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
	display: inline-block;
    margin: 0 auto;
    padding-top: 50px;}
.text-linear span sub{
    line-height: 60px;
    background: linear-gradient(270deg, #5DD5BA 12.19%, #CCD000 95.97%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
header{position: absolute;top: 0;left: 0;width: 100%;z-index: 10; padding-top: 25px;}
#mobile_header{display: none;}
.swiper-pagination-bullet-active {background: #FFF;}
.swiper-button-next, .swiper-button-prev{color: #FFFFFF;}
.banner_page{position: relative;}
.banner_context{position: absolute;bottom: 25px;color: #FFFFFF;font-weight: 600;left: 50%;transform: translateX(-50%);}
.banner_context .title{font-size: 30px;line-height: 193.7%;letter-spacing: 0.2em;color: #FFFFFF;}
.banner_context .text{font-size: 24px;line-height: 131.7%;letter-spacing: 0.065em;text-transform: uppercase;font-family: arial;}
footer{background-color: #F2F2F2;}
.footer_hr{background: linear-gradient(90deg, #D52FFF 12.19%, #48EDF8 95.97%);width: 100%;height: 7px;}
#sitemap h5,#sitemap ul{padding-left: 12px;}
#sitemap h5{margin-bottom: 0}
#sitemap h5,#sitemap h5 a{font-weight: 600;font-size: 20px;line-height: 244.2%;letter-spacing: 0.04em;color: #333FAE;position: relative; text-decoration: none;}
#sitemap h5::before{content: "";width: 3px;height: 20px;background-color: #D9D9D9;position: absolute;left: 0;top: 9px;}
#sitemap ul{list-style-type: none;margin-bottom: 0;}
#sitemap ul li a{font-weight: 400;font-size: 16px;line-height: 244.2%;letter-spacing: 0.04em;color: #000000;text-decoration: none;}
#sitemap_other a{font-weight: 400;font-size: 20px;color: #969696;line-height: 41px;text-decoration: none;display: block;position: relative;}
#sitemap_other a.hyper_text::before{content: "";display: block; position: absolute; width: 100%;height: 2px;background-color: #969696;left: 0;bottom: 0;}
#footer_contact{padding-top: 48px}
#footer_contact h4{font-weight: 600;font-size: 20px;line-height: 244.2%;letter-spacing: 0.04em;color: #000000; padding-left: 15px;}
#footer_contact iframe{width: 100%; height: 420px;}
#footer_contact label{font-weight: 400;font-size: 16px;color: #404040;}
#footer_contact input,#footer_contact textarea{background-color: #F2F2F2; border: none;border-bottom: 1px solid #404040;border-radius: 0;}
#footer_contact .btn{background: #D9D9D9;font-weight: 400;font-size: 14px;color: #404040; border: none; border-radius: 0;padding: 8px 15px;letter-spacing: 15px;text-indent: 15px;}
#copyright{font-weight: 400;font-size: 14px;line-height: 158.3%;color: #222222;padding-top: 35px;}
#footer_logo{height: auto;width: 100%;max-width: 345px;padding: 25px;}
#gotop {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 50px;
    padding: 15px 15px;
    background-image: linear-gradient(102deg, #77AFFA 12.19%, #AB69FD 95.97%);
    color: white;
    cursor: pointer;
    text-align: center;
    border-radius: 50%;
    z-index: 100;
}
#gotop img {
    width: 30px;
    height: 30px;
}
#gotop:hover {
    opacity: 0.7;
}
@keyframes animation-large{
  0% {
    transform: translate(-50%,-50%) scale(1.0);
  }
  50% {
    transform: translate(-50%,-50%) scale(1.8);
  }
  100% {
    transform: translate(-50%,-50%) scale(1.0);
  }
}
@media (min-width:768px) {.btn_lineSm_close{display: none!important;}}
@media (min-width:992px) {
.banner_context.container{max-width: 70vw;}
.dropdown.show:not(#nav-lan)::after{content: "";
        width: calc(100% - 3px);
        height: 5px;
        background: linear-gradient(270deg, #FBFF2F 12.19%, #48EDF8 95.97%);
        position: absolute;
        bottom: 7px;
        left: 3px;}
.dropdown.show:not(#nav-lan)::before{content: "";
        width: 10px;
        height: 10px;
        background: #F2F2F2;
        border: 2px solid #2FCDFF;
        border-radius: 100%;
        position: absolute;
        left: 0;
        bottom: 5px;}
.navbar-nav .dropdown-menu { width: auto; min-width: 112px; left: 50%; transform: translateX(-70%);box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
.navbar-nav .nav-link{padding-bottom: 15px;}
.dropdown-menu.show {top: 91%;}
.dropdown-item{font-weight: 400;color: #616161;}
.dropdown-item:focus, .dropdown-item:hover,.dropdown-item.active, .dropdown-item:active  {
    color: #FFFFFF;
    background: linear-gradient(270deg, #DFD94A 12.19%, #1BCDD9 95.97%);
}
#nav-lan .dropdown-item:focus,#nav-lan .dropdown-item:hover,#nav-lan .dropdown-item.active,#nav-lan .dropdown-item:active  {
    color: #FFFFFF;
    background: none;
}
.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link,.nav-link:focus, .nav-link:hover {color: #FFFFFF;}
#navbarNavDropdown{justify-content: right;}
.nav-link{font-weight: 700;font-size: 19px;line-height: 24px;letter-spacing: 0.04em;}
.navbar-expand-lg .navbar-nav .nav-link{padding-left: 8px;padding-right: 8px;}
.dropdown-toggle::after{display: none;}
.icon_earth{display: inline-block;width: 30px;height: 30px;background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2241%22%20height%3D%2241%22%20viewBox%3D%220%200%2041%2041%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_1707_13232)%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M20.5%2037.1562C21.0894%2037.1562%2022.6602%2036.5771%2024.3104%2033.2766C25.0946%2031.7084%2025.7531%2029.766%2026.2118%2027.5469H14.7882C15.2469%2029.766%2015.9054%2031.7084%2016.6896%2033.2766C18.3398%2036.5771%2019.9106%2037.1562%2020.5%2037.1562ZM14.2321%2023.7031C14.0464%2021.5717%2014.0464%2019.4283%2014.2321%2017.2969H26.7679C26.9523%2019.4283%2026.9523%2021.5717%2026.7679%2023.7031H14.2321ZM30.1273%2027.5469C29.5533%2030.6834%2028.6077%2033.4611%2027.3957%2035.6649C31.0051%2034.0167%2033.9113%2031.1395%2035.5957%2027.5469H30.1273ZM36.8488%2023.7031H30.6219C30.789%2021.571%2030.789%2019.429%2030.6219%2017.2969H36.8462C37.2607%2019.4122%2037.2607%2021.5878%2036.8462%2023.7031H36.8488ZM10.3756%2023.7031H4.15125C3.73672%2021.5878%203.73672%2019.4122%204.15125%2017.2969H10.3781C10.211%2019.429%2010.211%2021.571%2010.3781%2023.7031H10.3756ZM5.40431%2027.5469H10.8727C11.4467%2030.6834%2012.3923%2033.4611%2013.6043%2035.6649C9.99493%2034.0167%207.08869%2031.1395%205.40431%2027.5469ZM14.7882%2013.4531H26.2118C25.7531%2011.234%2025.0946%209.29163%2024.3104%207.72337C22.6602%204.42287%2021.0894%203.84375%2020.5%203.84375C19.9106%203.84375%2018.3398%204.42287%2016.6896%207.72337C15.9054%209.29163%2015.2469%2011.234%2014.7882%2013.4531ZM30.1273%2013.4531H35.5957C33.9113%209.86049%2031.0051%206.98331%2027.3957%205.33512C28.6077%207.53888%2029.5533%2010.3166%2030.1273%2013.4531ZM13.6069%205.33512C12.3948%207.53888%2011.4493%2010.3166%2010.8752%2013.4531H5.40431C7.08869%209.86049%209.99749%206.98331%2013.6069%205.33512ZM20.5%200C25.9369%200%2031.1512%202.15982%2034.9957%206.00431C38.8402%209.84881%2041%2015.0631%2041%2020.5C41%2025.9369%2038.8402%2031.1512%2034.9957%2034.9957C31.1512%2038.8402%2025.9369%2041%2020.5%2041C15.0631%2041%209.84881%2038.8402%206.00431%2034.9957C2.15982%2031.1512%200%2025.9369%200%2020.5C0%2015.0631%202.15982%209.84881%206.00431%206.00431C9.84881%202.15982%2015.0631%200%2020.5%200Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_1707_13232%22%3E%0A%3Crect%20width%3D%2241%22%20height%3D%2241%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E");background-repeat: no-repeat;background-size: contain;background-position: center;}
.navbar-expand-lg .navbar-nav #nav-lan .nav-link{padding: 0;}
#nav-lan{padding-top: 5px}
#nav-lan .dropdown-menu.show::before,#nav-lan .dropdown-menu.show::after{display: none;}
.navbar-nav #nav-lan ul.dropdown-menu.show{display: flex;flex-direction: column;}
.navbar-nav #nav-lan ul.dropdown-menu{background-color: #5475AF;box-shadow: none;border: none;border-radius: 8px;}
#nav-lan .dropdown-item{color: #FFFFFF; font-weight: bolder;position: relative;}
#nav-lan .dropdown-item::before{content: "";width: 3px;height: 16px;position: absolute;left: 8px;top: 50%; transform: translateY(-50%);background-color: #49EEF8;}
}
@media (min-width:992px) {
	.navbar-expand-lg .navbar-nav .nav-link{padding-left: 10px;padding-right: 10px;}	
	.navbar-nav .dropdown-menu {transform: translateX(-50%);}
}
@media (min-width:1200px) {
	.navbar-expand-lg .navbar-nav .nav-link{padding-left: 12px;padding-right: 12px;}	
	#navbarNavDropdown{justify-content: center;}
}
@media (min-width:1400px) {
	.navbar-expand-lg .navbar-nav .nav-link{padding-left: 16px;padding-right: 16px;}	
}
@media (max-width:1400px) {
	#sitemap h5, #sitemap h5 a{font-size: 18px;margin-bottom: 0;}
	#sitemap ul li a{font-size: 16px;}
}
@media (max-width:1200px) {
	#sitemap h5, #sitemap h5 a{font-size: 16px;}
	#sitemap ul li a{font-size: 14px;}
	.text-h3{color: #4B4B4B;font-size: 24px;}
	.text-linear span {font-size: 28px;}
}
@media (max-width:1200px) and (min-width:992px){
	#footer_contact iframe{height: 555px;}
	.navbar-brand img{width: 210px;}
	.navbar-nav .nav-link{font-size: 16px;}
}
@media (max-width:991px) {
	header{background-color: #000000;padding-top: 13px;position: fixed;z-index: 20;height: 100%;transform: translateX(5000px);transition: transform .3s ease-in-out;}
	.menu_mobile_active .navbar-nav .dropdown-menu{background-color: transparent; margin-top: -15px; padding-left: 20px;}
	.menu_mobile_active .dropdown-item{color: #FFFFFF;}
	.menu_mobile_active .nav-link{padding: 15px;}
	.menu_mobile_active .navbar-nav > li{border-bottom-width: 1px;border-bottom-style: solid;}
	.menu_mobile_active .navbar-nav > li:nth-child(1){border-bottom-color: #33FCF0;}
	.menu_mobile_active .navbar-nav > li:nth-child(2){border-bottom-color: #338FFC;}
	.menu_mobile_active .navbar-nav > li:nth-child(3){border-bottom-color: #3383FC;}
	.menu_mobile_active .navbar-nav > li:nth-child(4){border-bottom-color: #335FFC;}
	.menu_mobile_active .navbar-nav > li:nth-child(5){border-bottom-color: #3733FC;}
	.menu_mobile_active .navbar-nav > li:nth-child(6){border-bottom-color: #9733FC;}
	.menu_mobile_active .navbar-nav > li:nth-child(7){border-bottom-color: #A433FC;}
	.menu_mobile_active .navbar-nav > li:nth-child(1) .dropdown-toggle::after{color: #33FCF0;}
	.menu_mobile_active .navbar-nav > li:nth-child(2) .dropdown-toggle::after{color: #338FFC;}
	.menu_mobile_active .navbar-nav > li:nth-child(3) .dropdown-toggle::after{color: #3383FC;}
	.menu_mobile_active .navbar-nav > li:nth-child(4) .dropdown-toggle::after{color: #335FFC;}
	.menu_mobile_active .navbar-nav > li:nth-child(5) .dropdown-toggle::after{color: #3733FC;}
	.menu_mobile_active .navbar-nav > li:nth-child(6) .dropdown-toggle::after{color: #9733FC;}
	.menu_mobile_active .navbar-nav > li:nth-child(7) .dropdown-toggle::after{color: #A433FC;}
	.menu_mobile_active .dropdown-toggle::after { position: absolute; right: 18px; top: 25px;font-size: 26px;transform: rotate(0deg);transition: transform .3s ease-in-out;}
	.menu_mobile_active .dropdown-toggle.show::after{transform: rotate(180deg);}
	header.menu_mobile_active{transform: translateX(0);}
	.navbar-toggler{border-color: #FFFFFF;padding: 2px 8px; font-size: 1.5rem;border-radius: 4px;}
	.navbar-toggler:focus { box-shadow: none;}
	.collapse:not(.show) { display: block;}
	.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link ,.nav-link:focus, .nav-link:hover{color: #FFFFFF;}
	.navbar-toggler-icon{background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M7.2,21.8L22.8,6.2 M7.2,6.2l15.6,15.6'/%3e%3c/svg%3e");}
	#mobile_header{display: block;position: fixed;left: 0;top: 0;width: 100%;background-color: transparent;z-index: 5;padding: 25px 0 12px;}
	#mobile_header.sticky_active{background-color: #000000;}
	#btn_menu_mobile{padding: 2px 8px;line-height: 1;color: #FFFFFF;background-color: transparent;border: 1px solid #FFFFFF;border-radius: 4px;font-size: 1.5rem;}
	#btn_menu_mobile .menu-icon{  display: inline-block;width: 1.5em; height: 1.5em; vertical-align: middle;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center;  background-size: 100%;}
	#sitemap h5, #sitemap h5 a{font-size: 18px;}
	#sitemap ul li a{font-size: 16px;}
	#footer_logo{margin: 15px 0;}
}
@media (max-width:767px) {
	#footer_logo{margin: 15px 0;max-width: 300px;}
}
@media (max-width:576px) {
	.banner_context{transform: translateX(0);left: 0;padding-left: 6%;}
	.banner_context .title{font-size: 6vw;}
	.banner_context .text {font-size: 4.5vw;}
	#footer_contact h4{color: #FFFFFF;background: linear-gradient(90deg, #D52FFF 12.19%, #48EDF8 95.97%);padding-top: 15px;}
	#copyright{padding: 25px 16px 0;}
	#footer_logo{height: auto;max-width: 269px; padding-bottom: 8px;}
	footer .container {padding: 0;}
	footer .container > .row,#footer_contact .row{margin: 0;}
	footer .container > .row > div,#footer_contact .row > div{padding-right: 0;padding-left: 0;}
	#footer_contact form{padding-left: 16px;padding-right: 16px;}
	#sitemap{padding-left: 0!important;max-width: 375px;margin: 0 auto;}
	#sitemap_other{padding-left: 16px!important;}
	#sitemap_other a{font-size: 16px;}
	#sitemap_other a.hyper_text::before{height: 1px;}
}
@media (max-width:450px) {
	#mobile_header img,.navbar-brand img{width: 200px;}
	#btn_menu_mobile,.navbar-toggler {font-size: 1rem;}
	#footer_contact iframe{height: 555px;}
	#sitemap_other a{font-size: 14px;}
}
@media (max-width:400px) {
	#sitemap h5, #sitemap h5 a {font-size: 16px; }
	#sitemap ul li a {font-size: 14px;}
	#sitemap{max-width: 320px;}
}
@media (max-width:375px) {
	#sitemap_other a{font-size: 12px;}
	#footer_logo{height: auto;width: 250px;}
	#sitemap_other> div:nth-child(2),#sitemap_other> div:nth-child(3){padding-left: 16px!important;}
	#sitemap h5::before {left: 6px;}
}