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



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

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

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

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

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('../fonts/Montserrat-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
:root {
    --pi-btnbg: #ed1c24;
    --pi-bg-dark: #000;
    --pi-primary: #0d51aa;
    --pi-secondary: #ed1c24;
    --pi-red-text: #ed1c24;
    --pi-btn-text: #fff;
    --pi-text: #000;
    --pi-text-white: #fff;
    --pi-bg-tr: #c5deff;
    --pi-bg-form: #f3f8ff;
    --pi-border-form: #cce0f3;
    --pi-pay: #e3e5f1;
    --pi-icon: #ffd23c;
    --pi-form-bg: #fff;
    --pi-form-text: #000;
    --pi-bg-footer: #e9ecef;
    --pi-grey:#ccc;
    --pi-grey-dark:#939393;
    --pi-blue-light:#7694ba;
    --pi-bg-white:#fff;
  }
a{ text-decoration: none; color: var(--pi-primary);}
p{font-size: 16px;margin: 0; font-family: 'Montserrat', sans-serif; line-height: 25px;}
h1{font-size: 30px;font-family: 'Montserrat', sans-serif;font-weight: 700;}
h2{ font-family: 'Montserrat', sans-serif;font-weight: 700;font-size: 23px;}
h3{font-size: 24px ;font-family: 'Montserrat', sans-serif;font-weight: 700;}
h4{ margin: 0;font-family: 'Montserrat', sans-serif;}
.btns {background: var(--pi-primary);padding: 14px 42px;font-size: 15px;text-align: center;color: var(--pi-text-white);border-radius: 5px;text-decoration: none;
transition: all 0.2s ease;border: 1px solid transparent;text-transform: uppercase;font-weight: 600; display: inline-block;}
.btns:hover{background: rgb(13 81 170 / 20%);border: 1px solid var(--pi-primary);transition: all 0.2s ease;color: var(--pi-primary);}
a.btns.fullbtn {width: 100%;}

input.input-box, select.form-select {border: 1px solid var(--pi-border-form);padding: 8px 10px;border-radius: 5px; width: 100%;}
label {width: 100%;font-size: 14px;font-weight: 600;color: var(--pi-text);}

.pagination-wrapper label {width: auto;}
.pagination-wrapper nav ul.pagination{margin-bottom: 0; padding-left: 10px;}
.pagination-wrapper label {font-weight: normal;}
.pagination-wrapper select#sa_sort{border-color: #ccc !important; padding: 8px 5px; border-radius: 5px;}
.pagination-wrapper{margin: 12px 0px 13px 13px; margin-left: 13px;}
.detail-product-area .detailinfo-form .customize-form .form-field .field-wrapper label.d-block.fw-bold {text-align: left;}
.detail-product-area .detailinfo-form .customize-form .form-field .field-wrapper span strong {font-weight: normal;
    font-size: 10px; font-style: italic;}
.detail-product-area .detailinfo-form .customize-form .form-field .field-wrapper textarea.form-control {
    text-align: left;}


:focus{ box-shadow: none !important; outline: none !important;}
.desk-mt{margin-top: 30px;}

.simple_product .form-control{border: 1px solid var(--pi-border-form);padding: 8px 10px; text-align: center;}

/*loader css*/
#loader {position: fixed;z-index: 9999;top: 0; left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);
display: flex;justify-content: center;align-items: center;}
#loader img.head-icon {position: absolute;top: 50%;transform: translate(0, -50%);}
.spinner {border: 5px solid #f3f3f3; border-top: 5px solid var(--pi-secondary); border-radius: 50%;width:50px;height: 50px;animation: spin 1.5s linear infinite;}


/* Spin animation */
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/*loader css end*/


/*header css*/
.header-sec {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;
-ms-flex-align: center;align-items: center; margin: 20px 0;}
.header-sec .logo {width: 285px;}
.header-sec .logo img {width: 100%;height: auto;}
.header-sec .search-desktop {width: 400px;max-width: 100%;}
.header-sec .search-desktop form.aws-search-form {position: relative; margin-bottom: 0;}
.header-sec .search-desktop form.aws-search-form:after {content: '';background: url(../images/sidebar-search.png) no-repeat;width: 24px;height: 24px;position: absolute;right: 14px;top: 8px;}
.header-sec .search-desktop form.aws-search-form input {border: 1px solid #ccc; border-radius: 7px !important;padding: 10px 45px 10px 15px;height: auto;display: block;width: 100%;font-size: .9rem;line-height: 1.5;color: #495057;

transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;}
#searchResults {position: absolute;text-align: left;z-index: 9999999;background: var(--pi-bg-white);width: 100%;margin-top: -1px;font-size: 12px;
line-height: 16px;max-width: 400px;}
#searchResults ul {padding: 0; margin: 0;background-color: var(--pi-bg-white);border: 1px solid #ccc;}
#searchResults ul li {border-bottom: 1px solid #ced4da;}



#searchResults ul li:last-child{ padding-bottom: 0; border: none;}
#searchResults ul li a {color: var(--pi-text);padding: 10px 10px;transition: all 0.5s ease; display: flex;}
#searchResults ul li a:hover{background: #eee; transition: all 0.5s ease;}
#searchResults ul li span.aws_result_image {display: block;height: 70px;width: 70px;float: left;padding: 0 10px 0 0;}
#searchResults ul li span.aws_result_image img{ width: 100%; height: 100%; object-fit: cover;}
#searchResults ul li span.aws_result_content h4 {font-size: 14px;font-weight: bold;margin: 0 0 0px;}
#searchResults ul li span.aws_result_content p {font-size: 12px;line-height: 20px;font-weight: 500; color: #8c8c8c;}
#searchResults ul li span.aws_result_content span.search.price {color: var(--pi-btnbg); font-weight: bold;margin: 5px 0 0;display: inline-block;}

.header-sec .right-utility {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.header-sec .right-utility .head-right-box {margin: 0 0 0 21px;}
.header-sec .right-utility .head-right-box a {text-align: center;text-decoration: none; font-family: 'Montserrat', sans-serif; position: relative;}
.header-sec .right-utility .head-right-box a img.head-icon {display: block;margin: auto;}
.header-sec .right-utility .head-right-box a strong {display: block;color: var(--pi-text);text-decoration: none;box-shadow: none; font-weight: 600; font-size: 13px; margin: 5px 0 0;}
.header-sect .right-utility .login-utility .user-img a {color: #dee2e6;transition: color .5s ease;}
.header-sec .right-utility .head-right-box:first-child img.head-icon {width: 30px;}

.header-sec .right-utility .head-right-box.basketcart strong span.cartcount {position: absolute;background: #d3122a !important;min-width: 20px;height: 20px;
display: inline-block;max-width: 24px;width: 20px;transform: inherit;font-size: 12px;padding: 4px;top: -11px;
left: 16px;border-radius: 50%;color: var(--pi-text-white);line-height: 1;}

nav.navbar {position: sticky;display: block;margin-left: 0;width: 100%;z-index: 999;background: #f5f5f7;margin-bottom:0; padding: 0; top: 0;}
nav.navbar .navbar-collapse ul.navbar-nav {justify-content: space-between; align-items: center;}

.navbar-dark .navbar-nav a.nav-link {color: var(--pi-text);font-size: 16px; padding: 16px 22px; font-weight: 600;}
.navbar-dark .navbar-nav a.nav-link.dropdown-toggle.active {background:var(--pi-btnbg); color: var(--pi-btn-text);}
.dropdown-menu {border-radius: 0;
border: none;padding: 0.5em;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.23);}


.dropdown-menu ul {list-style: none;padding: 0;}
.dropdown-menu li .dropdown-item {color: var(--pi-text);font-size: 14px;padding:11px 25px; position: relative;}
.dropdown-menu li .dropdown-item:before {content: '';background: url(../images/arrow-menu.png) no-repeat;width: 15px;height: 15px;position: absolute;background-size: 50%;left:10px;top: 16px;}
.dropdown-menu li .dropdown-item:hover:before{background: url(../images/arrow-menu-white.png) no-repeat;width: 15px;height: 15px;background-size: 50%;}
.dropdown-menu li .dropdown-item:hover {background-color: var(--pi-btnbg); color:var(--pi-text-white);}
nav.navbar a.btn {border-radius: 10px;font-family: 'Montserrat', sans-serif;font-weight: 500;background-color: var(--pi-btnbg);color: var(--pi-text-white);border: none;}
.navbar-dark .navbar-nav li.nav-item {margin: 0 0px 0 0px; border-right: 1px solid #cdcdcd;}
.navbar-dark .navbar-nav a.nav-link:after {position: relative;top: 3px;margin: 0;}
.navbar-dark .navbar-nav li.nav-item:nth-child(7) .dropdown-menu {left: inherit;right: 0;}

.navbar-expand-lg .navbar-nav .dropdown-menu{ padding: 0;}
.navbar-expand-lg .navbar-nav .dropdown-menu:before {width: 18px;aspect-ratio: 1 / cos(45deg);clip-path: polygon(50% 0, 100% 100%, 0 100%);background: var(--pi-bg-white);position: absolute;
top: -12px;left: 48px;box-shadow: 1px 4px 12px 0px #ccc; content: '';}
/*header css end*/


/*mid section css*/
.printit4less-mid {padding: 0 60px;margin-top: 20px;}
/*sidebar menu css*/
.side-panel{padding-left: 0; margin-bottom: 30px;}
.side-panel .review-sa-plugin {display: flex;align-items: center;}
.side-panel .review-sa-plugin .madeincountry {width: 75px;}
.side-panel .review-sa-plugin .madeincountry img {width: 100%;}
.side-panel .card {position: relative;display: block;width: 100%; margin-top: 20px; padding-bottom: 5px;margin-bottom: 0;border-top-left-radius: 0;border-top-right-radius: 0;background: #f5f5f7;border: none;}
.side-panel .card .card-header {color: var(--pi-text-white);font-weight: 700;font-size: 18px;margin-bottom: 5px;border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
background-color: var(--pi-primary) !important; position: relative;}
.side-panel .card .side-categories {position: relative;display: block;padding-left: 5px;padding-right: 5px;}

.side-panel .accordion-menu {width: 200px;}

.side-panel .component {display: 100%; margin-top: 25px;}
.side-panel .component .demo{padding: 0 15px;}
.side-panel ul.accordion {margin: 1% 0;padding: 0;text-align: left;list-style: none;}
.side-panel ul.accordion .inner {padding-left: 1em;overflow: hidden;display: none;list-style: none; margin-top: 10px;}
.side-panel ul.accordion li {padding: 5px 0; cursor: pointer; display: flex; flex-wrap: wrap;justify-content: space-between; gap: 8px;}
.side-panel ul.accordion li .submenu {display: none;width: 100%; padding: 0 0 0 15px;}

.side-panel ul.accordion li a {color: var(--pi-text) !important;font-size: 13px;font-family: 'Montserrat', sans-serif;font-weight: 600;width:auto;display: block;}
.side-panel ul.accordion .inner li a {font-weight: normal;}
.side-panel ul.accordion li .submenu li a {
color: #16243e;font-size: 14px;font-family: 'Montserrat', sans-serif;font-weight: 400; display: block; position: relative;}
.side-panel ul.accordion li ul.submenu li a {width:calc(100% - 35px);}
.side-panel ul.accordion li ul.submenu li a:hover{ text-decoration: underline;}
.side-panel ul.accordion li .arrow-wrap.toggle{transition: all 0.9s ease; width: 20px; text-align: center;}
.side-panel ul.accordion li .arrow-wrap.toggle.active {transform: rotate(180deg);transition: all 0.9s ease;}

#menu-01:checked + .menu-list a {padding: 10px;border: solid 1px #ccc;border-bottom: none;}
#menu-01:checked + .menu-list a span{opacity: 1;line-height: 1.4;}
#menu-01:checked + .menu-list li:last-child a{border-bottom: solid 1px #ccc;}
/*sidebar menu css end*/

.mid-section-home {padding: 0 0 0 45px;}
.banner {margin: 0 0 50px;}
.banner img{ width: 100%;height: 200px;object-fit: cover;}
.heading-box .headings {display: -webkit-box;display: -ms-flexbox;display: flex; flex-wrap: wrap; -webkit-box-pack: justify;-ms-flex-pack: justify;
justify-content: space-between;width: 100%;margin: 0 0 30px;align-items: center;}
.heading-box .headings h1{ margin-bottom: 0;}
.category-description {margin: 0 0 30px;}

/*home features product css*/
.product_order_sec {display: flex; flex-wrap: wrap; justify-content: space-between;align-items: center;margin-bottom: 30px;}
.product-result-count {margin: 0;font-weight: 600;display: inline-block;}
.product-ordering {text-align: right;display: inline-block;}
.product-ordering select.orderby {border: 1px solid #ccc;padding: 5px;margin: 0 7px 0 0px;border-radius: 5px;color: #000;}
.featured-box {display: grid;grid-template-columns: repeat(4, 1fr);margin-bottom: 30px; gap: 20px;}
.featured-box .featured-item {position: relative;padding: 20px 20px 20px;width: 100%;background: #f5f5f7;display: flex;flex-direction: column;}
.featured-box .featured-item .featured-thumb {width: 100%;height: 260px; text-align: center;}
.featured-box .featured-item .featured-thumb a {display: inline-block;height: 100%; }
.featured-box .featured-item .featured-thumb img {height: 100%;object-fit:scale-down; width: 100%;}
.featured-box .featured-item .featured-content {padding: 20px 0 0px;width: 100%;text-align: center;}
.featured-box .featured-item .featured-content p {font-size: 16px;margin: 0;font-weight: 600;}
.featured-box .featured-item .featured-content a {display: block;color: var(--pi-text);font-weight: 500;font-size: 14px;text-decoration: none;}
.featured-box .featured-item .featured-content.featured-contentbtn {margin-bottom: 20px;}
.bottom-content_inner {margin-bottom: 40px;}
.bottom-content_inner h3 {font-size: 1.125rem;font-weight: normal;margin: 18px 0 2px; line-height: 1.2;}
.bottom-content_inner ul {margin-top: 15px;}
.bottom-content_inner ul li {margin: 0 0 8px;color: #000;}
.bottom-content_inner ul li a:hover{ text-decoration: underline;}
.product_list_dese p {margin-bottom: 1rem;}
.product_list_dese table tr th img {width: 100%;}
/*home features product css end*/

/*print form css*/
.print-home-form .print-top-point-inner {display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;margin-top: 60px;}
.print-home-form .print-top-point-inner a .print-top-box {display: flex;align-items: center;}
.print-home-form .print-top-point-inner a .print-top-box img {margin: 0 30px 0 0px; object-fit: contain;}
.print-home-form .print-top-point-inner a .print-top-box h4 {font-size: 18px;color: var(--pi-text);font-weight: 600;}
/*print form css end*/

/*sale css*/
.sale-block .sale-tag {background-color: #ec1b27;color: var(--pi-text-white);height: 66px;font-weight: 700;max-width: 500px;border-radius: 11px;margin: auto;
position: relative;display: flex;align-items: center;margin-top: 50px; margin-bottom: 50px; padding: 0 7px;}
section.sale-block .sale-tag img {margin: 0 15px 0 0px; height: auto;}
/*sale css end*/

.home-mid-content .print-contentinvoice {text-align: center;}
.home-mid-content .print-contentinvoice h3 {margin: 0 0 20px;}
.home-mid-content .print-contentinvoice p {text-align: center;line-height: 30px;margin-bottom: 1rem;font-weight: 500;}
.home-mid-content .print-contentinvoice p a {color: var(--pi-primary);}


/*review css*/
.review-section {display: block;width: 100%;position: relative;padding: 50px 110px;background: #ed1b28 !important;border-radius: 15px;margin-top: 30px;}
.review-section .rating-section {width: 100%;position: relative;text-align: center;margin-bottom: 30px;color: var(--pi-text-white);}
.review-section .rating-section h3 {text-align: center;color: var(--pi-text-white);}
.review-section .rating-section p {font-size: 20px;font-weight: 600;color: var(--pi-text-white);}
.review-section .contain .owl-carousel .owl-stage {display: flex;}
.review-section .contain .owl-carousel .owl-stage .owl-item .item{ height: 100%;}
.review-section .owl-carousel .review-item {width: 100%;padding: 30px;background: var(--pi-text-white);border-radius: 17px;min-height:100%; display: flex;flex-direction: column;}
.review-section .owl-carousel .review-item h3 {font-weight: 500;}
.review-section .owl-carousel .review-item .stars {display: flex;}
.review-section .owl-carousel .review-item .stars svg {width: 1.125em;color: #ff902d;margin: 0 0 10px;}
.review-section .owl-carousel .review-item p {font-weight: normal;font-family: 'Montserrat', sans-serif;color: #16243e;font-size: 16px;}
.review-section .owl-carousel .review-item a{ margin-top: auto;}


.review-section .contain .owl-carousel {position: relative;}
.review-section .contain .owl-carousel .owl-nav {display: inline-block;position: absolute;top: 50%;transform: translate(0, -50%);width: 100%;left: 0;right: 0;}
.review-section .contain .owl-carousel .owl-nav button {font-size: 0;position: relative;width: 53px;height: 53px;display: flex;border: 2px solid var(--pi-text-white);border-radius: 50px;background: var(--pi-bg-white);}
.review-section .contain .owl-carousel .owl-nav button.owl-prev {transform: translate(0, 0);top: 50%;left: -67px;}
.review-section .contain .owl-carousel .owl-nav button.owl-next {right: -67px;float: right;position: absolute;top: 50%;transform: translate(0, -50%) rotate(180deg);}
.review-section .contain .owl-carousel .owl-nav button:before {content: '';background: url(../images/left-arrows.png) no-repeat;width: 16px;height: 13px;display: inline-block;position: relative;left: 50%;top: 47%;
transform: translate(-50%, -47%);}
.review-section .contain .owl-carousel .owl-dots {display: none;}
/*review css end*/

/*brand logo css*/
.middle-banner_logos {margin: 20px 0; display: grid; grid-template-columns: repeat(6, 1fr); gap:20px; }
.middle-banner_logos .middlehome-logo {height: 150px; border-radius: 16px;overflow: hidden;padding: 15px; display: flex; }
.middle-banner_logos .middlehome-logo img {width:170px;object-fit: scale-down;margin: auto; height: 100%;}

.middle-banner_logos .owl-nav.disabled {display:none;}
.middle-banner_logos .owl-nav button.owl-prev {position: absolute;top: 36%;transform: translate(-25px, -50%);font-size: 0;width: 53px;height: 53px;background: var(--pi-grey);border-radius: 50px;}
.middle-banner_logos .owl-nav button.owl-prev:before {content: '';background: url(../images/left-arrows.png) no-repeat;width: 16px;height: 13px;display: inline-block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.middle-banner_logos .owl-nav button.owl-next {position: absolute;top: 36%;font-size: 0;width: 53px;height: 53px;background: var(--pi-grey);border-radius: 50px;right: 0;transform: translate(25px, -50%) rotate(180deg);}
.middle-banner_logos .owl-nav button.owl-next:before{    content: '';background: url(../images/left-arrows.png) no-repeat;width: 16px;height: 13px;display: inline-block;position:absolute;left: 50%;top: 47%;transform: translate(-50%, -47%);}

.middle-banner_logos .owl-dots {text-align: center;margin-top: 0px;}
.middle-banner_logos .owl-dots button {background: var(--pi-grey);width: 10px;height: 10px;border-radius: 50%;margin: 0 4px;}
.middle-banner_logos .owl-dots button.owl-dot.active { background: var(--pi-primary);}
/*brand logo css end*/

/*breadcrumb css*/
.breadcrumb-sections, .breadcrumb {list-style: none;margin: 15px 20px 15px 0;color: var(--pi-text);font-weight: normal;position: relative;font-size: 16px;}
.breadcrumb-sections a {color: var(--pi-primary);font-weight: normal;}
.breadcrumb-sections a:hover{color: var( --pi-primary); text-decoration: underline;}

nav ol.breadcrumb span a {color:var(--pi-primary);font-weight: normal;}
nav ol.breadcrumb span a:hover{color: var(--pi-primary); text-decoration: underline;}

.breadcrumb ul {display: flex; flex-wrap:wrap; padding: 0;}
.breadcrumb ul li {list-style: none;margin: 0 20px 0 0;color: var(--pi-text);font-weight: normal;position: relative;font-size: 16px;}
.breadcrumb ul li:after {content: '>';position: absolute;margin: 0 0 0 7px; color: var(--pi-text);}
.breadcrumb ul li:last-child:after {display: none;}
.breadcrumb ul li a{ color: var(--pi-primary);  font-size: 16px;}
.breadcrumb ul li a:hover {color: var(--pi-primary);transition: all 0.5s ease; text-decoration: underline;}
/*breadcrumb css end*/

/*faq css*/
.faq-category .accordion .accordion-item h2.accordion-header button.accordion-button{font-weight: 600;}
.faq-category .accordion .accordion-item h2.accordion-header button.accordion-button:not(.collapsed), 
.faq-category .accordion .accordion-item h2.accordion-header button.accordion-button:hover {background: var(--pi-primary);color: var(--pi-text-white)}
.faq-category .accordion .accordion-item h2.accordion-header button.accordion-button:after {color: var(--pi-text);content: "\f107";font-family: 'fontawesome', sans-serif;background: none;
font-size: 24px;margin-top: -10px; margin-right: -5px;}
.faq-category .accordion .accordion-item h2.accordion-header button.accordion-button:not(.collapsed):after {
margin-top: 0;position: relative;top: 4px;color: var(--pi-text-white); left: -5px;}
.faq-category .accordion .accordion-item h2.accordion-header button.accordion-button:hover:after{color: var(--pi-text-white);}
.faq-category .accordion .accordion-item .accordion-collapse .accordion-body {padding: 8px 20px 24px;}
/*faq css end*/

/*project list page css*/


.featured-box .featured-item .detail-content-box {margin-top: 15px; margin-bottom: 25px;}
.featured-box .featured-item .detail-content-box h5 {font-size: 15px;font-weight: 500;padding: 0 0 10px;line-height: 22px;color: var(--pi-text);text-align: center;border-bottom: 1px solid #ccc;}
.featured-box .featured-item .detail-content-box .product-xtra span {display: block;text-align: center;font-size: 14px;color: var(--pi-text);}
.featured-box .featured-item .detail-content-box span.price {color: var(--pi-text);text-align: center;width: 100%;display: inline-block;}
.featured-box .featured-item .detail-content-box span.price span {font-weight: bold;font-size: 14px;}
.featured-box .featured-item .detail-content-box span.price span.amount {font-weight: normal;}
.featured-box .featured-item .detail-content-box .group-stars {text-align: center;}
.featured-box .featured-item .detail-content-box .group-stars span.startreview {display: block;}
.featured-box .featured-item .detail-content-box .group-stars span.startreview span {font-size: 14px;color: var(--pi-text);}
.featured-box .featured-item .detail-content-box .group-stars span.on img {object-fit: cover;width:16px;height: 16px;}
.featured-box .featured-item .detail-content-box .stars{text-align: center;}

.featured-box .featured-item a.btns {width: 100%;display: inline-block;padding: 5px 14px;margin-top: auto;text-transform: capitalize;}
.home-mid-content .bottom-content {text-align: left;}
/*project list page css end*/

/*project detail page css*/
.detail-product-area {display: flex; flex-wrap: wrap;}
.detail-product-area .product-detail {width: 50%; position: relative;}
.detail-product-area .product-detail .product_magnifayer {position: absolute;right: 0;top: 0;z-index: 99;}
.detail-product-area .product-detail .product_magnifayer button {border: none;background: none;padding: 0;}
.detail-product-area .product-detail .product-gallery{ text-align: center; height: 400px;margin: 0 0 20px; position: relative;}
.detail-product-area .product-detail .product-gallery a {cursor: default;width: 100%;}
.detail-product-area .product-detail .product-gallery .product_magnifayer {position: absolute;right: 0; z-index: 99;}
.detail-product-area .product-detail .product-gallery img {object-fit: contain;height:100%; width: 100%;}
.product_just_stars span.startreview {display: block;font-size: 14px;margin: 3px 0 0;}
.product-detail .product-info .product-details ul {padding: 0; margin: 15px 0 30px;}
.product-detail .product-info .product-details ul li {list-style: none;position: relative;display: block;margin-bottom: 8px;padding: 0 0 0 25px;font-size: 15px;}
.product-detail .product-info .product-details ul li:before {background: url(/front/images/check-solid.svg) no-repeat;
content: '';width: 15px;height: 15px;position: absolute;top: 5px;left: 0;}
.product-detail .product-info .product_meta span.sku_wrapper {display: block;font-weight: bold;font-size: 15px;}
.product-detail .product-info .product_meta span.sku_wrapper span.sku {font-weight: normal;}
.product-detail .product-info .product_meta span.tagged_as {font-size: 15px;font-weight: bold;display: inline-block; margin-bottom: 25px;}
.product-detail .product-info .product_meta span.tagged_as a {color:var(--pi-primary);font-weight: normal;}
.product-detail .product-info .product_meta span.tagged_as a:hover{ text-decoration: underline;}
.product-detail .product-info .social-media h5 {font-size: 15px;}
.product-detail .product-info .social-media ul {padding: 0;margin: 0;display: flex;align-items: center;}
.product-detail .product-info .social-media ul li {transition: all 0.5s ease; line-height: 10px;list-style: none;width: 35px;height: 35px;border-radius: 50px; margin: 0 10px 0 0;background: var(--pi-primary);display: flex;align-items: center;justify-content: center;}
.product-detail .product-info .social-media ul li:hover {background: var(--pi-btnbg); transition: all 0.5s ease;}
.product-detail .product-info .social-media ul li svg {width: 16px;height: 16px;fill: var(--pi-text-white);}

.detail-product-area .detailinfo-form {width: 50%; padding: 0 0 0 30px;}
.product-detail .product-info .ds_custom_desc {margin: 20px 0;}
.product-detail .product-info .ds_custom_desc p {font-weight: normal;font-size: 15px;line-height: 25px;margin: 0 0 15px;}
.product-detail .product-info .ds_custom_desc ul{margin-top: 20px; padding: 0 0 0 20px;}
.product-detail .product-info .ds_custom_desc ul li {font-weight: 600; color: #000;}
.detailinfo-form span.from {font-weight: bold;}
.detailinfo-form .price-review {font-size: 24px; font-weight: bold;}
.detail-product-area .detailinfo-form .review-sa-plugin {display: flex;align-items: center; justify-content: right; margin-top: 20px; margin-bottom: 20px;}
.detail-product-area .detailinfo-form .review-sa-plugin .madeincountry {width: 75px;}
.detail-product-area .detailinfo-form .review-sa-plugin .madeincountry img {width: 100%;}
.detail-product-area .detailinfo-form .customize-form {border: 1px solid #e8e8e8; display: inline-block;width: 100%; margin-bottom: 20px;}
.detail-product-area .detailinfo-form .customize-form .product-type-variations {padding: 0 15px;}
.detail-product-area .detailinfo-form .customize-form .product-type-variations h4 {font-size: 16px;font-weight: bold; margin: 0; padding-bottom: 10px;}
.detail-product-area .size-variations.product-option {margin-top: 14px !important;}

.detail-product-area .detailinfo-form .customize-form .product-type-variations .type-variations-row .type-variations-col {margin-bottom: 15px; margin-top: 15px;}
.detail-product-area .detailinfo-form .customize-form form {padding: 0 15px;}
.detail-product-area .detailinfo-form .customize-form p {padding: 0 0 15px;}
.detail-product-area .detailinfo-form .customize-form .product-type-variations .customization_tabing {
display: flex;justify-content: space-around;margin: 0 0 20px;}
.detail-product-area .detailinfo-form .customize-form .product-type-variations .customization_tabing .tab-button {padding: 5px;
cursor: pointer;background-color: lightgray;border: 1px solid #ccc;display: inline-block;}
.detail-product-area .detailinfo-form .customize-form .product-type-variations .customization_tabing .tab-button img {width: 100%;}
.detail-product-area .detailinfo-form .customize-form .product-type-variations .customization_tabing .tab-button.active {background:var(--pi-primary);border: 1px solid var(--pi-primary);font-weight: bold;}
.detail-product-area .detailinfo-form .customize-form .product-type-variations .size-variations .size-grid {
display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px; margin: 10px 0 20px;}
.detail-product-area .detailinfo-form .customize-form .product-type-variations .size-variations .size-grid .size-item {
border: 1px solid #ddd;padding: 10px;border-radius: 4px;text-align: center;min-width: 80px; font-weight: 500;font-size: 14px;}
.detail-product-area .detailinfo-form .customize-form .product-type-variations .size-variations .size-grid .size-item input.quantity-input{
width: 60px;text-align: center;padding: 5px;border: 1px solid #ddd;border-radius: 3px; margin: 5px 0 0;}

.detail-product-area .detailinfo-form .customize-form .form-heading {background: var(--pi-text);padding: 6px 0;display: flex; margin: 0 0 20px; color: var(--pi-text-white); font-weight: bold;}
.detail-product-area .detailinfo-form .customize-form .form-heading span {display: flex;align-items: center;justify-content: center;margin: 0 12px 0 10px;color: var(--pi-text-white);}
.detail-product-area .detailinfo-form .customize-form .form-field {margin: 0 0 10px;}

.detail-product-area .detailinfo-form .customize-form .color-grid {display: grid;grid-template-columns: repeat(5, 1fr);gap: 20px;margin-top: 20px;}
.simple_product label {width: 100%;font-weight: bold;font-size: 13px;margin: 0 0 4px; position: relative; font-family: 'Montserrat'; font-weight: blod !important;
    color: #212529; text-align: center;}
.detail-product-area .detailinfo-form .customize-form label .color-swatch{width: 28px;height: 28px;border: 1px solid #ccc;
margin-bottom: 4px;border-radius: 3px; border-radius: 0 !important;}
.detail-product-area .detailinfo-form .customize-form .text-center {text-align: left !important;}
.detail-product-area .detailinfo-form .customize-form .text-center input {text-align: center !important;}
.detail-product-area .detailinfo-form .customize-form label .color-swatch.red.active {border: 2px solid #000;}
.detail-product-area .detailinfo-form .customize-form input.input-box, .detail-product-area .detailinfo-form .customize-form select {margin: 0 0 10px; width: 100%; padding: 8px 10px;border-radius: 5px;}
.detail-product-area .detailinfo-form .customize-form .upload-file span.cpf-upload-text {width: 100%;display: inline-block;position:relative; z-index: 9;
text-align: center;color: var(--pi-text-white);font-weight: 500;font-size: 14px; top: 0;background: var(--pi-primary);padding: 10px 0; border-radius: 5px; text-transform: uppercase;cursor: pointer;}
.detail-product-area .detailinfo-form .customize-form [type="file"] {
opacity: 0;position: absolute;right: 0;text-align: right;top: 0;}
.detail-product-area .detailinfo-form .customize-form input.btns {width: 100%;cursor: inherit;display: block;font-size: .01px;min-height: 100%;
min-width: 100%;text-align: right;resize: none; opacity: 0;} 
.detail-product-area .detailinfo-form .customize-form small.tc-max-file-size {position: relative;display: inline-block;width: 100%;text-align: center;}
.tc-max-char-size {position: relative;display: inline-block;width: 100%;text-align: right;}
.detail-product-area .detailinfo-form .customize-form #show_image_name {text-align: center;font-size: 16px;font-weight: 500;margin: 0 0 14px;}
.detail-product-area .detailinfo-form .customize-form .filds-radio-button {display: flex;align-items: center;}
.detail-product-area .detailinfo-form .customize-form .filds-radio-button input.form-check-input {margin: 0 11px 0 0px;}
.detail-product-area .detailinfo-form .customize-form .form-field.proof-email {margin-top: 10px;}
.detail-product-area .detailinfo-form .customize-form .product-type-variations a#addtobasket {display: inline-block;margin:20px 0 20px;}
.customize-form form .filds-radio-button {display: flex; margin: 0 0 5px;}
.customize-form form .filds-radio-button label.form-check-label {font-weight: normal;margin: 0 0 0 8px;}
.customize-form form .form-field .proff-email p {padding: 0;}
.detail-product-area .detailinfo-form .customize-form small {font-weight: normal !important;}
.detail-product-area .form-field span.detailtotal {float: left;margin: 0 10px 0 0px;font-size: 18px;font-weight: bold;text-transform: capitalize;color: var(--pi-text);}
.price-sections {margin-top: 20px;}
.detail-product-area .form-field .product-finder-price span.price {font-size: 18px;color: var(--pi-text);font-weight: 500;}
.detail-product-area .form-field .product-finder-price {display: inline-block;}

.product_color{ margin-bottom: 30px;}
.product_color ul {display: grid;grid-template-columns: repeat(5, 1fr);gap: 20px;padding: 0;}
.product_color ul li {list-style: none;text-align: center;display: flex;flex-wrap: wrap;justify-content: center;}
.product_color ul li span.color_label {width: 100%;margin-top: 15px; font-weight: bold; margin-top: 5px;}
.product_color ul li .color-checkbox {display: none;}
.product_color ul li .color-checkbox:checked+.color_box {border: 2px solid #000;}
.product_color ul li .color_box {display: inline-block;width: 32px;height: 32px;border: 2px solid transparent;border-radius: 4px;transition: border 0.2s ease;}



.product_size h4 {width: 100%;font-weight: bold;font-size: 16px;margin: 0 0 4px;position: relative;}
.product_size .product_size_box {display: grid;grid-template-columns: repeat(5, 1fr);gap: 20px;padding: 0; margin-bottom: 30px;}
.product_size .product_size_box .productsize_field {width: 100%;}
.product_size .product_size_box .productsize_field label {text-align: center;}
.product_size .product_size_box .productsize_field input.size_filed {width: 100%;border: 1px solid #ced4da;border-radius: 0.25rem;ont-size: 0.9rem;
line-height: 1.5;padding: 6px 10px;}

/*26-05-25 (kh)*/

.detail-product-area .detailinfo-form .customize-form .product-type-variations .color-options
 {display: grid !important; grid-template-columns: repeat(5, 1fr); gap: 25px; max-width: 400px;
    margin-bottom: 15px; margin-top: 12px;}
.printit4less-mid .content-area .product-detail-tabing div#review-list {margin-top: 0;}
.printit4less-mid .content-area .product-detail-tabing .review-sec {display: none;}

/*26-05-25 (kh)*/

.customize-form form a.btns {width:auto;display: inline-block;margin-top: 20px;}

.product-detail-tabing {width: 100%; position: relative; margin-top: 50px;}
.product-detail-tabing nav .nav-link.active {border-color: #eeeeee;border-bottom: none;color: var(--pi-text);font-weight: bold;background: #f8f9fa;}
.product-detail-tabing nav .nav-tabs {border-bottom: 1px solid #eeeeee; margin: 0 !important;}
.product-detail-tabing nav .nav-link {color: var(--pi-text);}
.product-detail-tabing .tab-content {background: #f6fdff;padding: 0 !important;display: inline-block;width: 100%;border: 1px solid #eeeeee;border-top: none;margin-bottom: 50px;}
.product-detail-tabing .tab-content .tab-pane strong {margin: 10px 0 10px;display: inline-block; width: 100%; padding: 0 15px;}
.product-detail-tabing .tab-content .tab-pane table.table {margin: 0;}
.product-detail-tabing .tab-content .tab-pane table.table tr td {background: none; font-size: 15px; padding: 10px 15px;}
.product-detail-tabing .tab-content .tab-pane table.table tr td:first-child {font-weight: 500;}
.product-detail-tabing .tab-content .tab-pane table.table tr:nth-child(even) {background: var(--pi-bg-tr);}
.product-detail-tabing .tab-content .review_header {padding: 15px 15px;}
.review-sec {display: flex; flex-wrap:wrap;max-width: 900px;margin-top: 30px;width: 100%;justify-content: space-between; gap: 20px;}
.review_header .stars-block {display: block;float: left;text-align: center;margin-top: 15px;width: 130px;color: white;}
.review_header .stars-block .desc {color: var(--pi-text);padding-bottom: 6px;margin: 0 auto;font-size: 16px;line-height: 25px;font-weight: bold;}
.review_header .rating-product { width: 25%;font-size: 32px;font-weight: bold; padding: 16px 0 0;float: none;margin: 0;background-color: #019f17; color: var(--pi-text-white); text-align: center; height: 100%;}
.review_header .rating-product .outof {padding: 5px 0;font-size: 15px;background-color: var(--pi-text); text-align: center; color: var(--pi-text-white); font-weight: 500; margin-top: 15px;} 
.review_header .graph {width: 196px;margin-left:15px;margin-top: 9px;}
.review_header .percentage.block {width: 134px;margin-left:0;font-size: 12px;padding-top: 5px;color: var(--pi-text); text-align: center;}
.review_header .stars.block .desc {font-size: 22px;line-height: 22px;}

.review_header .percentage.block .numbers {color: var(--pi-text);font-size: 24px;font-weight: bold;padding-bottom: 5px;}
.review_header .review-box.graph-bar .progress{ max-width: 150px; min-width: 150px; height: 10px;}
.review_header .review-box.graph-bar .progress .progress-bar {background: var(--pi-primary);}
.review_header .review-sec .review-box.graph-bar span {font-size: 12px;}

.sa_review_section {margin-top:40px;}
.product_review {padding: 20px 15px 20px 15px;border-bottom: #cccccc solid 1px;clear: both;}
.product_review:last-child{ border-bottom: none;}
.product_review .main-questions .rating .stars span.on {width: 20px;height: 19px;display: flex;}
.product_review .main-questions .info {font-size: 13px;color: #555555;clear: both;}
.product_review .main-questions .comments {font-size: 15px;padding-top: 10px;line-height: 1.5 !important;}


.detail-product-area .product-detail .review_header .review-sec {flex-wrap: nowrap;}
.detail-product-area .product-detail .review-sec .rating-product {width: 18%;}

/*project detail page css*/

 
/*cart page css*/
.messagefield {padding: 1em 2em 1em 3em;margin: 0 0 2em;position: relative;background-color: #f6f5f8;color: #515151;border-top: 3px solid #1e85be;list-style: none outside;
width: 100%;word-wrap: break-word; display: inline-block;}
.messagefield:before{content: "";background: url(/front/images/window_max.png) no-repeat;display: inline-block;position: absolute;top: 22px;left: 1.5em;width: 15px;height: 16px;background-size: 100%;}
.messagefield button.btns {float: right;}

.cart-panel {background: var(--pi-bg-form);padding: 16px 16px 16px;border-radius: 10px;box-shadow: 2px 5px 14px #e3efff;margin-bottom: 50px;margin-top: 16px; display: inline-block; width: 100%;}
.cart-panel table.table tr th {border:1px solid #648abb;background: var(--pi-primary);color: var(--pi-text-white);}
.cart-panel table.table dl{display: grid;grid-template-columns: 200px 1fr;row-gap: 12px;column-gap: 20px;}
.cart-panel table.table dl dt {clear: both;margin-right:15px;float:left;width: 200px;text-transform: capitalize;}
.cart-panel table.table tr td.close button.btn.btn-danger {border-radius: 50px;height: 30px;width: 30px;padding: 0 10px;}
.cart-panel table.table tr td {border: 1px solid #e3e3e3;}
.cart-panel table.table tr td a {color: var(--pi-text);font-weight: bold;margin: 10px 0 20px;display: inline-block;}
.cart-panel table.table tr td a.product-heading {width: 100%;margin: 0;}
.cart-panel table.table tr td a.tm-cart-edit-options {font-size: 12px; color: var(--pi-primary);}
.cart-panel table.table tr td.close {vertical-align: middle;text-align: center;}
.cart-panel table.table tr td.product-img, .cart-panel table.table tr td.product-amount{text-align: center;vertical-align: middle;}
.cart-panel table.table tr td.product-img img {width: 80px;}
.cart-panel table.table tr td dl dd {margin-bottom: 0;}
.cart-panel table.table tr td #address-form select, .cart-panel table.table tr td #address-form input {margin: 0 0 8px  !important;}
.cart-panel table.table tr td label {text-align: left;}
.cart-totals {max-width: 600px;float: right;width: 100%;margin: 30px 0 30px;}
.cart-totals tr th {width: 150px;}
.cart-totals tr td a.shipping-calculator-button {margin: 4px 0 0;width: 100%;text-align: left;}
.cart-totals tr td a.shipping-calculator-button .fa-calculator {margin: 0 5px 0 0px;color: var(--pi-primary);}
.cart-totals .btns {width: 100%;display: inline-block; margin-bottom: 15px;}
/*cart page css end*/

/*checkout page css*/
.checkoutlogin {padding:1em 2em 1em 1em;margin: 0 0 2em;position: relative;background-color: #f6f5f8;color: var(--pi-text);border-top: 3px solid #7f54b3;list-style: none outside;width: auto;
word-wrap: break-word;font-weight: 500;}
.checkoutlogin a.showlogin {color: var(--pi-primary);}
.checkout-login-form {padding: 27px 30px;background: var(--pi-text-white);margin: 10px auto 20px 0;border-radius: 4px; display: none;}
.checkout-login-form p {margin: 0 0 15px;font-weight: 500;}

.checkout-sec {background: var(--pi-bg-form); padding: 16px 16px 30px;border-radius: 10px;box-shadow: 2px 5px 14px #e3efff;margin-bottom: 50px;margin-top: 16px;display: inline-block;width: 100%;}
.checkout-sec .contact-form-sec {background: var(--pi-text-white);padding: 20px 20px;border-radius: 20px;margin: 10px 0 20px;height: 100%; display: inline-block; width: 100%;}
.checkout-sec .checkout-filed {width: 100%;word-wrap: break-word;display: flex;flex-wrap: wrap;justify-content: space-between; margin-bottom: 20px;}
.checkout-sec .checkout-filed .quote-filedtwo {width: 49%;}
.checkout-sec .checkout-filed label {width: 100%;font-size: 14px;font-weight: 600;}
.checkout-sec .checkout-filed.quote-filedtwo input.input-box {width: 49%;}
.checkout-sec .checkout-filed input.input-box {width: 100%;border: 1px solid var(--pi-border-form);padding: 8px 10px;border-radius: 5px;}
.checkout-sec .checkout-filed input.input-box.address-two {margin-top: 15px;}
.checkout-sec .checkout-filed select.form-select {width: 100%;border: 1px solid var(--pi-border-form);padding: 8px 10px;border-radius: 5px; color: #757575;}
.checkout-sec .checkout-filed textarea.inhut-box {width: 100%;border: 1px solid var(--pi-border-form);padding: 5px 10px;border-radius: 5px;height: 120px;resize: none;}
.checkbox-create-acc {background:#ededed;display: inline-block;width: 100%;border-radius: 10px;padding:10px 15px;margin: 15px 0 0;}
.checkbox-create-acc .checkout-filed {margin: 5px 0 0;}
.checkbox-create-acc p.episode-content-title {display: inline-block;color: var(--pi-text);font-weight: 500;}
.checkbox-create-acc input ~ .episode-accordion {max-height: 0;overflow: hidden;}
.checkbox-create-acc input:checked ~ .episode-accordion {max-height: 1000px;}
.episode-accordion {-webkit-transition: all .5s ease-in-out 0s;transition: all .5s ease-in-out 0s;}
.episode-content-title {color: white;}

.checkout-sec .contact-form-sec p {font-size: 14px;margin: 0;}
.checkout-sec .btns {display: inline-block;width: auto;margin: auto;margin-top: 15px; margin-bottom: 20px;}
.checkout-sec table.table {border-radius: 20px;overflow: hidden;border: 1px solid #ededed; margin-top: 35px;}
.checkout-sec table.table th {padding: 10px 26px;}
.checkout-sec table.table td #toggle-address-form {display: block;margin-top: 15px;}
.checkout-sec table.table #address-form label {margin: 6px 0 0px;}
.checkout-sec table.table #address-form select, .checkout-sec table.table #address-form input {margin-top: 0 !important;}

.checkout-sec table.table td {vertical-align: middle; padding: 10px 26px; width: 50%;}
.checkout-sec table.table td:first-child{ font-weight: bold;}
.checkout-sec table.table td dl{ margin-top: 20px;display: grid;grid-template-columns: repeat(2, 1fr);row-gap: 12px;column-gap: 20px;}
.checkout-sec table.table td dl dt {clear: both;margin-right: 15px;float: left; width: 150px; text-transform:capitalize;}
.checkout-sec table.table td dl dd{ margin-bottom: 0; font-weight: normal;}
.checkout-sec table.table td a.product-heading {width: 100%;display: block;color: #5e5e5e;}
.checkout-sec table.table td a.tm-cart-edit-options {display: block;font-size: .7em;font-style: italic;font-weight: 700;color: var(--pi-primary);}


.checkbox-create-acc.payment-create-acc {background: #e9e6ed; padding: 30px;}
.checkbox-create-acc .checkbox-create-radio.checkbox-create-card {margin: 10px 0 0;}
.checkbox-create-acc p.episode-content-title label {font-weight: 600;font-size: 15px;}
.checkbox-create-acc .checkbox-create-radio .payment_box {position: relative;box-sizing: border-box;width: 100%;padding: 1em;margin: 20px 0 0;font-size: .92em;
border-radius: 2px;line-height: 1.5;background-color: #cccacf;color: var(--pi-text);}
.checkbox-create-acc .checkbox-create-radio .payment_box:before {content: "";display: block;border: 1em solid #cccacf;border-right-color: transparent;border-left-color: transparent;
border-top-color: transparent;position: absolute;top: -.75em;left: 0;margin: -1em 0 0 2em;}
.checkbox-create-acc p.episode-content-title label img {width: 40px;}
.checkbox-create-acc .checkbox-create-radio .payment_box label {width: 100%;font-weight: 600;}
.checkbox-create-acc .checkbox-create-radio .payment_box input.input-box {border: 1px solid #c2b9ce;width: 100%;padding: 8px 10px;}
.checkbox-create-acc .checkbox-create-radio .payment_box .payment_box-field {margin: 0 0 20px;}
.checkbox-create-acc form {margin: 15px 0 0;border-top: 1px solid #caa8f3;padding: 8px 0 0;color: #a00;font-weight: 600;}
.checkbox-create-acc form label {width: 90%;}


.woocommerce-checkout-payment {background: rgba(129, 110, 153, .14);border-radius: 20px; padding: 0;}
.woocommerce-checkout-payment ul.payment_methods {text-align: left;padding: 1em;border-bottom: 1px solid rgba(104, 87, 125, .14);margin: 0;list-style: none outside;}
.woocommerce-checkout-payment ul.payment_methods li label {font-weight: bold;font-size: 15px;margin: 0;width: auto; }
.woocommerce-checkout-payment ul.payment_methods li .payment_box {position: relative;box-sizing: border-box;width: 100%;padding: 1em;margin: 1em 0;font-size: .92em;
border-radius: 2px;line-height: 1.5;background-color: #c3d0e1;color: #515151;}
.woocommerce-checkout-payment ul.payment_methods li .payment_box fieldset {border: 0;padding: 0;margin: 1em 0 0;}
.woocommerce-checkout-payment ul.payment_methods li .payment_box fieldset .form-row {margin: 0 0 1em;padding: 3px;}
.woocommerce-checkout-payment ul.payment_methods li .payment_box p, .woocommerce-checkout-payment ul.payment_methods li .payment_box fieldset .form-row label{ color: var(--pi-text); font-weight: 600;}
.woocommerce-checkout-payment ul.payment_methods li .payment_box fieldset .form-row input.input-text {border-color: #c2b9ce;width: 100%;display: inline-block;border: 1px solid var(--pi-text-white);
padding: 8px 15px;border-radius: 5px;font-size: 1.5em;  }
.woocommerce-checkout-payment ul.payment_methods li .payment_box fieldset .woocommerce-validated label {display: block;}
.woocommerce-checkout-payment ul.payment_methods li .payment_box:before {content: "";display: block;border: 1em solid #c3d0e1;border-right-color: transparent;border-left-color: transparent;
border-top-color: transparent;position: absolute;top: -.75em;left: 0;margin: -1em 0 0 2em;}
.woocommerce-checkout-payment .place-order {padding: 1em;}
.woocommerce-checkout-payment .place-order .woocommerce-terms-and-conditions-wrapper {margin: 0 0 16px;}
.woocommerce-checkout-payment .place-order .woocommerce-terms-and-conditions-wrapper a.woocommerce-terms-and-conditions-link {color: var(--pi-primary);}
.woocommerce-checkout-payment ul.payment_methods li label img {width: 35px;}
.woocommerce-checkout-payment .place-order .woocommerce-terms-and-conditions-wrapper input[type="checkbox"] {position: relative;top: 2px;}
/*checkout page css end*/

/*order css*/
.order h5 {font-size: 18px;color: var(--pi-text);font-weight: bold;margin: 30px 0 0;}
.order-received ul {padding: 0;display: flex;flex-wrap: wrap; margin-top: 15px; margin-bottom: 30px;}
.order-received ul li {list-style: none;margin: 0 18px 0 0px;border-right: dashed 2px #ccc;padding: 0 18px 0 0;}
.order-received ul li:last-child {border: none;}
.order-received ul li a{ color: var(--pi-text);}
.order-received ul li span {display: block;font-weight: bold;}
.order .payment-method h5 {font-weight: normal; margin: 0;}
.order .payment-method h5 span{ font-weight: bold; display: block;}
.order-detail-table{ margin-top: 30px;}
.order-detail-table table.table {border: 1px solid #ccc;margin: 20px 0;}
.order-detail-table table.table tr th, .order-detail-table table.table tr td {border-right: 1px solid #ccc;}
.order-detail-table table.table tr td:first-child {font-weight: bold;}
.order-billingaddress {max-width: 100%;width: 100%;display: flex;gap: 20px; justify-content: space-between;}
.order-billingaddress .bill-detail {border: 1px solid #ccc;padding: 20px 20px; margin: 0 0 40px; width: 49%;}
.order-billingaddress .bill-detail ul {margin: 0; padding: 0;}
.order-billingaddress .bill-detail ul li {border: none;display: block;width: 100%; margin: 0 0 10px; padding: 0 0 0 25px; position: relative;}
.order-billingaddress .bill-detail ul li a{ color: var(--pi-text);}
.order-billingaddress .bill-detail ul li svg.svg-inline--fa {position: absolute;left: 0;top: 6px;}


/*order css end*/

/*mid section css end*/


/*contact page css*/
.contact-panel{ background:#e6ecf3; width: 100%; display: inline-block; padding-top: 50px;}
.content-top h1 {text-align: left;color: var(--pi-text);font-size: 30px;}
.content-top p {color: var(--pi-text);text-align: left;font-weight: normal;max-width: 700px;width: 100%;}

.contact-info {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px; margin-top: 20px;}
.contact-info .contact-box {text-decoration: none;width: 100%;margin-right: 2%;margin-bottom: 2%;padding: 35px 40px 35px 40px;background-color: var(--pi-bg-white);
display: flex;flex-direction: column; border: 1px solid var(--pi-border-form);border-radius: 20px; transition: all 0.5s ease;}
.contact-info .contact-box:hover {transition: all 0.5s ease;transform: translate(0, -10px);}
.contact-info .contact-box img {width: 50px;margin: 0 0 12px;}
.contact-info .contact-box:hover img {text-decoration: blink;-webkit-animation-name: blinker;-webkit-animation-duration: 0.6s;-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;-webkit-animation-direction: alternate;}
.contact-info .contact-box h3 {margin: 0;}
.contact-info .contact-box span {margin: 0 0 20px;display: inline-block;font-weight: 600;color: var(--pi-text);}
.contact-info .contact-box span a{ color: var(--pi-text);}
.contact-info .contact-box a:hover{color: var(--pi-primary);}
.contact-info .contact-box p {margin: 0 0 50px;}
.contact-info .contact-box a {color: #000;}
.contact-info .contact-box a.btns{ margin-top: auto; color:var(--pi-text-white);}

.from-block{background: var(--pi-bg-white);border:1px solid var(--pi-border-form);padding: 30px;border-radius: 20px;margin-top: 20px;}
.from-block h4 {font-size: 18px;font-weight: bold;margin: 0 0 18px;}
.form-contact {word-wrap: break-word;display:flex;flex-wrap: wrap; justify-content: space-between;margin-top: 30px;}
.form-contact .form-field {width: 32.50%;margin: 0 0 15px;}
.form-contact .form-field label {width: 100%;font-size: 14px;font-weight: 600;}
.form-contact .form-field label span {color: var(--pi-red-text);}
.form-contact .form-field .inhut-box {width: 100%;border: 1px solid var(--pi-border-form);padding: 8px 10px;border-radius: 5px;}
.form-contact .form-field.field-full {width: 100%; margin-bottom: 20px;}
.form-contact .form-field textarea.inhut-box {width: 100%;border: 1px solid var(--pi-border-form);padding: 5px 10px;border-radius: 5px;height: 120px; resize: none;}
.from-block a.btns {margin: 24px 0 0;display: inline-block;}
@-webkit-keyframes blinker {from {opacity: 1.0;}to {opacity: 0.0;}}
/*contact page css end*/

/*reorder css*/
.error-summary {border: 2px solid #ee1b27 !important;padding: 15px 23px !important;margin-top: 15px;position: relative;text-align: center;}
.error-summary h2 {font-size: 16px;font-weight: 700;color: #ee1b27;text-align: left;margin: 0;width: auto;display: inline-block;position: relative;padding: 0 0 0 27px;}
.error-summary h2 span {position: absolute;left: 0;}
.reorder_form {margin: 15px 0 30px;word-wrap: break-word;display: flex;flex-wrap: wrap;justify-content: space-between;}
.reorder_form .form-field {width: 49%;margin: 0 0 15px;}
.reorder_form .form-field label {width: 100%;font-size: 14px;font-weight: 600;}
.reorder_form .form-field .inhut-box {width: 100%;border: 1px solid var(--pi-border-form);padding: 8px 10px;border-radius: 5px;}
.reorder_form .form-field.field_call {display: flex;flex-wrap: wrap;column-gap: 8px;align-items: center;font-style: normal; justify-content: space-between;}
.reorder_form .form-field.field_call .inhut-box {width: 28%; color: #7f7f7f;}
.reorder_form .form-field.field-full {width: 100%;margin-bottom: 20px;}
.reorder_form .form-field textarea.inhut-box {width: 100%;border: 1px solid var(--pi-border-form);padding: 5px 10px;border-radius: 5px;height: 120px;resize: none;}
/*reorder css end*/

/*blog css*/
.blogbox {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between; padding: 20px 0px;}
.blogbox:nth-child(even) {background: #f9f9f9; position: relative;}
.blogbox:nth-child(even):after {content: '';width: 99vw;margin-left: 50%;background-color: #f9f9f9;position: absolute;top: 0;left: 0;height: 100%;-webkit-transform: translateX(-50%);transform: translateX(-50%);
z-index: -1;overflow: hidden;}
.blogbox:last-child{ border-bottom: none;}
.blogbox .blog-content {width: 68%;}
.blogbox h3 {font-size: 18px;}
.blogbox h3 a {color: var(--pi-text);}
.blogbox h3 a:hover, .blogbox .blog-content p a:hover, .blogbox .blog-content h4 a:hover{color: var(--pi-primary);}
.blogbox p.blog-info {background: var(--pi-pay);padding: 10px;border-radius: 5px;margin-top: 10px;font-weight: bold; width: 100%; margin-bottom: 20px;}
.blogbox .blog-content h4 {font-weight: bold;margin: 0 0 4px; font-size: 22px;}
.blogbox .blog-content h4 a{color: var(--pi-text);text-decoration: underline; font-weight: bold;}
.blog-sec {grid-template-columns: repeat(1, 1fr); display: grid; margin-bottom: 0;}
.blog-sec .blogbox .blogboximg {text-align: center;position: relative;width: 30%;height:300px;}
.blog-sec .blogbox .blogboximg img {width: 100%;height: 100%;object-fit:contain; mix-blend-mode: multiply;}
.blog-sec .blogbox .blog-content .blog-post-date {font-weight: bold;padding:0 15px 10px 0px;color: var(--pi-primary);}
.blog-sec .blogbox .blog-content .blog-post-date a{color:var(--pi-primary); text-decoration: underline;}
.blogbox .blog-content p {display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; font-weight: normal;}
.blogbox .blog-content p a {color: var(--pi-text);text-decoration: underline; font-weight: bold;}
.blog-sec .blogbox .blog-content a.btns {display: inline-block;margin: 15px 0 0;}
/*blog css end*/

/*blog detail css*/
.blog-detail-content {margin-top: 20px;margin-bottom: 20px;}
.blog-detail {display: flex;margin-bottom: 0;flex-wrap: wrap; justify-content: space-between;}
.blog-detail .blogboximg {text-align: center;position: relative;width: 30%;height:300px;}
.blog-detail .blogboximg img {width: 100%;height: 100%;object-fit: contain;}
.blog-detail .alignleft {float: left;padding: 15px;}
.blog-detail .alignright {float: right;padding: 15px;}
.blog-detail .blog-content {width:100%; margin-bottom: 30px;}
.blog-detail .blog-content h2 {margin: 20px 0 5px; font-weight:500;}
.blog-detail .blog-content h3{ color: var(--pi-text); margin: 20px 0 0; font-size: 1.125rem; font-weight: 500;}
.blog-detail .blog-content h3 span.s1 {font-size: 1.125rem;font-weight: 500;}
.blog-detail .blog-content h3 a{color: var(--pi-text);}

.blog-detail h4 {color: var(--pi-text);font-size: 20px;font-weight:500;margin: 0 0 8px;}
.blog-detail .blog-content h4 a{color: var(--pi-text);}
.blog-detail .blog-content .blog-post-date {font-weight: bold;padding:0 15px 10px 0px;color: var(--pi-primary);}
.blog-detail .blog-content .blog-post-date a{color:var(--pi-primary); text-decoration: underline;}
.blog-detail p { font-weight: normal; margin: 0 0 15px; width: 100%;}
.blog-detail p a{color: var(--pi-primary);}
.blog-detail .blog-content a.btns {display: inline-block;margin: 15px 0 0;}

/*blog detail css end*/



/*cms content css*/
.cms-content{ margin-top: 20px; margin-bottom: 20px;}
.cms-content .cms-content-inner {margin:30px 0 30px;}
.cms-content a, .cms-content a strong{ font-weight: bold; color: var(--pi-primary); word-break: break-all;}
.cms-content h1 {font-size: 30px; margin-bottom: 25px;}
.cms-content p {margin: 0 0 15px;}
.cms-content h2 {margin: 0 0 8px;}
.cms-content ul {margin: 18px 0 20px;padding: 0 0 0 25px;}
.cms-content ul li {margin: 0 0 10px;position: relative;list-style: none;padding: 0 0 0 16px;}
.cms-content ul li:before {content: '';background: var(--pi-primary);position: absolute;left: 0;width: 6px;height:6px;border-radius: 50px;top: 10px;}
/*cms content css end*/

/*quotes proofs css*/
.quotes-proof-contact {background: #e6ecf3;width: 100%;display: inline-block;padding: 30px 30px;border-radius: 30px;margin-bottom: 50px;}
.quotes-proof-contact .contact-form-sec {background: var(--pi-text-white);padding: 20px 20px;border-radius: 20px;margin: 10px 0 20px;height: 100%;}
.quotes-proof-contact .contact-form-sec .customquoteform{display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}
.quote-filed label {width: 100%;font-size: 14px;font-weight: 600;}
.quote-filed.quote-filedtwo input.input-box {width: 49%;}
.quote-filed input.input-box {width: 100%;border: 1px solid var(--pi-border-form);padding: 8px 10px;border-radius: 5px; color: var(--pi-text);}
.quote-filed select.form-select {width: 100%;border: 1px solid var(--pi-border-form);padding: 8px 10px;border-radius: 5px;}
.quote-filed textarea.inhut-box {width: 100%;border: 1px solid var(--pi-border-form);padding: 5px 10px;border-radius: 5px;height: 120px;resize: none;}
.quotes-proof-contact .contact-form-sec p {font-size: 14px;margin: 0;}
.quotes-proof-contact .btns {display: table;width: auto;margin: auto;margin-top: 35px;}
.quotes-proof-contact .contact-form-sec hr.separation {border-top: 1px solid #c7c7c7;opacity: 1;margin: 40px 0 0;}
/*quotes proofs css end*/

/*sitemap css*/
.sitemap ul {padding: 0;}
.sitemap ul li{ list-style: none; color: var(--pi-text); padding:0 0 10px 25px; position: relative; font-weight: 500;}
.sitemap ul li:before{content: ''; position: absolute; left: 0; top: 10px; background: var(--pi-primary); width: 8px; height: 8px; border-radius: 50px;}
.sitemap ul li a{ color: var(--pi-text);}
.sitemap ul li a:hover{color:var(--pi-primary);}
/*sitemap css end*/

/*my account css*/
.billing_residential {padding: 15px 15px 0;}
#addBillingAddressModal, #addShippingAddressModal  {    z-index: 9999;}
#addBillingAddressModal .modal-dialog, #addShippingAddressModal .modal-dialog {z-index: 9999;max-width: 700px;width: 100%;}
#addBillingAddressModal .modal-dialog .modal-header, #addShippingAddressModal .modal-dialog .modal-header{background: var(--pi-primary);}
#addBillingAddressModal .modal-dialog .modal-header button.btn-close, #addShippingAddressModal .modal-dialog .modal-header button.btn-close {background: none;content: '';color: var(--pi-text-white);opacity: 1;margin-top: -15px;}
#addBillingAddressModal .modal-dialog .modal-header button.btn-close svg, #addShippingAddressModal .modal-dialog .modal-header button.btn-close svg{font-size: 24px;}
#addBillingAddressModal .modal-dialog .modal-header h5, #addShippingAddressModal .modal-dialog .modal-header h5 {color: var(--pi-text-white); margin-bottom: 0;}
#addBillingAddressModal .modal-dialog .modal-content .modal-body, #addShippingAddressModal .modal-dialog .modal-content .modal-body {display: flex;flex-wrap: wrap;justify-content: space-between;}
#addBillingAddressModal .modal-dialog .modal-content .modal-body .mb-3, #addShippingAddressModal .modal-dialog .modal-content .modal-body .mb-3 {width: 49%;}
#addBillingAddressModal .modal-dialog .modal-content .modal-body .ordernots, #addShippingAddressModal .modal-dialog .modal-content .modal-body .ordernots {width: 100%;}
#addBillingAddressModal .modal-dialog .modal-content .modal-footer, #addShippingAddressModal .modal-dialog .modal-content .modal-footer {border: none;}

.myaccount-panel {display: grid;grid-template-columns: repeat(2, 1fr); margin:30px 0 30px; gap: 30px;}
.myaccount-box {border: 1px solid #e7e7e7;padding: 25px; border-radius: 10px;}
.myaccount-box h2 {width: 100%;margin: 0 0 15px;}
.myaccount-box .myaccount-form {display: flex;flex-wrap: wrap; justify-content: space-between;}
.myaccount-box .myaccount-form .account-field {width: 100%;margin: 0 0 15px; position: relative;}
.myaccount-box .myaccount-form .account-field span.input-icon {position: absolute;top: 25px;right: 0px;background-color: #e9ecef;border: 1px solid var(--pi-border-form);width: 39px;
height: 42px;border-radius: 0 5px 5px 0;display: flex;align-items: center;justify-content: center;}
.myaccount-box .myaccount-form .account-field.account-register {width: 49%;}
.myaccount-box .myaccount-form label {font-size: 15px;margin: 0 0 2px;}
.myaccount-box .myaccount-form .form-check {width: 100%;    margin: 0 0 15px;}
.myaccount-box .myaccount-form a.lost-pass {width: 100%;margin: 12px 0 0;font-weight: 600;font-size: 18px;}
.myaccount-box .myaccount-form a.lost-pass:hover{ text-decoration: underline;}
.myaccount-dashboard .tab-content .tablescroll-tableroll p {color: #616361;font-weight: normal;padding: 0; display: inline-block; vertical-align: top;}
.myaccount-dashboard .tab-content .view-table p.orderdetail {margin: 30px 0 10px;font-weight: normal;font-size: 15px;}
.myaccount-dashboard .tab-content .view-table p.orderdetail span {font-weight: 600;background: #dbdbdb;padding: 2px 7px;}
.myaccount-dashboard .tab-content .tablescroll-tableroll a.btns {float: right;}

.myaccount-dashboard .tab-content .view-table .tablescroll-tableroll table tr td:first-child {font-weight: bold;}
.myaccount-dashboard .tab-content .view-table .tablescroll-tableroll table tr th:last-child {font-weight: bold;}
.myaccount-dashboard .tab-content .view-table .tablescroll-tableroll table tr td:last-child {font-weight: bold;color: var(--pi-red-text);}
.myaccount-dashboard .tab-content .view-table .tablescroll-tableroll table tr td.cashdelivery {color: #ccc;}
.myaccount-dashboard .tab-content .view-table .tablescroll-tableroll table tr.totalorders td {font-size: 18px;text-transform: uppercase;}
.myaccount-dashboard .tab-content .view-table .billing-address {display: block;margin: 20px 0;}
/*my account css end*/

/*my account dashboard css*/
.front-dashboard{background: #e6ecf3;width: 100%;display: inline-block;padding: 30px 30px;border-radius: 30px;margin-bottom: 50px;}
.myaccount-dashboard{ min-height: 500px;}
.myaccount-dashboard ul.nav {background: var(--pi-btnbg);overflow: hidden; border-radius: 8px;}
.myaccount-dashboard ul.nav li.nav-item button {background: none; color: var(--pi-text-white); padding: 10px 18px;}
.myaccount-dashboard ul.nav li.nav-item button.active {background: var(--pi-btnbg); border-radius: 0; font-weight: 500;}
.myaccount-dashboard .tab-content h5 {color: var(--pi-text);font-size: 16px; margin-bottom: 15px;}
.myaccount-dashboard .tab-content p {color: var(--pi-text);font-weight: 600;}
.myaccount-dashboard .tab-content p a {color: var(--pi-primary);}
.tablescroll-tableroll table td .btns {padding: 4px 13px;font-size: 12px;}
.myaccount-dashboard .tab-content .tablescroll-tableroll table tr th {border: 1px solid #e7e7e7;background: var(--pi-blue-light);color: var(--pi-text-white);}
.tab-pane .billing-address {display: grid;grid-template-columns: repeat(2, 1fr); gap: 30px;}
.tab-pane .billing-address .billing-address-box {border:1px solid #e3e3e3;padding: 20px;border-radius: 15px; background: var(--pi-text-white);}
.tab-pane .billing-address a {width: 100%;text-align: right;display: inline-block;color: var(--pi-primary);font-weight: 600; margin: 0 0 15px;}
.tab-pane .billing-address ul {padding: 0;}
.tab-pane .billing-address ul li{list-style: none; word-break: break-all;}
.tab-pane .billingaddressform{ margin-top: 20px;}
.tab-pane .billingaddressform .tabing-field-sec {width: 100%;padding: 20px 20px;border: 1px solid #e3e3e3;margin-top: 15px;border-radius: 20px; height: 100%; background: var(--pi-text-white);}
.tabing-field-sec form .tabing-filed {margin: 0 0 10px;}
.tabing-field-sec form .tabing-filed.quote-filedtwo {display: flex;flex-wrap: wrap;justify-content: space-between;}
.tabing-field-sec form .tabing-filed.quote-filedtwo input.input-box {width: 49%;}
.tabing-field-sec form .tabing-filed input.input-box.address-one {margin: 15px 0 0;}
.billingaddressform a.btns {display: inline-block;width: auto;margin-top: 40px;margin-left:0;margin-bottom: 0;}

.add-payment-method .payment-msg {width: 100%;background: #e5e5e5;border-top: 2px solid var(--pi-primary);padding: 12px 15px;margin: 0 0 40px;}
.add-payment-method .payment-msg h5{ margin: 0;}
.paypal-btn {background: #ffc439;min-width: 500px;max-width: 750px;text-align: center;padding: 9px 0;border-radius: 5px;margin: 16px 12px 0;}

.tab-pane h2 {width: 100%;}.tab-pane .account-detail {display: flex;flex-wrap: wrap;justify-content: space-between;}
.tab-pane .account-detail .accountdetailfiled {width: 49%;margin: 0 0 10px;}
.tab-pane .account-detail.accpassword {margin-top: 30px; margin-bottom: 30px;}
.tab-pane .account-detail.accpassword .accountdetailfiled {width: 100%; position: relative;}
.tab-pane .account-detail.accpassword .accountdetailfiled span.show-password {position: absolute;top: 24px;right: -1px;background-color: #e9ecef;border: 1px solid var(--pi-border-form);
width: 39px;height: 42px;border-radius: 0 5px 5px 0;display: flex;align-items: center;justify-content: center;}
.myaccount-dashboard .tab-content .paymethod {border: none;border-radius: 15px;background: var(--pi-bg-white);padding: 20px;}
.addpaymentmethod {background: rgba(129, 110, 153, .14);border-radius: 20px; padding: 0; margin-top: 30px;}
.addpaymentmethod ul.payment_methods {text-align: left;padding: 1em; margin: 0;list-style: none outside;}
.addpaymentmethod ul.payment_methods li label{font-weight: bold;font-size: 15px;margin: 0;width: auto;}
.addpaymentmethod ul.payment_methods li label img {width: 35px;}

.addpaymentmethod ul.payment_methods li .payment_box {position: relative;box-sizing: border-box;width: 100%;padding: 1em;margin: 1em 0;font-size: .92em;
border-radius: 2px;line-height: 1.5;background-color: #c3d0e1;color: #515151;}
.addpaymentmethod ul.payment_methods li .payment_box fieldset {border: 0;padding: 0;margin: 1em 0 0;}
.addpaymentmethod ul.payment_methods li .payment_box fieldset .form-row {margin: 0 0 1em;padding: 3px;}
.addpaymentmethod ul.payment_methods li .payment_box p, .addpaymentmethod ul.payment_methods li .payment_box fieldset .form-row label{ color: var(--pi-text); font-weight: 600;}
.addpaymentmethod ul.payment_methods li .payment_box fieldset .form-row input.input-text {border-color: #c2b9ce;width: 100%;display: inline-block;border: 1px solid var(--pi-text-white);
padding: 8px 15px;border-radius: 5px;font-size: 1.5em;  }
.addpaymentmethod ul.payment_methods li .payment_box fieldset .woocommerce-validated label {display: block;}
.addpaymentmethod ul.payment_methods li .payment_box:before {content: "";display: block;border: 1em solid #c3d0e1;border-right-color: transparent;border-left-color: transparent;
border-top-color: transparent;position: absolute;top: -.75em;left: 0;margin: -1em 0 0 2em;}
.addpaymentmethod .addpayment {padding: 1em;}

.account-payment-methods-table {border: 1px solid rgba(0, 0, 0, .1);margin: 0 0px 24px 0;text-align: left;width: 100%;border-collapse: collapse;border-radius: 5px;
margin-top: 20px;background: var(--pi-bg-white);}
.account-payment-methods-table thead tr {background: var(--pi-blue-light);}
.account-payment-methods-table thead tr th {color: var(--pi-text-white);font-weight: normal;padding: 8px 15px; border-right: 1px solid #e7e7e7;}
.account-payment-methods-table tr td {border-right: solid 1px #ccc; padding: 15px 15px;}
.account-payment-methods-table tr td:last-child { border: none;}
.account-payment-methods-table a.btns {width: 100%;}
/*my account dashboard css end*/

/*footer css*/
.footer {text-align: center;margin: 50px auto;color: #8c8c8c;margin-bottom: 0;width: 100%;background: var(--pi-bg-footer);padding: 30px 0 0;margin-top: auto;}
.footer .footer-logo {display: block;width: 230px;margin: 0 auto 15px;}
.footer .cc-logos {gap:7px;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;align-items: center;
width: 100%;position: relative;margin-bottom: 0;margin-top: 18px;}
.footer .cc-logos svg {margin: 0 6px;font-size: 46px;width: 1.125em;}
.footer .cc-logos img.accreditedimg {width: 200px;height: auto;}
.footer .business-hrs h4 {color: var(--pi-text);font-size: 20px;}
.footer .business-hrs h4 a {color: #000;}

.footer .bottom-nav {display: block;width: 100%;position: relative;}
.footer .bottom-nav ul {padding: 0;margin: 20px 0;width: 100%;display: block; }
.footer .bottom-nav ul li {display: inline-block;vertical-align: middle;margin: 0 15px; list-style: none;}
.footer .bottom-nav ul li a {font-size: 14px;color: var(--pi-text);font-family: 'Montserrat', sans-serif;font-weight: 500;}
.footer .bottom-nav ul li a:hover{color: var(--pi-primary);}
.footer .social-icons li{list-style: none;}
.footer .social-icons li a {width: 35px;height: 35px;background: #ec1c24;display: inline-flex;justify-content: center;align-items: center;border-radius: 50px;font-size: 16px;color: var(--pi-text-white);margin: 0 2px;}
.footer .social-icons li img.twitter-icon {width: 16px;}

footer .copyright {color: var(--pi-text);text-align: center;background:#dddddd;margin: 0;padding: 15px 30px;font-size: 14px;font-family: 'Montserrat', sans-serif;font-weight: 400;}
footer .copyright a {color: var(--pi-bg-dark); font-weight: bold; margin: 0 0 0 10px;}
footer .copyright a:hover{ color: var(--pi-primary);}
/*footer css end*/





/*success page css*/
html, body {height: 100%;}
.success-page {display: flex;flex-direction: column;min-height: 100%;justify-content: center;}
/*success page css end*/


@media (max-width:1600px){
input.input-box, select.form-select{ font-size: 14px;}


.printit4less-mid .side-panel{ width: 25%;}
.printit4less-mid .content-area {width: 75%;}

/*home features product css*/
.featured-box{grid-template-columns: repeat(3, 1fr);}
/*home features product css end*/

/*cart page css*/
.cart-panel table.table dl dt {font-size: 14px;}
.cart-panel table.table tr td dl dd{font-size: 14px;}
/*cart page css end*/

/*checkout page css*/
.checkout-sec table.table td{ font-size: 14px;}
/*checkout page css end*/

/*print form css*/
.print-home-form .print-top-point-inner a .print-top-box h4 {font-size: 16px;}
/*print form css end*/
}

@media (max-width: 768px) {
    .component {
      display: none;
    }

    .component.active {
      display: block;
    }
  }
@media (max-width:1400px){
/*header css*/
.navbar-dark .navbar-nav a.nav-link{font-size: 14px; padding: 16px 15px;}
nav.navbar a.btn {font-size: 14px;}

nav.navbar .navbar-collapse ul.navbar-nav{ width: auto;}
.dropdown-menu li .dropdown-item {color: var(--pi-text);}

.navbar-dark .navbar-nav li.nav-item:nth-child(7) .dropdown-menu {left:-15px;right: inherit;}
/*header css end*/

/*print form css*/
.print-home-form .print-top-point-inner a .print-top-box h4 {font-size: 14px;}
/*print form css end*/

/*brand logo css*/
.middle-banner_logos{grid-template-columns: repeat(3, 1fr);}
/*brand lodo css end*/

/*project detail page css*/
.product-detail .product-info .ds_custom_desc h3 {font-size: 20px;}
.detailinfo-form .price-review {font-size: 20px;}
.customize-form form .form-field .proff-email p{ font-size: 14px;}
/*project detail page css end*/

/*cart page css*/
.messagefield button.btns {padding: 14px 15px;}
/*cart page css end*/

/*footer css*/
.footer .cc-logos svg{width: 1em;}
/*footer css end*/

}


@media (max-width:1199px){
h1 {font-size: 18px;}
/*header css*/
.header-sec .logo {width: 160px;}
.header-sec .right-utility .head-right-box a strong{ font-size: 10px;}

.navbar-dark .navbar-nav a.nav-link{font-size: 12px; padding: 16px 13px;}
nav.navbar a.btn {font-size: 12px;}
/*header css end*/

/*home features product css*/
.featured-box{grid-template-columns: repeat(2, 1fr);}
/*home features product css end*/

/*project detail page css*/
.detail-product-area .product-detail{ width: 100%;}
.detail-product-area .detailinfo-form{ padding: 0; width: 100%;}
/*project detail page css end*/

/*print form css*/
.print-home-form .print-top-point-inner {grid-template-columns: repeat(2, 1fr);}
.print-home-form .print-top-point-inner a .print-top-box h4 {font-size: 16px;}
/*print form css end*/

/*quotes proofs css*/
.quote-filed.quote-filedtwo input.input-box{ width: 100%; margin: 0px 0 10px;}
/*quotes proofs css end*/

/*reorder css*/
.reorder_form .form-field {width: 48.5%;margin: 0 0 15px;}
/*reorder css end*/


/*my account css*/
.myaccount-dashboard .tablescroll-tableroll {overflow: scroll;}
.myaccount-dashboard .tablescroll-tableroll table {width: 1100px;}

.myaccount-panel{grid-template-columns: repeat(1, 1fr);}
.myaccount-dashboard .tab-content .view-table .tablescroll-tableroll table {width:100%;}
/*my account css end*/

/*cart page css*/
.messagefield button.btns {margin-top: 15px; float: none; display: block;}

.cart-panel table.table dl dt {font-size: 11px; width: 140px;}
.cart-panel table.table tr td dl dd{font-size: 11px;}
/*cart page css end*/
/*checkout page css*/
.checkout-sec table.table td{ font-size: 14px;}
/*checkout page css end*/
}



@media only screen and (min-width: 992px) {
.dropdown:hover .dropdown-menu {display: flex; padding: 0;}
.dropdown-menu.show {display: flex;}
}

@media (min-width:992px){
.product-detail-tabing .tab-content .review_header{display: none;}
}

@media (max-width:991px){
.res-mt{margin-top: 30px;}
h1 {font-size: 18px;}
/*header css*/
.header-sec .search-desktop {width: 220px;max-width: 100%;}
.header-sec .right-utility{right: 20px; position: relative;}
nav.navbar {position: absolute;display: block;margin-left: 0;width: auto;z-index: 9999;background: none;margin-bottom: 20px;top: 28px;right: 0;}
nav.navbar .navbar-toggler {padding: 0;}
nav.navbar button.navbar-toggler span.navbar-toggler-icon {background: var(--pi-text);height: 2px;width: 27px;transition: all 0.5s ease;position: relative;margin: 11px 0 0;}
nav.navbar button.navbar-toggler span.navbar-toggler-icon:before {background: var(--pi-text);height: 2px;width: 27px;transition: all 0.5s ease;position: absolute;content: '';bottom: 7px;right: 0;}
nav.navbar button.navbar-toggler span.navbar-toggler-icon:after {background: var(--pi-text);height: 2px;width: 27px;transition: all 0.5s ease;position: absolute;content: '';bottom: -7px;right: 0;}
nav.navbar .navbar-collapse {position: fixed;top: 0px;background: #121212;z-index: 99;clear: both;left: 0;right: 0;
bottom: 0;width: 280px;transform: translateX(-100%);transition: 0.4s;display: block;margin: 0; padding: 12px 0; height: 100%;}
.dropdown-menu li .dropdown-item:before{display: none;}
nav.navbar .navbar-collapse.show {transform: translateX(0%);transition: 0.4s; padding: 0; min-height: 500px; overflow: scroll;}
.navbar-dark .navbar-nav li.nav-item{ margin: 0; width: 100%;}
.navbar-dark .navbar-nav a.nav-link {color: var(--pi-text-white);font-size: 15px;padding: 10px 20px;border-bottom: 1px solid #333333;transition: all 0.5s ease; position: relative;}
.navbar-dark .navbar-nav a.nav-link:hover {background: var(--pi-primary);}
.navbar-dark .navbar-nav a.nav-link:after {position: absolute;top: 50%;margin: 0;right: 15px;content: '';font-family: 'fontawesome', sans-serif;border: none; transform: translate(0, -50%);}
.navbar-dark .navbar-nav a.nav-link.show::after {top: 20px;transform: translate(0, -50%) rotate(180deg);transition: all 0.5s ease;}
nav.navbar a.btn {font-size: 12px;margin: auto;margin-top: 15px;display: none;}
.dropdown:hover .dropdown-menu{ width: 100%; z-index: 9;position: relative;}
.dropdown-menu.show {max-height: 60vh;overflow-y: scroll; padding: 0;}
.dropdown-menu li .dropdown-item{ font-size: 15px; color: var(--pi-text-white); border-bottom: 1px solid #505050;}
.dropdown:hover .dropdown-menu, .dropdown-menu.show {width: 100%;background: #3e3e3e;}
.navbar-expand-lg .navbar-nav .dropdown-menu:before{ display: none;}
.dropdown-menu li .dropdown-item:hover {background-color: var(--pi-primary); color:var(--pi-text-white);}
.dropdown-menu.show {flex-wrap: wrap; max-height: 350px; overflow-y: scroll;}
.navbar-dark .navbar-nav li.nav-item:nth-child(7) .dropdown-menu{ left: 0;}
/*header css end*/


.printit4less-mid .row{ flex-wrap: wrap;}
.printit4less-mid .side-panel {width: 100%; padding: 0; display: none;} 
.printit4less-mid .content-area {width: 100%; padding: 0;}
.mid-section-home {padding: 0 0px 0; margin-top: 30px;}

/*sidebar menu css*/
.side-panel .card .card-header:after {content: "\f107";font-family: 'fontawesome';float: right; transition: all 0.9s ease;}
.side-panel .card.showcard.active .card-header::after {content: "\f106"; transition: all 0.9s ease;}
.side-panel ul.accordion li .submenu li a{width: calc(100% - 100px);}
/*sidebar menu css end*/

/*review css*/
.review-section{padding: 50px 77px;}
.review-section .contain .owl-carousel .owl-nav button{width: 40px; height: 40px;}
.review-section .contain .owl-carousel .owl-nav button.owl-prev{ left: -50px;}
.review-section .contain .owl-carousel .owl-nav button.owl-next{ right: -50px;}
/*review css end*/

/*quotes proofs css*/

/*quotes proofs css end*/

/*product detail page css*/
.detail-product-area .product-detail .review_header{ display: none;}
.detail-product-area .product-detail .review-sec .rating-product {width: 100%;}
/*product detail page css end*/

/*cart page css*/
.cart-totals{ max-width: 100%;}
.cart-panel {margin-top:0px;}
/*cart page css end*/

/*contact page css*/
.contact-info {grid-template-columns: repeat(1, 1fr);}
/*contact page css end*/
}


@media (max-width:767px){
/*header css*/
nav.navbar{ top: 13px;}
.header-sec .logo {width: 140px; position: relative; top: 6px;}
.header-sec{ flex-wrap: wrap;margin: 10px 0; position: relative;}
.header-sec .search-desktop{ width: 100%; margin:30px 0 0;}
.header-sec .right-utility {position: absolute;right: 45px;top: 10px;}
.header-sec .right-utility .head-right-box.basketcart {position: relative;top: 3px;}
.header-sec .right-utility .head-right-box {margin: 0 0 0 10px;}
.header-sec .right-utility .head-right-box a strong{ display: none;}
.header-sec .right-utility .head-right-box a img.head-icon{ width: 20px;}
.header-sec .right-utility .head-right-box.basketcart strong {display: block;font-size: 0;}
.header-sec .right-utility .head-right-box.basketcart strong span.cartcount{left: 4px;}
/*header css end*/

.printit4less-mid {padding: 0 30px;}

/*project detail page css*/
.detail-product-area .product-detail .product-gallery img {margin: auto;display: table;}
.review_header .review-box {width: 100%; margin:0;}
.review_header .percentage.block{ width: 100%;}
/*project detail page css end*/

/*sale css*/
.sale-block .sale-tag p {font-size: 14px;}
/*sale css end*/

/*review css*/
.review-section {padding: 20px 20px;}
.review-section .contain .owl-carousel .owl-nav button.owl-prev {left: -15px;}
.review-section .contain .owl-carousel .owl-nav button.owl-next {right: -15px;}
/*review css end*/

/*blog css*/
.blog-sec .blogbox .blogboximg{ width: 100%;}
.blogbox{padding: 40px 0;margin: 0;}
.blogbox .blog-content{ width: 100%; text-align: center; margin-top: 20px;  order: 1;}
.blogbox:nth-child(even) .blog-content {order: 1;margin: 20px 0 16px;}
/*blog css end*/

/*contact page css*/
.contact-info {grid-template-columns: repeat(1, 1fr);}
.form-contact{ display: block;}
.form-contact .form-field{ width: 100%;}
/*contact page css end*/

/*cart page css*/
.cart-totals table.table {border-radius: 10px;overflow: hidden;}
.cart-panel table.table dl{width: 100%; display: inline-block;}
.cart-panel table.table dl dt{ width: auto;}
.cart-panel table.table tr th{ display: none;}
.cart-panel table.table tr td span.ship_option {max-width: 35vw;display: inline-block;}
.cart-panel table.table tr td {display: block; text-align: right; font-size: 13px;}
.cart-panel table.table tr td:before {content: attr(data-th) ": ";font-weight: bold;width: 120px;display: inline-block;color: var(--pi-text);text-align: left; float: left;}
.cart-panel table.table tr td.product-img, .cart-panel table.table td.product-amount {text-align:left; vertical-align: inherit; font-size: 13px;}
.cart-panel table.table tr td.close{text-align: left;display: inline-block;width: 100%;}
.cart-panel table.table tr td.close button.btn.btn-danger {float: right;}
.cart-panel table.table tr td a.product-heading{ width: auto; float:right;}
.cart-panel table.table tr td a.tm-cart-edit-options{margin: 0 0 20px 15px;float: right;width: 100%;text-align: right;}
.cart-panel table.table dl dd{text-align: right;}
 .cart-totals tr td a.shipping-calculator-button {text-align: left; margin-top: 10px;}
.cart-panel table.table tr td.product-img, .cart-panel table.table tr td.product-amount{text-align: right;}
/*cart page css end*/

/*checkout page css end*/
.checkout-sec {background: #e6ecf3;width: 100%;padding: 30px 15px;border-radius: 15px;}
.checkout-sec .checkout-filed.quote-filedtwo input.input-box {width: 100%;}
.paypal-btn {min-width: 94%;max-width: 94%;margin: auto;margin-top: 20px;}
.checkout-sec .captcha img {width: 184px;}
.checkout-sec table.table th {padding: 10px 15px;}
.checkout-sec table.table td{padding: 10px 15px;}
/*checkout page css end end*/

/*order css*/
.order-received ul li {list-style: none;margin: 0 18px 0 0px;border-right: dashed 2px #ccc;padding: 0 18px 0 0;width: 44%;margin-bottom: 20px;}
.order-received ul li:nth-child(2) {border: none;}
/*order css end*/

/*my account dashboard css*/
.front-dashboard{ padding: 20px; border-radius: 15px;}
.tab-pane .billing-address {grid-template-columns: repeat(1, 1fr);}
.tabing-field-sec form .tabing-filed.quote-filedtwo input.input-box {width: 100%;margin: 0px 0 10px;}
.tab-pane .billingaddressform .col-lg-6 {margin: 0 0 20px;}
.tab-pane .billingaddressform .col-lg-6:last-child {margin: 0;}
.tab-pane .account-detail .accountdetailfiled {width:100%;margin: 0 0 10px;}

#addBillingAddressModal .modal-dialog, #addShippingAddressModal .modal-dialog{ width: 95%;}
#addBillingAddressModal .modal-dialog .modal-content .modal-body .mb-3, #addShippingAddressModal .modal-dialog .modal-content .modal-body .mb-3 {width: 100%;}

.myaccount-dashboard ul.nav {background: var(--pi-primary);overflow: hidden;border-radius: 8px;overflow-x: scroll;white-space: nowrap;display: inline-block;overflow-y: scroll;width: 100%;}
.myaccount-dashboard ul.nav li.nav-item {display: inline-block;color: white;text-align: center;text-decoration: none;padding: 0px 0;}
.myaccount-dashboard ul.nav li.nav-item button {padding: 10px 10px;font-size: 13px;}

.myaccountmethod_table {overflow: auto;}
.account-payment-methods-table{width: 500px;}
/*my account dashboard css end*/

/*footer css*/
.myaccount-dashboard .tab-content h5 {margin: 0 0 20px;}
.footer .social-icons { padding: 0;}
.footer .bottom-nav ul li{margin: 0 8px 15px;}
/*footer css end*/
}


@media (max-width:575px){
.btns{padding: 14px 30px;}

.heading-box .headings{margin: 0 0 20px;}
/*home features product css*/
.featured-box {grid-template-columns: repeat(1, 1fr);}
.product-result-count{ margin-bottom: 10px;}
/*home features product css end*/

/*print form css*/
.print-home-form .print-top-point-inner a .print-top-box img {width: 36px;margin: 0 15px 0 0px;}
.print-home-form .print-top-point-inner a .print-top-box h4 {font-size: 12px;}
/*print form css end*/

/*project detail page css*/
.product-detail-tabing nav .nav-link{ font-size: 13px;}
.product-detail-tabing .tab-content .tab-pane table.table tr td{ font-size: 12px; overflow-wrap: anywhere;}
.review_header .stars-block .desc{ font-size: 24px;}
.review_header .percentage.block {width: 100%;text-align: center;}
.review_header .review-box .progress {max-width: 70px !important;min-width: 70px !important;}
.detail-product-area .detailinfo-form .customize-form .filds-radio-button label.form-check-label {font-size: 13px;}
.detail-product-area .product-detail .product-gallery{ height: auto;}

.detail-product-area .detailinfo-form .customize-form .color-grid{grid-template-columns: repeat(3, 1fr);}
.detail-product-area .detailinfo-form .customize-form .product-type-variations .customization_tabing .tab-button { width: 120px;}

.product_color ul {grid-template-columns: repeat(3, 1fr);}
.product_color ul li span.color_label{ font-size: 12px;}
.product_size .product_size_box{grid-template-columns: repeat(3, 1fr);}

.detail-product-area .detailinfo-form .customize-form .product-type-variations .size-variations .size-grid{grid-template-columns: repeat(2, 1fr);}

/*project detail page css end*/

/*sale css*/
.sale-block .sale-tag{ display: block; height: auto; border-radius: 11px; text-align: center; padding: 18px 20px;}
.sale-block .sale-tag p {margin: 15px 0 0;}
/*sale css end*/

/*review css*/
.review-section .rating-section h3{ font-size: 20px;}
.review-section .rating-section p {font-size: 15px;}
/*review css end*/

/*brand logo css*/
.middle-banner_logos{grid-template-columns: repeat(2, 1fr);}
/*brand lodo css end*/

/*reorder css*/
.reorder_form .form-field {width: 100%;}
/*reorder css end*/

/*footer css*/
.form-contact .roboat-form img {width: 200px;}
.contact-info .contact-box{padding:20;}
.from-block{padding: 20px;}
/*footer css end*/

/*quotes proofs css*/
.quotes-proof-contact .contact-form-sec .customquoteform{grid-template-columns: repeat(1, 1fr);}
.quotes-proof-contact .contact-form-sec hr.separation{ margin: 0;}
/*quotes proofs css end*/

/*cart page css*/
.cart-panel table.table dl dt{text-align: left;}
.cart-panel table.table dl dd, .cart-totals tr td a.shipping-calculator-button, .cart-panel table.table tr td a.product-heading{ font-size: 13px;}
.cart-panel table.table tr td.product-img img {width: 40px;}
.messagefield button.btns {font-size: 13px;}
.cart-totals .btns{padding: 14px 30px;}
/*cart page css end*/

/*checkout page css*/
.checkoutlogin a.showlogin{ display: block;}
.checkout-login-form {padding: 18px 18px;}
.checkout-sec table.table td dl{grid-template-columns:auto; row-gap: 0px;}
.checkout-sec table.table td dl dt{ width: auto;}
.checkout-sec table.table td dl, .checkout-sec table.table td, .checkout-sec table.table th {font-size: 14px;}
.checkbox-create-acc form label {width: 90%;vertical-align: top;}
.checkbox-create-acc p.episode-content-title label{ font-size: 12px;}
.checkbox-create-acc p.episode-content-title label img {width: 30px;}
.checkout-sec .checkout-filed .quote-filedtwo:first-child{ margin-top: 0;}
.checkout-sec .checkout-filed .quote-filedtwo{ width: 100%;margin: 20px 0 0;}
.woocommerce-checkout-payment ul.payment_methods li .payment_box fieldset .form-row input.input-text{ font-size: 1em;}
.addpaymentmethod ul.payment_methods li .payment_box fieldset .form-row input.input-text{ font-size: 1em;}

.checkout-sec table.table td dl dd{clear: both; margin: 0 0 15px;}
.woocommerce-checkout-payment ul.payment_methods li label{ font-size: 13px;}
.woocommerce-checkout-payment ul.payment_methods li label img {width: 26px;}
.woocommerce-checkout-payment ul.payment_methods li input {position: relative;top: 2px;}
/*checkout page css end*/

/*order css*/
.order-received ul li {width: 100%;border-right: none;border-bottom: dashed 2px #ccc;padding: 0 0 20px;}
.order-received ul li:nth-child(2) {border: none;border-bottom: dashed 2px #ccc;}
.order-billingaddress{ flex-wrap: wrap;}
.order-billingaddress .bill-detail{ width: 100%; margin-bottom: 0;}
.order-billingaddress .bill-detail:last-child{ margin-bottom: 40px;}
/*order css end*/

/*my account css*/
.myaccount-dashboard .tab-content .tablescroll-tableroll a.btns {padding: 8px 10px;font-size: 12px;margin-top: 15px;}
.myaccount-box .myaccount-form .account-field.account-register{ width: 100%;}
.tab-pane .billing-address .billing-address-box{ padding: 14px;}
/*my account css end*/

/*cms content css*/
.cms-content h2{ font-size: 16px;}
/*cms content css end*/

/*blog detail css*/
.blog-detail .alignleft, .blog-detail .alignright{ width: 100%; object-fit: cover;}
/*blog detail css end*/

/*home features product css*/
.product_list_dese table tr td {font-size: 3vw;}
/*home features product css end*/

/*footer css*/
.footer .cc-logos {gap: 00px;}
.footer .cc-logos a {display: inline-block;width: 260px;margin-top: 10px;margin-bottom: 10px;}
.footer .cc-logos a img{width: 100%;object-fit: cover;height: auto;}
/*footer css end*/

}