@font-face {
  font-family: custommembercard;
  src: url(framd.ttf);
}
.fw-bold{
	font-weight: bold;
}

.card-holder{
	width: 100%!important;
	max-width: 550px!important;
	margin: auto!important;
}
.card{
	width: 100%!important;
	justify-content: center!important;
	display: flex!important;
	flex-direction: row!important;
	flex-wrap: wrap!important;
	
}

.card .brand{
	flex: 100%!important;
	padding-bottom: 0!important;
	margin: auto!important;
	text-align: center!important;
}
.card .brand .brand-logo{
	width: 50%!important;
}



.card-footer{
	flex: 100%!important;
}
.card-image {
    padding-top:5px;
    text-align:right;
}
.card-image .profile-img{
	flex: 50%!important;
	width: 100px!important;
	max-width: 250px!important;
	height: auto!important;
}


.card_holderone .card {
    width: 100%!important;
}
.custom_id_card_details {
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    margin-top: 100px;
}
.card_holderone .card  .card-image img{
	width: 115px;
    height: 115px;
    
    
}

.card_holderone .card .your_nm{
    
    color: #21201D;
    font-family:custommembercard;
    font-size: 16px;
    font-weight:400;
}

.card_holderone .card .your_nm span{
      width: 40%;
    float: left;
    letter-spacing: 1px;
    word-spacing: 1px;
}

.card_holderone .card .your_nm address{
    width: 60%;
    float: right;
    
    letter-spacing: 1px;
    word-spacing: 1px;
    line-break: anywhere;
}
 @media (max-width: 414px){
     .card_holderone .card .your_nm span {
         width:50%!important;
     }
     .card_holderone .card .your_nm address {
         width:50%!important;
     }
     
}