/*@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: "Syne", 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: 12px;
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #FF6D2E;
    font-weight: 500;
    font-size: 16px;
    line-height: normal;
    height: 60px;
    min-width: 160px;
    justify-content: center;
    box-shadow: 0 4px 0px #a93200;
    transition: all ease .5s;
}

.theme-btn:hover, .theme-btn:active{
    background:#000 !important;
    color:#FFFFFF;
    box-shadow:none;
}

.btn_group .text-btn:has(+ .theme-btn) {
    display: none;
}

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

}

.theme-color{

    color:#FF6D2E;

}

.btn-circle{

    width:56px;

    min-width:56px;

    height:56px;

    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:9;

}

@media(min-width:1400px){

header .container{

    max-width: 1300px;

}

}

header .container{

    border-bottom:1px solid #FFFFFF33;

    padding:10px 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:#FF6D2E;

}

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

    color:#FF6D2E;

}

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

}

.home-banner {

    padding-bottom: 170px;

}

.banner-img {

    min-height: 100vh;

    background-blend-mode: multiply;

    /* clip-path: ellipse(85% 100% at 50% 0%); */

    position:relative;

    /*z-index:1;*/

}

/* .banner-img-shadow{

    position:absolute;

    left:0;

    right:24px;

    top:10px;

    width:100%;

    background:#FF6D2E;

    clip-path:ellipse(80% 100% at 54% 0%);

    height:620px;

} */

.with-popup .location_card {

    background: transparent;

    padding: 0;

    margin: auto;

}

.with-popup .location_card .location-bx {

    width: 100%;

    margin: auto;

    display: block;

}

.banner-img + .container{

    position: absolute;

    left: 0;

    right: 0;

    margin: auto;

    top: 0;

    /*z-index: 1;*/

    padding-top: 140px;

}

.ui-widget.ui-widget-content {
    z-index: 9999;
}

.title h1{

    font-weight:400;

    font-size:60px;

    line-height:normal;

    color:#1D0B00;

}

.title h2{

    font-weight:400;

    font-size:48px;

    line-height:normal;

    color:#1D0B00;

    margin-bottom:25px;

    margin-top:6px;

}

.title h3{

    font-weight:400;

    font-size:32px;

    line-height:100%;

    color:#1D0B00;

    margin-bottom:15px;

}

.title p, .description p{

    color:#555555;

    line-height:22px;

}

.theme-btn .btn-circle{

    width:48px;

    height:48px;

}

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

    padding:6px 6px;

    padding-right:20px;

    gap:8px;

}

.theme-btn.bg-white{

    color:#030202;

}

.theme-btn.bg-white:hover{

    background:#ff6d2e !important;

    color:#fff !important;

}

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

}

.location_card{

    padding:8px;

    background:linear-gradient(111.83deg, #FF6D2E 3.46%, #FFBFA3 21.72%, #FF8956 30.39%, #FF6D2E 46.82%, #FFBDA1 71.93%, #FF6E30 85.16%, #FF8551 98.4%);

    max-width:536px;

        margin: auto;

}

.location-bx{

    border:0;

    padding:28px;

    border-radius: 28px;

}

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

}

.title-tag {

    color: #FF6D2E;

    padding-left: 18px;

    position: relative;

}

.title-tag:before {

    content: "";

    background: url(../images/title-tag.svg) no-repeat top left;

    position: absolute;

    left: 0;

    top: -14px;

    width: 25px;

    height: 20px;

}

.list-check li{

    padding-left: 26px;

    position:relative;

}

.list-check li:before{

    content:"";

    position:absolute;

    left:0;

    top:2px;

    background:url(../images/checklist.svg) no-repeat center center;

    width:20px;

    height:20px;

}

.list-check li h5 {

    font-weight: 400;

    font-size: 20px;

    line-height: normal;

    margin-bottom: 5px;

    color: #1D0B00;

}

.list-check li p {

    font-weight: 400;

    font-size: 16px;

    line-height: normal;

    color: #555555;

    margin: 0;

}

.list-check li{

    margin-bottom:20px;

}

.about-img-group{

    display:flex;

    justify-content:space-around;

    flex-wrap:wrap;

}

.about-img-group .about-img{

    width: 48%;

    display: flex;

    flex-wrap: wrap;

    gap: 24px;

}

.img-ovel{

    width:265px;

    display:block;

    height:380px;

    border-radius:150px;

    overflow:hidden;

    margin: auto;

}

.img-ovel img{

    width:100%;

    height:100%;

    object-fit:cover;

}

.img-circle{

    width: 265px;

    height: 265px;

    border-radius: 50%;

    background: #0080CC;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    gap: 22px;

    font-weight: 500;

    font-size: 20px;

    line-height: normal;

    color: #fff;

    padding: 50px;

    text-align: center;

    margin: auto;

}

.about-img-group .about-img:last-child .img-circle{

    background:#FF6D2E;

}

.light-gray-bg{

    background:#F8F8F8;

}

.choose-list{

    display:flex;

    flex-wrap:wrap;

}

.choose-list li{

    background:#FFFFFF;

    padding:25px;

    border-radius:12px;

}

.column-2, .column-3, .column-4{

    gap:12px;

    flex-wrap:wrap;

}

.column-2>*{

    width:48%;

}

.column-3>*{

    width:32.66%;

}

.column-4>*{

    width:24.2%;

}

.d-flex.column-2 li{

    margin-bottom:0;

    color:#555555;

}

.choose-list li img{

    margin-bottom:12px;

}

.choose-list li h5{

    color:#1D0B00;

    margin-bottom:12px;

}

.choose-list li p{

    color:#555555;

    margin:0;

    line-height:normal;

}

.how-list {

    display: flex;

    margin: 0;

    gap: 25px;

}

.how-list li {

    width: 25%;

    text-align: center;

    position: relative;

}

.how_list_icon{

    width: 88px;

    height: 88px;

    background: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    margin: 0 auto 15px;

}

.howIcon_orange{

    border:8px solid #FFF9F6;

    background:#FFEAE2;

}

.how-list li h5{

    font-weight:400;

    color:#1D0B00;

}

.how-list li p{

    margin:0;

    color:#555555;

    line-height:normal;

}

.howIcon_green{

    background:#D4FFE5;

    border:8px solid #EDFFF4;

}

.howIcon_sky{

    background:#DCEEFF;

    border:8px solid #F4FAFF;

}

.howIcon_voilet{

    background:#F0DBFF;

    border:8px solid #FAF3FF;

}

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

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

    content:"";

    width:112px;

    position:absolute;

    right:-58px;

    height:18px;

    top:30px;

}

.waste_detail_tab h3{

    font-weight: 400;

    font-size: 26px;

    line-height: normal;

    color: #FF6D2E;

    margin-bottom: 15px;

}

.waste_detail_tab p{

    font-weight:400;

    font-size:16px;

    line-height:normal;

    color:#555555;

}

.service-list h6{

    font-weight:500;

    font-size:20px;

    line-height:normal;

    margin-bottom:12px;

    color:#1D0B00;

}

.service-list ul{

    display:flex;

    gap:12px;

    flex-wrap:wrap;

}

.service-list ul li{

    width: 48%;

    font-size: 14px;

    line-height: normal;

    color: #555555;

    display: flex;

}

.service-list .yes li:before, .service-list .not li:before {

    content: "";

    width: 16px;

    min-width: 16px;

    height: 16px;

    display: inline-block;

    margin-right: 8px;

    position: relative;

    top: 1px;

}

.service-list .yes li:before{

    background:url(../images/green-check.svg) no-repeat center;

}

.service-list .not li:before{

    background:url(../images/red-cross.svg) no-repeat center;

}

.waste_tab .nav-tabs{

    border: 0;

    margin-bottom: 40px;

    gap: 12px;

}

.waste_tab li .nav-link{

    border: 1px solid #E4E4E4;

    font-weight: 400;

    font-size: 16px;

    line-height: 100%;

    color: #001C0D;

    border-radius: 20px;

    padding: 12px 12px;

}

.waste_tab li.slick-current .nav-link{

    background:#1D0B00;

    color:#fff;

}

button.slick-arrow {

    border:1px solid #E4E4E4;

    width:60px;

    height:60px;

    border-radius:50%;

    background:transparent;

    font-size:22px;

    cursor:pointer;

    z-index:1;

}

.arrow-top .slick-arrow{

    position:absolute;

    right:-55px;

    top:40px;

}

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

    right:110px;

}

.arrow-top .slick-arrow{

    right:35px;

}

.arrow-top .slick-arrow:hover{

    background:#FF6D2E;

    color:#fff;

}

.location-items {

    padding: 0 10px;

}

.location-items .items-img img{

    width:100%;

    height:100%;

    object-fit:cover;

}

.location-items .items-img {
    width: 100%;
    height: 285px;
    border-radius: 12px;
    overflow: hidden;
    display: block;
    margin: 0;
}

.location-items small{

    font-weight:400;

    font-size:14px;

    line-height:normal;

    color:#fff;

    display:block;

    margin-bottom:8px;

}

.location-items h4{

    font-weight:500;

    font-size:24px;

    line-height:normal;

    color:#fff;

    margin:0;

}

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

    top:-150px;

}

.size-guide{

    padding:60px 0px 210px;

    border-radius:40px;

}

.rounded-4{

    border-radius:28px !important;

}

.card-guide{

    padding:28px;

}

.card-guide ul{

    display:flex;

    flex-wrap:wrap;

    margin:0;

}

.card-guide ul li{

    font-weight:400;

    font-size:16px;

    line-height:normal;

    color:#585858;

    width:33.33%;

    margin-bottom: 0;

    margin-top: 20px;

}

.card-guide h5{

    color:#FF6D2E;

    margin-bottom:0;

}

.gray-check li:before{

    filter: invert(35%) sepia(0%) saturate(0%) hue-rotate(167deg) brightness(93%) contrast(91%);

}

.book-binBg{

    background:#FF6D2E url(../images/book_bin_bg.jpg) no-repeat center center / cover;

    background-blend-mode:screen;

}

.check-bins-card{

    padding:28px;

}

.check-bins-card h3{

    font-weight:400;

    line-height:normal;

    color:#1D0B00;

}

.check-bins-card p{

    color:#555555;

    line-height:normal;

}

.book-binBg p{

    max-width:70%;

    margin-bottom:0;

}

.book_bin_img{

    margin-bottom:-30px;

    margin-top:-20px;

    position:relative;

    right:-10px;

}

.check-binBg{

    background:#FF6D2E url(../images/size_bin_bg.png) no-repeat center center / cover;

    background-blend-mode:screen;

}

.check-binBg .caption{

    margin-right:-65px;

}

.check-bins-bx{

    max-width:95%;

    margin:auto;

    margin-top:-122px;

}

.blog-post{

    transition:all ease .5s;

}

.blog-post:hover{

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

    transition:all ease .5s;

}

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

    margin-bottom:22px;

}

.blog-post{

    border-radius:20px;

}

.post-img{

    border-radius:20px 0 0 20px;

}

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

    width:40%;

}

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

    width:60%;

}

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

    height:100%;

    object-fit:cover;

}

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

    max-height:340px;

    width:100%;

    object-fit:cover;

}

.blog-caption{

    padding:16px;

}

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

}

.text-link{

    font-weight:400;

    font-size:16px;

    line-height:normal;

    color:#1D0B00;

    display:inline-flex;

    align-items:center;

    gap:10px;

}

.text-link:hover{

    color:#ff6d2e;

}

.blog-pill{

    margin-bottom:20px;

}

.blog-pill .pill{

    color:#555555;

    padding:8px 12px;

    border-radius:16px;

    line-height:normal;

}

.blog-pill .tech-info{

    font-weight:500;

    font-size:16px;

    line-height:normal;

    margin-left:35px;

}

.btn-circle.small-btn-circle{

    width: 36px;

    min-width: fit-content;

    height: 36px;

    color: #fff;

}

.text-link .small-btn-circle i{

    font-weight:300;

    transform:rotate(-45deg);

}

/*faq section*/

.faq-sect .accordion-button{

    background:#F8F8F8;

    border-radius:20px !important;

    outline:0;

    box-shadow: none;

    padding:16px 20px !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:0 !important;

}

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

    padding:0 20px 20px;

    font-weight:400;

    font-size:16px;

    line-height:20px;

    color:#585858;

}

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

}

.accordion-button::after{

    width:32px;

    height:32px;

    background:#fff;

    border-radius:50%;

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

    content:"\f067";

    font-weight:300;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:15px;

    background-image:none !important;

}

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

    padding-bottom: 10px !important;

    color: #FF6D2E !important;

}

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

    transform:rotate(135deg);

    color:#FF6D2E;

}

.cta_caption h2{

    font-weight:400;

    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;

}

.theme-btn.big-btn{

    min-width:200px;

}

.chat-bx h3{

    color:#1D0B00;

    font-weight:400;

    margin-bottom:14px;

}

.chat-bx p{

    font-weight:400;

    font-size:16px;

    line-height:normal;

    color:#555555;

}

.title:has(.title-tag){

    padding-top:12px;

}

.cta_home .bin_container{

    width:45%;

}



/*newsletter*/

.newsletter{

    background:#FF6D2E;

    padding:20px 38px;

    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 .form-group img{

    position:absolute;

    left:18px;

    top:0;

    bottom:0;

    height:fit-content;

    margin:auto;

}

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

    height:56px;

    border:1px solid #E4E4E4;

    width:100%;

    border-radius:40px;

    padding:6px;

    padding-left:45px;

    outline:0;

}

.newsletter .btn-circle{

    font-size:28px;

    transition: all ease .3s;

    transform: scale(1);

}

.newsletter .btn-circle:hover{

    background:#181818 !important;

    color:#fff;

}

.logo-f h3, .nav-f h3{

    color:#FF6D2E;

}

.logo-caption p{

    color:#555555;

}

.nav-f ul:not(.social-list) li{

    font-weight:400;

    font-size:16px;

    line-height:normal;

    color:#555555;

    margin-bottom:15px;

}

.nav-f ul li a{

    color:#555555;

    font-weight:400;

    font-size:16px;

    line-height:normal;

    display:flex;

    align-items:center;

    gap:8px;

}

.nav-f ul li a:hover{

    color:#ff6d2e;

}

.social-list li {

    transition: all ease .3s;

    transform: scale(1);

}

.social-list li:hover {

    transition: all ease .3s;

    transform: scale(1.1);

}

.f-menu{

    column-gap:55px;

    row-gap:14px;

}

.f-menu li a{

    font-weight:400;

    font-size:16px;

    line-height:normal;

    color:#1D0B00;

}

.copyright{

    margin-top:26px;

    padding:20px 0;

    border-top:1px solid #E4E4E4;

}

.copyright p, .copyright li a{

    margin:0;

    color:#555555;

}

.f-menu li a:hover, .copyright li a:hover{

    color:#FF6D2E;

}



/*contact us*/

/*.waste-guide-bg{

    background:radial-gradient(circle at top left, #FFF9D6, #ff6d2e38, #ff8956);

}*/

.waste-guide .banner-caption h1{

    color:#ffffff;

    margin-bottom:28px;

}

.waste-guide .banner-caption p{

    color:#ffffff;

}

.form-bx{

    padding:28px 20px;

}

.form-bx h3{

    font-weight:400;

    font-size:28px;

    line-height:normal;

    margin-bottom:20px;

}

.form-field label{

    font-weight:400;

    font-size:16px;

    line-height:100%;

    margin-bottom:8px;

    color:#001C0D;

    padding:0 15px;

}

.form-field .form-control, .form-field .form-select{

    border:1px solid #E4E4E4;

    height:60px;

    border-radius:12px;

    padding:16px 20px;

    box-shadow:none !important;

    resize:none;

    background: transparent;

}

.form-field label span{

    color:#F7524B;

}

.form-check a{

    color:#ff6d2e;

    font-weight:600;

}

.about-supplier .img-bx{

    max-height:320px;

    overflow:hidden;

    border-radius:28px;

}

.contact-list{

    font-weight:400;

    font-size:16px;

    line-height:26px;

    color:#ffffff;

    margin-bottom:12px;

}

.contact-list a{

    font-weight: 400;

    font-size: 20px;

    line-height: normal;

    color:#ffffff;

}

.contact-list ul li a{

    border: 1px solid #FF6D2E;

    width: 60px;

    height: 60px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    color: #fff;

    background: #FF6D2E;

}

.contact-list ul li a:hover{

    background:#FF6D2E;

    color:#fff;

    border:1px solid #FF6D2E;

}

.theme-btn .arrow-btn{

    width:50px;

    height:50px;

}

.contact-list a:hover{

    color:#FF6D2E;

}

.arrow-btn.bg-white{

    display:flex;

    align-items:center;

    justify-content:center;

}

.arrow-btn.bg-white img{

    filter:invert(1);

}

.theme-btn img[alt="Number"]{

    filter:invert(1);

}

.support-info{

    background:linear-gradient(94.72deg, #F8FFE6 1.47%, #DFFFF5 52.11%, #F8FFE6 98.75%);

    border-radius:40px;

    padding:40px;

}

.support-caption .title h2{

    margin-top:0;

    margin-bottom:10px;

}

.support-img{

    margin-top:-28px;

    margin-right:-28px;

}

.support-img img{

    max-width:270px;

}

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

    padding-top:100px;

}*/

.inner-banner {

    min-height: 615px;

}



.blog-description img {

    border-radius: 30px;

    max-height: 430px;

    width: 100%;

    margin: 10px 0 30px;

}

.blog-description h3 {

    font-weight: 400;

    font-size: 32px;

    line-height: normal;

    margin-bottom: 15px;

}

.blog-description h4 {

    font-weight: 500;

    font-size: 24px;

    line-height: normal;

    color: #FF6D2E;

    margin-bottom: 15px;

    margin-top: 30px;

}

.blog-description ul{

    padding:0;

    margin:0;

    list-style:none;

}

.blog-description ul li{

    position: relative;

    margin-bottom: 18px;

    padding-left: 22px;

}

.blog-description ul li:before{

    width:20px;

    height:14px;

    display:inline-block;

    min-width:20px;

    position:absolute;

    top:2px;

    left:0;

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

    font-weight:900;

    content:"\f00c";

    color:#ff6d2e;

    font-size:14px;

}

.blog-description a, .blog-description li strong {

    color: #ff6d2e;

    font-weight: 500;

}

.blog-description a{

    text-decoration:underline;

}

.right-sidebar{

    position:sticky;

    top:50px;

}

.recent-post{

    background: #f8f8f8;

    border-radius:28px;

    padding:20px 24px;

}

.recent-post h5{

    color:#ff6d2e;

    font-weight:500;

    font-size:20px;

    line-height:100%;

    margin-bottom:15px;

}

.recent-post li{

    display:flex;

    margin-bottom:28px;

    gap:18px;

    align-items:center;

}

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

}

.book_bin_cta h3{

    margin-bottom:15px;

}

.recent-post ul{

    margin-bottom:0;

}

.book_bin_cta{

    background:#FF6D2E url(../images/book_bin_bg.jpg) no-repeat center center / cover;

    background-blend-mode:screen;

}

.recent-post li:last-child{

    margin-bottom:5px;

}

.devlivery_bin_cta{

    background-blend-mode:luminosity;

    background:url(../images/recycle-bin-trash-bg.png) center center / cover no-repeat #3B92EA;

}

.trash_bin_cta{

    background-blend-mode:luminosity;

    background:url(../images/recycle-bin-trash-bg.png) center center / cover no-repeat rgb(159, 216, 22);

}

@media (min-width:992px){

.recycle-trash{

    max-width:165px;

}

.blog-slidebar .devlivery_cta_img{

    margin-left:-90px;

    margin-bottom:0;

    margin-top:55px;

}

}

.blog-column .blog-post{

    flex-direction:column;

    margin-bottom:0;

    margin:0 12px;

}

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

    width:100%;

}

.blog-column .post-img{

    border-radius:20px 20px 0 0;

}

.blog-column .blog-post .post-img img{

    height:245px;

    max-height:245px;

}

.blog-slider .slick-list{

    padding-bottom:10px;

}

.arrow-bottom-center .slick-arrow{

    position:absolute;

    bottom:-48px;

    left:-80px;

    right:0;

    margin:auto;

}

.arrow-bottom-center .slick-next.slick-arrow{

    left:80px;

}

.cta_sidebar.devlivery_bin_cta{

    padding-left:20px;

}

.form-check label{

    padding:0;

}

.form-check-input{

    box-shadow:none !important;

    outline:0 !important;

}

.form-check-input:checked{

    background-color:#ff6d2e;

    border-color:#ff6d2e;

}

.about-supplier .img-bx img{

    width:100%;

    border-radius:28px;

}

.about-supplier .img-bx{

    max-height:fit-content;

}

.slider-nav .slick-list{

    width:565px;

    margin:auto;

}

.slider-nav li{

    margin:0 5px;

}

.wasted_revolution{

    border-radius:28px;

    padding:28px 25px 10px;

    min-height:305px;

}

.wasted_revolution_caption{

    max-width:80%;

}

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

}

.small-btn-circle img{

    max-width:12px;

}



.green-gradiend{

    background:linear-gradient(180deg, #F2FFD3 0%, #F4FFFC 100%);

}

.red-gradiend {

    background: linear-gradient(180deg, #FFEAE9 0%, #FFF9F5 100%);

}

.card_means{

    border-radius:28px;

}

.card_means .card-head img {

    width:80px;

    height:80px;

    margin-bottom:12px;

}

.card_means .card-head h3{

    border-bottom:1px solid #E4E4E4;

    margin-bottom:12px;

    padding-bottom:12px;

    font-weight:500;

    font-size:28px;

    line-height:normal;

}

.green-gradiend h3{

    color:#0FA176;

}

.red-gradiend h3{

    color:#F7524B;

}

.list_means{

    margin:0;

}

.list_means li{

    margin-bottom:12px;

    font-weight:400;

    font-size:16px;

    line-height:100%;

    color:#585858;

    display:flex;

    align-items:center;

    gap:10px;

}

.list_means li span{

    width:40px;

    height:40px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#fff;

    border-radius:50%;

}

.green-energy{

    background:linear-gradient(241.98deg, #F1FFD0 0%, rgb(255 109 46 / 25%) 100%);

    padding:28px;

}

.green-energy h2{

    font-weight:400;

    font-size:28px;

    line-height:normal;

    margin-bottom:0;

}

.orange-house-img{

    margin-right:-28px;

}

.green-energy a{

    display:flex;

    align-items:center;

    white-space:pre;

    margin-top:25px;

}

.green-light-bg{

    background:#ECFFBF;

}

.graphic_housing{

    margin-top:-90px;

}

.green-light-bg{

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

}

.orange-house-img img {

    width: 100%;

}



.waste_tab .nav-link.active {

    background: #FF6D2E;

    color: #ffffff;

}

.waste_tab .tab-pane {

    background: #FFFFFF;

    border-radius: 28px;

    padding: 12px;

}

.location-tab .list_city{

    gap:24px;

}

.location-tab .list_city li{

    width:18%;

    text-align:center;

}

.location-tab .list_city li img{

    width:100%;

    height:270px;

    border-radius:120px;

}

.location-tab .list_city li span {

    font-weight: 400;

    font-size: 16px;

    line-height: 100%;

    text-decoration: underline;

    margin-top: 10px;

    color: #001C0D;

    display:block;

}

.grid {

    display: grid;

    grid-template-columns: auto auto;

    gap: 24px;

}

.grid img{

    width:100%;

    border-radius:20px;

}

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

}

.blue-light-bg{

    background:#E6F5FF;

}

.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: #ff6d2e;
    margin-bottom: 8px;
}

.bin-size-bx{
    padding:15px 10px 0;
    border:1px solid #e0e0e0;
    transition:all ease .5s;
}

.bin-size-bx:hover {
    transition: all ease .5s;
    box-shadow: 0 2px 5px rgb(0 0 0 / 30%);
    border: 1px solid transparent;
}

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

}



.list_city{

    row-gap:24px;

    margin-top:55px;

}

.list_city li{

    width:20%;

    text-align:center;

    padding:0;

}

.list_city li img{

    width:110px;

    height:110px;

    border-radius:50%;

    overflow:hidden;

    object-fit:cover;

    margin: auto;

}

.list_city li span{

    font-weight:400;

    font-size:16px;

    line-height:normal;

    text-align:center;

    color:#585858;

    display:block;

    margin-top:8px;

}

.cubic-mitter-bx{

    max-width:720px;

    margin:auto;

    text-align:center;

}

.cubic-mitter-bx h2{

    font-weight:400;

    font-size:48px;

    line-height:normal;

    text-align:center;

    margin-bottom:20px;

}

.mitter-bx{

    display:flex;

    justify-content:space-between;

}

.mitter-bx .border-right{

    border-right:1px solid #585858;

    width:32px;

    display:flex;

    align-items:center;

    justify-content:center;

}

.rotate-180{

    transform:rotate(270deg);

    display:block;

    white-space:pre;

}

.mitter-bx .border-bottom{

    border-bottom:1px solid #585858 !important;

    color:#585858;

    margin-top:15px;

    padding-bottom:5px;

}

.mitter-bx span[class*="border-"]{

    position: relative;

}

.mitter-bx span[class*="border-bottom"]:before{

    content: "";

    position: absolute;

    left: 0;

    bottom: -5px;

    height: 10px;

    border-right: 1px solid #585858;

}

.mitter-bx span[class*="border-bottom"]:after{

    content: "";

    position: absolute;

    right: 0;

    bottom: -5px;

    height: 10px;

    border-right: 1px solid #585858;

}

.mitter-bx span[class*="border-right"]:before{

    content:"";

    position:absolute;

    right:-5px;

    top:-1px;

    width:9px;

    border-top:1px solid #585858;

}

.mitter-bx span[class*="border-right"]:after{

    content:"";

    position:absolute;

    right:-5px;

    bottom:-1px;

    width:9px;

    border-top:1px solid #585858;

}

.mitter-bx span[class*="border-"]:first-child{

    max-height:275px;

}

.mitter-bx span[class*="border-"]:last-child{

    max-height:200px;

}

.note-text{

    color:#F7524B;

}

.mitter-bx-img img{

    max-width:530px;

}

.wasted_revolution .wasted_revolution_img{

    max-width:200px;

    margin-left:-16px;

}

.trash_bin_cta{

    background:#FF6D2E url(../images/recycle-bin-trash-bg.png) no-repeat center center / cover; background-blend-mode:Luminosity;

}

.trash_bin_cta h3{

    font-weight:400;

    font-size:28px;

    line-height:100%;

    margin-bottom:10px;

}

.trash_bin_cta p{

    margin-bottom:0;

}



.bin-size{

    background:#FF6D2E url(../images/recycle-bin-trash-bg.png) no-repeat center center / cover;

    background-blend-mode:Luminosity;

}

.bin_size_img{

    margin-left:-100px;

}

.bin_card_img{

    background:#D6FFE9;

    margin-bottom:20px;

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

    max-height:220px;

}

.bin_card_img img{

    height:220px;

    object-fit:cover;

    width:100%;

}

.list-check ul{

    list-style:none;

    padding:0;

    margin:0;

}

.description ul li{

    color:#555555;

}

.sky-gradient-bg{

    background:linear-gradient(234.22deg, rgb(255 109 46 / 18%) 0%, #F9FFFD 100%);

}

.img-bx img{

    max-width:100%;

}

.list-check li{

    margin-bottom:15px;

}

.testimonialCard{

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

    box-shadow:0px 0px 5px 0px rgb(255 109 46 / 33%);

    padding:24px;

    position:relative;

    transition:all ease .5s;

    height:100%;

}

.testimonialCard:after{

    content:"";

    position:absolute;

    right:18px;

    top:20px;

    width:40px;

    height:29px;

    background:url(../images/Quotes.svg) no-repeat top center / cover;

}

.testimonialCard:hover{

    box-shadow:0 4px 4px 0px rgb(255 109 46 / 40%);

}

.testimonialCard_img{

    width:36%;

    background:#0FA17621;

    padding:20px 0px 0px 20px;

    text-align:end;

    border-radius:10px;

    display:flex;

    align-items:center;

    min-height:200px;

}

.testimonialCard_img img{

    max-width:100%;

}

.testimonialCard_caption{

    width:53%;

}

.testimonialCard_caption p{

    font-weight:400;

    font-size:16px;

    line-height:22px;

    color:#202020B8;

    margin-bottom:20px;

}

.user_info{

    line-height:normal;

}

.user_info h6{

    font-weight:600;

    font-size:16px;

    line-height:100%;

    letter-spacing:0px;

    text-transform:uppercase;

    color:#202020;

    margin-bottom:5px;

}

.user_info span{

    font-weight:400;

    font-size:14px;

    line-height:normal;

}

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

    flex: 1 1 auto;

}

.level-list{

    counter-reset:steps;

}

.level-list li{

    position:relative;

}

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

    border-color:#ff6d2e;

}

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

    border-color:#ff6d2e;

}

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

}

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

}

.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 #181818 !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:12px;

    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;

}

.slide-head h4 i{

    position:relative;

    z-index:2;

}

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

}

.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:#ff6d2e !important;

}

.select-waste-list .service-item{

    background:#fff;

}

.service-item{

    background:#F8F8F8;

    padding:8px;

    border-radius:28px;

}

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

}

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

    border:0;

    padding-bottom:0;

}

.slide-head{

    margin:0 10px;

    border-bottom:1px solid #E2E2E2;

    padding-bottom:20px;

    margin-bottom:20px;

}

.process-waste-bx{

    margin-bottom:40px;

}

.btn-transparent {

    background: transparent;

    border: 1px solid #9FD81680 !important;

    color: black;

}

.bg-dark-green.btn-transparent {
    border: 1px solid #a93200 !important;
    color: #585858;
}

.bg-dark-green.btn-transparent:hover img{

    filter:invert(1);

}



#notfound{

    height:100vh;

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

}

.notfound{

    max-width:650px;

    margin:auto;

}

.notfound .notfound-404{

    position:relative;

    margin-bottom:25px;

}

.notfound .notfound-404 h1{

    font-family:'Titillium Web', sans-serif;

    font-size:186px;

    font-weight:900;

    margin:0px;

    text-transform:uppercase;

    background:url(../images/text.png);

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

    background-size:cover;

    background-position:center;

    line-height:155px;

}

.notfound h2{

    font-family:'Titillium Web', sans-serif;

    font-size:26px;

    font-weight:700;

}

.notfound p{

    font-size:14px;

    font-weight:500;

    margin-bottom:0px;

    text-transform:uppercase;

    color:#989898;

}

.about_choose .choose-list li{

    border:1px solid #e4e4e4;

    border-radius:22px;

}



/*============ 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, #fde9c1);}

.bookConsultation h3{font-weight:400; 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 .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%;}



.staticy_header header.header-overlay{

    position:static;

}



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

    color:#000;

}





.without-popup #locationData {

    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;

    background: transparent;

    border: 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 .modal-body {

    padding: 0;

}



.with-popup .location-bx {

    margin: auto;

    max-width: 100%;

}

.without-popup #locationData .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 #locationData {

    overflow: visible;

}

@media(max-width:767px){

nav.navbar .btn_header {

    display: none;

}

}

.with-popup .form-title img {

    display: none;

}
.home-banner {
    position: relative;
}
header{
    transition: all ease .5s;
    background: rgb(255 255 255 / 25%);
}
header.fixed-header {
    position: fixed;
    background: rgb(255 255 255 / 94%);
    transition: all ease .5s;
    left: 0;
    right: 0;
    z-index: 9;
    top: 0;
}
header.fixed-header .container {
    border-bottom: 1px solid #FFFFFF33;
    padding: 5px 0;
}
header.fixed-header .menu-wrap li:not(.active) a {
    color: #000;
}
.slider-for .slide, .slider-service .slide{
    margin:0 10px;
}
.slider_type .img-bx{
    position:relative;
}
.slider_type .img_description{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    padding:20px;
    background:rgb(220 220 220 / 61%);
    text-align:center;
    transform:translateY(100%);
    transition:all ease .5s;
}
.slider_type:hover .img_description{
    transform:translateY(0);
    transition:all ease .5s;
}
.slider_type .img_description p{
    margin:0;
}
.slider_type img{
    height:345px;
    width:100%;
    object-fit:cover;
}
.slider_type .img_description h3{
    font-weight:600;
}
.location-items a{
    position:relative;
    display:inline-block;
    overflow:hidden;
    width:100%;
    border-radius:12px;
}
.location_caption{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    background:rgb(0 0 0 / 30%);
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    opacity:0;
    transition:all ease .5s;
    transform:scale(0);
    padding:20px;
}
.location-items a:hover .location_caption{
    opacity:1;
    transform:scale(1);
    transition:all ease .5s;
}
.slider_type{
    border:1px solid #e6e6e6;
}
.bin-container{
    flex-wrap:wrap;
}
.cantainer-size{
    position:relative;
    width:100%;
    text-align:center;
}
.cantainer-size + .text-align {
    width:100%;
    justify-content:center;
    height:22px;
}

/*steps css*/
.title-group span{
    background:#ff6d2e;
    color:#fff;
    padding:5px 10px;
    display:inline-flex;
    border-radius:5px;
    margin-bottom:10px;
}
.book-bin-bg{
    background:#f4f4f4;
}
.book-process-card{
    max-width:500px;
    margin:auto;
    border:0;
    background:transparent;
}
.select_bx .form-select{
    padding:15px 15px;
    box-shadow:none;
    outline:0;
}
.home-banner .title p{
    color:#fff;
}
.waste_detail_list .service-list:first-child ul{
    padding-bottom:15px;
    border-bottom:1px solid #d0d0d0;
}
.slider_type .img-bx img{
    max-width:100%;
}
.book-process .bin-size-bx{
    padding:15px 10px;
}
.book-process .bin-size-bx h5{
    margin:0;
}