.announcement-bar{background-color:var(--accent);padding:30px 0;text-align:center;font-size:34px;font-weight:300;font-family:var(--font-heading);color:#000}.announcement-bar a{color:#000;font-weight:700;transition:padding-left .3s ease;text-decoration:none}.announcement-bar a:hover{padding-left:10px}@media (max-width:767px){.announcement-bar{font-size:22px;padding:20px 0}}.special-feature{padding:40px 0 60px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px;gap:30px}.feature-card-wrapper{width:100%;border:1px solid var(--accent);border-radius:12px;overflow:hidden}.s-feature-box{position:relative;height:280px;overflow:hidden;background-color:var(--accent)}.s-feature-box .mask-top{width:100%;height:100%;background-color:#fff;padding:55px 20px;position:absolute;top:0;left:0;right:0;bottom:0;transition:top .3s ease-out;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:2}.s-feature-box:hover .mask-top{top:-280px}.s-feature-box .mask-top .feature-icon{font-size:48px;margin-bottom:15px;color:var(--accent)}.s-feature-box .mask-top h3{font-size:22px;margin:0;color:#333}.s-feature-box .mask-bottom{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--accent);padding:30px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;z-index:1}.s-feature-box .mask-bottom .feature-icon{font-size:30px;margin-bottom:10px;color:#fff}.s-feature-box .mask-bottom h4{font-size:16px;color:#fff;margin-bottom:10px;font-family:var(--font-heading)}.s-feature-box .mask-bottom p{font-size:13px;color:#fff;line-height:1.6;margin:0}@media (max-width:991px){.feature-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}}