.elementor-31715 .elementor-element.elementor-element-ee4247f > .elementor-container{max-width:1200px;}.elementor-31715 .elementor-element.elementor-element-89d6dd8 > .elementor-container{max-width:1100px;}.elementor-31715 .elementor-element.elementor-element-d7200d0 > .elementor-container{max-width:1000px;}.elementor-31715 .elementor-element.elementor-element-d7200d0{padding:4rem 0rem 0rem 0rem;}.elementor-31715 .elementor-element.elementor-element-a17b297 > .elementor-container{max-width:1100px;}.elementor-31715 .elementor-element.elementor-element-a17b297{padding:2rem 0rem 0rem 0rem;}.elementor-31715 .elementor-element.elementor-element-bfb391c > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-31715 .elementor-element.elementor-element-c08a83d > .elementor-container{max-width:800px;}.elementor-31715 .elementor-element.elementor-element-cfac3f0:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-31715 .elementor-element.elementor-element-cfac3f0 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5981f7c );}.elementor-bc-flex-widget .elementor-31715 .elementor-element.elementor-element-cfac3f0.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-31715 .elementor-element.elementor-element-cfac3f0.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-31715 .elementor-element.elementor-element-cfac3f0 > .elementor-element-populated >  .elementor-background-overlay{opacity:0.5;}.elementor-31715 .elementor-element.elementor-element-cfac3f0 > .elementor-element-populated{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-a9a0466 );box-shadow:0px 0px 45px -5px rgba(0, 0, 0, 0.15);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:20px 20px 20px 20px;--e-column-margin-right:20px;--e-column-margin-left:20px;padding:40px 30px 020px 30px;}.elementor-31715 .elementor-element.elementor-element-cfac3f0 > .elementor-element-populated, .elementor-31715 .elementor-element.elementor-element-cfac3f0 > .elementor-element-populated > .elementor-background-overlay, .elementor-31715 .elementor-element.elementor-element-cfac3f0 > .elementor-background-slideshow{border-radius:20px 20px 20px 20px;}.elementor-31715 .elementor-element.elementor-element-cfac3f0 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-31715 .elementor-element.elementor-element-8a2fccb > .elementor-container{max-width:900px;}.elementor-31715 .elementor-element.elementor-element-8a2fccb{padding:1rem 0rem 03rem 0rem;}.elementor-31715 .elementor-element.elementor-element-8fedb50 > .elementor-widget-container{border-radius:15px 15px 15px 15px;box-shadow:0px 0px 30px 5px rgba(255, 255, 255, 0.2);}.elementor-31715 .elementor-element.elementor-element-8fedb50 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-31715 .elementor-element.elementor-element-8fedb50 .elementor-custom-embed-play i{color:var( --e-global-color-accent );}.elementor-31715 .elementor-element.elementor-element-8fedb50 .elementor-custom-embed-play svg{fill:var( --e-global-color-accent );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-31715 .elementor-element.elementor-element-a17b297{padding:0rem 0rem 0rem 0rem;}.elementor-31715 .elementor-element.elementor-element-bfb391c > .elementor-element-populated{padding:20px 20px 20px 20px;}.elementor-31715 .elementor-element.elementor-element-cfac3f0 > .elementor-element-populated{margin:20px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}}/* Start custom CSS for html, class: .elementor-element-b81ae4a */.platform-header{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding:5rem 1rem 2rem;
 }
 
  .platform-header h1 {
      font-size:4.5rem;
      font-weight: 600;
      text-align: center;
      line-height: 1.1;
      padding: 1rem 4rem;
      color: #001F52;
    font-family: Arial;
    }
    
    button.btn-get-demo {
    background: linear-gradient(270deg, #F9E11C, #FFD600, #FFF380, #F9E11C);
    background-size: 400% 400%;
    padding: .75rem 4rem;
    border-radius: 50px;
    transition: background-position 0.5s ease, box-shadow 0.3s ease;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    display: inline-block;
    position: relative;
    overflow: hidden;
    font-size: 1.1rem;
    font-weight: 600;
    border: 1px solid rgba(255, 255, 255, 0.2);
    letter-spacing:0.5px;
margin-top:1rem;
}

.btn-get-demo:hover {
    background-position: 100% 0;
}

.btn-get-demo a {
    text-decoration: none;
    color: #000;
    display: inline-block;
    position: relative;
    transition: padding-right 0.3s ease;
}

.btn-get-demo a::after {
    content: "→";
    position: absolute;
    right: 0;
    opacity: 0;
    transform: translateX(-10px);
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.btn-get-demo:hover a::after {
    opacity: 1;
    transform: translateX(5px);
}

.btn-get-demo:hover a {
    padding-right: 1.5rem;
}
.platform-logos {
      image-rendering: auto;
  max-width: 100%;
  height: auto;
  display:none;
}

.platform-logo-mobile{
        display:flex;
        justify-content:center;
        align-items: center;
        width:900px;
          image-rendering: auto;
          margin-top:-5rem;
}

    @media(max-width: 850px){
         .platform-header{
      padding: 1.5rem 1rem;
         }
.platform-logos {
     display:none;
}

.platform-logo-mobile{
          margin-top:0rem;
}

        .platform-header h1{
                    font-size: 3rem;
                          padding: 1rem 0;
          }
              button.btn-get-demo {
                  margin-bottom:1rem;
              }
              
             
    }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-ee4247f */.hero-background-platform{
  background: linear-gradient(
    180deg,
    rgba(204, 219, 238, 1) 0%,       
    rgba(243, 245, 251, 1) 10%,
    rgba(255, 255, 255, 1) 65%,      
    rgba(204, 219, 238, 0.5) 100%
  );
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5812b0f */.platform-case-studies-section {
    margin:5rem 0 0;
  padding: 5rem 2rem 2rem;
  text-align: center;
  font-family: 'Arial';
    border-radius: 20px;
   background: #F3F5FB;
  background: linear-gradient(
    180deg,
        rgba(204, 219, 238, 0.3) 0%,
    rgba(243, 245, 251, 1) 17%,
    rgba(255, 255, 255, 1) 55%,   
    rgba(204, 219, 238, .2) 100%
  );
  box-shadow: 0 4px 14px rgba(0,0,0,0.06);
  border: 1px solid #eaeff5;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.platform-case-studies-section h2{
    font-size: 3rem;
    text-align:center;
    font-family: 'Arial';
}

.case-studies-section {
  display: flex;
  flex-direction: row; 
  justify-content: center; 
  align-items: flex-start; 
  gap: 2rem; 
  padding: 0 2rem;
}


.case-card,
.case-card-2 {
  flex: 1;
  max-width: 50%; 
  box-sizing: border-box;
}
.case-card {
  text-align: left;
}

.case-card p,
.case-card-2{
  font-size: 1.9rem;
  font-weight: 600;
  color: #0a2540;
  margin-bottom: 1.25rem;
  text-align: center;
  padding-top:1rem;
}

.case-card ul {
  list-style-type: disc;
  padding-left: 1.2rem;
  margin-bottom: 3rem;
}

.case-card ul li {
  font-size: 1.2rem;
  color: #444;
  line-height: 1.75;
  margin-bottom: 1rem;
}

.li-bold{
    color: #114191;
    font-weight:700;
}

.logo-container{
    display:flex;
    justify-content:center;
    padding-bottom: 1rem;
}
.case-study-logos{
width:80%;
}

.case-study-img{
    width:100%;
}

.sitation {
    color: #222;
    font-size: 1rem;
    font-weight: 400;
    font-style: italic;
}

/* ----------- RESPONSIVE ----------- */
@media (max-width: 850px) {
    
    .platform-case-studies-section{
          padding: 3rem 1rem 2rem;
    }
    .platform-case-studies-section h2{
        font-size:2rem;
    }
  .case-studies-section {
    flex-direction: column;
    align-items: center;
    padding: 0;
  }

  .case-card,
  .case-card-2 {
    max-width: 100%;
  }
  
  .case-card-2 {
    margin-top:-50px;
}

    
  .section-title {
    font-size: 2rem;
  }
  
  .case-card p{
      font-size:1.5rem;
  }
  
  .case-card h3{
    font-size: 1.25rem;
    text-align:center;
  }
  .case-study-logos{
width:60%;
padding-bottom:1rem;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-32637cc */.everything-you-need {
  --bg: #f8f9fa;
  --white: #ffffff;
  --light-gray: #e2e8f0;
  --gray: #4a5568;
  --dark: #1a202c;
  --transition: 0.3s ease;
  font-family: Arial;
  padding:4rem 0;
}

.everything-you-need h2{
    font-size: 3rem;
    text-align:center;
    font-family: 'Arial';
}
.subtext-p2 {
  font-size: 1.75rem;
  color: #444;
  text-align: center;
  margin-bottom: 3.5rem;
}

.accordion-container {
  max-width: 800px;
  margin: auto;
  border-radius: 8px;
  overflow: hidden;
}

.accordion-item {
  border-bottom: 1px solid var(--light-gray);
}

.accordion-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem;
  cursor: pointer;
  text-decoration: none;
  color: black;
  background-color: transparent;
  transition: none;
  border: none;
}

.accordion-header:hover {
  background-color: transparent;

}
.accordion-header h3 {
  font-size: 1.25rem;
  margin: 0;
  color: black;
    font-family: 'Arial';
}

.accordion-header::after {
  content: "+";
  font-size: 1.25rem;
  color: var(--gray);
  transition: transform var(--transition);
}

.accordion-header.active::after {
  content: "-";
  transform: rotate(180deg);
}

.accordion-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--transition);
  padding: 0 1.25rem;
  background-color: transparent;
}

.accordion-body p {
  padding: 1rem 0;
  margin: 0;
  font-size: 1.15rem;
  color: #4a5568;
    font-family: 'Arial';
}
.accordion-item:last-of-type {
  border-bottom: none;
}
.accordion-feature-imgs-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: -50px;
  padding: 1rem 0;
  text-align: center;
}

.accordion-feature-imgs {
  width: 50% !important;
  max-width: 50% !important;
  height: auto;
  display: block;
  margin: 0 auto;
}

a.case-link {
  text-decoration: none;
  color: #114191;
  font-weight: bold;
  display: inline-block;
  transition: color var(--transition);
  cursor: pointer;
  font-size:1rem;
}


.case-link .arrow {
  display: inline-block;
  transition: transform 0.3s ease;
}

.case-link:hover .arrow {
  transform: translateX(5px);
}

@media (max-width: 600px) {
    .everything-you-need h2{
        font-size:2rem;
    }
  .accordion-header h3 {
    font-size: 1rem;
  }

  .accordion-body p {
    font-size: 0.9rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5ce681b */.compare-platforms{
    padding:0 0 5rem;
}

.compare-platforms h2{
    font-size: 3rem;
    text-align:center;
      font-family: 'Arial';
}
.subtext-p2 {
  font-size: 1.75rem;
  color: #444;
  text-align: center;
font-family: 'Arial';
}

.case-study-table-img{
    margin: -100px auto;
}

@media(max-width:850px){
    .case-study-table-img{
    margin: -30px auto;
}
.compare-platforms h2{
    font-size:2rem;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-818b404 */.pos-that-works {
    padding: 5rem 0;
}

.pos-that-works h2 {
    font-size: 3rem;
    text-align: center;
    font-family: 'Arial';
}

.subtext-p2 {
    font-size: 1.75rem;
    color: #444;
    text-align: center;
    margin-bottom: 2rem;
    font-family: 'Arial';
}

.more-integrations-text {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 500;
    color: #333;
    margin: 3rem auto 1.5rem;
    font-family: 'Arial';
}

.integration-boxes {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 2rem;
    margin: 0 auto;
    padding: 1rem;
    flex-wrap: wrap;
}

.feature {
    flex: 1;
    max-width: 500px;
    display: flex;
    flex-direction: column;
}

.integration-list {
    list-style-type: disc;
    padding-left: 1.5rem;
    margin: 1rem 0;
    text-align: left;
    color: #333;
    font-family: 'Arial';
    font-size: 1rem;
    flex-grow: 1;
}

.integration-list li {
    margin-bottom: 0.5rem;
    line-height: 1.4;
}

.logos-box {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 2rem 2rem 2.2rem;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    border: 1px solid #F0F4F9;
    min-height: 100%;
}

.logos-box img {
    width: 60%;
    margin: 0 auto 1rem;
    display: block;
}

.brand-text {
    font-size: 1.5rem;
    font-family: 'Arial';
    color: #000;
    text-align: center;
    margin-bottom: 0;
}

.brand-subtext {
    color: #000;
    line-height: 1;
    font-family: 'Arial';
    font-size: 1.5rem;
    padding-bottom: 1rem;
}

.succeed-cta {
    margin-top: auto;
    text-align: center;
}

a.chowly-button {
    font-family: 'Arial';
    background-color: #F9E11C;
    color: #000;
    padding: 0.75rem 4rem;
    border: none;
    border-radius: 30px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.chowly-button:hover {
    background-color: #e6d419;
    transform: translateY(-2px);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

/*=== LOGO GRID ====*/ 
.integrations-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2rem;
    padding: 1rem 2rem 0;
}

.logo-card {
    padding: 1.5rem 2rem;
    width: 150px;
    text-align: center;
    border-radius: 16px;
    background: #fff;
    border: 1px solid #F0F4F9;
    transition: transform 0.2s ease, box-shadow 0.3s ease;
}

.logo-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}

.logo-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 90px;
    margin-bottom: 15px;
}

.logo-card h4 {
    font-size: 15px;
    font-weight: 600;
    margin: 5px 0;
    color: #222;
}

.and-more {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
    font-weight: 600;
}

/* === MOBILE STYLES === */
@media (max-width: 800px) {
    .pos-that-works {
        padding: 3rem 0;
    }

    .pos-that-works h2 {
        font-size: 2rem;
    }

    .subtext-p2 {
        font-size: 1.25rem;
    }

    .integration-boxes {
        flex-direction: column;
        align-items: stretch;
    }

    .brand-text, .brand-subtext {
        color: #000;
        line-height: 1.3;
        font-family: 'Arial';
    }

    .logos-box {
        padding: 2rem 1rem;
        min-height: unset;
    }

    .brand-text {
        font-size: 1.5rem;
    }

    .integration-list {
        padding-left: 1.25rem;
    }

    .brand-subtext {
        font-size: 1.25rem;
    }

    /* Updated grid for 2 columns on mobile */
    .integrations-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
        padding: 0 1rem;
    }

    .logo-card {
        width: 100%; /* Let grid control width */
    }

    .logo-icon {
        width: 80px;
        height: 80px;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-906cc44 */.pos-background-lp{
background: #F3F5FB;
  background: linear-gradient(
    180deg,
        rgba(204, 219, 238, 0.3) 0%,
    rgba(243, 245, 251, 1) 13%,
    rgba(255, 255, 255, 1) 84%,   
    rgba(204, 219, 238, .2) 100%
  );
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-043c873 */.g2-section{
    padding:2rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #051c32;
    border-radius:18px;
}

.g2-section h4{
    font-size: 2rem;
    text-align:center;
      font-family: 'Arial';
}
.g2-section p{
  font-size: 1.25rem;
  color: #444;
  text-align: center;
  margin-bottom: 2rem;
        font-family: 'Arial';
}

.g2-logo{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.g2-logo img{
    width:10%;
    padding-bottom:0.75rem;
}

@media(max-width:850px){

    .get-started-today{
           padding:2rem 0 1rem; 
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3f3c2a4 */.get-started-today{
    padding:2rem 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.get-started-today h2{
    font-size: 3rem;
    text-align:center;
      font-family: 'Arial';
}
.subtext-p2 {
  font-size: 1.75rem;
  color: #444;
  text-align: center;
  margin-bottom: 1rem;
        font-family: 'Arial';
}

@media(max-width:850px){
    .get-started-today h2{
        font-size:2.25rem;
    }
    .get-started-today{
           padding:2rem 0 rem; 
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-a17b297 */.get-started-background{
  background: linear-gradient(
    180deg,
    rgba(243, 245, 251, 0.7) 0%,
    rgba(255, 255, 255, 1) 65%,      
    rgba(204, 219, 238, 0.5) 100%
  );
}/* End custom CSS */