:root {
  --primary:#012851;
  --success:#4CBF3E;
  --grey:#F8F9FE;
  --p-color:#696969;
  
}
html, body {overflow-x:hidden}
body{ font-family: "Outfit", sans-serif; color: var(--primary); line-height: 1.3; font-size: 18px;  }
section{padding: 80px 0;}
.btn, button, .form-control { -webkit-border-radius:5px; border-radius:5px;}
a{color:var(--primary);-webkit-transition:all linear .3s 0; transition:all linear .3s 0; text-decoration: none; display: inline-block;}
a:hover{color:var(--primary); text-decoration:none}
a:focus, button:focus{text-decoration:none;outline:0}
.form-control:focus{outline:0;box-shadow:none; }
img{max-width: 100%; height: auto; }
.clear{clear: both; overflow: hidden;}
.grey_bg{background: var(--grey);}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,h6{font-weight: 700;}
.bg_grey{background-color: #E0E1E5;}

.btn_styled { padding: 12px 25px; font-weight: 500; font-size: 18px; }

.btn-primary{color: white !important;background:var(--primary) !important; border-color: var(--primary) !important; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {color: white;background:var(--primary-hover) !important; border-color: var(--primary-hover) !important;}

.btn-success{color: white !important ;background: var(--success)  !important ; border-color: var(--success)  !important ; }
.btn-success:hover, .btn-light:focus, .btn-light:active {background: var(--primary) !important; border-color: var(--primary) !important;color: white !important;}


header {position: absolute; left: 0; top: 0; right: 0; z-index: 2;  background-color: white; padding: 17px 0;}
.header_bar {padding:20px 0;}
.logo img{width: auto; height: 45px;}

ul.top_right{list-style: none; padding: 0; margin: 0;}
ul.top_right li{display: inline-block; vertical-align: middle;}
ul.top_right li+li{margin-left:25px;}
.trustpilot {width: auto; height: 52px;}

@keyframes menu_sticky {
  0%{margin-top:-240px}
  50%{margin-top:-90px}
  100%{margin-top:0}
}
header.sticky {position:fixed; top:0; left:0; width:100%; animation-name:menu_sticky; animation-duration:.6s; animation-timing-function:ease-out;
  -webkit-box-shadow:rgba(0,0,0,0.3) 0 0 10px; box-shadow:rgba(0,0,0,0.3) 0 0 10px; z-index:9; background-color: white; border-bottom: 0; }

@media(min-width:992px){
    .hero_wrapper{margin-top: 87px;}
}



.hero_wrapper{padding:114px 0; color: white; background-repeat: no-repeat; background-size: cover; background-position: right; position: relative;}
.hero_wrapper::before{position: absolute; content: "";background: linear-gradient(to right, rgba(0,0,0,0.8) 46%,rgba(0,0,0,0) 100%); top: 0; bottom: 0; left: 0; right: 0; opacity: 0.7;}
.heroContent{position: relative;z-index: 1;}
.heroContent h1{font-size: 60px; margin-bottom: 30px; line-height: 1.1;}
.heroContent p{font-size: 22px; font-weight: 400; margin-top: 20px; }
.heroContent .btn{margin-top: 30px; }
.heroContent .btn:hover{background-color: white !important; border-color: white !important; color: var(--primary) !important;}


.heading {margin-bottom: 15px;}
h1.heading{font-size: 60px;}
h2.heading{font-size: 40px;}
h3.heading{font-size: 32px;}

.about_thumb{width: 100%; height: 500px; object-fit: cover; object-position: center; border-radius: 12px; }

.waste_box{display: flex; justify-content: start; align-items: center; gap: 12px;}
.waste_icon{background: var(--primary); width: 50px; height: 50px; border-radius: 8px; display: flex; justify-content: center; align-items: center;}
.waste_icon img{width: 30px; height: 30px; object-fit: scale-down; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(63deg) brightness(106%) contrast(101%);}
.waste_title{font-size: 18px; width: 100%; max-width: 150px;}
.valid_trash .waste_icon{background-color: var(--success);}
.invalid_trash .waste_icon{position: relative;}

.invalid_trash .waste_icon::after{position: absolute; content: ""; background-color: white; width: 2px; height: 65px; transform: rotate(44deg);}


.cta{background-color: var(--primary); text-align: center; color: white; padding: 40px 0;}
.cta .btn:hover{background-color: white !important; border-color: white !important; color: var(--primary) !important;}
.location_map iframe{width: 100%; height: 300px; border-radius: 12px;}

ul.contact_list{list-style: none; padding: 0; margin: 0; margin-top: 35px;}
ul.contact_list li {padding-left: 30px; position: relative; display: inline-block; padding-right: 35px; margin-bottom: 20px;}
ul.contact_list li a:hover{color: var(--success);}
ul.contact_list li img{width:25px; position: absolute; left: 0; filter: invert(58%) sepia(43%) saturate(671%) hue-rotate(66deg) brightness(98%) contrast(93%);}

footer{padding-top: 60px; position: relative; overflow: hidden;}
.footer_bg{position: absolute; bottom: 0; top: 0; left: 0;z-index: -1; opacity: 0.05; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.copy_right{border-top: 1px solid var(--primary); padding: 25px 0; margin-top: 20px;}