/*
Theme Name: Twenty Twenty Child
Author URL: https://www.vcprint.co.uk/
Template: twentytwenty
*/

 /* new mega menu css */
 /* .menusection_new

 {
    display: none;
} */
 section#menusection {
     display: none;
 }

 .menusection_new.menusection_new_mobile {
     display: none;
 }

 .menusection_new {
     font-family: Poppins !important;
 }

 li#mega-menu-logo-li {
     margin: 20px 0 30px 0;
 }

 li#mega-menu-logo-li .mega-menu-logo-link img {
     width: 100px;
 }

 .menusection_container {
     width: 100%;
     max-width: 1800px;
     margin: 0 auto;
     padding: 0 20px;
 }

 #mega-menu-wrap-desktop_menu_new #mega-menu-desktop_menu_new>li.mega-menu-megamenu>ul.mega-sub-menu {
     top: 41px;
     box-shadow: 0px 6px 15px 0px #00000033;
     background: #ffffff;
     /* border-radius: 0 0 10px 10px; */

 }

 #mega-menu-wrap-desktop_menu_new #mega-menu-desktop_menu_new {
     display: flex;
     gap: 20px;
     align-items: center;
     justify-content: space-between;
 }

 #mega-menu-wrap-desktop_menu_new #mega-menu-desktop_menu_new>li.mega-menu-item {
     display: flex;
 }

 /* span.mega-indicator {
    display: none ;
} */
 ul#mega-menu-desktop_menu_new>.mega-menu-item>a {
     font-family: Poppins !important;
     font-size: 14px;
     font-weight: 500 !important;
     line-height: 21px !important;
     text-align: left;
     text-decoration: none;
     color: #000;
     display: inline-block;
     /* padding: 10px 0px; */
     transition: all 0.3s ease-in-out;
     height: auto !important;
 }

 /* new mega menu css end */


 .mf-popup-container {
     position: fixed;
     bottom: 10px !important;
     left: 10px !important;
     min-height: 195px;
     width: 300px;
     border-top-right-radius: 40px;
     color: #ffffff;
     padding: 0px !important;
     border-bottom-right-radius: 8px;
     border-bottom-left-radius: 8px;
     background: #ec008e !important;
     box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
     z-index: 9;
     display: none;
 }

 .mf-popup-container.show {
     display: block;
     border-radius: 8px;
 }

 .mf-popup-content {
     display: flex;
     flex-direction: column-reverse;
 }

 .mf-popup-content .mf-popup-main {
     padding: 20px;
     font-family: 'Poppins';
     line-height: 20px;
     font-size: 14px;
     letter-spacing: normal;
 }
 .mf-popup-content .mf-popup-main p b {
    font-family: Poppins;
    font-weight: 500 !important;
    font-size: 16px;
    line-height: 26px;
 }

 .mf-popup-content .mf-popup-main p {
     margin: 0px;
     line-height: 24px;
     font-size: 14px;
 }

 .mf-popup-right {
     position: relative;
     writing-mode: unset;
     direction: unset;
     background: #000000;
     border-top-right-radius: 8px;
     color: #ffffff;
     border-top-left-radius: 8px;

 }

 .mf-popup-right h4 {
     rotate: 0deg;
     padding: 0px 0px;
     text-align: left;
     margin: 15px 20px;
     font-family: 'Poppins';
     letter-spacing: normal;
     font-weight: 400;
     font-style: Regular;
     font-size: 16px;
     line-height: 26px;
 }

 .mf-popup-container .find-out-more {
     background: #F57D1F;
     padding: 10px 10px;
     border-radius: 8px;
     text-decoration: none;
     display: inline-block;
     margin-top: 12px;
     color: #ffffff;
     letter-spacing: normal;
 }

 .mf-popup-container .close-button {
     position: absolute;
     top: 10px;
     right: 10px;
     cursor: pointer;
     background: transparent;
 }

 .mf-popup-container .close-button::before {
     content: '';
     position: absolute;
     top: 6px;
     right: 5px;
     height: 24px;
     background-size: contain;
     width: 24px;
     background-repeat: no-repeat;
     z-index: 9999;
     color: #000;
     border-radius: 50px;
     border: 0px solid #ffffff;
     background-image: url(/wp-content/uploads/2026/01/cross-icon.png);
     cursor: pointer;
 }

 .reopen-button {
     position: fixed;
     color: #fff;
     border-radius: 8px;
     padding: 10px 20px !important;
     font-size: 16px;
     cursor: pointer;
     z-index: 9;
     line-height: 4px;
     bottom: 10px !important;
     left: 10px !important;
     background: #ec008e !important;
     border-top-right-radius: 8px !important;
     border-top-left-radius: 8px !important;
     border: 1px solid #ec008e !important;
     height: 45px;
     font-family: 'Poppins';
     font-weight: 500;
     letter-spacing: normal;
     text-decoration: none;
 }

 .reopen-button:hover {
     text-decoration: none;
 }

 /* blog page start */
 .post-single-details .container,
 .archive-posts.blog-list-sec .container,
 .author-detail-sec .container {
     padding: 0 20px;
 }

 .blog-list-sec .blog-list-wrapper {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     grid-row-gap: 40px;
     grid-column-gap: 20px;
 }

 .blog-list-wrapper .post-card.blog-post-box {
     border: 1px solid #0000001a;
     border-radius: 8px;
     overflow: hidden;
 }

 .blog-list-wrapper .blog-post-box .post-content-wrapper {
     padding: 20px;
 }

 .blog-list-wrapper .blog-post-box .post-content-wrapper .post-content {
     padding-bottom: 20px;
 }

 .post-categories-wrap {
     font-size: 14px;
     font-weight: 400;
     line-height: 24px;
     font-family: Poppins;
     padding-bottom: 20px;
 }

 .post-categories-wrap a {
     color: #7E7E7E;
 }

 .post-categories-wrap a:hover {
     color: #ED008C;
 }

 .blog-list-wrapper .blog-post-box .post-thumbnail-link {
     height: 100%;
     display: inline-block;
     width: 100%;
 }

 .blog-list-wrapper .blog-post-box a {
     text-decoration: none;
 }

 .blog-list-wrapper .blog-post-box .post-title {
     font-size: 22px;
     font-weight: 500;
     line-height: 30px;
     text-decoration: none !important;
     margin: 0px;
     transition: all .5s ease-in-out;
 }

 .blog-list-wrapper .blog-post-box .post-thumbnail {
     height: 300px;
     overflow: hidden;

 }

 .blog-list-wrapper .blog-post-box .post-thumbnail img {
     width: 100%;
     object-fit: cover;
     height: inherit;
     transition: all .5s ease-in-out;
 }

 .blog-list-wrapper .blog-post-box .post-meta,
 .post-single-details .blog-single-meta {
     margin: 0;
     display: flex;
     justify-content: space-between;
     align-items: center;
     font-size: 16px;
     font-weight: 400;
     line-height: 26px;
     font-family: Poppins;
     color: #000000;
     gap: 10px;

 }

 .blog-list-wrapper .blog-post-box .post-meta .date,
 .post-single-details .blog-single-meta .post-date {
     color: #7E7E7E;
 }

 .blog-list-wrapper .blog-post-box .post-meta .author a,
 .post-single-details .blog-single-meta .author a {
     display: flex;
     align-items: center;
     gap: 10px;
     color: #000000;
 }

 .blog-list-wrapper .blog-post-box .post-meta .author a:hover,
 .post-single-details .blog-single-meta .author a:hover {
     color: #ED008C;
 }

 .blog-list-wrapper .blog-post-box:hover .post-thumbnail img {
     transform: scale(1.1) !important;
 }


 .blog-list-wrapper .blog-post-box:hover .post-title {
     color: #ED008C;
 }

 .blog-pagination {
     margin-top: 60px !important;
 }

 .post-single-details .blog-single-meta {
     display: flex;
     width: 100%;
     justify-content: space-between;
     padding: 30px 0 20px 0;
 }

 .post-single-details .featured-image {
     height: 600px;
     margin-bottom: 40px;
 }

 .post-single-details .featured-image img {
     width: 100%;
     object-fit: cover;
     height: inherit;
     object-position: center;
 }

 .blog-cmsPage {
     font-family: 'Poppins';
 }

 .blog-cmsPage p,
 .blog-cmsPage ul li,
 .blog-cmsPage ol li {
     font-weight: 400;
     font-size: 16px;
     line-height: 26px;
 }

 .blog-cmsPage ul,
 .blog-cmsPage ol {
     margin-left: 0px;
     margin-bottom: 30px;
 }

 .blog-cmsPage h2,
 .blog-cmsPage h2 span {

     font-size: 35px;
     font-weight: 500;
     line-height: 45px;
     color: #000000;
     margin-top: 30px;
     margin-bottom: 10px;
 }

 .blog-cmsPage p {
     margin-bottom: 20px;
 }

 .blog-cmsPage ul li,
 .blog-cmsPage ol li {
     margin-bottom: 10px;
 }

 .post-single-details .blog-top-details h1 {

     font-size: 44px;
     font-weight: 500;
     line-height: 54px;
     display: block;
 }

 .blog-cmsPage a,
 .blog-cmsPage a u {
     color: #ED008C;
     text-decoration: none;
 }

 .blog-cmsPage a:hover {
     color: #ED008C;
     text-decoration: underline;
 }

 .blog-cmsPage td span img,
 .blog-cmsPage td img {
     width: 20px;
     display: inline-block;
 }

 .blog-cmsPage p span img {
     width: 14px;
     display: inline-block;
 }

 .vctable,
 .vctable tr,
 .vctable th,
 .vctable td {
     border: 1px solid black;
 }

 .vcdisc {
     list-style: disc;
     padding-left: 15px;
 }

 .author-cat-div {
     display: flex;
     align-items: center;
     gap: 30px;
 }

 .author-cat-div .post-categories-wrap {
     padding: 0px;
 }

 .post-single-details .blog-single-meta a {
     text-decoration: none;
 }

 /* author page css start */
 .author-detail-sec .author-detail-inr {
     display: flex;
     gap: 20px;
 }

 .author-detail-sec .author-detail-inr .author-profile-sidebar {
     width: 25%;
 }

 .author-detail-sec .author-detail-inr .author-profile-sidebar .author-profile {
     background: #f2f2f2;
     padding: 20px;
     border-radius: 8px;
     position: sticky;
     top: 140px;
 }

 .author-profile-sidebar .author-profile .fullname {
     background: #000;
     color: #fff;
     border-radius: 8px;
     padding: 10px 20px;
     text-align: center;
     margin-bottom: 30px;
 }

 .author-detail-sec .author-detail-inr .authors-post-grid {
     flex: 1;
 }

 .authors-post-grid .blog-list-wrapper {

     display: grid;
     grid-template-columns: repeat(3, 1fr);
     grid-row-gap: 40px;
     grid-column-gap: 20px;
 }

 .authors-post-grid .blog-list-wrapper .blog-post-box .post-title {
     font-size: 18px;

     line-height: 28px;

 }

 .author-profile-sidebar .author-profile .avatar-img-wrap {
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .author-profile-sidebar .author-profile .avatar-img-wrap img {
     width: 200px;
 }

 section.archive-posts.blog-list-sec .pagination .nav-links {

     width: auto !important;
 }

 /* author page css end */

 .woocommerce .woocommerce-form-login,
 .woocommerce-checkout form.checkout_coupon.woocommerce-form-coupon {
     background: #fff;
     padding: 30px;
     border-radius: 8px;
     border: 1px solid #D3D3D3;
     position: relative;
 }

 .woocommerce .woocommerce-form-login input {
     border: 1px solid #D3D3D3 !important;
     border-radius: 8px !important;
     padding: 10px !important;
     font-family: Poppins !important;
     font-size: 16px !important;
     font-weight: 400;
     line-height: 24px;
     text-align: left;
 }

 .woocommerce .woocommerce-form-login {
     font-family: Poppins;
     font-size: 19px;
     font-weight: 500;
     line-height: 30px;
     text-align: left;
     margin-bottom: 3rem;
 }

 .woocommerce .woocommerce-form-login .woocommerce-button {
     background-color: #ED008C;
     font-family: Poppins;
     font-size: 18px;
     font-weight: 600;
     line-height: 27px;
     text-align: left;
     color: #fff;
     padding: 10px 36px !important;
     border-radius: 8px
 }

 .woocommerce .woocommerce-form-login .lost_password a {
     color: #ED008C;
     text-decoration: none;
 }

 .woocommerce-form-coupon {
     padding: 0px 30px;
     /*    margin-bottom: 90px;*/
 }

 .woocommerce .woocommerce-form-login .lost_password {
     margin: 30px 0 0;
 }

 .coupon-custom .custom-coupon-block .counpon-code .actions .coupon .form-row.form-row-last .button {
     justify-content: center;
 }

 .product-withoutprice {
     font-size: 16px;
     font-weight: 400;
     line-height: 26px;
     text-align: right;
     color: #000;
 }

 .artwork-popup .modal-dialog {
     overflow-x: auto !important;
 }

 .modal-dialog {
     pointer-events: auto !important;
 }

 #review-custom .product-reviews-list .review .review-block .product-name {
     overflow: hidden;
     width: 100% !important;
     display: block !important;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     text-overflow: ellipsis;
     white-space: nowrap;
 }

 #review-custom .product-reviews-list .review .review-block .review-rating .star-icon {
     width: 24px;
     object-fit: contain;
     height: 24px;
 }

 #review_form p.comment-notes {
     margin-bottom: 20px !important;
 }

 form.checkout_coupon.woocommerce-form-coupon {
     display: flex;
     flex-direction: column;
     margin-bottom: 3rem;
 }

 .woocommerce-MyAccount-content .wcuf_already_uploaded_data_container {
     overflow: unset;
     padding: 20px;
     border: 1px #dedede solid;

 }

 .woocommerce-MyAccount-content .wcuf_already_uploaded_data_container h4 {
     margin-top: 0px;
     margin-bottom: 20px;
 }

 .woocommerce-MyAccount-content .wcuf_already_uploaded_data_container li.wcuf_file_preview_list_item:not(:last-child) {
     margin-bottom: 20px;
 }

 .woocommerce-MyAccount-content .wcuf_already_uploaded_data_container ol.wcuf_file_preview_list {
     overflow: unset;
     max-height: 100%;
     padding: 0px;
 }

 .woocommerce-MyAccount-content .wcuf_already_uploaded_data_container li.wcuf_file_preview_list_item {
     overflow: unset;
     height: 100% !important;
     padding: 0px;
     margin: 0px;
 }

 .woocommerce-MyAccount-content .wcuf_already_uploaded_data_container li.wcuf_file_preview_list_item .button {
     background: #ed008c;
     font-size: 12px !important;
     line-height: 12px !important;
 }

 .woocommerce table.shop_table_responsive tr th::before,
 .woocommerce-page table.shop_table_responsive tr th::before {
     display: block !important;
 }

 .woocommerce-account .woocommerce-MyAccount-orders.woocommerce-orders-table tbody th {
     display: revert !important;
 }

 .product-section>.container .product-custom-right>.summary .form-items-wrapper>p:empty {
     display: none;
 }

 .product-section .product-custom-right p#drilled_holes_field,
 .product-section .product-custom-right p#printed_sides_field {
     margin: 0px;
 }

 .pdp-main-block .artwork-custom-field-wrapper .form-check input[type=radio]:checked+.form-check-label .form-image img {

     filter: brightness(0) saturate(100%) invert(100%) !important;
 }

 .pdp-main-block .artwork-custom-field-wrapper .artwork-custom-field-wrapper-block {
     padding-top: 23px;
 }

 .pdp-main-block .artwork-custom-field-wrapper h2 {
     line-height: 20px;
     margin-top: 0px;
 }

 #about-category .main-block .right-block .right-block-description .content {
     max-height: 500px;
     overflow-y: auto;
     overflow-x: hidden;
     padding-right: 15px;
 }

 #about-category .main-block .right-block .right-block-description .content::-webkit-scrollbar {
     width: 5px;
 }

 #about-category .main-block .right-block .right-block-description .content::-webkit-scrollbar-track {
     background: #f1f1f1;
 }

 #about-category .main-block .right-block .right-block-description .content::-webkit-scrollbar-thumb {
     background-color: #ED008C;
     border-radius: 10px;
 }

 .loader-wrap-div {
     width: 100%;
     background: hsl(0deg 0% 0% / 60%);
     height: 450px;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 #banner-section .banner-content .content {

     max-width: 500px;
 }

 .review .review-block .content-review::-webkit-scrollbar {
     width: 3px;
 }

 .review .review-block .content-review::-webkit-scrollbar-track {
     background: #f1f1f1;
 }

 .review .review-block .content-review::-webkit-scrollbar-thumb {
     background-color: #ED008C;
     border-radius: 10px;
 }

 .content-review {

     padding-right: 10px;
 }

 .error404-content .search-form svg {
     display: none;
 }

 #delivery-sec .right-content .options-block .options-body .content {

     z-index: 1;
 }

 section.post-single-details {
     padding: 0px;
 }


/*Blog Page*/
.vc-title span{
  color: #ED008C;
}
.vc-title.blog-sec-title {
    margin-bottom: 20px;
    text-align: left;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.vc-blog-layout{
  display: grid;
  grid-template-columns: 30% 66%;
  gap:60px;
  position: relative;
}

.vc-sidebar{
  background: #F2F2F2;
  padding: 30px;
  border-radius: 8px;
}

.vc-sidebar h3 {
    font-weight: 500;
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
ul#vc-categories {
    margin: 0px;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    list-style: none;
    padding: 0px;
}
.vc-sidebar li a{
  padding: 5px 0;
  cursor:pointer;
  color: #000;
  text-decoration: none;
  margin: 0px;
}
.load-more-btn {
    background: #000;
    color: #fff;
    padding: 12px 16px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    transition: .3s;
}
.load-more-btn:hover {
    background: #ED008C;
    color: #fff;
}

.vc-sidebar li.active a,
.vc-sidebar li:hover a{
  color:#ED008C;
}

/* Blog Grid */
.blog-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:20px;
  align-items: stretch !important;
}

.blog-title a {
    color: #222;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.vc-loadmore-wrap{
  text-align:center;
  margin-top:30px;
}

#vc-loadmore{
  background:#000;
  color:#fff;
  padding:12px 26px;
  border:none;
  cursor:pointer;
}

.vc-sidebar{
  position:sticky;
  top:20px;                
  height:calc(100vh - 40px); 
  overflow-y:auto;          
}

.vc-sidebar::-webkit-scrollbar{
   width:4px;
}

.vc-sidebar::-webkit-scrollbar-track{
  background: #C5C5C5;
  border-radius: 0px;
}

.vc-sidebar::-webkit-scrollbar-thumb{
  background: #F57D1F; /* orange bar */
  border-radius: 0px;
}

/* hover effect */
.vc-sidebar::-webkit-scrollbar-thumb:hover{
  background: #F57D1F;
}
.vc-blog-archive {
    padding: 80px 20px;
}
.vc-sidebar li a {
    text-transform: capitalize;
}
article#post-content li {
    margin: 0px;
    padding: 0px;
}
article#post-content ul {
    margin: 0px;
}
.nav-previous a, .nav-next a {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    text-decoration: underline;
    color: #000;
}
.nav-previous a:hover, .nav-next a:hover  {
    color: #ED008C;
}
.post-navigation {
    display: flex;
    justify-content: space-between;
}
.blog-navigation-sec {
    padding: 0px 20px 80px;
}
.blog-content-layout {
    padding: 80px 20px;
}
/*Blog Single Page*/
.post-hero {
  background: #F2F2F2;
  padding: 80px 20px;
}
.post-hero .container {
  max-width: 1440px;
  margin: auto;
}

.post-hero-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: space-between;
  gap: 54px;
}
.post-hero-content {
    padding: 50px 0px;
}
.post-hero-image img {
    border-radius: 8px;
    width: 660px;
    height: 100%;
    object-fit: cover;
}
.post-title {
    font-weight: 500;
    font-size: 48px;
    line-height: 64px;
    margin: 30px 0px;
}
.post-category span {
    background: #ED008C;
    color: #fff;
    padding: 4px 10px;
    border-radius: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
}
.post-date {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #000;
    opacity: 0.6;
}
.post-author {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: rgba(0, 0, 0, 0.6);
}
.author-name-blog {
    color: #000 !important;
}
.blog-meta-fields {
    display: flex;
    flex-direction: column;
    gap: 20px;
}



/*Blog Single page*/
.blog-layout {
  background:#f3f3f3;
  padding:60px 0;
}

.blog-layout .container {
  max-width:1200px;
  margin:auto;
  padding:0 20px;
}

.blog-layout-inner {
  display:flex;
  gap:60px;
  align-items:flex-start;
}

/* TOC */
.blog-toc {
  width:360px;
  position:sticky;
  top: 120px;
}

.blog-toc h3 {
    font-weight: 500;
    font-size: 32px;
    line-height: 42px;
    color: #000;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    margin-bottom: 30px;
}

.blog-toc ul {
  list-style:none;
  padding:0;
  margin:0;
}

.blog-toc li {
  margin-bottom:10px;
    margin-left: 0px;
}

.blog-toc a {
  text-decoration:none;
  color: #000;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
  display:block;
}

.blog-toc a:hover,
.blog-toc a.active {
  color: #ED008C !important;
}

/* nested levels */
.blog-toc .toc-h3 { padding-left:15px; }
.blog-toc .toc-h4 { padding-left:30px; }

/* CONTENT */
.blog-content {
  flex:1;
  background:#fff;
  line-height: 28px;
  color:#333;
  font-size:18px;
}

.blog-content h2 {
  margin-top:20px;
  font-size:24px;
  line-height: 34px;
}

.blog-content h3 {
  margin-top:20px;
  font-size:22px;
}

.blog-content h4 {
  margin-top:20px;
  font-size:18px;
}

/* Mobile */
@media(max-width:900px){
  .blog-layout-inner{
    flex-direction:column;
    gap: 20px;
  }

  .blog-toc{
    width:100%;
    position:relative;
    top:auto;
    margin-bottom:0px;
  }
  .blog-content {
    padding: 0px !important;
    }
    .post-hero-inner {
        display: grid;
        grid-template-columns: 1fr;
        justify-content: space-between;
        gap: 40px;
    }
    .post-hero-content {
        padding: 0px 0px;
    }
    .post-hero-image {
        order: 1;
    }
    .post-hero-content {
        order: 2;
    }
    .post-hero-image img {
        width: 100% !important;
    }
}


 @media only screen and (min-width: 1701px) {
     #mega-menu-wrap-desktop_menu_new #mega-menu-desktop_menu_new li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>li.mega-menu-columns-2-of-12 {
         width: 20%;
     }
 }

 @media screen and (min-width: 1700px) {
     .menusection_container {

         padding: 0 50px;

     }

     #mega-menu-wrap-desktop_menu_new #mega-menu-desktop_menu_new li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item {
         padding: 5px 15px;
     }

     #mega-menu-wrap-desktop_menu_new #mega-menu-desktop_menu_new>li.mega-menu-megamenu>ul.mega-sub-menu {

         padding: 10px 10px;
     }

     #mega-menu-wrap-desktop_menu_new #mega-menu-desktop_menu_new>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item li.mega-menu-item>a.mega-menu-link {
         line-height: 28px !important;
     }

     #mega-menu-wrap-desktop_menu_new #mega-menu-desktop_menu_new>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
         font-weight: 600;
         padding: 10px 0;
     }

     #mega-menu-wrap-desktop_menu_new #mega-menu-desktop_menu_new>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:hover {
         font-weight: 600;

     }

     ul#mega-menu-desktop_menu_new>.mega-menu-item>a {

         padding: 10px 0px !important;

     }

     button.mega-close {
         display: none !important;
     }

     span.mega-indicator {
         display: none !important;
     }
 }

 @media screen and (min-width: 1201px) {
     .child-categories-grid .child-category img {

         object-fit: cover;

         height: 394px;
     }

     .child-categories-grid .child-category {
         height: 100% !important;
     }
 }

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

     #delivery-sec .right-content .options-block .options-body .title {
         font-size: 16px !important;
         line-height: 26px !important;
         max-width: 50% !important;
     }

     #delivery-sec .right-content .options-block .options-body {
         min-height: 120px !important;
         padding: 10px !important;
     }

     #delivery-sec .right-content .options-block .options-body:before {
         width: 100% !important;
         background-size: cover !important;
         top: 0px !important;

     }

     #delivery-sec .right-content .options-block .options-body .content {
         font-size: 12px !important;

     }
 }

 @media screen and (max-width: 1200px) and (min-width: 700px) {
     .child-categories-grid .child-category img {
         height: 300px;
         object-fit: cover;
         width: 100%;
     }
 }

 @media screen and (max-width: 1200px) and (min-width: 769px) {
     .child-categories-grid .child-category {

         height: 366px;
     }
 }

 @media screen and (max-width: 1050px) and (min-width: 992px) {
     footer .footer-menu .footer-menu-block>div ul {

         grid-template-columns: 2fr 1fr 2fr !important;
         column-gap: 20px;
     }

     footer .footer-menu.quick-links {
         padding: 0px 45px !important;
     }
 }

 @media screen and (max-width: 1700px) {
     #mega-menu-wrap-desktop_menu_new #mega-menu-desktop_menu_new>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link .mega-indicator {

         width: 35px;
         height: 22px;
     }
     .vc-blog-layout {
        grid-template-columns: 30% 67%;
        gap: 40px;
    }

     #mega-menu-wrap-desktop_menu_new #mega-menu-desktop_menu_new>li.mega-menu-item.mega-toggle-on>.mega-menu-link>span.mega-indicator:after {
         transform: rotate(180deg) !important;
     }

     #mega-menu-wrap-desktop_menu_new #mega-menu-desktop_menu_new>li.mega-menu-item.mega-toggle-on span.mega-indicator:after {
         transform: rotate(180deg);
     }

     #mega-menu-wrap-desktop_menu_new #mega-menu-desktop_menu_new>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link span.mega-indicator::before {
         content: '';
         position: absolute;
         right: 5px;
         top: 11px;
         background: #757575;
         width: 15px;
         height: 2px;
         transition: all .3s ease-in-out;
         transform: rotate(90deg);
     }

     #mega-menu-wrap-desktop_menu_new #mega-menu-desktop_menu_new>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link span.mega-indicator::after {
         content: '' !important;
         position: absolute;
         right: 5px;
         top: 11px;
         background: #757575;
         width: 15px;
         height: 2px;
         transition: all .2s ease-in-out;
     }

     #mega-menu-wrap-desktop_menu_new #mega-menu-desktop_menu_new>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link span.mega-indicator.is-open::before {

         opacity: 0;

     }

     #mega-menu-wrap-desktop_menu_new #mega-menu-desktop_menu_new>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link span.mega-indicator.is-open::after {

         transform: rotate(180deg);

     }

     .toggle-btn-menu {
         display: none !important;

     }

     .menusection_container {

         max-width: 100%;

         padding: 0;
     }

     .menusection_container #mega-menu-wrap-desktop_menu_new .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated {
         padding: 0px !important;
     }

     .menusection_container div#mega-toggle-block-0 {
         margin: 0px !important;
     }

     .menusection_new.menusection_new_desktop {
         display: none;
     }

     .menusection_new.menusection_new_mobile {
         display: block;
     }

     .menu-section-header header,
     #menusection {
         padding: 0px 20px 0px 20px !important;
     }

     #mega-menu-wrap-desktop_menu_new .mega-menu-toggle~button.mega-close:before {

         font-size: 25px;
         color: #000000;
     }

     #mega-menu-wrap-desktop_menu_new .mega-menu-toggle.mega-menu-open~button.mega-close {

         right: 5px;

     }

     li.mega-menu-row ul.mega-sub-menu li.mega-menu-item>ul.mega-sub-menu li:not(:last-child) a {
         margin-bottom: 5px !important;
     }

     ul#mega-menu-desktop_menu_new>.mega-menu-item>a {

         font-size: 16px !important;


     }

     #mega-menu-wrap-desktop_menu_new #mega-menu-desktop_menu_new li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item {
         padding: 0 0 5px 0 !important;
         width: 100%;


     }

     #mega-menu-wrap-desktop_menu_new #mega-menu-desktop_menu_new>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
         background-color: #F2F2F2 !important;
         padding: 5px 10px;
     }

     span.mega-indicator {
         display: block !important;
     }

     li.mega-menu-row ul.mega-sub-menu li.mega-menu-item>ul.mega-sub-menu {
         padding: 10px 20px !important;
     }

     #mega-menu-wrap-desktop_menu_new #mega-menu-desktop_menu_new li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator:after {
         content: "" !important;
         font-family: unset;
         background-image: url(/wp-content/uploads/2024/09/down-arrow.png);
         width: 20px;
         height: 20px;
         display: inline-block;
         filter: grayscale(1) invert(1);
         background-repeat: no-repeat;
         background-size: 20px;
     }

     #mega-menu-wrap-desktop_menu_new #mega-menu-desktop_menu_new li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator {

         float: right;
         width: 30px;
         display: flex;
         align-items: center;
         justify-content: center;
         margin: 0px;
     }

     #mega-menu-wrap-desktop_menu_new #mega-menu-desktop_menu_new>li.mega-menu-megamenu>ul.mega-sub-menu {

         box-shadow: none;
         background: #ffffff;
         border-radius: 0;

     }

     #mega-menu-wrap-desktop_menu_new #mega-menu-desktop_menu_new {

         gap: 0px;
         align-items: unset;
         justify-content: unset;
     }

     span.mega-indicator {
         display: block;
     }

     #mega-menu-wrap-desktop_menu_new #mega-menu-desktop_menu_new>li.mega-menu-item {
         display: flex;
         flex-direction: column;
         padding: 10px 0;
         border-bottom: 1px solid #0000001c;

     }

     .pdp-main-block form.cart label {
         font-size: 14px !important;
     }

     .menu-modal .site-logo img {
         margin-bottom: 3rem;
     }

     .menu-modal-content .mobile-menu-group {
         text-align: left;
     }

     .menu-modal-content .menu-block .menu-item-mobile .parent-category-wrapper,
     .menu-modal-content .menu-block .menu-item-mobile .submenu-content-mobile .child-categories-mobile .sub-categories-mobile .sub-menu-item-mobile .child-category-wrapper {
         margin: 0 !important;
         width: 100% !important;
         justify-content: space-between !important;
     }

     .menu-modal-content .menu-block .menu-item-mobile .submenu-content-mobile .child-categories-mobile .sub-categories-mobile {
         padding-left: 1rem;
     }

     .menu-modal-content .menu-block .menu-item-mobile .submenu-content-mobile .child-categories-mobile .sub-categories-mobile .sub-menu-item-mobile .category-products-mobile .products .product-item {
         padding-left: 1rem;
     }

     .menu-modal-content .menu-block .menu-item-mobile .submenu-content-mobile .child-categories-mobile .sub-categories-mobile .sub-menu-item-mobile .category-products-mobile .products .product-item h3 {
         text-align: left;
     }

     .menu-modal-content .menu-block .menu-item-mobile {
         border-bottom: 1px solid #0000001c;
         padding: 10px 0;
     }

     .menu-modal-content .menu-block .menu-item-mobile .submenu-content-mobile .child-categories-mobile {
         padding: 10px 0 10px 10px;
     }

     .menu-modal-content {
         padding: 70px 50px;
     }

     .menu-modal-content .menu-block .menu-item-mobile .submenu-content-mobile .child-categories-mobile .sub-categories-mobile .sub-menu-item-mobile .category-products-mobile {
         padding: 5px 0;
     }

     .menu-modal-content {
         background-color: #F2F2F2 !important;
     }

     .menu-modal-close,
     .menu-modal-content .menu-block a,
     .menu-modal-content .menu-block .menu-item-mobile .parent-category-link,
     .menu-modal-content .menu-block .menu-item-mobile .submenu-content-mobile .child-categories-mobile .sub-categories-mobile .sub-menu-item-mobile .child-category-link {
         color: #000;
     }

     .menu-modal-content .menu-block .menu-item-mobile .dropdown img {
         -webkit-filter: grayscale(1) invert(1);
         filter: grayscale(1) invert(1);
     }

     .menu-modal-content .menu-block a:hover,
     .menu-modal-content .menu-block .menu-item-mobile .parent-category-link:hover,
     .menu-modal-content .menu-block .menu-item-mobile .submenu-content-mobile .child-categories-mobile .sub-categories-mobile .sub-menu-item-mobile .child-category-link:hover {
         color: #ed008c !important;
     }

     .menu-modal-content .mobile-menu-group {
         scrollbar-color: #ed008c #Fff !important;
     }
 }

 @media only screen and (max-width: 1200px) {
     .blog-list-wrapper .blog-post-box .post-title {
         font-size: 18px;

         line-height: 28px;

     }
     .post-title {
        font-weight: 500;
        font-size: 40px;
        line-height: 54px;
        margin: 30px 0px;
    }
    .post-hero, .blog-content-layout {
        padding: 60px 20px;
    }
    .blog-navigation-sec {
        padding: 0px 20px 60px;
    }

     .post-single-details .blog-top-details h1 {
         font-size: 38px;

         line-height: 48px;

     }

 }

 @media only screen and (max-width: 1199px) {
     .product-section>.container .product-custom-left {
         padding-right: 0px !important;
     }

 }

 @media only screen and (max-width: 1100px) {
     .authors-post-grid .blog-list-wrapper {

         grid-template-columns: repeat(2, 1fr);
         grid-row-gap: 30px;

     }
     .vc-blog-archive {
        padding: 60px 20px;
    }

     .authors-post-grid .pagination .nav-links {

         width: calc(100% + 50px);
     }


 }

 @media screen and (max-width: 1099px) {
     .single-product .product-section .woocommerce-product-gallery {
         width: 100% !important;
     }

 }

 @media screen and (max-width: 991px) {
     footer .footer-menu .footer-menu-block>div ul {
         row-gap: 0px !important;
     }

     .pagination.search-paginations .nav-links>* {
         margin: 1.5rem 0 0 1.5rem;
     }
     .vc-blog-layout {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    .vc-sidebar {
        position: relative;
        top: 0px;
        height: auto;
        overflow-y: auto;
    }
    ul#vc-categories {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
 }

 @media screen and (max-width: 990px) {
     #related-products .related-products-grid .related-product-item .product-body-related {
         flex-wrap: wrap;
     }

     #related-products .related-products-grid .related-product-item .product-body-related .product-body-left {

         width: 100%;
     }

     #related-products .related-products-grid .related-product-item .product-body-related .product-body-right {
         width: 100%;
     }

     #related-products .related-products-grid .related-product-item .product-body-related .product-body-right .product-price {

         align-items: start !important;

     }

     .woocommerce-account .woocommerce-MyAccount-content {

         width: 100%;
     }

     .woocommerce-account #site-content article .post-inner .entry-content .woocommerce .woocommerce-MyAccount-navigation {

         margin-bottom: 50px !important;
     }
 }

 @media only screen and (max-width: 768px) {
     .woocommerce-cart .woocommerce .cart-right .cart_totals .shop_table tbody tr th {
         text-align: left !important
     }
     .post-title {
        font-weight: 500;
        font-size: 40px;
        line-height: 54px;
        margin: 30px 0px;
    }
    .post-hero, .blog-content-layout {
        padding: 40px 20px;
    }
    .blog-navigation-sec {
        padding: 0px 20px 40px;
    }

     .woocommerce-account .woocommerce-MyAccount-orders.woocommerce-orders-table tbody th {
         display: block !important;
     }

     .woocommerce-cart .woocommerce .cart-right .cart_totals .shop_table tbody tr td:before {
         display: none !important;
     }

     .woocommerce-cart .woocommerce .cart-right .cart_totals .shop_table tbody tr th::before {
         display: none !important;
     }

     .woocommerce table.woocommerce-MyAccount-orders tr:first-child,
     .woocommerce-page table.woocommerce-MyAccount-orders tr:first-child {
         border-top: 1px solid #d3d3d3;
         padding-top: 13px;
     }

     th.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-number {
         padding: 0px 5px 15px !important;
     }

     .woocommerce-account.woocommerce-orders .woocommerce-MyAccount-content .account-orders-table tbody .order td .woocommerce-button {
         width: auto !important;
         font-size: 14px !important;
         padding: 10px 20px !important;
         margin: 0px !important;
         line-height: 1 !important;
     }

     .blog-list-sec .blog-list-wrapper {

         grid-template-columns: repeat(2, 1fr);
         grid-row-gap: 30px;

     }

 }

 @media screen and (max-width: 767.99px) {
     .artwork-custom-field-wrapper {
         width: 100%;
     }

     .artwork-custom-field-wrapper-block {
         gap: 35px;
     }

     .show-artwork-custom .wcuf_upload_button_container .wcuf_drag_and_drop_area_description {
         width: auto !important;
     }

     #review-custom .product-reviews-header {
         justify-content: center !important;
         flex-wrap: wrap;
         gap: 10px;
     }

     .form-items-wrapper p#custom_quantity_field,
     .form-items-wrapper p#custom_version_field {
         width: 100% !important;
         padding: 0 !important;
     }

     #tab-custom .container .custom-tab-new .wc-tabs-wrapper .tabs.wc-tabs {
         justify-content: start !important;
     }

     .single-product #review-custom {
         padding-bottom: 30px;
     }

     .vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-vi_wpvs_button_design.vi-wpvs-variation-wrap-button {
         grid-template-columns: repeat(1, 1fr) !important;
     }

     #printed_sides_field .woocommerce-input-wrapper {
         grid-template-columns: repeat(1, 1fr) !important;
     }

     .product-section>.container .product-custom-right>.summary .price-custom-head {
         position: sticky;
         top: 60px;
         z-index: 9;
     }

     #review-custom .product-reviews-list .owl-nav button.owl-prev {
         left: 0 !important;
     }

     #review-custom .product-reviews-list .owl-nav button.owl-next {
         right: 0 !important;
     }

     .child-categories-grid .child-category a .title {
         font-size: 18px !important;
     }

     #product-category-page .products-grid .product-box .product-body .product-body-right .price .woocommerce-Price-amount bdi {
         white-space: pre;
     }

     #product-category-page .products-grid .product-box .product-body .product-body-right {
         justify-content: start !important;
     }

     .archive #product-category-page .products-grid {
         grid-template-columns: 1fr 1fr !important;
     }

     #product-category-page .products-grid .product-box img {
         max-height: unset !important;
         min-height: unset !important;
     }

     #product-category-page .products-grid .product-box .product-body {
         grid-template-columns: 1fr !important;
     }

     #product-category-page .products-grid .product-box .product-body .product-body-right .price-prefix {
         text-align: left !important;
     }

     #product-category-page .products-grid .product-box:hover .product-body .product-title:after,
     #product-category-page .products-grid .product-box .product-body .product-body-left .product-title:after {
         right: -10px !important;
         top: -6px !important;
     }

     #product-category-page .products-grid .product-box .product-body .product-body-left .product-title {
         padding-right: 25px;
         font-size: 16px !important;
         line-height: 20px !important;
     }

     .archive #product-category-page .products-grid .product-box .product-body .product-body-left .product-reviews {
         margin: 10px 0;
         align-items: flex-start !important;
         flex-direction: column;
         gap: 10px !important;
     }

     #product-category-page .products-grid .product-box .product-body {
         padding: 10px !important;
     }

     #product-category-page .products-grid .product-box .product-body .product-body-right .price .woocommerce-Price-amount {
         font-size: 15px !important;
         line-height: 1 !important;
     }


     #review-custom .owl-nav {
         display: flex;
         justify-content: space-between;
         margin-top: 3rem;
     }

     .child-categories-grid .child-category a:after {
         content: "";
         top: 0;
         position: absolute;
         bottom: 0;
         left: 0;
         z-index: 9999;
         right: 0;
     }


     .child-categories-grid .child-category:hover .cat-body {

         background: unset !important;
         background-size: 100% 200% !important;
         background-position: unset !important;
         animation: none !important;
         position: unset !important;
         height: auto !important;
         width: auto !important;
         top: 0;
         display: block !important;

     }

     .child-categories-grid .child-category:hover .cat-body .title {
         color: #F57D1F !important;
     }

     .child-categories-grid .child-category .cat-body-postiton {
         display: none !important;
     }

     .single-product #tab-custom .container .custom-tab-new .tab-content .container .woocommerce-Tabs-panel .faq-section #faq-accordion .faq-item .faq-question .faq-toggle {
         padding-right: 30px !important;
     }

     .child-categories-grid .child-category .cat-body {
         position: unset !important;
     }
 }

 @media only screen and (max-width: 767px) {
     #mega-menu-wrap-desktop_menu_new .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated {

         transform: scale(0.59);

     }
     .post-title {
        font-weight: 500;
        font-size: 34px;
        line-height: 46px;
        margin: 20px 0px;
    }
     .vc-sidebar {
        height: 400px;

    }
    .vc-blog-archive {
        padding: 40px 20px;
    }
    ul#vc-categories {
        grid-template-columns: 1fr;
    }
    .vc-sidebar h3 {
        margin-bottom: 20px;
    }
     .blog-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
        align-items: stretch !important;
    }

     #mega-menu-wrap-desktop_menu_new .mega-menu-toggle.mega-menu-open+#mega-menu-desktop_menu_new {

         width: 96%;
     }

     .single-product section#review-custom .owl-prev,
     .single-product section#review-custom .owl-next {

         position: unset !important;
     }

     .cart-right .coupon-custom .custom-coupon-block .counpon-code .actions .coupon {
         padding: 20px 0;
     }

     .shopping-block .shopping-btn a {
         width: 100% !important;
     }

     th.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-number {
         padding: 9px 9px 15px 1.5rem !important;
     }

     form.checkout_coupon.woocommerce-form-coupon .form-row-first,
     form.checkout_coupon.woocommerce-form-coupon .form-row-last {
         width: 100%;

     }

     .blog-cmsPage h2 {
         font-size: 28px;
         line-height: 40px;
     }

     .post-single-details .featured-image {
         height: 450px;
         margin-bottom: 25px;
     }

     .post-single-details .blog-top-details h1 {
         font-size: 32px;

         line-height: 42px;

     }

     .vctable,
     .vctable tr,
     .vctable th,
     .vctable td {
         font-size: 12px;
     }

     .author-detail-sec .author-detail-inr {
         display: flex;
         flex-direction: column;
     }

     .author-detail-sec .author-detail-inr .author-profile-sidebar {
         width: 100%;
     }

     .author-detail-sec .author-detail-inr .authors-post-grid {
         flex: 100%;
     }

     .author-profile-sidebar .author-profile .avatar-img-wrap img {
         width: 80px;
     }
 }

 @media only screen and (max-width: 575px) {
     #banner-section .item {

         background-position: center;
     }

     #banner-section .banner-content {
         padding-bottom: 10px !important;
     }

     .blog-list-sec .blog-list-wrapper {

         grid-template-columns: repeat(1, 1fr);
         grid-row-gap: 30px;

     }

     .authors-post-grid .blog-list-wrapper {

         grid-template-columns: repeat(1, 1fr);
         grid-row-gap: 30px;

     }

     .post-single-details .featured-image {
         height: 400px;

     }

     .mf-popup-container {

         width: 340px;

     }

     .reopen-button {

         padding: 7px 10px !important;
         font-size: 14px;
         height: 40px;

     }
 }

 @media screen and (max-width: 499px) {
     .product-section>.container .product-custom-right .pdp-main-block .price-custom-head .price-sec .add-cart-btn-custom .single_add_to_cart_button {
         width: 100% !important;
     }
 }

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

     .blog-list-sec .blog-list-wrapper {

         grid-template-columns: repeat(1, 1fr);
         grid-row-gap: 30px;

     }

     .post-single-details .featured-image {
         height: auto
     }

     .post-single-details .blog-single-meta {

         flex-wrap: wrap;
         gap: 15px;
     }

     .post-single-details .blog-single-meta .author-cat-div,
     .post-single-details .blog-single-meta .post-date {
         width: 100%;
     }
 }

 @media only screen and (max-width: 360px) {
     .mf-popup-container {
         width: 260px;
     }

     .mf-popup-content .mf-popup-main {
         padding: 15px;
     }

     .mf-popup-right h4 {
         margin: 10px 15px;
     }

     .mf-popup-container .find-out-more {
         font-size: 12px;
     }
 }


span.tooltip-icon .tooltip-text {
    bottom: 118%;
    left: 124%;
}
span.tooltip-icon .tooltip-text {
    margin-left: -168px;
    font-size: 14px;
    width: 300px;
    line-height: 22px;
    font-weight: 400 !important;
    text-align: left;
    background: #282828 !important;
    padding: 10px;
}
.delivery-title {
    display: inline-flex;
}
.vi-wpvs-variation-wrap-wrap[data-wpvs_attribute_name="attribute_pa_printed-sides"] .vi-wpvs-variation-wrap {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
}
.vi-wpvs-variation-wrap-wrap[data-wpvs_attribute_name="attribute_pa_printed-sides"] .vi-wpvs-variation-wrap .vi-wpvs-option-wrap {
    width: 100% !important;
}
.vi-wpvs-variation-wrap-wrap[data-wpvs_attribute_name="attribute_pa_printed-sides"] .vi-wpvs-variation-wrap .vi-wpvs-option-wrap img {
    width: 40px !important;
    border-radius: 0px !important;
}
.vi-wpvs-variation-wrap-wrap[data-wpvs_attribute_name="attribute_pa_printed-sides"] .vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-vi_wpvs_button_design .vi-wpvs-option-wrap .vi-wpvs-option-tooltip {
    display: block !important;
}
.vi-wpvs-variation-wrap-wrap[data-wpvs_attribute_name="attribute_pa_printed-sides"] .vi-wpvs-variation-wrap .vi-wpvs-option-wrap .vi-wpvs-option-tooltip {
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    color: #000;
    transform: unset !important;
    left: 0px !important;
    bottom: 0px !important;
}
.vi-wpvs-variation-wrap-wrap[data-wpvs_attribute_name="attribute_pa_printed-sides"] .vi-wpvs-option-wrap {
    display: flex !important;
    flex-direction: row-reverse;
    justify-content: space-between !important;
}
#product-category-page p.no-product,
#product-category-page > p {
    margin: 120px 0px !important;
    text-align: center;
    font-size: 24px;
    padding: 20px;
}

.postid-17880 .product-custom-right .pdp-main-block .variations_form .vi-wpvs-variation-style-vertical .vi-wpvs-variation-wrap-taxonomy{
	    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.postid-17880 .product-custom-right .pdp-main-block .variations_form .vi-wpvs-variation-style-vertical .vi-wpvs-variation-wrap-taxonomy .vi-wpvs-option-wrap{
	width:100%;
	    display: block;
    text-align: center;
}
.postid-17880 .product-custom-right .pdp-main-block .variations_form .vi-wpvs-variation-style-vertical .vi-wpvs-variation-wrap-taxonomy .vi-wpvs-option-wrap img{
	    height: 120px !important;
    object-fit: contain;
}
.postid-17880 .product-custom-right .pdp-main-block .variations_form .vi-wpvs-variation-style-vertical .vi-wpvs-variation-wrap-taxonomy .vi-wpvs-option-wrap .vi-wpvs-option-tooltip{
	    display: block;
    opacity: 1;
    visibility: visible;
    position: unset;
    transform: unset;
}

@media (max-width: 767px) {
    .vi-wpvs-variation-wrap-wrap[data-wpvs_attribute_name="attribute_pa_printed-sides"] .vi-wpvs-variation-wrap {
        display: grid !important;
        grid-template-columns: repeat(1, 1fr) !important;
        gap: 10px !important;
    }
    .vi-wpvs-variation-wrap[data-attribute="attribute_pa_style"] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    #product-category-page p.no-product,
    #product-category-page > p {
        margin: 80px 0px !important;
        font-size: 20px;
    }
	.postid-17880 .product-custom-right .pdp-main-block .variations_form .vi-wpvs-variation-style-vertical .vi-wpvs-variation-wrap-taxonomy{
	    width: 100%;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}
}