:root {
	--main-color: #3a7bd5;
	--secondary-color: #4a8be8;
	--accent-color: #e6e9ed;
	--text-color: #293d62;
	--light-text: #718096;
	--bg-color: #f8fafc;
	--white: #ffffff;
}

body {
	color: var(--text-color);
	line-height: 1.6;
}

.gk-btn, .btn.gk-submit {
	background-color: var(--main-color);
	border-color: var(--white);
	color: var(--white);
}

.gk-btn:hover, .btn.gk-submit:hover {
	background-color: var(--secondary-color);
	border-color: var(--secondary-color);
}

.color-greenalt {
	color: var(--main-color) !important;
}

.section-title, .text-extrabold {
	color: var(--text-color) !important;
	font-size: 45px;
	font-weight: 700;
}

.text-extrabold-white {
    color: var(--white) !important;
    font-size: 70px;
	font-weight: 600;
}

.banner-bg, .app-services-section, .contact-section {
	background-color: var(--main-color) !important;
	color: var(--white);
}

.features-section, .pricing-section, .download-section {
	background-color: var(--bg-color) !important;
}

.reviews-section {
	background-color: var(--white) !important;
}

.pricing-box {
	background-color: var(--white) !important;
	border: 1px solid var(--accent-color);
	box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.banner-text, .section-msg {
	color: var(--text-color);
	font-size: 20px;
    font-weight: 500;
}

.features-grid p {
    color: var(--text-color);
	font-size: 18px;
    font-weight: 500;
}

.teacher-card {
	background: var(--white);
	padding: 30px;
	border-radius: 8px;
	box-shadow: 0 4px 6px rgba(0,0,0,0.1);
	margin-bottom: 30px;
}

.teacher-info {
    font-size: 14px;
}

.teacher-photo img {
	border: 3px solid var(--main-color);
}

.footer-social-icon a {
	margin: 0 10px;
	color: var(--white);
	font-size: 18px;
}

.banner-bg,
.app-services-section,
.contact-section,
.footer-bg
{

    background: linear-gradient(to right, #0077cc, #66ccff);
    background-color: #0077cc;

    background-size: cover;
    background-repeat: no-repeat;
}