.gradient-text{
  background: linear-gradient(90deg, #034ea1 0%, #00b7ac 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-align: center;
  width: min-content;
  white-space: nowrap;
  margin: 0 auto ;
}
.section-title{
  font-size: 36px;
  font-weight: 700;
  line-height: 44px;
}
.section-padding{
  padding: 40px 0;
}
.dpdp-documents{
  background: url(../../images/life-gl-left-bg.png) 0 20% no-repeat,url(../../images/life-gl-right-bg.png) 100% 20% no-repeat #00b7ac;
  padding: 60px 0;
  background-repeat: no-repeat;
  align-content: center
}
.dpdp-contents a{
  display: block;
  margin-block: 10px;
  padding: 12px 20px;
  background: #f0f7ff;
  color: #034ea1;
  text-decoration: none;
  border-radius: 6px;
  border-left: 4px solid #00b7ac;
  transition: all .3s ease;
  font-weight: 500;
}
.dpdp-contents a:hover{
  background: #034ea1;
  color: #fff;
  border-left-color: #034ea1
}
.dpdp-contents{
  padding: 40px;
  border-radius: 5px;
  background: #fff;
}
@media (max-width:991px){
  .gradient-text{
    width: unset;
    white-space: unset;
    font-size: 24px;
  }
}
@media (max-width:767px){
  .dpdp-contents{
    padding: 10px;
  }
  .dpdp-contents a{
    font-size: 14px;
  }
  .dpdp-documents{
    padding: 30px 0;
  }
  .section-padding{
    padding: 20px 0;
  }
  .section-title{
    line-height: 35px;
  }
  
}