* {
    font-family: IRANSans !important;
}

p {
    margin: 0;
}

b{
    color: var(--dark_blue);
}

body {
    overflow-x: hidden;
}

.section {
    margin: -8rem 0rem;
    clip-path: polygon(0% 0%, 100% 8rem, 100% 100%, 0% calc(100% - 8rem));
}

.button {
    padding: .75rem 2rem;
    font-size: .875rem;
    text-decoration: none;
    border-radius: .5rem;
    background-color: var(--light_blue);
    box-shadow: var(--box_shadow_normal);
    margin: .5rem;
    transition: .3s;
    color: var(--dark_blue);
    cursor: pointer;
    fill: var(--dark_blue);
    border: 1px solid transparent;
    white-space: nowrap;
}

.button img {
    width: 32px;
    margin-left: .5rem;
}
.button svg {
    width: 1.25rem;
    margin-left: .75rem;
}

.button:hover {
    background-color: var(--dark_blue);
    color: var(--light_blue);
    fill: var(--light_blue);
    border: 1px solid transparent
}
.button_blue {
    padding: .5rem 2rem;
    font-size: .875rem;
    text-decoration: none;
    background-color: var(--blue);
    color: var(--white);
    margin: .5rem;
    box-shadow: var(--box_shadow_normal);
    transition: .3s;
    cursor: pointer;
    fill: var(--white);
}

.outline_button {
    border: 1px solid var(--dark_blue);
    color: var(--dark_blue);
    padding: .5rem 2rem;
    font-size: .875rem;
    text-decoration: none;
    background-color: transparent;
    box-shadow: var(--box_shadow_normal);
    margin: .5rem;
    transition: .3s;
    cursor: pointer;
}

.web_button {
    margin-right: .5rem;
    background: var(--white_half_opacity);
    color: var(--dark_blue);
    border: 1px solid var(--white);
    box-shadow: var(--box_shadow_normal);
    cursor: pointer;
}

.submit_button {
    padding: .5rem 4rem;
    margin: 0;
    color: var(--white);
    background: var(--dark_blue);
    box-shadow: var(--box_shadow_normal);
    cursor: pointer;
}