.quat-block{
  display: flex;
}
.quat-block .first-col{
  background-color: #e5f3fb;
  color: var(--primary-color);
  margin-bottom: unset;
  padding: 40px 20px 0 150px;
  font-size: 24px;
  text-align: left;
}
.quat-block .second-col{
  color: #003869;
  min-height: 200px;

  padding: 40px 240px 30px 60px;
}
.quat-block .second-col a:is(#morelink, #lesslink):hover{
  color: var(--hover-color);
}
.quat-block .second-col a:is(#morelink, #lesslink){
  color: var(--primary-color);
  font-weight: bold;
  font-size: 18px;
  cursor: pointer;
}
@media (max-width: 991.98px){
  .quat-block{
    flex-direction: column;
  }
  .quat-block > *:is(h2, div){
    width: 100%;
  }
  .quat-block .first-col{
    padding: 40px 0 20px;
    text-align: center;
  }
  .quat-block .second-col{
    padding: 40px;
  }
}