.elementor-35348 .elementor-element.elementor-element-e013460 > .elementor-container{max-width:900px;}.elementor-35348 .elementor-element.elementor-element-1f84ae4 > .elementor-container{max-width:900px;}.elementor-35348 .elementor-element.elementor-element-520b79e > .elementor-container{max-width:900px;}.elementor-35348 .elementor-element.elementor-element-520b79e{padding:0px 0px 40px 0px;}.elementor-35348 .elementor-element.elementor-element-ff40623{width:initial;max-width:initial;}@media(min-width:768px){.elementor-35348 .elementor-element.elementor-element-94b4918{width:100%;}}/* Start custom CSS for html, class: .elementor-element-aad3633 */.header-section{
    font-family:Arial;
    padding: 2rem 0 0;
}

.category-container{
    display:flex;
    justify-content:center;
}

.category-badge {
  display: inline-block;
  background-color: #f0f0f0;
  font-size: 0.75em;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 0.5em 1em;
  border-radius: 4px;
  margin-bottom: 1em;
}

.category-badge a{
      color: #666;
}

.category-badge:hover{
background-color: #FFF5D6;

}

.category-badge:hover a{
   color: #222; 
}

.header-blog h1 {
    font-size:2.5rem;
    font-weight: 700;
    color: #001F52;
    font-family:Arial;
    text-align:center;
}


.header-blog .subtext {
  font-size: 1.35rem;
  color: #666666;
  line-height: 1.4;
  font-weight: 600;
  padding:1rem 0;
  text-align:center;
}


@media(max-width:800px){
    
.header-blog h1 {
    font-size:2rem;
    text-align: center;
}
.header-blog .subtext {
      font-size: 1.15rem;
    text-align: center;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-86147b4 */img.blog-header-image {
  width: 100%;
  height: 55vh;
  border-radius: 16px ;
  display: block;
  margin: 0 auto;
  object-fit: cover;
}


img.blog-header {
  margin: 0 auto 3rem;
}


@media (max-width: 768px) {
  .blog-header-image {
    border-radius: 12px 12px 0 0;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-17144e2 */.chowly-blog-section,
.chowly-blog-references-section{
    font-family:Arial;
    padding: 1rem 0;
}

.chowly-blog .eyebrow {
    font-weight: 800;
    font-size:1.35rem;
    color: #114191;
}

.chowly-blog h1 {
    font-size:2.5rem;
    font-weight: 700;
    color: #001F52;
    font-family:Arial;
    text-align:center;
}


.chowly-blog h2,
.chowly-blog h3{
    font-weight: 700;
    color: #001F52;
    font-family:Arial;
    padding:1.25rem 0;
}

.chowly-blog h2{
      font-size: 2.25rem;  
}
.chowly-blog h3{
    font-size: 1.75rem;
}

.chowly-blog h4{
    font-size: 1.35rem;
    padding-top:1rem;
}

img.bp-imgs {
  width: 75%;
  height: auto;
  display: block;
  margin: 2rem auto;
  border-radius:16px;
}

hr.blog-divider {
  border: none;
  border-top: 1px solid #e0e0e0;
  margin: 2em 0;
}


.bullet-list{
    padding:0 1rem;
}


/*----- CHECKLIST -----*/
 .checklist-container {
  max-width: 800px;
  margin: 2em auto;
  font-family: Arial;
  line-height: 1.6;
  color: #333;
}

.checklist-section {
  margin-bottom: 2em;
}

.checklist-section h3 {
  font-size: 1.1em;
  font-weight: 600;
  margin-bottom: 0.75em;
  padding-bottom: 0.5em;
  border-bottom: 2px solid #e0e0e0;
}

.checklist-section.critical h3 {
  color: #114191;
  border-bottom-color: #114191;
}

.checklist-section.high-impact h3 {
  color: #114191;
  border-bottom-color: #114191;
}

.checklist-section.optional h3 {
  color: #114191;
  border-bottom-color: #114191;
}

.checklist-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.75em;
  padding: 0.5em;
  border-radius: 4px;
  transition: background-color 0.2s;
}

.checklist-item:hover {
  background-color: #f5f5f5;
}

.checklist-item input[type="checkbox"] {
  margin-right: 0.75em;
  margin-top: 0.25em;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.checklist-item label {
  cursor: pointer;
  user-select: none;
}
/* --------- END CHECKLIST */



.chowly-blog .subtext {
  font-size: 1.6rem;
  color: #666666;
  line-height: 1.4;
  font-weight: 600;
  padding:1rem 0;
}

.chowly-blog p{
    color:#222;
}

a.customer-profile-links {
    color:#114191;
    font-weight: 700;
}
.customer-profile-links:hover{
    color: #001d4f;
    text-decoration: underline;
}

.featured {
  max-width: 720px;
  margin: 2rem auto;
  padding: 2rem;
  border-left: 4px solid #111;
  background-color: #fafafa;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.featured p {
  margin: 0 0 1.25rem;
  font-size: 1rem;
  line-height: 1.6;
  color: #222;
}



/*  ------------ COMPARISON TABLE */
      .comparison-table-wrapper {
                width: 100%;
                overflow-x: auto;
                margin: 2rem 0;
            }

            .comparison-table {
                width: 100%;
                border-collapse: collapse;
                background: #fff;
                border-radius: 8px;
                overflow: hidden;
                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
            }

            .comparison-table thead {
                background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
            }

            .comparison-table th {
                color: #fff;
                font-weight: 600;
                text-align: left;
                padding: 1.25rem 1.5rem;
                font-size: 0.95rem;
                text-transform: uppercase;
                letter-spacing: 0.5px;
            }

            .comparison-table tbody tr {
                border-bottom: 1px solid #e8e8e8;
                transition: background-color 0.2s ease;
            }

            .comparison-table tbody tr:last-child {
                border-bottom: none;
            }

            .comparison-table tbody tr:hover {
                background-color: #f8f9fa;
            }

            .comparison-table td {
                padding: 1.25rem 1.5rem;
                font-size: 0.95rem;
                line-height: 1.6;
                color: #333;
            }


/* ---------------> CODE BLOCK */
               .flow-visual-container {
            border-radius: 12px;
            box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
            max-width: 800px;
            width: 100%;
            padding:10px;
            background: #001F52;
            margin:0 0 50px;
        }
        
        .code-block {
            position: relative;
            overflow: hidden;
        }

         .flow {
            color: #d4d4d4;
            font-size: 16px;
            line-height: 2.5;
            letter-spacing: 1px;
            font-weight: 600;
            font-family:  'Fira Code', monospace;
            text-align:center;
        }
     
        .arrow {
            color: #f9e11d;
            font-weight: 700;
            margin: 0 15px;
        }
        
/* ---------------> END CODE BLOCK */


@media(max-width:800px){
    
.chowly-blog h1 {
    font-size:2rem;
    text-align: center;
}
.subtext {
      font-size: 1.25rem;
    text-align: center;
}
.eyebrow{
    text-align:center;
}
    .chowly-blog p {
        font-size: 1.15rem; 
        line-height: 1.5;
    }

    
   .chowly-blog h2 {
        font-size: 2rem;
                text-align:center;
    }

   .chowly-blog p {
        font-size: 1.15rem; 
    }
    
    img.bp-imgs {
  width: 95%;
}


    .bullet-list {
        padding: 0 0.5rem;
    }
    
         .flow-visual-container {
        padding: 12px 8px;
    }
    
    .flow {
        font-size: 12px;
        line-height: 2;
        letter-spacing: 0.3px;
    }
    
    .arrow {
        margin: 0 5px;
        font-size: 14px;
    }
    
    
                .comparison-table {
                    display: block;
                }

                .comparison-table thead {
                    display: none;
                }

                .comparison-table tbody {
                    display: block;
                }

                .comparison-table tr {
                    display: block;
                    margin-bottom: 1.5rem;
                    border: 1px solid #e8e8e8;
                    border-radius: 8px;
                    overflow: hidden;
                }

                .comparison-table td {
                    display: block;
                    width: 100% !important;
                    text-align: left;
                    padding: 0.75rem 1rem;
                    border-bottom: 1px solid #f0f0f0;
                }

                .comparison-table td:last-child {
                    border-bottom: none;
                }

                .comparison-table td:first-child {
                    background: #f8f9fa;
                    font-size: 1rem;
                    padding: 1rem;
                }
              .comparison-table td:nth-child(1)::before, 
              .comparison-table td:nth-child(2)::before, 
              .comparison-table td:nth-child(3)::before, 
              .comparison-table td:nth-child(4)::before,
              .comparison-table td:nth-child(5)::before{
                  font-weight: 700;
                    color: #2c3e50;
                    display: block;
                    margin-bottom: 0.25rem;
                    font-size: 0.8rem;
                    text-transform: uppercase;
              }

                .comparison-table td::before {
                content: attr(data-label) ": ";
                font-weight: bold;
                display: block;
}
/* END NEW TABLE */

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

.faq-section h2{
    font-size: 2.5rem;
    text-align:center;
    font-family: 'Arial';
    margin-bottom:2rem;
}

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

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

.faq-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;
}

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

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

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

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

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

.faq-accordion-body p {
  padding: 1rem 0;
  margin: 0;
  font-size: 1.15rem;
  color: #4a5568;
    font-family: 'Arial';
    line-height: 1.4;
}
.faq-accordion-item:last-of-type {
  border-bottom: none;
}


@media (max-width: 800px) {
    .faq-section h2{
        font-size:2rem;
    }
  .faq-accordion-header h3 {
    font-size: 1.15rem;
    line-height:1.4;
  }

  .faq-accordion-body p {
    font-size: 1.15rem;
  }
}/* End custom CSS */