/* CSS Document */
@charset "UTF-8";

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    src: url("./fonts/eot/IRANSansWeb_Bold.eot");
    src: url("./fonts/eot/IRANSansWeb_Bold.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-8 */ url("./fonts/woff2/IRANSansWeb_Bold.woff2") format("woff2"),
        /* FF39+,Chrome36+, Opera24+*/ url("./fonts/woff/IRANSansWeb_Bold.woff")
            format("woff"),
        /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
            url("./fonts/ttf/IRANSansWeb_Bold.ttf") format("truetype");
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    src: url("./fonts/eot/IRANSansWeb_Medium.eot");
    src: url("./fonts/eot/IRANSansWeb_Medium.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-8 */ url("./fonts/woff2/IRANSansWeb_Medium.woff2")
            format("woff2"),
        /* FF39+,Chrome36+, Opera24+*/
            url("./fonts/woff/IRANSansWeb_Medium.woff") format("woff"),
        /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
            url("./fonts/ttf/IRANSansWeb_Medium.ttf") format("truetype");
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 300;
    src: url("./fonts/eot/IRANSansWeb_Light.eot");
    src: url("./fonts/eot/IRANSansWeb_Light.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-8 */ url("./fonts/woff2/IRANSansWeb_Light.woff2") format("woff2"),
        /* FF39+,Chrome36+, Opera24+*/
            url("./fonts/woff/IRANSansWeb_Light.woff") format("woff"),
        /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
            url("./fonts/ttf/IRANSansWeb_Light.ttf") format("truetype");
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 200;
    src: url("./fonts/eot/IRANSansWeb_UltraLight.eot");
    src: url("./fonts/eot/IRANSansWeb_UltraLight.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-8 */ url("./fonts/woff2/IRANSansWeb_UltraLight.woff2")
            format("woff2"),
        /* FF39+,Chrome36+, Opera24+*/
            url("./fonts/woff/IRANSansWeb_UltraLight.woff") format("woff"),
        /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
            url("./fonts/ttf/IRANSansWeb_UltraLight.ttf") format("truetype");
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url("./fonts/eot/IRANSansWeb.eot");
    src: url("./fonts/eot/IRANSansWeb.eot?#iefix") format("embedded-opentype"),
        /* IE6-8 */ url("./fonts/woff2/IRANSansWeb.woff2") format("woff2"),
        /* FF39+,Chrome36+, Opera24+*/ url("./fonts/woff/IRANSansWeb.woff")
            format("woff"),
        /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url("./fonts/ttf/IRANSansWeb.ttf")
            format("truetype");
}

body {
    direction: rtl;
   font-family: IRANSans;
}

/* h1 {
    font-size: 25px;
    text-align: center;
    background-color: #06711c;
    padding: 10px 0;
    line-height: 20px;
    border-radius: 10px;
    margin: 20px 0;
    color: #fff;
    padding-bottom: 20px;
}

h2 {
    font-size: 22px;
    background-color: #013e80;
    width: 166px;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    color: #fff;
    padding-bottom: 20px;
}

h3 {
    font-size: 25px;
    background-color: brown;
    width: 100%;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    color: #fff;
    margin: 50px 0;
    padding-bottom: 20px;
} */

h1 {
	text-align: center;
background: #3d46d2;
border: 2px solid #000;
border-radius: 5px;
padding: 15px 0;
margin: 20px 0;
color: #fff;
}

.btn-block {
    display: block;
    width: 54%;
    margin: 0 auto;
}

#btn-question {
	border-radius: 5px;
	background: #3d46d2;
	color: #fff;
	padding: 10px 9px;
	text-align: center !important;
	font-size: 20px;

}

#btn-question2 {
	border-radius: 5px;
	background: #86320a;
	color: #fff;
	padding: 10px 9px;
	text-align: center !important;
	font-size: 20px;
	margin-bottom: 20px;
	display: block;
}
#btn-question p, #btn-question2 p {
	margin:0;
}

.social {
    display: flex;
    justify-content: space-around;
    margin: 10px 0 39px 0;
}

.social li {
    list-style: none;
    display: inline-block;
}

.social li a {
   color: #ffffff;
	text-decoration: none;
	font-size: 20px;
}

#telegram {
    background: #08c;
    padding: 10px 50px;
    border-radius: 5px;
}

#eita {
    background: #e87800;
    padding: 10px 50px;
    border-radius: 5px;
}

#bale {
    background: #1f6853;
    padding: 10px 50px;
    border-radius: 5px;
}

.h1, h1 {
  font-size: 36px;
  line-height: 54px;
}