/* Page: Home */
:root { --primary: #FF6B35; --secondary: #F7931E; --tertiary: #C1292E; --highlight: #FBD872; --white: #FFFFFF; --dark: #1a1a1a; --light-grey: #f5f5f5; --text-dark: #2c2c2c; }
* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { font-family: Inter, sans-serif; color: var(--text-dark); line-height: 1.6; overflow-x: hidden; }
h1, h2, h3, h4, h5, h6 { font-family: Poppins, sans-serif; font-weight: 700; line-height: 1.2; }
.gmp-hero-section { position: relative; width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%); overflow: hidden; color: var(--white); }
.gmp-hero-bg-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 1; }
.gmp-hero-content { position: relative; z-index: 2; text-align: center; max-width: 1200px; padding: 0px 20px; }
.gmp-hero-headline { font-size: 4rem; font-weight: 900; margin-bottom: 1.5rem; color: var(--white); text-shadow: rgba(0, 0, 0, 0.3) 2px 2px 8px; animation: 1s ease-out 0s 1 normal none running gmpFadeInUp; }
.gmp-hero-subheadline { font-size: 1.5rem; font-weight: 400; margin-bottom: 3rem; color: var(--white); max-width: 800px; margin-left: auto; margin-right: auto; animation: 1.2s ease-out 0s 1 normal none running gmpFadeInUp; }
.gmp-hero-cta-container { display: flex; gap: 1.5rem; justify-content: center; flex-wrap: wrap; animation: 1.4s ease-out 0s 1 normal none running gmpFadeInUp; }
.gmp-btn-primary { padding: 18px 40px; font-size: 1.1rem; font-weight: 700; border: none; border-radius: 50px; cursor: pointer; transition: 0.3s; text-decoration: none; display: inline-block; font-family: Poppins, sans-serif; }
.gmp-btn-highlight { background: var(--highlight); color: var(--text-dark); box-shadow: rgba(251, 216, 114, 0.4) 0px 4px 15px; }
.gmp-btn-highlight:hover { transform: translateY(-3px); box-shadow: rgba(251, 216, 114, 0.6) 0px 6px 25px; }
.gmp-btn-outlined { background: transparent; color: var(--white); border: 3px solid var(--white); }
.gmp-btn-outlined:hover { background: var(--white); color: var(--primary); transform: translateY(-3px); }
@keyframes gmpFadeInUp { 
  0% { opacity: 0; transform: translateY(30px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.gmp-value-section { padding: 100px 20px; background: var(--white); text-align: center; }
.gmp-value-container { max-width: 1200px; margin: 0px auto; }
.gmp-value-headline { font-size: 3rem; color: var(--tertiary); margin-bottom: 4rem; }
.gmp-value-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 3rem; }
.gmp-value-card { background: var(--white); padding: 3rem 2rem; border-radius: 15px; box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 20px; transition: 0.3s; }
.gmp-value-card:hover { transform: translateY(-10px); box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 30px; }
.gmp-value-icon { width: 80px; height: 80px; margin: 0px auto 1.5rem; background: var(--primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2.5rem; color: var(--white); }
.gmp-value-card h3 { font-size: 1.8rem; color: var(--text-dark); margin-bottom: 1rem; }
.gmp-value-card p { font-size: 1.1rem; color: rgb(102, 102, 102); line-height: 1.8; }
.gmp-services-section { padding: 100px 20px; background: linear-gradient(180deg,var(--white) 0%,rgba(255,107,53,0.05) 100%); }
.gmp-services-container { max-width: 1200px; margin: 0px auto; text-align: center; }
.gmp-services-headline { font-size: 3rem; color: var(--tertiary); margin-bottom: 4rem; }
.gmp-services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 2rem; margin-bottom: 3rem; }
.gmp-service-card { background: var(--white); padding: 2.5rem 1.5rem; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 15px; transition: 0.3s; border: 2px solid transparent; }
.gmp-service-card:hover { transform: translateY(-8px); border-color: var(--primary); box-shadow: rgba(255, 107, 53, 0.2) 0px 8px 25px; }
.gmp-service-icon { font-size: 3rem; color: var(--secondary); margin-bottom: 1rem; }
.gmp-service-card h4 { font-size: 1.5rem; color: var(--text-dark); margin-bottom: 0.8rem; }
.gmp-service-card p { font-size: 1rem; color: rgb(102, 102, 102); line-height: 1.6; }
.gmp-btn-services { margin-top: 2rem; padding: 16px 35px; background: var(--primary); color: var(--white); border: none; border-radius: 50px; font-size: 1.1rem; font-weight: 700; cursor: pointer; transition: 0.3s; font-family: Poppins, sans-serif; }
.gmp-btn-services:hover { background: var(--secondary); transform: translateY(-3px); box-shadow: rgba(247, 147, 30, 0.4) 0px 5px 20px; }
.gmp-highlight-section { padding: 100px 20px; background: linear-gradient(135deg, rgba(193, 41, 46, 0.95) 0%, rgba(193, 41, 46, 0.85) 100%); color: var(--white); text-align: center; }
.gmp-highlight-container { max-width: 1200px; margin: 0px auto; }
.gmp-highlight-headline { font-size: 3rem; color: var(--white); margin-bottom: 3rem; }
.gmp-highlight-player { width: 100%; max-width: 900px; margin: 0px auto 3rem; border-radius: 15px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.4) 0px 10px 40px; }
.gmp-highlight-player img { width: 100%; height: auto; display: block; }
.gmp-highlight-thumbnails { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1rem; margin-bottom: 3rem; }
.gmp-thumbnail { border-radius: 8px; overflow: hidden; cursor: pointer; transition: 0.3s; border: 3px solid transparent; }
.gmp-thumbnail:hover { border-color: var(--highlight); transform: scale(1.05); }
.gmp-thumbnail img { width: 100%; height: 120px; object-fit: cover; display: block; }
.gmp-btn-portfolio { padding: 16px 35px; background: var(--highlight); color: var(--text-dark); border: none; border-radius: 50px; font-size: 1.1rem; font-weight: 700; cursor: pointer; transition: 0.3s; font-family: Poppins, sans-serif; }
.gmp-btn-portfolio:hover { transform: translateY(-3px); box-shadow: rgba(251, 216, 114, 0.6) 0px 5px 20px; }
.gmp-testimonials-section { padding: 100px 20px; background: var(--white); text-align: center; }
.gmp-testimonials-container { max-width: 1200px; margin: 0px auto; }
.gmp-testimonials-headline { font-size: 3rem; color: var(--primary); margin-bottom: 4rem; }
.gmp-testimonials-carousel { position: relative; overflow: hidden; }
.gmp-testimonials-track { display: flex; transition: transform 0.5s; }
.gmp-testimonial-card { min-width: 100%; padding: 3rem; background: var(--white); border: 2px solid var(--tertiary); border-radius: 15px; box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 20px; }
.gmp-testimonial-quote { font-size: 1.3rem; font-style: italic; color: var(--text-dark); margin-bottom: 2rem; line-height: 1.8; }
.gmp-testimonial-author { display: flex; align-items: center; justify-content: center; gap: 1rem; margin-bottom: 1rem; }
.gmp-testimonial-avatar { width: 60px; height: 60px; border-radius: 50%; overflow: hidden; }
.gmp-testimonial-avatar img { width: 100%; height: 100%; object-fit: cover; }
.gmp-testimonial-info h4 { font-size: 1.2rem; color: var(--text-dark); margin-bottom: 0.3rem; }
.gmp-testimonial-info p { font-size: 1rem; color: rgb(102, 102, 102); }
.gmp-testimonial-stars { color: var(--secondary); font-size: 1.5rem; margin-bottom: 1rem; }
.gmp-carousel-dots { display: flex; justify-content: center; gap: 0.8rem; margin-top: 2rem; }
.gmp-carousel-dot { width: 12px; height: 12px; border-radius: 50%; background: rgb(221, 221, 221); cursor: pointer; transition: 0.3s; }
.gmp-carousel-dot.active { background: var(--primary); width: 30px; border-radius: 6px; }
.gmp-stats-section { padding: 100px 20px; background: linear-gradient(135deg,var(--secondary) 0%,var(--primary) 100%); color: var(--white); text-align: center; }
.gmp-stats-container { max-width: 1200px; margin: 0px auto; }
.gmp-stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 3rem; }
.gmp-stat-item { padding: 2rem; }
.gmp-stat-icon { font-size: 3rem; color: var(--highlight); margin-bottom: 1rem; }
.gmp-stat-number { font-size: 4rem; font-weight: 900; color: var(--white); margin-bottom: 0.5rem; }
.gmp-stat-label { font-size: 1.2rem; color: var(--white); font-weight: 500; }
.gmp-why-section { padding: 100px 20px; background: var(--white); }
.gmp-why-container { max-width: 1200px; margin: 0px auto; }
.gmp-why-headline { font-size: 3rem; color: var(--tertiary); margin-bottom: 4rem; text-align: center; }
.gmp-why-content { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; }
.gmp-why-points { list-style: none; }
.gmp-why-points li { display: flex; align-items: flex-start; gap: 1rem; margin-bottom: 1.5rem; font-size: 1.1rem; color: var(--text-dark); }
.gmp-why-check { color: var(--primary); font-size: 1.5rem; font-weight: bold; }
.gmp-why-visual { border-radius: 15px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 30px; }
.gmp-why-visual img { width: 100%; height: auto; display: block; }
.gmp-blog-section { padding: 100px 20px; background: var(--light-grey); }
.gmp-blog-container { max-width: 1200px; margin: 0px auto; text-align: center; }
.gmp-blog-headline { font-size: 3rem; color: var(--primary); margin-bottom: 4rem; }
.gmp-blog-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; margin-bottom: 3rem; }
.gmp-blog-card { background: var(--white); border-radius: 12px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 20px; transition: 0.3s; text-align: left; }
.gmp-blog-card:hover { transform: translateY(-8px); box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 30px; }
.gmp-blog-image { width: 100%; height: 200px; overflow: hidden; }
.gmp-blog-image img { width: 100%; height: 100%; object-fit: cover; }
.gmp-blog-content { padding: 2rem; }
.gmp-blog-card h4 { font-size: 1.5rem; color: var(--text-dark); margin-bottom: 1rem; }
.gmp-blog-excerpt { font-size: 1rem; color: rgb(102, 102, 102); margin-bottom: 1rem; line-height: 1.6; }
.gmp-blog-link { color: var(--primary); font-weight: 600; text-decoration: none; transition: color 0.3s; }
.gmp-blog-link:hover { color: var(--secondary); }
.gmp-btn-blog { padding: 16px 35px; background: var(--secondary); color: var(--white); border: none; border-radius: 50px; font-size: 1.1rem; font-weight: 700; cursor: pointer; transition: 0.3s; font-family: Poppins, sans-serif; }
.gmp-btn-blog:hover { background: var(--primary); transform: translateY(-3px); box-shadow: rgba(255, 107, 53, 0.4) 0px 5px 20px; }
.gmp-final-cta-section { padding: 100px 20px; background: var(--tertiary); color: var(--white); text-align: center; }
.gmp-final-cta-container { max-width: 900px; margin: 0px auto; }
.gmp-final-cta-headline { font-size: 3.5rem; color: var(--white); margin-bottom: 1.5rem; }
.gmp-final-cta-text { font-size: 1.3rem; color: var(--white); margin-bottom: 3rem; }
.gmp-final-cta-buttons { display: flex; gap: 1.5rem; justify-content: center; flex-wrap: wrap; margin-bottom: 3rem; }
.gmp-btn-start { padding: 18px 40px; background: var(--highlight); color: var(--text-dark); border: none; border-radius: 50px; font-size: 1.1rem; font-weight: 700; cursor: pointer; transition: 0.3s; font-family: Poppins, sans-serif; }
.gmp-btn-start:hover { transform: translateY(-3px); box-shadow: rgba(251, 216, 114, 0.6) 0px 6px 25px; }
.gmp-btn-consult { padding: 18px 40px; background: transparent; color: var(--white); border: 3px solid var(--white); border-radius: 50px; font-size: 1.1rem; font-weight: 700; cursor: pointer; transition: 0.3s; font-family: Poppins, sans-serif; }
.gmp-btn-consult:hover { background: var(--white); color: var(--tertiary); transform: translateY(-3px); }
.gmp-contact-info { display: flex; gap: 2rem; justify-content: center; flex-wrap: wrap; color: var(--white); }
.gmp-contact-item { display: flex; align-items: center; gap: 0.5rem; font-size: 1.1rem; }
.gmp-contact-item i { font-size: 1.5rem; }
.gmp-footer { padding: 80px 20px 30px; background: var(--dark); color: var(--white); }
.gmp-footer-container { max-width: 1200px; margin: 0px auto; }
.gmp-footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 3rem; margin-bottom: 3rem; }
.gmp-footer-column h4 { font-size: 1.5rem; color: var(--white); margin-bottom: 1.5rem; }
.gmp-footer-column p, .gmp-footer-column ul { font-size: 1rem; color: rgb(204, 204, 204); line-height: 1.8; }
.gmp-footer-column ul { list-style: none; }
.gmp-footer-column ul li { margin-bottom: 0.8rem; }
.gmp-footer-column a { color: rgb(204, 204, 204); text-decoration: none; transition: color 0.3s; }
.gmp-footer-column a:hover { color: var(--secondary); }
.gmp-social-icons { display: flex; gap: 1rem; margin-top: 1rem; }
.gmp-social-icon { width: 40px; height: 40px; border-radius: 50%; background: var(--primary); display: flex; align-items: center; justify-content: center; color: var(--white); font-size: 1.2rem; transition: 0.3s; text-decoration: none; }
.gmp-social-icon:hover { background: var(--secondary); transform: translateY(-3px); }
.gmp-newsletter-form { display: flex; gap: 0.5rem; margin-top: 1rem; }
.gmp-newsletter-input { flex: 1 1 0%; padding: 12px 15px; border: none; border-radius: 25px; font-size: 1rem; }
.gmp-newsletter-submit { padding: 12px 25px; background: var(--highlight); color: var(--text-dark); border: none; border-radius: 25px; font-size: 1rem; font-weight: 700; cursor: pointer; transition: 0.3s; }
.gmp-newsletter-submit:hover { transform: translateY(-2px); box-shadow: rgba(251, 216, 114, 0.4) 0px 4px 15px; }
.gmp-footer-bottom { text-align: center; padding-top: 2rem; border-top: 1px solid rgb(51, 51, 51); color: rgb(153, 153, 153); font-size: 0.9rem; }
@media (max-width: 768px) {
  .gmp-hero-headline { font-size: 2.5rem; }
  .gmp-hero-subheadline { font-size: 1.2rem; }
  .gmp-value-headline, .gmp-services-headline, .gmp-highlight-headline, .gmp-testimonials-headline, .gmp-blog-headline, .gmp-why-headline { font-size: 2rem; }
  .gmp-final-cta-headline { font-size: 2.5rem; }
  .gmp-why-content { grid-template-columns: 1fr; }
  .gmp-hero-cta-container, .gmp-final-cta-buttons { flex-direction: column; align-items: center; }
  .gmp-btn-primary, .gmp-btn-services, .gmp-btn-portfolio, .gmp-btn-blog, .gmp-btn-start, .gmp-btn-consult { width: 100%; max-width: 300px; }
  .gmp-newsletter-form { flex-direction: column; }
}
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }

/* Page: Services */
* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { font-family: Inter, sans-serif; line-height: 1.6; color: rgb(26, 26, 26); overflow-x: hidden; }
.services-page-header { background: linear-gradient(135deg, rgb(255, 107, 53) 0%, rgb(247, 147, 30) 100%); padding: 120px 20px 80px; text-align: center; color: rgb(255, 255, 255); position: relative; overflow: hidden; }
.services-page-header::before { content: ""; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 1px, transparent 1px) 0% 0% / 50px 50px; animation: 20s linear 0s infinite normal none running headerPattern; opacity: 0.3; }
@keyframes headerPattern { 
  0% { transform: translate(0px, 0px); }
  100% { transform: translate(50px, 50px); }
}
.services-breadcrumb { font-size: 14px; margin-bottom: 20px; opacity: 0.9; position: relative; z-index: 1; }
.services-breadcrumb a { color: rgb(255, 255, 255); text-decoration: none; transition: opacity 0.3s; }
.services-breadcrumb a:hover { opacity: 0.7; }
.services-breadcrumb span { margin: 0px 8px; }
.services-page-header h1 { font-family: Poppins, sans-serif; font-size: 56px; font-weight: 800; margin-bottom: 20px; position: relative; z-index: 1; text-shadow: rgba(0, 0, 0, 0.1) 2px 2px 4px; }
.services-page-header p { font-size: 20px; max-width: 700px; margin: 0px auto; position: relative; z-index: 1; font-weight: 300; }
.services-intro-section { background: rgb(255, 255, 255); padding: 80px 20px; text-align: center; }
.services-intro-content { max-width: 900px; margin: 0px auto; }
.services-intro-content p { font-size: 18px; line-height: 1.8; color: rgb(51, 51, 51); margin-bottom: 20px; }
.services-intro-content .highlight { color: rgb(255, 107, 53); font-weight: 600; }
.services-service-block { padding: 100px 20px; }
.services-service-block:nth-child(2n+1) { background: rgb(255, 255, 255); }
.services-service-block.bg-highlight-tint { background: rgba(251, 216, 114, 0.1); }
.services-service-block.bg-primary-tint { background: rgba(255, 107, 53, 0.05); }
.services-service-block.bg-secondary-tint { background: rgba(247, 147, 30, 0.05); }
.services-service-block.bg-tertiary-tint { background: rgba(193, 41, 46, 0.05); }
.services-service-container { max-width: 1200px; margin: 0px auto; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.services-service-container.reverse { direction: rtl; }
.services-service-container.reverse > * { direction: ltr; }
.services-service-icon { text-align: center; }
.services-service-icon svg { width: 200px; height: 200px; filter: drop-shadow(rgba(0, 0, 0, 0.1) 0px 10px 30px); transition: transform 0.3s; }
.services-service-icon:hover svg { transform: scale(1.05) rotate(5deg); }
.services-service-content h2 { font-family: Poppins, sans-serif; font-size: 38px; font-weight: 700; color: rgb(193, 41, 46); margin-bottom: 20px; }
.services-service-content p { font-size: 17px; line-height: 1.8; color: rgb(51, 51, 51); margin-bottom: 25px; }
.services-service-content ul { list-style: none; margin: 25px 0px; padding: 0px; }
.services-service-content ul li { font-size: 16px; color: rgb(51, 51, 51); margin-bottom: 12px; padding-left: 30px; position: relative; }
.services-service-content ul li::before { content: "✓"; position: absolute; left: 0px; color: rgb(255, 107, 53); font-weight: 700; font-size: 18px; }
.services-service-platforms { background: rgba(0, 0, 0, 0.03); padding: 15px 20px; border-radius: 8px; margin: 25px 0px; font-size: 15px; color: rgb(85, 85, 85); }
.services-service-platforms strong { color: rgb(193, 41, 46); }
.services-btn { display: inline-block; padding: 14px 32px; border-radius: 50px; font-size: 16px; font-weight: 600; text-decoration: none; transition: 0.3s; cursor: pointer; border: none; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 15px; }
.services-btn-primary { background: rgb(255, 107, 53); color: rgb(255, 255, 255); }
.services-btn-primary:hover { background: rgb(229, 90, 40); transform: translateY(-2px); box-shadow: rgba(255, 107, 53, 0.3) 0px 6px 20px; }
.services-btn-secondary { background: rgb(247, 147, 30); color: rgb(255, 255, 255); }
.services-btn-secondary:hover { background: rgb(222, 130, 23); transform: translateY(-2px); box-shadow: rgba(247, 147, 30, 0.3) 0px 6px 20px; }
.services-btn-tertiary { background: rgb(193, 41, 46); color: rgb(255, 255, 255); }
.services-btn-tertiary:hover { background: rgb(165, 34, 38); transform: translateY(-2px); box-shadow: rgba(193, 41, 46, 0.3) 0px 6px 20px; }
.services-btn-highlight { background: rgb(251, 216, 114); color: rgb(26, 26, 26); }
.services-btn-highlight:hover { background: rgb(245, 202, 79); transform: translateY(-2px); box-shadow: rgba(251, 216, 114, 0.3) 0px 6px 20px; }
.services-pricing-section { background: rgb(248, 249, 250); padding: 80px 20px; text-align: center; }
.services-pricing-content { max-width: 1000px; margin: 0px auto; }
.services-pricing-content h2 { font-family: Poppins, sans-serif; font-size: 42px; font-weight: 700; color: rgb(193, 41, 46); margin-bottom: 25px; }
.services-pricing-content p { font-size: 18px; color: rgb(51, 51, 51); margin-bottom: 40px; line-height: 1.8; }
.services-pricing-features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; margin: 50px 0px; }
.services-pricing-feature { background: rgb(255, 255, 255); padding: 30px; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 20px; transition: transform 0.3s; }
.services-pricing-feature:hover { transform: translateY(-5px); }
.services-pricing-feature svg { width: 60px; height: 60px; margin-bottom: 20px; }
.services-pricing-feature h3 { font-size: 20px; font-weight: 600; color: rgb(193, 41, 46); margin-bottom: 10px; }
.services-pricing-feature p { font-size: 15px; color: rgb(85, 85, 85); }
.services-process-section { background: linear-gradient(135deg, rgba(255, 107, 53, 0.9) 0%, rgba(247, 147, 30, 0.9) 100%); padding: 80px 20px; color: rgb(255, 255, 255); text-align: center; }
.services-process-content { max-width: 1300px; margin: 0px auto; }
.services-process-content h2 { font-family: Poppins, sans-serif; font-size: 42px; font-weight: 700; margin-bottom: 60px; text-shadow: rgba(0, 0, 0, 0.1) 2px 2px 4px; }
.services-process-steps { display: grid; grid-template-columns: repeat(5, 1fr); gap: 30px; position: relative; }
.services-process-steps::before { content: ""; position: absolute; top: 50px; left: 10%; right: 10%; height: 3px; background: rgba(255, 255, 255, 0.4); z-index: 0; }
.services-process-step { position: relative; z-index: 1; }
.services-process-number { width: 100px; height: 100px; background: rgb(255, 255, 255); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0px auto 20px; font-size: 36px; font-weight: 700; color: rgb(255, 107, 53); box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 20px; }
.services-process-step h3 { font-size: 18px; font-weight: 600; margin-bottom: 12px; }
.services-process-step p { font-size: 14px; opacity: 0.95; line-height: 1.6; }
.services-cta-section { background: rgb(193, 41, 46); padding: 100px 20px; text-align: center; color: rgb(255, 255, 255); }
.services-cta-content { max-width: 900px; margin: 0px auto; }
.services-cta-content h2 { font-family: Poppins, sans-serif; font-size: 48px; font-weight: 700; margin-bottom: 20px; }
.services-cta-content p { font-size: 20px; margin-bottom: 40px; opacity: 0.95; }
.services-cta-buttons { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; margin-bottom: 50px; }
.services-btn-white-outline { background: transparent; color: rgb(255, 255, 255); border: 2px solid rgb(255, 255, 255); }
.services-btn-white-outline:hover { background: rgb(255, 255, 255); color: rgb(193, 41, 46); }
.services-contact-info { font-size: 16px; margin-top: 30px; opacity: 0.9; }
.services-contact-info p { margin: 8px 0px; }
@media (max-width: 968px) {
  .services-page-header h1 { font-size: 42px; }
  .services-page-header p { font-size: 18px; }
  .services-service-container, .services-service-container.reverse { grid-template-columns: 1fr; gap: 40px; direction: ltr; }
  .services-service-icon svg { width: 150px; height: 150px; }
  .services-service-content h2 { font-size: 32px; }
  .services-pricing-features { grid-template-columns: 1fr; }
  .services-process-steps { grid-template-columns: 1fr; gap: 40px; }
  .services-process-steps::before { display: none; }
  .services-cta-content h2 { font-size: 36px; }
  .services-cta-buttons { flex-direction: column; align-items: center; }
  .services-cta-buttons .services-btn { width: 100%; max-width: 300px; }
}
@media (max-width: 640px) {
  .services-page-header { padding: 80px 20px 60px; }
  .services-page-header h1 { font-size: 32px; }
  .services-page-header p { font-size: 16px; }
  .services-service-block { padding: 60px 20px; }
  .services-service-content h2 { font-size: 28px; }
  .services-service-content p, .services-service-content ul li { font-size: 15px; }
  .services-pricing-content h2, .services-process-content h2, .services-cta-content h2 { font-size: 28px; }
  .services-btn { padding: 12px 24px; font-size: 15px; }
}
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }

/* Page: Portfolio */
:root { --primary: #FF6B35; --secondary: #F7931E; --tertiary: #C1292E; --highlight: #FFD700; --white: #FFFFFF; --black: #1a1a1a; --light-grey: #f5f5f5; --dark-grey: #666666; --border-grey: #e0e0e0; }
* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { font-family: Inter, sans-serif; color: var(--black); line-height: 1.6; overflow-x: hidden; }
.portfolio-page-header { background: linear-gradient(135deg,var(--secondary) 0%,var(--primary) 100%); padding: 120px 20px 60px; text-align: center; position: relative; overflow: hidden; }
.portfolio-page-header::before { content: ""; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%); animation: 15s ease-in-out 0s infinite normal none running portfolio-pulse; }
@keyframes portfolio-pulse { 
  0%, 100% { transform: translate(0px, 0px) scale(1); }
  50% { transform: translate(5%, 5%) scale(1.1); }
}
.portfolio-breadcrumb { display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 20px; font-size: 14px; color: var(--white); flex-wrap: wrap; }
.portfolio-breadcrumb span { opacity: 0.9; }
.portfolio-breadcrumb a { color: var(--white); text-decoration: none; opacity: 0.8; transition: opacity 0.3s; }
.portfolio-breadcrumb a:hover { opacity: 1; text-decoration: underline; }
.portfolio-page-header h1 { font-family: "Playfair Display", serif; font-size: clamp(2.5rem, 6vw, 4.5rem); font-weight: 900; color: var(--white); margin-bottom: 20px; text-shadow: rgba(0, 0, 0, 0.2) 2px 4px 8px; position: relative; z-index: 1; }
.portfolio-page-header p { font-size: clamp(1.1rem, 2.5vw, 1.5rem); color: var(--white); max-width: 700px; margin: 0px auto; opacity: 0.95; font-weight: 400; position: relative; z-index: 1; }
.portfolio-filter-nav { background: var(--white); padding: 25px 20px; position: sticky; top: 0px; z-index: 100; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 15px; border-bottom: 3px solid var(--light-grey); }
.portfolio-filter-container { max-width: 1400px; margin: 0px auto; display: flex; justify-content: center; gap: 15px; flex-wrap: wrap; }
.portfolio-filter-btn { padding: 12px 28px; border: 2px solid var(--tertiary); background: var(--white); color: var(--black); font-size: 15px; font-weight: 600; cursor: pointer; border-radius: 30px; transition: 0.3s; font-family: Inter, sans-serif; white-space: nowrap; }
.portfolio-filter-btn:hover { background: var(--secondary); color: var(--white); border-color: var(--secondary); transform: translateY(-2px); }
.portfolio-filter-btn.active { background: var(--primary); color: var(--white); border-color: var(--primary); box-shadow: rgba(255, 107, 53, 0.3) 0px 4px 12px; }
.portfolio-intro-section { background: var(--white); padding: 80px 20px; text-align: center; }
.portfolio-intro-container { max-width: 1200px; margin: 0px auto; }
.portfolio-intro-text { font-size: 1.2rem; color: var(--dark-grey); max-width: 800px; margin: 0px auto 50px; line-height: 1.8; }
.portfolio-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 30px; max-width: 900px; margin: 0px auto; }
.portfolio-stat-item { padding: 30px; background: var(--light-grey); border-radius: 12px; transition: transform 0.3s, box-shadow 0.3s; }
.portfolio-stat-item:hover { transform: translateY(-5px); box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 20px; }
.portfolio-stat-number { font-size: 3rem; font-weight: 900; color: var(--primary); font-family: "Playfair Display", serif; line-height: 1; }
.portfolio-stat-label { font-size: 1rem; color: var(--dark-grey); margin-top: 10px; font-weight: 500; }
.portfolio-section { padding: 80px 20px; }
.portfolio-section.bg-light { background: var(--light-grey); }
.portfolio-section.bg-primary-tint { background: rgba(255, 107, 53, 0.05); }
.portfolio-section.bg-secondary-tint { background: rgba(247, 147, 30, 0.05); }
.portfolio-section-container { max-width: 1400px; margin: 0px auto; }
.portfolio-section-title { font-family: "Playfair Display", serif; font-size: clamp(2rem, 4vw, 3rem); font-weight: 700; color: var(--tertiary); text-align: center; margin-bottom: 50px; position: relative; padding-bottom: 20px; }
.portfolio-section-title::after { content: ""; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background: linear-gradient(90deg,var(--primary),var(--secondary)); border-radius: 2px; }
.portfolio-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); gap: 35px; margin-top: 40px; }
.portfolio-grid.grid-2 { grid-template-columns: repeat(auto-fill, minmax(450px, 1fr)); }
.portfolio-grid.grid-4 { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
.portfolio-card { background: var(--white); border-radius: 16px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 15px; transition: 0.4s; position: relative; cursor: pointer; border: 1px solid var(--border-grey); }
.portfolio-card:hover { transform: translateY(-8px); box-shadow: rgba(0, 0, 0, 0.15) 0px 12px 30px; }
.portfolio-card-image-wrapper { position: relative; overflow: hidden; aspect-ratio: 16 / 10; background: var(--light-grey); }
.portfolio-card-image-wrapper img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s; }
.portfolio-card:hover .portfolio-card-image-wrapper img { transform: scale(1.1); }
.portfolio-card-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(255, 107, 53, 0.95), rgba(247, 147, 30, 0.95)); display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 30px; opacity: 0; transition: opacity 0.4s; color: var(--white); text-align: center; }
.portfolio-card:hover .portfolio-card-overlay { opacity: 1; }
.portfolio-card-overlay h4 { font-size: 1.5rem; font-weight: 700; margin-bottom: 15px; }
.portfolio-card-overlay p { font-size: 1rem; line-height: 1.6; margin-bottom: 20px; }
.portfolio-card-overlay-btn { padding: 10px 25px; background: var(--white); color: var(--primary); border: none; border-radius: 25px; font-weight: 600; cursor: pointer; transition: 0.3s; }
.portfolio-card-overlay-btn:hover { background: var(--tertiary); color: var(--white); transform: scale(1.05); }
.portfolio-card-content { padding: 25px; }
.portfolio-card-title { font-size: 1.4rem; font-weight: 700; color: var(--black); margin-bottom: 8px; line-height: 1.3; }
.portfolio-card-subtitle { font-size: 0.95rem; color: var(--dark-grey); margin-bottom: 12px; font-weight: 500; }
.portfolio-card-description { font-size: 0.95rem; color: var(--dark-grey); line-height: 1.6; margin-bottom: 15px; }
.portfolio-card-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 15px; }
.portfolio-tag { padding: 5px 12px; background: rgba(247, 147, 30, 0.15); color: var(--secondary); font-size: 0.8rem; border-radius: 15px; font-weight: 600; }
.portfolio-card-link { display: inline-flex; align-items: center; gap: 8px; color: var(--primary); font-weight: 600; text-decoration: none; font-size: 0.95rem; transition: gap 0.3s; }
.portfolio-card-link:hover { gap: 12px; color: var(--tertiary); }
.portfolio-card-link::after { content: "→"; font-size: 1.2rem; }
.portfolio-video-card { position: relative; }
.portfolio-play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70px; height: 70px; background: var(--primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.3s; z-index: 5; box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 15px; }
.portfolio-play-btn::after { content: ""; width: 0px; height: 0px; border-left: 20px solid var(--white); border-top: 12px solid transparent; border-bottom: 12px solid transparent; margin-left: 5px; }
.portfolio-card:hover .portfolio-play-btn { background: var(--highlight); transform: translate(-50%, -50%) scale(1.15); }
.portfolio-app-card .portfolio-card-image-wrapper { aspect-ratio: 3 / 4; background: linear-gradient(135deg, rgb(102, 126, 234) 0%, rgb(118, 75, 162) 100%); }
.portfolio-app-platforms { display: flex; gap: 10px; margin-bottom: 12px; }
.portfolio-platform-badge { padding: 6px 12px; background: var(--black); color: var(--white); font-size: 0.75rem; border-radius: 8px; font-weight: 600; }
.portfolio-logo-card { text-align: center; padding: 30px; background: var(--white); border: 2px solid var(--border-grey); }
.portfolio-logo-card .portfolio-card-image-wrapper { aspect-ratio: 1 / 1; background: var(--light-grey); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }
.portfolio-logo-card .portfolio-card-image-wrapper img { width: 80%; height: 80%; object-fit: contain; }
.portfolio-color-palette { display: flex; justify-content: center; gap: 8px; margin-top: 15px; }
.portfolio-color-swatch { width: 35px; height: 35px; border-radius: 50%; border: 2px solid var(--white); box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; }
.portfolio-social-card { background: var(--white); }
.portfolio-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-top: 15px; padding-top: 15px; border-top: 2px solid var(--light-grey); }
.portfolio-metric-item { text-align: center; }
.portfolio-metric-value { font-size: 1.5rem; font-weight: 800; color: var(--highlight); line-height: 1; }
.portfolio-metric-label { font-size: 0.8rem; color: var(--dark-grey); margin-top: 5px; }
.portfolio-case-study { background: var(--white); border-radius: 16px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 20px; margin-bottom: 50px; }
.portfolio-case-study-image { width: 100%; aspect-ratio: 21 / 9; overflow: hidden; background: var(--light-grey); }
.portfolio-case-study-image img { width: 100%; height: 100%; object-fit: cover; }
.portfolio-case-study-content { padding: 50px; display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.portfolio-case-study-section { margin-bottom: 30px; }
.portfolio-case-study-section h3 { font-size: 1.5rem; font-weight: 700; color: var(--tertiary); margin-bottom: 15px; }
.portfolio-case-study-section p { font-size: 1rem; color: var(--dark-grey); line-height: 1.8; }
.portfolio-case-results { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 25px; margin-top: 30px; }
.portfolio-result-box { padding: 25px; background: var(--light-grey); border-radius: 12px; text-align: center; border-left: 4px solid var(--primary); }
.portfolio-result-number { font-size: 2.5rem; font-weight: 900; color: var(--primary); line-height: 1; }
.portfolio-result-label { font-size: 0.9rem; color: var(--dark-grey); margin-top: 8px; }
.portfolio-testimonial-box { background: linear-gradient(135deg, rgba(193, 41, 46, 0.05), rgba(255, 107, 53, 0.05)); padding: 30px; border-radius: 12px; border-left: 5px solid var(--secondary); margin-top: 30px; grid-column: 1 / -1; }
.portfolio-testimonial-text { font-size: 1.1rem; font-style: italic; color: var(--black); line-height: 1.8; margin-bottom: 20px; }
.portfolio-testimonial-author { font-weight: 700; color: var(--tertiary); font-size: 1rem; }
.portfolio-testimonial-company { font-size: 0.9rem; color: var(--dark-grey); margin-top: 5px; }
.portfolio-case-cta { display: inline-block; padding: 14px 32px; background: var(--secondary); color: var(--white); text-decoration: none; border-radius: 30px; font-weight: 600; margin-top: 20px; transition: 0.3s; grid-column: 1 / -1; justify-self: center; }
.portfolio-case-cta:hover { background: var(--tertiary); transform: translateY(-3px); box-shadow: rgba(193, 41, 46, 0.3) 0px 6px 20px; }
.portfolio-industries-section { background: var(--white); padding: 80px 20px; }
.portfolio-industries-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 30px; max-width: 1200px; margin: 0px auto; }
.portfolio-industry-item { text-align: center; padding: 30px 20px; background: var(--light-grey); border-radius: 12px; transition: 0.3s; border: 2px solid transparent; }
.portfolio-industry-item:hover { background: var(--white); border-color: var(--primary); transform: translateY(-5px); box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 20px; }
.portfolio-industry-icon { width: 70px; height: 70px; margin: 0px auto 20px; background: linear-gradient(135deg,var(--primary),var(--secondary)); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2rem; color: var(--white); }
.portfolio-industry-label { font-size: 1rem; font-weight: 600; color: var(--black); }
.portfolio-testimonial-section { background: linear-gradient(135deg,var(--tertiary) 0%,var(--primary) 100%); padding: 80px 20px; color: var(--white); }
.portfolio-testimonial-section .portfolio-section-title { color: var(--white); }
.portfolio-testimonial-section .portfolio-section-title::after { background: var(--white); }
.portfolio-testimonials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 35px; margin-top: 50px; }
.portfolio-testimonial-card { background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); padding: 35px; border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.2); transition: 0.3s; }
.portfolio-testimonial-card:hover { background: rgba(255, 255, 255, 0.15); transform: translateY(-5px); }
.portfolio-testimonial-card-quote { font-size: 1.1rem; font-style: italic; line-height: 1.8; margin-bottom: 25px; color: var(--white); }
.portfolio-testimonial-card-author { font-weight: 700; font-size: 1rem; color: var(--white); }
.portfolio-testimonial-card-details { font-size: 0.9rem; opacity: 0.9; margin-top: 5px; }
.portfolio-cta-section { background: var(--tertiary); padding: 100px 20px; text-align: center; color: var(--white); }
.portfolio-cta-container { max-width: 900px; margin: 0px auto; }
.portfolio-cta-title { font-family: "Playfair Display", serif; font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 900; margin-bottom: 20px; color: var(--white); }
.portfolio-cta-text { font-size: 1.3rem; margin-bottom: 40px; opacity: 0.95; }
.portfolio-cta-buttons { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-bottom: 40px; }
.portfolio-cta-btn { padding: 16px 40px; font-size: 1.1rem; font-weight: 700; border-radius: 35px; cursor: pointer; transition: 0.3s; text-decoration: none; display: inline-block; font-family: Inter, sans-serif; border: 2px solid transparent; }
.portfolio-cta-btn-primary { background: var(--highlight); color: var(--black); border-color: var(--highlight); }
.portfolio-cta-btn-primary:hover { background: var(--secondary); border-color: var(--secondary); color: var(--white); transform: translateY(-3px); box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 20px; }
.portfolio-cta-btn-secondary { background: transparent; color: var(--white); border-color: var(--white); }
.portfolio-cta-btn-secondary:hover { background: var(--white); color: var(--tertiary); transform: translateY(-3px); box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 20px; }
.portfolio-contact-info { font-size: 1rem; opacity: 0.9; }
.portfolio-contact-info a { color: var(--white); text-decoration: underline; font-weight: 600; }
.portfolio-modal { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); z-index: 1000; justify-content: center; align-items: center; padding: 20px; }
.portfolio-modal.active { display: flex; }
.portfolio-modal-content { position: relative; max-width: 900px; width: 100%; background: var(--white); border-radius: 16px; overflow: hidden auto; max-height: 90vh; }
.portfolio-modal-close { position: absolute; top: 20px; right: 20px; width: 40px; height: 40px; background: var(--white); border-radius: 50%; border: none; font-size: 1.5rem; cursor: pointer; z-index: 10; display: flex; align-items: center; justify-content: center; font-weight: 700; color: var(--black); box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 12px; transition: 0.3s; }
.portfolio-modal-close:hover { background: var(--tertiary); color: var(--white); transform: rotate(90deg); }
.portfolio-modal-video { width: 100%; aspect-ratio: 16 / 9; background: var(--black); }
.portfolio-modal-body { padding: 40px; }
.portfolio-modal-body h2 { font-size: 2rem; font-weight: 700; color: var(--tertiary); margin-bottom: 20px; }
.portfolio-modal-body p { font-size: 1rem; color: var(--dark-grey); line-height: 1.8; margin-bottom: 15px; }
.portfolio-carousel-container { position: relative; overflow: hidden; margin-top: 40px; }
.portfolio-carousel-track { display: flex; transition: transform 0.4s; }
.portfolio-carousel-item { min-width: 100%; padding: 0px 20px; }
.portfolio-carousel-controls { display: flex; justify-content: center; gap: 15px; margin-top: 30px; }
.portfolio-carousel-btn { width: 50px; height: 50px; border-radius: 50%; background: var(--primary); color: var(--white); border: none; font-size: 1.5rem; cursor: pointer; transition: 0.3s; display: flex; align-items: center; justify-content: center; }
.portfolio-carousel-btn:hover { background: var(--secondary); transform: scale(1.1); }
.portfolio-carousel-btn:disabled { background: var(--light-grey); color: var(--dark-grey); cursor: not-allowed; }
.portfolio-hidden { display: none; }
@media (max-width: 1024px) {
  .portfolio-grid { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
  .portfolio-grid.grid-2 { grid-template-columns: 1fr; }
  .portfolio-case-study-content { grid-template-columns: 1fr; padding: 30px; }
}
@media (max-width: 768px) {
  .portfolio-page-header { padding: 80px 20px 40px; }
  .portfolio-filter-container { gap: 10px; }
  .portfolio-filter-btn { padding: 10px 20px; font-size: 14px; }
  .portfolio-section { padding: 60px 20px; }
  .portfolio-grid, .portfolio-grid.grid-2, .portfolio-grid.grid-4 { grid-template-columns: 1fr; }
  .portfolio-stats { grid-template-columns: 1fr; }
  .portfolio-industries-grid { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 20px; }
  .portfolio-testimonials-grid { grid-template-columns: 1fr; }
  .portfolio-cta-buttons { flex-direction: column; align-items: center; }
  .portfolio-cta-btn { width: 100%; max-width: 300px; }
  .portfolio-case-study-content { padding: 25px; }
  .portfolio-modal-body { padding: 25px; }
}
@media (max-width: 480px) {
  .portfolio-page-header h1 { font-size: 2rem; }
  .portfolio-section-title { font-size: 1.8rem; }
  .portfolio-card-title { font-size: 1.2rem; }
  .portfolio-stat-number { font-size: 2.5rem; }
  .portfolio-filter-nav { padding: 15px 10px; }
  .portfolio-breadcrumb { font-size: 12px; }
}
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
[data-section-id="services-list"] { margin-top: 2rem; padding: 1.5rem; background: rgb(249, 249, 249); border-radius: 8px; }
[data-section-id="services-list"] h3 { font-size: 1.5rem; margin-bottom: 1rem; color: rgb(51, 51, 51); }
[data-section-id="services-list"] ul { list-style: none; padding: 0px; display: flex; flex-wrap: wrap; gap: 1rem; }
[data-section-id="services-list"] li { background: rgb(255, 255, 255); padding: 0.75rem 1.5rem; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px; font-size: 1rem; color: rgb(85, 85, 85); }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }

/* Page: About */
:root { --primary: #FF6B35; --secondary: #4ECDC4; --tertiary: #C1292E; --highlight: #FBD872; --white: #FFFFFF; --dark: #1a1a1a; --grey: #f5f5f5; --light-grey: #e8e8e8; }
* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { font-family: Inter, sans-serif; color: var(--dark); line-height: 1.6; overflow-x: hidden; }
.about-page-header { background: linear-gradient(135deg,var(--primary) 0%,var(--tertiary) 100%); padding: 120px 20px 80px; text-align: center; color: var(--white); position: relative; overflow: hidden; }
.about-page-header::before { content: ""; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 1px, transparent 1px) 0% 0% / 50px 50px; animation: 20s linear 0s infinite normal none running moveBackground; opacity: 0.3; }
@keyframes moveBackground { 
  0% { transform: translate(0px, 0px); }
  100% { transform: translate(50px, 50px); }
}
.about-page-header-content { max-width: 1200px; margin: 0px auto; position: relative; z-index: 2; }
.about-page-headline { font-family: Poppins, sans-serif; font-size: 3.5rem; font-weight: 800; margin-bottom: 20px; letter-spacing: -1px; text-shadow: rgba(0, 0, 0, 0.2) 2px 4px 12px; }
.about-page-subheadline { font-size: 1.5rem; font-weight: 300; margin-bottom: 30px; opacity: 0.95; }
.about-page-breadcrumb { display: flex; justify-content: center; align-items: center; gap: 10px; font-size: 0.95rem; opacity: 0.9; }
.about-page-breadcrumb span { color: var(--white); }
.about-page-breadcrumb-separator { color: var(--highlight); }
.about-intro-section { background: var(--white); padding: 100px 20px; }
.about-intro-container { max-width: 1200px; margin: 0px auto; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.about-intro-content h2 { font-family: Poppins, sans-serif; font-size: 2.8rem; color: var(--tertiary); margin-bottom: 30px; font-weight: 700; }
.about-intro-content p { font-size: 1.1rem; color: rgb(51, 51, 51); margin-bottom: 20px; line-height: 1.8; }
.about-intro-content .highlight-phrase { color: var(--primary); font-weight: 600; background: linear-gradient(120deg, rgba(255, 107, 53, 0.1) 0%, rgba(255, 107, 53, 0.1) 100%); padding: 2px 8px; border-radius: 4px; }
.about-intro-image-wrapper { position: relative; border-radius: 20px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.15) 0px 20px 60px; }
.about-intro-image-wrapper img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s; }
.about-intro-image-wrapper:hover img { transform: scale(1.05); }
.about-mission-vision-section { background: rgba(251, 216, 114, 0.15); padding: 100px 20px; }
.about-mission-vision-container { max-width: 1200px; margin: 0px auto; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; position: relative; }
.about-mission-vision-container::before { content: ""; position: absolute; left: 50%; top: 10%; bottom: 10%; width: 2px; background: linear-gradient(to bottom,transparent,var(--secondary),transparent); transform: translateX(-50%); }
.about-mission-box, .about-vision-box { padding: 40px; background: var(--white); border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 30px; transition: transform 0.3s, box-shadow 0.3s; }
.about-mission-box:hover, .about-vision-box:hover { transform: translateY(-8px); box-shadow: rgba(0, 0, 0, 0.12) 0px 15px 40px; }
.about-mission-icon, .about-vision-icon { width: 60px; height: 60px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 2rem; margin-bottom: 25px; }
.about-mission-icon { background: linear-gradient(135deg,var(--primary),#ff8555); color: var(--white); }
.about-vision-icon { background: linear-gradient(135deg,var(--secondary),#6ee7df); color: var(--white); }
.about-mission-box h3 { font-family: Poppins, sans-serif; font-size: 2rem; color: var(--primary); margin-bottom: 20px; font-weight: 700; }
.about-vision-box h3 { font-family: Poppins, sans-serif; font-size: 2rem; color: var(--secondary); margin-bottom: 20px; font-weight: 700; }
.about-mission-box p, .about-vision-box p { font-size: 1.05rem; color: rgb(68, 68, 68); line-height: 1.8; }
.about-values-section { background: var(--white); padding: 100px 20px; }
.about-values-container { max-width: 1200px; margin: 0px auto; }
.about-values-title { font-family: Poppins, sans-serif; font-size: 2.8rem; color: var(--tertiary); text-align: center; margin-bottom: 60px; font-weight: 700; }
.about-values-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
.about-value-card { padding: 40px 30px; background: var(--white); border: 2px solid var(--light-grey); border-radius: 16px; text-align: center; transition: 0.3s; position: relative; overflow: hidden; }
.about-value-card::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 4px; background: var(--primary); transform: scaleX(0); transition: transform 0.3s; }
.about-value-card:hover::before { transform: scaleX(1); }
.about-value-card:hover { transform: translateY(-10px); box-shadow: rgba(0, 0, 0, 0.12) 0px 15px 40px; }
.about-value-card:nth-child(1) { border-color: var(--primary); }
.about-value-card:nth-child(1)::before { background: var(--primary); }
.about-value-card:nth-child(2) { border-color: var(--secondary); }
.about-value-card:nth-child(2)::before { background: var(--secondary); }
.about-value-card:nth-child(3) { border-color: var(--tertiary); }
.about-value-card:nth-child(3)::before { background: var(--tertiary); }
.about-value-card:nth-child(4) { border-color: var(--highlight); }
.about-value-card:nth-child(4)::before { background: var(--highlight); }
.about-value-icon { width: 80px; height: 80px; margin: 0px auto 25px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2.5rem; }
.about-value-card:nth-child(1) .about-value-icon { background: linear-gradient(135deg,var(--primary),#ff8555); color: var(--white); }
.about-value-card:nth-child(2) .about-value-icon { background: linear-gradient(135deg,var(--secondary),#6ee7df); color: var(--white); }
.about-value-card:nth-child(3) .about-value-icon { background: linear-gradient(135deg,var(--tertiary),#e63946); color: var(--white); }
.about-value-card:nth-child(4) .about-value-icon { background: linear-gradient(135deg,var(--highlight),#fce38a); color: var(--dark); }
.about-value-card h3 { font-family: Poppins, sans-serif; font-size: 1.5rem; margin-bottom: 15px; font-weight: 600; color: var(--dark); }
.about-value-card p { font-size: 0.95rem; color: rgb(85, 85, 85); line-height: 1.7; }
.about-difference-section { background: rgba(255, 107, 53, 0.08); padding: 100px 20px; }
.about-difference-container { max-width: 1200px; margin: 0px auto; }
.about-difference-title { font-family: Poppins, sans-serif; font-size: 2.8rem; color: var(--tertiary); text-align: center; margin-bottom: 60px; font-weight: 700; }
.about-difference-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }
.about-difference-block { padding: 45px 35px; background: var(--white); border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 30px; transition: transform 0.3s, box-shadow 0.3s; }
.about-difference-block:hover { transform: translateY(-10px); box-shadow: rgba(0, 0, 0, 0.15) 0px 20px 50px; }
.about-difference-icon { width: 70px; height: 70px; border-radius: 12px; background: linear-gradient(135deg,var(--secondary),#6ee7df); color: var(--white); display: flex; align-items: center; justify-content: center; font-size: 2.2rem; margin-bottom: 25px; }
.about-difference-block h3 { font-family: Poppins, sans-serif; font-size: 1.7rem; color: var(--dark); margin-bottom: 18px; font-weight: 600; }
.about-difference-block p { font-size: 1.05rem; color: rgb(68, 68, 68); line-height: 1.8; }
.about-expertise-section { background: var(--white); padding: 100px 20px; }
.about-expertise-container { max-width: 1200px; margin: 0px auto; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.about-expertise-title { font-family: Poppins, sans-serif; font-size: 2.8rem; color: var(--primary); margin-bottom: 40px; font-weight: 700; }
.about-expertise-list { list-style: none; }
.about-expertise-item { display: flex; align-items: center; gap: 20px; padding: 18px 0px; border-bottom: 1px solid var(--light-grey); transition: padding-left 0.3s; }
.about-expertise-item:hover { padding-left: 10px; }
.about-expertise-item-icon { width: 50px; height: 50px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; color: var(--white); flex-shrink: 0; }
.about-expertise-item:nth-child(3n+1) .about-expertise-item-icon { background: linear-gradient(135deg,var(--primary),#ff8555); }
.about-expertise-item:nth-child(3n+2) .about-expertise-item-icon { background: linear-gradient(135deg,var(--secondary),#6ee7df); }
.about-expertise-item:nth-child(3n+3) .about-expertise-item-icon { background: linear-gradient(135deg,var(--tertiary),#e63946); }
.about-expertise-item span { font-size: 1.15rem; font-weight: 500; color: var(--dark); }
.about-expertise-visual { position: relative; border-radius: 20px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.15) 0px 20px 60px; }
.about-expertise-visual img { width: 100%; height: auto; display: block; }
.about-team-section { background: rgba(78, 205, 196, 0.08); padding: 100px 20px; }
.about-team-container { max-width: 1200px; margin: 0px auto; }
.about-team-title { font-family: Poppins, sans-serif; font-size: 2.8rem; color: var(--tertiary); text-align: center; margin-bottom: 25px; font-weight: 700; }
.about-team-intro { text-align: center; font-size: 1.15rem; color: rgb(68, 68, 68); max-width: 700px; margin: 0px auto 60px; line-height: 1.8; }
.about-team-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
.about-team-card { background: var(--white); border-radius: 16px; padding: 30px 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 30px; transition: 0.3s; border: 2px solid transparent; }
.about-team-card:hover { transform: translateY(-10px); border-color: var(--secondary); box-shadow: rgba(0, 0, 0, 0.15) 0px 20px 50px; }
.about-team-photo { width: 120px; height: 120px; border-radius: 50%; margin: 0px auto 20px; overflow: hidden; border: 4px solid var(--primary); }
.about-team-photo img { width: 100%; height: 100%; object-fit: cover; }
.about-team-card h4 { font-family: Poppins, sans-serif; font-size: 1.3rem; color: var(--dark); margin-bottom: 8px; font-weight: 600; }
.about-team-card .about-team-position { font-size: 0.95rem; color: var(--secondary); margin-bottom: 15px; font-weight: 500; }
.about-team-card .about-team-bio { font-size: 0.9rem; color: rgb(85, 85, 85); line-height: 1.6; margin-bottom: 20px; }
.about-team-social { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: var(--primary); color: var(--white); font-size: 1.1rem; transition: 0.3s; text-decoration: none; }
.about-team-social:hover { background: var(--tertiary); transform: scale(1.1); }
.about-approach-section { background: var(--white); padding: 100px 20px; }
.about-approach-container { max-width: 1200px; margin: 0px auto; }
.about-approach-title { font-family: Poppins, sans-serif; font-size: 2.8rem; color: var(--primary); text-align: center; margin-bottom: 30px; font-weight: 700; }
.about-approach-description { text-align: center; font-size: 1.15rem; color: rgb(68, 68, 68); max-width: 800px; margin: 0px auto 70px; line-height: 1.8; }
.about-approach-steps { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; position: relative; }
.about-approach-steps::before { content: ""; position: absolute; top: 60px; left: 10%; right: 10%; height: 2px; background: linear-gradient(to right,var(--primary),var(--secondary),var(--tertiary),var(--highlight),var(--primary)); z-index: 1; }
.about-approach-step { flex: 1 1 0%; text-align: center; position: relative; z-index: 2; }
.about-approach-step-icon { width: 120px; height: 120px; margin: 0px auto 25px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2.5rem; color: var(--white); position: relative; box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 30px; transition: transform 0.3s; }
.about-approach-step:hover .about-approach-step-icon { transform: scale(1.1); }
.about-approach-step:nth-child(1) .about-approach-step-icon { background: linear-gradient(135deg,var(--primary),#ff8555); }
.about-approach-step:nth-child(2) .about-approach-step-icon { background: linear-gradient(135deg,var(--secondary),#6ee7df); }
.about-approach-step:nth-child(3) .about-approach-step-icon { background: linear-gradient(135deg,var(--tertiary),#e63946); }
.about-approach-step:nth-child(4) .about-approach-step-icon { background: linear-gradient(135deg,var(--highlight),#fce38a); color: var(--dark); }
.about-approach-step:nth-child(5) .about-approach-step-icon { background: linear-gradient(135deg,var(--primary),var(--secondary)); }
.about-approach-step-number { position: absolute; top: -10px; right: -10px; width: 40px; height: 40px; border-radius: 50%; background: var(--white); color: var(--dark); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 1.2rem; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px; }
.about-approach-step h4 { font-family: Poppins, sans-serif; font-size: 1.3rem; color: var(--dark); margin-bottom: 15px; font-weight: 600; }
.about-approach-step p { font-size: 0.95rem; color: rgb(85, 85, 85); line-height: 1.7; }
.about-client-relationships-section { background: linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%); padding: 100px 20px; color: var(--white); }
.about-client-relationships-container { max-width: 1200px; margin: 0px auto; text-align: center; }
.about-client-relationships-title { font-family: Poppins, sans-serif; font-size: 2.8rem; margin-bottom: 30px; font-weight: 700; }
.about-client-relationships-content { font-size: 1.15rem; max-width: 800px; margin: 0px auto 60px; line-height: 1.8; opacity: 0.95; }
.about-client-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; }
.about-client-stat { padding: 30px 20px; }
.about-client-stat-icon { font-size: 2.5rem; margin-bottom: 15px; color: var(--highlight); }
.about-client-stat-number { font-family: Poppins, sans-serif; font-size: 3rem; font-weight: 800; margin-bottom: 10px; color: var(--white); text-shadow: rgba(0, 0, 0, 0.2) 2px 4px 8px; }
.about-client-stat-label { font-size: 1rem; opacity: 0.9; font-weight: 300; }
.about-recognition-section { background: var(--white); padding: 100px 20px; }
.about-recognition-container { max-width: 1200px; margin: 0px auto; text-align: center; }
.about-recognition-title { font-family: Poppins, sans-serif; font-size: 2.8rem; color: var(--tertiary); margin-bottom: 40px; font-weight: 700; }
.about-recognition-content { font-size: 1.1rem; color: rgb(68, 68, 68); max-width: 800px; margin: 0px auto 50px; line-height: 1.8; }
.about-recognition-logos { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; align-items: center; }
.about-recognition-badge { padding: 30px; background: var(--grey); border-radius: 12px; transition: 0.3s; }
.about-recognition-badge:hover { background: var(--light-grey); transform: translateY(-5px); box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 30px; }
.about-recognition-badge img { width: 100%; max-width: 150px; height: auto; opacity: 0.8; transition: opacity 0.3s; }
.about-recognition-badge:hover img { opacity: 1; }
.about-culture-section { background: rgba(251, 216, 114, 0.15); padding: 100px 20px; }
.about-culture-container { max-width: 1200px; margin: 0px auto; }
.about-culture-title { font-family: Poppins, sans-serif; font-size: 2.8rem; color: var(--primary); text-align: center; margin-bottom: 30px; font-weight: 700; }
.about-culture-description { text-align: center; font-size: 1.15rem; color: rgb(68, 68, 68); max-width: 800px; margin: 0px auto 50px; line-height: 1.8; }
.about-culture-image-wrapper { margin-bottom: 50px; border-radius: 20px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.15) 0px 20px 60px; }
.about-culture-image-wrapper img { width: 100%; height: auto; display: block; }
.about-culture-elements { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
.about-culture-element { padding: 30px 25px; background: var(--white); border-radius: 12px; text-align: center; box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 20px; transition: transform 0.3s; }
.about-culture-element:hover { transform: translateY(-8px); }
.about-culture-element-icon { width: 60px; height: 60px; margin: 0px auto 20px; border-radius: 12px; background: linear-gradient(135deg,var(--primary),var(--secondary)); color: var(--white); display: flex; align-items: center; justify-content: center; font-size: 1.8rem; }
.about-culture-element h4 { font-family: Poppins, sans-serif; font-size: 1.2rem; color: var(--dark); font-weight: 600; }
.about-testimonials-section { background: var(--white); padding: 100px 20px; }
.about-testimonials-container { max-width: 1200px; margin: 0px auto; }
.about-testimonials-title { font-family: Poppins, sans-serif; font-size: 2.8rem; color: var(--tertiary); text-align: center; margin-bottom: 60px; font-weight: 700; }
.about-testimonials-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }
.about-testimonial-card { padding: 40px 35px; background: var(--white); border-radius: 16px; border: 2px solid var(--light-grey); box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 30px; transition: 0.3s; position: relative; }
.about-testimonial-card::before { content: "❝"; position: absolute; top: 20px; left: 25px; font-size: 4rem; color: var(--primary); opacity: 0.2; font-family: Georgia, serif; }
.about-testimonial-card:hover { transform: translateY(-10px); border-color: var(--secondary); box-shadow: rgba(0, 0, 0, 0.15) 0px 20px 50px; }
.about-testimonial-stars { display: flex; gap: 5px; margin-bottom: 20px; justify-content: center; }
.about-testimonial-stars span { color: var(--secondary); font-size: 1.3rem; }
.about-testimonial-quote { font-size: 1.05rem; color: rgb(68, 68, 68); line-height: 1.8; margin-bottom: 25px; font-style: italic; }
.about-testimonial-client { display: flex; align-items: center; gap: 15px; padding-top: 20px; border-top: 1px solid var(--light-grey); }
.about-testimonial-photo { width: 60px; height: 60px; border-radius: 50%; overflow: hidden; border: 3px solid var(--primary); }
.about-testimonial-photo img { width: 100%; height: 100%; object-fit: cover; }
.about-testimonial-info h5 { font-family: Poppins, sans-serif; font-size: 1.1rem; color: var(--dark); margin-bottom: 5px; font-weight: 600; }
.about-testimonial-info p { font-size: 0.9rem; color: rgb(102, 102, 102); }
.about-cta-section { background: var(--tertiary); padding: 100px 20px; color: var(--white); text-align: center; }
.about-cta-container { max-width: 1000px; margin: 0px auto; }
.about-cta-title { font-family: Poppins, sans-serif; font-size: 3rem; margin-bottom: 25px; font-weight: 700; }
.about-cta-description { font-size: 1.2rem; margin-bottom: 40px; opacity: 0.95; line-height: 1.8; }
.about-cta-buttons { display: flex; gap: 20px; justify-content: center; margin-bottom: 50px; }
.about-cta-button-primary { padding: 18px 45px; background: var(--highlight); color: var(--dark); font-size: 1.1rem; font-weight: 600; border-radius: 50px; text-decoration: none; transition: 0.3s; border: none; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 25px; }
.about-cta-button-primary:hover { background: rgb(245, 209, 102); transform: translateY(-3px); box-shadow: rgba(0, 0, 0, 0.3) 0px 12px 35px; }
.about-cta-button-secondary { padding: 18px 45px; background: transparent; color: var(--white); font-size: 1.1rem; font-weight: 600; border-radius: 50px; border: 2px solid var(--white); text-decoration: none; transition: 0.3s; cursor: pointer; }
.about-cta-button-secondary:hover { background: var(--white); color: var(--tertiary); transform: translateY(-3px); }
.about-cta-contact { margin-bottom: 30px; }
.about-cta-contact-item { font-size: 1.1rem; margin: 10px 40px 10px 0px; display: inline-block; }
.about-cta-contact-item a { color: var(--white); text-decoration: none; transition: color 0.3s; }
.about-cta-contact-item a:hover { color: var(--highlight); }
.about-cta-social { display: flex; gap: 20px; justify-content: center; }
.about-cta-social-link { display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 50%; background: rgba(255, 255, 255, 0.1); color: var(--highlight); font-size: 1.5rem; transition: 0.3s; text-decoration: none; }
.about-cta-social-link:hover { background: var(--secondary); color: var(--white); transform: scale(1.15); }
@media (max-width: 1024px) {
  .about-page-headline { font-size: 2.8rem; }
  .about-intro-container, .about-expertise-container { grid-template-columns: 1fr; gap: 40px; }
  .about-intro-image-wrapper { max-height: 400px; }
  .about-mission-vision-container { gap: 40px; }
  .about-mission-vision-container::before { display: none; }
  .about-values-grid { grid-template-columns: repeat(2, 1fr); }
  .about-difference-grid { grid-template-columns: 1fr; gap: 30px; }
  .about-team-grid { grid-template-columns: repeat(2, 1fr); }
  .about-approach-steps { flex-direction: column; align-items: center; }
  .about-approach-steps::before { display: none; }
  .about-client-stats { grid-template-columns: repeat(2, 1fr); }
  .about-culture-elements { grid-template-columns: repeat(2, 1fr); }
  .about-testimonials-grid { grid-template-columns: 1fr; gap: 30px; }
}
@media (max-width: 768px) {
  .about-page-headline { font-size: 2.2rem; }
  .about-page-subheadline { font-size: 1.2rem; }
  .about-intro-content h2, .about-values-title, .about-difference-title, .about-expertise-title, .about-team-title, .about-approach-title, .about-client-relationships-title, .about-recognition-title, .about-culture-title, .about-testimonials-title { font-size: 2rem; }
  .about-values-grid { grid-template-columns: 1fr; }
  .about-team-grid { grid-template-columns: 1fr; }
  .about-client-stats { grid-template-columns: 1fr; gap: 30px; }
  .about-recognition-logos { grid-template-columns: repeat(2, 1fr); }
  .about-culture-elements { grid-template-columns: 1fr; }
  .about-cta-title { font-size: 2.2rem; }
  .about-cta-buttons { flex-direction: column; align-items: center; }
  .about-cta-button-primary, .about-cta-button-secondary { width: 100%; max-width: 300px; }
  .about-cta-contact-item { display: block; margin: 15px 0px; }
}
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }

/* Page: Consulting */
:root { --primary: #FF6B35; --secondary: #F7931E; --tertiary: #C1292E; --highlight: #FBD872; --white: #FFFFFF; --dark: #1a1a1a; --grey: #f5f5f5; --light-grey: #fafafa; }
* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { font-family: Inter, sans-serif; color: var(--dark); line-height: 1.6; overflow-x: hidden; }
.consulting-page { width: 100%; }
.consulting-hero { background: linear-gradient(135deg,var(--tertiary) 0%,var(--primary) 100%); padding: 120px 20px 80px; text-align: center; color: var(--white); position: relative; overflow: hidden; }
.consulting-hero::before { content: ""; position: absolute; top: -50%; right: -10%; width: 500px; height: 500px; background: rgba(255, 255, 255, 0.05); border-radius: 50%; z-index: 0; }
.consulting-hero::after { content: ""; position: absolute; bottom: -30%; left: -5%; width: 400px; height: 400px; background: rgba(255, 255, 255, 0.03); border-radius: 50%; z-index: 0; }
.consulting-hero-content { max-width: 900px; margin: 0px auto; position: relative; z-index: 1; }
.consulting-hero h1 { font-family: Poppins, sans-serif; font-size: 3.5rem; font-weight: 800; margin-bottom: 20px; letter-spacing: -1px; text-shadow: rgba(0, 0, 0, 0.2) 2px 4px 8px; }
.consulting-hero-subtitle { font-size: 1.5rem; font-weight: 400; margin-bottom: 30px; opacity: 0.95; }
.consulting-breadcrumb { display: flex; justify-content: center; gap: 10px; align-items: center; font-size: 0.95rem; opacity: 0.9; }
.consulting-breadcrumb span { color: var(--white); }
.consulting-breadcrumb span:not(:last-child)::after { content: "/"; margin-left: 10px; opacity: 0.6; }
.consulting-intro { background: var(--white); padding: 100px 20px; text-align: center; }
.consulting-container { max-width: 1200px; margin: 0px auto; }
.consulting-intro h2 { font-family: Poppins, sans-serif; font-size: 2.8rem; font-weight: 700; color: var(--dark); margin-bottom: 30px; }
.consulting-intro-content { max-width: 900px; margin: 0px auto; }
.consulting-intro p { font-size: 1.15rem; color: rgb(85, 85, 85); margin-bottom: 20px; line-height: 1.8; }
.consulting-intro .highlight { color: var(--primary); font-weight: 600; }
.consulting-intro-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; margin-top: 50px; }
.consulting-intro-card { background: var(--light-grey); padding: 30px; border-radius: 12px; transition: transform 0.3s, box-shadow 0.3s; }
.consulting-intro-card:hover { transform: translateY(-5px); box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 30px; }
.consulting-intro-card h3 { font-family: Poppins, sans-serif; font-size: 1.3rem; color: var(--primary); margin-bottom: 10px; font-weight: 600; }
.consulting-intro-card p { font-size: 1rem; color: rgb(102, 102, 102); }
.consulting-who-needs { background: rgba(251, 216, 114, 0.1); padding: 100px 20px; }
.consulting-who-needs h2 { font-family: Poppins, sans-serif; font-size: 2.5rem; font-weight: 700; color: var(--tertiary); text-align: center; margin-bottom: 60px; }
.consulting-who-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; max-width: 1200px; margin: 0px auto; }
.consulting-who-card { background: var(--white); padding: 40px; border-radius: 16px; text-align: center; box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 20px; transition: transform 0.3s, box-shadow 0.3s; }
.consulting-who-card:hover { transform: translateY(-8px); box-shadow: rgba(0, 0, 0, 0.12) 0px 15px 40px; }
.consulting-who-icon { width: 80px; height: 80px; background: linear-gradient(135deg,var(--primary),var(--secondary)); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0px auto 25px; font-size: 2.5rem; color: var(--white); box-shadow: rgba(255, 107, 53, 0.3) 0px 5px 15px; }
.consulting-who-card h3 { font-family: Poppins, sans-serif; font-size: 1.5rem; color: var(--tertiary); margin-bottom: 15px; font-weight: 600; }
.consulting-who-card p { font-size: 1.05rem; color: rgb(102, 102, 102); line-height: 1.7; }
.consulting-who-cta { text-align: center; margin-top: 50px; font-size: 1.3rem; color: var(--secondary); font-weight: 600; }
.consulting-areas { background: var(--white); padding: 100px 20px; }
.consulting-areas-header { text-align: center; margin-bottom: 80px; }
.consulting-areas-header h2 { font-family: Poppins, sans-serif; font-size: 2.8rem; font-weight: 700; color: var(--primary); margin-bottom: 20px; }
.consulting-area-item { max-width: 1200px; margin: 0px auto 80px; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; padding: 50px; border-radius: 20px; transition: box-shadow 0.3s; }
.consulting-area-item:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 40px; }
.consulting-area-item.reverse { direction: rtl; }
.consulting-area-item.reverse > * { direction: ltr; }
.consulting-area-bg-1 { background: var(--white); border: 2px solid rgb(240, 240, 240); }
.consulting-area-bg-2 { background: rgba(255, 107, 53, 0.05); }
.consulting-area-bg-3 { background: var(--white); border: 2px solid rgb(240, 240, 240); }
.consulting-area-bg-4 { background: rgba(247, 147, 30, 0.05); }
.consulting-area-bg-5 { background: var(--white); border: 2px solid rgb(240, 240, 240); }
.consulting-area-bg-6 { background: rgba(193, 41, 46, 0.05); }
.consulting-area-visual { display: flex; align-items: center; justify-content: center; }
.consulting-area-icon { width: 200px; height: 200px; background: linear-gradient(135deg,var(--primary),var(--secondary)); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 5rem; color: var(--white); box-shadow: rgba(255, 107, 53, 0.3) 0px 10px 30px; }
.consulting-area-icon.secondary { background: linear-gradient(135deg,var(--secondary),var(--highlight)); }
.consulting-area-icon.tertiary { background: linear-gradient(135deg,var(--tertiary),var(--primary)); }
.consulting-area-icon.highlight { background: var(--white); border: 4px solid var(--highlight); color: var(--highlight); }
.consulting-area-content h3 { font-family: Poppins, sans-serif; font-size: 2rem; color: var(--tertiary); margin-bottom: 20px; font-weight: 700; }
.consulting-area-content p { font-size: 1.1rem; color: rgb(85, 85, 85); margin-bottom: 20px; line-height: 1.8; }
.consulting-area-list { list-style: none; margin: 20px 0px; }
.consulting-area-list li { font-size: 1.05rem; color: rgb(102, 102, 102); margin-bottom: 10px; padding-left: 30px; position: relative; }
.consulting-area-list li::before { content: "✓"; position: absolute; left: 0px; color: var(--primary); font-weight: 700; font-size: 1.2rem; }
.consulting-area-benefits { margin-top: 30px; padding: 25px; background: rgba(255, 107, 53, 0.08); border-radius: 12px; border-left: 4px solid var(--primary); }
.consulting-area-benefits h4 { font-family: Poppins, sans-serif; font-size: 1.2rem; color: var(--tertiary); margin-bottom: 15px; font-weight: 600; }
.consulting-area-benefits ul { list-style: none; }
.consulting-area-benefits li { font-size: 1rem; color: rgb(102, 102, 102); margin-bottom: 8px; padding-left: 25px; position: relative; }
.consulting-area-benefits li::before { content: "▸"; position: absolute; left: 0px; color: var(--secondary); font-weight: 700; }
.consulting-process { background: var(--white); padding: 100px 20px; }
.consulting-process-header { text-align: center; margin-bottom: 80px; }
.consulting-process-header h2 { font-family: Poppins, sans-serif; font-size: 2.8rem; font-weight: 700; color: var(--primary); margin-bottom: 20px; }
.consulting-timeline { max-width: 900px; margin: 0px auto; position: relative; padding-left: 50px; }
.consulting-timeline::before { content: ""; position: absolute; left: 20px; top: 0px; bottom: 0px; width: 4px; background: linear-gradient(180deg,var(--primary),var(--secondary)); border-radius: 2px; }
.consulting-step { position: relative; margin-bottom: 60px; padding-left: 50px; }
.consulting-step-number { position: absolute; left: -30px; top: 0px; width: 60px; height: 60px; background: var(--white); border: 4px solid var(--primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: Poppins, sans-serif; font-size: 1.5rem; font-weight: 700; color: var(--primary); box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 15px; z-index: 2; }
.consulting-step:nth-child(2) .consulting-step-number { border-color: var(--secondary); color: var(--secondary); }
.consulting-step:nth-child(3) .consulting-step-number { border-color: var(--tertiary); color: var(--tertiary); }
.consulting-step:nth-child(4) .consulting-step-number { border-color: var(--highlight); color: var(--highlight); }
.consulting-step:nth-child(5) .consulting-step-number { border-color: var(--primary); color: var(--primary); }
.consulting-step:nth-child(6) .consulting-step-number { border-color: var(--secondary); color: var(--secondary); }
.consulting-step-content { background: var(--light-grey); padding: 30px; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.05) 0px 5px 20px; }
.consulting-step-content h3 { font-family: Poppins, sans-serif; font-size: 1.6rem; color: var(--tertiary); margin-bottom: 15px; font-weight: 600; }
.consulting-step-content p { font-size: 1.05rem; color: rgb(102, 102, 102); margin-bottom: 15px; line-height: 1.7; }
.consulting-step-list { list-style: none; margin-top: 15px; }
.consulting-step-list li { font-size: 1rem; color: rgb(85, 85, 85); margin-bottom: 8px; padding-left: 25px; position: relative; }
.consulting-step-list li::before { content: "•"; position: absolute; left: 8px; color: var(--primary); font-size: 1.5rem; line-height: 1; }
.consulting-packages { background: rgba(255, 107, 53, 0.03); padding: 100px 20px; }
.consulting-packages-header { text-align: center; margin-bottom: 70px; }
.consulting-packages-header h2 { font-family: Poppins, sans-serif; font-size: 2.8rem; font-weight: 700; color: var(--tertiary); margin-bottom: 20px; }
.consulting-packages-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 40px; max-width: 1200px; margin: 0px auto; }
.consulting-package-card { background: var(--white); padding: 50px 40px; border-radius: 20px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 40px; transition: transform 0.3s, box-shadow 0.3s; position: relative; border-top: 5px solid var(--primary); }
.consulting-package-card:nth-child(2) { border-top-color: var(--secondary); transform: scale(1.05); }
.consulting-package-card:nth-child(3) { border-top-color: var(--tertiary); }
.consulting-package-card:hover { transform: translateY(-10px) scale(1.02); box-shadow: rgba(0, 0, 0, 0.15) 0px 20px 60px; }
.consulting-package-badge { position: absolute; top: -15px; right: 30px; background: var(--highlight); color: var(--dark); padding: 8px 20px; border-radius: 20px; font-size: 0.85rem; font-weight: 700; box-shadow: rgba(251, 216, 114, 0.4) 0px 5px 15px; }
.consulting-package-icon { width: 100px; height: 100px; background: linear-gradient(135deg,var(--primary),var(--secondary)); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0px auto 25px; font-size: 3rem; color: var(--white); box-shadow: rgba(255, 107, 53, 0.3) 0px 10px 25px; }
.consulting-package-card:nth-child(2) .consulting-package-icon { background: linear-gradient(135deg,var(--secondary),var(--highlight)); }
.consulting-package-card:nth-child(3) .consulting-package-icon { background: linear-gradient(135deg,var(--tertiary),var(--primary)); }
.consulting-package-card h3 { font-family: Poppins, sans-serif; font-size: 1.8rem; color: var(--tertiary); margin-bottom: 15px; font-weight: 700; }
.consulting-package-best { font-size: 1rem; color: var(--secondary); margin-bottom: 25px; font-weight: 600; }
.consulting-package-features { list-style: none; text-align: left; margin: 30px 0px; }
.consulting-package-features li { font-size: 1.05rem; color: rgb(102, 102, 102); margin-bottom: 15px; padding-left: 35px; position: relative; line-height: 1.6; }
.consulting-package-features li::before { content: "✓"; position: absolute; left: 0px; color: var(--primary); font-weight: 700; font-size: 1.3rem; }
.consulting-package-btn { display: inline-block; padding: 15px 40px; background: var(--primary); color: var(--white); text-decoration: none; border-radius: 50px; font-weight: 600; font-size: 1.1rem; transition: 0.3s; margin-top: 20px; box-shadow: rgba(255, 107, 53, 0.3) 0px 5px 20px; }
.consulting-package-btn:hover { background: var(--tertiary); transform: translateY(-3px); box-shadow: rgba(193, 41, 46, 0.4) 0px 10px 30px; }
.consulting-package-card:nth-child(2) .consulting-package-btn { background: var(--secondary); }
.consulting-package-card:nth-child(2) .consulting-package-btn:hover { background: var(--primary); }
.consulting-package-card:nth-child(3) .consulting-package-btn { background: var(--tertiary); }
.consulting-package-card:nth-child(3) .consulting-package-btn:hover { background: var(--primary); }
.consulting-packages-custom { text-align: center; margin-top: 50px; font-size: 1.1rem; color: rgb(102, 102, 102); font-style: italic; }
.consulting-value { background: var(--white); padding: 100px 20px; }
.consulting-value-header { text-align: center; margin-bottom: 70px; }
.consulting-value-header h2 { font-family: Poppins, sans-serif; font-size: 2.8rem; font-weight: 700; color: var(--primary); margin-bottom: 20px; }
.consulting-value-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 40px; max-width: 1200px; margin: 0px auto; }
.consulting-value-card { background: var(--light-grey); padding: 40px; border-radius: 16px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; border-top: 4px solid var(--primary); }
.consulting-value-card:nth-child(2), .consulting-value-card:nth-child(6) { border-top-color: var(--secondary); }
.consulting-value-card:nth-child(3) { border-top-color: var(--tertiary); }
.consulting-value-card:nth-child(4) { border-top-color: var(--highlight); }
.consulting-value-card:hover { transform: translateY(-8px); box-shadow: rgba(0, 0, 0, 0.12) 0px 15px 40px; }
.consulting-value-icon { width: 80px; height: 80px; background: linear-gradient(135deg,var(--primary),var(--secondary)); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0px auto 20px; font-size: 2.5rem; color: var(--white); box-shadow: rgba(255, 107, 53, 0.3) 0px 8px 20px; }
.consulting-value-card:nth-child(2) .consulting-value-icon, .consulting-value-card:nth-child(6) .consulting-value-icon { background: linear-gradient(135deg,var(--secondary),var(--highlight)); }
.consulting-value-card:nth-child(3) .consulting-value-icon { background: linear-gradient(135deg,var(--tertiary),var(--primary)); }
.consulting-value-card:nth-child(4) .consulting-value-icon { background: linear-gradient(135deg,var(--highlight),var(--secondary)); }
.consulting-value-card h3 { font-family: Poppins, sans-serif; font-size: 1.5rem; color: var(--tertiary); margin-bottom: 15px; font-weight: 600; }
.consulting-value-card p { font-size: 1.05rem; color: rgb(102, 102, 102); line-height: 1.7; }
.consulting-success { background: rgba(247, 147, 30, 0.08); padding: 100px 20px; }
.consulting-success-header { text-align: center; margin-bottom: 70px; }
.consulting-success-header h2 { font-family: Poppins, sans-serif; font-size: 2.8rem; font-weight: 700; color: var(--tertiary); margin-bottom: 20px; }
.consulting-success-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 50px; max-width: 1200px; margin: 0px auto; }
.consulting-success-card { background: var(--white); padding: 40px; border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 40px; transition: transform 0.3s; }
.consulting-success-card:hover { transform: translateY(-8px); }
.consulting-success-industry { display: inline-block; padding: 8px 20px; background: var(--primary); color: var(--white); border-radius: 20px; font-size: 0.9rem; font-weight: 600; margin-bottom: 20px; }
.consulting-success-card:nth-child(2) .consulting-success-industry { background: var(--secondary); }
.consulting-success-card:nth-child(3) .consulting-success-industry { background: var(--tertiary); }
.consulting-success-card h3 { font-family: Poppins, sans-serif; font-size: 1.4rem; color: var(--tertiary); margin-bottom: 15px; font-weight: 600; }
.consulting-success-card h4 { font-family: Poppins, sans-serif; font-size: 1.2rem; color: var(--primary); margin: 20px 0px 10px; font-weight: 600; }
.consulting-success-card p { font-size: 1.05rem; color: rgb(102, 102, 102); margin-bottom: 15px; line-height: 1.7; }
.consulting-success-results { background: rgba(251, 216, 114, 0.15); padding: 25px; border-radius: 12px; margin: 20px 0px; }
.consulting-success-results p { font-size: 1.1rem; color: var(--dark); font-weight: 600; margin-bottom: 10px; }
.consulting-success-quote { font-style: italic; color: rgb(85, 85, 85); border-left: 4px solid var(--secondary); padding-left: 20px; margin-top: 20px; font-size: 1.05rem; }
.consulting-faq { background: var(--white); padding: 100px 20px; }
.consulting-faq-header { text-align: center; margin-bottom: 70px; }
.consulting-faq-header h2 { font-family: Poppins, sans-serif; font-size: 2.8rem; font-weight: 700; color: var(--primary); margin-bottom: 20px; }
.consulting-faq-container { max-width: 900px; margin: 0px auto; }
.consulting-faq-item { background: var(--light-grey); margin-bottom: 20px; border-radius: 12px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.05) 0px 5px 15px; transition: box-shadow 0.3s; }
.consulting-faq-item:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 25px; }
.consulting-faq-question { padding: 25px 30px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; background: var(--light-grey); transition: background 0.3s; }
.consulting-faq-question:hover { background: rgb(235, 235, 235); }
.consulting-faq-question h3 { font-family: Poppins, sans-serif; font-size: 1.3rem; color: var(--tertiary); font-weight: 600; margin: 0px; flex: 1 1 0%; }
.consulting-faq-icon { font-size: 1.5rem; color: var(--secondary); transition: transform 0.3s; font-weight: 700; }
.consulting-faq-item.active .consulting-faq-icon { transform: rotate(45deg); }
.consulting-faq-answer { max-height: 0px; overflow: hidden; transition: max-height 0.4s, padding 0.4s; background: var(--white); }
.consulting-faq-item.active .consulting-faq-answer { max-height: 500px; padding: 25px 30px; }
.consulting-faq-answer p { font-size: 1.05rem; color: rgb(102, 102, 102); line-height: 1.8; margin: 0px; }
.consulting-booking { background: linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%); padding: 100px 20px; color: var(--white); text-align: center; }
.consulting-booking-content { max-width: 900px; margin: 0px auto; }
.consulting-booking h2 { font-family: Poppins, sans-serif; font-size: 3rem; font-weight: 800; margin-bottom: 30px; text-shadow: rgba(0, 0, 0, 0.2) 2px 4px 8px; }
.consulting-booking-options { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin: 50px 0px; }
.consulting-booking-btn { display: inline-block; padding: 20px 45px; background: var(--highlight); color: var(--dark); text-decoration: none; border-radius: 50px; font-weight: 700; font-size: 1.2rem; transition: 0.3s; box-shadow: rgba(251, 216, 114, 0.4) 0px 8px 25px; }
.consulting-booking-btn:hover { transform: translateY(-5px); box-shadow: rgba(251, 216, 114, 0.6) 0px 15px 40px; }
.consulting-booking-btn.outline { background: transparent; border: 3px solid var(--white); color: var(--white); }
.consulting-booking-btn.outline:hover { background: var(--white); color: var(--primary); }
.consulting-booking-contact { margin-top: 50px; font-size: 1.1rem; opacity: 0.95; }
.consulting-booking-contact p { margin-bottom: 10px; }
.consulting-booking-checklist { text-align: left; max-width: 600px; margin: 40px auto 0px; background: rgba(255, 255, 255, 0.1); padding: 30px; border-radius: 12px; backdrop-filter: blur(10px); }
.consulting-booking-checklist h4 { font-family: Poppins, sans-serif; font-size: 1.4rem; margin-bottom: 20px; font-weight: 600; }
.consulting-booking-checklist ul { list-style: none; }
.consulting-booking-checklist li { font-size: 1.05rem; margin-bottom: 12px; padding-left: 30px; position: relative; }
.consulting-booking-checklist li::before { content: "✓"; position: absolute; left: 0px; font-weight: 700; font-size: 1.3rem; }
.consulting-why-choose { background: var(--white); padding: 100px 20px; }
.consulting-why-header { text-align: center; margin-bottom: 70px; }
.consulting-why-header h2 { font-family: Poppins, sans-serif; font-size: 2.8rem; font-weight: 700; color: var(--tertiary); margin-bottom: 20px; }
.consulting-why-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 40px; max-width: 1200px; margin: 0px auto; }
.consulting-why-card { background: var(--light-grey); padding: 40px; border-radius: 16px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; border-top: 4px solid var(--primary); }
.consulting-why-card:nth-child(2) { border-top-color: var(--secondary); }
.consulting-why-card:nth-child(3) { border-top-color: var(--tertiary); }
.consulting-why-card:nth-child(4) { border-top-color: var(--highlight); }
.consulting-why-card:hover { transform: translateY(-8px); box-shadow: rgba(0, 0, 0, 0.12) 0px 15px 40px; }
.consulting-why-icon { width: 80px; height: 80px; background: linear-gradient(135deg,var(--primary),var(--secondary)); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0px auto 20px; font-size: 2.5rem; color: var(--white); box-shadow: rgba(255, 107, 53, 0.3) 0px 8px 20px; }
.consulting-why-card:nth-child(2) .consulting-why-icon { background: linear-gradient(135deg,var(--secondary),var(--highlight)); }
.consulting-why-card:nth-child(3) .consulting-why-icon { background: linear-gradient(135deg,var(--tertiary),var(--primary)); }
.consulting-why-card:nth-child(4) .consulting-why-icon { background: linear-gradient(135deg,var(--highlight),var(--secondary)); }
.consulting-why-card h3 { font-family: Poppins, sans-serif; font-size: 1.5rem; color: var(--tertiary); margin-bottom: 15px; font-weight: 600; }
.consulting-why-card p { font-size: 1.05rem; color: rgb(102, 102, 102); line-height: 1.7; }
.consulting-final-cta { background: var(--tertiary); padding: 100px 20px; color: var(--white); text-align: center; }
.consulting-final-content { max-width: 800px; margin: 0px auto; }
.consulting-final-cta h2 { font-family: Poppins, sans-serif; font-size: 3rem; font-weight: 800; margin-bottom: 25px; text-shadow: rgba(0, 0, 0, 0.2) 2px 4px 8px; }
.consulting-final-cta p { font-size: 1.3rem; margin-bottom: 40px; opacity: 0.95; }
.consulting-final-btn { display: inline-block; padding: 20px 50px; background: var(--highlight); color: var(--dark); text-decoration: none; border-radius: 50px; font-weight: 700; font-size: 1.3rem; transition: 0.3s; margin-bottom: 25px; box-shadow: rgba(251, 216, 114, 0.4) 0px 8px 25px; }
.consulting-final-btn:hover { transform: translateY(-5px); box-shadow: rgba(251, 216, 114, 0.6) 0px 15px 40px; }
.consulting-final-link { display: block; color: var(--white); font-size: 1.1rem; text-decoration: underline; transition: opacity 0.3s; }
.consulting-final-link:hover { opacity: 0.8; }
@media (max-width: 1024px) {
  .consulting-hero h1 { font-size: 2.8rem; }
  .consulting-hero-subtitle { font-size: 1.3rem; }
  .consulting-intro h2, .consulting-areas-header h2, .consulting-process-header h2, .consulting-packages-header h2, .consulting-value-header h2, .consulting-success-header h2, .consulting-faq-header h2, .consulting-why-header h2 { font-size: 2.3rem; }
  .consulting-area-item { grid-template-columns: 1fr; gap: 40px; padding: 40px; }
  .consulting-area-item.reverse { direction: ltr; }
  .consulting-timeline { padding-left: 30px; }
  .consulting-timeline::before { left: 15px; }
  .consulting-step-number { left: -15px; width: 50px; height: 50px; font-size: 1.2rem; }
}
@media (max-width: 768px) {
  .consulting-hero { padding: 100px 20px 60px; }
  .consulting-hero h1 { font-size: 2.2rem; }
  .consulting-hero-subtitle { font-size: 1.1rem; }
  .consulting-breadcrumb { flex-wrap: wrap; font-size: 0.85rem; }
  .consulting-intro, .consulting-who-needs, .consulting-areas, .consulting-process, .consulting-packages, .consulting-value, .consulting-success, .consulting-faq, .consulting-booking, .consulting-why-choose, .consulting-final-cta { padding: 70px 20px; }
  .consulting-intro h2, .consulting-areas-header h2, .consulting-process-header h2, .consulting-packages-header h2, .consulting-value-header h2, .consulting-success-header h2, .consulting-faq-header h2, .consulting-why-header h2 { font-size: 2rem; }
  .consulting-who-grid, .consulting-value-grid, .consulting-success-grid, .consulting-why-grid { grid-template-columns: 1fr; gap: 30px; }
  .consulting-packages-grid { grid-template-columns: 1fr; }
  .consulting-package-card:nth-child(2) { transform: scale(1); }
  .consulting-area-icon { width: 150px; height: 150px; font-size: 4rem; }
  .consulting-booking h2, .consulting-final-cta h2 { font-size: 2.2rem; }
  .consulting-booking-options { grid-template-columns: 1fr; }
  .consulting-final-btn, .consulting-booking-btn { padding: 18px 35px; font-size: 1.1rem; }
}
@media (max-width: 480px) {
  .consulting-hero h1 { font-size: 1.8rem; }
  .consulting-hero-subtitle { font-size: 1rem; }
  .consulting-intro h2 { font-size: 1.6rem; }
  .consulting-who-card, .consulting-value-card, .consulting-success-card, .consulting-why-card, .consulting-package-card { padding: 30px; }
  .consulting-area-item { padding: 30px; }
  .consulting-area-icon { width: 120px; height: 120px; font-size: 3rem; }
  .consulting-step { padding-left: 30px; }
  .consulting-step-number { width: 40px; height: 40px; font-size: 1rem; left: -10px; }
  .consulting-faq-question h3 { font-size: 1.1rem; }
  .consulting-booking h2, .consulting-final-cta h2 { font-size: 1.8rem; }
}
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }

/* Page: Contact */
* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { font-family: Inter, sans-serif; line-height: 1.6; color: rgb(26, 26, 26); overflow-x: hidden; }
.contact-page-wrapper { width: 100%; overflow: hidden; }
.contact-header-section { background: linear-gradient(135deg, rgb(255, 107, 53) 0%, rgb(193, 41, 46) 100%); padding: 120px 20px 80px; text-align: center; color: rgb(255, 255, 255); position: relative; }
.contact-breadcrumb { font-size: 14px; margin-bottom: 20px; opacity: 0.95; }
.contact-breadcrumb a { color: rgb(255, 255, 255); text-decoration: none; margin: 0px 5px; }
.contact-breadcrumb span { margin: 0px 8px; }
.contact-header-title { font-family: Poppins, sans-serif; font-size: 56px; font-weight: 800; margin-bottom: 20px; letter-spacing: -1px; }
.contact-header-subtitle { font-size: 22px; font-weight: 300; opacity: 0.95; max-width: 700px; margin: 0px auto; }
.contact-intro-section { background: rgb(255, 255, 255); padding: 80px 20px; text-align: center; }
.contact-intro-container { max-width: 900px; margin: 0px auto; }
.contact-intro-title { font-family: Poppins, sans-serif; font-size: 38px; font-weight: 700; color: rgb(255, 107, 53); margin-bottom: 20px; }
.contact-intro-text { font-size: 18px; color: rgb(68, 68, 68); line-height: 1.8; margin-bottom: 40px; }
.contact-intro-features { display: flex; justify-content: center; gap: 60px; flex-wrap: wrap; }
.contact-intro-feature { text-align: center; }
.contact-intro-icon { width: 60px; height: 60px; background: rgb(251, 216, 114); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0px auto 15px; font-size: 28px; color: rgb(255, 107, 53); }
.contact-intro-feature-title { font-weight: 600; font-size: 16px; color: rgb(26, 26, 26); margin-bottom: 5px; }
.contact-intro-feature-text { font-size: 14px; color: rgb(102, 102, 102); }
.contact-methods-section { background: rgba(251, 216, 114, 0.1); padding: 80px 20px; }
.contact-methods-container { max-width: 1200px; margin: 0px auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; }
.contact-method-card { background: rgb(255, 255, 255); padding: 40px 30px; border-radius: 12px; text-align: center; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 20px; transition: transform 0.3s, box-shadow 0.3s; }
.contact-method-card:hover { transform: translateY(-8px); box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 30px; }
.contact-method-icon { width: 80px; height: 80px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0px auto 25px; font-size: 36px; }
.contact-method-icon.primary { background: rgba(255, 107, 53, 0.15); color: rgb(255, 107, 53); }
.contact-method-icon.secondary { background: rgba(251, 216, 114, 0.3); color: rgb(232, 164, 25); }
.contact-method-icon.tertiary { background: rgba(193, 41, 46, 0.15); color: rgb(193, 41, 46); }
.contact-method-title { font-family: Poppins, sans-serif; font-size: 24px; font-weight: 600; color: rgb(26, 26, 26); margin-bottom: 15px; }
.contact-method-detail { font-size: 18px; font-weight: 600; color: rgb(255, 107, 53); margin-bottom: 10px; }
.contact-method-detail a { color: rgb(255, 107, 53); text-decoration: none; transition: color 0.3s; }
.contact-method-detail a:hover { color: rgb(193, 41, 46); }
.contact-method-note { font-size: 14px; color: rgb(102, 102, 102); }
.contact-form-section { background: rgb(255, 255, 255); padding: 80px 20px; }
.contact-form-container { max-width: 1300px; margin: 0px auto; }
.contact-form-section-title { font-family: Poppins, sans-serif; font-size: 42px; font-weight: 700; color: rgb(255, 107, 53); text-align: center; margin-bottom: 60px; }
.contact-form-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 50px; }
.contact-form-main { background: rgb(255, 255, 255); }
.contact-form-group { margin-bottom: 25px; }
.contact-form-label { display: block; font-weight: 600; color: rgb(26, 26, 26); margin-bottom: 8px; font-size: 15px; }
.contact-form-label.required::after { content: "*"; color: rgb(193, 41, 46); margin-left: 4px; }
.contact-form-input, .contact-form-select, .contact-form-textarea { width: 100%; padding: 14px 16px; border: 2px solid rgb(224, 224, 224); border-radius: 8px; font-size: 15px; font-family: Inter, sans-serif; transition: border-color 0.3s; background: rgb(255, 255, 255); color: rgb(26, 26, 26); }
.contact-form-input:focus, .contact-form-select:focus, .contact-form-textarea:focus { outline: none; border-color: rgb(255, 107, 53); }
.contact-form-textarea { resize: vertical; min-height: 150px; }
.contact-form-checkboxes { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; }
.contact-form-checkbox-item { display: flex; align-items: center; }
.contact-form-checkbox-item input[type="checkbox"] { margin-right: 8px; width: 18px; height: 18px; cursor: pointer; accent-color: rgb(255, 107, 53); }
.contact-form-checkbox-item label { font-size: 14px; color: rgb(68, 68, 68); cursor: pointer; }
.contact-form-privacy { font-size: 13px; color: rgb(102, 102, 102); margin-top: 15px; display: flex; align-items: center; gap: 8px; }
.contact-form-privacy::before { content: "🔒"; font-size: 16px; }
.contact-form-submit { background: rgb(255, 107, 53); color: rgb(255, 255, 255); font-size: 18px; font-weight: 600; padding: 16px 50px; border: none; border-radius: 8px; cursor: pointer; transition: background 0.3s, transform 0.2s; font-family: Poppins, sans-serif; width: 100%; margin-top: 10px; }
.contact-form-submit:hover { background: rgb(193, 41, 46); transform: translateY(-2px); }
.contact-sidebar { background: rgba(255, 107, 53, 0.05); padding: 40px 30px; border-radius: 12px; height: fit-content; }
.contact-sidebar-title { font-family: Poppins, sans-serif; font-size: 24px; font-weight: 700; color: rgb(193, 41, 46); margin-bottom: 25px; }
.contact-sidebar-item { margin-bottom: 25px; display: flex; align-items: start; gap: 12px; }
.contact-sidebar-icon { font-size: 20px; color: rgb(255, 107, 53); margin-top: 2px; }
.contact-sidebar-content { flex: 1 1 0%; }
.contact-sidebar-label { font-weight: 600; color: rgb(26, 26, 26); font-size: 14px; margin-bottom: 4px; }
.contact-sidebar-value { color: rgb(68, 68, 68); font-size: 15px; }
.contact-sidebar-value a { color: rgb(255, 107, 53); text-decoration: none; transition: color 0.3s; }
.contact-sidebar-value a:hover { color: rgb(193, 41, 46); }
.contact-social-section-sidebar { margin-top: 35px; padding-top: 30px; border-top: 2px solid rgba(255, 107, 53, 0.2); }
.contact-social-title-sidebar { font-weight: 600; color: rgb(26, 26, 26); font-size: 16px; margin-bottom: 15px; }
.contact-social-icons-sidebar { display: flex; gap: 12px; flex-wrap: wrap; }
.contact-social-icon-sidebar { width: 42px; height: 42px; background: rgb(255, 107, 53); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); text-decoration: none; font-size: 18px; transition: background 0.3s, transform 0.3s; }
.contact-social-icon-sidebar:hover { background: rgb(251, 216, 114); color: rgb(26, 26, 26); transform: scale(1.1); }
.contact-response-promise { background: rgba(251, 216, 114, 0.3); padding: 15px; border-radius: 8px; margin-top: 25px; text-align: center; font-size: 14px; font-weight: 600; color: rgb(26, 26, 26); }
.contact-questionnaire-section { background: rgb(245, 245, 245); padding: 80px 20px; }
.contact-questionnaire-container { max-width: 1000px; margin: 0px auto; }
.contact-questionnaire-title { font-family: Poppins, sans-serif; font-size: 38px; font-weight: 700; text-align: center; margin-bottom: 15px; color: rgb(232, 164, 25); }
.contact-questionnaire-intro { text-align: center; color: rgb(102, 102, 102); font-size: 16px; margin-bottom: 40px; }
.contact-accordion { background: rgb(255, 255, 255); border-radius: 12px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 15px; }
.contact-accordion-item { border-bottom: 1px solid rgb(224, 224, 224); }
.contact-accordion-item:last-child { border-bottom: none; }
.contact-accordion-header { padding: 20px 25px; background: rgb(255, 255, 255); cursor: pointer; display: flex; justify-content: space-between; align-items: center; transition: background 0.3s; }
.contact-accordion-header:hover { background: rgb(250, 250, 250); }
.contact-accordion-header.active { background: rgba(255, 107, 53, 0.05); }
.contact-accordion-question { font-weight: 600; color: rgb(26, 26, 26); font-size: 16px; }
.contact-accordion-icon { color: rgb(255, 107, 53); font-size: 20px; transition: transform 0.3s; }
.contact-accordion-header.active .contact-accordion-icon { transform: rotate(45deg); }
.contact-accordion-content { max-height: 0px; overflow: hidden; transition: max-height 0.3s; }
.contact-accordion-content.active { max-height: 300px; }
.contact-accordion-textarea { width: 100%; padding: 20px 25px; border: none; resize: vertical; min-height: 100px; font-family: Inter, sans-serif; font-size: 14px; color: rgb(68, 68, 68); }
.contact-consultation-section { background: rgb(255, 255, 255); padding: 80px 20px; }
.contact-consultation-container { max-width: 1200px; margin: 0px auto; }
.contact-consultation-title { font-family: Poppins, sans-serif; font-size: 38px; font-weight: 700; color: rgb(255, 107, 53); text-align: center; margin-bottom: 50px; }
.contact-consultation-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; }
.contact-consultation-benefits { }
.contact-benefit-item { display: flex; align-items: start; gap: 15px; margin-bottom: 25px; }
.contact-benefit-icon { width: 50px; height: 50px; background: rgba(251, 216, 114, 0.3); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 22px; color: rgb(232, 164, 25); flex-shrink: 0; }
.contact-benefit-text { flex: 1 1 0%; }
.contact-benefit-title { font-weight: 600; color: rgb(26, 26, 26); font-size: 18px; margin-bottom: 5px; }
.contact-benefit-desc { color: rgb(102, 102, 102); font-size: 14px; }
.contact-consultation-cta { text-align: center; padding: 40px; background: rgba(251, 216, 114, 0.15); border-radius: 12px; }
.contact-consultation-cta-title { font-family: Poppins, sans-serif; font-size: 24px; font-weight: 600; color: rgb(26, 26, 26); margin-bottom: 15px; }
.contact-consultation-cta-text { color: rgb(102, 102, 102); margin-bottom: 25px; font-size: 15px; }
.contact-consultation-btn { background: rgb(251, 216, 114); color: rgb(26, 26, 26); font-size: 18px; font-weight: 600; padding: 16px 40px; border: none; border-radius: 8px; cursor: pointer; transition: background 0.3s, transform 0.2s; font-family: Poppins, sans-serif; display: inline-block; text-decoration: none; }
.contact-consultation-btn:hover { background: rgb(232, 164, 25); transform: translateY(-2px); }
.contact-consultation-note { font-size: 13px; color: rgb(102, 102, 102); margin-top: 15px; }
.contact-faq-section { background: rgba(251, 216, 114, 0.15); padding: 80px 20px; }
.contact-faq-container { max-width: 900px; margin: 0px auto; }
.contact-faq-title { font-family: Poppins, sans-serif; font-size: 38px; font-weight: 700; color: rgb(193, 41, 46); text-align: center; margin-bottom: 40px; }
.contact-faq-accordion { background: rgb(255, 255, 255); border-radius: 12px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 15px; }
.contact-faq-item { border-bottom: 1px solid rgb(224, 224, 224); }
.contact-faq-item:last-child { border-bottom: none; }
.contact-faq-question-wrapper { padding: 20px 25px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; transition: background 0.3s; }
.contact-faq-question-wrapper:hover { background: rgb(250, 250, 250); }
.contact-faq-question-wrapper.active { background: rgba(193, 41, 46, 0.05); }
.contact-faq-question-text { font-weight: 600; color: rgb(193, 41, 46); font-size: 16px; flex: 1 1 0%; }
.contact-faq-toggle { color: rgb(193, 41, 46); font-size: 20px; transition: transform 0.3s; font-weight: 300; }
.contact-faq-question-wrapper.active .contact-faq-toggle { transform: rotate(180deg); }
.contact-faq-answer { max-height: 0px; overflow: hidden; transition: max-height 0.3s; }
.contact-faq-answer.active { max-height: 200px; }
.contact-faq-answer-text { padding: 0px 25px 20px; color: rgb(68, 68, 68); font-size: 15px; line-height: 1.7; }
.contact-location-section { background: rgb(255, 255, 255); padding: 80px 20px; }
.contact-location-container { max-width: 1200px; margin: 0px auto; }
.contact-location-title { font-family: Poppins, sans-serif; font-size: 38px; font-weight: 700; color: rgb(255, 107, 53); text-align: center; margin-bottom: 50px; }
.contact-location-content { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
.contact-location-map { width: 100%; height: 400px; border-radius: 12px; overflow: hidden; background: rgba(251, 216, 114, 0.2); display: flex; align-items: center; justify-content: center; font-size: 80px; color: rgb(255, 107, 53); }
.contact-location-details { }
.contact-location-subtitle { font-family: Poppins, sans-serif; font-size: 24px; font-weight: 600; color: rgb(26, 26, 26); margin-bottom: 20px; }
.contact-location-info { margin-bottom: 20px; }
.contact-location-label { font-weight: 600; color: rgb(26, 26, 26); margin-bottom: 5px; }
.contact-location-value { color: rgb(102, 102, 102); font-size: 15px; line-height: 1.8; }
.contact-social-integration-section { background: rgb(245, 245, 245); padding: 80px 20px; }
.contact-social-integration-container { max-width: 1200px; margin: 0px auto; text-align: center; }
.contact-social-integration-title { font-family: Poppins, sans-serif; font-size: 38px; font-weight: 700; color: rgb(193, 41, 46); margin-bottom: 20px; }
.contact-social-integration-text { color: rgb(102, 102, 102); font-size: 16px; margin-bottom: 40px; }
.contact-social-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 30px; margin-bottom: 40px; }
.contact-social-card { background: rgb(255, 255, 255); padding: 30px 20px; border-radius: 12px; transition: transform 0.3s, box-shadow 0.3s; box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 10px; }
.contact-social-card:hover { transform: translateY(-5px); box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 20px; }
.contact-social-card-icon { font-size: 48px; margin-bottom: 15px; }
.contact-social-card-name { font-weight: 600; color: rgb(26, 26, 26); font-size: 18px; margin-bottom: 10px; }
.contact-social-card-link { display: inline-block; color: rgb(255, 107, 53); text-decoration: none; font-size: 14px; font-weight: 600; transition: color 0.3s; }
.contact-social-card-link:hover { color: rgb(193, 41, 46); }
.contact-social-benefits { display: flex; justify-content: center; gap: 40px; flex-wrap: wrap; margin-top: 30px; }
.contact-social-benefit { display: flex; align-items: center; gap: 10px; color: rgb(68, 68, 68); font-size: 15px; }
.contact-social-benefit::before { content: "✓"; color: rgb(251, 216, 114); font-weight: 700; font-size: 20px; }
.contact-newsletter-section { background: rgb(255, 255, 255); padding: 80px 20px; }
.contact-newsletter-container { max-width: 800px; margin: 0px auto; text-align: center; }
.contact-newsletter-title { font-family: Poppins, sans-serif; font-size: 38px; font-weight: 700; color: rgb(255, 107, 53); margin-bottom: 15px; }
.contact-newsletter-description { color: rgb(102, 102, 102); font-size: 16px; margin-bottom: 35px; }
.contact-newsletter-form { display: flex; gap: 15px; max-width: 600px; margin: 0px auto 20px; }
.contact-newsletter-input { flex: 1 1 0%; padding: 14px 20px; border: 2px solid rgb(224, 224, 224); border-radius: 8px; font-size: 15px; font-family: Inter, sans-serif; }
.contact-newsletter-input:focus { outline: none; border-color: rgb(255, 107, 53); }
.contact-newsletter-btn { background: rgb(251, 216, 114); color: rgb(26, 26, 26); font-size: 16px; font-weight: 600; padding: 14px 35px; border: none; border-radius: 8px; cursor: pointer; transition: background 0.3s; white-space: nowrap; }
.contact-newsletter-btn:hover { background: rgb(232, 164, 25); }
.contact-newsletter-note { font-size: 13px; color: rgb(153, 153, 153); }
.contact-next-steps-section { background: rgba(255, 107, 53, 0.08); padding: 80px 20px; }
.contact-next-steps-container { max-width: 1100px; margin: 0px auto; }
.contact-next-steps-title { font-family: Poppins, sans-serif; font-size: 38px; font-weight: 700; color: rgb(193, 41, 46); text-align: center; margin-bottom: 50px; }
.contact-steps-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 40px; position: relative; }
.contact-step-card { background: rgb(255, 255, 255); padding: 35px 30px; border-radius: 12px; text-align: center; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 15px; position: relative; }
.contact-step-number { width: 60px; height: 60px; background: rgb(255, 107, 53); color: rgb(255, 255, 255); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 26px; font-weight: 700; margin: 0px auto 20px; font-family: Poppins, sans-serif; }
.contact-step-card:nth-child(2) .contact-step-number { background: rgb(251, 216, 114); color: rgb(26, 26, 26); }
.contact-step-card:nth-child(3) .contact-step-number { background: rgb(193, 41, 46); }
.contact-step-title { font-family: Poppins, sans-serif; font-size: 22px; font-weight: 600; color: rgb(26, 26, 26); margin-bottom: 12px; }
.contact-step-description { color: rgb(102, 102, 102); font-size: 15px; line-height: 1.7; }
.contact-testimonials-section { background: rgb(255, 255, 255); padding: 80px 20px; }
.contact-testimonials-container { max-width: 1100px; margin: 0px auto; }
.contact-testimonials-title { font-family: Poppins, sans-serif; font-size: 38px; font-weight: 700; color: rgb(255, 107, 53); text-align: center; margin-bottom: 50px; }
.contact-testimonials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 35px; }
.contact-testimonial-card { background: rgb(250, 250, 250); padding: 30px; border-radius: 12px; border-left: 4px solid rgb(251, 216, 114); }
.contact-testimonial-stars { color: rgb(251, 216, 114); font-size: 20px; margin-bottom: 15px; }
.contact-testimonial-text { color: rgb(68, 68, 68); font-size: 15px; font-style: italic; line-height: 1.8; margin-bottom: 20px; }
.contact-testimonial-author { font-weight: 600; color: rgb(26, 26, 26); font-size: 16px; }
.contact-testimonial-company { color: rgb(153, 153, 153); font-size: 14px; }
.contact-cta-section { background: linear-gradient(135deg, rgb(193, 41, 46) 0%, rgb(255, 107, 53) 100%); padding: 80px 20px; text-align: center; color: rgb(255, 255, 255); }
.contact-cta-container { max-width: 900px; margin: 0px auto; }
.contact-cta-title { font-family: Poppins, sans-serif; font-size: 46px; font-weight: 800; margin-bottom: 20px; letter-spacing: -1px; }
.contact-cta-subtitle { font-size: 20px; margin-bottom: 40px; opacity: 0.95; }
.contact-cta-buttons { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-bottom: 40px; }
.contact-cta-btn-primary { background: rgb(251, 216, 114); color: rgb(26, 26, 26); font-size: 18px; font-weight: 600; padding: 16px 40px; border: none; border-radius: 8px; cursor: pointer; transition: background 0.3s, transform 0.2s; text-decoration: none; display: inline-block; font-family: Poppins, sans-serif; }
.contact-cta-btn-primary:hover { background: rgb(232, 164, 25); transform: translateY(-2px); }
.contact-cta-btn-secondary { background: transparent; color: rgb(255, 255, 255); font-size: 18px; font-weight: 600; padding: 14px 40px; border: 2px solid rgb(255, 255, 255); border-radius: 8px; cursor: pointer; transition: background 0.3s, transform 0.2s; text-decoration: none; display: inline-block; font-family: Poppins, sans-serif; }
.contact-cta-btn-secondary:hover { background: rgba(255, 255, 255, 0.15); transform: translateY(-2px); }
.contact-cta-footer-info { border-top: 1px solid rgba(255, 255, 255, 0.3); padding-top: 30px; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 30px; text-align: center; }
.contact-cta-footer-item { }
.contact-cta-footer-label { font-size: 14px; opacity: 0.9; margin-bottom: 8px; }
.contact-cta-footer-value { font-size: 18px; font-weight: 600; }
.contact-cta-footer-value a { color: rgb(255, 255, 255); text-decoration: none; }
.contact-privacy-section { background: rgb(255, 255, 255); padding: 50px 20px; border-top: 1px solid rgb(224, 224, 224); }
.contact-privacy-container { max-width: 900px; margin: 0px auto; text-align: center; }
.contact-privacy-content { display: flex; align-items: center; justify-content: center; gap: 15px; flex-wrap: wrap; }
.contact-privacy-icon { font-size: 32px; }
.contact-privacy-text { color: rgb(102, 102, 102); font-size: 15px; }
.contact-privacy-link { color: rgb(255, 107, 53); text-decoration: none; font-weight: 600; transition: color 0.3s; }
.contact-privacy-link:hover { color: rgb(193, 41, 46); }
@media (max-width: 1024px) {
  .contact-form-grid { grid-template-columns: 1fr; }
  .contact-consultation-grid, .contact-location-content { grid-template-columns: 1fr; }
  .contact-header-title { font-size: 42px; }
  .contact-form-section-title, .contact-consultation-title, .contact-questionnaire-title, .contact-faq-title, .contact-location-title, .contact-social-integration-title, .contact-newsletter-title, .contact-next-steps-title, .contact-testimonials-title { font-size: 32px; }
}
@media (max-width: 768px) {
  .contact-header-section { padding: 80px 20px 60px; }
  .contact-header-title { font-size: 36px; }
  .contact-header-subtitle { font-size: 18px; }
  .contact-intro-features { gap: 30px; }
  .contact-methods-container { grid-template-columns: 1fr; }
  .contact-steps-grid { grid-template-columns: 1fr; }
  .contact-newsletter-form { flex-direction: column; }
  .contact-newsletter-input { width: 100%; }
  .contact-cta-title { font-size: 32px; }
  .contact-cta-buttons { flex-direction: column; align-items: center; }
  .contact-cta-btn-primary, .contact-cta-btn-secondary { width: 100%; max-width: 300px; }
}
@media (max-width: 480px) {
  .contact-header-title { font-size: 28px; }
  .contact-intro-title, .contact-form-section-title { font-size: 26px; }
  .contact-social-icons-sidebar { justify-content: center; }
}
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }

/* Page: Discussion Blog */
* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { font-family: Inter, sans-serif; color: rgb(26, 26, 26); line-height: 1.6; overflow-x: hidden; }
:root { --primary: #FF6B35; --secondary: #F7931E; --tertiary: #0D3B66; --highlight: #FBD872; --white: #FFFFFF; --light-grey: #F5F5F5; --dark-grey: #2C3E50; --text-dark: #1a1a1a; --text-light: #666666; }
#header { min-height: 60px; background: rgb(255, 255, 255); }
.discussion-blog-page-header { background: linear-gradient(135deg,var(--secondary) 0%,var(--primary) 100%); padding: 80px 20px 60px; text-align: center; color: var(--white); position: relative; overflow: hidden; }
.discussion-blog-page-header::before { content: ""; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%); animation: 8s ease-in-out 0s infinite normal none running pulseGlow; }
.discussion-blog-page-header .container { max-width: 1200px; margin: 0px auto; position: relative; z-index: 2; }
@keyframes pulseGlow { 
  0%, 100% { transform: translate(0px, 0px) scale(1); opacity: 0.3; }
  50% { transform: translate(10%, 10%) scale(1.1); opacity: 0.5; }
}
.discussion-blog-breadcrumb { font-size: 14px; margin-bottom: 20px; color: rgba(255, 255, 255, 0.9); }
.discussion-blog-breadcrumb a { color: var(--white); text-decoration: none; transition: opacity 0.3s; }
.discussion-blog-breadcrumb a:hover { opacity: 0.8; }
.discussion-blog-breadcrumb span { margin: 0px 8px; }
.discussion-blog-page-header h1 { font-family: Poppins, sans-serif; font-size: 48px; font-weight: 800; margin-bottom: 20px; text-shadow: rgba(0, 0, 0, 0.2) 2px 4px 12px; }
.discussion-blog-page-header p { font-size: 20px; margin-bottom: 30px; opacity: 0.95; font-weight: 300; }
.discussion-blog-search-container { max-width: 600px; margin: 0px auto; display: flex; gap: 10px; }
.discussion-blog-search-container input { flex: 1 1 0%; padding: 15px 20px; border: none; border-radius: 50px; font-size: 16px; outline: none; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 15px; }
.discussion-blog-search-container button { padding: 15px 35px; background: var(--primary); color: var(--white); border: none; border-radius: 50px; font-size: 16px; font-weight: 600; cursor: pointer; transition: 0.3s; box-shadow: rgba(255, 107, 53, 0.3) 0px 4px 15px; }
.discussion-blog-search-container button:hover { background: rgb(230, 90, 42); transform: translateY(-2px); box-shadow: rgba(255, 107, 53, 0.4) 0px 6px 20px; }
.discussion-blog-intro { background: var(--white); padding: 60px 20px; text-align: center; }
.discussion-blog-intro .container { max-width: 900px; margin: 0px auto; }
.discussion-blog-intro h2 { font-family: Poppins, sans-serif; font-size: 36px; color: var(--tertiary); margin-bottom: 20px; font-weight: 700; }
.discussion-blog-intro p { font-size: 18px; color: var(--text-light); line-height: 1.8; margin-bottom: 30px; }
.discussion-blog-intro .btn-primary { display: inline-block; padding: 15px 40px; background: var(--primary); color: var(--white); text-decoration: none; border-radius: 50px; font-weight: 600; font-size: 16px; transition: 0.3s; box-shadow: rgba(255, 107, 53, 0.2) 0px 4px 15px; }
.discussion-blog-intro .btn-primary:hover { background: rgb(230, 90, 42); transform: translateY(-3px); box-shadow: rgba(255, 107, 53, 0.35) 0px 6px 20px; }
.discussion-blog-featured { background: rgba(251, 216, 114, 0.1); padding: 60px 20px; }
.discussion-blog-featured .container { max-width: 1200px; margin: 0px auto; }
.discussion-blog-featured h2 { font-family: Poppins, sans-serif; font-size: 32px; color: var(--tertiary); margin-bottom: 40px; text-align: center; font-weight: 700; }
.discussion-blog-featured-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 30px; }
.discussion-blog-featured-card { background: var(--white); border: 2px solid var(--tertiary); border-radius: 12px; padding: 30px; transition: 0.3s; }
.discussion-blog-featured-card:hover { transform: translateY(-5px); box-shadow: rgba(13, 59, 102, 0.15) 0px 10px 30px; }
.discussion-blog-card-header { display: flex; align-items: center; gap: 15px; margin-bottom: 20px; }
.discussion-blog-avatar { width: 50px; height: 50px; border-radius: 50%; background: linear-gradient(135deg,var(--primary),var(--secondary)); display: flex; align-items: center; justify-content: center; color: var(--white); font-weight: 700; font-size: 18px; }
.discussion-blog-author-info h4 { font-size: 16px; color: var(--text-dark); margin-bottom: 3px; }
.discussion-blog-author-info span { font-size: 13px; color: var(--text-light); }
.discussion-blog-featured-card h3 { font-size: 24px; color: var(--primary); margin-bottom: 15px; font-weight: 700; cursor: pointer; transition: color 0.3s; }
.discussion-blog-featured-card h3:hover { color: rgb(230, 90, 42); }
.discussion-blog-category-badge { display: inline-block; padding: 6px 16px; background: var(--secondary); color: var(--white); border-radius: 20px; font-size: 13px; font-weight: 600; margin-bottom: 15px; }
.discussion-blog-excerpt { font-size: 15px; color: var(--text-light); line-height: 1.7; margin-bottom: 20px; }
.discussion-blog-metrics { display: flex; gap: 25px; margin-bottom: 20px; font-size: 14px; color: var(--text-light); }
.discussion-blog-metrics span { display: flex; align-items: center; gap: 6px; }
.discussion-blog-metrics span::before { content: "💬"; }
.discussion-blog-metrics span:nth-child(2)::before { content: "❤️"; }
.discussion-blog-metrics span:nth-child(3)::before { content: "👁️"; }
.discussion-blog-featured-card .btn-secondary { display: inline-block; padding: 12px 30px; background: var(--tertiary); color: var(--white); text-decoration: none; border-radius: 50px; font-weight: 600; font-size: 14px; transition: 0.3s; }
.discussion-blog-featured-card .btn-secondary:hover { background: rgb(10, 45, 77); transform: scale(1.05); }
.discussion-blog-filter { background: var(--white); padding: 30px 20px; position: sticky; top: 0px; z-index: 100; box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 10px; }
.discussion-blog-filter .container { max-width: 1200px; margin: 0px auto; }
.discussion-blog-filter-tabs { display: flex; flex-wrap: wrap; gap: 15px; justify-content: center; }
.discussion-blog-filter-tab { padding: 10px 24px; background: var(--white); color: var(--text-dark); border: 2px solid var(--light-grey); border-radius: 50px; font-size: 14px; font-weight: 600; cursor: pointer; transition: 0.3s; }
.discussion-blog-filter-tab:hover { border-color: var(--secondary); color: var(--secondary); }
.discussion-blog-filter-tab.active { background: var(--primary); color: var(--white); border-color: var(--primary); }
.discussion-blog-sort { background: var(--white); padding: 20px; border-bottom: 1px solid var(--light-grey); }
.discussion-blog-sort .container { max-width: 1200px; margin: 0px auto; display: flex; justify-content: space-between; align-items: center; }
.discussion-blog-sort h3 { font-size: 18px; color: var(--text-dark); font-weight: 600; }
.discussion-blog-sort-options { display: flex; gap: 15px; }
.discussion-blog-sort-btn { padding: 8px 20px; background: var(--white); color: var(--text-dark); border: 2px solid var(--light-grey); border-radius: 50px; font-size: 14px; font-weight: 600; cursor: pointer; transition: 0.3s; }
.discussion-blog-sort-btn:hover { border-color: var(--secondary); color: var(--secondary); }
.discussion-blog-sort-btn.active { background: var(--secondary); color: var(--white); border-color: var(--secondary); }
.discussion-blog-main { background: var(--light-grey); padding: 60px 20px; }
.discussion-blog-main .container { max-width: 1200px; margin: 0px auto; display: grid; grid-template-columns: 1fr 350px; gap: 40px; }
.discussion-blog-feed { display: flex; flex-direction: column; gap: 25px; }
.discussion-blog-thread-card { background: var(--white); border-radius: 12px; padding: 25px; border: 1px solid rgb(224, 224, 224); transition: 0.3s; }
.discussion-blog-thread-card:hover { box-shadow: rgba(0, 0, 0, 0.08) 0px 8px 25px; transform: translateY(-3px); }
.discussion-blog-thread-header { display: flex; gap: 20px; margin-bottom: 20px; }
.discussion-blog-thread-avatar { width: 60px; height: 60px; border-radius: 50%; background: linear-gradient(135deg,var(--secondary),var(--primary)); display: flex; align-items: center; justify-content: center; color: var(--white); font-weight: 700; font-size: 22px; flex-shrink: 0; }
.discussion-blog-thread-content { flex: 1 1 0%; }
.discussion-blog-thread-title { font-size: 22px; color: var(--text-dark); margin-bottom: 8px; font-weight: 700; cursor: pointer; transition: color 0.3s; }
.discussion-blog-thread-title:hover { color: var(--primary); }
.discussion-blog-thread-meta { display: flex; gap: 15px; font-size: 13px; color: var(--text-light); margin-bottom: 10px; }
.discussion-blog-thread-excerpt { font-size: 15px; color: var(--text-light); line-height: 1.7; margin-bottom: 15px; }
.discussion-blog-thread-footer { display: flex; justify-content: space-between; align-items: center; padding-top: 15px; border-top: 1px solid var(--light-grey); }
.discussion-blog-thread-stats { display: flex; gap: 20px; font-size: 14px; color: var(--text-light); }
.discussion-blog-thread-stats span { display: flex; align-items: center; gap: 5px; }
.discussion-blog-view-link { color: var(--secondary); text-decoration: none; font-weight: 600; font-size: 14px; transition: color 0.3s; }
.discussion-blog-view-link:hover { color: rgb(214, 125, 21); }
.discussion-blog-sidebar { display: flex; flex-direction: column; gap: 25px; }
.discussion-blog-sidebar-card { background: var(--white); border-radius: 12px; padding: 25px; box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 10px; }
.discussion-blog-sidebar-card.primary-border { border-top: 4px solid var(--primary); }
.discussion-blog-sidebar-card.secondary-border { border-top: 4px solid var(--secondary); }
.discussion-blog-sidebar-card.tertiary-border { border-top: 4px solid var(--tertiary); }
.discussion-blog-sidebar-card h3 { font-size: 20px; margin-bottom: 15px; font-weight: 700; color: var(--tertiary); }
.discussion-blog-sidebar-card.highlight-bg { background: rgba(247, 147, 30, 0.08); }
.discussion-blog-sidebar-card p { font-size: 14px; color: var(--text-light); margin-bottom: 20px; line-height: 1.6; }
.discussion-blog-sidebar-card .btn-primary { display: block; width: 100%; padding: 12px; background: var(--primary); color: var(--white); text-align: center; text-decoration: none; border-radius: 50px; font-weight: 600; font-size: 14px; transition: 0.3s; }
.discussion-blog-sidebar-card .btn-primary:hover { background: rgb(230, 90, 42); transform: scale(1.02); }
.discussion-blog-trending-list { list-style: none; }
.discussion-blog-trending-list li { padding: 10px 0px; border-bottom: 1px solid var(--light-grey); }
.discussion-blog-trending-list li:last-child { border-bottom: none; }
.discussion-blog-trending-list a { color: var(--text-dark); text-decoration: none; display: flex; align-items: center; gap: 10px; font-size: 15px; transition: color 0.3s; }
.discussion-blog-trending-list a::before { content: "🔥"; font-size: 16px; }
.discussion-blog-trending-list a:hover { color: var(--primary); }
.discussion-blog-category-list { list-style: none; }
.discussion-blog-category-list li { padding: 12px 0px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--light-grey); }
.discussion-blog-category-list li:last-child { border-bottom: none; }
.discussion-blog-category-list a { color: var(--text-dark); text-decoration: none; font-size: 15px; font-weight: 500; transition: color 0.3s; }
.discussion-blog-category-list a:hover { color: var(--primary); }
.discussion-blog-category-count { color: var(--text-light); font-size: 13px; background: var(--light-grey); padding: 4px 12px; border-radius: 12px; }
.discussion-blog-guidelines-list { list-style: none; }
.discussion-blog-guidelines-list li { padding: 8px 0px; font-size: 14px; color: var(--text-dark); display: flex; align-items: center; gap: 10px; }
.discussion-blog-guidelines-list li::before { content: "✓"; color: var(--primary); font-weight: 700; font-size: 16px; }
.discussion-blog-contributors-list { list-style: none; }
.discussion-blog-contributor-item { display: flex; align-items: center; gap: 15px; padding: 12px 0px; border-bottom: 1px solid var(--light-grey); }
.discussion-blog-contributor-item:last-child { border-bottom: none; }
.discussion-blog-contributor-avatar { width: 45px; height: 45px; border-radius: 50%; background: linear-gradient(135deg,var(--primary),var(--secondary)); display: flex; align-items: center; justify-content: center; color: var(--white); font-weight: 700; font-size: 16px; }
.discussion-blog-contributor-info { flex: 1 1 0%; }
.discussion-blog-contributor-name { font-size: 15px; font-weight: 600; color: var(--text-dark); }
.discussion-blog-contributor-count { font-size: 13px; color: var(--text-light); }
.discussion-blog-newsletter-form { display: flex; flex-direction: column; gap: 12px; }
.discussion-blog-newsletter-form input { padding: 12px 15px; border: 2px solid var(--light-grey); border-radius: 8px; font-size: 14px; outline: none; transition: border-color 0.3s; }
.discussion-blog-newsletter-form input:focus { border-color: var(--tertiary); }
.discussion-blog-newsletter-form button { padding: 12px; background: var(--tertiary); color: var(--white); border: none; border-radius: 8px; font-weight: 600; font-size: 14px; cursor: pointer; transition: 0.3s; }
.discussion-blog-newsletter-form button:hover { background: rgb(10, 45, 77); transform: scale(1.02); }
.discussion-blog-cta { background: linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%); padding: 60px 20px; text-align: center; color: var(--white); margin: 60px 0px; }
.discussion-blog-cta .container { max-width: 900px; margin: 0px auto; }
.discussion-blog-cta h2 { font-family: Poppins, sans-serif; font-size: 36px; margin-bottom: 20px; font-weight: 700; }
.discussion-blog-cta p { font-size: 18px; margin-bottom: 30px; opacity: 0.95; }
.discussion-blog-cta .btn-highlight { display: inline-block; padding: 15px 40px; background: var(--highlight); color: var(--text-dark); text-decoration: none; border-radius: 50px; font-weight: 700; font-size: 16px; transition: 0.3s; box-shadow: rgba(251, 216, 114, 0.4) 0px 4px 15px; }
.discussion-blog-cta .btn-highlight:hover { background: rgb(244, 205, 90); transform: translateY(-3px); box-shadow: rgba(251, 216, 114, 0.6) 0px 6px 20px; }
.discussion-blog-pagination { display: flex; justify-content: center; gap: 10px; margin-top: 40px; }
.discussion-blog-pagination button { padding: 10px 18px; background: var(--white); color: var(--text-dark); border: 2px solid var(--light-grey); border-radius: 8px; font-size: 14px; font-weight: 600; cursor: pointer; transition: 0.3s; }
.discussion-blog-pagination button:hover { border-color: var(--primary); color: var(--primary); }
.discussion-blog-pagination button.active { background: var(--primary); color: var(--white); border-color: var(--primary); }
@media (max-width: 1024px) {
  .discussion-blog-main .container { grid-template-columns: 1fr; }
  .discussion-blog-sidebar { order: 2; }
  .discussion-blog-page-header h1 { font-size: 36px; }
  .discussion-blog-intro h2 { font-size: 28px; }
  .discussion-blog-featured h2 { font-size: 28px; }
  .discussion-blog-featured-grid { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .discussion-blog-page-header { padding: 60px 20px 40px; }
  .discussion-blog-page-header h1 { font-size: 32px; }
  .discussion-blog-page-header p { font-size: 16px; }
  .discussion-blog-search-container { flex-direction: column; }
  .discussion-blog-search-container button { width: 100%; }
  .discussion-blog-filter-tabs { justify-content: flex-start; overflow-x: auto; flex-wrap: nowrap; padding-bottom: 10px; }
  .discussion-blog-sort .container { flex-direction: column; gap: 15px; align-items: flex-start; }
  .discussion-blog-sort-options { flex-wrap: wrap; }
  .discussion-blog-thread-header { flex-direction: column; align-items: flex-start; }
  .discussion-blog-thread-avatar { width: 50px; height: 50px; font-size: 18px; }
  .discussion-blog-thread-footer { flex-direction: column; gap: 15px; align-items: flex-start; }
  .discussion-blog-featured-grid { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .discussion-blog-page-header h1 { font-size: 28px; }
  .discussion-blog-intro h2 { font-size: 24px; }
  .discussion-blog-intro p { font-size: 16px; }
  .discussion-blog-featured h2 { font-size: 24px; }
  .discussion-blog-thread-title { font-size: 18px; }
  .discussion-blog-featured-card h3 { font-size: 20px; }
}
.discussion-blog-auth-note { font-size: 12px; color: var(--text-light); margin-top: 10px; font-style: italic; }
.discussion-blog-latest-comment { background: var(--light-grey); padding: 12px; border-radius: 8px; margin-top: 12px; font-size: 13px; color: var(--text-light); display: flex; gap: 10px; align-items: start; }
.discussion-blog-latest-comment-avatar { width: 30px; height: 30px; border-radius: 50%; background: linear-gradient(135deg,var(--tertiary),var(--primary)); display: flex; align-items: center; justify-content: center; color: var(--white); font-weight: 700; font-size: 12px; flex-shrink: 0; }
.discussion-blog-latest-comment-content { flex: 1 1 0%; }
.discussion-blog-latest-comment strong { color: var(--text-dark); font-weight: 600; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }