@font-face {
    font-family: 'din next™ arabic';
    src: url('/fonts/dinnext/din next™ arabic regular.otf') format('opentype'), url('/fonts/dinnext/din next™ arabic black.otf') format('opentype'), url('/fonts/dinnext/din next™ arabic bold.otf') format('opentype'), url('/fonts/dinnext/din next™ arabic heavy.otf') format('opentype'), url('/fonts/dinnext/din next™ arabic light.otf') format('opentype'), url('/fonts/dinnext/din next™ arabic medium .otf') format('opentype'), url('/fonts/dinnext/din next™ arabic ultralight.otf') format('opentype');
}



html,
body {
    font-family: 'din next™ arabic';
    direction: rtl;
    text-align: right;
    padding-bottom: 200px;
    margin: 0;
    padding: 0;
    /*height:100VH!important;*/
    position: relative;
    /*top:0;right:0;left:0;bottom:0;*/
    background-image: url(/images/bg.png);
    background-position-x: center;
    background-position-y: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: #FFF;
}

img {
    max-width: 100%;
    border-radius: 1rem;
}

.col-3 {
    width: 25%;
}
.row {
    display: flex;
}
.col-6 {
    width: 49%;
}
.col-12 {
    width: 100%;
    position: relative;
}

label {
    margin: .1rem 1rem;
    font-weight: bold;
    display: block;
    position: relative;
}
    label span {
        float: left;
    }
.my {
    margin: .2rem 0;
}
.my2 {
    margin: 1rem 0;
}

.separator.separator-dashed {
    border-bottom: 1px dashed #ebedf33e;
}

.separator {
    height: 0;
}

.btx1 {
    display: none;
}

.btn-green {
    border-radius: 2rem;
    background-color: #776CA8;
    color: #fff;
}

.btn {
    position: fixed;
    left: 30px;
    right :30px;
    bottom: 30px;
    z-index: 999;
    padding: 18px 20px;
    webkit-box-shadow: 0px 0 30px 0 rgba(75, 152, 164, 0.5);
    box-shadow: 0px 0 10px 0 rgba(75, 152, 164, 0.5);
    line-height: 1.4rem;
    text-align: center;
    text-decoration: none;
}

.alter {
    border-radius: 1rem;
    background-color: #50cd89;
    color: #fff;
    padding: 18px 20px;
    line-height: 1.9rem;
    text-align: center;
    text-decoration: none;
}


* {
    /*font-family: 'din next™ arabic';*/
    text-align: right;
}

h1 {
    font-size: 1.6rem;
    font-weight: bold;
}

h4 {
    font-size: 1.4rem;
    font-weight: bold;
}

p {
    font-size: 1.2rem;
}

.color1 {
    color: #4B98A4 !important;
}


.form-control {
    /*display: block;*/
    position: relative;
    width: 90%;
    padding: 0.575rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    appearance: none;
    background-color: #0000007d;
    background-clip: padding-box;
    border: 1px solid #C4CADA;
    border-radius: 1.2rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.w-100 {
    width:96%;
}

.fxform {
    position: fixed;
    left: 30px;
    right: 30px;
    bottom: 60px;
}