body {
    background: linear-gradient(242deg, #2eccd2, #0375a7, #84d8e1);
    background-size: 600% 600%;
    -webkit-animation: AnimationName 20s ease infinite;
    -moz-animation: AnimationName 20s ease infinite;
    -o-animation: AnimationName 20s ease infinite;
    animation: AnimationName 20s ease infinite;
}
@-webkit-keyframes AnimationName {
    0% {
        background-position: 0% 62%;
    }
    50% {
        background-position: 100% 39%;
    }
    100% {
        background-position: 0% 62%;
    }
}
@-moz-keyframes AnimationName {
    0% {
        background-position: 0% 62%
    }
    50% {
        background-position: 100% 39%
    }
    100% {
        background-position: 0% 62%
    }
}
@-o-keyframes AnimationName {
    0% {
        background-position: 0% 62%
    }
    50% {
        background-position: 100% 39%
    }
    100% {
        background-position: 0% 62%
    }
}
@keyframes AnimationName {
    0% {
        background-position: 0% 62%
    }
    50% {
        background-position: 100% 39%
    }
    100% {
        background-position: 0% 62%
    }
}
@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/source-sans-pro/SourceSansPro-Regular.otf');
}
@font-face {
    font-family: 'Source Sans Pro bold';
    src: url('../fonts/source-sans-pro/SourceSansPro-Bold.otf');
}
body{
    font-family: Source Sans Pro;
}

button:active {
    transform: translateY(2px);
}
button:active + img {
    transform: translateY(2px);
}
/* Step One CSS */
.color-dark{
    color: rgba(28, 28, 28, 1);
}
.color-blue{
    color:rgba(34, 0, 204, 1);
}
.color-red{
    color: rgba(222, 2, 2, 1) !important;
}
.border-color-red{
    border:1px solid rgba(222, 2, 2, 1) !important;
}
.border-color-dark{
    border:1px solid rgba(28, 28, 28, 1);
}
.border-color-gray{
    border: 1px solid rgba(238, 238, 238, 1);
}
.radius-8{
    border-radius: 8px;
}
.radius-16{
    border-radius: 16px;
}
.bg-dark{
    background: rgba(28, 28, 28, 1); 
}
.bg-white{
    background: rgba(255, 255, 255, 1);
}
.bg-gray{
    background: rgba(250, 250, 250, 1);

}
.font-13{
    font-size:13px;
    line-height: 22.53px;
}
.font-14{
    font-size:14px;
    line-height: 22.53px;
}
.font-16{
    font-size:16px;
    line-height: 20px;
}
.font-24{
    font-size:24px;
    line-height: 44px;
}
.font-38{
    font-size:38px;
    line-height: 46.87px;
}
.bold-400{
    font-weight: 400;
    font-family: 'Source Sans Pro';
}
.bold-600{
    font-weight: 600;
    font-family: 'Source Sans Pro bold';
}
.bold-700{
    font-weight: 700;
    font-family: 'Source Sans Pro bold';
}
.w-396{
    width:396px;
}
.w-458{
    width:458px;
}
.w-920{
    width:920px;
}
.order1{
    order: 1;
}
.order2{
    order: 2;
}
.desktop-show{
    display: block;
}
.mobile-show{
    display: none;
}
.pt-100{
    padding-top: 150px;
}
.pt-110{
    padding-top: 150px;
}
.mb-100{
    margin-bottom: 100px;
}
/* Job Seeker Sign in CSS */
.form-label-new{
    z-index: 999;
    position: relative;
    background: white;
    padding: 2px 10px;
    margin-left: 16px;
    font-size: 13px;
    font-weight: 400;
    /* color: rgba(28, 28, 28, 1); */
    color: rgba(190, 190, 190, 1);
}
.form-select{
    padding: 15px 15px;
    font-size: 16px;
    border-radius: 11px;
    color: rgba(28, 28, 28, 1);
    border: 1px solid rgba(189, 189, 189, 1);
    top: 13px;
}
.form-select:focus {
    box-shadow: none;
    border: 1px solid rgba(28, 28, 28, 1);
}
.form-control{
    padding: 15px 15px;
    font-size: 16px;
    border-radius: 11px;
    color: rgba(28, 28, 28, 1);
    border: 1px solid rgba(189, 189, 189, 1);
    top: 13px;
}
.form-control:focus {
    box-shadow: none;
    border: 1px solid rgba(28, 28, 28, 1);
}
.form-control:focus label{
    color: rgba(28, 28, 28, 1) !important;
}
.form-check-input{
    display: none;
}
.span-check{
    /* background: rgba(224, 224, 224, 1); */
    margin-right: 10px;
    padding: 0px 3px 2px 4px;
    cursor: pointer;
    background: #fff;
    border: 1px solid rgba(224, 224, 224, 1);
    border-radius: 4px;
}
.form-check{
    padding-left: 0;
    cursor: pointer;
}
.form-check input:checked + .span-check {
    background: rgba(224, 224, 224, 1);
}
.form-check-label{
    cursor: pointer;
    line-height: 1;
}
.password-eye{
    position: absolute;
    right: 15px;
    top: 30px;
    cursor: pointer;
}
.password-eye1{
    position: absolute;
    right: 15px;
    top: 30px;
    cursor: pointer;
}
.hr1{
    border-top:1px solid rgba(224, 224, 224, 1);
    opacity: 1;
}
.btn-img{
    position: absolute;
    left: 30px;
    top: 18px;
}
.form-container{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    min-height: 730px;
}
.content-bottom-align{
    position: absolute;
    bottom: 0;
    width: 100%;
}

.input-error {
    font-size: 12px;
    position: relative;
    top: -8px;
}
.form-input-checkbox .form-check {
    display: flex;
    align-items: center;
    line-height: 1.2;
}
.form-input-checkbox .form-check .span-check {
    height: 24px;
}
.form-input-checkbox .form-check .error {
    margin: 5px 0 0 0 !important;
    top: 0;
}
input:focus::-webkit-input-placeholder {
    opacity: 0;
}

.invalid-alert a {
    color: inherit;
}

@media (max-width:980px){
    .w-396{
        width:100%;
    }
    .w-458{
        width: 100%;
        min-width:280px;
    }
    .w-920{
        width:100%;
    }
    .mobile-block{
        display: block !important;
    }
    .order1{
        order: 2 !important;
    }
    .order2{
        order: 1 !important; 
    }
    .mobile-center{
        text-align: center;
    }
    .desktop-show{
        display: none;
    }
    .mobile-show{
        display: block;
    }
    .col-sm-6{
        width: 100%;
    }
    .pt-100{
        padding-top: 60px;
    }
    .pt-110{
        padding-top: 0;
    }
    .form-container{
        border-bottom-left-radius: 16px;
        border-bottom-right-radius: 16px;
        min-height: unset;
    }
    .content-bottom-align{
        position: relative;
        margin:auto;
    }   
    .font-38{
        font-size: 32px;
    }
}