.search {
  background: #201E1E;
  width: 100%;
  padding: 70px 0;
}

.search-results-wrap {
  display: flex;
  flex-direction: column;
  margin: auto;
  padding: 0 47px 60px 47px;
  max-width: 1920px;
}

.search-results-title {
  font-size: clamp(25px, 5vw, 60px);
  font-style: normal;
  font-weight: 600;
  line-height: 110%;
  color: #fff;
  margin-bottom: 50px;
}

.search-form-results {
  display: flex;
  background: transparent;
  border: 1px solid #424242;
  border-radius: 65px;
  width: 99%;
  max-width: 1920px; 
  align-items: center;
  padding: 10px;
  box-sizing: border-box;
}

.search-results-icon {
  margin-right: 10px;
}

.search-results-icon svg {
  width: 57px; 
  height: 58px; 
}

.search-form-results label {
  max-width: 100%;
  width: 100%;
}

.search-results-input {
  flex: 1;
  background: transparent;
  border: none;
  color: #fff; 
  font-size: clamp(16px, 10vw, 30px);
  outline: none; 
  padding: 0;
  width: 98%;
}

.results-search-wrap {
  margin: 80px 20px 0 20px;
   
}

.results-search-wrap {
  display: flex;
}

.results-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr); 
  gap: 20px;
  max-width: 1920px; 
}

.result-item {
  width: 100%; 
  max-width: 428px;
  box-sizing: border-box;
  height: 500px;
  transition: transform 0.3s ease-in-out; 
}

.result-item:hover {
  transform: scale(1.05);
}

.search-title-img {
  width: 100%; 
  height: 100%; 
  max-width: 428px; 
  max-height: 400px; 
  object-fit: cover;
  margin-bottom: 7px;
}

.search-title-text {
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%;
  text-transform: uppercase;
  max-width: 100%;
  min-height: 52px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal; 
}

.search-title-text:hover {
  color: var(--red, #9E2929);
  transition: .5s;
}

.result-item:hover .search-title-text {
  color: var(--red, #9E2929);
  transition: .5s;
}

.search-title-date {
  color: #fff;
  font-size: clamp(12px, 8vw, 17px);
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
  opacity: 0.5;
}

.not-found-search {
  color: #C52A2A;
  font-size: clamp(22px, 8vw, 55px);
  display: flex;
  text-align: center;
  margin: auto;
  justify-content: center;
  padding: 50px 0;
}

@media (max-width: 1600px) {
  .search-title-img {
    max-width: 91.10%;
    height: 91%;
  }
    
    
  .search-title-text {
    max-width: 84.10%;
    font-size: 20px;
    min-height: 44px;
  }
}

@media (max-width: 1440px) {
  .search-results-wrap {
    padding-left: 27px;
    padding-right: 27px;
    
  }
  .results-grid {
     grid-template-columns: repeat(3, 1fr);
  }
    
    
  .search-title-img {
    max-width: 88.06%;
    height: 88.06%;
  }
    
  .search-title-text {
    max-width: 75.06%;
    font-size: 18px;
    min-height: 40px;
  }
}

@media (max-width: 1280px) {
  .search-title-img {
    max-width: 88.76%;
    height: 88.76%;
  }
    
  .search-title-text {
    max-width: 66.76%;
    font-size: 16px;
    min-height: 35px;
  }
}

@media (max-width: 1024px) {
  .results-grid {
   grid-template-columns: repeat(2, 1fr);
  }
    

   .search-title-img {
    max-width: 100%;
    height: 100%;
  }
}

@media (max-width: 768px) {  
  .results-search-wrap {
    justify-content: center;
    margin: 80px 0 0 0;
  } 
    
  .search-results-wrap {
    padding-left: 10px;
    padding-right: 10px;
    
  }
    
  .search-form-results {
    padding: 7px 3px 3px 3px;
  }
    
  .search-results-icon svg {
    width: 42px;
    height: 40px;
  }
    
  .search-results-input {
    font-size: 16px;
  }
 
  .results-grid {
    grid-template-columns: repeat(1, 1fr);
  }
   
   .result-item {
    margin-bottom: 50px;
  }
    
  .result-item img {
    max-width: 100%;
    max-height: 95%;
  }
 
  .search-title-text {
    max-width: 100%;
  }
}

/* AUTHOR RESULTS */
.search-author-section {
  background: #201E1E;
}

.search-author-bg {
  background: #201E1E;
  width: 100%;
  padding: 70px 0;
}

.author-result-items-bg {
  background: #1A1818;
  margin: auto;
  width: 100;
} 

.author-result-items {
  background: #1A1818;
  border-bottom: 1px solid #424242;
  padding: 100px 35px;
  max-width: 1920px;
  margin: auto;
}

.author-result-wrap {
  padding: 0 35px;
  display: flex;
  justify-content: space-between;
  margin: auto;
  align-items: center;
  max-width: 1920px;
}

.author-result-wrap img {
  max-width: 100%;
  max-height: 100%;
  width: 316px;
  height: 316px;
  border-radius: 50%;
}

.author-wrap-wrap {
  display: flex;
  align-items: center;
}

.author-result-data {
  display: block;
  margin-left: 70px;
}

.author-result-text {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 123.5%;

  max-width: 555px;
}

.author-social-list {
  display: flex;
}


@media (max-width: 1024px) {
  .author-result-wrap img {
    max-width: 150px;
    max-height: 150px;
  }
    
  .author-result-text {
    font-size: 14px;
    margin-bottom: 30px;
   }
}

@media (max-width: 768px) {  
  .author-result-items {
    padding: 100px 10px;
    
   }  
  
  .author-result-items-bg {
    width: 100%;
    margin: auto;
    display: flex;
  }
    
  .author-result-wrap img {
    max-width: 90px;
    max-height: 90px;
  }  

}


@media (max-width: 649px) {
   .author-result-wrap {
      flex-direction: column;
      align-items: baseline;
    }
   
   .author-wrap-wrap {
     flex-direction: column;
     align-items: baseline;
 }
    
    
   .author-result-data {
     margin-left: 0;
    }
    
   .author-result-wrap img {
     margin-bottom: 50px;
  }  
}