:root{--blue:#1257b8;--dark:#082f68;--red:#d9273f;--red-dark:#b51f35;--sky:#eef6ff;--text:#172b4d;--muted:#667085;--green:#55c98a}
*{box-sizing:border-box}body{font-family:Inter,Arial,sans-serif;color:var(--text);margin:0}
a{text-decoration:none}.top-strip{background:#062c59;color:#fff;font-size:13px;padding:7px 0}
.main-head{background:#eef8ff;border-bottom:1px solid #e5eef8}
.logo{display:flex;align-items:center;font-weight:800;color:#1257b8;font-size:22px}
.logo-mark{width:35px;height:42px;border:3px solid #d9273f;border-radius:55% 45% 48% 52%;margin-right:5px;position:relative}
.logo-mark:after{content:"";position:absolute;width:14px;height:22px;border:2px solid #1d69ed;border-left:0;border-radius:50%;left:9px;top:8px}
.logo small{display:block;font-size:6px;letter-spacing:.2px;margin-top:-3px;color:#42648d}
.header-note{font-size:15px;color:#5a6b83}.dot{width:9px;height:9px;background:#5bd195;border-radius:50%;display:inline-block;margin-right:8px}
.call-btn{background:#2163ef;color:#fff!important;border-radius:30px;padding:12px 23px;font-weight:700;box-shadow:0 8px 22px #2163ef33}
.nav-wrap{background:#fff;box-shadow:0 2px 15px #102a4310}.nav-link{font-weight:600;color:#344054!important}.nav-link:hover{color:var(--blue)!important}
.hero{background:linear-gradient(115deg,#eaf5ff,#f8fbff 52%,#e4f3ff);padding:58px 0 48px}
.hero h1{font-size:clamp(34px,4.4vw,54px);font-weight:800;line-height:1.08;letter-spacing:-1.7px}
.hero h1 span{color:var(--blue)}.hero p{font-size:17px;line-height:1.75;color:#52627a}
.badge-offer{background:#fff0e8;color:#e14a0d;border-radius:30px;padding:9px 16px;font-weight:700;display:inline-block}
.hero-photo{height:400px;border-radius:26px;background:linear-gradient(120deg,#dceeff,#fff);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 25px 65px #185aa51f}
.hero-photo img{width:100%;height:100%;object-fit:cover}
.form-box{background:#fff;border-radius:20px;padding:24px;box-shadow:0 18px 55px #173e7320}
.form-control,.form-select{border-radius:10px;padding:12px;margin-bottom:5px;border-color:#d8e0ea}.primary{background:var(--blue);color:#fff;border:0;border-radius:10px;padding:13px 22px;font-weight:700}
.section{padding:70px 0}.section-title{text-align:center;margin-bottom:42px}.section-title h2{font-size:34px;font-weight:800}.section-title p{color:var(--muted)}
.product{height:100%;border:1px solid #e3e8ef;border-radius:20px;overflow:hidden;background:#fff;transition:.25s}.product:hover{transform:translateY(-5px);box-shadow:0 15px 40px #102a4312}
.product-img{height:210px;background:#f5f9fd;display:flex;align-items:center;justify-content:center}.product-img img{max-width:100%;height:100%;object-fit:cover}
.product-body{padding:22px}.pill{display:inline-block;background:#eaf3ff;color:#1769e8;border-radius:30px;padding:6px 9px;font-size:11px;font-weight:700;margin:2px}
.confidence{background:#072f63;color:#fff;border-radius:22px;padding:25px 30px}
.about-img{height:420px;border-radius:24px;background:#e9f4ff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.about-img img{width:100%;height:100%;object-fit:cover}
.stats .stat{background:#fff;border:1px solid #e3e9f0;border-radius:15px;padding:18px;text-align:center}
.stats h3{font-weight:800;margin:0}.stat small{color:#697586}
.offer-table{border:1px solid #e0e6ee;border-radius:18px;overflow:hidden}.offer-table th{background:#eef6ff;color:#173e73}.offer-table td,.offer-table th{padding:18px}.yes{color:#0e9f61;font-weight:800}
.step{height:100%;border:1px solid #e2e8f0;border-radius:18px;padding:25px}.step-no{font-size:46px;color:#cfe2fb;font-weight:800}
.clinic{height:100%;border:1px solid #e2e8f0;border-radius:20px;padding:26px}.city-pill{display:inline-block;border:1px solid #d9e5f3;border-radius:30px;padding:8px 13px;margin:4px;color:#285681;font-size:13px;background:#f9fcff}
.faq .accordion-item{border:1px solid #e1e7ef!important;border-radius:12px!important;margin-bottom:10px;overflow:hidden}.accordion-button{font-weight:700;padding:18px}.accordion-button:not(.collapsed){background:#eef6ff;color:#145dc7}
.review{height:100%;border:1px solid #e1e7ef;border-radius:18px;padding:22px}.stars{color:#ffb000;letter-spacing:2px}.review p{color:#667085;font-size:14px;line-height:1.7}
.final-cta{background:linear-gradient(115deg,#0868e9,#07366f);color:#fff;padding:55px 30px}.final-cta p{color:#d8e9ff}
footer{background:#061d3a;color:#c8d4e3;padding:55px 0 25px}footer h5{color:#fff}.footer-link{color:#c8d4e3;display:block;margin:9px 0}.mobile-bottom-bar{
  position:fixed;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  width:min(100%,552px);
  height:55px;
  display:flex;
  z-index:9999;
  box-shadow:0 -3px 12px rgba(0,0,0,.18);
}
.bottom-action{
  width:50%;
  height:55px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  color:#fff!important;
  font-size:13px;
  font-weight:700;
  line-height:1.1;
  text-align:center;
}
.chat-action{
  background:#20d66a;
  border-right:1px solid rgba(255,255,255,.7);
}
.call-action{background:#20529b}
.bottom-icon{
  font-size:24px;
  font-weight:400;
  line-height:1;
}
.chat-icon{
  width:17px;
  height:15px;
  border:2px solid #fff;
  border-radius:2px;
  font-size:0;
  position:relative;
}
.chat-icon:after{
  content:"";
  position:absolute;
  bottom:-5px;
  left:2px;
  border-width:3px 3px 0 0;
  border-style:solid;
  border-color:#fff transparent transparent transparent;
}
@media(min-width:768px){
  .mobile-bottom-bar{display:none}
}
@media(max-width:767px){
  body{padding-bottom:55px}
}
@media(max-width:767px){.header-note{display:none}.hero{padding:40px 0}.hero-photo{height:260px}.section{padding:50px 0}.section-title h2{font-size:28px}.floating-call{left:15px;right:15px;text-align:center}}

.simple-steps-section{
  background:#f7f9fc;
  padding:42px 0 48px;
}
.simple-steps-heading{
  text-align:center;
  margin-bottom:30px;
}
.simple-steps-heading h2{
  color:#092f61;
  font-size:32px;
  line-height:1.2;
  font-weight:800;
  margin:0 0 12px;
}
.simple-steps-heading p{
  margin:0;
  color:#64748b;
  font-size:19px;
}
.simple-steps-heading strong{
  color:#1769e8;
}
.simple-step-card{
  position:relative;
  background:#fff;
  border-radius:25px;
  padding:45px 20px 18px;
  min-height:420px;
  text-align:center;
  box-shadow:0 12px 35px rgba(20,50,85,.08);
}
.step-circle{
  position:absolute;
  top:-36px;
  left:50%;
  transform:translateX(-50%);
  width:62px;
  height:62px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:32px;
  font-weight:800;
  color:#fff;
  box-shadow:0 12px 28px rgba(20,40,70,.16);
}
.step-blue{background:#1769ee}
.step-green{background:#178b5a}
.step-yellow{background:#ffbc08;color:#172b4d}
.step-purple{background:#743cf2}
.simple-step-card h3{
  font-size:16px;
  font-weight:800;
  margin:15px 0 23px;
}
.simple-step-card:nth-child(1) h3{color:#1769ee}
.simple-step-card:nth-child(2) h3{color:#178b5a}
.simple-step-card:nth-child(3) h3{color:#d49a00}
.simple-step-card:nth-child(4) h3{color:#743cf2}
.step-image{
  height:185px;
  border-radius:18px;
  overflow:hidden;
  background:#edf3f9;
}
.step-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.step-note{
  margin-top:25px;
  min-height:50px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:600;
}
.note-blue{background:#edf5ff;color:#1769ee}
.note-green{background:#ebfaf1;color:#178b5a}
.note-yellow{background:#fff4e5;color:#f29b00}
.note-purple{background:#f2eaff;color:#743cf2}

@media(max-width:1199px){
  .simple-step-card{min-height:400px}
}
@media(max-width:767px){
  .simple-steps-section{padding:48px 0 35px}
  .simple-steps-heading h2{font-size:27px}
  .simple-steps-heading p{font-size:16px}
  .simple-step-card{min-height:385px;padding-top:42px}
  .step-image{height:170px}
}

.latest-tech-section{
  background:#f7f9fc;
  padding:55px 0 48px;
}
.latest-tech-heading{
  text-align:center;
  margin-bottom:38px;
}
.latest-tech-heading h2{
  color:#092f61;
  font-size:40px;
  line-height:1.15;
  font-weight:800;
  letter-spacing:-1px;
  margin:0 0 22px;
}
.latest-tech-heading p{
  color:#667085;
  font-size:23px;
  margin:0;
}
.tech-product-card{
  background:#fff;
  border:1px solid #d9dee6;
  min-height:274px;
  padding:18px;
  box-shadow:0 2px 7px rgba(16,24,40,.08);
}
.tech-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:5px;
}
.tech-badge{
  display:inline-flex;
  align-items:center;
  padding:9px 18px;
  border-radius:30px;
  color:#fff;
  font-size:13px;
  font-weight:600;
}
.badge-blue{background:#1554c5}
.badge-pink{background:#d9273f}
.badge-green{background:#00a96b}
.tech-brand{
  color:#64748b;
  font-size:16px;
  padding-right:58px;
}
.tech-product-content{
  display:flex;
  align-items:center;
  min-height:205px;
}
.tech-product-image{
  width:42%;
  height:170px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.tech-product-image img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.tech-product-info{
  width:58%;
  padding-left:4px;
}
.tech-product-info h3{
  color:#001e55;
  font-size:35px;
  font-weight:800;
  line-height:1.05;
  margin:0 0 20px;
  letter-spacing:-1px;
}
.tech-pills{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.tech-pills span{
  background:#edf3ff;
  color:#075df2;
  border-radius:20px;
  padding:7px 14px;
  font-size:9px;
  font-weight:600;
  white-space:nowrap;
}
.tech-trial-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  background:#176cf1;
  color:#fff!important;
  border-radius:28px;
  padding:11px 18px;
  margin-top:18px;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
}
.tech-trial-btn b{
  font-size:25px;
  line-height:15px;
  font-weight:400;
}
.tech-trial-btn:hover{background:#0d5ad1}
@media(max-width:991px){
  .latest-tech-heading h2{font-size:34px}
  .latest-tech-heading p{font-size:19px}
  .tech-product-info h3{font-size:30px}
}
@media(max-width:575px){
  .latest-tech-section{padding:42px 0}
  .latest-tech-heading h2{font-size:29px}
  .latest-tech-heading p{font-size:17px}
  .tech-product-card{min-height:auto}
  .tech-product-content{min-height:190px}
  .tech-product-image{height:145px}
  .tech-product-info h3{font-size:26px}
  .tech-brand{padding-right:10px}
  .tech-pills span{font-size:10px;padding:6px 9px}
  .tech-trial-btn{font-size:14px;padding:10px 12px}
}

.hero-new{
  background:linear-gradient(110deg,#eaf6ff 0%,#f4faff 55%,#e7f4ff 100%);
  padding:34px 0 42px;
  overflow:hidden;
}
.hero-trust{
  display:inline-block;
  border:1px solid #b9d7ff;
  color:#06468f;
  background:#f5faff;
  border-radius:25px;
  padding:7px 17px;
  font-size:12px;
  font-weight:700;
  margin-bottom:24px;
}
.hero-new h1{
  color:#123a73;
  font-size:26px;
  line-height:1.14;
  font-weight:800;
  letter-spacing:-1.4px;
  margin:0;
}
.hero-new h1 span{
  background:linear-gradient(90deg,#d9273f 0%,#1257b8 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.hero-lead{
  color:#23466f;
  font-size:20px;
  margin:28px 0 15px;
}
.hero-lead strong{color:#d9273f;font-size:25px}
.hero-points{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  max-width:600px;
}
.hero-points span{
  background:#fff;
  color:#426181;
  border:1px solid #e1e8f0;
  border-radius:20px;
  padding:6px 13px;
  font-size:12px;
  box-shadow:0 2px 5px rgba(0,0,0,.06);
}
.hero-points span::first-letter{color:#d9273f}
.hero-stats{
  display:flex;
  gap:65px;
  margin:25px 0 30px;
}
.hero-stats>div{text-align:center;min-width:85px}
.stat-icon{color:#0054ad;font-size:24px;height:28px}
.hero-stats strong{display:block;color:#132f57;font-size:24px;line-height:1.2}
.hero-stats small{color:#6b7d94;font-size:12px}
.price-list-btn{
  display:inline-flex;
  align-items:center;
  background:#0b315f;
  color:#fff!important;
  border-radius:11px;
  padding:15px 27px;
  font-size:17px;
  font-weight:800;
  box-shadow:0 8px 15px rgba(16,46,83,.18);
}
.hero-form-card{
  background:#fff;
  border-radius:16px;
  padding:27px;
  color:#fff;
  box-shadow:0 20px 45px rgba(7,43,91,.20);
  max-width:440px;
  margin-left:auto;
}
.hero-form-card h2{
  font-size:24px;
  text-align:center;
  margin:0 0 7px;
  font-weight:800;
}
.form-subtitle{
  text-align:center;
  color:#d8e8ff;
  font-size:15px;
  margin-bottom:15px;
}
.form-benefits{
  display:flex;
  justify-content:center;
  gap:18px;
  color:#e2ebfb;
  font-size:12px;
  margin-bottom:17px;
}
.form-benefits span:first-child{color:#f44c86}
.hero-form-card form input,
.hero-form-card form textarea{
  width:100%;
  background:#f5f7fa;
  color:#000;
  border:1px solid #5475a4;
  border-radius:9px;
  padding:13px 14px;
  margin-bottom:14px;
  outline:0;
  font-size:14px;
}
.hero-form-card form input::placeholder,
.hero-form-card form textarea::placeholder{color:#bfd0e7}
.hero-form-card form input:focus,
.hero-form-card form textarea:focus{
  border-color:#7db2ff;
  box-shadow:0 0 0 2px rgba(125,178,255,.15);
}
.slots{
  color:#ffe02b;
  font-size:12px;
  text-align:center;
  line-height:1.35;
  margin:1px 0 14px;
}
.rating{
  color:#ffc400;
  font-size:16px;
  margin-bottom:14px;
}
.rating span{
  color:#dbe8f9;
  font-size:12px;
}
.rating strong{color:#fff}
.hero-form-card button{
  width:100%;
  border:0;
  border-radius:9px;
  background:#d9273f;
  color:#fff;
  padding:15px 12px;
  font-size:17px;
  font-weight:800;
  box-shadow:0 8px 18px rgba(255,52,113,.2);
}
.hero-form-card button:hover{background:#b51f35}
.privacy-note{
  text-align:center;
  color:#8da7ca;
  font-size:11px;
  margin-top:14px;
}
.hero-form-message{
  text-align:center;
  color:#8ff0b4;
  font-size:12px;
  margin-top:8px;
}
@media(max-width:991px){
  .hero-new{padding:32px 0 45px}
  .hero-new h1{font-size:38px}
  .hero-form-card{margin:10px auto 0}
}
@media(max-width:575px){
  .hero-new h1{font-size:32px}
  .hero-lead{font-size:17px}
  .hero-stats{gap:20px;justify-content:space-between}
  .hero-stats strong{font-size:20px}
  .hero-points span{font-size:11px}
  .hero-form-card{padding:20px}
}

/* Hear For Sure red + blue theme */
.main-head{background:#eef7ff}
.logo{color:#1257b8}
.logo-mark{border-color:#d9273f}
.logo-mark:after{border-color:#1257b8;border-left:0}
.header-note{color:#536a86}
.call-btn{background:#1257b8}
.call-btn:hover{background:#0b438f}
.nav-link:hover{color:#d9273f!important}
.hero-trust{border-color:#bdd7fa;color:#0b4b96;background:#f8fbff}
.hero-new h1 span{background:linear-gradient(90deg,#d9273f,#1257b8);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead strong{color:#d9273f}
.hero-points span{border-color:#dfe7f1}
.hero-points span::first-letter{color:#d9273f}
.stat-icon{color:#1257b8}
.price-list-btn{background:#0b315f}
.hero-form-card{
    background:#fff;
}
.hero-form-card button{background:#d9273f}
.hero-form-card button:hover{background:#b51f35}
.latest-tech-heading h2{color:#0b315f}
.tech-trial-btn{background:#1257b8}
.tech-trial-btn:hover{background:#0b438f}
.badge-blue{background:#1257b8}
.badge-pink{background:#d9273f}
.simple-steps-heading h2{color:#0b315f}
.step-blue{background:#1257b8}
.step-purple{background:#6d3ee8}
.note-blue{color:#1257b8}
.note-yellow{color:#b77b00}

.hero-device-slider{
  position:relative;
  height:190px;
  width:min(100%,560px);
  margin:10px auto 4px;
  overflow:hidden;
}
.hero-device-track{position:relative;width:100%;height:100%}
.hero-device-slide{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  transform:translateX(22px);
  transition:opacity .65s ease,transform .65s ease;
  pointer-events:none;
}
.hero-device-slide.active{
  opacity:1;
  transform:translateX(0);
}
.hero-device-slide img{
  width:330px;
  height:175px;
  object-fit:contain;
  filter:drop-shadow(0 15px 16px rgba(18,54,100,.16));
}
.hero-device-slide span{
  position:absolute;
  right:18px;
  bottom:12px;
  background:#fff;
  color:#1257b8;
  border:1px solid #cfe0f5;
  border-radius:20px;
  padding:6px 12px;
  font-size:11px;
  font-weight:700;
  box-shadow:0 4px 10px rgba(20,50,90,.08);
}
.hero-slider-dots{
  position:absolute;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  display:flex;
  gap:6px;
}
.hero-slider-dots button{
  width:7px;
  height:7px;
  padding:0;
  border:0;
  border-radius:50%;
  background:#b8cde5;
}
.hero-slider-dots button.active{background:#d9273f;width:20px;border-radius:10px}
@media(max-width:575px){
  .hero-device-slider{height:155px}
  .hero-device-slide img{width:270px;height:145px}
  .hero-device-slide span{right:2px;bottom:10px;font-size:10px}
}

/* Hearing Trial / Appointment Popup */
.trial-modal .modal-dialog{
  max-width:475px;
  margin:1.25rem auto;
}
.trial-modal .modal-content{
  border:0;
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 25px 80px rgba(4,28,65,.28);
  background:#fff;
}
.trial-modal .modal-content:before{
  content:"";
  display:block;
  height:5px;
  background:linear-gradient(90deg,#d9273f 0%,#1257b8 100%);
}
.trial-modal .modal-body{
  padding:22px 27px 24px;
}
.trial-modal-head{
  display:flex;
  align-items:flex-start;
  gap:14px;
  position:relative;
  padding-right:35px;
}
.trial-modal-icon{
  width:58px;
  height:58px;
  flex:0 0 58px;
  border-radius:16px;
  background:#eaf4ff;
  border:1px solid #cfe1f8;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:27px;
  color:#1257b8;
}
.trial-modal-close{
  position:absolute;
  right:0;
  top:0;
  width:36px;
  height:36px;
  border:0;
  border-radius:50%;
  background:#f1f5f9;
  color:#8ba0ba;
  font-size:23px;
  line-height:1;
}
.trial-modal-close:hover{background:#e6edf5;color:#53677f}
.trial-whatsapp{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:6px 12px;
  border-radius:20px;
  background:#effcf5;
  color:#079653;
  font-size:10px;
  font-weight:800;
  letter-spacing:.2px;
  margin-bottom:7px;
}
.trial-modal h3{
  margin:0;
  color:#102f59;
  font-size:24px;
  line-height:1.12;
  font-weight:800;
}
.trial-modal-sub{
  color:#71839a;
  font-size:12px;
  margin-top:7px;
}
.trial-includes{
  background:#f7faff;
  border:1px solid #e3ebf4;
  border-radius:17px;
  padding:16px 17px;
  margin:18px 0 16px;
}
.trial-includes-title{
  color:#9aabc0;
  font-size:10px;
  font-weight:800;
  letter-spacing:.5px;
  margin-bottom:8px;
}
.trial-includes div{
  color:#53657c;
  font-size:12px;
  margin:8px 0;
}
.trial-includes div span{
  color:#16bd78;
  font-size:17px;
  font-weight:800;
  margin-right:7px;
}
.trial-input{
  width:100%;
  border:1px solid #dce5ef;
  background:#fbfdff;
  border-radius:13px;
  padding:14px 15px;
  font-size:14px;
  color:#263d5b;
  margin-bottom:12px;
  outline:0;
}
.trial-input:focus{
  border-color:#6da4ed;
  box-shadow:0 0 0 3px rgba(18,87,184,.08);
}
.trial-submit{
  width:100%;
  border:0;
  border-radius:13px;
  padding:14px 16px;
  background:#1257b8;
  color:#fff;
  font-size:16px;
  font-weight:800;
  box-shadow:0 8px 20px rgba(18,87,184,.18);
}
.trial-submit:hover{background:#0b438f}
.trial-privacy{
  text-align:center;
  color:#a0afc0;
  font-size:10px;
  margin-top:14px;
}
.trial-rating{
  text-align:center;
  margin-top:12px;
  color:#f5b800;
  font-size:12px;
}
.trial-rating span{color:#91a0b3;margin-left:5px}
.trial-success{
  display:none;
  color:#11965c;
  text-align:center;
  font-size:12px;
  font-weight:700;
  margin-top:10px;
}
@media(max-width:575px){
  .trial-modal .modal-dialog{margin:.75rem}
  .trial-modal .modal-body{padding:20px}
  .trial-modal h3{font-size:21px}
}

/* ================================
   HERO SECTION
================================ */

.price-hero{
  background:
    #fff;
  padding:70px 0 0;
  overflow:hidden;
}

.price-hero .container{
  max-width:1260px;
}

.price-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 430px;
  gap:65px;
  align-items:start;
}


/* LEFT */

.price-hero-left{
  min-width:0;
}

.price-badge{
  display:inline-flex;
  align-items:center;
  gap:9px;
  background:#e5f1ff;
  border:1px solid #b8d2ef;
  color:#24558e;
  border-radius:30px;
  padding:10px 21px;
  font-size:12px;
  font-weight:600;
  margin-bottom:8px;
}

.price-badge span{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#2860a2;
}


/* HEADING + DEVICE */

.hero-content-row{
  display:grid;
  grid-template-columns:53% 47%;
  align-items:center;
}

.hero-copy h1{
  margin:0;
  font-size:50px;
  line-height:1.02;
  letter-spacing:-2.6px;
  font-weight:500;
  color:#1c3152;
}

.hero-copy h1 span{
  background:linear-gradient(
    90deg,
    #dd3768,
    #70447f
  );
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

.hero-copy h1 strong{
  color:#667085;
  font-weight:500;
}

.hero-copy p{
  margin:15px 0 0;
  color:#000;
  font-size:20px;
  line-height:1.8;
  font-weight:400;
}

.hero-copy p b{
  color:#1659a8;
  font-weight:700;
}


/* HEARING AID */

.hero-device{
  height:350px;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
}

.device-slider{
  width:100%;
  height:320px;
  position:relative;
  overflow:hidden;
}

.device-slide{
  position:absolute;
  inset:0;

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

  opacity:0;
  transform:translateX(30px) scale(.96);

  transition:
    opacity .7s ease,
    transform .7s ease;
}

.device-slide.active{
  opacity:1;
  transform:translateX(0) scale(1);
}

.device-slide img{
  width:370px;
  height:310px;
  object-fit:contain;

 
}

.device-dots{
  position:absolute;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  gap:6px;
}

.device-dots i{
  display:block;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#b9cce1;
  transition:.3s;
}

.device-dots i.active{
  width:22px;
  border-radius:10px;
  background:#d9273f;
}


/* DIVIDER */

.hero-line{
  width:58%;
  height:1px;
  background:#e1e8f0;
  margin:10px 0 25px;
}


/* STATS */

.hero-stats{
  display:flex;
  gap:68px;
  padding-bottom:45px;
}

.hero-stat{
  min-width:85px;
}

.stat-icon{
  color:#1359aa;
  font-size:27px;
  line-height:1;
  height:34px;
}

.stat-number{
  color:#172c4d;
  font-size:23px;
  font-weight:600;
  line-height:1.2;
  margin-bottom:5px;
}

.stat-label{
  color:#000;
  font-size:10px;
  font-weight:700;
  line-height:1.25;
  letter-spacing:.2px;
}


/* ================================
   RIGHT FORM
================================ */

.price-form-wrap{
  position:relative;
  margin-top:0;
}

.price-form{
  background:#fff;
  border: 1px solid;
  border-radius:42px;
  padding:20px 20px 20px;

  min-height:515px;

  box-shadow:
    0 25px 45px
    rgba(25,49,79,.17);
}

.free-consultation{
  position:absolute;
  right:0;
  top:0;
  z-index:3;

  background:#e9326c;
  color:#fff;

  padding:10px 27px 11px 23px;

  border-radius:0 0 0 25px;

  font-size:12px;
  font-weight:800;
}

.price-form h2{
  margin:0;
  color:#142d52;
  font-size:27px;
  line-height:1.25;
  letter-spacing:-.7px;
  font-weight:700;
}

.form-description{
  color:#7185a0;
  font-size:13px;
  line-height:1.65;
  margin:17px 0 38px;
  max-width:320px;
}

.form-field{
  height:54px;
  border:1px solid #dbe5f0;
  background:#f9fbfd;
  border-radius:15px;

  display:flex;
  align-items:center;

  padding:0 17px;
  margin-bottom:18px;
}

.form-field span{
  color:#8da4c0;
  font-size:21px;
  width:27px;
}

.form-field input{
  width:100%;
  border:0;
  outline:0;
  background:transparent;

  color:#243c5e;
  font-size:14px;
}

.form-field input::placeholder{
  color:#8da0b8;
}

.price-submit{
  width:100%;
  height:64px;

  border:0;
  border-radius:16px;

  background:#1855a4;
  color:#fff;

  font-size:16px;
  font-weight:700;

  display:flex;
  align-items:center;
  justify-content:center;
  gap:15px;

  box-shadow:
    0 10px 20px
    rgba(24,85,164,.20);

  transition:.2s ease;
}

.price-submit:hover{
  background:#0d4389;
  transform:translateY(-1px);
}

.price-submit b{
  font-size:27px;
  font-weight:400;
  line-height:1;
}

.privacy{
  text-align:center;
  color:#a2b0c1;
  font-size:10px;
  font-weight:600;
  margin-top:20px;
}

.form-success{
  display:none;
  text-align:center;
  color:#10a968;
  font-size:12px;
  font-weight:600;
  margin-top:10px;
}


/* ================================
   RESPONSIVE
================================ */

@media(max-width:1100px){

  .price-hero-grid{
    grid-template-columns:minmax(0,1fr) 390px;
    gap:35px;
  }

  .hero-copy h1{
    font-size:50px;
  }

  .hero-copy p{
    font-size:18px;
  }

  .hero-content-row{
    grid-template-columns:55% 45%;
  }

  .device-slide img{
    width:310px;
  }

  .price-form{
    padding:58px 32px 35px;
  }
}


@media(max-width:991px){

  .price-hero{
    padding-top:45px;
  }

  .price-hero-grid{
    grid-template-columns:1fr;
  }

  .price-form-wrap{
    max-width:500px;
    width:100%;
    margin:0 auto 40px;
    order:2;
  }

  .price-hero-left{
    order:1;
  }

  .hero-content-row{
    grid-template-columns:55% 45%;
  }

  .hero-copy h1{
    font-size:48px;
  }
}


@media(max-width:767px){

  .price-hero{
    padding:35px 0 20px;
  }

  .hero-content-row{
    grid-template-columns:1fr;
  }

  .hero-copy h1{
    font-size:42px;
    letter-spacing:-1.5px;
  }

  .hero-copy p{
    font-size:17px;
    line-height:1.65;
    margin-top:28px;
  }

  .hero-device{
    height:270px;
    margin-top:10px;
  }

  .device-slider{
    height:250px;
  }

  .device-slide img{
    width:300px;
    height:240px;
  }

  .hero-line{
    width:100%;
    margin:5px 0 25px;
  }

  .hero-stats{
    gap:28px;
    padding-bottom:30px;
    justify-content:space-between;
  }

  .price-form{
    padding:55px 24px 32px;
    border-radius:0 0 30px 30px;
  }

  .price-form h2{
    font-size:23px;
  }
}


@media(max-width:480px){

  .price-badge{
    font-size:10px;
    padding:8px 13px;
    margin-bottom:25px;
  }

  .hero-copy h1{
    font-size:37px;
  }

  .hero-copy p{
    font-size:16px;
  }

  .hero-device{
    height:240px;
  }

  .device-slider{
    height:220px;
  }

  .device-slide img{
    width:270px;
    height:210px;
  }

  .hero-stats{
    gap:12px;
  }

  .stat-number{
    font-size:19px;
  }

  .stat-label{
    font-size:8px;
  }

  .price-form{
    padding:50px 18px 28px;
  }

  .free-consultation{
    font-size:10px;
    padding:9px 17px 10px 16px;
  }
}


/* =========================================
   MULTI BRAND COMPARISON
========================================= */

.brand-comparison-section{
    background:#eef6ff;
    padding:55px 0 65px;
}

.brand-section-heading{
    text-align:center;
    margin-bottom:40px;
}

.brand-section-heading h2{
    margin:0 0 10px;
    color:#102b50;
    font-size:30px;
    line-height:1.25;
    font-weight:800;
}

.brand-section-heading h2 span{
    color:#e43a67;
}

.brand-section-heading p{
    margin:0;
    color:#71839b;
    font-size:16px;
}


/* TABLE */

.brand-table-wrap{
    max-width:1225px;
    margin:auto;
    background:#fff;
    border:2px solid #1167ad;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 8px 25px rgba(20,65,110,.06);
}

.brand-table{
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
}

.brand-table th{
    background:#0867a9;
    color:#fff;
    height:72px;
    padding:15px 18px;
    font-size:22px;
    font-weight:800;
    text-align:center;
    border-right:1px solid rgba(255,255,255,.25);
}

.brand-table th:nth-child(1){
    width:24%;
}

.brand-table th:nth-child(2){
    width:20%;
}

.brand-table th:nth-child(3){
    width:38%;
}

.brand-table th:nth-child(4){
    width:18%;
}

.brand-table th:last-child{
    border-right:0;
}

.brand-table td{
    height:108px;
    padding:16px;
    border-right:1px solid #1874d4;
    border-bottom:1px solid #1874d4;
    color:#263b59;
    font-size:13px;
    line-height:1.65;
    vertical-align:middle;
}

.brand-table td:last-child{
    border-right:0;
    text-align:center;
}

.brand-table tr:last-child td{
    border-bottom:0;
}

.brand-table tbody tr:hover{
    background:#f8fbff;
}


/* BRAND */

.brand-name{
    display:flex;
    align-items:center;
    gap:13px;
    padding-left:2px;
}

.brand-name strong{
    color:#112e55;
    font-size:14px;
}

.brand-logo{
    width:64px;
    height:42px;
    border-radius:9px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#f5f8fc;
    border:1px solid #e0e7ef;
    font-size:12px;
    font-weight:800;
}


/* BRAND COLORS */

.signia-logo{
    color:#111d46;
}

.phonak-logo{
    color:#e12d39;
}

.widex-logo{
    color:#1672b8;
    font-size:11px;
}

.resound-logo{
    color:#0075a9;
}

.oticon-logo{
    color:#e53232;
}


/* CHECK PRICE */

.check-price{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-width:110px;
    height:48px;

    padding:0 18px;

    border:2px solid #1474ff;
    border-radius:25px;

    color:#075ee0 !important;
    background:#fff;

    font-size:11px;
    font-weight:700;
    text-decoration:none;

    transition:.2s ease;
}

.check-price:hover{
    background:#1474ff;
    color:#fff !important;
}


/* MOBILE */

@media(max-width:991px){

    .brand-table-wrap{
        overflow-x:auto;
    }

    .brand-table{
        min-width:950px;
    }

}


@media(max-width:575px){

    .brand-comparison-section{
        padding:40px 0;
    }

    .brand-section-heading h2{
        font-size:24px;
    }

    .brand-section-heading p{
        font-size:14px;
    }

}
/* =========================================
   MOBILE - NO HORIZONTAL SCROLL
========================================= */

@media (max-width: 767px){

    .brand-table-wrap{
        width:100%;
        overflow:visible;
        border:0;
        border-radius:0;
        box-shadow:none;
        background:transparent;
    }

    .brand-table{
        width:100%;
        min-width:0 !important;
        display:block;
    }

    .brand-table thead{
        display:none;
    }

    .brand-table tbody{
        display:block;
        width:100%;
    }

    .brand-table tr{
        display:grid;
        grid-template-columns:1fr 1fr;
        width:100%;
        margin-bottom:18px;
        background:#fff;
        border:1px solid #c9d9ea;
        border-radius:16px;
        overflow:hidden;
        box-shadow:0 5px 18px rgba(20,60,100,.07);
    }

    .brand-table td{
        display:block;
        width:auto !important;
        height:auto !important;
        min-height:0;
        padding:16px 14px;
        border:0;
        border-bottom:1px solid #dbe5ef;
        font-size:12px;
        line-height:1.55;
        vertical-align:middle;
    }

    /* Brand - full width */
    .brand-table td:nth-child(1){
        grid-column:1 / -1;
        background:#f7fbff;
        border-bottom:1px solid #d5e2ef;
        padding:14px;
    }

    /* Models */
    .brand-table td:nth-child(2){
        border-right:1px solid #dbe5ef;
    }

    /* Features */
    .brand-table td:nth-child(3){
        border-right:0;
    }

    /* Price button */
    .brand-table td:nth-child(4){
        grid-column:1 / -1;
        border-bottom:0;
        padding:14px;
        text-align:center;
        background:#fff;
    }

    .brand-name{
        justify-content:flex-start;
        gap:12px;
    }

    .brand-name strong{
        font-size:16px;
    }

    .brand-logo{
        width:58px;
        height:38px;
        flex-shrink:0;
    }

    .brand-table td:nth-child(2)::before{
        content:"POPULAR MODELS";
        display:block;
        color:#8a9db3;
        font-size:9px;
        font-weight:800;
        letter-spacing:.5px;
        margin-bottom:7px;
    }

    .brand-table td:nth-child(3)::before{
        content:"KEY FEATURES";
        display:block;
        color:#8a9db3;
        font-size:9px;
        font-weight:800;
        letter-spacing:.5px;
        margin-bottom:7px;
    }

    .check-price{
        width:100%;
        height:43px;
        min-width:0;
        border-radius:22px;
        font-size:13px;
    }
}


/* Smaller phones */

@media (max-width:400px){

    .brand-table tr{
        grid-template-columns:1fr 1fr;
    }

    .brand-table td{
        padding:14px 11px;
        font-size:11px;
    }

    .brand-name strong{
        font-size:14px;
    }

    .brand-logo{
        width:52px;
        height:35px;
        font-size:10px;
    }

}

html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

img,
video,
iframe {
    max-width: 100%;
}

@media (max-width: 991px) {

    .brand-table-wrap {
        width: 100%;
        max-width: 100%;
        overflow: hidden !important;
    }

    .brand-table {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100%;
    }

    .price-hero,
    .price-hero-grid,
    .price-hero-left,
    .price-form-wrap,
    .hero-content-row,
    .hero-device,
    .device-slider {
        max-width: 100%;
    }
}

    /* =========================
   FINAL CTA SECTION
========================= */

.final-cta {
    position: relative;
    overflow: hidden;
    padding: 65px 45px 45px;
    border-radius: 28px;
    background:
        radial-gradient(circle at 10% 20%, rgba(255,255,255,0.12), transparent 30%),
        radial-gradient(circle at 90% 80%, rgba(255,255,255,0.10), transparent 30%),
        linear-gradient(135deg, #1268d8 0%, #0751b8 48%, #073f8e 100%);
    color: #fff;
    box-shadow: 0 20px 50px rgba(0, 65, 150, 0.18);
}

/* Decorative circles */

.final-cta::before,
.final-cta::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.final-cta::before {
    width: 220px;
    height: 220px;
    top: -120px;
    right: -70px;
    border: 1px solid rgba(255,255,255,0.12);
}

.final-cta::after {
    width: 180px;
    height: 180px;
    bottom: -110px;
    left: -60px;
    border: 1px solid rgba(255,255,255,0.10);
}


/* Content */

.cta-content {
    position: relative;
    z-index: 2;
    max-width: 850px;
    margin: auto;
}

.cta-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    margin-bottom: 18px;
    border-radius: 50px;
    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.20);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.2px;
}

.cta-badge i {
    font-size: 14px;
}

.cta-content h2 {
    margin-bottom: 15px;
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1.15;
    color: #fff;
}

.cta-content p {
    max-width: 700px;
    margin: 0 auto;
    color: rgba(255,255,255,0.88);
    font-size: 17px;
    line-height: 1.7;
}


/* Buttons */

.cta-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 30px;
}

.cta-primary,
.cta-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 56px;
    padding: 0 25px;
    border-radius: 12px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    transition: all 0.25s ease;
}

.cta-primary {
    background: #fff;
    color: #0751b8;
    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}

.cta-primary:hover {
    color: #0751b8;
    transform: translateY(-3px);
    box-shadow: 0 12px 25px rgba(0,0,0,0.18);
}

.cta-secondary {
    color: #fff;
    border: 1px solid rgba(255,255,255,0.55);
    background: rgba(255,255,255,0.06);
}

.cta-secondary:hover {
    color: #0751b8;
    background: #fff;
    border-color: #fff;
    transform: translateY(-3px);
}


/* Stats */

.cta-stats {
    position: relative;
    z-index: 2;
    margin-top: 50px;
}

.stat-box {
    height: 100%;
    padding: 23px 15px;
    text-align: center;
    border-radius: 16px;
    background: rgba(255,255,255,0.10);
    border: 1px solid rgba(255,255,255,0.15);
    backdrop-filter: blur(8px);
    transition: all 0.25s ease;
}

.stat-box:hover {
    background: rgba(255,255,255,0.16);
    transform: translateY(-4px);
}

.stat-icon {
    width: 42px;
    height: 42px;
    margin: 0 auto 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255,255,255,0.14);
    color: #fff;
    font-size: 17px;
}

.stat-box h3 {
    margin: 0;
    font-size: 27px;
    font-weight: 800;
    color: #fff;
}

.stat-box h3 span {
    font-size: 21px;
}

.stat-box p {
    margin: 5px 0 0;
    font-size: 14px;
    color: rgba(255,255,255,0.78);
}


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

@media (max-width: 767px) {

    .final-cta {
        padding: 42px 18px 25px;
        border-radius: 20px;
    }

    .cta-badge {
        font-size: 12px;
        padding: 7px 13px;
    }

    .cta-content h2 {
        font-size: 29px;
    }

    .cta-content p {
        font-size: 15px;
        line-height: 1.6;
    }

    .cta-buttons {
        flex-direction: column;
        width: 100%;
        margin-top: 24px;
    }

    .cta-primary,
    .cta-secondary {
        width: 100%;
        min-height: 52px;
        font-size: 15px;
    }

    .cta-stats {
        margin-top: 32px;
    }

    .stat-box {
        padding: 18px 8px;
        border-radius: 13px;
    }

    .stat-icon {
        width: 36px;
        height: 36px;
        font-size: 14px;
        margin-bottom: 8px;
    }

    .stat-box h3 {
        font-size: 21px;
    }

    .stat-box p {
        font-size: 12px;
    }
}

	.site-footer {
    background: #071f3d;
    color: #fff;
    padding: 18px 0;
}

.site-footer small {
    font-size: 15px;
    color: #e5edf7;
}

  /* =========================================
   SIGNIA PRODUCT SECTION
========================================= */

.signia-products-section {
    padding: 80px 0;
    background: #f6f8fb;
}


/* CONTAINER */

.signia-products-section .container {
    width: 100%;
    max-width: 1240px;
    margin: auto;
    padding-left: 20px;
    padding-right: 20px;
}


/* =========================================
   HEADING
========================================= */

.brand-section-heading {
    text-align: center;
    max-width: 850px;
    margin: 0 auto 45px;
}

.signia-section-tag {
    display: inline-block;
    padding: 8px 18px;
    margin-bottom: 15px;
    border-radius: 50px;
    background: #ffffff;
    color: #d6001c;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.2px;
}

.brand-section-heading h2 {
    margin: 0 0 15px;
    font-size: 40px;
    line-height: 1.25;
    font-weight: 700;
    color: #1e344f;
}

.brand-section-heading h2 span {
    color: #d6001c;
}

.brand-section-heading p {
    margin: 0;
    font-size: 17px;
    line-height: 1.7;
    color: #68778a;
}


/* =========================================
   DESKTOP TABLE
========================================= */

.brand-table-wrap {
    overflow: hidden;
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0 10px 35px rgba(30, 52, 79, 0.08);
}

.brand-table {
    width: 100%;
    border-collapse: collapse;
}

.brand-table thead {
    background: #1e344f;
}

.brand-table th {
    padding: 22px 20px;
    color: #ffffff;
    font-size: 13px;
    letter-spacing: 1px;
    text-align: left;
}

.brand-table td {
    padding: 22px 20px;
    border-bottom: 1px solid #e9edf2;
    vertical-align: middle;
    color: #526171;
}

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

.brand-table tbody tr {
    transition: 0.3s ease;
}

.brand-table tbody tr:hover {
    background: #f8fafc;
}


/* =========================================
   PRODUCT MODEL
========================================= */

.product-model {
    display: flex;
    align-items: center;
    gap: 18px;
}

.model-image {
    width: 70px;
    height: 70px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.model-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.product-model strong {
    display: block;
    font-size: 16px;
    color: #1e344f;
    margin-bottom: 6px;
}

.product-model small {
    display: block;
    color: #788697;
    font-size: 13px;
}


/* =========================================
   STYLE COLUMN
========================================= */

.brand-table td:nth-child(2) strong {
    display: block;
    color: #1e344f;
    font-size: 15px;
    margin-bottom: 5px;
}

.brand-table td:nth-child(2) span {
    font-size: 13px;
    color: #7b8794;
}


/* =========================================
   FEATURES
========================================= */

.signia-feature-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.signia-feature-list li {
    position: relative;
    padding-left: 23px;
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 1.5;
    color: #526171;
}

.signia-feature-list li:last-child {
    margin-bottom: 0;
}

.signia-feature-list li:before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: #d6001c;
    color: #ffffff;
    font-size: 11px;
    text-align: center;
    line-height: 17px;
}


/* =========================================
   BUTTON
========================================= */

.check-price {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 13px 24px;
    min-width: 135px;
    border-radius: 8px;
    background: #d6001c;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s ease;
}

.check-price:hover {
    background: #a90016;
    color: #ffffff;
    transform: translateY(-2px);
}


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

.mobile-signia-products {
    display: none;
}

.mobile-product-card {
    background: #ffffff;
    padding: 20px;
    margin-bottom: 18px;
    border-radius: 15px;
    box-shadow: 0 8px 25px rgba(30, 52, 79, 0.08);
}

.mobile-product-top {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 18px;
    padding-bottom: 15px;
    border-bottom: 1px solid #edf0f4;
}

.mobile-product-top img {
    width: 70px;
    height: 70px;
    object-fit: contain;
    flex-shrink: 0;
}

.mobile-product-top h3 {
    margin: 0 0 5px;
    font-size: 18px;
    color: #1e344f;
}

.mobile-product-top p {
    margin: 0;
    font-size: 13px;
    color: #788697;
}

.mobile-product-style {
    padding: 10px 12px;
    margin-bottom: 16px;
    background: #f5f7fa;
    border-radius: 7px;
    font-size: 14px;
    color: #526171;
}

.mobile-price-btn {
    width: 100%;
    margin-top: 20px;
}


/* =========================================
   BOTTOM CTA
========================================= */

.signia-section-cta {
    margin-top: 45px;
    padding: 35px 40px;
    background: #1e344f;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.signia-section-cta h3 {
    margin: 0 0 8px;
    font-size: 24px;
    color: #ffffff;
}

.signia-section-cta p {
    margin: 0;
    color: rgba(255, 255, 255, 0.75);
    font-size: 15px;
    line-height: 1.6;
    max-width: 700px;
}

.signia-cta-btn {
    display: inline-block;
    padding: 15px 25px;
    background: #d6001c;
    color: #ffffff;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    white-space: nowrap;
}

.signia-cta-btn:hover {
    color: #ffffff;
    background: #a90016;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .brand-table th,
    .brand-table td {
        padding: 16px 12px;
    }

    .product-model {
        gap: 10px;
    }

    .model-image {
        width: 55px;
        height: 55px;
    }

    .signia-feature-list li {
        font-size: 13px;
    }

    .check-price {
        min-width: 110px;
        padding: 11px 16px;
    }

}


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

@media (max-width: 767px) {

    .signia-products-section {
        padding: 55px 0;
    }

    .signia-products-section .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .brand-section-heading {
        margin-bottom: 30px;
    }

    .brand-section-heading h2 {
        font-size: 28px;
        line-height: 1.3;
    }

    .brand-section-heading p {
        font-size: 15px;
    }

    .signia-section-tag {
        font-size: 10px;
        padding: 7px 13px;
    }

    /* Hide Desktop Table */
    .desktop-signia-table {
        display: none;
    }

    /* Show Mobile Cards */
    .mobile-signia-products {
        display: block;
    }

    .signia-section-cta {
        margin-top: 30px;
        padding: 25px 20px;
        display: block;
        text-align: center;
    }

    .signia-section-cta h3 {
        font-size: 21px;
        line-height: 1.4;
    }

    .signia-section-cta p {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .signia-cta-btn {
        width: 100%;
    }

}


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

@media (max-width: 400px) {

    .brand-section-heading h2 {
        font-size: 25px;
    }

    .mobile-product-card {
        padding: 16px;
    }

    .mobile-product-top {
        gap: 10px;
    }

    .mobile-product-top img {
        width: 60px;
        height: 60px;
    }

    .mobile-product-top h3 {
        font-size: 16px;
    }

}
    
/* ================================
   SIGNIA WHY CHOOSE SECTION
================================ */

.signia-why-section {
  padding: 40px 0;
  background: #f6f8fb;
}

.signia-section-heading {
  max-width: 850px;
  margin: 0 auto 60px;
  text-align: center;
}

.signia-small-title {
  display: inline-block;
  margin-bottom: 15px;
  padding: 8px 18px;
  border-radius: 30px;
  background: #e9edf5;
  color: #233b63;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
}

.signia-section-heading h2 {
  font-size: 42px;
  line-height: 1.25;
  color: #1d3152;
  font-weight: 700;
  margin-bottom: 18px;
}

.signia-section-heading h2 span {
  color: #304f7d;
}

.signia-section-heading p {
  font-size: 17px;
  line-height: 1.8;
  color: #68758a;
  margin: 0;
}


/* Main Grid */

.signia-why-grid {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 60px;
  align-items: center;
}


/* Image */

.signia-image-box {
  position: relative;
}

.signia-image-box img {
  width: 100%;
  height: 520px;
  object-fit: cover;
  border-radius: 24px;
  display: block;
}

.signia-experience-card {
  position: absolute;
  bottom: 25px;
  right: -25px;

  background: #ffffff;
  padding: 22px 30px;
  border-radius: 16px;

  box-shadow: 0 15px 40px rgba(0,0,0,0.12);

  min-width: 210px;
}

.signia-experience-card strong {
  display: block;
  font-size: 28px;
  color: #1d3152;
}

.signia-experience-card span {
  font-size: 14px;
  color: #718096;
}


/* Feature List */

.signia-feature-list {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.signia-feature-item {
  display: flex;
  gap: 20px;

  padding: 25px;
  background: #ffffff;

  border-radius: 18px;
  border: 1px solid #e6eaf0;

  transition: all 0.3s ease;
}

.signia-feature-item:hover {
  transform: translateY(-4px);

  box-shadow: 0 12px 30px rgba(32, 57, 90, 0.10);

  border-color: #d4dce8;
}

.signia-feature-icon {
  min-width: 55px;
  height: 55px;

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

  border-radius: 15px;

  background: #edf2f8;
  color: #274a7b;

  font-size: 21px;
}

.signia-feature-item h3 {
  font-size: 20px;
  color: #203653;
  margin-bottom: 8px;
}

.signia-feature-item p {
  margin: 0;

  font-size: 15px;
  line-height: 1.7;

  color: #697586;
}


/* Bottom CTA */

.signia-bottom-cta {
  margin-top: 70px;

  padding: 45px 50px;

  border-radius: 24px;

  background: linear-gradient(
    135deg,
    #1f3658,
    #314f7d
  );

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

  gap: 30px;
}

.signia-cta-content span {
  font-size: 14px;

  color: #d9e4f3;

  text-transform: uppercase;

  letter-spacing: 1px;
}

.signia-cta-content h3 {
  color: #ffffff;

  font-size: 28px;

  margin: 8px 0 10px;
}

.signia-cta-content p {
  color: #dbe5f2;

  max-width: 700px;

  margin: 0;

  line-height: 1.7;
}


.signia-cta-button a {
  display: inline-flex;

  align-items: center;

  gap: 12px;

  white-space: nowrap;

  background: #ffffff;

  color: #233b63;

  padding: 15px 25px;

  border-radius: 10px;

  font-weight: 700;

  text-decoration: none;

  transition: 0.3s;
}

.signia-cta-button a:hover {
  transform: translateY(-2px);

  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}


/* ================================
   TABLET
================================ */

@media (max-width: 991px) {

  .signia-why-section {
    padding: 70px 0;
  }

  .signia-section-heading h2 {
    font-size: 34px;
  }

  .signia-why-grid {
    grid-template-columns: 1fr;

    gap: 40px;
  }

  .signia-image-box img {
    height: 450px;
  }

  .signia-experience-card {
    right: 20px;
  }

  .signia-bottom-cta {
    flex-direction: column;

    align-items: flex-start;
  }

}


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

@media (max-width: 767px) {

  .signia-why-section {
    padding: 55px 0;
  }

  .signia-section-heading {
    margin-bottom: 35px;
  }

  .signia-section-heading h2 {
    font-size: 28px;
  }

  .signia-section-heading p {
    font-size: 15px;
  }

  .signia-small-title {
    font-size: 11px;
  }


  .signia-image-box img {
    height: 320px;

    border-radius: 18px;
  }

  .signia-experience-card {
    padding: 15px 20px;

    min-width: auto;

    bottom: 15px;

    right: 15px;
  }

  .signia-experience-card strong {
    font-size: 21px;
  }


  .signia-feature-list {
    gap: 14px;
  }

  .signia-feature-item {
    padding: 18px;

    gap: 15px;

    border-radius: 14px;
  }

  .signia-feature-icon {
    min-width: 48px;

    height: 48px;

    font-size: 18px;
  }

  .signia-feature-item h3 {
    font-size: 17px;
  }

  .signia-feature-item p {
    font-size: 14px;

    line-height: 1.6;
  }


  .signia-bottom-cta {
    margin-top: 45px;

    padding: 30px 22px;

    border-radius: 18px;
  }

  .signia-cta-content h3 {
    font-size: 23px;
  }

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

  .signia-cta-button {
    width: 100%;
  }

  .signia-cta-button a {
    width: 100%;

    justify-content: center;

    padding: 15px;
  }

}    
/* =====================================
   SIGNIA LIFESTYLE SOLUTIONS
   ALL CLASSES PREFIXED WITH SGNX-
===================================== */

.sgnx-life-solutions {
    width: 100%;
    padding: 90px 0;
    background: #f7f9fc;
    overflow: hidden;
}


/* =====================================
   SECTION HEADING
===================================== */

.sgnx-life-solutions .sgnx-life-heading {
    width: 100%;
    max-width: 850px;
    margin: 0 auto 55px;
    text-align: center;
}

.sgnx-life-solutions .sgnx-life-label {
    display: inline-block;
    padding: 9px 18px;
    margin-bottom: 16px;

    background: #fff0f1;
    color: #d71920;

    border-radius: 50px;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.sgnx-life-solutions .sgnx-life-heading h2 {
    margin: 0 0 18px;

    color: #243b5a;

    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
}

.sgnx-life-solutions .sgnx-life-heading h2 span {
    color: #d71920;
}

.sgnx-life-solutions .sgnx-life-heading p {
    margin: 0;

    color: #657386;

    font-size: 17px;
    line-height: 1.8;
}


/* =====================================
   LIFESTYLE CARDS
===================================== */

.sgnx-life-solutions .sgnx-life-card {
    position: relative;

    width: 100%;
    height: 100%;
    min-height: 305px;

    padding: 34px 28px;

    background: #ffffff;

    border: 1px solid #e3e9f0;
    border-radius: 22px;

    overflow: hidden;

    box-shadow: 0 12px 35px rgba(35, 59, 90, 0.06);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.sgnx-life-solutions .sgnx-life-card:hover {
    transform: translateY(-8px);

    border-color: #f1b7ba;

    box-shadow: 0 22px 45px rgba(35, 59, 90, 0.13);
}


/* =====================================
   ICON
===================================== */

.sgnx-life-solutions .sgnx-life-icon {
    width: 66px;
    height: 66px;

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

    margin-bottom: 26px;

    background: #edf2f7;

    border-radius: 18px;

    color: #243b5a;

    font-size: 25px;

    transition:
        background 0.3s ease,
        color 0.3s ease;
}

.sgnx-life-solutions .sgnx-life-card:hover .sgnx-life-icon {
    background: #d71920;
    color: #ffffff;
}


/* =====================================
   CARD CONTENT
===================================== */

.sgnx-life-solutions .sgnx-life-card-content {
    position: relative;
    z-index: 2;
}

.sgnx-life-solutions .sgnx-life-card h3 {
    margin: 0 0 14px;

    color: #243b5a;

    font-size: 22px;
    font-weight: 700;
    line-height: 1.35;
}

.sgnx-life-solutions .sgnx-life-card p {
    margin: 0;

    color: #687588;

    font-size: 15px;
    line-height: 1.8;
}


/* =====================================
   BACKGROUND NUMBER
===================================== */

.sgnx-life-solutions .sgnx-life-number {
    position: absolute;

    right: 18px;
    bottom: 8px;

    color: rgba(36, 59, 90, 0.045);

    font-size: 72px;
    font-weight: 800;

    line-height: 1;

    pointer-events: none;
}


/* =====================================
   CONSULTATION BOX
===================================== */

.sgnx-consult-box {
    position: relative;

    width: 100%;

    margin-top: 65px;

    padding: 52px 55px;

    background:
        linear-gradient(
            135deg,
            #243b5a 0%,
            #16283f 100%
        );

    border-radius: 30px;

    overflow: hidden;
}


/* Decorative Elements */

.sgnx-consult-box::before {
    content: "";

    position: absolute;

    width: 430px;
    height: 430px;

    top: -220px;
    right: -120px;

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.045);
}

.sgnx-consult-box::after {
    content: "";

    position: absolute;

    width: 250px;
    height: 250px;

    left: -130px;
    bottom: -160px;

    border-radius: 50%;

    border: 42px solid rgba(215, 25, 32, 0.16);
}


/* =====================================
   CTA GRID
===================================== */

.sgnx-consult-grid {
    position: relative;
    z-index: 2;

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

    gap: 60px;
}


/* =====================================
   CTA TEXT
===================================== */

.sgnx-consult-text {
    flex: 1;

    max-width: 700px;
}

.sgnx-consult-eyebrow {
    display: inline-block;

    margin-bottom: 16px;

    color: #ff8589;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.sgnx-consult-text h2 {
    margin: 0 0 18px;

    color: #ffffff;

    font-size: 38px;
    font-weight: 700;
    line-height: 1.25;
}

.sgnx-consult-text h2 span {
    color: #ff8589;
}

.sgnx-consult-text p {
    margin: 0;

    color: rgba(255, 255, 255, 0.76);

    font-size: 16px;
    line-height: 1.8;
}


/* =====================================
   CTA RIGHT AREA
===================================== */

.sgnx-consult-action {
    width: 100%;
    max-width: 350px;

    flex-shrink: 0;
}

.sgnx-consult-points {
    margin-bottom: 26px;
}

.sgnx-consult-point {
    display: flex;
    align-items: center;

    gap: 12px;

    margin-bottom: 14px;

    color: rgba(255, 255, 255, 0.9);

    font-size: 14px;
    line-height: 1.4;
}


/* Check Icon */

.sgnx-point-check {
    width: 23px;
    height: 23px;

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

    flex-shrink: 0;

    border-radius: 50%;

    background: #d71920;

    color: #ffffff;

    font-size: 10px;
}


/* =====================================
   CTA BUTTON
===================================== */

.sgnx-consult-button {
    width: 100%;
    min-height: 56px;

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

    gap: 14px;

    padding: 15px 22px;

    background: #d71920;

    border-radius: 50px;

    color: #ffffff !important;

    text-decoration: none !important;

    font-size: 15px;
    font-weight: 700;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}

.sgnx-consult-button:hover {
    background: #ffffff;

    color: #243b5a !important;

    transform: translateY(-3px);
}


/* =====================================
   RESPONSIVE - TABLET
===================================== */

@media (max-width: 991px) {

    .sgnx-life-solutions {
        padding: 70px 0;
    }

    .sgnx-life-solutions .sgnx-life-heading h2 {
        font-size: 35px;
    }

    .sgnx-life-solutions .sgnx-life-card {
        min-height: 275px;
    }

    .sgnx-consult-grid {
        flex-direction: column;

        align-items: flex-start;

        gap: 35px;
    }

    .sgnx-consult-text {
        max-width: 100%;
    }

    .sgnx-consult-action {
        max-width: 100%;
    }

}


/* =====================================
   RESPONSIVE - MOBILE
===================================== */

@media (max-width: 767px) {

    .sgnx-life-solutions {
        padding: 55px 0;
    }

    .sgnx-life-solutions .sgnx-life-heading {
        margin-bottom: 35px;
    }

    .sgnx-life-solutions .sgnx-life-heading h2 {
        font-size: 29px;
        line-height: 1.3;
    }

    .sgnx-life-solutions .sgnx-life-heading p {
        font-size: 15px;
        line-height: 1.7;
    }

    .sgnx-life-solutions .sgnx-life-label {
        padding: 8px 14px;

        font-size: 10px;
    }

    .sgnx-life-solutions .sgnx-life-card {
        min-height: auto;

        padding: 28px 24px;

        border-radius: 18px;
    }

    .sgnx-life-solutions .sgnx-life-icon {
        width: 58px;
        height: 58px;

        margin-bottom: 20px;

        font-size: 22px;
    }

    .sgnx-life-solutions .sgnx-life-card h3 {
        font-size: 20px;
    }

    .sgnx-life-solutions .sgnx-life-number {
        font-size: 58px;
    }


    /* CTA */

    .sgnx-consult-box {
        margin-top: 45px;

        padding: 38px 24px;

        border-radius: 22px;
    }

    .sgnx-consult-grid {
        gap: 30px;
    }

    .sgnx-consult-text h2 {
        font-size: 27px;
        line-height: 1.3;
    }

    .sgnx-consult-text p {
        font-size: 14px;
        line-height: 1.75;
    }

    .sgnx-consult-point {
        font-size: 13px;
    }

    .sgnx-consult-button {
        min-height: 54px;

        font-size: 14px;
    }

}


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

@media (max-width: 400px) {

    .sgnx-life-solutions .sgnx-life-heading h2 {
        font-size: 26px;
    }

    .sgnx-consult-box {
        padding: 32px 18px;
    }

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

}


/* ==========================================
   SIGNIA PROCESS SECTION
   UNIQUE PREFIX: SGPR
========================================== */

.sgpr-process-section {
    width: 100%;
    padding: 40px 0;
    background: #f7f9fc;
    overflow: hidden;
}


/* ==========================================
   HEADING
========================================== */

.sgpr-process-section .sgpr-heading {
    max-width: 800px;
    margin: 0 auto 65px;
    text-align: center;
}

.sgpr-process-section .sgpr-label {
    display: inline-block;
    padding: 9px 18px;
    margin-bottom: 16px;

    background: #fff0f1;
    color: #d71920;

    border-radius: 50px;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.sgpr-process-section .sgpr-heading h2 {
    margin: 0 0 18px;

    color: #243b5a;

    font-size: 42px;
    font-weight: 700;
    line-height: 1.25;
}

.sgpr-process-section .sgpr-heading h2 span {
    color: #d71920;
}

.sgpr-process-section .sgpr-heading p {
    margin: 0;

    color: #687588;

    font-size: 17px;
    line-height: 1.8;
}


/* ==========================================
   PROCESS WRAPPER
========================================== */

.sgpr-steps-wrapper {
    display: flex;
    align-items: stretch;
    justify-content: center;

    gap: 22px;

    max-width: 1200px;
    margin: 0 auto;
}


/* ==========================================
   STEP ITEM
========================================== */

.sgpr-step-item {
    position: relative;

    flex: 1;

    min-height: 310px;

    padding: 38px 30px 30px;

    background: #ffffff;

    border: 1px solid #e2e8f0;
    border-radius: 22px;

    text-align: center;

    box-shadow:
        0 12px 35px
        rgba(35, 59, 90, 0.06);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.sgpr-step-item:hover {
    transform: translateY(-8px);

    box-shadow:
        0 20px 45px
        rgba(35, 59, 90, 0.12);
}


/* Step Number */

.sgpr-step-number {
    position: absolute;

    top: 18px;
    right: 22px;

    color: rgba(36, 59, 90, 0.08);

    font-size: 45px;
    font-weight: 800;
}


/* ==========================================
   ICON
========================================== */

.sgpr-step-icon {
    width: 75px;
    height: 75px;

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

    margin: 15px auto 25px;

    border-radius: 50%;

    background: #edf2f7;

    color: #243b5a;

    font-size: 28px;

    transition:
        background 0.3s ease,
        color 0.3s ease;
}

.sgpr-step-item:hover .sgpr-step-icon {
    background: #d71920;

    color: #ffffff;
}


/* ==========================================
   CONTENT
========================================== */

.sgpr-step-content h3 {
    margin: 0 0 15px;

    color: #243b5a;

    font-size: 21px;
    font-weight: 700;

    line-height: 1.35;
}

.sgpr-step-content p {
    margin: 0;

    color: #6b7788;

    font-size: 15px;

    line-height: 1.75;
}


/* ==========================================
   ARROW
========================================== */

.sgpr-step-arrow {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 40px;

    flex-shrink: 0;

    color: #d71920;

    font-size: 22px;
}


/* ==========================================
   CTA
========================================== */

.sgpr-process-cta {
    margin-top: 65px;

    padding: 40px 48px;

    background: #ffffff;

    border: 1px solid #e1e8ef;
    border-radius: 22px;

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

    gap: 35px;

    box-shadow:
        0 12px 35px
        rgba(35, 59, 90, 0.05);
}


.sgpr-cta-text span {
    display: block;

    margin-bottom: 8px;

    color: #d71920;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: 1.3px;
}

.sgpr-cta-text h3 {
    margin: 0 0 10px;

    color: #243b5a;

    font-size: 29px;
    font-weight: 700;
}

.sgpr-cta-text h3 strong {
    color: #d71920;
}

.sgpr-cta-text p {
    margin: 0;

    color: #687588;

    font-size: 15px;
}


/* ==========================================
   BUTTON
========================================== */

.sgpr-cta-button {
    display: inline-flex;

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

    gap: 12px;

    min-width: 270px;

    padding: 17px 25px;

    background: #d71920;

    border-radius: 50px;

    color: #ffffff !important;

    text-decoration: none !important;

    font-size: 15px;
    font-weight: 700;

    transition: all 0.3s ease;
}

.sgpr-cta-button:hover {
    background: #243b5a;

    color: #ffffff !important;

    transform: translateY(-3px);
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 991px) {

    .sgpr-process-section {
        padding: 70px 0;
    }

    .sgpr-process-section .sgpr-heading h2 {
        font-size: 35px;
    }


    .sgpr-steps-wrapper {
        flex-direction: column;

        max-width: 650px;

        gap: 15px;
    }


    .sgpr-step-arrow {
        width: 100%;
        height: 35px;

        transform: rotate(90deg);
    }


    .sgpr-step-item {
        min-height: auto;

        padding: 35px 30px;
    }


    .sgpr-process-cta {
        flex-direction: column;

        align-items: flex-start;
    }

}


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

@media (max-width: 767px) {

    .sgpr-process-section {
        padding: 55px 0;
    }

    .sgpr-process-section .sgpr-heading {
        margin-bottom: 40px;
    }

    .sgpr-process-section .sgpr-heading h2 {
        font-size: 28px;
        line-height: 1.3;
    }

    .sgpr-process-section .sgpr-heading p {
        font-size: 15px;
        line-height: 1.7;
    }


    .sgpr-step-item {
        padding: 30px 22px;
        border-radius: 18px;
    }

    .sgpr-step-icon {
        width: 65px;
        height: 65px;

        font-size: 24px;
    }

    .sgpr-step-content h3 {
        font-size: 19px;
    }

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


    /* CTA */

    .sgpr-process-cta {
        margin-top: 45px;

        padding: 30px 22px;

        border-radius: 18px;
    }

    .sgpr-cta-text h3 {
        font-size: 24px;
        line-height: 1.35;
    }

    .sgpr-cta-text p {
        font-size: 14px;
        line-height: 1.7;
    }

    .sgpr-cta-button {
        width: 100%;
        min-width: 0;

        font-size: 14px;
    }

}
/* ==========================================
   SIGNIA FAQ SECTION
   UNIQUE PREFIX: SGFAQ
========================================== */

.sgfaq-section {
    width: 100%;
    padding: 90px 0;
    background: #f7f9fc;
    overflow: hidden;
}


/* ==========================================
   HEADING
========================================== */

.sgfaq-section .sgfaq-heading {
    max-width: 800px;
    margin: 0 auto 60px;
    text-align: center;
}

.sgfaq-section .sgfaq-label {
    display: inline-block;

    padding: 9px 18px;
    margin-bottom: 16px;

    background: #fff0f1;
    color: #d71920;

    border-radius: 50px;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: 1.5px;
}

.sgfaq-section .sgfaq-heading h2 {
    margin: 0 0 18px;

    color: #243b5a;

    font-size: 42px;
    font-weight: 700;

    line-height: 1.25;
}

.sgfaq-section .sgfaq-heading h2 span {
    color: #d71920;
}

.sgfaq-section .sgfaq-heading p {
    margin: 0;

    color: #687588;

    font-size: 17px;
    line-height: 1.8;
}


/* ==========================================
   LEFT SIDE BOX
========================================== */

.sgfaq-side-box {
    position: relative;

    padding: 45px 38px;

    background:
        linear-gradient(
            135deg,
            #243b5a 0%,
            #172a43 100%
        );

    border-radius: 24px;

    overflow: hidden;
}


/* Decorative Circle */

.sgfaq-side-box::before {

    content: "";

    position: absolute;

    width: 280px;
    height: 280px;

    right: -150px;
    top: -100px;

    border-radius: 50%;

    background:
        rgba(255, 255, 255, 0.05);

}


.sgfaq-side-tag {

    position: relative;
    z-index: 2;

    display: inline-block;

    margin-bottom: 18px;

    color: #ff8589;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: 1.5px;
}


.sgfaq-side-box h3 {

    position: relative;
    z-index: 2;

    margin: 0 0 18px;

    color: #ffffff;

    font-size: 30px;
    font-weight: 700;

    line-height: 1.3;

}

.sgfaq-side-box h3 strong {
    color: #ff8589;
}


.sgfaq-side-box p {

    position: relative;
    z-index: 2;

    margin-bottom: 30px;

    color:
        rgba(255, 255, 255, 0.75);

    font-size: 15px;

    line-height: 1.8;

}


/* ==========================================
   POINTS
========================================== */

.sgfaq-side-points {

    position: relative;
    z-index: 2;

    margin-bottom: 30px;

}

.sgfaq-side-point {

    display: flex;
    align-items: center;

    gap: 12px;

    margin-bottom: 16px;

    color: #ffffff;

    font-size: 14px;

}


.sgfaq-point-icon {

    width: 25px;
    height: 25px;

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

    flex-shrink: 0;

    border-radius: 50%;

    background: #d71920;

    color: #ffffff;

    font-size: 10px;

}


/* ==========================================
   CTA BUTTON
========================================== */

.sgfaq-contact-btn {

    position: relative;
    z-index: 2;

    width: 100%;
    min-height: 55px;

    display: flex;

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

    gap: 12px;

    padding: 15px 20px;

    background: #d71920;

    color: #ffffff !important;

    border-radius: 50px;

    text-decoration: none !important;

    font-size: 14px;
    font-weight: 700;

    transition:
        background 0.3s ease,
        transform 0.3s ease;

}

.sgfaq-contact-btn:hover {

    background: #ffffff;

    color: #243b5a !important;

    transform: translateY(-3px);

}


/* ==========================================
   FAQ ACCORDION
========================================== */

.sgfaq-accordion {
    width: 100%;
}


.sgfaq-item {

    margin-bottom: 15px;

    background: #ffffff;

    border:
        1px solid #e1e7ee;

    border-radius: 15px;

    overflow: hidden;

    transition:
        border-color 0.3s ease,
        box-shadow 0.3s ease;

}


.sgfaq-item.active {

    border-color: #efb7ba;

    box-shadow:
        0 10px 28px
        rgba(36, 59, 90, 0.07);

}


/* ==========================================
   QUESTION
========================================== */

.sgfaq-question {

    width: 100%;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 20px;

    padding: 22px 24px;

    background: transparent;

    border: none;

    color: #243b5a;

    text-align: left;

    cursor: pointer;

    font-size: 16px;
    font-weight: 700;

}


.sgfaq-question i {

    width: 32px;
    height: 32px;

    display: flex;

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

    flex-shrink: 0;

    background: #f0f3f7;

    border-radius: 50%;

    color: #d71920;

    font-size: 12px;

    transition:
        transform 0.3s ease,
        background 0.3s ease;

}


.sgfaq-item.active
.sgfaq-question i {

    transform: rotate(45deg);

    background: #d71920;

    color: #ffffff;

}


/* ==========================================
   ANSWER
========================================== */

.sgfaq-answer {

    max-height: 0;

    overflow: hidden;

    transition:
        max-height 0.35s ease;

}


.sgfaq-answer p {

    margin: 0;

    padding:
        0 24px 23px;

    color: #687588;

    font-size: 14px;

    line-height: 1.8;

}


.sgfaq-item.active
.sgfaq-answer {

    max-height: 250px;

}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 991px) {

    .sgfaq-section {
        padding: 70px 0;
    }

    .sgfaq-section
    .sgfaq-heading h2 {

        font-size: 35px;

    }

    .sgfaq-side-box {

        padding: 40px 32px;

    }

}


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

@media (max-width: 767px) {

    .sgfaq-section {
        padding: 55px 0;
    }


    .sgfaq-section
    .sgfaq-heading {

        margin-bottom: 38px;

    }


    .sgfaq-section
    .sgfaq-heading h2 {

        font-size: 28px;

        line-height: 1.3;

    }


    .sgfaq-section
    .sgfaq-heading p {

        font-size: 15px;

    }


    .sgfaq-side-box {

        padding: 32px 23px;

        border-radius: 20px;

    }


    .sgfaq-side-box h3 {

        font-size: 25px;

    }


    .sgfaq-side-box p {

        font-size: 14px;

    }


    .sgfaq-question {

        padding: 18px 18px;

        font-size: 14px;

        line-height: 1.5;

    }


    .sgfaq-question i {

        width: 28px;
        height: 28px;

        font-size: 10px;

    }


    .sgfaq-answer p {

        padding:
            0 18px 20px;

        font-size: 13px;

        line-height: 1.75;

    }

}

    /* =========================================
   SIGNIA PRODUCT SECTION
========================================= */

.signia-products-section {
    padding: 80px 0;
    background: #f6f8fb;
}


/* CONTAINER */

.signia-products-section .container {
    width: 100%;
    max-width: 1240px;
    margin: auto;
    padding-left: 20px;
    padding-right: 20px;
}


/* =========================================
   HEADING
========================================= */

.brand-section-heading {
    text-align: center;
    max-width: 850px;
    margin: 0 auto 45px;
}

.signia-section-tag {
    display: inline-block;
    padding: 8px 18px;
    margin-bottom: 15px;
    border-radius: 50px;
    background: #ffffff;
    color: #d6001c;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.2px;
}

.brand-section-heading h2 {
    margin: 0 0 15px;
    font-size: 40px;
    line-height: 1.25;
    font-weight: 700;
    color: #1e344f;
}

.brand-section-heading h2 span {
    color: #d6001c;
}

.brand-section-heading p {
    margin: 0;
    font-size: 17px;
    line-height: 1.7;
    color: #68778a;
}


/* =========================================
   DESKTOP TABLE
========================================= */

.brand-table-wrap {
    overflow: hidden;
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0 10px 35px rgba(30, 52, 79, 0.08);
}

.brand-table {
    width: 100%;
    border-collapse: collapse;
}

.brand-table thead {
    background: #1e344f;
}

.brand-table th {
    padding: 22px 20px;
    color: #ffffff;
    font-size: 13px;
    letter-spacing: 1px;
    text-align: left;
}

.brand-table td {
    padding: 22px 20px;
    border-bottom: 1px solid #e9edf2;
    vertical-align: middle;
    color: #526171;
}

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

.brand-table tbody tr {
    transition: 0.3s ease;
}

.brand-table tbody tr:hover {
    background: #f8fafc;
}


/* =========================================
   PRODUCT MODEL
========================================= */

.product-model {
    display: flex;
    align-items: center;
    gap: 18px;
}

.model-image {
    width: 70px;
    height: 70px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.model-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.product-model strong {
    display: block;
    font-size: 16px;
    color: #1e344f;
    margin-bottom: 6px;
}

.product-model small {
    display: block;
    color: #788697;
    font-size: 13px;
}


/* =========================================
   STYLE COLUMN
========================================= */

.brand-table td:nth-child(2) strong {
    display: block;
    color: #1e344f;
    font-size: 15px;
    margin-bottom: 5px;
}

.brand-table td:nth-child(2) span {
    font-size: 13px;
    color: #7b8794;
}


/* =========================================
   FEATURES
========================================= */

.signia-feature-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.signia-feature-list li {
    position: relative;
    padding-left: 23px;
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 1.5;
    color: #526171;
}

.signia-feature-list li:last-child {
    margin-bottom: 0;
}

.signia-feature-list li:before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: #d6001c;
    color: #ffffff;
    font-size: 11px;
    text-align: center;
    line-height: 17px;
}


/* =========================================
   BUTTON
========================================= */

.check-price {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 13px 24px;
    min-width: 135px;
    border-radius: 8px;
    background: #d6001c;
    color: #000 !important;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s ease;
}

.check-price:hover {
    background: #a90016;
    color: #ffffff;
    transform: translateY(-2px);
}


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

.mobile-signia-products {
    display: none;
}

.mobile-product-card {
    background: #ffffff;
    padding: 20px;
    margin-bottom: 18px;
    border-radius: 15px;
    box-shadow: 0 8px 25px rgba(30, 52, 79, 0.08);
}

.mobile-product-top {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 18px;
    padding-bottom: 15px;
    border-bottom: 1px solid #edf0f4;
}

.mobile-product-top img {
    width: 70px;
    height: 70px;
    object-fit: contain;
    flex-shrink: 0;
}

.mobile-product-top h3 {
    margin: 0 0 5px;
    font-size: 18px;
    color: #1e344f;
}

.mobile-product-top p {
    margin: 0;
    font-size: 13px;
    color: #788697;
}

.mobile-product-style {
    padding: 10px 12px;
    margin-bottom: 16px;
    background: #f5f7fa;
    border-radius: 7px;
    font-size: 14px;
    color: #526171;
}

.mobile-price-btn {
    width: 100%;
    margin-top: 20px;
}


/* =========================================
   BOTTOM CTA
========================================= */

.signia-section-cta {
    margin-top: 45px;
    padding: 35px 40px;
    background: #1e344f;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.signia-section-cta h3 {
    margin: 0 0 8px;
    font-size: 24px;
    color: #ffffff;
}

.signia-section-cta p {
    margin: 0;
    color: rgba(255, 255, 255, 0.75);
    font-size: 15px;
    line-height: 1.6;
    max-width: 700px;
}

.signia-cta-btn {
    display: inline-block;
    padding: 15px 25px;
    background: #d6001c;
    color: #ffffff;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    white-space: nowrap;
}

.signia-cta-btn:hover {
    color: #ffffff;
    background: #a90016;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .brand-table th,
    .brand-table td {
        padding: 16px 12px;
    }

    .product-model {
        gap: 10px;
    }

    .model-image {
        width: 55px;
        height: 55px;
    }

    .signia-feature-list li {
        font-size: 13px;
    }

    .check-price {
        min-width: 110px;
        padding: 11px 16px;
    }

}


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

@media (max-width: 767px) {

    .signia-products-section {
        padding: 55px 0;
    }

    .signia-products-section .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .brand-section-heading {
        margin-bottom: 30px;
    }

    .brand-section-heading h2 {
        font-size: 28px;
        line-height: 1.3;
    }

    .brand-section-heading p {
        font-size: 15px;
    }

    .signia-section-tag {
        font-size: 10px;
        padding: 7px 13px;
    }

    /* Hide Desktop Table */
    .desktop-signia-table {
        display: none;
    }

    /* Show Mobile Cards */
    .mobile-signia-products {
        display: block;
    }

    .signia-section-cta {
        margin-top: 30px;
        padding: 25px 20px;
        display: block;
        text-align: center;
    }

    .signia-section-cta h3 {
        font-size: 21px;
        line-height: 1.4;
    }

    .signia-section-cta p {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .signia-cta-btn {
        width: 100%;
    }

}


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

@media (max-width: 400px) {

    .brand-section-heading h2 {
        font-size: 25px;
    }

    .mobile-product-card {
        padding: 16px;
    }

    .mobile-product-top {
        gap: 10px;
    }

    .mobile-product-top img {
        width: 60px;
        height: 60px;
    }

    .mobile-product-top h3 {
        font-size: 16px;
    }

}
    
/* ================================
   SIGNIA WHY CHOOSE SECTION
================================ */

.signia-why-section {
  padding: 90px 0;
  background: #f6f8fb;
}

.signia-section-heading {
  max-width: 850px;
  margin: 0 auto 60px;
  text-align: center;
}

.signia-small-title {
  display: inline-block;
  margin-bottom: 15px;
  padding: 8px 18px;
  border-radius: 30px;
  background: #e9edf5;
  color: #233b63;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
}

.signia-section-heading h2 {
  font-size: 42px;
  line-height: 1.25;
  color: #1d3152;
  font-weight: 700;
  margin-bottom: 18px;
}

.signia-section-heading h2 span {
  color: #304f7d;
}

.signia-section-heading p {
  font-size: 17px;
  line-height: 1.8;
  color: #68758a;
  margin: 0;
}


/* Main Grid */

.signia-why-grid {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 60px;
  align-items: center;
}


/* Image */

.signia-image-box {
  position: relative;
}

.signia-image-box img {
  width: 100%;
  height: 520px;
  object-fit: cover;
  border-radius: 24px;
  display: block;
}

.signia-experience-card {
  position: absolute;
  bottom: 25px;
  right: -25px;

  background: #ffffff;
  padding: 22px 30px;
  border-radius: 16px;

  box-shadow: 0 15px 40px rgba(0,0,0,0.12);

  min-width: 210px;
}

.signia-experience-card strong {
  display: block;
  font-size: 28px;
  color: #1d3152;
}

.signia-experience-card span {
  font-size: 14px;
  color: #718096;
}


/* Feature List */

.signia-feature-list {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.signia-feature-item {
  display: flex;
  gap: 20px;

  padding: 25px;
  background: #ffffff;

  border-radius: 18px;
  border: 1px solid #e6eaf0;

  transition: all 0.3s ease;
}

.signia-feature-item:hover {
  transform: translateY(-4px);

  box-shadow: 0 12px 30px rgba(32, 57, 90, 0.10);

  border-color: #d4dce8;
}

.signia-feature-icon {
  min-width: 55px;
  height: 55px;

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

  border-radius: 15px;

  background: #edf2f8;
  color: #274a7b;

  font-size: 21px;
}

.signia-feature-item h3 {
  font-size: 20px;
  color: #203653;
  margin-bottom: 8px;
}

.signia-feature-item p {
  margin: 0;

  font-size: 15px;
  line-height: 1.7;

  color: #697586;
}


/* Bottom CTA */

.signia-bottom-cta {
  margin-top: 70px;

  padding: 45px 50px;

  border-radius: 24px;

  background: linear-gradient(
    135deg,
    #1f3658,
    #314f7d
  );

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

  gap: 30px;
}

.signia-cta-content span {
  font-size: 14px;

  color: #d9e4f3;

  text-transform: uppercase;

  letter-spacing: 1px;
}

.signia-cta-content h3 {
  color: #ffffff;

  font-size: 28px;

  margin: 8px 0 10px;
}

.signia-cta-content p {
  color: #dbe5f2;

  max-width: 700px;

  margin: 0;

  line-height: 1.7;
}


.signia-cta-button a {
  display: inline-flex;

  align-items: center;

  gap: 12px;

  white-space: nowrap;

  background: #ffffff;

  color: #233b63;

  padding: 15px 25px;

  border-radius: 10px;

  font-weight: 700;

  text-decoration: none;

  transition: 0.3s;
}

.signia-cta-button a:hover {
  transform: translateY(-2px);

  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}


/* ================================
   TABLET
================================ */

@media (max-width: 991px) {

  .signia-why-section {
    padding: 70px 0;
  }

  .signia-section-heading h2 {
    font-size: 34px;
  }

  .signia-why-grid {
    grid-template-columns: 1fr;

    gap: 40px;
  }

  .signia-image-box img {
    height: 450px;
  }

  .signia-experience-card {
    right: 20px;
  }

  .signia-bottom-cta {
    flex-direction: column;

    align-items: flex-start;
  }

}


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

@media (max-width: 767px) {

  .signia-why-section {
    padding: 55px 0;
  }

  .signia-section-heading {
    margin-bottom: 35px;
  }

  .signia-section-heading h2 {
    font-size: 28px;
  }

  .signia-section-heading p {
    font-size: 15px;
  }

  .signia-small-title {
    font-size: 11px;
  }


  .signia-image-box img {
    height: 320px;

    border-radius: 18px;
  }

  .signia-experience-card {
    padding: 15px 20px;

    min-width: auto;

    bottom: 15px;

    right: 15px;
  }

  .signia-experience-card strong {
    font-size: 21px;
  }


  .signia-feature-list {
    gap: 14px;
  }

  .signia-feature-item {
    padding: 18px;

    gap: 15px;

    border-radius: 14px;
  }

  .signia-feature-icon {
    min-width: 48px;

    height: 48px;

    font-size: 18px;
  }

  .signia-feature-item h3 {
    font-size: 17px;
  }

  .signia-feature-item p {
    font-size: 14px;

    line-height: 1.6;
  }


  .signia-bottom-cta {
    margin-top: 45px;

    padding: 30px 22px;

    border-radius: 18px;
  }

  .signia-cta-content h3 {
    font-size: 23px;
  }

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

  .signia-cta-button {
    width: 100%;
  }

  .signia-cta-button a {
    width: 100%;

    justify-content: center;

    padding: 15px;
  }

}    
/* =====================================
   SIGNIA LIFESTYLE SOLUTIONS
   ALL CLASSES PREFIXED WITH SGNX-
===================================== */

.sgnx-life-solutions {
    width: 100%;
    padding: 90px 0;
    background: #f7f9fc;
    overflow: hidden;
}


/* =====================================
   SECTION HEADING
===================================== */

.sgnx-life-solutions .sgnx-life-heading {
    width: 100%;
    max-width: 850px;
    margin: 0 auto 55px;
    text-align: center;
}

.sgnx-life-solutions .sgnx-life-label {
    display: inline-block;
    padding: 9px 18px;
    margin-bottom: 16px;

    background: #fff0f1;
    color: #d71920;

    border-radius: 50px;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.sgnx-life-solutions .sgnx-life-heading h2 {
    margin: 0 0 18px;

    color: #243b5a;

    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
}

.sgnx-life-solutions .sgnx-life-heading h2 span {
    color: #d71920;
}

.sgnx-life-solutions .sgnx-life-heading p {
    margin: 0;

    color: #657386;

    font-size: 17px;
    line-height: 1.8;
}


/* =====================================
   LIFESTYLE CARDS
===================================== */

.sgnx-life-solutions .sgnx-life-card {
    position: relative;

    width: 100%;
    height: 100%;
    min-height: 305px;

    padding: 34px 28px;

    background: #ffffff;

    border: 1px solid #e3e9f0;
    border-radius: 22px;

    overflow: hidden;

    box-shadow: 0 12px 35px rgba(35, 59, 90, 0.06);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.sgnx-life-solutions .sgnx-life-card:hover {
    transform: translateY(-8px);

    border-color: #f1b7ba;

    box-shadow: 0 22px 45px rgba(35, 59, 90, 0.13);
}


/* =====================================
   ICON
===================================== */

.sgnx-life-solutions .sgnx-life-icon {
    width: 66px;
    height: 66px;

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

    margin-bottom: 26px;

    background: #edf2f7;

    border-radius: 18px;

    color: #243b5a;

    font-size: 25px;

    transition:
        background 0.3s ease,
        color 0.3s ease;
}

.sgnx-life-solutions .sgnx-life-card:hover .sgnx-life-icon {
    background: #d71920;
    color: #ffffff;
}


/* =====================================
   CARD CONTENT
===================================== */

.sgnx-life-solutions .sgnx-life-card-content {
    position: relative;
    z-index: 2;
}

.sgnx-life-solutions .sgnx-life-card h3 {
    margin: 0 0 14px;

    color: #243b5a;

    font-size: 22px;
    font-weight: 700;
    line-height: 1.35;
}

.sgnx-life-solutions .sgnx-life-card p {
    margin: 0;

    color: #687588;

    font-size: 15px;
    line-height: 1.8;
}


/* =====================================
   BACKGROUND NUMBER
===================================== */

.sgnx-life-solutions .sgnx-life-number {
    position: absolute;

    right: 18px;
    bottom: 8px;

    color: rgba(36, 59, 90, 0.045);

    font-size: 72px;
    font-weight: 800;

    line-height: 1;

    pointer-events: none;
}


/* =====================================
   CONSULTATION BOX
===================================== */

.sgnx-consult-box {
    position: relative;

    width: 100%;

    margin-top: 65px;

    padding: 52px 55px;

    background:
        linear-gradient(
            135deg,
            #243b5a 0%,
            #16283f 100%
        );

    border-radius: 30px;

    overflow: hidden;
}


/* Decorative Elements */

.sgnx-consult-box::before {
    content: "";

    position: absolute;

    width: 430px;
    height: 430px;

    top: -220px;
    right: -120px;

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.045);
}

.sgnx-consult-box::after {
    content: "";

    position: absolute;

    width: 250px;
    height: 250px;

    left: -130px;
    bottom: -160px;

    border-radius: 50%;

    border: 42px solid rgba(215, 25, 32, 0.16);
}


/* =====================================
   CTA GRID
===================================== */

.sgnx-consult-grid {
    position: relative;
    z-index: 2;

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

    gap: 60px;
}


/* =====================================
   CTA TEXT
===================================== */

.sgnx-consult-text {
    flex: 1;

    max-width: 700px;
}

.sgnx-consult-eyebrow {
    display: inline-block;

    margin-bottom: 16px;

    color: #ff8589;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.sgnx-consult-text h2 {
    margin: 0 0 18px;

    color: #ffffff;

    font-size: 38px;
    font-weight: 700;
    line-height: 1.25;
}

.sgnx-consult-text h2 span {
    color: #ff8589;
}

.sgnx-consult-text p {
    margin: 0;

    color: rgba(255, 255, 255, 0.76);

    font-size: 16px;
    line-height: 1.8;
}


/* =====================================
   CTA RIGHT AREA
===================================== */

.sgnx-consult-action {
    width: 100%;
    max-width: 350px;

    flex-shrink: 0;
}

.sgnx-consult-points {
    margin-bottom: 26px;
}

.sgnx-consult-point {
    display: flex;
    align-items: center;

    gap: 12px;

    margin-bottom: 14px;

    color: rgba(255, 255, 255, 0.9);

    font-size: 14px;
    line-height: 1.4;
}


/* Check Icon */

.sgnx-point-check {
    width: 23px;
    height: 23px;

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

    flex-shrink: 0;

    border-radius: 50%;

    background: #d71920;

    color: #ffffff;

    font-size: 10px;
}


/* =====================================
   CTA BUTTON
===================================== */

.sgnx-consult-button {
    width: 100%;
    min-height: 56px;

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

    gap: 14px;

    padding: 15px 22px;

    background: #d71920;

    border-radius: 50px;

    color: #ffffff !important;

    text-decoration: none !important;

    font-size: 15px;
    font-weight: 700;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}

.sgnx-consult-button:hover {
    background: #ffffff;

    color: #243b5a !important;

    transform: translateY(-3px);
}


/* =====================================
   RESPONSIVE - TABLET
===================================== */

@media (max-width: 991px) {

    .sgnx-life-solutions {
        padding: 70px 0;
    }

    .sgnx-life-solutions .sgnx-life-heading h2 {
        font-size: 35px;
    }

    .sgnx-life-solutions .sgnx-life-card {
        min-height: 275px;
    }

    .sgnx-consult-grid {
        flex-direction: column;

        align-items: flex-start;

        gap: 35px;
    }

    .sgnx-consult-text {
        max-width: 100%;
    }

    .sgnx-consult-action {
        max-width: 100%;
    }

}


/* =====================================
   RESPONSIVE - MOBILE
===================================== */

@media (max-width: 767px) {

    .sgnx-life-solutions {
        padding: 55px 0;
    }

    .sgnx-life-solutions .sgnx-life-heading {
        margin-bottom: 35px;
    }

    .sgnx-life-solutions .sgnx-life-heading h2 {
        font-size: 29px;
        line-height: 1.3;
    }

    .sgnx-life-solutions .sgnx-life-heading p {
        font-size: 15px;
        line-height: 1.7;
    }

    .sgnx-life-solutions .sgnx-life-label {
        padding: 8px 14px;

        font-size: 10px;
    }

    .sgnx-life-solutions .sgnx-life-card {
        min-height: auto;

        padding: 28px 24px;

        border-radius: 18px;
    }

    .sgnx-life-solutions .sgnx-life-icon {
        width: 58px;
        height: 58px;

        margin-bottom: 20px;

        font-size: 22px;
    }

    .sgnx-life-solutions .sgnx-life-card h3 {
        font-size: 20px;
    }

    .sgnx-life-solutions .sgnx-life-number {
        font-size: 58px;
    }


    /* CTA */

    .sgnx-consult-box {
        margin-top: 45px;

        padding: 38px 24px;

        border-radius: 22px;
    }

    .sgnx-consult-grid {
        gap: 30px;
    }

    .sgnx-consult-text h2 {
        font-size: 27px;
        line-height: 1.3;
    }

    .sgnx-consult-text p {
        font-size: 14px;
        line-height: 1.75;
    }

    .sgnx-consult-point {
        font-size: 13px;
    }

    .sgnx-consult-button {
        min-height: 54px;

        font-size: 14px;
    }

}


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

@media (max-width: 400px) {

    .sgnx-life-solutions .sgnx-life-heading h2 {
        font-size: 26px;
    }

    .sgnx-consult-box {
        padding: 32px 18px;
    }

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

}


/* ==========================================
   SIGNIA PROCESS SECTION
   UNIQUE PREFIX: SGPR
========================================== */

.sgpr-process-section {
    width: 100%;
    padding: 90px 0;
    background: #f7f9fc;
    overflow: hidden;
}


/* ==========================================
   HEADING
========================================== */

.sgpr-process-section .sgpr-heading {
    max-width: 800px;
    margin: 0 auto 65px;
    text-align: center;
}

.sgpr-process-section .sgpr-label {
    display: inline-block;
    padding: 9px 18px;
    margin-bottom: 16px;

    background: #fff0f1;
    color: #d71920;

    border-radius: 50px;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.sgpr-process-section .sgpr-heading h2 {
    margin: 0 0 18px;

    color: #243b5a;

    font-size: 42px;
    font-weight: 700;
    line-height: 1.25;
}

.sgpr-process-section .sgpr-heading h2 span {
    color: #d71920;
}

.sgpr-process-section .sgpr-heading p {
    margin: 0;

    color: #687588;

    font-size: 17px;
    line-height: 1.8;
}


/* ==========================================
   PROCESS WRAPPER
========================================== */

.sgpr-steps-wrapper {
    display: flex;
    align-items: stretch;
    justify-content: center;

    gap: 22px;

    max-width: 1200px;
    margin: 0 auto;
}


/* ==========================================
   STEP ITEM
========================================== */

.sgpr-step-item {
    position: relative;

    flex: 1;

    min-height: 310px;

    padding: 38px 30px 30px;

    background: #ffffff;

    border: 1px solid #e2e8f0;
    border-radius: 22px;

    text-align: center;

    box-shadow:
        0 12px 35px
        rgba(35, 59, 90, 0.06);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.sgpr-step-item:hover {
    transform: translateY(-8px);

    box-shadow:
        0 20px 45px
        rgba(35, 59, 90, 0.12);
}


/* Step Number */

.sgpr-step-number {
    position: absolute;

    top: 18px;
    right: 22px;

    color: rgba(36, 59, 90, 0.08);

    font-size: 45px;
    font-weight: 800;
}


/* ==========================================
   ICON
========================================== */

.sgpr-step-icon {
    width: 75px;
    height: 75px;

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

    margin: 15px auto 25px;

    border-radius: 50%;

    background: #edf2f7;

    color: #243b5a;

    font-size: 28px;

    transition:
        background 0.3s ease,
        color 0.3s ease;
}

.sgpr-step-item:hover .sgpr-step-icon {
    background: #d71920;

    color: #ffffff;
}


/* ==========================================
   CONTENT
========================================== */

.sgpr-step-content h3 {
    margin: 0 0 15px;

    color: #243b5a;

    font-size: 21px;
    font-weight: 700;

    line-height: 1.35;
}

.sgpr-step-content p {
    margin: 0;

    color: #6b7788;

    font-size: 15px;

    line-height: 1.75;
}


/* ==========================================
   ARROW
========================================== */

.sgpr-step-arrow {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 40px;

    flex-shrink: 0;

    color: #d71920;

    font-size: 22px;
}


/* ==========================================
   CTA
========================================== */

.sgpr-process-cta {
    margin-top: 65px;

    padding: 40px 48px;

    background: #ffffff;

    border: 1px solid #e1e8ef;
    border-radius: 22px;

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

    gap: 35px;

    box-shadow:
        0 12px 35px
        rgba(35, 59, 90, 0.05);
}


.sgpr-cta-text span {
    display: block;

    margin-bottom: 8px;

    color: #d71920;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: 1.3px;
}

.sgpr-cta-text h3 {
    margin: 0 0 10px;

    color: #243b5a;

    font-size: 29px;
    font-weight: 700;
}

.sgpr-cta-text h3 strong {
    color: #d71920;
}

.sgpr-cta-text p {
    margin: 0;

    color: #687588;

    font-size: 15px;
}


/* ==========================================
   BUTTON
========================================== */

.sgpr-cta-button {
    display: inline-flex;

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

    gap: 12px;

    min-width: 270px;

    padding: 17px 25px;

    background: #d71920;

    border-radius: 50px;

    color: #ffffff !important;

    text-decoration: none !important;

    font-size: 15px;
    font-weight: 700;

    transition: all 0.3s ease;
}

.sgpr-cta-button:hover {
    background: #243b5a;

    color: #ffffff !important;

    transform: translateY(-3px);
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 991px) {

    .sgpr-process-section {
        padding: 70px 0;
    }

    .sgpr-process-section .sgpr-heading h2 {
        font-size: 35px;
    }


    .sgpr-steps-wrapper {
        flex-direction: column;

        max-width: 650px;

        gap: 15px;
    }


    .sgpr-step-arrow {
        width: 100%;
        height: 35px;

        transform: rotate(90deg);
    }


    .sgpr-step-item {
        min-height: auto;

        padding: 35px 30px;
    }


    .sgpr-process-cta {
        flex-direction: column;

        align-items: flex-start;
    }

}


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

@media (max-width: 767px) {

    .sgpr-process-section {
        padding: 55px 0;
    }

    .sgpr-process-section .sgpr-heading {
        margin-bottom: 40px;
    }

    .sgpr-process-section .sgpr-heading h2 {
        font-size: 28px;
        line-height: 1.3;
    }

    .sgpr-process-section .sgpr-heading p {
        font-size: 15px;
        line-height: 1.7;
    }


    .sgpr-step-item {
        padding: 30px 22px;
        border-radius: 18px;
    }

    .sgpr-step-icon {
        width: 65px;
        height: 65px;

        font-size: 24px;
    }

    .sgpr-step-content h3 {
        font-size: 19px;
    }

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


    /* CTA */

    .sgpr-process-cta {
        margin-top: 45px;

        padding: 30px 22px;

        border-radius: 18px;
    }

    .sgpr-cta-text h3 {
        font-size: 24px;
        line-height: 1.35;
    }

    .sgpr-cta-text p {
        font-size: 14px;
        line-height: 1.7;
    }

    .sgpr-cta-button {
        width: 100%;
        min-width: 0;

        font-size: 14px;
    }

}
/* ==========================================
   SIGNIA FAQ SECTION
   UNIQUE PREFIX: SGFAQ
========================================== */

.sgfaq-section {
    width: 100%;
    padding: 90px 0;
    background: #f7f9fc;
    overflow: hidden;
}


/* ==========================================
   HEADING
========================================== */

.sgfaq-section .sgfaq-heading {
    max-width: 800px;
    margin: 0 auto 60px;
    text-align: center;
}

.sgfaq-section .sgfaq-label {
    display: inline-block;

    padding: 9px 18px;
    margin-bottom: 16px;

    background: #fff0f1;
    color: #d71920;

    border-radius: 50px;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: 1.5px;
}

.sgfaq-section .sgfaq-heading h2 {
    margin: 0 0 18px;

    color: #243b5a;

    font-size: 42px;
    font-weight: 700;

    line-height: 1.25;
}

.sgfaq-section .sgfaq-heading h2 span {
    color: #d71920;
}

.sgfaq-section .sgfaq-heading p {
    margin: 0;

    color: #687588;

    font-size: 17px;
    line-height: 1.8;
}


/* ==========================================
   LEFT SIDE BOX
========================================== */

.sgfaq-side-box {
    position: relative;

    padding: 45px 38px;

    background:
        linear-gradient(
            135deg,
            #243b5a 0%,
            #172a43 100%
        );

    border-radius: 24px;

    overflow: hidden;
}


/* Decorative Circle */

.sgfaq-side-box::before {

    content: "";

    position: absolute;

    width: 280px;
    height: 280px;

    right: -150px;
    top: -100px;

    border-radius: 50%;

    background:
        rgba(255, 255, 255, 0.05);

}


.sgfaq-side-tag {

    position: relative;
    z-index: 2;

    display: inline-block;

    margin-bottom: 18px;

    color: #ff8589;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: 1.5px;
}


.sgfaq-side-box h3 {

    position: relative;
    z-index: 2;

    margin: 0 0 18px;

    color: #ffffff;

    font-size: 30px;
    font-weight: 700;

    line-height: 1.3;

}

.sgfaq-side-box h3 strong {
    color: #ff8589;
}


.sgfaq-side-box p {

    position: relative;
    z-index: 2;

    margin-bottom: 30px;

    color:
        rgba(255, 255, 255, 0.75);

    font-size: 15px;

    line-height: 1.8;

}


/* ==========================================
   POINTS
========================================== */

.sgfaq-side-points {

    position: relative;
    z-index: 2;

    margin-bottom: 30px;

}

.sgfaq-side-point {

    display: flex;
    align-items: center;

    gap: 12px;

    margin-bottom: 16px;

    color: #ffffff;

    font-size: 14px;

}


.sgfaq-point-icon {

    width: 25px;
    height: 25px;

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

    flex-shrink: 0;

    border-radius: 50%;

    background: #d71920;

    color: #ffffff;

    font-size: 10px;

}


/* ==========================================
   CTA BUTTON
========================================== */

.sgfaq-contact-btn {

    position: relative;
    z-index: 2;

    width: 100%;
    min-height: 55px;

    display: flex;

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

    gap: 12px;

    padding: 15px 20px;

    background: #d71920;

    color: #ffffff !important;

    border-radius: 50px;

    text-decoration: none !important;

    font-size: 14px;
    font-weight: 700;

    transition:
        background 0.3s ease,
        transform 0.3s ease;

}

.sgfaq-contact-btn:hover {

    background: #ffffff;

    color: #243b5a !important;

    transform: translateY(-3px);

}


/* ==========================================
   FAQ ACCORDION
========================================== */

.sgfaq-accordion {
    width: 100%;
}


.sgfaq-item {

    margin-bottom: 15px;

    background: #ffffff;

    border:
        1px solid #e1e7ee;

    border-radius: 15px;

    overflow: hidden;

    transition:
        border-color 0.3s ease,
        box-shadow 0.3s ease;

}


.sgfaq-item.active {

    border-color: #efb7ba;

    box-shadow:
        0 10px 28px
        rgba(36, 59, 90, 0.07);

}


/* ==========================================
   QUESTION
========================================== */

.sgfaq-question {

    width: 100%;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 20px;

    padding: 22px 24px;

    background: transparent;

    border: none;

    color: #243b5a;

    text-align: left;

    cursor: pointer;

    font-size: 16px;
    font-weight: 700;

}


.sgfaq-question i {

    width: 32px;
    height: 32px;

    display: flex;

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

    flex-shrink: 0;

    background: #f0f3f7;

    border-radius: 50%;

    color: #d71920;

    font-size: 12px;

    transition:
        transform 0.3s ease,
        background 0.3s ease;

}


.sgfaq-item.active
.sgfaq-question i {

    transform: rotate(45deg);

    background: #d71920;

    color: #ffffff;

}


/* ==========================================
   ANSWER
========================================== */

.sgfaq-answer {

    max-height: 0;

    overflow: hidden;

    transition:
        max-height 0.35s ease;

}


.sgfaq-answer p {

    margin: 0;

    padding:
        0 24px 23px;

    color: #687588;

    font-size: 14px;

    line-height: 1.8;

}


.sgfaq-item.active
.sgfaq-answer {

    max-height: 250px;

}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 991px) {

    .sgfaq-section {
        padding: 70px 0;
    }

    .sgfaq-section
    .sgfaq-heading h2 {

        font-size: 35px;

    }

    .sgfaq-side-box {

        padding: 40px 32px;

    }

}


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

@media (max-width: 767px) {

    .sgfaq-section {
        padding: 55px 0;
    }


    .sgfaq-section
    .sgfaq-heading {

        margin-bottom: 38px;

    }


    .sgfaq-section
    .sgfaq-heading h2 {

        font-size: 28px;

        line-height: 1.3;

    }


    .sgfaq-section
    .sgfaq-heading p {

        font-size: 15px;

    }


    .sgfaq-side-box {

        padding: 32px 23px;

        border-radius: 20px;

    }


    .sgfaq-side-box h3 {

        font-size: 25px;

    }


    .sgfaq-side-box p {

        font-size: 14px;

    }


    .sgfaq-question {

        padding: 18px 18px;

        font-size: 14px;

        line-height: 1.5;

    }


    .sgfaq-question i {

        width: 28px;
        height: 28px;

        font-size: 10px;

    }


    .sgfaq-answer p {

        padding:
            0 18px 20px;

        font-size: 13px;

        line-height: 1.75;

    }

}

 /* =============================
           HEADER
        ============================= */

        .top-header {
            background: #ffffff;
            border-bottom: 1px solid #e9edf2;
            padding: 14px 0;
            position: sticky;
            top: 0;
            z-index: 999;
        }

        .brand-name {
            font-size: 28px;
            font-weight: 700;
            color: var(--primary);
            text-decoration: none;
        }

        .brand-name span {
            color: var(--secondary);
        }

        .navbar-nav .nav-link {
            color: #273444 !important;
            font-size: 15px;
            font-weight: 500;
            padding: 10px 14px !important;
        }

        .navbar-nav .nav-link:hover,
        .navbar-nav .nav-link.active {
            color: var(--secondary) !important;
        }

        .call-btn {
            background: #1c234b;
            color: white !important;
            padding: 12px 25px !important;
            border-radius: 30px;
            text-decoration: none;
            font-weight: 600;
        }


/* =========================================
   SHOP BY TYPE - HEARING HELP
========================================= */

.shop-by-type {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #eef3fa 0%, #dce7f8 50%, #edf3fc 100%);
}


/* Heading */

.shop-title {
    margin: 0;
    font-size: 52px;
    font-weight: 700;
    line-height: 1.2;
    color: #263b57;
    letter-spacing: -1px;
}


/* =========================================
   CARD
========================================= */

.hearing-type-card {
    height: 100%;
    min-height: 300px;
    position: relative;

    padding: 18px;

    background: #ffffff;

    border: 1px solid rgba(38, 59, 87, 0.08);

    border-radius: 28px;

    overflow: hidden;

    box-shadow:
        0 10px 25px rgba(42, 72, 110, 0.08);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;
}


.hearing-type-card:hover {
    transform: translateY(-8px);

    box-shadow:
        0 22px 45px rgba(42, 72, 110, 0.16);
}


/* =========================================
   IMAGE AREA
========================================= */

.type-image {
    height: 185px;

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

    position: relative;

    overflow: hidden;

    border-radius: 18px;

    background:
        linear-gradient(
            145deg,
            #f8f9fc 0%,
            #eef1f6 100%
        );
}


/* Product Image */

.type-image img {
    width: 90%;
    height: 150px;

    object-fit: contain;

    display: block;

    position: relative;
    z-index: 1;

    transition:
        transform 0.4s ease;
}


.hearing-type-card:hover .type-image img {
    transform: scale(1.08);
}


/* =========================================
   BADGE
========================================= */

.badge-label {
    position: absolute;

    top: 15px;
    right: 15px;

    z-index: 5;

    padding: 10px 15px;

    background:
        linear-gradient(
            135deg,
            #2c5b94,
            #496f9f
        );

    color: #ffffff;

    border-radius: 50px;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: 0.8px;

    line-height: 1;

    box-shadow:
        0 5px 12px rgba(35, 72, 120, 0.18);
}


/* =========================================
   CONTENT
========================================= */

.type-content {
    padding: 35px 3px 10px;
}


.type-content h5 {
    margin: 0 0 15px;

    min-height: 25px;

    color: #263b57;

    font-size: 15px;
    font-weight: 700;

    line-height: 1.5;
}


/* =========================================
   CHECK PRICE
========================================= */

.check-price-btn {
    display: inline-flex;

    align-items: center;

    position: relative;

    color: #355d93;

    background: transparent;

    border: none;

    font-size: 18px;
    font-weight: 700;

    text-decoration: none;

    transition: all 0.3s ease;
}


.check-price-btn::after {
    content: "→";

    margin-left: 8px;

    font-size: 20px;

    transition: transform 0.3s ease;
}


.check-price-btn:hover {
    color: #173f74;
}


.check-price-btn:hover::after {
    transform: translateX(5px);
}


/* =========================================
   LARGE DESKTOP
========================================= */

@media (min-width: 1400px) {

    .shop-by-type .container {
        max-width: 1720px;
    }

}


/* =========================================
   LAPTOP / TABLET
========================================= */

@media (max-width: 1199px) {

    .shop-title {
        font-size: 46px;
    }

    .hearing-type-card {
        min-height: 300px;
    }

    .type-image {
        height: 175px;
    }

}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .shop-title {
        font-size: 40px;
    }

    .hearing-type-card {
        min-height: 300px;
    }

    .type-image {
        height: 170px;
    }

    .type-image img {
        height: 135px;
    }

}


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

@media (max-width: 767px) {

    .shop-by-type {
        padding-top: 45px !important;
        padding-bottom: 45px !important;
    }

    .shop-title {
        font-size: 34px;
        letter-spacing: -0.5px;
    }

    .shop-by-type .text-center {
        margin-bottom: 30px !important;
    }

    .hearing-type-card {
        min-height: auto;

        padding: 13px;

        border-radius: 20px;
    }

    .type-image {
        height: 150px;

        border-radius: 14px;
    }

    .type-image img {
        width: 92%;
        height: 115px;
    }

    .badge-label {
        top: 8px;
        right: 8px;

        padding: 7px 10px;

        font-size: 9px;

        letter-spacing: 0.4px;
    }

    .type-content {
        padding: 20px 2px 5px;
    }

    .type-content h5 {
        font-size: 14px;

        min-height: 42px;

        margin-bottom: 8px;
    }

    .check-price-btn {
        font-size: 16px;
    }

    .check-price-btn::after {
        font-size: 18px;
        margin-left: 5px;
    }

}


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

@media (max-width: 480px) {

    .shop-title {
        font-size: 30px;
    }

    .shop-by-type .row {
        --bs-gutter-x: 12px;
        --bs-gutter-y: 15px;
    }

    .hearing-type-card {
        padding: 10px;
        border-radius: 17px;
    }

    .type-image {
        height: 125px;
        border-radius: 12px;
    }

    .type-image img {
        height: 100px;
        width: 95%;
    }

    .badge-label {
        font-size: 8px;

        padding: 6px 8px;
    }

    .type-content {
        padding-top: 15px;
    }

    .type-content h5 {
        font-size: 12px;

        line-height: 1.4;

        min-height: 34px;
    }

    .check-price-btn {
        font-size: 14px;
    }

}

/* =========================================
   HOW IT WORKS SECTION
========================================= */

.how-it-works {
    position: relative;
    padding: 75px 0 80px;
    overflow: hidden;
    background:
        radial-gradient(circle at 15% 20%, rgba(63, 104, 163, 0.08), transparent 28%),
        radial-gradient(circle at 85% 70%, rgba(46, 165, 145, 0.08), transparent 25%),
        #f8fafc;
}

/* Section Tag */

.how-it-works .section-tag {
    display: inline-block;
    padding: 12px 26px;
    margin-bottom: 20px;
    border-radius: 50px;
    background: #142d55;
    color: #8ba9dc;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
}

/* Heading */

.how-it-works h2 {
    margin: 0 auto 15px;
    color: #263b59;
    font-size: 48px;
    line-height: 1.2;
    font-weight: 700;
    max-width: 1000px;
}

/* Subtitle */

.how-it-works .subtitle {
    max-width: 850px;
    margin: 0 auto;
    color: #627083;
    font-size: 20px;
    line-height: 1.6;
}


/* =========================================
   STEPS WRAPPER
========================================= */

.steps-wrapper {
    position: relative;
    margin-top: 65px;
}

/* Horizontal Line */

.steps-line {
    position: absolute;
    top: 38px;
    left: 12%;
    right: 12%;
    height: 2px;
    background: #d8e1ec;
    z-index: 1;
}


/* =========================================
   STEP ITEM
========================================= */

.step-item {
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 0 15px;
}

/* Icon */

.step-icon {
    position: relative;
    width: 88px;
    height: 88px;
    margin: 0 auto 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 26px;
    background: linear-gradient(135deg, #4169a8, #23487e);
    color: #ffffff;
    font-size: 34px;
    box-shadow: 0 15px 35px rgba(37, 72, 126, 0.22);
    transition: all 0.3s ease;
}

/* Hover */

.step-item:hover .step-icon {
    transform: translateY(-7px);
    box-shadow: 0 20px 40px rgba(37, 72, 126, 0.30);
}

/* Step Number */

.step-number {
    position: absolute;
    top: -13px;
    right: -130px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #ffb52e;
    color: #263b59;
    font-size: 17px;
    font-weight: 700;
    box-shadow: 0 8px 18px rgba(255, 181, 46, 0.25);
}


/* Step Heading */

.step-item h4 {
    margin-bottom: 12px;
    color: #2b405d;
    font-size: 24px;
    font-weight: 700;
}

/* Step Description */

.step-item p {
    max-width: 290px;
    margin: 0 auto;
    color: #667689;
    font-size: 16px;
    line-height: 1.55;
}


/* =========================================
   BUTTONS
========================================= */

.how-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 22px;
    margin-top: 60px;
}

.btn-home-visit,
.btn-whatsapp {
    min-width: 285px;
    padding: 18px 30px;
    border-radius: 50px;
    text-align: center;
    text-decoration: none;
    font-size: 19px;
    font-weight: 700;
    transition: all 0.3s ease;
}

/* Home Visit Button */

.btn-home-visit {
    background: linear-gradient(135deg, #466cac, #294f8d);
    color: #ffffff;
    box-shadow: 0 14px 28px rgba(41, 79, 141, 0.22);
}

.btn-home-visit:hover {
    color: #ffffff;
    transform: translateY(-3px);
    box-shadow: 0 20px 35px rgba(41, 79, 141, 0.32);
}

/* WhatsApp Button */

.btn-whatsapp {
    background: linear-gradient(135deg, #278f82, #29aa96);
    color: #ffffff;
    box-shadow: 0 14px 28px rgba(39, 143, 130, 0.18);
}

.btn-whatsapp:hover {
    color: #ffffff;
    transform: translateY(-3px);
    box-shadow: 0 20px 35px rgba(39, 143, 130, 0.28);
}


/* =========================================
   LARGE LAPTOP RESPONSIVE
========================================= */

@media (max-width: 1199px) {

    .how-it-works h2 {
        font-size: 42px;
    }

    .step-number {
        right: -70px;
    }

    .step-item h4 {
        font-size: 22px;
    }

}


/* =========================================
   TABLET RESPONSIVE
========================================= */

@media (max-width: 991px) {

    .how-it-works {
        padding: 65px 0;
    }

    .how-it-works h2 {
        font-size: 38px;
    }

    .steps-wrapper {
        margin-top: 50px;
    }

    /* Desktop line hide */

    .steps-line {
        display: none;
    }

    .step-item {
        margin-bottom: 45px;
    }

    .step-number {
        top: -10px;
        right: -10px;
    }

    .step-icon {
        width: 82px;
        height: 82px;
        font-size: 30px;
    }

    .how-buttons {
        margin-top: 20px;
    }

}


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

@media (max-width: 767px) {

    .how-it-works {
        padding: 55px 0 60px;
    }

    .how-it-works .section-tag {
        padding: 10px 20px;
        font-size: 11px;
        letter-spacing: 2px;
    }

    .how-it-works h2 {
        font-size: 31px;
        line-height: 1.25;
    }

    .how-it-works .subtitle {
        font-size: 16px;
        line-height: 1.6;
        padding: 0 10px;
    }

    .steps-wrapper {
        margin-top: 45px;
    }

    .step-item {
        margin-bottom: 45px;
    }

    .step-icon {
        width: 76px;
        height: 76px;
        border-radius: 23px;
        font-size: 29px;
        margin-bottom: 20px;
    }

    .step-number {
        width: 36px;
        height: 36px;
        top: -10px;
        right: -8px;
        font-size: 15px;
    }

    .step-item h4 {
        font-size: 21px;
        margin-bottom: 10px;
    }

    .step-item p {
        font-size: 15px;
        max-width: 330px;
    }

    .how-buttons {
        flex-direction: column;
        gap: 15px;
        margin-top: 5px;
        padding: 0 15px;
    }

    .btn-home-visit,
    .btn-whatsapp {
        width: 100%;
        min-width: auto;
        padding: 16px 20px;
        font-size: 17px;
    }

}


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

@media (max-width: 400px) {

    .how-it-works h2 {
        font-size: 27px;
    }

    .how-it-works .subtitle {
        font-size: 15px;
    }

    .step-item h4 {
        font-size: 20px;
    }

}
/* ==========================================
   SIGNIA INTRO SECTION
========================================== */

.signia-intro-section {
    position: relative;
    padding: 80px 0;
    overflow: hidden;
    background:
        radial-gradient(circle at 10% 50%, rgba(52, 88, 137, 0.08), transparent 30%),
        radial-gradient(circle at 90% 20%, rgba(52, 88, 137, 0.05), transparent 25%),
        #f7f9fc;
}


/* ==========================================
   IMAGE
========================================== */

.signia-intro-section .signia-image {
    display: block;
    width: 100%;
    max-width: 600px;
    height: auto;
    margin: 0 auto;
    border-radius: 32px;
    box-shadow: 0 25px 60px rgba(27, 53, 87, 0.14);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.signia-intro-section .signia-image:hover {
    transform: translateY(-6px);
    box-shadow: 0 32px 70px rgba(27, 53, 87, 0.18);
}


/* ==========================================
   SECTION TAG
========================================== */

.signia-intro-section .section-tag {
    display: inline-block;
    padding: 11px 25px;
    margin-bottom: 20px;
    border-radius: 50px;
    background: #102a50;
    color: #6f91c4;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}


/* ==========================================
   HEADING
========================================== */

.signia-intro-section .section-title {
    margin-bottom: 22px;
    color: #263b59;
    font-size: 48px;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: -0.5px;
}


/* ==========================================
   DESCRIPTION
========================================== */

.signia-intro-section .text-muted {
    color: #607082 !important;
    font-size: 18px !important;
    line-height: 1.65;
    max-width: 700px;
}


/* ==========================================
   FEATURE ITEM
========================================== */

.signia-intro-section .feature-item {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 26px;
}


/* Feature Icon */

.signia-intro-section .feature-icon {
    flex: 0 0 82px;
    width: 82px;
    height: 82px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 22px;
    background: linear-gradient(135deg, #edf2f8, #dce5f0);
    color: #294d7d;
    font-size: 31px;
    transition: all 0.3s ease;
}


/* Feature Hover */

.signia-intro-section .feature-item:hover .feature-icon {
    background: linear-gradient(135deg, #3d639c, #244878);
    color: #ffffff;
    transform: translateY(-4px);
    box-shadow: 0 15px 30px rgba(41, 77, 125, 0.20);
}


/* Feature Content */

.signia-intro-section .feature-content {
    padding-top: 2px;
}


.signia-intro-section .feature-content h5 {
    margin-bottom: 7px;
    color: #2b405d;
    font-size: 24px;
    font-weight: 700;
}


.signia-intro-section .feature-content p {
    margin: 0;
    color: #657487;
    font-size: 17px;
    line-height: 1.55;
}


/* ==========================================
   BUTTON
========================================== */

.signia-intro-section .price-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 18px;
    padding: 18px 36px;
    min-width: 330px;
    border-radius: 18px;
    background: linear-gradient(135deg, #365b91, #25466f);
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 15px 30px rgba(37, 70, 111, 0.20);
    transition: all 0.3s ease;
}


.signia-intro-section .price-btn:hover {
    color: #ffffff;
    transform: translateY(-4px);
    box-shadow: 0 22px 40px rgba(37, 70, 111, 0.28);
}


.signia-intro-section .price-btn i {
    transition: transform 0.3s ease;
}


.signia-intro-section .price-btn:hover i {
    transform: translateX(5px);
}


/* ==========================================
   LARGE LAPTOP
========================================== */

@media (max-width: 1199px) {

    .signia-intro-section .section-title {
        font-size: 42px;
    }

    .signia-intro-section .feature-content h5 {
        font-size: 22px;
    }

}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 991px) {

    .signia-intro-section {
        padding: 70px 0;
    }

    .signia-intro-section .signia-image {
        max-width: 620px;
        margin-bottom: 10px;
    }

    .signia-intro-section .section-title {
        font-size: 40px;
    }

    .signia-intro-section .text-muted {
        font-size: 17px !important;
    }

}


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

@media (max-width: 767px) {

    .signia-intro-section {
        padding: 55px 0;
    }

    .signia-intro-section .section-tag {
        padding: 9px 18px;
        margin-bottom: 16px;
        font-size: 10px;
        letter-spacing: 1.8px;
    }

    .signia-intro-section .section-title {
        font-size: 31px;
        line-height: 1.25;
        margin-bottom: 16px;
    }

    .signia-intro-section .text-muted {
        font-size: 16px !important;
        line-height: 1.6;
    }

    .signia-intro-section .signia-image {
        border-radius: 22px;
        margin-bottom: 10px;
    }

    .signia-intro-section .feature-item {
        gap: 14px;
        margin-bottom: 22px;
    }

    .signia-intro-section .feature-icon {
        flex: 0 0 64px;
        width: 64px;
        height: 64px;
        border-radius: 18px;
        font-size: 25px;
    }

    .signia-intro-section .feature-content h5 {
        font-size: 19px;
        margin-bottom: 5px;
    }

    .signia-intro-section .feature-content p {
        font-size: 15px;
        line-height: 1.5;
    }

    .signia-intro-section .price-btn {
        width: 100%;
        min-width: auto;
        padding: 16px 20px;
        border-radius: 14px;
        font-size: 16px;
    }

}


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

@media (max-width: 400px) {

    .signia-intro-section .section-title {
        font-size: 27px;
    }

    .signia-intro-section .feature-icon {
        flex: 0 0 58px;
        width: 58px;
        height: 58px;
        font-size: 22px;
    }

    .signia-intro-section .feature-content h5 {
        font-size: 18px;
    }

}

/* =========================================
   SIGNIA PRODUCTS SECTION
========================================= */

.products-section {
    padding: 80px 0;
    background: #f7f9fc;
    overflow: hidden;
}

/* Section Tag */

.products-section .section-tag {
    display: inline-flex;
    align-items: center;
    padding: 10px 24px;
    background: #132f59;
    color: #6d91c8;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 18px;
}

/* Heading */

.products-section .section-title {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    color: #27384e;
    letter-spacing: -1px;
}


/* =========================================
   PRODUCT CARD
========================================= */

.products-section .product-card {
    height: 100%;
    background: #ffffff;
    border: 1px solid #dbe3ee;
    border-radius: 28px;
    overflow: hidden;
    transition: all 0.35s ease;
    display: flex;
    flex-direction: column;
}

.products-section .product-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 45px rgba(28, 55, 90, 0.12);
    border-color: #b9c8db;
}


/* =========================================
   IMAGE AREA
========================================= */

.products-section .product-image-wrapper {
    width: 100%;
    height: 340px;
    overflow: hidden;
    background: #f2f5f8;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Responsive Image */

.products-section .product-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    transition: transform 0.5s ease;
}

.products-section .product-card:hover .product-image {
    transform: scale(1.04);
}


/* =========================================
   PRODUCT CONTENT
========================================= */

.products-section .product-content {
    padding: 32px 34px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.products-section .product-category {
    color: #b8464f;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.3px;
    margin-bottom: 14px;
}

.products-section .product-content h3 {
    font-size: 27px;
    font-weight: 700;
    color: #27384e;
    line-height: 1.3;
    margin-bottom: 14px;
}

.products-section .product-content p {
    font-size: 17px;
    line-height: 1.8;
    color: #627083;
    margin-bottom: 25px;
}


/* =========================================
   BUTTON
========================================= */

.products-section .product-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border: 1.5px solid #294c7a;
    color: #294c7a;
    font-size: 16px;
    font-weight: 700;
    padding: 15px 25px;
    border-radius: 10px;
    transition: all 0.3s ease;
}

.products-section .product-btn:hover {
    background: #294c7a;
    color: #ffffff;
}


/* Product Consultation Button */

.products-section .check-price-btn {
    width: fit-content;
    margin-top: auto;
}


/* =========================================
   VIEW ALL BUTTON
========================================= */

.products-section .text-lg-end .product-btn {
    min-width: 210px;
}


/* =========================================
   CTA SECTION
========================================= */

.products-section .hearing-cta {
    background: linear-gradient(135deg, #17365f, #294f82);
    padding: 45px 50px;
    border-radius: 24px;
    color: #ffffff;
    box-shadow: 0 15px 35px rgba(26, 58, 99, 0.18);
}

.products-section .hearing-cta h2 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #ffffff;
}

.products-section .hearing-cta p {
    margin: 0;
    font-size: 16px;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.82);
    max-width: 750px;
}


/* CTA BUTTON */

.products-section .cta-light-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    color: #17365f;
    padding: 16px 28px;
    border-radius: 10px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.products-section .cta-light-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    color: #17365f;
}


/* =========================================
   LARGE TABLET
========================================= */

@media (max-width: 1199px) {

    .products-section .section-title {
        font-size: 42px;
    }

    .products-section .product-image-wrapper {
        height: 300px;
    }

    .products-section .product-content {
        padding: 28px;
    }

}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .products-section {
        padding: 65px 0;
    }

    .products-section .section-title {
        font-size: 38px;
    }

    .products-section .product-image-wrapper {
        height: 320px;
    }

    .products-section .hearing-cta {
        padding: 38px;
    }

}


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

@media (max-width: 767px) {

    .products-section {
        padding: 55px 0;
    }

    .products-section .section-tag {
        font-size: 11px;
        letter-spacing: 1.5px;
        padding: 8px 16px;
        margin-bottom: 14px;
    }

    .products-section .section-title {
        font-size: 30px;
        letter-spacing: 0;
        line-height: 1.25;
    }


    /* Product Card */

    .products-section .product-card {
        border-radius: 20px;
    }

    .products-section .product-image-wrapper {
        height: auto;
        aspect-ratio: 16 / 10;
    }

    .products-section .product-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }


    /* Product Content */

    .products-section .product-content {
        padding: 24px 22px;
    }

    .products-section .product-category {
        font-size: 13px;
        margin-bottom: 10px;
    }

    .products-section .product-content h3 {
        font-size: 23px;
        margin-bottom: 12px;
    }

    .products-section .product-content p {
        font-size: 15px;
        line-height: 1.7;
        margin-bottom: 20px;
    }


    /* Buttons */

    .products-section .product-btn {
        padding: 13px 20px;
        font-size: 15px;
    }

    .products-section .check-price-btn {
        width: 100%;
    }


    /* CTA */

    .products-section .hearing-cta {
        padding: 30px 22px;
        border-radius: 20px;
        text-align: center;
    }

    .products-section .hearing-cta h2 {
        font-size: 25px;
        line-height: 1.3;
    }

    .products-section .hearing-cta p {
        font-size: 15px;
        line-height: 1.7;
    }

    .products-section .cta-light-btn {
        width: 100%;
        padding: 15px 20px;
    }

}


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

@media (max-width: 480px) {

    .products-section .section-title {
        font-size: 27px;
    }

    .products-section .product-image-wrapper {
        aspect-ratio: 4 / 3;
    }

    .products-section .product-content {
        padding: 20px;
    }

    .products-section .product-content h3 {
        font-size: 21px;
    }

    .products-section .hearing-cta h2 {
        font-size: 22px;
    }

}
.products-section .product-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* =========================================
   WHY CHOOSE SECTION
========================================= */

.why-choose-section {
    padding: 90px 0;
    background: #f7f9fc;
    overflow: hidden;
}


/* =========================================
   IMAGE AREA
========================================= */

.why-choose-section .why-image-box {
    position: relative;
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    padding-bottom: 25px;
}


/* Main Image */

.why-choose-section .why-main-image {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 28px;
    object-fit: cover;
    box-shadow: 0 20px 45px rgba(28, 50, 80, 0.12);
}


/* Experience Floating Card */

.why-choose-section .experience-card {
    position: absolute;
    right: 20px;
    bottom: 0;
    width: 265px;
    background: #29486f;
    color: #ffffff;
    padding: 28px 30px;
    border-radius: 22px;
    box-shadow: 0 15px 35px rgba(24, 52, 85, 0.22);
}

.why-choose-section .experience-card h3 {
    font-size: 38px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 10px;
    color: #ffffff;
}

.why-choose-section .experience-card p {
    margin: 0;
    font-size: 16px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.85);
}


/* =========================================
   CONTENT
========================================= */

.why-choose-section .why-content {
    max-width: 720px;
}


/* Section Tag */

.why-choose-section .section-tag {
    display: inline-flex;
    align-items: center;
    padding: 10px 24px;
    margin-bottom: 20px;
    border-radius: 50px;
    background: #132f59;
    color: #6e91c8;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}


/* Main Heading */

.why-choose-section .section-title {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.22;
    color: #2b3a4e;
    margin-bottom: 22px;
    letter-spacing: -1px;
}


/* Description */

.why-choose-section .section-description {
    font-size: 18px;
    line-height: 1.75;
    color: #627083;
    margin-bottom: 34px;
}


/* =========================================
   WHY POINTS
========================================= */

.why-choose-section .why-point {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 26px;
}


/* Icon */

.why-choose-section .why-point-icon {
    width: 70px;
    height: 70px;
    min-width: 70px;

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

    border-radius: 20px;
    background: #e8eef6;
    color: #29486f;

    font-size: 30px;

    transition: all 0.3s ease;
}


/* Hover Effect */

.why-choose-section .why-point:hover .why-point-icon {
    background: #29486f;
    color: #ffffff;
    transform: translateY(-3px);
}


/* Point Heading */

.why-choose-section .why-point h5 {
    font-size: 22px;
    font-weight: 700;
    color: #2b3a4e;
    margin: 0 0 7px;
}


/* Point Text */

.why-choose-section .why-point p {
    font-size: 17px;
    line-height: 1.65;
    color: #667487;
    margin: 0;
}


/* =========================================
   BUTTON
========================================= */

.why-choose-section .price-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-top: 10px;
    padding: 18px 34px;

    background: #29486f;
    color: #ffffff;

    border-radius: 14px;

    text-decoration: none;

    font-size: 17px;
    font-weight: 700;

    transition: all 0.3s ease;
}


.why-choose-section .price-btn:hover {
    background: #193b66;
    color: #ffffff;
    transform: translateY(-3px);
    box-shadow: 0 12px 25px rgba(41, 72, 111, 0.22);
}


/* =========================================
   LARGE LAPTOP
========================================= */

@media (max-width: 1199px) {

    .why-choose-section .section-title {
        font-size: 42px;
    }

    .why-choose-section .section-description {
        font-size: 17px;
    }

    .why-choose-section .why-point h5 {
        font-size: 20px;
    }

    .why-choose-section .why-point p {
        font-size: 16px;
    }

    .why-choose-section .experience-card {
        width: 235px;
        padding: 24px;
    }

}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .why-choose-section {
        padding: 70px 0;
    }

    .why-choose-section .why-image-box {
        max-width: 700px;
    }

    .why-choose-section .why-content {
        max-width: 100%;
    }

    .why-choose-section .section-title {
        font-size: 40px;
    }

}


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

@media (max-width: 767px) {

    .why-choose-section {
        padding: 55px 0;
    }


    /* Image */

    .why-choose-section .why-image-box {
        padding-bottom: 0;
    }

    .why-choose-section .why-main-image {
        border-radius: 20px;
    }


    /* Floating card becomes normal */

    .why-choose-section .experience-card {
        position: relative;
        right: auto;
        bottom: auto;

        width: 100%;
        margin-top: 18px;

        border-radius: 18px;
        padding: 22px 24px;
    }

    .why-choose-section .experience-card h3 {
        font-size: 30px;
    }


    /* Content */

    .why-choose-section .section-tag {
        font-size: 11px;
        letter-spacing: 1.5px;
        padding: 8px 16px;
        margin-bottom: 16px;
    }

    .why-choose-section .section-title {
        font-size: 31px;
        line-height: 1.25;
        letter-spacing: 0;
    }

    .why-choose-section .section-description {
        font-size: 16px;
        line-height: 1.7;
        margin-bottom: 28px;
    }


    /* Points */

    .why-choose-section .why-point {
        gap: 14px;
        margin-bottom: 24px;
    }

    .why-choose-section .why-point-icon {
        width: 58px;
        height: 58px;
        min-width: 58px;

        border-radius: 16px;
        font-size: 24px;
    }

    .why-choose-section .why-point h5 {
        font-size: 18px;
        line-height: 1.35;
    }

    .why-choose-section .why-point p {
        font-size: 15px;
        line-height: 1.6;
    }


    /* Button */

    .why-choose-section .price-btn {
        width: 100%;
        padding: 16px 20px;
        font-size: 16px;
    }

}


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

@media (max-width: 480px) {

    .why-choose-section .section-title {
        font-size: 27px;
    }

    .why-choose-section .section-description {
        font-size: 15px;
    }

    .why-choose-section .why-point {
        align-items: flex-start;
    }

    .why-choose-section .why-point-icon {
        width: 52px;
        height: 52px;
        min-width: 52px;
        font-size: 21px;
    }

    .why-choose-section .why-point h5 {
        font-size: 17px;
    }

    .why-choose-section .why-point p {
        font-size: 14px;
    }

}
/* =========================================
   FAQ SECTION
========================================= */

.faq-section {
    padding: 80px 0;
    background: #f8f9fc;
    overflow: hidden;
}

/* FAQ Image */

.faq-section .faq-image {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 24px;
    box-shadow: 0 20px 50px rgba(28, 55, 88, 0.12);
}


/* =========================================
   FAQ ACCORDION
========================================= */

.faq-section .accordion {
    margin-top: 30px;
}

.faq-section .accordion-item {
    border: none;
    border-bottom: 1px solid #e5e9f0;
    border-radius: 0 !important;
    background: transparent;
    margin-bottom: 0;
    overflow: hidden;
}


/* Question Button */

.faq-section .accordion-button {
    padding: 24px 22px;
    background: transparent;
    color: #263b55;

    font-size: 18px;
    font-weight: 600;

    box-shadow: none !important;
    border: none;
}


/* Open Accordion */

.faq-section .accordion-button:not(.collapsed) {
    background: #eef3fb;
    color: #263b55;
}


/* Remove Bootstrap Default Arrow */

.faq-section .accordion-button::after {
    width: 11px;
    height: 11px;

    background-image: none;

    border-right: 2px solid #263b55;
    border-bottom: 2px solid #263b55;

    transform: rotate(45deg);
    margin-left: auto;
    margin-top: -5px;

    transition: 0.3s ease;
}


/* Open Arrow */

.faq-section .accordion-button:not(.collapsed)::after {
    transform: rotate(225deg);
    margin-top: 5px;
}


/* Accordion Body */

.faq-section .accordion-body {
    padding: 22px;

    background: #ffffff;

    color: #5c6b7d;

    font-size: 16px;
    line-height: 1.9;
}


/* =========================================
   DESKTOP SPACING
========================================= */

@media (min-width: 992px) {

    .faq-section {
        padding: 90px 0;
    }

    .faq-section .faq-image {
        max-width: 100%;
    }

}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .faq-section {
        padding: 70px 0;
    }

    .faq-section .row {
        text-align: left;
    }

    .faq-section .faq-image {
        max-width: 650px;
        margin: 0 auto;
    }

}


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

@media (max-width: 767px) {

    .faq-section {
        padding: 55px 0;
    }

    .faq-section .section-title {
        font-size: 30px;
        line-height: 1.3;
    }

    .faq-section .section-tag {
        font-size: 12px;
        padding: 10px 18px;
    }

    .faq-section .accordion {
        margin-top: 25px;
    }

    .faq-section .accordion-button {
        padding: 18px 15px;

        font-size: 16px;
        line-height: 1.5;
    }

    .faq-section .accordion-body {
        padding: 18px 15px;

        font-size: 15px;
        line-height: 1.8;
    }

    .faq-section .faq-image {
        border-radius: 18px;
        margin-bottom: 5px;
    }

}


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

@media (max-width: 480px) {

    .faq-section {
        padding: 45px 0;
    }

    .faq-section .section-title {
        font-size: 27px;
    }

    .faq-section .accordion-button {
        font-size: 15px;
        padding-right: 40px;
    }

}

.price-banner {
    background: linear-gradient(135deg, #123d37, #2d6d52);
    color: white;
    border-radius: 16px;
    padding: 9px;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px;
}

/* =========================================
   HEARING HELP ABOUT PAGE
   UNIQUE CSS
========================================= */


/* GLOBAL */

.hh-about-hero,
.hh-who-section,
.hh-mission-section,
.hh-services-section,
.hh-benefits-section,
.hh-process-section,
.hh-values-section,
.hh-about-cta{
    overflow: hidden;
}


.hh-about-hero{
    padding: 100px 0;
    background: linear-gradient(135deg, #f7f9fc 0%, #eaf0f8 100%);
}


.hh-who-section,
.hh-benefits-section{
    padding: 100px 0;
    background: #ffffff;
}


.hh-mission-section,
.hh-process-section,
.hh-values-section{
    padding: 100px 0;
    background: #f6f8fb;
}


/* =========================================
   COMMON TAG
========================================= */

.hh-about-tag{
    display: inline-block;
    padding: 11px 24px;
    border-radius: 50px;

    background: #102b52;

    color: #83a4d4;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: 2px;

    margin-bottom: 22px;
}


/* =========================================
   HERO CONTENT
========================================= */

.hh-about-hero-content{
    max-width: 650px;
}


.hh-about-hero-content h1{
    font-size: 56px;
    line-height: 1.15;

    font-weight: 700;

    color: #293b52;

    margin-bottom: 25px;
}


.hh-about-hero-content h1 span{
    color: #31598c;
}


.hh-about-hero-content p{
    font-size: 17px;

    line-height: 1.8;

    color: #617184;

    margin-bottom: 18px;
}


/* BUTTONS */

.hh-about-hero-buttons{
    display: flex;

    flex-wrap: wrap;

    gap: 15px;

    margin-top: 32px;
}


.hh-about-primary-btn,
.hh-about-outline-btn{
    display: inline-flex;

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

    text-decoration: none;

    padding: 16px 28px;

    border-radius: 12px;

    font-weight: 600;

    transition: all .3s ease;
}


.hh-about-primary-btn{
    background: #294d7c;

    color: #ffffff;
}


.hh-about-primary-btn:hover{
    color: #ffffff;

    background: #193963;

    transform: translateY(-3px);

    box-shadow: 0 10px 25px rgba(41, 77, 124, .20);
}


.hh-about-outline-btn{
    border: 1px solid #294d7c;

    color: #294d7c;

    background: transparent;
}


.hh-about-outline-btn:hover{
    background: #294d7c;

    color: #ffffff;
}


/* HERO TRUST */

.hh-about-trust{
    display: flex;

    flex-wrap: wrap;

    gap: 25px;

    margin-top: 38px;
}


.hh-about-trust-item{
    display: flex;

    align-items: center;

    gap: 12px;
}


.hh-about-trust-item i{
    width: 50px;
    height: 50px;

    display: flex;

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

    border-radius: 14px;

    background: #e8eff8;

    color: #294d7c;

    font-size: 22px;
}


.hh-about-trust-item strong{
    display: block;

    color: #293b52;

    font-size: 14px;
}


.hh-about-trust-item span{
    display: block;

    color: #718096;

    font-size: 12px;

    margin-top: 3px;
}


/* HERO IMAGE */

.hh-about-image-box{
    position: relative;
}


.hh-about-main-image{
    width: 100%;

    height: auto;

    display: block;

    border-radius: 28px;

    box-shadow: 0 25px 70px rgba(30, 50, 80, .15);
}


.hh-about-floating-card{
    position: absolute;

    left: -35px;

    bottom: 35px;

    display: flex;

    align-items: center;

    gap: 15px;

    max-width: 320px;

    padding: 18px 20px;

    background: #ffffff;

    border-radius: 18px;

    box-shadow: 0 18px 45px rgba(20, 40, 70, .18);
}


.hh-about-floating-icon{
    min-width: 55px;

    height: 55px;

    display: flex;

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

    background: #e9f0f8;

    color: #294d7c;

    border-radius: 14px;

    font-size: 23px;
}


.hh-about-floating-card strong{
    display: block;

    font-size: 15px;

    color: #293b52;

    margin-bottom: 5px;
}


.hh-about-floating-card p{
    margin: 0;

    font-size: 12px;

    line-height: 1.5;

    color: #718096;
}


/* =========================================
   WHO WE ARE
========================================= */

.hh-who-image-box{
    position: relative;
}


.hh-who-image{
    width: 100%;

    height: auto;

    display: block;

    border-radius: 25px;

    box-shadow: 0 20px 55px rgba(30, 50, 80, .12);
}


.hh-who-experience-card{
    position: absolute;

    right: -20px;

    bottom: 35px;

    padding: 20px 28px;

    background: #294d7c;

    color: #ffffff;

    border-radius: 18px;

    box-shadow: 0 18px 40px rgba(30, 50, 80, .20);
}


.hh-who-experience-card strong{
    display: block;

    font-size: 20px;
}


.hh-who-experience-card span{
    display: block;

    margin-top: 5px;

    font-size: 12px;

    opacity: .85;
}


/* WHO CONTENT */

.hh-who-content h2,
.hh-benefits-content h2{
    font-size: 44px;

    line-height: 1.2;

    font-weight: 700;

    color: #293b52;

    margin-bottom: 25px;
}


.hh-who-content h2 span,
.hh-benefits-content h2 span{
    color: #31598c;
}


.hh-who-content > p,
.hh-benefits-content > p{
    font-size: 16px;

    line-height: 1.8;

    color: #647386;
}


/* POINTS */

.hh-who-points{
    margin-top: 28px;

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 16px;
}


.hh-who-point{
    display: flex;

    align-items: center;

    gap: 10px;

    color: #344860;

    font-size: 14px;

    font-weight: 500;
}


.hh-who-point-icon{
    width: 30px;
    height: 30px;

    min-width: 30px;

    display: flex;

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

    border-radius: 50%;

    background: #e5effb;

    color: #294d7c;
}


/* =========================================
   COMMON SECTION HEADING
========================================= */

.hh-section-heading{
    max-width: 760px;

    margin: 0 auto 60px;
}


.hh-section-heading h2{
    font-size: 46px;

    line-height: 1.2;

    font-weight: 700;

    color: #293b52;

    margin-bottom: 18px;
}


.hh-section-heading p{
    max-width: 680px;

    margin: auto;

    color: #687789;

    font-size: 16px;

    line-height: 1.8;
}


/* =========================================
   MISSION VISION
========================================= */

.hh-purpose-card{
    height: 100%;

    padding: 45px;

    background: #ffffff;

    border-radius: 22px;

    border: 1px solid #e3e8ef;

    transition: .3s ease;
}


.hh-purpose-card:hover{
    transform: translateY(-6px);

    box-shadow: 0 20px 50px rgba(25, 50, 85, .10);
}


.hh-purpose-icon{
    width: 70px;
    height: 70px;

    display: flex;

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

    background: #e8eff8;

    color: #294d7c;

    border-radius: 18px;

    font-size: 30px;

    margin-bottom: 25px;
}


.hh-purpose-card h3{
    font-size: 26px;

    font-weight: 700;

    color: #293b52;

    margin-bottom: 18px;
}


.hh-purpose-card p{
    color: #697789;

    line-height: 1.8;

    font-size: 15px;
}


.hh-purpose-card ul{
    padding-left: 18px;

    margin: 25px 0 0;
}


.hh-purpose-card li{
    color: #566779;

    margin-bottom: 12px;

    font-size: 14px;
}


/* =========================================
   SERVICES
========================================= */

.hh-services-section{
    padding: 100px 0;

    background: #ffffff;
}


.hh-service-card{
    height: 100%;

    padding: 35px 30px;

    border-radius: 20px;

    border: 1px solid #e3e8ef;

    background: #ffffff;

    transition: .3s ease;
}


.hh-service-card:hover{
    transform: translateY(-6px);

    border-color: #cdd9e7;

    box-shadow: 0 18px 45px rgba(20, 45, 80, .10);
}


.hh-service-icon{
    width: 65px;
    height: 65px;

    display: flex;

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

    border-radius: 16px;

    background: #eaf1fa;

    color: #294d7c;

    font-size: 27px;

    margin-bottom: 25px;
}


.hh-service-card h4{
    color: #293b52;

    font-size: 20px;

    font-weight: 700;

    margin-bottom: 15px;
}


.hh-service-card p{
    color: #687789;

    line-height: 1.7;

    font-size: 14px;

    margin: 0;
}


/* =========================================
   BENEFITS
========================================= */

.hh-benefit-list{
    margin-top: 35px;
}


.hh-benefit-item{
    display: flex;

    align-items: flex-start;

    gap: 20px;

    margin-bottom: 25px;
}


.hh-benefit-number{
    min-width: 55px;

    height: 55px;

    display: flex;

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

    border-radius: 15px;

    background: #294d7c;

    color: #ffffff;

    font-size: 14px;

    font-weight: 700;
}


.hh-benefit-item h5{
    color: #293b52;

    font-size: 19px;

    margin-bottom: 7px;
}


.hh-benefit-item p{
    color: #697789;

    font-size: 14px;

    line-height: 1.6;

    margin: 0;
}


.hh-benefits-image-box{
    position: relative;
}


.hh-benefits-image{
    width: 100%;

    height: auto;

    display: block;

    border-radius: 28px;

    box-shadow: 0 20px 60px rgba(25, 50, 80, .15);
}


/* =========================================
   PROCESS
========================================= */

.hh-process-card{
    position: relative;

    height: 100%;

    text-align: center;

    padding: 40px 25px;

    background: #ffffff;

    border-radius: 20px;

    border: 1px solid #e3e8ef;

    transition: .3s ease;
}


.hh-process-card:hover{
    transform: translateY(-6px);

    box-shadow: 0 20px 45px rgba(25, 50, 80, .10);
}


.hh-process-number{
    position: absolute;

    top: 18px;

    right: 20px;

    font-size: 13px;

    font-weight: 700;

    color: #9aafc8;
}


.hh-process-icon{
    width: 70px;
    height: 70px;

    display: flex;

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

    margin: 0 auto 25px;

    border-radius: 20px;

    background: #e8eff8;

    color: #294d7c;

    font-size: 30px;
}


.hh-process-card h4{
    color: #293b52;

    font-size: 19px;

    font-weight: 700;

    margin-bottom: 12px;
}


.hh-process-card p{
    color: #697789;

    font-size: 14px;

    line-height: 1.7;

    margin: 0;
}


/* =========================================
   VALUES
========================================= */

.hh-value-card{
    height: 100%;

    text-align: center;

    padding: 35px 25px;

    background: #ffffff;

    border-radius: 20px;

    border: 1px solid #e3e8ef;

    transition: .3s ease;
}


.hh-value-card:hover{
    transform: translateY(-6px);

    box-shadow: 0 18px 45px rgba(25, 50, 80, .10);
}


.hh-value-card i{
    display: inline-flex;

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

    width: 65px;
    height: 65px;

    border-radius: 50%;

    background: #e8eff8;

    color: #294d7c;

    font-size: 28px;

    margin-bottom: 22px;
}


.hh-value-card h4{
    font-size: 20px;

    color: #293b52;

    font-weight: 700;

    margin-bottom: 14px;
}


.hh-value-card p{
    font-size: 14px;

    color: #697789;

    line-height: 1.7;

    margin: 0;
}


/* =========================================
   FINAL CTA
========================================= */

.hh-about-cta{
    padding: 80px 0 100px;

    background: #ffffff;
}


.hh-about-cta-box{
    padding: 60px;

    border-radius: 28px;

    background: linear-gradient(
        135deg,
        #183a67,
        #294f80
    );

    box-shadow: 0 20px 60px rgba(25, 55, 90, .20);
}


.hh-about-cta-box h2{
    color: #ffffff;

    font-size: 38px;

    font-weight: 700;

    line-height: 1.25;

    margin-bottom: 15px;
}


.hh-about-cta-box p{
    color: rgba(255,255,255,.80);

    font-size: 16px;

    line-height: 1.7;

    margin: 0;

    max-width: 750px;
}


.hh-about-cta-btn{
    display: inline-flex;

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

    padding: 17px 28px;

    background: #ffffff;

    color: #294d7c;

    border-radius: 12px;

    font-weight: 700;

    text-decoration: none;

    transition: .3s ease;
}


.hh-about-cta-btn:hover{
    color: #294d7c;

    transform: translateY(-3px);

    box-shadow: 0 10px 30px rgba(0,0,0,.15);
}


/* =========================================
   TABLET RESPONSIVE
========================================= */

@media (max-width: 991px){

    .hh-about-hero,
    .hh-who-section,
    .hh-mission-section,
    .hh-services-section,
    .hh-benefits-section,
    .hh-process-section,
    .hh-values-section{
        padding: 75px 0;
    }


    .hh-about-hero-content h1{
        font-size: 46px;
    }


    .hh-who-content h2,
    .hh-benefits-content h2{
        font-size: 38px;
    }


    .hh-section-heading h2{
        font-size: 40px;
    }


    .hh-about-image-box,
    .hh-who-image-box,
    .hh-benefits-image-box{
        max-width: 700px;

        margin: auto;
    }


    .hh-about-floating-card{
        left: 20px;
    }


    .hh-who-experience-card{
        right: 20px;
    }


    .hh-about-cta-box{
        padding: 45px;
    }

}


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

@media (max-width: 767px){

    .hh-about-hero,
    .hh-who-section,
    .hh-mission-section,
    .hh-services-section,
    .hh-benefits-section,
    .hh-process-section,
    .hh-values-section{
        padding: 60px 0;
    }


    .hh-about-tag{
        padding: 9px 18px;

        font-size: 10px;

        letter-spacing: 1.5px;
    }


    .hh-about-hero-content h1{
        font-size: 36px;
    }


    .hh-who-content h2,
    .hh-benefits-content h2{
        font-size: 32px;
    }


    .hh-section-heading{
        margin-bottom: 40px;
    }


    .hh-section-heading h2{
        font-size: 32px;
    }


    .hh-about-hero-content p,
    .hh-who-content > p,
    .hh-benefits-content > p{
        font-size: 15px;
    }


    .hh-about-hero-buttons{
        flex-direction: column;
    }


    .hh-about-primary-btn,
    .hh-about-outline-btn{
        width: 100%;
    }


    .hh-about-trust{
        gap: 18px;
    }


    .hh-about-floating-card{
        position: relative;

        left: auto;
        bottom: auto;

        margin: -25px 15px 0;

        max-width: none;
    }


    .hh-who-experience-card{
        position: relative;

        right: auto;
        bottom: auto;

        margin: -25px 20px 0;
    }


    .hh-who-points{
        grid-template-columns: 1fr;
    }


    .hh-purpose-card{
        padding: 30px 25px;
    }


    .hh-service-card{
        padding: 30px 25px;
    }


    .hh-about-cta{
        padding: 60px 0;
    }


    .hh-about-cta-box{
        padding: 35px 25px;

        text-align: center;
    }


    .hh-about-cta-box h2{
        font-size: 30px;
    }


    .hh-about-cta-btn{
        width: 100%;

        margin-top: 10px;
    }

}


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

@media (max-width: 480px){

    .hh-about-hero-content h1{
        font-size: 31px;
    }


    .hh-who-content h2,
    .hh-benefits-content h2,
    .hh-section-heading h2{
        font-size: 28px;
    }


    .hh-about-trust{
        flex-direction: column;

        align-items: flex-start;
    }


    .hh-benefit-item{
        gap: 14px;
    }


    .hh-benefit-number{
        min-width: 45px;

        height: 45px;

        border-radius: 12px;
    }


    .hh-about-cta-box h2{
        font-size: 27px;
    }

}