.registration-section{
padding-top: 115px;
}
.login-section{
padding-top: 40px;
}
.registration-section h2,.login-section h2,.registration-section h2{
    font-size:1.4rem;
    color:#4c2463;
    font-weight:600;
}
.registration-section img.loginas_full_img {
margin-top: 120px;
}
div#span_phone_number {
box-shadow: -1px -1px 0px 3px #2125290f;
border: none;
padding: 1.375rem .75rem;
height: calc(1.5em + .75rem + 2px);
border-radius: .25rem;
color: #495057;
line-height: 0.2;
}
.registration-input-box {
box-shadow: -1px -1px 0px 3px #2125290f;
border: none;
padding: 0.175rem .75rem;
}
.signup-button, .signup-button:hover, .signup-button:active {
    width: 100%;
    background: #4c2463;
    color: #fff;
    padding: 8px 20px;
    font-size: 15px;
    font-weight: 600;
    box-shadow:0px 5px 13px -6px #4c2463;
}
.registration-link-text,#agree a{
color: #4c2463;
font-weight: 600;
text-decoration: underline !important;
}
.registration-link-text:hover{
color: #4c2463;
font-weight: 600;
text-decoration: underline;
}
#agree a:hover{
color:#4c2463;
text-decoration:underline;
}
.signup_img {
width: 100%;
margin-top: -462px;
}
.signup_bgimg {
width: 100%;
margin-top: 87px;
}
.polygon_img2 {
margin-bottom: -365px;
}
.polygon_img1 {
margin-bottom: -287px;
}
.pointer_bgimg{
margin-top: -347px;
}
.ellipse_bgimg {
margin-top: -175px;
}
@media screen and (max-width: 425px) { 
.signup_img {
width: 100%;
margin-top: -242px;
}
}
@media screen and (max-width: 1024px) { 
.signup_img {
    margin-top: -385px;
}
}
.signup_full_img{
width:80%;
margin-top: 150px;
}
@media screen and (max-width: 768px) { 
.login-section {
padding-top: 130px;
}
.signup_full_img {
margin-top: 112px;
}
}
@media screen and (max-width: 425px){
.signup_full_img {
margin-top: 10px;
}
}
/* Registration Page Styles */
.register_full_img{
width:100%;
margin-top: 61px;
}
@media screen and (max-width: 1024px) { 
.register_full_img {
    margin-top: 200px;
}
}
@media screen and (max-width: 768px) { 
.register_full_img {
width: 100%;
margin-top: 30px;
}
}
.forgot-link-text,.forgot-link-text:hover,.forgot-link-text:active{
 color:#4c2463;
 text-decoration:underline !important;
}
img.signup_bg_asset {
transform: rotate(111deg);
width: 8%;
margin-top: -281px;
margin-right: 36px;
}
.signup_border_image {
width: 120px;
height: 121px;
border: 16px solid #ffb300;
border-radius: 50%;
animation: circl 2s;
animation-delay: -1s;
margin-top: -121px;
margin-left: 42px;
}
img.polygon_img1_style{
margin-top: -389px;
margin-left: 57px;
}
img.polygon_img2_style {
margin-top: -328px;
}
@media screen and (max-width: 1024px) { 
.signup_full_img {
width: 100%;
margin-top: 206px;
}
.registration-section img.loginas_full_img {
width: 100%;
margin-top: 155px !important;
}
img.signup_bg_asset {
margin-top: -290px;
margin-right: -10px;
}
.signup_border_image {
margin-left: -8px;
}
img.polygon_img2_style {
margin-top: -343px;
margin-right: -38px;
}
img.polygon_img1_style {
margin-left: -1px;
}
}
@media screen and (max-width: 768px) { 
.signup_border_image {
margin-left: 100px;
}
.signup_full_img {
width: 70%;
margin-top: 46px;
}
.registration-section img.loginas_full_img {
width: 70%;
margin-top: 60px !important;
}
img.signup_bg_asset {
margin-top: -324px;
margin-right: 69px;
}
img.polygon_img1_style {
margin-left: 125px;
margin-top: -433px;
}
img.polygon_img2_style {
margin-top: -375px;
margin-right: 51px;
}
}
@media screen and (max-width: 540px){
img.signup_bg_asset {
margin-top: -238px;
margin-right: 52px;
}
.signup_border_image {
margin-left: 59px;
}
img.polygon_img1_style {
margin-left: 70px;
margin-top: -332px;
}
img.polygon_img2_style {
margin-top: -294px;
margin-right: 27px;
}
}
@media screen and (max-width: 425px) { 
img.signup_bg_asset {
margin-top: -230px;
margin-right: 10px;
}
.signup_border_image {
margin-left: 7px;
}
.signup_full_img {
width: 90%;
margin-top: 28px;
}
.registration-section img.loginas_full_img {
width: 90%;
}
img.polygon_img2_style {
margin-top: -283px;
margin-right: -13px;
}
img.polygon_img1_style {
margin-left: 5px;
margin-top: -325px;
}
}
@media screen and (max-width: 375px) { 
img.signup_bg_asset {
margin-top: -204px
}
img.polygon_img1_style {
margin-left: 15px;
margin-top: -274px;
width: 85px;
}
img.polygon_img2_style {
margin-top: -237px;
margin-right: -4px;
width: 41px;
}
}
@media screen and (max-width: 320px) { 
img.signup_bg_asset {
margin-top: -173px;
}
img.polygon_img2_style {
margin-top: -210px;
}
img.polygon_img1_style {
margin-top: -250px;
}
}
.otp-design a{
text-decoration:underline;
color:red;
display: inline-flex;
}
.otp-alert-color{
color: red;
font-size: 14px;
}
.rotate {
animation: rotation 8s infinite linear;
}
@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
.valid-alert-color{
color: green;
font-size: 14px;
}
.resend_otp_login{
font-size:13px;
}
i.edit-icon-color {
color: #ffb300;
}
/*Updated Styles*/
a.profile_resend_otp_login {
color: green;
text-decoration: underline;
cursor: pointer;
font-size:13px;
}
.checkbox-validation label.error {
    display: block;
    position: absolute !important;
    margin-top: 24px !important;
}
.error {
    margin-top: 5px;
}

.webinar-registration-section{
    background: linear-gradient(90deg,#3d00b3eb,#7d057ae3),url(../img/elewayte_bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 1;
    padding: 200px 0px 50px 0;
}
.webinar-registration-content-section h2{
    font-size: 2rem;
    margin-bottom: 25px;
    color: #4c2463;
}
.webinar-registration-content-section b{
    color: #d31167;
}
.webinar-registration-content-section h5{
    font-weight: 600;
    color: #767c84;
    text-decoration: underline;
    margin-bottom: 15px;
    margin-top: 36px;
}
.webinar-registration-content-section {
  margin-top: -200px;
    background: #fff;
    box-shadow: 0px 0px 20px #00000024;
    border-radius: 8px;
   padding: 40px 15px 20px;
    text-align: justify;
    z-index: 1;
    position: relative;
}
.webinar-registration-content-section span{
    color: #0066d4;
}
.resend_otp_webinar_data{
        cursor: pointer;
}
.webinar-otp-button{
    background: #4c2463;
    font-size: 13px;
    color: #fff;
}
.webinar-otp-button:hover {
    background: #4c2463;
    font-size: 13px;
    color: #fff;
}
#otp-alert-invalid_for_webinar{
    color: red !important;
}
#otp-alert-valid_for_webinar{
    color: #28a745 !important;
}
.btn_disapled_webinar{
    background: #CCC;
}
.btn_disapled_webinar:hover{
    background: #CCC;
}

.compass_ambass_sec .signup_full_img {
    margin-top: 90px;
}

.compass_ambass_sec .form-group ,.reg_sec .form-group{
    margin-bottom: 20px;
}

.compass_ambass_sec label,.reg_sec label {
    margin-bottom: 0;
}

.error {
    font-size: 14px;
}
.cursor_pointer{
    cursor:pointer;
}

/*------------ login campus ambassedor page ----------------*/
.career_banner_sec {
    background: linear-gradient(90deg, #3d00b3eb,#7d057ae3);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 1;
    padding: 110px 0px 0px 0;
}

.second_section {
    padding: 40px 0px 20px 0;
}

.aboutus_bg_image_style {
    width: 75% !important;
    margin-left: 7px!important;
}

.compass_ambass_sec{
    padding:60px 0 !important;
}

.login_title{
    color: #4c2463;
    font-weight: 700;
    letter-spacing: initial;
}
.caloginus_image_style {
    width: 90%;
    margin: auto;    
    z-index: 2;
    position: relative;
}

.loginus_new_section_banner{
    background: linear-gradient(90deg, #3d00b3eb,#7d057ae3);
    padding: 100px 0px 0px 0;
}

.login_list{
    padding-left:25px;
}
.login_list li{
    margin-bottom:5px;
}
