:root {
    --card-color-1: #0a58ca;
    --card-color-2: #9ca3af;
    --card-bg-color: #1f2937;
}
.card_color1 {
    color: var(--card-color-1) !important;
}
.template3 .card_heading, #brand_name {
    color: var(--card-color-1);
}
.card_heading{
    border-bottom: 2px solid var(--card-color-1);
}
.template3 .profile_pic{
    border: 1px solid var(--card-color-1);
}
.template3 {
    width: 336px;
    height: 204px;
    border: 2px solid var(--card-color-1);
    border-radius: 12px; /* matches standard rounded corners */
}


.template3 .card-label {
    /* color: #9ca3af; */
    font-size: 0.6rem;
    font-weight: 500;
}
.template3 .card-text {
    /* color: #e5e7eb; */
    font-size: 0.7rem;
    font-weight: 600;
    line-height: 1.2;
}
.template3 .profile-pic-container {
    position: absolute;
    top: 0rem;
    right: 0.5rem;
}
.template3 .address-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* Limit to 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.one-line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    /* Limit to 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#template2 {
    /* aspect-ratio: 9 / 16; */
    width: 200px;
    height: 356px; /* maintains 9:16 ratio */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}