* {
    padding: 0;
    margin: 0;
    border: 0;
    box-sizing: border-box;
}



@font-face {
    font-family: "iransans";
    src: url(fonts/IRANSansWeb.ttf) format("ttf"), url(fonts/IRANSansWeb.woff) format("woff");
}

.container {
    width: 77.5%;
    margin: 0 auto;
}

.container2 {
    width: 75.55%;
    margin: 0 auto;
}

.veblag {
    display: flex;
    margin-top: 3.66%;
    background: #fafafa;
    padding: 3px 5px;
    border: 1px solid #ea165b;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

    .veblag li {
        display: flex;
        list-style-type: none;
        float: right;
        font-size: 17px;
        margin: 5px 0px;
        text-align: center;
        direction: rtl;
        padding-left: 3px;
        color: #111;
        ;
    }

        .veblag li a {
            text-decoration: none;
            color: #111;
            ;
            font-weight: 100;
        }

    .veblag ul {
        display: flex;
    }

.onvan {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}

    .onvan span {
        font-weight: 400;
        line-height: 27px;
        border-radius: 20px;
        padding: 5px 22px;
        position: relative;
        color: #fff;
        background: #072040;
        font-size: 22px;
        line-height: 39px;
        letter-spacing: 0;
        display: inline-block;
    }

.right-img {
    margin: 2px auto;
    border-radius: 10px;
}

    .right-img img {
        margin: 15px auto;
        border-radius: 10px;
        display: block;
    }

.right-img-matn li {
    font-size: 18.66px;
    list-style-type: none;
    line-height: 32px;
}

.right-img-matn {
    background: #fafafa;
    border: 1px solid #f4f4f4;
    padding: 5px;
    margin-left: 6%;
}

.right-img-matn-moshakhasat {
    margin: 20px 0;
    font-size: 24px;
}

.right-matnha {
    margin-top: 16px;
    margin-right: 7%;
}

    .right-matnha li {
        font-size: 18px;
        line-height: 32px;
    }

.moshakhasat li {
    font-size: 18px;
    line-height: 32px;
    margin-right: 2.22%;
}

.main_title2 .h24 {
    position: relative;
    text-align: center;
    padding: 1px 0 9px;
    font-size: 19px;
    width: 17rem;
    padding: 15px 0;
    color: #000;
    margin-bottom: 10px;
    border-radius: 35px;
    background-color: rgba(94, 94, 94, 0.3);
    margin-top: 10px;
}

.mohtaviyat {
    display: flex;
    justify-content: space-between;
}


.left-aks-mohtava {
    position: relative;
    margin-top: 19px;
}

    .left-aks-mohtava a img {
        width: 78px;
        height: 44px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }

    .left-aks-mohtava a span {
        position: absolute;
        top: 1px;
        font-size: 17px;
        color: #000;
        right: 31%;
    }

.dovomin {
    margin-top: 16px;
}
.khate_zireheader {
    width: 100%;
    box-shadow: 0 66px 10px rgba(138, 43, 226, 0.5);
    background-color: #ddd;
    height: 2px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
}
form {
    margin-top: 44px;
}

.nazareh_khodra_bayan_konid_nazar {
    display: table;
    margin: 0 auto;
    color: #bb1919;
    font-weight: 700;
    font-size: 22px;
}

.stars {
    color: red;
}

.form-control {
    display: block;
    width: 555px;
    height: 44px;
    padding: 9px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    margin-bottom: 7px;
    color: #000;
    border-color: #d9d9d9;
    background-color: #f7f7f7;
    border: 1px solid #d9d9d9;
    margin-top: 12px;
    font-size: 18px;
}

.kelase_do_input {
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
}

.form_textarea {
    width: 89.20%;
    border-color: #d9d9d9;
    background-color: #f7f7f7;
    border: 1px solid #d9d9d9;
    font-size: 18px;
    margin-right: 5.44%;
}

.name_textarea {
    margin-top: 5px;
}

.ersal {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 12px;
}

    .ersal input {
        cursor: pointer;
        border-radius:8px;
        color: #fff;
        font-size: 21px;
        border: 1px solid #0b8900 !important;
        width: 89.40%;
        padding: 12px 35px;
        background: #0b8900;
        border-color: #d9d9d9;
    }

        .ersal input:hover {
            background: #212121;
            color: #fff;
        }

.nazarate_karbaran {
    display: table;
    margin: 0 auto;
    color: #bb1919;
    font-weight: 700;
    font-size: 22px;
    margin-top: 48px;
}

.nazarat {
    color: red;
    font-size: 18px;
    margin-top: 46px;
}
.teaxtarea_tozih{
    margin-right:5.55% !important;
}

@media only screen and (max-width:700px) {
    .container2 {
        width: 95%;
        margin: 0 auto;
    }

    .veblag {
        display: flex;
        margin-top: 3.66%;
        background: #fafafa;
        padding: 3px 5px;
        border: 1px solid #ea165b;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        width: 103%;
       /* margin: 0 auto;*/
    }



        .veblag li {
            display: flex;
            list-style-type: none;
            float: right;
            font-size: 17px;
            margin: 5px 0px;
            text-align: center;
            direction: rtl;
            padding-left: 3px;
            color: #111;
            ;
        }

            .veblag li a {
                text-decoration: none;
                color: #111;
                ;
                font-weight: 100;
            }

    .right-img {
        margin: 2px auto;
        border-radius: 10px;
    }

        .right-img img {
           /* margin: 0 auto;*/
            border-radius: 10px;
            display: block;
            width: 103%;
           /* margin-right: -2%;*/
        }

    .mohtaviyat {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .main_title2 .h24 {
        position: relative;
        text-align: center;
        padding: 1px 0 9px;
        font-size: 19px;
        width: 267%;
        padding: 15px 0;
        color: #000;
        margin-bottom: 10px;
        border-radius: 35px;
        background-color: rgba(94, 94, 94, 0.3);
        margin-top: 10px;
    }

    .left-aks-mohtava {
        position: relative;
        margin-top: 19px;
    }

        .left-aks-mohtava a img {
            width: 120%;
            height: 5em;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px;
        }


        .left-aks-mohtava a span {
            margin-right: 100%;
            width: 200px;
        }

    form {
        display: flex;
        flex-direction: column;
    }

    .kelase_do_input {
        display: flex;
        flex-direction: column;
        margin-left: 55%;
    }

    .form-control {
        display: block;
        /* margin-left: 55%; */
        width: 216%;
        height: 44px;
        padding: 9px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        margin-bottom: 7px;
        color: #000;
        border-color: #d9d9d9;
        background-color: #f7f7f7;
        border: 1px solid #d9d9d9;
        margin-top: 12px;
        font-size: 18px;
    }

    .kelase_do_input {
        display: flex;
        gap: 5px;
        align-items: center;
        justify-content: center;
        margin-top: 50px;
    }

    .form_textarea {
        width: 98%;
        border-color: #d9d9d9;
        background-color: #f7f7f7;
        border: 1px solid #d9d9d9;
        font-size: 18px;
    }

    .name_textarea {
        margin-top: 5px;
        margin-right: 1px;
    }

    .ersal {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 12px;
    }

        .ersal input {
            cursor: pointer;
            border-radius: 8px;
            color: #fff;
            font-size: 21px;
            border: 1px solid #0b8900 !important;
            width: 100%;
            padding: 12px 35px;
            background: #0b8900;
            border-color: #d9d9d9;
        }
 
}