


body {
    font-family: YekanBakhFaNum;
    text-align: center;
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    font-size: 16px;
    direction: rtl;
    background-color: #000;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Modam;
    line-height: 1.5em;
}

.main-box {
    background-color: #000;
    color: white;
}


button {
    border-width: 0;
    width: 100%;
    font-family: rene;
}

.error-message {
    background-color: #ff5252;
    border-radius: 10px;
    text-align: center;
    color: #ffffff;
}

.error-message > p {
    color: white !important;
    text-align: center !important;
}

.row {
    max-width: unset;
}

.success-card {
    /*background: linear-gradient(180deg, #6CDA7E 0%, #38AB4B 100%);*/
    border-radius: 10px;
    width: 98%;
    padding: 20px 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.success-card > h3 {
    font-weight: 900;
    font-size: 50px;
    text-align: center;
    color: #fff;
    margin-bottom: 40px;
    margin-top: 20px;
}

.success-card > p {
    font-weight: 700;
    font-size: 25px;
    text-align: center;
    color: #fff;
    margin-bottom: 15px;
}

.success-card > div {
    /*background: #A4FFB2;*/
    border-radius: 10px;
    width: 98%;
    padding: 20px 10px 25px 10px;
}

.success-card > div > p {
    font-weight: 700;
    font-size: 26px;
    text-align: center;
    color: #fff;
    line-height: 40px;
    margin-bottom: 15px;
}

.success-card > div > a > button {
    background-color: #05c800;
    height: 60px;
    border-radius: 8px;
    color: #ffffff;
    font-weight: bold;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.m-0 {
    margin: 0;
}

.mb-1 {
    margin-bottom: 0.25em;
}

.mb-2 {
    margin-bottom: 0.5em;
}

.mb-3 {
    margin: 0.75em;
}

.mb-4 {
    margin-bottom: 1em;
}

.mb-6 {
    margin-bottom: 1.5em;
}

.mb-8 {
    margin-bottom: 2em;
}

.my-4 {
    margin: 1em auto;
}

.my-8 {
    margin: 2em auto;
}

.my-4-minus {
    margin: -1em 0;
}

.p-0 {
    padding: 0;
}

.pl-2 {
    padding-left: .5em;
}

.px-2 {
    padding: 0 0.5em;
}

.px-4 {
    padding: 0 1em;
}

.px-8 {
    padding: 0 2em;
}

.p-4 {
    padding: 1em;
}

.p-6 {
    padding: 1.5em;
}

.p-8 {
    padding: 2em;
}

.w-full {
    width: 100%;
}

.font-semi-bold {
    font-family: YekanBakhFaNumBold;
    font-weight: 700;
}

.font-bold {
    font-family: YekanBakhFaNumBold;
    font-weight: 900;
}

input.landing_input {
    margin-bottom: 1em;
    display: block;
    width: 100%;
    background: transparent;
    border-radius: 6px;
    box-shadow: none;
    line-height: 46px;
    height: 46px;
    border: 1px solid #C6C6C6;
    text-align: right;
    letter-spacing: -0.01em;
    color: #dfdfdf;
    font-size: 18px;
    font-family: inherit;
    padding: 1.5em;
}

input.landing_input::placeholder {
    color: rgba(230, 230, 230, 0.7);
}

input.landing_input:focus {
    outline: none;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.submit_btn {
    box-shadow: none;
    /*border: 2px solid #FFFFFF;*/
    background: linear-gradient(180deg, #00c109 0%, #00c109 100%);
    margin-top: 1em;
    font-size: 32px;
    font-weight: 900;
    padding: 16px 8px;
    color: #FFFFFF;
}

.blur_box_text .yellow_text {
    font-size: 30px;
}

.blur_box_text .heavy_title {
    font-size: 18px;
    text-align: justify;
    line-height: 1.5em;
    color: white;
    margin-top: 0.5em;
}

.text-justify {
    text-align: justify;
    letter-spacing: -0.25px;
}

.reset-ul-styles li {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 1em;
}

.font-xl {
    font-size: 1.25em;
    line-height: 42px;
}

.font-2xl {
    font-size: 1.5em;
    line-height: 48px;
}

.font-3xl {
    font-size: 1.75em;
    line-height: 1.625em;
}

.text-green {
    color: #05EC00;
}

.text-yellow {
    color: #FFEC3D;
}

.text-red {
    color: red;
}

.mx-auto {
    margin: 0 auto;
}

label {
    display: block;
}

.main_form_container {
    max-width: 340px;
    margin: 2.9em auto;
}

.title-xxl {
    font-size: 2.5em;
    line-height: 1.25em;
}

.title-lg {
    font-size: 1.5em;
}

.text-xl {
    font-size: 1.25em;
}

.text-lg {
    font-size: 1em;
}

.text-sm {
    font-size: .875em;
}

.list {
    list-style: none;
}

.list li {
    margin-bottom: 1em;
    font-size: 1em;
    font-weight: 700;
    text-align: justify;
}

.d-block {
    display: block;
}

.box {
    margin: 1em 2em;
    /*padding: 1em;*/
    border-radius: 0.5em;
}

.box .box-main {
    padding: 1em;
}

.box .box-footer {
    padding: 0.5em 1em;
    border-top-right-radius: .5em;
    border-top-left-radius: .5em;

}

.bg-gradiant-red {
    background: linear-gradient(157deg, #D60C0C -9.89%, #FF5934 48.57%, #920000 89.37%);
}

.box.bg-gradiant-red .box-footer {
    background: linear-gradient(157deg, #D60C0C -9.89%, #FF5934 48.57%, #920000 89.37%);
}

.bg-gradiant-blue {
    background: linear-gradient(159deg, #1E7378 6.3%, #03BAB5 45.02%, #195F61 85.24%);
}

.box.bg-gradiant-blue .box-footer {
    background: linear-gradient(159deg, #1E7378 6.3%, #03BAB5 45.02%, #195F61 85.24%);
}

.bg-gradiant-green {
    background: linear-gradient(159deg, #6A991C 6.3%, #8DB41D 45.02%, #337A1A 85.24%);
}

.box.bg-gradiant-green .box-footer {
    background: linear-gradient(159deg, #6A991C 6.3%, #8DB41D 45.02%, #337A1A 85.24%);
}

.bg-gradiant-yellow {
    background: linear-gradient(159deg, #EDC700 6.3%, #FFEA30 33.01%, #FFEA30 58.93%, #DBBA0D 85.24%);
    color: #232323
}

.box.bg-gradiant-yellow .box-footer {
    background: linear-gradient(159deg, #EDC700 6.3%, #FFEA30 33.01%, #FFEA30 58.93%, #DBBA0D 85.24%);
}

.glow {
    background-image: url(https://sokhtjet.ir/5f4gt8hH58/sinani/landing/power/images/glow.jpg);
    background-size: 100% 100%;
    padding: 1em 0.75em;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 32px;
    font-weight: 900;
}

.glow p {

    font-size: 24px !important;
    font-weight: normal;
    margin-top: 0.5em;
}

.img-fluid {
    width: 100%;
    height: 100%;
}

.question-box {
    background-size: 100% 100%;
    text-align: justify;
    font-weight: 900;
}

.question-box.right {
    background-image: url(https://sokhtjet.ir/5f4gt8hH58/sinani/landing/power/images/question-right.jpg);
    padding: 2em 5.5em 2em 3em;
}

.question-box.left {
    background-image: url(https://sokhtjet.ir/5f4gt8hH58/sinani/landing/power/images/question-left.jpg);
    padding: 2em 3em 2em 5.5em;
}

.bio {
    position: relative;
    margin-bottom: 1em;
}

.bio img {
    width: 100%;
    padding: 0 1.5em;
}

.bio .content {
    position: absolute;
    top: 4px;
    left: 0;
    padding: 0.5em 6em 0.5em 2em;
    text-align: right;
}

.bio .content .description {
    color: #BDBDBD;
}

.awards {
    background-image: url(https://sokhtjet.ir/5f4gt8hH58/sinani/landing/power/images/award.jpg);
    background-size: 100% 100%;
    padding: 1em 24% 1em 1em;
    background-repeat: no-repeat;
    text-align: right;
    margin: 1em 1.5em;
}

.awards span, .text-gray {
    color: #BDBDBD;
}

.img-box {
    margin: 2em 0;
}

.headline {
    font-size: 1.5em;
    margin-bottom: 0.5em;
    font-family: Modam;
}

.desc {
    font-family: Modam;
}

.mt-minus-4 {
    margin-top: -4em;
}

.scale-2 {
    scale: 1.2;
}

.title {
    font-family: Modam;
}
