@charset "UTF-8";
/* WooMen - Exclusive & Multipurpose eCommerce HTML Template

Template Name: WooMen
Version: 1.0.0
License: copyright commercial

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global Settings
4. Main Header / TWO
5. Sticky Header 
6. Mobile Menu
7. Section Title
8. Page Title
9. Main Slider
10. Banner Section

26. Main Footer
**********************************************/
/*
 * button.scss
 * -----------------------------------------------
*/
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Cormorant:ital,wght@0,300..700;1,300..700&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Jost:ital,wght@0,100..900;1,100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Lora:ital,wght@0,400..700;1,400..700&family=Marcellus+SC&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Outfit:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("bootstrap-select.min.css");
@import url("animate.css");
@import url("jquery-ui.min.css");
@import url("custome-css.css");
@import url("font-awesome.css");
@import url("magnific-popup.css");
@import url("odometer.css");
@import url("swiper-bundle.min.css");
@import url("mmenu.css");
@import url("flaticon.css");
@import url("wow.min.css");

.black-bg {
    background: var(--dark-color);
}

.align-items-center {
    text-align: center;
}

.check-style {
    background-image: url(../images/shop/check.png);
    background-size: cover;
    background-position: center center;
}

.bleached-linen-bg {
    background: var(--body-color);
}

.grey-bg {
    background: #faf5f1;
}

.grey-bg-2 {
    background: var(--text-gray-2);
}

.bg-light-green {
    background-color: #caffd6;
}

.bg-green {
    background-color: var(--green-color);
}

.theme-color7 {
    background: var(--theme-color7);
}

.lime-bg {
    background: #d2f2b2;
}

.black-bg {
    background-color: var(--dark-color);
}

.top-header-bg {
    background-color: var(--top-bg);
}

.sec-bg24 {
    background-color: var(--sec-bg-24);
}

.sec-bg25 {
    background-color: var(--sec-bg-25);
}

.sec-bg25_2 {
    background-color: var(--sec-bg-25_2);
}

.sec-bg25_3 {
    background-color: var(--sec-bg-25_3);
}

.sec-bg25_4 {
    background-color: var(--sec-bg-25_4);
}

.ptb-50px {
    padding: 50px 0;
}

@media (max-width: 767.98px) {
    .ptb-50px {
        padding-top: 0;
    }
}

.pt-50px {
    padding-top: 50px;
}

@media (max-width: 767.98px) {
    .pt-50px {
        padding-top: 0;
    }
}

.pb-50px {
    padding-top: 50px;
}

@media (max-width: 767.98px) {
    .pb-50px {
        padding-top: 0;
    }
}

.pt-60px {
    padding-top: 60px;
}

@media (max-width: 767.98px) {
    .pt-60px {
        padding-top: 0;
    }
}

.pb-50px {
    padding-bottom: 50px;
}

img {
    max-width: 100%;
}

body.home2-type {
    font-family: var(--jakarta-font);
}

    body.home2-type h1,
    body.home2-type h2,
    body.home2-type h3 {
        font-family: var(--marcellus-font);
    }

    body.home2-type .su-menu-4 > nav > ul > li > a {
        font-weight: normal;
    }

body.jakarta-type {
    font-family: var(--jakarta-font);
}

    body.jakarta-type .text,
    body.jakarta-type a,
    body.jakarta-type p,
    body.jakarta-type h1,
    body.jakarta-type h2,
    body.jakarta-type h3,
    body.jakarta-type h4,
    body.jakarta-type h5,
    body.jakarta-type h6 {
        font-family: var(--jakarta-font);
    }

    body.jakarta-type .su-menu-4 > nav > ul > li > a {
        font-weight: normal;
        font-family: var(--jakarta-font);
    }

body.home8-type {
    font-family: var(--jakarta-font);
}

    body.home8-type h1,
    body.home8-type h2,
    body.home8-type h3 {
        font-family: var(--marcellus-font);
    }

    body.home8-type .su-menu-4 > nav > ul > li > a {
        font-family: var(--jakarta-font);
        font-weight: var(--font-weight-600);
    }

body.home11-type {
    font-family: var(--jost-font);
}

    body.home11-type h1,
    body.home11-type h2,
    body.home11-type h3 {
        font-family: var(--jost-font);
    }

    body.home11-type .su-menu-4 > nav > ul > li > a {
        font-family: var(--jost-font);
        font-weight: var(--font-weight-500);
    }

body.home12-type {
    font-family: var(--dmsans-font);
}

    body.home12-type h1,
    body.home12-type h2,
    body.home12-type h3 {
        font-family: var(--dmsans-font);
    }

    body.home12-type .su-menu-4 > nav > ul > li > a {
        font-family: var(--dmsans-font);
        font-weight: var(--font-weight-500);
    }

body.home13-type {
    font-family: var(--bebas-font);
    font-style: normal;
}

    body.home13-type h1,
    body.home13-type h2,
    body.home13-type h3,
    body.home13-type h4,
    body.home13-type h5,
    body.home13-type h6,
    body.home13-type p,
    body.home13-type .text {
        font-family: var(--bebas-font);
    }

    body.home13-type .su-menu-4 > nav > ul > li > a {
        font-family: var(--bebas-font);
        font-weight: var(--font-weight-400);
        font-size: 16px;
    }

body.home14-type {
    font-family: var(--opensans-font);
}

    body.home14-type h1,
    body.home14-type h2,
    body.home14-type h3 {
        font-family: var(--opensans-font);
    }

    body.home14-type .su-menu-4 > nav > ul > li > a {
        font-family: var(--opensans-font);
        font-weight: var(--font-weight-500);
    }

body.home15-type {
    font-size: 16px;
    font-family: var(--montserrat-font);
}

    body.home15-type h1,
    body.home15-type h2,
    body.home15-type h3 {
        font-family: var(--libre-font);
    }

    body.home15-type h4,
    body.home15-type h5,
    body.home15-type h6 {
        font-family: var(--lora-font);
    }

    body.home15-type .su-menu-4 > nav > ul > li > a {
        font-family: var(--outfit-font);
        font-size: 14px;
        font-style: normal;
        letter-spacing: 0em;
        line-height: 18px;
    }

body.home16-type {
    font-size: 14px;
    font-family: var(--montserrat-font);
}

    body.home16-type a.su-btn-4 {
        font-family: var(--outfit-font);
        font-weight: var(--font-weight-500);
    }

    body.home16-type p,
    body.home16-type h1,
    body.home16-type h2,
    body.home16-type h3,
    body.home16-type h4,
    body.home16-type h5,
    body.home16-type h6 {
        font-family: var(--lora-font);
    }

    body.home16-type .su-menu-4 > nav > ul > li > a {
        font-family: var(--montserrat-font);
        font-size: 13px;
        font-weight: normal;
    }

body.home17-type {
    font-size: 16px;
    font-family: var(--jost-font);
}

    body.home17-type .text,
    body.home17-type a,
    body.home17-type p {
        font-family: var(--jost-font);
    }

    body.home17-type h1,
    body.home17-type h2,
    body.home17-type h3,
    body.home17-type h4,
    body.home17-type h5,
    body.home17-type h6 {
        color: var(--dark-color5);
        font-family: var(--marcellus-font);
        font-weight: var(--font-weight-400);
    }

    body.home17-type .su-menu-4 > nav > ul > li > a {
        color: var(--white-color);
        font-family: var(--jost-font);
        font-weight: var(--font-weight-400);
        font-size: 14px;
    }

        body.home17-type .su-menu-4 > nav > ul > li > a:hover {
            color: var(--white-color);
        }

body.home18-type {
    font-size: 16px;
    font-family: var(--jost-font);
}

    body.home18-type .text,
    body.home18-type p,
    body.home18-type h1,
    body.home18-type h2,
    body.home18-type h3,
    body.home18-type h4,
    body.home18-type h5,
    body.home18-type h6 {
        color: var(--dark-color5);
        font-family: var(--jost-font);
        font-weight: var(--font-weight-400);
    }

    body.home18-type .su-menu-4 > nav > ul > li > a {
        font-size: 16px;
        font-weight: normal;
    }

    body.home18-type a {
        font-weight: var(--font-weight-500);
    }

body.home19-type {
    font-family: var(--jost-font);
}

    body.home19-type .text,
    body.home19-type a,
    body.home19-type p,
    body.home19-type h1,
    body.home19-type h2,
    body.home19-type h3,
    body.home19-type h4,
    body.home19-type h5,
    body.home19-type h6 {
        color: var(--dark-color);
        font-family: var(--cormorant-font);
        font-weight: var(--font-weight-400);
    }

    body.home19-type .su-menu-4 > nav > ul > li > a {
        font-size: 16px;
        font-weight: normal;
    }

body.home20-type {
    font-size: 16px;
    font-family: var(--roboto-font);
}

    body.home20-type .text,
    body.home20-type p,
    body.home20-type h1,
    body.home20-type h2,
    body.home20-type h3,
    body.home20-type h4,
    body.home20-type h5,
    body.home20-type h6 {
        color: var(--dark-color5);
        font-family: var(--roboto-font);
        font-weight: var(--font-weight-400);
    }

    body.home20-type .su-menu-4 > nav > ul > li > a {
        font-weight: normal;
    }

    body.home20-type .su-menu-4 > nav > ul > li:last-child a {
        color: var(--theme-color26);
    }

    body.home20-type a {
        font-family: var(--roboto-font);
    }

body.home21-type {
    font-family: var(--dmsans-font);
}

    body.home21-type .text,
    body.home21-type p,
    body.home21-type h1,
    body.home21-type h2,
    body.home21-type h3,
    body.home21-type h4,
    body.home21-type h5,
    body.home21-type h6 {
        color: var(--dark-color5);
        font-family: var(--dmsans-font);
        font-weight: var(--font-weight-500);
    }

    body.home21-type .su-menu-4 > nav > ul > li > a {
        font-weight: normal;
    }

    body.home21-type a {
        font-family: var(--dmsans-font);
    }

body.home22-type {
    font-family: var(--poppins-font);
}

    body.home22-type .text,
    body.home22-type p,
    body.home22-type h1,
    body.home22-type h2,
    body.home22-type h3,
    body.home22-type h4,
    body.home22-type h5,
    body.home22-type h6 {
        color: var(--dark-color6);
        font-family: var(--poppins-font);
        font-weight: var(--font-weight-500);
    }

    body.home22-type .su-menu-4 > nav > ul > li > a {
        font-weight: normal;
    }

    body.home22-type a {
        font-family: var(--poppins-font);
    }

body.home23-type {
    font-family: var(--dmsans-font);
}

    body.home23-type .text,
    body.home23-type p,
    body.home23-type h1,
    body.home23-type h2,
    body.home23-type h3,
    body.home23-type h4,
    body.home23-type h5,
    body.home23-type h6 {
        color: var(--dark-color);
        font-family: var(--marcellus-font);
        font-weight: var(--font-weight-400);
    }

    body.home23-type .su-menu-4 > nav > ul > li > a {
        font-weight: normal;
    }

    body.home23-type a {
        font-family: var(--marcellus-font);
    }

body.home24-type {
    font-family: var(--jost-font);
}

    body.home24-type .text {
        font-weight: normal;
    }

    body.home24-type .text,
    body.home24-type p,
    body.home24-type h1,
    body.home24-type h2,
    body.home24-type h3,
    body.home24-type h4,
    body.home24-type h5,
    body.home24-type h6 {
        color: var(--dark-color);
        font-family: var(--jost-font);
    }

        body.home24-type h6.title {
            font-family: var(--jost-font);
        }

    body.home24-type h1,
    body.home24-type h2,
    body.home24-type h3,
    body.home24-type h4,
    body.home24-type h5,
    body.home24-type h6 {
        font-weight: var(--font-weight-500);
    }

    body.home24-type .su-menu-4 > nav > ul > li > a {
        font-weight: normal;
    }

    body.home24-type a {
        font-family: var(--jost-font);
    }

body.home25-type {
    font-family: var(--jost-font);
}

    body.home25-type .text {
        font-weight: normal;
    }

    body.home25-type .text,
    body.home25-type p,
    body.home25-type h1,
    body.home25-type h2,
    body.home25-type h3,
    body.home25-type h4,
    body.home25-type h5,
    body.home25-type h6 {
        color: var(--dark-color7);
        font-family: var(--marcellus-font);
    }

        body.home25-type h6.title {
            font-family: var(--marcellus-font);
        }

    body.home25-type h1,
    body.home25-type h2,
    body.home25-type h3,
    body.home25-type h4,
    body.home25-type h5,
    body.home25-type h6 {
        font-weight: var(--font-weight-500);
    }

    body.home25-type .su-menu-4 > nav > ul > li > a {
        font-weight: normal;
    }

    body.home25-type a {
        font-family: var(--jost-font);
    }

.bg-position {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

img {
    max-width: 100%;
}

.gx-4 {
    --bs-gutter-x: 4px;
}

.gx-7 {
    --bs-gutter-x: 7px;
}

.gx-10 {
    --bs-gutter-x: 10px;
}

.gx-15 {
    --bs-gutter-x: 15px;
}

.gx-20 {
    --bs-gutter-x: 20px;
}

.gx-27 {
    --bs-gutter-x: 27px;
}

.su-transparent {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
}

.container-768 {
    max-width: 768px;
}

@media (min-width: 1400px) {
    .container-1830 {
        max-width: 1830px;
    }
}

@media (min-width: 1400px) {
    .container-1630 {
        max-width: 1630px;
    }
}

@media (min-width: 1400px) {
    .container-1760 {
        max-width: 1760px;
    }
}

@media (min-width: 1400px) {
    .container-1650 {
        max-width: 1650px;
    }
}

@media (min-width: 1400px) {
    .container-1430 {
        max-width: 1430px;
    }
}

@media (min-width: 1400px) {
    .container-1230 {
        max-width: 1230px;
    }
}

@media (min-width: 1400px) {
    .container-548 {
        max-width: 548px;
    }
}

/*
 * mixins.scss
 * -----------------------------------------------
*/
:root {
    --theme-logo-blue: #0F70B7;
    --theme-logo-gray: #575656;
    --theme-color1: #23589C;
    --theme-color2: #F06B1C;
    --theme-color3: #0E233E;
    --theme-color4: #64A395;
    --theme-color5: #C84C46;
    --theme-color6: #E86341;
    --theme-color7: #9f2c25;
    --theme-color8: #c83027;
    --theme-color9: #767676;
    --theme-color10: #5C5C5C;
    --theme-color11: #FEF7F3;
    --theme-color12: #B9492D;
    --theme-color13: #F5EBDF;
    --theme-color14: #F3EBE0;
    --theme-color15: #F6F6F6;
    --theme-color16: #B72635;
    --theme-color17: #F2E654;
    --theme-color18: #DCFFA5;
    --theme-color19: #F9F2E7;
    --theme-color20: #A16B24;
    --theme-color21: #ECEDEC;
    --theme-color22: #CDC9A8;
    --theme-color23: #7E96C1;
    --theme-color24: #F6EEEC;
    --theme-color25: #F9F2EA;
    --theme-color26: #B83D37;
    --theme-color27: #D9D9D9;
    --theme-color28: #6EAB71;
    --theme-color29: #A48367;
    --theme-color30: #AE7257;
    --theme-color31: #B89E7D;
    --theme-color32: #882049;
    --theme-color33: #DCCCB2;
    --theme-color34: #F3EDE6;
    --theme-color35: #C68566;
    --theme-color36: #E0578A;
    --theme-color37: #896862;
    --theme-color38: #BA2B23;
    --theme-color39: #1E170F;
    --theme-color40: #802824;
    --theme-color41: #414A30;
    --theme-color42: #B32934;
    --theme-color43: #B38B44;
    --body-color: #767676;
    --light-gray: #EAEAEA;
    --light-gray-orange: #FAE5D7;
    --gray-color: #E6E6E6;
    --green-color: #3E8753;
    --gray-color-2: #f7f7f7;
    --gray-color-3: #F8F8F5;
    --gray-color-4: #d2d2d2;
    --dark-color: #1D1D1D;
    --dark-color2: #352F27;
    --dark-color3: #122223;
    --dark-color4: #383738;
    --dark-color5: #3B3738;
    --dark-color6: #2F261A;
    --dark-color7: #221F17;
    --black-color: #000000;
    --black-color-rgb: 0, 0, 0;
    --white-color: #ffffff;
    --white-color-rgb: 255, 255, 255;
    --white-smoke: #F3EBE1;
    --off-white: #FAF7F5;
    --floral-white: #FEFBF1;
    --pink-color: #E956CD;
    --light-orange: #F9F3EE;
    --grayish-orange: #D7CCB8;
    --light-grayish-orange: #EDE2DD;
    --dark-grayish-orange: #7B7369;
    --theme-color1-rgb: 35, 88, 156;
    --theme-color2-rgb: 240, 107, 28;
    --theme-color3-rgb: 14, 35, 62;
    --theme-color4-rgb: 100, 163, 149;
    --theme-color5-rgb: 200, 76, 70;
    --theme-color6-rgb: 232, 99, 65;
    --text-black: var(--black-color);
    --text-white: var(--white-color);
    --text-color: var(--body-color);
    --text-gray: var(--gray-color);
    --text-gray-2: var(--gray-color-2);
    --text-dark: #797f7d;
    --text-dark2: #141416;
    --text-light: #FEF7F3;
    --headings-color: var(--dark-color);
    --link-color: var(--dark-color2);
    --link-hover-color: #5B8C51;
    --bleached-linen: #f3ebe0;
    --jakarta-font: "Plus Jakarta Sans", sans-serif;
    --jost-font: "Jost", sans-serif;
    --dmsans-font: "DM Sans", sans-serif;
    --bebas-font: "Bebas Neue", sans-serif;
    --opensans-font: "Open Sans", sans-serif;
    --libre-font: "Libre Baskerville", sans-serif;
    --outfit-font: "Outfit", sans-serif;
    --montserrat-font: "Montserrat", sans-serif;
    --lora-font: "Lora", sans-serif;
    --marcellus-font: "Marcellus SC", sans-serif;
    --cormorant-font: "Cormorant", sans-serif;
    --roboto-font: "Roboto", sans-serif;
    --poppins-font: "Poppins", sans-serif;
    --body-font: var(--jakarta-font);
    --text-font: var(--body-font);
    --title-font: var(--jakarta-font);
    --title-font2: var(--marcellus-font);
    --title-font3: var(--jost-font);
    --title-font4: var(--dmsans-font);
    --title-font5: var(--bebas-font);
    --title-font6: var(--opensans-font);
    --title-font7: var(--libre-font);
    --title-font8: var(--outfit-font);
    --title-font9: var(--montserrat-font);
    --title-font10: var(--lora-font);
    --title-font11: var(--marcellus-font);
    --title-font12: var(--cormorant-font);
    --title-font13: var(--roboto-font);
    --title-font14: var(--poppins-font);
    --headings-font: var(--title-font);
    --font-size-13: 13px;
    --font-size-14: 14px;
    --font-size-15: 15px;
    --font-size-16: 16px;
    --body-font-size: var(--font-size-14);
    --body-font-weight: 400;
    --body-font-weight-bold: 600;
    --body-line-height: 1.71;
    --line-height-heading: 1.2;
    --line-height-heading2: 1.75;
    --line-height-heading-h1: 1.1;
    --line-height-heading-small: 1.4;
    --h1-font-size: 50px;
    --h2-font-size: 30px;
    --h3-font-size: 24px;
    --h4-font-size: 20px;
    --h5-font-size: 18px;
    --h6-font-size: 16px;
    --h1-font-weight: 600;
    --h2-font-weight: 600;
    --h3-font-weight: 600;
    --h4-font-weight: 600;
    --h5-font-weight: 600;
    --h6-font-weight: 600;
    --sec-title-color: var(--headings-color);
    --sec-title-font-size: var(--h2-font-size);
    --sec-title-font-family: var(--title-font);
    --sec-title-font-weight: var(--h2-font-weight);
    --sec-title-subtitle-color: #819291;
    --sec-title-subtitle-font-size: 16px;
    --sec-title-subtitle-font-family: var(--text-font);
    --font-weight-400: 400;
    --font-weight-500: 500;
    --font-weight-600: 600;
    --font-weight-700: 700;
}

/*
 * typography.scss
 * -----------------------------------------------
*/
::-moz-selection {
    background: var(--theme-color1);
    color: var(--text-white);
    text-shadow: none;
}

::selection {
    background: var(--theme-color1);
    color: var(--text-white);
    text-shadow: none;
}

::-moz-selection {
    background: var(--dark-color2);
    color: var(--text-white);
    text-shadow: none;
}

::-webkit-selection {
    background: var(--dark-color2);
    color: var(--text-white);
    text-shadow: none;
}

:active,
:focus {
    outline: none !important;
}

.fonts-loaded body {
    font-family: var(--body-font);
}

body {
    background-color: var(--text-white);
    color: var(--text-color);
    font-family: var(--body-font);
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    font-optical-sizing: auto;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    counter-reset: my-sec-counter;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-synthesis: none;
    /* Prevents browser from creating bold/italic versions */
    text-rendering: optimizeLegibility;
    /* For better readability */
}

p,
.text {
    color: var(--text-color);
    font-size: var(--body-font-size);
    font-family: var(--text-font);
    font-weight: var(--body-font-weight);
    line-height: var(--body-line-height);
}

/* -------- Headings ---------- */
a {
    cursor: pointer;
    text-decoration: none;
}

    a:hover,
    a:focus,
    a:visited {
        outline: none;
        text-decoration: none;
    }

    a:hover {
        color: var(--theme-color1);
    }

ul,
ol,
dl,
dt,
dd,
blockquote,
address {
    margin: 0 0 10px;
}

ul,
li {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--headings-color);
    font-family: var(--title-font);
    letter-spacing: -0.03em;
    line-height: 1.2em;
    margin: 0px;
    position: relative;
}

    h1 small,
    h1 .small,
    h2 small,
    h2 .small,
    h3 small,
    h3 .small,
    h4 small,
    h4 .small,
    h5 small,
    h5 .small,
    h6 small,
    h6 .small {
        font-weight: normal;
        line-height: 1;
        color: var(--headings-color);
    }

    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a {
        color: var(--headings-color);
        font-weight: inherit;
    }

h1,
.h1 {
    font-size: var(--h1-font-size);
    font-weight: var(--h1-font-weight);
    line-height: var(--line-height-heading-h1);
}

h2,
.h2 {
    font-size: var(--h2-font-size);
    font-weight: var(--h2-font-weight);
    line-height: var(--line-height-heading);
}

h3,
.h3 {
    font-size: var(--h3-font-size);
    font-weight: var(--h3-font-weight);
    line-height: var(--line-height-heading);
}

h4,
.h4 {
    font-size: var(--h4-font-size);
    font-weight: var(--h4-font-weight);
    line-height: var(--line-height-heading-small);
}

h5,
.h5 {
    font-size: var(--h5-font-size);
    font-weight: var(--h5-font-weight);
    line-height: var(--line-height-heading-small);
}

h6,
.h6 {
    font-size: var(--h6-font-size);
    font-weight: var(--h6-font-weight);
    line-height: var(--line-height-heading-small);
}

/* -------- Body Text ---------- */
table p {
    margin-bottom: 0;
}

p {
    margin-bottom: 20px;
}

    p a:not(.button):not(.btn):hover,
    p a:not(.button):not(.btn):focus {
        border: none;
    }

/* -------- other ---------- */
a {
    color: var(--headings-color);
    cursor: pointer;
    font-weight: var(--body-font-weight);
    text-decoration: none;
    -webkit-transition: all all 0.3s ease-in-out 0s ease-out 0s;
    transition: all all 0.3s ease-in-out 0s ease-out 0s;
}

    a:hover,
    a:focus {
        color: var(--headings-color);
        outline: none;
        text-decoration: none;
    }

    a b,
    a strong {
        -webkit-transition: all all 0.3s ease ease-out 0s;
        transition: all all 0.3s ease ease-out 0s;
    }

    a img {
        border: none;
    }

pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset {
    margin-bottom: 10px;
}

ol,
ul {
    list-style-position: inside;
    margin: 0;
    padding: 0;
}

b,
strong {
    color: #333;
    font-weight: var(--body-font-weight-bold);
}

iframe {
    border: none !important;
}

.bdrs50 {
    border-radius: 50%;
}

.large-container {
    max-width: 1600px;
    margin: 0 auto;
    position: static;
}

.dropdown-toggle::after {
    display: none;
}

.bgc-f7 {
    background-color: #f7f7f7;
}

.tdn {
    text-decoration: none;
}

/*
 * button.scss
 * -----------------------------------------------
*/
.su-btn-4 {
    background: var(--white-color);
    padding: 20px 36px;
    font-weight: var(--font-weight-600);
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0em;
    color: var(--dark-color);
    display: inline-block;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

    .su-btn-4:hover {
        color: var(--dark-color);
    }

    .su-btn-4.dark-border1 {
        border: 1px solid var(--dark-color);
    }

.su-btn-4-black {
    font-weight: var(--font-weight-600);
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0em;
    color: var(--dark-color);
    display: inline-block;
}

    .su-btn-4-black:hover {
        color: var(--dark-color);
    }

.su-btn-4-border {
    background-color: transparent;
    color: var(--white-color);
    border: 1px solid var(--white-color);
}

    .su-btn-4-border:hover {
        color: var(--white-color);
    }

.su-btn-5 {
    background: var(--theme-color7);
    color: var(--white-color);
}

    .su-btn-5:hover {
        color: var(--white-color);
    }

.su-btn-blue {
    background-color: var(--theme-logo-blue);
    color: var(--white-color);
}

    .su-btn-blue:hover {
        color: var(--white-color);
    }

.su-btn-5-black {
    color: var(--white-color);
}

    .su-btn-5-black:hover {
        color: var(--white-color);
    }

.su-btn-7 {
    background: transparent;
    border: 1px solid var(--dark-color);
}

.su-btn-7-black {
    background: var(--dark-color);
    color: var(--white-color);
}

    .su-btn-7-black:hover {
        color: var(--white-color);
    }

.su-btn-8 {
    color: var(--white-color);
    font-weight: 600;
    backdrop-filter: blur(50px);
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid var(--white-color);
    border-radius: 12px;
}

    .su-btn-8:hover {
        color: var(--white-color);
    }

.su-btn-8-black {
    border-color: var(--dark-color);
    color: var(--dark-color);
}

    .su-btn-8-black:hover {
        color: var(--dark-color);
    }

.su-btn-9 {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(25px);
    border: 1px solid var(--white-color);
}

.su-btn-16-black {
    background: var(--dark-color) !important;
    color: var(--white-color) !important;
}

    .su-btn-16-black:hover {
        color: var(--white-color) !important;
    }

.su-btn-16-border-dark {
    border: 1px solid var(--dark-color);
}

.btn-black-border {
    border: 1px solid var(--theme-color10);
}

/*
 * animetion.scss
 * -----------------------------------------------
*/
.su-arrow-angle {
    --qode-hover-move-x: 110%;
    --qode-hover-move-y: 100%;
}

.su-arrow-svg-top-right {
    fill: currentColor;
    stroke: none;
}

.su-left-right .su-text {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
}

.su-arrow-angle path {
    -webkit-transition: opacity 0.18s ease-out, -webkit-transform 0.38s cubic-bezier(0.37, 0.08, 0.02, 0.93);
    transition: opacity 0.18s ease-out, -webkit-transform 0.38s cubic-bezier(0.37, 0.08, 0.02, 0.93);
    transition: transform 0.38s cubic-bezier(0.37, 0.08, 0.02, 0.93), opacity 0.18s ease-out;
    transition: transform 0.38s cubic-bezier(0.37, 0.08, 0.02, 0.93), opacity 0.18s ease-out, -webkit-transform 0.38s cubic-bezier(0.37, 0.08, 0.02, 0.93);
}

    .su-arrow-angle path:nth-of-type(1) {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        opacity: 1;
        -webkit-transition-delay: 0.15s, 0.15s;
        transition-delay: 0.15s, 0.15s;
    }

    .su-arrow-angle path:nth-of-type(2) {
        -webkit-transform: translateX(calc(-1 * var(--qode-hover-move-x))) translateY(var(--qode-hover-move-y));
        transform: translateX(calc(-1 * var(--qode-hover-move-x))) translateY(var(--qode-hover-move-y));
        opacity: 0.5;
        -webkit-transition-delay: 0s, 0s;
        transition-delay: 0s, 0s;
    }

.su-left-right:hover .su-arrow-angle path:nth-of-type(2) {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    opacity: 1;
    -webkit-transition-delay: 0.15s, 0.15s;
    transition-delay: 0.15s, 0.15s;
}

.su-left-right:hover .su-arrow-angle path:nth-of-type(1) {
    -webkit-transform: translateX(var(--qode-hover-move-x)) translateY(calc(-1 * var(--qode-hover-move-y)));
    transform: translateX(var(--qode-hover-move-x)) translateY(calc(-1 * var(--qode-hover-move-y)));
    opacity: 0;
    -webkit-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s;
}

@-webkit-keyframes animate-pulse-2 {
    0% {
        -webkit-box-shadow: 0 0 0 0 #ffffff, 0 0 0 0 #ffffff;
        box-shadow: 0 0 0 0 #ffffff, 0 0 0 0 #ffffff;
    }

    40% {
        -webkit-box-shadow: 0 0 0 20px rgba(255, 109, 74, 0), 0 0 0 0 #ffffff;
        box-shadow: 0 0 0 20px rgba(255, 109, 74, 0), 0 0 0 0 #ffffff;
    }

    80% {
        -webkit-box-shadow: 0 0 0 20px rgba(255, 109, 74, 0), 0 0 0 20px rgba(255, 109, 74, 0);
        box-shadow: 0 0 0 20px rgba(255, 109, 74, 0), 0 0 0 20px rgba(255, 109, 74, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 109, 74, 0), 0 0 0 20px rgba(255, 109, 74, 0);
        box-shadow: 0 0 0 0 rgba(255, 109, 74, 0), 0 0 0 20px rgba(255, 109, 74, 0);
    }
}

@keyframes animate-pulse-2 {
    0% {
        -webkit-box-shadow: 0 0 0 0 #ffffff, 0 0 0 0 #ffffff;
        box-shadow: 0 0 0 0 #ffffff, 0 0 0 0 #ffffff;
    }

    40% {
        -webkit-box-shadow: 0 0 0 20px rgba(255, 109, 74, 0), 0 0 0 0 #ffffff;
        box-shadow: 0 0 0 20px rgba(255, 109, 74, 0), 0 0 0 0 #ffffff;
    }

    80% {
        -webkit-box-shadow: 0 0 0 20px rgba(255, 109, 74, 0), 0 0 0 20px rgba(255, 109, 74, 0);
        box-shadow: 0 0 0 20px rgba(255, 109, 74, 0), 0 0 0 20px rgba(255, 109, 74, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 109, 74, 0), 0 0 0 20px rgba(255, 109, 74, 0);
        box-shadow: 0 0 0 0 rgba(255, 109, 74, 0), 0 0 0 20px rgba(255, 109, 74, 0);
    }
}

@-webkit-keyframes zoom {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes zoom {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.fadein,
.scalein,
.slidetopleft,
.slidebottomright,
.slideinleft,
.slideinright,
.slideindown,
.slideinup,
.rollinleft,
.rollinright {
    opacity: 0;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-name: var(--animation-name);
    animation-name: var(--animation-name);
}

.swiper-slide-active .fadein {
    --animation-name: fadein;
}

.swiper-slide-active .scalein {
    --animation-name: scalein;
}

.swiper-slide-active .slidetopleft {
    --animation-name: slidetopleft;
}

.swiper-slide-active .slidebottomright {
    --animation-name: slidebottomright;
}

.swiper-slide-active .slideinleft {
    --animation-name: slideinleft;
}

.swiper-slide-active .slideinright {
    --animation-name: slideinright;
}

.swiper-slide-active .slideinup {
    --animation-name: slideinup;
}

.swiper-slide-active .slideindown {
    --animation-name: slideindown;
}

.swiper-slide-active .rollinleft {
    --animation-name: rollinleft;
}

.swiper-slide-active .rollinright {
    --animation-name: rollinright;
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes scalein {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
}

@keyframes scalein {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
}

@-webkit-keyframes slideinup {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideinup {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slideinright {
    0% {
        opacity: 0;
        -webkit-transform: translateX(180px);
        transform: translateX(180px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideinright {
    0% {
        opacity: 0;
        -webkit-transform: translateX(180px);
        transform: translateX(180px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slideindown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideindown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slideinleft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideinleft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slidebottomright {
    0% {
        opacity: 0;
        -webkit-transform: translateX(120px) translateY(120px);
        transform: translateX(120px) translateY(120px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }
}

@keyframes slidebottomright {
    0% {
        opacity: 0;
        -webkit-transform: translateX(120px) translateY(120px);
        transform: translateX(120px) translateY(120px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }
}

@-webkit-keyframes slidetopleft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px) translateY(-100px);
        transform: translateX(-100px) translateY(-100px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }
}

@keyframes slidetopleft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px) translateY(-100px);
        transform: translateX(-100px) translateY(-100px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }
}

.spin2 {
    -webkit-animation: spin2 10s linear infinite;
    animation: spin2 10s linear infinite;
}

@-webkit-keyframes spin2 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@keyframes spin2 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

/*img-animation**********************/
.img-custom-anim-right {
    -webkit-animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
    animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
    opacity: 0;
}

@-webkit-keyframes img-anim-right {
    0% {
        -webkit-transform: translateX(5%);
        transform: translateX(5%);
        clip-path: inset(0 0 0 100%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        clip-path: inset(0 0 0 0);
        opacity: 1;
    }
}

@keyframes img-anim-right {
    0% {
        -webkit-transform: translateX(5%);
        transform: translateX(5%);
        clip-path: inset(0 0 0 100%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        clip-path: inset(0 0 0 0);
        opacity: 1;
    }
}

.img-custom-anim-left {
    -webkit-animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
    animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
    opacity: 0;
}

@-webkit-keyframes img-anim-left {
    0% {
        -webkit-transform: translateX(-5%);
        transform: translateX(-5%);
        clip-path: inset(0 100% 0 0);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        clip-path: inset(0 0 0 0);
        opacity: 1;
    }
}

@keyframes img-anim-left {
    0% {
        -webkit-transform: translateX(-5%);
        transform: translateX(-5%);
        clip-path: inset(0 100% 0 0);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        clip-path: inset(0 0 0 0);
        opacity: 1;
    }
}

.img-custom-anim-top {
    -webkit-animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
    animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
    opacity: 0;
}

@-webkit-keyframes img-anim-top {
    0% {
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%);
        clip-path: inset(0 0 100% 0);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        clip-path: inset(0 0 0 0);
        opacity: 1;
    }
}

@keyframes img-anim-top {
    0% {
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%);
        clip-path: inset(0 0 100% 0);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        clip-path: inset(0 0 0 0);
        opacity: 1;
    }
}

.img-custom-anim-up-down {
    -webkit-animation: up-down 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
    animation: up-down 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
    opacity: 0;
}

@-webkit-keyframes up-down {
    0% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}

@keyframes up-down {
    0% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}

.gsap__parallax {
    overflow: hidden;
}

/***  Footer  ***/
/*
 * section-title.scss
 * -----------------------------------------------
*/
.section-title {
    margin-bottom: 50px;
}

    .section-title .sub-title {
        color: var(--headings-color);
        font-style: normal;
        font-size: 13px;
        font-weight: var(--font-weight-500);
        letter-spacing: 0em;
        line-height: 24px;
    }

    .section-title .title {
        color: var(--headings-color);
        font-size: 30px;
        font-weight: 600;
        letter-spacing: 0.03em;
        line-height: 38px;
    }

        .section-title .title.roboto-font {
            font-family: var(--roboto-font);
        }

    .section-title.style2 .title {
        font-size: 40px;
        font-weight: 400;
        font-family: var(--marcellus-font);
    }

    .section-title.style5 .title {
        font-family: var(--jakarta-font);
        font-style: normal;
        font-weight: var(--font-weight-600);
        font-size: 30px;
        line-height: 38px;
        letter-spacing: 0.03em;
    }

    .section-title.style11 .title {
        font-family: var(--jost-font);
        font-size: 24px;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 0.72px;
    }

    .section-title.style12 .title {
        color: var(--dark-color);
        font-family: var(--dmsans-font);
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0.03em;
        font-size: clamp(28px, 2.25vw, 36px);
        line-height: 1.3;
    }

    .section-title.home13 .title {
        font-weight: 400;
        letter-spacing: 0.05em;
        font-size: clamp(28px, 3.12vw, 50px);
        line-height: 1.2;
    }

    .section-title.style14 .sub-title {
        color: var(--dark-color);
        font-family: var(--opensans-font);
        font-size: 13px;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: 0.28px;
        margin-bottom: 10px;
    }

    .section-title.style14 .title {
        font-size: 30px;
        font-weight: 600;
        color: var(--dark-color);
        font-family: var(--jakarta-font);
    }

    .section-title.style14 .title2 {
        color: var(--dark-color);
        font-family: var(--opensans-font);
        font-weight: 600;
        line-height: normal;
        text-transform: uppercase;
        padding-bottom: 5px;
        font-size: clamp(30px, 2.5vw, 40px);
        line-height: 1.33;
    }

    .section-title.style14 .short-info {
        color: var(--theme-color9);
        font-family: var(--opensans-font);
        font-size: 14px;
        font-weight: 400;
        line-height: normal;
    }

    .section-title.style15 .sub-title {
        color: var(--dark-color);
        font-family: var(--outfit-font);
        font-size: 14px;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 0.28px;
    }

    .section-title.style15 .title {
        font-weight: 400;
        color: var(--dark-color);
        font-size: clamp(26px, 2.25vw, 36px);
        line-height: 1.66;
    }

    .section-title.home16 .sub-title,
    .section-title.home16 .subtitle {
        color: var(--dark-color);
        font-weight: var(--font-weight-600);
        font-size: 13px;
        font-family: var(--opensans-font);
        margin-bottom: 10px;
    }

    .section-title.home16 .title {
        font-size: 40px;
        font-family: var(--lora-font);
        font-weight: var(--font-weight-400);
    }

    .section-title.home16 .text {
        font-family: var(--montserrat-font);
        font-size: 14px;
        font-weight: var(--font-weight-500);
        color: var(--text-dark2);
    }

    .section-title.home17 .sub-title,
    .section-title.home17 .subtitle,
    .section-title.home17 .text {
        font-size: 16px;
        font-family: var(--jost-font);
    }

    .section-title.home17 .title {
        color: var(--dark-color5);
        font-family: var(--marcellus-font);
        font-size: 40px;
        font-weight: 400;
        line-height: 1.31;
    }

    .section-title.home18 .sub-title,
    .section-title.home18 .subtitle,
    .section-title.home18 .text {
        font-size: 16px;
    }

    .section-title.home18 .title {
        color: var(--dark-color5);
        font-size: 38px;
        font-weight: 400;
        line-height: 1.31;
    }

    .section-title.home19 .sub-title {
        font-family: var(--jost-font);
        font-size: 14px;
        font-weight: 500;
        line-height: normal;
    }

    .section-title.home19 .title {
        color: var(--dark-color);
        font-family: var(--cormorant-font);
        font-weight: 400;
        line-height: normal;
        text-transform: unset;
        font-size: clamp(40px, 3.75vw, 60px);
        line-height: 1.21;
    }

    .section-title.home20 .sub-title {
        font-size: 14px;
        font-weight: 500;
        line-height: normal;
    }

    .section-title.home20 .title {
        font-weight: var(--font-weight-700);
        font-size: clamp(24px, 2.5vw, 40px);
        line-height: 1.17;
    }

    .section-title.home21 .sub-title {
        color: var(--dark-color);
        font-size: 15px;
        font-weight: 400;
        line-height: 26px;
        text-transform: uppercase;
    }

    .section-title.home21 .title {
        font-weight: var(--font-weight-500);
        font-size: clamp(24px, 2.5vw, 40px);
        line-height: 1.3;
    }

    .section-title.home22 .title {
        font-size: clamp(24px, 3.12vw, 40px);
        line-height: 1.5;
        font-style: normal;
        letter-spacing: 0.03em;
        text-transform: uppercase;
    }

    .section-title.home22 a span {
        font-family: var(--dmsans-font);
    }

    .section-title.home23 .title {
        letter-spacing: 0.03em;
        text-transform: capitalize;
        font-size: clamp(24px, 3.12vw, 50px);
        line-height: 1.26;
    }

    .section-title.home23 a span {
        font-weight: 500;
        font-family: var(--dmsans-font);
    }

    .section-title.home23 .title-btn-wrapper .swiper-arrow {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 30px;
    }

    .section-title.home23 .title-btn-wrapper a {
        color: var(--dark-color);
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        letter-spacing: 0.26px;
        line-height: normal;
    }

        .section-title.home23 .title-btn-wrapper a span {
            padding-left: 6px;
        }

    .section-title.home24 .title {
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        font-size: clamp(24px, 3.12vw, 40px);
        line-height: 1.45;
    }

    .section-title.home24 a span {
        font-weight: 500;
        font-family: var(--dmsans-font);
    }

    .section-title.home25 .title {
        color: var(--dark-color7);
        font-weight: 400;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        font-size: clamp(24px, 3.12vw, 40px);
        line-height: 1.75;
    }

    .section-title.home25 a span {
        font-weight: 400;
        font-family: var(--jost-font);
    }

.su-collections-4-title {
    letter-spacing: 0.03em;
}

.su-section-5-title {
    letter-spacing: 0.03em;
}

.su-section-5-subtitle {
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0em;
    color: var(--dark-color);
    display: inline-block;
}

.su-section-8-title {
    font-family: var(--marcellus-font);
    font-weight: 400;
    font-size: 40px;
    letter-spacing: 0.03em;
    color: var(--dark-color);
}

.shop-title .title {
    color: var(--dark-color);
    font-family: var(--jakarta-font);
    font-size: 30px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.9px;
}

.shop-title .text {
    color: var(--dark-color);
    font-family: var(--jakarta-font);
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.26px;
}

/*** 

====================================================================
Fonts
====================================================================

***/
/*** 

====================================================================
Reset
====================================================================

***/
* {
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
    font-size: 100%;
}

::-webkit-input-placeholder {
    color: #7c858c;
}

::-moz-input-placeholder {
    color: #7c858c;
}

::-ms-input-placeholder {
    color: #7c858c;
}

::-moz-selection {
    background: var(--theme-color1);
    color: #fff;
    text-shadow: none;
}

::selection {
    background: var(--theme-color1);
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background: #333;
    /* Firefox */
    color: #fff;
    text-shadow: none;
}

::-webkit-selection {
    background: #333;
    /* Safari */
    color: #fff;
    text-shadow: none;
}

:active,
:focus {
    outline: none !important;
}

section {
    position: relative;
}

/*=======================
    Preloader
    =======================*/
.preloader {
    background-color: #eaeaea;
    background-image: url("../images/preloader.gif");
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 99999;
}

/*=======================
Scroll To Top style
=======================*/
.scrollToHome {
    background-color: #f5c34b;
    border-radius: 6px;
    bottom: -45px;
    color: #ffffff;
    display: block;
    height: 45px;
    line-height: 45px;
    opacity: 0;
    position: fixed;
    right: 45px;
    text-align: center;
    text-decoration: none;
    width: 50px;
    z-index: 9;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    -webkit-box-shadow: 0px 1px 4px 0px rgba(36, 65, 231, 0.3);
    -o-box-shadow: 0px 1px 4px 0px rgba(36, 65, 231, 0.3);
    box-shadow: 0px 1px 4px 0px rgba(36, 65, 231, 0.3);
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

    .scrollToHome:hover {
        color: #ffffff;
    }

    .scrollToHome.show {
        bottom: 45px;
        right: 45px;
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

/*=== Padding Top Responsive ===*/
@media (max-width: 1399.98px) {
    .pt0-xxl {
        padding-top: 0;
    }
}

/*=== Theme Color Text ===*/
.text-color {
    color: var(--text-color);
}

.title-color,
.headings-color {
    color: var(--headings-color);
}

.text-dark2 {
    color: var(--dark-color2);
}

.text-dark3 {
    color: var(--dark-color3);
}

.text-dark4 {
    color: var(--dark-color4);
}

.text-dark5 {
    color: var(--dark-color5);
}

.text-dark6 {
    color: var(--dark-color6);
}

.text-thm1 {
    color: var(--theme-color1);
}

.text-thm2 {
    color: var(--theme-color2);
}

.text-thm3 {
    color: var(--theme-color3);
}

.text-thm4 {
    color: var(--theme-color4);
}

.text-thm5 {
    color: var(--theme-color5);
}

.text-thm6 {
    color: var(--theme-color6);
}

.text-thm7 {
    color: var(--theme-color7);
}

.text-thm8 {
    color: var(--theme-color8);
}

.text-thm9 {
    color: var(--theme-color9);
}

.text-thm10 {
    color: var(--theme-color10);
}

.text-thm11 {
    color: var(--theme-color11);
}

.text-thm12 {
    color: var(--theme-color12);
}

.text-thm13 {
    color: var(--theme-color13);
}

.text-thm14 {
    color: var(--theme-color14);
}

.text-thm15 {
    color: var(--theme-color15);
}

.text-thm16 {
    color: var(--theme-color16);
}

.text-thm17 {
    color: var(--theme-color17);
}

.text-thm18 {
    color: var(--theme-color18);
}

.text-thm19 {
    color: var(--theme-color19);
}

.text-thm20 {
    color: var(--theme-color20);
}

.text-thm21 {
    color: var(--theme-color21);
}

.text-thm22 {
    color: var(--theme-color22);
}

.text-thm23 {
    color: var(--theme-color23);
}

.text-thm24 {
    color: var(--theme-color24);
}

.text-thm25 {
    color: var(--theme-color25);
}

.text-thm26 {
    color: var(--theme-color26);
}

.text-thm27 {
    color: var(--theme-color27);
}

.text-thm28 {
    color: var(--theme-color28);
}

.text-thm29 {
    color: var(--theme-color29);
}

.text-thm30 {
    color: var(--theme-color30);
}

.text-thm31 {
    color: var(--theme-color31);
}

.text-thm32 {
    color: var(--theme-color32);
}

.text-thm33 {
    color: var(--theme-color33);
}

.text-thm34 {
    color: var(--theme-color34);
}

.text-thm35 {
    color: var(--theme-color35);
}

.text-thm36 {
    color: var(--theme-color36);
}

.text-thm37 {
    color: var(--theme-color37);
}

.text-thm38 {
    color: var(--theme-color38);
}

.text-thm39 {
    color: var(--theme-color39);
}

.text-thm40 {
    color: var(--theme-color40);
}

.text-thm41 {
    color: var(--theme-color41);
}

.light-orange {
    color: var(--light-orange);
}

.floral-white {
    color: var(--floral-white);
}

.grayish-orange {
    color: var(--grayish-orange);
}

.light-gray-orange {
    color: var(--glight-gray-orange);
}

.white-smoke {
    color: var(--white-smoke);
}

/*=== Theme Color Text ===*/
.bgc-text-color {
    background-color: var(--text-color);
}

.bgc-white-smoke {
    background-color: var(--white-smoke);
}

.bgc-dark {
    background-color: var(--dark-color);
}

.bgc-dark2 {
    background-color: var(--dark-color2);
}

.bgc-dark3 {
    background-color: var(--dark-color3);
}

.bgc-dark4 {
    background-color: var(--dark-color4);
}

.bgc-dark5 {
    background-color: var(--dark-color5);
}

.bgc-dark6 {
    background-color: var(--dark-color6);
}

.bgc-title-color,
.bgc-heaings-color {
    color: var(--headings-color);
}

.bgc-thm1 {
    background-color: var(--theme-color1);
}

.bgc-thm2 {
    background-color: var(--theme-color2);
}

.bgc-thm3 {
    background-color: var(--theme-color3);
}

.bgc-thm4 {
    background-color: var(--theme-color4);
}

.bgc-thm5 {
    background-color: var(--theme-color5);
}

.bgc-thm6 {
    background-color: var(--theme-color6);
}

.bgc-thm7 {
    background-color: var(--theme-color7);
}

.bgc-thm8 {
    background-color: var(--theme-color8);
}

.bgc-thm9 {
    background-color: var(--theme-color9);
}

.bgc-thm10 {
    background-color: var(--theme-color10);
}

.bgc-thm11 {
    background-color: var(--theme-color11);
}

.bgc-thm12 {
    background-color: var(--theme-color12);
}

.bgc-thm13 {
    background-color: var(--theme-color13);
}

.bgc-thm14 {
    background-color: var(--theme-color14);
}

.bgc-thm15 {
    background-color: var(--theme-color15);
}

.bgc-thm16 {
    background-color: var(--theme-color16);
}

.bgc-thm17 {
    background-color: var(--theme-color17);
}

.bgc-thm18 {
    background-color: var(--theme-color18);
}

.bgc-thm19 {
    background-color: var(--theme-color19);
}

.bgc-thm20 {
    background-color: var(--theme-color20);
}

.bgc-thm21 {
    background-color: var(--theme-color21);
}

.bgc-thm22 {
    background-color: var(--theme-color22);
}

.bgc-thm23 {
    background-color: var(--theme-color23);
}

.bgc-thm24 {
    background-color: var(--theme-color24);
}

.bgc-thm25 {
    background-color: var(--theme-color25);
}

.bgc-thm26 {
    background-color: var(--theme-color26);
}

.bgc-thm27 {
    background-color: var(--theme-color27);
}

.bgc-thm28 {
    background-color: var(--theme-color28);
}

.bgc-thm28 {
    background-color: var(--theme-color29);
}

.bgc-thm30 {
    background-color: var(--theme-color30);
}

.bgc-thm31 {
    background-color: var(--theme-color31);
}

.bgc-thm32 {
    background-color: var(--theme-color32);
}

.bgc-thm33 {
    background-color: var(--theme-color33);
}

.bgc-thm34 {
    background-color: var(--theme-color34);
}

.bgc-thm35 {
    background-color: var(--theme-color35);
}

.bgc-thm36 {
    background-color: var(--theme-color36);
}

.bgc-thm37 {
    background-color: var(--theme-color37);
}

.bgc-thm38 {
    background-color: var(--theme-color38);
}

.bgc-thm39 {
    background-color: var(--theme-color39);
}

.bgc-thm39 {
    background-color: var(--theme-color39);
}

.bgc-thm40 {
    background-color: var(--theme-color40);
}

.bgc-thm41 {
    background-color: var(--theme-color41);
}

.bgc-light-orange {
    background-color: var(--light-orange);
}

.bgc-floral-white {
    background-color: var(--floral-white);
}

.bgc-grayish-orange {
    background-color: var(--grayish-orange);
}

.bgc-dark-grayish-orange {
    background-color: var(--dark-grayish-orange);
}

.bgc-light-gray-orange {
    background-color: var(--light-grayish-orange);
}

/*=== List Of Font Family ===*/
.jakarta-font {
    font-family: var(--jakarta-font);
}

.marcellus-font {
    font-family: var(--marcellus-font);
}

.jost-font {
    font-family: var(--jost-font);
}

.dmsans-font {
    font-family: var(--dmsans-font);
}

.bebas-font {
    font-family: var(--bebas-font);
}

.opensans-font {
    font-family: var(--opensans-font);
}

.libre-font {
    font-family: var(--libre-font);
}

.outfit-font {
    font-family: var(--outfit-font);
}

.montserrat-font {
    font-family: var(--montserrat-font);
}

.lora-font {
    font-family: var(--lora-font);
}

.marcellus-font {
    font-family: var(--marcellus-font);
}

.cormorant-font {
    font-family: var(--cormorant-font);
}

.roboto-font {
    font-family: var(--roboto-font);
}

.poppins-font {
    font-family: var(--poppins-font);
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .pt165 {
        padding-top: 125px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .pb160 {
        padding-bottom: 120px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .pt140 {
        padding-top: 100px;
    }
}

.bootstrap-select .dropdown-menu.inner {
    width: 160px;
}

.bootstrap-select .dropdown-menu li {
    margin: 0 20px;
    padding-left: 0;
}

    .bootstrap-select .dropdown-menu li:hover a {
        color: var(--black-color);
    }

.bootstrap-select .dropdown-menu a {
    background-color: transparent;
    color: var(--black-color);
    font-size: 13px;
    font-family: var(--jakarta-font);
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0em;
    padding: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .bootstrap-select .dropdown-menu a:hover,
    .bootstrap-select .dropdown-menu a:active,
    .bootstrap-select .dropdown-menu a:focus {
        background-color: transparent;
    }

.bootstrap-select .dropdown-toggle {
    background-color: transparent;
    border: none;
}

    .bootstrap-select .dropdown-toggle:hover,
    .bootstrap-select .dropdown-toggle:active,
    .bootstrap-select .dropdown-toggle:focus {
        outline: none !important;
    }

    .bootstrap-select .dropdown-toggle:after {
        vertical-align: 0.1em;
    }

.zi0 {
    z-index: 0;
}

.zi1 {
    z-index: 1;
}

.zi9 {
    z-index: 9;
}

.zi-1 {
    z-index: -1;
}

.z0 {
    z-index: 0 !important;
}

.z-1 {
    z-index: -1;
}

.z9 {
    z-index: 9;
}

.z99 {
    z-index: 99;
}

.bb1 {
    border-bottom: 1px solid var(--gray-color);
}

.before-none:before,
.before_none:before {
    display: none;
}

.icon-text-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .icon-text-list li {
        color: var(--headings-color);
        font-style: normal;
        font-size: 13px;
        font-weight: var(--font-weight-500);
        letter-spacing: 0em;
        line-height: 24px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        padding-right: 15px;
        margin-bottom: 25px;
        width: 50%;
    }

.fraction-pagination {
    color: var(--dark-color);
    font-size: 14px;
    font-weight: var(--font-weight-500);
    line-height: 28px;
}

.tiny-title11 {
    color: var(--dark-color);
    font-weight: var(--font-weight-600);
    font-size: 11px;
    line-height: 14px;
    letter-spacing: 0em;
}

.cursor-pointer {
    cursor: pointer;
}

.slider-right-outer {
    margin-right: -250px;
}

@media (max-width: 991.98px) {
    .slider-right-outer {
        margin-right: 0;
    }
}

.swiper-scrollbar {
    width: 100%;
    height: 3px;
    background: var(--text-gray-2);
}

.swiper-scrollbar-drag {
    background: var(--dark-color);
}

.swiper-scrollbar-2 {
    width: 100%;
    height: 3px;
    background: var(--text-gray-2);
}

.home17-style .navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.home17-style .swiper-scrollbar,
.home17-style .swiper-scrollbar-2,
.home17-style .swiper-scrollbar-3 {
    background: var(--text-gray-2);
    height: 3px;
    margin-left: 60px;
    margin-right: 60px;
    width: 93%;
}

@media (max-width: 575.98px) {

    .home17-style .swiper-scrollbar,
    .home17-style .swiper-scrollbar-2,
    .home17-style .swiper-scrollbar-3 {
        margin-left: 10px;
        margin-right: 10px;
        width: 100%;
    }
}

.home17-style .swiper-scrollbar-2,
.home17-style .swiper-scrollbar-3 {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
}

.home17-style .swiper-scrollbar-drag {
    background-color: var(--dark-color5);
    border-radius: 0;
}

.navigation.dark-style span.prev,
.navigation.dark-style span.next {
    color: var(--dark-color5);
}

.swiper-default-nav {
    bottom: 0;
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
}

    .swiper-default-nav .navigation {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: absolute;
        z-index: 1;
        width: 100%;
    }

        .swiper-default-nav .navigation span {
            background: var(--white-color);
            border: 1px solid var(--gray-color);
            border-radius: 50px;
            cursor: pointer;
            display: inline-block;
            height: 50px;
            line-height: 44px;
            text-align: center;
            -webkit-transition: all 0.4s ease-out 0s;
            transition: all 0.4s ease-out 0s;
            width: 50px;
            position: relative;
        }

            .swiper-default-nav .navigation span:hover {
                background: var(--dark-color);
                border-color: var(--dark-color);
                color: var(--white-color);
            }

    .swiper-default-nav.home20-style {
        top: 60%;
    }

@media (max-width: 767.98px) {
    .swiper-default-nav.home20-style {
        top: 55%;
    }
}

.swiper-default-nav.home20-style .navigation {
    max-width: 1730px;
}

    .swiper-default-nav.home20-style .navigation .product-prev {
        left: 0px;
    }

    .swiper-default-nav.home20-style .navigation .product-next {
        right: 0px;
    }

.swiper-slide .bg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

/* @media (max-width: 1199.98px) {
	.auto-flex-container {
		overflow-x: auto;
		position: relative;
	}
} */

.auto-flex-container.home1-style .item {
    min-width: 590px;
    margin-right: 15px;
}

@media (max-width: 1199.98px) {
    .auto-flex-container.home1-style .item {
        min-width: 300px;
    }
}

@media (max-width: 575.98px) {
    .auto-flex-container.home1-style .item {
        min-width: 280px;
    }
}

.auto-flex-container.home1-style .item:last-child {
    margin-right: 0;
}

.auto-flex-container.home2-style .item {
    min-width: 397px;
    max-width: 397px;
    width: 100%;
}

@media (max-width: 1399.98px) {
    .auto-flex-container.home2-style .item {
        min-width: 300px;
    }
}

@media (max-width: 1199.98px) {
    .auto-flex-container.home2-style .item {
        min-width: 300px;
    }
}

@media (max-width: 575.98px) {
    .auto-flex-container.home2-style .item {
        min-width: 280px;
    }
}

.auto-flex-container.home2-style .item.style2 {
    min-width: 307px;
    max-width: 307px;
    width: 100%;
}

@media (max-width: 1399.98px) {
    .auto-flex-container.home2-style .item.style2 {
        min-width: 280px;
    }
}

@media (max-width: 1199.98px) {
    .auto-flex-container.home2-style .item.style2 {
        min-width: 250px;
    }
}

@media (max-width: 575.98px) {
    .auto-flex-container.home2-style .item.style2 {
        min-width: 220px;
    }
}

.auto-flex-container.coll-1 .item {
    min-width: 347px;
}

@media (max-width: 575.98px) {
    .auto-flex-container.coll-1 .item {
        min-width: 270px;
    }
}

.auto-flex-container.coll-2 .item {
    min-width: 447px;
}

@media (max-width: 1199.98px) {
    .auto-flex-container.coll-2 .item {
        min-width: 340px;
    }
}

@media (max-width: 575.98px) {
    .auto-flex-container.coll-2 .item {
        min-width: 270px;
    }
}

.auto-flex-container.list-10 {
    gap: 25px;
}

    .auto-flex-container.list-10 .item {
        min-width: 258px;
    }

@media (max-width: 575.98px) {
    .auto-flex-container.list-10 .item {
        min-width: 270px;
    }
}

.auto-flex-container.shop-single .item {
    min-width: 338px;
    margin-right: 8px;
}

@media (max-width: 991.98px) {
    .auto-flex-container.shop-single .item {
        min-width: 270px;
    }
}

@media (max-width: 575.98px) {
    .auto-flex-container.shop-single .item {
        min-width: 195px;
    }
}

.auto-flex-container.home12 .item {
    min-width: 436px;
}

@media (max-width: 1199.98px) {
    .auto-flex-container.home12 .item {
        min-width: 340px;
    }
}

@media (max-width: 575.98px) {
    .auto-flex-container.home12 .item {
        min-width: 270px;
    }
}

@media (max-width: 991.98px) {
    .auto-flex-container.home14 .item {
        min-width: 170px;
    }
}

.auto-flex-container.home16 .item {
    min-width: 312px;
    margin-right: 10px;
}

@media (max-width: 991.98px) {
    .auto-flex-container.home16 .item {
        min-width: 270px;
    }
}

.auto-flex-container.home16-style2 .item {
    min-width: 250px;
    margin-right: 20px;
}

@media (max-width: 575.98px) {
    .auto-flex-container.home16-style2 .item {
        min-width: 170px;
    }
}

.auto-flex-container.home17 .item {
    min-width: 308px;
    margin-right: 6px;
}

@media (max-width: 991.98px) {
    .auto-flex-container.home17 .item {
        min-width: 270px;
    }
}

.auto-flex-container.home17-style2 .item:not(:last-child) {
    min-width: 352px;
    margin-right: 10px;
}

@media (max-width: 991.98px) {
    .auto-flex-container.home17-style2 .item:not(:last-child) {
        min-width: 270px;
    }
}

.auto-flex-container.home18-style .item {
    min-width: 468px;
}

@media (max-width: 1199.98px) {
    .auto-flex-container.home18-style .item {
        min-width: 368px;
    }
}

@media (max-width: 575.98px) {
    .auto-flex-container.home18-style .item {
        min-width: 268px;
    }
}

.auto-flex-container.home18-style .item.style2 {
    min-width: 210px;
}

.auto-flex-container.home19-style .item {
    min-width: 240px;
}

@media (max-width: 575.98px) {
    .auto-flex-container.home19-style .item {
        min-width: 200px;
    }
}

.auto-flex-container.home19-style .item.style2 {
    min-width: 620px;
}

@media (max-width: 1199.98px) {
    .auto-flex-container.home19-style .item.style2 {
        min-width: 468px;
    }
}

@media (max-width: 991.98px) {
    .auto-flex-container.home19-style .item.style2 {
        min-width: 368px;
    }
}

@media (max-width: 767.98px) {
    .auto-flex-container.home19-style .item.style2 {
        min-width: 268px;
    }
}

.auto-flex-container.home23-style .item {
    min-width: 300px;
    margin-right: 10px;
}

@media (max-width: 991.98px) {
    .auto-flex-container.home23-style .item {
        min-width: 277px;
    }
}

@media (max-width: 575.98px) {
    .auto-flex-container.home23-style .item {
        min-width: 278px;
    }
}

.auto-flex-container.home23-style .item.style2 {
    min-width: 520px;
}

@media (max-width: 1199.98px) {
    .auto-flex-container.home23-style .item.style2 {
        min-width: 420px;
    }
}

@media (max-width: 991.98px) {
    .auto-flex-container.home23-style .item.style2 {
        min-width: 340px;
    }
}

@media (max-width: 575.98px) {
    .auto-flex-container.home23-style .item.style2 {
        min-width: 340px;
    }
}

.auto-flex-container.home23-style .item.style3 {
    min-width: 520px;
}

@media (max-width: 991.98px) {
    .auto-flex-container.home23-style .item.style3 {
        min-width: 480px;
    }
}

@media (max-width: 575.98px) {
    .auto-flex-container.home23-style .item.style3 {
        min-width: 480px;
    }
}

.transparent-text .title {
    font-style: normal;
    font-weight: 400;
    font-size: clamp(35px, 3.125vw, 50px);
    line-height: 1.26;
    letter-spacing: 0.03em;
    padding: 25px 20px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-color: var(--white-color);
    -webkit-text-stroke-width: 0.4px;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

    .transparent-text .title:hover {
        -webkit-text-fill-color: var(--white-color);
    }

    .transparent-text .title.active {
        -webkit-text-fill-color: var(--white-color);
    }

@media (max-width: 991.98px) {
    .transparent-text .title {
        padding: 0px 4px;
    }
}

.sticky-section {
    position: sticky;
    top: 0;
}

@media (max-width: 991.98px) {
    .sticky-section {
        position: relative;
        top: auto;
    }
}

@media (max-width: 991.98px) {
    .su-product-7-step-area .sticky-section {
        position: relative;
        top: auto;
    }
}

/***  Buttons  ***/
.theme-btn {
    display: inline-block;
    position: relative;
    padding: 17px 27px;
    gap: 10px;
    color: var(--dark-color);
    font-family: var(--title-font13);
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    background-color: var(--white-color);
    line-height: 1;
    overflow: hidden;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    z-index: 1;
}

    .theme-btn i,
    .theme-btn svg {
        margin-left: 6px;
    }

    .theme-btn:before {
        -webkit-transition-duration: 800ms;
        transition-duration: 800ms;
        position: absolute;
        width: 210%;
        height: 290%;
        content: "";
        top: 162%;
        left: 50%;
        background-color: var(--dark-color);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%) rotate(-8deg);
        border-radius: 80%;
        z-index: -1;
    }

    .theme-btn:hover {
        color: var(--white-color);
    }

        .theme-btn:hover:before {
            top: -96%;
        }

.black-btn {
    background-color: var(--dark-color);
    color: var(--white-color);
    display: inline-block;
    font-family: var(--title-font13);
    font-size: 13px;
    font-weight: 500;
    gap: 10px;
    line-height: normal;
    line-height: 1;
    overflow: hidden;
    padding: 17px 27px;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    z-index: 1;
}

    .black-btn i,
    .black-btn svg {
        margin-left: 6px;
    }

    .black-btn:before {
        background-color: var(--white-color);
        border-radius: 80%;
        content: "";
        height: 290%;
        left: 50%;
        top: 162%;
        position: absolute;
        -webkit-transition-duration: 800ms;
        transition-duration: 800ms;
        width: 210%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%) rotate(-8deg);
        z-index: -1;
    }

    .black-btn:hover {
        color: var(--dark-color);
        border: 1px solid var(--dark-color);
    }

        .black-btn:hover:before {
            top: -96%;
        }

.theme-btn2 {
    background-color: #986F3E;
    color: var(--white-color);
    display: inline-block;
    font-family: var(--title-font13);
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    gap: 10px;
    letter-spacing: 0.26px;
    padding: 20px 35px;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
    line-height: 1;
    overflow: hidden;
    border: none;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

    .theme-btn2 i,
    .theme-btn2 svg {
        margin-left: 6px;
    }

    .theme-btn2:before {
        -webkit-transition-duration: 800ms;
        transition-duration: 800ms;
        position: absolute;
        width: 210%;
        height: 290%;
        content: "";
        top: 162%;
        left: 50%;
        background-color: var(--white-color);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%) rotate(-8deg);
        border-radius: 80%;
        z-index: -1;
    }

    .theme-btn2:hover {
        color: var(--dark-color);
    }

        .theme-btn2:hover:before {
            top: -96%;
        }

.su-btn-4-border {
    background-color: transparent;
    color: var(--white-color);
    border: 1px solid var(--white-color);
    position: relative;
    display: inline-block;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    padding: 18px 38px;
    z-index: 1;
    line-height: 1;
    overflow: hidden;
}

    .su-btn-4-border span {
        padding-left: 8px;
    }

    .su-btn-4-border:before {
        -webkit-transition-duration: 800ms;
        transition-duration: 800ms;
        position: absolute;
        width: 210%;
        height: 290%;
        content: "";
        top: 162%;
        left: 50%;
        background-color: var(--dark-color);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%) rotate(-8deg);
        border-radius: 80%;
        z-index: -1;
    }

    .su-btn-4-border:hover {
        color: var(--white-color);
        border: 1px solid var(--dark-color);
    }

        .su-btn-4-border:hover:before {
            top: -96%;
        }

.su-btn-24-border {
    background-color: transparent;
    color: var(--white-color);
    border: 1px solid var(--white-color);
    position: relative;
    display: inline-block;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    padding: 18px 38px;
    z-index: 1;
    line-height: 1;
    overflow: hidden;
}

    .su-btn-24-border span {
        padding-left: 8px;
    }

    .su-btn-24-border:hover {
        color: var(--white-color);
    }

.tabs-center-button.style20 .nav-tabs {
    border-bottom: none;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 40px;
}

    .tabs-center-button.style20 .nav-tabs li a {
        margin-left: 50px;
        font-size: 36px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        color: var(--text-color);
        -webkit-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
        position: relative;
        font-size: 24px;
        margin-left: 18px;
    }

        .tabs-center-button.style20 .nav-tabs li a::after {
            position: absolute;
            left: 0;
            bottom: 0;
            height: 1px;
            content: "";
            background-color: var(--dark-color);
            width: 0;
            -webkit-transition: all 0.4s ease-out 0s;
            transition: all 0.4s ease-out 0s;
        }

        .tabs-center-button.style20 .nav-tabs li a:hover {
            color: var(--dark-color);
        }

            .tabs-center-button.style20 .nav-tabs li a:hover::after {
                width: 100%;
            }

        .tabs-center-button.style20 .nav-tabs li a.active::after {
            width: 100%;
        }

@media (max-width: 575.98px) {
    .tabs-center-button.style20 .nav-tabs li a {
        font-size: 28px;
        margin-left: 24px;
    }
}

.tabs-center-button.style20 .nav-tabs li:first-child a {
    margin-left: 0px;
}

/*
 * BeforeAfter.scss
 * -----------------------------------------------
*/
.beforeAfter {
    height: 700px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .beforeAfter {
        height: 500px;
    }
}

@media (max-width: 575px) {
    .beforeAfter {
        height: 400px;
    }
}

.beforeAfter img {
    max-width: inherit;
    height: 700px;
    -o-object-fit: cover;
    object-fit: cover;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .beforeAfter img {
        height: 500px;
    }
}

@media (max-width: 575px) {
    .beforeAfter img {
        height: 400px;
    }
}

@media (max-width: 425.98px) {
    .beforeAfter img {
        height: 300px;
    }
}

@media (max-width: 320px) {
    .beforeAfter img {
        height: 280px;
    }
}

.beforeAfter div div div {
    background: var(--text-white) !important;
    height: 60px !important;
    width: 60px !important;
    line-height: 56px !important;
    z-index: -1 !important;
}

    .beforeAfter div div div i {
        border-color: var(--dark-color) !important;
    }

.before-servce {
    position: absolute;
    bottom: 40px;
    left: 40px;
    z-index: 11;
}

@media (max-width: 575px) {
    .before-servce {
        bottom: 10px;
        left: 10px;
    }
}

.after-servce {
    position: absolute;
    bottom: 40px;
    right: 40px;
    z-index: 11;
}

@media (max-width: 575px) {
    .after-servce {
        bottom: 10px;
        right: 10px;
    }
}

.before-after-5-area .service .title {
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    color: var(--dark-color);
}

.before-after-5-area .service .su-before-btn {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0em;
    color: var(--dark-color);
    position: relative;
}

    .before-after-5-area .service .su-before-btn::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 1px;
        background: var(--dark-color);
        bottom: -8px;
        left: 0;
    }

/***  Header Top  ***/
/*  home 4 style header top  */
.su-header-4-top {
    padding: 5px 0px;
    height: 40px;
}

    .su-header-4-top .discount p {
        font-weight: 500;
        font-size: 12px;
        letter-spacing: 0em;
        color: var(--text-white);
    }

        .su-header-4-top .discount p a {
            text-decoration: underline;
            color: var(--text-white);
            margin-left: 5px;
            -webkit-transition: all 0.4s ease 0.3s 0s ease-out;
            transition: all 0.4s ease 0.3s 0s ease-out;
        }

    .su-header-4-top.home16-style .discount p {
        color: var(--text-white);
        font-family: var(--montserrat-font);
        font-size: 10px;
        font-style: normal;
        font-weight: 500;
        letter-spacing: none;
        line-height: 12px;
    }

        .su-header-4-top.home16-style .discount p a {
            text-decoration: underline;
            color: var(--text-white);
            margin-left: 5px;
            -webkit-transition: all 0.4s ease 0.3s 0s ease-out;
            transition: all 0.4s ease 0.3s 0s ease-out;
        }

    .su-header-4-top.home22-style .discount .text {
        color: var(--text-white);
        font-size: 12px;
        font-style: normal;
        line-height: 24px;
        font-weight: 400;
        text-transform: uppercase;
    }

        .su-header-4-top.home22-style .discount .text a {
            text-decoration: underline;
            color: var(--text-white);
            margin-left: 5px;
            -webkit-transition: all 0.4s ease 0.3s 0s ease-out;
            transition: all 0.4s ease 0.3s 0s ease-out;
        }

.su-header-7-top {
    padding: 9px 0px;
}

.su-header-7-menu-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.home17-header-top {
    background-color: var(--theme-color38);
    position: relative;
}

.home18-header-top {
    background-color: var(--theme-color36);
    position: relative;
}

    .home18-header-top .text {
        font-family: "Jost";
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 17px;
        letter-spacing: 0.03em;
    }

/***  Header  ***/
/*== Home 1 Style Header ==*/
header.header-nav {
    padding: 0 30px;
}

.header_top_logo_home1 .logo {
    left: 0;
    margin: 0 auto;
    max-width: 170px;
    /* position: absolute; */
    /* right: 0;
  top: 30px; */
}

@media (max-width: 1199px) {
    .header_top_logo_home1.mobile {
        margin: 0 auto;
        position: absolute;
        top: 10px;
        width: 160px;
        height: auto;
        left: 10px;
        text-align: start;
    }
}

.header_top_logo_home1.home2 .logo {
    left: 0;
    margin: 0 auto;
    max-width: 150px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}

@media (max-width: 575.98px) {
    .header_top_logo_home1.home2 .logo {
        left: 30px;
        right: auto;
    }
}

.header_top_logo_home1.home9 .logo {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 15px;
    max-width: 150px;
}

@media (max-width: 575.98px) {
    .header_top_logo_home1.home9 .logo {
        left: 50px;
        right: auto;
    }
}

.header_top_logo_home1.home19 .logo {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 15px;
    max-width: 150px;
}

@media (max-width: 575.98px) {
    .header_top_logo_home1.home19 .logo {
        left: 0;
        margin: 0 auto;
        right: 0;
    }
}

@media (max-width: 575.98px) {
    .header_top_logo_home1.home19 a.menubar {
        left: 0;
    }
}

.header-top-left .light-style .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    color: var(--white-color);
}

.header-top-left .light-style .cart-btn nav ul li a {
    color: var(--white-color);
}

.header-top-left .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 130px;
}

.header-top-left .bootstrap-select.show-tick .dropdown-menu li a span.text {
    margin-right: 0;
}

.header-top-left .dropdown-toggle {
    padding-left: 5px;
    padding-right: 0;
}

    .header-top-left .dropdown-toggle .filter-option-inner-inner {
        font-family: var(--body-font);
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 22px;
        letter-spacing: 0px;
        text-transform: uppercase;
    }

    .header-top-left .dropdown-toggle:active {
        background-color: transparent;
    }

@media (max-width: 1199px) {
    .stylehome4 .mobile_menu_bar.home19 {
        position: absolute;
        top: 20px;
    }
}

@media (max-width: 575.98px) {
    .stylehome4 .mobile_menu_bar.home19 {
        margin-left: 0px;
    }
}

.stylehome4 .mobile_menu_bar.home19 a.menubar {
    top: 10px;
}

@media (max-width: 575.98px) {
    .stylehome4 .mobile_menu_bar.home19 a.menubar {
        left: 0;
    }
}

@media (max-width: 575.98px) {
    .stylehome4 .mobile_menu_bar.home19 a.menubar {
        left: 0;
    }
}

@media (max-width: 1199px) {
    .stylehome4 .mobile_menu_bar .home9-hdr-src-btn {
        position: relative;
        top: 13px;
    }
}

@media (max-width: 1199px) and (max-width: 575.98px) {
    .stylehome4 .mobile_menu_bar .home9-hdr-src-btn {
        display: none !important;
    }
}

/*  header home 3 style  */
.header-3 {
    background: transparent;
    z-index: 999;
}

    .header-3 .header-3-area .header-3-top {
        background: var(--theme-color13);
    }

        .header-3 .header-3-area .header-3-top .discount p {
            color: var(--dark-color);
        }

    .header-3 .header-3-area .header-3-middle {
        -webkit-transition: all 0.6s ease-out;
        transition: all 0.6s ease-out;
    }

    .header-3 .header-3-area .su-menu-3 > nav > ul > li {
        margin: 0 15px;
    }

        .header-3 .header-3-area .su-menu-3 > nav > ul > li > a {
            color: var(--white-color);
            font-weight: var(--font-weight-600);
            padding: 10px 0;
        }

            .header-3 .header-3-area .su-menu-3 > nav > ul > li > a::before {
                background: var(--white-color);
            }

        .header-3 .header-3-area .su-menu-3 > nav > ul > li:hover .sub-menu li a {
            background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(29, 29, 29)), to(rgb(29, 29, 29))), -webkit-gradient(linear, left top, left bottom, from(rgb(29, 29, 29)), to(rgb(29, 29, 29)));
            background-image: linear-gradient(rgb(29, 29, 29), rgb(29, 29, 29)), linear-gradient(rgb(29, 29, 29), rgb(29, 29, 29));
            background-size: 0px 1px, 0px 1px;
            background-position: 100% 100%, 0px 100%;
            background-repeat: no-repeat;
            -webkit-transition: background-size 0.3s linear;
            transition: background-size 0.3s linear;
            line-height: 20px;
            color: var(--dark-color);
        }

            .header-3 .header-3-area .su-menu-3 > nav > ul > li:hover .sub-menu li a:hover {
                background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(29, 29, 29)), to(rgb(29, 29, 29))), -webkit-gradient(linear, left top, left bottom, from(rgb(29, 29, 29)), to(rgb(29, 29, 29)));
                background-image: linear-gradient(rgb(29, 29, 29), rgb(29, 29, 29)), linear-gradient(rgb(29, 29, 29), rgb(29, 29, 29));
                background-size: 0px 1px, 100% 1px;
                background-position: 100% 100%, 0px 100%;
                background-repeat: no-repeat;
                -webkit-transition: background-size 0.3s linear;
                transition: background-size 0.3s linear;
                color: var(--dark-color);
            }

    .header-3 .header-3-area .su-menu-13 > nav > ul > li {
        margin: 0 30px 0 0;
    }

    .header-3 .header-3-area .mega-menu-3 nav ul li a {
        color: var(--dark-color);
    }

    .header-3 .header-3-area .cart-btn ul li a {
        color: var(--white-color);
    }

        .header-3 .header-3-area .cart-btn ul li a:hover {
            color: var(--white-color) !important;
        }

    .header-3.sticky-menu .header-3-middle {
        background: var(--dark-color);
        -webkit-box-shadow: 0 2px 20px rgba(25, 25, 25, 0.1);
        box-shadow: 0 2px 20px rgba(25, 25, 25, 0.1);
        padding: 15px 0;
    }

    .header-3.sticky-menu {
        top: 0;
    }

/*  header home 4 style  */
.su-header-4-top.home21-style .discount .text {
    font-size: 11px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-transform: uppercase;
}

.su-header-4-middle {
    padding: 20px 0px;
}

    .su-header-4-middle .left .cetagory nav ul li {
        display: inline-block;
    }

        .su-header-4-middle .left .cetagory nav ul li a {
            color: var(--text-color);
            display: inline-block;
            font-size: 13px;
            font-weight: 600;
            letter-spacing: 0em;
            padding: 10px 15px;
            -webkit-transition: all 0.4s ease 0.3s 0s ease-out;
            transition: all 0.4s ease 0.3s 0s ease-out;
        }

            .su-header-4-middle .left .cetagory nav ul li a:hover {
                color: var(--dark-color);
            }

@media (max-width: 1199px) {
    .su-header-4-middle .left .search {
        margin-top: 25px;
    }
}

.su-header-4-middle .left .search .input {
    padding: 15px 45px;
    width: 807px;
    height: 46px;
    background: var(--text-gray-2);
    border: 2px solid transparent;
    font-weight: 500;
    font-size: 12px;
    line-height: 183%;
    letter-spacing: 0em;
    color: var(--dark-color);
}

@media (max-width: 1700px) {
    .su-header-4-middle .left .search .input {
        width: 507px;
    }
}

@media (max-width: 1400px) {
    .su-header-4-middle .left .search .input {
        width: 300px;
    }
}

@media (max-width: 1199px) {
    .su-header-4-middle .left .search .input {
        width: 100%;
    }
}

.su-header-4-middle .left .search .input:focus {
    background: transparent;
    border-color: var(--text-gray-2);
}

.su-header-4-middle .left .search .input::-webkit-input-placeholder {
    font-weight: 500;
    font-size: 12px;
    line-height: 183%;
    letter-spacing: 0em;
    color: var(--dark-color);
}

.su-header-4-middle .left .search .input:-moz-placeholder {
    font-weight: 500;
    font-size: 12px;
    line-height: 183%;
    letter-spacing: 0em;
    color: var(--dark-color);
}

.su-header-4-middle .left .search .input::-moz-placeholder {
    font-weight: 500;
    font-size: 12px;
    line-height: 183%;
    letter-spacing: 0em;
    color: var(--dark-color);
}

.su-header-4-middle .left .search .input:-ms-input-placeholder {
    font-weight: 500;
    font-size: 12px;
    line-height: 183%;
    letter-spacing: 0em;
    color: var(--dark-color);
}

.su-header-4-middle .left .search .search-button {
    border: none;
    background: none;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 1;
}

.su-header-4-middle .cart-btn > nav > ul > li {
    display: inline-block;
    margin-left: 30px;
}

@media (max-width: 1600px) {
    .su-header-4-middle .cart-btn > nav > ul > li {
        margin-left: 25px;
    }
}

@media (max-width: 575.98px) {
    .su-header-4-middle .cart-btn > nav > ul > li {
        margin-left: 10px;
    }
}

@media (max-width: 375.98px) {
    .su-header-4-middle .cart-btn > nav > ul > li {
        margin-left: 0;
    }
}

.su-header-4-middle .cart-btn > nav > ul > li a {
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0em;
    color: var(--dark-color);
}

    .su-header-4-middle .cart-btn > nav > ul > li a:hover {
        color: var(--text-color);
    }

    .su-header-4-middle .cart-btn > nav > ul > li a svg {
        -webkit-transform: translateY(-1px);
        transform: translateY(-1px);
        margin-right: 10px;
    }

.su-header-4-middle.home16-style .cart-btn > nav > ul > li {
    margin-left: 25px;
}

    .su-header-4-middle.home16-style .cart-btn > nav > ul > li a:hover {
        color: var(--dark-color);
    }

    .su-header-4-middle.home16-style .cart-btn > nav > ul > li a svg {
        margin-right: 0;
    }

.su-header-4-middle.home21-style {
    height: auto;
    position: absolute;
    top: 20px;
    z-index: 9;
}

    .su-header-4-middle.home21-style .menu_and_widgets {
        position: relative;
    }

    .su-header-4-middle.home21-style .mobile_menu_bar {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: var(--white-color);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
    }

@media (max-width: 1199.98px) {
    .su-header-4-middle.home21-style .cart-btn nav ul li {
        margin-left: 0;
    }

        .su-header-4-middle.home21-style .cart-btn nav ul li:nth-child(2) {
            margin-left: 10px;
        }
}

@media (max-width: 1199.98px) {

    .su-header-4-middle.home21-style .cart-btn nav ul li:nth-child(3),
    .su-header-4-middle.home21-style .cart-btn nav ul li:nth-child(4) {
        display: none;
    }
}

@media (max-width: 575.98px) {
    .su-header-4-middle.home21-style .mobile-menu-logo {
        left: 0;
        margin: 0 auto;
        right: 0;
        width: 30%;
    }
}

.su-header-4-middle.style22 {
    background-color: var(--theme-color39);
}

@media (max-width: 1499.98px) {
    .su-header-4-middle.style22 .su-menu-4.style22 nav > ul > li {
        margin-right: 20px;
    }
}

.su-header-4-middle.style22 .su-menu-4.style22 nav > ul > li .su-mega-menu-4 nav ul li a {
    color: var(--dark-color);
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.su-header-4-middle.style22 .su-menu-4.style22 nav > ul > li .su-mega-menu-4 .thumb .title a {
    color: var(--dark-color);
    font-size: 18px;
}

.su-header-4-middle.style22 .su-menu-4.style22 nav > ul > li a {
    color: var(--grayish-orange);
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0em;
    padding-bottom: 5px;
    position: relative;
    text-transform: uppercase;
}

.su-header-4-middle.style22 .su-menu-4.style22 nav > ul > li .sub-menu li a {
    color: var(--dark-color);
}

.su-header-4-middle.style22 .su-menu-4.style22 .mega-menu-list ul li a {
    color: var(--dark-color);
}

.su-header-4-middle.style22 .cart-btn nav ul li a {
    color: var(--grayish-orange);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0em;
}

.su-header-4-middle.style22 .cart-btn .minicart-btn-wrap a {
    color: var(--dark-color);
}

    .su-header-4-middle.style22 .cart-btn .minicart-btn-wrap a:hover {
        color: var(--white-color);
    }

    .su-header-4-middle.style22 .cart-btn .minicart-btn-wrap a.checkout-btn {
        color: var(--white-color);
    }

        .su-header-4-middle.style22 .cart-btn .minicart-btn-wrap a.checkout-btn:hover {
            color: var(--dark-color);
        }

.su-header-4-middle.style22 .search .search-button {
    background: none;
    border: none;
    left: 15px;
    line-height: 1;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.su-header-4-middle.style22 .search .input {
    background: transparent;
    border: 2px solid transparent;
    color: var(--grayish-orange);
    height: 46px;
    font-size: 12px;
    font-weight: 500;
    line-height: 183%;
    letter-spacing: 0em;
    padding: 15px 40px;
    width: 150px;
}

    .su-header-4-middle.style22 .search .input::-webkit-input-placeholder {
        color: var(--grayish-orange);
        text-transform: uppercase;
    }

    .su-header-4-middle.style22 .search .input::-moz-placeholder {
        color: var(--grayish-orange);
        text-transform: uppercase;
    }

    .su-header-4-middle.style22 .search .input:-ms-input-placeholder {
        color: var(--grayish-orange);
        text-transform: uppercase;
    }

    .su-header-4-middle.style22 .search .input::-ms-input-placeholder {
        color: var(--grayish-orange);
        text-transform: uppercase;
    }

    .su-header-4-middle.style22 .search .input::placeholder {
        color: var(--grayish-orange);
        text-transform: uppercase;
    }

@media (max-width: 1399.98px) {
    .su-header-4-middle.style22 .search .input {
        width: 125px;
        padding-right: 0;
    }
}

@media (max-width: 1199.98px) {
    .home2-style .su-header-4-middle .mobile_menu_widget_icons {
        top: 15px;
    }
}

@media (max-width: 575.98px) {
    .home2-style .header_top_logo_home1.home19.mobile {
        left: 30px;
        right: auto;
    }
}

.su-header-4-bottom {
    border-bottom: 1px solid var(--gray-color);
}

/*  header home 5 style  */
.su-header-5-top {
    background: #f9f2ea;
    padding: 10px 0px;
}

    .su-header-5-top .discount p {
        color: #b83d37;
    }

        .su-header-5-top .discount p a {
            color: #b83d37;
        }

.su-header-5-middle {
    padding-top: 30px;
    padding-bottom: 15px;
}

    .su-header-5-middle .header-lang .text {
        color: rgba(255, 255, 255, 0.7);
        font-weight: var(--font-weight-400);
        font-size: 13px;
        line-height: 24px;
    }

    .su-header-5-middle .header-lang .lang_widgets .dropdown span.text {
        color: var(--dark-color);
        text-transform: uppercase;
    }

    .su-header-5-middle .header-lang .lang_widgets .dropdown :not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        border: none;
        width: auto;
    }

    .su-header-5-middle .header-lang .lang_widgets button.btn {
        color: var(--text-white);
        font-weight: var(--font-weight-400);
        font-size: 13px;
        line-height: 24px;
    }

    .su-header-5-middle .header-lang button {
        padding: 0;
        background: none;
        border: none;
    }

    .su-header-5-middle .header-lang .filter-option-inner-inner {
        font-weight: 500;
        font-size: 12px;
        color: var(--dark-color);
        text-transform: uppercase;
    }

    .su-header-5-middle .header-lang .dropdown :not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        outline: none;
        background: none;
    }

    .su-header-5-middle .header-lang .bootstrap-select .dropdown-toggle:focus,
    .su-header-5-middle .header-lang .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
        outline: none !important;
        background: none;
    }

    .su-header-5-middle .header-lang .dropdown-menu {
        background: var(--white-color) !important;
        -webkit-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
        box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
        z-index: 999;
    }

    .su-header-5-middle .cart-btn > nav > ul > li {
        display: inline-block;
        margin-left: 16px;
    }

.su-header-5-bottom .su-menu-4 > nav > ul > li > a {
    font-weight: 600;
    padding-bottom: 22px;
}

    .su-header-5-bottom .su-menu-4 > nav > ul > li > a::before {
        display: none;
    }

/*  header home 6 style  */
.header-style-6 {
    padding: 20px 0;
}

    .header-style-6 .lang_widgets button.btn {
        color: var(--dark-color);
    }

        .header-style-6 .lang_widgets button.btn:focus {
            color: var(--dark-color);
        }

        .header-style-6 .lang_widgets button.btn::after {
            display: none;
        }

    .header-style-6 .su-menu-4 > nav > ul > li > a {
        font-weight: 600;
    }

    .header-style-6 .su-mega-menu-4.mega-menu-15 {
        top: calc(100% - 20px);
    }

/*  header home 7 style  */
.su-header-7-middle {
    padding-top: 25px;
    padding-bottom: 25px;
    background: none;
    z-index: 1;
    top: 38px;
}

/*  header home 8 style  */
.su-header-8-top {
    background: var(--dark-color);
}

    .su-header-8-top .discount p {
        color: var(--dark-color);
        text-transform: uppercase;
    }

        .su-header-8-top .discount p a {
            color: var(--dark-color);
            text-transform: uppercase;
        }

.su-header-8-middle {
    padding: 25px 0px;
}

    .su-header-8-middle .cart-btn > nav > ul > li {
        margin-left: 20px;
    }

/*  header home 9 style  */
.header-style-9 {
    padding: 30px 0;
}

    .header-style-9 .left-menu {
        gap: 30px;
    }

        .header-style-9 .left-menu .menus {
            color: var(--dark-color);
            font-size: 13px;
            font-weight: 500;
            line-height: 24px;
            letter-spacing: 0.26px;
        }

/*  header home 10 style  */
.header-10 {
    background: var(--dark-color);
}

    .header-10 .header-3-area .header-10-top {
        padding: 0 30px;
    }

        .header-10 .header-3-area .header-10-top .category ul {
            gap: 30px;
        }

            .header-10 .header-3-area .header-10-top .category ul li a {
                color: var(--white-color);
                font-size: 13px;
                font-weight: 600;
                line-height: normal;
                letter-spacing: 0.26px;
                position: relative;
                padding-bottom: 10px;
            }

                .header-10 .header-3-area .header-10-top .category ul li a::before {
                    position: absolute;
                    content: "";
                    width: 0;
                    height: 1px;
                    bottom: 0;
                    left: auto;
                    right: 0;
                    background: var(--white-color);
                    opacity: 0;
                    -webkit-transition: all 0.4s ease;
                    transition: all 0.4s ease;
                }

                .header-10 .header-3-area .header-10-top .category ul li a:hover::before {
                    width: 100%;
                    left: 0;
                    right: auto;
                    opacity: 1;
                }

            .header-10 .header-3-area .header-10-top .category ul li.active a::before {
                width: 100%;
                left: 0;
                right: auto;
                opacity: 1;
            }

        .header-10 .header-3-area .header-10-top .cart-btn-10 > nav > ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
        }

            .header-10 .header-3-area .header-10-top .cart-btn-10 > nav > ul > li {
                display: inline-block;
                margin-left: 20px;
            }

    .header-10 .header-3-area .su-menu-3 {
        padding: 30px 0 15px 0;
    }

        .header-10 .header-3-area .su-menu-3 .mega-menu-list > nav > ul > li a {
            color: var(--dark-color);
        }

        .header-10 .header-3-area .su-menu-3 .mega-menu-list > nav > ul > li:hover a {
            color: var(--dark-color);
        }

        .header-10 .header-3-area .su-menu-3 .mega-menu-list.white-menu > nav > ul > li a {
            color: var(--white-color);
            background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
            background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
        }

        .header-10 .header-3-area .su-menu-3 .mega-menu-list.white-menu > nav > ul > li:hover a {
            color: var(--white-color);
        }

    .header-10 .header-3-middle {
        padding: 30px 0 20px 0;
    }

/*  header home 12 style  */
.header-12 .header-3-area .header-3-top {
    background: var(--theme-color17);
}

    .header-12 .header-3-area .header-3-top .discount p {
        font-family: var(--dmsans-font);
    }

    .header-12 .header-3-area .header-3-top .countdown-box .countdown-item .count,
    .header-12 .header-3-area .header-3-top .countdown-box .countdown-item .title {
        color: var(--dark-color);
        font-family: var(--dmsans-font);
        font-size: 13px;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: 0.26px;
        text-transform: uppercase;
    }

@media (min-width: 1400px) and (max-width: 1660px) {
    .header-12 .header-3-area .su-menu-3 > nav > ul > li {
        margin: 0 7px;
    }
}

/*  header home 15 style  */
.su-header-15-middle {
    padding: 24px 0px;
}

    .su-header-15-middle .su-menu-15 nav ul li + li {
        margin-left: 25px;
    }

@media (max-width: 1399.98px) {
    .su-header-15-middle .su-menu-15 nav ul li + li {
        margin-left: 19px;
    }
}

.su-header-15-middle .su-menu-15 nav ul li {
    margin-right: 0;
}

    .su-header-15-middle .su-menu-15 nav ul li .mega-menu-list {
        margin-left: 0;
    }

        .su-header-15-middle .su-menu-15 nav ul li .mega-menu-list nav ul li {
            margin-left: 0;
        }

    .su-header-15-middle .su-menu-15 nav ul li .sub-menu li {
        margin-left: 0;
    }

        .su-header-15-middle .su-menu-15 nav ul li .sub-menu li a {
            background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(29, 29, 29)), to(rgb(29, 29, 29))), -webkit-gradient(linear, left top, left bottom, from(rgb(29, 29, 29)), to(rgb(29, 29, 29)));
            background-image: linear-gradient(rgb(29, 29, 29), rgb(29, 29, 29)), linear-gradient(rgb(29, 29, 29), rgb(29, 29, 29));
            background-size: 0px 1px, 0px 1px;
            background-position: 100% 100%, 0px 100%;
            background-repeat: no-repeat;
            -webkit-transition: background-size 0.3s linear;
            transition: background-size 0.3s linear;
            line-height: 20px;
        }

            .su-header-15-middle .su-menu-15 nav ul li .sub-menu li a:hover {
                color: var(--dark-color);
                background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(29, 29, 29)), to(rgb(29, 29, 29))), -webkit-gradient(linear, left top, left bottom, from(rgb(29, 29, 29)), to(rgb(29, 29, 29)));
                background-image: linear-gradient(rgb(29, 29, 29), rgb(29, 29, 29)), linear-gradient(rgb(29, 29, 29), rgb(29, 29, 29));
                background-size: 0px 1px, 100% 1px;
                background-position: 100% 100%, 0px 100%;
                background-repeat: no-repeat;
                -webkit-transition: background-size 0.3s linear;
                transition: background-size 0.3s linear;
                color: var(--dark-color);
            }

/*  header home 16 style  */
.su-header-16-middle .cetagory nav ul li {
    display: inline-block;
}

    .su-header-16-middle .cetagory nav ul li a {
        font-size: 14px;
        font-weight: var(--font-weight-500);
        color: var(--dark-color);
        font-family: var(--montserrat-font);
        padding: 4px 15px;
        border-radius: 4px;
        display: inline-block;
        text-align: center;
    }

.su-header-16-middle .cetagory nav ul .active a {
    background: var(--dark-color);
    color: var(--white-color);
}

.su-header-16-middle .cart-btn > nav > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

    .su-header-16-middle .cart-btn > nav > ul > li {
        display: inline-block;
        margin-left: 20px;
    }

        .su-header-16-middle .cart-btn > nav > ul > li a {
            font-weight: 500;
            font-size: 12px;
            letter-spacing: 0em;
            color: var(--dark-color);
        }

            .su-header-16-middle .cart-btn > nav > ul > li a:hover {
                color: var(--dark-color);
            }

            .su-header-16-middle .cart-btn > nav > ul > li a svg {
                margin-right: 0;
            }

.su-header-16-middle .cart-btn-11 > nav > ul > li > a {
    font-family: var(--jost-font);
}

    .su-header-16-middle .cart-btn-11 > nav > ul > li > a span {
        margin-left: 10px;
        font-family: var(--jakarta-font);
        font-weight: 500;
        line-height: 22px;
        letter-spacing: 0px;
        text-transform: uppercase;
    }

.product-card-13 h4.product-title a {
    font-family: var(--bebas-font) !important;
}

.mega-menu-list ul li {
    text-align: left;
}

button.search {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    font-family: var(--jakarta-font);
    color: var(--dark-color);
}

.su-header-16-middle.style11 {
    padding-bottom: 0;
}

    .su-header-16-middle.style11 .search-box {
        max-width: 300px;
        width: 100%;
    }

        .su-header-16-middle.style11 .search-box input {
            border-radius: 50px;
            border: 1px solid var(--gray-color);
            height: 42px;
            width: 100%;
            font-family: var(--jost-font);
            padding: 0 20px 0 46px;
        }

            .su-header-16-middle.style11 .search-box input::-webkit-input-placeholder {
                color: var(--dark-color);
            }

            .su-header-16-middle.style11 .search-box input::-moz-placeholder {
                color: var(--dark-color);
            }

            .su-header-16-middle.style11 .search-box input:-ms-input-placeholder {
                color: var(--dark-color);
            }

            .su-header-16-middle.style11 .search-box input::-ms-input-placeholder {
                color: var(--dark-color);
            }

            .su-header-16-middle.style11 .search-box input::placeholder {
                color: var(--dark-color);
            }

        .su-header-16-middle.style11 .search-box button {
            left: 20px;
        }

.su-header-16-bottom {
    border-top: 1px solid var(--gray-color);
}

    .su-header-16-bottom .su-menu-16 > nav > ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .su-header-16-bottom .su-menu-16 > nav > ul > li {
            margin-right: 0;
        }

            .su-header-16-bottom .su-menu-16 > nav > ul > li > a {
                color: var(--dark-color);
                font-family: var(--montserrat-font);
                font-size: 13px;
                font-weight: var(--font-weight-500);
                padding: 10px 0;
                text-transform: uppercase;
            }

            .su-header-16-bottom .su-menu-16 > nav > ul > li + li {
                margin-left: 30px;
            }

@media (max-width: 1399.98px) {
    .su-header-16-bottom .su-menu-16 > nav > ul > li + li {
        margin-left: 20px;
    }
}

.su-header-16-bottom .su-menu-16 .sub-menu li a {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(29, 29, 29)), to(rgb(29, 29, 29))), -webkit-gradient(linear, left top, left bottom, from(rgb(29, 29, 29)), to(rgb(29, 29, 29)));
    background-image: linear-gradient(rgb(29, 29, 29), rgb(29, 29, 29)), linear-gradient(rgb(29, 29, 29), rgb(29, 29, 29));
    background-size: 0px 1px, 0px 1px;
    background-position: 100% 100%, 0px 100%;
    background-repeat: no-repeat;
    -webkit-transition: background-size 0.3s linear;
    transition: background-size 0.3s linear;
    line-height: 20px;
}

    .su-header-16-bottom .su-menu-16 .sub-menu li a:hover {
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(29, 29, 29)), to(rgb(29, 29, 29))), -webkit-gradient(linear, left top, left bottom, from(rgb(29, 29, 29)), to(rgb(29, 29, 29)));
        background-image: linear-gradient(rgb(29, 29, 29), rgb(29, 29, 29)), linear-gradient(rgb(29, 29, 29), rgb(29, 29, 29));
        background-size: 0px 1px, 100% 1px;
        background-position: 100% 100%, 0px 100%;
        background-repeat: no-repeat;
        -webkit-transition: background-size 0.3s linear;
        transition: background-size 0.3s linear;
        color: var(--dark-color);
    }

.su-header-16-bottom.style11 {
    border: 0;
}

.su-header-16-bottom.header-14-bottom {
    border-bottom: 2px solid var(--dark-color);
}

    .su-header-16-bottom.header-14-bottom .su-menu-16 > nav > ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .su-header-16-bottom.header-14-bottom .su-menu-16 > nav > ul > li > a {
            font-size: 14px;
            padding: 20px 0;
            font-weight: var(--font-weight-600);
        }

@media (max-width: 1399.98px) {
    .su-header-16-bottom.header-14-bottom .su-menu-16 > nav > ul > li > a {
        font-size: 13px;
    }
}

.su-header-16-bottom.header-14-bottom .su-menu-16 > nav > ul > li .offer {
    color: var(--theme-color12);
}

.su-header-16-bottom.inner-global-menu {
    border-top: 0;
}

    .su-header-16-bottom.inner-global-menu .su-menu-16.menu-11 > nav > ul > li > a {
        font-family: var(--jakarta-font);
        text-transform: uppercase;
        padding: 15px 0;
        font-weight: 600;
    }

.mobile-16-cart > nav > ul > li {
    display: inline-block !important;
    margin-left: 20px !important;
}

@media (max-width: 575.98px) {
    .mobile-16-cart > nav > ul > li {
        margin-left: 10px !important;
    }
}

.mobile-16-cart > nav > ul > li a {
    color: var(--dark-color) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.02em !important;
}

    .mobile-16-cart > nav > ul > li a:hover {
        color: var(--dark-color) !important;
    }

    .mobile-16-cart > nav > ul > li a svg {
        margin-right: 0 !important;
    }

.mobile-16-cart .su-btn-16-black {
    color: var(--white-color) !important;
}

/*  header home 20 style  */
.header_middle20 {
    background-color: var(--text-white);
}

    .header_middle20 .searchbox20 {
        position: relative;
    }

        .header_middle20 .searchbox20 .search-icon {
            left: 8px;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .header_middle20 .searchbox20 .form_control {
            height: 40px;
            border: 0;
            border-bottom: 1px solid var(--gray-color);
            width: 250px;
            padding-left: 30px;
        }

    .header_middle20 .nav-social {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 30px;
    }

@media (max-width: 1199.98px) {
    .header_middle20 .nav-social {
        gap: 20px;
    }
}

.nav-bg {
    background: -webkit-gradient(linear, left top, right top, from(#B4E5A2), to(#8CD08F));
    background: linear-gradient(to right, #B4E5A2, #8CD08F);
    padding: 15px 0;
}

    .nav-bg .nav-menu-list {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

        .nav-bg .nav-menu-list li {
            color: var(--dark-color);
            font-family: var(--title-font13);
            font-size: 13px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            text-transform: uppercase;
        }

.mobile-menu20 .header.stylehome1 {
    background-color: var(--white-color);
    display: block;
    height: 70px;
    position: relative;
    z-index: 1;
}

.mobile-menu20 .header a.menubar span {
    background: var(--dark-color);
    display: block;
    height: 2px;
    margin: 6px 0;
    width: 20px;
}

.mobile-menu20 .header a.menubar:before {
    content: "";
    display: block;
    background: var(--dark-color);
    height: 2px;
    width: 20px;
}

.mobile-menu20 .header a.menubar:after {
    content: "";
    display: block;
    background: var(--dark-color);
    height: 2px;
    width: 15px;
}

.mobile-menu20 .searchbox20 {
    position: relative;
}

@media (max-width: 575.98px) {
    .mobile-menu20 .searchbox20 {
        display: none;
    }
}

.mobile-menu20 .searchbox20 .search-icon {
    left: 8px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.mobile-menu20 .searchbox20 .form_control {
    height: 40px;
    border: 0;
    border-bottom: 1px solid var(--gray-color);
    width: 250px;
    padding-left: 30px;
}

.mobile-menu20 .nav-social {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
}

.mobile-menu20 .posr .mobile_menu_close_btn {
    font-size: 20px;
    font-weight: 700;
}

.inner-global-header .footer_bottom_left .text {
    position: relative;
    top: -2px;
    text-transform: lowercase;
}

.inner-global-header .su-header-16-middle {
    padding-top: 20px;
}

    .inner-global-header .su-header-16-middle .footer_bottom_left .lang_widgets button.btn {
        color: var(--dark-color);
        font-family: var(--jakarta-font);
        font-size: 12px;
        font-weight: 500;
        line-height: 22px;
        letter-spacing: 0px;
        text-transform: uppercase;
    }

.su-header-global-area.style23 .our-clock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
}

@media (max-width: 1399.98px) {
    .su-header-global-area.style23 .our-clock {
        gap: 14px;
    }
}

.su-header-global-area.style23 .our-clock .clock-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
}

    .su-header-global-area.style23 .our-clock .clock-item .timer,
    .su-header-global-area.style23 .our-clock .clock-item .text {
        color: var(--dark-color);
        font-family: var(--dmsans-font);
        font-size: 11px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0em;
        text-transform: uppercase;
    }

.su-header-global-area.style23 .su-header-global-bottom.style23 {
    left: 0;
    position: absolute;
    right: 0;
    top: 60px;
    z-index: 11;
}

    .su-header-global-area.style23 .su-header-global-bottom.style23 .su-menu-4 > nav > ul > li {
        display: inline-block;
        margin-right: 20px;
        position: relative;
    }

        .su-header-global-area.style23 .su-header-global-bottom.style23 .su-menu-4 > nav > ul > li a {
            color: var(--white-color);
            font-family: var(--title-font4);
            font-size: 12px;
            font-style: normal;
            font-weight: 500;
            letter-spacing: 0px;
            line-height: 24px;
        }

        .su-header-global-area.style23 .su-header-global-bottom.style23 .su-menu-4 > nav > ul > li .mega-menu-list nav ul li a {
            color: var(--headings-color);
        }

        .su-header-global-area.style23 .su-header-global-bottom.style23 .su-menu-4 > nav > ul > li .sub-menu li a {
            color: var(--dark-color) !important;
        }

        .su-header-global-area.style23 .su-header-global-bottom.style23 .su-menu-4 > nav > ul > li .su-mega-menu-4 .thumb .title a {
            font-size: 16px;
            color: var(--dark-color);
            font-weight: 500;
            font-family: var(--body-font);
            background-image: -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#1D1D1D)), -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#1D1D1D));
            background-image: linear-gradient(#1D1D1D, #1D1D1D), linear-gradient(#1D1D1D, #1D1D1D);
            background-size: 0 1px, 0 1px;
            background-position: 100% 100%, 0 100%;
            background-repeat: no-repeat;
            -webkit-transition: background-size 0.3s linear;
            transition: background-size 0.3s linear;
        }

        .su-header-global-area.style23 .su-header-global-bottom.style23 .su-menu-4 > nav > ul > li .su-mega-menu-4 nav ul li a {
            color: var(--dark-color) !important;
            font-size: 13px;
            font-weight: 500;
            display: inline-block;
            -webkit-transition: all 0.4s ease-out 0s;
            transition: all 0.4s ease-out 0s;
        }

    .su-header-global-area.style23 .su-header-global-bottom.style23 .sub-menu > li > a {
        color: var(--dark-color);
    }

    .su-header-global-area.style23 .su-header-global-bottom.style23 .cart-btn-select {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: right;
        -ms-flex-pack: right;
        justify-content: right;
    }

        .su-header-global-area.style23 .su-header-global-bottom.style23 .cart-btn-select .bootstrap-select button.btn {
            color: var(--white-color);
            font-size: 14px;
            font-weight: 400;
            line-height: 30px;
            width: 70px;
        }

        .su-header-global-area.style23 .su-header-global-bottom.style23 .cart-btn-select .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
            width: 70px;
        }

        .su-header-global-area.style23 .su-header-global-bottom.style23 .cart-btn-select .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
            overflow: hidden;
            text-align: end;
        }

    .su-header-global-area.style23 .su-header-global-bottom.style23 .cart-btn .minicart-btn-wrap .cart-btn {
        color: var(--dark-color);
    }

        .su-header-global-area.style23 .su-header-global-bottom.style23 .cart-btn .minicart-btn-wrap .cart-btn:hover {
            color: var(--white-color);
        }

    .su-header-global-area.style23 .su-header-global-bottom.style23 .cart-btn .minicart-btn-wrap .checkout-btn:hover {
        color: var(--dark-color);
    }

    .su-header-global-area.style23 .su-header-global-bottom.style23 .cart-btn nav ul li {
        padding-right: 30px;
    }

        .su-header-global-area.style23 .su-header-global-bottom.style23 .cart-btn nav ul li a {
            color: var(--white-color);
            font-size: 12px;
            font-weight: 500;
            letter-spacing: 0em;
        }

.su-header-global-middle.inner-style .list-inline-item .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 125px;
}

.su-header-global-middle.inner-style .list-inline-item .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    color: var(--dark-color);
    font-family: var(--body-font);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0px;
    text-transform: uppercase;
}

.su-header-global-bottom.inner-style {
    border-bottom: 1px solid var(--gray-color);
}

    .su-header-global-bottom.inner-style .su-menu-4 {
        text-align: center;
    }

        .su-header-global-bottom.inner-style .su-menu-4 > nav > ul > li {
            display: inline-block;
            margin-right: 20px;
            position: relative;
        }

            .su-header-global-bottom.inner-style .su-menu-4 > nav > ul > li a {
                color: var(--dark-color);
                font-family: var(--title-font4);
                font-size: 12px;
                font-style: normal;
                font-weight: 500;
                line-height: 24px;
                letter-spacing: 0px;
            }

                .su-header-global-bottom.inner-style .su-menu-4 > nav > ul > li a::before {
                    position: absolute;
                    content: "";
                    width: 0;
                    height: 1px;
                    bottom: -3px;
                    left: auto;
                    right: 0;
                    background: var(--dark-color);
                    opacity: 0;
                    -webkit-transition: all 0.4s ease;
                    transition: all 0.4s ease;
                }

            .su-header-global-bottom.inner-style .su-menu-4 > nav > ul > li .sub-menu li a {
                color: var(--dark-color) !important;
            }

            .su-header-global-bottom.inner-style .su-menu-4 > nav > ul > li .su-mega-menu-4 .thumb .title a {
                font-size: 16px;
                color: var(--dark-color);
                font-weight: 500;
                font-family: var(--body-font);
                background-image: -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#1D1D1D)), -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#1D1D1D));
                background-image: linear-gradient(#1D1D1D, #1D1D1D), linear-gradient(#1D1D1D, #1D1D1D);
                background-size: 0 1px, 0 1px;
                background-position: 100% 100%, 0 100%;
                background-repeat: no-repeat;
                -webkit-transition: background-size 0.3s linear;
                transition: background-size 0.3s linear;
            }

            .su-header-global-bottom.inner-style .su-menu-4 > nav > ul > li .su-mega-menu-4 nav ul li a {
                font-weight: 500;
                font-size: 13px;
                color: var(--dark-color) !important;
                -webkit-transition: all 0.4s ease;
                transition: all 0.4s ease;
                display: inline-block;
            }

    .su-header-global-bottom.inner-style .sub-menu > li > a {
        color: var(--dark-color);
    }

/*
 * menu.scss
 * -----------------------------------------------
*/
.su-menu-4 > nav > ul > li {
    display: inline-block;
    margin-right: 30px;
    position: relative;
}

    .su-menu-4 > nav > ul > li > a {
        display: inline-block;
        font-size: 13px;
        font-weight: 500;
        letter-spacing: 0em;
        padding-bottom: 5px;
        position: relative;
    }

        .su-menu-4 > nav > ul > li > a::before {
            position: absolute;
            content: "";
            width: 0;
            height: 1px;
            bottom: 0;
            left: auto;
            right: 0;
            background: var(--dark-color);
            opacity: 0;
            -webkit-transition: all 0.4s ease-out 0s;
            transition: all 0.4s ease-out 0s;
        }

    .su-menu-4 > nav > ul > li:hover > a {
        color: var(--dark-color);
    }

        .su-menu-4 > nav > ul > li:hover > a::before {
            width: 100%;
            left: 0;
            right: auto;
            opacity: 1;
        }

    .su-menu-4 > nav > ul > li:hover > .su-mega-menu-4 {
        visibility: visible;
        opacity: 1;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -webkit-transform: perspective(300px) rotateX(0deg);
        transform: perspective(300px) rotateX(0deg);
    }

    .su-menu-4 > nav > ul > li:hover > .su-mega-menu-small {
        visibility: visible;
        opacity: 1;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -webkit-transform: perspective(300px) rotateX(0deg);
        transform: perspective(300px) rotateX(0deg);
    }

    .su-menu-4 > nav > ul > li:hover > .sub-menu {
        visibility: visible;
        opacity: 1;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -webkit-transform: perspective(300px) rotateX(0deg);
        transform: perspective(300px) rotateX(0deg);
    }

    .su-menu-4 > nav > ul > li > .sub-menu {
        background: var(--white-color);
        -webkit-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
        box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
        left: 0;
        min-width: 200px;
        opacity: 0;
        padding: 12px 0 20px 25px;
        position: absolute;
        -webkit-transform-origin: top;
        transform-origin: top;
        -webkit-transition-duration: 0.1s;
        transition-duration: 0.1s;
        -webkit-transition: 0.4s 0.3s 0s ease-out;
        transition: 0.4s 0.3s 0s ease-out;
        -webkit-transform: perspective(300px) rotateX(-18deg);
        transform: perspective(300px) rotateX(-18deg);
        top: 103%;
        visibility: hidden;
        z-index: 99;
    }

        .su-menu-4 > nav > ul > li > .sub-menu > li {
            list-style: none;
            text-align: left;
        }

            .su-menu-4 > nav > ul > li > .sub-menu > li:not(:last-child) {
                margin-bottom: 5px;
            }

            .su-menu-4 > nav > ul > li > .sub-menu > li > a {
                font-weight: 500;
                font-size: 13px;
                color: var(--dark-color);
                -webkit-transition: all 0.4s ease-out 0s;
                transition: all 0.4s ease-out 0s;
                display: inline-block;
                text-transform: lowercase;
            }

                .su-menu-4 > nav > ul > li > .sub-menu > li > a:hover {
                    color: var(--text-color);
                }

            .su-menu-4 > nav > ul > li > .sub-menu > li .sub-menu {
                background: var(--white-color);
                left: 100%;
                min-width: 200px;
                opacity: 0;
                position: absolute;
                top: auto;
                visibility: hidden;
                z-index: 99;
                -webkit-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
                box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
                -webkit-transition: 0.4s 0.3s 0s ease-out;
                transition: 0.4s 0.3s 0s ease-out;
                padding: 12px 0px 20px 25px;
                -webkit-transform-origin: top;
                transform-origin: top;
                -webkit-transition-duration: 0.1s;
                transition-duration: 0.1s;
                -webkit-transform: perspective(300px) rotateX(-18deg);
                transform: perspective(300px) rotateX(-18deg);
            }

                .su-menu-4 > nav > ul > li > .sub-menu > li .sub-menu li {
                    margin-bottom: 5px;
                    text-transform: uppercase;
                }

                    .su-menu-4 > nav > ul > li > .sub-menu > li .sub-menu li:not(:last-child) {
                        margin-bottom: 5px;
                    }

                    .su-menu-4 > nav > ul > li > .sub-menu > li .sub-menu li a {
                        text-transform: lowercase;
                    }

            .su-menu-4 > nav > ul > li > .sub-menu > li:hover .sub-menu {
                visibility: visible;
                opacity: 1;
                -webkit-transition-duration: 0.2s;
                transition-duration: 0.2s;
                -webkit-transform: perspective(300px) rotateX(0deg);
                transform: perspective(300px) rotateX(0deg);
            }

            .su-menu-4 > nav > ul > li > .sub-menu > li:hover:first-child .sub-menu {
                top: 0;
            }

            .su-menu-4 > nav > ul > li > .sub-menu > li:hover:nth-child(2) .sub-menu {
                top: 50px;
            }

            .su-menu-4 > nav > ul > li > .sub-menu > li:hover:nth-child(3) .sub-menu {
                top: 70px;
            }

            .su-menu-4 > nav > ul > li > .sub-menu > li:hover:nth-child(4) .sub-menu {
                top: 100px;
            }

    .su-menu-4 > nav > ul > li > .su-mega-menu-4 .title {
        color: var(--dark-color);
        font-family: var(--body-font);
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 28px;
        text-transform: uppercase;
        margin-top: 20px;
        text-align: left;
    }

    .su-menu-4 > nav > ul > li > .su-mega-menu-4 .thumb img {
        -webkit-transition: all 0.6s ease;
        transition: all 0.6s ease;
    }

        .su-menu-4 > nav > ul > li > .su-mega-menu-4 .thumb img:hover {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }

    .su-menu-4 > nav > ul > li > .su-mega-menu-4 .thumb .title {
        font-size: 16px;
    }

        .su-menu-4 > nav > ul > li > .su-mega-menu-4 .thumb .title a {
            background-image: -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#1D1D1D)), -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#1D1D1D));
            background-image: linear-gradient(#1D1D1D, #1D1D1D), linear-gradient(#1D1D1D, #1D1D1D);
            background-size: 0 1px, 0 1px;
            background-position: 100% 100%, 0 100%;
            background-repeat: no-repeat;
            -webkit-transition: background-size 0.3s linear;
            transition: background-size 0.3s linear;
            -webkit-transition: all 0.4s ease 0.3s 0s ease-out;
            transition: all 0.4s ease 0.3s 0s ease-out;
        }

            .su-menu-4 > nav > ul > li > .su-mega-menu-4 .thumb .title a:hover {
                background-image: -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#1D1D1D)), -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#1D1D1D));
                background-image: linear-gradient(#1D1D1D, #1D1D1D), linear-gradient(#1D1D1D, #1D1D1D);
                background-size: 0 1px, 100% 1px;
                background-position: 100% 100%, 0 100%;
                background-repeat: no-repeat;
                -webkit-transition: background-size 0.3s linear;
                transition: background-size 0.3s linear;
                -webkit-transition: all 0.4s ease 0.3s 0s ease-out;
                transition: all 0.4s ease 0.3s 0s ease-out;
                color: var(--dark-color);
            }

    .su-menu-4 > nav > ul > li > .su-mega-menu-4 nav ul li {
        list-style: none;
        text-align: left;
    }

        .su-menu-4 > nav > ul > li > .su-mega-menu-4 nav ul li:not(:last-child) {
            margin-bottom: 5px;
        }

        .su-menu-4 > nav > ul > li > .su-mega-menu-4 nav ul li a {
            font-weight: 500;
            font-size: 13px;
            color: var(--dark-color);
            -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
            display: inline-block;
        }

            .su-menu-4 > nav > ul > li > .su-mega-menu-4 nav ul li a:hover {
                color: var(--text-color);
            }

    .su-menu-4 > nav > ul > li > .su-mega-menu-4 .menu-list-inner {
        margin-right: 50px;
    }

.su-mega-menu-small {
    background: var(--white-color);
    -webkit-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
    box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
    left: 0;
    margin: 0 auto;
    max-width: 650px;
    opacity: 0;
    padding: 25px 30px;
    position: absolute;
    right: 0;
    top: 103%;
    visibility: hidden;
    width: 100%;
    z-index: 99;
    -webkit-transition: 0.4s 0.3s 0s ease-out;
    transition: 0.4s 0.3s 0s ease-out;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform: perspective(300px) rotateX(-18deg);
    transform: perspective(300px) rotateX(-18deg);
}

    .su-mega-menu-small nav ul li a {
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(29, 29, 29)), to(rgb(29, 29, 29))), -webkit-gradient(linear, left top, left bottom, from(rgb(29, 29, 29)), to(rgb(29, 29, 29)));
        background-image: linear-gradient(rgb(29, 29, 29), rgb(29, 29, 29)), linear-gradient(rgb(29, 29, 29), rgb(29, 29, 29));
        background-size: 0px 1px, 0px 1px;
        background-position: 100% 100%, 0px 100%;
        background-repeat: no-repeat;
        font-style: normal;
        font-weight: 500;
        -webkit-transition: background-size 0.3s linear;
        transition: background-size 0.3s linear;
        line-height: 32px;
    }

        .su-mega-menu-small nav ul li a:hover {
            background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(29, 29, 29)), to(rgb(29, 29, 29))), -webkit-gradient(linear, left top, left bottom, from(rgb(29, 29, 29)), to(rgb(29, 29, 29)));
            background-image: linear-gradient(rgb(29, 29, 29), rgb(29, 29, 29)), linear-gradient(rgb(29, 29, 29), rgb(29, 29, 29));
            background-size: 0px 1px, 100% 1px;
            background-position: 100% 100%, 0px 100%;
            background-repeat: no-repeat;
            -webkit-transition: background-size 0.3s linear;
            transition: background-size 0.3s linear;
            color: var(--dark-color);
        }

    .su-mega-menu-small.home13-style {
        left: auto;
        right: auto;
    }

.su-mega-menu-4 {
    background: var(--white-color);
    -webkit-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
    box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
    left: 0;
    opacity: 0;
    padding-bottom: 38px;
    padding-top: 55px;
    position: absolute;
    right: 0;
    top: 103%;
    visibility: hidden;
    width: 100%;
    z-index: 99;
    -webkit-transition: 0.4s 0.3s 0s ease-out;
    transition: 0.4s 0.3s 0s ease-out;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform: perspective(300px) rotateX(-18deg);
    transform: perspective(300px) rotateX(-18deg);
}

    .su-mega-menu-4 .title {
        font-weight: 600;
        font-size: 14px;
        text-transform: capitalize;
        color: var(--dark-color);
        text-align: left;
        margin-bottom: 16px;
        margin-top: 12px;
    }

    .su-mega-menu-4 .thumb img {
        -webkit-transition: all 0.6s ease;
        transition: all 0.6s ease;
    }

        .su-mega-menu-4 .thumb img:hover {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }

    .su-mega-menu-4 .thumb .title {
        font-size: 18px;
    }

        .su-mega-menu-4 .thumb .title a {
            background-image: -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#1D1D1D)), -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#1D1D1D));
            background-image: linear-gradient(#1D1D1D, #1D1D1D), linear-gradient(#1D1D1D, #1D1D1D);
            background-size: 0 1px, 0 1px;
            background-position: 100% 100%, 0 100%;
            background-repeat: no-repeat;
            -webkit-transition: background-size 0.3s linear;
            transition: background-size 0.3s linear;
            -webkit-transition: all 0.4s ease 0.3s 0s ease-out;
            transition: all 0.4s ease 0.3s 0s ease-out;
        }

            .su-mega-menu-4 .thumb .title a:hover {
                background-image: -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#1D1D1D)), -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#1D1D1D));
                background-image: linear-gradient(#1D1D1D, #1D1D1D), linear-gradient(#1D1D1D, #1D1D1D);
                background-size: 0 1px, 100% 1px;
                background-position: 100% 100%, 0 100%;
                background-repeat: no-repeat;
                -webkit-transition: background-size 0.3s linear;
                transition: background-size 0.3s linear;
                -webkit-transition: all 0.4s ease 0.3s 0s ease-out;
                transition: all 0.4s ease 0.3s 0s ease-out;
                color: var(--dark-color);
            }

    .su-mega-menu-4 nav ul li {
        list-style: none;
        text-align: left;
    }

        .su-mega-menu-4 nav ul li:not(:last-child) {
            margin-bottom: 5px;
        }

        .su-mega-menu-4 nav ul li a {
            color: var(--dark-color);
            display: inline-block;
            font-size: 13px;
            font-weight: 500;
            -webkit-transition: all 0.4s ease-out 0s;
            transition: all 0.4s ease-out 0s;
        }

            .su-mega-menu-4 nav ul li a:hover {
                color: var(--text-color);
            }

    .su-mega-menu-4 .menu-list-inner {
        margin-right: 50px;
    }

    .su-mega-menu-4.mega-menu-15 {
        top: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .su-mega-menu-4.mega-menu-15::before {
            position: absolute;
            top: -30px;
            left: 0;
            width: 100%;
            background: transparent;
            height: 30px;
            content: "";
        }

        .su-mega-menu-4.mega-menu-15 .mega-menu-list .mega-menu-title {
            color: var(--dark-color);
            font-size: 14px;
            font-weight: 600;
            line-height: 28px;
            text-transform: capitalize;
            margin-bottom: 10px;
        }

        .su-mega-menu-4.mega-menu-15 .mega-menu-list ul {
            margin-bottom: 22px;
        }

            .su-mega-menu-4.mega-menu-15 .mega-menu-list ul li + li {
                margin-left: 0;
            }

        .su-mega-menu-4.mega-menu-15.mega-menu-12 {
            background: var(--dark-color);
        }

            .su-mega-menu-4.mega-menu-15.mega-menu-12 .mega-menu-list .mega-menu-title {
                color: var(--white-color);
                opacity: 0.4;
            }

            .su-mega-menu-4.mega-menu-15.mega-menu-12 .mega-menu-list ul {
                margin-bottom: 22px;
            }

                .su-mega-menu-4.mega-menu-15.mega-menu-12 .mega-menu-list ul li a {
                    color: var(--white-color);
                    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
                    background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
                }

                .su-mega-menu-4.mega-menu-15.mega-menu-12 .mega-menu-list ul li + li {
                    margin-left: 0;
                }

    .su-mega-menu-4.mega-menu-11 {
        top: 103%;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .su-mega-menu-4.mega-menu-11::before {
            position: absolute;
            top: -25px;
            left: 0;
            width: 100%;
            background: red;
            height: 25px;
            content: "";
        }

.stylehome4 .mobile_menu_bar a.menubar {
    height: 40px;
    right: 20px;
    line-height: 40px;
    margin: 0;
    position: absolute;
    top: 34px;
}

.stylehome4 .header a.menubar:before {
    content: "";
    display: block;
    background: var(--dark-color);
    height: 2px;
    width: 20px;
}

.stylehome4 .header a.menubar span {
    background: var(--dark-color);
    display: block;
    height: 2px;
    margin: 6px 0;
    width: 20px;
}

.stylehome4 .su-header-4-logo {
    margin-left: 35px;
}

.stylehome4 .home1-mobile-menu .header a.menubar:before,
.stylehome4 .home1-mobile-menu .header a.menubar span {
    background: var(--white-color);
}

.stylehome4.home2-style .home21-style a.menubar:before,
.stylehome4.home2-style .home21-style a.menubar:after {
    background: var(--white-color);
}

.stylehome4.home2-style .home21-style a.menubar span {
    background: var(--white-color);
}

.su-menu-7 > nav > ul > li {
    margin-right: 26px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .su-menu-7 > nav > ul > li {
        margin-right: 20px;
    }
}

.su-menu-7 > nav > ul > li > a {
    padding-bottom: 0;
}

.su-menu-7-right > nav > ul > li {
    margin-left: 26px;
}

.su-menu-8 > nav > ul > li {
    margin: 0 13px;
}

    .su-menu-8 > nav > ul > li > a {
        padding-bottom: 0;
        font-weight: 600;
    }

.su-menu-8 .su-mega-menu-4 {
    top: 100%;
}

.su-mega-menu-16 .title {
    margin-bottom: 20px;
}

.su-mega-menu-16 .su-collections-16-item .overly .text .title {
    font-family: var(--jakarta-font);
    color: var(--text-white);
    font-size: 24px;
    font-weight: var(--font-weight-600);
    margin-bottom: 15px;
    text-transform: uppercase;
}

.su-mega-menu-16 nav ul li a {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(29, 29, 29)), to(rgb(29, 29, 29))), -webkit-gradient(linear, left top, left bottom, from(rgb(29, 29, 29)), to(rgb(29, 29, 29)));
    background-image: linear-gradient(rgb(29, 29, 29), rgb(29, 29, 29)), linear-gradient(rgb(29, 29, 29), rgb(29, 29, 29));
    background-size: 0px 1px, 0px 1px;
    background-position: 100% 100%, 0px 100%;
    background-repeat: no-repeat;
    -webkit-transition: background-size 0.3s linear;
    transition: background-size 0.3s linear;
    line-height: 20px;
}

    .su-mega-menu-16 nav ul li a:hover {
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(29, 29, 29)), to(rgb(29, 29, 29))), -webkit-gradient(linear, left top, left bottom, from(rgb(29, 29, 29)), to(rgb(29, 29, 29)));
        background-image: linear-gradient(rgb(29, 29, 29), rgb(29, 29, 29)), linear-gradient(rgb(29, 29, 29), rgb(29, 29, 29));
        background-size: 0px 1px, 100% 1px;
        background-position: 100% 100%, 0px 100%;
        background-repeat: no-repeat;
        -webkit-transition: background-size 0.3s linear;
        transition: background-size 0.3s linear;
        color: var(--dark-color);
    }

.su-mega-menu-16 .su-collections-16-item .overly {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .su-mega-menu-16 .su-collections-16-item .overly .text .title {
        letter-spacing: 0.72px;
    }

.home1-mobile-menu {
    background: var(--dark-color);
    height: 100px;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 999;
}

    .home1-mobile-menu .mobile_menu_bar a.src-btn,
    .home1-mobile-menu .su-header-4-middle .cart-btn > nav > ul > li a {
        color: var(--white-color);
    }

@media (min-width: 1200px) {
    .main-menu {
        display: block;
    }

    .mobile-menu {
        display: none;
    }
}

@media (max-width: 1199px) {
    .main-menu {
        display: none !important;
    }

    .mobile-menu {
        display: block;
    }

    .header,
    .footer {
        padding: 0 20px !important;
    }
}

.header.stylehome1 {
    background-color: var(--white-color);
    display: block;
    height: 130px;
    position: relative;
    z-index: 1;
}

.header,
.footer {
    font-size: 16px;
    font-weight: bold;
    color: #222222;
    line-height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 70px;
    padding: 0 50px;
}

    .header.fixed {
        position: fixed;
        top: 0;
        left: 0;
    }

    .footer.fixed {
        position: fixed;
        bottom: 0;
        left: 0;
    }

    .header a:hover {
        cursor: pointer;
    }

    .header a.menubar:before {
        content: "";
        display: block;
        background: var(--white-color);
        height: 2px;
        width: 20px;
    }

    .header a.menubar span {
        background: var(--white-color);
        display: block;
        height: 2px;
        margin: 6px 0;
        width: 20px;
    }

    .header.stylehome1 .mobile_menu_search_widget {
        bottom: 15px;
        margin: 0 auto;
        position: absolute;
        width: auto;
        left: 15px;
        right: 25px;
    }

.mobile_menu_search_widget .advscrh_frm_btn {
    top: 0;
}

.menu_bar_home2 li .msearch_icon,
.menu_bar_home2 li .muser_icon {
    font-size: 20px;
}

.mobile_menu_widget_icons {
    position: absolute;
    right: 15px;
    top: 10px;
}

    .mobile_menu_widget_icons ul li:last-child {
        margin-right: 0;
    }

    .mobile_menu_widget_icons ul li {
        margin-left: 15px;
    }

@media (max-width: 575px) {
    .mobile_menu_widget_icons ul li {
        margin-left: 0;
    }
}

.mobile_menu_widget_icons a.cart_btn {
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: block;
    color: var(--white-color);
    height: 50px;
    line-height: 50px;
    margin-right: 5px;
    position: relative;
    text-align: center;
    width: 50px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .mobile_menu_widget_icons a.cart_btn:hover {
        background-color: rgba(255, 255, 255, 0.05);
    }

    .mobile_menu_widget_icons a.cart_btn .icon {
        position: relative;
    }

    .mobile_menu_widget_icons a.cart_btn span.badge {
        border-radius: 50%;
        color: #0B1E40;
        font-size: 10px;
        height: 16px;
        right: -11px;
        line-height: 7px;
        padding: 4px;
        position: absolute;
        top: -5px;
        width: 16px;
    }

.mobile_menu_bar {
    position: relative;
}

    .mobile_menu_bar a.src-btn {
        right: 60px;
        position: absolute;
        top: 27px;
    }

    .mobile_menu_bar a.menubar {
        padding-top: 10px;
    }

    .mobile_menu_bar a.mobile_logo {
        color: var(--white-color);
        display: block;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 36px;
        margin-left: 35px;
        margin-top: 17px;
    }

.mm-menu_offcanvas {
    width: 100%;
    z-index: 2;
}

@media (max-width: 1024.98px) {
    .mm-menu_offcanvas {
        max-width: 1025px;
    }
}

@media (max-width: 992.98px) {
    .mm-menu_offcanvas {
        max-width: 995px;
    }
}

@media (max-width: 768.98px) {
    .mm-menu_offcanvas {
        max-width: 770px;
    }
}

@media (max-width: 425.98px) {
    .mm-menu_offcanvas {
        max-width: 420px;
    }
}

@media (max-width: 375.98px) {
    .mm-menu_offcanvas {
        min-width: 280px;
        max-width: 370px;
    }
}

@media (max-width: 320.98px) {
    .mm-menu_offcanvas {
        max-width: 320px;
    }
}

.mobile-menu-home21-style {
    left: 0;
    position: absolute;
    right: 0;
    z-index: 2;
}

    .mobile-menu-home21-style .mobile-menu-logo {
        left: 0;
        max-width: 150px;
        margin: 0 auto;
        position: absolute;
        right: 0;
        text-align: center;
        top: 5px;
        z-index: 0;
    }

@media (max-width: 425.98px) {
    .mobile-menu-home21-style .mobile-menu-logo {
        top: 0;
    }
}

.mobile-menu-home21-style .mobile_menu_widget_icons {
    right: 0px;
    top: 0;
}

.mobile-menu-home21-style .mobile_menu_bar {
    position: relative;
}

    .mobile-menu-home21-style .mobile_menu_bar button.search {
        position: absolute;
        left: 120px;
        top: 0;
    }

@media (max-width: 1199.98px) {
    .mobile-menu-home21-style .mobile_menu_bar button.search {
        top: 12px;
    }
}

@media (max-width: 575.98px) {
    .mobile-menu-home21-style .mobile_menu_bar button.search {
        left: 80px;
    }
}

@media (max-width: 325.98px) {
    .mobile-menu-home21-style .mobile_menu_bar button.search {
        left: 35px;
    }
}

.mobile-menu-home21-style .menu-bar a.menubar {
    top: 0;
}

    .mobile-menu-home21-style .menu-bar a.menubar::before,
    .mobile-menu-home21-style .menu-bar a.menubar::after,
    .mobile-menu-home21-style .menu-bar a.menubar span {
        background: var(--white-color);
    }

.mobile-menu-home21-style .menu-bar .menu-text {
    color: var(--white-color);
    font-family: var(--dmsans-font);
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 0em;
    margin-left: 55px;
    margin-top: 7px;
    text-transform: uppercase;
}

@media (max-width: 575.98px) {
    .mobile-menu-home21-style .menu-bar .menu-text {
        margin-left: 30px;
    }
}

@media (max-width: 325.98px) {
    .mobile-menu-home21-style .menu-bar .menu-text {
        display: none;
    }
}

.mobile-menu-home21-style .lang_widgets button.btn {
    color: var(--white-color);
    font-family: var(--dmsans-font);
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 0em;
    padding-left: 0;
    padding-top: 0;
    text-transform: uppercase;
}

@media (max-width: 1199.98px) {
    .mm-wrapper_opening [class*=mm-menu_pagedim].mm-menu_opened ~ .mm-wrapper__blocker {
        z-index: 0;
    }
}

.mm-wrapper__blocker {
    z-index: 1;
}

@media (min-width: 550px) {
    .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(0px, 0, 0);
        transform: translate3d(0px, 0, 0);
    }
}

.mm-menu {
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

@media (max-width: 1199.98px) {
    .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened ~ .mm-slideout {
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0);
    }
}

.mm-menu_opened.mm-menu_pagedim-white ~ .mm-wrapper__blocker {
    background: var(--dark-color);
}

.mm-navbar,
.mm-panels > .mm-panel {
    background-color: var(--white-color);
}

    .mm-navbar > * {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

.mmx-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px;
}

@media (max-width: 575.98px) {
    .mmx-header {
        width: 100%;
    }
}

.mmx-header a {
    color: var(--dark-color);
    text-decoration: none;
}

.mmx-left,
.mmx-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 14px;
    font-size: 18px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mmx-logo {
    color: var(--dark-color);
    font-family: var(--libre-font);
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
}

.mm-navbar__title > span {
    color: var(--dark-color);
}

/* Footer */
.mmx-footer {
    border-top: 1px solid var(--gray-color);
    display: block;
    margin: 0 20px 0;
    padding: 60px 0 30px;
    text-align: left;
}

    .mmx-footer .social-title {
        color: var(--dark-color);
        font-family: var(--jakarta-font);
        font-style: normal;
        font-weight: 600;
        font-size: 13px;
        line-height: 16px;
        letter-spacing: 0em;
        margin-bottom: 25px;
    }

.mm-navbars_bottom .mm-navbar:first-child {
    border: none;
}

.mmx-social {
    color: var(--dark-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    font-size: 15px;
    margin-bottom: 20px;
}

    .mmx-social .social-title {
        color: var(--dark-color);
        font-family: var(--jakarta-font);
        font-style: normal;
        font-weight: 600;
        font-size: 13px;
        line-height: 16px;
        letter-spacing: 0em;
        margin-bottom: 25px;
    }

.mmx-lang label {
    color: rgba(var(--black-color-rgb), 0.7);
    font-family: var(--jakarta-font);
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
}

.mmx-lang {
    font-size: 13px;
    color: #555;
}

    .mmx-lang a {
        color: inherit;
        text-decoration: none;
    }

/* Menu look */
.mm-listview,
.mm-panels {
    background-color: var(--white-color);
    border: none;
}

.mm-listitem:after {
    display: none;
}

.mm-btn:after,
.mm-btn:before {
    border-color: var(--dark-color);
}

#menu .mm-listview > li > a,
#menu .mm-listview > li > span {
    color: var(--dark-color);
    font-family: var(--jakarta-font);
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 34px;
    text-transform: uppercase;
}

.mmx-left a.js-mm-search,
.mmx-left a.js-mm-close,
.mmx-right a,
.mmx-right a i {
    color: var(--dark-color);
    font-size: 13px;
}

/***  Buttons  ***/
/*  home 3 banner style  */
.banner-3-area {
    overflow: hidden;
}

    .banner-3-area .swiper-container {
        width: 100%;
        height: 100vh;
        position: relative;
    }

@media (max-width: 1199.98px) {
    .banner-3-area .swiper-container {
        height: calc(100vh - 70px);
    }
}

.banner-3-area .overly {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: -1;
}

.banner-3-area .container {
    height: 100vh;
    padding: 60px 0;
    position: relative;
    z-index: 2;
}

@media (max-width: 1199.98px) {
    .banner-3-area .container {
        height: calc(100vh - 70px);
    }
}

.banner-3-area .swiper-slide {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

@media (max-width: 1199.98px) {
    .banner-3-area .banner-3-item {
        height: calc(100vh - 70px);
    }
}

.banner-3-area .banner-3-item .content .subtitle {
    font-size: 16px;
    font-weight: var(--font-weight-500);
    padding: 15px 0 40px 0;
    line-height: 28px;
}

.banner-3-area .banner-3-item .content .title {
    font-weight: var(--font-weight-500);
    letter-spacing: 0.03em;
    margin-bottom: 0;
    margin-top: 0;
    padding: 15px 0;
    font-size: clamp(30px, 2.5vw, 40px);
    line-height: 1.25;
}

.banner-3-area .swiper {
    height: 100vh;
    overflow: hidden;
}

@media (max-width: 1199.98px) {
    .banner-3-area .swiper {
        height: calc(100vh - 70px);
    }
}

.banner-3-area .swiper-pagination {
    padding-right: 60px;
}

    .banner-3-area .swiper-pagination .swiper-pagination-bullet {
        display: block;
        width: 4px;
        height: 4px;
        background: var(--white-color);
        border-radius: 12px;
        opacity: 1;
        margin: 4px 0;
    }

    .banner-3-area .swiper-pagination .swiper-pagination-bullet-active {
        height: 16px;
    }

/*  home 4 banner style  */
.su-banner-4-area {
    position: relative;
    z-index: 0;
}

.su-banner-4-item .bg {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.su-banner-4-item .subtitle {
    font-weight: var(--font-weight-500);
    font-size: 16px;
    text-transform: uppercase;
    color: var(--text-white);
}

.su-banner-4-item .title {
    color: var(--text-white);
    font-weight: var(--font-weight-500);
    letter-spacing: 0.03em;
    margin-bottom: 20px;
    margin-top: 10px;
    font-size: clamp(30px, 2.5vw, 40px);
    line-height: 1.25;
}

.su-banner-4-item .spacing {
    padding: 316px 0px 322px 0px;
    position: relative;
    z-index: 2;
}

@media (max-width: 1400px) {
    .su-banner-4-item .spacing {
        padding: 256px 0px 250px 0px;
    }
}

@media (max-width: 991.98px) {
    .su-banner-4-item .spacing {
        padding: 156px 0px 150px 0px;
    }
}

.su-banner-4-item .spacing.shop-s7 {
    padding: 250px 0px;
}

@media (max-width: 1199.98px) {
    .su-banner-4-item .spacing.shop-s7 {
        padding: 100px 0px;
    }
}

.su-banner-4-item .overly {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2)));
    /* background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%); */
    background: rgba(0, 0, 0, .45);
}

.su-banner-4-zoom .swiper-slide {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.su-banner-4-navigation span {
    color: var(--text-white);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 75px;
    z-index: 9;
}

@media (max-width: 991.98px) {
    .su-banner-4-navigation span {
        left: 15px;
    }
}

.su-banner-4-navigation .su-banner-4-next {
    left: auto;
    right: 75px;
}

@media (max-width: 991.98px) {
    .su-banner-4-navigation .su-banner-4-next {
        right: 15px;
    }
}

/*  home 5 banner style  */
.su-banner-5-wrap {
    padding-top: 440px;
    padding-bottom: 53px;
}

    .su-banner-5-wrap .title {
        font-weight: var(--font-weight-500);
        font-size: 40px;
        letter-spacing: 0.03em;
        color: var(--text-white);
    }

.su-salebar-5-content .title {
    font-weight: var(--font-weight-600);
    font-size: 30px;
    letter-spacing: 0.03em;
    color: var(--white-color);
}

.su-salebar-5-content .text {
    font-weight: var(--font-weight-500);
    font-size: 14px;
    text-transform: capitalize;
    color: var(--white-color);
}

.su-salebar-5-spacing {
    padding: 52px 0;
}

@media (max-width: 575.98px) {
    .su-salebar-5-spacing {
        padding: 40px 30px;
    }
}

.su-sec-banner-5-style .thumb {
    -webkit-transition: all 0.6s ease-out 0s;
    transition: all 0.6s ease-out 0s;
}

.su-sec-banner-5-style:hover .thumb {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}

.su-sec-banner-5-style .title {
    letter-spacing: 0.03em;
}

.su-sec-banner-5-style .link {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0em;
    color: var(--dark-color);
}

.su-sec-banner-5-style.home18 .title {
    font-size: 38px;
}

.su-banner-5-area .swiper-container {
    z-index: 0;
}

.su-banner-5-zoom .swiper-wrapper {
    z-index: 0;
}

.su-banner-5-zoom .swiper-slide {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.su-banner-5-zoom .overly {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
    z-index: -1;
}

.su-banner-5-zoom .su-banner-5-navigation span {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    background: rgba(255, 255, 255, 0.3);
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

    .su-banner-5-zoom .su-banner-5-navigation span:hover {
        background: var(--white-color);
        color: var(--text-black);
    }

.su-banner-5-zoom .su-banner-5-prev {
    left: 40px;
}

@media (max-width: 991.98px) {
    .su-banner-5-zoom .su-banner-5-prev {
        left: 20px;
    }
}

.su-banner-5-zoom .su-banner-5-next {
    right: 40px;
    left: auto;
}

@media (max-width: 991.98px) {
    .su-banner-5-zoom .su-banner-5-next {
        right: 20px;
    }
}

/*  home 7 banner style  */
.su-banner-7-spacing {
    padding-top: 476px;
    padding-bottom: 110px;
    position: relative;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .su-banner-7-spacing {
        padding-top: 300px;
    }
}

@media (max-width: 575px) {
    .su-banner-7-spacing {
        padding-top: 200px;
        z-index: 1;
    }
}

.su-banner-7-content .subtitle {
    font-weight: var(--font-weight-500);
    font-size: 14px;
    color: var(--black-color);
}

.su-banner-7-content .title {
    font-weight: var(--font-weight-500);
    font-size: 40px;
    letter-spacing: 0.03em;
    color: var(--black-color);
    line-height: 1.3;
}

.su-sec-banner-7-item {
    padding: 230px 30px 55px 60px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .su-sec-banner-7-item {
        padding: 200px 30px 40px 30px;
    }
}

.su-sec-banner-7-item .subtitle {
    font-weight: var(--font-weight-500);
    font-size: 14px;
    color: var(--black-color);
}

.su-sec-banner-7-item .title {
    font-weight: var(--font-weight-500);
    font-size: 24px;
    letter-spacing: 0.03em;
    color: var(--black-color);
    margin-top: 5px;
    margin-bottom: 25px;
}

.su-sec-banner-7-item .sec-btn {
    font-weight: var(--font-weight-600);
    font-size: 13px;
    letter-spacing: 0em;
    color: var(--black-color);
}

/*  home 8 banner style  */
.su-banner-8-wrap .su-banner-8-active {
    height: 800px;
    border-radius: 24px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .su-banner-8-wrap .su-banner-8-active {
        height: 700px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
    .su-banner-8-wrap .su-banner-8-active {
        height: 600px;
    }
}

@media (max-width: 575px) {
    .su-banner-8-wrap .su-banner-8-active {
        height: 450px;
    }
}

.su-banner-8-wrap .su-banner-8-active .su-content {
    position: absolute;
    z-index: 99;
    bottom: 95px;
    left: 100px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .su-banner-8-wrap .su-banner-8-active .su-content {
        bottom: 45px;
        left: 40px;
    }
}

.su-banner-8-wrap .su-banner-8-active .su-content .subtitle {
    font-weight: var(--font-weight-500);
    font-size: 16px;
    text-transform: uppercase;
    color: var(--text-white);
}

.su-banner-8-wrap .su-banner-8-active .su-content .title {
    font-family: var(--marcellus-font);
    font-weight: var(--font-weight-400);
    font-size: 50px;
    letter-spacing: 0.03em;
    color: var(--text-white);
    margin-top: 5px;
    margin-bottom: 53px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .su-banner-8-wrap .su-banner-8-active .su-content .title {
        font-size: 30px;
        margin-bottom: 23px;
    }
}

.su-banner-8-wrap .bg ::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
    top: 0;
    left: 0;
    z-index: 1;
}

.su-banner-8-wrap .thumb {
    border-radius: 24px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation: zoom 20s ease-in-out infinite;
    animation: zoom 20s ease-in-out infinite;
}

.su-banner-8-sec-wrap .su-categories-8-item {
    padding: 505px 30px 58px 60px;
    border-radius: 24px;
}

@media (max-width: 575px) {
    .su-banner-8-sec-wrap .su-categories-8-item {
        padding: 205px 30px 28px 20px;
    }
}

/*  home 11 banner style  */
.banner-11-area .banner-11-item .overly {
    display: none;
}

.banner-11-area .banner-11-item .spacing {
    padding: 208px 50px;
}

@media (max-width: 1199.98px) {
    .banner-11-area .banner-11-item .spacing {
        padding: 150px 30px;
    }
}

@media (max-width: 575.98px) {
    .banner-11-area .banner-11-item .spacing {
        padding: 100px 30px;
    }
}

.banner-11-area .banner-11-item .spacing .content {
    max-width: 469px;
}

@media (max-width: 1199.98px) {
    .banner-11-area .banner-11-item .spacing .content {
        max-width: 100%;
    }
}

.banner-11-area .banner-11-item .title {
    font-family: var(--jost-font);
    font-size: clamp(40px, 3.75vw, 60px);
    line-height: 1.45;
    font-weight: var(--font-weight-500);
    line-height: normal;
    letter-spacing: 0.03em;
}

/*  home 14 banner style  */
.su-banner-14-area {
    /*  home 10 banner style  */
}

    .su-banner-14-area .swiper-slide {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        position: relative;
        display: block;
        overflow: hidden;
        width: 100%;
        height: 100%;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
    }

    .su-banner-14-area .bg {
        border-radius: 40px;
    }

@media (max-width: 991.98px) {
    .su-banner-14-area .bg {
        border-radius: 20px;
    }
}

.su-banner-14-area .spacing {
    padding: 240px 0px 276px 0px;
    position: relative;
    z-index: 2;
}

@media (max-width: 1399.98px) {
    .su-banner-14-area .spacing {
        padding: 207px 0px 207px 0px;
    }
}

@media (max-width: 767.98px) {
    .su-banner-14-area .spacing {
        padding: 150px 0px 150px 0px;
    }
}

@media (max-width: 575.98px) {
    .su-banner-14-area .spacing {
        padding: 120px 0px 120px 0px;
    }
}

.su-banner-14-area .overly {
    background: var(--dark-color);
    border-radius: 40px;
    opacity: 0.2;
}

.su-banner-14-area .title {
    color: var(--white-color);
    font-family: var(--opensans-font);
    font-weight: var(--font-weight-700);
    font-size: clamp(40px, 5.62vw, 90px);
    line-height: 1.36;
    letter-spacing: 0.03em;
}

.su-banner-14-area .sub-title {
    color: var(--white-color);
    font-family: "Libre Baskerville";
    font-style: normal;
    font-weight: var(--font-weight-400);
    line-height: 62px;
    letter-spacing: 0.03em;
    font-size: clamp(26px, 3.12vw, 50px);
    line-height: 1.24;
}

.su-banner-14-area .su-btn-4 {
    font-family: var(--opensans-font);
    font-weight: var(--font-weight-500);
}

.su-banner-14-area .swiper-pagination-14 {
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    bottom: 38px;
    z-index: 9;
}

    .su-banner-14-area .swiper-pagination-14 .swiper-pagination-bullet {
        width: 40px;
        height: 2px;
        background: var(--white-color);
        -webkit-transition: all 0.5s ease-out 0s;
        transition: all 0.5s ease-out 0s;
        opacity: 1;
        margin: 0 3px;
        position: relative;
        border-radius: 0;
    }

    .su-banner-14-area .swiper-pagination-14 .swiper-pagination-bullet-active {
        background: var(--dark-color);
    }

.su-banner-14-area.banner-10-area .spacing {
    padding: 322px 0;
}

.su-banner-14-area.banner-10-area .sub-title {
    font-size: 16px;
    font-weight: var(--font-weight-500);
    font-family: var(--jakarta-font);
    line-height: 28px;
}

.su-banner-14-area.banner-10-area .title {
    font-weight: var(--font-weight-500);
    font-family: var(--jakarta-font);
    letter-spacing: 0.03em;
    line-height: normal;
    margin-bottom: 30px;
    font-size: clamp(30px, 2.5vw, 40px);
    line-height: 1.25;
}

.su-banner-14-area.banner-10-area .pagination-10 {
    bottom: 60px;
}

.su-banner-14-area.shop-s9 .swiper-pagination-14 {
    bottom: 0;
}

    .su-banner-14-area.shop-s9 .swiper-pagination-14 .swiper-pagination-bullet {
        background: var(--gray-color);
        border-radius: 12px;
        height: 4px;
        width: 4px;
    }

        .su-banner-14-area.shop-s9 .swiper-pagination-14 .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background: var(--dark-color);
            height: 4px;
            width: 16px;
        }

.su-banner-14-area.home17-style .content {
    padding: 565px 0 110px;
    padding-left: 40px;
    position: relative;
    z-index: 1;
}

@media (max-width: 1399.98px) {
    .su-banner-14-area.home17-style .content {
        padding: 300px 0px 110px;
        padding-left: 0;
    }
}

@media (max-width: 575.98px) {
    .su-banner-14-area.home17-style .content {
        padding: 200px 0px 110px;
    }
}

.su-banner-14-area.home17-style .content .text {
    color: var(--white-color);
    font-optical-sizing: auto;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 30px;
    max-width: 440px;
}

.su-banner-14-area.home17-style .title {
    color: var(--white-color);
    font-family: var(--marcellus-font);
    font-weight: var(--font-weight-400);
    font-size: clamp(32px, 3.12vw, 70px);
    line-height: 1.25;
    margin-bottom: 15px;
}

.su-banner-14-area.home17-style .swiper-pagination-14 {
    bottom: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0;
    width: 10%;
    z-index: 9;
}

@media (max-width: 1399.98px) {
    .su-banner-14-area.home17-style .swiper-pagination-14 {
        width: 20%;
    }
}

.su-banner-14-area.home17-style .swiper-pagination-14 .swiper-pagination-bullet {
    background: var(--white-color);
    border-radius: 50px;
    height: 4px;
    margin: 0 3px;
    opacity: 0.5;
    position: relative;
    width: 4px;
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.su-banner-14-area.home17-style .swiper-pagination-14 .swiper-pagination-bullet-active {
    background: var(--white-color);
    border-radius: 12px;
    opacity: 1;
    width: 16px;
}

/*  home 15 banner style  */
.su-banner-15-area .spacing {
    padding: 289px 0px 304px 0px;
}

@media (max-width: 1399.98px) {
    .su-banner-15-area .spacing {
        padding: 230px 0px 230px 0px;
    }
}

@media (max-width: 1199.98px) {
    .su-banner-15-area .spacing {
        padding: 180px 0px 180px 0px;
    }
}

@media (max-width: 767.98px) {
    .su-banner-15-area .spacing {
        padding: 120px 0px 120px 0px;
    }
}

.su-banner-15-area .title {
    font-family: var(--libre-font);
    color: var(--text-white);
    font-size: clamp(40px, 4.37vw, 70px);
    line-height: 1.2;
    font-weight: var(--font-weight-400);
    margin-bottom: 45px !important;
}

@media (max-width: 575.98px) {
    .su-banner-15-area .title {
        margin-bottom: 25px !important;
    }
}

.su-banner-15-area .overly {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
}

.su-banner-15-area .swiper-slide {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.su-banner-15-area .swiper-pagination {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 40px;
    right: 0;
    padding-right: 60px;
}

@media (max-width: 991.98px) {
    .su-banner-15-area .swiper-pagination {
        padding-right: 24px;
    }
}

@media (max-width: 575.98px) {
    .su-banner-15-area .swiper-pagination {
        display: none;
    }
}

.su-banner-15-area .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--white-color);
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    opacity: 1;
    margin: 14px 0px;
    position: relative;
}

    .su-banner-15-area .swiper-pagination .swiper-pagination-bullet::before {
        width: 28px;
        height: 28px;
        border-radius: 50%;
        border: 1px solid rgba(255, 255, 255, 0.3);
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        content: "";
        -webkit-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
        opacity: 0;
    }

    .su-banner-15-area .swiper-pagination .swiper-pagination-bullet::after {
        width: 28px;
        height: 28px;
        border-radius: 50%;
        border: 1px solid var(--white-color);
        border-right: 1px solid transparent;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) rotate(-160deg);
        transform: translate(-50%, -50%) rotate(-160deg);
        content: "";
        -webkit-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
        opacity: 0;
    }

    .su-banner-15-area .swiper-pagination .swiper-pagination-bullet:hover::before {
        opacity: 1;
    }

    .su-banner-15-area .swiper-pagination .swiper-pagination-bullet:hover::after {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) rotate(-140deg);
        transform: translate(-50%, -50%) rotate(-140deg);
    }

.su-banner-15-area .swiper-pagination .swiper-pagination-bullet-active::before {
    opacity: 1;
}

.su-banner-15-area .swiper-pagination .swiper-pagination-bullet-active::after {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) rotate(-140deg);
    transform: translate(-50%, -50%) rotate(-140deg);
}

/*  home 16 banner style  */
@media (max-width: 1199.98px) {
    .su-banner-16-area {
        margin-top: 0;
    }
}

.su-banner-16-area .title {
    color: var(--text-white);
    font-family: var(--lora-font);
    font-weight: var(--font-weight-400);
    margin-bottom: 10px;
    font-size: clamp(30px, 4.375vw, 70px);
    line-height: 1.2;
}

.su-banner-16-area .subtitle {
    font-family: var(--outfit-font);
    color: var(--text-white);
    font-size: 18px;
    font-weight: var(--font-weight-400);
    margin-bottom: 50px;
    text-transform: capitalize;
}

@media (max-width: 991.98px) {
    .su-banner-16-area .subtitle {
        margin-bottom: 30px;
    }
}

.su-banner-16-area .spacing {
    padding: 481px 0px 74px 0px;
}

@media (max-width: 1199.98px) {
    .su-banner-16-area .spacing {
        padding: 381px 0px 74px 0px;
    }
}

@media (max-width: 991.98px) {
    .su-banner-16-area .spacing {
        padding: 281px 0px 60px 0px;
    }
}

.su-banner-16-area .overly {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
}

.su-banner-16-area .swiper-slide {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.su-banner-16-area .su-banner-16-navigation span {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    background: rgba(255, 255, 255, 0.3);
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

    .su-banner-16-area .su-banner-16-navigation span:hover {
        background: var(--white-color);
        color: var(--text-black);
    }

.su-banner-16-area .su-banner-16-prev {
    left: 40px;
}

@media (max-width: 991.98px) {
    .su-banner-16-area .su-banner-16-prev {
        left: 20px;
    }
}

.su-banner-16-area .su-banner-16-next {
    right: 40px;
    left: auto;
}

@media (max-width: 991.98px) {
    .su-banner-16-area .su-banner-16-next {
        right: 20px;
    }
}

.su-banner-16-area .swiper-pagination {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}

    .su-banner-16-area .swiper-pagination .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: var(--dark-color);
        -webkit-transition: all 0.5s ease-out 0s;
        transition: all 0.5s ease-out 0s;
        opacity: 1;
        margin: 0 14px;
        position: relative;
    }

        .su-banner-16-area .swiper-pagination .swiper-pagination-bullet::before {
            width: 28px;
            height: 28px;
            border-radius: 50%;
            border: 1px solid var(--gray-color);
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            content: "";
            -webkit-transition: all 0.4s ease-out 0s;
            transition: all 0.4s ease-out 0s;
            opacity: 0;
        }

        .su-banner-16-area .swiper-pagination .swiper-pagination-bullet::after {
            width: 28px;
            height: 28px;
            border-radius: 50%;
            border: 1px solid var(--dark-color3);
            border-right: 1px solid transparent;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%) rotate(-160deg);
            transform: translate(-50%, -50%) rotate(-160deg);
            content: "";
            -webkit-transition: all 0.4s ease-out 0s;
            transition: all 0.4s ease-out 0s;
            opacity: 0;
        }

        .su-banner-16-area .swiper-pagination .swiper-pagination-bullet:hover::before {
            opacity: 1;
        }

        .su-banner-16-area .swiper-pagination .swiper-pagination-bullet:hover::after {
            opacity: 1;
            -webkit-transform: translate(-50%, -50%) rotate(-140deg);
            transform: translate(-50%, -50%) rotate(-140deg);
        }

    .su-banner-16-area .swiper-pagination .swiper-pagination-bullet-active::before {
        opacity: 1;
    }

    .su-banner-16-area .swiper-pagination .swiper-pagination-bullet-active::after {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) rotate(-140deg);
        transform: translate(-50%, -50%) rotate(-140deg);
    }

.su-banner-16-area.banner-12 .overly {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
}

.su-banner-16-area.banner-12 .spacing {
    padding: 425px 60px 296px;
}

@media (max-width: 1399.98px) {
    .su-banner-16-area.banner-12 .spacing {
        padding: 341px 60px 226px;
    }
}

@media (max-width: 1199.98px) {
    .su-banner-16-area.banner-12 .spacing {
        padding: 220px 30px 220px;
    }
}

@media (max-width: 1199.98px) {
    .su-banner-16-area.banner-12 .spacing {
        padding: 130px 0 130px;
    }
}

.su-banner-16-area.banner-12 .subtitle {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.48px;
    font-family: var(--dmsans-font);
    margin-bottom: 10px;
}

.su-banner-16-area.banner-12 .title {
    color: var(--theme-color17);
    font-family: var(--dmsans-font);
    font-style: normal;
    font-weight: 700;
    margin-bottom: 0;
    letter-spacing: 0.03em;
    font-size: clamp(50px, 5.62vw, 90px);
    line-height: 1.3;
}

.su-banner-16-area.banner-12 .short-info {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.48px;
    font-family: var(--dmsans-font);
}

.su-banner-16-area.banner-12 .swiper-pagination {
    margin-top: 0;
    bottom: 50px;
}

    .su-banner-16-area.banner-12 .swiper-pagination .swiper-pagination-bullet {
        background: var(--white-color);
    }

        .su-banner-16-area.banner-12 .swiper-pagination .swiper-pagination-bullet::after {
            border-color: var(--white-color);
            border-right: 1px solid transparent;
        }

        .su-banner-16-area.banner-12 .swiper-pagination .swiper-pagination-bullet::before {
            border-color: rgba(255, 255, 255, 0.2);
        }

.su-banner-16-area.banner-13 .spacing {
    padding: 559px 0px 102px 0px;
}

@media (max-width: 1399.98px) {
    .su-banner-16-area.banner-13 .spacing {
        padding: 359px 0px 72px 0px;
    }
}

@media (max-width: 575.98px) {
    .su-banner-16-area.banner-13 .spacing {
        padding: 209px 0px 72px 0px;
    }
}

.su-banner-16-area.banner-13 .overly {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
}

.su-banner-16-area.banner-13 .subtitle {
    font-family: var(--bebas-font);
    line-height: normal;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    margin-bottom: 0;
}

.su-banner-16-area.banner-13 .title {
    font-size: 80px;
    font-family: var(--bebas-font);
    font-weight: var(--font-weight-700);
    line-height: normal;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-size: clamp(36px, 5vw, 80px);
    line-height: 1;
}

.su-banner-16-area.banner-13 .su-btn-4-black {
    font-family: var(--bebas-font);
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.9px;
}

.su-banner-16-area.banner-2 .overly {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
}

.su-banner-16-area.banner-2 .spacing {
    padding: 355px 0 85px 0;
}

@media (max-width: 1199.98px) {
    .su-banner-16-area.banner-2 .spacing {
        padding: 155px 0 85px 0;
    }
}

.su-banner-16-area.banner-2 .play-btn {
    font-size: 13px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.26px;
    width: 150px;
    height: 150px;
    border: 1px solid var(--white-color);
    color: var(--white-color);
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    margin-bottom: 160px;
}

@media (max-width: 1199.98px) {
    .su-banner-16-area.banner-2 .play-btn {
        margin-bottom: 80px;
    }
}

.su-banner-16-area.banner-2 .play-btn:hover {
    background: var(--white-color);
    color: var(--dark-color);
    border-color: var(--white-color);
}

.su-banner-16-area.banner-2 .title {
    font-family: var(--marcellus-font);
    font-size: 50px;
    font-weight: 400;
    line-height: normal;
}

.su-banner-16-area.banner-2 .banner-btn-group {
    gap: 60px;
}

.su-banner-16-area.banner-6 {
    background: var(--theme-color11);
}

    .su-banner-16-area.banner-6 .su-banner-4-item {
        height: 760px;
    }

        .su-banner-16-area.banner-6 .su-banner-4-item .bg {
            max-width: 1122px;
        }

@media (max-width: 767.98px) {
    .su-banner-16-area.banner-6 .su-banner-4-item .bg {
        position: relative;
    }
}

.su-banner-16-area.banner-6 .su-banner-4-item .collection-item {
    background: var(--theme-color11);
    max-width: 798px;
    padding: 257px 0;
    position: absolute;
    top: 0;
    width: 100%;
}

@media (max-width: 1199.98px) {
    .su-banner-16-area.banner-6 .su-banner-4-item .collection-item {
        max-width: 500px;
    }
}

@media (max-width: 991.98px) {
    .su-banner-16-area.banner-6 .su-banner-4-item .collection-item {
        max-width: 300px;
    }
}

@media (max-width: 767.98px) {
    .su-banner-16-area.banner-6 .su-banner-4-item .collection-item {
        bottom: 0;
        height: auto !important;
        max-width: none;
        padding: 50px 0;
        top: auto;
    }
}

.su-banner-16-area.banner-6 .su-banner-4-item .collection-item .text {
    max-width: 400px;
    margin: 0 auto;
}

    .su-banner-16-area.banner-6 .su-banner-4-item .collection-item .text .subtitle {
        color: var(--dark-color);
        font-size: 16px;
        font-weight: var(--font-weight-500);
        line-height: 28px;
        text-transform: uppercase;
        font-family: var(--jakarta-font);
    }

    .su-banner-16-area.banner-6 .su-banner-4-item .collection-item .text .title {
        color: var(--dark-color);
        font-size: 40px;
        font-weight: var(--font-weight-500);
        line-height: normal;
        letter-spacing: 1.2px;
        font-family: var(--jakarta-font);
    }

    .su-banner-16-area.banner-6 .su-banner-4-item .collection-item .text .su-btn-4 {
        background: var(--theme-color26);
    }

/*  home 18 banner style  */
.home18-img-banner {
    position: relative;
}

    .home18-img-banner img {
        -webkit-transition: all 0.6s ease-out 0s;
        transition: all 0.6s ease-out 0s;
    }

@media (max-width: 767.98px) {
    .home18-img-banner img {
        height: 450px;
    }
}

@media (max-width: 475.98px) {
    .home18-img-banner img {
        height: 320px;
    }
}

.home18-img-banner:hover img {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}

.home18-img-banner .content-over-image {
    bottom: 0;
    max-width: 780px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.home18-img-banner .title {
    font-size: clamp(30px, 3.75vw, 60px);
    line-height: 1.45;
}

.home18-img-banner.home17-style .content-over-image {
    bottom: 50px;
    left: 60px;
}

@media (max-width: 575.98px) {
    .home18-img-banner.home17-style .content-over-image {
        bottom: 30px;
        left: 30px;
    }
}

.home18-img-banner.home17-style.large-size .content-over-image {
    bottom: 70px;
    left: 80px;
}

@media (max-width: 991.98px) {
    .home18-img-banner.home17-style.large-size .content-over-image {
        bottom: 40px;
        left: 40px;
    }
}

.home18-img-banner.home20-style .content-over-image {
    max-width: 770px;
}

.home18-img-banner.home20-style .title {
    color: var(--headings-color);
    font-family: var(--roboto-font);
    font-weight: 700;
    text-transform: uppercase;
    font-size: clamp(30px, 3.12vw, 50px);
    line-height: 1.18;
}

.home18-img-banner.home20-style .text {
    color: var(--headings-color);
    font-family: var(--roboto-font);
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
}

.home18-img-banner.home20-style2 .content-over-image {
    bottom: 50px;
    left: 50px;
}

@media (max-width: 991.98px) {
    .home18-img-banner.home20-style2 .content-over-image {
        bottom: 20px;
        left: 20px;
    }
}

.home18-img-banner.home20-style2 .title {
    font-weight: 700;
    font-size: clamp(20px, 2.5vw, 40px);
    line-height: 1.17;
}

@media (max-width: 991.98px) {
    .home18-img-banner.home20-style2 .title {
        max-width: 90%;
    }
}

.home18-img-banner.home20-style2 .price {
    font-weight: var(--font-weight-500);
    font-size: 20px;
}

.home18-img-banner.center-bottom .content-over-image {
    bottom: 100px;
    left: 0;
    margin: 0 auto;
    right: 0;
}

@media (max-width: 991.98px) {
    .home18-img-banner.center-bottom .content-over-image {
        max-width: none;
        bottom: 30px;
        width: auto;
    }
}

@media (max-width: 475.98px) {
    .home18-img-banner.center-bottom img {
        height: 400px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.home18-img-banner.left-style .content-over-image {
    left: 0;
    right: auto;
}

@media (max-width: 991.98px) {
    .home18-img-banner.left-style .content-over-image {
        max-width: none;
        left: 30px;
        top: 30px;
        width: auto;
    }
}

@media (max-width: 475.98px) {
    .home18-img-banner.left-style img {
        height: 400px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.home18-img-banner.top-right .content-over-image {
    right: -30px;
    top: 90px;
}

@media (max-width: 991.98px) {
    .home18-img-banner.top-right .content-over-image {
        max-width: none;
        right: 30px;
        top: 30px;
        width: auto;
    }
}

@media (max-width: 475.98px) {
    .home18-img-banner.top-right img {
        height: 400px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.promo-box {
    background-color: var(--gray-color-2);
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}

    .promo-box .thumb {
        width: 45%;
    }

@media (max-width: 767.98px) {
    .promo-box .thumb {
        width: auto;
    }
}

.promo-box .thumb img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.promo-box .pb-content {
    padding: 55px 60px;
    width: 55%;
}

@media (max-width: 767.98px) {
    .promo-box .pb-content {
        width: auto;
    }
}

@media (max-width: 575.98px) {
    .promo-box .pb-content {
        padding: 40px;
    }
}

.promo-box .title {
    font-size: 22px;
    line-height: 32px;
}

.promo-box .text {
    font-size: 16px;
    line-height: 28px;
}

/*  home 18 banner style  */
.home18-banner {
    position: relative;
}

    .home18-banner .swiper-slide {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        position: relative;
        display: block;
        overflow: hidden;
        width: 100%;
        height: 100%;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
    }

    .home18-banner .swiper-pagination {
        bottom: 40px;
        right: calc(20% + 0px);
        width: auto;
    }

@media (max-width: 991.98px) {
    .home18-banner .swiper-pagination {
        bottom: calc(40% + 30px);
        left: 0;
        right: 0;
    }
}

@media (max-width: 575.98px) {
    .home18-banner .swiper-pagination {
        display: none;
    }
}

.home18-banner .swiper-pagination .swiper-pagination-bullet {
    background: var(--white-color);
    border-radius: 50%;
    height: 8px;
    margin: 0 15px;
    opacity: 1;
    position: relative;
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    width: 8px;
}

    .home18-banner .swiper-pagination .swiper-pagination-bullet::before {
        border-radius: 50%;
        border: 1px solid rgba(255, 255, 255, 0.3);
        content: "";
        height: 28px;
        left: 50%;
        opacity: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
        width: 28px;
    }

    .home18-banner .swiper-pagination .swiper-pagination-bullet::after {
        width: 28px;
        height: 28px;
        border-radius: 50%;
        border: 1px solid var(--white-color);
        border-right: 1px solid transparent;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) rotate(-160deg);
        transform: translate(-50%, -50%) rotate(-160deg);
        content: "";
        -webkit-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
        opacity: 0;
    }

    .home18-banner .swiper-pagination .swiper-pagination-bullet:hover::before {
        opacity: 1;
    }

    .home18-banner .swiper-pagination .swiper-pagination-bullet:hover::after {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) rotate(-140deg);
        transform: translate(-50%, -50%) rotate(-140deg);
    }

.home18-banner .swiper-pagination .swiper-pagination-bullet-active::before {
    opacity: 1;
}

.home18-banner .swiper-pagination .swiper-pagination-bullet-active::after {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) rotate(-140deg);
    transform: translate(-50%, -50%) rotate(-140deg);
}

.home18-banner.home23-style .swiper-pagination {
    right: calc(45% + 0px);
}

@media (max-width: 1199.98px) {
    .home18-banner.home23-style .swiper-pagination {
        bottom: 20px;
        right: 0px;
    }
}

@media (max-width: 1199.98px) {
    .home18-banner.home23-style .banner18-items .slider-content {
        padding: 50px 0 70px;
    }
}

/* @media (max-width: 1399.98px) {
	.home18-banner.home23-style .banner18-items .image img {
		height: 860px;
	}
}

@media (max-width: 1199.98px) {
	.home18-banner.home23-style .banner18-items .image img {
		height: 560px;
	}
} */

.home18-banner.home23-style .shadow-text {
    bottom: 100px;
    color: transparent;
    font-family: var(--marcellus-font);
    font-style: normal;
    font-weight: 400;
    position: absolute;
    text-align: center;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px;
    -webkit-text-stroke-color: var(--white-color);
    opacity: 0.15;
    font-size: clamp(50px, 16.25vw, 260px);
    line-height: 1.25;
    z-index: 2;
}

@media (max-width: 1199.98px) {
    .home18-banner.home23-style .shadow-text {
        display: none;
    }
}

.banner18-items {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}

@media (max-width: 991.98px) {
    .banner18-items {
        display: block;
    }
}

.banner18-items .image {
    width: 100%;
}

    .banner18-items .image img {
        -o-object-fit: cover;
        object-fit: cover;
        width: auto;
        height: 100%;
    }

.banner18-items .slider-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 991.98px) {
    .banner18-items .slider-content {
        padding: 30px 30px 50px;
    }
}

.banner18-items .slider-content .title {
    color: var(--dark-color4);
    font-family: var(--jost-font);
    font-weight: var(--font-weight-400);
    font-size: clamp(40px, 3.75vw, 60px);
    line-height: 1.45;
}

.banner18-items .slider-content .text {
    color: var(--dark-color4);
    font-family: var(--jost-font);
    font-size: 16px;
    line-height: 26px;
}

.banner18-items.style2 {
    background-color: var(--theme-color37);
}

/*  home 19 banner style  */
.banner-19-area {
    height: 882px;
    position: relative;
}

    .banner-19-area:before {
        background-color: rgba(var(--black-color-rgb), 0.4);
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

@media (max-width: 1399.98px) {
    .banner-19-area {
        height: 682px;
    }
}

@media (max-width: 575.98px) {
    .banner-19-area {
        height: 582px;
    }
}

.banner-19-area video {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.banner-19-area .content {
    bottom: 100px;
    max-width: 600px;
    padding: 0 12px;
    width: 100%;
}

@media (max-width: 1399.98px) {
    .banner-19-area .content {
        bottom: 50px;
    }
}

@media (max-width: 767.98px) {
    .banner-19-area .content {
        bottom: 80px;
    }
}

.banner-19-area .content .title {
    font-family: var(--cormorant-font);
    font-size: 70px;
    font-weight: 400;
    line-height: normal;
}

@media (max-width: 767.98px) {
    .banner-19-area .content .title {
        font-size: 50px;
    }
}

.banner-19-area .content .text {
    max-width: 378px;
    margin: 0 auto;
    font-family: var(--jost-font);
    font-size: 16px;
    line-height: 26px;
}

.banner-19-area .control-video {
    bottom: 30px;
    right: 30px;
}

    .banner-19-area .control-video i {
        font-size: 30px;
        color: var(--white-color);
    }

.banner-19-area.video-banner-13 {
    height: 860px;
}

@media (max-width: 1199.98px) {
    .banner-19-area.video-banner-13 {
        height: 726px;
    }
}

@media (max-width: 575.98px) {
    .banner-19-area.video-banner-13 {
        height: 626px;
    }
}

.banner-19-area.video-banner-13 .content {
    max-width: 950px;
    bottom: unset;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .banner-19-area.video-banner-13 .content .text {
        max-width: 100%;
        font-family: var(--bebas-font);
        font-size: 18px;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.9px;
        text-transform: uppercase;
    }

    .banner-19-area.video-banner-13 .content .title {
        font-family: var(--bebas-font);
        font-size: clamp(40px, 5vw, 80px);
        line-height: 1;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0.05em;
    }

    .banner-19-area.video-banner-13 .content .su-btn-4-black {
        font-family: var(--bebas-font);
        font-size: 18px;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.9px;
    }

/*  home 20 banner style  */
.home20-banner .swiper-slide {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.home20-banner .home20-banner-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 880px;
}

@media (max-width: 991.98px) {
    .home20-banner .home20-banner-item {
        height: 680px;
    }
}

.home20-banner .home20-banner-item .banner-content {
    padding-left: 50px;
    padding-right: 50px;
}

@media (max-width: 1199.98px) {
    .home20-banner .home20-banner-item .banner-content {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.home20-banner .home20-banner-item .title {
    color: var(--dark-color);
    font-family: var(--roboto-font);
    font-weight: 700;
    font-size: clamp(30px, 3.12vw, 50px);
    line-height: 1.18;
    text-transform: uppercase;
}

.home20-banner .home20-banner-item .text {
    color: var(--dark-color);
    font-family: var(--roboto-font);
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
}

.home20-banner .home20-banner-item .btn-wrapper {
    max-width: 220px;
}

.banner-bottom-home20 .thumb img {
    width: 100%;
}

.banner-bottom-home20 .wrp {
    position: relative;
}

.banner-bottom-home20 .bb-content {
    bottom: 70px;
    left: 60px;
    position: absolute;
}

@media (max-width: 991.98px) {
    .banner-bottom-home20 .bb-content {
        bottom: 40px;
        left: 30px;
    }
}

.banner-bottom-home20 .bb-content .title {
    color: var(--white-color);
    font-size: clamp(28px, 2.5vw, 40px);
    line-height: 1.17;
    font-weight: 700;
    line-height: 47px;
}

.banner-bottom-home20 .bb-content .text {
    color: var(--white-color);
    font-size: 15px;
    font-weight: 400;
    line-height: 60px;
}

.banner-bottom-home20 .bb-content .btn-wrp .theme-btn {
    border: 0;
    border-radius: 0;
    padding: 20px 40px;
}

.sale-banner-item.style20 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 485px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}

@media (max-width: 1199.98px) {
    .sale-banner-item.style20 {
        margin-bottom: 30px;
    }
}

.sale-banner-item.style20 .sale-banner-content {
    text-align: center;
    margin: auto 0;
    padding: 0px 60px;
}

@media (max-width: 1399.98px) {
    .sale-banner-item.style20 .sale-banner-content {
        font-size: 10px;
    }
}

@media (max-width: 767.98px) {
    .sale-banner-item.style20 .sale-banner-content {
        padding: 0 20px;
    }
}

.sale-banner-item.style20 .sale-banner-content .thumb-wrapper .thumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

    .sale-banner-item.style20 .sale-banner-content .thumb-wrapper .thumb img {
        width: 120px;
        height: 89.427px;
        -o-object-fit: contain;
        object-fit: contain;
    }

.sale-banner-item.style20 .sale-banner-content .crocs {
    display: inline-block;
    color: var(--white-color);
    font-weight: 700;
    font-size: 33px;
    text-transform: lowercase;
    letter-spacing: 0.29px;
    font-family: var(--jost-font);
}

.sale-banner-item.style20 .sale-banner-content .sub-title {
    color: var(--dark-color);
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    font-size: clamp(24px, 1.87vw, 30px);
    line-height: 1.16;
}

.sale-banner-item.style20 .sale-banner-content .title {
    color: var(--dark-color);
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    font-size: clamp(40px, 3.125vw, 50px);
    line-height: 1.18;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 767.98px) {
    .sale-banner-item.style20 .sale-banner-content .title {
        font-size: 60px;
    }

        .sale-banner-item.style20 .sale-banner-content .title span {
            font-size: 20px;
        }
}

.sale-banner-item.style20 .sale-banner-content .title.large {
    font-size: clamp(60px, 7.5vw, 120px);
    line-height: 1.175;
}

.sale-banner-item.style20 .sale-banner-content .title span {
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    text-transform: capitalize;
    display: inline-block;
    letter-spacing: 0.54px;
    text-align: left;
    margin-left: 15px;
    margin-top: 8px;
}

.sale-banner-item.style20 .sale-banner-content .title sup {
    font-size: 50px;
}

@media (max-width: 767.98px) {
    .sale-banner-item.style20 .sale-banner-content .title sup {
        font-size: 30px;
    }
}

.sale-banner-item.style20 .sale-banner-content .title2 {
    color: var(--white-color);
    font-style: normal;
    font-weight: 700;
    font-size: clamp(40px, 3.75vw, 60px);
    line-height: 1.16;
}

.sale-banner-item.style20 .sale-banner-content .text {
    font-style: normal;
    font-size: 15px;
    line-height: 26px;
    color: var(--dark-color);
}

.sale-banner-item.style20 .sale-banner-content .text-2 {
    color: var(--white-color);
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
}

.sale-banner-item.card_1 {
    background: #DCB3F6;
}

    .sale-banner-item.card_1 .sub-title {
        color: var(--dark-color);
        font-style: normal;
        font-weight: 400;
        text-transform: uppercase;
        font-size: clamp(24px, 1.87vw, 30px);
        line-height: 1.16;
    }

    .sale-banner-item.card_1 .title {
        color: var(--dark-color);
        font-style: normal;
        font-weight: 700;
        text-transform: uppercase;
        font-size: clamp(40px, 3.125vw, 50px);
        line-height: 1.18;
    }

.sale-banner-item.card_2 {
    background: #ED903C;
}

    .sale-banner-item.card_2 .sale-banner-content .sub-title {
        color: var(--white-color);
    }

    .sale-banner-item.card_2 .sale-banner-content .text {
        color: var(--white-color);
    }

.sale-banner-item.card_3 {
    background: #F3C3CF;
}

    .sale-banner-item.card_3 .sale-banner-content .black-btn {
        padding: 15px;
        margin-top: 60px;
        margin-bottom: 40px;
    }

.sale-banner-item.card_4 {
    background: #6398D9;
}

    .sale-banner-item.card_4 .sale-banner-content .text {
        color: var(--white-color);
        padding-top: 0;
    }

    .sale-banner-item.card_4 .sale-banner-content .title.large {
        color: var(--white-color);
    }

/*  home 21 banner style  */
.home21-banner .swiper-slide {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.home21-banner .home21-banner-item {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 860px;
}

@media (max-width: 991.98px) {
    .home21-banner .home21-banner-item {
        height: 660px;
    }
}

.home21-banner .home21-banner-item .banner-content {
    padding-bottom: 95px;
}

.home21-banner .home21-banner-item .title {
    color: var(--white-color);
    font-weight: var(--font-weight-500);
    font-size: clamp(30px, 3.12vw, 50px);
    line-height: 1.3;
    text-transform: uppercase;
}

.home21-banner .home21-banner-item .sub-title {
    color: var(--white-color);
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
}

.banner-slider-wrapper.style21_2 .banner-slider-item {
    padding: 600px 0 60px 0;
}

@media (max-width: 1399.98px) {
    .banner-slider-wrapper.style21_2 .banner-slider-item {
        padding-top: 400px;
    }
}

@media (max-width: 767.98px) {
    .banner-slider-wrapper.style21_2 .banner-slider-item {
        padding-top: 300px;
    }
}

.banner-slider-wrapper .banner-slider-item.style21 {
    padding: 600px 0 60px;
}

@media (max-width: 1399.98px) {
    .banner-slider-wrapper .banner-slider-item.style21 {
        padding: 400px 0 60px 0;
    }
}

@media (max-width: 767.98px) {
    .banner-slider-wrapper .banner-slider-item.style21 {
        padding: 300px 0 60px 0;
    }
}

.banner-slider-wrapper .banner-slider-item.style21 .banner-slider-content {
    text-align: center;
}

    .banner-slider-wrapper .banner-slider-item.style21 .banner-slider-content .title {
        font-size: 50px;
        font-style: normal;
        font-weight: var(--font-weight-500);
        line-height: 65px;
        text-transform: uppercase;
        color: var(--white-color);
    }

@media (max-width: 1199.98px) {
    .banner-slider-wrapper .banner-slider-item.style21 .banner-slider-content .title {
        font-size: 46px;
    }
}

@media (max-width: 767.98px) {
    .banner-slider-wrapper .banner-slider-item.style21 .banner-slider-content .title {
        font-size: 36px;
        line-height: 40px;
    }
}

@media (max-width: 575.98px) {
    .banner-slider-wrapper .banner-slider-item.style21 .banner-slider-content .title {
        font-size: 28px;
        line-height: 36px;
    }
}

.banner-slider-wrapper .banner-slider-item.style21 .banner-slider-content .subtitle {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    padding-bottom: 8px;
    color: var(--white-color);
}

@media (max-width: 575.98px) {
    .banner-slider-wrapper .banner-slider-item.style21 .banner-slider-content .subtitle {
        padding-bottom: 6px;
    }
}

.banner-slider-wrapper .banner-slider-item.style21 .banner-slider-content .banner-btn-wrapper {
    padding-top: 4px;
}

    .banner-slider-wrapper .banner-slider-item.style21 .banner-slider-content .banner-btn-wrapper a {
        color: var(--white-color);
    }

.banner-slider-wrapper.style24 .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 60px;
    left: 142px;
    width: 185px;
}

@media (max-width: 991.98px) {
    .banner-slider-wrapper.style24 .swiper-container-horizontal > .swiper-pagination-bullets {
        left: 30px;
    }
}

@media (max-width: 575.98px) {
    .banner-slider-wrapper.style24 .swiper-container-horizontal > .swiper-pagination-bullets {
        left: 15px;
    }
}

.banner-slider-wrapper.style24 .swiper-pagination-bullet {
    background: transparent;
    color: var(--white-color);
    font-family: var(--jost-font);
    font-size: 15px;
    font-style: normal;
    font-weight: var(--font-weight-500);
    height: 2px;
    line-height: 20px;
    margin-right: 20px;
    opacity: 0.9;
    text-align: center;
    width: 20px;
}

.banner-slider-wrapper.style24 .swiper-pagination-bullet-active {
    background: var(--white-color);
    color: var(--white-color);
}

.banner-bottom.style21 {
    margin-top: 10px;
}

    .banner-bottom.style21 .banner-bottom-wrapper {
        position: relative;
    }

@media (max-width: 575.98px) {
    .banner-bottom.style21 .banner-bottom-wrapper {
        margin-bottom: 30px;
    }
}

.banner-bottom.style21 .banner-bottom-wrapper .banner-bottom-content {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 60px;
    text-align: center;
}

@media (max-width: 991.98px) {
    .banner-bottom.style21 .banner-bottom-wrapper .banner-bottom-content {
        bottom: 40px;
        left: 4%;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        text-align: left;
    }
}

.banner-bottom.style21 .banner-bottom-wrapper .banner-bottom-content h3 {
    font-size: 40px;
    font-style: normal;
    font-weight: var(--font-weight-500);
    line-height: 56px;
    text-transform: uppercase;
    padding-bottom: 8px;
    color: var(--white-color);
}

@media (max-width: 991.98px) {
    .banner-bottom.style21 .banner-bottom-wrapper .banner-bottom-content h3 {
        font-size: 30px;
        line-height: 42px;
    }
}

@media (max-width: 767.98px) {
    .banner-bottom.style21 .banner-bottom-wrapper .banner-bottom-content h3 {
        font-size: 24px;
        line-height: 30px;
    }
}

@media (max-width: 575.98px) {
    .banner-bottom.style21 .banner-bottom-wrapper .banner-bottom-content h3 {
        font-size: 20px;
        line-height: 28px;
        padding-bottom: 0px;
    }
}

.banner-bottom.style21 .banner-bottom-wrapper .banner-bottom-content p {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-transform: uppercase;
    color: var(--white-color);
    padding-bottom: 8px;
}

@media (max-width: 991.98px) {
    .banner-bottom.style21 .banner-bottom-wrapper .banner-bottom-content p {
        padding-bottom: 8px;
    }
}

@media (max-width: 575.98px) {
    .banner-bottom.style21 .banner-bottom-wrapper .banner-bottom-content p {
        padding-bottom: 0px;
    }
}

.banner-bottom.style21 .banner-bottom-wrapper .banner-bottom-content .banner-btn-wrapper a {
    font-size: 13px;
    font-style: normal;
    font-weight: var(--font-weight-500);
    line-height: normal;
    letter-spacing: 0.26px;
    color: var(--white-color);
}

@media (max-width: 575.98px) {
    .banner-bottom.style21_2 .banner-bottom-thumb {
        margin-bottom: 20px;
    }
}

.banner-bottom.style21_2 .banner-bottom-content {
    max-width: 400px;
    margin-left: auto;
    margin-right: 60px;
    max-height: 320px;
}

@media (max-width: 1399.98px) {
    .banner-bottom.style21_2 .banner-bottom-content {
        margin-right: 0;
        margin-left: 20px;
    }
}

@media (max-width: 767.98px) {
    .banner-bottom.style21_2 .banner-bottom-content {
        margin: 60px auto 60px 20px;
    }
}

.banner-bottom.style21_2 .banner-bottom-content .title {
    font-size: 50px;
    font-style: normal;
    font-weight: var(--font-weight-500);
    line-height: normal;
    text-transform: uppercase;
    color: var(--dark-color);
    padding-bottom: 16px;
    letter-spacing: 0;
}

@media (max-width: 1199.98px) {
    .banner-bottom.style21_2 .banner-bottom-content .title {
        font-size: 40px;
        line-height: 50px;
        padding-bottom: 10px;
    }

        .banner-bottom.style21_2 .banner-bottom-content .title br {
            display: none;
        }
}

@media (max-width: 575.98px) {
    .banner-bottom.style21_2 .banner-bottom-content .title {
        font-size: 30px;
        line-height: 40px;
    }
}

.banner-bottom.style21_2 .banner-bottom-content .subtitle {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: var(--dark-color);
    padding-bottom: 30px;
}

.banner-bottom.style21_2 .banner-bottom-content a {
    color: var(--dark-color);
}

/*  home 22 banner style  */
.intro-wrapper.style22 .banner-item-wrapper.style22 .main-banner-item.style22 {
    position: relative;
}

    .intro-wrapper.style22 .banner-item-wrapper.style22 .main-banner-item.style22 .thumb {
        overflow: hidden;
    }

        .intro-wrapper.style22 .banner-item-wrapper.style22 .main-banner-item.style22 .thumb img {
            width: 100%;
        }

@media (max-width: 991.98px) {
    .intro-wrapper.style22 .banner-item-wrapper.style22 .main-banner-item.style22 .thumb {
        margin-bottom: 10px;
    }
}

.intro-wrapper.style22 .banner-item-wrapper.style22 .main-banner-item.style22 .content {
    position: absolute;
    left: 60px;
    bottom: 60px;
    text-align: left;
}

@media (max-width: 575.98px) {
    .intro-wrapper.style22 .banner-item-wrapper.style22 .main-banner-item.style22 .content {
        left: 30px;
        bottom: 30px;
    }
}

.intro-wrapper.style22 .banner-item-wrapper.style22 .main-banner-item.style22 .content .title {
    color: var(--white-color);
    font-size: 30px;
    font-style: normal;
    font-weight: var(--font-weight-500);
    line-height: normal;
    text-transform: uppercase;
    padding-bottom: 8px;
    letter-spacing: 1.29px;
    line-height: 36px;
}

@media (max-width: 575.98px) {
    .intro-wrapper.style22 .banner-item-wrapper.style22 .main-banner-item.style22 .content .title {
        font-size: 24px;
        line-height: 30px;
    }
}

.intro-wrapper.style22 .banner-item-wrapper.style22 .main-banner-item.style22 .content .banner-btn-wrapper a {
    color: var(--white-color);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.29px;
}

/*  home 23 banner style  */
.banner-slider-item.style23 {
    position: relative;
}

    .banner-slider-item.style23 .banner-content.style23 .banner-slider-left {
        max-width: 494px;
        margin: 0 auto;
        text-align: center;
        position: relative;
        z-index: 9;
    }

@media (max-width: 991.98px) {
    .banner-slider-item.style23 .banner-content.style23 .banner-slider-left {
        margin-bottom: 30px;
    }
}

.banner-slider-item.style23 .banner-content.style23 .banner-slider-left .banner-btn-wrapper {
    padding-top: 18px;
}

    .banner-slider-item.style23 .banner-content.style23 .banner-slider-left .banner-btn-wrapper a {
        font-size: 13px;
        font-style: normal;
        font-weight: var(--font-weight-500);
        line-height: normal;
        letter-spacing: 0.26px;
        color: var(--white-color);
    }

        .banner-slider-item.style23 .banner-content.style23 .banner-slider-left .banner-btn-wrapper a span {
            padding-left: 4px;
        }

.banner-slider-item.style23 .large-text-box {
    position: absolute;
    left: 0;
    bottom: 120px;
}

    .banner-slider-item.style23 .large-text-box .large-text {
        font-size: 260px;
        font-weight: 400;
        text-transform: uppercase;
        color: transparent;
        -webkit-text-stroke: 1px white;
        white-space: nowrap;
        z-index: 1;
        opacity: 0.15;
    }

.banner-slider-item.style24 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 800px;
}

@media (max-width: 991.98px) {
    .banner-slider-item.style24 {
        height: 600px;
    }
}

@media (max-width: 767.98px) {
    .banner-slider-item.style24 {
        padding-left: 30px;
    }
}

@media (max-width: 575.98px) {
    .banner-slider-item.style24 {
        padding-left: 12px;
    }
}

.banner-slider-item.style24 .banner-slider-content {
    padding-left: 165px;
}

@media (max-width: 991.98px) {
    .banner-slider-item.style24 .banner-slider-content {
        padding-left: 40px;
    }
}

@media (max-width: 575.98px) {
    .banner-slider-item.style24 .banner-slider-content {
        padding-left: 10px;
    }
}

.banner-slider-item.style24 .banner-slider-content .subtitle {
    color: var(--white-color);
    font-family: var(--title-font-4);
    font-size: 12px;
    font-style: normal;
    font-weight: var(--font-weight-500);
    line-height: 22px;
    text-transform: uppercase;
    padding-bottom: 8px;
}

.banner-slider-item.style24 .banner-slider-content .title {
    color: var(--white-color);
    font-weight: 400;
    padding-bottom: 26px;
    font-size: clamp(28px, 3.75vw, 60px);
    line-height: 1.45;
}

@media (max-width: 767.98px) {
    .banner-slider-item.style24 .banner-slider-content .title {
        padding-bottom: 20px;
    }
}

.banner-slider-item.style24 .banner-slider-content .banner-btn-wrapper .su-btn-4-border {
    padding: 18px 40px;
    font-family: var(--jost-font);
}

    .banner-slider-item.style24 .banner-slider-content .banner-btn-wrapper .su-btn-4-border i {
        padding-left: 4px;
    }

@media (max-width: 575.98px) {
    .banner-slider-item.style24 .banner-slider-content .banner-btn-wrapper .su-btn-4-border {
        padding: 16px 10px;
    }
}

.banner-slider-nav.style23 .swiper-pagination-bullet {
    background-color: var(--white-color);
    opacity: 1;
    padding: 4px;
    position: relative;
    margin: 0 10px 10px 10px;
}

    .banner-slider-nav.style23 .swiper-pagination-bullet::after {
        position: absolute;
        height: 28px;
        width: 28px;
        border: 1px solid var(--white-color);
        content: "";
        background-color: transparent;
        border-radius: 50%;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: 0.3s all ease-in-out;
        transition: 0.3s all ease-in-out;
    }

.banner-slider-nav.style23 .swiper-pagination-bullet-active::after {
    opacity: 1;
    visibility: visible;
}

.new-arrival-slider-wrapper.style23 {
    margin-right: -80px;
    overflow: visible;
}

/*
 * collections.scss
 * -----------------------------------------------
*/
/*  home 4 brand style  */
.su-brands-4-slide .swiper-slide {
    display: inline-block;
    width: auto;
}

.slide-transtion {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}

/*  home 5 brand style  */
.su-text-5-style .text {
    color: var(--text-color);
    font-size: 50px;
    font-weight: 500;
    letter-spacing: 0.2em;
}

    .su-text-5-style .text img {
        margin-right: 30px;
    }

.su-text-5-style .style-2 .text img {
    margin-left: 10px;
}

.su-brands-5-slide {
    border: 1px solid #e6e6e6;
    margin-top: -1px;
    padding: 34px 0px;
}

    .su-brands-5-slide .swiper-slide {
        display: inline-block;
        width: auto;
    }

.su-brands-5-wrapper {
    background: #f8f7f1;
    padding-top: 65px;
    padding-bottom: 90px;
}

    .su-brands-5-wrapper .title {
        font-weight: 500;
        font-size: 20px;
        line-height: 34px;
        color: var(--text-color);
    }

    .su-brands-5-wrapper .logo-here span {
        opacity: 0.3;
        margin: 0 30px;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        cursor: pointer;
    }

@media (max-width: 575px) {
    .su-brands-5-wrapper .logo-here span {
        display: inline-block;
        margin: 0 10px;
        margin-bottom: 20px;
    }
}

.su-brands-5-wrapper .logo-here span:hover {
    opacity: 1;
}

.su-product-5-single {
    border: none;
    margin-right: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .su-product-5-single .su-btn-5 {
        width: 100%;
        text-align: center;
        padding: 14px 10px;
        font-weight: 600;
        font-size: 13px;
        letter-spacing: 0em;
        color: var(--text-white);
        background: var(--dark-color);
    }

    .su-product-5-single .quantity-block {
        border: 1px solid #e6e6e6;
        width: 120px;
        height: 54px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 3px;
        margin-right: 20px;
        padding: 0 12px;
    }

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .su-product-5-single .quantity-block {
        width: 107px;
    }
}

.su-product-5-single .quantity-block button {
    background: none;
    border: none;
    outline: none;
    font-size: 12px;
    color: var(--dark-color);
    padding: 0;
    width: 20px;
    width: 20px;
    text-align: center;
}

    .su-product-5-single .quantity-block button:hover {
        background: #F3F5F6;
    }

.su-product-5-single .close_icon {
    font-weight: 500;
    font-size: 12px;
    line-height: 183%;
    letter-spacing: 0em;
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    color: var(--text-color);
    cursor: pointer;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

    .su-product-5-single .close_icon:hover {
        color: var(--dark-color);
    }

.su-product-5-single .quantity-num {
    outline: none;
    width: 25px;
    padding: 0;
    margin: 0;
    line-height: 1;
    background: none;
    border: none;
    text-align: center;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0em;
    color: var(--dark-color);
}

.su-product-5-single .card-product-quantity {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

@media (max-width: 575px) {
    .su-product-5-single .card-product-quantity .product-5-btn {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }
}

@media (max-width: 575px) {
    .su-product-5-single .card-product-quantity .product-5-btn .quantity-block {
        margin-bottom: 10px;
    }
}

.su-product-5-single .card-product-info {
    left: 20px;
    z-index: 5;
    bottom: 20px;
    right: 20px;
    background: var(--text-white);
    padding: 10px 20px 20px 20px;
    overflow: hidden;
    height: 105px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.su-product-5-single:hover .card-product-info {
    height: 37%;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .su-product-5-single:hover .card-product-info {
        height: 47%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .su-product-5-single:hover .card-product-info {
        height: 36%;
    }
}

@media (max-width: 575px) {
    .su-product-5-single:hover .card-product-info {
        height: 65%;
    }
}

.su-product-5-single:hover .card-product-quantity {
    opacity: 1;
    visibility: visible;
}

.su-product-5-pagination {
    text-align: center;
    margin-top: 24px;
}

    .su-product-5-pagination span {
        width: 40px;
        height: 2px;
        background: #e4e4e4;
        opacity: 1;
        border-radius: 0;
    }

        .su-product-5-pagination span.swiper-pagination-bullet-active {
            background: var(--text-dark);
        }

/*  home 7 brand style  */
.su-brands-7-spacing {
    background-color: var(--dark-color);
    padding: 20px 0;
}

    .su-brands-7-spacing .swiper-slide {
        width: auto;
        display: inline-block;
    }

.su-brands-7-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .su-brands-7-item .icon {
        margin-right: 30px;
    }

    .su-brands-7-item span {
        font-weight: 600;
        font-size: 13px;
        letter-spacing: 0em;
        color: var(--text-white);
    }

/*  home 16 brand style  */
.brands-home16 .swiper-slide {
    display: inline-block;
    width: auto;
}

    .brands-home16 .swiper-slide img {
        opacity: 0.3;
        -o-object-fit: contain;
        object-fit: contain;
    }

@media (max-width: 575.98px) {
    .brands-home16 .swiper-slide img {
        width: 86%;
    }
}

.brands-home16 .swiper-slide-active img {
    opacity: 1;
}

@media (max-width: 767.98px) {
    .brands-home16 .brands-16-text-slide {
        margin-top: 0px !important;
    }
}

.brands-home16 .brands-16-img-slide {
    max-width: 500px;
}

@media (max-width: 767.98px) {
    .brands-home16 .brands-16-img-slide {
        margin-top: 50px !important;
    }
}

.brands-home16 .swiper-slide {
    display: inline-block;
    width: auto;
}

.brands-home16 .subtitle {
    margin-bottom: 70px;
    color: var(--dark-color);
    font-family: var(--montserrat-font);
    font-size: 16px;
    font-weight: var(--font-weight-600);
    line-height: 24px;
    text-transform: uppercase;
}

@media (max-width: 767.98px) {
    .brands-home16 .subtitle {
        margin-bottom: 40px;
    }
}

.brands-home16 .title {
    font-family: var(--montserrat-font);
    font-size: 30px;
    font-weight: var(--font-weight-600);
    line-height: 50px;
}

@media (max-width: 767.98px) {
    .brands-home16 .title {
        font-size: 20px;
        line-height: 32px;
    }
}

@media (max-width: 1399.98px) {
    .brands-home16.style12 {
        padding-top: 0;
        padding-bottom: 0;
    }
}

.brands-home16.style12 .subtitle {
    font-family: var(--dmsans-font);
}

.brands-home16.style12 .title {
    font-family: var(--dmsans-font);
}

@media (max-width: 1399.98px) {
    .brands-home16.style14 {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width: 1199.98px) {
    .brands-home16.style14 {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 575.98px) {
    .brands-home16.style14 {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.brands-home16.style14 .brands-bg {
    background: var(--theme-color11);
    border-radius: 30px;
}

.brands-home16.style14 .subtitle {
    font-family: var(--opensans-font);
}

@media (max-width: 767.98px) {
    .brands-home16.style14 .subtitle {
        margin-bottom: 40px;
    }
}

.brands-home16.style14 .title {
    font-family: var(--opensans-font);
}

@media (max-width: 767.98px) {
    .brands-home16.style14 .title {
        font-size: 20px;
        line-height: 32px;
    }
}

.brands-home16.shop-brands .title {
    font-size: 20px;
    font-weight: 500;
    line-height: 34px;
}

.brands-home16.home18 .brands-bg {
    background: var(--theme-color11);
    border-radius: 30px;
}

.brands-home16.home18 .subtitle {
    color: var(--dark-color5);
    font-family: var(--jost-font);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.brands-home16.home18 .title {
    color: var(--dark-color5);
    font-family: var(--jost-font);
    font-weight: 400;
    font-size: 36px;
    line-height: 50px;
}

.testimonial-slider-wrapper.style23 .slider-content {
    text-align: center;
    padding: 0 80px;
}

@media (max-width: 1399.98px) {
    .testimonial-slider-wrapper.style23 .slider-content {
        padding: 0 20px;
    }
}

.testimonial-slider-wrapper.style23 .slider-content .title {
    color: var(--dark-color);
    font-family: var(--title-font3);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.testimonial-slider-wrapper.style23 .slider-content .text {
    color: var(--dark-color);
    font-family: var(--title-font2);
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 50px;
    padding-top: 56px;
}

@media (max-width: 767.98px) {
    .testimonial-slider-wrapper.style23 .slider-content .text {
        padding-top: 20px;
        font-size: 24px;
        line-height: 34px;
    }
}

.testimonial-slider-wrapper.style23 .testi-thumb-slider {
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
    margin-top: 80px;
}

@media (max-width: 991.98px) {
    .testimonial-slider-wrapper.style23 .testi-thumb-slider {
        margin-top: 30px;
    }
}

.testimonial-slider-wrapper.style23 .testi-thumb-slider .swiper-wrapper {
    margin: 0;
    padding: 0;
    -webkit-transform: translate3d(0px, 0px, 0px 0px);
    transform: translate3d(0px, 0px, 0px 0px);
    -webkit-transform: translateX(11%) !important;
    transform: translateX(11%) !important;
}

.testimonial-slider-wrapper.style23 .testi-thumb-slider .swiper-slide {
    max-width: 100%;
}

    .testimonial-slider-wrapper.style23 .testi-thumb-slider .swiper-slide.swiper-slide-active img {
        opacity: 100%;
    }

    .testimonial-slider-wrapper.style23 .testi-thumb-slider .swiper-slide img {
        opacity: 30%;
        -webkit-transition: 0.3s all ease-in-out;
        transition: 0.3s all ease-in-out;
    }

        .testimonial-slider-wrapper.style23 .testi-thumb-slider .swiper-slide img:hover {
            opacity: 100%;
        }

/*  home 20 brand style  */
.brand-section-home20 {
    position: relative;
}

    .brand-section-home20 .fbs-wrapper-home20 {
        max-width: 1600px;
        position: relative;
    }

        .brand-section-home20 .fbs-wrapper-home20 .swiper-nav {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            background-color: transparent;
            border: 1px solid var(--gray-color);
            border-radius: 50%;
            color: var(--black-color);
            font-size: 14px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            height: 50px;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 50px;
        }

        .brand-section-home20 .fbs-wrapper-home20 .swiper-prev {
            position: absolute;
            right: 10px;
            top: 47%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            z-index: 9;
        }

@media (max-width: 767.98px) {
    .brand-section-home20 .fbs-wrapper-home20 .swiper-prev {
        display: none;
    }
}

.brand-section-home20 .fbs-wrapper-home20 .swiper-next {
    left: 10px;
    position: absolute;
    top: 47%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9;
}

@media (max-width: 767.98px) {
    .brand-section-home20 .fbs-wrapper-home20 .swiper-next {
        display: none;
    }
}

.brand-section-home20 .brand-item-home20 {
    text-align: center;
    overflow: hidden;
    position: relative;
}

    .brand-section-home20 .brand-item-home20 .thumb {
        overflow: hidden;
    }

        .brand-section-home20 .brand-item-home20 .thumb img {
            width: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            -webkit-transition: transform 2s cubic-bezier(0, 0, 0.44, 1.18);
            -webkit-transition: -webkit-transform 1.5s cubic-bezier(0, 0, 0.44, 1.18);
            transition: -webkit-transform 1.5s cubic-bezier(0, 0, 0.44, 1.18);
            transition: transform 1.5s cubic-bezier(0, 0, 0.44, 1.18);
            transition: transform 1.5s cubic-bezier(0, 0, 0.44, 1.18), -webkit-transform 1.5s cubic-bezier(0, 0, 0.44, 1.18);
        }

    .brand-section-home20 .brand-item-home20 .content .title {
        padding-top: 8px;
    }

        .brand-section-home20 .brand-item-home20 .content .title a {
            color: var(--dark-color);
            text-align: center;
            font-size: 18px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            letter-spacing: 0.54px;
        }

    .brand-section-home20 .brand-item-home20:hover .thumb img {
        -webkit-transform: scale(1.09);
        transform: scale(1.09);
    }

.fave-brand-wrapper {
    max-width: 1730px;
    width: 100%;
}

    .fave-brand-wrapper .fave-brand-slider20 {
        max-width: 1600px;
        margin: 0 auto;
    }

/*
 * blog.scss
 * -----------------------------------------------
*/
.su-blog-4-item {
    background: var(--text-gray-2);
}

    .su-blog-4-item img {
        -webkit-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
    }

    .su-blog-4-item:hover img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    .su-blog-4-item .content {
        padding: 0px 40px 0px 0px;
    }

    .su-blog-4-item .title {
        color: var(--dark-color);
        font-size: 16px;
        font-weight: 600;
        text-transform: uppercase;
    }

    .su-blog-4-item .text {
        color: var(--dark-color);
        font-size: 14px;
        font-weight: 500;
        line-height: 28px;
    }

.su-blog-4-slider {
    margin-right: -180px;
}

@media (max-width: 991.98px) {
    .su-blog-4-slider {
        margin-right: 0;
    }
}

.su-blog-4-scrool {
    margin-top: 60px;
}

    .su-blog-4-scrool .swiper-scrollbar {
        width: 100%;
        height: 3px;
        background: var(--text-gray-2);
    }

    .su-blog-4-scrool .swiper-scrollbar-drag {
        background: var(--dark-color);
    }

    .su-blog-4-scrool .swiper-scrollbar-2 {
        width: 100%;
        height: 3px;
        background: var(--text-gray-2);
    }

.su-blog-4-navigation span {
    border-radius: 50px;
    border: 1px solid transparent;
    width: 40px;
    height: 40px;
    line-height: 33px;
    text-align: center;
    display: inline-block;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

    .su-blog-4-navigation span:hover {
        border: 1px solid #e6e6e6;
    }

.su-blog-7-item:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.su-blog-7-item .subtitle {
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0em;
    color: var(--text-color);
}

.su-blog-7-item .thumb img {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.su-blog-7-item .su-content {
    padding-right: 30px;
}

.su-blog-7-item .title {
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    text-transform: capitalize;
    margin-top: 10px;
}

    .su-blog-7-item .title a {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#1D1D1D)), -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#1D1D1D));
        background-image: linear-gradient(#1D1D1D, #1D1D1D), linear-gradient(#1D1D1D, #1D1D1D);
        background-size: 0 1px, 0 1px;
        background-position: 100% 100%, 0 100%;
        background-repeat: no-repeat;
        -webkit-transition: background-size 0.3s linear;
        transition: background-size 0.3s linear;
        -webkit-transition: all 0.4s ease 0.3s 0s ease-out;
        transition: all 0.4s ease 0.3s 0s ease-out;
    }

        .su-blog-7-item .title a:hover {
            background-image: -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#1D1D1D)), -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#1D1D1D));
            background-image: linear-gradient(#1D1D1D, #1D1D1D), linear-gradient(#1D1D1D, #1D1D1D);
            background-size: 0 1px, 100% 1px;
            background-position: 100% 100%, 0 100%;
            background-repeat: no-repeat;
            -webkit-transition: background-size 0.3s linear;
            transition: background-size 0.3s linear;
            -webkit-transition: all 0.4s ease 0.3s 0s ease-out;
            transition: all 0.4s ease 0.3s 0s ease-out;
            color: var(--dark-color);
        }

.su-blog-7-item.home18 .title {
    font-size: 18px;
}

.su-blog-7-item.home18 .text {
    font-size: 18px;
}

.su-blog-8-wrap:hover .thumb img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.su-blog-8-wrap .thumb {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}

    .su-blog-8-wrap .thumb::before {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4)));
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        bottom: 0;
        left: 0;
        border-radius: 16px;
        z-index: 1;
    }

    .su-blog-8-wrap .thumb img {
        border-radius: 16px;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

.su-blog-8-wrap .blog-meta {
    position: absolute;
    top: 30px;
    left: 60px;
    right: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .su-blog-8-wrap .blog-meta {
        left: 30px;
        right: 30px;
    }
}

.su-blog-8-wrap .blog-meta .dates {
    font-weight: 500;
    font-size: 14px;
    color: var(--text-white);
}

.su-blog-8-wrap .blog-meta .tag {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0em;
    color: var(--text-white);
    backdrop-filter: blur(50px);
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid #fff;
    border-radius: 12px;
    padding: 8px 14px;
}

.su-blog-8-wrap .blog-title {
    position: absolute;
    bottom: 27px;
    left: 60px;
    right: 60px;
    z-index: 2;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .su-blog-8-wrap .blog-title {
        left: 30px;
        right: 30px;
    }
}

.su-blog-8-wrap .blog-title .title {
    font-weight: 500;
    font-size: 24px;
    letter-spacing: 0.03em;
    color: var(--text-white);
    line-height: 1.2;
}

    .su-blog-8-wrap .blog-title .title a {
        color: var(--text-white);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
        background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
        background-size: 0 1px, 0 1px;
        background-position: 100% 100%, 0 100%;
        background-repeat: no-repeat;
        -webkit-transition: background-size 0.3s linear;
        transition: background-size 0.3s linear;
        -webkit-transition: all 0.4s ease 0.3s 0s ease-out;
        transition: all 0.4s ease 0.3s 0s ease-out;
    }

        .su-blog-8-wrap .blog-title .title a:hover {
            background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
            background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
            background-size: 0 1px, 100% 1px;
            background-position: 100% 100%, 0 100%;
            background-repeat: no-repeat;
            -webkit-transition: background-size 0.3s linear;
            transition: background-size 0.3s linear;
            -webkit-transition: all 0.4s ease 0.3s 0s ease-out;
            transition: all 0.4s ease 0.3s 0s ease-out;
            color: var(--text-white);
        }

.su-blog-8-wrap .blog-title .name {
    font-weight: 500;
    font-size: 14px;
    color: var(--text-white);
}

.blog-item-home16 img {
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.blog-item-home16 .text {
    margin-top: 15px;
}

    .blog-item-home16 .text .category {
        color: var(--theme-color9);
        font-size: 13px;
        font-weight: var(--font-weight-400);
        line-height: 16px;
        letter-spacing: 1px;
        margin-bottom: 10px;
    }

    .blog-item-home16 .text .blog-title {
        color: var(--dark-color);
        font-size: 16px;
        font-weight: var(--font-weight-600);
        line-height: 28px;
        text-transform: uppercase;
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(29, 29, 29)), to(rgb(29, 29, 29))), -webkit-gradient(linear, left top, left bottom, from(rgb(29, 29, 29)), to(rgb(29, 29, 29)));
        background-image: linear-gradient(rgb(29, 29, 29), rgb(29, 29, 29)), linear-gradient(rgb(29, 29, 29), rgb(29, 29, 29));
        background-size: 0px 1px, 0px 1px;
        background-position: 100% 100%, 0px 100%;
        background-repeat: no-repeat;
        -webkit-transition: background-size 0.3s linear;
        transition: background-size 0.3s linear;
        padding-right: 5px;
    }

        .blog-item-home16 .text .blog-title:hover {
            background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(29, 29, 29)), to(rgb(29, 29, 29))), -webkit-gradient(linear, left top, left bottom, from(rgb(29, 29, 29)), to(rgb(29, 29, 29)));
            background-image: linear-gradient(rgb(29, 29, 29), rgb(29, 29, 29)), linear-gradient(rgb(29, 29, 29), rgb(29, 29, 29));
            background-size: 0px 1px, 100% 1px;
            background-position: 100% 100%, 0px 100%;
            background-repeat: no-repeat;
            -webkit-transition: background-size 0.3s linear;
            transition: background-size 0.3s linear;
        }

.blog-item-home16:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.blog-6-area .blog-item-home16 .text .category {
    margin-bottom: 15px;
}

@media (max-width: 1199.98px) {
    .news-item.style22 {
        margin-bottom: 30px;
    }
}

.news-item.style22 .content {
    text-align: left;
}

    .news-item.style22 .content .title {
        padding-top: 20px;
    }

        .news-item.style22 .content .title a {
            color: var(--dark-color2);
            font-size: 24px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            text-transform: uppercase;
        }

@media (max-width: 575.98px) {
    .news-item.style22 .content .title a {
        font-size: 20px;
    }
}

.news-item.style22 .content .text {
    color: var(--dark-color);
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    padding-top: 8px;
}

@media (max-width: 1199.98px) {
    .news-item.style23 {
        margin-bottom: 30px;
    }
}

.news-item.style23 .content {
    text-align: start;
}

    .news-item.style23 .content .title {
        padding-top: 20px;
        max-width: 90%;
    }

        .news-item.style23 .content .title a {
            color: var(--dark-color);
            font-size: 26px;
            font-style: normal;
            font-weight: 400;
            letter-spacing: 0.29px;
            line-height: 36px;
            padding-top: 18px;
        }

@media (max-width: 575.98px) {
    .news-item.style23 .content .title a {
        font-size: 20px;
        line-height: 30px;
    }
}

.news-item.style23 .content .text {
    color: var(--dark-grayish-orange);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.26px;
    padding-top: 15px;
}

.blog-header .title {
    letter-spacing: 0.03em;
}

.blog-header .sub-title {
    font-family: var(--jakarta-font);
    color: var(--dark-color);
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.26px;
}

.blog-header .post-date p {
    color: var(--dark-color);
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0px;
}

.blog-header .blog-filter {
    gap: 10px;
}

    .blog-header .blog-filter .filter-btn {
        border: 1px solid var(--gray-color);
        color: var(--dark-color);
        font-size: 13px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0.26px;
        padding: 7px 30px;
        -webkit-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
    }

        .blog-header .blog-filter .filter-btn:hover {
            border-color: var(--dark-color);
        }

        .blog-header .blog-filter .filter-btn.active {
            border-color: var(--dark-color);
        }

.for-blog .thumb img {
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.for-blog .thumb .label {
    color: var(--dark-color);
    font-size: 12px;
    font-weight: 600;
    line-height: 28px;
    text-transform: capitalize;
    padding: 1px 14px;
    border-radius: 50px;
    background: var(--white-color);
    top: 20px;
    left: 20px;
}

.for-blog .details .post-date p {
    color: var(--dark-color);
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0px;
}

.for-blog .details .title {
    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
    text-transform: capitalize;
    padding-right: 60px;
    font-family: var(--jakarta-font);
}

@media (max-width: 1199.98px) {
    .for-blog .details .title {
        padding-right: 0;
    }
}

.for-blog .details .title a {
    color: var(--dark-color);
}

.for-blog:hover .thumb img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.for-blog.style2 .details .title {
    padding-right: 0;
    font-size: 20px;
    line-height: 37px;
}

@media (max-width: 991.98px) {
    .for-blog.style2 .details .title {
        font-size: 16px;
        line-height: 28px;
    }
}

.for-blog.style3 .details .title {
    font-size: 24px;
    line-height: 40px;
}

@media (max-width: 991.98px) {
    .for-blog.style3 .details .title {
        font-size: 16px;
        line-height: 28px;
    }
}

.for-blog.style3 .details .text {
    color: var(--dark-color);
}

@media (max-width: 991.98px) {
    .for-blog.blog-big .details {
        padding: 26px;
    }
}

@media (max-width: 991.98px) {
    .for-blog.blog-big .thumb img {
        height: 280px;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
    }
}

.for-blog.blog-big .post-date p {
    color: var(--white-color);
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0px;
}

.for-blog.blog-big .title {
    font-size: 30px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.9px;
}

@media (max-width: 991.98px) {
    .for-blog.blog-big .title {
        font-size: 24px;
    }
}

.for-blog.blog-big .title a {
    color: var(--white-color);
}

.blog-list-area.blog-list-3 .for-blog {
    margin-bottom: 60px;
}

    .blog-list-area.blog-list-3 .for-blog:last-child {
        margin-bottom: 0;
    }

.blog-list-area.blog-area-3 .for-blog {
    margin-bottom: 60px;
}

    .blog-list-area.blog-area-3 .for-blog:last-child {
        margin-bottom: 0;
    }

@media (max-width: 767.98px) {
    .blog-list-area.blog-area-3 .for-blog .thumb {
        margin-bottom: 20px;
    }
}

@media (max-width: 1399.98px) {
    .blog-list-area.blog-area-3 .blog-sidebar {
        padding-right: 0;
    }
}

@media (max-width: 1199.98px) {
    .blog-sidebar {
        padding-left: 0 !important;
    }
}

.blog-sidebar .sidebar-widget {
    border-bottom: 1px solid var(--gray-color);
    margin-bottom: 30px;
    padding-bottom: 30px;
}

    .blog-sidebar .sidebar-widget:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0;
    }

    .blog-sidebar .sidebar-widget .widget-title {
        color: var(--dark-color);
        font-family: var(--jakarta-font);
        font-size: 14px;
        font-weight: 600;
        line-height: 28px;
        position: relative;
    }

        .blog-sidebar .sidebar-widget .widget-title::before {
            position: absolute;
            top: 50%;
            right: 0;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 10px;
            height: 1px;
            background: var(--dark-color);
            content: "";
            -webkit-transition: all 0.4s ease-out 0s;
            transition: all 0.4s ease-out 0s;
        }

    .blog-sidebar .sidebar-widget .categories li {
        margin-bottom: 8px;
    }

        .blog-sidebar .sidebar-widget .categories li:last-child {
            margin-bottom: 0;
        }

        .blog-sidebar .sidebar-widget .categories li a {
            color: var(--dark-color);
            font-family: var(--jakarta-font);
            font-size: 13px;
            font-weight: 500;
            line-height: 24px;
            letter-spacing: 0.26px;
            position: relative;
        }

            .blog-sidebar .sidebar-widget .categories li a::before {
                position: absolute;
                bottom: -8px;
                width: 0;
                height: 1px;
                background: var(--dark-color);
                content: "";
                -webkit-transition: all 0.4s ease-out 0s;
                transition: all 0.4s ease-out 0s;
            }

            .blog-sidebar .sidebar-widget .categories li a:hover::before {
                width: 100%;
            }

    .blog-sidebar .sidebar-widget .recent-post .for-blog {
        margin-bottom: 15px;
    }

        .blog-sidebar .sidebar-widget .recent-post .for-blog:last-child {
            margin-bottom: 0;
        }

        .blog-sidebar .sidebar-widget .recent-post .for-blog .thumb {
            max-width: 80px;
            width: 100%;
        }

            .blog-sidebar .sidebar-widget .recent-post .for-blog .thumb img {
                -webkit-transition: all 0.4s ease-out 0s;
                transition: all 0.4s ease-out 0s;
            }

        .blog-sidebar .sidebar-widget .recent-post .for-blog .details .title {
            padding-right: 30px;
            font-size: 13px;
            font-weight: 600;
            line-height: 20px;
            letter-spacing: 0.26px;
        }

@media (max-width: 1399.98px) {
    .blog-sidebar .sidebar-widget .recent-post .for-blog .details .title {
        padding-right: 0;
    }
}

.blog-sidebar .sidebar-widget .recent-post .for-blog:hover .thumb img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.blog-sidebar .sidebar-widget .tags {
    gap: 10px;
}

    .blog-sidebar .sidebar-widget .tags li a {
        color: var(--dark-color);
        font-size: 12px;
        font-weight: 600;
        line-height: 28px;
        text-transform: capitalize;
        border-radius: 20px;
        border: 1px solid var(--gray-color);
        padding: 7px 14px;
        -webkit-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
    }

        .blog-sidebar .sidebar-widget .tags li a:hover {
            background: var(--text-gray-2);
        }

.page-navigation .page-item .page-link {
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid var(--gray-color);
    color: var(--dark-color);
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
}

    .page-navigation .page-item .page-link:hover {
        border-color: var(--dark-color);
    }

.page-navigation .page-item.active .page-link {
    border-color: var(--dark-color);
}

.blog-single-area .blog-post-content .content-box {
    margin-bottom: 60px;
}

    .blog-single-area .blog-post-content .content-box:last-child {
        margin-bottom: 0;
    }

    .blog-single-area .blog-post-content .content-box .main-title {
        color: var(--dark-color);
        font-family: var(--jakarta-font);
        font-size: 20px;
        font-weight: 600;
        line-height: 34px;
        text-transform: uppercase;
    }

    .blog-single-area .blog-post-content .content-box p {
        color: var(--dark-color);
        margin-bottom: 30px;
        font-size: 14px;
        font-weight: 500;
    }

    .blog-single-area .blog-post-content .content-box .single-img {
        height: 100%;
    }

        .blog-single-area .blog-post-content .content-box .single-img .img img {
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }

        .blog-single-area .blog-post-content .content-box .single-img .text p {
            color: var(--dark-color);
            font-size: 13px;
            font-weight: 500;
            line-height: 24px;
            letter-spacing: 0.26px;
        }

        .blog-single-area .blog-post-content .content-box .single-img.sm-img .img {
            height: 246px;
        }

@media (max-width: 1399.98px) {
    .blog-single-area .blog-post-content .content-box .single-img.sm-img .img {
        height: 193px;
    }
}

@media (max-width: 1199.98px) {
    .blog-single-area .blog-post-content .content-box .single-img.sm-img .img {
        height: 159px;
    }
}

@media (max-width: 991.98px) {
    .blog-single-area .blog-post-content .content-box .single-img.sm-img .img {
        height: 181px;
    }
}

@media (max-width: 767.98px) {
    .blog-single-area .blog-post-content .content-box .single-img.sm-img .img {
        height: unset;
    }
}

.blog-single-area .blog-post-content .content-box .footer-16-social {
    margin-bottom: 0 !important;
}

.blog-single-area .blog-post-content .content-box .social-info .tags a {
    color: var(--dark-color);
    font-size: 12px;
    font-weight: 600;
    line-height: 28px;
    text-transform: capitalize;
    border: 1px solid var(--gray-color);
    border-radius: 50px;
    padding: 7px 14px;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

    .blog-single-area .blog-post-content .content-box .social-info .tags a:hover {
        border-color: var(--dark-color);
    }

    .blog-single-area .blog-post-content .content-box .social-info .tags a + a {
        margin-left: 8px;
    }

@media (max-width: 575.98px) {
    .blog-single-area .blog-post-content .content-box .social-info .tags a + a {
        margin-left: 0;
    }
}

.blog-single-area .blog-post-content .content-box blockquote .main-title {
    text-transform: unset;
}

.blog-single-area .blog-post-content .content-box .author {
    padding: 40px 85px 40px 40px;
    gap: 30px;
    border: 1px solid var(--gray-color);
}

@media (max-width: 1199.98px) {
    .blog-single-area .blog-post-content .content-box .author {
        padding-right: 40px;
    }
}

@media (max-width: 767.98px) {
    .blog-single-area .blog-post-content .content-box .author {
        padding: 26px;
    }
}

.blog-single-area .blog-post-content .content-box .author .img {
    width: 112px;
    height: 112px;
}

.blog-single-area .blog-post-content .content-box .author .text .name {
    color: var(--dark-color);
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    text-transform: uppercase;
}

.blog-single-area .blog-post-content .content-box .author .text p {
    color: var(--dark-color);
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
    text-transform: capitalize;
}

.blog-single-area .blog-post-content .content-box .blog-navigation .navigate {
    gap: 20px;
    max-width: 350px;
}

@media (max-width: 767.98px) {
    .blog-single-area .blog-post-content .content-box .blog-navigation .navigate {
        max-width: 100%;
    }
}

.blog-single-area .blog-post-content .content-box .blog-navigation .navigate .icon a {
    width: 50px;
    height: 50px;
    border: 1px solid var(--gray-color);
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

    .blog-single-area .blog-post-content .content-box .blog-navigation .navigate .icon a:hover {
        border-color: var(--dark-color);
        background: var(--theme-color11);
    }

.blog-single-area .blog-post-content .content-box .blog-navigation .navigate .text .title {
    color: var(--dark-color);
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    text-transform: uppercase;
}

.blog-single-area .blog-post-content .content-box .blog-navigation .navigate .text p {
    color: var(--dark-color);
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.26px;
}

.blog-single-area .blog-post-content .content-box .customer-review .review-item {
    gap: 30px;
    border-bottom: 1px solid var(--gray-color);
    padding-bottom: 40px;
    margin-bottom: 40px;
}

    .blog-single-area .blog-post-content .content-box .customer-review .review-item .img {
        width: 90px;
        height: 90px;
    }

@media (max-width: 575.98px) {
    .blog-single-area .blog-post-content .content-box .customer-review .review-item .img {
        width: 70px;
        height: 70px;
    }
}

.blog-single-area .blog-post-content .content-box .customer-review .review-item .text .name {
    color: var(--dark-color);
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    text-transform: uppercase;
}

    .blog-single-area .blog-post-content .content-box .customer-review .review-item .text .name .date {
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        padding-left: 20px;
    }

.blog-single-area .blog-post-content .content-box .customer-review .review-item .text p {
    color: var(--dark-color);
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.26px;
}

.blog-single-area .blog-post-content .content-box .review-box .text {
    color: var(--dark-color);
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
}

.blog-single-area .blog-post-content .content-box .review-box .form-control {
    border: 0;
    height: 54px;
    border-bottom: 1px solid var(--gray-color);
    color: var(--dark-color);
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
}

    .blog-single-area .blog-post-content .content-box .review-box .form-control::-webkit-input-placeholder {
        opacity: 1;
    }

    .blog-single-area .blog-post-content .content-box .review-box .form-control::-moz-placeholder {
        opacity: 1;
    }

    .blog-single-area .blog-post-content .content-box .review-box .form-control:-ms-input-placeholder {
        opacity: 1;
    }

    .blog-single-area .blog-post-content .content-box .review-box .form-control::-ms-input-placeholder {
        opacity: 1;
    }

    .blog-single-area .blog-post-content .content-box .review-box .form-control::placeholder {
        opacity: 1;
    }

    .blog-single-area .blog-post-content .content-box .review-box .form-control:focus {
        border-color: var(--dark-color);
    }

.blog-single-area .blog-post-content .content-box .review-box label {
    color: var(--theme-color9);
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.26px;
    padding-left: 0;
    padding-right: 0;
}

.blog-single-area .blog-post-content .content-box .review-box .textarea {
    height: 229px;
    resize: none;
}

.blog-single-area .blog-post-content .content-box .review-box .form-check-input {
    width: 16px;
    height: 16px;
    border: 1px solid var(--dark-color);
    border-radius: 0;
}

.blog-single-area .blog-post-content .content-box .review-box .form-check-label {
    color: var(--dark-color);
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    margin-left: 8px;
    position: relative;
    top: -2px;
}

.blog-single-area .blog-post-content .content-box .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
    opacity: 1;
    transform: scale(1) translateY(-1.3rem) translateX(0);
}

.blog-single-area .blog-post-content .content-box .form-floating > .form-control:not(:-ms-input-placeholder) ~ label {
    opacity: 1;
    transform: scale(1) translateY(-1.3rem) translateX(0);
}

.blog-single-area .blog-post-content .content-box .form-floating > .form-control-plaintext ~ label,
.blog-single-area .blog-post-content .content-box .form-floating > .form-control:focus ~ label,
.blog-single-area .blog-post-content .content-box .form-floating > .form-control:not(:placeholder-shown) ~ label,
.blog-single-area .blog-post-content .content-box .form-floating > .form-select ~ label {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-1.3rem) translateX(0);
    transform: scale(1) translateY(-1.3rem) translateX(0);
}

.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
    opacity: 1;
    transform: scale(1) translateY(-1.3rem) translateX(0);
}

.form-floating > .form-control:not(:-ms-input-placeholder) ~ label {
    opacity: 1;
    transform: scale(1) translateY(-1.3rem) translateX(0);
}

.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-1.3rem) translateX(0);
    transform: scale(1) translateY(-1.3rem) translateX(0);
}

/*
 * cetagory.scss
 * -----------------------------------------------
*/
.su-cetagory-5-wrap .title {
    font-weight: 500;
    font-size: 14px;
    text-transform: capitalize;
    color: var(--dark-color);
    margin-bottom: 0;
}

    .su-cetagory-5-wrap .title a {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#c83027), to(#c83027)), -webkit-gradient(linear, left top, left bottom, from(#c83027), to(#c83027));
        background-image: linear-gradient(#c83027, #c83027), linear-gradient(#c83027, #c83027);
        background-size: 0 1px, 0 1px;
        background-position: 100% 100%, 0 100%;
        background-repeat: no-repeat;
        -webkit-transition: background-size 0.3s linear;
        transition: background-size 0.3s linear;
        -webkit-transition: all 0.4s ease 0.3s 0s ease-out;
        transition: all 0.4s ease 0.3s 0s ease-out;
    }

        .su-cetagory-5-wrap .title a:hover {
            background-image: -webkit-gradient(linear, left top, left bottom, from(#c83027), to(#c83027)), -webkit-gradient(linear, left top, left bottom, from(#c83027), to(#c83027));
            background-image: linear-gradient(#c83027, #c83027), linear-gradient(#c83027, #c83027);
            background-size: 0 1px, 100% 1px;
            background-position: 100% 100%, 0 100%;
            background-repeat: no-repeat;
            -webkit-transition: background-size 0.3s linear;
            transition: background-size 0.3s linear;
            -webkit-transition: all 0.4s ease 0.3s 0s ease-out;
            transition: all 0.4s ease 0.3s 0s ease-out;
            color: var(--theme-color8);
        }

.su-cetagory-5-wrap .item .link {
    overflow: hidden;
    display: block;
    border-radius: 50%;
}

.su-cetagory-5-wrap .item {
    margin: 0 auto;
    margin-bottom: 30px;
    margin-right: 50px;
    min-width: 110px;
    -webkit-transition: all 0.4s ease 0.3s 0s ease-out;
    transition: all 0.4s ease 0.3s 0s ease-out;
}

    .su-cetagory-5-wrap .item:last-child {
        margin-right: 0;
    }

@media (max-width: 575px) {
    .su-cetagory-5-wrap .item {
        width: 90px;
    }
}

.su-cetagory-5-wrap .item a img {
    width: 110px;
    height: 110px;
}

@media (max-width: 575px) {
    .su-cetagory-5-wrap .item a img {
        width: 90px;
        height: 90px;
    }
}

.su-cetagory-5-wrap .item:hover img {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}

.su-cetagory-5-wrap .content {
    width: 110px;
    height: 110px;
    background: var(--theme-color8);
    border-radius: 50%;
    padding-top: 26px;
    margin: 0 auto;
}

    .su-cetagory-5-wrap .content span {
        font-weight: 500;
        font-size: 14px;
        text-transform: capitalize;
        color: var(--white-color);
    }

    .su-cetagory-5-wrap .content h6 {
        font-weight: 600;
        font-size: 24px;
        letter-spacing: 0.03em;
        color: var(--white-color);
        margin-top: 0;
        margin-bottom: 0;
        line-height: 1;
    }

.su-cetagory-5-wrap .cetagory-btn a {
    border-radius: 100%;
    border: 1px solid var(--dark-color);
    width: 110px;
    height: 110px;
    display: inline-block;
    line-height: 103px;
    -webkit-transition: all 0.4s ease 0.3s 0s ease-out;
    transition: all 0.4s ease 0.3s 0s ease-out;
    color: var(--dark-color);
}

    .su-cetagory-5-wrap .cetagory-btn a:hover {
        border-color: var(--theme-color8);
        color: var(--theme-color8);
    }

@media (max-width: 1199.98px) {
    .cic-home7 {
        overflow-x: auto;
        position: relative;
    }
}

.cic-home7 .su-cetagory-7-item {
    min-width: 258px;
    margin-bottom: 30px;
    margin-right: 25px;
}

.su-cetagory-7-item {
    margin-bottom: 27px;
}

    .su-cetagory-7-item img {
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .su-cetagory-7-item:hover img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    .su-cetagory-7-item .cetagory-btn-wrap {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        right: 0;
        text-align: center;
    }

    .su-cetagory-7-item .cetagory-btn {
        font-weight: 500;
        font-size: 16px;
        color: var(--dark-color);
        padding: 7px 30px;
        background: var(--white-color);
        border-radius: 120px;
        display: inline-block;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

        .su-cetagory-7-item .cetagory-btn:hover {
            background: var(--dark-color);
            color: var(--white-color);
        }

    .su-cetagory-7-item.shop-l10 .cetagory-btn-wrap {
        bottom: 30px;
        top: auto;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

.su-cetagory-7-item-big {
    padding: 190px 60px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 575px) {
    .su-cetagory-7-item-big {
        padding: 150px 30px;
    }
}

.su-cetagory-7-item-big .subtitle {
    font-weight: 500;
    font-size: 14px;
    text-transform: capitalize;
    color: var(--dark-color);
}

.su-cetagory-7-item-big .title {
    font-weight: 500;
    font-size: 40px;
    letter-spacing: 0.03em;
    color: var(--dark-color);
    line-height: 40px;
    margin-bottom: 28px;
}

.su-cetagory-7-item-big .sec-btn {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0em;
    color: var(--black-color);
}

.su-categories-8-item {
    padding: 225px 30px 37px 41px;
    border-radius: 12px;
    height: 100%;
}

    .su-categories-8-item .title {
        font-family: var(--marcellus-font);
        font-weight: 400;
        font-size: 30px;
        letter-spacing: 0.03em;
        color: var(--white-color);
        margin-bottom: 30px;
    }

.su-categories-8-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}

/*
 * collections.scss
 * -----------------------------------------------
 */
/*  Collection home 1 style  */
.top-collection-item {
    position: relative;
}

    .top-collection-item .thumb {
        overflow: hidden;
        position: relative;
    }

    .top-collection-item .images {
        -webkit-transition: all 0.7s ease-out 0s;
        transition: all 0.7s ease-out 0s;
        width: 100%;
    }

    .top-collection-item:hover .images {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    .top-collection-item:hover .tc-content {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    .top-collection-item:hover .btn-text {
        opacity: 1;
        visibility: visible;
    }

    .top-collection-item .tc-content {
        bottom: 55px;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        -webkit-transform: translateY(55px);
        transform: translateY(55px);
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

        .top-collection-item .tc-content .title {
            color: var(--text-white);
            font-family: var(--jakarta-font);
            font-style: normal;
            letter-spacing: 0.03em;
            line-height: 30px;
        }

    .top-collection-item .btn-text {
        color: var(--text-white);
        font-style: normal;
        font-weight: var(--font-weight-600);
        font-size: 13px;
        letter-spacing: 0em;
        line-height: 16px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.7s ease-out 0s;
        transition: all 0.7s ease-out 0s;
    }

@media (max-width: 991.98px) {
    .shop-collection-3-area {
        padding-left: 30px;
    }
}

@media (max-width: 575.98px) {
    .shop-collection-3-area {
        padding-left: 15px;
        padding-right: 15px !important;
    }
}

/*  Collection home 4 style  */
.su-collections-4-item :hover .images {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.su-collections-4-item .images {
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.su-collections-4-item .title {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--dark-color);
}

    .su-collections-4-item .title a {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#1D1D1D)), -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#1D1D1D));
        background-image: linear-gradient(#1D1D1D, #1D1D1D), linear-gradient(#1D1D1D, #1D1D1D);
        background-size: 0 1px, 0 1px;
        background-position: 100% 100%, 0 100%;
        background-repeat: no-repeat;
        -webkit-transition: background-size 0.3s linear;
        transition: background-size 0.3s linear;
        -webkit-transition: all 0.4s ease 0.3s 0s ease-out;
        transition: all 0.4s ease 0.3s 0s ease-out;
    }

        .su-collections-4-item .title a:hover {
            background-image: -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#1D1D1D)), -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#1D1D1D));
            background-image: linear-gradient(#1D1D1D, #1D1D1D), linear-gradient(#1D1D1D, #1D1D1D);
            background-size: 0 1px, 100% 1px;
            background-position: 100% 100%, 0 100%;
            background-repeat: no-repeat;
            -webkit-transition: background-size 0.3s linear;
            transition: background-size 0.3s linear;
            -webkit-transition: all 0.4s ease 0.3s 0s ease-out;
            transition: all 0.4s ease 0.3s 0s ease-out;
            color: var(--dark-color);
        }

.su-collections-4-slider {
    margin-right: -400px;
}

@media (max-width: 991.98px) {
    .su-collections-4-slider {
        margin-right: 0;
    }
}

.su-collections-4-navigation span {
    width: 40px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    border-radius: 50%;
    background: var(--text-white);
    color: var(--dark-color);
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    z-index: 9;
}

.su-collections-4-navigation .next {
    right: 20px;
    left: auto;
}

.su-collection-dark-4-left {
    margin-right: -50px;
}

@media (max-width: 991.98px) {
    .su-collection-dark-4-left {
        margin-right: 0;
    }
}

.su-collection-dark-4-content {
    margin-left: 110px;
}

@media (max-width: 1400px) {
    .su-collection-dark-4-content {
        margin-left: 50px;
    }
}

@media (max-width: 575.98px) {
    .su-collection-dark-4-content {
        margin-left: 0;
    }
}

.su-collection-dark-4-content .subtitle {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0em;
    color: var(--text-white);
}

.su-collection-dark-4-content .su-left-right {
    font-weight: 600;
    font-size: 30px;
    letter-spacing: 0.03em;
    color: var(--text-white);
}

.su-collection-dark-4-content .para {
    font-weight: 600;
    font-size: 30px;
    letter-spacing: 0.03em;
    color: var(--text-color);
}

@media (max-width: 575.98px) {
    .su-collection-dark-4-content .para {
        font-size: 28px;
    }
}

@media (max-width: 575.98px) {
    .su-collections-4-top {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

/*  Collection home 5 style  */
.su-collections-5-wrap::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
    bottom: 0;
    left: 0;
    z-index: 1;
}

.su-collections-5-wrap:hover .thumb {
    -webkit-transform: scale(1.1) rotate(-2deg);
    transform: scale(1.1) rotate(-2deg);
}

.su-collections-5-wrap .thumb {
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.su-collections-5-wrap .content {
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 2;
}

.su-collections-5-wrap .title {
    letter-spacing: 0.03em;
    color: var(--text-white);
}

.su-collections-5-wrap .link {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0em;
    color: var(--text-white);
}

/*  Collection home 8 style  */
.su-collestion-banner-wrap .bg-thumb {
    border-radius: 24px;
    padding: 320px 100px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .su-collestion-banner-wrap .bg-thumb {
        padding: 200px 40px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .su-collestion-banner-wrap .bg-thumb {
        padding: 100px 20px;
    }
}

.su-collestion-banner-wrap .title {
    font-family: var(--marcellus-font);
    font-weight: 400;
    font-size: 50px;
    letter-spacing: 0.03em;
    color: var(--text-white);
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .su-collestion-banner-wrap .title {
        font-size: 35px;
    }
}

.su-collestion-banner-wrap .title .transpa {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-color: var(--tg-common-white);
    -webkit-text-stroke-width: 0.4px;
}

.su-collestion-banner-wrap .title span {
    display: inline-block;
    margin: 13px 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .su-collestion-banner-wrap .title span {
        margin: 0px 4px;
    }
}

/*  Collection home 9 style  */
.collection-9-item {
    overflow: hidden;
}

    .collection-9-item img {
        -webkit-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
    }

    .collection-9-item .overlay {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4)));
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
        padding: 60px;
    }

@media (max-width: 1399.98px) {
    .collection-9-item .overlay {
        padding: 30px;
    }
}

@media (max-width: 575.98px) {
    .collection-9-item .overlay {
        padding: 20px;
    }
}

.collection-9-item .overlay .title {
    color: var(--white-color);
    font-size: 40px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.2px;
}

@media (max-width: 1399.98px) {
    .collection-9-item .overlay .title {
        font-size: 36px;
    }
}

@media (max-width: 991.98px) {
    .collection-9-item .overlay .title {
        font-size: 30px;
    }
}

.collection-9-item:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.collection-9-item.style2 .overlay .title {
    font-size: 24px;
}

/*  Collection home 11 style  */
.collection-11-area {
    padding-top: 120px;
}

    .collection-11-area .collections-11-slider {
        margin-right: -200px;
    }

@media (max-width: 991.98px) {
    .collection-11-area .collections-11-slider {
        margin-right: 0;
    }
}

.collection-11-area .su-product-4-card img {
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.collection-11-area .su-product-4-card:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.collection-11-area .su-product-4-card .product-title {
    font-size: 16px;
    font-weight: 500;
    font-family: var(--jost-font);
}

.collection-11-area .collection-nav-11 span {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: var(--dark-color);
}

.collection-11-area .product-11-big-card .card-product-info {
    padding: 100px 40px;
}

@media (max-width: 991.98px) {
    .collection-11-area .product-11-big-card .card-product-info {
        padding: 60px 20px;
    }
}

@media (max-width: 767.98px) {
    .collection-11-area .product-11-big-card .card-product-info {
        padding: 26px 20px;
    }
}

@media (max-width: 575.98px) {
    .collection-11-area .product-11-big-card .card-product-info {
        padding: 20px 20px;
    }
}

.collection-11-area .product-11-big-card .card-product-info .title {
    color: var(--white-color);
    font-family: var(--jost-font);
    font-size: 60px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.8px;
}

@media (max-width: 991.98px) {
    .collection-11-area .product-11-big-card .card-product-info .title {
        font-size: 40px;
    }
}

@media (max-width: 767.98px) {
    .collection-11-area .product-11-big-card .card-product-info .title {
        font-size: 30px;
        margin-bottom: 16px;
    }
}

/* Shop Collection home 12 style  */
.shop-collection-12-area .shop-collection-12-item .img img {
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.shop-collection-12-area .shop-collection-12-item .text .title {
    color: var(--dark-color);
    font-family: var(--dmsans-font);
    font-size: 36px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.03em;
}

@media (max-width: 1199.98px) {
    .shop-collection-12-area .shop-collection-12-item .text .title {
        font-size: 30px;
    }
}

@media (max-width: 575.98px) {
    .shop-collection-12-area .shop-collection-12-item .text .title {
        font-size: 20px;
    }
}

.shop-collection-12-area .shop-collection-12-item:hover .img img {
    -webkit-transform: scale(1.05) rotate(2deg);
    transform: scale(1.05) rotate(2deg);
}

.shop-collection-12-area .shop-collection-12-item.shop-page-block-item .text .title {
    color: var(--dark-color);
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    text-transform: uppercase;
}

.shop-collection-12-area .shop-collection-12-item.shop-page-block-item .text p {
    color: var(--dark-color);
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.26px;
}

/* Collection home 12 style  */
.collection-12-area .collection-12-item {
    height: 100%;
}

    .collection-12-area .collection-12-item .img {
        height: 100%;
    }

        .collection-12-area .collection-12-item .img img {
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            -webkit-transition: all 0.4s ease-out 0s;
            transition: all 0.4s ease-out 0s;
        }

    .collection-12-area .collection-12-item .overlay {
        background: rgba(29, 29, 29, 0.2);
        padding: 40px;
    }

        .collection-12-area .collection-12-item .overlay .text .title {
            font-family: var(--dmsans-font);
            font-size: 50px;
            font-weight: 700;
            line-height: normal;
            letter-spacing: 1.5px;
        }

@media (max-width: 1399.98px) {
    .collection-12-area .collection-12-item .overlay .text .title {
        font-size: 40px;
    }
}

.collection-12-area .collection-12-item:hover .img img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.top-collection-12-area .top-collection-item .img img {
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.top-collection-12-area .top-collection-item .text .title {
    color: var(--dark-color);
    font-family: var(--dmsans-font);
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.54px;
}

.top-collection-12-area .top-collection-item:hover .img img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

/*  Collection home 13 style  */
.collection-13-area .collection-13-item .img img {
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.collection-13-area .collection-13-item .title {
    line-height: 29px;
    letter-spacing: 0.05em;
}

.collection-13-area .collection-13-item:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.collection-13-area.style19 .collection-19-row {
    --bs-gutter-y: 50px;
}

.collection-13-area.style19 .collection-13-item .contents .sub-title {
    color: var(--dark-color);
    font-family: var(--jost-font);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}

.collection-13-area.style19 .collection-13-item .contents .title {
    font-family: var(--cormorant-font);
    font-size: 36px;
    font-weight: 400;
    line-height: normal;
}

@media (max-width: 991.98px) {
    .collection-13-area.style19 .collection-13-item .contents .title {
        font-size: 28px;
    }
}

/*  Collection home 14 style  */
.su-top-collection-14-area .top-collection-14-item img {
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.su-top-collection-14-area .top-collection-14-item .overly {
    background: rgba(29, 29, 29, 0.1);
}

    .su-top-collection-14-area .top-collection-14-item .overly .title {
        color: var(--white-color);
        font-size: 30px;
        font-style: normal;
        font-weight: 600;
        line-height: 41px;
        letter-spacing: 0.03em;
    }

.su-top-collection-14-area .top-collection-14-item:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.gap-60 {
    padding-left: 60px;
    padding-right: 60px;
}

@media (max-width: 1399.98px) {
    .gap-60 {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width: 1199.98px) {
    .gap-60 {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 991.98px) {
    .gap-60 {
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media (max-width: 767.98px) {
    .gap-60 {
        padding-left: 18px;
        padding-right: 18px;
    }
}

@media (max-width: 575.98px) {
    .gap-60 {
        padding-left: 12px;
        padding-right: 12px;
    }
}

/*  Collection home 15 style  */
.su-collections-15-item .images {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.su-collections-15-item .overly {
    background: rgba(0, 0, 0, 0.2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 30px;
}

@media (max-width: 575.98px) {
    .su-collections-15-item .overly {
        padding: 20px 15px;
    }
}

.su-collections-15-item .overly .text .sub-title {
    font-size: 14px;
    font-weight: 500;
    color: var(--text-white);
    font-family: var(--outfit-font);
    text-transform: uppercase;
}

.su-collections-15-item .overly .text .title {
    font-family: var(--libre-font);
    color: var(--text-white);
    font-size: 40px;
    font-weight: var(--font-weight-400);
    text-transform: uppercase;
}

.su-collections-15-item:hover .images {
    -webkit-transform: scale(1.05) rotate(-2deg);
    transform: scale(1.05) rotate(-2deg);
}

@media (max-width: 767.98px) {
    .su-collections-15-item.collection-big .images {
        height: 350px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

@media (max-width: 575.98px) {
    .su-collections-15-item.collection-big .images {
        height: 350px;
    }
}

.su-collections-15-item.collection-big .overly {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right;
    padding: 30px 60px 120px 60px;
}

@media (max-width: 991.98px) {
    .su-collections-15-item.collection-big .overly {
        padding: 30px 60px;
    }
}

@media (max-width: 767.98px) {
    .su-collections-15-item.collection-big .overly {
        padding: 30px;
    }
}

@media (max-width: 575.98px) {
    .su-collections-15-item.collection-big .overly {
        padding: 30px 10px;
    }
}

.su-collections-15-item.collection-big .overly .title {
    letter-spacing: 0.05em;
    font-size: clamp(30px, 3.75vw, 60px);
    line-height: 1;
}

.su-collections-15-item.collection-big .overly .info {
    color: var(--text-white);
    font-family: var(--outfit-font);
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
}

.su-collections-15-item.collection-big:hover .images {
    -webkit-transform: scale(1.05) rotate(0);
    transform: scale(1.05) rotate(0);
}

.su-collections-15-item.style13 {
    height: 100%;
}

    .su-collections-15-item.style13 img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .su-collections-15-item.style13 .overly .text .title {
        font-size: 40px;
        font-weight: 700;
        line-height: 50px;
        letter-spacing: 2px;
        font-family: var(--bebas-font);
    }

@media (max-width: 575.98px) {
    .su-collections-15-item.style13 .overly .text .title {
        font-size: 34px;
    }
}

.su-collections-15-item.style13 .overly .text .text {
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 1.1px;
    font-family: var(--bebas-font);
}

@media (max-width: 575.98px) {
    .su-collections-15-item.style13 .overly .text .text {
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
    }
}

.su-collections-15-item.style13 .overly .text .su-btn-4-black {
    font-family: var(--bebas-font);
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.9px;
}

@media (max-width: 575.98px) {
    .su-collections-15-item.style13 .overly .text .su-btn-4-black {
        margin-top: 14px;
    }
}

.su-collections-15-item.activity-13-item .overly .text .title {
    color: var(--white-color);
    font-family: var(--bebas-font);
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: 2px;
    margin: 0 auto;
    max-width: 180px;
    width: 100%;
}

@media (max-width: 1399.98px) {
    .su-collections-15-item.activity-13-item .overly .text .title {
        font-size: 34px;
        line-height: 40px;
    }
}

.su-collections-15-item.style14 .text .title {
    color: var(--white-color);
    font-family: var(--opensans-font);
    font-size: 40px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1.2px;
}

@media (max-width: 575.98px) {
    .su-collections-15-item.style14 .text .title {
        font-size: 24px;
    }
}

.su-collections-15-item.style14 .text .info {
    color: var(--white-color);
    font-family: var(--opensans-font);
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.42px;
}

.su-collections-15-item.style14 .text .su-btn-4 {
    border-radius: 12px !important;
}

.su-collections-15-item.shop-collection-item .overly .text .sub-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    text-transform: uppercase;
    font-family: var(--jakarta-font);
}

.su-collections-15-item.shop-collection-item .overly .text .title {
    font-size: 40px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.2px;
    font-family: var(--jakarta-font);
}

@media (max-width: 1399.98px) {
    .su-collections-15-item.shop-collection-item .overly .text .title {
        font-size: 30px;
    }
}

.su-collections-15-item.shop-collection-item .overly .text .su-btn-4 {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(25px);
}

.su-collections-15-item.shop-collection-item.shop-collection-info {
    background: var(--theme-color24);
    padding: 100px;
    text-align: center;
}

@media (max-width: 1699.98px) {
    .su-collections-15-item.shop-collection-item.shop-collection-info {
        padding: 30px;
    }
}

.su-collections-15-item.shop-collection-item.shop-collection-info .info-title {
    color: var(--dark-color);
    font-family: var(--jakarta-font);
    font-size: 30px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.9px;
}

@media (max-width: 1399.98px) {
    .su-collections-15-item.shop-collection-item.shop-collection-info .info-title {
        font-size: 26px;
        padding-bottom: 20px !important;
    }
}

.su-collections-15-item.shop-collection-item.shop-collection-info .info-text {
    color: var(--dark-color);
    font-family: var(--jakarta-font);
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.26px;
}

.su-collections-15-item.shop-collection-item.style3 .overly {
    background: transparent;
}

.su-collections-15-item.shop-collection-banner .overly {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
}

    .su-collections-15-item.shop-collection-banner .overly .text .sub-title {
        font-size: 16px;
        font-weight: 500;
        line-height: 28px;
        text-transform: uppercase;
        font-family: var(--jakarta-font);
    }

    .su-collections-15-item.shop-collection-banner .overly .text .title {
        font-size: 40px;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 1.2px;
        font-family: var(--jakarta-font);
    }

.su-collections-15-item.shop-collection-banner:hover .images {
    -webkit-transform: unset;
    transform: unset;
}

.su-collections-15-item.shop-collection-banner.shop-collection-info .info-title {
    color: var(--dark-color);
    font-family: var(--jakarta-font);
    font-size: 30px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.9px;
}

.su-collections-15-item.shop-collection-banner.shop-collection-info .info-text {
    color: var(--dark-color);
    font-family: var(--jakarta-font);
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.26px;
}

.su-collections-15-item.shop-collection-banner.style3 .overly {
    background: transparent;
}

.su-collections-15-item.collection-2-item .overly {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-bottom: 50px;
}

    .su-collections-15-item.collection-2-item .overly .text .title {
        font-family: var(--marcellus-font);
    }

.su-collections-15-item.collection-6-item {
    height: 100%;
}

    .su-collections-15-item.collection-6-item .overly {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-bottom: 91px;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2)));
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
    }

        .su-collections-15-item.collection-6-item .overly .subtitle {
            font-family: var(--jakarta-font);
            font-size: 16px;
            font-weight: 500;
            line-height: 28px;
            text-transform: uppercase;
        }

        .su-collections-15-item.collection-6-item .overly .title {
            font-family: var(--jakarta-font);
            font-weight: 500;
        }

        .su-collections-15-item.collection-6-item .overly .su-btn-4 {
            color: var(--dark-color);
            text-transform: uppercase;
            background: var(--white-color);
        }

.su-collections-15-item.collection-full .images {
    -webkit-transition: none;
    transition: none;
}

.su-collections-15-item.collection-full:hover .images {
    -webkit-transform: unset;
    transform: unset;
}

.su-collections-15-item.collection-full .text .subtitle {
    font-size: 13px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.26px;
}

.su-collections-15-item.collection-full .text .title {
    color: var(--dark-color);
    font-family: var(--marcellus-font);
    font-size: 40px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.2px;
}

    .su-collections-15-item.collection-full .text .title a {
        color: var(--dark-color);
    }

.su-collections-15-item.stories-item .img img {
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.su-collections-15-item.stories-item:hover .img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.su-collections-15-item.stories-item .title {
    color: var(--dark-color);
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0.03em;
    text-transform: capitalize;
}

.su-collections-15-item.style19 .overly {
    background: rgba(29, 29, 29, 0.1);
}

    .su-collections-15-item.style19 .overly .text .title {
        font-family: var(--cormorant-font);
        font-size: 50px;
        font-weight: 400;
        line-height: normal;
    }

@media (max-width: 1399.98px) {
    .su-collections-15-item.style19 .overly .text .title {
        font-size: 36px;
    }
}

.su-collection-15-area .collection-wrap-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

    .su-collection-15-area .collection-wrap-bg .overlay {
        padding: 317px 0;
        background: rgba(29, 29, 29, 0.4);
    }

@media (max-width: 1199.98px) {
    .su-collection-15-area .collection-wrap-bg .overlay {
        padding: 220px 0;
    }
}

@media (max-width: 767.98px) {
    .su-collection-15-area .collection-wrap-bg .overlay {
        padding: 140px 0;
    }
}

.su-collection-15-area .info {
    opacity: 0.5;
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

    .su-collection-15-area .info .sub-title {
        color: var(--white-color);
        font-size: 15px;
        font-weight: 400;
        line-height: 30px;
    }

    .su-collection-15-area .info .title {
        color: var(--white-color);
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        font-size: clamp(22px, 2.5vw, 40px);
        line-height: 1.25;
    }

    .su-collection-15-area .info.home23 .title {
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0.03em;
        opacity: 0.3;
        font-size: clamp(22px, 2.5vw, 40px);
        line-height: 1.26;
    }

.su-collection-15-area .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.su-collection-15-area .active-slider .info,
.su-collection-15-area .active-slider .info .title {
    opacity: 1;
}

@media (max-width: 575.98px) {
    .su-collection-15-area.collection-two .container-fluid {
        padding: 0 15px !important;
    }
}

/*  Collection home 16 style  */
.top-coll-home16 .images {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.top-coll-home16 .overly {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 30px;
    text-align: center;
}

    .top-coll-home16 .overly .title {
        color: var(--text-white);
        font-family: var(--lora-font);
        font-size: 24px;
        font-weight: var(--font-weight-400);
        margin-bottom: 15px;
        text-transform: uppercase;
    }

        .top-coll-home16 .overly .title.fz30 {
            font-size: 30px;
        }

.top-coll-home16:hover .images {
    -webkit-transform: scale(1.05) rotate(-2deg);
    transform: scale(1.05) rotate(-2deg);
}

.coll-item-home16 .images {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.coll-item-home16 .overly {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 30px;
    text-align: center;
}

    .coll-item-home16 .overly .text .title {
        color: var(--text-white);
        font-family: var(--lora-font);
        font-size: 24px;
        font-weight: var(--font-weight-400);
        margin-bottom: 15px;
        text-transform: uppercase;
    }

.coll-item-home16.budget-style .price {
    color: var(--text-white);
    font-size: 14px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.coll-item-home16:hover .images {
    -webkit-transform: scale(1.05) rotate(-2deg);
    transform: scale(1.05) rotate(-2deg);
}

.coll-item-home16 .big .title {
    font-size: 40px;
}

.su-collections-16-item .images {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.su-collections-16-item .overly {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: center;
    padding: 30px;
}

@media (max-width: 991.98px) {
    .su-collections-16-item .overly {
        padding: 30px 20px;
    }
}

.su-collections-16-item .overly .text .title {
    font-family: var(--lora-font);
    color: var(--text-white);
    font-size: 24px;
    font-weight: var(--font-weight-400);
    margin-bottom: 15px;
    text-transform: uppercase;
}

@media (max-width: 1199.98px) {
    .su-collections-16-item .overly .text .title {
        font-size: 24px !important;
    }
}

@media (max-width: 991.98px) {
    .su-collections-16-item .overly .text .title {
        margin-bottom: 8px;
    }
}

.su-collections-16-item:hover .images {
    -webkit-transform: scale(1.05) rotate(-2deg);
    transform: scale(1.05) rotate(-2deg);
}

.su-collections-16-item.style10 .overly {
    padding-bottom: 48px;
}

@media (max-width: 991.98px) {
    .su-collections-16-item.style10 .overly {
        padding-bottom: 35px;
    }
}

.su-collections-16-item.style10 .overly .text .title {
    font-family: var(--jakarta-font);
    text-transform: unset;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.72px;
    margin-bottom: 30px;
}

@media (max-width: 991.98px) {
    .su-collections-16-item.style10 .overly .text .title {
        margin-bottom: 12px;
    }
}

.su-collections-16-item.style10 .overly .text .su-btn-4-black {
    font-family: var(--jakarta-font);
}

.su-women-collections-16-item .overly .text .title {
    font-size: 30px;
}

@media (max-width: 1199.98px) {
    .su-women-collections-16-item .overly .text .title {
        font-size: 24px;
    }
}

@media (max-width: 991.98px) {
    .su-women-collections-16-item .overly .text .title {
        font-size: 20px;
    }
}

.su-favourite-collections-16-area .su-section-16-title-top {
    max-width: 260px;
}

.su-favourite-collections-16-slider {
    margin-right: -400px;
}

.su-favourite-collections-16-scrool {
    margin-top: 60px;
}

    .su-favourite-collections-16-scrool .swiper-scrollbar1 {
        width: 110%;
        height: 3px;
        margin-right: -180px;
        background: var(--text-gray-2);
    }

    .su-favourite-collections-16-scrool .swiper-scrollbar-drag {
        background: var(--dark-color);
    }

    .su-favourite-collections-16-scrool .swiper-scrollbar2 {
        width: 110%;
        height: 3px;
        margin-right: -180px;
        background: var(--text-gray-2);
    }

    .su-favourite-collections-16-scrool .swiper-scrollbar-drag {
        background: var(--dark-color);
    }

.su-collections-16-navigation span {
    border: 1px solid var(--gray-color);
    position: static;
}

    .su-collections-16-navigation span:hover {
        border-color: var(--dark-color);
    }

.su-collections-16-navigation .prev {
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.su-collections-16-navigation .next {
    margin-left: 15px;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.overflow-right {
    margin-right: -400px;
}

.bottom-scrollbar-home16 {
    margin-top: 60px;
}

    .bottom-scrollbar-home16 .swiper-scrollbar,
    .bottom-scrollbar-home16 .swiper-scrollbar2 {
        background: var(--text-gray-2);
        height: 3px;
        margin-right: -180px;
        width: 110%;
    }

    .bottom-scrollbar-home16 .swiper-scrollbar-drag {
        background: var(--dark-color);
    }

.circle-navigation span {
    border: 1px solid var(--gray-color);
    position: static;
}

    .circle-navigation span:hover {
        border-color: var(--dark-color);
    }

.circle-navigation .next {
    margin-left: 15px;
}

.collection-3 .shop-sidebar-area .ctaegory-list-2 li:last-child {
    padding-right: 0px;
}

.product-collection-wrapper.style22 .product-collection-item {
    position: relative;
}

@media (max-width: 1199.98px) {
    .product-collection-wrapper.style22 .product-collection-item {
        margin-bottom: 5px;
    }
}

.product-collection-wrapper.style22 .product-collection-item .content {
    bottom: 60px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 30px;
    left: 30px;
    text-align: left;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

    .product-collection-wrapper.style22 .product-collection-item .content .title {
        padding-bottom: 10px;
    }

        .product-collection-wrapper.style22 .product-collection-item .content .title a {
            color: var(--white-color);
            font-size: 30px;
            font-style: normal;
            font-weight: 500;
            line-height: 30px;
            text-transform: uppercase;
            letter-spacing: 1.29px;
        }

@media (max-width: 575.98px) {
    .product-collection-wrapper.style22 .product-collection-item .content .title a {
        font-size: 24px;
    }
}

.product-collection-wrapper.style22 .product-collection-item .content .collection-btn-wrapper a {
    color: var(--white-color);
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.26px;
}

.collection-wrapper.style23 .collection-left-wrapper .collection-item.style23 .thumb img {
    width: 100%;
}

.collection-wrapper.style23 .collection-left-wrapper .collection-item.style23 .content {
    text-align: start;
    margin-bottom: 30px;
}

    .collection-wrapper.style23 .collection-left-wrapper .collection-item.style23 .content .title {
        padding-top: 16px;
    }

        .collection-wrapper.style23 .collection-left-wrapper .collection-item.style23 .content .title a {
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.32px;
        }

    .collection-wrapper.style23 .collection-left-wrapper .collection-item.style23 .content .text {
        padding-top: 12px;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.26px;
        color: var(--dark-grayish-orange);
    }

.collection-wrapper.style23 .collection-right-wrapper {
    position: relative;
}

    .collection-wrapper.style23 .collection-right-wrapper .thumb img {
        width: 100%;
    }

    .collection-wrapper.style23 .collection-right-wrapper .right-content {
        position: absolute;
        text-align: center;
        max-width: 625px;
        margin: 0 auto;
        top: 50%;
        left: 20%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

@media (max-width: 767.98px) {
    .collection-wrapper.style23 .collection-right-wrapper .right-content {
        max-width: 100%;
        left: 20px;
    }
}

.collection-wrapper.style23 .collection-right-wrapper .right-content .title {
    color: var(--white-color);
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 62px;
    letter-spacing: 1.5px;
    padding-bottom: 17px;
}

@media (max-width: 575.98px) {
    .collection-wrapper.style23 .collection-right-wrapper .right-content .title {
        font-size: 30px;
        line-height: 42px;
    }
}

.collection-wrapper.style23 .collection-right-wrapper .right-content .text {
    padding-bottom: 30px;
    color: var(--white-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0.28px;
}

.collection-wrapper.style23 .collection-right-wrapper .right-content .collection-btn-wrapper {
    margin-top: 17px;
}

    .collection-wrapper.style23 .collection-right-wrapper .right-content .collection-btn-wrapper a {
        font-size: 13px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 0.26px;
        color: var(--white-color);
        border: 1px solid var(--white-color);
        padding: 20px 35px;
    }

/*
 * news.scss
 * -----------------------------------------------
*/
.su-countdown-4-title .title {
    font-weight: 600;
    font-size: 30px;
    letter-spacing: 0.03em;
    color: var(--white-color);
}

.su-countdown-4-title .discount {
    font-weight: 500;
    font-size: 14px;
    text-transform: capitalize;
    color: var(--white-color);
}

@media (max-width: 575.98px) {
    .su-countdown-4-area .su-btn-4 {
        margin-left: 0;
        margin-top: 20px;
    }
}

.deal-countdown-4 .deal-counter li {
    text-align: center;
    font-weight: 600;
    font-size: 30px;
    letter-spacing: 0.03em;
    color: var(--white-color);
    line-height: 1;
    margin: 0 13px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .deal-countdown-4 .deal-counter li {
        margin: 0;
        margin-right: 10px;
    }
}

@media (max-width: 575px) {
    .deal-countdown-4 .deal-counter li {
        margin-bottom: 10px;
    }
}

.deal-countdown-4 .deal-counter li span {
    margin-top: 10px;
    font-size: 13px;
    letter-spacing: 0em;
    display: block;
}

.time-counter .time-countdown {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 320px;
}

.time-counter .counter-column {
    display: inline-block;
    text-align: center;
}

    .time-counter .counter-column span.count {
        color: var(--white-color);
        font-size: 30px;
        font-family: var(--title-font);
        font-weight: var(--font-weight-600);
        letter-spacing: 0.03em;
        line-height: 38px;
        margin: 0 13px;
    }

    .time-counter .counter-column sub {
        display: block;
        color: var(--text-white);
        font-style: normal;
        font-weight: var(--font-weight-600);
        font-size: 13px;
        letter-spacing: 0em;
        line-height: 16px;
    }

.su-countdown-7-spacing {
    padding-top: 173px;
    padding-bottom: 180px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .su-countdown-7-spacing {
        padding-top: 123px;
        padding-bottom: 120px;
    }
}

.su-countdown-7-content .subtitle {
    font-weight: 500;
    font-size: 14px;
    color: var(--black-color);
}

.su-countdown-7-content .title {
    font-weight: 500;
    font-size: 40px;
    letter-spacing: 0.03em;
    color: var(--black-color);
}

.su-countdown-7-content .text {
    font-weight: 500;
    font-size: 14px;
    color: var(--black-color);
    line-height: 28px;
}

.su-countdown-7-content .deal-countdown-7 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .su-countdown-7-content .deal-countdown-7 ul li {
        font-weight: 500;
        font-size: 30px;
        letter-spacing: 0.03em;
        color: var(--black-color);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .su-countdown-7-content .deal-countdown-7 ul li span {
            font-weight: 500;
            font-size: 14px;
            color: var(--black-color);
            margin-left: 7px;
        }

    .su-countdown-7-content .deal-countdown-7 ul .dot {
        color: var(--black-color);
        margin-right: 10px;
        display: inline-block;
    }

.su-countdown-8-title .title {
    font-family: var(--marcellus-font);
    font-weight: 400;
    font-size: 40px;
    letter-spacing: 0.03em;
    color: var(--dark-color);
}

.su-countdown-8-title .discount {
    font-weight: 500;
    font-size: 14px;
    color: var(--dark-color);
    display: block;
}

.su-countdown-8-title .countdown-btn {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0em;
    color: var(--dark-color);
}

.su-countdown-8-wrap {
    border-radius: 12px;
}

    .su-countdown-8-wrap .deal-countdown-4 .deal-counter li {
        border: 1px solid var(--black-color);
        border-radius: 16px;
        width: 100px;
        height: 100px;
        color: var(--dark-color);
        padding-top: 20px;
    }

.counter-wrapper.style21 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 30px;
}

@media (max-width: 1399.98px) {
    .counter-wrapper.style21 {
        padding: 0 60px;
    }
}

@media (max-width: 1199.98px) {
    .counter-wrapper.style21 {
        padding: 0;
    }
}

@media (max-width: 991.98px) {
    .counter-wrapper.style21 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 30px;
    }
}

.counter-wrapper.style21 .counter-text .title {
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    color: var(--white-color);
    letter-spacing: 1.5px;
    font-size: 30px;
}

.counter-wrapper.style21 .counter-text .text {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    color: var(--white-color);
    text-transform: capitalize;
    padding-top: 0px;
}

.counter-wrapper.style21 .counter-main-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 60px;
}

@media (max-width: 767.98px) {
    .counter-wrapper.style21 .counter-main-block {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 30px;
    }
}

.counter-wrapper.style21 .counter-main-block .our-clock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
}

@media (max-width: 575.98px) {
    .counter-wrapper.style21 .counter-main-block .our-clock {
        gap: 20px;
    }
}

.counter-wrapper.style21 .counter-main-block .our-clock .clock-item {
    text-align: center;
}

    .counter-wrapper.style21 .counter-main-block .our-clock .clock-item .timer {
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0.9px;
        color: var(--white-color);
    }

    .counter-wrapper.style21 .counter-main-block .our-clock .clock-item .text {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.26px;
        color: var(--white-color);
        text-transform: uppercase;
        padding-top: 7px;
    }

.counter-wrapper.style21 .counter-main-block .counter-btn-wrapper .black-btn {
    color: var(--white-color);
    line-height: 1;
    border: 1px solid var(--white-color);
    padding: 12px 35px;
    height: 54px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .counter-wrapper.style21 .counter-main-block .counter-btn-wrapper .black-btn:hover {
        color: var(--dark-color);
    }

.contact-wrapper.style1 .contact-top {
    padding-bottom: 90px;
}

    .contact-wrapper.style1 .contact-top .contact-top-card {
        text-align: center;
    }

@media (max-width: 991.98px) {
    .contact-wrapper.style1 .contact-top .contact-top-card {
        margin-bottom: 24px;
    }
}

.contact-wrapper.style1 .contact-top .contact-top-card .contact-top-icon {
    height: 35px;
    width: 35px;
    width: 100%;
    background-repeat: no-repeat;
}

.contact-wrapper.style1 .contact-top .contact-top-card .contact-top-title {
    color: var(--headings-color);
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    text-transform: uppercase;
    padding: 20px 0 6px 0;
}

.contact-wrapper.style1 .contact-top .contact-top-card .contact-top-link {
    color: var(--dark-color);
    font-family: var(--body-font);
    font-size: 14px;
    font-style: normal;
    font-weight: var(--font-weight-500);
    line-height: 28px;
}

.registration-wrapper.style1 .log_reg_form {
    background-color: var(--white-color);
    border: none;
    border-radius: 0px;
    padding: 0px 40px;
    position: relative;
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (max-width: 1199.98px) {
    .registration-wrapper.style1 .log_reg_form {
        padding: 0 20px;
    }
}

.registration-wrapper.style1 .log_reg_form .sign_up_form .form-control {
    background-color: var(--white-color);
    border: 0;
    border-bottom: 1px solid var(--gray-color);
    border-radius: 0px;
    color: var(--dark-color);
    font-family: var(--body-font);
    font-size: 15px;
    height: 55px;
    margin-bottom: 20px;
    padding: 0;
}

    .registration-wrapper.style1 .log_reg_form .sign_up_form .form-control::-webkit-input-placeholder {
        color: var(--text-color);
        font-family: var(--body-font);
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0.26px;
    }

    .registration-wrapper.style1 .log_reg_form .sign_up_form .form-control::-moz-placeholder {
        color: var(--text-color);
        font-family: var(--body-font);
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0.26px;
    }

    .registration-wrapper.style1 .log_reg_form .sign_up_form .form-control:-ms-input-placeholder {
        color: var(--text-color);
        font-family: var(--body-font);
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0.26px;
    }

    .registration-wrapper.style1 .log_reg_form .sign_up_form .form-control::-ms-input-placeholder {
        color: var(--text-color);
        font-family: var(--body-font);
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0.26px;
    }

    .registration-wrapper.style1 .log_reg_form .sign_up_form .form-control::placeholder {
        color: var(--text-color);
        font-family: var(--body-font);
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0.26px;
    }

    .registration-wrapper.style1 .log_reg_form .sign_up_form .form-control:focus {
        border-bottom: 1px solid var(--dark-color);
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.registration-wrapper.style1 .log_reg_form .sign_up_form .form-label {
    color: var(--text-color);
    font-style: normal;
    font-weight: var(--font-weight-500);
    font-size: 12px;
    letter-spacing: 0em;
    line-height: 22px;
    font-style: normal;
    padding: 0;
    margin: 0;
}

.registration-wrapper.style1 .log_reg_form .sign_up_form p a {
    color: var(--headings-color);
    font-weight: var(--font-weight-600);
    font-size: 13px;
    letter-spacing: 0em;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    padding-bottom: 0;
}

    .registration-wrapper.style1 .log_reg_form .sign_up_form p a.login-button1 {
        position: relative;
        padding-right: 30px;
    }

        .registration-wrapper.style1 .log_reg_form .sign_up_form p a.login-button1::after {
            position: absolute;
            right: 10px;
            top: 4px;
            height: 10px;
            width: 10px;
            border-radius: 50%;
            content: "";
            background-color: var(--gray-color);
        }

.registration-wrapper.style1 .log_reg_form .sign_up_form textarea {
    height: 200px !important;
}

@media (max-width: 575.98px) {
    .registration-wrapper.style1 .log_reg_form .sign_up_form textarea {
        height: 100px !important;
    }
}

.registration-wrapper.style1 .log_reg_form .tn-log {
    background: var(--dark-color);
    color: var(--headings-color);
    font-weight: var(--font-weight-600);
    font-size: 13px;
    letter-spacing: 0em;
    border: none;
    margin-top: 10px;
    padding: 16px 35px;
    text-transform: uppercase;
    width: 100%;
}

/*
 * cta.scss
 * -----------------------------------------------
*/
.su-cta-4-content .subtitle {
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    color: var(--white-color);
}

.su-cta-4-content .title {
    font-weight: 600;
    font-size: 30px;
    letter-spacing: 0.03em;
    color: var(--white-color);
}

.su-cta-4-content .text {
    font-weight: 500;
    font-size: 14px;
    line-height: 200%;
    text-transform: capitalize;
    color: var(--white-color);
}

.su-cta-4-content .form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .su-cta-4-content .form input {
        border: 1px solid #fff;
        padding: 20px;
        width: 446px;
        height: 50px;
        background: transparent;
        font-weight: 400;
        font-size: 14px;
        text-transform: capitalize;
        color: var(--white-color);
    }

        .su-cta-4-content .form input::-webkit-input-placeholder {
            font-weight: 400;
            font-size: 14px;
            text-transform: capitalize;
            color: var(--white-color);
        }

        .su-cta-4-content .form input:-moz-placeholder {
            font-weight: 400;
            font-size: 14px;
            text-transform: capitalize;
            color: var(--white-color);
        }

        .su-cta-4-content .form input::-moz-placeholder {
            font-weight: 400;
            font-size: 14px;
            text-transform: capitalize;
            color: var(--white-color);
        }

        .su-cta-4-content .form input:-ms-input-placeholder {
            font-weight: 400;
            font-size: 14px;
            text-transform: capitalize;
            color: var(--white-color);
        }

@media (max-width: 575.98px) {
    .su-cta-4-content .form input {
        width: 100%;
        margin-right: 0;
    }
}

.su-cta-4-content .su-btn-4 {
    padding: 19px 36px;
    border: none;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}

.su-cta-4-spacing {
    padding-top: 113px;
    padding-bottom: 142px;
}

.cta-10-area .su-cta-4-content .title {
    color: var(--dark-color);
    font-size: 30px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.9px;
}

.cta-10-area .su-cta-4-content .text {
    color: var(--dark-color);
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
    text-transform: capitalize;
}

.cta-10-area .su-cta-4-content .input_groups {
    width: 600px;
}

@media (max-width: 767.98px) {
    .cta-10-area .su-cta-4-content .input_groups {
        width: 100%;
    }
}

.cta-10-area .su-cta-4-content .input_groups input {
    width: 100%;
    height: 54px;
    font-size: 14px;
    color: var(--dark-color);
    border: 1px solid var(--dark-color);
}

    .cta-10-area .su-cta-4-content .input_groups input::-webkit-input-placeholder {
        color: var(--dark-color);
    }

    .cta-10-area .su-cta-4-content .input_groups input::-moz-placeholder {
        color: var(--dark-color);
    }

    .cta-10-area .su-cta-4-content .input_groups input:-ms-input-placeholder {
        color: var(--dark-color);
    }

    .cta-10-area .su-cta-4-content .input_groups input::-ms-input-placeholder {
        color: var(--dark-color);
    }

    .cta-10-area .su-cta-4-content .input_groups input::placeholder {
        color: var(--dark-color);
    }

.cta-10-area .su-cta-4-content .input_groups .su-btn-4 {
    padding: 0;
    margin-right: 20px;
}

.cta-section-11 {
    background: var(--theme-color16);
    padding: 30px 0;
}

    .cta-section-11 .title {
        font-family: var(--jost-font);
        font-size: 30px;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 0.9px;
    }

@media (max-width: 575.98px) {
    .cta-section-11 .title {
        font-size: 24px;
    }
}

.su-cta-14-area .cta-bg {
    background: var(--theme-color12);
    border-radius: 24px;
    padding: 90px 200px;
}

@media (max-width: 1399.98px) {
    .su-cta-14-area .cta-bg {
        padding: 90px 60px;
    }
}

@media (max-width: 767.98px) {
    .su-cta-14-area .cta-bg {
        padding: 30px 30px;
    }
}

.su-cta-14-area .cta-bg .info .title {
    color: var(--white-color);
    font-size: 30px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.9px;
}

@media (max-width: 767.98px) {
    .su-cta-14-area .cta-bg .info .title {
        font-size: 24px;
    }
}

.su-cta-14-area .cta-bg .info p {
    color: var(--white-color);
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
    text-transform: capitalize;
}

.cta-style-15 {
    padding: 0;
}

    .cta-style-15 .overlay {
        padding: 260px 0 278px 0;
        background: rgba(0, 0, 0, 0.2);
    }

@media (max-width: 1399.98px) {
    .cta-style-15 .overlay {
        padding: 200px 0 200px 0;
    }
}

@media (max-width: 991.98px) {
    .cta-style-15 .overlay {
        padding: 160px 0 160px 0;
    }
}

@media (max-width: 575.98px) {
    .cta-style-15 .overlay {
        padding: 100px 0 100px 0;
    }
}

.cta-style-15 .overlay .subtitle {
    font-size: 15px;
    font-weight: 400;
    font-family: var(--outfit-font);
}

.cta-style-15 .overlay .title {
    font-size: 36px;
    font-weight: 400;
    font-family: var(--libre-font);
}

.cta-style-15 .overlay .text {
    font-size: 15px;
    font-weight: 400;
    font-family: var(--outfit-font);
}

.cta-home18-area .outer-box {
    background-color: var(--pink-color);
    padding: 0 30px;
}

@media (max-width: 767.98px) {
    .faq-area-6 .section-title {
        padding-bottom: 80px !important;
    }
}

.faq-area-6 .faq-bg {
    background: var(--gray-color-2);
    padding: 172px 0;
}

    .faq-area-6 .faq-bg .section-title .subtitle {
        color: var(--text-dark2);
        font-family: var(--outfit-font);
        font-size: 16px;
        font-weight: 400;
        line-height: 28px;
        text-transform: uppercase;
    }

    .faq-area-6 .faq-bg .faq-body {
        max-width: 904px;
        margin: 0 auto;
        margin-top: -20px;
    }

        .faq-area-6 .faq-bg .faq-body .accordion-button:focus {
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .faq-area-6 .faq-bg .faq-body .accordion-item {
            border: 0;
            border-bottom: 1px solid var(--gray-color);
            border-radius: 0;
            background: transparent;
        }

        .faq-area-6 .faq-bg .faq-body .accordion-button {
            color: var(--dark-color);
            font-family: var(--jakarta-font);
            background: transparent;
            border: 1px solid transparent;
            border-bottom: 1px solid transparent;
            border-radius: 0 !important;
            padding: 24px 0;
            position: relative;
            font-size: 16px;
            font-weight: 600;
            line-height: 28px;
            text-transform: uppercase;
        }

@media (max-width: 575.98px) {
    .faq-area-6 .faq-bg .faq-body .accordion-button {
        font-size: 17px;
        padding: 16px 0;
    }
}

.faq-area-6 .faq-bg .faq-body .accordion-button::after {
    display: none;
}

.faq-area-6 .faq-bg .faq-body .accordion-button .arrow-icon {
    background: transparent;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .faq-area-6 .faq-bg .faq-body .accordion-button .arrow-icon .minus {
        display: none;
    }

.faq-area-6 .faq-bg .faq-body .accordion-button:not(.collapsed) {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--dark-color);
    border-bottom: 1px solid var(--dark-color);
    border-top: 1px solid var(--dark-color);
}

    .faq-area-6 .faq-bg .faq-body .accordion-button:not(.collapsed) .arrow-icon {
        background: transparent;
    }

.faq-area-6 .faq-bg .faq-body .accordion-body {
    padding: 40px 0 25px 0;
}

    .faq-area-6 .faq-bg .faq-body .accordion-body p {
        color: var(--dark-color);
        font-family: var(--jakarta-font);
        font-size: 13px;
        font-weight: 500;
        margin-bottom: 0;
        letter-spacing: 0.26px;
        line-height: 24px;
        padding-right: 20px;
        text-transform: capitalize;
    }

.faq-wrapper .faq-main-content .accordion .global-accordion-item {
    border-bottom: 1px solid var(--gray-color);
}

    .faq-wrapper .faq-main-content .accordion .global-accordion-item .global-accordion-header {
        margin: 0;
        -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }

    .faq-wrapper .faq-main-content .accordion .global-accordion-item .global-accordion-button {
        font-style: normal;
        color: var(--headings-color);
        font-weight: 600;
        font-size: 16px;
        line-height: 28px;
        padding: 20px 0px 15px 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        text-transform: uppercase;
        width: 100%;
    }

@media (max-width: 575.98px) {
    .faq-wrapper .faq-main-content .accordion .global-accordion-item .global-accordion-button {
        font-size: 14px;
        line-height: 24px;
        padding: 14px 0 8px 0;
    }
}

.faq-wrapper .faq-main-content .accordion .global-accordion-item .global-accordion-button .icon {
    display: none;
    font-size: 12px;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.faq-wrapper .faq-main-content .accordion .global-accordion-item .global-accordion-button .icon2 {
    font-size: 12px;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.faq-wrapper .faq-main-content .accordion .global-accordion-item .global-accordion-button.collapsed {
    padding-bottom: 20px;
}

    .faq-wrapper .faq-main-content .accordion .global-accordion-item .global-accordion-button.collapsed .icon {
        display: block;
    }

    .faq-wrapper .faq-main-content .accordion .global-accordion-item .global-accordion-button.collapsed .icon2 {
        display: none;
    }

.faq-wrapper .faq-main-content .accordion .global-accordion-item .global-accordion-body {
    border-top: 0;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    padding: 0;
}

    .faq-wrapper .faq-main-content .accordion .global-accordion-item .global-accordion-body p {
        color: var(--headings-color);
        font-style: normal;
        font-size: 13px;
        font-weight: var(--font-weight-500);
        letter-spacing: 0em;
        line-height: 24px;
    }

/*
 * cart.scss
 * -----------------------------------------------
*/
.cart-dropdown .minicart-4-wrap {
    opacity: 1;
    visibility: visible;
    top: 110%;
}

.minicart-4-wrap {
    background: var(--white-color);
    -webkit-box-shadow: 0px 15px 24px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 15px 24px rgba(0, 0, 0, 0.05);
    height: 513px;
    opacity: 0;
    padding: 35px 40px 40px 40px;
    position: absolute;
    right: 0;
    text-align: left;
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    top: 100%;
    visibility: hidden;
    width: 440px;
    z-index: 999;
}

@media (max-width: 575.98px) {
    .minicart-4-wrap {
        padding: 30px 10px;
        right: -11px;
        width: 335px;
    }
}

@media (max-width: 320px) {
    .minicart-4-wrap {
        width: 310px;
    }
}

.minicart-4-wrap .title {
    color: var(--dark-color);
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

.minicart-4-wrap .sidebar-close-icon {
    border-radius: 8px;
    cursor: pointer;
    color: #041E42;
    font-size: 10px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    font-size: 20px;
}

    .minicart-4-wrap .sidebar-close-icon:hover {
        background-color: #F3F5F6;
    }

.minicart-4-wrap .cart li {
    border-bottom: 1px solid #eaeaea;
    display: block;
    overflow: hidden;
    padding-bottom: 20px;
}

.minicart-4-wrap .list_content img {
    max-width: 90px;
}

.minicart-4-wrap .product-name {
    color: var(--dark-color);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0em;
    line-height: 16px;
    margin-bottom: 3px;
}

.minicart-4-wrap .price {
    color: var(--dark-color);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0em;
    line-height: 24px;
    margin-bottom: 3px;
}

.minicart-4-wrap .product-size {
    color: var(--text-color);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0em;
    line-height: 22px;
    margin-bottom: 10px;
}

.minicart-4-wrap .quantity-block {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e6e6e6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 35px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 3px;
    width: 80px;
}

    .minicart-4-wrap .quantity-block button {
        background: none;
        border: none;
        outline: none;
        font-size: 12px;
        color: var(--dark-color);
        padding: 0;
        width: 20px;
        text-align: center;
    }

        .minicart-4-wrap .quantity-block button:hover {
            background: #F3F5F6;
        }

.minicart-4-wrap .close_icon {
    color: var(--text-color);
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    line-height: 183%;
    letter-spacing: 0em;
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

    .minicart-4-wrap .close_icon:hover {
        color: var(--dark-color);
    }

.minicart-4-wrap .quantity-num {
    background: none;
    border: none;
    color: var(--dark-color);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0em;
    line-height: 1;
    margin: 0;
    outline: none;
    padding: 0;
    text-align: center;
    width: 25px;
}

.minicart-4-wrap .minicart-btn-wrap a {
    border: 1px solid #1d1d1d;
    color: var(--dark-color);
    display: block;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0em;
    padding: 15px 35px;
    text-align: center;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

@media (max-width: 767.98px) {
    .minicart-4-wrap .minicart-btn-wrap a {
        padding: 5px 0px;
    }
}

.minicart-4-wrap .minicart-btn-wrap a:hover {
    background: var(--dark-color);
    color: var(--white-color);
}

.minicart-4-wrap .minicart-btn-wrap .checkout-btn {
    background: var(--dark-color);
    color: var(--white-color);
}

    .minicart-4-wrap .minicart-btn-wrap .checkout-btn:hover {
        background: var(--white-color);
        color: var(--dark-color);
    }

.search-16-wrap {
    visibility: hidden;
    opacity: 0;
    z-index: 999;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .search-16-wrap .open-search-16-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        background: rgba(29, 29, 29, 0.7);
    }

    .search-16-wrap .search-box-main {
        max-width: 500px;
        width: 100%;
        height: 100vh !important;
        background: var(--white-color);
        margin-left: auto;
        overflow-y: auto;
        scrollbar-width: none;
    }

        .search-16-wrap .search-box-main .search-top {
            padding: 30px 40px 0 40px;
        }

@media (max-width: 575.98px) {
    .search-16-wrap .search-box-main .search-top {
        padding: 20px 20px 0 20px;
    }
}

.search-16-wrap .search-box-main .search-top .search-close-icon {
    margin-left: auto;
    border-radius: 8px;
    cursor: pointer;
    color: var(--dark-color);
    font-size: 10px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 35px;
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    font-size: 20px;
}

    .search-16-wrap .search-box-main .search-top .search-close-icon:hover {
        background-color: var(--gray-color);
    }

.search-16-wrap .search-box-main .search-top .search-input-box {
    margin-bottom: 30px;
}

    .search-16-wrap .search-box-main .search-top .search-input-box input {
        width: 100%;
        padding: 0 28px;
        height: 50px;
        color: var(--dark-color);
        font-size: 13px;
        font-weight: var(--font-weight-500);
        line-height: 24px;
        border-bottom: 1px solid var(--dark-color);
        letter-spacing: 0.26px;
    }

        .search-16-wrap .search-box-main .search-top .search-input-box input::-webkit-input-placeholder {
            opacity: 1 !important;
            color: var(--dark-color);
        }

        .search-16-wrap .search-box-main .search-top .search-input-box input::-moz-placeholder {
            opacity: 1 !important;
            color: var(--dark-color);
        }

        .search-16-wrap .search-box-main .search-top .search-input-box input:-ms-input-placeholder {
            opacity: 1 !important;
            color: var(--dark-color);
        }

        .search-16-wrap .search-box-main .search-top .search-input-box input::-ms-input-placeholder {
            opacity: 1 !important;
            color: var(--dark-color);
        }

        .search-16-wrap .search-box-main .search-top .search-input-box input::placeholder {
            opacity: 1 !important;
            color: var(--dark-color);
        }

.search-16-wrap .search-box-main .search-top .suggestions {
    margin-bottom: 30px;
}

    .search-16-wrap .search-box-main .search-top .suggestions .title {
        color: var(--body-color);
        font-size: 12px;
        font-weight: var(--font-weight-600);
        line-height: 28px;
        text-transform: uppercase;
    }

    .search-16-wrap .search-box-main .search-top .suggestions > nav > ul > li > a {
        color: var(--dark-color);
        font-size: 13px;
        font-style: normal;
        font-weight: var(--font-weight-500);
        line-height: 28px;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(29, 29, 29)), to(rgb(29, 29, 29))), -webkit-gradient(linear, left top, left bottom, from(rgb(29, 29, 29)), to(rgb(29, 29, 29)));
        background-image: linear-gradient(rgb(29, 29, 29), rgb(29, 29, 29)), linear-gradient(rgb(29, 29, 29), rgb(29, 29, 29));
        background-size: 0px 1px, 0px 1px;
        background-position: 100% 100%, 0px 100%;
        background-repeat: no-repeat;
        -webkit-transition: background-size 0.3s linear;
        transition: background-size 0.3s linear;
    }

        .search-16-wrap .search-box-main .search-top .suggestions > nav > ul > li > a:hover {
            background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(29, 29, 29)), to(rgb(29, 29, 29))), -webkit-gradient(linear, left top, left bottom, from(rgb(29, 29, 29)), to(rgb(29, 29, 29)));
            background-image: linear-gradient(rgb(29, 29, 29), rgb(29, 29, 29)), linear-gradient(rgb(29, 29, 29), rgb(29, 29, 29));
            background-size: 0px 1px, 100% 1px;
            background-position: 100% 100%, 0px 100%;
            background-repeat: no-repeat;
            -webkit-transition: background-size 0.3s linear;
            transition: background-size 0.3s linear;
        }

.search-16-wrap .search-box-main .search-products {
    padding: 0px 0px 40px 40px;
}

@media (max-width: 575.98px) {
    .search-16-wrap .search-box-main .search-products {
        padding: 0px 0px 20px 20px;
    }
}

.search-16-wrap .search-box-main .search-products .title {
    color: var(--dark-color);
    font-size: 16px;
    font-weight: var(--font-weight-600);
    line-height: 28px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.search-16-wrap .search-box-main .search-products .product-wrap {
    height: 497px;
    overflow-y: auto;
    scrollbar-width: thin;
    padding-bottom: 40px;
}

    .search-16-wrap .search-box-main .search-products .product-wrap .product-item {
        margin-bottom: 4px;
    }

        .search-16-wrap .search-box-main .search-products .product-wrap .product-item .img {
            max-width: 90px;
            width: 100%;
            margin-right: 20px;
        }

            .search-16-wrap .search-box-main .search-products .product-wrap .product-item .img img {
                -webkit-transition: all 0.4s ease;
                transition: all 0.4s ease;
            }

        .search-16-wrap .search-box-main .search-products .product-wrap .product-item .text .name {
            color: var(--dark-color);
            font-size: 12px;
            font-weight: var(--font-weight-600);
            line-height: 18px;
            letter-spacing: 0px;
            margin-bottom: 8px;
            -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
            background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(29, 29, 29)), to(rgb(29, 29, 29))), -webkit-gradient(linear, left top, left bottom, from(rgb(29, 29, 29)), to(rgb(29, 29, 29)));
            background-image: linear-gradient(rgb(29, 29, 29), rgb(29, 29, 29)), linear-gradient(rgb(29, 29, 29), rgb(29, 29, 29));
            background-size: 0px 1px, 0px 1px;
            background-position: 100% 100%, 0px 100%;
            background-repeat: no-repeat;
            -webkit-transition: background-size 0.3s linear;
            transition: background-size 0.3s linear;
        }

        .search-16-wrap .search-box-main .search-products .product-wrap .product-item .text .price {
            color: var(--body-color);
            font-size: 12px;
            font-weight: var(--font-weight-500);
            line-height: 22px;
            letter-spacing: 0px;
        }

        .search-16-wrap .search-box-main .search-products .product-wrap .product-item:hover .img img {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }

        .search-16-wrap .search-box-main .search-products .product-wrap .product-item:hover .name {
            background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(29, 29, 29)), to(rgb(29, 29, 29))), -webkit-gradient(linear, left top, left bottom, from(rgb(29, 29, 29)), to(rgb(29, 29, 29)));
            background-image: linear-gradient(rgb(29, 29, 29), rgb(29, 29, 29)), linear-gradient(rgb(29, 29, 29), rgb(29, 29, 29));
            background-size: 0px 1px, 100% 1px;
            background-position: 100% 100%, 0px 100%;
            background-repeat: no-repeat;
            -webkit-transition: background-size 0.3s linear;
            transition: background-size 0.3s linear;
        }

.search-16-wrap .search-box-main .search-products .product-btn {
    background: var(--white-color);
    bottom: 40px;
    max-width: 420px;
    width: 100%;
    position: fixed !important;
}

@media (max-width: 575.98px) {
    .search-16-wrap .search-box-main .search-products .product-btn {
        max-width: 90%;
    }
}

.search-16-wrap .search-box-main .search-products .product-btn .su-btn-16-black {
    color: var(--white-color) !important;
}

.search-16-wrap .search-box-main .search-products .product-btn::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 60px;
    background: var(--white-color);
}

.show.search-16-wrap {
    visibility: visible;
    opacity: 1;
}

.signin-16-wrap {
    background: rgba(29, 29, 29, 0.7);
    z-index: 999;
    padding: 40px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

@media (max-width: 575.98px) {
    .signin-16-wrap {
        padding: 12px;
    }
}

.signin-16-wrap .signin-box {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
    background: var(--white-color);
    padding: 40px;
}

@media (max-width: 575.98px) {
    .signin-16-wrap .signin-box {
        padding: 30px 15px;
    }
}

.signin-16-wrap .signin-box .signin-top {
    margin-bottom: 30px;
}

    .signin-16-wrap .signin-box .signin-top .title {
        color: var(--dark-color);
        font-size: 16px;
        font-weight: var(--font-weight-600);
        line-height: 28px;
        text-transform: uppercase;
    }

    .signin-16-wrap .signin-box .signin-top .singin-close-icon {
        border-radius: 8px;
        cursor: pointer;
        color: var(--dark-color);
        font-size: 10px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        width: 35px;
        -webkit-transition: all 0.5s ease-out 0s;
        transition: all 0.5s ease-out 0s;
        font-size: 15px;
    }

        .signin-16-wrap .signin-box .signin-top .singin-close-icon:hover {
            background-color: var(--gray-color);
        }

.signin-16-wrap .signin-box .login-title {
    margin-bottom: 20px;
    color: var(--dark-color);
    font-size: 13px;
    font-weight: var(--font-weight-500);
    line-height: 24px;
    letter-spacing: 0.26px;
}

.signin-16-wrap .signin-box .form-floating .form-control {
    border: 0;
    border-bottom: 1px solid var(--gray-color);
    border-radius: 0;
    color: var(--dark-color);
    font-size: 13px;
    font-weight: var(--font-weight-600);
    line-height: 24px;
    letter-spacing: 0.26px;
    height: 54px;
    padding: 15px 0 8px 0 !important;
}

.signin-16-wrap .signin-box .form-floating label {
    padding: 1rem 0;
    font-size: 12px;
    color: var(--body-color);
    opacity: 1 !important;
    font-weight: var(--font-weight-500);
}

.signin-16-wrap .signin-box .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
    opacity: 1;
    transform: scale(1) translateY(-26px) translateX(-1px);
    padding: 1rem 0;
}

.signin-16-wrap .signin-box .form-floating > .form-control:not(:-ms-input-placeholder) ~ label {
    opacity: 1;
    transform: scale(1) translateY(-26px) translateX(-1px);
    padding: 1rem 0;
}

.signin-16-wrap .signin-box .form-floating > .form-control-plaintext ~ label,
.signin-16-wrap .signin-box .form-floating > .form-control:focus ~ label,
.signin-16-wrap .signin-box .form-floating > .form-control:not(:placeholder-shown) ~ label,
.signin-16-wrap .signin-box .form-floating > .form-select ~ label {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-26px) translateX(-1px);
    transform: scale(1) translateY(-26px) translateX(-1px);
    padding: 1rem 0;
}

.signin-16-wrap .signin-box .forget-password {
    margin-bottom: 24px;
}

    .signin-16-wrap .signin-box .forget-password .remember .form-check-input {
        width: 16px;
        height: 16px;
        border: 1px solid var(--dark-color);
        border-radius: 0;
        cursor: pointer;
    }

        .signin-16-wrap .signin-box .forget-password .remember .form-check-input:checked {
            background-color: var(--dark-color);
            border-color: var(--dark-color);
        }

    .signin-16-wrap .signin-box .forget-password .remember .form-check-label {
        color: var(--body-color);
        font-size: 13px;
        font-weight: var(--font-weight-500);
        line-height: 24px;
        letter-spacing: 0.26px;
        position: relative;
        top: 2px;
        cursor: pointer;
    }

    .signin-16-wrap .signin-box .forget-password .forget-btn {
        color: var(--body-color);
        font-size: 12px;
        font-weight: var(--font-weight-500);
        line-height: 22px;
        letter-spacing: 0px;
        -webkit-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
    }

        .signin-16-wrap .signin-box .forget-password .forget-btn:hover {
            color: var(--dark-color);
            text-decoration: underline;
        }

.signin-16-wrap .signin-box .create-account {
    color: var(--body-color);
    font-size: 13px;
    font-weight: var(--font-weight-500);
    line-height: 24px;
    letter-spacing: 0.26px;
    margin-top: 30px;
    text-align: center;
}

    .signin-16-wrap .signin-box .create-account .create-btn {
        color: var(--dark-color);
        font-size: 13px;
        font-weight: var(--font-weight-600);
        line-height: 24px;
        letter-spacing: 0.26px;
        text-decoration-line: underline;
    }

.show.signin-16-wrap {
    visibility: visible;
    opacity: 1;
}

.minicart-16 {
    z-index: 999;
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    visibility: hidden;
    opacity: 0;
}

    .minicart-16 .minicart-16-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.5s ease-out 0s;
        transition: all 0.5s ease-out 0s;
        background: rgba(29, 29, 29, 0.7);
    }

    .minicart-16 .cart-main {
        max-width: 500px;
        width: 100%;
        background: var(--white-color);
        height: 100%;
        position: relative;
        z-index: 9;
        margin-left: auto;
        overflow-y: auto;
        overflow-x: hidden;
        scrollbar-width: thin;
        padding: 30px 40px 45px 40px;
    }

@media (max-width: 575.98px) {
    .minicart-16 .cart-main {
        padding: 20px;
    }
}

.minicart-16 .cart-main .cart-headers {
    margin-bottom: 40px !important;
}

    .minicart-16 .cart-main .cart-headers .title {
        color: var(--dark-color);
        font-size: 16px;
        font-weight: var(--font-weight-600);
        text-transform: uppercase;
    }

    .minicart-16 .cart-main .cart-headers .minicart-close-icon {
        border-radius: 8px;
        cursor: pointer;
        color: #041E42;
        font-size: 10px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        width: 40px;
        -webkit-transition: all 0.5s ease-out 0s;
        transition: all 0.5s ease-out 0s;
        font-size: 20px;
    }

        .minicart-16 .cart-main .cart-headers .minicart-close-icon:hover {
            background-color: #F3F5F6;
        }

.minicart-16 .cart-main .ship-bar {
    margin-bottom: 40px;
}

    .minicart-16 .cart-main .ship-bar .ship-title {
        color: var(--dark-color);
        font-size: 12px;
        font-weight: var(--font-weight-500);
        line-height: 22px;
        letter-spacing: 0px;
        margin-bottom: 10px;
    }

    .minicart-16 .cart-main .ship-bar .progress {
        height: 6px;
        border-radius: 6px;
        border: 1px solid var(--dark-color);
        background: transparent;
    }

        .minicart-16 .cart-main .ship-bar .progress .progress-bar {
            background: var(--dark-color);
        }

.minicart-16 .cart-main .cart-content .list-content {
    border-bottom: 1px solid var(--gray-color);
    padding-bottom: 15px;
}

    .minicart-16 .cart-main .cart-content .list-content .list_content img {
        max-width: 90px;
    }

    .minicart-16 .cart-main .cart-content .list-content .product-name {
        color: var(--headings-color);
        font-weight: var(--font-weight-600);
        font-size: 13px;
        letter-spacing: 0em;
        line-height: 16px;
        margin-bottom: 3px;
    }

    .minicart-16 .cart-main .cart-content .list-content .price {
        color: var(--dark-color);
        font-size: 13px;
        font-weight: 500;
        letter-spacing: 0em;
        line-height: 24px;
        margin-bottom: 3px;
    }

    .minicart-16 .cart-main .cart-content .list-content .product-size {
        color: var(--text-color);
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 0em;
        line-height: 22px;
        margin-bottom: 10px;
    }

    .minicart-16 .cart-main .cart-content .list-content .product-size {
        color: var(--body-color);
    }

    .minicart-16 .cart-main .cart-content .list-content .quantity-block {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border: 1px solid var(--gray-color);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 35px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 3px;
        width: 80px;
    }

        .minicart-16 .cart-main .cart-content .list-content .quantity-block button {
            background: none;
            border: none;
            outline: none;
            font-size: 12px;
            color: var(--dark-color);
            padding: 0;
            width: 20px;
            text-align: center;
        }

            .minicart-16 .cart-main .cart-content .list-content .quantity-block button:hover {
                background: var(--gray-color-2);
            }

    .minicart-16 .cart-main .cart-content .list-content .close_icon {
        color: var(--body-color);
        cursor: pointer;
        font-size: 12px;
        font-weight: 500;
        line-height: 183%;
        letter-spacing: 0em;
        -webkit-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
    }

        .minicart-16 .cart-main .cart-content .list-content .close_icon:hover {
            color: var(--dark-color);
        }

    .minicart-16 .cart-main .cart-content .list-content .quantity-num {
        background: none;
        border: none;
        color: var(--dark-color);
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 0em;
        line-height: 1;
        margin: 0;
        outline: none;
        padding: 0;
        text-align: center;
        width: 25px;
    }

.minicart-16 .cart-main .cart-content .minicart-btn-wrap a {
    border: 1px solid #1d1d1d;
    display: block;
    color: var(--headings-color);
    font-weight: var(--font-weight-600);
    font-size: 13px;
    letter-spacing: 0em;
    padding: 15px 35px;
    text-align: center;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

@media (max-width: 1199.98px) {
    .minicart-16 .cart-main .cart-content .minicart-btn-wrap a {
        color: var(--dark-color);
    }
}

.minicart-16 .cart-main .cart-content .minicart-btn-wrap a:hover {
    background: var(--dark-color) !important;
    color: var(--white-color) !important;
}

.minicart-16 .cart-main .cart-content .minicart-btn-wrap .checkout-btn {
    background: var(--dark-color);
    color: var(--white-color);
}

@media (max-width: 1199.98px) {
    .minicart-16 .cart-main .cart-content .minicart-btn-wrap .checkout-btn {
        color: var(--white-color) !important;
    }
}

.minicart-16 .cart-main .cart-content .minicart-btn-wrap .checkout-btn:hover {
    background: var(--white-color) !important;
    color: var(--dark-color) !important;
}

.minicart-16 .cart-main .cart-content .card-prd-top {
    margin-bottom: 20px;
    margin-top: 44px;
}

    .minicart-16 .cart-main .cart-content .card-prd-top .title {
        color: var(--dark-color);
        font-size: 16px;
        font-weight: 600;
        line-height: 28px;
        text-transform: uppercase;
    }

.minicart-16 .cart-main .cart-content .card-prd-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

    .minicart-16 .cart-main .cart-content .card-prd-nav span {
        width: 20px;
        height: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
    }

        .minicart-16 .cart-main .cart-content .card-prd-nav span:hover {
            background: var(--gray-color);
        }

.minicart-16 .cart-main .cart-content .su-cart-prd .thumb {
    margin-bottom: 20px;
}

    .minicart-16 .cart-main .cart-content .su-cart-prd .thumb img {
        -webkit-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
    }

.minicart-16 .cart-main .cart-content .su-cart-prd .content .title {
    color: var(--dark-color);
    font-size: 12px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0px;
}

.minicart-16 .cart-main .cart-content .su-cart-prd .content .price {
    color: var(--body-color);
    font-size: 12px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0px;
}

.minicart-16 .cart-main .cart-content .su-cart-prd:hover .thumb img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.minicart-16 .cart-main .cart-content .card-prd-slider {
    margin-right: -120px;
}

.minicart-16 .cart-main .cart-content .total_price {
    margin-bottom: 40px;
}

    .minicart-16 .cart-main .cart-content .total_price .sub-title {
        color: var(--dark-color);
        font-size: 13px;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 0.26px;
    }

    .minicart-16 .cart-main .cart-content .total_price .total_price {
        color: var(--dark-color);
        font-size: 13px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0.26px;
    }

.show.minicart-16 {
    visibility: visible;
    opacity: 1;
}

.shopping_cart_table {
    max-width: 900px;
}

    .shopping_cart_table .cart_list li {
        display: inline-block;
        vertical-align: middle;
    }

    .shopping_cart_table .close-icon {
        background-color: var(--white-color);
        border: 1px solid var(--gray-color);
        border-radius: 120px;
        display: inline-block;
        height: 20px;
        line-height: 15px;
        margin-right: 10px;
        text-align: center;
        width: 20px;
    }

    .shopping_cart_table .cart_title {
        color: var(--dark-color);
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 0em;
        line-height: 1.2;
    }

    .shopping_cart_table .cart_price {
        color: var(--dark-color);
        font-weight: 500;
        font-size: 13px;
        letter-spacing: 0em;
        line-height: 24px;
    }

    .shopping_cart_table thead tr {
        border-bottom: 1px solid var(--gray-color);
    }

        .shopping_cart_table thead tr th {
            color: var(--dark-color);
            font-weight: 600;
            line-height: 28px;
            text-transform: uppercase;
            padding: 16px 0;
            text-align: center;
        }

            .shopping_cart_table thead tr th:first-child {
                padding-left: 30px;
                width: 48%;
                text-align: left;
            }

    .shopping_cart_table tbody tr {
        border-bottom: 1px solid var(--gray-color);
    }

        .shopping_cart_table tbody tr td {
            padding: 20px 0;
            text-align: center;
            vertical-align: middle;
        }

            .shopping_cart_table tbody tr td:first-child {
                text-align: left;
            }

@media (max-width: 575.98px) {
    .shopping_cart_table tbody tr td {
        padding-left: 15px;
    }
}

.shopping_cart_table .quantity-block {
    border: 1px solid var(--gray-color);
    height: 54px;
    line-height: 54px;
    margin: 0 auto;
    position: relative;
    vertical-align: middle;
    width: 100px;
}

.shopping_cart_table .quantity-num,
.shopping_cart_table .quantity-num2 {
    background-color: transparent;
    color: var(--dark-color);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0em;
    line-height: 24px;
    text-align: center;
    width: 111%;
}

.shopping_cart_table .quantity-arrow-minus.inner_page,
.shopping_cart_table .quantity-arrow-minus2.inner_page,
.shopping_cart_table .quantity-arrow-plus.inner_page,
.shopping_cart_table .quantity-arrow-plus2.inner_page {
    background-color: var(--white-color);
    font-size: 10px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 5px;
    top: 12px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    width: 30px;
}

.shopping_cart_table .quantity-arrow-plus.inner_page,
.shopping_cart_table .quantity-arrow-plus2.inner_page {
    right: 0;
}

.shopping_cart_table .quantity-arrow-minus.inner_page,
.shopping_cart_table .quantity-arrow-minus2.inner_page {
    right: auto;
}

.shopping_cart_table .remove {
    bottom: 60px;
    position: absolute;
    right: -50px;
    color: var(--theme-color9);
    font-family: var(--jakarta-font);
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0em;
    text-decoration-line: underline;
}

.shopping_cart_table .item-details {
    width: 50%;
}

.cart_coupon {
    position: relative;
}

    .cart_coupon .form_one {
        display: block;
        margin-bottom: 60px;
        max-width: 400px;
        padding-top: 10px;
        text-align: center;
        width: 100%;
    }

    .cart_coupon input {
        background-color: transparent;
        border: 1px solid var(--gray-color);
        border-radius: 6px;
        color: var(--body-color);
        font-size: 13px;
        font-weight: 500;
        line-height: 24px;
        height: 54px;
        margin-right: 24px;
        padding: 0px 20px;
    }

        .cart_coupon input:placeholder {
            color: var(--body-color);
            font-size: 13px;
            line-height: 24px;
            letter-spacing: 0em;
        }

        .cart_coupon input.coupon_input:focus {
            -webkit-box-shadow: none;
            box-shadow: none;
            outline: none;
        }

    .cart_coupon .apply_count_btn {
        color: var(--headings-color);
        font-weight: var(--font-weight-600);
        font-size: 13px;
        letter-spacing: 0em;
        position: absolute;
        right: 20px;
        text-transform: uppercase;
        top: 25px;
    }

.cart-total-widget {
    background-color: var(--white-color);
    border: 1px solid var(--gray-color);
    padding: 30px 40px 40px;
    position: relative;
}

@media (max-width: 575.98px) {
    .cart-total-widget {
        padding: 30px 20px 40px;
    }
}

.cart-total-widget .title {
    font-size: 20px;
    line-height: 34px;
}

.cart-total-widget li {
    padding: 12px 0;
}

.cart-total-widget .bb1 {
    border-bottom: 1px solid var(--gray-color);
}

.cart-total-widget .text {
    color: var(--headings-color);
    font-weight: var(--font-weight-600);
    font-size: 13px;
    letter-spacing: 0em;
}

.cart-total-widget .text2 {
    color: var(--dark-color);
    font-weight: var(--font-weight-600);
    font-size: 16px;
    line-height: 28px;
    text-transform: uppercase;
}

.cart-total-widget .value {
    color: var(--headings-color);
    font-style: normal;
    font-size: 13px;
    font-weight: var(--font-weight-500);
    letter-spacing: 0em;
    line-height: 24px;
}

.cart-total-widget.shop-single-style .text {
    font-size: 14px;
    font-weight: var(--font-weight-600);
}

.cart-total-widget.shop-single-style .value {
    color: var(--headings-color);
    font-style: normal;
    font-size: 13px;
    font-weight: var(--font-weight-500);
    letter-spacing: 0em;
    line-height: 24px;
    font-weight: var(--font-weight-500);
}

/*
 * Checkout.scss
 * -----------------------------------------------
*/
.checkout_form {
    position: relative;
}

    .checkout_form .title {
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 34px;
    }

    .checkout_form .form-control,
    .checkout_form .bootstrap-select > .dropdown-toggle {
        border: none;
        border-bottom: 1px solid var(--gray-color);
        border-radius: 0;
        color: var(--headings-color);
        font-style: normal;
        font-size: 13px;
        font-weight: var(--font-weight-500);
        letter-spacing: 0em;
        line-height: 24px;
        height: 54px;
        padding-left: 0;
    }

        .checkout_form .form-control:focus,
        .checkout_form .bootstrap-select > .dropdown-toggle:focus {
            border-bottom: 2px solid var(--dark-color);
            -webkit-box-shadow: none;
            box-shadow: none;
            outline: none;
        }

    .checkout_form .form-label {
        color: var(--text-color);
        font-style: normal;
        font-weight: var(--font-weight-500);
        font-size: 12px;
        letter-spacing: 0em;
        line-height: 22px;
        padding-left: 0;
    }

    .checkout_form .bootstrap-select > .dropdown-toggle {
        color: var(--body-color);
        line-height: 40px;
    }

        .checkout_form .bootstrap-select > .dropdown-toggle:active {
            background-color: transparent;
        }

    .checkout_form textarea.form-control {
        border-bottom: 1px solid var(--gray-color);
        border-radius: 0;
        height: auto;
    }

        .checkout_form textarea.form-control:focus {
            border-bottom: 2px solid var(--dark-color);
            -webkit-box-shadow: none;
            box-shadow: none;
            outline: none;
        }

.checkout_sidebar {
    background-color: var(--white-color);
    border: 1px solid var(--gray-color);
    padding: 30px 40px 40px;
    position: relative;
}

    .checkout_sidebar .title {
        font-size: 20px;
        line-height: 34px;
        letter-spacing: 0em;
    }

    .checkout_sidebar .prd-title {
        color: var(--headings-color);
        font-weight: var(--font-weight-600);
        font-size: 13px;
        letter-spacing: 0em;
        line-height: 16px;
    }

    .checkout_sidebar .prd-qntt,
    .checkout_sidebar .prd-size,
    .checkout_sidebar .prd-color {
        color: var(--dark-color);
        font-size: 13px;
        line-height: 24px;
    }

    .checkout_sidebar .edit-order {
        color: var(--headings-color);
        font-weight: var(--font-weight-600);
        font-size: 13px;
        letter-spacing: 0em;
        line-height: 16px;
    }

    .checkout_sidebar .prd-item img {
        width: 70px;
    }

    .checkout_sidebar .bnk-title {
        color: var(--dark-color);
        font-size: 14px;
        font-weight: var(--font-weight-500);
        line-height: 28px;
    }

    .checkout_sidebar .text {
        color: var(--headings-color);
        font-style: normal;
        font-size: 13px;
        font-weight: var(--font-weight-500);
        letter-spacing: 0em;
        line-height: 24px;
        letter-spacing: 0;
    }

    .checkout_sidebar .radio:hover {
        cursor: pointer;
    }

    .checkout_sidebar .radio input[type=radio] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 16px;
        height: 16px;
        border: 1px solid var(--dark-color);
        border-radius: 50%;
        margin-right: 10px;
        position: relative;
        cursor: pointer;
        vertical-align: middle;
        -webkit-transition: all 0.6s ease-out 0s;
        transition: all 0.6s ease-out 0s;
    }

        .checkout_sidebar .radio input[type=radio]:checked {
            border-color: var(--dark-color);
        }

            .checkout_sidebar .radio input[type=radio]:checked::after {
                background: var(--dark-color);
                background-color: var(--dark-color);
                border-radius: 50%;
                content: "";
                height: 10px;
                left: 50%;
                position: absolute;
                top: 50%;
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                width: 10px;
            }

/*
 * Order.scss
 * -----------------------------------------------
*/
.order_complete_message {
    position: relative;
}

.order_lists {
    background-color: var(--white-color);
    border: 1px solid var(--gray-color);
    margin-bottom: 40px;
    padding: 55px 40px;
    position: relative;
}

@media (max-width: 575.98px) {
    .order_lists {
        padding: 35px 20px;
    }
}

@media (max-width: 375.98px) {
    .order_lists {
        padding: 35px 0;
    }
}

.order_lists ul {
    max-width: 90%;
}

@media (max-width: 575.98px) {
    .order_lists ul {
        width: 100%;
    }
}

.order_lists .sub-title {
    font-family: var(--jakarta-font);
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
}

.order_lists .text {
    color: var(--headings-color);
    font-style: normal;
    font-size: 13px;
    font-weight: var(--font-weight-500);
    letter-spacing: 0em;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 5px;
}

/*
 * collections.scss
 * -----------------------------------------------
*/
.su-fashion-4-thumb {
    margin-bottom: 4px;
}

    .su-fashion-4-thumb img {
        -webkit-transition: all 0.6s ease-out 0s;
        transition: all 0.6s ease-out 0s;
    }

    .su-fashion-4-thumb:hover img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

.su-fashion-4-content {
    padding: 0px 50px;
}

@media (max-width: 1600px) {
    .su-fashion-4-content {
        padding: 0px 20px;
    }
}

@media (max-width: 1400px) {
    .su-fashion-4-content {
        padding: 0px 10px;
    }
}

.su-fashion-4-content .title {
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    color: var(--dark-color);
}

.su-fashion-4-content .text {
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
    text-transform: capitalize;
    color: var(--dark-color);
}

.su-fashion-5-icon {
    border: 1px solid #e6e6e6;
}

    .su-fashion-5-icon .su-fashion-4-content {
        padding-top: 60px;
        padding-bottom: 30px;
    }

/*
 * Frame.scss
 * -----------------------------------------------
*/
.su-frame-4-wrap .bg-image {
    height: 860px;
}

@media (max-width: 1600px) {
    .su-frame-4-wrap .bg-image {
        height: 660px;
    }
}

@media (max-width: 1199.98px) {
    .su-frame-4-wrap .bg-image {
        height: 460px;
    }
}

.su-frame-4-wrap .lookbook-item {
    left: 37%;
    bottom: 140px;
}

@media (max-width: 1199.98px) {
    .su-frame-4-wrap .lookbook-item {
        left: 5%;
    }
}

.su-frame-4-wrap .lookbook-item.style-home21-1 {
    left: 40%;
    bottom: 210px;
}

@media (max-width: 1499.98px) {
    .su-frame-4-wrap .lookbook-item.style-home21-1 {
        bottom: 150px;
    }
}

@media (max-width: 1499.98px) and (max-width: 1199.98px) {
    .su-frame-4-wrap .lookbook-item.style-home21-1 {
        bottom: 100px;
    }
}

@media (max-width: 1499.98px) and (max-width: 991.98px) {
    .su-frame-4-wrap .lookbook-item.style-home21-1 {
        bottom: 20%;
    }
}

.su-frame-4-wrap .lookbook-item.style-home21-2 {
    bottom: 0;
    left: auto;
    right: 43%;
    top: 45%;
}

.su-frame-4-wrap .lookbook-item.style-home23-1 {
    left: 18%;
    bottom: 200px;
}

@media (max-width: 1499.98px) {
    .su-frame-4-wrap .lookbook-item.style-home23-1 {
        bottom: 150px;
    }
}

@media (max-width: 1499.98px) and (max-width: 1199.98px) {
    .su-frame-4-wrap .lookbook-item.style-home23-1 {
        bottom: 100px;
    }
}

@media (max-width: 1499.98px) and (max-width: 991.98px) {
    .su-frame-4-wrap .lookbook-item.style-home23-1 {
        bottom: 20%;
    }
}

.su-frame-4-wrap .lookbook-item.style-home23-2 {
    bottom: 0;
    left: auto;
    right: 55%;
    top: 42%;
}

.su-frame-4-wrap .lookbook-item.style-home23-3 {
    bottom: 0;
    left: auto;
    right: 15%;
    top: 55%;
}

.su-frame-4-wrap .dropdown-menu {
    padding: 10px 20px 10px 10px;
    width: 330px;
    background: var(--white-color);
    border-radius: 0;
    border: none;
    -webkit-transform: translateY(-41%) !important;
    transform: translateY(-41%) !important;
    left: 40px !important;
}

@media (max-width: 575.98px) {
    .su-frame-4-wrap .dropdown-menu {
        width: 277px;
    }
}

.su-frame-4-wrap .product-images {
    width: 80px;
    margin-right: 20px;
}

.su-frame-4-wrap .lookbook-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.su-frame-4-wrap .product-tag {
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0em;
    color: var(--text-color);
    display: block;
    margin-bottom: 3px;
}

.su-frame-4-wrap .product-title {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0em;
    text-transform: uppercase;
    color: var(--dark-color);
    margin-bottom: 4px;
    display: inline-block;
}

.su-frame-4-wrap .price {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0em;
    color: var(--dark-color);
}

.su-frame-4-wrap .tf-pin-btn {
    width: 26px;
    height: 26px;
    background-color: rgb(242, 242, 242);
    border-radius: 50%;
    border: 0;
    outline: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 2;
}

    .su-frame-4-wrap .tf-pin-btn span {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: var(--dark-color);
    }

    .su-frame-4-wrap .tf-pin-btn .pin-white {
        background-color: var(--white-color);
    }

    .su-frame-4-wrap .tf-pin-btn .pin-black {
        background-color: var(--dark-color);
    }

        .su-frame-4-wrap .tf-pin-btn .pin-black span {
            background-color: var(--white-color);
        }

    .su-frame-4-wrap .tf-pin-btn::before {
        position: absolute;
        content: "";
        bottom: 5px;
        left: 5px;
        height: 15px;
        width: 15px;
        border-radius: 50%;
        -webkit-animation: animate-pulse-2 3s linear infinite;
        animation: animate-pulse-2 3s linear infinite;
    }

.su-frame-4-wrap .tf-pin-btn2 {
    width: 26px;
    height: 26px;
    background-color: rgb(242, 242, 242);
    border-radius: 50%;
    border: 0;
    outline: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 2;
}

    .su-frame-4-wrap .tf-pin-btn2 span {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: var(--dark-color);
    }

    .su-frame-4-wrap .tf-pin-btn2 .pin-white {
        background-color: var(--white-color);
    }

    .su-frame-4-wrap .tf-pin-btn2 .pin-black {
        background-color: var(--dark-color);
    }

        .su-frame-4-wrap .tf-pin-btn2 .pin-black span {
            background-color: var(--white-color);
        }

    .su-frame-4-wrap .tf-pin-btn2::before {
        -webkit-animation: animate-pulse-2 3s linear infinite;
        animation: animate-pulse-2 3s linear infinite;
        border-radius: 50%;
        bottom: 5px;
        content: "";
        height: 15px;
        left: 5px;
        position: absolute;
        width: 15px;
    }

.su-frame-7-item.su-border {
    border-bottom: 1px solid #e6e6e6;
}

.su-frame-7-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

    .su-frame-7-item.no-hover {
        opacity: 0.3;
    }

    .su-frame-7-item .thumb {
        width: 100px;
        margin-right: 28px;
    }

    .su-frame-7-item .title {
        font-weight: 500;
        font-size: 14px;
        color: var(--dark-color);
        margin-bottom: 5px;
        display: inline-block;
    }

    .su-frame-7-item .ratings {
        margin-bottom: 6px;
    }

        .su-frame-7-item .ratings span {
            font-weight: 400;
            font-size: 14px;
            color: #131c19;
        }

    .su-frame-7-item .price {
        font-weight: 500;
        font-size: 14px;
        color: var(--dark-color);
    }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .su-frame-7-wrap {
        margin-right: 0;
    }
}

.su-frame-7-wrap .su-frame-7-btn {
    margin-top: 50px;
}

.su-frame-7-wrap .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.su-frame-7-right .navigation-sw-dot {
    width: 26px;
    height: 26px;
    background-color: var(--white-color);
    border-radius: 50%;
    border: 0;
    outline: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

    .su-frame-7-right .navigation-sw-dot:hover {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    .su-frame-7-right .navigation-sw-dot span {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: var(--dark-color);
    }

    .su-frame-7-right .navigation-sw-dot ::before {
        position: absolute;
        content: "";
        bottom: 5px;
        left: 5px;
        height: 15px;
        width: 15px;
        border-radius: 50%;
        -webkit-animation: animate-pulse-2 3s linear infinite;
        animation: animate-pulse-2 3s linear infinite;
    }

    .su-frame-7-right .navigation-sw-dot.item-1 {
        bottom: 205px;
        left: 262px;
        position: absolute;
    }

    .su-frame-7-right .navigation-sw-dot.item-2 {
        top: 237px;
        bottom: auto;
        left: 173px;
        position: absolute;
    }

    .su-frame-7-right .navigation-sw-dot.item-3 {
        bottom: 48%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 212px;
        position: absolute;
    }

.su-frame-8-block .su-frame-8-block-bg {
    border-radius: 24px;
    background: var(--text-gray-2);
}

.su-frame-8-block .su-frame-7-right .thumb {
    border-radius: 24px 0 0 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .su-frame-8-block .su-frame-7-right .thumb {
        border-radius: 24px;
    }
}

.su-frame-8-block .su-frame-7-wrap {
    padding: 0px 80px;
    padding-right: 110px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .su-frame-8-block .su-frame-7-wrap {
        padding: 0px;
        padding-right: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .su-frame-8-block .su-frame-7-wrap {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .su-frame-8-block .su-frame-7-wrap {
        margin-top: 100px;
    }
}

.su-frame-8-block .bundle-hover-item {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .su-frame-8-block .bundle-hover-item {
        margin-bottom: 40px;
    }
}

.su-frame-8-block .bundle-hover-item.no-hover {
    opacity: 0.3;
}

.su-frame-8-block .navigation-sw-dot.item-1 {
    bottom: 202px;
    left: auto;
    right: 284px;
}

@media (max-width: 1500px) {
    .su-frame-8-block .navigation-sw-dot.item-1 {
        right: 30%;
    }
}

@media (max-width: 499px) {
    .su-frame-8-block .navigation-sw-dot.item-1 {
        right: 30%;
        top: 70%;
    }
}

.su-frame-8-block .navigation-sw-dot.item-2 {
    top: 465px;
    left: auto;
    right: 309px;
    position: absolute;
}

@media (max-width: 1500px) {
    .su-frame-8-block .navigation-sw-dot.item-2 {
        right: 30%;
        top: 43%;
    }
}

.su-frame-8-block .su-brands-7-spacing {
    border-radius: 0px 0px 24px 24px;
}

@media (max-width: 991.98px) {
    .su-frame-8-block.at-home1 .navigation-sw-dot.item-1 {
        bottom: 20%;
        left: 36%;
        right: auto;
    }
}

@media (max-width: 991.98px) {
    .su-frame-8-block.at-home1 .navigation-sw-dot.item-2 {
        right: 40%;
        top: 30%;
    }
}

@media (max-width: 1399.98px) {
    .frame-block-13 .su-frame-7-wrap {
        padding-top: 0;
    }
}

@media (max-width: 1199.98px) {
    .frame-block-13 .su-frame-7-wrap {
        margin-right: 0;
    }
}

.frame-block-13 .su-frame-7-wrap .su-frame-7-btn {
    margin-top: 60px;
}

.frame-block-13 .su-frame-7-wrap .su-frame-7-item .title {
    font-family: var(--bebas-font);
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.9px;
    text-transform: uppercase;
}

.frame-block-13 .su-frame-7-wrap .su-frame-7-item .price {
    font-family: var(--bebas-font);
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.frame-block-13 .su-frame-7-right .navigation-sw-dot.item-1 {
    bottom: 38px;
    left: 559px;
}

@media (max-width: 1399.98px) {
    .frame-block-13 .su-frame-7-right .navigation-sw-dot.item-1 {
        left: 68%;
    }
}

@media (max-width: 1199.98px) {
    .frame-block-13 .su-frame-7-right .navigation-sw-dot.item-1 {
        left: 360px;
    }
}

@media (max-width: 991.98px) {
    .frame-block-13 .su-frame-7-right .navigation-sw-dot.item-1 {
        left: 470px;
    }
}

@media (max-width: 767.98px) {
    .frame-block-13 .su-frame-7-right .navigation-sw-dot.item-1 {
        left: 68%;
    }
}

@media (max-width: 575.98px) {
    .frame-block-13 .su-frame-7-right .navigation-sw-dot.item-1 {
        left: 200px;
    }
}

.frame-block-13 .su-frame-7-right .navigation-sw-dot.item-2 {
    left: 253px;
}

@media (max-width: 1399.98px) {
    .frame-block-13 .su-frame-7-right .navigation-sw-dot.item-2 {
        left: 200px;
        top: 187px;
    }
}

@media (max-width: 1199.98px) {
    .frame-block-13 .su-frame-7-right .navigation-sw-dot.item-2 {
        left: 150px;
        top: 105px;
    }
}

@media (max-width: 991.98px) {
    .frame-block-13 .su-frame-7-right .navigation-sw-dot.item-2 {
        left: 30%;
        top: 20%;
    }
}

@media (max-width: 575.98px) {
    .frame-block-13 .su-frame-7-right .navigation-sw-dot.item-2 {
        left: 80px;
        top: 85px;
    }
}

.frame-block-13 .su-frame-7-right .navigation-sw-dot.item-3 {
    bottom: 43%;
    left: 387px;
}

@media (max-width: 1399.98px) {
    .frame-block-13 .su-frame-7-right .navigation-sw-dot.item-3 {
        left: 317px;
    }
}

@media (max-width: 1199.98px) {
    .frame-block-13 .su-frame-7-right .navigation-sw-dot.item-3 {
        left: 260px;
    }
}

@media (max-width: 575.98px) {
    .frame-block-13 .su-frame-7-right .navigation-sw-dot.item-3 {
        left: 150px;
        top: 185px;
    }
}

.frame-block-13 .su-btn-16-black {
    font-family: var(--bebas-font);
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.9px;
    text-transform: uppercase;
}

.frame-13-area.su-frame-4-wrap .product-images {
    width: 60px;
    margin-right: 20px;
}

.frame-13-area.su-frame-4-wrap .dropdown-menu {
    width: 203px;
}

    .frame-13-area.su-frame-4-wrap .dropdown-menu .product-title {
        font-family: var(--bebas-font);
        font-size: 18px;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.36px;
        text-transform: uppercase;
    }

    .frame-13-area.su-frame-4-wrap .dropdown-menu .price {
        font-family: var(--bebas-font);
        font-size: 16px;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.32px;
        text-transform: uppercase;
    }

.frame-13-area.su-frame-4-wrap .lookbook-item.pin1 {
    left: 157px;
    top: 209px;
}

@media (max-width: 1199.98px) {
    .frame-13-area.su-frame-4-wrap .lookbook-item.pin1 {
        left: 30%;
        top: 35%;
    }
}

.frame-13-area.su-frame-4-wrap .lookbook-item.pin2 {
    bottom: 105px;
    left: 77%;
}

.frame-13-area.su-frame-4-wrap .lookbook-item.pin3 {
    bottom: 320px;
    left: 34%;
}

@media (max-width: 1199.98px) {
    .frame-13-area.su-frame-4-wrap .lookbook-item.pin3 {
        bottom: 210px;
    }
}

@media (max-width: 767.98px) {
    .frame-13-area.su-frame-4-wrap .lookbook-item.pin3 {
        bottom: 60%;
    }
}

.frame-13-area.su-frame-4-wrap .lookbook-item.pin4 {
    bottom: 144px;
    left: 238px;
}

@media (max-width: 1199.98px) {
    .frame-13-area.su-frame-4-wrap .lookbook-item.pin4 {
        bottom: 104px;
        left: 148px;
    }
}

@media (max-width: 767.98px) {
    .frame-13-area.su-frame-4-wrap .lookbook-item.pin4 {
        bottom: 25%;
        left: 50%;
    }
}

.frame-13-area.su-frame-4-wrap .lookbook-item.pin5 {
    left: 168px;
    top: 43px;
}

@media (max-width: 1199.98px) {
    .frame-13-area.su-frame-4-wrap .lookbook-item.pin5 {
        left: 108px;
        top: 23px;
    }
}

@media (max-width: 767.98px) {
    .frame-13-area.su-frame-4-wrap .lookbook-item.pin5 {
        left: 38%;
        top: 10%;
    }
}

.frame-13-area.su-frame-4-wrap .lookbook-item.pin6 {
    bottom: unset;
    left: 231px;
    top: 367px;
}

@media (max-width: 1199.98px) {
    .frame-13-area.su-frame-4-wrap .lookbook-item.pin6 {
        left: 200px;
        top: 294px;
    }
}

@media (max-width: 767.98px) {
    .frame-13-area.su-frame-4-wrap .lookbook-item.pin6 {
        left: 50%;
        top: 60%;
    }
}

/*
 * Instagram Feed 
 * -----------------------------------------------
 */
.instagram-feed {
    background-color: var(--bleached-linen);
    position: relative;
}

    .instagram-feed.bgc-thm11 {
        background-color: var(--theme-color11);
    }

    .instagram-feed.home16-style {
        background-color: transparent;
    }

    .instagram-feed .swiper-container.home9-style {
        margin-right: -70px;
    }

@media (max-width: 1199.98px) {
    .insta-container-home7 {
        overflow-x: auto;
        position: relative;
    }
}

.insta-container-home7 .item {
    min-width: 248px;
    margin-bottom: 20px;
    margin-right: 10px;
}

.instagram-item .thumb {
    overflow: hidden;
    position: relative;
}

    .instagram-item .thumb img {
        width: 100%;
        -webkit-transition: all 0.7s ease-out 0s;
        transition: all 0.7s ease-out 0s;
    }

.instagram-item:hover {
    cursor: pointer;
}

    .instagram-item:hover img {
        -webkit-transform: scale(1.1) rotate(2deg);
        transform: scale(1.1) rotate(2deg);
    }

.instagram-item-home20 .thumb {
    overflow: hidden;
    position: relative;
}

    .instagram-item-home20 .thumb img {
        position: relative;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transition: transform 2s cubic-bezier(0, 0, 0.44, 1.18);
        -webkit-transition: -webkit-transform 1.5s cubic-bezier(0, 0, 0.44, 1.18);
        transition: -webkit-transform 1.5s cubic-bezier(0, 0, 0.44, 1.18);
        transition: transform 1.5s cubic-bezier(0, 0, 0.44, 1.18);
        transition: transform 1.5s cubic-bezier(0, 0, 0.44, 1.18), -webkit-transform 1.5s cubic-bezier(0, 0, 0.44, 1.18);
    }

    .instagram-item-home20 .thumb .icon1 {
        color: var(--white-color);
        font-size: 18px;
        left: 15px;
        position: absolute;
        top: 15px;
    }

        .instagram-item-home20 .thumb .icon1 a {
            color: var(--white-color);
        }

    .instagram-item-home20 .thumb .icon2 {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: var(--dark-color);
        border-radius: 50%;
        bottom: 20px;
        color: var(--white-color);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 16px;
        height: 45px;
        line-height: 45px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        right: 20px;
        text-align: center;
        width: 45px;
        -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }

        .instagram-item-home20 .thumb .icon2:hover {
            background-color: var(--white-color);
            color: var(--dark-color);
            font-weight: 600;
        }

            .instagram-item-home20 .thumb .icon2:hover a {
                color: var(--dark-color);
            }

        .instagram-item-home20 .thumb .icon2 a {
            color: var(--white-color);
        }

.instagram-item-home20 .content .title {
    padding-top: 10px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.48px;
    line-height: 28px;
}

.instagram-item-home20:hover {
    cursor: pointer;
}

    .instagram-item-home20:hover img {
        -webkit-transform: scale(1.09);
        transform: scale(1.09);
    }

.su-instagram-wrap .thumb {
    overflow: hidden;
}

    .su-instagram-wrap .thumb img {
        -webkit-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
    }

    .su-instagram-wrap .thumb:hover img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

.su-instagram-8-wrap .thumb {
    border-radius: 12px;
}

    .su-instagram-8-wrap .thumb img {
        border-radius: 12px;
    }

.su-instagram-feed-16-area .feed-image {
    overflow: hidden;
}

    .su-instagram-feed-16-area .feed-image img {
        -webkit-transition: all 0.5s ease-out 0s;
        transition: all 0.5s ease-out 0s;
    }

    .su-instagram-feed-16-area .feed-image:hover img {
        -webkit-transform: scale(1.1) rotate(2deg);
        transform: scale(1.1) rotate(2deg);
    }

.su-instagram-feed-16-area.style9 {
    background: var(--theme-color14);
}

@media (max-width: 1399.98px) {
    .su-instagram-feed-16-area.style14 {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width: 1199.98px) {
    .su-instagram-feed-16-area.style14 {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 991.98px) {
    .su-instagram-feed-16-area.style14 {
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media (max-width: 767.98px) {
    .su-instagram-feed-16-area.style14 {
        padding-left: 18px;
        padding-right: 18px;
    }
}

@media (max-width: 575.98px) {
    .su-instagram-feed-16-area.style14 {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.su-instagram-feed-16-area.style19 .inst-item-big {
    height: 100%;
}

    .su-instagram-feed-16-area.style19 .inst-item-big img {
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%;
    }

.instagram-card.style23 {
    background-color: var(--light-grayish-orange);
    margin-bottom: 20px;
    padding: 50px 70px;
}

@media (max-width: 991.98px) {
    .instagram-card.style23 {
        padding: 40px 30px;
    }
}

.instagram-card.style23 .content .title {
    color: var(--black-color);
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 15px;
}

.instagram-card.style23 .content .auth-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

    .instagram-card.style23 .content .auth-info .thumb {
        width: 60px;
        height: 60px;
        border-radius: 50%;
    }

        .instagram-card.style23 .content .auth-info .thumb img {
            width: 60px;
            height: 60px;
            border-radius: 50%;
        }

    .instagram-card.style23 .content .auth-info .title {
        color: var(--black-color);
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        padding-bottom: 6px;
    }

.instagram-card.style23 .content .tn-log {
    padding: 16px 35px;
    background: var(--dark-color);
    max-width: 230px;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0em;
    color: var(--white-color);
    border: none;
    margin-top: 20px;
}

.insta23-thumb {
    overflow: hidden;
}

@media (max-width: 1399.98px) {
    .insta23-thumb {
        margin-bottom: 20px;
    }
}

.insta23-thumb img {
    height: 300px;
    width: 100%;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

@media (max-width: 1399.98px) {
    .insta23-thumb img {
        height: 200px;
    }
}

@media (max-width: 1199.98px) {
    .insta23-thumb img {
        height: auto;
    }
}

.insta23-thumb:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/*
 * Instagram Feed 
 * -----------------------------------------------
*/
.icon-box-home1 {
    position: relative;
}

    .icon-box-home1 .icon {
        font-size: 45px;
        margin-bottom: 25px;
        -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }

    .icon-box-home1 .title {
        font-family: var(--headings-font);
        line-height: var(--line-height-heading2);
        margin-bottom: 10px;
    }

    .icon-box-home1 .text {
        font-family: var(--headings-font);
        font-size: var(--font-size-14);
        font-weight: var(--font-weight-500);
        line-height: 28px;
        max-width: 280px;
        margin: 0 auto;
    }

    .icon-box-home1:hover .icon {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

    .icon-box-home1.home5-style {
        padding: 60px 0 50px;
    }

@media (max-width: 991.98px) {
    .icon-box-home1.home5-style {
        padding: 30px 0;
    }
}

.icon-box-home1.home16-style .text,
.icon-box-home1.home16-style .title {
    font-family: var(--montserrat-font);
}

.icon-box-home1.home18-style .text,
.icon-box-home1.home18-style .title {
    font-family: var(--jost-font);
}

.icon-box-home1.home18-style .title {
    font-weight: 500;
}

/***  Footer  ***/
.hiddenbar-body-ovelay {
    background: rgba(29, 29, 29, 0.7);
    height: 100%;
    opacity: 0;
    position: fixed;
    right: 0px;
    top: 0px;
    width: 100%;
    visibility: hidden;
    z-index: 99;
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.signin-hidden-sidebar-content .signin-hidden-sbar-4 {
    opacity: 1;
    right: 0px;
    visibility: visible;
}

.signin-hidden-sidebar-content .hiddenbar-body-ovelay {
    opacity: 1;
    visibility: visible;
}

.signin-hidden-sbar-4 {
    padding: 34px 40px 40px 40px;
    width: 500px;
    background-color: var(--white-color);
    height: 100%;
    overflow-y: auto;
    position: fixed;
    right: -510px;
    top: 0px;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

@media (max-width: 575.98px) {
    .signin-hidden-sbar-4 {
        width: 340px;
    }
}

@media (max-width: 320px) {
    .signin-hidden-sbar-4 {
        padding: 30px 20px;
        width: 320px;
    }
}

.signin-hidden-sbar-4 .title {
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    color: var(--dark-color);
}

.signin-hidden-sbar-4 .sidebar-close-icon {
    border-radius: 8px;
    cursor: pointer;
    color: #041E42;
    font-size: 10px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
    -webkit-transition: 0.5s 0.3s 0s ease-out;
    transition: 0.5s 0.3s 0s ease-out;
    font-size: 20px;
}

    .signin-hidden-sbar-4 .sidebar-close-icon:hover {
        background-color: #F3F5F6;
    }

.signin-hidden-sbar-4 .login_form .text {
    color: var(--dark-color);
    font-family: var(--jakarta-font);
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0em;
    line-height: 24px;
}

.signin-hidden-sbar-4 .login_form .form-label {
    color: var(--text-color);
    font-family: var(--jakarta-font);
    font-weight: 500;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0em;
}

.signin-hidden-sbar-4 .login_form .form-control {
    background: transparent;
    border: none;
    border-bottom: 2px solid #e6e6e6;
    border-radius: 0;
    color: var(--dark-color);
    font-family: var(--jakarta-font);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0em;
    padding: 0;
    padding-bottom: 10px;
}

    .signin-hidden-sbar-4 .login_form .form-control::-webkit-input-placeholder {
        color: var(--text-color);
        font-size: 13px;
        font-weight: 500;
        letter-spacing: 0em;
    }

    .signin-hidden-sbar-4 .login_form .form-control:-moz-placeholder {
        color: var(--text-color);
        font-size: 13px;
        font-weight: 500;
        letter-spacing: 0em;
    }

    .signin-hidden-sbar-4 .login_form .form-control::-moz-placeholder {
        color: var(--text-color);
        font-size: 13px;
        font-weight: 500;
        letter-spacing: 0em;
    }

    .signin-hidden-sbar-4 .login_form .form-control:-ms-input-placeholder {
        color: var(--text-color);
        font-size: 13px;
        font-weight: 500;
        letter-spacing: 0em;
    }

    .signin-hidden-sbar-4 .login_form .form-control:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-color: var(--dark-color);
    }

        .signin-hidden-sbar-4 .login_form .form-control:focus::-webkit-input-placeholder {
            color: var(--dark-color);
        }

        .signin-hidden-sbar-4 .login_form .form-control:focus:-moz-placeholder {
            color: var(--dark-color);
        }

        .signin-hidden-sbar-4 .login_form .form-control:focus::-moz-placeholder {
            color: var(--dark-color);
        }

        .signin-hidden-sbar-4 .login_form .form-control:focus:-ms-input-placeholder {
            color: var(--dark-color);
        }

.signin-hidden-sbar-4 .login_form .custom-control.custom-checkbox [type=checkbox],
.signin-hidden-sbar-4 .login_form [type=radio] {
    border: 1px solid var(--dark-color);
    border-radius: 0;
    height: 16px;
    outline: none;
    width: 16px;
    vertical-align: sub;
}

.signin-hidden-sbar-4 .login_form .custom-control-label {
    font-weight: 500;
    font-size: 13px;
    line-height: 185%;
    letter-spacing: 0em;
    color: var(--text-color);
}

.signin-hidden-sbar-4 .login_form .btn-fpswd {
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0em;
    color: var(--text-color);
    text-transform: uppercase;
}

.signin-hidden-sbar-4 .login_form .tn-log {
    padding: 16px 35px;
    background: var(--dark-color);
    width: 100%;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0em;
    color: var(--white-color);
    border: none;
}

.signin-hidden-sbar-4 .login_form .text-2 {
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0em;
    color: var(--text-color);
}

    .signin-hidden-sbar-4 .login_form .text-2 a {
        color: var(--dark-color);
        text-decoration: underline;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
    }

/*
 * news.scss
 * -----------------------------------------------
*/
.su-news-4-item .thumb img {
    -webkit-transition: all 0.7s ease-out 0s;
    transition: all 0.7s ease-out 0s;
}

.su-news-4-item:hover .thumb img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.su-news-4-item.item-2 {
    margin-left: 60px;
    margin-top: -10px;
}

@media (max-width: 1199.98px) {
    .su-news-4-item.item-2 {
        margin-left: 0;
        margin-top: 0;
    }
}

.su-news-4-item.item-1 {
    margin-right: 60px;
}

@media (max-width: 1199.98px) {
    .su-news-4-item.item-1 {
        margin-right: 0;
    }
}

.su-news-4-item .title {
    font-weight: 600;
    font-size: 30px;
    letter-spacing: 0.03em;
    color: var(--dark-color);
}

    .su-news-4-item .title a {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#1D1D1D)), -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#1D1D1D));
        background-image: linear-gradient(#1D1D1D, #1D1D1D), linear-gradient(#1D1D1D, #1D1D1D);
        background-size: 0 1px, 0 1px;
        background-position: 100% 100%, 0 100%;
        background-repeat: no-repeat;
        -webkit-transition: background-size 0.3s linear;
        transition: background-size 0.3s linear;
        -webkit-transition: all 0.4s ease 0.3s 0s ease-out;
        transition: all 0.4s ease 0.3s 0s ease-out;
    }

        .su-news-4-item .title a:hover {
            background-image: -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#1D1D1D)), -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#1D1D1D));
            background-image: linear-gradient(#1D1D1D, #1D1D1D), linear-gradient(#1D1D1D, #1D1D1D);
            background-size: 0 1px, 100% 1px;
            background-position: 100% 100%, 0 100%;
            background-repeat: no-repeat;
            -webkit-transition: background-size 0.3s linear;
            transition: background-size 0.3s linear;
            -webkit-transition: all 0.4s ease 0.3s 0s ease-out;
            transition: all 0.4s ease 0.3s 0s ease-out;
            color: var(--dark-color);
        }

.su-news-4-item .text {
    font-weight: 500;
    font-size: 14px;
    line-height: 200%;
    text-transform: capitalize;
    color: var(--dark-color);
    line-height: 28px;
}

.su-news-4-item .content {
    padding: 0 156px;
}

@media (max-width: 1600px) {
    .su-news-4-item .content {
        padding: 0 107px;
    }
}

@media (max-width: 1400px) {
    .su-news-4-item .content {
        padding: 0 40px;
    }
}

/*
 * product.scss
 * -----------------------------------------------
*/
.shop-process-btns li:hover .tooltip {
    opacity: 1;
    visibility: visible;
}

.tooltip {
    z-index: 202;
    opacity: 0;
    visibility: hidden;
    display: block;
    position: absolute;
    top: 0%;
    right: 40px;
    margin-top: 0px;
    border-radius: 2px;
    white-space: nowrap;
    background-color: var(--dark-color);
    color: var(--white-color);
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    padding: 7px 10px 9px;
    max-width: 250px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-transition: opacity 0.4s ease 0.2s, -webkit-transform 0.4s ease 0.2s;
    transition: opacity 0.4s ease 0.2s, -webkit-transform 0.4s ease 0.2s;
    transition: transform 0.4s ease 0.2s, opacity 0.4s ease 0.2s;
    transition: transform 0.4s ease 0.2s, opacity 0.4s ease 0.2s, -webkit-transform 0.4s ease 0.2s;
}

    .tooltip::before {
        content: "";
        top: 40%;
        -webkit-transform: translateX(-50%) rotate(45deg);
        transform: translateX(-50%) rotate(45deg);
        right: -7px;
        position: absolute;
        background: var(--dark-color);
        width: 8px;
        height: 8px;
        z-index: 100;
    }

/*  Product Home 4 Style   */
.su-product-4-area {
    position: relative;
}

.su-product-4-card {
    border: 1px solid #e6e6e6;
    margin-right: -1px;
    position: relative;
}

@media (max-width: 1700px) {
    .su-product-4-card {
        margin-right: 0;
    }
}

.su-product-4-card .product-btn {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0em;
    color: var(--dark-color);
    padding: 14px 35px;
    display: block;
    text-align: center;
    background: var(--white-color);
    bottom: 10px;
    left: 10px;
    right: 10px;
    position: absolute;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    z-index: 2;
}

.su-product-4-card.home1 .wishlist {
    opacity: 1;
    visibility: visible;
}

.su-product-4-card:hover .product-btn {
    opacity: 1;
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
    visibility: visible;
}

.su-product-4-card:hover .wishlist {
    opacity: 1;
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
    visibility: visible;
}

.su-product-4-card:hover .navigation span {
    left: 14px;
    opacity: 1;
    visibility: visible;
}

    .su-product-4-card:hover .navigation span.product-next {
        right: 14px;
    }

.su-product-4-card:hover .product-img .img-product {
    opacity: 0;
}

.su-product-4-card:hover .product-img .img-hover {
    display: block;
    opacity: 1;
    z-index: 1;
    -webkit-transform: scale(1.09);
    transform: scale(1.09);
}

.su-product-4-card .img-product {
    -webkit-transition: all 0.6s ease-out 0s;
    transition: all 0.6s ease-out 0s;
}

.su-product-4-card .img-hover {
    position: absolute;
    inset: 0;
    opacity: 0;
    -webkit-transition: all 0.6s ease-out 0s;
    transition: all 0.6s ease-out 0s;
}

.su-product-4-card .card-product-info {
    padding: 0px 20px 20px 20px;
}

.su-product-4-card .product-btn:hover {
    color: var(--white-color);
    background: var(--dark-color);
}

.su-product-4-card .wishlist {
    color: var(--dark-color);
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    border-radius: 50%;
    height: 40px;
    line-height: 40px;
    opacity: 0;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 10px;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    visibility: hidden;
    width: 40px;
    z-index: 1;
}

    .su-product-4-card .wishlist:hover {
        background: var(--white-color);
    }

.su-product-4-card .navigation span {
    position: absolute;
    color: var(--dark-color);
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 18px;
    display: inline-block;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
}

    .su-product-4-card .navigation span:hover {
        background: var(--dark-color);
        color: var(--white-color);
    }

    .su-product-4-card .navigation span.product-next {
        left: auto;
        right: 0;
    }

.su-product-4-card .product-cetagory {
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0em;
    color: var(--text-color);
}

.su-product-4-card .product-title {
    font-weight: 600;
    font-size: 14px;
    text-transform: capitalize;
    color: var(--dark-color);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

    .su-product-4-card .product-title a {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#1D1D1D)), -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#1D1D1D));
        background-image: linear-gradient(#1D1D1D, #1D1D1D), linear-gradient(#1D1D1D, #1D1D1D);
        background-size: 0 1px, 0 1px;
        background-position: 100% 100%, 0 100%;
        background-repeat: no-repeat;
        -webkit-transition: background-size 0.3s linear;
        transition: background-size 0.3s linear;
        -webkit-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
    }

        .su-product-4-card .product-title a:hover {
            background-image: -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#1D1D1D)), -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#1D1D1D));
            background-image: linear-gradient(#1D1D1D, #1D1D1D), linear-gradient(#1D1D1D, #1D1D1D);
            background-size: 0 1px, 100% 1px;
            background-position: 100% 100%, 0 100%;
            background-repeat: no-repeat;
            -webkit-transition: background-size 0.3s linear;
            transition: background-size 0.3s linear;
            -webkit-transition: all 0.4s ease-out 0s;
            transition: all 0.4s ease-out 0s;
            color: var(--dark-color);
        }

.su-product-4-card.home1 .product-price {
    font-size: 12px;
    font-weight: var(--font-weight-400);
}

.su-product-4-card.home1 .product-title a {
    font-size: 13px;
    letter-spacing: 0em;
}

.su-product-4-card.home1 .product-cetagory {
    font-size: 13px;
    font-weight: var(--font-weight-500);
}

.su-product-4-card .product-price {
    color: var(--dark-color);
    font-size: 14px;
    font-weight: 500;
    line-height: 200%;
    text-transform: capitalize;
}

    .su-product-4-card .product-price del {
        font-size: 12px;
        letter-spacing: 0em;
        color: var(--text-color);
        margin-right: 5px;
    }

    .su-product-4-card .product-price .discount {
        font-size: 12px;
        letter-spacing: 0em;
        color: var(--theme-color5);
        margin-left: 5px;
    }

.su-product-4-card .product-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.su-product-4-card .list-color-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8.5px;
    margin-top: 2px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .su-product-4-card .list-color-product .list-color-item {
        width: 17px;
        height: 17px;
        padding: 2px;
        border: solid 1px #e6e6e6;
        background-color: transparent;
        -webkit-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
        border-radius: 50%;
        cursor: pointer;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .su-product-4-card .list-color-product .list-color-item .swatch-value {
            width: 11px;
            height: 11px;
            display: inline-block;
            border-radius: 50%;
            -webkit-transition: all 0.4s ease-out 0s;
            transition: all 0.4s ease-out 0s;
        }

        .su-product-4-card .list-color-product .list-color-item .sold-out::after {
            content: "";
            width: 90%;
            height: 1px;
            background: rgb(34, 34, 34);
            display: block;
            position: absolute;
            z-index: 22;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%) rotate(135deg);
            transform: translate(-50%, -50%) rotate(135deg);
        }

        .su-product-4-card .list-color-product .list-color-item img {
            visibility: hidden;
            width: 11px;
            height: 11px;
            position: absolute;
        }

        .su-product-4-card .list-color-product .list-color-item.active,
        .su-product-4-card .list-color-product .list-color-item:hover {
            border-color: var(--dark-color);
        }

            .su-product-4-card .list-color-product .list-color-item:hover .tooltip {
                opacity: 0.9;
                visibility: visible;
            }

    .su-product-4-card .list-color-product .more {
        list-style: none;
        height: 17px;
    }

        .su-product-4-card .list-color-product .more span {
            font-weight: 500;
            font-size: 10px;
            letter-spacing: 0em;
            color: var(--dark-color);
            -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
            display: inline-block;
        }

.su-product-4-card .tooltip {
    left: -17px;
    right: 0;
    z-index: 202;
    opacity: 0;
    visibility: hidden;
    display: block;
    position: absolute;
    top: 100%;
    margin-top: 8px;
    border-radius: 2px;
    white-space: nowrap;
    background-color: var(--dark-color);
    color: var(--white-color);
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    padding: 3px 10px 6px;
    max-width: 250px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-transition: opacity 0.4s ease 0.2s, -webkit-transform 0.4s ease 0.2s;
    transition: opacity 0.4s ease 0.2s, -webkit-transform 0.4s ease 0.2s;
    transition: transform 0.4s ease 0.2s, opacity 0.4s ease 0.2s;
    transition: transform 0.4s ease 0.2s, opacity 0.4s ease 0.2s, -webkit-transform 0.4s ease 0.2s;
}

    .su-product-4-card .tooltip::before {
        content: "";
        left: 50%;
        -webkit-transform: translateX(-50%) rotate(45deg);
        transform: translateX(-50%) rotate(45deg);
        top: -4px;
        position: absolute;
        background: var(--dark-color);
        width: 8px;
        height: 8px;
        z-index: 100;
    }

.su-product-4-card .hover-tooltip {
    position: relative;
}

    .su-product-4-card .hover-tooltip:hover .tooltip {
        opacity: 0.9;
        visibility: visible;
    }

    .su-product-4-card .hover-tooltip.center .tooltip {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

.su-product-4-card .size-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .su-product-4-card .size-list span {
        border: 1px solid #ecedec;
        border-radius: 4px;
        color: var(--dark-color);
        cursor: pointer;
        display: inline-block;
        font-size: 10px;
        font-weight: 500;
        height: 25px;
        letter-spacing: 0em;
        line-height: 25px;
        margin: 0 4px;
        text-align: center;
        -webkit-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
        width: 25px;
    }

        .su-product-4-card .size-list span.active,
        .su-product-4-card .size-list span:hover {
            border-color: var(--dark-color);
        }

    .su-product-4-card .size-list .more {
        color: var(--dark-color);
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 0em;
        margin-left: 4px;
    }

.su-product-4-card .product-new {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    left: 20px;
    margin-right: 100px;
    top: 20px;
    z-index: 2;
}

    .su-product-4-card .product-new span {
        background: var(--theme-color4);
        border-radius: 20px;
        color: var(--white-color);
        display: inline-block;
        font-size: 12px;
        font-weight: 600;
        margin-right: 5px;
        margin-bottom: 5px;
        padding: 2px 10px;
        text-transform: capitalize;
    }

    .su-product-4-card .product-new .sale {
        background: var(--theme-color5);
    }

    .su-product-4-card .product-new .discount {
        background: var(--theme-color6);
    }

    .su-product-4-card .product-new .order {
        background: #e89141;
    }

.su-product-4-card.collection-style .wishlist {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: var(--white-color);
    width: 30px;
    height: 30px;
    line-height: 28px;
}

    .su-product-4-card.collection-style .wishlist svg {
        width: 12px;
        height: 12px;
    }

    .su-product-4-card.collection-style .wishlist:hover {
        background: var(--dark-color);
    }

        .su-product-4-card.collection-style .wishlist:hover svg {
            color: var(--white-color);
        }

.su-product-4-card.card-style-home17 .info-close {
    background-color: transparent;
    cursor: pointer;
    font-size: 10px;
    position: absolute;
    right: 20px;
    top: 20px;
}

.su-product-4-card.card-style-home17 .info-open {
    background-color: var(--white-color);
    border-radius: 50%;
    bottom: 20px;
    font-size: 11px;
    height: 30px;
    line-height: 35px;
    left: auto;
    opacity: 1;
    position: absolute;
    right: 20px;
    text-align: center;
    top: auto;
    width: 30px;
    z-index: 9;
}

.su-product-4-card.card-style-home17 .product-size-info {
    display: none;
    max-height: 140px;
}

.su-product-4-card.card-style-home17 .list-color-product .more span {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}

.su-product-4-card.card-style-home17 .product-title a {
    color: var(--dark-color5);
    font-family: var(--jost-font);
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0em;
}

.su-product-4-card.card-style-home17 .product-price {
    color: var(--dark-color5);
    font-family: var(--jost-font);
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}

.su-product-4-card.home8 .product-title {
    font-family: var(--jakarta-font);
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0em;
    text-transform: uppercase;
}

.su-product-4-card.home8 .product-price {
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 0em;
}

.su-product-4-card.home8 .product-cetagory {
    text-transform: uppercase;
}

.su-product-4-card.home18 .product-btn {
    font-family: var(--dmsans-font);
    font-weight: var(--font-weight-500);
    font-size: 12px;
    letter-spacing: 0em;
}

.su-product-4-card.home20 {
    background-color: var(--white-color);
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

    .su-product-4-card.home20:hover {
        -webkit-box-shadow: 0px 15px 24px rgba(0, 0, 0, 0.05);
        box-shadow: 0px 15px 24px rgba(0, 0, 0, 0.05);
    }

        .su-product-4-card.home20:hover .shop-item-social ul .add-to-cart {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0);
            -webkit-transition-delay: 600ms;
            transition-delay: 600ms;
            position: relative;
        }

        .su-product-4-card.home20:hover .shop-item-social ul .wish-list {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0);
            -webkit-transition-delay: 700ms;
            transition-delay: 700ms;
        }

        .su-product-4-card.home20:hover .shop-item-social ul .quick-view {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0);
            -webkit-transition-delay: 800ms;
            transition-delay: 800ms;
        }

    .su-product-4-card.home20 .product-title,
    .su-product-4-card.home20 .product-title a,
    .su-product-4-card.home20 .text,
    .su-product-4-card.home20 .product-price {
        color: var(--dark-color);
        font-family: var(--roboto-font);
        font-weight: 500;
        font-size: 14px;
        line-height: 16px;
    }

    .su-product-4-card.home20 .text,
    .su-product-4-card.home20 .product-price {
        font-weight: 400;
    }

    .su-product-4-card.home20 .product-price {
        color: var(--body-color);
    }

    .su-product-4-card.home20 .product-img {
        border-radius: 0;
    }

    .su-product-4-card.home20 .shop-item-social ul {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: absolute;
        right: 45px;
        top: 45px;
        -webkit-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
        z-index: 9;
    }

        .su-product-4-card.home20 .shop-item-social ul li {
            cursor: pointer;
        }

        .su-product-4-card.home20 .shop-item-social ul .add-to-cart {
            margin-bottom: 15px;
            -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
            -webkit-transition: all 0.6s ease-out 0s;
            transition: all 0.6s ease-out 0s;
            opacity: 0;
            cursor: pointer;
        }

            .su-product-4-card.home20 .shop-item-social ul .add-to-cart::before {
                background-color: var(--white-color);
                position: absolute;
                content: "";
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                height: 35px;
                width: 35px;
                line-height: 35px;
                border-radius: 50%;
                -webkit-box-shadow: var(--shadow);
                box-shadow: var(--shadow);
                left: 50%;
                top: 48%;
                z-index: -1;
                cursor: pointer;
            }

            .su-product-4-card.home20 .shop-item-social ul .add-to-cart a {
                color: var(--dark-color);
            }

            .su-product-4-card.home20 .shop-item-social ul .add-to-cart:hover::before {
                background-color: var(--dark-color);
            }

            .su-product-4-card.home20 .shop-item-social ul .add-to-cart:hover a {
                color: var(--white-color);
            }

        .su-product-4-card.home20 .shop-item-social ul .wish-list {
            margin-bottom: 15px;
            -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
            -webkit-transition: all 0.6s ease-out 0s;
            transition: all 0.6s ease-out 0s;
            opacity: 0;
        }

            .su-product-4-card.home20 .shop-item-social ul .wish-list::before {
                background-color: var(--white-color);
                position: absolute;
                content: "";
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                height: 35px;
                width: 35px;
                line-height: 35px;
                border-radius: 50%;
                -webkit-box-shadow: var(--shadow);
                box-shadow: var(--shadow);
                left: 50%;
                top: 48%;
                z-index: -1;
            }

            .su-product-4-card.home20 .shop-item-social ul .wish-list a {
                color: var(--dark-color);
            }

            .su-product-4-card.home20 .shop-item-social ul .wish-list:hover::before {
                background-color: var(--dark-color);
            }

            .su-product-4-card.home20 .shop-item-social ul .wish-list:hover a {
                color: var(--white-color);
            }

        .su-product-4-card.home20 .shop-item-social ul .quick-view {
            margin-bottom: 15px;
            -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
            -webkit-transition: all 0.7s ease-out 0s;
            transition: all 0.7s ease-out 0s;
            opacity: 0;
        }

            .su-product-4-card.home20 .shop-item-social ul .quick-view::before {
                background-color: var(--white-color);
                position: absolute;
                content: "";
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                height: 35px;
                line-height: 35px;
                width: 35px;
                border-radius: 50%;
                -webkit-box-shadow: var(--shadow);
                box-shadow: var(--shadow);
                left: 50%;
                top: 48%;
                z-index: -1;
                -webkit-transition: all 0.3s ease-out 0s;
                transition: all 0.3s ease-out 0s;
            }

            .su-product-4-card.home20 .shop-item-social ul .quick-view a {
                color: var(--dark-color);
            }

            .su-product-4-card.home20 .shop-item-social ul .quick-view:hover::before {
                background-color: var(--dark-color);
            }

            .su-product-4-card.home20 .shop-item-social ul .quick-view:hover a {
                color: var(--white-color);
            }

    .su-product-4-card.home20 .add-to-cart .tooltip {
        left: -100px;
    }

    .su-product-4-card.home20 .add-to-cart,
    .su-product-4-card.home20 .wish-list,
    .su-product-4-card.home20 .quick-view {
        -webkit-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
    }

        .su-product-4-card.home20 .add-to-cart:hover .tooltip,
        .su-product-4-card.home20 .wish-list:hover .tooltip,
        .su-product-4-card.home20 .quick-view:hover .tooltip {
            opacity: 1;
            visibility: visible;
        }

    .su-product-4-card.home20 .tooltip {
        background-color: var(--dark-color);
        border-radius: 4px;
        color: var(--white-color);
        left: -118px;
        display: block;
        font-size: 12px;
        font-weight: 400;
        line-height: 12px;
        margin-top: 0px;
        max-width: 250px;
        opacity: 0;
        padding: 7px 10px 9px;
        position: absolute;
        top: 0%;
        visibility: hidden;
        z-index: 202;
        -webkit-transition: opacity 0.4s ease 0.2s, -webkit-transform 0.4s ease 0.2s;
        transition: opacity 0.4s ease 0.2s, -webkit-transform 0.4s ease 0.2s;
        transition: transform 0.4s ease 0.2s, opacity 0.4s ease 0.2s;
        transition: transform 0.4s ease 0.2s, opacity 0.4s ease 0.2s, -webkit-transform 0.4s ease 0.2s;
    }

        .su-product-4-card.home20 .tooltip::before {
            background: var(--dark-color);
            content: "";
            height: 8px;
            left: 98%;
            position: absolute;
            right: -7px;
            top: 40%;
            -webkit-transform: translateX(-50%) rotate(45deg);
            transform: translateX(-50%) rotate(45deg);
            width: 8px;
            z-index: 100;
        }

.su-product-4-card.home23 .product-title {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0em;
}

.su-product-4-card.home23 .product-price {
    color: var(--dark-grayish-orange);
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: 0em;
}

.su-product-4-card.shop-list6 {
    border: 0.5px solid var(--dark-color);
    margin-bottom: -1px;
}

.su-product-4-tab-btn .tab-btn {
    padding: 0;
    border: none;
    background: none;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0em;
    color: var(--dark-color);
    margin-right: 30px;
    position: relative;
    padding-bottom: 4px;
}

    .su-product-4-tab-btn .tab-btn.active::before,
    .su-product-4-tab-btn .tab-btn:hover::before {
        width: 100%;
        left: 0;
        right: auto;
    }

    .su-product-4-tab-btn .tab-btn::before {
        position: absolute;
        content: "";
        width: 0;
        height: 1px;
        background: var(--dark-color);
        bottom: 0;
        left: auto;
        right: 0;
        -webkit-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
    }

.su-product-4-tab-btn.tab-btn-6 {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    row-gap: 20px;
}

    .su-product-4-tab-btn.tab-btn-6 .tab-btn {
        color: var(--theme-color9);
        font-family: var(--jakarta-font);
        font-size: 20px;
        font-weight: 600;
        line-height: 34px;
        text-transform: uppercase;
        margin-right: 0;
    }

        .su-product-4-tab-btn.tab-btn-6 .tab-btn.active,
        .su-product-4-tab-btn.tab-btn-6 .tab-btn:hover {
            color: var(--dark-color);
        }

.su-product-4-tab-btn.home24 .tab-btn {
    color: var(--gray-color);
    font-family: var(--jost-font);
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: normal;
    text-transform: uppercase;
}

    .su-product-4-tab-btn.home24 .tab-btn.active,
    .su-product-4-tab-btn.home24 .tab-btn:hover {
        color: var(--dark-color);
    }

/*  Product Home 5 Style   */
.su-product-5-style .su-product-4-tab-btn .tab-btn {
    margin: 0px 15px;
}

.su-product-5-tab-content .su-product-4-card {
    border: none;
    margin-right: 0;
}

    .su-product-5-tab-content .su-product-4-card:hover .su-color-mixer {
        opacity: 1;
        visibility: visible;
        bottom: 0;
    }

    .su-product-5-tab-content .su-product-4-card .card-product-info {
        padding: 0px;
        padding-top: 8px;
    }

.su-product-5-tab-content .quickadd {
    font-weight: 500;
    font-size: 14px;
    text-transform: capitalize;
    color: #202025;
}

.su-product-5-tab-content .su-color-mixer {
    background: rgba(255, 255, 255, 0.8);
    padding: 15px 20px;
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 4;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.su-product-5-tab-content .su-product-4-card :hover .product-img .img-product {
    opacity: 1;
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
}

.su-product-5-tab-content .su-product-4-card .product-new {
    left: 0;
    margin-right: 0;
    display: inline-block;
}

    .su-product-5-tab-content .su-product-4-card .product-new span {
        width: auto;
        color: var(--dark-color);
        border-radius: 0;
        background: var(--white-color);
    }

    .su-product-5-tab-content .su-product-4-card .product-new .sale {
        background: var(--dark-color);
    }

    .su-product-5-tab-content .su-product-4-card .product-new .sale {
        background: var(--dark-color);
        color: var(--white-color);
    }

    .su-product-5-tab-content .su-product-4-card .product-new .discount {
        background: var(--text-color);
        color: var(--white-color);
    }

/*  Product Home 7 Style   */
.su-product-7-tranding-item {
    border: none;
}

    .su-product-7-tranding-item:hover .su-product-7-tranding-size {
        opacity: 1;
        visibility: visible;
        bottom: 0;
    }

    .su-product-7-tranding-item .list-color-product {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .su-product-7-tranding-item .card-product-info {
        padding: 0px;
    }

.su-product-7-tranding-size {
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.9);
    padding: 20px 10px;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

    .su-product-7-tranding-size .size-list span {
        border: 1px solid #ecedec;
        width: 35px;
        line-height: 30px;
        height: 30px;
        text-transform: uppercase;
    }

    .su-product-7-tranding-size .product-cetagory {
        font-weight: 500;
        font-size: 14px;
        color: var(--dark-color);
    }

.product-size-info {
    background-color: var(--white-color);
    border: 1px solid var(--gray-color);
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 99;
}

    .product-size-info .product-cetagory {
        font-weight: 500;
        font-size: 14px;
        color: var(--dark-color);
    }

    .product-size-info .content {
        padding: 30px 30px 40px;
    }

    .product-size-info .size-list span {
        border: 1px solid var(--gray-color);
        border-radius: 0;
        color: var(--dark-color5);
        font-family: var(--jost-font);
        font-size: 13px;
        font-weight: 500;
        height: 40px;
        letter-spacing: 0em;
        line-height: 40px;
        text-transform: uppercase;
        width: 60px;
    }

        .product-size-info .size-list span.active {
            border: 1px solid var(--dark-color5);
        }

.su-product-7-slider {
    margin-left: -40px;
}

@media (max-width: 1199.98px) {
    .su-product-7-slider {
        margin-left: 0;
    }
}

.su-product-7-slider-pagination {
    padding-top: 270px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .su-product-7-slider-pagination {
        padding-top: 0;
    }
}

.su-product-7-slider-pagination .swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .su-product-7-slider-pagination .swiper-pagination {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-top: 40px;
    }
}

.su-product-7-slider-pagination .swiper-pagination .swiper-pagination-bullet {
    margin: 15px 3px !important;
    width: 8px;
    height: 8px;
    background: var(--dark-color);
    opacity: 1;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    position: relative;
    cursor: pointer;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .su-product-7-slider-pagination .swiper-pagination .swiper-pagination-bullet {
        margin: 3px 15px !important;
    }
}

.su-product-7-slider-pagination .swiper-pagination .swiper-pagination-bullet::before {
    position: absolute;
    content: "";
    width: 28px;
    height: 28px;
    border: 1px solid var(--dark-color);
    border-radius: 50%;
    left: -10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
}

.su-product-7-slider-pagination .swiper-pagination .swiper-pagination-bullet-active::before {
    opacity: 1;
}

.su-product-7-step-wrap .product-content {
    padding-left: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .su-product-7-step-wrap .product-content {
        padding-left: 0;
    }
}

.su-product-7-step-wrap .subtitle {
    font-weight: 500;
    font-size: 14px;
    color: var(--dark-color);
}

.su-product-7-step-wrap .title {
    font-weight: 500;
    font-size: 30px;
    letter-spacing: 0.03em;
    color: var(--dark-color);
}

.su-product-7-step-wrap p {
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
    color: var(--dark-color);
}

.su-product-7-tag {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 22;
}

    .su-product-7-tag ul li {
        display: block;
        margin-bottom: 5px;
    }

        .su-product-7-tag ul li a {
            font-weight: 600;
            font-size: 12px;
            color: var(--white-color);
            border-radius: 20px;
            padding: 2px 10px;
            background: #1d1d1d;
            display: inline-block;
        }

/*  Product Home 8 Style   */
.su-product-8-tab-content .su-product-4-card .list-color-product .list-color-item {
    width: 20px;
    height: 29px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 0;
    display: inline-block;
}

    .su-product-8-tab-content .su-product-4-card .list-color-product .list-color-item img {
        visibility: visible;
        width: 20px;
        height: 27px;
    }

    .su-product-8-tab-content .su-product-4-card .list-color-product .list-color-item.active,
    .su-product-8-tab-content .su-product-4-card .list-color-product .list-color-item:hover {
        border-color: var(--dark-color);
    }

.su-product-8-tab-content .su-product-4-card .wishlist {
    background: var(--white-color);
    line-height: 36px;
    color: var(--dark-color);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

    .su-product-8-tab-content .su-product-4-card .wishlist:hover {
        background: var(--dark-color);
        color: var(--white-color);
    }

.su-product-8-slider-title {
    margin-right: -70px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .su-product-8-slider-title {
        margin-right: 0;
    }
}

.su-product-8-slider-title .subtitle {
    font-weight: 500;
    font-size: 14px;
    color: var(--dark-color);
}

.su-product-8-slider-title .text {
    font-weight: 500;
    font-size: 14px;
    color: var(--dark-color);
    line-height: 28px;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .su-product-8-slider-title .text br {
        display: none;
    }
}

.su-product-8-slider-title .navigation span {
    background: var(--white-color);
    border: 1px solid var(--gray-color);
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    height: 50px;
    line-height: 44px;
    text-align: center;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    width: 50px;
}

    .su-product-8-slider-title .navigation span:hover {
        background: var(--dark-color);
        border-color: var(--dark-color);
        color: var(--white-color);
    }

.su-product-8-slider-wrap {
    margin-left: 45px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .su-product-8-slider-wrap {
        margin-left: 80px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .su-product-8-slider-wrap {
        margin-left: 0;
    }
}

.su-product-8-slider-wrap .su-product-8-slider {
    margin-right: -350px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .su-product-8-slider-wrap .su-product-8-slider {
        margin-right: 0;
    }
}

.su-product-8-slider-wrap .su-product-7-tag {
    left: 0;
    top: 0;
}

    .su-product-8-slider-wrap .su-product-7-tag ul li a {
        border-radius: 0;
    }

.su-product-details-8-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .su-product-details-8-tab .nav-tabs {
        border: none;
    }

        .su-product-details-8-tab .nav-tabs button {
            border: none;
            margin: 0;
            margin-bottom: 10px;
            margin-right: 10px;
            opacity: 0.3;
            padding: 0;
            width: 70px;
        }

            .su-product-details-8-tab .nav-tabs button.active {
                opacity: 1;
            }

.su-product-details-8-content {
    border: none;
    margin: 0;
    padding-left: 65px;
}

@media (max-width: 1499.98px) {
    .su-product-details-8-content {
        padding-left: 15px;
    }
}

.su-product-details-8-content .subtile {
    font-size: 12px;
    letter-spacing: 0em;
    color: var(--text-color);
}

.su-product-details-8-content .title {
    font-weight: 600;
    font-size: 30px;
    letter-spacing: 0.03em;
    color: var(--dark-color);
    margin-top: 5px;
    margin-bottom: 25px;
}

.su-product-details-8-content .price {
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    color: var(--dark-color);
    margin-bottom: 25px;
    display: block;
}

.su-product-details-8-content .text {
    font-weight: 500;
    font-size: 14px;
    color: var(--dark-color);
    line-height: 28px;
    margin-bottom: 28px;
}

.su-product-details-8-content .list-color-product {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.su-product-details-8-content .size-list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

    .su-product-details-8-content .size-list span {
        width: auto;
        height: auto;
        line-height: 23px;
        font-size: 15px;
        font-weight: 400;
        padding: 9px 13px;
        text-transform: uppercase;
        color: #202025;
    }

.su-product-details-8-content .color-product-name span {
    font-weight: 500;
    font-size: 14px;
    color: #202025;
}

.su-product-details-8-content .color-product-name .name {
    color: #767676;
}

.su-product-details-8-content .quantity-block {
    border: 1px solid #e6e6e6;
    border-radius: 12px;
    width: 130px;
    height: 54px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 15px;
}

    .su-product-details-8-content .quantity-block .quantity-num {
        outline: none;
        width: 25px;
        padding: 0;
        margin: 0;
        line-height: 1;
        background: none;
        border: none;
        text-align: center;
        font-weight: 500;
        font-size: 12px;
        letter-spacing: 0em;
        color: var(--dark-color);
    }

    .su-product-details-8-content .quantity-block button {
        background: none;
        border: none;
        outline: none;
        font-size: 12px;
        color: var(--dark-color);
        padding: 0;
        width: 20px;
        width: 20px;
        text-align: center;
    }

.su-product-details-8-content .su-btn-border {
    border: 1px solid #1d1d1d;
    border-radius: 12px;
    background: none;
    color: var(--dark-color);
}

.su-product-details-8-content .details-bg-btn {
    border-radius: 12px;
    border: none;
}

/*  Product Home 11 Style   */
.product-11-area .product-11 .card-product-info {
    padding: 0 40px;
}

@media (max-width: 1399.98px) {
    .product-11-area .product-11 .card-product-info {
        padding: 0 10px;
    }
}

.product-11-area .product-11 .product-title a {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    color: var(--dark-color);
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    background-image: none;
    font-family: var(--jost-font);
}

.product-11-area .product-11 .rating img {
    margin: 0 2px;
}

.product-11-area .product-11 .product-price {
    font-size: 14px;
    font-weight: 500;
    font-family: var(--jost-font);
}

.product-11-area .product-11 .product-btn {
    background: var(--dark-color);
}

.product-11-area .product-11 .colors {
    font-size: 13px;
    font-weight: 400;
    font-family: var(--jost-font);
    text-transform: capitalize;
}

/*  Product Home 12 Style   */
.single-product-12-area {
    background: var(--gray-color-2);
    padding-top: 0;
    padding-bottom: 0;
}

@media (max-width: 991.98px) {
    .single-product-12-area {
        padding-top: 120px;
        padding-bottom: 120px;
    }
}

.single-product-12-area .su-product-4-card {
    margin-left: 50px;
}

@media (max-width: 1199.98px) {
    .single-product-12-area .su-product-4-card {
        margin-left: 0;
    }
}

.single-product-12-area .img {
    margin-right: -251px;
}

@media (max-width: 991.98px) {
    .single-product-12-area .img {
        margin-right: 0;
    }
}

/*  Product Home 12 & 15 Style   */
.su-product-4-tab-btn.style12 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}

    .su-product-4-tab-btn.style12 .nav-link {
        font-family: var(--dmsans-font);
        font-size: 12px;
        font-weight: 500;
        border: 1px solid var(--gray-color);
        margin-right: 0;
        padding-bottom: 0;
        padding: 5px 20px;
        border-radius: 50px;
    }

        .su-product-4-tab-btn.style12 .nav-link:hover {
            color: var(--white-color);
            background: var(--dark-color);
            border-color: var(--dark-color);
        }

        .su-product-4-tab-btn.style12 .nav-link::before {
            display: none;
        }

        .su-product-4-tab-btn.style12 .nav-link.active {
            color: var(--white-color);
            background: var(--dark-color);
            border-color: var(--dark-color);
        }

.su-product-4-tab-btn.style15 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 60px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 575.98px) {
    .su-product-4-tab-btn.style15 {
        gap: 20px;
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px;
    }
}

.su-product-4-tab-btn.style15 .nav-link {
    color: var(--theme-color9);
    font-family: var(--libre-font);
    font-size: 36px;
    font-weight: 400;
    line-height: 60px;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    margin-right: 0;
}

@media (max-width: 991.98px) {
    .su-product-4-tab-btn.style15 .nav-link {
        font-size: 26px;
        line-height: 47px;
    }
}

@media (max-width: 767.98px) {
    .su-product-4-tab-btn.style15 .nav-link {
        font-size: 22px;
        line-height: 40px;
    }
}

.su-product-4-tab-btn.style15 .nav-link.active {
    color: var(--dark-color);
}

.su-product-4-tab-btn.home20-style .tab-btn {
    color: var(--gray-color-4);
    font-family: var(--roboto-font);
    font-size: 36px;
    font-weight: 600;
    line-height: 42px;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

    .su-product-4-tab-btn.home20-style .tab-btn.active {
        color: var(--dark-color);
    }

/*  shop look 14 Style   */
.shop-look-14 .su-shop-14-navigation span {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 99;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.shop-look-14 .su-shop-14-navigation .prev {
    left: -50px;
}

.shop-look-14 .su-shop-14-navigation .next {
    right: -50px;
}

@media (max-width: 1199.98px) {
    .shop-look-14 .shop-look-img {
        padding-right: 40px;
    }
}

@media (max-width: 991.98px) {
    .shop-look-14 .shop-look-img {
        padding-right: 0;
    }
}

.shop-look-14 .shop-look-img .circle {
    position: absolute;
    z-index: 99;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--white-color);
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

    .shop-look-14 .shop-look-img .circle::before {
        position: absolute;
        content: "";
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        border-radius: 9999px;
        -webkit-animation: ripple 3s infinite;
        animation: ripple 3s infinite;
        -webkit-animation-delay: 0.9s;
        animation-delay: 0.9s;
    }

    .shop-look-14 .shop-look-img .circle::after {
        position: absolute;
        content: "";
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        border-radius: 9999px;
        -webkit-animation: ripple 3s infinite;
        animation: ripple 3s infinite;
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s;
    }

@-webkit-keyframes ripple {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
    }

    50% {
        -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

@keyframes ripple {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
    }

    50% {
        -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

@-webkit-keyframes ripple_black {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
    }

    50% {
        -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

@keyframes ripple_black {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
    }

    50% {
        -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

.shop-look-14 .shop-look-img .circle .dots {
    width: 8px;
    height: 8px;
    background: var(--dark-color);
    border-radius: 50%;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.shop-look-14 .shop-look-img .circle:hover {
    width: 32px;
    height: 32px;
}

    .shop-look-14 .shop-look-img .circle:hover .dots {
        width: 12px;
        height: 12px;
    }

.shop-look-14 .shop-look-img .prev {
    top: 30%;
    left: 40%;
}

.shop-look-14 .shop-look-img .next {
    bottom: 28% !important;
    right: 46%;
    top: unset;
}

.shop-look-14.shop-look-12 {
    background: var(--dark-color);
    padding: 0 0;
}

@media (max-width: 991.98px) {
    .shop-look-14.shop-look-12 {
        padding: 120px 0 120px 0;
    }
}

.shop-look-14.shop-look-12 .shop-look-img .prev {
    left: 49%;
}

.shop-look-14.shop-look-12 .shop-look-img .next {
    bottom: 43% !important;
    right: 57%;
}

.shop-look-14.shop-look-12 .shop-look-product .shop-title {
    font-family: var(--dmsans-font);
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.48px;
}

@media (max-width: 1199.98px) {
    .shop-look-14.shop-look-12 .shop-look-product .shop-title {
        margin-bottom: 20px !important;
    }
}

.shop-look-14.shop-look-12 .su-product-4-card .product-title a {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF)), -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF));
    background-image: linear-gradient(#FFFFFF, #FFFFFF), linear-gradient(#FFFFFF, #FFFFFF);
}

.shop-look-14.shop-look-12 .su-product-4-card .list-color-product .list-color-item {
    border-color: var(--gray-color);
}

.shop-look-14.shop-look-12 .su-product-4-card .wishlist {
    color: var(--white-color);
    padding-right: 2px;
}

    .shop-look-14.shop-look-12 .su-product-4-card .wishlist:hover {
        color: var(--white-color);
    }

        .shop-look-14.shop-look-12 .su-product-4-card .wishlist:hover svg {
            color: var(--white-color);
        }

/*  Product card 14 Style   */
.product-card-14 .list-color-product {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.product-card-14 .product-img {
    border-radius: 12px;
}

.product-card-14 .size-list-wrapper {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 0px 0px 12px 12px;
    padding: 20px;
    z-index: 99;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    visibility: hidden;
    opacity: 0;
    bottom: -80px !important;
}

    .product-card-14 .size-list-wrapper .title {
        color: var(--dark-color);
        font-family: var(--opensans-font);
        font-size: 14px;
        font-weight: 600;
        line-height: 28px;
        text-transform: capitalize;
        margin-bottom: 10px;
    }

    .product-card-14 .size-list-wrapper .size-list span {
        font-family: var(--opensans-font);
        color: var(--dark-color);
        font-size: 12px;
        font-weight: 600;
        line-height: 22px;
        letter-spacing: 0px;
        border: 1px solid transparent;
    }

        .product-card-14 .size-list-wrapper .size-list span.active {
            border-color: var(--dark-color);
        }

.product-card-14 .card-product-info {
    text-align: left;
    padding: 0;
    padding-top: 18px;
}

    .product-card-14 .card-product-info .product-title a {
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
        font-family: var(--opensans-font);
    }

    .product-card-14 .card-product-info .product-price {
        font-size: 14px;
        font-weight: 400;
        font-family: var(--opensans-font);
        color: var(--theme-color9);
    }

    .product-card-14 .card-product-info .list-color-product .more span {
        font-size: 12px;
        font-weight: 500;
        color: var(--dark-color);
        font-family: var(--dmsans-font);
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

.product-card-14:hover .img-product {
    opacity: 1 !important;
}

.product-card-14:hover .size-list-wrapper {
    visibility: visible;
    opacity: 1;
    bottom: 0 !important;
}

/*  Product step 15 Style   */
.product-step-15-item .text .title {
    color: var(--dark-color);
    font-family: var(--libre-font);
    font-size: 30px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

@media (max-width: 575.98px) {
    .product-step-15-item .text .title {
        font-size: 26px;
    }
}

.product-step-15-item .text p {
    color: var(--dark-color);
    font-family: var(--outfit-font);
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
}

.product-step-15-item.home1 .text-content {
    max-width: 500px;
}

@media (max-width: 991.98px) {
    .product-step-15-item.home1 .text-content {
        max-width: 100%;
    }
}

.product-step-15-item.home1 .title {
    font-family: var(--jakarta-font);
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 38px;
    letter-spacing: 0.03em;
}

.product-step-15-item.home1 .text {
    color: var(--text-dark2);
    font-family: var(--jakarta-font);
    font-weight: var(--font-weight-500);
    font-size: 14px;
    line-height: 28px;
}

.product-step-15-item.style14 .text {
    max-width: 500px;
}

@media (max-width: 991.98px) {
    .product-step-15-item.style14 .text {
        max-width: 100%;
    }
}

.product-step-15-item.style14 .sub-title {
    font-family: var(--opensans-font);
    font-weight: 600;
    font-size: 14px;
    line-height: 28px;
}

.product-step-15-item.style14 .title {
    font-family: var(--opensans-font);
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.9px;
}

.product-step-15-item.style14 p {
    color: var(--dark-color);
    font-family: var(--opensans-font);
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
}

.product-step-15-item.style6 {
    background: var(--theme-color11);
}

    .product-step-15-item.style6 .sub-title {
        font-weight: 500;
        font-size: 15px;
    }

    .product-step-15-item.style6 p {
        font-weight: 500;
    }

    .product-step-15-item.style6 .su-btn-4-border-dark {
        color: var(--theme-color26);
        border-color: var(--theme-color26);
    }

.product-step-15-item.style19 .text {
    max-width: 580px;
    margin-left: 40px;
}

@media (max-width: 1399.98px) {
    .product-step-15-item.style19 .text {
        margin-left: 0;
    }
}

.product-step-15-item.style19 .title {
    font-family: var(--cormorant-font);
    font-size: 60px;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
}

@media (max-width: 1399.98px) {
    .product-step-15-item.style19 .title {
        font-size: 50px;
    }
}

@media (max-width: 575.98px) {
    .product-step-15-item.style19 .title {
        font-size: 40px;
    }
}

.product-step-15-item.style19 p {
    color: var(--dark-color);
    font-family: var(--jost-font);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}

.product-step-15-item.style19 .su-btn-4-black {
    font-weight: 500;
    font-family: var(--jost-font);
}

.product-step-15-item.shop-lookbook .text {
    padding-left: 120px;
    padding-right: 100px;
}

@media (max-width: 1599.98px) {
    .product-step-15-item.shop-lookbook .text {
        padding-left: 60px;
    }
}

@media (max-width: 1399.98px) {
    .product-step-15-item.shop-lookbook .text {
        padding-right: 60px;
    }
}

@media (max-width: 1199.98px) {
    .product-step-15-item.shop-lookbook .text {
        padding-right: 15;
        padding-left: 30px;
    }
}

@media (max-width: 575.98px) {
    .product-step-15-item.shop-lookbook .text {
        padding-left: 15px;
    }
}

.product-step-15-item.shop-lookbook .text .subtitle {
    font-family: var(--jakarta-font);
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    text-transform: uppercase;
}

.product-step-15-item.shop-lookbook .text .title {
    font-family: var(--jakarta-font);
    font-size: 40px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.2px;
}

@media (max-width: 1399.98px) {
    .product-step-15-item.shop-lookbook .text .title {
        font-size: 36px;
    }
}

@media (max-width: 575.98px) {
    .product-step-15-item.shop-lookbook .text .title {
        font-size: 30px;
        margin-bottom: 25px !important;
    }
}

.product-step-15-item.shop-lookbook .text p {
    padding-right: 10px;
}

.product-step-15-item.shop-lookbook.style2 .text {
    padding-right: 80px;
    padding-left: 0;
}

@media (max-width: 1199.98px) {
    .product-step-15-item.shop-lookbook.style2 .text {
        padding-right: 0;
    }
}

.product-step-15-item.shop-lookbook.style2 .text .subtitle {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.26px;
}

.product-step-15-item.shop-lookbook.style2 .text .title {
    font-size: 30px;
    font-weight: 600;
}

@media (max-width: 991.98px) {
    .product-step-15-item.shop-lookbook.style3 {
        margin-bottom: 0;
    }
}

@media (max-width: 1199.98px) {
    .product-step-15-item.shop-lookbook.style3 .text {
        padding-right: 0;
    }
}

@media (max-width: 991.98px) {
    .product-step-15-item.shop-lookbook.style3 .text {
        padding-top: 0;
    }
}

.product-step-15-item.shop-lookbook.style3 .img .img-one {
    padding-right: 180px;
}

.product-step-15-item.shop-lookbook.style3 .img .img-two {
    position: absolute;
    max-width: 500px;
    bottom: -40px;
    right: 0;
}

@media (max-width: 1399.98px) {
    .product-step-15-item.shop-lookbook.style3 .img .img-two {
        max-width: 395px;
        bottom: -140px;
    }
}

@media (max-width: 1199.98px) {
    .product-step-15-item.shop-lookbook.style3 .img .img-two {
        max-width: 295px;
    }
}

@media (max-width: 991.98px) {
    .product-step-15-item.shop-lookbook.style3 .img .img-two {
        max-width: 100%;
        max-height: 500px;
        margin-top: 30px;
    }
}

@media (max-width: 768.98px) {
    .product-step-15-item.shop-lookbook.style3 .img .img-two {
        max-width: 70%;
        bottom: -100px;
    }
}

.product-step-15-item + .product-step-15-item {
    margin-top: 120px;
}

.product-card-15 .product-btn {
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(5px);
    font-size: 12px;
    font-weight: 500;
    font-family: var(--dmsans-font);
}

.product-card-15 .wishlist {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: var(--white-color);
    width: 30px;
    height: 30px;
    line-height: 28px;
}

    .product-card-15 .wishlist svg {
        width: 12px;
        height: 12px;
    }

    .product-card-15 .wishlist:hover {
        background: var(--dark-color);
    }

        .product-card-15 .wishlist:hover svg {
            color: var(--white-color);
        }

.product-card-15 .product-img img {
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.product-card-15 .card-product-info {
    padding: 20px;
    padding-bottom: 0;
}

    .product-card-15 .card-product-info .product-title a {
        font-size: 14px;
        font-weight: 400;
        text-transform: uppercase;
        font-family: var(--outfit-font);
    }

    .product-card-15 .card-product-info .product-price {
        font-size: 14px;
        font-weight: 400;
        font-family: var(--outfit-font);
        color: var(--theme-color9);
    }

    .product-card-15 .card-product-info .list-color-product .more span {
        font-size: 12px;
        font-weight: 500;
        color: var(--dark-color);
        font-family: var(--dmsans-font);
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

.product-card-15:hover .product-img img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.product-card-15.home2 .product-price {
    font-size: 12px;
    font-weight: var(--font-weight-400);
}

.product-card-15.home2 .product-title a {
    font-family: var(--body-font);
    letter-spacing: 0em;
    line-height: 28px;
}

.product-card-15.home2 .product-cetagory {
    font-size: 13px;
    font-weight: var(--font-weight-500);
}

.product-card-15.product-card-9 .product-title a {
    font-size: 13px;
    font-weight: 600;
    text-transform: unset;
    font-family: var(--jakarta-font);
}

.product-card-15.product-card-9 .add-cart-btn {
    border: 1px solid var(--dark-color);
    height: 30px;
    width: 30px;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.product-card-15.product-card-9 .btn-hover {
    visibility: hidden;
    position: absolute;
    top: 0;
    right: 0;
    width: unset;
    height: unset;
    background: var(--dark-color);
    color: var(--white-color);
    font-size: 12px;
    font-weight: 600;
    padding: 3px 20px;
    padding-right: 14px;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    opacity: 0;
}

    .product-card-15.product-card-9 .btn-hover svg {
        margin-left: 10px;
    }

.product-card-15.product-card-9:hover .btn-hover {
    visibility: visible;
    opacity: 1;
}

.product-card-15.product-card-9.shop-list6 .add-cart-btn {
    bottom: 20px;
    border-radius: 30px;
    left: 0;
    margin: 0 auto;
    top: auto !important;
    width: 149px;
    z-index: 3;
}

.product-card-15.product-card-10 {
    background: var(--theme-color15);
}

    .product-card-15.product-card-10 .card-product-wrapper .product-action-btn {
        bottom: 20px;
        gap: 10px;
        visibility: hidden;
        -webkit-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
        opacity: 0;
        z-index: 9;
    }

        .product-card-15.product-card-10 .card-product-wrapper .product-action-btn .action-btn {
            width: 35px;
            height: 35px;
            background: var(--dark-color);
            color: var(--white-color);
            -webkit-transition: all 0.4s ease-out 0s;
            transition: all 0.4s ease-out 0s;
        }

            .product-card-15.product-card-10 .card-product-wrapper .product-action-btn .action-btn:hover {
                background: var(--white-color);
                color: var(--dark-color);
            }

    .product-card-15.product-card-10 .card-product-wrapper .card-product-info .subtitle {
        font-size: 12px;
        font-weight: 400;
        text-transform: uppercase;
    }

    .product-card-15.product-card-10 .card-product-wrapper .card-product-info .product-title a {
        font-family: var(--jakarta-font);
        font-weight: 600;
        text-transform: unset;
        font-size: 13px;
    }

    .product-card-15.product-card-10:hover .product-action-btn {
        bottom: 39px;
        visibility: visible;
        opacity: 1;
    }

.product-card-15.product-card-12 .card-product-info {
    padding: 20px;
    padding-bottom: 0;
}

    .product-card-15.product-card-12 .card-product-info .product-title a {
        font-size: 14px;
        font-weight: 500;
        font-family: var(--dmsans-font);
    }

    .product-card-15.product-card-12 .card-product-info .product-price {
        font-family: var(--dmsans-font);
        color: var(--dark-color);
    }

.product-card-15.product-card-12 .wishlist {
    width: auto;
    background: transparent;
    height: auto;
}

    .product-card-15.product-card-12 .wishlist:hover svg {
        color: var(--dark-color);
    }

.product-card-15.product-card-13 .scrollable-text {
    z-index: 9;
    background: var(--dark-color);
    padding: 8px 0;
}

    .product-card-15.product-card-13 .scrollable-text .text-item {
        -webkit-animation: scroll2 12s linear infinite;
        animation: scroll2 12s linear infinite;
    }

        .product-card-15.product-card-13 .scrollable-text .text-item p {
            color: var(--theme-color18);
            font-family: var(--bebas-font);
            font-size: 15px;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.45px;
            text-transform: uppercase;
            margin-bottom: 0;
        }

            .product-card-15.product-card-13 .scrollable-text .text-item p svg {
                margin-left: 14px;
            }

@-webkit-keyframes scroll2 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    to {
        -webkit-transform: translateX(calc(-100% - 1rem));
        transform: translateX(calc(-100% - 1rem));
    }
}

@keyframes scroll2 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    to {
        -webkit-transform: translateX(calc(-100% - 1rem));
        transform: translateX(calc(-100% - 1rem));
    }
}

.product-card-15.product-card-13 .product-btn {
    padding: 14px 20px;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(5px);
}

    .product-card-15.product-card-13 .product-btn .quick-add {
        color: var(--dark-color);
        font-size: 18px;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.9px;
        text-transform: uppercase;
    }

    .product-card-15.product-card-13 .product-btn:hover {
        background: rgba(255, 255, 255, 0.7);
    }

.product-card-15.product-card-13 .card-product-info .product-title a {
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.9px;
    text-transform: uppercase;
}

.product-card-15.product-card-13 .card-product-info .product-price {
    font-family: var(--bebas-font);
    color: var(--dark-color);
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.product-card-15.product-card-13 .shop-look-info {
    padding: 26px 20px;
    z-index: 9;
    width: 100%;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    visibility: hidden;
    opacity: 0;
}

@media (max-width: 1399.98px) {
    .product-card-15.product-card-13 .shop-look-info {
        padding: 12px;
    }
}

.product-card-15.product-card-13 .shop-look-info .item-wrapper {
    background: var(--white-color);
    padding: 30px;
}

    .product-card-15.product-card-13 .shop-look-info .item-wrapper .info .product-title a {
        color: var(--dark-color);
        font-size: 13px;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 0.26px;
        font-family: var(--jakarta-font);
    }

    .product-card-15.product-card-13 .shop-look-info .item-wrapper .info .product-price {
        color: var(--theme-color9);
        font-family: var(--jakarta-font);
        font-size: 13px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0.26px;
    }

    .product-card-15.product-card-13 .shop-look-info .item-wrapper .info .su-btn-4 {
        padding: 16px 36px;
        -webkit-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
    }

        .product-card-15.product-card-13 .shop-look-info .item-wrapper .info .su-btn-4:hover {
            background: var(--dark-color);
            color: var(--white-color);
        }

.product-card-15.product-card-13.shop-look-item:hover .shop-look-info {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}

.product-card-15.product-card-13.shop-look-item.bg {
    background: var(--theme-color15);
}

.product-card-15.product-card-19 .product-btn {
    bottom: 5px;
    width: 98%;
    margin: 0 auto;
}

.product-card-15.product-card-19 .card-product-info .product-title a {
    font-family: var(--jost-font);
    font-weight: 400;
    font-size: 16px;
    text-transform: unset;
    letter-spacing: 0.32px;
}

.product-card-15.product-card-19 .card-product-info .product-price {
    font-family: var(--jost-font);
    font-weight: 400;
    font-size: 14px;
    color: var(--dark-color);
}

.product-card-15.product-card-19 .card-product-info .rating img {
    margin: 0 2px;
}

.product-card-15.shop-product-item .card-product-info .sub-title {
    color: var(--dark-color);
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0px;
}

.product-card-15.shop-product-item .card-product-info .product-title a {
    color: var(--dark-color);
    font-size: 13px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.26px;
}

.product-card-15.shop-product-item .card-product-info .product-price {
    color: var(--theme-color9);
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.26px;
}

.product-card-15.product-card-2 .tags {
    z-index: 99;
}

    .product-card-15.product-card-2 .tags ul li a {
        color: var(--white-color);
        font-size: 12px;
        font-weight: 600;
        line-height: 28px;
        text-transform: capitalize;
        padding: 5px 10px;
    }

    .product-card-15.product-card-2 .tags ul li .tag1 {
        background: var(--theme-color4);
    }

    .product-card-15.product-card-2 .tags ul li .tag2 {
        background: var(--theme-color5);
    }

    .product-card-15.product-card-2 .tags ul li .tag3 {
        background: var(--theme-color6);
    }

.product-card-15.product-card-2 .wishlist {
    opacity: 0;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    background: transparent;
    top: 20px;
    right: 20px;
}

    .product-card-15.product-card-2 .wishlist:hover {
        background: var(--white-color);
    }

        .product-card-15.product-card-2 .wishlist:hover svg {
            color: var(--dark-color);
        }

.product-card-15.product-card-2 .add-cart {
    bottom: 20px;
    right: 20px;
    z-index: 9;
    opacity: 0;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.product-card-15.product-card-2 .card-product-info .product-title a {
    font-weight: 600;
}

.product-card-15.product-card-2:hover .wishlist,
.product-card-15.product-card-2:hover .add-cart {
    opacity: 1;
}

.product-card-15.product-card-2 .swiper-scrollbar1 {
    width: 100%;
    height: 3px;
    background: var(--gray-color);
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    position: relative;
    z-index: 99;
}

.product-card-15.product-card-2 .swiper-scrollbar-drag {
    background: var(--dark-color);
}

.product-card-15.product-card-2 .swiper-scrollbar2 {
    width: 100%;
    height: 3px;
    background: var(--gray-color);
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    position: relative;
    z-index: 99;
}

.product-card-15.product-card-2 .swiper-scrollbar-drag {
    background: var(--dark-color);
}

.navigation-12 span {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
}

/*  Product Home 6 Style   */
.product-card-6 .slider-nav-6 span {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .product-card-6 .slider-nav-6 span::after {
        display: none;
    }

.product-card-6 .slider-nav-6 .swiper-button-prev {
    left: 10px;
}

.product-card-6 .slider-nav-6 .swiper-button-next {
    right: 10px;
}

.product-card-6 .tags {
    left: 10px;
    position: absolute;
    top: 10px;
    z-index: 9;
}

    .product-card-6 .tags ul li a {
        color: var(--dark-color);
        font-family: var(--jakarta-font);
        font-size: 12px;
        font-weight: 600;
        line-height: 28px;
        text-transform: capitalize;
        border: 1px solid var(--dark-color);
        padding: 4px 10px;
        -webkit-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
    }

        .product-card-6 .tags ul li a:hover {
            color: var(--white-color);
            background: var(--dark-color);
        }

.product-card-6 .wishlist {
    visibility: hidden;
    opacity: 0;
}

    .product-card-6 .wishlist svg {
        width: auto;
        height: auto;
    }

.product-card-6 .product-btn-wrapper {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    width: 100%;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    visibility: hidden;
    opacity: 0;
}

.product-card-6 .product-btn {
    font-family: var(--jakarta-font);
    visibility: visible;
    opacity: 1;
    background: var(--dark-color);
    color: var(--white-color);
    font-size: 13px;
    font-weight: 500;
    padding: 11px 20px;
    position: static;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

    .product-card-6 .product-btn:first-child {
        border-right: 1px solid rgba(255, 255, 255, 0.1);
    }

    .product-card-6 .product-btn.product-btn-6:hover {
        background: var(--white-color);
        color: var(--dark-color);
    }

.product-card-6 .card-product-info .product-title {
    font-family: var(--jakarta-font);
    font-weight: 500;
    text-transform: capitalize;
}

    .product-card-6 .card-product-info .product-title a {
        text-transform: unset;
    }

.product-card-6 .card-product-info .product-price {
    font-family: var(--jakarta-font);
    font-weight: 500;
    font-size: 13px;
    color: var(--dark-color);
}

    .product-card-6 .card-product-info .product-price del {
        color: var(--theme-color9);
        margin-right: 10px;
    }

    .product-card-6 .card-product-info .product-price .regular {
        color: var(--theme-color9);
    }

    .product-card-6 .card-product-info .product-price .save {
        margin-left: 5px;
        color: var(--theme-color5);
    }

.product-card-6:hover .product-btn-wrapper {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}

.product-card-6:hover .wishlist {
    visibility: visible;
    opacity: 1;
}

/*  Product setp Home 6 Style   */
.product-step-6 .style6 .text {
    padding: 80px 120px;
}

@media (max-width: 1399.98px) {
    .product-step-6 .style6 .text {
        padding: 80px 20px;
    }
}

.product-step-6 .style6 .img img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.product-step-6 .style6 .sub-title {
    font-size: 16px;
    font-weight: 500;
}

.product-step-6 .style6 .title {
    font-size: 40px;
    font-weight: 500;
    letter-spacing: 1.2px;
}

.product-step-6 .style6 .su-btn-4-border-dark {
    background: var(--theme-color26);
    color: var(--white-color);
}

/*  Product Home 16 Style   */
.product-home16-style {
    margin-right: 0;
    border: 0;
    position: relative;
}

    .product-home16-style .card-product-info {
        padding: 0;
        margin-top: 15px;
    }

    .product-home16-style .list-color-product {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        height: 40px;
        position: absolute;
        bottom: -30px;
        left: 0;
        background: var(--white-color);
        width: 100%;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }

        .product-home16-style .list-color-product .list-color-item {
            width: 20px;
            height: 26px;
            padding: unset;
            border-radius: 0;
            -webkit-transition: all 0.3s ease-out 0s;
            transition: all 0.3s ease-out 0s;
        }

            .product-home16-style .list-color-product .list-color-item img {
                border: 1px solid var(--dark-color);
                width: 20px;
                height: 24px;
                -o-object-fit: cover;
                object-fit: cover;
                visibility: visible;
            }

    .product-home16-style .product-btn {
        font-family: var(--montserrat-font);
        font-size: 13px;
        font-weight: var(--font-weight-500);
        background: rgba(29, 29, 29, 0.7);
        color: var(--white-color);
    }

    .product-home16-style .wishlist {
        line-height: 41px;
        background: var(--white-color);
    }

        .product-home16-style .wishlist:hover {
            background: var(--dark-color);
            stroke: var(--white-color);
        }

    .product-home16-style .product-title a {
        font-family: var(--montserrat-font);
        font-size: 13px;
        font-weight: var(--font-weight-600);
    }

    .product-home16-style .product-price {
        font-size: 13px;
        font-family: var(--montserrat-font);
    }

    .product-home16-style .colors {
        font-size: 11px;
        font-weight: var(--font-weight-600);
        color: var(--body-color);
        font-family: var(--montserrat-font);
    }

    .product-home16-style:hover .list-color-product {
        visibility: visible !important;
        opacity: 1 !important;
    }

/*  Product Home 17 Style   */
.card-style-home17 .wishlist {
    visibility: visible;
}

/*  Product Home 21 Style   */
.product-top-item-home21 {
    position: relative;
}

@media (max-width: 991.98px) {
    .product-top-item-home21 {
        margin-bottom: 10px;
    }
}

.product-top-item-home21 .thumb {
    z-index: 0;
}

    .product-top-item-home21 .thumb:before {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2)));
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1;
    }

.product-top-item-home21 .product-top-content {
    bottom: 60px;
    left: 50%;
    position: absolute;
    text-align: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
}

@media (max-width: 1199.98px) {
    .product-top-item-home21 .product-top-content {
        bottom: 40px;
        left: 45%;
    }
}

@media (max-width: 767.98px) {
    .product-top-item-home21 .product-top-content {
        bottom: 40px;
        left: 4%;
        text-align: left;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.product-top-item-home21 .product-top-content .subtitle {
    color: var(--white-color);
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
    text-transform: uppercase;
}

.product-top-item-home21 .product-top-content .title {
    color: var(--white-color);
    font-weight: 500;
    text-transform: uppercase;
    padding-bottom: 38px;
    -webkit-transform: translateY(15%);
    transform: translateY(15%);
    font-size: clamp(30px, 2.5vw, 40px);
    line-height: 1.3;
    padding-bottom: 22px;
}

@media (max-width: 1199.98px) {
    .product-top-item-home21 .product-top-content .title {
        padding-bottom: 24px;
    }
}

.product-top-item-home21 .product-top-content .product-btn-wrapper a {
    color: var(--white-color);
    font-weight: 500;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: 0em;
    text-transform: uppercase;
    color: var(--white-color);
}

.product-top-item-home21.style2 .product-top-content {
    bottom: 90px;
}

    .product-top-item-home21.style2 .product-top-content .title {
        color: var(--white-color);
        font-weight: 500;
        font-size: 50px;
        line-height: 65px;
        text-transform: uppercase;
        font-size: clamp(30px, 3.12vw, 50px);
        line-height: 1.3;
    }

.looking-product-wrapper.style21 .product-showcase {
    margin-top: 10px;
    position: relative;
    overflow: hidden;
}

    .looking-product-wrapper.style21 .product-showcase .background-image {
        width: 100%;
        display: block;
    }

@keyframes ripple-2 {
    0% {
        -webkit-box-shadow: 0 0 0 0 #ffffff, 0 0 0 0 #ffffff;
        box-shadow: 0 0 0 0 #ffffff, 0 0 0 0 #ffffff;
    }

    40% {
        -webkit-box-shadow: 0 0 0 20px rgba(255, 109, 74, 0), 0 0 0 0 #ffffff;
        box-shadow: 0 0 0 20px rgba(255, 109, 74, 0), 0 0 0 0 #ffffff;
    }

    80% {
        -webkit-box-shadow: 0 0 0 20px rgba(255, 109, 74, 0), 0 0 0 20px rgba(255, 109, 74, 0);
        box-shadow: 0 0 0 20px rgba(255, 109, 74, 0), 0 0 0 20px rgba(255, 109, 74, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 109, 74, 0), 0 0 0 20px rgba(255, 109, 74, 0);
        box-shadow: 0 0 0 0 rgba(255, 109, 74, 0), 0 0 0 20px rgba(255, 109, 74, 0);
    }
}

@-webkit-keyframes ripple-2 {
    0% {
        -webkit-box-shadow: 0 0 0 0 #ffffff, 0 0 0 0 #ffffff;
        box-shadow: 0 0 0 0 #ffffff, 0 0 0 0 #ffffff;
    }

    40% {
        -webkit-box-shadow: 0 0 0 20px rgba(255, 109, 74, 0), 0 0 0 0 #ffffff;
        box-shadow: 0 0 0 20px rgba(255, 109, 74, 0), 0 0 0 0 #ffffff;
    }

    80% {
        -webkit-box-shadow: 0 0 0 20px rgba(255, 109, 74, 0), 0 0 0 20px rgba(255, 109, 74, 0);
        box-shadow: 0 0 0 20px rgba(255, 109, 74, 0), 0 0 0 20px rgba(255, 109, 74, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 109, 74, 0), 0 0 0 20px rgba(255, 109, 74, 0);
        box-shadow: 0 0 0 0 rgba(255, 109, 74, 0), 0 0 0 20px rgba(255, 109, 74, 0);
    }
}

/*  Product Home 23 Style   */
.exceptional-price-wrapper.style23 .nav-link {
    padding: 0;
    margin-right: 30px;
    color: var(--dark-color);
    border: 0;
    border-radius: 0;
}

.exceptional-price-wrapper.style23 .nav-pills .nav-link.active,
.exceptional-price-wrapper.style23 .nav-pills .show > .nav-link {
    color: var(--dark-color);
    background-color: transparent;
    border-bottom: 1px solid var(--dark-color);
}

.exceptional-price-wrapper.style23 .tab-content {
    margin-right: -80px;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    position: relative;
}

.exceptional-price-wrapper.style23 .exceptional-card-wrapper.style23 {
    position: relative;
    overflow: hidden;
    margin-top: 20px;
}

    .exceptional-price-wrapper.style23 .exceptional-card-wrapper.style23:hover .exceptional-card-item.style23_1 {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .exceptional-price-wrapper.style23 .exceptional-card-wrapper.style23:hover .exceptional-card-item.style23_2 {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .exceptional-price-wrapper.style23 .exceptional-card-wrapper.style23 .exceptional-card-item.style23_1 {
        -webkit-transition: 0.4s all ease-in-out;
        transition: 0.4s all ease-in-out;
    }

        .exceptional-price-wrapper.style23 .exceptional-card-wrapper.style23 .exceptional-card-item.style23_1 .thumb img {
            width: 100%;
        }

        .exceptional-price-wrapper.style23 .exceptional-card-wrapper.style23 .exceptional-card-item.style23_1 .content {
            text-align: left;
            padding-top: 16px;
        }

            .exceptional-price-wrapper.style23 .exceptional-card-wrapper.style23 .exceptional-card-item.style23_1 .content .title {
                color: var(--Black, #1D1D1D);
                font-size: 20px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                letter-spacing: 0.32px;
            }

            .exceptional-price-wrapper.style23 .exceptional-card-wrapper.style23 .exceptional-card-item.style23_1 .content .text {
                color: var(--text-color);
                font-size: 13px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                letter-spacing: 0.26px;
                padding-top: 12px;
            }

    .exceptional-price-wrapper.style23 .exceptional-card-wrapper.style23 .exceptional-card-item.style23_2 {
        left: 0;
        position: absolute;
        opacity: 0;
        right: 0;
        top: 0;
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
        -webkit-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
    }

        .exceptional-price-wrapper.style23 .exceptional-card-wrapper.style23 .exceptional-card-item.style23_2 .thumb img {
            width: 100%;
        }

        .exceptional-price-wrapper.style23 .exceptional-card-wrapper.style23 .exceptional-card-item.style23_2 .content {
            bottom: 40px;
            left: 0;
            padding: 0 30px;
            position: absolute;
            z-index: 9;
        }

            .exceptional-price-wrapper.style23 .exceptional-card-wrapper.style23 .exceptional-card-item.style23_2 .content .text {
                color: var(--white-color);
                font-family: var(--dmsans-font);
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: 26px;
                letter-spacing: 0em;
                margin: 0 auto;
                max-width: 90%;
                text-align: center;
            }

            .exceptional-price-wrapper.style23 .exceptional-card-wrapper.style23 .exceptional-card-item.style23_2 .content .exceptional-btn-wrapper {
                margin-top: 30px;
            }

                .exceptional-price-wrapper.style23 .exceptional-card-wrapper.style23 .exceptional-card-item.style23_2 .content .exceptional-btn-wrapper .theme-btn {
                    font-family: var(--dmsans-font);
                    font-weight: 500;
                    font-size: 13px;
                    line-height: 17px;
                    letter-spacing: 0em;
                    text-transform: uppercase;
                }

.exceptional-price-wrapper.style23 .flat-animate-tab {
    overflow: hidden;
}

    .exceptional-price-wrapper.style23 .flat-animate-tab .tab-content {
        position: relative;
    }

    .exceptional-price-wrapper.style23 .flat-animate-tab .tab-pane {
        display: block;
        pointer-events: none;
        opacity: 0;
        visibility: hidden;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        right: 0;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
    }

        .exceptional-price-wrapper.style23 .flat-animate-tab .tab-pane.active {
            pointer-events: auto;
            opacity: 1;
            visibility: visible;
            position: relative;
            z-index: 2;
            -webkit-transform: none;
            transform: none;
            -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
            -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
        }

.exceptional-price-wrapper.style23 .tab-pane {
    display: block;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

    .exceptional-price-wrapper.style23 .tab-pane.active {
        pointer-events: auto;
        opacity: 1;
        visibility: visible;
        position: relative;
        z-index: 2;
        -webkit-transform: none;
        transform: none;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s;
    }

.looking-product-wrapper.style23 .product-showcase {
    position: relative;
    overflow: hidden;
}

    .looking-product-wrapper.style23 .product-showcase .background-image {
        width: 100%;
        display: block;
    }

@keyframes ripple {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
        border-radius: 50%;
    }

    50% {
        -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
        border-radius: 50%;
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        border-radius: 50%;
    }
}

.looking-product-wrapper.style23 .looking-product-right.style23 .product-item {
    max-width: 447px;
    margin: 0 auto;
}

    .looking-product-wrapper.style23 .looking-product-right.style23 .product-item .content .title {
        padding-top: 14px;
    }

        .looking-product-wrapper.style23 .looking-product-right.style23 .product-item .content .title a {
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.32px;
            color: var(--white-color);
        }

    .looking-product-wrapper.style23 .looking-product-right.style23 .product-item .content .text {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.32px;
        color: var(--white-color);
        padding-top: 12px;
    }

@media (max-width: 991.98px) {
    .large-product-right.style23 {
        margin-top: 30px;
    }
}

.large-product-right.style23 .large-product-top {
    text-align: center;
    max-width: 580px;
    margin: auto;
    padding: 106px 0;
}

@media (max-width: 1399.98px) {
    .large-product-right.style23 .large-product-top {
        padding: 0 0 60px 0;
    }
}

.large-product-right.style23 .large-product-top .subtitle {
    color: #7B7369;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.large-product-right.style23 .large-product-top .title {
    font-weight: 400;
    letter-spacing: 0.03em;
    padding-bottom: 23px;
    font-size: clamp(30px, 3.12vw, 50px);
    line-height: 1.26;
}

@media (max-width: 575.98px) {
    .large-product-right.style23 .large-product-top .title {
        padding-bottom: 10px;
    }
}

.large-product-right.style23 .large-product-top .text {
    color: var(--dark-color);
    font-family: var(--dmsans-font);
    line-height: 26px;
    letter-spacing: 0em;
}

.large-product-right.style23 .large-product-top .button-area {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .large-product-right.style23 .large-product-top .button-area a {
        font-family: var(--dmsans-font);
        font-weight: 500;
        line-height: 17px;
        text-transform: uppercase;
    }

        .large-product-right.style23 .large-product-top .button-area a span {
            padding-left: 4px;
        }

@media (max-width: 575.98px) {
    .large-product-right.style23 .thumb {
        margin-bottom: 30px;
    }
}

.large-product-thumb-wrapper img {
    max-height: 887px;
}

/*
 * tabs.scss
 * -----------------------------------------------
*/
.tab-content-wrapper.style20 {
    overflow: hidden;
}

    .tab-content-wrapper.style20 .tab-content {
        position: relative;
    }

    .tab-content-wrapper.style20 .tab-pane {
        display: block;
        left: 0;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 0;
        visibility: hidden;
        z-index: 1;
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
    }

        .tab-content-wrapper.style20 .tab-pane.active {
            pointer-events: auto;
            opacity: 1;
            visibility: visible;
            position: relative;
            z-index: 2;
            -webkit-transform: none;
            transform: none;
            -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
            -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
        }

.exceptional-price-wrapper.style23 .nav-link {
    padding: 0;
    margin-right: 30px;
    color: var(--text-color);
    border: 0;
    border-radius: 0;
}

.exceptional-price-wrapper.style23 .nav-pills .nav-link.active,
.exceptional-price-wrapper.style23 .nav-pills .show > .nav-link {
    color: var(--dark-color);
    background-color: transparent;
    border-bottom: 1px solid var(--dark-color);
}

.exceptional-price-wrapper.style23 .tab-content {
    margin-right: -80px;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    position: relative;
}

.exceptional-price-wrapper.style23 .exceptional-card-wrapper.style23 {
    position: relative;
    overflow: hidden;
    margin-top: 20px;
}

    .exceptional-price-wrapper.style23 .exceptional-card-wrapper.style23:hover .exceptional-card-item.style23_1 {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .exceptional-price-wrapper.style23 .exceptional-card-wrapper.style23:hover .exceptional-card-item.style23_2 {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .exceptional-price-wrapper.style23 .exceptional-card-wrapper.style23 .exceptional-card-item.style23_1 {
        -webkit-transition: 0.4s all ease-in-out;
        transition: 0.4s all ease-in-out;
    }

        .exceptional-price-wrapper.style23 .exceptional-card-wrapper.style23 .exceptional-card-item.style23_1 .thumb img {
            width: 100%;
        }

        .exceptional-price-wrapper.style23 .exceptional-card-wrapper.style23 .exceptional-card-item.style23_1 .content {
            text-align: left;
            padding-top: 16px;
        }

            .exceptional-price-wrapper.style23 .exceptional-card-wrapper.style23 .exceptional-card-item.style23_1 .content .title {
                color: var(--Black, #1D1D1D);
                font-size: 20px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                letter-spacing: 0.32px;
            }

            .exceptional-price-wrapper.style23 .exceptional-card-wrapper.style23 .exceptional-card-item.style23_1 .content .text {
                color: var(--text-color);
                font-size: 13px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                letter-spacing: 0.26px;
                padding-top: 12px;
            }

    .exceptional-price-wrapper.style23 .exceptional-card-wrapper.style23 .exceptional-card-item.style23_2 {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
        opacity: 0;
        -webkit-transition: 0.4s all ease-in-out;
        transition: 0.4s all ease-in-out;
    }

        .exceptional-price-wrapper.style23 .exceptional-card-wrapper.style23 .exceptional-card-item.style23_2 .thumb img {
            width: 100%;
        }

        .exceptional-price-wrapper.style23 .exceptional-card-wrapper.style23 .exceptional-card-item.style23_2 .content {
            position: absolute;
            left: 0;
            z-index: 9;
            bottom: 40px;
            padding: 0 30px;
        }

            .exceptional-price-wrapper.style23 .exceptional-card-wrapper.style23 .exceptional-card-item.style23_2 .content .text {
                color: var(--white-color);
                text-align: center;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: 26px;
                letter-spacing: 0.28px;
            }

            .exceptional-price-wrapper.style23 .exceptional-card-wrapper.style23 .exceptional-card-item.style23_2 .content .exceptional-btn-wrapper {
                margin-top: 30px;
            }

                .exceptional-price-wrapper.style23 .exceptional-card-wrapper.style23 .exceptional-card-item.style23_2 .content .exceptional-btn-wrapper .theme-btn {
                    border: none;
                }

.exceptional-price-wrapper.style23 .flat-animate-tab {
    overflow: hidden;
}

    .exceptional-price-wrapper.style23 .flat-animate-tab .tab-content {
        position: relative;
    }

    .exceptional-price-wrapper.style23 .flat-animate-tab .tab-pane {
        display: block;
        pointer-events: none;
        opacity: 0;
        visibility: hidden;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        right: 0;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
    }

        .exceptional-price-wrapper.style23 .flat-animate-tab .tab-pane.active {
            pointer-events: auto;
            opacity: 1;
            visibility: visible;
            position: relative;
            z-index: 0;
            -webkit-transform: none;
            transform: none;
            -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
            -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
        }

.exceptional-price-wrapper.style23 .tab-pane {
    display: block;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

    .exceptional-price-wrapper.style23 .tab-pane.active {
        pointer-events: auto;
        opacity: 1;
        visibility: visible;
        position: relative;
        z-index: 2;
        -webkit-transform: none;
        transform: none;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s;
    }

/***  Sliders  ***/
.offer-slider-15 {
    background: var(--dark-color);
    padding: 30px 0 !important;
}

@media (max-width: 991.98px) {
    .offer-slider-15 {
        padding: 20px 0 !important;
    }
}

.offer-slider-15 .text-content .title {
    color: var(--white-color);
    font-family: var(--libre-font);
    font-style: normal;
    font-size: clamp(24px, 1.87vw, 30px);
    line-height: 1.23;
    font-weight: 400;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.offer-slider-15 .text-content .code {
    color: var(--white-color);
    font-family: var(--outfit-font);
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    margin: 0 40px;
}

.offer-slider-15 .text-content .su-btn-4-black {
    font-family: var(--jost-font);
    font-weight: 500;
}

.categories-9-slider .swiper-slide {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.categories-9-slider .overly {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
}

.categories-9-slider .spacing {
    padding: 680px 0 59px 0;
}

@media (max-width: 1199.98px) {
    .categories-9-slider .navigation-9 {
        display: none;
    }
}

.categories-9-slider .navigation-9 span {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    border: 1px solid var(--white-color);
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(25px);
}

.categories-9-slider .navigation-9 .prev {
    left: 60px;
}

.categories-9-slider .navigation-9 .next {
    left: calc(100% - 110px);
}

/*  Video home 12 style  */
.video-12-area .video {
    padding: 233px 20px;
}

@media (max-width: 1399.98px) {
    .video-12-area .video {
        padding: 163px 0;
    }
}

@media (max-width: 767.98px) {
    .video-12-area .video {
        padding: 123px 0;
    }
}

@media (max-width: 575.98px) {
    .video-12-area .video {
        padding: 80px 0;
    }
}

.video-12-area .title {
    font-size: 40px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.2px;
}

@media (max-width: 1399.98px) {
    .video-12-area .title {
        margin-top: 30px;
    }
}

/*  Video home 14 style  */
@media (max-width: 1399.98px) {
    .su-video-14-area {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width: 1199.98px) {
    .su-video-14-area {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 991.98px) {
    .su-video-14-area {
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media (max-width: 767.98px) {
    .su-video-14-area {
        padding-left: 18px;
        padding-right: 18px;
    }
}

@media (max-width: 575.98px) {
    .su-video-14-area {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.su-video-14-area .video {
    border-radius: 30px;
}

@media (max-width: 575.98px) {
    .su-video-14-area .video img {
        height: 250px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.su-video-14-area .video .play-btn {
    color: var(--white-color);
    font-size: 13px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 150px;
    height: 150px;
    padding: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid var(--white-color);
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

@media (max-width: 991.98px) {
    .su-video-14-area .video .play-btn {
        width: 110px;
        height: 110px;
    }
}

.su-video-14-area .video .play-btn:hover {
    background: var(--white-color);
    color: var(--dark-color);
}

.su-video-14-area .text .title {
    color: var(--dark-color);
    font-family: var(--opensans-font);
    font-size: 40px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

@media (max-width: 767.98px) {
    .su-video-14-area .text .title {
        font-size: 30px;
    }
}

.su-video-14-area .text p {
    color: var(--dark-color);
    font-family: var(--opensans-font);
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    text-transform: capitalize;
}

.su-video-14-area.shop-video .video {
    padding: 0 0;
}

    .su-video-14-area.shop-video .video .text {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
        padding: 265px 20px;
    }

@media (max-width: 1399.98px) {
    .su-video-14-area.shop-video .video .text {
        padding: 160px 20px;
    }
}

@media (max-width: 991.98px) {
    .su-video-14-area.shop-video .video .text {
        padding: 100px 20px;
    }
}

.su-video-14-area.shop-video .video .text .info {
    max-width: 655px;
    margin: 0 auto;
}

    .su-video-14-area.shop-video .video .text .info p {
        font-family: var(--jakarta-font);
    }

@media (max-width: 991.98px) {
    .su-video-14-area.shop-video .video .text .info p {
        margin-top: 20px !important;
    }
}

.su-video-14-area.shop-video .video .text .info .title {
    font-family: var(--jakarta-font);
    font-size: 40px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.2px;
}

@media (max-width: 1399.98px) {
    .su-video-14-area.shop-video .video .text .info .title {
        font-size: 30px;
    }
}

/*  Video home 16 style  */
.su-video-16-item .prd-video {
    height: 550px;
}

@media (max-width: 1399.98px) {
    .su-video-16-item .prd-video {
        height: 400px;
    }
}

.su-video-16-item .prd-video video {
    -o-object-fit: cover;
    object-fit: cover;
    height: 550px;
}

@media (max-width: 1399.98px) {
    .su-video-16-item .prd-video video {
        height: 400px;
    }
}

.su-video-16-item .popup-video {
    width: 60px;
    height: 60px;
    backdrop-filter: blur(5px);
    background: rgba(29, 29, 29, 0.3);
}

    .su-video-16-item .popup-video svg {
        stroke: var(--white-color);
    }

.store-16-item img {
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.store-16-item .text-content {
    margin-top: 22px;
}

    .store-16-item .text-content .title {
        color: var(--dark-color);
        font-family: var(--montserrat-font);
        font-size: 16px;
        font-weight: var(--font-weight-600);
        line-height: 28px;
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    .store-16-item .text-content .address {
        color: var(--dark-color);
        font-family: var(--montserrat-font);
        font-size: 13px;
        font-weight: var(--font-weight-400);
        line-height: 16px;
    }

    .store-16-item .text-content .su-btn-4-black {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        -webkit-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
    }

.store-16-item:hover .su-btn-4-black {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    visibility: visible;
}

.store-16-item:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.store-wrapper .store-map {
    width: 98%;
    height: 1400px;
}

@media (max-width: 1199.98px) {
    .store-wrapper .store-map {
        width: 100%;
        height: 800px;
        margin-bottom: 30px;
    }
}

@media (max-width: 767.98px) {
    .store-wrapper .store-map {
        height: 400px;
        margin-bottom: 30px;
    }
}

.store-wrapper .store-map iframe {
    height: 100%;
}

.store-wrapper .store-sidebar {
    background-color: var(--white-color);
    padding: 30px;
    margin-bottom: 30px;
}

    .store-wrapper .store-sidebar .store-sidebar-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        color: var(--dark-color);
        font-family: var(--body-font);
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 28px;
        text-transform: uppercase;
        padding-bottom: 20px;
    }

    .store-wrapper .store-sidebar .store-search-block {
        position: relative;
    }

        .store-wrapper .store-sidebar .store-search-block input {
            width: 100%;
            border: 1px solid var(--gray-color);
            background: var(--white-color);
            padding: 12px 20px 12px 40px;
        }

            .store-wrapper .store-sidebar .store-search-block input::-webkit-input-placeholder {
                color: var(--text-color);
                font-style: normal;
                font-weight: var(--font-weight-500);
                font-size: 12px;
                letter-spacing: 0em;
                line-height: 22px;
                color: var(--dark-color);
            }

            .store-wrapper .store-sidebar .store-search-block input::-moz-placeholder {
                color: var(--text-color);
                font-style: normal;
                font-weight: var(--font-weight-500);
                font-size: 12px;
                letter-spacing: 0em;
                line-height: 22px;
                color: var(--dark-color);
            }

            .store-wrapper .store-sidebar .store-search-block input:-ms-input-placeholder {
                color: var(--text-color);
                font-style: normal;
                font-weight: var(--font-weight-500);
                font-size: 12px;
                letter-spacing: 0em;
                line-height: 22px;
                color: var(--dark-color);
            }

            .store-wrapper .store-sidebar .store-search-block input::-ms-input-placeholder {
                color: var(--text-color);
                font-style: normal;
                font-weight: var(--font-weight-500);
                font-size: 12px;
                letter-spacing: 0em;
                line-height: 22px;
                color: var(--dark-color);
            }

            .store-wrapper .store-sidebar .store-search-block input::placeholder {
                color: var(--text-color);
                font-style: normal;
                font-weight: var(--font-weight-500);
                font-size: 12px;
                letter-spacing: 0em;
                line-height: 22px;
                color: var(--dark-color);
            }

        .store-wrapper .store-sidebar .store-search-block button {
            position: absolute;
            top: 12px;
            background-color: transparent;
            left: 20px;
            color: var(--text-color);
            font-size: 13px;
        }

    .store-wrapper .store-sidebar .store-contact-block .store-location {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        color: var(--headings-color);
        font-style: normal;
        font-size: 13px;
        font-weight: var(--font-weight-500);
        letter-spacing: 0em;
        line-height: 24px;
        font-style: normal;
        gap: 10px;
    }

    .store-wrapper .store-sidebar .store-contact-block .store-phone {
        color: var(--headings-color);
        font-style: normal;
        font-size: 13px;
        font-weight: var(--font-weight-500);
        letter-spacing: 0em;
        line-height: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 10px;
        padding-bottom: 14px;
    }

    .store-wrapper .store-sidebar .store-contact-block .store-text {
        color: var(--headings-color);
        font-style: normal;
        font-size: 13px;
        font-weight: var(--font-weight-500);
        letter-spacing: 0em;
        line-height: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 10px;
    }

@media (max-width: 575.98px) {
    .store-wrapper .store-sidebar .store-contact-block .store-text br {
        display: none;
    }
}

/*
 * Testimonials.scss
 * -----------------------------------------------
*/
.su-testimonial-area {
    background: var(--theme-color11);
}

    .su-testimonial-area .testimonial-15-item .text .rating {
        color: var(--black-color);
    }

@media (max-width: 767.98px) {
    .su-testimonial-area .testimonial-15-item .text .rating {
        margin-bottom: 20px !important;
    }
}

.su-testimonial-area .testimonial-15-item .text .rating svg {
    width: 11px;
    height: 11px;
    margin-right: 2px;
}

.su-testimonial-area .testimonial-15-item .text .info {
    color: var(--dark-color);
    font-family: var(--outfit-font);
    font-size: 22px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 0.66px;
}

@media (max-width: 1199.98px) {
    .su-testimonial-area .testimonial-15-item .text .info {
        line-height: 32px;
    }
}

@media (max-width: 575.98px) {
    .su-testimonial-area .testimonial-15-item .text .info {
        font-size: 18px;
        line-height: 28px;
    }
}

@media (max-width: 575.98px) {
    .su-testimonial-area .testimonial-15-item .text .author {
        margin-top: 20px;
    }
}

.su-testimonial-area .testimonial-15-item .text .author .name {
    color: var(--dark-color);
    font-family: var(--outfit-font);
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
}

.su-testimonial-area .testimonial-15-item .text .author .designation {
    color: var(--dark-color);
    font-family: var(--outfit-font);
    font-size: 15px;
    font-weight: 300;
    line-height: 28px;
}

.su-testimonial-area .su-testimonial-15-nav span {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: transparent;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

    .su-testimonial-area .su-testimonial-15-nav span:hover {
        background: var(--white-color);
    }

.su-testimonial-area .su-testimonial-15-nav .prev {
    left: -50px;
}

@media (max-width: 1199.98px) {
    .su-testimonial-area .su-testimonial-15-nav .prev {
        left: -30px !important;
    }
}

.su-testimonial-area .su-testimonial-15-nav .next {
    right: -50px;
}

@media (max-width: 1199.98px) {
    .su-testimonial-area .su-testimonial-15-nav .next {
        right: -30px !important;
    }
}

.su-testimonial-7-gallery {
    width: 100%;
    padding: 0px 120px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .su-testimonial-7-gallery {
        padding: 0px;
    }
}

.su-testimonial-7-gallery .swiper-button-prev:after,
.su-testimonial-7-gallery .swiper-button-next:after {
    display: none;
}

.su-testimonial-7-gallery .swiper-button-prev,
.su-testimonial-7-gallery .swiper-button-next {
    top: 40px;
}

.su-testimonial-7-gallery-thumbs .swiper-slide {
    width: 120px;
    height: 120px;
    text-align: center;
    overflow: hidden;
    opacity: 0.6;
    margin-top: 20px;
}

    .su-testimonial-7-gallery-thumbs .swiper-slide img {
        height: 80px;
        border-radius: 30px;
        opacity: 0.4;
    }

    .su-testimonial-7-gallery-thumbs .swiper-slide.swiper-slide-prev,
    .su-testimonial-7-gallery-thumbs .swiper-slide.swiper-slide-next {
        margin-top: 10px !important;
    }

        .su-testimonial-7-gallery-thumbs .swiper-slide.swiper-slide-prev img {
            height: 100px;
            border-radius: 35px;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

@media (max-width: 575px) {
    .su-testimonial-7-gallery-thumbs .swiper-slide.swiper-slide-prev img {
        height: 80px;
    }
}

.su-testimonial-7-gallery-thumbs .swiper-slide.swiper-slide-active img {
    opacity: 1;
    visibility: visible;
    height: 120px;
    border-radius: 40px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media (max-width: 575px) {
    .su-testimonial-7-gallery-thumbs .swiper-slide.swiper-slide-active img {
        height: 100px;
    }
}

.su-testimonial-7-gallery-thumbs .swiper-slide-active {
    opacity: 1;
    margin-top: 0px !important;
}

.su-testimonial-7-gallery-thumbs .swiper-slide.swiper-slide-next img {
    height: 100px;
    border-radius: 35px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media (max-width: 575px) {
    .su-testimonial-7-gallery-thumbs .swiper-slide.swiper-slide-next img {
        height: 80px;
    }
}

.su-testimonial-7-bg {
    background: #f8f7f1;
    padding-top: 180px;
    padding-bottom: 175px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .su-testimonial-7-bg {
        padding-top: 130px;
        padding-bottom: 125px;
    }
}

.su-testimonial-7-bg .su-testimonial-7-gallery-slider .widget-saying-item .name {
    font-weight: 400;
    font-size: 18px;
    color: var(--dark-color);
}

.su-testimonial-7-bg .su-testimonial-7-gallery-slider .widget-saying-item .cto {
    font-weight: 300;
    font-size: 15px;
    color: var(--dark-color);
    display: block;
}

.su-testimonial-7-bg .su-testimonial-7-gallery-slider .widget-saying-item .ratings {
    margin-bottom: 15px;
    color: var(--dark-color);
}

    .su-testimonial-7-bg .su-testimonial-7-gallery-slider .widget-saying-item .ratings i {
        margin: 0 3px;
    }

.su-testimonial-7-bg .su-testimonial-7-gallery-slider .widget-saying-content .text {
    font-weight: 500;
    font-size: 24px;
    letter-spacing: 0.03em;
    line-height: 40px;
    color: var(--dark-color);
}

@media (max-width: 575px) {
    .su-testimonial-7-bg .su-testimonial-7-gallery-slider .widget-saying-content .text {
        font-size: 20px;
    }
}

.su-testimonial-7-bg.style19 {
    padding-top: 160px;
    padding-bottom: 160px;
    margin-top: 160px;
}

@media (max-width: 991.98px) {
    .su-testimonial-7-bg.style19 {
        padding: 120px 0;
        margin-top: 120px;
    }
}

.su-testimonial-7-bg.style19 .su-testimonial-7-gallery-slider .widget-saying-content .text {
    font-size: 26px;
    font-family: var(--jost-font);
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 0.78px;
}

@media (max-width: 767.98px) {
    .su-testimonial-7-bg.style19 .su-testimonial-7-gallery-slider .widget-saying-content .text {
        font-size: 18px;
        line-height: 30px;
    }
}

.su-testimonial-7-bg.style19 .su-testimonial-7-gallery-slider .widget-saying-item .name {
    font-family: var(--outfit-font);
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
}

.su-testimonial-7-bg.style19 .su-testimonial-7-gallery-slider .widget-saying-item .cto {
    font-family: var(--outfit-font);
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
}

.su-testimonial-7-bg.shop-testimonial {
    padding-top: 180px;
    padding-bottom: 180px;
}

@media (max-width: 991.98px) {
    .su-testimonial-7-bg.shop-testimonial {
        padding: 120px 0;
        margin-top: 120px;
    }
}

.su-testimonial-7-bg.shop-testimonial .su-testimonial-7-gallery-slider .widget-saying-content .text {
    font-size: 26px;
    font-family: var(--jakarta-font);
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.78px;
}

@media (max-width: 991.98px) {
    .su-testimonial-7-bg.shop-testimonial .su-testimonial-7-gallery-slider .widget-saying-content .text {
        font-size: 20px;
        line-height: 30px;
    }
}

@media (max-width: 575.98px) {
    .su-testimonial-7-bg.shop-testimonial .su-testimonial-7-gallery-slider .widget-saying-content .text {
        font-size: 16px;
        line-height: 26px;
    }
}

.su-testimonal-8-wrap {
    padding: 0 250px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .su-testimonal-8-wrap {
        padding: 0 120px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
    .su-testimonal-8-wrap {
        padding: 0 50px;
    }
}

@media (max-width: 575px) {
    .su-testimonal-8-wrap {
        padding: 0;
    }
}

.su-testimonal-8-wrap .text {
    font-weight: 500;
    font-size: 24px;
    line-height: 40px;
    letter-spacing: 0.03em;
    color: var(--dark-color);
}

@media (max-width: 575px) {
    .su-testimonal-8-wrap .text {
        font-size: 16px;
        line-height: 35px;
    }
}

.su-testimonal-8-wrap .ratings i {
    font-size: 12px;
    color: var(--dark-color);
    margin: 0 2px;
}

.su-testimonal-8-wrap .position {
    font-family: var(--outfit-font);
    font-weight: 400;
    font-size: 18px;
    color: var(--black-color);
}

.su-testimonal-8-wrap .navigation .testimonal-next {
    left: auto;
    right: 50px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .su-testimonal-8-wrap .navigation .testimonal-next {
        right: 0;
    }
}

.su-testimonal-8-wrap .navigation span {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 50px;
    border: 1px solid var(--gray-color);
    border-radius: 50px;
    width: 49px;
    height: 50px;
    line-height: 44px;
    background: var(--white-color);
    display: inline-block;
    text-align: center;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    cursor: pointer;
    z-index: 2;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .su-testimonal-8-wrap .navigation span {
        left: 0;
    }
}

@media (max-width: 575px) {
    .su-testimonal-8-wrap .navigation span {
        top: 0;
    }
}

.su-testimonal-8-wrap .navigation span:hover {
    background: var(--black-color);
    color: var(--white-color);
    border-color: var(--black-color);
}

.su-testimonial-area .testimonial-15-item .text .rating {
    color: var(--black-color);
}

@media (max-width: 767.98px) {
    .su-testimonial-area .testimonial-15-item .text .rating {
        margin-bottom: 20px !important;
    }
}

.su-testimonial-area .testimonial-15-item .text .rating svg {
    width: 11px;
    height: 11px;
    margin-right: 2px;
}

.su-testimonial-area .testimonial-15-item .text .info {
    color: var(--dark-color);
    font-family: var(--outfit-font);
    font-size: 22px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 0.66px;
}

@media (max-width: 1199.98px) {
    .su-testimonial-area .testimonial-15-item .text .info {
        line-height: 32px;
    }
}

@media (max-width: 575.98px) {
    .su-testimonial-area .testimonial-15-item .text .info {
        font-size: 18px;
        line-height: 28px;
    }
}

@media (max-width: 575.98px) {
    .su-testimonial-area .testimonial-15-item .text .author {
        margin-top: 20px;
    }
}

.su-testimonial-area .testimonial-15-item .text .author .name {
    color: var(--dark-color);
    font-family: var(--outfit-font);
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
}

.su-testimonial-area .testimonial-15-item .text .author .designation {
    color: var(--dark-color);
    font-family: var(--outfit-font);
    font-size: 15px;
    font-weight: 300;
    line-height: 28px;
}

.su-testimonial-area .su-testimonial-15-nav span {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: transparent;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

    .su-testimonial-area .su-testimonial-15-nav span:hover {
        background: var(--white-color);
    }

.su-testimonial-area .su-testimonial-15-nav .prev {
    left: -50px;
}

.su-testimonial-area .su-testimonial-15-nav .next {
    right: -50px;
}

.testimonial-home17-nav span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    z-index: 9;
}

@media (max-width: 1399.98px) {
    .testimonial-home17-nav span {
        bottom: 0px;
    }
}

@media (max-width: 991.98px) {
    .testimonial-home17-nav span {
        bottom: -50px;
    }
}

.testimonial-home17-nav .prev {
    left: 15px;
}

.testimonial-home17-nav .next {
    left: 70px;
    right: auto;
}

.testimonial-item-home17 .thumb {
    position: relative;
}

    .testimonial-item-home17 .thumb .su-btn-4 {
        border-radius: 120px;
        bottom: 20px;
        left: 20px;
        position: absolute;
    }

.testimonial-item-home17 .rating {
    color: var(--black-color);
}

    .testimonial-item-home17 .rating svg {
        width: 11px;
        height: 11px;
        margin-right: 2px;
    }

.testimonial-item-home17 .text {
    color: var(--dark-color5);
    font-family: var(--marcellus-font);
    font-size: 24px;
    font-weight: 400;
    line-height: 1.66;
    letter-spacing: 0.03em;
}

.testimonial-item-home17 .name {
    color: var(--dark-color5);
    font-family: var(--jost-font);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.62;
    text-transform: uppercase;
}

.testimonial-item-home17 .designation {
    color: var(--dark-color5);
    font-family: var(--jost-font);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.62;
}

.testimonial-wrapper.style21 {
    padding: 20px 0 10px 0;
    position: relative;
}

    .testimonial-wrapper.style21 .testimonial-content {
        margin: 0 auto;
        max-width: 992px;
        text-align: center;
        overflow: hidden;
    }

@media (max-width: 991.98px) {
    .testimonial-wrapper.style21 .testimonial-content {
        padding: 0 20px;
        width: 100%;
    }
}

.testimonial-wrapper.style21 .testimonial-content .icon {
    margin-bottom: 40px;
    margin-bottom: 20px;
}

.testimonial-wrapper.style21 .testimonial-content .text {
    color: var(--white-color);
    font-style: normal;
    font-weight: 500;
    padding: 0 30px;
    padding-bottom: 36px;
    font-size: clamp(18px, 3.12vw, 26px);
    line-height: 1.92;
}

@media (max-width: 991.98px) {
    .testimonial-wrapper.style21 .testimonial-content .text {
        padding-bottom: 20px;
    }
}

@media (max-width: 767.98px) {
    .testimonial-wrapper.style21 .testimonial-content .text {
        padding: 0 0 10px 0;
    }
}

.testimonial-wrapper.style21 .testimonial-content .testimonial-bottom .ratting ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 11px;
    gap: 6px;
    color: var(--white-color);
}

.testimonial-wrapper.style21 .testimonial-content .testimonial-bottom .auth {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: var(--white-color);
    padding-top: 8px;
}

.testimonial-wrapper.style21 .swiper-arrow .next {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--dark-color);
    border-radius: 50%;
    color: var(--white-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    height: 50px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50px;
    z-index: 99;
}

@media (max-width: 767.98px) {
    .testimonial-wrapper.style21 .swiper-arrow .next {
        display: none;
    }
}

.testimonial-wrapper.style21 .swiper-arrow .prev {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--dark-color);
    border-radius: 50%;
    color: var(--white-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    height: 50px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50px;
    z-index: 99;
}

@media (max-width: 767.98px) {
    .testimonial-wrapper.style21 .swiper-arrow .prev {
        display: none;
    }
}

.testimonial-slider-wrapper.style23 .slider-content {
    text-align: center;
    padding: 0 80px;
}

@media (max-width: 1399.98px) {
    .testimonial-slider-wrapper.style23 .slider-content {
        padding: 0 20px;
    }
}

.testimonial-slider-wrapper.style23 .slider-content .title {
    color: var(--dark-color);
    font-family: var(--title-font3);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.testimonial-slider-wrapper.style23 .slider-content .text {
    color: var(--dark-color);
    font-family: var(--title-font2);
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 50px;
    padding-top: 56px;
}

@media (max-width: 767.98px) {
    .testimonial-slider-wrapper.style23 .slider-content .text {
        padding-top: 20px;
        font-size: 24px;
        line-height: 34px;
    }
}

.testimonial-slider-wrapper.style23 .testi-thumb-slider {
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
    margin-top: 80px;
}

@media (max-width: 991.98px) {
    .testimonial-slider-wrapper.style23 .testi-thumb-slider {
        margin-top: 30px;
    }
}

.testimonial-slider-wrapper.style23 .testi-thumb-slider .swiper-wrapper {
    margin: 0;
    padding: 0;
    -webkit-transform: translate3d(0px, 0px, 0px 0px);
    transform: translate3d(0px, 0px, 0px 0px);
    -webkit-transform: translateX(11%) !important;
    transform: translateX(11%) !important;
}

.testimonial-slider-wrapper.style23 .testi-thumb-slider .swiper-slide {
    max-width: 100%;
}

    .testimonial-slider-wrapper.style23 .testi-thumb-slider .swiper-slide.swiper-slide-active img {
        opacity: 100%;
    }

    .testimonial-slider-wrapper.style23 .testi-thumb-slider .swiper-slide img {
        opacity: 30%;
        -webkit-transition: 0.3s all ease-in-out;
        transition: 0.3s all ease-in-out;
    }

        .testimonial-slider-wrapper.style23 .testi-thumb-slider .swiper-slide img:hover {
            opacity: 100%;
        }

.features-area-14 {
    padding: 22px 0;
}

@media (max-width: 1199.98px) {
    .features-area-14 {
        border-top: 2px solid var(--dark-color);
    }
}

.features-area-14 .features-item-14 .title {
    color: var(--dark-color);
    font-family: var(--opensans-font);
    font-size: 13px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0.26px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.features-area-14 .features-item-14 .sub-title {
    color: var(--dark-color);
    font-family: var(--opensans-font);
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.26px;
}

.newsletter-area {
    bottom: 40px;
    right: 40px;
    z-index: 99;
}

@media (max-width: 1199.98px) {
    .newsletter-area {
        bottom: 20px;
        right: 20px;
    }
}

@media (max-width: 767.98px) {
    .newsletter-area {
        bottom: unset;
        right: unset;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 90%;
    }
}

@media (max-width: 575.98px) {
    .newsletter-area {
        width: 93%;
    }
}

.newsletter-area .newsletter-main {
    max-width: 500px;
    width: 100%;
    padding: 60px;
}

@media (max-width: 767.98px) {
    .newsletter-area .newsletter-main {
        max-width: 100%;
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .newsletter-area .newsletter-main {
        padding: 60px 20px;
    }
}

.newsletter-area .close-newsletter {
    color: var(--dark-color);
    height: 35px;
    width: 35px;
    right: 20px;
    top: 20px;
    z-index: 1;
}

.newsletter-area .title {
    color: var(--dark-color);
    font-size: 20px;
    font-weight: 600;
    line-height: 34px;
    margin-bottom: 20px;
}

.newsletter-area p {
    color: var(--dark-color);
    margin-bottom: 30px;
}

.newsletter-area .subscribe input {
    width: 100%;
    color: var(--dark-color);
    font-size: 12px;
    font-weight: 400;
    line-height: 30px;
    text-transform: capitalize;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--gray-color);
}

    .newsletter-area .subscribe input::-webkit-input-placeholder {
        opacity: 1;
        color: var(--dark-color);
    }

    .newsletter-area .subscribe input::-moz-placeholder {
        opacity: 1;
        color: var(--dark-color);
    }

    .newsletter-area .subscribe input:-ms-input-placeholder {
        opacity: 1;
        color: var(--dark-color);
    }

    .newsletter-area .subscribe input::-ms-input-placeholder {
        opacity: 1;
        color: var(--dark-color);
    }

    .newsletter-area .subscribe input::placeholder {
        opacity: 1;
        color: var(--dark-color);
    }

.newsletter-area .subscribe .subscribe-btn {
    font-weight: 600;
    font-family: var(--jakarta-font);
}

.newsletter-area.style2 {
    background: rgba(29, 29, 29, 0.7);
    top: 0;
    left: 0;
    right: unset;
    bottom: unset;
    padding: 12px;
}

@media (max-width: 767.98px) {
    .newsletter-area.style2 {
        top: 50%;
        left: 50%;
        width: 100%;
    }
}

.newsletter-area.style2 .newsletter-main {
    max-width: 840px;
    width: 100%;
    padding: 0;
}

    .newsletter-area.style2 .newsletter-main .image {
        max-width: 400px;
    }

@media (max-width: 767.98px) {
    .newsletter-area.style2 .newsletter-main .image {
        display: none;
    }
}

.newsletter-area.style2 .newsletter-main .text {
    padding: 50px 60px;
}

@media (max-width: 991.98px) {
    .newsletter-area.style2 .newsletter-main .text {
        padding: 30px 20px;
    }
}

.newsletter-area.remove {
    display: none !important;
}

.category-container {
    position: relative;
    overflow-x: auto;
}

.categories-area .categories-item .img img {
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.categories-area .categories-item .overlay {
    background: rgba(0, 0, 0, 0.2);
    padding: 60px;
}

@media (max-width: 575.98px) {
    .categories-area .categories-item .overlay {
        padding: 30px;
    }
}

.categories-area .categories-item .overlay .text .title {
    color: var(--white-color);
    font-family: var(--dmsans-font);
    font-size: 36px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.08px;
}

@media (max-width: 575.98px) {
    .categories-area .categories-item .overlay .text .title {
        font-size: 30px;
    }
}

.categories-area .categories-item:hover .img img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.categories-area.categories-6-area .categories-item .overlay {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
    padding: 40px;
}

@media (max-width: 767.98px) {
    .categories-area.categories-6-area .categories-item .overlay {
        padding: 22px;
    }
}

.categories-area.categories-6-area .categories-item .overlay .text .title {
    color: var(--white-color);
    font-family: var(--jakarta-font);
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    text-transform: uppercase;
}

.categories-area.categories-6-area .categories-item .overlay .text .price {
    color: var(--white-color);
    font-family: var(--jakarta-font);
    font-size: 40px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.2px;
    padding: 15px 0;
}

@media (max-width: 767.98px) {
    .categories-area.categories-6-area .categories-item .overlay .text .price {
        padding: 0px 0;
    }
}

.categories-area.categories-6-area .categories-item .overlay .text .price .off {
    font-size: 16px;
    font-weight: 600;
}

.shop-category-area {
    padding: 180px 0;
}

    .shop-category-area ul {
        gap: 50px;
        row-gap: 30px;
    }

@media (max-width: 1199.98px) {
    .shop-category-area ul {
        row-gap: 15px;
    }
}

.shop-category-area ul li a {
    color: var(--dark-color);
    font-family: var(--marcellus-font);
    font-size: 45px;
    font-weight: 400;
    line-height: 46px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 50px;
    text-transform: lowercase;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1399.98px) {
    .shop-category-area ul li a {
        font-size: 36px;
    }
}

@media (max-width: 767.98px) {
    .shop-category-area ul li a {
        font-size: 28px;
    }
}

@media (max-width: 575.98px) {
    .shop-category-area ul li a {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        gap: 15px;
    }
}

.shop-category-area ul li a img {
    width: 80px;
    height: 80px;
}

@media (max-width: 1199.98px) {
    .shop-category-area ul li a img {
        width: 50px;
        height: 50px;
    }
}

.shop-category-area.category-6 ul {
    row-gap: 40px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (max-width: 1199.98px) {
    .shop-category-area.category-6 ul {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        position: relative;
    }
}

.shop-category-area.category-6 ul li {
    width: 22%;
}

@media (max-width: 1399.98px) {
    .shop-category-area.category-6 ul li {
        width: auto;
    }
}

.shop-category-area.category-6 ul li a {
    gap: 20px;
    font-family: var(--jakarta-font);
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    text-transform: uppercase;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

@media (max-width: 1199.98px) {
    .shop-category-area.category-6 ul li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding-bottom: 20px;
    }
}

@media (max-width: 575.98px) {
    .shop-category-area.category-6 ul li a {
        gap: 10px;
        font-size: 14px;
    }
}

.text-slider .swiper-slide .title {
    gap: 84px;
    color: var(--dark-color);
    font-family: var(--dmsans-font);
    font-size: 100px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 2px;
    text-transform: uppercase;
}

@media (max-width: 991.98px) {
    .text-slider .swiper-slide .title {
        font-size: 70px;
    }
}

@media (max-width: 575.98px) {
    .text-slider .swiper-slide .title {
        font-size: 60px;
    }
}

.text-slider .swiper-slide:nth-child(odd) .title {
    -webkit-text-stroke: 1px var(--dark-color);
    color: transparent;
}

.text-slider.style2 .swiper-slide .title {
    font-family: var(--jakarta-font);
    font-weight: 600;
    font-size: 60px;
    line-height: normal;
    letter-spacing: 1.8px;
}

.shop-sidebar-area {
    position: relative;
    overflow: hidden;
    padding: 90px 60px 0;
}

@media (max-width: 1199.98px) {
    .shop-sidebar-area {
        padding: 50px 10px 0;
    }
}

@media (max-width: 575.98px) {
    .shop-sidebar-area {
        padding-left: 0;
    }
}

.shop-sidebar-area .top-images {
    margin-bottom: 40px;
}

    .shop-sidebar-area .top-images img {
        width: 100%;
    }

.shop-sidebar-area.pt-30 {
    padding-top: 30px;
}

    .shop-sidebar-area.pt-30 .title-box {
        padding: 50px 0px;
    }

        .shop-sidebar-area.pt-30 .title-box .title {
            color: var(--headings-color);
            font-size: 30px;
            font-weight: 600;
            letter-spacing: 0.03em;
            line-height: 38px;
            margin-bottom: 20px;
        }

        .shop-sidebar-area.pt-30 .title-box .text {
            color: var(--headings-color);
            font-style: normal;
            font-size: 13px;
            font-weight: var(--font-weight-500);
            letter-spacing: 0em;
            line-height: 24px;
        }

.shop-sidebar-area .sec-title {
    padding: 80px 0px;
}

    .shop-sidebar-area .sec-title .title {
        color: var(--headings-color);
        font-size: 30px;
        font-weight: 600;
        letter-spacing: 0.03em;
        line-height: 38px;
        margin-bottom: 20px;
    }

    .shop-sidebar-area .sec-title .text {
        color: var(--headings-color);
        font-style: normal;
        font-size: 13px;
        font-weight: var(--font-weight-500);
        letter-spacing: 0em;
        line-height: 24px;
    }

.shop-sidebar-area.style-two .shop-page-area {
    position: relative;
    overflow: hidden;
    padding-left: 0;
}

    .shop-sidebar-area.style-two .shop-page-area:before {
        background-color: rgba(29, 29, 29, 0.7);
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 50px;
        opacity: 1;
        -webkit-transition: opacity 0.15s linear;
        transition: opacity 0.15s linear;
        visibility: visible;
        z-index: 2;
    }

    .shop-sidebar-area.style-two .shop-page-area.active {
        padding-left: 0;
    }

        .shop-sidebar-area.style-two .shop-page-area.active:before {
            opacity: 0;
            visibility: hidden;
        }

        .shop-sidebar-area.style-two .shop-page-area.active .shop-sidebar {
            opacity: 0;
            visibility: hidden;
            -webkit-transform: translateX(-320px);
            transform: translateX(-320px);
        }

        .shop-sidebar-area.style-two .shop-page-area.active .filter-outer {
            padding-left: 0px;
        }

    .shop-sidebar-area.style-two .shop-page-area .shop-sidebar {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        padding-left: 20px;
    }

    .shop-sidebar-area.style-two .shop-page-area .filter-outer {
        position: relative;
        padding-left: 290px;
        -webkit-transition: all 0.7s ease-out 0s;
        transition: all 0.7s ease-out 0s;
    }

@media (max-width: 475.98px) {
    .shop-sidebar-area.style-two .shop-page-area .filter-outer {
        padding-left: 180px;
    }
}

@media (min-width: 1400px) {
    .shop-sidebar-area.style-two .shop-page-area .shop-grid-content .product-colmun {
        width: 20%;
    }
}

.shop-sidebar-area .ctaegory-list {
    gap: 10px;
}

    .shop-sidebar-area .ctaegory-list .list-item {
        border: 1px solid var(--gray-color);
        color: var(--dark-color);
        display: block;
        font-family: var(--jakarta-font);
        font-size: var(--font-size-13);
        font-weight: var(--font-weight-500);
        height: 40px;
        letter-spacing: 0em;
        line-height: 40px;
        margin-bottom: 10px;
        min-width: 171px;
        text-align: center;
        width: 100%;
        -webkit-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
    }

        .shop-sidebar-area .ctaegory-list .list-item:hover {
            border-color: var(--dark-color);
            cursor: pointer;
        }

.shop-sidebar-area .shop-page-head {
    margin-bottom: 60px;
}

    .shop-sidebar-area .shop-page-head .sub-sec-title {
        margin-bottom: 25px;
    }

        .shop-sidebar-area .shop-page-head .sub-sec-title h2 {
            font-family: var(--jakarta-font);
            font-size: var(--h2-font-size);
            font-weight: var(--font-weight-600);
            line-height: var(--line-height-heading2);
            letter-spacing: 0.03em;
            color: var(--dark-color);
            margin-bottom: 15px;
        }

        .shop-sidebar-area .shop-page-head .sub-sec-title p {
            font-family: var(--jakarta-font);
            font-size: var(--font-size-13);
            font-weight: var(--font-weight-500);
            line-height: var(--body-line-height);
            letter-spacing: 0em;
            color: var(--dark-color);
        }

.shop-sidebar-area .style-four .ctaegory-list-2 li {
    border: 1px solid var(--gray-color);
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.26px;
    padding: 13px 20px;
}

    .shop-sidebar-area .style-four .ctaegory-list-2 li:last-child {
        border-right: 1px solid var(--gray-color);
    }

        .shop-sidebar-area .style-four .ctaegory-list-2 li:last-child a {
            background-image: -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#1D1D1D)), -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#1D1D1D));
            background-image: linear-gradient(#1D1D1D, #1D1D1D), linear-gradient(#1D1D1D, #1D1D1D);
            background-size: 0 1px, 0 1px;
            background-position: 100% 100%, 0 100%;
            background-repeat: no-repeat;
            -webkit-transition: background-size 0.3s linear;
            transition: background-size 0.3s linear;
            -webkit-transition: all 0.4s ease-out 0s;
            transition: all 0.4s ease-out 0s;
        }

            .shop-sidebar-area .style-four .ctaegory-list-2 li:last-child a:hover {
                background-image: -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#1D1D1D)), -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#1D1D1D));
                background-image: linear-gradient(#1D1D1D, #1D1D1D), linear-gradient(#1D1D1D, #1D1D1D);
                background-size: 0 1px, 100% 1px;
                background-position: 100% 100%, 0 100%;
                background-repeat: no-repeat;
                -webkit-transition: background-size 0.3s linear;
                transition: background-size 0.3s linear;
                -webkit-transition: all 0.4s ease-out 0s;
                transition: all 0.4s ease-out 0s;
                color: var(--dark-color);
            }

.shop-sidebar-area .ctaegory-list-2 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 1199.98px) {
    .shop-sidebar-area .ctaegory-list-2 {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
    }
}

@media (max-width: 767.98px) {
    .shop-sidebar-area .ctaegory-list-2 {
        display: block;
    }
}

.shop-sidebar-area .ctaegory-list-2.style-two .sub-menu {
    max-width: 1000px;
    right: inherit;
}

    .shop-sidebar-area .ctaegory-list-2.style-two .sub-menu .check-box {
        max-width: 100%;
    }

        .shop-sidebar-area .ctaegory-list-2.style-two .sub-menu .check-box .custom-checkbox,
        .shop-sidebar-area .ctaegory-list-2.style-two .sub-menu .check-box .form-group {
            max-width: 30%;
        }

.shop-sidebar-area .ctaegory-list-2 li {
    border-right: 1px solid var(--dark-color);
    cursor: pointer;
    color: var(--headings-color);
    font-style: normal;
    font-size: 13px;
    font-weight: var(--font-weight-500);
    letter-spacing: 0em;
    line-height: 24px;
    line-height: 1;
    padding-right: 30px;
    position: static;
}

    .shop-sidebar-area .ctaegory-list-2 li.filter-button:last-child {
        border-right: none;
    }

    .shop-sidebar-area .ctaegory-list-2 li.filter-button button,
    .shop-sidebar-area .ctaegory-list-2 li.filter-button a {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#1D1D1D)), -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#1D1D1D));
        background-image: linear-gradient(#1D1D1D, #1D1D1D), linear-gradient(#1D1D1D, #1D1D1D);
        background-size: 0 1px, 0 1px;
        background-position: 100% 100%, 0 100%;
        background-repeat: no-repeat;
        -webkit-transition: background-size 0.3s linear;
        transition: background-size 0.3s linear;
        -webkit-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
    }

        .shop-sidebar-area .ctaegory-list-2 li.filter-button button:hover,
        .shop-sidebar-area .ctaegory-list-2 li.filter-button a:hover {
            background-image: -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#1D1D1D)), -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#1D1D1D));
            background-image: linear-gradient(#1D1D1D, #1D1D1D), linear-gradient(#1D1D1D, #1D1D1D);
            background-size: 0 1px, 100% 1px;
            background-position: 100% 100%, 0 100%;
            background-repeat: no-repeat;
            -webkit-transition: background-size 0.3s linear;
            transition: background-size 0.3s linear;
            -webkit-transition: all 0.4s ease-out 0s;
            transition: all 0.4s ease-out 0s;
            color: var(--dark-color);
        }

@media (max-width: 991.98px) {
    .shop-sidebar-area .ctaegory-list-2 li {
        padding-right: 15px;
        padding-left: 5px;
    }
}

@media (max-width: 767.98px) {
    .shop-sidebar-area .ctaegory-list-2 li {
        display: inline-block;
    }
}

.shop-sidebar-area .ctaegory-list-2 li .sub-menu {
    padding: 30px;
    background: var(--white-color);
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0px;
    right: 0px;
    z-index: 99;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.3s 0s ease-out;
    transition: 0.3s 0s ease-out;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-box-shadow: 0px 15px 24px 0px rgba(0, 0, 0, 0.0509803922);
    box-shadow: 0px 15px 24px 0px rgba(0, 0, 0, 0.0509803922);
    -webkit-transform: perspective(300px) rotateX(-18deg);
    transform: perspective(300px) rotateX(-18deg);
}

    .shop-sidebar-area .ctaegory-list-2 li .sub-menu .check-box {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 20px;
        max-width: 65%;
    }

        .shop-sidebar-area .ctaegory-list-2 li .sub-menu .check-box .custom-checkbox,
        .shop-sidebar-area .ctaegory-list-2 li .sub-menu .check-box .form-group {
            max-width: 23%;
            width: 100%;
        }

@media (max-width: 991.98px) {

    .shop-sidebar-area .ctaegory-list-2 li .sub-menu .check-box .custom-checkbox,
    .shop-sidebar-area .ctaegory-list-2 li .sub-menu .check-box .form-group {
        max-width: 40%;
    }
}

@media (max-width: 767.98px) {

    .shop-sidebar-area .ctaegory-list-2 li .sub-menu .check-box .custom-checkbox,
    .shop-sidebar-area .ctaegory-list-2 li .sub-menu .check-box .form-group {
        max-width: none;
    }
}

.shop-sidebar-area .ctaegory-list-2 li .sub-menu .check-box .custom-checkbox .checkmark,
.shop-sidebar-area .ctaegory-list-2 li .sub-menu .check-box .form-group .checkmark {
    margin-right: 10px;
}

    .shop-sidebar-area .ctaegory-list-2 li .sub-menu .check-box .custom-checkbox .checkmark:after,
    .shop-sidebar-area .ctaegory-list-2 li .sub-menu .check-box .form-group .checkmark:after {
        height: 16px;
        line-height: 16px;
        width: 16px;
    }

.shop-sidebar-area .ctaegory-list-2 li .sub-menu .check-box .custom-checkbox input + .checkmark,
.shop-sidebar-area .ctaegory-list-2 li .sub-menu .check-box .form-group input + .checkmark {
    height: 16px;
    line-height: 16px;
    width: 16px;
}

.shop-sidebar-area .ctaegory-list-2 li .sub-menu .check-box .custom-checkbox {
    padding-left: 26px;
}

.shop-sidebar-area .ctaegory-list-2 li:hover .sub-menu {
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transform: perspective(300px) rotateX(0deg);
    transform: perspective(300px) rotateX(0deg);
}

.shop-sidebar-area .shop-page-area {
    padding-left: 330px;
    position: relative;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

    .shop-sidebar-area .shop-page-area.pl-0 {
        padding-left: 0;
    }

@media (max-width: 1199.98px) {
    .shop-sidebar-area .shop-page-area {
        padding-left: 0;
    }
}

.shop-sidebar-area .shop-page-area.shop-list3.active .filter-outer {
    padding-left: 0;
}

.shop-sidebar-area .shop-page-area.active {
    padding-left: 0;
}

@media (max-width: 1199.98px) {
    .shop-sidebar-area .shop-page-area.active:before {
        background-color: rgba(29, 29, 29, 0.7);
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 50px;
        -webkit-transition: opacity 0.15s linear;
        transition: opacity 0.15s linear;
        z-index: 2;
    }
}

.shop-sidebar-area .shop-page-area.active .shop-sidebar {
    opacity: 0;
    -webkit-transform: translateX(-320px);
    transform: translateX(-320px);
    visibility: hidden;
}

@media (max-width: 1199.98px) {
    .shop-sidebar-area .shop-page-area.active .shop-sidebar {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
        visibility: visible;
    }
}

@media (max-width: 1199.98px) {
    .shop-sidebar-area .shop-page-area.active .filter-outer {
        padding-left: 320px;
    }
}

@media (max-width: 425.98px) {
    .shop-sidebar-area .shop-page-area.active .filter-outer {
        padding-left: 220px;
    }
}

.shop-sidebar-area .shop-page-area.active.shop-list9:before {
    right: -50px;
}

@media (max-width: 1199.98px) {
    .shop-sidebar-area .shop-page-area.shop-list2 {
        padding: 50px 30px 0;
    }
}

@media (max-width: 575.98px) {
    .shop-sidebar-area .shop-page-area.shop-list2 {
        padding: 50px 10px 0;
    }
}

@media (max-width: 1199.98px) {
    .shop-sidebar-area .shop-page-area.shop-list2.active:before {
        right: -30px;
        top: 110px;
    }
}

.shop-sidebar-area .shop-page-area.shop-list3 .shop-sidebar {
    display: none;
}

.shop-sidebar-area .shop-page-area .filter-outer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
    position: relative;
    -webkit-transition: all 0.7s ease-out 0s;
    transition: all 0.7s ease-out 0s;
}

@media (max-width: 575.98px) {
    .shop-sidebar-area .shop-page-area .filter-outer {
        gap: 10px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.shop-sidebar-area .shop-page-area .filter-outer.style-four .spece-filter-btn {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--dark-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--jakarta-font);
    font-size: 13px;
    font-weight: 500;
    gap: 10px;
    letter-spacing: 0.5px;
    line-height: 24px;
    padding: 0 20px;
    position: relative;
}

    .shop-sidebar-area .shop-page-area .filter-outer.style-four .spece-filter-btn:before {
        background-color: var(--gray-color);
        content: "";
        height: 35px;
        left: 0;
        position: absolute;
        top: -5px;
        width: 1px;
    }

    .shop-sidebar-area .shop-page-area .filter-outer.style-four .spece-filter-btn.no-border {
        border: none;
    }

@media (max-width: 1199.98px) {
    .shop-sidebar-area .shop-page-area .filter-outer.style-four {
        padding-left: 0;
    }
}

.shop-sidebar-area .shop-page-area .filter-outer.style-four .filter-right {
    padding-left: 20px;
    border: 1px solid var(--gray-color);
}

    .shop-sidebar-area .shop-page-area .filter-outer.style-four .filter-right.no-border {
        border: none;
    }

.shop-sidebar-area .shop-page-area .filter-outer.border {
    border: 1px solid var(--gray-color);
    margin-bottom: 0;
}

@media (max-width: 575.98px) {
    .shop-sidebar-area .shop-page-area .filter-outer.border .filter-left {
        display: none;
    }
}

.shop-sidebar-area .shop-page-area .filter-outer.border .grid-list-btn {
    padding: 20px 60px;
    gap: 30px;
    border-right: 1px solid var(--gray-color);
}

@media (max-width: 767.98px) {
    .shop-sidebar-area .shop-page-area .filter-outer.border .grid-list-btn {
        border: none !important;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.shop-sidebar-area .shop-page-area .filter-outer.border .filter-right {
    border: none;
    padding-left: 60px;
    border-left: 1px solid var(--gray-color);
}

@media (max-width: 767.98px) {
    .shop-sidebar-area .shop-page-area .filter-outer.border .filter-right {
        border: none !important;
        padding-left: 0px;
    }
}

.shop-sidebar-area .shop-page-area .filter-outer.border .filter-right .spece-filter-btn {
    padding: 23px 60px;
}

@media (max-width: 767.98px) {
    .shop-sidebar-area .shop-page-area .filter-outer.border .filter-right .spece-filter-btn {
        padding-left: 0px;
    }
}

.shop-sidebar-area .shop-page-area .filter-outer.border .filter-right .spece-filter-btn:before {
    top: 0px;
    height: 70px;
}

@media (max-width: 767.98px) {
    .shop-sidebar-area .shop-page-area .filter-outer.border .filter-right .spece-filter-btn:before {
        display: none;
    }
}

@media (max-width: 1199.98px) {
    .shop-sidebar-area .shop-page-area .filter-outer {
        padding-left: 0px;
    }
}

@media (max-width: 1199.98px) {
    .shop-sidebar-area .shop-page-area .filter-outer.shop-l10 {
        display: block;
        padding-left: 0;
    }

        .shop-sidebar-area .shop-page-area .filter-outer.shop-l10 li:last-child {
            padding-right: 0;
        }
}

@media (max-width: 1199.98px) and (max-width: 991.98px) {
    .shop-sidebar-area .shop-page-area .filter-outer.shop-l10 .filter-left {
        margin-bottom: 10px;
    }
}

@media (max-width: 767.98px) {
    .shop-sidebar-area .shop-page-area .filter-outer {
        padding-left: 0;
    }
}

.shop-sidebar-area .shop-page-area .filter-outer .filter-left h6 {
    color: var(--headings-color);
    font-style: normal;
    font-size: 13px;
    font-weight: var(--font-weight-500);
    letter-spacing: 0em;
    line-height: 24px;
}

.shop-sidebar-area .shop-page-area .filter-outer .filter-left h3 {
    color: var(--headings-color);
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 0.03em;
    line-height: 38px;
}

.shop-sidebar-area .shop-page-area .filter-outer .filter-left .filter-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    font-family: var(--body-font);
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    background: transparent;
}

.shop-sidebar-area .shop-page-area .filter-outer .filter-center {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

    .shop-sidebar-area .shop-page-area .filter-outer .filter-center h6 {
        color: var(--headings-color);
        font-style: normal;
        font-size: 13px;
        font-weight: var(--font-weight-500);
        letter-spacing: 0em;
        line-height: 24px;
        text-align: center;
    }

@media (max-width: 575.98px) {
    .shop-sidebar-area .shop-page-area .filter-outer .filter-center h6 {
        text-align: left;
    }
}

.shop-sidebar-area .shop-page-area .filter-outer .grid-list-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

    .shop-sidebar-area .shop-page-area .filter-outer .grid-list-btn button {
        cursor: pointer;
        background: transparent;
    }

        .shop-sidebar-area .shop-page-area .filter-outer .grid-list-btn button.on svg path {
            fill: var(--theme-color-black);
        }

.shop-sidebar-area .shop-page-area .filter-outer .filter-right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}

@media (max-width: 575.98px) {
    .shop-sidebar-area .shop-page-area .filter-outer .filter-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.shop-sidebar-area .shop-page-area .filter-outer .filter-right .sort-filter {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 250px;
    width: 100%;
}

@media (max-width: 991.98px) {
    .shop-sidebar-area .shop-page-area .filter-outer .filter-right .sort-filter {
        max-width: 185px;
    }
}

.shop-sidebar-area .shop-page-area .filter-outer .filter-right .sort-filter .bootstrap-select {
    width: auto;
}

    .shop-sidebar-area .shop-page-area .filter-outer .filter-right .sort-filter .bootstrap-select > .dropdown-toggle {
        background-color: transparent;
        border: none;
        outline: none;
    }

.shop-sidebar-area .shop-page-area .filter-outer .filter-right .sort-filter span {
    font-family: var(--body-font);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0em;
    line-height: 24px;
    margin-right: -10px;
    text-transform: uppercase;
}

.shop-sidebar-area .shop-page-area .filter-outer .filter-right .sort-filter .selectpicker {
    max-width: 200px;
    padding-right: 20px;
    position: relative;
}

    .shop-sidebar-area .shop-page-area .filter-outer .filter-right .sort-filter .selectpicker .bootstrap-select > .dropdown-toggle {
        border: none;
        font-family: var(--body-font);
        font-size: 13px;
        font-weight: 500;
        line-height: 24px;
        padding: 0;
        text-transform: uppercase;
        letter-spacing: 0em;
    }

        .shop-sidebar-area .shop-page-area .filter-outer .filter-right .sort-filter .selectpicker .bootstrap-select > .dropdown-toggle::after {
            display: none;
        }

.shop-sidebar-area .shop-page-area .filter-outer .filter-right .sort-filter .dropup .dropdown-toggle::before {
    display: none;
}

.shop-sidebar-area .shop-page-area .filter-outer .filter-right .filter-button.border {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid var(--black-color) !important;
    color: var(--black-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    font-weight: 500;
    gap: 10px;
    letter-spacing: 0.26px;
    line-height: 24px;
    padding: 10px 20px;
}

.shop-sidebar-area .shop-page-area .filter-outer .filter-right .bootstrap-select .dropdown-toggle {
    font-size: 13px;
    text-transform: uppercase;
}

    .shop-sidebar-area .shop-page-area .filter-outer .filter-right .bootstrap-select .dropdown-toggle::after {
        border: none;
        border-top: 0;
        color: #646578;
        content: "\f107";
        display: block;
        font-family: "Font Awesome 6 Pro";
        font-size: 14px;
        height: auto;
        text-align: center;
        width: 20px;
        z-index: 11;
    }

.shop-sidebar-area .shop-page-area .shop-item {
    margin-bottom: 40px;
}

    .shop-sidebar-area .shop-page-area .shop-item .taglist {
        position: absolute;
        top: 20px;
        left: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 10px;
    }

        .shop-sidebar-area .shop-page-area .shop-item .taglist a {
            font-family: var(--jakarta-font);
            font-size: 11px;
            display: block;
            padding: 10px 22px;
            border-radius: 30px;
            font-weight: var(--font-weight-600);
            line-height: var(--body-line-height);
            color: var(--white-color);
        }

        .shop-sidebar-area .shop-page-area .shop-item .taglist .n-tag {
            background-color: var(--theme-color4);
        }

        .shop-sidebar-area .shop-page-area .shop-item .taglist .s-tag {
            background-color: var(--theme-color5);
        }

        .shop-sidebar-area .shop-page-area .shop-item .taglist .d-tag {
            background-color: var(--theme-color6);
        }

    .shop-sidebar-area .shop-page-area .shop-item .shop-content {
        text-align: left;
    }

.shop-sidebar-area .shop-page-area .pagination {
    margin-top: 100px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .shop-sidebar-area .shop-page-area .pagination a {
        font-family: var(--jakarta-font);
        font-size: var(--font-size-14);
        display: block;
        padding: 10px;
        width: 40px;
        height: 40px;
        text-align: center;
        font-weight: var(--font-weight-600);
        line-height: var(--body-line-height);
        color: var(--dark-color);
        border: inherit;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-bottom: 1px solid var(--gray-color);
    }

        .shop-sidebar-area .shop-page-area .pagination a:hover {
            border-color: var(--black-color);
            background: transparent;
        }

        .shop-sidebar-area .shop-page-area .pagination a:focus {
            background: transparent;
        }

.taglist {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 10px;
    position: absolute;
    top: 10px;
    z-index: 2;
}

    .taglist a {
        border-radius: 20px;
        color: var(--white-color);
        display: block;
        font-family: var(--jakarta-font);
        font-size: 11px;
        font-weight: var(--font-weight-600);
        line-height: var(--body-line-height);
        padding: 6px 12px;
    }

    .taglist .n-tag {
        background-color: var(--theme-color4);
    }

    .taglist .s-tag {
        background-color: var(--theme-color5);
    }

    .taglist .d-tag {
        background-color: var(--theme-color6);
    }

.common-banner {
    height: 660px;
}

.checkbox-group .form-group,
.check-box .form-group {
    display: block;
    margin-bottom: 5px;
}

    .checkbox-group .form-group input,
    .check-box .form-group input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }

    .checkbox-group .form-group label,
    .check-box .form-group label {
        position: relative;
        cursor: pointer;
        font-family: var(--body-font);
        font-size: 13px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0em;
        color: var(--dark-color);
    }

        .checkbox-group .form-group label:before,
        .check-box .form-group label:before {
            content: "";
            -webkit-appearance: none;
            background-color: var(--white-color);
            border: 1px solid var(--dark-color);
            padding: 8px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 10px;
        }

    .checkbox-group .form-group input:checked + label:after,
    .check-box .form-group input:checked + label:after {
        border: solid var(--dark-color);
        border-width: 0 1px 1px 0;
        content: "";
        display: block;
        height: 10px;
        left: 7px;
        position: absolute;
        top: 6px;
        width: 4px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.shop-sidebar {
    position: absolute;
    top: 8px;
    left: 0;
    padding: 0;
    padding-right: 40px;
    max-width: 320px;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    opacity: 1;
    visibility: visible;
    background-color: var(--white-color);
}

@media (max-width: 1199.98px) {
    .shop-sidebar {
        opacity: 0;
        -webkit-transform: translateX(-320px);
        transform: translateX(-320px);
        visibility: hidden;
    }
}

@media (max-width: 1199.98px) {
    .shop-sidebar.below-xl {
        opacity: 1;
        padding-right: 0;
        position: relative;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        visibility: visible;
    }
}

.shop-sidebar.shop-list3 {
    opacity: 1;
    padding-right: 0;
    position: relative;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    visibility: visible;
}

.shop-sidebar .accordion-box {
    border-bottom: 1px solid var(--gray-color);
    margin-bottom: 25px;
    padding-bottom: 30px;
}

    .shop-sidebar .accordion-box .acc-btn {
        padding: 0px 0 15px;
    }

.shop-sidebar.right-side {
    position: fixed;
    left: inherit;
    top: 0;
    right: 0;
    min-height: 100vh;
    height: 100%;
    overflow-y: auto;
    padding: 50px;
    visibility: hidden;
    opacity: 0;
    z-index: 99999;
    max-width: 400px;
    width: 100%;
}

    .shop-sidebar.right-side.show {
        visibility: visible;
        opacity: 1;
    }

    .shop-sidebar.right-side .title-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 20px;
    }

        .shop-sidebar.right-side .title-box h5 {
            font-size: 16px;
            font-weight: 600;
            line-height: 28px;
            color: var(--dark-color);
            text-transform: uppercase;
        }

        .shop-sidebar.right-side .title-box .btn-close i {
            font-size: 20px;
            line-height: 30px;
        }

            .shop-sidebar.right-side .title-box .btn-close i:before {
                display: none;
            }

@media (max-width: 575.98px) {
    .shop-sidebar.right-side {
        width: 300px;
        padding: 50px 30px;
    }
}

.shop-sidebar.spcfictn-hidden-sidebar-content {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.shop-sidebar .mb-30 {
    margin-bottom: 30px;
}

@media (max-width: 499.98px) {
    .shop-sidebar {
        padding-right: 20px;
        width: 270px;
    }
}

@media (max-width: 399.98px) {
    .shop-sidebar {
        width: 240px;
    }
}

.shop-sidebar.shop-list3 {
    z-index: 9;
}

.shop-sidebar.shop-list7 {
    display: block;
}

.shop-sidebar .filter-button {
    position: relative;
    font-family: var(--body-font);
    font-size: 14px;
    font-weight: 600;
    line-height: 28px;
    color: var(--dark-color);
    margin-bottom: 30px;
    cursor: pointer;
}

    .shop-sidebar .filter-button i {
        position: absolute;
        top: 0;
        right: 0;
    }

.shop-sidebar .color-type-box .color-outer-box {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
}

.open-panel-lg {
    background-color: transparent;
    color: var(--dark-color);
    font-family: var(--jakarta-font);
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 0em;
    text-transform: uppercase;
}

.side-panel-lg {
    background-color: var(--white-color);
    border: 1px solid var(--gray-color);
    height: 100%;
    left: -400px;
    opacity: 0;
    overflow-y: auto;
    padding: 30px 40px;
    position: fixed;
    top: 0;
    -webkit-transition: left 0.3s ease;
    transition: left 0.3s ease;
    visibility: hidden;
    width: 400px;
    z-index: 9999;
}

@media (max-width: 499.98px) {
    .side-panel-lg {
        left: -350px;
        padding: 30px;
        width: 350px;
    }
}

@media (max-width: 399.98px) {
    .side-panel-lg {
        left: -300px;
        width: 300px;
    }
}

.side-panel-lg.active {
    left: 0;
    opacity: 1;
    visibility: visible;
}

.side-panel-lg .close-panel-lg {
    background: none;
    border-bottom: 1px solid var(--gray-color);
    color: var(--dark-color);
    cursor: pointer;
    font-family: var(--jakarta-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 15px;
    padding-bottom: 20px;
    text-transform: uppercase;
}

    .side-panel-lg .close-panel-lg i {
        color: var(--dark-color);
        font-size: 10px;
    }

.side-panel-overlay {
    background-color: rgba(var(--black-color-rgb), 0.6);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}

    .side-panel-overlay.shop-list3.active {
        display: block;
    }

@media (max-width: 1199.98px) {
    .side-panel-overlay.active {
        display: block;
    }
}

.range-slider {
    padding-top: 5px;
    position: relative;
}

    .range-slider .property-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 20px;
    }

        .range-slider .property-box .input {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 10px;
            background: none;
            color: #646578;
            font-size: 15px;
            height: 40px;
            max-width: 140px;
            width: 100%;
            padding-left: 10px;
            border: 1px solid var(--gray-color);
        }

            .range-slider .property-box .input input {
                max-width: 100px;
                width: 100%;
            }

    .range-slider .ui-widget.ui-widget-content {
        height: 4px;
        border: none;
        margin-bottom: 25px;
        background-color: var(--gray-color);
        border-radius: 2px;
    }

    .range-slider .ui-slider .ui-slider-range {
        top: 0px;
        height: 4px;
        background-color: var(--dark-color);
    }

    .range-slider .ui-state-default {
        top: -8px;
        width: 20px;
        height: 20px;
        border: none;
        border-radius: 50%;
        cursor: pointer;
        margin-left: 0px;
        background-color: var(--dark-color);
        position: absolute;
    }

        .range-slider .ui-state-default:before {
            position: absolute;
            content: "";
            background-color: var(--white-color);
            width: 12px;
            height: 12px;
            left: 4px;
            top: 4px;
            border-radius: 50%;
        }

    .range-slider .ui-widget-content .ui-state-default {
        top: -8px;
        width: 20px;
        height: 20px;
        border: none;
        border-radius: 50%;
        cursor: pointer;
        margin-left: 0px;
        background-color: var(--dark-color);
    }

        .range-slider .ui-widget-content .ui-state-default:before {
            content: "";
            position: absolute;
            background-color: var(--white-color);
            width: 8px;
            height: 8px;
            left: 6px;
            top: 6px;
            border-radius: 50%;
        }

    .range-slider input[type=submit] {
        background: var(--dark-color);
        border: none;
        border-radius: 10px;
        color: var(--white-color);
        cursor: pointer;
        display: block;
        font-size: 14px;
        font-weight: 500;
        float: right;
        margin-top: 0;
        padding: 7px 20px;
        position: relative;
        text-align: center;
        text-transform: capitalize;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
    }

        .range-slider input[type=submit]:hover {
            color: var(--text-color-bg-theme-color2);
            background-color: var(--theme-color2);
        }

.wrapper.list .shop-list-content {
    display: block;
}

.wrapper.list .shop-grid-content {
    display: none;
}

.wrapper.grid .shop-list-content {
    display: none;
}

.wrapper.grid .shop-grid-content {
    display: block;
}

.custom-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .custom-checkbox input {
        display: none;
    }

    .custom-checkbox .checkmark:after {
        position: absolute;
        width: 26px;
        height: 26px;
        text-align: center;
        line-height: 26px;
        left: 50%;
        top: 50%;
        z-index: 1;
        content: "";
        border-radius: 50%;
        background-color: #202025;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .custom-checkbox input + .checkmark {
        position: relative;
        display: inline-block;
        -webkit-transition: background 0.3s;
        transition: background 0.3s;
        width: 36px;
        height: 36px;
        line-height: 36px;
        text-align: center;
        border-radius: 50%;
        background-color: var(--white-color);
        border: 1px solid var(--theme-color21);
    }

.color-outer-box .custom-checkbox:nth-child(2) .checkmark:after {
    background-color: #CDC9A8;
}

.color-outer-box .custom-checkbox:nth-child(3) .checkmark:after {
    background-color: #323D7C;
}

.color-outer-box .custom-checkbox:nth-child(4) .checkmark:after {
    background-color: #D9D9D9;
}

.color-outer-box .custom-checkbox:nth-child(5) .checkmark:after {
    background-color: #689365;
}

.color-outer-box .custom-checkbox:nth-child(6) .checkmark:after {
    background-color: #D08934;
}

.color-outer-box .custom-checkbox:nth-child(7) .checkmark:after {
    background-color: var(--white-color);
}

.color-outer-box .custom-checkbox:nth-child(8) .checkmark:after {
    background-color: #F2E05E;
}

.color-outer-box .custom-checkbox:nth-child(9) .checkmark:after {
    background-color: #B89472;
}

.color-outer-box .custom-checkbox input:checked + .checkmark {
    border-color: #202025;
}

.color-outer-box .custom-checkbox:nth-child(2) input:checked + .checkmark {
    border-color: #CDC9A8;
}

.color-outer-box .custom-checkbox:nth-child(3) input:checked + .checkmark {
    border-color: #323D7C;
}

.color-outer-box .custom-checkbox:nth-child(4) input:checked + .checkmark {
    border-color: #D9D9D9;
}

.color-outer-box .custom-checkbox:nth-child(5) input:checked + .checkmark {
    border-color: #689365;
}

.color-outer-box .custom-checkbox:nth-child(6) input:checked + .checkmark {
    border-color: #D08934;
}

.color-outer-box .custom-checkbox:nth-child(7) input:checked + .checkmark {
    border-color: #F2E05E;
}

.color-outer-box .custom-checkbox:nth-child(8) input:checked + .checkmark {
    border-color: #B89472;
}

.color-outer-box .custom-checkbox input:checked + .checkmark::after {
    content: "✓";
    color: white;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 12px;
}

.style-two .custom-checkbox input + .checkmark {
    position: relative;
    display: inline-block;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    width: 30px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 0;
    background-color: transparent;
    border: none;
}

.style-two .custom-checkbox .checkmark:after {
    position: absolute;
    width: 30px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    left: 50%;
    top: 50%;
    z-index: 1;
    content: "";
    border-radius: 0px;
    background-color: transparent;
    background-image: url(../images/color/color-1.png);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.style-two .custom-checkbox:nth-child(2) .checkmark:after {
    background-image: url(../images/color/color-2.png);
}

.style-two .custom-checkbox:nth-child(3) .checkmark:after {
    background-image: url(../images/color/color-3.png);
}

.style-two .custom-checkbox:nth-child(4) .checkmark:after {
    background-image: url(../images/color/color-4.png);
}

.style-two .custom-checkbox:nth-child(5) .checkmark:after {
    background-image: url(../images/color/color-5.png);
}

.style-two .custom-checkbox:nth-child(6) .checkmark:after {
    background-image: url(../images/color/color-6.png);
}

.style-two .custom-checkbox:nth-child(7) .checkmark:after {
    background-image: url(../images/color/color-7.png);
}

.style-two .custom-checkbox:nth-child(8) .checkmark:after {
    background-image: url(../images/color/color-8.png);
}

.style-two .custom-checkbox:nth-child(9) .checkmark:after {
    background-image: url(../images/color/color-9.png);
}

.style-two .custom-checkbox:nth-child(10) .checkmark:after {
    background-image: url(../images/color/color-10.png);
}

.style-two .custom-checkbox:nth-child(11) .checkmark:after {
    background-image: url(../images/color/color-11.png);
}

.style-two .custom-checkbox:nth-child(12) .checkmark:after {
    background-image: url(../images/color/color-12.png);
}

.style-two .custom-checkbox:nth-child(13) .checkmark:after {
    background-image: url(../images/color/color-13.png);
}

.style-two .custom-checkbox input:checked + .checkmark::after {
    content: "✓";
    color: white;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 0px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 12px;
}

.shop-sidebar .filter-button {
    position: relative;
    cursor: pointer;
}

    .shop-sidebar .filter-button .icon {
        font-size: 14px;
        line-height: 25px;
        position: absolute;
        right: 0px;
        top: 0px;
        -webkit-transition: all 0.5s ease-out 0s;
        transition: all 0.5s ease-out 0s;
    }

    .shop-sidebar .filter-button.collapsed .icon:before {
        content: "+";
    }

.shop-sidebar.right-side .filter-button.collapsed {
    margin-bottom: 0;
}

@media (min-width: 1400px) {
    .five-item .product-colmun {
        max-width: 20%;
    }
}

.banner-two {
    position: relative;
    padding: 0;
}

    .banner-two .bg-img {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

        .banner-two .bg-img:before {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            content: "";
            background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2)));
            background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
        }

        .banner-two .bg-img img {
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%;
        }

    .banner-two .banner-title {
        padding-top: 505px;
        padding-bottom: 120px;
    }

        .banner-two .banner-title h3 {
            font-weight: 600;
            font-size: 30px;
            line-height: 100%;
            letter-spacing: 3%;
            text-align: center;
            color: var(--white-color);
        }

.banner-three {
    position: relative;
    padding: 192px 0px;
    margin-bottom: 20px;
}

    .banner-three .bg-img {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

        .banner-three .bg-img:before {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            content: "";
            background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2)));
            background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
        }

        .banner-three .bg-img img {
            -o-object-fit: cover;
            object-fit: cover;
            height: 100%;
            width: 100%;
        }

.banner-three-sub-title {
    font-family: var(--title-font8);
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    text-transform: uppercase;
    color: var(--white-color);
    margin-bottom: 20px;
}

.banner-three-title {
    font-family: var(--title-font);
    font-weight: 500;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: 1.2px;
    color: var(--white-color);
    margin-bottom: 25px;
}

.banner-three .theme-btn2 {
    background-color: var(--dark-color);
}

.cta-one {
    position: relative;
    padding: 50px 60px;
    background-color: var(--theme-color14);
    margin-bottom: 80px;
}

@media (max-width: 991.98px) {
    .cta-one {
        padding: 50px 30px;
    }
}

.cta-one .outer-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
}

@media (max-width: 991.98px) {
    .cta-one .outer-box {
        display: block;
    }
}

.cta-one .outer-box .title-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 60px;
}

@media (max-width: 1199.98px) {
    .cta-one .outer-box .title-box {
        gap: 20px;
    }
}

@media (max-width: 991.98px) {
    .cta-one .outer-box .title-box {
        margin-bottom: 20px;
    }
}

@media (max-width: 767.98px) {
    .cta-one .outer-box .title-box {
        display: block;
    }
}

.cta-one .outer-box .title-box .title {
    color: var(--headings-color);
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 0.03em;
    line-height: 38px;
    line-height: 100%;
    letter-spacing: 0.9px;
    color: var(--dark-color);
}

.cta-one .outer-box .title-box .text {
    color: var(--dark-color);
    font-weight: var(--font-weight-500);
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0em;
    text-transform: capitalize;
    color: var(--dark-color);
}

.cta-one .outer-box .btn-box {
    margin-top: 5px;
}

    .cta-one .outer-box .btn-box .theme-btn2 {
        color: var(--dark-color);
        background-color: transparent;
        border: 1px solid var(--dark-color);
    }

.fixed-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}

    .fixed-header .su-header-global-middle {
        background: transparent;
        padding-top: 30px;
    }

        .fixed-header .su-header-global-middle.inner-style .list-inline-item .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
            color: var(--white-color);
        }

        .fixed-header .su-header-global-middle .cart-btn nav ul li a {
            color: var(--white-color);
        }

    .fixed-header .su-header-global-bottom.inner-style {
        border-bottom: none;
    }

        .fixed-header .su-header-global-bottom.inner-style .su-menu-4 > nav > ul > li a {
            color: var(--white-color);
        }

.filter-outer-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

    .filter-outer-box .form-group {
        min-width: 150px;
    }

    .filter-outer-box .filter-box.d-flex {
        gap: 20px;
    }

#shop-page-area .shop-outer {
    position: relative;
}

.slide-popup-filter {
    position: absolute;
    left: 0px;
    right: 0px;
    width: 100%;
    z-index: 999;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

    .slide-popup-filter .sidebar-close-icon {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 20px;
        height: 20px;
        cursor: pointer;
        border-radius: 50%;
        border: 1px solid #ededed;
    }

@media (max-width: 1199.98px) {
    .slide-popup-filter {
        display: none;
    }
}

.spece-filter-hidden-sidebar-content .slide-popup-filter {
    opacity: 1;
    height: auto;
    visibility: visible;
}

.range-slider .ui-widget.ui-widget-content {
    min-width: 130px;
}

.filter-outer-box.checkbox-group .form-group {
    min-width: 70px;
}

.slide-popup-filter-row {
    width: 100%;
}

.spece-filter-hidden-sidebar-content .hiddenbar-body-ovelay {
    opacity: 1;
    visibility: visible;
}

.shop-page-area .hiddenbar-body-ovelay,
.slide-popup-filter .hiddenbar-body-ovelay {
    height: 500%;
    left: 0;
    margin: 0 -100px;
    position: absolute;
    right: 0;
    top: 100%;
    width: 120%;
    z-index: -1;
}

@media (max-width: 767.98px) {

    .shop-page-area .hiddenbar-body-ovelay,
    .slide-popup-filter .hiddenbar-body-ovelay {
        margin: 0 -30px;
    }
}

.shop-page-area .slide-popup-filter-row,
.slide-popup-filter .slide-popup-filter-row {
    background-color: var(--white-color);
    max-width: 1800px;
    padding: 50px;
    width: 100%;
    z-index: 99;
}

@media (max-width: 1499.98px) {

    .shop-page-area .slide-popup-filter-row,
    .slide-popup-filter .slide-popup-filter-row {
        padding: 50px 0;
    }
}

.shop-page-area .slide-popup-filter-row .filter-colmun,
.slide-popup-filter .slide-popup-filter-row .filter-colmun {
    margin-bottom: 40px;
}

.shop-page-area .slide-popup-filter-row #filterBox1 .color-outer-box,
.slide-popup-filter .slide-popup-filter-row #filterBox1 .color-outer-box {
    min-width: 100px;
}

.shop-page-area .slide-popup-filter-row .filter-button,
.slide-popup-filter .slide-popup-filter-row .filter-button {
    position: relative;
    font-family: var(--body-font);
    font-size: 14px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 30px;
    color: var(--text-dark);
    cursor: pointer;
}

.shop-page-area .slide-popup-filter-row .color-outer-box,
.slide-popup-filter .slide-popup-filter-row .color-outer-box {
    min-width: 75px;
}

    .shop-page-area .slide-popup-filter-row .color-outer-box .custom-checkbox,
    .slide-popup-filter .slide-popup-filter-row .color-outer-box .custom-checkbox {
        gap: 10px;
        margin-bottom: 5px;
    }

.shop-page-area .slide-popup-filter-row .filter-btn-box,
.slide-popup-filter .slide-popup-filter-row .filter-btn-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}

.shop-size-table {
    text-align: center;
}

    .shop-size-table .table-striped > tbody > tr:nth-of-type(odd) > * {
        --bs-table-accent-bg: var(--white-color);
        color: var(--text-color);
        font-style: normal;
        font-weight: var(--font-weight-500);
        font-size: 12px;
        letter-spacing: 0em;
        line-height: 22px;
        color: var(--headings-color);
    }

    .shop-size-table .table-striped > tbody > tr:nth-of-type(even) > * {
        --bs-table-accent-bg: var(--gray-color-2);
        color: var(--text-color);
        font-style: normal;
        font-weight: var(--font-weight-500);
        font-size: 12px;
        letter-spacing: 0em;
        line-height: 22px;
        color: var(--headings-color);
    }

    .shop-size-table thead th {
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: var(--headings-color);
        font-weight: var(--font-weight-600);
        font-size: 13px;
        letter-spacing: 0em;
        line-height: 16px;
        width: 7%;
        padding: 14px 0;
    }

    .shop-size-table tbody td {
        border: none;
        color: var(--text-color);
        font-style: normal;
        font-weight: var(--font-weight-500);
        font-size: 12px;
        letter-spacing: 0em;
        line-height: 22px;
        padding: 14px 0;
    }

.cloth-size .tab-btn {
    color: var(--body-color);
}

    .cloth-size .tab-btn.active {
        color: var(--headings-color);
    }

.measure-content .headings {
    color: var(--headings-color);
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
}

.measure-content .title {
    color: var(--headings-color);
    font-family: var(--jakarta-font);
    font-weight: var(--font-weight-600);
    font-size: 14px;
    line-height: 28px;
}

.show-more-btn {
    border-bottom: 1px solid var(--headings-color);
    padding-bottom: 9px;
}

.shop-banner-area .banner-bg {
    background: var(--theme-color24);
    padding: 120px 40px;
}

.shop-banner-area .text {
    max-width: 720px;
    margin: 0 auto;
}

    .shop-banner-area .text .title {
        color: var(--theme-color26);
        font-family: var(--jakarta-font);
        font-size: 30px;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 0.9px;
    }

    .shop-banner-area .text p {
        color: var(--theme-color26);
        font-family: var(--jakarta-font);
        font-size: 14px;
        font-weight: 500;
        line-height: 28px;
        text-transform: capitalize;
    }

    .shop-banner-area .text .su-btn-4 {
        background: var(--theme-color26);
    }

.shop-banner-5 {
    padding: 60px 0 428px;
}

@media (max-width: 1399.98px) {
    .shop-banner-5 {
        padding-bottom: 240px;
    }
}

@media (max-width: 575.98px) {
    .shop-banner-5 {
        padding-bottom: 140px;
    }
}

.shop-banner-5 .text {
    padding: 0 60px;
}

@media (max-width: 767.98px) {
    .shop-banner-5 .text {
        padding: 0;
    }
}

.shop-banner-5 .text .info {
    max-width: 528px;
    padding: 60px;
}

@media (max-width: 767.98px) {
    .shop-banner-5 .text .info {
        padding: 30px;
    }
}

.shop-banner-5 .text .info .subtitle {
    color: var(--dark-color);
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    text-transform: uppercase;
}

.shop-banner-5 .text .info .title {
    color: var(--dark-color);
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.9px;
}

.shop-banner-5 .text .info p {
    color: var(--dark-color);
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.26px;
}

.shop-faq-area .faq-body {
    max-width: 904px;
    margin: 0 auto;
    margin-top: -20px;
}

    .shop-faq-area .faq-body .accordion-button:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .shop-faq-area .faq-body .accordion-item {
        border: 0;
        border-bottom: 1px solid var(--gray-color);
        border-radius: 0;
    }

    .shop-faq-area .faq-body .accordion-button {
        color: var(--dark-color);
        font-family: var(--jakarta-font);
        background: transparent;
        border: 1px solid transparent;
        border-radius: 0 !important;
        padding: 20px 0;
        position: relative;
        font-size: 16px;
        font-weight: 600;
        line-height: 28px;
        text-transform: uppercase;
    }

@media (max-width: 575.98px) {
    .shop-faq-area .faq-body .accordion-button {
        font-size: 20px;
        padding: 16px;
    }
}

.shop-faq-area .faq-body .accordion-button::after {
    display: none;
}

.shop-faq-area .faq-body .accordion-button .arrow-icon {
    background: transparent;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .shop-faq-area .faq-body .accordion-button .arrow-icon svg {
        width: 20px;
        height: 20px;
        stroke: var(--dark-color);
    }

    .shop-faq-area .faq-body .accordion-button .arrow-icon .minus {
        display: none;
    }

.shop-faq-area .faq-body .accordion-button:not(.collapsed) {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--dark-color);
}

    .shop-faq-area .faq-body .accordion-button:not(.collapsed) .arrow-icon {
        background: transparent;
    }

        .shop-faq-area .faq-body .accordion-button:not(.collapsed) .arrow-icon .minus {
            display: block;
        }

        .shop-faq-area .faq-body .accordion-button:not(.collapsed) .arrow-icon .plus {
            display: none;
        }

.shop-faq-area .faq-body .accordion-body {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 25px;
    padding-top: 0;
}

    .shop-faq-area .faq-body .accordion-body p {
        color: var(--dark-color);
        font-family: var(--jakarta-font);
        font-size: 13px;
        font-weight: 500;
        line-height: 24px;
        margin-bottom: 0;
        letter-spacing: 0.26px;
        padding-right: 20px;
    }

.shop-faq-area.style2 .faq-body {
    max-width: 100%;
    margin-top: 0;
}

    .shop-faq-area.style2 .faq-body .accordion-item {
        border-bottom: 1px solid var(--gray-color);
    }

    .shop-faq-area.style2 .faq-body .accordion-button {
        font-size: 13px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0.26px;
        text-transform: uppercase;
    }

@media (max-width: 575.98px) {
    .shop-faq-area.style2 .faq-body .accordion-button {
        font-size: 20px;
        padding: 16px;
    }
}

.shop-faq-area.style2 .faq-body .accordion-button::after {
    display: none;
}

.shop-faq-area.style2 .faq-body .accordion-body {
    padding-bottom: 22px;
}

    .shop-faq-area.style2 .faq-body .accordion-body p {
        color: var(--dark-color);
        font-family: var(--jakarta-font);
        font-size: 12px;
        font-weight: 500;
        line-height: 22px;
        letter-spacing: 0px;
    }

.shop-product-tabs .nav-pills {
    gap: 60px;
}

.shop-product-tabs .nav-link {
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 0;
    color: var(--theme-color9);
    font-size: 30px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.9px;
}

    .shop-product-tabs .nav-link.active {
        background: transparent;
        color: var(--dark-color);
    }

.shop-review-area .review-info .review-info-label {
    position: relative;
}

    .shop-review-area .review-info .review-info-label::before {
        position: absolute;
        top: 0;
        left: -20px;
        width: 1px;
        height: 350px;
        background: var(--gray-color);
        content: "";
    }

@media (min-width: 1400px) and (max-width: 1799.98px) {
    .shop-review-area .review-info .review-info-label::before {
        left: 0px;
    }
}

@media (max-width: 1399.98px) {
    .shop-review-area .review-info .review-info-label::before {
        display: none;
    }
}

.shop-review-area .review-info .review-info-label:first-child::before {
    display: none;
}

.shop-review-area .review-info .review-info-label:nth-child(2) .review-info-box {
    margin: 0 auto;
}

.shop-review-area .review-info .review-info-label:last-child::before {
    left: 30px;
}

.shop-review-area .review-info .review-info-label:last-child .review-info-box {
    margin-left: auto;
}

.shop-review-area .review-info-box {
    max-width: 440px;
}

    .shop-review-area .review-info-box .review-rating .total {
        color: var(--dark-color);
        font-size: 16px;
        font-weight: 500;
        line-height: 28px;
    }

    .shop-review-area .review-info-box .rating-progress .progress-item {
        margin-bottom: 21px;
        gap: 10px;
    }

        .shop-review-area .review-info-box .rating-progress .progress-item:last-child {
            margin-bottom: 0;
        }

        .shop-review-area .review-info-box .rating-progress .progress-item .star {
            color: var(--dark-color);
            font-size: 14px;
            font-weight: 500;
            line-height: 20px;
            text-decoration: underline;
        }

        .shop-review-area .review-info-box .rating-progress .progress-item .progress {
            background: var(--gray-color);
            border-radius: 0;
            height: 7px;
            max-width: 350px;
        }

            .shop-review-area .review-info-box .rating-progress .progress-item .progress .progress-bar {
                background: var(--dark-color);
            }

        .shop-review-area .review-info-box .rating-progress .progress-item .num {
            color: var(--theme-color9);
            font-size: 13px;
            font-weight: 500;
            line-height: 20px;
            letter-spacing: 0.26px;
            text-align: right;
            width: 31px;
        }

    .shop-review-area .review-info-box .review-number {
        color: var(--dark-color);
        font-size: 13px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0.26px;
    }

        .shop-review-area .review-info-box .review-number strong {
            font-size: 40px;
            font-weight: 700;
            line-height: normal;
            letter-spacing: 1.2px;
            margin-right: 10px;
        }

.shop-review-area .rating ul li {
    color: var(--dark-color);
}

.shop-review-area .range-box .range-field {
    margin-bottom: 25px;
}

    .shop-review-area .range-box .range-field .label {
        color: var(--dark-color);
        font-size: 14px;
        font-weight: 600;
        line-height: 28px;
        text-transform: capitalize;
        margin-bottom: 4px;
    }

    .shop-review-area .range-box .range-field .slidecontainer {
        height: 8px;
    }

    .shop-review-area .range-box .range-field .slider {
        -webkit-appearance: none;
        position: relative;
        top: -14px;
        width: 100%;
        height: 1px;
        background: var(--dark-color);
        outline: none;
        opacity: 1;
        -webkit-transition: 0.2s;
        -webkit-transition: opacity 0.2s;
        transition: opacity 0.2s;
        position: relative;
        z-index: 9;
    }

        .shop-review-area .range-box .range-field .slider::-webkit-slider-thumb {
            -webkit-appearance: none;
            appearance: none;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: var(--dark-color);
            cursor: pointer;
            border: 0;
            position: relative;
            z-index: 9;
        }

        .shop-review-area .range-box .range-field .slider::-moz-range-thumb {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: var(--dark-color);
            cursor: pointer;
            border: 0;
            position: relative;
            z-index: 9;
        }

    .shop-review-area .range-box .range-field .btm-info {
        margin-top: 6px;
    }

        .shop-review-area .range-box .range-field .btm-info p {
            color: var(--theme-color9);
            font-size: 12px;
            font-weight: 500;
            line-height: 22px;
            letter-spacing: 0px;
        }

    .shop-review-area .range-box .range-field:last-child {
        margin-bottom: 0;
    }

.shop-review-area .select_widgets button.btn {
    border: 0;
    border-bottom: 1px solid var(--gray-color);
    color: var(--theme-color9);
    background: transparent;
    font-size: 13px;
    font-weight: 500;
    line-height: 41px;
    letter-spacing: 0.26px;
    padding-right: 15px;
    padding-left: 0;
    border-radius: 0;
}

    .shop-review-area .select_widgets button.btn:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none;
    }

    .shop-review-area .select_widgets button.btn::before {
        content: "";
        background-image: url("../images/home12/arrow-down.svg");
        -webkit-filter: brightness(1) invert(1);
        filter: brightness(1) invert(1);
        width: 10px;
        height: 10px;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background-repeat: no-repeat;
    }

.shop-review-area .select_widgets .dropdown-item.active {
    color: var(--dark-color);
}

.shop-review-area .select_widgets .bootstrap-select .btn-light {
    background-color: transparent;
}

    .shop-review-area .select_widgets .bootstrap-select .btn-light:focus,
    .shop-review-area .select_widgets .bootstrap-select .btn-light:active {
        outline: none !important;
    }

.shop-review-area .select_widgets .bootstrap-select .dropdown-item.active,
.shop-review-area .select_widgets .bootstrap-select .dropdown-item:active {
    background-color: var(--gray-color-2);
}

.shop-review-area .review-list-wrapper .review-title {
    color: var(--dark-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}

.shop-review-area .review-list-wrapper .review-list-action .action-box .select_widgets button.btn {
    border: 1px solid var(--gray-color);
    color: var(--dark-color) !important;
    background: transparent;
    font-size: 13px;
    font-weight: 500;
    line-height: 44px;
    letter-spacing: 0.26px;
    padding: 0 20px;
    padding-right: 40px;
    border-radius: 0;
}

    .shop-review-area .review-list-wrapper .review-list-action .action-box .select_widgets button.btn::before {
        right: 15px;
    }

.shop-review-area .review-list-wrapper .review-list-action .action-box .bootstrap-select.show-tick .dropdown-menu li a span.text {
    color: var(--dark-color);
}

.shop-review-area .review-list-wrapper .review-list-action .sort span {
    color: var(--theme-color9);
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.26px;
    padding-right: 5px;
}

.shop-review-area .review-list-wrapper .review-list-action .sort .select_widgets button.btn {
    border: 0;
    color: var(--dark-color);
    background: transparent;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.26px;
    padding-right: 20px;
    padding-left: 0;
    border-radius: 0;
}

.shop-review-area .review-list-wrapper .review-list-item {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid var(--theme-color21);
    gap: 90px;
}

    .shop-review-area .review-list-wrapper .review-list-item:last-child {
        margin-bottom: 0;
    }

    .shop-review-area .review-list-wrapper .review-list-item .left-content {
        max-width: 440px;
        width: 100%;
    }

        .shop-review-area .review-list-wrapper .review-list-item .left-content .date {
            color: var(--theme-color9);
            font-size: 14px;
            font-weight: 500;
            line-height: 28px;
            text-transform: capitalize;
        }

        .shop-review-area .review-list-wrapper .review-list-item .left-content .author-name {
            color: var(--dark-color);
            font-size: 14px;
            font-weight: 500;
            line-height: 28px;
            text-transform: capitalize;
        }

    .shop-review-area .review-list-wrapper .review-list-item .right-content .review-title {
        color: var(--dark-color);
        font-size: 20px;
        font-weight: 600;
        line-height: 34px;
        text-transform: uppercase;
    }

    .shop-review-area .review-list-wrapper .review-list-item .right-content .text {
        color: var(--dark-color);
        font-size: 13px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0.26px;
    }

    .shop-review-area .review-list-wrapper .review-list-item .right-content .review-details-btn {
        color: var(--dark-color);
        font-size: 12px;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 0px;
        border-bottom: 1px solid var(--dark-color);
        padding-bottom: 5px;
    }

    .shop-review-area .review-list-wrapper .review-list-item .right-content .review-details-info {
        display: none;
    }

        .shop-review-area .review-list-wrapper .review-list-item .right-content .review-details-info .image {
            gap: 10px;
        }

.shop-review-area .review-help {
    gap: 10px;
}

    .shop-review-area .review-help .title {
        color: var(--dark-color);
        font-size: 14px;
        font-weight: 600;
        line-height: 28px;
        text-transform: capitalize;
    }

    .shop-review-area .review-help .help-btn {
        gap: 10px;
    }

        .shop-review-area .review-help .help-btn .num {
            color: var(--theme-color9);
            font-size: 12px;
            font-weight: 500;
            line-height: 22px;
            letter-spacing: 0px;
            margin-left: 5px;
        }

.shop-review-area .review-list-info ul {
    gap: 30px;
}

    .shop-review-area .review-list-info ul li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 7px;
        color: var(--dark-color);
        font-size: 12px;
        font-weight: 500;
        line-height: 22px;
        letter-spacing: 0px;
    }

.shop-review-area .submit-review-box {
    max-width: 687px;
    width: 100%;
    margin: 0 auto;
}

    .shop-review-area .submit-review-box.shop-s9 {
        background-color: var(--white-color);
        border: 1px solid var(--gray-color);
        max-width: none;
        padding: 60px;
    }

@media (max-width: 575.98px) {
    .shop-review-area .submit-review-box.shop-s9 {
        padding: 40px 30px;
    }
}

.shop-review-area .submit-review-box .title {
    font-size: 30px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.9px;
}

.shop-review-area .submit-review-box .text {
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.26px;
    color: var(--dark-color);
}

.shop-review-area .submit-review-box .rate-text {
    color: var(--dark-color);
    font-size: 14px;
    font-weight: 600;
    line-height: 28px;
    text-transform: capitalize;
}

.shop-review-area .submit-review-box .review-box .text {
    color: var(--dark-color);
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
}

.shop-review-area .submit-review-box .review-box .form-control {
    border: 0;
    height: 54px;
    border-bottom: 1px solid var(--gray-color);
    color: var(--dark-color);
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
}

    .shop-review-area .submit-review-box .review-box .form-control::-webkit-input-placeholder {
        opacity: 1;
    }

    .shop-review-area .submit-review-box .review-box .form-control::-moz-placeholder {
        opacity: 1;
    }

    .shop-review-area .submit-review-box .review-box .form-control:-ms-input-placeholder {
        opacity: 1;
    }

    .shop-review-area .submit-review-box .review-box .form-control::-ms-input-placeholder {
        opacity: 1;
    }

    .shop-review-area .submit-review-box .review-box .form-control::placeholder {
        opacity: 1;
    }

    .shop-review-area .submit-review-box .review-box .form-control:focus {
        border-bottom: 2px solid var(--dark-color);
    }

.shop-review-area .submit-review-box .review-box label {
    color: var(--theme-color9);
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.26px;
    padding-left: 0;
    padding-right: 0;
}

.shop-review-area .submit-review-box .review-box .textarea {
    height: 150px;
    resize: none;
}

.shop-review-area .submit-review-box .review-box .form-check-input {
    width: 16px;
    height: 16px;
    border: 1px solid var(--dark-color);
    border-radius: 0;
}

.shop-review-area .submit-review-box .review-box .form-check-label {
    color: var(--dark-color);
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    margin-left: 8px;
    position: relative;
    top: -2px;
}

.shop-review-area .submit-review-box .dropup .dropdown-toggle::after {
    display: none;
}

.shop-review-area .submit-review-box .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
    opacity: 1;
    transform: scale(1) translateY(-1.3rem) translateX(0);
}

.shop-review-area .submit-review-box .form-floating > .form-control:not(:-ms-input-placeholder) ~ label {
    opacity: 1;
    transform: scale(1) translateY(-1.3rem) translateX(0);
}

.shop-review-area .submit-review-box .form-floating > .form-control-plaintext ~ label,
.shop-review-area .submit-review-box .form-floating > .form-control:focus ~ label,
.shop-review-area .submit-review-box .form-floating > .form-control:not(:placeholder-shown) ~ label,
.shop-review-area .submit-review-box .form-floating > .form-select ~ label {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-1.3rem) translateX(0);
    transform: scale(1) translateY(-1.3rem) translateX(0);
}

.shop-review-area .submit-review-box .range-box .range-field {
    margin-bottom: 20px;
}

    .shop-review-area .submit-review-box .range-box .range-field .slider {
        position: relative;
    }

        .shop-review-area .submit-review-box .range-box .range-field .slider::before,
        .shop-review-area .submit-review-box .range-box .range-field .slider::after {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: var(--white-color);
            border: 1px solid var(--dark-color);
            content: "";
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .shop-review-area .submit-review-box .range-box .range-field .slider::before {
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

        .shop-review-area .submit-review-box .range-box .range-field .slider::after {
            right: 0;
        }

    .shop-review-area .submit-review-box .range-box .range-field:last-child {
        margin-bottom: 0;
    }

    .shop-review-area .submit-review-box .range-box .range-field .label {
        font-weight: 500;
    }

    .shop-review-area .submit-review-box .range-box .range-field .mid-text {
        width: 80px;
        margin: 0 auto;
    }

    .shop-review-area .submit-review-box .range-box .range-field .right-text {
        width: 80px;
        text-align: right;
    }

    .shop-review-area .submit-review-box .range-box .range-field .left-text {
        width: 80px;
        text-align: left;
    }

.shop-review-area .submit-review-box .attachment .file {
    width: 100%;
    height: 100px;
    border: 1px solid var(--gray-color);
    cursor: pointer;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

    .shop-review-area .submit-review-box .attachment .file span {
        color: var(--theme-color9);
        font-weight: 500;
        line-height: 28px;
        text-transform: capitalize;
    }

    .shop-review-area .submit-review-box .attachment .file:hover {
        border-color: var(--dark-color);
    }

.mega-sale-area .bg .overlay {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
    padding: 287px 0 180px;
}

    .mega-sale-area .bg .overlay .text {
        max-width: 700px;
        margin: 0 auto;
    }

        .mega-sale-area .bg .overlay .text p {
            font-size: 16px;
            font-weight: 500;
            line-height: 28px;
            text-transform: uppercase;
        }

        .mega-sale-area .bg .overlay .text .title {
            font-size: 40px;
            font-weight: 500;
            line-height: normal;
            letter-spacing: 1.2px;
        }

    .mega-sale-area .bg .overlay .countdown-box .countdown-item {
        display: -ms-inline-grid;
        display: inline-grid;
        color: var(--headings-color);
        font-size: 30px;
        font-weight: 600;
        letter-spacing: 0.03em;
        line-height: 38px;
        color: var(--white-color);
    }

        .mega-sale-area .bg .overlay .countdown-box .countdown-item .count {
            color: var(--headings-color);
            font-size: 30px;
            font-weight: 600;
            letter-spacing: 0.03em;
            line-height: 38px;
            color: var(--white-color);
            padding-bottom: 5px;
        }

        .mega-sale-area .bg .overlay .countdown-box .countdown-item span {
            font-weight: var(--font-weight-600);
            font-size: 13px;
            letter-spacing: 0em;
            color: var(--white-color);
            line-height: 16px;
        }

.newest-arrivals-wrapper.style22 .col-xl-3:nth-of-type(1) .shop-item.style22 {
    border: 1px solid var(--theme-color33);
}

.newest-arrivals-wrapper.style22 .col-xl-3:nth-of-type(n+2) .shop-item.style22 {
    border: 1px solid var(--theme-color33);
    border-left: none;
}

@media (max-width: 1199.98px) {
    .newest-arrivals-wrapper.style22 .col-xl-3:nth-of-type(n+2) .shop-item.style22 {
        border: 1px solid var(--theme-color33);
    }
}

.trending-produvt-wrapper.style22 .col-xl-3:nth-of-type(1) .shop-item.style22 {
    border: 1px solid var(--theme-color33);
}

.trending-produvt-wrapper.style22 .col-xl-3:nth-of-type(n+2) .shop-item.style22 {
    border: 1px solid var(--theme-color33);
    border-left: none;
}

@media (max-width: 1199.98px) {
    .trending-produvt-wrapper.style22 .col-xl-3:nth-of-type(n+2) .shop-item.style22 {
        border: 1px solid var(--theme-color33);
    }
}

/***  Product Style  ***/
.shop-item {
    position: relative;
}

    .shop-item .thumb {
        position: relative;
        overflow: hidden;
    }

        .shop-item .thumb .img-1 {
            visibility: visible;
        }

        .shop-item .thumb .img-2 {
            position: absolute;
            visibility: hidden;
        }

    .shop-item .prodcut_thumb_slider .swiper-pagination-progressbar {
        background-color: var(--text-gray);
        bottom: 0px;
        top: auto;
    }

        .shop-item .prodcut_thumb_slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
            background-color: var(--headings-color);
        }

    .shop-item .prodcut_thumb_slider .swiper-button-prev:after,
    .shop-item .prodcut_thumb_slider .swiper-button-next:after {
        display: none;
    }

    .shop-item .default_nav .swiper-button-prev i,
    .shop-item .default_nav .swiper-button-next i {
        color: var(--headings-color);
        font-size: 14px;
    }

    .shop-item img {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: opacity 0.18s ease-out, -webkit-transform 0.38s cubic-bezier(0.37, 0.08, 0.02, 0.93);
        transition: opacity 0.18s ease-out, -webkit-transform 0.38s cubic-bezier(0.37, 0.08, 0.02, 0.93);
        transition: transform 0.38s cubic-bezier(0.37, 0.08, 0.02, 0.93), opacity 0.18s ease-out;
        transition: transform 0.38s cubic-bezier(0.37, 0.08, 0.02, 0.93), opacity 0.18s ease-out, -webkit-transform 0.38s cubic-bezier(0.37, 0.08, 0.02, 0.93);
    }

    .shop-item .fav-icon {
        height: 30px;
        line-height: 30px;
        position: absolute;
        right: 20px;
        text-align: center;
        top: 20px;
        width: 30px;
    }

        .shop-item .fav-icon i {
            color: transparent;
            -webkit-text-stroke-width: 1px;
            -webkit-text-stroke-color: var(--headings-color);
            -webkit-transition: all 0.3s ease-out 0s;
            transition: all 0.3s ease-out 0s;
        }

    .shop-item .cart-icon {
        bottom: 20px;
        color: var(--headings-color);
        position: absolute;
        right: 20px;
        -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }

        .shop-item .cart-icon i {
            color: var(--headings-color);
        }

    .shop-item .shop_tags {
        left: 10px;
        opacity: 0;
        position: absolute;
        top: 10px;
        -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }

        .shop-item .shop_tags.style-one .list {
            border-radius: 20px;
            color: var(--text-white);
            display: table;
            font-weight: var(--font-weight-600);
            font-size: 11px;
            line-height: 24px;
            margin-bottom: 5px;
            padding: 0px 12px;
        }

            .shop-item .shop_tags.style-one .list:first-child {
                background-color: var(--theme-color4);
            }

            .shop-item .shop_tags.style-one .list:nth-child(2) {
                background-color: var(--theme-color5);
            }

            .shop-item .shop_tags.style-one .list:nth-child(3) {
                background-color: var(--theme-color6);
            }

        .shop-item .shop_tags.style-two {
            left: 0;
            top: 0;
        }

            .shop-item .shop_tags.style-two .list {
                border-radius: 0px;
                color: var(--text-white);
                display: table;
                font-weight: var(--font-weight-600);
                font-size: 11px;
                line-height: 24px;
                margin-bottom: 5px;
                padding: 0px 12px;
            }

                .shop-item .shop_tags.style-two .list:first-child {
                    background-color: var(--theme-color4);
                }

                .shop-item .shop_tags.style-two .list:nth-child(2) {
                    background-color: var(--theme-color5);
                }

                .shop-item .shop_tags.style-two .list:nth-child(3) {
                    background-color: var(--theme-color6);
                }

    .shop-item .details {
        position: relative;
    }

        .shop-item .details .sub_title {
            color: var(--headings-color);
            font-size: 12px;
            letter-spacing: 0em;
            line-height: 15px;
        }

        .shop-item .details .title {
            color: var(--headings-color);
            font-weight: var(--font-weight-600);
            font-size: 13px;
            letter-spacing: 0em;
            font-weight: var(--font-weight-600);
            line-height: 16px;
        }

            .shop-item .details .title:hover a {
                text-decoration: underline;
            }

        .shop-item .details .price {
            color: var(--text-color);
            font-size: 13px;
            letter-spacing: 0em;
            font-weight: var(--font-weight-500);
            line-height: 24px;
        }

            .shop-item .details .price del {
                color: var(--text-color);
                font-size: 12px;
                font-weight: var(--font-weight-500);
                line-height: 24px;
            }

            .shop-item .details .price .regular {
                color: var(--headings-color);
            }

            .shop-item .details .price .save {
                color: var(--theme-color5);
            }

    .shop-item:hover .img-1 {
        position: absolute;
        visibility: hidden;
    }

    .shop-item:hover .img-2 {
        visibility: visible;
        position: relative;
    }

    .shop-item:hover .shop_tags,
    .shop-item:hover .fav-icon {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

        .shop-item:hover .fav-icon i {
            color: var(--headings-color);
        }

    .shop-item:hover img {
        -webkit-transform: scale(1.09);
        transform: scale(1.09);
    }

    .shop-item.style21 {
        text-align: center;
    }

        .shop-item.style21 .thumb {
            position: relative;
        }

            .shop-item.style21 .thumb:hover .add-to-cart {
                opacity: 1;
                -webkit-transform: translateY(0px);
                transform: translateY(0px);
                -webkit-transition-delay: 400ms;
                transition-delay: 400ms;
            }

            .shop-item.style21 .thumb .add-to-cart {
                position: absolute;
                bottom: 20px;
                left: 50%;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
                -webkit-transform: translateY(20px);
                transform: translateY(20px);
                opacity: 0;
                -webkit-transition: all 300ms ease;
                transition: all 300ms ease;
            }

                .shop-item.style21 .thumb .add-to-cart a {
                    position: relative;
                    color: var(--dark-color);
                    z-index: 1;
                    line-height: 1;
                }

                    .shop-item.style21 .thumb .add-to-cart a::before {
                        background-color: var(--white-color);
                        position: absolute;
                        content: "";
                        -webkit-transform: translate(-50%, -50%);
                        transform: translate(-50%, -50%);
                        height: 30px;
                        width: 30px;
                        border-radius: 50%;
                        left: 50%;
                        top: 50%;
                        z-index: -1;
                    }

        .shop-item.style21 .wishlist {
            position: absolute;
            right: 10px;
            top: 10px;
            z-index: 1;
        }

            .shop-item.style21 .wishlist i {
                color: var(--text-color);
            }

        .shop-item.style21:hover .navigation span {
            opacity: 1;
            visibility: visible;
        }

        .shop-item.style21 .navigation span {
            position: absolute;
            color: var(--dark-color);
            width: 22px;
            height: 22px;
            text-align: center;
            line-height: 22px;
            display: inline-block;
            left: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
            z-index: 2;
            opacity: 0;
            visibility: hidden;
        }

            .shop-item.style21 .navigation span svg {
                padding-bottom: 3px;
            }

            .shop-item.style21 .navigation span:hover {
                background: var(--dark-color);
                color: var(--white-color);
            }

            .shop-item.style21 .navigation span.product-next {
                left: auto;
                right: 0;
            }

        .shop-item.style21 .shop-content .title {
            padding-top: 10px;
        }

            .shop-item.style21 .shop-content .title a {
                font-size: 15px;
                font-style: normal;
                font-weight: 500;
                line-height: 26px;
                text-transform: uppercase;
                color: var(--dark-color);
            }

        .shop-item.style21 .shop-content .text {
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 26px;
            text-transform: uppercase;
            color: var(--text-color);
        }

    .shop-item.style22 {
        padding: 20px;
    }

        .shop-item.style22 .shop-content .rating {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 7px;
        }

            .shop-item.style22 .shop-content .rating li {
                color: #A06D33;
                font-size: 10px;
            }

        .shop-item.style22 .shop-content .title {
            padding-bottom: 10px;
        }

            .shop-item.style22 .shop-content .title a {
                font-size: 15px;
                font-style: normal;
                font-weight: 500;
                line-height: normal;
                letter-spacing: 0.3px;
                text-transform: uppercase;
                color: var(--dark-color2);
            }

        .shop-item.style22 .shop-content .text {
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.28px;
            color: var(--text-color2);
        }

        .shop-item.style22 .navigation span {
            position: absolute;
            color: var(--dark-color);
            width: 22px;
            height: 22px;
            text-align: center;
            line-height: 22px;
            display: inline-block;
            left: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
            z-index: 2;
            opacity: 0;
            visibility: hidden;
        }

            .shop-item.style22 .navigation span svg {
                padding-bottom: 2px;
            }

            .shop-item.style22 .navigation span:hover {
                background: var(--dark-color);
                color: var(--white-color);
            }

            .shop-item.style22 .navigation span.product-next {
                left: auto;
                right: 0;
            }

        .shop-item.style22:hover .navigation span {
            opacity: 1;
            visibility: visible;
        }

    .shop-item.style23 {
        position: relative;
        overflow: hidden;
    }

        .shop-item.style23:hover .thumb .img-1 {
            opacity: 0;
            -o-object-fit: cover;
            object-fit: cover;
            -webkit-transition: transform 2s cubic-bezier(0, 0, 0.44, 1.18);
            -webkit-transition: -webkit-transform 1.5s cubic-bezier(0, 0, 0.44, 1.18);
            transition: -webkit-transform 1.5s cubic-bezier(0, 0, 0.44, 1.18);
            transition: transform 1.5s cubic-bezier(0, 0, 0.44, 1.18);
            transition: transform 1.5s cubic-bezier(0, 0, 0.44, 1.18), -webkit-transform 1.5s cubic-bezier(0, 0, 0.44, 1.18);
        }

        .shop-item.style23:hover .thumb .img-2 {
            opacity: 1;
            -o-object-fit: cover;
            object-fit: cover;
            -webkit-transition: transform 2s cubic-bezier(0, 0, 0.44, 1.18);
            -webkit-transition: -webkit-transform 1.5s cubic-bezier(0, 0, 0.44, 1.18);
            transition: -webkit-transform 1.5s cubic-bezier(0, 0, 0.44, 1.18);
            transition: transform 1.5s cubic-bezier(0, 0, 0.44, 1.18);
            transition: transform 1.5s cubic-bezier(0, 0, 0.44, 1.18), -webkit-transform 1.5s cubic-bezier(0, 0, 0.44, 1.18);
        }

        .shop-item.style23:hover .thumb img {
            -webkit-transform: scale(1.09);
            transform: scale(1.09);
        }

        .shop-item.style23:hover .thumb .quick-btn-wrapper {
            opacity: 1;
            bottom: 10px;
        }

        .shop-item.style23:hover .card-product-wrapper .quick-btn-wrapper {
            opacity: 1;
            bottom: 10px;
        }

        .shop-item.style23:hover .navigation span {
            opacity: 1;
            visibility: visible;
        }

        .shop-item.style23 .thumb {
            position: relative;
            overflow: hidden;
        }

            .shop-item.style23 .thumb img {
                -o-object-fit: cover;
                object-fit: cover;
                -webkit-transition: transform 2s cubic-bezier(0, 0, 0.44, 1.18);
                -webkit-transition: -webkit-transform 1.5s cubic-bezier(0, 0, 0.44, 1.18);
                transition: -webkit-transform 1.5s cubic-bezier(0, 0, 0.44, 1.18);
                transition: transform 1.5s cubic-bezier(0, 0, 0.44, 1.18);
                transition: transform 1.5s cubic-bezier(0, 0, 0.44, 1.18), -webkit-transform 1.5s cubic-bezier(0, 0, 0.44, 1.18);
                -webkit-transform: scale(1);
                transform: scale(1);
            }

            .shop-item.style23 .thumb .img-1 {
                opacity: 1;
                -o-object-fit: cover;
                object-fit: cover;
                -webkit-transition: transform 2s cubic-bezier(0, 0, 0.44, 1.18);
                -webkit-transition: -webkit-transform 1.5s cubic-bezier(0, 0, 0.44, 1.18);
                transition: -webkit-transform 1.5s cubic-bezier(0, 0, 0.44, 1.18);
                transition: transform 1.5s cubic-bezier(0, 0, 0.44, 1.18);
                transition: transform 1.5s cubic-bezier(0, 0, 0.44, 1.18), -webkit-transform 1.5s cubic-bezier(0, 0, 0.44, 1.18);
            }

            .shop-item.style23 .thumb .img-2 {
                position: absolute;
                z-index: 2;
                top: 0;
                left: 0;
                opacity: 0;
                -webkit-transition: transform 2s cubic-bezier(0, 0, 0.44, 1.18);
                -webkit-transition: -webkit-transform 1.5s cubic-bezier(0, 0, 0.44, 1.18);
                transition: -webkit-transform 1.5s cubic-bezier(0, 0, 0.44, 1.18);
                transition: transform 1.5s cubic-bezier(0, 0, 0.44, 1.18);
                transition: transform 1.5s cubic-bezier(0, 0, 0.44, 1.18), -webkit-transform 1.5s cubic-bezier(0, 0, 0.44, 1.18);
            }

            .shop-item.style23 .thumb .quick-btn-wrapper {
                background-color: var(--white-color);
                height: 52px;
                width: 95%;
                text-align: center;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                margin: 0 auto;
                position: absolute;
                left: 12px;
                bottom: -10px;
                opacity: 0;
                -webkit-transition: 0.4s all ease-in-out;
                transition: 0.4s all ease-in-out;
                z-index: 9;
            }

                .shop-item.style23 .thumb .quick-btn-wrapper a {
                    font-size: 13px;
                    font-style: normal;
                    font-weight: 500;
                    line-height: normal;
                    letter-spacing: 0.26px;
                    color: #7B7369;
                }

        .shop-item.style23 .card-product-wrapper .quick-btn-wrapper {
            background-color: var(--white-color);
            height: 52px;
            width: 95%;
            text-align: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin: 0 auto;
            position: absolute;
            left: 12px;
            bottom: -10px;
            opacity: 0;
            -webkit-transition: 0.4s all ease-in-out;
            transition: 0.4s all ease-in-out;
            z-index: 9;
        }

            .shop-item.style23 .card-product-wrapper .quick-btn-wrapper a {
                font-size: 13px;
                font-style: normal;
                font-weight: 500;
                line-height: normal;
                letter-spacing: 0.26px;
                color: #7B7369;
            }

        .shop-item.style23 .navigation span {
            position: absolute;
            color: var(--dark-color);
            width: 22px;
            height: 22px;
            text-align: center;
            line-height: 22px;
            display: inline-block;
            left: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
            z-index: 2;
            opacity: 0;
            visibility: hidden;
        }

            .shop-item.style23 .navigation span svg {
                padding-bottom: 3px;
            }

            .shop-item.style23 .navigation span:hover {
                background: var(--dark-color);
                color: var(--white-color);
            }

            .shop-item.style23 .navigation span.product-next {
                left: auto;
                right: 0;
            }

        .shop-item.style23 .brand-content .title {
            padding-top: 10px;
        }

            .shop-item.style23 .brand-content .title a {
                font-size: 16px;
                font-weight: 400;
                line-height: 22px;
                letter-spacing: 0.32px;
                color: var(--dark-color);
                font-family: var(--title-font2);
            }

        .shop-item.style23 .brand-content .text {
            font-size: 13px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.26px;
            color: #7B7369;
            padding-top: 10px;
        }

    .shop-item.style23_2 {
        position: relative;
    }

@media (max-width: 991.98px) {
    .shop-item.style23_2 {
        margin-bottom: 24px;
    }
}

.shop-item.style23_2 .content {
    position: absolute;
    bottom: 50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

    .shop-item.style23_2 .content .title {
        font-size: 40px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 1.2px;
        color: var(--white-color);
        padding-bottom: 10px;
    }

@media (max-width: 991.98px) {
    .shop-item.style23_2 .content .title {
        font-size: 30px;
        padding-bottom: 8px;
    }
}

.shop-item.style23_2 .content a {
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.26px;
    color: var(--white-color);
}

/*
 * shop-single.scss
 * -----------------------------------------------
*/

.shop-single-area .one-grid-bullet-slider .swiper-pagination-bullet {
    background-color: var(--gray-color);
    height: 4px;
    opacity: 1;
    width: 4px;
}

    .shop-single-area .one-grid-bullet-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: var(--dark-color);
        border-radius: 12px;
        width: 16px;
    }

@media (max-width: 991.98px) {
    .shop-single-area .container-fluid {
        padding: 0 15px;
    }
}

.shop-single-area .shop-left-content .go-down {
    right: -45px;
    bottom: 96px;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    color: var(--dark-color);
    font-size: 12px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0px;
}

    .shop-single-area .shop-left-content .go-down::before {
        position: absolute;
        bottom: -24px;
        left: -46px;
        width: 1px;
        height: 70px;
        background: var(--gray-color);
        content: "";
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    .shop-single-area .shop-left-content .go-down::after {
        position: absolute;
        bottom: 7px;
        left: -37px;
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: var(--dark-color);
        content: "";
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }

.shop-single-area .shop-left-content .img {
    margin-bottom: 4px;
    overflow: hidden;
}

    .shop-single-area .shop-left-content .img img {
        -webkit-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
    }

    .shop-single-area .shop-left-content .img:last-child {
        margin-bottom: 0;
    }

    .shop-single-area .shop-left-content .img .view-shop-item {
        width: 40px;
        height: 40px;
        top: 30px;
        right: 30px;
        -webkit-box-shadow: 0px 15px 24px 0px rgba(0, 0, 0, 0.05);
        box-shadow: 0px 15px 24px 0px rgba(0, 0, 0, 0.05);
        -webkit-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
        visibility: hidden;
        opacity: 0;
    }

    .shop-single-area .shop-left-content .img:hover .view-shop-item {
        opacity: 1;
        visibility: visible;
    }

    .shop-single-area .shop-left-content .img:hover img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

.shop-single-area .shop-right-content {
    margin-left: 210px;
    max-width: 500px;
}

@media (max-width: 1399.98px) {
    .shop-single-area .shop-right-content {
        margin-left: 50px;
    }
}

@media (max-width: 767.98px) {
    .shop-single-area .shop-right-content {
        margin-left: 40px;
    }
}

@media (max-width: 575.98px) {
    .shop-single-area .shop-right-content {
        margin-left: 15px;
        padding-right: 15px !important;
    }
}

@media (max-width: 1199.98px) {
    .shop-single-area .shop-right-content {
        max-width: 100%;
    }
}

.shop-single-area .shop-right-content .shop-prd-title .left-title {
    max-width: 370px;
}

    .shop-single-area .shop-right-content .shop-prd-title .left-title .subtitle {
        color: var(--theme-color9);
        font-family: var(--jakarta-font);
        font-size: 12px;
        font-weight: 500;
        line-height: 22px;
        letter-spacing: 0px;
    }

    .shop-single-area .shop-right-content .shop-prd-title .left-title .title {
        font-family: var(--jakarta-font);
        color: var(--dark-color);
        font-size: 30px;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 0.9px;
    }

    .shop-single-area .shop-right-content .shop-prd-title .left-title .price {
        font-family: var(--jakarta-font);
        color: var(--dark-color);
        font-size: 16px;
        font-weight: 600;
        line-height: 28px;
        text-transform: uppercase;
    }

    .shop-single-area .shop-right-content .shop-prd-title .left-title .off-price {
        font-family: var(--jakarta-font);
        color: var(--theme-color9);
        font-size: 12px;
        font-weight: 500;
        line-height: 22px;
        letter-spacing: 0px;
    }

.shop-single-area .shop-right-content .shop-prd-title .star-icon .icon {
    width: 30px;
    height: 30px;
    background: var(--gray-color-2);
}

.shop-single-area .shop-right-content.shop-s10 .left-title {
    max-width: none;
}

.shop-single-area .shop-right-content .pre-order {
    background: var(--theme-color19);
    padding: 20px;
}

    .shop-single-area .shop-right-content .pre-order p {
        gap: 15px;
        max-width: 400px;
        color: var(--theme-color20);
        font-size: 12px;
        font-weight: 600;
        line-height: 22px;
        letter-spacing: 0px;
    }

.shop-single-area .shop-right-content .color-plates .color-title {
    color: var(--dark-color);
    font-family: var(--jakarta-font);
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.26px;
}

    .shop-single-area .shop-right-content .color-plates .color-title .active {
        color: var(--theme-color9);
    }

.shop-single-area .shop-right-content .color-plates .form-check {
    margin-right: 10px;
}

    .shop-single-area .shop-right-content .color-plates .form-check input {
        background-color: var(--white-color);
        border: 0;
        border-radius: 50%;
        cursor: pointer;
        height: 18px;
        position: relative;
        width: 18px;
    }

        .shop-single-area .shop-right-content .color-plates .form-check input::before {
            border: 1px solid var(--theme-color21);
            border-radius: 50%;
            color: var(--white-color);
            content: "";
            font-family: "Font Awesome 6 Pro";
            font-size: 10px;
            height: 28px;
            left: 50%;
            line-height: 26px;
            position: absolute;
            text-align: center;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            -webkit-transition: all 0.4s ease-out 0s;
            transition: all 0.4s ease-out 0s;
            width: 28px;
            z-index: 0;
        }

        .shop-single-area .shop-right-content .color-plates .form-check input:checked {
            background: none;
            border-color: var(--dark-color);
        }

            .shop-single-area .shop-right-content .color-plates .form-check input:checked::before {
                border-color: var(--dark-color);
                content: "\f00c";
            }

    .shop-single-area .shop-right-content .color-plates .form-check.black input {
        background-color: var(--dark-color);
    }

    .shop-single-area .shop-right-content .color-plates .form-check.master input {
        background-color: var(--theme-color22);
    }

    .shop-single-area .shop-right-content .color-plates .form-check.sky input {
        background-color: var(--theme-color23);
    }

    .shop-single-area .shop-right-content .color-plates .form-check.grey input {
        background-color: var(--theme-color27);
    }

.shop-single-area .shop-right-content .color-plates.style2 .form-check {
    margin-right: 10px;
}

    .shop-single-area .shop-right-content .color-plates.style2 .form-check input {
        width: 30px;
        height: 26px;
        background-color: var(--white-color);
        cursor: pointer;
        border: 0;
        border-radius: 0px;
        position: relative;
    }

        .shop-single-area .shop-right-content .color-plates.style2 .form-check input::before {
            position: absolute;
            width: unset;
            height: unset;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            border: 0;
            z-index: unset;
            border-radius: 0px;
            content: "";
            -webkit-transition: all 0.4s ease-out 0s;
            transition: all 0.4s ease-out 0s;
        }

        .shop-single-area .shop-right-content .color-plates.style2 .form-check input:checked {
            background: none;
            border-color: var(--dark-color);
        }

            .shop-single-area .shop-right-content .color-plates.style2 .form-check input:checked::before {
                border-color: var(--dark-color);
                content: "\f00c";
                font-family: "Font Awesome 6 Pro";
                color: var(--white-color);
            }

    .shop-single-area .shop-right-content .color-plates.style2 .form-check.cl1 input {
        background-color: none;
        background-image: url(../images/shop/cl-1.png);
    }

    .shop-single-area .shop-right-content .color-plates.style2 .form-check.cl2 input {
        background-color: var(--theme-color31);
    }

    .shop-single-area .shop-right-content .color-plates.style2 .form-check.cl3 input {
        background-color: var(--theme-color32);
    }

    .shop-single-area .shop-right-content .color-plates.style2 .form-check.cl4 input {
        background-color: var(--black-color);
    }

    .shop-single-area .shop-right-content .color-plates.style2 .form-check.cl5 input {
        background-color: var(--theme-color29);
    }

    .shop-single-area .shop-right-content .color-plates.style2 .form-check.cl6 input {
        background-image: url(../images/shop/cl-2.png);
    }

    .shop-single-area .shop-right-content .color-plates.style2 .form-check.cl7 input {
        background-color: var(--theme-color30);
    }

    .shop-single-area .shop-right-content .color-plates.style2 .form-check.cl8 input {
        background-color: var(--theme-color33);
    }

.shop-single-area .shop-right-content .shop-sizes .color-title {
    color: var(--dark-color);
    font-family: var(--jakarta-font);
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.26px;
}

    .shop-single-area .shop-right-content .shop-sizes .color-title .active {
        color: var(--theme-color9);
    }

.shop-single-area .shop-right-content .shop-sizes .filter_by_size {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    overflow: hidden;
}

    .shop-single-area .shop-right-content .shop-sizes .filter_by_size .form-check {
        width: auto;
        padding-left: 0;
    }

    .shop-single-area .shop-right-content .shop-sizes .filter_by_size .form-check-input {
        display: none;
    }

        .shop-single-area .shop-right-content .shop-sizes .filter_by_size .form-check-input + .form-check-label {
            background-color: transparent;
            border: 1px solid var(--theme-color21);
            width: 40px;
            height: 40px;
            text-align: center;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            display: inline-block;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-transition: all 0.4s ease-out 0s;
            transition: all 0.4s ease-out 0s;
            color: var(--dark-color);
            font-family: var(--jakarta-font);
            font-size: 12px;
            font-weight: 600;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            line-height: 22px;
            letter-spacing: 0px;
        }

        .shop-single-area .shop-right-content .shop-sizes .filter_by_size .form-check-input:checked + .form-check-label {
            /* Checked style  */
            background-color: transparent;
            border-color: var(--dark-color);
            color: var(--dark-color);
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }

    .shop-single-area .shop-right-content .shop-sizes .filter_by_size.style2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 0;
    }

@media (max-width: 991.98px) {
    .shop-single-area .shop-right-content .shop-sizes .filter_by_size.style2 {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.shop-single-area .shop-right-content .shop-sizes .filter_by_size.style2 .form-check-input + .form-check-label {
    border: 0;
    border-bottom: 1px solid var(--theme-color21);
    width: 90px;
    height: 58px;
}

@media (max-width: 1599.98px) {
    .shop-single-area .shop-right-content .shop-sizes .filter_by_size.style2 .form-check-input + .form-check-label {
        width: 69px;
    }
}

@media (max-width: 1399.98px) {
    .shop-single-area .shop-right-content .shop-sizes .filter_by_size.style2 .form-check-input + .form-check-label {
        width: 63px;
    }
}

@media (max-width: 1199.98px) {
    .shop-single-area .shop-right-content .shop-sizes .filter_by_size.style2 .form-check-input + .form-check-label {
        width: 50px;
    }
}

.shop-single-area .shop-right-content .shop-sizes .filter_by_size.style2 .form-check-input:checked + .form-check-label {
    border-color: var(--dark-color);
}

.shop-single-area .shop-right-content .shop-sizes .filter_by_size.style3 {
    gap: 0;
}

    .shop-single-area .shop-right-content .shop-sizes .filter_by_size.style3 .form-check-input + .form-check-label {
        width: 50px;
        height: 50px;
    }

.shop-single-area .shop-right-content .shop-sizes .filter_by_size.style9 {
    gap: 0;
}

    .shop-single-area .shop-right-content .shop-sizes .filter_by_size.style9 .form-check-input + .form-check-label {
        height: 54px;
        margin-right: 5px;
        width: 100px;
    }

.shop-single-area .shop-right-content .shop-sizes .filter_by_size.style10 {
    gap: 0;
}

    .shop-single-area .shop-right-content .shop-sizes .filter_by_size.style10 .form-check-input + .form-check-label {
        height: 54px;
        margin-right: 5px;
        width: 126px;
    }

.shop-single-area .shop-right-content .shop-sizes .guide-btn {
    color: var(--dark-color);
    font-family: var(--jakarta-font);
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0px;
    text-decoration: underline;
}

.shop-single-area .shop-right-content .shop-sizes.style2 .filter_by_size .form-check-input + .form-check-label {
    background-color: var(--gray-color-2);
    border: transparent;
}

.shop-single-area .shop-right-content .shop-sizes.style2 .filter_by_size .form-check-input:checked + .form-check-label {
    background-color: var(--dark-color);
    color: var(--white-color);
}

.shop-single-area .shop-right-content .shop-tabs .nav-link {
    background: transparent;
    padding: 0;
    color: var(--dark-color);
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.26px;
    margin-right: 30px;
    border-bottom: 1px solid transparent;
    border-radius: 0;
}

.shop-single-area .shop-right-content .shop-tabs .active {
    border-color: var(--dark-color);
}

.shop-single-area .shop-right-content .shop-tabs .details p {
    color: var(--dark-color);
    font-size: 12px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 0;
    letter-spacing: 0px;
}

.shop-single-area .shop-right-content .quantity .quantity-block {
    border: 1px solid var(--gray-color);
    height: 53px;
    width: 120px;
    padding: 0 5px;
}

    .shop-single-area .shop-right-content .quantity .quantity-block .quantity-num,
    .shop-single-area .shop-right-content .quantity .quantity-block .quantity-arrow-minus,
    .shop-single-area .shop-right-content .quantity .quantity-block .quantity-arrow-plus {
        width: 30px;
        background: transparent;
        text-align: center;
        color: var(--dark-color);
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
    }

    .shop-single-area .shop-right-content .quantity .quantity-block .quantity-arrow-minus,
    .shop-single-area .shop-right-content .quantity .quantity-block .quantity-arrow-plus {
        font-size: 10px;
    }

.shop-single-area .shop-right-content .pickup .info .aval {
    color: var(--dark-color);
    font-size: 12px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0px;
}

.shop-single-area .shop-right-content .pickup .info span {
    color: var(--theme-color9);
    font-size: 12px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0px;
}

.shop-single-area .shop-right-content .pickup.shop-pickup-info .color-plates {
    width: 16px;
    height: 16px;
}

    .shop-single-area .shop-right-content .pickup.shop-pickup-info .color-plates .form-check input {
        width: 10px;
        height: 10px;
        background: transparent;
    }

        .shop-single-area .shop-right-content .pickup.shop-pickup-info .color-plates .form-check input::before {
            width: 16px;
            height: 16px;
            border-color: var(--dark-color);
        }

        .shop-single-area .shop-right-content .pickup.shop-pickup-info .color-plates .form-check input:checked {
            background: var(--dark-color);
        }

.shop-single-area .shop-right-content .pickup.shop-pickup-info .pickup-info {
    position: relative;
    top: -6px;
}

    .shop-single-area .shop-right-content .pickup.shop-pickup-info .pickup-info .pickup-title {
        color: var(--dark-color);
        font-family: var(--jakarta-font);
        font-size: 13px;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: 0.26px;
    }

    .shop-single-area .shop-right-content .pickup.shop-pickup-info .pickup-info p {
        color: var(--theme-color9);
        font-family: var(--jakarta-font);
        font-size: 12px;
        font-weight: 500;
        line-height: 22px;
        letter-spacing: 0px;
    }

        .shop-single-area .shop-right-content .pickup.shop-pickup-info .pickup-info p a {
            color: var(--dark-color);
        }

.shop-single-area .shop-right-content .prd-description ul li {
    margin-bottom: 6px;
}

    .shop-single-area .shop-right-content .prd-description ul li:last-child {
        margin-bottom: 0;
    }

    .shop-single-area .shop-right-content .prd-description ul li button {
        color: var(--dark-color);
        font-size: 13px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0.26px;
        position: relative;
    }

        .shop-single-area .shop-right-content .prd-description ul li button::before {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0px;
            height: 1px;
            background: var(--dark-color);
            content: "";
            -webkit-transition: all 0.4s ease-out 0s;
            transition: all 0.4s ease-out 0s;
        }

        .shop-single-area .shop-right-content .prd-description ul li button:hover::before {
            width: 100%;
        }

.shop-single-area .shop-right-content .prd-sidebar-overlay,
.shop-single-area .shop-right-content .cloth-sidebar-overlay {
    z-index: 0;
    background: rgba(29, 29, 29, 0.7);
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    visibility: hidden;
    opacity: 0;
}

    .shop-single-area .shop-right-content .prd-sidebar-overlay.active,
    .shop-single-area .shop-right-content .cloth-sidebar-overlay.active {
        visibility: visible;
        opacity: 1;
    }

.shop-single-area .shop-right-content .cloth-sidebar-overlay {
    z-index: 0;
}

.shop-single-area .shop-right-content .prd-sidebar-info,
.shop-single-area .shop-right-content .cloth-size-sidebar {
    max-width: 960px;
    background: var(--white-color);
    padding: 30px 40px;
    height: 100%;
    right: -100px;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    visibility: hidden;
    opacity: 0;
    overflow-y: auto;
    z-index: -1;
}

    .shop-single-area .shop-right-content .prd-sidebar-info .header-info .title,
    .shop-single-area .shop-right-content .cloth-size-sidebar .header-info .title {
        color: var(--dark-color);
        font-size: 16px;
        font-weight: 600;
        line-height: 28px;
        text-transform: uppercase;
    }

    .shop-single-area .shop-right-content .prd-sidebar-info .header-info .close-prd-sidebar,
    .shop-single-area .shop-right-content .cloth-size-sidebar .header-info .close-prd-sidebar {
        width: 35px;
        height: 35px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .shop-single-area .shop-right-content .prd-sidebar-info .details p,
    .shop-single-area .shop-right-content .cloth-size-sidebar .details p {
        color: var(--dark-color);
        font-size: 13px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0.26px;
    }

    .shop-single-area .shop-right-content .prd-sidebar-info .details ul li,
    .shop-single-area .shop-right-content .cloth-size-sidebar .details ul li {
        color: var(--dark-color);
        font-size: 13px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0.26px;
        position: relative;
        padding-left: 20px;
    }

        .shop-single-area .shop-right-content .prd-sidebar-info .details ul li::before,
        .shop-single-area .shop-right-content .cloth-size-sidebar .details ul li::before {
            position: absolute;
            width: 5px;
            height: 5px;
            border-radius: 15px;
            background: var(--dark-color);
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            left: 0;
            content: "";
        }

    .shop-single-area .shop-right-content .prd-sidebar-info.active,
    .shop-single-area .shop-right-content .cloth-size-sidebar.active {
        right: 0;
        visibility: visible;
        opacity: 1;
        right: 0;
        z-index: 9;
    }

.shop-single-area .shop-right-content .shop-rating span {
    color: var(--dark-color);
    font-family: var(--jakarta-font);
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0px;
}

    .shop-single-area .shop-right-content .shop-rating span.number {
        position: relative;
        top: 1px;
    }

.shop-single-area .shop-right-content .shipping-info p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: var(--dark-color);
    font-family: var(--jakarta-font);
    font-size: 12px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0px;
    gap: 10px;
}

    .shop-single-area .shop-right-content .shipping-info p + p {
        margin-top: 16px;
    }

.shop-single-area .shop-right-content .shipping-info.style2 {
    border: 1px solid var(--gray-color);
}

    .shop-single-area .shop-right-content .shipping-info.style2 p {
        font-size: 13px;
        font-weight: 500;
        line-height: 24px;
        border-bottom: 1px solid var(--gray-color);
        margin-top: 0;
        padding: 18px 20px;
    }

        .shop-single-area .shop-right-content .shipping-info.style2 p:last-child {
            border-bottom: 0;
        }

.shop-single-area .shop-right-content .matching-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 34px;
    text-transform: uppercase;
}

.shop-single-area .shop-right-content.shop-s7 {
    max-width: 570px;
}

.shop-single-area.shop2 .shop-left-content .view-shop-item {
    width: 30px;
    height: 30px;
    top: 20px;
    right: 20px;
}

.shop-single-area.shop2 .shop-left-content .control-video1 {
    -webkit-filter: drop-shadow(0px 15px 24px rgba(0, 0, 0, 0.05));
    filter: drop-shadow(0px 15px 24px rgba(0, 0, 0, 0.05));
    background: var(--white-color);
    width: 30px;
    height: 30px;
    bottom: 20px;
    left: 20px;
    font-size: 12px;
}

.shop-single-area.shop2 .shop-left-content .img.video {
    height: 100%;
}

    .shop-single-area.shop2 .shop-left-content .img.video video {
        -o-object-fit: cover;
        object-fit: cover;
    }

.shop-single-area.shop2 .shop-right-content {
    margin-left: 0;
}

.shop-single-area.shop2 .more-payment {
    color: var(--dark-color);
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.26px;
}

.shop-single-area.shop2 .pre-order.style2 {
    background: var(--gray-color-2);
}

    .shop-single-area.shop2 .pre-order.style2 p {
        gap: 10px;
        color: var(--dark-color);
        font-size: 13px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0.26px;
    }

        .shop-single-area.shop2 .pre-order.style2 p strong {
            font-size: 16px;
            font-weight: 600;
            line-height: 28px;
            text-transform: uppercase;
        }

.shop-single-area.shop3 .shop-left-content .view-shop-item {
    width: 70px;
    height: 70px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.shop-single-area.shop3 .shop-right-content {
    max-width: 760px;
    margin-left: 90px;
}

@media (max-width: 1399.98px) {
    .shop-single-area.shop3 .shop-right-content {
        max-width: 100%;
        margin-left: 40px;
    }
}

@media (max-width: 1199.98px) {
    .shop-single-area.shop3 .shop-right-content {
        margin-left: 0;
    }
}

@media (max-width: 991.98px) {
    .shop-single-area.shop3 .shop-right-content {
        margin-left: 30px;
        padding-right: 30px !important;
    }
}

@media (max-width: 575.98px) {
    .shop-single-area.shop3 .shop-right-content {
        margin-left: 15px;
        padding-right: 15px !important;
    }
}

.shop-single-area.shop3 .shop-right-content .stock-text {
    font-size: 12px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0px;
}

    .shop-single-area.shop3 .shop-right-content .stock-text i {
        margin-right: 10px;
        font-size: 6px;
        color: var(--theme-color28);
    }

.shop-single-area.shop3 .shop-right-content .shop-prd-title {
    padding-bottom: 12px;
    border-bottom: 1px solid var(--dark-color);
}

.shop-single-area.shop3 .shop-right-content .shop-sizes .guide-btn {
    color: var(--theme-color9);
    font-weight: 500;
}

.shop-single-area.shop3 .shop-tabs .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid var(--gray-color);
}

.shop-single-area.shop3 .shop-tabs .nav-link {
    line-height: 30px;
    margin-right: 0;
}

.shop-single-area.shop4 .shop-right-content .shop-prd-title .left-title .price {
    font-size: 20px;
    font-weight: 500;
    line-height: 34px;
}

.shop-single-area.shop5 .shop5-wrapper {
    max-width: 1920px;
}

.shop-single-area.shop5 .shop-left-content {
    max-width: 1187px;
}

@media (max-width: 1799.98px) {
    .shop-single-area.shop5 .shop-left-content {
        max-width: 960px;
    }
}

@media (max-width: 1599.98px) {
    .shop-single-area.shop5 .shop-left-content {
        max-width: 860px;
    }
}

@media (max-width: 1399.98px) {
    .shop-single-area.shop5 .shop-left-content {
        max-width: 750px;
    }
}

@media (max-width: 1199.98px) {
    .shop-single-area.shop5 .shop-left-content {
        max-width: 100%;
    }
}

.shop-single-area.shop5 .shop-left-content .img .shop-5-text {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.shop-single-area.shop5 .shop-left-content .img:hover .shop-5-text {
    visibility: visible;
    opacity: 1;
}

@media (max-width: 1399.98px) {
    .shop-single-area.shop5 .shop-right-content {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}

.shop-single-area.shop5 .shop-right-content .description p {
    color: var(--dark-color);
    font-size: 12px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0px;
}

.shop-single-area.shop5 .shop-right-content .prd-description li button::before {
    display: none;
}

.shop-single-area.shop5 .shop-right-content .prd-description li button .icon {
    position: relative;
    top: -1px;
}

.shop-single-area.shop5 .shop-right-content .prd-description li button .txt {
    text-decoration: underline;
}

.shop-single-area.shop5 .shop-right-content .shop-sizes .color-title {
    font-weight: 500;
}

.shop-single-area.shop5 .shop-right-content .shop-sizes .filter_by_size {
    gap: 10px;
}

    .shop-single-area.shop5 .shop-right-content .shop-sizes .filter_by_size .form-check-input + .form-check-label {
        background-color: transparent;
        border: 1px solid var(--theme-color21);
        width: 76px;
        height: 60px;
        text-align: center;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        display: inline-block;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
        color: var(--dark-color);
        font-family: var(--jakarta-font);
        font-size: 13px;
        font-weight: 500;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        line-height: 22px;
        letter-spacing: 0px;
    }

@media (max-width: 1399.98px) {
    .shop-single-area.shop5 .shop-right-content .shop-sizes .filter_by_size .form-check-input + .form-check-label {
        width: 56px;
        height: 45px;
    }
}

.shop-single-area.shop5 .shop-right-content .shop-sizes .filter_by_size .form-check-input:checked + .form-check-label {
    /* Checked style  */
    background-color: transparent;
    border-color: var(--dark-color);
    color: var(--dark-color);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.shop-single-area.shop5 .shop-right-content .shop-sizes .filter_by_size.style6 .form-check-input + .form-check-label {
    height: 40px;
    width: 40px;
}

.shop-single-area.shop5 .payment-info p {
    color: var(--theme-color9);
    font-size: 12px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0px;
}

    .shop-single-area.shop5 .payment-info p a {
        color: var(--dark-color);
    }

        .shop-single-area.shop5 .payment-info p a:hover {
            color: var(--dark-color) !important;
        }

    .shop-single-area.shop5 .payment-info p .pay-option {
        margin: 0 7px;
    }

.shop-single-area .price-info .save-price {
    background-color: var(--theme-color6);
    border-radius: 20px;
    color: var(--text-white);
    display: table;
    font-weight: var(--font-weight-600);
    font-size: 11px;
    line-height: 24px;
    margin-bottom: 5px;
    padding: 0px 12px;
    color: var(--white-color);
}

.shop-single-area.shop-s7-banner-widget .shop-right-content {
    max-width: 400px;
    width: 100%;
}

    .shop-single-area.shop-s7-banner-widget .shop-right-content .shop-prd-title .left-title .title {
        font-size: 20px;
        font-weight: 600;
        line-height: 34px;
        letter-spacing: normal;
        text-align: center;
        text-transform: uppercase;
    }

.low-stock .bullet {
    background-color: var(--theme-color35);
    border-radius: 10px;
    height: 8px;
    width: 8px;
}

.low-stock .text {
    color: var(--text-color);
    font-style: normal;
    font-weight: var(--font-weight-500);
    font-size: 12px;
    letter-spacing: 0em;
    line-height: 22px;
    color: var(--headings-color);
}

.low-stock.shop-s8 {
    background-color: var(--theme-color34);
    max-width: 253px;
    width: 100%;
}

.skew-item .text {
    color: var(--headings-color);
    font-style: normal;
    font-size: 13px;
    font-weight: var(--font-weight-500);
    letter-spacing: 0em;
    line-height: 24px;
}

.share-item .text {
    color: var(--text-color);
    font-style: normal;
    font-weight: var(--font-weight-500);
    font-size: 12px;
    letter-spacing: 0em;
    line-height: 22px;
    color: var(--headings-color);
}

.shop-single10 .tab-btn {
    color: var(--body-color);
    font-family: var(--jakarta-font);
    font-weight: var(--font-weight-600);
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0.03em;
    padding-bottom: 15px;
    text-transform: uppercase;
}

    .shop-single10 .tab-btn.active {
        color: var(--headings-color);
    }

.product-details-btn.shop-s10 .btn-thm35-border {
    border: 1px solid var(--theme-color35);
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

    .product-details-btn.shop-s10 .btn-thm35-border:hover {
        background-color: var(--theme-color35);
        color: var(--white-color);
    }

.product-details-btn.shop-s10 .btn-thm35 {
    background-color: var(--theme-color35);
    color: var(--white-color);
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

    .product-details-btn.shop-s10 .btn-thm35:hover {
        background-color: var(--headings-color);
        color: var(--theme-color35);
    }

.shipping-info.shop-s10 {
    background-color: var(--gray-color-2);
    gap: 10px;
    padding: 10px 20px;
}

    .shipping-info.shop-s10 .item {
        margin-left: 40px;
    }

        .shipping-info.shop-s10 .item:first-child {
            margin-left: 0;
        }

@media (max-width: 575.98px) {
    .shipping-info.shop-s10 .item {
        margin-left: 0;
    }
}

.su-product-8-tab-content .card-product-info.shop-s10 .list-color-item {
    height: 82px;
    width: 62px;
}

    .su-product-8-tab-content .card-product-info.shop-s10 .list-color-item img {
        height: 80px;
        width: 60px;
    }

.su-product-8-tab-content .card-product-info.shop-s6 .list-color-item {
    border-radius: 50%;
    height: 30px;
    overflow: hidden;
    width: 30px;
}

    .su-product-8-tab-content .card-product-info.shop-s6 .list-color-item img {
        height: 30px;
        width: 30px;
    }

.info.shop-s7 {
    background-color: var(--dark-color);
    padding: 60px;
}

    .info.shop-s7 .title,
    .info.shop-s7 .subtitle {
        color: var(--white-color);
    }

/*
 * location.scss
 * -----------------------------------------------
*/
.su-location-7-wrap .widget-tab-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 40px;
    gap: 15px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .su-location-7-wrap .widget-tab-2 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.su-location-7-wrap .widget-tab-2 .nav-tab-item {
    width: 100%;
    text-align: center;
}

    .su-location-7-wrap .widget-tab-2 .nav-tab-item a {
        font-weight: 500;
        font-size: 30px;
        letter-spacing: 0.03em;
        text-align: center;
        color: var(--text-color);
        border-bottom: 1px solid transparent;
        display: block;
        padding: 5px 20px;
        line-height: 51px;
    }

        .su-location-7-wrap .widget-tab-2 .nav-tab-item a.active {
            border-color: var(--dark-color);
            color: var(--dark-color);
        }

.su-location-7-content ul li {
    font-weight: 500;
    font-size: 14px;
    color: var(--text-dark2);
    line-height: 28px;
}

.flat-animate-tab {
    overflow: hidden;
}

    .flat-animate-tab .tab-content {
        position: relative;
    }

    .flat-animate-tab .tab-pane {
        display: block;
        pointer-events: none;
        opacity: 0;
        visibility: hidden;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        right: 0;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
    }

        .flat-animate-tab .tab-pane.active {
            pointer-events: auto;
            opacity: 1;
            visibility: visible;
            position: relative;
            z-index: 2;
            -webkit-transform: none;
            transform: none;
            -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
            -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
        }

.su-big-text span {
    width: 100%;
}

.su-map-8-wrap .map iframe {
    width: 100%;
    height: 600px;
    -webkit-filter: saturate(0);
    filter: saturate(0);
    border-radius: 12px;
}

@media (max-width: 575px) {
    .su-map-8-wrap .map iframe {
        height: 300px;
    }
}

.su-map-8-wrap .su-content {
    border-radius: 16px;
    padding: 35px 40px 40px 40px;
    width: 400px;
    background: var(--text-white);
    position: absolute;
    bottom: 98px;
    left: 200px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .su-map-8-wrap .su-content {
        left: 50px;
    }
}

@media (max-width: 575px) {
    .su-map-8-wrap .su-content {
        position: inherit;
        margin-top: 30px;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 35px 20px 40px 20px;
    }
}

.su-map-8-wrap .su-content .title {
    font-family: var(--marcellus-font);
    font-weight: 400;
    font-size: 24px;
    letter-spacing: 0.03em;
    color: var(--text-black);
    margin-top: 0;
}

.su-map-8-wrap .su-content .subtitle {
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0em;
    color: var(--text-color);
    display: block;
}

.su-map-8-wrap .su-content .location {
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
    color: var(--dark-color);
    display: block;
}

.su-map-8-wrap .su-content .su-btn-4 {
    border-radius: 12px;
    text-align: center;
}

.su-map-8-wrap .su-content .times {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .su-map-8-wrap .su-content .times span {
        font-weight: 500;
        font-size: 14px;
        color: var(--dark-color);
    }

.video-area {
    position: relative;
}

    .video-area .content-box {
        padding: 233px 20px;
        z-index: 0;
    }

@media (max-width: 1399.98px) {
    .video-area .content-box {
        padding: 163px 0;
    }
}

@media (max-width: 767.98px) {
    .video-area .content-box {
        padding: 123px 0;
    }
}

@media (max-width: 575.98px) {
    .video-area .content-box {
        padding: 80px 0;
    }
}

.video-area .content-box.home1 {
    position: relative;
}

    .video-area .content-box.home1:before {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1;
    }

    .video-area .content-box.home1 .title {
        color: var(--white-color);
        font-family: var(--jakarta-font);
        font-style: normal;
        font-weight: 500;
        font-size: 40px;
        line-height: 50px;
        letter-spacing: 0.03em;
    }

    .video-area .content-box.home1 .text {
        color: var(--white-color);
        font-family: var(--jakarta-font);
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 28px;
        text-transform: capitalize;
    }

.video-area .play-btn {
    color: var(--white-color);
    font-size: 13px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 150px;
    height: 150px;
    padding: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid var(--white-color);
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

@media (max-width: 991.98px) {
    .video-area .play-btn {
        width: 110px;
        height: 110px;
    }
}

.video-area .play-btn:hover {
    background: var(--white-color);
    color: var(--dark-color);
}

.video-area-wrapper.style21 .video-content.style21 {
    max-width: 800px;
    margin: 0 auto;
    padding: 120px 0;
    text-align: center;
}

@media (max-width: 1399.98px) {
    .video-area-wrapper.style21 .video-content.style21 {
        padding: 40px 0;
    }
}

@media (max-width: 991.98px) {
    .video-area-wrapper.style21 .video-content.style21 {
        padding: 0;
    }
}

.video-area-wrapper.style21 .video-content.style21 .text {
    color: var(--white-color);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    padding: 24px 0 16px 0;
}

.video-area-wrapper.style21 .video-content.style21 .title {
    font-size: 50px;
    font-style: normal;
    font-weight: 500;
    line-height: 65px;
    text-transform: uppercase;
    color: var(--white-color);
    font-size: 28px;
    line-height: 32px;
}

@media (max-width: 767.98px) {
    .video-area-wrapper.style21 .video-content.style21 .title {
        font-size: 40px;
        line-height: 48px;
    }
}

.video-area-wrapper.style22 .video-content.style22 {
    max-width: 800px;
    margin: 0 auto;
    padding: 90px 0 70px 0;
    text-align: center;
}

@media (max-width: 1399.98px) {
    .video-area-wrapper.style22 .video-content.style22 {
        padding: 40px 0;
    }
}

@media (max-width: 991.98px) {
    .video-area-wrapper.style22 .video-content.style22 {
        padding: 0;
    }
}

.video-area-wrapper.style22 .video-content.style22 .text {
    color: var(--white-color);
    padding: 24px 0 24px 0;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

@media (max-width: 767.98px) {
    .video-area-wrapper.style22 .video-content.style22 .text {
        padding: 18px 0;
    }

        .video-area-wrapper.style22 .video-content.style22 .text br {
            display: none;
        }
}

.video-area-wrapper.style22 .video-content.style22 .title {
    color: var(--white-color);
    font-weight: 500;
    text-transform: uppercase;
    color: var(--white-color);
    padding-top: 24px;
    font-size: clamp(26px, 3.12vw, 50px);
    line-height: 1.3;
    padding-bottom: 0px;
}

.video-area-wrapper.style22 .video-content.style22 .theme-btn2:hover {
    color: var(--dark-color6);
}

.video-area-wrapper.style22 .video-content.style22 .video-box span:hover {
    color: var(--dark-color6);
}

.video-box {
    position: relative;
    z-index: 5;
}

    .video-box .play-btn {
        z-index: 6;
    }

        .video-box .play-btn > span {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            border: 1px solid var(--white-color);
            border-radius: 50%;
            color: var(--white-color);
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            font-size: 13px;
            font-style: normal;
            font-weight: 600;
            height: 150px;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            letter-spacing: 0.26px;
            line-height: 150px;
            -webkit-transition: all 0.4s ease-out 0s;
            transition: all 0.4s ease-out 0s;
            width: 150px;
            z-index: 1;
        }

            .video-box .play-btn > span:hover {
                background-color: var(--white-color);
            }

@media (max-width: 767.98px) {
    .video-box .play-btn > span {
        height: 100px;
        width: 100px;
    }
}

.scrolling-wrap.home1 {
    background-color: var(--dark-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    overflow: hidden;
    position: relative;
    padding: 50px 0;
    white-space: nowrap;
}

    .scrolling-wrap.home1 .comm {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-animation: scroll 20s linear infinite;
        animation: scroll 20s linear infinite;
        gap: 100px;
        cursor: pointer;
    }

        .scrolling-wrap.home1 .comm .cmn-textslide {
            color: var(--white-color);
            font-weight: 600;
            font-size: 13px;
            line-height: 16px;
            letter-spacing: 0em;
        }

.scrolling-wrap.style23 {
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    overflow: hidden;
    position: relative;
    padding: 50px 0;
    white-space: nowrap;
}

    .scrolling-wrap.style23 .comm {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-animation: scroll 60s linear infinite;
        animation: scroll 60s linear infinite;
        gap: 40px;
        cursor: pointer;
    }

        .scrolling-wrap.style23 .comm .cmn-textslide {
            color: transparent;
            -webkit-text-stroke-width: 1px;
            -webkit-text-stroke-color: var(--dark-color);
            letter-spacing: 0em;
            font-size: clamp(30px, 3.12vw, 50px);
            line-height: 1.26;
            -webkit-transition: all 0.4s ease-out 0s;
            transition: all 0.4s ease-out 0s;
        }

            .scrolling-wrap.style23 .comm .cmn-textslide:hover {
                color: var(--dark-color);
            }

        .scrolling-wrap.style23 .comm .marque-icon {
            position: relative;
            width: 60px;
        }

.scrolling-wrap.style24 {
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    overflow: hidden;
    position: relative;
    padding: 50px 0;
    white-space: nowrap;
}

    .scrolling-wrap.style24 .comm {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-animation: scroll 60s linear infinite;
        animation: scroll 60s linear infinite;
        gap: 40px;
        cursor: pointer;
    }

        .scrolling-wrap.style24 .comm .cmn-textslide {
            color: transparent;
            -webkit-text-stroke-width: 1px;
            -webkit-text-stroke-color: var(--theme-color42);
            letter-spacing: 0em;
            font-weight: 400;
            font-size: clamp(40px, 5vw, 80px);
            line-height: 1.45;
            -webkit-transition: all 0.4s ease-out 0s;
            transition: all 0.4s ease-out 0s;
            text-transform: uppercase;
        }

            .scrolling-wrap.style24 .comm .cmn-textslide:hover {
                color: var(--theme-color42);
            }

@-webkit-keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes scroll2 {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    100% {
        -webkit-transform: translateX(-200%);
        transform: translateX(-200%);
    }
}

.collection-item.style24 {
    position: relative;
}

@media (max-width: 991.98px) {
    .collection-item.style24 {
        margin-bottom: 20px;
    }
}

.collection-item.style24 .contact {
    position: absolute;
    bottom: 44px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
}

@media (max-width: 1199.98px) {
    .collection-item.style24 .contact {
        left: 20%;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@media (max-width: 767.98px) {
    .collection-item.style24 .contact {
        left: 32%;
    }
}

@media (max-width: 575.98px) {
    .collection-item.style24 .contact {
        left: 30px;
        text-align: left;
        bottom: 30px;
    }
}

.collection-item.style24 .contact .title {
    color: var(--white-color);
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.29px;
    padding-bottom: 7px;
}

@media (max-width: 575.98px) {
    .collection-item.style24 .contact .title {
        font-size: 30px;
        line-height: 40px;
        padding-bottom: 4px;
    }
}

.collection-item.style24 .contact a {
    color: var(--white-color);
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

    .collection-item.style24 .contact a span {
        padding-left: 4px;
    }

.cta-section .cta-container-wrapper.style24 {
    position: relative;
}

    .cta-section .cta-container-wrapper.style24:before {
        background-color: var(--dark-color);
        bottom: 0;
        content: "";
        left: 0;
        opacity: 0.4;
        position: absolute;
        right: 0;
        top: 0;
    }

.cta-wrapper.style24 {
    padding: 225px 0;
    position: relative;
}

    .cta-wrapper.style24 .content {
        max-width: 584px;
        margin: 0 auto;
    }

        .cta-wrapper.style24 .content .title {
            color: var(--white-color);
            font-size: 40px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            padding-bottom: 12px;
        }

        .cta-wrapper.style24 .content .text {
            color: var(--white-color);
            font-size: 15px;
            font-style: normal;
            font-weight: 400;
            line-height: 26px;
            padding-bottom: 26px;
        }

.featured-watches-wrapper.style24 .nav-pills {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 30px;
    padding-bottom: 16px;
}

    .featured-watches-wrapper.style24 .nav-pills .nav-link {
        color: var(--gray-color);
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: uppercase;
        -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
        padding: 8px 0;
        border-radius: 0;
    }

        .featured-watches-wrapper.style24 .nav-pills .nav-link.active,
        .featured-watches-wrapper.style24 .nav-pills .show > .nav-link {
            color: var(--dark-color);
            background-color: transparent;
            border-bottom: 1px solid var(--dark-color);
            border-radius: 0;
        }

.featured-watches-tab-item.style24 .swiper-horizontal > .swiper-scrollbar,
.featured-watches-tab-item.style24 .swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: 10%;
    opacity: 1 !important;
    bottom: 0px;
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: 3px;
    width: 80%;
    overflow: hidden;
}

@media (max-width: 1399.98px) {

    .featured-watches-tab-item.style24 .swiper-horizontal > .swiper-scrollbar,
    .featured-watches-tab-item.style24 .swiper-scrollbar.swiper-scrollbar-horizontal {
        width: 70%;
        left: 15%;
    }
}

@media (max-width: 1199.98px) {

    .featured-watches-tab-item.style24 .swiper-horizontal > .swiper-scrollbar,
    .featured-watches-tab-item.style24 .swiper-scrollbar.swiper-scrollbar-horizontal {
        width: 50%;
        left: 25%;
    }
}

@media (max-width: 767.98px) {

    .featured-watches-tab-item.style24 .swiper-horizontal > .swiper-scrollbar,
    .featured-watches-tab-item.style24 .swiper-scrollbar.swiper-scrollbar-horizontal {
        display: none;
    }
}

.featured-watches-tab-item.style24 .swiper-arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: var(--dark-color);
    padding-top: -10px !important;
}

@media (max-width: 767.98px) {
    .featured-watches-tab-item.style24 .swiper-arrow {
        display: none;
    }
}

.featured-watches-tab-item .swiper-scrollbar {
    margin: 0 auto;
}

.footer_section.style24 .footer-wrapper.style24 {
    position: relative;
}

    .footer_section.style24 .footer-wrapper.style24 .footer_qlink_widget {
        position: relative;
    }

        .footer_section.style24 .footer-wrapper.style24 .footer_qlink_widget .title {
            color: var(--dark-color6);
            font-size: 15px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            text-transform: uppercase;
            margin-bottom: 20px;
        }

        .footer_section.style24 .footer-wrapper.style24 .footer_qlink_widget li {
            font-weight: var(--font-weight-400);
            font-size: 13px;
            line-height: 32px;
        }

            .footer_section.style24 .footer-wrapper.style24 .footer_qlink_widget li a {
                color: var(--dark-color);
                font-size: 15px;
                font-style: normal;
                font-weight: 400;
                line-height: 40px;
            }

        .footer_section.style24 .footer-wrapper.style24 .footer_qlink_widget .footer-social-wrapper ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: left;
            -ms-flex-pack: left;
            justify-content: left;
            gap: 16px;
        }

            .footer_section.style24 .footer-wrapper.style24 .footer_qlink_widget .footer-social-wrapper ul li i {
                font-size: 16px;
                color: var(--dark-color);
            }

    .footer_section.style24 .footer-wrapper.style24 .mailchimp_widget {
        position: relative;
        margin-bottom: 80px;
    }

        .footer_section.style24 .footer-wrapper.style24 .mailchimp_widget .title {
            color: var(--dark-color6);
            text-align: center;
            font-size: 15px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            text-transform: uppercase;
            padding-bottom: 30px;
        }

    .footer_section.style24 .footer-wrapper.style24 .footer_mailchimp_form {
        position: relative;
        max-width: 460px;
        margin: 0 auto;
    }

        .footer_section.style24 .footer-wrapper.style24 .footer_mailchimp_form .form-control {
            background-color: transparent;
            border: none;
            border: 1px solid var(--gray-color);
            border-radius: 0;
            font-size: 14px;
            font-weight: 400;
            line-height: 28px;
            height: auto;
            padding: 0px 0px 0px 20px;
            width: 100%;
            height: 54px;
            border-radius: 4px;
        }

            .footer_section.style24 .footer-wrapper.style24 .footer_mailchimp_form .form-control::-webkit-input-placeholder {
                color: var(--dark-color5);
                font-weight: var(--font-weight-400);
                font-size: 12px;
            }

            .footer_section.style24 .footer-wrapper.style24 .footer_mailchimp_form .form-control::-moz-placeholder {
                color: var(--dark-color5);
                font-weight: var(--font-weight-400);
                font-size: 12px;
            }

            .footer_section.style24 .footer-wrapper.style24 .footer_mailchimp_form .form-control:-ms-input-placeholder {
                color: var(--dark-color5);
                font-weight: var(--font-weight-400);
                font-size: 12px;
            }

            .footer_section.style24 .footer-wrapper.style24 .footer_mailchimp_form .form-control::-ms-input-placeholder {
                color: var(--dark-color5);
                font-weight: var(--font-weight-400);
                font-size: 12px;
            }

            .footer_section.style24 .footer-wrapper.style24 .footer_mailchimp_form .form-control::placeholder {
                color: var(--dark-color5);
                font-weight: var(--font-weight-400);
                font-size: 12px;
            }

            .footer_section.style24 .footer-wrapper.style24 .footer_mailchimp_form .form-control:focus {
                -webkit-box-shadow: none;
                box-shadow: none;
            }

        .footer_section.style24 .footer-wrapper.style24 .footer_mailchimp_form .submit-btn {
            background-color: transparent;
            color: var(--dark-color);
            font-weight: var(--font-weight-600);
            font-size: 13px;
            letter-spacing: 0em;
            line-height: 16px;
            position: absolute;
            right: 20px;
            top: 20px;
        }

            .footer_section.style24 .footer-wrapper.style24 .footer_mailchimp_form .submit-btn i {
                display: inline-block;
                font-size: 16px;
                padding-left: 10px;
            }

    .footer_section.style24 .footer-wrapper.style24 .copyright-widget .text {
        color: var(--dark-color);
        font-family: var(--body-font);
        font-weight: 400;
        font-size: 13px;
        line-height: 24px;
        margin-bottom: 0;
    }

.footer_section.style24 .footer_bottom_left_widgets.style24 .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: auto;
}

.footer_section.style24 .footer_bottom_left_widgets.style24 .bootstrap-select button.btn {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    padding-top: 15px;
    width: auto;
}

.footer_section.style24 .footer_bottom_left_widgets.style24 .select2 button.btn {
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    max-width: 210px;
    width: 100% !important;
}

.footer_section.style24 .footer_bottom_left_widgets.style24 .list-inline-item:not(:last-child) {
    margin-right: 0;
}

.footer_section.style24 .copyright-widget .text {
    color: var(--dark-color);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.footer_section.style24 .acceped_card_list img {
    width: 24px;
}

.header-top-home24 .text {
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 0em;
}

.su-header-global-middle.style24 {
    border-bottom: 1px solid var(--gray-color);
}

    .su-header-global-middle.style24 .list-inline-item .select2 button.btn {
        font-size: 14px;
        width: 150px;
    }

    .su-header-global-middle.style24 .list-inline-item .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 150px;
    }

    .su-header-global-middle.style24 .list-inline-item .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
        overflow: hidden;
        color: var(--dark-color);
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
    }

    .su-header-global-middle.style24 .list-inline-item .bootstrap-select .dropdown-menu.inner {
        width: 210px;
    }

    .su-header-global-middle.style24 .secect-wrapper ul {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 40px;
    }

        .su-header-global-middle.style24 .secect-wrapper ul li {
            position: relative;
        }

            .su-header-global-middle.style24 .secect-wrapper ul li::after {
                position: absolute;
                right: -20px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                height: 10px;
                width: 1px;
                content: "";
                background-color: var(--gray-color);
            }

            .su-header-global-middle.style24 .secect-wrapper ul li a {
                color: var(--dark-color);
                font-size: 13px;
                font-style: normal;
                font-weight: 400;
                line-height: 22px;
            }

            .su-header-global-middle.style24 .secect-wrapper ul li:last-child .bootstrap-select button.btn {
                font-size: 13px;
                font-weight: 400;
                line-height: 30px;
                width: 150px;
                color: var(--dark-color);
                padding-right: 17px;
            }

            .su-header-global-middle.style24 .secect-wrapper ul li .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
                width: 100px;
            }

            .su-header-global-middle.style24 .secect-wrapper ul li .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
                overflow: hidden;
                text-align: end;
            }

.large-product-wrapper.style24 .large-product-left-wrapper {
    position: relative;
}

@media (max-width: 1199.98px) {
    .large-product-wrapper.style24 .large-product-left-wrapper {
        margin-bottom: 30px;
    }
}

.large-product-wrapper.style24 .large-product-left-wrapper .thumb img {
    width: 100%;
}

.large-product-wrapper.style24 .large-product-left-wrapper .left-content {
    position: absolute;
    text-align: center;
    max-width: 570px;
    margin: 0 auto;
    top: 50%;
    left: 10%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (max-width: 767.98px) {
    .large-product-wrapper.style24 .large-product-left-wrapper .left-content {
        max-width: 100%;
        left: 20px;
    }
}

@media (max-width: 575.98px) {
    .large-product-wrapper.style24 .large-product-left-wrapper .left-content {
        left: 0px;
    }
}

.large-product-wrapper.style24 .large-product-left-wrapper .left-content .title {
    color: var(--white-color);
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 10px;
}

@media (max-width: 575.98px) {
    .large-product-wrapper.style24 .large-product-left-wrapper .left-content .title {
        font-size: 30px;
        line-height: 42px;
    }
}

.large-product-wrapper.style24 .large-product-left-wrapper .left-content .text {
    color: var(--white-color);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    padding-bottom: 26px;
}

.large-product-wrapper.style24 .large-product-right-wrapper .shop-item {
    padding: 0;
}

    .large-product-wrapper.style24 .large-product-right-wrapper .shop-item:hover {
        border: 1px solid transparent;
    }

.offer-wrapper.style24 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--gray-color-2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 90px 120px;
}

@media (max-width: 1199.98px) {
    .offer-wrapper.style24 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 20px;
        padding: 80px;
    }
}

@media (max-width: 767.98px) {
    .offer-wrapper.style24 {
        padding: 30px 20px;
    }
}

.offer-wrapper.style24 .content {
    text-align: left;
}

    .offer-wrapper.style24 .content .title {
        color: var(--theme-color7);
        font-size: 30px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 0.9px;
        padding-bottom: 10px;
    }

    .offer-wrapper.style24 .content .text {
        color: var(--theme-color7);
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        text-transform: capitalize;
    }

.offer-wrapper.style24 .btn-wrapper .su-btn-24-border {
    border: 1px solid var(--theme-color7);
    color: var(--theme-color7);
    padding: 18px 38px;
}

.pairs-wrapper.style24 .pairs-left-wrapper {
    position: relative;
}

    .pairs-wrapper.style24 .pairs-left-wrapper .pair-slider-wrapper {
        padding: 70px 0 0 0;
    }

        .pairs-wrapper.style24 .pairs-left-wrapper .pair-slider-wrapper .title {
            color: var(--dark-color);
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 20px;
            text-transform: uppercase;
        }

        .pairs-wrapper.style24 .pairs-left-wrapper .pair-slider-wrapper .shop-item.style24 {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 20px;
            padding: 16px 0 0 0;
        }

            .pairs-wrapper.style24 .pairs-left-wrapper .pair-slider-wrapper .shop-item.style24 .content .shop-btn {
                opacity: 1;
                visibility: visible;
            }

            .pairs-wrapper.style24 .pairs-left-wrapper .pair-slider-wrapper .shop-item.style24:hover {
                border: 1px solid transparent;
            }

        .pairs-wrapper.style24 .pairs-left-wrapper .pair-slider-wrapper .swiper-horizontal > .swiper-pagination-bullets,
        .pairs-wrapper.style24 .pairs-left-wrapper .pair-slider-wrapper .swiper-pagination-bullets.swiper-pagination-horizontal,
        .pairs-wrapper.style24 .pairs-left-wrapper .pair-slider-wrapper .swiper-pagination-custom,
        .pairs-wrapper.style24 .pairs-left-wrapper .pair-slider-wrapper .swiper-pagination-fraction {
            bottom: 20px;
            width: auto;
        }

        .pairs-wrapper.style24 .pairs-left-wrapper .pair-slider-wrapper .swiper-pagination {
            width: auto;
        }

        .pairs-wrapper.style24 .pairs-left-wrapper .pair-slider-wrapper .swiper-pagination-clickable .swiper-pagination-bullet {
            cursor: pointer;
            height: 4px;
            -webkit-transition: all 0.3s ease-out 0s;
            transition: all 0.3s ease-out 0s;
            width: 4px;
        }

        .pairs-wrapper.style24 .pairs-left-wrapper .pair-slider-wrapper .swiper-pagination-bullet-active {
            width: 16px !important;
            background-color: var(--dark-color);
            border-radius: 12px;
        }

.pairs-wrapper.style24 .pairs-right-wrapper .content {
    padding: 0 140px 50px 140px;
}

@media (max-width: 1399.98px) {
    .pairs-wrapper.style24 .pairs-right-wrapper .content {
        padding: 0 0 40px 0;
    }
}

.pairs-wrapper.style24 .pairs-right-wrapper .content .title {
    color: var(--dark-color);
    font-family: var(--title-font4);
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 20px;
}

@media (max-width: 575.98px) {
    .pairs-wrapper.style24 .pairs-right-wrapper .content .title {
        font-size: 30px;
        padding-bottom: 10px;
    }
}

.pairs-wrapper.style24 .pairs-right-wrapper .content .text {
    color: var(--dark-color);
    font-family: var(--title-font4);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    padding-bottom: 32px;
}

.pairs-wrapper.style24 .pairs-right-wrapper .content .btn-wrapper .su-btn-4-border {
    border: 1px solid var(--dark-color);
    color: var(--dark-color);
}

.partner-slider-wrapper.style24 .section-title .title {
    color: var(--dark-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}

.partner-slider-wrapper.style24 .section-title .logo {
    height: 100px;
    width: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .partner-slider-wrapper.style24 .section-title .logo img {
        max-width: 100%;
    }

.shop-item.style24 {
    padding: 10px;
    border: 1px solid transparent;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

    .shop-item.style24 .thumb {
        overflow: hidden;
        margin-bottom: 4px;
    }

        .shop-item.style24 .thumb img {
            width: 100%;
        }

    .shop-item.style24 .content {
        padding-bottom: 16px;
    }

        .shop-item.style24 .content .title a {
            color: var(--dark-color);
            font-size: 14px;
            font-weight: 400;
            line-height: 20px;
            text-transform: uppercase;
        }

        .shop-item.style24 .content .text {
            color: var(--text-color);
            font-size: 13px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }

        .shop-item.style24 .content .price {
            color: var(--dark-color);
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            text-transform: uppercase;
        }

        .shop-item.style24 .content .shop-btn {
            color: var(--dark-color);
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            text-transform: uppercase;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            gap: 3px;
            position: relative;
            line-height: 1;
            padding-bottom: 6px;
            opacity: 0;
            visibility: hidden;
            -webkit-transition: all 0.4s ease-out 0s;
            transition: all 0.4s ease-out 0s;
        }

            .shop-item.style24 .content .shop-btn span {
                padding-bottom: 2px;
            }

            .shop-item.style24 .content .shop-btn::after {
                position: absolute;
                left: 0;
                bottom: 0px;
                height: 1px;
                width: 0%;
                content: "";
                background-color: var(--gray-color);
                -webkit-transition: all 0.4s ease-out 0s;
                transition: all 0.4s ease-out 0s;
            }

            .shop-item.style24 .content .shop-btn:hover::after {
                width: 100%;
            }

    .shop-item.style24 .navigation span {
        color: var(--dark-color);
        height: 22px;
        line-height: 22px;
        display: inline-block;
        left: 0;
        opacity: 0;
        position: absolute;
        text-align: center;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
        visibility: hidden;
        width: 22px;
        z-index: 2;
    }

        .shop-item.style24 .navigation span svg {
            padding-bottom: 4px;
        }

        .shop-item.style24 .navigation span:hover {
            background: var(--dark-color);
            color: var(--white-color);
        }

        .shop-item.style24 .navigation span.product-next {
            left: auto;
            right: 0;
        }

    .shop-item.style24:hover {
        border: 1px solid var(--gray-color);
    }

        .shop-item.style24:hover .content .shop-btn {
            visibility: visible;
            opacity: 1;
        }

        .shop-item.style24:hover .navigation span {
            opacity: 1;
            visibility: visible;
        }

.testimonial-wrapper.style24 {
    position: relative;
}

    .testimonial-wrapper.style24 .testimonial-content {
        margin: 0 auto;
        max-width: 922px;
        overflow: hidden;
        text-align: center;
    }

@media (max-width: 991.98px) {
    .testimonial-wrapper.style24 .testimonial-content {
        padding: 0 20px;
        width: 100%;
    }
}

.testimonial-wrapper.style24 .testimonial-content .icon {
    margin-bottom: 44px;
    margin-bottom: 20px;
}

.testimonial-wrapper.style24 .testimonial-content .text {
    color: var(--dark-color);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    padding-bottom: 40px;
}

@media (max-width: 991.98px) {
    .testimonial-wrapper.style24 .testimonial-content .text {
        font-size: 20px;
        line-height: 28px;
        padding-bottom: 20px;
    }
}

@media (max-width: 767.98px) {
    .testimonial-wrapper.style24 .testimonial-content .text {
        font-size: 18px;
        padding: 0 0 10px 0;
    }
}

.testimonial-wrapper.style24 .testimonial-content .testimonial-bottom .ratting ul {
    color: var(--dark-color);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 11px;
    gap: 6px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.testimonial-wrapper.style24 .testimonial-content .testimonial-bottom .auth {
    color: var(--dark-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    padding-top: 8px;
}

.testimonial-wrapper.style24 .swiper-arrow .swiper-next {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--theme-color11);
    border-radius: 50%;
    color: var(--dark-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    height: 50px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50px;
    z-index: 99;
}

@media (max-width: 1199.98px) {
    .testimonial-wrapper.style24 .swiper-arrow .swiper-next {
        left: -50px;
    }
}

@media (max-width: 767.98px) {
    .testimonial-wrapper.style24 .swiper-arrow .swiper-next {
        display: none;
    }
}

.testimonial-wrapper.style24 .swiper-arrow .swiper-prev {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--theme-color11);
    border-radius: 50%;
    color: var(--dark-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    height: 50px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50px;
    z-index: 99;
}

@media (max-width: 1199.98px) {
    .testimonial-wrapper.style24 .swiper-arrow .swiper-prev {
        right: -50px;
    }
}

@media (max-width: 767.98px) {
    .testimonial-wrapper.style24 .swiper-arrow .swiper-prev {
        display: none;
    }
}

.about-text.style25 .title {
    color: var(--dark-color7);
    text-align: center;
    text-transform: uppercase;
    padding: 0 10px;
    font-size: clamp(26px, 2.5vw, 40px);
    line-height: 1.75;
}

@media (max-width: 575.98px) {
    .about-text.style25 .title {
        padding: 0;
    }
}

.about-text.style25 .title span {
    color: var(--theme-color43);
}

.large-product-section {
    background-color: var(--off-white);
}

.banner-slider-wrapper.style25 {
    position: relative;
}

    .banner-slider-wrapper.style25 .banner-slider-item.style25 {
        position: relative;
    }

        .banner-slider-wrapper.style25 .banner-slider-item.style25 .thumb img {
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%;
        }

@media (max-width: 767.98px) {
    .banner-slider-wrapper.style25 .banner-slider-item.style25 .thumb img {
        height: 500px;
    }
}

@media (max-width: 575.98px) {
    .banner-slider-wrapper.style25 .banner-slider-item.style25 .thumb img {
        height: 450px;
    }
}

.banner-slider-wrapper.style25 .banner-slider-item.style25 .banner-slider-content.style25 {
    position: absolute;
    left: 60px;
    bottom: 90px;
    max-width: 570px;
}

@media (max-width: 767.98px) {
    .banner-slider-wrapper.style25 .banner-slider-item.style25 .banner-slider-content.style25 {
        top: 90px;
        bottom: 100px;
    }
}

@media (max-width: 575.98px) {
    .banner-slider-wrapper.style25 .banner-slider-item.style25 .banner-slider-content.style25 {
        left: 30px;
    }
}

.banner-slider-wrapper.style25 .banner-slider-item.style25 .banner-slider-content.style25 .subtitle {
    color: var(--white-color);
    font-family: var(--jost-font);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-transform: uppercase;
    padding-bottom: 10px;
}

.banner-slider-wrapper.style25 .banner-slider-item.style25 .banner-slider-content.style25 .title {
    color: var(--white-color);
    font-family: var(--marcellus-font);
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 16px;
    font-size: clamp(36px, 3.75vw, 60px);
    line-height: 1.25;
}

.banner-slider-wrapper.style25 .banner-slider-item.style25 .banner-slider-content.style25 .banner-btn-wrapper .theme-btn {
    background-color: transparent;
    border: 1px solid var(--white-color);
    color: var(--white-color);
}

    .banner-slider-wrapper.style25 .banner-slider-item.style25 .banner-slider-content.style25 .banner-btn-wrapper .theme-btn:hover {
        border: 1px solid var(--black-color);
    }

.banner-slider-wrapper.style25 .swiper-arrow.style25 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    position: absolute;
    right: 60px;
    z-index: 9;
}

@media (max-width: 575.98px) {
    .banner-slider-wrapper.style25 .swiper-arrow.style25 {
        display: none;
    }
}

.collection-wrapper.style25 {
    margin-right: -150px;
    overflow: hidden;
}

@media (max-width: 767.98px) {
    .collection-wrapper.style25 {
        margin-right: 0;
    }
}

.collection-item.style25 {
    position: relative;
}

    .collection-item.style25 .thumb img {
        width: 100%;
    }

    .collection-item.style25 .content {
        bottom: 20px;
        left: 20px;
        position: absolute;
        right: 20px;
    }

        .collection-item.style25 .content .title a {
            position: relative;
            color: var(--dark-color7);
            background-color: var(--white-color);
            z-index: 1;
            line-height: 1;
            font-family: var(--jost-font);
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            display: block;
            width: 100%;
            padding: 20px 0;
            letter-spacing: 0.3px;
        }

.counter-wrapper.style25 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 991.98px) {
    .counter-wrapper.style25 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 30px;
    }
}

@media (max-width: 767.98px) {
    .counter-wrapper.style25 .counter-text {
        text-align: center;
    }
}

.counter-wrapper.style25 .counter-text .title {
    color: var(--white-color);
    font-family: var(--marcellus-font);
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    text-transform: uppercase;
    font-size: 30px;
}

.counter-wrapper.style25 .counter-text .text {
    color: var(--white-color);
    font-family: var(--marcellus-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    text-transform: capitalize;
}

.counter-wrapper.style25 .counter-main-block {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 60px;
}

@media (max-width: 767.98px) {
    .counter-wrapper.style25 .counter-main-block {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 30px;
    }
}

.counter-wrapper.style25 .counter-main-block .our-clock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
}

    .counter-wrapper.style25 .counter-main-block .our-clock .clock-item {
        text-align: center;
    }

        .counter-wrapper.style25 .counter-main-block .our-clock .clock-item .timer {
            color: var(--white-color);
            font-family: var(--marcellus-font);
            font-size: 40px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 1.2px;
        }

        .counter-wrapper.style25 .counter-main-block .our-clock .clock-item .text {
            color: var(--white-color);
            font-family: var(--marcellus-font);
            font-size: 13px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            text-transform: uppercase;
            letter-spacing: 0.28px;
        }

.counter-wrapper.style25 .counter-btn-wrapper .black-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid var(--white-color);
    color: var(--white-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 54px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    padding: 12px 35px;
}

.footer-section.style25 {
    padding: 30px 0 40px 0;
    position: relative;
    background-color: var(--dark-color);
}

    .footer-section.style25 .footer_qlink_widget,
    .footer-section.style25 .mailchimp_widget {
        position: relative;
    }

        .footer-section.style25 .footer_qlink_widget .title,
        .footer-section.style25 .mailchimp_widget .title {
            color: var(--white-color);
            font-family: var(--jost-font);
            font-size: 18px;
            font-style: normal;
            font-weight: 500;
            line-height: 26px;
            padding-bottom: 20px;
        }

        .footer-section.style25 .footer_qlink_widget ul,
        .footer-section.style25 .mailchimp_widget ul {
            margin: 0;
        }

        .footer-section.style25 .footer_qlink_widget li,
        .footer-section.style25 .mailchimp_widget li {
            font-weight: var(--font-weight-400);
            font-size: 13px;
            line-height: 32px;
        }

            .footer-section.style25 .footer_qlink_widget li a,
            .footer-section.style25 .mailchimp_widget li a {
                color: var(--white-color);
                font-family: var(--jost-font);
                font-size: 15px;
                font-style: normal;
                font-weight: 400;
                line-height: 40px;
            }

        .footer-section.style25 .footer_qlink_widget .footer-social-wrapper ul,
        .footer-section.style25 .mailchimp_widget .footer-social-wrapper ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 16px;
            font-size: 16px;
        }

    .footer-section.style25 .mailchimp_widget {
        position: relative;
    }

        .footer-section.style25 .mailchimp_widget .text {
            color: var(--white-color);
            font-family: var(--jost-font);
            font-size: 15px;
            font-style: normal;
            font-weight: 400;
        }

    .footer-section.style25 .acceped_card_list img {
        width: 26px;
    }

    .footer-section.style25 .footer_mailchimp_form {
        position: relative;
        margin: 20px 0 30px 0;
    }

        .footer-section.style25 .footer_mailchimp_form .form-control {
            border: none;
            background-color: var(--white-color);
            border-radius: 0;
            height: 54px;
            padding: 0px 0px 0px 20px;
            width: 100%;
        }

            .footer-section.style25 .footer_mailchimp_form .form-control::-webkit-input-placeholder {
                color: var(--dark-color);
                font-family: var(--jost-font);
                font-size: 15px;
                font-style: normal;
                font-weight: 400;
                line-height: 40px;
            }

            .footer-section.style25 .footer_mailchimp_form .form-control::-moz-placeholder {
                color: var(--dark-color);
                font-family: var(--jost-font);
                font-size: 15px;
                font-style: normal;
                font-weight: 400;
                line-height: 40px;
            }

            .footer-section.style25 .footer_mailchimp_form .form-control:-ms-input-placeholder {
                color: var(--dark-color);
                font-family: var(--jost-font);
                font-size: 15px;
                font-style: normal;
                font-weight: 400;
                line-height: 40px;
            }

            .footer-section.style25 .footer_mailchimp_form .form-control::-ms-input-placeholder {
                color: var(--dark-color);
                font-family: var(--jost-font);
                font-size: 15px;
                font-style: normal;
                font-weight: 400;
                line-height: 40px;
            }

            .footer-section.style25 .footer_mailchimp_form .form-control::placeholder {
                color: var(--dark-color);
                font-family: var(--jost-font);
                font-size: 15px;
                font-style: normal;
                font-weight: 400;
                line-height: 40px;
            }

            .footer-section.style25 .footer_mailchimp_form .form-control:focus {
                -webkit-box-shadow: none;
                box-shadow: none;
                outline: none;
            }

        .footer-section.style25 .footer_mailchimp_form .submit-btn {
            background-color: transparent;
            color: var(--dark-color);
            font-family: var(--jost-font);
            font-size: 13px;
            font-style: normal;
            font-weight: 500;
            line-height: 54px;
            position: absolute;
            right: 20px;
            top: 0;
        }

            .footer-section.style25 .footer_mailchimp_form .submit-btn i {
                display: inline-block;
                font-size: 16px;
                padding-left: 10px;
            }

    .footer-section.style25 .copyright-widget .text {
        color: var(--white-color);
        font-family: var(--jost-font);
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
    }

    .footer-section.style25 .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 100px;
    }

    .footer-section.style25 .footer_bottom_left_widgets .bootstrap-select button.btn {
        width: 100px;
        color: var(--white-color);
        font-family: var(--jost-font);
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 40px;
    }

    .footer-section.style25 .footer_bottom_left_widgets.style25 .select2 button.btn {
        font-size: 14px;
        font-weight: 400;
        line-height: 30px;
        width: 166px !important;
    }

.su-header-global-area.style25 {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 11;
}

    .su-header-global-area.style25 .su-header-global-middle {
        background-color: transparent;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    .su-header-global-area.style25 .su-menu-4 > nav > ul > li > a {
        color: var(--white-color);
        font-size: 13px;
        font-weight: 400;
        font-family: var(--jost-font);
        text-transform: uppercase;
    }

    .su-header-global-area.style25 .discount .text {
        text-transform: uppercase;
        font-weight: 400;
        font-family: var(--jost-font);
        font-size: 11px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        text-transform: uppercase;
    }

.instagram-item.style20 {
    text-align: center;
    overflow: hidden;
}

    .instagram-item.style20 .thumb {
        position: relative;
        overflow: hidden;
    }

        .instagram-item.style20 .thumb img {
            -o-object-fit: cover;
            object-fit: cover;
            -webkit-transition: transform 2s cubic-bezier(0, 0, 0.44, 1.18);
            -webkit-transition: -webkit-transform 1.5s cubic-bezier(0, 0, 0.44, 1.18);
            transition: -webkit-transform 1.5s cubic-bezier(0, 0, 0.44, 1.18);
            transition: transform 1.5s cubic-bezier(0, 0, 0.44, 1.18);
            transition: transform 1.5s cubic-bezier(0, 0, 0.44, 1.18), -webkit-transform 1.5s cubic-bezier(0, 0, 0.44, 1.18);
        }

        .instagram-item.style20 .thumb .featured-icon1 {
            position: absolute;
            left: 10px;
            top: 10px;
        }

            .instagram-item.style20 .thumb .featured-icon1 i {
                font-size: 18px;
                color: var(--white-color);
            }

        .instagram-item.style20 .thumb .featured-icon2 {
            position: absolute;
            right: 10px;
            bottom: 10px;
        }

            .instagram-item.style20 .thumb .featured-icon2 a {
                background-color: var(--dark-color);
                height: 45px;
                width: 45px;
                border-radius: 50%;
                text-align: center;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                color: var(--white-color);
                font-size: 16px;
            }

    .instagram-item.style20 .instagram-content .title {
        padding-top: 10px;
    }

        .instagram-item.style20 .instagram-content .title a {
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 28px;
            letter-spacing: 0.48px;
            color: var(--dark-color);
        }

    .instagram-item.style20:hover .thumb img {
        -webkit-transform: scale(1.09);
        transform: scale(1.09);
    }

.large-product-wrapper.style25 .thumb img {
    width: 100%;
}

.large-product-wrapper.style25 .large-product-right.style25 {
    max-width: 390px;
    margin: auto;
    background-color: var(--white-color);
    padding: 20px;
}

@media (max-width: 1199.98px) {
    .large-product-wrapper.style25 .large-product-right.style25 {
        margin: 30px auto;
    }
}

.look-book-content.style25 {
    padding-left: 160px;
    height: 100%;
}

@media (max-width: 1199.98px) {
    .look-book-content.style25 {
        padding-left: 100px;
    }
}

@media (max-width: 767.98px) {
    .look-book-content.style25 {
        padding: 60px 0 60px 80px;
    }
}

@media (max-width: 575.98px) {
    .look-book-content.style25 {
        padding: 60px 0 60px 30px;
    }
}

.look-book-content.style25 .subtitle {
    color: var(--dark-color7);
    font-family: var(--jost-font);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-transform: uppercase;
    padding-bottom: 6px;
}

.look-book-content.style25 .title {
    color: var(--dark-color7);
    font-family: var(--title-font11);
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 60px;
    text-transform: uppercase;
    padding-bottom: 44px;
}

@media (max-width: 991.98px) {
    .look-book-content.style25 .title {
        font-size: 30px;
        line-height: 40px;
        padding-bottom: 20px;
    }
}

.shop-item.style25 {
    text-align: center;
}

@media (max-width: 991.98px) {
    .shop-item.style25 {
        margin-bottom: 30px;
    }
}

.shop-item.style25 .thumb {
    position: relative;
}

    .shop-item.style25 .thumb:hover .add-to-cart {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-transition-delay: 400ms;
        transition-delay: 400ms;
        z-index: 1;
    }

    .shop-item.style25 .thumb .add-to-cart {
        position: absolute;
        bottom: 10px;
        left: 10px;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0;
        -webkit-transition: all 300ms ease;
        transition: all 300ms ease;
        background-color: var(--white-color);
        width: 95%;
        text-align: center;
        padding: 20px 35px;
        right: 10px;
    }

        .shop-item.style25 .thumb .add-to-cart a {
            position: relative;
            color: var(--dark-color);
            z-index: 1;
            line-height: 1;
            font-family: var(--jost-font);
            font-size: 13px;
            font-style: normal;
            font-weight: 400;
            line-height: 1;
            text-transform: uppercase;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            gap: 10px;
        }

    .shop-item.style25 .thumb .wishlist {
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 1;
    }

        .shop-item.style25 .thumb .wishlist a {
            background-color: var(--white-color);
            height: 30px;
            width: 30px;
            border-radius: 50%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

            .shop-item.style25 .thumb .wishlist a i {
                color: var(--text-color);
            }

.shop-item.style25 .navigation span {
    position: absolute;
    color: var(--dark-color);
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    display: inline-block;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
}

    .shop-item.style25 .navigation span svg {
        padding-bottom: 3px;
    }

    .shop-item.style25 .navigation span:hover {
        background: var(--dark-color);
        color: var(--white-color);
    }

    .shop-item.style25 .navigation span.product-next {
        left: auto;
        right: 0;
    }

.shop-item.style25 .shop-content {
    padding-top: 16px;
}

    .shop-item.style25 .shop-content .subtitle {
        color: var(--dark-color);
        font-family: var(--jost-font);
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: uppercase;
        padding-bottom: 4px;
    }

    .shop-item.style25 .shop-content .title a {
        color: var(--dark-color);
        font-family: var(--jost-font);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 0.3px;
    }

@media (max-width: 1199.98px) {
    .shop-item.style25 .shop-content .title a {
        font-size: 14px;
    }
}

.shop-item.style25 .shop-content .text {
    padding-top: 7px;
    color: var(--dark-color);
    font-family: var(--jost-font);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.shop-item.style25:hover .navigation span {
    opacity: 1;
    visibility: visible;
}

.shop-look-wrapper.style25 .thumb img {
    width: 100%;
}

.shop-look-wrapper.style25 .shop-look-content.style25 {
    max-width: 390px;
    margin: auto;
    background-color: var(--white-color);
    padding: 20px;
}

.shop-look-wrapper.style25 .swiper-arrow.style25 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 30px;
    padding-top: 30px;
}

@media (max-width: 575.98px) {
    .shop-look-wrapper.style25 .swiper-arrow.style25 {
        padding-top: 0px;
    }
}

.testimonial-wrapper.style25 .testimonial-content-wrapper {
    padding-right: 160px;
}

@media (max-width: 1199.98px) {
    .testimonial-wrapper.style25 .testimonial-content-wrapper {
        padding-right: 30px;
    }
}

@media (max-width: 767.98px) {
    .testimonial-wrapper.style25 .testimonial-content-wrapper {
        padding-right: 0px;
    }
}

.testimonial-wrapper.style25 .testimonial-content-wrapper .subtitle {
    color: var(--dark-color7);
    font-family: var(--marcellus-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-transform: uppercase;
    padding-bottom: 42px;
}

@media (max-width: 1199.98px) {
    .testimonial-wrapper.style25 .testimonial-content-wrapper .subtitle {
        padding-bottom: 20px;
    }
}

@media (max-width: 575.98px) {
    .testimonial-wrapper.style25 .testimonial-content-wrapper .subtitle {
        padding-bottom: 10px;
    }
}

.testimonial-wrapper.style25 .testimonial-content-wrapper .ratings {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    gap: 4px;
}

    .testimonial-wrapper.style25 .testimonial-content-wrapper .ratings li i {
        font-size: 11px;
        color: var(--dark-color7);
    }

.testimonial-wrapper.style25 .testimonial-content-wrapper .text {
    color: var(--dark-color7);
    font-family: var(--marcellus-font);
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.03em;
    margin-top: 40px;
    font-size: clamp(18px, 1.5vw, 24px);
    line-height: 1.66;
}

@media (max-width: 1199.98px) {
    .testimonial-wrapper.style25 .testimonial-content-wrapper .text {
        margin-top: 20px;
    }
}

@media (max-width: 575.98px) {
    .testimonial-wrapper.style25 .testimonial-content-wrapper .text {
        margin-top: 10px;
    }
}

.testimonial-wrapper.style25 .testimonial-content-wrapper .name {
    color: var(--dark-color7);
    font-family: var(--marcellus-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    padding-top: 42px;
    padding-bottom: 42px;
}

@media (max-width: 1199.98px) {
    .testimonial-wrapper.style25 .testimonial-content-wrapper .name {
        padding: 20px 0;
    }
}

@media (max-width: 991.98px) {
    .testimonial-wrapper.style25 .thumb {
        margin-top: 30px;
    }
}

.testimonial-wrapper.style25 .thumb img {
    width: 100%;
}

.testimonial-wrapper.style25 .swiper-arrow.style25 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    gap: 30px;
}

.before-after-wrapper.style25 {
    position: relative;
}

    .before-after-wrapper.style25 .beforeAfter-slide-image {
        position: relative;
        width: 100%;
        height: 632px;
        border: none;
        background-color: transparent;
        overflow: hidden;
    }

        .before-after-wrapper.style25 .beforeAfter-slide-image .img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-repeat: no-repeat;
        }

        .before-after-wrapper.style25 .beforeAfter-slide-image .slider {
            position: absolute;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            width: 101%;
            height: 100%;
            background: transparent;
            outline: none;
            margin: 0;
            padding: 0;
            border: none;
            -webkit-transition: all 0.2s;
            transition: all 0.2s;
            text-align: center;
        }

            .before-after-wrapper.style25 .beforeAfter-slide-image .slider::-webkit-slider-thumb {
                -webkit-appearance: none;
                appearance: none;
                width: 3px;
                height: 632px;
                background: var(--white-color);
                cursor: pointer;
            }

            .before-after-wrapper.style25 .beforeAfter-slide-image .slider::-moz-range-thumb {
                width: 2px;
                height: 600px;
                background: var(--white-color);
                cursor: pointer;
            }

        .before-after-wrapper.style25 .beforeAfter-slide-image .foreground-img {
            background-position: left center;
            width: 49.5%;
        }

        .before-after-wrapper.style25 .beforeAfter-slide-image .slider-button {
            pointer-events: none;
            position: absolute;
            width: 70px;
            height: 70px;
            border-radius: 50%;
            left: calc(50% - 36px);
            top: calc(50% - 40px);
            text-align: center;
            background: var(--dark-color);
            border: 3px solid var(--white-color);
            backdrop-filter: blur(10px);
        }

            .before-after-wrapper.style25 .beforeAfter-slide-image .slider-button:after {
                content: "";
                display: inline-block;
                width: 2px;
                height: 20px;
                border-right: solid 2px var(--white-color);
                position: absolute;
                left: 22px;
                top: 50%;
                -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%);
            }

            .before-after-wrapper.style25 .beforeAfter-slide-image .slider-button:before {
                content: "";
                display: inline-block;
                width: 2px;
                height: 20px;
                border-left: solid 2px var(--white-color);
                position: absolute;
                right: 22px;
                top: 50%;
                -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%);
            }

@media (max-width: 991px) {
    .before-after-wrapper.style25 .beforeAfter-slide-image {
        height: 400px;
    }
}

@media (max-width: 767px) {
    .before-after-wrapper.style25 .beforeAfter-slide-image {
        height: 190px;
    }
}

.before-after-wrapper.style25 .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    margin-top: -50px;
    z-index: 9;
    padding: 0 40px;
}

@media (max-width: 767.98px) {
    .before-after-wrapper.style25 .content {
        padding: 0 20px;
    }
}

@media (max-width: 575.98px) {
    .before-after-wrapper.style25 .content {
        display: none;
    }
}

.before-after-wrapper.style25 .content .text {
    color: var(--white-color);
    font-family: var(--marcellus-font);
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.26px;
    text-transform: uppercase;
}

/***  Page Titles Styles  ***/
.su-section-4-title {
    color: var(--text-black);
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 0.03em;
}

.breadcrumb-list {
    position: relative;
}

    .breadcrumb-list ul {
        position: relative;
    }

@media (max-width: 767.98px) {
    .breadcrumb-list ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow-x: auto;
    }
}

.breadcrumb-list li {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding-right: 60px;
}

@media (max-width: 1199.98px) {
    .breadcrumb-list li {
        padding-right: 30px;
    }
}

@media (max-width: 991.98px) {
    .breadcrumb-list li {
        margin-bottom: 30px;
    }
}

.breadcrumb-list li:last-child {
    padding-right: 0;
}

.breadcrumb-list li i {
    color: var(--dark-color);
}

.breadcrumb-list li.active a {
    border-bottom: 2px solid var(--dark-color);
    color: var(--dark-color);
    padding-bottom: 16px;
}

.breadcrumb-list a {
    color: var(--text-color);
    font-family: var(--jakarta-font);
    font-style: normal;
    font-size: 20px;
    font-weight: 600;
    line-height: 34px;
    text-align: center;
    text-transform: uppercase;
}

/***  About  ***/
.about-wrapper.style20 .title {
    color: var(--dark-color);
    font-size: 90px;
    font-weight: 700;
    line-height: 100px;
    padding-bottom: 40px;
    text-transform: uppercase;
}

@media (max-width: 1199.98px) {
    .about-wrapper.style20 .title {
        font-size: 60px;
    }
}

@media (max-width: 575.98px) {
    .about-wrapper.style20 .title {
        font-size: 50px;
        padding-bottom: 20px;
    }
}

@media (max-width: 575.98px) {
    .about-wrapper.style20 .title {
        font-size: 40px;
        line-height: 60px;
    }
}

.about-wrapper.style20 .title span {
    color: transparent;
    font-size: 90px;
    font-weight: 700;
    line-height: 100px;
    text-transform: uppercase;
    -webkit-text-stroke: 1px var(--black-color);
    text-stroke: 1px var(--black-color);
}

@media (max-width: 1199.98px) {
    .about-wrapper.style20 .title span {
        font-size: 60px;
    }
}

@media (max-width: 575.98px) {
    .about-wrapper.style20 .title span {
        font-size: 50px;
    }
}

@media (max-width: 575.98px) {
    .about-wrapper.style20 .title span {
        font-size: 40px;
        line-height: 60px;
    }
}

.about-wrapper.style20 .subtitle {
    color: var(--dark-color);
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    padding-bottom: 40px;
    text-transform: uppercase;
}

@media (max-width: 575.98px) {
    .about-wrapper.style20 .subtitle {
        padding-bottom: 20px;
    }
}

.about-wrapper.style20 .text {
    color: var(--dark-color);
    font-size: 15px;
    padding-bottom: 24px;
    padding-bottom: 12px;
}

@media (max-width: 575.98px) {
    .about-wrapper.style20 .text {
        padding-bottom: 20px;
    }
}

.about-wrapper .about-top {
    max-width: 700px;
    margin: 0 auto;
    padding-bottom: 170px;
}

    .about-wrapper .about-top .about-top-text {
        color: var(--dark-color);
        text-align: center;
        font-family: var(--body-font);
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 34px;
    }

.about-wrapper .about-card-wrapper {
    padding-bottom: 170px;
}

    .about-wrapper .about-card-wrapper .about-thumb img {
        width: 100%;
    }

    .about-wrapper .about-card-wrapper .about-content {
        max-width: 566px;
        margin-right: auto;
    }

        .about-wrapper .about-card-wrapper .about-content .about-subtitle {
            color: var(--black-color);
            font-family: var(--body-font);
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: 28px;
            text-transform: capitalize;
            padding-bottom: 26px;
        }

        .about-wrapper .about-card-wrapper .about-content .about-title {
            color: var(--dark-color);
            font-family: var(--body-font);
            font-size: 30px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            letter-spacing: 0.9px;
            padding-bottom: 26px;
        }

        .about-wrapper .about-card-wrapper .about-content .about-text {
            color: var(--dark-color);
            font-family: var(--body-font);
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: 28px;
            text-transform: capitalize;
            max-width: 500px;
        }

        .about-wrapper .about-card-wrapper .about-content.style2 {
            margin-left: auto;
            margin-right: 0;
            padding-left: 65px;
        }

@media (max-width: 991.98px) {
    .about-wrapper .about-card-wrapper .about-content.style2 {
        margin-left: 0;
        max-width: inherit;
        padding-left: 0;
        padding-top: 30px;
    }

        .about-wrapper .about-card-wrapper .about-content.style2 .about-text {
            max-width: inherit;
        }
}

.about-cta-content {
    padding: 200px 0 150px 0;
}

    .about-cta-content .title {
        color: var(--white-color);
        text-align: center;
        font-family: var(--body-font);
        font-size: 40px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 1.2px;
    }

    .about-cta-content .text {
        color: var(--white-color);
        text-align: center;
        font-family: var(--body-font);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        text-transform: capitalize;
        max-width: 500px;
        margin: 0 auto;
    }

.su-blog-4-scrool {
    margin-top: 60px;
}

.su-about-title {
    color: var(--dark-color);
    font-family: var(--body-font);
    text-align: center;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.9px;
}

.blog-about-page .su-blog-4-slider {
    margin-right: -180px;
}

@media (max-width: 767.98px) {
    .blog-about-page .su-blog-4-slider {
        margin-right: 0px;
    }
}

.blog-about-page .su-blog-4-item {
    background-color: var(--gray-color-2);
}

    .blog-about-page .su-blog-4-item .content {
        text-align: left;
    }

@media (max-width: 767.98px) {
    .blog-about-page .su-blog-4-item .content {
        padding: 30px;
    }
}

.blog-about-page .su-blog-4-item .content .title {
    color: var(--dark-color);
    font-family: var(--body-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    text-transform: uppercase;
}

.blog-about-page .su-blog-4-item .content .text {
    color: var(--dark-color);
    font-family: var(--body-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    text-transform: capitalize;
    max-width: 447px;
}

.blog-about-page .year {
    color: var(--dark-color);
    font-family: var(--body-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    text-transform: capitalize;
    cursor: pointer;
    padding-top: 20px;
    padding-left: 16px;
}

.scrolling-wrap.about-marquee {
    overflow: hidden;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    position: relative;
    background-color: transparent;
    padding-bottom: 46px;
}

@media (max-width: 767.98px) {
    .scrolling-wrap.about-marquee {
        padding-top: 40px;
    }
}

.scrolling-wrap.about-marquee .comm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-animation: scroll 60s linear infinite;
    animation: scroll 60s linear infinite;
    gap: 40px;
    cursor: pointer;
}

    .scrolling-wrap.about-marquee .comm .cmn-textslide-1 {
        color: var(--dark-color);
        font-family: var(--body-font);
        font-size: 40px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 1.2px;
        text-transform: uppercase;
    }

@media (max-width: 767.98px) {
    .scrolling-wrap.about-marquee .comm .cmn-textslide-1 {
        font-size: 30px;
        line-height: 40px;
    }
}

.scrolling-wrap.about-marquee .comm .marque-icon {
    position: relative;
    width: 60px;
}

@keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.common-banner {
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
}

.common-banner-wrapper {
    padding: 200px 0;
}

    .common-banner-wrapper .sub-title {
        color: var(--headings-color);
        font-style: normal;
        font-size: 13px;
        font-weight: var(--font-weight-500);
        letter-spacing: 0em;
        line-height: 24px;
        color: var(--white-color);
        padding-bottom: 14px;
    }

    .common-banner-wrapper .title {
        color: var(--headings-color);
        font-size: 30px;
        font-weight: 600;
        letter-spacing: 0.03em;
        line-height: 38px;
        color: var(--white-color);
        font-size: 28px;
    }

@media (max-width: 1199.98px) {
    .common-banner-wrapper .title {
        font-size: 30px;
    }
}

.common-banner-wrapper .text {
    color: var(--headings-color);
    font-style: normal;
    font-size: 13px;
    font-weight: var(--font-weight-500);
    letter-spacing: 0em;
    line-height: 24px;
    color: var(--white-color);
    padding-top: 14px;
}

.about-text-area .subtitle {
    color: var(--headings-color);
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    font-family: var(--dmsans-font);
    text-transform: uppercase;
}

@media (max-width: 575.98px) {
    .about-text-area .subtitle {
        margin-bottom: 15px;
    }
}

.about-text-area .title {
    color: var(--dark-color);
    font-family: var(--dmsans-font);
    font-size: 45px;
    font-weight: 700;
    line-height: 70px;
    text-transform: uppercase;
}

@media (max-width: 1199.98px) {
    .about-text-area .title {
        font-size: 36px;
        line-height: 58px;
    }
}

@media (max-width: 767.98px) {
    .about-text-area .title {
        font-size: 30px;
        line-height: 48px;
    }
}

@media (max-width: 575.98px) {
    .about-text-area .title {
        font-size: 26px;
        line-height: 38px;
    }
}

.about-text-area .su-btn-4-black {
    font-size: 14px;
    font-weight: 500;
    font-family: var(--dmsans-font);
}

@media (max-width: 991.98px) {
    .about-text-area.style19 {
        padding-top: 120px;
    }
}

.about-text-area.style19 .title {
    color: var(--dark-color);
    font-family: var(--cormorant-font);
    font-weight: 400;
    line-height: normal;
    text-transform: unset;
    font-size: 60px;
}

@media (max-width: 991.98px) {
    .about-text-area.style19 .title {
        font-size: 42px;
    }
}

@media (max-width: 991.98px) {
    .about-text-area.style19 .title {
        font-size: 34px;
    }
}

.about-13-area {
    background: var(--gray-color-2);
}

    .about-13-area .about-info .img img {
        -webkit-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
    }

    .about-13-area .about-info .text-content .title {
        color: var(--dark-color);
        font-family: var(--bebas-font);
        font-size: 24px;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 1.2px;
    }

    .about-13-area .about-info .text-content .text {
        color: var(--dark-color);
        font-family: var(--bebas-font);
        font-size: 16px;
        font-weight: 400;
        line-height: 19px;
        line-height: normal;
        letter-spacing: 0.05em;
        text-transform: uppercase;
    }

    .about-13-area .about-info:hover .img img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

.su-about-text-15 .text {
    max-width: 590px;
    margin: 0 auto;
}

@media (max-width: 575.98px) {
    .su-about-text-15 .text .section-title {
        margin-bottom: 0 !important;
    }
}

@media (max-width: 575.98px) {
    .su-about-text-15 .text .section-title .title {
        padding-bottom: 15px;
    }
}

.su-about-text-15 .text .info {
    color: var(--dark-color);
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
}

.su-about-15-area .about-info .img img {
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.su-about-15-area .about-info .text {
    padding: 0 30px;
}

@media (max-width: 1199.98px) {
    .su-about-15-area .about-info .text {
        padding: 0;
    }
}

.su-about-15-area .about-info .text .title {
    color: var(--dark-color);
    font-family: var(--libre-font);
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.su-about-15-area .about-info .text p {
    color: var(--dark-color);
    font-family: var(--outfit-font);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 0;
}

.su-about-15-area .about-info:hover .img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/***  Sustainability  ***/
.su-material-start {
    padding-top: 175px;
}

@media (max-width: 991.98px) {
    .su-material-start {
        padding-top: 80px;
    }
}

.su-material-start .su-material-slider {
    margin-right: -320px;
}

.su-material-start .su-material-item .thumb {
    margin-bottom: 24px;
}

    .su-material-start .su-material-item .thumb img {
        width: 100%;
    }

.su-material-start .su-material-item .content {
    text-align: left;
}

    .su-material-start .su-material-item .content .title {
        color: var(--dark-color);
        font-family: var(--body-font);
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 28px;
        text-transform: uppercase;
        letter-spacing: 0;
    }

    .su-material-start .su-material-item .content .text {
        color: var(--dark-color);
        font-family: var(--body-font);
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }

.sustainablity-wrapper .sustainablity-top {
    max-width: 700px;
    margin: 0 auto;
    padding-bottom: 50px;
}

    .sustainablity-wrapper .sustainablity-top .sustainablity-top-text {
        color: var(--dark-color);
        text-align: center;
        font-family: var(--body-font);
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 34px;
        font-size: 18px;
        line-height: 30px;
    }

.sustainablity-wrapper .sustainablity-card-wrapper {
    padding-bottom: 170px;
}

@media (max-width: 1199.98px) {
    .sustainablity-wrapper .sustainablity-card-wrapper {
        padding-bottom: 80px;
    }
}

@media (max-width: 1199.98px) {
    .sustainablity-wrapper .sustainablity-card-wrapper .sustainablity-card {
        margin-bottom: 30px;
    }
}

.sustainablity-wrapper .sustainablity-card-wrapper .sustainablity-thumb img {
    width: 100%;
}

.sustainablity-wrapper .sustainablity-card-wrapper .sustainablity-content .title {
    color: var(--headings-color);
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    text-transform: uppercase;
    padding-top: 24px;
}

@media (max-width: 991.98px) {
    .su-brands-area {
        padding: 80px 0;
    }
}

.sustainablity-product {
    padding-bottom: 180px;
}

@media (max-width: 991.98px) {
    .sustainablity-product {
        padding-bottom: 80px;
    }
}

.sustainablity-product .thumb {
    margin-right: 20px;
}

@media (max-width: 1199.98px) {
    .sustainablity-product .thumb {
        margin-right: 0;
        margin-bottom: 30px;
    }
}

.sustainablity-product .thumb img {
    width: 100%;
}

.sustainablity-product .product-content .title {
    color: var(--headings-color);
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 0.03em;
    line-height: 38px;
    padding-bottom: 24px;
    max-width: 415px;
    font-size: 22px;
}

@media (max-width: 1399.98px) {
    .sustainablity-product .product-content .title {
        font-size: 24px;
    }
}

.sustainablity-product .product-content .text {
    color: var(--dark-color);
    font-family: var(--body-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    text-transform: capitalize;
}

.su-product-7-slider-pagination {
    padding-top: 275px;
}

@media (max-width: 1199.98px) {
    .su-product-7-slider-pagination {
        padding-top: 180px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .su-product-7-slider-pagination {
        padding-top: 0;
    }
}

.su-product-7-slider-pagination .swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 9;
}

@media (max-width: 991.98px) {
    .su-product-7-slider-pagination .swiper-pagination {
        position: initial;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .su-product-7-slider-pagination .swiper-pagination {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-top: 40px;
    }
}

.su-product-7-slider-pagination .swiper-pagination .swiper-pagination-bullet {
    margin: 15px 3px !important;
    width: 8px;
    height: 8px;
    background: var(--dark-color);
    opacity: 1;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    position: relative;
    cursor: pointer;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .su-product-7-slider-pagination .swiper-pagination .swiper-pagination-bullet {
        margin: 3px 15px !important;
    }
}

.su-product-7-slider-pagination .swiper-pagination .swiper-pagination-bullet::before {
    position: absolute;
    content: "";
    width: 28px;
    height: 28px;
    border: 1px solid var(--dark-color);
    border-radius: 50%;
    left: -10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
}

.su-product-7-slider-pagination .swiper-pagination .swiper-pagination-bullet-active::before {
    opacity: 1;
}

.su-product-slider-pagination {
    padding-top: 275px;
}

@media (max-width: 1199.98px) {
    .su-product-slider-pagination {
        padding-top: 200px;
    }
}

@media (max-width: 991.98px) {
    .su-product-slider-pagination {
        padding-top: 0px;
    }
}

.su-product-slider-pagination .swiper-pagination2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 9;
}

    .su-product-slider-pagination .swiper-pagination2 .swiper-pagination-bullet {
        margin: 15px 3px !important;
        width: 8px;
        height: 8px;
        background: var(--dark-color);
        opacity: 1;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
        position: relative;
        cursor: pointer;
    }

        .su-product-slider-pagination .swiper-pagination2 .swiper-pagination-bullet::before {
            position: absolute;
            content: "";
            width: 28px;
            height: 28px;
            border: 1px solid var(--dark-color);
            border-radius: 50%;
            left: -10px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            opacity: 0;
        }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .su-product-slider-pagination .swiper-pagination2 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-top: 40px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .su-product-slider-pagination .swiper-pagination2 .swiper-pagination-bullet {
        margin: 3px 15px !important;
    }
}

.su-product-slider-pagination .swiper-pagination2 .swiper-pagination-bullet-active::before {
    opacity: 1;
}

.bg-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.thumb img {
    width: 100%;
    height: 100%;
}

.img-hover {
    overflow: hidden;
}

    .img-hover .thumb {
        overflow: hidden;
    }

    .img-hover img {
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transition: transform 2s cubic-bezier(0, 0, 0.44, 1.18);
        -webkit-transition: -webkit-transform 1.5s cubic-bezier(0, 0, 0.44, 1.18);
        transition: -webkit-transform 1.5s cubic-bezier(0, 0, 0.44, 1.18);
        transition: transform 1.5s cubic-bezier(0, 0, 0.44, 1.18);
        transition: transform 1.5s cubic-bezier(0, 0, 0.44, 1.18), -webkit-transform 1.5s cubic-bezier(0, 0, 0.44, 1.18);
    }

    .img-hover:hover img {
        -webkit-transform: scale(1.09);
        transform: scale(1.09);
    }

.su-image-wrap {
    position: relative;
    overflow: hidden;
}

    .su-image-wrap::before {
        content: "";
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 50%;
        background: rgb(0, 0, 0);
        -webkit-transition: 0.25s;
        transition: 0.25s;
        z-index: 3;
        opacity: 0.1;
    }

    .su-image-wrap::after {
        content: "";
        position: absolute;
        bottom: 0;
        right: -100%;
        width: 100%;
        height: 50%;
        background: rgb(0, 0, 0);
        -webkit-transition: 0.25s;
        transition: 0.25s;
        z-index: 3;
        opacity: 0.1;
    }

    .su-image-wrap:hover::after {
        right: 0;
        -webkit-transition-delay: 0.25s;
        transition-delay: 0.25s;
    }

    .su-image-wrap:hover::before {
        left: 0;
    }

.terms-single-block {
    padding-bottom: 20px;
}

    .terms-single-block .terms-title {
        color: var(--headings-color);
        font-weight: 600;
        font-size: 16px;
        line-height: 28px;
        text-transform: uppercase;
        padding-bottom: 20px;
        letter-spacing: 0;
    }

    .terms-single-block .terms-text {
        color: var(--dark-color);
        font-family: var(--body-font);
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px;
        text-transform: capitalize;
        padding-bottom: 20px;
    }

        .terms-single-block .terms-text:last-child {
            padding-bottom: 0;
        }

.home17-about-content {
    position: relative;
}

    .home17-about-content .sub-title {
        color: var(--dark-color5);
        font-family: var(--jost-font);
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 70px;
        max-width: 990px;
    }

    .home17-about-content .title {
        color: var(--dark-color5);
        font-family: var(--marcellus-font);
        font-style: normal;
        font-weight: 400;
        font-size: clamp(20px, 2.5vw, 40px);
        line-height: 1.75;
    }

.about-area-home17 .thumb {
    overflow: hidden;
    position: relative;
}

    .about-area-home17 .thumb img {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
    }

.about-area-home17 .sub-title,
.about-area-home17 .text {
    color: var(--dark-color5);
    font-family: var(--jost-font);
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
}

.about-area-home17 .title {
    color: var(--dark-color5);
    font-family: var(--marcellus-font);
    font-weight: 400;
    font-size: clamp(36px, 4.37vw, 70px);
    line-height: 1.25;
}

.about-area-home17:hover img {
    -webkit-transform: scale(1.2) rotate(3deg);
    transform: scale(1.2) rotate(3deg);
}

.about-info.home17-style .thumb {
    position: relative;
}

    .about-info.home17-style .thumb img {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
    }

.about-info.home17-style:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.about-info.home17-style .sub-title {
    color: var(--dark-color5);
    font-family: var(--jost-font);
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
}

.about-info.home17-style .discount {
    font-family: var(--jost-font);
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
}

.about-info.home20-style .thumb {
    position: relative;
}

    .about-info.home20-style .thumb img {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
    }

.about-info.home20-style:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.about-info.home20-style .sub-title {
    color: var(--dark-color);
    font-family: var(--roboto-font);
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 0.03em;
}

.about-info.style21 {
    margin-bottom: 30px;
    position: relative;
}

    .about-info.style21 .content {
        margin: 0 auto;
        max-width: 400px;
    }

        .about-info.style21 .content .title {
            padding-bottom: 6px;
            color: var(--dark-color);
            font-size: 20px;
            font-weight: 500;
            line-height: 28px;
            text-transform: uppercase;
        }

        .about-info.style21 .content .text {
            color: var(--dark-color);
            font-size: 14px;
            font-weight: 400;
            line-height: 24px;
            margin-bottom: 5px;
        }

.about-info.style22 .about-content {
    max-width: 600px;
    margin: 0 auto;
    width: 100%;
    padding: 30px 20px;
}

@media (max-width: 991.98px) {
    .about-info.style22 .about-content {
        padding: 60px 0;
    }
}

@media (max-width: 767.98px) {
    .about-info.style22 .about-content {
        width: 100%;
        padding: 60px 40px;
    }
}

.about-info.style22 .about-content .title {
    color: var(--grayish-orange);
    font-style: normal;
    font-weight: 500;
    padding-bottom: 20px;
    text-transform: uppercase;
    font-size: clamp(24px, 3.12vw, 50px);
    line-height: 1.3;
}

.about-info.style22 .about-content .text {
    color: var(--grayish-orange);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    padding-bottom: 32px;
}

.about-info.style22 .about-content .theme-btn2 {
    color: var(--white-color);
}

    .about-info.style22 .about-content .theme-btn2:hover {
        color: var(--dark-color6);
    }

/***  Footer  ***/
.footer_one {
    padding: 90px 0 0;
    position: relative;
    /*  Footer 17 Style  */
    /*  Footer 20 Style  */
    /*  Footer 21 Style  */
}

    .footer_one.bg-dark {
        background-color: var(--black-color);
    }

    .footer_one .footer_qlink_widget,
    .footer_one .mailchimp_widget {
        position: relative;
        -webkit-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
        /* Toggle between plus and minus using Bootstrap collapse expanded state */
        /* When the button is expanded, change icon to minus */
    }

@media (max-width: 991.98px) {

    .footer_one .footer_qlink_widget,
    .footer_one .mailchimp_widget {
        border-bottom: 1px solid rgba(var(--white-color-rgb), 0.2);
        margin-bottom: 25px;
    }
}

@media (max-width: 991.98px) {

    .footer_one .footer_qlink_widget.dark-bb-md,
    .footer_one .mailchimp_widget.dark-bb-md {
        border-bottom: 1px solid rgba(var(--black-color-rgb), 0.2);
    }
}

@media (max-width: 991.98px) {

    .footer_one .footer_qlink_widget,
    .footer_one .mailchimp_widget {
        border-bottom: 1px solid rgba(var(--white-color-rgb), 0.2);
        margin-bottom: 25px;
    }
}

.footer_one .footer_qlink_widget .collapse,
.footer_one .mailchimp_widget .collapse {
    padding-bottom: 20px;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.footer_one .footer_qlink_widget button.btn,
.footer_one .footer_qlink_widget .colps-btn,
.footer_one .mailchimp_widget button.btn,
.footer_one .mailchimp_widget .colps-btn {
    border: none;
    border-radius: 0;
}

    .footer_one .footer_qlink_widget button.btn:active,
    .footer_one .footer_qlink_widget button.btn:focus,
    .footer_one .footer_qlink_widget .colps-btn:active,
    .footer_one .footer_qlink_widget .colps-btn:focus,
    .footer_one .mailchimp_widget button.btn:active,
    .footer_one .mailchimp_widget button.btn:focus,
    .footer_one .mailchimp_widget .colps-btn:active,
    .footer_one .mailchimp_widget .colps-btn:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        border-color: transparent;
        outline: none;
    }

.footer_one .footer_qlink_widget .title,
.footer_one .mailchimp_widget .title {
    font-weight: var(--font-weight-600);
    font-size: 13px;
    letter-spacing: 0em;
    line-height: 16px;
    margin-bottom: 22px;
}

@media (max-width: 991.98px) {

    .footer_one .footer_qlink_widget .title,
    .footer_one .mailchimp_widget .title {
        margin-bottom: 15px;
    }
}

.footer_one .footer_qlink_widget ul,
.footer_one .mailchimp_widget ul {
    margin: 0;
}

.footer_one .footer_qlink_widget li,
.footer_one .mailchimp_widget li {
    font-weight: var(--font-weight-400);
    font-size: 13px;
    line-height: 32px;
}

    .footer_one .footer_qlink_widget li a,
    .footer_one .mailchimp_widget li a {
        color: var(--dark-color);
    }

.footer_one .footer_qlink_widget .list-white a,
.footer_one .mailchimp_widget .list-white a {
    color: var(--text-white);
}

.footer_one .footer_qlink_widget .icon-toggle,
.footer_one .mailchimp_widget .icon-toggle {
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.footer_one .footer_qlink_widget [aria-expanded=true] .icon-toggle,
.footer_one .mailchimp_widget [aria-expanded=true] .icon-toggle {
    content: "";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

    .footer_one .footer_qlink_widget [aria-expanded=true] .icon-toggle::before,
    .footer_one .mailchimp_widget [aria-expanded=true] .icon-toggle::before {
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        content: "\f068";
        /* fa-minus */
    }

.footer_one .footer_qlink_widget [aria-expanded=false] .icon-toggle::before,
.footer_one .mailchimp_widget [aria-expanded=false] .icon-toggle::before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "+";
    /* fa-plus */
}

.footer_one .footer_qlink_widget.home20 .title,
.footer_one .mailchimp_widget.home20 .title {
    font-size: 18px;
    font-weight: 500;
}

.footer_one .mailchimp_widget {
    position: relative;
}

    .footer_one .mailchimp_widget.home20 .text {
        color: var(--dark-color);
    }

    .footer_one .mailchimp_widget.home20 .title {
        font-size: 40px;
        font-weight: 500;
        letter-spacing: 0.03em;
        line-height: 55px;
        text-transform: capitalize;
    }

    .footer_one .mailchimp_widget.home20 .subtitle {
        font-size: 18px;
        font-weight: 500;
    }

.footer_one .acceped_card_list img {
    width: 26px;
}

.footer_one .footer_mailchimp_form {
    position: relative;
}

    .footer_one .footer_mailchimp_form .form-control {
        background-color: transparent;
        border: none;
        border-bottom: 1px solid var(--text-white);
        border-radius: 0;
        height: auto;
        padding: 0px 0px 20px;
        width: 100%;
    }

        .footer_one .footer_mailchimp_form .form-control::-webkit-input-placeholder {
            color: var(--text-white);
            font-weight: var(--font-weight-400);
            font-size: 12px;
            line-height: 30px;
        }

        .footer_one .footer_mailchimp_form .form-control::-moz-placeholder {
            color: var(--text-white);
            font-weight: var(--font-weight-400);
            font-size: 12px;
            line-height: 30px;
        }

        .footer_one .footer_mailchimp_form .form-control:-ms-input-placeholder {
            color: var(--text-white);
            font-weight: var(--font-weight-400);
            font-size: 12px;
            line-height: 30px;
        }

        .footer_one .footer_mailchimp_form .form-control::-ms-input-placeholder {
            color: var(--text-white);
            font-weight: var(--font-weight-400);
            font-size: 12px;
            line-height: 30px;
        }

        .footer_one .footer_mailchimp_form .form-control::placeholder {
            color: var(--text-white);
            font-weight: var(--font-weight-400);
            font-size: 12px;
            line-height: 30px;
        }

        .footer_one .footer_mailchimp_form .form-control:focus {
            -webkit-box-shadow: none;
            box-shadow: none;
            outline: none;
        }

    .footer_one .footer_mailchimp_form .subscribe-btn {
        background-color: transparent;
        color: var(--text-white);
        font-weight: var(--font-weight-600);
        font-size: 13px;
        letter-spacing: 0em;
        line-height: 16px;
        position: absolute;
        right: 0;
        top: 0;
    }

        .footer_one .footer_mailchimp_form .subscribe-btn i {
            display: inline-block;
            font-size: 16px;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

    .footer_one .footer_mailchimp_form.style9 .form-control {
        border: 0;
        border-bottom: 1px solid var(--gray-color);
        padding: 0;
        border-radius: 0;
    }

.footer_one .f1-border-top {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.footer_one .copyright-widget .text {
    font-family: var(--body-font);
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0;
}

.footer_one .copyright-widget.home20 .text {
    color: var(--dark-color);
}

.footer_one .footer_bottom_left .text {
    color: rgba(255, 255, 255, 0.7);
    font-weight: var(--font-weight-400);
    font-size: 13px;
    line-height: 24px;
}

.footer_one .footer_bottom_left .lang_widgets .bootstrap-select span.text {
    color: var(--dark-color);
}

.footer_one .footer_bottom_left .lang_widgets .bootstrap-select .btn-light {
    background-color: transparent;
    border: none;
}

    .footer_one .footer_bottom_left .lang_widgets .bootstrap-select .btn-light:focus,
    .footer_one .footer_bottom_left .lang_widgets .bootstrap-select .btn-light:active {
        border: none;
        outline: none !important;
    }

.footer_one .footer_bottom_left .lang_widgets .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    border: none;
    width: auto;
}

.footer_one .footer_bottom_left .lang_widgets button.btn {
    color: var(--text-white);
    font-weight: var(--font-weight-400);
    font-size: 13px;
    line-height: 24px;
}

.footer_one .footer_bottom_left .lang_widgets.home20 button.btn {
    color: var(--dark-color);
}

.footer_one.home3-style {
    border: 1px solid var(--gray-color);
}

.footer_one.home17-style {
    background-color: var(--gray-color-3);
    border-radius: 9px;
    margin: 0 20px 20px 20px;
}

    .footer_one.home17-style .mailchimp_widget_box {
        border-bottom: 1px solid var(--light-gray);
    }

    .footer_one.home17-style .footer_mailchimp_form {
        max-width: 446px;
    }

    .footer_one.home17-style .footer_qlink_widget li {
        font-weight: var(--font-weight-400);
        font-size: 15px;
        line-height: 40px;
    }

        .footer_one.home17-style .footer_qlink_widget li a {
            color: var(--dark-color5);
        }

    .footer_one.home17-style .mailchimp_widget .title {
        color: var(--dark-color5);
        font-family: var(--marcellus-font);
        font-size: 30px;
        font-weight: 400;
        line-height: 70px;
    }

    .footer_one.home17-style .mailchimp_widget .sub-title {
        color: var(--dark-color5);
        font-family: var(--jost-font);
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        line-height: 30px;
    }

    .footer_one.home17-style .mailchimp_widget .input-field {
        background-color: var(--white-color);
        border: 1px solid var(--dark-color5);
        color: var(--dark-color5);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        height: 54px;
        line-height: 28px;
        padding: 0 20px;
        text-transform: capitalize;
    }

        .footer_one.home17-style .mailchimp_widget .input-field::-webkit-input-placeholder {
            color: var(--dark-color5);
            font-weight: var(--font-weight-400);
        }

        .footer_one.home17-style .mailchimp_widget .input-field::-moz-placeholder {
            color: var(--dark-color5);
            font-weight: var(--font-weight-400);
        }

        .footer_one.home17-style .mailchimp_widget .input-field:-ms-input-placeholder {
            color: var(--dark-color5);
            font-weight: var(--font-weight-400);
        }

        .footer_one.home17-style .mailchimp_widget .input-field::-ms-input-placeholder {
            color: var(--dark-color5);
            font-weight: var(--font-weight-400);
        }

        .footer_one.home17-style .mailchimp_widget .input-field::placeholder {
            color: var(--dark-color5);
            font-weight: var(--font-weight-400);
        }

    .footer_one.home17-style .mailchimp_widget .subscribe-btn {
        color: var(--dark-color5);
        font-size: 13px;
        font-weight: 600;
        right: 30px;
        top: auto;
    }

    .footer_one.home17-style .footer_qlink_widget .text {
        color: var(--dark-color5);
        font-family: var(--jost-font);
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        line-height: 30px;
    }

    .footer_one.home17-style .footer_qlink_widget .title {
        color: var(--dark-color5);
        font-family: var(--marcellus-font);
        font-weight: 400;
        font-size: 18px;
        line-height: 26px;
        text-transform: uppercase;
    }

    .footer_one.home17-style .lang_widgets button.btn {
        color: var(--dark-color5);
        font-family: var(--jost-font);
        font-size: 15px;
    }

    .footer_one.home17-style .footer-btm-info {
        border-top: 1px solid var(--light-gray);
    }

        .footer_one.home17-style .footer-btm-info .copyright {
            color: var(--dark-color5);
            font-family: var(--jost-font);
            font-size: 13px;
            font-weight: 400;
            line-height: 30px;
        }

.footer_one.style20 {
    padding: 36px 0 0px 0;
    position: relative;
    border: 1px solid var(--gray-color);
}

    .footer_one.style20 .footer_qlink_widget,
    .footer_one.style20 .mailchimp_widget {
        position: relative;
    }

        .footer_one.style20 .footer_qlink_widget .title,
        .footer_one.style20 .mailchimp_widget .title {
            font-weight: var(--font-weight-600);
            font-size: 13px;
            letter-spacing: 0em;
            color: var(--dark-color);
            font-weight: var(--font-weight-400);
            font-size: 13px;
            font-family: var(--title-font13);
            font-size: 18px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            letter-spacing: 0.54px;
            margin-bottom: 19px;
        }

        .footer_one.style20 .footer_qlink_widget .title2,
        .footer_one.style20 .mailchimp_widget .title2 {
            color: var(--dark-color);
            font-style: normal;
            font-weight: 500;
            letter-spacing: 0.03em;
            font-size: clamp(24px, 2.5vw, 40px);
            line-height: 1.37;
        }

        .footer_one.style20 .footer_qlink_widget ul,
        .footer_one.style20 .mailchimp_widget ul {
            margin: 0;
        }

        .footer_one.style20 .footer_qlink_widget li,
        .footer_one.style20 .mailchimp_widget li {
            font-weight: var(--font-weight-400);
            font-size: 13px;
            line-height: 32px;
        }

            .footer_one.style20 .footer_qlink_widget li a,
            .footer_one.style20 .mailchimp_widget li a {
                color: var(--dark-color);
                font-family: var(--title-font13);
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: 40px;
            }

    .footer_one.style20 .mailchimp_widget {
        position: relative;
    }

        .footer_one.style20 .mailchimp_widget .mailchimp-top {
            margin-bottom: 40px;
        }

            .footer_one.style20 .mailchimp_widget .mailchimp-top .mailchimp-title {
                color: var(--dark-color);
                font-size: 40px;
                font-style: normal;
                font-weight: 500;
                line-height: 55px;
                letter-spacing: 1.2px;
                padding-bottom: 15px;
                margin-top: -10px;
            }

@media (max-width: 1399.98px) {
    .footer_one.style20 .mailchimp_widget .mailchimp-top .mailchimp-title {
        font-size: 30px;
        line-height: 40px;
    }
}

.footer_one.style20 .mailchimp_widget .mailchimp-top .footer-social-wrapper ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

    .footer_one.style20 .mailchimp_widget .mailchimp-top .footer-social-wrapper ul li {
        font-size: 16px;
    }

.footer_one.style20 .mailchimp_widget .download-btn-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.footer_one.style20 .mailchimp_widget .text {
    color: var(--dark-color);
    margin-bottom: 24px;
}

.footer_one.style20 .acceped_card_list img {
    width: 26px;
}

.footer_one.style20 .footer_mailchimp_form {
    margin: 20px 0 52px 0;
    position: relative;
}

    .footer_one.style20 .footer_mailchimp_form .form-control {
        background-color: transparent;
        border: none;
        border: 1px solid var(--gray-color);
        border-radius: 0;
        height: auto;
        padding: 0px 0px 0px 20px;
        width: 100%;
        height: 54px;
        border-radius: 4px;
        margin-left: 12px;
    }

        .footer_one.style20 .footer_mailchimp_form .form-control::-webkit-input-placeholder {
            color: var(--dark-color);
            color: var(--dark-color);
            font-weight: var(--font-weight-500);
            font-size: 14px;
            line-height: 28px;
            letter-spacing: 0em;
            font-weight: 400;
            text-transform: capitalize;
        }

        .footer_one.style20 .footer_mailchimp_form .form-control::-moz-placeholder {
            color: var(--dark-color);
            color: var(--dark-color);
            font-weight: var(--font-weight-500);
            font-size: 14px;
            line-height: 28px;
            letter-spacing: 0em;
            font-weight: 400;
            text-transform: capitalize;
        }

        .footer_one.style20 .footer_mailchimp_form .form-control:-ms-input-placeholder {
            color: var(--dark-color);
            color: var(--dark-color);
            font-weight: var(--font-weight-500);
            font-size: 14px;
            line-height: 28px;
            letter-spacing: 0em;
            font-weight: 400;
            text-transform: capitalize;
        }

        .footer_one.style20 .footer_mailchimp_form .form-control::-ms-input-placeholder {
            color: var(--dark-color);
            color: var(--dark-color);
            font-weight: var(--font-weight-500);
            font-size: 14px;
            line-height: 28px;
            letter-spacing: 0em;
            font-weight: 400;
            text-transform: capitalize;
        }

        .footer_one.style20 .footer_mailchimp_form .form-control::placeholder {
            color: var(--dark-color);
            color: var(--dark-color);
            font-weight: var(--font-weight-500);
            font-size: 14px;
            line-height: 28px;
            letter-spacing: 0em;
            font-weight: 400;
            text-transform: capitalize;
        }

        .footer_one.style20 .footer_mailchimp_form .form-control:focus {
            -webkit-box-shadow: none;
            box-shadow: none;
            outline: none;
        }

    .footer_one.style20 .footer_mailchimp_form .col-auto {
        border-radius: 6px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-left: 0;
        padding-right: 5px;
        width: 100%;
    }

    .footer_one.style20 .footer_mailchimp_form .submit-btn {
        background-color: transparent;
        color: var(--dark-color);
        font-weight: var(--font-weight-600);
        font-size: 13px;
        letter-spacing: 0em;
        line-height: 16px;
        position: absolute;
        right: 15px;
        top: 17px;
    }

        .footer_one.style20 .footer_mailchimp_form .submit-btn i {
            display: inline-block;
            font-size: 14px;
        }

.footer_one.style20 .download-app-wrapper .title-download {
    padding-bottom: 17px;
    color: var(--dark-color);
    font-family: var(--title-font13);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.54px;
}

.footer_one.style20 .f1-border-top {
    border-top: 1px solid var(--gray-color);
}

.footer_one.style20 .copyright-widget .text {
    color: var(--dark-color);
    font-weight: 400;
    font-size: 13px;
    line-height: 40px;
    margin-bottom: 0;
}

.footer_one.style20 .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 80px;
}

.footer_one.style20 .footer_bottom_left_widgets .bootstrap-select button.btn {
    font-size: 13px;
    font-weight: 400;
    line-height: 30px;
    width: auto;
}

.footer_one.style20 .footer_bottom_left_widgets .select2 button.btn {
    font-size: 13px;
    font-weight: 400;
    line-height: 30px;
    width: 166px !important;
}

.footer_one.style20 .footer_bottom_left_widgets li:list-child .bootstrap-select .dropdown-menu.inner {
    width: 210px;
}

.footer_one.style20 .large-container.style20 {
    padding-top: 50px !important;
}

.footer_one.style21 {
    border-top: 1px solid var(--gray-color-2);
}

@media (max-width: 575.98px) {
    .footer_one.style21 {
        padding: 36px 0 36px 0;
    }
}

.footer_one.style21 .footer_gallery_widget .footer_gallery_title {
    margin-right: auto;
    max-width: 340px;
    text-align: center;
    padding-bottom: 31px;
}

    .footer_one.style21 .footer_gallery_widget .footer_gallery_title .subtitle {
        color: var(--text-color);
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0em;
        padding-bottom: 4px;
    }

    .footer_one.style21 .footer_gallery_widget .footer_gallery_title .title {
        color: var(--dark-color);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px;
        text-transform: uppercase;
        letter-spacing: 0.29px;
    }

.footer_one.style21 .footer_gallery_widget .footer_gallery_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}

    .footer_one.style21 .footer_gallery_widget .footer_gallery_box .thumb {
        overflow: hidden;
    }

        .footer_one.style21 .footer_gallery_widget .footer_gallery_box .thumb img {
            width: 100%;
        }

@media (max-width: 767.98px) {
    .footer_one.style21 .footer_gallery_widget {
        margin-bottom: 30px;
    }
}

.footer_one.style21 .footer_qlink_widget .title {
    color: var(--dark-color);
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.footer_one.style21 .footer_qlink_widget .list-unstyled li a {
    color: var(--dark-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
}

.footer_one.style21 .footer_input_widget-wrapper .mailchimp_widget {
    padding-bottom: 15px;
    text-align: left;
}

    .footer_one.style21 .footer_input_widget-wrapper .mailchimp_widget .title {
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 28px;
        text-transform: uppercase;
        margin-bottom: 10px;
    }

        .footer_one.style21 .footer_input_widget-wrapper .mailchimp_widget .title a {
            color: var(--dark-color);
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 28px;
            text-transform: uppercase;
        }

    .footer_one.style21 .footer_input_widget-wrapper .mailchimp_widget .text {
        color: var(--dark-color);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 40px;
    }

.footer_one.style21 .footer_input_widget-wrapper .footer_mailchimp_form {
    position: relative;
}

    .footer_one.style21 .footer_input_widget-wrapper .footer_mailchimp_form .form-control {
        background-color: var(--white-color);
        border: 1px solid var(--gray-color);
        border-radius: 4px;
        color: var(--dark-color);
        height: 54px;
        padding: 20px;
        position: relative;
        width: 100%;
    }

        .footer_one.style21 .footer_input_widget-wrapper .footer_mailchimp_form .form-control::-webkit-input-placeholder {
            color: var(--dark-color);
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 28px;
            text-transform: capitalize;
        }

        .footer_one.style21 .footer_input_widget-wrapper .footer_mailchimp_form .form-control::-moz-placeholder {
            color: var(--dark-color);
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 28px;
            text-transform: capitalize;
        }

        .footer_one.style21 .footer_input_widget-wrapper .footer_mailchimp_form .form-control:-ms-input-placeholder {
            color: var(--dark-color);
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 28px;
            text-transform: capitalize;
        }

        .footer_one.style21 .footer_input_widget-wrapper .footer_mailchimp_form .form-control::-ms-input-placeholder {
            color: var(--dark-color);
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 28px;
            text-transform: capitalize;
        }

        .footer_one.style21 .footer_input_widget-wrapper .footer_mailchimp_form .form-control::placeholder {
            color: var(--dark-color);
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 28px;
            text-transform: capitalize;
        }

    .footer_one.style21 .footer_input_widget-wrapper .footer_mailchimp_form .submit-btn {
        background-color: transparent;
        color: var(--dark-color);
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 0em;
        line-height: 16px;
        position: absolute;
        right: 20px;
        top: 20px;
    }

.footer_one.style21 .copyright-wrapper {
    padding-top: 30px;
}

    .footer_one.style21 .copyright-wrapper .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 75px;
    }

    .footer_one.style21 .copyright-wrapper .footer_bottom_left_widgets .bootstrap-select button.btn {
        font-size: 12px;
        font-weight: 400;
        line-height: 24px;
        width: 80px;
    }

    .footer_one.style21 .copyright-wrapper .footer_bottom_left_widgets.style21 .select2 button.btn {
        font-size: 12px;
        font-weight: 400;
        line-height: 24px;
        width: 166px !important;
    }

    .footer_one.style21 .copyright-wrapper .text {
        color: var(--dark-color);
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        text-align: center;
        text-transform: uppercase;
    }

    .footer_one.style21 .copyright-wrapper .copyright-social-wrapper ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
        gap: 16px;
    }

@media (max-width: 991.98px) {
    .footer_one.style21 .copyright-wrapper .copyright-social-wrapper ul {
        padding-top: 10px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.footer_one.style21 .copyright-wrapper .copyright-social-wrapper ul li a {
    color: var(--dark-color);
    font-size: 16px;
}

.lang_widgets .bootstrap-select span.text {
    color: var(--dark-color);
}

.lang_widgets .bootstrap-select .btn-light {
    background-color: transparent;
    border: none;
}

    .lang_widgets .bootstrap-select .btn-light:focus,
    .lang_widgets .bootstrap-select .btn-light:active {
        border: none;
        outline: none !important;
    }

.lang_widgets .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    border: none;
    width: auto;
}

.lang_widgets button.btn {
    color: var(--text-white);
    font-weight: var(--font-weight-400);
    font-size: 13px;
    line-height: 24px;
}

.lang_widgets.dark-style button.btn {
    color: var(--dark-color);
}

/*  Footer Home 4 Style  */
.su-footer-four {
    padding-top: 80px;
}

    .su-footer-four .footer_qlink_widget,
    .su-footer-four .mailchimp_widget {
        position: relative;
    }

        .su-footer-four .footer_qlink_widget .title,
        .su-footer-four .mailchimp_widget .title {
            color: var(--dark-color);
            font-weight: 600;
        }

        .su-footer-four .footer_qlink_widget li,
        .su-footer-four .mailchimp_widget li {
            font-weight: var(--font-weight-400);
            font-size: 13px;
            line-height: 32px;
        }

            .su-footer-four .footer_qlink_widget li a,
            .su-footer-four .mailchimp_widget li a {
                color: var(--dark-color);
            }

        .su-footer-four .footer_qlink_widget .text,
        .su-footer-four .mailchimp_widget .text {
            color: var(--dark-color);
        }

    .su-footer-four .footer_mailchimp_form .form-control {
        border: 1px solid var(--dark-color);
        padding: 0px 0px 0px 20px;
        width: 100%;
        height: 54px;
        font-weight: 400;
        font-size: 14px;
        text-transform: capitalize;
        color: var(--dark-color);
    }

        .su-footer-four .footer_mailchimp_form .form-control::-webkit-input-placeholder {
            font-weight: 400;
            font-size: 14px;
            text-transform: capitalize;
            color: var(--dark-color);
        }

        .su-footer-four .footer_mailchimp_form .form-control:-moz-placeholder {
            font-weight: 400;
            font-size: 14px;
            text-transform: capitalize;
            color: var(--dark-color);
        }

        .su-footer-four .footer_mailchimp_form .form-control::-moz-placeholder {
            font-weight: 400;
            font-size: 14px;
            text-transform: capitalize;
            color: var(--dark-color);
        }

        .su-footer-four .footer_mailchimp_form .form-control:-ms-input-placeholder {
            font-weight: 400;
            font-size: 14px;
            text-transform: capitalize;
            color: var(--dark-color);
        }

    .su-footer-four .footer_mailchimp_form .subscribe-btn {
        height: 100%;
        padding: 10px 35px;
        color: var(--white-color);
        background: var(--dark-color);
        border: none;
    }

    .su-footer-four .footer_bottom_left button {
        padding: 0;
        background: none;
        border: none;
    }

    .su-footer-four .footer_bottom_left .filter-option-inner-inner {
        font-weight: 400;
        font-size: 13px;
        color: var(--dark-color);
    }

    .su-footer-four .footer_bottom_left .dropdown :not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        outline: none;
        background: none;
    }

    .su-footer-four .footer_bottom_left .bootstrap-select .dropdown-toggle:focus,
    .su-footer-four .footer_bottom_left .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
        outline: none !important;
        background: none;
    }

    .su-footer-four .footer_bottom_left .dropdown-menu {
        background: var(--white-color) !important;
        -webkit-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
        box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
        z-index: 999;
    }

    .su-footer-four .copyright-widget .text {
        color: var(--dark-color);
    }

    .su-footer-four .acceped_card_list img {
        border: 1px solid var(--text-gray);
    }

    .su-footer-four .f1-border-top {
        border-top: 1px solid var(--text-gray);
    }

/*  Footer Home 5 Style  */
.su-footer-five .mailchimp_widget {
    margin-left: -30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .su-footer-five .mailchimp_widget {
        margin-left: 0;
    }
}

.su-footer-five .mailchimp_widget .social a {
    color: var(--black-color);
    font-size: 16px;
    display: inline-block;
    margin-right: 25px;
}

.su-footer-five .footer_qlink_widget .link a {
    font-weight: 400;
    font-size: 13px;
    color: var(--dark-color);
    display: block;
    margin-bottom: 5px;
}

.su-footer-five .f1-border-top {
    border-top: 1px solid var(--dark-color);
}

/*  Footer Home 6 Style  */
/*  Footer Home 7 Style  */
.su-footer-saven {
    padding-top: 50px;
}

    .su-footer-saven .mailchimp-form {
        margin-left: -35px;
    }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .su-footer-saven .mailchimp-form {
        margin-left: 0;
    }
}

.su-footer-saven .footer_mailchimp_form .form-control {
    border: none;
    border-bottom: 1px solid var(--dark-color);
    background: transparent;
    padding-left: 0;
}

.su-footer-saven .footer_mailchimp_form .subscribe-btn {
    background: none;
    color: var(--dark-color);
    padding-right: 0;
}

.su-footer-saven .footer_bottom_left .text {
    color: var(--dark-color);
    margin-right: 5px;
}

.su-footer-saven .f1-border-top {
    border-top: 1px solid var(--dark-color);
}

/*  Footer Home 8 Style  */
.su-footer-8-wrap {
    border-radius: 32px;
    background: #000;
    margin: 60px;
}

@media only screen and (min-width: 1600px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .su-footer-8-wrap {
        margin: 15px;
        margin-top: 60px;
    }
}

.su-footer-8-wrap .su-footer-four .footer_qlink_widget .title,
.su-footer-8-wrap .su-footer-four .mailchimp_widget .title {
    color: var(--white-color);
}

.su-footer-8-wrap .su-footer-four .footer_qlink_widget li a,
.su-footer-8-wrap .su-footer-four .mailchimp_widget li a {
    color: var(--white-color);
}

.su-footer-8-wrap .su-footer-four .footer_qlink_widget .text,
.su-footer-8-wrap .su-footer-four .mailchimp_widget .text {
    color: var(--white-color);
}

.su-footer-8-wrap .footer_mailchimp_form .form-control {
    border-bottom: 1px solid var(--white-color);
    color: var(--white-color);
}

    .su-footer-8-wrap .footer_mailchimp_form .form-control::-webkit-input-placeholder {
        color: var(--white-color);
    }

    .su-footer-8-wrap .footer_mailchimp_form .form-control::-moz-placeholder {
        color: var(--white-color);
    }

    .su-footer-8-wrap .footer_mailchimp_form .form-control:-ms-input-placeholder {
        color: var(--white-color);
    }

    .su-footer-8-wrap .footer_mailchimp_form .form-control::-ms-input-placeholder {
        color: var(--white-color);
    }

    .su-footer-8-wrap .footer_mailchimp_form .form-control::placeholder {
        color: var(--white-color);
    }

.su-footer-8-wrap .su-footer-saven .footer_mailchimp_form .subscribe-btn {
    color: var(--white-color);
}

.su-footer-8-wrap .su-footer-saven .f1-border-top {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.su-footer-8-wrap .su-footer-saven .footer_bottom_left .text {
    color: var(--white-color);
    opacity: 0.7;
}

.su-footer-8-wrap .su-footer-four .footer_bottom_left .filter-option-inner-inner {
    color: var(--white-color);
}

.su-footer-8-wrap .dropdown-toggle::after {
    display: none;
}

.su-footer-8-wrap .su-footer-four .copyright-widget .text {
    color: var(--white-color);
}

.su-footer-8-wrap .su-footer-four .acceped_card_list img {
    border: none;
    border-radius: 6px;
}

/*  Footer 14 Style  */
.su-footer-14 {
    background: transparent !important;
    border-top: 1px solid var(--gray-color);
    padding: 120px 0 28px 0;
}

    .su-footer-14 .footer_contact_widget {
        max-width: 266px;
    }

@media (max-width: 575.98px) {
    .su-footer-14 .footer_contact_widget {
        margin: 0 auto;
    }
}

.su-footer-14 .footer_contact_widget .info {
    color: var(--dark-color);
    font-family: var(--opensans-font);
    font-size: 13px;
    font-weight: 400;
}

@media (max-width: 575.98px) {
    .su-footer-14 .footer_qlink_widget .logo {
        margin-bottom: 20px;
    }
}

.su-footer-14 .footer_qlink_widget .title {
    color: var(--dark-color);
    font-family: var(--opensans-font);
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 28px;
    text-transform: uppercase;
}

.su-footer-14 .footer_qlink_widget .text {
    color: var(--dark-color);
    font-family: var(--opensans-font);
    font-size: 13px;
}

.su-footer-14 .footer_qlink_widget ul li a {
    color: var(--dark-color);
    font-family: var(--opensans-font);
    font-size: 13px;
    font-weight: 400;
    line-height: 30px;
}

.su-footer-14 .footer-16-social {
    margin-bottom: 0 !important;
}

.su-footer-14 .footer-copyright {
    padding-top: 100px;
}

@media (max-width: 1199.98px) {
    .su-footer-14 .footer-copyright {
        margin-top: 60px;
    }
}

.su-footer-14 .footer-copyright .copyright-widget .text {
    color: var(--dark-color);
    font-family: var(--opensans-font);
}

/*  Footer 15 Style  */
.su-footer-15 {
    background: var(--theme-color11);
    padding: 120px 0 28px 0;
}

    .su-footer-15 .footer_contact_widget {
        max-width: 266px;
    }

@media (max-width: 575.98px) {
    .su-footer-15 .footer_contact_widget {
        max-width: 100%;
    }
}

.su-footer-15 .footer_contact_widget .info {
    font-size: 13px;
    font-weight: 400;
    color: var(--dark-color);
    font-family: var(--outfit-font);
}

.su-footer-15 .footer_qlink_widget .title {
    color: var(--dark-color);
    font-family: var(--libre-font);
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 28px;
}

.su-footer-15 .footer_qlink_widget ul li a {
    color: var(--dark-color);
    font-family: var(--outfit-font);
    font-size: 13px;
    font-weight: 400;
    line-height: 30px;
}

.su-footer-15 .footer-16-social {
    margin-bottom: 0 !important;
}

.su-footer-15 .footer-copyright {
    padding-top: 100px;
}

    .su-footer-15 .footer-copyright .copyright-widget .text {
        color: var(--dark-color);
        font-family: var(--outfit-font);
    }

/*  Footer 16 Style  */
.su-footer-16 {
    background: var(--gray-color-2);
    padding-top: 120px;
}

    .su-footer-16 .footer_qlink_widget,
    .su-footer-16 .mailchimp_widget {
        position: relative;
    }

        .su-footer-16 .footer_qlink_widget .title,
        .su-footer-16 .mailchimp_widget .title {
            font-weight: var(--font-weight-600);
        }

    .su-footer-16 .footer_mailchimp_form .form-control {
        border: 1px solid var(--dark-color);
        padding: 0px 140px 0px 20px;
        width: 100%;
        height: 54px;
        font-weight: 400;
        font-size: 14px;
        text-transform: capitalize;
        color: var(--dark-color);
        border-radius: 8px;
    }

        .su-footer-16 .footer_mailchimp_form .form-control::-webkit-input-placeholder {
            font-weight: 400;
            font-size: 14px;
            text-transform: capitalize;
            color: var(--dark-color);
        }

        .su-footer-16 .footer_mailchimp_form .form-control:-moz-placeholder {
            font-weight: 400;
            font-size: 14px;
            text-transform: capitalize;
            color: var(--dark-color);
        }

        .su-footer-16 .footer_mailchimp_form .form-control::-moz-placeholder {
            font-weight: 400;
            font-size: 14px;
            text-transform: capitalize;
            color: var(--dark-color);
        }

        .su-footer-16 .footer_mailchimp_form .form-control:-ms-input-placeholder {
            font-weight: 400;
            font-size: 14px;
            text-transform: capitalize;
            color: var(--dark-color);
        }

    .su-footer-16 .footer_mailchimp_form .subscribe-btn {
        height: 100%;
        padding: 10px 20px;
        color: var(--dark-color);
        background: transparent;
        border: none;
    }

    .su-footer-16 .select-country-option {
        margin-bottom: 22px !important;
    }

@media (max-width: 1399.98px) {
    .su-footer-16 .footer-copyright {
        padding-top: 0 !important;
    }
}

.su-footer-16.footer-2 {
    background: var(--white-color);
}

    .su-footer-16.footer-2 .mailchimp_widget_box {
        border-bottom: 1px solid var(--gray-color);
    }

    .su-footer-16.footer-2 .mailchimp_widget .title {
        color: var(--dark-color);
        font-family: var(--marcellus-font);
        font-size: 40px;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 1.2px;
    }

    .su-footer-16.footer-2 .mailchimp_widget .sub-title {
        color: var(--dark-color);
        font-size: 14px;
        font-weight: 500;
        line-height: 28px;
        text-transform: capitalize;
        font-family: var(--jakarta-font);
    }

    .su-footer-16.footer-2 .footer_mailchimp_form {
        max-width: 446px;
        position: relative;
    }

        .su-footer-16.footer-2 .footer_mailchimp_form .input-field {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            border: 1px solid var(--dark-color);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            height: 54px;
            padding: 20px;
        }

        .su-footer-16.footer-2 .footer_mailchimp_form .subscribe-btn {
            position: absolute;
        }

    .su-footer-16.footer-2 .footer_qlink_widget .title {
        color: var(--dark-color);
        font-size: 13px;
        font-weight: 600;
        line-height: 16px;
        letter-spacing: 0em;
        text-transform: uppercase;
        margin-bottom: 28px;
    }

    .su-footer-16.footer-2 .footer_qlink_widget li {
        color: var(--dark-color);
    }

        .su-footer-16.footer-2 .footer_qlink_widget li a {
            font-size: 13px;
            line-height: 32px;
        }

    .su-footer-16.footer-2 .lang_widgets button.btn {
        color: var(--dark-color);
    }

        .su-footer-16.footer-2 .lang_widgets button.btn::after {
            display: none;
        }

.su-footer-16.footer-6 {
    background-color: var(--dark-color);
}

    .su-footer-16.footer-6 .footer_qlink_widget .title {
        color: var(--white-color);
        font-family: var(--jakarta-font);
        font-size: 13px;
        font-style: normal;
        font-weight: 600;
        line-height: 16px;
        letter-spacing: 0em;
        margin-bottom: 28px;
        text-transform: uppercase;
    }

    .su-footer-16.footer-6 .footer_qlink_widget li a {
        color: var(--white-color);
    }

    .su-footer-16.footer-6 .lang_widgets button.btn {
        color: var(--white-color);
    }

        .su-footer-16.footer-6 .lang_widgets button.btn:focus {
            color: var(--white-color);
        }

        .su-footer-16.footer-6 .lang_widgets button.btn::after {
            display: none;
        }

    .su-footer-16.footer-6 .footer-btm-info {
        border-top: 1px solid rgba(var(--white-color-rgb), 0.2);
    }

.su-footer-16.style11 {
    padding-top: 90px;
}

    .su-footer-16.style11 .mailchimp_widget .title {
        font-size: 24px;
        line-height: 28px;
        font-family: var(--jost-font);
    }

    .su-footer-16.style11 .mailchimp_widget .text {
        font-family: var(--jost-font);
        font-size: 16px;
    }

    .su-footer-16.style11 .mailchimp_widget .form-control {
        border-color: var(--gray-color);
        border-radius: 0;
    }

    .su-footer-16.style11 .mailchimp_widget .short-info {
        font-size: 14px;
        font-weight: 400;
        color: var(--theme-color9);
        font-family: var(--jost-font);
    }

    .su-footer-16.style11 .footer_qlink_widget ul li a {
        font-size: 15px;
        font-family: var(--jost-font);
        line-height: 35px;
    }

    .su-footer-16.style11 .copyright-widget .text {
        font-size: 15px;
        font-family: var(--jost-font);
        line-height: 24px;
    }

.su-footer-16.footer-12 {
    background: var(--black-color);
    padding-bottom: 40px;
}

    .su-footer-16.footer-12 .footer-top-info .footer-16-social li a {
        color: var(--white-color);
    }

    .su-footer-16.footer-12 .footer-top-info .left-info {
        max-width: 960px;
        width: 100%;
    }

    .su-footer-16.footer-12 .footer-top-info .right-info {
        position: relative;
        top: -12px;
        max-width: 535px;
    }

        .su-footer-16.footer-12 .footer-top-info .right-info .address {
            font-size: 18px;
            font-family: var(--dmsans-font);
            font-size: 18px;
            font-weight: 500;
            line-height: 35px;
        }

    .su-footer-16.footer-12 .footer_qlink_widget .title {
        font-family: var(--dmsans-font);
        font-size: 14px;
        font-weight: 500;
    }

    .su-footer-16.footer-12 .footer_qlink_widget li {
        font-family: var(--dmsans-font);
        font-size: 15px;
        line-height: 40px;
    }

        .su-footer-16.footer-12 .footer_qlink_widget li a {
            color: var(--white-color);
        }

    .su-footer-16.footer-12 .mailchimp_widget .title {
        font-family: var(--dmsans-font);
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 32px;
    }

    .su-footer-16.footer-12 .mailchimp_widget .text {
        font-family: var(--dmsans-font);
        font-size: 14px;
        font-weight: 400;
    }

    .su-footer-16.footer-12 .footer_mailchimp_form .form-control::-webkit-input-placeholder {
        color: var(--white-color);
    }

    .su-footer-16.footer-12 .footer_mailchimp_form .form-control::-moz-placeholder {
        color: var(--white-color);
    }

    .su-footer-16.footer-12 .footer_mailchimp_form .form-control:-ms-input-placeholder {
        color: var(--white-color);
    }

    .su-footer-16.footer-12 .footer_mailchimp_form .form-control::-ms-input-placeholder {
        color: var(--white-color);
    }

    .su-footer-16.footer-12 .footer_mailchimp_form .form-control::placeholder {
        color: var(--white-color);
    }

    .su-footer-16.footer-12 .footer-btm-info .select-wrapper {
        display: inline-block;
        position: relative;
    }

        .su-footer-16.footer-12 .footer-btm-info .select-wrapper button.btn {
            border: 1px solid rgba(255, 255, 255, 0.2);
            color: var(--white-color);
            font-family: var(--dmsans-font);
            font-size: 13px;
            font-weight: 400;
            line-height: 30px;
            border-radius: 0;
            height: 45px;
            cursor: pointer;
            padding-right: 30px;
        }

            .su-footer-16.footer-12 .footer-btm-info .select-wrapper button.btn::before {
                content: "";
                background-image: url("../images/home12/arrow-down.svg");
                width: 10px;
                height: 10px;
                position: absolute;
                right: 10px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                background-repeat: no-repeat;
            }

        .su-footer-16.footer-12 .footer-btm-info .select-wrapper .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
            top: 9px;
            color: #000;
        }

        .su-footer-16.footer-12 .footer-btm-info .select-wrapper .dropup .dropdown-toggle::after {
            display: none;
        }

.su-footer-16.footer-13 {
    background: var(--dark-color);
    padding: 60px 0 10px 0;
    position: relative;
    z-index: 99;
}

    .su-footer-16.footer-13 .footer-top-info .info-item {
        margin: 0 auto;
    }

        .su-footer-16.footer-13 .footer-top-info .info-item .title {
            font-size: 18px;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.9px;
        }

        .su-footer-16.footer-13 .footer-top-info .info-item .text {
            font-size: 15px;
            font-weight: 400;
            opacity: 0.5;
            line-height: 25px;
            letter-spacing: 0.75px;
        }

    .su-footer-16.footer-13 .footer_qlink_widget .title {
        font-size: 18px;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.9px;
    }

    .su-footer-16.footer-13 .footer_qlink_widget li {
        font-weight: 400;
        line-height: 30px;
        letter-spacing: 0.75px;
        text-transform: uppercase;
    }

        .su-footer-16.footer-13 .footer_qlink_widget li a {
            opacity: 0.5;
            -webkit-transition: all 0.4s ease-out 0s;
            transition: all 0.4s ease-out 0s;
        }

            .su-footer-16.footer-13 .footer_qlink_widget li a:hover {
                opacity: 1;
            }

    .su-footer-16.footer-13 .mailchimp_widget {
        max-width: 600px;
        margin: 0 auto;
    }

        .su-footer-16.footer-13 .mailchimp_widget .title {
            font-size: 18px;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.9px;
        }

@media (max-width: 575.98px) {
    .su-footer-16.footer-13 .mailchimp_widget .title {
        font-size: 16px;
    }
}

.su-footer-16.footer-13 .mailchimp_widget .form-control::-webkit-input-placeholder {
    border: 1px solid rgba(255, 255, 255, 0.2);
    font-family: var(--bebas-font);
    text-transform: uppercase;
    padding: 20px;
    font-size: 15px;
    font-weight: 400;
}

.su-footer-16.footer-13 .mailchimp_widget .form-control::-moz-placeholder {
    border: 1px solid rgba(255, 255, 255, 0.2);
    font-family: var(--bebas-font);
    text-transform: uppercase;
    padding: 20px;
    font-size: 15px;
    font-weight: 400;
}

.su-footer-16.footer-13 .mailchimp_widget .form-control:-ms-input-placeholder {
    border: 1px solid rgba(255, 255, 255, 0.2);
    font-family: var(--bebas-font);
    text-transform: uppercase;
    padding: 20px;
    font-size: 15px;
    font-weight: 400;
}

.su-footer-16.footer-13 .mailchimp_widget .form-control::-ms-input-placeholder {
    border: 1px solid rgba(255, 255, 255, 0.2);
    font-family: var(--bebas-font);
    text-transform: uppercase;
    padding: 20px;
    font-size: 15px;
    font-weight: 400;
}

.su-footer-16.footer-13 .mailchimp_widget .form-control,
.su-footer-16.footer-13 .mailchimp_widget .form-control::placeholder {
    border: 1px solid rgba(255, 255, 255, 0.2);
    font-family: var(--bebas-font);
    text-transform: uppercase;
    padding: 20px;
    font-size: 15px;
    font-weight: 400;
}

.su-footer-16.footer-13 .mailchimp_widget .input-field {
    height: 54px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 0 20px;
    color: var(--white-color);
    font-family: var(--bebas-font);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.75px;
    text-transform: uppercase;
}

    .su-footer-16.footer-13 .mailchimp_widget .input-field::-webkit-input-placeholder {
        opacity: 1;
        color: var(--white-color);
    }

    .su-footer-16.footer-13 .mailchimp_widget .input-field::-moz-placeholder {
        opacity: 1;
        color: var(--white-color);
    }

    .su-footer-16.footer-13 .mailchimp_widget .input-field:-ms-input-placeholder {
        opacity: 1;
        color: var(--white-color);
    }

    .su-footer-16.footer-13 .mailchimp_widget .input-field::-ms-input-placeholder {
        opacity: 1;
        color: var(--white-color);
    }

    .su-footer-16.footer-13 .mailchimp_widget .input-field::placeholder {
        opacity: 1;
        color: var(--white-color);
    }

.su-footer-16.footer-13 .mailchimp_widget .subscribe-btn {
    font-family: var(--bebas-font);
    font-size: 15px;
    font-weight: 400;
}

.su-footer-16.footer-13 .footer-btm-info {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-top: 10px;
}

    .su-footer-16.footer-13 .footer-btm-info .footer-16-social {
        margin-bottom: 0 !important;
    }

        .su-footer-16.footer-13 .footer-btm-info .footer-16-social li a {
            color: var(--white-color);
        }

    .su-footer-16.footer-13 .footer-btm-info .copyright {
        font-family: var(--bebas-font);
        font-weight: 400;
        line-height: 30px;
        letter-spacing: 0.7px;
        text-transform: uppercase;
    }

    .su-footer-16.footer-13 .footer-btm-info .select-wrapper {
        display: inline-block;
        position: relative;
    }

        .su-footer-16.footer-13 .footer-btm-info .select-wrapper button.btn {
            border: 0;
            color: var(--white-color);
            font-family: var(--bebas-font);
            color: var(--white-color);
            font-size: 14px;
            font-weight: 400;
            letter-spacing: 0.7px;
            text-transform: uppercase;
            line-height: 34px;
            border-radius: 0;
            height: unset;
            cursor: pointer;
            padding-right: 30px;
            text-transform: uppercase;
        }

.su-footer-16.footer-19 {
    padding: 90px 0 10px 0;
}

    .su-footer-16.footer-19 .mailchimp_widget_box {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .su-footer-16.footer-19 .mailchimp_widget {
        max-width: 446px;
    }

        .su-footer-16.footer-19 .mailchimp_widget .title {
            font-size: 36px;
            font-weight: 400;
            line-height: normal;
            margin-bottom: 22px;
        }

        .su-footer-16.footer-19 .mailchimp_widget .sub-title {
            font-size: 15px;
            font-weight: 400;
            line-height: 30px;
        }

        .su-footer-16.footer-19 .mailchimp_widget .input-field {
            color: var(--dark-color);
            font-family: var(--jakarta-font);
            font-size: 14px;
            line-height: 28px;
            text-transform: capitalize;
        }

            .su-footer-16.footer-19 .mailchimp_widget .input-field::-webkit-input-placeholder {
                color: var(--dark-color);
            }

            .su-footer-16.footer-19 .mailchimp_widget .input-field::-moz-placeholder {
                color: var(--dark-color);
            }

            .su-footer-16.footer-19 .mailchimp_widget .input-field:-ms-input-placeholder {
                color: var(--dark-color);
            }

            .su-footer-16.footer-19 .mailchimp_widget .input-field::-ms-input-placeholder {
                color: var(--dark-color);
            }

            .su-footer-16.footer-19 .mailchimp_widget .input-field::placeholder {
                color: var(--dark-color);
            }

        .su-footer-16.footer-19 .mailchimp_widget .subscribe-btn {
            font-size: 13px;
            font-weight: 600;
            font-family: var(--jakarta-font);
        }

    .su-footer-16.footer-19 .logo_widget {
        max-width: 240px;
    }

@media (max-width: 991.98px) {
    .su-footer-16.footer-19 .logo_widget {
        max-width: 100%;
    }
}

.su-footer-16.footer-19 .logo_widget .text {
    font-family: var(--jost-font);
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
}

.su-footer-16.footer-19 .logo_widget li a {
    opacity: 1;
}

.su-footer-16.footer-19 .footer_qlink_widget .title {
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
}

.su-footer-16.footer-19 .footer_qlink_widget li {
    font-family: var(--jost-font);
    font-size: 15px;
    font-weight: 400;
    line-height: 40px;
    text-transform: unset;
}

    .su-footer-16.footer-19 .footer_qlink_widget li a {
        opacity: 1;
    }

.su-footer-16.footer-19 .footer-btm-info .select-wrapper button.btn {
    padding-left: 0;
    font-family: var(--jost-font);
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    text-transform: unset;
}

.su-footer-16.footer-19 .footer-btm-info .copyright {
    text-transform: unset;
    font-family: var(--jost-font);
    font-size: 13px;
}

.su-footer-16 .big-text {
    top: 142px;
    z-index: -1;
}

.footer-16-social {
    gap: 20px;
    row-gap: 0px;
    margin-bottom: 22px !important;
}

@media (max-width: 1399.98px) {
    .footer-16-social {
        gap: 14px;
    }
}

/*  Footer 18 Style  */
.home18-style .footer_contact_widget .title {
    color: var(--dark-color5);
    font-family: var(--jost-font);
}

.home18-style .footer_contact_widget .info {
    color: var(--dark-color5);
    font-family: var(--jost-font);
    font-size: 15px;
    line-height: 2;
}

.home18-style .footer_mailchimp_form .form-control {
    border: 1px solid var(--gray-color);
    color: var(--dark-color5);
    font-size: 14px;
    font-weight: 400;
    height: 54px;
    padding: 0px 140px 0px 20px;
    text-transform: capitalize;
    width: 100%;
}

    .home18-style .footer_mailchimp_form .form-control::-webkit-input-placeholder {
        color: var(--dark-color5);
        text-transform: capitalize;
    }

    .home18-style .footer_mailchimp_form .form-control:-moz-placeholder {
        color: var(--dark-color5);
        text-transform: capitalize;
    }

    .home18-style .footer_mailchimp_form .form-control::-moz-placeholder {
        color: var(--dark-color5);
        text-transform: capitalize;
    }

    .home18-style .footer_mailchimp_form .form-control:-ms-input-placeholder {
        color: var(--dark-color5);
        text-transform: capitalize;
    }

.home18-style .footer_mailchimp_form .subscribe-btn {
    background: transparent;
    border: none;
    color: var(--dark-color);
    height: 100%;
    padding: 10px 20px;
}

.home18-style .footer_qlink_widget .title {
    color: var(--dark-color5);
    font-family: var(--jost-font);
    font-size: 16px;
    line-height: 1.44;
}

.home18-style .footer_qlink_widget ul li a {
    color: var(--dark-color5);
    font-family: var(--jost-font);
    font-size: 15px;
    line-height: 2.66;
}

.global-inner-footer.footer-12 .footer_qlink_widget .title {
    font-family: var(--jakarta-font);
    font-size: 13px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.26px;
}

.global-inner-footer.footer-12 .footer_qlink_widget li {
    font-family: var(--jakarta-font);
    font-size: 13px;
    font-weight: 400;
    line-height: 32px;
}

.global-inner-footer.footer-12 .mailchimp_widget .text {
    font-family: var(--jakarta-font);
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
}

.global-inner-footer.footer-12 .footer-btm-info {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

    .global-inner-footer.footer-12 .footer-btm-info .select-wrapper button.btn {
        border: 0;
        color: var(--white-color);
        font-family: var(--jakarta-font);
        font-size: 13px;
        font-weight: 400;
        line-height: 26px;
        border-radius: 0;
        height: unset;
        cursor: pointer;
        padding-right: 30px;
    }

.footer-top-social-wrapper.style22 .footer_social_widget {
    text-align: center;
}

    .footer-top-social-wrapper.style22 .footer_social_widget ul {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 30px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .footer-top-social-wrapper.style22 .footer_social_widget ul li a {
            color: var(--grayish-orange);
        }

.main-footer-container-wrapper.style22 {
    background-color: #241E17;
}

    .main-footer-container-wrapper.style22 .footer-quick-link-wrapper.style22 {
        padding: 80px 0 70px 0;
    }

        .main-footer-container-wrapper.style22 .footer-quick-link-wrapper.style22 .footer_qlink_widget .title,
        .main-footer-container-wrapper.style22 .footer-quick-link-wrapper.style22 .footer_qlink_widget h6 {
            color: var(--grayish-orange);
            font-size: 18px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            text-transform: uppercase;
        }

        .main-footer-container-wrapper.style22 .footer-quick-link-wrapper.style22 .footer_qlink_widget .text {
            color: var(--grayish-orange);
            font-size: 13px;
            font-style: normal;
            font-weight: 400;
            line-height: 30px;
            padding-bottom: 20px;
        }

        .main-footer-container-wrapper.style22 .footer-quick-link-wrapper.style22 .footer_qlink_widget .footer-contact {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            .main-footer-container-wrapper.style22 .footer-quick-link-wrapper.style22 .footer_qlink_widget .footer-contact a {
                color: var(--grayish-orange);
                font-size: 13px;
                font-style: normal;
                font-weight: 400;
                line-height: 30px;
            }

        .main-footer-container-wrapper.style22 .footer-quick-link-wrapper.style22 .footer_qlink_widget li a {
            color: var(--grayish-orange);
            font-size: 13px;
            font-style: normal;
            font-weight: 400;
            line-height: 40px;
        }

        .main-footer-container-wrapper.style22 .footer-quick-link-wrapper.style22 .mailchimp_widget .title,
        .main-footer-container-wrapper.style22 .footer-quick-link-wrapper.style22 .mailchimp_widget h6 {
            color: var(--grayish-orange);
            font-size: 18px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            text-transform: uppercase;
        }

        .main-footer-container-wrapper.style22 .footer-quick-link-wrapper.style22 .mailchimp_widget .footer_mailchimp_form {
            margin-top: 46px;
        }

            .main-footer-container-wrapper.style22 .footer-quick-link-wrapper.style22 .mailchimp_widget .footer_mailchimp_form .form-control {
                border-color: var(--grayish-orange);
                color: var(--grayish-orange);
            }

            .main-footer-container-wrapper.style22 .footer-quick-link-wrapper.style22 .mailchimp_widget .footer_mailchimp_form input::-webkit-input-placeholder {
                color: var(--grayish-orange);
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                line-height: 40px;
            }

            .main-footer-container-wrapper.style22 .footer-quick-link-wrapper.style22 .mailchimp_widget .footer_mailchimp_form input::-moz-placeholder {
                color: var(--grayish-orange);
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                line-height: 40px;
            }

            .main-footer-container-wrapper.style22 .footer-quick-link-wrapper.style22 .mailchimp_widget .footer_mailchimp_form input:-ms-input-placeholder {
                color: var(--grayish-orange);
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                line-height: 40px;
            }

            .main-footer-container-wrapper.style22 .footer-quick-link-wrapper.style22 .mailchimp_widget .footer_mailchimp_form input::-ms-input-placeholder {
                color: var(--grayish-orange);
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                line-height: 40px;
            }

            .main-footer-container-wrapper.style22 .footer-quick-link-wrapper.style22 .mailchimp_widget .footer_mailchimp_form input::placeholder {
                color: var(--grayish-orange);
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                line-height: 40px;
            }

            .main-footer-container-wrapper.style22 .footer-quick-link-wrapper.style22 .mailchimp_widget .footer_mailchimp_form .subscribe-btn {
                color: var(--grayish-orange);
                font-size: 13px;
                font-style: normal;
                font-weight: 600;
                line-height: normal;
                letter-spacing: 0.26px;
                top: 0;
            }

    .main-footer-container-wrapper.style22 .copyright-widget.style22 {
        padding: 40px 0;
    }

        .main-footer-container-wrapper.style22 .copyright-widget.style22 .text {
            color: var(--grayish-orange);
            font-size: 13px;
            font-style: normal;
            font-weight: 400;
            line-height: 24px;
        }

/*  Footer 23 Style  */
.footer-wrapper.style23 {
    border-top: 1px solid var(--gray-color);
    padding-top: 84px;
}

    .footer-wrapper.style23 .footer_input_widget-wrapper.style23 {
        margin-right: 60px;
    }

        .footer-wrapper.style23 .footer_input_widget-wrapper.style23 .title {
            color: var(--dark-color);
            font-style: normal;
            font-weight: 400;
            letter-spacing: 0.03em;
            margin-bottom: 24px;
            font-size: clamp(24px, 3.12vw, 40px);
            line-height: 1.25;
        }

        .footer-wrapper.style23 .footer_input_widget-wrapper.style23 .footer_mailchimp_form .form-control {
            border: none;
            border-bottom: 1px solid var(--text-color);
            border-radius: 0;
            margin-left: 14px;
            padding-left: 0;
        }

        .footer-wrapper.style23 .footer_input_widget-wrapper.style23 .footer_mailchimp_form .submit-btn {
            background-color: rgba(0, 0, 0, 0);
            color: var(--dark-color);
            font-family: var(--jakarta-font);
            font-size: 13px;
            font-weight: 600;
            letter-spacing: 0em;
            line-height: 16px;
            position: absolute;
            right: 0px;
            top: 0;
        }

        .footer-wrapper.style23 .footer_input_widget-wrapper.style23 .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
            width: 100px;
        }

        .footer-wrapper.style23 .footer_input_widget-wrapper.style23 .bootstrap-select button.btn {
            font-size: 14px;
            font-weight: 400;
            line-height: 30px;
            margin-top: 150px;
            width: 100px;
        }

@media (max-width: 1399.98px) {
    .footer-wrapper.style23 .footer_input_widget-wrapper.style23 .bootstrap-select button.btn {
        margin-top: 100px;
    }
}

@media (max-width: 767.98px) {
    .footer-wrapper.style23 .footer_input_widget-wrapper.style23 .bootstrap-select button.btn {
        margin-top: 50px;
        margin-bottom: 50px;
    }
}

.footer-wrapper.style23 .footer_input_widget-wrapper .footer_bottom_left_widgets.style23 .select2 button.btn {
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    width: 166px !important;
}

.footer-wrapper.style23 .footer_input_widget-wrapper .footer_bottom_left_widgets.style23 button.btn {
    border: 1px solid var(--gray-color);
    border-radius: 0;
}

.footer-wrapper.style23 .footer_qlink_widget .title {
    color: var(--dark-color);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 18px;
    text-transform: uppercase;
}

.footer-wrapper.style23 .footer_qlink_widget .list-unstyled li a {
    color: var(--dark-color);
    font-family: var(--dmsans-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
}

.copyright-wrapper.style23 .copyright-widget .title,
.copyright-wrapper.style23 .copyright-widget .text {
    color: var(--dark-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.copyright-wrapper.style23 .copyright-social-wrapper ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 30px;
}

    .copyright-wrapper.style23 .copyright-social-wrapper ul li a {
        font-size: 14px;
        color: var(--black-color);
    }

/* Navbar Left */

.left-list-item {
    text-align: start;
}

    .left-list-item svg {
        color: var(--white-color);
    }

.left .left-text {
    color: var(--white-color);
    font-family: var(--body-font);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0px;
}

/* Anasayfa misyon & vizyon */

.categories-9-area .collection-9-item {
    position: relative;
    width: 100%;
    height: 440px;
    overflow: hidden;
}

    .categories-9-area .collection-9-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

/* swiper product card */
.su-product-4-card .product-img {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    /* Kare oran */
    overflow: hidden;
}

    .su-product-4-card .product-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

/* Page Title */
.common-banner {
    position: relative;
    background-size: cover;
    background-position: center;
    min-height: 300px;
    color: #fff;
    z-index: 1;
    height: 400px;
}

    .common-banner .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.45);
        /* %45 karartma */
        z-index: 0;
    }

    .common-banner .container-fluid {
        position: relative;
        z-index: 2;
    }

/* Brands */

.su-brands-area img {
    filter: grayscale(100%) brightness(85%);
    transition: all 0.3s ease-in-out;
    opacity: 0.7;
}

    .su-brands-area img:hover {
        filter: grayscale(0%) brightness(100%);
        opacity: 1;
    }

/* Misyon */
.banner18-items .image {
    height: 100%;
    overflow: hidden;
}

.banner18-items .image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Product List */

.collection-style.collection-3 .products {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    gap: 20px;
    padding: 40px 0;
}

/* Kartlar: en fazla 5 sütun, en az 2 sütun; tek kart çok genişlemesin */
.collection-style.collection-3 .products {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    justify-content: start;
    padding: 40px 0;
}

/* En fazla 4 sütun, en az 2 sütun olacak şekilde sınırla */
@media (min-width: 1600px) {
    .collection-style.collection-3 .products {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 992px) {
    .collection-style.collection-3 .products {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .collection-style.collection-3 .products {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Kart stili */
.collection-style.collection-3 .products .product-card {
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

    /* Görsel alanı */
    .collection-style.collection-3 .products .product-card .product-img {
        width: 100%;
        aspect-ratio: 1 / 1;
        overflow: hidden;
    }

        .collection-style.collection-3 .products .product-card .product-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

/* Product Card */

.su-product-4-card.product-card-15.product-card-6.border-0.card-product {
    max-height: 700px
}


.su-product-15-area .container-fluid.container-1830 {
    overflow-x: auto;
}

.su-product-15-area .item {
    width: 350px;
    height: 450px;
}

/* Katalog */

@media (max-width: 1440px) {
    .catalog .container {
        max-width: 1200px;
    }
}

.catalog-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 30px;
    justify-items: center;
    align-items: center;
}

.catalog-card {
    background: var(--theme-color9);
    border-radius: 5px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    text-align: center;
    padding: 40px 20px;
    transition: all 0.3s ease;
    width: 100%;
    max-width: 280px;
}

    .catalog-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
    }

.catalog-icon {
    color: var(--white-color);
    padding-block-start: 15px;
    padding-block-end: 25px;
}

    .catalog-icon svg {
        width: 100px;
        height: 100px;
    }

.catalog-title {
    font-size: 18px;
    font-weight: 400;
    color: var(--white-color);
    text-transform: capitalize;
    padding-block-start: 50px;
}

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

@media (max-width: 480px) {
    .catalog-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

/* Ekmek Kırıntısı */

.common-banner .common-banner-wrapper a {
    color: var(--white-color);
}

    .common-banner .common-banner-wrapper a:hover {
        opacity: .8;
    }