.compacs-offer{background:url(//www.usadynamics.com/img/offer.webp) 50%;background-attachment:fixed;background-size:cover;height:60vh;color:#fff;margin-bottom:50px}
.compacs-offer > div{background:rgba(0,0,0,.5);width:100%;height:100%;text-align:center;justify-content:center;padding:20px;transition:.5s;gap:0}
.compacs-offer > div:hover{backdrop-filter:blur(5px)}
.compacs-offer > div h2{margin-bottom:0}
.compacs-offer div p{font-size:20px;margin-bottom:25px}
.compacs-offer > div h2{font-size:36px}
.all-buttons{display:flex;flex:row wrap;gap:20px;padding:0 1.333333% 40px;box-sizing:border-box}
.all-buttons a{flex-basis:32%;background:#ffff;padding:25px;border-radius:20px;box-shadow:0 0 30px rgba(0,0,0,.05);transition:.5s;text-decoration:none;display:flex;flex-flow:column wrap;font-size:14px}
.all-buttons a:hover,.all-buttons a.current{box-shadow:0 0 30px rgba(0,0,0,.15);background:#0095da10}
.all-buttons a .btn-text{color:#555}
.all-buttons a:not(:last-child) .btn-text{margin-top:20px}
.all-buttons a span{display:block}
.all-buttons .btn-top{display:flex;align-items:center;margin-bottom:20px;gap:10px}
.all-buttons .btn-img{width:70px;height:70px;display:block;animation:updown 2s ease-in-out infinite}
.all-buttons a:hover .btn-img,.all-buttons a.current .btn-img{animation:unset}
.all-buttons .btn-header{flex-basis:65%;font-weight:700;color:#252525}
.all-buttons a .btn-img{background-image:unset;outline:none;background-color:#f4f5f6;box-shadow:-1px -8px 5px #ffffff, -3px -8px 5px #ffffff, -8px 0px 5px #ffffff, 3px 6px 14px rgba(0,0,0,0.2);transition:.13s ease-in-out;border-radius:14px;border:2px solid #888888;padding:0}
.all-buttons a .btn-img:hover,.all-buttons a.current .btn-img{box-shadow:unset}
.all-buttons a .btn-img img{box-shadow:inset 0px -5px 0px #dddddd, 0px -5px 0px #f4f5f6;z-index:3;position:relative;padding:5px 10px 15px 10px;border-radius:14px;transition:.13s ease-in-out;filter:grayscale(1)}
.all-buttons a .btn-img:hover img,.all-buttons a.current .btn-img img{box-shadow:unset;padding:10px;filter:grayscale(0)}
.all-buttons a.btn-img:hover,.all-buttons a.btn-img.current{box-shadow:none}
.nobg-text h2{margin-bottom:10px}
@media screen and (max-width:1200px){.compacs-offer > div h2,.pum-content h2{padding:0}.compacs-offer > div{flex-wrap:wrap}.grid-container.nobg-text,.nobg-text{padding:0 10px}}
@media screen and (1200px < width < 1401px){.all-buttons .btn-img{height:65px}}
@media screen and (1024px < width < 1401px) and (768px < width < 980px){.all-buttons{gap:10px}.all-buttons a{padding:20px;font-size:13px}}
@media screen and (1024px < width < 1201px){.all-buttons a:not(:last-child) .btn-text{margin-top:15px}.all-buttons .btn-top{flex-flow:column;text-align:center;margin-bottom:10px;gap:20px}.all-buttons .btn-header{min-height:40px}}
@media screen and (max-width:1024px){.all-buttons{flex-flow:row wrap;justify-content:center}.all-buttons > a{flex-basis:31%}}
@media screen and (768px < width < 980px){.all-buttons{gap:10px}.all-buttons a{padding:20px;font-size:13px}}
@media screen and (max-width:768px){.all-buttons a:not(:last-child) .btn-text{margin-top:0}.all-buttons > a{flex-basis:48%}}
@media screen and (max-width:576px){.all-buttons{flex-flow:column;gap:10px;align-items:center}.all-buttons > a{max-width:95%}.all-buttons a:not(:last-child) .btn-text{margin-top:0}.compacs-offer > div h1{font-size:24px;font-weight:600}}
@keyframes updown{0%{transform:translateY(-7%)} 50%{transform:translateY(7%)} 100%{transform:translateY(-7%)}}