.wow {
    visibility: hidden;
}

.myhome_textimg {
    cursor: pointer;
}

.slider_categories .swiper-slide.selected .myhome_textimg {
    border-bottom: 2px solid #ff0000;
}

button:focus {
    outline: none;
    border: none;
}

button:focus-visible {
    outline: none;
    border: none;
}

div {
    outline: none;
    border: none;
}

.wow {
    visibility: hidden;
}

.w100s {
    width: 100% !important;
}

.mr0 {
    margin-top: 0 !important;
}

.cartitem {
    display: flex;
    gap: 1rem;
    border-bottom: 1px solid #ddd;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.cartitem_div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;

}

.color_swiper {
    background-color: #FFCC66;
    background-color: #CCCCFF;
    padding: 0px 15px 0px 15px;
    transition: all ease-in-out 0.5s;
    display: grid;
    place-items: center;
    min-height: 250px;
}

.color_swiper_text {
    height: 95px;
}

.myhome_textimg:hover .color_swiper {
    border-radius: 12px;
}

.myhome_textimg:hover .color_swiper img {
    /* filter:invert(1) */
}

div:focus-visible,
button:focus-visible,
a:focus-visible,
svg:focus-visible {
    outline: none;
    border: unset;
}

div:focus,
button:focus,
a:focus,
svg:focus {
    outline: none;
    border: unset;
}

.color_swiper img {
    width: 4rem;
}

@font-face {
    font-family: 'matterbold';
    src: url('../fonts/matter/matter-bold.woff2') format('woff2'),
        url('../fonts/matter/matter-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'matterbold_italic';
    src: url('../fonts/matter/matter-bolditalic.woff2') format('woff2'),
        url('../fonts/matter/matter-bolditalic.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'matterheavy';
    src: url('../fonts/matter/matter-heavy.woff2') format('woff2'),
        url('../fonts/matter/matter-heavy.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'matterheavy_italic';
    src: url('../fonts/matter/matter-heavyitalic.woff2') format('woff2'),
        url('../fonts/matter/matter-heavyitalic.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'matterlight';
    src: url('../fonts/matter/matter-light.woff2') format('woff2'),
        url('../fonts/matter/matter-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'matterlight_italic';
    src: url('../fonts/matter/matter-lightitalic.woff2') format('woff2'),
        url('../fonts/matter/matter-lightitalic.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'mattermedium';
    src: url('../fonts/matter/matter-medium.woff2') format('woff2'),
        url('../fonts/matter/matter-medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'mattermedium_italic';
    src: url('../fonts/matter/matter-mediumitalic.woff2') format('woff2'),
        url('../fonts/matter/matter-mediumitalic.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'matterregular';
    src: url('../fonts/matter/matter-regular.woff2') format('woff2'),
        url('../fonts/matter/matter-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'matterregular_italic';
    src: url('../fonts/matter/matter-regularitalic.woff2') format('woff2'),
        url('../fonts/matter/matter-regularitalic.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'mattersemibold';
    src: url('../fonts/matter/matter-semibold.woff2') format('woff2'),
        url('../fonts/matter/matter-semibold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'mattersemibold_italic';
    src: url('../fonts/matter/matter-semibolditalic.woff2') format('woff2'),
        url('../fonts/matter/matter-semibolditalic.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Conv_Southampton';
    src: url('../fonts/south/Southampton.eot');
    src: local(''),
        url('../fonts/south/Southampton.woff') format('woff'),
        url('../fonts/south/Southampton.ttf') format('truetype'),
        url('../fonts/south/Southampton.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

:root {
    /* colors */
    --primary-color: #000000;
    --primary-highlight-color: #E20613;
    --secondary-color: #EAEAEA;
    --color-light-grey: #dddddd;
    --white-color: #fff;

    /* font-sizes */
    --mini-font-size: 0.8rem;
    --nav-font-size: 1.2rem;
    --link-font-size: 1rem;
    --content-font-size: 1.3rem;
    --cursive-font-size: 6.5rem;
    --medium-font-size: 3rem;
    --medium-title-font: 2rem;

    /* font-families */
    --regular-font-family: "matterregular";
    --semibold-font-family: "mattersemibold";
    --bold-font-family: "matterheavy";
    --cursive-font-family: "Conv_Southampton";

    /* other */
    --common-transition: all 0.5s ease;
}



.mainWrapperProfile .profile-section {
    width: 690px;
    margin: 50px auto 0 auto;
    background: #fff;
    padding: 50px;
    border-radius: 12px;
    box-shadow: -1px 6px 14px 2px rgb(0 0 0 / 18%);
    -webkit-box-shadow: -1px 6px 14px 2px rgb(0 0 0 / 18%);
    -moz-box-shadow: -1px 6px 14px 2px rgb(0 0 0 / 18%);
}

/* 
.mainWrapperProfile .cart-view {


    background: #fff;
    padding: 50px;
    border-radius: 12px;
    box-shadow: -1px 6px 14px 2px rgb(0 0 0 / 18%);
    -webkit-box-shadow: -1px 6px 14px 2px rgb(0 0 0 / 18%);
    -moz-box-shadow: -1px 6px 14px 2px rgb(0 0 0 / 18%);
} */

.mainWrapperProfile .width_full {
    width: 99% !important;
    margin-top: 0 !important;
    margin: 7px 2px !important;
}

.mainWrapperProfile h1.homeTitleLine {
    font-size: var(--medium-title-font);
    padding: 15px 15px 15px 0;
    font-family: var(--regular-font-family);
    color: #3F4245;
    font-weight: bold;
}

.margin_form_detail {
    padding-bottom: 2rem;
    width: 100%;
}

.margin_strike_flex {
    display: flex;
    align-items: center;
    gap: 2rem;
    padding: 1rem 0;
}

.margin_form_detail fieldset {
    border: 1px solid #000;
    padding: 0.3rem 0.3rem 0.6rem;
    border-radius: 10px;
}

.margin_form_detail fieldset:hover {
    border: 1px solid #000;
}

.margin_form_detail legend {
    color: #000;
    width: max-content;
    padding: 0px 0.3rem;
}

.main_margin_control {
    color: #000;
    border: unset;
    width: 100%;
}

.mainWrapperProfile .button button {
    width: 70%;
    background-color: #dd2b24;
    padding: 15px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 0;
    margin-top: 50px;
    text-align: center;
    display: block;
    border: none !important;
    outline: none !important;
}

button:focus,
button:focus-visible {
    border: none !important;
    outline: none !important;
}

.mainWrapperProfile .button button span {
    color: #fff !important;
    /* font-size:var(--mini-font-size); */
    font-size: var(--nav-font-size);

}

.mainWrapperProfile .form-control {
    width: 100%;
    height: 50px;
    padding: 6px 12px 6px 0px;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: unset;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border-left: navajowhite;
    border-right: navajowhite;
    border-top: none;
}

.pt00 {
    padding-top: 0 !important;
}

.user_title {
    padding: 50px 0 15px 0;
    margin: 0 30px;
    border-bottom: 1px solid #ddd;
}

.user_title h1 {
    padding: 0 !important;
}


.table_proposal .table {
    border: none !important;
    margin-bottom: 0 !important;
}

.table_proposal .table>tbody>tr>th {
    border-bottom: 0px solid transparent;
    border-top: transparent !important;
    font-size: var(--nav-font-size);
}

.table_proposal .table>tbody>tr>th:nth-child(1) {
    width: 20%;
}

.table_proposal .table>tbody>tr>th:nth-child(2) {
    width: 30%;
}

.table_proposal .table>tbody>tr>th:nth-child(3) {
    width: 30%;
}

.table_proposal .table>tbody>tr>th:nth-child(4) {
    width: 20%;
}

.tab_ul li {}

.tab_ul li img {
    width: 1.2rem;
    gap: 1rem;
}

.table_proposal .table>tbody>tr>td {
    border-bottom: 1px solid #ddd;
    border-top: transparent !important;
    font-size: var(--nav-font-size);
}

.table_proposal table p {
    line-height: 1.1;
}

.download_proposal {
    border: none;
    border-radius: 50px;
    padding: 0.5rem 1.5rem;
    background-color: #FFBDBE;
    color: var(--primary-highlight-color);
    font-size: 0.9rem;
}

.proposal_heading th {
    margin-bottom: 3rem !important;
}

.table_proposal td {
    padding: 1.5rem 10px !important;
}

/*::-webkit-scrollbar {
    width: 5px;
}*/

.table_proposal p {
    font-size: 1rem !important;

}

.proposal_data p {
    font-family: var(--semibold-font-family);
}

.download_proposal p {
    color: var(--primary-highlight-color);
}

/* Track */

::-webkit-scrollbar-track {
    background: #ffffff;
}


/* Handle */

::-webkit-scrollbar-thumb {
    background: transparent;
}


/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: transparent;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family: var(--regular-font-family);
    color: var(--primary-color);
}

html {
    height: auto;
    scroll-behavior: smooth;
    font-size: 16px;
}

* {
    line-height: 1.4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    line-height: 1.4;
    width: 100%;
}

ol,
ul {
    list-style: none;
    padding: 0;
}

p {
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin: 0;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    background-color: transparent;
    color: unset;
    outline: none;
    text-decoration: none;
    -webkit-transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    -ms-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

a:focus,
a:hover {
    outline: 0;
    text-decoration: unset;
    color: unset;
}

img {
    max-width: 100%;
    width: 100%;
    height: auto;
    transition: var(--common-transition);
    margin: 0 auto;
    cursor: pointer;
    object-fit: cover;
    display: block;
}

.prodcut_detail_swiper .swiper-slide img {
    width: 100% !important;
    max-width: unset !important;
}

.relative {
    position: relative;
}

.showProductLoaderInner .fa {
    font-size: 40px;
}

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

.black_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all ease 0.4s;
    background: rgb(0 0 0 / 15%);
    z-index: 0;
}


.site-container {
    width: 95%;
    margin: 0 auto;
}

.site_navi_wrapper {
    display: flex;
    gap: 1rem;
    width: 95%;
    margin: 0 auto;
    align-items: center;
    padding-top: 2rem;

}

.site_swiper_wrapper {
    width: 90%;
    margin: 0 auto;
}

.visible-tab-mobile {
    display: none;
}

.hide-tab-mobile {
    display: block;
}


.page-view {
    min-height: 90vh;
}

.hover-enable {
    display: none;
}

.hover-disable {
    display: inline-block;
}

.no-scroll-body {
    overflow-y: hidden;
}


/* mobile Navigation WEb*/

/* .site-header {
    padding: 1rem 0;
    background-color: var(--secondary-color);
    transition: var(--common-transition);
} */


.prdouct_main_drop_flex {
    display: flex;
    gap: 1rem;
}

.product_content_title p {
    font-size: var(--nav-font-size);
    font-family: var(--regular-font-family);
    cursor: pointer;
    padding: 0.5rem;
    background: #ffffff;
    border: 1px solid #00000000;
}



.sticky_div {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
}

.site-header-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.site-header.header_change {
    border-bottom: 1px solid #dedede;
    top: 0;
    /* position: fixed; */
}

/* .site-header.header_change .site_menu_bar  { 
    transition: all ease-in-out 0.5s;
} */

.site-header-links-web ul {
    display: flex;
    flex-direction: row;
    gap: 3rem;
    align-items: center;
}

.site-header-links-web ul li p {
    font-size: var(--nav-font-size);
}

.bar {
    display: block;
    height: 2px;
    width: 30px;
    background-color: var(--primary-color);
    -webkit-transition: var(--common-transition);
    -moz-transition: var(--common-transition);
    -ms-transition: var(--common-transition);
    -o-transition: var(--common-transition);
    transition: var(--common-transition);
}

.bar.top {
    margin-top: 0 !important;
    margin-bottom: 8px;
}

.bar.bottom {
    margin-bottom: 0;
}

.site-header-logo img {
    width: 200px;
}

.site-header-links-web li img {
    width: 22.5px;
}

/* mobile Navigation WEb END */


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




/*footer start*/
.footer_container {
    width: 79.3%;
    margin: 0 auto;

}

.black_footer_padding {
    padding: 5rem 0 3.5rem 0;
}

.bottom_strip_padding p {
    font-size: var(--link-font-size);

}

.bottom_strip_padding {
    padding: 1.5rem 0;
}


.clearfix {
    clear: both;
}

.footer_wrapper_grid_bg {
    background-color: #3D3D3D;
}

.footer_wrapper_grid {
    display: grid;
    gap: 2rem;
    grid-template-areas: 'one two three four five';
    grid-template-columns: repeat(5, 1fr);


}

.footer_wrapper_grid_bg ul li a:hover {
    color: #9C2023;
}

.bottom_strip_padding a:hover {
    color: #9C2023;
}

.footer_wrapper_grid>div:nth-child(1) {
    grid-area: one;
    color: var(--white-color);
}

.footer_wrapper_grid>div:nth-child(1) p {
    color: var(--white-color);
}

.footer_wrapper_grid>div:nth-child(2) {
    grid-area: two;

}

.footer_wrapper_grid>div:nth-child(3) {
    grid-area: three;

}

.footer_wrapper_grid>div:nth-child(4) {
    grid-area: four;

}

.footer_wrapper_grid>div:nth-child(5) {
    grid-area: five;

}


/* .footer_wrapper_grid>div:nth-child(2),
.footer_wrapper_grid>div:nth-child(3),
.footer_wrapper_grid>div:nth-child(4),
.footer_wrapper_grid>div:nth-child(5) {
    padding-left: 45px;
} */

.footer_logo {
    width: 145px;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.footer_wrapper_grid h6 {
    color: #ffeaea;
    font-size: 1.3rem;
    padding-bottom: 1.1rem;
    padding-top: 1rem;
}

.footer_wrapper_grid ul li {
    color: var(--white-color);
    font-size: var(--link-font-size);
    /* line-height: 2.5rem; */
    padding-bottom: 1.5rem;
}


/*home page */
.homepage_banner {
    padding-top: 95px;
}

.homepage_banner_text h1 {
    color: var(--primary-color);
    font-size: 4rem;
    font-family: var(--regular-font-family);
    line-height: 1.2;
}

.homepage_abs_banner_text {
    position: absolute;
    top: 30%;
    left: 11%;
    width: 40%;
}

p {
    font-family: var(--regular-font-family);
}

.homepage_abs_banner_text p {
    font-size: var(--nav-font-size);
    color: var(--primary-color);

    padding-top: 3rem;
}

.jcc {
    justify-content: center !important;
    text-align: center;
    margin: 0 auto;
}


.website_btn a span {
    color: var(--primary-highlight-color);
    transition: all ease-in-out 0.5s;
}

.website_btn:hover a span {
    /* letter-spacing: 2px; */
    transform: translateX(10%);

}

.website_btn a {
    display: flex;
    align-items: center;
    white-space: nowrap;
    color: var(--primary-highlight-color);
    font-size: var(--nav-font-size);


}

.website_btn {
    width: max-content;
    /* padding: 3rem 0; */
}

.website_btn .btn_img {
    width: 5rem;
}

.center_btn a {
    margin: 0 auto;
}

.center_btn img {
    width: 40%;
}

.website_btn img {
    padding-right: 10px;
    color: #ff0000;
}

.home_ul {
    display: flex;
    align-content: center;
}

.comon_bg_div img {
    width: 18%;
    margin-right: auto;
    margin-left: 0;
}

.comon_bg_div {
    padding: 1.7rem 1rem;
    width: max-content;
}

.comon_bg_div p {
    padding-bottom: 1.2rem;
    font-size: var(--content-font-size);
    color: var(--primary-color);
    transition: all ease-in-out 0.5s;
}

/* .homepage_ul_li_abs_div {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
} */

.homepage_banner img {
    width: 100%;
    height: 65.7vh;
    object-fit: cover;
}

.comon_bg_div:hover img {
    transform: translateX(50%);
}

.comon_bg_div:hover p {
    letter-spacing: 2px;

}

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

.heading-cursive h1 {
    color: var(--primary-color);
    font-size: var(--cursive-font-size);
    line-height: 1;
    font-family: var(--cursive-font-family);
    padding-bottom: 0.5rem;
}

.tc {
    text-align: center;
}

.content p {
    color: var(--primary-color);
    font-size: var(--content-font-size);
    font-family: var(--regular-font-family)
}

/*section2*/
.coroporate_gift_grid {
    display: flex;
    flex-flow: row wrap;
    padding: 5rem 0;
    gap: 1.7rem;
    align-items: center;
    justify-content: center;
}

.coroporate_gift_block {
    flex-basis: calc(12.5% - 1.5rem);
}

.cleavepage_container {
    width: 88%;
    margin: 0 auto;
}

.coroporate_gift_grid p {
    text-align: center;
    padding-bottom: 3.2rem;
    padding-top: 1rem;
    font-size: var(--content-font-size);
    color: var(--primary-color);
}

.coroporate_gift_block:hover p {
    color: #9C2023;
}

.coroporate_gift_block {
    overflow: hidden;
}

.gift_block {
    overflow: hidden;
}

.client_logo {
    overflow: hidden;
    background-color: #fff;
    height: 220px;
    place-content: center;
    display: grid;
}

.client_logo img {
    width: 80%;
}

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

.corporate_banner_bg {
    position: relative;
    background-image: url(../images/home/background-2.jpg);

    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: auto;
    opacity: 0.8;
}

.section_padding_homegife_section {
    padding: 10rem 0 6rem 0;
}

.section-padding {
    padding: 80px 0;
}

.swiper_container_homepage {
    width: 81%;
    margin: 0 auto;
    padding: 5rem 0;
}


.site-container-filter .swiper-button-prev,
.site-container-filter .swiper-button-next {
    background-image: none;
    width: 0;
    height: 0;
    padding: 13px;
    place-items: center;
    display: grid;
    border: 1px solid #000;
    border-radius: 50%;
    place-content: center;


}

.filter_grid {
    display: flex;
    justify-items: center;
    grid-auto-flow: column;
    align-items: center;
    gap: 0.3rem;
}


.gift-by-category .swiper-button-prev,
.swiper-button-next {
    background-image: none;
}

.gift-by-category .swiper-button-prev,
.swiper-button-next {
    width: 60px;
}

.site-container-filter .swiper-button-prev,
.swiper-button-next {
    background-image: none;
    width: 30px;
}

.gift-by-category .swiper-button-prev,
.swiper-button-next {
    width: 60px;
}

.filter-prev {
    left: -40px;
}

.filter-next {
    right: -50px;
}

.filter_btn {
    padding: 0.5rem 0.4rem;
    border: 1px solid #c9c9c9;
    border-radius: 12px;
    cursor: pointer;
}

.category_swiper_image {
    width: 1rem !important;
}

.site_swiper_wrapper .category_swiper_text p {
    /* white-space: nowrap; */
}

.site_swiper_wrapper .swiper-slide {
    background-color: transparent !important;
}

.site_filter_height {
    padding-top: 2rem;
}

.gift-by-category .swiper-slide:hover p {}

.category_swiper_text p {
    padding: 1rem 0;
    font-size: var(--content-font-size);
    text-transform: capitalize;
}

.capitalize {
    text-transform: capitalize;
}

.gift-by-category .swiper-slide:hover p {
    color: #9C2023;
}

.gift-by-category .swiper-slide:hover .category_swiper img {
    border-radius: 28px;
    transform: scale(1.3);
}



/**/
.client_logo_grid {
    display: grid;

    grid-template-columns: repeat(6, 1fr);
    padding: 5rem 0;
    gap: 1.7rem;
}

.client_bg_inner_padding {
    padding: 8rem 0 5rem 0;
}

#Client-section h1 {
    color: rgb(234, 222, 162);
}

#Client-section {
    margin-bottom: 5rem;
}

#Client-section p {
    color: #fff;
    padding-top: 2rem;
    font-weight: normal;

}

.white_text_a a span {
    color: var(--white-color);
}


/*testimonial*/

.testimonial_wrapper .swiper-pagination-bullet {
    width: 30px;
    height: 2px;
    display: inline-block;
    border-radius: 2px;
    background: #000;
    opacity: .2;
}

.testimonial_wrapper .swiper-pagination-bullet-active {
    opacity: 1;
    background: #000;
    border-radius: 2px;
}

.testimonial_wrapper .swiper-container-horizontal>.swiper-pagination {
    bottom: 0;
    left: 0;
    width: 100%;
    /* margin-top: 50px; */
    z-index: 999;
    position: relative;
    border: 0;
    padding-top: 50px;
}


.testimonial_swiper img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin-bottom: 2rem;
}

.testimonial_swiper_text {
    width: 100%;
    margin: 0 auto;
    font-size: var(--content-font-size);
    font-family: var(--regular-font-family);
    color: var(--primary-color);
    padding: 0.5rem 0 0 0;
}

.testimonial_border {
    border: 2px solid var(--color-light-grey);
    padding: 8rem 8rem 2rem 8rem;
    margin-bottom: 15rem;
    margin-top: 3rem;
}

.star_testimonial_rating {
    padding: 0 0 2rem 0;
}

.filled i:before {
    color: #fdb104;
}


.star_testimonial_rating li {
    list-style-type: none;
    display: inline-block;
    padding: 0 2px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    font-size: 18px;
    margin-bottom: 0 !important;
}

.fa-star:before {
    color: #E4B941;
}


.pt15p p {
    padding-top: 1rem;
}

.product_listing_wrapper .product_list_container {
    width: 85%;
    margin: 0 auto;
}

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

.product_listing_wrapper .product_detail_menu>div {
    display: flex;
    align-items: center;
    gap: 3rem;
}

.product_listing_wrapper .product_filter {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.product_listing_wrapper .filter_bar>div {
    width: 60px;


}

.product_listing_wrapper .filter_bar img {
    padding: 10px;
    border-radius: 50%;
}

.product_listing_wrapper .product_pdf>div {
    width: 70px;
    height: 30px;
    background-color: var(--primary-highlight-color);
}

.product_listing_wrapper .product_right_bar>div {
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-content: end;
    width: 100%;
}

.product_listing_wrapper .product_img {
    height: 200px;
    background: #fff;
    width: 100%;
    margin: 15px 0;
}

.checkbox_main_img_flrex .product_img img {
    object-fit: contain;
}

.product_listing_wrapper .product_img img {
    width: 100%;
    margin: 0 auto;

}

.product_listing_wrapper .product_detail_info {
    padding: 0.7rem;
    /* background-color: #eaeaea73; */
    border: 1px solid #e3e3e3;
    border-radius: 10px;
}

.product_listing_wrapper .product_code p {
    font-size: var(--nav-font-size);
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 54px;
}

.product_listing_wrapper .product_color p {
    /* font-size: var(--link-font-size); */
    font-size: var(--nav-font-size);
}

.product_listing_wrapper .product_detail_text p span {
    font-weight: bold;

}

.filterDivider {
    border-top: solid 1px #333;
    margin: 20px 0;
    float: left;
    width: 100%;
}

.rzslider .rz-selection {
    background: #f8b037 !important;
}

.rzslider .rz-bar {
    background: #b5b5b5;
}

.rzslider .rz-pointer {
    /* top: -5px;
    width: 15px;
    height: 15px;
    background-color: #ffffff;
    border-radius: 16px;
    border: solid 1px #000;*/
    top: -7px !important;
    z-index: 3;
    width: 16px !important;
    height: 16px !important;
    cursor: pointer;
    background-color: #0db9f0;
    border-radius: 16px !important;
}

.rzslider .rz-pointer:after {
    display: none;
}

.filterTitle {
    margin: 0 0 10px 0;
    float: left;
}

.filterLink ul li {
    width: 100% !important;
    position: relative;
    padding: 5px 0;
    display: inline-block;
    width: 100%;
}

.product_listing_wrapper .product_list_detail {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
}

.main_pro_list {
    flex-basis: 80%;
}

.product_listing_wrapper .product_img img {
    border-radius: 5px;
}

.product_listing_wrapper .product_detail_info {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    cursor: pointer;
    transition: all ease-in-out 0.5s;
}

/* .product_listing_wrapper .product_detail_info:hover {
    transform: translateY(-5%);
} */

/* .product_listing_wrapper .product_detail_info:hover img {
    transform: scale(1.1);
} */

.product_listing_wrapper .wishlist_option {
    position: absolute;
    top: 5%;
    right: 5%;
}

.product_listing_wrapper .wishlist_option>div {
    width: 10px;
    height: 10px;
    background-color: #ff0000;
}

.product_listing_wrapper .product_checkbox {
    text-align: right;

}

.product_listing_wrapper .product_checkbox input {
    border: 1px solid var(--secondary-color);
}

.product_listing_wrapper .product_checkbox input[type=checkbox] {
    /* margin: 4px 0 0; */
    line-height: normal;
    width: 20px;
    height: 20px;
    background: transparent;
    background-color: transparent;
    margin-top: 0;
    /* border: 1px solid red; */
}

.medium_title h1 {
    font-size: var(--medium-font-size);
    line-height: unset;

}

.medium_font h1 {
    font-family: var(--semibold-font-family);
}

.bold-font h1 {
    font-family: var(--bold-font-family);
}

.fill_button button {
    background-color: #EA2A23;
    border-radius: 8px;
    border: #EA2A23;
}

.fill_button button:hover {
    background-color: var(--primary-color);
    border: var(--primary-color);
}

/* .fill_button a button {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.5rem 0.8rem;
    font-size: var(--link-font-size);
} */

.fill_button a button {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.8rem 2rem;
    font-size: var(--link-font-size);
}

.fill_button .btn-chg {
    display: grid;
}

.fill_button button img {
    width: 1rem;
}

.fill_button button p {
    color: var(--white-color);
    font-family: var(--regular-font-family);
    font-size: var(--mini-font-size);
}

.sortBtn p {
    display: flex;
    align-content: center;
    gap: 0.5rem;
    font-family: var(--regular-font-family);
    font-size: var(--link-font-size);
    text-transform: uppercase;
}

.custome_dropdown li {
    font-family: var(--regular-font-family);
    font-size: var(--link-font-size);
}

.custome_dropdown .dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    background-color: #EA2A23;
    color: var(--white-color);
    padding: 0.5rem 0.5rem;

}


.product_filter .open>.dropdown-menu {
    display: block;
    min-width: max-content;
    padding: 0 0 0rem 0;
    border: 1px solid #ddd;
}

.product_filter .dropdown-menu>li>a {
    display: block;
    padding: 0.5rem 1.5rem !important;
    line-height: 1.42857143;
    white-space: nowrap;
}


/* .product_filter.dropdown-menu {
    opacity: 0 !important;
}
.product_filter.open>.dropdown-menu {
    opacity: 1 !important;
} */

.product_detailpage_container {
    width: 75%;
    margin: 0 auto;
    padding: 5rem 0;
}

.serchbox input {
    background-color: var(--color-light-grey);
    padding: 0.6rem 1rem 0.6rem 5rem;
    width: 100%;
    border: unset;
    font-size: var(--nav-font-size);
    color: #000;
}

input:focus-within {
    outline: none;
}

.serchbox input::placeholder {
    color: var(--primary-color)
}

/* .serchbox .sr_flex {
    display: flex;
} */
.sr_flex img {
    position: absolute;
    top: 9px;
    left: 2rem;
    width: 1.8rem;
}

.vertical_tabpanel .swiper_detail_page .swiper-slide {
    width: 100% !important;
}

.vertical_tabpanel .nav-pills>li.active>a,
.btn-primary {
    background-color: #6C6C6C !important;
    border-color: #6C6C6C !important;
    border-radius: 25px;
}

.vertical_tabpanel {
    display: flex;
    gap: 2rem;
    overflow: hidden;
}

.vertical_tabpanel ul li {
    background-color: var(--white-color);
}

.common_border_detail_block {
    border: 1px solid #ddd;
}

.vertical_tabpanel>div:nth-child(1) {
    width: 21%;

}

.vertical_tabpanel>div:nth-child(2) {
    width: 79%;

}

/*.vertical_tabpanel>div:nth-child(2) {
    
    background-color: var(--white-color);
    
}*/


.vertical_tabpanel ul li {
    padding: 1rem 1rem 1rem 2.5rem;
    font-family: var(--regular-font-family);
    font-size: var(--content-font-size);
    text-transform: capitalize;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.vertical_tabpanel ul li {
    color: #979797;
    cursor: pointer;
    font-size: 1.2rem;
}

.tab_container_page {
    width: 80% !important;
    margin: 0 auto;
    padding: 5rem 0;
}

.border_none {
    border: none;
    background-color: #fff;
    box-shadow: 0px 6px 14px 2px rgb(0 0 0 / 19%);
    -webkit-box-shadow: 2px 2px 6px 0 rgb(0 0 0 / 19%);
    -moz-box-shadow: 0px 6px 14px 2px rgb(0 0 0 / 19%);
    margin: 6px 1px;
    border-radius: 12px;
    overflow: hidden;
}

.vertical_tabpanel ul li:hover {
    background-color: #F5F5F7;
    color: var(--primary-highlight-color);
}

.vertical_tabpanel ul li:hover a {
    background-color: #F5F5F7;
    color: var(--primary-highlight-color);
}


.vertical_tabpanel ul li .gray_img {
    display: block
}

.vertical_tabpanel ul li .red_img {
    display: none;

}

.vertical_tabpanel ul li:hover .gray_img {
    display: none;
}

.vertical_tabpanel ul li:hover .red_img {
    display: block;

}


.vertical_tabpanel ul li.active {
    background-color: #fff;
    color: var(--primary-highlight-color);
}

.vertical_tabpanel ul li.active .img_hide {
    filter: invert(21%) sepia(100%) saturate(7414%) hue-rotate(359deg) brightness(94%) contrast(117%);
}



.img_hide {
    display: none;
}

.vertical_tabpanel ul li.active .img_hide {
    display: block;
    width: 2.5rem;
}

.bg_white {
    background-color: var(--white-color);
    padding: 50px 40px 20px 40px;
}

.tab-right_content_div {
    padding: 30px 30px 60px;
}

.tab-right_content_div_padding30 {
    padding: 30px;
}

/* .product_detail_title .product_wrapper {
    padding-left: 30px;
} */

/* 

.swiper_detail_page .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: none;
    display: none;
} */


.swiper_detail_page .swiper-button-prev {
    background-image: none;
    width: 60px;
    position: absolute;
    right: 6rem;
    left: unset;
}


.pd_text-flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}


.pd_text-flex>div:nth-child(1) {
    width: 75%;
}

.pd_text-flex>div:nth-child(2) {}

.pd_text-flex h1,
.pd_text-flex {
    text-align: left;
}

.prodcut_detail_swiper_text h1,
.prodcut_detail_swiper_text p {
    padding-bottom: 1rem;

}

.prodcut_detail_swiper img {
    width: 100%;
}

.prodcut_detail_swiper .swiper-slide {
    width: 100%;
}

.heart-icon {
    padding: 0.8rem;
    background-color: var(--color-light-grey);
    border-radius: 50%;


}

.heart-icon img {
    width: 1.5rem;

}

.fwbold {
    font-weight: bold;
}

.pd_text-flex h1 {
    font-size: var(--medium-title-font);
    line-height: 1;


}

body.inqury_active {
    overflow: hidden;
    padding-right: 17px;
}

.inquiry_filter_main .popup_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(82 82 82 / 40%);
    z-index: 9999999;
    opacity: 0;
    visibility: hidden;
    transition: all ease 0.4s;
}

.inquiry_filter_main .popup_overlay.overlay_active {
    opacity: 1;
    visibility: visible;
}

.inquiry_filter_main .side_popup_wrapper {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    background-color: var(--white-color);
    z-index: 99999999;
    width: 50%;
    /* height: 60%; */
    transition: all ease 0.4s;
    opacity: 0;
    visibility: hidden;
    /* overflow-y: auto; */
    padding: 2rem 2rem;
}

.enquiry_form_flex_main {
    display: flex;
    row-gap: 2rem;
    column-gap: 1rem;
    flex-flow: row wrap;
}

.inquiry_form_main {
    flex-basis: calc(50% - 0.5rem);
}

.inquiry_filter_main .side_popup_wrapper.inqury_active {
    opacity: 1;
    visibility: visible;
}

.inquiry_pop_up_btn button {
    border: 1px solid #E20613;
    background: #E20613;
    color: #ffffff;
    padding: 0.6rem 1rem;
    border-radius: 8px;
}

.inquiry_pop_up_btn:hover button {
    border: 1px solid #000;
    background: #000;
}

.inquiry_form_main .form-control {
    width: 100%;
    height: 50px;
    padding: 6px 12px 6px 0px;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: unset;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border-left: navajowhite;
    border-right: navajowhite;
    border-top: none;
}

.detail_inquiry_title p {
    font-size: var(--medium-title-font);
    font-family: var(--semibold-font-family);
}

.inquiry_FormWrapper form {
    padding: 2rem 0 0 0;
}

.enquiry_btn_wrapper_bottom {
    padding: 2rem 0 0 0;
}

.enquiry_btn_wrapper_bottom button {
    border: 1px solid #E20613;
    background: #E20613;
    color: #ffffff;
    padding: 0.6rem 1rem;
    border-radius: 8px;
}

.enquiry_btn_wrapper_bottom button span {
    color: #ffffff;
}

.enquiry_btn_wrapper_bottom:hover button {
    border: 1px solid #000;
    background: #000;
}

.inquiry_main_pop_flex {
    border: 1px solid #E20613;
    background: #E20613;
    padding: 0.6rem 1rem;
    border-radius: 8px;
}

.inquiry_main_pop_flex .inquiry_pop_up_p_content {
    width: max-content;
    margin: 0 auto;
    color: #ffffff;
}

.inquiry_main_pop_flex:hover {
    border: 1px solid #000;
    background: #000;
}


.heading_same_detail h1 {
    color: var(--primary-color);
    font-size: var(--content-font-size);
    font-family: var(--bold-font-family)
}

.product_wrapper {
    padding: 0rem 2rem 2rem;
    display: flex;
    gap: 2rem;
    align-items: center;
    justify-content: space-between;
}

.pdl20 {
    padding-left: 2rem;
}

.mrb3 {
    margin-bottom: 3rem;
}

.arrow_angle {
    width: 1.5rem;
}

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

.accordion-header:hover h1 {
    color: #EA2A23;
}

.accordion-header:hover .arrow_angle img {
    filter: invert(21%) sepia(100%) saturate(7414%) hue-rotate(359deg) brightness(94%) contrast(117%);
}

/* .accordion-header.active  h1{
    color:#EA2A23;
}
.accordion-header.active .arrow_angle img {
    filter: invert(21%) sepia(100%) saturate(7414%) hue-rotate( 359deg ) brightness(94%) contrast(117%);
} */

.accordion-content {
    display: none;
}

.specification_block {
    padding: 2rem 0 0 0;
}

.specification_block:last-child {}

.repart_block_detail:last-child {
    padding-bottom: 0;
}

.repart_block_detail {
    font-size: var(--content-font-size);
    font-family: var(--regular-font-family);
    columns: var(--primary-color);
}

.repart_block_detail .first-child::after {
    content: ':';
    position: absolute;
    right: 0;

}

.repart_block_detail {
    display: flex;
    padding-bottom: 1rem;
}

.repart_block_detail>div:nth-child(1) {
    flex-basis: 17%;
    position: relative;
    color: #5E616F;
}

.repart_block_detail>div:nth-child(2) {
    flex-basis: 83%;
    padding-left: 4rem;
}

.accordion-header.active .arrow_angle img {
    transform: rotate(180deg);
}

.accordion-header .arrow_angle img {
    transform: rotate(0deg);
}

.product_details_table th {
    padding: 0 8rem 1rem 0;
    border-bottom: 1px solid #000;
    font-size: var(--link-font-size);
    font-family: var(--semibold-font-family);
    width: 20%;
    white-space: nowrap;


}

.product_details_table td {
    padding: 1rem 8rem 1rem 0;
    border-bottom: 1px solid #979797;
    white-space: nowrap;
}

.product_details_table td p {
    color: #979797;
    font-family: var(--regular-font-family);
    font-size: var(--nav-font-size);
}

.product_details_table td:nth-child(3),
.product_details_table td:nth-child(4),
.product_details_table td:nth-child(5) {
    text-align: center;
}

.product_details_table td:nth-child(4) p {
    color: var(--primary-color);
    background: #e6e6e6;
    padding: 0.5rem 1REM;
}

.product_details_table td:nth-child(3),
.product_details_table td:nth-child(4),
.product_details_table td:nth-child(5) {
    text-align: center;
}

.refrence_th_btn button {
    background-color: var(--primary-color);
    border: var(--primary-color);
}

.refrence_th_btn button p {
    color: var(--white-color);
    font-family: var(--regular-font-family);
    font-size: var(--mini-font-size);
}

.mrt3 {
    margin-top: 3rem;
}

.pdb3 {
    padding-bottom: 3rem;
}

.repart_block_detail:last-child {
    padding-bottom: 0;
}


.black_fill_btn .fill_button a button {
    justify-content: center;
    width: 100%;
    border-radius: 0;
    background: #000;
    padding: 1rem;
    text-decoration: none;
    text-transform: uppercase;
}


.black_fill_btn .fill_button button img {
    width: 2rem;
}

.black_fill_btn .fill_button button img {
    width: 2rem;
}


.black_fill_btn .fill_button button:hover {
    background-color: #EA2A23;
    border: #EA2A23;
    color: var(--white-color);
}



.swiper_detail_page .swiper-pagination-bullet {
    width: 30px;
    height: 2px;
    display: inline-block;
    border-radius: 2px;
    background: #000;
    opacity: .2;
    z-index: 99;

}

.swiper_detail_page .swiper-pagination-bullet-active {
    opacity: 1;
    background: #000;
    border-radius: 2px;
}

.swiper_detail_page .swiper-container-horizontal>.swiper-pagination {
    bottom: 0;
    left: 0;
    width: 100%;
    /* margin-top: 50px; */
    z-index: 999;
    position: relative;
    border: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    display: none;
}


/*animation start*/
@-webkit-keyframes fade_top {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }

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

@keyframes fade_top {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px);
    }

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

.fade_top {
    -webkit-animation-name: fade_top;
    animation-name: fade_top;
}

@-webkit-keyframes slide_left {
    0% {
        left: 0%;
    }

    100% {
        left: -30%;
    }
}

@keyframes slide_left {
    0% {
        left: 0%;
    }

    100% {
        left: -30%;
    }
}

.slide_left {
    -webkit-animation-name: slide_left;
    animation-name: slide_left;
}

@-webkit-keyframes slide_right {
    0% {
        right: 0%;
    }

    100% {
        right: -30%;
    }
}

@keyframes slide_right {
    0% {
        right: 0%;
    }

    100% {
        right: -30%;
    }
}

.slide_right {
    -webkit-animation-name: slide_right;
    animation-name: slide_right;
}

/*animation end */


.profile_overflow_auto::-webkit-scrollbar {
    width: 5px;
}

.profile_overflow_auto::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
}

.profile_overflow_auto::-webkit-scrollbar-thumb {
    background: #E20613;
    border-radius: 10px;
}

/*.swiper_center_banner_categories .swiper-wrapper {
    justify-content: center;
}*/

.profile_overflow_auto {
    border: 3px solid #fff;
    padding: 50px !important;
    max-width: 650px;
    background-color: var(--white-color);
    border-radius: 10px;
    position: relative;
    height: 650px;
    overflow-y: scroll;
}


.ecommerce-popup .profile_block {
    padding: 50px !important;
    max-width: 650px;
    background-color: var(--white-color);
    border-radius: 15px;
    position: relative;
    height: 650px;
    overflow-y: scroll;

}


.ecommerce-popup .wlcmtext h1 {
    font-size: var(--medium-title-font);
    line-height: 1;
    font-family: var(--regular-font-family);
}

.ecommerce-popup .homepage h1.homeTitleLine {
    margin: 20px 0 15px 0;
    padding-bottom: 1rem;
    padding-top: 1rem;
}

/* .ecommerce-popup .acount_form_block{
    padding-top: 2rem;
} */

.ecommerce-popup input,
.ecommerce-popup select,
.ecommerce-popup textarea {
    width: 100%;
    color: var(--primary-color);
    border-radius: 10px;
    margin-bottom: 5px;
    border: 1px solid #e5e5e5;
    padding: 10px 17px 8px;
    height: auto;
}



.ecommerce-popup .wlcomelogo {
    width: 150px;
    margin: 0 auto 15px auto;
    text-align: center;
    display: block;
}


.ecommerce-popup .centeralignpopup {
    position: fixed;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    bottom: unset !important;
    right: unset !important;
    z-index: 99999;
    width: 436px;
    visibility: hidden;
    opacity: 0;
    transition: all ease-in-out 0.2s;
}

.no-scroll-body .centeralignpopup {
    top: 50%;
    transform: translate(-50%, -50%) !important;
    -moz-transform: translate(-50%, -50%) !important;
    -webkit-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    -o-transform: translate(-50%, -50%) !important;
    transition: all ease-in-out 0.5s;
    visibility: visible;
    opacity: 1;
}

.ecommerce-popup .close {
    margin-top: 0;
    position: absolute;
    right: 20px;
    color: #000;
    opacity: 1;
    top: 16px;
    z-index: 99;
    cursor: pointer;
    transition: all ease-in-out 0.5s;
}

.ecommerce-popup .close:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 16px rgb(0 0 0 / 12%);
}

.overlaypopup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(5px);
}

.ecommerce-popup .signupbtns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    padding-bottom: 1rem;
}

.ecommerce-popup .signupbtns .btn {
    border-radius: 50px;
    width: 100%;
    padding: 10px 0;
    margin-bottom: 0;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.ecommerce-popup .facebookbtn img {
    border-radius: 50px;
}

.ecommerce-popup .signupbtns img {
    width: 25px;
    margin-right: 0;
    margin: 0 auto;
}

.ecommerce-popup .signupbtns .btn a {
    display: flex;
    align-items: center;
    color: #fff;
}

.ecommerce-popup .signupbtns .btn:hover {
    opacity: 0.8;
    outline: none;
    outline-offset: 0;
}

.ecommerce-popup .facebookbtn:hover {
    background-color: #3b5998;
    border: 1px solid #3b5998;
    box-shadow: 1px 1px 4px 2px rgb(0 0 0 / 20%);
}

.ecommerce-popup .signupbtns .btn {
    border-radius: 50px;
    width: 100%;
    padding: 10px 0;
    margin-bottom: 0;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.ecommerce-popup .facebookbtn {
    background-color: transparent;
    border: 1px solid var(--primary-color);
    color: #fff;
    transition: all ease-in 0.1s;
}

.ecommerce-popup .login_btn {
    margin: 0 auto;
    width: max-content;
}

.ecommerce-popup .login_btn button {
    margin-bottom: 25px;
    padding: 0.8rem 2.2rem !important;
    width: max-content;
    margin-left: auto;
    text-align: center;
    display: block;
    padding: 15px 30px;
    border-radius: 50px;
    font-size: var(--link-font-size);
    background-color: var(--primary-highlight-color);
    border: 1px solid var(--primary-highlight-color);
    float: unset;
    margin-right: auto;
    transition: all ease 0.4s;
    cursor: pointer;
}

.ecommerce-popup .login_btn button:hover {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.ecommerce-popup .login_btn button span {
    color: var(--white-color);
}

.ecommerce-popup .login_btn button {
    margin-bottom: 25px;
}

.ecommerce-popup .googlebtn {
    background-color: #fffafa;
    border: 1px solid var(--primary-color);
}

.ecommerce-popup .googlebtn:hover {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    box-shadow: 1px 1px 4px 2px rgb(0 0 0 / 20%);
}

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

.comonp p {
    font-size: var(--link-font-size);
    color: var(--primary-color);
}

.divheight30 {
    height: 30px;
}

.link_href a {
    color: var(--primary-highlight-color);
}

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

.product_details_table td:nth-child(4) {
    text-align: left !important;
}

.qtyWrapper3 input {
    width: 40px;
    text-align: center;
}

.qtyWrapper3 button:focus {
    outline: none;
    border: 1px solid #cdcdcd;
}

.qtyWrapper3 button {
    outline: none;
    border: 1px solid #cdcdcd;
}

.site-header-wrapper.filter_none {
    display: none;
}

/* .product_code {
    height: 100px;
} */

.comonp.link_href {
    padding-bottom: 1.5rem;
}

.customCheckbox {
    position: relative;
    padding-left: 2rem;
}

.customCheckbox input {
    width: unset;
    position: absolute;
    left: 5px;
    top: 2px;
}

.common_border_detail_block {
    margin-bottom: 1.5rem !important;
}

.no_products {
    background-color: #eee;
    /*margin: 0 auto;*/
    padding: 1.5rem 2rem;
}

.no_products p {
    font-size: 2rem;
}

.mainWrapperProfile .profile-section_flex {
    background: #fff;
    border-radius: 12px;
    box-shadow: -1px 6px 14px 2px rgb(0 0 0 / 18%);
    -webkit-box-shadow: -1px 6px 14px 2px rgb(0 0 0 / 18%);
    -moz-box-shadow: -1px 6px 14px 2px rgb(0 0 0 / 18%);
}

.flex_wrap {
    display: flex;
    gap: 2rem;
    justify-content: center;
    padding-top: 5rem;
    padding-bottom: 7rem;
}

.flex_wrap_cart-view {
    display: flex;
    gap: 2rem;
    justify-content: center;
    padding-top: 5rem;
    padding-bottom: 7rem;
    width: 75%;
    margin: 0 auto;
}

.product_img_cartview img {
    background: #D2E0DF;
    border-radius: 8px;
}

.flex_wrap .delete_cart_item img {
    width: 1.2rem;
}

.block_1_ {
    flex-basis: 50%;
    /* overflow: auto;
    height: 70vh; */
    background: #fff;
    padding: 50px;
    border-radius: 12px;
    box-shadow: -1px 6px 14px 2px rgb(0 0 0 / 18%);
    -webkit-box-shadow: -1px 6px 14px 2px rgb(0 0 0 / 18%)
}

.block_2_ {
    flex-basis: 50%;
    overflow: auto;
    height: 100vh;
    background: #fff;
    padding: 50px;
    border-radius: 12px;
    box-shadow: -1px 6px 14px 2px rgb(0 0 0 / 18%);
    -webkit-box-shadow: -1px 6px 14px 2px rgb(0 0 0 / 18%)
}

.block_2_::-webkit-scrollbar-track,
.block_1_::-webkit-scrollbar-track,
.profile_block::-webkit-scrollbar-track,
.profile_block::-webkit-scrollbar-track {
    background: #ffffff;
    border-radius: 8px;
}

.block_2_::-webkit-scrollbar-thumb,
.block_1_::-webkit-scrollbar-thumb,
.profile_block::-webkit-scrollbar-thumb,
.profile_block::-webkit-scrollbar-thumb {
    background: #E20613;
    border-radius: 8px;
}

.block_2_::-webkit-scrollbar,
.block_1_::-webkit-scrollbar,
.profile_block::-webkit-scrollbar,
.profile_block::-webkit-scrollbar {
    width: 5px;
}

.error {
    color: red;
}

.menu_user p {
    display: flex;
    gap: 1rem;
    font-size: var(--nav-font-size);
    justify-content: end;
}

.nav_icon span img {
    width: 1.5rem;
    filter: invert(-1%) sepia(100%) saturate(6994%) hue-rotate(-454deg) brightness(151%) contrast(65%);
}

.mobile_nav_flex {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.nav_acr li p {
    padding-left: 15px;
}

.nav_acr li {
    border-bottom: 0;
}

/*client page*/

.happy_client_service {
    padding: 8rem 0 5rem 0;
}

.happy_client_service h1 {
    color: #dd2b24;
    font-size: var(--cursive-font-size);
    line-height: 1;
    font-family: var(--cursive-font-family);
    padding-bottom: 0.5rem;
}

.happy_client_content p {
    font-size: var(--content-font-size);
    font-family: var(--regular-font-family);
    padding-top: 2rem;
    padding: 2rem 2rem 0;
}

.happy_client_logo_grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    padding: 5rem 0;
    gap: 1.7rem;
}

.happy_client_logo {
    overflow: hidden;
    background-color: #fff;
    height: 220px;
    border: 1px solid #cfcfcf;
    place-content: center;
    display: grid;
}

.happy_client_logo img {
    width: 80%;
}

/*client page-end*/

/*our work*/

.our_work_listing_wrapper .our_work_list_container {
    width: 85%;
    margin: 0 auto;
}

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

.our_work_listing_wrapper .our_work_detail_menu>div {
    display: flex;
    align-items: center;
    gap: 3rem;
}

.our_work_listing_wrapper .product_list_detail {
    padding: 3rem 0;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1.5rem;
}

.our_work_listing_wrapper .our_work_right_bar>div {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.work_fill_button a button {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.5rem 0.8rem;
    font-size: var(--link-font-size);
}

.work_fill_button button {
    background-color: #EA2A23;
    border-radius: 8px;
    border: #EA2A23;
}

.work_fill_button .work_btn-chg {
    display: grid;
}

.work_fill_button button img {
    width: 1rem;
}

.work_fill_button button p {
    color: var(--white-color);
    font-family: var(--regular-font-family);
    font-size: var(--mini-font-size);
}

.our_work_listing_wrapper .our_product_work_list {

    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
    flex-basis: 80%;
}

.our_work_listing_wrapper .our_work_flex {
    display: flex;
    gap: 10rem;
    padding: 3rem 0;
}

.our_work_category {
    flex-basis: 20%;

}

.our_work_listing_wrapper .our_work_detail_info {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    cursor: pointer;
    transition: all ease-in-out 0.5s;
}

.our_work_listing_wrapper .our_work_detail_info {
    padding: 0.7rem;
    background-color: #eaeaea73;
    border-radius: 10px;
}

.our_work_listing_wrapper .product_img {
    height: 200px;
    background: #fff;
    align-items: center;
    place-content: center;
    display: grid;
}

.our_work_listing_wrapper .our_work_img img {
    border-radius: 5px;
}

.our_work_listing_wrapper .our_work_img img {
    width: 100%;
    margin: 0 auto;
}

.our_work_code {
    height: 40px;
}

.our_work_listing_wrapper .our_work_code p {
    font-size: var(--nav-font-size);
    padding-bottom: 0.5rem;
}

.categories_title {
    margin-bottom: 1rem;
}

.categories_title p {
    font-size: var(--content-font-size);
    font-family: var(--regular-font-family);

}

.categories_title:after {
    content: '';
    display: block;
    width: 20%;
    background-color: #7a1d1b;
    height: 1px;
    margin: 4px 0 0 0;
}

.category_list ul li {
    border-bottom: 1px solid #e1e1e1;
    padding: 6px 0px;
}

.category_list ul li:first-child {
    padding-top: 0;
}

.category_list ul li a {
    font-size: var(--link-font-size);
    font-family: var(--regular-font-family);
}

.policy_container {
    width: 85%;
    margin: 0 auto;
}

.policy_title p {
    font-size: var(--medium-font-size);
    font-family: var(--cursive-font-family);
}

.policy_content {
    padding-top: 2rem;
}

.main_policy {
    padding: 2rem 0 0 0;
}

.reaterd_text {
    padding: 0 0 1rem 0;
}

.reaterd_text p {
    font-size: var(--medium-title-font);
    font-family: var(--bold-font-family);
}

.swiper-pagination.relatedproduct_wrapper {
    width: 100%;
    bottom: -10%;
}


.relatedproduct_wrapper .swiper-pagination-bullet {
    width: 20px;
    height: 1px;
    margin-right: 6px;
}

.relatedproduct_wrapper .swiper-pagination-bullet-active {
    background: #000;
}

.relatedproducts_swiper.ng-scope {
    border: 1px solid #ddd;
    padding: 1rem;
    text-align: left;
}


/*our work end*/


.product_listing_categories-flex {
    display: flex;
    gap: 10rem;
    padding: 3rem 0;
}

.product-listing-category {
    flex-basis: 20%;
}

.product-listing_categories_title {
    margin-bottom: 1rem;
}

.product-listing_categories_title p {
    font-size: var(--content-font-size);
    font-family: var(--regular-font-family);
}

.product-listing_categories_title:after {
    content: '';
    display: block;
    width: 20%;
    background-color: #7a1d1b;
    height: 1px;
    margin: 4px 0 0 0;
}

.product-listing-category_list ul:first-child {
    padding-top: 0;
}

.product-listing-category_list ul {
    padding: 6px 0;
}

.product-listing-category_list ul li {
    border-bottom: 1px solid #e1e1e1;
    padding: 6px 0;
    text-transform: capitalize;
    font-size: var(--link-font-size);
    font-family: var(--regular-font-family);
}

.filterbrand_name li {
    font-size: var(--link-font-size);
    font-family: var(--regular-font-family);
}

.filterprice_name span {
    font-size: var(--link-font-size);
    font-family: var(--regular-font-family);
}

.product-listing-category_list.selected ul li {
    border-bottom: 1px solid #ff0000;
    color: #ff0000;
}

.filter_cat {
    padding: 2rem 0;
}

.search-box_cat input.input-text {
    border: 1px solid #e1e1e1;
    width: 100%;
    padding: 6px 6px 6px 10px;
    transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    border-radius: 0 25px 25px 0;
    height: 40px;
}

.drop_search_cat form {
    display: flex;
    width: 100%;
}

.category_drop_select {
    flex-basis: 40%;
}

.category_drop_search {
    flex-basis: 60%;
}

.category_drop_select select {
    border: 1px solid #e1e1e1;
    width: 100%;
    padding: 6px 6px 6px 10px;
    transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    border-radius: 25px 0 0 25px;
    height: 40px;
}

:focus-visible {
    outline: unset;
}

.search-box_cat button.search-btn img {
    width: 28px;
    padding: 3px;
    height: 28px;
}

.search-box_cat button.search-btn {
    background: #eee;
    border: none;
    height: 40px;
    width: 40px;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -o-border-radius: 25px;
}

.client-logo {
    padding: 5rem 0;
}

.select_all_product_btn {
    color: var(--white-color);
    font-family: var(--regular-font-family);
    font-size: var(--mini-font-size);
    cursor: pointer;
}

.select_all_product_btn span {
    color: var(--white-color);
}

.checkafter_box {
    display: none;
}

.fill_button .customCheckbox {
    padding-left: 0;
    text-transform: uppercase;
    padding: 0.8rem 2rem;
}

.fill_button .check_after_btn {
    padding: unset;
}

.red {
    color: #ff0000;
}


.dark_grey_main {
    color: #909090;
}


.font_12 {
    font-size: 12px;
}

.main_image_wrapper {
    width: 100%;
    bottom: -40px;
}

.product_woohps {
    width: 100%;
}

.gift-by-category .swiper-button-next.swiper-button-disabled,
.gift-by-category .swiper-button-prev.swiper-button-disabled {
    opacity: 0;
}

.gift-by-category .swiper-button-prev,
.swiper-button-next {
    width: 45px;
}

.footer-link a {
    text-transform: capitalize;
}

.pd_text_details_main_wrapper {
    text-align: left;
}

.pass_img {
    position: absolute;
    bottom: 18px;
    right: 0;
    font-size: 1.4rem;
}

.pass_img_2 {
    position: absolute;
    bottom: 13px;
    right: 13px;
    font-size: 1rem;
}

.heading_main_flex_details {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.heading_main_flex_details .export_pdf_img {
    width: 23px;
    height: 23px;
    display: block;
}

.heading_main_flex_details .export_pdf_img>a {
    display: block;
}

.export_line_clapm p {
    width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

input[type=checkbox],
input[type=radio] {
    margin: 3px 0 0;
}

.clear_all_main{
    padding-bottom: 1rem;
    width: max-content;
    margin: 0 0 0 auto;
}

.clear_all_main p{
    background: var(--primary-highlight-color);
    border: 1px solid var(--primary-highlight-color);
    padding:0.5rem 1rem ;
    color: var(--white-color);
    transition: all ease-in-out 0.2s;
}

.clear_all_main:hover p, .clear_all_main:focus p{
    background: var(--white-color);
    color: var(--primary-highlight-color);
    border: 1px solid var(--primary-highlight-color) !important;
} 

.submenu_children_scroll{
    overflow-x: hidden;
    max-height: 200px;
}


/* 1680 */
@media only screen and (max-width: 1680px) {

    body.inqury_active {
        overflow: hidden;
        padding-right: 0;
    }

    .flex_wrap_cart-view {
        width: 84%;
        margin: 0 auto;
    }

    .product_detailpage_container {
        width: 85%;
    }

    .divheight30 {
        height: 12px;
    }

    .ecommerce-popup .homepage h1.homeTitleLine {
        margin: 10px 0 10px 0;
        padding-bottom: 1rem;
        padding-top: 0rem;
    }

    .ecommerce-popup .profile_block {
        padding: 30px !important;
    }

    .ecommerce-popup .acount_form_block {
        padding-top: 0;
    }

    .homepage_abs_banner_text {
        top: 20%;
        left: 11%;
        width: 40%;
    }

    .client_logo {
        height: 150px;
    }

    .homepage_banner_text h1 {
        font-size: 3.8rem;
    }

    .homepage_abs_banner_text {
        top: 20%;
        left: 7%;
        width: 45%;
    }

    /*client-list*/

    .happy_client_logo {
        height: 150px;
    }

    /*client list end*/

}

@media only screen and (max-width: 1600px) {
    .product_listing_wrapper .product_list_detail {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* 1450 */
@media only screen and (max-width: 1440px) {

    /* .footer_wrapper_grid>div:nth-child(2),
    .footer_wrapper_grid>div:nth-child(3),
    .footer_wrapper_grid>div:nth-child(4),
    .footer_wrapper_grid>div:nth-child(5) {
        padding-left: 55px;
    } */

    .site-header-links-web ul {
        gap: 2rem;
    }

    .filter-next {
        right: -20px;
    }

    .filter-prev {
        left: -30px;
    }

    .footer_container {
        width: 86%;
        margin: 0 auto;
    }

    .coroporate_gift_grid {
        padding: 5rem 0 3rem 0;
    }

    .heading-cursive h1 {
        font-size: 5rem;
    }

    .section_padding_homegife_section {
        padding: 10rem 0 0rem 0;
    }

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

    .product_listing_categories-flex {
        gap: 5rem;
    }

    .menu_active.active {
        left: -40%;
    }

    /*client-list*/

    .happy_client_title h1 {
        font-size: 5rem;
    }

    /*client list end*/

    /*our work*/

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

    .our_work_listing_wrapper .our_work_flex {
        gap: 5rem;
    }

    /*our work end*/

    /* .category_drop_select select {
        width: 250px;
    }

    .search-box_cat input.input-text {
        width: 350px;
    } */
}

/* 1366 */
@media only screen and (max-width: 1366px) {

    .inquiry_filter_main .side_popup_wrapper {
        width: 60%;
    }

    .customCheckbox input {
        top: 0px;
    }


    .product_listing_wrapper .product_code p {
        height: 46px;
    }

    .main_image_wrapper {
        width: 100%;
        bottom: -15px;
    }

    .margin_strike_flex {
        gap: 1rem;
    }

    .homepage_banner img {
        height: 58vh;
    }

    .tab_container_page {
        width: 87% !important;
    }

    .ecommerce-popup .acount_form_block {
        padding-top: 0;
    }

    .tab-right_content_div {
        padding: 30px;
    }

    html {
        font-size: 14px;
    }

    .coroporate_gift_grid {
        padding: 5rem 0 0rem 0;
    }

    .swiper_container_homepage {
        padding: 5rem 0 2rem 0;
    }

    .product_detailpage_container {
        width: 75%;
        margin: 0 auto;
        padding: 3.5rem 0;
    }

    .mainWrapperProfile .block_2_,
    .mainWrapperProfile .block_1_ {
        padding: 25px;

    }

    .mainWrapperProfile .cart-view h1.homeTitleLine {
        padding-bottom: 20px;
    }

}

/* 1280 */
@media only screen and (max-width: 1280px) {
    .site-header-logo img {
        width: 180px;
    }


    .ecommerce-popup .profile_block {
        height: 550px;
        overflow-y: scroll;

    }

    .vertical_tabpanel ul li {
        padding: 1rem 1rem 1rem 1rem;
    }

    /*    .testimonial_swiper_text {
        width: 75%;
    }*/

    .product_detailpage_container {
        width: 92%;
    }

    .homepage_banner_text h1 {
        color: var(--primary-color);
        font-size: 4rem;
    }

    .testimonial_border {
        margin-bottom: 10rem !important;
        margin-top: 3rem !important;
    }

    .client_logo_grid {
        padding: 3rem 0 3rem 0;
    }

    .client-logo {
        padding: 3rem 0 3rem 0;
    }

    .section_padding_homegife_section {
        padding: 7rem 0 0rem 0;
    }

    /*client-list*/

    .happy_client_logo_grid {
        padding: 3rem 0 3rem 0;
    }



    .coroporate_gift_block {
        flex-basis: calc(16.6% - 1.5rem);
    }

    /*client-list-end*/


    /* .category_drop_select select {
        width: 200px;
    } */
}

/* 1152 */

/*::-webkit-scrollbar {
  background-color: var(--primary-color);
  height: 4px;

}*/

/* Style the scrollbar handle */
/*::-webkit-scrollbar-thumb {
  background-color: var(--primary-color);
  height: 4px;

}*/
@media only screen and (max-width: 1152px) {


    .inquiry_filter_main .side_popup_wrapper {
        width: 70%;
    }

    .flex_wrap_cart-view {
        width: 94%;
        margin: 0 auto;
    }

    .site-header-logo img {
        width: 150px;
    }

    /* .search-box_cat input.input-text {
        width: 300px;
    } */


    .site-header-links-web li img {
        width: 20px;
    }


    .table_mob {
        overflow: hidden;
        overflow-x: scroll;
        /*-webkit-scrollbar-thumb: red;
        -webkit-scrollbar: red;*/
    }

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

    .testimonial_border {
        padding: 4rem 1rem 0rem 1rem;
    }

    .client_logo {
        height: 104px;
    }

    .homepage_banner_text h1 {

        font-size: 3.5rem;
    }

    .comon_bg_div:hover p {
        letter-spacing: 0.01rem;
    }


    .homepage_banner img {
        height: 60vh;
    }

}

/* 1024 */
@media only screen and (max-width: 1024px) {
    .tab_container_page {
        width: 97% !important;
    }



    .cleavepage_container {
        width: 95%;
        margin: 0 auto;
    }

    .block_1_ {
        flex-basis: 55%;
    }

    .block_2_ {
        flex-basis: 45%;
    }

    .user_title {
        padding: 50px 0 15px 0;
        margin: 0 15px;
        border-bottom: 1px solid #ddd;
    }

    .vertical_tabpanel ul li {
        gap: 0.5rem;
    }

    .vertical_tabpanel {
        gap: 1rem;
    }

    /* 
    .category_drop_select select {
        width: 150px;
    }

    .search-box_cat input.input-text {
        width: 280px;
    } */
}

/* 991 */
@media only screen and (max-width: 991px) {
    .fill_button a button {
        display: flex;
        align-items: center;
        gap: 1rem;
        padding: 0.5rem 0.8rem;
        font-size: var(--link-font-size);
    }

    .mobile_inner_scroll .maindiv_scrollbar_desk {
        overflow-y: scroll;
        height: calc(80vh - 3rem);
    }

    .swiper_center_banner_categories .swiper-wrapper {
        justify-content: unset;
    }

    .mobile_category_plus_flex {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 3rem;
    }

    .mobile_category_plus_flex .material-symbols-outlined {
        font-size: 33px;
    }

    .child_mobile_header_drop_name p {
        font-size: 14px !important;
    }

    .inactive_children_parent_id {
        display: none;
        padding-top: 1rem;

    }

    .child_mobile_header_drop_name {}

    .inactive_children_parent_id.active {
        display: block;
    }


    .coroporate_gift_block {
        flex-basis: calc(25% - 1.5rem);
    }

    .product_listing_wrapper .product_right_bar>div {
        display: flex;
        align-items: center;
        gap: 1rem;
        justify-content: unset;
        width: 100%;
    }

    .search_home_btn {
        border: unset;
        background: unset;
        position: absolute;
        right: 55px;
        top: 50%;
        transform: translateY(-50%);
    }

    button.search_home_btn img {
        width: 28px;
        padding: 3px;
        height: 28px;
    }

    .drop_search_cat_mobile img {
        width: 25px;
    }

    .inquiry_filter_main .side_popup_wrapper {
        width: 90%;
    }


    /* .inquiry_filter_main .side_popup_wrapper {
        position: fixed;
        top: unset;
        bottom: -100%;
        transform: unset;
        left: 0;
        width: 100%;
    }

    .inquiry_filter_main .side_popup_wrapper.inqury_active {
        bottom: 0;
    } */

    .homepage_banner img {
        height: unset;
    }

    .mobiletab {
        background-color: transparent;
    }

    .mobiletab li {
        background-color: transparent !important;
        font-size: 20px;
    }

    .mobiletab li:hover {
        background-color: transparent !important;
    }

    .mobiletab li a {
        background-color: transparent !important;
        font-size: 20px;
        color: #000;
    }

    .mobiletab li:hover a {
        background-color: transparent !important;

    }




    .flex_wrap_cart-view {
        flex-direction: column;
    }

    .vertical_tabpanel>div:nth-child(1) {
        width: 40%;
    }

    .vertical_tabpanel>div:nth-child(2) {
        width: 60%;
    }

    .client_logo_grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .product_listing_wrapper .product_list_detail {
        grid-template-columns: repeat(2, 1fr);
    }

    .product_listing_wrapper .product_list_container {
        width: 95%;
        margin: 0 auto;
    }

    .client_bg_inner_padding {
        padding: 4rem 0 2rem 0;
    }

    .heading-cursive h1 {
        font-size: 4rem;
    }

    /*    .testimonial_swiper_text {
        width: 90%;
    }*/

    .homepage_banner_text h1 {
        font-size: 2rem;
    }

    .homepage_abs_banner_text p {
        padding-top: 1rem;
    }

    .comon_bg_div:hover p {
        letter-spacing: 0rem;
    }

    .section_padding_homegife_section {
        padding: 5rem 0 0rem 0;
    }

    .homepage_abs_banner_text {
        top: 13%;
        left: 3%;
        width: 49%;
    }

    .visible-tab-mobile {
        display: flex;
        align-items: center;
        gap: 1rem;
        z-index: 9999999;
    }

    .hide-tab-mobile {
        display: none;
    }

    .footer_wrapper_grid {
        display: grid;
        grid-template-areas: 'one one ' 'two three' 'four five';
        grid-template-columns: repeat(2, 1fr);
    }

    /* .footer_wrapper_grid>div:nth-child(2),
    .footer_wrapper_grid>div:nth-child(3),
    .footer_wrapper_grid>div:nth-child(4),
    .footer_wrapper_grid>div:nth-child(5) {
        padding-left: 0;
    } */

    .footer_logo {
        width: 207px;
        padding-top: 1rem;
        padding-bottom: 6rem;
        margin: 0 auto;
    }

    .footer_wrapper_grid>div:nth-child(1) {
        text-align: center;
    }

    .footer_container {
        width: 95%;
        margin: 0 auto;
    }

    /* mobile Navigation Mobile */


    .site-header-links-div {
        display: none;
    }

    .site-mobile-menu-wrapper {
        background-color: #fff;
        height: 100%;
        transition: var(--common-transition);
        width: 100%;
        position: fixed;
        z-index: 999999;
        bottom: -100%;
        left: 0;
    }

    .site-mobile-menu-wrapper.active {
        bottom: 0;
    }

    .site-mobile-menu-wrapper.active_user {
        bottom: 0;
    }

    .nav-toggle.active .bar.top {
        -webkit-transform: translateY(10px) rotateZ(45deg);
        -moz-transform: translateY(10px) rotateZ(45deg);
        -ms-transform: translateY(10px) rotateZ(45deg);
        -o-transform: translateY(10px) rotateZ(45deg);
        transform: translateY(10px) rotateZ(45deg);
    }

    .nav-toggle.active .bar.bottom {
        -webkit-transform: translateY(0) rotateZ(-45deg);
        -moz-transform: translateY(0) rotateZ(-45deg);
        -ms-transform: translateY(0) rotateZ(-45deg);
        -o-transform: translateY(0) rotateZ(-45deg);
        margin-bottom: 8px !important;
        transform: translateY(0) rotateZ(-45deg);
    }

    .site-mobile-menu-flex {
        display: flex;
        flex-direction: column;
        gap: 4rem;
        height: 100%;
        width: 90%;
        padding: 2rem 0;
        justify-content: space-between;
        margin: 0 auto;
    }

    .site-mobile-menu-link {
        padding-top: 4rem;
    }

    .site-mobile-menu-link ul {
        display: flex;
        flex-direction: column;
    }

    .site-mobile-menu-link ul li {
        padding: 1rem 0;
        border-bottom: 1px solid var(--primary-color);
    }

    .site-mobile-menu-link ul li a p {
        color: var(--primary-color);
        font-size: 20px;
    }

    .site-mobile-menu-link ul li:last-child {
        padding-bottom: 0;
        border-bottom: none;
    }

    .site-mobile-navigation-footer {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        padding-top: 1rem;
        border-top: 1px solid #dedede;
    }

    .social-media-mobile-navigation ul {
        display: flex;
        flex-direction: row;
        gap: 1rem;
        align-items: center;
    }

    .social-media-mobile-navigation ul li {
        width: 1.5rem;
    }

    .mobile-navigation-footer-links ul {
        display: flex;
        gap: 1.5rem;
        align-items: center;
    }

    .mobile-navigation-footer-links ul li a p {
        font-size: 14px;
        color: var(--secondary-color);
    }

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

    .mobile-menu-toggle-icon {
        width: 1.25rem;
    }

    .toggle-content ul {
        width: 90%;
        margin-left: auto;
        padding: 1.5rem 0;
    }

    .toggle-content ul li a p {
        font-size: 16px;
    }

    /* mobile Navigation Mobile END */

    /*client-list*/

    .happy_client_title h1 {
        font-size: 4rem;
    }

    .happy_client_logo_grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .happy_client_logo img {
        width: 80%;
    }

    .happy_client_logo {
        height: 104px;
    }

    .happy_client_service {
        padding: 4rem 0 2rem 0;
    }

    /*client - list end*/

    /*our work*/

    .our_work_listing_wrapper .our_product_work_list {
        grid-template-columns: repeat(2, 1fr);
    }

    .our_work_listing_wrapper .our_work_list_container {
        width: 95%;
        margin: 0 auto;
    }

    .our_work_listing_wrapper .our_work_flex {
        flex-direction: column;
        gap: 3rem;
    }

    .our_work_block .category_list {
        -moz-transition: height .5s;
        -ms-transition: height .5s;
        -o-transition: height .5s;
        -webkit-transition: height .5s;
        transition: height .5s;
        height: 0;
        overflow: hidden;
    }

    .our_work_block.active .category_list {
        max-height: unset;
    }

    .category_up_image img {
        width: 65%;
    }

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

    .our_work_block.active .category_up_image {
        transform: rotateX(180deg);
    }

    .categories_title:after {
        width: 45%;
    }

    .category_list ul li {
        width: 100%;
    }

    /*our work end*/

    .product_listing_categories-flex {
        flex-direction: column;
    }

    .product-listing-dropdown_block .product-listing-category_list {
        -moz-transition: height .5s;
        -ms-transition: height .5s;
        -o-transition: height .5s;
        -webkit-transition: height .5s;
        transition: height .5s;
        height: 0;
        overflow: hidden;
    }

    .product-listing-dropdown_block.active .product-listing-category_list {
        height: unset;
    }

    .category_up_image img {
        width: 65%;
    }

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

    .product-listing-dropdown_block.active .category_up_image {
        transform: rotateX(180deg);
    }

    .product-listing_categories_title:after {
        width: 45%;
    }

    .product-listing-category_list ul li {
        width: 50%;
    }

    .drop_search_cat {
        /* padding: 1.5rem 0;
        border-bottom: 1px solid var(--secondary-color); */
        background-color: #fff;
    }

    .drop_search_cat form {
        display: block;
    }

    /* .category_drop_select select {
        width: 100%;
    }

    .search-box_cat input.input-text {
        width: 400px;
    } */

    .search_container {
        width: 88%;
        margin: 0 auto;
    }

    .filter_cat_name {
        padding: 1rem 0;
    }

    .searchBlockWrapper {
        position: fixed;
        width: 100%;
        left: 0;
        background: #e2e2e2;
        opacity: 0;
        visibility: hidden;
        z-index: 99999;

    }

    .product_searchbar_block .searchBlockWrapper {
        top: 65px;
    }

    .searchBlockWrapper.search_active {
        opacity: 1;
        visibility: visible;
    }


    .nav-topbar__search input[type=text] {
        padding: 10px 41px 10px 20px;
        display: inline-block;
        border: 1px solid #cecece;
        background-color: transparent;
        outline: none;
        width: calc(100% - 30px);
        font-size: 16px;
    }

    .searchBlockWrapper .searchbar-icon {
        position: absolute;
        right: 90px;
        top: 50%;
        cursor: pointer;
        color: #888888;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 1.12rem;
    }

    .closeSearchIcon {
        position: absolute;
        top: 35%;
        right: 15px;
        width: 20px;
        opacity: 1;
        -webkit-transition: all ease-in-out 0.8s;
        -moz-transition: all ease-in-out 0.8s;
        -ms-transition: all ease-in-out 0.8s;
        -o-transition: all ease-in-out 0.8s;
        transition: all ease-in-out 0.8s;
    }

    .nav-topbar__search {
        width: calc(100% - 40px);
        margin: 0 auto;
        box-sizing: content-box;
        background: #ffffff;
        padding: 15px 20px;
        position: relative;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;
    }

    .search_main_flex_wrapper {
        display: flex !important;
        gap: 1rem;
        align-items: center;
    }

    .home_ul {
        display: flex;
        flex-flow: row wrap;
        gap: 1rem;
    }

    .homepage_ul_li_abs_div {
        position: relative;
        padding: 1rem;
    }

    .comon_bg_div {
        flex-basis: calc(33.33% - 0.7rem);
    }

    .homepage_banner {
        padding-top: 20px;
    }

    .popup_overlay.overlay_active {
        opacity: 1;
        visibility: visible;
    }

    .popup_overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgb(82 82 82 / 40%);
        z-index: 9999999;
        opacity: 0;
        visibility: hidden;
        transition: all ease 0.4s;
    }

    .product-listing-dropdown_category.filter-active {
        bottom: 0;
        opacity: 1;
        visibility: visible;
    }

    .product-listing-dropdown_category {
        position: fixed;
        bottom: -100%;
        left: 0;
        height: auto;
        background-color: var(--white-color);
        z-index: 99999999;
        width: 100%;
        height: 80%;
        transition: all ease 0.4s;
        opacity: 0;
        visibility: hidden;
        overflow-y: hidden;
        /* padding: 3rem 2rem 2rem; */
    }


    .product_listing_categories-flex {
        padding: 0rem 0;
        gap: 1rem;
    }

    .product-listing-category_mobile {
        text-align: right;
    }


    .click_for_filter {
        text-align: right;
        padding-top: 2rem;
    }


    .site-header.active_product,
    .site-header.active_view_cart,
    .site-header.active_product_details {
        display: none !important;
    }

    .product_active_corner {
        display: none;
    }

    /* .export_pdf_title {
        display: flex;
    } */

    .product_active_corner.active {
        display: block;
        width: 150px;
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis;

    }

    .main_categories_pd {
        padding: 1rem;
    }

    .main_categories_pd.active {
        background-color: var(--white-color);
    }

    .main_categories_pd p {
        font-size: 1.1rem;
        font-family: var(--regular-font-family);
    }

    .main_categories_pd.active p {
        font-family: var(--bold-font-family);
    }

    .product_listing_wrapper .product_list_detail {
        padding: 1rem 0 3rem 0;
    }


    .main_filter_tab_content {
        flex-basis: 60%;
    }


    .product_listing_wrapper .product_detail_info {
        padding: 0.7rem;
        /* background-color: #eaeaea73; */
        border: 1px solid #e3e3e300;
        border-radius: 0px;
        position: relative;
    }

    .checkbox_main_img_flrex {
        display: flex;
        align-items: flex-start;
        gap: 1rem;
        justify-content: space-between;
    }

    .product_listing_wrapper .product_img {
        margin: 0;
        height: auto;
    }

    .product_code {
        height: unset;
    }

    .product_listing_wrapper .product_checkbox input {
        outline: 1px solid #999999;
    }

    .checkboxField:before {
        transition-timing-function: cubic-bezier(.075, .820, .165, 1);
        border: 2px solid;
        border-radius: 3px;
        background-color: white;
        border-color: transparent;
        box-sizing: border-box;
        color: #3acfb6;
        content: close-quote;
        display: inline-block;
        height: 18px;
        outline: 2px solid #999999;
        transition-duration: .5s;
        transition-property: background-color, border-color;
        width: 18px;
    }

    .checkboxField:checked:before {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTQnIGhlaWdodD0nMTQnIHZpZXdCb3g9JzAgMCAxNCAxNCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48dGl0bGU+d2hpdGU8L3RpdGxlPjxwYXRoIGQ9J001LjM3OCAxMS4zN0wyIDcuNTlsMS40MzgtMS4yODZMNS4zNzQgOC40N2w1LjE4NS01Ljg0TDEyIDMuOTFsLTYuNjIyIDcuNDYnIGZpbGw9JyNmZmYnLz48L3N2Zz4=);
        background-repeat: no-repeat;
        background-position: center;
        background-color: #EA2A23;
        outline: 2px solid #EA2A23;
    }

    .product_listing_wrapper .product_detail_menu {
        display: block;
        position: fixed;
        bottom: 0;
        z-index: 99;
        background: #fff;
        width: 100%;
        padding: 1rem;
    }

    .product_listing_wrapper .product_right_bar>div {
        width: 100%;
    }

    .fill_button button {
        background-color: #EA2A23;
        border-radius: unset;
        border: #EA2A23;
        width: 100%;
    }

    .product_listing_wrapper .product_right_bar {
        display: unset;
    }


    .product_listing_wrapper .fill_button {
        margin-top: 0rem;
        flex-basis: 50%;
    }

    .product_listing_wrapper .filter_bar {
        display: none;
    }


    .fill_button .customCheckbox {
        padding: 1rem 2rem;
        font-size: 1rem;

    }

    .fill_button a button {
        padding: 1rem 2rem;
        justify-content: center;
    }

    .fill_button button p {
        font-size: 1rem;
    }

    .mobile_filter_title_flex {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1.5rem 1rem;
        border-bottom: 1px solid #999999;
        position: sticky;
        top: 0;
        background: white;
        z-index: 90999;
    }

    .filter_title p {
        font-size: 1.4rem;
        font-weight: 600;
    }

    .filter_clear_all_main p {
        color: #EA2A23;
        font-weight: 600;
        font-size: 1.2rem;
    }

    .main_filter_tab_flex {
        display: flex;
    }

    .main_filter_tab_price {
        flex-basis: 40%;
        background-color: #eee;
        height: 69vh;
        position: sticky;
        top: 70px;
    }

    .product_cat_price_main {
        padding: 1.3rem;
        overflow: scroll;
        height: calc(70vh - 90px);
    }

    .product_cat_brand_acc .product_cat_brandlink {
        padding: 15px 0;
        font-size: 1rem;
        text-transform: capitalize;
        font-family: var(--semibold-font-family);
        position: relative;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }


    .product_cat_brand_acc li i {
        position: absolute;
        top: 18px;
        right: 0px;
        font-size: 16px;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .customCheckbox {
        position: relative;
        padding-left: 2.5rem;
        text-transform: capitalize;
    }

    .checkboxField:before {
        height: 16px;
        width: 16px;
    }

    .footer_main_class_pd {
        padding: 0;
    }

    .footer_main_class_pd.active {
        padding-bottom: 5rem;
    }

    .product_cat_brand_acc .product_cat_brandlink.active i.fa-chevron-down {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .submenu {
        display: none;
    }

    .submenu.active {
        display: block;
    }

    .submenu li {
        border-bottom: 1px solid #F2F2F2;
        padding: 1rem 0;
    }

    .submenu li:first-child {
        padding-top: 0;
    }

    .product_listing_section.section-padding {
        padding-top: 1.3rem;
    }


    .product_listing_wrapper .product_list_detail {
        padding: 2rem 0 3rem 0;
    }

    .customCheckbox input {
        width: 16px;
        height: 16px;
        position: absolute;
        left: 5px;
        top: 0;
    }

    .submenu li label {
        color: #AEAEAE;
        text-transform: capitalize;
    }

    .mobile_apply_filter_flex {
        position: fixed;
        bottom: 0;
        z-index: 99;
        background: #fff;
        width: 100%;
        display: flex;
    }

    .clear_close_main {
        flex-basis: 50%;
    }

    .clear_close_main p {
        color: #7F7F7F;
        font-size: 1.2rem;
        padding: 1.2rem;
        text-align: center;
    }

    .clear_Apply_main {
        flex-basis: 50%;
    }

    .clear_Apply_main p {
        text-align: center;
        color: #ffffff;
        padding: 1.2rem;
        font-size: 1.2rem;
        background-color: #E20613;
    }


    .color__categories_swiper img {
        width: 50px;
        height: 50px;
        background: #E9E9E9;
        border-radius: 50%;
    }

    .color__categories_text p {
        padding: 1rem 0;
        font-size: 0.8rem;
        color: #acacac;
        text-transform: capitalize;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        height: 48px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .color__categories_swiper {
        border: 3px solid #E9E9E9;
        width: max-content;
        padding: 0.3rem;
        border-radius: 50%;
        margin: 0 auto;
    }

    .myhome_textimg.active .color__categories_swiper {
        border: 3px solid #E20613;
    }

    .myhome_textimg.active .color__categories_text p {
        color: #E20613;
    }

    .product_cat_price_main>ul>li {
        padding: 0.5rem 0;
    }

    .product_cat_price_main>ul>li:first-child {
        padding-top: 0;
    }

    .drop_search_cat_mobile .material-symbols-outlined {
        font-size: 29px;
        padding-top: 6px;

    }

    .product_pdf_flex {
        display: flex;
        align-items: center;
        gap: 0.8rem;

        flex-basis: 65%;
    }

    .export_pdf_flex {
        display: flex;
        align-items: center;
        gap: 0.8rem;
        flex-basis: 65%;
    }

    .product_pop_flex_file {
        padding: 1.3rem 1rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 2rem;
        /* border-bottom: 1px solid #C2C2C2; */

        box-shadow: #C2C2C2 0px 3px 3px 0px;
    }

    .drop_filter_cat_mobile {
        width: 28px;
        height: 28px;
        position: relative;
    }

    .drop_filter_cat_mobile>label,
    .drop_filter_cat_mobile>a {
        height: 28px;
        width: 28px;
        display: block;
    }

    .drop_selec_all_filter_position {
        position: absolute;
        top: 1px;
        left: 5px;
        opacity: 0;
    }

    .drop_filter_cat_mobile .material-symbols-outlined {
        font-size: 28px;
    }

    .export_pdf_img {
        width: 23px;
        height: 23px;
        display: block;
    }

    .export_pdf_img>a {
        display: block;
    }

    .export_pdf_title p {
        text-transform: capitalize;
        font-family: var(--semibold-font-family);
        font-size: 1.1rem;
    }

    .main_product_pop_img_folder {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        flex-basis: 35%;
        justify-content: end;
    }

    .margin_list_pd {
        position: relative;
    }

    .margin_list_pd::before,
    .margin_list_pd::after {
        content: " ";
        width: 20px;
        height: 2px;
        background-color: #6A6C6B;
        display: block;
        position: absolute;
        top: 50%;
        right: 0%;
        transition: all 0.15s cubic-bezier(.42, 0, .58, 1);
        opacity: 1;
        border-radius: 2px;
    }

    .margin_list_pd::before {
        transform: translate(-50%, -50%) rotate(90deg);
    }

    .margin_list_pd::after {
        transform: translate(-50%, -50%);
    }


    .active .margin_list_pd::before {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    .active .margin_list_pd::after {
        transform: translate(-50%, -50%) rotate(0deg);
        opacity: 0;
    }

    .active .margin_list_pd p {
        border-bottom: unset;
    }

    .margin_list_pd p {
        border-bottom: 1px solid #F2F2F2;
        font-size: 1.3rem;
        font-family: var(--semibold-font-family);
        padding: 1.5rem 1rem;
        color: #6A6C6B;
    }


    .margin_content_show_hide {
        /* display: none; */
        max-height: 0;
        overflow: hidden;
    }

    .active .margin_content_show_hide {
        /* display: block; */
        max-height: unset;
    }

    .percentage_margin_flex {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        padding: 1rem;
        border-bottom: 1px solid #F2F2F2
    }

    .percentage_form_detail {
        flex-basis: 50%;
    }

    .percentage_margin_flex .form-control {
        height: 46px;
        background: #f7f7f7;
        color: #000;
        font-size: 1.1rem;
        border: 1px solid #f7f7f7;
        box-shadow: unset;
        border-radius: unset;
        padding: 10px 12px;
    }

    .percentage_margin_flex .form-control::placeholder {
        background: #f7f7f7;
        color: #000;
        font-size: 1.1rem;
    }

    .client_form_form_control {
        padding: 1rem;
        border-bottom: 1px solid #F2F2F2;
    }

    .client_form_form_control .form-control {
        height: 46px;
        background: #f7f7f7;
        color: #000;
        font-size: 1.1rem;
        border: 1px solid #f7f7f7;
        box-shadow: unset;
        border-radius: unset;
        padding: 10px 12px;
    }

    .client_form_form_control .form-control::placeholder {
        background: #f7f7f7;
        color: #000;
        font-size: 1.1rem;
    }

    .product_item_display_repeat {
        padding: 1rem 0;
    }


    .cartitem_item_product {

        border-bottom: 1px solid #ddd;
        padding: 0 1rem 1rem;
        margin-bottom: 1rem;
    }

    .cartitem_div_product_flex {
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    .product_img_cartview {
        flex-basis: 40%;
    }

    .product_content_cartview {
        flex-basis: 60%;
    }

    .product_img_cartview img {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }

    .product_item_name p {
        font-size: 1.2rem;
        font-family: var(--regular-font-family);
    }

    .margin_strike_flex p {
        font-weight: 600;
        font-family: var(--semibold-font-family);
        font-size: 1.1rem;
    }

    .margin_details_controller {
        padding-bottom: 2rem;
        min-height: 85vh;
    }

    .margin_variation_percentage {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .margin_variation_percentage .form-control {
        height: 46px;
        background: #f7f7f7;
        color: #000;
        font-size: 0.9rem;
        border: 1px solid #f7f7f7;
        box-shadow: unset;
        border-radius: unset;
        padding: 6px 6px;
    }

    .margin_variation_percentage .margin_text_form_detail {
        flex-basis: 50%;
    }

    .remove_packs_flex {
        display: flex;
        gap: 1rem;
        justify-content: space-between;
        width: 100%;
    }

    .product_main_page_header {
        position: sticky;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 99999;
        background-color: #fff;
    }

    .delete_cart_item_mobile a {
        font-size: 1.1rem;
        font-family: var(--semibold-font-family);
    }

    .export_btn_pdf_button {
        padding: 1rem;
        width: 100%;
        background: #fff;
        position: fixed;
        bottom: 0;
        z-index: 999;
    }

    .export_btn_pdf_button .btn {
        background: #E20613;
        border: 1px solid #E20613;
        width: 100%;
        padding: 1rem;
        border-radius: 0;
    }

    .export_btn_pdf_button .btn span {
        color: #fff;
        font-size: 1.12rem;
        font-family: var(--regular-font-family);
        text-transform: uppercase;
    }

    h1.homeTitleLine {
        font-size: var(--medium-title-font);
        padding: 15px 15px 15px 0;
        font-family: var(--regular-font-family);
        color: #3F4245;
        font-weight: bold;
    }

    .loader {
        border: 3px solid #f3f3f3;
        /* Light grey */
        border-top: 3px solid #E20613;
        /* Blue */
        border-radius: 50%;
        width: 50px;
        height: 50px;
        animation: spin 2s linear infinite;
    }

    @keyframes spin {
        0% {
            transform: rotate(0deg);
        }

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

    .mainWrapperProfile h1.homeTitleLine {
        font-size: 1.6rem;
    }

    .propoasl_table_main_mobile {
        border: 1px solid #ddd;

    }

    .proposal_table_flex {
        padding: 1rem;
        display: grid;
        gap: 2rem;
        grid-template-columns: repeat(2, 1fr);
        border-bottom: 1px solid #ddd;
    }

    .propsalo_able_pd_content {
        padding: 0.3rem 0;
    }

    .propsalo_able_pd_content p {
        font-family: var(--semibold-font-family);
        word-break: break-word;
    }

    .site-header-div {
        z-index: 9999999;
    }
}

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

    .inquiry_filter_main .side_popup_wrapper {
        height: 60%;
        overflow-y: auto;
    }

    .enquiry_form_flex_main{
        row-gap: 1rem;
    }

    .inquiry_form_main {
        flex-basis: 100%;
    }

    .pass_img {
        position: absolute;
        bottom: 18px;
        right: 0;
        font-size: 1rem;
    }


    .ecommerce-popup .centeralignpopup {
        position: fixed;
        bottom: -100% !important;
        top: unset;
        left: 0;
        height: auto;
        background-color: var(--white-color);
        z-index: 99999999;
        width: 100%;
        height: 100%;
        transition: all ease 0.4s;
        opacity: 0;
        visibility: hidden;
        overflow-y: auto;
        padding: 5rem 1rem 1rem;

    }

    .no-scroll-body .centeralignpopup {
        bottom: 0% !important;
        top: unset;
        transform: unset !important;
        transition: all ease-in-out 0.5s;
        visibility: visible;
        opacity: 1;
    }

    /* 
    .homepage_banner img {
        height: 55vh;
    } */





    .margin_strike_flex {
        flex-direction: column;
        align-items: flex-start;
    }

    .mainWrapperProfile .form-control {
        height: 30px;
        padding: 0px 0px 0px 0px;
    }



    .product_listing_wrapper .product_list_detail {
        padding: 1rem 0 3rem 0;
    }




    .table_proposal .table>tbody>tr>td {
        border-bottom: 0px solid #ddd;
        border-top: transparent !important;
        font-size: var(--nav-font-size);
        width: 100%;
        display: block;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .table_proposal .table>tbody {
        width: 100%;
    }

    .table_proposal .table>tbody>tr {
        border-bottom: 1px solid #ddd;
        width: 100%;
        display: table;
        clear: both;
    }

    .table_proposal .table {
        border-collapse: separate;
        border-spacing: 0 1rem;
    }

    .table_proposal .table>tbody>tr>td p {
        width: 50%;
        float: left;
        padding-bottom: 4px;
        padding-top: 10px;
    }

    .mainWrapperProfile .button button {
        width: max-content;

        padding: 10px 25px;
        margin-left: auto;
    }

    .mobile_fixed_btn {
        position: fixed !important;
        bottom: 20px !important;
        left: 10px !important;
        z-index: 99 !important;
        width: 100% !important;

    }

    .mobile_fixed_btn a button {
        display: flex;
        align-items: center;
        gap: 1rem;
        padding: 0.5rem 0.8rem;
        font-size: var(--link-font-size);
        margin: 0 auto;
    }


    .mainWrapperProfile .profile-section {
        width: 100%;
        padding: 20px;
    }

    .product_detailpage_container {
        width: calc(100% - 30px);
        margin: 0 auto;
        padding: 2rem 0 4rem 0;
    }


    .product_wrapper {
        padding: 0rem 0rem 2rem;
        display: flex;
        gap: 1rem;
        justify-content: space-between;
        /* flex-direction: column; */
        align-items: flex-start;
    }

    .fill_button button p {
        font-size: 1rem;
    }

    .site_navi_wrapper {
        display: flex;
        gap: 1rem;
        width: 95%;
        margin: 0 auto;
        align-items: flex-end;
        padding-top: 2rem;
        flex-direction: column;
    }

    .site_swiper_wrapper {
        width: 100%;
        margin: 0 auto;
        order: 2;
    }

    .filter-next {
        display: none !important;
    }

    .filter-prev {
        display: none !important;
    }

    .ecommerce-popup .centeralignpopup {
        width: 100%;
        margin: 0 auto;
    }

    .ecommerce-popup .profile_block {
        padding: 30px 10px !important;
        position: relative;
        height: 450px;
        overflow-y: scroll;
    }

    .ecommerce-popup .acount_form_block {
        padding-top: 1rem;
    }

    .ecommerce-popup .wlcmtext h1 {
        /* font-size: 1.2rem; */

    }

    .ecommerce-popup .profile_block {
        padding: 0 !important;
        max-width: unset;
        height: unset;
        overflow-y: hidden;
        background-color: var(--white-color);
        border-radius: 15px;
        position: relative;
    }

    .prodcut_detail_swiper_text h1,
    .prodcut_detail_swiper_text p {
        padding-bottom: 1rem;
        font-size: 1rem;
    }

    .flipclass {
        padding: 2rem 0 0rem 0;
    }

    #flip {
        display: none;
        color: #fff;

    }

    .footer-link {
        display: none;
    }

    #flip p {
        font-size: var(--nav-font-size);
        color: var(--white-color);
    }

    #flip p span .fa {
        font-size: var(--nav-font-size);
        color: var(--white-color);
    }

    #flip p span {
        animation: MoveUpDown 1s linear infinite;
        /* position: absolute;
        left: 0;
        bottom: 0;
        width: 100%; */
    }

    #flip p span {

        -webkit-animation: MoveUpDown 1s infinite linear;
        animation: MoveUpDown 1s infinite linear;
    }

    @keyframes MoveUpDown {

        0%,
        100% {
            bottom: 0;
        }

        50% {
            bottom: 15px;
        }
    }

    .swiper_detail_page .swiper-container-horizontal>.swiper-pagination {
        display: block;

    }

    .swiper_detail_page .swiper-button-prev {
        display: none;
    }

    .swiper_detail_page .swiper-button-next {
        display: none;
    }

    /* .product_wrapper {
        padding-bottom: 1rem;
    } */

    .heading-cursive h1 {
        font-size: 3rem;
        line-height: 1.6;
    }

    .tab-right_content_div {
        padding: 20px 10px;
    }

    .main_image_wrapper {
        bottom: -7px;
    }

    .testimonial_swiper_text {
        width: 100%;
    }

    .content p {
        padding: 0 3px;
    }

    .vertical_tabpanel {
        display: flex;
        gap: 1.5rem;
        overflow: hidden;
        flex-direction: column;
    }

    .vertical_tabpanel>div:nth-child(1) {
        width: 100%;
    }

    .vertical_tabpanel>div:nth-child(2) {
        width: 100%;
    }

    /* .vertical_tabpanel ul {
        display: none;
    } */
    .user_title {
        padding: 22px 0 15px 0;
        margin: 0 15px;
        border-bottom: 1px solid #ddd;
    }

    .pdl20 {
        padding-left: 0;
    }

    .product_details_table td p {
        font-size: 1.2rem;
    }

    .vertical_tabpanel .medium_title h1 {
        font-size: 1.5rem;
    }

    .product_details_table th {
        padding: 1rem 1rem 1rem 1rem;
    }

    .product_details_table td {
        padding: 1rem;
    }

    .mrb3 {
        margin-bottom: 1rem;
    }

    .repart_block_detail {
        font-size: 1.1rem;
    }

    .mrt3 {
        margin-top: 2rem;
    }

    .pdb3 {
        padding-bottom: 2rem;
    }

    .product_details_table td p {
        font-size: 1rem;
    }

    .repart_block_detail {
        display: flex;
        padding-bottom: 1rem;
        flex-direction: column;
    }

    .repart_block_detail>div:nth-child(2) {
        flex-basis: 83%;
        padding-left: 0;
    }

    .tab-right_content_div_padding30 {
        padding: 10px;
    }

    .repart_block_detail .first-child::after {
        display: none;
    }

    .product_listing_wrapper .product_color p {
        /* font-size: var(--link-font-size); */
        font-size: 1rem;
    }

    .product_listing_wrapper .product_code p {
        font-size: 1rem;
        padding-bottom: 0;
        height: 40px;
    }

    .product_listing_wrapper .product_list_detail {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
        /* row-gap: 1rem; */
    }

    .medium_title h1 {
        font-size: 1.8rem;

    }




    #banner {

        overflow: hidden;
    }

    #Client-section {
        margin-bottom: 0rem;
    }

    .testimonial_border {
        margin-bottom: 4rem !important;
        margin-top: 3rem !important;
    }

    .homepage_abs_banner_text {
        top: 3%;
        left: 3%;
        width: 97%;
    }


    .hidden-xs {
        display: none;
    }

    .visible-xs {
        display: block;
    }

    .comon_bg_div {
        padding: 1.7rem 1rem;
        width: auto;
    }

    .comon_bg_div p {
        padding-bottom: 1.2rem;
        font-size: var(--content-font-size);
        color: var(--primary-color);
        transition: all ease-in-out 0.5s;
        text-align: left;
    }

    .homepage_banner_text h1 {
        font-size: 3rem;
        line-height: 1;

    }

    /* 
    .homepage_ul_li_abs_div>div {
        flex-basis: 50%;
    } */

    .site-header {
        z-index: 99999;
        position: relative;
    }

    .coroporate_gift_block {
        flex-basis: calc(50% - 1rem);
    }

    .coroporate_gift_grid p {
        text-align: center;
        padding-bottom: 2rem;
    }

    .swiper_container_homepage {
        width: 94%;
    }

    .section-padding {
        padding: 4rem 0;
    }

    .swiper_container_homepage {
        padding: 2rem 0 2rem 0;
    }

    .client_logo_grid {
        grid-template-columns: repeat(3, 1fr);
        padding-left: 15px;
        padding-right: 15px;
        gap: 1rem;
    }

    .client-logo {
        padding-left: 15px;
        padding-right: 15px;
    }

    .testimonial_wrapper {
        margin-left: 15px;
        margin-right: 15px;
    }

    html {
        font-size: 14px;
    }

    .cleavepage_container {
        width: 100%;
        margin: 0 auto;
    }

    .gift-by-category .swiper-button-prev,
    .swiper-button-next {
        background-image: none;
        display: none;
    }

    /* .footer_wrapper_grid {
        display: grid;
        grid-template-areas: 'one one one one' 'two two three three' 'four four five five';
        grid-template-columns: repeat(4, 1fr);
    } */

    .footer_logo {
        width: 150px;
        padding-top: 1rem;
        padding-bottom: 0.5rem;
        margin: 0 auto;
    }

    .black_footer_padding {
        padding: 2rem 0 2.5rem 0;
    }

    .footer_wrapper_grid h6 {
        padding-top: 3rem;
    }

    /*client- list*/

    .happy_client_title h1 {
        font-size: 3rem;
        line-height: 1.2;
    }

    .happy_client_logo_grid {
        grid-template-columns: repeat(3, 1fr);
        padding-left: 15px;
        padding-right: 15px;
        gap: 1rem;
    }

    /*client- list end*/

    /*our work*/

    .category_up_image img {
        width: 45%;
    }

    /*our work end*/

    .product-listing-category_list ul li {
        width: 100%;
    }

    /* 
    .search-box_cat input.input-text {
        width: 250px;
    } */

    .search_container {
        width: 95%;
        margin: 0 auto;
    }
}

/* 400 */
@media only screen and (max-width:480px) {


    .homepage_ul_li_abs_div {
        position: relative;
        padding: 1rem;
    }

    .table_proposal .table>tbody>tr>td p {
        width: 40%;
    }

    .product_active_corner.active {
        width: 120px;
    }

    /* .homepage_banner img {
        height: 40vh;
    } */

    .comon_bg_div {
        flex-basis: calc(50% - 0.5rem);
    }
}


@media only screen and (max-width:320px) {
    .drop_filter_cat_mobile {
        width: 24px;
        height: 24px;
        position: relative;
    }

    .product_active_corner.active {
        width: 110px;
    }

    .drop_filter_cat_mobile>label,
    .drop_filter_cat_mobile>a {
        height: 24px;
        width: 24px;
        display: block;
    }

    .drop_filter_cat_mobile .material-symbols-outlined {
        font-size: 24px;
    }

    .search_main_flex_wrapper {
        display: flex !important;
        gap: 0.5rem;
        align-items: center;
    }

    .bar {
        width: 23px;
    }

    .drop_search_cat_mobile .material-symbols-outlined {
        font-size: 24px;
        padding-top: 6px;
    }

}


/*media Query*/


.main_category_block {
    position: absolute;
    z-index: 9999;
    top: 45px;
    left: 0;
    box-shadow: 0 6px 6px 0 rgba(156, 156, 156, 0.24), 0 0 6px 0 rgba(0, 0, 0, 0.12);
    background-color: #fff;
    width: max-content;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.5s ease-out;

}


.product_main_basis:hover .main_category_block {
    visibility: visible;
    opacity: 1;

}

.product_main_basis:hover .product_content_title p {
    /* color: #ffffff;
    background: #000000; */
    border-bottom: 1px solid #000000;
}

.sub_swiper_category_text {
    font-size: 0.8rem;
}

.slider_main_cat_pd:hover {
    border-bottom: 1px solid #EA2A23;
}

.slider_main_cat_pd:hover .swiper_category_text p {
    color: #EA2A23;
}

.slider_main_cat_pd {
    padding: 0.5rem 0;
    border-bottom: 1px solid #000;
}

/* .filter_wrapper {
    display: flex;

} */

.main_class_categories {
    padding: 1rem;
    flex-basis: 30%;
    white-space: nowrap;
}

.sub_class_categories {
    display: flex;
    gap: 1.5rem;
    flex-direction: column;
    flex-wrap: wrap;
    flex-flow: column wrap;
    margin: 0px;
    position: relative;
    top: 1rem;
    left: 2rem;
}

.subslider_main_cat_pd {
    flex-basis: 4%;
}

.enquiry_now_product_main {
    margin: 1rem 0;
}

.enquiry_now_product_main {

    width: 100%;
    background: #E20613;
    border: 1px solid #E20613;


    border-radius: 5px;

}

.enquiry_now_product_main .enquiry_content_main_div {
    color: #fff;
    width: max-content;
    margin: 0 auto;
    padding: 0.5rem;
}

.enquiry_now_product_main:hover {
    background: #000;
    border: 1px solid #000;
}

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


    .search-box_cat button.search-btn img {
        width: 23px;
        padding: 3px;
        height: 23px;
    }

    .cleavepage_container {
        width: 95%;
        margin: 0 auto;
    }

}

@media only screen and (max-width: 1024px) {
    .prdouct_main_drop_flex {
        display: flex;
        gap: 0.5rem;
    }

    .site-header-links-web ul {
        gap: 0.5rem;
    }

    .site-header-wrapper {
        gap: 1rem;
    }

    .site-header-links-web ul li p {
        font-size: 1rem;
    }

    .side_flex_main_basis_center {
        flex-basis: 35%;
    }
}





/* md-toast-start */

.md-toast-open-top .md-button.md-fab-top-left,
.md-toast-open-top .md-button.md-fab-top-right {
    transition: all .4s cubic-bezier(.25, .8, .25, 1);
    -webkit-transform: translate3d(0, 42px, 0);
    transform: translate3d(0, 42px, 0)
}

.md-toast-open-top .md-button.md-fab-top-left:not([disabled]).md-focused,
.md-toast-open-top .md-button.md-fab-top-left:not([disabled]):hover,
.md-toast-open-top .md-button.md-fab-top-right:not([disabled]).md-focused,
.md-toast-open-top .md-button.md-fab-top-right:not([disabled]):hover {
    -webkit-transform: translate3d(0, 41px, 0);
    transform: translate3d(0, 41px, 0)
}

.md-toast-open-bottom .md-button.md-fab-bottom-left,
.md-toast-open-bottom .md-button.md-fab-bottom-right {
    transition: all .4s cubic-bezier(.25, .8, .25, 1);
    -webkit-transform: translate3d(0, -42px, 0);
    transform: translate3d(0, -42px, 0)
}

.md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]).md-focused,
.md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]):hover,
.md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]).md-focused,
.md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]):hover {
    -webkit-transform: translate3d(0, -43px, 0);
    transform: translate3d(0, -43px, 0)
}

md-toast {
    position: fixed;
    z-index: 105;
    box-sizing: border-box;
    cursor: default;
    overflow: hidden;
    padding: 8px;
    opacity: 1;
    transition: all .4s cubic-bezier(.25, .8, .25, 1)
}

md-toast .md-toast-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 0;
    max-height: 168px;
    max-width: 100%;
    min-height: 48px;
    padding-left: 24px;
    padding-right: 24px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
    border-radius: 2px;
    font-size: 14px;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0) rotateZ(0deg);
    transform: translate3d(0, 0, 0) rotateZ(0deg);
    transition: all .4s cubic-bezier(.25, .8, .25, 1)
}

md-toast.md-capsule,
md-toast.md-capsule .md-toast-content {
    border-radius: 24px
}

md-toast.ng-leave-active .md-toast-content {
    transition: all .3s cubic-bezier(.55, 0, .55, .2)
}

md-toast.md-swipedown .md-toast-content,
md-toast.md-swipeleft .md-toast-content,
md-toast.md-swiperight .md-toast-content,
md-toast.md-swipeup .md-toast-content {
    transition: all .4s cubic-bezier(.25, .8, .25, 1)
}

md-toast.ng-enter {
    opacity: 0
}

md-toast.ng-enter .md-toast-content {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

md-toast.ng-enter.md-top .md-toast-content {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

md-toast.ng-enter.ng-enter-active {
    opacity: 1
}

md-toast.ng-enter.ng-enter-active .md-toast-content {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

md-toast.ng-leave.ng-leave-active .md-toast-content {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

md-toast.ng-leave.ng-leave-active.md-swipeup .md-toast-content {
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

md-toast.ng-leave.ng-leave-active.md-swipedown .md-toast-content {
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0)
}

md-toast.ng-leave.ng-leave-active.md-top .md-toast-content {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

md-toast .md-action {
    line-height: 19px;
    margin-left: 24px;
    margin-right: 0;
    cursor: pointer;
    text-transform: uppercase;
    float: right
}

md-toast .md-action.md-button {
    min-width: 0
}

@media (max-width:959px) {
    md-toast {
        left: 0;
        right: 0;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        border-radius: 0;
        bottom: 0
    }

    md-toast.ng-leave.ng-leave-active.md-swipeup .md-toast-content {
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0)
    }

    md-toast.ng-leave.ng-leave-active.md-swipedown .md-toast-content {
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0)
    }
}

@media (min-width:960px) {
    md-toast {
        min-width: 304px
    }

    md-toast.md-bottom {
        bottom: 0
    }

    md-toast.md-left {
        left: 0
    }

    md-toast.md-right {
        right: 0
    }

    md-toast.md-top {
        top: 0
    }

    md-toast.ng-leave.ng-leave-active.md-swipeleft .md-toast-content {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }

    md-toast.ng-leave.ng-leave-active.md-swiperight .md-toast-content {
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0)
    }
}

@media (min-width:1920px) {
    md-toast .md-toast-content {
        max-width: 568px
    }
}

@media screen and (-ms-high-contrast:active) {
    md-toast {
        border: 1px solid #fff
    }
}


/* md-toast-end */