* { box-sizing: border-box; }
.define_float{width:100%; float:left;}
body { background-image:none; font-family: "Outfit", sans-serif; font-size:18px;}
body ul,li{padding:0; margin:0; list-style:none;}
a{text-decoration:none;}
.no_pad{padding:0;}
div.container {
    width: 100%;
    max-width: 1450px;
}
html {
    overflow-x: hidden;
}
h1 {
    font-size: 54px;
    font-weight: 800;
    line-height: normal;
    margin-bottom: 35px;
}
h5{
	font-size: 32px;
font-weight: 800;
}
h6{
	font-size: 26px;
line-height: 31px;
color: #353535;
font-weight: 400;
}

img{
	max-width:100%;
    height: auto;
}
/*=================
Header CSS Start
================*/
header.header-outer { padding: 22px 0; background: #fff; } 
body:not(.page-template-template-recycle-search) header.desk.header-outer { position: sticky; left: 0; top: 0; z-index: 19; }
header.header-outer .row {align-items: center; justify-content: space-between;margin:0; }
.header-nav ul { display: flex; column-gap: 30px; }
.heder-nav-list { display: flex; align-items: center; column-gap: 30px; }
body.open-cart .overlay-bg { position: fixed; height: 100%; background: rgba(0, 0, 0, 0.5); top: 0;width: 100%; z-index:5; }  
.heder-nav-list { display: flex; align-items: center; }
.header-nav ul li a:hover, .footer-nav li a:hover { text-decoration: none; color: #00a567; }
.header-nav ul li a {transition: all ease 0.3s; font-size: 18px; line-height: 28px; color: #676766; font-weight: 500; }
.header-nav ul li a:hover, .menu-drawer ul li a { text-decoration: none; color: #1f9063; }
.menu-drawer.open a.toggle-menu {box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; background: #1f9063; width: 50px; height: 50px; }
.menu-drawer.open a.toggle-menu i { background: #fff; left: 10px; }
.menu-drawer.open a.toggle-menu i:nth-child(2) { opacity: 0; }
.menu-drawer ul li a { font-size: 20px; line-height: 30px;   width: 100%; float: left; }
.menu-drawer ul li { padding: 12px 0; border-bottom: 1px solid #f1f1f1; width: 100%; float: left; }
.toggle-menu i { position: absolute; display: block; height: 2px; background: #676766; width: 30px; left: 0px; -webkit-transition: all .3s; transition: all .3s; }
.toggle-menu i:nth-child(1) { top: 16px; } 
.toggle-menu i:nth-child(2) { top: 24px; }
.toggle-menu i:nth-child(3) { top: 32px; }
 .menu-drawer.open i:nth-child(1) { top: 25px; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); }
.menu-drawer.open i:nth-child(2) { background: transparent; }
.menu-drawer.open i:nth-child(3) { top: 25px; -webkit-transform: rotateZ(-45deg); transform: rotateZ(-45deg); }
.menu-drawer { width: 400px; background-color: #fff; right: -550px; top: 0; transition: right linear .2s; height: 100vh; min-height: 100vh; width: 380px; float: left; padding: 50px 30px; height: 100%; position: fixed; z-index: 999;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }
.toggle-menu {width: 30px; height: 30px; display: inline-block; position: relative; top: -10px; float: right; z-index: 1; }
.menu-drawer.open { right: 0px; transition: right linear .2s; }
/*==============
Header CSS End
================*/

.accordion-container{
  position: relative;
  width:100%;
  float:left;
}
.accordion-container > h2{
  text-align: center;
  color: #fff;
  padding-bottom: 5px;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
}
.set{
  position: relative;
  width: 100%;
  height: auto;
  background-color: #f5f5f5;
}
.set > a{
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  color: #555;
  font-weight: 600;
  border-bottom: 1px solid #ddd;
  -webkit-transition:all 0.2s linear;
  -moz-transition:all 0.2s linear;
  transition:all 0.2s linear;
}
.set > a i{
  float: right;
  margin-top: 2px;
}
.set > a.active{
  background-color:#3399cc;
  color: #fff;
}
.content{
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  display:none;
}
.content p{
  padding: 10px 15px;
  margin: 0;
  color: #333;
}
.website-url a:empty {
	display: none !important;
}
/*==============
Footer CSS Start
================*/
footer { background: #fff; padding: 60px 0 0 0; clear: both; }
.footer-nav {
    width: 20%;
    float: left;
}
footer .row{
	margin:0;
}
footer div#mc_embed_signup {
    width: 40%;
    float: left;
    display: flex;
    justify-content: flex-end;
}
footer div#mc_embed_signup_scroll { display: flex; position: relative; }
footer div#mc_embed_signup_scroll input#mce-EMAIL {
    background: #f3f5f6;
    border: none;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    border-radius: 30px;
    width: 350px;
    flex-shrink: 0;
}
footer div#mc_embed_signup_scroll input#mc-embedded-subscribe {cursor:pointer; background: #13a463; border: none; color: #fff; height: 50px; line-height: 50px; border-radius: 30px; padding: 0 30px; font-weight: 600; font-family: 'Outfit'; margin: 0 0 0 20px; transition:all ease 0.3s; }  
footer div#mc_embed_signup_scroll input#mc-embedded-subscribe:hover{background:#333;}
footer div#mc_embed_signup_scroll input#mce-EMAIL::placeholder { font-family: 'Outfit'; color: #bcbfc2; }  
.footer-nav li { padding: 0 0 15px 0; width: 100%; float: left; }
.footer-nav li { padding: 0 0 15px 0; width: 100%; float: left; }
.footer-nav li:last-child{padding-bottom:0;}
.footer-nav li a{color:#4c4c4c;}
.row.copyright-footer { justify-content: space-between; border-top: 1px solid #ccc; padding: 30px 0; margin-top: 50px; }
.copy-left, .copy-right ul { display: flex; 	align-items: center; }
.copy-left { column-gap: 50px; }
.copy-left p { margin: 0; color: #676766; }
.copy-right ul { column-gap: 20px; }
.copyright-footer { display: flex; justify-content: space-between; }
/*==============
Footer CSS End
================*/


.loc-wrap-cstm .result-header .location-title {
    width: 100%;
}
.loc-wrap-cstm .result-header {
    overflow: visible;
    float: none;
    display: inline-block;
	margin:0;
}
.banner-main {
    display: inline-block;
    width: 100%;
    background-image: url(https://recyclenation.com/wp-content/uploads/2024/05/New-Project-63.svg);
    background-size: cover;
    padding-top: 70px;
}
.inner-main-banner {
    display: flex;
    width: 100%;
}
.left-banner-content {
    max-width: 58%;
    flex: 0 0 58%;
    position: relative;
    z-index: 2;
}

.form-banner {
    border-radius: 36px;
    filter: drop-shadow(0px 3px 6px rgba(0,0,0,0.09));
    background-color: #ffffff;
    padding: 10px 10px 10px 30px;
    margin-top: 55px;
}
.inside-form {
    display: flex;
    width: 100%;
    gap: 20px;
}
.material-box {
    display: flex;
    align-items: center;
    column-gap: 15px;
    width: 100%;
}
.inside-form input {
    width: 100%;
    height: 50px;
    border: hidden;
    border-bottom: 2px solid #d5d5d5;
    font-size: 20px;
    letter-spacing: 0px;
    color: #1f9063;
    font-weight: 600;
    font-family: "Outfit";
    margin: 0;
    padding: 0;
	outline:none;
}
.material-box > span {
    font-size: 18px;
    letter-spacing: 1px;
    color: #616161;
    font-weight: 600;
    font-family: "Outfit";
    text-align: center;
}
.zip-input-wrap {
    display: flex;
    align-items: center;
    gap: 15px;
}
.inside-form button {
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 600;
    font-family: "Outfit";
    text-align: center;
    border-radius: 25px;
    background-color: #1f9063;
    border: hidden;
    color: #fff;
    height: 50px;
    padding: 10px 29px;
    text-transform: uppercase;
    cursor: pointer;
	transition: all 0.3s ease;
}
.inside-form button:hover{
	background-color:#333;
}
.zip-input-wrap input {
    text-align: center;
	color:#000;
}
.zip-input-wrap {
    max-width: 181px;
    flex: 0 0 181px;
}
.autosuggest-materials {
    width: 100%;
}
.image-content-right-banner {
    width: calc(100% + 100px);
    margin-left: -100px;
	position:relative;
	border-radius: 30px 30px 100px 30px;
    overflow: hidden;
}
.content-over-image {
    position: absolute;
    right: 35px;
    bottom: 45px;
    max-width: 460px;
    padding-right: 75px;
    z-index: 1;
    width: 100%;
    pointer-events: none;
}
.logos-section-partnered li img {
    max-width: 180px;
}
.image-key img {
    max-width: 65px;
}
.content-over-image h5 {
    line-height: normal;
    color: #fff;
    margin-bottom: 25px;
}
.content-over-image p {
    font-size: 20px;
    color: #ffffff;
    font-weight: 500;
    margin-bottom: 0;
}
.content-over-image a.arrow-img {
    position: absolute;
    right: 0;
    bottom: 0;
}
.content-part-left-banner h1 {
    background: linear-gradient(#279269, #29708c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.keys-section {
    background-color: #fff;
    padding: 95px 0 45px;
    display: inline-block;
    width: 100%;
}
.inner-keys-section > div {
    max-width: 33.333%;
    flex: 0 0 33.333%;
    border-right: 1px solid #d5d5d5;
}
.inner-keys-section > div:last-child {
	border:hidden;
}
.single-key-section h6 {
    font-size: 20px;
    color: #3a3a3a;
    font-weight: 600;
    line-height: normal;
    text-align: center;
    max-width: 318px;
    margin: 25px auto 0;
}
.inner-keys-section {
    display: flex;
    width: 100%;
}
.image-key {
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.partners-section {
    padding: 45px 0;
    display: inline-block;
    width: 100%;
    background-color: #fff;
}
.inner-partners-section h6 {
    font-size: 18px;
    color: #3a3a3a;
    font-weight: 500;
    text-align: center;
    margin-bottom: 25px;
}
.logos-section-partnered {
    display: inline-block;
    width: 100%;
}
.logos-section-partnered ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.posts-homepage {
    padding: 115px 0 130px;
    background-color: #f6faff;
}
.posts-homepage .post-item .post-image img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    border-radius: 12px 12px 50px 12px;
}
.post-item-inner {
    box-shadow: 0 0 6px rgba(220,224,230,0.2);
    background-color: #fff;
    border-radius: 12px;
    height: 100%;
}
.post-item-inner .post-details {
    padding: 25px 15px;
}
.post-item-inner .post-details a {
    font-size: 22px;
    color: #3a3a3a;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 15px;
    display: inline-block;
}
.post-item-inner .post-excerpt p {
    font-size: 18px;
    letter-spacing: 0px;
    color: #6e6e6e;
    font-weight: 400;
    line-height: normal;
}
.posts-homepage .post-item {
    margin-bottom: 60px;
}
.more-aritcles-page {
    display: flex;
    width: 100%;
    padding: 0 15px;
    justify-content: center;
}
.more-aritcles-page a {
    border-radius: 50px;
    background-image: url(https://recyclenation.com/wp-content/uploads/2024/05/New-Project-2024-05-21T151008.434-1.svg);
    background-repeat: no-repeat;
    background-position: center right 6px;
    font-size: 18px;
    line-height: 32px;
    color: #ffffff;
    font-weight: 600;
    padding: 8px 50px 8px 25px;
	transition: all 0.3s ease;
}
.more-aritcles-page a:hover{
	background-color:#333;
}
.green-box-section {
    background-color: #f6faff;
    display: inline-block;
    width: 100%;
}
.small-container.container {
    max-width: 1245px;
}
.inner-green-box {
    border-radius: 12px;
    background-image: linear-gradient(-90deg, #28708c 0%, #279169 100%);
    padding: 30px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100%;
}
.inner-green-box h5 {
    color: #fff;
    line-height: normal;
    display: inline-block;
    width: 100%;
}
.inner-green-box p {
    font-size: 20px;
    line-height: 26px;
    color: #ffffff;
    font-weight: 400;
    max-width: 620px;
    margin: 15px 0 30px;
}
header.header-outer .form-banner {
    margin: 0;
}
body.home header.header-outer .form-banner{
	display:none;
}
.inner-green-box a {
    border-radius: 50px;
    background-color: #ffffff;
    font-size: 18px;
    line-height: 32px;
    color: #118f56;
    font-weight: 600;
    background-image: url(https://recyclenation.com/wp-content/uploads/2024/05/New-Project-2024-05-21T152319.170-1.svg);
    background-repeat: no-repeat;
    background-position: center right 10px;
    padding: 8px 55px 8px 25px;
    display: inline-block;
    text-decoration: none;
	transition: all ease 0.3s;
}
.inner-green-box a:hover {
    background-color: #333;
    color: #fff;
	background-image: url(https://recyclenation.com/wp-content/uploads/2024/05/New-Project-2024-05-21T151008.434-1.svg);
}
.inner-green-box img {
    position: absolute;
    right: 25px;
    bottom: 0;
}
.faq-heading h2 {
    display: inline-block;
    width: 100%;
    font-size: 36px;
    line-height: 1;
    font-weight: 700;
    text-align: center;
    background: -webkit-linear-gradient(#279269, #29708c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 50px;
}
.very-small.container {
    max-width: 960px;
}
.faq-outer .set:last-child {
    margin-bottom: 0;
}
.faq-outer .set {
    position: relative;
    width: 100%;
    height: auto;
    border-radius: 12px;
    filter: drop-shadow(0 0 6px rgba(220,224,230,0.2));
    background-color: #ffffff;
    margin-bottom: 25px;
    padding: 15px 20px;
}
.faq-outer .set > a {
    padding: 0;
    background: transparent !important;
    border: hidden;
    position: relative;
}
.faq-outer .set > a h4 {
    font-size: 20px;
    line-height: 32px;
    color: #595a5c;
    margin-bottom: 0;
	font-weight:600;
}
.faq-outer .content p a {
    text-decoration: underline;
    text-underline-offset: 3px;
}
.faq-outer .content p {
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 26px;
    color: #595a5c;
    font-weight: 400;
    font-family: "Outfit";
    padding: 0;
    margin-top: 20px;
}
.faq-outer .content {
    border: hidden;
}
.faq-outer .set > a img {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.faq-outer .set > a.active img {
    transform: rotate(180deg);
}
section.faq-outer.define_float {
    padding: 120px 0;
    background-color: #f6faff;
}
.image-content-right-banner::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://recyclenation.com/wp-content/uploads/2024/05/fear-bg.svg);
    pointer-events: none;
}
header.mobile.header-outer {
    display: none;
}
span.result-number {
    background: #1f8f63;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
/*.loc-wrap-cstm {
    width: 80%;
    padding: 0 50px 0 0;
}*/
.loc-wrap-cstm ul.recycle-options {
    display: none;
}
.loc-wrap-cstm ul.location-actions {
    position: absolute;
    top: 24px;
    right: 10px;
    width: auto;
    display: flex;
}
.row.location-result {
    display: flex;
    column-gap: 20px;
	position: relative;
	border-radius: 16px;
    border: 2px solid #f2f2f2;	
	margin:0 0 20px 0;
} 
.recycle-results-list {
    padding: 0px 20px 0 20px;
	position:relative;
}  
.website-url:has(a:empty) {
    display: none;
}
.total-result span {
    color: #1f9063;
    font-weight: bold;

}
.total-result {    
    position: sticky;
    top: 0;
    left: 0;
    z-index: 99;
    padding: 6px 30px 35px;
    color: #000000;
    font-weight: 500;
    padding-top: 20px;
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9999999999999999) 34%, rgba(255, 255, 255, 0.9999999999999999) 100%);
}  
/*===============
Search Page CSS
=================*/
body.page-template-template-recycle-search header.header-outer {padding:13px 0; background-color: #f7f7f7; }
body.page-template-template-recycle-search header.desk.header-outer .container { max-width: 100%; padding: 0 50px; }
.all-search-wrap {
    width: 100%;
    float: left;
	position: relative;
    z-index: -1;
}
.material-search-btn input::placeholder {
    font-family: 'Outfit';
    font-weight: 300;
    color: #c2c2c2;
} 
.button-sec-mat {
    display: flex;
    justify-content: space-between;
    background-color: #f7f7f7;
    padding: 15px 30px;
	border-radius:0 0 12px 12px;
}
.material-search-btn input {
    border: 1px solid #ccc;
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
    border-radius: 10px;
}
.btn-res-upd {
    display: flex;
    column-gap: 30px;
    align-items: center;
}
.reset-ctn-mat a {
    color: #9e9e9e;
}
.update-ctn-mat a:hover, .reset-ctn-mat a:hover{
	text-decoration:none;
} 
.update-ctn-mat a {
    background: #01a263;
    color: #fff;
    border-radius: 10px;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    display: inline-block;  
}
.list-tab-data ul.materials-nav li.selected a {
    background: transparent;
    border: 2px solid #f2f2f2;
    border-radius: 12px 12px 0 0;
    border-bottom: none;
	position: relative;
}
.list-tab-data ul.materials-nav li.selected a::after {
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #ffffff;
    content: '';
}
body.page-template.page-template-template-recycle-search {
    background: transparent;
}
.update-ctn-mat a:hover, .update-ctn-mat a:hover{
	text-decoration:none;
}
#material-results .material-results-inner ul {
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    max-height: 400px;
    overflow-y: scroll;
	margin:10px;
}
#material-results .material-results-inner ul li {
    width: 24%;
    float: left;
    margin: 0 1% 15px 0;
}   
#material-results .material-results-inner ul li:nth-child(4n) {
    margin-right: 0;
}
#material-results .material-results-inner ul li a {
    position: relative;
    color: #6d6d6d;
    font-family: 'Outfit';
    font-size: 14px;
    padding: 15px 15px 15px 40px;
    font-weight: 500;
	    border: 2px solid #f2f2f2;
    border-radius: 8px;
	transition:all ease 0.3s;
}   
.location-result .result-header .website-url a::before {
    content: '';
    margin: 0;
}
.materials-list-buttons {
    position: absolute;
    left: 0;
    top:calc(100% - -2px);
    z-index: 550;
	width:100%;
}
/*.list-tab-data ul.materials-nav li {
    border-bottom: 2px solid #f2f2f2;
}*/
.list-tab-data ul.materials-nav li img {
    margin: 0 0 15px 0;
    object-fit: cover;
}
.list-tab-data ul.materials-nav li p {
    margin: 0;
    padding: 0 0 10px 0;
    white-space: nowrap;
} 
.material-search-btn a {
    color: #9e9e9e !important;
    font-size: 15px;
    font-family: 'Outfit';
}
.material-search-btn a:hover{text-decoration:none;}
.material-search-btn {
    display: flex;
    column-gap: 12px;
    align-items: center;
}
.side-left {  
    width: 550px;
    flex-shrink: 0;
    position: static;
    background: #fff;
    overflow-y: scroll; 
	overflow-x: hidden;
	height: calc(100vh - 244px);
	margin-right:10px;
}  
.location-result .result-header h4 a {
    color: #000;
    font-size: 17px;
    line-height: 27px;
}
.location-result .result-content p.location-hours, .location-info, address.location-details {
    color: #7e7e7e;
    font-size: 16px;
}
p.website-url a {
    font-size: 16px;
    font-family: 'Outfit';
	color: #7e7e7e;
}
body.page-template.page-template-template-recycle-search footer.footer-outer {
    position: fixed;
    bottom: 0;
    padding: 0;
    width: 100%;
}
body.page-template.page-template-template-recycle-search footer.footer-outer .find-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 50px;
}
body.page-template.page-template-template-recycle-search footer.footer-outer p {
    margin: 0;
    font-size: 14px;
    font-family: 'Outfit';
    color: #232323;
}
body.page-template.page-template-template-recycle-search footer.footer-outer .footer-nav-find ul {
    display: flex;
    column-gap: 20px;
}
body.page-template.page-template-template-recycle-search footer.footer-outer .footer-nav-find ul li a {
    color: #232323;
    font-size: 14px;
    font-family: 'Outfit';
}
body.page-template.page-template-template-recycle-search footer.footer-outer .footer-nav-find ul li a:hover{
	text-decoration:none;
}
.map-wrap {
    padding: 0;
    border: none;
    max-width: calc(100% - 550px);
    width: 100%;
    margin: 0;
}
.map-inner {
    display: flex;
	border-top:2px solid #f2f2f2;
}
.loc-wrap-cstm {
  width: 87%;
  float: none;
  display: inline-block;
  padding: 6px 0 0 0;
}
.list-tab-data ul.materials-nav {
    display: flex;
    align-items: center;
    background: transparent;
    padding: 20px 0 0 0;
    position: relative;
    z-index: 99;
}
#material-results .material-results-inner {
    background: #fff;
	filter: drop-shadow(0 9px 9px rgba(0, 0, 0, 0.19));
	width:100%;
	border-radius: 0 0 12px 12px;
} 
.list-tab-data {
    position: relative;
}
.list-tab-data ul.materials-nav li.selected {
    border: none;
}
div.row.location-result.cstm-active {
    border: 2px solid #eb5e55;
}
#material-results .material-results-inner ul li a::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 10px;
    /*background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg id='a' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cdefs%3E%3Cstyle%3E.b%7Bfill:%23e6e6e6;stroke-width:0px;%7D%3C/style%3E%3C/defs%3E%3Cpath class='b' d='M9,14.4l-4.7-4.7,1.4-1.4,3.3,3.3L17.4,3.2c-1.9-1.9-4.5-3.2-7.4-3.2C4.5,0,0,4.5,0,10s4.5,10,10,10,10-4.5,10-10c0-1.9-.5-3.6-1.4-5.1l-9.6,9.5Z'/%3E%3C/svg%3E);*/
    width: 20px;
    height: 20px; 
    transform: translateY(-50%); 
}
#material-results .material-results-inner ul li a:hover {
    background: #1f9063;
    border-radius: 8px;
    color: #fff;
	border-color: #1f9063;
}
.material-chec-icon {
    position: relative;
}
#material-results .material-results-inner ul li:hover svg path {
    fill: #fff !important;
}
.material-chec-icon svg {
    position: absolute;
    left: 10px;
    max-width: 20px;
    top: 16px;
    z-index: 1;
}
#material-results .material-results-inner ul li.active svg path {
    fill: #fff !important;
}
#material-results .material-results-inner ul li.active a{
	    background: #1f9063;
    border-radius: 8px;
    color: #fff;
	border-color: #1f9063;
} 
.loc-wrap-cstm svg path.b {
    fill: #a4a4a4 !important;
}
.list-tab-data ul.materials-nav {
    display: flex;
    align-items: flex-end;
    background: transparent;
    padding: 20px 0 0 0;
    position: relative;
    z-index: 99;
}
.list-tab-data ul.materials-nav li p:empty {
    display: none;
}
.list-tab-data ul.materials-nav li a {
    color: #000;
    font-size: 13px;
    font-family: 'Outfit';
    font-weight: 500;
	background-color: transparent;
}
.list-tab-data ul.materials-nav li span.badge {
    width: 20px;
    height: 20px;
    padding: 0;
    border-radius: 50%;
    background: #eb5d55;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Outfit';
    right: 20px;
    top: 20px;
    position: absolute;
    top: 0;
}
body.page-template.page-template-template-recycle-search .material-box ul, .form-banner .material-box ul {
    position: absolute;
    top: 100%;
    left: 0;
    max-height: 135px;
    overflow-y: scroll;
    width: 100%;
    background: #fff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 0 0 15px 15px;
}  
body.page-template.page-template-template-recycle-search .material-box ul li, .form-banner .material-box ul li {
    padding: 5px 20px;
}
body.page-template.page-template-template-recycle-search .material-box ul li, .form-banner .material-box ul li {
    padding: 5px 20px;
    border-bottom: 1px solid #f5f5f5;
} 
body.page-template.page-template-template-recycle-search .material-box ul li a:hover, .form-banner .material-box ul li a:hover{text-decoration:none;}
.location-result li.your-business a:before {
    content: "\f05a";
}


/*-- 29-05-2024 --*/
.page-template-template-recycle-search .inside-form button {
    font-size: 13px;
    height: 40px;
    padding: 10px 24.5px;
}
.page-template-template-recycle-search .form-banner {
    padding: 8px 8px 8px 20px;
}
.page-template-template-recycle-search .inside-form input {
    height: 42px;
    font-size: 16px;
}
header.header-outer .form-banner {
    max-width: 640px;
    width: 100%;
}
.page-template-template-recycle-search .site-content {
    padding: 0;
    width: 100%;
}
.green-img {
    position: absolute;
    right: 25px;
    bottom: -34px;
    max-width: 496px;
    width: 100%;
}
.header-logo svg, .header-logo a svg {
    max-width: 232px;
    width: 100%;
}
.image-content-right-banner a {
    text-decoration: none;
    transform: rotate(-45deg);
}
.faq-outer .set > a svg {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.faq-outer .set > a.active svg {
    transform: rotate(180deg) translateY(50%);
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
/*-- 29-05-2024 End --*/

#material-results .material-results-inner ul::-webkit-scrollbar-track
{
	background-color: transparent;
}

#material-results .material-results-inner ul::-webkit-scrollbar
{
	width: 6px;
	background-color: transparent;
}

#material-results .material-results-inner ul::-webkit-scrollbar-thumb
{
	background-color: #d7dbe0;
    border-radius:10px;  
}
.side-left::-webkit-scrollbar-track
{
	background-color: transparent;
}

.side-left::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

.side-left::-webkit-scrollbar-thumb
{
	background-color: #d7dbe0;
	border-radius:10px;
}
.location-title-svg img {
    max-width: 120px;
}



/*-- Responsive --*/
@media (max-width:1599px){

.form-banner {
    margin-top: 25px;
}
.content-part-left-banner h1 {
    margin-bottom: 20px;
}

.left-banner-content {
    max-width: 55%;
    flex: 0 0 55%;
}
.content-over-image {
    max-width: 400px;
    padding-right: 50px;
}
.copy-left {
    column-gap: 20px;
}
.copy-right ul {
    column-gap: 10px;
}
.copy-left p {
    font-size: 16px;
}
.map-data {
    max-width: calc(100% - 400px);
}
body.page-template.page-template-template-recycle-search .form-banner {
    width: 50%;
}
.green-img {
    max-width: 480px;
}
}
@media (max-width:1199px){
div.container { max-width: 95%; }
.logos-section-partnered li img { max-height: 40px; max-width: max-content; } 
.posts-homepage { padding: 100px 0; }
.content-over-image { padding-left: 30px; }
.inner-green-box h5 br { display: none; }
.inner-green-box-cont { width: 70%; padding: 0 230px 0 0; }
.posts-homepage .post-item { margin-bottom: 40px; padding: 0 10px; }
section.faq-outer.define_float{ padding: 80px 0; }
footer { padding: 50px 0 0 0; }
.footer-nav { width: 50%; margin: 0 0 30px 0; }
footer div#mc_embed_signup { width: 50%; justify-content: flex-start; }
footer div#mc_embed_signup_scroll input#mce-EMAIL { width: auto; flex-shrink: 0; }
footer div#mc_embed_signup_scroll input#mc-embedded-subscribe { margin: 0 0 0 10px; }
.row.copyright-footer { margin-top: 20px; padding: 20px 0; justify-content: center; flex-wrap: wrap; }
.copy-left { width: 100%; justify-content: center; margin: 0 0 10px 0; }
.single-key-section h6 { max-width: 100%; padding: 0 20px; }
.list-tab-data ul.materials-nav { flex-wrap: wrap; }
.list-tab-data ul.materials-nav li { width: 25%; }
.partners-section { padding: 0 0 45px 0; }

body.page-template-template-recycle-search header.header-outer { padding: 30px 0 120px 0; 	position: relative; }
body.page-template.page-template-template-recycle-search .form-banner { 	width: 100%; 	position: absolute; 	bottom: -90px; 	left: 50%; 	MAX-WIDTH: 750PX; 	margin: 0 auto; 	transform: translateX(-50%); }
.header-logo { position: relative; z-index: 9; }  
}
@media (max-width:991px){
.map-inner { flex-wrap: wrap; flex-direction: column-reverse; }
.map-data { max-width: 100%; }
.content-over-image { padding-left: 0; }
.side-left { width: 100%; flex-shrink: 0; position: static; padding: 30px 0 0 0;}
footer div#mc_embed_signup_scroll input#mce-EMAIL { width: 220px; }
h1 { font-size: 50px; line-height:60px; margin-bottom: 30px; }
.keys-section { padding: 60px 0 0px; }
.inner-keys-section { flex-wrap: wrap; justify-content: center; }
.inner-keys-section > div { max-width: 50%; flex: 0 0 50%; margin-bottom: 50px; }
.logos-section-partnered ul { justify-content: center; flex-wrap: wrap; }
.logos-section-partnered ul li {     width: 33%;     text-align: center;     margin: 10px 0; }
.logos-section-partnered li img { max-height: fit-content; max-width: 150px; margin: 0 0 30px 0; }
.faq-heading h2 { margin-bottom: 30px; }
.posts-homepage, section.faq-outer.define_float { padding: 60px 0; }
.inner-green-box { display: flex; flex-wrap: wrap; flex-direction: column-reverse; justify-content: center; }
.green-img { text-align: center; margin: 0 0 30px 0; }
.inner-green-box img { position: static; right: 0; bottom: 0; }
.inner-green-box-cont { width: 100%; padding: 0; text-align: center; }
.inner-green-box p { max-width: 100%; }
.inner-main-banner { width: 100%; flex-wrap: wrap; row-gap: 40px; }
.left-banner-content { max-width: 100%; flex: 0 0 100%; }
.content-part-left-banner h1 br, .content-part-left-banner h6 br { display: none; }

.image-content-right-banner { width: 100%; margin-left: 0; }
.image-content-right-banner img { width: 100%; }
.content-over-image { max-width: 100%; padding: 30px 50px; }
.image-content-right-banner::after { background-repeat: no-repeat; background-size: cover; }
.copy-left p { width: 100%; text-align: center; margin-top: 10px; }
.copy-left { width: 100%; flex-wrap: wrap; }
.copy-findft { width: 100%; text-align: center; margin: 0 0 6px 0; }
body.page-template.page-template-template-recycle-search footer.footer-outer .find-footer { padding: 10px 30px; justify-content: center; flex-wrap:wrap; }

#material-results .material-results-inner ul li:nth-child(4n) { margin-right: 1%; }
#material-results .material-results-inner ul li { width: 32%; }
#material-results .material-results-inner ul { padding: 30px 20px 30px 30px; }
.green-img {
    position: static;
    max-width: 100%;
}
}
@media (max-width:767px){
.menu-drawer { padding: 30px 30px; }
.row.buttons-map-container { margin: 0; }
#material-results .material-results-inner ul li { width: 100%; }	
#material-results .material-results-inner ul li { width: 49%; }
h1 { font-size: 45px; line-height: 55px; }
h6 { font-size: 24px; line-height: 34px; }
h5 { font-size: 28px; line-height:38px; }
.list-tab-data ul.materials-nav li { width: 33%; }
.keys-section { padding: 80px 0 0px; }
.inner-keys-section > div { max-width: 100%; flex: 0 0 100%; margin-bottom: 50px; border-bottom: 1px solid #d5d5d5; border-right: none; padding-bottom: 50px; }
.inner-keys-section > div:last-child { padding-bottom: 0; }
.logos-section-partnered li img { max-width: 130px; }
.footer-nav { width: 50%; margin: 0 0 30px 0; }
form#mc-embedded-subscribe-form { width: 100%; }
footer div#mc_embed_signup { width: 100%; }
footer div#mc_embed_signup_scroll input#mce-EMAIL { width: 75%; }
footer div#mc_embed_signup_scroll > div { width: 20%; }
.faq-outer .set > a h4 { padding-right: 50px; }
.inside-form input { font-size: 18px; }
header.mobile.header-outer { display: block; }
header.desk.header-outer { display: none; } 
.inner-main-banner { row-gap: 30px; }
.image-content-right-banner p { padding-right: 50px; }
.logos-section-partnered ul li {     width: 100%;}
}
@media (max-width:599px){
body.page-template.page-template-template-recycle-search .form-banner { bottom: -230px; }
body.page-template-template-recycle-search header.header-outer { padding:20px 0 0 0; height: 300px; }
.inner-green-box a { font-size: 16px; line-height: 26px; padding: 8px 50px 8px 10px; }
.faq-heading h2 { font-size: 32px; }
h1 { font-size: 40px; line-height: 50px; }
.content-over-image h5 { margin-bottom: 15px; }
.inside-form input, .inside-form button { font-size: 16px; }
.banner-main { padding-top: 50px; }
footer div#mc_embed_signup_scroll input#mc-embedded-subscribe { margin: 10px 0 30px 0; width: 100%; }
footer div#mc_embed_signup_scroll > div, footer div#mc_embed_signup_scroll input#mce-EMAIL { width: 100%; }
footer div#mc_embed_signup_scroll, footer div#mc_embed_signup { width: 100%; flex-wrap: wrap; }
form#mc-embedded-subscribe-form { width: 100%; }
.autosuggest-materials { width: 80%; }
.zip-input-wrap { max-width: 100%; flex: 0 0 100%; }
.inside-form { flex-wrap: wrap; }
.inside-form input { text-align: left; }
.image-content-right-banner > img { height: 380px; object-fit: cover; }
.content-over-image { padding: 0 50px 0; }
.single-key-section h6, .content-over-image p { font-size: 18px; }
h6 { font-size: 20px; line-height: 30px; }
.button-sec-mat { justify-content: center; flex-wrap: wrap; }
.material-search-btn {width:100%; text-align: center; justify-content: center; }
.btn-res-upd { margin: 20px 0 0 0; }
.row.location-result .loc-wrap-cstm { width: 100%; margin: 10px 0 0 0; padding:0; }
.row.location-result { flex-wrap: wrap; }
.form-banner {
    padding: 10px 20px 10px 20px;
}
.image-content-right-banner p {
    padding-right: 0;
}
.image-content-right-banner img {
    height: 400px;
    object-fit: cover;
}
}
@media (max-width:480px){
.logos-section-partnered li img { max-width: 100px; }
h5 { font-size: 26px; line-height: 36px; }
h1 { font-size: 35px; line-height: 45px; }
.banner-main { padding-top: 30px; }
.header-logo img { max-width: 180px; }  
}
/*-- Responsive End --*/