@import url(../pages/miniCard.css);
@import url(../pages/card.css);
main {
    margin-top: 8rem;
  }
  body {
    background: #f5f5f5;
  }
  
  a{
      text-decoration: none;
  }
.profile_qus-box a{
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 30px;
    color: #5108C1;
    text-decoration: none;
    cursor: context-menu;	
}
/* highlight */
.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; 
     
}

.profile-titel{
    font-weight: 700;
    font-size: 28px;
    line-height: 42px;
    text-align: right;
    color: #31293D;
    margin-bottom: 32px;
}
.profile-des{
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    text-align: right;
    color: #31293D;
}
/* pagination */
.pagination {
    display: flex;
    justify-content: center;
   margin: 32px 0;
  }
  
  .pagination a {
    color: black;
    float: center;
    padding: 8px 16px;
    text-decoration: none;
    border: 1px solid #CAAAFB;
    border-radius: 5px;
    margin: 0 10px;
  }
  .pagination .next{
    border: unset !important;
    margin: auto 0;
  }
  .pagination a.active {
    background: #5108C1;
    border-radius: 5px;
    color: white;
    padding: 8px 16px;
  }
  
  .pagination a:hover:not(.active) {
    background-color: #f5f5f5;;
    border-radius: 5px;
  }

  .profile_qus-box{
    background: linear-gradient(211deg, #E5D5FD 10.09%, rgba(229, 213, 253, 0) 77.4%);
    border-radius: 5px;
    padding: 28px;
	  margin-top:28px;
  }
.profile_qus-box p{
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    color: #31293D;
  }
  .profile-phonenumber{
    font-weight: 700;
    font-size: 16px;
    line-height: 30px;
    color: #5108C1;
  }
/* tablet */
@media  (min-width: 767px) and (max-width: 992px) {
    main {
        margin-top:6rem;
      }
}
/* mobile */
@media screen and (max-width: 767px) {

main {
    margin-top:6rem;
  }
  .profile-titel{
   
    font-size: 24px;
    line-height: 36px;
}
.profile-des{
    font-size: 14px;
    line-height: 24px;
   
}
.highlight{
    font-size: 14px;
    line-height:26px;
}
}