@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

*,
*::before,
*::after {
	/* font-family: 'Lato', sans-serif; */
}

.normal-font {
	font-weight: normal !important;
}

p {
	margin: 0;
	padding: 0;
}

.text-blue {
	color: #009cad;
    height: 68px;
}

.bg-blue {
	background-color: #009cad;
}

.text-md {
	font-size: 18px;
}

.text-lg {
	font-size: 22px;
}

.bg-black {
	background-color: black;
}

.bg-base-100 {
	background-color: #fff;
}

.bg-base-200 {
	background-color: #f6f3f3;
}

.bg-base-300 {
	background-color: #6f6f6f;
}

.hero {
	background: url('Rectangle.jpg');
	height: 130vh;
	background-repeat: no-repeat;
	background-size: cover;
}

.hero-users {
    background-image:
                linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
                url('rectangleUsers.jpg');
	height: 130vh;
	background-repeat: no-repeat;
	background-size: cover;
}

.hero-header {
	width: 40%;
	font-size: 45px;
    text-align: left;
	text-wrap: nowrap;

	& > img {
		width: 100%;
		object-fit: cover;
	}
}

.hero-card {
	& .number {
		font-size: 60px;
		text-shadow: 2px 2px 20px rgba(0, 0, 0, 0.9);
	}

	& .text {
		font-size: 26px;
		color: white;
	}
}

.hero-card-1 {
	width: 30%;
}

.icon-group-container {
	justify-content: space-evenly;
	row-gap: 35px;
}

.icon-group {
	width: 20%;
	font-size: 20px;
	align-items: center;
	& img {
		width: 20%;
	}
}

.image-container {
	justify-content: space-evenly;
	row-gap: 20px;
}

.image-container {
	& > img {
		width: calc(100% / 3);
	}
}

.numbers { 
    width: 50px; 
    line-height: 50px; 
    border-radius: 50%; 
    text-align: center; 
    background-color: #fff;
    color: #009cad;
    font-size: 28px;
    font-weight: 600;
} 

.grey-line {
    border: 1px solid #fff;
    background-color: #fff;
}