@font-face {
    font-family: 'Auro';
    src: url("https://assets.checkoutchamp.com/Funnel/assets/images/399da7c5-0923-493a-8d72-25b12f3a6d3b/b525bba6-07e9-4517-ad8f-9ae7f26ed590/Auro-Light.eot");
    src: url("https://assets.checkoutchamp.com/Funnel/assets/images/399da7c5-0923-493a-8d72-25b12f3a6d3b/b525bba6-07e9-4517-ad8f-9ae7f26ed590/Auro-Light.eot?#iefix') format('embedded-opentype'"),
        url('../fonts/Auro-Light.woff2') format('woff2'),
        url("https://assets.checkoutchamp.com/Funnel/assets/images/399da7c5-0923-493a-8d72-25b12f3a6d3b/b525bba6-07e9-4517-ad8f-9ae7f26ed590/Auro-Light.woff") format('woff'),
        url("https://assets.checkoutchamp.com/Funnel/assets/images/399da7c5-0923-493a-8d72-25b12f3a6d3b/b525bba6-07e9-4517-ad8f-9ae7f26ed590/Auro-Light.ttf") format('truetype'),
        url('../fonts/Auro-Light.svg#Auro-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Auro';
    src: url("https://assets.checkoutchamp.com/Funnel/assets/images/399da7c5-0923-493a-8d72-25b12f3a6d3b/b525bba6-07e9-4517-ad8f-9ae7f26ed590/Auro-Black.eot");
    src: url("https://assets.checkoutchamp.com/Funnel/assets/images/399da7c5-0923-493a-8d72-25b12f3a6d3b/b525bba6-07e9-4517-ad8f-9ae7f26ed590/Auro-Black.eot?#iefix') format('embedded-opentype'"),
        url('../fonts/Auro-Black.woff2') format('woff2'),
        url("https://assets.checkoutchamp.com/Funnel/assets/images/399da7c5-0923-493a-8d72-25b12f3a6d3b/b525bba6-07e9-4517-ad8f-9ae7f26ed590/Auro-Black.woff") format('woff'),
        url("https://assets.checkoutchamp.com/Funnel/assets/images/399da7c5-0923-493a-8d72-25b12f3a6d3b/b525bba6-07e9-4517-ad8f-9ae7f26ed590/Auro-Black.ttf") format('truetype'),
        url('../fonts/Auro-Black.svg#Auro-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Auro';
    src: url("https://assets.checkoutchamp.com/Funnel/assets/images/399da7c5-0923-493a-8d72-25b12f3a6d3b/b525bba6-07e9-4517-ad8f-9ae7f26ed590/Auro-Medium.eot");
    src: url("https://assets.checkoutchamp.com/Funnel/assets/images/399da7c5-0923-493a-8d72-25b12f3a6d3b/b525bba6-07e9-4517-ad8f-9ae7f26ed590/Auro-Medium.eot?#iefix') format('embedded-opentype'"),
        url('../fonts/Auro-Medium.woff2') format('woff2'),
        url("https://assets.checkoutchamp.com/Funnel/assets/images/399da7c5-0923-493a-8d72-25b12f3a6d3b/b525bba6-07e9-4517-ad8f-9ae7f26ed590/Auro-Medium.woff") format('woff'),
        url("https://assets.checkoutchamp.com/Funnel/assets/images/399da7c5-0923-493a-8d72-25b12f3a6d3b/b525bba6-07e9-4517-ad8f-9ae7f26ed590/Auro-Medium.ttf") format('truetype'),
        url('../fonts/Auro-Medium.svg#Auro-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Auro';
    src: url("https://assets.checkoutchamp.com/Funnel/assets/images/399da7c5-0923-493a-8d72-25b12f3a6d3b/b525bba6-07e9-4517-ad8f-9ae7f26ed590/Auro-Book.eot");
    src: url("https://assets.checkoutchamp.com/Funnel/assets/images/399da7c5-0923-493a-8d72-25b12f3a6d3b/b525bba6-07e9-4517-ad8f-9ae7f26ed590/Auro-Book.eot?#iefix') format('embedded-opentype'"),
        url('../fonts/Auro-Book.woff2') format('woff2'),
        url("https://assets.checkoutchamp.com/Funnel/assets/images/399da7c5-0923-493a-8d72-25b12f3a6d3b/b525bba6-07e9-4517-ad8f-9ae7f26ed590/Auro-Book.woff") format('woff'),
        url("https://assets.checkoutchamp.com/Funnel/assets/images/399da7c5-0923-493a-8d72-25b12f3a6d3b/b525bba6-07e9-4517-ad8f-9ae7f26ed590/Auro-Book.ttf") format('truetype'),
        url('../fonts/Auro-Book.svg#Auro-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Auro';
    src: url("https://assets.checkoutchamp.com/Funnel/assets/images/399da7c5-0923-493a-8d72-25b12f3a6d3b/b525bba6-07e9-4517-ad8f-9ae7f26ed590/Auro-Bold.eot");
    src: url("https://assets.checkoutchamp.com/Funnel/assets/images/399da7c5-0923-493a-8d72-25b12f3a6d3b/b525bba6-07e9-4517-ad8f-9ae7f26ed590/Auro-Bold.eot?#iefix') format('embedded-opentype'"),
        url('../fonts/Auro-Bold.woff2') format('woff2'),
        url("https://assets.checkoutchamp.com/Funnel/assets/images/399da7c5-0923-493a-8d72-25b12f3a6d3b/b525bba6-07e9-4517-ad8f-9ae7f26ed590/Auro-Bold.woff") format('woff'),
        url("https://assets.checkoutchamp.com/Funnel/assets/images/399da7c5-0923-493a-8d72-25b12f3a6d3b/b525bba6-07e9-4517-ad8f-9ae7f26ed590/Auro-Bold.ttf") format('truetype'),
        url('../fonts/Auro-Bold.svg#Auro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Auro';
    src: url("https://assets.checkoutchamp.com/Funnel/assets/images/399da7c5-0923-493a-8d72-25b12f3a6d3b/b525bba6-07e9-4517-ad8f-9ae7f26ed590/Auro-Regular.eot");
    src: url("https://assets.checkoutchamp.com/Funnel/assets/images/399da7c5-0923-493a-8d72-25b12f3a6d3b/b525bba6-07e9-4517-ad8f-9ae7f26ed590/Auro-Regular.eot?#iefix') format('embedded-opentype'"),
        url('../fonts/Auro-Regular.woff2') format('woff2'),
        url("https://assets.checkoutchamp.com/Funnel/assets/images/399da7c5-0923-493a-8d72-25b12f3a6d3b/b525bba6-07e9-4517-ad8f-9ae7f26ed590/Auro-Regular.woff") format('woff'),
        url("https://assets.checkoutchamp.com/Funnel/assets/images/399da7c5-0923-493a-8d72-25b12f3a6d3b/b525bba6-07e9-4517-ad8f-9ae7f26ed590/Auro-Regular.ttf") format('truetype'),
        url('../fonts/Auro-Regular.svg#Auro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




/* ============= colors ================ */
:root {
    --white: #ffffff !important;
    --product-bg: #F5F9FA !important;
    --red: #f48581 !important;
    --orange: #fdcf9c !important;
    --mildblue: #bfd4e0 !important;
    --viridin: #9cefbd !important;
    --black: #000000 !important;
    --purple: #e5daec !important;
    --darkorange: #f9dcc6 !important;
    --grey: #6d6e71 !important;
    --lightgrey: #d7d7d7 !important;
    --lightgrey2: #D8D9D8 !important;
    --yellow: #f7972a !important;
}

/* ============= colors ================ */

/* =============== new css STARTS =========== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.toast-info {
    display: none !important;
}
body {
    font-family: 'Auro' !important;
    color: var(--black) !important;
    overflow: hidden;
}
body.loaded {
    overflow-x: hidden;
    overflow-y: auto;
}
.wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    width: 100%;
}

li {
    list-style: none;
}

.header_main {
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
    border-radius: 0 0 20px 20px;
    position: relative;
    background-color: var(--white);
}

.footer_main {
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
    border-radius: 20px 20px 0 0;
    background-color: var(--white);
    position: relative;
}

.footer_main .logo {
    margin-bottom: 20px;
}

.header_main nav {
    display: flex;
    /* flex-wrap: wrap; */
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
}

.bon__btn {
    display: inline-flex;
    font-size: 16px;
    line-height: 1.4;
    font-family: 'Auro' !important;
    text-transform: uppercase;
    font-weight: 700;
    padding: 12px 30px;
    border-radius: 40px;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
    color: var(--black);
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.bon__btn--1 {
    background: var(--red);
}

.bon__btn:hover,
.bon__btn:focus {
    color: var(--black);
}

.bon__btn::after {
    content: '';
    position: absolute;
    width: 0%;
    height: 100%;
    transition: 0.3s ease;
    background: var(--white);
    z-index: -1;
    right: 0;
    top: 0%;
    border-radius: 40px;
}

.bon__btn:hover:after {
    width: 100%;
    left: 0%;
}

.bon__btn--2 {
    background: var(--white);
}

.bon__btn--2::after {
    background: var(--red);
}

.bon__btn--3 {
    background: var(--mildblue);
}

.logo a img {
    width: 100%;
    max-width: 150px;
}

nav ul:not(.sub-menu) {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
	margin-right: -40px;
}

nav ul:not(.sub-menu)>li {
    margin: 5px;
}

nav ul:not(.sub-menu)>li>a:not(.bon__btn) {
    display: inline-block;
    padding: 0 20px;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 500;
    text-transform: capitalize;
    font-family: 'Auro' !important;
    color: var(--black);
    position: relative;
    z-index: 0;
    white-space: nowrap;
}

nav ul:not(.sub-menu)>li>a:not(.bon__btn):after {
    content: '';
    position: absolute;
    width: 0%;
    height: 50%;
    border-radius: 10px;
    background: var(--red);
    transition: 0.3s ease;
    bottom: 0;
    right: 0;
    z-index: -1;
}

nav ul:not(.sub-menu)>li>a:hover {
    color: var(--black);
}

nav ul:not(.sub-menu)>li:hover>a:not(.bon__btn) {
    color: transparent;
}

nav ul:not(.sub-menu)>li:hover>a:not(.bon__btn)::before {
    opacity: 1;
}

nav ul:not(.sub-menu)>li>a:not(.bon__btn)::before {
    content: attr(title);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    font-weight: 700;
    opacity: 0;
    color: var(--black);
}

nav ul:not(.sub-menu)>li>a:hover:after {
    width: 100%;
    left: 0;
}

.hero__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    position: relative;
}

.hero__inner::after {
    content: '';
    position: absolute;
    background-image: var(--bg-img);
    width: calc(50% + 470px);
    height: 120%;
    z-index: -1;
    background-repeat: no-repeat;
    background-position: 100% top;
    right: -470px;
    top: -50px;
}

.left__panel {
    width: 50%;
    padding: 100px 0;
}

.right__panel {
    width: 50%;
}

.right__panel img {
    display: block;
    margin-left: auto;
}

.heading__h1 {
    font-size: clamp(25px, 4vw, 40px);
    line-height: 1.4;
    font-weight: 900;
    font-family: 'Auro' !important;
    margin-bottom: 30px;
    color: var(--black);
}

.text__p {
    font-size: 20px;
    line-height: 1.4;
    font-weight: 600;
    font-family: 'Auro' !important;
    margin-bottom: 25px;
    color: var(--black);
}

.go__btn {
    display: inline-block;
    font-size: clamp(20px, 4vw, 30px);
    line-height: 1.2;
    font-family: 'Auro' !important;
    font-weight: 700;
    border-radius: 40px;
    color: var(--black);
    position: relative;
    z-index: 0;
}

.go__btn:hover {
    color: var(--mildblue);
}

.go__btn--2:hover {
    color: var(--orange);
}

.go__btn::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    border-radius: 10px;
    background: var(--mildblue);
    bottom: 0;
    right: 0;
    transition: 0.3s ease;
}

.go__btn--2::before {
    background: var(--orange);
}

.go__btn:hover:before {
    width: 100%;
    left: 0;
}

.go__btn::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    right: -15px;
    --width: 12px;
    width: var(--width);
    height: var(--width);
    background: transparent;
    border: solid var(--black);
    border-width: 2px 2px 0 0;
    transition: 0.3s ease;
    /* opacity: 0; */
}

.go__btn:hover:after {
    /* opacity: 1; */
    transform: translateY(-50%) rotate(45deg);
    right: -20px;
}

.go__btn:hover:after {
    border-color: var(--mildblue);
}

.go__btn--2:hover:after {
    border-color: var(--mildblue);
}

.go__btn--2:hover:after {
    border-color: var(--orange);
}

.hero__sec .type__sec {
    width: 100%;
    padding: 50px 0;
}

@media (min-width:1024px) {
    .hero__sec .type__sec {
        margin-top: -180px;
        margin-left: -40px;
    }
}

.hero__sec .type__bx {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
}

.hero__sec .type__bx img {
    flex: 1;
    width: 100%;
}

.hero__sec span.type__title {
    display: inline-block;
    width: 100%;
    font-size: clamp(15px, 2em, 20px);
    line-height: 1.4;
    color: var(--black);
    font-weight: 600;
    font-family: 'Auro' !important;
    margin-bottom: 5px;
}

.hero__sec .type__bx--1 img {
    flex: .3;
    width: 50%;
}

.hero__sec .type__bx--1 .bx__content,
.hero__sec .type__bx--2 .bx__content {
    flex: 1;
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    right: 25%;
}

.hero__sec .type__bx--2 img {
    flex: .45;
    width: 100%;
}

.hero__sec .type__bx--2 {
    margin-top: -26%;
    margin-left: 24%;
}

.tabs__sec {
    width: 100%;
    padding: 30px 0;
}

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

.tabs__header {
    width: 100%;
}

.tabs__header ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.tabs__header ul li {
    margin: 10px;
}

.tabs__header ul li span.tab__title {
    display: inline-block;
    padding: 0 20px;
    font-size: 22px;
    line-height: 1.4;
    font-weight: 500;
    text-transform: capitalize;
    font-family: 'Auro' !important;
    color: var(--black);
    position: relative;
    z-index: 0;
    cursor: pointer;
    white-space: nowrap;
}

.tabs__header ul li span.tab__title:after {
    content: '';
    position: absolute;
    width: 0%;
    height: 50%;
    border-radius: 10px;
    background: var(--red);
    transition: 0.3s ease;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.tabs__header ul li span.tab__title::before {
    content: attr(title);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    font-weight: 700;
    opacity: 0;
    color: var(--black);
}

.tabs__header ul li span.tab__title:hover,
.tabs__header ul li span.tab__title.active {
    color: transparent;
}

.tabs__header ul li span.tab__title:hover:before,
.tabs__header ul li span.tab__title.active:before {
    opacity: 1;
}

.tabs__header ul li span.tab__title:hover:after,
.tabs__header ul li span.tab__title.active::after {
    width: 100%;
    left: 0;
}

.tabs__content {
    width: 100%;
    margin-top: 40px;
}

.slide__div {
    width: 100%;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    /* border: 3px solid var(--grey); */
}

.slide__image {
    padding: 15px;
    position: unset !important;
}

body .slide__div .slide__content {
    width: 100%;
    border-radius: 20px !important;
    background: var(--product-bg);
    padding: 20px !important;
    text-align: center;
    position: relative;
    z-index: 1;
    bottom: 0 !important;
    margin-top: -30px;
}

body .slide__div .product-item:hover .slide__content {
    padding: 20px !important;
}

.product-item:hover .title {
    display: block !important;
}

.product-item .woo_item_content {
    height: auto !important;
}

.slide__image img {
    border-radius: 20px 20px 0 0;
    --width: 230px;
    width: var(--width) !important;
    height: var(--width) !important;
    object-fit: contain;
    transition: 0.3s ease;
}

.slide__image:hover img {
    transform: scale(1.1);
}

.slide__content .heading {
    font-size: 22px;
    line-height: 1.4;
    font-weight: 400;
    font-family: 'Auro' !important;
    color: var(--black);
    margin: 0;
}

.slide__content .price {
    font-size: 22px;
    line-height: 1.4;
    font-weight: 600;
    font-family: 'Auro' !important;
    color: var(--black);
    margin: 0;
}

.slide__div .discount__tag {
    position: absolute;
    top: 15px;
    right: 15px;
    --width: 50px;
    width: var(--width);
    height: var(--width);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--red);
    color: var(--white);
    font-size: 15px;
    line-height: 1.4;
    font-family: 'Auro' !important;
    z-index: 1;
    font-weight: 700;
    padding: 10px;
    transition: 0.3s ease;
}

.slide__div .overlay__block {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #6d6e7170;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 100%;
    left: 0;
    flex-direction: column;
    transition: 0.3s ease;
    padding: 10px;
}

.slide__div .overlay__block .bon__btn {
    margin: 10px;
    width: 100%;
    justify-content: center;
    opacity: 1 !important;
    visibility: visible !important;
}

.slide__div:hover .overlay__block {
    top: 0% !important;
}

.slide__div .slide__content .stars {
    display: flex;
    align-items: center;
}

.slide__div .slide__content .stars span {
    display: inline-flex;
}

.slide__div .slide__content .stars span {
    color: var(--yellow);
}

.slider__wrapper {
    width: calc(100% - 100px) !important;
    margin: 0 auto;
}

.slider__wrapper .owl-nav {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: space-between;
    left: 50%;
    width: calc(100% + 200px);
    z-index: -1;
}

.slider__wrapper .owl-nav button {
    --width: 30px;
    width: var(--width);
    height: var(--width);
    position: relative;
    background: transparent !important;
}

.slider__wrapper .owl-nav button span {
    display: none;
}

.slider__wrapper .owl-nav button::after {
    content: url("https://assets.checkoutchamp.com/Funnel/assets/images/399da7c5-0923-493a-8d72-25b12f3a6d3b/b525bba6-07e9-4517-ad8f-9ae7f26ed590/fleche.png");
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform-style: preserve-3d;
    background: transparent;
}

.slider__wrapper .owl-nav button.owl-next::after {
    transform: translate(-50%, -50%) rotateY(180deg);
}

.hero__sec--2 .hero__inner {
    align-items: flex-end;
}

.category__grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 40px;
}

/* .category__box {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    background-color: var(--red);
    border-radius: 20px;
    cursor: pointer;
    padding: 15px;
    height: 180px;
    margin: 10px;
    width: min(100%, 370px);
}
.category__box:nth-child(2) {background-color: var(--orange);}
.category__box:nth-child(3) {background-color: var(--mildblue);}
.category__box:nth-child(4) {background-color: var(--viridin);}
.category__box:nth-child(5) {background-color: var(--purple);}
.category__box:nth-child(6) {background-color: var(--darkorange);} */

.category__box {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    background-color: #ffbdc2;
    border-radius: 20px;
    cursor: pointer;
    padding: 15px;
    height: 180px;
    margin: 10px;
    width: min(100%, 370px);
}

.category__box:nth-child(2) {
    background-color: #ffe9ce;
}

.category__box:nth-child(3) {
    background-color: #deecf3;
}

.category__box:nth-child(4) {
    background-color: #c8f4dd;
}

.category__box:nth-child(5) {
    background-color: #ecd4ec;
}

.category__box:nth-child(6) {
    background-color: #ffdac2;
}

.category__box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all .3s linear;
}

.category__box:hover img {
    transform: scale(1.2);
    transform-origin: right center;
}

.category__box .category__title {
    width: 100%;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 700;
    font-family: 'Auro' !important;
    color: var(--black);
    display: inline-block;
    padding-left: 20px;
}

.heading__h2 {
    width: 100%;
    text-align: center;
    max-width: max-content;
    display: block;
    padding: 0 20px;
    margin: 0 auto 5px;
    font-size: clamp(24px, 5vw, 30px);
    line-height: 1.1;
    font-weight: 700;
    text-transform: capitalize;
    font-family: 'Auro' !important;
    color: var(--black);
    position: relative;
    z-index: 0;
}

.styled--heading::after,
.policy__header .heading__h2.active::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 14px;
    border-radius: 10px;
    background: var(--red);
    transition: 0.3s ease;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.section__main .description {
    width: 100%;
    font-size: 16px;
    line-height: 1.4;
    font-family: 'Auro' !important;
    color: var(--black);
    font-weight: 600;
    margin: 0;
    text-align: center;
}


.section__main {
    width: 100%;
}

.section__inner {
    display: flex;
    flex-wrap: wrap;
    padding: 30px 0;
}

.service__inner {
    padding: 40px 0 calc(40px + 30px);
}

.news__div,
.news__grid #post- {
    display: inline-flex;
    position: relative;
    flex-wrap: wrap;
    margin: 10px 10px 30px;
    width: min(100%, 370px);
}

.news__grid #post-:not(:last-child) {
    margin-bottom: 70px;
}

.news__grid .blog_ach {
    width: 100%;
    display: inline-block;
}

.news__div img,
.news__grid .blog_ach img {
    width: 100%;
    border-radius: 20px;
    height: 240px;
    object-fit: cover;
    object-position: top;
}

.news__div .description,
.news__grid .blog_tle {
    width: 100%;
    text-align: left;
    font-size: 16px;
    line-height: 1.4;
    font-family: 'Auro' !important;
    color: var(--black);
    font-weight: 500;
    margin: 15px 0 5px;
}

.news__div .go__btn:hover {
    color: var(--red);
}

.news__div .go__btn::before {
    background: var(--red);
}

.news__div .go__btn:hover::after {
    border-color: var(--red);
}

.news__grid {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    margin: 60px -10px 0;
    background-image: url("https://assets.checkoutchamp.com/Funnel/assets/images/399da7c5-0923-493a-8d72-25b12f3a6d3b/b525bba6-07e9-4517-ad8f-9ae7f26ed590/bluefootprint.png");
    background-position: bottom center;
    background-repeat: no-repeat;
}

.service__sec {
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
    border-radius: 20px 20px 0 0;
    margin-bottom: -20px;
    background-color: var(--mildblue);
}

.service__grid {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.service__div {
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
    margin: 10px;
    width: min(100%, 370px);
}

.service__div img {
    display: block;
    margin: 0 auto;
    --size: 60px;
    width: var(--size);
    height: var(--size);
    object-fit: cover;
}

.service__div .heading {
    width: 100%;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;
    font-family: 'Auro' !important;
    color: var(--black);
    margin: 0;
    margin-bottom: 10px;
}

.service__div .description {
    width: 100%;
    color: var(--black);
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
    font-family: 'Auro' !important;
    margin: 0;
    text-align: center;
}

.footer__inner {
    display: flex;
    padding: 50px 0 30px;
}

.footer__blocks {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-items: baseline;
    margin: 0 -20px;
}

@media (max-width:1199px) {
    .footer__blocks {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width:767px) {
    .footer__blocks {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width:578px) {
    .footer__blocks {
        grid-template-columns: repeat(1, 1fr);
    }
}

.footer__blocks .block {
    flex: 1;
    margin: 20px;
}

.footer__blocks .heading__h3 {
    width: max-content;
    font-size: 18px;
    line-height: 1.1;
    font-family: 'Auro' !important;
    font-weight: 700;
    color: var(--black);
    text-transform: uppercase;
    position: relative;
    z-index: 0;
    margin: 0 0 40px 0;
    padding: 0 20px 0 10px;
}

.footer__blocks .heading__h3::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 50%;
    border-radius: 10px;
    background: var(--red);
    transition: 0.3s ease;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.footer__blocks .description {
    font-size: 15px;
    line-height: 1.4;
    color: var(--black);
    font-weight: 500;
    font-family: 'Auro' !important;
    text-align: left;
}

.footer_main .logo a img {
    width: 100%;
    max-width: 150px;
}

.block ul li a {
    font-size: 16px;
    line-height: 1.4;
    font-family: 'Auro' !important;
    font-weight: 600;
    color: var(--black);
    transition: 0.3s ease;
}

.block ul li a:hover {
    color: var(--red);
}

.payment_methods {
    display: flex;
    align-items: center;
    margin: 0;
}

.payment_methods li {
    margin: 5px;
}

.payment_methods li img {
    width: 40px;
}

.product-item:hover .woo_item_content {
    padding-top: 110px !important;
}

.unavoid__sec {
    margin-top: 50px;
}

.hero__sec--2 {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.cart-sidenav {
    padding: 50px;
    width: 100% !important;
    max-width: 660px;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
    border-radius: 20px 0 0 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.ttgallery img {
    transform: scale(1.1);
}

.single-product .product-main .product-quantity .btn:hover,
.cart-form-box .cart-quantity .cart-numb:hover {
    color: var(--black) !important;
    background-color: transparent !important;
    box-shadow: inset 0 0 10px 1px rgba(0, 0, 0, 0.1) !important;
}

.cart-form-box .cart-quantity .cart-numb {
    color: var(--black) !important;
}

.single-product .product-main .product-quantity .form-control,
.single-product .product-main .product-quantity .btn {
    font-weight: 700 !important;
    font-family: 'Auro';
}

.item-cart-shipping {
    text-align: left !important;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    padding-right: 40%;
}

.cart-item-flex {
    align-items: baseline !important;
}

.cart-item-flex .cart-item-thumb {
    width: 100px !important;
    height: 100% !important;
    border: none !important;
}

.cart-item-flex .cart-item-thumb img {
    height: 100% !important;
    width: 100% !important;
    border: 2px solid #797979 !important;
    border-radius: 35px !important;
}

body .cart-sidenav .cart-header {
    border: none !important;
    margin-bottom: 50px;
}

body .cart-sidenav .cart-header h2 {
    text-align: left !important;
    text-transform: capitalize !important;
    font-size: 30px !important;
    line-height: 1.1 !important;
    font-family: 'Auro' !important;
    font-weight: 900 !important;
    color: var(--black) !important;
}

.single_showroom,
.item_sqr,
.item_sqr a,
.item_sqr img {
    border-radius: 35px;
}

#cart-sidebar {
    right: -110% !important;
}

.cart-pull-page #cart-sidebar {
    right: 0 !important;
}

body .cart-sidenav .cart-footer {
    padding: 10px 0 25px !important;
    height: auto !important;
    width: calc(100% - 125px) !important;
    margin-left: 125px !important;
    margin-top: 50px !important;
}

body .cart-sidenav .cart-footer .item-flex {
    margin-bottom: 25px !important;
}

.cart-sidenav .cart-footer .item-cart {
    text-align: left !important;
}

body .cart-sidenav .cart-header,
body .cart-sidenav .cart-footer {
    width: calc(100% - 100px);
    margin-left: 100px;
}

body .cart-sidenav .cart-header,
.cart-sidenav .cart-body,
body .cart-sidenav .cart-footer {
    position: unset !important;
}

.cart-sidenav .cart-body {
    width: 100% !important;
    padding: 0 !important;
    overflow: visible !important;
}

.cart-item-title h3 a {
    color: var(--black) !important;
}

@media (min-width:660px) {
    .cart-sidenav .cart-close-btn {
        display: none !important;
    }
}

@media (max-width:660px) {
    .cart-sidenav {
        border-radius: 20px !important;
    }
}

.cart-form-box .cart-quantity {
    padding: 7px 10px;
    border-radius: 50px;
    box-shadow: 0 0 10px #D8D8D8;
    height: auto !important;
    border: none !important;
    width: auto !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart-form-box .cart-quantity .cart-numb {
    position: unset !important;
    box-shadow: 0 0 10px #E8E8E8 !important;
    border-radius: 50% !important;
    border: none !important;
    width: 30px !important;
    height: 30px !important;
}

.cart-form-box .cart-quantity .cart-numb.cart-numb-minus {
    order: 1;
}

.cart-form-box .cart-quantity input {
    order: 2;
}

.cart-form-box .cart-quantity .cart-numb.cart-numb-plus {
    order: 3;
}

.cart-form-box .cart-quantity .cart-numb.cart-numb-minus,
.cart-form-box .cart-quantity input,
.cart-form-box .cart-quantity .cart-numb.cart-numb-plus {
    font-weight: 700 !important;
}





/* to be removed  */
#cart-sidebar .btn-proceed,
.btn.addCart {
    display: inline-flex;
    font-size: 16px;
    line-height: 1.4;
    font-family: 'Auro' !important;
    text-transform: uppercase;
    font-weight: 700;
    padding: 12px 30px;
    border-radius: 40px;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
    color: var(--black);
    position: relative;
    z-index: 0;
    overflow: hidden;
}

#cart-sidebar .btn-proceed,
.btn.addCart {
    display: inline-flex !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    height: auto !important;
    background: var(--red) !important;
    color: var(--black) !important;
    border-radius: 40px !important;
}

#cart-sidebar .btn-proceed:hover,
#cart-sidebar .btn-proceed:focus,
.btn.addCart:hover,
.btn.addCart:focus {
    color: var(--black);
}

#cart-sidebar .btn-proceed::after,
.btn.addCart::after {
    content: '';
    position: absolute;
    width: 0%;
    height: 100%;
    transition: 0.3s ease;
    background: var(--white);
    z-index: -1;
    right: 0;
    top: 0%;
    border-radius: 40px;
}

#cart-sidebar .btn-proceed:hover:after,
.btn.addCart:hover:after {
    width: 100%;
    left: 0%;
}

/* to be removed  */
.cart-item-flex-box.cart-item-title {
    display: grid;
}

.cart-item-flex .cart-form-box {
    width: 50%;
    justify-self: flex-end;
}

.cart-form-box .cart-item-price {
    display: none;
}

.cart-item-flex,
.cart-item-flex .cart-form-box,
.cart-sidenav .cart-footer .item-flex {
    margin: 0 !important;
}

.cart-item-remove {
    text-align: left !important;
    font-size: 16px !important;
    color: var(--black) !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
}

.cart-sidenav .cart-footer .item-name,
.cart-sidenav .cart-footer .item-price {
    padding: 0 !important;
}

.cart-item-flex-box .item-variations {
    color: var(--black) !important;
}

.content-partners {
    float: left;
    width: 100%;
    background: var(--mildblue);
}

.single-product .product-main .product-actions .btn.addCart {
    border: none !important;
    justify-content: center !important;
}

.single-product .product-main .product-actions .btn.addCart:hover {
    background: var(--red) !important;
    border: none !important;
}

@media screen and (max-width:1200px) {
    .slider__wrapper .owl-nav {
        width: calc(100% + 80px);
    }
}

@media screen and (min-width:992px) {
    .menu__toggle {
        display: none;
    }

    .mobile__menu {
        display: none;
    }
}

@media screen and (max-width:991px) {
    .left__panel {
        width: 100%;
        padding: 40px 0;
    }

    .right__panel {
        width: 100%;
    }

    .hero__sec .type__bx--2 {
        margin-top: 0;
        margin-left: 0;
    }

    .hero__sec--1 {
        background-image: none !important;
    }

    .hero__sec--2 {
        background-size: cover !important;
    }

    .hero__sec .type__bx {
        align-items: center;
        justify-content: space-between;
    }

    .hero__sec .type__bx img {
        flex: inherit !important;
        width: 50%;
    }

    .hero__sec .type__bx--1 .bx__content,
    .hero__sec .type__bx--2 .bx__content {
        width: 50%;
        text-align: center;
        flex: inherit !important;
        transform: inherit !important;
        position: unset !important;
    }

    .hero__sec .type__bx--2 {
        flex-flow: row-reverse;
    }

    .header_main .logo {
        width: calc(100% - 30px);
        order: 1;
    }

    .header_main nav {
        flex-wrap: wrap;
    }

    .header_main nav>.navigation,
    .header_main nav>ul {
        display: none;
    }

    .menu__toggle {
        --line-width: 25px;
        width: var(--line-width);
        order: 2;
        height: 20px;
        cursor: pointer;
        position: relative;
        z-index: 101;
    }

    .menu__toggle .line {
        position: absolute;
        width: var(--line-width);
        height: 4px;
        background: var(--black);
        border-radius: 10px;
    }

    .menu__toggle .line--1 {
        top: 0;
    }

    .menu__toggle .line--2 {
        top: 50%;
        transform: translateY(-50%);
    }

    .menu__toggle .line--3 {
        bottom: 0;
    }

    .mobile__menu {
        display: flex;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #fff;
        z-index: 100;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        transform: translateX(100%);
        transition: 0.3s ease;
    }

    .active .mobile__menu {
        transform: translateX(0%);
    }

    .mobile__menu .navigation ul,
    .mobile__menu .account__nav {
        flex-direction: column;
    }

    nav .mobile__menu ul:not(.sub-menu)>li {
        margin: 20px;
    }

    nav .mobile__menu ul:not(.sub-menu)>li>a {
        font-size: 25px !important;
    }

    .mobile__menu .bon__btn {
        font-size: 25px;
        padding: 15px 40px;
    }

    .hero__inner::after {
        display: none;
    }

    .footer__blocks .heading__h3 {
        margin-bottom: 20px;
    }
}

.tel .icon::after,
.email .icon::after,
.text-shipping::before {
    color: var(--red) !important;
}

.content-partners-inner {
    padding: 15px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.news__grid .blog_readmore_link {
    display: inline-block;
    font-size: clamp(20px, 4vw, 30px);
    line-height: 1.2;
    font-family: 'Auro' !important;
    font-weight: 700;
    border-radius: 40px;
    color: var(--black);
    position: relative;
    z-index: 0;
}

.news__grid .blog_readmore_link::before {
    background: var(--red);
}

.news__grid .blog_readmore_link:hover {
    color: var(--red);
}

.news__grid .blog_readmore_link:hover::after {
    transform: translateY(-50%) rotate(45deg);
    right: -20px;
    border-color: var(--red);
}

.hero__sec.heroslider__slide {
    background-size: cover;
    background-position: center;
    min-height: 80vh;
}

.article__main {
    background-image: url("https://assets.checkoutchamp.com/Funnel/assets/images/399da7c5-0923-493a-8d72-25b12f3a6d3b/b525bba6-07e9-4517-ad8f-9ae7f26ed590/bg-splash-2.png"), url("https://assets.checkoutchamp.com/Funnel/assets/images/399da7c5-0923-493a-8d72-25b12f3a6d3b/b525bba6-07e9-4517-ad8f-9ae7f26ed590/red-paws.png");
    background-position: center top, calc(50% + 450px) top;
    background-repeat: no-repeat;
    background-size: cover, auto;
}

.article__main .article__inner {
    padding: 100px 0 80px;
}

.article__main .heading__h2 {
    margin: 0 auto 40px 0;
}

.article__main .heading__h2::after {
    background-color: var(--white);
}

.article__main .article {
    display: flex;
    align-items: center;
}

.article__main .article .article__image {
    width: 100%;
}

.article__main .article .article__image img {
    border-radius: 40px;
    display: block;
    margin: 0 auto;
}

.article__main .article .article__content {
    width: 100%;
    padding: 50px;
}

@media (max-width:767px) {
    .article__main .article .article__content {
        padding: 0;
    }
}

.article__main .article .article__content p {
    font-size: clamp(16px, 4vw, 22px);
    line-height: 1.4;
    font-weight: 600;
    color: var(--black);
}

.heroslider .owl-nav {
    position: absolute;
    top: 110px;
    left: 50%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1500px;
    transform: translateX(-50%);
    mix-blend-mode: difference;
}

.heroslider .owl-nav button {
    --size: 40px;
    width: var(--size);
    height: var(--size);
    position: relative;
    background: transparent !important;
}

.heroslider .owl-nav button::after {
    color: #fff !important;
    font-size: 5vw;
    content: "\f104";
    font-family: 'Fontawesome';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.heroslider .owl-nav button:hover {
    background-color: transparent !important;
    opacity: 1;
}

.heroslider .owl-nav button.owl-next {
    transform-style: preserve-3d;
    transform: rotate(180deg);
}

.heroslider .owl-nav button span {
    color: transparent !important;
}

.heroslider .owl-dots {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
}

.heroslider .owl-dots .owl-dot span {
    --size: 20px;
    width: var(--size) !important;
    height: var(--size) !important;
    background: #adadad !important;
}

.heroslider .owl-dots .owl-dot.active span {
    background: #fff !important;
}

.heroslider .heading__h1 {
    color: var(--white) !important;
    mix-blend-mode: difference;
}

.heroslider .text__p {
    color: var(--white);
    mix-blend-mode: difference;
}

.news__sec {
    padding: 50px 0;
}

@media (max-width:1265px) {
    .heroslider .owl-nav {
        bottom: 50px;
        top: initial;
    }
}

@media (max-width:991px) {
    .article__main .article .article__image {
        margin-bottom: 40px;
    }

    .article__main .article {
        flex-direction: column;
    }

    .heroslider .owl-nav {
        bottom: 20px;
    }

    .heroslider .owl-nav button {
        --size: 30px;
    }

    .heroslider .owl-dots {
        bottom: 20px;
    }

    .heroslider .owl-dots .owl-dot span {
        --size: 14px;
    }

    .faqmain {
        flex-wrap: wrap;
    }
}

.single__blog {
    padding: 100px 0;
}

.single__blog .blog_cnt {
    margin-bottom: 40px;
}

.single__blog .blog_cnt p, .blog_custom_meta, .blog_cnt p, .blog_cnt li {
    font-size: clamp(16px, 4vw, 18px);
    line-height: 1.4;
    font-weight: 400;
    color: var(--black);
}
.blog_cnt li {
    list-style: disc;
}
.blog_cnt ol li {
    list-style: decimal;
}
.blog_cnt ol {
    padding-left: 20px;
}
.blog_cnt ul {
    padding-left: 40px;
}
.blog_custom_meta {
    text-align: left;
    margin-bottom: 20px;
}

.single__blog .blog_image img {
    width: 100%;
    display: block;
    border-radius: 40px;
    height: auto;
}

.single__blog .heading__h2.blog_single_tle {
    margin-bottom: 30px;
}

.b-top::after {
    color: var(--red) !important;
}

.checkout-container-no .no-orders .cart-box-radius .icon-basket {
    color: var(--red) !important;
}

.heroslider__slide--2 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    z-index: 1;
}

.heroslider__slide--2::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("https://assets.checkoutchamp.com/Funnel/assets/images/399da7c5-0923-493a-8d72-25b12f3a6d3b/b525bba6-07e9-4517-ad8f-9ae7f26ed590/paw-bg.png");
    background-position: center;
    background-size: 72vh;
    background-repeat: no-repeat;
    z-index: -1;
}

.product-item .woo_item_link {
    border-radius: 30px !important;
}

.product-item .woo_item_link::after {
    content: none !important;
}

.product-item .buy_now_btn {
    border: none !important;
}

.product-item .wrap-img {
    padding: 0 !important;
    margin: 0 !important;
}

body .product-item .title {
    padding: 0;
    /* height: 32px !important; */
    font-weight: 400 !important;
}

body .product-item .title span {
    /* overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    white-space: nowrap; */
    display: block;
}

.heroslider__slide--2 .hero__inner {
    flex-direction: column;
    align-items: center;
}

.heroslider__slide--2 .hero__inner .slide__heading {
    text-align: center;
    font-size: clamp(22px, 5vw, 32px);
    line-height: 1.1;
    font-weight: 900;
    margin: 0 0 30px 0;
    color: var(--black);
}

.heroslider__slide--2 .hero__inner p {
    font-size: clamp(16px, 4vw, 20px);
    line-height: 1.4;
    font-weight: 500;
    max-width: 550px;
    text-align: center;
    width: 100%;
    color: var(--black);
}

.heroslider__slide--2 .hero__inner .bon__btn {
    margin-top: 30px;
}

.heroslider--2 .owl-nav {
    display: none !important;
}

.about__box {
    display: flex;
    align-items: center;
    background-image: url("https://assets.checkoutchamp.com/Funnel/assets/images/399da7c5-0923-493a-8d72-25b12f3a6d3b/b525bba6-07e9-4517-ad8f-9ae7f26ed590/paw-bg.png");
}

.about__image {
    width: 100%;
}

.about__image img {
    display: block;
    border-radius: 30px;
    margin: 0 auto;
}

.about__content {
    width: 100%;
    padding: 50px;
}

.about__content p {
    font-size: clamp(16px, 4vw, 20px);
    line-height: 1.4;
    font-weight: 600;
    color: var(--black);
}

.term__sec {
    margin-top: 40px;
}

.term__sec .term__value {
    margin-bottom: 25px;
}

.term__sec .term__label {
    margin: 0 0 20px 0;
    font-size: 20px;
    line-height: 1.1;
    font-weight: 400;
}

.term__sec .term__value p {
    font-size: 20px;
    line-height: 1.4;
    font-weight: 400;
    margin: 0;
}

.term__sec .term__value p a {
    color: var(--black);
}

.term__sec .term__value p a:hover {
    color: var(--red);
}

.about__main {
    background-image: url("https://assets.checkoutchamp.com/Funnel/assets/images/399da7c5-0923-493a-8d72-25b12f3a6d3b/b525bba6-07e9-4517-ad8f-9ae7f26ed590/bluefootprint.png");
    background-repeat: no-repeat;
    background-position: 10% 10%;
    padding: 30px 0;
}

@media screen and (max-width:767px) {
    .about__box {
        flex-wrap: wrap;
        margin-top: 25px;
    }

    .about__content {
        text-align: center;
        padding: 0;
        margin-top: 25px;
    }

    .term__sec .term__value p {
        font-size: 16px;
    }

    .about__main {
        padding: 0;
    }
}

.policy__header {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.policy__header .heading__h2 {
    margin: 10px;
}

.policy__main .legal-mentions {
    text-align: center;
    padding: 40px 0;
}

.policy__main .legal-mentions h3 {
    font-size: 20px;
    line-height: 1.1;
    font-weight: 800;
    color: var(--black);
    margin: 0 0 5px 0;
}

.policy__main .privacy-policy {
    padding: 40px 0;
}

.policy__main .legal-mentions p,
.policy__main .privacy-policy p,
.article .content p {
    font-size: 18px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    color: var(--black) !important;
}
.article .content #faqs_accordion .answer p {
    padding: 0 20px;
}
.policy__main p a,
.article .content p a {
    color: var(--black) !important;
}

.policy__main p a:hover,
.article .content p a:hover {
    color: var(--red) !important;
}

.terms__main ul,
.policy__main ul {
    padding: 0 0 0 18px !important;
}

.terms__main ul li,
.policy__main ul li,
.article .content li {
    font-size: 18px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    color: var(--black) !important;
}

.article .p-heading-page .p-title,
.mbr-section-title,
#su .mbr-section-title {
    width: 100%;
    text-align: center;
    max-width: max-content;
    display: block;
    padding: 0 20px;
    margin: 0 auto 25px !important;
    font-size: clamp(24px, 5vw, 30px) !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
    text-transform: capitalize;
    font-family: 'Auro' !important;
    color: var(--black);
    position: relative;
    z-index: 0;
}

.article .p-heading-page .p-title::after,
.mbr-section-title::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 14px;
    border-radius: 10px;
    background: var(--red);
    transition: 0.3s ease;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.policy__main {
    background-image: url("https://assets.checkoutchamp.com/Funnel/assets/images/399da7c5-0923-493a-8d72-25b12f3a6d3b/b525bba6-07e9-4517-ad8f-9ae7f26ed590/bluefootprint.png");
    background-repeat: no-repeat;
    background-position: 10% 10%;
}

body .wrap-add-cart .view_cart {
    display: block;
    padding: 0 20px;
    font-size: 16px !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;
    text-transform: capitalize;
    font-family: 'Auro' !important;
    color: var(--black) !important;
    position: relative;
    z-index: 0;
    white-space: nowrap;
    text-decoration: none;
    max-width: max-content;
}

.view_cart::after {
    content: '';
    position: absolute;
    width: 0%;
    height: 50%;
    border-radius: 10px;
    background: var(--red);
    transition: 0.3s ease;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.view_cart:hover::after {
    width: 100%;
    left: 0;
}

.item_sqr video {
    border-radius: 30px;
}

.single-product .product-main .product-rate,
.single-product .product-main .product-meta .meta .m-row.sku-img .name,
.single-product .product-main .product-meta .meta .m-row.sku-text .name {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
}

.custproductdtl .single_showroom {
    align-self: flex-end !important;
}

.custproductdtl .single_showroom::before {
    content: url("https://assets.checkoutchamp.com/Funnel/assets/images/399da7c5-0923-493a-8d72-25b12f3a6d3b/b525bba6-07e9-4517-ad8f-9ae7f26ed590/fleche-2.png");
    position: absolute;
    top: -40px;
    left: -30px;
}

.starRating .stars .call-item {
    display: none !important;
}

.inner__page .hero__inner {
    align-items: center;
}

.wrap-pagination .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrap-pagination .pagination .page-numbers,
.wrap-pagination .pagination .current {
    --size: 40px;
    width: var(--size);
    height: var(--size);
    border-radius: 10px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent !important;
}

.wrap-pagination .pagination .page-numbers:not(.current):hover {
    background-color: #ffbdc2 !important;
}

.wrap-pagination .pagination .current {
    background: var(--red) !important;
}

li.menu-item-has-children {
    position: relative;
}

li.menu-item-has-children .sub-menu {
    position: absolute;
    top: 30px;
    left: 0;
    flex-direction: column;
    justify-content: left;
    align-items: flex-start;
    z-index: 10;
    width: max-content;
    height: 0;
    overflow: hidden;
    transition: height 0.8s ease;
}

li.menu-item-has-children:hover .sub-menu {
    height: calc((35px + 1px) * 10 - 2px);
}

li.menu-item-has-children .sub-menu li {
    background: var(--red);
    width: 100%;
    height: 35px;
    display: flex;
    margin: 1px;
}

li.menu-item-has-children .sub-menu li a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    color: var(--white);
    font-size: 15px;
    line-height: 1.4;
    position: relative;
    z-index: 0;
}

li.menu-item-has-children .sub-menu li a::after {
    content: '';
    position: absolute;
    width: 0%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    transition: 0.3s ease;
    bottom: 0;
    right: 0;
    z-index: -1;
}

li.menu-item-has-children .sub-menu li a:hover:after {
    width: 100%;
    left: 0;
}

li.menu-item-has-children .sub-menu li a:hover {
    color: var(--black);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
}

@media (max-width:991px) {
    li.menu-item-has-children .sub-menu {
        left: 50%;
        transform: translateX(-50%);
    }
}

.h1cont {
    margin: 0 !important;
}

.category-header .select {
    display: flex;
    flex-wrap: wrap;
}

.category-header {
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.category-header .select .sort {
    border: none !important;
    margin: 0 !important;
}

.category-header .select .sort .twistedtext {
    border: 2px solid #bdbdbd !important;
    border-radius: 20px;
}

.category-header .select .sort .ghostinshells {
    border-radius: 15px;
    border: 2px solid #bdbdbd !important;
}

@media (max-width:451px) {

    .product-loop .item,
    .col-xs-30 {
        width: 100% !important;
    }
}

.wrap-loop {
    margin-top: 30px !important;
}

@media screen and (max-width:520px) {
    .cart-item-flex {
        flex-wrap: wrap;
    }

    .cart-item-flex-box.cart-item-title {
        flex: unset !important;
        width: 100%;
        padding: 0 !important;
    }

    body .cart-sidenav .cart-header {
        width: 100%;
        margin-left: 0;
    }

    body .cart-sidenav .cart-header h2 {
        text-align: center !important;
    }

    body .cart-sidenav .cart-footer {
        width: 100% !important;
        margin-left: 0 !important;
    }

    .cart-sidenav {
        padding: 30px !important;
    }

    .item-cart-shipping {
        padding-left: 0 !important;
    }

    .cart-item-flex .cart-form-box {
        justify-self: flex-start;
        padding-top: 20px;
    }

    .news__grid #post-:not(:last-child) {
        margin-bottom: 40px;
    }
}

.row {
    display: inherit !important;
}

#contact-form .form-control,
#forgot-form .form-control,
#login-form .form-control,
#subscriber-form .form-control {
    border-radius: 30px !important;
    border: 2px solid var(--grey) !important;
    height: 45px;
    resize: none;
}
#contact-form textarea.form-control {
    border-radius: 20px !important;
    min-height: 140px;
}
.article .btn.btn-default,
#forgot-form .btn.btn-default,
#login-form .btn.btn-default,
body .page-content .text-center a:not(.link) {
    display: inline-flex;
    font-size: 16px;
    line-height: 1.4;
    font-family: 'Auro' !important;
    text-transform: uppercase;
    font-weight: 700;
    padding: 12px 30px;
    border-radius: 40px;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
    color: var(--black) !important;
    position: relative;
    z-index: 0;
    overflow: hidden;
    background: var(--red);
    border: none !important;
}
.article .btn.btn-default:hover,
#forgot-form .btn.btn-default:hover,
#login-form .btn.btn-default:hover,
body .page-content .text-center a:not(.link):hover {
    color: var(--black) !important;
}
.article .btn.btn-default:hover::after,
#forgot-form .btn.btn-default:hover::after,
#login-form .btn.btn-default:hover::after,
body .page-content .text-center a:not(.link):hover::after {
    width: 100%;
    left: 0;
}
.article .btn.btn-default::after,
#forgot-form .btn.btn-default::after,
#login-form .btn.btn-default::after,
body .page-content .text-center a:not(.link):after {
    content: '';
    position: absolute;
    width: 0%;
    height: 100%;
    transition: 0.3s ease;
    background: var(--white);
    z-index: -1;
    right: 0;
    top: 0%;
    border-radius: 40px;
}

#feedback-mobile {
    display: none !important;
}

.mainproul .answer a {
    color: var(--black) !important;
}

.mainproul .answer a:hover {
    color: var(--red) !important;
}

.aligncenter,
div.aligncenter {
    text-align: center;
}

.article.login-page {
    margin: 0 auto;
    float: none;
}

.sharePopup .jssocials-share {
    --size: 30px;
    width: var(--size);
    height: var(--size) !important;
    border-radius: 50% !important;
    padding: 0 !important;
}

.single-product .product-main .product-meta .meta .m-row .value .meta-item {
    border-radius: 10px !important;
}
.questionnaire__main {
    --width: 100vw;
    max-width: var(--width);
    overflow: hidden;
    margin: 0 auto;
}
.questionnaire__wrapper {
    display: flex;
    width: calc(var(--width) * 4);
    align-items: flex-start;
    transition: 0.3s ease;
}
.questionnaire {
    width: 100vw;
    padding: 35px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--mildblue);
    border-radius: 15px;
}
.ques__inner {
    max-width: 800px;
    margin: 0 auto;
}
.ques__navigator {
    display: flex;
    margin: 0 -4px 50px;
}
.ques__navigator .nav__bar {
    margin: 4px;
    width: 100%;
    height: 4px;
    background-color: #DFDFDF;
    cursor: pointer;
}
.ques__navigator .nav__bar.active {
    background-color: var(--red);
    opacity: 0.3;
}
.ques__navigator .nav__bar.done {
    background-color: var(--red);
}
.ques__div {
    padding: 25px 20px 50px;
    border-radius: 20px;
    background-color: var(--white);
    min-height: 465px;
}
.ques__div .logo {
    display: inline-block;
    margin-bottom: 30px;
}
.ques__div .logo img {
    width: 110px;
}
.ques__div .question {
    font-size: 28px;
    line-height: 1.4;
    color: var(--red);
    font-weight: 500;
    margin: 0 0 20px 0;
}
.ques__div .options .option:not(:last-child) {
    margin-bottom: 15px;
}
.ques__div .options .option .option_rad {
    position: absolute;
    opacity: 0;
}
.ques__div .options .option .option_lbl {
    font-size: 22px;
    line-height: 1.4;
    color: var(--red);
    font-weight: 400;
    position: relative;
    --radiosize:26px;
    padding-left: calc(var(--radiosize) + 10px);
    cursor: pointer;
    margin: 0;

}
.ques__div .options .option .option_lbl::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: var(--radiosize);
    height: var(--radiosize);
    border-radius: 50%;
    border: 2px solid var(--red);
    opacity: 0.3;
}
.ques__div .options .option .option_lbl::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 5px;
    --size: 16px;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    background-color: var(--red);
    transition: 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
    transform: translateY(-50%) scale(0);
}
.ques__div .options .option .option_rad:checked + .option_lbl::before {
    opacity: 1;
}
.ques__div .options .option .option_rad:checked + .option_lbl::after {
    transform: translateY(-50%) scale(1);
}
.btn__div .bon__btn {
    color: var(--white) !important;
    text-transform: capitalize;
    width: 100%;
    justify-content: center;
    border: none;
}
.email__field {
    margin-top: 20px;
    text-align: center;
}
.email__field .email__input {
    width: 100%;
    max-width: 305px;
    border: 1px solid #F48581;
    padding: 7px 20px;
    border-radius: 50px;
    color: var(--black);
    outline: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.email__input::placeholder {
    color:#858282;
}
.btn__div {
    margin-top: 50px;
}
.btn__div .bon__btn:hover {
    color: var(--black) !important;
}
.result__sec .result {
    font-size: 22px;
    line-height: 1.4;
    color: var(--red);
    font-weight: 500;
}
.result__sec .answer {
    display: flex;
    margin-bottom: 15px;
}
.result__sec .answer .icon {
    width: 35px;
}
.result__sec .answer .value__text {
    font-size: 22px;
    line-height: 1.2;
    color: var(--red);
    font-weight: 400;
    width: calc(100% - 45px);
    margin-left: 10px;
}
.result__sec .caption__text {
    font-size: 22px;
    line-height: 1.4;
    color: var(--black);
    font-weight: 400;
}
.media-container-row {
    display: flex;
    align-items: flex-start;
    margin: 0 -10px 20px;
}
.media-container-row .mbr-figure,
.media-container-row .media-content {
    width: 100% !important;
    margin: 10px;
}
.media-container-row .media-content {
    padding: 20px !important;
}
.media-container-row .media-content p {
    font-size: 18px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    color: var(--black) !important;
}
.media-container-row .media-content br {
    display: none;
}
@media (max-width:767px) {
    .media-container-row {
        flex-wrap: wrap;
    }
    .media-container-row .media-content {
        padding: 0 !important;
    }
}
body .page-content a,
body .page-content a:hover {
    color: var(--red) !important;
}
.questionnaire__main .btn_disabled {
    opacity: 0.3;
    cursor: not-allowed;
}
.questionnaire__main .btn_disabled:hover::after {
    width: 0;
    left: unset;
}
.questionnaire__main .btn_disabled:hover {
    color: var(--white);
}




















/*
<div class="paw" style="">
	<span class="paw__palm" style=""></span>
	<span class="paw__finger paw__finger1"></span>
	<span class="paw__finger paw__finger2"></span>
	<span class="paw__finger paw__finger3"></span>
	<span class="paw__finger paw__finger4"></span>
</div>
 */

 .paw {
    --size: 240px;
    --bg: var(--red);
    width: var(--size);
    height: var(--size);
    position: fixed;
    z-index: 100000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.7);
}
.loaded .paw {
    opacity: 0;
    visibility: hidden;
}
.paw__palm {
    border-radius: 50% 50% 50% 50% / 70% 70% 30% 30%;
    width: 100%;
    height: 100%;
    position: absolute;
    background: var(--bg);
    overflow: hidden;
    box-shadow: inset 0 0 20px 5px rgba(0, 0, 0, 0.2);
    transition: 0.3s ease;
    animation: palm 1.5s ease infinite;
}
@keyframes palm {
    0% {
        transform: scale(0) rotate(-20deg);
    }
    100% {
        transform: scale(1) rotate(0deg);
    }
}

.paw__finger {
    --size: 80px;
    width: var(--size);
    height: var(--size);
    display: inline-block;
    border-radius: 50% 50% 42% 58% / 75% 73% 27% 25%;
    background: var(--bg);
    position: absolute;
    z-index: 0;
    transition: 0.3s ease;
    overflow: hidden;
    box-shadow: inset 0 0 20px 5px rgba(0, 0, 0, 0.2);
}
.paw__finger.paw__finger1 {
    top: -60px;
    left: -10px;
    transform: rotate(150deg);
    animation: finger1 1.5s ease infinite;
}
@keyframes finger1 {
    0% {
        visibility: visible;
        transform: scale(0) rotate(150deg);
    }
    100% {
        transform: scale(1) rotate(150deg);
    }
}
.paw__finger.paw__finger2 {
    transform: rotate(180deg);
    top: -90px;
    left: 70px;
    animation: finger2 1.5s .1s ease infinite;
}
@keyframes finger2 {
    0% {
        visibility: visible;
        transform: scale(0) rotate(180deg);
    }
    100% {
        transform: scale(1) rotate(180deg);
    }
}
.paw__finger.paw__finger3 {
    transform: rotate(210deg);
    top: -69px;
    left: 150px;
    animation: finger3 1.5s .2s ease infinite;
}
@keyframes finger3 {
    0% {
        visibility: visible;
        transform: scale(0) rotate(210deg);
    }
    100% {
        transform: scale(1) rotate(210deg);
    }
}
.paw__finger.paw__finger4 {
    transform: rotate(240deg);
    top: -10px;
    left: 210px;
    animation: finger4 1.5s .3s ease infinite;
}
@keyframes finger4 {
    0% {
        visibility: visible;
        transform: scale(0) rotate(240deg);
    }
    100% {
        transform: scale(1) rotate(240deg);
    }
}
.questionnaire__main .btn__div {
    text-align: center;
}
.questionnaire__main .btn__div .bon__btn {
    max-width: 305px;
}
.landing-header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.landing-header-inner .logo {
    margin: 10px;
}
.landing-header-inner .header-msg {
    margin: 10px;
}
.landing-header-inner .header-msg p {
    margin: 0 !important;
}
.stripe.what_is_landing {
    padding: 50px 0;
}
.questionnaire .wrapper {
    padding: 0;
}
.page-content .content a:not([href]) {
    font-size: 25px !important;
    width: 100%;
    display: block;
    margin-bottom: 10px;
}
.mbr-text ul li br {
    display: none;
}
#offer-welcome-form .checkbox-style {
    display: flex;
    align-items: center;
}
@media screen and (max-width:600px) {
    .paw {
        transform: translate(-50%, -50%) scale(.5);
    }
}
@media screen and (max-width:451px) {
    .ques__div .options .option .option_lbl,
    .result__sec .answer .value__text,
    .result__sec .caption__text {
        font-size: 16px;
    }
    .result__sec .result,
    .ques__div .question {
        font-size: 20px;
    }
    .ques__div {
        min-height: 395px;
    }
    .ques__navigator {
        margin: 0 -4px 30px;
    }
    .ques__div .logo {
        margin-bottom: 20px;
    }
}