@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
*{
    font-family: "Poppins", sans-serif;
    padding: 0px;
    margin: 0px ;
}
.nav-link{
    color: #4C1474 !important;
    font-size: 18px;
    font-weight: 400;
    margin-left: 30px;
}
.navbar-brand img{
            margin-left: -13px;
            margin-top: -14px;
            margin-bottom: -14px;
        }
    .set{
        background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.2)), url('./images/Image_fx 1.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 100vh;
    }
    .section{
      padding: 80px 0px 0px 0px;
    }
    .som h1{
      color: #4C1474;
      font-size: 100px;
      font-weight: 700;
    }
    .som h2{
      font-size: 50px;
      font-weight: 700;
    }
    .som p{
      width: 500px;
    }
    .som button,.car button,.eyo button{
      padding: 8px 32px;
      font-weight: 500;
      background-color: white;
      color: #4C1474;
      border: none;
      outline: none;
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .may{
      padding: 4px 35px;
      font-weight: 500;
      background-color: transparent;
      color: white;
      border: 1px dotted white;
      outline: none;
      border-radius: 10px;
    }
    .nob{
      padding: 8px 15px ;
      font-weight: 500;
      background: transparent !important;
      color: #4C1474;
      border: 1px solid #4C1474 !important;
      outline: none;
      border-radius: 10px;
    }
    .miss button{
      margin-top: 40px;
    }
    .farm,.tom button,.lol button,.amo,.miss button,.fii,.yay button,.mes,.mumu button,.ham button,.bel button{
      padding: 8px 32px;
      font-weight: 500;
      background-color: #4C1474 !important;
      color: white !important;
      border: none;
      display: flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      outline: none;
      border-radius: 10px;
    }
    .rep{
      display: flex !important;
      gap: 20px;
      align-items: center;
    }
    .make,.gaadem{
      padding: 8px 15px;
      font-weight: 500;
      background-color: #5d5d5d !important;
      color: white;
      border: none;
      outline: none;
      border-radius: 10px;
    }
    .def{
      width: 64px;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 64px;
      background-color: #e9e9e9;
      border-radius: 50%;
    }
    .call{
      color: #4C1474;
    }
    .joun{
      width: 40%;
      height: 1px;
      background-color: #290940;
    }
    .def img{
      width: 23px;
    }
    .sta{
      color: #4C1474;
    }
    .die img{
      object-fit: cover;
    }
    .lol,.don{
      width: 100%;
      background-color: #fafafa;
    }
    .roa{
      width: 50px;
      background-color: gainsboro;
      border-radius: 50%;
      height: 50px;
    }
    .roun{
      width: 100%;
      height: 1px ;
      background: black;
    }
    .roa img{
      width: 33px;
    }
    .mon{
      width: 85%;
    }
    .sug{
      width: 20px;
    }
    .idan{
      width: 100%;
      background: linear-gradient(to right, #1A0528, #3C0D5E, #290940);
    }
    .car i{
      font-size: 17px;
    }
     .car p{
      font-size: 25px;
    }
    .don h2{
      color: #4C1474;
      font-size: 50px;
    }
    .don i{
      color: gainsboro;
    }
    .min{
      width: 100%;
      background-color: white;
    }
    .tan {
      width: 100%;
      background: linear-gradient(to right, #1A0528, #3C0D5E, #290940);
    }
    .accordion-button{
      background-color: #3C0D5E !important;
      color: white;
      outline: none !important;
      border: 1px solid white !important;
    }
    .accordion-collapse{
      background-color: #3C0D5E !important;
      color: white !important;
      outline: none !important;
      border: 1px solid white !important;
    }
    .han{
      width: 40px;
    }
    .man{
      width: 10px;
    }
    .emo{
      width: 100%;
      background-color: #E8EAFF;
    }
    .emo h3,.miss h1{
      color: #4C1474;
      font-weight: 600;
    }
    .navbar-toggler svg{
      font-size: 30px;
      border: none !important;
      font-weight: bolder;
      color: #4C1474 !important;
    }
    .navbar-toggler{
      border:  none !important;
    }
    footer{
      width: 100%;
      background-color: #363636;
      margin-bottom: -16px !important;
    }
    .com{
      width: 280px;
    }
    .oro{
      width: 100%;
      background-color: #f8f8f8;
    }
    .miss span{
      font-weight: 600;
    }
    .miss p{
      line-height: 28px;
    }
    .line{
      width: 100%;
      height: 2px;
      background-color: white;
    }
    footer a{
      text-decoration: none;
      color: white;
    }
    .toms h5{
      text-decoration: underline;
      color: #4C1474;
      font-weight: 400;
    }
    .toms h1{
      line-height: 55px;
      width: 260px;
      font-weight: 600;
    }
    .toms p{
      width: 600px;
    }
    .pull,.gat{
      width: 100%;
      background-color: #fafafa;
    }
    .pull h4{
      color: #4C1474;
      font-size: 30px;
      font-weight: 490;
    }
    .gat ul li{
      font-weight: 100 !important;
    }
    .gat{
      color: #4C1474;
    }
    .gat h6{
      font-weight: 500;
      font-size: 19px;
    }
    .foo{
      font-size: 14px;
      color: #4C1474;
    }
    .bug{
      line-height: 30px;
    }
    .pull h5{
      color: #4C1474;
      font-weight: 400;
    }
    .pull i{
      color: #4C1474;
    }
    .pull p{
      word-spacing: 2px;
    }
    .pel{
      margin-bottom: 70px;
    }
    .aba {
      width: 100%;
      background:  linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.6)),url(./images/image\ 9.png);
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .pls{
      background: linear-gradient(#313031, #656262);
    }
    .aba h1{
      font-size: 80px;
    }
    .coma h1{
      width: 500px;
      line-height: 63px;
      font-size: 50px;
      font-weight: 400;
    }
    .aba p{
      width: 500px;
      line-height: 28px;
    }
    .aso{
      margin-left: 20px;
    }
    .aba button{
      padding: 8px 15px;
      font-weight: 500;
      background-color: transparent;
      border: 1px solid white;
      color: white;
      outline: none;
      border-radius: 10px;
    }
    .bel{
      width: 100%;
      background: #f9f9f9;
    }
    .bel h4{
      color: #4C1474;
      letter-spacing: 1px;
    }
    .far{
      width: 100% !important;
      background-color: #efefef;
      height: 50px;
      padding: 13px 13px 13px 20px;
      border-radius: 10px;
      outline: none;
      border: none;
    }
    .dons{
      height: 190px !important;
      resize: none !important;
    }
    .bel ::placeholder{
      color: #bebebe;
    }
    .bel label{
      font-weight: 550;
    }
    .radio-label{
      font-weight: 200 !important;
    }
  .iti {
    width: 100%; 
  }
  .for{
    width: 20px;
   background-color: red !important;
   height: 30px;
   border: 5px solid #4C1474 !important;
  }
  .eyo{
    width: 100%;
    background: linear-gradient(#4C1474, #5f1f8d);
  }
  .inu i{
    font-size: 25px;
  }
  .inu h4{
    letter-spacing: 1px;
  }
  .stan{
    width: 400px;
  }
  .mumu h1,.shara h1{
    color: #4C1474;
    letter-spacing: 1px;
  }
  .mumu input{
    width: 50px;
  }
  .shara h6{
    font-size: 20px;
  }
  .shara i{
    color: #f2a310;
    font-size: 23px;
  }
  .eru input{
    width: 100%;
    height: 50px;
    background-color: #f2f2f2;
    padding: 10px;
    border-radius: 8px;
    outline: none;
    border: none;
  }
  .shara p{
    color: #bd0000;
    font-size: 10px;
    margin-top: -12px;
    margin-left: 90px;
  }
  .mive{
    font-size: 15px !important;
  }
  .shara textarea{
    width: 100%;
    height: 170px;
    resize: none;
    background-color: #f2f2f2;
    border: none;
    outline: none;
    border-radius: 8px;
    padding: 10px;
  }
  a{
    text-decoration: none;
  }
  .offcanvas{
    width: 270px !important;
    height: 350px;
  }
  .doo{
    margin-top: -40px;
  }
  .joy{
    width: 100%;
    background-color: #fbfbfb;
  }
  .joy h1{
    color: #4C1474;
  }
  .joy p{
    letter-spacing: 1px;
    word-spacing: 4px;
  }
  .amin{
    position: relative;
  }
  .enu{
    position: absolute;
    left: -630px !important;
    margin-top: -30px;
    width: 100px;
  }
    @media (max-width: 768px) {
      .logo{
        width: 90px;
      }
      .enu{
        left: 70px !important;
        margin-top: 20px;
        width: 60px;
      }
      .enu img{
        width: 100%;
      }
      .each{
        gap: 4px !important;
      }
      .pull h5{
        font-size: 18px !important;
      }
      .navbar-nav{
        padding-top: 20px !important;
        align-items: start !important;
      }
      .set h3{
        font-size: 17px !important;
      }
      .bee{
        flex-direction: column !important;
      }
      .set h1{
        font-size: 44px ;
      }
      .som p,.mon,.aba p,.coma h1,.stan{
        width: 100%;
      }
      nav .aso{
        margin-left: 0px !important;
      }
      .aso{
        flex-direction: column !important;
      }
      .zund{
        flex-direction: column;
        align-items: center;
      }
      .coma h1{
        font-size: 30px;
      }
      .und{
        flex-direction: column !important;
      }
      .som h2{
        font-size: 44px;
      }
      .def{
        width: 54px;
        height: 54px;
        margin-top: -20px;
      }
      .aba h1{
        font-size: 55px;
      }
      .nas{
        margin-top: 30px;
      }
      .die img{
        height: 400px !important;
      }
      .com,.toms p{
      width: 100%;
    }
    .stas{
      text-align: center !important;
    }
    .pen{
      font-size: 11px;
    }
    .call{
      font-size: 14px;
      padding-top: 3px;
    }
    .caller{
      margin-top: -24px;
      font-size: 13px;
    }
    .idan h2{
      font-size: 18px;
      font-weight: 600;
    }
    .fot{
      padding-top: 10px !important;
    }
    .don h2{
      font-size: 34px;
    }
    .baby{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
    }
    }