.main{position:relative;width:360px;height:360px}.hexagon{--s:120px;width:var(--s);height:115px;position:absolute;display:flex;align-items:center;justify-content:center;font-weight:500;background:#eee;box-shadow:0 2px 8px rgba(20,90,137,.5);-webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.hexagon img:hover{scale:1.09;transition:all .4s ease}.hexagon-key{--s:120px;width:var(--s);height:115px;position:absolute;display:flex;align-items:center;justify-content:center;font-weight:500;color:var(--primary-color)}.hexagon img{width:60px;height:60px}@media (max-width:768px){.hexagon img{width:40px;height:40px}}@media (max-width:480px){.main{height:300px;width:100%;margin-right:auto!important}.hexagon-key{--s:120px}.hexagon{--s:110px;width:var(--s);height:var(--s);position:absolute;display:flex;align-items:center;justify-content:center;font-weight:500;background:#eee;box-shadow:0 2px 8px rgba(20,90,137,.5);-webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}}@media (max-width:320px){.main{height:300px}.hexagon-key{--s:100px}.hexagon{--s:115px;width:var(--s);height:var(--s);position:absolute;display:flex;align-items:center;justify-content:center;font-weight:500;background:#eee;box-shadow:0 2px 8px rgba(20,90,137,.5);-webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}}.content-title{font-size:clamp(1.1rem,3vw,1.5rem);color:var(--primary-dark);line-height:1.3}.content-description{font-size:clamp(.9rem,2vw,1rem);color:rgba(0,0,0,.75);line-height:1.6}.check-icon{width:clamp(45px,6vw,60px);height:clamp(45px,6vw,60px);background-color:var(--primary-color);border-radius:50%;margin-top:4px}@media (max-width:480px){.content-title{font-family:var(--font-clash);font-weight:500;font-size:16px;line-height:100%;letter-spacing:0}.content-description{font-weight:400;font-size:11px;line-height:100%;letter-spacing:0}.check-icon{width:24px;height:24px}.check-icon svg{width:14px;height:14px}}.skeleton{background:linear-gradient(90deg,#e3e3e3,#dcdcdc,#e3e3e3);background-size:200% 100%;animation:skeleton-loading 1.3s linear infinite;border-radius:8px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";position:absolute;top:0;left:-150px;height:100%;width:150px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:shimmer 1.4s infinite}@keyframes shimmer{0%{left:-150px}to{left:100%}}