@font-face {
    font-family: 'iransans';
    src: url('/assets/fonts/iransens/IRANSans.ttf') format('truetype');
}

@font-face {
    font-family: 'iransansblack';
    src: url('/assets/fonts/iransens/IRANSans_Black.ttf') format('truetype');
}

@font-face {
    font-family: 'titr_y_black';
    src: url('/assets/fonts/iranyekan/Qs_Iranyekan_black.ttf') format('truetype');
}

@font-face {
    font-family: 'qsyekan';
    src: url('/assets/fonts/iranyekan/Qs_Iranyekan.ttf') format('truetype');
}

@font-face {
    font-family: 'homa';
    src: url('/assets/fonts/BHoma.ttf') format('truetype');
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    margin: 0;
    padding: 0;
    height: auto;
}

body {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    position: relative;
    padding-top: 60px;
    font-family: iransans;
    font-size: 14px;
    width:100%;
    height:auto;
}

.navbar-toggler:focus .navbar-toggler-icon {
    filter: brightness(1.3);
}

.sidebar {
    position: fixed;
    right: 0;
    top: 0;
    width: 250px;
    height: 100%;
    padding: 20px;
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
    z-index: 1000;
}

    .sidebar.open {
        transform: translateX(0);
    }

.close-btn {
    background: none;
    border: none;
    color: white;
    font-size: 24px;
    float: left;
}

.mza-font-main{
    font-family:iransans;
}

.mza-font-bold {
    font-family: iransansblack;
}
.mza-font-titr-black {
    font-family: titr_y_black;
}

.mza-font-yekan {
    font-family: qsyekan;
}

.mza-font-homa {
    font-family: homa;
}

.mza-fs-10 {
    font-size: 10px;
}

.mza-fs-11 {
    font-size: 11px;
}

.mza-fs-12 {
    font-size: 12px;
}

.mza-fs-13{
    font-size:13px;
}

:root {
    --shadow-color1: rgba(50, 50, 93, 0.25);
    --shadow-color2: rgba(0, 0, 0, 0.3);
    --shadow-color3: rgba(10, 37, 64, 0.35);
}

html[data-bs-theme="dark"] {
    --shadow-color1: rgba(200, 200, 255, 0.3);
    --shadow-color2: rgba(100, 100, 150, 0.4);
    --shadow-color3: rgba(50, 70, 100, 0.5);
}

.shadow-dynamic {
    box-shadow: var(--shadow-color1) 0px 50px 100px -20px, var(--shadow-color2) 0px 30px 60px -30px, var(--shadow-color3) 0px -2px 6px 0px inset;
}