/*!
 * 	Theme Variables
 * ----------------------------------------------- */
                
                 :root {
                    --body-font-family: 'Archivo', sans-serif;
                    --heading-font-family: 'Frank Ruhl Libre', sans-serif;
                    --sec-btn-font-family: 'Lato', sans-serif;
                    --body-font-size: 18px;
                    --button-font-size: 16px;
                    --body-font-weight: 400;
                    --body-line-height: 1.45;
                    --button-font-weight: 700;
                    --heading-font-weight: 700;
                    --body-font-color: #34251F;
                    --heading-font-color: #34251F;
                    --link-font-color: #222426;
                    --link-hover-font-color: #E98D0E;
                    --base-color: #E98D0E;
                    --white-color: #fff;
                    --primary-btn-color: #ffffff;
                    --secondry-btn-color: #E98D0E;
                    --tp-bg: transparent;
                }
                /*!
 *	Common
 * ----------------------------------------------- */
                
                *,
                *::before,
                *::after {
                    box-sizing: border-box;
                }
                
                html {
                    font-family: sans-serif;
                    line-height: 1.15;
                    -webkit-text-size-adjust: 100%;
                    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
                }
                
                article,
                aside,
                figcaption,
                figure,
                footer,
                header,
                hgroup,
                main,
                nav,
                section {
                    display: block;
                }
                
                [tabindex="-1"]:focus:not(:focus-visible) {
                    outline: 0 !important;
                }
                
                hr {
                    box-sizing: content-box;
                    height: 0;
                    overflow: visible;
                }
                
                body {
                    margin: 0;
                    font-family: var(--body-font-family);
                    font-size: var(--body-font-size);
                    color: var(--body-font-color);
                    line-height: var(--body-line-height);
                    font-weight: var(--body-font-weight);
                    background-color: var(--white-color);
                    text-align: left;
                }
                
                img {
                    max-width: 100%
                }
                
                li {
                    list-style-type: none;
                }
                
                a {
                    color: var(--link-font-color);
                    text-decoration: none;
                    -webkit-transition: all .5s;
                    transition: all .5s;
                }
                
                a:hover {
                    color: var(--link-hover-font-color);
                }
                
                p {
                    margin-top: 0;
                    margin-bottom: 24px;
                }
                
                p:last-child {
                    margin-bottom: 0;
                }
                
                abbr[title],
                abbr[data-original-title] {
                    text-decoration: underline;
                    -webkit-text-decoration: underline dotted;
                    text-decoration: underline dotted;
                    cursor: help;
                    border-bottom: 0;
                    -webkit-text-decoration-skip-ink: none;
                    text-decoration-skip-ink: none;
                }
                
                address {
                    font-style: normal;
                    line-height: inherit;
                }
                
                ol,
                ul,
                dl {
                    margin-top: 0;
                    margin-bottom: 24px;
                }
                
                ol,
                ul {
                    margin-bottom: 0;
                }
                
                dt {
                    font-weight: 700;
                }
                
                dd {
                    margin-bottom: .5rem;
                    margin-left: 0;
                }
                
                blockquote {
                    margin: 0 0 24px;
                }
                
                b,
                strong {
                    font-weight: bold;
                }
                
                small {
                    font-size: 80%;
                }
                
                sub,
                sup {
                    position: relative;
                    font-size: 75%;
                    line-height: 0;
                    vertical-align: baseline;
                }
                
                sub {
                    bottom: -.25em;
                }
                
                sup {
                    top: -.5em;
                }
                
                a:not([href]):not([class]),
                a:not([href]):not([class]):hover {
                    color: inherit;
                    text-decoration: none;
                }
                
                pre,
                code,
                kbd,
                samp {
                    font-size: 1em;
                }
                
                pre {
                    margin-top: 0;
                    margin-bottom: 16px;
                    overflow: auto;
                    -ms-overflow-style: scrollbar;
                }
                
                figure {
                    margin: 0 0 16px;
                }
                
                img {
                    vertical-align: middle;
                    border-style: none;
                }
                
                svg {
                    overflow: hidden;
                    vertical-align: middle;
                }
                
                table {
                    border-collapse: collapse;
                }
                
                caption {
                    padding-top: 12px;
                    padding-bottom: 12px;
                    text-align: left;
                    caption-side: bottom;
                }
                
                th {
                    text-align: inherit;
                    text-align: -webkit-match-parent;
                }
                
                label {
                    display: inline-block;
                    margin-bottom: 0.5rem;
                }
                
                button {
                    border-radius: 0;
                }
                
                button:focus {
                    outline: 1px dotted;
                    outline: 5px auto -webkit-focus-ring-color;
                }
                
                input,
                button,
                select,
                optgroup,
                textarea {
                    margin: 0;
                    font-family: inherit;
                    font-size: inherit;
                    line-height: inherit;
                }
                
                button,
                input {
                    overflow: visible;
                }
                
                button,
                select {
                    text-transform: none;
                }
                
                [role="button"] {
                    cursor: pointer;
                }
                
                select {
                    word-wrap: normal;
                }
                
                button,
                [type="button"],
                [type="reset"],
                [type="submit"] {
                    -webkit-appearance: button;
                }
                
                button:not(:disabled),
                [type="button"]:not(:disabled),
                [type="reset"]:not(:disabled),
                [type="submit"]:not(:disabled) {
                    cursor: pointer;
                }
                
                button::-moz-focus-inner,
                [type="button"]::-moz-focus-inner,
                [type="reset"]::-moz-focus-inner,
                [type="submit"]::-moz-focus-inner {
                    padding: 0;
                    border-style: none;
                }
                
                input[type="radio"],
                input[type="checkbox"] {
                    box-sizing: border-box;
                    padding: 0;
                }
                
                textarea {
                    overflow: auto;
                    resize: vertical;
                }
                
                fieldset {
                    min-width: 0;
                    padding: 0;
                    margin: 0;
                    border: 0;
                }
                
                legend {
                    display: block;
                    width: 100%;
                    max-width: 100%;
                    padding: 0;
                    margin-bottom: 8px;
                    font-size: 24px;
                    line-height: inherit;
                    color: inherit;
                    white-space: normal;
                }
                
                progress {
                    vertical-align: baseline;
                }
                
                [type="number"]::-webkit-inner-spin-button,
                [type="number"]::-webkit-outer-spin-button {
                    height: auto;
                }
                
                [type="search"] {
                    outline-offset: -2px;
                    -webkit-appearance: none;
                }
                
                [type="search"]::-webkit-search-decoration {
                    -webkit-appearance: none;
                }
                
                 ::-webkit-file-upload-button {
                    font: inherit;
                    -webkit-appearance: button;
                }
                
                output {
                    display: inline-block;
                }
                
                summary {
                    display: list-item;
                    cursor: pointer;
                }
                
                template {
                    display: none;
                }
                
                [hidden] {
                    display: none !important;
                }
                
                code {
                    font-size: 87.5%;
                    color: #e83e8c;
                    word-wrap: break-word;
                }
                
                a>code {
                    color: inherit;
                }
                
                kbd {
                    padding: 4px 8px;
                    font-size: 87.5%;
                    color: #fff;
                    background-color: #212529;
                    border-radius: 2px;
                }
                
                kbd kbd {
                    padding: 0;
                    font-size: 100%;
                    font-weight: 700;
                }
                
                pre {
                    display: block;
                    font-size: 87.5%;
                    color: #212529;
                }
                
                pre code {
                    font-size: inherit;
                    color: inherit;
                    word-break: normal;
                }
                
                blockquote {
                    font-size: 28px;
                    font-weight: 600;
                    color: #000103;
                    padding-left: 32px;
                    border-left: 6px solid #ffb424;
                    margin-top: 64px;
                    margin-bottom: 64px;
                }
                
                #wrapper {
                    overflow: hidden;
                    position: relative;
                }
                
                h1,
                h2,
                h3,
                h4,
                h5,
                h6,
                .h1,
                .h2,
                .h3,
                .h4,
                .h5,
                .h6 {
                    font-family: var(--heading-font-family);
                    color: var(--heading-font-color);
                    font-weight: var(--heading-font-weight);
                    margin-bottom: 0;
                    line-height: 1;
                }
                
                h1,
                .h1 {
                    font-size: 78px;
                }
                
                h2,
                .h2 {
                    font-size: 48px;
                }
                
                h3,
                .h3 {
                    font-size: 40px;
                }
                
                h4,
                .h4 {
                    font-size: 32px;
                }
                
                h5,
                .h5 {
                    font-size: 28px;
                }
                
                h6,
                .h6 {
                    font-size: 18px;
                    line-height: 27px;
                }
                
                .section {
                    padding-top: 50px;
                    padding-bottom: 50px;
                }
                /*!
 *	Spacing
 * ----------------------------------------------- */
                
                .ml-auto,
                .mx-auto {
                    margin-left: auto !important;
                }
                
                .mr-auto,
                .mx-auto {
                    margin-right: auto !important;
                }
                
                .mt-0 {
                    margin-top: 0 !important;
                }
                
                .mt-30 {
                    margin-top: 30px !important;
                }
                
                .mt-48 {
                    margin-top: 48px !important;
                }
                
                .mt-64 {
                    margin-top: 64px !important;
                }
                
                .mt-72 {
                    margin-top: 72px !important;
                }
                
                .mb-0 {
                    margin-bottom: 0 !important;
                }
                
                .mb-10 {
                    margin-bottom: 10px !important;
                }
                
                .mb-24 {
                    margin-bottom: 24px !important;
                }
                
                .mb-30 {
                    margin-bottom: 30px !important;
                }
                
                .mb-48 {
                    margin-bottom: 48px !important;
                }
                
                .mb-64 {
                    margin-bottom: 64px !important;
                }
                
                .mb-100 {
                    margin-bottom: 100px !important;
                }
                
                .pt-0 {
                    padding-top: 0 !important;
                }
                
                .text-white {
                    color: #fff !important;
                }
                
                .text-dark {
                    color: #222426 !important;
                }
                
                .text-yellow {
                    color: #ffb424 !important;
                }
                
                .text-center {
                    text-align: center !important;
                }
                /*!
 *	Grid System
 * ----------------------------------------------- */
                
                .container,
                .container-fuild {
                    width: 100%;
                    padding-left: 15px;
                    padding-right: 15px;
                }
                
                .container *,
                .container-fuild * {
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                }
                
                .container {
                    max-width: 1140px;
                    margin-left: auto;
                    margin-right: auto;
                }
                
                .row {
                    margin-left: -15px;
                    margin-right: -15px;
                    display: -webkit-flex;
                    display: -moz-flex;
                    display: -ms-flex;
                    display: -o-flex;
                    display: flex;
                    flex-wrap: wrap;
                }
                
                .clearfix:after {
                    content: "";
                    display: table;
                    clear: both;
                }
                
                [class*='col-'] {
                    min-height: 1px;
                    padding-left: 15px;
                    padding-right: 15px;
                }
                
                .col-1 {
                    max-width: 8.33333333%;
                    flex: 0 0 8.33333333%;
                }
                
                .col-2 {
                    max-width: 16.66666667%;
                    flex: 0 0 16.66666667%;
                }
                
                .col-3 {
                    max-width: 25%;
                    flex: 0 0 25%;
                }
                
                .col-4 {
                    max-width: 33.33333333%;
                    flex: 0 0 33.33333333%;
                }
                
                .col-5 {
                    max-width: 41.66666667%;
                    flex: 0 0 41.66666667%;
                }
                
                .col-6 {
                    max-width: 50%;
                    flex: 0 0 50%;
                }
                
                .col-7 {
                    max-width: 58.33333333%;
                    flex: 0 0 58.33333333%;
                }
                
                .col-8 {
                    max-width: 66.66666667%;
                    flex: 0 0 66.66666667%;
                }
                
                .col-9 {
                    max-width: 75%;
                    flex: 0 0 75%;
                }
                
                .col-10 {
                    max-width: 83.33333333%;
                    flex: 0 0 83.33333333%;
                }
                
                .col-11 {
                    max-width: 91.66666667%;
                    flex: 0 0 91.66666667%;
                }
                
                .col-12 {
                    max-width: 100%;
                    flex: 0 0 100%;
                }
                
                .no-guttor {
                    margin-right: 0;
                    margin-left: 0;
                }
                
                .no-guttor>[class*='col-'] {
                    padding-right: 0;
                    padding-left: 0;
                }
                
                .flex-reverse {
                    -webkit-flex-direction: row-reverse;
                    -moz-flex-direction: row-reverse;
                    -ms-flex-direction: row-reverse;
                    -o-flex-direction: row-reverse;
                    flex-direction: row-reverse;
                }
                
                .align-center {
                    -ms-align-items: center;
                    align-items: center;
                }
                /*!
 *	Form Styling
 * ----------------------------------------------- */
                
                .btn {
                    display: inline-block;
                    padding: 14px 32px;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    background-color: var(--base-color);
                    font-family: var(--body-font-family);
                    font-size: var(--button-font-size);
                    font-weight: var(--button-font-weight);
                    border: 1px solid transparent;
                    cursor: pointer;
                    -webkit-transition: 400ms ease-out;
                    transition: all .3s;
                    line-height: 1;
                    text-align: center;
                    border-radius: 1px;
                    color: var(--white-color);
                    text-transform: uppercase;
                }
                
                .btn:focus {
                    outline: none;
                }
                
                .btn--block {
                    width: 100%;
                    display: block;
                }
                
                .btn-primary {
                    padding: 16px 42px;
                    font-weight: 600;
                }
                
                .btn:hover {
                    background-color: var(--link-hover-font-color);
                    border-color: var(--link-hover-font-color);
                    color: var(--primary-btn-color);
                }
                
                .btn-secondry {
                    background-color: var(--tp-bg);
                    border: 1px solid var(--body-font-color);
                    color: var(--body-font-color);
                    font-family: var(--sec-btn-font-family);
                    letter-spacing: 1px;
                    line-height: 14px;
                    font-size: 14px;
                }
                
                .btn-secondry:hover {
                    background-color: var(--link-hover-font-color);
                    border-color: var(--link-hover-font-color);
                    color: var(--primary-btn-color);
                    cursor: pointer;
                }
                
                .border-base {
                    border-color: var(--base-color);
                }
                
                .form-control {
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    width: 100%;
                    border: 1px solid #707070;
                    height: 44px;
                    padding: 8px 16px;
                    background-color: #fff;
                    font-family: var(--body-font-family);
                    font-size: var(--body-font-size);
                    color: var(--body-font-color);
                }
                
                .form-control:focus {
                    border-color: #1a1a1a;
                    outline: none;
                }
                
                textarea.form-control {
                    height: auto;
                }
                
                .form-group {
                    margin-bottom: 20px;
                    position: relative;
                }
                /*!
 *	Start here
 * ----------------------------------------------- */
                /* header css  */
                
                .site-header {
                    padding-top: 20px;
                    padding-bottom: 20px;
                    width: 100%;
                    padding: 60px 0;
                    position: absolute;
                    left: 0;
                    top: 0;
                    z-index: 10;
                }
                
                .sticky {
                    position: fixed;
                    top: 0;
                    left: 0;
                    width: 100%;
                    padding: 10px;
                    z-index: 9999;
                    animation: sticky-header-animation 0.5s ease forwards;
                }
                
                @keyframes sticky-header-animation {
                    from {
                        transform: translateY(-100%);
                    }
                    to {
                        transform: translateY(0);
                    }
                }
                
                .sticky .header--container {
                    border-radius: 25px;
                    margin-top: 40px;
                    padding: 14px 25px;
                }
                
                .header--container {
                    display: -webkit-flex;
                    display: -moz-flex;
                    display: -ms-flex;
                    display: -o-flex;
                    display: flex;
                    -ms-align-items: center;
                    align-items: center;
                    justify-content: space-between;
                    background-color: #FFF9EF;
                    padding: 10px 20px;
                    border-radius: 25px;
                }
                
                .site-logo {
                    height: 100%;
                    position: relative;
                    width: 150px;
                }
                
                .site-logo a {
                    position: absolute;
                    left: 0;
                    bottom: -11px;
                }
                
                .logo-nav {
                    display: flex;
                    align-items: center;
                }
                
                .navbar ul {
                    display: flex;
                }
                
                .navbar ul li {
                    list-style-type: none;
                    margin-left: 40px;
                }
                
                .navbar ul li a {
                    text-transform: capitalize;
                    font-size: 16px;
                    font-weight: 600;
                }
                
                .header-btn {
                    display: flex;
                    align-items: center;
                    gap: 40px;
                }
                /* header css end */
                /* hero section start */
                
                .hero__content {
                    margin-top: 20px;
                }
                
                .hero__content p {
                    font-size: 22px;
                }
                
                .hero__btn {
                    margin-top: 40px;
                }
                
                .section--hero {
                    background-color: #EEDDCC;
                    position: relative;
                    padding-top: 180px;
                    padding-bottom: 40px;
                    overflow: hidden;
                }
                
                .section--hero .container,
                .section--about .container,
                .section--product .container {
                    position: relative;
                }
                
                .section--hero .container::after {
                    content: url('../images/pngtree-pecock.png');
                    position: absolute;
                    left: -30%;
                    top: -30%;
                    width: 100%;
                    height: 100%;
                    z-index: 1;
                    background-blend-mode: luminosity;
                    filter: grayscale(100%);
                }
                
                .section--hero .container::before {
                    content: url('../images/pngtree-pecock-1.png');
                    position: absolute;
                    right: -64%;
                    bottom: -34%;
                    width: 100%;
                    height: 100%;
                    z-index: 1;
                    background-blend-mode: luminosity;
                    filter: grayscale(100%);
                }
                
                .hero__img {
                    max-height: 600px;
                    width: 100%;
                    justify-self: right;
                }
                
                .hero__img img,
                .about__img img {
                    border-radius: 100px 0;
                }
                
                .swiper-pagination-bullet {
                    width: 13px;
                    height: 13px;
                    background-color: transparent;
                    border: 1px solid #FF8000;
                    opacity: 1;
                    transition: 300ms ease-in-out;
                }
                
                .swiper-pagination-bullet-active {
                    background-color: #FF8000;
                }
                
                .swiper-hero {
                    padding-bottom: 50px;
                    position: relative;
                    z-index: 2;
                }
                
                .swiper-pagination {
                    position: absolute;
                    bottom: 0px !important;
                    top: unset !important;
                }
                /* hero section end */
                /* collection section start */
                
                .section-heading {
                    margin-bottom: 40px;
                }
                
                .section-heading h2 {
                    margin-top: 0;
                }
                
                .section--collection .section-heading h2,
                .section--arrivals .section-heading h2 {
                    line-height: 68px;
                }
                
                .collection__img {
                    position: relative;
                    overflow: hidden;
                }
                
                .collection__img img {
                    object-fit: cover;
                    border-radius: 5px;
                    transition: 400ms ease-in-out;
                }
                
                .collection__content {
                    position: absolute;
                    left: 0;
                    bottom: 20px;
                    max-width: 100%;
                    width: 92%;
                    background-color: #fff;
                    padding: 10px;
                    text-align: center;
                    margin: 0 15px;
                    z-index: 2;
                    font-weight: 700;
                }
                
                .collection__img img:hover {
                    transform: scale(1.05);
                }
                
                .collection__img a:hover {
                    color: var(--body-font-color);
                }
                /* collection section end */
                /* about section start */
                
                .section--about {
                    position: relative;
                    overflow: hidden;
                    padding-bottom: 137px;
                }
                
                .section--about .container::before {
                    content: url('../images/about-bg.png');
                    position: absolute;
                    left: -23%;
                    bottom: -40%;
                    width: 100%;
                    height: 100%;
                    z-index: 0;
                    opacity: 0.1;
                    filter: grayscale(100%);
                }
                
                .section--about .row {
                    justify-content: space-between;
                    position: relative;
                }
                
                .about--detail {
                    display: flex;
                    gap: 150px;
                    margin-top: 40px;
                    position: absolute;
                    right: 0;
                    bottom: 0;
                    background-color: #ffffff;
                    padding: 45px 30px;
                    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
                }
                
                .odometer {
                    margin: 0;
                    font-family: var(--body-font-family);
                }
                
                .about_detail_block {
                    text-align: center;
                }
                
                .about_detail_block {
                    position: relative;
                    padding-right: 15px;
                }
                
                .about--detail> :nth-child(1)::after,
                .about--detail>:nth-child(2)::after {
                    content: "";
                    height: 1px;
                    width: 45px;
                    position: absolute;
                    right: -61%;
                    z-index: 2;
                    top: 50%;
                    transform: rotate(90deg);
                    background-color: rgba(52, 37, 31, 0.2);
                }
                /* about section end */
                /* product section start */
                
                .product__img img {
                    object-fit: cover;
                }
                
                .section--product {
                    background-color: #356662;
                    position: relative;
                    padding-top: 85px;
                    overflow: hidden;
                }
                
                .section--product .container::before {
                    content: url("../images/product-bg.png");
                    position: absolute;
                    z-index: 1;
                    left: -31%;
                    bottom: -10%;
                    filter: grayscale(100%);
                }
                
                .section--product .section-heading,
                .section--product .section-heading h2,
                .section--product .section-heading a {
                    color: #fff;
                }
                
                .section--product .section-heading p {
                    margin: 20px 0;
                }
                
                .swiper-product .swiper-slide {
                    margin: 0 10px!important;
                    background-color: #ffffff;
                }
                
                .product__content {
                    padding: 35px 25px;
                }
                
                .product__content p {
                    margin: 0;
                }
                
                .section--product .section-heading {
                    align-self: center;
                }
                
                .section--product .row {
                    align-items: center;
                }
                
                .product__price span,
                .product__content p {
                    font-weight: 600;
                }
                
                .discount {
                    color: rgba(0, 0, 0, 0.20);
                    text-decoration: line-through;
                }
                
                .swiper-product {
                    padding-bottom: 25px;
                }
                
                .swiper-product .swiper-pagination {
                    text-align: left;
                    transform: translateY(3px) translateX(5px);
                }
                
                .swiper-product .swiper-pagination-bullet {
                    width: 13px;
                    height: 13px;
                    background-color: transparent;
                    border: 1px solid #ffffff;
                    opacity: 1;
                    transition: 300ms ease-in-out;
                }
                
                .swiper-product .swiper-pagination-bullet-active {
                    background-color: #ffffff;
                }
                /* product section end */
                /* arrivals section start */
                
                .section--arrivals .row {
                    row-gap: 40px;
                    justify-content: center;
                }
                
                .arrivals__img {
                    background-color: #F8F8F8;
                    overflow: hidden;
                }
                
                .arrivals__img img {
                    transition: 400ms ease-out;
                }
                
                .arrivals__img img:hover {
                    transform: scale(1.05);
                }
                
                .arrivals-block .discount {
                    color: rgba(194, 10, 10, 0.2);
                }
                /* arrivals section end */
                /* shipping section start */
                
                .shipping__features {
                    display: flex;
                    gap: 15px;
                }
                
                .features__content span {
                    font-size: 16px;
                    line-height: 24px;
                    font-weight: 700;
                }
                
                .features__content p {
                    font-size: 14px;
                    line-height: 21px;
                    width: 80%;
                }
                /* shipping section end */
                /* iteam section start */
                
                .section--iteam .row {
                    row-gap: 30px;
                }
                
                .iteam__img {
                    position: relative;
                }
                
                .iteam__content {
                    position: absolute;
                    right: 13px;
                    top: 19%;
                }
                
                .iteam__content h5 {
                    margin: 20px 0 0 0;
                    width: 70%;
                    font-family: var(--body-font-family);
                    line-height: 1.2;
                }
                
                .iteam__content span {
                    text-transform: uppercase;
                }
                
                .iteam__content {
                    justify-items: center;
                }
                
                .iteam--btn {
                    margin-top: 25px;
                    text-align: right;
                }
                
                .iteam__btn {
                    position: relative;
                    z-index: 2;
                    padding: 10px 10px;
                    transition: 400ms ease-out;
                }
                
                .iteam__btn:hover {
                    color: #ffffff;
                }
                
                .iteam__btn::after {
                    content: "";
                    width: 100%;
                    height: 1%;
                    position: absolute;
                    left: 0;
                    top: 0;
                    background-color: var(--base-color);
                    transition: 400ms ease-out;
                    z-index: -1;
                    border-radius: 8px;
                }
                
                .iteam__btn:hover:after {
                    height: 100%;
                    background-color: var(--base-color);
                    color: #ffffff;
                }
                /* iteam section end */
                /* review section start */
                
                .review__content h6 {
                    font-family: var(--body-font-family);
                    margin: 0 0 20px 0;
                }
                
                .review__content p {
                    color: rgba(52, 37, 31, 0.8);
                    font-size: 14px;
                    line-height: 21px;
                }
                
                .swiper-review {
                    padding-bottom: 80px;
                    overflow: visible;
                }
                
                .swiper-review .swiper-slide {
                    padding: 30px 65px;
                    background-color: rgba(238, 221, 204, 0.3);
                    border-radius: 10px;
                }
                
                .review__img {
                    margin-top: 50px;
                }
                
                .review__img img {
                    border-radius: 50%;
                    width: 77px;
                    height: 77px;
                    object-fit: cover;
                    object-position: top center;
                }
                
                .review__name strong {
                    font-size: 16px;
                    line-height: 24px;
                    color: rgba(52, 37, 31, 1);
                    display: block;
                    margin-top: 10px;
                }
                
                .review__name span {
                    font-size: 14px;
                    line-height: 21px;
                    color: rgba(52, 37, 31, 0.5);
                }
                
                .swiper-review .swiper-pagination-bullet {
                    width: 10px;
                    height: 10px;
                    background-color: transparent;
                    border: 1px solid rgba(52, 37, 31, 0.34);
                    opacity: 1;
                    transition: 300ms ease-in-out;
                }
                
                .swiper-review .swiper-pagination-bullet-active {
                    background-color: rgba(52, 37, 31, 1);
                    border: none;
                }
                /* review section end */
                /* footer start */
                
                .site-footer {
                    background-color: #F7F7F7;
                    padding: 60px 0;
                    font-size: 15px;
                }
                
                .footer-logo {
                    align-content: end;
                    height: 100%;
                }
                
                .site-about p {
                    font-size: 15px;
                    line-height: 22.5px;
                    margin-top: 10px;
                }
                
                .links--block h6 {
                    font-family: var(--body-font-family);
                    margin-top: 0;
                    font-size: 22px;
                    margin-bottom: 25px;
                }
                
                .site-footer ul {
                    padding: 0;
                }
                
                .links--block ul {
                    display: grid;
                    row-gap: 10px;
                }
                
                .links--block .footer__links {
                    display: grid;
                    grid-template-columns: repeat(2, 1fr);
                    gap: 10px;
                }
                
                .footer__links a {
                    transition: ease-in-out 300ms;
                    position: relative;
                }
                
                .footer__links a:after {
                    content: "";
                    width: 0;
                    background-color: var(--base-color);
                    height: 2px;
                    position: absolute;
                    left: 0;
                    bottom: -3px;
                    transition: ease-in-out 300ms;
                }
                
                .footer__links a:hover::after {
                    width: 100%;
                }
                
                .links--block .social-icon {
                    display: flex;
                    flex-wrap: wrap;
                }
                
                .social-icon a {
                    position: relative;
                    width: 50px;
                    height: 50px;
                    z-index: 2;
                    display: inline-block;
                    align-content: center;
                    text-align: center;
                }
                
                .social-icon a::after {
                    content: "";
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    z-index: -1;
                    width: 0;
                    height: 0;
                    background-color: var(--base-color);
                    transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0);
                    border-radius: 50%;
                }
                
                .social-icon a path {
                    transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0);
                }
                
                .social-icon a:hover:after {
                    width: 100%;
                    left: 0;
                    top: 0;
                    height: 100%;
                }
                
                .social-icon a:hover path {
                    fill: #ffffff;
                }
                
                .form_field {
                    margin: 40px 0 0 0;
                }
                
                .form_field h6 {
                    margin: 0 0 20px 0;
                    font-family: var(--body-font-family);
                }
                
                .form_field form {
                    position: relative;
                }
                
                .form_field input {
                    border: none;
                    background: transparent;
                    border-bottom: 2px solid rgba(151, 151, 151, 0.25);
                    width: 100%;
                    padding-bottom: 5px;
                }
                
                .form_field input:focus {
                    outline: none;
                }
                
                .form_field input::placeholder {
                    color: #979797;
                }
                
                .form_field .Subscribe_btn {
                    position: absolute;
                    right: 0;
                    bottom: 7px;
                    color: var(--base-color);
                    font-weight: 600;
                }
                /* footer end */
                /* additional */
                
                .odometer,
                .odometer-value {
                    width: auto !important;
                    overflow: visible !important;
                }
                
                .about_detail_block {
                    overflow: visible;
                }
                
                .odometer-formatting-mark {
                    display: none;
                }
                
                .slider-clip {
                    overflow: hidden;
                    position: relative;
                    margin-right: -450px;
                }
                
                body {
                    height: 100vh;
                }
                
                .cursor {
                    position: fixed;
                    top: 0;
                    left: 0;
                    pointer-events: none;
                    z-index: 9999;
                }
                /* Small dot */
                
                .cursor-dot {
                    width: 6px;
                    height: 6px;
                    background: #d4af37;
                    border-radius: 50%;
                    position: absolute;
                    transform: translate(-50%, -50%);
                }
                /* Ring */
                
                .cursor-outline {
                    width: 42px;
                    height: 42px;
                    border: 1px solid #e6c36a;
                    border-radius: 50%;
                    position: absolute;
                    transform: translate(-50%, -50%);
                    box-shadow: 0 0 12px rgba(212, 175, 55, 0.35);
                    transition: box-shadow 0.3s ease;
                }
                /* Cursor text */
                
                .cursor-text {
                    position: absolute;
                    font-size: 10px;
                    letter-spacing: 2px;
                    color: #ffffff;
                    opacity: 0;
                    transform: translate(-50%, -50%);
                    pointer-events: none;
                }
                
                .page-intro {
                    position: fixed;
                    inset: 0;
                    background: #111;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    z-index: 9999;
                }
                
                .intro-logo {
                    font-family: 'Playfair Display', serif;
                    font-size: clamp(64px, 12vw, 100px);
                    /* BIG & responsive */
                    font-weight: 600;
                    color: #d4af37;
                    letter-spacing: 0.15em;
                    text-transform: uppercase;
                    transform-origin: center;
                }
                
                body {
                    overflow: hidden;
                    /* lock scroll during intro */
                }
                
                .effect-17 {
                    border: 0;
                    padding: 4px 0;
                    border-bottom: 1px solid #ccc;
                    background-color: transparent
                }
                
                .effect-17~.focus-border {
                    position: absolute;
                    bottom: 0;
                    left: 50%;
                    width: 0;
                    height: 2px;
                    background-color: #3399FF;
                    transition: 0.4s;
                }
                
                .effect-17:focus~.focus-border,
                .has-content.effect-17~.focus-border {
                    width: 100%;
                    transition: 0.4s;
                    left: 0;
                }
                
                .effect-17~label {
                    position: absolute;
                    left: 0;
                    width: 100%;
                    top: 9px;
                    color: #000;
                    transition: 0.3s;
                    z-index: 1;
                    letter-spacing: 0.5px;
                }
                
                .effect-17:focus~label,
                .has-content.effect-17~label {
                    top: -16px;
                    font-size: 12px;
                    color: #3399FF;
                    transition: 0.3s;
                }
                /* toggle menu */
                
                .menu-toggle {
                    cursor: pointer;
                    display: none;
                    justify-items: right;
                }
                
                .menu-toggle-links {
                    display: flex;
                    flex-direction: column;
                    position: fixed;
                    left: 0;
                    top: 0;
                    width: 100%;
                    z-index: 20;
                    background-color: #eff2e7;
                    height: 100vh;
                    transform: translateX(-100%);
                    transition: transform 0.4s ease;
                    padding: 20px;
                }
                
                .mobile-menu-header {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    margin-bottom: 30px;
                    padding-bottom: 20px;
                    border-bottom: 1px solid #ddd;
                }
                
                .mobile-menu-header .site-logo {
                    width: auto;
                }
                /*                 
                .mobile-menu-header .site-logo img {
                    height: 50px;
                    width: auto;
                } */
                
                .mobile-menu-header .menu-toggle {
                    display: block;
                    cursor: pointer;
                    font-size: 24px;
                    padding: 0;
                    margin: 0;
                }
                
                .menu-toggle-links.active {
                    transform: translateX(0);
                }
                
                .mobile-menu a {
                    padding: 10px;
                    font-weight: bold;
                    font-size: 20px;
                }
                
                .mobile-menu li :last-child {
                    padding: 10px;
                    margin-bottom: 30px;
                }
                
                .mobile-menu-header .site-logo a {
                    position: relative;
                }
                /* submenu */
                
                .submenu-a {
                    position: relative;
                }
                
                .submenu {
                    padding: 0;
                    position: absolute;
                    top: 100%;
                    left: 0;
                    background-color: #fff;
                    text-wrap: nowrap;
                    display: none;
                }
                
                .submenu li {
                    margin: 0;
                    padding: 5px 20px;
                }
                
                .submenu-a:hover .submenu {
                    display: block;
                }
                
                .section--shipping .row {
                    row-gap: 30px;
                }
                /* responsiv css */
                
                @media only screen and (max-width:1139px) {
                    .hero__content {
                        width: 95%;
                    }
                }
                
                @media only screen and (max-width:1023px) {
                    .col-md-1 {
                        max-width: 8.33333333%;
                        flex: 0 0 8.33333333%;
                    }
                    .col-md-2 {
                        max-width: 16.66666667%;
                        flex: 0 0 16.66666667%;
                    }
                    .col-md-3 {
                        max-width: 25%;
                        flex: 0 0 25%;
                    }
                    .col-md-4 {
                        max-width: 33.33333333%;
                        flex: 0 0 33.33333333%;
                    }
                    .col-md-5 {
                        max-width: 41.66666667%;
                        flex: 0 0 41.66666667%;
                    }
                    .col-md-6 {
                        max-width: 50%;
                        flex: 0 0 50%;
                    }
                    .col-md-7 {
                        max-width: 58.33333333%;
                        flex: 0 0 58.33333333%;
                    }
                    .col-md-8 {
                        max-width: 66.66666667%;
                        flex: 0 0 66.66666667%;
                    }
                    .col-md-9 {
                        max-width: 75%;
                        flex: 0 0 75%;
                    }
                    .col-md-10 {
                        max-width: 83.33333333%;
                        flex: 0 0 83.33333333%;
                    }
                    .col-md-11 {
                        max-width: 91.66666667%;
                        flex: 0 0 91.66666667%;
                    }
                    .col-md-12 {
                        max-width: 100%;
                        flex: 0 0 100%;
                    }
                    .navbar ul {
                        padding-left: 0;
                    }
                    .hero__content {
                        width: 90%;
                    }
                    .section .row {
                        row-gap: 40px;
                    }
                    .about--detail {
                        gap: 30px;
                    }
                    .collection__content {
                        width: 77%;
                    }
                    .about--detail> :nth-child(1)::after,
                    .about--detail>:nth-child(2)::after {
                        right: -13px;
                        width: 22px;
                    }
                    .section--product .row {
                        flex-direction: column-reverse;
                    }
                    .slider-clip {
                        margin-right: 0;
                    }
                    .swiper-product {
                        padding-bottom: 45px;
                    }
                    .swiper-product .swiper-pagination {
                        text-align: center;
                    }
                    .section-heading {
                        text-align: center;
                    }
                    .shipping__features {
                        text-align: center;
                        flex-direction: column;
                    }
                    .features__icon {
                        height: 45px;
                    }
                    .features__content p {
                        width: 100%;
                    }
                    .iteam__content {
                        right: 3px;
                        top: 8%;
                    }
                    .iteam__content h5 {
                        margin-top: 10px;
                    }
                    h5 {
                        font-size: 17px;
                    }
                    .section--iteam .row {
                        row-gap: 30px;
                    }
                    .site-footer .row {
                        padding: 0 20px;
                        row-gap: 25px;
                    }
                    .site-footer .row :nth-child(1) {
                        order: 1;
                    }
                    .site-footer .row :nth-child(2) {
                        order: 3;
                    }
                    .site-footer .row :nth-child(3) {
                        order: 2;
                    }
                    .site-footer .row :nth-child(4) {
                        order: 4;
                    }
                }
                
                @media only screen and (max-width:767px) {
                    .col-sm-1 {
                        max-width: 8.33333333%;
                        flex: 0 0 8.33333333%;
                    }
                    .col-sm-2 {
                        max-width: 16.66666667%;
                        flex: 0 0 16.66666667%;
                    }
                    .col-sm-3 {
                        max-width: 25%;
                        flex: 0 0 25%;
                    }
                    .col-sm-4 {
                        max-width: 33.33333333%;
                        flex: 0 0 33.33333333%;
                    }
                    .col-sm-5 {
                        max-width: 41.66666667%;
                        flex: 0 0 41.66666667%;
                    }
                    .col-sm-6 {
                        max-width: 50%;
                        flex: 0 0 50%;
                    }
                    .col-sm-7 {
                        max-width: 58.33333333%;
                        flex: 0 0 58.33333333%;
                    }
                    .col-sm-8 {
                        max-width: 66.66666667%;
                        flex: 0 0 66.66666667%;
                    }
                    .col-sm-9 {
                        max-width: 75%;
                        flex: 0 0 75%;
                    }
                    .col-sm-10 {
                        max-width: 83.33333333%;
                        flex: 0 0 83.33333333%;
                    }
                    .col-sm-11 {
                        max-width: 91.66666667%;
                        flex: 0 0 91.66666667%;
                    }
                    .col-sm-12 {
                        max-width: 100%;
                        flex: 0 0 100%;
                    }
                    .navbar {
                        display: none;
                    }
                    .menu-toggle {
                        display: block;
                    }
                    .menu-toggle-links {
                        display: flex;
                        row-gap: 20px;
                    }
                    .header--container>.header-btn {
                        display: none;
                    }
                    .menu-toggle-links .header-btn {
                        display: flex;
                        justify-content: space-between;
                        flex-direction: row-reverse;
                    }
                    .logo-nav {
                        width: 100%;
                        justify-content: space-between;
                        padding: 0 20px;
                    }
                    .collection__img {
                        text-align: center;
                    }
                    .collection__content {
                        left: 17%;
                        width: 60%;
                    }
                    .about__img img {
                        border-radius: 30px;
                        width: 100%;
                        height: 500px;
                    }
                    .about--detail {
                        position: static;
                        text-align: center;
                        margin: 0 20px;
                        justify-content: center;
                        border-radius: 20px;
                        width: 100%;
                    }
                    .swiper-product .swiper-slide {
                        width: fit-content !important;
                    }
                    h5 {
                        font-size: 28px;
                    }
                    h2 {
                        font-size: 35px;
                    }
                    .section-heading h2 {
                        margin: 0 0 10px 0;
                    }
                    .section--hero {
                        padding-top: 90px;
                    }
                }
                
                @media only screen and (max-width:577px) {
                    .col-xs-1 {
                        max-width: 8.33333333%;
                        flex: 0 0 8.33333333%;
                    }
                    .col-xs-2 {
                        max-width: 16.66666667%;
                        flex: 0 0 16.66666667%;
                    }
                    .col-xs-3 {
                        max-width: 25%;
                        flex: 0 0 25%;
                    }
                    .col-xs-4 {
                        max-width: 33.33333333%;
                        flex: 0 0 33.33333333%;
                    }
                    .col-xs-5 {
                        max-width: 41.66666667%;
                        flex: 0 0 41.66666667%;
                    }
                    .col-xs-6 {
                        max-width: 50%;
                        flex: 0 0 50%;
                    }
                    .col-xs-7 {
                        max-width: 58.33333333%;
                        flex: 0 0 58.33333333%;
                    }
                    .col-xs-8 {
                        max-width: 66.66666667%;
                        flex: 0 0 66.66666667%;
                    }
                    .col-xs-9 {
                        max-width: 75%;
                        flex: 0 0 75%;
                    }
                    .col-xs-10 {
                        max-width: 83.33333333%;
                        flex: 0 0 83.33333333%;
                    }
                    .col-xs-11 {
                        max-width: 91.66666667%;
                        flex: 0 0 91.66666667%;
                    }
                    .col-xs-12 {
                        max-width: 100%;
                        flex: 0 0 100%;
                    }
                    h1 {
                        font-size: 60px;
                    }
                    .page-intro {
                        display: none;
                    }
                    .swiper-product .swiper-slide {
                        width: 370px !important;
                    }
                    .swiper-review .swiper-slide {
                        padding: 30px;
                    }
                    .footer-logo {
                        text-align: center;
                    }
                }
                
                @media only screen and (max-width:479px) {
                    .col-xxs-1 {
                        max-width: 8.33333333%;
                        flex: 0 0 8.33333333%;
                    }
                    .col-xxs-2 {
                        max-width: 16.66666667%;
                        flex: 0 0 16.66666667%;
                    }
                    .col-xxs-3 {
                        max-width: 25%;
                        flex: 0 0 25%;
                    }
                    .col-xxs-4 {
                        max-width: 33.33333333%;
                        flex: 0 0 33.33333333%;
                    }
                    .col-xxs-5 {
                        max-width: 41.66666667%;
                        flex: 0 0 41.66666667%;
                    }
                    .col-xxs-6 {
                        max-width: 50%;
                        flex: 0 0 50%;
                    }
                    .col-xxs-7 {
                        max-width: 58.33333333%;
                        flex: 0 0 58.33333333%;
                    }
                    .col-xxs-8 {
                        max-width: 66.66666667%;
                        flex: 0 0 66.66666667%;
                    }
                    .col-xxs-9 {
                        max-width: 75%;
                        flex: 0 0 75%;
                    }
                    .col-xxs-10 {
                        max-width: 83.33333333%;
                        flex: 0 0 83.33333333%;
                    }
                    .col-xxs-11 {
                        max-width: 91.66666667%;
                        flex: 0 0 91.66666667%;
                    }
                    .col-xxs-12 {
                        max-width: 100%;
                        flex: 0 0 100%;
                    }
                    h1 {
                        font-size: 45px;
                    }
                    .hero__content {
                        width: 100%;
                    }
                    .about--detail {
                        margin: 0;
                    }
                    .swiper-product .swiper-slide {
                        width: 330px !important;
                    }
                    .iteam__content span {
                        font-size: 17px;
                    }
                    .iteam__content h5 {
                        font-size: 15px;
                    }
                    .iteam__content .iteam__btn {
                        font-size: 15px;
                    }
                    .swiper-review .swiper-slide {
                        padding: 20px;
                    }
                    .review__content h6 {
                        margin: 0 0 10px 0;
                    }
                    .review__img {
                        margin-top: 20px;
                    }
                    .site-footer .row :nth-child(2) {
                        order: 2;
                    }
                    .odometer {
                        font-size: 25px;
                    }
                }