.sh-nhh--white:before {
   width: 105vw !important;
   background-color: #F8F9FA !important;
   background-image: url('../images/home-hero-bg-white.webp') !important;
   background-position: center !important;
   background-repeat: no-repeat !important;
   background-size: cover !important;
}

.sh-nhh--white .sh-nhh-title {
   color: #111 !important;
}

.sh-nhh--white .sh-nhh-text {
   color: #111 !important;
   width: 752px !important;
   max-width: 100% !important;
}

.sh-nhh--white .sh-nhh-search-container input {
   border: 1px solid #EDF1F3 !important;
   box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.09) !important;
   font-weight: 400 !important;
}

.sh-nhh--white .sh-nhh-search-container input::placeholder {
   color: #777 !important;
   font-weight: 400 !important;
}

.sh-nhh--white .search-results-container:after {
   background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC40NDA2IDE2LjExOThDMTMuMDA0IDE3LjI5NTMgMTEuMTY3NyAxOC4wMDA2IDkuMTY2NjUgMTguMDAwNkM0LjU2NDI3IDE4LjAwMDYgMC44MzMzMTMgMTQuMjY5NiAwLjgzMzMxMyA5LjY2NzMyQzAuODMzMzEzIDUuMDY0OTQgNC41NjQyNyAxLjMzMzk4IDkuMTY2NjUgMS4zMzM5OEMxMy43NjkgMS4zMzM5OCAxNy41IDUuMDY0OTQgMTcuNSA5LjY2NzMyQzE3LjUgMTEuNjY4NCAxNi43OTQ2IDEzLjUwNDcgMTUuNjE5MSAxNC45NDEzTDE4LjkyMjYgMTguMjQ0N0MxOS4yNDggMTguNTcwMSAxOS4yNDggMTkuMDk3OCAxOC45MjI2IDE5LjQyMzJDMTguNTk3MSAxOS43NDg2IDE4LjA2OTUgMTkuNzQ4NiAxNy43NDQgMTkuNDIzMkwxNC40NDA2IDE2LjExOThaTTE1LjgzMzMgOS42NjczMkMxNS44MzMzIDEzLjM0OTIgMTIuODQ4NiAxNi4zMzQgOS4xNjY2NSAxNi4zMzRDNS40ODQ3NSAxNi4zMzQgMi40OTk5OCAxMy4zNDkyIDIuNDk5OTggOS42NjczMkMyLjQ5OTk4IDUuOTg1NDIgNS40ODQ3NSAzLjAwMDY1IDkuMTY2NjUgMy4wMDA2NUMxMi44NDg2IDMuMDAwNjUgMTUuODMzMyA1Ljk4NTQyIDE1LjgzMzMgOS42NjczMloiIGZpbGw9IiMxMTExMTEiLz4KPC9zdmc+Cg==");
}

.sh-nhh--white .sh-nhh-wrapper .sh-nhh-bottom {
   margin-top: 26px ;
}

.sh-nhh--white .sh-nhh-bottom-title {
   color: #111 !important;
}

.sh-nhh--white .sh-nhh-list-logo{
   margin-left: -16px;
   margin-right: -16px;
}

.sh-nhh--white .sh-nhh-logo-item {
   margin-left: 16px;
   margin-right: 16px;
}

.sh-nhh--white .sh-nhh-logo-item img {
   height: 47px;
}

.sh-nhh--white .sh-nhh-right-sub-title p {
   color: #111 !important;
}

.sh-nhh--white .sh-nhh-right-sub-title:before,
.sh-nhh--white .sh-nhh-right-sub-title:after {
   background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwIiBoZWlnaHQ9IjEiIHZpZXdCb3g9IjAgMCAxMjAgMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMC41SDEyMCIgc3Ryb2tlPSJ1cmwoI3BhaW50MF9yYWRpYWxfMTE0MF8yMTI4OCkiLz4KPGRlZnM+CjxyYWRpYWxHcmFkaWVudCBpZD0icGFpbnQwX3JhZGlhbF8xMTQwXzIxMjg4IiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDEyMCAwLjQ5NDQ5Mykgcm90YXRlKDE3OS43NjEpIHNjYWxlKDEyMC4wMDEgOTI0MTUuNCkiPgo8c3RvcCBvZmZzZXQ9IjAuMDAwMSIgc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMCIvPgo8c3RvcCBvZmZzZXQ9IjAuNDc4NzUzIiBzdG9wLWNvbG9yPSIjMTYxOTIyIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMCIvPgo8L3JhZGlhbEdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=");
}

.sh-nhh--white .sh-nhh-right-casino-item {
   border-radius: 10px;
   background: linear-gradient(268deg, #000 -24.99%, #222837 122.13%);
   margin-bottom: 16px;
   min-height: 81px;
   padding-left: 137px;
}

.sh-nhh--white .sh-nhh-right-casino-item:last-child {
   margin-bottom: 0px;
}

.sh-nhh--white .sh-nhh-right-casino-item:before {
   display: none;
}

.sh-nhh--white .sh-nhh-right-casino-item-bonus {
   color: #F8FAFE;
}

.sh-nhh--white .sh-nhh-right-casino-item-btn {
   width: 102px;
   min-width: 102px;
}

.sh-nhh--white .sh-nhh-right-casino-item-image {
   top: 8px;
   left: 12px;
   height: 65px;
}

.sh-nhh--white {
   margin-top: 0 !important;
}

@media screen and (max-width: 1300px) {
   .sh-nhh--white {
      margin-top: -65px !important;
   }
}

@media screen and (max-width: 1200px) {
   .sh-nhh--white {
      margin-top: 75px !important;
   }
   .logged-in .sh-nhh--white {
      margin-top: 0px !important;
   }
   .main-header--with-no-bonus-casino .sh-nhh--white {
      margin-top: 0px !important;
   }
}

@media screen and (max-width: 1024px) {
   .sh-nhh--white,
   .logged-in .sh-nhh--white {
      margin-top: 85px !important;
   }

   .main-header--with-no-bonus-casino .sh-nhh--white {
      margin-top: -30px !important;
   }

}
@media screen and (max-width: 767px) {
   .sh-nhh--white,
   .logged-in .sh-nhh--white {
      margin-top: 60px !important;
   }

   .main-header--with-no-bonus-casino .sh-nhh--white {
      margin-top: -20px !important;
   }

   .sh-nhh--white .sh-nhh-right-casino-item {
      padding-left: 75px;
   }
   
   .sh-nhh--white .sh-nhh-right-casino-item-image {
      top: 0px;
      left: 0px;
      height: 100%;
   }

   .sh-nhh-wrapper .sh-nhh-bottom {
      padding-top: 24px;
   }

   .sh-nhh--white .sh-nhh-right-casino-item-bonus {
      font-size: 10px;
   }

   .sh-nhh--white .sh-nhh-text {
      text-align: center;
      margin-bottom: 0;
   }

   .sh-nhh--white .sh-nhh-wrapper .sh-nhh-bottom {
      margin-top: 0;
   }

   .sh-nhh--white .sh-nhh-bottom-title {
      display: none;
   }

   .sh-nhh--white .sh-nhh-logo-item img {
      height: 22px;
   }

   .sh-nhh--white .sh-nhh-logo-item {
      margin-left: 6px;
      margin-right: 6px;
   }

   .sh-nhh--white .sh-nhh-list-logo{ 
      margin-left: -6px;
      margin-right: -6px;
   }

   .sh-nhh--white:before {
      background-position: center !important;
      background-repeat: no-repeat !important;
      background-size: cover !important;
   }

   .sh-nhh.sh-nhh--white {
      padding-bottom: 28px !important;
   }

   .sh-nhh--white .sh-nhh-right-casino-item {
      min-height: 60px;
      margin-bottom: 8px;
   }

   
}

@media screen and (max-width: 500px) {
   .sh-nhh--white,
   .logged-in .sh-nhh--white {
      margin-top: 64px !important;
  }

  .main-header--with-no-bonus-casino .sh-nhh--white {
   margin-top: -30px !important;
  }
}