:root {
  --main-bg-color: #afea75;  
  --main-text-color: black;
}

/*51d8d2

#afea75*/
html, body {
  height: 100%;
}

body {
  font-family: 'comfortaa';
}

.logo{

	height: 8rem;


}
#navbarSupportedContent{
	text-decoration-color: rgb(0,0,0);
}

#modkitchen{margin-top: -150px;}

.box{
	background-color: var(--main-bg-color); margin:5px;
}
#img11{
margin-top: 10px; margin-bottom:10px; width: 71px;
}

#img7{margin-top: 10px; margin-bottom:10px; width:60.6px;}
#img135{margin-top: 10px; margin-bottom:10px; width:60.6px;}

#decrptn{margin-top: 20px;}
#decrptn1{margin-top: 20px;}
#decrptn2{margin-top: 20px;}

#st{z-index:1000; max-width: 130%;}
#pic2{z-index:-1; width: 100%; position: relative;}

#imgto{
	margin-top: 40px;
}

.desktopview{
	display: block;
}

.mobileview{
display:none !important;
}

.mobileviewf{
display:none !important;
}

.exprt{
  	    margin-top:130px;
  	    margin-bottom: 35px;
	}

.testimonial{
	border: 15px solid var(--main-bg-color); 
	height: 250px;
}

.testimonial img{
	margin-top: -115px;
	max-height: 450px;
}

.service .active{
	background-color: #343a40!important;
	color: var(--main-bg-color) !important;
}

.service .type{
	cursor: pointer;
}



@media screen and (max-width: 480px) {

	.mobileview{
		display:block !important;
	}

	#st{
		margin-bottom: 30px;
    	max-width: 50%;
	}

	.mobileviewf{
		display:flex !important;
	}
	.desktopview{
		display:none;
	}

	.exprt{
  	    margin-top:60px;
  	    margin-bottom: 60px;
	}

	.testimonial{
	border: 15px solid var(--main-bg-color); 
	height: 100%;
	}

	.testimonial img{
		margin-top: -115px;
		width: 100% !important;
	}

	.main-title{
		font-size: 1.8rem;
	}


	}

.form-control {
    background-color: #f5f5f5;
    box-shadow: none;
    color: #565656;
    font-family: 'Comfortaa', display;
    font-size: 1rem;
    line-height: 1.43;
    min-height: 2.7em;
    padding: 0.07em .5em;
}

.bg-primary{
	background-color: var(--main-bg-color) !important;
}

.text-primary{
	color: var(--main-bg-color) !important;
}


@media screen and (max-width: 480px) {

	}

