.icon-img{
  width:25px;
  margin-right:5px;
  margin-bottom:-4px;
}

/* - - - - - - - - - - - - - - - - */

  .new-hero {
    position: relative;
}
.the-hl-cont {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    top:0;
    right: 10%;
    width: max-content;
    color: white !important;
    padding: 10px 15px;
    border-radius: 30px;
    justify-content: center;
    gap:10px;
}
.the-hl {
  color:white !important;
    font-size: 3em !important;
    font-weight: bold;
        text-shadow: 2px 2px 4px #00000086
}

.box-btn-container {
    display: flex;
    align-content: space-between;
    justify-content: space-between;
    flex-wrap: wrap;
    gap:15px;
}

.box-btn, .box-btn:visited{
background-color: #ffffffd3;
color:#5E5F3E;
    text-align: center;
    padding: 10px 0px;
    width: 48%;
    border-radius: 100px;
      transition: 0.2s ease;
}

.box-btn:hover, .box-btn:visited:hover{
background-color: #ffffffff;
  transition: 0.2s ease;
}


.the-hl2-cont {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    top:0;
    left: 2%;
    width: 30%;
    padding: 10px 15px;
    border-radius: 30px;
    justify-content: center;
    gap:10px;
    text-align: center;
}

.the-hl2 {
  color:white !important;
    font-size: 3em !important;
    font-weight: bold;
        text-shadow: 2px 2px 4px #00000086;
        margin:0px;
        word-break: break-word;
}

.the-hl2-p{
  text-align: center;
  color:white;
  padding:0px;
  line-height: 1.3em;
}

.the-hl2-btn, .the-hl2-btn:visited{
background-color: #ffffffd3;
color:#5E5F3E;
    text-align: center;
    padding: 15px 8px;
    border-radius: 100px;
      transition: 0.2s ease;
      text-transform: uppercase;
      font-weight: 600;
}

.the-hl2-btn:hover, .the-hl2-btn:visited:hover{
background-color: #ffffffff;
  transition: 0.2s ease;
}

.the-hl3-cont {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    top:0;
    right: 10%;
    width: max-content;
    padding: 10px 15px;
    border-radius: 30px;
    justify-content: center;
    gap:10px;
}

.the-hl3 {
  color:white !important;
    font-size: 3em !important;
    font-weight: bold;
        text-shadow: 2px 2px 4px #00000086
}

.the-hl3-link, .the-hl3-link:visited{
    color:white !important;
    text-decoration: underline;
        font-style: normal;
          text-align: center;
          font-size: 1.3em;
}

.the-hl3-link:hover, .the-hl3-link:visited:hover{
    color:white !important;
    text-decoration: underline;
    font-style: italic;
}
    @media screen and (max-width: 768px) {
      .the-hl-cont{
        bottom:0;
        right:0;
        left:0;
        justify-content: flex-end;
            padding: 10px 0px 20px 0px;
      }
      .the-hl{
        font-size:2.6em !important;
      }

      .the-hl2-cont {
    bottom: 0;
    top:0;
    right: 0;
    left: 0;
    width: 90%;
    padding: 10px 0px;
    justify-content: flex-end;
    gap:5px;
    text-align: center;
}

      .the-hl3-cont{
        bottom:0;
        right:0;
        left:0;
        justify-content: flex-end;
            padding: 10px 0px 20px 0px;
      }
      .the-hl2-btn, .the-hl2-btn:visited{
        font-size: 1.2em;
    padding: 8px 4px;

}
    }
      /* - - - - - - - - - - - - - - - - - - - - - - - - */

      .usp-container {
    background: #f0efe8;
    padding: 10px 0;
    text-align: center;
    font-weight: bold;
    color: #333;
  }

  .usp-container .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .usp-container .swiper-wrapper .swiper-slide svg{
    margin-right: 10px;
  }

  .usp-container .swiper-wrapper .swiper-slide span{
    color:  #5e5f3e;
    text-transform: uppercase;
  }