/*

Theme Name: Swastha Lanka Theme

Author: Dhananjaya Prabhash

Version: 1.0v

https://colorhunt.co/palette/d6efd880af81508d4e1a5319

*/


header{

  	width: 100%;
}

section{
	margin-bottom: 100px;
}


.hidden{
	display: none;
}


h1, h2, h3, h4{
	
	font-family: 'Ubuntu', sans-serif;

    font-weight: 800;

	display: inline-block;
	
}

.logo-text {
    font-family: 'Marcellus', 'Noto Sans', sans-serif;
}


body{font-size:16px;font-family: 'Numans', 'Noto Sans', sans-serif;}

i{margin-right: 8px}

.links{
	
	color: white;}

a:focus{text-decoration:none;outline:0;}

.btn-primary{background-color:#017aaf;}


hr{border-top:1px solid #D6D6D6;}

h1{font-size:40px;display:inline-block;color:#333333;margin-top:0;}

h2{font-size:26px!important;display:inline-block;padding-bottom:5px;color:#333333;margin-top:0;}

h3{display:inline-block;padding-bottom:5px; margin:0;margin-bottom:7px;font-size:22px!important;}

h4.title-bdg{font-size:18px!important;display:inline-block;padding-bottom:5px;color:#333333; margin-top:0;}


.test{

  background-color: #087700;    

/*    min-height: 150px;*/

/*    width: 100%;*/

    color: white;

    text-align: center;

    /*margin: auto;*/

}

.test2{

  	background-color: #772C00;

	min-height: 150px;

}

.hidden{

	display: none!important;

}

.bold{
	font-weight: bold;
}


.bg-l-gray{
	background-color: #333;
}

.bg-l-gray-2{
	background-color: #414141;
}

.bg-gray{
	background-color: #2e2e2e;
}

.bg-green{
	background-color: #008945;
}

.bg-d-green{
	background-color: #0A5600;
}

.bg-d-green-2{
	background-color: #021e01;
}

.l-green{
	color: #3de37b;
}

.green{
	color: #008945;
}

.green-2{
	color: #198754;
}

.d-green{
	color: #0A5600;
}

.d-green-2{
	
	color: #021e01;
}

.white{
	color: #FFFFFF;
}

.l-gray{
	color: #9c9c9c;
}

.d-gray{
	color: #272727
}

.bdr-d-green{
	border: solid 2px #0A5600;
}

.bdr-white{
	border: solid 2px #FFFFFF;
}

.r10{
	border-radius: 10px;
}

.r30{
	border-radius: 30px;
}

.r40{
	border-radius: 40px;
}

.fs-14{
	font-size: 14px;
}

.fs-35{
	font-size: 35px;
}

.fs-45{
	font-size: 45px;
}

.fs-50{
	font-size: 50px;
}

.mt-100{
	margin-top: 100px;
}

.mb-100{
	margin-bottom: 100px;
}

.text-align-center{
	text-align: center;
}
		
.text-align-right{
	text-align: right;
}

.text-align-left{
	text-align: left;
}

.align-items-bottom{
	align-items: flex-end;
}

.logo-wrap{
	display:flex;
	align-items: center;
}


.custom-logo {
    width: 100px;
	height: auto;
}



.logo-text{
    font-size: 46px;
    font-weight: 700;
    color: #008945;
}

.custom-logo-link {
    display: inline-block;
}

.top-bar{
	background-color: #000000;
	color: #FFFFFF;
	display: flex;
	justify-content: flex-end;
	align-items: center;	
	min-height: 2.5rem;
}


.header-contacts{
	color: #FFFFFF;
	display: flex;
    align-items: center;
    gap: 20px;
}

.home-banner-mobile{
	display: none;
}

.goals-topic-wrap{
	display: flex;
	align-items: center;
}

.goals-item{
	font-size: 16px;
	margin-bottom: 25px;
}

.goals-item i{
	font-size: 40px;
}


.goals-topic-wrap p{
	text-align: center;
	font-size: 46px;
}


.iconbox{
	width: 80px;
	height: 80px;
	border-radius: 10px;
	background-color: #dcffdd;
	display: flex;
    align-items: center;
    justify-content: center;
	margin-bottom: 10px;
}

.goals-item:nth-child(1) .iconbox {
    background-color: #dcffdd;
    color: #008945;
	padding-left: 5px;
}

.goals-item:nth-child(2) .iconbox {
    background-color: #ffdece;
    color: #fd8e56;
	padding-left: 10px;
}

.goals-item:nth-child(3) .iconbox {
    background-color: #d6e4ff;
    color: #373a85;
	padding-left: 7px;
}

.goals-item:nth-child(4) .iconbox {
    background-color: #fec7fb;
    color: #872581;
	padding-left: 5px;
}

.about-text{
	font-size: 20px;
}

.products-topic{
	font-size: 26px;
}

.esp-bag{
	width: auto;
	height: 310px;
	margin-left: 140px;
}

.offerings-topic{
	font-size: 45px;
	text-align: center;
}

.offerings-text{
	font-size: 20px;
	text-align: center;
}

.iconcircle{
	width: 80px;
	height: 80px;
	border-radius: 40px;
	display: flex;
    align-items: center;
    justify-content: center;
	margin: 0 auto;	
	padding-left: 8px;
}

.iconcircle i{
	font-size: 38px;
}

.cta-banner{
	font-size: 46px;
	color: #FFFFFF;
	text-align: center;
	padding: 100px;
}


.stats{
	text-align: center;
}

.stats i{
	font-size: 35px;
}

.stats h4{margin-top: 1rem;}

.portfolio-content img{
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
}

.testimonial{
	display: flex;
	justify-content: center;
	align-items: center;
}

.testimonial-img{
	object-fit: cover;
    width: 75px;
    height: 75px;
    border-radius: 50%;
}

.testimonial-comment{
	padding-left: 10px;
	padding-right: 10px;
}




/* Who-We-Are */

.get-started{
	text-align: right;
}

.get-started p{
	font-weight: bold;
}

.our-values{
	display: grid;
	align-content: center;
}

.our-values p{
	display: inline-grid;
	margin-top: 10px;
}

.our-vision p{
	display: inline-grid;
	margin-top: 10px;
}

.our-vision-and-mission-text{
	display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 10px;
}

.our-vision-and-mission-text i{
	margin-top: 4px;
}

.things-we-are-great-at{
	text-align: center;
}

.things-we-are-great-at-things{
	border-radius: 10px;
	background-color: #C9C9C9;
}

.things-we-are-great-at-things img{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.things-we-are-great-at-things p{
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.meet-the-team-topic{
	text-align: center;
}

.meet-the-team-things{
	border-radius: 10px;
	background-color: #DCFFDB;
}

.meet-the-team-things img{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.meet-the-team-things p{
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

 /*What We Do*/

.key-activities{
	display: flex;
	align-items: center;
}

.key-activities-content{
	border-left-width: 1px;
	margin-left: 1rem;
}

.why-our-work-matters-image{
	margin-top: 120px;
	margin-bottom: 120px;
}

.why-our-work-matters-text{
	margin-top: 320px;
	color: #FFF;
}

/*Products*/

.why-choose-our-products-items{
	width: 403px;
	height: 207px;
	border-radius: 10px;
	background-color: #dcffdd;
	margin-bottom: 10px;
	
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	text-align: center;
}

/*@media (max-width: 1012px){*/

@media only screen and (max-width: 991px) {
	
	section{
		margin-bottom: 40px;
	}
	
	h1{
		text-align: center;
	}
	
	.top-bar{
	display: block;
}
	.header-contacts{
		text-align: center;
		display: block;
	}
	
	.home-banner-desktop{
		display: none;
	}
	
	.home-banner-mobile{
		display: block;
	}
	
	.goals-topic-wrap{
		text-align: center;
		display: block;
	}
	
	.goals-item{
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		margin-bottom: 15px;
	}
	
	.esp-bag{
		margin-left: 0px;
		display: flex;
	}
	
	.cta-banner{
		padding: 40px;
		font-size: 26px;
	}
	
	.stats-box{
		margin-bottom: 1rem;
	}
	
	.crop-mobile {
    /*height: 60%; */       /* show only top 60% */
    max-height: 415px;  /* optional: control size */
    overflow: hidden;
  }

  .crop-mobile img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: top; /* keep top part visible */
  }

}