.countdown-container{display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#3d6da8,#5b8fd8);color:#fff;padding:30px 50px;border-radius:20px;box-shadow:0 10px 25px rgba(0,0,0,.3);font-size:24px;font-weight:600;width:-moz-fit-content;width:fit-content;margin:40px auto;transition:all .3s ease-in-out}.countdown-container span{margin:0 5px}.countdown-title{font-size:24px;font-weight:700;color:#3d6da8;margin-bottom:20px}.countdown-wrapper{display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px}.countdown-box{background-color:#f1f1f1;border-radius:10px;padding:20px 15px;min-width:120px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.countdown-time{font-size:54px;line-height:56px;font-weight:700;color:#3d6da8}.countdown-label{font-size:18px;color:#3d6da8;margin-top:5px}.countdown-complete{font-size:20px;color:#3d6da8;font-weight:600}@media (min-width:0px) and (max-width:767px){.countdown-time{font-size:30px;line-height:32px}.countdown-label{font-size:12px;color:#3d6da8;margin-top:2px}.countdown-box{background-color:#f1f1f1;border-radius:10px;padding:5px;min-width:60px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.countdown-container{padding:20px 10px}.countdown-wrapper{gap:5px;margin:20px auto}}@media (min-width:768px) and (max-width:991px){.countdown-time{font-size:36px;line-height:38px}.countdown-label{font-size:16px;color:#3d6da8;margin-top:2px}.countdown-box{background-color:#f1f1f1;border-radius:10px;padding:5px;min-width:80px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.countdown-container{padding:20px}.countdown-wrapper{gap:5px}}