/*
Template Name: Artast | Creative Portfolio for Artists and Designers Website Template
Author: Pillarix
Author URI: https://wrapbootstrap.com/user/pillarix
Version: 1.0
*/
/*
-- Body
-- Custom Classes
-- About
-- Contact
-- Mobile Media
*/
@import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&family=Gabarito:wght@400;500;600;700&display=swap');

:root {
	--green: #096A61;
	--light-green: #365951;
	--dark-green: #192c27;
	--warning: #FDD746;
	--dark-light: #E6F0EE;
	--light: #F2F7F6;
	--light-light: #FBFCFC;
	--white: #ffffff;
}

/* Body */
body {
	font-family: 'Didact Gothic', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Gabarito', sans-serif;
}
a {
	text-decoration: none;
}
.background-img {
	background-image: url(../img/bg.jpeg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.icon {
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.icon-lg {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media (max-width:992px) {
	.background-img {
		background-image: none;
		background-color: #ebddca;
	}
}
.osahan-nav  a.nav-link {
	padding-top: 35px !important;
	padding-bottom: 35px !important;
}

/* Custom Classes */
.btn-lg {
	padding: 16px 32px;
	font-size: 16px;
}
.bg-success {
	background-color: var(--green) !important;
}
.bg-warning {
	background-color: var(--warning) !important;
}
.text-success {
	color: var(--green) !important;
}
.light-text-success {
	color: var(--light-green);
}
.fs-96 {
	font-size: 96px;
	line-height: 85px;
}
.mb-n10 {
	margin-bottom: -10rem;
}
.mt-n4 {
	margin-top: -4rem;
}

/* Homepage */

/* About */
.profile-img {
	width: 90px;
}

/* Contact */
.icon {
	height: 60px;
	width: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Mobile Media  */
@media (max-width:992px) {
	.m-none {
		display: none;
	}
	.fs-96 {
		font-size: 40px;
		line-height: 1.1;
		word-break: break-word;
		overflow-wrap: break-word;
	}
}
@media (max-width:576px) {
	.fs-96 {
		font-size: 32px;
		line-height: 1.1;
	}
	.icon {
		height: 40px;
		width: 40px;
	}
}
html, body {
	overflow-x: hidden;
}

/* Service Cards */
.service-card {
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.service-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 12px 40px rgba(0,0,0,0.12) !important;
}

/* Contact Form Focus */
#contactForm .form-control:focus {
	border-color: var(--green);
	box-shadow: 0 0 0 0.2rem rgba(9, 106, 97, 0.15);
}

/* Footer Links Hover */
footer a.text-white-50:hover {
	color: #fff !important;
	transition: color 0.2s ease;
}
footer .btn-outline-light:hover {
	background-color: var(--green) !important;
	border-color: var(--green) !important;
}
@media (min-width: 1400px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1151px;
}

}