/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

/* Finozest Design Custom Styles */
/* Based on https://finozest.webflow.io/home-three */

/* Hero Section Styling */
.av-sections-container .av-section-hero-section {
	padding-top: 100px;
	padding-bottom: 100px;
}

.av-sections-container .av-section-hero-section .av_heading {
	margin-bottom: 30px;
}

.av-sections-container .av-section-hero-section .av_textblock {
	margin-bottom: 40px;
	font-size: 18px;
	line-height: 1.6;
}

/* Statistics Section */
.av-sections-container .av-section-stats-section {
	background-color: #f8f9fa;
}

.av-sections-container .av-section-stats-section .av_animated_numbers {
	text-align: center;
}

.av-sections-container .av-section-stats-section .av_animated_numbers .avia_animated_number {
	font-weight: 700;
	line-height: 1.2;
}

/* Features Section */
.av-sections-container .av-section-features-section .av_icon_box {
	text-align: center;
	padding: 20px;
}

.av-sections-container .av-section-features-section .av_icon_box .av-icon-char {
	margin-bottom: 20px;
}

.av-sections-container .av-section-features-section .av_icon_box .av-iconbox-title {
	font-weight: 600;
	margin-bottom: 15px;
}

/* Experience Section */
.av-sections-container .av-section-experience-section {
	background-color: #f8f9fa;
}

.av-sections-container .av-section-experience-section .av_icon_box {
	padding: 20px;
}

/* More Statistics Section */
.av-sections-container .av-section-more-stats-section .av_animated_numbers {
	text-align: center;
}

.av-sections-container .av-section-more-stats-section .av_animated_numbers .avia_animated_number {
	font-weight: 700;
}

/* Testimonials Section */
.av-sections-container .av-section-testimonials-section {
	background-color: #f8f9fa;
}

.av-sections-container .av-section-testimonials-section .av_testimonial {
	background-color: #ffffff;
	border-radius: 8px;
	padding: 30px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
	margin-bottom: 20px;
}

/* CTA Section */
.av-sections-container .av-section-cta-section {
	background-color: #0073e6;
}

.av-sections-container .av-section-cta-section .av_heading,
.av-sections-container .av-section-cta-section .av_textblock {
	color: #ffffff;
}

.av-sections-container .av-section-cta-section .av_button {
	margin-top: 30px;
}

/* Button Styling */
.av-buttonrow .av-buttonrow-item {
	border-radius: 8px;
	padding: 12px 30px;
	font-weight: 600;
	transition: all 0.3s ease;
}

.av-buttonrow .av-buttonrow-item:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0,115,230,0.3);
}

/* Icon Box Styling */
.av-iconbox {
	transition: all 0.3s ease;
}

.av-iconbox:hover {
	transform: translateY(-5px);
}

/* Responsive Adjustments */
@media only screen and (max-width: 767px) {
	.av-sections-container .av-section-hero-section {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	
	.av-sections-container .av-section-hero-section .av_heading {
		font-size: 36px !important;
	}
	
	.av-sections-container .av-section-features-section .av_one_third,
	.av-sections-container .av-section-testimonials-section .av_one_third {
		margin-bottom: 30px;
	}
	
	.av-sections-container .av-section-more-stats-section .av_one_fifth {
		margin-bottom: 30px;
	}
}

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
	/* Add your Desktop Styles here */
	
	/* Hero Section Desktop */
	.av-sections-container .av-section-hero-section .av_heading {
		font-size: 60px;
		line-height: 1.2;
	}
	
	/* Statistics Desktop */
	.av-sections-container .av-section-stats-section .av_animated_numbers {
		font-size: 50px;
	}
	
	/* Features Desktop */
	.av-sections-container .av-section-features-section .av_icon_box {
		min-height: 250px;
	}
}

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
	/* Add your Mobile Styles here */
	
	.av-sections-container .av-section-hero-section .av_heading {
		font-size: 36px !important;
	}
	
	.av-sections-container .av-section-stats-section .av_animated_numbers {
		font-size: 36px;
	}
	
	.av-sections-container .av-section-features-section .av_one_third {
		margin-bottom: 40px;
	}
}