main {

  background: var(--surface);

  border-radius: 32px 32px 0 0;

  margin-top: -60px;

  position: relative;

  z-index: 2;

  padding-top: 40px;

}



.service-card {

    background:

    linear-gradient(

      135deg,

      var(--surface) 0%,

      var(--surface) 49%,



      var(--accent) 49%,

      var(--accent) 53%,



      var(--background) 53%,

      var(--background) 100%

    );

  border-radius: 24px;

  padding: 32px;

  margin-bottom: 40px;

  box-shadow: 0 12px 32px rgba(0,0,0,.08);

}



.service-header{

    text-align: center;

}

.service-content{

    display: flex;

    align-items: center;

}



.service-left{

    width: 55%;

}



.service-left h4{

    text-align: center;

    padding-right: 30%;

}



.service-right{

    width:45%;

    flex:end;


}

.service-right h5{
    text-align: center;
}
.service-right p{

    margin-top:8px;

    font-size: 1.1rem;

    text-align: center;

}

.service-right img{
    width: 50px;
    height: auto;
}