@font-face {
    font-family: "iransans";
    src: url("../fonts/iransans-font/eot/IRANSansWeb\(FaNum\).eot") format("embedded-opentype"),
        url("../fonts/iransans-font/woff/IRANSansWeb\(FaNum\).woff") format("woff"),
        url("../fonts/iransans-font/woff2/IRANSansWeb\(FaNum\).woff2") format("woff2"),
        url("../fonts/iransans-font/ttf/IRANSansWeb\(FaNum\).ttf") format("truetype");
    font-weight: normal;
}

@font-face {
    font-family: "iransans";
    src: url("../fonts/iransans-font/eot/IRANSansWeb\(FaNum\)_Bold.eot") format("embedded-opentype"),
        url("../fonts/iransans-font/woff/IRANSansWeb\(FaNum\)_Bold.woff") format("woff"),
        url("../fonts/iransans-font/ttf/IRANSansWeb\(FaNum\)_Bold.ttf") format("truetype");
    font-weight: bold;
}

@font-face {
    font-family: "iransans";
    src: url("../fonts/iransans-font/eot/IRANSansWeb\(FaNum\)_Light.eot") format("embedded-opentype"),
        url("../fonts/iransans-font/woff/IRANSansWeb\(FaNum\)_Light.woff") format("woff"),
        url("../fonts/iransans-font/ttf/IRANSansWeb\(FaNum\)_Light.ttf") format("truetype");
    font-weight: 300;
}

@font-face {
    font-family: "iransans";
    src: url("../fonts/iransans-font/eot/IRANSansWeb\(FaNum\)_Medium.eot") format("embedded-opentype"),
        url("../fonts/iransans-font/woff/IRANSansWeb\(FaNum\)_Medium.woff") format("woff"),
        url("../fonts/iransans-font/ttf/IRANSansWeb\(FaNum\)_Medium.ttf") format("truetype");
    font-weight: 500;
}

@font-face {
    font-family: "iransans";
    src: url("../fonts/iransans-font/eot/IRANSansWeb\(FaNum\)_UltraLight.eot") format("embedded-opentype"),
        url("../fonts/iransans-font/woff/IRANSansWeb\(FaNum\)_UltraLight.woff") format("woff"),
        url("../fonts/iransans-font/ttf/IRANSansWeb\(FaNum\)_UltraLight.ttf") format("truetype");
    font-weight: 100;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
    /* -webkit-user-select: none;
    user-select: none; */
    font-family: "iransans", tahoma, Arial, sans-serif !important;
}

body, input, select, textarea, button {
    font-family: "iransans", "Vazirmatn", tahoma, Arial, sans-serif !important;
    direction: rtl;
    /* background: linear-gradient(120deg, #f9fbfd 0%, #eff7fb 100%); */
    color: #195b78;
    margin: 0;
    padding: 0;
    background-color: #f4f7f6;

}



a {
    text-decoration: none;
}

ul {
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}

.landing-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 12px;
    min-height: 70vh;
    margin: 30px auto;
    max-width: 800px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    padding: 20px;
    border-radius: 20px;
    background-color: #fff;

}



.landing-box {
    width: 220px;
    height: 185px;
    background: linear-gradient(135deg, #8c43ab 0%, #e3f3fa 80%);
    border-radius: 18px;
    box-shadow: 0 9px 34px rgb(216, 154, 154);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    color: #226f9c;
    font-weight: bold;
    border: 2px solid #8c43ab;
    position: relative;
    transition: all .5s linear;
    font-family: "iransans", "Vazirmatn", tahoma, Arial, sans-serif;
}

.landing-box i {
    font-size: 53px;
    margin-bottom: 17px;
    color: #1da0f2;
}

.landing-container p.description {
    font-size: .9rem !important;
    color: #333;
}

.landing-container p.red {
    font-size: .9rem !important;
    color: red;
    font-weight: 400;
}

.landing-box:hover {
    background: linear-gradient(120deg, #e3f3fa 0%, #8c43ab 100%);
    box-shadow: 0 20px 60px #49bdf646;
}

.internal-navbar {
    width: 100%;
    direction: rtl;
    background: linear-gradient(90deg, #e3f1fa 0, #d1e6fa 100%);
    box-shadow: 0 3px 18px #a9d8ef22;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .6em 0;
    margin-bottom: 18px;
    border-radius: 0 0 16px 16px;
    gap: 12px;
}

.internal-navbar a {
    color: #156b98;
    font-weight: bold;
    font-size: 1rem;
    padding: 8px 16px;
    margin: 0 8px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 9px;
    transition: .13s;
}

.internal-navbar a:hover, .internal-navbar a.active {
    background: #d7edfe;
    color: #0d679b;
    box-shadow: 0 2px 16px #94e3f48a inset;
}

.patient-info-list li, .visit-box div {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}

.patient-info-list i,
.visit-box i {
    font-size: 1.15em;
    margin-left: 7px;
    color: #47a2c4;
}

/* Visit box */
.visit-box {
    background: linear-gradient(95deg, #def5fa 0, #f1f9fd 100%);
    border: 1.6px solid #b2eaff;
    box-shadow: 0 5px 25px #a5eaff29;
    border-radius: 14px;
    margin-bottom: 17px;
    padding: 19px 19px 11px 19px;
}

.visit-box .visit-actions {
    margin-top: 12px;
    text-align: left;
}

/* نسبت به نمایشگر */
@media(max-width:900px) {
    .landing-container {
        gap: 12px;
    }

    .landing-box {
        width: 145px;
        height: 120px;
        font-size: .85rem;
    }

    .landing-box i {
        font-size: 35px;
    }

    .landing-container p.description {
        font-size: .5rem;
    }
}

@media(max-width:650px) {
    .internal-navbar {
        flex-direction: column;
        padding: 9px 0;
    }

    /* .landing-container p.description {
        display: none;
    } */

    .internal-navbar a {
        margin: 2px 0;
        font-size: 14px;
    }
}

@media(max-width:500px) {
    .landing-container {
        gap: 6px;
    }

    .landing-box {
        width: 95vw;
        max-width: 295px;
        height: 95px;
        font-size: .77rem;
    }

    .landing-box i {
        font-size: 23px;
    }



}