body {
    font-family: "montserrat", sans-serif;
}

.h1 {
    font-family: "montserrat", sans-serif;
    font-weight: 700;
    font-size: 45px ;
}

.h3 {
    font-family: "montserrat", sans-serif;
    font-weight: 500;
    font-size: 30px ;
    color: #19694e;
}
.bg-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 0 0 50%/0 0 100% 100%;
background-image: url(Images/Header.png);
}

@media screen and (max-width: 700px) {
	.bg-img {
		float: none;
		width: 98%;
		padding: 1%;
		
	}
}

.nav-img{
height: 25px;
}
.nav-logo{
    height: 30px;
}
.Read{
color: #34B34C;
}
.harddisc{
    height:350px !important ;
  width: 100%;
}
.checker{
    height:360px !important ;
    width: 100%; 
    background-size: cover;   
}
.icon{
    color: #34B34C;
}

.f-80{
    font-size: 15px;
}

.f-75{
    font-size: 100%;
}

.footer-btn{
    background-color: #34B34C;
    color: white;
}

.quote{
    background-color: transparent;
    color: white;
    border: 1px solid #34B34C;
}
.footer-logo{
    height: 60%;
}
.f-90{
    font-size: 16px;
}



.aboutUshtUsheader{
    color: #34B34C;
}

.backgroundIMG{
background-image:linear-gradient(180deg, #0C3514 -21.46%, rgba(12, 53, 20, 0.2) 100%), url('Images/AboutUsHeader.jfif');
background-size: cover, cover;
background-position: center, right top;
background-repeat: no-repeat, no-repeat;
height: 350px;

}


.ItRecycleBgImg{
    background-image:linear-gradient(180deg, #0C3514 -21.46%, rgba(12, 53, 20, 0.5) 100%), url('Images/ITRe.jfif');
    background-size:cover;
    background-position: center, right center;
    background-repeat: no-repeat, no-repeat;
    height: 350px;
    
    }
  
.cdrecycle{
    height: 270px;
}

.Service{
    background-image:linear-gradient(180deg, #0C3514 -21.46%, rgba(12, 53, 20, 0.5) 100%), url('Images/It-service.png');
    background-repeat: cover;
    background-position: center;
    height: 350px;;
    }

    .border-service{
        border-left: 1px solid rgb(196, 196, 196);
        border-right: 1px solid  rgb(196, 196, 196);
    }

    .border-service h5 {
        font-size: 20;
        font-weight: 500;
    }


    .service-mid{
        background-image:linear-gradient(180deg, #0C3514 36.49%, rgba(12, 53, 20, 0.7) 100%), url('Images/service-mid.jfif');
        background-size: cover;
    }

    .Quote{
        background-image:linear-gradient(180deg, #0C3514 -21.46%, rgba(12, 53, 20, 0.5) 100%), url('Images/Getquote.jfif');
        background-size:cover;
        background-position: center, right center;
        background-repeat: no-repeat, no-repeat;
        height: 350px;
    }

    .contactus{
        background-image:linear-gradient(180deg, #0C3514 -21.46%, rgba(12, 53, 20, 0.5) 100%), url('Images/contactus.png');
        background-size:cover;
        background-position: center, right center;
        background-repeat: no-repeat, no-repeat;
        height: 350px;
    }

    .certificate{
        background-image:linear-gradient(180deg, #0C3514 -21.46%, rgba(12, 53, 20, 0.5) 100%), url('Images/certification.png');
        background-size:cover;
        background-position: center, right center;
        background-repeat: no-repeat, no-repeat;
        height: 350px;
    }

    .btn-msg{
        background-color: #34B34C
        ;
    }

    .text-p {
        font-size: 18px;
        font-weight: 400;
    }


/*=============New Header===================*/

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
    color: #e9ecef;
    
}

.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(255,255,255,.7);
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(255,255,255,255);
}

.button {
    background-color: #fff;
    border-radius: 4px;
    text-decoration: none;
    display: block;
    color: ;
}

a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
}
a:hover {
    color: yellowgreen;
}

.text-light {
    color: #f8f9fa!important;
    font-size: 65;
    font-weight: 600;
}

.readmore {
    text-decoration: none;
    font-size: 18px;
    color:#176326;
    font-weight: 600;
}
.readmore:hover {
    text-decoration: none;
    font-size: 18px;
    color:#0e3a17;
    font-weight: 600; 
}

.header_text {
    font-size: 55px;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
}

.para-text {
    font-size: 19px;
    font-weight: 400;
    color: #000;
    text-align: justify;
}

.para-text1 {
    font-size: 19px;
    font-weight: 400;
    color: #e4e4e4;
    text-align: justify;
}