body{
    width: 100%;
    overflow-x: hidden;
    direction:rtl;
}
body, h1, h2, h3, h4, h5, h6, .page-title {
    font-family: cairo;
}

/*
*{
    font-family: 'cairo';
}

*/
a:hover, a:active, a:focus, a,button {
   outline: none !important;

}
.wrapper{
    background: url("../../Img/bg.png");
    background-size: cover;
}
.wrapper header{
    padding: 40px 20px;
}
.wrapper img.moh-logo{
    width: 127px;
    height: 148px;
    margin-top:-20px;
}

.wrapper img.vesion-logo{
    width: 180px;
    height: 100px;
}

.wrapper img.enaity-logo{
    width: 120px;
    height: 120px;
    margin-top: -13px;
}


.float-left{
    float: left;
}
.float-right{
    float: right;

}

.wrapper header h3,.modal h3{
    color: #00BB83;
    line-height:1.5;
}

.wrapper header button{
    background-color: #00BB83;
    padding: 10px 80px 15px 80px;
    color: #FFF;
    border-radius: 0;
}
.display-block{
    display: block;
}
.w-100 {
    width: 100%;
}
.label-custom{
    color: #00BB83;
    margin-top: 10px;
}
.control-custom{
    margin-top: 5px;
    border-radius: 8px !important;
    border-color: #00BB83;
    color: #00BB83;
    padding: 20px;
}
.input-group-addon:first-child{
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-right: 0 !important;
    border-left: 1px solid !important;
}

.mg-tb-5{
  margin-top: 5px;
  margin-bottom: 5px;
}

.btn.btn-send,.btn.btn-back{
    padding: 10px 100px 15px 100px;
    color: #FFF;
    border-radius: 25px;
}

.btn-send{
    background-color: #00BB83;
}

.btn-back{
    background-color: #2C2B29;

}

.section-form{
    padding: 20px;
    margin-bottom: 70px;
}
/* select option styling */
.big {
    font-size: 1.2em;
}

.small {
    font-size: .7em;
}

.square {
    width: .7em;
    height: .7em;
    margin: .5em;
    display: inline-block;
}

.custom-dropdown {
    display: block !important;
    position: relative;
    vertical-align: middle;
    margin: 10px; /* demo only */
}

.custom-dropdown select {
    height: 50px;
    display: block !important;
    width: 100%;
    background-color: #00BB83;
    color: #fff;
    font-size: inherit;
    padding: .5em;
    padding-right: 2.5em;
    border: 0;
    margin: 0;
    border-radius: 3px;
    text-indent: 0.01px;
    text-overflow: '';
    -webkit-appearance: button; /* hide default arrow in chrome OSX */
}

.custom-dropdown::before,
.custom-dropdown::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.custom-dropdown::after { /*  Custom dropdown arrow */
    content: "\25BC";
    height: 1em;
    font-size: .625em;
    line-height: 1;
    right: 1.2em;
    top: 50%;
    margin-top: -.5em;
}

.custom-dropdown::before { /*  Custom dropdown arrow cover */
    width: 2em;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 0 3px 3px 0;
}
.btn.h1{
    font-size: 18px;
    cursor: initial;
}
.btn.h1:hover,.btn.h1:focus{
    color: #FFF;
}

.modal .modal-footer{
    border-top: none;
}

.b-title {
    background: #00BB83;
    color: #fff;
    padding: 10px 30px;
    font-size: 2rem;
    font-weight: normal;
    margin-bottom: 25px;
}
.dialog-img
{
    width:128px;
}

select {
    height: auto !important;
    padding: 6px !important;
}

.form-actions
{
    margin-top:25px;
}
@media only screen and (min-width : 320px) {
    .btn.btn-send,.btn.btn-back{
        padding: 10px 20px 15px 20px;
        color: #FFF;
        border-radius: 25px;
    }
    .dialog-img
    {
        width:96px;
    }
    .control-custom {
        padding: 5px;
    }

    .input-group.control-custom input, .input-group.control-custom span {
        border-color: #00BB83;
    }
}

@media only screen and (min-width : 480px) {
    .btn.btn-send,.btn.btn-back{
        padding: 10px 40px 15px 40px;
        color: #FFF;
        border-radius: 25px;
    }
    .dialog-img
    {
        width:96px;
    }
    .control-custom {
        padding: 5px;
    }
}

@media only screen and (min-width : 768px) {
    .btn.btn-send,.btn.btn-back{
        padding: 10px 100px 15px 100px;
        color: #FFF;
        border-radius: 25px;
    }

}

@media only screen and (min-width : 992px) {

}

@media only screen and (min-width : 1200px) {

}