.elementor-kit-5{--e-global-color-primary:#CC0000;--e-global-color-secondary:#B00000;--e-global-color-text:#F2F4F7;--e-global-color-accent:#F72525;--e-global-color-b10d67b:#0B0C0D;--e-global-color-cdde381:#F2F4F7;--e-global-color-69dc662:#141517;--e-global-color-fbee5cb:#2A2D31;--e-global-color-67f7c3e:#8A9099;--e-global-color-9a3f516:#000000;--e-global-color-9630b48:#FFFFFF;--e-global-color-a292ce2:#FFFFFF1A;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-size:3.5rem;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:1.15em;--e-global-typography-secondary-font-family:"Allura";--e-global-typography-secondary-font-size:4.5rem;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-line-height:1.1em;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:1rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.65em;--e-global-typography-text-letter-spacing:0px;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:0.75rem;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-line-height:1.4em;--e-global-typography-accent-letter-spacing:0.15em;--e-global-typography-c0f5941-font-family:"Inter";--e-global-typography-c0f5941-font-size:0.875rem;--e-global-typography-c0f5941-font-weight:400;--e-global-typography-c0f5941-line-height:1.6em;--e-global-typography-3cbd8b5-font-family:"Inter";--e-global-typography-3cbd8b5-font-size:1rem;--e-global-typography-3cbd8b5-font-weight:700;--e-global-typography-3cbd8b5-line-height:1rem;--e-global-typography-9020d30-font-family:"Inter";--e-global-typography-9020d30-font-size:1rem;--e-global-typography-9020d30-font-weight:500;--e-global-typography-6598828-font-family:"Inter";--e-global-typography-6598828-font-size:2rem;--e-global-typography-6598828-font-weight:700;--e-global-typography-6598828-line-height:1.15em;--e-global-typography-1dc4864-font-family:"Inter";--e-global-typography-1dc4864-font-size:1.5rem;--e-global-typography-1dc4864-font-weight:700;--e-global-typography-1dc4864-line-height:1.25em;--e-global-typography-d794c41-font-family:"Inter";--e-global-typography-d794c41-font-size:1.125rem;--e-global-typography-d794c41-font-weight:600;--e-global-typography-d794c41-line-height:1.35em;--e-global-typography-9eab4dc-font-family:"Inter";--e-global-typography-9eab4dc-font-size:0.85rem;--e-global-typography-9eab4dc-font-weight:700;--e-global-typography-9eab4dc-text-transform:uppercase;--e-global-typography-9eab4dc-line-height:1.4em;--e-global-typography-9eab4dc-letter-spacing:0.2em;background-color:var( --e-global-color-b10d67b );}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:var(--mrkt-base-gap);}.elementor-element{--widgets-spacing:var(--mrkt-base-gap) var(--mrkt-base-gap);--widgets-spacing-row:var(--mrkt-base-gap);--widgets-spacing-column:var(--mrkt-base-gap);}{}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:1300px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* GENERAL */

/* Elementor padding fixes */
.elementor-button {line-height:1em !important;}
.elementor-icon-wrapper { line-height: 0; }
p:last-of-type {margin-block-end: 0;}

.cmplz-placeholder-1 {
    height: inherit !important;
}

/* Variables */

:root{
  --e-n-carousel-slide-container-height: 100%; /* Set Elementor Carousel Widgets Slide height to fill the Carousel's height */
 
  /* borders */
  --mrkt-border-width: 2px;
  --mrkt-border-radius: 5px;
  --mrkt-border-radius-L: 18px;
  --mrkt-border-top-left-radius: var(--mrkt-border-radius);
  --mrkt-border-top-right-radius: var(--mrkt-border-radius);
  --mrkt-border-bottom-right-radius: var(--mrkt-border-radius);
  --mrkt-border-bottom-left-radius: var(--mrkt-border-radius);
}

@media only screen and (min-width: 1301px)  {
    body {
        padding-left: var(    --mrkt-header-sidebar-width);
    }
}

/* L */
@media only screen and (min-width: 1301px)  {
  :root {
    /* distances, STATIC DONT CHANGE */
    --mrkt-XS: 0.5rem;
    --mrkt-S: 1rem;
    --mrkt-M: 2rem;
    --mrkt-L: 4rem;
    --mrkt-XL: 6rem;

    /* default container */
    --mrkt-default-padding: var(--mrkt-M);

    --mrkt-default-padding-left: var(--mrkt-default-padding);
    --mrkt-default-padding-right: var(--mrkt-default-padding);
    --mrkt-default-padding-top: var(--mrkt-default-padding);
    --mrkt-default-padding-bottom: var(--mrkt-default-padding);
    --mrkt-default-gap: var(--mrkt-S);

    /* root containers */
    --mrkt-root-padding-vert: var(--mrkt-L);
    --mrkt-root-padding-vert-alt: 0;
    --mrkt-root-padding-side: 5vw;
    --mrkt-root-padding-side-alt: 0;

    --mrkt-root-padding-left: var(--mrkt-root-padding-side);
    --mrkt-root-padding-right: var(--mrkt-root-padding-side);
    --mrkt-root-padding-top: var(--mrkt-root-padding-vert);
    --mrkt-root-padding-bottom: var(--mrkt-root-padding-vert);
    --mrkt-base-gap: var(--mrkt-S);
    --mrkt-root-gap: var(--mrkt-M);

    /* mrkt_root_container_header */
    --mrkt-header-sidebar-width: 100px;
    --mrkt_root_container_header-height: var(--mrkt-header-sidebar-width);
  }
}

/* M */
@media only screen and (max-width: 1300px) and (min-width: 768px) {
  :root {
    /* distances, STATIC DONT CHANGE */
    --mrkt-XS: 0.425rem;
    --mrkt-S: 0.85rem;
    --mrkt-M: 1.7rem;
    --mrkt-L: 3.4rem;
    --mrkt-XL: 5.1rem;

    /* root */
    --mrkt-root-padding-vert: var(--mrkt-L);
    --mrkt-root-padding-vert-alt: 0;
    --mrkt-root-padding-side: 3vw;
    --mrkt-root-padding-side-alt: 0;

    --mrkt-root-padding-left: var(--mrkt-root-padding-side);
    --mrkt-root-padding-right: var(--mrkt-root-padding-side);
    --mrkt-root-padding-top: var(--mrkt-root-padding-vert);
    --mrkt-root-padding-bottom: var(--mrkt-root-padding-vert);
    --mrkt-base-gap: var(--mrkt-S);
    --mrkt-root-gap: var(--mrkt-M);

    /* mrkt_root_container_header */
    --mrkt_root_container_header-height: 80px;
  }
}

/* S */
@media only screen and (max-width: 767px)  {
  :root {
    /* distances, STATIC DONT CHANGE */
    --mrkt-XS: 0.35rem;
    --mrkt-S: 0.7rem;
    --mrkt-M: 1.4rem;
    --mrkt-L: 2.8rem;
    --mrkt-XL: 4.2rem;

    /* root */
    --mrkt-root-padding-vert: var(--mrkt-M);
    --mrkt-root-padding-side: var(--mrkt-M);

    --mrkt-root-padding-left: var(--mrkt-root-padding-side);
    --mrkt-root-padding-right: var(--mrkt-root-padding-side);
    --mrkt-root-padding-top: var(--mrkt-root-padding-vert);
    --mrkt-root-padding-bottom: var(--mrkt-root-padding-vert);
    --mrkt-base-gap: var(--mrkt-S);
    --mrkt-root-gap: var(--mrkt-M);

    /* mrkt_root_container_header */
    --mrkt_root_container_header-height: 80px;
  }
}

/* Classes */
.mrkt_root_container {
  padding: var(--mrkt-root-padding-top) var(--mrkt-root-padding-right) var(--mrkt-root-padding-bottom) var(--mrkt-root-padding-left);
  /* gap: var(--mrkt-root_container-gap); */
}

.mrkt_root_container_hero-interior {
  padding: calc(var(--mrkt-root-padding-top) + var(--mrkt_root_container_header-height)) var(--mrkt-root-padding-right) var(--mrkt-root-padding-bottom) var(--mrkt-root-padding-left);
  /* gap: var(--mrkt-root_container-gap); */
}

/* Create Divider on Root Container */
.mrkt_root_container:not(:first-child)::after,.mrkt_root_container_footer:after {
    content: '';
    position: absolute;
    top: 0;
    left: 10%;
    width: 80%;
    height: 1px;
    background: linear-gradient(
        90deg, 
        transparent 0%, 
        var(--e-global-color-primary) 50%, 
        transparent 100%
    );
    
    opacity: 0.8;
}

.mrkt_root_container_header {
  padding-left: var(--mrkt-root-padding-side);
  padding-right: var(--mrkt-root-padding-side);
  padding-top: var(--mrkt-XS);
  padding-bottom: var(--mrkt-XS);
  height: var(--mrkt_root_container_header-height);
  /* gap: var(--mrkt-root_container-gap); */
}

.mrkt_root_container_footer {
  padding: var(--mrkt-root-padding-top) var(--mrkt-root-padding-right) var(--mrkt-root-padding-bottom) var(--mrkt-root-padding-left);
  /* gap: var(--mrkt-root_container-gap); */
}

.mrkt_root-zero_container {
  padding: var(--mrkt-root-padding-top) 0 var(--mrkt-root-padding-bottom) 0;
  /* gap: var(--mrkt-root_container-gap); */
}

.mrkt_root-zero-left_container {
  padding: var(--mrkt-root-padding-top) var(--mrkt-root-padding-right) var(--mrkt-root-padding-bottom) 0;
  /* gap: var(--mrkt-root_container-gap); */
}

.mrkt_root-zero-right_container {
  padding: var(--mrkt-root-padding-top) 0 var(--mrkt-root-padding-bottom) var(--mrkt-root-padding-left);
  /* gap: var(--mrkt-root_container-gap); */
}

body{
/* ==== BACKGROUNDS ==== */
--mrkt-bg-spotlight-red:
  radial-gradient(60vw 30vh at -10% -10%,
    rgba(204,0,0,0.25) 0%, rgba(204,0,0,0) 60%),
  var(--e-global-color-b10d67b);
    
--mrkt-bg-sheen: linear-gradient(180deg, rgba(255,255,255,0.06) 0%,
                            rgba(255,255,255,0.00) 60%),
    var(--e-global-color-69dc662);
    
/* ==== GRADIENTS ==== */
--mrkt-gradient-red: linear-gradient(90deg,
            var(--e-global-color-secondary) 0%,
            var(--e-global-color-primary) 40%,
            var(--e-global-color-accent) 100%);
            
            
--mrkt-gradient-white: linear-gradient(90deg,
            var(--e-global-color-9630b48) 0%,
            #E9ECF1 50%,
            var(--e-global-color-67f7c3e) 100%);
            
/* ====== SHADOWS ===== */

    /* 1. STANDARD: Deep depth + Primary Red Glow */
    --mrkt-shadow-btn-primary: 
        0 14px 28px color-mix(in srgb, var(--e-global-color-b10d67b) 60%, transparent), 
        0 4px 12px color-mix(in srgb, var(--e-global-color-primary) 30%, transparent), 
        0 1px 0 color-mix(in srgb, var(--e-global-color-text) 8%, transparent) inset;

    /* Higher lift + Brighter Accent Red Glow */
    --mrkt-shadow-btn-hover: 
        0 20px 40px color-mix(in srgb, var(--e-global-color-9a3f516) 70%, transparent), 
        0 8px 16px color-mix(in srgb, var(--e-global-color-accent) 40%, transparent), 
        0 1px 0 color-mix(in srgb, var(--e-global-color-9630b48) 15%, transparent) inset;

    /* SUBTLE/DARK: For non-primary buttons */
    /* Uses Charcoal and Graphite, no Red glow */
    --mrkt-shadow-btn-dark: 
        0 10px 20px color-mix(in srgb, var(--e-global-color-9a3f516) 50%, transparent), 
        0 2px 5px color-mix(in srgb, var(--e-global-color-69dc662) 50%, transparent), 
        0 1px 0 color-mix(in srgb, var(--e-global-color-67f7c3e) 10%, transparent) inset;
}

.mrkt-bg-spotlight-red{
  background: var(--mrkt-bg-spotlight-red);
}

.mrkt-bg-sheen{
  background: var(--mrkt-bg-sheen);
}


.mrkt-gradient-text-red {
  background: var(--mrkt-gradient-red);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent; /* fallback */
}

.mrkt-gradient-text-white {
    background: var(--mrkt-gradient-white);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent; /* fallback */
}

/* === BUTTON STYLING === */
.mrkt-btn,
.mrkt-btn-white{
    box-shadow: var(--mrkt-shadow-btn-primary);
    max-width: max-content!important;
    transition: transform .18s ease, box-shadow .18s ease, background-position .4s ease;
    will-change: transform, box-shadow;
}

.mrkt-hero-label {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: fit-content;
}

/* Create the 4 Gradient Bars */
.mrkt-hero-label::before {
    content: '';
    display: block;
    width: 28px; 
    height: 19px;
    align-self: center;
    
    /* 1. THE FIX: Prevent the bars from squishing */
    flex-shrink: 0; 
    
    /* 2. SAFEGUARD: Keep the skew from pushing it off-screen on tiny displays */
    margin-left: 6px; 

    /* The Vertical Gradient */
    background: linear-gradient(0deg, 
        var(--e-global-color-secondary) 0%, 
        var(--e-global-color-primary) 40%, 
        var(--e-global-color-accent) 100%
    );
    
    /* The Mask */
    -webkit-mask-image: repeating-linear-gradient(90deg, #000 0px, #000 4px, transparent 4px, transparent 7px);
    mask-image: repeating-linear-gradient(90deg, #000 0px, #000 4px, transparent 4px, transparent 7px);
    
    /* The Skew Angle */
    transform: skewX(-37deg);
}

/* Reset Elementor's default margins so alignment is perfect */
.mrkt-hero-label .elementor-heading-title {
    margin: 0;
    line-height: 1;
}

/* Create the Gradient Border */
.mrkt-btn::after {
    content: "";
    position: absolute;
    top: calc(var(--mrkt-border-width) * -1);
    left: calc(var(--mrkt-border-width) * -1);
    right: calc(var(--mrkt-border-width) * -1);
    bottom: calc(var(--mrkt-border-width) * -1);
    background: var(--mrkt-gradient-red) !important;
    border-radius: var(--mrkt-border-radius)!important;
    padding: var(--mrkt-border-width);
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
 
    background-size: 150% 100%;
    background-position: left center; 
}

.mrkt-btn-white::after {
    content: "";
    position: absolute;
    top: calc(var(--mrkt-border-width) * -1);
    left: calc(var(--mrkt-border-width) * -1);
    right: calc(var(--mrkt-border-width) * -1);
    bottom: calc(var(--mrkt-border-width) * -1);
    background: var(--mrkt-gradient-white) !important;
    border-radius: var(--mrkt-border-radius)!important;
    padding: var(--mrkt-border-width);
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
 
    background-size: 150% 100%;
    background-position: left center; 
}

/* Give the Text also the Gradient on hover */
.mrkt-btn:hover.premium-button-text-icon-wrapper span{
  background: var(--mrkt-gradient-red);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.mrkt-btn-white:hover.premium-button-text-icon-wrapper span{
  background: var(--mrkt-gradient-white);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

/* === ANIMATION  === */

/* On Hover: Button moves down a bit, Shadow gets BIGGER and BRIGHTER */
.mrkt-btn:hover,
.mrkt-btn-white:hover{
    transform: translateY(1px); /* Changed to -2px to move UP, matching shadow growth */
    box-shadow: var(--mrkt-shadow-btn-hover);
}

/* On Click: Button moves DOWN, Shadow gets SMALLER*/
.mrkt-btn:active,
.mrkt-btn-white:active{
    transform: translateY(2px);
    box-shadow: var(--mrkt-shadow-btn-primary); 
}

.mrkt-btn:focus-visible,
.mrkt-btn-white:focus-visible{
    outline: none;
    box-shadow: var(--mrkt-shadow-btn-hover); 
}


/* Background Patterns*/

/* Base settings for all patterns */
[class*="mrkt-bg-pattern-"] {
    position: relative;
    /* Ensures pattern doesn't overflow rounded corners */
    overflow: hidden !important; 
    z-index: 0;
}

/* Create the pattern on a pseudo-element so it overlays background colors */
[class*="mrkt-bg-pattern-"]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Behind content, in front of background color */
    pointer-events: none; /* Let clicks pass through */
    opacity: 1; /* Optional: Blends pattern with the background color */
}

.mrkt-bg-pattern-grid::before {
    /* This creates the Grid Lines */
    background-image: 
        linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px), /* Horizontal lines */
        linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px); /* Vertical lines */
    
    /* This sets the size of the grid squares */
    background-size: 4rem 2rem;

    /* This fades the grid out so it isn't too harsh (The "Ghost" effect) */
    mask-image: linear-gradient(to left, black, transparent);
}

.mrkt-bg-pattern-dots::before{
    /* Creates a single tiny dot (1px radius) that fades to transparent */
    background-image: radial-gradient(circle, rgba(255,255,255,0.05) 1px, transparent 1px);
    
    /* Tells the browser to repeat that dot every 1.5rem */
    background-size: 1.5rem 1.5rem;
}

.mrkt-bg-pattern-blueprint::before{
    background-image: 
    linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
background-size: 4rem 4rem;
}

/* NAV LINKS */
.mrkt-sitemap-link {
    position: relative;
}

.mrkt-sitemap-link .elementor-heading-title a {
    display: inline-block !important; /* Crucial for padding animations on links */
    padding-left: 0; 
    transition: padding-left 0.3s ease, color 0.3s ease !important; 
}

/* the Red Line (Hidden initially) */
.mrkt-sitemap-link::before {
    content: '';
    position: absolute;
    left: 0rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0; 
    height: 4px;
    background-color: var(--e-global-color-primary);
    transition: width 0.3s ease !important;
    z-index: 1; 
}

/* ===== HOVER STATES ===== */

/* Grow the red line */
.mrkt-sitemap-link:hover::before {
    width: 1rem;
}

/* Smoothly push the text to the right and change color */
.mrkt-sitemap-link:hover .elementor-heading-title a {
    padding-left: 1.5rem !important; /* Pushes the text right to make room for the line */
    color: #FFFFFF !important;
}

.mrkt-sitemap-link-service {
    font-size: 1.25rem;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    padding-bottom: 0.5rem;
    width: 100%;
    display: block;
}

.mrkt-sitemap-link-service:hover .elementor-heading-title a {
    border-bottom-color: var(--mrkt-primary-red);
}

@media only screen and (max-width: 767px)  {
    .mrkt-sitemap-link{
        background: var(--mrkt-gradient-white)!important;
        -webkit-background-clip: text!important;
        -webkit-text-fill-color: transparent!important;
        background-clip: text!important;
        color: transparent!important; /* fallback */    
    }
    .mrkt-sitemap-link a{
    font-family: var(--e-global-typography-1dc4864-font-family), Sans-serif!important;
    font-size: var(--e-global-typography-1dc4864-font-size)!important;
    font-weight: var(--e-global-typography-1dc4864-font-weight)!important;
    line-height: var(--e-global-typography-1dc4864-line-height)!important;
    letter-spacing: var(--e-global-typography-1dc4864-letter-spacing)!important;
    }
}/* End custom CSS */