body,html{
	width: 100%!important;
	scroll-behavior: smooth;
	height: 100%;
}
@media (min-width: 769px){
	#about-first-section{
		padding: 10% 7%;
		background-image: url('../assets/about-bg-img.png');
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	.about-title{
		font-size: 94px;
		font-weight: 700;
		color: black;
		margin-bottom: 50px;
	}
	.about-fs-title{
		font-size: 4rem;
		color: black;
		font-weight: 700;
	}
	.usp-title{
		font-weight: 500;
		line-height: 1.5;
		color: black;
		text-align: left;
		font-size: 1.15rem;
	}
	.usp-text-div{
		padding: 0 30px;
	}
	.about-usp-image{
		margin: 0 auto;
	}
	.usp-btn-div{
		margin: 0 auto;
		text-align: center;
	}
	.contact-btn{
	color: black;
		padding: 10px;
		text-align: center;
		border: 3px solid rgb(80,184,174);
		border-radius: 0;
		width: 150px;
		margin: 0 auto;
	}
	.contact-btn:hover{
		color: white;
		padding: 10px;
		text-align: center;
		border: 3px solid rgb(80,184,174);
		border-radius: 0;
		width: 150px;
		margin: 0 auto;
		background-color: rgb(80,184,174); 
	}
	.usp-row{
		padding: 50px 5%;
		
	}
	.usp-row:hover{
		box-shadow: 0 0 10px 5px rgba(170,170,170,0.1);
	}
	.about-header-line{
		width: 200px;
		margin-left: 0;
		border-width: 10px;
	    background-color: rgb(80,184,174)!important;
	}
	#about-second-section{
		padding: 100px 0;
	}	
}
@media (max-width: 1400px) {
	#about-first-section {
		padding: 100px 7% 90px 7%;
	}
	#about-second-section {
		padding-top: 50px;
	}
}
@media (min-width: 576px) and (max-width: 768px){
	#about-first-section{
		padding: 20% 5%;
		background-image: url('../assets/about-bg-img-mob.png');
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	.about-title{
		font-size: 6rem;
		font-weight: 700;
		color: black;
		margin-bottom: 50px;
	}	
	.about-fs-title{
		font-size: 4rem;
		color: black;
		font-weight: 700;

	}
	.usp-title{
		font-weight: 500;
		line-height: 1.5;
		color: black;
		text-align: left;
		font-size: 1rem;
	}
	.usp-text-div{
		padding: 0 0;
	}	
	.about-usp-image{
		margin: 0 auto;
	}
	.usp-btn-div{
		margin: 0 auto;
		text-align: center;
	}
	.contact-btn{
		color: black;
		padding: 10px;
		text-align: center;
		border: 3px solid rgb(80,184,174);
		border-radius: 0;
		width: 150px;
		margin: 0 auto;
	}
	.contact-btn:hover{
		color: white;
		padding: 10px;
		text-align: center;
		border: 3px solid rgb(80,184,174);
		border-radius: 0;
		width: 150px;
		margin: 0 auto;
		background-color: rgb(80,184,174); 
	}
	.usp-row{
		padding: 50px 5%;
		
	}
	.usp-row:hover{
		box-shadow: 0 0 10px 5px rgba(170,170,170,0.1);
	}
	.about-header-line{
		width: 200px;
		margin-left: 0;
		border-width: 10px;
	    	background-color: rgb(80,184,174)!important;
	}
	#about-second-section{
		padding: 100px 0;
	}
}
@media (max-width: 575px){
	#about-first-section{
		padding: 100px 15px;
		background-image: url('../assets/about-bg-img-mob.png');
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	.about-title{
		font-size: 3.5rem;
		font-weight: 700;
		color: black;
		margin-bottom: 50px;
	}
	.about-fs-title{
		font-size: 2.5rem;
		color: black;
		font-weight: 700;
	}	
	.usp-title{
		font-weight: 500;
		line-height: 1.5;
		color: black;
		text-align: left;
		font-size: 1rem;
	}
	.usp-text-div{
		padding: 0 0;
	}
	.about-usp-image{
		margin-left: 0;
		margin-right: auto;
		margin-bottom: 30px;
		max-width: 100px;
		max-height: 100px;
	}
	.usp-btn-div{
		margin-left: 0;
		margin-right: auto;
		text-align: left;
		margin-top: 30px;
	}
	.contact-btn{
		color: black;
		padding: 10px;
		text-align: center;
		border: 3px solid rgb(80,184,174);
		border-radius: 0;
		width: 150px;
		margin-left: 0;
	}
	.contact-btn:hover{
		color: white;
		padding: 10px;
		text-align: center;
		border: 3px solid rgb(80,184,174);
		border-radius: 0;
		width: 150px;
		margin-left: 0;
		background-color: rgb(80,184,174); 
	}
	.usp-row{
		margin:0 15px!important;
		padding: 50px 0;
		border-bottom: 1px solid rgb(154,154,154); 
	}
	.usp-row:last-of-type{
		margin:0 15px!important;
		padding: 50px 0;
		border-bottom: none; 
	}
	.usp-row:hover{
		
	}
	.about-header-line{
		width: 120px;
		margin-left: 0;
		border-width: 10px;
	   	 background-color: rgb(80,184,174)!important;

	}
	#about-second-section{
		padding: 20px 0;
	}	
}



.about-text-div{
	padding: 50px 5%;
}
.sub-title-div{
	
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin-bottom: 25px;
}
.sub-title{
	font-size: 22px;
	font-weight:400;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: rgb(154,154,154);
}
.sub-title-line{
	width: 100px;
	margin-left: 0;
	border-width: 5px;
    background-color: rgb(80,184,174)!important;
    margin-left: 30px;
    position: relative;
    top:-6px;
}


.about-body .row {
	margin: 0 0;
}
.usp-middle{
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
@media (min-width: 769px){
	#about-third-section{
		padding: 100px 10%;
		background-image: url('../assets/section3-img.png');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		margin-bottom: 70px;	
	}
	.vision-div{
		display: flex;
		flex-direction: row;
		justify-content: space-around;
	}
	.vision-box:first-of-type{
		margin-left: 10%;
	}
	.vision-box:last-of-type{
		margin-right: 10%;	
	}
	.vision-title{
		color: black;
		font-size: 2.2rem;
		text-align: center;
		margin-bottom: 25px;
	}
	.vision-line{
		border: 2px solid rgb(80,184,174);
		width: 50px;
		margin: 15px auto;
	}
	.vision-content{
		color: black;
		line-height: 1.5;
		font-weight: 500;
		text-align: center;
	}
}
@media (min-width: 576px) and (max-width: 768px){
	#about-third-section{
		padding: 100px 10%;
		background-image: url('../assets/section3-img-mob.png');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		margin-bottom: 70px;	
	}
	.vision-div{
		display: flex;
		flex-direction: row;
		justify-content: space-around;
	}
	.vision-box{
		background-color: white;
		width: 45%;
		padding: 50px 25px;
		box-shadow: 0 0 7px 5px rgba(128,128,128,0.1);
	}
	.vision-box:first-of-type{
		margin-left: 0;
	}
	.vision-box:last-of-type{
		margin-right: 0;	
	}
	.vision-title{
		color: black;
		font-size: 2.2rem;
		text-align: center;
		margin-bottom: 25px;
	}
	.vision-line{
		border: 2px solid rgb(80,184,174);
		width: 50px;
		margin: 15px auto;
	}
	.vision-content{
		color: black;
		line-height: 1.5;
		font-weight: 500;
		text-align: center;
	}
}
@media (max-width: 575px){
	#about-third-section{
		padding: 100px 10%;
		background-image: url('../assets/section3-img-mob.png');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		margin-bottom: 70px;	
	}
	.vision-div{
		display: flex;
		flex-direction: column;
		justify-content: space-around;
	}
	
	.vision-box:first-of-type{
		margin-left: 0;
	}
	.vision-box:last-of-type{
		margin-right: 0;	
	}
	.vision-title{
		color: black;
		font-size: 2.2rem;
		text-align: center;
		margin-bottom: 25px;
	}
	.vision-line{
		border: 2px solid rgb(80,184,174);
		width: 50px;
		margin: 15px auto;
	}
	.vision-content{
		color: black;
		line-height: 1.5;
		font-weight: 500;
		text-align: center;
	}
}
@media (min-width: 1020px) and (max-width: 1030px) and (min-height: 1320px) and (max-height: 1380px){
	.vision-box{
		background-color: white;
		width: 40%;
		padding: 50px 25px;
		box-shadow: 0 0 7px 5px rgba(128,128,128,0.1);
	}
	.vision-box:first-of-type{
		margin-left: 0!important;
	}
	.vision-box:last-of-type{
		margin-right: 0!important;	
	}
}
@media (min-width: 1400px){
	.vision-box{
		background-color: white;
		width: 25%;
		padding: 50px 25px;
		box-shadow: 0 0 7px 5px rgba(128,128,128,0.1);
	}
}
@media (min-width: 950px) and (max-width: 1399px){
	.vision-box{
		background-color: white;
		width: 35%;
		padding: 50px 25px;
		box-shadow: 0 0 7px 5px rgba(128,128,128,0.1);
	}
}
@media (min-width: 768px) and (max-width: 949px){
	.vision-box{
		background-color: white;
		width: 45%;
		padding: 50px 25px;
		box-shadow: 0 0 7px 5px rgba(128,128,128,0.1);
	}
	.vision-box:first-of-type{
		margin-left: 0;
	}
	.vision-box:last-of-type{
		margin-right: 0;	
	}
}
@media (min-width: 420px) and (max-width: 575px){
	.vision-box{
		background-color: white;
		width: 100%;
		padding: 50px 25px;
		box-shadow: 0 0 7px 5px rgba(128,128,128,0.1);
		margin-bottom: 35px;
		min-height: 435px;
		
	}
}
@media (min-width: 350px) and (max-width: 419px){
	.vision-box{
		background-color: white;
		width: 100%;
		padding: 50px 25px;
		box-shadow: 0 0 7px 5px rgba(128,128,128,0.1);
		margin-bottom: 35px;
		min-height: 460px;
		
	}
}
@media (max-width: 349px){
	.vision-box{
		background-color: white;
		width: 100%;
		padding: 50px 25px;
		box-shadow: 0 0 7px 5px rgba(128,128,128,0.1);
		margin-bottom: 35px;
		min-height: 510px;
		
	}
}