/* Minification failed. Returning unminified contents.
(118,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-white'
(176,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-palegrey'
(177,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-palegrey'
(183,52): run-time error CSS1039: Token not allowed after unary operator: '-brand-white'
(187,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-pale-white'
(188,53): run-time error CSS1039: Token not allowed after unary operator: '-brand-wh'
(188,74): run-time error CSS1039: Token not allowed after unary operator: '-brand-pale-white'
(192,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-white'
(193,51): run-time error CSS1039: Token not allowed after unary operator: '-brand-white'
(196,70): run-time error CSS1039: Token not allowed after unary operator: '-brand-palegrey'
(198,57): run-time error CSS1039: Token not allowed after unary operator: '-brand-purple'
(202,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-off-black'
(214,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-purple'
(317,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-off-black'
(321,63): run-time error CSS1039: Token not allowed after unary operator: '-brand-off-black'
(326,18): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bottom'
(339,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-palegrey'
(346,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-purple'
(389,51): run-time error CSS1039: Token not allowed after unary operator: '-brand-purple'
(393,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-purple'
(394,35): run-time error CSS1039: Token not allowed after unary operator: '-brand-purple'
(431,70): run-time error CSS1039: Token not allowed after unary operator: '-brand-white'
(431,99): run-time error CSS1039: Token not allowed after unary operator: '-brand-white'
(463,36): run-time error CSS1039: Token not allowed after unary operator: '-brand-gray'
(486,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-purple'
(533,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-palegrey'
(540,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-purple'
(590,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-off-black'
(715,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-purple'
(867,39): run-time error CSS1039: Token not allowed after unary operator: '-brand-gray'
(898,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-gray'
(951,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-gray'
 */
/* ---------- UNIVERSAL ----------*/
.company-banner .banner-container .banner-header h1 {
    font-size: 1.5rem;
    font-weight: 600;
}

.company-about h2,
.company-categories h2,
.company-benefits h2,
.company-seasonal h2 {
    font-size: 1.25rem;
    font-weight: 600;
}

.contain-img {
    height: 100%;
    width: 100%;
}

.contain-img img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.cover-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.primary-btn-arrow {
    box-sizing: border-box;
    display: flex;
    gap: 0.5rem;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 0.75rem;
    width: 90%;
}

.arrow-icon {
    position: relative;
    padding: 0.5rem;
    height: 1rem;
    width: 1rem;
    transition: all .4s ease-in-out;
}

.arrow-icon::before,
.arrow-icon::after {
    content: '';
    position: absolute;
}

.arrow-icon::before {
    top: 50%;
    left: 50%;
    width: 1rem;
    height: 1rem;
    background: url('/assets/img/icons/sharp-chevarrow-wht.svg') no-repeat center;
    background-size: contain;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.arrow-icon::after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #7547a3;
    z-index: 1;
    border-radius: 0.25rem;
    transition: all .4s ease-in-out;
}

.primary-btn:hover .arrow-icon::after { background-color: #33194c; }
/* ---------- END UNIVERSAL ----------*/

/* ---------- HERO SECTION ----------*/
.company-banner { position: relative; }

.the-john-lewis-partnership .company-banner { background-position: top right -36rem!important; }

.company-banner .overlay-company {
    background-color: rgba(0,0,0,0.3);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.company-banner .banner-container {
    display: grid;
    align-content: space-between;
    gap: 1rem;
    padding: 2rem 1rem;
    position: relative;
    z-index: 1;
}

.company-banner .banner-container .banner-image {
    width: 70%;
    padding: 0.25rem;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0.25rem;
}

.company-banner .banner-container .banner-header {
    display: grid;
    gap: 0.75rem;
    padding: 1.25rem 1rem;
    background: linear-gradient(135deg, rgba(0,0,0,0.8), rgba(0,0,0,0.4));
    background-blend-mode: darken;
    border-radius: 0.25rem;
    color: var(--brand-white);
    width: fit-content;
}

.company-banner .banner-container .banner-header p { font-size: 1rem; }

.company-banner .banner-container .banner-header h1,
.company-banner .banner-container .banner-header p  { width: fit-content; }

/* ---------- END HERO SECTION ----------*/

/* ---------- ABOUT SECTION ----------*/
.company-about {
    display: grid;
    gap: 1rem;
    padding: 2rem 0;
    text-align: center;
}

.company-about .about-text {
    display: grid;
    gap: 1rem;
    padding: 0 0.75rem;
}

.company-about .about-imgs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.company-about .about-imgs .cover-img:nth-child(1) { display: none; }

.company-about .about-imgs .cover-img { height: 14.5rem; }
/* ---------- END ABOUT SECTION ----------*/

/* ---------- OUR CAREERS AREA SECTION ----------*/
.company-categories {
    padding: 2rem 0.75rem;
    text-align: center;
}

.company-categories h2 { padding-bottom: 1rem; }

.swiper-inner {
    width: 87vw;
    margin: 0 auto;
}

.swiper-categories {
    height: 31rem;
    padding: 4rem 0.5rem;
}

.swiper-categories .swiper-slide {
    box-sizing: border-box;
    display: flex;
    align-items: start;
    border-radius: 0.25rem;
    border: 1px solid var(--brand-palegrey);
    box-shadow: 0 0 8px 0 var(--brand-palegrey);
    flex-direction: column;
}

.swiper-categories .swiper-slide:nth-child(3n+1) {
    background-color: #EFEAF4;
    background-image: linear-gradient(120deg, var(--brand-white), #EFEAF4);
}

.swiper-categories .swiper-slide:nth-child(3n+2) {
    background-color: var(--brand-pale-white);
    background-image: linear-gradient(-160deg, var(--brand-wh ite), var(--brand-pale-white));
}

.swiper-categories .swiper-slide:nth-child(3n+3) {
    background-color: var(--brand-white);
    background-image: linear-gradient(90deg, var(--brand-white), rgba(255, 247, 232, 0.6));
}

.swiper-categories .swiper-slide:hover { box-shadow: 0 0 16px 0 var(--brand-palegrey); }

.swiper-categories .swiper-slide:hover h3 { color: var(--brand-purple); }

.swiper-categories .swiper-slide .swiper-card {
    box-sizing: border-box;
    color: var(--brand-off-black);
    height: 100%;
    width: 100%;
    padding: 1.5rem;
    text-align: left;
    display: grid;
    gap: 1rem;
    place-self: center;
    cursor: pointer;
}

.swiper-card:focus {
    outline: 1px solid var(--brand-purple);
    transition: outline 0.2s ease;
}

.swiper-categories .swiper-slide .swiper-card h3 {
    font-size: 1.1rem;
    font-weight: 600;
}

.swiper-categories .swiper-slide .swiper-card p { font-size: 0.989rem; }

.swiper-categories .swiper-slide .swiper-card .search-link {
    place-self: end;
    color: #6D6D6D;
    display: flex;
    gap: 0.25rem;
    position: relative;
}

.swiper-categories .swiper-slide .swiper-card .search-link::before {
    content: '';
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background: url('/assets/img/icons/search-icon-drkgry.svg') no-repeat center;
    background-size: contain;
}

.swiper-categories .swiper-slide .swiper-card .search-link::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0.125rem;
    background-color: #6D6D6D;
    bottom: -0.2rem;
    left: 0;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform .3s ease-in-out;
}

.swiper-categories .swiper-slide .swiper-card .search-link:hover::after {
    transform-origin: left;
    transform: scaleX(1);
}

.swiper-categories .swiper-btns {
    top: 2%;
    right: 0;
    position: absolute;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.swiper-categories .swiper-button-next,
.swiper-categories .swiper-button-prev {
    position: relative;
    height: 100%;
    margin-top: 0;
    height: 2rem;
    width: 2rem;
}

.swiper-categories .swiper-button-next { margin-left: 1rem; }

.swiper-categories .swiper-button-next:before,
.swiper-categories .swiper-button-prev:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1rem;
    height: 1rem;
    background: url('/assets/img/icons/sharp-chevarrow-wht.svg') no-repeat center;
    background-size: contain;
    z-index: 2;
}

.swiper-categories .swiper-button-next:before { transform: translate(-50%, -50%); }

.swiper-categories .swiper-button-prev:before { transform: translate(-50%, -50%) scaleX(-1); }

.swiper-categories .swiper-button-next:after,
.swiper-categories .swiper-button-prev:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #7547a3;
    z-index: 1;
    border-radius: 0.25rem;
    transition: all .4s ease-in-out;
}

.swiper-categories .swiper-button-next:hover::after,
.swiper-categories .swiper-button-prev:hover::after { background-color: #33194c; }

.swiper-categories .swiper-button-next:focus::after,
.swiper-categories .swiper-button-prev:focus::after {
    background-color: #33194c;
    outline: 2px solid var(--brand-off-black);
}

.swiper-categories .swiper-button-next .sr-only,
.swiper-categories .swiper-button-prev .sr-only { color: var(--brand-off-black); } 

.swiper-categories .swiper-horizontal > .swiper-pagination-bullets,
.swiper-categories .swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-categories .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 1rem);
    box-sizing: border-box;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 0.75rem;
}

.swiper-categories .swiper-pagination-bullet {
    margin: 0 0;
    width: 1rem;
    height: 1rem;
    opacity: 1;
    background-color: var(--brand-palegrey);
    transition: all .4s ease-in-out;
}

.swiper-categories .swiper-pagination-bullet:hover,
.swiper-categories .swiper-pagination-bullet-active {
    opacity: 1;
    background-color: var(--brand-purple);
}

.company-categories-footer {
    padding: 1.5rem 0;
    display: grid;
    gap: 1rem;
    justify-items: center;
    text-align: center;
}

.company-categories-footer .header-title {
    font-size: 1.1rem;
    font-weight: 600;
}
/* ---------- END OUR CAREERS AREA SECTION ----------*/

/* ---------- COMPANY BENEFITS SECTION ----------*/
.company-benefits {
    padding: 2rem 0;
    text-align: center;
}

.company-benefits h2 { padding: 0 0.75rem; }

.company-benefits .tab {
    padding: 1.25rem 0.75rem;
    display: grid;
    text-align: left;
    gap: 0.5rem;
}

.company-benefits .tab button {
    text-align: left;
    width: fit-content;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 200;
    color: #6D6D6D;
    transition: all 0.4s ease-in-out;
    padding: 0.5rem 0.25rem 0.25rem;
}

.company-benefits .tab button:hover { color: var(--brand-purple) }

.company-benefits .tab button.active,
.company-benefits .tab button:focus {
    color: var(--brand-purple);
    border-bottom: 1px solid var(--brand-purple);
}

.company-benefits .benefits-tab {
    display: none;
    animation: fadeEffect 1.5s;
    position: relative;
}

.company-benefits .benefits-tab .benefits-tab-img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 12rem;
    overflow: hidden;
}

.company-benefits .benefits-tab .benefits-tab-text {
    padding: 1rem 0.75rem;
    display: grid;
    gap: 1rem;
}

.company-benefits .benefits-tab .benefits-tab-text h3 {
    font-size: 1.1rem;
    font-weight: 600;
}

@keyframes fadeEffect {
    from { opacity: 0; }

    to { opacity: 1; }
}
/* ---------- END COMPANY BENEFITS SECTION ----------*/

/* ---------- COMPANY CASE STUDIES SECTION ----------*/
.company-case-study { background-image: linear-gradient(120deg, var(--brand-white), #F6F1F8, var(--brand-white)); }

.company-case-study .case-study-container { padding: 2rem 0; }

.case-study-container h2 {
    text-align: center;
    padding-bottom: 1rem;
}

.case-study-swiper {
    width: 85vw;
    margin: 0 auto;
    overflow: hidden;
}

.case-study-swiper .swiper-slide { display: flex; }

.case-study-swiper .swiper-slide article {
    box-sizing:border-box;
    width: 100%;
    display: grid;
    gap: 1rem;
    padding: 1rem 0.5rem 2rem;
}

.case-study-swiper .swiper-slide .image-container { 
    height: 12rem; 
    border-radius: 0.5rem;    
}

.case-study-swiper .swiper-slide .image-container img {
    border-radius: 0.5rem;
    box-shadow: 0 0 0.75rem 0 var(--brand-gray);
}

.case-study-swiper .swiper-slide .main-text {
    position: relative;
    padding: 0.75rem 0 0 0.75rem;
    display: grid;
    gap: 1rem;
}

.case-study-swiper .swiper-slide .main-text::before {
    content: '';
    position: absolute;
    display: inline-block;
    height: 2.5rem;
    width: 2.5rem;
    top: -0.25rem;
    left: 0;
    background: url('/assets/img/icons/blockquotes-lgtpur.svg') no-repeat;
    z-index: -1;
}

.case-study-swiper .swiper-slide .main-text .main-link-arrow {
    color: var(--brand-purple);
    width: fit-content;
    display: flex;
}

.case-study-swiper .swiper-slide .main-text .main-link-arrow::after {
    content: '';
    display: block;
    cursor: pointer;
    height: 0.75rem;
    width: 0.75rem;
    transition: all 0.4s ease-out;
    margin-left: 0.75rem;
    background: url('/assets/img/icons/arrow-pur.svg') no-repeat;
    place-self: center;
}

.case-study-swiper .swiper-slide .footer-text {
    display: grid;
    gap: 0.5rem;
}

.case-study-swiper .swiper-slide .footer-text p { font-weight: 500; }

.case-study-swiper .controls {
    display: flex;
    justify-content: space-between;
    justify-self: center;
    align-items: center;
    gap: 0.5rem;
}

.case-study-swiper .review-pagination { text-align: center; }

.case-study-swiper .swiper-horizontal>.swiper-pagination-bullets, 
.case-study-swiper .swiper-pagination-bullets.swiper-pagination-horizontal, 
.case-study-swiper .swiper-pagination-custom, .swiper-pagination-fraction { 
    display: flex;
    justify-content: center;
    gap: 1.25rem;
}

.case-study-swiper .swiper-pagination-bullet {
    margin: 0 0;
    width: 0.5rem;
    height: 0.5rem;
    opacity: 1;
    background-color: var(--brand-palegrey);
    transition: all .4s ease-in-out;
}

.case-study-swiper .swiper-pagination-bullet:hover,
.case-study-swiper .swiper-pagination-bullet-active { 
    opacity: 1;
    background-color: var(--brand-purple); 
}

.case-study-swiper .review-button-next,
.case-study-swiper .review-button-prev { 
    position: relative;
    height: 2rem;
    width: 3rem;  
    cursor: pointer;
}

.case-study-swiper .swiper-button-disabled { opacity: 0.3; }

.case-study-swiper .review-button-next:before,
.case-study-swiper .review-button-prev:before {  
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;  
    width: 1rem;
    height: 1rem;
    background: url('/assets/img/icons/sharp-chevarrow-wht.svg') no-repeat center;
    background-size: contain;
    z-index: 2;
}

.case-study-swiper .review-button-next:before { transform: translate(-50%, -50%); }

.case-study-swiper .review-button-prev:before { transform: translate(-50%, -50%) scaleX(-1); }

.case-study-swiper .review-button-next:after,
.case-study-swiper .review-button-prev:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0; 
    width: 100%;
    height: 100%;
    background-color: #7547a3;
    z-index: 1;
    border-radius: 0.25rem;
    transition: all .4s ease-in-out;
} 

.case-study-swiper .review-button-next:hover::after,
.case-study-swiper .review-button-prev:hover::after { background-color: #33194c; }

.case-study-swiper .swiper-button-next:focus::after,
.case-study-swiper .swiper-button-prev:focus::after {
    background-color: #33194c;
    outline: 2px solid var(--brand-off-black);
}
/* ---------- END COMPANY CASE STUDIES SECTION ----------*/

/* ---------- SEASONAL SECTION ----------*/
.company-seasonal {
    display: grid;
    gap: 1rem;
    text-align: center;
    padding: 2rem 0;
}

.company-seasonal h2 {
    order: 1;
    padding: 0 0.75rem;
}

.company-seasonal .seasonal-text {
    padding: 0 0.75rem;
    display: grid;
    gap: 0.75rem;
    order: 3;
}

.company-seasonal .seasonal-text h3 {
    font-size: 1.1rem;
    font-weight: 600;
}

.company-seasonal .seasonal-text .primary-btn-arrow { margin: 1.5rem auto 0; }

.company-seasonal .image-container { order: 2; }

.company-seasonal .image-container {
    height: 20rem;
    width: 100%;
}
/* ---------- END SEASONAL SECTION ----------*/

/* ---------- SOCIAL AND QUOTE SECTION ----------*/
.company-social-quote {
    transform: scaleX(-1);
    background-position: top left !important;
}

.the-john-lewis-partnership .company-social-quote { background-position: top right -37rem !important; }

.company-social-quote .overlay-company {
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.company-social-quote .social-quote-container {
    display: grid;
    padding: 2rem 1rem;
    transform: scaleX(-1);
}

.social-quote-container .social-quote-inner {
    display: grid;
    align-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1rem;
    background: linear-gradient(135deg, rgba(246, 241, 248, 0.8), rgba(255, 255, 255, 0.8));
    border-radius: 0.25rem;
}

.social-quote-container .social-quote-image {
    width: 70%;
    margin: 0 auto;
}
/* ---------- QUOTE SECTION ----------*/

.company-social-quote .company-quote blockquote {
    margin: 0 0;
    font-size: 1.5rem;
    text-align: center;
}

.company-social-quote .company-quote blockquote::after,
.company-social-quote .company-quote blockquote::before {
    content: '';
    display: inline-block;
    height: 2rem;
    width: 2rem;
    background: url('/assets/img/icons/blockquotes-blk.svg') no-repeat;
}

.company-social-quote .company-quote blockquote::after { transform: scaleX(-1); }
/* ---------- END QUOTE SECTION ----------*/

.social-quote-header {
    display: grid;
    gap: 1rem;
    text-align: center;
}

.social-quote-header .header-title {
    font-size: 1.1rem;
    font-weight: 600;
}
/* ---------- CONNECT SECTION ----------*/

.company-social-quote .social-links {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem 1rem;
    justify-content: space-between;
    justify-self: center;
    padding: 1rem 0;
}

.company-social-quote .social-links li { place-self: center; }

.company-social-quote .social-links li .img-container {
    width: 2rem;
    height: 2rem;
    padding: 0.5rem;
}

.company-social-quote .social-links li .img-container .main-link-hv:focus {
    outline: 1px solid var(--brand-purple);
    transition: outline 0.2s ease;
    border-radius: 0.05rem;
    outline-offset: 2px;
}

.company-social-quote .social-links li .img-container img { cursor: pointer; }

.company-social-quote .company-quote blockquote {
    margin: 0 0;
    font-size: 1.5rem;
    text-align: center;
}
/* ---------- END SOCIAL AND QUOTE SECTION ----------*/

/* ---------- END MAIN RESULTS PAGE SECTION ---------- */

/* ---------- END COMPANY SPECIFICS ---------- */
.the-john-lewis-partnership .company-banner .banner-container .banner-image,
.bupa .company-banner .banner-container .banner-image,
.ey .company-banner .banner-container .banner-image,
.turtle-bay .company-banner .banner-container .banner-image,
.touchpoint .company-banner .banner-container .banner-image,
.foodplus .company-banner .banner-container .banner-image,
.compass-technology .company-banner .banner-container .banner-image,
.compass-digital .company-banner .banner-container .banner-image,
.e15-group .company-banner .banner-container .banner-image,
.healthcare-digital .company-banner .banner-container .banner-image,
.holland-america .company-banner .banner-container .banner-image,
.strategic-dining-services .company-banner .banner-container .banner-image { background-color: initial; }

.ey .social-quote-container .social-quote-image {
    padding: 0.25rem;
    background: linear-gradient(135deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.8));
    border-radius: 0.25rem;
}

.the-john-lewis-partnership .company-banner .banner-container .banner-image,
.the-john-lewis-partnership .social-quote-container .social-quote-image { width: 12.5rem; }

/* ---------- END COMPANY SPECIFICS ---------- */
@media only screen and (min-width: 28rem) {
    .the-john-lewis-partnership .company-banner { background-position: top right -29rem !important; }

    .company-banner .banner-container .banner-image {
        width: 17.5rem;
        height: fit-content;
    }

    .company-banner .primary-btn-arrow { width: 17.5rem;  }

    .swiper-inner { width: 90vw; }

    .company-about .about-text,
    .company-benefits h2,
    .company-seasonal h2,
    .company-seasonal .seasonal-text { padding: 0 1rem; }

    .company-categories-footer .primary-btn-arrow { width: 14rem; }

    .company-benefits .tab { padding: 1.25rem 0.75rem; }

    .company-benefits .benefits-tab .benefits-tab-img { height: 15rem; }

    .company-benefits .benefits-tab .benefits-tab-text { padding: 1rem 1rem; }

    .company-seasonal .seasonal-text .primary-btn-arrow { width: 16rem; }

    .company-social-quote .social-quote-container {
        width: 24rem;
        margin: 0 auto;
    }

    .social-quote-container .social-quote-image { width: 17.5rem; }

    .the-john-lewis-partnership .company-banner .banner-container .banner-image,
    .the-john-lewis-partnership .social-quote-container .social-quote-image { width: 12.5rem; }

    .social-quote-header { padding-top: 1rem; }

    .company-social-quote .social-links { justify-content: center; }

    .eurest .company-banner .banner-container .banner-image,
    .eurest .social-quote-container .social-quote-image,
    .bupa .company-banner .banner-container .banner-image,
    .bupa .social-quote-container .social-quote-image { width: 10.5rem; }
}

@media only screen and (min-width: 34rem) {

    .swiper-categories { height: 24rem; }
    
}

@media only screen and (min-width: 52.5rem) {

    .the-john-lewis-partnership .company-banner { background-position: center !important; }

    .company-banner .banner-container { padding: 2rem 2rem; }

    .company-banner .primary-btn-arrow { gap: 2rem; }

    .company-about .about-text { padding: 0 2rem; }

    .company-about .about-imgs .cover-img:nth-child(1) { display: block; }

    .company-about .about-imgs { grid-template-columns: repeat(3, 1fr); }

    .swiper-categories { height: 30rem; }

    .company-benefits .tab {
        display: flex;
        justify-content: space-between;
        gap: 0.75rem;
        padding: 1.25rem 1rem;
    }

    .company-benefits .benefits-tab .benefits-tab-img { height: 15rem; }

    .company-seasonal .seasonal-text { padding: 1rem 2rem; }

    .company-seasonal .seasonal-text .primary-btn-arrow {  justify-content: space-between;  }

    .the-john-lewis-partnership .company-social-quote { background-position: top right -33rem !important;     }

    .company-social-quote .social-quote-container {
        width: 34rem;
        margin: 0 auto;
    }

    .social-quote-container .social-quote-image { width: 15rem; }

    .company-social-quote .social-links { padding: 1rem 0; }
}

@media only screen and (min-width: 65rem) {

    .company-about {
        grid-template-columns: 30rem 1fr;
        padding: 2rem 2rem;
    }

    .company-about .about-text {
        padding: 0 0;
        text-align: left;
        align-self: flex-start;
    }

    .company-about .about-imgs { gap: 1rem; }

    .company-about .about-imgs .cover-img {
        border-radius: 0.25rem;
        box-shadow: 0 0 0.5rem 0 var(--brand-gray);
    }

    .company-about .about-imgs img { border-radius: 0.25rem; }

    .swiper-horizontal > .swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom, .swiper-pagination-fraction {  justify-content: end; }

    .company-benefits {
        padding: 2rem 2rem;
        text-align: left;
    }

    .company-benefits h2 { padding: 0 0; }

    .company-benefits .tab {
        justify-content: start;
        gap: 0.75rem;
        padding: 1.25rem 0;
    }

    .company-benefits .benefits-tab {
        grid-template-columns: 30rem 1fr;
        gap: 2rem;
    }

    .company-benefits .benefits-tab .benefits-tab-img {
        order: 2;
        height: 26rem;
        border-radius: 0.5rem;
        box-shadow: 0 0 0.75rem 0 var(--brand-gray);
    }

    .company-benefits .benefits-tab .benefits-tab-img img { border-radius: 0.5rem; }

    .company-benefits .benefits-tab .benefits-tab-text {
        align-self: flex-start;
        padding: 0 0;
    }
    
    .company-case-study .case-study-container { padding: 2rem 2rem; }
    
    .case-study-container h2 { padding-bottom: 2rem; }
    
    .case-study-swiper .swiper-slide article { 
        grid-template-columns: repeat(2, 1fr); 
        padding: 1rem 1rem 2rem;
    }
    
    .case-study-swiper .swiper-slide .image-container { 
        height: 32rem; 
        width: 85%;
    }
    
    .case-study-swiper .swiper-slide .main-text { align-self: flex-start; }
    
    .case-study-swiper .swiper-slide .footer-text {
        grid-column: 2;
        align-self: flex-end;
    }
    
    .case-study-swiper .swiper-slide .image-container { grid-row: 1 / span 2; }
    
    .case-study-swiper .controls { justify-self: flex-end; }  

    .company-seasonal {
        grid-template-columns: 1fr 34rem;
        grid-template-rows: auto 1fr;
        gap: 1.5rem 2rem;
        text-align: left;
        padding: 2rem 2rem;
    }

    .company-seasonal h2,
    .company-seasonal .seasonal-text {
        grid-column: 2;
        padding: 0 0;
        align-self: flex-start;
    }

    .company-seasonal .image-container {
        grid-row: 1 / span 2;
        border-radius: 0.5rem;
        box-shadow: 0 0 0.75rem 0 var(--brand-gray);
        height: 32rem;
    }

    .company-seasonal .image-container img { border-radius: 0.5rem;  }
}

@media only screen and (min-width: 80rem) {

    .company-banner .banner-container,
    .company-about,
    .company-categories,
    .company-benefits,
    .company-case-study .case-study-container,
    .company-seasonal {
        width: 70rem;
        margin: 0 auto;
        padding: 3rem 0;
    }

    .swiper-inner,
    .case-study-swiper { width: initial; }

    .company-social-quote { background-position: center !important; }
    
    .the-john-lewis-partnership .company-social-quote { background-position: center !important; }

    .bupa .company-social-quote { background-size: 175%!important; }

    .company-social-quote .social-quote-container {
        width: 70rem;
        padding: 3rem 0;
        justify-content: end;
    }

    .social-quote-container .company-quote,
    .social-quote-container .social-quote-header { width: 30rem; }

    .social-quote-container .social-links {
        width: 30rem;
        gap: 0.75rem;
    }
}

@media only screen and (min-width: 100rem) {

    .company-banner .banner-container,
    .company-about,
    .company-categories,
    .company-benefits,
    .company-case-study .case-study-container,
    .company-seasonal,
    .company-social-quote .social-quote-container { width: 85rem; }

}

