@import url(../pages/card.css);
@import url(../pages/customersCard.css);
@import url(../pages/miniCard.css);
@import url(../pages/modal.css);
.br5 {    border-radius: 5px;
        margin-bottom: 10px;
}
main {
  margin-top: 8rem;
}
body {
  background: #f5f5f5;
}

a{
    text-decoration: none;
}

/* about */
.about_member-titel{
    font-weight: 700;
    font-size: 28px;
    line-height: 42px;
    text-align: right;
    color: #31293D;
}
.about_member-des{
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    text-align: right;
    color: #31293D;
}
.highlight-container, .highlight {
    position: relative;
    }
    
.highlight-container {
    display: inline-block;
    text-align: center;
    margin-bottom: 32px ;
    }
.highlight-container:before {
    content: " ";
    display: block;
    height: 90%;
    width: 100%;
    margin-left: -3px;
    margin-right: -3px;
    position: absolute;
    background: #FEF1D2;
    transform: rotate(-2deg);
    top: -1px;
    left: 4px;
    border-radius: 18px;
    padding: 10px 3px 3px 10px;
    }
.highlight{
    font-weight: 700;
    font-size: 16px;
    line-height:30px;
    text-align: right;
    color: #31293D; 
     
}
/* card member */
.about_member-titelmember{
    font-weight: 700;
    font-size: 20px;
    line-height: 36px;
    text-align: right;
    color: #31293D;
    margin-bottom: 32px;
}

.about_company-btn{
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    background: #5108C1;
    border-radius: 5px;
    text-decoration: none;
    padding: 10px;
    justify-content: center;
}
.about_company-btn:hover{
    color: #FFFFFF;
    background: linear-gradient(180deg, #5108C1 0%, rgba(81, 8, 193, 0.61) 100%);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
}
.about_list li{
display: flex;
}
.about_list-number p{
   width: 20px;
   height: 20px;
   padding-top: 2px;
    border-radius: 100%;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #5108C1;
    background: linear-gradient(211deg, #E5D5FD 10.09%, rgba(229, 213, 253, 0) 77.4%);
    margin-left: 7px ;
    margin-top: 5px;
    
}
.about_list  {
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    text-align: right;
    color: #696076;
	    margin-top: 13px;
}
/* tablet */
@media  (min-width: 767px) and (max-width: 992px) {
    main {
        margin-top:6rem;
      }
      .about_list-number{
        margin-top: 3px;
     }
}
/* mobile */
@media screen and (max-width: 767px) {
.about_member-titel{
    font-size: 24px;
}
.about_member-des{
    font-size: 14px;
    line-height: 24px;
}
main {
    margin-top:6rem;
  }
  .highlight {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
}  
.about_list li {
    font-weight: 400;
    font-size: 14px;
}
.home_cardExamples{
	margin-top:40px;
}
}
.home_cardExamples{
	margin-top:35px;
}