@font-face 
    {
        font-family:Vazir;
        font-style:normal;
        font-weight:bold;
        font-display:swap;
        src:url('../fonts/Vazir-Bold.ttf') format('truetype');
    }
@font-face
    {
        font-family:Vazir;
        font-style:normal;
        font-weight:300;
        font-display:swap;
        src:url('../fonts/Vazir-Light.ttf') format('truetype');
    }
body
    {
        font-family:vazir;
        background: url('../img/bg-surin-1.jpg') no-repeat fixed center; 
        background-size: cover;color: #fff;
    }
.main
    {
        width: 50%;
        font-family: Vazir;
        color: #fff;
        float: left;
        margin-top: 100px;
        margin-left: 180px;
    }
.main strong
    {
        font-size: 29px;
        background: #2c57a2a3;
        padding: 15px;
        border-radius: 45px;
    }
.main p
    {
        width: 80%;
        text-align: justify;
        direction: rtl;}
.main span
    {
        float: left;
        margin-left: 70px;
        margin-top: 60px;
        font-size: 13px;
        text-align: left;}
.ibg
    {
        margin-top: 15px;
        overflow: hidden;
        width: 100%;
        height: auto;
        padding: 25px;
    }
.ibg a
    {
        background: #1c4380;
        padding: 15px;
        border: 2px solid #fff;
        border-radius: 55px;
        text-decoration: none;
        color: #fff;
        font-weight: bold;
        float: left;
        margin-left: 35px;
    }
.ibg a:hover
    {
        background: #ffff;
        color:#1c4380;
    }
.main span b
    {
        color: #01fdfe;
    }