.results-container {
     padding: 0 0 100px;
 }
 
 .results-container .search-header {
     background: url('../images/search-bg.png');
     height: 125px;
     position: relative;
 }
 
 .results-container .search-bar {
     width: 658px;
     margin: 0 auto;
     position: absolute;
     top: 95%;
     left: 50%;
     transform: translate(-50%, -50%);
 }
 
 .results-container .search-pill {
     display: flex;
     align-items: center;
     background: #fff;
     border: 1px solid #D4D2E3;
     border-radius: 30px;
     height: 60px;
     padding: 12px 0;
     overflow: hidden;
 }
 
 .results-container .icon {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     padding: 0 12px 0 20px;
     flex: 0 0 auto;
 }
 
 .results-container .search-input {
     flex: 1 1 auto;
     border: 0;
     outline: 0;
     font-size: 18px;
     font-weight: 400;
     min-width: 0;
 }
 
 .results-container .search-input::placeholder {
     color: #BBBBBB
 }
 
 .results-container .search-input::-webkit-search-decoration,
 .results-container .search-input::-webkit-search-cancel-button,
 .results-container .search-input::-webkit-search-results-button,
 .results-container .search-input::-webkit-search-results-decoration {
     display: none;
 }
 
 .results-container .search-input[type="search"]::-moz-search-clear-button {
     display: none;
 }
 
 .results-container .search-btn {
     flex: 0 0 auto;
     border: 0;
     border-left: 1px solid #D4D2E3;
     background: #fff;
     color: var(--dark-brown);
     font-weight: 600;
     font-size: 18px;
     padding: 0 40px 0 30px;
     height: 100%;
     cursor: pointer;
 }
 
 .results-container .results {
     max-width: 1138px;
     margin: 0 auto;
 }
 
 .results-container .results-title {
     text-align: center;
     font-weight: 700;
     color: #0D0C22;
     margin: 60px 0 40px;
     font-size: 32px;
     font-family: 'Roboto', sans-serif;
 }
 
 .results-container .list {
     display: grid;
     gap: 20px;
 }
 
 .results-container .card {
     background: #fff;
     border: 1px solid #D4D2E3;
     border-radius: 30px;
     box-shadow: 0px 10px 50px 0px #0000000F;
     padding: 20px 65px 20px 27px;
 }
 
 .results-container .card-title {
     margin: 0 0 10px;
     font-weight: 600;
     color: var(--dark-brown);
     font-size: 18px;
 }
 
 .results-container .card-text {
     margin: 0;
     color: var(--text-dark);
     font-weight: 500;
     font-size: 14px;
     line-height: 110%;
 }
 
 .results-container .pagination {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 18px;
     margin: 50px 0 0px;
 }
 
 .results-container .page-btn {
     min-width: 30px;
     height: 30px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     border: 1px solid #D4D2E3;
     border-radius: 8px;
     background: #fff;
     color: var(--text-dark);
     font-weight: 600;
     font-size: 16px;
     cursor: pointer;
 }
 
 .results-container .page-btn:hover {
     background: #faf7ff;
 }
 
 .results-container .page-btn.disabled {
     opacity: 0.3
 }
 
 .results-container .page-btn.is-active {
     background: var(--primary-gold);
     color: #fff;
     border-color: transparent;
 }
 
 .results-container .page-btn.icon {
     padding: 0 8px;
     width: 30px
 }
 
 .results-container .ellipsis {
     pointer-events: none;
     padding: 0 6px;
     color: #9a95a3;
 }
 
 @media (min-width: 1025px) and (max-width: 1279px) {
     .results-container .results {
         max-width: 950px;
     }
 }
 
 @media (min-width: 768px) and (max-width: 1024px) {
     .results-container .results {
         max-width: 750px;
     }
 }
 
 @media (max-width: 767px) {
     .results-container .results {
         max-width: 90%;
     }
     .results-container .icon {
         display: none;
     }
     .results-container .search-header {
         background: unset;
         height: unset;
         padding-bottom: 60px;
     }
     .results-container .search-bar {
         width: 90%;
     }
     .results-container .search-btn {
         border-left: 0;
         border-radius: 50%;
         width: 56px;
         height: 57px;
         border: 1px solid #D4D2E3;
         padding: unset;
     }
     .results-container .search-input {
         padding-left: 25px;
     }
     .results-container .card {
         padding: 20px 25px;
     }
 }