.securence-floating-icons {
 position: relative;
 height: 400px;
 display: flex;
 align-items: center;
 justify-content: center;
}

.product-icon {
 display: flex;
 margin-top: 0.15rem;
 margin-bottom: 0.25rem;
 width: 60px;
 height: 60px;
 font-size: 1.25rem;
 align-items: center;
 justify-content: center;
 border-radius: 12px;
 color: white;
 filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}
.icon-1 {
 background: linear-gradient(135deg, #3498db, #2980b9);
}
.icon-2 {
 background: linear-gradient(135deg, #e74c3c, #c0392b);
}
.icon-3 {
 background: linear-gradient(135deg, #f39c12, #e67e22);
}
.icon-4 {
 background: linear-gradient(135deg, #9b59b6, #8e44ad);
}
.icon-5 {
 background: linear-gradient(135deg, #1abc9c, #16a085);
}
.icon-6 {
 background: linear-gradient(135deg, #2ecc71, #27ae60);
}
.icon-7 {
 background: linear-gradient(135deg, #e67e22, #d35400);
}
.icon-8 {
 background: linear-gradient(135deg, #34495e, #2c3e50);
}
.icon-9 {
 background: linear-gradient(135deg, #8e44ad, #9b59b6);
}
.icon-10 {
 background: linear-gradient(135deg, #16a085, #1abc9c);
}
.product-h3 {
 margin-top: 0px;
 margin-bottom: 0px;
 color: #2c3e50;
 font-size: 1.5rem;
 font-weight: 800;
}
.product-p {
 margin-top: 0px;
 margin-bottom: 1rem;
 color: #5a6c7d;
 line-height: 1.7;
}


.floating-icon {
 position: absolute;
}
.product-icon-float {
 width: 70px;
 height: 70px;
 border-radius: 18px;
 display: flex;
 align-items: center;
 justify-content: center;
 color: white;
 font-size: 1.8rem;
 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
 transition: all 0.3s ease;
 cursor: pointer;
 backdrop-filter: blur(10px);
 border: 2px solid rgba(255, 255, 255, 0.1);
}
.product-icon-float:hover {
 transform: scale(1.15);
 box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);
}

.floating-icon-1 { top: 5%; left: 10%; animation: float1 7s ease-in-out infinite; animation-delay: 0s; }
.floating-icon-1 .product-icon-float { background: linear-gradient(135deg, #3498db, #2980b9); }
.floating-icon-2 { top: 30%; left: 30%; animation: float2 9s ease-in-out infinite; animation-delay: 1s; }
.floating-icon-2 .product-icon-float { background: linear-gradient(135deg, #e74c3c, #c0392b); }
.floating-icon-3 { top: 15%; left: 60%; animation: float3 8.5s ease-in-out infinite; animation-delay: 2s; }
.floating-icon-3 .product-icon-float { background: linear-gradient(135deg, #f39c12, #e67e22); }
.floating-icon-4 { top: 35%; left: 5%; animation: float4 10s ease-in-out infinite; animation-delay: 3s; }
.floating-icon-4 .product-icon-float { background: linear-gradient(135deg, #9b59b6, #8e44ad); }
.floating-icon-5 { top: 35%; left: 70%; animation: float5 7.5s ease-in-out infinite; animation-delay: 4s; }
.floating-icon-5 .product-icon-float { background: linear-gradient(135deg, #1abc9c, #16a085); }
.floating-icon-6 { top: 65%; left: 15%; animation: float6 9.5s ease-in-out infinite; animation-delay: 1.5s; }
.floating-icon-6 .product-icon-float { background: linear-gradient(135deg, #2ecc71, #27ae60); }
.floating-icon-7 { top: 75%; left: 65%; animation: float7 8s ease-in-out infinite; animation-delay: 2.5s; }
.floating-icon-7 .product-icon-float { background: linear-gradient(135deg, #e67e22, #d35400); }
.floating-icon-8 { top: 85%; left: 35%; animation: float8 11s ease-in-out infinite; animation-delay: 3.5s; }
.floating-icon-8 .product-icon-float { background: linear-gradient(135deg, #34495e, #2c3e50); }
.floating-icon-9 { top: 5%; left: 40%; animation: float9 6.5s ease-in-out infinite; animation-delay: 4.5s; }
.floating-icon-9 .product-icon-float { background: linear-gradient(135deg, #16a085, #1abc9c); }
.floating-icon-10 { top: 55%; left: 50%; animation: float10 10.5s ease-in-out infinite; animation-delay: 1s; }
.floating-icon-10 .product-icon-float { background: linear-gradient(135deg, #3498db, #2980b9); }

 @keyframes float1 { 0%, 100% { transform: translateY(0px) translateX(0px); } 25% { transform: translateY(-15px) translateX(5px); } 50% { transform: translateY(-8px) translateX(-3px); } 75% { transform: translateY(-18px) translateX(2px); } }
 @keyframes float2 { 0%, 100% { transform: translateY(0px) translateX(0px); } 30% { transform: translateY(-12px) translateX(-4px); } 60% { transform: translateY(-22px) translateX(6px); } 80% { transform: translateY(-5px) translateX(-2px); } }
 @keyframes float3 { 0%, 100% { transform: translateY(0px) translateX(0px); } 20% { transform: translateY(-10px) translateX(3px); } 45% { transform: translateY(-25px) translateX(-5px); } 70% { transform: translateY(-14px) translateX(4px); } }
 @keyframes float4 { 0%, 100% { transform: translateY(0px) translateX(0px); } 35% { transform: translateY(-20px) translateX(-6px); } 65% { transform: translateY(-7px) translateX(8px); } 85% { transform: translateY(-16px) translateX(-3px); } }
 @keyframes float5 { 0%, 100% { transform: translateY(0px) translateX(0px); } 40% { transform: translateY(-13px) translateX(7px); } 70% { transform: translateY(-19px) translateX(-4px); } 90% { transform: translateY(-9px) translateX(5px); } }
 @keyframes float6 { 0%, 100% { transform: translateY(0px) translateX(0px); } 25% { transform: translateY(-17px) translateX(-5px); } 55% { transform: translateY(-11px) translateX(6px); } 75% { transform: translateY(-23px) translateX(-2px); } }
 @keyframes float7 { 0%, 100% { transform: translateY(0px) translateX(0px); } 30% { transform: translateY(-21px) translateX(4px); } 60% { transform: translateY(-6px) translateX(-7px); } 80% { transform: translateY(-15px) translateX(3px); } }
 @keyframes float8 { 0%, 100% { transform: translateY(0px) translateX(0px); } 20% { transform: translateY(-9px) translateX(-4px); } 50% { transform: translateY(-24px) translateX(5px); } 80% { transform: translateY(-12px) translateX(-6px); } }
 @keyframes float9 { 0%, 100% { transform: translateY(0px) translateX(0px); } 35% { transform: translateY(-16px) translateX(8px); } 65% { transform: translateY(-20px) translateX(-3px); } 85% { transform: translateY(-8px) translateX(4px); } }
 @keyframes float10 { 0%, 100% { transform: translateY(0px) translateX(0px); } 25% { transform: translateY(-14px) translateX(-6px); } 55% { transform: translateY(-18px) translateX(7px); } 75% { transform: translateY(-10px) translateX(-4px); } }


.fas {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: var(--fa-display, inline-block);
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
}
.product-icon-float A {
color: #ffffff;
}
.fa-solid, .fas {
font-family: "Font Awesome 6 Free";
font-weight: 900;
}
.fa-solid, .fas {
font-family: "Font Awesome 6 Free";
font-weight: 900;
}
.fa-envelope::before {
content: "\f0e0";
}
.fa-paper-plane::before {
content: "\f1d8";
}
.fa-shield-alt::before, .fa-shield-blank::before {
content: "\f3ed";
}
.fa-lock::before {
content: "\f023";
}
.fa-archive::before, .fa-box-archive::before {
content: "\f187";
}
.fa-rotate::before, .fa-sync-alt::before {
content: "\f2f1";
}
.fa-eye::before {
content: "\f06e";
}
.fa-server::before {
content: "\f233";
}
.fa-envelopes-bulk::before, .fa-mail-bulk::before {
content: "\f674";
}
.fa-microsoft::before {
content: "\f3ca";
}