﻿/*login cover*/
.card-side-img {
    position: relative;
    background-image: url("/images/sign-in-cover-image.png") !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

    /* Accident & Health overlay (top-right) */
    /*.card-side-img::before {
        content: "";
        position: absolute;
        inset: 0;
        background: url("/images/AccidenHealth.png") no-repeat;
        background-size: 320px auto;
        background-position: top 40px right 40px;
        opacity: .92;
        pointer-events: none;
        z-index: 3;
    }*/

    /* Travel Insurance as a "book cover" (upper-left wood area) */
    /*.card-side-img::after {
        content: "";
        position: absolute;*/
        /* position on the wood area */
        /*top: 120px;
        left: 120px;*/
        /* book size */
        /*width: 360px;
        height: 220px;*/
        /* the cover image + book-like effects */
        /*background:*/
        /* subtle spine shadow on the left */
        /*linear-gradient(to right, rgba(0,0,0,.28) 0%, rgba(0,0,0,0) 14%),*/
        /* page-edge highlight on the right */
        /*linear-gradient(to left, rgba(255,255,255,.35) 0%, rgba(255,255,255,0) 10%),*/
        /* the actual cover image */
        /*url("/images/TravelInsurance.png") center / cover no-repeat;
        border-radius: 10px;
        border: 1px solid rgba(0,0,0,.18);*/
        /* depth */
        /*box-shadow: 0 18px 35px rgba(0,0,0,.35), 0 2px 0 rgba(255,255,255,.25) inset;*/
        /* “lying on table” feel */
        /*transform: rotate(-8deg) skewX(-2deg);
        transform-origin: left center;
        pointer-events: none;
        z-index: 2;
    }*/

/* Optional: darken for readability (keep it light since you have overlays) */
.auth-overlay {
    background: rgba(0,0,0,0.25) !important;
}


/*.card-side-img {
    position: relative;
    background-image: url("/images/login_photo_cover.jpg") !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

    .card-side-img::before {
        content: "";
        position: absolute;
        inset: 0;
        background: url("/images/AccidenHealth.png") no-repeat;
        background-size: 320px auto;
        background-position: top 40px right 40px;
        opacity: 0.9;
        pointer-events: none;
    }

    .card-side-img::after {
        content: "";
        position: absolute;
        inset: 0;
        background: url("/images/TravelInsurance.png") no-repeat;
        background-size: 300px auto;
        background-position: top 190px left 190px;*/ /* 👈 moved to wood area */
        /*opacity: 0.95;
        pointer-events: none;
    }*/

/*login cover - end*/

@font-face {
    font-family: "Phetsarath OT";
    src: url("/fonts/Phetsarath%20OT.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0E80-0EFF;
}

body {
    --ins-font-sans-serif: "Phetsarath OT", Arial, sans-serif;
    --ins-body-font-family: "Phetsarath OT", Arial, sans-serif;
    --ins-font-family-secondary: "Phetsarath OT", Arial, sans-serif;
    font-family: "Phetsarath OT", Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6,
.form-label,
.form-control,
.form-select,
.btn,
table, tr, td, th,
span, p, a, label, div {
    font-family: "Phetsarath OT", Arial, sans-serif;
}

button,
input,
select,
textarea {
    font-family: inherit;
}
