@font-face {​​​​​​​
    font-family: 'Conv_Dubai-Regular';
    src: url('../fonts/Dubai-Regular.eot');
    src: local('☺'), url('../fonts/Dubai-Regular.woff') format('woff'), url('../fonts/Dubai-Regular.ttf') format('truetype'), url('../fonts/Dubai-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}​​​​​​​


html, body {
    height: 100%;
}
body {
    margin: 0;
    padding: 0;
    background: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
}
.container { height: 100%;}
.wrapper {
    background-color: #000000;
    background-image: linear-gradient(#0E101C, #0E101C, #595238);
    margin: 16px auto;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    padding:70px 10%;
}
.logo {
    margin: 0 auto;
    text-align: center;
    position: relative;
}
.roundgradient {
    width: 100vw;
    height: 80%;
    position: absolute;
    top:0;
    right: 0;
    /* background-image: radial-gradient(circle farthest-corner at 100% 0%, #225D63, transparent); */
    background: radial-gradient(farthest-corner at 100% 0%, #225D63, transparent, transparent) no-repeat;
    
}
.maintext {
    color: #FFC571;
    margin: 0 auto;
    font-size: 18px;
    text-align: center;
    margin-top: 30px;
}

.maintext p{padding: 0 20px;min-height:80px;}
.form-group {
    text-align: left;
    color: #000000;
    font-size: 14px;
}
.whitetext { color: #ffffff;}
.form-control { background: #DCDDDF; border-radius: 12px; height: 50px;}
.btn { color: #ffffff;}
.submitbutton { background: #FFA920; color: #ffffff; padding: 5px 20px; border-radius: 6px;}
.clearbutton { background: transparent; color: #ffffff; padding: 0 20px; margin-right: 10px;}
.submitbutton:hover, .clearbutton:hover { color: #ffffff;}
.h100 {
    height: 100%;
}
.w100 { width: 100%;}
.iti__country-list{max-height: 100% !important}
.iti__country-list.iti__country-list--dropup { color: black !important}
.iti { display: block !important}
.optout-form{position: relative}
form .error {
    color: #ff0000;
  }
.optout-form { position: relative; z-index: 1000; }
.roundbtn { padding: 5px; border-radius: 18px; color:#000000; font-size:18px; background: #ffffff; width: 50px;}
 .roundbtn:first-child { margin-right:6px;}
.roundbtn:hover{color:#000000;}
.language-buttons { text-align: right; position: relative; top: -30px; z-index: 1000;}
.roundbtn.active{background: #B75B16; color:#ffffff}
.btn.roundbtn:focus{box-shadow: none;}
.clearbutton.btn:focus{box-shadow: none;}
[lang="ar"] {display: none;}
.arText{font-family:'Conv_Dubai-Regular';}
@media (max-width: 850px) {
	.maintext p{padding: 0 !important;}
}