@import url('https://fonts.googleapis.com/css2?family=Poppins&family=Urbanist&display=swap');

body{
	font-family: 'Urbanist', sans-serif;
}

h1, h2, h3, h4, h5, h6{
	font-family: 'Poppins', sans-serif;
}

.main {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
								url(../img/headers/header.png);
}

.about-header {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
								url(../img/headers/about-header.png);
}
.products-header {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
								url(../img/headers/products-header.png);
}
.services-header  {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
								url(../img/headers/services-header.png);
}
.contacts-header {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
								url(../img/headers/contacts-header.png);
}
.main,
.about-header,
.products-header,
.services-header,
.contacts-header{
	height: 60vh;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
}

.logo{
	width:140px;
}

#welcome{
	background-color: #f3f3f3;
}

#welcome,
#confidentiality,
#about,
#products,
#services,
#contacts{
	padding: 50px 0;
}

.welcome-info,
.about-info{
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}

.welcome-info h5,
.structure h5,
.services h6,
.contact-details span {
	color: #94C83D;
}

.hr-line {
    display: inline-block;
    border-bottom: 2px solid #94C83D;
    width: 150px;
    margin: 1rem 0;
}

#vsion{
	padding-top: 40px;
}

.vsion img{
	width: 80px;
	height: auto;
}

.vsion h5{
	padding-bottom: 15px;
}

.welcome-info p,
.vsion p,
.vsion ul li,
.about-info p,
.structure p{
    color: #6c757d!important;
}

.service-tags h5,
#confidentiality{
	background-color: #94C83D;
}

#confidentiality{
	color: #ffffff;
}

.confidentiality h6 {
	padding-bottom: 10px;
}

.confidentiality p {
	padding-bottom: 0;
	margin-bottom: 0;
	font-size: 13px;
}

.about h2,
.structure h2{
	padding-bottom: 30px;
}

#structure,
#map{
	padding-bottom: 35px;
}

.services h6 {
	margin-bottom: 30px;
}

.service-tags{
	background-color: #c1c1c1;
	height: 100%;
	margin-bottom: 15px;
}

.service-tags h5{
	color: #ffffff;
	text-align: center;
	padding: 20px 0;
	font-weight: 600;
}


.contact-details {
    width: 100%;
    display: flex;
    height: 100%;
    align-items: center;
}

.btn-outline-custom {
    --bs-btn-color: #94C83D;
    --bs-btn-border-color: #94C83D;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #94C83D;
    --bs-btn-hover-border-color: #94C83D;
 }

.copyright p {
    margin-top: 0;
    margin-bottom: 0;
}

@media (max-width: 767px){
	header {
	    height: 50vh;
	}

	.logo{
		width:100px;
	}

	.about-img {
		margin-bottom: 15px;
	}

	.welcome-info h5{
		padding-top: 25px;
	}

	.service-tags{
		background-color: #c1c1c1;
		height: auto;
	}	
}