@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;600;700&display=swap');

html {
    scroll-behavior: smooth;
}

body {
    font-family: Titillium Web, Arial !important;
}

section {
	scroll-margin-top: 150px;
}

@media only screen and (max-width: 768px) {
	section {
		scroll-margin-top: 300px;
	}
}

.square-feature {
	display: inline-block;
	padding: 10px 15px 3px 15px;
}

.logo-partner {
	filter: grayscale(100);
	opacity: .5;
	transition: .2s;
}

.logo-partner:hover {
	filter: grayscale(0);
	opacity: 1;
}

.reference-box {
	background: #f9f9f9;
	border: 1px solid #f1f1f1;
}

.reference-badge {
	background: #f3f3f3;
	border: 1px solid #dedede;
}

.social-icon {
	opacity: .2;
	transition: .2s;
}

.social-icon:hover {
	opacity: .5;
}

.bg-jarabak {
	background: #CA1D3A !important;
}

.bottom-footer {
	border-top: 1px solid #333;
}

.img-gallery {
	max-height: 100px;
	cursor: zoom-in;
}

.cursor-zoom-in {
	cursor: zoom-in;
}