.banner_form {position:relative; padding: 100px 0;z-index:1;}
.banner_form:before {position: absolute;content: "";height: 100%;width: 100%;background: linear-gradient(90deg, rgb(5 37 65) 0%, rgba(64, 64, 64, 0) 100%);z-index: -1;top:0;left:0;right:0;bottom:0;}
.banner_form figcaption ul li a {color: #ffffff;opacity: 0.7;}
.banner_form figcaption ul.breadcrumb li.selected {color: #ffffff;}
.banner_form figcaption ul {padding: 0;}
.banner_form figcaption .banner_title {color: #ffffff;font-size: 3.75rem;line-height: 1.1;margin-bottom: 25px;font-weight: 700;margin-top: 0;}
.banner_form figcaption .banner_title span {background: #00BAE9;background: linear-gradient(to right, #00BAE9 25%, #9FE737 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.banner_form figcaption>span {color: #ffffff;display: inline-block;margin-bottom: 15px;border: 1px solid rgb(255 255 255 / 30%);font-size: 12px;padding: 3px 20px;border-radius: 100px;background-color: rgba(255, 255, 255, 0.10);backdrop-filter: blur(12px);text-transform: uppercase;letter-spacing: 2px;}
.banner_form figcaption .breadcrumb {margin-bottom: 15px;}
.banner_form figcaption p {color: #ffffff;font-size: 18px;font-weight: 100;margin-bottom: 25px;}
.banner_form figcaption .banner_points ul {margin: 0;list-style: none;display: grid;grid-template-columns: repeat(2, 1fr);grid-auto-flow: row;grid-template-rows: repeat(2, auto);gap: 0.5rem;}
.banner_form figcaption .banner_points ul li {color: #ffffff;font-size: 14px;font-weight: 100;margin-top: 0;text-align: left;}

.cms_page ul, .cms_page ol {margin-bottom: 20px;}
.cms_page ul:last-child, .cms_page ol:last-child {margin-bottom: 0px;}
.cms_page ul:last-child, .cms_page ol:last-child {margin-bottom: 0px;}
.cms_page ul li, .cms_page ol li {margin-bottom: 3px;padding-left:33px;position: relative;display: table;margin: 0;}
.cms_page ul li+li, .cms_page ol li+li {margin-top: 10px;}
.cms_page ul li:after {content: "";height: 24px;width: 24px;background-image: url(../images/checkmark.svg);background-position: center;background-repeat: no-repeat; background-size: auto 19px; top: -3px;position: absolute;left: 0;}


.banner_form_sub {width: 100%;background-color: rgb(0 12 41);border-radius: 15px;padding: 35px;max-width: 550px;float: right;}
.banner_form .row {align-items: center;}
.bannerform_title h2 {font-size: 28px;margin-bottom: 10px;}
.banner_form_sub h2 {color: #ffffff;}
.bannerform_title p {font-size: 13px;    }
.banner_form_sub p {color: #ffffff;opacity: 0.8;}
.bannerform_title {margin-bottom: 20px;}
.banner_form_sub [class*="col-"] {padding: 0 10px;}
.input-box .input {height: 48px;border-radius: 8px;padding: 5px 10px;font-size: 14px;}
.banner_form_sub .input-box .input {border: none;}
.input-box textarea.input {height: 100px;padding-top: 10px;}
.banner_form_sub .row {margin: 0 -10px;}
.input-box .input-label {font-size: 12px !important;position: static;background: none;padding: 0;text-transform: uppercase;font-weight: 500;letter-spacing: 0.5px;opacity: 0.7 !important;}
.banner_form_sub .input-box .input-label {color: #ffffff !important;}
.input-box, .select-box {margin: 0 0 20px 0;}
input, select {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.input::-webkit-input-placeholder {color: #dce6ee;font-style: normal;}
.input::-moz-placeholder {color: #dce6ee;font-style: normal;}
.input:-ms-input-placeholder {color: #dce6ee;font-style: normal;}
.input:-moz-placeholder {color: #dce6ee;font-style: normal;}

.banner_form_sub .btn-submit {width: 100%;}
span.wpcf7-spinner {position: absolute;right: 10px;margin-right: 0;}
form small {font-size: 11px;margin-top: 15px !important;width: 100% !important;opacity: 0.8;}
.banner_form_sub form small {color: #ffffff;}
section {padding: 100px 0;}
.title_1 {width: 100%;text-align: center;margin-bottom:40px;}
.title_1 .hp-h2 {margin-bottom: 10px;}
.title_1 .section-title {margin-bottom: 10px;}
.title_1 p {max-width: 800px;margin-left: auto;margin-right: auto;}
.inner-page-content {padding: 0;}
.industries-we-serve ul li {display: inline-block;background-color: #53eafd;margin: 7px 5px;border-radius: 50px;padding: 5px 15px;font-size: 15px;font-weight: 500;background: #74D4FF;background: linear-gradient(90deg,rgba(116, 212, 255, 1) 0%, rgba(83, 234, 253, 1) 100%);box-shadow: 2px 2px 4px 0px #00000040;}
.industries-we-serve ul {text-align: center;    padding-left: 0px !important;}
.cta_wrpr {width: 100%;text-align: center;background-color: #e9f3fb;padding: 30px;border-radius: 20px;border: 1px solid #dddddd;}
p {margin-bottom: 25px;}
p:last-child {margin-bottom: 0 !important;}
.packaging-supply {background-color: #e9f3fb;}
.packagingbox {width: 100%;background-color: #ffffff;float: left;height: 100%;padding: 30px;border-radius: 15px;border: 1px solid oklch(92% .015 240);box-shadow: 0 10px 30px -12px oklch(22% .08 250/.18);position: relative;overflow: hidden;transition: all 0.2s ease;-moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition: all 0.2s ease;-webkit-transition: all 0.2s ease;}
.why-abbe .packagingbox:hover {background-color: #ffffff1c;}
.packagingbox:hover {box-shadow: 0 15px 30px -2px oklch(22% .08 250 / .18);transform: translateY(-5px);transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.packagingbox .inline-flex svg {fill: revert-layer;stroke: #000000;}
.packagingbox .inline-flex {background-color: #53eafd;height: 40px;width: 40px;min-width: 40px;display: inline-flex;align-items: center;justify-content: center;border-radius: 10px;background: linear-gradient(90deg, rgba(116, 212, 255, 1) 0%, rgba(83, 234, 253, 1) 100%);}
.packagingbox h3 {font-size: 20px;margin-bottom: 5px;}
.packagingbox p {color: #52657a;margin-bottom: 15px;}

.packagingbox:after {position: absolute;content: "";height: 4px;width: 100%;background: linear-gradient(90deg, rgba(116, 212, 255, 1) 0%, rgba(83, 234, 253, 1) 100%);top: 0;left: 0;right: 0;}
.packagingbox .link {font-weight: 500;}
[class*="col-"] {padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); }

div.packagingbox .inline-flex {margin-bottom: 15px; background: #9FE737; font-weight: 600; background: linear-gradient(90deg, rgba(159, 231, 55, 1) 0%, rgba(0, 186, 233, 1) 100%); }
div.packagingbox h3 {font-size: 20px;margin-bottom: 10px;}
div.packagingbox:after {display:none;}
.packaging-supplies-txt p {font-size: 18px;}

.why-choose {background-color: #e9f3fb;}
.why-abbe {background: radial-gradient(at 0, color(xyz 0.29 0.39 0.83 / 0.15), #0000 55%), radial-gradient(at 100% 100%, #9fe73740, #0000 55%); background-color: #000c29; }


.why-abbe {background: radial-gradient(at 0, color(xyz 0.29 0.39 0.83 / 0.15), #0000 55%), radial-gradient(at 100% 100%, #9fe73740, #0000 55%);background-color: #000c29;}
.why-abbe .title_1 .hp-h2, .why-abbe .title_1 p {color: #ffffff;}
.why-abbe .title_1 p {opacity: 0.8;max-width: 750px;}
.why-abbe .packagingbox {background-color: #ffffff0a;border-color: #ffffff1a;}
.why-abbe div.packagingbox h3 {color: #ffffff;}
.why-abbe .packagingbox p {color: #ffffff;opacity: 0.7;}

.marquee {display: flex; overflow: hidden; user-select: none }
.marquee+.marquee {margin-top: 20px }
.marquee__group .col:first-child {margin-left: 25px }
.marquee__group {display: flex; flex-shrink: 0; min-width: 100%; gap: 1.5rem; animation: scroll-x 25s linear infinite; will-change: transform }

@keyframes scroll-x {from {transform: translateX(0)} to {transform: translateX(-100%)}}

.marquee.is-reverse .marquee__group {animation-direction: reverse}
.wrapper--vertical .marquee {flex-direction: column;height: 300px}
.marquee__group .col {text-align: center; padding: 0 10px; border: 1px solid #CDCDCD; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; height: 90px; width: 275px }
.marquee__group .col img {max-width: 140px; border-radius: 0; max-height: 60px; filter: grayscale(100%); transition: filter 0.5s ease }
.marquee__group .col:hover img {filter: grayscale(0%)}
.why-choose {background-color: #e9f3fb;}
.social-proof {background-color: #e9f3fb;}
.reviewbox {width: 100%; width: 100%; background-color: #ffffff; float: left; height: 100%; padding: 30px; border-radius: 15px; border: 1px solid oklch(92% .015 240); box-shadow: 0 10px 30px -12px oklch(22% .08 250 / .18); position: relative; overflow: hidden; display: flex; flex-direction: column; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
.reviewbox p+p {margin-top: 0;}
.reviewbox p {margin-bottom: 15px;}
.reviewbox:hover {}
.reviewbox>span svg {width: 35px; height: auto; fill: #00b3e2; }
.reviewbox>span {margin-bottom: 10px;display: inline-block;}
.reviewbox figcaption {margin-top: 20px;padding-top: 20px;border-top: 1px solid #dddddd;margin-top:auto;}
.reviewbox figcaption .reviewuser {font-weight: 600;margin-bottom: 0;}
.reviewbox figcaption span {font-size: 12px;color: #52657a;}
.reviewbox figcaption .reviewlocation {color: #00b3e2; text-transform: uppercase; font-size: 13px; font-weight: 500; }
.title_1.text-left {text-align: left;}
.title_1.text-left p {margin-left: 0;}
.row{    margin-right: calc(-.5 * var(--bs-gutter-x));margin-left: calc(-.5 * var(--bs-gutter-x));}
.contact-form-sub {width: 100%; background-color: #e9f3fb; padding: 50px; border-radius: 20px; box-shadow: 0 10px 30px -12px oklch(22% .08 250/.18); border-color: oklch(92% .015 240); border-width: 1px; border-style: solid; position: relative; overflow:hidden; z-index: 1; background: linear-gradient(160deg, rgb(233 243 251) 0%, rgb(233 243 251 / 0%) 100%); }
.contact-form-sub:after {position: absolute; content: ""; background-color: rgba(159, 231, 55, 0.15); width: 300px; height: 300px; left: -90px; bottom: -90px; filter: blur(64px); border-radius: 100px; z-index: -1; }
.contact-form-sub:before {position: absolute; content: ""; background-color: rgba(0, 186, 233, 0.15); width: 300px; height: 300px; right: -90px; top: -90px; filter: blur(64px); border-radius: 100px; z-index: -1; }
.footer_form_sub {width: 100%; background-color: #000c29; border-radius: 25px; padding: 35px; max-width: 550px; float: right; box-shadow: 0 1px 10px 0 #0000001a, 0 1px 2px -1px #0000001a; }
.contact-form-lft ul {padding-left: 0; list-style: none; }
.contact-form-lft ul li strong {font-weight: 600;}
.contact-form-lft ul li+li {margin-top: 8px;}
.footer_form_sub .btn-submit {width: 100%;}
.servicing-customers {background: radial-gradient(at top, #00b7dd59, #0000 55%), radial-gradient(at bottom, #9fe73740, #0000 55%); background: radial-gradient(at top, color(xyz 0.292 0.393 0.831 / 0.349), #0000 55%), radial-gradient(at bottom, #9fe73740, #0000 55%); background-color: #000c29; }
.servicing-customers .title_1 .hp-h2, .servicing-customers .title_1 p {color:#ffffff;}
.servicing-customers .title_1 p {max-width: 672px;}
.industries-we-serve.servicing-customers  ul li {background: rgba(255, 255, 255, 0.05);color: #ffffff;border: 1px solid rgb(255 255 255 / 15%);}
.btn-submit {height: auto !important;}

/* Slick spacing */
.review-slider {
    margin: 0 -10px;
}

.review-slider .slick-slide {
    padding: 0 10px;
    height: auto;
}

.review-slider .slick-track {
    display: flex !important;
}

.review-slider .slick-slide {
    display: flex;
    height: inherit !important;
}

.review-slider .slick-slide > div {
    width: 100%;
    display: flex;
}

/* Equal height cards */
.reviewbox {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.reviewbox figcaption {
    margin-top: auto;
}
.footer_form_sub .bannerform_title h2 {
    color: #fff;
}

.footer_form_sub .bannerform_title p {
    color: #fff;
}



/**************************************************/
/******************* Responsive *******************/
/**************************************************/


@media(max-width: 1200px){
.banner_form figcaption .banner_title {font-size: 3rem;}
}

@media(max-width: 991px){
.banner_form_sub {max-width: 100%;}
.banner_form figcaption {text-align: center;}
.banner_form figcaption .breadcrumb {justify-content: center;}
.banner_form {    padding: 70px 0;}
.banner_form:before {    background: linear-gradient(90deg, rgb(5 37 65) 0%, rgb(64 64 64 / 70%) 100%);}
section {padding: 70px 0;}
.packaging-supplies-txt p {font-size: 16px;}
.footer_form_sub {max-width: 100%;}
}

@media(min-width: 768px){
.packagingbox p {font-size: 15px;}

}

@media(max-width: 767px){
.banner_form figcaption p {font-size: 16px;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {margin: 0px 0 0 0;}
section {padding: 50px 0;}
.packagingbox {padding: 30px 20px;}
.packagingbox h3, div.packagingbox h3 {font-size: 18px;}
.marquee__group .col {    height: 80px;width: 205px;}
.reviewbox {padding: 20px 15px;}
}

@media(max-width: 575px){
.banner_form figcaption .banner_points ul {grid-template-columns: repeat(1, 1fr);grid-template-rows: repeat(1, auto);}
.banner_form figcaption p {font-size: 15px;}
.banner_form figcaption .banner_points ul {display: inline-grid;}
.banner_form_sub, .footer_form_sub {padding: 25px;}
.bannerform_title h2 {font-size: 25px;}
.banner_form .col-xs-6, .footer_form_sub .col-xs-6 {width: 100%;}
section {padding: 40px 0;}
.industries-we-serve ul li {font-size: 14px;}
.title_1 {margin-bottom: 25px;}
.cta_wrpr {padding: 20px;}
.title_1 .hp-h2 br {display:none;}
.packagingbox {padding: 20px 15px 15px 15px;}
.packagingbox p {margin-bottom: 10px;}
.packagingbox h3, div.packagingbox h3 {font-size: 16px;}
.packaging-supplies-txt p{font-size: 14px;}
.marquee__group .col img {max-width: 110px;border-radius: 0;max-height: 30px;}
.marquee__group .col {height: 70px;width: 160px;}
.marquee__group {gap: 1rem;}
.marquee__group .col:first-child {margin-left: 13px;}
.contact-form-sub {padding: 30px 15px 15px 15px;}
}

@media(max-width: 480px){
.banner_form figcaption .banner_title {font-size: 2.5rem;}
.banner_form figcaption p {font-size: 14px;}
.industries-we-serve ul li {font-size: 13px;margin: 4px 2px;}
.bannerform_title h2 {font-size: 22px;}
.banner_form_sub, .footer_form_sub {padding: 25px 15px;}
.banner_form figcaption>span {font-size: 11px;letter-spacing: 1px;}
}

@media(max-width: 380px){
.banner_form figcaption .banner_title {font-size: 2rem;}
.banner_form figcaption p, .banner_form figcaption .banner_points ul li {font-size: 13px;}
.bannerform_title h2 {font-size: 18px;}
.hp-h2 {font-size: 23px;}
.industries-we-serve ul li {font-size: 12px;margin: 4px 1px;padding: 4px 10px;}
}