@import url('https://fonts.googleapis.com/css2?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&display=swap');


/* creato display font */

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

@font-face {
    font-family: 'Creato Display';
    src: url('../fonts/CreatoDisplay-BoldItalic.woff2') format('woff2'),
        url('../fonts/CreatoDisplay-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Creato Display';
    src: url('../fonts/CreatoDisplay-BlackItalic.woff2') format('woff2'),
        url('../fonts/CreatoDisplay-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Creato Display';
    src: url('../fonts/CreatoDisplay-Black.woff2') format('woff2'),
        url('../fonts/CreatoDisplay-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Creato Display';
    src: url('../fonts/CreatoDisplay-Italic.woff2') format('woff2'),
        url('../fonts/CreatoDisplay-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Creato Display';
    src: url('../fonts/CreatoDisplay-ExtraBold.woff2') format('woff2'),
        url('../fonts/CreatoDisplay-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Creato Display';
    src: url('../fonts/CreatoDisplay-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/CreatoDisplay-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

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

@font-face {
    font-family: 'Creato Display';
    src: url('../fonts/CreatoDisplay-Thin.woff2') format('woff2'),
        url('../fonts/CreatoDisplay-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Creato Display';
    src: url('../fonts/CreatoDisplay-MediumItalic.woff2') format('woff2'),
        url('../fonts/CreatoDisplay-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

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

@font-face {
    font-family: 'Creato Display';
    src: url('../fonts/CreatoDisplay-LightItalic.woff2') format('woff2'),
        url('../fonts/CreatoDisplay-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Creato Display';
    src: url('../fonts/CreatoDisplay-ThinItalic.woff2') format('woff2'),
        url('../fonts/CreatoDisplay-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

/* creato display font */





* {
    box-sizing: border-box;
}

:root {
    --gap80: clamp(40px, 5.556vw, 80px);
    --gap110: clamp(40px, 7.639vw, 110px);
    --font16: clamp(14px, 1.111vw, 16px);
    --font17: clamp(15px, 1.181vw, 17px);
    --font18: clamp(16px, 1.25vw, 18px);
    --font19: clamp(16px, 1.319vw, 19px);
    --font20: clamp(17px, 1.389vw, 20px);
    --font21: clamp(17px, 1.458vw, 21px);
    --font22: clamp(17px, 1.528vw, 22px);
    --font23: clamp(17px, 1.597vw, 23px);
    --font24: clamp(17px, 1.667vw, 24px);
    --font25: clamp(18px, 1.736vw, 25px);
    --font26: clamp(18px, 1.806vw, 26px);
    --font27: clamp(18px, 1.875vw, 27px);
    --font28: clamp(19px, 1.944vw, 28px);
    --font29: clamp(19px, 2.014vw, 29px);
    --font30: clamp(19px, 2.083vw, 30px);
    --font31: clamp(20px, 2.153vw, 31px);
    --font32: clamp(20px, 2.222vw, 32px);
    --font33: clamp(21px, 2.292vw, 33px);
    --font34: clamp(22px, 2.361vw, 34px);
    --font35: clamp(23px, 2.431vw, 35px);
    --font36: clamp(25px, 2.5vw, 36px);
    --font37: clamp(26px, 2.5vw, 37px);
    --font42: clamp(28px, 3vw, 42px);
    --font45: clamp(30px, 3.125vw, 45px);
    --font50: clamp(32px, 3.5vw, 50px);
    --black: #000;
    --lightblack: #333333;
    --white: #fff;
    --offwhite: #FFFAF6;
    --lightwhite: #F4F4F4;
    --grey: #F5F5F5;
    --orange: #DC6D2A;
    --brown: #A3713E;
    --yellow: #FBC617;
    --creato: 'Creato Display';
    --poppins: "Poppins", sans-serif;
}

html {
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: var(--creato);
    font-weight: 400;
    color: var(--black);
    background: #FFFFFF;
    overflow-x: hidden;
}


h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin: 0;
    padding: 0;
    font-family: var(--creato);
    font-weight: bold;
    color: var(--black);
}

h2 {
    font-family: var(--creato);
    font-weight: 700;
    font-size: var(--font37);
    line-height: 1.5rem;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

h3 {
    font-family: var(--creato);
    font-weight: 700;
    font-size: var(--font26);
    line-height: 1.938rem;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

h4 {
    font-family: var(--creato);
    font-weight: 700;
    font-size: var(--font22);
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

a {
    display: inline-block;
    text-decoration: none;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    color: #0b5798;
}

a:hover {
    text-decoration: none;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    background: #EBEBEB;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border: 1px solid #EEEEEE;
    padding: 6px 17px;
    font-size: 14px;
    font-weight: 400;
    color: var(--black);
}

p {
    margin: 0;
}

ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ol {
    padding-left: 1rem;
}

.mrg-top-80 {
    margin: clamp(45px, 5.556vw, 80px) 0 0;
}

.container {
    max-width: 100%;
    padding: 0 20px;
}

.primary-button {
    padding: 14px 23px;
    color: var(--white);
    background-color: #00000036;
    border: 1px solid var(--white);
    font-weight: 500;
    font-size: var(--font17);
    line-height: 1.063rem;
    text-transform: uppercase;
}

.secondary-button {
    font-size: 15px;
    line-height: 1.5rem;
    letter-spacing: 0.13em;
    text-transform: uppercase;
    color: var(--white);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.secondary-button:hover,
.my-floor a:hover {
    transform: translateX(7px);
}

.secondary-button-img-box {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background-color: var(--white);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease-in-out;
}

.black-button-text {
    color: var(--black);
}

.black-img-box {
    background-color: var(--black);
}

.secondary-little-button-img-box {
    height: 18px;
    width: 18px;
}


/* header */


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

.header-top-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.header-top-left,
.header-top-right,
.header-top-right-menu ul,
.header-top-right-social,
.header-top-right-social ul {
    display: flex;
    flex-wrap: wrap;
}

.header-top-contact-box {
    padding: 10px 12px 9px 20px;
    border-right: 1px solid #E6E4E4;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.header-top-contact-box:first-child {
    padding-left: 0px;
}

.header-top-contact-box p {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    padding-left: 7px;
    color: #212121;
}

.header-top-right-menu ul {
    align-items: center;
    margin-right: 14px;
}

.header-top-right-menu ul li a {
    font-size: 13px;
    line-height: 16px;
    color: var(--black);
    padding: 12px 10px;
    border-right: 1px solid #E6E4E4;
}

.header-top-contact-box:hover p,
.header-top-right-menu ul li a:hover {
    color: var(--orange);
}

.header-top-right-social ul {
    align-items: center;
    gap: 6px;
}

.header-top-right-social ul li {
    width: 19px;
    height: 19px;
    border: 1px solid #E3E3E3;
    border-radius: 50%;
}

.header-top-right-social ul li {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

/* mobile-edit */

.mobile-menu-sec,
.mobile-search-outer,
.mobile-search-btn-sec {
    display: none;
}

.search-bar-outer .custom-select {
    width: 30%;
}

.search-bar-outer .input-div {
    width: 70%;
}

.middle-header {
    padding: 13px 0px;
}

.header-wrapper,
.search-input-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.header-wrapper {
    justify-content: space-between;
}

.custom-select {
    width: 190px;
    height: 37px;
    background-image: url(../img/select-arrow.webp);
    background-repeat: no-repeat;
    background-position: 91% 51%;
    outline: none;
}

.input-div {
    position: relative;
    width: 489px;
    border-radius: 0 4px 4px 0;
    
}

.input-div input {
    width: 100%;
    height: 37px;
    border: 1px solid #EEEEEE;
    background-color: #FAFAFA;
    outline: none;
    font-size: 14px;
    padding: 4px 11px;
    padding-right: 42px;
    border-radius: 0 4px 4px 0;
}

.input-div input::placeholder {
    color: #808080;
}

.input-div .search-input-icon {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background: var(--brown);
    border: 0;
    padding: 8px 10px;
}

.header-contact-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 0px 0 33px;
}

.cart-icon {
    padding: 7px 11px;
    background-color: #F3F4F6;
    border: 1px solid #EEEEEE;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: 15px;
}

.cart-icon p {
    font-family: var(--poppins);
    font-size: 14px;
    font-weight: 400;
    color: #242424;
    padding-right: 13px;
    transition: all .4s ease-in-out;
}

.cart-icon:hover p {
    color: var(--orange);
}

.header-cart {
    display: flex;
    flex-wrap: wrap;
    margin-left: 90px;
}

.wishlist-icon {
    position: relative;
}

.wishlist-icon span {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--orange);
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 8px;
    font-weight: 500;
    position: absolute;
    top: -5px;
    right: -7px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.bottom-header {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #262525;
}

.bottom-header ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.bottom-header ul li {
    transition: all .3s ease-in-out;
}

.bottom-header ul li p {
    font-size: 22px;
    color: var(--white);
}

.bottom-header ul li:last-child {
    border: none;
}

.bottom-header ul li:hover a,
.bottom-header ul li a.active {
    color: #EDBD20;
}

.bottom-header ul li:first-child a {
    padding-left: 0px;
}

.bottom-header ul li:last-child a {
    padding-right: 0px;
}

.bottom-header ul li a {
    text-align: center;
    padding: 18px 20px;
    font-size: 17px;
    text-transform: uppercase;
    color: #fff;
}

.hamburger {
    display: none;
}

.header-middle-right {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.logo a img {
    max-width: 168px;
}




/* banner start */
.banner {
    position: relative;
}

.banner-content {
    position: relative;
    z-index: 9;
    padding: 130px 0 203px 0;
}

.banner-content .sub-heading {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.375rem;
    letter-spacing: 0.12rem;
    color: var(--white);
    padding-bottom: 28px;
    display: block;
}

.banner-content h1 {
    font-size: var(--font42);
    font-weight: 800;
    line-height: 3rem;
    color: var(--white);
    margin: 0 0 8px;
    text-transform: uppercase;
    margin-bottom: 34px;
}

.banner-content h1 span {
    display: block;
    color: var(--yellow);
}

.banner-content h5 {
    font-size: var(--font30);
    line-height: 1.1667em;
    color: var(--white);
}

.banner-bg {
    width: 100%;
    height: 100%;
    position: absolute;
}

.banner-slider-content {
    position: relative;
}


/* banner slick slider */

.banner-slider .slick-next,
.banner-slider .slick-prev {
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
}

.banner-slider .slick-next:focus,
.banner-slider .slick-prev:focus,
.banner-slider .slick-arrow:hover {
    background-color: var(--yellow);
    border: 1px solid var(--yellow);
}

.banner-slider .slick-arrow {
    top: 50%;
}

.banner-slider .slick-dots {
    position: absolute;
    right: 82px;
    top: 42%;
    transform: rotate(90deg) translate(-50%, -50%);
}

.banner-slider .slick-next,
.banner-slider .slick-prev {
    position: absolute;
    right: 84px;
    top: 50%;
    transform: translateY(-50%);
}

.banner-slider .slick-next {
    left: auto;
    top: calc(50% + 50px);
}

.banner-slider .slick-prev {
    top: calc(50% - 50px);
}

.banner-slider .slick-next:before,
.banner-slider .slick-prev:before {
    color: var(--white);
    border: 0;
    rotate: 90deg;
}

.banner-slider .slick-dots li button {
    border: none;
    outline: none;
    font-size: 0;
    width: 5px;
    height: 5px;
    background: var(--white);
    border-radius: 50%;
    transition: 0.2s;
    padding: 0;
}

.banner-slider .slick-dots li.slick-active button {
    width: 17px;
    border-radius: 24px;
}


.policy-sec,
.luxury-tiles {
    padding-bottom: var(--gap80);
}

.policy-sec-content {
    margin-top: -70px;
}

.policy-sec-box {
    height: 100%;
    padding: 30px 34px 42px;
    box-shadow: 0px 4px 44px 0px #00000014;
    border-radius: 7px;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
    flex-direction: column;
    background-color: var(--white);
}

.policy-sec-content-cont h3 {
    font-family: var(--creato);
    font-weight: 700;
    font-size: var(--font17);
    letter-spacing: 0.13rem;
    text-align: center;
    text-transform: uppercase;
    padding: 24px 0 16px;
}

.policy-sec-content-cont p {
    letter-spacing: 0.13rem;
    text-align: center;
}

/* luxury-tiles */

.luxury-tiles-outer-box {
    height: 100%;
}

.luxury-box-radius {
    border-radius: 5px;
    overflow: hidden;
}

.luxury-tiles-inner {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}

.luxury-tiles-inner-img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}

.luxury-tiles-overley {
    height: 100%;
    position: relative;
    z-index: 2;
    background: linear-gradient(2.19deg, rgba(34, 33, 33, 0.86) 1.45%, rgba(34, 33, 33, 0) 67.92%);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 92px 47px 17px;
}

.luxury-tiles-overley-wrap p {
    max-width: 365px;
    font-weight: 500;
    font-size: var(--font22);
    line-height: 1.5rem;
    letter-spacing: 0.13em;
    text-transform: uppercase;
    color: var(--white);
    padding-bottom: 23px;
}

.luxury-inner-row,
.luxury-tiles-row {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 30px;
}

.tiles-slider-sec {
    margin-bottom: var(--gap80);
}

.tiles-slider-sec,
.tiles-slider-content {
    position: relative;
}

.tiles-slider-content-cont {
    height: 100%;
    min-height: 480px;
    position: relative;
    z-index: 9;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 50px 65px;
}


/* tiles-slider */


.tiles-slider .slick-next,
.tiles-slider .slick-prev {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: var(--white);
}

.tiles-slider .slick-arrow {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    top: 50%;
    transform: translateY(-50%);
}

.tiles-slider .slick-prev {
    background-image: url(../img/button-left-arrow-black.webp);
    left: 50px;
}

.tiles-slider .slick-next {
    background-image: url(../img/button-right-arrow-black.webp);
    left: auto;
    right: 50px;
}

.tiles-slider .slick-next:before,
.tiles-slider .slick-prev:before {
    content: "";
    color: var(--black);
    border: 0;
}


.review-heading.text-flex {
    gap: 20px;
}

.star-img-box {
    text-align: center;
}

.review-heading p {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5rem;
    letter-spacing: 0.13em;
    text-align: center;
    text-transform: uppercase;
}

.review-sec {
    width: 100%;
    position: relative;
    background-color: var(--white);
    padding: 0 0 var(--gap80) 0;
}

.text-flex {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}


.footer {
    width: 100%;
    height: 100%;
    background-image: url(../img/footer-bg.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 56px 0 0px;
    color: var(--white);
}

.footer-top {
    padding-bottom: 55px;
    border-bottom: 1px solid #FFFFFF2B;
}

.footer-sec-heading {
    font-weight: 500;
    font-size: var(--font32);
    line-height: 1.438rem;
    text-align: center;
    padding-bottom: 77px;
}

.footer-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer-col:first-child {
    width: 282px;
}

.footer-col:nth-child(2) {
    width: 315px;
}

.footer-col:nth-child(3) {
    width: 171px;
}

.footer-col:last-child {
    width: 331px;
}

.logo-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.438rem;
    padding: 19px 0 20px;
}

.quick-link {
    display: flex;
    flex-wrap: wrap;
    gap: 35px;
}

.footer-social {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding-top: 12px;
}

.footer-social ul {
    display: flex;
    flex-wrap: wrap;
}

.footer-social ul li {
    padding: 0 5px;
}

.footer-social a {
    width: 23px;
    height: 23px;
    border: 1px solid var(--white);
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.footer-social a:hover {
    filter: brightness(0) saturate(100%) invert(53%) sepia(54%) saturate(1858%) hue-rotate(344deg) brightness(90%) contrast(89%);
    border: 1px solid #DC6D2A;
}

.footer-social a img {
    filter: brightness(0) saturate(100%) invert(93%) sepia(100%) saturate(145%) hue-rotate(47deg) brightness(117%) contrast(106%);
}

.footer-heading {
    font-weight: 600;
    font-size: var(--font20);
    line-height: 1.438rem;
    text-transform: capitalize;
    padding: 0 0px 24px;
}

.footer-col:nth-child(2) ul li,
.footer-col:nth-child(3) ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.footer-col:nth-child(2) ul li:first-child {
    padding: 0;
}

.footer-col:nth-child(2) ul li a,
.footer-col:nth-child(3) ul li a {
    font-weight: 400;
    font-size: 16px;
    line-height: 2.688rem;
    text-transform: capitalize;
    color: var(--white);
    padding-left: 13px;
    position: relative;
}

.footer-col:nth-child(2) ul li a::before,
.footer-col:nth-child(3) ul li a::before {
    content: " ";
    width: 4px;
    height: 4px;
    background-color: var(--white);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.footer-col:nth-child(2) ul li a:hover,
.footer-col:nth-child(3) ul li a:hover.arrow,
.footer-contact-cont a:hover {
    color: #DC6D2A !important;
}

.footer-col:nth-child(4) ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    padding-top: 25px;
}

.footer-col:nth-child(4) ul li:nth-child(2) a {
    text-decoration: underline;
}

.footer-col:nth-child(4) ul li:first-child {
    padding: 0;
}

.footer-contact-cont {
    max-width: 375px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    padding-left: 11px;
}

.footer-contact-cont span {
    line-height: 1.375rem;
    font-size: 16px;
}

.footer-contact-cont a {
    font-weight: 500;
    font-size: var(--font16);
    line-height: 1.375rem;
    color: var(--white);
    padding: 7px 0px 0 27px;
}

.footer-contact-cont a:hover {
    color: var(--aztecgold);
}

.footer-bottom {
    padding: 25px 0;
    background: rgba(0, 0, 0, 0.79);
}

.footer-bottom-text p,
.footer-bottom-text p a {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.375rem;
    color: var(--white);
    text-align: center;
}


.footer-icon {
    display: flex;
    flex-wrap: wrap;
}

.footer-icon img {
    width: 14px;
    height: 14px;
    object-fit: contain;
    margin-right: 10px;
}

.footer-partner {
    display: flex;
    flex-wrap: wrap;
    padding: 34px 0;
}

.footer-partner-img {
    padding-right: 12px;
}

.partner-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.partner-img {
    width: 25%;
}

.partner-box {
    padding: 107px 0 85px;
}

.subscribe {
    width: 100%;
    height: 100%;
    background-image: url(../img/Subscribe-img.webp);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding: 120px 0;
}

.subscribe::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.21);
}

.subscribe-title h2 {
    color: var(--white);
    position: relative;
    z-index: 99;
    padding-bottom: 36px;
    text-transform: uppercase;
    font-family: var(--creato);
    line-height: 2.625rem;
    letter-spacing: 0;
}

.subscribe-title h2 span {
    font-weight: 900;
}

.subscribe-img {
    max-width: 634px;
    margin: 0 auto;
    text-align: center;
}

.email-section input {
    width: 100%;
    height: 49px;
    border-radius: 4px;
    outline: 0;
    background-color: #FAFAFA;
    padding: 0 60px 0 45px;
    font-size: 17px;
    color: var(--black);
    border: 1px solid rgba(238, 238, 238, 1);
}

.email-section {
    position: relative;
}

.email-section input::placeholder {
    font-family: var(--creato);
    font-weight: 500;
    font-size: 14px;
    color: #808080;
}

.mail-img {
    position: absolute;
    top: 19px;
    left: 18px;
}

.email-btn {
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: var(--brown);
    border: 1px solid #FAFAFA;
    color: #fff;
    width: 52px;
    height: 49px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}


/* 19/9/25 rimpa */

.floor-finder-title h3 {
    font-weight: 700;
    font-size: var(--font22);
    line-height: 24px;
    text-transform: uppercase;
    padding-bottom: 30px;

}

.travertine-specials-left {
    background-color: #F5F5F5;
    border: 1px solid #F2F2F2;
    padding: 29px 22px 64px;
    border-radius: 5px;
}

.floor-finder-select-sec p {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: var(--black);
    padding-bottom: 25px;
}

.checkbox-sec {
    display: block;
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
    cursor: pointer;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;

}

.checkbox-sec input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    margin: 0;
    background-color: var(--white);
    border: 1px solid #E0DFDF;
    border-radius: 4px;
}

.floor-finder-select-sec {
    padding-bottom: 12px;
}



/* installation-page------------------------ */

.installation-banner {
    position: relative;
    z-index: 99;
}

.installation-banner-bg {
    width: 100%;
    height: 100% !important;
    position: absolute;
}

.installation-banner-content {
    text-align: center;
    padding: 123px 0 120px;
    position: relative;
}

.installation-banner-title h2 {
    color: var(--white);
}

.Travertine-Installation {
    padding: var(--gap80) 0;
}

.install-sec-heading p,
.installation-content-heading p,
.installation-content-heading p a,
.installation-content-cont ol li {
    line-height: 1.25rem;
    letter-spacing: 0.06em;
}

.install-sec-heading p,
.installation-content-heading p {
    padding: 26px 0 37px;
}

.install-sec-heading p span {
    font-weight: 800;
}

.installation-content-heading p,
.installation-content-heading p a {
    font-size: var(--font18);
    color: var(--black);
}

.installation-content-heading p a,
.installation-content-cont ol li a {
    color: var(--black);
    text-decoration: underline;
}

.installation-content-heading p a:hover,
.installation-content-cont ol li a:hover {
    color: var(--orange);
}

.installation-content-cont ol {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 27px;
}

.installation-content-cont {
    margin-bottom: var(--gap80);
}

.installation-content-box {
    height: 100%;
}

.installation-content-background {
    background: #F9F9F9;
    padding: 65px 45px 53px;
    border-radius: 16px;
}

.installation-content-background .installation-content-cont {
    margin: 0;
}


/* 19/9/25 rimpa */

.floor-finder-title h3 {
    font-weight: 700;
    font-size: var(--font22);
    line-height: 24px;
    text-transform: uppercase;
    padding-bottom: 30px;

}

.travertine-specials-left {
    background-color: #F5F5F5;
    border: 1px solid #F2F2F2;
    padding: 29px 22px 64px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.floor-finder-select-sec p {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: var(--black);
    padding-bottom: 25px;
}

.checkbox-sec {
    display: block;
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
    cursor: pointer;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;

}

.checkbox-sec input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    margin: 0;
    background-color: var(--white);
    border: 1px solid #E0DFDF;
    border-radius: 4px;
}

.floor-finder-select-sec {
    padding-bottom: 12px;
}

.my-floor-img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-color: #222222;
}

.my-floor-text p {
    font-weight: 700;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #222222;
    margin-left: 10px;
}

.my-floor a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 25px;
}

.virtual-title h3 {
    padding-bottom: 25px;
}

.virtual-title p {
    font-weight: 400;
    font-size: var(--font16);
    line-height: 19px;
    color: var(--black);
}

.travertine-specials-bottom {
    padding: 29px 22px 45px;
}

.buyer-guide {
    border: 1px solid #F2F2F2;
    padding: 19px 23px 19px 18px;
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.car-icon {
    width: 34px;
    height: 34px;
    background-color: #F5F5F5;
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.guide-text {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.guide-text p {
    font-weight: 500;
    font-size: var(--font18);
    line-height: 24px;
    color: var(--black);
    padding-left: 18px;
}

.guide-btn a {
    font-weight: 400;
    font-size: var(--font16);
    line-height: 19px;
    color: #DC6D2A;
}

.guide-text span {
    font-weight: 400;
    font-size: var(--font16);
    line-height: 24px;
    color: #3B3B3B;
    padding-bottom: 10px;
}

.travertine-title h2 {
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--black);
    padding-bottom: 38px;
}

.orangr-box {
    width: 72px;
    height: 36px;
    border-radius: 18px;
    background-color: #DC6D2A;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 15px;
    right: 15px;
}

.orangr-box p {
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 1px;
    color: var(--white) !important;
    padding: 0 !important;
}

.travertine-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: var(--white);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 72px;
    right: 15px;
}

.wishlist {
    position: absolute;
    top: 114px;
    right: 15px;
}

.travertine-box-img-text p {
    font-weight: 500;
    font-size: var(--font18);
    letter-spacing: 2px;
    color: #2D2D2D;
    padding: 30px 0 12px;
    transition: all .4s ease-in-out;
}

.review-star {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.review-star p {
    font-weight: 400;
    font-size: var(--font16);
    color: var(--black);
    padding-left: 5px;
}

.travertine-box-img-text {
    position: relative;
}

.price {
    padding-top: 18px;
}

.price p {
    font-weight: 500;
    font-size: var(--font18);
    letter-spacing: 1px;
    color: var(--black);
}

.price span {
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 1px;
    color: #B1B1B1;
}

.travertine-box {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
}

.travertine-right-row {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 50px;
}

.see-all-btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 65px;
}

.travertine-specials {
    padding: 0 0 80px;
}


.projects-sec,
.products-sec {
    padding: var(--gap80) 0;
}

.projects-sec .floor-finder-select-sec p {
    font-size: var(--font20);
    line-height: 1.25rem;
    letter-spacing: 0.06em;
    padding-bottom: 22px;
}

.projects-sec .travertine-specials-left {
    padding-bottom: 24px;
}


/* pegination */

.pagination-sec {
    width: 100%;
    margin-top: 60px;
}

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

.pagination-sec ul li {
    margin: 0 4px;
}

.pagination-sec ul li a {
    display: flex;
    width: 32px;
    height: 32px;
    font-family: var(--poppins);
    font-size: 14px;
    font-weight: 700;
    color: #202020;
    align-items: center;
    justify-content: center;
    border: 1px solid #DFE3E8;
    border-radius: 4px;
}

.pegination-left-arrow {
    background-color: #241B02;
    color: #fff !important;
    border-color: #241B02;
}

.pegination-right-arrow {
    background-color: #747677;
    color: #fff !important;
    border: 1px solid #DFE3E8;
}

/* pegination */


.checkbox-sec input:checked~.checkmark {
    background-color: #262525;
    border: 1px solid #262525;
}

.checkmark::after {
    content: "";
    position: absolute;
    display: none;
}

.container input:checked~.checkmark::after {
    display: block;
}

.checkbox-sec .checkmark::after {
    left: 6px;
    top: 2px;
    width: 6px;
    height: 11px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.Pre-Order {
    padding: 70px 0;
}

.pre-order-img {
    max-width: 932px;
    margin: 0 auto
}

.pre-order-text-box {
    max-width: 852px;
    background-color: var(--white);
    box-shadow: 0px 4px 44px 0px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
}

.pre-order-text {
    padding: 53px 0px 31px;
}

.pre-order-text p {
    max-width: 551px;
    padding-top: 31px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: var(--black);
}

.pre-order-link {
    background-color: var(--black);
    padding: 20px 15px;
    text-align: center;
}

.pre-order-link a {
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    text-decoration: underline;
    color: #EDBD20;
    word-break: break-all;
}

.pre-order-bottom-text span {
    font-weight: 700;
    font-size: var(--font26);
    line-height: 26px;
    color: var(--black);
    display: block;
    padding: 22px 0 53px;
}

.pre-order-text-box {
    position: relative;
    z-index: 99;
    margin-top: -100px;
}

.most-trusted-place {
    padding: 80px 0 60px;
}

.most-trusted-place-text h2 {
    line-height: 44px;
    letter-spacing: 5px;
    text-transform: uppercase;
    padding-bottom: 32px;
}

.most-trusted-place-text p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: var(--black);
    padding-bottom: 20px;
}

.most-trusted-place-row {
    align-items: center;
}

.heritage-band {
    background-color: #F9F9F9;
    padding: 85px 0;
}

.heritage-band-title h2 {
    max-width: 595px;
    padding-bottom: 31px;
    line-height: 44px;
}

.heritage-band-title p {
    max-width: 733px;
    font-weight: 400;
    font-size: var(--font16);
    line-height: 20px;
    color: var(--black);
}

.experiences {
    padding-top: 37px;
}

.experiences-title h2 {
    max-width: 707px;
}

.experiences-box {
    height: 100%;
    background-color: var(--white);
    border: 1px solid #EFEFEF;
    box-shadow: 0px 4px 44px 0px rgba(0, 0, 0, 0.05);
    padding: 26px 44px;
    border-radius: 3px;
}

.experiences-box h4 {
    font-size: var(--font22);
    line-height: 35px;
    text-transform: uppercase;
    color: var(--black);
    letter-spacing: 3px;
}

.experiences-box p {
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 2px;
}

.experiences-row {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 30px;
}

.build-on-stone-text h2 {
    max-width: 538px;
    line-height: 40px;
    letter-spacing: 3px;
    text-align: center;
    text-transform: uppercase;
}

.your-project-text h2 {
    padding-bottom: 27px;
}

.your-project-text p,
.your-project-text ul li {
    font-size: 16px;
    line-height: 20px;
    color: var(--black);
}

.your-project-text ul {
    list-style: unset;
    margin-left: 18px;
    padding-bottom: 15px;
}

.your-project-text ul li {
    padding-bottom: 5px;
}

.your-project-text ul li span {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 1px;
    color: var(--black);
    padding-bottom: 5px;
}


.products-right-top-search {
    margin-bottom: 20px;
}

.products-search-sec {
    width: 100%;
    position: relative;
}

.products-search-img-box {
    width: 27px;
    height: 27px;
    background-color: var(--orange);
    border: 1px solid #F2F2F2;
    border-radius: 50%;
    position: absolute;
    right: 10px;
    top: 10px;
    bottom: 10px;
}

.products-search-img-box img {
    width: 12px;
}

.products-search-sec input {
    width: 100%;
    height: 47px;
    background: var(--grey);
    border-radius: 5px;
    border: 1px solid #F2F2F2 !important;
    outline: none;
    padding: 9px 16px;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    transition: 0.2s ease all;
    padding-right: 40px;
    color: #2B2A2A;
    border: 0;
    box-shadow: 0px 4px 44px 0px #0000000D;
}

.products-search-sec input::placeholder {
    color: #808080;
}

.products-sec .travertine-title h2 {
    padding-bottom: 16px;
}

.products-sec .travertine-title p {
    letter-spacing: 0.06em;
    padding-bottom: 42px;
}

.products-showing-results {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 29px;
}

.products-showing-results p {
    font-size: 14px;
}

.sort-by-box {
    flex-direction: row;
    gap: 13px;
}

.sort-by-select {
    width: 203px;
    height: 34px;
    background-image: url(../img/sort-by-dropdown.webp);
    background-repeat: no-repeat;
    background-position: 91% 51%;
    outline: none;
    background-color: var(--white);
    border: 1px solid var(--black);
    border-radius: 0;
}

.buyers-guide-sec {
    padding: var(--gap80) 0;
}


.buyers-guide-heading h2 {
    text-align: center;
    padding-bottom: 62px;
}

.buyers-guide-box {
    height: 100%;
    box-shadow: 0px 4px 44px 0px #0000000D;
    padding: 48px 55px 68px;
    justify-content: start;
}

.buyers-guide-img-box {
    width: 145px;
    height: 145px;
    border-radius: 50%;
    box-shadow: 0px 4px 44px 0px #0000000D;
    margin-bottom: 37px;
}

.buyers-guide-img-box img {
    object-fit: cover;
}

.buyers-guide-text-box h4 {
    line-height: 2.27rem;
    letter-spacing: 0.1em;
    text-decoration: underline;
    text-align: center;
    color: var(--black);
    margin-bottom: 20px;
}

.buyers-guide-text-box p {
    line-height: 1.188rem;
    letter-spacing: 0.13em;
    text-align: center;
    color: var(--black);
}

.buyers-guide-row {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 36px;
}

.filter-box {
    width: 100%;
    border-radius: 6px;
}

.filter-header {
    width: 100%;
    border: none;
    text-align: left;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.filter-options {
    display: none;
    /* hidden by default */
    padding: 10px;
    background: #fff;
}

.filter-options label {
    display: block;
    margin-bottom: 6px;
}

.arrow {
    transition: transform 0.2s ease;
}

.filter-box.open .arrow {
    transform: rotate(180deg);
}

.pre-order-link a:hover {
    color: var(--white);
}

.travertine-box-img-text p:hover {
    color: var(--orange);
}

.guide-btn a:hover {
    color: #EDBD20;
}

.travertine-icon:hover img {
    filter: brightness(0) saturate(100%) invert(53%) sepia(54%) saturate(1858%) hue-rotate(344deg) brightness(90%) contrast(89%);
}

.filter-box {
    width: 100%;
    border-radius: 6px;
}

.filter-header {
    width: 100%;
    border: 1px solid #F2F2F2;
    border-radius: 5px;
    background-color: var(--white);
    text-align: left;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 22px;
    margin-bottom: 20px;
}

.filter-header img {
    position: relative;
    top: 0;
    right: 0;
}

.filter-header.floor-finder-title h3 {
    padding-bottom: 0px;
}

.filter-options.floor-finder-select-sec {
    display: none;
    /* hidden by default */
    padding: 10px;
    background: var(--grey);
    padding: 0 22px 25px;
}

.filter-options label {
    display: block;
}

.arrow {
    transition: transform 0.2s ease;
}

.filter-box .floor-finder-select-sec,
.filter-box-two .floor-finder-select-sec {
    margin-bottom: 20px;
}

.filter-box.open .arrow {
    transform: rotate(180deg);
}

.filter-box.open .filter-header {
    background-color: var(--grey);
    margin-bottom: 0px;
}

.filter-box.open .filter-header h3 {
    padding-bottom: 6px;
}

.filter-box.open .filter-header img {
    top: -3px;
    right: 0;
}

.return-policy {
    padding: 36px 0 var(--gap80);
}

.return-policy-inner p {
    padding: 20px 30px 0;
    line-height: 1.313rem;
}



/* 20-9-25 */

/* faq */

.accordion-item-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.accordion-box-left {
    display: flex;
    align-items: center;
}

.accordion-item-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.accordion .accordion-item {
    margin-top: 16px;
    padding: 20px 25px;
}

.accordion-item:not(:first-of-type) {
    border-top: 1px solid #E8E8E8;
}

.accordion-box-right {
    padding-right: 34px;
}

.accordion-item-header.active .accordion-box-right i {
    transform: rotate(45deg);
}

.accordion-item-body-content {
    padding: 25px 25px 33px 0px;
}

.accordion-box-left h3 {
    font-weight: 400;
    font-size: 17px;
    color: var(--black);
}

.faq-sec {
    padding: 80px 0;
}

.accordion-box-left p {
    font-weight: 700;
    font-size: var(--font18);
    line-height: 44px;
    text-transform: uppercase;
}

.faq-title h2 {
    padding-bottom: 39px;
}

.shipping-experts,
.direction,
.get-in-touch {
    padding-top: 80px;
}

.shipping-experts-box-inner {
    height: 100%;
    border: 1px solid #EDEDED;
    padding: 30px 25px;
    border-radius: 4px;
    margin-bottom: 15px;
}

.shipping-icon-text p {
    max-width: 200px;
    font-weight: 700;
    font-size: 18px;
    line-height: 19px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding-left: 10px;
}

.shipping-icon-text {
    display: flex;
    align-items: center;
}

.shipping-experts-box-inner a {
    font-weight: 400;
    font-size: var(--font17);
    line-height: 24px;
    color: var(--black);
    padding-top: 12px;
}

.shipping-experts-box-inner a:hover {
    color: #076095;
}

.map-sec {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.map-sec iframe {
    width: 100%;
    height: 100%;
}

.direction-row {
    display: flex;
    flex-wrap: wrap;
}

.direction-left-box {
    width: 50%;
    background-color: var(--brown);
    padding: 35px 11px 60px 30px;
}

.direction-box-inner p {
    font-size: var(--font17);
    color: var(--white);
}

.direction-box-inner h4 {
    font-size: var(--font22);
    line-height: 24px;
    color: var(--white);
    padding: 16px 0 21px;
    letter-spacing: 0;
}

.direction-right-box {
    background-color: #FAFAFA;
    padding: 35px 30px 60px 15px;
}

.direction-right-box .direction-box-inner p,
.direction-right-box .direction-box-inner h4 {
    color: var(--black);
}

.form-outer {
    max-width: 1065px;
    margin: 0 auto;
}

.form-inner-input input {
    width: 100%;
    height: 60PX;
    border: 1PX solid #EDEDED;
    padding: 24px 32px;
    outline: none;
    border-radius: 4px;
}

.form-inner-row {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 21px;
}

.form-inner-input input::placeholder,
.form-inner-input textarea::placeholder {
    font-weight: 500;
    font-size: var(--font16);
    line-height: 44px;
    color: var(--black);
}

.form-inner-input textarea {
    width: 100%;
    height: 118px;
    resize: none;
    border: 1PX solid #EDEDED;
    border-radius: 4px;
    padding: 24px 32px;
}

.privacy-terms .privacy-terms-inner input:checked~.checkmark::after {
    display: block;
}

.privacy-terms {
    max-width: 304px;
    background-color: #f9f9f9;
    border: 1PX solid #EDEDED;
    padding: 15px 12px;
}

.contact-checkbox {
    margin: 0;
}

.send-btn {
    background-color: var(--brown);
    border: none;
    color: var(--white);
    font-size: var(--font22);
    font-weight: bold;
    text-transform: uppercase;
    padding: 13px 109px;
    border-radius: 4px;
    margin-top: 30px;
}

.shipping-inner {
    padding: 0 30px;
}

.shipping-inner p {
    line-height: 1.313rem;
}

.shipping-heading h5,
.shipping-content h6 {
    font-family: var(--creato);
    font-weight: 700;
    font-size: var(--font22);
    line-height: 1.313rem;
    padding: 20px 0 27px;
    color: var(--black);
}

.shipping-heading {
    padding-bottom: 33px;
}

.shipping-content h6 {
    font-size: 16px;
    padding: 0 0 15px;
}

.shipping-content p {
    padding-bottom: 20px;
}

.shipping-content p:last-child {
    padding: 0;
}

.latest-blog-heading h2 {
    padding-bottom: 38px;
}

.blog-box {
    width: 100%;
    height: 100%;
}

.blog-box-inner {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
}

.blog-box-img {
    width: 100%;
    height: 299px;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

.blog-box-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s ease-in-out;
}

.blog-box:hover .blog-box-img img {
    transform: scale(1.1);
}

.blog-box-info {
    padding: 28px 0 33px;
}

.blog-box-info h3 {
    font-family: var(--creato);
    font-weight: 500;
    font-size: var(--font20);
    color: var(--black);
    text-transform: none;
    letter-spacing: 0;
}

.blog-box-info h3 a {
    color: #000000;
}

.blog-box-info span {
    display: block;
    font-size: 14px;
    color: var(--brown);
    padding: 15px 0 21px;
}

.blog-box-info p,
.tertiary-button {
    line-height: 1.438rem;
}

.tertiary-button {
    color: var(--brown);
    text-transform: uppercase;
}

.tertiary-button:hover {
    letter-spacing: 0.04em;
}

.latest-blog-top-content {
    margin-bottom: 41px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.blog-top-list ul {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.blog-top-list ul li a,
.blog-top-list ul li p {
    font-size: 14px;
    line-height: 1.313rem;
    text-transform: uppercase;
    color: var(--black);
}

.blog-top-list ul li p {
    padding: 0 7px;
}

.blog-top-search .input-div {
    width: 392px;
}



/* product-details */


.product-detl-wrap {
    gap: 24px 0;
}

.product-details-upper-sub-link {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 16px;
    margin-bottom: 34px;
}

.product-details-upper-sub-link-text-box a {
    font-size: 14px;
    line-height: 1.5rem;
    letter-spacing: 0.06em;
    color: #404040;
}

.product-detl-section {
    margin: 50px 0 108px;
}

.product-learg-slide {
    max-width: 400px;
    margin: 0 auto;
}

.product-image-items img {
    width: 100%;
    height: 496px;
    object-fit: cover;
}

.product-small-slide {
    max-width: 400px;
    margin: 0 auto;
    padding: 16px 0 0;
}

.js-product-thumb-slider {
    margin: 0 -15px;
}

.product-thumb-col {
    width: 67px;
    cursor: pointer;
    border: 2px solid transparent;
    padding: 5px;
    margin: 0 15px;
    opacity: 0.2;
}

.product-thumb-col.slick-current {
    opacity: 1;
}

.product-thumb-col img {
    width: 100%;
    height: 69px;
    object-fit: cover;
}

.product-all-details h2 {
    margin-top: 0;
    font-family: var(--creato);
    font-weight: 500;
    font-size: var(--font20);
    line-height: 1em;
    letter-spacing: 0.04em;
}

.product-all-details p {
    font-size: 14px;
    letter-spacing: 0.06em;
    margin: 18px 0 21px;
    color: #525050;
}

.product-details-rating {
    margin-bottom: 20px;
}

.product-details-rating p {
    margin: 0;
}

.product-details-rating .d-flex {
    align-items: center;
    gap: 8px;
}

.star-icons i {
    color: #FFC107;
}

.star-icons i:last-child {
    color: #D9D9D8;
}

.people-cart-box,
.quantity-box {
    width: fit-content;
    padding: 9px 20px;
    background-color: #FAFAFA;
    border: 1px solid #EEEEEE;
    border-radius: 4px;
}

.people-cart-box p {
    font-size: 13px;
    font-weight: 500;
    color: var(--black);
    margin: 0;
}

.quantity-box {
    width: 100%;
    margin-top: 21px;
    padding: 20px 18px;
}

.prodc-price {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: var(--font20);
    font-weight: 700;
    line-height: 1em;
    letter-spacing: 0.12em;
    font-weight: 500;
    color: var(--black);
}

.prodc-price del {
    font-size: 14px;
    font-weight: 400;
    color: #9a9a9a;
}

.quantity-box p {
    margin: 19px 0 0;
}

.quantity-cart-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.quantity {
    width: 95px;
    height: 28px;
    display: flex;
    overflow: hidden;
}

.quantity button {
    background-color: var(--white);
    color: var(--black);
    border: 1px solid var(--black);
    cursor: pointer;
    font-size: 24px;
    font-weight: 400;
    line-height: 1em;
    letter-spacing: 0.06em;
    width: 30%;
    height: auto;
    text-align: center;
    transition: background-color 0.2s;
    padding: 0;
}

.quantity button:hover {
    background-color: var(--brown);
    color: var(--white);
}

.input-box {
    border: 1px solid var(--black);
    border-radius: 0;
    width: 40%;
    height: 28px;
    text-align: center;
    padding: 9px 5px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1em;
    letter-spacing: 0.06em;
    outline: none;
}

/* Hide the number input spin buttons */
.input-box::-webkit-inner-spin-button,
.input-box::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.input-box[type="number"] {
    -moz-appearance: textfield;
}

.waste-factor {
    margin: 18px 0 22px !important;
}

.cart-buttons {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cart-buttons>div {
    height: 100%;
}

.cart-buttons a {
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    line-height: 1em;
    letter-spacing: 0.12em;
    color: var(--white);
    background-color: #121212;
    border: 1px solid #121212;
    padding: 16px 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
}

.buy-now-btn a {
    padding: 19px 42px;
}

.add-cart_btn a:hover,
.buy-now-btn a {
    color: var(--black);
    border-color: var(--black);
    background: var(--white);
}

.add-cart-img-box img {
    transition: all .3s ease-in-out;
}

.add-cart_btn a:hover img {
    filter: brightness(0) saturate(100%);
}

.buy-now-btn a:hover {
    color: #ffffff;
    background: #121212;
    border: 1px solid #121212;
}

.preview-text-box h6 {
    font-weight: 700;
    font-size: 16px;
    line-height: 1em;
    letter-spacing: 0.06em;
}

.preview-box {
    padding: 30px 18px;
    background-color: #FAFAFA;
    border: 1px solid #EEEEEE;
    border-radius: 4px;
    display: flex;
    align-items: center;
    margin-top: 19px;
    gap: 18px;
}

.preview-box p {
    margin: 5px 0 0;
}

.product-all-details p span {
    font-weight: 700;
    font-size: 14px;
    line-height: 1.188rem;
    letter-spacing: 0.06em;
    color: var(--black);
}

.product-all-details-sub-section {
    margin-bottom: 28px;
}

.product-all-details-sub-section h6 {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.188rem;
    letter-spacing: 0.06em;
    color: var(--black);
}

.product-all-details-sub-section ul {
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    list-style: disc;
    margin-left: 17px;
}

.product-all-details-sub-section ul li {
    font-size: 14px;
    line-height: 1.563rem;
    letter-spacing: 0.06em;
}

.product-details-table-head {
    padding: 18px 0;
    border-bottom: 1px solid #eeeeee;
}

.product-details-table-body {
    width: 50%;
}

.product-details-table-body p,
.product-details-table-head p {
    margin: 0;
    line-height: 1.188rem;
}

.bold-p {
    font-weight: 700;
    font-size: 14px;
    line-height: 1em;
    letter-spacing: 0.06em;
    color: #262525;
}

.product-donate-box {
    display: flex;
    align-items: end;
    gap: 14px;
}

.donate-text-box a {
    color: inherit;
    text-decoration: underline;
}

.donate-text-box a:hover {
    color: var(--orange);
}

.product-slider-sec {
    display: flex;
    gap: 40px;
    flex-direction: row-reverse;
}

.product-learg-slide {
    width: 80%;
    max-width: 100%;
    margin: 0;
}

.product-small-slide {
    width: 20%;
    max-width: 100%;
    padding: 0;
}

.js-product-thumb-slider .slick-track {
    display: flex;
    flex-wrap: wrap;
    align-items: normal;
    --slide-size: 100%;
    flex-direction: column;
    width: auto !important;
    transform: translate(0) !important;
}

.product-thumb-col {
    width: 100% !important;
}

.js-product-thumb-slider {
    margin: 0;
}

.js-product-thumb-slider .slick-list {
    padding: 0 !important;
}

.product-thumb-col {
    margin: 0;
}

.product-image-items>img {
    position: relative;
}

.share-icon-box {
    width: 38px;
    height: 38px;
    border: 1px solid var(--black);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 31px;
    right: 45px;
}

.share-icon-box>img {
    width: 11px;
    height: 12px;
}

.related-products {
    padding: 0 0 var(--gap80);
}



/* 22.09.2025---------------------- swarnali */

.blog-details-sec {
    padding: 43px 0 var(--gap80);
}

.blog-details-content .blog-top-search .input-div {
    width: 407px;
}

.blog-details-left-inner-row {
    --bs-gutter-y: 14px;
}

.blog-top-list ul li:hover a {
    color: var(--orange);
}

.blog-details-left-bottom-inner-row {
    --bs-gutter-y: 38px;
}

.blog-details-right-row {
    --bs-gutter-y: 26px;
}

.blog-details-box-img {
    height: 416px;
    border-radius: 10px;
}

.blog-details-box-info {
    padding: 49px 0 24px;
}

.blog-details-box-info h3 {
    font-size: var(--font30);
}

.blog-details-box-info span {
    padding: 17px 0 0;
    font-size: 16px;
}

.blog-details-box-info p {
    padding: 30px 0 0;
}

.blog-box-left-bottom-img {
    height: 272px;
}

.blog-details-left-bottom-box-info p {
    padding: 0 0 25px;
}

.blog-details-img-hover:hover img {
    transform: scale(1.1);
}

.blog-details-right-side-box {
    height: 100%;
    background-color: #FBFCFF;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    padding: 40px 23px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.blog-details-right-side-box h3 {
    width: 100%;
    max-width: 246px;
    font-weight: 500;
    font-size: var(--font22);
    line-height: 1.563rem;
    letter-spacing: 0;
    text-align: center;
    color: #242323;
}

.blog-details-right-side-box p {
    width: 100%;
    max-width: 303px;
    font-size: 14px;
    line-height: 1.563rem;
    letter-spacing: 0;
    text-transform: uppercase;
    text-align: center;
    padding: 18px 0 24px;
}

.see-button {
    display: flex;
    align-items: center;
}

.see-button a,
.blog-details-submit-btn input {
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--white);
    background-color: var(--brown);
    border: 1px solid #EDEDED;
    border-radius: 4px;
    padding: 15px 30px;
    transition: all 0.3s ease-in-out;
}

.see-button a:hover,
.blog-details-submit-btn input:hover {
    background-color: var(--orange);
}

.blod-details-email-box {
    width: 100%;
}

.blod-details-email-box input {
    width: 100%;
    height: 48px;
    border: 1px solid #F0F0F0;
    border-radius: 4px;
    background-color: var(--white);
    padding: 20px;
    outline: none;
    margin: 21px 0;
}

.blod-details-email-box input::placeholder {
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--black);
}

/* 22-09-25 review-sec */

.review-sec {
    width: 100%;
    position: relative;
    background-color: #FCF6F6;
    padding: 98px 0 75px 0;
}

.reviwe-inner {
    max-width: 815px;
    margin: 0 auto;
}

.review-title span {
    font-weight: 500;
    font-size: 15px;
    line-height: 27px;
    color: var(--black);
}

.review-heading h2 {
    text-align: start;
    line-height: 2.1rem;
}

.review-title {
    width: 60%;
}

.review-heading {
    display: flex;
    justify-content: end;
}

.review-info-wrapper-two {
    width: 100%;
    max-height: 281px;
    background-color: var(--brown);
    border-radius: 10px;
    padding: 47px 35px 65px 32px;
    margin-top: 29px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.review-slider-title p {
    color: var(--white);
    padding-top: 23px;
}

.review-img-box h3 {
    font-weight: 700;
    font-size: var(--font22);
    line-height: 27px;
    color: var(--white);
    padding: 13px 0;
    text-align: center;
}

.review-img-box p {
    color: var(--white);
    text-align: center;
}

.review-info-left {
    width: 35%;
    position: relative;
    top: -151px;
}

.review-info-right {
    width: 60%;
}

.review-img-box-inner img {
    width: 100%;
}

.review-text-slider .slick-arrow {
    width: 24px;
    height: 24px;
    border: 1px solid #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.review-text-slider .slick-arrow::before {
    display: none;
}

.review-text-slider .slick-arrow i {
    color: var(--white);
    font-size: 15px;
}

.review-text-slider .slick-arrow.slick-disabled {
    display: none !important;
}

.review-text-slider .slick-prev {
    top: 0;
    left: auto;
    right: 36px;
}

.review-text-slider .slick-next {
    right: 0;
    top: 0;
    left: auto;
}
/* 4-10-25 swarnali */

.basic-sec {
    padding: 0 0 var(--gap80);
}

.basic-tab {
    width: 100%;
    background: #FBFBFB;
    display: flex;
    justify-content: center;
    border: 1px solid #EEEEEE;
}

.basic-tab .nav-tabs .nav-link {
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    color: var(--black);
    padding: 20px 26px;
    border: none;
    border: 1px solid #EEEEEE;
}

.basic-tab .nav-tabs .nav-link:first-child {
    border-left: none;
}

.basic-tab .nav-tabs .nav-link:last-child {
    border-right: none;
}

.basic-tab-sec-heading h2,
.basic-details-heading h2 {
    font-weight: 700;
    font-size: var(--font27);
    letter-spacing: 0.13em;
    text-align: center;
    text-transform: uppercase;
    color: var(--black);
    padding: 60px 0 57px;
}

.basic-tab-box {
    height: 100%;
    padding: 91px 47px 56px 47px;
    border: 1px solid #EDEDED;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.basic-tab-box-heading h3 a {
    font-weight: 700;
    font-size: var(--font20);
    letter-spacing: 0.13em;
    text-align: center;
    text-transform: uppercase;
    text-decoration: underline;
    color: var(--black);
}

.basic-tab-box-text p {
    font-weight: 400;
    font-size: var(--font16);
    line-height: 1.313rem;
    letter-spacing: 0.05em;
    text-align: center;
    padding: 22px 0 70px;
}

.basic-tab-box-button a {
    font-size: var(--font16);
    line-height: 1.313rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-align: center;
    text-decoration: underline;
    color: var(--brown);
}

.basic-tab-box-button a:hover {
    color: var(--orange);
}

.basic-tab-dividor-row {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 21px;
    margin-bottom: 13px;
}


.basic-details-sec {
    padding: var(--gap80) 0;
}

.basic-details-sec-row{
    --bs-gutter-x: 45px;
}

.basic-details-heading h2 {
    text-align: left;
    padding: 0;
}

.basic-details-content {
    padding-top: 15px;
    padding-bottom: 25px;
}

.basic-details-content h3 {
    font-size: var(--font20);
    font-weight: 700;
    letter-spacing: 0em;
    color: var(--black);
}

.basic-details-content p {
    font-size: var(--font16);
    font-weight: 400;
    line-height: 1.688rem;
    color: var(--black);
    padding-top: 27px;
}


.see-button a,
.blog-details-submit-btn input {
    padding: 9px 29px;
}

.blog-details-right-side-box p {    
    padding: 9px 0 18px;
}

.basic-details-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.basic-details-heading .footer-social{
    padding: 0;
}

.basic-details-heading .footer-social ul li a{
    border: 1px solid var(--black);
    filter: brightness(0) saturate(100%);
}

.basic-details-heading .footer-social ul li a:hover{
    border: 1px solid var(--brown);
    filter: brightness(0) saturate(100%) invert(45%) sepia(25%) saturate(902%) hue-rotate(349deg) brightness(98%) contrast(90%);
}