*{
    font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  }
.i1{
  color:#ed1c94;
}
.button-71 {
  background-color: #ed1c94;
  border: 0;
  border-radius: 56px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif;
  font-size: 18px;
  font-weight: 600;
  outline: 0;
  padding: 16px 21px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: all .3s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-71:before {
  background-color: initial;
  background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);
  border-radius: 125px;
  content: "";
  height: 50%;
  left: 4%;
  opacity: .5;
  position: absolute;
  top: 0;
  transition: all .3s;
  width: 92%;
}

.button-71:hover {
    background-color: #6d0eb1;
  box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px;
  transform: scale(1.05);
}

@media (min-width: 768px) {
  .button-71 {
    padding: 16px 48px;
  }
}

.button-72 {
    background-color: #6d0eb1;
    border: 0;
    border-radius: 56px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif;
    font-size: 18px;
    font-weight: 600;
    outline: 0;
    padding: 16px 21px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: all .3s;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
  }
  
  .button-72:before {
    background-color: initial;
    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);
    border-radius: 125px;
    content: "";
    height: 50%;
    left: 4%;
    opacity: .5;
    position: absolute;
    top: 0;
    transition: all .3s;
    width: 92%;
  }
  
  .button-72:hover {
      background-color: #6d0eb1;
    box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px;
    transform: scale(1.05);
  }
  
  @media (min-width: 768px) {
    .button-71 {
      padding: 16px 48px;
    }
  }
    .button-73 {
      background-color: white;  
      border: 2px solid rgb(169, 167, 167);
      border-radius: 56px;
      color: #440371;
      cursor: pointer;
      display: inline-block;
      font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif;
      font-size: 18px;
      font-weight: 600;
      outline: 0;
      padding: 16px 21px;
      position: relative;
      text-align: center;
      text-decoration: none;
      transition: all .3s;
      user-select: none;
      -webkit-user-select: none;
      touch-action: manipulation;
    }
    
    .button-73:before {
      background-color: initial;
      background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);
      border-radius: 125px;
      content: "";
      height: 50%;
      left: 4%;
      opacity: .5;
      position: absolute;
      top: 0;
      transition: all .3s;
      width: 92%;
    }
    
    .button-73:hover {
        background-color: #6d0eb1;
        color:white;
      box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px;
      transform: scale(1.05);
    }
    
    @media (min-width: 768px) {
      .button-73 {
        padding: 16px 48px;
      }
    }
/* wave */
    .geeks {
        padding: 150px;
        text-align: center;
    }

    section {
        width: 100%;
        min-height: 100px;
    }

    .pattern {
        position: relative;
        background: rgb(2,0,36);
        background: linear-gradient(90deg, #6d0eb1 0%, #440371 90%, rgb(6, 6, 123) 100%);"
     
    }

    .pattern:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 200px;
        background: url(
https://media.geeksforgeeks.org/wp-content/uploads/20200326181026/wave3.png);
        background-size: cover;
        background-repeat: no-repeat;
    }


    /* tab */
    .tabContainer{
      width: 100%;
      height: 100%;
    }
    .tabContainer .buttonContainer{
      height: 15%;
    }
    .tabContainer .buttonContainer button{
      width: 33.33%;
      height: 100%;
      float: left;
      border: none;
      outline:none;
      cursor: pointer;
      padding: 10px;
      background-color: transparent;
      border-bottom: 2px solid rgb(223, 216, 216);
      font-size: 20px;
      color:black;
    }
    .tabContainer .buttonContainer button:hover{
      border-bottom: 2px solid #440371;
      color:#440371;
    }
    .tabContainer .tabPanel{
      height: 85%;
      
      color:#440371;
      text-align: center;
      padding-top: 105px;
      box-sizing: border-box;
      font-family: sans-serif;
      font-size: 15px;
      display: none;
    }


    /* text */
    h3{
      background: -webkit-linear-gradient(#440371, #ed1c94);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .bttn{
      width:40%;
      height:55px;
      color:white;
      background-color: transparent;
      border: 2px solid white;
      border-radius: 30px;
    }
    .bttn:hover{
background-color: #ed1c94;
    }
    
    .rotate {
      animation: rotation 9s infinite linear;
    }
    
    @keyframes rotation {
      from {
        transform: rotate(0deg);
      }
      to {
        transform: rotate(359deg);
      }
    }