* {
  margin: 0px;
  padding: 0px;
}
.A1 {
      width: 960;
      height: 285px;
      background-color: #ffffff;
      margin-left: 20px;
      margin-right: 20px;
      display: flex;
      flex-direction: column;
      overflow: hidden;
        margin-top: -330px;
        margin-bottom: 390px;
    }
    .A2 {
      height: 35px;
      width: 920;
      margin-left: 15px;
      margin-right: 15px;
      margin-top: 7px;
      padding: 4px;
      background-color: #ffffff;
      display: flex;
      align-items: center;
    }
    #a1 {
      color: black;
      font-size: 21.5px;
      font-family: '', Arial, Helvetica, sans-serif;
      font-weight: 600;
      margin: 3px;
    }
    #a11 {
      color: #16ccec;
      font-size: 18px;
      font-family: 'Times New Roman', Times, serif;
      font-weight: 100;
      margin: 3px;
    }
    .s1{
      overflow: hidden;
      display: flex; 
      position: relative;
    }
    .s2 {
      display: flex;
      transition: transform 0.5s ease;
    }
    .s1::before,
    .s1::after {
      content: "";
      position: absolute;
      top: 0;
      height: 100%;
      width: 20px;
      z-index: 9;
      pointer-events: none;
    }
    .s1::before {
      left: 0;
      background-color: #ffffff;
    }
    .s1::after {
      right: 0;
      background-color: #ffffff;
    }
    .A3 {
      height: 274.3px;
      width: 920;
      background-color: #ffffff;
      display: flex;
      justify-content: space-evenly;
      flex-shrink: 0;
    }
    .w1A {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .w1b {
      height: 200px;
      width: 210px;
      background-color: #ffffff;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
    }
    .w1c {
      height: 36px;
      width: 200px;
      background-color: #ffffff;
      color: #cc0c39;
      display: flex;
      justify-content: center;
      margin-bottom: 10px;
    }
    .w2c {
      height: 17px;
      width: 240px;
      background-color: #ffffff;
      color: black;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 15px;
    }
    p {
      font-family: Arial, Helvetica, sans-serif;
    }
    #pw {
      width: 73px;
      height: 20px;
      background-color: #cc0c39;
      color: #ffffff;
      margin-right: 4px;
      font-family: 'Times New Roman', Times, serif;
    }
    .gq {
      height: 367.3px;
      width: 150px;
      background-color: #cc0c39;
    }
    body {
      background-color: black;
    }
    .button-new {
      width: 1460px;
      height: 7px;
      border-radius: 25px;
      background-color: #ffffff;
      margin-top: -60px;  /* Thoda upar aayega */
      position: relative;
      overflow: hidden;
      display: flex;
      align-items: center;
      
    }
    .inside-button {
      position: absolute;
      display: none;
      margin-left: 40px;
      margin-right: 40px;
      top: 1px;
      left: 0;
      width: 370px; 
      height: 6px;
      background-color: #888c8c;;
       border-radius: 25px;
      transition: left 0.4s cubic-bezier(.77,0,.18,1);
    }