.elementor-132 .elementor-element.elementor-element-3a30b05d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-132 .elementor-element.elementor-element-6114c8aa{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-132 .elementor-element.elementor-element-1257cb5e img{width:100px;}.elementor-132 .elementor-element.elementor-element-49f0038e{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-132 .elementor-element.elementor-element-2e232ba4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-70fa7c48{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-132 .elementor-element.elementor-element-5f826cbb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-267cb1ef{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-132 .elementor-element.elementor-element-4ec90e41{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-132 .elementor-element.elementor-element-3a30b05d{--content-width:1350px;}.elementor-132 .elementor-element.elementor-element-6114c8aa{--width:20%;}.elementor-132 .elementor-element.elementor-element-49f0038e{--width:60%;}.elementor-132 .elementor-element.elementor-element-70fa7c48{--width:20%;}.elementor-132 .elementor-element.elementor-element-267cb1ef{--width:20%;}}@media(max-width:1024px) and (min-width:768px){.elementor-132 .elementor-element.elementor-element-6114c8aa{--width:70%;}.elementor-132 .elementor-element.elementor-element-70fa7c48{--width:20%;}.elementor-132 .elementor-element.elementor-element-267cb1ef{--width:10%;}}@media(max-width:1024px){.elementor-132 .elementor-element.elementor-element-3a30b05d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:8px;--padding-right:8px;}.elementor-132 .elementor-element.elementor-element-1257cb5e img{width:80px;}.elementor-132 .elementor-element.elementor-element-70fa7c48{--justify-content:flex-end;}.elementor-132 .elementor-element.elementor-element-5f826cbb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-4ec90e41{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-132 .elementor-element.elementor-element-3a30b05d{--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:5px;--padding-right:5px;}.elementor-132 .elementor-element.elementor-element-6114c8aa{--width:65%;}.elementor-132 .elementor-element.elementor-element-1257cb5e img{width:70px;}.elementor-132 .elementor-element.elementor-element-70fa7c48{--width:20%;--justify-content:center;}.elementor-132 .elementor-element.elementor-element-5f826cbb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-267cb1ef{--width:15%;--justify-content:center;}.elementor-132 .elementor-element.elementor-element-4ec90e41{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-2e232ba4 */.navbar-header {
    display: flex;
    justify-content: center;
    padding: 0;
}
.menu-header {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
    gap: 5px;
    flex-wrap: nowrap;
}
.menu-item-header a {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    padding: 20px 20px;
    border-radius: 5px;
    white-space: nowrap;
    transition: background-color 0.3s;
    color: #fff !important;
    font-size: 15px;
    font-weight: 400;
    text-decoration: none;
}
.menu-item-header a:hover,.menu-item-header a.active {
    color: #fff !important;
    background-color: rgba(0, 0, 0, 0.2);
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5f826cbb */.btn-login-header {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 40px;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
    font-family: 'Kanit', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #000 !important;
    text-decoration: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    background: linear-gradient(90deg, #ffffff, #eaeaea);
        
}

.btn-login-header:hover {
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
    background: linear-gradient(180deg, #f5f5f5, #999999);
}

@media (max-width: 1023px) {
    .btn-login-header {
        width: 70px;
        height: 35px;
        font-size: 12px;
        font-weight: 500;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ec90e41 */.hamburger {
  position: block;
  top: 20px;
  right: 20px;
  width: 25px;
  height: 24px;
  cursor: pointer;
  z-index: 1102;
}

.hamburger.hidden {
  display: none;
}

.hamburger span {
  display: block;
  position: absolute;
  height: 3px;
  width: 50%;
  background: #fff;
  border-radius: 9px;
  left: 0;
  transition: 0.3s ease-in-out;
}

.hamburger span:first-child {
  top: 0;
  animation: wave 0.4s ease-out infinite alternate;
}

.hamburger span:nth-child(2) {
  top: 9px;
  animation: wave 0.4s ease-out 0.3s infinite alternate;
}

.hamburger span:nth-child(3) {
  top: 18px;
  animation: wave 0.4s ease-out 0.4s infinite alternate;
}

@keyframes wave {
  0% {
    width: 60%;
  }
  100% {
    width: 100%;
  }
}


.side-menu {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  max-width: 300px;
  height: 100%;
  background: linear-gradient(to bottom, #6082B6, #26619C);
  color: #fff;
  padding: 20px;
  padding-top: 70px;
  z-index: 1101;
  transition: right 0.3s ease;
}

.side-menu.active {
  right: 0;
}

.close-btn {
  font-size: 26px;
  color: #fff;
  position: absolute;
  top: 15px;
  right: 20px;
  cursor: pointer;
}


.register-btn {
  display: block;
  background: #BEBFC5;
  color: #000;
  font-size: 16px;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #F5F5F5;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  margin: 15px auto;
  width: 100%;
  max-width: 260px;
  transition: 0.3s;
}

.register-btn:hover {
  background-color: #fff;
  color: #fbc146;
}


.login-text {
  font-size: 14px;
  margin-top: 10px;
  text-align: center;
}

.login-text a {
  color: #fbc146;
  text-decoration: none;
  font-weight: bold;
}

.login-text a:hover {
  text-decoration: underline;
}


.menu-buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-top: 20px;
  padding-left: 0;
  list-style: none;
  justify-items: center;
  align-items: center;
}

.menu-buttons .menu-item {
  width: 100%;
  max-width: 140px;
  text-align: center;
  background: #00416A;
  padding: 20px;
  border: 1px solid #ffffff46;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}



.menu-item a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #fff;
}

.menu-item img {
  width: 35px;
  height: 35px;
  object-fit: contain;
  margin-bottom: 5px;
}

.menu-item span {
  font-size: 12px;
}

.menu-item:hover span {
    color: #000;
    transform: scale(1.1);
}


.overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  z-index: 1100;
}


@media screen and (max-width: 768px) {
  .menu-buttons {
    grid-template-columns: repeat(2, 1fr);
  }
  .side-menu {
    width: 100%;
  }
}

@media screen and (max-width: 480px) {
  .menu-buttons {
    grid-template-columns: repeat(2, 1fr);
  }
  .register-btn {
    font-size: 14px;
  }
  .login-text {
    font-size: 12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a30b05d */.main-header {
    position: fixed;
    top: 0;
    left: 0;
    height: 70px;
    z-index: 1001;
    box-shadow: 0 3px 8px #0000003d;
    background-image: linear-gradient(180deg, #5D8AA8, #23afe3);
}

.header-item {
    height: 70px;
}

@media (max-width: 1023px) {
    .main-header, .header-item {
        height: 60px;
    }
}

@media (max-width: 1023px) {
    #nav-menu-desktop{
        display: none;
    }
}

@media (min-width: 1023px) {
    #menu-ham-hide{
        display: none;
    }
}/* End custom CSS */