.elementor-kit-24{--e-global-color-primary:#1D1A00;--e-global-color-secondary:#54595F;--e-global-color-text:#343434;--e-global-color-accent:#008112;--e-global-color-a553cdc:#FACC15;--e-global-typography-primary-font-family:"iranyekanweb";--e-global-typography-primary-font-size:14px;--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"iranyekanweb";--e-global-typography-secondary-font-size:14px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"iranyekanweb";--e-global-typography-text-font-size:14px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"iranyekanweb";--e-global-typography-accent-font-size:14px;--e-global-typography-accent-font-weight:400;font-family:"iranyekanweb",  iranyekanweb;}.elementor-kit-24 e-page-transition{background-color:#FFBC7D;}.elementor-kit-24 a{font-family:"iranyekanweb",  iranyekanweb;font-size:14px;}.elementor-kit-24 h1{font-family:"iranyekanweb",  iranyekanweb;font-size:24px;}.elementor-kit-24 h2{font-family:"iranyekanweb",  iranyekanweb;font-size:22px;}.elementor-kit-24 h3{font-family:"iranyekanweb",  iranyekanweb;font-size:20px;}.elementor-kit-24 h4{font-family:"iranyekanweb",  iranyekanweb;font-size:18px;}.elementor-kit-24 h5{font-family:"iranyekanweb",  iranyekanweb;font-size:16px;}.elementor-kit-24 h6{font-family:"iranyekanweb",  iranyekanweb;font-size:14px;}.elementor-kit-24 button,.elementor-kit-24 input[type="button"],.elementor-kit-24 input[type="submit"],.elementor-kit-24 .elementor-button{border-radius:10px 10px 10px 10px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:10px;--container-default-padding-right:10px;--container-default-padding-bottom:10px;--container-default-padding-left:10px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* -------------------------------------------------------
   1. تنظیمات اولیه و فونت
   ------------------------------------------------------- 
*/
@import url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-font-face.css');

:root {
    /* پالت رنگی سازمانی گاما */
    --brand-yellow: #FACC15;       /* زرد اصلی */
    --brand-yellow-dark: #EAB308;  /* زرد تیره‌تر (هاور) */
    --brand-dark: #1F2937;         /* طوسی تیره (متون اصلی، فوتر) */
    --brand-gray: #9CA3AF;         /* طوسی روشن (متون فرعی) */
    --brand-light: #F3F4F6;        /* پس‌زمینه روشن */
    --brand-white: #FFFFFF;
}

body {
    font-family: 'Vazirmatn', sans-serif !important;
    background-color: var(--brand-light);
    color: var(--brand-dark);
}

/* -------------------------------------------------------
   2. کلاس‌های کاربردی (Utility Classes)
   ------------------------------------------------------- 
*/

/* پس‌زمینه پترن‌دار (برای سکشن هیرو) */
.hero-pattern {
    background-color: var(--brand-light);
    background-image: radial-gradient(#d1d5db 1px, transparent 1px);
    background-size: 24px 24px;
}

/* متن گرادینت زرد (برای تیترهای خاص) */
.gradient-text {
    background: linear-gradient(to left, #EAB308, #CA8A04);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* افکت سایه درخشان (برای دکمه‌های مهم) */
.shadow-glow {
    box-shadow: 0 0 15px rgba(250, 204, 21, 0.4);
}

/* -------------------------------------------------------
   3. استایل‌های اختصاصی بخش شعب (Tabbed Interface)
   ------------------------------------------------------- 
*/
.city-btn {
    transition: all 0.3s ease;
    cursor: pointer;
    border: 1px solid #e5e7eb;
    background-color: white;
    color: #6b7280;
}

.city-btn:hover {
    border-color: var(--brand-yellow);
    color: var(--brand-dark);
}

.city-btn.active {
    background-color: var(--brand-yellow) !important;
    color: var(--brand-dark) !important;
    border-color: transparent !important;
    box-shadow: 0 10px 15px -3px rgba(250, 204, 21, 0.3);
    font-weight: bold;
}

/* انیمیشن محتوا */
.animate-fade-in {
    animation: fadeIn 0.5s ease-out forwards;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* حذف اسکرول‌بار در لیست‌های افقی */
.hide-scroll::-webkit-scrollbar {
    display: none;
}
.hide-scroll {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* -------------------------------------------------------
   4. استایل لوگوی گاما (هدر)
   ------------------------------------------------------- 
*/
.gama-logo-link {
    display: flex;
    align-items: center;
    text-decoration: none !important;
    gap: 12px;
}

.gama-logo-box {
    width: 48px;
    height: 48px;
    background-color: var(--brand-yellow);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--brand-dark);
    font-family: sans-serif, 'Vazirmatn';
    font-weight: 900;
    font-size: 26px;
    box-shadow: 0 4px 15px rgba(250, 204, 21, 0.4);
    line-height: 1;
    padding-bottom: 4px;
}

.gama-logo-text {
    font-size: 30px;
    font-weight: 800;
    color: var(--brand-dark);
    line-height: 1;
}

/* -------------------------------------------------------
   5. کلاس‌های کمکی رنگ (Utility Colors) - جدید
   ------------------------------------------------------- 
*/
/* رنگ متن */
.text-brand-yellow { color: var(--brand-yellow) !important; }
.text-brand-dark { color: var(--brand-dark) !important; }
.text-brand-gray { color: var(--brand-gray) !important; }

/* رنگ پس‌زمینه */
.bg-brand-yellow { background-color: var(--brand-yellow) !important; }
.bg-brand-dark { background-color: var(--brand-dark) !important; }
.bg-brand-light { background-color: var(--brand-light) !important; }/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'iranyekanweb';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://gama-edu.com/wp-content/uploads/2024/07/iranyekanwebregularfanum.eot');
	src: url('https://gama-edu.com/wp-content/uploads/2024/07/iranyekanwebregularfanum.eot?#iefix') format('embedded-opentype'),
		url('https://gama-edu.com/wp-content/uploads/2024/07/iranyekanwebregularfanum.woff2') format('woff2'),
		url('https://gama-edu.com/wp-content/uploads/2024/07/iranyekanwebregularfanum.woff') format('woff'),
		url('https://gama-edu.com/wp-content/uploads/2024/07/iranyekanwebregularfanum.ttf') format('truetype'),
		url('https://gama-edu.com/wp-content/uploads/2024/07/iranyekanwebregularfanum.svg#iranyekanweb') format('svg');
}
/* End Custom Fonts CSS */