body{margin:0;padding:0;font-family:Poppins,sans-serif;background-color:#f0f4f8;color:#333}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}a{text-decoration:none;color:inherit}button{cursor:pointer}button,input,textarea{background:none;border:none;padding:0;font:inherit;color:inherit}.section{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px;padding:30px 0;width:100%;background:linear-gradient(90deg,rgb(217,226,243) 20%,rgb(240,245,252) 80%,rgb(255,255,255));margin:10px 0}.container{width:100%;max-width:1500px;padding:50px 20px;margin:0 auto}@media(max-width:1200px){.container{max-width:960px}}@media(max-width:992px){.container{max-width:720px}}@media(max-width:768px){.container{max-width:100%;padding:30px 15px}}.container.no-pading{padding:0 20px 50px}.container.top-space{margin-top:50px}.section-title{font-size:2.2rem;color:#052eee;font-weight:700;padding:8px 0}@media(max-width:1200px){.section-title{font-size:1.6rem}}@media(max-width:992px){.section-title{font-size:1.6rem}}@media(max-width:768px){.section-title{font-size:1.6rem}}.section-title.text-center{text-align:center}.section-description{font-size:1.1rem;line-height:1.7rem;color:#333;font-weight:400;margin-bottom:20px}.section-description.max-width{max-width:800px}@media(max-width:1200px){.section-description{font-size:.9rem;line-height:1.4rem}}@media(max-width:992px){.section-description{font-size:.9rem;line-height:1.4rem}}@media(max-width:768px){.section-description{font-size:.9rem;line-height:1.4rem}}.section-description.text-center{text-align:center}.section-button{display:flex;align-items:center;gap:8px;padding:15px 35px;background-color:#052eee;color:#fff;font-size:1rem;font-weight:500;border-radius:5px;transition:.3s ease-in-out}.section-button:hover{background-color:#fff;color:#002fa7;transform:scale(1.02)}.loaderWrapper{display:flex;justify-content:center;align-items:center;height:100vh}.loaderWrapper .loader{border:5px solid #fff;border-top-color:#002fa7;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite}.header{position:fixed;top:0;z-index:1000;width:100%;height:80px;padding:15px 0;transition:box-shadow .3s ease;background:linear-gradient(90deg,#0023c9,#1658ff 70%);box-shadow:0 2px 4px rgba(0,0,0,.05)}.header .header-content{width:100%;max-width:1500px;padding:0 20px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;color:#fff}.header .header-content .logo img{width:100px;height:auto}.header .header-content .mobile-menu-icon{display:none;flex-direction:column;cursor:pointer;gap:5px}.header .header-content .mobile-menu-icon .bar{width:25px;height:2px;background-color:#fff;transition:all .3s ease}.header .header-content .mobile-menu-icon .close-icon{font-size:40px;color:#fff;line-height:1}.header .header-content .menu .menu-list{list-style:none;display:flex;justify-content:flex-end;align-items:center;gap:15px}.header .header-content .menu .menu-list .nav-link{text-decoration:none;color:hsla(0,0%,100%,.85);padding:5px;transition:all .3s ease}.header .header-content .menu .menu-list .nav-link.active{color:#fff;border-bottom:2px solid #fff}@media(max-width:1200px){.header{max-width:100%;height:auto}.header .header-content{flex-wrap:wrap;position:relative}.header .header-content .mobile-menu-icon{display:flex}.header .header-content .menu{position:absolute;top:50px;left:0;background:linear-gradient(90deg,rgb(1,37,203),rgba(22,88,255,.8) 70%);width:0;height:100vh;overflow:hidden;transition:width .3s ease-in-out;z-index:9}.header .header-content .menu.open{width:300px}.header .header-content .menu .menu-list{flex-direction:column;align-items:flex-start;gap:20px;padding:20px;opacity:0;transition:opacity .3s ease}.header .header-content .menu .menu-list .nav-link{color:#fff;font-size:16px}.header .header-content .menu.open .menu-list{opacity:1}}.footer{position:relative;display:flex;bottom:0;width:100%;height:250px;padding:15px 0;background:linear-gradient(90deg,#0023c9 30%,#1658ff 50%)}.footer .footer-content{width:100%;max-width:1500px;padding:0 20px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;color:#fff}.footer .footer-content .footer-logo{flex:2;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:15px}.footer .footer-content .footer-logo .logo{width:120px;height:auto}.footer .footer-content .footer-logo .text{max-width:600px;font-size:15px;line-height:23px;font-weight:400;color:hsla(0,0%,100%,.8705882353);text-align:left}.footer .footer-content .footer-logo .footer-socials{display:flex;justify-content:flex-start;align-items:center;gap:10px}.footer .footer-content .footer-logo .footer-socials .social-icon{width:30px;height:30px;border-radius:50%;border:1px solid #fff;background-color:rgba(0,0,0,0);display:flex;justify-content:center;align-items:center;transition:all .3s ease}.footer .footer-content .footer-logo .footer-socials .social-icon:hover{color:#fff;transform:scale(1.1)}.footer .footer-content .footer-info{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:5px}.footer .footer-content .footer-info .footer-info-title{position:relative;font-size:20px;line-height:24px;font-weight:600;color:#fff;text-align:left;margin-bottom:15px}.footer .footer-content .footer-info .footer-info-title:after{content:"";position:absolute;width:50px;height:2px;background-color:#fff;bottom:-5px;left:0}.footer .footer-content .footer-info .footer-info-item{font-size:15px;line-height:19px;font-weight:400;color:#fff;text-align:left}.footer .footer-content .footer-links{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:5px}.footer .footer-content .footer-links .footer-links-title{position:relative;font-size:20px;line-height:24px;font-weight:600;color:#fff;text-align:left;margin-bottom:15px}.footer .footer-content .footer-links .footer-links-title:after{content:"";position:absolute;width:50px;height:2px;background-color:#fff;bottom:-5px;left:0}.footer .footer-content .footer-links .footer-links-item{font-size:15px;line-height:19px;font-weight:400;color:#fff;text-align:left}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(min-width:300px)and (max-width:1024px){.footer{flex-direction:column;height:auto}.footer .footer-content{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:30px}}.hero-banner{position:relative;width:100%;height:100vh;background-repeat:no-repeat;background-size:cover;background-position:top;margin-top:80px;z-index:10}.hero-banner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(8,1,39,.28);z-index:0}.hero-banner .swiper{height:100%}.hero-banner .swiper-slide{position:relative;display:flex;justify-content:center;align-items:center;height:100%}.hero-banner .hero-container{position:relative;width:100%;top:45%;display:flex;flex-direction:column;gap:20px;align-items:center;text-align:center}.hero-banner .hero-container .title{font-size:3rem;color:#fff;font-weight:700;max-width:800px}.hero-banner .hero-container .text{font-size:1.2rem;color:#fff;font-weight:400}.hero-banner .hero-container .button{display:flex;align-items:center;gap:8px;padding:15px 35px;background-color:#0023c9;color:#fff;font-size:1rem;font-weight:500;border-radius:5px;transition:.3s ease-in-out}.hero-banner .hero-container .button:hover{background-color:#fff;color:#002fa7;transform:scale(1.02)}.aboutus-section{display:flex;justify-content:space-evenly;align-items:center;gap:20px;flex-wrap:wrap;padding:2rem 0;width:100%}.aboutus-section .aboutus-content{flex:1;display:flex;flex-direction:column;justify-self:flex-start;align-items:flex-start;gap:1rem}.aboutus-section .aboutus-image{flex:1;display:flex;justify-content:flex-end;align-items:flex-end;flex-direction:column;position:relative;width:100%;max-width:600px}.aboutus-section .aboutus-image .aboutus-img-one{position:relative;width:60%;height:auto;border-radius:10px;display:block;z-index:0}.aboutus-section .aboutus-image .aboutus-img-two{position:absolute;width:60%;height:auto;border-radius:8px;display:block;top:50px;left:-30px;z-index:2}.aboutus-section .aboutus-image .image-overlay{position:absolute;top:0;right:0;width:60%;height:100%;background:rgba(0,35,201,.66);border-radius:8px;z-index:1}.aboutus-section .aboutus-image .image-txt{position:absolute;top:50%;right:-15%;transform:translate(-50%,-50%);text-align:center;z-index:2}.aboutus-section .aboutus-image .image-txt .title{font-size:3.5rem;font-weight:700;color:#fff;text-shadow:-1px 0 4px rgba(0,112,243,.3411764706)}.aboutus-section .aboutus-image .image-txt .text{font-size:1.7rem;font-weight:500;color:#fff}.tab-container{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 40px;width:100%}.tab-container .tab-column{flex:1;display:flex;flex-direction:column;gap:10px}.tab-container .tab-column .tab-button{position:relative;text-align:left;font-size:2rem;font-weight:700;cursor:pointer;transition:all .3s ease;color:inherit}.tab-container .tab-column .tab-button .tab-first-letter{font-weight:800;font-size:2.5rem;color:#052eee;margin-right:2px}.tab-container .tab-column .tab-button .tab-icon{position:absolute;top:16px;left:-40px;color:#052eee}.tab-container .tab-column .tab-button.active{opacity:.8;background-color:inherit}.tab-container .tab-column .tab-button:hover{background-color:#dce3f9}.tab-container .tab-content{flex:4;display:flex;justify-content:center;align-items:center;gap:20px}.tab-container .tab-content .tab-title h2{font-size:2rem;color:#0023c9;font-weight:700}.tab-container .tab-content .tab-image{position:relative;display:flex;justify-content:center;align-items:center;width:100%;margin:0;z-index:1}.tab-container .tab-content .tab-image img{width:70%;height:auto;border-radius:10px}.tab-container .tab-content .tab-image .img-background{position:absolute;top:0;right:90px;width:70%;height:100%;background-color:#0124cb;border-radius:10px;z-index:-1;transform:rotate(10deg);transition:all .3s ease}.tab-container .tab-content .tab-text{display:flex;flex-direction:column;justify-content:end;align-items:flex-start;width:60%}.tab-container .tab-content .tab-text h2{font-size:1.7rem;color:#333;font-weight:700;margin-bottom:15px;text-align:right}.tab-container .tab-content .tab-text p{font-size:1.1rem;line-height:1.6;color:#333}.service-section{position:relative;display:flex;justify-content:space-between;align-items:stretch;gap:2rem;width:100%}.service-section .service-cards{flex:1}.service-section .service-cards .service-card{position:relative;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:4px;width:100%;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.02);transition:all .3s ease-in-out;margin-bottom:15px;overflow:hidden}.service-section .service-cards .service-card:hover{transform:scale(1);box-shadow:0 8px 16px rgba(0,0,0,.2)}.service-section .service-cards .service-card .service-no{position:absolute;width:60px;height:60px;border-radius:50%;background-color:rgba(217,226,243,.63);color:#052eee;display:flex;justify-content:center;align-items:center;font-size:2rem;font-weight:700;top:-10px;left:-10px}.service-section .service-cards .service-card .service-title{font-size:1.2rem;font-weight:700;color:#333;padding:0 10px 0 40px;text-align:left;margin-bottom:10px}.service-section .service-cards .service-card .service-text{font-size:.9rem;line-height:1.3rem;color:#333;text-align:left;padding:0 10px 0 40px}.service-section .service-image{flex:1;position:relative;display:flex;justify-content:flex-end;align-items:center;width:100%;margin:0 auto}.service-section .service-image .image-one{position:relative;bottom:-20%;width:70%;height:auto;border-radius:10px;overflow:hidden;z-index:1}.service-section .service-image .image-overlay{position:absolute;bottom:1%;right:0;width:70%;height:57.9%;background:rgba(0,35,201,.66);border-radius:10px;z-index:2}.service-section .service-image .image-two{position:absolute;width:70%;height:auto;border-radius:10px;top:0;right:100px;border:10px solid #fff;z-index:2}.product-section{position:relative;margin-top:15px}.product-section .product-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;width:100%}.product-section .product-cards .product-card{position:relative;display:flex;flex-direction:column;gap:8px;width:100%;padding:15px;background-color:#fff;border-radius:8px;box-shadow:0 4px 4px rgba(0,0,0,.02);cursor:pointer;overflow:hidden;transition:all .3s ease-in-out}.product-section .product-cards .product-card:hover{transform:scale(1.02);box-shadow:0 4px 8px rgba(0,0,0,.089)}.product-section .product-cards .product-card .product-img{width:100%;height:auto;border-radius:8px;object-fit:cover}.product-section .product-cards .product-card .product-content{background-color:rgba(2,40,206,.66);border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding:12px;margin-top:-60px}.product-section .product-cards .product-card .product-content.description{margin-top:-78px}.product-section .product-cards .product-card .product-content.has-star{margin-top:-95px}.product-section .product-cards .product-card .product-content .product-title{font-size:1.2rem;font-weight:700;color:#fff;text-align:center;margin-bottom:6px}.product-section .product-cards .product-card .product-content .product-text{font-size:.8rem;line-height:1.1rem;color:#fff;text-align:center}.partner-section{display:flex;justify-content:space-evenly;align-items:center;width:100%;margin-top:2rem}.partner-section .partner-card{flex:1;display:flex;justify-content:center;height:100px;padding:10px;background-color:hsla(0,0%,100%,.6117647059);border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.05)}.partner-section .partner-card img{width:100%;max-width:800px}.cotactus-section{position:relative;display:flex;justify-content:space-between;align-items:stretch;gap:2rem;width:100%}.cotactus-section .office-location{flex:2;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;gap:10px;width:100%;max-width:600px;background:#fff;border-radius:10px;padding:20px 25px;box-shadow:0 4px 6px rgba(0,0,0,.02)}.cotactus-section .office-location .title{font-size:1.6rem;font-weight:700;color:#333;text-align:left;margin-bottom:10px}.cotactus-section .office-location .subtitle{position:relative;font-size:1.2rem;font-weight:600;color:#333;text-align:left;margin-bottom:5px}.cotactus-section .office-location .subtitle:after{content:"";position:absolute;width:25%;height:2px;border-radius:12px;background-color:#0023c9;bottom:-5px;left:0}.cotactus-section .office-location .location-text{font-size:1.2rem;line-height:1.6rem;color:#333;text-align:center}.cotactus-section .office-map{flex:1;width:100%;border-radius:10px}.cotactus-section .office-map img{width:100%;height:auto;border-radius:10px}.donation-section{padding:30px 0;text-align:center;background:linear-gradient(90deg,rgb(217,226,243) 20%,rgb(240,245,252) 80%,rgb(255,255,255))}.donation-section .donation-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.3rem}.donation-section .donation-card{background:#fff;padding:2rem 4rem;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.02);transition:transform .3s ease,box-shadow .3s ease}.donation-section .donation-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.12)}.donation-section .donation-card .icon{margin-bottom:1rem}.donation-section .donation-card .icon img{width:60px;height:auto}.donation-section .donation-card h3{font-size:1.2rem;color:#333;margin-bottom:1rem}.donation-section .donation-card p{font-size:.9rem;line-height:1.4rem;color:#333;margin-bottom:1rem}@media(min-width:300px)and (max-width:1024px){.hero-banner{height:80vh;margin-top:-29px}.hero-banner .hero-container{max-width:100%}.hero-banner .hero-container .title{font-size:2rem}.hero-banner .hero-container .text{font-size:1rem;line-height:1.4rem}.aboutus-section{flex-direction:column}.aboutus-section .aboutus-image .aboutus-img-two{left:0;z-index:-1}.tab-container{padding:0 30px;flex-direction:column;align-items:flex-start}.tab-container .tab-content{flex-direction:column;padding:10px 0}.tab-container .tab-content .tab-image img{width:80%}.tab-container .tab-content .tab-text{justify-content:flex-start;padding-top:15px;width:100%}.tab-container .tab-content .tab-text p{font-size:.9rem;line-height:1.5rem}.tab-container .tab-column{gap:4px}.tab-container .tab-column .tab-button{font-size:1.5rem}.tab-container .tab-column .tab-button .tab-first-letter{font-size:1.9rem}.partner-section{justify-content:flex-start;gap:4px}.partner-section .partner-card{height:50px;margin-top:.9rem;padding:9px}.donation-section .donation-card{padding:2rem}.service-section{flex-direction:column}.service-section .service-image .image-overlay{bottom:0;height:100%}.service-section .service-image .image-two{top:30px}.product-section .product-cards{grid-template-columns:repeat(2,1fr);gap:4px}.product-section .product-cards .product-card{padding:10px}.product-section .product-cards .product-content{margin-top:-52px!important}.product-section .product-cards .product-content .product-title{font-size:.8rem!important}.product-section .product-cards .product-content .product-text{display:none}.cotactus-section{flex-direction:column}.cotactus-section .office-location .title{font-size:1.3rem}.cotactus-section .office-location .subtitle{font-size:1rem}.cotactus-section .office-location .location-text{font-size:.8rem;line-height:1.2rem}.cotactus-section .office-location .office-location-description{font-size:.9rem}}.contactus-header{position:relative;background-image:url(/img/banner/contact-us-banner.png);background-size:cover;background-position:50%;height:400px;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.contactus-header .contactus-header-content{padding-top:50px;color:#fff;text-align:center}.contactus-header .contactus-header-content .title{font-size:2.5rem;font-weight:700}.contactus-header .contactus-header-content .text{font-size:1.2rem;font-weight:400;padding-top:10px}.contactus-list{display:flex;justify-content:space-evenly;align-items:center;width:100%;gap:12px;margin:20px auto}.contactus-list .contactus-list__item{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:200px;padding:20px;background-color:#f9f9f9;border-radius:8px;transition:transform .3s}.contactus-list .contactus-list__item .contactus-list__item__icon{position:absolute;top:-20px;width:60px;height:60px;border-radius:50%;background-color:#002fa7;display:flex;justify-content:center;align-items:center;font-size:2rem;color:#fff;margin-bottom:10px}.contactus-list .contactus-list__item .contactus-list__item__title{font-size:1.5rem;font-weight:700;margin:10px 0}.contactus-list .contactus-list__item .contactus-list__item__text{width:100%;max-width:350px;font-size:1rem;line-height:1.6rem;text-align:center;color:#333}.contact-form-details{display:flex;width:100%;max-width:1500px;margin:0 auto;border-radius:8px;overflow:hidden;background-color:#fff}.contact-form-details .contact-form-image{flex:1}.contact-form-details .contact-form-image img{width:100%;height:100%;object-fit:cover;display:block}.contact-form-details .contact-form{flex:1;padding:60px 40px;display:flex;flex-direction:column;justify-content:center;background-color:#fff}.contact-form-details .contact-form .form{display:flex;flex-direction:column;width:100%;gap:20px}.contact-form-details .contact-form .form>div{width:100%}.contact-form-details .contact-form .form h2{font-size:24px;color:#002fa7;margin-bottom:-10px}.contact-form-details .contact-form .form .label{font-weight:600;margin-bottom:5px;display:block;color:#333}.contact-form-details .contact-form .form .input,.contact-form-details .contact-form .form .textarea{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:6px;font-size:16px;resize:none;box-sizing:border-box}.contact-form-details .contact-form .form .input:focus,.contact-form-details .contact-form .form .textarea:focus{outline:none;border-color:#1890ff;box-shadow:0 0 4px rgba(24,144,255,.3)}.contact-form-details .contact-form .form .button{padding:12px 20px;background-color:#002fa7;color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.contact-form-details .contact-form .form .button:hover{background-color:#0a2351}.contact-form-details .contact-form .form .error{color:red;font-size:14px;margin-top:5px}.contact-form-details .contact-form .form .success{color:green;font-size:16px;margin-top:10px}@media(min-width:300px)and (max-width:1024px){.contactus-header{height:250px}.contactus-header .contactus-header-content .title{font-size:1.9rem}.contactus-header .contactus-header-content .text{font-size:1rem;max-width:300px}.contactus-list{flex-direction:column}.contactus-list .contactus-list__item .contactus-list__item__title{font-size:1rem}.contactus-list .contactus-list__item .contactus-list__item__text{font-size:.9rem}.contact-form-details{flex-direction:column}.contact-form-details .contact-form .form{gap:10px}.contact-form-details .contact-form .form h2{padding-bottom:10px}.contact-form-details .contact-form .form p{padding-bottom:10px;font-size:.9rem}.contact-form-details .contact-form{padding:40px 20px}}.responsiblity-header{position:relative;background-image:url(/img/banner/responsible-banner-top.png);background-size:cover;background-position:top;height:400px;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.responsiblity-header .responsiblity-header-content{padding-top:50px;color:#fff;text-align:center}.responsiblity-header .responsiblity-header-content .title{font-size:2.5rem;font-weight:700}.responsiblity-header .responsiblity-header-content .text{font-size:1.2rem;font-weight:400;padding-top:10px}.responsible-description{display:flex;justify-content:space-between;align-items:center;width:100%;gap:2rem}.responsible-description .responsible-content,.responsible-description .responsible-image{flex:1}.responsible-description .responsible-image{display:flex;align-items:stretch}.responsible-description .responsible-image img{width:100%;height:100%;object-fit:cover;display:block;border-radius:8px}.responsible-list{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;gap:18px}.responsible-list .responsible-list-card{display:flex;align-items:stretch;border-radius:8px;width:100%;background:#fff;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.05)}.responsible-list .responsible-list-card .title-section{flex:1;display:flex;align-items:center;justify-content:flex-start;padding:30px;background-color:#052eee;color:#fff;font-size:1.2rem;font-weight:500}.responsible-list .responsible-list-card .description-section{flex:3;padding:30px;display:flex;align-items:center}.responsible-list .responsible-list-card .description-section ul{margin:0;padding:0;list-style-type:disc}.responsible-list .responsible-list-card .description-section ul li{font-size:.9rem;line-height:1.5rem}@media(min-width:300px)and (max-width:1024px){.responsiblity-header{height:250px}.responsiblity-header .responsiblity-header-content .title{font-size:1.9rem}.responsiblity-header .responsiblity-header-content .text{font-size:1rem;max-width:370px}.responsible-description,.responsible-list .responsible-list-card{flex-direction:column}.responsible-list .responsible-list-card .title-section{padding:20px;font-size:1rem}}.we-header{position:relative;background-image:url(/img/banner/we.png);background-size:cover;background-position:top;height:400px;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.we-header .we-header-content{padding-top:50px;color:#fff;text-align:center}.we-header .we-header-content .title{font-size:2.5rem;font-weight:700}.we-header .we-header-content .text{font-size:1.2rem;font-weight:400;padding-top:10px}.we-content{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.we-content .we-description,.we-content .we-image img{width:100%;border-radius:8px}.we-content .we-description{margin-top:-100px;max-width:1200px;padding:30px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.05)}.we-content .we-description .title{font-size:1.8rem;font-weight:700;padding-bottom:20px}.we-content .we-description .text{font-size:.9rem;padding-top:10px;line-height:1.4rem;color:#4d4d4d}.whychoseus-section{position:relative;width:100%;margin-top:-40px}.whychoseus-section .whychooseus-content{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;width:100%;padding:10px 0}.whychoseus-section .whychooseus-content .whychooseus-card{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;gap:10px;width:100%;height:200px;padding:20px;border-radius:8px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.05)}.whychoseus-section .whychooseus-content .whychooseus-card .icon{position:absolute;width:60px;height:60px;border-radius:50%;background-color:#e7edf7;color:#052eee;display:flex;justify-content:center;align-items:center;font-size:2.3rem;font-weight:700;top:10px}.whychoseus-section .whychooseus-content .whychooseus-card .title{margin-top:50px;font-size:1.3rem;font-weight:600}.whychoseus-section .whychooseus-content .whychooseus-card .description{font-size:.9rem;line-height:1.2rem;text-align:center}.ourmission{position:relative;display:flex;justify-content:space-between;gap:20px;align-items:center;width:100%}.ourmission .ourmission-content{flex:1}.ourmission .ourmission-content .title{font-size:1.8rem}.ourmission .ourmission-image{flex:1;justify-content:end}.ourmission .ourmission-image img{width:100%;height:100%;border-radius:8px}.testimonials-section{margin-top:2rem}.testimonials-section .testimonials-card{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:230px;background-color:#fff;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.05)}.testimonials-section .testimonials-card:after{content:"";position:absolute;width:80px;height:80px;background-image:url(/img/testmonial/quote.png);background-size:cover;background-repeat:no-repeat;top:0;left:0;opacity:.9;border-bottom-right-radius:50%}.testimonials-section img{width:50px;height:50px;border-radius:50%}.testimonials-section .title{font-size:1.1rem;font-weight:700;text-align:center}.testimonials-section .description{max-width:400px;font-size:.98rem;line-height:1.3rem;text-align:center;color:#4d4d4d}@media(min-width:300px)and (max-width:1024px){.we-header{height:250px}.we-header .we-header-content .title{font-size:1.9rem}.we-header .we-header-content .text{font-size:1rem;max-width:370px}.we-content .we-description{margin-top:-20px;padding:24px}.we-content .we-description .title{font-size:1.5rem}.whychoseus-section .whychooseus-content{grid-template-columns:repeat(2,1fr);gap:10px}.whychoseus-section .whychooseus-content .whychooseus-card{height:240px;padding:10px}.whychoseus-section .whychooseus-content .whychooseus-card .icon{width:60px;height:60px;font-size:2rem}.whychoseus-section .whychooseus-content .whychooseus-card .title{font-size:1.1rem;text-align:center}.ourmission{flex-direction:column}}.story-history-header{position:relative;background-image:url(/img/banner/story.png);background-size:cover;background-position:50%;height:400px;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.story-history-header .story-history-header-content{padding-top:50px;color:#fff;text-align:center}.story-history-header .story-history-header-content .title{font-size:2.5rem;font-weight:700}.story-history-header .story-history-header-content .text{font-size:1.2rem;font-weight:400;padding-top:10px}.history-container{position:relative;display:flex;justify-content:space-between;align-items:stretch;gap:20px;width:100%}.history-container .history-content{flex:2;display:flex;flex-direction:column;justify-content:flex-start;background:#fff;padding:18px 40px;border-radius:8px}.history-container .history-content .title{text-align:left;font-size:2.1rem;font-weight:700;color:#052eee;padding-bottom:30px}.history-container .history-content p{text-align:left;font-size:1rem;line-height:1.5rem;color:#333;font-weight:400;padding-bottom:20px}.history-container .history-content li{font-size:1rem;line-height:1.8rem;font-weight:400}.history-container .history-image{flex:1;position:relative}.history-container .history-image img{width:100%;height:auto;border-radius:8px}.history-container .history-image:after{content:"";position:absolute;bottom:5%;left:0;width:100%;height:60px;z-index:2;font-size:2.5rem;padding-left:12px;padding-top:10px;font-weight:700;color:#fff}@media(min-width:300px)and (max-width:1024px){.story-history-header{height:250px}.story-history-header .story-history-header-content .title{font-size:1.9rem}.story-history-header .story-history-header-content .text{font-size:1rem;max-width:370px}.history-container{flex-direction:column;gap:10px}.history-container.ordertwo{flex-direction:column-reverse}.history-container .history-content{padding:20px}.history-container .history-content .title{font-size:1.6rem;padding-bottom:10px}.history-container .history-content .text,.history-container .history-content li{font-size:.9rem}}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:15px}@media(max-width:1024px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid{grid-template-columns:1fr}}.grid .event-card{border-radius:8px;overflow:hidden;transition:transform .3s ease;background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.02)}.grid .event-card:hover{transform:translateY(-8px);cursor:pointer}.grid .event-card .image{width:100%;height:300px;object-fit:cover}.grid .event-card .content{padding:15px 20px 20px}.grid .event-card .content .date{background:rgba(217,226,243,.63);padding:8px;border-radius:5px;font-size:.8rem;color:#052eee;font-weight:600}.grid .event-card .content h2{margin:15px 0 10px;font-size:1.3rem;color:#333}.grid .event-card .content p{font-size:.9rem;line-height:1.3rem;color:#666;margin-bottom:12px}.detail-image{width:100%;height:600px;object-fit:cover;border-radius:12px;margin-bottom:20px}.detail-content h1{font-size:1.8rem;margin:10px 0}.detail-content .date{max-width:100px;background:rgba(217,226,243,.63);padding:8px;border-radius:5px;font-size:.8rem;color:#052eee;font-weight:600}.detail-content p{font-size:1rem;line-height:1.6}.related-section{margin-top:60px}.related-section .section-title{font-size:1.8rem;font-weight:600;color:#333}.related-section .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:992px){.related-section .grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.related-section .grid{grid-template-columns:1fr}}.related-section .event-card{background:#fff;border-radius:12px;overflow:hidden;transition:.3s ease;padding:12px}.related-section .event-card:hover{transform:translateY(-5px)}.related-section .event-card .detail-content .date{max-width:100px;background:rgba(217,226,243,.63);padding:8px;border-radius:5px;font-size:.8rem;color:#052eee;font-weight:600}.related-section .event-card .detail-content h2{font-size:1.2rem;margin:10px 0}.related-section .event-card .detail-content p{font-size:.9rem;color:#666;margin:5px 0 10px}.product-detail-page .product-detail-content{display:flex;gap:2rem;margin-bottom:4rem}.product-detail-page .product-detail-content .product-detail-img{max-width:600px;width:100%;border-radius:12px;border:8px solid #fff}.product-detail-page .product-detail-content .product-detail-info{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;font-size:1.1rem;color:#333}.product-detail-page .product-detail-content .product-detail-info .product-title{font-size:1.8rem;font-weight:700;color:#333}.product-detail-page .product-detail-content .product-detail-info .product-detail-description{font-size:1rem;line-height:1.5rem;font-weight:400;color:#474747}.product-detail-page .related-products h2{font-size:1.8rem;margin-bottom:1rem}.product-detail-page .related-products .related-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.product-detail-page .related-products .related-cards .related-card{border:2px solid #fff;border-radius:10px;padding:1rem;text-align:center;text-decoration:none;background:#fafafa;transition:.3s ease}.product-detail-page .related-products .related-cards .related-card img{width:100%;max-height:300px;object-fit:cover;border-radius:8px}.product-detail-page .related-products .related-cards .related-card h3{margin-top:.5rem;color:#222}.product-detail-page .related-products .related-cards .related-card:hover{box-shadow:0 4px 14px rgba(0,0,0,.1);transform:translateY(-3px)}.coming-soon{display:flex;width:100%;height:50vh}.coming-soon .comingsoon-txt{position:relative;display:flex;justify-content:center;align-items:center;gap:4px;width:100%;height:100px;padding:20px;margin-top:20px;background-color:#fff;border-radius:10px;margin-bottom:15px;font-size:1.7rem;font-weight:600;color:#333;box-shadow:0 4px 6px rgba(0,0,0,.02)}@media(min-width:300px)and (max-width:1024px){.product-detail-page .product-detail-content{flex-direction:column}}