.ai-safely {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: #2e2e2e;
  background: #fff;
  overflow-x: hidden;
}

.safety-section {
      position: relative;
      padding: 120px 0;
      overflow: hidden;
  }

@media (max-width: 991px) { .safety-section { padding: 80px 0; } }

.safety-glow {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 449px; height: 449px;
      pointer-events: none;

      border-radius: 449px;
      background: linear-gradient(316deg, #6FF7E8 -0.37%, #1F7EA1 88.88%);
      filter: blur(146px);
  }
  @media (max-width: 991px) { 
    .safety-glow {
      width: 300px; 
      height: 300px;
      filter: blur(66px);
    }
   }

   @media (max-width: 575px) { 
    .safety-glow {
      width: 200px; 
      height: 200px;
      filter: blur(40px);
      border-radius: 24px;
    }
   }
  .safety-circle {
      width: 650px; height: 650px;
      border-radius: 500px;
      background: linear-gradient(316deg, rgba(150, 198, 234, 0.60) -0.37%, rgba(181, 151, 246, 0.60) 88.88%), #FFF;
      display: flex; align-items: center; justify-content: center;
      text-align: center;
      padding: 60px;
      position: relative;
      margin: auto;
      z-index: 1;
  }

@media (max-width: 991px) {
      .safety-circle { width: 440px; height: 440px; padding: 40px; }
    }

@media (max-width: 575px) {
      .safety-circle { width: auto; height: auto; padding: 30px; border-radius: 40px; }
    }

.safety-title {
      font-family: 'Roboto Flex', sans-serif;
      font-weight: 700;
      font-size: 40px;
      line-height: 1.2;
      font-variation-settings: "GRAD" 0, "XOPQ" 96, "XTRA" 468, "YOPQ" 79,
        "YTAS" 750, "YTDE" -203, "YTFI" 738, "YTLC" 514, "YTUC" 712, "wdth" 112;
    }

@media (max-width: 991px) { .safety-title { font-size: 28px; } }

@media (max-width: 575px) { .safety-title { font-size: 22px; } }