#em-country-code {
    border: 1px solid #acacac;
    width: 91px;
    height: 54px;
    outline: none;
    border-radius: 10px;
    font-size: 18px;
    pointer-events: none;
    padding-left: 40px;
    box-sizing: border-box;
    color: #3b3c3f;
    background: #ffffff url(/lp/ae/basic/img/phone.webp) no-repeat 10px center;
}

#tel-div {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    gap: 3px;
    width: 320px;
    position: relative;
    order: 1;
    margin: 0 auto;
}


.wrap-msisdn-input:before, .wrap-pin-input::before {
    content: "";
    background: url(/lp/ae/basic/img/arrows.webp) center center no-repeat;
    background-size: cover;
    width: 17px;
    height: 14px;
    position: absolute;
    left: 115px;
    top: 0;
    bottom: 0;
    margin: auto;
    animation: 2s slideArrow ease-in infinite;
}

.wrap-pin-input::before {
    left: 60px;
}

#em-input-msisdn, #em-input-pin {
    border: 1px solid #acacac;
    color: #3b3c3f;
    font-size: 18px;
    outline: none;
    border-radius: 10px;
    height: 54px;
    width: 214px;
    box-sizing: border-box;
    background-color: #ffffff;
    padding-left: 50px;
    padding-top: 2px;
}

#em-input-pin{
    width: 100%;
    padding-left: 93px;
}

#em-input-msisdn::placeholder {
    font-family: 'Exo';
    font-size: 15px;
    font-style: italic;
    font-weight: 300;
    line-height: 24px;
    text-align: left;
    color: #7E7E7E;
}

#em-input-pin {
    border: 1px solid #acacac;
    color: #3b3c3f;
    background: #ffffff url(/lp/ae/basic/img/pin.webp) no-repeat 10px center;
}

#em-input-pin::placeholder {
    font-family: 'Exo';
    font-size: 15px;
    font-style: italic;
    font-weight: 300;
    line-height: 24px;
    text-align: left;
    color: #7E7E7E;
}

.cus-button {
    background: linear-gradient(180deg, #ffc107 0%, #f2af06 100%);
    max-width: 310px;
    width: calc(100% - 10px);
    height: 57px;
    border-radius: 74px;
    font-weight: 600;
    font-size: 20px;
    color: #ffffff;
    justify-content: center;
    border: none;
    cursor: pointer;
    margin: 10px auto 15px;
    box-sizing: border-box;
    outline: none;
}

.clicking.cus-button {
    color: #4F4F4F;
}

.active #tel-div::before {
    background: url(/lp/ae/basic/img/arrows__active.webp) center center no-repeat;
    animation: none;
    transform: translateX(5px);
}

.active #em-country-code, .active #em-input-msisdn, .active#em-input-pin {
    border-color:#60d637;
    color: #60d637;
}

.active #em-input-pin {
    border: 1px solid #60d637;
    color: #60d637;
    background: #ffffff url(/lp/ae/basic/img/pin_active.webp) no-repeat 10px center;
}
.active #em-country-code {
    background: #ffffff url(/lp/ae/basic/img/mobile__phone__active.webp) no-repeat 10px center;
}

.active .cus-button {
    background: linear-gradient(180deg, #60D637 0%, #65BB3D 100%);
    animation: 2s ease-in-out infinite heartbeat;
}

.error .cus-button, .nonAnimation {
    background: #afafaf;
    animation: none;
}

.error #em-country-code {
    border: 1px solid #de0327;
    color: #de0327;
    background: #ffffff url(/lp/ae/basic/img/mobile__phone__error.webp) no-repeat 10px center;
}

.error #em-input-msisdn {
    color: #de0327;
    border: 1px solid #de0327;
}

.error #em-input-pin {
    color: #de0327;
    border: 1px solid #de0327;
    background: #ffffff url(/lp/ae/basic/img/pin_error.webp) no-repeat 10px center;
}

.ar.error #error-msisdn {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
}

.error #error-msisdn, .error #error-pin  {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    color: #de0327;
    font-size: 12px;
    margin-top: 10px;
    display: none;
}

.pin.error #error-pin {
    display: block;
}

.error #tel-div::before {
    animation: none;
    background: url(/lp/ae/basic/img/arrows__error.webp) center center no-repeat;
    transform: translateX(5px);
}

.error #error-msisdn, .error #error-pin  {
    display: block !important;
}

.pin #pin-form{
    display: block !important;
}

.pin #exit__link {
    display: none;
}