.elementor-15 .elementor-element.elementor-element-13b96b1{--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;--overlay-opacity:0.5;}.elementor-15 .elementor-element.elementor-element-13b96b1:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-13b96b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://halxi.com/wp-content/uploads/2026/03/Luxury-interior-6.png");}.elementor-15 .elementor-element.elementor-element-13b96b1::before, .elementor-15 .elementor-element.elementor-element-13b96b1 > .elementor-background-video-container::before, .elementor-15 .elementor-element.elementor-element-13b96b1 > .e-con-inner > .elementor-background-video-container::before, .elementor-15 .elementor-element.elementor-element-13b96b1 > .elementor-background-slideshow::before, .elementor-15 .elementor-element.elementor-element-13b96b1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-15 .elementor-element.elementor-element-13b96b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000DB;--background-overlay:'';}.elementor-15 .elementor-element.elementor-element-67f1ac8{--spacer-size:246px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-15 .elementor-element.elementor-element-1a98a30{text-align:center;}.elementor-15 .elementor-element.elementor-element-1a98a30 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:41px;font-weight:600;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-15 .elementor-element.elementor-element-725d811 .elementor-button{background-color:#FFD92C;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:500;fill:#084CA2;color:#084CA2;border-style:solid;border-color:#FFD92C;border-radius:100px 100px 100px 100px;}.elementor-15 .elementor-element.elementor-element-725d811 .elementor-button:hover, .elementor-15 .elementor-element.elementor-element-725d811 .elementor-button:focus{background-color:#084CA2;color:#FFFFFF;border-color:#084CA2;}.elementor-15 .elementor-element.elementor-element-725d811{border-style:none;}.elementor-15 .elementor-element.elementor-element-725d811 .elementor-button:hover svg, .elementor-15 .elementor-element.elementor-element-725d811 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-44d4fd9{--spacer-size:174px;}.elementor-15 .elementor-element.elementor-element-b359599{--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;--justify-content:space-between;--padding-top:-1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px;}.elementor-15 .elementor-element.elementor-element-3b50006{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-15 .elementor-element.elementor-element-3b50006:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-3b50006 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-15 .elementor-element.elementor-element-16b2760{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;text-align:center;}.elementor-15 .elementor-element.elementor-element-16b2760 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:50px;font-weight:600;color:#000000;}.elementor-15 .elementor-element.elementor-element-16d43cb{padding:0px 0px 020px 0px;text-align:center;}.elementor-15 .elementor-element.elementor-element-16d43cb.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-16d43cb .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:300;color:#646464;}.elementor-15 .elementor-element.elementor-element-2c6fbb8{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;text-align:center;}.elementor-15 .elementor-element.elementor-element-2c6fbb8 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:50px;font-weight:600;color:#000000;}.elementor-15 .elementor-element.elementor-element-681ab93{padding:0px 0px 020px 0px;text-align:center;}.elementor-15 .elementor-element.elementor-element-681ab93.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-681ab93 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:300;color:#646464;}.elementor-15 .elementor-element.elementor-element-58e124e .elementor-button{background-color:#12016C;border-radius:20px 20px 20px 20px;}.elementor-15 .elementor-element.elementor-element-99b3d24{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:020px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-99b3d24:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-99b3d24 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-15 .elementor-element.elementor-element-99b3d24.e-con{--align-self:center;}.elementor-15 .elementor-element.elementor-element-ecb5248{background-color:#000000;text-align:center;}.elementor-15 .elementor-element.elementor-element-ecb5248.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-ecb5248 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:45px;font-weight:600;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-6716435{--display:grid;--min-height:100px;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:column;--justify-items:center;--align-items:center;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-15 .elementor-element.elementor-element-6716435:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-6716435 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-widget-counter .elementor-counter-number-wrapper{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-counter .elementor-counter-title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-15 .elementor-element.elementor-element-859d65b{border-style:none;}.elementor-15 .elementor-element.elementor-element-859d65b .elementor-counter-title{justify-content:center;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-859d65b .elementor-counter-number-wrapper{color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-9fccb8e{border-style:none;}.elementor-15 .elementor-element.elementor-element-9fccb8e .elementor-counter-number-wrapper{color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-9fccb8e .elementor-counter-title{color:#FFFFFF;font-family:"Roboto Slab", Sans-serif;font-weight:400;}.elementor-15 .elementor-element.elementor-element-be6fcc6{border-style:none;}.elementor-15 .elementor-element.elementor-element-be6fcc6 .elementor-counter-number-wrapper{color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-be6fcc6 .elementor-counter-title{color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-ad32999 .elementor-counter-number-wrapper{color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-ad32999 .elementor-counter-title{color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-0f7a443{--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;}.elementor-15 .elementor-element.elementor-element-9403d79{background-color:#F7F7F7;}.elementor-15 .elementor-element.elementor-element-0d2ad8f{--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;}.elementor-15 .elementor-element.elementor-element-7a7a2ad{--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;}.elementor-15 .elementor-element.elementor-element-7a7a2ad:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-7a7a2ad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-15 .elementor-element.elementor-element-5e0ce12{background-color:#F7F7F7;}.elementor-15 .elementor-element.elementor-element-a5317dd{--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;}.elementor-15 .elementor-element.elementor-element-3e46c28{--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;}.elementor-15 .elementor-element.elementor-element-6f14ffd{--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;}.elementor-15 .elementor-element.elementor-element-a27c97d{--display:flex;}.elementor-15 .elementor-element.elementor-element-c5cbf53{--display:flex;}.elementor-15 .elementor-element.elementor-element-0480431{--display:flex;}.elementor-15 .elementor-element.elementor-element-129cd02{padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-84830f8{--display:flex;}.elementor-15 .elementor-element.elementor-element-c9bf450{--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;}.elementor-15 .elementor-element.elementor-element-abeffd4{--display:flex;}.elementor-15 .elementor-element.elementor-element-c07a461{--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;}.elementor-15 .elementor-element.elementor-element-9632222{--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;}.elementor-15 .elementor-element.elementor-element-16dcb06{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:-44px;--padding-right:-10px;}.elementor-15 .elementor-element.elementor-element-56632de{padding:0px -20px 0px -98px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-15 .elementor-element.elementor-element-6716435{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-15 .elementor-element.elementor-element-44d4fd9{--spacer-size:0px;}.elementor-15 .elementor-element.elementor-element-16b2760{text-align:center;}.elementor-15 .elementor-element.elementor-element-2c6fbb8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -30px) 0px;text-align:end;}.elementor-15 .elementor-element.elementor-element-681ab93{margin:-11px -11px calc(var(--kit-widget-spacing, 0px) + -11px) -11px;text-align:center;}.elementor-15 .elementor-element.elementor-element-6716435{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-abeffd4{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for container, class: .elementor-element-13b96b1 */@media (max-width: 768px) {

  /* Reduce section height */
  .hero-section {
    height: 70vh !important;
  }

  /* Center content properly */
  .hero-content {
    width: 95%;
    padding: 0 10px;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  /* Fix heading size */
  .hero-content h1 {
    font-size: 24px !important;
    line-height: 1.3;
  }

  /* Fix button */
  .hero-btn {
    font-size: 14px;
    padding: 12px 20px;
    width: 100%;
    max-width: 260px;
  }

}

/* Extra small devices */
@media (max-width: 480px) {

  .hero-section {
    height: 65vh !important;
  }

  .hero-content h1 {
    font-size: 20px !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-32d0d67 *//* MOBILE HERO SECTION */
.mobile-hero {
  position: relative;
  width: 100%;
  height: 50vh;
  background: url('https://images.unsplash.com/photo-1618220179428-22790b461013') no-repeat center center/cover;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* DARK OVERLAY */
.mobile-hero .overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.45);
}

/* CONTENT */
.mobile-hero-content {
  position: relative;
  z-index: 2;
  padding: 0 10px;
}

/* HEADING */
.mobile-hero-content h1 {
  color: #ffffff;
  font-size: 22px;
  line-height: 1.4;
  font-weight: 600;
}

/* BUTTON */
.mobile-btn {
  display: inline-block;
  margin-top: 18px;
  padding: 12px 22px;
  background: #FFD92C;
  color: #084CA2;
  border-radius: 30px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
}

/* SMALL DEVICES */
@media (max-width: 480px) {
  .mobile-hero {
    height: 60vh;
  }

  .mobile-hero-content h1 {
    font-size: 20px;
  }

  .mobile-btn {
    width: 100%;
    max-width: 260px;
  }
}
<script>
document.addEventListener("DOMContentLoaded", function() {
  document.querySelectorAll(".open-popup").forEach(function(btn) {
    btn.addEventListener("click", function(e) {
      e.preventDefault();
      elementorProFrontend.modules.popup.showPopup({ id: 375 });
    });
  });
});
</script>/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-16b2760 */@media (max-width: 767px) {

  .elementor-15 .elementor-element.elementor-element-16b2760 .elementor-heading-title {
    font-size: 28px !important;
    line-height: 1.2;
    text-align: left;
  }

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-16d43cb */@media (max-width: 767px) {

  .elementor-15 .elementor-element.elementor-element-16d43cb .elementor-widget-text-editor {
    padding: 0 8px;   /* left-right spacing */
  }

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2c6fbb8 */@media (max-width: 767px) {

  .elementor-15 .elementor-element.elementor-element-2c6fbb8 .elementor-heading-title {
    font-size: 28px !important;
    line-height: 1.2;
    text-align: left;
  }

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-681ab93 */@media (max-width: 767px) {

  .elementor-15 .elementor-element.elementor-element-681ab93 .elementor-widget-text-editor {
    padding: 0 8px;   /* left-right spacing */
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b50006 */@media (max-width: 767px) {

  .elementor-15 .elementor-element.elementor-element-3b50006 {
    padding: 40px 15px !important;
  }

  .elementor-15 .elementor-element.elementor-element-3b50006 .elementor-heading-title {
    font-size: 16px !important;
    line-height: 1.3;
    text-align: left;
  }

  .elementor-15 .elementor-element.elementor-element-3b50006 .elementor-button {
    width: 100%;
    text-align: center;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9403d79 *//* FONT */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');

/* ROOT COLORS (Halxi Theme) */
:root {
  --primary: #084ca2;
  --accent: #ffd92c;
  --black: #000000;
  --white: #ffffff;
}

/* MAIN SECTION */
.testimonial {
  background: var(--white); /* cleaner premium look */
  padding: 80px 60px;
  font-family: 'Montserrat', sans-serif;
}

/* LAYOUT */
.testimonial-wrapper {
  display: flex;
  align-items: center;
  gap: 50px;
}

/* IMAGE */
.testimonial-img {
  position: relative;
  width: 50%;
}

.testimonial-img img {
  width: 100%;
  border-radius: 12px;
}

/* IMAGE OVERLAY */
.testimonial-img::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.2);
  border-radius: 12px;
  z-index: 1;
}

/* PLAY BUTTON */
.play-btn {
  position: absolute;
  bottom: 20px;
  left: 20px;

  width: 50px;
  height: 50px;
  background: var(--white);
  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;

  cursor: pointer;
  z-index: 2;
}

/* PLAY ICON */
.play-btn::after {
  content: '';
  display: block;

  border-left: 10px solid var(--primary); /* Halxi Blue */
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;

  margin-left: 2px;
}

/* TEXT */
.testimonial-content {
  width: 50%;
}

.testimonial-content p {
  font-size: 20px;
  color: #222;
  line-height: 1.6;
  margin-bottom: 20px;
}

/* NAME (Swati & Gaurav) */
.testimonial-content h4 {
  font-size: 16px;
  font-weight: 600;
  color: var(--primary); /* Halxi Blue */
  letter-spacing: 0.5px;
}

/* YELLOW ACCENT LINE */
.testimonial-content h4::before {
  content: '';
  width: 30px;
  height: 3px;
  background: var(--accent); /* Halxi Yellow */
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}

/* MOBILE */
@media(max-width:768px){
  .testimonial {
    padding: 60px 20px;
  }

  .testimonial-wrapper {
    flex-direction: column;
  }

  .testimonial-img,
  .testimonial-content {
    width: 100%;
  }

  .testimonial-content p {
    font-size: 16px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0a8ba1f *//* RESET */
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

/* FONT */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');

/* ROOT COLORS (Halxi Theme) */
:root {
  --primary: #084ca2;
  --accent: #ffd92c;
  --black: #000000;
  --white: #ffffff;
  --text-light: #666666;
}

/* ================= ESTIMATOR SECTION ================= */
.estimator {
  background: var(--white);
  padding: 80px 60px;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
}

/* HEADING */
.estimator h2 {
  font-size: 40px;
  color: var(--primary);
  margin-bottom: 10px;
}

.subtext {
  font-size: 18px;
  color: var(--text-light);
  margin-bottom: 50px;
}

/* CARDS WRAPPER */
.estimator-cards {
  display: flex;
  gap: 30px;
  justify-content: center;
}

/* CARD */
.est-card {
  background: var(--white);
  width: 30%;
  padding: 30px;
  border-radius: 12px;
  text-align: left;
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
  transition: all 0.3s ease;
  border: 1px solid rgba(0,0,0,0.05);
}

.est-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 30px rgba(0,0,0,0.12);
}

/* IMAGE */
.est-card img {
  width: 60px;
  margin-bottom: 20px;
}

/* TEXT */
.est-card h3 {
  font-size: 22px;
  color: var(--black);
  margin-bottom: 10px;
}

.est-card p {
  font-size: 15px;
  color: var(--text-light);
  margin-bottom: 25px;
}

/* CTA BUTTON (UPDATED FOR <a>) */
.est-card .cta-btn {
  display: inline-block;
  background: var(--accent);
  color: var(--primary);
  padding: 16px 28px;
  border-radius: 50px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 6px 15px rgba(0,0,0,0.1);
}

/* HOVER */
.est-card .cta-btn:hover {
  background: var(--primary);
  color: var(--white);
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.2);
}

/* HOVER TITLE */
.est-card:hover h3 {
  color: var(--primary);
}

/* ================= MOBILE ================= */
.estimator-container {
  display: flex;
  gap: 16px;
}

/* Cards */
.est-card {
  background: #f5f5f5;
  padding: 25px;
  border-radius: 16px;
  flex: 1;
  min-width: 0;
}

/* MOBILE CAROUSEL */
@media (max-width: 767px) {

  .estimator-container {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 16px;
    padding: 0 20px;
  }

  .estimator-container::-webkit-scrollbar {
    display: none;
  }

  .est-card {
    flex: 0 0 80%;
    max-width: 80%;
    scroll-snap-align: center;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5e0ce12 *//* FONT */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');

/* ROOT COLORS */
:root {
  --primary: #084ca2;
  --accent: #ffd92c;
  --black: #000000;
  --white: #ffffff;
  --text-light: #555555;
}

/* SECTION */
.offer-section {
  background: #f7f7f7;
  padding: 60px 40px;
  font-family: 'Montserrat', sans-serif;
  position: relative;
}

/* TOP */
.offer-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}

.offer-top h2 {
  font-size: 36px;
  color: var(--primary); /* Halxi Blue */
  font-weight: 600;
}

/* CTA BUTTON (FIXED) */
.top-btn {
  background: var(--accent); /* Yellow */
  color: var(--primary); /* Blue text */
  padding: 14px 30px;
  border-radius: 50px;
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: all 0.3s ease;
}

.top-btn:hover {
  background: var(--primary);
  color: var(--white);
}

/* CAROUSEL */
.offer-cards {
  display: flex;
  gap: 25px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
}

.offer-cards::-webkit-scrollbar {
  display: none;
}

/* CARD */
.offer-card {
  flex: 0 0 calc(33.33% - 17px);
  background: var(--white);
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.08);
  scroll-snap-align: start;
  text-align: left;
  border: 1px solid rgba(0,0,0,0.05);
  transition: all 0.3s ease;
}

.offer-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.12);
}

/* HEADER */
.card-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 15px;
}

.card-header img {
  width: 30px;
}

.card-header h3 {
  font-size: 20px;
  color: var(--primary); /* Blue */
  margin: 0;
}

/* YELLOW ACCENT LINE */
.card-header h3::after {
  content: "";
  display: block;
  width: 30px;
  height: 3px;
  background: var(--accent); /* Yellow */
  margin-top: 6px;
}

/* LIST */
.offer-card ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.offer-card li {
  position: relative;
  padding-left: 18px;
  margin-bottom: 12px;
  font-size: 14px;
  color: var(--text-light);
}

.offer-card li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: var(--primary); /* Blue bullet */
}

/* ARROWS */
.carousel-btn {
  position: absolute;
  top: 60%;
  transform: translateY(-50%);
  width: 45px;
  height: 45px;
  background: var(--white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.carousel-btn.left {
  left: -20px;
}

.carousel-btn.right {
  right: -20px;
}

/* MOBILE */
@media(max-width:768px){
  .offer-card {
    flex: 0 0 80%;
  }

  .offer-top {
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
  }

  .offer-top h2 {
    font-size: 26px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d5a9f06 */@media (max-width: 767px) {

  .mobile-estimator {
    display: block;
    padding: 30px 0; /* ❌ remove side padding */
    text-align: center;
  }

  /* SLIDER */
  .estimator-slider {
    display: flex;
    gap: 12px;

    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;

    padding: 0 16px; /* ✅ controlled spacing */

    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .estimator-slider::-webkit-scrollbar {
    display: none;
  }

  /* CARD */
  .est-card {
    flex: 0 0 90%; /* ✅ wider card = less gap */
    scroll-snap-align: center;

    background: #fff;
    border-radius: 20px;
    padding: 25px;
  }
}
.est-btn {
  display: block;
  width: 100%;
  margin-top: 10px;   /* ✅ ensures spacing */
  background: #ffd92c;
  color: #084ca2;
  text-align: center;
  padding: 14px;
  border-radius: 50px;
  font-weight: 700;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-65a18cc */.mobile-offer {
  display: none;
}

@media (max-width: 767px) {

  .mobile-offer {
    display: block;
    padding: 30px 16px;
    font-family: 'Montserrat', sans-serif;
  }

  .mobile-offer h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }

  .acc-item {
    background: #fff;
    border-radius: 14px;
    margin-bottom: 14px;
    box-shadow: 0 6px 15px rgba(0,0,0,0.08);
    overflow: hidden;
  }

  .acc-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    font-weight: 600;
    cursor: pointer;
  }

  /* 🔥 ARROW STYLE */
  .arrow {
    font-size: 18px;
    transition: transform 0.3s ease;
  }

  /* CONTENT */
  .acc-content {
    max-height: 0;
    overflow: hidden;
    padding: 0 16px;
    transition: all 0.3s ease;
  }

  .acc-content ul {
    padding-left: 18px;
  }

  .acc-content li,
  .acc-content p {
    font-size: 14px;
    margin-bottom: 10px;
    color: #666;
  }

  /* ACTIVE STATE */
  .acc-item.active .acc-content {
    max-height: 300px;
    padding: 16px;
  }

  .acc-item.active .arrow {
    transform: rotate(180deg); /* 🔥 flip arrow */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-255b503 *//* HIDE ON DESKTOP */
.mobile-test-section {
  display: none;
}

@media (max-width: 767px) {

  .mobile-test-section {
    display: block;
    padding: 25px 16px;
    font-family: 'Montserrat', sans-serif;
  }

  /* HEADING */
  .mobile-test-section h2 {
    font-size: 22px;
    color: #084ca2; /* 🔥 BLUE */
    text-align: center;
  }

  .subtext {
    font-size: 14px;
    color: #666;
    text-align: center;
    margin-bottom: 20px;
  }

  /* TABS */
  .tabs {
  display: flex;
  overflow-x: auto;
  gap: 12px;                 /* tighter spacing */
  padding-bottom: 8px;
  border-bottom: 1px solid #ddd;
}

.tabs::-webkit-scrollbar {
  display: none;
}

/* TAB FIX */
.tab {
  flex: 0 0 auto;            /* 🔥 prevents shrinking */
  white-space: nowrap;       /* 🔥 keep text in one line */

  padding: 10px 14px;        /* better spacing */
  font-size: 14px;

  background: transparent !important;
  border: none;

  color: #777 !important;
  cursor: pointer;
  position: relative;

  -webkit-tap-highlight-color: transparent;
  outline: none;
}

/* ACTIVE TAB */
.tab.active {
  color: #084ca2 !important;
  font-weight: 600;
}

/* UNDERLINE */
.tab.active::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 100%;
  height: 3px;
  background: #ffd92c;
}

.tab {
  -webkit-tap-highlight-color: transparent; /* 🔥 removes blue tap */
  outline: none;
}

/* REMOVE CLICK / FOCUS BACKGROUND */
.tab:focus,
.tab:focus-visible,
.tab:active {
  outline: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* EXTRA SAFETY FOR BUTTON */
button.tab {
  appearance: none;
  -webkit-appearance: none;
}

  /* CONTENT */
  .tab-content {
    display: none;
    margin-top: 20px;
    text-align: center;
  }

  .tab-content.active {
    display: block;
  }

  .tab-content h3 {
    font-size: 20px;
    color: #084ca2;
    margin-bottom: 8px;
  }

  .tab-content p {
    font-size: 14px;
    color: #666;
    margin-bottom: 15px;
  }

  /* VIDEO */
  video {
    width: 100%;
    border-radius: 16px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7fa3987 *//* SECTION */
.logo-section {
  background: #FFFFFF;
  padding: 80px 40px;
  font-family: 'Montserrat', sans-serif;
}

/* TEXT (LEFT ALIGN FIX) */
.logo-text {
  text-align: left;
  margin-bottom: 40px;
}

.logo-text h2 {
  font-size: 36px;
  color: #000;
  margin-bottom: 10px;
}

.logo-text p {
  font-size: 16px;
  color: #666;
}

/* SLIDER */
.logo-slider {
  overflow: hidden;
  position: relative;
}

/* TRACK */
.logo-track {
  display: flex;
  gap: 60px;
  animation: scroll 2s linear infinite; /* 🔥 SPEED FIXED */
}

/* LOGOS (COLOR FIXED) */
.logo-track img {
  height: 40px;
  object-fit: contain;
  opacity: 1; /* full visible */
}

/* ❌ REMOVE GRAYSCALE (IMPORTANT FIX) */
.logo-track img:hover {
  transform: scale(1.05); /* subtle hover */
}

/* ANIMATION */
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@media (max-width: 768px) {

  .logo-section {
    padding: 40px 20px;
  }

  .logo-text h2 {
    font-size: 24px;
  }

  .logo-text p {
    font-size: 14px;
  }

  .logo-track {
    gap: 30px;
    animation: scroll 2s linear infinite; /* slower for mobile */
  }

  .logo-track img {
    height: 25px; /* smaller logos */
  }
}
.logo-track img {
  height: 40px;
  object-fit: contain;
  flex-shrink: 0;   /* 🔥 critical fix */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3b5c378 *//* SECTION */
.guide-section {
  padding: 40px 20px;
  background: #f7f7f7;
  font-family: 'Montserrat', sans-serif;
}

/* CONTAINER */
.guide-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border-radius: 24px;
  overflow: hidden;
  border: 2px solid #084ca2;
}

/* IMAGE */
.guide-image {
  width: 50%;
}

.guide-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* CONTENT */
.guide-content {
  width: 50%;
  padding: 40px;
  text-align: center; /* 🔥 center everything */
}

/* TEXT */
.guide-content h2 {
  color: #084ca2;
  font-size: 26px;
  margin-bottom: 15px;
}

.guide-content p {
  color: #555;
  font-size: 15px;
  margin-bottom: 25px;
  line-height: 1.6;
}

/* BUTTON */
.guide-btn {
  display: inline-block;
  background: #ffd92c;
  color: #084ca2;
  padding: 16px 32px;
  border-radius: 50px;
  font-weight: 700;
  text-decoration: none;
  margin: 0 auto;
}

/* ================= MOBILE ================= */

@media (max-width: 767px) {

  .guide-container {
    flex-direction: column;
  }

  .guide-image {
    width: 100%;
  }

  .guide-content {
    width: 100%;
    padding: 25px 20px;
    text-align: center;
  }

  .guide-content h2 {
    font-size: 20px;
  }

  .guide-content p {
    font-size: 14px;
  }

  .guide-btn {
    display: block;          /* 🔥 force center */
    width: fit-content;
    margin: 20px auto 0;     /* 🔥 perfect center */
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-129cd02 *//* SECTION */
.test-section {
  padding: 30px 5%;
  font-family: 'Montserrat', sans-serif;
  background: #ffffff;
}

/* HEADING */
.test-section h2 {
  font-size: 40px;
  font-weight: 700;
  color: #084CA2;
  margin-bottom: 8px;
}

/* SUBTITLE */
.subtitle {
  color: #000000;
  opacity: 0.7;
  margin-bottom: 25px;
}

/* TABS */
.tabs {
  display: flex;
  gap: 30px;
  border-bottom: 1px solid #eee;
  margin-bottom: 25px;
}

/* TAB DEFAULT */
.tabs label {
  cursor: pointer;
  padding-bottom: 10px;
  font-weight: 500;
  color: #000000;
  opacity: 0.6;
  transition: 0.3s;
}

/* HOVER */
.tabs label:hover {
  color: #084CA2;
}

/* ACTIVE TAB */
#tab1:checked ~ .tabs label[for="tab1"],
#tab2:checked ~ .tabs label[for="tab2"],
#tab3:checked ~ .tabs label[for="tab3"],
#tab4:checked ~ .tabs label[for="tab4"] {
  color: #084CA2;
  border-bottom: 3px solid #FFD92C;
  opacity: 1;
}

/* LAYOUT */
.content {
  position: relative;
}

.tab-content {
  display: none;
  align-items: center; /* 🔥 FIX ALIGNMENT */
  gap: 60px;
}

/* SHOW ACTIVE TAB */
#tab1:checked ~ .content .tab-content:nth-child(1),
#tab2:checked ~ .content .tab-content:nth-child(2),
#tab3:checked ~ .content .tab-content:nth-child(3),
#tab4:checked ~ .content .tab-content:nth-child(4) {
  display: flex;
}

/* VIDEO */
.tab-content video {
  width: 60%;
  aspect-ratio: 16/9;
  border-radius: 16px;
  object-fit: cover;
  background: #000;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
  display: block; /* 🔥 IMPORTANT */
}

/* TEXT */
.tab-content h3 {
  font-size: 35px;
  font-weight: 600;
  color: #084CA2;
  margin-bottom: 10px;
}

.tab-content p {
  color: #000000;
  opacity: 0.75;
  line-height: 1.6;
}

/* REMOVE RADIO DOTS */
input[type="radio"] {
  display: none !important;
}

/* MOBILE */
@media (max-width: 768px) {

  .tab-content {
    flex-direction: column;
    gap: 20px;
  }

  .tab-content video {
    width: 100%;
  }
}
.tab-content video {
  margin-left: -15px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5aa0c21 */body {
  font-family: 'Montserrat', sans-serif;
  background: #fff;
}

/* Section */
.how-section {
  padding: 20px 20px;
  text-align: center;
}

/* Heading */
.how-section h2 {
  color: #084CA2;
  font-size: 36px;
  font-weight: 800;
  margin-bottom: 50px;
}

/* Timeline */
.timeline {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1100px;
  margin: auto;
  position: relative;
}

/* Dotted line */
.timeline::before {
  content: "";
  position: absolute;
  top: 45px;
  left: 0;
  width: 100%;
  border-top: 2px dashed #d6d6d6;
  z-index: 0;
}

/* Item */
.item {
  width: 20%;
  text-align: center;
  position: relative;
  z-index: 1;
}

/* Icon circle */
.icon {
  width: 90px;
  height: 90px;
  background: #f7f7f7;
  border-radius: 50%;
  border: 1px solid #eaeaea;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}

/* Image inside */
.icon img {
  width: 50px;
  height: auto;
}

/* Text */
.item p {
  margin-top: 18px;
  font-size: 14px;
  color: #333;
  line-height: 1.5;
}

/* CTA */
.cta-btn {
  display: inline-block;
  margin-top: 20px;
  padding: 16px 42px;
  background: #FFD92C;
  color: #000;
  font-weight: 600;
  font-size: 14px;
  border-radius: 40px;
  text-decoration: none;
  transition: 0.3s;
}

.cta-btn:hover {
  background: #e6c200;
}

/* Mobile */
@media (max-width: 768px) {

  .timeline {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 10px;
    gap: 22px; /* 🔥 reduced gap */
  }

  /* ❌ REMOVE LINE */
  .timeline::before {
    display: none;
  }

  .item {
    display: flex;
    align-items: center;
    gap: 14px; /* 🔥 less space between icon & text */
  }

  /* ICON SMALL + CLEAN */
  .icon {
    width: 60px;
    height: 60px;
    background: #f7f7f7;
    border-radius: 50%;
    border: 1px solid #eaeaea;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  .icon img {
    width: 32px;
    .item {
  align-items: center;
}

.icon {
  margin: 0; /* remove auto centering */
}
  }

  /* TEXT COMPACT */
  .item p {
    margin: 0;
    font-size: 15px;
    line-height: 1.4;
    color: #2d1f2a;
  }

  /* HEADING */
  .how-section h2 {
    font-size: 22px;
    margin-bottom: 20px;
    text-align: left;
  }

  /* CTA BUTTON (LIKE REFERENCE) */
  .cta-btn {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 25px;
    padding: 16px;
    border-radius: 40px;
    background: #e85c5c; /* 🔥 red like reference */
    color: #fff;
    font-weight: 700;
  }

}
.item p {
  margin: 0;
  font-size: 15px;
  line-height: 1.4;
  color: #2d1f2a;
  max-width: 220px; /* 🔥 control width */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b91dcaa *//* SECTION */
.how-mobile {
  padding: 25px 18px;
  font-family: 'Montserrat', sans-serif;
}

/* HEADING */
.how-mobile h2 {
  text-align: center;
  font-size: 22px;
  color: #084ca2;
  margin-bottom: 25px;
}

/* STEPS */
.steps {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

/* STEP ROW */
.step {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* ICON FIX */
.icon {
  width: 56px;
  height: 56px;
  min-width: 56px; /* 🔥 prevents shrinking */
  border-radius: 50%;
  background: #f5f5f5;
  border: 1px solid #e5e5e5;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon img {
  width: 28px;
  height: auto;
}

/* TEXT FIX */
.step p {
  margin: 0;
  font-size: 15px;
  color: #2d1f2a;
  line-height: 1.4;
  text-align: left; /* 🔥 important */
  flex: 1; /* 🔥 takes remaining space */
}



/* BUTTON */
.cta-btn {
  display: block;
  width: 100%;
  text-align: center;
  background: #ffd92c;
  color: #084ca2;
  padding: 16px;
  border-radius: 40px;
  font-weight: 700;
  text-decoration: none;
  margin-top: 25px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f7c7cc9 */.connect-section {
  text-align: center;
  padding: 40px 10px;
  background: #fff;
}

/* Heading */
.connect-section h2 {
  font-family: 'Montserrat', sans-serif;
  color: #084CA2;
  font-size: 30px;
  font-weight: 800;
  margin-bottom: 10px;
}

/* Subtext */
.connect-section p {
  font-family: 'Montserrat', sans-serif;
  color: #666;
  font-size: 18px;
  margin-bottom: 25px;
}

/* Buttons wrapper */
.connect-buttons {
  display: flex;
  justify-content: center;
  gap: 20px;
}

/* Button */
.btn {
  display: flex;
  align-items: center;
  background: #084CA2;
  border-radius: 40px;
  padding: 8px 20px 8px 8px; /* compact like reference */
  text-decoration: none;
}

/* Icon image */
.icon-circle img {
  width: 50px;
  height: 25px;
}

/* Text */
.text {
  font-family: 'Montserrat', sans-serif;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
}

/* Hover (subtle like reference) */
.btn:hover {
  opacity: 0.9;
}

/* Mobile */
@media (max-width: 767px) {

  /* 🔥 TEXT SMALL */
  .connect-section p {
    font-size: 14px;
    line-height: 1.5;
    max-width: 90%;
    margin: 0 auto 20px;
  }

  /* 🔥 BUTTON WRAPPER INLINE */
  .connect-buttons {
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: nowrap; /* 🔥 keep in one line */
  }

  /* 🔥 BUTTON STYLE */
  .connect-buttons a {
    flex: 1;
    max-width: 160px;
    padding: 10px 12px;
    font-size: 13px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }

  /* ICON SIZE */
  .connect-buttons img {
    width: 18px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-39fb9b5 *//* ============================================
   HALXI TESTIMONIALS — halxi-testimonials.css
   #FFD92C  Yellow accent
   #084CA2  Primary blue
   #000000  Body text
   #ffffff  Background
   ============================================ */

/* ---- Section ---- */
.halxi-testimonials {
  background-color: #ffffff;
  padding: 60px 20px;
  font-family: 'Segoe UI', Arial, sans-serif;
}

.halxi-testi-inner {
  max-width: 1200px;
  margin: 0 auto;
}

/* ---- Header Row ---- */
.halxi-testi-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 40px;
}

/* ---- Title ---- */
.halxi-testi-title-block h1 {
  font-size: 38px;
  font-weight: 700;
  color: #084CA2;
  margin: 0 0 6px 0;
  line-height: 1.2;
}

.halxi-testi-title-block h2 span {
  position: relative;
  display: inline-block;
}

.halxi-testi-title-block h2 span::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 4px;
  background-color: #FFD92C;
  border-radius: 2px;
}

.halxi-testi-title-block p {
  font-size: 20px;
  color: #000000;
  margin: 12px 0 0 0;
}

/* ---- CTA Button ---- */
.halxi-testi-cta-btn {
  display: inline-block;
  background-color: #084CA2;
  color: #ffd92c !important;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  padding: 14px 28px;
  border-radius: 50px;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s, transform 0.1s;
  white-space: nowrap;
}

.halxi-testi-cta-btn:hover {
  background-color: #063a80;
  transform: scale(1.02);
}

/* ---- Slider Wrapper ---- */
.halxi-testi-slider-wrapper {
  position: relative;
  overflow: hidden;
}

/* ---- Cards Track ---- */
.halxi-testi-cards {
  display: flex;
  gap: 20px;
  transition: transform 0.4s ease;
  align-items: stretch;
}

/* ---- Individual Card ---- */
.halxi-testi-card {
  flex: 0 0 calc(33.333% - 14px);
  min-width: 0;
  background: #ffffff;
  border-radius: 12px;
  border: 1.5px solid #e0e8f5;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(8, 76, 162, 0.07);
  transition: box-shadow 0.2s;
  display: flex;
  flex-direction: column;
}

.halxi-testi-card:hover {
  box-shadow: 0 6px 24px rgba(8, 76, 162, 0.13);
}

/* ---- Thumbnail container — FIXED 16:9, never collapses ---- */
.halxi-testi-thumb {
  position: relative;
  width: 100%;
  /* Padding-top trick locks the height to 16:9 regardless of content */
  padding-top: 56.25%;
  background-color: #084CA2;
  overflow: hidden;
  cursor: pointer;
  /* Prevent the container from shrinking when iframe loads */
  flex-shrink: 0;
}

/* Image fills the locked 16:9 box */
.halxi-testi-thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ---- Play Button ---- */
.halxi-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 54px;
  height: 54px;
  background: rgba(255, 255, 255, 0.92);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  transition: background 0.2s, transform 0.2s;
  /* stays inside the absolute-positioned thumb */
  z-index: 2;
}

.halxi-testi-thumb:hover .halxi-play-btn {
  background: #FFD92C;
  transform: translate(-50%, -50%) scale(1.08);
}

.halxi-play-icon {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 0 9px 18px;
  border-color: transparent transparent transparent #084CA2;
  margin-left: 4px;
}

/* ---- Video iframe — sits inside the locked 16:9 box ---- */
.halxi-testi-video {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 800%;
  z-index: 3;
}

.halxi-testi-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

/* When playing: show video, hide image and play button */
.halxi-testi-thumb.playing .halxi-testi-video {
  display: block;
}

.halxi-testi-thumb.playing img,
.halxi-testi-thumb.playing .halxi-play-btn {
  display: none;
}

/* ---- Card Body ---- */
.halxi-testi-card-body {
  padding: 20px 20px 24px;
  text-align: center;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.halxi-testi-card-body blockquote {
  font-size: 14.5px;
  color: #000000;
  font-style: italic;
  line-height: 1.65;
  margin: 0 0 16px 0;
  padding: 0;
  border: none;
  background: none;
}

/* ---- Client Name with yellow dashes ---- */
.halxi-testi-client-name {
  font-size: 14px;
  font-weight: 700;
  color: #084CA2;
  margin: 0;
  display: inline-block;
}

.halxi-testi-client-name::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 3px;
  background: #FFD92C;
  vertical-align: middle;
  margin-right: 8px;
  border-radius: 2px;
}

.halxi-testi-client-name::after {
  content: '';
  display: inline-block;
  width: 20px;
  height: 3px;
  background: #FFD92C;
  vertical-align: middle;
  margin-left: 8px;
  border-radius: 2px;
}

/* ---- Navigation Arrows — simple small text arrows ---- */
.halxi-arrow-btn {
  position: absolute;
  top: 30%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #084CA2;
  color: #ffffff;
  border: none;
  cursor: pointer;
  font-size: 20px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  transition: background 0.2s;
  padding: 0;
}

.halxi-arrow-btn:hover {
  background: #FFD92C;
  color: #084CA2;
}

.halxi-prev {
  left: -14px;
}

.halxi-next {
  right: -14px;
}

/* ---- Dots ---- */
.halxi-testi-dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 28px;
}

.halxi-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #c5d5ef;
  border: none;
  cursor: pointer;
  padding: 0;
  transition: background 0.2s, transform 0.2s;
}

.halxi-dot.active {
  background: #084CA2;
  transform: scale(1.3);
}

/* ---- Responsive: Tablet ---- */
@media (max-width: 900px) {
  .halxi-testi-card {
    flex: 0 0 calc(50% - 10px);
  }

  .halxi-testi-title-block h2 {
    font-size: 28px;
  }
}

/* ---- Responsive: Mobile ---- */
@media (max-width: 600px) {
  .halxi-testimonials {
    padding: 40px 16px;
  }

  .halxi-testi-card {
    flex: 0 0 100%;
  }

  /* Left-align heading on mobile */
  .halxi-testi-header {
    flex-direction: column;
    align-items: center;
  }

  .halxi-testi-title-block h1 {
    font-size: 22px;
    text-align: center;
  }

  .halxi-testi-title-block p {
    text-align: center;
  }

  .halxi-prev {
    left: -8px;
  }

  .halxi-next {
    right: -8px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2b8e6ff */.news-section {
  padding: 80px 40px;
  background: #ffffff;
  text-align: center;
}

.news-section h2 {
  font-size: 36px;
  color: #084CA2;
  margin-bottom: 50px;
}

/* GRID DESKTOP */
.news-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
}

/* CARD */
.news-card {
  border: 1px solid #eee;
  border-radius: 10px;
  padding: 30px 20px;
  background: #fff;
  transition: 0.3s;
}

.news-card:hover {
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}

/* TITLE */
.news-card h4 {
  font-size: 16px;
  color: #084CA2;
  margin-bottom: 15px;
  font-weight: 600;
}

/* SPECIAL */
.news-card .mint {
  color: #f5a623;
  font-weight: bold;
}

/* TEXT */
.news-card p {
  font-size: 14px;
  color: #000;
  line-height: 1.6;
}
@media(max-width: 600px) {

  .news-section {
    padding: 40px 0; /* ❌ remove side padding */
  }

  .news-grid {
    display: flex;
    overflow-x: auto;

    gap: 12px;
    padding: 0 16px; /* ✅ controlled inner spacing */

    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;

    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .news-grid::-webkit-scrollbar {
    display: none;
  }

  .news-card {
    flex: 0 0 90%; /* ✅ wider card */
    scroll-snap-align: center;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-56632de *//* FULL WIDTH FIX */
.cta-section {
  width: 100%;
  padding: 100px 0px;
  background: #084CA2; /* BLUE BACKGROUND */
  text-align: center;
  position: relative;
  overflow: hidden;
}

/* CONTENT WIDTH CONTROL */
.cta-content {
  max-width: 900px;
  margin: auto;
}

/* HEADING */
.cta-content h2 {
  font-size: 42px;
  color: #ffffff;
  font-weight: 600;
  margin: 0;
}

.cta-content h2 span {
  color: #FFD92C; /* YELLOW HIGHLIGHT */
}

/* SUBTEXT */
.cta-content p {
  margin-top: 15px;
  color: #ffffff;
  font-size: 16px;
  opacity: 0.9;
}

/* BUTTON */
.cta-btn {
  display: inline-block;
  margin-top: 30px;
  padding: 16px 40px;
  background: #FFD92C; /* YELLOW BUTTON */
  color: #084CA2; /* BLUE TEXT */
  border-radius: 30px;
  text-decoration: none;
  font-weight: 600;
  letter-spacing: 0.5px;
  transition: 0.3s ease;
}

/* HOVER */
.cta-btn:hover {
  background: #ffffff;
  color: #084CA2;
}

/* OPTIONAL SUBTLE SHAPE (LIKE DESIGN) */
.cta-section::after {
  content: '';
  position: absolute;
  width: 300px;
  height: 300px;
  background: rgba(255,255,255,0.08);
  border-radius: 50%;
  top: -100px;
  right: -100px;
}
body {
  margin: 0;
  padding: 0;
}

.cta-section {
  width: 100vw;       /* full screen width */
  margin: 0;
  padding: 100px 0;   /* remove side padding */
}
@media (max-width: 767px) {

  .cta-section {
    padding: 40px 20px;        /* 🔥 reduce side padding */
    text-align: center;
  }

  /* HEADING */
  .cta-section h2 {
    font-size: 20px;           /* 🔥 smaller */
    line-height: 1.4;
    margin-bottom: 10px;
  }

  /* SUBTEXT */
  .cta-section p {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 20px;
    color: #dbe6f5;            /* soft white */
  }

  /* HIGHLIGHT TEXT (yellow part) */
  .cta-section h2 span {
    display: inline-block;
  }

  /* BUTTON */
  .cta-btn {
    display: block;
    width: 100%;               /* 🔥 full width */
    max-width: 320px;          /* control size */
    margin: 0 auto;

    padding: 14px 18px;        /* 🔥 compact */
    font-size: 14px;

    border-radius: 40px;
    text-align: center;
  }

}/* End custom CSS */