.legalContent {
  height: auto!important;
  padding: 60px 0px;
}

.tab-header{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 20pxauto 80px;
}

.subHeader{
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.9);
  color: #111;
  font-size: 30px;
  padding: 10px 30px;
  border-radius: 8px;
  z-index: 2;
}

.tab-header a{
  font-size: 15px;
  text-decoration: none;
  padding: 5px 10px 1px;
  color: #111;
  border-bottom: 1px solid #8c8c8c;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  transition: all ease-in-out 100ms;
  -webkit-transition: all ease-in-out 100ms;
  -moz-transition: all ease-in-out 100ms;
  -ms-transition: all ease-in-out 100ms;
  -o-transition: all ease-in-out 100ms;
  cursor: pointer;
}

.tab-header a:hover{
  background: #eff50b;
}

.tab-header .tab-item.active a {
  font-size: 18px;
  border-bottom: 3px solid #303030;
  font-weight: 600;
}

.content-area {
  display: none;
  width: 100%;
  max-width: 1000px;
  margin: auto;
}

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

.content-area h3 {
  font-size: 28px;
  margin: 40px 0 20px;
  font-weight: 700;
  color: #000;
}

.content-area h5 {
  font-size: 16px;
  margin: 30px 0 10px;
  font-weight: 700;
  color: #000;
}

.content-area p {
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 12px;
  color: #5d5a59;
}

.content-area ul {
  margin: 10px 0 20px 20px;
}

.content-area ul li {
  list-style: disc;
  margin-bottom: 8px;
  line-height: 1.7;
}

.content-area ol {
  margin: 10px 0 20px 20px;
}

.content-area ol li {
  margin-bottom: 8px;
  line-height: 1.7;
}

.aboutUs {
  justify-content: center !important;
  align-items: center; 
}

.sectionHead{
  display:flex;
  align-items:center;
  height:220px;

  background:linear-gradient(
    to bottom,
    #303030 15%,
    #3d3d3d 67%,
    #555555 100%
  );
}

.legal-header{
  display:flex;
  align-items:flex-start;
  margin-left:190px;
}

.legal-line{
  width:7px;
  height:105px;

  background:linear-gradient(
    to bottom,
    #eff50b,
    #cdd400
  );

  margin-right:28px;
  margin-top:8px;
}

.legal-content{
  display:flex;
  flex-direction:column;
}

.legal-subtitle{
  color:#eff50b;
  font-size:15px;
  font-weight:600;
  letter-spacing:2px;
  text-transform:uppercase;
  margin-bottom:8px;
}

.legal-divider{
  width:620px;
  height:1px;
  background:rgba(255,255,255,.28);
  margin-bottom:18px;
}

.legal-title{
  margin:0;
  font-size:72px;
  font-weight:700;
  line-height:1;
}

.legal-title .white{
  color:#fff;
}

.legal-title .gradient{

  background:linear-gradient(
    to left,
    #eff50b 0%,
    #ffffff 100%
  );

  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  color:transparent;
}

@media (max-width:768px){
 .legalContent{
  padding: 50px 20px;
 }
 .tab-header a {
  font-size: 14px;
 }
 .content-area h3 {
  font-size: 22px;
 }
 .content-area p {
  font-size: 12px;
 }
 .content-area ul, .content-area ol {
  margin: 10px 0;
 }
 .content-area ul li, .content-area ol li {
  font-size: 12px;
  color: #5d5a59;
 }
 .tab-header .tab-item.active a {
  font-size: 15px;
  border-bottom: 2px solid;
 }
  .sectionHead{
    height:170px;
  }

  .legal-header{
    margin-left:30px;
  }

  .legal-line{
    height:75px;
    margin-right:18px;
  }

  .legal-divider{
    width:220px;
  }

  .legal-title{
    font-size:42px;
  }

  .legal-subtitle{
    font-size:12px;
    letter-spacing:1px;
  }

}