@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
font-family: "Inter", sans-serif;
overflow-x: hidden;
}
a{  text-decoration: none;}
a:hover {
  text-decoration: none;
}
ul {
  margin: 0;
  padding: 0;
}
ul li{list-style: none;}
body p {
  margin: 0;
}

/* #Navigation
================================================== */
header{position: relative;
padding: 10px 0;}

header .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #48c353 !important;
}
header .nav-link {
    position: relative;
    padding: 0 20px !important;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    color: #808080 !important;
}

header .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
    color: #48c353 !important;
}
header .navbar-brand img{width:20%;}

.navbar-nav .nav-item .nav-link {
    color: #808080 !important;
    font-size: 18px;
    font-weight: 600;
  }
  
  header .dropdown-item {
    font-weight: 400;
    color: #ffffff !important;
    background: #999999;
    border-bottom: 2px solid #fff;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
}
/* header .dropdown-item:nth-child(2){
  border:none;
} */
header .dropdown-menu{padding: 0;
border: none;
min-width:13rem;}
header .dropdown-item:focus, .dropdown-item:hover {
  color: #47c352 !important;
  background-color: #ffdf00;
}
  

.banner-area {
  position: relative;
  overflow: hidden;
/*   background: #48c353; */
	background:#D9E0A2;
  padding: 100px 0;
}
.banner-area h2 {
  font-size: 120px;
  color: #BC9800;
  font-weight: 300;
  margin: 0;
  line-height: 0.9em;
}
.banner-area h1 {
  font-size: 145px;
  font-weight: 700;
  color: #BC9800;
  margin: 0;
  line-height: 0.9em;
}
.banner-area p {
  font-size: 45px;
  color: #BC9800;
  font-weight: 300;
  line-height: 0.9em;
}
.country {
  position: relative;
  overflow: hidden;
  background: url("../images/country-bg.jpg");
  padding: 100px 0;
  background-size: cover;
  background-position: center;
}
.country h2 {
  font-size: 124px;
  color: #4d4d4d;
  font-weight: 300;
  line-height: 0.8em;
}
.country h4 {
  font-size: 50px;
  color: #4d4d4d;
  font-weight: 700;
}
.flag-area {
  display: flex;
  align-items: start;
  justify-content: space-between;
	padding-top: 20px;
}
.flag1 img {
  cursor: pointer;
}
.flag1:hover .flag-content p {
  opacity: 1;
}
.flag-content p {
  font-size: 17px;
  color: #4d4d4d;
  font-weight: 700;
  text-align: center;
  opacity: 0;
  line-height: 20px;
}

.services {
  position: relative;
  overflow: hidden;
  padding: 60px 0;
}
.services h2 {
  font-size: 66px;
  color: #4d4d4d;
  font-weight: 300;
}
.service-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.srvc-img {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.srvc-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.service-inr p {
  font-size: 22px;
  color: #333333;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 24px;
}
footer {
  position: relative;
  overflow: hidden;
  background: #ffdf00;
  padding: 20px 0;
}
footer a {
  font-size: 16px;
  color: #333333;
  text-decoration: none;
  font-weight: 500;
}
footer a:hover {
  color: #333;
}
footer .row {
  display: flex;
  align-items: center;
}
.copy {
  text-align: right;
}
.copy img {
  padding-left: 15px;
}

/* ==========================about-page========== */
.mission-area{position: relative;
overflow: hidden;
/* background:#47c352; */
background: #FFCF00;
padding: 60px 0;
margin-bottom: 20px;}
.mission-text h2{
/* color: #ffdf00; */
color:#D9E0A2;
font-size: 134px;
font-weight: 300;}
.mission-text p{font-size: 21px;
color: #D9E0A2;
font-weight: 600;}
.mission-area .mission-img{    position: absolute;
  top: 0;
  left: 0;
  height: 100%;
width: 50%;}
  .mission-area .mission-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .vision-area{
    position: relative;
overflow: hidden;
/* background:#ffdf00; */
background:#5F7319;
padding: 60px 0;
margin-bottom: 20px;
  }
  .vision-img{
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
  width: 50%;
  }
  .vision-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .vision-text h2{
/*     color: #47c352; */
	  color:#E4C76A;
font-size: 134px;
font-weight: 300;
  }
  .vision-text p{font-size: 21px;
    color:#E4C76A;
    font-weight: 600;}
  .news-area{position: relative;
  overflow: hidden;
background-color: #e6e6e6;
padding: 60px 0;}
.news{width:100%;}
.news img{width:100%;}
.news-area h2{font-size:91px;
font-weight:300;
/* color:#4d4d4d; */
color:#CDA34F;}
.news-area p{color:#4d4d4d;
font-size: 21px;
font-weight: 600;}
.news h3{width: 100%;
  background-color: #5f7319;
padding: 10px;
color: #e4c76a;
font-size: 29px;
font-weight: 300;}
.insight{}
.insight p{color: #4d4d4d;
font-size: 21px;
font-weight: 600;
width: 80%;}
.insight h5{font-size:16px;
font-weight: 600;
color: #4d4d4d;}
.insight a{
/* 	color: #4d4d4d; */
color: #47C352;
  font-size: 21px;
  font-weight: 600;
  text-transform: capitalize;
  text-align: right;
    float: right;
}
  .insight .row{    display: flex;
    justify-content: center;
    align-items: flex-start;
 }
 .line{height: 1px;
 width: 83%;
 margin: 0 auto;
color: #4d4d4d;}

.certificate-area{position: relative;
overflow: hidden;
padding: 60px 0;
background: #e6e6e6;}
.certificate-area h2{font-size: 91px;
font-weight: 300;
color: #5F7319;
}
.crtfct-content{text-align: left;
display: none;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;

}
.crtfct-content h4{font-size: 21px;
  font-weight: 600;
  color: #4d4d4d;}
.crtfct-content p{
  color: #4d4d4d;
  font-size: 15px;
  font-weight: 400;
}
.crtfct-img{
  transition: 0.5s;
}
.crtfct-img img{cursor: pointer;}
.crtfct-img:hover .crtfct-content{
display: block;}
.license h2{font-size: 91px;
font-weight: 300;
color: #5F7319;}
.license p{
/* color: #4d4d4d; */
color:#5F7319;
font-weight: 600;
font-size: 18px;
margin-bottom: 8px;
cursor: pointer;}
.lics-content span{transition: 0.3s;
/*   display: none; */
  padding-bottom: 10px;
  font-weight: 300;
  font-size: 15px;}
/* .license p:hover+.lics-content span{display: block;} */
.career-area{position: relative;
overflow: hidden;
background: #93993D;
padding: 100px 0;}
.career-area h2{color: #FFCF00;
font-size: 95px;
font-weight: bold;
line-height: 0.8em;}
.career-area h4{font-size: 35px;
font-weight: bold;
color: #D7B673;
line-height: 0.8em;}
.career-inr{}
.hand{position: absolute;
right: 0;
bottom: 0;
width: 50%;}
.position{padding-top: 100px;}
.position h4{font-size: 35px;
font-weight: 500;
margin: 0;
cursor: pointer;
color:#E4C76A;}
.position p{font-size: 20px;
color: #808080;
font-weight: 500;
cursor: pointer;}
.contact-area{position:relative;
overflow: hidden;
background: #e6e6e6;
padding: 60px 0;}
.contact-area h2{font-size: 91px;
font-weight: 300;
color: #4d4d4d;
}
.address {
  padding: 30px 0;
}
.address h6{color:#231f20;
font-weight: 700;}
.address ul li a{font-size: 17px;
color:#231f20;
font-weight: 500;
}
.contact-left iframe{height:250px;}
.contact-right{    background-color: #fff;
  padding: 30px 20px;
  height: 100%;
  position: relative;
}
.contact-right p{font-size: 20px;
font-weight: bold;
color: #4d4d4d;}
.contact-right form label{font-size: 23px;
font-weight: bold;
color: #4d4d4d;}
.contact-right form input{border-radius: 0;
  padding: 4px;
  border-color: #4d4d4d;}
.contact-right form textarea{border-radius: 0;
  padding: 4px;
  border-color: #4d4d4d;
resize:none;
height: 250px;}
.contact-right form .submit-btn{
  background: #47c352;
  border: none;
  color: #fff;
  font-weight: bold;
  font-size: 23px;
  padding: 0 30px;
  float: right;
  margin-bottom: 20px;
}

.wedo-area{position: relative;
overflow: hidden;
/* background: #e6e6e6; */
background:#E4C76A;
padding: 100px 0;
}
.wedo-inr{display: flex;
align-items: center;
justify-content: space-between;}
.wedo-area h2 {
  font-size: 66px;
/*   color: #4d4d4d; */
	color:#5F7319;
  font-weight: 300;
}
.wedo-area .srvc-img img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  cursor: pointer;
}
.wedo-area .srvc-img:hover img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}
.wedo-area p{color:#5F7319;}

.recycle-area{position: relative;
overflow: hidden;
margin: 50px 0;
display: none;
}
/* .active{filter: grayscale(0) !important;} */
.recycle-inr{position:relative;
  overflow: hidden;
  background: #e4c76a;
padding: 40px 30px;
align-items: center;
justify-content: center;}
.recycle-area .heading{font-weight: 500;
  color: #5F7319;
font-size: 55px;}
.recycle-text{font-weight: 300;
color:#5F7319;
font-size: 15px;
padding:20px 0;}
.step-content p{font-size:16px;
font-weight: 300;
color:#5F7319;}
.step{position: relative;
height:200px;}
.step-img{position: relative;
width: 100%;
}
.step-img img:nth-child(1){
	position:relative;
	z-index:11;
	cursor:pointer;
	transition:0.5s;
}
.step-img img:nth-child(1):hover{filter: grayscale(100%) brightness(100%) sepia(600%) hue-rotate(80deg) saturate(800%);

}
.arrow{
  position: absolute;
  top: 35%;
  left: 81%;
  width: 50%;
}
.step-content{margin-top: 20px;}
.long-arrow{position: absolute;
    right: 70px;
    top: 180%;
    width: auto;
    height: 92px;
}
  .video{padding-top: 40px;}
  .video iframe{width:100%;
  height:500px;}
  .recycle-area .carousel-control-next, .carousel-control-prev{font-size: 60px;
  opacity: 1;}
  #recycle-area{display: none;}
  #Destruction-area{display: none;}

  .sustain{
    background: #D9E0A2;
    position: relative;
    overflow: hidden;
    padding: 60px 0;
  }
  .sustain h2{font-size: 90px;
  font-weight: 300;
color:#5F7319;}
.accordion-button{color: #fff !important;
font-weight: 500;
font-size: 23px;
background-color: #4d4d4d !important;
}
.accordion-body {
  font-size: 18px;
  background: #47c352;
  color: #fff;
}
.accordion-button::after{
  content: "\f0d7";
  font-family: FontAwesome;
  background-image: none !important;
}
.accordion-button:not(.collapsed){
  background: #47c352 !important;
}
.accordion-button:not(.collapsed) {
  box-shadow: inset 0 -1px 0 #00000000;
}
.accordion-button:focus {
  border-color: transparent;
  box-shadow: 0 0 0 0.25rem #0d6efd00 !important;
}
.accordion-item {
  border: none !important;
  margin-bottom: 10px;
  background: transparent !important;
}
.load-more{font-size: 60px !important;
color: #47c352;}
.load-more:hover{color: #4d4d4d;}
.sustain .accordion-item{display: none;}
.load-area p{font-size: 23px;
font-weight: 300;
color: #4d4d4d;
font-family: 'Inter';}
.social-area{position: relative;
overflow: hidden;
padding: 60px 0;}
.social-area h2{font-size: 40px;
  color: #4d4d4d;
  font-weight: 300;
}
.social-inr p{font-size: 20px;
  color: #4d4d4d;
  font-weight: 400;
  line-height: 1.1em;
    padding: 10px 0;
}

.open-box{display:block;}
#exampleModal .modal-content{
/* background:#47c352; */
background:#D9E0A2;
border-radius:0;
padding:30px 20px;
position:relative;}
#exampleModal .modal-header{border-bottom:none;}
#exampleModal .modal-body h2 {
    color: #5F7319;
    font-weight: 900;
    font-size: 23px;
}
#exampleModal .modal-body img{width:100%;}
#exampleModal form h4 {
    color: #5F7319;
    font-weight: 800;
    font-size: 18px;
    text-transform: capitalize;
}
#exampleModal form input{    width: 100%;
    padding: 10px;
    background: #fff;
    border-radius: 0;}
#exampleModal form .submit-btn{background:#FFCF00;
color:#E5E4E3;
text-transform: capitalize;
 letter-spacing: 1px;
 font-size: 18px;
font-weight:900;
border: none;}
#exampleModal form h5{    color: #5F7319;
    font-size: 13px;
    font-weight: 400;
text-transform:capitalize;}
#exampleModal .btn-close {
    position: absolute;
    right: 20px;
    top: 15px;
    font-size: 12px;
}
/* .navbar .navbar-nav li.active .nav-item {color:#48c353;} */
header .navbar-light .navbar-nav .active .nav-link {
    color: #48c353 !important;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
  
    font-weight: bold;
}
.wpcf7 form.sent .wpcf7-response-output {

    font-weight: bold !important;
}

.vision-area.new-post{
	background:#CDA34F;
	padding:150px 0;
}
.vision-area.new-post .vision-text h2 {
    color: #D9E0A2 !important;
    font-size: 40px;
}
.vision-area.new-post .vision-text p{ color:#D9E0A2 !important; }
.new-post .vision-img {
top: 20%;
} 
.new-post .vision-img img {
    width: auto;
    object-fit: contain;
    height: auto;
    display: block;
    margin: auto;
	}
/* sampa */
.banner-area h3 {
    font-size: 22px;
    line-height: 1.5em;
    color: #BC9800;
}
.banner-area .owl-dots {
  text-align: center;
  padding-top: 15px;
}
.banner-area .owl-dots button.owl-dot {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  display: inline-block;
  background: #ccc!important;
  margin: 0 3px;
}
.banner-area .owl-dots button.owl-dot.active {
  background-color: #BC9800!important;
}
.banner-area .owl-dots button.owl-dot:focus {
  outline: none;
}
.banner-area {
    height: 500px;
}
.banner-area .owl-stage-outer.owl-height {
    height: 300px!important;
}
header .navbar-brand img {
    width: 26%;
}
.mission-area .mission-text h2 {
    color: #5F7319;
}
.mission-area .mission-text p {
    color: #5F7319;
}
.recycle-area ol li {
    color: #5F7319;
    font-weight: 300;
    font-size: 15px;
    margin-bottom: 6px;
}
.wedo-area {
    background: #EAE897;
}
#div3.recycle-area .video {
    padding-top: 116px;
}
#div4.recycle-area .video {
    padding-top: 88px;
}
.recycle-inr {
    background: #EAE897;
}

/* sampa */
.banner-area h3 {
    font-size: 40px;
    line-height: 1.3em;
    color: #BC9800;
    font-weight: 400;
    margin-bottom: 0;
}
.arrow {
    position: absolute;
    top: 39%;
    left: 81%;
    width: 44%;
    height: 9%;
}

/* Indrajit 01.01.2024 */

.custom_video{
  height:500px;
}
.custom_video video{
  width: 100%;
  margin-top: -10%;
}
header {
  position: relative;
  padding: 10px 0;
  z-index: 100;
  background-color: #fff;
}

@media screen and (max-width: 992px) {
  .custom_video{
    height: 100%;
  }
  .custom_video video{
    width: 100%;
    margin-top: 0;
  }
}