.ecard-variant-blue{background-color:#dae9fb;background-image:url('../../../../../content/dam/elise/user-images/Left%20Pattern.png');background-repeat:no-repeat;background-position:right bottom;background-size:auto}
.ecard-variant-pink{background-color:#fbe6ef;background-image:url('../../../../../content/dam/elise/user-images/Left%20Pattern.png');background-repeat:no-repeat;background-position:right bottom;background-size:auto}
.ecard-variant-lightbeige{background-color:#fef9f0;background-image:url('../../../../../content/dam/elise/user-images/Left%20Pattern.png');background-repeat:no-repeat;background-position:right bottom;background-size:auto}
.ecard-container-grid{max-width:1224px;margin:20px auto 0 auto;padding:24px 20px;background:#f7f7f7;border:1px solid #eae8e9;border-radius:8px;box-sizing:border-box;font-family:'Open Sans',sans-serif;color:#222;margin-bottom:30px}
.ecard-title{font-size:18px;font-weight:700;margin-bottom:12px;color:#343435}
.ecard-nric{padding-right:80px}
.line{width:100%;border:0;border-top:1px solid #eae8e9;margin:12px 0 24px 0}
.ecard-front-back{display:flex;gap:32px}
.ecard-box{flex:1;display:flex;flex-direction:column;gap:12px}
.ecard-section-title{font-weight:700;font-size:16px;color:#343435;margin-bottom:15px}
.ecard-front{margin-right:-30px;position:relative;border-radius:12px;border:1px solid #eae8e9;padding:20px;min-height:220px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;border:1px solid #323232}
.ecard-front-frame{display:flex;gap:16px;align-items:flex-start;width:100%}
.ecard-title-text{color:#005baa;font-size:20px;font-weight:700;line-height:24px}
.ecard-photo img{width:119px;height:177px;border-radius:1px 4px;border:1px solid #eae8e9;object-fit:cover}
.ecard-details{margin-right:45px;flex:1;font-size:16px;line-height:22px;color:#58595b}
.licence-title{margin:0 0 10px 0;font-size:20px;color:#005baa;line-height:24px;font-weight:700 position:relative;top:0;left:0}
.ecard-details p{margin:6px 0}
.ecard-logo{position:absolute;top:20px;right:20px;width:80px;height:60px;background-color:inherite;padding:8px;border-radius:8px}
.ecard-logo img{height:60px;object-fit:contain;width:80px;position:absolute;top:-6px}
.ecard-back{margin-left:15px;flex-direction:row;gap:16px;align-items:flex-start}
.ecard-text{flex:1;font-size:14px;color:#58595b;margin:0}
.ecard-details p{display:flex;gap:8px;margin:5px 0;color:#343435}
.ecard-details p .licence-no{padding-left:17px}
.ecard-details p .serial-no{padding-left:30px}
ul{margin-left:-12px}
.ecard-details p{display:flex;align-items:flex-start;gap:16px;margin:6px 0;color:#58595b}
.ecard-details p>span{flex:1;color:#58595b;word-break:break-word;min-width:0;margin-left:5px}
.ecard-details p .status{margin-left:64px;color:#46b946;font-weight:bold;font-family:'Montserrat-bold','Open Sans',sans-serif}
.ecard-details p .licence-no{padding-left:22px}
.ecard-details p .serial-no{padding-left:37px}
.ecard-details p .validity-period{margin-left:4px}
.ecard-details p .auth-to{padding-left:2px}
@media(max-width:767px){.ecard-front-back{flex-direction:column;gap:24px}
.ecard-front{margin-right:-2px;padding:16px;border-radius:12px;min-height:auto;flex-direction:column;align-items:flex-start;gap:12px;background-size:cover;position:relative;background-repeat:no-repeat;background-position:right bottom;background-size:auto}
.ecard-front-frame{flex-direction:column;align-items:flex-start;width:100%;gap:12px;position:relative}
.ecard-photo{width:80px;height:104px;flex-shrink:0}
.ecard-photo img{width:84px;height:125px;object-fit:cover;border-radius:4px;position:relative;top:-10px;margin-left:64px}
.ecard-details{margin:0;font-size:14px;line-height:1.5;width:100%}
.licence-title{font-size:16px;font-weight:700;margin-bottom:6px;word-break:break-word;position:relative;top:0;left:0}
.ecard-logo{position:absolute;top:0;right:0;width:48px;height:auto}
.ecard-logo img{position:absolute;margin-left:-32px;height:80px;width:60px}
.ecard-back{flex-direction:column;gap:12px;padding-right:16px}
.ecard-text{font-size:14px;line-height:1.5;padding-right:5px;color:#444}
.ecard-details p{font-size:14px;min-width:110px}
.ecard-details p span{padding-left:16px;font-size:14px;padding-top:24px;margin-left:-113px}
.ecard-details p .licence-no{padding-left:21px}
.ecard-details p .serial-no{padding-left:33px}
.ecard-details p .status{color:#46b946;margin-left:-75px;font-weight:bold;font-family:'Montserrat-bold','Open Sans',sans-serif}
.ecard-details p .validity-period{margin-left:-130px}
.ecard-details p .auth-to{padding-left:2px}
.title{margin-left:0;margin-right:28px}
}