.hero-container{justify-content:center;align-items:center;margin:50px 0;display:flex;overflow:hidden}.hero-container .card{background-color:#0000;border:none;border-radius:20px;position:relative;overflow:hidden}.card-body-img{width:100%;height:40vh;border-radius:20px!important}.hero-container .card-img{object-fit:cover;width:100%;height:100%;display:block}.hero-container .card-img-overlay{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.card-img-overlay p{color:var(--text-1,#fff);text-align:center;font-size:32px;font-style:normal;font-weight:700;line-height:normal}@media (max-width:1025px){.card-img-overlay p{font-size:18px}.card-img{height:30vh}}@media (max-width:450px){.hero-container{justify-content:center;align-items:center;margin:20px 0;display:flex;overflow:hidden}}@media (max-width:770px){.hero-container .card-img{object-fit:cover;border-radius:20px;width:100%;height:100%;display:block}}
.notification{z-index:10000;opacity:0;border-radius:8px;min-width:300px;max-width:500px;padding:16px 20px;transition:all .3s ease-in-out;animation:.3s ease-out forwards slideIn;position:fixed;top:20px;right:20px;transform:translate(400px);box-shadow:0 4px 12px #00000026}.notification-show{opacity:1;transform:translate(0)}.notification-success{color:#fff;background-color:#10b981;border-left:4px solid #059669}.notification-error{color:#fff;background-color:#ef4444;border-left:4px solid #dc2626}.notification-info{color:#fff;background-color:#3b82f6;border-left:4px solid #2563eb}.notification-content{justify-content:space-between;align-items:center;gap:12px;display:flex}.notification-message{flex:1;font-size:14px;font-weight:500;line-height:1.5}.notification-close{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:24px;line-height:1;transition:background-color .2s;display:flex}.notification-close:hover{background-color:#fff3}@keyframes slideIn{0%{opacity:0;transform:translate(400px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRTL{0%{opacity:0;transform:translate(-400px)}to{opacity:1;transform:translate(0)}}[dir=rtl] .notification{animation:.3s ease-out forwards slideInRTL;left:20px;right:auto}@media (max-width:768px){.notification{min-width:auto;max-width:calc(100% - 20px);left:10px;right:10px;transform:translateY(-100px)}.notification-show{transform:translateY(0)}[dir=rtl] .notification{left:10px;right:10px;transform:translateY(-100px)}[dir=rtl] .notification-show{transform:translateY(0)}}