@font-face {
    font-family: 'Vazir';
    src: url('font/Vazir.ttf') format('truetype'),
        url('font/Vazir.eot?#iefix') format('embedded-opentype'),
        url('font/Vazir.woff2') format('woff2'),
        url('font/Vazir.woff') format('woff');
        
    font-family: 'Vazir-Bold';
    src: url('font/Vazir-Bold.ttf'),
        url('font/Vazir-Bold.eot?#iefix') format('embedded-opentype'),
        url('font/Vazir-Bold.woff2') format('woff2'),
        url('font/Vazir-Bold.woff') format('woff');
}
body {
    font-family: 'Vazir';
}
h1, h3 ,h4, h5, h6, .btn, li a, label, .card-text {
    font-family: 'Vazir';
    text-transform: capitalize !important;
}
h2, .active {
    font-family: 'Vazir-Bold';
    text-transform: uppercase !important;
}
h3 {
    font-family: 'Vazir';
    text-transform: uppercase !important;
    margin-top: 30px;
}
h1, h2 {
    margin-bottom: 30px !important;
}
main {
    margin-top: 100px !important;
    margin-bottom: 100pX !important;
}
p {
    margin-top: 10px;
}
.card, .btn-outline {
    border: 1px solid #f8a11e;
}
h4 {
    background-color:rgb(255, 250, 235);
    border: 1px solid #f8a11e;
    padding: 10px;
    border-bottom: #fff0dc 5px solid;
    color: #666666;
    border-radius: 10px;
    margin: 10px
}
h6 {
    padding-right: 5px;
    font-weight: normal;
}
.btn-outline:hover {
    border-color: #333333
}
.card.no-border {
    border: none;
}
h2.accordion-header {
    padding: 0px !important;
    margin: 0px !important;
}
.accordion-button {
    text-align: left !important;
}