body a {
    color: #19b219;
}
header {
    padding: 0;
    transition: all 0.2s ease-in-out;
}
body {
    padding-top: 155px;
}
@media (max-width: 576px) {
    body {
        padding-top: 120px;
    }
}
.page-mainbanner {
    margin-top: 0;
}
footer.footer-section ul li {
    margin-left: 0;
    display: block;
    text-transform: none;
}
footer .footer-body .contact-footer span {
    margin-top: 5px;
}
footer li {
    text-decoration: none;
}
footer a {
    color: inherit;
}
footer a:hover {
    opacity: 1;
}
footer li:hover {
    text-decoration: underline;
}
body {
    --bs-body-font-size: 16px;
}
.main-tab-pane h3 {
    text-transform: capitalize;
}
.tab-img {
    width: 0 !important;
}
.main-tab-pane .tab-text {
    width: 100%;
}
.main-tab-pane .with-arrow .button-arrow {
    background-color: transparent;
}
.accordion .with-arrow .button-arrow {
    background-color: transparent;
}

.tabs-wrapper .tab-pane:nth-child(1) h3,
.tabs-wrapper .tab-pane:nth-child(1) .about-map-number,
.tabs-wrapper .tab-pane:nth-child(1) .further-info a:hover,
.tabs-wrapper .accordion-item:nth-child(1) h3 ,
.tabs-wrapper .accordion-item:nth-child(1) .about-map-number,
.tabs-wrapper .accordion-item:nth-child(1) .further-info a:hover  {
    color: #EB5757; 
}

.tabs-wrapper .tab-pane:nth-child(1) .btn-primary,
.tabs-wrapper .accordion-item:nth-child(1) .btn-primary {
    background-color: #EB5757; 
}

.tabs-wrapper .tab-pane:nth-child(2) h3,
.tabs-wrapper .tab-pane:nth-child(2) .about-map-number,
.tabs-wrapper .tab-pane:nth-child(2) .further-info a:hover,
.tabs-wrapper .accordion-item:nth-child(2) h3,
.tabs-wrapper .accordion-item:nth-child(2) .about-map-number,
.tabs-wrapper .accordion-item:nth-child(2) .further-info a:hover  {
    color: #F2994A; 
}
.tabs-wrapper .tab-pane:nth-child(2) .btn-primary,
.tabs-wrapper .accordion-item:nth-child(2) .btn-primary {
    background-color: #F2994A; 
}

.tabs-wrapper .tab-pane:nth-child(3) h3,
.tabs-wrapper .tab-pane:nth-child(3) .about-map-number,
.tabs-wrapper .tab-pane:nth-child(3) .further-info a:hover, 
.tabs-wrapper .accordion-item:nth-child(3) h3,
.tabs-wrapper .accordion-item:nth-child(3) .about-map-number,
.tabs-wrapper .accordion-item:nth-child(3) .further-info a:hover   {
    color: #F2C94C; 
}
.tabs-wrapper .tab-pane:nth-child(3) .btn-primary,
.tabs-wrapper .accordion-item:nth-child(3) .btn-primary {
    background-color: #F2C94C; 
}

.tabs-wrapper .tab-pane:nth-child(4) h3,
.tabs-wrapper .tab-pane:nth-child(4) .about-map-number,
.tabs-wrapper .tab-pane:nth-child(4) .further-info a:hover, 
.tabs-wrapper .accordion-item:nth-child(4) h3,
.tabs-wrapper .accordion-item:nth-child(4) .about-map-number,
.tabs-wrapper .accordion-item:nth-child(4) .further-info a:hover  {
    color: #27AE60; 
}
.tabs-wrapper .tab-pane:nth-child(4) .btn-primary,
.tabs-wrapper .accordion-item:nth-child(4) .btn-primary {
    background-color: #27AE60; 
}


.tabs-wrapper .tab-pane:nth-child(5) h3,
.tabs-wrapper .tab-pane:nth-child(5) .about-map-number,
.tabs-wrapper .tab-pane:nth-child(5) .further-info a:hover,
.tabs-wrapper .accordion-item:nth-child(5) h3,
.tabs-wrapper .accordion-item:nth-child(5) .about-map-number,
.tabs-wrapper .accordion-item:nth-child(5) .further-info a:hover  {
    color: #2F80ED; 
}
.tabs-wrapper .tab-pane:nth-child(5) .btn-primary,
.tabs-wrapper .accordion-item:nth-child(5) .btn-primary {
    background-color: #2F80ED; 
}

.tabs-wrapper .tab-pane:nth-child(6) h3,
.tabs-wrapper .tab-pane:nth-child(6) .about-map-number,
.tabs-wrapper .tab-pane:nth-child(6) .further-info a:hover,
.tabs-wrapper .accordion-item:nth-child(6) h3,
.tabs-wrapper .accordion-item:nth-child(6) .about-map-number,
.tabs-wrapper .accordion-item:nth-child(6) .further-info a:hover  {
    color: #56CCF2; 
}
.tabs-wrapper .tab-pane:nth-child(6) .btn-primary,
.tabs-wrapper .accordion-item:nth-child(6) .btn-primary {
    background-color: #56CCF2; 
}

.tabs-wrapper .tab-pane:nth-child(7) h3,
.tabs-wrapper .tab-pane:nth-child(7) .about-map-number,
.tabs-wrapper .tab-pane:nth-child(7)  .further-info a:hover,
.tabs-wrapper .accordion-item:nth-child(7) h3,
.tabs-wrapper .accordion-item:nth-child(7) .about-map-number,
.tabs-wrapper .accordion-item:nth-child(7) .further-info a:hover  {
    color: #9B51E0; 
}
.tabs-wrapper .tab-pane:nth-child(7) .btn-primary,
.tabs-wrapper .accordion-item:nth-child(7) .btn-primary {
    background-color: #9B51E0; 
}

.tabs-wrapper .tab-pane:nth-child(8) h3,
.tabs-wrapper .tab-pane:nth-child(8) .about-map-number,
.tabs-wrapper .tab-pane:nth-child(8) .further-info a:hover,
.tabs-wrapper .accordion-item:nth-child(8) h3,
.tabs-wrapper .accordion-item:nth-child(8) .about-map-number,
.tabs-wrapper .accordion-item:nth-child(8) .further-info a:hover   {
    color: #BD0489; 
}
.tabs-wrapper .tab-pane:nth-child(8) .btn-primary,
.tabs-wrapper .accordion-item:nth-child(8) .btn-primary {
    background-color: #BD0489; 
}

 
.tabs-wrapper .nav-item:nth-child(1):hover .nav-link {
    color: #EB5757; }
.tabs-wrapper .nav-item:nth-child(2):hover .nav-link {
    color: #F2994A; }
.tabs-wrapper .nav-item:nth-child(3):hover .nav-link {
    color: #F2C94C; }
.tabs-wrapper .nav-item:nth-child(4):hover .nav-link {
    color: #27AE60; }
.tabs-wrapper .nav-item:nth-child(5):hover .nav-link {
    color: #2F80ED; }
.tabs-wrapper .nav-item:nth-child(6):hover .nav-link {
    color: #56CCF2; }
.tabs-wrapper .nav-item:nth-child(7):hover .nav-link {
    color: #9B51E0; }
.tabs-wrapper .nav-item:nth-child(8):hover .nav-link {
    color: #BD0489; }

.tabs-wrapper .nav-item:nth-child(1) .active {
    color: #EB5757; }
.tabs-wrapper .nav-item:nth-child(2) .active {
    color: #F2994A; }
.tabs-wrapper .nav-item:nth-child(3) .active {
    color: #F2C94C; }
.tabs-wrapper .nav-item:nth-child(4) .active {
    color: #27AE60; }
.tabs-wrapper .nav-item:nth-child(5) .active {
    color: #2F80ED; }
.tabs-wrapper .nav-item:nth-child(6) .active {
    color: #56CCF2; }
.tabs-wrapper .nav-item:nth-child(7) .active {
    color: #9B51E0; }
.tabs-wrapper .nav-item:nth-child(8) .active {
    color: #BD0489; }

.btn {
    text-transform: capitalize; }

.where-we-section {
    background: url("../img/recycling-background.jpg") bottom center no-repeat;
    background-color: #F2F8F5;
}
.where-we-section h4 {
    display: none;
}
@media (min-width: 768px) {
    .nav-top-bar .btn-clear {
        padding-top: 0.3rem;
        padding-bottom: 0.45rem;
    }
}
@media screen and (max-width: 479px) {
    .navbar-brand {
    left: 20px;
    }
    .navbar-right-wrapper .navbar-nav-container {
        width: calc(100% - 40px);
    }
    .navbar-brand {
        left: 20px;
    }
}


.row.main-tab-pane {
    display: flex;
    flex-wrap: wrap;
}
.row.accordion-body {
    display: flex;
    flex-wrap: wrap;
}
.row.icons {
    display: flex;
    justify-content: center;
}
.our-services .row {
    flex-wrap: wrap;
}
.row.footer-body {
    display: flex;
}


.fade:not(.show) {
    opacity: unset;
}
body .news-section a {
    color: #232323;
}
body .news-section a:hover {
    color: #19b219;
}
body .tabs-wrapper a:not(.btn) {
    color: inherit;
}
body .tabs-wrapper a:not(.btn):hover {
    color: #19b219;
}
body .branch-section a {
    color: inherit;
}
body .branch-section a:hover {
    color: #19b219;
}
.btn {
    /*padding: 15px 30px 16px;*/
    border: 0;
}
.navbar .btn:not(.btn-social) {
    padding: 0.375rem 0.75rem;
}
.btn.btn-social {
  padding: 0;
}
.btn.btn-arr {
    padding-right: 70px;
}
.btn.with-arrow {
    padding: 0 0 0 1rem;
}
.navbar {
    overflow: visible;
}   
.navbar .dropdown-menu {
    top: 100%;
    background-color: #19b219;
    padding: 0;
    border: none;
    border-radius: 6px;
}
.dropdown.open .dropdown-menu {
    display: block;
    border-radius: 6px;
}
.navbar-collapse .nav-item:hover .dropdown-menu {
    display: block;
}
.navbar-collapse .dropdown:hover .dropdown-menu {
    display: block;
}
.nav-link {
    transition: all 0.2s ease-in-out;
}
.navbar-nav > .nav-item  {
    border-radius: 6px;
}
.navbar-nav .nav-item .nav-link {
    line-height: 54px;
    height: unset;
    border-radius: 6px;
}
.navbar-nav .nav-item .dropdown-menu .nav-link {
    font-size: 14px;
    text-align: left;
    line-height: 20px;
    font-weight: 500;
    padding-left: 1.5rem;
    padding-right: 1rem;
    white-space: nowrap;
}
.navbar-brand {
    z-index: 50;
}
.offcanvas-body .navbar-nav {
    height: unset;
}
.offcanvas-body .nav-item .nav-item .nav-link {
    color: #fff;
    text-align: center;
    padding: 0.8rem;
    white-space: normal;
}
.about-map-text .about-map-number {
    font-size: 48px;
    white-space: nowrap;
}
.branch-section .nav-tabs .nav-link {
    border-width: 0;
    color: inherit;
}
.branch-section .nav-tabs #finder-tab0:hover {
    color: #19b219;
}
.branch-section .nav-tabs .nav-link.active {
    color: unset;
    background-color: unset;
    border-color: unset;
    border: none;
}
.branch-section .nav-tabs .nav-link:hover, 
.branch-section .nav-tabs .nav-link:focus,
.branch-section .nav-tabs .nav-link:focus-visible {
    border-color: transparent;
    border-width: 0;
    outline: none;
}
.branch-section .nav-link.active .finder-category {
    background-color: #19b219;
    color: #fff;
}
.branch-section .nav-link.active .finder-category svg {
    fill: #fff;
}
.branch-section .nav-tabs {
    border-bottom: 0;
}
.where-we-section .swiper-wrapper {
    display: flex;
    align-items: stretch;
}
.where-we-section .swiper-slide {
    height: auto;
    align-items: stretch;
}
.where-we-section .where-we-card {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.where-we-section a .where-we-card  {
    color: #232323;
}
.where-we-section a:hover .where-we-card  {
    color: #19b219;
}
.where-we-section .where-we-card div img {
    width: unset;
    max-height: unset;
}
.where-we-section .where-we-card .branch-card-icon {
    margin-top: auto;
}
.branch-section .nav-tabs .nav-link {
    padding: 9px;
}
.branch-section .finder-category img {
    width: unset;
    max-height: unset;
    max-width: unset;
}
.branch-section .finder-category span {
    line-height: 1.2;
}
.text-right {
    text-align: right;
}
.row-pad > a {
    padding-right: 0;
    padding-left: 0;
}
.row.row-pad {
    padding-bottom: 30px;
}
.row {
    display: block;
}
.row::after {
    clear: both;
}
.row::before, .row::after {
    content: " ";
    display: table;
}
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well-lg {
    padding: 24px;
}
.well-sm {
    padding: 9px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 0;
}
.pagination > li {
    display: inline;
}
.pagination > li > a, 
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.428571429;
    text-decoration: none;
    color: #018959;
    background-color: #fff;
    border: 1px solid #ddd;
    border-top-color: rgb(221, 221, 221);
    border-right-color: rgb(221, 221, 221);
    border-bottom-color: rgb(221, 221, 221);
    border-left-color: rgb(221, 221, 221);
    margin-left: -1px;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.pagination > .active > a, 
.pagination > .active > a:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span, 
.pagination > .active > span:hover, 
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #018959;
    border-color: #018959;
    cursor: default;
}
.pagination > li:first-child > a, 
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
 
.tab-about-map {
    padding-bottom: 30px;
}
.about-map-text {
    padding: 0.5rem;
    width: 100%;
}
.tab-text .btn-primary {
    margin-bottom: 30px;
}

footer .footer-logo img {
    transform: translate(-50%, -50%);
    bottom: unset;
    right: unset;
    left: 50%;
    top: 50%;
}
@media (max-width: 767px) {
    .footer-body > div:nth-child(2) {
        margin-top: -10px;
    }
}
@media (max-width: 575px) {
    .footer-body > div:nth-child(2) {
        margin-top: -5px;
    }
}


@media (min-width: 992px) and (max-width: 1199px) {
    .footer-logo {
        width: 100%;
    }
}
@media (max-width: 575px) {
    .footer-body .footer-icons .btn {
        padding-top: 2px;
        padding-bottom: 2px;
    }
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}
/*  in custom.css:
.col-xs-12 {
    width: 100%;
}
*/
.customModal {
    margin-left: 0;
    margin-right: 0;
}
.customModal .modal-dialog {
    margin-top: 50px;
}
.customModal .btn-default:hover {
    background-color: #19b219;
}

footer .btn-social:first-of-type img {
    margin-bottom: 0;
}
.section-news .section-title {
    color: #fff;
}

.btn-login, 
.btn-primary,
.where-we-section .with-arrow .button-arrow,
.branch-section .finder-category:hover,
.with-arrow .button-arrow,
.navbar .dropdown-menu,
.our-services .btn-primary:hover  {
    background-color: #19b219;
}
.navbar-nav .nav-item .nav-link:hover,
.offcanvas-body .nav-item.open .nav-link,
.offcanvas-body .nav-item .nav-link:hover,
.dropdown.nav-item:hover,
.dropdown.nav-item:hover > .nav-link {
    background-color: #19b219;
    color: #fff;
}
.offcanvas-body .nav-item.open .nav-link,
.our-services .btn-primary:hover {
    color: #fff;
}
.call-mobile:hover,
.navbar-nav-container,
.navbar-nav-container .right-topbar {
    background-color: #fff;
}
.navbar-nav .nav-item .nav-item .nav-link:hover,
.section-video .btn-primary:hover,
.btn-login:hover,
.call-mobile .btn-primary:hover,
.where-we-section .with-arrow:hover .button-arrow:hover {
    background-color: #fff;
    color: #19b219; 
}
.our-services .btn-primary,
.two-btn-section .btn-primary {
    color: initial;
    background-color: #fff;
}
.section-video .btn-primary:hover span:not(.button-arrow),
.navbar-nav > .nav-item > .nav-link,
.btn-login:hover span,
.navbar-toggler .bi-dash {
    color: #19b219; 
}
.nav-top-bar span:first-child,
h3,
.h3,
body .news-section a:hover,
.where-we-section a:hover .where-we-card,
.offcanvas-body .nav-item .nav-link,
.news-section .card:hover h6 {
    color: #19b219;
}
.branch-section .finder-category {
    border: 2px solid #19b219;
}

/*
@media (max-width: 576px) {
    .branch-section .col-12 {
        width: 100%;
    }
}  
@media (min-width: 768px) {
    .branch-section .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333%;
}
}
@media (min-width: 1200px) {
    .branch-section .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
}
}
@media (min-width: 1400px) {
    .branch-section .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66667%;
}
}
*/

section.background_title,
.subpage-bottom {
    background-color: #0A2E36;
}
.fact-box h3 /*,
section.background_title .icons a.btn*/ {
    background-color: #19b219;
}
section.background_title .two-btn-section  a.with-arrow {
    background-color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
}
section.background_title .two-btn-section  a.with-arrow:hover {
    background-color: #19b219;
    color: #fff;
} 
.row.icons.two-btn-section {
    padding-top: 30px;
    padding-bottom: 30px;
}
.min-w-100 {
    min-width: 100%;
}