.eb-countdown-hmalqna.eb-cd-wrapper{ max-width:600px; transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } div.eb-countdown-hmalqna.eb-cd-wrapper{ margin-left: auto; margin-right: auto; } .eb-countdown-hmalqna.eb-cd-wrapper:hover{ } .eb-countdown-hmalqna.eb-cd-wrapper:before{ transition: background 0.5s, opacity 0.5s, filter 0.5s; } .eb-countdown-hmalqna.eb-cd-wrapper:hover:before{ } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner { display: flex; justify-content: center; flex-direction: row; } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box { position:relative; display: flex; width: 100%; transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; padding-top: 16px; padding-bottom: 16px; border-radius: 50%; border-width: 10px; border-color: #333333; border-style: solid; flex-direction: column; align-items: center; } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box:hover{ } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box span { display: block; } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box span.eb-cd-digit { font-size: 46px; line-height: 1em; color: rgba(0,0,0,0.5); } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box span.eb-cd-label { font-size: 18px; font-weight: 600; color: rgba(0,0,0,0.5); } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box + .box { margin: 0; margin-left:30px; } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box.cd-box-day{ } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box.cd-box-day:hover{ } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box.cd-box-day span.eb-cd-label{ } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box.cd-box-day span.eb-cd-digit{ } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box.cd-box-hour{ } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box.cd-box-hour:hover{ } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box.cd-box-hour span.eb-cd-label{ } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box.cd-box-hour span.eb-cd-digit{ } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box.cd-box-minute{ } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box.cd-box-minute:hover{ } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box.cd-box-minute span.eb-cd-label{ } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box.cd-box-minute span.eb-cd-digit{ } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box.cd-box-second{ } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box.cd-box-second:hover{ } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box.cd-box-second span.eb-cd-label{ } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box.cd-box-second span.eb-cd-digit{ }  @media(max-width: 1024px){ .eb-countdown-hmalqna.eb-cd-wrapper{ } .eb-countdown-hmalqna.eb-cd-wrapper:hover{ } .eb-countdown-hmalqna.eb-cd-wrapper:before{ } .eb-countdown-hmalqna.eb-cd-wrapper:hover:before{ } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box { } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box:hover{ } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box span.eb-cd-digit { } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box span.eb-cd-label { } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box + .box { } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box.cd-box-day{ } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box.cd-box-day:hover{ } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box.cd-box-hour{ } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box.cd-box-hour:hover{ } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box.cd-box-minute{ } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box.cd-box-minute:hover{ } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box.cd-box-second{ } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box.cd-box-second:hover{ } } @media(max-width: 767px){ .eb-countdown-hmalqna.eb-cd-wrapper{ } .eb-countdown-hmalqna.eb-cd-wrapper:hover{ } .eb-countdown-hmalqna.eb-cd-wrapper:before{ } .eb-countdown-hmalqna.eb-cd-wrapper:hover:before{ } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box { } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box:hover{ } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box span.eb-cd-digit { } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box span.eb-cd-label { } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box + .box { } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box.cd-box-day{ } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box.cd-box-day:hover{ } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box.cd-box-hour{ } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box.cd-box-hour:hover{ } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box.cd-box-minute{ } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box.cd-box-minute:hover{ } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box.cd-box-second{ } .eb-countdown-hmalqna.eb-cd-wrapper .eb-cd-inner .box.cd-box-second:hover{ } } .eb-counter-wrapper.eb-counter-gbti25y .eb-counter-title, .eb-counter-wrapper.eb-counter-gbti25y h4.eb-counter-number { margin: 0; padding: 0; } .eb-counter-wrapper.eb-counter-gbti25y > * { position: relative; } .eb-counter-wrapper.eb-counter-gbti25y{ text-align: center; display: flex; padding-top: 30px; padding-right: 10px; padding-left: 10px; padding-bottom: 30px; gap:20px; flex-direction: column; background-color: rgba(0,75,77,1); } .eb-counter-wrapper.eb-counter-gbti25y:hover{ background-image: radial-gradient(ellipse at 50% 50%, rgba(99,99,99,1) 100% , rgba(255,255,255,0.4) 0%); } .eb-counter-wrapper.eb-counter-gbti25y:before{ } .eb-counter-wrapper.eb-counter-gbti25y:hover:before{ } .eb-counter-wrapper.eb-counter-gbti25y .eb-counter-number{ font-size: 35px; color : rgba(255,255,255,1); } .eb-counter-wrapper.eb-counter-gbti25y .eb-counter-title{ font-size: 35px; color : rgba(255,255,255,1); }  @media(max-width: 1024px){ .eb-counter-wrapper.eb-counter-gbti25y{ } .eb-counter-wrapper.eb-counter-gbti25y:hover{ } .eb-counter-wrapper.eb-counter-gbti25y:before{ } .eb-counter-wrapper.eb-counter-gbti25y:hover:before{ } } @media(max-width: 767px){ .eb-counter-wrapper.eb-counter-gbti25y{ } .eb-counter-wrapper.eb-counter-gbti25y:hover{ } .eb-counter-wrapper.eb-counter-gbti25y:before{ } .eb-counter-wrapper.eb-counter-gbti25y:hover:before{ } }