.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-af2f9e4:#75CCCE;--e-global-color-2ee2643:#EDC600;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1320px;}.e-con{--container-max-width:1320px;}.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);}@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. FONT FACE – LOUPETEAM GLOBAL PEYDA */

/* ------------------------------------------------ */

@font-face {

font-family: ‘Peyda’;

src: url(‘https://loupeteam.ir/wp-content/uploads/2025/11/PEYDA-THIN.ttf’) format(‘truetype’);

font-weight: 100;

}

@font-face {

font-family: ‘Peyda’;

src: url(‘https://loupeteam.ir/wp-content/uploads/2025/11/PEYDA-EXTRALIGHT.ttf’) format(‘truetype’);

font-weight: 200;

}

@font-face {

font-family: ‘Peyda’;

src: url(‘https://loupeteam.ir/wp-content/uploads/2025/11/PEYDA-LIGHT.ttf’) format(‘truetype’);

font-weight: 300;

}

@font-face {

font-family: ‘Peyda’;

src: url(‘https://loupeteam.ir/wp-content/uploads/2025/11/PEYDA-REGULAR.ttf’) format(‘truetype’);

font-weight: 400;

}

@font-face {

font-family: ‘Peyda’;

src: url(‘https://loupeteam.ir/wp-content/uploads/2025/11/PEYDA-MEDIUM.ttf’) format(‘truetype’);

font-weight: 500;

}

@font-face {

font-family: ‘Peyda’;

src: url(‘https://loupeteam.ir/wp-content/uploads/2025/11/PEYDA-SEMIBOLD.ttf’) format(‘truetype’);

font-weight: 600;

}

@font-face {

font-family: ‘Peyda’;

src: url(‘https://loupeteam.ir/wp-content/uploads/2025/11/PEYDA-BOLD.ttf’) format(‘truetype’);

font-weight: 700;

}

@font-face {

font-family: ‘Peyda’;

src: url(‘https://loupeteam.ir/wp-content/uploads/2025/11/PEYDA-EXTRABOLD.ttf’) format(‘truetype’);

font-weight: 800;

}

@font-face {

font-family: ‘Peyda’;

src: url(‘https://loupeteam.ir/wp-content/uploads/2025/11/PEYDA-BLACK.ttf’) format(‘truetype’);

font-weight: 900;

}

/* Global override */

body, html, .elementor *, .wp-block *, input, button, textarea {

font-family: ‘Peyda’, sans-serif !important;

}

/* ------------------------------------------------ */

/* 2. GLOBAL BRAND COLORS */

/* ------------------------------------------------ */

:root {

–aqua: #8FD6D1;

–yellow: #E3C229;

–dark: #1A1A1A;

–light: #ffffff;

–gray: #f7f7f7;

–radius: 0.9rem;

–shadow: 0 .25rem 1rem rgba(0,0,0,0.07);

}

/* ------------------------------------------------ */

/* 3. BODY + GLOBAL TEXT */

/* ------------------------------------------------ */

body {

background: var(–light);

color: var(–dark);

font-size: 1rem;

line-height: 1.9;

overflow-x: hidden;

}

/* Paragraphs */

p {

font-weight: 400;

margin-bottom: 1rem;

}

/* ------------------------------------------------ */

/* 4. HEADINGS (H1–H6) */

/* ------------------------------------------------ */

h1, h2, h3, h4, h5, h6 {

font-family: ‘Peyda’, sans-serif !important;

color: var(–dark);

font-weight: 800;

}

/* Sizes */

h1 { font-size: 2.2rem; }

h2 { font-size: 1.8rem; }

h3 { font-size: 1.45rem; }

h4 { font-size: 1.25rem; }

h5 { font-size: 1.1rem; }

h6 { font-size: 1rem; }

/* ------------------------------------------------ */

/* 5. LINKS */

/* ------------------------------------------------ */

a {

color: var(–aqua);

text-decoration: none;

transition: .25s ease;

}

a:hover {

color: var(–dark);

}

/* ------------------------------------------------ */

/* 6. BUTTONS (all themes + Elementor + WP) */

/* ------------------------------------------------ */

button, .button, input[type=submit], .wp-block-button__link {

background: var(–yellow);

color: var(–dark) !important;

padding: .8rem 1.6rem;

border-radius: var(–radius);

border: none;

font-weight: 600;

cursor: pointer;

transition: .25s;

}

button:hover, .button:hover, .wp-block-button__link:hover {

background: var(–dark);

color: var(–light) !important;

}

/* ------------------------------------------------ */

/* 7. FORM ELEMENTS */

/* ------------------------------------------------ */

input, select, textarea {

border-radius: var(–radius);

border: 1px solid #ddd;

padding: .7rem;

}

input:focus, textarea:focus {

border-color: var(–aqua);

box-shadow: 0 0 0 .2rem rgba(143,214,209,.3);

}

/* ------------------------------------------------ */

/* 8. GLOBAL SECTIONS (padding + layout) */

/* ------------------------------------------------ */

section, .elementor-section, .wp-block-group {

padding-top: 2.5rem;

padding-bottom: 2.5rem;

}

/* ------------------------------------------------ */

/* 9. BACKGROUND UTILITIES */

/* ------------------------------------------------ */

.bg-aqua { background: var(–aqua); }

.bg-yellow { background: var(–yellow); }

.bg-gray { background: var(–gray); }

.bg-light { background: var(–light); }

.bg-dark { background: var(–dark); color: var(–light); }

/* ------------------------------------------------ */

/* 10. GLOBAL CARDS */

/* ------------------------------------------------ */

.card, .wp-block-group.has-background {

border-radius: var(–radius);

box-shadow: var(–shadow);

padding: 1.5rem;

}

/* ------------------------------------------------ */

/* 11. HEADER + NAVIGATION */

/* ------------------------------------------------ */

header, .site-header, .main-header {

background: var(–light);

box-shadow: 0 .15rem .8rem rgba(0,0,0,.05);

}

header a, .main-menu a {

font-weight: 500;

color: var(–dark);

}

header a:hover {

color: var(–aqua);

}

/* ------------------------------------------------ */

/* 12. FOOTER */

/* ------------------------------------------------ */

footer {

background: var(–dark);

color: var(–light);

}

footer a {

color: var(–aqua);

}

/* ------------------------------------------------ */

/* 13. RESPONSIVE – MOBILE */

/* ------------------------------------------------ */

@media (max-width: 768px) {

h1 { font-size: 1.7rem; }

h2 { font-size: 1.5rem; }

}

/* ------------------------------------------------ */

/* 14. SMOOTHNESS + TRANSITIONS */

/* ------------------------------------------------ */

*, button, a {

transition: all .22s ease;

}/* End custom CSS */