.elementor-25 .elementor-element.elementor-element-9639b58{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-25 .elementor-element.elementor-element-23aafb6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-25 .elementor-element.elementor-element-5a0f6a8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:1;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-25 .elementor-element.elementor-element-5a0f6a8::before, .elementor-25 .elementor-element.elementor-element-5a0f6a8 > .elementor-background-video-container::before, .elementor-25 .elementor-element.elementor-element-5a0f6a8 > .e-con-inner > .elementor-background-video-container::before, .elementor-25 .elementor-element.elementor-element-5a0f6a8 > .elementor-background-slideshow::before, .elementor-25 .elementor-element.elementor-element-5a0f6a8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-25 .elementor-element.elementor-element-5a0f6a8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-25 .elementor-element.elementor-element-45ae334{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-25 .elementor-element.elementor-element-61a0409{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:1;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-25 .elementor-element.elementor-element-61a0409::before, .elementor-25 .elementor-element.elementor-element-61a0409 > .elementor-background-video-container::before, .elementor-25 .elementor-element.elementor-element-61a0409 > .e-con-inner > .elementor-background-video-container::before, .elementor-25 .elementor-element.elementor-element-61a0409 > .elementor-background-slideshow::before, .elementor-25 .elementor-element.elementor-element-61a0409 > .e-con-inner > .elementor-background-slideshow::before, .elementor-25 .elementor-element.elementor-element-61a0409 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-25 .elementor-element.elementor-element-618418a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-25 .elementor-element.elementor-element-d464d54{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:1;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-25 .elementor-element.elementor-element-d464d54::before, .elementor-25 .elementor-element.elementor-element-d464d54 > .elementor-background-video-container::before, .elementor-25 .elementor-element.elementor-element-d464d54 > .e-con-inner > .elementor-background-video-container::before, .elementor-25 .elementor-element.elementor-element-d464d54 > .elementor-background-slideshow::before, .elementor-25 .elementor-element.elementor-element-d464d54 > .e-con-inner > .elementor-background-slideshow::before, .elementor-25 .elementor-element.elementor-element-d464d54 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-25 .elementor-element.elementor-element-4e4a734{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:1;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-25 .elementor-element.elementor-element-4e4a734::before, .elementor-25 .elementor-element.elementor-element-4e4a734 > .elementor-background-video-container::before, .elementor-25 .elementor-element.elementor-element-4e4a734 > .e-con-inner > .elementor-background-video-container::before, .elementor-25 .elementor-element.elementor-element-4e4a734 > .elementor-background-slideshow::before, .elementor-25 .elementor-element.elementor-element-4e4a734 > .e-con-inner > .elementor-background-slideshow::before, .elementor-25 .elementor-element.elementor-element-4e4a734 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-25 .elementor-element.elementor-element-bb879b8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-25 .elementor-element.elementor-element-1549428{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:767px){.elementor-25 .elementor-element.elementor-element-9639b58{--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-25 .elementor-element.elementor-element-23aafb6{--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-25 .elementor-element.elementor-element-5a0f6a8{--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-25 .elementor-element.elementor-element-61a0409{--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-25 .elementor-element.elementor-element-618418a{--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-25 .elementor-element.elementor-element-1666b28{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-25 .elementor-element.elementor-element-d464d54{--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-25 .elementor-element.elementor-element-4e4a734{--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-25 .elementor-element.elementor-element-bb879b8{--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}}/* Start custom CSS for html, class: .elementor-element-8c0bfee */@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@1,700&display=swap');

.tu-hero-full {
    position: relative;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    margin-top: -120px;
    padding-top: 120px;
    min-height: 100vh;
    display: flex;
    align-items: center;
    background: #ffffff;
    overflow: hidden;
}

.tu-hero-bg-overlay {
    position: absolute;
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
    background: radial-gradient(circle at 70% 30%, rgba(54,167,255,0.1) 0%, rgba(255,255,255,0) 60%);
    z-index: 1;
}

.tu-hero-wrapper {
    position: relative;
    width: 100%;
    max-width: 1800px;
    margin: 0 auto;
    padding: 0 5%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: center;
    z-index: 10;
}

.premium-tag {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 11px;
    font-weight: 800;
    color: #36A7FF;
    background: #fff;
    padding: 6px 14px;
    border-radius: 50px;
    box-shadow: 0 4px 15px rgba(54,167,255,0.1);
    border: 1px solid rgba(54,167,255,0.2);
}

.main-title {
    font-family: 'Assistant', sans-serif;
    font-size: clamp(50px, 6vw, 85px);
    font-weight: 900;
    line-height: 0.95;
    color: #051423;
    letter-spacing: -3px;
    margin-bottom: 25px;
    margin-top: 20px;
}

.accent-text {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    color: #36A7FF;
}

.main-description {
    font-size: 22px;
    color: #4a5e71;
    line-height: 1.6;
    margin-bottom: 45px;
    max-width: 580px;
}


.btn-wrap {
    display: inline-block;
    padding: 2px;
    background: #36A7FF; 
    border-radius: 100px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(54, 167, 255, 0.15);
}

.btn-pill {
    background: #ffffff; 
    color: #051423;
    padding: 16px 42px;
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    font-weight: 800;
    font-size: 17px;
    border-radius: 100px;
    transition: all 0.3s ease;
}

.btn-wrap:hover {
    transform: translateY(-3px);
    background: #36A7FF; 
    box-shadow: 0 10px 25px rgba(54, 167, 255, 0.25);
}

.btn-pill:hover {
    background: #36A7FF; 
    color: #ffffff; 
}

.btn-pill:hover .arrow {
    transform: translateX(6px);
    color: #ffffff;
}

.arrow {
    color: #36A7FF;
    transition: 0.3s ease;
    font-style: normal;
    font-weight: 900;
}

.tu-image-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 20px;
    height: 650px;
    position: relative;
}

.grid-box {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
    transition: 0.5s cubic-bezier(0.2, 1, 0.3, 1);
}

.grid-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.b-1 { transform: translateY(20px); }
.b-2 { transform: translateY(-20px); }
.b-3 { transform: translateY(40px); }
.b-4 { transform: translateY(0px); }

.grid-box:hover {
    transform: scale(1.03) translateY(0);
    z-index: 5;
    box-shadow: 0 30px 60px rgba(0,0,0,0.2);
}

@media (max-width: 1024px) {
    .tu-hero-full { 
        margin-top: 0; 
        padding-top: 80px; 
        width: 100%;
        left: 0;
        right: 0;
        margin-left: 0;
        margin-right: 0;
    }
    .tu-hero-wrapper { 
        grid-template-columns: 1fr; 
        text-align: center; 
    }
    .main-description { 
        margin-left: auto; 
        margin-right: auto; 
    }
    .action-area {
        display: flex;
        justify-content: center;
    }
    .tu-image-grid { 
        height: 500px; 
        max-width: 500px; 
        margin: 40px auto 0; 
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eb3b81c */.tu-floating-cards {
    position: relative;
    z-index: 20;
    margin-top: -100px; 
    padding: 0 5%;
    text-align: center;
}


.nav-title-wrapper {
    display: inline-block;
    padding: 12px 35px;
    margin-bottom: 30px;
    border-radius: 50px;
    

    background: rgba(240, 245, 250, 0.95); 
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    

    border: 1.5px solid #d1dce5; 
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    position: relative;
}

.nav-title-pre {
    display: block;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    color: #36A7FF; 
    letter-spacing: 2.5px;
    margin-bottom: 3px;
}

.nav-title {
    margin: 0;
    font-family: 'Assistant', sans-serif;
    font-size: 19px;
    font-weight: 900;
    color: #051423;
    letter-spacing: 0.5px;
}


.nav-title-wrapper::after {
    content: '';
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 2px;
    background: #36A7FF;
    border-radius: 2px;
    opacity: 0.5;
}



.tu-cards-container {
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}


.card-item {
    position: relative; 
    background: #fcfdfe; 
    padding: 30px 20px;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border-radius: 20px;
    border: 1px solid #e2eaf1; 
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05); 
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.card-icon {
    font-size: 32px;
    margin-bottom: 15px;
    filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1));
}

.card-text strong {
    display: block;
    color: #051423;
    font-size: 16px;
    font-weight: 800;
    margin-bottom: 4px;
}

.card-text span {
    font-size: 12px;
    color: #5f7a94;
    font-weight: 500;
}


.promo-badge {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    background: #1f3b57; 
    color: #ffffff;
    font-size: 9px;
    font-weight: 800;
    padding: 5px 14px;
    border-radius: 30px; /* Pill shape for premium look */
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    box-shadow: 0 4px 12px rgba(31, 59, 87, 0.2);
}


.card-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 25px 50px rgba(54, 167, 255, 0.18);
    border-color: #36A7FF;
}


@media (max-width: 768px) {
    .tu-floating-cards {
        margin-top: 20px; /* Prevent overlap on mobile */
        padding: 0 15px; 
    }

    .nav-title-wrapper {
        padding: 8px 20px;
    }

    .nav-title {
        font-size: 16px;
    }
    
    .tu-cards-container {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3c1a121 */.tu-top-places{
  padding:10px 20px;
  background:#ffffff;
  text-align:center;
}

.tu-itinerary-inner{
  max-width:1200px;
  margin:0 auto;
}

.tu-top-places .tu-places-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  grid-auto-rows:240px;
  gap:20px;
  margin-top:6px;
  margin-bottom:6px;
}

.tu-top-places .tu-place-card{
  position:relative;
  border-radius:20px;
  overflow:hidden;
  text-decoration:none;
  color:#ffffff;
  background-size:cover;
  background-position:center;
  transition:transform .4s cubic-bezier(.165,.84,.44,1), box-shadow .4s ease;
}

.tu-top-places .tu-place-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top, rgba(5,20,35,.8) 0%, rgba(5,20,35,.2) 50%, transparent 100%);
  z-index:1;
}

.tu-top-places .tu-place-card.featured{
  grid-column:span 2;
  grid-row:span 2;
}

.tu-top-places .tu-place-card.wide{
  grid-column:span 2;
}

.tu-top-places .tu-place-content{
  position:absolute;
  bottom:25px;
  left:25px;
  right:25px;
  z-index:2;
  text-align:left;
}

.tu-top-places .tu-place-content h3{
  font-size:24px;
  font-weight:800;
  margin:0 0 5px 0;
  color:#ffffff;
}

.tu-top-places .tu-place-content span{
  font-size:14px;
  opacity:.85;
  font-weight:500;
  color:#ffffff;
}

.tu-top-places .tu-place-card:hover{
  transform:translateY(-8px);
  box-shadow:0 20px 40px rgba(5,20,35,.25);
}

.tu-top-places .tu-itinerary-button{
  display:inline-block;
  padding:18px 55px;
  background:#051423;
  color:#ffffff !important;
  border-radius:12px;
  text-decoration:none;
  font-weight:700;
  transition:all .3s ease;
}

.tu-top-places .tu-itinerary-button:hover{
  background:#36A7FF;
  transform:translateY(-2px);
}

.tu-top-places .tu-mobile-scroll-indicator{
  display:none;
}

@media (max-width:1024px){
  .tu-top-places .tu-places-grid{
    grid-template-columns:repeat(2,1fr);
    grid-auto-rows:220px;
  }
}

@keyframes arrows-bounce{
  0%{transform:rotate(-45deg) translate(-5px,-5px);opacity:0;}
  50%{opacity:1;}
  100%{transform:rotate(-45deg) translate(5px,5px);opacity:0;}
}

@media (max-width:640px){
  .tu-top-places{
    padding:40px 0;
    overflow:hidden;
  }

  .tu-top-places .tu-section-header{
    padding:0 20px;
    margin-bottom:4px;
  }

  .tu-top-places .tu-mobile-scroll-indicator{
    display:flex;
    flex-direction:column;
    align-items:center;
    margin-top:5px;
    margin-bottom:25px;
    gap:6px;
  }

  .tu-top-places .tu-scroll-text{
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    color:#36A7FF;
    letter-spacing:1.5px;
  }

  .tu-top-places .tu-scroll-arrows{
    display:flex;
    gap:4px;
  }

  .tu-top-places .tu-scroll-arrows span{
    width:8px;
    height:8px;
    border-bottom:2px solid #36A7FF;
    border-right:2px solid #36A7FF;
    transform:rotate(-45deg);
    display:block;
    animation:arrows-bounce 1.5s infinite;
    opacity:0;
  }

  .tu-top-places .tu-scroll-arrows span:nth-child(2){animation-delay:.2s;}
  .tu-top-places .tu-scroll-arrows span:nth-child(3){animation-delay:.4s;}

  .tu-top-places .tu-places-grid{
    display:flex;
    flex-direction:row;
    gap:5px;
    overflow-x:auto;
    padding:10px 20px 0 20px;
    margin:0;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }

  .tu-top-places .tu-places-grid::-webkit-scrollbar{
    display:none;
  }

  .tu-top-places .tu-place-card,
  .tu-top-places .tu-place-card.featured,
  .tu-top-places .tu-place-card.wide{
    grid-column:auto;
    grid-row:auto;
    width:280px;
    height:350px;
    flex-shrink:0;
    scroll-snap-align:center;
  }

  .tu-top-places .tu-culture-action{
    padding:0 20px;
    margin-top:0;
    text-align:center;
  }

  .tu-top-places .tu-itinerary-button{
    display:block;
    width:100%;
    margin:0 auto;
    box-sizing:border-box;
    text-align:center;
  }
}

.tu-top-places .tu-culture-action {
    margin-top: 15px; 
}

@media (max-width: 640px) {
    .tu-top-places .tu-culture-action {
        margin-top: 20px; 
    }
}

.tu-top-places .tu-main-title {
    font-family: 'Assistant', sans-serif;
    font-size: 42px;
    font-weight: 900;
    color: #051423;
    margin: 0 0 10px 0;
}

.tu-top-places .tu-main-subtitle {
    font-size: 18px;
    color: #5f7a94;
    margin: 0 0 20px 0;
}

.tu-top-places .tu-title-divider {
    width: 60px;
    height: 4px;
    background: #36A7FF;
    margin: 0 auto;
    border-radius: 2px;
}

.tu-top-places .tu-section-header {
    margin-bottom: 60px; 
    text-align: center;
}

@media (max-width: 768px) {
    .tu-top-places .tu-main-title {
        font-size: 32px;
    }
    
    .tu-top-places .tu-section-header {
        margin-bottom: 15px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a625f5a */.tu-home-wizard{
  background:#f8fbff;
  padding:80px 20px;
  text-align:center;
}

.tu-home-wizard-inner{
  max-width:1200px;
  margin:0 auto;
}

.tu-home-wizard .tu-badge{
  display:inline-block;
  font-size:11px;
  font-weight:800;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:#36A7FF;
  background:#f0f7ff;
  padding:6px 18px;
  border-radius:50px;
  margin-bottom:18px;
}

.tu-home-wizard .tu-title{
  font-family:'Assistant',sans-serif;
  font-size:42px;
  font-weight:900;
  color:#051423;
  margin:0 0 15px 0;
}

.tu-home-wizard .accent-text{
  font-family:'Playfair Display',serif;
  font-style:italic;
  color:#36A7FF;
}

.tu-home-wizard .tu-subtitle{
  font-size:18px;
  color:#5f7a94;
  max-width:760px;
  margin:0 auto 42px;
  line-height:1.6;
}

.tu-home-wizard .tu-wizard-card{
  max-width:980px;
  margin:0 auto;
  background:#ffffff;
  border:1px solid #eef2f6;
  border-radius:22px;
  padding:28px;
  box-shadow:0 16px 40px rgba(5,20,35,0.06);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.tu-home-wizard .tu-wizard-card:hover{
  transform:translateY(-6px);
  border-color:#36A7FF;
  box-shadow:0 22px 54px rgba(5,20,35,0.10);
}

.tu-home-wizard .tu-wizard-card-top{
  display:flex;
  align-items:center;
  gap:16px;
  padding:6px 6px 18px;
}

.tu-home-wizard .tu-wizard-card-icon{
  width:54px;
  height:54px;
  border-radius:16px;
  background:#f0f7ff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:24px;
  color:#36A7FF;
  flex:0 0 auto;
}

.tu-home-wizard .tu-wizard-card-copy{
  text-align:left;
}

.tu-home-wizard .tu-wizard-card-kicker{
  font-size:11px;
  font-weight:900;
  letter-spacing:1.4px;
  text-transform:uppercase;
  color:#36A7FF;
  margin-bottom:4px;
}

.tu-home-wizard .tu-wizard-card-title{
  font-size:20px;
  font-weight:900;
  color:#051423;
  line-height:1.15;
}

.tu-home-wizard .tu-wizard-card-sub{
  font-size:14px;
  font-weight:700;
  color:#5f7a94;
  margin-top:6px;
}

.tu-home-wizard .tu-wizard-steps{
  display:grid;
  grid-template-columns:1fr 1px 1fr;
  gap:22px;
  align-items:stretch;
  padding:18px 6px 6px;
}

.tu-home-wizard .tu-wizard-divider{
  background:linear-gradient(to bottom, rgba(226,234,241,0), rgba(226,234,241,1), rgba(226,234,241,0));
  border-radius:999px;
}

.tu-home-wizard .tu-wizard-step{
  text-align:left;
  background:#f8fbff;
  border:1px solid #e6f0fa;
  border-radius:18px;
  padding:22px 20px;
}

.tu-home-wizard .tu-step-head{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:14px;
}

.tu-home-wizard .tu-step-number{
  display:inline-flex;
  width:42px;
  height:42px;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:#f0f7ff;
  color:#36A7FF;
  font-weight:900;
  flex:0 0 auto;
  transition:all .25s ease;
}

.tu-home-wizard .tu-wizard-card:hover .tu-step-number{
  background:#36A7FF;
  color:#ffffff;
}

.tu-home-wizard .tu-wizard-step h3{
  font-size:18px;
  font-weight:900;
  color:#051423;
  margin:0;
  line-height:1.25;
}

.tu-home-wizard .tu-preview-options{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.tu-home-wizard .tu-preview-options span{
  background:#ffffff;
  border:1px solid #e2eaf1;
  padding:10px 14px;
  border-radius:100px;
  font-size:13px;
  font-weight:800;
  color:#051423;
  line-height:1;
  white-space:nowrap;
}

.tu-home-wizard .tu-wizard-cta{
  margin-top:22px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
}

.tu-home-wizard .tu-primary-button{
  display:inline-block;
  padding:18px 45px;
  background:#051423;
  color:#ffffff;
  border-radius:12px;
  text-decoration:none;
  font-weight:800;
  transition:all .3s ease;
}

.tu-home-wizard .tu-primary-button:hover{
  background:#36A7FF;
  transform:translateY(-2px);
  box-shadow:0 10px 20px rgba(54,167,255,0.3);
}

.tu-home-wizard .tu-cta-note{
  font-size:13px;
  font-weight:700;
  color:#5f7a94;
}

@media (max-width:980px){
  .tu-home-wizard .tu-wizard-steps{
    grid-template-columns:1fr;
    gap:14px;
  }

  .tu-home-wizard .tu-wizard-divider{
    height:1px;
    background:linear-gradient(to right, rgba(226,234,241,0), rgba(226,234,241,1), rgba(226,234,241,0));
  }

  .tu-home-wizard .tu-wizard-card-top{
    padding-bottom:12px;
  }

  .tu-home-wizard .tu-wizard-card-copy{
    text-align:left;
  }
}

@media (max-width:768px){
  .tu-home-wizard{
    padding:60px 0;
  }

  .tu-home-wizard-inner{
    padding:0 20px;
  }

  .tu-home-wizard .tu-title{
    font-size:32px;
  }

  .tu-home-wizard .tu-subtitle{
    margin:0 auto 28px;
    font-size:16px;
  }

  .tu-home-wizard .tu-wizard-card{
    padding:18px;
    border-radius:20px;
  }

  .tu-home-wizard .tu-wizard-card-icon{
    width:48px;
    height:48px;
    border-radius:14px;
  }

  .tu-home-wizard .tu-wizard-step{
    padding:18px 16px;
  }

  .tu-home-wizard .tu-preview-options span{
    font-size:12px;
    padding:9px 12px;
  }

  .tu-home-wizard .tu-primary-button{
    width:100%;
    text-align:center;
    box-sizing:border-box;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1666b28 */.tu-transport-new{
  padding:10px 20px;
  background:#ffffff;
}

.tu-transport-inner{
  max-width:1200px;
  margin:0 auto;
  text-align:center;
  font-family:'Assistant',sans-serif;
}

.tu-transport-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  margin-top:30px;
}

.tu-transport-card{
  background:#ffffff;
  border-radius:20px;
  padding:30px 24px;
  text-decoration:none;
  color:#0b1f33;
  border:1px solid #e6f0fa;
  transition:all .3s cubic-bezier(.165,.84,.44,1);
  text-align:center;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}

.tu-transport-icon{
  display:block;
  font-size:36px;
  margin-bottom:15px;
}

.tu-transport-card strong{
  display:block;
  font-size:19px;
  font-weight:800;
  margin-bottom:8px;
  color:#051423;
}

.tu-transport-desc{
  font-size:14px;
  color:#5f7a94;
  line-height:1.5;
  font-weight:500;
}

.tu-transport-card:hover{
  transform:translateY(-8px);
  box-shadow:0 15px 35px rgba(5,20,35,.08);
  border-color:#36A7FF;
}

.tu-transport-cta{
  margin-top:30px;
}

.tu-transport-button{
  display:inline-block;
  padding:16px 35px;
  background:#051423;
  color:#ffffff;
  border-radius:12px;
  font-weight:700;
  text-decoration:none;
  transition:all .3s ease;
}

.tu-transport-button:hover{
  background:#36A7FF;
  color:#ffffff;
  box-shadow:0 10px 20px rgba(54,167,255,.2);
}

@media (max-width:1024px){
  .tu-transport-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media (max-width:640px){
  .tu-transport-new{
    padding:10px 15px;
  }

  .tu-transport-grid{
    grid-template-columns:repeat(2,1fr);
    gap:12px;
  }

  .tu-transport-card{
    padding:20px 12px;
    border-radius:18px;
    min-height:160px;
  }

  .tu-transport-icon{
    font-size:30px;
    margin-bottom:8px;
  }

  .tu-transport-card strong{
    font-size:15px;
  }

  .tu-transport-desc{
    font-size:12px;
  }

  .tu-transport-button{
    width:100%;
  }
}


.tu-transport-new .tu-main-title {
    font-family: 'Assistant', sans-serif;
    font-size: 42px;
    font-weight: 900;
    color: #051423;
    margin: 0 0 10px 0;
}

.tu-transport-new .tu-main-subtitle {
    font-size: 18px;
    color: #5f7a94;
    margin: 0 0 20px 0;
}

.tu-transport-new .tu-title-divider {
    width: 60px;
    height: 4px;
    background: #36A7FF;
    margin: 0 auto;
    border-radius: 2px;
}

.tu-transport-new .tu-section-header {
    margin-bottom: 60px;
    text-align: center;
}

.tu-transport-new .tu-transport-cta {
    margin-top: 15px;
}

@media (max-width: 768px) {
    .tu-transport-new .tu-main-title {
        font-size: 32px;
    }
    
    .tu-transport-new .tu-section-header {
        margin-bottom: 15px;
    }

    .tu-transport-new .tu-transport-cta {
        margin-top: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad9d49 */.tu-culture-section{
  background:#f8fbff;
  padding:10px 20px;
  text-align:center;
}

.tu-culture-section .tu-culture-inner{
  max-width:1200px;
  margin:0 auto;
}

.tu-culture-section .tu-section-header{
  margin-bottom:60px;
  text-align:center;
}

.tu-culture-section .tu-main-title{
  font-family:'Assistant',sans-serif;
  font-size:42px;
  font-weight:900;
  color:#051423;
  margin:0 0 10px 0;
}

.tu-culture-section .tu-main-subtitle{
  font-size:18px;
  color:#5f7a94;
  margin:0 0 20px 0;
}

.tu-culture-section .tu-title-divider{
  width:60px;
  height:4px;
  background:#36A7FF;
  margin:0 auto;
  border-radius:2px;
}

.tu-culture-section .tu-culture-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  text-align:left;
}

.tu-culture-section .tu-culture-card{
  background:#ffffff;
  padding:30px;
  border-radius:18px;
  text-decoration:none;
  display:flex;
  align-items:center;
  border:1px solid #eef2f6;
  transition:all .4s cubic-bezier(.165,.84,.44,1);
  position:relative;
}

.tu-culture-section .tu-culture-icon{
  font-size:32px;
  margin-right:20px;
  background:#f0f7ff;
  width:65px;
  height:65px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:15px;
  flex-shrink:0;
  transition:all .3s ease;
}

.tu-culture-section .tu-culture-text h3{
  font-size:19px;
  font-weight:800;
  color:#051423;
  margin:0 0 5px 0;
}

.tu-culture-section .tu-culture-text p{
  font-size:14px;
  color:#5f7a94;
  line-height:1.4;
  margin:0;
}

.tu-culture-section .tu-arrow{
  margin-left:auto;
  font-size:18px;
  color:#d1dce5;
  transition:all .3s ease;
}

.tu-culture-section .tu-culture-card:hover{
  transform:translateY(-8px);
  border-color:#36A7FF;
  box-shadow:0 20px 40px rgba(5,20,35,.12);
}

.tu-culture-section .tu-culture-card:hover .tu-culture-icon{
  background:#36A7FF;
  color:#ffffff;
}

.tu-culture-section .tu-culture-card:hover .tu-arrow{
  color:#36A7FF;
  transform:translateX(5px);
}

.tu-culture-section .tu-culture-action{
  margin-top:50px;
}

.tu-culture-section .tu-culture-button{
  display:inline-block;
  padding:18px 45px;
  background:#051423;
  color:#ffffff !important;
  border-radius:12px;
  text-decoration:none;
  font-weight:700;
  transition:all .3s ease;
}

.tu-culture-section .tu-culture-button:hover{
  background:#36A7FF;
  transform:translateY(-2px);
  box-shadow:0 10px 20px rgba(54,167,255,.3);
}

.tu-culture-section .tu-mobile-scroll-indicator{
  display:none;
}

.tu-culture-section .tu-featured-card{
  border:2px solid #36A7FF;
  background:linear-gradient(180deg,#ffffff 0%,#f4faff 100%);
}

.tu-culture-section .tu-featured-card .tu-culture-icon{
  background:#36A7FF;
  color:#ffffff;
}

.tu-culture-section .tu-featured-card h3{
  color:#051423;
}

@keyframes arrows-bounce{
  0%{transform:rotate(-45deg) translate(-5px,-5px);opacity:0;}
  50%{opacity:1;}
  100%{transform:rotate(-45deg) translate(5px,5px);opacity:0;}
}

@media (max-width:768px){
  .tu-culture-section{
    padding:40px 0;
    overflow:hidden;
  }

  .tu-culture-section .tu-section-header{
    padding:0 20px;
    margin-bottom:15px;
  }

  .tu-culture-section .tu-main-title{
    font-size:32px;
  }

  .tu-culture-section .tu-mobile-scroll-indicator{
    display:flex;
    flex-direction:column;
    align-items:center;
    margin-bottom:25px;
    gap:6px;
  }

  .tu-culture-section .tu-scroll-text{
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    color:#36A7FF;
    letter-spacing:1.5px;
  }

  .tu-culture-section .tu-scroll-arrows{
    display:flex;
    gap:4px;
  }

  .tu-culture-section .tu-scroll-arrows span{
    width:8px;
    height:8px;
    border-bottom:2px solid #36A7FF;
    border-right:2px solid #36A7FF;
    transform:rotate(-45deg);
    display:block;
    animation:arrows-bounce 1.5s infinite;
    opacity:0;
  }

  .tu-culture-section .tu-culture-grid{
    display:flex;
    overflow-x:auto;
    padding:10px 20px 30px 20px;
    gap:15px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }

  .tu-culture-section .tu-culture-grid::-webkit-scrollbar{
    display:none;
  }

  .tu-culture-section .tu-culture-card{
    flex:0 0 75%;
    flex-direction:column;
    align-items:center;
    text-align:center;
    padding:30px 20px;
    scroll-snap-align:center;
  }

  .tu-culture-section .tu-culture-icon{
    margin-right:0;
    margin-bottom:15px;
  }

  .tu-culture-section .tu-arrow{
    display:none;
  }

  .tu-culture-section .tu-culture-action{
    padding:0 20px;
  }

  .tu-culture-section .tu-culture-button{
    width:100%;
    box-sizing:border-box;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-361a05b */.tu-accommodation-section{
  background:#ffffff;
  padding:10px 20px;
  text-align:center;
}

.tu-accommodation-section .tu-accommodation-inner{
  max-width:1200px;
  margin:0 auto;
}

.tu-accommodation-section .tu-section-header{
  margin-bottom:60px;
  text-align:center;
}

.tu-accommodation-section .tu-main-title{
  font-family:'Assistant',sans-serif;
  font-size:42px;
  font-weight:900;
  color:#051423;
  margin:0 0 10px 0;
}

.tu-accommodation-section .tu-main-subtitle{
  font-size:18px;
  color:#5f7a94;
  margin:0 0 20px 0;
}

.tu-accommodation-section .tu-title-divider{
  width:60px;
  height:4px;
  background:#36A7FF;
  margin:0 auto;
  border-radius:2px;
}

.tu-accommodation-section .tu-accommodation-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  text-align:left;
}

.tu-accommodation-section .tu-acc-card{
  background:#ffffff;
  padding:30px;
  border-radius:18px;
  text-decoration:none;
  display:flex;
  align-items:center;
  border:1px solid #eef2f6;
  transition:all .4s cubic-bezier(.165,.84,.44,1);
  position:relative;
}

.tu-accommodation-section .tu-acc-icon{
  font-size:32px;
  margin-right:20px;
  background:#f0f7ff;
  width:65px;
  height:65px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:15px;
  flex-shrink:0;
  transition:all .3s ease;
}

.tu-accommodation-section .tu-acc-text h3{
  font-size:19px;
  font-weight:800;
  color:#051423;
  margin:0 0 5px 0;
}

.tu-accommodation-section .tu-acc-text p{
  font-size:14px;
  color:#5f7a94;
  line-height:1.4;
  margin:0;
}

.tu-accommodation-section .tu-arrow{
  margin-left:auto;
  font-size:18px;
  color:#d1dce5;
  transition:all .3s ease;
}

.tu-accommodation-section .tu-acc-card:hover{
  transform:translateY(-8px);
  border-color:#36A7FF;
  box-shadow:0 20px 40px rgba(5,20,35,.12);
}

.tu-accommodation-section .tu-acc-card:hover .tu-acc-icon{
  background:#36A7FF;
}

.tu-accommodation-section .tu-acc-card:hover .tu-arrow{
  color:#36A7FF;
  transform:translateX(5px);
}

.tu-accommodation-section .tu-accommodation-action{
  margin-top:15px;
}

.tu-accommodation-section .tu-acc-button{
  display:inline-block;
  padding:18px 55px;
  background:#051423;
  color:#ffffff !important;
  border-radius:12px;
  text-decoration:none;
  font-weight:700;
  transition:all .3s ease;
}

.tu-accommodation-section .tu-acc-button:hover{
  background:#36A7FF;
  transform:translateY(-2px);
  box-shadow:0 10px 20px rgba(54,167,255,.3);
  color:#ffffff !important;
}

@media (max-width: 768px){
  .tu-accommodation-section{
    padding:40px 0;
  }

  .tu-accommodation-section .tu-section-header{
    padding:0 20px;
    margin-bottom:20px;
  }

  .tu-accommodation-section .tu-main-title{
    font-size:32px;
  }

  .tu-accommodation-section .tu-accommodation-grid{
    grid-template-columns:repeat(2,1fr);
    gap:12px;
    padding:0 20px;
    text-align:left;
  }

  .tu-accommodation-section .tu-acc-card{
    padding:16px 14px;
    border-radius:16px;
  }

  .tu-accommodation-section .tu-acc-icon{
    width:48px;
    height:48px;
    border-radius:14px;
    font-size:22px;
    margin-right:12px;
  }

  .tu-accommodation-section .tu-acc-text h3{
    font-size:16px;
    margin:0 0 4px 0;
  }

  .tu-accommodation-section .tu-acc-text p{
    font-size:12.5px;
    line-height:1.35;
  }

  .tu-accommodation-section .tu-arrow{
    display:none;
  }

  .tu-accommodation-section .tu-accommodation-action{
    padding:0 20px;
    margin-top:18px;
  }

  .tu-accommodation-section .tu-acc-button{
    display:block;
    width:100%;
    box-sizing:border-box;
    text-align:center;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d3ca5a1 */.tu-guides{
  background:#f8fbff;
  padding:10px 20px;
  text-align:center;
}

.tu-guides .tu-guides-inner{
  max-width:1200px;
  margin:0 auto;
}

.tu-guides .tu-section-header{
  margin-bottom:60px;
  text-align:center;
}

.tu-guides .tu-main-title{
  font-family:'Assistant',sans-serif;
  font-size:42px;
  font-weight:900;
  color:#051423;
  margin:0 0 10px 0;
}

.tu-guides .tu-main-subtitle{
  font-size:18px;
  color:#5f7a94;
  margin:0 0 20px 0;
}

.tu-guides .tu-title-divider{
  width:60px;
  height:4px;
  background:#36A7FF;
  margin:0 auto;
  border-radius:2px;
}

.tu-guides .tu-guides-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
  text-align:left;
}

.tu-guides .tu-guide-card{
  background:#ffffff;
  border-radius:20px;
  padding:30px;
  text-decoration:none;
  color:#051423;
  border:1px solid #eef2f6;
  transition:all .4s cubic-bezier(.165,.84,.44,1);
  display:flex;
  flex-direction:column;
}

.tu-guides .tu-guide-tag{
  display:inline-block;
  align-self:flex-start;
  background:#f0f7ff;
  color:#36A7FF;
  font-size:11px;
  font-weight:800;
  padding:5px 12px;
  border-radius:30px;
  margin-bottom:15px;
  text-transform:uppercase;
  letter-spacing:.5px;
}

.tu-guides .tu-guide-card h3{
  font-size:20px;
  font-weight:800;
  margin:0 0 10px 0;
  line-height:1.3;
  color:#051423;
}

.tu-guides .tu-guide-card p{
  font-size:14px;
  color:#5f7a94;
  line-height:1.6;
  margin:0;
}

.tu-guides .tu-guide-card:hover{
  transform:translateY(-8px);
  border-color:#36A7FF;
  box-shadow:0 20px 40px rgba(5,20,35,.12);
}

.tu-guides .tu-guides-action{
  margin-top:50px;
}

.tu-guides .tu-guides-button{
  display:inline-block;
  padding:18px 45px;
  background:#051423;
  color:#ffffff !important;
  border-radius:12px;
  text-decoration:none;
  font-weight:700;
  transition:all .3s ease;
}

.tu-guides .tu-guides-button:hover{
  background:#36A7FF;
  transform:translateY(-2px);
  box-shadow:0 10px 20px rgba(54,167,255,.3);
}

.tu-guides .tu-mobile-scroll-indicator{
  display:none;
}

@keyframes arrows-bounce{
  0%{transform:rotate(-45deg) translate(-5px,-5px);opacity:0;}
  50%{opacity:1;}
  100%{transform:rotate(-45deg) translate(5px,5px);opacity:0;}
}

@media (max-width:1024px){
  .tu-guides .tu-guides-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media (max-width:768px){
  .tu-guides{
    padding:40px 0;
    overflow:hidden;
  }

  .tu-guides .tu-section-header{
    padding:0 20px;
    margin-bottom:15px;
  }

  .tu-guides .tu-main-title{
    font-size:32px;
  }

  .tu-guides .tu-mobile-scroll-indicator{
    display:flex;
    flex-direction:column;
    align-items:center;
    margin-bottom:25px;
    gap:6px;
  }

  .tu-guides .tu-scroll-text{
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    color:#36A7FF;
    letter-spacing:1.5px;
  }

  .tu-guides .tu-scroll-arrows{
    display:flex;
    gap:4px;
  }

  .tu-guides .tu-scroll-arrows span{
    width:8px;
    height:8px;
    border-bottom:2px solid #36A7FF;
    border-right:2px solid #36A7FF;
    transform:rotate(-45deg);
    display:block;
    animation:arrows-bounce 1.5s infinite;
    opacity:0;
  }

  .tu-guides .tu-guides-grid{
    display:flex;
    overflow-x:auto;
    padding:10px 20px 30px 20px;
    gap:15px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }

  .tu-guides .tu-guides-grid::-webkit-scrollbar{
    display:none;
  }

  .tu-guides .tu-guide-card{
    flex:0 0 75%;
    padding:30px 25px;
    scroll-snap-align:center;
    text-align:center;
  }

  .tu-guides .tu-guide-tag{
    align-self:center;
  }

  .tu-guides .tu-guides-action{
    padding:0 20px;
    margin-top:5px;
  }

  .tu-guides .tu-guides-button{
    display:block;
    width:100%;
    box-sizing:border-box;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a1b9b1d */.tu-clocks-section,
.tu-weather-section {
    background: #f5f9ff;
    padding: 70px 20px;
}

.tu-weather-section {
    padding-bottom: 100px;
}

.tu-section-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.tu-section-title {
    text-align: center;
    font-size: 34px;
    font-weight: 900;
    color: #051423;
    margin-bottom: 45px;
}

.tu-clocks-grid,
.tu-weather-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.tu-clock,
.tu-weather-card {
    position: relative;
    background: #ffffff;
    border-radius: 20px;
    padding: 28px 20px;
    text-align: center;
    box-shadow: 0 12px 28px rgba(5,20,35,0.08);
}

.tu-clock {
    padding-top: 48px;
}

.tu-clock-city {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #36A7FF;
}

.tu-analog-clock {
    width: 90px;
    height: 90px;
    margin: 14px auto 10px;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid #e6eff8;
    position: relative;
}

.tu-analog-clock::after {
    content: '';
    width: 6px;
    height: 6px;
    background: #051423;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.hand {
    position: absolute;
    bottom: 50%;
    left: 50%;
    transform-origin: bottom center;
    transform: translateX(-50%) rotate(0deg);
    border-radius: 2px;
}

.hour-hand {
    width: 4px;
    height: 26px;
    background: #051423;
}

.minute-hand {
    width: 3px;
    height: 36px;
    background: #36A7FF;
}

.tu-clock-time {
    font-size: 30px;
    font-weight: 900;
    letter-spacing: 2px;
    color: #051423;
}

.tu-widget-label {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: #36A7FF;
}

.tu-weather-card h3 {
    font-size: 18px;
    font-weight: 800;
    margin: 8px 0 10px;
    color: #051423;
}

.tu-weather-temp {
    font-size: 34px;
    font-weight: 900;
    color: #051423;
}

.tu-weather-rain {
    font-size: 14px;
    margin-top: 6px;
    color: #5f7a94;
}

.tu-clock::before {
    content: '';
    width: 34px;
    height: 22px;
    background-size: cover;
    background-position: center;
    border-radius: 4px;
    position: absolute;
    top: 16px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 4px 10px rgba(0,0,0,0.12);
}

.tu-clock[data-zone="Asia/Bangkok"]::before {
    background-image: url("https://flagcdn.com/w40/th.png");
}

.tu-clock[data-zone="Europe/London"]::before {
    background-image: url("https://flagcdn.com/w40/gb.png");
}

.tu-clock[data-zone="America/New_York"]::before {
    background-image: url("https://flagcdn.com/w40/us.png");
}

.tu-clock[data-zone="Australia/Sydney"]::before {
    background-image: url("https://flagcdn.com/w40/au.png");
}

.tu-clock[data-zone="Asia/Bangkok"] {
    border: 2px solid #36A7FF;
    box-shadow: 0 16px 36px rgba(54,167,255,0.25);
}

.tu-clock[data-zone="Asia/Bangkok"] .tu-clock-time {
    color: #36A7FF;
}

@media (max-width: 768px) {
    .tu-clocks-grid,
    .tu-weather-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .tu-section-title {
        font-size: 28px;
    }
}

.tu-clocks-section,
.tu-weather-section {
    background: #ffffff;
}

.tu-clocks-section {
    padding-top: 80px;
    padding-bottom: 40px;
}

.tu-weather-section {
    padding-top: 40px;
    padding-bottom: 120px;
}

.tu-section-inner {
    background: transparent;
    box-shadow: none;
    border-radius: 0;
}

.tu-weather-section::after {
    content: '';
    display: block;
    width: 100%;
    max-width: 1100px;
    height: 1px;
    margin: 80px auto 0;
    background: linear-gradient(
        to right,
        transparent,
        rgba(5,20,35,0.12),
        transparent
    );
}



.tu-section-title {
    font-size: clamp(26px, 3.2vw, 36px);
    font-weight: 900;
    letter-spacing: -0.4px;
    color: #051423;
    text-align: center;
    margin-bottom: 48px;
}

.tu-section-title::after {
    content: '';
    display: block;
    width: 48px;
    height: 3px;
    margin: 20px auto 0;
    background: #36A7FF;
    border-radius: 3px;
}/* End custom CSS */