@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@font-face {
    font-family: "Jameel Urdu";
    /* src: url("fonts/Aayat Quraan 12 Regular/Aayat Quraan 12 Regular.ttf"); */
    /* src: url("fonts/Aayat\ Quraan\ 28\ Regular/Aayat\ Quraan\ 28\ Regular.ttf"); */
    /* src: url("fonts/Aayat Quraan 30 Regular/Aayat Quraan 30 Regular.ttf"); */
    /* src: url("fonts/Noto_Nastaliq_Urdu/NotoNastaliqUrdu-VariableFont_wght.ttf"); */
    src: url("../assets/fonts/Jameel Noori Nastaleeq Regular/Jameel Noori Nastaleeq Regular.ttf");
}
@font-face {
    font-family: "Noto Urdu";
    src: url("../assets/fonts/Noto_Nastaliq_Urdu/NotoNastaliqUrdu-VariableFont_wght.ttf");
    /* src: url("fonts/Jameel Noori Nastaleeq Regular/Jameel Noori Nastaleeq Regular.ttf"); */
}


:root {
    --urdu-font: "Jameel Urdu", "Noto Urdu";
    --english-font: "Poppins", sans-serif;
    /* --primary-color: #FF9822; */
    --primary-color: #F7F4F2;
    --secondary-color: #5D2B00;
}

* {
    /* font-family: "Noto Urdu";
    font-family: "Jameel Urdu"; */
    font-family: var(--urdu-font);
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.eng * {
    font-family: var(--english-font);
}
.eng {
    font-family: var(--english-font);
    /* font-size: 14px; */
    font-size: 1em;
    direction: ltr !important;
    /* font-size: 1.1rem !important; */
}

.urdu  {
    font-family: var(--urdu-font);
    /* font-size: 20px; */
    font-size: 1.45em;
    direction: rtl;
    /* font-size: 1.7rem !important; */
}


input[type=number] {
    -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


ul, h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0;
}

table {
    margin: 0;
    padding: 0;
}


._btn {
    background-color: var(--secondary-color);
    color: var(--primary-color);
    font-size: 20px;
    padding: 4px 10px;
    border-radius: 5px;
    outline: none;
    text-decoration: none;
    border: 1px solid var(--secondary-color);
    transition: .2s;
    display: block;
}

._btn:hover {
    background-color: var(--primary-color);
    color: var(--secondary-color);
}