.page-banner{
  width:100%;
  height:116px;
  background:
    linear-gradient(rgba(91,151,194,.88), rgba(91,151,194,.88)),
    url("assets/images/page-banner-bg.jpg") center/cover no-repeat;
  display:flex;
  align-items:center;
}

.page-banner-content{
  max-width:1145px;
  width:100%;
  margin:0 auto;
  padding-left:0;
}

.page-banner-content h1{
  font-family:Arial, sans-serif;
  font-size:19px;
  font-weight:700;
  color:#000;
  margin:0 0 11px;
}

.page-banner-content p{
  font-family:Arial, sans-serif;
  font-size:16px;
  font-weight:600;
  color:#fff;
  margin:0;
}

.page-banner-content p span{
  padding:0 7px;
}

.sunmax-about-section{
  width:100%;
  max-width:1200px;
  margin:auto;
  border-bottom:6px solid #5b9ccc;
  padding-top:18px;
  overflow:hidden;
  font-family:Arial, sans-serif;
}

/* ======================
   TOP SECTION
====================== */

.sunmax-about-top{
  display:grid;
  grid-template-columns:50% 50%;
  align-items:flex-start;
  gap:28px;
  padding-left:35px;
}

.sunmax-about-left h2{
  font-size:24px;
  font-weight:700;
  color:#5b97c6;
  margin:0 0 12px;
}

.sunmax-about-left p{
  font-size:15px;
  line-height:1.58;
  color:#000;
  margin:0;
  text-transform:capitalize;
}

/* IMAGE */

.sunmax-about-right{
  width:100%;
}

.sunmax-about-right img{
  width:100%;
  height:383px;
  object-fit:cover;
  display:block;
}

/* ======================
   BOTTOM SECTION
====================== */

.sunmax-about-bottom{
  display:grid;
  grid-template-columns:50% 50%;
  gap:32px;
  padding:68px 35px 42px 26px;
  align-items:flex-start;
}

.sunmax-about-heading{
  font-size:24px;
  line-height:1.3;
  font-weight:700;
  color:#000;
  max-width:540px;
  padding-top:52px;
}

.sunmax-about-text p{
  font-size:16px;
  line-height:1.55;
  color:#000;
  margin:0 0 7px;
}

.sunmax-about-text .bold-text{
  font-weight:700;
}

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

@media(max-width:991px){

  .sunmax-about-top,
  .sunmax-about-bottom{
    grid-template-columns:1fr;
    padding-left:20px;
    padding-right:20px;
    gap:25px;
  }

  .sunmax-about-bottom{
    padding-top:40px;
  }

  .sunmax-about-heading{
    padding-top:0;
    max-width:100%;
  }

  .sunmax-about-right img{
    height:auto;
  }

}

@media(max-width:576px){

  .sunmax-about-section{
    padding-top:10px;
  }

  .sunmax-about-left h2{
    font-size:22px;
  }

  .sunmax-about-left p,
  .sunmax-about-text p{
    font-size:14px;
    line-height:1.7;
  }

  .sunmax-about-heading{
    font-size:22px;
    line-height:1.4;
  }

  .sunmax-about-bottom{
    padding-bottom:30px;
  }

}