.hero-soufi{background-image:radial-gradient(circle at top left,rgb(0 123 255 / .08),transparent 70%)}.hero-soufi h1 span{background:linear-gradient(45deg,#007bff,#6610f2);-webkit-background-clip:text;-webkit-text-fill-color:#fff0}.graphic-box{width:220px;height:220px;background:#fff;border-radius:50%;box-shadow:0 0 40px rgb(0 0 0 / .1);position:relative}.main-icon{width:100px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sub-icon{width:50px;height:50px;background:#f8f9fa;border-radius:50%;padding:10px;box-shadow:0 0 15px rgb(0 0 0 / .1);position:absolute}.sub-icon img{width:100%;height:auto}.sub-icon.top-left{top:-10px;left:-10px}.sub-icon.bottom-right{bottom:-10px;right:-10px}.floating-img{animation:float 4s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}