/* Hero */
.resurfacing-peel .refresh-html-column  {
    color: white;
}

.resurfacing-peel .refresh-btn, .resurfacing-peel a.refresh-btn {
    color: #000;
    background-color: #fff;
    border: 0.0625rem solid #000;
}

.resurfacing-peel .refresh-btn .arrow-right:hover, .resurfacing-peel a.refresh-btn .arrow-right:hover {
    background-image: url(../../images/svg-icons/design-refresh-2020/cta-single-arrow-white.svg);
}

.resurfacing-peel .refresh-btn:hover, .resurfacing-peel a.refresh-btn:hover {
    color: #fff;
    background-color: #000;
    border: 0.0625rem solid #fff;
}

.resurfacing-peel .refresh-btn:hover .arrow-right, .resurfacing-peel a.refresh-btn:hover .arrow-right {
    filter: none;
}

.resurfacing-peel .refresh-btn .arrow-right, .resurfacing-peel a.refresh-btn .arrow-right {
    filter: invert(100%);
}

.resurfacing-peel .refresh-html-column h1.refresh-heading {
    font-weight:  600;
}


@media (max-width: 768px) {
    .resurfacing-peel .refresh-html-column h1.refresh-heading {
        font-size: 35px;
    }

    .resurfacing-peel .refresh-2x1 .refresh-image-column {
        padding-top: 60%;
    }

    .resurfacing-peel .refresh-2x1 .refresh-html-column p.refresh-copy {
        font-size: 1rem;
    }

    .refresh-2x1 {
        padding: 0 0 3rem;
    }
}

@media (max-width: 320px) {
    .resurfacing-peel .refresh-html-column h1.refresh-heading {
        font-size: 28px;
    }

    .resurfacing-peel .refresh-2x1 .refresh-html-column p.refresh-copy {
        font-size: 0.85rem;
    }
}


@media (min-width: 769px) {
    .resurfacing-peel picture,
    .resurfacing-peel img {
        max-width: 100vw;
        right: 50%;
        position: absolute;
        object-fit: cover;
        z-index: -1;
        width: calc(100vw - var(--scrollbar-width)) !important;
        transform: translate(-50%);
        left: 50%;
        height: 100%;
    }

    .resurfacing-peel {
        height:  440px;
    }
}

/* Quickview */

.quickview:not(:focus) {
    border-color: transparent;
}

/* Features */
.jfavs-card .rch-bold {
    text-transform: capitalize !important;
}

.jfavs-card .refresh-content-on-bg {
    height: auto !important;
}

@media (min-width: 1200px) {
    .jfavs-card .refresh-caro-header-row .rch-heading {
        width: 35% !important;
    }

    .refresh-caro-module .refresh-caro-header-row h2.rch-heading .rch-bold {
        font-size: 3rem;
    }
}

/* Pagination */
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    left: auto !important;
}