/* 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;
   }
}

	

.landing-page-banner h1.white-banner-title, 
.landing-page-banner  p.banner-content{
	color: #ffffff;
}

.landing-page-banner .bannder-btn {
	display: flex;
	gap: 10px;
}

.landing-page-banner .bannder-btn a{
	margin: 0;
}


@media (min-width: 768px) {
	
.landing-page-banner .row.align-items-center {min-height: 450px;}
.landing-page-banner {
background: url("12f2f3e75e-pakfactory-homepage-banner_4_.jpg");

	background-position: right !important;

	
}

.banner-google-review { margin-top: 95px; margin-bottom: 60px; }
.top-96 {margin-top: 96px;}
.top-64 {margin-top: 64px;}
.experience-wrapper { background-color: #F7C1BB; padding: 56px;border-radius: 4px;}
.home-section-wrap{padding-top: 96px; padding-bottom: 96px;}
.home-section-wrap h3{font-size: 26px!important; line-height: 40px!important;}
.faq-cta{margin-top: 64px; padding-left: 120px; padding-right: 120px;}
.feature-section-3{margin-top: 128px;}
.journey-cta-wrap{padding: 64px;}
.product-cta-section{margin-top: 40px;}
.sourced-wrap .container, .sourced-wrap .container{padding: 0;}
.sourced-wrap h2{margin-bottom: 56px;}
.blog-section {padding-top: 96px; padding-bottom: 96px;}
.product-title p{margin-bottom: 40px!important;}
.clo-4-wrap{margin-top: 96px; margin-bottom: 46px;}
.services-need-wrap { padding-top: 96px;}
.home-review-customer-logo{float: right;}

.product-title-wrap .lp-option-bt {float: right;}
.title-center-wrapper{margin-bottom: 64px;}
.six-steps{padding-left: 35px;}
.grey-box {padding: 64px 56px; }
	.lp-review-grey-bar .col-md-6{padding-left: 0; padding-right: 0;}
}
	


@media (max-width: 767px) {

	.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;}
	.bannder-btn .btn { margin-bottom: 16px!important; }
	.top-96 {margin-top: 64px;}
	.top-64 {margin-top: 48px;}
	.home-section-wrap{padding-top: 64px; padding-bottom: 64px;}
	.home-section-wrap .product-title h2{ line-height: 43px!important;}
	.home-section-wrap h3{font-size: 28px!important; line-height: 36px!important;}
	.experience-wrapper { background-color: #F7C1BB; padding: 48px; border-radius: 10px;}
	.faq-cta{margin-top: 48px;}

	.journey-cta-wrap{padding: 32px;}
	.blog-section {padding-top: 64px; padding-bottom: 64px;}
	.clo-4-wrap{margin-top: 64px; margin-bottom: 24px;}
	.services-need-wrap { padding-top: 64px;}
	.title-center-wrapper{margin-bottom: 32px;}
		.grey-box {    padding: 32px 20px; }
		.services-need-wrap .container{padding: 0!important;}
		.home-solution-slide .owl-nav, .industry-section .owl-nav, .customer-review-section .owl-nav{display: none;}
		.approach-4point-row .col-md-3 img { margin: auto;}
		.approach-4point-row .col-md-3  {text-align: center;}
}
		
@media only screen and (min-width: 768px) and (max-width: 1024px)  {
.landing-page-banner-content {
    padding-top: 32px;
    padding-bottom: 32px;
}
	.lp-review-grey-bar .col-md-6{width: 100%;}
	.home-review-customer-logo { float: left!important;     margin-top: 15px;}
	.approach-4point-row .col-md-3{width: 50%!important; text-align: center;}
	.approach-4point-row .col-md-3 img{margin: auto;}
}	
@media only screen and (min-width: 768px) and (max-width: 896px)  {

	#home-v3 .col-md-3{width: 33%;}
}
@media (min-width: 1326px) {	
	.lp-review-grey-bar .container, .dark-grey-row .container, .home-section-wrap .container, .customer-review-section .container { padding: 0;}
	}
@media (min-width: 583px)	{.show-mobile{display: none;}}


.experience-wrapper h4{font-size: 18px!important; line-height: 22px!important;     font-family: 'Proxima Nova'; margin-bottom: 12px; margin-top: 24px; color: #ffffff;}
.experience-wrapper p{font-size: 15px; line-height: 22.5px; color: #ffffff; margin-bottom: 0!important;}
	.experience-wrapper h2{color: #ffffff;  margin-bottom: 0!important;}
	.product-title-wrap { padding-left: 10px; padding-right: 10px; }
	.products.wrapper.grid.products-grid {
    margin-bottom: 0;

}
	.product-tab-wrapper .product-item-details {
    padding: 24px 0 0 0;
}
	.products-grid:not(.side-list):not(.products-related) .owl-carousel .product-item{padding: 0;}
	.featured_product hr {  margin-top: 40px; margin-bottom: 24px; border-top: 1px solid #EBECF0;}
	.featured_product .product-item-details {
    padding: 24px 0 0 0;
}

	.home-section-wrap a.btn.btn-primary { margin-top: 24px;}
	
	.home-section-wrap h3{font-weight: 700!important; }
	#home-v3 .owl-carousel .owl-item img {    width: max-content; height: max-content;}

	#home-v3 .experience-wrapper{background-color: #9FAD88;}
	#home-v3 .services-points .owl-theme .owl-dots .owl-dot.active span { background-color: #587789!important;}
	
	#lp-section-greybg2{background: #fafafa; padding-top: 100px; padding-bottom: 32px;}
	.landing-page-banner h1 span  {  text-decoration: underline; }
	
	.certified img{display: inline-block;}
	.certified {color: #333333;font-size: 16px; line-height: 27px;}
.certified .col-item { margin-right: 32px;}
.lp-review-grey-bar { background-color: #f7f7f7; padding-top: 12px; padding-bottom: 12px;}	
	.lp-review-grey-bar .row{margin-left: 0;margin-right: 0;}
	.lp-review-grey-bar .row .col-md-6{margin-bottom: auto; margin-top: auto;}
.review-v3, .review-v3 a { color: #212427!important; font-size: 14px; vertical-align: middle;}

	.blog-section h2{margin-bottom: 32px;}
	.clo-4-wrap .product-title h2{margin-bottom: 48px!important;}
	.clo-4-wrap span{color: #36B37E;}
	
	
	.half-color-bar {background: linear-gradient( #F8F9F9 50%, #ffffff 50%);}
    .half-color-bar img{text-align: center; margin: 0 auto;}
	

	a.btn.btn-primary.btn-stroke {margin-left: 0;}
	.lp-option-bt a.btn.btn-primary{padding: 16px 32px;}


	.home-product-wrap{background-color: #F8F9F9;}
	.product-title-wrap .lp-option-bt {margin: 0;}
	.title-center-wrapper{text-align: center;}
	.title-center-wrapper h2{margin-bottom: 24px;}
	.landing-page .title-center-wrapper p{margin-bottom: 0!important;}
	.grey-box {background-color: #F4F4F4; border-radius: 0 0 20px 20px;}
	.grey-box h3 { font-size: 31px!important; line-height: 140%!important; color: #000000;}
	.grey-box h3 span{    color: #36B37E;}
	.approach-4point-row .col-md-3 {margin-top: 32px;}
	.approach-4point-row .col-md-3 p{margin-bottom: 0!important;}
	.lp-option-bt a.btn.btn-primary.btn-stroke{    border: 1px solid #212427;}
	#changingword{color: #36B37E;}
	.sub-des{margin-top: 35px;}	
	.approach-4point-row p, .landing-page-section-des p{font-size: 16px!important;}
	.img-roundcorner4 img{    border-radius: 10px;}
	.porto-icon-left-open-big:before, .porto-icon-right-open-big:before { font-size: 14px; font-weight: 600; }
	.approach-4point-row h4 { font-size: 18px!important; margin-bottom: 12px; font-family: 'Proxima Nova';}
	.manufacturer-des  h3 { font-size: 31px!important; line-height: 41px!important;}
	.manufacturer-des h4{font-family: 'Proxima Nova'; font-size: 18px!important; line-height: 22px!important; margin-bottom: 12px; margin-top: 0;}
	.title-center-wrapper2{text-align: center;}
	.title-center-wrapper2 h2{margin-bottom: 0; font-weight: 600; line-height: 140%!important;}
	.title-center-wrapper2 span{color: #36B37E;}
.hover-green a.btn.btn-primary.btn-stroke:hover {
    background-color: #36B37E!important;
    border: 1px solid #36B37E!important;
    color: #ffffff;
}
.owl-nav button:not(.primary):hover {
    background-color: #f6f6f6!important;
}
	.block-static-block.widget {
    margin-bottom: 0;
}
	.home-review-customer-logo img{width: 100%; height: 100%;}
	.review-v3 img{width: auto; height: auto;}
#home-v3 .solustion-box {background-color: #F9F9F9;}

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

	.landing-page-banner-content .btn.btn-primary {
		margin: 0;
	}

	.landing-page-banner .bannder-btn {
		justify-content: center;
	}

	.landing-page-banner {
		background: none;
	}
	
	.landing-page-banner .row.align-items-center, 
	.landing-page-banner .container {
		padding: 0 ;
	}

	h1.white-banner-title{
		margin-top: 0;
	
	}

	
	.mob-content-wrap .landing-page-banner-content {
		width: 100%;
		padding: 30px 40px;
		text-align: center;
	}

	.landing-page-banner h1.white-banner-title, 
	.landing-page-banner p.banner-content {
		color: #212427;
	}
  
	.landing-page-banner a.btn.btn-primary.btn-white {
        border: 2px solid;
    }
}

@media only screen and (max-width: 583px) {
	.landing-page-banner .bannder-btn {
		display: block
	}
}



	@media (min-width: 768px) {
.home-solution-slide .owl-nav {
    position: absolute;
    top: -60px;
    right: 0;
}
}

@media (max-width: 767px) {
div#landing-page-solutions {
    padding-top: 6px;
}
	.home-solution-slide .owl-nav {
    position: absolute;
    top: -50px;
    left: 20px;
display: none;
}	
		.home-solution-slide .owl-dots {
    display: none;
}
	}
.home-solution-slide .owl-nav button:not(.primary) {
    width: 32px;
		height: 32px;

    color: #212427;
    border: 1px solid #C6C6C6;
    transition: background 0.5s ease;
    border-radius: 50%;     padding: 0;
}
.home-solution-slide .owl-nav button:not(.primary):hover {
    background-color: #f5f5f5;    color: #212427;
}
	.porto-icon-left-open-big:before {
    padding-top: 3px;
    width: auto; font-weight: 600;
}
	.porto-icon-right-open-big:before {
    padding-top: 3px;
    width: auto;
font-weight: 600;
}
	.home-solution-slide button.owl-prev {
    margin-right: 24px;
}
.solustion-box {
    background-color: #F9F9F9;
    padding:32px;
    border-radius: 10px;
}
	.solustion-box h4 {
    font-family: 'Proxima Nova';
    font-weight: 600!important;
    font-size: 18px!important;
    line-height: 22px!important;
    margin-top: 24px;
    margin-bottom: 12px;
}
	
	.solustion-box p {
    font-family: 'Proxima Nova';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
}
	.home-solution-slide .owl-carousel .owl-item img{width: 48px!important; height: 48px;}
	.home-solution-slide .owl-carousel .owl-item p{margin-bottom: 0!important;}
	.home-solution-slide .solustion-box { background-color: #ffffff;}	


	@media only screen and (min-width: 768px) and (max-width: 1024px)  {
.type-cat .col-md-3 {width: 33%;}
}
	@media only screen and (min-width: 768px) and (max-width: 912px)  {
		.product-cta { padding: 20px!important;}
		.lp-cta-wrap a.btn.btn-primary.btn-stroke{padding: 15px 8px;}
		#allproduct-section .product-cta h2 { font-size: 24px!important; line-height: 35px!important; }
	}
	@media (min-width: 913px) {
	#allproduct-section .product-cta h2{font-size: 26px!important; line-height: 41px!important;}
	}
@media (max-width: 767px) {
	#allproduct-section .product-cta h2{font-size: 26px!important; line-height: 41px!important;     padding-bottom: 145px!important;}
	.product-cta{background-size: 70%!important;}
	}
	
.type-cat .col-md-3{margin-bottom: 24px;}
.product-cta { background-size: contain;}
	.product-cta {padding: 48px 32px; background-image: url("e929303f98-home-cta-bg-1.webp"); background-color: #E8E8E8;
	height: 100%; background-position: right; background-repeat: no-repeat; border-radius: 10px;}
.section-cta-box, .section-cta-box:hover { box-shadow: none; width: 100%; }
	.product-cta h2{margin-bottom: 32px!important;}
		.lp-cta-wrap a.btn.btn-primary.btn-stroke{margin-left:0; color: #212427; border: 1px solid #212427; font-size: 16px!important;}

	.lp-cta-wrap a.btn.btn-primary.btn-stroke:hover{ box-shadow: 0px 5px 10px rgba(0,0,0,0.05); background-color: #ffffff!important; }
	.section-type-box h3 {
    font-size: 18px!important;
    font-family: 'Proxima Nova';
    line-height: 22px!important;
    margin-top: 0;
    margin-bottom: 12px; font-weight: 600!important;
}
	.section-type-box-des p{
font-size: 16px;
line-height: 150%;
	}
	
	.lp-cta-wrap.product-sec-cta {
    position: absolute;
    bottom: 32px;
    display: flex;
}
.section-type-box img{width: 100%; height: auto;}


	@media (min-width: 768px) {
.industry-section .owl-nav { position: absolute; top: -50px; right: 16%;}
}

	

@media (max-width: 767px) {
div#landing-page-case-study2 {
    padding-top: 6px;
}
	.industry-section .owl-nav {
    position: absolute;
    top: -50px;
    left: 20px;
}	
		.industry-section .owl-dots {
    display: none;
}
	}
.industry-section .owl-nav button:not(.primary) {

    background: #ffffff;

    border: 1px solid #C6C6C6;
    transition: background 0.5s ease;
    border-radius: 50%;
}
.industry-section .owl-nav button:not(.primary):hover {
    background-color: #36B37E;
}

	.industry-section button.owl-prev {
    margin-right: 24px;
}
	.industry-section h2 span{text-decoration: underline;}
		.item img{opacity: 1!important;}	
	.industry-section .landing-page-case-study .owl-carousel .owl-stage-outer{padding-bottom: 38px;}
	
	.industry-section .owl-theme .owl-dots .owl-dot.active span, .industry-section .owl-theme .owl-dots .owl-dot span:hover {background-color: #36B37E!important;}
	.industry-section .section-type-box-des h4{font-family: 'Proxima Nova';
font-weight: 600!important;
font-size: 18px!important;
line-height: 22px!important;     margin-top: 0;
    margin-bottom: 12px;}


	.green-item-1{background-image: url("91ee8743db-sustainably-responsible-packaging.webp");
	   }
	.green-item-2{background-image: url("42a43bfa1f-sustainability2.webp"), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 60.35%);
	background-blend-mode: overlay;
	   }
	.bottom-item{ 
	background-size: cover;
    height: 565px;
    box-shadow: 0px 0px 2px rgb(23 43 77 / 4%), 0px 3px 2px rgb(23 43 77 / 8%);
    border-radius: 10px;
	display: flex;
    align-items: flex-end;}
	.up-sutitle{
font-family: 'Sharp Sans';
font-style: normal;
font-weight: 700;
font-size: 12px;
line-height: 16px;
letter-spacing: 3px;
color: #878787;
padding-bottom: 16px;
}
	.des-bottom h2 {
    font-weight: 600;
    line-height: 140%!important;
    width: 80%;
}
	.des-bottom h2, .des-bottom .up-sutitle, .des-bottom .lp-option-bt a.btn.btn-primary.btn-stroke {color: #ffffff;}
	.des-bottom .lp-option-bt a.btn.btn-primary.btn-stroke{    border: 1px solid #ffffff;}
	.des-bottom {padding-bottom: 56px;}
	
	.des-bottom .lp-option-bt {margin: 32px 0 0;}
	
@media (min-width: 768px) {
	.des-bottom h2 {font-size: 26px!important;}
	.des-bottom {padding-left: 48px;}
.des-bottom .lp-option-bt a.btn.btn-primary{    margin-left: 0;}
.bottom-item{margin-bottom: 96px;}
	}
	@media (max-width: 767px) {
		.des-bottom h2 {font-size: 23px!important;}
		.des-bottom {padding-left: 20px;}
.bottom-item{margin-bottom: 64px;}

	}


	  @media (min-width: 768px) {
	ul.tab-header {     justify-content: space-around;}
		  .panels {padding: 56px;}
	}
@media (max-width: 767px) {
	.tabs-header-row{    
 display: inline-flex;
  width: 100%;
  overflow-x: auto;
  -ms-overflow-style: none;
  /*// IE 10+*/
  overflow: -moz-scrollbars-none;

	}
	ul.tab-header {  justify-content: flex-start;}
  .panels {padding: 20px;}
	}
	  
	ul.tab-header {display: flex; margin: 0; padding: 0; list-style-type: none;}  
	  

.tab-item{
  cursor: pointer;
  padding:10px 20px;
  margin:0px 2px;
  display:inline-block;
  color:#000;
}
.panels{
background: #FBFBFB;
border-radius: 20px 20px 0px 0px;
 width:100%;
overflow:hidden; 
}
.panel-1{
  display:none;
  animation: fadein .8s;
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

.radio{
  display:none;
}
#head-1:checked ~ .panels #panel-1,
#head-2:checked ~ .panels #panel-2,
#head-3:checked ~ .panels #panel-3,
#head-4:checked ~ .panels #panel-4,
#head-5:checked ~ .panels #panel-5,
#head-6:checked ~ .panels #panel-6{
  display:block
}
#head-1:checked ~ .tabs-header-row #tab-1,
#head-2:checked ~ .tabs-header-row #tab-2,
#head-3:checked ~ .tabs-header-row #tab-3,
#head-4:checked ~ .tabs-header-row #tab-4,
#head-5:checked ~ .tabs-header-row #tab-5,
#head-6:checked ~ .tabs-header-row #tab-6
{
  background:#fffffff6;
  color:#212427;
  border-bottom: 2px solid #212427;;
}
	  
	  
	  
	  
@media (min-width: 768px) {

.story-tab-title-row {display: flex;justify-content: center;}
.home-service-tab-wrapper li{    width: 16%; text-align: center;}
ul.nav.nav-tabs {  width: 100%;}
	.home-service-tab-wrapper .tab-content	{padding: 56px; }
	}
	
@media (max-width: 767px) {
.tab-title-item {width: 140px;}
.home-service-tab-wrapper .tab-content	{padding: 20px;  border-radius: 0!important;}	
	}

	@media (max-width: 768px) {.br-hid-xs{display: none!important;}}
	@media (max-width: 1024px) {
.nav {flex-wrap: inherit;}
.tab-content .col-md-4, .tab-content .col-md-8{width: 100%;}
	}
	@media (max-width: 896px) and (min-width: 564px){
		.service-item-des .col-md-3 {width: 50%!important;}
		}
		@media (max-width: 896px){
		.service-item-des .col-md-3 { margin-bottom: 24px;}
		}
	
@media (min-width: 1025px) {
		
.grid-4-wrap .landing-page-mobile-slider .owl-carousel.off-carousel > .item:nth-child(4n) {
    margin-right: 0;
}
.grid-4-wrap .landing-page-mobile-slider .owl-carousel.off-carousel > .item {
    width: calc((100% / 4) - 1.6%);
	 margin-right: 20px; margin-bottom: 0;
}
.grid-4-wrap .landing-page-mobile-slider .owl-carousel.off-carousel > .item:nth-child(3n) {
    margin-right: 20px;
}


	}
@media only screen and (min-width: 768px) and (max-width: 1024px)  {
.grid-4-wrap .landing-page-mobile-slider .owl-carousel.off-carousel > .item:nth-child(2n) {
    margin-right: 0;
}
.grid-4-wrap .landing-page-mobile-slider .owl-carousel.off-carousel > .item {
    width: calc((100% / 2) - 1.6%);
	 margin-right: 20px; margin-bottom: 20px;
}
.grid-4-wrap .landing-page-mobile-slider .owl-carousel.off-carousel > .item:nth-child(3n) {
    margin-right: 20px;
}	
	.home-service-tab-wrapper .tab-content{    margin-left: 20px;
    margin-right: 20px;}
	}	
	
.option-item img { border-radius: 6px!important;}

.home-service-tab-wrapper .tab-content {background-color: #FBFBFB; margin-top: 10px;  border-radius: 20px 20px 0 0;}
.home-service-tab-wrapper .nav-tabs { border-bottom: none;}
.home-service-tab-wrapper li.active {
transition: 0.25s ease-out;
}
	.home-service-tab-wrapper li.active  a .tab-title-item {
    color: #000000; border-bottom: 2px solid currentColor;
  display: inline-block;
  line-height: 0.85;
}

.tab-title-item { color: #C1C7D0;}
.home-service-tab-wrapper li a {font-weight: 600;}
.service-item h4 {
    font-family: 'Proxima Nova';
    line-height: 24px!important;
    margin-top: 24px;
    margin-bottom: 12px;
}
	.service-item p{font-family: 'Proxima Nova';
font-weight: 400;
font-size: 16px;
line-height: 150%;}
	.service-item a{color: #2b2b2b; text-decoration: underline;}

.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;}
.service-item {
    padding: 32px;
  
    box-shadow: 0px 0px 2px rgb(23 43 77 / 4%), 0px 3px 2px rgb(23 43 77 / 8%);
    border-radius: 10px;
}	



	/* fade in content */
.tab-content .service-item-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;
}

	@-webkit-keyframes content {
  from {
    opacity: 0;
    transform: translateY(5%);
  }
  to {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes content {
  from {
    opacity: 0;
    transform: translateY(5%);
  }
  to {
    opacity: 1;
    transform: translateY(0%);
  }
}
/* end fade in content */
	
.story-tab-box{margin-bottom: 40px!important;}

	.item-bg-1 .service-item{background-color: #E5FFF1;}
	.item-bg-2 .service-item{background-color: #E1F1FF;}
	.item-bg-3 .service-item{background-color: #E7E1FF;}
	.item-bg-4 .service-item{background-color: #F7D7D5;}
	.item-bg-5 .service-item{background-color: #FFD5A4;}
	.item-bg-6 .service-item{background-color: #FFF8B9;}
	

		
		
#4grid-mobile-slider h4{font-size: 18px!important; line-height: 22px!important;     font-family: 'Proxima Nova'; }
	  .tab-item {
    font-family: 'Proxima Nova';
    font-weight: 600;
    font-size: 18px;
    line-height: 22px; color: #212427;
}
	  
	  
  

	@media (min-width: 768px) {
.customer-review-section .owl-nav {  position: absolute;  top: -70px; right: 16%;}
		.review-item { height: 600px;}
 }

	@media (max-width: 767px) {

.customer-review-section .owl-nav { position: absolute; top: -50px; left: 20px; display: none;}	
.customer-review-section .owl-dots { display: none;}
		.review-item { height: 450px;}
	}
@media only screen and (min-width: 768px) and (max-width: 1199px)  {
.review-item p {font-size: 22px!important;}
}
	
	@media only screen and (min-width: 1200px) and (max-width: 1382px) {
		.review-item p {font-size: 19px;}	
		.review-item{padding: 20px!important;}
		.customer-info {display: block!important;}
		.name-cus{margin-left: 0!important;}
	}
	@media (min-width: 1383px){
		.review-item p {font-size: 22px;}	
	}
	
.customer-review-section .owl-nav button:not(.primary) {

    background: #ffffff;

    border: 1px solid #C6C6C6;
    transition: background 0.5s ease;
    border-radius: 50%;
}
.customer-review-section .owl-nav button:not(.primary):hover {background-color: #36B37E;}

.customer-review-section button.owl-prev { margin-right: 24px;}
.customer-review-section h2 span{text-decoration: underline;}
.item img{opacity: 1!important;}	
.customer-review-section .landing-page-case-study .owl-carousel .owl-stage-outer{padding-bottom: 38px; padding-top: 11px;}
customer-review-section .owl-theme .owl-dots .owl-dot.active span, .customer-review-section .owl-theme .owl-dots .owl-dot span:hover {background-color: #36B37E!important;}
.review-item {
    background-color: #F3F3F3;
    border-radius: 10px;
    padding: 32px;
}
.customer-info {
    display: flex;
    position: fixed;
    bottom: 32px;
}	
.review-item p {
    color: #212427;
	font-weight: 500;
    line-height: 150%;
	
}
.name-cus {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: #181818;
    margin: auto 0 auto 16px;
}
	.name-cus span {
    font-weight: 600;
    color: #212427; display: block;
}
	
	#landing-page-case-study2 .owl-nav button:not(.primary) {
    width: 32px;
    height: 32px;
    color: #212427;
    border: 1px solid #C6C6C6;
    transition: background 0.5s ease;
    border-radius: 50%;
    padding: 0;
}
	#landing-page-case-study2 .owl-nav button:not(.primary):hover {
    background-color: #f5f5f5;
}
	


.artwork-box h4 {
    font-size: 18px!important;
    line-height: 27px!important;
    font-family: 'Proxima Nova';
	}
	.faq-item { border: 1px solid #DFE1E6; border-radius: 4px; }
	.faq-title { padding: 40px; background: #FFFFFF; }

    .faq-content {background: #ffffff;}
	.faq-content ol, .faq-content ul{color: #878787; }
	.faq-content ol, .faq-content ul {font-size: 18px; padding-left: 20px;}
	.faq-content ol li, .faq-content ul li {margin-bottom:0; line-height: 27px;}
	.art-cta a{font-weight: 600; }
	.faq-content a { color: #878787;  text-decoration: underline; }
	.faq-content a:hover { color: #000000; }
	.faq-content {padding: 0 40px 40px;}
   .faq-content p, .faq-content ul, .faq-content ol {margin-bottom: 0 !important;}

	



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

	.ig-img-section .container { padding-top:64px;}	
.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;
}