/* ======================================== PRESCHOOL METHOD ======================================== */ .preschool-method { padding: 80px 20px; background: #fff; overflow: hidden; } .preschool-method__container { width: min(1200px, 100%); margin: 0 auto; } /* Heading ======================================== */ .preschool-method__heading { max-width: 850px; margin: 0 auto 48px; text-align: center; } .preschool-method__heading h2 { margin: 0 0 14px; color: #e31e36; font-size: clamp(28px, 3vw, 42px); line-height: 1.2; font-weight: 800; } .preschool-method__heading p { max-width: 700px; margin: 0 auto; color: #555; font-size: 18px; line-height: 1.7; } /* Grid ======================================== */ .preschool-method__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } /* Card ======================================== */ .method-card { position: relative; overflow: hidden; background: #fff; border-radius: 28px; box-shadow: 0 10px 35px rgba(0, 0, 0, 0.07); transition: transform 0.3s ease, box-shadow 0.3s ease; } .method-card:hover { transform: translateY(-8px); box-shadow: 0 18px 45px rgba(0, 0, 0, 0.12); } /* Image ======================================== */ .method-card__image { position: relative; aspect-ratio: 4 / 3; overflow: hidden; } .method-card__image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } .method-card:hover .method-card__image img { transform: scale(1.04); } /* Content ======================================== */ .method-card__content { position: relative; min-height: 270px; padding: 32px 30px 36px; } /* Icon ======================================== */ .method-card__icon { display: flex; align-items: center; justify-content: center; width: 58px; height: 58px; margin-top: -60px; margin-bottom: 20px; position: relative; z-index: 2; border-radius: 50%; background: #fff; font-size: 30px; font-weight: 700; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12); } /* Title ======================================== */ .method-card h3 { margin: 0 0 15px; font-size: 23px; line-height: 1.35; font-weight: 800; } .method-card p { margin: 0; color: #555; font-size: 16px; line-height: 1.7; } /* Card colors ======================================== */ .method-card--red { border-bottom: 5px solid #e31e36; } .method-card--red .method-card__icon { color: #e31e36; } .method-card--red h3 { color: #e31e36; } .method-card--green { border-bottom: 5px solid #72b44c; } .method-card--green .method-card__icon { color: #72b44c; } .method-card--green h3 { color: #65a943; } .method-card--orange { border-bottom: 5px solid #f2a623; } .method-card--orange .method-card__icon { color: #f2a623; } .method-card--orange h3 { color: #e9940b; } /* Decorative bottom ======================================== */ .method-card__content::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 8px; opacity: 0.15; } .method-card--red .method-card__content::after { background: #e31e36; } .method-card--green .method-card__content::after { background: #72b44c; } .method-card--orange .method-card__content::after { background: #f2a623; } /* ======================================== TABLET ======================================== */ @media (max-width: 991px) { .preschool-method { padding: 60px 20px; } .preschool-method__grid { grid-template-columns: 1fr 1fr; } .method-card:last-child { grid-column: 1 / -1; max-width: 580px; width: 100%; margin: 0 auto; } } /* ======================================== MOBILE ======================================== */ @media (max-width: 640px) { .preschool-method { padding: 50px 16px; } .preschool-method__heading { margin-bottom: 32px; } .preschool-method__heading h2 { font-size: 28px; } .preschool-method__heading p { font-size: 16px; } .preschool-method__grid { grid-template-columns: 1fr; gap: 20px; } .method-card:last-child { grid-column: auto; max-width: none; } .method-card__content { min-height: auto; padding: 28px 24px 32px; } .method-card__icon { width: 52px; height: 52px; margin-top: -50px; font-size: 26px; } .method-card h3 { font-size: 21px; } .method-card p { font-size: 15px; } }

Hotline TP Long Xuyên, AG
02963.941.780
Hotline TP Long Xuyên, AG
02963.941.780
Hotline Châu Đốc, AG
02963.666.888 (Nhấn phím 3)

CHƯƠNG TRÌNH HỌC

KHÓA HỌC TIẾNG ANH

TƯ VẤN NHANH

Bằng việc đăng ký thông tin, bạn đồng ý cho phép EVAS liên lạc qua cuộc gọi, tin nhắn, email để tư vấn chương trình Anh ngữ & nghiên cứu thị trường.

Họ và tên học viên

Số điện thoại liên hệ

Tỉnh/Thành phố

Khóa học

Bằng việc đăng ký thông tin, bạn đồng ý cho phép EVAS liên lạc qua cuộc gọi, tin nhắn, email để tư vấn chương trình Anh ngữ & nghiên cứu thị trường.

THÔNG TIN KHÁC

TIẾNG ANH PHÁT TRIỂN TRẺ TOÀN DIỆN (English for the Whole Child) là chương trình độc quyền của Trung tâm, tối đa hóa tài năng ngôn ngữ của trẻ và phát triển toàn diện cho trẻ 4-7 tuổi.

ĐĂNG KÝ TƯ VẤN TÌM HIỂU THÊM

ƯƠM DƯỠNG TÀI NĂNG - PHÁT TRIỂN TƯƠNG LAI

4-7 tuổi là độ tuổi vàng để giúp con làm quen với ngôn ngữ và phát triển nền tảng tư duy, xây dựng thói quen học tập suốt đời. Phương pháp học tập trải nghiệm cùng hệ thống giáo dục chuẩn quốc tế tại EVAS ươm dưỡng tài năng toàn diện về tư duy (IQ) và cảm xúc (EQ) – chìa khóa để con mở ra cánh cửa tương lai.