@font-face {

  font-family: 'Clash Display Variable';

  src: url('../fonts/ClashDisplay-Variable.woff2') format('woff2'),

       url('../fonts/ClashDisplay-Variable.woff') format('woff'),

       url('../fonts/ClashDisplay-Variable.ttf') format('truetype');

  font-weight: 200 700;

  font-display: swap;

  font-style: normal;

}

body {

    margin: 0 auto;

    font-size: 16px;

    padding: 0;

    font-family: "Montserrat", sans-serif;

    color: #000;

}

::selection {

    background-color: #2196f3;

    color: #fff;

}

h1,

h2,

h3,

h4,

h5,

h6,

.h1,

.h2,

.h3,

.h4,

.h5,

.h6 {

    color: #000;

}

a, button {

    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;

    outline: 0;

    color: #000;

    text-decoration: none;

}

a:hover{

    outline: none;

    color: #1d1d1d;

    text-decoration: none;

}

.my-120{

    margin-top:120px;

    margin-bottom:120px;

}

.mt-120{

    margin-top:120px;

}

.mb-120{

    margin-bottom:120px;

}

.my-80{

    margin-top:80px;

    margin-bottom:80px;

}

.mt-80{

    margin-top:80px;

}

.mb-80{

    margin-bottom:80px;

}

.my-60{

    margin-top:60px;

    margin-bottom:60px;

}

.mt-60{

    margin-top:60px;

}

.mb-60{

    margin-bottom:60px;

}

.my-40{

    margin-top:40px;

    margin-bottom:40px;

}

.mt-40{

    margin-top:40px;

}

.mb-40{

    margin-bottom:40px;

}

.py-120{

    padding-top:120px;

    padding-bottom:120px;

}

.pt-120{

    padding-top:120px;

}

.pb-120{

    padding-bottom:120px;

}

.py-110{

    padding-top:110px;

    padding-bottom:110px;

}

.px-110{

    padding-left:110px;

    padding-right:110px;

}

.pt-110{

    padding-top:110px;

}

.pb-110{

    padding-bottom:110px;

}

.py-80{

    padding-top:80px;

    padding-bottom:80px;

}

.px-80{

    padding-left:80px;

    padding-right:80px;

}

.pt-80{

    padding-top:80px;

}

.pb-80{

    padding-bottom:80px;

}

.py-60{

    padding-top:60px;

    padding-bottom:60px;

}

.px-60{

    padding-left:60px;

    padding-right:60px;

}

.py-40{

    padding-top:40px;

    padding-bottom:40px;

}

.px-40{

    padding-left:40px;

    padding-right:40px;

}

.pt-40{

    padding-top:40px;

}

.pb-40{

    padding-bottom:40px;

}

.p-40{

    padding:40px;

}

.theme-btn{

    position: relative;

    padding: 15px 20px;

    z-index: 1;

    border: 0 !important;

    border-radius: 32px;

    color: #FFFFFF;

    display: inline-flex;

    align-items: center;

    gap: 10px;

    background: #0FA176;

    font-weight: 500;

    font-size: 16px;

    line-height: normal;

    height: 60px;

    min-width: 160px;

    justify-content:center;

}

.btn-transparent{

    background: transparent;

    color: #0fa176;

    border: 1px solid #0fa176 !important;

}

.theme-btn:hover, .theme-btn:active{

    background:#226bae !important;

    color:#FFFFFF;

}

.btn-transparent:hover{

    border:1px solid #f37423 !important;

}

.theme-btn.btn-blur, .theme-bg.btn-blur{

    background: rgb(255 255 255 / 20%);

    backdrop-filter: blur(20px);

    font-weight: 500;

    font-size: 16px;

    line-height: normal;

    color: #FFFFFF;

}

.theme-btn.btn-blur:hover, .theme-bg.btn-blur:hover{

    background: rgb(0 0 0 / 40%);

}

.theme-btn.btn-blur img{

    filter:brightness(0) invert(1);

}

.theme-bg{

    background:#0FA176;

}

.theme-color{

    color:#0FA176;

}

.btn-circle{

    width:60px;

    height:60px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    vertical-align: middle;

}



/*header css*/

.header-overlay {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    z-index: 1;

}

@media(min-width:1400px){

header .container{

    max-width: 1300px;

}

}

header .container{

    border-bottom:1px solid #EAEAEA;

    padding:12px 0;

}

header .navbar-brand{

    padding:0;

    color:#FFFFFF;

    margin:0;

}

header .menu-wrap li a {

    font-weight: 400;

    font-size: 16px;

    line-height: normal;

    padding: 20px 0;

    color: #FFFFFF;

    position: relative;

}

header:not(.header-overlay) .menu-wrap li a{

    color:#585858;

}

header .menu-wrap li.active a {
    color: #226bae;
    font-weight: 700;
}

header .menu-wrap li a:hover, header .menu-wrap li a:focus, header .menu-wrap li a:active{

    color:#226bae;

}

.navbar-nav.menu{

    gap:0 15px;

}

.header-overlay + *, .inner-banner .banner-bg{

    padding-top:90px;

}

header:not(.header-overlay) .overlay-logo{

    display:none;

}

header.header-overlay .no-overlay-logo{

    display:none;

}



.gray-bg {

    background: #F8F8F8;

}

.title .tag {

    color: #0851D4;

    display: inline-flex;

    justify-content: center;

    line-height: normal;

    margin-bottom:0px;

}

.theme-btn.black-bg{

    background:#030202;

    color:#fff;

    margin-right:12px;

}

.text-btn{

    display:inline-flex;

    align-items:center;

    vertical-align:bottom;

}

.text-btn:hover{

    color:#f37423;

}

.text-btn:hover .theme-bg{

    background:#f37423;

}

.title h2{

    font-weight:400;

    font-size:48px;

    line-height:normal;

    color:#030202;

    margin-bottom:28px;

    margin-top:12px;

}

.title p, .description p{

    color:#585858;

    line-height:22px;

}

.location_card{

    height:auto;

    padding:0;

}

/*.location-bx{

    border:0;

    padding:28px;

    max-width:536px;

    box-shadow:0px 28px 40px 0px #00000040;

    margin: auto;

    width: 100%;

}*/

.location-bx {
    border: 0;
    padding: 0;
    max-width: 536px;
    margin: auto;
    width: 100%;
    border-left: 2px solid #fff;
    padding-left: 30px;
}

.form-title {

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    margin-bottom: 28px;

}

.form-title h3{

    max-width:308px;

    font-weight:300;

    font-size:34px;

    line-height:normal;
}

.location_card img {

    max-width: 100%;

}

.form-title img{

    margin-top:-75px;

}

.location-form .form-group {

    margin-bottom: 15px;

}

.location-form .form-control {

    border: 1px solid #E4E4E4;

    font-weight: 300;

    padding: 20px;

    border-radius: 40px;

    outline: 0;

    box-shadow: none !important;

}

input[type=number]::-webkit-inner-spin-button, 

input[type=number]::-webkit-outer-spin-button{ 

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    margin: 0; 

}

.location_card h4 {

    font-weight: 600;

    font-size: 28px;

    line-height: normal;

    color: #fff;

    margin-bottom: 20px;

}

.form-title h3{

    max-width: 308px;

    font-family: "Albert Sans", sans-serif;

    font-weight: 300;

    line-height: normal;

}

.progress-circle.progress {

    min-width:60px;

    width:60px;

    height:60px;

    line-height:60px;

    background:none;

    margin:0 auto;

    box-shadow:none;

    position:relative;

    justify-content:center;

    display:inline-flex;

    margin-right:15px;

}

.progress-circle.progress:after {

  content: "";

  width: 100%;

  height: 100%;

  border-radius: 50%;

  border: 4px solid #F8F8F8;

  position: absolute;

  top: 0;

  left: 0;

}

.progress-circle.progress > span {

  width: 50%;

  height: 100%;

  overflow: hidden;

  position: absolute;

  top: 0;

  z-index: 1;

}

.progress-circle.progress .progress-left {

  left: 0;

}

.progress-circle.progress .progress-bar {

  width: 100%;

  height: 100%;

  background: none;

  border-width: 4px;

  border-style: solid;

  position: absolute;

  top: 0;

  border-color: #0FA176;

}

.progress-circle.progress .progress-left .progress-bar {

  left: 100%;

  border-top-right-radius: 75px;

  border-bottom-right-radius: 75px;

  border-left: 0;

  -webkit-transform-origin: center left;

  transform-origin: center left;

}

.progress .progress-right {

  right: 0;

}

.progress .progress-right .progress-bar {

  left: -100%;

  border-top-left-radius: 75px;

  border-bottom-left-radius: 75px;

  border-right: 0;

  -webkit-transform-origin: center right;

  transform-origin: center right;

}

.progress .progress-value {

  display: flex;

  border-radius: 50%;

  text-align: center;

  align-items: center;

  justify-content: center;

  height: 100%;

  font-weight: 300;

  font-family: Albert Sans;

  font-weight: 500;

  font-size: 20px;

  line-height: normal;

}

.progress .progress-value div {

  margin-top: 10px;

}

.progress .progress-value span {

  font-size: 12px;

  text-transform: uppercase;

}



.progress[data-percentage="10"] .progress-right .progress-bar {

  animation: loading-1 1.5s linear forwards;

}

.progress[data-percentage="10"] .progress-left .progress-bar {

  animation: 0;

}



.progress[data-percentage="20"] .progress-right .progress-bar {

  animation: loading-2 1.5s linear forwards;

}

.progress[data-percentage="20"] .progress-left .progress-bar {

  animation: 0;

}



.progress[data-percentage="30"] .progress-right .progress-bar {

  animation: loading-3 1.5s linear forwards;

}

.progress[data-percentage="30"] .progress-left .progress-bar {

  animation: 0;

}



.progress[data-percentage="40"] .progress-right .progress-bar {

  animation: loading-4 1.5s linear forwards;

}

.progress[data-percentage="40"] .progress-left .progress-bar {

  animation: 0;

}



.progress[data-percentage="50"] .progress-right .progress-bar {

  animation: loading-5 1.5s linear forwards;

}

.progress[data-percentage="50"] .progress-left .progress-bar {

  animation: 0;

}



.progress[data-percentage="60"] .progress-right .progress-bar {

  animation: loading-5 1.5s linear forwards;

}

.progress[data-percentage="60"] .progress-left .progress-bar {

  animation: loading-1 1.5s linear forwards 1.5s;

}



.progress[data-percentage="70"] .progress-right .progress-bar {

  animation: loading-5 1.5s linear forwards;

}

.progress[data-percentage="70"] .progress-left .progress-bar {

  animation: loading-2 1.5s linear forwards 1.5s;

}



.progress[data-percentage="80"] .progress-right .progress-bar {

  animation: loading-5 1.5s linear forwards;

}

.progress[data-percentage="80"] .progress-left .progress-bar {

  animation: loading-3 1.5s linear forwards 1.5s;

}



.progress[data-percentage="90"] .progress-right .progress-bar {

  animation: loading-5 1.5s linear forwards;

}

.progress[data-percentage="90"] .progress-left .progress-bar {

  animation: loading-4 1.5s linear forwards 1.5s;

}



.progress[data-percentage="100"] .progress-right .progress-bar {

  animation: loading-5 1.5s linear forwards;

}

.progress[data-percentage="100"] .progress-left .progress-bar {

  animation: loading-5 1.5s linear forwards 1.5s;

}



@keyframes loading-1 {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(36);

    transform: rotate(36deg);

  }

}

@keyframes loading-2 {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(72);

    transform: rotate(72deg);

  }

}

@keyframes loading-3 {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(108);

    transform: rotate(108deg);

  }

}

@keyframes loading-4 {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(144);

    transform: rotate(144deg);

  }

}

@keyframes loading-5 {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(180);

    transform: rotate(180deg);

  }

}

.list-chooseUs {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}

.list-reliable li {

    font-weight: 500;

    font-size: 20px;

    line-height: normal;

    width: 50%;

    display: flex;

    align-items: center;

}

.list-reliable{

    margin:48px 0 60px;

}

.list-chooseUs li{
    margin-bottom:0px;
    background:#fff;
    padding:15px;
    width:calc(33.33% - 18px);
    border-radius:15px;
    min-height:160px;
    display:flex;
    align-items:center;
    gap:12px;
}

.list-chooseUs li img{
    margin-bottom:0;
    width:235px;
}

.list-chooseUs li h6{

    font-weight:500;

    font-size:18px;

    line-height:normal;

    color:#030202;

}

.list-chooseUs li p{
    font-weight:400;
    font-size:12px;
    line-height:normal;
    color:#585858;
    margin-bottom:0;
}

/*.choose_list_bx{

    border-top:2px solid #E4E4E4;

    padding-top:20px;

}*/

.choose_list_bx h5{

    font-weight:500;

    font-size:20px;

    line-height:normal;

}

.choose_list_bx p{

    font-weight:400;

    font-size:16px;

    line-height:normal;

    margin:0;

    color:#585858;

}

.service_list h6 {

    font-weight: 400;

    font-size: 16px;

    line-height: normal;

    color: #030202;

    margin-bottom: 14px;

}

.service_list ul li{

    position: relative;

    padding-left: 25px;

    font-weight: 400;

    font-size: 14px;

    line-height: normal;

    color: #585858;

    margin-bottom: 10px;

}

.put-list li:before, .no-put-list li:before{

    content:"";

    position:absolute;

    left:0;

    top:0px;

    width:20px;

    height:20px;

    background:url(../images/check-mark.png) no-repeat;

    background-size:contain;

}

.no-put-list li:before{

    background:url(../images/cross.png) no-repeat;
    background-size: contain;

}

.column-2 {

    column-count: 2;

}

.column-3{

    column-count:3;

}

button.slick-arrow{

    border: 1px solid #E4E4E4;

    width: 60px;

    height: 60px;

    border-radius: 50%;

    background: transparent;

    font-size: 22px;

    cursor: pointer;

    z-index:1;

}

button.slick-arrow:hover{

    border: 1px solid #226bae;

    background:#226bae;

    color:#fff;

}

.arrow-top .slick-arrow{

    position:absolute;

    right:-55px;

    top:0;

}

.arrow-top .slick-prev.slick-arrow{

    right:20px;

}

.cta_home .cta_caption{

    width:540px;

    margin:auto;

}

.cta_caption h3{

    font-weight:500;

    font-size:32px;

    line-height:normal;

    margin-bottom:24px;

}

.bins-size{

    position:relative;

}

.bins-size:before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    background:url(../images/bin-size-before.png) no-repeat top left / cover;

    width:275px;

    height:405px;

    pointer-events:none;

}

.bins-size:after{

    content:"";

    position:absolute;

    right:0;

    top:0;

    background:url(../images/bin-size-after.png) no-repeat top left / cover;

    width:405px;

    height:405px;

    pointer-events:none;

}

.guide-bx{

    border:1px solid;

    border-image-source:linear-gradient(180deg, #A2EFD8 0%, #DFDFDF 100%);

    background:linear-gradient(#f8f8f8, #f8f8f8) padding-box, linear-gradient(180deg, #A2EFD8 0%, #DFDFDF 100%) border-box;

    border-radius:20px;

    position: relative;

    z-index: 1;

    transition: all ease .3s;

}

.guide-bx:hover {

    transform: translateY(-10px);

    transition: all ease .3s;

}

.guide-bg{

    background:#f8f8f8;

    border-radius:20px;

    padding:20px 15px 28px;

}

.guide-bx h5{

    font-weight:600;

    font-size:20px;

    line-height:normal;

    margin:20px 0 28px;

}

.list-guide-size {

    display: flex;

    flex-wrap: wrap;

    column-gap: 8px;

    row-gap: 10px;

    justify-content: center;

}

.list-guide-size li {

    font-family: Albert Sans;

    font-weight: 400;

    font-size: 16px;

    line-height: 100%;

    color: #585858;

    border: 1px solid #BFCADD;

    border-radius: 12px;

    padding: 11px 8px;

    width: calc(25% - 6px);

}

.list-guide-size li sup {

    font-size: 10px;

}

.guide-img {

    display: block;

    text-align: center;

}

.guide-img img {

    height: 145px;

    object-fit: scale-down;

}

.location-img {

    border-radius: 20px;

    overflow: hidden;

    height: 362px;

    -moz-transition: height .5s ease;

    -webkit-transition: height .5s ease;

    -o-transition: height .5s ease;

    transition: height .5s ease;

}

.location-img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.location-item{

    background:#F8F8F8;

    border-radius:20px;

    margin:0 12px;

    -moz-transition: height .5s ease;

    -webkit-transition: height .5s ease;

    -o-transition: height .5s ease;

    transition: height .5s ease;

}

.location-caption{

    padding:15px 20px;

}

.location-caption small{

    font-weight: 500;

    font-size: 16px;

    line-height: normal;

    color: #0851D4;

    display: block;

    margin-bottom:7px;

}

.location-caption h4{

    font-weight:400;

    font-size:24px;

    line-height:35px;

    color:#030202;

    margin-bottom: 15px;

}

.location-caption p {

    font-weight: 400;

    font-size: 16px;

    line-height: 22px;

    color: #585858;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 5;

}
.location-caption p:empty {
    display: none;
}
.text-link{

    font-family: "Albert Sans", sans-serif;

    font-weight: 400;

    font-size: 16px;

    line-height: normal;

    color: #0851D4;

    display: flex;

    align-items: center;

    gap: 10px;

}

.text-link i{

    font-size:14px;

}

.location-item .location-img{

    height: 220px;

    -moz-transition: height .5s ease;

    -webkit-transition: height .5s ease;

    -o-transition: height .5s ease;

    transition: height .5s ease;

}

.location-item .location-caption{

    height: auto;

    -moz-transition: height .5s ease;

    -webkit-transition: height .5s ease;

    -o-transition: height .5s ease;

    transition: height .5s ease;

}

/*.location-item:hover .location-caption small{

    display:none;

    -moz-transition: height .5s ease;

    -webkit-transition: height .5s ease;

    -o-transition: height .5s ease;

    transition: height .5s ease;

}*/

.location-slider .slick-list{

    margin-left:-12px;

    margin-right:-12px;

}

.arrow-top .slick-arrow{

    right:0;

}

.location-slider.arrow-top .slick-arrow, .binsize-slider.arrow-top .slick-arrow{

    top:-90px;

}

.arrow-top .slick-prev.slick-arrow{

    right:75px;

}

.blog-post, .post-img{

    border-radius:20px;

}

.blog-post .post-img img {

    max-height: 340px;

    width: 100%;

    object-fit: cover;

}

.blog-caption{

    padding:16px;

}

.blog-pill span{

    border: 1px solid #E4E4E4;

    background: #F8F8F8;

    font-weight: 400;

    font-size: 12px;

    line-height: normal;

    color: #585858;

    padding: 7px 12px;

    border-radius: 20px;

    margin-bottom: 12px;

}

.blog-date {

    margin-bottom: 15px;

}

.blog-date li{

    font-weight: 400;

    font-size: 12px;

    line-height: normal;

    color: #585858;

}

.blog-date li:not(:last-child){

    margin-right: 10px;

    padding-right: 10px;

    border-right: 1px solid #585858;

}

.blog-date li .far{

    color: #030202;

    font-size: 14px;

    margin-right: 4px;

}

.blog-caption h4 {

    font-weight: 400;

    font-size: 20px;

    line-height: normal;

    color: #030202;

}

.blog-caption p {

    color: #585858;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

}

.blog-post.d-flex .post-img, .blog-post.d-flex .blog-caption {

    width: 50%;

}

.blog-post.d-flex .post-img img {

    height: 100%;

    object-fit: none;

}

.blog-post:not(:last-child) {

    margin-bottom: 22px;

}



/*faq section*/

.faq-sect .accordion-button {

    background: #F8F8F8;

    border-radius: 20px !important;

    outline: 0;

    box-shadow: none;

    padding: 25px !important;

    font-size: 20px !important;

    color: #030202 !important;

    font-weight: 500;

    line-height: 100%;

}

.faq-sect .accordion-item {

    border: 0;

    margin-bottom: 12px;

    border-radius: 20px !important;

    background: #F8F8F8 !important;

    border: 1px solid #EBEBEB !important;

}

.faq-sect .accordion-item .accordion-body {

    padding: 0 25px 25px;

    font-weight: 400;

    font-size: 16px;

    line-height: 20px;

    color: #585858;

    font-family: "Albert Sans", sans-serif;

}

.faq-sect .accordion-button:focus {

    box-shadow: inherit !important;

}

.faq-sect .accordion-button:not(.collapsed) {

    background-color:#F8F8F8 !important;

    color: #000;

    box-shadow: inherit !important;

}

.faq-sect .accordion-body {

    font-size: 14px;

    color: #444;

}

.faq-sect .accordion-item {

    border: none;

    background: transparent;

}

.fAQ-sect {

    position: relative;

}

.faq-sect .accordion-button[aria-expanded="true"]{

    padding-bottom: 15px !important;

}

.accordion-button::after {

    background: url(../images/faq-arrow.svg) no-repeat center center / cover;

    background-size: 10px;

}

.faq-sect .accordion-button[aria-expanded="true"]::after {

    background: url(../images/faq-arrow.svg) no-repeat center center / cover;

    background-size: 10px;

    transform: rotate(90deg);

}





.title h1{

    font-family:Clash Display Variable;

    font-weight:400;

    font-size:60px;

    line-height:normal;

}

.theme-btn .btn-circle{

    width:48px;

    height:48px;

}

.theme-btn:has(.btn-circle){

    padding:6px 6px;

    padding-right:20px;

    gap:8px;

}

.chat-bx{

    border-radius:20px;

}

.title h3{

    font-family:Clash Display Variable;

    font-weight:400;

    font-size:32px;

    line-height:100%;

    color:#030202;

    margin-bottom:15px;

}

.theme-btn.bg-white{

    color:#030202;

}

.theme-btn.bg-white:hover{

    color:#ffffff;

}

.cta_caption h2{

    font-weight:500;

    font-size:48px;

    line-height:normal;

    margin-bottom:20px;

}

.cta_caption p{

    color:#585858;

    margin-bottom:25px;

}

.cta_home .medium_cta_caption {
    max-width: 780px;
    width: auto;
    padding: 0 20px;
    margin-left: 0;
}

.logo-f p {

    color: #fff;

}

.nav-f h5 {

    color: #fff;

    margin-bottom: 20px;

}

.menu-footer .nav-f{

    margin-bottom: 35px;

}

.menu-footer .nav-f:last-child{

    margin-bottom: 0;

}

.menu-footer .nav-f ul {

    margin-bottom: 0;

    display: flex;

    flex-wrap:wrap;

    gap: 16px;

}

.menu-footer .nav-f .footer_nav li{
    width: 48%;
}

.menu-footer .nav-f ul li a{

    color: #fff;

}

.menu-footer .nav-f ul li a:hover, .copyright li a:hover, .f-nav-bottom li a:hover{

    color: #f37423;

}

/*.newsletter {

    margin-top: 20px;

    margin-right: 20px;

    background: #0FA176;

    padding: 40px 28px;

    border-radius: 28px;

}*/

.news-title h4 {

    font-weight: 400;

    font-size: 28px;

    line-height: normal;

    color: #fff;

}

.news-title p {

    color: #FFFFFF;

    line-height: normal;

    font-weight: 400;

    font-size: 14px;

}

.form-newsletter .form-group{

    position:relative;

}

.form-newsletter input[type="email"]{

    height:60px;

    border:1px solid #E4E4E4;

    width:100%;

    border-radius:40px;

    padding:6px;

    padding-left: 42px;

    outline: 0;

    padding-right: 100px;

}

.form-newsletter .form-group img{

    position: absolute;

    left: 18px;

    top: 0;

    bottom: 0;

    height: fit-content;

    margin: auto;

}

.small-btn{

    min-width: auto !important;

    padding: 15px 28px !important;

    height: auto !important;

}

.form-newsletter .theme-btn{

    position:absolute;

    right:5px;

}

.form-newsletter{

    margin-top:38px;

}

.f-nav-bottom li a{

    color:#585858;

    font-weight:400;

    font-size:16px;

    line-height:normal;

}

.f-nav-bottom{

    padding-top:28px;

    gap:0 30px;

}

.copyright {
    padding: 20px 0px;
    border-top: 1px solid #00529c;
    margin-top: 40px;
}

.copyright p{

    margin-bottom:0;

    color:#fff;

}

.copyright li, .copyright li a{

    color:#fff;

}

.social-list li{

    transition:all ease .3s;

    transform:scale(1);

}

.social-list li:hover{

    transition:all ease .3s;

    transform:scale(1.1);

}

.guide-bg .guide-img img, .blog-post .post-img img{

    transition:all ease .3s;

    transform:scale(1);

}

.guide-bg:hover .guide-img img, .blog-post:hover .post-img img{

    transition:all ease .3s;

    transform:scale(1.1);

}

.blog-post{

    transition:all ease .5s;

}

.blog-post:hover{

    box-shadow:0 2px 5px rgb(0 0 0 / 30%);

    transition:all ease .5s;

}



/*about*/

.grid{

    display:grid;

    grid-template-columns:auto auto;

    gap:24px;

}

.grid img {

    border-radius: 28px;

    max-width: 100%;

    width: 100%;

    object-fit: cover;

}

.grid img:first-child {

    grid-column: 1;

    grid-row: 1 / span 2;

    height: 100%;

    object-fit: cover;

}

.grid img:nth-child(2) {

    height: 235px;

}

.grid img:nth-child(3) {

    height: 151px;

}



.p-40{

    padding:40px;

}

.waste-guide .banner-caption p{

    color:#585858;

}

.contact-list{

    font-weight:400;

    font-size:16px;

    line-height:26px;

    color:#585858;

    margin-bottom:12px;

}

.contact-list a{

    font-weight:400;

    font-size:20px;

    line-height:normal;

}

.contact-list a:hover{

    color: #0fa176;

}

.contact-list ul li a{

    border:1px solid #E4E4E4;

    width:60px;

    height:60px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    color:#0FA176;

}

.contact-list ul li a:hover{

    background:#0FA176;

    color:#fff;

    border:1px solid #0FA176;

}

.form-bx{

    padding:28px 20px;

}

.form-field label{

    font-weight:400;

    font-size:16px;

    line-height:100%;

    margin-bottom:8px;

    color:#001C0D;

    padding:0 15px;

}

.form-field label span{

    color:#F7524B;

}

.form-field .form-control{

    border:1px solid #E4E4E4;

    height:60px;

    border-radius:60px;

    padding:16px 20px;

    box-shadow:none !important;

    resize:none;

}

.rounded-6{

    border-radius:60px;

}

.waste-guide-bg{

    background:#226bae url(../images/cta_bg2.jpg) no-repeat center center / cover;

    background-blend-mode:luminosity;

}

.support-img{

    margin-top:-28px;

    margin-right:-28px;

    max-width:225px;

}

.support-img img{

    width:100%;

}

.blog-post .blog-img{

    max-height:215px;

    overflow:hidden;

    border-radius:25px;

}

.blog-item .slide-caption{
    padding:0;
}

.blog-item .slide-caption h5{
    font-weight:400;
    font-size:19px;
    line-height:normal;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    line-clamp:2;
    overflow:hidden;

}

.blog-item .slide-caption p{
    color:#585858;
    font-weight:400;
    line-height:20px;
}

.blog-item .slide-caption a{
    text-decoration:underline;
    font-weight:500;
    color:#001C0D;
}

.blog-article .blog-post{
    border:1px solid #e1e1e1;
    height:100%;
}

.blog-article .d-flex .post-img{
    border-radius:20px 0 0 20px;
}

.banner-caption img{

    width: 100%;

    height: 500px;

    object-fit: cover;

    object-position: center;

    border-radius: 28px;

}

.blog-description h3{

    line-height:normal;

    color:#030202;

    font-weight:400;

}

.blog-description h4{

    font-size:22px;

    margin-bottom:12px;

    line-height:normal;

    color:#030202;

    font-weight:400;

}

.blog-description ul{

    list-style:none;

    padding:0;

    padding-left:10px;

    margin:15px 0 25px;

}

.blog-description ul li{

    position:relative;

    display:flex;

    gap:8px;

    margin-bottom:15px;

    color:#585858;

    line-height:22px;

}

.blog-description ul li:before{

    font-family:Font-Awesome-5-Pro;

    content:"\f058";

    color:#0fa176;

}

.recent-post h5{

    color:#0FA176;

    font-weight:500;

    font-size:20px;

    line-height:100%;

    font-family:Clash Display Variable;

    margin-bottom:15px;

}

.recent-post li, .recent-post li a{

    display:flex;

    margin-bottom:20px;

    gap:20px;

    align-items:center;

}

.recent-post li > a{

    margin-bottom:0;

}

.recent-post li img{

    width:85px;

    height:85px;

    min-width:85px;

    object-fit:cover;

    border-radius:20px;

}

.rescent-caption span{

    font-weight:400;

    font-size:14px;

    line-height: normal;

    color: #5F5D62;

    margin-bottom:10px;

    display:block;

}

.rescent-caption p{

    font-weight:400;

    font-size:16px;

    line-height:normal;

    color:#161419;

    margin:0;

}

.recent-post{

    background:linear-gradient(180deg, #E5FFF7 0%, #FFFFFF 100%);

    border-radius:20px;

    padding:20px 24px;

    box-shadow:0 2px 3px rgb(0 0 0 / 8%);

    border:1px solid #f1f1f1;

}

.recent-post ul{

    margin-bottom:0;

    max-height:402px;

    overflow:auto;

}

.recent-post li:last-child{

    margin-bottom:0;

}

.book_bin_cta{

    background:#0FA176 url(../images/cta_bg2.jpg) no-repeat center center / cover;

    background-blend-mode:luminosity;

    padding-right:0;

    padding-bottom:0;

}

.cta_sidebar h3{

    padding-right:20px;

    line-height:normal;

    color:#030202;

    font-size:36px;

    margin-bottom:20px;

}

.trash_bin_cta{

    background:#0FA176 url(../images/cta_bg2.jpg) no-repeat bottom right / cover;

    background-blend-mode:luminosity;

}

.recycle-trash{

    max-width:165px;

}

.blog-slidebar{

    position:sticky;

    top:25px;

}

.book_bin_cta_img img{

    margin-bottom:-10px;

}

.blog-description ul li a, .blog-description p a{

    text-decoration:underline;

    color:#0fa176;

}

.text-center img{

    margin:auto;

}



/*============ popup =============*/

#bookConsultation .modal-dialog{max-width:950px;}

#bookConsultation .modal-content{border:0; border-radius:28px; overflow:hidden;}

#bookConsultation .modal-body{background:linear-gradient(to top, #ffffff, #ddfff5); border-radius:28px;}

.bookConsultation h3{font-weight:500; font-size:40px; line-height:normal; margin-bottom:30px;}

.bookConsultation .form-control, .bookConsultation .form-select{box-shadow:none !important; height:60px; border-radius:15px; padding:18px; color:#3e3e3e; outline:0;}

.bookConsultation{padding:65px 5px;}

.bookConsultation textarea.form-control{height:auto;}

#bookConsultation .btn-close{position:absolute; right:20px; opacity:1; top:12px; width:20px; height:20px; background-color:red; background-size:12px; background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>"); border-radius:50%;}



.img_gradient{

    background:url(../images/calculator_bg.png) no-repeat top center / cover, linear-gradient(180deg, #EDFFC3 0%, #FFFFFF 100%);

    background-blend-mode:multiply;

}

.blue-light-bg{

    background:#E6F5FF;

}

.nav_tabs{

    padding:0;

    max-width:575px;

    margin:auto;

}

.nav_tabs .nav-item{

    text-align:center;

    margin:0 5px;

    background:transparent;

    border:1px solid #E4E4E4;

    font-weight:400;

    font-size:16px;

    line-height:100%;

    color:#001C0D;

    border-radius:20px;

    padding:10px 12px;

}

.nav_tabs .nav-item.slick-current{

    background:#0fa176;

    color:#fff;

}

.cta_home{

    border-radius: 35px;

    min-height: 280px;

    background-blend-mode:luminosity;

    border-radius:28px;

}

.btn_group .text-link{

    display:flex;

    align-items:center;

}

.text-link{

    color:#001C0D;

    font-weight:500;

    position:relative;

}

.cta2_home .cta_caption {

    padding:48px 35px;

    width:auto;

}

.content-description ul{

    padding-left:22px;

}

.content-description ul li{

    color:#585858;

    margin-bottom:3px;

}

.content-description strong, .content-description b{

    color:#323232;

}

.content-description a{

    text-decoration:underline;

    font-weight:600;

    color:#323232;

}



/*chatbot*/

.chat-box {

    position: fixed;

    bottom: 90px;

    right: 30px;

    width: 320px;

    height: 420px;

    background: #fff;

    border-radius: 15px;

    box-shadow: 0 5px 25px rgba(0,0,0,0.3);

    display: none;

    flex-direction: column;

    overflow: hidden;

    z-index:9;

}

.chat-header{

    background:#0fa176;

    color:#fff;

    padding:12px;

    text-align:center;

    font-weight:bold;

    position:relative;

}

.close-chat{

    position:absolute;

    right:15px;

    top:10px;

    cursor:pointer;

    font-weight:bold;

    z-index:9;

}

.chat-body {

    padding:15px;

    height:300px;

    overflow-y:auto;

    font-size:14px;

}

.chat-input{

    display:flex;

    padding:10px;

    border-top:1px solid #ddd;

}

.chat-input input{

    width:100%;

    padding:10px;

    border:1px solid #ddd;

    border-radius:5px;

}

.chat-input button{

    margin-left:5px;

    padding:10px 12px;

    background:#0fa176;

    color:white;

    border:none;

    border-radius:5px;

    cursor:pointer;

}

.level-list li:not(:last-child){

    flex: 1 1 auto;

}

.level-list{

    counter-reset:steps;

}

.level-list li{

    position: relative;

}

.level-list li h6 b {

    font-weight: 500;

}

.level-list li span {

    border: 1px solid #EAEAEA;

    width: 40px;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    position: relative;

    background: #fff;

    box-shadow: 0 0 0px 6px #ffffff;

}

.level-list li span:before {

    content: "";

    width: 50px;

    height: 50px;

    position: absolute;

    border-radius: 50%;

    border: 1px solid #fff;

}

.level-list li span img{

    max-width:18px;

}

.level-list li:not(:last-child):before {

    border-top: 2px solid #EAEAEA;

    content: "";

    width: 100%;

    position: absolute;

    left: 0;

    top: 20px;

}

.level-list li.active span, .level-list li.completed span{

    background: #0FA176;

    border-color: #0FA176;

}

/*.level-list li.active span:before, .level-list li.completed span:before{

    border-color: #0FA176;

}*/

.level-list li.active span img, .level-list li.completed img{

    opacity: 0;

}

.level-list li.active span:after, .level-list li.completed span:after{

    content: "\f00c";

    font-family: Font-Awesome-5-Pro;

    font-weight: 400;

    position: absolute;

    left: 0;

    right: 0;

    margin: auto;

    width: fit-content;

    top: 0;

    bottom: 0;

    height: fit-content;

    color: #fff;

}

.level-list li.completed:not(:last-child):before{

    border-color:#0fa176;

}

.level-list li h6 {

    font-weight: 400;

    font-size: 16px;

    line-height: normal;

    color: #001C0D;

    margin-top: 10px;

}

.level-list li h6:before {

    counter-increment: steps;

    content: "Step " counter(steps) " ";

    display: block;

    font-weight: 400;

    font-size: 14px;

    line-height: normal;

    color: #585858;

    margin-bottom: 2px;

}

.select-waste-bx li {

    position: relative;

    width: 25%;

    padding: 0 9px;

}

.select-waste-bx li input[type="checkbox"], .select-waste-bx li input[type="radio"], .select-bin-bx div[class*="col-"] input[type="radio"], .select-card input[type="radio"]{

    width: 100%;

    height: 100%;

    position: absolute;

    z-index: 1;

    opacity: 0;

    cursor: pointer;

    left: 0;

    top: 0;

}

.select-waste-bx li input[type="checkbox"]:checked + .service-item, .select-waste-bx li input[type="radio"]:checked + .service-item, .select-bin-bx div[class*="col-"] input[type="radio"]:checked + .bin-size-bx {
    border: 4px solid #0fa176;
}

.select-waste-bx li input[type="checkbox"]:checked + .service-item h4, .select-waste-bx li input[type="checkbox"]:checked + .service-item i,

.select-waste-bx li input[type="checkbox"]:checked + .service-item p, .select-waste-bx li input[type="radio"]:checked + .service-item h4, .select-waste-bx li input[type="radio"]:checked + .service-item i,

.select-waste-bx li input[type="radio"]:checked + .service-item p{

    color:#fff;

}

.slide-head h4 i {

    position: relative;

    z-index: 2;

}

.book-bin-bg {

    background: url(../images/waste-guide_bg.jpg) no-repeat center center / cover;

    border-radius: 28px;

    padding: 28px 20px;

}

.book-process h3 {

    font-weight: 400;

    font-size: 28px;

    line-height: normal;

    color: #001C0D;

    margin-bottom: 40px;

}

.select-waste-list .service-item {

    background: #fff;

}

.select-waste-list .service-item .slide-head {

    border: 0;

    padding-bottom: 0;

}

.select-waste-list .slide-head h4 {

    display: flex;

    justify-content: space-between;

    align-items: center;

    color: #001C0D;

    font-weight: 400;

    font-size: 20px;

}

.select-waste-list .slide-head .far {

    color: #6F777B;

    font-size:18px;

}

.bg-dark-green.btn-transparent{

    border:1px solid #86E1C3 !important;

    color:#585858;

}

/*.bg-dark-green.btn-transparent:hover{

    color:#fff;

    border:1px solid #f37423 !important;

}*/

.select-bin-bx div[class*="col-"]{

    position:relative;

}

/*.select-bin-bx div[class*="col-"] input[type="radio"]:checked + .bin-size-bx h5, .select-bin-bx div[class*="col-"] input[type="radio"]:checked + .bin-size-bx p,

.select-bin-bx div[class*="col-"] input[type="radio"]:checked + .bin-size-bx span{

    color:#fff;

}*/

.select-bin-bx div[class*="col-"] input[type="radio"]:checked + .bin-size-bx span.cantainer-size-detail{

    color:#585858;

}

.form-date {

    max-width: 536px;

    background: #FFFFFF;

    border-radius: 28px;

    padding: 20px;

    margin: auto;

}

.form-date label {

    font-weight: 400;

    font-size: 16px;

    line-height: normal;

    color: #001C0D;

    display: block;

    margin-bottom: 5px;

    padding: 0 20px;

}

.form-date label sup{

    color:#F7524B;

}

.form-date .form-group {

    margin-bottom: 12px;

}

.form-date .form-control {

    border: 1px solid #E4E4E4;

    height: 60px;

    border-radius: 60px;

    padding: 16px 20px;

    box-shadow: none !important;

    color: #6F777B;

}

input[type="date"] {

    background: url(../images/calendar-linear.svg) no-repeat center right 20px;

    background-size: 20px;

}

input[type="date"]::-webkit-inner-spin-button,

input[type="date"]::-webkit-calendar-picker-indicator {

    opacity: 0;

    -webkit-appearance: none;

}



/* steps css*/

.service-img{

    background: #D6FFE9;

    border-radius: 20px;

    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 80%);

    max-height: 220px;

}

.service-img img{

    max-height: 220px;

    object-fit: cover;

    object-position: center;

    margin: auto;

    display: block;

    width: 100%;

    border-radius: 20px;

}

.service-item {
    background: #fff;
    padding: 25px;
    border-radius: 28px;
    height: auto;
    margin: 0 10px;
}

.bin-container{

    display:flex;

    align-items:center;

    justify-content:space-between;

}

.bin-container .text-align{

    height:65px;

    display:inline-flex;

    align-items:center;

}

.bin-container span{

    color:#585858;

}

.bin-size-bx h5{

    text-align:center;

    color:#001C0D;

    margin-bottom:10px;

}

.bin-size-bx{

    padding:15px 10px 0;

}

.cantainer-size{

    position:relative;

    margin-right: -12px;

}

.bin-container .cantainer-size-detail{

    position:absolute;

    left:28px;

    right:0;

    background:#fff;

    width:48px;

    height:48px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#585858;

    font-weight:500;

    font-size:16px;

    line-height:normal;

    bottom:8px;

    margin:auto;

}

.level-list li h6 b{

    font-weight:500;

}

.checkout{

    display:flex;

    flex-wrap:wrap;

    gap:40px;

    align-items: flex-start;

}

.checkout-payment{

    width:60%;

}

.card-checkout {

    background: #fff;

    border-radius: 28px;

    padding: 28px;

    border: 1px solid #E4E4E4;

}

.card-checkout h4 {

    font-weight: 400;

    font-size: 20px;

    line-height: normal;

    color: #001C0D;

    margin-bottom: 28px;

}

.select-card .card-label{

    border:1px solid #E2E5EC;

    padding:18px 20px;

    font-family:"Albert Sans", sans-serif;

    font-weight:400;

    font-size:16px;

    line-height:normal;

    color:#171F2D;

    border-radius:40px;

    padding-left:50px;

    position:relative;

    margin:0;

}

.select-card .card-label:before{

    content: "";

    width: 24px;

    height: 24px;

    border: 1px solid #E0DCDC;

    border-radius: 50%;

    position: absolute;

    left: 16px;

    top: 0;

    bottom: 0;

    margin: auto;

}

.select-card .card-label:after{

    background: #0FA176;

    content: "";

    width: 14px;

    height: 14px;

    border: 1px solid #E0DCDC;

    border-radius: 50%;

    position: absolute;

    left: 21px;

    top: 0;

    bottom: 0;

    margin: auto;

    transition: all ease .3s;

    transform:scale(0);

}

.select-card{

    position: relative;

}

.select-card input[type="radio"]:checked + label {

    border: 1px solid #0FA176;

    box-shadow: 0px 0px 0px 4px #0FA17629;

    color: #0FA176;

}

.select-card input[type="radio"]:checked + .card-label:before {

    border-color: #0FA176;

}

.select-card input[type="radio"]:checked + .card-label:after {

    transition: all ease .3s;

    transform:scale(1);

}

/*.btn_group[style] {

    display: none !important;

}*/

.checkout-summery{

    width:calc(40% - 40px);

    background:#F8F8F8;

    border-radius:40px;

    padding:28px;

    position:sticky;

    top:50px;

}

.title-summery h3{

    margin:0;

}

.checkout-summery table{

    width:100%;

}

.checkout-summery table tr, .checkout-summery table tr td{

    background:transparent;

    border:0;

}

.checkout-summery table tr td{

    padding:8px 0;

    font-weight:400;

    font-size:16px;

    line-height:normal;

    color:#585858;

}

.checkout-summery table tr td:last-child{

    text-align:end;

    color:#001C0D;

}

.form-check a{

    text-decoration:underline;

    font-weight:500;

}

.form-check input[type="checkbox"]:checked{

    background-color: #0fa176;

    border-color: #0fa176;

}

.form-check input[type="checkbox"]:focus{

    border-color: #0fa176;

    box-shadow: 0 0 0 4px #0fa1764a;

}

.home-about .img-bx img{

    border-radius: 20px;

    max-height: 460px;

    width: 100%;

    object-fit: cover;

}

.wasted_revolution {
    background: #236bae url(../images/size_ctaBg.png) no-repeat center center / cover;
    border-radius: 28px;
    background-blend-mode: luminosity;
    padding: 30px 25px;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
}

.wasted_revolution h3{

    font-weight:400;

    font-size:28px;

    line-height:normal;

}

.wasted_revolution p{

    font-weight:400;

    font-size:16px;

    line-height:normal;

    color:#585858;

}

.wasted_revolution_width{

    max-width:800px;

}

.wasted_revolution ul{

    padding-left:18px;

    margin:0;

}

.wasted_revolution ul li{

    font-size:16px;

    line-height:normal;

    color:#585858;

    margin-bottom:10px;

}

.wasted_revolution_img{

    position:absolute;

    right:0;

    bottom:0;

}

.btn-circle.arrow-btn:hover{

    background:#000;

}

.count-2{

    column-count:2;

}

.count-3{

    column-count:3;

}

.bin-size-guidelines{

    padding:40px;

    height:100%;

}

.bin-size-guidelines h4{

    margin-bottom:15px;

    color:#000;

    font-weight:600;

}

.newsletter .alert{

    margin:10px 0 0;

    padding:5px;

}

.copyright p img{
    max-width:86px;
    position:relative;
    top:0px;
    background:#fff;
    border-radius:5px;
    padding:5px;
}

.bin-size-guidelines ul li{

    position:relative;

    margin-bottom:5px;

}

.bin-size-guidelines ul li:before{

    content: "\f101";

    font-family: Font-Awesome-5-Pro;

    font-weight: 400;

    color: #f37423;

    margin-right: 8px;

}

.green-outer{

    border:4px solid green !important;

}

.yellow-outer {

    border:4px solid #f47c23 !important;

}

.bin-container ul {

    margin-bottom: 0;

}

.skip-provider-description {

    background: green;

    height: 100%;

    padding: 50px;

}

.skip-provider-img{

    background:#f47c23;

    padding:50px;

    height:100%;

}

.skip-provider-description h3{

    color:#fff;

    margin-bottom:20px;

}

.skip-provider-description p{

    color: #fff;

}

.check-list li{

    position:relative;

    color:#fff;

}

.check-list li:before{

    content:"\f00c";

    font-family:Font-Awesome-5-Pro;

    font-weight:400;

    color:#fff;

    margin-right:8px;

}

.skip-provider-img img{

    max-width:360px;

}

.row-reverse .row:nth-child(2n){

    flex-direction:row-reverse;

}

.row-reverse .row {

    position: sticky;

    top: 20px;

}

.cities_list, #more {

    display: flex;

    flex-wrap: wrap;

    gap: 15px;
    width: 100%;

}

.cities_list li {

    width: calc(20% - 12px);

}

.cities_list li a {

    padding: 10px 15px;

    border: 0;

    border-radius: 28px;

    width: calc(100% - 0px);

    display: flex;

    align-items: center;

    gap: 10px;

    transition: all ease .3s;

}

.cities_list li a i {

    font-size: 20px;

    color: #236bae;

}

.cities_list li a:hover {

    background: #236bae;

    color: #fff;

}

.cities_list li a:hover i{

    color: #fff;

}

.count-2 {

    column-count: 2;

}

.count-3 {

    column-count: 3;

}



.count-2 {

    column-count: 2;

}

.count-3 {

    column-count: 3;

}



.newsletter .alert {

    margin: 10px 0 0;

    padding: 5px;

}


.select-waste-bx li input[type="radio"]:checked + .service-item .slide-head{
    color: #fff;
}

.arrow-center button.slick-arrow{
    position:absolute;
    bottom:0;
    left:-20px;
    right:auto;
    top:0;
    border:1px solid #E4E4E4;
    width:40px;
    height:40px;
    border-radius:50%;
    margin:auto;
    background:#0fa176;
    overflow:hidden;
    font-size:15px;
    z-index:1;
    color:#fff;
}
.arrow-center button.slick-next{
    left:auto;
    right:-20px;
}

.book-process[style="display: none;"] {
    display: block !important;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    left: 0;
    width: 92%;
    top: 0;
}

.navbar-brand img{
    max-width:260px;
}
.title.text-white h2, .title.text-white p{
    color:#fff;
}
.home-banner .title h2{
    font-weight:700;
}
.bins_about {
    border: 1px solid #e2e2e2;
    padding: 10px;
    border-radius: 10px;
    height: 100%;
}
.bins_about_img {
    max-height: 250px;
    overflow: hidden;
    border-radius: 10px;
}
.bins_about_img img{
    border-radius:10px;
    transition:all ease .3s;
    transform:scale(1);
}
.bins_about:hover .bins_about_img img{
    transform:scale(1.1);
    transition:all ease .3s;
}
.bins_about_caption{
    padding:20px 10px;
}
.bins_about_caption h4{
    font-weight:800;
    margin-bottom:5px;
}
.bins_about_caption h5{
    color:#0fa176;
    margin-bottom:20px;
}
.service-slider .slick-track{
    display:flex;
    flex-wrap:wrap;
}
.guide-img img{
    max-width:100%;
}
.faq_img img{
    max-width:325px;
    display:block;
}
footer{
    background:#004380;
}
.aboutus .bins_about_img{
    max-height:390px;
    overflow:hidden;
    border-radius:10px;
}
.mainCta{
    margin-right:-53px;
    max-height:350px;
    transform:rotate(-1deg);
}
.wasted_revolution_width h2{
    margin-top:0;
}
.faq-sect .accordion-item .accordion-body p {
    margin-bottom: 0;
}
.blog-baner{
    background:#000000a3;
}
.home-banner{
    min-height:350px;
}
.form-bx{
    padding:28px 20px;
    box-shadow:0 0 8px rgb(33 108 174 / 23%);
}
#locationForm p{
    color:#fff;
}
#locationForm p a{
    color: #000;
    margin-left:5px;
}
.form-title h3{
    color: #fff;
    max-width:auto;
}
.prohibited-material img {
    max-width: 100%;
    width: 82px;
    margin-bottom: 15px;
}
.prohibited-material h3 {
    text-align: center;
    font-weight: 700;
    margin: 10px 0 0px;
}
.prohibited-material small {
    text-align: center;
    display: block;
    margin-bottom: 15px;
    color: #226bae;
    font-weight: 500;
}
.prohibited-material ul li {
    margin-bottom: 10px;
}
.prohibited-material p a {
    color: #226bae;
}
#material .modal-dialog {
    max-width: 630px;
}
.prohibited-material {
    padding: 0 25px;
}

.book-process-card {
    max-width: 500px;
    margin: auto;
    border: 0;
    background: transparent;
}
.select-waste-list {
    width: 100% !important;
}
.book-process h3 {
    font-weight: 400;
    font-size: 28px;
    line-height: normal;
    color: #001C0D;
    margin-bottom: 40px;
}
.select_bx .form-select {
    padding: 15px 15px;
    box-shadow: none;
    outline: 0;
}
.book-process .bin-size-bx {
    padding: 15px 10px;
    border:4px solid transparent;
}
.book-process .bin-size-bx h5 {
    margin: 0;
}
.process-waste-bx {
    margin-top: 20px;
}
.bg-dark-green.btn-transparent:hover{
    color: #fff;
}
.book-process .bin-container {
    flex-direction: column;
}
.book-process .bin-container img {
    max-width: 90%;
    height: 200px;
    object-fit: contain;
}
.book-process .cantainer-size {
    margin-right: 0;
}
.book-process .bin-size-bx h5 {
    margin: 12px 0;
}
.bin_booking_caption .get_info {
    text-decoration: underline;
    cursor: pointer;
    position: relative;
    z-index: 999;
}
.get_info_detail{
    display:none;
}
.bin_booking_caption{
    width:100%;
}
.price{
    margin:20px 0 0;
}
.price span{
    color:#226bae;
    font-weight:500;
    position:relative;
    font-size:26px;
}
.get_info_detail{
    padding:0 10px;
}
.get_info_detail span{
    margin-bottom:8px;
    display:block;
}
.get_info_detail ul li{
    color:#000;
    margin-bottom:5px;
}
.add-waste-caption{
    display: block;
    width: 100%;
    margin-top: 10px;
}
.add-waste-caption h3{
    margin-bottom:10px;
    color:#236bae;
    font-weight:600;
}
.add-waste-caption .price{
    font-size:18px;
}
.quantity-field {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 12px 0 0;
    position: relative;
    z-index: 99;
}
.quantity-field .value-button{
    border:0;
    width:40px;
    font-size:22px;
}
.quantity-field .number{
    min-width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.add_waste_list input[type="checkbox"], 
.add_waste_list input[type="radio"], .list_property li input[type="checkbox"],
.list_property li input[type="radio"]{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    opacity: 0;
    cursor: pointer;
    left: 0;
    top: 0;
}
.add_waste_list, .list_property li{
    position:relative;
}
.add_waste_list input[type="checkbox"]:checked ~ .bin-size-bx, 
.add_waste_list input[type="radio"]:checked ~ .bin-size-bx, .list_property li input[type="checkbox"]:checked ~ .list_caption,
.list_property li input[type="radio"]:checked ~ .list_caption{
    border:4px solid #0fa176;
}
.placement-bx h3{
    margin-bottom:5px;
}
.sub_heading{
    margin:25px 0 20px;
}
.sub_heading h4{
    color: #0fa176;
}
.property_option .opt_deliver{
    font-size: 20px;
    display: inline-flex;
    text-align: left;
    margin-bottom: 22px;
    color: #fff;
    font-weight: 600;
    background: #0fa176;
    padding: 10px 14px;
}
.list_property li .list_caption{
    background:#fff;
    padding:10px;
    border:4px solid transparent;
    height:100%;
}
.list_property{
    display:flex;
    gap:15px;
}
.guide-bg p{
    margin:10px 0 15px;
}
.add_waste_list .cantainer-size{
    margin-right:0;
    width:100%;
    text-align:center;
}
.add-waste-caption{
    text-align:center;
}
.home_addOn .bin-size-bx{
    padding: 20px;
    border: 1px solid #e4e4e4;
    height: 100%;
}
.testimonial-slider .slick-track{
    display: flex;
    flex-wrap: wrap;
}
.testimonial-items{
    margin: 0 12px;
    position: relative;
    text-align: center;
    padding: 20px;
    background: #f8f8f8;
    border: 1px solid #e4e4e4;
    border-radius: 12px;
    height: auto;
}
/*.testimonial-items:before{
    content:"";
    background:#eff7ff;
    border:1px solid #236bae;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    border-radius:28px;
    transform:rotate(-8deg);
}*/
.testimonial-items .user-info, .testimonial-items .user_img{
    position:relative;
}
.testimonial-items .user-info img, .testimonial-items .user_img img{
    display:block;
    margin:0 auto 18px;
}
.testimonial-items .user_img{
    display:block;
}
.testimonial-slider .slick-list{
    padding:25px 0;
}
.testimonial-items .user-info p{
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0%;
    text-align: justify;
    color: #636768;
    margin-bottom:20px;
}
.testimonial-items .user-info h6{
    font-weight:400;
    font-size:20px;
    line-height:100%;
    color:#033442;
    margin-bottom:0;
}
.cta2_img{
    max-width:440px;
}
.add_waste_list{
    height:100%;
}
.add_waste_list .bin-container{
    justify-content:center;
    height:100%;
}
.guide-bx{
    height:100%;
}
.testimonial-items .user_img img{
    width:80px;
    height:80px;
    object-fit:cover;
    border-radius:50%;
}
.logo-f a{
    display:inline-block;
    background:#ffffff;
    border-radius:5px;
    padding:5px;
}
.aboutus .img-bx img{
    border-radius:20px;
}
.counter_sec{
    background:#004380;
    padding:50px 0;
}
.counter_bx h2{
    color:#fff;
    font-size:52px;
    text-align:center;
}
.counter_bx p{
    color:#fff;
    text-align:center;
    margin:0;
}
.ui-widget.ui-widget-content{
    z-index:99999;
}
.with-popup .location_card .form-title h3, .with-popup .location_card #locationForm p{
    color:#000;
}
.without-popup .location_card .modal-dialog .modal-content{
    background:transparent;
    border: 0;
    border-left: 1px solid #fff;
    border-radius: 0;
}
.modal.location_card  .location-bx{
    border:0;
    padding:0;
    max-width:536px;
    margin:auto;
    width:100%;
    border-left:0;
    padding-left:0;
}
.with-popup .modal-dialog {
    width: 630px;
    max-width: 100%;
}
.without-popup #location_card {
    opacity: 1 !important;
    display: block !important;
    position: static !important;
}
.without-popup .modal-dialog {
    width: 100%;
    max-width: 100%;
}
.without-popup .modal-dialog .modal-content {
    width: 100%;
    max-width: 100%;
    border-radius: 30px;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
}
.without-popup .modal-header{
    display: none;
}
.without-popup .modal-body{
    padding: 0;
}
.with-popup .modal-dialog{
    width:630px;
    max-width:100%;
}
.with-popup .modal-content{
    width:100%;
    max-width:100%;
    margin:0;
}
.with-popup .location-bx{
    margin:auto;
}
.with-popup .location-bx{
    margin: auto;
    max-width: 100%;
}
.without-popup #location_card .modal-dialog {
    transform: none;
    margin: auto;
}
.without-popup .form-title img{
    display:block;
}
.without-popup .modal-header{
    padding-top:0;
}
.with-popup .modal-content{
    padding-top:0;
}
.without-popup #location_card{
    overflow:visible;
}
.slider .guide-bx{
    margin:0 10px;
}
.slider-binSize .slick-list{
    padding:12px 0;
}
.slick-dots{
    display:flex;
    justify-content:center;
    margin:20px 0 0;
    gap:5px;
    font-size:0;
}
.slick-dots button{
    border:0;
    background:#dedede;
    width:10px;
    height:10px;
    border-radius:50%;
    padding:0;
}
.slick-dots .slick-active button{
    background:#0FA176;
}
.binsize-slider .guide-bx{
    margin:0 12px;
}

.select-waste-bx p{
    max-width:536px;
    margin:auto;
    margin-top:15px;
    color:red;
}
.title-summery h3{
    margin-bottom:0;
}
.bg-dark-green.btn-transparent:hover img{
    filter:invert(1) brightness(2);
}