:root {
  --white: #ffffff;
  --black: #000000;
}

*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

a{
  text-decoration: none;
}

.sf-tm-cl-hr-line{
	width: 100%;
	height:2px;
	background-color:#CECECE;
}

/*Banner Slide Start*/
#sf-id-banner-slide img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#sf-id-banner-slide .carousel-item {
	height: 85vh;
	min-height: 300px;
	background: no-repeat scroll center scroll;
	-webkit-background-size: cover;
	background-size: cover;
}

#sf-id-banner-slide .carousel-item::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	opacity: 0.4;
}

#sf-id-banner-slide .carousel-control-prev{
	position: absolute;
	width: 100px;
	height: 100px;
	margin: auto;
	background-color: rgba(0,0,0,.4);
}

#sf-id-banner-slide .carousel-control-next{
	position: absolute;
	width: 100px;
	height: 100px;
	margin: auto;
	background-color: rgba(0,0,0,.4);
}

#sf-id-banner-slide .carousel-control-prev:hover{
	background-color: #023020;
}

#sf-id-banner-slide .carousel-control-next:hover{
	background-color: #023020;
}

#sf-id-banner-slide i.fa-solid {
	font-size: 40px;
}

#sf-id-banner-slide .carousel-indicators .sf-tm-banner-indicator{
	height: 10px;
	width: 10px;
	margin: 5px;
	border: 5px solid #F2F3F4;
    background-color: #C9CCD3;
}

#sf-id-banner-slide .carousel-indicators .active {
	border: 5px solid #fff;
    background-color: #023020;
}

#sf-id-banner-slide .carousel-indicators .sf-tm-banner-indicator:hover {
    background-color: #023020;
}

/*Banner Slide End*/

/*HomePage Overview*/
.sf-tm-cl-overview{
	padding:0px;
	margin:0px 0px 0px 0px;
	background-color:#F5F5F5;
   
	& .sf-tm-cl-main-box{
		padding:80px 0px;
		
		& .sf-tm-cl-content{
			padding:0px 0px;
			
			& .sf-tm-cl-title{
				font-size:40px;
				color:#000000;
				font-weight:400;
			}
			
			& .sf-tm-cl-info{
				font-size:16px;
				color:#000000;
				font-weight:300;
				text-align:justify;
				padding:10px 0px;
				margin-bottom:20px;
			}
				
			& .sf-tm-cl-btn{
				text-decoration: none;
				color:#FFFFFF;
				background-color:#023020;
				padding: 10px 30px;
				border: 2px solid #023020;
				border-radius:20px;
				font-size:16px;
			    margin:0px 10px;
			    font-weight:500;
			}
			
			& .sf-tm-cl-btn:hover{
				color:#023020;
				border: 2px solid #023020;
				background-color:#FFFFFF;
				border-radius:20px;
			}
		}
	}
}

.sf-tm-cl-joinus{
	padding:0px;
	margin:0px 0px 0px 0px;
	background-color:#F5F5F5;
   
	& .sf-tm-cl-main-box{
		padding:60px 0px;
		
		& .sf-tm-cl-content{
			padding:0px 0px;
			
			& .sf-tm-cl-title{
				font-size:25px;
				color:#000000;
				font-weight:400;
			}
			
			& .sf-tm-cl-info{
				font-size:16px;
				color:#000000;
				font-weight:300;
				text-align:justify;
				padding:0px;
				margin-bottom:30px;
			}
				
			& .sf-tm-cl-btn{
				text-decoration: none;
				color:#023020;
				padding: 10px 30px;
				border: 2px solid #000000;
				border-radius:20px;
				font-size:16px;
			    margin:0px 10px;
			    font-weight:500;
			}
			
			& .sf-tm-cl-btn:hover{
				color:var(--white);
				border: 2px solid #023020;
				background-color:#023020;
				border-radius:20px;
			}
		}
	}
}

.sf-tm-cl-ourinitiatives{
	padding:0px;
	margin:0px 0px 0px 0px;
	background-color:#F5F5F5;
   
	& .sf-tm-cl-main-box{
		padding:60px 0px 80px 0px;
		
		& .sf-tm-cl-head-title{
			font-size:40px;
			color:#000000;
			font-weight:400;
			margin-bottom:20px;
		}
		
		& .sf-tm-cl-content{
			padding:25px 5px 15px 5px;
			background-color:#DFC683;
			border-radius:20px;
			
			& .sf-tm-cl-title{
				color:#023020;
				font-size:25px;
			    font-weight:500;
			}
			
			& .sf-tm-cl-info{
				font-size:16px;
				color:#000000;
				font-weight:300;
				text-align:justify;
				padding:0px;
			}
		}
	}
}

.sf-tm-cl-getinvolved{
	padding:0px;
	margin:0px 0px 0px 0px;
	background-color:#F5F5F5;
   
	& .sf-tm-cl-main-box{
		padding:60px 0px 80px 0px;
		
		& .sf-tm-cl-head-title{
			font-size:40px;
			color:#000000;
			font-weight:400;
			margin-bottom:20px;
		}
		
		& .sf-tm-cl-content{
			padding:0px 0px;
			
			& .sf-tm-cl-title{
				color:#023020;
				font-size:25px;
			    font-weight:500;
			}
			
			& .sf-tm-cl-info{
				font-size:16px;
				color:#000000;
				font-weight:300;
				text-align:justify;
			}
				
			& .sf-tm-cl-btn{
				text-decoration: none;
				color:#023020;
				padding: 10px 30px;
				border: 2px solid #000000;
				border-radius:20px;
				font-size:16px;
			    margin:0px 10px;
			    font-weight:500;
			
				& i{
					font-size:15px;
					padding-left:10px;
				}
				
				& .sf-tm-cl-anim-up-down{
					animation:anim-up-down infinite 1s ease-in-out;
				}
			
			}
			
			& .sf-tm-cl-btn:hover{
				color:var(--white);
				border: 2px solid #023020;
				background-color:#023020;
				border-radius:20px;
			}
		}
	}
}


.sf-tm-cl-team{
	padding:0px;
	margin:0px 0px 0px 0px;
	background-color:#F5F5F5;
   
	& .sf-tm-cl-main-box{
		padding:80px 0px;
		
		& .sf-tm-cl-content{
			padding:0px 0px;
			
			& .sf-tm-cl-title{
				font-size:40px;
				color:#000000;
				font-weight:400;
			}
			
			& .sf-tm-cl-team-gallery{ 
			
				& .sf-tm-cl-team-info-box{
					border:1px solid gray;
					margin:10px 0px;
					
					& .sf-tm-cl-team-imgbox {
						position: relative;
						overflow:hidden;
						cursor: pointer;
						
						& img{
							background-position: center;
							transition: opacity 0.5s ease-in-out;
							width:100%;
							height:100%;
						}
					}
					
					& .sf-tm-cl-team-imgbox:hover img{
						transform: scale(1.2);
					}
				
					& .sf-tm-cl-team-details-box {
						padding: 15px;
						
						& .sf-tm-cl-team-details-box-name {
							font-size: 18px;
							color:var(--black);
							opacity: 0.9; 
							text-decoration:none;
						}

						& .sf-tm-cl-team-details-box-position {
							font-size: 14px;
							color:var(--black);
							opacity: 0.6; 
							padding-bottom: 0;
							margin-bottom:0;
						}
					}
				}
			}
		}
	}
}