@charset "utf-8";
/* CSS Document */
@font-face{
	font-family:spartan;
	src:url(../fonts/spartan/SPARTAN-MEDIUM.TTF);
}
@font-face{
	font-family:spartan-bold;
	src:url(../fonts/spartan/SPARTAN-BOLD.TTF);
}
@font-face{
	font-family:square;
	src:url(../fonts/square-bt/SQUARE721%20BT%20ROMAN.TTF);
}
body{
	font-family:spartan;
}
.para {
	text-align:left;
	font-size: 16px;
	word-spacing:normal;
}
.para-left{
	text-align:left;
}
/*Top-bar-css */
.header-top-bar {
	padding: 22px;
	background-color: #72c0b6;
}
/*------------------End-top-bar-Css------------------------ */

/*Navbar css */
.navbar {
	padding-top: 30px;
	padding-bottom: 30px;
}
.navbar-light .navbar-nav .nav-link {
	color: #000000;
	font-size:16px;
}
.text-dark-green {
	color: #359ca7;
	font-family:spartan-bold;	
}
@media screen and (max-width: 425px) {
.navbar {
	padding-top: 20px;
	padding-bottom: 20px;
}
.navbar-brand img {
	width: 50%;
}
}
@media screen and (max-width: 768px) {
.navbar {
	padding-top: 20px;
	padding-bottom: 20px;
}
.navbar-brand img {
	width: 70%;
}
}
@media screen and (min-width:992px) {
.navbar-expand-lg .navbar-nav .nav-link {
	padding-left: 25px;
	padding-right: 0;
}
}
/*------------------End-Navbar-css------------------------ */


/*Web-slider-css */

.carousel-control-prev-icon {
	background-color: #72c0b6;
}
.carousel-control-next-icon {
	background-color: #72c0b6;
}
/*------------------End-Web-slider-css------------------------ */

/*Welcome-secion-css */

.about-us {
	padding-top: 75px;
	padding-bottom: 65px;
}
.welcome-boxco-world {
	font-size: 35px;
}
.brand-name {
	font-size: 94px;
	color: #c4d178;
	line-height: 0.9;
	font-family:square;
}
.company-description .para {
	padding-top: 45px;
	color: #5ab096;
	font-size:21px;	
	font-family:spartan-bold;	
}
.boxco-description{
	padding-top:10px;
}
@media screen and (min-width: 1024px) {
	.brand-name{
		font-size:80px !important;
	}
	}
 @media screen and (max-width: 768px) {
.about-us {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
}
.welcome-boxco-world{
	font-size:20px;
}
.brand-name {
	font-size: 55px ;
	line-height: 50px;
}
.company-description .para {
	padding-top: 5px;
	font-family:spartan !important;
	font-size:16px;
}
}
@media screen and (max-width: 425px) {
.about-us {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
}
.about-us h4 {
	font-size: 30px;
	text-align: center;
}
.brand-name br {
        display: none;
    }
.brand-name {
	font-size: 40px;
	line-height: 40px;
}
.company-description .para {
	padding-top: 10px;
	font-family:spartan-bold;
	font-size:16px;
}
}
/*------------------End-Welcome-secion-css------------------------ */
/*Welcome-secion-css */
.green-world {
	background-color: #e6e6e6;
	padding-top: 120px;
}
.green-world-para{
	text-align:left;
}
.green-world-top-bar {
	padding: 9px;
	background-color: #1db8dc;
}
.green-world-about-us-section-1 {
	background-color: #67cae0;
	padding-top: 40px;
	padding-bottom: 10px;
}
.common-left-right-padding {
	padding-left: 100px;
	padding-right: 100px;
}
.green-world-text {
	color: #ffffff;
	font-size: 50px;
	font-family:square;
}
.green-world-about-us-section-2 {
	background-color: #1db8dc;
	padding-top: 80px;
	padding-bottom: 80px;
}
.green-world-about-us-section-3 {
	padding-top: 80px;
	padding-bottom: 80px;
}
.green-world-about-us-section-2 .para {
	text-align: left;
	color: #ffffff;
	font-size: 16px;
}
.alliance-plastic-waste h3 {
	text-align: right;
	color: #ffffff;
	font-size: 35px;
}
.alliance-to-end-plastic-waste{
	font-weight:bold;
}
.alliance-to-end-plastic-waste-para{
	font-size:35px;
}
.green-world-bottom-bar {
	background-color: #44a3ad;
	padding-top: 9px;
}
 @media screen and (max-width: 768px) {
.green-world {
	padding-top: 40px;
	padding-bottom: 40px;
}
.green-world-about-us-section-1 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.green-world-about-us-section-1 .para {
	text-align: left;
}
.common-left-right-padding {
	padding-left: 20px;
	padding-right: 20px;
}
.green-world-about-us-section-2 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.green-world-about-us-section-2 .para {
	color: #ffffff;
}
.alliance-plastic-waste h3 {
	text-align: center;
	font-size: 30px;
}
.green-world-about-us-section-3 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.green-world-about-us-section-1 h3 {
	text-align: left;
	font-size: 30px;
}
}
@media screen and (max-width: 425px) {
.green-world {
	padding-top: 60px;
	padding-bottom: 40px;
}
.green-world-para{
	text-align:left;
}
.green-world-about-us-section-1 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.common-left-right-padding {
	padding-left: 20px;
	padding-right: 20px;
}
.green-world-about-us-section-2 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.green-world-about-us-section-2 .para {
	color: #ffffff;
}
.alliance-plastic-waste h3 {
	text-align: center;
	font-size: 30px;
}
.green-world-about-us-section-3 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.green-world-about-us-section-1 h3 {
	text-align: center;
	font-size: 30px;
}
.alliance-to-end-plastic-waste-para{
	font-size:16px !important;
}
.alliance-to-end-plastic-waste-para br{
	display:none;
}
}
/*------------------End-Welcome-secion-css------------------------ */
/*people-first-secion-css */
.people-first {
	background-color: #72c0b6;
	padding-top: 55px;
	padding-bottom: 45px;
}
.people-first h3 {
	color: #ffffff;
	font-size: 45px;
	font-family:square;
}
.people-first-para{
	margin-left:100px;
	font-size:18px;
	text-align:left;
}
 @media screen and (max-width: 768px) {
.people-first {
	padding-top: 20px;
	padding-bottom: 20px;
}
.people-first h3 {
	text-align: left;
	font-size: 30px;
}
}
@media screen and (max-width: 425px) {
.people-first {
	padding-top: 20px;
	padding-bottom: 20px;
}
.people-first h3 {
	text-align: center;
	font-size: 30px;
}
.people-first-para{
	margin-left:0;
	font-size:16px;
}
}
/*------------------End-people-first-secion-css------------------------ */
/*team-boxco-secion-css */
.team{
	display:-webkit-box;
display: -webkit-flex;
display:-ms-flexbox;
display: flex;
flex-wrap: wrap;
margin-top:50px;
}
.text-equal{
	margin-top:-17px;
}
.equal-column-height{
	height:100%;
}
.team-boxco {
	padding-top: 55px;
	padding-bottom: 45px;
}
.team-boxco .para {
	font-size: 22px;
	margin-top:20px;
}
.team-boxco h4 {
	color: #1db8dc;
	font-size:16px;
	font-family:spartan-bold;
}
.team-boxco h3 {
	color: #27a2c3;
	font-size: 40px;
	font-weight: 400;
	font-family:square;
}
.team img{
	border-radius:50%;
}
.designation{
	color: #1db8dc;
}
.team-popup a::before{
	content: '';
	width:50px;
	height:2px;
	background-color:#1db8dc;
	display:block;
	position:absolute;
	top:-14px;
	left:12px;
}
.team-popup a{
	text-decoration:none;
	font-size:14px;
	position:relative;
}

@media screen and (max-width: 768px) {
.team-boxco {
	padding-top: 40px;
	padding-bottom: 40px;
}
.team-boxco h3 {
	font-size: 30px;
	text-align: center;
}
.team-boxco .para {
	text-align: justify;
	font-size: 16px;
}
.team-boxco .img-fluid {
	width: 50%;
}
.mt-n1 {
	margin-top: 40px;
}
.team-popup a::before{
	display:none;
}
.equal-column-height{
	height:auto;
}
.equal-column-height{
	margin-top:20px;
}
.vir-kotak{
	margin-top:40px;
}
.team-2{
	margin-top:0 !important;
}
}

/*------------------End-team-boxco-secion-css------------------------ */
/*locations-secion-css */
.locations {
	background-color: #efefef;
	padding-top: 120px;
}
.location-section {
	padding-top: 55px;
	padding-bottom: 45px;
}
.location-section h3 {
	color: #27a2c3;
	font-size: 40px;
	font-weight: 400;
	font-family:square;
}
.location-section ul {
	list-style: none;
	padding-left: 0;
}
.location-section li {
	display: inline;
	padding-right: 35px;
	font-weight: bold;
	font-size: 16px;
}
.location-section .active {
	color: #27a2c3;
}
@media screen and (max-width: 425px) {
.locations {
	padding-top: 20px;
}
.location-section {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
}
.location-section ul {
	text-align: center;
}
.location-section li {
	padding-right: 10px;
}
.location-section h3 {
	font-size: 30px;
	text-align: center;
}
}

/*.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	background-color: transparent;
	border-color: transparent;
}
.nav-link{
	padding-left:0;
	padding-right:70px;
	font-weight:bold;
	color:#4d4d4d;
}
.nav-link:hover{
	color:#4d4d4d;
	}*/
/*------------------End-locations-secion-css------------------------ */
/*contact-us-secion-css */
.contact-us h3 {
	color: #27a2c3;
	font-size: 40px;
	font-weight: 400;
	font-family:square;
}
.btn-primary {
	background-color: #27a2c3;
	border: 0;
}
.btn-primary:hover {
	background-color: #3bb4d4;
	border: 0;
}
.form-control {
	background-color: #f2f2f2;
}
.contact-us-email-phone {
	padding-top: 30px;
}
.contact-us-email a{
	font-size:16px;
	text-decoration:none;
	color:#000000;
	font-weight:600;
}
.contact-person{
	font-size:16px;
	text-decoration:none;
	color:#000000;
	font-weight:600;
	letter-spacing:1px;
}
.contact-us-phone a{
	font-size:16px;
	text-decoration:none;
	color:#000000;
	font-weight:600;
	letter-spacing:1px;
}
.cp{
	color:#27a2c3;
}
@media screen and (max-width: 768px) {
.location-section ul {
	padding-left: 0;
}
.location-section li {
	padding-right: 10px;
}
}
@media screen and (max-width: 425px) {
.contact-us h3 {
	font-size: 30px;
	text-align: center;
}
.contact-us-email{
	font-size:16px;
}
.contact-us-phone{
	font-size:16px;
	line-height:35px;
}
}
/*------------------End-contact-us-secion-css------------------------ */
/*footer-us-secion-css */
.footer-bg{
	background-color:#666666;
}
.footer{
	padding-top: 20px;
	padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
	.footer{
	padding-top: 10px;
	padding-bottom: 10px;
}
	}
@media screen and (max-width: 425px) {
	.footer{
	padding-top: 5px;
	padding-bottom: 5px;
}
}