.about-dot-key{background:linear-gradient(313.05deg,#ffa9d0 22.8%,#ffac2a 83.07%);margin:10px;padding:10px;border-radius:20px;overflow:hidden}.about-dot-key .about-dot-key__inner{display:flex;flex-direction:column;width:100%}.about-dot-key .about-dot-key__heading{width:300px;margin:0 auto;font-family:Poppins-Bold,Helvetica Neue,Arial,sans-serif;font-size:20px;font-weight:700;line-height:29px;text-align:center;color:#fff;text-transform:uppercase}.about-dot-key .about-dot-key__underline{width:55%;margin:0 auto 16px}.about-dot-key .about-dot-key__boxes{position:relative;display:flex;flex-direction:row;align-items:stretch;gap:30px;min-height:220px;padding:10px 2%}.about-dot-key .about-dot-key__body{padding:0 8px 15px;margin-top:16px;font-family:Poppins-SemiBold,Helvetica Neue,Arial,sans-serif;font-size:22px;font-weight:600;line-height:34px;text-align:center;color:#fff}.about-dot-key .about-dot-key__body strong{font-size:27px;text-transform:uppercase}.about-dot-key .about-dot-key__dot-box{position:relative;flex:1;z-index:1;min-height:190px;padding:11px;background:#ff6700;border-radius:10px;transform:rotate(355deg)}.about-dot-key .about-dot-key__and-gif{position:absolute;left:50%;top:50%;z-index:2;width:clamp(55px,18%,72px);aspect-ratio:1;background:#fff;border-radius:50%;overflow:hidden;transform:translate(-50%,-50%) rotate(256deg)}.about-dot-key .about-dot-key__key-box{position:relative;flex:1;z-index:1;min-height:190px;padding:25px 10px 10px;background:#ff6aae;border-radius:10px;transform:rotate(2.94deg)}.about-dot-key .about-dot-key__box-content{display:flex;flex-direction:column;gap:5px;padding:0 5px}.about-dot-key .about-dot-key__dot-box .about-dot-key__box-content{transform:rotate(365deg)}.about-dot-key .about-dot-key__key-box .about-dot-key__box-content{transform:rotate(-3deg)}.about-dot-key .about-dot-key__box-text{font-family:Poppins-Regular,Helvetica Neue,Arial,sans-serif;font-size:clamp(13px,4.5vw,17px);font-weight:400;line-height:1.5;text-align:center;color:#000}.about-dot-key .about-dot-key__box-highlight{display:block;font-family:Poppins-Bold,Helvetica Neue,Arial,sans-serif;font-size:clamp(30px,10vw,44px);font-weight:700;line-height:1.1;text-align:center;color:#fff;text-transform:uppercase}@media(min-width:768px){.about-dot-key{margin:16px 40px;border-radius:40px}.about-dot-key .about-dot-key__heading{width:auto;max-width:580px}.about-dot-key .about-dot-key__boxes{gap:60px;max-width:545px;min-height:220px;margin:0 auto;padding:16px 4%}.about-dot-key .about-dot-key__dot-box{min-height:200px;transform:rotate(3.81deg)}.about-dot-key .about-dot-key__and-gif{width:52px;background:none;border-radius:0;overflow:visible;transform:translate(-50%,-50%) rotate(46deg)}.about-dot-key .about-dot-key__key-box{min-height:200px;transform:rotate(-4.06deg)}.about-dot-key .about-dot-key__dot-box .about-dot-key__box-content{transform:rotate(355deg)}.about-dot-key .about-dot-key__key-box .about-dot-key__box-content{transform:rotate(5deg)}.about-dot-key .about-dot-key__box-text{font-size:17px;line-height:28px}.about-dot-key .about-dot-key__box-highlight{font-size:44px;line-height:48px}}@media(min-width:1024px){.about-dot-key{margin:16px 90px}.about-dot-key .about-dot-key__inner{display:grid;grid-template-areas:"boxes text-col" "boxes body";grid-template-columns:minmax(0,510px) 1fr;column-gap:3rem;max-width:925px;margin:0 auto}.about-dot-key .about-dot-key__text-col{grid-area:text-col}.about-dot-key .about-dot-key__heading{max-width:none;margin:10px 0 0;font-size:20px;line-height:29px;text-align:left}.about-dot-key .about-dot-key__underline{width:90%;margin:0 40px 40px 0}.about-dot-key .about-dot-key__boxes{grid-area:boxes;align-self:center;gap:75px;max-width:none;min-height:200px;margin:0;padding:20px 10px}.about-dot-key .about-dot-key__body{grid-area:body;padding:0;margin-top:0;text-align:left}.about-dot-key .about-dot-key__dot-box{min-height:170px;padding:18px 15px 12px;transform:rotate(3.81deg)}.about-dot-key .about-dot-key__and-gif{width:clamp(45px,13%,58px)}.about-dot-key .about-dot-key__key-box{min-height:170px;padding:18px 15px 12px;transform:rotate(-4.06deg)}.about-dot-key .about-dot-key__box-highlight{font-size:48px;line-height:50px}.about-dot-key .about-dot-key__box-text{font-size:17px;line-height:28px}.about-dot-key .about-dot-key__dot-box .about-dot-key__box-content{transform:rotate(355deg)}.about-dot-key .about-dot-key__key-box .about-dot-key__box-content{transform:rotate(5deg)}}
/*# sourceMappingURL=/cdn/shop/t/2264/assets/about-dot-key-stylesheet.css.map */