.height{
      margin-top: 100px !important;
}
.hprep_header{
      height: calc(100vh - 60px);
      width: 100%;
      aspect-ratio: 1/1;
      position: relative;
}
.hprep_header img{
      width: 100%;
      height: 100%;
      object-fit: cover !important;
      filter: brightness(50%);
}
.hprep_header_text{
      position: absolute;
      height: fit-content;
      bottom: 20px; left: 0; right: 0;
      display: flex;
      flex-flow: column;
      gap: 20px;
      justify-content: center;
      text-align: center;
      align-items: center;
      padding: 10px;
      margin: auto;
      width: 100%;
}
.increase_font{
      font-size: clamp(30px, 8vw, 55px);
}
.feature-benefit-item{
      display: flex;
      flex-flow: row;
      gap: 10px;
}
.feature-benefit-item i{
      color: var(--bg);
      font-size: 25px;
      padding: 10px;
      height: 25px;
      width: 25px;
      background: var(--lighter_bg_sec);
}

@media screen and (min-width : 600px) {
      .hprep_header_text{
            width: 580px;
            gap: 0px;
      }
      .responsive{
            width: 90%;
            margin: auto;
      }
      .i_{
            font-size: 22px;
      }
}
@media screen and (min-width : 800px) {
      .hprep_header_text{
            width: 750px;
      }
      
}