.elementor-1844 .elementor-element.elementor-element-490cfac{--display:flex;--min-height:507px;--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;--overlay-opacity:0.49;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-1844 .elementor-element.elementor-element-490cfac::before, .elementor-1844 .elementor-element.elementor-element-490cfac > .elementor-background-video-container::before, .elementor-1844 .elementor-element.elementor-element-490cfac > .e-con-inner > .elementor-background-video-container::before, .elementor-1844 .elementor-element.elementor-element-490cfac > .elementor-background-slideshow::before, .elementor-1844 .elementor-element.elementor-element-490cfac > .e-con-inner > .elementor-background-slideshow::before, .elementor-1844 .elementor-element.elementor-element-490cfac > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-1844 .elementor-element.elementor-element-43cf2c5{--display:flex;--justify-content:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1844 .elementor-element.elementor-element-a61a3e9{text-align:center;}.elementor-1844 .elementor-element.elementor-element-a61a3e9 .elementor-heading-title{font-family:"Baloo 2", Sans-serif;font-size:25px;font-weight:700;color:var( --e-global-color-primary );}.elementor-1844 .elementor-element.elementor-element-130424b{text-align:center;}.elementor-1844 .elementor-element.elementor-element-130424b .elementor-heading-title{font-family:"Baloo 2", Sans-serif;font-size:53px;font-weight:800;color:var( --e-global-color-f11d0aa );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1844 .elementor-element.elementor-element-209c610{text-align:center;font-family:"Quicksand", Sans-serif;font-size:18px;font-weight:500;color:#000000;}.elementor-1844 .elementor-element.elementor-element-c8b8982{text-align:center;font-family:"Quicksand", Sans-serif;font-size:18px;font-weight:500;color:#000000;}.elementor-1844 .elementor-element.elementor-element-1cb90de{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-1844 .elementor-element.elementor-element-1cb90de:not(.elementor-motion-effects-element-type-background), .elementor-1844 .elementor-element.elementor-element-1cb90de > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1844 .elementor-element.elementor-element-ecc5506{--display:flex;--justify-content:center;}.elementor-1844 .elementor-element.elementor-element-d48ec7b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1844 .elementor-element.elementor-element-57e19e2{--display:flex;border-style:dashed;--border-style:dashed;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-f11d0aa );--border-color:var( --e-global-color-f11d0aa );--border-radius:12px 12px 12px 12px;--padding-top:16px;--padding-bottom:16px;--padding-left:20px;--padding-right:20px;}.elementor-1844 .elementor-element.elementor-element-57e19e2:not(.elementor-motion-effects-element-type-background), .elementor-1844 .elementor-element.elementor-element-57e19e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF8F1;}.elementor-1844 .elementor-element.elementor-element-57e19e2.e-con:hover{--e-con-transform-translateY:-4px;}.elementor-1844 .elementor-element.elementor-element-75a3bbf{text-align:center;}.elementor-1844 .elementor-element.elementor-element-75a3bbf .elementor-heading-title{font-family:"Baloo 2", Sans-serif;font-size:50px;font-weight:800;color:var( --e-global-color-f11d0aa );}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-1844 .elementor-element.elementor-element-a392a66 .elementor-icon-box-wrapper{text-align:center;}.elementor-1844 .elementor-element.elementor-element-a392a66 .elementor-icon-box-title{margin-block-end:4px;}.elementor-1844 .elementor-element.elementor-element-a392a66 .elementor-icon-box-title, .elementor-1844 .elementor-element.elementor-element-a392a66 .elementor-icon-box-title a{font-family:"Baloo 2", Sans-serif;font-size:27px;font-weight:600;}.elementor-1844 .elementor-element.elementor-element-eea79d6{--display:flex;border-style:dashed;--border-style:dashed;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-f11d0aa );--border-color:var( --e-global-color-f11d0aa );--border-radius:12px 12px 12px 12px;--padding-top:16px;--padding-bottom:16px;--padding-left:20px;--padding-right:20px;}.elementor-1844 .elementor-element.elementor-element-eea79d6:not(.elementor-motion-effects-element-type-background), .elementor-1844 .elementor-element.elementor-element-eea79d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF8F1;}.elementor-1844 .elementor-element.elementor-element-eea79d6.e-con:hover{--e-con-transform-translateY:-4px;}.elementor-1844 .elementor-element.elementor-element-6d4c604{text-align:center;}.elementor-1844 .elementor-element.elementor-element-6d4c604 .elementor-heading-title{font-family:"Baloo 2", Sans-serif;font-size:50px;font-weight:800;color:var( --e-global-color-f11d0aa );}.elementor-1844 .elementor-element.elementor-element-163928c .elementor-icon-box-wrapper{text-align:center;}.elementor-1844 .elementor-element.elementor-element-163928c .elementor-icon-box-title{margin-block-end:4px;}.elementor-1844 .elementor-element.elementor-element-163928c .elementor-icon-box-title, .elementor-1844 .elementor-element.elementor-element-163928c .elementor-icon-box-title a{font-family:"Baloo 2", Sans-serif;font-size:27px;font-weight:600;}.elementor-1844 .elementor-element.elementor-element-dd77b3c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1844 .elementor-element.elementor-element-1e7b63c{--display:flex;border-style:dashed;--border-style:dashed;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-f11d0aa );--border-color:var( --e-global-color-f11d0aa );--border-radius:12px 12px 12px 12px;--padding-top:16px;--padding-bottom:16px;--padding-left:20px;--padding-right:20px;}.elementor-1844 .elementor-element.elementor-element-1e7b63c:not(.elementor-motion-effects-element-type-background), .elementor-1844 .elementor-element.elementor-element-1e7b63c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF8F1;}.elementor-1844 .elementor-element.elementor-element-1e7b63c.e-con:hover{--e-con-transform-translateY:-4px;}.elementor-1844 .elementor-element.elementor-element-2e35401{text-align:center;}.elementor-1844 .elementor-element.elementor-element-2e35401 .elementor-heading-title{font-family:"Baloo 2", Sans-serif;font-size:50px;font-weight:800;color:var( --e-global-color-f11d0aa );}.elementor-1844 .elementor-element.elementor-element-1bc5ad3 .elementor-icon-box-wrapper{text-align:center;}.elementor-1844 .elementor-element.elementor-element-1bc5ad3 .elementor-icon-box-title{margin-block-end:4px;}.elementor-1844 .elementor-element.elementor-element-1bc5ad3 .elementor-icon-box-title, .elementor-1844 .elementor-element.elementor-element-1bc5ad3 .elementor-icon-box-title a{font-family:"Baloo 2", Sans-serif;font-size:27px;font-weight:600;}.elementor-1844 .elementor-element.elementor-element-deb5d92{--display:flex;border-style:dashed;--border-style:dashed;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-f11d0aa );--border-color:var( --e-global-color-f11d0aa );--border-radius:12px 12px 12px 12px;--padding-top:16px;--padding-bottom:16px;--padding-left:20px;--padding-right:20px;}.elementor-1844 .elementor-element.elementor-element-deb5d92:not(.elementor-motion-effects-element-type-background), .elementor-1844 .elementor-element.elementor-element-deb5d92 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF8F1;}.elementor-1844 .elementor-element.elementor-element-deb5d92.e-con:hover{--e-con-transform-translateY:-4px;}.elementor-1844 .elementor-element.elementor-element-e57318f{text-align:center;}.elementor-1844 .elementor-element.elementor-element-e57318f .elementor-heading-title{font-family:"Baloo 2", Sans-serif;font-size:50px;font-weight:800;color:var( --e-global-color-f11d0aa );}.elementor-1844 .elementor-element.elementor-element-e89d26b .elementor-icon-box-wrapper{text-align:center;}.elementor-1844 .elementor-element.elementor-element-e89d26b .elementor-icon-box-title{margin-block-end:4px;}.elementor-1844 .elementor-element.elementor-element-e89d26b .elementor-icon-box-title, .elementor-1844 .elementor-element.elementor-element-e89d26b .elementor-icon-box-title a{font-family:"Baloo 2", Sans-serif;font-size:27px;font-weight:600;}.elementor-1844 .elementor-element.elementor-element-1c7007f{--display:flex;--justify-content:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-1844 .elementor-element.elementor-element-956e617{background-color:#FFFFFF;padding:0px 10px 0px 10px;border-style:dashed;border-width:1px 1px 1px 1px;border-radius:20px 20px 20px 20px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1844 .elementor-element.elementor-element-956e617.elementor-element{--align-self:flex-start;}.elementor-1844 .elementor-element.elementor-element-956e617 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1844 .elementor-element.elementor-element-956e617 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1844 .elementor-element.elementor-element-956e617 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1844 .elementor-element.elementor-element-956e617 .elementor-icon-list-item > a{font-family:"Baloo 2", Sans-serif;font-weight:500;}.elementor-1844 .elementor-element.elementor-element-956e617 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-1844 .elementor-element.elementor-element-4e496aa .elementor-heading-title{font-family:"Baloo 2", Sans-serif;font-size:50px;font-weight:800;color:var( --e-global-color-f11d0aa );}.elementor-1844 .elementor-element.elementor-element-b4a273d{font-family:"Quicksand", Sans-serif;font-size:17px;font-weight:600;}.elementor-1844 .elementor-element.elementor-element-f36a53b{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-1844 .elementor-element.elementor-element-f36a53b:not(.elementor-motion-effects-element-type-background), .elementor-1844 .elementor-element.elementor-element-f36a53b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF8F185;}.elementor-1844 .elementor-element.elementor-element-d023ee9 .elementor-heading-title{font-family:"Baloo 2", Sans-serif;font-size:25px;font-weight:700;color:var( --e-global-color-primary );}.elementor-1844 .elementor-element.elementor-element-ed38ad4{width:var( --container-widget-width, 50.496% );max-width:50.496%;--container-widget-width:50.496%;--container-widget-flex-grow:0;text-align:center;}.elementor-1844 .elementor-element.elementor-element-ed38ad4.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1844 .elementor-element.elementor-element-ed38ad4 .elementor-heading-title{font-family:"Baloo 2", Sans-serif;font-size:50px;font-weight:800;color:var( --e-global-color-f11d0aa );}.elementor-1844 .elementor-element.elementor-element-1e8660c{width:var( --container-widget-width, 91% );max-width:91%;--container-widget-width:91%;--container-widget-flex-grow:0;text-align:center;font-family:"Quicksand", Sans-serif;font-size:17px;font-weight:600;}.elementor-1844 .elementor-element.elementor-element-e79e57d{width:var( --container-widget-width, 91% );max-width:91%;--container-widget-width:91%;--container-widget-flex-grow:0;text-align:center;font-family:"Quicksand", Sans-serif;font-size:17px;font-weight:600;}.elementor-1844 .elementor-element.elementor-element-eb8c5ec{width:var( --container-widget-width, 91% );max-width:91%;--container-widget-width:91%;--container-widget-flex-grow:0;text-align:center;font-family:"Quicksand", Sans-serif;font-size:17px;font-weight:600;}.elementor-1844 .elementor-element.elementor-element-d13043c{--display:flex;border-style:solid;--border-style:solid;border-width:0px 3px 0px 3px;--border-top-width:0px;--border-right-width:3px;--border-bottom-width:0px;--border-left-width:3px;border-color:var( --e-global-color-f11d0aa );--border-color:var( --e-global-color-f11d0aa );--border-radius:15px 15px 15px 15px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1844 .elementor-element.elementor-element-d13043c:not(.elementor-motion-effects-element-type-background), .elementor-1844 .elementor-element.elementor-element-d13043c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-1844 .elementor-element.elementor-element-8d385a8{text-align:center;}.elementor-1844 .elementor-element.elementor-element-8d385a8 .elementor-heading-title{font-family:"Baloo 2", Sans-serif;font-size:25px;font-weight:700;color:#000000;}.elementor-1844 .elementor-element.elementor-element-7224d9b .elementor-heading-title{font-family:"Baloo 2", Sans-serif;font-size:25px;font-weight:700;color:var( --e-global-color-primary );}.elementor-1844 .elementor-element.elementor-element-8365894{--display:flex;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-1844 .elementor-element.elementor-element-b9debc1{--display:flex;}.elementor-1844 .elementor-element.elementor-element-7c57154{--display:flex;}.elementor-1844 .elementor-element.elementor-element-f8808c4{border-radius:12px 12px 12px 12px;}.elementor-1844 .elementor-element.elementor-element-f8808c4 .elementor-wrapper{--video-aspect-ratio:1;}.elementor-1844 .elementor-element.elementor-element-4920a10{--display:flex;}.elementor-1844 .elementor-element.elementor-element-9f552fe{border-radius:12px 12px 12px 12px;}.elementor-1844 .elementor-element.elementor-element-9f552fe .elementor-wrapper{--video-aspect-ratio:1;}.elementor-1844 .elementor-element.elementor-element-c81a597{--display:flex;}.elementor-1844 .elementor-element.elementor-element-8b93df8{border-radius:12px 12px 12px 12px;}.elementor-1844 .elementor-element.elementor-element-8b93df8 .elementor-wrapper{--video-aspect-ratio:1;}.elementor-1844 .elementor-element.elementor-element-660a3a1{--display:flex;}.elementor-1844 .elementor-element.elementor-element-b44df2a{border-radius:12px 12px 12px 12px;}.elementor-1844 .elementor-element.elementor-element-b44df2a .elementor-wrapper{--video-aspect-ratio:1;}.elementor-1844 .elementor-element.elementor-element-a18aa7d{--display:flex;}.elementor-1844 .elementor-element.elementor-element-a45af06{border-radius:12px 12px 12px 12px;}.elementor-1844 .elementor-element.elementor-element-a45af06 .elementor-wrapper{--video-aspect-ratio:1;}.elementor-1844 .elementor-element.elementor-element-07c3350{--display:flex;}.elementor-1844 .elementor-element.elementor-element-cf53efd{border-radius:12px 12px 12px 12px;}.elementor-1844 .elementor-element.elementor-element-cf53efd .elementor-wrapper{--video-aspect-ratio:1;}.elementor-1844 .elementor-element.elementor-element-a20d0d3{--display:flex;}.elementor-1844 .elementor-element.elementor-element-0265e27{border-radius:12px 12px 12px 12px;}.elementor-1844 .elementor-element.elementor-element-0265e27 .elementor-wrapper{--video-aspect-ratio:1;}.elementor-1844 .elementor-element.elementor-element-7542739{--display:flex;}.elementor-1844 .elementor-element.elementor-element-f07ac94{border-radius:12px 12px 12px 12px;}.elementor-1844 .elementor-element.elementor-element-f07ac94 .elementor-wrapper{--video-aspect-ratio:1;}.elementor-1844 .elementor-element.elementor-element-0d0160e{--display:flex;}.elementor-1844 .elementor-element.elementor-element-96c4f27{border-radius:12px 12px 12px 12px;}.elementor-1844 .elementor-element.elementor-element-96c4f27 .elementor-wrapper{--video-aspect-ratio:1;}.elementor-1844 .elementor-element.elementor-element-0eaa76e{--display:flex;}.elementor-1844 .elementor-element.elementor-element-231769b{border-radius:12px 12px 12px 12px;}.elementor-1844 .elementor-element.elementor-element-231769b .elementor-wrapper{--video-aspect-ratio:1;}.elementor-1844 .elementor-element.elementor-element-964a642{--display:flex;}.elementor-1844 .elementor-element.elementor-element-65fc523{border-radius:12px 12px 12px 12px;}.elementor-1844 .elementor-element.elementor-element-65fc523 .elementor-wrapper{--video-aspect-ratio:1;}.elementor-1844 .elementor-element.elementor-element-1f89ab5{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:27px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-swiper-pagination-size:12px;--e-n-carousel-swiper-pagination-spacing:33px;}.elementor-1844 .elementor-element.elementor-element-1f89ab5 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:4px;--swiper-pagination-bullet-vertical-gap:4px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1844 .elementor-element.elementor-element-1f89ab5{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-1844 .elementor-element.elementor-element-490cfac{--min-height:366px;--padding-top:30px;--padding-bottom:38px;--padding-left:20px;--padding-right:20px;}.elementor-1844 .elementor-element.elementor-element-130424b .elementor-heading-title{font-size:30px;}.elementor-1844 .elementor-element.elementor-element-1cb90de{--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-1844 .elementor-element.elementor-element-75a3bbf .elementor-heading-title{font-size:30px;}.elementor-1844 .elementor-element.elementor-element-6d4c604 .elementor-heading-title{font-size:30px;}.elementor-1844 .elementor-element.elementor-element-2e35401 .elementor-heading-title{font-size:30px;}.elementor-1844 .elementor-element.elementor-element-e57318f .elementor-heading-title{font-size:30px;}.elementor-1844 .elementor-element.elementor-element-4e496aa .elementor-heading-title{font-size:30px;}.elementor-1844 .elementor-element.elementor-element-f36a53b{--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-1844 .elementor-element.elementor-element-d023ee9{text-align:center;}.elementor-1844 .elementor-element.elementor-element-ed38ad4{width:100%;max-width:100%;}.elementor-1844 .elementor-element.elementor-element-ed38ad4 .elementor-heading-title{font-size:30px;}.elementor-1844 .elementor-element.elementor-element-d13043c{--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-1844 .elementor-element.elementor-element-8d385a8 .elementor-heading-title{font-size:20px;}.elementor-1844 .elementor-element.elementor-element-7224d9b{text-align:center;}.elementor-1844 .elementor-element.elementor-element-1f89ab5{--e-n-carousel-swiper-slides-to-display:1;}}@media(min-width:768px){.elementor-1844 .elementor-element.elementor-element-43cf2c5{--width:71%;}.elementor-1844 .elementor-element.elementor-element-ecc5506{--width:50%;}.elementor-1844 .elementor-element.elementor-element-1c7007f{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-cc6763f *//* =========================================================
   A-BAO SUMMER CREATIVE LAB 2026
   Complete Page Styling
========================================================= */

.abao-creative-lab {
    --acl-red: #E85D5D;
    --acl-orange: #F58A42;
    --acl-yellow: #F7C948;
    --acl-brown: #8B5E3C;
    --acl-cream: #FFF8EF;
    --acl-soft: #FFF1E3;
    --acl-dark: #28231F;
    --acl-muted: #70675F;
    --acl-white: #FFFFFF;

    color: var(--acl-dark);
    background: var(--acl-cream);

    font-family: "Nunito", sans-serif;

    overflow: hidden;
}

.abao-creative-lab *,
.abao-creative-lab *::before,
.abao-creative-lab *::after {
    box-sizing: border-box;
}

.abao-creative-lab h1,
.abao-creative-lab h2,
.abao-creative-lab h3,
.abao-creative-lab p {
    margin-top: 0;
}

.abao-creative-lab a {
    text-decoration: none;
}


/* =========================================================
   CONTAINER
========================================================= */

.acl-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}


/* =========================================================
   HERO
========================================================= */

.acl-hero {
    position: relative;

    min-height: 720px;

    display: flex;
    align-items: center;

    padding: 100px 20px;

    background:
        radial-gradient(
            circle at 85% 20%,
            rgba(247, 201, 72, 0.45),
            transparent 28%
        ),
        radial-gradient(
            circle at 15% 80%,
            rgba(232, 93, 93, 0.22),
            transparent 30%
        ),
        var(--acl-cream);
}

.acl-hero-inner {
    position: relative;
    z-index: 2;

    width: min(900px, 100%);

    margin: 0 auto;

    text-align: center;
}

.acl-eyebrow,
.acl-label {
    display: inline-block;

    margin-bottom: 18px;

    font-size: 13px;
    font-weight: 800;

    letter-spacing: 2px;
    text-transform: uppercase;

    color: var(--acl-red);
}

.acl-hero h1 {
    margin-bottom: 20px;

    font-family: "Baloo 2", sans-serif;

    font-size: clamp(48px, 7vw, 86px);
    line-height: 0.98;
    font-weight: 800;

    letter-spacing: -2px;
}

.acl-hero-subtitle {
    max-width: 700px;

    margin: 0 auto 25px;

    font-size: clamp(20px, 3vw, 30px);
    line-height: 1.35;
    font-weight: 700;
}

.acl-hero-description {
    max-width: 620px;

    margin: 0 auto 35px;

    font-size: 19px;
    line-height: 1.7;

    color: var(--acl-muted);
}

.acl-hero-button {
    display: inline-flex;
    align-items: center;
    gap: 15px;

    padding: 15px 24px;

    border-radius: 50px;

    background: var(--acl-dark);
    color: var(--acl-white);

    font-size: 14px;
    font-weight: 800;

    transition: 0.3s ease;
}

.acl-hero-button:hover {
    transform: translateY(-3px);
    background: var(--acl-red);
    color: #fff;
}

.acl-decoration-one {
    position: absolute;

    width: 180px;
    height: 180px;

    top: 100px;
    left: -60px;

    border: 25px solid var(--acl-yellow);

    border-radius: 50%;

    opacity: 0.7;
}

.acl-decoration-two {
    position: absolute;

    width: 100px;
    height: 100px;

    right: 10%;
    bottom: 100px;

    background: var(--acl-red);

    border-radius: 35% 65% 60% 40%;

    transform: rotate(25deg);

    opacity: 0.7;
}

.acl-decoration-three {
    position: absolute;

    width: 35px;
    height: 35px;

    right: 18%;
    top: 130px;

    background: var(--acl-orange);

    border-radius: 50%;
}


/* =========================================================
   GENERAL SECTION
========================================================= */

.acl-section {
    padding: 110px 0;
}

.acl-section-heading {
    max-width: 760px;

    margin: 0 auto 65px;

    text-align: center;
}

.acl-section-heading h2,
.acl-column-title h2,
.acl-reality-heading h2,
.acl-yajie-content h2,
.acl-future-content h2 {
    margin-bottom: 22px;

    font-family: "Baloo 2", sans-serif;

    font-size: clamp(38px, 5vw, 60px);
    line-height: 1.05;
    font-weight: 800;

    letter-spacing: -1px;
}

.acl-section-heading p,
.acl-column-content p {
    font-size: 17px;
    line-height: 1.8;

    color: var(--acl-muted);
}


/* =========================================================
   SNAPSHOT
========================================================= */

.acl-snapshot {
    background: #fff;
}

.acl-stats {
    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 20px;
}

.acl-stat {
    padding: 35px 25px;

    text-align: center;

    border-radius: 24px;

    background: var(--acl-soft);

    transition: 0.3s ease;
}

.acl-stat:hover {
    transform: translateY(-6px);
}

.acl-stat-number {
    margin-bottom: 5px;

    font-family: "Baloo 2", sans-serif;

    font-size: 64px;
    line-height: 1;

    font-weight: 800;

    color: var(--acl-red);
}

.acl-stat-title {
    margin-bottom: 10px;

    font-size: 18px;
    font-weight: 800;
}

.acl-stat p {
    margin: 0;

    font-size: 14px;
    line-height: 1.6;

    color: var(--acl-muted);
}


/* =========================================================
   TWO COLUMN
========================================================= */

.acl-two-column {
    display: grid;

    grid-template-columns: 0.8fr 1.2fr;

    gap: 90px;

    align-items: center;
}

.acl-column-title {
    position: sticky;
    top: 100px;
}

.acl-column-content {
    font-size: 17px;
}

.acl-question {
    margin: 35px 0;
    padding: 28px;

    border-radius: 20px;

    background: var(--acl-soft);

    border-left: 5px solid var(--acl-orange);
}

.acl-question span {
    font-size: 20px;
    line-height: 1.6;
    font-weight: 700;
}

.acl-emphasis {
    font-size: 22px !important;
    font-weight: 800;

    color: var(--acl-red) !important;
}


/* =========================================================
   TIMELINE
========================================================= */

.acl-timeline-section {
    background: #FFF8F1;
}

.acl-timeline {
    position: relative;

    max-width: 900px;

    margin: 0 auto;
}

.acl-timeline-line {
    position: absolute;

    left: 50%;

    top: 0;
    bottom: 0;

    width: 3px;

    background: var(--acl-orange);

    transform: translateX(-50%);
}

.acl-timeline-item {
    position: relative;

    display: grid;

    grid-template-columns: 1fr 1fr;

    min-height: 120px;

    margin-bottom: 20px;
}

.acl-week {
    position: absolute;

    z-index: 2;

    left: 50%;
    top: 20px;

    width: 54px;
    height: 54px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: var(--acl-red);
    color: #fff;

    font-size: 13px;
    font-weight: 800;

    transform: translateX(-50%);
}

.acl-timeline-content {
    width: calc(100% - 45px);

    padding: 22px 25px;

    border-radius: 18px;

    background: #fff;

    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
}

.acl-timeline-item:nth-child(odd) .acl-timeline-content {
    grid-column: 1;
    margin-right: auto;
}

.acl-timeline-item:nth-child(even) .acl-timeline-content {
    grid-column: 2;
    margin-left: auto;
}

.acl-timeline-content h3 {
    margin-bottom: 8px;

    font-family: "Baloo 2", sans-serif;

    font-size: 25px;
}

.acl-timeline-content p {
    margin: 0;

    font-size: 14px;
    line-height: 1.65;

    color: var(--acl-muted);
}


/* =========================================================
   IDEAS GRID
========================================================= */

.acl-imagined {
    background: #fff;
}

.acl-ideas-grid {
    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 25px;
}

.acl-idea-card {
    position: relative;

    min-height: 350px;

    padding: 40px;

    border-radius: 28px;

    background: var(--acl-cream);

    overflow: hidden;

    transition: 0.3s ease;
}

.acl-idea-card:hover {
    transform: translateY(-7px);
}

.acl-idea-card:nth-child(2) {
    background: #FFF3D8;
}

.acl-idea-card:nth-child(3) {
    background: #FDE7E4;
}

.acl-idea-card:nth-child(4) {
    background: #EAF4EA;
}

.acl-idea-icon {
    width: 58px;
    height: 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 35px;

    border-radius: 18px;

    background: #fff;

    font-size: 23px;
}

.acl-card-number {
    position: absolute;

    top: 30px;
    right: 35px;

    font-size: 12px;
    font-weight: 800;

    color: var(--acl-muted);
}

.acl-idea-card h3 {
    max-width: 420px;

    margin-bottom: 15px;

    font-family: "Baloo 2", sans-serif;

    font-size: 30px;
    line-height: 1.15;
}

.acl-idea-card p {
    margin-bottom: 25px;

    font-size: 15px;
    line-height: 1.75;

    color: var(--acl-muted);
}

.acl-status {
    display: inline-block;

    padding: 8px 13px;

    border-radius: 50px;

    background: #fff;

    font-size: 11px;
    font-weight: 800;
}


/* =========================================================
   REALITY
========================================================= */

.acl-reality {
    background: var(--acl-dark);

    color: #fff;
}

.acl-reality-box {
    padding: 75px;

    border-radius: 35px;

    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(247, 201, 72, 0.2),
            transparent 30%
        ),
        #332C27;
}

.acl-reality-heading {
    max-width: 650px;

    margin-bottom: 60px;
}

.acl-reality-heading h2 {
    margin-bottom: 0;
}

.acl-reality .acl-label {
    color: var(--acl-yellow);
}

.acl-reality-content {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 25px;
}

.acl-reality-item {
    display: flex;

    gap: 18px;

    padding: 25px;

    border: 1px solid rgba(255, 255, 255, 0.12);

    border-radius: 20px;
}

.acl-reality-icon {
    flex-shrink: 0;

    font-size: 13px;
    font-weight: 800;

    color: var(--acl-yellow);
}

.acl-reality-item h3 {
    margin-bottom: 8px;

    font-size: 18px;
}

.acl-reality-item p {
    margin: 0;

    font-size: 14px;
    line-height: 1.6;

    color: rgba(255,255,255,0.65);
}

.acl-big-statement {
    margin-top: 60px;
    padding-top: 50px;

    border-top: 1px solid rgba(255,255,255,0.15);

    max-width: 900px;
}

.acl-big-statement p {
    margin-bottom: 8px;

    font-family: "Baloo 2", sans-serif;

    font-size: 28px;
}

.acl-big-statement strong {
    display: block;

    font-family: "Baloo 2", sans-serif;

    font-size: clamp(30px, 4vw, 48px);
    line-height: 1.15;

    color: var(--acl-yellow);
}


/* =========================================================
   GALLERY
========================================================= */

.acl-gallery {
    background: var(--acl-cream);
}

.acl-gallery-grid {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 20px;
}

.acl-gallery-placeholder {
    min-height: 240px;

    padding: 30px;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    border-radius: 22px;

    background: #fff;

    border: 2px dashed rgba(139, 94, 60, 0.25);
}

.acl-gallery-placeholder span {
    margin-bottom: auto;

    font-size: 12px;
    font-weight: 800;

    color: var(--acl-red);
}

.acl-gallery-placeholder h3 {
    margin-bottom: 5px;

    font-family: "Baloo 2", sans-serif;

    font-size: 25px;
}

.acl-gallery-placeholder p {
    margin: 0;

    font-size: 13px;

    color: var(--acl-muted);
}


/* =========================================================
   YAJIE
========================================================= */

.acl-yajie {
    background: #fff;
}

.acl-yajie-visual {
    display: flex;
    justify-content: center;
}

.acl-person-placeholder {
    width: min(390px, 100%);
    aspect-ratio: 1 / 1;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 45% 55% 50% 50%;

    background:
        radial-gradient(
            circle at 30% 25%,
            var(--acl-yellow),
            var(--acl-orange)
        );

    transform: rotate(-4deg);
}

.acl-person-placeholder span {
    font-family: "Baloo 2", sans-serif;

    font-size: 110px;
    font-weight: 800
    color: #fff;

    transform: rotate(4deg);
}

.acl-yajie-content h3 {
    margin-bottom: 18px;

    font-family: "Baloo 2", sans-serif;

    font-size: 32px;

    color: var(--acl-red);
}

.acl-yajie-content > p {
    font-size: 16px;
    line-height: 1.8;

    color: var(--acl-muted);
}

.acl-journey {
    display: flex;

    margin: 35px 0;

    padding: 20px;

    border-radius: 20px;

    background: var(--acl-soft);
}

.acl-journey > div {
    flex: 1;

    padding: 10px 15px;

    border-right: 1px solid rgba(0,0,0,0.1);
}

.acl-journey > div:last-child {
    border-right: 0;
}

.acl-journey span {
    display: block;

    margin-bottom: 8px;

    font-size: 11px;
    font-weight: 800;

    color: var(--acl-red);
}

.acl-journey strong {
    display: block;

    font-size: 13px;
    line-height: 1.4;
}

.acl-small-note {
    font-size: 14px !important;
}


/* =========================================================
   BIGGER IDEA
========================================================= */

.acl-bigger-idea {
    background: var(--acl-yellow);
}

.acl-bigger-inner {
    max-width: 900px;

    margin: 0 auto;

    text-align: center;
}

.acl-bigger-inner .acl-label {
    color: var(--acl-brown);
}

.acl-bigger-inner h2 {
    margin-bottom: 20px;

    font-family: "Baloo 2", sans-serif;

    font-size: clamp(55px, 9vw, 60px);
    line-height: 0.9;

    font-weight: 800;
}

.acl-bigger-inner > p {
    max-width: 680px;

    margin: 0 auto 40px;

    font-size: 18px;
    line-height: 1.8;
}

.acl-possibilities {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

    gap: 10px;

    margin-bottom: 40px;
}

.acl-possibilities span {
    padding: 12px 17px;

    border-radius: 50px;

    background: rgba(255,255,255,0.6);

    font-size: 12px;
    font-weight: 800;
}

.acl-bigger-description {
    font-weight: 700;
}


/* =========================================================
   FINAL
========================================================= */

.acl-final {
    padding: 80px 20px;

    background: var(--acl-red);

    color: #fff;
}

.acl-final-inner {
    max-width: 900px;

    margin: 0 auto;

    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;

    gap: 0 20px;

    text-align: center;
}

.acl-final-inner p {
    margin: 0;

    font-family: "Baloo 2", sans-serif;

    font-size: clamp(35px, 6vw, 60px);

    line-height: 1.2;

    font-weight: 800;
}

.acl-final-inner p:not(:last-child)::after {
    content: "·";

    margin-left: 20px;

    opacity: 0.5;
}


/* =========================================================
   FUTURE COHORTS
========================================================= */

.acl-future {
    background: var(--acl-dark);

    color: #fff;
}

.acl-future-content {
    max-width: 800px;

    margin: 0 auto;

    text-align: center;
}

.acl-future-content .acl-label {
    color: var(--acl-yellow);
}

.acl-future-content h2 {
    margin-bottom: 20px;
}

.acl-future-content p {
    max-width: 650px;

    margin: 0 auto;

    font-size: 17px;
    line-height: 1.8;

    color: rgba(255,255,255,0.65);
}


/* =========================================================
   TABLET RESPONSIVE
========================================================= */

@media (max-width: 1024px) {

    /* Container */
    .acl-container {
        width: min(100% - 40px, 1180px);
    }

    /* General sections */
    .acl-section {
        padding: 90px 0;
    }

    .acl-section-heading {
        margin-bottom: 50px;
    }

    .acl-section-heading h2,
    .acl-reality-heading h2,
    .acl-yajie-content h2,
    .acl-future-content h2 {
        font-size: 48px;
    }


    /* =====================================================
       TIMELINE
    ===================================================== */

    .acl-timeline {
        max-width: 820px;
    }

    .acl-timeline-content {
        width: calc(100% - 35px);
        padding: 20px;
    }


    /* =====================================================
       IDEAS
    ===================================================== */

    .acl-ideas-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .acl-idea-card {
        min-height: 330px;
        padding: 32px;
    }

    .acl-idea-card h3 {
        font-size: 27px;
    }


    /* =====================================================
       REALITY
    ===================================================== */

    .acl-reality-box {
        padding: 55px;
    }

    .acl-reality-content {
        grid-template-columns: 1fr;
        gap: 18px;
    }


    /* =====================================================
       GALLERY
    ===================================================== */

    .acl-gallery-grid {
        grid-template-columns: repeat(2, 1fr);
    }


    /* =====================================================
       YAJIE
    ===================================================== */

    .acl-two-column {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .acl-column-title {
        position: static;
    }

    .acl-yajie-visual {
        order: 1;
    }

    .acl-yajie-content {
        order: 2;
    }

    .acl-person-placeholder {
        width: min(360px, 100%);
    }


    /* =====================================================
       BIGGER IDEA
    ===================================================== */

    .acl-bigger-inner h2 {
        font-size: clamp(55px, 8vw, 80px);
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    /* =====================================================
       GENERAL
    ===================================================== */

    .abao-creative-lab {
        width: 100%;
        overflow: hidden;
    }

    .acl-container {
        width: calc(100% - 30px);
        max-width: none;
    }

    .acl-section {
        padding: 65px 0;
    }

    .acl-section-heading {
        margin-bottom: 40px;
    }

    .acl-label {
        margin-bottom: 12px;

        font-size: 11px;
        letter-spacing: 1.5px;
    }

    .acl-section-heading h2,
    .acl-reality-heading h2,
    .acl-yajie-content h2,
    .acl-future-content h2 {
        margin-bottom: 18px;

        font-size: 34px;
        line-height: 1.1;
        letter-spacing: -0.5px;
    }

    .acl-section-heading p {
        font-size: 15px;
        line-height: 1.7;
    }


    /* =====================================================
       HOW IT WORKED — MOBILE TIMELINE
    ===================================================== */

    .acl-timeline {
        width: 100%;
        max-width: none;

        padding-left: 52px;
    }

    .acl-timeline-line {
        left: 22px;

        width: 2px;

        transform: none;
    }

    .acl-timeline-item {
        display: block;

        min-height: auto;

        margin-bottom: 18px;
    }

    .acl-week {
        left: 22px;
        top: 18px;

        width: 42px;
        height: 42px;

        font-size: 11px;

        transform: translateX(-50%);
    }

    .acl-timeline-content {
        width: 100%;

        margin: 0 !important;

        padding: 20px 18px;

        border-radius: 16px;
    }

    .acl-timeline-content h3 {
        margin-bottom: 6px;

        font-size: 23px;
        line-height: 1.2;
    }

    .acl-timeline-content p {
        font-size: 13px;
        line-height: 1.65;
    }


    /* =====================================================
       WHAT STUDENTS IMAGINED
    ===================================================== */

    .acl-ideas-grid {
        grid-template-columns: 1fr;

        gap: 16px;
    }

    .acl-idea-card {
        min-height: auto;

        padding: 27px 24px;

        border-radius: 22px;
    }

    .acl-idea-icon {
        width: 50px;
        height: 50px;

        margin-bottom: 25px;

        border-radius: 15px;

        font-size: 20px;
    }

    .acl-card-number {
        top: 24px;
        right: 25px;

        font-size: 11px;
    }

    .acl-idea-card h3 {
        margin-bottom: 12px;

        font-size: 26px;
        line-height: 1.15;
    }

    .acl-idea-card p {
        margin-bottom: 20px;

        font-size: 14px;
        line-height: 1.7;
    }

    .acl-status {
        padding: 7px 11px;

        font-size: 10px;
    }


    /* =====================================================
       IDEAS BECOMING REALITY
    ===================================================== */

    .acl-reality-box {
        padding: 35px 22px;

        border-radius: 24px;
    }

    .acl-reality-heading {
        margin-bottom: 35px;
    }

    .acl-reality-heading h2 {
        font-size: 34px;
    }

    .acl-reality-content {
        grid-template-columns: 1fr;

        gap: 12px;
    }

    .acl-reality-item {
        gap: 14px;

        padding: 20px 17px;

        border-radius: 16px;
    }

    .acl-reality-icon {
        font-size: 11px;
    }

    .acl-reality-item h3 {
        margin-bottom: 5px;

        font-size: 16px;
        line-height: 1.3;
    }

    .acl-reality-item p {
        font-size: 13px;
        line-height: 1.55;
    }

    .acl-big-statement {
        margin-top: 35px;
        padding-top: 30px;
    }

    .acl-big-statement p {
        margin-bottom: 8px;

        font-size: 21px;
        line-height: 1.35;
    }

    .acl-big-statement strong {
        font-size: 29px;
        line-height: 1.2;
    }


    /* =====================================================
       STUDENT WORK / GALLERY
    ===================================================== */

    .acl-gallery-grid {
        grid-template-columns: 1fr;

        gap: 14px;
    }

    .acl-gallery-placeholder {
        min-height: 190px;

        padding: 24px;

        border-radius: 18px;
    }

    .acl-gallery-placeholder h3 {
        margin-bottom: 4px;

        font-size: 23px;
    }

    .acl-gallery-placeholder p {
        font-size: 12px;
        line-height: 1.5;
    }


    /* =====================================================
       YAJIE
    ===================================================== */

    .acl-yajie {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .acl-two-column {
        display: flex;
        flex-direction: column;

        gap: 35px;
    }

    .acl-yajie-visual {
        width: 100%;

        order: 1;
    }

    .acl-yajie-content {
        width: 100%;

        order: 2;
    }

    .acl-person-placeholder {
        width: 250px;
        max-width: 80%;

        margin: 0 auto;
    }

    .acl-person-placeholder span {
        font-size: 80px;
    }

    .acl-yajie-content h2 {
        font-size: 34px;
    }

    .acl-yajie-content h3 {
        margin-bottom: 14px;

        font-size: 27px;
    }

    .acl-yajie-content > p {
        font-size: 14px;
        line-height: 1.7;
    }


    /* =====================================================
       YAJIE JOURNEY
    ===================================================== */

    .acl-journey {
        display: flex;
        flex-direction: column;

        margin: 25px 0;

        padding: 15px;

        border-radius: 17px;
    }

    .acl-journey > div {
        width: 100%;

        padding: 13px 10px;

        border-right: 0;
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }

    .acl-journey > div:last-child {
        border-bottom: 0;
    }

    .acl-journey span {
        margin-bottom: 5px;

        font-size: 10px;
    }

    .acl-journey strong {
        font-size: 12px;
    }

    .acl-small-note {
        font-size: 13px !important;
        line-height: 1.65 !important;
    }


    /* =====================================================
       THE BIGGER IDEA
    ===================================================== */

    .acl-bigger-idea {
        padding: 70px 0;
    }

    .acl-bigger-inner {
        width: 100%;
    }

    .acl-bigger-inner h2 {
        margin-bottom: 18px;

        font-size: 60px;
        line-height: 0.9;
    }

    .acl-bigger-inner > p {
        margin-bottom: 30px;

        font-size: 15px;
        line-height: 1.7;
    }

    .acl-possibilities {
        gap: 7px;

        margin-bottom: 30px;
    }

    .acl-possibilities span {
        padding: 9px 12px;

        font-size: 10px;
    }

    .acl-bigger-description {
        font-size: 15px !important;
    }


    /* =====================================================
       FINAL STATEMENT
    ===================================================== */

    .acl-final {
        padding: 60px 20px;
    }

    .acl-final-inner {
        display: flex;
        flex-direction: column;

        gap: 3px;
    }

    .acl-final-inner p {
        font-size: 42px;
        line-height: 1.05;
    }

    .acl-final-inner p:not(:last-child)::after {
        display: none;
    }


    /* =====================================================
       FUTURE COHORTS
    ===================================================== */

    .acl-future {
        padding: 70px 0;
    }

    .acl-future-content h2 {
        font-size: 35px;
        line-height: 1.1;
    }

    .acl-future-content p {
        font-size: 14px;
        line-height: 1.7;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .acl-container {
        width: calc(100% - 24px);
    }

    .acl-section {
        padding: 55px 0;
    }


    /* Section headings */

    .acl-section-heading h2,
    .acl-reality-heading h2,
    .acl-yajie-content h2,
    .acl-future-content h2 {
        font-size: 30px;
    }


    /* Timeline */

    .acl-timeline {
        padding-left: 47px;
    }

    .acl-timeline-line {
        left: 20px;
    }

    .acl-week {
        left: 20px;

        width: 38px;
        height: 38px;
    }

    .acl-timeline-content {
        padding: 17px 15px;
    }

    .acl-timeline-content h3 {
        font-size: 21px;
    }

    .acl-timeline-content p {
        font-size: 12.5px;
    }


    /* Idea cards */

    .acl-idea-card {
        padding: 24px 20px;

        border-radius: 19px;
    }

    .acl-idea-card h3 {
        font-size: 24px;
    }


    /* Reality */

    .acl-reality-box {
        padding: 30px 18px;
    }

    .acl-big-statement strong {
        font-size: 26px;
    }


    /* Yajie */

    .acl-person-placeholder {
        width: 220px;
    }

    .acl-person-placeholder span {
        font-size: 70px;
    }


    /* Bigger idea */

    .acl-bigger-inner h2 {
        font-size: 52px;
    }


    /* Final */

    .acl-final-inner p {
        font-size: 38px;
    }

}/* End custom CSS */