@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;700&display=swap');

body {
    background-color: #ffffff;
    color: #000000;
    max-width: 600px;
    margin: 0 auto;
    font-family: 'Archivo', sans-serif;
}
img {
    margin: 0 auto;
    width: 100%;
    height: auto;
    display: block;
}
p:empty {
    display: none;
}
.language-buttons {
    padding: 5px;
    position: absolute;
}
.language-buttons.arabic-content {
    margin-right: 0;
}
.language-buttons.english-content {
    text-align: left;
    margin-left: 0;
}
select {
    padding: 5px 10px;
    border-radius: 4px;
    background-color: #d8d8d8;
}
p:lang(en) {
    text-align: center;
}
.logo img {
    width: 70%;
    margin: 0 auto;
}
.logo p {
    padding: 11px;
    background-color: #f3f3f3;
    text-align: center;
    margin: 0 auto;
    color: #666666;
    font-size: 1.3em;
}
#main p {
    text-align: center;
  }
#main img {
    margin-bottom: 20px;
}
.boton small, button.btn.confirm small {
    display: block;
    font-size: 0.5em;
    text-transform: lowercase;
    font-weight: normal;
    opacity: 0.6;
}
.boton {
    flex-direction: column;
}
.exit:lang(en) {
    float: right;
    padding: 2px 9px;
    background-color: #ffffff;
    margin: 10px 6px 0 10px;
    border-radius: 0;
    font-size: 12px;
    border: 1px solid #767676;
}
.exit:lang(ar) {
    float: left;
    padding: 2px 9px;
    background-color: #ffffff;
    margin: 10px 6px 0 10px;
    border-radius: 0;
    font-size: 12px;
    border: 1px solid #767676;
}
.exit a, .exit a:visited, .exit a:active, .exit a:link{
    color: #000;
    font-weight: normal;
}
form#fr_phone {
    position: relative;
}
label.text-center {
    text-align: center;
    display: block;
    width: 86%;
    margin: 0 auto;
}
#error_text {
    width: 86%;
    margin: 15px auto;
    color: #ff0000;
    background-color: #f1f1f1;
    padding: 10px;
    text-align: center;
}
.form-control {
    background: rgba(255, 255, 255, 1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAvCAIAAAD8RQT7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozYzA5ZDk3Zi03ZjZmLTRkMmItOGJlNi1kODA3N2IwNjk2ZDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTEwNzdENzMwNTZBMTFFQkE0NEZEMzREMTNCMTlBNzAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTEwNzdENzIwNTZBMTFFQkE0NEZEMzREMTNCMTlBNzAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIwMjAgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDhhZGZiY2UtOTg3MC00MDgwLWFkNzQtNmI2Mzk4OGYxZmZjIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6MjgwNGNjZWQtNzA3NC05ZDRhLTkwNGUtYzY4MTljYzQ4YWRlIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+8ZHISgAAAN9JREFUeNrsmM0KwyAQhGPpQRLJE+o7+YAJ5CVE8GIHeiyGyU+phZlDLpmN3y4bD2NqrUM3egw96W9ptm0LITjnDCc44UfVAZzKaV3XeZ5PtIsq1JKnsDTee7KZTw9qyVMM+U9h7Cmlc9tgrc05M06WBntwZT3JU57f+OjpNnTfiEY0ohGNaEQjGtGIRjSiEY1oRCOaHnQsMbmY4tw2m2maWq9ijCklPFsGay2LczH3g0opMOzkcHzux9Isy9LKRPdngyrU3kzzDmnR5TiO5NThhJ+PZw9korpvfq2XAAMAU4ro+wFHjj4AAAAASUVORK5CYII=) no-repeat left top/auto 100%;
    text-align: center;
    font-size: 1.1em;
    border: 1px solid #d8d8d8;
    margin: 10px auto;
    width: 85%;
    display: block;
    color: #000000;
    border-radius: 4px;
    height: 50px;
}
.boton {
    width: 86%;
    margin: auto;
    background: #30c930;
    text-transform: uppercase;
    height: 60px;
    font-family: 'Archivo', sans-serif;
    font-weight: bold;
    border: 1px solid #30c930;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6em;
    padding: 10px 5px;
    letter-spacing: 1px;
    border-radius: 4px;
    margin-top: 15px;
    appearance: none;
}
#footer {
    font-size: 10px;
    clear: both;
    padding: 10px;
    text-align: center;
    line-height: 1.5;
    width: 86%;
    margin: 20px auto;
}
#footer li {
    list-style: inside;
}
.arabic-rtl #footer {
    text-align: right;
}
.brd #footer {
    margin-top: 80px;
    opacity: 0.5;
}
p.claim {
    text-align: center !important;
}