/* Dedicated stylesheet for the site-wide "Our Recruiters" logo strip
   (App\Livewire\Frontend\RecruitersLogoStripComponent), included on every
   page above the footer.

   inner.css already contains equivalent rules, but inner.css is
   intentionally NOT loaded on the homepage or school pages (see
   frontend/layouts/app.blade.php). Since this component now renders on
   every page, its CSS needs to load everywhere too. This file is loaded
   unconditionally so the section looks the same regardless of page type.
   Values mirror inner.css exactly — nothing here changes the intended
   appearance. */

.testimo_sec_two.place-testimonial {
    background: var(--color-ff);
    padding: 10rem 0;
}
.testimo_sec_two .recru-title {margin-bottom: 4rem;}
.testimo_sec_two .recru-title h3 {
    font-size: var(--font-21);
    text-align: center;
    color: var(--color-23);
    line-height: var(--line-height-30);
    font-weight: 800;
}
.testimo_sec_two .recru-grid {display: grid;gap: 3rem;margin-inline: 3.6rem;}
.testimo_sec_two.place-testimonial .recru-grid,
.testimo_sec_two.place-testimonial .rec_bx_grid {display: block;}

.testimo_sec_two .inner_tabs {width: 100%;justify-content: center;margin-bottom: 5.2rem;}
.testimo_sec_two .inner_tabs .tab {
    background-color: var(--color-23);
    color: var(--color-ff);
    border-radius: 0.4rem;
    margin-right: 0.6rem;
    font-size: var(--font-18);
    font-weight: 400;
    padding: 0.6rem 1.6rem;
    transition: 0.3s ease-in-out;
}
.testimo_sec_two .inner_tabs .tab:last-child {margin-right: 0;}
.testimo_sec_two .inner_tabs .tab:hover {background-color: var(--color-17);color: #fff;}
.testimo_sec_two .inner_tabs .tab.active {background-color: var(--color-f0);color: var(--color-19);}

.grid-logo-list {display: grid;grid-template-columns: repeat(5, auto);gap: .8rem;}
.grid-logo-list figure {
    background: var(--color-f9);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 0;
}
.grid-logo-list figure img {width: 170px;mix-blend-mode: darken;height: 100px;}

.testimo_sec_two.place-testimonial .view_btn_box {margin-top: 6rem;}

@media (max-width:1799px) {
    .testimo_sec_two .recru-grid {margin-inline: 0;}
}
@media (max-width:1549px) {
    .testimo_sec_two .recru-title {margin-bottom: 3rem;}
    .testimo_sec_two.place-testimonial {padding: 8rem 0;}
}
@media (max-width:1199px) {
    .testimo_sec_two .inner_tabs {margin-bottom: 3.2rem;}
    .testimo_sec_two.place-testimonial {padding: 6rem 0;}
    .testimo_sec_two.place-testimonial .inner_tabs li {text-align: center;}
    .grid-logo-list figure img {width: 125px;height: 60px;object-fit: cover;}
}
@media (max-width:991px) {
    .testimo_sec_two {padding-top: 3rem;}
    .testimo_sec_two .recru-title {margin-bottom: 2rem;}
    .testimo_sec_two.place-testimonial {padding: 4rem 0;}
    .grid-logo-list {grid-template-columns: repeat(3, auto);}
}
@media (max-width:575px) {
    .testimo_sec_two.place-testimonial {padding: 2rem 0 6rem;}
    .grid-logo-list {grid-template-columns: repeat(2, auto);}
}