.elementor-25947 .elementor-element.elementor-element-dfd8ad9{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-25947 .elementor-element.elementor-element-dfd8ad9:not(.elementor-motion-effects-element-type-background), .elementor-25947 .elementor-element.elementor-element-dfd8ad9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.tokyocodingclub.com/wp-content/uploads/2026/03/Untitled-design-2.png");background-position:0px 5px;background-repeat:no-repeat;background-size:cover;}.elementor-25947 .elementor-element.elementor-element-dfd8ad9 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(182deg, #0000000A 48%, #00203A 100%);opacity:0.53;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-25947 .elementor-element.elementor-element-0f89a3b{width:auto;max-width:auto;top:0px;}body:not(.rtl) .elementor-25947 .elementor-element.elementor-element-0f89a3b{left:0px;}body.rtl .elementor-25947 .elementor-element.elementor-element-0f89a3b{right:0px;}.elementor-25947 .elementor-element.elementor-element-2389d81{width:auto;max-width:auto;top:445px;}body:not(.rtl) .elementor-25947 .elementor-element.elementor-element-2389d81{left:-10px;}body.rtl .elementor-25947 .elementor-element.elementor-element-2389d81{right:-10px;}.elementor-25947 .elementor-element.elementor-element-45346d9{width:auto;max-width:auto;top:124px;}body:not(.rtl) .elementor-25947 .elementor-element.elementor-element-45346d9{left:606.705px;}body.rtl .elementor-25947 .elementor-element.elementor-element-45346d9{right:606.705px;}.elementor-25947 .elementor-element.elementor-element-411543a{--spacer-size:3.9em;}.elementor-25947 .elementor-element.elementor-element-3322cd5{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:#FFFFFF;z-index:10;}.elementor-25947 .elementor-element.elementor-element-3322cd5 .elementor-headline{text-align:center;font-family:"Roboto", Sans-serif;font-size:1.5em;font-weight:600;}.elementor-25947 .elementor-element.elementor-element-3322cd5 .elementor-headline-dynamic-wrapper path{stroke:#FFFFFF;}.elementor-25947 .elementor-element.elementor-element-3322cd5 .elementor-headline-plain-text{color:#FFFFFF;}.elementor-25947 .elementor-element.elementor-element-50a780d img{height:217px;}.elementor-25947 .elementor-element.elementor-element-50a780d{z-index:10;}.elementor-25947 .elementor-element.elementor-element-d8979c8{text-align:center;color:#FFFFFF;font-family:"Roboto", Sans-serif;font-size:2em;font-weight:400;text-shadow:0px 0px 3px #000000;z-index:10;}.elementor-25947 .elementor-element.elementor-element-92d8e74{--spacer-size:4.9em;}.elementor-25947 .elementor-element.elementor-element-3d03bd7{color:#172F42;font-family:"Roboto", Sans-serif;font-size:1.2em;font-weight:400;}.elementor-25947 .elementor-element.elementor-element-b442dd1 .elementor-tab-title{border-width:0px;}.elementor-25947 .elementor-element.elementor-element-b442dd1 .elementor-tab-content{border-width:0px;color:#1C3744;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;}.elementor-25947 .elementor-element.elementor-element-b442dd1 .elementor-toggle-title, .elementor-25947 .elementor-element.elementor-element-b442dd1 .elementor-toggle-icon{color:#0E1D2D;}.elementor-25947 .elementor-element.elementor-element-b442dd1 .elementor-toggle-icon svg{fill:#0E1D2D;}.elementor-25947 .elementor-element.elementor-element-b442dd1 .elementor-tab-title.elementor-active a, .elementor-25947 .elementor-element.elementor-element-b442dd1 .elementor-tab-title.elementor-active .elementor-toggle-icon{color:#66D7FF;}.elementor-25947 .elementor-element.elementor-element-b442dd1 .elementor-toggle-title{font-family:"Roboto", Sans-serif;font-size:23px;font-weight:600;}.elementor-25947 .elementor-element.elementor-element-b442dd1 .elementor-toggle-icon.elementor-toggle-icon-left{margin-right:0px;}.elementor-25947 .elementor-element.elementor-element-b442dd1 .elementor-toggle-icon.elementor-toggle-icon-right{margin-left:0px;}.elementor-25947 .elementor-element.elementor-element-b442dd1 > .elementor-widget-container{margin:-13px -13px -13px -13px;padding:1px 1px 1px 1px;}.elementor-25947 .elementor-element.elementor-element-b442dd1{z-index:0;}.elementor-25947 .elementor-element.elementor-element-5c33784{color:#7A7A7A;font-family:"Roboto", Sans-serif;font-size:1.2em;font-weight:400;}.elementor-25947 .elementor-element.elementor-element-38db11c{color:#172F42;}:root{--page-title-display:none;}@media(min-width:1025px){.elementor-25947 .elementor-element.elementor-element-dfd8ad9:not(.elementor-motion-effects-element-type-background), .elementor-25947 .elementor-element.elementor-element-dfd8ad9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:1024px){.elementor-25947 .elementor-element.elementor-element-dfd8ad9:not(.elementor-motion-effects-element-type-background), .elementor-25947 .elementor-element.elementor-element-dfd8ad9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(max-width:767px){.elementor-25947 .elementor-element.elementor-element-dfd8ad9:not(.elementor-motion-effects-element-type-background), .elementor-25947 .elementor-element.elementor-element-dfd8ad9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-281px 0px;}.elementor-25947 .elementor-element.elementor-element-411543a{--spacer-size:2em;}.elementor-25947 .elementor-element.elementor-element-3322cd5 .elementor-headline{font-size:1.1em;}.elementor-25947 .elementor-element.elementor-element-50a780d img{height:15vh;}.elementor-25947 .elementor-element.elementor-element-d8979c8{font-size:1.4em;}.elementor-25947 .elementor-element.elementor-element-92d8e74{--spacer-size:0.3em;}.elementor-25947 .elementor-element.elementor-element-1f0554d{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-25947 .elementor-element.elementor-element-a801f61 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-25947 .elementor-element.elementor-element-a801f61 > .elementor-element-populated > .elementor-widget-wrap{padding:0px 0px 0px 0px;}.elementor-25947 .elementor-element.elementor-element-85fb885{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-25947 .elementor-element.elementor-element-017a990 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-25947 .elementor-element.elementor-element-017a990 > .elementor-element-populated > .elementor-widget-wrap{padding:0px 0px 0px 0px;}.elementor-25947 .elementor-element.elementor-element-3d03bd7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for section, class: .elementor-element-dfd8ad9 *//* 1. Ensure the container hides the clouds when they are 'out of bounds' */
.elementor-25947 .elementor-element.elementor-element-dfd8ad9 {
    overflow: hidden !important;
}

/* 2. The Animation: Start completely off-screen left (-300px) 
      to completely off-screen right (100vw + width) */
@keyframes drift {
  from { transform: translateX(-350px); } 
  to { transform: translateX(105vw); }
}

/* 3. Base Cloud Styling */
.drifting-cloud {
  position: absolute;
  animation: drift linear infinite;
  will-change: transform; /* Helps with browser smoothness */
}

/* 4. Individual Cloud Settings (Speed, Delay, and Opacity) */
/* Cloud 1 */
.drifting-cloud:nth-child(1) { 
  animation-duration: 70s; 
  opacity: 0.5;
}

/* Cloud 2 */
.drifting-cloud:nth-child(2) { 
  animation-duration: 50s; 
  animation-delay: -15s; /* Starts partially in, but hidden by 'overflow' */
  opacity: 0.7;
}

/* Cloud 3 */
.drifting-cloud:nth-child(3) { 
  animation-duration: 90s; 
  animation-delay: -40s; 
  opacity: 0.4;
}/* End custom CSS */