:root{
  --round-logo-line:#d7e4f3;
  --round-logo-bg:#ffffff;
  --round-logo-soft:#f7fbff;
  --round-logo-ink:#07152d;
  --round-logo-shadow:0 18px 38px rgba(15,23,42,.10);
  --round-logo-shadow-hover:0 24px 52px rgba(15,23,42,.17);
}

.trust-box{
  border-radius:30px!important;
  border:1px solid var(--round-logo-line)!important;
  background:
    radial-gradient(circle at 8% 18%,rgba(21,94,239,.08),transparent 24%),
    radial-gradient(circle at 92% 80%,rgba(20,150,71,.08),transparent 26%),
    linear-gradient(180deg,#fff 0%,#f7fbff 100%)!important;
  box-shadow:0 18px 48px rgba(15,23,42,.09)!important;
  padding:24px!important;
  overflow:hidden!important;
}

.trust-head{
  margin-bottom:22px!important;
}

.trust-head b{
  color:#07152d!important;
  font-size:22px!important;
  font-weight:950!important;
  letter-spacing:-.04em!important;
}

.trust-head span{
  color:#17468f!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.055em!important;
}

.trust-grid{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:22px 18px!important;
  align-items:center!important;
  justify-content:flex-start!important;
}

.trust-item.round-logo-card{
  width:120px!important;
  min-height:136px!important;
  padding:10px 8px 0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
}

.round-logo-ball{
  width:92px!important;
  height:92px!important;
  border-radius:999px!important;
  border:1px solid var(--round-logo-line)!important;
  background:
    radial-gradient(circle at 34% 28%,#ffffff 0%,#ffffff 34%,#f2f7ff 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 16px 32px rgba(15,23,42,.12)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:16px!important;
  position:relative!important;
  animation:roundLogoFloat 5.8s ease-in-out infinite;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease!important;
}

.round-logo-ball::before{
  content:"";
  position:absolute;
  width:28px;
  height:10px;
  left:22px;
  top:14px;
  border-radius:999px;
  background:rgba(255,255,255,.82);
  filter:blur(.2px);
}

.round-logo-ball::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-15px;
  width:52px;
  height:12px;
  transform:translateX(-50%);
  border-radius:999px;
  background:rgba(15,23,42,.10);
  filter:blur(7px);
  animation:roundLogoShadow 5.8s ease-in-out infinite;
}

.round-logo-card:hover .round-logo-ball{
  transform:translateY(-8px) scale(1.045)!important;
  border-color:#bad0ea!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 24px 50px rgba(15,23,42,.18)!important;
}

.round-logo-ball img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:68px!important;
  max-height:54px!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:0!important;
}

.round-logo-title{
  color:var(--round-logo-ink)!important;
  font-size:14px!important;
  font-weight:950!important;
  line-height:1.12!important;
  letter-spacing:-.025em!important;
  text-align:center!important;
}

.round-logo-card:nth-child(2n) .round-logo-ball{
  animation-duration:6.6s;
  animation-delay:-1.2s;
}

.round-logo-card:nth-child(3n) .round-logo-ball{
  animation-duration:5.3s;
  animation-delay:-.7s;
}

.round-logo-card:nth-child(4n) .round-logo-ball{
  animation-duration:7.1s;
  animation-delay:-1.8s;
}

.round-logo-card:nth-child(5n) .round-logo-ball{
  animation-duration:6.1s;
  animation-delay:-2.1s;
}

.round-logo-card:nth-child(2n) .round-logo-ball::after{animation-duration:6.6s;animation-delay:-1.2s}
.round-logo-card:nth-child(3n) .round-logo-ball::after{animation-duration:5.3s;animation-delay:-.7s}
.round-logo-card:nth-child(4n) .round-logo-ball::after{animation-duration:7.1s;animation-delay:-1.8s}
.round-logo-card:nth-child(5n) .round-logo-ball::after{animation-duration:6.1s;animation-delay:-2.1s}

@keyframes roundLogoFloat{
  0%,100%{transform:translateY(0) translateX(0) rotate(0deg)}
  25%{transform:translateY(-5px) translateX(2px) rotate(.45deg)}
  50%{transform:translateY(-10px) translateX(-1px) rotate(-.35deg)}
  75%{transform:translateY(-4px) translateX(1px) rotate(.25deg)}
}

@keyframes roundLogoShadow{
  0%,100%{opacity:.72;transform:translateX(-50%) scale(1)}
  50%{opacity:.38;transform:translateX(-50%) scale(.76)}
}

@media(max-width:900px){
  .trust-grid{
    gap:18px 12px!important;
  }

  .trust-item.round-logo-card{
    width:calc(25% - 10px)!important;
    min-height:126px!important;
  }

  .round-logo-ball{
    width:82px!important;
    height:82px!important;
  }
}

@media(max-width:620px){
  .trust-head{
    flex-direction:column!important;
    align-items:flex-start!important;
  }

  .trust-item.round-logo-card{
    width:calc(33.333% - 9px)!important;
  }

  .round-logo-ball{
    width:76px!important;
    height:76px!important;
    padding:13px!important;
  }

  .round-logo-title{
    font-size:12px!important;
  }
}

@media(max-width:420px){
  .trust-item.round-logo-card{
    width:calc(50% - 8px)!important;
  }
}
