/* 
* The English Way - Ana Stil Dosyası
* Oluşturulma Tarihi: 12.05.2025
*/

/* ===== GENEL STILLER ===== */
:root {
    --primary-color: #2563eb;
    --secondary-color: #1e40af;
    --accent-color: #3b82f6;
    --text-color: #1f2937;
    --text-light: #6b7280;
    --light-color: #f3f4f6;
    --white-color: #ffffff;
    --dark-color: #111827;
    --success-color: #10b981;
    --danger-color: #ef4444;
    --warning-color: #f59e0b;
    --border-color: #e5e7eb;
    --border-radius: 8px;
    --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.1);
    --transition: all 0.3s ease;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: var(--text-color);
    background-color: var(--white-color);
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 1rem;
    color: var(--dark-color);
}

p {
    margin-bottom: 1rem;
    color: var(--text-light);
}

a {
    text-decoration: none;
    color: var(--primary-color);
    transition: var(--transition);
}

a:hover {
    color: var(--secondary-color);
}

ul {
    list-style: none;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

.tewContainer {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.tewSectionTitle {
    text-align: center;
    margin-bottom: 3rem;
}

.tewSectionTitle h2 {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    position: relative;
    display: inline-block;
}

.tewSectionTitle h2::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background-color: var(--primary-color);
    border-radius: 2px;
}

.tewSectionTitle p {
    font-size: 1.1rem;
    max-width: 600px;
    margin: 0 auto;
}

/* ===== BUTONLAR ===== */
.tewBtn {
    display: inline-block;
    padding: 0.8rem 1.8rem;
    border-radius: var(--border-radius);
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    transition: var(--transition);
    border: none;
    font-size: 1rem;
}

.tewBtnPrimary {
    background-color: var(--primary-color);
    color: var(--white-color);
}

.tewBtnPrimary:hover {
    background-color: var(--secondary-color);
    color: var(--white-color);
}

.tewBtnSecondary {
    background-color: transparent;
    color: var(--primary-color);
    border: 2px solid var(--primary-color);
}

.tewBtnSecondary:hover {
    background-color: var(--primary-color);
    color: var(--white-color);
}

.tewBtnOutline {
    background-color: transparent;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.tewBtnOutline:hover {
    background-color: var(--primary-color);
    color: var(--white-color);
}

/* ===== HEADER ===== */
.tewHeader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: var(--white-color);
    box-shadow: var(--box-shadow);
    z-index: 1000;
    padding: 1rem 0;
    transition: var(--transition);
}

.tewHeader .tewContainer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tewLogo a {
    display: flex;
    align-items: center;
}

.tewLogo h1 {
    font-size: 1.8rem;
    margin-bottom: 0;
    color: var(--primary-color);
}

.tewNavbar {
    display: flex;
    align-items: center;
}

.tewNavList {
    display: flex;
    gap: 1.5rem;
}

.tewNavLink {
    color: var(--text-color);
    font-weight: 500;
    padding: 0.5rem 0;
    position: relative;
}

.tewNavLink::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: var(--primary-color);
    transition: var(--transition);
}

.tewNavLink:hover::after,
.tewActive::after {
    width: 100%;
}

.tewNavLink:hover,
.tewActive {
    color: var(--primary-color);
}

.tewMobileMenu {
    display: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: var(--primary-color);
}

/* ===== HERO SECTION ===== */
.tewHero {
    padding: 8rem 0 5rem;
    background-color: var(--light-color);
    position: relative;
    overflow: hidden;
}

.tewHero .tewContainer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}

.tewHeroContent {
    flex: 1;
}

.tewHeroTitle {
    font-size: 3.5rem;
    margin-bottom: 1.5rem;
    line-height: 1.2;
}

.tewHeroTitle span {
    color: var(--primary-color);
    position: relative;
}

.tewHeroTitle span::after {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100%;
    height: 8px;
    background-color: rgba(59, 130, 246, 0.3);
    z-index: -1;
}

.tewHeroText {
    font-size: 1.2rem;
    margin-bottom: 2rem;
    max-width: 600px;
}

.tewHeroBtns {
    display: flex;
    gap: 1rem;
}

.tewHeroImage {
    flex: 1;
    position: relative;
}

.tewHeroImage img {
    border-radius: 10px;
    box-shadow: var(--box-shadow);
}

/* ===== FEATURES SECTION ===== */
.tewFeatures {
    padding: 5rem 0;
    background-color: var(--white-color);
}

.tewFeatureCards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
}

.tewFeatureCard {
    background-color: var(--white-color);
    border-radius: var(--border-radius);
    padding: 2rem;
    text-align: center;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
}

.tewFeatureCard:hover {
    transform: translateY(-10px);
}

.tewFeatureIcon {
    width: 70px;
    height: 70px;
    background-color: rgba(59, 130, 246, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
}

.tewFeatureIcon i {
    font-size: 2rem;
    color: var(--primary-color);
}

.tewFeatureCard h3 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

/* ===== COURSES SECTION ===== */
.tewCourses {
    padding: 5rem 0;
    background-color: var(--light-color);
}

.tewCourseCards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
}

.tewCourseCard {
    background-color: var(--white-color);
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
}

.tewCourseCard:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}

.tewCourseImage {
    height: 200px;
    overflow: hidden;
}

.tewCourseImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
}

.tewCourseCard:hover .tewCourseImage img {
    transform: scale(1.1);
}

.tewCourseContent {
    padding: 1.5rem;
}

.tewCourseContent h3 {
    font-size: 1.5rem;
    margin-bottom: 0.8rem;
}

.tewCourseFeatures {
    margin: 1.5rem 0;
}

.tewCourseFeatures li {
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.tewCourseFeatures i {
    color: var(--success-color);
}

/* ===== TESTIMONIALS SECTION ===== */
.tewTestimonials {
    padding: 5rem 0;
    background-color: var(--white-color);
    overflow: hidden;
}

.tewTestimonialSlider {
    display: flex;
    position: relative;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.tewTestimonialItem {
    min-width: 100%;
    padding: 0 1rem;
    transition: all 0.5s ease;
    flex-shrink: 0;
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.tewTestimonialItem.tewActive {
    opacity: 1;
    visibility: visible;
    position: relative;
}

.tewTestimonialContent {
    background-color: var(--light-color);
    padding: 2rem;
    border-radius: var(--border-radius);
    position: relative;
    margin-bottom: 2rem;
}

.tewTestimonialContent::after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 30px;
    width: 30px;
    height: 30px;
    background-color: var(--light-color);
    transform: rotate(45deg);
    z-index: -1;
}

.tewTestimonialContent p {
    font-style: italic;
    position: relative;
}

.tewTestimonialContent p::before {
    content: '\201C';
    font-size: 4rem;
    position: absolute;
    top: -2rem;
    left: -1rem;
    color: rgba(59, 130, 246, 0.2);
    font-family: serif;
}

.tewTestimonialAuthor {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding-left: 1rem;
}

.tewTestimonialAuthor img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
}

.tewTestimonialAuthor h4 {
    margin-bottom: 0.2rem;
    font-size: 1.1rem;
}

.tewTestimonialAuthor p {
    margin-bottom: 0;
    font-size: 0.9rem;
}

.tewTestimonialDots {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 2rem;
}

.tewDot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: var(--border-color);
    cursor: pointer;
    transition: var(--transition);
}

.tewDot.tewActive {
    background-color: var(--primary-color);
}

/* ===== CONTACT CTA SECTION ===== */
.tewContactCta {
    padding: 5rem 0;
    background-color: var(--primary-color);
    color: var(--white-color);
}

.tewContactContent {
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
}

.tewContactContent h2 {
    color: var(--white-color);
    font-size: 2.5rem;
    margin-bottom: 1rem;
}

.tewContactContent p {
    color: rgba(255, 255, 255, 0.8);
    font-size: 1.2rem;
    margin-bottom: 2rem;
}

.tewContactCta .tewBtnPrimary {
    background-color: var(--white-color);
    color: var(--primary-color);
}

.tewContactCta .tewBtnPrimary:hover {
    background-color: rgba(255, 255, 255, 0.9);
}

/* ===== FOOTER ===== */
.tewFooter {
    background-color: var(--dark-color);
    color: var(--light-color);
    padding: 5rem 0 0;
}

.tewFooterContent {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
    margin-bottom: 3rem;
}

.tewFooterLogo h3 {
    color: var(--white-color);
    font-size: 1.8rem;
    margin-bottom: 1rem;
}

.tewFooterLogo p {
    color: rgba(255, 255, 255, 0.7);
}



.tewFooterLinkGroup h4 {
    color: var(--white-color);
    margin-bottom: 1.5rem;
    font-size: 1.2rem;
}

.tewFooterLinkGroup ul li {
    margin-bottom: 0.8rem;
}

.tewFooterLinkGroup ul li a {
    color: rgba(255, 255, 255, 0.7);
    transition: var(--transition);
}

.tewFooterLinkGroup ul li a:hover {
    color: var(--primary-color);
    padding-left: 5px;
}

.tewFooterLinkGroup ul li a i {
    margin-right: 0.5rem;
}

.tewFooterSocial h4 {
    color: var(--white-color);
    margin-bottom: 1.5rem;
    font-size: 1.2rem;
}

.tewSocialIcons {
    display: flex;
    gap: 0.5rem;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.tewSocialIcon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white-color);
    transition: var(--transition);
    margin-right: 5px;
}

.tewSocialIcon:hover {
    background-color: var(--primary-color);
    color: var(--white-color);
    transform: translateY(-5px);
}

.tewFooterBottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 1.5rem 0;
    text-align: center;
}

.tewFooterBottom p {
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 0;
}

/* ===== SAYFA HERO ===== */
.tewPageHero {
    padding: 8rem 0 4rem;
    background-color: var(--primary-color);
    color: var(--white-color);
    text-align: center;
}

.tewPageHeroContent h1 {
    font-size: 3rem;
    color: var(--white-color);
    margin-bottom: 1rem;
}

.tewPageHeroContent p {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.9);
    max-width: 700px;
    margin: 0 auto;
}

/* ===== GRAMMAR SAYFASI STİLLERİ ===== */
.tewGrammarIntro {
    padding: 5rem 0;
    background-color: var(--white-color);
}

.tewGrammarIntroContent {
    display: flex;
    align-items: center;
    gap: 3rem;
}

.tewGrammarIntroText {
    flex: 1;
}

.tewGrammarIntroText h2 {
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
    color: var(--dark-color);
}

.tewGrammarIntroText p {
    margin-bottom: 1.5rem;
    font-size: 1.1rem;
    line-height: 1.7;
}

.tewGrammarIntroImage {
    flex: 1;
}

.tewGrammarIntroImage img {
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    width: 100%;
}

.tewGrammarStats {
    display: flex;
    gap: 2rem;
    margin-top: 2rem;
}

.tewGrammarStat {
    background-color: var(--light-color);
    padding: 1.5rem;
    border-radius: var(--border-radius);
    text-align: center;
    flex: 1;
}

.tewGrammarStatNumber {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--primary-color);
    display: block;
    margin-bottom: 0.5rem;
}

.tewGrammarStat p {
    margin-bottom: 0;
    font-size: 0.9rem;
}

.tewGrammarPrograms {
    padding: 5rem 0;
    background-color: var(--light-color);
}

.tewGrammarProgramCards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    margin-top: 3rem;
}

.tewGrammarProgramCard {
    background-color: var(--white-color);
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
}

.tewGrammarProgramCard:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.tewGrammarProgramHeader {
    background-color: var(--primary-color);
    color: var(--white-color);
    padding: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tewGrammarProgramHeader h3 {
    margin-bottom: 0;
    font-size: 1.5rem;
    color: var(--white-color);
}

.tewGrammarProgramLevel {
    background-color: rgba(255, 255, 255, 0.2);
    padding: 0.3rem 0.8rem;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 500;
}

.tewGrammarProgramContent {
    padding: 2rem;
}

.tewGrammarProgramList {
    margin-bottom: 2rem;
}

.tewGrammarProgramList li {
    margin-bottom: 0.8rem;
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.tewGrammarProgramList li i {
    color: var(--success-color);
}

.tewGrammarProgramInfo {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border-color);
}

.tewGrammarProgramInfoItem {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--text-light);
}

.tewGrammarProgramInfoItem i {
    color: var(--primary-color);
}

.tewGrammarMethods {
    padding: 5rem 0;
    background-color: var(--white-color);
}

.tewGrammarMethodCards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
    margin-top: 3rem;
}

.tewGrammarMethodCard {
    background-color: var(--light-color);
    padding: 2rem;
    border-radius: var(--border-radius);
    text-align: center;
    transition: var(--transition);
}

.tewGrammarMethodCard:hover {
    transform: translateY(-10px);
    box-shadow: var(--box-shadow);
}

.tewGrammarMethodIcon {
    width: 80px;
    height: 80px;
    background-color: var(--white-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    color: var(--primary-color);
    font-size: 2rem;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.tewGrammarMethodCard h3 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.tewGrammarMethodCard p {
    margin-bottom: 0;
}

.tewGrammarTips {
    padding: 5rem 0;
    background-color: var(--light-color);
}

.tewGrammarTipsList {
    margin-top: 3rem;
}

.tewGrammarTipItem {
    display: flex;
    gap: 2rem;
    background-color: var(--white-color);
    border-radius: var(--border-radius);
    padding: 2rem;
    margin-bottom: 2rem;
    box-shadow: var(--box-shadow);
}

.tewGrammarTipNumber {
    font-size: 3rem;
    font-weight: 700;
    color: var(--primary-color);
    opacity: 0.3;
    line-height: 1;
}

.tewGrammarTipContent h3 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.tewGrammarTipExample {
    background-color: var(--light-color);
    padding: 1.5rem;
    border-radius: var(--border-radius);
    margin-top: 1rem;
}

.tewGrammarTipWrong {
    color: var(--danger-color);
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.tewGrammarTipCorrect {
    color: var(--success-color);
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.tewGrammarTipsMore {
    text-align: center;
    margin-top: 2rem;
}

.tewGrammarFaq {
    padding: 5rem 0;
    background-color: var(--white-color);
}

.tewGrammarFaqList {
    margin-top: 3rem;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.tewGrammarFaqItem {
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 1rem;
}

.tewGrammarFaqQuestion {
    padding: 1.5rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.tewGrammarFaqQuestion h3 {
    margin-bottom: 0;
    font-size: 1.2rem;
}

.tewGrammarFaqToggle {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: var(--light-color);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color);
    transition: var(--transition);
}

.tewGrammarFaqItem.active .tewGrammarFaqToggle {
    transform: rotate(45deg);
    background-color: var(--primary-color);
    color: var(--white-color);
}

.tewGrammarFaqAnswer {
    padding: 0 0 1.5rem;
    display: none;
}

.tewGrammarFaqItem.active .tewGrammarFaqAnswer {
    display: block;
}

/* ===== SPEAKING SAYFASI STİLLERİ ===== */
.tewSpeakingIntro {
    padding: 80px 0;
    background-color: var(--color-light);
}

.tewSpeakingIntroContent {
    display: flex;
    align-items: center;
    gap: 3rem;
}

.tewSpeakingIntroText {
    flex: 1;
}

.tewSpeakingIntroText h2 {
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
    color: var(--dark-color);
}

.tewSpeakingIntroText p {
    margin-bottom: 1.5rem;
    font-size: 1.1rem;
    line-height: 1.7;
}

.tewSpeakingIntroImage {
    flex: 1;
}

.tewSpeakingIntroImage img {
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    width: 100%;
}

.tewSpeakingStats {
    display: flex;
    gap: 2rem;
    margin-top: 2rem;
}

.tewSpeakingStat {
    background-color: var(--light-color);
    padding: 1.5rem;
    border-radius: var(--border-radius);
    text-align: center;
    flex: 1;
}

.tewSpeakingStatNumber {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--primary-color);
    display: block;
    margin-bottom: 0.5rem;
}

.tewSpeakingStat p {
    margin-bottom: 0;
    font-size: 0.9rem;
}

.tewSpeakingPrograms {
    padding: 5rem 0;
    background-color: var(--light-color);
}

.tewSpeakingProgramCards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    margin-top: 3rem;
}

.tewSpeakingProgramCard {
    background-color: var(--white-color);
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
}

.tewSpeakingProgramCard:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.tewSpeakingProgramHeader {
    background-color: var(--primary-color);
    color: var(--white-color);
    padding: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tewSpeakingProgramHeader h3 {
    margin-bottom: 0;
    font-size: 1.5rem;
    color: var(--white-color);
}

.tewSpeakingProgramLevel {
    background-color: rgba(255, 255, 255, 0.2);
    padding: 0.3rem 0.8rem;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 500;
}

.tewSpeakingProgramContent {
    padding: 2rem;
}

.tewSpeakingProgramList {
    margin-bottom: 2rem;
}

.tewSpeakingProgramList li {
    margin-bottom: 0.8rem;
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.tewSpeakingProgramList li i {
    color: var(--success-color);
}

.tewSpeakingProgramInfo {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border-color);
}

.tewSpeakingProgramInfoItem {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--text-light);
}

.tewSpeakingProgramInfoItem i {
    color: var(--primary-color);
}

.tewSpeakingTechniques {
    padding: 5rem 0;
    background-color: var(--white-color);
}

.tewSpeakingTechniquesList {
    margin-top: 3rem;
}

.tewSpeakingTechniqueItem {
    display: flex;
    align-items: flex-start;
    gap: 2rem;
    margin-bottom: 2.5rem;
    padding-bottom: 2.5rem;
    border-bottom: 1px solid var(--border-color);
}

.tewSpeakingTechniqueItem:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.tewSpeakingTechniqueIcon {
    width: 70px;
    height: 70px;
    background-color: var(--light-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color);
    font-size: 1.8rem;
    flex-shrink: 0;
}

.tewSpeakingTechniqueContent h3 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.tewSpeakingTechniqueContent p {
    margin-bottom: 0;
    line-height: 1.7;
}

.tewSpeakingPronunciation {
    padding: 5rem 0;
    background-color: var(--light-color);
}

.tewSpeakingPronunciationContent {
    display: flex;
    gap: 3rem;
    margin-top: 3rem;
    align-items: flex-start;
}

.tewSpeakingPronunciationText {
    flex: 1;
}

.tewSpeakingPronunciationText p {
    margin-bottom: 1.5rem;
    font-size: 1.1rem;
    line-height: 1.7;
}

.tewSpeakingPronunciationList {
    margin-top: 1.5rem;
}

.tewSpeakingPronunciationList li {
    margin-bottom: 0.8rem;
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.tewSpeakingPronunciationList li i {
    color: var(--primary-color);
}

.tewSpeakingPronunciationBoxes {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.tewSpeakingPronunciationBox {
    background-color: var(--white-color);
    border-radius: var(--border-radius);
    padding: 2rem;
    box-shadow: var(--box-shadow);
}

.tewSpeakingPronunciationBox h3 {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    text-align: center;
    color: var(--primary-color);
}

.tewSpeakingPronunciationExample {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: center;
}

.tewSpeakingPronunciationSound {
    text-align: center;
}

.tewSpeakingPronunciationSound span {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: var(--primary-color);
    color: var(--white-color);
    font-size: 1.5rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.8rem;
}

.tewSpeakingPronunciationSound p {
    margin-bottom: 0;
    font-size: 0.9rem;
}

.tewSpeakingPronunciationPattern {
    font-size: 1.3rem;
    text-align: center;
    margin-bottom: 1rem;
}

.tewSpeakingPronunciationStress {
    color: var(--primary-color);
    font-weight: 700;
}

.tewSpeakingSuccess {
    padding: 5rem 0;
    background-color: var(--white-color);
}

.tewSpeakingSuccessStories {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    margin-top: 3rem;
}

.tewSpeakingSuccessStory {
    background-color: var(--light-color);
    border-radius: var(--border-radius);
    overflow: hidden;
    padding: 2rem;
    transition: var(--transition);
}

.tewSpeakingSuccessStory:hover {
    transform: translateY(-10px);
    box-shadow: var(--box-shadow);
}

.tewSpeakingSuccessQuote {
    position: relative;
    margin-bottom: 2rem;
}

.tewSpeakingSuccessQuote i {
    font-size: 2rem;
    color: var(--primary-color);
    opacity: 0.2;
    position: absolute;
    top: -10px;
    left: -10px;
}

.tewSpeakingSuccessQuote p {
    font-style: italic;
    line-height: 1.7;
    position: relative;
    z-index: 1;
}

.tewSpeakingSuccessAuthor {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.tewSpeakingSuccessAuthor img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
}

.tewSpeakingSuccessAuthor h4 {
    margin-bottom: 0.2rem;
    font-size: 1.1rem;
}

.tewSpeakingSuccessAuthor p {
    margin-bottom: 0;
    font-size: 0.9rem;
    color: var(--text-light);
}

.tewSpeakingFaq {
    padding: 5rem 0;
    background-color: var(--light-color);
}

.tewSpeakingFaqList {
    margin-top: 3rem;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.tewSpeakingFaqItem {
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 1rem;
}

.tewSpeakingFaqQuestion {
    padding: 1.5rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.tewSpeakingFaqQuestion h3 {
    margin-bottom: 0;
    font-size: 1.2rem;
}

.tewSpeakingFaqToggle {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: var(--white-color);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color);
    transition: var(--transition);
}

.tewSpeakingFaqItem.active .tewSpeakingFaqToggle {
    transform: rotate(45deg);
    background-color: var(--primary-color);
    color: var(--white-color);
}

.tewSpeakingFaqAnswer {
    padding: 0 0 1.5rem;
    display: none;
}

.tewSpeakingFaqItem.active .tewSpeakingFaqAnswer {
    display: block;
}

/* ===== VOCABULARY SAYFASI STİLLERİ ===== */
.tewVocabularyIntro {
    padding: 5rem 0;
    background-color: var(--light-color);
}

.tewVocabularyIntroContent {
    display: flex;
    align-items: center;
    gap: 3rem;
}

.tewVocabularyIntroText {
    flex: 1;
}

.tewVocabularyIntroText h2 {
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
    color: var(--dark-color);
}

.tewVocabularyIntroText p {
    margin-bottom: 1.5rem;
    font-size: 1.1rem;
    line-height: 1.7;
}

.tewVocabularyIntroImage {
    flex: 1;
}

.tewVocabularyIntroImage img {
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
}

.tewVocabularyStats {
    display: flex;
    gap: 2rem;
    margin-top: 2rem;
}

.tewVocabularyStat {
    background-color: var(--white-color);
    padding: 1.5rem;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    flex: 1;
    text-align: center;
}

.tewVocabularyStatNumber {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--primary-color);
    display: block;
    margin-bottom: 0.5rem;
}

.tewVocabularyStat p {
    font-size: 1rem;
    margin: 0;
}

.tewVocabularyMethods {
    padding: 5rem 0;
    background-color: var(--white-color);
}

.tewVocabularyMethodCards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
    margin-top: 3rem;
}

.tewVocabularyMethodCard {
    background-color: var(--light-color);
    padding: 2rem;
    border-radius: var(--border-radius);
    text-align: center;
    transition: var(--transition);
}

.tewVocabularyMethodCard:hover {
    transform: translateY(-10px);
    box-shadow: var(--box-shadow);
}

.tewVocabularyMethodIcon {
    width: 80px;
    height: 80px;
    background-color: var(--white-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    color: var(--primary-color);
    font-size: 2rem;
    box-shadow: 0 5px 15px rgba(37, 99, 235, 0.1);
}

.tewVocabularyMethodCard h3 {
    font-size: 1.3rem;
    margin-bottom: 1rem;
}

.tewVocabularyMethodCard p {
    margin-bottom: 1.5rem;
}

.tewVocabularyMethodLink {
    color: var(--primary-color);
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.tewVocabularyMethodLink i {
    transition: var(--transition);
}

.tewVocabularyMethodLink:hover i {
    transform: translateX(5px);
}

.tewVocabularyPrograms {
    padding: 5rem 0;
    background-color: var(--light-color);
}

.tewVocabularyProgramCards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    margin-top: 3rem;
}

.tewVocabularyProgramCard {
    background-color: var(--white-color);
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
}

.tewVocabularyProgramCard:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.tewVocabularyProgramHeader {
    background-color: var(--primary-color);
    color: var(--white-color);
    padding: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tewVocabularyProgramHeader h3 {
    margin-bottom: 0;
    color: var(--white-color);
    font-size: 1.5rem;
}

.tewVocabularyProgramLevel {
    background-color: rgba(255, 255, 255, 0.2);
    padding: 0.3rem 0.8rem;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 500;
}

.tewVocabularyProgramContent {
    padding: 1.5rem;
}

.tewVocabularyProgramContent p {
    margin-bottom: 1.5rem;
}

.tewVocabularyProgramList {
    margin-bottom: 1.5rem;
}

.tewVocabularyProgramList li {
    margin-bottom: 0.8rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.tewVocabularyProgramList li i {
    color: var(--success-color);
}

.tewVocabularyProgramInfo {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.tewVocabularyProgramInfoItem {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--text-light);
}

.tewVocabularyProgramInfoItem i {
    color: var(--primary-color);
}

.tewVocabularyCategories {
    padding: 5rem 0;
    background-color: var(--white-color);
}

.tewVocabularyCategoriesList {
    margin-top: 3rem;
}

.tewVocabularyCategoryItem {
    display: flex;
    gap: 2rem;
    padding: 2rem;
    background-color: var(--light-color);
    border-radius: var(--border-radius);
    margin-bottom: 2rem;
    transition: var(--transition);
}

.tewVocabularyCategoryItem:hover {
    transform: translateX(10px);
    box-shadow: var(--box-shadow);
}

.tewVocabularyCategoryIcon {
    width: 80px;
    height: 80px;
    background-color: var(--white-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color);
    font-size: 2rem;
    flex-shrink: 0;
    box-shadow: 0 5px 15px rgba(37, 99, 235, 0.1);
}

.tewVocabularyCategoryContent {
    flex: 1;
}

.tewVocabularyCategoryContent h3 {
    margin-bottom: 1rem;
    font-size: 1.5rem;
}

.tewVocabularyCategoryContent p {
    margin-bottom: 1rem;
}

.tewVocabularyCategoryExamples {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.tewVocabularyCategoryExamples span {
    background-color: var(--white-color);
    padding: 0.3rem 0.8rem;
    border-radius: 20px;
    font-size: 0.9rem;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.tewVocabularyTips {
    padding: 5rem 0;
    background-color: var(--light-color);
}

.tewVocabularyTipsContent {
    display: flex;
    gap: 3rem;
    align-items: center;
    margin-top: 3rem;
}

.tewVocabularyTipsImage {
    flex: 1;
}

.tewVocabularyTipsImage img {
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
}

.tewVocabularyTipsList {
    flex: 1;
}

.tewVocabularyTipItem {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.tewVocabularyTipNumber {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--primary-color);
    opacity: 0.3;
    line-height: 1;
}

.tewVocabularyTipContent {
    flex: 1;
}

.tewVocabularyTipContent h3 {
    margin-bottom: 0.8rem;
    font-size: 1.3rem;
}

.tewVocabularyFaq {
    padding: 5rem 0;
    background-color: var(--white-color);
}

.tewVocabularyFaqList {
    margin-top: 3rem;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.tewVocabularyFaqItem {
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 1rem;
}

.tewVocabularyFaqQuestion {
    padding: 1.5rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.tewVocabularyFaqQuestion h3 {
    margin-bottom: 0;
    font-size: 1.2rem;
}

.tewVocabularyFaqToggle {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: var(--light-color);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color);
    transition: var(--transition);
}

.tewVocabularyFaqItem.active .tewVocabularyFaqToggle {
    transform: rotate(45deg);
    background-color: var(--primary-color);
    color: var(--white-color);
}

.tewVocabularyFaqAnswer {
    padding: 0 0 1.5rem;
    display: none;
}

.tewVocabularyFaqItem.active .tewVocabularyFaqAnswer {
    display: block;
}

/* ===== LISTENING SAYFASI STİLLERİ ===== */
.tewListeningIntro {
    padding: 5rem 0;
    background-color: var(--light-color);
}

.tewListeningIntroContent {
    display: flex;
    align-items: center;
    gap: 3rem;
}

.tewListeningIntroText {
    flex: 1;
}

.tewListeningIntroText h2 {
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
    color: var(--dark-color);
}

.tewListeningIntroText p {
    margin-bottom: 1.5rem;
    font-size: 1.1rem;
    line-height: 1.7;
}

.tewListeningIntroImage {
    flex: 1;
}

.tewListeningIntroImage img {
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
}

.tewListeningStats {
    display: flex;
    gap: 2rem;
    margin-top: 2rem;
}

.tewListeningStat {
    background-color: var(--white-color);
    padding: 1.5rem;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    flex: 1;
    text-align: center;
}

.tewListeningStatNumber {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--primary-color);
    display: block;
    margin-bottom: 0.5rem;
}

.tewListeningStat p {
    font-size: 1rem;
    margin: 0;
}

.tewListeningChallenges {
    padding: 5rem 0;
    background-color: var(--white-color);
}

.tewListeningChallengeCards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
    margin-top: 3rem;
}

.tewListeningChallengeCard {
    background-color: var(--light-color);
    padding: 2rem;
    border-radius: var(--border-radius);
    text-align: center;
    transition: var(--transition);
}

.tewListeningChallengeCard:hover {
    transform: translateY(-10px);
    box-shadow: var(--box-shadow);
}

.tewListeningChallengeIcon {
    width: 80px;
    height: 80px;
    background-color: var(--white-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    color: var(--primary-color);
    font-size: 2rem;
    box-shadow: 0 5px 15px rgba(37, 99, 235, 0.1);
}

.tewListeningChallengeCard h3 {
    font-size: 1.3rem;
    margin-bottom: 1rem;
}

.tewListeningPrograms {
    padding: 5rem 0;
    background-color: var(--light-color);
}

.tewListeningProgramCards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    margin-top: 3rem;
}

.tewListeningProgramCard {
    background-color: var(--white-color);
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
}

.tewListeningProgramCard:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.tewListeningProgramHeader {
    background-color: var(--primary-color);
    color: var(--white-color);
    padding: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tewListeningProgramHeader h3 {
    margin-bottom: 0;
    color: var(--white-color);
    font-size: 1.5rem;
}

.tewListeningProgramLevel {
    background-color: rgba(255, 255, 255, 0.2);
    padding: 0.3rem 0.8rem;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 500;
}

.tewListeningProgramContent {
    padding: 1.5rem;
}

.tewListeningProgramContent p {
    margin-bottom: 1.5rem;
}

.tewListeningProgramList {
    margin-bottom: 1.5rem;
}

.tewListeningProgramList li {
    margin-bottom: 0.8rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.tewListeningProgramList li i {
    color: var(--success-color);
}

.tewListeningProgramInfo {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.tewListeningProgramInfoItem {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--text-light);
}

.tewListeningProgramInfoItem i {
    color: var(--primary-color);
}

.tewListeningStrategies {
    padding: 5rem 0;
    background-color: var(--white-color);
}

.tewListeningStrategiesContent {
    display: flex;
    gap: 3rem;
    align-items: center;
    margin-top: 3rem;
}

.tewListeningStrategiesImage {
    flex: 1;
}

.tewListeningStrategiesImage img {
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
}

.tewListeningStrategiesList {
    flex: 1;
}

.tewListeningStrategyItem {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.tewListeningStrategyNumber {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--primary-color);
    opacity: 0.3;
    line-height: 1;
}

.tewListeningStrategyContent {
    flex: 1;
}

.tewListeningStrategyContent h3 {
    margin-bottom: 0.8rem;
    font-size: 1.3rem;
}

.tewListeningFaq {
    padding: 5rem 0;
    background-color: var(--light-color);
}

.tewListeningFaqList {
    margin-top: 3rem;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.tewListeningFaqItem {
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 1rem;
}

.tewListeningFaqQuestion {
    padding: 1.5rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.tewListeningFaqQuestion h3 {
    margin-bottom: 0;
    font-size: 1.2rem;
}

.tewListeningFaqToggle {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: var(--white-color);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color);
    transition: var(--transition);
}

.tewListeningFaqItem.active .tewListeningFaqToggle {
    transform: rotate(45deg);
    background-color: var(--primary-color);
    color: var(--white-color);
}

.tewListeningFaqAnswer {
    padding: 0 0 1.5rem;
    display: none;
}

.tewListeningFaqItem.active .tewListeningFaqAnswer {
    display: block;
}

/* ===== HAKKIMDA SAYFASI STİLLERİ ===== */
.tewAbout {
    padding: 5rem 0;
    background-color: var(--light-color);
}

.tewAboutContent {
    display: flex;
    align-items: center;
    gap: 3rem;
}

.tewAboutImage {
    flex: 1;
}

.tewAboutImage img {
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
}

.tewAboutText {
    flex: 1;
}

.tewAboutText h2 {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    color: var(--dark-color);
}

.tewAboutIntro {
    font-size: 1.2rem;
    font-weight: 500;
    color: var(--primary-color);
    margin-bottom: 1.5rem;
}

.tewAboutText p {
    margin-bottom: 1.5rem;
    font-size: 1.1rem;
    line-height: 1.7;
}

.tewAboutSignature {
    margin-top: 2rem;
}

.tewAboutSignature p {
    margin-bottom: 0.5rem;
    font-style: italic;
}

.tewQualifications {
    padding: 5rem 0;
    background-color: var(--white-color);
}

.tewQualificationsList {
    margin-top: 3rem;
}

.tewQualificationItem {
    display: flex;
    gap: 2rem;
    margin-bottom: 2rem;
    padding: 2rem;
    background-color: var(--light-color);
    border-radius: var(--border-radius);
    transition: var(--transition);
}

.tewQualificationItem:hover {
    transform: translateY(-10px);
    box-shadow: var(--box-shadow);
}

.tewQualificationIcon {
    width: 80px;
    height: 80px;
    background-color: var(--white-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color);
    font-size: 2rem;
    flex-shrink: 0;
    box-shadow: 0 5px 15px rgba(37, 99, 235, 0.1);
}

.tewQualificationContent {
    flex: 1;
}

.tewQualificationContent h3 {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}

.tewQualificationTitle {
    font-size: 1.1rem;
    color: var(--text-light);
    margin-bottom: 0.5rem;
}

.tewQualificationYear {
    font-size: 0.9rem;
    color: var(--primary-color);
    font-weight: 500;
}

.tewExperience {
    padding: 5rem 0;
    background-color: var(--light-color);
}

.tewExperienceTimeline {
    margin-top: 3rem;
    position: relative;
}

.tewExperienceTimeline::before {
    content: '';
    position: absolute;
    top: 0;
    left: 120px;
    height: 100%;
    width: 2px;
    background-color: var(--primary-color);
    opacity: 0.3;
}

.tewExperienceItem {
    display: flex;
    gap: 2rem;
    margin-bottom: 3rem;
    position: relative;
}

.tewExperienceYear {
    width: 120px;
    text-align: right;
    font-weight: 600;
    color: var(--primary-color);
    flex-shrink: 0;
}

.tewExperienceYear span {
    background-color: var(--white-color);
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.9rem;
    display: inline-block;
    box-shadow: var(--box-shadow);
}

.tewExperienceContent {
    flex: 1;
    background-color: var(--white-color);
    padding: 2rem;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    position: relative;
}

.tewExperienceContent::before {
    content: '';
    position: absolute;
    top: 20px;
    left: -10px;
    width: 20px;
    height: 20px;
    background-color: var(--white-color);
    transform: rotate(45deg);
}

.tewExperienceContent h3 {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}

.tewExperienceTitle {
    font-size: 1.1rem;
    color: var(--primary-color);
    margin-bottom: 1rem;
    font-weight: 500;
}

.tewPhilosophy {
    padding: 5rem 0;
    background-color: var(--white-color);
}

.tewPhilosophyContent {
    margin-top: 3rem;
}

.tewPhilosophyQuote {
    background-color: var(--light-color);
    padding: 3rem;
    border-radius: var(--border-radius);
    position: relative;
    margin-bottom: 3rem;
}

.tewPhilosophyQuote i {
    font-size: 3rem;
    color: var(--primary-color);
    opacity: 0.2;
    position: absolute;
    top: 20px;
    left: 20px;
}

.tewPhilosophyQuote blockquote {
    font-size: 1.3rem;
    line-height: 1.8;
    font-style: italic;
    color: var(--dark-color);
    text-align: center;
    position: relative;
    z-index: 1;
}

.tewPhilosophyPoints {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
}

.tewPhilosophyPoint {
    display: flex;
    gap: 1.5rem;
}

.tewPhilosophyPointIcon {
    width: 60px;
    height: 60px;
    background-color: var(--light-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color);
    font-size: 1.5rem;
    flex-shrink: 0;
}

.tewPhilosophyPointContent h3 {
    font-size: 1.3rem;
    margin-bottom: 0.8rem;
}

/* ===== İLETİŞİM SAYFASI STİLLERİ ===== */
.tewContactInfo {
    padding: 5rem 0;
    background-color: var(--light-color);
}

.tewContactInfoContent {
    display: flex;
    gap: 3rem;
}

.tewContactInfoText {
    flex: 1;
}

.tewContactInfoText h2 {
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
    color: var(--dark-color);
}

.tewContactInfoText > p {
    margin-bottom: 2rem;
    font-size: 1.1rem;
    line-height: 1.7;
}

.tewContactInfoList {
    margin-bottom: 2rem;
}

.tewContactInfoItem {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.tewContactInfoIcon {
    width: 50px;
    height: 50px;
    background-color: var(--white-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color);
    font-size: 1.2rem;
    flex-shrink: 0;
    box-shadow: 0 5px 15px rgba(37, 99, 235, 0.1);
}

.tewContactInfoDetails h3 {
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
}

.tewContactInfoDetails p {
    margin-bottom: 0;
    line-height: 1.5;
}

.tewContactInfoDetails a {
    color: var(--text-color);
    transition: var(--transition);
}

.tewContactInfoDetails a:hover {
    color: var(--primary-color);
}

.tewContactSocial h3 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
}

.tewContactSocialIcons {
    display: flex;
    gap: 1rem;
}

.tewContactSocialIcon {
    width: 40px;
    height: 40px;
    background-color: var(--white-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color);
    font-size: 1.2rem;
    transition: var(--transition);
    box-shadow: var(--box-shadow);
}

.tewContactSocialIcon:hover {
    background-color: var(--primary-color);
    color: var(--white-color);
    transform: translateY(-3px);
}

.tewContactForm {
    flex: 1;
    background-color: var(--white-color);
    padding: 2.5rem;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
}

.tewContactForm h2 {
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
    color: var(--dark-color);
}

.tewFormGroup {
    margin-bottom: 1.5rem;
}

.tewFormGroup label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: var(--dark-color);
}

.tewFormGroup input,
.tewFormGroup select,
.tewFormGroup textarea {
    width: 100%;
    padding: 0.8rem 1rem;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    transition: var(--transition);
}

.tewFormGroup input:focus,
.tewFormGroup select:focus,
.tewFormGroup textarea:focus {
    border-color: var(--primary-color);
    outline: none;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

.tewFormCheckbox {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.tewFormCheckbox input {
    width: auto;
}

.tewFormCheckbox label {
    margin-bottom: 0;
    font-size: 0.9rem;
}

.tewContactMap {
    padding: 5rem 0;
    background-color: var(--white-color);
}

.tewMapContainer {
    margin-top: 3rem;
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: var(--box-shadow);
}

.tewContactFaq {
    padding: 5rem 0;
    background-color: var(--light-color);
}

.tewContactFaqList {
    margin-top: 3rem;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.tewContactFaqItem {
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 1rem;
}

.tewContactFaqQuestion {
    padding: 1.5rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.tewContactFaqQuestion h3 {
    margin-bottom: 0;
    font-size: 1.2rem;
}

.tewContactFaqToggle {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: var(--white-color);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color);
    transition: var(--transition);
}

.tewContactFaqItem.active .tewContactFaqToggle {
    transform: rotate(45deg);
    background-color: var(--primary-color);
    color: var(--white-color);
}

.tewContactFaqAnswer {
    padding: 0 0 1.5rem;
    display: none;
}

.tewContactFaqItem.active .tewContactFaqAnswer {
    display: block;
}

/* ===== RESPONSIVE STYLES ===== */
@media screen and (max-width: 992px) {
    .tewHero .tewContainer {
        flex-direction: column;
    }
    
    .tewHeroTitle {
        font-size: 2.8rem;
    }
    
    .tewHeroImage {
        margin-top: 2rem;
    }
    
    .tewSectionTitle h2 {
        font-size: 2.2rem;
    }
}

@media screen and (max-width: 768px) {
    .tewNavbar {
        position: fixed;
        top: 0;
        right: -100%;
        width: 70%;
        height: 100vh;
        background-color: var(--white-color);
        flex-direction: column;
        align-items: flex-start;
        padding: 5rem 2rem;
        box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
        transition: var(--transition);
        z-index: 999;
    }
    
    .tewNavbar.tewActive {
        right: 0;
    }
    
    .tewNavList {
        flex-direction: column;
        width: 100%;
    }
    
    .tewNavItem {
        width: 100%;
        margin-bottom: 1rem;
    }
    
    .tewNavLink {
        display: block;
        padding: 0.8rem 0;
        border-bottom: 1px solid var(--border-color);
    }
    
    .tewMobileMenu {
        display: block;
    }
    
    .tewHeroTitle {
        font-size: 2.5rem;
    }
    
    .tewHeroBtns {
        flex-direction: column;
    }
    
    .tewSectionTitle h2 {
        font-size: 2rem;
    }
    
    .tewFooterContent {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 576px) {
    .tewHeroTitle {
        font-size: 2rem;
    }
    
    .tewHeroText {
        font-size: 1rem;
    }
    
    .tewSectionTitle h2 {
        font-size: 1.8rem;
    }
    
    .tewFeatureCards,
    .tewCourseCards {
        grid-template-columns: 1fr;
    }
    
    .tewFooterContent {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
}