.circle-wrapper-inner h1{color:#21b68f!important}.circle-container{position:relative;width:100%;max-width:82em;height:45em;padding:0;border-radius:50%;list-style:none;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;margin:0 auto}.circle-container>*{position:absolute;width:16em;height:14em;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);text-align:center}.circle-title-wrapper{text-align:center;font-size:15px;color:#333!important;margin-top:0;opacity:1;transition:all .5s ease;position:relative;z-index:99;padding-top:5px}.circle-main-wrapper .placeholder{fill:#0009;background-color:#0000001a;border:1px solid rgba(0,0,0,.2)}.circle-wrapper-inner{position:relative}.circle-wrapper-inner h1{position:absolute;top:47%;left:0;right:0;margin:0 auto;text-align:center;transform:translateY(-50%);max-width:800px;font-size:30px}.circle-wrapper-inner h1 span{color:#232323!important;font-weight:400;font-size:25px}.banner-buttons{display:flex;gap:1rem;position:absolute;top:65%;left:0;right:0;margin:0 auto;max-width:max-content;z-index:99}.banner-buttons .btn{padding:10px 20px;border-radius:10px;text-decoration:none;font-weight:400}.btn-primary{background-color:#ffd814;color:#000;border:none}.btn-primary:hover{background-color:#edc709;color:#000}.btn-secondary{background-color:#ffa41c;color:#000;border:none}.btn-secondary:hover{background-color:#f3841d;color:#000}@keyframes pulseGlow{0%{box-shadow:0 0 #ffb400cc}40%{box-shadow:0 0 15px 8px #ffb40066}70%{box-shadow:0 0 30px 15px #ffb40000}to{box-shadow:0 0 #ffb40000}}.btn-primary,.btn-secondary{box-shadow:0 0 12px 4px #ffb40066;animation:pulseGlow 3s ease-in-out infinite;position:relative;z-index:1;transition:all .3s ease}.circle-container>*:nth-of-type(1){top:5%;left:50%}.circle-container>*:nth-of-type(2){top:13%;left:74%}.circle-container>*:nth-of-type(3){top:32%;left:95%}.circle-container>*:nth-of-type(4){top:70%;left:94%}.circle-container>*:nth-of-type(5){top:96%;left:74.1%}.circle-container>*:nth-of-type(6){top:100%;left:50%}.circle-container>*:nth-of-type(7){top:96%;left:25.9%}.circle-container>*:nth-of-type(8){top:70%;left:6%}.circle-container>*:nth-of-type(9){top:32%;left:5%}.circle-container>*:nth-of-type(10){top:13%;left:26%}.circle-container img{display:block;width:100%;height:100%;border-radius:90px}.circle-container img:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}@media screen and (max-width:1290px){.circle-title-wrapper{font-size:14px}}@media screen and (max-width:1120px){.circle-wrapper-inner h1{max-width:800px;font-size:20px}.circle-wrapper-inner h1 span{font-size:16px}.circle-container{max-width:63em;height:33em}.circle-container>*{width:12em;height:11em}.circle-title-wrapper{font-size:13px}}@media screen and (max-width:991px){.circle-container>*{width:8em;height:10em}.circle-wrapper-inner h1{font-size:14px}.circle-container{max-width:38em;height:27em}.banner-buttons .btn{padding:5px 18px;font-size:12px}.circle-wrapper-inner h1 span{color:#232323!important;font-weight:400;font-size:12px}}@media screen and (max-width:767px){.circle-container{height:30em}.circle-container{max-width:36em;height:23em}.circle-title-wrapper{font-size:8px;padding-top:1px}.circle-wrapper-inner h1{font-size:8px}.banner-buttons .btn{border-radius:5px}@keyframes pulseGlow{0% {box-shadow: 0 0 0 0 rgba(255,180,0,.6);} 40% {box-shadow: 0 0 8px 4px rgba(255,180,0,.3);} 70% {box-shadow: 0 0 16px 8px rgba(255,180,0,0);} 100% {box-shadow: 0 0 0 0 rgba(255,180,0,0);} .btn-primary,.btn-secondary {box-shadow: 0 0 4px 1px rgba(255,180,0,.2);}}}@media screen and (max-width:575px){.circle-title-wrapper{font-size:8px}.circle-container>*{width:5em;height:6em}.circle-container{max-width:29em;height:18em}.circle-container img{border-radius:20px}.circle-wrapper-inner h1{font-weight:500;top:42%;font-size:11.5px;line-height:15px}.circle-wrapper-inner h1 span{font-size:9px;line-height:11px;padding-top:3px}.banner-buttons .btn{padding:5px 12px;font-size:10px}.banner-buttons{gap:7px!important;top:57%}}@media screen and (max-width:435px){.circle-container img{display:block;width:95%;height:95%}.circle-title-wrapper{font-size:6px;padding:0 7px}.circle-container>*{width:5em;height:6em}.circle-container{max-width:25em;height:18em}.banner-buttons .btn{padding:4px 10px;font-size:9px}}@media screen and (max-width:390px){.circle-container{max-width:23em;height:17em}.circle-title-wrapper{font-size:7px}.circle-container>*{width:4.6em;height:5.3em}.circle-wrapper-inner h1{font-size:12px;top:48%}.banner-buttons{top:63%}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/circular-image.css.map */