/* @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,700;0,800;0,900;1,400&display=swap'); */
@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap");
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    /* font-family: "Poppins", sans-serif; */
    font-family: "Jost", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}
:root {
    --primary-color: #333;
    --secondory-color: #03a03a;
    --bg-dark: #090021;
    --bg-white: #ffffff;
    --bg-black: #000000;
    --bg-light: #f3f5f8;
    --bg-light-grey: #d3d3d3;
    --bg-yellow: #fff000;
    --bg-green: rgb(3, 160, 58);
    --bg-green-hover: #028a31;
    --bg-light-green: #d9e8dc;
    --bg-blue: #0b3bd8;
    --bg-orange: #f67b29;
    --bg-red: #ff0030;
    --white: #ffffff;
    --black: #000000;
    --grey: #484848;
    --light: #f1f1f1;
    --pink: #a70669;
    --red: #ff0030;
    --green: #03a03a;
    --green-hover: #028a31;
    --green-verified: #07bb07;
    --light-green: #d9e8dc;
    --blue: #0b3bd8;
    --orange: #f67b29;
    --yellow: #fff000;
    --dddddd: #dddddd;
    --c5c5c5: #c5c5c5;
    --888888: #888888;
}
.color-white { color: var(--white); }
.color-green { color: var(--green); }
.color-green-hover { color: var(--green-hover); }
.color-blue { color: var(--blue); }
.color-red { color: var(--red); }
.color-pink { color: var(--pink); }

.bg-secondory-color { background-color: var(--secondory-color);}
.bg-yellow {background-color: var(--bg-yellow);}
.bg-light-grey { background-color: var(--bg-light-grey); }
.btn-white {
    color: var(--black) !important;
    background-color: var(--bg-white);
    border-color: var(--bg-white);
}
.btn-white:hover,
.btn-white:active,
.btn-white:focus {
    color: var(--white) !important;
    background-color: var(--bg-blue) !important;
    border-color: var(--bg-blue) !important;
}
.btn-black {
    color: var(--white) !important;
    background-color: var(--bg-black);
    border-color: var(--bg-black);
}
.btn-green {
    color: var(--white) !important;
    background-color: var(--bg-green);
    border-color: var(--bg-green);
}
.btn-green:hover,
.btn-green:active,
.btn-green:focus {
    color: var(--white) !important;
    background-color: var(--bg-green-hover) !important;
    border-color: var(--bg-green-hover) !important;
}
.btn-green.disabled{
    color:var(--black) !important;
    background-color: var(--bg-light) !important;
}

.btn-blue {
    color: var(--white) !important;
    background-color: var(--bg-blue);
    border-color: var(--bg-blue);
}
.btn-blue:hover,
.btn-blue:active,
.btn-blue:focus {
    color: var(--white) !important;
    background-color: var(--bg-blue) !important;
    border-color: var(--bg-blue) !important;
}
.btn-orange {
    color: var(--white) !important;
    background-color: var(--orange);
    border-color: var(--orange);
}
.btn-orange:hover,
.btn-orange:active,
.btn-orange:focus {
    color: var(--white) !important;
    background-color: var(--orange) !important;
    border-color: var(--orange) !important;
}
.btn-gradient {
    color: var(--white) !important;
    background: rgb(3, 160, 58);
    background: linear-gradient(
        90deg,
        rgba(3, 160, 58, 1) 0%,
        rgba(3, 155, 75, 1) 40%,
        rgba(0, 126, 171, 1) 100%
    );
}
.btn-gradient:hover,
.btn-gradient:active,
.btn-gradient:focus {
    color: var(--white) !important;
    background: rgb(3, 160, 58);
    background: linear-gradient(
        90deg,
        rgba(3, 160, 58, 1) 0%,
        rgba(3, 155, 75, 1) 40%,
        rgba(0, 126, 171, 1) 100%
    );
}
.bar-gradient {
    background: rgb(3, 160, 58);
    background: linear-gradient(
        90deg,
        rgba(3, 160, 58, 1) 0%,
        rgba(3, 155, 75, 1) 40%,
        rgba(0, 126, 171, 1) 100%
    );
}
span.border-gradiant {
    position: relative;
}
span.border-gradiant::after {
    content: " ";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 4px;
    background: rgb(255, 240, 0);
    background: linear-gradient(
        145deg,
        rgba(255, 240, 0, 0) 0%,
        rgba(255, 240, 0, 1) 30%,
        rgba(3, 160, 58, 1) 70%,
        rgba(3, 160, 58, 0) 100%
    );
}
.border-bg-gradiant {
    position: relative;
    display: flex;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 5px;
}
.border-bg-gradiant::after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 40%;
    width: 25%;
    height: 4px;
    background: rgb(255, 240, 0);
    background: linear-gradient(
        145deg,
        rgba(255, 240, 0, 0) 0%,
        rgba(255, 240, 0, 1) 30%,
        rgba(3, 160, 58, 1) 70%,
        rgba(3, 160, 58, 0) 100%
    );
}

a, a:focus, a:visited, a:active { color:var(--green); text-decoration: none; }
a:hover { color:var(--green-hover); text-decoration: none; }

.sticky{ position:fixed; top:0; z-index:99; }
#ajax-overlay, .overlay, .popups{ display: none; } 
.overlay { display: none; position: fixed; width: 100vw; height: 100vh; background: rgba(51, 51, 51, 0.7); z-index: 98; opacity: 0; transition: all .5s ease-in-out; top:0; right:0; bottom:0; left:0; }
.overlay.active { display: block; opacity: 1; }

body {
    background-color: var(--bg-white);
}
.wrapper {
    display: block;
}

/***** Sidebar *****/
 
.nav-sidebar { width: 250px; height: 100vh; position: fixed; top: 0; left: -255px; background: var(--bg-green); color: var(--white); transition: all .3s; box-shadow: 3px 3px 3px rgba(51, 51, 51, 0.5); text-align: left; z-index: 99; }
.nav-sidebar.active { left: 0; }
.nav-sidebar .logo { padding: 40px 20px 10px 20px; border-bottom: 1px solid var(--bg-green-hover); transition: all .3s; }
.nav-sidebar .logo a { display: inline-block; width: 172px; height: 80px; background: url(/images/logo-white.png) left top no-repeat; background-size: contain; border: 0; text-indent: -999999px; }
.nav-sidebar ul.menu-elements { padding: 10px 0; border-bottom: 1px solid var(--bg-green-hover); transition: all .3s; }
.nav-sidebar ul li a { position: relative; display: block; padding: 10px 20px; border: 0; color: var(--white); }
 
.nav-sidebar ul li a:hover,
.nav-sidebar ul li a:focus,
.nav-sidebar ul li.active > a:hover,
.nav-sidebar ul li.active > a:focus { outline: 0; background: var(--bg-green-hover); color: var(--white); }
.nav-sidebar ul li a i { margin-right: 5px; }
.nav-sidebar ul li.active > a,
.nav-sidebar ul li a[aria-expanded="true"] { background: var(--bg-green-hover); color: var(--white); }
.nav-sidebar ul ul a { background: var(--bg-green); padding-left: 30px; font-size: 14px; }
.nav-sidebar ul ul li.active > a { background: var(--bg-green-hover); }
.nav-sidebar a[data-toggle="collapse"] { position: relative; }
.nav-sidebar .dropdown-toggle::after { display: block; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); }
.nav-sidebar ul li a.dropdown-toggle.collapsed { background: var(--bg-green);  }
.nav-sidebar .to-top { padding: 20px; text-align: center; }

.nav-sidebar-open-menu { position: static; top: 20px; left: 10px; z-index: 97; box-shadow: 3px 3px 3px rgba(51, 51, 51, 0.2); }

.open-menu.btn-customized,
.open-menu.btn-customized:hover, 
.open-menu.btn-customized:active, 
.open-menu.btn-customized:focus, 
.open-menu.btn-customized:active:focus, 
.open-menu.btn-customized.active:focus,
.open-menu.btn-customized.btn.btn-primary:not(:disabled):not(.disabled):active,
.open-menu.btn-customized.btn.btn-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: 3px 3px 3px rgba(51, 51, 51, 0.2);
}
 
/* Style for all buttons with the class btn-customized */
 
a.btn-customized { margin-left: 5px; background: var(--bg-green); border: 0; border-radius: 4px; font-size: 16px; font-weight: 300; color: var(--white); box-shadow: none; }
 
a.btn-customized:hover, 
a.btn-customized:active, 
a.btn-customized:focus, 
a.btn-customized:active:focus, 
a.btn-customized.active:focus,
a.btn-customized.btn.btn-primary:not(:disabled):not(.disabled):active,
a.btn-customized.btn.btn-primary:not(:disabled):not(.disabled):active:focus {
    outline: 0;
    background: var(--bg-green); /* for browsers that don't recognize rgba */
    background: #03a03ab3;
    border: 0;
    color: var(--white);
    box-shadow: none;
}

/*
a.btn-customized-3 { display: inline-block; width: 100%; margin: 0; padding: .75rem 1.5rem; background: var(--bg-orange); border: 0; border-radius: 4px; font-size: 16px; font-weight: 300; color: var(--white); box-shadow: none; }
 
a.btn-customized-3:hover, 
a.btn-customized-3:active, 
a.btn-customized-3:focus, 
a.btn-customized-3:active:focus, 
a.btn-customized-3.active:focus,
a.btn-customized-3.btn.btn-primary:not(:disabled):not(.disabled):active,
a.btn-customized-3.btn.btn-primary:not(:disabled):not(.disabled):active:focus {
    outline: 0;
    background: rgb(246, 123, 41, .7);
    border: 0;
    color: var(--white);
    box-shadow: none;
}
 
a.btn-customized-3 i { margin-right: 5px; }
.nav-sidebar .dark-light-buttons {
    padding: 10px 20px 30px 20px;
    text-align: center;
}

a.btn-customized-4 { display: inline-block; width: 28px; height: 28px; margin: 0 3px; padding: 0; background: var(--888888);    border: 0; border-radius: 50%; font-size: 16px; font-weight: 300; color: var(--white); box-shadow: none; text-indent: -999999px; }
 
a.btn-customized-4.btn-customized-dark {
    background: var(--bg-dark);
}
 
a.btn-customized-4.btn-customized-light {
    background: var(--bg-white);
}
 
a.btn-customized-4.btn-customized-dark:hover, 
a.btn-customized-4.btn-customized-dark:active, 
a.btn-customized-4.btn-customized-dark:focus, 
a.btn-customized-4.btn-customized-dark:active:focus, 
a.btn-customized-4.btn-customized-dark.active:focus,
a.btn-customized-4.btn-customized-dark.btn.btn-primary:not(:disabled):not(.disabled):active,
a.btn-customized-4.btn-customized-dark.btn.btn-primary:not(:disabled):not(.disabled):active:focus {
    outline: 0;
    background: var(--bg-dark);
    border: 0;
    color: var(--white);
    box-shadow: none;
}
 
a.btn-customized-4.btn-customized-light:hover, 
a.btn-customized-4.btn-customized-light:active, 
a.btn-customized-4.btn-customized-light:focus, 
a.btn-customized-4.btn-customized-light:active:focus, 
a.btn-customized-4.btn-customized-light.active:focus,
a.btn-customized-4.btn-customized-light.btn.btn-primary:not(:disabled):not(.disabled):active,
a.btn-customized-4.btn-customized-light.btn.btn-primary:not(:disabled):not(.disabled):active:focus {
    outline: 0;
    background: var(--bg-white);
    border: 0;
    color: #fff;
    box-shadow: none;
} 
*/

.nav-sidebar .dismiss { width: 35px; height: 35px; position: absolute; top: 10px; right: 10px; transition: all .3s; background: var(--bg-green-hover); border-radius: 4px; text-align: center; line-height: 35px; cursor: pointer; }
 
.nav-sidebar .dismiss:hover,
.nav-sidebar .dismiss:focus { background: var(--bg-dark); color: #fff; }

header {
    color: var(--white);
    position: absolute;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9;
}
body.inner-layout header {
    position: relative;
    background: rgba(0, 0, 0, 1);
}
body.inner-white-layout header {
    position: relative;
    background: var(--bg-white);
}
header .topbar {
    background-color: var(--bg-black);
    color: var(--white);
    border-bottom: 1px solid var(--grey);
    font-size: 14px;
}
header .topbar a {
    color: var(--white);
}
header .topbar a img {
    max-width: 24px;
}
header .topbar a.nav-link:focus,
header .topbar a.nav-link:hover {
    color: var(--white);
}
header .topbar .dropdown-menu.show {
    background-color: var(--bg-blue);
}
header .topbar .dropdown-menu.show a.dropdown-item {
    color: var(--white);
}
header .search-wrap {
    position: relative;
    display: block;
}
header .search-wrap > i {
    position: absolute;
    top: 12px;
    left: 12px;
    color: var(--grey);
    font-size: 18px;
}
header .search-wrap .header-search-field {
    width: 100%;
    padding: 10px 15% 10px 6%;
    background-color: #f5f5f5;
    border: 1px solid #979797;
}
header .search-wrap .header-search-btn {
    position: absolute;
    top: 5px;
    right: 6px;
}
header .topuser {
    color: var(--white);
    font-size: 36px;
}
header .topcart {
    color: var(--white);
    font-size: 34px;
}
body.inner-white-layout header .topuser {
    color: var(--black);
    font-size: 36px;
}
body.inner-white-layout header .topcart {
    color: var(--black);
    font-size: 34px;
}
header .search-mobile-wrap .btn-search-btn {
    display: inline-block;
    padding: 6px 12px;
    color: var(--white);
    background-color: var(--secondory-color);
    border: 2px solid var(--secondory-color);
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 700;
    text-transform: uppercase;
    top: 5px;
    right: 5px;
}
header .navbar-toggler {
    color: var(--white);
    background-color: var(--secondory-color);
}
header .navbar {
    border-top: 1px solid var(--grey);
}
body.inner-white-layout header .navbar {
    border-top: 1px solid var(--light);
}
header .navbar .navbar-nav .nav-link,
header .navbar .navbar-nav .nav-link.active,
header .navbar .navbar-nav .nav-link.show {
    color: var(--white);
}
body.inner-white-layout header .navbar .navbar-nav .nav-link,
body.inner-white-layout header .navbar .navbar-nav .nav-link.active,
body.inner-white-layout header .navbar .navbar-nav .nav-link.show {
    color: var(--black);
}
header .navbar .dropdown-menu {
    background-color: rgba(0, 0, 0, 0.8);
    color: var(--white);
}
header .navbar .dropdown-menu .dropdown-item {
    color: var(--white);
}
header .navbar .dropdown-menu .dropdown-item:focus,
header .navbar .dropdown-menu .dropdown-item:hover {
    color: var(--white);
    background-color: rgba(0, 0, 0, 0.9);
}
header .navbar .dropdown-menu .dropdown-item.active,
header .navbar .dropdown-menu .dropdown-item:active {
    color: var(--white);
    text-decoration: none;
    background-color: var(--secondory-color);
}
body.inner-white-layout header .menu-wrap {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
}
#menuNavbar .navbar-nav > li > a {
    position: relative;
}
#menuNavbar .navbar-nav > li > a::before {
    content: "";
    transition: all 0.5s ease;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    transform: scale(0);
    height: 3px;
    background-color: var(--secondory-color);
}
#menuNavbar .navbar-nav > li > a:hover::before {
    transform: scale(1);
}
.myaccount-nav-wrap {
    color: var(--black);
}
.myaccount-nav-wrap > .nav {
    gap: 25px;
    justify-content: flex-end;
}
.myaccount-nav-wrap i {
    color: var(--black);
}
header .myaccount-nav-wrap > .nav .nav-item .dropdown-toggle::after{ display:none; }
.myaccount-nav-wrap .topwishlist-btn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.myaccount-nav-wrap .topwishlist-btn > i {
    font-size: 22px;
    line-height: 18px;
}
.myaccount-nav-wrap .topwishlist-btn .wishlist-counter {
    font-size: 12px;
    background: var(--secondory-color);
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 100px;
    text-align: center;
    line-height: 20px;
    color: var(--white);
    position: absolute;
    top: -5px;
    left: -10px;
}
.myaccount-nav-wrap .topuser-btn {
    position: relative;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    margin: 0;
    border: none;
}
.myaccount-nav-wrap .topuser-btn > i {
    font-size: 24px;
    line-height: 18px;
}
.myaccount-nav-wrap .topuser-btn > span {
    font-size: 14px;
    line-height: 18px;
    padding: 5px;
}
.myaccount-nav-wrap .topuser-btn > span > em {
    display: block;
    text-align: end;
}
.myaccount-nav-wrap .topuser-btn:hover,
.myaccount-nav-wrap .topuser-btn.show {
    color: var(--secondory-color);
    background-color: transparent;
    border: none;
}
.myaccount-nav-wrap .topcart-btn {
    position: relative;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    border: none;
}
.myaccount-nav-wrap .topcart-btn > i {
    font-size: 20px;
    line-height: 18px;
    color: var(--black);
}
.myaccount-nav-wrap .topcart-btn > span {
    font-size: 14px;
    line-height: 18px;
    padding: 0 5px;
    text-align: start;
}
.myaccount-nav-wrap .topcart-btn > span > em {
    display: block;
    text-align: start;
}
.myaccount-nav-wrap .topcart-btn:hover,
.myaccount-nav-wrap .topcart-btn.show {
    color: var(--secondory-color);
}

.myaccount-nav-wrap .dropdown-item.active, .myaccount-nav-wrap .dropdown-item:active {
    color: var(--white);
    text-decoration: none;
    background-color: var(--bg-green-hover);
}



#home-slider {
    width: 100%; /*height: 500px;*/
    z-index: 8;
}
.owl-carousel .owl-dots {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    text-align: center;
}
/*.owl-dots button.owl-dot.active span, 
.owl-dots button.owl-dot:hover span {
    background-color: var(--bg-yellow);
    border-radius: 50%;
    height: 12px;
    width: 24px;
    position: absolute;
    top: 1px;
    left:1px;
}*/
.owl-dots button.owl-dot.active {
    background-color: var(--bg-yellow);
    width: 28px;
    border-radius: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.owl-dots button.owl-dot {
    border: 1px solid gray;
    background: var(--bg-white);
    border-radius: 50%;
    height: 12px;
    width: 12px;
    position: relative;
    margin-right: 6px;
}
.hero-item {
    position: relative;
    display: block;
    padding: 0;
    margin: 0 auto; /*max-width: 1600px;*/
}
.hero-wrap {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: left;    
    text-align: left;
    padding: 50px 8% 50px;
    position: absolute;
    top:0;
}
.hero-wrap.right{justify-content: end; text-align: right;}
.hero-wrap .hero-content {
    max-width: 550px;
    color: #fff;
    padding: 10px 20px;
    z-index: 2;
}
.hero-wrap .hero-content h4 { font-size: 30px; color:var(--white); margin-bottom: 0; }
.hero-wrap .hero-content h2 { font-size: 54px; color: var(--yellow); margin-bottom: 0; }
.hero-wrap .hero-content h3 { font-size: 18px; color: var(--white); margin-bottom: 10px; font-style: italic; }
.hero-wrap .hero-content .hero-btn {
    display: inline-block;
    
    color: var(--white);
    font-size: 24px;
    letter-spacing: 1px;
    margin-top: 10px;    
}
.hero-image-wrap {
    position: relative;
    width: 450px;
    height: 450px;
    right: -7%;
    transform: rotate(45deg);
    z-index: 2;
}
.hero-image-wrap .hero-shape {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #dedede;
    border: 25px solid var(--secondory-color);
}
.hero-image-wrap .hero-shape img {
    position: absolute;
    max-width: 450px;
    transform: rotate(-45deg);
}
.hero-image-bg-wrap {
    position: absolute;
    width: 500px;
    height: 500px;
    background: var(--secondory-color);
    top: -50%;
    left: 7%;
    transform: rotate(45deg);
    z-index: 1;
}
.featured-services {
    display: block;
    padding: 50px 0;
    text-align: center;
    border-top: 1px solid var(--bs-gray-200);
    background-color: var(--white);
}
.featured-services .services-icon > i {
    font-size: 60px;
}
.featured-services .services-info h3 {
    font-size: 24px;
    font-weight: 400;
}
.featured-services .services-info .services-desc {
    font-size: 14px;
}

.featured-category-grid {
    display: block;
    padding: 50px 0;
    color: var(--black);
    background-color: var(--bg-light);
}
.featured-category-grid .product-grid {
    display: flex;
    flex-flow: row wrap;
    row-gap: 20px;
    column-gap: 20px;
}
.featured-category-grid .product-grid .product-item {
    background-color: var(--bg-white);
    display: flex;
    width: 32%; /*height: 340px;*/
    align-items: center;
    text-align: center;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}
.featured-category-grid .product-grid .product-item .product-image {
    display: block;
    width: 50%;
    padding: 20px 0;
}
.featured-category-grid .product-grid .product-item .product-image img {
    height: 100%;
}
.featured-category-grid .product-grid .product-item .product-info {
    padding: 10px 12px;
    width: 50%;
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    text-align: left;
}
.featured-category-grid
    .product-grid
    .product-item
    .product-info
    .product-heading {
    padding: 15px 0 0 0;
    display: block;
}
.featured-category-grid
    .product-grid
    .product-item
    .product-info
    .product-heading
    h3 {
    color: var(--black);
    font-size: 21px;
    font-weight: 400;
    letter-spacing: 1px;
}
.featured-category-grid .product-grid .product-item .product-buttons {
    padding: 2px 0 10px 0;
    font-weight: 500;
    letter-spacing: 1px;
    display: block;
    width: 100%;
}
.featured-category-grid
    .product-grid
    .product-item
    .product-buttons
    .product-btn {
    display: inline-block;
    padding: 8px 18px;
    color: var(--black);
    background-color: var(--bg-white);
    border: 1px solid var(--black);
    border-radius: 25px;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 400;
    transition: background-color 300ms linear;
}
.featured-category-grid
    .product-grid
    .product-item
    .product-buttons
    .product-btn:hover {
    background-color: var(--bg-blue);
    color: var(--white);
    border-color: var(--bg-blue);
}
.featured-products-grid {
    display: block;
    padding: 100px 0;
    background-color: var(--bg-light);
    color: var(--black);
}
.featured-products-grid .nav .nav-item .nav-link {
    padding-left: 25px;
    padding-right: 25px;
    color: var(--black);
    background-color: var(--bg-white);
    border-radius: 20px;
    font-weight: 700;
    text-transform: uppercase;
}
.featured-products-grid .nav .nav-item .nav-link.active {
    color: var(--white);
    background-color: var(--bg-green);
}
.featured-products-grid .nav .nav-item .nav-link:hover {
    color: var(--white);
    background-color: var(--bg-green);
}
.featured-products-grid .product-grid {
    display: flex;
    flex-flow: row wrap;
    row-gap: 10px;
    column-gap: 10px;
}
.featured-products-grid .product-grid .product-item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 24%;
    align-items: center;
    text-align: center;
    padding: 15px;
    border-radius: 10px;
    background-color: transparent;
    transition: background-color 500ms linear;
}
.featured-products-grid .product-grid .product-item .product-image {
    position: relative;
    background-color: var(--bg-light-green);
    display: block;
    width: 100%;
    height: 240px;
    padding: 20px;
    border-radius: 10px;
    overflow: hidden;
}
.featured-products-grid
    .product-grid
    .product-item
    .product-image
    .product-link-wrap {
    position: absolute;
    display: block;
    opacity: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition-property: top, opacity;
    transition-duration: 0.3s;
    transition-delay: 0s;
}
.featured-products-grid
    .product-grid
    .product-item
    .product-image
    .product-link-wrap
    a {
    display: inline-flex;
    background-color: var(--bg-white);
    color: var(--black);
    padding: 4px 8px;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
}
.featured-products-grid
    .product-grid
    .product-item
    .product-image
    .product-link-wrap
    a
    > i {
    font-size: 22px;
}
.featured-products-grid .product-grid .product-item .product-image img {
    height: 100%;
}
.featured-products-grid .product-grid .product-item .product-info {
    padding: 10px 2px;
    width: 100%;
    font-weight: 500;
    letter-spacing: 1px;
    display: block;
    overflow: hidden;
}
.featured-products-grid .product-grid .product-item .product-info p {
    margin: 0;
}
.featured-products-grid .product-grid .product-item .product-buttons {
    padding: 12px 0;
    font-weight: 500;
    letter-spacing: 1px;
    display: block;
    width: 100%;
}
.featured-products-grid
    .product-grid
    .product-item
    .product-buttons
    .product-btn {
    display: inline-block;
    padding: 4px 28px;
    color: var(--white);
    background-color: var(--secondory-color);
    border: 2px solid var(--secondory-color);
    border-radius: 25px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 400;
    text-transform: uppercase;
}
.featured-products-grid .product-grid .product-item .product-item-badge {
    position: absolute;
    display: block;
    top: 30px;
    left: 30px;
    padding: 4px 20px;
    color: var(--white);
    background-color: var(--bg-red);
    border-radius: 25px;
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: 400;
    text-transform: uppercase;
}
.featured-products-grid .product-grid .product-item:hover {
    background-color: var(--bg-white);
}
.featured-products-grid
    .product-grid
    .product-item:hover
    .product-image
    .product-link-wrap {
    opacity: 1;
}
.featured-products-grid
    .product-grid
    .product-item:hover
    .product-image
    .product-link-wrap
    a {
    transition-delay: 0.15s;
}
.featured-products-grid
    .product-grid
    .product-item:hover
    .product-image
    .product-link-wrap
    a:hover {
    background-color: var(--bg-green);
    color: var(--white);
}
.featured-products {
    display: block;
    padding: 50px 0;
    background-color: var(--grey);
    color: var(--white);
}
.featured-products .product-wrap {
    display: block;
    width: 100%;
    height: 100%;
}
.featured-products .product-wrap .product-link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.featured-products .product-wrap .product-link .product-image-wrapper {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
}
.featured-products .product-wrap .product-link .product-cat-info {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 1s, visibility 1s;
    transition: opacity 1s, visibility 1s;
}
.featured-products .product-wrap .product-link:hover .product-cat-info {
    visibility: visible;
    opacity: 1;
}
.featured-products
    .product-wrap
    .product-link
    .product-cat-info
    .product-cat-info-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.featured-products
    .product-wrap
    .product-link
    .product-cat-info
    .product-cat-info-inner
    .product-cat-item-title {
    font-family: "Gotham", sans-serif;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 2px;
    color: #fff;
    text-transform: uppercase;
}
.featured-products
    .product-wrap
    .product-link
    .product-cat-info
    .product-cat-info-inner
    .product-cat-item-btn-wrap {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
.featured-products
    .product-wrap
    .product-link
    .product-cat-info
    .product-cat-info-inner
    .product-cat-item-btn-wrap
    .product-cat-item-btn {
    display: inline-block;
    padding: 10px 28px;
    color: var(--white);
    background-color: var(--secondory-color);
    border: 2px solid var(--secondory-color);
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 700;
    text-transform: uppercase;
}
.sameday-printing {
    display: block;
    padding: 100px 0;
}
.sameday-printing img {
    border-radius: 20px;
}
.sameday-printing .sameday-printing-wrap h3 {
    font-size: 14px;
    color: var(--secondory-color);
}
.sameday-printing .sameday-printing-wrap h2 {
    font-size: 32px;
}
.sameday-printing-hero {
    position: relative;
    display: block;
    padding: 180px 0;
    color: var(--white);
}
.sameday-printing-hero .background-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}
.sameday-printing-hero .background-video-overlay {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}
.sameday-printing-hero .sameday-printing-wrap h2 {
    font-size: 48px;
    margin-bottom: 15px;
}
.sameday-printing-hero .sameday-printing-wrap .sameday-printing-heading h3 {
    font-size: 36px;
    color: var(--yellow);
    margin-bottom: 15px;
}
.above-footer-secton {
    display: block;
    width: 100%;
    background-color: var(--bg-light);
}
.above-footer-secton .above-footer-bg {
    display: block;
    width: 100%;
    background-color: var(--bg-white);
    padding: 50px 0 30px 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.customer-stats {
    display: block;
    text-align: center;
}
.customer-stats img.trustpilot {
    height: 20px !important;
    width: auto !important;
    margin: 0px 10px;
    vertical-align: middle;
    display: inline;
}
.partnerslogo {
    display: block;
    padding: 100px 0 50px 0;
}
/** catalog **/
#collections {
    display: block;
    padding: 30px 0;
    margin-top: 10px;
}
#collections .product-category {
    display: block;
}
#collections .product-category h1.title-heading {
    display: block;
    text-align: center;
    font-weight: 700;
}
#collections .product-category .category-listing {
    display: block;
    padding: 20px 0;
}
#collections .product-category .category-listing .category-sub-items-wrap {
    display: block;
    padding: 0 15px;
}
#collections
    .product-category
    .category-listing
    .category-sub-items-wrap
    .category-sub-item {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
}
#collections
    .product-category
    .category-listing
    .category-sub-items-wrap
    .category-sub-item
    img {
    max-height: 300px;
}
#collections
    .product-category
    .category-listing
    .category-sub-items-wrap
    .category-sub-item
    .category-sub-item-details {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 13px;
}
#collections
    .product-category
    .category-listing
    .category-sub-items-wrap
    .category-sub-item
    .category-sub-item-details
    .category-sub-item-line {
    border-color: #ccc;
}
#collections
    .product-category
    .category-listing
    .category-sub-items-wrap
    .category-sub-item
    .category-sub-item-details
    h3 {
    display: block;
    font-size: 18px;
    font-weight: 700;
}
#collections
    .product-category
    .category-listing
    .category-sub-items-wrap
    .category-sub-item
    .category-sub-item-details
    p {
    font-size: 13px;
    margin-bottom: 5px;
}
#collections
    .product-category
    .category-listing
    .category-sub-items-wrap
    .category-sub-item
    .category-sub-item-details
    .category-sub-pro-items {
    display: block;
    font-size: 13px;
    font-weight: 400;
}
#collections
    .product-category
    .category-listing
    .category-sub-items-wrap
    .category-sub-item
    .category-sub-item-details
    .category-sub-pro-items
    ul.cat-products-items {
    display: block;
}
#collections
    .product-category
    .category-listing
    .category-sub-items-wrap
    .category-sub-item
    .category-sub-item-details
    .category-sub-pro-items
    ul.cat-products-items
    .cat-product-item {
    display: block;
    margin-bottom: 4px;
}
#collections
    .product-category
    .category-listing
    .category-sub-items-wrap
    .category-sub-item
    .category-sub-item-details
    .category-sub-pro-items
    ul.cat-products-items
    .cat-product-item
    a.cat-product-link {
    display: flex;
    align-items: center;
    color: #009fe3;
    font-size: 12px;
    font-weight: 400;
    text-decoration: none;
}
#collections
    .product-category
    .category-listing
    .category-sub-items-wrap
    .category-sub-item
    .category-sub-item-details
    .category-sub-pro-items
    ul.cat-products-items
    .cat-product-item
    a.cat-product-link.hot-product:after {
    display: inline-flex;
    width: 40px;
    height: 20px;
    content: "";
    margin-left: 4px;
    background: transparent url("./images/hot_products.png") center center
        no-repeat;
    background-size: contain;
}
#collections
    .product-category
    .category-listing
    .category-sub-items-wrap
    .category-sub-item
    .category-sub-item-details
    .category-sub-pro-items
    ul.cat-products-items
    .cat-product-item
    a.cat-product-link:hover {
    color: #ed3c95;
}
#collections .product-category .category-listing .product-grid-wrap {
    margin-bottom: 20px;
}
#collections .product-category .category-listing .product-grid-wrap .card {
    border-radius: 0;
}
#collections
    .product-category
    .category-listing
    .product-grid-wrap
    .card
    .card-footer {
    background-color: #000;
    color: #fff;
    padding: 0.75rem 0.5rem;
    text-align: center;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#collections
    .product-category
    .category-listing
    .product-grid-wrap
    .card
    .card-footer
    h2.products-title {
    margin: 0;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
}
#collections
    .product-category
    .category-listing
    .product-grid-wrap
    .card
    .card-footer
    h2.products-title
    a.product-grid-link {
    color: #fff;
    text-decoration: none;
}
#collections
    .product-category
    .category-listing
    .product-grid-wrap
    .card
    .card-footer
    a.product-grid-link {
    color: #fff;
    text-decoration: none;
}
#collections .category-items-wrap .product-grid {
    display: flex;
    flex-flow: row wrap;
    row-gap: 10px;
    column-gap: 10px;
}
#collections .category-items-wrap .product-grid .product-item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 30%;
    align-items: center;
    text-align: center;
    padding: 15px;
    border-radius: 10px;
    background-color: transparent;
    transition: background-color 500ms linear;
}
#collections .category-items-wrap .product-grid .product-item .product-image {
    position: relative;
    background-color: var(--bg-light-green);
    display: block;
    width: 100%;
    height: 240px;
    padding: 20px;
    border-radius: 10px;
    overflow: hidden;
}
#collections
    .category-items-wrap
    .product-grid
    .product-item
    .product-image
    .product-link-wrap {
    position: absolute;
    display: block;
    opacity: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition-property: top, opacity;
    transition-duration: 0.3s;
    transition-delay: 0s;
}
#collections
    .category-items-wrap
    .product-grid
    .product-item
    .product-image
    .product-link-wrap
    a {
    display: inline-flex;
    background-color: var(--bg-white);
    color: var(--black);
    padding: 4px 8px;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
}
#collections
    .category-items-wrap
    .product-grid
    .product-item
    .product-image
    .product-link-wrap
    a
    > i {
    font-size: 22px;
}
#collections
    .category-items-wrap
    .product-grid
    .product-item
    .product-image
    img {
    height: 100%;
}
#collections .category-items-wrap .product-grid .product-item .product-info {
    padding: 10px 2px;
    width: 100%;
    font-weight: 500;
    letter-spacing: 1px;
    display: block;
    overflow: hidden;
}
#collections .category-items-wrap .product-grid .product-item .product-info p {
    margin: 0;
}
#collections .category-items-wrap .product-grid .product-item .product-buttons {
    padding: 12px 0;
    font-weight: 500;
    letter-spacing: 1px;
    display: block;
    width: 100%;
}
#collections
    .category-items-wrap
    .product-grid
    .product-item
    .product-buttons
    .product-btn {
    display: inline-block;
    padding: 4px 28px;
    color: var(--white);
    background-color: var(--secondory-color);
    border: 2px solid var(--secondory-color);
    border-radius: 25px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 400;
    text-transform: uppercase;
}
#collections
    .category-items-wrap
    .product-grid
    .product-item
    .product-item-badge {
    position: absolute;
    display: block;
    top: 30px;
    left: 30px;
    padding: 4px 20px;
    color: var(--white);
    background-color: var(--bg-red);
    border-radius: 25px;
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: 400;
    text-transform: uppercase;
}
#collections .category-items-wrap .product-grid .product-item:hover {
    background-color: var(--bg-white);
}
#collections
    .category-items-wrap
    .product-grid
    .product-item:hover
    .product-image
    .product-link-wrap {
    opacity: 1;
}
#collections
    .category-items-wrap
    .product-grid
    .product-item:hover
    .product-image
    .product-link-wrap
    a:hover {
    background-color: var(--bg-green);
    color: var(--white);
}
#collections
    .category-items-wrap
    .product-grid
    .product-item:hover
    .product-image
    .product-link-wrap
    a {
    transition-delay: 0.15s;
}
#collections .product-category .category-listing .econo-flag-item{ display: inline-flex; width: 49%; }
#collections .product-category .category-listing .flags-img-link{ display: block; max-width: 75%; margin:0 auto; }
#collections .product-category .category-listing .flags-img-link > img{ display: block; width: 100%; margin:0 auto; }


#collections .sidebar {
    min-width: fit-content;
    /* min-width: 280px; */
    border: 1px solid #d7d7d7;
    background-color: #fff;
    box-shadow: 3px 3px 6px #0000001a;
}
#collections .sidebar .sidebar-wrap {
    display: block;
}
#collections .sidebar .sidebar-wrap .list-group {
    border-radius: 0;
}
#collections .sidebar .sidebar-wrap .list-group-item {
    position: relative;
    display: block;
    color: #333;
    background-color: transparent;
    border: none;
    text-decoration: none;
}
#collections .sidebar .sidebar-wrap .list-group-item.active {
    z-index: 2;
    color: var(--black);
    background-color: transparent;
    border-color: transparent;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    text-decoration: none;
}
#collections .sidebar .sidebar-wrap .list-group-item > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 4px;
    text-decoration: none;
    color: #333;
}


.products-details {
    display: block;
    padding: 50px 0;
    text-align: center;
    border-top: 1px solid var(--bs-gray-200);
    background-color: var(--bg-white);
}
#products-info .product-title {
    text-align: start;
    font-size: 28px;
    font-weight: 500;
}
#products-info .product-images-wrap {
    display: block;
    width: 100%;
    /*max-width: 440px;*/
    max-height: 100%;
    margin: 0 auto;
}
#products-info .product-images-wrap .product-image-full-wrap {
    display: flex;
    width: 100%;
    height: 440px;
    justify-content: center;
    align-items: center;
    border: 1px solid #eee;
    background: transparent center center no-repeat;
    background-size: contain;
    margin: 0 auto;
}
#products-info .product-images-wrap .product-image-thumbnail-wrap {
    display: flex;
    height: 80px;
    justify-content: center;
    align-items: center;
    border: 1px solid #eee;
    background: transparent center center no-repeat;
    background-size: contain;
    margin: 0 auto;
}
#products-info .product-images-wrap .sliders.flexslider {
    margin-bottom: 30px !important;
}
#products-info .flexslider .flex-direction-nav a {
    height: 50px !important;
}
#products-info .flexslider ul.slides,
#products-info .carousel ul.slides {
    margin: 0;
    padding: 0;
    list-style: none;
}
#products-info .carousel {
    display: block;
    margin-top: 10px;
}
#products-info .carousel ul.slides li {
    display: inline-block;
    width: 80px;
    height: 80px;
}
#products-info .product-desc-wrap {
    text-align: start;
}
.product-attributes {
    background-color: var(--bg-light);
}
#productAttributes {
    padding: 0;
    margin: 0;
    width: 100%;
}
#productAttributes .additional-info-wrap {
    background-color: var(--secondory-color);
    color: var(--white);
    padding: 14px 10px;
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: start;
}
#productAttributes .additional-info-wrap h6 {
    margin: 0;
    padding: 0;
    font-size: 22px;
    font-weight: 700;
}
#productAttributes .additional-info-wrap i {
    color: var(--white);
    font-size: 22px;
    margin-right: 5px;
}
#productAttributes .options-wrap {
    margin: 0;
    padding: 10px 0;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
}
#productAttributes .options-wrap .avail-options {
    font-size: 18px;
    font-weight: 700;
}
#productAttributes .req-icon {
    color: var(--red);
}
#productAttributes .size-cal label {
    font-weight: 500;
    border-bottom: 1px solid var(--c5c5c5);
}
#productAttributes .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #ced4da;
    outline: 0;
    box-shadow: none;
}
#productAttributes .product-custom-size {
    padding: 0;
    margin: 0;
    width: 100%;
}
#productAttributes .product-custom-size label {
    padding: 0;
    margin: 0;
    width: 33%;
    text-align: start;
}
#productAttributes .product-custom-size input[type="text"],
#productAttributes .product-custom-size input[type="number"] {
    margin: 0;
    width: 33%;
    height: 22px;
    font-size: 12px;
    line-height: 12px;
}
#productAttributes .product-custom-size select {
    margin: 0;
    width: 33%;
    height: 32px;
}
#productAttributes .product-custom-size .size-cal {
    padding: 0;
    margin: 0;
    width: 100%;
}
#productAttributes .product-custom-size .size-cal > label {
    padding: 5px 0;
    margin: 0 0 5px 0;
    width: 100%;
    text-align: end;
}
#productAttributes .product-options {
    padding: 0;
    margin: 0;
    width: 100%;
}
#productAttributes .product-options label {
    padding: 0;
    margin: 0;
    width: 33%;
    text-align: start;
}
#productAttributes .product-options select {
    margin: 0;
    width: 67%;
    height: 32px;
}
#productAttributes .products-qty {
    padding: 10px 0;
    margin: 0;
    width: 100%;
    color: var(--white);
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
}
#productAttributes .products-qty label {
    padding: 0;
    margin: 0;
    width: 33%;
    text-align: start;
}
#productAttributes .products-qty label:last-child {
    padding: 0;
    margin: 0;
    width: 42%;
    text-align: right;
    font-weight: 700;
}
#productAttributes .products-qty input[type="text"],
#productAttributes .products-qty input[type="number"] {
    margin: 0;
    width: 25%;
    height: 22px;
    font-size: 12px;
    line-height: 12px;
}
#productAttributes .upload-proofs {
    padding: 0;
    margin: 0;
    width: 100%;
}
#productAttributes .upload-proofs label {
    padding: 0;
    margin: 0;
    width: 33%;
    text-align: start;
}
#productAttributes .upload-proofs input[type="file"] {
    padding: 0;
    margin: 0;
    width: 66%;
    height: 32px;
}

#productAttributes .product-shipping {
    padding: 0;
    margin: 0;
    width: 100%;
}
#productAttributes .product-shipping .shipping-default{ accent-color: var(--bg-green); }

#productAttributes .product-shipping label {
    padding: 0;
    margin: 0;
    width: 33%;
    text-align: start;
}
#productAttributes .product-shipping select {
    margin: 0;
    width: 67%;
    height: 32px;
}
#productAttributes .delivery-date {
    padding: 5px 0;
    margin: 0;
    color: var(--white);
    width: 100%;
    text-align: start;
    font-size: 18px;
    font-weight: 500;
}
#productAttributes .job-name {
    padding: 0;
    margin: 0;
    width: 100%;
}
#productAttributes .job-name label {
    padding: 0;
    margin: 0;
    width: 33%;
    text-align: start;
}
#productAttributes .job-name input[type="text"] {
    margin: 0;
    width: 66%;
    height: 22px;
}
#productAttributes .options-submit-wrap {
    display: block;
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 12px;
    padding-right: 12px;
}
/* #productAttributes .options-submit-wrap .grossTotalAmt{ display: block; text-align: right; }
#productAttributes .options-submit-wrap .grossTotalAmt span{ padding:5px 15px; text-align: right; color: var(--secondory-color); font-size: 32px; font-weight: 700; } */
#productAttributes .options-submit-wrap label {
    text-align: left;
    color: var(--white);
    font-size: 22px;
    font-weight: 700;
}
#productAttributes .options-submit-wrap span {
    padding: 5px 15px;
    text-align: right;
    color: var(--white);
    font-size: 22px;
    font-weight: 700;
}
#productAttributes .options-submit-wrap .addtocart-btn {
    color: var(--black);
    background-color: var(--bg-white);
    font-size: 22px;
    font-weight: 600;
    padding: 8px 28px;
    border-radius: 25px;
    border: none;
}
#productAttributes .options-submit-wrap .addtocart-btn:hover {
    color: var(--white);
    background: rgb(3, 160, 58);
    background: linear-gradient(
        90deg,
        rgba(3, 160, 58, 1) 0%,
        rgba(3, 155, 75, 1) 40%,
        rgba(0, 126, 171, 1) 100%
    );
}
#productAttributes .options-submit-wrap .add-to-wishlist-btn {
    color: var(--white);
    background-color: var(--bg-dark);
    font-size: 24px;
    font-weight: 700;
    padding: 4px 28px;
}
.select2-container--default .select2-selection--single {
    padding: 6px;
    height: 40px;
    width: 100%;
    position: relative;
    background-color: #e6e6e6;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    width: 40px;
    color: #000;
    font-size: 1.3em;
    padding: 4px 12px;
    height: 40px;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 40px;
}

#uploadfileContainer {display: none;width: 67%; margin: 0;padding: 0;text-align: left;}
#user-files-upload {display: inline-block;width: 67%;margin: 0;padding: 0;}
#user-files-upload > label { padding-top: 0.3rem; }
#uploaderZone { width: 100%; height: auto; text-align: left; /*border:3px dashed #000;*/ }
#uploaderZone:hover { cursor: pointer; }
.upload-preview-img:hover { cursor: pointer; }
.uploadImgDiv {display: block;}
.uploadImgDiv > span.btn:hover { background-color: #64a620;}
#userOrderFile {display: block; /*position: absolute; left:-9999px;*/opacity: 0;}
.fileName {text-align: left !important;}
.progressWrap {position: relative;display: none; text-align: center;}
.progress {display: block;position: relative; width: 100%;margin-top: 0px;border: 1px solid #ddd;padding: 1px;border-radius: 3px;height: 14px;background-color: #f5f5f5;}
.bar { background-color: #129547; width: 5%;height: 10px; border-radius: 3px; }
.percent { display: block; font-size: 12px; }

.testimonial-wrap { display: block; padding:50px 0 20px 0; background-color: var(--bg-light); }
.testimonial-wrap .heading-wrap{ display:block; text-align: center; margin-bottom: 20px; }
.testimonial-wrap .heading-wrap h2.title-heading{ text-align: center; }
.testimonial-wrap .testimonial-item{ position: relative; display: block; padding:0 20px 40px 20px; }
.testimonial-wrap .testimonial-item .box-wrap{ position: relative; display: flex; flex-direction:column; justify-content: start; align-items: center; text-align: center; width: 100%; min-height: 320px; background-color: var(--bg-white); padding:40px 20px 0 20px;margin-top: 40px; border-radius: 20px; }
.testimonial-wrap .testimonial-item .box-wrap .author-avatar{ position: absolute; top:-40px; padding:0px; border:1px solid var(--bg-green); border-radius: 100%; }
.testimonial-wrap .testimonial-item .box-wrap .author-avatar a{ display: flex; color:var(--green); width: 80px; height: 80px; line-height: 80px; overflow: hidden; cursor: default; justify-content: center; align-items: center; }
.testimonial-wrap .testimonial-item .box-wrap .author-avatar a > i{ font-size:42px; font-weight: 700; }
.testimonial-wrap .testimonial-item .box-wrap .box-content-wrap{ display: block; padding:5px 25px 0 25px; }
.testimonial-wrap .testimonial-item .box-wrap .box-content-wrap .box-rating{ display: block; }
.testimonial-wrap .testimonial-item .box-wrap .box-content-wrap .box-content{ font-size:16px; font-weight: 400; }
.testimonial-wrap .testimonial-item .box-wrap .box-content-wrap .box-line{ display: block; width: 100%;margin-top: 30px; }
.testimonial-wrap .testimonial-item .box-wrap .box-content-wrap .box-line .line{ display: block; width: 20px; height: 1px; background-color: var(--bg-black);margin:0 auto; }
.testimonial-wrap .testimonial-item .box-wrap .box-content-wrap .box-author{ display: block; margin-top:10px; }
.testimonial-wrap .testimonial-item .box-wrap .box-content-wrap .box-author .author-name{ font-size:13px; font-weight: 400; font-style: italic; }
.testimonial-wrap .testimonial-item .box-wrap .box-content-wrap .box-author .author-verified{ color:var(--green-verified); font-size:13px; }
.testimonial-wrap .testimonial-item .box-wrap .box-content-wrap .box-author .post-date{ font-size:13px; }

.testimonial-wrap .owl-carousel .owl-prev, .testimonial-wrap .owl-carousel .owl-next{ position: absolute; bottom:47%; }
.testimonial-wrap .owl-carousel .owl-prev{ left:-15px; }
.testimonial-wrap .owl-carousel .owl-next{ right:-15px; }
.testimonial-wrap .owl-carousel .owl-nav i.bi{ font-size:36px; font-weight: 700; }


/** shopping-cart **/
#shopping-cart { display:block; padding:30px 0;}
#shopping-cart .cart-title { display: block; font-size: 32px; font-weight: 600; text-transform: uppercase; }
#shopping-cart .cart-item { display: block; margin-bottom: 15px;  }
#shopping-cart .cart-item .card-header{ background-color: var(--bg-black); color: var(--white); border-radius: 0; }
#shopping-cart .cart-item .card-header .border-right{ border-right: 1px solid var(--white); border-radius: 0; }
#shopping-cart .cart-item .card-header .item-name, #shopping-cart .cart-item .card-header .product-name{ font-weight: 700; }
#shopping-cart .cart-item .cart-attributes{ display: block; padding:0px 15px; margin-bottom: 10px; font-size: 13px;  }
#shopping-cart .cart-item .cart-attributes .att-title{ font-weight: 700; }
#shopping-cart .cart-item .cart-attributes .row:nth-child(odd) { background:rgba(150, 120, 170, 0.1); padding-top:5px; padding-bottom: 5px; }
#shopping-cart .cart-item .cart-attributes .row:nth-child(even) { background:rgba(240, 240, 240, 0.1); padding-top:5px; padding-bottom: 5px; }

#shopping-cart .coupon-area{ display: block; }
#shopping-cart .coupon-area .coupon-code{ display: block; width: 100%; background-color: var(--bg-light); padding:10px; }
#shopping-cart .coupon-area .coupon-code h5{ display: block; width: 100%; border-bottom: 1px solid var(--bg-light-grey);padding-bottom:5px;margin-bottom: 10px; }
#shopping-cart .coupon-area .cart-total-wrap{ display: block; width: 100%; background-color: var(--bg-light); padding:10px; }
#shopping-cart .coupon-area .cart-total-wrap h5{ display: block; width: 100%; border-bottom: 1px solid var(--bg-light-grey);padding-bottom:5px;margin-bottom: 10px; text-align: end; }
#shopping-cart .coupon-area .cart-total-wrap .cart-total-inner{ display: block; width: 100%; }
#shopping-cart .coupon-area .cart-total-wrap .cart-total-inner .cart-subtotal{ display: flex; width: 100%; justify-content: flex-end; align-items: center; padding: 5px 0; }
#shopping-cart .coupon-area .cart-total-wrap .cart-total-inner .cart-subtotal .cart-label{ display: block; text-align: end; }
#shopping-cart .coupon-area .cart-total-wrap .cart-total-inner .cart-subtotal .cart-amount{ display: block; width: 140px; text-align: end; }
#shopping-cart .coupon-area .cart-total-wrap .cart-total-inner .checkout-btn-wrap{ display: block; text-align: end; padding-top:10px;margin-top:10px;border-top:1px solid var(--bg-light-green); }

/*======================================
=        22. Checkout CSS Start        =
========================================*/
.user-actions { margin-bottom: 20px; }
.user-actions h5 { font-size: 13px; font-weight: 400;background-color: var(--bg-light-green); padding: 15px 10px; border-top: 3px solid var(--bg-green);margin-bottom: 0; }
.user-actions h5 a { color: var(--black); font-size: 16px; font-weight: 700; }
.user-actions .coupon-code { padding: 20px 30px; background-color: var(--bg-light); }
.user-actions .coupon-code .coupon-inner { padding: 0px; max-width: 340px; }
  
.form_group { margin-bottom: 20px; }
.form_group .form-label { font-size: 16px; display: block;line-height: 1; font-weight: 600; }
.form_group .form-label span { font-size: 18px; color: var(--red); }
.form_group .input-form { border: 1px solid #e4e3e3; background: none;height: 40px;width: 100%;padding: 0 20px;}
@media only screen and (max-width: 767px) {
    .form_group .input-form { width: 100%; }
}
  
.form_group input[type=checkbox] {
    width: 15px;
    height: 15px;
    margin-right: 10px;
    position: relative;
    top: 3px;
    
}
  
.form_group.group_3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.form_group.group_3 .form-label {
    margin-bottom: 0;
    line-height: 34px;
    cursor: pointer;
}
.form_group.group_3 .form-label:hover {
    color: #3d3d3d;
}
  
.checkout_info {
    border: 1px solid #e4e3e3;
    margin-top: 25px;
    padding: 20px 30px;
}
.checkout_info p {
    margin: 10px 0px;
    font-size: 15px;
}
  
.form-head {    
    color: #FFFFFF;
    padding: 12px 10px;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 20px;
}
  
.niceselect-option {
    width: 100%;
    border-radius: 0px;
}
.niceselect-option ul {
    width: 100%;
    border-radius: 0px;
}
.niceselect-option ul li {
    font-size: 16px;
}
  
.custom-checkbox {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.custom-checkbox .form-check-input {
    height: 20px;
    width: 20px;
    margin-top: 0;
    opacity: 1;
    cursor: pointer;
    /*accent-color: var(--bg-green);
    background-color: var(--bg-green);*/

}
.custom-checkbox.active .form-check-input {
    background-color: var(--bg-green);
    border-color: var(--bg-green);
}
.custom-checkbox.active .form-check-input ~ .checkmark {
    background-color: var(--bg-green);
}
.custom-checkbox.active .form-check-input ~ .checkmark:after {
    left: 7px;
    opacity: 1;
}

.custom-checkbox .checkmark {
    top: 3px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: var(--bg-green);;
    z-index: -1;
    position: absolute;
}
.custom-checkbox .checkmark:after {
    position: absolute;
    content: "";
    opacity: 0;
    left: 0;
    top: 3px;
    width: 6px;
    height: 11px;
    border: solid var(--bg-green);;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
.custom-checkbox .form-check-label {
    padding-left: 10px;
    font-size: 16px;
    cursor: pointer;
}
.custom-checkbox .form-check-label a {
    font-weight: 700;
}
  
.payment-method-checkbox{
    margin: 20px 0;
    display: flex;
    flex-direction: column;
    width: 200px;
 }
 .payment-method-checkbox .checkbox-wrap{ display: block; margin-bottom: 15px;}
 .payment-method-checkbox input[type="radio"]{
   display: none;
 }
 .payment-method-checkbox input[type="radio"] + label{
   position: relative;
   display: block;
   padding-left: 30px;
   margin-right: 0px;
   margin-bottom: 0px;
   cursor: pointer;
   line-height: 1em;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
 }
 .payment-method-checkbox input[type="radio"] + label:before,
 .payment-method-checkbox input[type="radio"] + label:after{
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 1em;
   height: 1em;
   text-align: center;
   color: white;
   font-family: Times;
   border-radius: 50%;
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
 }
 .payment-method-checkbox input[type="radio"] + label:before {
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
   box-shadow: inset 0 0 0 0.2em white, inset 0 0 0 1em white;
   border: 1px solid var(--green-verified);
 }
 .payment-method-checkbox input[type="radio"] + label:hover:before {
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
   box-shadow: inset 0 0 0 0.3em white, inset 0 0 0 1em #c6c6c6;
 }
 .payment-method-checkbox input[type="radio"]:checked + label:before {
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
   box-shadow: inset 0 0 0 0.2em white, inset 0 0 0 1em var(--green);
 }



.ship-box-info {
    margin-top: 20px;
}
  
.form-textarea {
    width: 100%;
}
  
.order_table {
    margin-bottom: 35px;
}
.order_table table {
    width: 100%;
}
.order_table table thead {
    background: #f3f3f3;
}
.order_table table thead tr th {
    min-width: 50%;
    text-align: center;
    padding: 15px 0;
    border-bottom: 1px solid #ebebeb;
}
.order_table table tbody tr td {
    min-width: 50%;
    text-align: center;
    padding: 15px 0;
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 14px;
    min-width: 150px;
}
.order_table table tbody tr td.product-name > a,
.order_table table tbody tr td.product-name > a:active,
.order_table table tbody tr td.product-name > a:focus
.order_table table tbody tr td.product-name > a:visited{ color: var(--green); }
.order_table table tbody tr td.product-name > a:hover{ color: var(--green-hover); }

.order_table table tfoot tr th {
    min-width: 50%;
    text-align: center;
    padding: 15px 0;
    border-bottom: 1px solid #ebebeb;
}
.order_table table tfoot tr td {
    min-width: 50%;
    text-align: center;
    padding: 15px 0;
    border-bottom: 1px solid #ebebeb;
}


  
@media only screen and (max-width: 767px) {
    .rs-padding {
      margin-top: 20px;
    }
}
  
/*========= Checkout CSS Start ==========*/

/** payment **/
#paymentOptWrap{ list-style:none;padding:0;margin:0px 0; width:100%; display: flex; }
#paymentOptWrap > li{ 
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content: center;
    text-align:center;
    height:90px;
    cursor: pointer; 
    background-color: #000;
    color:#fff;
    border-right: 1px solid #fff;
}
#paymentOptWrap > li:last-child{ margin-right: 0; border:none;}
.payment-radio {
    cursor: pointer;
    /*box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 4px solid transparent;*/
    margin-bottom: 0;
    outline: 0;
}
.payment-radio label { margin:0; text-align: center; }
.payment-radio img{ max-height:60px; }
.payment-radio input[type="radio"] {
    display: none;
}
#paymentOptWrap > li.payment-radio-checked {
    background-color: #f8f9fa;
    color: #000;
}
.payment-radio .fa {
  position: absolute;
  color: #fff;
  background-color: #28a745;
  padding: 10px;
  top: 0;
  right: 0;
  display:none;
}
.payment-radio-checked .fa {
  display: block !important;
}

#payment .payment_gateway_paypalcc{ display: flex; align-content: center; justify-content: center; }
#payment .payment_gateway_paypalcc > .form-group{ margin-bottom: 10px; float: left; width: 100%; }

#paypal-payment-form label{ display: inline-block; padding-right: 20px; font-size: 24px; font-weight: 700; }
#paypal-payment-form .order-amt{ display: inline-block;font-size: 32px; font-weight: 700; color: var(--green-verified); }

/** member area **/
#member-wrapper{ display: block; padding: 30px 0; margin-top: 140px; }
.member-signup-wrap, .member-signin-wrap{ display: block; width: 35%; }
.member-signup-wrap{ padding:0px;  }
.member-signup-wrap .signup-content-wrap{ min-height:350px; padding:70px 50px 25px 50px; border:1px solid #e6e6e6; border-right: 1px solid #E2E2E2; }

.member-signin-wrap{ padding:0px; }
.member-signin-wrap .signin-content-wrap{ min-height:350px; padding:70px 50px; border:1px solid #e6e6e6; border-left: none;  }

.member-form-wrap{ padding:0px; }
.member-form-wrap .signin-content-wrap{ min-height:300px; padding:50px 50px; border:1px solid #e6e6e6; border-left: none;  }

/** my account **/

.myaccount-boxes-wrap{ 
    display: block; 
    background-color: #009fe3; 
    color:#fff !important; 
    text-decoration: none; 
    outline: none;
    -webkit-transition: background-color 2s ease-out;
    -moz-transition: background-color 2s ease-out;
    -o-transition: background-color 2s ease-out;
    transition: background-color 2s ease-out; 
}

.myaccount-boxes-wrap .myaccount-boxes{ width:100%; padding-bottom:100%; position:relative;  }
.myaccount-boxes-wrap .myaccount-boxes .myaccount-boxes-inner{ position: absolute; text-align: center; top:50%; left:50%; transform: translate(-50%, -50%); font-size: 28px; }
.myaccount-boxes-wrap .myaccount-boxes .myaccount-boxes-inner i{ font-size: 4em;  }
.myaccount-boxes-wrap .myaccount-boxes .myaccount-boxes-inner h3{ display:block; font-size: 24px; font-weight: 700; text-transform: uppercase;  }
.myaccount-boxes-wrap:hover{ 
    background-color: #002845; 
    color:#fff; 
    cursor: pointer;
}

#myaccount { display: block; padding: 30px 0; margin-top: 140px; }

#myaccount .myaccount-header .myaccount-nav { display: block; background-color: #ed3c95; color:#fff; padding:15px 15px; margin-bottom: 20px; }
#myaccount .myaccount-header .myaccount-nav .welcome-user{ margin:0; font-weight: 700; text-transform: capitalize; }
#myaccount .myaccount-header .myaccount-nav .myaccount-user-links{ margin:0; text-align: right; text-transform: capitalize; }
#myaccount .myaccount-header .myaccount-nav .myaccount-user-links > a{ color:#fff; text-decoration: none; outline: none; }

/** my wishlist **/
#wishlist .product-grid { display: flex; flex-flow: row wrap; row-gap: 10px; column-gap: 10px; }
#wishlist .product-grid .product-item { position: relative; display: flex; flex-direction: column; justify-content: space-between; width: 24%; align-items: center; text-align: center; padding: 15px; border-radius: 10px; background-color: transparent; transition: background-color 500ms linear; }
#wishlist .product-grid .product-item .product-image { position: relative; background-color: var(--bg-light-green); display: block;width: 100%;  height: 240px; padding: 20px; border-radius: 10px; overflow: hidden; }
#wishlist .product-grid .product-item .product-image .product-link-wrap { position: absolute; display: block; opacity: 0; top: 50%;    left: 50%; transform: translate(-50%, -50%); transition-property: top, opacity;  transition-duration: 0.3s; transition-delay: 0s; }
#wishlist .product-grid .product-item .product-image .product-link-wrap a { display: inline-flex; background-color: var(--bg-white);   color: var(--black);  padding: 4px 8px; border-radius: 4px; justify-content: center; align-items: center; }
#wishlist .product-grid .product-item .product-image .product-link-wrap  a > i { font-size: 22px; }
#wishlist .product-grid .product-item .product-image img { height: 100%; }
#wishlist .product-grid .product-item .product-info { padding: 10px 2px; width: 100%; font-weight: 500; letter-spacing: 1px; display:block; overflow: hidden; }
#wishlist .product-grid .product-item .product-info p { margin: 0; }
#wishlist .product-grid .product-item .product-buttons { padding: 12px 0; font-weight: 500; letter-spacing: 1px; display: block;    width: 100%; }
#wishlist .product-grid .product-item .product-buttons .product-btn { display: inline-block; padding: 4px 28px; color: var(--white);   background-color: var(--secondory-color); border: 2px solid var(--secondory-color); border-radius: 25px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); font-size: 14px; letter-spacing: 1px; font-weight: 400; text-transform: uppercase; }
#wishlist .product-grid .product-item .product-item-badge { position: absolute; display: block; top: 30px; left: 30px; padding: 4px 20px; color: var(--white); background-color: var(--bg-red); border-radius: 25px; font-size: 11px; letter-spacing: 1px; font-weight: 400; text-transform: uppercase; }
#wishlist .product-grid .product-item:hover { background-color: var(--bg-white); }
#wishlist .product-grid .product-item:hover .product-image .product-link-wrap { opacity: 1; }
#wishlist .product-grid .product-item:hover .product-image .product-link-wrap a { transition-delay: 0.15s; }
#wishlist .product-grid .product-item:hover .product-image .product-link-wrap a:hover { background-color: var(--bg-green); color: var(--white); }


/** order invoice **/
#order-invoice { display:block; padding:30px 0;}
#order-invoice .cart-title { display: block; font-size: 32px; font-weight: 600; text-transform: uppercase; }
#order-invoice .cart-item { display: block; margin-bottom: 15px;  }
#order-invoice .cart-item .card-header{ background-color: var(--bg-black); color: var(--white); border-radius: 0; }
#order-invoice .cart-item .card-header .border-right{ border-right: 1px solid var(--white); border-radius: 0; }
#order-invoice .cart-item .card-header .item-name, #order-invoice .cart-item .card-header .product-name{ font-weight: 700; }
#order-invoice .cart-item .cart-attributes{ display: block; padding:0px 15px; margin-bottom: 10px; font-size: 13px;  }
#order-invoice .cart-item .cart-attributes .att-title{ font-weight: 700; }
#order-invoice .cart-item .cart-attributes .row:nth-child(odd) { background:rgba(150, 120, 170, 0.1); padding-top:5px; padding-bottom: 5px; }
#order-invoice .cart-item .cart-attributes .row:nth-child(even) { background:rgba(240, 240, 240, 0.1); padding-top:5px; padding-bottom: 5px; }

#order-invoice .coupon-area{ display: block; }
#order-invoice .coupon-area .coupon-code{ display: block; width: 100%; background-color: var(--bg-light); padding:10px; }
#order-invoice .coupon-area .coupon-code h5{ display: block; width: 100%; border-bottom: 1px solid var(--bg-light-grey);padding-bottom:5px;margin-bottom: 10px; }
#order-invoice .coupon-area .cart-total-wrap{ display: block; width: 100%; background-color: var(--bg-light); padding:10px; }
#order-invoice .coupon-area .cart-total-wrap h5{ display: block; width: 100%; border-bottom: 1px solid var(--bg-light-grey);padding-bottom:5px;margin-bottom: 10px; text-align: end; }
#order-invoice .coupon-area .cart-total-wrap .cart-total-inner{ display: block; width: 100%; }
#order-invoice .coupon-area .cart-total-wrap .cart-total-inner .cart-subtotal{ display: flex; width: 100%; justify-content: flex-end; align-items: center; padding: 5px 0; }
#order-invoice .coupon-area .cart-total-wrap .cart-total-inner .cart-subtotal .cart-label{ display: block; text-align: end; }
#order-invoice .coupon-area .cart-total-wrap .cart-total-inner .cart-subtotal .cart-amount{ display: block; width: 140px; text-align: end; }
#order-invoice .coupon-area .cart-total-wrap .cart-total-inner .checkout-btn-wrap{ display: block; text-align: end; padding-top:10px;margin-top:10px;border-top:1px solid var(--bg-light-green); }



/*======================================
=       25. My Account CSS Start       =
========================================*/
.dashboard-list { display: flex; flex-wrap: wrap; gap: 10px; }
.dashboard-list li > a, 
.dashboard-list li > a:active, 
.dashboard-list li > a.btn:first-child:active { color:var(--black); background-color: var(--bg-light); }
.dashboard-list li > a.active { color:var(--white); background-color: var(--bg-green); }
.dashboard-list li > a:hover { color:var(--white); background-color: var(--bg-green-hover); }
  
.dashboard-content { border: 1px solid #ebebeb;  }

  
@media only screen and (max-width: 991px) {
    .dashboard-content {
      margin-top: 20px;
    }
}
  .dashboard-content .last-title {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 15px;
  }
  .dashboard-content table {
    margin-bottom: 0px;
  }
  .dashboard-content table tbody td {
    vertical-align: middle;
  }
  .dashboard-content table thead th {
    border-top: 0px;
    border-bottom: 1px solid #ebebeb;
  }
  .dashboard-content table thead td {
    line-height: 42px;
  }
  .dashboard-content .billing-address {
    font-size: 16px;
    margin-top: 20px;
  }
  .dashboard-content .checkout_info {
    border: none;
    padding: 0px;
  }
  
  /*======================================
  =            My Account CSS End        =
  ========================================*/


.pagination .page-link {
    color: var(--green);
    background-color: var(--bg-white);
    border-color: var(--bg-green-hover);    
}

.pagination .active>.page-link, .pagination .page-link.active {
    color: var(--white);
    background-color: var(--bg-green);
    border-color: var(--bg-green-hover);
}


/** search **/
/* #search .search-categories { display: flex; flex-wrap: wrap; gap: 16px; padding: 16px; }
#search .search-categories .box { flex: 1 1 calc(25% - 32px); display: flex; flex-direction: column; background-color: #f0f0f0;padding: 16px; box-sizing: border-box; border: 1px solid #ddd; border-radius: 8px; position: relative; }
#search .search-categories .box img { width: 100%; height: auto; border-bottom: 1px solid #ddd; margin-bottom: 16px; }
#search .search-categories .box h4 { margin: 0 0 8px 0; }
#search .search-categories .box p { flex: 1; margin: 0 0 16px 0; } */


#search .product-grid { display: flex; flex-flow: row wrap; row-gap: 10px; column-gap: 10px; }
#search .product-grid .product-item { position: relative; display: flex; flex-direction: column; flex: 1 1 calc(25% - 32px); justify-content: space-between; width: 24%; align-items: center; text-align: center; padding: 15px; border-radius: 10px; background-color: transparent; transition: background-color 500ms linear; }
#search .product-grid .product-item .product-image { position: relative; background-color: var(--bg-light-green); display: block;width: 100%;  height: 240px; padding: 20px; border-radius: 10px; overflow: hidden; }
#search .product-grid .product-item .product-image .product-link-wrap { position: absolute; display: block; opacity: 0; top: 50%;    left: 50%; transform: translate(-50%, -50%); transition-property: top, opacity;  transition-duration: 0.3s; transition-delay: 0s; }
#search .product-grid .product-item .product-image .product-link-wrap a { display: inline-flex; background-color: var(--bg-white);   color: var(--black);  padding: 4px 8px; border-radius: 4px; justify-content: center; align-items: center; }
#search .product-grid .product-item .product-image .product-link-wrap  a > i { font-size: 22px; }
#search .product-grid .product-item .product-image img { height: 100%; }
#search .product-grid .product-item .product-info { padding: 10px 2px; width: 100%; font-weight: 500; letter-spacing: 1px; display:block; overflow: hidden; }
#search .product-grid .product-item .product-info p { margin: 0; }
#search .product-grid .product-item .product-buttons { padding: 12px 0; font-weight: 500; letter-spacing: 1px; display: block;    width: 100%; }
#search .product-grid .product-item .product-buttons .product-btn { display: inline-block; padding: 4px 28px; color: var(--white);   background-color: var(--secondory-color); border: 2px solid var(--secondory-color); border-radius: 25px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); font-size: 14px; letter-spacing: 1px; font-weight: 400; text-transform: uppercase; }
#search .product-grid .product-item .product-item-badge { position: absolute; display: block; top: 30px; left: 30px; padding: 4px 20px; color: var(--white); background-color: var(--bg-red); border-radius: 25px; font-size: 11px; letter-spacing: 1px; font-weight: 400; text-transform: uppercase; }
#search .product-grid .product-item:hover { background-color: var(--bg-white); }
#search .product-grid .product-item:hover .product-image .product-link-wrap { opacity: 1; }
#search .product-grid .product-item:hover .product-image .product-link-wrap a { transition-delay: 0.15s; }
#search .product-grid .product-item:hover .product-image .product-link-wrap a:hover { background-color: var(--bg-green); color: var(--white); }

@media (max-width: 1200px) {
    #search .product-grid .product-item {
        flex: 1 1 calc(33.333% - 32px);
    }
}

@media (max-width: 800px) {
    #search .product-grid .product-item {
        flex: 1 1 calc(50% - 32px);
    }
}

@media (max-width: 500px) {
    #search .product-grid .product-item {
        flex: 1 1 100%;
    }
}


#search .pages-list{ display: block; width: 100%; }
#search .pages-list .page-item{ display: flex; align-items: stretch; padding:10px; margin-bottom: 10px; border: 1px solid var(--bg-light-green); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1); }
#search .pages-list .page-item .page-info { padding: 10px 2px; width: 80%; font-weight: 500; letter-spacing: 1px;  }
#search .pages-list .page-item .page-info h4 { margin: 0; }
#search .pages-list .page-item .page-info p { margin: 0; }
#search .pages-list .page-item .page-buttons { display:flex; padding: 12px 0; font-weight: 500; letter-spacing: 1px; width: 20%; align-items: center; justify-content: space-evenly; }
#search .pages-list .page-item .page-buttons .page-btn { display: inline-block; padding: 4px 28px; color: var(--white);   background-color: var(--secondory-color); border: 2px solid var(--secondory-color); border-radius: 25px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); font-size: 14px; letter-spacing: 1px; font-weight: 400; text-transform: uppercase; }


#templates-collection .template-category{display: block;}
#templates-collection .template-category h2{display: block;text-align: center;}
#templates-collection .template-category .template-listing { display: block; padding: 20px 0; }
#templates-collection .template-category .template-listing .temp-category-wrap{ display: flex; flex-direction: column; margin-bottom: 20px; padding-bottom: 2px; border-bottom: 1px solid #CCC; }
#templates-collection .template-category .template-listing .temp-category-wrap h2 { font-size: 22px; font-weight: 600; margin-bottom: 10px; }
#templates-collection .template-category .template-listing .temp-category-wrap .temp-product-wrap { display: flex; flex-direction: row; margin-bottom: 10px; align-items: center; }
#templates-collection .template-category .template-listing .temp-category-wrap .temp-product-wrap .temp-product-left { display: block; margin-bottom: 10px; }
#templates-collection .template-category .template-listing .temp-category-wrap .temp-product-wrap .temp-product-right { display: block; width: 75%; padding: 10px 20px; }
#templates-collection .template-category .template-listing .temp-category-wrap .temp-product-wrap .temp-product-left img { max-width: 200px; border: 1px solid #DDD; }
#templates-collection .template-category .template-listing .temp-category-wrap .temp-product-wrap .temp-product-right a.template-download { color:var(--green); text-decoration: none; }
#templates-collection .template-category .template-listing .temp-category-wrap .temp-product-wrap .temp-product-right a.template-download:hover { color:var(--green-hover); text-decoration: none; }



footer.page-footer {
    padding: 60px 0 40px 0;
    background-color: var(--bg-white);
    color: var(--black);
}
footer .footer-logo {
    display: block;
    margin-bottom: 10px;
}
footer .footer-logo .footer-logo-img {
    max-width: 200px;
}
footer .customer-support {
    display: block;
    padding: 10px 0;
}
footer .nav-link {
    color: var(--black);
    padding-left: 0;
}
footer .nav-link:focus,
footer .nav-link:hover {
    color: var(--secondory-color);
}
footer .newsletter-form {
    display: flex;
    position: relative;
}
footer .newsletter-form .newsletter-field {
    display: block;
    width: 100%;
    padding: 10px 15px;
    border-radius: 25px;
    border: 1px solid var(--888888);
}
footer .newsletter-form .newsletter-btn {
    position: absolute;
    display: inline-block;
    color: var(--secondory-color);
    background-color: transparent;
    font-size: 32px;
    letter-spacing: 1px;
    font-weight: 700;
    text-transform: uppercase;
    top: 0px;
    right: 10px;
}
footer .newsletter-wrap .newsletter_output .error{ background-color: var(--bg-red); color:var(--white); font-size: 12px; padding:2px 4px; margin-top:4px; }
footer .newsletter-wrap .newsletter_output .success{ background-color: var(--bg-green); color:var(--white); font-size: 12px; padding:2px 4px; margin-top:4px; }
.copyright {
    display: block;
    background-color: var(--bg-white);
    color: var(--black);
    padding: 10px 0;
    border-top: 1px solid var(--dddddd);
}
.copyright a{ color:var(--black); }