/** Shopify CDN: Minification failed

Line 953:35 Expected identifier but found "!"
Line 1137:0 Expected "}" to go with "{"

**/
html, body {overflow-x: hidden;}
* {box-sizing: border-box;margin: 0;padding: 0;}
.page-width {width: 100% !important;max-width: 1600px !important;padding-left: 5rem !important;padding-right: 5rem !important;}
.rich-text__blocks {max-width: 100% !important;}
p{line-height: 1.6em;}
.common-button {background: #DC222B;color: #fff;padding: 14px 24px;border-radius: 50px;text-decoration: none;font-weight: 700;transition: background 0.3s ease;}
.common-button:hover {background: #972FF6;}
.common-pill {display: inline-block;background-color: #F6EEFF;color: #5F3994;font-weight: 600;padding: 10px 35px;border-radius: 30px;margin-bottom: 16px;font-size: 14px;font-style: italic;}

h2{font-size: 45px !important;}


/*Marquee section*/
.eazydtf-marquee {width: 100%;overflow: hidden;background: #ffffff;padding: 0px;}
.marquee-track {display: flex;width: 200%;animation: marqueeScroll 12s linear infinite;}
.marquee-track span {font-size: 100px;font-weight: 800;color: transparent;-webkit-text-stroke: 2px #F6F6F6;text-stroke: 2px #F6F6F6;text-transform: uppercase;white-space: nowrap;flex-shrink: 0;}
@keyframes marqueeScroll {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
/*Marquee section end*/  

/*Announcment bar*/
.page-width.utility-bar__grid.utility-bar__grid--3-col {display: flex;}
.announcement-bar.announcement-bar--one-announcement {order: 1;margin-left: 0px !important;}
.list-unstyled.list-social {order: 2;}

.utility-bar {position: absolute;background: transparent !important;width: 100% !important;  height: 20px!important;padding: 10px 0px !important;}
.utility-bar--bottom-border {border-bottom: none !important;}
p.announcement-bar__message.h5 {color: #fff !important;}
.list-social__item .icon{color: #fff!important;}

/*Header*/
.list-menu.list-menu--inline a {color: #171615 !important;font-size: 16px!important;}
.header__active-menu-item {color: #DC222B !important;}
.header__menu-item {padding: 0px 10px !important;}
.header__heading-link{padding: 0px!important;}
.header__icon .icon{color: #9A3794;}
.header__icons {padding-right: 0px !important;}
.header--middle-left .header__heading-link, .header--top-left .header__heading-link {margin-left: 0 !important;}
.header:not(.drawer-menu).page-width {padding-left: 3rem !important;padding-right: 3rem !important;}

.list-menu--inline > li {display: inline-block;position: relative;}
.list-menu--inline > li:not(:last-child)::after {content: "|";position: absolute;right: -2px;top: 45%;transform: translateY(-50%);color: #000;font-weight: normal;font-size: 20px;padding-left: 10px;}

#Details-HeaderMenu-2 span {color: #000 !important;font-size: 18px !important;}
.icon.icon-caret {color: #000 !important;}
.list-menu--disclosure{width: 35rem !important;}
.list-menu.list-menu--inline li header-menu span {
	font-size: 20px;
	color: #171615 !important;
}
summary.list-menu__item {
	padding-right: 2.3rem !important;
}
.list-menu.list-menu--inline li header-menu ul li a{	font-size: 18px !important;}
.list-menu.list-menu--inline li header-menu ul li{padding-bottom: 10px;}
/* #custom-header{position: fixed;background: #fff; transition: top 0.1s ease-out;width: 100% !important;max-width: 95% !important;display: flex;justify-content: space-between;border-radius: 50px !important;left: 50%;transform: translate(-50%, 0px);top: 10%;z-index: 99999;}
 */
/*Sticky Header*/
#shopify-section-sections--20937953345741__announcement-bar {width: 100%;position: fixed;top: 0;left: 0;z-index: 1000;transition: transform 0.3s ease-in-out;}
.hidden {transform: translateY(-100%);}
#custom-header  {width: 100% !important;max-width: 95% !important;background: #fff;box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);position: fixed;top: 50px;left: 50%;transform: translate(-50%, 0px);display: flex;justify-content: space-between;border-radius: 50px !important;z-index: 99999;transition: top 0.1s ease-in-out;}

/*Inner banner style start*/
.inner-banner-sec{position: relative;background: linear-gradient(to right, #DA26B9, #842EFB);color: white;padding: 150px 20px 0px;overflow: hidden;}
.inner-banner-sec::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('/cdn/shop/files/hero-bg.png?v=1747283385');background-size: cover;background-position: center;background-repeat: no-repeat;opacity: 1;z-index: 0;}
.inner-banner-container{max-width: 100%;text-align: center; padding: 70px 0px;}
.text-center{text-align: center;}
.inner-banner-sec h1{font-size: 65px;color: #fff;}
.inner-banner-sec h2{font-size: 65px;color: #fff;}
/*Inner banner style end*/
/*404 page css start*/ 
.template-404 p {font-size:120px !important;font-weight: bold;line-height: 1.4em;}
.template-404 h1 {margin: 0px 0px 15px !important;color: #fff;}
.template-404 {position: relative;background: linear-gradient(to right, #DA26B9, #842EFB);color: white;padding: 180px 0 80px !important;overflow: hidden;margin-bottom: 0px;}
.template-404::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('/cdn/shop/files/hero-bg.png?v=1747283385');background-size: cover;background-position: center;background-repeat: no-repeat;opacity: 1;z-index: 0;}
.template-404 a.button:hover {background: #972FF6;}

/*404 page css end*/ 

/*Search page css*/
.facets__summary {color: #171615 !important;}
.facets__heading, .facet-filters__label {color: #171615 !important;font-size: 16px !important;}
.facets__heading, .facet-filters__label {color: #171615 !important;font-size: 16px !important;}
.product-form__input .form__label, .select__select, .customer select {font-size: 18px !important;color: #171615 !important;font-weight: bold;}
.product-count__text {color: #171615 !important;font-size: 15px !important;font-weight: 700 !important;}

#predictive-search-queries,#predictive-search-products,#predictive-search-pages-desktop {font-size: 20px !important;color: #000;font-weight: bold;}
.predictive-search__item-heading.h5 {color: #000;}
.predictive-search__item-vendor {font-weight: bold;}

/*Downloadable Designs start*/
.top-navigation {display: flex; justify-content: center; padding: 30px 0; }
.top-navigation ul { display: flex; border: 1px solid #ccc; list-style: none; padding: 10px; border-radius: 50px; }
.top-navigation ul li { padding:10px 20px; margin: 0 10px; border-radius: 50px; cursor: pointer;}
.top-navigation ul li.active, .top-navigation ul li:hover{ background-color: #DC222B; color: #fff;}

.free-cat_images { max-width: 1600px; margin: 0 auto;padding: 0px 5rem; }
.free-cat_images ul { list-style: none;}
.free-cat_images ul li { display: inline-block; width: 22%; margin: 1%;  position: relative; line-height: 0px; border-radius: 10px; overflow: hidden; }
.free-cat_images ul li a{ position: relative; display: block;}
.free-cat_images ul li a:before { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1);  }
.free-cat_images ul li abbr { position: absolute; width: 100%; padding: 20px 10px; text-align: center; background: #DA26B9;color: #fff; z-index: 2; left: 0; bottom: 0px; font-weight: bold;}
.free-cat_images ul li img { width: 100%; }

/*Downloadable Designs end*/

/*Blog page css*/
.section-template--20937952690381__main-padding {background: #F3F2FF !important;}
.article-template>*:first-child:not(.article-template__hero-container) {margin-top: 0px !important;}
article.article-template {background: #fff;padding: 40px 0px 10px;}
form#comment_form {max-width: 600px;margin: 0 auto;text-align: center;}
.article-template__comment-wrapper h2 {margin-bottom: 20px;}
.blog-articles__article .card__content {padding: 10px !important;}
.blog-articles__article .card__inner .card__media img{object-fit: cover !important;}
.blog-articles__article .card-wrapper {padding: 20px !important;border: 1px solid #000;border-radius:20px;}
article.article-template h1 {font-size: 35px;color: #171615;}
article.article-template p,article.article-template span, article.article-template li {font-size: 16px;color: #000;margin-bottom: 10px;}
article.article-template span.circle-divider {color: #000;font-size: 14px;font-weight: bold;}
article.article-template h2,article.article-template h3 {color:#171615;font-size: 30px;margin: 15px 0px;}
.main-blog h1 {color:#171615;}
.article-card__info{color: #000 !important;font-size: 14px !important;}
.pagination__item {color: #000 !important;}
.card__heading {font-size: 18px !important;color: #171615 !important;line-height: 1.4em !important;}
.card__inner {height: 300px;margin: 0 auto;background: #fff !important;}
.article-card__excerpt{color: #000 !important;}

/*Collection page*/
.collection-hero__description {max-width: 100% !important;}
#shopify-section-template--20937952854221__main {padding: 40px 0;background: #F3F2FF;}

/*Cart Page*/
.cart-notification-wrapper:is(.page-width)>.cart-notification {top: 178px !important;}
.cart-notification__heading {font-size: 18px !important;}
.cart-notification-product__name.h4 {color: #000;font-weight: bold;}
#cart-notification {background: #F6EEFF;}
.totals__total {font-size: 20px !important;}
table.cart-items th {color: #000 !important;font-size: 15px !important;font-weight: 700 !important;}
.cart__warnings a.button:hover {background: #972FF6;}
.button:not([disabled]):hover:after{display: none;}
/*Contact page*/
.contact__button button:hover {background: #972FF6;}
.contact__button .button:not([disabled]):hover::after{display: none;}

.section-template--20956804317389__contact_form_b9hedp-padding {width: 100% !important;max-width: 700px !important;}
.section-template--20956804317389__contact_form_b9hedp-padding h2 {text-align: center;}

/*Login page*/
.customer button:hover {background: #972FF6;}
.customer button:hover:after{display: none;}

/*Custom Footer start*/
.main-custom-footer{width: 100%;max-width: 1600px;margin:0 auto;background: #fff;padding: 20px 5rem 20px;}
.footer-main-wrapper{width:100%;max-width: 100%;margin:0 auto;}
.footer-container {width: 100%;max-width: 100%;display: flex;justify-content: space-between;gap: 10px;padding: 40px 0 20px;}

.logo {flex-basis: 25% !important;}
.logo p {color: #777575;margin: 15px 0px;}
.social-icons a {display: inline-block;margin: 0px 5px 0px 0px;}
.social-icons img {width: 29px;height: 29px;}

.quick-menus-style h3 {color: #171615;font-size: 22px; margin: 0px 0px 15px;}
.quick-menus {display: flex;justify-content: center;gap: 10%;flex-wrap: wrap;flex-basis: 50% !important;}
.quick-links {list-style: none;padding: 0;}
.quick-links li {margin: 5px 0;}
.quick-links li a {color:#777575;text-decoration: none;}
.quick-links li a:hover{color:#DC222B}
 /*bullets point*/
.quick-menus-style ul{list-style:none;padding:0px !important;margin:0px !important;}
.quick-menus-style ul li{display:block;position: relative;padding-left: 25px;margin-bottom:10px;vertical-align:top;}
.quick-menus-style ul li::before{content:" - ";font-family:FontAwesome;color:#ADAAAA;position:absolute;left:0px;top:0px;} 

.contact-info {flex-basis: 25% !important;}
.contact-info h3 {color: #171615;font-size: 22px; margin: 0px 0px 15px;}
.contact-item{display: flex; align-items: center; margin-top: 10px;color: #777575;}
.contact-item a{color: #777575;text-decoration: none;}
.contact-item a:hover{color: #DC222B;}
.fa.fa-clock-o,.fa.fa-envelope-o {color: #5F3994;font-size: 22px;margin-right: 10px;}

.copy-right{background:#020202;padding: 20px 0px;text-align: center;}
.copy-right .caption{color:#fff;font-size:18px;text-align:center;}
.copy-right .caption a {color:#fff;text-decoration: none;}
.copy-right .caption a:hover {color:#DC222B;}
/*Custom Footer End */

/*Hero banner section start*/
.hero-wrapper {position: relative;background: linear-gradient(to right, #DA26B9, #842EFB);color: white;padding: 190px 0 0px;overflow: hidden;}
.hero-wrapper::before {content: "";position: absolute;top: 0; left: 0;width: 100%; height: 100%;background-image: url('/cdn/shop/files/hero-bg.png?v=1747283385');background-size: cover;background-position: center;background-repeat: no-repeat;opacity: 1; z-index: 0;}
.hero-wrapper > * {position: relative;z-index: 1;}
.container {display: flex;align-items: center;justify-content: space-between;max-width: 100%;flex-wrap: nowrap;opacity: 0;animation: fadeInWrapper 0.5s ease-out forwards;animation-delay: 0.2s;}
.hero-left {flex: 1;padding-left: 5%;max-width: 635px;animation: fadeInLeft 1s ease-out forwards;animation-delay: 0.4s;opacity: 0;}
.hero-right {flex: 1;display: flex;justify-content: flex-end;align-items: center;padding-right: 0;margin-right: 0;animation: slideInRight 1.2s ease-out forwards;animation-delay: 0.6s;opacity: 0;}
.hero-right img {width: 100%;max-width: 800px;max-height: 550px;object-fit: contain;margin-right: 0;}
.pill {background-color: #9A3794;color: #fff;display: inline-block;padding: 8px 20px;border-radius: 30px;font-size: 16px;font-style: italic;margin-bottom: 20px;}
.pill::before {content: "";position: absolute;top: -45px;left: 10px;width: 80px;height: 80px;background-image: url('/cdn/shop/files/pill-before.png?v=1747285203');background-size: contain;background-repeat: no-repeat;background-position: center;z-index: -1;animation: floatBursteffect 3s ease-in-out infinite;}
@keyframes floatBursteffect {
  0%, 100% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
  50% {
    transform: translateY(-10px) rotate(5deg);
    opacity: 0.9;
  }
}
.hero-left h1 {font-size: 50px;font-weight: bold;color: #fff;margin-bottom: 25px;}
.hero-heading {position: relative;display: inline-block;padding-bottom: 20px;}
.hero-heading::after {content: "";position: absolute;bottom: 57px;left: 8px;width: 315px;height: 8px;background-color: #FDB565;z-index:-1;}
.hero-btn {display: inline-block;padding: 12px 24px;background: #fff;color: #171615;border-radius: 50px;font-weight: bold;text-decoration: none;transition: background-color 0.3s;}
.hero-btn:hover {color:#fff;background: #DC222B;}
.scroll-indicator a{text-align: center;margin-top: 40px;font-size: 18px;color: white;animation: fadeInUp 1s ease-out forwards;animation-delay: 1.2s;opacity: 0;text-decoration:none;}
.scroll-indicator span {display: block;font-size: 30px;animation: bounce 2s infinite;}
/* Animations */
@keyframes fadeInWrapper {
  to { opacity: 1; }
}
@keyframes fadeInLeft {
  from {
    transform: translateX(-30px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slideInRight {
  from {
    transform: translateX(30px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fadeInUp {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(10px); }
}
/*Hero banner section End*/

/*About us section start*/
.about-us-wrapper {padding: 80px 5rem;background: #ffffff;position: relative;z-index: 1;}
.about-us-wrapper::before {content: '';position: absolute;bottom: 0;right: 0;width: 90px;height: 200px;background: url('/cdn/shop/files/bottom-right.png?v=1747297217') no-repeat bottom right;background-size: contain;z-index: 0;opacity: 0;pointer-events: none;animation: fadeFloatIn 1.5s ease-out 0.3s forwards;}
@keyframes fadeFloatIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.about-us-wrapper::after {content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 120px;height: 300px;background: url('/cdn/shop/files/dots.png?v=1747298095') no-repeat center center;background-size: contain;z-index: 0;opacity: 0;pointer-events: none;animation: fadeSlideInLeft 1.5s ease-out 0.5s forwards;}
@keyframes fadeSlideInLeft {
  0% {
    opacity: 0;
    transform: translate(-20px, -50%);
  }
  100% {
    opacity: 1;
    transform: translate(0, -50%);
  }
}
.about-us-content {display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;gap: 40px;width: 100%;max-width:1600px;margin: 0 auto;}
.about-us-image {/*flex: 1 1 50%;max-width: 600px;*/flex-basis: 50%;}
.about-us-image img {width: 100%;height: auto;}
.about-us-text {/*flex: 1 1 50%;max-width: 600px;*/flex-basis: 50%;}
.about-us-text h2 {color: #171615;/*font-size: 45px;*/font-weight: 700;margin-bottom: 16px;}
.about-us-text p {font-size: 16px;color: #777575;line-height: 1.6;margin-bottom: 35px;max-width: 600px;}
.about-heading {position: relative;}
.about-heading::after {content: "";position: absolute;bottom: 10px;left: 128px;width: 200px;height: 8px;background-color: #fdb565;z-index: -1;}  
/* Animations */
.fade-in-left {opacity: 0;transform: translateX(-30px);animation: fadeInLeft 1s ease forwards;animation-delay: 0.3s;}
.fade-in-right {opacity: 0;transform: translateX(30px);animation: fadeInRight 1s ease forwards;animation-delay: 0.6s;}
@keyframes fadeInLeft {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
/*About us section End*/

/*FAQ section start*/
.custom-faq-section {padding: 50px 5rem;width: 100%;max-width: 1600px;margin: 0 auto; position: relative;}
.faq-question h3 {color: #171615;}
.faq-header {text-align: center;margin-bottom: 40px;position: relative;}
.faq-heading {font-size: 45px;color: #171615;font-weight: 700;animation: fadeInUp 0.6s ease-in-out;}
.faq-heading span::before {content: "";display: block;width: 80px;height: 4px;background-color: #FDB565;margin: 0 auto 10px;animation: growLine 1s ease-in-out;}
.faq-columns {display: flex;flex-wrap: nowrap;justify-content: space-between;gap: 40px;}
.faq-column {flex: 0 0 48%;}
.faq-item {margin-bottom: 20px;padding-bottom: 15px;border-bottom: 1px solid #CFC4B4;}
.faq-question {display: flex;justify-content: space-between;align-items: center;font-weight: 600;font-size: 24px;padding: 10px 0;cursor: pointer;color: #706767;}
.faq-toggle::after {content: "+";font-weight: bold;transition: transform 0.3s ease;}
.faq-item.open .faq-toggle::after {content: "–";}
.faq-answer {max-height: 0;overflow: hidden;opacity: 0;transition: max-height 0.4s ease, opacity 0.4s ease;}
.faq-answer p {color: #777575;}
.faq-item.open .faq-answer {max-height: 300px;opacity: 1;}
/* Animations */
@keyframes fadeInDown {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes growLine {
  from { width: 0; }
  to { width: 80px; }
}
.animate-on-scroll {opacity: 0;transform: translateY(20px);transition: all 0.6s ease-out;}
.animate-on-scroll.active {opacity: 1;transform: translateY(0);}
.faq-header::before {content: "";position: absolute;left: 55%;bottom: 13px;transform: translateX(-50%);width: 450px;height: 8px;background-color: #FDB565;z-index: -1;}  
.custom-faq-section::before {content: "";position: absolute;top: 10px;left: 0px;width: 80px;height: 80px;background-image: url('/cdn/shop/files/faq-before.png?v=1747308181');background-size: contain;background-repeat: no-repeat;z-index: 1;animation: floatBurst 3s ease-in-out infinite;pointer-events: none;}

@keyframes floatBurst {
  0%, 100% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
  50% {
    transform: translateY(-10px) rotate(5deg);
    opacity: 0.9;
  }
}
/*FAQ section end*/

/*Icon card grid start*/
/* Icon Card Grid - Section Styles */
.icon-card-section {width: 100%;max-width: 100%;margin: 0 auto;background: #F8F8F8;padding: 20px 5rem;}
.icon-card-wrapper {width: 100%;max-width: 100%;margin: 0 auto;}
.icon-card-grid {display: grid;grid-template-columns: repeat(5, 1fr);gap: 0;}
/* Vertical Divider */
.icon-card-item:not(:last-child)::after {content: "";position: absolute;top: 0;right: 0;height: 100%;width: 1px;background-color: #E2D7D7;}
/* Card Content */
.icon-card-item {text-align: center;padding: 20px;position: relative;transition: transform 0.3s ease, box-shadow 0.3s ease;}
/* Hover Effects */
.icon-card-item:hover {transform: translateY(-5px);box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);background: #fff;}
/* Icon Style */
.icon-card-icon img {width: 100%;max-width: 70px;height: auto;margin-bottom: 10px;transition: transform 0.3s ease;}
.icon-card-item:hover .icon-card-icon img {transform: scale(1.1);}
/* Text Style */
.icon-card-text h3 {color: #171615;font-size: 20px;margin: 0;line-height: 1.4em;}
/* Animation on Scroll Base */
.icon-card-item.animate-on-scroll-sec {opacity: 0;transform: translateY(20px);transition: all 0.6s ease-out;}
/* Animation when in viewport */
.icon-card-item.animate-on-scroll-sec.active {opacity: 1;transform: translateY(0);}
/* Staggered Delay */
.icon-card-item:nth-child(1) { transition-delay: 0s; }
.icon-card-item:nth-child(2) { transition-delay: 0.1s; }
.icon-card-item:nth-child(3) { transition-delay: 0.2s; }
.icon-card-item:nth-child(4) { transition-delay: 0.3s; }
.icon-card-item:nth-child(5) { transition-delay: 0.4s; }
/*Icon card grid End*/

/*why choose us start*/  
.why-choose-section{position:relative;width: 100%;background: #F3F2FF;padding: 70px 5rem 0px;}  
.why-choose-wrapper {width: 100%;max-width: 1600px;margin: 0 auto;} 
.why-choose-container{width: 100%;max-width: 1600px; display: flex;justify-content: center;align-items: center;}
.why-choose-text {text-align: center;position: relative;}  

.why-choose-text::before {content: "";position: absolute;
left: 56%;bottom: 113px;transform: translate(-50%);width: 610px;height: 8px;background-color: #fdb565;}  
.why-choose-text h2 {color: #171615;/*font-size: 45px;*/margin: 0 0 20px;width: 100%;line-height: 1.4em;position: relative;}
.why-choose-para {color:#777575;max-width: 640px;
  margin: 0 auto 3rem;
  text-align: center;}
.why-choose-wrap-container{width: 100%;max-width: 100%;display: flex;justify-content: flex-start;gap: 10px;padding: 20px 0px 0px;align-items: flex-end;} 
.why-us--pill{display: inline-block;
  background-color: #972FF6;
  color: #fff;
  font-weight: 600;
  padding: 10px 35px;
  border-radius: 30px;
  margin-bottom: 16px;
  font-size: 14px;
  font-style: italic;}

.card-style img {width: 56px;height: 56px;}
.card-left, .card-right {padding-bottom: 50px;}  
/* .card-info img {width: 100%;max-width: 56px;} */
.card-info h4 {color: #171615;
  font-size: 20px;
  margin: 10px 0 10px;
  font-weight: bold;} 
.card-info p {color: #676767;font-size: 16px;}  
.card-info {display: flex;align-items: flex-start;gap: 1.5rem;text-align: left; height: 100%;max-width:600px;}  
.card-center {text-align: center;}
.card-center img{border-radius:15px;}
.card-left, .card-center, .card-right {flex-basis: 40%;}
/*animation start*/
.card-info, .center-image {opacity: 0;transform: translateY(30px);transition: opacity 0.8s ease-out, transform 0.8s ease-out;}
.card-left .card-info, .card-right .card-info {transform: translateX(-50px);}
.card-right .card-info {transform: translateX(50px);}
.center-image {display: flex;align-items: flex-end;justify-content: center;transform: scale(0.8);transition: transform 1s ease-out, opacity 1s ease-out;}
/* When in viewport */
.show {opacity: 1 !important;transform: translateY(0) !important;}
.card-left .show {transform: translateX(0) !important;}
.card-right .show {transform: translateX(0) !important;}
.center-image.show {transform: scale(1) !important;}
/*animation end*/
/*why choose us end*/ 

/*Our difference Start*/
.our-difference-section {width: 100%;max-width:1600px;margin: 0 auto;padding: 10px 5rem 50px ;text-align: center;position: relative;}
.section-heading {font-size: 45px;font-weight: 700;margin-bottom: 16px;color: #171615;position:relative;}
.section-heading::before {content: "";position: absolute;left: 67%;bottom: 13px;transform: translateX(-50%);width: 510px;height: 8px;background-color: #FDB565;z-index: -1;}
.section-description {color: #6b7280;max-width: 700px;margin: 0 auto 2rem auto;}
.difference-slider {margin-top: 2rem;}
.difference-slider .slick-track {display: flex !important;}
.difference-slider .slick-slide {display: flex !important;align-items: stretch !important;height: auto !important;padding: 0 10px;}
.difference-slide {display: flex;height: 100%;width: 100%;}
.difference-card {flex-grow: 1;display: flex;flex-direction: column;justify-content: center;background: #fff;border: 2px dashed #CDBBBC;border-radius: 25px;padding: 15px;height: 100%;transition: transform 0.3s;opacity: 0;transform: translateY(20px);}
/* Flex layout inside the card */
.difference-flex {display: flex;align-items: flex-start;gap: 1.5rem;text-align: left;}
.icon-wrapper img {width: 60px;height: 60px;}
.text-wrapper h3 {font-size: 22px;font-weight: 600;color: #171615;margin-bottom: 10px;}
.text-wrapper p {color: #777575;}
.our-difference-section::before {content: "";position: absolute;top: 50px;left: 90px;width: 110px;height: 130px;background-image: url('/cdn/shop/files/our-difference-before.png?v=1747385835');background-size: contain;background-repeat: no-repeat;z-index: 1;animation: floatBurst 3s ease-in-out infinite;pointer-events: none;}

@keyframes floatBurst {
  0%, 100% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
  50% {
    transform: translateY(-10px) rotate(5deg);
    opacity: 0.9;
  }
}
/* Change default dot color */
.slick-dots li button:before {font-size: 12px!important;color: #9EA39C!important;opacity: 1!important;}
/* Change active dot color */
.slick-dots li.slick-active button:before {color: #DC222B!important;opacity: 1!important;}
.slick-dots {bottom: -30px!important;}
.slick-dots li {margin: 0 5px!important;}
/*Our difference End*/

/*Start now sec start*/
.start-now-wrapper {display: flex;flex-wrap: wrap;align-items: stretch; /* makes both columns equal height */justify-content: space-between;padding: 0px;min-height: 100%;}
.left-column {flex: 1 1 50%;background: linear-gradient(to top right, #181221 0%, #181221 70%, #FD291F 130%);color: white;padding: 35px;display: flex;flex-direction: column;justify-content: center;position: relative;z-index: -1;}
.left-column .start-now-pill {background: #972FF6;font-weight: 600;color: #fff;padding: 10px 35px;font-style: italic;border-radius: 30px;font-size: 14px;display: inline-block;margin-bottom: 20px;text-align: center;width: auto;max-width: fit-content;}
.left-column h2 {/*font-size: 45px;*/color: #fff;font-weight: bold;margin-bottom: 16px;position: relative;}
.left-column h2:after {content: "";position: absolute;bottom: 68px;left: 130px;width: 400px;height: 8px;background-color: #fdb565;z-index: -1;}
.left-column p {font-size: 16px;margin-bottom: 24px;}
.left-column .hero-btn {transition: background 0.3s ease, color 0.3s ease;width: auto;max-width: fit-content;}
.right-column {flex: 1 1 50%;display: grid;grid-template-columns: 1fr 1fr;gap: 0;}
.grid-box {display: flex;align-items: center;justify-content: center;padding: 30px;aspect-ratio: 1 / 1;overflow: hidden;transition: transform 0.3s ease;}
.grid-box img {width: 100%;height: 100%;object-fit: contain;transition: transform 0.3s ease;image-rendering: auto;}
.grid-box:hover img {transform: scale(1.05);}
/* Animation */
.fade-in-on-scroll {opacity: 0;transform: translateY(30px);transition: all 0.6s ease-out;}
.fade-in-on-scroll.visible {opacity: 1;transform: translateY(0);}
/*Start now sec End*/

/*Our options section start*/
.our-options-section{position:relative;width: 100%;background: #fff;padding: 50px 5rem;}  
.our-options-wrapper {width: 100%;max-width: 1600px;margin: 0 auto;} 
.our-options-container{width: 100%;max-width: 1600px; display: flex;justify-content: center;align-items: center;}
.our-options-text {text-align: center;position: relative;}
.our-options-para{color: #777575;max-width: 640px;margin: 0 auto 3rem;} 
.our-options-text h2 {/*font-size: 45px;*/color: #171615;position: relative;font-weight: 700;margin-bottom: 1rem;max-width: 690px;margin: 0 auto 2rem;}  
.our-options-text::before {content: "";position: absolute;left: 58%;bottom: 89px;transform: translate(-50%);width: 455px;height: 8px;background-color: #fdb565;z-index: 0;}

.our-options-section::before {content: "";position: absolute;bottom: 10px;right: 0;width: 80px;height: 80px;background-image: url(/cdn/shop/files/faq-before.png?v=1747308181);background-size: contain;background-repeat: no-repeat;z-index: 1;animation: floatBurst 3s ease-in-out infinite;pointer-events: none;}
.dtf-section {padding:0px;color: #fff;overflow: hidden;margin-bottom: 35px;}
.dtf-wrapper {display: flex;flex-wrap: wrap;gap: 30px;max-width: 1600px;margin: 0 auto;}
.options-left-column {flex: 1 1 48%;display: flex;flex-direction: column;justify-content: flex-start;background-color: #690EE2;border-radius: 20px;padding:20px 0px 0px 20px;}
.options-left-column h3 {font-size: 24px;margin-bottom: 15px;color: #fff;}
.options-left-column p {font-size: 16px;margin-bottom: 20px;max-width: 500px;}
.options-left-image {width: 100%;max-width: 500px;margin-top: auto;align-self: flex-end;}
.options-right-column {flex: 1 1 48%;display: flex;flex-direction: column;gap: 30px;}
.our-options-section .dtf-box {background-color: #690EE2;border-radius: 20px;padding: 20px;position: relative;display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;min-height: 245px;}
.box-text {max-width: 70%;}
.box-text h3 {font-size: 24px;margin-bottom: 15px;color: #fff;}
.box-text p {font-size: 16px;}
.box-image {width: 160px;height: auto;position: absolute;bottom: 5px;right: 5px;}

/* Animations */
@keyframes slideLeft {
  from {
    transform: translateX(-60px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slideRight {
  from {
    transform: translateX(60px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.animate-slide-left {
  animation: slideLeft 0.8s ease-out both;
}
.animate-slide-right {
  animation: slideRight 0.8s ease-out both;
}
.animate-fade-in {
  animation: fadeIn 1s ease-out both;
}
.delay-1 {
  animation-delay: 0.3s;
}
.delay-2 {
  animation-delay: 0.6s;
}  
/*Our options section end*/

/*eazydtf-difference section start*/
.eazydtf-difference-wrapper {padding: 80px 5rem 0px;background: #ffffff;position: relative;z-index: 1;}
.difference-boxes {background: #fff;border-radius: 20px;padding: 20px;border-left: 4px solid #9A3794;margin-bottom: 30px;box-shadow: 5px 5px 4px #dddddd8c;}  
.difference-boxes p {margin-bottom:0px !important;} 
.difference-boxes h4 {color: #171615;font-size: 22px;font-weight: bold;margin-bottom: 10px;}  
.eazydtf-difference-wrapper::before {content: '';position: absolute;top: 0;right: 10px;width: 90px;height: 140px;background: url('/cdn/shop/files/difference-icon.png?v=1747730626') no-repeat bottom right;background-size: contain;z-index: 0;opacity: 0;pointer-events: none;animation: floatBurst 3s ease-in-out infinite;}


.eazydtf-difference-content {display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;gap: 40px;width: 100%;max-width:1600px;margin: 0 auto;}
.eazydtf-difference-image {/*flex: 1 1 50%;max-width: 600px;*/flex-basis: 50%;}
.eazydtf-difference-image img {width: 100%;height: auto;}
.eazydtf-difference-text {/*flex: 1 1 50%;max-width: 600px;*/flex-basis: 50%;}
.eazydtf-difference-text h2 {color: #171615;/*font-size: 45px;*/font-weight: 700;margin-bottom: 16px;}
.eazydtf-difference-text p {font-size: 16px;color: #777575;line-height: 1.6;margin-bottom: 35px;max-width: 600px;}
.eazydtf-difference-heading {position: relative;}
.eazydtf-difference-heading::after {content: "";position: absolute;bottom: 10px;left: 96px;width: 430px;height: 8px;background-color: #fdb565;z-index: -1;}  
/* Animations */
.fade-in-left {opacity: 0;transform: translateX(-30px);animation: fadeInLeft 1s ease forwards;animation-delay: 0.3s;}
.fade-in-right {opacity: 0;transform: translateX(30px);animation: fadeInRight 1s ease forwards;animation-delay: 0.6s;}
@keyframes fadeInLeft {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
/*eazydtf-difference section End*/

/*Our process start*/  
.our-process-section {background-image: url("/cdn/shop/files/process-banner.png?v=1747721243");padding: 50px 5rem;color: #fff;position: relative;overflow: visible;    z-index: 2;} 
.our-process-section::before {content: "";position: absolute;top: -40px;right: 0;width: 140px;height: 280px;background-image: url("/cdn/shop/files/process-before.png?v=1747722948");background-size: contain;background-repeat: no-repeat;z-index: 1;animation: floatBurst 3s ease-in-out infinite;pointer-events: none;}
.our-process-section::after {content: "";position: absolute;bottom: -130px;left: 0;width: 200px;height: 280px;background-image: url("/cdn/shop/files/process-after.png?v=1747722949");background-size: contain;background-repeat: no-repeat;z-index: 1;animation: floatBurst 3s ease-in-out infinite;pointer-events: none;}
.process-intro {text-align: center;max-width: 700px;margin: 0 auto 60px;position: relative;}
.process-intro::before {content: "";position: absolute;left: 62%;bottom: 72px;transform: translate(-50%);width: 440px;height: 8px;background-color: #fdb565;z-index: -1;}
.process-intro h2 {/*font-size: 45px;*/margin-bottom: 10px;color: #fff;}
.process-intro p {font-size: 16px;opacity: 0.9;}
.steps-container {display: flex;justify-content: space-between;align-items: flex-start;position: relative;gap: 20px;flex-wrap: wrap;}
.step-item {flex: 1 1 22%;text-align: center;position: relative;z-index: 1;}
.step-item img {width: 60px;height: 60px;margin-bottom: 15px;}
.step-item p {font-size: 18px;font-weight: 500;}
/* Dashed Line */
.process-wrapper {position: relative;width: 100%;max-width: 1600px;margin: 0 auto;}  
.steps-container:before {position: absolute;top: 30px;content: '';left: 50%;transform: translate(-50%, 0px);right: auto;border-top: 2px dashed #fff;z-index: 1;height: 3px;width: 80%;background-color: transparent;margin: 0 auto;}
/* Animations */
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.animate-fade-up {opacity: 0;animation: fadeUp 1s ease-out forwards;}
/* Trigger on scroll */
.our-process-section.in-view .animate-fade-up {animation-delay: 0.2s;animation-play-state: running;}
/*Our process end*/  

/*Revolution section start*/  
.revolution-section {padding: 60px 1rem;background:#171220;color: white;text-align: center;overflow: hidden;position: relative;z-index: 1;}
.revolution-section::before,
.revolution-section::after {content: '';position: absolute;width: 318px;height: 318px;top: 0;pointer-events: none;z-index: 0;background: radial-gradient(circle, rgba(220, 34, 43, 0.4) 0%, transparent 70%);filter: blur(100px);}
.revolution-section::before {left: 0;}
.revolution-section::after {right: 0;}
/*Line*/
.revolution-heading::before {content: "";position: absolute;left: 42%;top: 40px;transform: translate(-50%);width: 510px;height: 8px;background-color: #fdb565;z-index: -1;}  
.revolution-heading {/*font-size: 45px;*/color:#fff;position: relative;font-weight: 700; margin-bottom: 1rem;opacity: 0;transform: translateY(20px);transition: all 0.6s ease;max-width: 700px;margin: 0 auto 2rem;}
.revolution-text {font-size: 16px;max-width: 700px;margin: 0 auto 3rem;color: #fff;opacity: 0;transform: translateY(20px);transition: all 0.7s ease;}
.image-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));gap: 1rem;width: 100%;opacity: 0;transform: translateY(20px);transition: all 0.8s ease;}
.image-grid .image-card {border-radius: 20px;padding:90px 1rem 1rem;display: flex;justify-content: center;align-items: flex-end;height: auto;transition: transform 0.3s ease;}
.image-grid .image-card:nth-child(1) {background: radial-gradient(#C657C2, #602A5E);}
.image-grid .image-card:nth-child(2) {background: radial-gradient(#7C4FB7, #372351);}
.image-grid .image-card:nth-child(3) {background: radial-gradient(#FDE7BD, #978A71);}
.image-grid .image-card:nth-child(4) {background: radial-gradient(#A1DEBF, #577867);}
.image-grid .image-card:nth-child(5) {background: radial-gradient(#FFD701, #998101);}
.image-grid .image-card img {max-height: 100%;max-width: 100%;object-fit: contain;align-self: flex-end;}
.image-card:hover {transform: scale(1.05);}
.visible {opacity: 1 !important;transform: translateY(0) !important;}
/*Revolution section end*/ 

/*dtf-transfer-by-size template start*/
.product__title h1 {color: #171615 !important;font-size: 35px;}
.product__text {font-weight: bold!important;display: inline-block;background-color: #F6EEFF;color: #5F3994;font-weight: 600;padding: 15px 35px;border-radius: 30px;margin-bottom: 16px!important;font-size: 14px !important;font-style: italic;}
.price__regular {color: #DC222B !important;font-weight: bold;}
.product__tax.caption.rte {color: #000;}
.product__description {color: #000;}
.product-form__input--pill input[type="radio"]:checked + label{color: #fff!important;background-color: #171615 !important;}
.product-form__input--pill input[type="radio"] + label{color: #171615 !important;border:1px solid #171615 !important;}
.quantity, .select {border: 1px solid #000;border-radius: 5px !important;}
shopify-payment-terms {color: #000 !important;}

/*dtf-transfer-by-size template end*/







/* Responsive */
@media only screen and (max-width:2560px){
.header__menu-item{padding: 0px 20px !important;} 
.list-menu.list-menu--inline a { font-size: 20px !important;} 
.hero-left{max-width: 1200px !important;}
.hero-left h1 {font-size: 100px !important;} 
.hero-heading::after{bottom: 70px !important;width: 595px !important;}
.pill::before{left: 60px !important;}  
.faq-header::before{left: 52%!important;width: 440px!important;}
.section-heading::before{left: 58%!important;}
.our-difference-section::before{left: 240px!important;} 
.left-column h2:after{    bottom: 10px!important;left: 132px!important;width: 400px!important;} 
.gang-sheet-heading::before{left: 57%!important;}  
}
@media only screen and (max-width:1920px){
.pill:before {left: 30px !important;}
.hero-left h1 {font-size: 80px !important;}
.hero-heading:after{bottom: 65px !important;width: 475px !important;} 
.faq-header:before {left: 53% !important;} 
.section-heading::before{left: 60%!important;}
.our-difference-section::before{left: 255px!important;}
.left-column h2:after {bottom: 68px !important;}
  
}
@media only screen and (max-width: 1800px) {
.section-heading::before{left: 61%!important;} 
.our-difference-section::before{left: 255px!important;}    
}
@media only screen and (max-width: 1700px) {
.hero-left h1{font-size: 75px !important;}
.faq-header:before {left: 54% !important;}  
.section-heading::before{left: 62%!important;}
.our-difference-section::before{left: 250px!important;}    
  
}
@media only screen and (max-width: 1600px) {
.hero-left h1{font-size: 70px !important;} 
.hero-heading:after {bottom: 62px !important;width: 420px !important;}  
.our-difference-section::before{left: 260px!important;}    
}
@media only screen and (max-width: 1500px) {
.pill:before {left: 20px !important;}
.hero-left h1{font-size: 65px !important;}
.hero-heading:after {bottom: 60px !important;width: 386px !important;}
.section-heading::before{left: 63%!important;} 
.our-difference-section::before{left: 210px!important;}   
}
@media only screen and (max-width:1440px){
.header__menu-item{padding: 0px 15px !important;} 
.list-menu.list-menu--inline a { font-size: 20px !important;} 
  
.hero-left h1 {font-size: 60px !important;}
.section-heading::before{left: 64%!important;}
.our-difference-section::before{left: 165px!important;} 
.gang-sheet-heading::before{left: 58%!important;}  
}
@media only screen and (max-width:1350px){
.header__menu-item{padding: 0px 12px !important;} 
.list-menu.list-menu--inline a,.list-menu.list-menu--inline li header-menu span { font-size: 18px !important;} 
.list-menu.list-menu--inline li header-menu ul li a{	font-size: 16px !important;}
  
.hero-left h1 {font-size: 50px !important;}
.hero-left{max-width: 635px !important;} 
.hero-heading:after {bottom: 57px !important;width: 315px !important;}
.pill:before {left: 10px !important;}
.faq-header:before {left: 55% !important;} 
.section-heading::before{left: 65%!important;}
.our-difference-section::before{left: 140px!important;}
.gang-sheet-heading::before{left: 59%!important;} 
}

@media only screen and (max-width:1300px){
.our-difference-section::before{left: 120px!important;}
}
@media only screen and (max-width:1280px){
.section-heading::before{left: 66%!important;}
.our-difference-section::before{left: 100px!important;}
.list-menu.list-menu--inline a,.list-menu.list-menu--inline li header-menu span{font-size: 17px !important;}
 .list-menu.list-menu--inline li header-menu ul li a{	font-size: 15px !important;} 
}
@media only screen and (max-width:1200px){
.our-difference-section::before{left: 60px!important;}
.left-column h2:after{width: 300px!important;}  
.list-menu.list-menu--inline a,.list-menu.list-menu--inline li header-menu span{font-size: 16px !important;}  
 .list-menu.list-menu--inline li header-menu ul li a{	font-size: 14px !important;} 
}
@media only screen and (max-width:1150px){
.faq-header::before{left: 56% !important;width: 450px!important;} 
.section-heading::before{left: 67%!important;}  
.our-difference-section::before{left: 45px!important;}
.left-column h2:after{width: 295px!important;} 
.gang-sheet-heading::before{left: 61%!important;} 
.list-menu.list-menu--inline a,.list-menu.list-menu--inline li header-menu span{font-size: 15px !important;}   
}
@media only screen and (max-width:1100px){
.hero-left h1 {font-size: 46px !important;}
.hero-heading:after{width: 275px !important;} 
.section-heading::before{left: 68%!important;}
.our-difference-section::before{left: 25px!important;}  
.left-column h2:after{width: 300px!important;} 
  

}
@media only screen and (max-width:1080px){
.icon-card-text h3{font-size: 18px !important;}
.faq-header::before{left: 56%!important;width: 435px!important;} 
.section-heading::before{left: 69%!important;}
.our-difference-section::before{left: 20px!important;}
.eazydtf-difference-text h2{font-size: 40px!important;}  
.eazydtf-difference-heading::after{left: 87px!important;width: 378px!important;}  

.left-column h2:after{width: 295px!important;}  

  
}
@media only screen and (max-width:1024px){
.quick-menus{flex-basis: 60% !important;gap: 2%;}
.pill{font-size: 15px !important;}
.pill::before{top: -40px!important;width: 70px!important;height: 70px!important;left: 5px !important;} 
.hero-left h1 {font-size: 45px !important;}  
.section-heading::before{left: 70%!important;}
.our-difference-section::before{left: 0px!important; width: 90px!important;height: 100px!important;} 

.eazydtf-difference-text h2{font-size: 37px!important;}  
.eazydtf-difference-heading::after{bottom: 8px!important;left: 80px!important;width: 346px!important;}  

.left-column h2:after{bottom: 128px!important;left: 132px!important;width: 290px!important;}
.list-menu.list-menu--inline a,.list-menu.list-menu--inline li header-menu span{font-size: 12px !important;}   
 .list-menu.list-menu--inline li header-menu ul li a{	font-size: 12px !important;} 
}
@media only screen and (max-width:980px){
.quick-menus{justify-content: flex-start;}  
.menu-drawer__navigation-container{height:75vh !important;} 
.list-social__item .icon{color: #000 !important;} 
.menu-drawer__menu-item--active {color: #dc222b !important;}  
  
.hero-left h1 {font-size: 42px !important;}
.hero-heading:after {width: 250px !important;}
.pill{padding: 8px 15px!important;}

.faq-header:before {left: 57%!important;width: 440px!important;bottom: 10px !important;}

.revolution-section {padding: 50px 5rem !important;}

.section-heading::before{left: 71%!important;bottom: 73px!important;width: 299px!important;}  
.our-difference-section::before{left: 45px!important;}  

.card-info {display: block !important;}

.box-image {width: 140px !important;}  

.eazydtf-difference-text h2{font-size: 45px!important;} 
.eazydtf-difference-heading::after {bottom: 10px !important;left: -10px !important;width: 245px !important;}  
  
.left-column h2:after{left: 5px !important;bottom: 70px !important;}

.template-404{padding: 150px 0 60px !important;}  
.template-404 p {font-size: 100px !important;}  

.inner-banner-sec h1{font-size: 45px !important;}
.inner-banner-sec h2{font-size: 45px !important;}
.inner-banner-sec{padding: 110px 20px 0px !important;}  

.product__title h1 {font-size: 30px !important;}

.product-adv-section::before {top: 15px!important;right: 10px!important;width: 90px!important;}

.perfect-size-section h2::before{left: 61% !important;}  

.dtf-heading h2,.dtf-paragraph p{text-align: center;}
  
.product-dtf-printing-section::before, .product-dtf-printing-section::after {display: none;}
.gang-sheet-heading::before{left: 62% !important;}
}
@media screen and (min-width: 990px) { 
.header--middle-left { grid-template-columns: 1fr auto 1fr !important; column-gap: 1rem !important;} 
}
@media only screen and (max-width: 810px) {
.pill {font-size: 12px !important;} 
.hero-left h1 {font-size: 35px !important;} 
.hero-heading:after {width: 208px !important;bottom: 52px !important;}  
}
@media only screen and (max-width:768px){ 
h2{font-size: 40px !important;}
  
.logo {flex-basis: 34% !important;}
.quick-menus {flex-basis: 34% !important;}  
.contact-info {flex-basis: 32% !important;} 

.icon-card-grid {grid-template-columns: 1fr 1fr;row-gap: 20px;}
.icon-card-item::after {display: none;} 

.container {flex-direction: column;text-align: center;}
.hero-left, .hero-right {width: 100%;padding-left: 0;padding-right: 0;}
.hero-left {padding: 0 15px;margin-bottom: 20px;}
.hero-left h1 {font-size: 40px !important;}
.hero-right img {max-width: 100%;height: auto;}  
.hero-heading::after{left: 260px !important;width: 270px !important;bottom: 55px !important;}
.pill{padding: 8px 20px!important;font-size: 16px !important;}
.pill:before{left: 30px !important;} 

.about-us-content {flex-direction: column;text-align: center;}
.about-us-image,
.about-us-text {max-width: 100%;}
.about-us-text {padding: 0 0px;}
/* .about-us-text h2{font-size: 40px!important;}   */
.about-heading:after{left: 260px !important;width: 180px!important;}
.about-us-wrapper {padding: 60px 5rem;}

/* .faq-heading {font-size: 40px !important;} */
.faq-header::before {left: 58%!important;width: 400px!important;}  
.faq-columns {flex-direction: column;gap: 20px;}
.faq-column {flex: 1 1 100%;max-width: 100%;}  

/* .revolution-heading {font-size: 40px!important;} */
.revolution-heading::before{top: 33px!important;width: 445px!important;} 
.image-grid {grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));}

/* .section-heading {font-size: 40px !important;}  */
.section-heading::before{left: 75%!important;bottom: 64px!important;width: 265px!important;}             
.our-difference-section::before{left: 5px!important;width: 90px!important;height: 100px!important;} 
.difference-flex {flex-direction: column;text-align: center;align-items: center;}
.difference-card {text-align: center;}

.start-now-wrapper {flex-direction: column;}
.left-column, .right-column {flex: 1 1 100%;padding: 50px;}
/* .left-column h2 {font-size: 40px;} */
.left-column p {font-size: 14px;}
.right-column {grid-template-columns: 1fr 1fr;}

/* .why-choose-text h2 {font-size: 40px !important;}   */
.why-choose-text::before{width: 540px!important;}  
.why-choose-wrap-container {display: inline-block !important;text-align: center!important;}
.why-choose-section {padding: 50px 5rem!important;}

.card-info {text-align: center !important;max-width: 100% !important;margin-bottom: 20px;}  
.card-center {margin-bottom: 20px;}

.center-image {display: block!important;}
.card-left, .card-right {padding-bottom: 0px !important;}  

.testimonials-text::before{left: 45%!important;bottom: 84px!important;width: 410px!important;}  
/* .testimonials-text h2 {font-size: 40px!important;}   */
  
/* .our-options-text h2 {font-size: 40px !important;} */
.our-options-text::before{width: 410px!important;bottom: 87px!important;}

.box-image {width: 160px !important;} 
  
/* .process-intro h2 {font-size: 40px !important;} */
.process-intro::before{width: 395px!important;left: 61%!important;}

.eazydtf-difference-content {flex-direction: column;text-align: center;}
.eazydtf-difference-image,
.eazydtf-difference-text {max-width: 100%;}
.eazydtf-difference-text {padding: 0 0px;}
.eazydtf-difference-text h2{font-size: 40px!important;}   
.eazydtf-difference-heading:after{left: 176px !important;width: 373px !important;}
.eazydtf-difference-wrapper {padding: 30px 5rem 0px!important;}

.steps-container:before{display: none!important;} 
.our-process-section::before{width: 100px!important;}  
.our-process-section::after{width: 170px!important;}  

.steps-container {flex-direction: column;align-items: center;}
.step-item {flex: 1 1 100%;margin-bottom: 30px;}  

.left-column h2:after {left: 117px !important;bottom: 63px!important;width: 355px!important;}

.perfect-size-section h2::before{left: 63%!important;width: 344px!important;} 
.gang-sheet-heading::before{left: 64% !important;width: 340px!important;bottom: 9px!important;} 

.application-instructions h2{text-align: center;}
.application-instructions p.intro {text-align: center;}
.application-instructions .right-col::after{top: 35px!important;left: 42px!important;width: 330px!important;}
.application-instructions {flex-direction: column;}
.application-instructions-wrapper .icon-box-grid {grid-template-columns: 1fr;gap: 30px 30px!important;}
  
  
}

@media only screen and (max-width: 584px) {
.hero-heading:after {left: 280px !important;}
  
@media only screen and (max-width: 480px) {
h2{font-size: 35px!important;} 
.mobile-facets{z-index: 99999 !important;} 
.mobile-facets__heading {color: #000 !important;}  

.free-cat_images{padding: 0px 2.5rem !important;} 
.free-cat_images ul li {width: 47%;!important;} 
.top-navigation ul li {padding: 5px 15px!important;margin: 0 5px!important;}  
  
.product-adv-section,.how-to-order-section{padding: 50px 2.5rem 50px!important;} 
.product-adv-section::before {top: 24px!important;right: 10px!important;width: 80px!important;height: 77px!important;}  
.product-adv-section h2::before {left: 60%!important;bottom: 52px!important;width: 223px!important;}

.perfect-size-section{padding: 50px 2.5rem 50px!important;} 
.perfect-size-section h2::before{bottom: 53px!important;left: 70% !important;width: 224px !important;}  

.product-dtf-printing-section,.gang-sheet-sizes-section {padding: 50px 2.5rem !important;}

.application-instructions-wrapper {padding: 50px 2.5rem!important;}  
.application-instructions .right-col::after{width: 290px!important;top: 30px !important;left: 69px !important;}  
.application-instructions-wrapper .icon-box-grid{grid-template-columns: repeat(1, 1fr)!important; gap: 0px 30px !important;}
  
.perfect-project-section{padding: 50px 2.5rem!important;} 
  
.main-custom-footer {padding: 20px 2.5rem !important;}  
.footer-container {display: block !important;padding: 30px 0 0 !important;}  
.quick-menus {display: block !important;}
.logo {margin-bottom: 20px;}
.quick-menus-style {margin-bottom: 20px !important;}
.contact-info {padding-bottom: 20px;}

.icon-card-grid {display: block;} 

.pill{font-size: 13px !important;}
.pill:before {left: 0px !important;top: -40px !important;} 
.hero-left h1 {font-size: 40px !important;} 
.hero-heading:after {left: 92px !important;width: 235px !important;} 

/* .about-us-text h2 {font-size: 35px!important;} */
.about-heading:after {left: 180px !important;width: 160px !important;bottom: 5px!important;}  
.about-us-wrapper:before{display: none;}
.about-us-wrapper:after{display: none;}
.about-us-wrapper {padding: 50px 2.5rem !important;}

.custom-faq-section {padding: 50px 2.5rem !important;}
/* .faq-heading {font-size: 35px !important;} */
.faq-header:before {left: 51%!important;width: 160px!important;bottom: 10px !important;}

/* .revolution-heading {font-size: 35px !important;} */
.revolution-heading:before {top: 30px !important;width: 400px !important;left: 50% !important;}  
.revolution-section {padding: 50px 2.5rem !important;}

/* .section-heading {font-size: 35px !important;} */
.section-heading:before {left: 50% !important;bottom: 11px !important;width: 332px !important;}
.our-difference-section {padding: 10px 2.5rem 50px!important;} 
.our-difference-section::before{left: 0px!important;}  

.marquee-track span {font-size: 70px!important;}

/* .left-column h2 {font-size: 35px!important;}   */

/* .why-choose-text h2 {font-size: 35px !important;} */
.why-choose-section{padding: 50px 2.5rem !important;}
.why-choose-text:before {width: 280px !important;left: 58%!important;bottom: 180px!important;}  
.center-image img {width: 100% !important;}

/* .testimonial-text h2 {font-size: 35px !important;}  */
.testimonial-section{padding: 50px 2.5rem !important;}  
/* .testimonials-text h2 {font-size: 35px!important;}    */
.testimonials-text::before{left: 49%!important;bottom: 76px!important;width: 323px!important;}  

/* .our-options-text h2 {font-size: 35px !important;} */
.our-options-text:before {width: 220px !important;bottom: 150px!important;}
.our-options-section{padding: 50px 2.5rem!important;}  

.box-image {width: 140px!important;}
.box-text h3 {font-size: 20px!important;}
.options-left-column h3 {font-size: 20px!important;} 
.options-left-column p{max-width: 90%!important;}

/* .process-intro h2 {font-size: 35px !important;}   */
.our-process-section{padding: 50px 2.5rem !important;}  
.process-intro:before {width: 175px !important;bottom: 111px!important;left: 65% !important;}  

.eazydtf-difference-wrapper {padding: 30px 2.5rem 25px !important;}  
.eazydtf-difference-text h2 {font-size: 35px !important;} 
.eazydtf-difference-heading::after {bottom: 7px!important;left: 86px !important;width: 335px !important;} 

.our-process-section:before {width: 80px !important;}
.our-process-section:after { width: 110px !important;}  

.left-column h2:after{left: 104px !important;bottom: 52px !important;width: 230px !important;}

.template-404{padding: 135px 0 50px !important;}  
.template-404 p {font-size: 90px !important;}   

.inner-banner-sec h1{font-size: 40px !important;}
.inner-banner-sec h2{font-size: 40px !important;}  
  
.product__title h1 {font-size: 26px !important;}  
.gang-sheet-heading::before {left: 69% !important;width: 198px !important;bottom: 53px !important;}
.gang-sheet-grid {grid-template-columns: repeat(2, 1fr)!important;}
  
}  
@media only screen and (max-width:425px){
.hero-heading:after {left: 82px !important;width: 170px !important;}
.pill:before {left: 6px !important;} 

.about-heading:after {left: 125px !important;width: 160px !important;bottom: 5px!important;}

.revolution-heading:before {top: 72px !important;width: 230px !important;left: 50% !important;}
.image-grid {grid-template-columns: repeat(2, 1fr) !important;} 

.section-heading:before{bottom: 55px !important;width: 240px !important;}
.our-difference-section::before{top: 60px!important;left: 0px!important; width: 41px!important;height: 85px!important;}  
.difference-flex{align-items: center!important;}
.text-wrapper h3{text-align: center!important;} 
.text-wrapper p {text-align: center!important;}

.why-choose-text:before {width: 250px !important;left: 49% !important;bottom: 131px !important;}  
.testimonial-text:before {left: 50% !important;bottom: 120px !important;width: 255px !important;}

.our-options-text::before{left: 60%!important;}  

.testimonials-text::before{left: 50%!important;width: 240px!important;}  
.testimonials-text:before {width: 260px !important;bottom: 121px!important;}

.box-image {width: 120px !important;}  

.process-intro:before {width: 169px !important;bottom: 140px !important;left: 69% !important;}  

.eazydtf-difference-heading:after {bottom: 53px !important;left: 130px !important;width: 140px !important;}

.our-process-section:before {width: 65px !important;}
.our-process-section:after {width: 90px !important;bottom: -170px!important;}  

.left-column h2:after {left: 5px !important;bottom: 97px !important;width: 230px !important;}

.perfect-size-section h2::before {left: 50% !important;bottom: :12px!important;}
.gang-sheet-heading::before {left: 50% !important;width: 260px !important;}
.application-instructions .right-col::after {left: 19px !important;}

  
}
@media only screen and (max-width:320px){
h2{font-size: 30px !important;} 
  
.hero-left h1 {font-size: 40px !important;}
.hero-heading:after {left: 18px !important;width: 230px !important;} 

/* .about-us-text h2 {font-size: 30px !important;} */
.about-heading:after{left: 107px !important;width: 140px !important;bottom: 5px !important;}  

/* .faq-heading {font-size: 30px !important;}   */
.faq-header:before {left: 50% !important;width: 140px !important;}  

.revolution-heading:before{left: 50% !important; top: 62px !important;}  

/* .section-heading {font-size: 30px !important;}   */
.section-heading:before {bottom: 49px !important;width: 204px !important;}

/* .left-column h2 {font-size: 30px!important;}  
.why-choose-text h2 {font-size: 30px !important;}  */
.why-choose-text:before {width: 220px !important;left: 49% !important;bottom: 155px !important;}  

/* .testimonial-text h2 {font-size: 30px !important;}   */
.testimonial-text:before {bottom: 105px !important;width: 225px !important;}  

/* .our-options-text h2 {font-size: 30px !important;}  */
.our-options-text:before {width: 185px !important;bottom: 144px !important;}

/* .testimonials-text h2 {font-size: 30px!important;} */
.testimonials-text::before{width: 225px !important;bottom: 104px!important;} 

.box-image {width: 100px !important;}  

/* .process-intro h2 {font-size: 30px !important;}   */
.process-intro:before {width: 145px !important;bottom: 134px !important;left:70% !important;}

.eazydtf-difference-text h2 {font-size: 30px !important;}
.eazydtf-difference-heading:after {bottom: 48px !important;left: 104px !important;width: 117px !important;}

.left-column h2:after {left: 4px !important;bottom: 85px !important;width: 195px !important;}  

.perfect-size-section h2::before{bottom: 9px !important;}

.gang-sheet-heading::before {left: 50% !important;width: 222px !important;bottom: 45px !important;}
.application-instructions .right-col::after {left: 14px !important;width: 249px !important;top: 25px !important;}
  
}