.hero-bg{
    background-image: url('../images/bg1.jpg') !important;
    background-size:cover !important;
    background-position: center center !important;
}

.bigbg{
    background-image: url('../images/bigbg.jpg') !important;
    background-size:cover !important;
    background-position: center center !important;
}


.thehomecta{
    background-image: url('../images/cta.jpg') !important;
    background-size:cover !important;
    background-position: center center !important;
}

.thelightbx {
    background-color: #EAF3FF;
}
section.thelightbx {
    background-color: #EAF3FF;
}
.skyblueline {
    background: linear-gradient(0deg,#F3F9FF, #F3F9FF);
}

/* Landing-page utility classes (used across landing sections) */
.check-circle { background: linear-gradient(135deg, #3b82f6, #60a5fa); }
.x-circle { background: #fee2e2; color: #ef4444; }
.gauge-fill { background: conic-gradient(#10b981 0% 76%, #e5e7eb 76% 100%); }


section.cover-hero-bg.relative.overflow-hidden.resumepage > .absolute{
    background-image: url('../images/resume-thumb.png');
    background-repeat: no-repeat;
    background-position: right;
    background-size:45% auto;
    
}

section.cover-hero-bg.relative.overflow-hidden.coverpage > .absolute:after {
    background-image: url(../images/coverthumb.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    content: "";
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
}

section.cover-hero-bg.relative.overflow-hidden.linkedinpage > .absolute:after {
    background-image: url(../images/linkedinpage.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    content: "";
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
}


section.cover-hero-bg.relative.overflow-hidden.nursingpage > .absolute:after {
    background-image: url(../images/nursing-thumb.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    content: "";
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
}

section.cover-hero-bg.relative.overflow-hidden.itpage > .absolute:after {
    background-image: url(../images/itpage.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    content: "";
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
}

section.cover-hero-bg.relative.overflow-hidden.teacherpage > .absolute:after {
    background-image: url(../images/teacherpage.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    content: "";
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
}

section.cover-hero-bg.relative.overflow-hidden.chefpage > .absolute:after {
    background-image: url(../images/chefpage.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    content: "";
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
}
section.cover-hero-bg.relative.overflow-hidden.engineerpage > .absolute:after {
    background-image: url(../images/engineerpage.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    content: "";
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
}



#brief-form label{
    font-size:13px;
    margin-bottom:2px;
    display:block;
}

#brief-form input[type="text"], #brief-form input[type="number"], #brief-form input[type="email"], #brief-form input[type="password"],textarea.form-input[name="goals"]{
    border-color:#cdcdcd;
    font-size:12px;
    padding:5px 10px;
    line-height:20px;
width:100%;
border-radius:2px;}



.step-panel input[type="text"], .step-panel input[type="number"], .step-panel input[type="email"], .step-panel input[type="password"], textarea.form-input[name="goals"], .step-panel .form-input{
    border-color:#cdcdcd;
    font-size:12px !important;
    padding:5px 10px;
    line-height:20px;
width:100%;
border-radius:2px;}


.customctabtn{
    visibility: visible;
    animation-name: backInDown;
    background: linear-gradient(15deg, #c33a0e, #f18f31);
    color: #fff;
    border-radius: 7px;
    padding: 10px 30px;
    text-transform: uppercase;
    font-weight: 500;
}


.heroico {
    position: absolute;
    width: 220px;

}

.heroico.heroicoone { top:10px;   right: 4%; }
.heroico.heroicotwo { bottom:10px; width:300px;  right: 12%; }
.heroico.heroicothree { bottom:150px; width:270px;  right: 32%; }