/*--------------------------------------------------------------
Additional Styling Graphedia
--------------------------------------------------------------*/

/** Navigation **/

.site-nav__menu {
    justify-content: end;
}

.site-nav__menu {
    display: flex;
}

#mega-menu-wrap-header_primary_menu #mega-menu-header_primary_menu a.mega-menu-link {
    line-height: 1.2;
}


@media (max-width: 992px){
    .site-nav .container {
        flex-direction: row;
        max-width: 100%;
    }

    .site-nav__menu {
        background-image:none;
        box-shadow: none;
    }

    .SearchContainer {
        display: none;
    }

    #mega-menu-wrap-header_primary_menu #mega-menu-header_primary_menu > li.mega-menu-flyout ul.mega-sub-menu {
        padding: 15px;
    }

    #mega-menu-wrap-header_primary_menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated:focus{
        outline: none;
        box-shadow: none;
        box-shadow: none;
    }

    #mega-menu-wrap-header_primary_menu #mega-menu-header_primary_menu > li.mega-menu-item > a.mega-menu-link {
        color: #666;
        font-size: 17px;
    }

    #mega-menu-wrap-header_primary_menu #mega-menu-header_primary_menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
        color: #49eaaf;
    }

    #mega-menu-wrap-header_primary_menu #mega-menu-header_primary_menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, 
    #mega-menu-wrap-header_primary_menu #mega-menu-header_primary_menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, 
    #mega-menu-wrap-header_primary_menu #mega-menu-header_primary_menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
        color: #49eaaf;
    }
}


.page-scrolled .site-nav #mega-menu-wrap-header_primary_menu #mega-menu-header_primary_menu > li.mega-menu-item > a.mega-menu-link{
 color: #666666;
}

.page-scrolled .site-nav #mega-menu-wrap-header_primary_menu #mega-menu-header_primary_menu > li.mega-menu-item > a.mega-menu-link:hover, 
.page-scrolled .site-nav #mega-menu-wrap-header_primary_menu #mega-menu-header_primary_menu > li.mega-menu-item > a.mega-menu-link:focus {
    color: #49eaaf;
}

.page-scrolled .site-nav #mega-menu-wrap-header_primary_menu #mega-menu-header_primary_menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, 
.page-scrolled .site-nav #mega-menu-wrap-header_primary_menu #mega-menu-header_primary_menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, 
.page-scrolled .site-nav #mega-menu-wrap-header_primary_menu #mega-menu-header_primary_menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    color: #49eaaf;
}

.menu-life-science > a {
    color: #24C087 !important;
}

.menu-ingredients > a {
    color: #E27338 !important;
}

.menu-industrial > a {
    color: #1B609F !important;
}

.mega-menu-item a {
	display: block;
}

.mega-menu-item a img {
	opacity: 1;
	transition: all 0.3s;
}

.mega-menu-item a:hover img {
	opacity: 0.7;
}

.mega-menu-item p.wp-caption-text {
	display: block;
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1.1;
	text-align: center;
}


/** Tweak **/
@media (min-width: 1920px) {
    .about-page__features {
        flex: 0 1 33%;
    }
}

/** Products **/

.about-page-header__figcaption .hexagon-wrapper.gr-green {
    background-color: rgba(20, 184, 124, .75);
    background: linear-gradient(45deg, #14b87c, rgba(20, 184, 124, .5));
}

.about-page-header__figcaption .hexagon-wrapper.gr-blue {
    background-color: rgba(32, 100, 203, .6);
    background: linear-gradient(45deg, #2064cb, rgba(32, 100, 203, .5))
}

.about-page-header__figcaption .hexagon-wrapper.gr-orange {
    background-color: rgba(234, 122, 62, .6);
    background: linear-gradient(45deg, #ea7a3e, rgba(234, 122, 62, .5))
}
.gr-product-accordion {
	background-color: #eee;
	color: #444;
	cursor: pointer;
	padding: 10px 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: 0.4s;
	border-bottom: 1px solid #fff;
    position: relative;
}

.gr-product-no-accordion {
	background-color: #eee;
	color: #444;
	padding: 10px 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: 0.4s;
	border-bottom: 1px solid #fff;
    position: relative;
}

.gr-product-accordion h3,
.gr-product-no-accordion h3 {
    font-size: 1.6rem;
}

.gr-product-accordion.gr-green,
.gr-product-no-accordion.gr-green {
	background-color: rgba(20, 184, 124, .1);
}

.gr-product-accordion.gr-blue,
.gr-product-no-accordion.gr-blue {
	background-color: rgba(32, 100, 203, .1);
}

.gr-product-accordion.gr-orange,
.gr-product-no-accordion.gr-orange {
	background-color: rgba(234, 122, 62, .1);
}

.gr-product-accordion:last-of-type {
	border-bottom: 0;
}

.gr-product-accordion.active,
.gr-product-accordion:hover {
	background-color: #eee;
}

.gr-product-accordion:after {
	content: "\002B";
    position: absolute;
    right: 20px;
    top: 10px;
	color: #777;
	font-weight: 400;
    font-size: 20px;
}

.gr-product-accordion.active:after {
	content: "\2212";
}

.gr-panel {
	padding: 0 18px;
	background-color: #fff;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}

.gr-product-ingredient {
    padding: 7px;
    border-bottom: 1px solid #ccc;
}

.product-single__page-content .gr-product-ingredient p {
    margin-bottom: 0;
}

/** Home page **/

.gr-homepage-intro {
    display: flex;
    flex-direction: column;
    padding-top: 50px;
    padding-bottom: 50px;
}

.gr-homepage-welcome {
    width: 100%;
    margin-bottom: 30px;
}

.gr-homepage-intro #logo-swiper {
    width: 100%;
    margin-bottom: 30px;
}

@media (min-width:640px) {
    .gr-homepage-intro {
        display: flex;
        flex-direction: row;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    
    .gr-homepage-welcome {
        width: 70%;
    }
    
    .gr-homepage-intro #logo-swiper {
        width: 30%;
    }
    
}

/** Page Header Tweaks **/

.page-section__header .general-page-header {
    height: 300px;
}

@media (min-width: 1024px) {
    .page-section__header .general-page-header {
        height: 400px;
    }
}

.about-page-header .about-page-header__figcaption {
    padding: 2.4rem 4.8rem 2.4rem 2.4rem;
    padding: var(--size-lg) calc(var(--size-lg)* 2) var(--size-lg) var(--size-lg);
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    position: absolute;
    height: 60%;
    width: 100%;
    bottom: 0;
    right: 0;
    left: 0;
}

@media (min-width: 1024px) {
    .about-page-header .about-page-header__figcaption {
        padding: 9.6rem;
        padding: calc(var(--size-lg)* 2);
        width: 50%;
        height: 60%;
    }
}

@media (min-width: 640px) {
    .about-page-header .about-page-header__figcaption p {
        font-size: 1.4rem;
    }
}

@media (min-width: 1024px) {
    .about-page-header .about-page-header__figcaption p {
        font-size: 1.8rem;
    }
}


/** Product Category Template **/

.product-category-container {
    margin-top: 50px;
    margin-bottom: 50px;
}

/** Product Template Layout **/

.product-single__body-container {
    display: flex;
    justify-content: space-between;
}

@media (max-width:1023px) {
    .product-single__body-container {
        padding: 0;
        flex-direction: column
    }
}


.product-single__page-content {
    flex: 1;
    line-height: 1.5;
    font-size: 1.6rem;
    font-weight: 300
}

@media (min-width:1024px) {
    .product-single__page-content {
        flex: 0 1 50%;
        font-size: 1.6rem
    }
}

.product-single__page-content * {
    font-family: inherit
}

.product-single__page-content p {
    margin-bottom: 15px;
}


/* Product Range Section */

.product-range-desc {
    border-bottom: 1px solid #F3F4F4;
    padding: 0 0 15px;
    margin: 15px 0;
}

h3.product-range-desc_title {
    font-size: 1.9rem;
}

h3.product-range-desc_title.gr-green {
    color:#14b87c; 
}

h3.product-range-desc_title.gr-blue  {
    color:#2064cb; 
}

h3.product-range-desc_title.gr-orange {
    color:#ea7a3e; 
}

.product-range-desc .gr-product-accordion{
    background-color: #cccccc;
    color: #252429;
    /* border: 2px solid #cccccc; */
    cursor: pointer;
    padding: 4px 25px 4px 12px;
    margin: 10px 0;
    text-align: left;
    outline: none;
    transition: 0.4s;
    position: relative;
    width: fit-content;
    border-top-right-radius: 24px;
}

.product-range-desc .gr-product-accordion.gr-green{
    background-color: rgba(20, 184, 124, .1);
    border: 2px solid rgba(20, 184, 124, .1);
    /* border-bottom: 2px solid #14b87c; */
    color: #252429;
    
}

.product-range-desc .gr-product-accordion.gr-blue{
    background-color: rgba(32, 100, 203, .1);
    border: 2px solid rgba(32, 100, 203, .1);
    /* border-bottom: 2px solid #2064cb; */
    color: #252429;

}

.product-range-desc .gr-product-accordion.gr-orange{
    background-color: rgba(234, 122, 62, .1);
    border: 2px solid rgba(234, 122, 62, .1);
    /* border-bottom: 2px solid #ea7a3e; */
    color: #252429;
}

.product-range-desc .gr-product-accordion.gr-green:hover{
    background-color: #14b87c;
    border: 2px solid #14b87c;
    color: #fff;
}

.product-range-desc .gr-product-accordion.gr-blue:hover{
    background-color: #2064cb;
    border: 2px solid #2064cb;
    color: #fff;
}

.product-range-desc .gr-product-accordion.gr-orange:hover{
    background-color: #ea7a3e;
    border: 2px solid #ea7a3e;
    color: #fff;
}

.product-range-desc .gr-product-accordion.gr-green.active{
    background-color: #14b87c;
    border: 2px solid #14b87c;
    color: #fff;
}

.product-range-desc .gr-product-accordion.gr-blue.active{
    background-color: #2064cb;
    border: 2px solid #2064cb;
    color: #fff;
}

.product-range-desc .gr-product-accordion.gr-orange.active{
    background-color: #ea7a3e;
    border: 2px solid #ea7a3e;
    color: #fff;
}


.product-range-desc .gr-product-accordion h4 {
    position: relative;
    font-size: 1.5rem;
    font-weight: 500;
}

.product-range-desc .gr-product-accordion h4 span::after {
    position: absolute;
    display: block;
    content: '\002B';
    right: -14px; 
    top: 0;
}

.product-range-desc .gr-product-accordion.active h4 span::after {
    content: '\2212';
}



@media (min-width:1280px) {
    h3.product-single__sidebar-title {
        font-size: 1.9rem;
    }
}

h3.product-single__sidebar-title.gr-green {
    color: #14b87c;
}

h3.product-single__sidebar-title.gr-blue {
    color: #2064cb;
}

h3.product-single__sidebar-title.gr-orange {
    color: #ea7a3e;
}

.product-range-desc .gr-product-accordion::after {
    content: "";
}


.product-range-desc .gr-panel {
    padding: 0 4px;
    background-color: #fff;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}



.about-page-header__figcaption .hexagon-wrapper.gr-green {
    background-color: rgba(20, 184, 124, .75);
    background: linear-gradient(45deg, #14b87c, rgba(20, 184, 124, .5));
}

.about-page-header__figcaption .hexagon-wrapper.gr-blue {
    background-color: rgba(32, 100, 203, .6);
    background: linear-gradient(45deg, #2064cb, rgba(32, 100, 203, .5))
}

.about-page-header__figcaption .hexagon-wrapper.gr-orange {
    background-color: rgba(234, 122, 62, .6);
    background: linear-gradient(45deg, #ea7a3e, rgba(234, 122, 62, .5))
}


/* Product Sidebar */
.product-single__sidebar {
    list-style: none;
    margin: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 2.4rem 0 0;
    padding-top: var(--size-lg)
}

@media (min-width:1024px) {
    .product-single__sidebar {
        padding-top: 4.8rem;
        padding-top: var(--size-lg);
        flex: 0 1 33%
    }
}

@media (min-width:1920px) {
    .product-single__sidebar {
        flex: 0 1 33%
    }
}

@media (min-width:1024px) {
    .product-single__sidebar {
        padding-left: 4.8rem;
        padding-left: var(--size-lg);
        padding-top: 0
    }
}

.product-single__sidebar-container {
    margin-bottom: 1.6em;
    border-bottom: 2px solid #F3F4F4;
}

@media (min-width:1024px) {
    .product-single__sidebar-container {
        margin-bottom: 1.6em;
        border-top-right-radius: 24px;
        border: 2px solid #F3F4F4;
        background: #fff;
        padding: 20px 20px 10px 20px;
    }
}

.product-single__sidebar-content {
    margin: 0.8em 0;
    font-weight: 300;
}

h3.product-single__sidebar-title {
    color: rgba(37, 36, 41, .75);
    font-size: 2rem;
    line-height: 1
}

@media (min-width:1280px) {
    h3.product-single__sidebar-title {
        font-size: 2.4rem
    }
}


/** Other sidebar Tweaks **/
.about-page__feature {
    margin-bottom: 1.6em;
    border-bottom: 2px solid #F3F4F4;
}

.about-page__feature h2{
    font-size: 2.2rem;
    color: #14b87c;
}

.about-page__feature a.sidebar-link {
    display: inline-block;
    position: relative;
    font-size: 1.4rem;
    margin-bottom: 15px;
}

@media (min-width:1024px) {
    .about-page__feature {
        margin-bottom: 1.6em;
        border-top-right-radius: 24px;
        border: 2px solid #F3F4F4;
        background: #fff;
        padding: 20px 20px 10px 20px;
    }
}


/** Hexagons **/

.section-product-range-hexagons {
    position: relative;
    margin-bottom: 50px;
}

.section-product-range-hexagons_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

h2.section-product-range-hexagons-title {
    text-align: center;
    font-weight: 500;
}

.section-product-range-hex {
    position: relative;
    max-width: 260px;
    margin: 10px;
}


@media (min-width:640px) { 
    .section-product-range-hexagons_container {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
}

.flip-card {
    background-color: transparent;
    width: 260px;
    height: 260px;

  }
  
  /* This container is needed to position the front and back side */
  .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
  }
  
  /* Do an horizontal flip when you move the mouse over the flip box container */
  .flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
  }
  
  /* Position the front and back side */
  .flip-card-front,
  .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
  }
  
  .flip-card-front {
    background-color: transparent;
    color: white;
  }
  
  .flip-card-back {
    background-color: transparent;
    color: white;
    transform: rotateY(180deg);
  }

  .section-product-range-hex-content {
    position: relative;
  }

  .section-product-range-hex-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2rem;
    line-height: 1.1;
    text-align: center;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 2px 2px #000;
}

.section-product-range-hex-content-back {
    position: relative;
  }

.section-product-range-hex-info {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}

.section-product-range-hex-info h3{
    position: relative;
 font-size: 2.4rem;
 line-height: 1.1;
 font-weight: 500;
 margin-bottom: 20px;
}

.section-product-range-hex-info p {
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 400;
}

/** Product Range Page **/

.page-section-product-range .container{
    padding: 2.4rem;
}

@media (min-width:1024px) { 

    .page-section-product-range .container{
        padding: 3.6rem 9.6rem;
    }
    .page-section-product-range .product-single__page-content {
        width: 66%;
        flex: 1;
    }

}

/** Menu Tweaks **/

@media screen and (min-width: 768px) {
	#mega-menu-wrap-header_primary_menu #mega-menu-header_primary_menu > li.mega-menu-megamenu > ul.mega-sub-menu {
		left: -450px;
	}
}

@media screen and (min-width: 992px) {
	#mega-menu-wrap-header_primary_menu #mega-menu-header_primary_menu > li.mega-menu-megamenu > ul.mega-sub-menu {
		left: -250px;
	}
}

/** Chemical Supply Chain Solutions **/


[data-page=chemical-supply-chain-solutions] .section-page-content .container {
    max-width: 100% !important;
}


[data-page=chemical-supply-chain-solutions] #view-main > div:nth-child(2) {
	    background-color: #0c1f32;
    color: #fff
}

[data-page=chemical-supply-chain-solutions] .section-enquiry {
    position: relative
}

[data-page=chemical-supply-chain-solutions] .section-enquiry figure {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    height: 100%;
    left: -2.4rem;
    left: calc(var(--size-lg)*-1);
    opacity: .1;
    position: absolute;
    right: -2.4rem;
    right: calc(var(--size-lg)*-1);
    top: 0;
    width: calc(100% + 4.8rem);
    width: calc(100% + var(--size-lg)*2);
    z-index: 0
}

@media (min-width: 1024px) {
    [data-page=chemical-supply-chain-solutions] .section-enquiry figure {
        left:-4.8rem;
        left: calc(var(--size-lg)*-1);
        right: -4.8rem;
        right: calc(var(--size-lg)*-1);
        width: calc(100% + 9.6rem);
        width: calc(100% + var(--size-lg)*2)
    }
}

[data-page=chemical-supply-chain-solutions] .section-enquiry .container {
    position: relative;
    z-index: 1
}

@media (min-width: 640px) {
    [data-page=chemical-supply-chain-solutions] .section-enquiry .container {
        padding:0 2.4rem;
        padding: 0 var(--size-lg)
    }

    @media (min-width: 1024px) {
        [data-page=chemical-supply-chain-solutions] .section-enquiry .container {
            padding:0 4.8rem;
            padding: 0 var(--size-lg)
        }
    }
}

[data-page=chemical-supply-chain-solutions] .section-enquiry .enquiry-page__body {
    align-items: center;
    display: flex;
    gap: 4.8rem;
    gap: calc(var(--size-lg)*2)
}

@media (min-width: 1024px) {
    [data-page=chemical-supply-chain-solutions] .section-enquiry .enquiry-page__body {
        gap:9.6rem;
        gap: calc(var(--size-lg)*2)
    }
}

@media (max-width: 1023px) {
    [data-page=chemical-supply-chain-solutions] .section-enquiry .enquiry-page__body {
        flex-direction:column
    }
}

[data-page=chemical-supply-chain-solutions] .section-enquiry .enquiry-page__body header {
    width: 100%
}

@media (min-width: 1024px) {
    [data-page=chemical-supply-chain-solutions] .section-enquiry .enquiry-page__body header {
        flex:0 0 calc(33.33333% - 6.4rem);
        flex: 0 0 calc(33.33333% - var(--size-lg)*4/3)
    }

    @media (min-width: 1024px) {
        [data-page=chemical-supply-chain-solutions] .section-enquiry .enquiry-page__body header {
            flex:0 0 calc(33.33333% - 6.4rem);
            flex: 0 0 calc(33.33333% - var(--size-lg)*4/3)
        }
    }
}

[data-page=chemical-supply-chain-solutions] .section-enquiry .enquiry-page__body .enquiry-app {
    width: 100%
}

[data-page=chemical-supply-chain-solutions] .section-enquiry .enquiry-page__body header {
    order: -1
}

[data-page=chemical-supply-chain-solutions] .section-enquiry .enquiry-page__body header>*+* {
    margin-top: 1.6rem
}

[data-page=chemical-supply-chain-solutions] .section-enquiry .enquiry-page__body h2 {
    color: #fff;
    font-size: 3.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.1;
    text-transform: none
}

@media (min-width: 640px) {
    [data-page=chemical-supply-chain-solutions] .section-enquiry .enquiry-page__body h2 {
        font-size:4.8rem
    }
}

.step-item img {
    height: auto;
    width: 75%
}

.step-item__content:before {
    border-bottom: 4px dotted #fff;
    content: "0" counter(list-item);
    display: block;
    font-size: 4.8rem;
    font-weight: 700;
    margin-top: 1.6rem
}

@media (min-width: 640px) {
    .step-item__content:before {
        font-size:7.2rem
    }
}

.step-item__content h2 {
    font-style: normal;
    font-weight: 600;
    line-height: 1.1;
    margin-top: 1.6rem
}

.step-item__content>* {
    margin-top: 1.6rem
}

[data-page=chemical-supply-chain-solutions] .enquiry-app .checkbox-container p {
    color: hsla(0,0%,100%,.75)
}

[data-page=chemical-supply-chain-solutions] [type=date],[data-page=chemical-supply-chain-solutions] [type=email],[data-page=chemical-supply-chain-solutions] [type=number],[data-page=chemical-supply-chain-solutions] [type=tel],[data-page=chemical-supply-chain-solutions] [type=text],[data-page=chemical-supply-chain-solutions] [type=url],[data-page=chemical-supply-chain-solutions] select,[data-page=chemical-supply-chain-solutions] textarea {
    background-color: hsla(0,0%,100%,.25);
    color: #fff
}

[data-page=chemical-supply-chain-solutions] [type=date]::-moz-placeholder,[data-page=chemical-supply-chain-solutions] [type=email]::-moz-placeholder,[data-page=chemical-supply-chain-solutions] [type=number]::-moz-placeholder,[data-page=chemical-supply-chain-solutions] [type=tel]::-moz-placeholder,[data-page=chemical-supply-chain-solutions] [type=text]::-moz-placeholder,[data-page=chemical-supply-chain-solutions] [type=url]::-moz-placeholder,[data-page=chemical-supply-chain-solutions] select::-moz-placeholder,[data-page=chemical-supply-chain-solutions] textarea::-moz-placeholder {
    color: hsla(0,0%,100%,.5)
}
[data-page=chemical-supply-chain-solutions] [type=date]::placeholder,[data-page=chemical-supply-chain-solutions] [type=email]::placeholder,[data-page=chemical-supply-chain-solutions] [type=number]::placeholder,[data-page=chemical-supply-chain-solutions] [type=tel]::placeholder,[data-page=chemical-supply-chain-solutions] [type=text]::placeholder,[data-page=chemical-supply-chain-solutions] [type=url]::placeholder,[data-page=chemical-supply-chain-solutions] select::placeholder,[data-page=chemical-supply-chain-solutions] textarea::placeholder {
    color: hsla(0,0%,100%,.5)
}

[data-page=chemical-supply-chain-solutions] select {
    background-color: hsla(0,0%,100%,.25);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 4.5 3 0l3 4.5H0ZM6 9l-3 4.5L0 9h6Z' fill='%23fff'/%3E%3C/svg%3E")!important;
    color: #fff
}

[data-page=chemical-supply-chain-solutions] .checkbox-container p {
    color: #fff
}
[data-page=chemical-supply-chain-solutions] #menu-site-primary-menu .menu-item.current-menu-item>a {
    color: #2064cb
}

[data-page=chemical-supply-chain-solutions] .page-section__header .general-page-header:after,[data-page=company-profile] .page-section__header .general-page-header:after,[data-page=our-commitment-to-quality] .page-section__header .general-page-header:after,[data-page=our-people] .page-section__header .general-page-header:after {
    padding-bottom: 133%
}

@media (min-width: 640px) {
    [data-page=chemical-supply-chain-solutions] .page-section__header .general-page-header:after,[data-page=company-profile] .page-section__header .general-page-header:after,[data-page=our-commitment-to-quality] .page-section__header .general-page-header:after,[data-page=our-people] .page-section__header .general-page-header:after {
        padding-bottom:75%
    }
}

@media (min-width: 1024px) {
    [data-page=chemical-supply-chain-solutions] .page-section__header .general-page-header:after,[data-page=company-profile] .page-section__header .general-page-header:after,[data-page=our-commitment-to-quality] .page-section__header .general-page-header:after,[data-page=our-people] .page-section__header .general-page-header:after {
        padding-bottom:56.25%
    }
}

@media (min-width: 1280px) {
    [data-page=chemical-supply-chain-solutions] .page-section__header .general-page-header:after,[data-page=company-profile] .page-section__header .general-page-header:after,[data-page=our-commitment-to-quality] .page-section__header .general-page-header:after,[data-page=our-people] .page-section__header .general-page-header:after {
        padding-bottom:42.86%
    }
}

[data-page=chemical-supply-chain-solutions] .hexagon-wrapper {
    background-color: rgba(32,100,203,.6);
    background: linear-gradient(45deg,#2064cb,rgba(32,100,203,.5));
		padding-top: 50px;
	padding-bottom: 50px;
}

@media (max-width: 639px) {
    .chemical-supply-page__body>.container {
        padding:0
    }
}

.chemical-supply-page__body .section-page-content {
    padding: 4.8rem 2.4rem;
    padding: calc(var(--size-lg)*2) var(--size-lg)
}

@media (min-width: 1024px) {
    .chemical-supply-page__body .section-page-content {
        padding:9.6rem 4.8rem;
        padding: calc(var(--size-lg)*2) var(--size-lg)
    }
}

.chemical-supply-page__body .section-page-content .container {
    padding: 0
}

.page-content__steps ol {
    display: flex;
    flex-direction: column;
    gap: 4.8rem;
    gap: calc(var(--size-lg)*2);
    list-style: none;
    margin: 0;
    padding: 0
}

@media (min-width: 1024px) {
    .page-content__steps ol {
        gap:9.6rem;
        gap: calc(var(--size-lg)*2)
    }
}

@media (min-width: 640px) {
    .page-content__steps ol {
        flex-direction:row
    }
}

.step-item {
    flex: 0 0 calc(33.33333% - 3.2rem);
    flex: 0 0 calc(33.33333% - var(--size-lg)*4/3);
    list-style: none;
    position: relative;
    width: 100%
}

@media (min-width: 1024px) {
    .step-item {
        flex:0 0 calc(33.33333% - 6.4rem);
        flex: 0 0 calc(33.33333% - var(--size-lg)*4/3)
    }
}

.step-item:nth-child(2n) h2 {
    color: #ea7a3e
}

[data-page=chemical-supply-chain-solutions] .form-field label {
    color: hsla(0, 0%, 100%, .5);
}

/** Product Downloads **/


.product-single__downloads {
    padding-bottom: 30px;
    border-bottom: 1px solid #F3F4F4;
}

.product-single__download {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background-color: #F9F9F9;
    padding: 8px 14px;
    border-bottom: 1px solid #F3F4F4;
}

.product-single__download-content  {
    padding-right: 1rem;
}

h2.product-single__download-title {
    font-size: 1.8rem;
}

h2.product-single__download-title.gr-blue {
    color: #2064cb;
}

h2.product-single__download-title.gr-orange {
    color: #ea7a3e;
}

h2.product-single__download-title.gr-green {
    color: #14b87c;
}

p.product-single__download-text {
    margin-bottom: 5px;
}

.product-single__download .product-single__download-button a {
    padding: 8px 14px;
    font-size: 1.4rem;
    letter-spacing: 1px;
    display: block;
    transition: all 0.3s;
}

.product-single__download.gr-blue .product-single__download-button a {
    background-color: rgba(32, 100, 203, .1);
    border: 2px solid rgba(32, 100, 203, .1);
    color: #252429;
}

.product-single__download.gr-blue .product-single__download-button a:hover {
    background-color: #2064cb;
    border: 2px solid #2064cb;
    color: #fff;
}


.product-single__download.gr-orange .product-single__download-button a {
    background-color: rgba(234, 122, 62, .1);
    border: 2px solid rgba(234, 122, 62, .1);
    color: #252429;
}

.product-single__download.gr-orange .product-single__download-button a:hover {
    background-color: #ea7a3e;
    border: 2px solid #ea7a3e;
    color: #fff;
}


.product-single__download.gr-green .product-single__download-button a {
    background-color: rgba(20, 184, 124, .1);
    border: 2px solid rgba(20, 184, 124, .1);
    color: #252429;
}

.product-single__download.gr-green .product-single__download-button a:hover {
    background-color: #14b87c;
    border: 2px solid #14b87c;
    color: #fff;
}

@media only screen and (max-width: 600px) {
    .product-single__download {
        flex-direction: column;
        align-items: flex-start;
    }

    .product-single__download .product-single__download-button a {
        margin-top: 10px;
    }
}