body {
overflow-x:hidden
}
.custom-control-input {
    z-index: 8;
    margin-right: -23px;
    top: 5px;
}
#countdown {
    background: transparent !important;
    position:unset !important;
        margin:auto !important;
}

.intl-tel-input {
    width: 100%;
    direction: ltr
}

    .intl-tel-input .flag-container {
        position: absolute;
        top: 0;
        bottom: unset !important;
        right: 0;
        padding: 9px 0 !important;
        z-index: 1;
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
        border-right: 1px solid #d2ddec;
    }

    .intl-tel-input.separate-dial-code .selected-flag {
        background-color: transparent !important
    }

    .intl-tel-input.separate-dial-code .selected-dial-code {
        text-align: left;
    }

.send-verify .card, .register .card, .forget-pwd .card, .login .card, .validate .card {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.08), 0 10px 10px rgba(0, 0, 0, 0.03);
    border: none
}

.send-verify .card-body, .register .card-body, .forget-pwd .card-body, .login .card-body, .validate .card-body {
    z-index: 3
}

.validate .transparent-circle {
    transform: rotate(-90deg);
    left: 43px;
    top: -31px;
    border-color: #f5f5f5
}

.send-verify .social-media {
    z-index: 2
}

.send-verify .transparent-circle {
    position: absolute;
    transform: rotate(180deg);
    border-color: #f5f5f5;
    left: 0px;
    top: 10px;
}

.register .right-title {
    width: 30px
}

.register .transparent-circle {
    border-color: #f5f5f5;
    left: 0;
    transform: rotate(180deg);
}

.forget-pwd .transparent-circle {
    position: absolute;
    border: 24px solid #f5f5f5;
    transform: rotate(90deg);
    height: 117px;
    width: 61px;
    right: 41px;
    bottom: -28px;
    border-right: 0;
    -moz-border-radius: 150px 0 0 150px;
    border-radius: 150px 0 0 150px;
}

.right-title {
    background-color: #02a9f4 !important;
    width: 40px;
}

.submit-btn .btn-primary {
    border-radius: 2rem !important;
    border-color: #02a9f4;
    background-color: #02a9f4;
}

.description {
    background-color: #03A9F4;
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
}

.title-border {
    width: 60px;
    height: 2px;
    border-radius: 2px;
    background-color: #edf2f9
}

.social-media {
    bottom: 10px;
    left: 20px;
}

.transparent-circle {
    position: absolute;
    bottom: 15px;
    border: 30px solid #039BE5;
    height: 130px;
    width: 68px;
    border-right: 0;
    -moz-border-radius: 150px 0 0 150px;
    border-radius: 150px 0 0 150px;
}
@media(max-width:768px) {
    .description {
        border-top-left-radius: 0;
        border-bottom-right-radius: .5rem;
    }
}