.recruiter-logo-carousel { position: relative; }

.recruiter-logo-carousel .container { position: relative; }

@media (max-width: 767px) { .recruiter-logo-carousel .container { margin: 0px; } }

@media (max-width: 991px) { .recruiter-logo-carousel .container .recruiter-logo-carousel-title { padding-left: 20px; } }

@media (min-width: 992px) and (max-width: 1199px) { .recruiter-logo-carousel .container .recruiter-logo-carousel-title { padding-left: 0; } }

@media (min-width: 768px) and (max-width: 991px) { .recruiter-logo-carousel .container .recruiter-logo-carousel-title { padding-left: 0; } }

.recruiter-logo-carousel .container .recruiter-logo-carousel-title h2 em { color: #C88C32; }

@media (min-width: 992px) { .recruiter-logo-carousel .container .recruiter-logo-carousel-title h2 { margin-top: 12px; max-width: 872px; } }

@media (max-width: 991px) { .recruiter-logo-carousel .container .recruiter-logo-carousel-title h2 { margin-top: 0.25rem; } }

.recruiter-logo-carousel .recruiter-logo-carousel-list { display: -webkit-box; overflow-x: scroll; overflow-y: hidden; padding-left: 20px; min-height: 180px; margin-top: 32px; }

.recruiter-logo-carousel .recruiter-logo-carousel-list.multi-row-list { display: grid; grid-gap: 16px; padding: 20px; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); grid-auto-flow: column; grid-auto-columns: minmax(160px, 1fr); grid-template-rows: repeat(3, 57px); white-space: normal; grid-row-gap: 24px; }

@media (min-width: 1200px) { .recruiter-logo-carousel .recruiter-logo-carousel-list.multi-row-list { padding: 20px 0; } }

@media (max-width: 767px) { .recruiter-logo-carousel .recruiter-logo-carousel-list.multi-row-list { padding: 30px 20px; } }

@media (min-width: 992px) and (max-width: 1199px) { .recruiter-logo-carousel .recruiter-logo-carousel-list.multi-row-list { grid-gap: 36px; } }

@media (max-width: 991px) { .recruiter-logo-carousel .recruiter-logo-carousel-list.multi-row-list { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); grid-auto-columns: minmax(140px, 1fr); } }

.recruiter-logo-carousel .recruiter-logo-carousel-list::-webkit-scrollbar { display: none; }

@media (min-width: 992px) { .recruiter-logo-carousel .recruiter-logo-carousel-list { padding-left: 71px; min-height: 9.5rem; margin-top: 60px; } }

.recruiter-logo-carousel .recruiter-logo-carousel-list .recruiter-logo-carousel-list-item { display: flex; align-items: center; flex-direction: column; justify-content: center; margin-bottom: 58px; }

.recruiter-logo-carousel .recruiter-logo-carousel-list .recruiter-logo-carousel-list-item .image-wrapper { margin-top: 58px; }

@media (min-width: 992px) { .recruiter-logo-carousel .recruiter-logo-carousel-list .recruiter-logo-carousel-list-item { margin-right: 60px; } }

@media (max-width: 991px) { .recruiter-logo-carousel .recruiter-logo-carousel-list .recruiter-logo-carousel-list-item { margin-right: 44px; } }

.recruiter-logo-carousel .company-logos-carousel-button { position: absolute; right: 0; bottom: 0; background: #C88C32; display: none; }

.recruiter-logo-carousel .company-logos-carousel-button span { width: 20px !important; height: 20px !important; background-size: cover; vertical-align: bottom; }

@media (min-width: 992px) { .recruiter-logo-carousel .company-logos-carousel-button { display: block; }
  .recruiter-logo-carousel .company-logos-carousel-button .left-button { background: #F4E8D6 !important; }
  .recruiter-logo-carousel .company-logos-carousel-button .left-button span { transform: rotate(180deg); margin-left: 0; }
  .recruiter-logo-carousel .company-logos-carousel-button .left-button.active { background: #C88C32 !important; }
  .recruiter-logo-carousel .company-logos-carousel-button .right-button span { margin-left: 0; }
  .recruiter-logo-carousel .company-logos-carousel-button .right-button.non-active { background: #F4E8D6 !important; } }
