.elementor-869 .elementor-element.elementor-element-4be12ed6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-869 .elementor-element.elementor-element-80ba6f8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-869 .elementor-element.elementor-element-16783741 img{width:100%;}.elementor-869 .elementor-element.elementor-element-6e7c33f3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-869 .elementor-element.elementor-element-7e7ec23d .elementor-button{font-family:"Matter Light", Sans-serif;font-size:15px;font-weight:400;line-height:26px;letter-spacing:-0.03em;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-radius:20px 20px 20px 20px;padding:10px 32px 10px 32px;}.elementor-869 .elementor-element.elementor-element-7e7ec23d{margin:0px 20px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-869 .elementor-element.elementor-element-2a7998f8{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-869 .elementor-element.elementor-element-2a7998f8{--width:105px;}}@media(max-width:767px){.elementor-869 .elementor-element.elementor-element-4be12ed6{--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-869 .elementor-element.elementor-element-80ba6f8{--width:50%;}.elementor-869 .elementor-element.elementor-element-6e7c33f3{--width:43%;--justify-content:flex-start;}.elementor-869 .elementor-element.elementor-element-2a7998f8{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;}}


/* Start custom CSS for html, class: .elementor-element-3a9fdcc4 *//* --- Menu Toggle Button --- */
a.menulinks {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #0A0E2D;
  font-size: 16px;
  cursor: pointer;
  position: relative;
  z-index: 9;
  text-decoration: none;
}

.menu-icon {
  width: 49px;
  height: 45px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background: #fff;
  position: fixed;
  top: 24px;
  right: 20px;
  z-index: 99;
}

.menu-icon .top-line,
.menu-icon .bottom-line {
  width: 25px;
  height: 2px;
  background: #0A0E2D;
  margin: 3px 0;
}

/* --- Slide Menu Panel --- */
.slide-menu {
  position: fixed;
  top: 0;
  right: 0;
  transform: translateX(150%);
  transition: transform .45s ease;
  width: 100%;
  max-width: 600px;
  height: 100vh;
  background: #7D65FB;
  z-index: 9999;
  overflow-y: auto;
  padding: 120px 65px 55px;
  box-shadow: -20px 0 100px rgba(0,0,0,0.25);
  border-radius: 10px 0 0 10px;
  display: flex;
  flex-direction: column;
}

.slide-menu.open {
  transform: translateX(0);
}

body.mobile-open {
  overflow: hidden;
}

/* --- Close Button --- */
.slide-menu .close {
  position: absolute;
  top: 18px;
  right: 22px;
  color: #fff;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* --- Nav Styles --- */
.slide-menu #main-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

.slide-menu #main-menu li {
  padding: 12px 0;
}

/* Top-level links */
.slide-menu #main-menu > li > a.nav-link,
.slide-menu #main-menu > li > a.dropdown-toggle {
  font-size: 56px;
  line-height: 60px;
  color: #fff;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content:flex-start;
  font-weight: 400;
  font-family: "Matter Light", Sans-serif;
}

/* Dropdown arrow */
.slide-menu #main-menu li.parent .chevva {
  
  width: 35px;
  height: 50px;
  flex-shrink: 0;
  position: relative;
  padding-left: 15px;
  
}

.slide-menu #main-menu li.parent .chevva svg {
  display: none !important; /* hide inline */
}

.slide-menu #main-menu li.parent .chevva::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url("https://flowstatesales.com/wp-content/themes/yellowball-child/images/arrow-down.svg") no-repeat center;
  background-size: contain;
  transition: transform .3s ease;
}

.slide-menu #main-menu li.parent.open .chevva::after {
  transform: rotate(180deg);
}

/* Dropdown menu */
.slide-menu #main-menu .dropdown-menu {
  display: none;
  margin: 28px 0 0;
  padding-left: 20px;
  list-style: none;
}

.slide-menu #main-menu li.open > .dropdown-menu {
  display: block;
}

.slide-menu #main-menu .dropdown-menu li {
  padding: 6px 0;
}

.slide-menu #main-menu .dropdown-menu li a.dropdown-item {
  font-size: 17px;
  color: #fff;
  text-decoration: none;
  display: block;
  font-weight: 300;
  font-family: "Matter Light", Sans-serif;
  line-height: 50px;
  transition: transform 0.7s cubic-bezier(.19,1,.22,1);
}

/* --- Bottom section --- */
.slide-menu .menu-bottom {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.slide-menu .menu-bottom ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.slide-menu .menu-bottom a {
  color: #fff;
  text-decoration: none;
  font-size: 15px;
}

@media screen and (max-width: 767px) {
  .slide-menu {
    padding: 80px 15px 20px;
    transform: translateX(150%);
  }
  
  a.menulinks span.name {
    padding-right: 35px;
  }
}/* End custom CSS */




/* Start Custom Fonts CSS *//* End Custom Fonts CSS */