:root {
    --max-width: 1100px;
    --border-radius: 12px;
    --font-mono: ui-monospace,Menlo,Monaco,"Cascadia Mono","Segoe UI Mono","Roboto Mono","Oxygen Mono","Ubuntu Monospace","Source Code Pro","Fira Mono","Droid Sans Mono","Courier New",monospace;
    --foreground-rgb: 0,0,0;
    --background-start-rgb: 214,219,220;
    --background-end-rgb: 255,255,255;
    --primary-glow: conic-gradient(from 180deg at 50% 50%,#16abff33 0deg,#0885ff33 55deg,#54d6ff33 120deg,#0071ff33 160deg,transparent 360deg);
    --secondary-glow: radial-gradient(#fff,hsla(0,0%,100%,0));
    --tile-start-rgb: 239,245,249;
    --tile-end-rgb: 228,232,233;
    --tile-border: conic-gradient(#00000080,#00000040,#00000030,#00000020,#00000010,#00000010,#00000080);
    --callout-rgb: 238,240,241;
    --callout-border-rgb: 172,175,176;
    --card-rgb: 180,185,188;
    --card-border-rgb: 131,134,135;
    --color1: #eff1fa;
    --color2: #000;
    --color3: #000;
    --color4: #000;
    --color5: #000;
    --color6: #000;
    --logoColor: #008cffd1;
    --textColor1: #000;
    --textColor2: #77787d;
    --textColor3: #4559d7;
    --textColor4: #e5e5e5;
    --textColor5: #fff;
    --textColor6: #900;
    --topPicksColor1: #0071be;
    --topPicksColor2: #dd4437;
    --topPicksColor3: #f29100;
    --topPicksColor4: #277c38;
    --topPicksColor5: #7c2773
}

@media (prefers-color-scheme: dark) {
    :root {
        --foreground-rgb:255,255,255;
        --background-start-rgb: 0,0,0;
        --background-end-rgb: 0,0,0;
        --primary-glow: radial-gradient(rgba(1,65,255,.4),rgba(1,65,255,0));
        --secondary-glow: linear-gradient(to bottom right,rgba(1,65,255,0),rgba(1,65,255,0),rgba(1,65,255,.3));
        --tile-start-rgb: 2,13,46;
        --tile-end-rgb: 2,5,19;
        --tile-border: conic-gradient(#ffffff80,#ffffff40,#ffffff30,#ffffff20,#ffffff10,#ffffff10,#ffffff80);
        --callout-rgb: 20,20,20;
        --callout-border-rgb: 108,108,108;
        --card-rgb: 100,100,100;
        --card-border-rgb: 200,200,200
    }
}

* {
    box-sizing: border-box
}

*,body,html {
    padding: 0;
    margin: 0
}

body,html {
    max-width: 100vw;
    overflow-x: hidden;
    min-width: 320px;
    background: #fff;
    font-size: 14px;
    line-height: 1.4285em;
    color: rgba(0,0,0,.87)
}

body,h1,h2,h3,html {
    font-family: Lato,Helvetica Neue,Arial,Helvetica,sans-serif
}

h1,h2,h3 {
    line-height: 1.28571429em;
    margin: calc(2rem - .14285714em) 0 1rem;
    font-weight: 700;
    padding: 0
}

h1 {
    min-height: 1rem;
    font-size: 2rem
}

h2 {
    font-size: 1.71428571rem
}

h3 {
    font-size: 1.28571429rem
}

h1:first-child,h2:first-child,h3:first-child {
    margin-top: 0
}

h1:last-child,h2:last-child,h3:last-child {
    margin-bottom: 0
}

p {
    margin: 0 0 1em;
    line-height: 1.4285em
}

p:first-child {
    margin-top: 0
}

p:last-child {
    margin-bottom: 0
}

a {
    color: #4183c4
}

a:hover {
    color: #1e70bf;
    text-decoration: none
}

::-webkit-selection {
    background-color: #cce2ff;
    color: rgba(0,0,0,.87)
}

::selection {
    background-color: #cce2ff;
    color: rgba(0,0,0,.87)
}

input::-webkit-selection {
    background-color: hsla(0,0%,39%,.4);
    color: rgba(0,0,0,.87)
}

input::selection {
    background-color: hsla(0,0%,39%,.4);
    color: rgba(0,0,0,.87)
}

body ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px;
    height: 10px
}

body ::-webkit-scrollbar-track {
    background: rgba(0,0,0,.1);
    border-radius: 0
}

body ::-webkit-scrollbar-thumb {
    cursor: pointer;
    border-radius: 5px;
    background: rgba(0,0,0,.25);
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}

body ::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,.15)
}

body ::-webkit-scrollbar-thumb:hover {
    background: hsla(202,5%,52%,.8)
}

body {
    color: rgb(var(--foreground-rgb));
    background: linear-gradient(to bottom,transparent,rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb))
}

a {
    color: inherit;
    text-decoration: none
}

h2 {
    margin: 0!important
}

@media (prefers-color-scheme: dark) {
    html {
        color-scheme:dark
    }
}

.App {
    text-align: center;
    width: 100%;
    height: 100%;
    float: left;
    background-color: #fff
}

@media only screen and (min-width: 320px) {
    .header-container {
        width:100%;
        height: 62px;
        float: left;
        background-color: #1e1e1e;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 9999
    }

    .header-container .top-container {
        width: 100%;
        height: 62px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: left;
        padding-left: 20px;
        position: relative
    }

    .header-container .top-container .logo-container {
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-bottom: 6px;
        color: rgba(0,140,255,.82)
    }

    .header-container .top-container .logo-container img.ui.image {
        width: 35px;
        margin-top: 5px;
        margin-right: 6px
    }

    .header-container .top-container .logo-text-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: auto;
        text-decoration: unset!important;
        margin-right: 10px
    }

    .header-container .top-container .logo-text-container .website-name {
        color: #fff;
        font-size: 20px;
        font-weight: 600;
        margin-left: 10px
    }

    .header-container .top-container .menu-icons-container input {
        height: 30px;
        border-radius: 25px;
        width: 280px;
        border-color: transparent;
        padding-left: 50px
    }

    .header-container .top-container .menu-icons-container .search-icon-right-arrow {
        position: absolute;
        top: 34px;
        right: 5px
    }

    .header-container .top-container .menu-icons-container ::placeholder {
        color: rgba(30,30,30,.25)
    }

    .header-container .top-container .menu-icons-container input::-webkit-input-placeholder {
        color: rgba(30,30,30,.25)
    }

    .header-container .top-container .menu-icons-container #search-input {
        font-family: Aptos Display,sans-serif;
        background-color: #fff!important;
        opacity: 1!important;
        min-width: 280px!important;
        color: #1e1e1e;
        background: linear-gradient(hsla(0,0%,100%,.7),hsla(0,0%,100%,.7)),url(/assets/images/searchBr_Black.svg) no-repeat 98%;
        background-size: 28px;
        height: 40px!important;
        font-size: 16px;
        background: url(/assets/images/searchBr_gray.svg) no-repeat 4%;
        background-size: 14px;
        margin-top: 30px
    }

    .header-container .top-container .menu-icons-container #search-input:focus {
        outline: none
    }

    .header-container .top-container .menu-container {
        visibility: hidden;
        width: 0;
        display: none
    }

    .header-container .top-container .mobile-menu-opened-container {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        z-index: 9999;
        background-color: #fff;
        padding: 50px 50px 30px;
        min-height: 300px;
        height: 100dvh;
        overflow-y: auto;
        transition: transform .3s ease,opacity .3s ease;
        transform: translateY(-100%);
        opacity: 0;
        pointer-events: none;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .header-container .top-container .mobile-menu-opened-container.open {
        transform: translateY(0);
        opacity: 1;
        pointer-events: auto
    }

    .header-container .top-container .mobile-menu-opened-container.closed {
        transform: translateY(-100%);
        opacity: 0;
        pointer-events: none
    }

    .header-container .top-container .mobile-menu-opened-container li {
        font-size: 1.2rem;
        font-weight: 700;
        text-align: center;
        text-align: left;
        padding: 10px 0;
        font-size: 1.3rem
    }

    .header-container .top-container .mobile-menu-opened-container .categories-list-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: left;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 12px
    }

    .header-container .top-container .mobile-menu-opened-container .categories-list-container .categories-list-container-column {
        flex-direction: column
    }

    .header-container .top-container .mobile-menu-opened-container .categories-list-container .categories-list-container-column .categories-item-btn {
        display: flex;
        align-items: center;
        min-height: 55px;
        font-weight: 700
    }

    .header-container .top-container .mobile-menu-opened-container .categories-list-container .categories-list-container-column .categories-item-btn .cat-img-container {
        width: 70px;
        text-align-last: center;
        margin-right: 12px
    }

    .header-container .top-container .mobile-menu-opened-container::-webkit-scrollbar {
        width: 0
    }

    .header-container .top-container .mobile-menu-opened-container::-webkit-scrollbar-thumb,.header-container .top-container .mobile-menu-opened-container::-webkit-scrollbar-track {
        background: transparent
    }

    .header-container #search-input {
        font-family: Aptos Display,sans-serif;
        background-color: #fff!important;
        opacity: 1!important;
        min-width: 250px!important;
        color: #1e1e1e;
        background: linear-gradient(hsla(0,0%,100%,.7),hsla(0,0%,100%,.7)),url(/assets/images/searchBr_Black.svg) no-repeat 98%;
        background-size: 28px
    }

    .header-container #search-input:focus {
        outline: none
    }

    .header-container #search-icon {
        color: #000!important;
        visibility: visible;
        font-size: 1.1rem;
        z-index: 20;
        top: -3px;
        right: 5px
    }

    .header-container #search-input .ui.icon.input>i.icon {
        color: #d3d3d3;
        visibility: visible
    }

    .header-container #menuToggle input:checked~ul {
        transform: none
    }

    .header-container .beehive-subscription-form-container {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .header-container .beehive-subscription-form-container .beehive-subscription-form-input {
        width: 300px;
        height: 40px;
        border-radius: 5px;
        padding-left: 10px;
        font-size: 16px;
        color: #000;
        border: .5px solid #d3d3d3;
        background-color: #fff
    }

    .header-container .beehive-subscription-form-container .beehive-subscription-form-button {
        margin-top: 10px;
        height: 40px;
        border-radius: 5px;
        border: none;
        font-size: 1.2rem;
        color: #fff;
        padding: 5px 25px;
        width: 300px;
        font-weight: 700;
        background-color: #508df5
    }

    .header-container .you-might-also-like-container {
        display: grid;
        flex-direction: column;
        grid-template-columns: repeat(2,1fr);
        grid-gap: 16px;
        gap: 16px;
        width: 100%;
        justify-content: space-around;
        margin-left: -20px;
        margin-top: 30px;
        margin-bottom: 10px;
        text-transform: capitalize
    }

    .header-container .you-might-also-like-container .you-might-also-like-item {
        width: 150px;
        height: 150px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 16px;
        cursor: pointer
    }

    .header-container .you-might-also-like-container .you-might-also-like-item .you-might-also-like-item-title {
        font-size: 1.2rem;
        font-weight: 600;
        text-align: center;
        padding: 10px 5px 5px
    }

    .header-container .footer-bottom {
        grid-column: 1/-1;
        margin-top: 40px;
        border-top: 1px solid #333;
        padding-top: 20px;
        font-size: 12px;
        color: #aaa;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        gap: 6px;
        align-items: unset;
        text-align: unset
    }

    .header-container .footer-bottom .footer-copyright {
        font-weight: 700;
        color: #000
    }
}

@media only screen and (min-width: 1024px) {
    .header-container {
        width:100%;
        height: 62px;
        float: left;
        background-color: #1e1e1e;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 9999
    }

    .header-container .top-container {
        max-width: 1024px;
        min-width: 1024px;
        height: 62px;
        margin-left: 30px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding-left: 0
    }

    .header-container .top-container .logo-container {
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-bottom: 6px;
        color: rgba(0,140,255,.82)
    }

    .header-container .top-container .logo-container img.ui.image {
        width: 45px;
        margin-right: 6px
    }

    .header-container .top-container .logo-text-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 220px
    }

    .header-container .top-container .logo-text-container .website-name {
        color: #fff;
        font-size: 22px;
        font-weight: 600
    }

    .header-container .top-container .logo-text-container .slogen {
        color: #c5c5c5;
        font-size: 11px;
        font-weight: 400
    }

    .header-container .top-container .menu-container {
        width: 744px;
        height: 45px;
        float: left;
        display: flex;
        flex-direction: column;
        align-items: center;
        visibility: visible
    }

    .header-container .top-container .menu-container .menu-list-container {
        max-width: 700px;
        min-width: 700px;
        height: 45px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end
    }

    .header-container .top-container .menu-container .menu-list-container .aboutus-item-btn,.header-container .top-container .menu-container .menu-list-container .categories-header-item-btn {
        cursor: pointer;
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0;
        gap: 7px;
        width: 93px;
        width: 78px;
        height: 19px;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 19px;
        color: #fff;
        flex: none;
        order: 0;
        flex-grow: 0
    }

    .header-container .top-container .menu-container .menu-list-container .aboutus-item-btn svg,.header-container .top-container .menu-container .menu-list-container .categories-header-item-btn svg {
        width: 13px;
        height: 12px;
        flex: none;
        order: 1;
        flex-grow: 0;
        margin-top: 3px
    }

    .header-container .top-container .menu-container .menu-list-container :hover {
        color: #fff
    }

    .header-container .top-container .menu-container .menu-list-container .categories-header-item-btn {
        margin-right: 50px
    }

    .header-container .top-container .menu-container .menu-list-container .search-icon-header {
        margin-right: 30px;
        cursor: pointer
    }

    .header-container .top-container .menu-container .menu-list-container .ui.menu {
        font-display: swap
    }

    .header-container .top-container .menu-container .menu-list-container i {
        visibility: hidden;
        font-size: 20px
    }

    .header-container .top-container .menu-container .menu-list-container .ui.attached.menu {
        margin-top: 0;
        background-color: var(--color1);
        border: none;
        max-width: 540px;
        padding-left: 15px
    }

    .header-container .top-container .menu-container .menu-list-container .ui.menu .item {
        color: var(--textColor1);
        font-weight: 700;
        font-size: 1rem;
        padding: 0
    }

    .header-container .top-container .menu-container .menu-list-container .ui.menu .item:hover {
        border-bottom: 5px solid rgba(0,140,255,.82)
    }

    .header-container .top-container .menu-container .menu-list-container .ui.menu .item:before {
        width: 0
    }

    .header-container .top-container .menu-container .menu-list-container .ui.menu .dropdown.item .menu {
        background-color: var(--color1);
        border: none;
        margin-top: 5px
    }

    .header-container .top-container .menu-container .menu-list-container .ui.menu .ui.dropdown .menu>.item {
        color: var(--textColor1)!important;
        font-weight: 700!important;
        font-size: .9rem!important;
        padding-left: 10px!important
    }

    .header-container .top-container .menu-container .menu-list-container .ui.menu .ui.dropdown .menu>.item:hover {
        border-bottom: none
    }

    .header-container .top-container .menu-container .menu-list-container input {
        margin-right: 20px;
        height: 30px;
        border-radius: 25px;
        width: 220px;
        border-color: transparent;
        padding-left: 30px
    }

    .header-container .top-container .menu-container .menu-list-container ::placeholder {
        color: rgba(30,30,30,.25)
    }

    .header-container .top-container .menu-container .menu-list-container input::-webkit-input-placeholder {
        color: rgba(30,30,30,.25)
    }

    .header-container .categories-container {
        background-color: #fff;
        height: auto;
        width: 100%;
        margin-top: 6px;
        padding: 50px;
        box-shadow: 0 2px 8px rgba(0,0,0,.1)
    }

    .header-container .categories-container .categories-list-container {
        display: flex;
        gap: 40px;
        background-color: #fff;
        justify-content: center
    }

    .header-container .categories-container .categories-list-container .categories-list-container-column {
        display: flex;
        flex-direction: column;
        gap: 10px
    }

    .header-container .categories-container .categories-list-container .categories-list-container-column .categories-item-btn {
        width: 260px;
        padding: 10px;
        display: flex;
        align-items: center;
        justify-content: left;
        gap: 10px;
        font-size: .9rem;
        font-weight: 700;
        cursor: pointer
    }

    .header-container .categories-container .categories-list-container .categories-list-container-column .categories-item-btn .cat-img-container {
        min-width: 85px
    }

    .header-container .categories-container .categories-list-container .categories-list-container-column .categories-item-btn span {
        text-align: left
    }

    .header-container nav {
        display: none
    }

    .header-container #search-input {
        height: 34px!important;
        font-size: 1.1em;
        background: url(/assets/images/searchBr_gray.svg) no-repeat 4%;
        background-size: 14px
    }
}
@media only screen and (min-width: 320px) {
    .breadcrumb-container {
        min-width:100%;
        max-width: 100%;
        height: 50px;
        display: none;
        align-items: center;
        padding: 15px
    }

    .breadcrumb-container .breadcrumbs-row {
        color: gray;
        width: auto;
        display: flex;
        flex-wrap: wrap;
        line-height: 1.5rem
    }

    .breadcrumb-container .breadcrumbs-row a {
        color: gray
    }
}

@media only screen and (min-width: 1024px) {
    .breadcrumb-container {
        min-width:1024px;
        max-width: 1024;
        height: 50px;
        display: flex;
        align-items: center;
        padding-top: 15px;
        padding-left: 0
    }

    .breadcrumb-container .breadcrumbs-row {
        color: gray;
        width: auto;
        display: flex
    }

    .breadcrumb-container .breadcrumbs-row a {
        color: gray
    }
}
@media only screen and (min-width: 320px) {
    .footer-container {
        width:100%;
        min-height: 400px;
        float: left;
        border-top-right-radius: 0;
        border-top-left-radius: 0
    }

    .footer-container .deals-newsletter-container {
        height: 220px;
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 20px;
        margin-top: 10px;
        border-top: 10px solid #d3e8fe
    }

    .footer-container .deals-newsletter-container img {
        width: 100%;
        height: 220px;
        object-fit: inherit;
        position: absolute;
        left: 0;
        top: 0;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        filter: hue-rotate(195deg)
    }

    .footer-container .deals-newsletter-container .deals-newsletter-title {
        font-size: 1.9rem;
        line-height: 2.5rem;
        font-weight: 700;
        text-align: left;
        padding-left: 0;
        color: #fff;
        position: relative;
        width: 100%
    }

    .footer-container .deals-newsletter-container .beehive-subscription-form-input {
        width: 100%;
        height: 45px;
        border-radius: 5px;
        padding-left: 20px;
        font-size: 16px;
        color: #000;
        border: .5px solid #d3d3d3;
        background-color: #fff;
        margin-right: 20px;
        min-width: 250px;
        border-radius: 50px;
        margin-top: 30px
    }

    .footer-container .deals-newsletter-container ::placeholder {
        color: rgba(30,30,30,.25)
    }

    .footer-container .deals-newsletter-container .beehive-subscription-form-button {
        height: 45px;
        border-radius: 50px;
        border: none;
        font-size: 1.2rem;
        color: #fff;
        padding: 5px 25px;
        width: 20%;
        min-width: 100%;
        font-weight: 700;
        background-color: #1e1e1e;
        z-index: 20;
        margin-top: 10px
    }

    .footer-container .bottom-container {
        background-color: #1a1a1a;
        color: #fff;
        padding: 20px 30px;
        display: grid;
        grid-template-columns: 1fr
    }

    .footer-container .bottom-container .footer-left {
        max-width: 100%
    }

    .footer-container .bottom-container .footer-left .footer-logo-container {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: left;
        gap: 10px
    }

    .footer-container .bottom-container .footer-left .footer-logo-container .footer-logo {
        width: 40px;
        height: auto;
        margin-bottom: 10px
    }

    .footer-container .bottom-container .footer-left .footer-logo-container .footer-title {
        font-weight: 700;
        font-size: 18px;
        margin-bottom: 12px
    }

    .footer-container .bottom-container .footer-left .footer-description {
        font-size: 14px;
        line-height: 1.5;
        color: #e0e0e0;
        text-align: left;
        max-width: 100%
    }

    .footer-container .bottom-container .footer-right {
        display: flex;
        flex-direction: column;
        width: max-content;
        margin-top: 40px
    }

    .footer-container .bottom-container .footer-right .footer-title {
        font-weight: 700;
        text-align: left;
        padding-right: 40px;
        padding-bottom: 20px
    }

    .footer-container .bottom-container .footer-right .footer-links {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        grid-template-columns: repeat(2,minmax(120px,1fr));
        gap: 10px 20px;
        text-align: left
    }

    .footer-container .bottom-container .footer-right .footer-links a {
        color: #fff;
        text-decoration: none;
        font-size: 14px
    }

    .footer-container .bottom-container .footer-right .footer-links a:hover {
        text-decoration: underline
    }

    .footer-container .bottom-container .footer-bottom {
        grid-column: 1/-1;
        margin-top: 40px;
        border-top: 1px solid #333;
        padding-top: 20px;
        font-size: 12px;
        color: #aaa;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 6px;
        align-items: start;
        text-align: left
    }

    .footer-container .bottom-container .footer-bottom .footer-copyright {
        font-weight: 700;
        color: #fff
    }

    .footer-container .bottom-container .footer-bottom .footer-disclaimer em {
        font-style: italic
    }
}

@media only screen and (min-width: 992px) {
    .footer-container {
        width:1024px;
        min-height: 160px;
        float: left;
        border-top-right-radius: 12px;
        border-top-left-radius: 12px
    }

    .footer-container .deals-newsletter-container {
        height: 165px;
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 20px;
        border-top: unset
    }

    .footer-container .deals-newsletter-container img {
        width: 100%;
        position: absolute;
        height: unset;
        object-fit: unset;
        left: 0;
        top: 0;
        border-top-right-radius: 12px;
        border-top-left-radius: 12px;
        filter: hue-rotate(195deg)
    }

    .footer-container .deals-newsletter-container .deals-newsletter-title {
        font-size: 2.2rem;
        line-height: 2.5rem;
        font-weight: 700;
        text-align: left;
        padding-left: 25px;
        color: #fff;
        position: relative;
        width: 70%
    }

    .footer-container .deals-newsletter-container .beehive-subscription-form-input {
        width: 30%;
        height: 45px;
        border-radius: 5px;
        padding-left: 20px;
        font-size: 1.2rem;
        color: #000;
        border: .5px solid #d3d3d3;
        background-color: #fff;
        margin-right: 20px;
        min-width: 250px;
        border-radius: 50px;
        margin-top: 0
    }

    .footer-container .deals-newsletter-container ::placeholder {
        color: rgba(30,30,30,.25)
    }

    .footer-container .deals-newsletter-container .beehive-subscription-form-button {
        height: 45px;
        border-radius: 50px;
        border: none;
        font-size: 1.2rem;
        color: #fff;
        padding: 5px 25px;
        width: 20%;
        min-width: 170px;
        font-weight: 700;
        background-color: #1e1e1e;
        z-index: 20;
        margin-top: 0
    }

    .footer-container .bottom-container {
        background-color: #1a1a1a;
        color: #fff;
        padding: 20px 30px;
        display: grid;
        grid-template-columns: 1fr 1fr
    }

    .footer-container .bottom-container .footer-left {
        max-width: 400px
    }

    .footer-container .bottom-container .footer-left .footer-logo-container {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: left;
        gap: 10px
    }

    .footer-container .bottom-container .footer-left .footer-logo-container .footer-logo {
        width: 40px;
        height: auto;
        margin-bottom: 10px
    }

    .footer-container .bottom-container .footer-left .footer-logo-container .footer-title {
        font-weight: 700;
        font-size: 18px;
        margin-bottom: 12px
    }

    .footer-container .bottom-container .footer-left .footer-description {
        font-size: 14px;
        line-height: 1.5;
        color: #e0e0e0;
        text-align: left;
        max-width: unset
    }

    .footer-container .bottom-container .footer-right {
        display: flex;
        flex-direction: row;
        width: max-content;
        margin-top: 0
    }

    .footer-container .bottom-container .footer-right .footer-title {
        font-weight: 700;
        text-align: left;
        padding-right: 40px;
        padding-bottom: 0
    }

    .footer-container .bottom-container .footer-right .footer-links {
        list-style: none;
        padding: 0;
        margin: 0;
        display: grid;
        flex-direction: unset;
        grid-template-columns: repeat(2,minmax(120px,1fr));
        grid-gap: 10px 20px;
        gap: 10px 20px;
        text-align: left
    }

    .footer-container .bottom-container .footer-right .footer-links a {
        color: #fff;
        text-decoration: none;
        font-size: 14px
    }

    .footer-container .bottom-container .footer-right .footer-links a:hover {
        text-decoration: underline
    }

    .footer-container .bottom-container .footer-bottom {
        grid-column: 1/-1;
        margin-top: 40px;
        border-top: 1px solid #333;
        padding-top: 20px;
        font-size: 12px;
        color: #aaa;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        gap: 6px;
        align-items: unset;
        text-align: unset
    }

    .footer-container .bottom-container .footer-bottom .footer-copyright {
        font-weight: 700;
        color: #fff
    }

    .footer-container .bottom-container .footer-bottom .footer-disclaimer em {
        font-style: italic
    }
}
@media only screen and (min-width: 320px) {
    .subscription-form {
        width:100%;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 10px;
        background-color: #1e1e1e;
        margin-top: 40px
    }

    .subscription-form .beehive-container {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        border-radius: 10px;
        padding: 15px 20px 30px
    }

    .subscription-form .beehive-container .beehive-title-1 {
        font-size: 2rem;
        line-height: 2.6rem;
        font-weight: 500;
        color: #fff;
        margin: 5px 0 10px;
        padding: 0;
        text-decoration: none;
        font-weight: 700;
        position: relative;
        max-width: 220px
    }

    .subscription-form .beehive-container .beehive-title-2 {
        font-size: 1.1rem;
        line-height: 1.33;
        color: #fff;
        text-decoration: none;
        margin: 5px 0 20px;
        max-width: 300px
    }
    .footer-container .deals-newsletter-container .beehive-title-2 {
        font-size: 1.1rem;
        line-height: 1.33;
        color: #fff;
        text-decoration: none;
        margin: 5px 0 20px;
        max-width: 300px;
        position: relative;
    }

    .subscription-form .beehive-container .beehive-subscription-form-container {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .subscription-form .beehive-container .beehive-subscription-form-container .beehive-subscription-form-input {
        width: 300px;
        height: 40px;
        border-radius: 45px;
        font-size: 16px;
        color: #000;
        border: transparent;
        background-color: #fff;
        text-align: center
    }

    .subscription-form .beehive-container .beehive-subscription-form-container .beehive-subscription-form-input:focus {
        outline: none
    }

    .subscription-form .beehive-container .beehive-subscription-form-container .beehive-subscription-form-input::placeholder {
        color: rgba(30,30,30,.25)
    }

    .subscription-form .beehive-container .beehive-subscription-form-container .beehive-subscription-form-button {
        margin-top: 10px;
        margin-left: 0;
        height: 40px;
        border-radius: 45px;
        border: none;
        font-size: 1.1rem;
        color: #fff;
        padding: 5px 25px;
        width: 300px;
        font-weight: 300;
        background-color: #008dff
    }
}

@media only screen and (min-width: 1024px) {
    .subscription-form {
        margin-top:40px;
        height: auto;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 20px;
        background-color: #1e1e1e;
        border-radius: 12px
    }

    .subscription-form .beehive-container {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        border-radius: 10px;
        padding: 15px 100px
    }

    .subscription-form .beehive-container .beehive-title-1 {
        font-size: 2rem;
        line-height: 2rem;
        font-weight: 500;
        color: #fff;
        margin: 5px 0 10px;
        padding: 0;
        text-decoration: none;
        font-weight: 700;
        position: relative;
        max-width: unset
    }

    .subscription-form .beehive-container .beehive-title-2 {
        font-size: 1.1rem;
        line-height: 1.33;
        color: #fff;
        text-decoration: none;
        margin: 5px 0 20px;
        max-width: unset
    }
    .footer-container .deals-newsletter-container .beehive-title-2 {
        font-size: 1.1rem;
        line-height: 1.33;
        color: #fff;
        text-decoration: none;
        margin: 5px 0 20px;
        max-width: unset;
        position: relative;
    }

    .subscription-form .beehive-container .beehive-subscription-form-container {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center
    }

    .subscription-form .beehive-container .beehive-subscription-form-container .beehive-subscription-form-input {
        width: 250px;
        height: 40px;
        border-radius: 45px;
        font-size: 1rem;
        color: #000;
        border: transparent;
        background-color: #fff;
        padding-left: 20px;
        text-align: left
    }

    .subscription-form .beehive-container .beehive-subscription-form-container .beehive-subscription-form-input:focus {
        outline: none
    }

    .subscription-form .beehive-container .beehive-subscription-form-container .beehive-subscription-form-input::placeholder {
        color: rgba(30,30,30,.25)
    }

    .subscription-form .beehive-container .beehive-subscription-form-container .beehive-subscription-form-button {
        margin-top: 0;
        margin-left: 10px;
        height: 40px;
        border-radius: 45px;
        border: none;
        font-size: 1.1rem;
        color: #fff;
        padding: 5px 25px;
        width: 160px;
        font-weight: 300;
        background-color: #008dff
    }
}
@media only screen and (max-width: 991px) {
    .product-container {
        display:flex;
        flex-direction: column;
        background-color: #fff;
        border-radius: 8px;
        box-shadow: 0 4px 15px 0 rgba(0,0,0,.2);
        margin: 30px 10px 0;
        position: relative;
        justify-content: space-between
    }

    .product-container .au24-first-row {
        display: flex;
        flex-direction: row
    }

    .product-container .au24-first-row .number-corner-au24 {
        position: absolute;
        background-color: #fff;
        font-size: 17px;
        color: #000;
        z-index: 10;
        font-weight: 700;
        top: 2px;
        left: 2px;
        border-radius: 20px;
        width: 28px;
        height: 28px;
        line-height: 1rem;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .product-container .au24-first-row .ribbon-label-item-container-au24 {
        width: auto;
        height: -moz-fit-content;
        height: fit-content;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-left: 35px
    }

    .product-container .au24-first-row .ribbon-label-item-container-au24 .ribbon-label-item-au24 {
        width: 160px;
        height: 30px;
        transform: skew(-30deg);
        background: #ffc52f;
        position: relative
    }

    .product-container .au24-first-row .ribbon-label-item-container-au24 span {
        position: absolute;
        font-size: 16px;
        font-weight: 700
    }

    .product-container .single-product-top-part-container-au24-mobile {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 15px
    }

    .product-container .single-product-top-part-container-au24-mobile .image-left-side-container-au24-mobile {
        min-height: 182px;
        width: calc(100% - 110px);
        aspect-ratio: 1/1;
        max-width: 240px;
        max-height: 240px
    }

    .product-container .single-product-top-part-container-au24-mobile .image-left-side-container-au24-mobile a {
        position: relative
    }

    .product-container .single-product-top-part-container-au24-mobile .image-left-side-container-au24-mobile img {
        width: 100%;
        height: 100%;
        border-radius: 8px;
        object-fit: contain
    }

    .product-container .single-product-top-part-container-au24-mobile .rating-reviews-container-au24-mobile {
        position: absolute;
        top: 0;
        right: 0;
        width: 115px;
        background-color: rgba(60,140,250,.071);
        height: 130px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-top-right-radius: 8px;
        border-bottom-left-radius: 8px
    }

    .product-container .single-product-top-part-container-au24-mobile .rating-reviews-container-au24-mobile .rating-value-au24-mobile {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly
    }

    .product-container .single-product-top-part-container-au24-mobile .rating-reviews-container-au24-mobile .rating-value-au24-mobile span {
        color: #000;
        font-size: 2.2rem;
        font-weight: 700;
        line-height: 1
    }

    .product-container .single-product-top-part-container-au24-mobile .rating-reviews-container-au24-mobile .rating-value-au24-mobile .grade-string {
        color: gray;
        font-weight: 400;
        font-style: italic;
        font-size: 1.1rem
    }

    .product-container .single-product-top-part-container-au24-mobile .rating-reviews-container-au24-mobile .rating-value-au24-mobile .stars-rating {
        margin: 4px 0
    }

    .product-container .single-product-top-part-container-au24-mobile .rating-reviews-container-au24-mobile .reviews-count-au24-mobile {
        color: gray;
        font-size: .9rem
    }

    .product-container .single-product-top-part-container-au24-mobile .rating-reviews-container-au24-mobile .stars-rating {
        font-size: 20px;
        font-weight: 700
    }

    .product-container .single-product-top-part-container-au24-mobile .rating-reviews-container-au24-mobile .stars-rating span {
        padding-right: 6px
    }

    .product-container .single-product-top-part-container-au24-mobile .ribbon-mobile-plus-sign {
        font-size: 19px;
        position: absolute;
        display: inline-block;
        text-align: center;
        z-index: 10;
        top: 166px;
        right: 35px;
        color: #ff4848;
        font-weight: 700
    }

    .product-container .single-product-top-part-container-au24-mobile .ribbon-mobile {
        font-size: 16px;
        position: absolute;
        display: inline-block;
        text-align: center;
        z-index: 10;
        top: 135px;
        right: -11px
    }

    .product-container .single-product-top-part-container-au24-mobile .ribbon-mobile .text-mobile {
        display: inline-block;
        padding: .5em 1em;
        min-width: 85px;
        font-size: 1.2rem;
        line-height: 1.2rem;
        background: #ff4848;
        position: relative;
        color: #fff
    }

    .product-container .single-product-top-part-container-au24-mobile .ribbon-mobile .text-mobile:before {
        bottom: 100%;
        right: 0;
        border-width: .5em .7em 7px 0;
        border-color: transparent transparent #b3241a
    }

    .product-container .single-product-top-part-container-au24-mobile .ribbon-mobile .text-mobile:after {
        top: 100%;
        right: 0;
        border-width: .5em 2em 0 0;
        border-color: transparent
    }

    .product-container .single-product-top-part-container-au24-mobile .bold-mobile:before,.product-container .single-product-top-part-container-au24-mobile .ribbon-mobile:after,.product-container .single-product-top-part-container-au24-mobile .ribbon-mobile:before,.product-container .single-product-top-part-container-au24-mobile .text-mobile:after,.product-container .single-product-top-part-container-au24-mobile .text-mobile:before {
        content: "";
        position: absolute;
        border-style: solid
    }

    .product-container .single-product-top-part-container-au24-mobile .ribbon-mobile:before {
        top: .3em;
        left: .2em;
        width: 100%;
        height: 100%;
        border: none;
        z-index: -2
    }

    .product-container .single-product-top-part-container-au24-mobile .bold-mobile:before,.product-container .single-product-top-part-container-au24-mobile .ribbon-mobile:after {
        top: 1em;
        right: -.6em;
        border-width: .55em .5em .55em 1.5em;
        border-color: transparent;
        z-index: -1
    }

    .product-container .single-product-top-part-container-au24-mobile .bold-mobile:before {
        border-color: transparent;
        top: 2.2em;
        right: -1.15em;
        width: 40px
    }

    .product-container .single-product-top-part-container-au24-mobile .right-side-title-rating-container-au24-mobile {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        max-height: 105px
    }

    .product-container .single-product-top-part-container-au24-mobile .right-side-title-rating-container-au24-mobile .product-title-container-au24-mobile a {
        width: 100%;
        display: flex;
        justify-content: left
    }

    .product-container .single-product-top-part-container-au24-mobile .right-side-title-rating-container-au24-mobile .product-title-container-au24-mobile a .header-text-au24-mobile {
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        max-width: 100%;
        font-size: 1.2rem;
        font-family: inherit;
        max-height: 80px;
        color: #000;
        font-weight: 700
    }

    .product-container .single-product-top-part-container-au24-mobile .text-container-au24-mobile {
        color: #222;
        padding-top: 6px;
        text-align: left;
        margin-left: -4px
    }

    .product-container .single-product-top-part-container-au24-mobile .text-container-au24-mobile .more-info-line-container-au24-mobile {
        line-height: 20px;
        display: flex;
        flex-direction: row;
        margin-top: 4px
    }

    .product-container .single-product-top-part-container-au24-mobile .text-container-au24-mobile .more-info-line-container-au24-mobile .more-info-line-text-au24-mobile {
        padding-left: 5px;
        margin-top: 3px;
        font-size: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        max-width: 100%;
        font-family: inherit;
        max-height: 40px
    }

    .product-container .single-product-top-part-container-au24-mobile .btns-container-au24-mobile {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding: 5px;
        width: 100%;
        margin-top: 10px
    }

    .product-container .single-product-top-part-container-au24-mobile .btns-container-au24-mobile .coupon-label {
        font-size: 16px;
        color: #f05b4c;
        margin-bottom: 5px;
        font-weight: 700
    }

    .product-container .single-product-top-part-container-au24-mobile .btns-container-au24-mobile button {
        background-color: #3c8cfa;
        border-radius: 8px;
        min-width: 100%;
        max-width: 100%;
        color: #fff;
        font-weight: 700;
        height: 40px;
        font-size: 16px;
        cursor: pointer;
        border: unset
    }

    .product-container .single-product-top-part-container-au24-mobile .btns-container-au24-mobile a {
        text-decoration: underline;
        width: 100%
    }

    .product-container .single-product-top-part-container-au24-mobile .btns-container-au24-mobile .amazon-and-discout-container-au24-mobile {
        height: 45px;
        margin-top: -10px
    }

    .product-container .single-product-top-part-container-au24-mobile .btns-container-au24-mobile .amazon-and-discout-container-au24-mobile a {
        width: 50%;
        cursor: pointer
    }
}

@media only screen and (min-width: 992px) {
    .product-container {
        display:flex;
        flex-direction: column;
        background-color: #fff;
        border-radius: 8px;
        box-shadow: 0 4px 15px 0 rgba(0,0,0,.2);
        margin: 30px 10px 0;
        position: relative
    }

    .product-container .au24-first-row {
        display: flex;
        flex-direction: row;
        min-height: 15px
    }

    .product-container .au24-first-row .number-corner-au24 {
        position: absolute;
        background-color: #fff;
        font-size: 17px;
        color: #000;
        z-index: 10;
        font-weight: 700;
        top: 2px;
        left: 2px;
        border-radius: 20px;
        width: 28px;
        height: 28px;
        line-height: 1rem;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .product-container .au24-first-row .ribbon-label-item-container-au24 {
        width: auto;
        height: -moz-fit-content;
        height: fit-content;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-left: 50px
    }

    .product-container .au24-first-row .ribbon-label-item-container-au24 .ribbon-label-item-au24 {
        width: 160px;
        height: 30px;
        transform: skew(-30deg);
        background: #ffc52f;
        position: relative
    }

    .product-container .au24-first-row .ribbon-label-item-container-au24 span {
        position: absolute;
        font-size: 16px;
        font-weight: 700
    }

    .product-container .single-product-top-part-container-au24 {
        display: flex;
        flex-direction: row;
        width: 100%;
        padding-top: 5px;
        margin-bottom: 10px;
        align-items: center;
        justify-content: space-between
    }

    .product-container .single-product-top-part-container-au24 .image-left-side-container-au24 {
        margin-left: 30px
    }

    .product-container .single-product-top-part-container-au24 .image-left-side-container-au24 a {
        position: relative
    }

    .product-container .single-product-top-part-container-au24 .image-left-side-container-au24 img {
        max-width: 160px;
        max-height: 160px;
        object-fit: scale-down;
        border-radius: 8px
    }

    .product-container .single-product-top-part-container-au24 .right-side-title-rating-container-au24 {
        max-width: 400px;
        margin-left: 20px;
        margin-right: 2px;
        width: 400px
    }

    .product-container .single-product-top-part-container-au24 .right-side-title-rating-container-au24 .product-title-container-au24 {
        text-align: left
    }

    .product-container .single-product-top-part-container-au24 .right-side-title-rating-container-au24 .product-title-container-au24 a {
        color: #222
    }

    .product-container .single-product-top-part-container-au24 .right-side-title-rating-container-au24 .product-title-container-au24 a h3 {
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        max-width: 100%;
        font-family: inherit;
        max-height: 52px
    }

    .product-container .single-product-top-part-container-au24 .text-container-au24-desktop {
        color: #222;
        padding-top: 6px;
        text-align: left;
        margin-left: -4px
    }

    .product-container .single-product-top-part-container-au24 .text-container-au24-desktop .more-info-line-container-au24-desktop {
        line-height: 20px;
        display: flex;
        flex-direction: row;
        margin-top: 4px
    }

    .product-container .single-product-top-part-container-au24 .text-container-au24-desktop .more-info-line-container-au24-desktop .more-info-line-text-au24-desktop {
        padding-left: 5px;
        margin-top: 3px;
        font-size: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        max-width: 100%;
        font-family: inherit;
        max-height: 40px
    }

    .product-container .rating-reviews-container-au24-desktop {
        min-width: 120px;
        background-color: rgba(60,140,250,.071);
        height: 130px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 10px
    }

    .product-container .rating-reviews-container-au24-desktop .rating-value-au24-desktop {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly
    }

    .product-container .rating-reviews-container-au24-desktop .rating-value-au24-desktop span {
        color: #000;
        font-size: 2.2rem;
        font-weight: 700;
        line-height: 1
    }

    .product-container .rating-reviews-container-au24-desktop .rating-value-au24-desktop .grade-string {
        color: gray;
        font-weight: 400;
        font-style: italic;
        font-size: 1.1rem
    }

    .product-container .rating-reviews-container-au24-desktop .rating-value-au24-desktop .stars-rating {
        margin: 4px 0
    }

    .product-container .rating-reviews-container-au24-desktop .reviews-count-au24-desktop {
        color: gray;
        font-size: .9rem
    }

    .product-container .rating-reviews-container-au24-desktop .stars-rating {
        font-size: 20px;
        font-weight: 700
    }

    .product-container .rating-reviews-container-au24-desktop .stars-rating span {
        padding-right: 6px
    }

    .product-container .paid-single-product-middle-section-au24 {
        justify-content: space-evenly;
        position: relative;
        padding-left: 40px;
        padding-right: 40px
    }

    .product-container .paid-single-product-middle-section-au24 .image-rating-container-au24 {
        padding: 10px;
        margin-left: 20px
    }

    .product-container .paid-single-product-middle-section-au24 .image-rating-container-au24 .ribbon {
        font-size: 20px;
        position: absolute;
        display: inline-block;
        text-align: center;
        z-index: 10;
        top: 120px;
        left: -9px;
        cursor: pointer
    }

    .product-container .paid-single-product-middle-section-au24 .image-rating-container-au24 .ribbon .text {
        display: inline-block;
        padding: .5em 1em;
        min-width: 75px;
        font-size: 1rem;
        line-height: 1.2rem;
        background: #ff4848;
        position: relative;
        color: #fff
    }

    .product-container .paid-single-product-middle-section-au24 .image-rating-container-au24 .ribbon .text:before {
        bottom: 100%;
        left: 0;
        border-width: .5em .7em 0 0;
        border-color: transparent #b3241a transparent transparent
    }

    .product-container .paid-single-product-middle-section-au24 .image-rating-container-au24 .ribbon .text:after {
        top: 100%;
        right: 0;
        border-width: .5em 2em 0 0;
        border-color: #b3241a transparent transparent
    }

    .product-container .paid-single-product-middle-section-au24 .image-rating-container-au24 .bold:before,.product-container .paid-single-product-middle-section-au24 .image-rating-container-au24 .ribbon:after,.product-container .paid-single-product-middle-section-au24 .image-rating-container-au24 .ribbon:before,.product-container .paid-single-product-middle-section-au24 .image-rating-container-au24 .text:after,.product-container .paid-single-product-middle-section-au24 .image-rating-container-au24 .text:before {
        content: "";
        position: absolute;
        border-style: solid
    }

    .product-container .paid-single-product-middle-section-au24 .image-rating-container-au24 .ribbon:before {
        top: .3em;
        left: .2em;
        width: 100%;
        height: 100%;
        border: none;
        z-index: -2
    }

    .product-container .paid-single-product-middle-section-au24 .image-rating-container-au24 .bold:before,.product-container .paid-single-product-middle-section-au24 .image-rating-container-au24 .ribbon:after {
        top: 1em;
        right: -.6em;
        border-width: .55em .5em .55em 1.5em;
        border-color: #ff6a6a transparent #ff6a6a #ff6a6a;
        z-index: -1
    }

    .product-container .paid-single-product-middle-section-au24 .image-rating-container-au24 .bold:before {
        border-color: transparent;
        top: 2.2em;
        right: -1.15em;
        width: 40px
    }

    .product-container .btns-container-au24,.product-container .item-badges-au24,.product-container .paid-single-product-middle-section-au24 .image-rating-container-au24 .rating-section-au24 {
        display: none
    }

    .product-container .btn-more-info-au24 {
        margin-top: 20px
    }

    .product-container .text-container-au24 {
        padding-top: 20px
    }

    .product-container .desktop-3-rating-middle-au24 {
        display: unset;
        width: 120px;
        height: 120px;
        margin-left: 145px
    }

    .product-container .desktop-3-rating-middle-au24 .rating-value-au24 {
        height: 120px;
        min-width: 120px;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        background-color: rgba(255,238,132,.129)
    }

    .product-container .desktop-3-rating-middle-au24 .rating-value-au24 a {
        color: #000;
        font-size: 1.8rem;
        font-weight: 500
    }

    .product-container .desktop-3-rating-middle-au24 .rating-value-au24 .grade-string-au24 {
        color: gray;
        font-weight: 400;
        font-style: italic;
        font-size: 1.1rem
    }

    .product-container .desktop-btns-container-au24 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 10px;
        min-width: 250px;
        height: 165px
    }

    .product-container .desktop-btns-container-au24 .coupon-label {
        font-size: 16px;
        color: #f05b4c;
        margin-bottom: 5px;
        font-weight: 700
    }

    .product-container .desktop-btns-container-au24 button {
        background-color: rgba(0,140,255,.82);
        border-radius: 8px;
        width: 100%;
        color: #fff;
        height: 40px;
        cursor: pointer;
        border: unset;
        font-size: 16px;
        font-weight: 700;
        background-color: #508df5
    }

    .product-container .desktop-btns-container-au24 a {
        text-decoration: underline;
        max-height: 55px;
        width: 100%
    }

    .product-container .desktop-btns-container-au24 .amazon-and-discout-container-au24 {
        margin-top: -10px
    }

    .product-container .ribbon-desktop {
        font-size: 16px;
        position: absolute;
        display: inline-block;
        text-align: center;
        z-index: 10;
        top: 15px;
        right: -11px
    }

    .product-container .ribbon-desktop .text-desktop {
        display: inline-block;
        padding: .5em 1em;
        min-width: 85px;
        font-size: 1.2rem;
        line-height: 1.2rem;
        background: #ff4848;
        position: relative;
        color: #fff
    }

    .product-container .ribbon-desktop .text-desktop:before {
        bottom: 100%;
        right: 0;
        top: 100%;
        border-width: .5em .7em 7px 0;
        border-color: #b3241a transparent transparent
    }

    .product-container .ribbon-desktop .text-desktop:after {
        top: 100%;
        right: 0;
        border-width: .5em 2em 0 0;
        border-color: transparent
    }

    .product-container .bold-desktop:before,.product-container .ribbon-desktop:after,.product-container .ribbon-desktop:before,.product-container .text-desktop:after,.product-container .text-desktop:before {
        content: "";
        position: absolute;
        border-style: solid
    }

    .product-container .ribbon-desktop:before {
        top: .3em;
        left: .2em;
        width: 100%;
        height: 100%;
        border: none;
        z-index: -2
    }

    .product-container .bold-desktop:before,.product-container .ribbon-desktop:after {
        top: 1em;
        right: -.6em;
        border-width: .55em .5em .55em 1.5em;
        border-color: transparent;
        z-index: -1
    }

    .product-container .bold-desktop:before {
        border-color: transparent;
        top: 2.2em;
        right: -1.15em;
        width: 40px
    }
}
@media only screen and (min-width: 320px) {
    .page-container {
        width:100%;
        height: 100%;
        float: left;
        display: flex;
        flex-direction: column;
        align-items: center;
        overflow: auto;
        position: absolute;
        overflow-x: hidden;
        background-color: #fff
    }

    .page-container .comparison-buyereviews-page-content-container {
        width: 100%;
        min-height: auto;
        display: flex;
        flex-direction: column
    }

    .page-container .comparison-buyereviews-page-content-container .title {
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: 800;
        color: var(--textColor1);
        padding: 0 10px;
        text-decoration: none;
        margin: 10px auto 10px 0;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-decoration: underline;
        -webkit-text-decoration-color: rgba(0,140,255,.82);
        text-decoration-color: rgba(0,140,255,.82);
        font-family: inherit
    }

    .page-container .comparison-buyereviews-page-content-container .title-design-2 {
        font-size: 1.6rem;
        line-height: 2rem;
        font-weight: 700;
        color: #2c3862;
        text-decoration: none;
        margin: 10px auto 10px 0;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font-family: inherit;
        text-align: left;
        padding: 0 10px 10px;
        border-bottom: .5px solid rgba(44,56,98,.251)
    }

    .page-container .comparison-buyereviews-page-content-container .updated-date-line-design-2 {
        text-align: left;
        padding-left: 10px;
        color: #2c3862
    }

    .page-container .comparison-buyereviews-page-content-container .sub-title {
        font-size: 1.25rem;
        line-height: 1.33;
        color: var(--textColor2);
        text-decoration: none;
        margin: 5px auto 20px 0
    }

    .page-container .comparison-buyereviews-page-content-container .intro-container {
        display: none;
        flex-direction: column;
        width: 100%;
        text-align: left;
        border-top: .5px solid #d3d3d3
    }

    .page-container .comparison-buyereviews-page-content-container .intro-container .written-container {
        width: 100%;
        height: 80px;
        display: flex;
        flex-direction: row;
        align-items: center;
        position: relative
    }

    .page-container .comparison-buyereviews-page-content-container .intro-container .written-container .updated-date-line {
        color: #000;
        font-size: .9rem;
        position: absolute;
        top: 5px;
        right: 10px;
        font-style: italic;
        font-weight: 500
    }

    .page-container .comparison-buyereviews-page-content-container .intro-container .written-container .sharing-container {
        display: flex;
        flex-direction: row;
        padding-top: 5px;
        position: absolute;
        bottom: 10px;
        right: 0
    }

    .page-container .comparison-buyereviews-page-content-container .intro-container .written-container .sharing-container button {
        margin-right: 10px
    }

    .page-container .comparison-buyereviews-page-content-container .intro-container .written-container .writter-image-container {
        width: 50px;
        padding-left: 10px
    }

    .page-container .comparison-buyereviews-page-content-container .intro-container .written-container .writter-image-container .image {
        height: 40px;
        width: 40px;
        border-radius: 100px;
        object-fit: cover
    }

    .page-container .comparison-buyereviews-page-content-container .intro-container .written-container .right-side-container {
        padding-left: 10px
    }

    .page-container .comparison-buyereviews-page-content-container .intro-container .written-container .right-side-container .written-by-text {
        color: var(--textColor2);
        font-size: .8rem
    }

    .page-container .comparison-buyereviews-page-content-container .intro-container .written-container .right-side-container .name-line {
        color: var(--textColor1);
        font-weight: 700;
        font-size: .8rem;
        text-decoration: underline
    }

    .page-container .comparison-buyereviews-page-content-container .main-image-container {
        display: none
    }

    .page-container .comparison-buyereviews-page-content-container .adv-disclosure {
        display: flex;
        align-items: center;
        gap: 5px; 
        position: relative;
        cursor: pointer;
        font-weight: 400;
        font-size: .8rem;
        color: var(--textColor2);
        padding: 5px 0;
    }

    .page-container .comparison-buyereviews-page-content-container .adv-disclosure .info-circle {
        position: static; 
        flex-shrink: 0;
    }

    .page-container .comparison-buyereviews-page-content-container .adv-disclosure span {
        position: static;
        width: auto;
        font-size: .9rem;
        color: #666;
        white-space: normal;
    }

    .page-container .comparison-buyereviews-page-content-container .splitted-updated-date-line {
        display: none
    }

    .page-container .comparison-buyereviews-page-content-container .bottom-wrapper {
        width: -moz-fit-content;
        width: fit-content
    }

    .page-container .comparison-buyereviews-page-content-container .splitted-cover-image {
        display: none
    }

    .page-container .comparison-buyereviews-page-content-container .teaser-text-container {
        padding-left: 10px;
        padding-right: 10px;
        display: none
    }

    .page-container .comparison-buyereviews-page-content-container .intro-text-container {
        text-align: left;
        padding: 10px
    }

    .page-container .comparison-buyereviews-page-content-container .intro-text-container .intro-content {
        margin-top: 15px;
        font-size: 1.1rem;
        line-height: 1.8rem;
        color: var(--textColor1);
        white-space: pre-wrap;
        font-weight: 300
    }

    .page-container .comparison-buyereviews-page-content-container .intro-text-container .intro-content span {
        text-align: left
    }

    .page-container .comparison-buyereviews-page-content-container .intro-text-container .top-picks-row {
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        max-height: 30px;
        line-height: 1.8rem;
        padding-right: 15px;
        color: #000;
        font-weight: 700
    }

    .page-container .comparison-buyereviews-page-content-container .intro-text-container h3 {
        font-family: inherit
    }

    .page-container .comparison-buyereviews-page-content-container .intro-text-container .header {
        font-size: 20px;
        font-weight: 700;
        text-decoration: underline;
        -webkit-text-decoration-color: rgba(0,140,255,.82);
        text-decoration-color: rgba(0,140,255,.82);
        padding-bottom: 10px;
        font-family: inherit;
        color: #000
    }

    .page-container .comparison-buyereviews-page-content-container .intro-text-container .header-top-picks {
        font-size: 18px;
        font-weight: 700;
        text-decoration: underline;
        -webkit-text-decoration-color: rgba(0,140,255,.82);
        text-decoration-color: rgba(0,140,255,.82);
        padding-bottom: 10px;
        font-family: inherit;
        margin-top: -10px!important
    }

    .page-container .comparison-buyereviews-page-content-container .intro-text-container tr {
        height: 30px
    }

    .page-container .comparison-buyereviews-page-content-container .intro-text-container td {
        font-weight: 600;
        font-size: 1rem;
        vertical-align: text-bottom;
        min-width: 142px
    }

    .page-container .comparison-buyereviews-page-content-container .intro-text-container td a {
        text-decoration: none;
        color: #000
    }

    .page-container .comparison-buyereviews-page-content-container .intro-text-container .you-might-also-like-container {
        display: grid;
        flex-direction: column;
        grid-template-columns: repeat(2,1fr);
        grid-gap: 16px;
        gap: 16px;
        width: 100%;
        justify-content: space-around;
        margin-left: 16px;
        text-transform: capitalize
    }

    .page-container .comparison-buyereviews-page-content-container .intro-text-container .you-might-also-like-container .you-might-also-like-item {
        border: 2px solid #d3d3d3;
        width: 150px;
        height: 150px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 16px;
        cursor: pointer
    }

    .page-container .comparison-buyereviews-page-content-container .intro-text-container .you-might-also-like-container .you-might-also-like-item .you-might-also-like-item-title {
        font-size: 1.2rem;
        font-weight: 600;
        text-align: center;
        padding: 10px 5px 5px;
        color: #000
    }

    .page-container .comparison-buyereviews-page-content-container .comparison-products-review-title {
        display: none;
        color: var(--textColor1);
        font-size: 1.6rem;
        line-height: 2rem;
        text-align: left;
        font-weight: 800;
        width: 100%;
        text-align: center;
        padding: 20px 12px 25px;
        text-decoration: underline;
        -webkit-text-decoration-color: rgba(0,140,255,.82);
        text-decoration-color: rgba(0,140,255,.82)
    }

    .page-container .comparison-buyereviews-page-content-container .teaser-image-container {
        display: flex;
        flex-direction: row;
        padding: 10px 10px 0;
        margin-top: 15px;
        border-top: .5px solid rgba(44,56,98,.251);
        justify-content: center;
        align-items: center
    }

    .page-container .comparison-buyereviews-page-content-container .teaser-image-container .comparison-products-review-teaser {
        width: 60%;
        font-size: 1rem;
        text-align: left;
        color: #5e5c62;
        font-weight: 100
    }

    .page-container .comparison-buyereviews-page-content-container .teaser-image-container .teaset-image-left-side {
        max-width: 40%
    }

    .page-container .comparison-buyereviews-page-content-container .teaser-image-container .teaset-image-left-side img {
        max-width: 150px;
        max-height: 110px;
        object-fit: scale-down;
        border-radius: 8px
    }

    .page-container .comparison-buyereviews-page-content-container .buyersGuideAndFaq,.page-container .comparison-buyereviews-page-content-container .conclusion {
        font-size: 2rem;
        line-height: 1.2;
        color: #444;
        text-align: start;
        margin-top: 30px;
        padding: 40px 15px 30px;
        border-top: .5px solid var(--textColor3)
    }

    .page-container .comparison-buyereviews-page-content-container .buyersGuideAndFaq .name-header,.page-container .comparison-buyereviews-page-content-container .conclusion .name-header {
        padding-bottom: 20px
    }

    .page-container .comparison-buyereviews-page-content-container .buyersGuideAndFaq span,.page-container .comparison-buyereviews-page-content-container .conclusion span {
        font-size: 1.1rem;
        line-height: 1.7rem;
        color: var(--textColor1);
        white-space: pre-wrap;
        font-weight: 300
    }

    .page-container .comparison-buyereviews-page-content-container .buyersGuideAndFaq span span,.page-container .comparison-buyereviews-page-content-container .conclusion span span {
        text-align: left
    }

    .page-container .comparison-buyereviews-page-content-container .popup {
        position: relative;
        display: inline-block;
        cursor: pointer
    }

    .page-container .comparison-buyereviews-page-content-container .popup .popuptext {
        visibility: hidden;
        width: 250px;
        height: auto;
        border-radius: 6px;
        position: absolute;
        bottom: 125%;
        left: 50%;
        margin-left: -80px;
        height: -moz-fit-content;
        height: fit-content;
        left: 80px;
        top: 20px;
        z-index: 9999;
        background-color: #fff;
        color: #000;
        text-align: left;
        padding: 5px;
        border: 1px solid #d4d4d5;
        font-size: 12px
    }

    .page-container .comparison-buyereviews-page-content-container .popup .popuptext:after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border: 5px solid transparent;
        border-top-color: #555
    }

    .page-container .comparison-buyereviews-page-content-container .popup .show {
        visibility: visible;
        animation: fadeIn 1s
    }

    @keyframes fadeIn {
        0% {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    .page-container .deals-section-container {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-evenly
    }

    .page-container .deal-popup-on-leave-container {
        width: 100%;
        height: 100%;
        position: fixed;
        background-color: hsla(0,0%,59%,.502);
        z-index: 9999999;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-left: 0;
        border-radius: 15px
    }

    .page-container .deal-popup-on-leave-container .popup-center-container-mobile {
        position: relative;
        background-color: #fff;
        width: 90%;
        min-height: 350px;
        border-radius: 15px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px
    }

    .page-container .deal-popup-on-leave-container .popup-center-container-mobile .pop-up-img-container-mobile {
        margin-top: 210px;
        width: 220px;
        height: 220px;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .page-container .deal-popup-on-leave-container .popup-center-container-mobile .pop-up-img-container-mobile img {
        object-fit: contain;
        max-width: 220px;
        max-height: 220px;
        display: block
    }

    .page-container .deal-popup-on-leave-container .popup-center-container-mobile .middle-title-mobile {
        font-family: inherit;
        font-weight: 700;
        font-size: 1.3rem;
        color: red;
        padding-top: 20px
    }

    .page-container .deal-popup-on-leave-container .popup-center-container-mobile .popup-title-mobile-container {
        background-color: #000;
        position: absolute;
        top: 0;
        border-top-right-radius: 15px;
        border-top-left-radius: 15px;
        min-height: 185px;
        width: -webkit-fill-available
    }

    .page-container .deal-popup-on-leave-container .popup-center-container-mobile .popup-title-mobile-container .popup-rating-reviews-container {
        margin-top: 15px
    }

    .page-container .deal-popup-on-leave-container .popup-center-container-mobile .popup-title-mobile-container .popup-rating-reviews-container .rating-value {
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly
    }

    .page-container .deal-popup-on-leave-container .popup-center-container-mobile .popup-title-mobile-container .popup-rating-reviews-container .rating-value a {
        color: #fff;
        font-size: 1.8rem;
        font-weight: 500
    }

    .page-container .deal-popup-on-leave-container .popup-center-container-mobile .popup-title-mobile-container .popup-rating-reviews-container .rating-value .grade-string {
        color: gray;
        font-weight: 400;
        font-style: italic;
        font-size: 1.1rem
    }

    .page-container .deal-popup-on-leave-container .popup-center-container-mobile .popup-title-mobile-container .popup-rating-reviews-container .star-svg-cls {
        width: 20px;
        height: 20px;
        margin-top: 3px
    }

    .page-container .deal-popup-on-leave-container .popup-center-container-mobile .popup-title-mobile-container .popup-rating-reviews-container .stars-rating {
        font-size: 24px;
        font-weight: 700
    }

    .page-container .deal-popup-on-leave-container .popup-center-container-mobile .popup-title-mobile-container .popup-rating-reviews-container .stars-rating span {
        padding-right: 6px;
        color: #fff
    }

    .page-container .deal-popup-on-leave-container .popup-center-container-mobile .popup-title-mobile {
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        max-width: 100%;
        font-size: 1.4rem;
        line-height: 1.7rem;
        font-family: inherit;
        max-height: 94px;
        color: #fff;
        font-weight: 600;
        padding: 20px 35px 20px 20px;
        margin-top: 20px
    }

    .page-container .deal-popup-on-leave-container .popup-center-container-mobile .popup-btn-click {
        margin-top: 20px;
        width: 80%;
        padding-left: 10px;
        padding-right: 10px;
        height: 40px;
        background-color: rgba(0,140,255,.82);
        border: none;
        border-radius: 10px;
        font-size: 1.3rem;
        font-weight: 700;
        color: #fff;
        cursor: pointer;
        display: inline-grid;
        align-content: center
    }

    .page-container .deal-popup-on-leave-container .popup-center-container-mobile .ribbon {
        font-size: 20px;
        position: absolute;
        display: inline-block;
        text-align: center;
        z-index: 10;
        top: 165px;
        left: -13px
    }

    .page-container .deal-popup-on-leave-container .popup-center-container-mobile .ribbon .text {
        display: inline-block;
        padding: .5em 1em;
        min-width: 100px;
        font-size: 1.4rem;
        line-height: 1.2rem;
        background: #ff4848;
        position: relative;
        color: #fff
    }

    .page-container .deal-popup-on-leave-container .popup-center-container-mobile .ribbon .text:before {
        bottom: 100%;
        left: 0;
        border-width: .5em .7em 0 0;
        border-color: transparent #b3241a transparent transparent
    }

    .page-container .deal-popup-on-leave-container .popup-center-container-mobile .ribbon .text:after {
        top: 100%;
        right: 0;
        border-width: .5em 2em 0 0;
        border-color: transparent
    }

    .page-container .deal-popup-on-leave-container .popup-center-container-mobile .bold:before,.page-container .deal-popup-on-leave-container .popup-center-container-mobile .ribbon:after,.page-container .deal-popup-on-leave-container .popup-center-container-mobile .ribbon:before,.page-container .deal-popup-on-leave-container .popup-center-container-mobile .text:after,.page-container .deal-popup-on-leave-container .popup-center-container-mobile .text:before {
        content: "";
        position: absolute;
        border-style: solid
    }

    .page-container .deal-popup-on-leave-container .popup-center-container-mobile .ribbon:before {
        top: .3em;
        left: .2em;
        width: 100%;
        height: 100%;
        border: none;
        z-index: -2
    }

    .page-container .deal-popup-on-leave-container .popup-center-container-mobile .bold:before,.page-container .deal-popup-on-leave-container .popup-center-container-mobile .ribbon:after {
        top: 1em;
        right: -.6em;
        border-width: .55em .5em .55em 1.5em;
        border-color: transparent;
        z-index: -1
    }

    .page-container .deal-popup-on-leave-container .popup-center-container-mobile .bold:before {
        border-color: transparent;
        top: 2.2em;
        right: -1.15em;
        width: 40px
    }

    .page-container .deal-popup-on-leave-container .popup-center-container-mobile .close-popup {
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 1.5rem;
        font-weight: 700;
        cursor: pointer;
        color: #fff
    }
}

@media only screen and (min-width: 600px)and (max-width:990px) {
    .page-container {
        width:100%;
        height: 100%
    }

    .page-container .single-products-container {
        display: grid;
        grid-template-columns: 1fr 1fr
    }
}

@media only screen and (min-width: 992px) {
    .page-container {
        width:100%;
        height: 100%;
        float: left;
        display: flex;
        flex-direction: column;
        align-items: center;
        overflow: auto;
        position: absolute;
        background-color: #fff
    }

    .page-container .comparison-buyereviews-page-content-container {
        max-width: 1024px;
        min-width: 1024px;
        min-height: auto;
        display: flex;
        flex-direction: column;
        margin-bottom: 80px
    }

    .page-container .comparison-buyereviews-page-content-container .splitted-cover-image-title-container {
        width: 100%
    }

    .page-container .comparison-buyereviews-page-content-container .splitted-cover-image-title-container .left-side-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        background-color: rgba(111,190,255,.11);
        padding: 8px 15px;
        position: relative
    }

    .page-container .comparison-buyereviews-page-content-container .splitted-cover-image-title-container .left-side-container .title-design-2 {
        font-size: 2.5rem;
        line-height: 3rem;
        font-weight: 800;
        color: var(--textColor1);
        padding: 0;
        margin: 0 auto 10px 0;
        background-color: transparent;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-decoration: none;
        font-family: inherit
    }

    .page-container .comparison-buyereviews-page-content-container .splitted-cover-image-title-container .left-side-container .bottom-wrapper {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: baseline
    }

    .page-container .comparison-buyereviews-page-content-container .splitted-cover-image-title-container .left-side-container .teaser-text-container {
        text-align: left;
        display: flow-root;
        padding: 10px 0
    }

    .page-container .comparison-buyereviews-page-content-container .splitted-cover-image-title-container .left-side-container .teaser-text-container .teaser-content {
        margin-top: 40px;
        font-size: 1.3rem;
        line-height: 1.8rem;
        color: dimgray;
        white-space: pre-wrap;
        font-weight: 700;
        text-align: left
    }

    .page-container .comparison-buyereviews-page-content-container .splitted-cover-image-title-container .left-side-container .teaser-text-container .teaser-content span {
        text-align: left
    }

    .page-container .comparison-buyereviews-page-content-container .splitted-cover-image-title-container .left-side-container .splitted-updated-date-line {
        bottom: 0;
        right: 0;
        padding-right: 10px;
        padding-left: 10px;
        font-style: italic;
        font-weight: 300;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: baseline
    }

    .page-container .comparison-buyereviews-page-content-container .splitted-cover-image-title-container .left-side-container .splitted-updated-date-line .updated-date-line {
        line-height: 35px;
        margin-top: auto;
        color: var(--textColor1)
    }

    .page-container .comparison-buyereviews-page-content-container .splitted-cover-image-title-container .left-side-container .splitted-updated-date-line .sharing-container {
        display: flex;
        flex-direction: row;
        padding-top: 5px;
        bottom: -5px;
        right: 0
    }

    .page-container .comparison-buyereviews-page-content-container .splitted-cover-image-title-container .left-side-container .splitted-updated-date-line .sharing-container button {
        margin-right: 10px
    }

    .page-container .comparison-buyereviews-page-content-container .splitted-cover-image-title-container .splitted-cover-image {
        display: unset;
        min-width: 450px;
        max-width: 450px
    }

    .page-container .comparison-buyereviews-page-content-container .title {
        font-size: 3rem;
        line-height: 4rem;
        font-weight: 800;
        color: var(--textColor1);
        padding: 0;
        margin: 5px auto 20px 0;
        background-color: transparent;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-decoration: none;
        font-family: inherit
    }

    .page-container .comparison-buyereviews-page-content-container .updated-date-line-design-2 {
        display: none
    }

    .page-container .comparison-buyereviews-page-content-container .sub-title {
        font-size: 1.25rem;
        line-height: 1.33;
        color: var(--textColor2);
        text-decoration: none;
        margin: 5px auto 20px 0
    }

    .page-container .comparison-buyereviews-page-content-container .intro-container {
        display: flex;
        flex-direction: row;
        width: 100%;
        text-align: left
    }

    .page-container .comparison-buyereviews-page-content-container .intro-container .written-container {
        width: 100%;
        height: 50px;
        display: flex;
        flex-direction: row;
        align-items: center;
        position: relative
    }

    .page-container .comparison-buyereviews-page-content-container .intro-container .written-container .updated-date-line {
        color: #000;
        font-size: .9rem;
        position: absolute;
        top: 10px;
        left: 10px;
        font-style: italic;
        font-weight: 500;
        width: -moz-fit-content;
        width: fit-content
    }

    .page-container .comparison-buyereviews-page-content-container .intro-container .written-container .sharing-container {
        display: flex;
        flex-direction: row;
        padding-top: 5px;
        bottom: 10px;
        right: 0
    }

    .page-container .comparison-buyereviews-page-content-container .intro-container .written-container .sharing-container button {
        margin-right: 10px
    }

    .page-container .comparison-buyereviews-page-content-container .intro-container .written-container .writter-image-container {
        width: 70px
    }

    .page-container .comparison-buyereviews-page-content-container .intro-container .written-container .writter-image-container .image {
        height: 50px;
        width: 50px;
        border-radius: 100px
    }

    .page-container .comparison-buyereviews-page-content-container .intro-container .written-container .right-side-container .written-by-text {
        color: var(--textColor2);
        font-size: .8rem
    }

    .page-container .comparison-buyereviews-page-content-container .intro-container .written-container .right-side-container .name-line {
        color: var(--textColor1);
        font-weight: 700;
        font-size: 1rem;
        text-decoration: underline
    }

    .page-container .comparison-buyereviews-page-content-container .main-image-container {
        padding: 10px;
        display: flow-root
    }

    .page-container .comparison-buyereviews-page-content-container .main-image-container img {
        max-height: 450px;
        object-fit: cover
    }

    .page-container .comparison-buyereviews-page-content-container .adv-disclosure {
        position: relative;
        cursor: pointer;
        font-weight: 400;
        font-size: .8rem;
        color: var(--textColor2);
        padding-top: 10px;
        padding-left: 10px
    }

    .page-container .comparison-buyereviews-page-content-container .adv-disclosure .info-circle {
        position: static;
        flex-shrink: 0;
    }

    .page-container .comparison-buyereviews-page-content-container .adv-disclosure span {
        position: static;
        left: 15px;
        width: auto;
        white-space: normal;
        top: -3px;
        font-size: .9rem;
        color: #666
    }

    .page-container .comparison-buyereviews-page-content-container .intro-text-container {
        text-align: left
    }

    .page-container .comparison-buyereviews-page-content-container .intro-text-container .intro-content {
        margin-top: 40px;
        font-size: 1.4rem;
        line-height: 2.2rem;
        color: var(--textColor1);
        white-space: pre-wrap;
        font-weight: 300;
        text-align: left
    }

    .page-container .comparison-buyereviews-page-content-container .intro-text-container .intro-content span {
        text-align: left
    }

    .page-container .comparison-buyereviews-page-content-container .intro-text-container .top-picks-row {
        font-size: 1.4rem;
        max-height: 2.5rem;
        line-height: 2.5rem;
        padding-right: 15px;
        color: #000;
        font-weight: 700
    }

    .page-container .comparison-buyereviews-page-content-container .intro-text-container .header {
        font-size: 32px;
        font-weight: 700;
        text-decoration: underline;
        -webkit-text-decoration-color: rgba(0,140,255,.82);
        text-decoration-color: rgba(0,140,255,.82);
        padding-bottom: 30px;
        font-family: inherit;
        color: #000
    }

    .page-container .comparison-buyereviews-page-content-container .intro-text-container .header-top-picks {
        font-size: 30px;
        font-weight: 700;
        text-decoration: underline;
        -webkit-text-decoration-color: rgba(0,140,255,.82);
        text-decoration-color: rgba(0,140,255,.82);
        padding-bottom: 10px;
        font-family: inherit
    }

    .page-container .comparison-buyereviews-page-content-container .intro-text-container tr {
        height: 30px
    }

    .page-container .comparison-buyereviews-page-content-container .intro-text-container td {
        font-weight: 600;
        font-size: 1.3rem;
        vertical-align: text-bottom
    }

    .page-container .comparison-buyereviews-page-content-container .intro-text-container .you-might-also-like-container {
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: space-around;
        text-transform: capitalize
    }

    .page-container .comparison-buyereviews-page-content-container .intro-text-container .you-might-also-like-container .you-might-also-like-item {
        border: 2px solid #d3d3d3;
        width: 200px;
        height: 200px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 16px;
        cursor: pointer
    }

    .page-container .comparison-buyereviews-page-content-container .intro-text-container .you-might-also-like-container .you-might-also-like-item .you-might-also-like-item-title {
        font-size: 1.2rem;
        font-weight: 600;
        text-align: center;
        padding: 10px 5px 5px;
        color: #000
    }

    .page-container .comparison-buyereviews-page-content-container .comparison-products-review-title {
        display: none;
        color: var(--textColor1);
        font-size: 2.8rem;
        line-height: 3.4rem;
        text-align: left;
        font-weight: 800;
        width: 100%;
        text-align: center;
        padding: 60px 42px 42px;
        text-decoration: underline;
        -webkit-text-decoration-color: rgba(0,140,255,.82);
        text-decoration-color: rgba(0,140,255,.82)
    }

    .page-container .comparison-buyereviews-page-content-container .teaser-image-container {
        display: none
    }

    .page-container .comparison-buyereviews-page-content-container .buyersGuideAndFaq,.page-container .comparison-buyereviews-page-content-container .conclusion {
        font-size: 2rem;
        line-height: 1.2;
        color: #444;
        text-align: start;
        margin-top: 30px;
        padding-top: 40px;
        padding-bottom: 30px;
        border-top: .5px solid var(--textColor3)
    }

    .page-container .comparison-buyereviews-page-content-container .buyersGuideAndFaq .name-header,.page-container .comparison-buyereviews-page-content-container .conclusion .name-header {
        padding-bottom: 20px
    }

    .page-container .comparison-buyereviews-page-content-container .buyersGuideAndFaq span,.page-container .comparison-buyereviews-page-content-container .conclusion span {
        font-size: 1.1rem;
        line-height: 1.7rem;
        color: var(--textColor1);
        white-space: pre-wrap;
        font-weight: 300
    }

    .page-container .comparison-buyereviews-page-content-container .buyersGuideAndFaq span span,.page-container .comparison-buyereviews-page-content-container .conclusion span span {
        text-align: left
    }

    .page-container .comparison-buyereviews-page-content-container .popup {
        position: relative;
        display: inline-block;
        cursor: pointer
    }

    .page-container .comparison-buyereviews-page-content-container .popup .popuptext {
        visibility: hidden;
        width: 250px;
        height: auto;
        border-radius: 6px;
        position: absolute;
        bottom: 125%;
        left: 50%;
        margin-left: -80px;
        height: -moz-fit-content;
        height: fit-content;
        left: 80px;
        top: 20px;
        z-index: 9999;
        background-color: #fff;
        color: #000;
        text-align: left;
        padding: 5px;
        border: 1px solid #d4d4d5;
        font-size: 12px
    }

    .page-container .comparison-buyereviews-page-content-container .popup .popuptext:after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border: 5px solid transparent;
        border-top-color: #555
    }

    .page-container .comparison-buyereviews-page-content-container .popup .show {
        visibility: visible;
        animation: fadeIn 1s
    }

    @keyframes fadeIn {
        0% {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    .page-container .single-products-container {
        position: relative
    }

    .page-container .deals-section-container {
        padding-left: 40px;
        padding-right: 40px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-evenly
    }

    .page-container .deal-popup-on-leave-container {
        width: 100%;
        height: 100%;
        position: fixed;
        background-color: hsla(0,0%,59%,.502);
        z-index: 9999999;
        justify-content: center;
        align-items: center;
        border-radius: 15px
    }

    .page-container .deal-popup-on-leave-container .popup-center-container {
        display: flex;
        flex-direction: row;
        background-color: #fff;
        width: 700px;
        height: 450px;
        border-radius: 15px
    }

    .page-container .deal-popup-on-leave-container .popup-center-container .left-side-popup {
        width: 400px;
        background-color: #2d2d2d;
        padding: 10px;
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .page-container .deal-popup-on-leave-container .popup-center-container .left-side-popup .popup-title {
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        padding-left: 5px;
        margin-top: 20px;
        max-width: 100%;
        font-size: 1.8rem;
        line-height: 2.2rem;
        font-family: inherit;
        max-height: 180px;
        color: #fff;
        font-weight: 600;
        cursor: pointer
    }

    .page-container .deal-popup-on-leave-container .popup-center-container .left-side-popup .middle-title {
        font-family: inherit;
        font-weight: 400;
        font-size: 1.3rem;
        color: #fff;
        padding-top: 30px
    }

    .page-container .deal-popup-on-leave-container .popup-center-container .left-side-popup a {
        margin-top: 190px;
        width: 250px;
        height: 50px;
        background-color: rgba(0,140,255,.82);
        border: none;
        border-radius: 10px;
        font-size: 1.4rem;
        font-weight: 600;
        color: #fff;
        cursor: pointer;
        display: inline-grid;
        align-content: center
    }

    .page-container .deal-popup-on-leave-container .popup-center-container .right-side-popup {
        width: 300px;
        display: flex;
        background-color: #2d2d2d;
        position: relative;
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px
    }

    .page-container .deal-popup-on-leave-container .popup-center-container .right-side-popup .arrow-left {
        width: 0;
        height: 0;
        border-top: 225px solid transparent;
        border-bottom: 225px solid transparent;
        border-right: 136px solid #fff
    }

    .page-container .deal-popup-on-leave-container .popup-center-container .right-side-popup .right-background {
        width: 200px;
        height: auto;
        background-color: #fff;
        position: unset;
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px
    }

    .page-container .deal-popup-on-leave-container .popup-center-container .right-side-popup .right-background .pop-up-img-container {
        position: absolute;
        top: calc(50% - 90px);
        right: 35px;
        max-width: 180px;
        max-height: 180px;
        cursor: pointer
    }

    .page-container .deal-popup-on-leave-container .popup-center-container .right-side-popup .right-background .pop-up-img-container img {
        object-fit: contain;
        max-width: 180px;
        max-height: 180px
    }

    .page-container .deal-popup-on-leave-container .popup-center-container .right-side-popup .right-background .close-popup {
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 1.5rem;
        font-weight: 700;
        cursor: pointer;
        color: #2d2d2d
    }

    .page-container .deal-popup-on-leave-container .popup-center-container .ribbon {
        font-size: 20px;
        position: absolute;
        display: inline-block;
        text-align: center;
        z-index: 10;
        top: 200px;
        left: -413px
    }

    .page-container .deal-popup-on-leave-container .popup-center-container .ribbon .text {
        display: inline-block;
        padding: .5em 1em;
        min-width: 100px;
        font-size: 1.4rem;
        line-height: 1.2rem;
        background: #ff4848;
        position: relative;
        color: #fff
    }

    .page-container .deal-popup-on-leave-container .popup-center-container .ribbon .text:before {
        bottom: 100%;
        left: 0;
        border-width: .5em .7em 0 0;
        border-color: transparent #b3241a transparent transparent
    }

    .page-container .deal-popup-on-leave-container .popup-center-container .ribbon .text:after {
        top: 100%;
        right: 0;
        border-width: .5em 2em 0 0;
        border-color: transparent
    }

    .page-container .deal-popup-on-leave-container .popup-center-container .bold:before,.page-container .deal-popup-on-leave-container .popup-center-container .ribbon:after,.page-container .deal-popup-on-leave-container .popup-center-container .ribbon:before,.page-container .deal-popup-on-leave-container .popup-center-container .text:after,.page-container .deal-popup-on-leave-container .popup-center-container .text:before {
        content: "";
        position: absolute;
        border-style: solid
    }

    .page-container .deal-popup-on-leave-container .popup-center-container .ribbon:before {
        top: .3em;
        left: .2em;
        width: 100%;
        height: 100%;
        border: none;
        z-index: -2
    }

    .page-container .deal-popup-on-leave-container .popup-center-container .bold:before,.page-container .deal-popup-on-leave-container .popup-center-container .ribbon:after {
        top: 1em;
        right: -.6em;
        border-width: .55em .5em .55em 1.5em;
        border-color: transparent;
        z-index: -1
    }

    .page-container .deal-popup-on-leave-container .popup-center-container .bold:before {
        border-color: transparent;
        top: 2.2em;
        right: -1.15em;
        width: 40px
    }
}

.description-text {
    text-align: left;
    padding: 20px 40px;
    font-size: 1.2em;
    font-weight: 300;
    line-height: 25px
}

.section-divider {
    border-top: .5px solid #d3d3d3;
    height: 3px;
    margin-top: 15px;
    padding-bottom: 25px
}

.custom-p {
    letter-spacing: .5px;
    -webkit-margin-after: 1em;
    margin-block-end:1em;line-height: 1.8rem;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 1.25px;
    padding-left: 10px;
    padding-right: 10px
}

.rating-value-au24-desktop {
  display: flex;
  align-items: center;
  gap: 10px;
  --rating: 0;
  --rating-calc: 0;
}

.stars-rating {
  display: flex;
  gap: 1px;
}

.star {
  position: relative;
  width: 20px;
  height: 20px;
  background-color: #ccc;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M9.15316 5.40838C10.4198 3.13613 11.0531 2 12 2C12.9469 2 13.5802 3.13612 14.8468 5.40837L15.1745 5.99623C15.5345 6.64193 15.7144 6.96479 15.9951 7.17781C16.2757 7.39083 16.6251 7.4699 17.3241 7.62805L17.9605 7.77203C20.4201 8.32856 21.65 8.60682 21.9426 9.54773C22.2352 10.4886 21.3968 11.4691 19.7199 13.4299L19.2861 13.9372C18.8096 14.4944 18.5713 14.773 18.4641 15.1177C18.357 15.4624 18.393 15.8341 18.465 16.5776L18.5306 17.2544C18.7841 19.8706 18.9109 21.1787 18.1449 21.7602C17.3788 22.3417 16.2273 21.8115 13.9243 20.7512L13.3285 20.4768C12.6741 20.1755 12.3469 20.0248 12 20.0248C11.6531 20.0248 11.3259 20.1755 10.6715 20.4768L10.0757 20.7512C7.77268 21.8115 6.62118 22.3417 5.85515 21.7602C5.08912 21.1787 5.21588 19.8706 5.4694 17.2544L5.53498 16.5776C5.60703 15.8341 5.64305 15.4624 5.53586 15.1177C5.42868 14.773 5.19043 14.4944 4.71392 13.9372L4.2801 13.4299C2.60325 11.4691 1.76482 10.4886 2.05742 9.54773C2.35002 8.60682 3.57986 8.32856 6.03954 7.77203L6.67589 7.62805C7.37485 7.4699 7.72433 7.39083 8.00494 7.17781C8.28555 6.96479 8.46553 6.64194 8.82547 5.99623L9.15316 5.40838Z'/></svg>") no-repeat center;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M9.15316 5.40838C10.4198 3.13613 11.0531 2 12 2C12.9469 2 13.5802 3.13612 14.8468 5.40837L15.1745 5.99623C15.5345 6.64193 15.7144 6.96479 15.9951 7.17781C16.2757 7.39083 16.6251 7.4699 17.3241 7.62805L17.9605 7.77203C20.4201 8.32856 21.65 8.60682 21.9426 9.54773C22.2352 10.4886 21.3968 11.4691 19.7199 13.4299L19.2861 13.9372C18.8096 14.4944 18.5713 14.773 18.4641 15.1177C18.357 15.4624 18.393 15.8341 18.465 16.5776L18.5306 17.2544C18.7841 19.8706 18.9109 21.1787 18.1449 21.7602C17.3788 22.3417 16.2273 21.8115 13.9243 20.7512L13.3285 20.4768C12.6741 20.1755 12.3469 20.0248 12 20.0248C11.6531 20.0248 11.3259 20.1755 10.6715 20.4768L10.0757 20.7512C7.77268 21.8115 6.62118 22.3417 5.85515 21.7602C5.08912 21.1787 5.21588 19.8706 5.4694 17.2544L5.53498 16.5776C5.60703 15.8341 5.64305 15.4624 5.53586 15.1177C5.42868 14.773 5.19043 14.4944 4.71392 13.9372L4.2801 13.4299C2.60325 11.4691 1.76482 10.4886 2.05742 9.54773C2.35002 8.60682 3.57986 8.32856 6.03954 7.77203L6.67589 7.62805C7.37485 7.4699 7.72433 7.39083 8.00494 7.17781C8.28555 6.96479 8.46553 6.64194 8.82547 5.99623L9.15316 5.40838Z'/></svg>") no-repeat center;
  background-color: #ccc;
  overflow: hidden;
}

.star::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: var(--fill, 0%);
  height: 100%;
  background-color: #FFC52F;
}