@import url('https://fonts.googleapis.com/css2?family=Qwigley&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Marcellus&family=Qwigley&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/*Root CSS variables*/
:root {
    --theme-primary-color: #ef5b28;
    --theme-secondary-color: #494949;
    --theme-light-pink-color: #FFD2EA;
    --theme-black-color: #000000;
    --theme-white-color: #ffffff;
    --theme-golden-color:#ef5b28;
    --theme-light-black-color: #333333;
    --theme-gray-color: #C1C4C9;
    --theme-dark-gray-color: #999DA5;
    --theme-light-gray-color: #D6D6D6;
    --theme-extra-dark-gray-color: #858584;
    --theme-yellow-color: #FFD800;
    --theme-highlight-color: #079F8F;
    --theme-dark-bg-color: #3A4047;
    --theme-border-color: #FFE0E2;
    --theme-mb-7: 0px 0px 70px;
    --theme-my-7: 70px 0px;
    --theme-mb-5: 0px 0px 50px;
    --theme-mb-4: 0px 0px 40px;
    --theme-mb-25: 0px 0px 25px;
    --theme-mb-20: 0px 0px 20px;
    --theme-mb-10: 0px 0px 10px;
    --theme-mb-8: 0px 0px 8px;
    --theme-mb-5minar: 0px 0px 5px;
    --theme-font-light: 300;
    --theme-font-normal: 400;
    --theme-font-medium: 500;
    --theme-font-light-bold: 600;
    --theme-font-bold: 700;
    --theme-banner-italic-font: 70px;
    --theme-banner-title: 45px;
    --theme-font-size-40: 40px;
    --theme-font-size-35: 35px;
    --theme-font-size-30: 30px;
    --theme-font-size-25: 25px;
    --theme-font-size-20: 20px;
    --theme-font-size-18: 18px;
    --theme-font-size-16: 16px;
    --theme-font-size-14: 14px;
    --theme-font: "Inter", sans-serif;
    --theme-italic-font: "Qwigley", cursive;
    --theme-title-font: "Marcellus", serif;

}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: var(--theme-font);
    font-size: var(--theme-font-size-16);
    font-style: normal;
    font-weight: var(--theme-font-normal);
    overflow-x: hidden;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}


img {
    max-width: 100%;
}


/* ul,
li {
    list-style: none;
} */

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

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

button {
    /* WebKit */
    -webkit-appearance: none;

    /* Mozilla */
    -moz-appearance: none;

    /* Opera */
    -o-appearance: none;

    /* Internet Explorer */
    -ms-appearance: none;

    /* CSS3 */
    appearance: none;
}


p {
    color: var(--theme-secondary-color);
    font-size: var(--theme-font-size-16);
    font-weight: var(--theme-font-normal);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--theme-title-font);
    color: var(--theme-secondary-color);
    font-weight: var(--theme-font-normal);
    margin: var(--theme-mb-10);
}

.space-mb-7 {
    margin: var(--theme-mb-7);
}

.space-mb-5 {
    margin: var(--theme-mb-5);
}

.space-mb-4 {
    margin: var(--theme-mb-4);
}



.space-mb-25 {
    margin: var(--theme-mb-25);
}

.titleh2 h2 {
    color: var(--theme-light-black-color);
    font-size: var(--theme-font-size-35);
    font-weight: var(--theme-font-normal);
    margin: 0px;
    text-transform: capitalize;
}

/*=====header=====*/


/*======TopHeader=====*/

header {
    /* box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .16); */
    position: sticky;
    top: 0;
    z-index: 4;
    width: 100%;
    background-color: #ffffff;
    transition: all 0.3s;
}


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

.FormobmenuHeader {
    display: none;
}

.headerMainWrapper {
    position: relative;
}

.menuHeaderinner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logoheader {
    width: 147px;
    max-width: 147px;
    overflow: hidden;
    position: relative;
}

header nav ul.mainULnav {
    margin: 0px;
    padding: 0px;
}

header nav ul li {
    display: inline-block;
    position: relative;
    list-style: none;
}

header nav ul li a {
    font-size: 16px;
    font-weight: 400;
    color: #494949;
    text-transform: capitalize;
    font-style: normal;
    text-decoration: none;
    display: inline-block;
    position: relative;
    white-space: nowrap;
    padding: 20px;
}

header .sub-menu {
    background-color: #fff;
    position: absolute;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    transition: all ease 0.3s;
    top: calc(100% + 0px);
    width: auto;
    left: inherit;
    bottom: inherit;
}

header .sub-menu li {
    display: block;
}

header .sub-menu li a {
    font-size: 14px;
    font-weight: 400;
    color: #494949;
    margin: 0;
    position: relative;
    display: block;
    text-transform: capitalize;
    min-height: auto;
    padding: 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

header .sub-menu li:last-child a {
    border: 0px;
}

.hamburgerMenuBtn {
    width: 35px;
    height: 35px;
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000000' class='bi bi-list' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E");
    background-size: 100% 100%;
    margin: 0;
    cursor: pointer;
    display: none;
}

.HeaderMenuRhs {
    display: flex;
    align-items: center;
    gap: 15px;
}


.menuOverlay {
    background-color: rgba(0, 0, 0, 0.35);
    height: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    transition: all ease 0.3s;
    display: none;
}

body.sidebarMenuOpen .menuOverlay {
    display: block;
}



/*=========HeaderLogoparent=========*/


.HeaderLogoparent {
    position: relative;
    border-bottom: 1px solid var(--theme-border-color);
    padding: 10px 0px;
}

.HeaderLogoWrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.SearchcategoryWrap {
    width: 720px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--theme-primary-color);
    overflow: hidden;
    border-radius: 10px;
}

.SelectCategory {
    display: none;
}


.SearchbarWrapperParent {
    width: 100%;
}

.SearchbarWrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.SearchbarWrapper .inputSearch {
    border: 0px;
    outline: none;
    font-size: var(--theme-font-size-16);
    color: var(--theme-secondary-color);
    font-weight: var(--theme-font-normal);
    height: 50px;
    padding: 0px 10px;
    background-color: var(--theme-white-color);
    width: calc(100% - 50px);
    min-width: calc(100% - 50px);

}

.SearchbarWrapper .searchBtn {
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
    background-color: var(--theme-primary-color);
    border: 0px;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M17.71 16.29L14.31 12.9C15.407 11.5025 16.0022 9.77666 16 8C16 6.41775 15.5308 4.87103 14.6518 3.55544C13.7727 2.23985 12.5233 1.21447 11.0615 0.608967C9.59966 0.00346625 7.99113 -0.15496 6.43928 0.153721C4.88743 0.462403 3.46197 1.22433 2.34315 2.34315C1.22433 3.46197 0.462403 4.88743 0.153721 6.43928C-0.15496 7.99113 0.00346625 9.59966 0.608967 11.0615C1.21447 12.5233 2.23985 13.7727 3.55544 14.6518C4.87103 15.5308 6.41775 16 8 16C9.77666 16.0022 11.5025 15.407 12.9 14.31L16.29 17.71C16.383 17.8037 16.4936 17.8781 16.6154 17.9289C16.7373 17.9797 16.868 18.0058 17 18.0058C17.132 18.0058 17.2627 17.9797 17.3846 17.9289C17.5064 17.8781 17.617 17.8037 17.71 17.71C17.8037 17.617 17.8781 17.5064 17.9289 17.3846C17.9797 17.2627 18.0058 17.132 18.0058 17C18.0058 16.868 17.9797 16.7373 17.9289 16.6154C17.8781 16.4936 17.8037 16.383 17.71 16.29ZM2 8C2 6.81332 2.3519 5.65328 3.01119 4.66658C3.67047 3.67989 4.60755 2.91085 5.7039 2.45673C6.80026 2.0026 8.00666 1.88378 9.17055 2.11529C10.3344 2.3468 11.4035 2.91825 12.2426 3.75736C13.0818 4.59648 13.6532 5.66558 13.8847 6.82946C14.1162 7.99335 13.9974 9.19975 13.5433 10.2961C13.0892 11.3925 12.3201 12.3295 11.3334 12.9888C10.3467 13.6481 9.18669 14 8 14C6.4087 14 4.88258 13.3679 3.75736 12.2426C2.63214 11.1174 2 9.5913 2 8Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 18px;

}

.SelectCategory .form-select {
    border: 0px;
    outline: none;
    box-shadow: none;
    cursor: pointer;
    height: 50px;
    background-color: var(--theme-light-pink-color);
    font-size: var(--theme-font-size-16);
    font-weight: var(--theme-font-normal);
    color: var(--theme-primary-color);
    border-radius: 0px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='5' viewBox='0 0 9 5' fill='none'%3E%3Cpath d='M0 0L4.5 4.5L9 0' fill='%23ef5b28'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 9px;
    padding: 0px 20px 0px 10px;
    width: auto;
}

.EIcons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}

.EIcons .widget {
    display: flex;
}

.EIcons a {
    position: relative;
    width: 20px;
    min-width: 20px;
    height: 20px;
    min-height: 20px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.EIcons .WishlistIcon {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector' d='M10 18.35L8.55 17.05C6.86667 15.5333 5.475 14.225 4.375 13.125C3.275 12.025 2.4 11.0375 1.75 10.1625C1.1 9.2875 0.645833 8.48333 0.3875 7.75C0.129167 7.01667 0 6.26667 0 5.5C0 3.93333 0.525 2.625 1.575 1.575C2.625 0.525 3.93333 0 5.5 0C6.36667 0 7.19167 0.183333 7.975 0.55C8.75833 0.916667 9.43333 1.43333 10 2.1C10.5667 1.43333 11.2417 0.916667 12.025 0.55C12.8083 0.183333 13.6333 0 14.5 0C16.0667 0 17.375 0.525 18.425 1.575C19.475 2.625 20 3.93333 20 5.5C20 6.26667 19.8708 7.01667 19.6125 7.75C19.3542 8.48333 18.9 9.2875 18.25 10.1625C17.6 11.0375 16.725 12.025 15.625 13.125C14.525 14.225 13.1333 15.5333 11.45 17.05L10 18.35ZM10 15.65C11.6 14.2167 12.9167 12.9875 13.95 11.9625C14.9833 10.9375 15.8 10.0458 16.4 9.2875C17 8.52917 17.4167 7.85417 17.65 7.2625C17.8833 6.67083 18 6.08333 18 5.5C18 4.5 17.6667 3.66667 17 3C16.3333 2.33333 15.5 2 14.5 2C13.7167 2 12.9917 2.22083 12.325 2.6625C11.6583 3.10417 11.2 3.66667 10.95 4.35H9.05C8.8 3.66667 8.34167 3.10417 7.675 2.6625C7.00833 2.22083 6.28333 2 5.5 2C4.5 2 3.66667 2.33333 3 3C2.33333 3.66667 2 4.5 2 5.5C2 6.08333 2.11667 6.67083 2.35 7.2625C2.58333 7.85417 3 8.52917 3.6 9.2875C4.2 10.0458 5.01667 10.9375 6.05 11.9625C7.08333 12.9875 8.4 14.2167 10 15.65Z' fill='black'/%3E%3C/svg%3E%0A");
}

.EIcons .UserIcon {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector' d='M8 8C6.9 8 5.95833 7.60833 5.175 6.825C4.39167 6.04167 4 5.1 4 4C4 2.9 4.39167 1.95833 5.175 1.175C5.95833 0.391667 6.9 0 8 0C9.1 0 10.0417 0.391667 10.825 1.175C11.6083 1.95833 12 2.9 12 4C12 5.1 11.6083 6.04167 10.825 6.825C10.0417 7.60833 9.1 8 8 8ZM0 16V13.2C0 12.6333 0.145833 12.1125 0.4375 11.6375C0.729167 11.1625 1.11667 10.8 1.6 10.55C2.63333 10.0333 3.68333 9.64583 4.75 9.3875C5.81667 9.12917 6.9 9 8 9C9.1 9 10.1833 9.12917 11.25 9.3875C12.3167 9.64583 13.3667 10.0333 14.4 10.55C14.8833 10.8 15.2708 11.1625 15.5625 11.6375C15.8542 12.1125 16 12.6333 16 13.2V16H0ZM2 14H14V13.2C14 13.0167 13.9542 12.85 13.8625 12.7C13.7708 12.55 13.65 12.4333 13.5 12.35C12.6 11.9 11.6917 11.5625 10.775 11.3375C9.85833 11.1125 8.93333 11 8 11C7.06667 11 6.14167 11.1125 5.225 11.3375C4.30833 11.5625 3.4 11.9 2.5 12.35C2.35 12.4333 2.22917 12.55 2.1375 12.7C2.04583 12.85 2 13.0167 2 13.2V14ZM8 6C8.55 6 9.02083 5.80417 9.4125 5.4125C9.80417 5.02083 10 4.55 10 4C10 3.45 9.80417 2.97917 9.4125 2.5875C9.02083 2.19583 8.55 2 8 2C7.45 2 6.97917 2.19583 6.5875 2.5875C6.19583 2.97917 6 3.45 6 4C6 4.55 6.19583 5.02083 6.5875 5.4125C6.97917 5.80417 7.45 6 8 6Z' fill='black'/%3E%3C/svg%3E%0A");
}

.EIcons .CartIcon {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector' d='M6 20C5.45 20 4.97917 19.8042 4.5875 19.4125C4.19583 19.0208 4 18.55 4 18C4 17.45 4.19583 16.9792 4.5875 16.5875C4.97917 16.1958 5.45 16 6 16C6.55 16 7.02083 16.1958 7.4125 16.5875C7.80417 16.9792 8 17.45 8 18C8 18.55 7.80417 19.0208 7.4125 19.4125C7.02083 19.8042 6.55 20 6 20ZM16 20C15.45 20 14.9792 19.8042 14.5875 19.4125C14.1958 19.0208 14 18.55 14 18C14 17.45 14.1958 16.9792 14.5875 16.5875C14.9792 16.1958 15.45 16 16 16C16.55 16 17.0208 16.1958 17.4125 16.5875C17.8042 16.9792 18 17.45 18 18C18 18.55 17.8042 19.0208 17.4125 19.4125C17.0208 19.8042 16.55 20 16 20ZM5.15 4L7.55 9H14.55L17.3 4H5.15ZM4.2 2H18.95C19.3333 2 19.625 2.17083 19.825 2.5125C20.025 2.85417 20.0333 3.2 19.85 3.55L16.3 9.95C16.1167 10.2833 15.8708 10.5417 15.5625 10.725C15.2542 10.9083 14.9167 11 14.55 11H7.1L6 13H18V15H6C5.25 15 4.68333 14.6708 4.3 14.0125C3.91667 13.3542 3.9 12.7 4.25 12.05L5.6 9.6L2 2H0V0H3.25L4.2 2Z' fill='black'/%3E%3C/svg%3E%0A");
}

.CartIcon .cart-count {
    width: 15px;
    min-width: 15px;
    height: 15px;
    min-height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ef5b28;
    font-size: 10px;
    font-weight: 400;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    right: -8px;
    top: -8px;
}

/*=========HeaderLogoparent=========*/



/*=======min-width:1151px=======*/

@media (min-width: 1151px) {
    header .dropdownMenu .sub-menu {
        min-width: 240px;
        -webkit-transition: all 0.3s linear 0s;
        transition: all 0.3s linear 0s;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
        /* border-top: 3px solid #f3d014; */
    }

    header .dropdownMenu:hover .sub-menu {
        opacity: 1;
        z-index: 2;
        visibility: visible;
    }

    header nav ul li a:hover {
        color: #ef5b28;
    }

    header .sub-menu li a:hover {
        background-color: #ef5b28;
        color: #ffffff;
    }

    li.dropdownMenu>a:after {
        content: "";
        background-image: url("data:image/svg+xml,%0A%3Csvg width='9' height='5' viewBox='0 0 9 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Group'%3E%3Cpath id='Vector' d='M0 0L4.5 4.5L9 0' fill='%23494949'/%3E%3C/g%3E%3C/svg%3E%0A");
        width: 16px;
        height: 16px;
        background-repeat: no-repeat;
        background-position: center center;
        display: inline-flex;
        right: -5px;
        top: 3px;
        position: relative;
        transition: all 0.3s !important;
    }

    li.dropdownMenu>a:hover:after {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='9' height='5' viewBox='0 0 9 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Group'%3E%3Cpath id='Vector' d='M0 0L4.5 4.5L9 0' fill='%23ef5b28'/%3E%3C/g%3E%3C/svg%3E%0A");
    }

    .menuHeaderinner .logoheader {
        display: none;
    }

    .menuHeaderinner {
        justify-content: center;
    }

    .HeaderMenuRhs .EIconsParent {
        display: none;
    }


}

/*============max-width:1150px=========*/

@media screen and (max-width: 1150px) {
    .headerMainWrapper {
        padding: 10px 0px;
    }

    .hamburgerMenuBtn {
        display: block;
    }

    .headerrhscontent {
        position: fixed;
        right: -280px;
        bottom: 0;
        top: 0;
        z-index: 4;
        width: 280px;
        -webkit-transition: right 0.5s ease;
        transition: right 0.5s ease;
        background-color: #222;
        width: 280px;
    }

    body.sidebarMenuOpen .headerrhscontent {
        right: 0px;
    }

    /*for mobile*/
    .FormobmenuHeaderWrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px 15px;
        border-bottom: 1px solid rgba(204, 204, 204, 0.4);
        position: relative;
        width: 100%;
    }

    .FormobmenuHeaderWrapper .logo {
        max-width: 90px;
    }

    .FormobmenuHeaderWrapper .logo img {
        transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        /* filter: brightness(0) invert(1); */
    }

    .FormobmenuHeader {
        display: block;
        width: 100%;
    }

    header nav ul li a:not(header ul.sub-menu li a),
    header.HeaderSticky nav ul li a:not(header.HeaderSticky ul.sub-menu li a) {
        color: #fff;
        padding: 12px;
        width: 100%;
        border-bottom: 1px solid rgba(204, 204, 204, 0.4);
    }

    header nav ul li a {
        font-size: 14px;
    }

    .headerrhs {
        display: none;
    }

    .headerrhscontent {
        flex-direction: column;
        justify-content: flex-start;
    }

    .closeIcon {
        width: 24px;
        height: 24px;
        background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-x-lg' viewBox='0 0 16 16'%3E%3Cpath d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z'/%3E%3C/svg%3E");
        background-size: 20px;
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 15px;
        cursor: pointer;
        border: 0;
        background-color: transparent;
    }

    header nav ul li {
        width: 100%;
    }

    /* header nav ul .dropdownMenu span {
        width: 20px;
        height: 20px;
        position: absolute;
        top: 15px;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        right: 15px;
        background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        z-index: 4;
        cursor: pointer;
        transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
    } */

    /*add new*/
    header nav ul .dropdownMenu span {
        width: 100%;
        height: 45px;
        position: absolute;
        top: 0;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        right: 10px;
        background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: 20px;
        background-position: right 13px;
        z-index: 4;
        cursor: pointer;
        /* transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out; */
        transition: background-position 0.3s ease-in-out;
    }

    /*add new*/


    header .sub-menu {
        opacity: 1;
        z-index: 1;
        visibility: visible;
        transition: none;
        top: 0;
        display: none;
        min-width: 100%;
        position: relative;
        box-shadow: none;
        padding: 0px;
    }

    header .sub-menu li a {
        padding: 12px;
    }

    header .sub-menu li a:hover {
        color: #424242;
    }

    header nav {
        overflow-y: auto;
        height: calc(100% - 87px);
    }

    header nav::-webkit-scrollbar {
        display: none;
        width: 0px;
    }

    header nav ul li:last-child a:not(header ul.sub-menu li a),
    header.HeaderSticky nav ul li:last-child a:not(header.HeaderSticky ul.sub-menu li a) {
        border-bottom: 0px;
    }

    header nav ul .dropdownMenu span.hasSub.menuactve {
        /* transform: rotate(180deg); */
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-chevron-up' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708z'/%3E%3C/svg%3E");
    }



    /*add new*/

    .logoheader {
        width: 95px;
        max-width: 95px;
    }

    .HeaderLogoWrap .logoheader,
    .HeaderLogoWrap .EIconsParent {
        display: none;
    }

    .SearchcategoryWrap {
        width: 100%;
    }

    .HeaderLogoWrap {
        justify-content: center;
    }

    .MiddleHeaderDiv {
        width: 100%;
    }

    .EIcons {
        gap: 15px;
    }

}


/*=================header============================*/



/*****************Banner******************/
.SliderWrapper {
    position: relative;
    background-color: var(--theme-white-color);
}

.BannerSection .swiper-slide {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding:150px 0px;
    /* height:calc(100vh - 57px); */
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;

}

.bannerContentWrapper {
    display: flex;
    justify-content:center;
}

.bannerImg img {
    display: none;
}
.bannerContent {
    position: relative;
    text-align: center;
    max-width: 800px;
}

.bannerImg img {
    width: 100%;
}

.bannerText {
    position:relative;
  
    z-index: 1;
}

.bannerItalicFont {
    font-size: var(--theme-banner-italic-font);
    font-weight: var(--theme-font-normal);
    font-family: var(--theme-italic-font);
    color: var(--theme-golden-color);
    line-height: 70px;
}

.bannerText h1 {
    font-size: var(--theme-banner-title);
    font-weight: var(--theme-font-normal);
    color:#ffffff;
    margin: var(--theme-mb-25);
}

.bannerText a {
    font-size: var(--theme-font-size-16);
    font-weight: var(--theme-font-normal);
    font-family: var(--theme-title-font);
    color:#ffffff;
    text-decoration: underline;
}

.bannerText a:hover {
    color: var(--theme-primary-color);
}

.SliderWrapper .custom-pagination .swiper-pagination {
    bottom: -25px;
    display: flex;
    justify-content: center;
    align-self: center;
    gap: 5px;
    z-index: 1;
}

.custom-pagination .swiper-pagination-bullet {
    width: 11px;
    min-width: 11px;
    height: 11px;
    min-height: 11px;
    border: 3px solid var(--theme-white-color);
    background-color: var(--theme-dark-gray-color);
    border-radius: 50px;
    opacity: 1;
    margin: 0px !important;
}

.custom-pagination .swiper-pagination-bullet-active {

    background-color: var(--theme-white-color);
    border: 2px solid var(--theme-light-gray-color);
}

/*****************Banner******************/



/*****************Category section******************/
.CategoryWrapper {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
}

.CategoryCard {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    background-color: #ffffff;
    height: 270px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.CategoryCard:hover {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    cursor: pointer;
}

.ImgParent img {
    width: 100%;
    object-fit: cover;
}

.CategoryCard .ImgParent {
    height: calc(100% - 92px);
    position: relative;
}

.CategoryCard .ImgParent img {
    display: table;
    margin: 0 auto;
}

.CategoryTextArea {
    display: flex;
    flex-direction: column;
    position: relative;
    justify-content: center;
    align-items: center;
    height: 92px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='223' height='92' viewBox='0 0 223 92' fill='none'%3E%3Cpath d='M0 0C70.2019 29.098 148.999 29.5917 219.56 1.37558L223 0V92H0V0Z' fill='%23ef5b28'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;

}

.CategoryTextArea h2 {
    font-size: var(--theme-font-size-20);
    font-family: var(--theme-font);
    margin: 0px;
    position: relative;
    top: 10px;
}

.CategoryTextArea h2 a {
    color: var(--theme-white-color);
	    text-align: center;
    display: block;
}

/*****************Category section******************/

/*****************CustomerSupportSection******************/
.CustomerSupportWrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    max-width: 1000px;
    margin: 0 auto;
}

.CustomerSupportBox {
    text-align: center;
}

.CustomerSupportBox .CustomerSupportparent {
    position: relative;
    width: 125px;
    min-width: 125px;
    height: 120px;
    min-height: 120px;
    margin: 0 auto;
    overflow: hidden;
}

.CustomerSupportBox .CustomerSupportbgImg img {
    width: 125px;
    height: 120px;
}

.CustomerSupportBox .CustomerSupportImg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 1;

}

.CustomerSupportBox .CustomerSupportImg img {
    max-width: max-content;
}

.CustomerSupportBox p {
    margin: 10px 0px 0px;
    font-size: var(--theme-font-size-18);
    font-weight: var(--theme-font-light-bold);
    color: var(--theme-light-black-color);

}

/*****************CustomerSupportSection******************/


/*==========Featured Products==========*/
.FeaturedProductWrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.FeaturedProductCard {
    position: relative;
    background-color: var(--theme-white-color);
}

.FeaturedProductCard .ImgParent {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    height: 355px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.FeaturedProductCard:hover .ImgParent {
    filter: drop-shadow(0px 0px 4px #ef5b28);
}

.FeaturedProductCard .ImgParent img {
    height: 100%;
}

.FeaturedProductCardContent {
    margin: 25px 0px 0px;
}

.FeaturedProductCardContent h4 {
    color: var(--theme-secondary-color);
    font-size: var(--theme-font-size-18);
    font-weight: var(--theme-font-normal);
    font-family: var(--theme-font);
    margin: var(--theme-mb-10);
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}

.FeaturedProductCardContent h4 a {
    color: var(--theme-secondary-color);
    text-decoration: none;
}

.ratingStarDiv {
    display: flex;
    gap: 10px;
    margin: var(--theme-mb-10);
}

.ratingStarDiv li {
    list-style: none;
}

.ratingStarDiv li i {
    color: var(--theme-dark-gray-color);
}

.ratingStarDiv li .fa.fa-star {
    color: var(--theme-yellow-color);
}

.FeaturedProductCardPrice {
    color: var(--theme-secondary-color);
    font-size: var(--theme-font-size-16);
    font-weight: var(--theme-font-normal);
    display: flex;
    align-items: center;
    gap: 10px;
}

.FeaturedProductCardPrice .PriceBeforeDiv {
    text-decoration: line-through;
    font-size: var(--theme-font-size-14);
    color: var(--theme-dark-gray-color);

}

.highlitedTag {
    font-family: var(--theme-title-font);
    font-size: var(--theme-font-size-16);
    font-weight: var(--theme-font-normal);
    width: 81px;
    height: 33px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--theme-highlight-color);
    color: var(--theme-white-color);
    border-radius: 0px 30px 30px 0px;
    position: absolute;
    top: 20px;
    left: 0px;
}

.cta {
    font-size: var(--theme-font-size-18);
    background-color: var(--theme-primary-color);
    color: var(--theme-white-color);
    font-weight: var(--theme-font-normal);
    padding: 10px 20px;
    border-radius: 30px;
    text-align: center;
    display: inline-block;
}

.FeaturedProductCardBtn .cta {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 0px;

}

.FeaturedProductCardBtn {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    -webkit-transition-delay: .15s;
    -o-transition-delay: .15s;
    transition-delay: .15s;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
}

.FeaturedProductCard:hover .FeaturedProductCardBtn {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}

.ViewAllctaparent {
    text-align: center;
}

.ViewAllcta {
    border: 1px solid var(--theme-primary-color);
    color: var(--theme-primary-color);
    font-family: var(--theme-title-font);
    font-size: var(--theme-font-size-16);
    font-weight: var(--theme-font-normal);
    padding: 10px 30px;
    border-radius: 6px;
    text-align: center;
    display: inline-block;
}

.ViewAllcta:hover {
    background-color: var(--theme-primary-color);
    color: var(--theme-white-color);
}

/*==========Featured Products==========*/



/*============Blog Section=============*/
.BlogSectionrow {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.BlogSectionBox {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.BlogSectionBox:hover {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    cursor: pointer;
}

.imgwrapper {
    margin-bottom: 0px;
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s;
}

.sixrationine {
    padding-bottom: 56.25%;
    display: block;
}

.imgwrapper img,
.imgwrapper iframe,
.imgwrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    object-fit: cover;
}

.BlogSectionBox .imgwrapper {
    height: 272px;
}

.BlogBoxContent {
    padding: 15px;
}

.BlogUpdateDate {
    color: var(--theme-secondary-color);
    font-size: var(--theme-font-size-16);
    font-weight: var(--theme-font-normal);
    margin: var(--theme-mb-8);

}

.BlogBoxContent h4 {
    font-size: var(--theme-font-size-20);
    font-weight: var(--theme-font-normal);
    color: var(--theme-secondary-color);
    margin: var(--theme-mb-8);
}

.BlogBoxContent h4 a {
    color: var(--theme-secondary-color);
    background-image: linear-gradient(currentcolor, currentcolor), linear-gradient(currentcolor, currentcolor);
    display: inline;
    background-size: 0% 1px, 0 1px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.BlogSectionBox:hover .BlogBoxContent h4 a {
    background-size: 0% 1px, 100% 1px;
}

.BlogBoxContent p {
    margin: 0px;
    font-family: var(--theme-title-font);
}

.BlogBoxContent h4,
.BlogBoxContent p {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box
}

/*============Blog Section==============*/

/*==========HandClipArtSe===========*/
.HandClipArtSecrow {
    display: flex;
    align-items: center;
    gap: 60px;
    background-color: #D7F4F0;
    border-radius: 21px;
    position: relative;
    padding: 90px;
}

.HandClipArtText {
    color: var(--theme-golden-color);
    font-family: var(--theme-italic-font);
    font-size: 70px;
    font-weight: 400;
    line-height: 70px;
    margin: 0px 0px 11px;
}

.HandClipArtSecrow::after {
    content: "";
    border: 1px dashed #340000;
    position: absolute;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    left: 0;
    right: 0;
    border-radius: 21px;
    margin: 0 auto;
    display: table;
}

.HandClipArtSecBox,
.HandClipArtimg {
    width: calc(50% - 30px);
    min-width: calc(50% - 30px);
}

.HandClipArtSecBox p {
    font-family: var(--theme-title-font);
}

/* .HandClipArtimg img {
  width: calc(100% - 50px);
  margin: 0 auto;
  display: table;
} */

/*==========HandClipArtSe===========*/






/*=========== scroll to top =========*/

.scroll-top {
    position: fixed;
    right: 20px;
    bottom: 70px;
    height: 50px;
    width: 50px;
    cursor: pointer;
    display: block;
    border-radius: 50%;
    background-color: #ef5b28;
    z-index: 99;
    opacity: 0;
    padding: 6px;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.scroll-top--active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.scroll-top::after {
    position: absolute;
    content: "\f176";
    font-family: "FontAwesome";
    text-align: center;
    line-height: 50px;
    font-size: 17px;
    color: #ffffff;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    display: block;
    z-index: 1;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.scroll-top__circle path {
    stroke: #ffffff;
    stroke-width: 4;
    fill: none;
    box-sizing: border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

/*=========== scroll to top =========*/







/*****************Footer******************/
footer {
    background-color: var(--theme-dark-bg-color);
}

.FooterWrapper {
    padding: 50px 0px;
    display: flex;
    justify-content: space-between;
    gap: 80px;
}

.Footerlhs {
    width: calc(40% - 0px);
    min-width: calc(40% - 0px);
    display: flex;
    justify-content: space-between;
}

.Footerrhs {
    width: calc(55% - 80px);
    min-width: calc(55% - 80px);
}

.FooterLogo {
    width: 147px;
}

.FooterWrapper h4 {
    font-size: var(--theme-font-size-20);
    margin: var(--theme-mb-25);
    color: var(--theme-white-color);
    font-family: var(--theme-font);
    font-weight: var(--theme-font-light-bold);

}

.footerWidget ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.footerWidget ul li a {
    display: block;
    color: var(--theme-white-color);
    font-size: var(--theme-font-size-16);
    font-weight: var(--theme-font-normal);
    margin: var(--theme-mb-5minar);
}

.footerWidget ul li a:hover {
    color: var(--theme-primary-color);
}

.SocialIcons {
    display: flex;
    gap: 15px;
}

.SocialIcons a {
    font-size: 20px;
    color: var(--theme-white-color);
}

.SocialIcons a:hover {
    color: var(--theme-primary-color);
}

.SocialIconsWrapper {
    display: flex;
    align-items: center;
    gap: 15px;
}

.SocialIconsWrapper h4 {
    margin: 0px
}

.Footerrhs .SocialIconsWrapper h4 {
    display: none;
}

/*=====subcribeform====*/
.subcribeformWrapper {
    display: flex;
    justify-content: space-between;
    margin: var(--theme-mb-20);
    background-color: var(--theme-white-color);
    border-radius: 7px;
    border: 1px solid var(--theme-primary-color);
    overflow: hidden;
    padding: 5px;
    position: relative;
}

.subcribeformWrapper .subcribeInput {
    width: calc(100% - 180px);
    min-width: calc(100% - 180px);
    background-color: var(--theme-white-color);
    height: 50px;
    padding: 0px 10px;
    font-size: var(--theme-font-size-16);
    font-weight: var(--theme-font-normal);
    color: var(--theme-secondary-color);
    outline: none;
    border: 0px;
}

.subcribeformWrapper .subcribeInput::placeholder {
    color: var(--theme-dark-gray-color);
}

.subcribeformWrapper .subcribeBtn {
    background-color: var(--theme-white-color);
    border: 1px solid var(--theme-primary-color);
    color: var(--theme-black-color);
    border-radius: 7px;
    font-size: var(--theme-font-size-16);
    font-weight: var(--theme-font-medium);
    width: 180px;
    min-width: 180px;
    text-align: center;
}

.subcribeformWrapper .subcribeBtn:hover {
    background-color: #ef5b28;
    color: #fff;
}

.wpcf7 form.sent .wpcf7-response-output {
    /* border-color: #0aef1f; */
    color: #0aef1f;
    text-align: center;
    border: none;
    margin-top: 20px;
    font-size: 19px;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    /* border-color: #ffb900; */
    border: none;
    color: red;
    margin-top: 20px;
    text-align: center;
    font-size: 19px;
}

/*=====subcribeform====*/
.SubFooter {
    background-color: var(--theme-primary-color);
}

.SubFooter p {
    margin: 0px;
    color: var(--theme-white-color);
    text-align: center;
    padding: 20px 0px;
}

/*****************Footer******************/





/*==================inner Banner==================*/
.InnerBanner {
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    position: relative;
    padding: 150px 0px;
}

.InnerBanner h1,
.InnerpageBanner h1 {
    font-size: var(--theme-font-size-40);
    color: var(--theme-light-black-color);
    margin: var(--theme-mb-20);
}

.BrubcrumbsDiv ol.breadcrumb {
    margin: 0px;
}

.BrubcrumbsDiv ol.breadcrumb li,
.BrubcrumbsDiv ol.breadcrumb li a {
    font-size: var(--theme-font-size-16);
    color: var(--theme-secondary-color);
}

.BrubcrumbsDiv .breadcrumb-item+.breadcrumb-item {
    padding-left: 5px;
}

.BrubcrumbsDiv .breadcrumb-item+.breadcrumb-item::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='8' viewBox='0 0 5 8' fill='none'%3E%3Cpath d='M4.87794 3.74277L0.711269 0.106506C0.548574 -0.035506 0.28474 -0.035506 0.122018 0.10653C-0.0406772 0.248542 -0.0406772 0.478772 0.122045 0.620784L3.99408 3.99993L0.122018 7.37925C-0.0406772 7.52126 -0.0406772 7.75149 0.122045 7.8935C0.203379 7.96451 0.310018 8 0.416657 8C0.523296 8 0.629935 7.96451 0.711297 7.89348L4.87794 4.25702C4.95611 4.18883 5 4.09634 5 3.99991C5 3.90347 4.95611 3.81096 4.87794 3.74277Z' fill='%23494949'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 5px;
    width: 5px;
    height: 8px;
    position: relative;
    top: 8px;
    margin-right: 5px;
}

/*==================inner Banner==================*/
.Innerpage {
    margin: var(--theme-mb-5);
}

/*==========product listing page=========*/
.FilterWrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px 0px 15px;
    margin: 0px 0px 10px;
    border-bottom: 1px solid #C8C8C8;

}

.FilterInrow {
    display: flex;
    align-items: center;
    gap: 15px;
}

.FilterLabel {
    color: #828282;
    font-size: 16px;
    font-weight: 400;
}

.FilterMenuParentDiv {
    display: flex;
    align-items: center;
    gap: 15px;
}

.FilterMenu select {
    border: 0px;
    outline: none;
    color: #828282;
    font-size: 16px;
    font-weight: 400;
    padding: 0px;
    width: auto;
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'%3E%3Cpath d='M4.25723 4.87794L7.89349 0.711269C8.03551 0.548574 8.03551 0.28474 7.89347 0.122018C7.75146 -0.0406772 7.52123 -0.0406772 7.37922 0.122045L4.00007 3.99408L0.62075 0.122017C0.478739 -0.0406775 0.248509 -0.0406775 0.106497 0.122045C0.035491 0.203379 -1.35513e-08 0.310018 -1.82127e-08 0.416657C-2.2874e-08 0.523296 0.035491 0.629935 0.106522 0.711296L3.74298 4.87794C3.81117 4.95611 3.90366 5 4.00009 5C4.09653 5 4.18904 4.95611 4.25723 4.87794Z' fill='%23828282'/%3E%3C/svg%3E");
    background-position: right 0px center;
    background-size: 9px;
    padding: 0px 12px 0px 5px;
    width: auto;
}

.form-select:focus {
    box-shadow: none;
}


.FilterMenu select option {
    background-color: #ffffff;
    color: #333;
    font-size: 15px;
    padding: 5px;
    font-weight: 400;
}

.CountofProducts p {
    margin: 0px;
}


.wishlistElement {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 18.35L8.55 17.05C6.86667 15.5333 5.475 14.225 4.375 13.125C3.275 12.025 2.4 11.0375 1.75 10.1625C1.1 9.2875 0.645833 8.48333 0.3875 7.75C0.129167 7.01667 0 6.26667 0 5.5C0 3.93333 0.525 2.625 1.575 1.575C2.625 0.525 3.93333 0 5.5 0C6.36667 0 7.19167 0.183333 7.975 0.55C8.75833 0.916667 9.43333 1.43333 10 2.1C10.5667 1.43333 11.2417 0.916667 12.025 0.55C12.8083 0.183333 13.6333 0 14.5 0C16.0667 0 17.375 0.525 18.425 1.575C19.475 2.625 20 3.93333 20 5.5C20 6.26667 19.8708 7.01667 19.6125 7.75C19.3542 8.48333 18.9 9.2875 18.25 10.1625C17.6 11.0375 16.725 12.025 15.625 13.125C14.525 14.225 13.1333 15.5333 11.45 17.05L10 18.35ZM10 15.65C11.6 14.2167 12.9167 12.9875 13.95 11.9625C14.9833 10.9375 15.8 10.0458 16.4 9.2875C17 8.52917 17.4167 7.85417 17.65 7.2625C17.8833 6.67083 18 6.08333 18 5.5C18 4.5 17.6667 3.66667 17 3C16.3333 2.33333 15.5 2 14.5 2C13.7167 2 12.9917 2.22083 12.325 2.6625C11.6583 3.10417 11.2 3.66667 10.95 4.35H9.05C8.8 3.66667 8.34167 3.10417 7.675 2.6625C7.00833 2.22083 6.28333 2 5.5 2C4.5 2 3.66667 2.33333 3 3C2.33333 3.66667 2 4.5 2 5.5C2 6.08333 2.11667 6.67083 2.35 7.2625C2.58333 7.85417 3 8.52917 3.6 9.2875C4.2 10.0458 5.01667 10.9375 6.05 11.9625C7.08333 12.9875 8.4 14.2167 10 15.65Z' fill='%23FFB9C7'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    /* background-position: 6.5px 9px; */
    background-position: 50% 60%;
    background-size: 19px;
    width: 33px;
    min-width: 33px;
    height: 33px;
    min-height: 33px;
    border-radius: 50%;
    background-color: #ffffff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.25));
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 2;
}

.wishlistElement.wishlistTagFill {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 18.35L8.55 17.05C6.86667 15.5333 5.475 14.225 4.375 13.125C3.275 12.025 2.4 11.0375 1.75 10.1625C1.1 9.2875 0.645833 8.48333 0.3875 7.75C0.129167 7.01667 0 6.26667 0 5.5C0 3.93333 0.525 2.625 1.575 1.575C2.625 0.525 3.93333 0 5.5 0C6.36667 0 7.19167 0.183333 7.975 0.55C8.75833 0.916667 9.43333 1.43333 10 2.1C10.5667 1.43333 11.2417 0.916667 12.025 0.55C12.8083 0.183333 13.6333 0 14.5 0C16.0667 0 17.375 0.525 18.425 1.575C19.475 2.625 20 3.93333 20 5.5C20 6.26667 19.8708 7.01667 19.6125 7.75C19.3542 8.48333 18.9 9.2875 18.25 10.1625C17.6 11.0375 16.725 12.025 15.625 13.125C14.525 14.225 13.1333 15.5333 11.45 17.05L10 18.35Z' fill='%23FFB9C7'/%3E%3C/svg%3E%0A");
}

/*=====pagination====*/

.paginationDiv {
    display: flex;
    gap: 50px;
    justify-content: center;
    align-items: center;
}

.totalpagesofresults {
    color: #494949;
    font-size: 16px;
    font-weight: 400;
}

.paginationUI {
    display: flex;
    align-items: center;
}

.paginationUI a {
    width: 33px;
    min-width: 33px;
    height: 33px;
    min-height: 33px;
    border-radius: 50%;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #494949;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    margin: 4px;
}

.paginationUI a:hover:not(.paginationUI .paginationarrow):hover {
    background-color: #ef5b28;
    color: #ffffff;
}

.paginationUI .pagination--page--current {
    background-color: #ef5b28;
    color: #ffffff;
}

.paginationUI .paginationarrow {
    background-image: url(../images/paginationarrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.paginationUI .paginationarrow.prev--page {
    transform: rotate(180deg);
}

/*=====pagination====*/
/*==========product listing page=========*/



/*===========InnerpageBanner===========*/
.InnerpageBanner {
    background-color: #f5f5f5;
    padding: 40px 0px;
}

/*===========InnerpageBanner===========*/


/*========product detail page=====*/

/*==============slider arrow==============*/
.ThumbnailSliderParent .swiper {
    position: relative;
}

.ThumbnailSliderParent .swiper .defaultslidearrow {
    position: relative;
    display: flex;
    justify-content: space-between;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}


.defaultslidearrow .swiper-button-next:after,
.defaultslidearrow .swiper-button-prev:after {
    display: none;
}

.defaultslidearrow .swiper-button-next,
.defaultslidearrow .swiper-button-prev {
    position: relative;
    left: inherit;
    right: inherit;
    text-align: inherit;
    margin: 0px;
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    background-image: url("data:image/svg+xml, %3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='25' cy='25' r='24.5' stroke='%23ef5b28'/%3E%3Cmask id='path-2-inside-1_157_110' fill='white'%3E%3Cpath d='M21.5648 32L22.1609 31.4043L15.6792 24.9216L37 24.9216L37 24.0784L15.6781 24.0784L22.1609 17.5968L21.5648 17L14.065 24.4998L21.5648 32Z'/%3E%3C/mask%3E%3Cpath d='M21.5648 32L22.1609 31.4043L15.6792 24.9216L37 24.9216L37 24.0784L15.6781 24.0784L22.1609 17.5968L21.5648 17L14.065 24.4998L21.5648 32Z' fill='%233D3D3D'/%3E%3Cpath d='M21.5648 32L19.0738 34.4909L21.5639 36.9811L24.0549 34.4918L21.5648 32ZM22.1609 31.4043L24.651 33.8961L27.1434 31.4054L24.652 28.9136L22.1609 31.4043ZM15.6792 24.9216L15.6792 21.3989L7.17548 21.3989L13.188 27.4124L15.6792 24.9216ZM37 24.9216L37 28.4444L40.5227 28.4444L40.5227 24.9216L37 24.9216ZM37 24.0784L40.5227 24.0784L40.5227 20.5556L37 20.5556L37 24.0784ZM15.6781 24.0784L13.1874 21.5872L7.17231 27.6011L15.6781 27.6011L15.6781 24.0784ZM22.1609 17.5968L24.6516 20.088L27.1415 17.5985L24.6533 15.1073L22.1609 17.5968ZM21.5648 17L24.0573 14.5105L21.5663 12.0166L19.0739 14.509L21.5648 17ZM14.065 24.4998L11.5741 22.0088L9.08319 24.4997L11.574 26.9907L14.065 24.4998ZM24.0549 34.4918L24.651 33.8961L19.6708 28.9125L19.0747 29.5082L24.0549 34.4918ZM24.652 28.9136L18.1703 22.4309L13.188 27.4124L19.6697 33.8951L24.652 28.9136ZM15.6792 28.4444L37 28.4444L37 21.3989L15.6792 21.3989L15.6792 28.4444ZM40.5227 24.9216L40.5227 24.0784L33.4773 24.0784L33.4773 24.9216L40.5227 24.9216ZM37 20.5556L15.6781 20.5556L15.6781 27.6011L37 27.6011L37 20.5556ZM18.1688 26.5695L24.6516 20.088L19.6702 15.1056L13.1874 21.5872L18.1688 26.5695ZM24.6533 15.1073L24.0573 14.5105L19.0724 19.4895L19.6685 20.0862L24.6533 15.1073ZM19.0739 14.509L11.5741 22.0088L16.556 26.9908L24.0558 19.491L19.0739 14.509ZM11.574 26.9907L19.0738 34.4909L24.0558 29.5091L16.556 22.0089L11.574 26.9907Z' fill='%23ef5b28' mask='url(%23path-2-inside-1_157_110)'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 42px;
    cursor: pointer;
    border-radius: 50%;
    background-color: #ffffff;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .16);
}

.defaultslidearrow .swiper-button-next {
    transform: rotate(180deg);
}

/*==============slider arrow==============*/

/*==ProductDetailToprow==*/
.ProductDetailToprow {
    display: flex;
    gap: 30px;
    justify-content: space-between;
    margin: 50px 0px;
}

.ProductDetailTopLhs,
.ProductDetailTopRhs {
    width: calc(50% - 15px);
    min-width: calc(50% - 15px);
}

/*==ProductDetailToprow==*/

/*==ThumbnailSliderParent==*/
.ThumbnailSliderParent {
    display: flex;
    flex-direction: row-reverse;
    gap: 20px;

}

.ThumbnailSliderParent .swiper-slide img {
    width: 100%;
}

.ThumbnailSliderParentltside {
    width: 82px;
    min-width: 82px;
    height: 548px;
}

.ThumbnailSliderParentrtside {
    width: calc(100% - (82px + 20px));
    min-width: calc(100% - (82px + 20px));
    border-radius: 15px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .16);
    background-color: #fff;
    position: relative;
    overflow: hidden;
    height: 548px;
}

.ThumbnailSliderParentrtside .wishlistElement {
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
    background-size: 30px;
}

.ThumbnailSliderParentrtside .defaultslidearrow {
    width: 95%;
    margin: 0 auto;
}

.ThumbnailSliderParentrtside .swiper,
.ThumbnailSliderParentrtside .swiper-wrapper,
.ThumbnailSliderParentrtside .ImgParent,
.ThumbnailSliderParentrtside .ImgParent img {
    height: 100%;
}

.ThumbnailSliderParentltside {
    overflow: hidden;
}

.ThumbnailSliderParentltside .swiper-slide {
    height: 100% !important;
}

.ThumbnailSliderParentltside .ImgParent {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    aspect-ratio: 4 / 3;

}

.ThumbnailSliderParentltside .ImgParent img {
    width: 100%;
    height: 100%;
}

.ThumbnailSliderParentltside .swiper-slide-thumb-active .ImgParent {
    border-color: #ef5b28;
}

/*==ThumbnailSliderParent==*/


/*==ProductDetailTopRhs==*/
.ProductDetailTopRhs h1 {
    font-size: 35px;
    color: #494949;
    margin: 0px 0px 15px;
}

.ProductDetailTopRhs .FeaturedProductCardPrice {
    gap: 20px;
    margin: 0px 0px 10px;
}

.ProductDetailTopRhs .FeaturedProductCardPrice span {
    font-size: 20px;
}

.ProductDetailTopRhs .FeaturedProductCardPrice .PriceBeforeDiv {
    font-size: 18px;
}

.ctahighlight {
    background-color: #079F8F;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    padding: 4px 24px;
    border-radius: 30px;
    text-align: center;
}

.ptagm__0 p a {
    color: #494949;
    text-decoration: underline;
}


/*====quantityelement====*/
.quantityTag {
    color: #989898;
    font-size: 16px;
}

.quantityDivWrap .quantity {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 10px 0px 25px;
}

.quantityDivWrap .quantity button {
    border: 1px solid #D9D9D9;
    background-color: #ffffff;
    width: 35px;
    min-width: 35px;
    height: 35px;
    min-height: 35px;
    border-radius: 50%;
    font-size: 0px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 15px;
}

.quantityDivWrap .quantity .minus {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='2' viewBox='0 0 14 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5H13C13.2761 1.5 13.5 1.27612 13.5 1C13.5 0.723878 13.2761 0.5 13 0.5H1C0.723875 0.5 0.5 0.723878 0.5 1C0.5 1.27612 0.723875 1.5 1 1.5Z' fill='%23494949' stroke='black'/%3E%3C/svg%3E%0A");
}

.quantityDivWrap .quantity .plus {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.7159 5.71587H8.28463V1.28368C8.28468 0.575795 7.70861 0 7 0C6.29139 0 5.71537 0.575795 5.71537 1.28368V5.71587H1.28463C0.576293 5.71587 0 6.29216 0 7C0 7.70761 0.576067 8.28368 1.28463 8.28368H5.71537V12.7159C5.71537 13.424 6.29116 14 7 14C7.70861 14 8.28463 13.4239 8.28463 12.7159V8.28368H12.7159C13.424 8.28368 14 7.70761 14 7C14 6.29216 13.424 5.71587 12.7159 5.71587Z' fill='%23494949'/%3E%3C/svg%3E%0A");
}

.quantityDivWrap .quantity .input-box {
    color: #494949;
    font-size: 16px;
    width: 30px;
    border: 0px;
    outline: none;
    text-align: center;
}

.quantityDivWrap .quantity .input-box::-webkit-inner-spin-button,
.quantityDivWrap .quantity .input-box::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

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

.form-check-input[type=checkbox] {
    border-radius: 3px;
    border: 1px solid #989898;
    width: 20px;
    height: 20px;
    margin-right: 12px;
}

.form-check label img {
    width: 19px;
    height: 19px;
    margin-right: 3px;
}

.form-check label {
    font-size: 16px;
    color: #989898;
}

.form-check-input:focus {
    box-shadow: none;
}

.form-check-input[type=checkbox]:checked {
    background-color: #ef5b28;
}

.BtnGroupWrapper {
    display: flex;
    gap: 20px;
    margin: 20px 0px 30px;
}

.BtnGroupWrapper a,
.BtnGroupWrapper button {
    width: 208px;
    max-width: 208px;
    padding: 12px 15px;
    border: 1px solid #ef5b28;
    transition: .3s ease-in;
}

.BtnGroupWrapper a:hover,
.BtnGroupWrapper button:hover {
    color: var(--theme-primary-color);
    background: transparent;
}

.cta.unfillcta {
    background-color: #fff;
    color: #ef5b28;
}

.ShippingLabel {
    color: #494949;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.ImgIcon {
    width: 23px;
}

.ShippingDiv {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 10px;
}

.ShippingDiv p {
    margin-bottom: 0;
}


/*====quantityelement====*/


/*==ProductDetailTopRhs==*/


/*==tab area==*/

.tab-menu__Ui {
    border-bottom: 2px solid #DBDBDB;
    gap: 20px;

}

.tab-menu__Ui button {
    padding: 0px;
    background-color: transparent;
    color: #494949;
    font-size: 20px;
    font-family: var(--theme-title-font);
    font-weight: 400;
    border: 0px;
    border-bottom: 2px solid transparent;
    position: relative;
    top: 2px;
    padding: 0px 0px 8px;

}

.tab-menu__Ui button.active {
    border-bottom: 2px solid #ef5b28;
}

.TabsArea p {
    margin: 0px;
}

/*==tab area==*/

/*====customerReviewSection===*/
.ratingStarDivrow {
    display: flex;
    align-items: center;
    gap: 25px;
}

.customerReviewSection .titleh2 {
    margin: 0px 0px 10px;
}

.ratingStarDivrow .ratingStarDiv {
    margin: 0px;
}

.ratingStarDivrow .ratingStarDiv li {
    font-size: 20px;
}

.ratingStarDivTotal {
    color: #494949;
    font-size: 18px;
    font-weight: 600;
}

.reviewsWrapper {
    margin: 30px 0px;
    border-bottom: 1px solid #DBDBDB;
}

.reviewsrow {
    margin: 0px 0px 30px;
}

.reviewsrowtop {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 0px 0px 20px;
}

.reviewsrowtopright h4 {
    font-size: 12px;
    color: #494949;
    font-weight: 600;
    font-family: var(--theme-font);
    margin: 0px 0px 2px;
}

.reviewsrowtopright .ratingStarDiv {
    margin: 0px;
}

.reviewsrowtopleft {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    border-radius: 50%;
    background-color: #d9d9d9;
}

.reviewsrowbottom p {
    margin: 0px;
}

.seemoreLink {
    color: #494949;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    display: flex;
    gap: 8px;
    align-items: center;

}

/*====customerReviewSection===*/


/*========product detail page=====*/


/*=========About us page=========*/
.OurVisionWrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px
}

.OurVisionCard {
    padding: 50px 30px;
    background-color:#ffffff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}

.OurVisionCard h4 {
    font-size: 30px;
    color: #333333;
    margin: 0px 0px 25px;
    position: relative;
}

.OurVisionCard h4::after {
    content: "";
    background-color: #ef5b28;
    width: 40px;
    height: 5px;
    position: absolute;
    left: 0;
    bottom: -7px;

}

.OurVisionCard p {
    margin: 0px;
}

.OurvaluesWrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px
}

.OurvaluesCard {
    padding: 90px 30px;
    position: relative;
    background-color: #FFF8BC;
    text-align: center;
}

.OurvaluesWrapper .OurvaluesCard:nth-child(2) {
    background-color: #C6E4FF;
}

.OurvaluesWrapper .OurvaluesCard:nth-child(3) {
    background-color: #D2F0EC;
}

.OurvaluesCard h5 {
    font-size: 22px;
    color: #333333;
    margin: 0px 0px 15px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}

.OurvaluesCard p {
    margin: 0px;
}

/*=========About us page=========*/



/*=======blog detail page======*/

.blogDetailwrap {
    display: flex;
    gap: 30px;
    margin: 50px 0px;
}

.BlogDetailLhs {
    width: calc(70% - 30px);
    min-width: calc(70% - 30px);
}

.BlogDetailRhs {
    width: 30%;
    min-width: 30%;
}

.BlogDetailBox .DateDiv {
    padding: 10px 0px;
    border-bottom: 1px solid #dbdbdb;
    color: #494949;
    font-size: 16px;
}

/* .BlogDetailLhs p:last-child {
  margin: 0px;
} */
.BlogDetailBox h2 {
    color: #333333;
    font-size: 25px;
    font-weight: 400;
    margin: 0px 0px 15px;
}

.BlogDetailBox .BlogBoxFooter1 {
    padding: 0px;
    margin: 15px 0px 0px;
}

.BlogDetailRhs h4 {
    background-color: #ef5b28;
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    padding: 10px 10px 12px;
    margin: 0px 0px 20px;
    font-family: "Inter", sans-serif;
}

.BlogDetailLhs .BlogBoxFooter p {
    margin: 0px 0px 15px;
}

.recentPostWidgetrow .postwidgetflex:not(:last-child) {
    border-bottom: 1px solid #dbdbdb;
    padding: 0px 0px 8px;
}

.postwidgetflex {
    display: flex;
    margin: 0px 0px 8px;
}

.imgwrapper {
    margin-bottom: 0px;
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s;
    border-radius: 4px;
}

.postwidgetflex .imgwrapper {
    width: 110px;
    min-width: 110px;
    height: 83px;
    min-height: 83px;
    margin: 0px 10px 0px 0px;
    overflow: hidden;
}

.postwidgetflex p {
    margin: 0px 0px 4px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}

.recentpostcontent p a {
    color: #494949;
}

.recentpostcontent .monthdayyear p a {
    color: #494949;
}

/*=======blog detail page======*/



/*======contact us page=======*/
.contactusInforow {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin: 50px 0px;
}

.ContactusInfoBox {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background-color: #ffffff;
    padding: 20px;
    overflow: hidden;
    border-radius: 10px;
}

.ContactusInfoBox .infodflex {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.infodflex .infodflexIcon {
    width: 45px;
    min-width: 45px;
    height: 45px;
    min-height: 45px;
    background-color: #ef5b28;
    color: #ffffff;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
    margin: 0 auto 15px;
}

.infodflex .infodflexIcont h4 {
    font-size: 25px;
    color: #494949;
    margin: 0px 0px 10px;

}

.infodflex .infodflexIcont p {
    margin: 0px;
    font-size: 16px;
}

.infodflex .infodflexIcont p a {
    color: #494949;
    text-decoration: none;
}

.FormSectionrow {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.FormSectionBox {
    height: 100%;
    border-top: 3px solid #ef5b28;
    border-bottom: 3px solid #ef5b28;
    padding: 30px;
    width: 100%;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background: #fff;
}

.FormSectionBox .formDivarea .formgroup label {
    display: none;
}

.formgrouprow {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0px 15px;
}

.formDivarea .formgroup label {
    display: block;
    color: #494949;
    font-size: 16px;
    font-weight: 400;
    margin: 0px 0px 8px;
}

.formDivarea .formgroup {
    margin: 0px 0px 20px;
}

.formDivarea .formgroup input,
.formDivarea .TextAreaDiv textarea {
    border: 1px solid #dbdbdb;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    padding: 10px 15px;
    height: 50px;
    width: 100%;
    border-radius: 30px;
    outline: none;
    background-color: transparent;
    overflow: hidden;
}

.formDivarea .formgroup input::placeholder,
.formDivarea .TextAreaDiv textarea::placeholder {
    color: #494949;
}

.formDivarea .TextAreaDiv textarea {
    height: 120px;
}

.formcta .formsubmitcta {
    border: 0px;
    background-color: #ef5b28;
    padding: 10px 50px;
    display: table;
    border-radius: 30px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    margin: 0 auto;
}

.InfoContactBox,
.locationIframeDiv,
.locationIframeDiv iframe {
    height: 100%;
}

/*======contact us page=======*/


.ContentBasedPage ul {
    padding-left: 20px;
}


.ContentBasedPage ul li {
    font-weight: 500;
    margin: 0px 0px 5px;
}











/*=======media query======*/

@media (min-width: 992px) {
    .container {
        max-width: 1100px;
    }

    .BlogDetailLhs p,
    .ContentBasedPage p {
        text-align: justify;
    }



}

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

}

@media screen and (min-width: 1151px) {}

@media screen and (max-width: 1199px) {}

@media screen and (max-width: 1150px) {
    .container {
        max-width: 100%;
    }

 

    .FooterLogo {
        width: 95px;
    }
}

@media screen and (max-width: 1024px) {

    .CategoryWrapper,
    .FeaturedProductWrapper {
        grid-template-columns: repeat(3, 1fr);
    }

    .Footerlhs {
        width: 50%;
        min-width: 50%;
    }

    .Footerrhs {
        width: calc(50% - 80px);
        min-width: calc(50% - 80px);
    }

}


@media screen and (max-width: 991px) {


    .bannerItalicFont {
        font-size: var(--theme-font-size-35);
        line-height: 35px;
    }

    .bannerText h1 {
        font-size: var(--theme-font-size-20);
        margin: var(--theme-mb-10);
    }

    .FooterWrapper {
        flex-direction: column;
        gap: 20px;
    }

    .Footerlhs,
    .Footerrhs {
        width: 100%;
        min-width: 100%;
    }

    .FooterWrapper h4 {
        font-size: var(--theme-font-size-18);
        margin: var(--theme-mb-20);
    }

    .SocialIconsWrapper h4 {
        margin: 0px;
    }

    .CustomerSupportBox p {
        font-size: var(--theme-font-size-16);
    }

    .SocialIcons {
        gap: 10px;
    }

    .SubFooter p {
        padding: 10px 0px;
    }

    .InnerBanner h1,
    .InnerpageBanner h1 {
        font-size: 30px;
        margin: 0px 0px 10px;
    }

    .totalpagesofresults {
        display: none;
    }

    .FilterWrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        overflow-x: auto;
    }

    .FilterInrow {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .FilterMenuParentDiv {
        flex-flow: nowrap;
        white-space: nowrap;
    }

    .FilterMenu {
        border: 1px solid #C8C8C8;
        padding: 10px 10px 10px 5px;
        border-radius: 5px;
    }

    .InnerBanner {
        background-position: center center;
        padding: 80px 0px;
    }

    .ProductDetailToprow {
        flex-direction: column;
    }

    .ProductDetailTopLhs,
    .ProductDetailTopRhs {
        width: 100%;
        min-width: 100%;
    }

    .ThumbnailSliderParentrtside .wishlistElement {
        width: 33px;
        min-width: 33px;
        height: 33px;
        min-height: 33px;
        background-size: 18px;
    }

    .ThumbnailSliderParentltside {
        display: none;
    }

    .ThumbnailSliderParentrtside {
        width: 100%;
        min-width: 100%;
    }

    .ProductDetailTopRhs h1 {
        font-size: 25px;
    }

    .ProductDetailTopRhs .FeaturedProductCardPrice span {
        font-size: 16px;
    }

    .ProductDetailTopRhs .FeaturedProductCardPrice .PriceBeforeDiv {
        font-size: 14px;
    }

    .ProductDetailTopRhs .FeaturedProductCardPrice {
        gap: 10px;
    }

    .cta {
        font-size: 16px;
    }

    .ThumbnailSliderParentrtside {
        height: auto;
    }

    .quantityDivWrap .quantity {
        gap: 8px;
    }

    .titleh2 h2 {
        font-size: var(--theme-font-size-25);
    }

    .OurVisionCard h4 {
        font-size: 24px;
    }

    .contactusInforow {
        grid-template-columns: repeat(2, 1fr);

    }

    .formgrouprow {
        grid-template-columns: repeat(1, 1fr);
        gap: 0px;
    }

    .FormSectionrow {
        grid-template-columns: repeat(1, 1fr);
        display: flex;
        flex-direction: column-reverse;
    }

    .FormSectionBox {
        padding: 20px;
    }

    .blogDetailwrap {
        flex-direction: column;
    }

    .BlogDetailLhs,
    .BlogDetailRhs {
        width: 100%;
        min-width: 100%;
    }

    .HandClipArtSecrow {
        flex-direction: column;
        gap: 30px;
        justify-content: center;
        padding: 40px;
    }

    .HandClipArtText {
        font-size: 40px;
        line-height: 40px;
    }

    .HandClipArtSecBox,
    .HandClipArtimg {
        width: 100%;
        min-width: 100%;
    }


}

@media screen and (max-width: 767px) {

    .CustomerSupportWrapper,
    .CategoryWrapper,
    .FeaturedProductWrapper,
    .BlogSectionrow,
    .OurvaluesWrapper {
        grid-template-columns: repeat(2, 1fr);
    }

    .CategoryCard .ImgParent {
        height: calc(100% - 50px);
    }

    .CategoryTextArea {
        background-color: var(--theme-primary-color);
        height: 50px;
    }

    .CategoryTextArea h2 {
        top: 0px;
    }



}

@media screen and (min-width: 576px) {
    .Footerlhs .SocialIconsWrapper {
        display: none;
    }
}



@media screen and (max-width: 575px) {

    .CategoryWrapper,
    .FeaturedProductWrapper,
    .BlogSectionrow,
    .OurVisionWrapper,
    .OurvaluesWrapper,
    .contactusInforow {
        grid-template-columns: repeat(1, 1fr);
    }

    .Footerlhs {
        flex-direction: column;
    }

    .Footerrhs .SocialIconsWrapper {
        display: none;
    }

    .subcribeformWrapper {
        margin: 0px;
    }

    .FooterLogoWrapper {
        display: flex;
        justify-content: space-between;
        gap: 15px;
        align-items: center;
        margin: 0px 0px 30px;
    }

    .subcribeformWrapper {
        flex-direction: column;
    }

    .subcribeformWrapper .subcribeInput {
        width: 100%;
        min-width: 100%;
        margin: var(--theme-mb-10);
        height: 40px;
        border: 1px solid var(--theme-primary-color);
        border-radius: 7px;
        font-size: var(--theme-font-size-14);
    }

    .subcribeformWrapper .subcribeBtn {
        width: 100%;
        min-width: 100%;
        height: 40px;
        font-size: var(--theme-font-size-14);
    }

    .BtnGroupWrapper {
        gap: 10px;
    }

    .BtnGroupWrapper a {
        width: 50%;
        max-width: 50%;
    }

    .OurVisionCard,
    .OurvaluesCard {
        padding: 30px 15px;
        text-align: center;
    }

    .OurVisionCard h4::after {
        margin: 0 auto;
        right: 0;
        height: 4px;
        width: 50px;
    }
}



/* window on load Popup */
.Woverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 999;
}


.popup {
    background: #fff;
    padding: 20px 30px;
    border-radius: 10px;
    position: relative;
    width: 500px;
    text-align: center;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

/* Close Button */
.close-btn {
    position: absolute;
    top: 10px;
    right: 15px;
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
}

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

.MailFormWr input {
    width: calc(100% - 130px);
    outline: none;
    border: 1px solid #dbdbdb;
    height: 40px;
    padding: 10px;
    border-radius: 5px;
    font-size: 15px;
}

.MailFormWr button {
    background-color: #ef5b28;
    border: 0px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    height: 40px;
    width: 120px;
    border-radius: 5px;
    padding: 5px;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .popup {
        width: 90%;
    }

    .MailFormWr {
        flex-direction: column;
    }

    .MailFormWr input {
        width: calc(100% - 0px);
    }

    .MailFormWr button {
        width: 100%;
    }
}
.FeaturedProductCardPrice {
    display: none !important;
}
.contact-form-wrapper {
  max-width: 100%;
  width: 100%;
  padding: 15px;
  box-sizing: border-box;
}

.form-group {
  margin-bottom: 15px;
}

.form-group label {
  display: block;
  font-weight: bold;
  margin-bottom: 6px;
}

.form-control {
  width: 100%;
  padding: 10px 12px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-sizing: border-box;
}

.submit-btn {
  background-color: #0071a1;
  color: white;
  padding: 12px 20px;
  border: none;
  font-weight: bold;
  border-radius: 5px;
  width: 100%;
  cursor: pointer;
  transition: background-color 0.3s ease;
  text-transform: uppercase;
}

.submit-btn:hover {
  background-color: #005c88;
}

@media (min-width: 768px) {
  .form-group {
    display: flex;
    flex-direction: column;
  }

  .form-control,
  .submit-btn {
    max-width: 100%;
  }
}