*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased;font-family:Roboto,serif;background:url(/assets/background-main34-CwgquQLZ.jpg) no-repeat center center;background-size:cover}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}.header{display:flex;margin-top:20px;justify-content:center;padding-left:235px;padding-right:25px}.newBtn{background-color:transparent;display:flex;gap:5px;align-items:center;border:1px solid transparent;cursor:pointer;margin-left:auto;padding:8px 16px;border-radius:5px;transition:transform .2s ease}.newBtn img{width:20px;transition:transform .2s ease}.newBtn:hover{transform:scale(1.07)}.newBtn:hover img{transform:scale(1.1)}h1{color:#1d2d44}.blog-container{display:flex;flex-wrap:wrap;gap:25px;justify-content:center;margin-top:55px;padding-inline:25px;padding-bottom:15px}.blog-card{transition:transform .3s ease,box-shadow .3s ease,z-index 0s ease;flex:1 1 calc(33.333% - 25px);max-width:450px;box-sizing:border-box;height:auto;cursor:pointer}.blog-card:hover{z-index:10;transform:scale(1.05);box-shadow:0 4px 8px #0003}.leftHead{padding-inline:35px}.cardImg{width:100%;height:350px;object-fit:cover;border-top-left-radius:25px;border-top-right-radius:25px;aspect-ratio:16 / 9}.card-top{position:relative}.card-bottom{background-color:#fff;display:flex;flex-direction:column;min-height:200px;padding-inline:35px}h2{font-size:22px;margin-top:15px;color:#1d2d44;font-weight:700}.dateSpan{font-size:14px;margin-top:10px;color:#3e5c76}p{font-size:20px;line-height:1.2;margin-top:10px}.newIcon{border-radius:25px;background-color:#3e5c76;padding:12px 25px;text-align:center;font-size:16px;font-weight:700;position:absolute;top:10px;right:10px;color:#fff;z-index:10}.seeMoreBtn{background-color:transparent;width:35px;height:35px;border:1px solid transparent;position:absolute;top:200px;left:400px;cursor:pointer}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;z-index:10;display:none}.overlay.active{display:block}.expanded-card{position:fixed;top:10%;left:20%;transform:translate(-50%,-50%);width:60%;height:80%;background:#fff;border-radius:18px;z-index:20;padding:1rem;overflow-y:auto;display:none;flex-direction:column;gap:1rem;box-shadow:0 4px 15px #0000004d;transition:transform .3s ease,opacity .3s ease}.expanded-card.active{display:flex;transform:scale(1);opacity:1;justify-content:center}.expanded-card.active .expandedImg{width:auto;height:500px;object-fit:cover}.expanded-card.active h3{text-align:center}.expanded-card.active p{text-align:center;padding-inline:15px}.editBtn{display:flex;gap:5px;background-color:transparent;border:1px solid transparent;align-items:center;padding:5px;justify-content:flex-end;margin-top:45px;margin-bottom:10px}.editBtn .editImg{width:20px;height:50px}dialog{width:60%;top:10%;left:20%;height:80%;padding:40px;border:none;border-radius:10px;box-shadow:0 4px 10px #0000001a;background-color:#fff}form{background-color:#fff}dialog h4{font-size:1.5rem;font-weight:700;margin-bottom:10px;color:#333}dialog h6{font-size:.75rem;font-weight:700;margin-bottom:10px;color:#333}dialog h6 span{color:red}dialog p{font-size:.9rem;line-height:1.5;color:#555;margin-bottom:20px}form input,form textarea{width:100%;padding:10px;margin-bottom:15px;border:1px solid #dddddd;border-radius:5px;font-size:.9rem;color:#333;margin-top:8px}form textarea{height:200px;resize:none}form input:focus,form textarea:focus{outline:none;border-color:#3e5c76;box-shadow:0 0 5px #5b9bd580}form button{padding:10px 15px;margin-right:10px;border:none;border-radius:5px;font-size:.9rem;cursor:pointer}form button[type=submit]{background-color:#5b9bd5;color:#fff}form button[type=submit]:hover{background-color:#4a8ac1}form button[type=button]{background-color:#ddd;color:#333}form button[type=button]:hover{background-color:#ccc}.edit-form{width:50%;top:10%;left:10%;height:80%;padding:40px;border:none;border-radius:10px;box-shadow:0 4px 10px #0000001a;background-color:#fff;display:flex;margin-inline:auto;margin-top:25px}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background-color:#fff;border-radius:12px;box-shadow:0 4px 15px #0003;max-width:400px;width:90%;padding:20px 25px;text-align:center;animation:fadeIn .3s ease-in-out}.modal h2{margin:0;font-size:1.5rem;font-weight:700;color:#333}.modal p{margin:15px 0;font-size:1rem;color:#555;line-height:1.5}.modal-actions{margin-top:20px;display:flex;gap:10px;justify-content:center}.cancel-btn{background-color:#5b9bd5;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:1rem;cursor:pointer;transition:background-color .3s ease-in-out}.cancel-btn:hover{background-color:#4a8ac1}.confirm-btn{background-color:#f44336;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:1rem;cursor:pointer;transition:background-color .3s ease-in-out}.confirm-btn:hover{background-color:#e53935}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.blog-card{flex:1 1 100%}.header{display:block;margin-top:20px;padding-left:15px;padding-right:15px}.leftHead{padding-inline:5px}.blog-card,.blog-card:hover{transition:none;animation:none}.newBtn{transition:none;animation:none;margin-left:0}.expanded-card{position:fixed;top:10%;left:5%;width:90%;height:80%;background:#fff;border-radius:18px;z-index:20;padding:1rem;overflow-y:auto;display:none;flex-direction:column;gap:1rem;box-shadow:0 4px 15px #0000004d;transition:none;animation:none}.edit-form{width:90%;top:10%;left:5%;height:80%;padding:40px;border:none;border-radius:10px;box-shadow:0 4px 10px #0000001a;background-color:#fff;display:flex;margin-inline:auto;margin-top:25px}.modal{background-color:#fff;border-radius:12px;box-shadow:0 4px 15px #0003;max-width:400px;width:90%;padding:20px 25px;text-align:center;animation:none}dialog{width:90%;top:10%;left:5%;height:80%;padding:40px;border:none;border-radius:10px;box-shadow:0 4px 10px #0000001a;background-color:#fff}}@media (max-width: 1200px){.blog-card{flex:1 1 calc(50% - 25px)}}