@import url("https://use.typekit.net/zbo2lzw.css");
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
    --ff1: trade-gothic-next, sans-serif;
    --ff2: trade-gothic-next-condensed, sans-serif;
    --ff3: 'Inter', sans-serif;
    --bdRegular: 400;
    --bdMedium: 500;
    --bdSemiBold: 600;
    --bdBold: 700;
    --bdExtraBold: 800;
    --bd-dark-blue: #213858;
    --bd-light-blue: #7086A1;
    --bd-green: #9ACA3C;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-family: var(--ff2);
}

/*REM CALC*/

/*
1rem = 25.33px on 1440px width
remValue = designPixelValue / 25.33px (at 1440px viewport)
*/

@media (min-width: 48rem) {
    :root {
        font-size: calc(1rem + ((1vw - .48rem) * 1.389));
    }
}

.container {
    width: 100%;
    max-width: 47.3746rem;
}

.text-green {color: var(--bd-green)}
.text-white {color: #fff}

/*  HEADER CSS  */
.desktop-header {
    /*padding-top: 0.5921rem;
    padding-left: 1.1843rem;
    padding-bottom: 0.5921rem;
    padding-right: 0.7500rem;*/
    padding-top: 0.5132rem;
    padding-right: 0.7500rem;
    padding-bottom: 0.67114rem;
    padding-left: 1.1843rem;
    background-color: #fff;
}

.main-menu-warpper {
    width: max-content;
    margin-left: auto;
    display: flex;
    align-items: center;
}

.main-menu-warpper ul {
    text-align: right;
    margin-bottom: 0;
}

.main-menu-warpper ul li {
    display: inline-block;
    text-transform: uppercase;
}

.main-menu-warpper .main-menu {
    position: relative;
    margin-top: -0.3158rem;
}

.main-menu li:not(:last-child) {
    margin-right: 0.3947rem;
}

.main-menu-warpper a:not(.btn-menu) {
    font-size: 0.6711rem;
    font-weight: var(--bdBold);
    line-height: 0.8685rem;
    letter-spacing: 0.0268rem;
    text-decoration: none;
    color: var(--bd-dark-blue);
}

.main-menu-warpper a:not(.btn-menu):hover {
    color: var(--bd-green);
}

.info-menu {
    width: max-content;
    height: 1.8949rem;
    padding-left: 0.6711rem;
    margin-left: 0.9080rem;
    border-radius: 0.1184rem;
    border: 1px solid rgb(112 134 161 / 20%);
}

.info-menu li:not(:last-child) {
    margin-right: 0.4737rem;
}

.info-menu li span {
    font-family: var(--ff1);
    font-size: 0.5921rem;
    font-weight: var(--bdBold);
    line-height: normal;
    color: var(--bd-light-blue);
    text-transform: initial;
}

.info-menu li:last-child > a {
    display: block;
    /* width: 8.2116rem; */
    width: auto;
    height: 1.8949rem;
    border: none;
    padding: 0 0.7698rem !important;
    border-radius: 0 0.1184rem 0.1184rem 0;
    background-color: var(--bd-dark-blue);
    font-size: 0.6711rem;
    font-weight: var(--bdBold);
    line-height: 1.8949rem;
    letter-spacing: 0.0268rem;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    margin-top: -0.0394rem;
    margin-left: 0.1184rem;
    transition: all 0.2s linear 0s;
}

.info-menu li:last-child > a:hover {
    color: var(--bd-dark-blue);
    background-color: var(--bd-green);
}

.btn-menu {
    display: block;
/*    width: 8.2116rem;*/
    width: auto;
    height: 1.8949rem;
    border: none;
    padding: 0 0.7698rem;
    border-radius: 0 0.1184rem 0.1184rem 0;
    background-color: var(--bd-dark-blue);
    font-size: 0.6711rem;
    font-weight: var(--bdBold);
    line-height: 1.8949rem;
    letter-spacing: 0.0268rem;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    margin-top: -0.0394rem;
    margin-left: 0.1184rem;
    transition: all 0.2s linear 0s;
}

.btn-menu:hover {
    color: var(--bd-dark-blue);
    background-color: var(--bd-green);
}

.main-menu-warpper .current_page_item a {
/*     color: var(--bd-green); */
	opacity: 0.5;
}

/*  HOME HERO CSS  */
.hero {
    padding: 3.5530rem 0px 4.5400rem;
    background-color: var(--bd-dark-blue);
    position: relative;
    overflow: hidden;
}

.hero .sub-heading {
    color: #fff !important;
}

.home-hero h1 {
    font-size: 1.8949rem;
    font-weight: var(--bdBold);
    line-height: 2.3687rem;
    letter-spacing: 0.0378rem;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 1.1054rem;
}

.hero p {
    font-family: var(--ff1);
    font-size: 0.7895rem;
    font-weight: var(--bdRegular);
    line-height: 1.1843rem;
    letter-spacing: 0.0078rem;
    color: #fff;
}

.home-hero p {
    margin-bottom: 1.8555rem;
}

.cc-btn-outline {
    /* display: block; */
    width: auto;
    height: 1.9739rem;
    padding: 0 0.7895rem;
    border-radius: 0.1184rem;
    border: 0.0394rem solid;
    background-color: transparent;
    font-size: 0.6711rem;
    font-weight: var(--bdBold);
    line-height: 1.8949rem;
    letter-spacing: 0.0268rem;
    text-transform: uppercase;
    box-shadow: 0.1065rem 0.1184rem #fff;
    transition: all 0.2s linear 0s;
}

.hero .cc-btn-outline {
    padding: 0 0.5921rem 0 0.7106rem;
}

.hero .cc-btn-outline i {
    margin-left: 0.7500rem;
}

.cc-btn-outline.btn-white {
    color: #fff;
    border-color: #fff;
}

.cc-btn-outline.btn-white:hover {
    color: var(--bd-dark-blue);
    background-color: #fff;
    box-shadow: none;
}

.cc-right-side-img {
/*    width: 47.5%;*/
    width: 26.1744rem;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    right: 0;
    clip-path: polygon(100% 0, 100% 100%, 6% 100%, 0 0);
}

/*  WHY RECYLE CSS  */
.cc-why-recycle {
    position: relative;
    overflow: hidden;
    padding: 3.1583rem 0 4.0663rem;
}

.cc-why-recycle-img {
    max-width: 14.6071rem;
    margin-left: 1.0264rem;
    margin-right: auto;
    margin-top: -0.0394rem;
}

.cc-why-recycle-img img {
    border-radius: 0.1184rem;
}

.sub-heading {
    font-family: var(--ff1);
    font-size: 0.7106rem;
    font-weight: var(--bdBold);
    line-height: normal;
    letter-spacing: 0.36px;
    color: var(--bd-dark-blue);
    padding-left: 0.7106rem;
    position: relative;
    margin-bottom: 1.1843rem;
}

.sub-heading:before {
    content: " ";
    display: block;
    width: 0.0789rem;
    height: 100%;
    border-radius: 0.1184rem;
    background-color: var(--bd-green);
    position: absolute;
    top: 0;
    left: 0.0394rem;
}

.main-heading {
    font-size: 1.8949rem;
    font-weight: var(--bdBold);
    line-height: 2.2897rem;
    letter-spacing: 0.0378rem;
    text-transform: uppercase;
    color: var(--bd-dark-blue);
    margin-bottom: 1.2238rem;
}

.cc-why-recycle p {
    font-family: var(--ff1);
    font-size: 0.7895rem;
    font-weight: var(--bdRegular);
    line-height: 1.2633rem; /* 32px */
    letter-spacing: 0.0078rem;
    color: var(--bd-dark-blue);
    max-width: 20.9238rem;
    opacity: 0.9;
    margin-bottom: 0.7895rem;
}

.cc-btn-outline.btn-dark-blue {
    color: var(--bd-dark-blue);
    border-color: var(--bd-dark-blue);
    box-shadow: 0.1065rem 0.1184rem var(--bd-dark-blue);
}

.cc-why-recycle .cc-btn-outline {
    margin-top: 1.1448rem;
}

.cc-btn-outline.btn-dark-blue:hover {
    color: #fff;
    box-shadow: none;
    background-color: var(--bd-dark-blue);
}

/*  HOME ABOUT CSS  */
.cc-home-about {
    position: relative;
    z-index: 1 ;
}

.cc-home-about:before {
    content: " ";
    display: block;
    width: 100%;
    height: calc(100% - 10.0276rem);
    background-color: rgb(112 134 161 / 10%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.cc-food-warpper {
    padding: 2.3687rem 0px 2.8030rem;
}

.cc-food-warpper .sub-heading {
    margin-bottom: 1.6186rem;
}

.cc-food-card-list {
    margin-bottom: 0;
    display: flex;
}

.cc-food-card-warpper {
    display: inline-flex;
    min-height: 10.2250rem;
}

.cc-food-card-list li:not(:last-child) {
    margin-right: 0.7106rem;
}

.cc-food-card {
    height: 100%;
    max-width: 8.6063rem;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    /*border-radius: 0.1184rem;
    border: 1px solid var(--bd-dark-blue);*/
}

.cc-food-card-icon-box {
    padding: 0 0.7895rem;
    border-radius: 0.1184rem 0.1184rem 0 0;
    background-color: var(--bd-dark-blue);
    position: relative;
    /*border: 1px solid;
    border-color: transparent;
    border-bottom: none;*/
/*    margin-top: -0.0394rem;*/
}

.cc-food-card-icon-box i {
    font-size: 1.0264rem;
    line-height: 2.3687rem;
    color: #fff;
}

.cc-food-card-content {
    border: 1px solid var(--bd-dark-blue);
    border-top: none;
    border-radius: 0 0 0.1184rem 0.1184rem;
    padding: 0.5921rem 1.5791rem 0.5921rem 0.7500rem;
    flex-grow: 1;
}

.cc-food-card-content h4 {
    font-size: 1.2633rem;
    font-weight: var(--bdBold);
    line-height: 1.5159rem;
    letter-spacing: 0.0126rem;
    text-transform: uppercase;
    color: var(--bd-dark-blue);
    margin-bottom: 0.5921rem;
}

.cc-food-card-content p {
    font-family: var(--ff1);
    font-size: 0.7106rem;
    font-weight: var(--bdRegular);
    line-height: 0.994rem;
    letter-spacing: 0.0071rem;
    color: var(--bd-dark-blue);
    margin-bottom: 0;
    opacity: 0.9;
}

.cc-food-card-hover {
    position: relative;
/*    overflow: hidden;*/
    z-index: 1;
}

.cc-food-card-hover:before {
    content: " ";
    display: block;
    width: 100%;
    height: 2.3687rem;
    border-radius: 0.1184rem 0.1184rem 0 0;
    background-color: var(--bd-dark-blue);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all .7s cubic-bezier(0.95, 0.055, 0.33, 1);
    -moz-transition: all .7s cubic-bezier(0.95, 0.055, 0.33, 1);
    -webkit-transition: all .4s cubic-bezier(0.95, 0.055, 0.33, 1);
    -o-transition: all .7s cubic-bezier(0.95, 0.055, 0.33, 1);
    -ms-transition: all .7s cubic-bezier(0.95, 0.055, 0.33, 1);
}

.cc-food-card-hover:hover {}

.cc-food-card-hover:hover:before {
    height: 100%;
    border-radius: 0.1184rem;
    transition: all .4s cubic-bezier(0.95, 0.055, 0.33, 1);
    -moz-transition: all .4s cubic-bezier(0.95, 0.055, 0.33, 1);
    -webkit-transition: all .4s cubic-bezier(0.95, 0.055, 0.33, 1);
    -o-transition: all .4s cubic-bezier(0.95, 0.055, 0.33, 1);
    -ms-transition: all .4s cubic-bezier(0.95, 0.055, 0.33, 1);
}

.cc-food-card-hover .cc-food-card-icon-box {
/*    background-color: transparent;*/
}

.cc-food-card-hover .cc-food-card-content,
.cc-food-card-hover .cc-food-card-content > * {
    transition: all .7s;
}

.cc-food-card-hover:hover .cc-food-card-content,
.cc-food-card-hover:hover .cc-food-card-content > * {
    color: #fff !important;
    transition: all .4s;
}

.cc-food-card-hover:hover .cc-food-card-content h4 {
    color: var(--bd-green) !important;
}

/*.cc-food-card-warpper:nth-child(2) .cc-food-card-hover .cc-food-card-icon-box {
    transition: all .7s;
}

.cc-food-card-warpper:nth-child(2) .cc-food-card-hover:before {
    background-color: var(--bd-dark-blue);
}

.cc-food-card-warpper:nth-child(2) .cc-food-card-hover:hover:before {
    background-color: var(--bd-green);
}

.cc-food-card-warpper:nth-child(2) .cc-food-card-hover:hover .cc-food-card-icon-box {
    transition: all .2s;
}

.cc-food-card-warpper:nth-child(2) .cc-food-card-hover:hover .cc-food-card-content {
    border-color: var(--bd-green);
}*/

.boxed-section {
    max-width: calc(100% - 2.3687rem);
    margin-inline: auto;
    border-radius: 0.1184rem;
}

.cc-address-locator-warpper {
    padding: 2.3292rem 0 3.1583rem;
    background-color: var(--bd-dark-blue);
}

.cc-address-locator-warpper .sub-heading {
    color: #fff;
}

.cc-address-locator-warpper h2 {
    font-size: 1.5791rem;
    font-weight: var(--bdBold);
    line-height: 1.9739rem;
    letter-spacing: 0.0315rem;
    text-transform: uppercase;
    color: #fff;
    max-width: 30.3987rem;
    margin-bottom: 1.1843rem;
}

.cc-address-locator-warpper p {
    font-family: var(--ff1);
    font-size: 0.7106rem;
    font-weight: var(--bdRegular);
    line-height: 0.9948rem;
    letter-spacing: 0.0071rem;
    color: #fff;
    opacity: 0.9;
    margin-bottom: 0;
}

.cc-address-input-warpper {
    margin-top: 1.9739rem;
}

.cc-address-input-warpper form {
    margin-bottom: 0;
}

.cc-address-input-warpper .input-group {
    margin-bottom: 0.7895rem;
}

.cc-address-input-warpper .input-group input,
.cc-address-input-warpper .input-group input:focus {
    width: 1%;
    height: 2.3687rem;
    padding: 0 0.7895rem;
    border: 1px solid #fff;
    border-radius: 0.1579rem 0 0 0.1579rem;
    background-color: #fff;
    font-family: var(--ff1);
    font-size: 0.7106rem;
    font-style: italic;
    font-weight: var(--bdBold);
    letter-spacing: 0.0071rem;
    line-height: 2.3687rem;
    color: var(--bd-dark-blue);
    text-transform: none !important;
    margin-bottom: 0;
}

.cc-address-input-warpper .input-group input::placeholder {
    color: var(--bd-dark-blue);
}

.cc-address-input-warpper .input-group-append {
    margin-left: 0;
}

.cc-address-input-warpper .input-group .btn-submit {
    width: 3.4741rem;
    height: 2.3687rem;
    padding: 0 1.1843rem;
    border: 2px solid var(--bd-green);
    border-radius: 0 0.1184rem 0.1184rem 0;
    background-color: var(--bd-green);
    font-size: 1.2633rem;
/*     line-height: 2.3687rem; */
    line-height: 1.1054rem;
    letter-spacing: 0.0252rem;
    color: #fff;
    transition: all 0.2s linear 0s;
}

.cc-address-input-warpper .input-group .btn-submit:hover {
    color: var(--bd-green);
    background-color: #fff;
}

.cc-address-input-warpper p {
    font-size: 0.6316rem;
    line-height: 1.1843rem;
    margin-top: 0.7895rem;
}

/*  ABOUT HERO CSS  */
.about-hero {
    padding: 3.553rem 0px 4.8559rem;
}

.about-hero h1 {
    font-size: 1.7370rem;
    font-weight: var(--bdBold);
    line-height: 2.0923rem;
    letter-spacing: 0.0347rem;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 1.2238rem;
}

.about-hero p {
    max-width: 28.8195rem;
    line-height: 1.2633rem;
    letter-spacing: 0.0078rem;
    margin-bottom: 0.7895rem;
}

.about-hero .cc-btn-outline {
/*     margin-top: 0.3947rem; */
    margin-top: 1.1843rem;
}

/*  ABOUT WHO WE ARE CSS  */
.cc-about-who-we-are {
    padding-top: 3.1583rem;
    padding-bottom: 4.0663rem;
}

.cc-about-who-we-are .main-heading {
    max-width: 15.7915rem;
}

.cc-about-who-we-are p {
    font-family: var(--ff1);
    font-weight: var(--bdRegular);
    font-size: 0.7895rem;
    line-height: 1.1843rem;
    letter-spacing: 0.0078rem;
    color: var(--bd-dark-blue);
    max-width: 30.2803rem;
    margin-bottom: 0.7895rem;
}

.cc-about-who-we-are .cc-btn-outline {
    margin-top: 1.1448rem;
}

.cc-mmeber-box-warpper {
    max-width: 10.6592rem;
    margin-left: auto;
    margin-top: 0.9474rem;
}

.cc-mmeber-box-warpper span {
    font-family: var(--ff1);
    font-weight: var(--bdBold);
    font-size: 0.7106rem;
    line-height: 0.9474rem;
    letter-spacing: 0.0142rem;
    color: var(--bd-green);
    display: block;
    text-align: center;
}

.cc-member-companies-list {
    margin-bottom: 0;
}

.cc-member-companies-list li {
    padding: 1.6581rem 0 1.7370rem;
    text-align: center;
}

.cc-member-companies-list li:first-child {
    padding: 1.7765rem 0 1.7370rem;
}

.cc-member-companies-list li:not(:last-child) {
    border-bottom: 0.0394rem solid rgb(112 134 161 / 50%);
}

.cc-member-companies-list li:last-child .cc-member-logo-link img {
    display: block;
    width: 100%;
    max-width: 7.895776rem;
    margin-inline: auto;
}

/*  ABOUT HISTORY CSS  */
.cc-about-histoy {
    padding-top: 2.3687rem;
    position: relative;
}

.cc-about-histoy:before {
    content: " ";
    display: block;
    width: 100%;
    height: calc(100% - 9.0801rem);
    background-color: rgb(112 134 161 / 10%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.cc-history-swiper-warpper {
    width: 100%;
    max-width: calc(50% + 23.6873rem);
    margin-left: auto;
}

.cc-history-swiper-warpper .swiper-slide {
    max-width: 14.6071rem;
    height: auto;
}

.cc-history-post-warpper {
    width: 100%;
    min-height: 18.1602rem;
    border-radius: 0.1184rem;
    background-color: var(--bd-dark-blue);
    display: flex;
    flex-wrap: wrap;
}

.cc-history-post {
    height: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 0.1184rem;
    padding: 1.5791rem 2.3292rem 1.9739rem 1.1843rem;
    background-color: var(--bd-dark-blue);
}

.cc-history-post .sub-heading {
    padding-left: 0;
    color: var(--bd-green);
    margin-bottom: 0.7895rem;
}

.cc-history-post .sub-heading::before {
    content: none;
}

.cc-history-post-title {
    font-weight: var(--bdBold);
    font-size: 1.1054rem;
    line-height: 1.3422rem;
    letter-spacing: 0.56px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 0.7106rem;
}

.cc-history-post p {
    font-family: var(--ff1);
    font-weight: var(--bdRegular);
    font-size: 0.7106rem;
    line-height: 0.9080rem;
    letter-spacing: 0.0071rem;
    color: #fff;
    opacity: 0.8;
    margin-bottom: 0;
}

.cc-history-swiper {
    padding-bottom: 2.1713rem;
}

.cc-history-swiper .swiper-button-next, .cc-history-swiper .swiper-button-prev {
    width: 1.8949rem;
    height: 1.5791rem;
    top: auto;
    bottom: 0;
    border-radius: 0.1184rem;
    background-color: var(--bd-dark-blue);
}

.cc-history-swiper .swiper-button-next {
    left: 2.2897rem;
}

.cc-history-swiper .swiper-button-prev {
    left: 0;
}

.cc-history-swiper .swiper-button-next:after, .cc-history-swiper .swiper-button-prev:after {
    font-size: 0.8685rem;
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    color: #fff;
}

.cc-history-swiper .swiper-button-next:after {
    content: "\f054";
}

.cc-history-swiper .swiper-button-prev:after {
    content: "\f053";
}

/*  NEWS HERO CSS  */
.news-hero {
    padding: 3.5530rem 0 4.7374rem;
}

.news-hero .sub-heading {
    margin-bottom: 0.7895rem;
}

.news-hero h1 {
    font-weight: var(--bdBold);
    font-size: 1.8949rem;
    line-height: 2.2897rem; /* 57.6px */
    letter-spacing: 0.0378rem;
    text-transform: uppercase;
    color: #fff;
    max-width: 16.9759rem;
    margin-bottom: 1.2238rem;
}

.news-hero h1 a {
    color: #fff;
    text-decoration: none;
}

.news-hero h1 a:hover {
    color: var(--bd-green);
}

.news-hero p {
    font-family: var(--ff2);
    font-weight: var(--bdBold);
    font-size: 0.7106rem;
    line-height: 0.8685rem;
    letter-spacing: 0.0284rem;
    text-transform: uppercase;
    color: var(--bd-green);
    margin-bottom: 0;
}

.news-hero p a {
    color: var(--bd-green);
    text-decoration: none;
}

.news-hero p a:hover {
    color: #fff;
}

.news-hero p span {
    margin-left: 0.1579rem;
    margin-right: 0.2763rem;
}

.news-hero ul li {
    font-weight: var(--bdBold);
    font-size: 0.7106rem;
    line-height: 0.8685rem;
    letter-spacing: 0.0284rem;
    text-transform: uppercase;
    color: var(--bd-green);
}

.news-hero ul li a {
    color: var(--bd-green);
    text-decoration: none;
}

.news-hero .cc-right-side-img {
    width: 32.3726rem;
}

/*  NEWS POSTS CSS  */
.cc-news-posts {
    padding-top: 3.1583rem;
    padding-bottom: 3.9478rem;
    border-bottom: 0.0789rem solid rgb(112 134 161 / 10%);
}

.cc-news-posts h2 {
    font-weight: var(--bdBold);
    font-size: 1.5791rem;
    line-height: 1.9739rem;
    letter-spacing: 0.0315rem;
    text-transform: uppercase;
    margin-bottom: 1.1843rem;
    color: var(--bd-dark-blue);
}

.cc-news-posts .cc-latest-post-warpper {
    margin-bottom: 2.3687rem;
}

.cc-news-posts .cc-latest-post-title {
    text-transform: capitalize;
}

.btn-view-more {
    display: block;
    width: 100%;
    height: 1.9739rem;
    border: none;
    padding: 0 0.7895rem;
    border-radius: 0.1184rem;
    background-color: rgb(112 134 161 / 25%);
    font-weight: var(--bdBold);
    font-size: 0.6711rem;
    line-height: 1.9739rem;
    letter-spacing: 0.0268rem;
    text-align: center;
    text-transform: uppercase;
    color: var(--bd-dark-blue);
    margin-top: 0.1579rem;
}

.btn-view-more:hover {
    color: #fff;
    background-color: var(--bd-dark-blue);
}

/*  NEWS PRESS CSS  */
.cc-news-podcast-post {
    padding-bottom: 1.579155rem;
}

.cc-news-podcast-post h2 {
    display: flex;
    align-items: center;
}

.bd_learn_more {
    font-weight: var(--bdBold);
    font-size: 0.789578rem;
    letter-spacing: 0.0268rem;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--bd-green);
    display: block;
    width: max-content;
    margin-left: auto;
    margin-top: 0.473747rem;
}

.bd_learn_more:hover {
    color: var(--bd-dark-blue);
    text-decoration: underline;
}

/*  NEWS PRESS CSS  */
.cc-press-posts {
    padding-top: 3.1188rem;
    padding-bottom: 4.0663rem;
    border-bottom: 0.0789rem solid rgb(112 134 161 / 10%);
}

.cc-press-posts h2,
.cc-the-news-posts h2 {
    font-weight: var(--bdBold);
    font-size: 1.5791rem;
    line-height: normal;
    letter-spacing: 0.0315rem;
    text-transform: uppercase;
    color: var(--bd-dark-blue);
    display: flex;
    align-items: center;
    margin-bottom: 2.3687rem;
}

.cc-press-posts h2 a,
.cc-the-news-posts h2 a,
.cc-news-podcast-post h2 a {
    font-size: 0.6711rem;
    letter-spacing: 0.0268rem;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--bd-green);
    margin-top: 0.0789rem;
    margin-left: 0.7895rem;
    position: relative;
    z-index: 2;
}

.cc-press-posts h2 a:hover,
.cc-the-news-posts h2 a:hover,
.cc-news-podcast-post h2 a:hover {
    color: var(--bd-dark-blue);
}

.cc-press-post-warpper {
    padding-top: 1.5396rem;
    padding-bottom: 2.9214rem;
    border-bottom: 0.0789rem solid rgb(112 134 161 / 10%);
    border-right: 0.0789rem solid rgb(112 134 161 / 10%);
}

.cc-press-post-warpper:nth-child(2n) {
    border-right: none;
}

.cc-press-post-warpper:first-child,
.cc-press-post-warpper:nth-child(2) {
    padding-top: 0 !important;
}

.cc-press-post-warpper:last-child,
.cc-press-post-warpper:nth-last-child(2) {
    padding-bottom: 0 !important;
    border-bottom: none;
}

.cc-press-post-box {
    padding-left: 1.5791rem;
    padding-right: 2.3687rem;
}

.cc-press-post-warpper:nth-child(2n) .cc-press-post-box {
    padding-left: 0.9869rem;
}

.cc-press-post-title {
    font-weight: var(--bdBold);
    font-size: 1.1054rem;
    line-height: 1.3422rem; /* 33.6px */
    letter-spacing: 0.0221rem;
    text-transform: capitalize;
    color: var(--bd-dark-blue);
    max-width: 16.9759rem;
    margin-bottom: 0.8290rem;
}

.cc-press-post-box p {
    margin-bottom: 0;
}

.cc-press-post-title a {
    color: var(--bd-dark-blue);
    text-decoration: none;
}

/* .cc-press-post-title a:hover {
    color: var(--bd-green);
} */

.cc-date {
    font-weight: var(--bdBold);
    font-size: 0.7106rem;
    line-height: 0.8685rem;
    letter-spacing: 0.0284rem;
    text-transform: uppercase;
    color: #7086A1;
}

.cc-press-post-box:hover p .cc-date,
.cc-press-post-box:hover .cc-press-post-title a {
    color: var(--bd-green);
}

/*  NEWS CARTON COUNCIL CSS  */
.cc-the-news-posts {
    padding-top: 3.1188rem;
    padding-bottom: 6.1192rem;
}

.cc-the-news-posts h2 {
    margin-bottom: 2.3292rem;
}

.cc-the-news-posts .cc-press-post-box p {
    font-weight: var(--bdBold);
    font-size: 0.7106rem;
    line-height: 0.8685rem;
    letter-spacing: 0.0284rem;
    text-transform: uppercase;
    color: var(--bd-green);
}

.cc-the-news-posts .cc-press-post-box p a {
    color: var(--bd-green);
    text-decoration: none;
}

.cc-the-news-posts .cc-press-post-box p a:hover {
    color: var(--bd-dark-blue);
}

.cc-the-news-posts .cc-press-post-box p .cc-date {
    color: var(--bd-green);
}

.cc-the-news-posts .cc-press-post-box p span:not(.cc-date) {
    margin-left: 0.3158rem;
    margin-right: 0.1973rem;
}

/*  FAQS HERO CSS  */
.faqs-hero {
    padding-bottom: 4.6979rem;
}

.faqs-hero .sub-heading {}

.faqs-hero h1 {
    font-size: 1.8949rem;
    font-weight: var(--bdBold);
    line-height: 2.2897rem;
    letter-spacing: 0.0378rem;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 0;
}

/*  ACCORDION SECTION CSS  */
.cc-faqs-section {
    padding-top: 3.1583rem;
    padding-bottom: 2.9609rem;
}

.cc-faqs-section .sub-heading {}

.cc-about-carton-accordian,
.cc-recycling-access-accordian,
.cc-recycling-process-accordian {
    padding-bottom: 3.1583rem;
}

.cc-accordion-warpper {
    max-width: 38.2945rem;
    margin-inline: auto;
}

.cc-accordion-warpper .accordion-item {
    border: none;
    border-radius: 0;
    background-color: transparent;
}

.cc-accordion-warpper .accordion-item:not(:last-child) {
    margin-bottom: 0.7895rem;
}

.cc-accordion-warpper .accordion-item .accordion-header {
    min-height: 4.7374rem;
    padding-left: 1.1843rem;
    padding-right: 1.1843rem;
    padding-top: 0.7895rem;
    padding-bottom: 0.7895rem;
    background-color: var(--bd-dark-blue);
    border-radius: 0.1184rem 0.1184rem 0 0;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.cc-accordion-warpper .accordion-item .accordion-header.collapsed {
    border-radius: 0.1184rem;
    background-color: rgb(112 134 161 / 11%);
}

.cc-accordion-warpper .accordion-item .accordion-header span {
    font-weight: var(--bdBold);
    font-size: 0.9474rem;
    line-height: 1.1448rem;
    letter-spacing: 0.0189rem;
    text-transform: capitalize;
    max-width: 29.2143rem;
    color: #fff;
}

.cc-accordion-warpper .accordion-item .accordion-header.collapsed span {
    color: var(--bd-dark-blue);
}

.cc-accordion-warpper .accordion-item .accordion-header i {
    font-size: 1.2633rem;
    line-height: 1.8949rem;
    letter-spacing: 0.0252rem;
    color: var(--bd-green);
    display: inline-block;
    margin-left: auto;
    transform: rotate(180deg);
}

.cc-accordion-warpper .accordion-item .accordion-header.collapsed i {
    transform: none;
}

.cc-accordion-content .accordion-body {
    background-color: rgb(112 134 161 / 11%);
    border-radius: 0 0 0.1184rem 0.1184rem;
    padding: 1.5791rem 1.5791rem 0.8685rem 1.1843rem;
}

.cc-accordion-content .accordion-body p {
    font-family: var(--ff1);
    font-weight: var(--bdRegular);
    font-size: 0.7895rem;
    line-height: 1.1843rem;
    letter-spacing: 0.0078rem;
    color: var(--bd-dark-blue);
    max-width: 30.2803rem;
    margin-bottom: 0.9869rem;
}

.cc-accordion-content .accordion-body ul {
    list-style: none;
    padding-left: 1.1843rem;
    max-width: 30.2803rem;
    margin-bottom: 0.9869rem;
}

.cc-accordion-content .accordion-body ul li {
    padding-left: 1.1448rem;
    font-family: var(--ff1);
    font-weight: var(--bdRegular);
    font-size: 0.7895rem;
    line-height: 1.1843rem;
    letter-spacing: 0.0078rem;
    color: var(--bd-dark-blue);
    position: relative;
}

.cc-accordion-content .accordion-body ul li:before {
    content: " ";
    display: block;
    width: 0.0789rem;
    height: 100%;
    border-radius: 0.1184rem;
    background-color: var(--bd-green);
    position: absolute;
    top: 0;
    left: 0.0789rem;
}

.cc-accordion-content .accordion-body ul li:not(:last-child) {
    margin-bottom: 0.5921rem;
}

/*  LANDING PAGE HERO CSS  */
.landing-page-hero {
    padding: 3.553rem 0 7.8562rem;
}

.landing-page-hero h1 {
    font-weight: var(--bdBold);
    font-size: 1.8949rem;
    line-height: 2.2897rem;
    letter-spacing: 0.0378rem;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 1.2238rem;
}

.landing-page-hero p {
    line-height: 1.2633rem;
    max-width: 20.9238rem;
    margin-bottom: 0.7895rem;
}

.landing-page-hero p strong {
    font-weight: var(--bdBold);
}

.landing-page-hero ul {
    padding-left: 1.184366rem;
    margin-bottom: 0;
}

.landing-page-hero ul li {
    font-family: var(--ff1);
    font-size: 0.7895rem;
    font-weight: var(--bdRegular);
    line-height: 1.1843rem;
    letter-spacing: 0.0078rem;
    color: #fff;
}

.landing-page-hero ul li:not(:last-child) {
    margin-bottom: 0.7895rem;
}

.cc-lp-form-box {
    display: block;
    width: 100%;
    max-width: 18.5550rem;
    margin-left: auto;
    border-radius: 0.1184rem;
    background-color: #fff;
    padding: 1.5791rem 1.3817rem 2.0923rem;
}

.cc-lp-form-box .sub-heading {
    color: var(--bd-dark-blue) !important;
    margin-bottom: 0.7895rem;
    margin-inline: 0.1973rem;
}

.cc-lp-form-box form {
    margin-bottom: 0;
}

.nf-form-fields-required {
    display: none;
}

.nf-form-content {
    padding: 0 !important;
}

.nf-field-container {
    margin-bottom: 0.7895rem !important;
}

.nf-form-content input:not([type=submit] , input[type=checkbox]) {
    width: 100%;
    height: 1.8949rem !important;
    padding: 0 0.5921rem;
    border: 1px solid rgb(112 134 161 / 50%) !important;
    border-radius: 0.1184rem !important;
    background-color: #fff !important;
    font-weight: var(--bdBold);
    font-size: 0.5921rem;
    line-height: 1.8949rem;
    letter-spacing: 0.0236rem;
    text-transform: uppercase;
    color: var(--bd-dark-blue) !important;
}

.nf-form-content input::placeholder,
.nf-form-content textarea::placeholder {
    color: var(--bd-dark-blue) !important;
}

.nf-form-content .list-select-wrap .nf-field-element>div,
.nf-form-content .list-select-wrap>div select {
    width: 100%;
    height: 1.8949rem !important;
    padding: 0 0.5921rem !important;
    border: 1px solid rgb(112 134 161 / 50%) !important;
    border-radius: 0.1184rem !important;
    background-color: transparent !important;
    font-weight: var(--bdBold);
    font-size: 0.5921rem !important;
    line-height: 1.8949rem;
    letter-spacing: 0.0236rem;
    text-transform: uppercase;
    color: var(--bd-dark-blue) !important;
}

.nf-form-content .list-select-wrap>div div:after {
    height: 1.8949rem !important;
    font-family: "Font Awesome 6 pro" !important;
    color: var(--bd-dark-blue) !important;
    font-size: 0.5921rem !important;
    line-height: 1.8949rem !important;
    z-index: 1099;
}

.nf-form-content textarea {
    width: 100% !important;
    padding: 0.5921rem 0.5921rem !important;
    border: 1px solid rgb(112 134 161 / 50%) !important;
    border-radius: 0.1184rem !important;
    background-color: #fff !important;
    font-weight: var(--bdBold);
    font-size: 0.5921rem !important;
    line-height: 0.9474rem;
    letter-spacing: 0.0236rem;
    text-transform: uppercase;
    color: var(--bd-dark-blue) !important;
}

.nf-error.field-wrap .nf-field-element:after {
    content: none !important;
}

.nf-error .nf-error-msg {
    font-size: 0.5527rem;
    line-height: 0.7895rem;
    margin-top: 0.1973rem;
}

.nf-field-container.submit-container {
    margin-top: 0.3947rem;
    margin-bottom: 0 !important;
}

.nf-form-content .checkbox-container label {
    font-weight: var(--bdBold) !important;
    font-size: 0.7106rem !important;
    line-height: 0.94749rem !important;
    margin: 0 0 0 1.2633rem !important;
    color: var(--bd-dark-blue) !important;
}

.nf-form-content .checkbox-container label:after,
.nf-form-content .checkbox-container label:before {
    width: 0.78957rem !important;
    height: 0.78957rem !important;
    border-radius: 0.1184rem !important;
    left: -1.2633rem !important;
    top: 0.0513rem !important;
}

.nf-form-content .checkbox-container label:after {
    border: 1px solid rgb(112 134 161 / 50%) !important;
    background-color: #fff !important;
}

.nf-form-content .checkbox-container .checkbox-wrap .nf-field-label label:before {
    font-family: "Font Awesome 6 Pro" !important;
    font-size: 0.5527rem !important;
    line-height: 0.78957rem !important;
    text-align: center !important;
    background-color: var(--bd-dark-blue) !important;
    color: #fff !important;
}

.nf-field-container .ninja-forms-req-symbol {
    display: none !important;
}

.nf-form-content input[type=submit] {
    display: block;
    width: 100% !important;
    height: 2.3687rem !important;
    padding: 0 0.7895rem;
    border: none !important;
    border-radius: 0.1184rem !important;
    background-color: var(--bd-green) !important;
    font-weight: var(--bdBold);
    font-size: 0.7895rem;
    line-height: 2.3687rem;
    letter-spacing: 0.0315rem;
    text-transform: uppercase;
    color: #fff !important;
    cursor: pointer;
}

.nf-form-content input[type=submit]:hover {
    color: #fff !important;
    background-color: var(--bd-dark-blue) !important;
}

.nf-after-form-content .nf-error-field-errors {
    display: none;
}

.nf-input-limit {
    margin-top: 0 !important;
}

.nf-response-msg p {
    color: var(--bd-dark-blue) !important;
}

.col-input-6 {
    width: calc(50% - 0.2210rem);
    display: inline-block;
}

#last_name {
    border-radius: 0 0.1184rem 0.1184rem 0;
}

#first_name {
    border-radius: 0.1184rem 0 0 0.1184rem;
}

.form-control, .form-control:focus {
    width: 100%;
    height: 1.8949rem;
    padding: 0 0.5921rem;
    border: 1px solid rgb(112 134 161 / 50%);
    border-radius: 0.1184rem;
    background-color: #fff;
    font-weight: var(--bdBold);
    font-size: 0.5921rem;
    line-height: 1.8949rem;
    letter-spacing: 0.0236rem;
    text-transform: uppercase;
    color: var(--bd-dark-blue);
    margin-bottom: 0.7895rem;
}

.form-control::placeholder {
    color: var(--bd-dark-blue);
}

.btn-form-submit {
    display: block;
    width: 100%;
    height: 2.3687rem;
    padding: 0 0.7895rem;
    border: none;
    border-radius: 0.1184rem;
    background-color: var(--bd-green);
    font-weight: var(--bdBold);
    font-size: 0.7895rem;
    line-height: 2.3687rem;
    letter-spacing: 0.0315rem;
    text-transform: uppercase;
    color: #fff;
    margin-top: 1.1843rem;
}

.btn-form-submit:hover {
    color: #fff;
    background-color: var(--bd-dark-blue);
}

/*  SINGLE POST HERO CSS  */
.cc-single-hero {
    padding: 3.5925rem 0 4.3031rem;
}

.cc-single-hero p {
    margin-bottom: 0.7895rem;
}

.cc-single-hero h1 {
    margin-bottom: 0.8290rem;
}

/*  SINGLE POST CONTENT CSS  */

.news-hero p .single-cat-seprator:last-child {
    display: none;
}

.cc-single-posts-section {
    padding-top: 3.1977rem;
    padding-bottom: 3.9478rem;
    border-bottom: 0.0789rem solid rgb(112 134 161 / 10%);
}

.cc-single-post-content-warpper {
    max-width: 38.2945rem;
    margin-inline: auto;
}

.cc-single-post-content {
    max-width: 37.1891rem;
    margin-right: auto;
    padding-bottom: 0.3553rem;
}

.cc-single-post-content h2,
.cc-single-post-content h3 {
    font-weight: var(--bdBold);
    font-size: 1.4212rem;
    line-height: 1.7370rem;
    letter-spacing: 0.0284rem;
    color: var(--bd-dark-blue);
    text-transform: uppercase;
    margin-bottom: 1.1843rem;
}

.cc-single-post-content p {
    font-family: var(--ff3);
    font-weight: var(--bdRegular);
    font-size: 0.7895rem;
    line-height: 1.4212rem;
    letter-spacing: 0.0078rem;
    color: var(--bd-dark-blue);
    margin-bottom: 1.1843rem;
}

.cc-single-post-content p a {
    color: var(--bd-green);
}

.cc-single-post-content p a:hover {
    text-decoration: none;
}

.cc-single-post-content ul {
    list-style: none;
    padding-top: 0.3553rem;
    padding-left: 1.8555rem;
    margin-bottom: 1.9739rem;
}

.cc-single-post-content ul li {
    position: relative;
    padding-left: 0.7500rem;
    font-family: var(--ff1);
    font-weight: var(--bdBold);
    font-size: 0.7106rem;
    line-height: 0.9080rem;
    letter-spacing: 0.0142rem;
    color: var(--bd-dark-blue);
}

.cc-single-post-content ol {
    padding-top: 0.3553rem;
    padding-left: 1.8555rem;
    margin-bottom: 1.9739rem;
}

.cc-single-post-content ol li {
    position: relative;
    padding-left: 0.473747rem;
    font-family: var(--ff1);
    font-weight: var(--bdMedium);
    font-size: 0.7106rem;
    line-height: 1.184366rem;
    letter-spacing: 0.0142rem;
    color: var(--bd-dark-blue);
}

.cc-single-post-content ol li:not(:last-child),
.cc-single-post-content ul li:not(:last-child) {
    margin-bottom: 1.1054rem;
}

.cc-single-post-content ul li:before {
    content: " ";
    display: block;
    width: 0.0789rem;
    height: 100%;
    border-radius: 0.1184rem;
    background-color: var(--bd-green);
    position: absolute;
    top: 0;
    left: 0.0394rem;
}

.cc-single-post-content .wp-block-video {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.cc-single-post-content .wp-block-video > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.cc-post-share-button {
    list-style: none;
    padding-left: 0;
    column-count: 4;
    column-gap: 0.9818rem;
    margin-bottom: 0;
}

#ks1 {
    position: absolute;
    left: -999999px;
}

.cc-post-share-button li a,
.cc-post-share-button li button {
    width: 100%;
    height: 2.1318rem;
    border: none;
    border-radius: 0.1184rem;
    padding: 0 0.4342rem 0 0.7500rem;
    font-weight: var(--bdBold);
    font-size: 0.7500rem;
    line-height: 2.0923rem;
    letter-spacing: 0.0300rem;
    text-align: left;
    text-transform: uppercase;
    color: #fff;
    display: inline-flex;
/*     align-items: center; */
    justify-content: space-between;
}

.cc-post-share-button li a span i,
.cc-post-share-button li button span i {
    font-size: 0.7895rem;
    margin-left: 0.5922rem;
    margin-top: 0.0394rem;
}

.btn-copy {
    background-color: var(--bd-green);
}

.btn-tweet {
    background-color: #1DA1F2;
}

.btn-facebook {
    background-color: #1877F2;
}

.btn-linkdin {
    background-color: #0A66C2;
}

.cc-post-share-button li a:hover,
.cc-post-share-button li button:hover {
    color: #fff;
    background-color: var(--bd-dark-blue);
}

/*  CATEGORY PAGE HERO CSS  */
.cc-category-hero {
    padding-top: 3.2767rem;
    padding-bottom: 3.2767rem;
    background-color: var(--bd-dark-blue);
}

.cc-category-hero .sub-heading {
    padding-left: 0;
    color: var(--bd-green);
    margin-bottom: 0 !important;
}

.cc-category-hero .sub-heading:before {
    content: none;
}

/*  CATEGORY PAGE POST CSS  */
.cc-category-posts {
    padding-top: 3.1583rem;
    padding-bottom: 6.3166rem;
    background-color: #fff;
}

.cc-category-posts .cc-press-post-warpper {
    padding-top: 1.5791rem;
    padding-bottom: 1.5791rem;
}

.cc-category-posts .cc-press-post-box .cc-press-post-title {
    font-size: 1.0264rem;
}

.cc-category-posts .cc-press-post-box p {
    font-family: var(--ff1);
    font-weight: var(--bdBold);
    font-size: 0.7106rem;
    line-height: 0.8685rem;
    letter-spacing: 0.0284rem;
    color: var(--bd-green);
}

.cc-category-posts .cc-press-post-box .cc-post-cetagory {
    color: var(--bd-green);
    text-decoration: none;
}

.cc-category-posts .cc-press-post-box .cat-seprator {
    margin-left: 0.3158rem;
    margin-right: 0.1973rem;
}

.cc-category-posts .cc-press-post-box p .cc-date {
    color: var(--bd-green);
    text-transform: none;
}

/*  SINGLE PAGE HERO CSS  */
.cc-single-page-hero {
    padding: 3.1583rem 0px 3.1583rem;
}

.cc-single-page-hero h1 {
    font-size: 1.8949rem;
    font-weight: var(--bdBold);
    line-height: 2.3687rem;
    letter-spacing: 0.0378rem;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 0;
}

/*  RECYLING LOCATOR HERO CSS  */
.cc-recylcing-locator {
    padding-top: 3.5530rem;
    padding-bottom: 8.6853rem;
    background-color: var(--bd-dark-blue);
}

.cc-recylcing-locator .sub-heading {
    color: #fff;
}

.cc-recylcing-locator h1 {
    font-size: 1.5791rem;
    font-weight: var(--bdBold);
    line-height: 1.9739rem;
    letter-spacing: 0.0315rem;
    text-transform: uppercase;
    color: #fff;
    max-width: 30.3987rem;
    margin-bottom: 1.1843rem;
}

.cc-recylcing-locator p {
    font-family: var(--ff1);
    font-size: 0.7106rem;
    font-weight: var(--bdRegular);
    line-height: 0.9948rem;
    letter-spacing: 0.0071rem;
    color: #fff;
    opacity: 0.9;
    margin-bottom: 0;
}

.cc-recylcing-locator .cc-address-input-warpper p {
    font-size: 0.6316rem;
    line-height: 1.1843rem;
}

.icon-text {
    padding-top: 0.3947rem;
    padding-bottom: 1.5791rem;
    display: flex;
}

.icon-text li {
    display: inline-flex;
    align-items: center;
}

.icon-text li:not(:last-child) {
    margin-right: 1.1843rem !important;
}

.step-2 .icon-text li, .step-3 .icon-text li {
    align-items: start;
}

.icon-circle {
    width: 3.1583rem;
    height: 3.1583rem;
    background: #fff;
    border-radius: 50%;
    padding: 0.7895rem 0px;
}

.icon-circle i {
    font-size: 1.7370rem;
    letter-spacing: 0.02em;
    text-align: center;
    color: var(--bd-green);
    display: block;
}

.cc-recylcing-locator .icon-text .main-heading {
    font-size: 1.2633rem;
    line-height: 1.5791rem;
    color: #fff;
    margin-bottom: 0;
}

.step-2 .main-heading {
    max-width: 20.9238rem;
}

.cc-recylcing-locator .main-sub-heading {
    font-style: italic;
    font-size: 0.6316rem;
    line-height: 1.1843rem;
    opacity: 0.8;
    margin-top: 0.1973rem;
}

.cc-recylcing-locator .step-2 p:not(.main-sub-heading) {
    font-size: 0.8685rem;
    letter-spacing: 0.01em;
    line-height: 1.1448rem;
    color: #fff;
    max-width: 26.6087rem;
    opacity: 1;
}

.cc-recylcing-locator .step-2 p:not(.main-sub-heading) {
    margin-bottom: 1.9344rem;
}

.step-2 h4,
.step-3 h4,
.step-4 h4,
.step-5 h4 {
    font-weight: var(--bdBold);
    font-size: 0.8685rem;
    letter-spacing: 0.01em;
    line-height: 1.1843rem;
    text-align: left;
    color: #fff;
    margin-bottom: 0.1184rem;
}

.step-2 h6,
.step-3 h6 {
    font-weight: var(--bdRegular);
    font-size: 0.6316rem;
    letter-spacing: 0.01em;
    line-height: 1.1843rem;
    color: #fff;
    margin-bottom: 0.9869rem;
}

.cc-success-box {
    background-color: #fff;
    padding: 1.2238rem 1.1843rem 1.1843rem;
    border-radius: 0.1579rem;
    min-height: 13.1464rem;
    display: flex;
    flex-direction: column;
    margin-bottom: 1.1843rem;
}

.cc-success-box .sub-heading {
    color: #000;
    margin-bottom: calc(0.5rem + 13px);
}

.cc-success-title {
    font-weight: var(--bdBold);
    font-size: 0.9474rem;
    line-height: 1.1843rem;
    color: #000;
    margin-bottom: calc(1rem + 14px);
}

.box-list {
    padding-left: 0.7895rem;
    flex-grow: 1;
}

.box-list li {
    display: flex;
    align-items: center;
}

.box-list li:not(:last-child) {
    margin-bottom: 0.3947rem;
}

.box-list li i {
    font-size: 1.1843rem;
    letter-spacing: 0.02em;
    color: #3e6f35;
    margin-right: 0.5921rem;
}

.box-list li span {
    margin-bottom: 0px;
    font-size: 0.7895rem;
    line-height: 1.1843rem;
    color: #000;
}

.box-list li a {
    font-weight: var(--bold);
    text-decoration: underline;
    color: #000;
}

.cc-success-button {}

.cc-success-button li {
    width: calc(49.21% - .25rem);
}

.cc-success-button li:not(:last-child) {
    margin-right: 0.6316rem;
}

.cc-success-button li a {
    
}

.cc-success-button li a:hover {
    color: #fff;
}

.cc-data-text {
    font-weight: var(--bdRegular);
    font-style: italic;
    font-size: 0.5527rem;
    letter-spacing: 0.01em;
    color: #fff;
    margin-top: 1.5396rem;
    display: block;
}

.cc-data-text a {
    font-weight: var(--bdBold);
    color: #fff;
    text-decoration: underline;
}

.cc-data-text a:hover {
    color: var(--bd-green);
}

.step-3 .main-heading {
    max-width: 21.3185rem;
}

.no-access i {
    color: #B11C2D;
}

.step-3 p:not(.main-sub-heading),
.step-4 p:not(.main-sub-heading),
.step-5 p:not(.main-sub-heading) {
    margin-bottom: 1.8949rem;
    max-width: 26.6087rem;
}

.step-3 h4,
.step-4 h4,
.step-5 h4 {
    margin-bottom: 1.1054rem;
}

.cc-access-box {
    width: 100%;
    min-height: 10.4224rem;
    border-radius: 0.1579rem;
    background: #fff;
    padding: 1.1448rem 1.1843rem 1.1843rem;
    display: flex;
    flex-direction: column;
}

.cc-access-box h5 {
    font-weight: var(--bdBold);
    font-size: 0.8685rem;
    letter-spacing: 0.01em;
    line-height: 1.1843rem;
    color: #000;
    margin-bottom: 0.7500rem;
}

.cc-access-box p {
    font-size: 0.7106rem;
    letter-spacing: 0.01em;
    line-height: 0.8685rem !important;
    color: #000;
    opacity: 0.8;
    margin-bottom: 0px !important;
    flex-grow: 1;
}

.btn-program {
    width: 100%;
    height: 1.9739rem;
    padding: 0 0.7895rem;
    background: #3A3F42;
    border-radius: 0.1579rem;
    font-weight: var(--bdBold);
    font-size: 0.7106rem;
    letter-spacing: 0.04em;
    line-height: 1.8949rem;
    text-align: left;
    color: #ffffff;
}

.btn-program i, .btn-share i {
    float: right;
    font-size: 0.7895rem;
    line-height: 1.8949rem;
}

.cc-access-box .btn-program i {
    font-size: 1.0264rem;
/*    line-height: 0.8685rem;*/
}

.btn-share {
    width: 100%;
    height: 1.9739rem;
    padding: 0 0.7895rem;
    border-radius: 0.1579rem;
    background: var(--bd-green);
    font-weight: var(--bdBold);
    font-size: 0.7106rem;
    letter-spacing: 0.04em;
    line-height: 1.8949rem;
    text-align: left;
    color: #ffffff;
}

.btn-program:hover, .btn-share:hover {
    color: #fff;
    background-color: var(--bd-dark-blue);
}

.cc-access i {
    color: var(--bd-dark-blue);
    font-size: 1.5791rem;
}

.step-4 .main-heading {
    max-width: 26.0560rem;
}

.step-5 .main-heading {
    max-width: 23.6873rem;
}

/*  101 HERO CSS  */
.cc-101-hero {
    padding-bottom: 3.6320rem;
}

.cc-101-hero .sub-heading,
.cc-101-learn-more .sub-heading {
    padding-left: 0;
}

.cc-101-hero .sub-heading:before,
.cc-101-learn-more .sub-heading:before {
    content: none;
}

.cc-101-hero h1 {
    font-size: 1.8949rem;
    font-weight: var(--bdBold);
    line-height: 2.2897rem;
    letter-spacing: 0.0378rem;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 1.2238rem;
}

.cc-101-hero p {
    line-height: 1.2633rem;
    max-width: 28.8195rem;
    margin-inline: auto;
    margin-bottom: 1.5396rem;
}

.cc-101-icon-box {
    max-width: 7.6589rem;
    margin-inline: auto;
}

.cc-101-icon-box img {
    margin-bottom: 0.7895rem;
}

.cc-101-icon-box h4 {
    font-weight: var(--bdBold);
    font-size: 1.1054rem;
    line-height: 1.3422rem;
    letter-spacing: 0.0221rem;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 0.3553rem;
}

.cc-101-icon-box p {
    line-height: normal;
    margin-bottom: 0 !important;
}

/*  101 LEARN MORE CSS  */
.cc-101-learn-more {
    padding-top: 2.3687rem;
    padding-bottom: 3.0003rem;
}

.cc-101-learn-more .main-heading {
    max-width: 23.6873rem;
    margin-inline: auto;
}

.cc-101-learn-more p {
    font-family: var(--ff1);
    font-size: 0.7895rem;
    font-weight: var(--bdRegular);
    line-height: 1.2633rem;
    letter-spacing: 0.0078rem;
    color: var(--bd-dark-blue);
    opacity: 0.9;
    max-width: 28.8195rem;
    margin-inline: auto;
    margin-bottom: 0.7895rem;
}

.cc-beverage-box-warpper {
    min-height: 20.1737rem;
    margin-top: 1.5396rem;
}

.cc-beverage-box {
    height: 100%;
    max-width: 16.9759rem;
    margin-inline: auto;
    text-align: center;
}

.cc-beverage-box-warpper:not(:last-child) {
    border-right: 0.07895rem solid rgb(154 202 60 / 20%);
}

.cc-beverage-box-img {
    width: 100%;
    max-width: 7.8957rem;
    min-height: 7.8957rem;
    margin-inline: auto;
    border-radius: 50%;
    border: 0.1579rem solid var(--bd-green);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.cc-beverage-box-content {
    padding-top: 1.1843rem;
}

.cc-beverage-box-content h4 {
    font-weight: var(--bdBold);
    font-size: 1.2633rem;
    line-height: 1.5159rem;
    letter-spacing: 0.0126rem;
    text-transform: uppercase;
    margin-bottom: 0.7895rem;
}

.cc-beverage-box-content .sub-heading {
    font-size: 0.7895rem;
    line-height: 0.9869rem;
}

.cc-beverage-box-content p {
    font-size: 0.6316rem;
    line-height: 0.9474rem;
    letter-spacing: 0.0063rem;
    margin-bottom: 0;
    opacity: 0.8;
}

.cc-101-food-beverage {
    margin-top: 2.3687rem;
}

.cc-101-food-beverage .main-heading {
    margin-bottom: 0;
	text-align: center;
}

.cc-benefit-box-warpper {
    margin-top: 2.3687rem;
    min-height: 7.8168rem;
}

.cc-benefit-box {
    height: 100%;
    padding-left: 1.6581rem;
    max-width: 11.5278rem;
    margin-left: 1.5396rem;
    margin-right: auto;
    position: relative;
}

.cc-benefit-box:before {
    content: " ";
    display: block;
    width: 0.07895rem;
    height: 100%;
    background-color: #9ACA3C;
    opacity: 0.2;
    position: absolute;
    top: 0;
    left: 0;
}

.cc-benefit-box h6 {
    font-family: var(--ff1);
    font-weight: var(--bdBold);
    font-size: 0.7106rem;
    line-height: 0.9080rem;
    letter-spacing: 0.0142rem;
    color: var(--bd-green);
    margin-bottom: 0.5921rem;
}

.cc-benefit-box h5 {
    font-weight: var(--bdBold);
    font-size: 1.1054rem;
    line-height: 1.3422rem;
    letter-spacing: 0.28px;
    text-transform: uppercase;
    margin-bottom: 0.5921rem;
    color: var(--bd-dark-blue);
}

.cc-benefit-box p {
    font-size: 0.7106rem;
    line-height: 0.9080rem;
    margin-bottom: 0;
    opacity: 1;
}

/*  101 HOME ABOUT CSS  */
.page-template-t-101 .cc-home-about {
    background-color: rgb(112 134 161 / 10%);
}

.page-template-t-101 .cc-home-about:before {
    content: none;
}

/*  101 AREA CSS  */
.cc-101-area {
    padding-top: 2.3687rem;
    padding-bottom: 3.9478rem;
    background-color: rgb(112 134 161 / 10%);
}

.cc-101-area h2 {
    font-size: 1.5791rem;
    font-weight: var(--bdBold);
    line-height: 1.9739rem;
    letter-spacing: 0.0315rem;
    text-align: center;
    text-transform: uppercase;
    color: var(--bd-dark-blue);
    max-width: 30.3592rem;
    margin-inline: auto;
    margin-bottom: 1.9739rem;
}

.cc-area-box-warpper {
    min-height: 11.4883rem;
}

.cc-area-box-link {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 18.5550rem;
    background-color: #FFF;
    border-radius: 0.1184rem;
    border: 0.0394rem solid var(--bd-dark-blue);
    padding: 1.1843rem 1.3817rem 1.3422rem 1.5396rem;
    margin-left: auto;
    text-decoration: none;
    transition: all 0.2s linear 0s;
    cursor: pointer;
}

.cc-area-box-warpper:last-child .cc-area-box-link {
    margin-left: 0;
    margin-right: auto;
}

.cc-area-box-link i {
    font-size: 1.4212rem;
    line-height: 1.8949rem;
    letter-spacing: 0.0284rem;
    color: var(--bd-green);
    margin-bottom: 0.3553rem;
}

.cc-area-box-link h4 {
    font-weight: var(--bdBold);
    font-size: 1.2633rem;
    line-height: 1.5159rem; /* 38.4px */
    letter-spacing: 0.0126rem;
    margin-bottom: 0.3947rem;
    color: var(--bd-dark-blue);
    text-transform: uppercase;
}

.cc-area-box-link p {
    font-family: var(--ff1);
    font-weight: var(--bdRegular);
    font-size: 0.7106rem;
    line-height: 0.9948rem; /* 25.2px */
    letter-spacing: 0.0071rem;
    max-width: 14.6071rem;
    color: var(--bd-dark-blue);
    opacity: 0.9;
    margin-bottom: 0;
}

.cc-area-box-link p span {
    font-weight: var(--bdBold);
    text-transform: uppercase;
}

.cc-area-box-link p:not(:last-child) {
    margin-bottom: 0.7500rem;
}

.cc-area-box-link:hover {
    background-color: var(--bd-dark-blue);
}

.cc-area-box-link:hover > * {
    color: #fff;
}

.cc-mail-modal .modal-dialog {
    max-width: 38.2945rem;
}

.cc-mail-modal .modal-content {
    border: none;
    border-radius: 0.2368rem;
}

.cc-mail-modal .modal-body {
    padding: 1.9739rem;
    position: relative;
}

.cc-mail-modal .modal-body p {
    font-family: var(--ff1);
    font-weight: var(--bdRegular);
    font-size: 0.7895rem;
    line-height: 1.2633rem;
    letter-spacing: 0.0078rem;
    color: var(--bd-dark-blue);
    opacity: 0.9;
    max-width: 31.5831rem;
    margin-bottom: 0.7895rem;
}

.cc-mail-modal .modal-body ol {
    padding-left: 1.1843rem;
    margin: 1.1843rem 0 1.2633rem;
}

.cc-mail-modal .modal-body ol li {
    padding-left: 0.3947rem;
    font-family: var(--ff1);
    font-weight: var(--bdRegular);
    font-size: 0.7895rem;
    line-height: 1.2633rem;
    letter-spacing: 0.0078rem;
    color: var(--bd-dark-blue);
    /* opacity: 0.9; */
    max-width: 31.5831rem;
}

.cc-mail-modal .modal-body ol li:not(:last-child) {
    margin-bottom: 0.5921rem;
}

.cc-mail-modal .modal-body .btn-close {
    position: absolute;
    top: 0.5921rem;
    right: 0.5921rem;
    padding: 0;
    background-size: 0.5921rem;
    opacity: 0.8;
}

.cc-101-food {
    background-color: rgb(112 134 161 / 10%);
}

/*  101 PROCESS CSS  */
.cc-101-process {
    padding-top: 2.3687rem;
    padding-bottom: 4.7374rem;
    background-color: var(--bd-dark-blue);
}

.cc-101-process .sub-heading {
    padding-left: 0;
    color: #fff;
}

.cc-101-process .sub-heading:before {
    content: none;
}

.cc-101-process h2 {
    font-size: 1.5791rem;
    font-weight: var(--bdBold);
    line-height: 1.9739rem;
    letter-spacing: 0.0315rem;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 1.5791rem;
}

.cc-process-video-box {
    display: block;
    max-width: 31.5831rem;
    min-height: 17.7654rem;
    border-radius: 0.1184rem;
    background-color: #000;
    margin-inline: auto;
    background-image: var(--backgroundImage);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.cc-process-video-box:before {
    content: '\f04b';
    display: flex;
    justify-content: center;
    width: 2.3687rem;
    height: 2.3687rem;
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: 2.3687rem;
    line-height: 2.3687rem;
    color: var(--bd-green);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.cc-process-video-box:after {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--bd-dark-blue);
    border-radius: 0.1184rem;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.4;
    z-index: -1;
}

.cc-process-video-box:hover:after {
    opacity: 0.2;
}

/*  SCHOOL HERO CSS  */
.rp-hero,
.school-hero {
    padding-top: 3.5530rem;
    padding-bottom: 4.8559rem;
}

.rp-hero h1,
.work-hero h1,
.brand-hero h1,
.school-hero h1,
.resource-hero h1,
.industry-hero h1 {
    font-size: 1.7370rem;
    font-weight: var(--bdBold);
    line-height: 2.0923rem;
    letter-spacing: 0.0347rem;
    text-transform: uppercase;
    color: #fff;
    max-width: 22.1081rem;
    margin-bottom: 1.1843rem;
}

.rp-hero p,
.work-hero p,
.brand-hero p,
.school-hero p,
.industry-hero p {
    font-size: 0.8685rem;
    line-height: 1.3028rem;
    letter-spacing: 0.0086rem;
    max-width: 28.4247rem;
    margin-bottom: 0;
}

.brand-hero p:not(:last-child),
.school-hero p:not(:last-child) {
    margin-bottom: 0.7895rem;
}

.rp-hero ul,
.cc-inner ul,
.brand-hero ul,
.school-hero ul {
    margin-bottom: 0;
    margin-top: 1.9739rem;
}

.rp-hero ul li:not(:last-child),
.cc-inner ul li:not(:last-child),
.brand-hero ul li:not(:last-child),
.school-hero ul li:not(:last-child) {
    margin-right: 1.1054rem;
}

.rp-hero ul li a:not(.cc-btn-outline),
.cc-inner ul li a:not(.cc-btn-outline),
.brand-hero ul li a:not(.cc-btn-outline),
.school-hero ul li a:not(.cc-btn-outline) {
    font-weight: var(--bdRegular);
    font-size: 0.6711rem;
    line-height: 0.8685rem;
    letter-spacing: 0.0268rem;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--bd-green);
}

.rp-hero ul li a:not(.cc-btn-outline):hover, 
.cc-inner ul li a:not(.cc-btn-outline):hover,
.brand-hero ul li a:not(.cc-btn-outline):hover,
.school-hero ul li a:not(.cc-btn-outline):hover {
    color: #fff;
}

.cc-school-hero-img img {
    border-radius: 0.1184rem;
}

/*  SCHOOL BENEFIT OVERVIEW CSS  */
.cc-benefit-overview {
    padding-top: 2.3687rem;
    padding-bottom: 2.3687rem;
}

.cc-benefit-overview .sub-heading {}

/*.cc-benefit-overview .main-heading {
    max-width: 19.3446rem;
}*/

.cc-benefit-overview p {
    font-family: var(--ff1);
    font-weight: var(--bdRegular);
    font-size: 0.7895rem;
    line-height: 1.1843rem;
    letter-spacing: 0.0078rem;
    color: var(--bd-dark-blue);
    opacity: 0.9;
}

.cc-benefit-list {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    max-width: 43.6636rem;
    margin-inline: auto;
    margin-top: 1.9739rem;
    display: flex;
    flex-wrap: wrap;
    /*column-count: 3;
    column-gap: 3.9084rem;*/
}

.cc-benefit-list li {
    display: block;
    flex: 0 0 auto;
    width: 33.33333333%;
     min-height: 1.8160rem; 
    position: relative;
    padding-left: 1.3817rem;
    margin-bottom: 1.5791rem;
}

.cc-benefit-list li:before {
    content: '\e416';
    display: block;
    width: 0.7895rem;
    height: 1.0264rem;
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: 0.7895rem;
    line-height: 1.0264rem;
    color: var(--bd-green);
    position: absolute;
    top: 0;
    left: 0;
}

.cc-benefit-list li span {
    display: block;
/*    min-height: 1.816rem;*/
    font-family: var(--ff1);
    font-weight: var(--bdBold);
    font-size: 0.7106rem;
    line-height: normal;
    letter-spacing: 0.0142rem;
    color: var(--bd-dark-blue);
    max-width: 11.0540rem;
}

/*  SCHOOL CASE STUDY CSS  */
.cc-school-case-study {
    padding-top: 2.3687rem;
    padding-bottom: 3.1583rem;
    background-color: rgb(112 134 161 / 10%);
}

.cc-school-case-study .sub-heading {}

.cc-school-case-study .main-heading {}

.cc-school-case-study p {
    font-family: var(--ff1);
    font-weight: var(--bdRegular);
    font-size: 0.7895rem;
    line-height: 1.1843rem;
    letter-spacing: 0.0078rem;
    color: var(--bd-dark-blue);
    opacity: 0.9;
    max-width: 30.2803rem;
    margin-bottom: 1.5396rem;
}

.cc-case-study-warpper {
    min-height: 25.7797rem;
}

.cc-case-study-box {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    text-decoration: none;
}

.cc-case-study-box-image {
    width: 100%;
    position: relative;
    padding-bottom: 55.24%;
    overflow: hidden;
    border-radius: 0.1184rem 0.1184rem 0 0;
}

.cc-case-study-box-image:before {
    content: " ";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border-radius: 0.1184rem 0.1184rem 0 0;
    background-image: var(--backgroundImage);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    transition: 0.35s cubic-bezier(0.3, 0.7, 0.4, 1);
}

.cc-case-study-box-content {
    background-color: var(--bd-dark-blue);
    border-radius: 0 0 0.1184rem 0.1184rem;
    padding: 1.5791rem 2.3292rem 1.8555rem 1.1843rem;
    display: flex;
    flex-direction: column;
    flex: 1;
    transition: 0.35s;
}

.cc-case-study-box-content .sub-heading {
    padding-left: 0;
    color: #7086A1;
    margin-bottom: 0.7895rem;
}

.cc-case-study-box-content .sub-heading:before {
    content: none;
}

.cc-case-study-title {
    font-weight: var(--bdBold);
    font-size: 1.1054rem;
    line-height: 1.3422rem;
    letter-spacing: 0.0221rem;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 0.7895rem;
}

.cc-case-study-box-content p {
    font-size: 0.7106rem;
    line-height: 0.9080rem;
    letter-spacing: 0.0071rem;
    color: #fff;
    opacity: 0.8;
    margin-bottom: 0;
    flex: 1;
}

.cc-case-study-box-content span {
    font-weight: var(--bdBold);
    font-size: 0.6711rem;
    line-height: normal;
    letter-spacing: 0.0268rem;
    text-transform: uppercase;
    color: var(--bd-green);
}

.cc-case-study-box:hover .cc-case-study-box-image:before {
    transform: scale(1.1);
    transition: 0.35s cubic-bezier(0.3, 0.7, 0.4, 1);
}

.cc-case-study-box:hover .cc-case-study-box-content {
    background-color: var(--bd-green);
}

.cc-case-study-box:hover .cc-case-study-box-content > * {
    color: #fff;
}

/*  SCHOOL PROGRAM CSS  */
.cc-school-program {
    padding-top: 3.1583rem;
    padding-bottom: 2.2897rem;
}

.cc-school-program .sub-heading {}

/*.cc-school-program .main-heading {
    max-width: 15.7915rem;
}*/

.cc-school-program p {
    font-family: var(--ff1);
    font-weight: var(--bdRegular);
    font-size: 0.7895rem;
    line-height: 1.2633rem;
    letter-spacing: 0.0078rem;
    color: var(--bd-dark-blue);
    opacity: 0.9;
    max-width: 30.2803rem;
    margin-bottom: 1.9344rem;
}

.cc-school-program-warpper {
    min-height: 10.7382rem;
    margin-bottom: 1.5791rem;
}

.cc-school-program-box {
    height: 100%;
    max-width: 11.054rem;
}

.cc-school-program-box .sub-heading {
    padding-left: 0;
    color: var(--bd-green);
    margin-bottom: 0.4342rem;
}

.cc-school-program-box .sub-heading:before {
    content: none;
}

.cc-school-program-box h4 {
    font-weight: var(--bdBold);
    font-size: 0.9474rem;
    line-height: 1.1448rem;
    letter-spacing: 0.0189rem;
    text-transform: uppercase;
    color: var(--bd-dark-blue);
    margin-bottom: 0.7500rem;
}

.cc-school-program-box p {
    font-size: 0.7106rem;
    line-height: 0.9080rem;
    letter-spacing: 0.0071rem;
    opacity: 0.8;
    margin-bottom: 0;
}

/*  SCHOOL PROGRAM CSS  */
.cc-school-newsletter {}

.cc-school-newsletter .boxed-section {
    padding-top: 2.368733rem;
    padding-bottom: 2.368733rem;
    background-color: var(--bd-dark-blue);
}

.cc-school-newsletter .sub-heading {
    color: #fff;
}

.cc-school-newsletter .main-heading {
    color: #fff;
}

.cc-school-newsletter p {
    font-family: var(--ff1);
    font-size: 0.7106rem;
    font-weight: var(--bdRegular);
    line-height: 0.9948rem;
    letter-spacing: 0.0071rem;
    color: #fff;
    opacity: 0.9;
    margin-bottom: 0;
}

.cc-s-newsletter-form-box {
    max-width: 14.212396rem;
    margin-left: auto;
    position: relative;
}

.cc-s-newsletter-form-box .form-control, .cc-s-newsletter-form-box .form-control:focus {
    border-radius: 0.1184rem !important;
}

.btn-sn-submit {
    display: block;
    width: 100%;
    height: 2.171338rem;
    padding: 0 0.7895rem;
    border: none;
    border-radius: 0.1184rem;
    background-color: var(--bd-green);
    font-weight: var(--bdBold);
    font-size: 0.7895rem;
    line-height: 2.171338rem;
    letter-spacing: 0.0315rem;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    margin-top: 1.184366rem;
}

.btn-sn-submit:hover {
    color: var(--bd-dark-blue);
    background-color: #fff;
}


/*  SCHOOL RESOURCES CSS  */
.cc-school-resources {
    padding-top: 2.3687rem;
    padding-bottom: 4.5400rem;
    border-top: 2px solid rgb(112 134 161 / 20%);
}

.cc-school-resources .sub-heading {}

.cc-school-resources .main-heading {}

.cc-school-resources .main-heading {
    display: flex;
    align-items: center;
}

.cc-school-resources .main-heading span {
    display: contents;
}

.cc-school-resources .main-heading a {
    font-size: 0.6711rem;
    line-height: normal;
    letter-spacing: 0.0268rem;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--bd-green);
    margin-top: 0.0789rem;
    margin-left: 0.7895rem;
    position: relative;
    z-index: 2;
}

.cc-school-resources .main-heading a:hover {
    color: var(--bd-dark-blue);
}

.cc-school-resources p {
    font-family: var(--ff1);
    font-weight: var(--bdRegular);
    font-size: 0.7895rem;
    line-height: 1.2633rem;
    letter-spacing: 0.0078rem;
    color: var(--bd-dark-blue);
    opacity: 0.9;
    max-width: 30.2803rem;
    margin-bottom: 0;
}

.cc-school-resources-box {
    display: block;
    width: 100%;
    min-height: 13.2254rem;
    background-color: #D9D9D9;
    margin-top: 1.9344rem;
}

.rp-hero .cc-school-hero-img img {
    width: 100%;
    max-height: 16.7390rem;
    object-fit: cover;
    object-position: top;
}

/*  RECYLING PROGRAM BENEFITS CSS  */
.page-template-t-recycle-program .cc-benefit-overview {
    padding-bottom: 3.9478rem;
}

.page-template-t-recycle-program .cc-benefit-overview p {
    max-width: 30.3987rem;
    margin-bottom: 0;
}

.cc-benefit-overview .cc-benefit-box-warpper {
    margin-top: 1.9344rem;
    min-height: 7.3825rem;
}

.cc-benefit-overview .cc-benefit-box {
    max-width: 13.7781rem;
    margin-left: 0;
}

.cc-benefit-overview .cc-benefit-box p {
    font-size: 0.7106rem;
    line-height: 0.9080rem;
    max-width: 9.9091rem !important;
    opacity: 1;
}

/*  RECYLING PROGRAM CASE STUDY CSS  */
.cc-case-study-warpper.no-image {
    min-height: 17.8839rem;
}

.cc-case-study-warpper.no-image .cc-case-study-box-content {
    border-radius: 0.1184rem;
}

/*  RECYLING PROGRAM PROCESS CSS  */
.cc-rp-process {
    padding-top: 3.1583rem;
    padding-bottom: 2.2108rem;
}

.cc-rp-process .main-heading {
    max-width: 17.1733rem;
}

.cc-rp-process p {
    font-family: var(--ff1);
    font-weight: var(--bdRegular);
    font-size: 0.7895rem;
    line-height: 1.1843rem; /* 150% */
    letter-spacing: 0.0078rem;
    max-width: 22.5029rem;
    margin-bottom: 0.7895rem;
    color: var(--bd-dark-blue);
    opacity: 0.9;
}

.cc-rp-process .cc-btn-outline {
    margin-top: 1.1448rem;
}

.cc-rp-process .cc-latest-post-warpper {
    min-height: auto;
    margin-bottom: 1.5791rem;
}

.cc-rp-process .cc-latest-post-box {}

.cc-rp-process .cc-latest-post-box .cc-latest-post-content {
    padding-top: 0.8290rem;
}

.cc-rp-process .cc-latest-post-box .cc-latest-post-content .cc-latest-post-title {
    max-width: 13.4228rem;
    margin-bottom: 0;
}

/*  INDUSTRY HERO CSS  */
.industry-hero {
    padding-bottom: 3.1583rem;
}

.industry-hero h1 {
    max-width: 19.7394rem;
}

.industry-hero p {
    margin-bottom: 0.7895rem;
}

.industry-hero .cc-school-hero-img img {
    width: 100%;
    max-height: 17.3707rem;
	object-fit: cover;
}

.cci-hero-margin {
    margin-top: 1.1843rem;
}

.cci-hero-margin p {
    margin-bottom: 1.1843rem;
}

.cc-industry-card-warpper {
    min-height: 10.9751rem;
}

.cc-industry-card {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 0.1184rem;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: flex;
    flex-direction: column;
    text-decoration: none;
}

.cc-industry-card:before {
    content: " ";
    display: block;
    width: 100%;
    height: 2.3292rem;
    /* border-radius: 0.1184rem 0.1184rem 0 0; */
    background-color: var(--bd-light-blue);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all .7s cubic-bezier(0.95, 0.055, 0.33, 1);
    -moz-transition: all .7s cubic-bezier(0.95, 0.055, 0.33, 1);
    -webkit-transition: all .4s cubic-bezier(0.95, 0.055, 0.33, 1);
    -o-transition: all .7s cubic-bezier(0.95, 0.055, 0.33, 1);
    -ms-transition: all .7s cubic-bezier(0.95, 0.055, 0.33, 1);
}

.cc-industry-card-icon-box {
    padding: 0 0.7895rem;
    position: relative;
    z-index: 3;
}

.cc-industry-card-icon-box i {
    font-size: 1.0264rem;
    line-height: 2.3292rem;
    color: #fff;
    position: relative;
    z-index: 3;
}

.cc-industry-card-content {
    border: 1px solid var(--bd-light-blue);
    border-top: none;
    padding: 0.5921rem 1.1843rem 0.5921rem 0.75rem;
    flex-grow: 1;
    transition: all .7s;
}

.cc-industry-card-content > * {
    transition: all .7s;
}

.cc-industry-card-content h4 {
    font-size: 1.2633rem;
    font-weight: var(--bdBold);
    line-height: 1.5159rem;
    letter-spacing: 0.0126rem;
    text-transform: uppercase;
    color: var(--bd-dark-blue);
    margin-bottom: 0.5921rem;
}

.cc-industry-card-content p {
    font-size: 0.7106rem;
    line-height: 0.994rem;
    letter-spacing: 0.0071rem;
    color: var(--bd-dark-blue);
    margin-bottom: 0 !important;
    opacity: 0.9;
}

.cc-industry-card:hover {}

.cc-industry-card:hover:before {
    height: 100%;
    border-radius: 0.1184rem;
    transition: all .4s cubic-bezier(0.95, 0.055, 0.33, 1);
    -moz-transition: all .4s cubic-bezier(0.95, 0.055, 0.33, 1);
    -webkit-transition: all .4s cubic-bezier(0.95, 0.055, 0.33, 1);
    -o-transition: all .4s cubic-bezier(0.95, 0.055, 0.33, 1);
    -ms-transition: all .4s cubic-bezier(0.95, 0.055, 0.33, 1);
}

.cc-industry-card:hover .cc-industry-card-content,
.cc-industry-card:hover .cc-industry-card-content > * {
    color: #fff !important;
    transition: all .4s;
}

/*.cc-industry-card:hover .cc-industry-card-content h4 {
    color: var(--bd-green) !important;
}*/

/*  INDUSTRY WHY CSS  */
.cc-industry-why {
    padding-top: 2.4082rem;
    padding-bottom: 3.4346rem;
}

.cc-industry-why .main-heading {
    max-width: 17.7654rem;
}

.cc-industry-why .main-heading span {
    display: block;
}

.cc-industry-why p {
    line-height: 1.1843rem;
}

/*  INDUSTRY WORK CSS  */
.cc-industry-work {
    padding-top: 3.1583rem;
    padding-bottom: 4.0663rem;
    background-color: rgb(112 134 161 / 10%);
}

.cc-industry-work .cc-btn-outline {
    width: 11.5673rem;
    margin-top: 1.9739rem;
}

.cc-industry-work p {
    font-family: var(--ff1);
    font-weight: var(--bdRegular);
    font-size: 0.7895rem;
    line-height: 1.1843rem; /* 150% */
    letter-spacing: 0.0078rem;
    color: var(--bd-dark-blue);
    opacity: 0.9;
    max-width: 20.9238rem;
    margin-inline: auto;
    margin-bottom: 0.7895rem;
}

/*  INDUSTRY RESOURCE CSS  */
.page-template-t-industry .cc-school-resources {
    border-top: none;
}

/*  INDUSTRY MARKET HERO CSS  */
.cc-inner {
    padding-bottom: 4.8559rem;
}

.cc-inner h1 {
    max-width: 23.6873rem;
}

.cc-inner .cc-school-hero-img img {
    width: 100%;
    max-height: 23.9242rem;
}

/*  INDUSTRY MARKET BENEFIT CSS  */
.page-template-t-market .cc-benefit-overview {
    padding-bottom: 3.8689rem;
}

.page-template-t-market .cc-benefit-overview p:not(.cc-benefit-box p) {
    line-height: 1.2633rem;
    max-width: 30.3987rem;
    margin-bottom: 0;
}

.page-template-t-market .cc-benefit-overview p a {
    color: var(--bd-green);
    font-weight: var(--bdBold);
}

.page-template-t-market .cc-benefit-overview p a:hover  {
    color: var(--bd-dark-blue);
}

/*  INDUSTRY MARKET SECTION CSS  */
.cc-industry-market {
    padding-top: 2.3687rem;
    padding-bottom: 2.2502rem;
    border-top: 2px solid rgb(112 134 161 / 20%);
}

.cc-industry-market .main-heading {
    max-width: 22.5029rem;
}

.cc-industry-market p {
    font-family: var(--ff1);
    font-weight: var(--bdRegular);
    font-size: 0.7895rem;
    line-height: 1.2633rem;
    letter-spacing: 0.0078rem;
    color: var(--bd-dark-blue);
    opacity: 0.9;
    max-width: 22.5424rem;
    margin-bottom: 0.7895rem;
}

.cc-industry-market .cc-benefit-list {
    max-width: 44.2953rem;
}

.cc-industry-market .cc-benefit-list li span {
    max-width: 10.8566rem;
}

.cc-industry-market-box {
    max-width: 14.6071rem;
    margin-left: auto;
    border-radius: 0.1184rem;
    padding: 1.2238rem 1.5791rem 1.6581rem 1.1843rem;
    background-color: rgb(112 134 161 / 12%);
}

.cc-industry-market-box h4 {
    font-weight: var(--bdBold);
    font-size: 0.9474rem;
    line-height: 1.1448rem;
    letter-spacing: 0.0094rem;
    margin-bottom: 0.7895rem;
    color: var(--bd-dark-blue);
    text-transform: uppercase;
}

.cc-industry-market-box ul {
    padding-left: 0;
    list-style: none;
    max-width: 11.2514rem;
    margin: 0 0.1973rem 0 0.3947rem;
}

.cc-industry-market-box ul li {
    position: relative;
    padding-left: 0.9869rem;
    font-family: var(--ff1);
    font-weight: var(--bdBold);
    font-size: 0.7106rem;
    line-height: normal;
    letter-spacing: 0.0142rem;
    color: var(--bd-dark-blue);
}

.cc-industry-market-box ul li:not(:last-child) {
    margin-bottom: 0.9080rem;
}

.cc-industry-market-box ul li:before {
    content: '\f0da';
    display: block;
    width: 0.3947rem;
    height: 1.0264rem;
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: 0.7895rem;
    letter-spacing: 0.0157rem;
    line-height: 1.0264rem;
    color: var(--bd-light-blue);
    position: absolute;
    top: 0;
    left: 0;
}

/*  INDUSTRY MRF's HERO CSS  */
.page-template-t-mrf .cc-inner p {
    line-height: 1.3817rem;
}

.page-template-t-mrf .cc-inner h1 span {
    display: block;
}

/*  INDUSTRY MRF's BENEFIT CSS  */
.page-template-t-mrf .cc-benefit-overview {
    padding-bottom: 3.9478rem;
}

.page-template-t-mrf .cc-benefit-overview .main-heading {
    max-width: 24.8716rem;
}

.page-template-t-mrf .cc-benefit-overview p:not(.cc-benefit-box p) {
    line-height: 1.2633rem;
    max-width: 30.3987rem;
    margin-bottom: 0rem;
}

.page-template-t-mrf .cc-benefit-overview p:not(:last-child) {
    margin-bottom: 0.7895rem !important;
}

/*  INDUSTRY MRF's PROCESS CSS  */
.cc-mrfs-process {
    padding-bottom: 3.9873rem;
}

.cc-mrfs-process p {
    line-height: 1.2633rem;
}

.cc-mrfs-process .main-heading span {
    display: block;
}

/*  WORK HERO CSS  */
.work-hero {
    padding-bottom: 4.7374rem;
}

.work-hero h1 {
    max-width: inherit;
}

.work-hero p:not(:last-child) {
    margin-bottom: 0.7895rem;
}

.work-hero .cc-btn-outline {
    margin-top: 1.9739rem;
}

.work-hero .cc-school-hero-img img {
    width: 100%;
    max-height: 21.4370rem;
}

/*  WORK COLLABORATE CSS  */
.cc-collaborate-overview {
    padding-top: 2.3687rem;
    padding-bottom: 2.2108rem;
}

.cc-collaborate-list {
    max-width: 43.0319rem;
    margin: 1.9739rem auto 0;
    display: flex;
    flex-wrap: wrap;
}

.cc-collaborate-list li {
    display: block;
    flex: 0 0 auto;
    width: 50%;
    min-height: 1.9739rem;
    position: relative;
    padding-left: 1.3817rem;
    margin-bottom: 1.5791rem;
}

.cc-collaborate-list li:before {
    content: '\f360';
    display: block;
    width: 0.7895rem;
    height: 1.0264rem;
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: 0.7895rem;
    line-height: 1.0264rem;
    color: var(--bd-green);
    position: absolute;
    top: 0;
    left: 0;
}

.cc-collaborate-list li span {
    display: block;
    font-family: var(--ff1);
    font-weight: var(--bdBold);
    font-size: 0.7106rem;
    line-height: 0.9948rem;
    letter-spacing: 0.0142rem;
    color: var(--bd-dark-blue);
    max-width: 17.9628rem;
}

/*  WORK TEAM CSS  */
.cc-workk-team {
    padding-top: 2.3687rem;
    padding-bottom: 1.9739rem;
    background-color: rgb(112 134 161 / 10%);
}

.cc-workk-team p:not(.cc-member-bio, .cc-field-box-bio) {
    font-family: var(--ff1);
    font-weight: var(--bdRegular);
    font-size: 0.7895rem;
    line-height: 1.1843rem; /* 150% */
    letter-spacing: 0.0078rem;
    color: var(--bd-dark-blue);
    opacity: 0.9;
    max-width: 22.5029rem;
    margin-bottom: 1.9344rem;
}

.cc-member-margin {
    margin-bottom: 0.7895rem;
}

.cc-member-box-warpper {
    margin-bottom: 1.5791rem;
    min-height: 19.8578rem;
}

.cc-member-box {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.cc-member-image {
    width: 100%;
    min-height: 14.6071rem;
    border-radius: 0.1184rem 0.1184rem 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.cc-member-content {
    width: 100%;
    height: 100%;
    border-radius: 0 0 0.1184rem 0.1184rem;
    background-color: var(--bd-dark-blue);
    padding: 1.0264rem 2.2897rem 1.5791rem 1.1843rem;
}

.cc-member-title {
    font-family: var(--ff1);
    font-weight: var(--bdBold);
    font-size: 0.9474rem;
    line-height: 1.3422rem;
    letter-spacing: 0.0189rem;
    color: #fff;
    margin-bottom: 0.3947rem;
}

.cc-member-bio {
    font-weight: var(--bdRegular);
    font-size: 0.7895rem;
    line-height: 0.9474rem;
    letter-spacing: 0.0078rem;
    margin-bottom: 0;
    color: #EECA00;
    text-transform: uppercase;
}

.cc-field-team-margin p {
    max-width: 30.3987rem !important;
}

.cc-field-team-margin p a {
    font-weight: var(--bdBold);
    color: var(--bd-dark-blue);
}

.cc-field-box-warpper {
    min-height: 4.9348rem;
    margin-bottom: 1.9739rem;
}

.cc-field-box {
    height: 100%;
    max-width: 9.4749rem;
    display: flex;
    flex-direction: column;
}

.cc-field-title {
    font-family: var(--ff1);
    font-weight: var(--bdBold);
    font-size: 0.9474rem;
    line-height: 1.3422rem;
    letter-spacing: 0.0189rem;
    color: var(--bd-dark-blue);
    margin-bottom: 0.3947rem;
}

.cc-field-box-bio {
    font-weight: var(--bdRegular);
    font-size: 0.7895rem;
    line-height: 0.9474rem;
    letter-spacing: 0.0078rem;
    margin-bottom: 0.3947rem;
    color: var(--bd-light-blue);
    text-transform: uppercase;
}

.cc-field-box span {
    font-family: var(--ff1);
    font-weight: var(--bdBold);
    font-size: 0.7106rem;
    line-height: normal;
    letter-spacing: 0.36px;
    color: var(--bd-light-blue);
}

/*  WORK HOW WE WORK CSS  */
.cc-we-work {
    padding-top: 2.3687rem;
    padding-bottom: 3.3557rem;
}

.cc-we-work .main-heading {
    max-width: 18.5550rem;
}

.cc-we-work .cc-btn-outline {
    max-width: 11.8436rem;
    margin-top: 0.7895rem;
}

.cc-we-work p {
    font-family: var(--ff1);
    font-weight: var(--bdRegular);
    font-size: 0.7895rem;
    line-height: 1.1843rem;
    letter-spacing: 0.0078rem;
    color: var(--bd-dark-blue);
    opacity: 0.9;
    max-width: 20.9238rem;
    margin-bottom: 0;
}

.cc-we-work p:not(:last-child) {
    margin-bottom: 0.7895rem;
}

.cc-work-sponser {
    margin-top: 2.8424rem;
}

.cc-sponser-box-warpper {
    min-height: 6.7114rem;
    margin-bottom: 1.1843rem;
    border-right: 1px solid rgb(10 10 32 / 20%);
}

.cc-sponser-box-warpper:nth-child(4n) {
    border-right: none;
}

.cc-sponser-box {
    height: 100%;
    display: flex;
    align-items: center;
}

.cc-sponser-box img {
    max-width: 8.6853rem;
    margin-inline: auto;
}

/*  RESOURCES HERO CSS  */
.resource-hero {
    padding-bottom: 4.7374rem;
}

.resource-hero h1 {
    max-width: inherit;
}

.resource-hero h1 span {
    display: block;
}

.resource-hero p {
    font-size: 0.8685rem;
    line-height: 1.3028rem;
    max-width: 28.4247rem;
    margin-bottom: 0;
}

/*  RESOURCES POST FILTER CSS  */
.cc-resources-posts {
    padding-top: 2.3687rem;
    padding-bottom: 4.5400rem;
}

.cc-resources-cetagory {
    display: flex;
    margin-bottom: 1.1843rem;
}

.cc-resources-cetagory li {
    display: inline-flex;
    align-items: center;
}

.cc-resources-cetagory li:not(:last-child) {
    margin-right: 0.6316rem;
}

.cc-resources-cetagory li span {
    font-family: var(--ff1);
    font-weight: var(--bdBold);
    font-size: 0.5921rem;
    line-height: normal;
    color: var(--bd-light-blue);
    opacity: 0.8;
}

.cc-resources-cetagory li a {
    font-weight: var(--bdBold);
    font-size: 0.6711rem;
    line-height: normal;
    letter-spacing: 0.0268rem;
    text-decoration: none;
    text-transform: uppercase;
    color: var(--bd-dark-blue);
}

.cc-resources-cetagory li a.active {
    color: var(--bd-green);
}

.cc-resources-cetagory li a:hover {
    color: var(--bd-green);
}

.form-holder {
    display: flex;
    align-items: center;
    justify-content: right;
    margin-bottom: 1.1448rem;
}

.cc-inline-form {
    display: flex;
    align-items: center;
    justify-content: right;
}

.cc-inline-form-element:not(:last-child) {
    margin-right: 0.5921rem;
}

.cc-label {
    font-family: var(--ff1);
    font-weight: var(--bdBold);
    font-size: 0.5921rem;
    line-height: normal;
    color: var(--bd-light-blue);
    opacity: 0.8;
}

.form-holder .form-select,
.form-holder .form-select:focus {
    padding: 0 0.8290rem 0 0;
    border: none;
    border-radius: 0;
    background-color: transparent;
    font-weight: var(--bdBold);
    font-size: 0.6711rem;
/*     line-height: normal; */
    line-height: 1.1843rem;
    letter-spacing: 0.0268rem;
/*    text-transform: uppercase;*/
    color: var(--bd-dark-blue);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'%3E%3Cpath d='M10.6687 2.32617L6.45191 6.57617C6.21949 6.77539 5.95386 6.875 5.68824 6.875C5.38941 6.875 5.12379 6.77539 4.92457 6.57617L0.70777 2.32617C0.375739 2.02734 0.27613 1.5625 0.442145 1.16406C0.608161 0.765625 1.0066 0.5 1.43824 0.5H9.90504C10.3367 0.5 10.7019 0.765625 10.8679 1.16406C11.0339 1.5625 10.9675 2.02734 10.6687 2.32617Z' fill='%23213858'/%3E%3C/svg%3E");
    background-size: 0.4182rem 0.2516rem;
    background-position: right center;
    box-shadow: none;
    outline: 0;
}

/*  RESOURCES POST CSS  */
.cc-resources-post-warpper {
    min-height: 14.0939rem;
    margin-bottom: 1.5791rem;
}

.cc-resources-post-box {
    height: 100%;
    padding: 1.1448rem;
    background-color: #fff;
    border-radius: 0.1184rem;
    border: 0.0394rem solid #000;
    display: flex;
    flex-direction: column;
    text-decoration: none;
}

.cc-resources-post-box .sub-heading {
    margin-bottom: 0.7895rem;
}

.cc-resources-post-title {
    font-weight: var(--bdBold);
    font-size: 1.1843rem;
    line-height: 1.4212rem;
    letter-spacing: 0.0236rem;
    text-transform: capitalize;
    color: var(--bd-dark-blue);
    margin-bottom: 0.7895rem;
}

.cc-resources-post-box p {
    font-family: var(--ff1);
    font-weight: var(--bdRegular);
    font-size: 0.7106rem;
    line-height: 0.9948rem;
    letter-spacing: 0.0071rem;
    color: var(--bd-dark-blue);
    opacity: 0.8;
    max-width: 19.7394rem;
    margin-bottom: 0.7895rem;
    flex-grow: 1;
}

.cc-resources-post-link {
    display: flex;
    align-items: center;
}

.cc-resources-post-link span {
    display: inline-block;
    font-weight: var(--bdBold);
    font-size: 0.6711rem;
    line-height: normal;
    letter-spacing: 0.0268rem;
    text-transform: uppercase;
    color: var(--bd-green);
}

.cc-resources-post-link .cc-resources-date {
	display: none;
    margin-left: auto;
    max-width: max-content;
    color: var(--bd-light-blue);
}

.btn-view-more {
    margin-top: 0.7895rem;
    text-transform: capitalize;
}

.cc-resources-post-box:hover {
    border-color: var(--bd-dark-blue);
    background-color: var(--bd-dark-blue);
}

.cc-resources-post-box:hover > * {
    color: #fff;
}

/*  BRAND PAGE CSS  */
.brand-hero {
    padding-bottom: 4.8953rem;
}

.brand-hero h1 {
    max-width: 19.7394rem;
}

.brand-hero p span {
    font-style: italic;
    font-size: 0.6316rem;
    line-height: 0.9474rem;
    letter-spacing: 0.0063rem;
}

.brand-hero img {
    width: 100%;
    max-height: 19.6604rem;
	object-fit: cover;
}

.page-template-t-brand .cc-benefit-overview {}

.page-template-t-brand .cc-benefit-overview .main-heading {
    max-width: 27.6352rem;
}

.page-template-t-brand .cc-benefit-overview p {
    line-height: 1.2633rem;
    max-width: 30.3987rem;
    margin-bottom: 0.7895rem;
}

.page-template-t-brand .cc-benefit-overview .cc-benefit-list {
    max-width: 43.8215rem;
}

.cc-brand-get-started {
    padding-top: 2.3687rem;
    padding-bottom: 3.9478rem;
    background-color: rgb(112 134 161 / 10%);
}

.cc-brand-get-started .main-heading {
    max-width: 27.6352rem;
}

.cc-brand-get-started p:not(.cc-school-program-box p) {
    font-family: var(--ff1);
    font-weight: var(--bdRegular);
    font-size: 0.7895rem;
    line-height: 1.2633rem;
    letter-spacing: 0.0078rem;
    color: var(--bd-dark-blue);
    opacity: 0.9;
    max-width: 30.3987rem;
    margin-bottom: 0;
}

.cc-brand-get-started .cc-school-program-warpper {
    min-height: 13.6202rem;
    margin-bottom: 0;
    margin-top: 1.9739rem;
}

.cc-brand-get-started .cc-school-program-box p {
    font-family: var(--ff1);
    font-weight: var(--bdRegular);
    line-height: 0.9080rem;
    letter-spacing: 0.0071rem;
    color: var(--bd-dark-blue);
    margin-bottom: 0.7895rem;
}

.cc-brand-get-started .cc-school-program-box ul {
    margin-bottom: 0;
}

.cc-brand-get-started .cc-school-program-box ul li {
    line-height: normal;
}

.cc-brand-get-started .cc-school-program-box ul li a {
    font-weight: var(--bdBold);
    font-size: 0.6711rem;
    line-height: normal;
    letter-spacing: 0.0268rem;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--bd-green);
}

.cc-brand-get-started .cc-school-program-box p a {
    font-weight: var(--bdBold);
    color: var(--bd-dark-blue);
    text-decoration: none;
}

.cc-brand-message {
    padding-top: 2.3687rem;
    padding-bottom: 2.5661rem;
}

.cc-brand-message p {
    font-family: var(--ff1);
    font-weight: var(--bdRegular);
    font-size: 0.7895rem;
    line-height: 1.2633rem;
    letter-spacing: 0.0078rem;
    color: var(--bd-dark-blue);
    opacity: 0.9;
    max-width: 30.3987rem;
    margin-bottom: 0;
}

.cc-brand-message .cc-benefit-list:not(.cc-benefit-list.cc-error-list) {
    max-width: 43.8215rem;
}

.cc-brand-message .cc-benefit-list:not(.cc-benefit-list.cc-error-list) li {
    margin-bottom: 2.3687rem;
}

.cc-brand-message .cc-benefit-list:not(.cc-benefit-list.cc-error-list) li span {
    margin-bottom: 0.7895rem;
}

.cc-brand-message .cc-benefit-list:not(.cc-benefit-list.cc-error-list) li em {
    font-family: var(--ff1);
    font-size: 0.6316rem;
    letter-spacing: 0.0126rem;
    color: var(--bd-dark-blue);
    max-width: 11.054rem;
    display: block;
}

.cc-error-list {
    max-width: inherit;
}

.cc-error-list li {}

.cc-error-list li:before {
    content: '\f2d3';
    color: #C00808;
}

.cc-error-list li p {
    font-size: 0.7106rem;
    line-height: 0.9080rem;
    letter-spacing: 0.0071rem;
    max-width: 11.054rem;
    margin-top: 0.9080rem;
    opacity: 0.8;
}


/*  CEA PAGE CSS  */
.page-template-t-cea .cc-brand-get-started .cc-school-program-warpper {
    min-height: 9.869720rem;
}

.page-template-t-cea .cc-brand-get-started .cc-school-program-box p {
    margin-bottom: 0;
}

.page-template-t-cea .cc-brand-get-started .cc-school-program-box p:not(:last-child) {
    margin-bottom: 0.7895rem;
}

.page-template-t-cea .cc-brand-message .cc-benefit-list li p {
    max-width: 11.0540rem;
}

.cc-cea-new-sec {
    padding-top: 2.3687rem;
    padding-bottom: 3.9478rem;
    background-color: rgb(112 134 161 / 10%);
}

.cc-cea-new-sec .main-heading {
    max-width: 30.3987rem;
}

.cc-cea-new-sec p {
    font-family: var(--ff1);
    font-weight: var(--bdRegular);
    font-size: 0.7895rem;
    line-height: 1.2633rem;
    letter-spacing: 0.0078rem;
    color: var(--bd-dark-blue);
    opacity: 0.9;
    max-width: 30.3987rem;
    margin-bottom: 0;
}

.cc-cea-new-sec .cc-btn-outline {
    width: 100%;
    margin-top: 1.973944rem;
}


/*  LATEST CSS  */
.cc-latest-posts {
    padding-top: 2.3687rem;
    padding-bottom: 4.500rem;
}

.cc-latest-posts h2 {
    font-weight: var(--bdBold);
    font-size: 1.5791rem;
    line-height: 1.9739rem;
    letter-spacing: 0.0315rem;
    text-transform: uppercase;
    margin-bottom: 1.1843rem;
    color: var(--bd-dark-blue);
}

.cc-latest-post-warpper {
    min-height: 13.5807rem;
}

.cc-latest-post-box {
    height: 100%;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    cursor: pointer;
}

.cc-latest-post-image {
    width: 100%;
    position: relative;
    padding-bottom: 55.24%;
    overflow: hidden;
    border-radius: 0.1184rem;
}

.cc-latest-post-image:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border-radius: 0.1184rem;
    background-image: var(--backgroundImage);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    transition: 0.35s cubic-bezier(0.3, 0.7, 0.4, 1);
}

.cc-latest-post-box:hover .cc-latest-post-image:before {
    transform: scale(1.1);
    transition: 0.35s cubic-bezier(0.3, 0.7, 0.4, 1);
}

.cc-latest-post-content {
    padding-top: 0.8290rem;
}

.cc-latest-post-title {
    font-weight: var(--bdBold);
    font-size: 0.9474rem;
    line-height: 1.1369rem;
    letter-spacing: 0.0189rem;
    text-transform: uppercase;
    margin-bottom: 0.5921rem;
    color: var(--bd-dark-blue);
}

.cc-latest-post-title a {
    color: var(--bd-dark-blue);
    text-decoration: none;
    transition: all 0.2s linear 0s;
}

.cc-latest-post-category {
    display: block;
    font-weight: var(--bdBold);
    font-size: 0.7106rem;
    line-height: 0.8685rem;
    letter-spacing: 0.0284rem;
    text-transform: uppercase;
    color: var(--bd-green);
    transition: all 0.2s linear 0s;
}

.cc-latest-post-box:hover .cc-latest-post-title,
.cc-latest-post-box:hover .cc-latest-post-title a {
    color: var(--bd-green);
}

/* .cc-latest-post-box:hover .cc-latest-post-category {
    color: var(--bd-dark-blue);
} */

/*  FOOTER CSS  */
.cc-footer {
    padding-top: 2.3687rem;
    padding-bottom: 4.3426rem;
    background-color: var(--bd-dark-blue);
    margin-top: 0.7895rem;
    position: relative;
}

.cc-footer:before {
    content: "  ";
    display: block;
    width: 100%;
    height: 0.5921rem;
    background-color: #EECA00;
    position: absolute;
    top: -0.5921rem;
    left: 0;
    opacity: 0.2;
}

.footer-logo-link {
    display: block;
    width: max-content;
    margin-bottom: 0.9869rem;
}

.cc-contact-info {
    margin-bottom: 0;
}

.cc-contact-info li:not(:last-child) {
    margin-bottom: 1.5396rem;
}

.cc-contact-info li:first-child {
    margin-bottom: 1.0659rem;
    line-height: 0.8843rem;
}

.cc-contact-info li a {
    font-family: var(--ff1);
    font-weight: var(--bdRegular);
    font-size: 0.5527rem;
    line-height: 0.8843rem;
    letter-spacing: 0.0055rem;
    color: var(--bd-green);
    text-decoration: none;
    transition: all 0.2s linear 0s;
}

.cc-contact-info li a:hover {
    color: #fff;
}

.cc-contact-info li p {
    font-family: var(--ff1);
    font-weight: var(--bdRegular);
    font-size: 0.5527rem;
    line-height: 0.8843rem;
    letter-spacing: 0.0055rem;
    color: rgb(255 255 255 / 60%);
    margin-bottom: 0;
/*     opacity: 0.6; */
}

.cc-contact-info li p a {
    color: rgb(255 255 255 / 60%);
    display: block;
    max-width: max-content;
    margin-bottom: 0.3947rem;
}

.cc-contact-info li p a:hover {
    color: var(--bd-green);
}

.cc-contact-info li p span {
    display: block;
/*     margin-bottom: 0.3947rem; */
}

.cc-footer-menu-warpper {
    margin-top: 1.5791rem;
}

.cc-footer-menu-warpper {}

.cc-footer-menu-warpper span {
    font-family: var(--ff1);
    font-weight: var(--bdRegular);
    font-size: 0.6316rem;
    line-height: 0.7895rem;
    letter-spacing: 0.0063rem;
    color: #7086A1;
    margin-bottom: 1.0659rem;
    display: block;
}

.footer-menu {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0px;
    columns: 2;
    column-gap: 1.6975rem;
}

.footer-menu li {
    line-height: 0.8685rem;
    margin-bottom: 0.6316rem;
}

.footer-menu li:last-child,
.footer-menu li:nth-child(5) {
    margin-bottom: 0;
}

.footer-menu li a {
    font-weight: var(--bdBold);
    font-size: 0.7106rem;
    line-height: 0.8685rem;
    letter-spacing: 0.0142rem;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.2s linear 0s;
}

.footer-menu li a:hover {
    color: var(--bd-green);
}

.cc-footer-social-warpper {
    margin-top: 1.3422rem;
}

.cc-footer-social-warpper .sub-heading {
    padding-left: 0;
    color: #fff;
}

.cc-footer-social-warpper .sub-heading.text-green {
    color: var(--bd-green);
}

.cc-footer-social-warpper .sub-heading:before {
    content: none;
}

.cc-footer-social-warpper .sub-heading {
    margin-bottom: 1.3028rem;
}

/*.cc-footer-social-warpper .sub-heading:last-child {
    margin-bottom: 1.1843rem;
}*/

.cc-input-group {
    max-width: 13.1069rem;
    margin-bottom: 1.1843rem;
}

.form-control, .form-control:focus {
    box-shadow: none;
}

.cc-input-group .form-control,
.cc-input-group .form-control:focus {
    width: 1%;
    height: 1.7765rem;
    border: 1px solid #fff;
    border-radius: 0.1184rem;
    padding: 0 0.6316rem;
    background-color: #fff;
    font-family: var(--ff1);
    font-weight: var(--bdBold);
    font-size: 0.6316rem;
    letter-spacing: 0.0126rem;
    line-height: 1.7765rem;
    margin-bottom: 0;
    text-transform: none;
}

.cc-input-group .btn-go {
    margin-left: 0 !important;
}

.btn-go {
    height: 1.7765rem;
    border: 1px solid var(--bd-green);
    padding: 0 0.6316rem;
    border-radius: 0.1184rem;
    background-color: var(--bd-green);
    font-size: 0.7895rem;
/*     line-height: 1.7765rem; */
    line-height: 1.6581rem;
    letter-spacing: 0.0157rem;
    color: #fff;
    transition: all 0.2s linear 0s;
}

.btn-go:hover {
    color: var(--bd-green);
    background-color: #fff;
    border-color:  var(--bd-green);
}

.cc-social-icon {
    margin-bottom: 0;
}

.cc-social-icon li:not(:last-child) {
    margin-right: 1.4212rem;
}

.cc-social-icon li a {
    font-size: 0.8685rem;
    line-height: 0.8685rem;
    color: #fff;
    transition: all 0.2s linear 0s;
}

.instagram:hover {
    color: #ff14d0;
}

.facebook:hover {
    color: #366ad3;
}

.twitter:hover {
    color: #1da1f2;
}

.linkedin:hover {
    color: #0077b5;
}



/* ADDRESS FORM CSS START */

.ui-widget.ui-widget-content {
    border-radius: 5px;
    border: 2px solid #9aca3c;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #213858;
    background: #213858;
}

.ui-menu-item-wrapper {
    text-align: left;
}

.ui-widget {
    font-size: 0.7106rem;
}

/* ADDRESS FORM CSS END */

.cc-benefit-overview .cc-benefit-box p a {
    font-family: var(--ff1);
    font-weight: var(--bdSemiBold);
    font-style: italic;
    color: var(--bd-dark-blue);
	text-decoration: none;
}

.cc-benefit-overview .cc-benefit-box p a:hover {
    color: var(--bd-green);
}



/* PODCAST CSS START */
.podcast-hero {
    padding-top: 3.553099rem;
    padding-bottom: 4.697987rem;
}

.podcast-hero h3 {
    font-family: var(--ff1);
    font-weight: var(--bdBold);
    font-size: 0.710620rem;
    line-height: normal;
    letter-spacing: 0.014212rem;
    margin-bottom: 1.184366rem;
    color: #FFFFFF;
}

.podcast-hero h1 {
    font-weight: var(--bdBold);
    font-size: 1.8949rem;
    line-height: 120%;
    letter-spacing: 0.0378rem;
    margin-bottom: 1.223845rem;
    text-transform: uppercase;
    color: #fff;
}

.podcast-hero p {
    line-height: 160%;
    max-width: 30.793525rem;
    margin-inline: auto;
    margin-bottom: 0;
}

.bd_list_now {
    padding-top: 2.368733rem;
    padding-bottom: 4.855902rem;
    background-color: rgb(112 134 161 / 10%);
    position: relative;
}

.bd_list_now .sub-heading {
    width: max-content;
    margin-inline: auto;
    margin-bottom: 0 !important;
}

.bd_list_box_warpper {
    width: max-content;
    margin-inline: auto;
    display: flex;
    margin-top: 1.973944rem;
    column-gap: 1.421240rem;
}

.bd_list_button {
	width: 8.882748rem;
    height: 2.092381rem;
    padding-inline: 0.789578rem;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid var(--bd-dark-blue);
    font-weight: var(--bdBold);
    font-size: 0.671141rem;
    line-height: normal;
    letter-spacing: 0.026846rem;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--bd-dark-blue);
    position: relative;
    display: flex;
    align-items: center;
    box-shadow: 0.157916rem 0.157916rem 0px 0px var(--bd-dark-blue);
    -webkit-box-shadow: 0.157916rem 0.157916rem 0px 0px var(--bd-dark-blue);
    z-index: 10;
    transition: 0.35s cubic-bezier(0.3, 0.7, 0.4, 1);
}

.bd_list_button span:not(:last-child) {
    margin-right: 0.394789rem;
	flex-grow: 1;
}

/*.bd_list_button:after {
    content: " ";
    width: calc(100% + 0.039479rem);
    height: 100%;
    display: block;
    border-radius: 3px;
    background-color: var(--bd-dark-blue);
    position: absolute;
    top: 0.118437rem;
    left: 0.118437rem;
    z-index: -1;
    transition: opacity 0.20s cubic-bezier(0.3, 0.7, 0.4, 1);
}*/

.bd_list_button:hover {
    color: #fff;
    box-shadow: none;
    background-color: var(--bd-dark-blue);
    transition: 0.35s cubic-bezier(0.3, 0.7, 0.4, 1);
}

.bd_list_button:hover:after {
    opacity: 0;
    transition: opacity 0.20s cubic-bezier(0.3, 0.7, 0.4, 1);
}

/* PODCAST FORM CSS END */



@keyframes bannerAnimation {
	from {height: 0px; padding-top: 0px; padding-bottom: 0px;}
	to {height: 100%; padding-top: 8px; padding-bottom: 8px;}
}

.banner {
    background-color: var(--bd-green);
    font-family: var(--ff1);
    font-size: 14px;
    letter-spacing: 0px;
    color: #000;
    text-align: center;
    padding-inline: 50px;
	height: 0px;
	position: relative;
	overflow: hidden;
	animation-name: bannerAnimation;
	animation-duration: .5s;
	animation-delay: 1.5s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	    display: block;
	text-decoration: none;
}

.banner:hover {
	background-color: #000;
	color: #fff;
	text-decoration: none;
}

.banner i {
	position: absolute;
	top: calc(50% - 8px);
	right: 20px;
	font-size: 16px;
	opacity: .4;
	cursor: pointer;
}

.banner i:hover {
	opacity: 1;
}