/* FONT */
@font-face {
    font-family: 'AmerFont_Regular';
    src: url('../fonts/Diodrum/DiodrumArabic-Regular.ttf');
}


body {
    /* background-color: #3a356f; */
    font-family: 'AmerFont_Regular';
}

html:root {
    --av-font-family: 'AmerFont_Regular';
    --av-background-color-tray: #3a356f;
    --av-color-primary: #3a356f;
    /* background color of primary buttons (launcher ) */
    --av-color-accent: #3a356f;
    /* background color of secondary buttons */
    --av-font-color-light: #fff;
    /* text color in all dark containers (dark-mode on) */
}


#CUSTOM_BTN {
    width: 90px;
    height: 100px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 11%;
    margin-top: 9px;
    /* = -height / 2   */
    margin-left: 6px;
    /* = -height / 2   */
}

#arabic-custom-txt {
    font-family: 'AmerFont_Regular';
    font-size: 10.5px;
    font-weight: bold;
    /* margin-top: -9px; */
    white-space: nowrap;
}

#english-custom-txt {
    font-family: 'AmerFont_Regular';
    font-size: 10.5px;
    font-weight: bold;
    /* margin-top: -3px; */
    white-space: nowrap;
}

.amer-logo-container {
    left: 47.3%;
    top: 24%;
    transform: translate(-50%, -50%);
    position: fixed;
}

.hidden {
    display: none;
}

#amer-intoruction-video {
    max-width: 100% !important;
    height: auto !important;
}

.call-btn-container {
    border: 2px solid #2A206A;
    border-radius: 7px;
    background-color: rgba(42, 32, 106, 0.036);
}

#container {
    padding: 35px;
    width: 85%;
    text-align: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: fixed;
    border-radius: 2%;
    cursor: pointer;
    /* box-shadow: 11px 10px 18px rgba(42, 32, 106, 0.15); */
}

#AMER_logo {
    max-width: 105px;
    float: right;
    margin-top: 6px;
    margin-right: 5px;
}

.disabled {
    background-color: #cccccc !important;
    pointer-events: none;
}