Untitled

mail@pastecode.io avatar
unknown
plain_text
a year ago
35 kB
3
Indexable
Never
html .body {
    overflow-x: unset !important;
}

html body .blog-container {
    display: none !important;
}

html body .faqs-section {
    display: none !important;
}

/************ New Tab 2 **************/

.eg-blog-post {
    display: flex;
}

article.eg-blog {
    background: #fff;
    margin: 20px;
    border-radius: 10px;
}

article.eg-blog .blog-post-body {
    width: 85% !important;
    padding-bottom: 42px !important;
}

article.eg-blog .blog-post-figure {
    width: 85% !important;
}


article.eg-blog h2.blog-title {
    width: 100%;
    text-align: left;
    margin-left: 0 !important;
}


article.eg-blog .blog-post-body a {
    font-size: 16px;
    line-height: 0 !important;
}

article.blog.eg-blog {
    margin-top: 3rem;
    /* height: 360px; */
    padding-top: 0 !important;
}

article.blog.eg-blog>div>a img {
    padding-top: 1.5rem;
}

a.eg-new-anc {
    display: block;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 2.5px;
    text-decoration-line: underline;
    text-transform: uppercase;
    color: #177080 !important;
    cursor: pointer;
    padding-top: 30px;
}

article.eg-blog header.blog-header {
    padding-bottom: 12px;
}

article.eg-blog .blog-post {
    color: #232c2c;
}

span.eg-tab-desc {
    background: #f9f2f1;
    color: #232c2c;
    font-weight: bolder;
    font-size: 12px;
    padding: 4px 15px;
    border-radius: 6px;
    display: flex;
    margin: 20px 0;
    justify-content: flex-start;
    width: fit-content;
    letter-spacing: 0.8px;
}


.eg-tab-two {
    display: none;
}

/***************** Tab Content CSS ************************/
section.egTabHtml.eg-first {
    display: flex !important;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 35px;
}

section.egTabHtml.eg-first div {
    display: flex;
}

section.egTabHtml.eg-first p {
    flex-basis: 74%;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #232C2C;
    max-width: 700px !important;
    margin-right: 30px;
}

.eg-cta a {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 13px 32px;
    width: 261px;
    height: 42px;
    border-color: #177080;
    background: #177080;
    border-radius: 80px;
}

/****/

html body .reviews .slick-slide:not(.slick-active) {
    opacity: 1 !important;
}

html body .product-content .inner-wrapper {
    padding-bottom: 31px !important;
    margin-bottom: 36px !important;
}

html body a.button.button--primary.more-reviews {
    display: none !important;
}

html body .review-trustspot .ts-reviews-rating-options {
    display: none !important;
}

html body .review-trustspot .ts-reviews-rating-options {
    display: none !important;
}

html body .product-content a.product-title {
    color: #232C2C !important;
    margin-bottom: 10px !important;
    line-height: 1.4 !important;
}

html body section.featured-categories .awards ul li img.eg-hide {
    display: none !important;
}

html body .product-content .review {
    font-size: 16px;
    line-height: 22px;
    display: flex;
    align-items: center;
    color: #232C2C !important;
}

html body .reviews .author {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    margin-top: 15px;
    color: #232C2C;
}

html body section.reviews>h2.title:nth-child(1) {
    font-family: 'Value Serif Pro' !important;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    text-align: center;
    letter-spacing: 0.9px;
    color: #177080;
    position: relative;
}

html body .reviews h2.title::after {
    content: '';
    margin-top: 30px;
    height: 2px;
    width: 90%;
    background: #BBE0E5;
    ;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}

html body .reviews .slick-list.draggable {
    margin-top: 80px;
}

html body .reviews .product-content .inner-wrapper .review-trustspot .trustspot-inline-rating i {
    font-size: 14px;
}

html body .reviews .product-content {
    padding-left: 0 !important;
}

/******************* Reviews Section *********************/
html body a.eg-subs-link,
.eg-subs-link+abbr {
    font-weight: 300 !important;
    color: #177080 !important;
    font-family: 'HelveticaNeue' !important;
}

.subscription-container {
    background: #F5F4F2;
    padding-top: 50px !important;
    padding-bottom: 50px !important;

}

.subscription-container div.new-footer-form h2 {
    letter-spacing: 1px;
    color: #177080;
}


html body .subscription-container a.button {
    background: #177080 !important;
    border-radius: 80px;
    color: #fff !important;
}

html body .subscription-container a.button:hover {
    background-color: #189fa9 !important;
    border-color: #189fa9 !important;
}

/*********** Reviews *********/

html body section.reviews {
    background: #F5F4F2 !important;
    padding-bottom: 105px !important;
}

html body .review-slide {
    background: #ffffff !important;
}

/************ Hero section ****************/

html body .container section.featured-categories .wrapper {
    display: none !important;
}

html body div.body>div.hero-carousel-wrapper>div.stages {
    display: none !important;
}

html body div.body>div.hero-carousel-wrapper div.heroCarousel-content>h1 {
    font-family: 'Value Serif Pro' !important;
    font-style: normal;
    font-weight: 700;
    font-size: 94px;
    line-height: 97px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 1.81429px;
    color: #177080;
}

html body .heroCarousel-content.heroCarousel-content--empty {
    margin: 0 auto 0 !important;
    margin-left: 6vw !important;
}

html body .heroCarousel-content a.heroCarousel-action {
    margin-left: 0 !important;
    background: #177080 !important;
    border-radius: 80px;
    border-color: #177080 !important;
    margin-top: 30px !important;
}

html body .heroCarousel-content a.heroCarousel-action:hover {
    background-color: #189fa9 !important;
    border-color: #189fa9 !important;
}

html body .top-seller .top-seller-tabs ul li.stage-one {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

html body .top-seller .top-seller-tabs ul li.stage-three {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

/******************** Stage TAB CSS *********************/
.top-seller .top-seller-tab-content .view-more a {
    font-family: 'HelveticaNeue' !important;
    font-weight: 700 !important;
    background-color: #177080 !important;
    border-color: #177080 !important;
}

.top-seller .top-seller-tab-content .view-more a:hover {
    background-color: #189fa9 !important;
    border-color: #189fa9 !important;
}

html body .top-seller .page-heading {
    display: none !important;
}

html body .top-seller .top-seller-tabs ul li {
    background-color: #fff !important;
}

html body .top-seller .top-seller-tabs ul li:nth-child(2) {
    border-left: 1px solid #EDEBE8;
    border-right: 1px solid #EDEBE8;
}

html body .top-seller .top-seller-tabs li[class*="stage"].active {
    background: #1EBDC9 !important;
    height: max-content !important;
    border-color: #1EBDC9 !important;
}

html body .top-seller .top-seller-tabs li[class*="stage"] a {
    color: #232C2C !important;
    padding: 11px 32px !important;
    position: relative;
}

html body .top-seller .top-seller-tabs li[class*="stage"] a>span {
    font-family: 'HelveticaNeue' !important;
    line-height: 12px;
    text-align: center;
}

html body .top-seller .top-seller-tabs li[class*="stage"] a>span:nth-child(1) {
    font-weight: 500 !important;
    font-size: 10px;
    letter-spacing: 1px;
    margin-bottom: 4px !important;
}

html body .top-seller .top-seller-tabs li[class*="stage"] a>span:nth-child(2) {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
}

html body .top-seller .top-seller-tabs li[class*="stage"] a::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 14px 0 14px;
    background: transparent !important;
    bottom: 0 !important;
    transform: translateX(-50%) translateY(100%) !important;
    left: 50% !important;
    border-color: transparent transparent transparent transparent;
}

html body .top-seller .top-seller-tabs li[class*="stage"].active a::after {
    border-color: #1EBDC9 transparent transparent transparent !important;
    background: transparent !important;

}

html body .top-seller .top-seller-tabs ul {
    max-width: 1350px !important;
    width: 100%;
    border-bottom: none !important;
}

html body .onMobile li {
    background: none !important;
}

html body .mobile-selected {
    background: #1ebdc9 !important;
    color: #232C2C !important;
}

html body .top-seller .top-seller-tabs .mobile-selected::after {
    border-color: #232C2C !important;
}


.eg-right-section {
    flex: 1;
    background: #E9F8FA !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

h2.eg-header {
    font-family: 'Value Serif Pro' !important;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.9px;
    color: #177080;
    padding-bottom: 90px;
    position: relative;
}

.eg-right-section h4 {
    font-family: inherit;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #232C2C;
    margin-bottom: 10px;
}

.eg-right-section p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #232C2C;
    margin-bottom: 40px;
    font-family: Arial, sans-serif;
}

h2.eg-header::after {
    content: '';
    height: 2px;
    width: 60px;
    background: #00A9B8;
    position: absolute;
    top: 75%;
    left: 50%;
    transform: translateX(-50%);
}

.eg-cta-wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 236px;
    margin: 0 auto;
}

a.eg-blog-cta {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: center;
    padding: 13px 32px;
    border: 2px solid #177080;
    height: 42px;
    background: #177080;
    border-radius: 80px;
    color: #fff !important;
    transition: all .3s ease;
}

a.eg-blog-cta:hover {
    background-color: #189fa9 !important;
    border-color: #189fa9 !important;
}

a.faqs-link.eg-faqs {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 13px 32px;
    height: 42px;
    border: 2px solid #177080;
    border-radius: 80px;
    color: #177080;
}

/***************** Slick CTA ***************/


html body button.slick-arrow {
    top: 107% !important;
}

html body button.slick-arrow.slick-next {
    right: 48% !important;
    transform: translateX(50%);
}

html body button.slick-arrow.slick-prev {
    left: 48% !important;
    transform: translateX(-50%);
}

html body .reviews .slick-prev::before {
    background-image: url(https://img.icons8.com/ios-filled/50/177080/back.png) !important;
    height: 16px;
    width: 14px;
    background-size: 22px;
    top: -2px;
    left: -3px;
    position: relative;
    transform: rotate(0) !important;
}


html body .reviews .slick-next::before {
    background-image: url(https://img.icons8.com/ios-filled/50/177080/back.png) !important;
    height: 16px;
    width: 14px;
    background-size: 22px;
    top: -2px;
    left: -2px;
    position: relative;
    transform: rotate(180deg) !important;
}

html body .review-slide.slick-slide {
    border-radius: 10px !important;
}


button.slick-prev.slick-arrow,
button.slick-next.slick-arrow {
    background: transparent !important;
    border: 3px solid #177080 !important;
}

html body button.slick-arrow.slick-next::before {
    top: -4px !important;
    left: -2px !important;
}

html body button.slick-arrow.slick-prev::before {
    top: -4px !important;
    left: -3px !important;
}


/******** New Tabs CSS*************/
.eg-tab-wrapper-stage-2 .eg-content-stage {
    text-align: center;
    margin-right: 20px;
    display: flex !important;
    align-items: center !important;
}

#read-more,
#read-less {
    text-decoration: underline !important;
}

.eg-mg:nth-child(1),
.eg-mg:nth-child(3) {
    display: none !important;
}

section.egNewTabContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 70px 130px;
    background: rgba(30, 189, 201, 0.1);

}

.egTabTitle {
    font-family: 'Value Serif Pro';
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 48px;
    text-align: center;
    letter-spacing: 0.9px;
    color: #177080;
}

ul.eg-tab-cta-container {
    max-width: 900px;
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: row;
    position: relative;
    margin-top: 50px;
}

.eg-btn-one,
.eg-btn-two {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 24px 32px;
    cursor: pointer;
    background: #FFFFFF;
}

.eg-btn-one span,
.eg-btn-two span {
    font-size: 19px;
    color: #232C2C;
    position: relative;
    font-weight: 700;
    font-family: 'HelveticaNeue' !important;
}

.eg-active {
    background: #1EBDC9;
}

.eg-btn-one.eg-active span::after,
.eg-btn-two.eg-active span::after {
    content: '';
    position: absolute !important;
    width: 30px;
    height: 30px;
    background: #1EBDC9 !important;
    bottom: -7px !important;
    transform: translateX(-50%) translateY(100%) rotate(45deg) !important;
    left: 50% !important;
}

.eg-btn-two {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.eg-btn-one {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.egImgCont {
    width: 106px;
    height: 106px;
    background: #D9D9D9;
    border-radius: 10px;
}

img.eg-dream-image {
    height: 100%;
}

.eg-tab-wrapper {
    display: flex;
    list-style: none;
    margin-top: 50px;
    flex-wrap: wrap;
}

.eg-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 250px;
    margin-right: 35px;
}

li.eg-content span {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #232C2C;
    padding-top: 12px;
    cursor: pointer;
}

p.eg-tab-txt {
    font-style: normal;
    font-weight: 400;
    text-align: center;
    color: #232C2C;
}

.eg-icon {
    margin-top: 10px;
    cursor: pointer;
}

.eg-tab-cta-wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    margin-top: 40px;
}

ul.eg-tab-cta-container::before {
    content: '';
    height: 1px;
    width: 100%;
    background: #BBE0E5;
    position: absolute;
    top: -40%;
    left: 50%;
    transform: translateX(-50%);
}

.eg-tab-wrapper .eg-tool {
    position: relative !important;
}


ul#stage-tooltip li {
    text-align: center;
    margin-right: 20px;
}

li.eg-content-stage span {
    color: #232C2C;
    font-weight: 700;
}

p.eg-tab-txtstage {
    padding-top: 9px;
    color: #232C2C;
    margin-left: 7px !important;
    font-weight: 300 !important;
}

.eg-tab-wrapper-stage {
    display: none;
    position: absolute;
    top: calc(75% + 13px);
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    background-color: white;
    padding: 20px;
    width: max-content;
}

.eg-tab-wrapper-stage.egShow {
    display: flex;
}

ul#stage-tooltip::after {
    content: '' !important;
    width: 20px;
    height: 20px;
    background: #fff;
    position: absolute;
    top: -2%;
    left: 17.4% !important;
    transform: translateX(-50%) rotate(45deg);
}

ul#stage-tooltip-2::after {
    content: '' !important;
    width: 20px;
    height: 20px;
    background: #fff;
    position: absolute;
    top: -1%;
    left: 36.5% !important;
    transform: translateX(-50%) rotate(45deg);
}


.eg-sweddle {
    font-family: 'Value Serif Pro' !important;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.9px;
    color: #177080;
    padding-top: 30px;
}

html body .top-seller-tab-content .top-seller-tab ul+div.view-more {
    display: none !important;
}

section.top-seller .ts-reviews-rating {
    display: flex !important;
    flex-direction: column;
}

html body div.container section.top-seller div.top-seller-tab div.card-body div.trustspot-inline-simple div.ts-reviews-rating .trustspot-inline-star {
    order: 1 !important;
    padding-top: 8px !important;
    display: flex !important;
    align-items: flex-start;
    justify-content: flex-start;
}

html body div.container section.top-seller div.top-seller-tab .card .trustspot-inline-rating i {
    margin-right: 2px;
}

html body section.featured-categories {
    background: #fff !important;
}

html body section.featured-categories .awards .title {
    color: #177080 !important;
    font-family: 'Value Serif Pro' !important;
    font-size: 24px !important;
    text-transform: capitalize !important;
    font-weight: 700 !important;

}

html body .top-seller-tab-content .card-body span.card-title-1,
html body .top-seller-tab-content .card-body span.card-title-2,
html body .top-seller-tab-content .card-body span.card-title-5 {
    color: #232C2C !important;
}

html body div.container section.top-seller div.top-seller-tab>ul li>article>div.card-body div.trustspot-inline-simple div.ts-reviews-rating-options>a {
    color: #177080 !important;
    text-decoration: underline !important;
    margin-left: 0 !important;
}

html body .card .price-section {
    color: #576B6B !important;
    font-weight: 700 !important;
    font-size: 16px !important;
}

div.container section.top-seller div.top-seller-tab>ul li {
    padding-bottom: 75px !important;
}

div.container section.top-seller div.top-seller-tab>ul li>article>div.card-body div.trustspot-inline-simple {
    bottom: 73px !important;
}

p.egProducts {
    position: absolute;
    bottom: 40px !important;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 2.5px;
    text-decoration-line: underline;
    text-transform: uppercase;
    color: #177080;
    cursor: pointer;
}

.egTabAnc {
    display: none !important;
}

@media screen and (max-width: 767px) {

    li.eg-btn-two {
        display: block !important;
        padding: 18px !important;
        position: relative;
        border-radius: 8px !important;
    }

    ul.eg-tab-cta-container {
        flex-direction: column !important;
    }

    .eg-blog-post {
        display: flex;
        flex-direction: column !important;
    }

    .eg-btn-one.eg-active span::after,
    .eg-btn-two.eg-active span::after {
        display: none !important;
    }

    article.blog.eg-blog {
        margin-top: 1rem !important;
    }

    .eg-tab-wrapper-stage-2 .eg-content-stage {
        margin-bottom: 0 !important;
    }
    
    .eg-tab-wrapper-stage {
        display: none;
        position: absolute;
        top: calc(41% + 17px) !important;
        padding-bottom: 0 !important;
        max-width: 90% !important;
    }

    li.eg-content {
        display: flex !important;
        flex-direction: row !important;
        align-self: baseline !important;
    }

    .eg-steps-content {
        margin-left: 10px !important;
        text-align: left !important;
        display: flex !important;
        flex-direction: column;
        align-items: flex-start;
    }

    p.eg-tab-txt {
        text-align: left !important;
    }

    ul#stage-tooltip-2 {
        position: absolute;
        top: calc(55% + 10px) !important;
        left: 56%;
    }

    ul#stage-tooltip-2::after {
        left: 37% !important;
    }

    li.eg-content-stage {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    p.eg-tab-txtstage {
        color: #232C2C;
        padding-left: 16px;
    }

    .top-seller .slick-dots li {
        padding-left: 0 !important;
    }

    #stage-tooltip>li {
        margin-right: 0 !important;
        flex-direction: column;
    }

    #stage-tooltip>li p {
        padding-left: 0 !important;
        margin-left: 0 !important;
        margin-top: 4px !important;
    }

    .top-seller .top-seller-tabs>div {
        display: flex !important;
        flex-direction: column !important;
    }

    .top-seller .top-seller-tabs>div>span:nth-child(1) {
        font-size: 14px !important;
        margin-bottom: 8px !important;
    }

    .top-seller .top-seller-tabs>div>span>span {
        display: none !important;
    }

    html body .subscription-container div.new-footer-form h2 {
        font-size: 16px !important;
        line-height: 20px !important;
        margin-bottom: 25px !important;
    }

    html body .subscription-container a.button {
        width: 130px !important;
        font-size: 14px !important;
        line-height: 16px !important;
    }

    html body .reviews .review-trustspot {
        max-width: 260px !important;
        margin-left: auto;
        margin-right: auto;
    }

    html body .reviews .review-trustspot .trustspot-inline-rating {
        justify-content: flex-start !important;
    }

    .body .heroCarousel-image-wrapper img {
        display: none !important;
    }

    .heroCarousel-slide .heroCarousel-image,
    .heroCarousel-slide .heroCarousel-image-wrapper {
        height: 375px !important;
    }

    .heroCarousel-image-wrapper {
        background-image: url("https://cdn11.bigcommerce.com/s-xhiv8v/images/stencil/original/image-manager/2021-06-bunnyswaddle-promomobile.png?t=1622518757&_gl=1*k97zoc*_ga*NjU4OTUwODEzLjE2NTQxNDA1ODc.*_ga_WS2VZYPC6G*MTY4MDU3MjI5Ny41NzkuMS4xNjgwNTczNTc1LjMuMC4w") !important;
        background-position: 70% 33% !important;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .heroCarousel-content.heroCarousel-content--empty {
        display: none !important;
    }

    .heroCarousel-image-wrapper {
        display: flex;
        justify-content: center;
        align-items: flex-start !important;
        padding-top: 69px !important;
    }

    h2.eg-hero-heading {
        font-style: normal;
        font-weight: 700;
        font-size: 40.3175px;
        line-height: 48px;
        display: flex;
        align-items: center;
        text-align: center;
        letter-spacing: 0.907143px;
        font-family: 'Value Serif Pro' !important;
        color: #177080;
    }

    a.eg-anchor {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 10px 23px;
        width: 142px;
        height: 48px;
        background: #177080;
        border-radius: 80px;
        color: #fff;
    }

    .eg-hero-wraaper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 24px;
        background: rgba(255, 255, 255, 0.8);
        backdrop-filter: blur(2px);
        border-radius: 8px;
    }

    .eg-hero-wraaper h2 {
        margin-bottom: 24px !important;
    }

    h2.eg-header {
        padding-bottom: 70px;
        font-weight: 700;
        font-size: 24px;
        line-height: 29px;
    }

    .eg-right-section h4 {
        font-size: 16px;
        line-height: 22px;
    }

    .eg-right-section p {
        font-size: 16px;
        line-height: 22px;
    }

    .eg-cta-wrapper {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }

    .eg-right-section {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    h2.eg-header::after {
        top: 72%;
    }

    a.eg-blog-cta {
        margin-bottom: 20px;
    }

    html body .product-content a.product-title {
        max-width: 260px !important;
        font-size: 16px !important;
    }

    html body .product-content a.product-title {
        color: #232C2C !important;
        margin-bottom: 12px !important;
        margin-top: 20px !important;
    }

    html body .reviews .author {
        max-width: 260px !important;
        padding-left: 0 !important;
    }

    html body .reviews .auth-reviews img {
        max-width: 260px !important;
        margin: auto;
    }

    html body .product-content .review {
        max-width: 260px !important;
    }

    html body section.reviews>h2.title:nth-child(1) {
        font-size: 24px !important;
        line-height: 24px !important;
    }


    html body .reviews .img-wrapper {
        height: 210px !important;
        width: 240px !important;
        border-radius: 8px !important;
    }

    html body .reviews .img-wrapper img {
        position: unset !important;
        width: 240px !important;
        max-width: none;
    }

    html body .image-content {
        padding-top: 30px !important;
    }

    html body .img-wrapper img {
        object-fit: cover;
    }

    html body a.product-title {
        font-weight: 700;
        font-size: 18px;
        line-height: 22px;
        text-align: left !important;
    }

    html body .review {
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        text-align: left !important;
    }

    html body .author {
        text-align: left !important;
        padding-left: 10px;
    }

    html body .reviews h2.title {
        font-weight: 700;
        font-size: 24px;
        line-height: 29px;
        width: 320px;
        margin: auto;
    }

    html body button.slick-arrow.slick-next {
        right: 40% !important;
    }

    html body button.slick-arrow.slick-prev {
        left: 40% !important;
    }

    .eg-cta a {
        width: 200px !important;
        padding: 13px 15px !important;
    }

    html body section.featured-categories .awards,
    html body section.featured-categories .awards ul li {
        padding: 0 !important;
    }

    html body section.featured-categories .awards .title {
        margin-bottom: 30px !important;
    }

    .eg-btn-one {
        border-radius: 8px !important;
        padding: 18px 32px !important;
    }

    div.container section.top-seller div.top-seller-tab>ul li>article>div.card-body div.trustspot-inline-simple {
        bottom: 40px !important;
    }

    p.egProducts {
        font-size: 12px !important;
        bottom: 22px !important;
    }

    div.container section.top-seller div.top-seller-tab>ul li {
        padding-bottom: 40px !important;
    }

    html body ul.slick-dots {
        display: block !important;
        bottom: -10% !important;
    }

    html body .top-seller .slick-dots li button,
    .top-seller .slick-dots li button:before {
        height: 21px !important;
        width: 21px !important;
        color: #177080;
        border-color: #177080;
    }

    html body .top-seller .slick-dots li.slick-active button::before {
        background-color: #177080 !important;
    }

    .eg-sweddle.mob {
        text-align: center !important;
        display: block;
        padding-top: 18px;
        padding-bottom: 20px;
    }

    section.egTabHtml.eg-first div {
        flex-direction: column;
    }

    .eg-sweddle:not(.mob) {
        display: none !important;
    }

    section.egTabHtml.eg-first p {
        display: block;
        font-size: 14px;
    }

    a.egTabAnc {
        display: inline !important;
        color: #232c2c;
        font-weight: 100 !important;
        text-decoration: underline;
        font-family: 'HelveticaNeue' !important;
    }

    .eg-cta.eg-cta-one {
        margin-top: 20px;
        display: block !important;
    }

    .eg-cta.eg-cta-one a {
        font-size: 12px !important;
    }

    section.top-seller {
        margin-top: -80px;
        border-radius: 30px 30px 0 0;
    }

    .body>.container {
        background-color: #f9f9f8;
        border-radius: 30px 30px 0 0;
    }

    .egTabTitle {
        font-weight: 700;
        font-size: 24px;
        line-height: 29px;
        display: flex;
        align-items: center;
        text-align: center;
        letter-spacing: 0.9px;
        color: #177080;
    }

    .egTabTitle br {
        display: block !important;
    }

    ul.eg-tab-wrapper {
        flex-direction: column !important;
        justify-content: center;
        align-items: center;
        margin-top: 42px !important;
    }

    li.eg-content {
        margin-bottom: 30px;
        margin-right: unset !important;
    }

    .eg-tab-cta-wrapper {
        flex-direction: column;
        text-align: center;
        align-items: center;
        margin-top: 0;
        justify-content: center;
    }

    section.reviews {
        padding-top: 65px;
    }

    .eg-tab-wrapper-stage.egShow {
        display: flex;
        flex-direction: column;
    }

    section.egNewTabContainer {
        padding: 50px 30px;
    }

    .egTabTitle {
        font-weight: 700;
        font-size: 24px;
        line-height: 29px;
        display: flex;
        align-items: center;
        text-align: center;
        letter-spacing: 0.9px;
        color: #177080;
    }

    ul.eg-tab-wrapper {
        flex-direction: column !important;
        justify-content: center;
        align-items: center;
    }

    li.eg-content {
        margin-bottom: 30px;
        margin-right: unset !important;
    }

    .eg-tab-cta-wrapper {
        flex-direction: column !important;
        text-align: center;
        align-items: center;
        margin-top: 0;
        justify-content: center;
    }

    section.reviews {
        padding-top: 65px !important;
    }

    ul#stage-tooltip {
        flex-direction: column !important;
    }

    p.eg-tab-txtstage {
        padding-top: 5px !important;
    }

    li.eg-content-stage {
        margin-bottom: 25px !important;
    }

    ul#stage-tooltip::after {
        left: 49% !important;
    }

    .eg-btn-one span::after {
        display: none !important;
    }

    li.eg-btn-one {
        position: relative;
        text-align: left;
        justify-content: left;
    }

    li.eg-btn-one::after,
    li.eg-btn-two::after {
        content: '';
        position: absolute;
        right: 20px;
        width: 12px;
        height: 12px;
        border-right: 2px solid;
        border-bottom: 2px solid;
        border-color: #000;
        top: 50%;
        right: 15px;
        transform: translateY(-50%) rotate(45deg) !important;
    }
}

@media(min-width:1200px) {

    .heroCarousel-slide .heroCarousel-image,
    .heroCarousel-slide .heroCarousel-image-wrapper {
        height: 564px !important;
    }
}

@media(min-width:1025px) {
    .heroCarousel-content {
        top: 259px !important;
    }
}

@media screen and (min-width: 768px) {

    ul.eg-tab-wrapper>li>div:last-child {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .egNewDream {
        display: flex;
        flex-wrap: wrap;
    }

    .eg-img-dream {
        flex: 1;
    }

    .eg-right-section {
        flex: 1;
    }

    html body .reviews .img-wrapper {
        margin-right: 0 !important;
    }

    .egTabTitle br {
        display: none !important;
    }

    html body .reviews .img-wrapper {
        border-radius: 8px !important;
        width: 100%;
        height: 100%;
    }

    html body .reviews .image-content {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        margin-right: 20px !important;
        padding-left: 15px !important;
    }

    #read-more,
    #read-less {
        display: none !important;
    }


    #swaddle-text-full {
        display: inline !important;
    }

    .egMore {
        display: flex;
        flex-direction: column;
    }

    li.eg-content-stage {
        text-align: center;
    }
}

@media screen and (max-width: 1025px) {
    .eg-right-section {
        padding-top: 38px !important;
        padding-bottom: 50px !important;
    }
}

@media (min-width: 851px) and (max-width: 991px) {
    section.egNewTabContainer {
        padding: 70px 100px !important;
    }
}

@media (min-width: 767px) and (max-width: 850px) {
    section.egNewTabContainer {
        padding: 70px 30px !important;
    }

    html body button.slick-arrow.slick-prev {
        left: 47% !important;
    }

    html body button.slick-arrow.slick-next {
        right: 47% !important;
    }
}

@media (min-width: 768px) and (max-width:1025px) {
    html body .reviews .img-wrapper img {
        width: 100% !important;
    }

    img.eg-dream-image {
        height: 100%;
        object-fit: cover !important;
    }
}

article.eg-blog h2.blog-title a {
    color: #232C2C !important;
}


.eg-icon-close {
    display: none !important;
}