@charset "utf-8";
/* CSS Document */


@font-face {
    font-family: 'wornerregular';
    src: url('../int-fonts/worner-naryv.woff2') format('woff2'),
        url('../int-fonts/worner-naryv.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*--------RESET-CSS--------*/
body {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 0;
    background: #fff;
    color: #000000;
    /* text-align: center; */
    font-family: 'Inter';
    font-weight: 400;
}

html {
    scroll-behavior: smooth;
}

.footer__text a {
    color: #009900 !important;
}

.footer__text a:hover {
    color: #009900 !important;
}


div,
ul,
h1,
h2,
h3,
h4,
h5,
li,
p,
img,
form,
input,
textarea {
    margin: 0;
    padding: 0;
}

header,
section,
footer,
aside,
nav,
main,
article,
figure {
    display: block;
}

table,
tr,
td {
    border: 0;
}

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

img {
    border: none;
    height: auto;
}

li {
    list-style: none;
}

* {
    box-sizing: border-box;
}
a:hover {
    color: #FFF !important;
}

.img-full {
    max-width: 100%;
}

.clearall {
    clear: both;
    font-size: 1px;
    line-height: 1px;
    height: 1px;
}

.wrapper {
    overflow: hidden;
}

/*--------fonts--------*/
@font-face {
    font-family: 'Inter';
    src: url('../int-fonts/Inter-Light.woff2') format('woff2'),
        url('../int-fonts/Inter-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../int-fonts/Inter-Bold.woff2') format('woff2'),
        url('../int-fonts/Inter-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../int-fonts/Inter-Regular.woff2') format('woff2'),
        url('../int-fonts/Inter-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../int-fonts/Inter-SemiBold.woff2') format('woff2'),
        url('../int-fonts/Inter-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../int-fonts/Inter-Medium.woff2') format('woff2'),
        url('../int-fonts/Inter-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Russo One';
    src: url('../int-fonts/RussoOne-Regular.woff2') format('woff2'),
        url('../int-fonts/RussoOne-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*--------MAIN-CSS--------*/
.container {
    /* max-width: 1369px; */

    /* max-width: 1240px; */

    max-width: 1197px;


    /* margin: 0 auto;
    padding: 0;
    position: relative; */
}

@media (max-width: 767px) {
    .container {
        width: initial;
        /* padding: 0 15px; */
    }
}


.sidebar-col {
    max-width: 370px;
}
@media (max-width: 1023px) {
   .sidebar-col {
        max-width: initial;
    }
}

/* Comps */

    /* CTA 1 */
    .cta1 {
        display: flex;
        /* max-width: 328px; */
        width: 100%;
        height: 60px;
        padding: 10px 15px;
        font-family: Arial;
        font-weight: 700;
        font-size: 18px;
        line-height: 20px;
        letter-spacing: 0%;
        text-decoration: none !important;
        background: linear-gradient(278.53deg, rgba(0, 153, 0, 0) 30%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 70%), #009900;
        color: #FFF;
        align-items: center;
        gap: 10px;
    }
    .cta1:visited {
        color: #FFF;
    }
    .cta1:hover, 
    .cta1:active,
    .cta1:focus {
        color: #FFF !important;
    }
    /* .cta1:hover, 
    .cta1:active,
    .cta1:focus {
        color: #FFF !important;
        text-decoration: none !important;
        background: linear-gradient(278.53deg, rgba(0, 153, 0, 0) 30%, rgba(255, 255, 255, 0.2) 40%, rgba(255, 255, 255, 0) 90%), #009900;
    } */

    .cta1,
    .offer1__cta{
        display: inline-flex;
        justify-content: center;
        align-items: center;
        position: relative;
        width: 100%;
        height: 60px;
        color: rgb(255, 255, 255);
        font-size: 20px;
        font-weight: 600;
        line-height: 1;
        text-transform: capitalize;
        background: rgb(0, 153, 0);
        padding: 12px;
    }
    .offer1__cta::before,
    .cta1::before {
        background-image: linear-gradient(-45deg, rgba(0, 153, 0, 0) 30%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 70%);
        background-size: 200% 200%;
        opacity: .3;
        animation: shine 3s ease-out infinite;
        position: absolute;
        content: "";
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 0;
    }

    @keyframes shine {
        0% {
            background-position: 200% 0;
        }
        100% {
            background-position: -200% 0;
        }
    }


    @media (max-width: 1023px) {
         .cta1 {
            font-size: 16px;
            line-height: 20px;
         }
    }
    /* CTA 1 END */
    
    
    /* Sticky CTA */
    .sticky-cta {
        position: fixed;
        bottom: 0;
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 70px;
        padding: 0px 15px;
        vertical-align: middle;
        text-transform: capitalize;
        text-align: center;
        background-color: #FFF;
    }

    /* Sticky CTA END */

    /* Author */
    .c-article_author {
        display: flex;
    }
    .c-article_author__img {}
    .article_author__dtls {}
    .c-article_author__name {}
    /* Author END */

    /* Highlight 1 */
    .c-hgl-1{
        width: 100%;
        min-height: 104px;
        margin: 20px auto;
        padding: 30px 24px;
    
        font-family: Arial;
        font-weight: 700;
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0%;
    
        color: #000;
    
        background-color: #FFF7F7
    }
    /*  Highlight 1 END */
    
    
    
    /*  Checkmark list green 1 */
    .c-list1-chks {
        display: flex;
        gap: 20px;
        margin-top: 20px;
        flex-direction: column;
        font-family: Arial;
        font-weight: 400;
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0%;
    }

    .c-list1-chks__item {
        display: flex;
        align-items: center;
    }

    .c-list1-chks__item::before {
        display: block;
        width: 30px;
        height: 30px;
        content: url('./../pre-images/check1-grn.png');
        vertical-align: middle;
        margin-right: 10px;
    }
    /*  Checkmark lsidt green 1 END */



    /*  Highlight 2 */
    .c-hgl-2 {
        display: flex;
        gap: 16px;
        margin-top: 60px;
        /* margin-bottom: 20px; */
        padding: 24px;
        background-color: #C9CEAE;
        border-bottom: 2px solid #363A2C;
    }

    .c-hgl-2__index {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 95px;
        height: 95px;
        text-align: center;
        font-family: Arial;
        font-weight: 700;
        font-size: 50px;
        line-height: 150%;
        letter-spacing: 0%;
        color: #FFF;
        background-color: #35392B;
    }

    .c-hgl-2__content {
        display: flex;
        flex-direction: column;
        gap: 15px;
        align-items: flex-start;
    }

    .c-hgl-2__title {
        margin-left: 6px;
        font-family: Arial;
        font-weight: 700;
        font-size: 24px;
        line-height: 28px;
        letter-spacing: 0%;
        color: #000
    }

    .c-hgl-2__rating {
        display: flex;
        gap: 7px;
        align-items: center;
        justify-content: center;
        align-content: center;
        max-width: auto;
        min-height: 44px;
        padding: 4px 16.5px;
        font-family: Arial;
        font-weight: 700;
        font-size: 18px;
        line-height: 28px;
        letter-spacing: 0%;
        color: #000;
        background-color: #FFF;
        border-radius: 22px;
    }

    .c-hgl-2__rating-text {
        /* Element: rating text line */
    }

    .c-hgl-2__stars {
        /* Element: container for star image */
    }

    @media (max-width: 767px) {
        .c-hgl-2 {
            gap: 15px;
            padding: 15px;
            align-items: center;
        }

        .c-hgl-2__index {
            justify-content: center;
            align-items: center;
            width: 50px;
            min-width: 50px;
            height: auto;
            aspect-ratio: 1/1;
            font-size: 31px;
        }

        .c-hgl-2__content {
            gap: 10px;
        }

        .c-hgl-2__title {
            margin-left: 4px;
            font-size: 20px;
        }

        .c-hgl-2__rating {
            gap: 2px;
            padding: 4px 7px;
            font-size: 12px;
            line-height: 28px;
        }
    }

    @media screen and (max-width: 420px) {
        .c-hgl-2__rating {
            flex-direction: column;
        }
    }

    /* Highlight 2 END */



    /* Testimonial */
    .tstm {
        display: flex;
        gap: 15px;
        padding: 20px 15px;
        border-top: 1px solid #D7D7D7;
        background-color: #f8f8f8;
    }

    .tstm__initial {
        max-width: 60px;
        max-height: 60px;
        width: 100%;
        height: auto;
        aspect-ratio: 1/1;

        text-align: center;
        text-transform: uppercase;

        font-family: Arial;
        font-weight: 700;
        font-size: 24px;
        line-height: 60px;
        letter-spacing: 0%;
        vertical-align: middle;
        color: #FFF;

        background-color: #A8C4DE;
        border-radius: 30px;
    }

    .tstm__details {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 4px;
    }

    .tstm__prsn {
        font-family: Arial;
        font-weight: 700;
        font-style: italic;
        font-size: 18px;
        line-height: 18px;
        vertical-align: middle;
        letter-spacing: 0.5px;
    }

    .tstm__meta {
        /* Element: metadata container (stars, check, status) */
    }

    .tstm__stars {
        /* Element: star rating image */
    }

    .tstm__check {
        /* Element: checkmark image */
    }

    .tstm__status {
        font-family: Arial;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        letter-spacing: 0.5px;
        vertical-align: middle;
        color: #83CC1C;
    }
    /* Testimonial END */

    /* Table EO */
    .c-tbl1-eo {
        display: flex;
        gap: 5px;
        width: 100%;
        margin-top: 30px;
        padding: 10px;
        border: 1px solid #00000030;

        box-shadow: 0px 0px 10px 0px #0000004D;
    }
    .c-tbl1-eo__col2 {
        width: 100%;
    }

    .c-tbl1-eo__col1,
    .c-tbl1-eo__col2{
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .c-tbl1-eo__col-hdr {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 58px;
        /* TODO: Add font Russo one */
        font-family: Russo One;
        font-weight: 400;
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0%;
        color: #363A2C;
        background-color: #C9CEAE;
    }
    .c-tbl1-eo__col-hdr--1 {
        min-width: 170px;
    }
    .c-tbl1-eo__col-hdr--2 {
        width: 100%;
    }
    .c-tbl1-eo__item {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 58px;
        font-family: Arial;
        font-weight: 400;
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0%;
        color: #000
    }

    .c-tbl1-eo__col-hdr--2 ~ .c-tbl1-eo__item:nth-child(1n) {
        background-color: #F3F3F3;
    }
    .c-tbl1-eo__col-hdr--2 ~ .c-tbl1-eo__item:nth-child(2n+1) {
        background-color: #E0E1D9;
    }


    /* 2 */

    .c-tbl1-eo2 {
        display: flex;
        flex-direction: column;
        gap: 5px;
        width: 100%;
        margin-top: 30px;
        padding: 10px;
        border: 1px solid #00000030;
        box-shadow: 0px 0px 10px 0px #0000004D;
    }
    .c-tbl1-eo2__row {
        display: flex;
        gap: 10px
    }
    .c-tbl1-eo2__col-hdr--1,
    .c-tbl1-eo2__col-hdr--2 {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 58px;
        font-family: Russo One;
        font-weight: 400;
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0%;
        color: #363A2C;
        background-color: #C9CEAE;
    }
    
    .c-tbl1-eo2__row:nth-child(1n) .c-tbl1-eo2__item.paint:nth-child(2) {
        background-color: #F3F3F3;
    }
    .c-tbl1-eo2__row:nth-child(2n+1) .c-tbl1-eo2__item.paint:nth-child(2){
        background-color: #E0E1D9;
    }
    .c-tbl1-eo2__item{
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 58px;
        font-family: Arial;
        font-weight: 400;
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0%;
        color: #000;
    }
    .c-tbl1-eo2__item:nth-child(1) {
        max-width: 170px;
        width: 100%;
    }
    .c-tbl1-eo2__item:nth-child(2) {
        width: 100%;
    }

    .c-tbl1-eo2__col-hdr--1,
    .c-tbl1-eo2__col-hdr--2 {
        font-family: Russo One;
        color: #363A2C;
    }

    /* Table EO END */


    /* Quote 1 */
    .quote {
       display: flex;
       justify-content: space-between;
       margin-top: 20px;
       padding: 15px;
    }

    .quote--1 {
       background-color: #FFF;
    }
    .quote--2 {
       background-color: #F8F8F8;
    }

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

    .quote__text {
        font-family: Arial;
        font-style: italic;
        color: #000;
    }

    .quote--1 .quote__text {
        font-weight: 700;
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0%;
    }
    .quote--2 .quote__text {
        font-weight: 400;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .5px;
    }

    .quote__author {
        font-family: Arial;
        font-weight: 400;
        font-size: 16px;
        line-height: 28px;
        letter-spacing: 0%;
        color: #000;

    }

    .quote__icon {
        display: block;
        /* Element: decorative quote icon */
    }
    /* Quote 1 END */

/* Comps END */

.main-img {
    margin-top: 16px;
    margin-bottom: 5px;
}

.bg--1 {
    background-color: #F3F3F3;
    margin-bottom: 20px;
    padding: 24px;
}

.bg-white {
    background-color: #FFF;
}

.border-rad-20,
.border-rad-20a {
    border-radius: 20px;
}

hr.hr1 {
    margin-top: 5;
    margin-bottom: 21px;
}

/*  */
header {
    display: flex;
    justify-content: space-between;
    /* border-bottom: 2px solid #000000 */
}
                    
.logo_strip{
     display: flex;
    justify-content: space-between;
}

.top_strip{
    display: flex;
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 27px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    align-items: center;
    justify-content: flex-end;
    color: #858585;
}

.article_content {
    padding-top: 50px;
    border-top: 2px solid #000000;
}

.h1-title {
    font-family: Arial;
    font-weight: 700;
    font-size: 48px;
    line-height: 52px;
    letter-spacing: -4%;
}

.sub-title {
    margin-top: 5px;
    font-family: Arial;
    font-weight: 400;
    font-size: 30px;
    line-height: 44px;
    letter-spacing: 0%;
    color: #000;
}

h2.h2-title {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #00000050;
    font-family: Arial;
    font-weight: 700;
    font-size: 28.5px;
    line-height: 39.9px;
    letter-spacing: 0%;
    color: #000;
}

p.v1 {
    font-family: Arial;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0%;
}
p.v1:not(.color-white) {
    color: #000;
}
p.v1.color-white {
    color: #FFF;
}

p.v1:not(:first-child) {
    margin-top: 20px
}

p.v1 strong {
    font-weight: 700;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: 0%;

}

/* author */
.author {
    margin-top: 20px;
    gap: 15px;
}
.author .c-article_author__img {
    width: 50px;
    height: 50px;
}
.author .c-article_author__name {
    font-family: Arial;
    font-weight: 700;
    font-style: italic;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #212529
}

/* gal */
.c-gal1 {
    display: flex;
    gap: 17px;
    justify-content: center;
    margin-top: 15px;
}

img.c-gal1__item {
    max-width: 225px;
    height: auto;
}

@media (max-width: 767px) {
    .c-gal1 {
        flex-direction: column;
        width: 100%;
    }
    img.c-gal1__item {
        margin: auto;
        display: block;
    }
}


.reviews-list {
    display: flex; 
    flex-direction: column; 
    gap: 20px
}

.reviews-list > span {
}


/* offer1 */
.offer1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
    padding: 22px;
    color: #FFF;
    background-image: url('./../pre-images/offer1-bg.jpg');
    background-size: cover;
    border: 3px dashed #ACF4A1;
}
.offer1__subtitle {
    padding: 3px 10px 0px 10px;
    font-family: Arial;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: #000;
    background-color: #ACF4A1;
    border-radius: 24px;
}
.offer1__headline {
    font-family: Oswald;
    font-weight: 700;
    font-size: 32px;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: uppercase;
    color: #FFF
}
.offer1__discount {}
.offer1__discount strong {
    border-radius: 8px;
    padding: 0px 6px 1px 6px;
    font-size: 28px;
    line-height: 27px;
    color: #FFF;
    background-color: #CA0303;
}

.offer1__content {
    display: flex;
    align-items: center;
    margin-top: 18px;
    gap: 5px;
}
.offer1__image-wrapper {
    flex: 1
}
.offer1__image {
    margin-top: 15px;
}
.offer1__text-block {
    flex: 1
}
.offer1__alert {
    border: 2px dashed #F5CB5C;
    border-radius: 4px;
}
.offer1__warning {
    display: inline-block;
    margin: 4px;
    padding: 8px 9px;
    font-family: Arial;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: center;
    color: #000;
    background-color: #F5CB5C;
    border-radius: 4px;
}
.offer1__description {
    margin-top: 20px;
    font-family: Arial;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: center;

}
.offer1__cta {
    display: flex;
    gap: 19px;
    width: 100%;
    max-width: 341px;
    /* margin-top: 20px; */
    margin-left: auto;
    margin-right: auto;
    /* padding: 10px 15px 10px 47px; */
    padding: 10px 15px 10px 15px;
    font-family: Arial;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    text-transform: capitalize;
    background-color: #009900;
    background: linear-gradient(278.53deg, rgba(0, 153, 0, 0) 30%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 70%), #009900;
    color: #FFF !important;
    text-decoration: none !important;
    align-items: center;
    justify-content: center;
    /* justify-content: flex-end; */
}
.offer1__cta:hover, 
.offer1__cta:active,
.offer1__cta:focus {
    color: #FFF !important;
    text-decoration: none !important;
    background: linear-gradient(278.53deg, rgba(0, 153, 0, 0) 30%, rgba(255, 255, 255, 0.2) 40%, rgba(255, 255, 255, 0) 90%), #009900;
}
.offer1__icon {
    /* width: 38px; */
    /* width: 38px; */
    /* margin-right: -39px;
    margin-left: 8px; */
}
.offer1__note {
    margin-top: 15px;
    font-family: Arial;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: uppercase;
}

footer {
    margin-top: 80px;
    padding: 60px 55px;
    background-color: #383C38;
}

footer p.v1{
    max-width: 1366px;
    margin: auto;
    font-family: Arial;
    font-weight: 400;
    font-size: 14px;
    line-height: 19.6px;
    letter-spacing: 0%;
    text-align: center;
    text-transform: uppercase;
}

/* SIDEBAR */

.special-offer{
    box-shadow: 0px 0px 10px 0px #0000004D;
}

.c-star5-rvws-nmbr {
    display: flex;
    margin: 20px auto 0px auto;
    justify-content: center;
}
.c-star5-rvws-nmbr__text{
    font-family: Inter;
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: uppercase;
}
span.blackstar{
    position: relative;
    display: flex;
    margin-right: 10px;
    color: #DADADA;
}
span.yellow-starnlk{
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    color: #FFB303;
    overflow: hidden;
}
span.blackstar,
span.yellow-starnlk {
    gap: 3px;
}

.special-offer .frs-box,
.special-offer .scd-box {
    display: block;
    padding: 0px 15px 4px 15px;
}

h2.h2-title-aside {
    margin: 20px auto;
    font-family: Arial;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0%;
    text-align: center;
}

.article_right_column .special-offer__top {
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    height: 60;
    gap: 10px;
    margin: auto;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
   
    font-family: Arial;
    font-weight: 700;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: 0%;
    text-align: center;

    color: white;
    background: #212225;
}

.article_right_column .special-offer__subtop {

    display: block;
    position: relative;
    top: -6px;
    /* color: var(--main-color-d); */
    /* font-family: 'Roboto', 'Helvetica Neue', 'Arial', sans-serif; */
    font-weight: 700;
    font-size: 22px;
    line-height: 32px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
}


.sidebar-col .offer1__cta {
    margin-top: 20px;
    padding: 10px 15px 10px 15px;
}
.sidebar-col .c-list1-chks {
    margin-left: auto;
    margin-right: auto;
    max-width: 284px;
}
.sidebar-col .c-list1-chks__item{
    font-family: Arial;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.5px;
    vertical-align: middle;
}


.side-reviews__stars{
    display: flex;
    text-align: center;
    gap: 4px;
    justify-content: center;
    font-family: 'Roboto', 'Helvetica Neue', 'Arial', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0px;
    vertical-align: middle;
    flex-direction: column;
    align-items: center;
}

.customers-items__item{    
    width: 100%;
    display: flex !important;
    justify-content: space-between !important;
    margin-top: 30px;
    gap: 10px;
}

.article_content .article_right_column .customer_reviews .rating_percentage .star_txt{
  margin-right: 0px;  
}

.customers-items .item__stars {
    width: 100px;
}

.article_content .article_right_column .customer_reviews .rating_percentage .progress {
    width: 55%;
    height: 0.375rem;
    margin-right: 0px;
}
.customers-items .item__proggress {
    height: 8px !important;
    border-radius: 4px;
    /* border-bottom-left-radius: 4px; */
    width: 90%;
    background: #d7d7d7;
    margin-right: 8px;
}
.customers-items .item__proggress-value {
    background-color: #FFB303 !important;
    height: 8px;
    border-radius: 16px;
}

.article_content .article_right_column .customer_reviews .rating_percentage .percentage {
    font-family: Arial;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0%;
    vertical-align: middle;
}

.customers-items .item__percentage {
    color: #000 !important;
    width: 30px;
    text-align: left;
}

/*  */

.feature-pview {
    margin-top: 20px;
    margin-bottom: 3px;
}
.feature-pview_title {
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
}
.feature-pview_items {
}

.feature-pview__item-name {
    display: flex;
    align-items: center;
    width: 42px;
    height: 36px;
    font-family: Arial;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.5px;
    text-align: left;
    vertical-align: middle;
}
.item-score {
    display: flex;
    align-items: center;
}
.item-score__stars {
    display: flex;
    gap: 4px;
    flex-direction: row-reverse;
    justify-content: flex-start;
    color: #FFB303;
    margin-right: 8px;
}
.item-score__number {
    font-family: Arial;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0%;
    text-align: right;
    vertical-align: middle;
    text-align: right;
}


@media ( max-width: 991px) {

    .frs-box, .scd-box{
        padding: 0px 17% !important;
    }
    img.c-gal1__item {
        max-width: 190px;
    }
    .sidebar-col-img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .footer-mb {
        margin-bottom: 75px;
    }
}
@media ( max-width: 767px) {

    .border-rad-20 {
        border-radius: 13px;
    }

    .border-rad-20a {
        border-radius: 40px;
    }

    .logo_strip img {
        height: 38px;
    }
    
    .h1-title {
        font-size: 30px;
        line-height: 36px;
        letter-spacing: -4%;
    }

    .sub-title {
        font-size: 22px;
        line-height: 28px;
    }

   .author .c-article_author__name {
       font-size: 15px; 
    }

    p.v1 {
        font-weight: 400;
        font-size: 17px;
        line-height: 24.6px;
        letter-spacing: 0%;
    }

    .c-hgl-1{
        font-size: 17px;
        line-height: 24.6px;
    }
    h2.h2-title {
        font-size: 24px;
        line-height: 35px;
    }
    .c-list1-chks__item {
        font-size: 17px;
        line-height: 24.6px;
        letter-spacing: 0%;
    }
    .c-tbl1-eo {
        gap: 6px;
    }
    .c-tbl1-eo__col-hdr{
        font-size: 18px;
        line-height: 28px;
    }
    .c-tbl1-eo__item {
        font-size: 17px;
        line-height: 28px;
    }
    .c-tbl1-eo2__col-hdr--1, .c-tbl1-eo2__col-hdr--2 {
        font-size: 18px;
        line-height: 28px;
    }
    .c-tbl1-eo2__item.paint {
        padding: 15px;
        font-size: 17px;
        line-height: 28px;
    }
    .c-tbl1-eo2__item:nth-child(1) {
        max-width: 103px;
        width: 100%;
    }

    .quote--1 .quote__text {
        font-weight: 700;
        font-size: 14px;
        line-height: 28px;
        letter-spacing: 0%;
    }
    .quote__author {
        font-weight: 400;
        font-size: 14px;
        line-height: 28px;
        letter-spacing: 0%;
    }
    img.c-gal1__item {
        max-width:360px;
        width: 100%;
    }
    .reviews-list {
        gap: 4px;
    }
    .quote--2 .quote__text {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.5px;
    }
    .tstm__initial {
        width: 40px;
        height: 40px;
        font-size: 16px;
        line-height: 40px;
        letter-spacing: 0%;
    }
    .tstm__prsn {
         font-size: 16px;
        line-height: 18px;    
        letter-spacing: 0.5px;
    }
    .tstm__stars {
        height: 16px;
    }
    .tstm__status {
        font-size: 14px;
        line-height: 16px;
        letter-spacing: 0.5px;
    }
    .offer1 {
        padding: 15px;
    }
    .offer1__headline,
    .offer1__discount {
        font-size: 30px;
        line-height: 150%;
        letter-spacing: 0%;
        text-align: center;
    }
    .offer1__discount strong {
        padding: 2px 6px 3px 6px;
        font-size: 26px;
        display: inline-block;
        width: 117px;
    }
    .offer1__headline br {
        display: none;
    }
    .offer1__content {
        flex-direction: column-reverse;
        gap: 0px;
    }
    .offer1__warning {
        font-size: 16px;
        line-height: 130%;
        letter-spacing: 0%;
        text-align: center;
    }
    .offer1__description {
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 0%;
    }
    .offer1__cta {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0%;    
        gap: 10px;
    }
    .offer1__note {
        font-size: 12px;
        line-height: 140%;
        letter-spacing: 0%;
    }
    .sidebar-col .offer1__cta {
        max-width: unset;
        font-size: 20px;
        padding: 10px 15px 10px 35px;
    }
    .customers-items__item {
        margin-top: 15px;
    }
    .feature-pview_title {
        font-size: 16px;
        line-height: 26px;
        letter-spacing: 0.5px;
    }
    footer {
        margin-top: 30px;
        padding: 15px 50px;
        padding-bottom: 100px;
    }
}

@media (max-width: 639px) {
    .frs-box, .scd-box{
        padding: 0px 15px 4px 15px !important;
    }
}
@media ( max-width: 539px) {
    img.c-gal1__item {
        max-width: initial;
    } 

    .sidebar-col .offer1__icon {
         min-width: 17px;
    }

    .offer1__icon {
        /* width: 38px; */
        /* width: 38px; */
        margin-right: unset;
        margin-left: 8px;
    }
}


 @media (min-width: 991px) and (max-width: 1028px) {
    .offer1__cta {
        font-size: 16px;
    }

}