.section3{
    background: linear-gradient(90deg,#0b1c59 ,#2da0e3);
    display: flex;
    align-items: center;
    padding:3rem 6% 3rem 0;
    color: #fff;
}
text {
    fill: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 3em;
    font-weight: bold;
    text-transform: uppercase;
    font-variant-ligatures: none;
    letter-spacing: 6px;
    animation: rotate 40s linear infinite;
    transform-origin: 250px 250px;
  }

  tspan{
    fill:#12dd1c;
  }
  
  svg{
    width: 40vmax;
    min-width: 20rem;
  }
  
  @keyframes rotate {
    to {
      transform: rotate(360deg);
    }
  }
  
  .textcircle {
    transition: transform 1s cubic-bezier(0.65, 0, 0.35, 1);
    transform-origin: 250px 250px;
  }
  
  svg:hover .textcircle {
    transform: rotate(60deg);
  }

  .info-wrapp{
    flex: 1 1 auto;
    height: 100%;
  }

  .info-wrapp h1{
    color: #fff;
    font-weight: normal;
    font-size: 3em;
  }

  .info-wrapp h2{
    color: #12dd1c;
    margin-block-start: 2.5rem;
  }


  .info-wrapp p{
    font-size: 1.1em;
    line-height: 1.5;
    text-align: justify;
    margin-block-end: 0.6rem;
  }

  p span{
    color: #12dd1c;
    font-weight: bold;
  }

  @media screen and (max-width: 768px) {
    .section3{
      background: linear-gradient(90deg,#0b1c59 ,#2da0e3);
      display: block;
      align-items: center;
      padding:3rem 6%;
      color: #fff;
    }
  }

  @media screen and (max-width: 425px) {
    .section3{
      background: linear-gradient(90deg,#0b1c59 ,#2da0e3);
      display: block;
      text-align: center !important;
    }
    .circular-text{
      display: flex;
      justify-content: center;
    }
    svg{
      width: 20vmax;
      min-width: 15rem;
    }

    .info-wrapp p{
      font-size: 1em;
      line-height: 1.5;
      text-align: center !important;
      margin-block-end: 0.6rem;
    }
  }