@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: Raleway;

    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:#f37423 !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:20px 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:#0FA176;

    font-weight:700;

}

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

    color:#0FA176;

}

.navbar-nav.menu{

    gap:0 25px;

}

.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 {

    background: #DCE9FF;

    color: #0851D4;

    padding: 6px 12px;

    border-radius: 18px;

    display: inline-flex;

    justify-content: center;

    line-height: normal;

    margin-bottom: 12px;

}

.theme-btn.black-bg{

    background:#030202;

    color:#fff;

    margin-right:12px;

}

.title .tag{

    background:#DCE9FF;

    color:#0851D4;

    padding:6px 12px;

    border-radius:18px;

}

.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:100%;

    padding:55px;

}

.location-bx{

    border:0;

    padding:28px;

    max-width:536px;

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

}

.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:28px;

    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: DM Sans;

    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-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: 40px;

}

.list-chooseUs li img {

    margin-bottom: 10px;

}

.list-chooseUs li h6 {

    font-weight: 500;

    font-size: 16px;

    line-height: 100%;

    color: #030202;

}

.list-chooseUs li p{

    font-weight:400;

    font-size:12px;

    line-height:normal;

    color:#585858;

}

.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:16px;

    height:16px;

    background:url(../images/put-bin.png) no-repeat;

}

.no-put-list li:before{

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

}

.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 #0851D4;

    background:#0851D4;

    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:linear-gradient(180deg, #E5FFF7 0%, #FFFFFF 100%);

    border-radius:20px;

    padding:20px 15px 28px;

}

.guide-bx h5{

    font-family:Raleway;

    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: 12px;

    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;

    height:445px;

    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;

}

.text-link{

    font-family: DM Sans;

    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:hover .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:hover .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{

    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: DM Sans;

}

.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:680px;

    width:auto;

    padding:0 20px;

}

.logo-f p {

    color: #585858;

}

.nav-f h5 {

    color: #030202;

    margin-bottom: 20px;

}

.menu-footer .nav-f{

    border-bottom: 1px solid #E4E4E4;

    margin-bottom: 35px;

    padding-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 ul li a{

    color: #585858;

}

.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 40px;

    border-top:1px solid #E4E4E4;

}

.copyright p{

    margin-bottom:0;

    color:#585858;

}

.copyright li, .copyright li a{

    color:#585858;

}

.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:#0FA176 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;

}

.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:40px;

}

.btn_group .text-link{

    display:flex;

    align-items:center;

}

.text-link{

    color:#001C0D;

    font-weight:500;

    position:relative;

}

.cta2_home .cta_caption {

    margin-left:-70px;

    margin-right:-70px;

    padding:48px 0;

    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{

    background:#0fa176 !important;

}

.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:#F8F8F8;

    padding:8px;

    border-radius:28px;

    height:100%;

}

.bin-container{

    display:flex;

    align-items:end;

    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:2px;

}

.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: DM Sans;

    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:#0FA176 url(../images/size_ctaBg.png) no-repeat center center / cover;

    border-radius:28px;

    background-blend-mode: luminosity;

    padding:30px 25px;

    min-height:305px;

    position:relative;

}

.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:-3px;

}

.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: 1px solid #f37423;

    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: #f37423;

}

.cities_list li a:hover {

    background: #f37423;

    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;

}





.copyright p img

{

    max-width: 86px;

    position: relative;

    top: -3px;

}

.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;
}
.blog-baner {
    background-color: #aaaaaa;
}