.HomeMainBanner {
    
  background-position: 50% 30%;
  background-image: url(/images/backgrounds/jobmaster_back_young03.jpg);
  background-size: cover;
}

body:has(.HomeMainBanner) .bottomItemsSave {
  
  display: none!important;
}

#HomeSearchBox {
  
  [tabindex="0"] {
  
    cursor: pointer;
  }
  
  .categories-wrapper {
      
    .searchInputWrapper {
          
      &:nth-child(1) {
        
        .FreeSearchTextPopup {
          
          inset-inline-end: calc(-100% + 200px);
          inset-inline-start: -20px;
        }
        
      }
      
      &:nth-child(2) {
        
        .FreeSearchTextPopup {
          
          inset-inline-end: calc(-100% + 200px);
          inset-inline-start: -10px;
        }
      }
      
      &:nth-child(3) {
        
        .FreeSearchTextPopup {
          
          inset-inline-end: calc(-100% + 200px);
          inset-inline-start: -10px;
         
        } 
      }
    }
  }
}


#bannerLogosAds {
  
  padding-bottom: 40px;
}

@media only screen and (max-width: 767px) {
  
  #HomeSearchBox {
    
    .categories-wrapper {
      
      .searchInputWrapper {
        
        .FreeSearchTextPopup:not(.wtf) {
          
          top: calc(100% - 20px);
          inset-inline: -1px;
          border-radius: 20px;
          border-start-end-radius: 0;
          border-start-start-radius: 0;
          padding-top: 20px;
          width: auto;
          outline: 0;
          border: 2px solid var(--colorMain);
          border-top: 0;
          z-index: 0;
        }
        
        &:nth-child(3) {
          
          border-end-end-radius: 20px;
          border-end-start-radius: 20px;
        }
      }
    }
    
    .HomeSearchBoxForm {
    
      padding: 12px
    }
    
    .HomeSearchBoxBtn {
      
      display: flex;
      justify-content: center;
      margin-top: 10px;
      position: static;
      top: calc(100% + 70px);
      inset-inline: 0;
    }
  }
}