html {

    direction: rtl;

}



@font-face {

    font-family: 'AlHurra';

    src: url('/public/fonts/AlHurra-Font-Bold.woff') format('woff'), url('/public/fonts/AlHurra-Font-Bold.woff') format('woff');

    font-weight: 400;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'AlHurraRegular';

    src: url('/public/fonts/AlHurraFontRegular.woff') format('woff'), url('/public/fonts/AlHurraFontRegular.woff') format('woff');

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'DINNextLTArabic-bold';

    src: url('/public/fonts/DINNextLTArabic-bold.woff') format('woff'), url('/public/fonts/DINNextLTArabic-bold.woff') format('woff');

    font-style: bold;

    font-display: swap;

}



body {

    font-family: 'AlHurraRegular';

    font-weight: 300;

}



input#phone {

    font-family: auto;

    font-weight: 700;

}



input#email {

    font-family: auto;

    font-weight: 700;

}

.main-hero-bg {

    top: 8%;

    position: absolute;

}



.bg-img {

    position: relative;

    margin: auto;

    display: block;

}



.main {

    width: 100%;

    float: left;

    height: auto;

}



.p-60 {

    padding: 60px 0px;

}



.logo {

    padding-top: 60px;

    width: 600px;

    text-align: center;

    margin: auto;

    display: block;

    height: 84px;

}



.conf-heading {

    color: #004E2D;

    font-family: 'AlHurra';

}



.conf-heading-2 {

    color: #F9A93E;

}



.main.select-form {

    background: #F2F2F2;

    padding: 21px;

    margin-top: 30px;

}



.main.select-form .col-form-label {
    font-weight: bolder;
    font-size: 19px;
    color: #004E2D;
    text-align: right;
    font-family: 'AlHurra';
}
.mob_error {
    font-family: 'AlHurra';
    font-size: smaller;
    margin-top: 10px;
}
.intl-tel-input {
    margin: 0px!important;
}



.main.second-form {

    padding-right: 13em;

}



.main.select-form .form-control {

    height: 50px;

    border: 1px solid #CDCCCC;

    /* color: #EAE8E5!important; */

}



button.conf-submit {

    margin: auto;

    display: block;

    background: #F9A93E;

    padding: 9px 30px;

    color: #fff;

    font-size: 18px;

    transition: all .5s ease-in-out;

    border: 2px solid transparent;

}



button.conf-submit:hover {

    color: #F9A93E;

    padding: 9px 30px;

    background-color: transparent;

    border: 2px solid #F9A93E;

}



.color-1 {

    padding: 25px;

    background-color: #275F2F;

}



.color-2 {

    padding: 25px;

    background-color: #11301B;

}



.w-50 {

    width: 50%;

    float: left;

    height: auto;

}



select {

    /* styling */

    background-color: white;

    border: 1px solid #CDCCCC;

    border-radius: 4px;

    display: inline-block;

    font: inherit;

    line-height: 1.5em;

    padding: 0.5em 3.5em 0.5em 1em;

    /* reset */

    margin: 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-appearance: none;

    -moz-appearance: none;

}





/* arrows */



select.classic {

    background-image: linear-gradient(45deg, transparent 50%, white 50%), linear-gradient(135deg, white 50%, transparent 50%), linear-gradient(to right, #CDCCCC, #CDCCCC);

    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;

    background-size: 5px 5px, 5px 5px, 2.5em 2.5em;

    background-repeat: no-repeat;

    width: 100%;

}



select.classic:focus {

    background-image: linear-gradient(45deg, white 50%, transparent 50%), linear-gradient(135deg, transparent 50%, white 50%), linear-gradient(to right, #CDCCCC, #CDCCCC);

    background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, 100% 0;

    background-size: 5px 5px, 5px 5px, 2.5em 2.5em;

    background-repeat: no-repeat;

    border-color: grey;

    outline: 0;

}



select:-moz-focusring {

    color: transparent;

    text-shadow: 0 0 0 #000;

}



.dropdown-toggle {

	padding-top: 3px;

}



/*.lang-select {*/

/*    position: absolute;*/

/*    right: 9%;*/

/*    top: 10%;*/

/*    z-index: 10000;*/

/*}*/

button.btn.btn-default.dropdown-toggle img {

    display: block;

}

.btn-group.dropdown {

    float: right;

}



.lang-select li {

    margin-top: 10px;

    font-size: 15px;

    margin-right: 10px;

    width: 90px;

}

.lang-select img {

    float: right;

}

.lang-select li a {

    color: #004E2D;

}

span.lang-selector {

    padding: 10px;

    color: #004E2D;

    font-weight: 500;

}

.number-font {

    font-family: auto;

    font-weight: 800;

}

.img-fluid {

    max-width: 100%;

    height: auto;

    margin: auto;

    display: block;

}

.lang-select img {

    display: block!important;

}



@media screen and (max-width:1024px) {

    .bg-img img {

        display: none;

    }

    .main-hero-bg {

        background: url(../images/hero-bg.png) center center no-repeat;

        background-size: cover;

        position: inherit;

    }

    .logo {

        height: auto;

        padding-top: 30px;

    }

    .lang-select {

    right: 3%;

    top: 13%;

}

}



@media screen and (max-width:768px) {

.logo {

    width: auto;

    text-align: center;

    margin: auto;

    display: block;

    padding: 30px 30px 0px 30px;

}  

    .p-60 {

        padding: 30px 0px;

    }

    .conf-heading-2 {

        text-align: center!important;

    }

    .main.second-form {

        padding-right: 0em;

    }

    .conf-heading {

        font-size: 22px;

    }

    .main.select-form .col-form-label {

    font-size: inherit;

}

.lang-select {

    margin-top: 20px;

}



}



@media screen and (max-width:480px) {

    .main.select-form .form-control {

        height: auto;

    }

span.lang-selector {

    padding: 5px; 

}

}