.main-header .header-lower .inner-container {
  min-height: 64px !important;
  padding: 0 18px !important;
  justify-content: flex-start !important;
  gap: 22px !important;
}

.main-header .logo-box {
  flex: 0 0 110px !important;
  margin-right: 20px !important;
}

.main-header .logo img {
  max-height: 38px !important;
}

.main-header .nav-outer {
  flex: 0 1 auto !important;
  width: auto !important;
}

.main-header .navigation {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.main-header .navigation > li {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

.main-header .navigation > li > a {
  font-size: 15px !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 64px !important;
  font-weight: 700 !important;
}

.main-header .header-account {
  margin-left: auto !important;
}
/* ===== Announcement Bar Custom Style ===== */
 
.ae-anno-announcement__bottom {
    background: #4a4a4a !important;    
    color: #ffffff !important;         
    padding: 6px 0 !important;
    font-size: 15px !important;
    white-space: nowrap !important;    
    overflow: hidden !important;       
    position: fixed !important;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}
.ae-anno-announcement__text {
    display: inline-block;
    padding-left: 100%;
    animation: scrollText 90s linear infinite;
    letter-spacing: 0.3px;
}

 @keyframes scrollText {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}
 
/* ===== Typography Comfort Mode ===== */
 

 h1 {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3;
    margin: 20px 0 10px;
    color: #1b1b1b;
}

h2 {
    font-size: 26px;
    font-weight: 600;
    line-height: 1.35;
    margin: 18px 0 10px;
    color: #1d1d1d;
}

/* Desktop */
.flat-slider.home-1 .slider-content {
    padding: 90px 0 !important;   
    position: relative;
    z-index: 1;
}

/* Mobile & Tablets */
@media only screen and (max-width: 991px) {
    .flat-slider.home-1 .slider-content {
        padding: 50px 0 !important;    
    }
}

.subtitle.body-1 {
    font-size: 16px !important;    
    line-height: 1.4 !important;   
    max-width: 90%;                
}
.ae-anno-announcement-wrapper {
  padding: 0 !important;
}


 
.whatsapp-float{
position:fixed;
bottom:25px;
right:25px;
z-index:9999;
display:flex;
flex-direction:column;
gap:10px;
}

.whatsapp-float a{
display:flex;
align-items:center;
justify-content:center;
width:56px;
height:56px;
background:#25D366;
border-radius:50%;
box-shadow:0 4px 12px rgba(0,0,0,0.2);
}

.whatsapp-float img{
width:30px;
height:30px;
}



.whatsapp-float{
position:fixed;
bottom:25px;
right:25px;
z-index:9999;
}

.whatsapp-btn{
width:60px;
height:60px;
background:#25D366;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 4px 10px rgba(0,0,0,.2);
cursor:pointer;
}

.whatsapp-menu{
position:absolute;
bottom:70px;
right:0;
background:#fff;
border-radius:12px;
box-shadow:0 4px 12px rgba(0,0,0,.15);
display:none;
flex-direction:column;
min-width:200px;
}

.whatsapp-menu a{
padding:12px 16px;
text-decoration:none;
color:#333;
border-bottom:1px solid #eee;
}

.whatsapp-menu a:hover{
background:#f5f5f5;
}

.whatsapp-menu a:last-child{
border-bottom:none;
}


 /* promotion page */
.sunlife-promoters-section {
  width: 100%;
  background: #fff;
  font-family: Arial, sans-serif;
}

.sunlife-hero {
  position: relative;
  min-height: 340px;
  background:
    linear-gradient(rgba(58, 35, 124, 0.72), rgba(58, 35, 124, 0.72)),
    url("/storage/property-43-r61rq8bx0eetez5d1dnyt2f9zf2ypun3bdh6jo.jpg");
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.sunlife-hero::before {
  content: "";
  position: absolute;
  inset: -10px;
  background: inherit;
  filter: blur(5px);
  transform: scale(1.04);
}

.sunlife-hero-content {
  position: relative;
  z-index: 2;
  text-align: center;
  padding: 35px 20px;
}

.sunlife-hero-content h2,
.sunlife-hero-content h1 {
  color: #fff !important;
}

.sunlife-hero-content h2 {
  font-size: 40px;
  font-weight: 800;
  margin: 0 0 15px;
}

.sunlife-hero-content h1 {
  font-size: 46px;
  line-height: 1.25;
  font-weight: 800;
  margin: 0;
}

.sunlife-content {
  text-align: center;
  padding: 60px 30px 70px;
}

.sunlife-content > h2 {
  font-size: 34px;
  font-weight: 800;
  color: #111;
  margin: 0 0 55px;
}

.sunlife-features {
  max-width: 1200px;
  margin: 0 auto 55px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 35px;
}

.sunlife-feature {
  padding: 10px 15px;
}

.sunlife-icon {
  font-size: 64px;
  color: #3a237c;
  margin-bottom: 25px;
}

.sunlife-feature h3 {
  font-size: 22px;
  font-weight: 800;
  color: #111;
  margin: 0 0 14px;
}

.sunlife-feature p {
  font-size: 18px;
  line-height: 1.45;
  color: #222;
  margin: 0;
}

.sunlife-btn {
  display: inline-block;
  background: #fff !important;
  color: #3a237c !important;
  border: 2px solid #3a237c;
  text-decoration: none;
  font-size: 22px;
  font-weight: 700;
  padding: 16px 44px;
  border-radius: 40px;
}

.sunlife-btn:hover {
  background: #3a237c !important;
  color: #fff !important;
}

@media (max-width: 992px) {
  .sunlife-features {
    grid-template-columns: repeat(2, 1fr);
  }

  .sunlife-hero-content h1 {
    font-size: 34px;
  }
}

@media (max-width: 600px) {
  .sunlife-hero {
    min-height: 260px;
  }

  .sunlife-hero-content h2 {
    font-size: 28px;
  }

  .sunlife-hero-content h1 {
    font-size: 27px;
  }

  .sunlife-content {
    padding: 40px 18px 55px;
  }

  .sunlife-content > h2 {
    font-size: 25px;
    margin-bottom: 35px;
  }

  .sunlife-features {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}
.sunlife-sales-section {
  background: #fbefe1;
  padding: 55px 8%;
  font-family: Arial, sans-serif;
}

.sunlife-sales-section h2 {
  text-align: center;
  font-size: 34px;
  line-height: 1.25;
  color: #111;
  font-weight: 800;
  margin: 0 0 60px;
}

.sunlife-sales-grid {
  max-width: 1150px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 60px;
}

.sunlife-sales-list {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.sunlife-item {
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 18px;
  align-items: flex-start;
}

.sunlife-item span {
  width: 44px;
  height: 44px;
  background: #000;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  font-weight: 800;
  line-height: 1;
}

.sunlife-item p {
  margin: 0;
  color: #111;
  font-size: 20px;
  line-height: 1.32;
}

.sunlife-item strong {
  font-weight: 800;
}

@media (max-width: 900px) {
  .sunlife-sales-section {
    padding: 45px 22px;
  }

  .sunlife-sales-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .sunlife-sales-section h2 {
    font-size: 27px;
    margin-bottom: 40px;
  }

  .sunlife-item p {
    font-size: 17px;
  }
}

.sunlife-offers-section {
  background: #fff;
  padding: 60px 8%;
  font-family: Arial, sans-serif;
}

.sunlife-offers-section h2 {
  text-align: center;
  font-size: 34px;
  font-weight: 800;
  color: #111;
  margin: 0 0 55px;
}

.sunlife-offers-grid {
  max-width: 1100px;
  margin: 0 auto 55px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 35px;
}

.sunlife-offer-card {
  position: relative;
  background: #fbf7f2;
  border: 1px solid #eee;
  border-radius: 22px;
  padding: 45px 35px 35px;
  min-height: 100%;
}

.sunlife-number {
  position: absolute;
  top: 18px;
  right: 28px;
  font-size: 80px;
  font-weight: 900;
  color: rgba(58, 35, 124, 0.10);
  line-height: 1;
}

.sunlife-offer-card h3 {
  font-size: 28px;
  color: #3a237c;
  font-weight: 800;
  margin: 0 0 30px;
}

.sunlife-offer-card h4 {
  font-size: 20px;
  color: #111;
  font-weight: 800;
  margin: 25px 0 12px;
}

.sunlife-offer-card ul {
  margin: 0;
  padding-left: 20px;
}

.sunlife-offer-card li {
  font-size: 17px;
  line-height: 1.55;
  color: #222;
  margin-bottom: 8px;
}

.sunlife-offers-cta {
  max-width: 900px;
  margin: 0 auto;
  background: #3a237c;
  color: #fff;
  text-align: center;
  border-radius: 28px;
  padding: 42px 30px;
}

.sunlife-offers-cta h3 {
  font-size: 30px;
  font-weight: 800;
  margin: 0 0 15px;
  color: #fff;
}

.sunlife-offers-cta p {
  font-size: 18px;
  line-height: 1.45;
  margin: 0 0 28px;
  color: #fff;
}

.sunlife-offers-cta a {
  display: inline-block;
  background: #fff;
  color: #3a237c;
  text-decoration: none;
  font-size: 20px;
  font-weight: 800;
  padding: 14px 38px;
  border-radius: 40px;
}

.sunlife-offers-cta a:hover {
  background: #f1edf9;
  color: #3a237c;
}

@media (max-width: 900px) {
  .sunlife-offers-grid {
    grid-template-columns: 1fr;
  }

  .sunlife-offers-section h2 {
    font-size: 27px;
  }

  .sunlife-offer-card h3,
  .sunlife-offers-cta h3 {
    font-size: 24px;
  }
}
.sunlife-agents-section {
  width: 100%;
  background: #fff;
  font-family: Arial, sans-serif;
}

.sunlife-agents-header {
  background: #3a237c;
  padding: 70px 8%;
  text-align: center;
}

.sunlife-agents-header h2 {
  color: #fff;
  font-size: 42px;
  line-height: 1.25;
  font-weight: 800;
  margin: 0;
}

.sunlife-agents-content {
  padding: 55px 8% 70px;
  text-align: center;
}

.sunlife-agents-features {
  max-width: 1150px;
  margin: 0 auto 45px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 45px;
}

.sunlife-agent-feature {
  text-align: center;
}

.sunlife-agent-icon {
  font-size: 58px;
  color: #3a237c;
  margin-bottom: 25px;
}

.sunlife-agent-feature h3 {
  font-size: 24px;
  line-height: 1.25;
  color: #111;
  font-weight: 800;
  margin: 0 0 12px;
}

.sunlife-agent-feature p {
  font-size: 17px;
  line-height: 1.45;
  color: #333;
  margin: 0;
}

.sunlife-agents-content h4 {
  max-width: 1200px;
  margin: 0 auto 42px;
  font-size: 28px;
  line-height: 1.35;
  color: #111;
  font-weight: 800;
}

.sunlife-agents-btn {
  display: inline-block;
  background: #3a237c;
  color: #fff !important;
  text-decoration: none;
  font-size: 22px;
  font-weight: 800;
  padding: 16px 44px;
  border-radius: 45px;
}

.sunlife-agents-btn:hover {
  background: #2d1b61;
  color: #fff !important;
}

@media (max-width: 900px) {
  .sunlife-agents-header h2 {
    font-size: 30px;
  }

  .sunlife-agents-features {
    grid-template-columns: 1fr;
    gap: 35px;
  }

  .sunlife-agents-content h4 {
    font-size: 22px;
  }
}
.sunlife-remuneration-section {
  width: 100%;
  font-family: Arial, sans-serif;
  background: #fff;
}

.sunlife-remuneration-intro {
  background: #fbefe1;
  padding: 70px 8%;
  text-align: center;
}

.sunlife-remuneration-intro h2 {
  max-width: 1300px;
  margin: 0 auto;
  color: #3a237c;
  font-size: 42px;
  line-height: 1.45;
  font-weight: 800;
}

.sunlife-remuneration-content {
  padding: 60px 8% 70px;
  text-align: center;
}

.sunlife-remuneration-content h3 {
  color: #3a237c;
  font-size: 36px;
  font-weight: 800;
  margin: 0 0 55px;
}

.sunlife-remuneration-grid {
  max-width: 1200px;
  margin: 0 auto 50px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 42px;
}

.sunlife-remuneration-item {
  text-align: center;
}

.sunlife-remuneration-icon {
  font-size: 58px;
  margin-bottom: 24px;
  color: #3a237c;
}

.sunlife-remuneration-item p {
  font-size: 21px;
  line-height: 1.3;
  color: #111;
  margin: 0;
}

.sunlife-remuneration-btn {
  display: inline-block;
  background: #3a237c;
  color: #fff !important;
  text-decoration: none;
  font-size: 22px;
  font-weight: 800;
  padding: 16px 48px;
  border-radius: 45px;
}

.sunlife-remuneration-btn:hover {
  background: #2d1b61;
  color: #fff !important;
}

@media (max-width: 900px) {
  .sunlife-remuneration-intro h2 {
    font-size: 28px;
  }

  .sunlife-remuneration-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .sunlife-remuneration-content h3 {
    font-size: 28px;
  }
}

@media (max-width: 600px) {
  .sunlife-remuneration-grid {
    grid-template-columns: 1fr;
  }

  .sunlife-remuneration-intro {
    padding: 45px 20px;
  }

  .sunlife-remuneration-content {
    padding: 45px 20px 55px;
  }
}
.sunlife-counselor-section {
  font-family: Arial, sans-serif;
  color: #111;
  background: #fff;
}

.sunlife-training,
.sunlife-community {
  padding: 55px 8%;
}

.sunlife-training h2 {
  font-size: 28px;
  margin: 0 0 35px;
  font-weight: 500;
}

.sunlife-training-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 35px;
  margin-bottom: 55px;
}

.sunlife-training-card {
  background: #fff;
  padding: 45px 50px;
  box-shadow: 0 8px 30px rgba(0,0,0,.10);
  min-height: 220px;
}

.sunlife-training-card li,
.sunlife-tools li,
.sunlife-community li {
  font-size: 21px;
  line-height: 1.45;
  margin-bottom: 18px;
}

.sunlife-training h3,
.sunlife-tools h3,
.sunlife-community h3 {
  color: #3a237c;
  font-size: 38px;
  font-weight: 800;
  margin: 0 0 25px;
}

.sunlife-training p,
.sunlife-tools p,
.sunlife-community p {
  font-size: 22px;
  line-height: 1.45;
  margin: 0 0 12px;
}

.sunlife-tools {
  padding: 40px 8% 70px;
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 60px;
  align-items: center;
}

.sunlife-tools ul {
  padding-left: 25px;
  margin: 35px 0 45px;
}

.sunlife-tools-img img {
  width: 100%;
  border-radius: 18px;
  display: block;
}

.sunlife-main-btn {
  display: inline-block;
  background: #3a237c;
  color: #fff !important;
  text-decoration: none;
  font-size: 24px;
  font-weight: 800;
  padding: 17px 48px;
  border-radius: 45px;
}

.sunlife-main-btn:hover {
  background: #2d1b61;
  color: #fff !important;
}

.sunlife-community ul {
  padding-left: 25px;
  margin: 35px 0;
}

.sunlife-community h4 {
  color: #3a237c;
  text-align: center;
  font-size: 36px;
  font-weight: 800;
  border-top: 3px solid #3a237c;
  max-width: 850px;
  margin: 55px auto 25px;
  padding-top: 28px;
}

.sunlife-community h4 + p,
.sunlife-community h4 + p + p {
  text-align: center;
}

.sunlife-final-cta {
  background: #e4f5f1;
  text-align: center;
  padding: 65px 8%;
}

.sunlife-final-cta h2 {
  font-size: 40px;
  font-weight: 800;
  margin: 0 0 25px;
}

.sunlife-final-cta h3 {
  font-size: 28px;
  font-weight: 800;
  margin: 0 0 28px;
}

.sunlife-final-cta p {
  font-size: 24px;
  margin: 0 0 45px;
}

@media (max-width: 900px) {
  .sunlife-training-cards,
  .sunlife-tools {
    grid-template-columns: 1fr;
  }

  .sunlife-training-card {
    padding: 30px 25px;
  }

  .sunlife-training h3,
  .sunlife-tools h3,
  .sunlife-community h3,
  .sunlife-final-cta h2 {
    font-size: 28px;
  }

  .sunlife-training p,
  .sunlife-tools p,
  .sunlife-community p,
  .sunlife-training-card li,
  .sunlife-tools li,
  .sunlife-community li {
    font-size: 18px;
  }
}