.elementor-1574 .elementor-element.elementor-element-3754e549{--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-1574 .elementor-element.elementor-element-18192f80{--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;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--overlay-opacity:0.2;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-1574 .elementor-element.elementor-element-18192f80::before, .elementor-1574 .elementor-element.elementor-element-18192f80 > .elementor-background-video-container::before, .elementor-1574 .elementor-element.elementor-element-18192f80 > .e-con-inner > .elementor-background-video-container::before, .elementor-1574 .elementor-element.elementor-element-18192f80 > .elementor-background-slideshow::before, .elementor-1574 .elementor-element.elementor-element-18192f80 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1574 .elementor-element.elementor-element-18192f80 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1574 .elementor-element.elementor-element-18192f80.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1574 .elementor-element.elementor-element-2271196e{--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;--gap:35px 35px;--row-gap:35px;--column-gap:35px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1574 .elementor-element.elementor-element-1a0955a5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1574 .elementor-element.elementor-element-47c38798{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1574 .elementor-element.elementor-element-5fefc03c{--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;}@media(max-width:1024px){.elementor-1574 .elementor-element.elementor-element-18192f80{--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-1574 .elementor-element.elementor-element-2271196e{--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;}}@media(max-width:767px){.elementor-1574 .elementor-element.elementor-element-18192f80{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-1574 .elementor-element.elementor-element-18192f80{--content-width:1500px;}.elementor-1574 .elementor-element.elementor-element-1a0955a5{--width:82%;}.elementor-1574 .elementor-element.elementor-element-47c38798{--width:18%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1574 .elementor-element.elementor-element-1a0955a5{--width:100%;}.elementor-1574 .elementor-element.elementor-element-47c38798{--width:100%;}}/* Start custom CSS */.serv_container h1,.serv_container h2, .serv_container h3 .serv_container h4 .serv_container h5 .serv_container h6{
      font-family:"Montserrat", Sans-serif ;
  }
  .serv_container{
      font-family: "DM Sans", Sans-serif;
  }

  .tab-list {
    display: flex;
    justify-content: start;
    list-style: none;
    padding: 0;
    margin: 30px 0px 30px 0px!important;
  }

  .tab-item {
    background: #223C78;
    padding: 10px 25px!important;
    margin-right: 5px!important;
    border: 1px solid #223C78;
    border-bottom: none;
    border-radius: 35px;
    font-size: 16px;
    color: #fff;
    font-weight: 500; 
  }
   .heloc-section { 
   --heloc-primary: hsl(220, 55%, 35%);
   --heloc-primary-dark: hsl(220, 60%, 25%);
   --heloc-primary-light: hsla(220, 55%, 35%, 0.1);
   --heloc-gold: hsl(45, 70%, 55%);
   --heloc-gold-dark: hsl(45, 75%, 45%);
   --heloc-gold-light: hsla(45, 70%, 55%, 0.2);
   --heloc-text: hsl(220, 50%, 20%);
   --heloc-text-muted: hsl(220, 15%, 50%);
   --heloc-bg: hsl(0, 0%, 100%);
   --heloc-bg-muted: hsl(220, 20%, 96%);
   --heloc-border: hsl(220, 20%, 90%);
   }
   .heloc-section * {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   }
   .heloc-container {
   max-width: 1200px;
   margin: 0 auto;
   padding: 0 1rem;
   }
   /* Hero Section */
   .heloc-hero {
   position: relative;
   min-height: 600px;
   display: flex;
   padding:100px 20px;
   align-items: center;
   background-size: cover;
   background-position: center;
   background-image: url('https://www.mortgagemarketupdate.com/wp-content/uploads/2026/03/hero-heloc-A-M4bq62.jpg');
   }
   .heloc-hero-overlay {
   position: absolute;
   inset: 0;
   background: linear-gradient(to right, #28498af2, #28498ad9, #28498ab3);
   }
   .heloc-hero-content {
   position: relative;
   z-index: 10;
   max-width: 1200px;
   color: white;
   }
   .heloc-hero h1 {
   font-size: 3.75rem;
   font-weight: 700;
   margin-bottom: 1.5rem;
   line-height: 1.1;
   }
   .heloc-hero-subtitle {
   font-size: 1.5rem;
   margin-bottom: 2rem;
   opacity: 0.95;
   }
   .heloc-hero-features {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 1.5rem;
   margin-bottom: 2rem;
   }
   .heloc-hero-feature {
   display: flex;
   align-items: flex-start;
   gap: 0.75rem;
   }
   .heloc-hero-feature-icon {
   width: 48px;
   height: 48px;
   border-radius: 50%;
   background: var(--heloc-gold-light);
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
   }
   .heloc-hero-feature-icon svg {
   width: 24px;
   height: 24px;
   color: var(--heloc-gold);
   }
   .heloc-hero-feature h3 {
   font-size: 1.125rem;
   font-weight: 700;
   margin-bottom: 0.25rem;
   }
   .heloc-hero-feature p {
   font-size: 0.875rem;
   opacity: 0.9;
   }
   .heloc-hero-buttons {
   display: flex;
   gap: 1rem;
   flex-wrap: wrap;
   }
   .heloc-btn-gold {
   display: inline-flex;
   align-items: center;
   gap: 0.5rem;
   padding: 10px 25px;
   line-height: 1.6em;
   background: var(--heloc-gold);
   color: var(--heloc-primary);
   font-weight: 600;
   border-radius: 0.5rem;
   text-decoration: none;
   transition: all 0.3s ease;
   border: none;
   cursor: pointer;
   }
   .heloc-btn-gold:hover {
   background: var(--heloc-gold-dark);
   transform: translateY(-2px);
   box-shadow: 0 10px 25px rgba(212, 168, 83, 0.3);
   }
   .heloc-btn-outline {
   display: inline-flex;
   align-items: center;
   gap: 0.5rem;
   padding: 10px 25px;
   line-height: 1.6em;
   background: rgba(255, 255, 255, 0.1);
   color: #fff!important;
   font-weight: 600;
   border: 2px solid white;
   border-radius: 0.5rem;
   text-decoration: none;
   transition: all 0.3s ease;
   cursor: pointer;
   backdrop-filter: blur(4px);
   }
   .heloc-btn-outline:hover {
   background: rgba(255, 255, 255, 0.2);
   }
   /* Trust Badges Section */
   .heloc-trust-badges {
   padding: 3rem 0;
   background: var(--heloc-bg-muted);
   }
   .heloc-badges-grid {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 2rem;
   }
   .heloc-badge {
   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: center;
   gap: 0.75rem;
   }
   .heloc-badge-icon {
   width: 64px;
   height: 64px;
   border-radius: 50%;
   background: var(--heloc-primary-light);
   display: flex;
   align-items: center;
   justify-content: center;
   }
   .heloc-badge-icon svg {
   width: 32px;
   height: 32px;
   color: var(--heloc-primary);
   }
   .heloc-badge h3 {
   font-weight: 700;
   color: var(--heloc-text);
   margin-bottom: 0.25rem;
   }
   .heloc-badge p {
   font-size: 0.875rem;
   color: var(--heloc-text-muted);
   }
   /* Benefits Section */
   .heloc-benefits {
   padding: 5rem 0;
   background: var(--heloc-bg);
   }
   .heloc-section-header {
   text-align: center;
   margin-bottom: 3rem;
   }
   .heloc-section-header h2 {
   font-size: 3rem;
   font-weight: 700;
   color: var(--heloc-text);
   margin-bottom: 1rem;
   }
   .heloc-section-header p {
   font-size: 1.25rem;
   color: var(--heloc-text-muted);
   max-width: 800px;
   margin: 0 auto;
   }
   .heloc-benefits-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 3rem;
   align-items: center;
   margin-bottom: 3rem;
   }
   .heloc-benefits-cards {
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
   }
   .heloc-benefit-card {
   background: var(--heloc-bg);
   border: 1px solid var(--heloc-border);
   border-left: 4px solid var(--heloc-primary);
   border-radius: 0.5rem;
   padding: 1.5rem;
   display: flex;
   align-items: flex-start;
   gap: 1rem;
   }
   .heloc-benefit-icon {
   width: 48px;
   height: 48px;
   border-radius: 50%;
   background: var(--heloc-primary-light);
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
   }
   .heloc-benefit-icon svg {
   width: 24px;
   height: 24px;
   color: var(--heloc-primary);
   }
   .heloc-benefit-card h3 {
   font-size: 1.25rem;
   font-weight: 700;
   color: var(--heloc-text);
   margin-bottom: 0.5rem;
   }
   .heloc-benefit-card p {
   color: var(--heloc-text-muted);
   line-height: 1.6;
   }
   .heloc-benefits-image {
   height: 500px;
   border-radius: 1rem;
   overflow: hidden;
   box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
   }
   .heloc-benefits-image img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   }
   .heloc-benefits-bottom {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 1.5rem;
   }
   .heloc-benefit-card-simple {
   background: var(--heloc-bg);
   border: 1px solid var(--heloc-border);
   border-radius: 0.5rem;
   padding: 1.5rem;
   transition: box-shadow 0.3s ease;
   }
   .heloc-benefit-card-simple:hover {
   box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
   }
   .heloc-benefit-card-simple .heloc-benefit-icon {
   margin-bottom: 1rem;
   }
   .heloc-benefit-card-simple h3 {
   font-size: 1.25rem;
   font-weight: 700;
   color: var(--heloc-text);
   margin-bottom: 0.5rem;
   }
   .heloc-benefit-card-simple p {
   color: var(--heloc-text-muted);
   line-height: 1.6;
   }
   /* Comparison Section */
   .heloc-comparison {
   padding: 5rem 0;
   background: var(--heloc-bg-muted);
   }
   .heloc-comparison-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 2rem;
   max-width: 1000px;
   margin: 0 auto 3rem;
   }
   .heloc-comparison-card {
   background: var(--heloc-bg);
   border-radius: 0.5rem;
   overflow: hidden;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
   }
   .heloc-comparison-card.featured {
   border: 2px solid var(--heloc-primary);
   }
   .heloc-comparison-header {
   padding: 1.5rem;
   background: var(--heloc-bg-muted);
   }
   .heloc-comparison-card.featured .heloc-comparison-header {
   background: var(--heloc-primary);
   color: white;
   }
   .heloc-comparison-header h3 {
   font-size: 1.5rem;
   font-weight: 700;
   }
   .heloc-comparison-list {
   padding: 1.5rem;
   list-style: none;
   }
   .heloc-comparison-list li {
   display: flex;
   align-items: flex-start;
   gap: 0.75rem;
   padding: 0.75rem 0;
   color: var(--heloc-text-muted);
   }
   .heloc-comparison-card.featured .heloc-comparison-list li {
   color: var(--heloc-text);
   }
   .heloc-comparison-list li svg {
   width: 24px;
   height: 24px;
   flex-shrink: 0;
   margin-top: 2px;
   }
   .heloc-comparison-card.featured .heloc-comparison-list li svg {
   color: var(--heloc-primary);
   }
   .heloc-comparison-dot {
   width: 24px;
   height: 24px;
   border-radius: 50%;
   background: var(--heloc-bg-muted);
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
   margin-top: 2px;
   }
   .heloc-comparison-dot span {
   width: 12px;
   height: 12px;
   border-radius: 50%;
   background: var(--heloc-text-muted);
   }
   .heloc-comparison-summary {
   text-align: center;
   max-width: 800px;
   margin: 0 auto;
   }
   .heloc-comparison-summary p {
   font-size: 1.125rem;
   color: var(--heloc-text-muted);
   line-height: 1.7;
   }
   .heloc-comparison-summary strong {
   color: var(--heloc-text);
   }
   /* Process Section */
   .heloc-process {
   padding: 5rem 0;
   background: var(--heloc-bg);
   }
   .heloc-process-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 3rem;
   align-items: center;
   margin-bottom: 3rem;
   }
   .heloc-process-image {
   height: 500px;
   border-radius: 1rem;
   overflow: hidden;
   box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
   }
   .heloc-process-image img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   }
   .heloc-process-cards {
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
   }
   .heloc-process-card {
   background: var(--heloc-bg);
   border: 1px solid var(--heloc-border);
   border-left: 4px solid var(--heloc-gold);
   border-radius: 0.5rem;
   padding: 1.5rem;
   display: flex;
   align-items: flex-start;
   gap: 1rem;
   transition: box-shadow 0.3s ease;
   }
   .heloc-process-card:hover {
   box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
   }
   .heloc-process-icon-wrapper {
   position: relative;
   }
   .heloc-process-icon {
   width: 48px;
   height: 48px;
   border-radius: 50%;
   background: var(--heloc-gold-light);
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
   }
   .heloc-process-icon svg {
   width: 24px;
   height: 24px;
   color: var(--heloc-gold);
   }
   .heloc-process-number {
   position: absolute;
   top: -8px;
   right: -8px;
   width: 24px;
   height: 24px;
   border-radius: 50%;
   background: var(--heloc-primary);
   color: white;
   font-size: 0.75rem;
   font-weight: 700;
   display: flex;
   align-items: center;
   justify-content: center;
   }
   .heloc-process-card h3 {
   font-size: 1.25rem;
   font-weight: 700;
   color: var(--heloc-text);
   margin-bottom: 0.5rem;
   }
   .heloc-process-card p {
   color: var(--heloc-text-muted);
   line-height: 1.6;
   }
   .heloc-terms-box {
   background: var(--heloc-primary-light);
   border-left: 4px solid var(--heloc-primary);
   border-radius: 0.5rem;
   padding: 2rem; 
   margin: 0 auto;
   }
   .heloc-terms-box h3 {
   font-size: 1.5rem;
   font-weight: 700;
   color: var(--heloc-text);
   margin-bottom: 1.5rem;
   }
   .heloc-terms-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 1.5rem;
   }
   .heloc-terms-grid h4 {
   font-weight: 600;
   color: var(--heloc-text);
   margin-bottom: 0.5rem;
   }
   .heloc-terms-grid p {
   color: var(--heloc-text-muted);
   line-height: 1.6;
   }
   /* Testimonials Section */
   .heloc-testimonials {
   padding: 5rem 0;
   background: var(--heloc-bg-muted);
   }
   .heloc-testimonials-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 2rem;
   max-width: 1000px;
   margin: 0 auto;
   }
   .heloc-testimonial-card {
   background: var(--heloc-bg);
   border: 1px solid var(--heloc-border);
   border-radius: 0.5rem;
   padding: 2rem;
   transition: box-shadow 0.3s ease;
   }
   .heloc-testimonial-card:hover {
   box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
   }
   .heloc-testimonial-header {
   display: flex;
   align-items: center;
   gap: 1rem;
   margin-bottom: 1.5rem;
   }
   .heloc-testimonial-avatar {
   width: 80px;
   height: 80px;
   border-radius: 50%;
   object-fit: cover;
   }
   .heloc-testimonial-header h3 {
   font-size: 1.25rem;
   font-weight: 700;
   color: var(--heloc-text);
   margin-bottom: 0.25rem;
   }
   .heloc-testimonial-header p {
   color: var(--heloc-text-muted);
   font-size: 0.875rem;
   }
   .heloc-testimonial-stars {
   display: flex;
   gap: 0.25rem;
   margin-bottom: 1rem;
   }
   .heloc-testimonial-stars svg {
   width: 20px;
   height: 20px;
   fill: var(--heloc-gold);
   color: var(--heloc-gold);
   }
   .heloc-testimonial-text {
   color: var(--heloc-text-muted);
   font-style: italic;
   line-height: 1.7;
   }
   /* FAQ Section */
   .heloc-faq {
   padding: 5rem 0;
   background: var(--heloc-bg);
   }
   .heloc-faq-list { 
   margin: 0 auto;
   display: flex;
   flex-direction: column;
   gap: 1rem;
   }
   .heloc-faq-item {
   border: 1px solid var(--heloc-border);
   border-radius: 0.5rem;
   overflow: hidden;
   }
   .heloc-faq-question {
   width: 100%;
   padding: 1.25rem 1.5rem;
   background: var(--heloc-bg);
   border: none;
   text-align: left;
   font-size: 1rem;
   font-weight: 600;
   color: var(--heloc-text);
   cursor: pointer;
   display: flex;
   justify-content: space-between;
   align-items: center;
   transition: color 0.3s ease;
   }
   .heloc-faq-question:hover {
   color: var(--heloc-primary);
   }
   .heloc-faq-question svg {
   width: 20px;
   height: 20px;
   transition: transform 0.3s ease;
   }
   .heloc-faq-item.active .heloc-faq-question svg {
   transform: rotate(180deg);
   }
   .heloc-faq-answer {
   padding: 0 1.5rem;
   max-height: 0;
   overflow: hidden;
   transition: all 0.3s ease;
   }
   .heloc-faq-item.active .heloc-faq-answer {
   padding: 0 1.5rem 1.5rem;
   max-height: 500px;
   }
   .heloc-faq-answer p {
   color: var(--heloc-text-muted);
   line-height: 1.7;
   }
   /* Final CTA Section */
   .heloc-cta {
   padding: 5rem 0;
   background: linear-gradient(135deg, var(--heloc-primary), var(--heloc-primary-dark));
   color: white;
   text-align: center;
   }
   .heloc-cta-content {
   max-width: 900px;
   margin: 0 auto;
   }
   .heloc-cta h2 {
   font-size: 2.5rem;
   font-weight: 700;
   margin-bottom: 1.5rem;
   }
   .heloc-cta > .heloc-cta-content > p {
   font-size: 1.25rem;
   opacity: 0.9;
   margin-bottom: 2rem;
   }
   .heloc-cta-buttons {
   display: flex;
   gap: 1rem;
   justify-content: center;
   flex-wrap: wrap;
   margin-bottom: 3rem;
   }
   .heloc-cta-stats {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 2rem;
   text-align: center;
   }
   .heloc-cta-stat-value {
   font-size: 2.5rem;
   font-weight: 700;
   color: var(--heloc-gold);
   margin-bottom: 0.5rem;
   }
   .heloc-cta-stat-label {
   opacity: 0.9;
   }
  .text-xl{
  	font-size:1.24rem;
  }
   /* Responsive Styles */
   @media (max-width: 768px) {
    .tab-list {
      flex-direction: column;
      align-items: stretch;
      border: none;
      gap: 10px;
      text-align: center;
    }
   .heloc-hero h1 {
   font-size: 2rem;
   }
   .heloc-hero-features {
   grid-template-columns: 1fr;
   }
   .heloc-hero-buttons {
   flex-direction: column;
   }
   .heloc-badges-grid {
   grid-template-columns: repeat(2, 1fr);
   }
   .heloc-benefits-grid,
   .heloc-comparison-grid,
   .heloc-process-grid,
   .heloc-testimonials-grid,
   .heloc-terms-grid {
   grid-template-columns: 1fr;
   }
   .heloc-benefits-bottom {
   grid-template-columns: 1fr;
   }
   .heloc-benefits-image,
   .heloc-process-image {
   height: 300px;
   }
   .heloc-section-header h2,
   .heloc-cta h2 {
   font-size: 1.75rem;
   }
   .heloc-cta-stats {
   grid-template-columns: 1fr;
   gap: 1.5rem;
   }
    .text-xl{
     	font-size:16px;
     }
   }/* End custom CSS */