.elementor-kit-46{--e-global-color-primary:#E6E6E6;--e-global-color-secondary:#1A1D2B;--e-global-color-text:#AAAAAA;--e-global-color-accent:#131A2F;--e-global-color-background:#080808;--e-global-color-backgroundAccent:#080808;--e-global-color-transparent:#E6E6E6;--e-global-typography-primary-font-family:"Cormorant Garamond";--e-global-typography-primary-font-size:24px;--e-global-typography-primary-font-weight:300;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-letter-spacing:1.3px;--e-global-typography-secondary-font-family:"Cormorant Garamond";--e-global-typography-secondary-font-size:20px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-letter-spacing:0.3px;--e-global-typography-text-font-family:"Tenor Sans";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:200;--e-global-typography-accent-line-height:1.5em;--e-global-typography-heading-xl-font-family:"Cormorant Garamond";--e-global-typography-heading-xl-font-size:56px;--e-global-typography-heading-xl-font-weight:600;--e-global-typography-heading-xl-line-height:1.2em;--e-global-typography-heading-l-font-family:"Cormorant Garamond";--e-global-typography-heading-l-font-size:48px;--e-global-typography-heading-l-font-weight:600;--e-global-typography-heading-l-line-height:1.2em;--e-global-typography-heading-m-font-family:"Cormorant Garamond";--e-global-typography-heading-m-font-size:40px;--e-global-typography-heading-m-font-weight:600;--e-global-typography-heading-m-line-height:1.2em;--e-global-typography-heading-s-font-family:"Cormorant Garamond";--e-global-typography-heading-s-font-size:18px;--e-global-typography-heading-s-font-weight:500;--e-global-typography-body-s-font-family:"Tenor Sans";--e-global-typography-body-s-font-size:14px;--e-global-typography-body-s-font-weight:400;--e-global-typography-body-s-line-height:1.5em;background-color:var( --e-global-color-background );}.elementor-kit-46 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-46{--e-global-typography-primary-font-size:22px;--e-global-typography-secondary-font-size:18px;--e-global-typography-heading-xl-font-size:48px;--e-global-typography-heading-l-font-size:40px;--e-global-typography-heading-m-font-size:32px;--e-global-typography-heading-s-font-size:18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-46{--e-global-typography-primary-font-size:18px;--e-global-typography-secondary-font-size:16px;--e-global-typography-heading-xl-font-size:40px;--e-global-typography-heading-l-font-size:32px;--e-global-typography-heading-m-font-size:32px;--e-global-typography-heading-s-font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Global CSS for Elementor - Corrected Version */
:root {
    --deep-black: #080808;
    --dark-charcoal: #121212;
    --midnight-blue: #131A2F;
    --steel-blue: #2A3B4C;
    --deep-purple: #2D1B4E;
    --muted-gold: #9A8866;
    --off-white: #E6E6E6;
    --light-grey: #AAAAAA;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 300 !important;
    color: var(--off-white) !important;
}

body, p {
    font-family: 'Tenor Sans', sans-serif !important;
    color: var(--off-white) !important;
}

/* Section Styles */
.quinti-section {
    position: relative;
    overflow: hidden;
}

/* Animations */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

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

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
    40% { transform: translateY(-10px); }
    60% { transform: translateY(-5px); }
}

/* Section Arrow */
.section-arrow {
    animation: bounce 2s infinite;
}

.section-arrow svg {
    fill: var(--muted-gold);
    width: 40px;
    height: 40px;
    transition: all 0.3s ease;
}

/* Cards */
.principle-card, .service-card, .network-item {
    transition: all 0.3s ease;
}

.principle-card:hover, .service-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

/* Cookie Consent */
.cookie-consent {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(18, 18, 18, 0.95);
    padding: 20px;
    z-index: 9999;
    border-top: 1px solid var(--deep-purple);
    backdrop-filter: blur(5px);
}

.cookie-btn {
    background-color: var(--muted-gold);
    color: var(--deep-black);
    transition: all 0.3s ease;
}

.cookie-btn:hover {
    background-color: var(--off-white);
}

/* Quinti Group - Responsive CSS Fixes
 * These fixes address mobile and tablet display issues
 * Specifically targeting header sizing and text overlap problems
 */

/* Global responsive typography adjustments */
@media screen and (max-width: 1024px) {
  body {
    font-size: 16px !important;
  }
  
  h1, .elementor-heading-title.elementor-size-xxl, .elementor-heading-title.elementor-size-xl {
    font-size: 2.5rem !important;
    line-height: 1.2 !important;
  }
  
  h2, .elementor-heading-title.elementor-size-large {
    font-size: 2rem !important;
    line-height: 1.2 !important;
  }
  
  h3, .elementor-heading-title.elementor-size-medium {
    font-size: 1.5rem !important;
    line-height: 1.3 !important;
  }
  
  p, li {
    font-size: 1rem !important;
    line-height: 1.6 !important;
  }
  
  /* Fix container widths */
  .elementor-container {
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  
  /* Improve section spacing */
  .elementor-section {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}

/* Mobile-specific fixes */
@media screen and (max-width: 767px) {
  body {
    font-size: 14px !important;
  }
  
  h1, .elementor-heading-title.elementor-size-xxl, .elementor-heading-title.elementor-size-xl {
    font-size: 1.8rem !important;
    line-height: 1.2 !important;
    margin-bottom: 15px !important;
  }
  
  h2, .elementor-heading-title.elementor-size-large {
    font-size: 1.5rem !important;
    line-height: 1.2 !important;
    margin-bottom: 10px !important;
  }
  
  h3, .elementor-heading-title.elementor-size-medium {
    font-size: 1.2rem !important;
    line-height: 1.3 !important;
    margin-bottom: 10px !important;
  }
  
  /* Fix main navigation */
  .elementor-nav-menu {
    font-size: 1rem !important;
  }
  
  /* Fix section spacing */
  .elementor-section {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  
  /* Fix column stacking */
  .elementor-column {
    width: 100% !important;
    margin-bottom: 20px !important;
  }
  
  /* Fix grid layouts */
  .elementor-grid-mobile-1 .elementor-grid {
    grid-template-columns: 1fr !important;
  }
  
  /* Fix image sizing */
  .elementor-widget-image img {
    max-width: 100% !important;
    height: auto !important;
  }
  
  /* Fix button sizing */
  .elementor-button {
    padding: 10px 20px !important;
    font-size: 14px !important;
  }
  
  /* Fix icon sizing */
  .elementor-icon {
    font-size: 30px !important;
  }
  
  /* Fix spacing between elements */
  .elementor-widget:not(:last-child) {
    margin-bottom: 10px !important;
  }
}

/* Specific fixes for the Quinti Group homepage */
@media screen and (max-width: 767px) {
  /* Main header/hero section */
  #hero-section .elementor-heading-title {
    font-size: 2rem !important;
    line-height: 1.2 !important;
    margin-bottom: 15px !important;
  }
  
  /* Section headers (ABOUT, APPROACH, etc.) */
  .section-header .elementor-heading-title {
    font-size: 1.5rem !important;
    letter-spacing: 2px !important;
  }
  
  /* Approach and Services grid */
  .approach-grid .elementor-column,
  .services-grid .elementor-column {
    width: 100% !important;
    margin-bottom: 20px !important;
  }
  
  /* Fix for the Q logo if present */
  .q-logo img {
    max-width: 60px !important;
    height: auto !important;
  }
  
  /* Fix for any overlapping text in cards */
  .card-content {
    padding: 15px !important;
  }
  
  .card-content h3 {
    font-size: 1.2rem !important;
    margin-bottom: 10px !important;
  }
  
  .card-content p {
    font-size: 0.9rem !important;
    line-height: 1.5 !important;
  }
}/* End custom CSS */