@media only screen and (max-width:992px){.homepage-container{overflow-x:hidden}}.homepage-container .banner{position:relative}.homepage-container .banner .overlay{position:absolute;background:#0000008a;width:100%;height:100%}.homepage-container .banner .layout{text-align:center;width:100%;display:flex;justify-content:center;align-items:center}.homepage-container .banner .layout .btn,.homepage-container .banner .layout h1,.homepage-container .banner .layout p{z-index:9;position:sticky}.homepage-container .banner .layout h1{text-align:left;font-size:54px;line-height:60px;font-weight:600;color:#fff;font-family:Arial,sans-serif;text-transform:uppercase;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02) rotate(2deg)}}.homepage-container .banner .layout .neon-text{font-size:20px;font-weight:700;color:#fff;text-transform:uppercase;text-shadow:0 0 5px #1d9b5e,0 0 10px #1d9b5e,0 0 20px #1d9b5e,0 0 40px #1d9b5e;display:inline-block;white-space:nowrap;overflow:hidden;animation:blinkCursor .8s infinite;height:32px}@keyframes blinkCursor{50%{border-color:transparent}}.homepage-container .banner .right-content{background:linear-gradient(#bebebe39,#bebebe39),url(/_next/static/media/dotted-map.9ad466ac.png) no-repeat 50%/cover;height:100%;border-radius:20px;border:1px solid #bebebe85;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:12px 32px;position:relative}.homepage-container .banner .right-content .tag{position:absolute;display:flex;align-items:center;gap:12px;background:#bebebe7c;border:1px solid #bebebe85;border-radius:12px;padding:12px 20px;width:40%}.homepage-container .banner .right-content .tag.flip{animation:flip 1.5s linear forwards}.homepage-container .banner .right-content .tag:first-child{left:-10px;top:-10px}.homepage-container .banner .right-content .tag:nth-child(2){right:-20px;top:12px}.homepage-container .banner .right-content .tag:nth-child(3){right:20px;bottom:-20px}.homepage-container .banner .right-content .tag:nth-child(4){left:10px;bottom:20px}.homepage-container .banner .right-content .tag:nth-child(5){left:30%;bottom:40%}.homepage-container .banner .tag-container{position:absolute;bottom:-100px;left:0;right:0}@keyframes flip{0%{transform:rotateY(0)}to{transform:rotateY(1turn)}}.homepage-container .banner .top{animation:topTo .5s ease-out .75s 1 both}.homepage-container .banner .figure{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%}.homepage-container .banner .figure .figure-content{display:flex;flex-direction:column;align-items:flex-start}.homepage-container .banner .figure .figure-content .number{font-size:40px;color:#fff;font-weight:600}.homepage-container .banner .figure .figure-content p{font-size:16px;color:#fff;font-weight:400}.homepage-container .banner .figure .figure-content .line{height:40px;width:1px;background:#fff}.homepage-container .tag-content{transition:.5s;z-index:10;position:relative;background:#fff;border:1px solid #fff}.homepage-container .tag-content:before{content:"";background:#1d9b5e;border:#1d9b5e;position:absolute;left:0;top:0;height:100%;width:0;z-index:-1;transition:width .5s ease-out}.homepage-container .tag-content:hover:before{width:100%}.homepage-container .tag-content:hover h3,.homepage-container .tag-content:hover p{color:#fff}.homepage-container .tag-content:hover path{fill:#fff}.homepage-container .tag-container{animation:topTo 1s ease-out 1.75s 1 both}.homepage-container .tag-container .tag-col{position:relative}.homepage-container .tag-container .tag-col img{position:absolute;right:0;bottom:0;z-index:9}.homepage-container .tag-container .tag-col:hover img{animation:robot 1s ease-out 1 both}@keyframes robot{0%{bottom:0}to{bottom:120px}}.homepage-container .spending .left-content{background:linear-gradient(#bebebe39,#bebebe39),url(/_next/static/media/dotted-map.9ad466ac.png) no-repeat 50%/cover;border-radius:20px;border:1px solid #bebebe85;gap:12px;padding:12px 32px;height:100%}.homepage-container .spending .right-content{display:flex;flex-direction:column;gap:12px}.homepage-container .spending .right-content h2{text-align:left;font-size:48px;line-height:60px;font-weight:600;color:#353535;font-family:Arial,sans-serif;text-transform:uppercase}.homepage-container .spending .right-content .icon{background:#d0d0d0;border-radius:8px;width:44px;height:44px;display:flex;justify-content:center;align-items:center}.homepage-container .spending .right-content p{text-align:left;font-size:16px;line-height:24px;font-weight:500;color:#787878;font-family:Arial,sans-serif}.homepage-container .spending .right-content .title{text-align:left;font-size:20px;line-height:24px;font-weight:600;color:#353535;font-family:Arial,sans-serif}.homepage-container .spending .right-content .sub-title{text-align:left;font-size:14px;line-height:20px;font-weight:500;color:#787878;font-family:Arial,sans-serif}.homepage-container .service .title h2{text-align:center;font-size:48px;line-height:60px;font-weight:600;color:#353535;font-family:Arial,sans-serif;text-transform:uppercase}.homepage-container .service .title p{text-align:center;font-size:20px;line-height:24px;font-weight:500;color:#353535;font-family:Arial,sans-serif}.homepage-container .service .tag{border-radius:20px;border:1px solid #bebebe85;background:#f2f5f7;padding:40px 20px;width:100%;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;position:relative;z-index:10;transition:.5s}.homepage-container .service .tag:before{content:"";background:#1d9b5e;border:#1d9b5e;position:absolute;left:0;top:0;height:100%;width:0;z-index:-1;transition:width .5s ease-out;border-radius:20px}.homepage-container .service .tag:hover:before{width:100%}.homepage-container .service .tag:hover .icon{border:1px solid #fff}.homepage-container .service .tag:hover{color:#fff;scale:1.02}.homepage-container .service .tag .icon{background:#1d9b5e;border-radius:50%;width:68px;height:68px;display:flex;align-items:center;justify-content:center}.homepage-container .introduction{background:linear-gradient(222.64deg,#d9eae5,#e6f0f5 100%);display:flex;flex-direction:column;gap:30px}.homepage-container .introduction .title{display:flex;flex-direction:column;align-items:center;gap:30px}.homepage-container .introduction .title.top{animation:topTo 1s ease-out .75s 1 both}.homepage-container .introduction .title h1,.homepage-container .introduction .title h2,.homepage-container .introduction .title h3{font-weight:600;font-size:48px;line-height:60px;letter-spacing:0;text-align:center;text-transform:capitalize;color:#101010}.homepage-container .introduction .title .sub{font-weight:500;font-size:20px;line-height:30px;letter-spacing:0;text-align:center}.homepage-container .introduction .title .sub.top{animation:topTo 1s ease-out 1.5s 1 both}.homepage-container .introduction .title h2,.homepage-container .introduction .title h3{width:100%;max-width:900px}.homepage-container .introduction .title .sub{width:100%;max-width:800px}.homepage-container .introduction img.img,.homepage-container .introduction video{margin-top:50px;height:520;border-top-left-radius:30px;border-top-right-radius:30px}.homepage-container .introduction iframe{border-top-left-radius:30px;border-top-right-radius:30px}@keyframes topTo{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.homepage-container .pricing-container{background:linear-gradient(222.64deg,#d9eae5,#e6f0f5 100%);display:flex;flex-direction:column;gap:80px}.homepage-container .pricing-container .title{display:flex;flex-direction:column;align-items:center;gap:30px}.homepage-container .pricing-container .title h2,.homepage-container .pricing-container .title h3{font-weight:600;font-size:48px;line-height:60px;letter-spacing:0;text-align:center;text-transform:capitalize;color:#101010}.homepage-container .pricing-container .title .sub{font-weight:500;font-size:20px;line-height:30px;letter-spacing:0;text-align:center}.homepage-container .pricing-container .title h2,.homepage-container .pricing-container .title h3{width:100%;max-width:900px}.homepage-container .pricing-container .title .sub{width:100%;max-width:800px}.homepage-container .pricing-container .box{height:100%;position:relative;display:flex;flex-direction:column;gap:30px;background:#e6f0eb;z-index:10;border-radius:20px;padding:24px 32px;box-shadow:0 1px 3px 0 #00333326;transition:box-shadow .5s ease;flex-grow:1}.homepage-container .pricing-container .box:before{content:"";position:absolute;top:0;left:0;bottom:0;width:100%;height:100%;border-radius:20px;background:linear-gradient(140.24deg,#9cc 15.06%,rgba(153,204,153,0) 43.7%,rgba(153,204,204,0) 58.02%,#9c9 86.66%);opacity:0;transition:opacity .5s ease;z-index:-1}.homepage-container .pricing-container .box:hover:before{opacity:1}.homepage-container .pricing-container .box:hover{box-shadow:0 1px 3px 0 #00333326}.homepage-container .pricing-container .box:hover button{background:linear-gradient(252.31deg,#069 9.19%,#9c9 90.81%);color:#fff;transition:background .5s ease,color .5s ease}.homepage-container .pricing-container .box h3{font-weight:600;font-size:24px;line-height:34px;letter-spacing:0}.homepage-container .pricing-container .box .sub{font-weight:400;font-size:18px;line-height:28px;letter-spacing:0;margin-bottom:15px}.homepage-container .pricing-container .box button{padding-top:10px;padding-bottom:10px;border-radius:5px;border:1px solid #9c9;transition:background .5s ease,color .5s ease;font-weight:500;font-size:18px;line-height:26px;letter-spacing:0;text-align:center;vertical-align:middle}.homepage-container .pricing-container .box h3,.homepage-container .pricing-container .box li,.homepage-container .pricing-container .box p{color:#101010}.homepage-container .pricing-container .box:hover .show-more{color:#069}.homepage-container .pricing-container .box .show-more{font-weight:400;font-style:italic;font-size:16px;line-height:26px;letter-spacing:0;text-align:center;text-align:right;transition:color .5s ease}.homepage-container .pricing-container .reason .label{display:flex;gap:15px;align-items:center}.homepage-container .pricing-container .reason .label span.name-figure{color:#101010;font-weight:600;font-size:20px;line-height:30px;letter-spacing:0;text-align:center;vertical-align:middle;text-transform:capitalize}.homepage-container .pricing-container .reason .label .figure{color:#063;font-weight:800;font-size:50px;line-height:60px;letter-spacing:0;text-align:center;text-transform:capitalize}.homepage-container .pricing-container .reason p{font-weight:500;font-size:20px;line-height:30px;letter-spacing:0;text-align:center}.homepage-container .slogan{background:#033;display:flex;flex-direction:column;gap:60px}.homepage-container .slogan .content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}.homepage-container .slogan .content h2{font-weight:600;font-size:36px;line-height:45px;text-transform:capitalize;color:#fff}.homepage-container .slogan .content h3{font-weight:500;font-size:20px;line-height:30px;color:#9c9}.homepage-container .slogan .content p{font-weight:400;font-size:18px;line-height:28px;color:#fff;text-align:center}.homepage-container .slogan .line{height:3px;background:linear-gradient(90deg,#069,#9c9)}.homepage-container .slogan .part-2 h2{font-weight:600;font-size:27px;line-height:37px;text-transform:capitalize;color:#fff;margin-bottom:16px}.homepage-container .slogan .part-2 h3{font-weight:500;font-size:20px;line-height:30px;text-align:justify;color:#fff}.homepage-container .slogan .part-2 p{font-weight:400;font-size:16px;line-height:26px;color:#fff;text-align:justify}.homepage-container .customer{background:#033;display:flex;flex-direction:column;gap:50px}.homepage-container .customer .line{height:3px;background:linear-gradient(90deg,#069,#9c9)}.homepage-container .customer .title h2{text-align:center;font-size:48px;line-height:60px;font-weight:600;color:#fff;font-family:Arial,sans-serif;text-transform:uppercase}.homepage-container .customer .slider .slider-content{display:flex!important;flex-direction:column;gap:30px;align-items:center;justify-content:center;padding:0 20px}.homepage-container .customer .slider .name{text-align:center}.homepage-container .customer .slider .name div{font-weight:600;font-size:25px;line-height:35px;letter-spacing:0;text-align:center;color:#fff}.homepage-container .customer .slider .name span{font-family:SVN-Gilroy;font-weight:500;font-size:18px;line-height:28px;letter-spacing:0;text-align:center;vertical-align:middle;color:#9c9}.homepage-container .customer .slider p{font-weight:400;font-style:italic;font-size:15px;line-height:25px;letter-spacing:0;text-align:center;color:#fff;margin-bottom:50px}.homepage-container .customer .slider .slick-dots li button{box-shadow:1px 1px 5px 0 #00000059;background:#ffffff59;width:15px;height:15px;border-radius:50%}.homepage-container .customer .slider .slick-dots li.slick-active button{background:#9cc}.homepage-container .customer .slider .slick-dots li button:before{color:transparent}.homepage-container .post{background:#e6f0f5;display:flex;flex-direction:column;gap:50px}.homepage-container .post .title h2{font-weight:600;font-size:48px;line-height:60px;letter-spacing:0;text-align:center;text-transform:capitalize;color:#101010}.homepage-container .post .slider .slider-content{display:flex!important;flex-direction:column;gap:15px;align-items:flex-start;justify-content:center;padding:0 20px}.homepage-container .post .slider .slider-content .image-wrapper{position:relative;aspect-ratio:5/3;width:100%;border-radius:15px;overflow:hidden}.homepage-container .post .slider .slider-content .image-wrapper img{object-fit:cover;width:100%!important;height:100%!important;border-radius:15px;transition:.3s}.homepage-container .post .slider .slider-content .image-wrapper:hover img{transform:scale(1.03)}.homepage-container .post .slider .slider-content .author{color:#033;font-weight:400;font-size:14px;line-height:24px;letter-spacing:0;padding:5px 0}.homepage-container .post .slider .slider-content .title{font-weight:500;font-size:16px;line-height:26px;letter-spacing:0;text-align:justify;vertical-align:middle;color:#333;text-transform:capitalize}.homepage-container .post .slider .slider-content .description{font-weight:400;font-size:16px;line-height:26px;letter-spacing:0;color:#666}.homepage-container .post .slider .slider-content .see-move{font-weight:500;font-style:italic;font-size:16px;line-height:26px;letter-spacing:0;color:#666;text-align:right;width:100%}.homepage-container .post .slider .slider-content .see-move:hover{color:#008cff!important}.homepage-container .finance{display:flex;flex-direction:column;gap:30px}.homepage-container .finance .finance-content .finance .finance-content-text{padding:10px}.homepage-container .finance .finance-content .title{font-weight:600;font-size:24px;line-height:34px;color:#101010;margin-bottom:12px}.homepage-container .finance .finance-content .sub{font-weight:500;font-size:18px;line-height:28px;color:#555}.homepage-container .finance .finance-content iframe,.homepage-container .finance .finance-content img,.homepage-container .finance .finance-content video{border-radius:16px;max-height:300px;width:100%;object-fit:cover;box-shadow:0 4px 16px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;display:block;margin:0 auto}.homepage-container .finance img:hover,.homepage-container .finance video:hover{transform:scale(1.05);box-shadow:0 6px 20px rgba(0,0,0,.15)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.finance-animate{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.finance-animate.show{opacity:1;transform:translateY(0);animation:fadeSlideUp .8s ease forwards}@media only screen and (min-width:1600px){.homepage-container .introduction{padding:160px 300px 0}.homepage-container .banner .layout,.homepage-container .customer,.homepage-container .finance,.homepage-container .post,.homepage-container .pricing-container,.homepage-container .service,.homepage-container .slogan,.homepage-container .spending,.homepage-container .tag-container{padding:60px 300px}}@media only screen and (min-width:1400px) and (max-width:1599px){.homepage-container .introduction{padding:160px 200px 0}.homepage-container .banner .layout,.homepage-container .customer,.homepage-container .finance,.homepage-container .post,.homepage-container .pricing-container,.homepage-container .service,.homepage-container .slogan,.homepage-container .spending,.homepage-container .tag-container{padding:60px 200px}}@media only screen and (max-width:1400px){.homepage-container .introduction{padding:160px 150px 0}.homepage-container .banner .layout,.homepage-container .customer,.homepage-container .finance,.homepage-container .post,.homepage-container .pricing-container,.homepage-container .service,.homepage-container .slogan,.homepage-container .spending,.homepage-container .tag-container{padding:60px 150px}}@media only screen and (min-width:1201px){.homepage-container .banner .layout{height:600px}}@media only screen and (max-width:1200px){.homepage-container .introduction{padding:160px 100px 0}.homepage-container .banner .layout,.homepage-container .customer,.homepage-container .finance,.homepage-container .post,.homepage-container .pricing-container,.homepage-container .service,.homepage-container .slogan,.homepage-container .spending,.homepage-container .tag-container{padding:60px 100px}}@media only screen and (max-width:1024px){.homepage-container .introduction{padding:160px 60px 0}.homepage-container .banner .layout,.homepage-container .customer,.homepage-container .finance,.homepage-container .post,.homepage-container .pricing-container,.homepage-container .service,.homepage-container .slogan,.homepage-container .spending,.homepage-container .tag-container{padding:60px}}@media only screen and (min-width:993px) and (max-width:1200px){.homepage-container .banner .layout{height:800px}}@media only screen and (max-width:992px){.homepage-container .banner .layout{height:100%}.homepage-container .banner .right-content{display:none}.homepage-container .spending .homepage-container .customer .left-content{height:300px}}@media only screen and (max-width:768px){.homepage-container .introduction{padding:160px 30px 0}.homepage-container .banner .layout,.homepage-container .customer,.homepage-container .finance,.homepage-container .post,.homepage-container .pricing-container,.homepage-container .service,.homepage-container .slogan,.homepage-container .spending,.homepage-container .tag-container{padding:60px 30px}.homepage-container .spending .right-content h2{font-size:32px;line-height:40px}}@media only screen and (max-width:576px){.homepage-container .introduction{padding:120px 20px 0}.homepage-container .banner .layout,.homepage-container .customer,.homepage-container .finance,.homepage-container .post,.homepage-container .pricing-container,.homepage-container .service,.homepage-container .slogan,.homepage-container .spending,.homepage-container .tag-container{padding:40px 20px}.homepage-container .banner .layout h1{font-size:40px}.homepage-container .banner .layout .neon-text{font-size:12px}.homepage-container .banner .figure .figure-content .number,.homepage-container .pricing-container h2,.homepage-container .service .title h2{font-size:32px;line-height:40px}}.popup-attendance .floating-elements{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.popup-attendance .floating-element{position:absolute;opacity:.3;animation:float 6s ease-in-out infinite}.popup-attendance .floating-element:first-child{animation-delay:0s}.popup-attendance .floating-element:nth-child(2){animation-delay:1.5s}.popup-attendance .floating-element:nth-child(3){animation-delay:3s}.popup-attendance .floating-element:nth-child(4){animation-delay:4.5s}.popup-attendance .popup-close{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:background-color .2s}.popup-attendance .popup-close:hover{background-color:#f3f4f6}.popup-attendance .close-icon{width:16px;height:16px;color:#4b5563}.popup-attendance .popup-inner{text-align:center;position:relative;z-index:1}.popup-attendance .popup-icon{display:inline-flex;justify-content:center;align-items:center;width:48px;height:48px;background-color:#3b82f6;border-radius:50%;margin-bottom:16px}.popup-attendance .clock-icon{width:24px;height:24px;color:#fff}.popup-attendance .popup-title{font-size:1.5rem;font-weight:600;color:#111827;margin-bottom:12px}.popup-attendance .popup-message{color:#4b5563;margin-bottom:24px;line-height:1.6}.popup-attendance .text-blue{color:#2563eb}.popup-attendance .benefits-container{background:linear-gradient(90deg,#eff6ff,#eef2ff);border-radius:16px;padding:16px;margin-bottom:24px}.popup-attendance .benefits-title{font-weight:600;color:#111827;margin-bottom:12px;display:flex;align-items:center;justify-content:center}.popup-attendance .emoji{margin-right:8px}.popup-attendance .benefits-list{display:flex;flex-direction:column;gap:8px}.popup-attendance .benefit-item{display:flex;align-items:center;justify-content:center;gap:8px}.popup-attendance .bullet{width:8px;height:8px;border-radius:50%;flex-shrink:0}.popup-attendance .blue{background-color:#3b82f6}.popup-attendance .green{background-color:#10b981}.popup-attendance .purple{background-color:#8b5cf6}.popup-attendance .benefit-text{font-size:.875rem;color:#374151}.popup-attendance .countdown-container{background-color:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:12px;margin-bottom:24px}.popup-attendance .countdown-content{display:flex;align-items:center;justify-content:center;gap:8px;color:#92400e}.popup-attendance .clock-small-icon{width:16px;height:16px}.popup-attendance .countdown-text{font-size:.875rem;font-weight:500}.popup-attendance .time-left{font-weight:600}.popup-attendance .action-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}@media (min-width:480px){.action-buttons{flex-direction:row}}.popup-attendance .primary-button,.popup-attendance .secondary-button{flex:1;display:flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:12px;font-weight:500;cursor:pointer;transition:all .2s}.popup-attendance .primary-button{background-color:#3b82f6;color:#fff;border:none}.popup-attendance .primary-button:hover{background-color:#2563eb}.popup-attendance .secondary-button{background-color:#fff;color:#4b5563;border:1px solid #d1d5db}.popup-attendance .secondary-button:hover{background-color:#f3f4f6}.popup-attendance .footer-message{font-size:.75rem;color:#6b7280;margin-top:16px}.homepage-container .slogan .slogan-footer{margin-top:-20px;margin-bottom:0}.homepage-container .slogan .slogan-footer h3{color:#fff;text-align:center;font-weight:500;font-size:20px;line-height:30px}.homepage-container .slogan .sdg-logos-minimal{margin-top:25px;display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.homepage-container .slogan .minimal-card{position:relative;cursor:pointer}.homepage-container .slogan .minimal-card:before{content:attr(data-sdg);position:absolute;top:-25px;left:50%;transform:translateX(-50%);background:#9c9;color:#033;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:700;opacity:0;transition:all .3s ease;white-space:nowrap}.homepage-container .slogan .minimal-card:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:0;height:2px;background:linear-gradient(90deg,#069,#9c9);transition:all .3s ease}.homepage-container .slogan .minimal-card:hover:before{opacity:1;top:-30px}.homepage-container .slogan .minimal-card:hover:after{width:80%}.homepage-container .slogan .logo-wrapper{position:relative;width:65px;height:65px;background:hsla(0,0%,100%,.05);border-radius:10px;border:1px solid hsla(0,0%,100%,.25);display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;padding:2px}.homepage-container .slogan .logo-wrapper:hover{transform:translateY(-5px);border-color:#9c9;background:rgba(153,204,153,.1);box-shadow:0 10px 20px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.1)}.homepage-container .slogan .logo-wrapper img{width:50px;height:50px;border-radius:8px;transition:all .3s ease;filter:brightness(.95);position:relative;z-index:2}.homepage-container .slogan .logo-wrapper:hover img{transform:scale(1.15);filter:brightness(1.1)}.homepage-container .slogan .hover-glow{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(153,204,153,.3) 0,transparent 70%);opacity:0;transition:opacity .3s ease}.homepage-container .slogan .logo-wrapper:hover .hover-glow{opacity:1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.homepage-container .slogan .minimal-card:hover .logo-wrapper{animation:float 3s ease-in-out infinite}@media only screen and (max-width:768px){.homepage-container .slogan .logo-wrapper{width:60px;height:60px}.homepage-container .slogan .logo-wrapper img{width:45px;height:45px}}@media only screen and (max-width:576px){.homepage-container .slogan .sdg-logos-minimal{gap:15px}.homepage-container .slogan .logo-wrapper{width:55px;height:55px}.homepage-container .slogan .logo-wrapper img{width:40px;height:40px}}.homepage-container .post .slider-container{margin-top:20px}.homepage-container .post .video-slider .video-slide{padding:0 10px}.homepage-container .post .video-slider .youtube-thumbnail{position:relative;overflow:hidden;border-radius:16px;cursor:pointer}.homepage-container .post .video-slider .youtube-thumbnail img{aspect-ratio:9/12;object-fit:cover;width:100%;border-radius:16px}.homepage-container .post .video-slider .youtube-thumbnail .loading{aspect-ratio:9/12;object-fit:cover;border-radius:16px;background:#cacaca;width:100%;height:100%}.homepage-container .post .video-slider .youtube-thumbnail .video-hover-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);opacity:0;display:flex;flex-direction:column;justify-content:space-between;padding:16px;transition:opacity .3s ease;border-radius:16px}.homepage-container .post .video-slider .youtube-thumbnail:hover .video-hover-overlay{opacity:1}.homepage-container .post .video-slider .youtube-thumbnail .video-info{color:#fff}.homepage-container .post .video-slider .youtube-thumbnail .video-info h3{font-size:16px;font-weight:500;margin:0 0 4px}.homepage-container .post .video-slider .youtube-thumbnail .video-info p{margin:0;font-size:14px;opacity:.9}.homepage-container .post .video-slider .youtube-thumbnail .play-icon{display:flex;justify-content:center;align-items:center}.homepage-container .post .video-slider .youtube-thumbnail .play-icon svg{opacity:.9;transition:transform .2s ease}.homepage-container .post .video-slider .youtube-thumbnail:hover .play-icon svg{transform:scale(1.1);opacity:1}.homepage-container .post .video-slider .slick-dots{bottom:-40px}.homepage-container .post .video-slider .slick-dots li button{box-shadow:1px 1px 5px 0 hsla(0,0%,60%,.35);background:#00bfff22;width:15px;height:15px;border-radius:50%}.homepage-container .post .video-slider .slick-dots li.slick-active button{background:#00bfff}.homepage-container .post .video-slider .slick-dots li button:before{color:transparent}.homepage-container .post .video-slider .slick-next,.homepage-container .post .video-slider .slick-prev{width:40px;height:40px;background:rgba(0,51,51,.8);border-radius:50%;z-index:1}.homepage-container .post .video-slider .slick-next:hover,.homepage-container .post .video-slider .slick-prev:hover{background:#033}.homepage-container .post .video-slider .slick-prev{left:-50px}.homepage-container .post .video-slider .slick-next{right:-50px}.homepage-container .post .video-slider .slick-next:before,.homepage-container .post .video-slider .slick-prev:before{color:#fff;font-size:20px}@media only screen and (max-width:768px){.homepage-container .post .video-slider .slick-prev{left:-30px}.homepage-container .post .video-slider .slick-next{right:-30px}}@media only screen and (max-width:576px){.homepage-container .post .video-slider .slick-next,.homepage-container .post .video-slider .slick-prev{display:none!important}}