.elementor-10068 .elementor-element.elementor-element-453b75a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10068 .elementor-element.elementor-element-e33a347 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-10068 .elementor-element.elementor-element-903c2eb{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10068 .elementor-element.elementor-element-903c2eb:not(.elementor-motion-effects-element-type-background), .elementor-10068 .elementor-element.elementor-element-903c2eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-10068 .elementor-element.elementor-element-8454c6a > .elementor-widget-container{margin:0px 0px 19px 0px;padding:0px 0px 0px 0px;}.elementor-10068 .elementor-element.elementor-element-989e2a2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-10068 .elementor-element.elementor-element-ab704d7{--display:flex;}.elementor-10068 .elementor-element.elementor-element-bbb5166{--display:flex;--padding-top:60px;--padding-bottom:020px;--padding-left:0px;--padding-right:0px;}.elementor-10068 .elementor-element.elementor-element-bbb5166:not(.elementor-motion-effects-element-type-background), .elementor-10068 .elementor-element.elementor-element-bbb5166 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}body.elementor-page-10068:not(.elementor-motion-effects-element-type-background), body.elementor-page-10068 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(min-width:768px){.elementor-10068 .elementor-element.elementor-element-453b75a{--width:100%;}.elementor-10068 .elementor-element.elementor-element-903c2eb{--width:100%;}.elementor-10068 .elementor-element.elementor-element-989e2a2{--width:100%;}.elementor-10068 .elementor-element.elementor-element-bbb5166{--content-width:1500px;}}@media(max-width:1024px){.elementor-10068 .elementor-element.elementor-element-453b75a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10068 .elementor-element.elementor-element-903c2eb{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-10068 .elementor-element.elementor-element-453b75a{--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-10068 .elementor-element.elementor-element-903c2eb{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-10068 .elementor-element.elementor-element-989e2a2{--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}}/* Start custom CSS for container, class: .elementor-element-903c2eb */.elementor-10068 .elementor-element.elementor-element-903c2eb{
        width: 100vw !important;         /* Full viewport width */
    max-width: 100vw !important;     /* Prevent theme/container limits */
    margin-left: calc(-50vw + 50%) !important;  /* Align with viewport left edge */
    position: relative;
    left: 0;
    right: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
    overflow: hidden; /* Optional: avoid horizontal scroll from marquee overflow */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bbb5166 */.footer-top-container {
    width: 100vw !important;
    max-width: 100vw !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    position: relative;
    box-sizing: border-box;
  
}/* End custom CSS */
/* Start custom CSS */body, body *{
    color:#fff
}


/* BODY BACKGROUND IMAGE
body {
background: url('https://speedxmedia.com/wp-content/uploads/2025/06/home-bg.jpg')!important;
background-size:cover!important;
 
}
*/

.qodef-header--minimal-centered #qodef-page-header{
    background: transparent;
}



#qodef-page-header-inner.qodef-skin--light .qodef-opener-icon.qodef-source--predefined:not(.qodef--opened){
    color:#fff!important;
}

.qodef-interactive-link-showcase.qodef-layout--list .qodef-m-inner{
    padding-top:20px;
}


.qodef-content-grid-1500 .qodef-content-grid {
  /* limit to 90% of the viewport width */
  width: 90vw;
  max-width: none;          /* remove the hard cap */
  margin: 0 auto;           /* center it */
  padding: 0 20px !important;
  box-sizing: border-box;
}

.qodef-interactive-link-showcase.qodef-layout--list .qodef-m-images-holder {
  display: flex;
  flex-direction: column;
  justify-content: flex-start; /* Align to top */
  align-items: flex-start;     /* Ensure alignment left if needed */
}

.qodef-interactive-link-showcase.qodef-layout--list .qodef-m-image {
  position: absolute;          /* Important for stacking & hover swaps */
  top: 0;                      /* Align to top */
  left: 0;
  width: 100%;
  height: auto;                /* Avoid forced stretching */
  display: flex;
  align-items: flex-start;     /* Ensure top alignment */
  justify-content: flex-start;
  pointer-events: none;        /* Optional: prevents flicker issues */
}

.qodef-interactive-link-showcase.qodef-layout--list .qodef-m-image-inner {
  display: block;
  height: auto;
  max-height: 100%;
}


.qodef-interactive-link-showcase.qodef-layout--list .qodef-m-images-holder {
   
    padding: 0px 0 0 50px!important;
}
    
    


:root {
  --title-color: #ffffff;
}

/* ─── SECTION LAYOUT ─────────────────────────────────────────────── */
.no-flings {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
  
    background-color: transparent;
    text-align: left;
    position: relative;
    z-index: 1;
}
.no-flings__container {
  max-width: 20ch;
  margin: 0 auto;
  line-height: 1;
}

/* ─── FLUID, CLAMPED FONT-SIZE ───────────────────────────────────── */
.no-flings__container,
.no-flings__title {
  font-size: clamp(3rem, 8vw, 7rem);
}

/* ─── FORCE ONE LINE PER ROW ─────────────────────────────────────── */
.no-flings__title {
  display: inline-block;
}
.no-flings__title-row {
  display: block;
  margin-bottom: .2em;
  font-weight: 700;
  /* the magic gradient */
  background: linear-gradient(
    90deg,
    var(--title-color) 50%,
    rgba(255,255,255,0.2) 50%
  );
  /* clip it to the text */
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  
  /* start “empty” (100% = all grey half of gradient) */
  background-size: 200% 100%;
  background-position: 100% 0;
}




.qodef-interactive-link-showcase.qodef-layout--list .qodef-m-inner {
    display: flex;
    align-items: center; /* Vertically center both columns */
    height: 100%;        /* Make sure it fills the parent */
    padding-top: 0px;
}

.qodef-interactive-link-showcase.qodef-layout--list .qodef-m-items {
    width: 50%;
    /* Remove any large bottom padding here if present */
   padding: 30px 5% 0px 0;
    box-sizing: border-box;
}

.qodef-interactive-link-showcase.qodef-layout--list .qodef-m-images-holder {
    width: 50%;
    padding: 0 0 0 40px;
    display: flex;
    justify-content: center;  /* Center horizontally */
    align-items: center;      /* Center vertically */
    /* Remove position: relative unless you need stacking */
}

.qodef-interactive-link-showcase.qodef-layout--list .qodef-m-images {
    width: auto;
    max-width: 100%;
    display: flex;
    justify-content: center;  /* Center image inside holder */
    align-items: center;
}

.qodef-interactive-link-showcase.qodef-layout--list .qodef-m-image {
    /* Remove position: absolute; */
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.qodef-interactive-link-showcase.qodef-layout--list .qodef-m-image-inner img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}



@media only screen and (max-width: 680px) {
    .qodef-interactive-link-showcase.qodef-layout--list .qodef-m-images {
        display: none!important;
    }
    
    .qodef-interactive-link-showcase {
    height: 100%!important;
}


.no-flings__title {
    font-size: 2.2rem !important;
}


.qodef-interactive-link-showcase.qodef-layout--list .qodef-m-items{
    padding-top:10px!important;
}


}


.qodef-interactive-link-showcase {
   
   height: auto!important
}/* End custom CSS */