/* Heading styling */
  .sub-nav-sticky.sticky {
    top: 0;
    z-index: 3;
  }
  /* Tabs styling */
  .tabs.custom__solution {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .tab-buttons {
    display: flex;
  }

  .tab-button {
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s;
    flex: 1;
    text-align: center;
    border-bottom: 2px solid transparent;
    transition: all;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .tab-button:hover {
    color: #36b37e;
    border-color: #36b37e;
  }

  /* Hide radio buttons */
  input[type="radio"] {
    display: none;
  }

  /* Tab Content Styling */
  .tab-content {
    padding-block: 20px;
    border-top: 1px solid #ddd;
  }

  .tab-pane {
    display: none;
  }

  /* Show active content */
  input#tab-1:checked ~ .tab-content #tab-1-content,
  input#tab-2:checked ~ .tab-content #tab-2-content,
  input#tab-3:checked ~ .tab-content #tab-3-content,
  input#tab-4:checked ~ .tab-content #tab-4-content,
  input#tab-5:checked ~ .tab-content #tab-5-content,
  input#tab-6:checked ~ .tab-content #tab-6-content,
  input#tab-7:checked ~ .tab-content #tab-7-content,
  input#tab-8:checked ~ .tab-content #tab-8-content {
    display: block;
  }

  /* Style active tab */
  input#tab-1:checked ~ .tab-buttons label[for="tab-1"],
  input#tab-2:checked ~ .tab-buttons label[for="tab-2"],
  input#tab-3:checked ~ .tab-buttons label[for="tab-3"],
  input#tab-4:checked ~ .tab-buttons label[for="tab-4"],
  input#tab-5:checked ~ .tab-buttons label[for="tab-5"],
  input#tab-6:checked ~ .tab-buttons label[for="tab-6"],
  input#tab-7:checked ~ .tab-buttons label[for="tab-7"],
  input#tab-8:checked ~ .tab-buttons label[for="tab-8"] {
    color: #36b37e;
    border-color: #36b37e;
  }

  input#tab-1:checked ~ .tab-buttons label[for="tab-1"]:hover,
  input#tab-2:checked ~ .tab-buttons label[for="tab-2"]:hover,
  input#tab-3:checked ~ .tab-buttons label[for="tab-3"]:hover,
  input#tab-4:checked ~ .tab-buttons label[for="tab-4"]:hover,
  input#tab-5:checked ~ .tab-buttons label[for="tab-5"]:hover,
  input#tab-6:checked ~ .tab-buttons label[for="tab-6"]:hover,
  input#tab-7:checked ~ .tab-buttons label[for="tab-7"]:hover,
  input#tab-8:checked ~ .tab-buttons label[for="tab-8"]:hover {
    color: #36b37e;
    border-color: #36b37e;
    background-color: transparent;
  }

  .tabs.custom__solution .featured_product.custom__solution {
    padding-top: 0;
  }

  .featured_product.custom__solution {
    padding-block: 40px 20px;
  }

  .featured_product.custom__solution .block-content {
    width: 100%;
  }

  .featured_product.custom__solution ol {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* 4 equal-width columns */
    gap: 30px; /* Space between grid items */
  }

  .featured_product.custom__solution ol li {
    padding: 0;
  }

  .featured_product.custom__solution .products-grid {
    margin-bottom: 32px;
  }

  .featured_product.custom__solution .products-grid .product-item {
    width: auto;
  }

  .featured_product.custom__solution
    .products-grid
    .product-item
    .product-item-info
    .product-item-details {
    padding: 0;
  }

  .featured_product.custom__solution
    .products-grid
    .product-item
    .product-item-info
    a {
    height: 175px;
  }

  .featured_product.custom__solution
    .products-grid
    .product-item
    .product-item-info
    img {
    object-fit: cover;
  }

  /* Secondary Tabs */

  .option-tab-section .mdc-tab-scroller__scroll-content {
    justify-content: left;
  }

  .option-tab-section .mdc-tab-scroller__scroll-content {
    justify-content: center;
  }

  .custom-material-tabs-container .tab-btn .mdc-tab__content {
    position: initial;
  }

  @media screen and (min-width: 1200px) {
    body.layout-fullwidth .header.content,
    .page-header.header-newskin .nav-sections-items,
    body.layout-fullwidth .page-wrapper > .breadcrumbs .items {
      max-width: 1320px !important;
      margin: auto;
    }

    body.layout-fullwidth.catalog-category-view .page-main,
    body.layout-fullwidth.catalog-product-view .page-main,
    body.layout-fullwidth.cms-index-index .page-main,
    body.layout-fullwidth.catalogsearch-result-index .page-main {
      padding-left: 0;
      padding-right: 0;
    }

    body.layout-fullwidth.catalogsearch-result-index .page-main,
    body.layout-fullwidth.catalog-category-view.categorypath-catalog .page-main,
    body.layout-fullwidth.catalog-product-view .page-main {
      max-width: 1320px;
      padding-inline: 20px;
    }

    .featured_product.custom__solution
      .products-grid
      .product-item
      .product-item-info
      a {
      height: 250px;
    }
  }

  @media (min-width: 769px) and (max-width: 1024px) {
    .featured_product.custom__solution
      .products-grid
      .product-item
      .product-item-info
      a {
      height: 200px;
    }

    .featured_product.custom__solution ol {
      grid-template-columns: repeat(3, 1fr); /* 3 columns on tablets */
    }
  }

  @media (max-width: 768px) {
    .featured_product.custom__solution
      .products-grid
      .product-item
      .product-item-info
      a {
      height: 200px;
    }
    .featured_product.custom__solution ol {
      grid-template-columns: repeat(
        2,
        1fr
      ); /* 2 columns on tablet or smaller screens */
    }

    .tab-buttons {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
    }
  }


    .mobile-contact-wrap {
        padding: 20px 20px 0 20px; /* Consolidated padding */
        color: #000000;
        font-size: 10px;
        line-height: normal;
    }
    .ui-menu-item .btn-primary {
        background: #36B37E !important;
        text-shadow: none;
        font-size: 18px;
        font-weight: 600;
        border-radius: 6px;
        color: white !important;
        padding: 5px 20px !important;
        line-height: 24px !important;
        text-transform: none !important;
        margin-right: 0;
    }
    
      .ui-menu-item .btn-primary:hover {
        background-color: #00875A!important
    }


    .mobile-contact-wrap a {
        color: #4cb748 !important;
        font-weight: bold;
        font-size: 24px;
        display: block;
        margin: 0;
        padding: 4px 0;
    }
    
@media (max-width: 1024px) {
    .page-wrapper header.page-header .nav-sections .section-item-content ul li > .btn-primary{
      margin:15px;
       color: white !important;
   }
}


@media only screen and (min-width: 768px) and (max-width: 1024px)  {
.landing-page-banner .col-md-5 {
    width: 50%;
}
	
	}
@media (min-width: 768px) {
.landing-page-banner .row.align-items-center {min-height: 550px;}
.landing-page-banner {background: url("2e576d448ed3-custom-paper-mailers-d.webp");}
.landing-page-banner a.btn.btn-primary.btn-white { margin-left: 16px;}
}
	@media (max-width: 767px) {

		.landing-page-banner {
	background: url("4a8737a80314-custom-paper-mailers-m1.webp");
	background-color: #e6e6e6;
    background-position: top!important;
    background-size: contain!important;
		}
		.landing-page .dark-banner-title, .bannder-btn {text-align: center;}
		.landing-page .dark-banner-title {padding-top: 34px;}
		p.banner-content{text-align: center;}
		.landing-page-banner .col-md-5{padding-left: 0; padding-right: 0;}
	}
	
p.banner-content {
    color: #212326;
    font-weight: 600;
    margin-bottom: 30px!important;
    line-height: 30px;
    font-size: 20px;
}

.banner-google-review .review-line a {
      color: #ffffff!important;
}
	#lp-option {margin-top: 100px; padding-bottom: 100px;}


	
	#foldingcarton-lp .brand-section {
        border-bottom: none;
    padding-bottom: 52px;
    padding-top: 32px;
}
.landing-page .dark-banner-title {
    color: #212326!important;
    line-height: 55px!important;
    font-size: 42px!important;
}

	


		.center-action {
    text-align: center;
    margin-top: 34px;
    padding-left: 15px;
    padding-right: 15px;
}
	.center-action span {
    color: #212326;
    font-size: 14px;
    line-height: 21px;
}
	.center-action span a {
    color: #212326;
    text-decoration: underline;
}
	.center-action img {
    display: inline-block!important;
}


	@media (max-width: 767px) {
		#premium-results .col-lg-6, #premium-results .col-lg-5 {
    padding-left: 0;
    padding-right: 0;
}
	}
.nav a:hover{text-decoration: none;}

	
	.section-btn-row-2 h4 {
    font-size: 16px!important;
    line-height: 20px!important;
    margin-top: 0;
    margin-bottom: 10px;
}
.section-btn-row-2 p {
    font-size: 16px;
    line-height: 24px;
}
.section-btn-row-2 a.line-grey-btn {
    padding: 20px 17px;
    background: #ffffff;
    border: 1px solid #EBECF0;
 width: 100%;
}

	
/*----btn icon and hover--*/
	.icon-headphone {
    background-image: url("4337ce77c1a3-bag-icon-1.svg")!important;
    background-repeat: no-repeat!important;
    background-position: 15px 50%!important;
    padding-left: 70px!important;
}
	
		.icon-medal {
    background-image: url("61d95797b0e6-bag-icon-2.svg")!important;
    background-repeat: no-repeat!important;
    background-position: 15px 50%!important;
    padding-left: 70px!important;
}		
	.icon-bag-feather {
    background-image: url("0738be79c0b1-bag-icon-3.svg")!important;
    background-repeat: no-repeat!important;
    background-position: 15px 50%!important;
    padding-left: 70px!important;
}
	.active a.line-grey-btn:hover, li.service-1.active a, li.service-2.active a, li.service-3.active a {
    color: #36B37E;
    background: #e3fcef;
    border-color: #36B37E;
}
	
	@media (max-width: 767px){
		#premium-results .nav.nav-tabs {
    white-space: normal;
    overflow: inherit; display: block;
}
		#premium-results .nav {
    flex-wrap: wrap;
}
	.section-btn-row-2 h4 {
    margin-bottom: 0px;
}	
		
	}



@media only screen and (min-width: 768px) and (max-width: 1024px)  {
.feature-banner-content {
    margin: 45px 25px; padding: 64px;
}
	

	}
            @media (min-width: 768px) {
                .landing-page-banner-feature {background: url("ab254d3e88e5-feature-banner-v2.webp");}
.feature-banner-content {
    padding: 64px;
}
            }
	 @media (max-width: 767px){
		 #landing-page-banner-approach .mob-text-container {
    background: none;
    max-width: inherit;
    border-radius: inherit;
    position: relative;
    top: 0;
    margin: 0 auto;
}
		 #landing-page-banner-approach .feature-banner-content {
    padding: 0;     background: none;
}
		 #landing-page-banner-approach {
    padding-bottom: 18px;
}
		 #landing-page-banner-approach .row.align-items-center {padding-top: 0;}
		 	 #landing-page-banner-approach {background: #FAFBFC!important;}
	 }

			
			#landing-page-banner-approach h2 {
    font-size: 32px!important;
    line-height: 42px;
}
	 
	 #landing-page-banner-approach p {
    color: #878787;
    margin-bottom: 30px!important;
}

        


@media (min-width: 768px) {
.story-des {
    padding: 64px;
}
.testimonial-box p {font-size: 24px; line-height: 36px;}
	.story-tab-title-row {
    display: flex;
    justify-content: center;
}
	.story-img {
    height: 565px;
    max-height: 100%;
}
		.story-section .row{display: table;}
 .story-section .col-md-6 {
    float: none;
    display: table-cell;
    vertical-align: top;
}
		.story-img-1 {
    background-image: url("67ba696e4fe6-feature-img-b1.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 0 6px 6px 0;
}
		.story-img-2 {
    background-image: url("77debbf794bf-feature-img-b2.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 0 6px 6px 0;
}
		.story-img-3 {
    background-image: url("f6b78a0dc223-feature-img-b3.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 0 6px 6px 0;
}
		.story-img-4 {
    background-image: url("3670732b3f4e-feature-img-b4.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 0 6px 6px 0;
}
		.story-img-5 {
    background-image: url("5ba8f98b8ba7-feature-img-b5.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 0 6px 6px 0;
}
	
	}
	
	@media (max-width: 767px) {
.story-des {
    padding: 32px;
}
.testimonial-box p {font-size: 20px; line-height: 32px;}
	.nav {flex-wrap: inherit;}
	
	.scrollbox ul {
  display: flex;
  list-style: none;
}

.scrollbox li {
  margin: 0 10px;
}

.scrollbox {
    background-attachment: local, local, scroll, scroll;
    overflow: scroll;
    overflow-x: scroll;
}
		

	}


	.option-item img {
    border-radius: 6px!important;
}

.story-tab-wrapper .tab-content {
    background: #FAF7EE;
    border-radius: 6px;
    margin-top: 6px;
}
	.story-tab-wrapper .nav-tabs {
    border-bottom: none;
}
	.option-setion .col{   
 padding-right: 4px;
padding-left: 4px;}

.option-setion .row {
    margin-left: 0;
    margin-right: 0;
}
.option-setion img {
    border-radius: 6px;
}
	
.story-tab-wrapper li.active {
    background: #2B3440;
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 100px;
    transition: 0.25s ease-out;
}
	.story-tab-wrapper li.active a {
    color: #ffffff; font-weight: 600;
}
	.story-tab-wrapper li {
    padding: 10px 20px;   margin-bottom: 24px;  white-space:nowrap;
}

.story-tab-wrapper li a {
    color: #000000;
    font-weight: 600;
}

 .story-section p {
    color: #2B3440!important;
}
	
.story-section h2 {
    font-size: 36px!important;
    line-height: 47px!important;
    margin-bottom: 0px; 
}
	.story-tab-box h2{font-size: 36px!important; line-height: 47px!important;}
.story-des {
    text-align: center;
}
	.story-sub-des p {
    font-size: 14px;
    line-height: 21px;
}
.story-des p {
    margin-bottom: 40px!important;
}
.testimonial-box p {
    font-weight: 600;
    font-family: 'Sharp Sans', Helvetica, Arial, sans-serif;
}
	.testimonial-box img {
    text-align: center;
    margin: auto;
    margin-bottom: 12px;
}
	.custom-name {
    margin-bottom: 40px;
}
.custom-name p {
    font-size: 14px;
    line-height: 20px;
    color: #545A61!important;
     margin-bottom: 0!important; 
}
	.custom-name span {
    font-size: 12px;
    line-height: 16px;
    color: #9c9c9c!important;
    margin-bottom: 0!important;
    font-weight: 400!important;
}
	.custom-name span a {
    color: #9c9c9c!important;
 text-decoration: underline;
}
		.custom-name span a:hover {
 text-decoration: none;
}
.story-btn a.btn.btn-primary.btn-stroke {
    color: #212326;
    border-color: #212326!important;
}
	.story-btn a.btn.btn-primary.btn-stroke:hover, .story-btn a.btn.btn-primary.btn-stroke:active {
    background: #2B3440!important; color: #ffffff!important;
}
	.story-tab-title-row a:hover{text-decoration: none!important;}
	
	.story-img img{border-radius: 0px 0px 6px 6px;}

	
		.brand-des {margin-bottom: 100px;}
	

	/* fade in content */
.tab-content .story-des {
    -webkit-animation-name: content;
    animation-name: content;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

	/*action area css*/
	.brand-des p {
    margin-top: 48px!important;
    margin-bottom: 48px!important;
    color: #878787!important;
    font-weight: 700!important;
    letter-spacing: 1px;
    line-height: 13px!important;
    font-size: 12px!important;
}

	.story-tab-box{margin-bottom: 40px!important;}

	.story-tab-row .row{margin-left: 0; margin-right: 0;}

	

@media (min-width: 768px) {
#brands-v2 .item {
    padding-left: 15px;
    padding-right: 15px;
}
}


	.faq-section2 .container {
    background: #F5F5F5;
    padding-top: 64px;
}
	.faq-section2 .section-leading-center {
    max-width: 760px;
}
	.faq-section2 .faq-title {
		padding: 24px 0;}
	
	.faq-section2 h2 {
    font-size: 32px!important; line-height: 42px!important;
}
	.faq-title h4::after {
    content: "\2b";
    font-family: 'porto-icons';
    text-decoration: none !important;
    float: right;
    font-size: 24px;
    font-weight: 300;
     color: #DFE1E6;
}

.faq-title.active h4::after {
    content: "-";
    font-size: 28px;
    font-weight: 500;
    font-family: 'Sharp Sans';
    color: #DFE1E6;
}


	.faq-section2 .faq-item {
    border-bottom: 1px solid #ddd;
}
	.faq-section2 .faq-title h4 {
    color: #000000!important;
    text-decoration: none;     line-height: 25px!important;
}
.faq-section2 ul {
    color: #878787;
    padding-left: 20px;
  
}
	.faq-section2 li {
    margin-bottom: 0;
    line-height: 27px; font-size: 18px;
}
	.faq-section2 .faq-item {
    margin-bottom: 0;
}
	@media (min-width: 768px) {
	.faq-content {
    padding: 0 36px 16px 0px;
}

	}
	
	@media (max-width: 767px) {
   .faq-content {padding: 8px 24px 16px 0;}	
}


	.faq-content a{text-decoration: underline; color: #878787;}
	.faq-content a:hover{ color: #000000;}
	


@media (max-width: 1024px) {.ig-title h2 {    padding-left: 20px;}
	}
@media (min-width: 768px) {
	 .ig-img-section .container {
    padding: 44px 0 0 0;
}
.ig-title {
    padding-left: 20px;
}
.ig-title h2 {
    font-size: 31px!important;
    line-height: 40px!important;}
	}
@media (max-width: 767px) {

	.ig-img-section .container { padding-top: 44px;}	
.ig-title h2 {
    font-size: 28px!important;
    line-height: 36px!important;}
	}

.ig-title h2 {
    margin-bottom: 36px;
    text-decoration: underline;
    font-weight: 600; color: #000000!important;
}
	 .ig-title h2 a{text-decoration: underline; color: #000000;} 
	 .ig-title h2 a:hover{text-decoration: none; }
	 .ig-img-section .service-box img{border-radius: 5px;}
.flickity-button {
    display: none;
}
	 
  

.quick_form_5_css * {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    overflow-wrap: break-word
}
@media only screen and (max-width: 600px) {.quick_form_5_css[name="SIGNUP_BODY"] { width: 100% !important; min-width: 100% !important; margin: 0px auto !important; padding: 0px !important } .SIGNUP_FLD { width: 90% !important; margin: 10px 5% !important; padding: 0px !important } .SIGNUP_FLD input { margin: 0 !important } }
	
	
	
	#p-footer .p-footer-media--wrap .p-footer-media .p-footer-media__newsletter form {
    height: auto;
    padding-left: 0;
    padding-right: 0;
}
	
	#p-footer .p-footer-media--wrap .p-footer-media .p-footer-media__newsletter form {
    background-color: #242424;
    border-radius: 0;
}