.event{justify-content:normal}.event-item{.event-image{width:230px;height:120px;-o-object-fit:cover;object-fit:cover;border-radius:5px}.event-text{margin-top:5px;font-size:17px;font-weight:700;width:auto}}.event-item2{.event-image2{width:350px;height:700px;-o-object-fit:cover;object-fit:cover;border-radius:10px}}.title-container{width:450px}.event{display:flex;flex-wrap:wrap;justify-content:center;color:#000}.event-item{text-align:center;margin:10px;transition:box-shadow .3s ease;.event-image{width:330px;height:220px;-o-object-fit:cover;object-fit:cover;border-radius:5px}.event-text{margin-top:5px;font-size:17px;font-weight:700;width:auto;color:#000;justify-content:normal}}.event-item:hover{opacity:.5;transition:opacity .5s ease}.see-more{background-color:#f0f0f0;border:1px solid #ccc;border-radius:5px;padding-left:35px;padding-right:35px;display:inline-block;margin:auto;cursor:pointer}.see-more:hover{background-color:#6ab46e7b}.container{display:flex;justify-content:center;align-items:center}.event-item2{text-align:center;margin:10px;transition:box-shadow .3s ease;.event-image2{width:350px;height:700px;-o-object-fit:cover;object-fit:cover;border-radius:10px}}.event-image3,.event-image4{width:360px;height:360px;-o-object-fit:cover;object-fit:cover;border-radius:20px;padding:10px}.event-image3:hover,.event-image4:hover,.event-item2:hover{opacity:.5;transition:opacity .5s ease}.header-container{display:flex;align-items:center;text-align:center}.header-title{font-weight:700;font-size:32px;margin:0 20px}.line{flex-grow:1;height:2px;background-color:#ada598}.phukien-image1,.phukien-image2,.phukien-image3{width:350px;height:350px;-o-object-fit:cover;object-fit:cover;border-radius:10px;padding:10px}.phukien-item1{text-align:center;margin:10px;transition:box-shadow .3s ease}.phukien-image1:hover,.phukien-image2:hover,.phukien-image3:hover{opacity:.5;transition:opacity .5s ease}.info-text{font-size:21px;color:#333;max-width:800px;margin:0 auto;line-height:1.6}.app-container{font-family:Arial,sans-serif;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.text-label,.text-value{margin-bottom:10px;font-size:16px}.submit-button{padding:10px 20px;background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;outline:none;font-size:16px}.submit-button:hover{background-color:#f7f7f7}.button-register{background-color:#f6f7f6;border:1px solid #ccc;border-radius:4px;padding:10px 20px;cursor:pointer;outline:none;margin:0 10px;color:#006885}.button-register:hover{background-color:#106f89;color:#e0e5e0}.title-container{display:flex;align-items:center;background:#f0f0f0;padding-left:35px;padding-right:15px;font-family:Arial,sans-serif;color:#333;position:relative;width:650px;margin:15px 15px 15px 7%;border-radius:5px}.title-container:before{content:"";display:block;width:5px;height:100%;background-color:#000;position:absolute;left:12%;border-radius:0 20px 0 20px}.title-text{padding-left:15px;color:#000;font-weight:700;font-size:28px;margin-left:18%;font-family:Tobias Bold}.homepage{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:1200px;margin:0 auto;padding:20px;box-shadow:0 0 10px rgba(0,0,0,.1)}.banner{display:flex;align-items:center;background-color:#3e8096;border-radius:8px;overflow:hidden}.banner-image{width:50%;-o-object-fit:cover;object-fit:cover}.content{padding:20px;width:50%}h1{font-family:Tobias Bold;margin-bottom:10px;font-size:44px;font-weight:700}h1,p{color:#fff}p{font-size:16px}p,ul{margin-bottom:20px}ul{list-style-type:none;padding-left:24px}ul li{margin-bottom:5px;font-size:16px;color:#fff}.buttons{display:flex}button{background-color:#fff;color:#1b04ca;border:none;padding:10px 20px;margin-right:10px;border-radius:5px;cursor:pointer;transition:background-color .3s}button:hover{background-color:#036;color:#f4f4f5;border:#f7f4f4}.get-started{font-weight:700}.how-it-works{background-color:#50a0bb}@media (max-width:768px){.banner{flex-direction:column}.banner-image,.content{width:100%}}.container-2{width:90%;margin:auto;text-align:center}header h1{color:#036;margin-bottom:10px;font-family:Tobias Bold}header p{color:#666;font-size:1.2em}.services{display:flex;justify-content:space-around;margin-top:20px}.service-card{background-color:#7bc0ef;padding:20px;border-radius:10px;width:23%}.service-card h2{color:#10355f;font-size:22px;font-family:Tobias Bold;font-weight:700}.service-card ul{text-align:left}.service-card button{background-color:#06c;color:#fff;border:none;padding:10px 20px;margin-top:10px;cursor:pointer;border-radius:5px}.service-card button:hover{background-color:#0052a3}