/*==================== My Custom CSS =============================*/

@font-face {
    font-family: GoogleSans-Regular;
    src: url(../fonts/Google-Sans-Font/GoogleSans-Regular.ttf) format('truetype');
}

@font-face {
    font-family: GoogleSans-Medium;
    src: url(../fonts/Google-Sans-Font/GoogleSans-Medium.ttf) format('truetype');
}

@font-face {
    font-family: GoogleSans-Bold;
    src: url(../fonts/Google-Sans-Font/GoogleSans-Bold.ttf) format('truetype');
}

@font-face {
    font-family: GraphikBlack;
    src: url(../fonts/Graphik-Font-Family/GraphikBlack.otf) format('OpenType');
}
@font-face {
    font-family: GraphikBold;
    src: url(../fonts/Graphik-Font-Family/GraphikBold.otf) format('OpenType');
}
@font-face {
    font-family: GraphikLight;
    src: url(../fonts/Graphik-Font-Family/GraphikLight.otf) format('OpenType');
}
@font-face {
    font-family: GraphikMedium;
    src: url(../fonts/Graphik-Font-Family/GraphikMedium.otf) format('OpenType');
}
@font-face {
    font-family: GraphikRegular;
    src: url(../fonts/Graphik-Font-Family/GraphikRegular.otf) format('OpenType');
}
@font-face {
    font-family: GraphikSemibold;
    src: url(../fonts/Graphik-Font-Family/GraphikSemibold.otf) format('OpenType');
}
@font-face {
    font-family: GraphikSuper;
    src: url(../fonts/Graphik-Font-Family/GraphikSuper.otf) format('OpenType');
}
@font-face {
    font-family: GraphikThin;
    src: url(../fonts/Graphik-Font-Family/GraphikThin.otf) format('OpenType');
}


/*======== Validation CSS =============*/

.validity {
    color: #e34242 !important;
    background-color: #e342421a;
    padding: 4px 10px;
    font-size: 10px;
    border-radius: 16px;
    font-family: 'Inclusive Sans';
    font-weight: 600;
    white-space: nowrap;
    position: relative;
    top: 5px;
}


.errormsg {
    font-family: 'Inclusive Sans', sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #E4101E !important;
    background-color: #FFEEDB;
    border: 1px solid #FABFA7;
    padding: 5px;
    border-radius: 4px !important
}

.successmessage_alert {
    font-family: 'GraphikMedium', sans-serif;
    font-size: 12px;
    font-weight:500;
    color: #222 !important;
    background-color: #ebf7ee;
    border: 1px solid #3cb556;
    padding: 5px;
    margin:10px 0px 0px 0px ;
    border-radius:5px
}

.successmessage {
    font-family: 'GraphikMedium', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #444 !important;
    background-color: #ebf7ee;
    border: 1px solid #3cb556;
    padding: 5px;
}

.required { color:#e21f26; font-size:13px }
.required-sign { color:#e21f26; font-size:9px }

.err-alert {
    font-family: GraphikMedium,sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #681019;
    background-color: #F7D7DA;
    border:1px solid #EF818B;
    padding: 5px
}

.successjobapply {
    font-family: 'GraphikMedium', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #222 !important;
    background-color: #ebf7ee;
    border: 1px solid #3cb556;
    margin: 10px 0px 0px 0px;
    min-height:35px
}
.imgbox { padding:7px ;border-right: 1px solid #3cb556; float:left; }
.msgbx  { padding:8px 30px 5px 25px ;float:left; top:13px}
.clbx   { padding:5px ;float:right ; float:right}

.close {
  cursor: pointer;
  position: absolute;
  top: 5%;
  right:2%;
  padding: 12px 16px;
  transform: translate(0%, -50%);
}

.UpdateSection{ margin:10px 0px 10px 0px; padding:unset !important}

/*======== Search Part CSS =====================*/
.noleftpadding { padding-left:0px }

.lessspace { margin:0px 0px 0px 0px; padding:5px 5px 5px 5px; }

.countbtnsec {margin:0px 0px 10px 0px ; text-align:right }

.search-box {
    /*background: url(../images/banner/NSDCJobs_Banner.jpg) center no-repeat #337E9E;*/
    background: url(../images/nsdc-jobx-banner.jpg) center no-repeat #337E9E;
    width: 100%;
    height: 340px;
    margin-top: 50px;
    background-size: cover;
    /*position: relative;*/
}

.paddLeft-zero{
    padding-left:0px;
}

.paddRight-zero {
    padding-right: 0px!important;
}
.search-box-head {
    color: #FFF;
    font-family: 'Hind Siliguri',sans-serif;
    font-size: 30px;
    line-height: 40px;
    margin: 100px 19px 20px 20px;
    padding-bottom: 8px;
    text-align: center;
    font-weight: 500;
}
.search-box-head img { margin-top:-10px; width:600px }

.search-box2 {
    background: url(../images/banner/JustJobs_Banner.png) center no-repeat #fff; /*126db1*/
    width: 100%;
    height: 380px;
    margin-top: 50px;
    background-size: cover;
    /*position: relative;*/
}

.search-box-head2 {
    color: #FFF;
    font-family: Poppins,sans-serif;
    font-size: 21px;
    line-height: normal;
    margin: 70px 19px 12px 19px;
    padding-bottom: 0px;
    text-align: center;
    font-weight: 500;
}

    .search-box-head2 img {
        margin-top: -10px;
        max-width: 128px;
        max-height: 128px;
        border-radius: 50%;
        border: 2px solid #555;
       background-size: 100% auto
    }

.search-section {
	padding: 0;
    margin:0px
	    
}
.search-section .form-group input.form-control {
	height: 42px;
	border-radius: 0;
	width: 100%;
	border-color: #F1F1F1;
    font-family: 'Poppins', sans-serif
}
.search-section .select2-container--default .select2-selection--single {
	height: 42px;
	border-radius: 0;
	border: none;
}
.search-section .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 42px;
}
.search-section .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 42px;
	padding-left: 15px;
	border-left: 1px solid #F1F1F1;
    font-family: 'Poppins', sans-serif
}
.search-section .form-group {
	width: 100%;
}
.search-section .btn-search-submit {
	height: 42px;
	border-radius: 0;
	width: 100%;
	font-size:16px;
	font-weight: 600;
	margin:0;
    font-family:'Lato', sans-serif;
    text-shadow: 0 -1px 1px rgba(0,0,0,.4);
    text-transform:uppercase;
    line-height:0px;
    border-top-right-radius:2px;
    border-bottom-right-radius:2px

    
}

.main-page-job-search {
    padding:10px;
    /*background-color: rgba(0, 0, 0, 0.3);*/
    background-color: rgba(255, 255, 255, 0.3);
    margin-bottom: 10px;
    border-radius:8px;
}

.main-page-job-search .form-group { 
    margin-bottom:0px !important
}
.main-page-job-search2 {
    padding: 5px;
    background-color: rgba(0, 0, 0, 0.3);
    margin-bottom: 10px;
}

    .main-page-job-search2 .form-group {
        margin-bottom: 0px !important
    }




.form-inline .btn-search-submit i {
	margin-left:10px;
    
}
.search-form-contaner {
	padding:5px;
	margin:10px 0px 10px 0px;
	position: relative;
	overflow: hidden;
}
.search-section .search-main-title {
	margin-top: 0;
	margin-bottom: 30px;
	color: #FFF;
	font-size: 40px;
	text-align: center;
	/* */
}
.form-inline .form-group .icon-magnifying-glass {
	position:absolute;
	left:15px;
	font-size:18px;
	top:20px;	
}
.form-inline .form-group input {
	/*padding-left:34px;*/	
}

.jobindustrybox { background-color:#EEF2F6; padding:0px 10px 10px 10px ; margin:0px 0px 0px 0px  }/*margin:10px 0px 0px 0px;padding:10px*/

.jobindustry { background-color:#7DBED4; font-family:'Lato', sans-serif; font-size:15px; font-weight:600 ; width:200px; color:#fff;
               padding:10px 15px; text-align:center
}
.sep-line { border-bottom:1px solid #7DBED4  }

.industrybox { width:100%; background-color:#fff;min-height:80px  }
.industrybox .imgicon { text-align:center; width:50px; max-width:unset !important; -ms-column-width:unset !important}
.industryicon_box { margin:10px 10px 10px 10px; text-align:center;}

.industryicon_box a { color:#444; text-decoration:none; font-family:GraphikRegular, sans-serif; font-size:11px; font-weight:600 ; text-transform:uppercase }
.industryicon_box a:hover { color:#e21f26; text-decoration:none;text-shadow: 0 -1px 1px rgba(0,0,0,.4); }



/*================= Home Job View ===================================*/

.jobdesctext { background-color:#fff; margin-top:15px; padding:10px 10px 10px 30px; text-align:left;
               font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:12px; color:#222; word-wrap:break-word; white-space:pre-line}

.home-row {
    margin-left:16px;
}

.ban-min-heigt {
    min-height: 250px;
    max-height: 100px;
}
.postView-btn {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
.afloginjobloc i{
    margin-right:5px;
}
.opComp-res {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}

.footerNew .container-fluid {
    margin-bottom:15px;
}
.image-preview a:hover {
    color:#02a4e1;
}

.pull-right a:hover {
    color: #0071A8 !important
}
.ads-form{
    margin-bottom:10px;
}
.mailJob-inac {
    display: flex;
    align-items: baseline;
    max-width: 94%;
    justify-content: flex-end;
}
.pagination-box a:hover {
    color: #094ea1 !important;
}
.mtDest-only{
    margin-top:2rem;
}
.d-flex{
    display:flex;
}
.checkFesher label{
    font-size: 15px;
}
.checkFesher input[type=checkbox] {
    margin-top: 2rem;
    margin-left:10px;
    margin-bottom:1rem;
}
.fresherTxt span{
    background: transparent !important;
    border: none !important;
    color: #e34242 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}
.newSpac-verify{
    margin:20px 0 20px 0px!important;
}
.posCol{
 
}
.posCol .imgverification{
    margin-left:0px!important;
    margin:2rem 0!important;
    width:94px;
}
.mobVerfiy .imgverification {
    margin-left: 0px !important;
    margin: 2rem 0 !important;
    width:94px;
}
.width-full{
    width:100%!important;
}
.otp-box{
    display:flex;
    justify-content:center;
    padding:0px!important;
}
.resend:hover{
    color:red!important;
}
.profile-comp-bx a:focus{
    color:#fff!important;
}

/*======================================= Home Page New Design CSS ========================*/

    .wrapper {
        width: 101%;
    }

    .custom-container {
        width: 86%;
        margin: 0 7%;
    }

    .topstrip {
        width: 100%;
        height: 35px;
        border-bottom: 1px solid #f0f0ef;
        background: rgba(0, 0, 0, 0.9);
    }

    ul.global-links {
        width: 100%;
        margin: 0px;
        padding: 3px 0px 0px 20px;
        display: inline-block;
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
        font-weight: 500
    }

    ul.global-links li {
        display: inline-block
    }

    ul.global-links li a {
        padding: 4px 20px 4px 0;
        color: #c4c4c4;
        font-size: 12px;
        font-weight: 500;
        display: inline-block
    }

    ul.global-links li a:hover, ul.global-links li a:focus {
        background: none;
        color: #fff;
    }


    /*=========================== Home Page Login Menu ================================*/

    .main-page-menu-top {
        margin: 15px 0px 0px 0px !important
    }

    .main-page-menu {
        background-color: #017BB5;
        border-radius: 5px;
        padding: 5px 10px 5px 10px
    }

    .main-page-menu-top:hover {
        background-color: #0273A9 !important
    }

    .main-page-menu-top a {
        color: #FFF !important;
    }

        .main-page-menu-top a:hover {
            background-color: #0273A9 !important;
            color: #FFF !important;
            border-top-left-radius: 5px;
        }

        .main-page-menu-top a:focus {
            background-color: #0273A9 !important;
            color: #FFF !important;
        }

    header .navbar-inverse .navbar-nav > li > .main-sub-menu {
        background-color: #017BB5 !important;
    }

        header .navbar-inverse .navbar-nav > li > .main-sub-menu li > a {
            padding: 5px 20px;
            font-size: 14px
        }

    .disable-link {
        pointer-events: none;
        cursor: pointer;
    }


    /*=========================== Premium Candidate + Serach Strip ====================*/
    .banner-band {
        transition: all 0.5s;
        position: absolute;
        padding-top: 20px;
        padding-bottom: 20px;
        background: rgba(205, 33, 34, 0.9);
        bottom: -93px;
        z-index: 2;
        height: 100px;
    }


    .redband {
        background: rgba(205, 33, 34, 0.8) !important;
        width: 100%;
        margin-top: 1px;
        padding: 20px 0px 20px 0px
    }



    /*============================= Jobs By Industry ========================================*/

    /*.industryCol { width:100% ; background-color:#fff; margin:20px 0px 20px 0px ;font-family:'Poppins', sans-serif;
               
}*/

    .industryCol {
        width: 100%;
        min-height: 450px;
        background: url(../Images/slider/skills-bg.jpg) center center no-repeat;
        background-size: cover; /*margin-bottom: -30px*/
    }



    .jobbyindustryhead {
        font-size: 35px;
        text-shadow: rgba(255,255,255,0.6) 1px 1px 20px;
        text-align: center;
        margin: 0px 0px 15px 0px;
        color: #FFF;
        text-transform: uppercase;
        font-weight: 600;
        font-family: Poppins, sans-serif;
        padding-top: 25px
    }
        /*fe0305*/

        .jobbyindustryhead span {
            color: #fe0305
        }

    .jobcircle {
        width: 100%;
        margin: 0px auto;
        background-color: rgba(205, 33, 34, 0.5);
        border-radius: 50%;
        width: 150px;
        height: 150px;
        padding: 10px 10px 10px 10px;
        font-family: Poppins, sans-serif;
        -webkit-transition: background 2s; /* For Safari 3.0 to 6.0 */
        transition: background 2s;
    }

        .jobcircle a {
            color: #1a8bb3
        }

        .jobcircle:hover {
            box-shadow: rgba(144, 191,238, 0.6) 1px 1px 20px;
            background-color: rgba(20, 37,51, 0.6)
        }

    .jobbyindustry {
        text-align: center;
        padding: 25px 10px 10px 10px;
        background-color: #FFF;
        border-radius: 50%;
        width: 130px;
        height: 130px
    }

    .icon-text {
        color: #fff;
        font-size: 49px;
        font-weight: 700;
        text-align: center;
        padding-top: 8px
    }

    .boxname {
        font-size: 13px;
        font-weight: 700;
        text-align: center;
        text-transform: uppercase
    }



    /*-------------------------- New Services Panel -------------*/

    .IndustrySection {
        background-color: rgba(255,255,255,1);
        border-radius: 5px;
        border: 1px dashed #FFF;
        margin: 10px 0px 30px 0px;
        padding: 10px 20px 20px 10px;
    }

    .topspace {
        margin-top: 20px
    }

    .industrytab {
        font-family: 'Lato', sans-serif;
        font-size: 15px;
        font-weight: 700;
        padding: 10px 0px 5px 6px;
        border-bottom: 1px solid #c8c7c7;
        color: #E21F26;
        margin: 0px 0px 0px 10px;
    }

        .industrytab:hover {
            color: #B30E14
        }

    .icon img {
        width: 40px;
        margin-left: -10px;
        margin-top: -4px
    }

    .industryText {
        margin: 0px 0px 5px 10px;
        line-height: 17px;
    }

        .industryText span {
            color: #49a0bd;
            font-size: 12px;
            font-weight: 400
        }

    .more {
        color: #e21f26;
        font-size: 22px;
        font-weight: 400 !important;
        padding-left: 10px;
        margin-top: -5px
    }


    /*========================= Job Portion + Job LIst =============================*/

    .Joblist {
        background-image: url('../images/HomeBg.png');
        background-repeat: repeat;
        width: 100%;
        padding-bottom: 15px;
        margin-top: -30px
    }

    .RecentJobHead {
        font-size: 35px;
        text-shadow: rgb(206,206,206) 1px 1px 20px;
        text-align: center;
        margin: 15px 0px 15px 0px;
        color: #fe0305;
        text-transform: uppercase;
        font-weight: 600 !important;
        font-family: Poppins, sans-serif
    }

        .RecentJobHead span {
            color: #1a8bb3
        }

    .AllJobDetails {
        width: 100%;
        font-family: 'Poppins', sans-serif;
        background-color: #FFF;
        line-height: 18px;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px 2px;
        margin: 0px 0px 15px 0px;
        padding: 10px 0px 10px 0px
    }

    .JobLogo {
        width: 100%;
        margin: 0px auto;
        padding: 10px;
        max-width: 130px
    }

    .Jobdetails {
        padding: 10px 0px 10px 0px
    }

        .Jobdetails a {
            font-size: 14px;
            font-weight: 400;
            color: #e21f26;
            text-align: left;
        }

            .Jobdetails a:hover {
                color: #337ab7
            }

    .CompName a {
        color: #023558;
        font-size: 13px;
    }

    .JobLocation {
        color: #023558;
        font-size: 13px;
        font-weight: 400;
        text-align: left;
        padding: 10px 0px 10px 0px
    }

    .JobDesc {
        color: #023558;
        font-size: 13px;
        font-weight: 400;
        text-align: left;
        padding: 10px 0px 10px 0px
    }

    .ExpDetails {
        color: #023558;
        font-size: 13px;
        font-weight: 400;
        text-align: left;
        padding: 10px 0px 10px 0px
    }

    .ApplyBtn {
        font-size: 13px !important;
        margin: 0px auto;
        padding: 10px 0px 10px 0px
    }

    .btn-custom {
        border-radius: 4px !important;
        padding: 0px 15px !important;
        font-size: 13px !important;
        font-family: GraphikMedium,sans-serif;
        margin: 15px 0px 5px 30px;
    }




    /*========================= Client Portion + Counter =============================*/

    .ClientPortion {
        background: url('../images/slider/ClientBg.jpg');
        margin: 0px 0px 50px 0px;
        padding: 20px 0px;
        width: 100%;
    }

    .ClientPortionInner {
        background: rgba(255, 255, 255, 0);
        margin: 0px 25px 0px 10px;
        padding: 15px 15px 15px 15px;
        border-radius: 4px;
    }

    .ClientLogo {
        width: 133px;
        margin: 0px 5px;
        border: 1px dashed #FFF;
        padding: 5px;
    }




    .Vision-stat-value {
        margin-top: 23px;
        margin-bottom: 10px;
        border-radius: 5px 0 0 5px;
        background: #2a7893;
        font-family: Poppins, sans-serif;
        color: #FFF !important
    }

        .Vision-stat-value ul {
        }

            .Vision-stat-value ul li:first-child {
                padding: 0px 10px 10px 10px;
            }

            .Vision-stat-value ul li {
                border-bottom: 1px solid #49a0bd;
                padding: 10px 0px 10px 0px;
                color: #fff !important;
                font-size: 28px;
                font-weight: bold;
                text-align: center
            }

                .Vision-stat-value ul li span {
                    font-weight: normal;
                    font-size: 11px;
                    display: block;
                    margin-top: -10px
                }

                .Vision-stat-value ul li:last-child {
                    border-bottom: 0px;
                    padding-top: 10px;
                }

    .Vision-stat {
        background: #3495b6;
        border-radius: 5px;
        font-family: Poppins, sans-serif
    }

        .Vision-stat ul li {
            border-bottom: 1px solid #49a0bd;
            padding: 29px 0 15px 50px;
            position: relative;
        }

            .Vision-stat ul li:last-child {
                border-bottom: none;
            }

            .Vision-stat ul li h5 {
                text-transform: uppercase;
                color: #fff;
                padding: 0 10px;
                font-weight: bold;
                font-size: 19px
            }

                .Vision-stat ul li h5 span {
                    color: #d6f5ff;
                    display: block;
                    text-transform: none;
                    font-weight: normal;
                    font-size: 13px;
                }

            .Vision-stat ul li img {
                position: absolute;
                width: 50px;
                height: 50px;
                left: 0px;
                margin-top: 5px
            }

    .abt-rw-ico {
        background-position: -89px -146px;
    }

    .abt-grt-ico {
        background-position: -154px -142px;
    }

    .abt-cert-ico {
        background-position: -228px -140px;
    }



    /*=============================== Footer Part =================================*/

    /*.footer { background: #272727;color: #b9b9b9; padding: 50px 0 20px 0; font-size: 12px;  border-top: 1px solid #fff; }*/


    .footerNew {
        padding: 10px 0 0;
        border-top: 1px solid #eee;
        min-height: 250px;
        margin-top: 0px; /*margin-top:-50px;*/
        font-family: 'Poppins', sans-serif !important;
        background: #005378;
        color: #b9b9b9;
    }

        .footerNew p {
            font-size: 13px;
            font-weight: 400;
            color: #FFF;
            text-align: left; /*b9b9b9*/
            line-height: 20px;
            font-family: 'Poppins', sans-serif;
            margin-bottom: -15px
        }

        .footerNew ul {
            padding: 10px;
            list-style-type: none;
            margin-left: 30px
        }

        .footerNew li b {
            font-size: 16px;
            font-weight: 400;
            color: #00AEEF;
            font-family: 'Poppins', sans-serif !important
        }

        .footerNew li a {
            color: #FFF;
            display: inline-block;
            font-weight: 400;
            margin: 10px 0 0;
            font-size: 12px
        }

            .footerNew li a:hover {
                color: #49a0bd
            }

    .contact-box {
        background-color: #282f39;
        width: 100%;
        padding: 20px 10px 32px 30px;
        margin: -10px 30px 0px 0px
    }

        .contact-box b {
            font-size: 17px;
            font-weight: 400;
            color: #00AEEF;
        }

    .contact_info {
        margin: 10px 0 0 0px;
        width: 100%;
    }

    .activeicons {
        float: left;
        padding: 0 15px 0 0;
    }

    .social_icons a {
        background-color: rgb(94, 94, 94);
        color: rgb(255, 255, 255);
        display: inline-block;
        font-size: 18px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        width: 30px;
    }

    .social_icons span {
        color: #00AEEF
    }

    .social_icons a:hover {
        background-color: #49a0bd;
    }

    .social_icons span { /*display:block;*/
        margin: 10px 0 0;
        font-size: 18px
    }

    .phone {
        color: #FFF;
        font-size: 13px
    }


    .SocialMedia {
        line-height: 18px;
        border-top: 1px solid rgba(255,255,255,.11);
        font-size: 11px;
        color: rgba(255,255,255,1);
        text-align: left;
        padding: 20px 55px;
        background: rgba(0,0,0,.3)
    }

        .SocialMedia p {
            margin: 0px;
            padding: 0px;
            padding-left: 25px;
            padding-right: 25px;
        }

        .SocialMedia a {
            color: rgba(255,255,255,.7);
            text-decoration: underline;
        }

            .SocialMedia a:hover {
                color: rgba(255,255,255,1);
            }


    .footerNew .copyright {
        border-top: 1px solid #3e3e3e;
        padding-top: 10px;
        text-align: center;
        line-height: 32px;
        padding-bottom: 10px;
    }

        .footerNew .copyright a {
            color: #FFF !important;
            font-size: 13px;
        }

            .footerNew .copyright a:hover {
                color: #49a0bd
            }

    .footerNew .copyright2 {
        border-top: 1px solid #3e3e3e;
        padding-top: 10px;
        text-align: center;
        line-height: 32px;
        padding-bottom: 10px;
        background-color: #bfc9d6;
        color: #242424;
    }

        .footerNew .copyright2 a {
            color: #01439f !important;
            font-size: 13px;
        }

            .footerNew .copyright2 a:hover {
                color: #49a0bd
            }




    /*====================== New Home Page Job View List Box  Design ====================*/

    .jobboxsection {
        padding: 20px 0px;
        position: relative;
    }


.RecentJobPost {
    /*background-color: #0071A8;*/
    background: repeat padding-box border-box 0% 0% / auto auto scroll linear-gradient(90deg, #034EA1 0%, #1495db 100%);
    border-top-left-radius:8px;
    border-top-right-radius:8px
}

    .RecentJobPost h1 {
        color: #FFF;
        font-size: 16px;
        text-align: center;
        font-weight:800;
        font-family: 'Inclusive Sans',sans-serif;
        padding: 7px 0px 7px 0px;
        margin: 8px 0px 0px 0px;
        line-height: 22px
    }

    .RecentJobPost h1 a {
        color:#FFF
    }
            
    .borderbot {
        margin: 0px 0px 0px 0px;
        background-color: #0071A8;
        height: 1px
    }

    .MainJobBox {
        width: 100%;
        background-color: #FFF;
        /*font-family: 'Hind Siliguri', sans-serif !important;*/
        box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px 2px;
        margin: 8px 10px 15px 0px;
        padding: 0px 0px 0px 0px;
        border: 1px solid #d4d2d0;
        border-radius: 5px;
    }

    .JobHead {
        background-color: #FAFAFA;
        border-bottom: 1px dashed #a4a4a4;
        padding: 4px 4px 4px 10px;
        text-transform: capitalize !important;
        color: #005B86;
        font-weight: 600;
        font-size: 15px;
        /*font-family: GraphikMedium,Sans Serif;*/
        font-family: 'Inclusive Sans',Sans Serif;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .JobHead a {
        color: #016fcc ;
        font-weight: 600;
        font-size: 14px 
    }

.JobTittle a {
    font-weight:700;
    font-size: 14px;
    color: #034DA3;
}

.JobTittle a:hover { color:#005B86 }
.JobHead a:hover { color:#005B86 }


.JobDescription {
    font-size: 13px;
    text-align: left;
    color: #4D4D4D;
    font-family: 'Mulish',sans-serif !important;
    margin: 15px 0px 10px 0px;
    line-height: 25px;
    padding-bottom: 5px;
    font-weight: 600;
}

.JobDescription a {
    font-size: 13px;
    text-transform: capitalize;
}

.redcolor {
    color: #0095DA !important
}

    .bluecolor {
        color: #0071A8 !important
    }

    .btnspace {
        margin: 25px 0px 10px 0px;
        text-align: center
    }

    .otherDetails {
        font-size: 13px;
        font-weight:600;
        word-wrap:break-word;
    }
    /*font-family:Arial, Verdana, Geneva, Tahoma, sans-serif;*/
    .leftspace {
        padding-left: 3px;
        font-weight: 400
    }

    .left-padd {
        padding-left: 10px;
        font-weight: 400
    }

    .nospace {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px
    }

    .comp-logo {
        padding: 15px 5px 5px 5px;
        margin: 0 auto;
        display: table;
    }

        .comp-logo img {
            max-height: 115px;
            width: 110px;
            margin: 20px 0px 10px 0px
        }

    /*================== View Profile ( Jobseeker )=====================*/


    .ProfileBox {
        width: 100%;
        background-color: #FFF;
        margin-bottom: 20px;
        font-family: 'Lato', sans-serif !important;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px 2px;
        margin: 8px 10px 25px 0px;
    }

    .ProfileHead {
        background-color: #FAFAFA;
        border-bottom: 1px dashed #a4a4a4;
        padding: 10px 5px 10px 10px;
        text-transform: capitalize !important;
        color: #222;
        font-weight: 700;
        font-size: 16px;
        font-family: 'Mulish',sans-serif;
        border-top-left-radius:8px;
        border-top-right-radius:8px;
    }

    .ProfileImg {
        text-align: center;
        margin: 20px auto;
        line-height: 35px;
        text-align: center
    }

    .CandidateName {
        font-family: 'Hind Siliguri',sans-serif;
        color: #023558;
        text-align: center;
        font-weight: 700;
        font-size: 17px;
        padding-bottom: 5px
    }

    .profileName {
        font-family: 'Hind Siliguri',sans-serif;
        color: #023558;
        text-align: center;
        font-weight: 700;
        font-size: 19px;
        padding-bottom: 5px
    }

    .CandidateDetails {
        font-family: 'Roboto',sans-serif;
        font-size: 14px;
        text-align: left
    }

    .resumehead {
        font-size: 15px;
        text-align: center;
        color: #e21f26
    }

    .ProfileDetails {
        font-family: 'Mulish',sans-serif;
        font-size: 13px;
        text-align: left;
        border-bottom: 1px dashed #a4a4a4;
        padding: 0px 0px 10px 0px;
        color: #4E4E4E;
        margin: 15px 5px 0px 5px;
        font-weight:600;
    }

    .fontbold {
        font-weight: 700
    }

    .UpdateCol {
        width: 100%;
        margin: 0px 0px 0px 6px;
        padding: 5px 0px 5px 5px
    }

    .comp-profile { color:#000 }

    .CandidateUpdate {
        background-color: #0095DA;
        box-shadow: 0 2px 0 #337ab7;
        color: white;
        padding: 4px 10px;
        position: relative;
        text-decoration: none;
        text-transform: capitalize;
        font-family: 'Hind Siliguri',sans-serif;
        font-size: 14px;
        font-weight: 500;
        border-radius: 5px
    }

        .CandidateUpdate:hover {
            background-color: #337ab7;
        }

        .CandidateUpdate:active {
            box-shadow: none;
            top: 5px;
        }



    /*================== Candidate Update Section ( Jobseeker )=====================*/

    .space {
        padding: 10px 10px 10px 10px
    }

    .space2 {
        padding: 0px 10px 0px 10px
    }

    /*================== Job Seeker Registration Section ( Jobseeker )=====================*/

    .JobSeekerRg {
        background-color: #FFF;
        font-family: 'Lato',sans-serif;
        padding: 5px;
        box-shadow: 0px 0px 20px 0px #bbb;
        border-radius: 2px
    }

.JobSeekerRg_Inner {
    padding: 20px 0px 20px 0px;
    background: #FCFCFC;
}

.JobSeekerRg_Header {
margin: 0;
padding: 0px 0px 15px 0px;
border-bottom: 2px #c2c2c2 dotted;
font-size:18px;
color: #005B86;
font-weight: normal;
font-family: 'Rubik',sans-serif
}

        .JobSeekerRg_Header span {
            color: #0095DA
        }

    .seperate {
        height: 0px;
        margin-bottom: 30px;
        border-bottom: 1px #bfbfbf solid;
        margin: 0px 20px
    }

    .termstext {
        color: #5d5d5d;
        text-align: left;
        font-family: 'Sintony', sans-serif;
        font-size: 13px;
        font-weight: 500
    }

        .termstext a {
            color: #337ab7;
            font-size: 13px
        }

            .termstext a:hover {
                color: #e21f26;
                text-decoration: underline
            }


    .detailbox {
        width: 70% !important
    }

    .ProjectDetailsName {
        font-family: 'Lato',sans-serif;
        font-weight: 600;
        font-size: 14px;
        text-align: left;
        color: #016fcc;
        margin: 0px 0px 0px 0px
    }

    .ProjectDetails {
        font-family: 'Lato',sans-serif;
        font-weight: 600;
        font-size: 13px;
        text-align: left;
        color: #757575;
        margin: 5px 0px 0px 0px
    }



    /*======== Job Seeker Registration Right Section ( Jobseeker ) ========*/

    .jobSeekerRg_Right {
        border: 1px #bfbfbf solid;
        background-color: #FFF;
        font-family: 'Poppins',sans-serif;
        text-align: center;
        margin: 0px 0px 10px 0px;
    }


    .JobSeekerRgRight_Header {
        margin: 0;
        padding: 15px 15px 15px 15px;
        font-size: 17px;
        color: #005B86;
        font-weight: normal;
        font-family: 'poppins',sans-serif;
        line-height: 30px
    }

        .JobSeekerRgRight_Header span {
            color: #0095DA;
            font-size: 17px
        }

    .JobSeekerRgRight_Mid {
        background-color: #f2f2f2;
        font-weight: 500;
        color: #4D4D4D
    }

    .JobSeekerRgRight_tagline {
        font-size: 14px;
        text-align: center;
        padding: 10px 5px 5px 5px
    }

    .JobSeekerRgRight_Mid img {
        text-align: center;
        margin: 0px 0px 5px 0px
    }

    .JobSeekerRgRight_LoginBx {
        padding: 10px;
        font-size: 16px;
        color: #444;
        box-shadow: 0px 0px 4px #bfbfbf;
        font-family: Arial, Helvetica, sans-serif;
        border: 1px #bfbfbf solid;
        border-radius: 4px;
        margin: 25px 25px 0px 25px;
        text-align: center;
        line-height: 35px
    }

    .JobSeekerRgRight_LoginBtn {
        border: none;
        font-family: 'Lato', sans-serif;
        background: #e21f26;
        color: #fff;
        cursor: pointer;
        padding: 7px 15px;
        margin: 10px 0px 13px 0;
        border-radius: 3px;
        font-size: 14px;
        font-weight: 700;
        -webkit-transition: all 0.9s;
        -o-transition: all 0.9s;
        -ms-transition: all 0.9s;
        -moz-transition: all 0.9s;
        transition: all 0.9s;
    }

    .JobSeekerRgRight_LoginBtn:hover {
        color: #fff;
        background: #337ab7;
        transition: all 0.9s;
        border-color: #449D44;
    }


    /*-------------- */
    .applyjobbtn {
        font-family: 'Mulish', sans-serif;
        padding: 5px 15px;
        margin: -5px 0px 13px 0;
        font-size: 14px;
        text-align: center;
        background-color: #0095DA;
        border: 1px solid #0095DA;
        color: #FFF;
        font-weight:700;
        border-radius:5px
    }

    .applyjobbtn:hover {
        background-color: #FFF;
        border: 1px solid #0095DA;
        transition: all 0.9s;
        color: #0095DA;
        box-shadow: 0 0 0 2px rgba(0,149,218,0.5)
    }

    .applyjobbtn:focus {
        background-color: #FFF;
        border: 1px solid #e65252;
        transition: all 0.9s;
        color: #0095DA;
        box-shadow: 0 0 0 2px rgba(0,149,218,0.5)
    }



    .primarybtn {
        border: none;
        font-family: 'Rubik', sans-serif;
        background: #FFF;
        border: 1px solid #337ab7;
        color: #337ab7;
        cursor: pointer;
        padding: 7px 15px;
        margin: 0px 0px 13px 0;
        border-radius: 0px;
        font-size: 15px;
        font-weight: 500;
        transition: all 0.9s;
    }

.Totaltex {
    width: 100%;
    border: none;
    font-family: 'Rubik', sans-serif;
    background: #FFF;
    color: #337ab7;
    cursor: pointer;
    margin: 0px 126px 41px -14px;
    font-size: 15px;
    font-weight: 500;
    transition: all 0.9s;
}

    .exporttext {
        font-family: GoogleSans-Medium, sans-serif;
        background: #FFF;
        color: #337ab7;
        cursor: pointer;
        border: 1px solid #000000;
        margin: -74px -31px 71px 0px;
        font-size: 15px;
        font-size: 15px;
        font-weight: 500;
        transition: all 0.9s;
        float: right;
    }

    .primarybtn:focus {
        color: #fff;
        background-color: #DDF1FF;
        border: 1px solid #0368d2;
        color: #337ab7;
        transition: all 0.9s;
        box-shadow: 0 0 0 .2rem rgba(42,143,249,0.5)
    }

    .sidetext {
        margin-left: 98px;
    }

    .primarybtn:hover {
        color: #fff;
        background-color: #DDF1FF;
        border-color: #0368d2;
        color: #337ab7;
        transition: all 0.9s;
        box-shadow: 0 0 0 .2rem rgba(42,143,249,0.5)
    }

    .submitbtn {
        font-family: 'Rubik', sans-serif;
        background: #02A4E1;
        border-color: #02A4E1;
        color: #fff;
        cursor: pointer;
        padding: 8px 12px;
        margin: 0px 0px 13px 0;
        border-radius: 2px;
        font-size: 14px;
        font-weight: 500;
        transition: all 0.9s;
        border:none
    }

    .submitbtn:focus {
        color: #fff;
        background-color: #00AEEF;
        border-color: #02A4E1;
        -webkit-transition: all 0.9s;
        -o-transition: all 0.9s;
        -ms-transition: all 0.9s;
        -moz-transition: all 0.9s;
        transition: all 0.9s;
        border-color: #449D44;
        box-shadow: 0 0 0 .2rem rgba(66,203,255,0.5)
    }

    .submitbtn:hover {
        color: #fff;
        background-color: #00AEEF;
        border-color: #02A4E1;
        transition: all 0.9s;
        border-color: #449D44;
        box-shadow: 0 0 0 .2rem rgba(66,203,255,0.5)
    }


    /*==================== Search Form Section ======================*/

    .HomeJobSearch {
        padding: 10px;
        background-color: rgba(255, 255, 255, 0.3);
        margin-bottom: 10px;
    }

    .Hiredcol {
        background-color: #016fcc;
        color: #FFF !important;
        border: 1px solid #FFF;
        font-family: 'Lato',sans-serif;
        text-align: center;
        height: 50px !important;
        margin: 9px 0px 0px 0px
    }

    .Hiredcol:hover {
        background-color: #e21f26
    }

    .premiumtext {
        font-size: 13px;
        font-weight: 500;
        text-align: left;
        color: #FFF !important;
        padding: 5px 0px 0px 20px;
        font-family: 'Poppins',sans-serif;
        margin-left: 30px
    }

    .hiredtext {
        font-size: 12px !important;
        line-height: 22px;
        color: #FFF !important;
        font-weight: 500;
        font-family: 'Lato',sans-serif
    }

    .topcategory {
        font-family: 'Lato', sans-serif;
        font-size: 15px;
        color: #55d3e1;
        font-weight: 700;
        margin-right: 10px;
        text-align: center
    }

        .topcategory a {
            color: #000;
            font-size: 13px
        }

        .topcategory span {
            color: #000
        }


    /*==================== Register Section ======================*/

    .reg_col {
        padding: 0px 10px 10px 10px;
        background-color: rgba(255, 255,255, 0.3);
        margin-bottom: 10px;
        margin-top: 0px
    }

    .regbtn {
        background-color: #666;
        color: #FFF !important;
        border: 1px solid #FFF;
        font-family: 'Lato',sans-serif;
        text-align: center;
        height: 50px !important;
        margin: 9px 0px 0px 0px
    }

        .regbtn:hover {
            background-color: #e21f26
        }

    .regtext {
        font-size: 14px;
        font-weight: 700;
        color: #FFF !important;
        text-align: center;
        padding: 5px 5px 5px 5px;
        font-family: 'Lato',sans-serif;
        text-transform: uppercase
    }

    .regtext_small {
        font-size: 12px !important;
        line-height: 22px;
        color: #FFF !important;
        font-weight: 400;
        text-transform: capitalize !important
    }


    /*==================== Register Section New ======================*/

    .newregbtn {
        background-color: #666;
        color: #FFF !important;
        border: 1px solid #FFF;
        font-family: 'Lato',sans-serif;
        text-align: center;
        height: 50px !important;
        margin: 9px 0px 0px 0px
    }

        .newregbtn:hover {
            background-color: #e21f26
        }

    .newregtext {
        font-size: 13px;
        font-weight: 500;
        text-align: left;
        color: #FFF !important;
        padding: 5px 0px 0px 20px;
        font-family: 'Poppins',sans-serif;
        margin-left: 30px
    }

    .newregtext_small {
        font-size: 12px !important;
        line-height: 22px;
        color: #FFF !important;
        font-weight: 500;
        font-family: 'Lato',sans-serif
    }



    /*==================== Regsitration Tabs New ======================*/

    .registrationtab {
        background-color: rgba(36,53,65,0.7);
        color: #FFF !important;
        border: 1px solid #FFF;
        font-family: 'Lato',sans-serif;
        text-align: center;
        height: 50px !important;
        margin: 9px 0px 0px 0px
    }

        .registrationtab:hover {
            background-color: #e21f26
        }

    .regtabtext {
        font-size: 13px;
        font-weight: 500;
        text-align: left;
        color: #FFF !important;
        padding: 5px 0px 0px 20px;
        font-family: 'Poppins',sans-serif;
        margin-left: 30px
    }

    .regtabtext_small {
        font-size: 12px !important;
        line-height: 22px;
        color: #FFF !important;
        font-weight: 500;
        font-family: 'Lato',sans-serif
    }



    /*==================== Employer Registration Section ======================*/

    .RightStroke {
        border-right: 1px solid #bfbfbf;
        padding-right: 15px
    }

    .EmployerReg {
        font-family: 'Poppins',sans-serif;
        padding: 70px 10px 10px 30px;
    }

    .head {
        font-size: 18px;
        text-align: left;
        padding-bottom: 10px;
        font-weight: normal;
        color: #777777;
        line-height: 30px
    }

        .head span {
            color: #e21f26;
            font-size: 20px
        }

    .empreg-benefits {
        color: #777;
        font-size: 13px;
        font-family: GoogleSans-Medium,sans-serif;
        text-align: left
    }

        .empreg-benefits ul {
            list-style-type: none;
            line-height: 25px
        }

            .empreg-benefits ul li img {
                text-align: left;
                margin-left: -22px;
                margin-right: 5px
            }



    /*==================== Content Pages Design ======================*/

    .NormalContent {
        text-align: justify;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 12px;
        color: #222;
        padding: 0px 0px 0px 0px;
        line-height: 26px
    }



    .numerContent {
        text-align: justify;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        list-style-type: decimal;
        font-size: 12px;
        color: #222;
        padding: 0px 0px 0px 20px;
        line-height: 26px
    }

    /*-----------------  MY GRIDVIEW DESIGN ---------------------------*/
    .mGrid {
        width: 100%;
        background-color: #FFFFFF;
        margin: 1px 0 1px 0;
        border: solid 1px #C0C0C0;
        border-collapse: collapse;
        font-family: 'Mulish', sans-serif;
    }

    .mGrid td {
        padding: 4px 4px 4px 4px;
        border: solid 1px #c1c1c1;
        color: #000000;
        font-size: 12px;
        text-align: center;
        font-weight: 600
    }

    .mGrid th {
        padding: 0px 0px;
        background: #DFECFC url(grd_head.png) repeat-x top;
        border-left: solid 1px #C0C0C0;
        color: #0b356c !important;
        line-height: 25px;
        padding: 0px 3px 0px 3px;
        font-size: 13px;
        text-align: center;
        white-space: nowrap;
        font-weight:700
    }

    .mGrid tr:hover {
        background-color: #f5f5f5
    }

    .mGrid .pgr {
        background-color: #DFECFC;
        border: solid 1px #C0C0C0;
        border-left: solid 1px #C0C0C0
    }

    .mGrid .pgr table {
        margin: 5px 0;
    }

    .mGrid .pgr td {
        border-width: 0;
        padding: 0 6px;
        border-left: solid 1px #666;
        font-weight: bold;
        color: #fff;
        line-height: 12px;
    }

    .mGrid a {
        font-size: 12px;
        text-transform: uppercase;
        font-family: 'Mulish', sans-serif;
        color: #000;
    }

    .mGrid .pgr a {
        text-decoration: none;
    }

    .mGrid .pgr a:hover {
        color: #0b356c;
        text-decoration: none;
    }

    .mGrid table tbody td span {
        color: #a4a4a4 !important
    }



    /*========================== Payment Gateway css======================*/

    .thankuorder {
        font-family: 'Lato',sans-serif;
        text-align: center;
        color: #636363;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 20px;
        line-height: 30px
    }

    .thankuordersmall {
        font-family: 'Lato',sans-serif;
        text-align: center;
        color: #7E7C7C;
        font-weight: 700;
        font-size: 16px;
        line-height: 30px
    }

        .thankuordersmall span {
            font-size: 14px !important;
            text-transform: unset !important
        }



    /*========================== Registration Fee ======================*/

    .paymentcol {
        background-color: #C0C0C0;
        border: 1px solid #929292;
        color: #333;
        font-family: 'Lato',sans-serif;
        padding: 5px 10px;
        margin-bottom: 10px;
        cursor: pointer;
        text-align: center;
    }

        .paymentcol:hover {
            background-color: #e21f26;
            color: #FFF;
            border: 1px solid #FFF
        }


    /*============================= Resume Builder Paid Services ======================================*/

    .paidbg-img {
        width: 100%;
        min-height: 100px;
        background: url('../images/professional-resume-banner.jpg') center center no-repeat;
        background-size: cover;
        margin-bottom: -20px;
        margin-top: 40px;
    }


    .paidbg-imginner {
        font-family: 'Lato', sans-serif;
        font-size: 30px;
        font-weight: 700;
        color: #FFF;
        text-align: center;
        padding: 150px 0px 0px 0px;
        margin: -140px 0px 0px 0px;
        line-height: 32px
    }

        .paidbg-imginner .paidbgsmalltext {
            font-size: 15px
        }


    h2.sub-heading {
        color: #272626;
        font-family: 'Lato',sans-serif;
        font-size: 27px;
        line-height: normal;
        margin-bottom: -10px;
        padding-bottom: 8px;
        position: relative;
        text-transform: uppercase;
        text-align: center;
        padding-left: 15px;
    }

        h2.sub-heading img {
            margin: -20px 0px 0px 0px;
            width: unset
        }


    a .resumepaidbox {
        width: 100%;
        padding-bottom: 10px
    }

    a .resumeboxicon {
        text-align: center;
        margin: 0px auto
    }

        a .resumeboxicon img {
            text-align: center;
            width: 150px;
            margin: 0px auto;
            border-radius: 50%;
            padding-bottom: 10px
        }

    .resumeboxname {
        font-family: 'Lato',sans-serif;
        font-weight: 600;
        font-size: 16px;
        text-align: center;
        color: #016fcc;
        margin: 0px 0px 0px 0px;
        text-transform: unset !important
    }

    .resumeboxdetails {
        font-family: 'Lato',sans-serif;
        font-weight: 600;
        font-size: 15px;
        text-align: center;
        color: #757575;
        margin: 5px 0px 0px 0px;
        text-transform: unset !important
    }


    .TeamMemberPic {
        width: 200px;
        text-align: left;
        padding: 5px;
        border: 2px solid #a4a4a4;
        margin: 0px 15px 0px 0px
    }

    .resumeboxalldetail {
        font-family: 'Lato',sans-serif;
        font-size: 14px;
        font-weight: 400;
        text-align: justify;
        color: #636363;
        padding: 0px 0px 0px 10px;
    }


    .knowmorecol {
        text-align: center;
        margin: 10px 0px 0px 0px
    }


    .morebtnBlue {
        padding: 3px 9px;
        font-family: 'Poppins',sans-serif;
        color: #FFF;
        background-color: #3C9DCD;
        font-size: 12px;
        text-decoration: none;
        font-weight: 500;
        text-align: center;
        border: 1px solid #FFF;
        box-shadow: 0 3px 5px #A9A9A9;
    }

    .morebtnRed {
        padding: 3px 9px;
        font-family: 'Poppins',sans-serif;
        color: #FFF;
        background-color: #e21f26;
        font-size: 12px;
        text-decoration: none;
        font-weight: 500;
        text-align: center;
        border: 1px solid #FFF;
        box-shadow: 0 3px 5px #A9A9A9;
    }

    /*.morebtnRed:hover { box-shadow: 0 3px 5px #222; }*/


    .servicetextdetails {
        font-family: 'Lato',sans-serif;
        font-weight: 700;
        color: #757575;
        text-align: justify;
        line-height: 25px;
        margin: 5px 15px 5px 0px
    }

    .service-highlights ul {
        width: 100%;
        text-align: left;
        line-height: 30px;
        list-style-type: none;
        font-weight: 400;
        color: #757575;
        font-family: 'Lato',sans-serif
    }

        .service-highlights ul li {
            margin-left: 0px
        }


    .paynowbox {
        background-color: #fff;
        box-shadow: 1px 1px 9px rgba(0,0,0,.6);
        width: 100%;
        font-family: 'Poppins',sans-serif;
        padding: 10px 0px 15px 0px;
        border-radius: 5px;
        margin-top: 10px;
    }

        .paynowbox .innerbg {
            margin: 15px 0px 10px 0px;
            padding: 10px;
            text-align: center;
            font-size: 25px;
            color: #757575;
            font-weight: 500;
            background-color: #F3F1F2;
            line-height: 30px
        }

    .deliveryopt {
        font-size: 14px;
        font-weight: 400;
        color: #e21f26;
        padding: 10px 10px 10px 10px
    }

    .rdbbtn {
        padding-bottom: 15px;
        padding-left: 10px
    }

    .paybtncol {
        text-align: center;
        margin-top: 15px
    }

    .paybtn {
        background-color: #e21f26;
        color: #fff;
        font-family: 'Poppins',sans-serif;
        font-size: 15px;
        font-weight: 500;
        text-decoration: none;
        text-align: center;
        padding: 5px 8px;
        border: 2px solid #D1141A
    }

    .rdbtext label {
        color: #757575;
        font-family: 'Lato',sans-serif;
        font-size: 14px !important;
        font-weight: 700
    }



    /*============================= Paid Services New ======================================*/


    .paidservice-bg {
        margin-top: 30px;
        padding: 25px 0;
        text-align: center;
        background: url('../images/paid-services-bg.jpg') top center repeat-y;
        padding: 20px 0;
        margin-bottom: 0px;
    }

    .paidservice-head {
        color: #FFF;
        font-family: 'GoogleSans-Medium',sans-serif;
        font-size: 27px;
        line-height: normal;
        margin: 50px 19px 19px 19px;
        padding-bottom: 8px;
        position: relative;
        text-align: center;
        font-weight: 500;
    }

    .paidservicebox {
        width: 100%;
        padding: 5px;
        background-color: #FFF;
        font-family: 'Lato',sans-serif;
        margin: 0px 0px 30px 0px;
        -webkit-box-shadow: 0 2px 2px 1px rgba(0,0,0,.2);
        -moz-box-shadow: 0 2px 2px 1px rgba(0,0,0,.2);
        box-shadow: 0 2px 2px 1px rgba(0,0,0,.2);
        display: flex;
        flex-direction: column;
        height: 100%;
        min-height: 261px;
    }

        .paidservicebox .innerbox {
            border: 1px solid #e21f26
        }

            .paidservicebox .innerbox:hover {
                border: 1px solid #e21f26
            }

    .paidservice-img {
        width: 100% !important
    }

    .paidservice-iconbox {
        text-align: center;
        width: 80px;
        margin: 0px auto;
    }

    .paidservice-textcol {
        padding: 0px 0px 10px 0px;
        text-align: center;
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
    }

    .paidservice-headtext {
        font-size: 16px;
        color: #016fcc;
        font-weight: 500;
        margin: 5px 0px 0px 0px;
        text-transform: capitalize !important;
        font-family: 'Poppins',sans-serif
    }

    .paidservice-detailtext {
        font-size: 13px;
        color: #757575;
        font-weight: 400;
        margin: 0px 0px 5px 0px;
        text-transform: unset !important
    }

    .paidservice-btncol {
        text-align: center;
        width: 100%;
        margin-top: auto;
    }

    .paidservice-paybtn {
        background-color: #e21f26;
        color: #fff;
        font-family: 'GoogleSans-Bold',sans-serif;
        font-size: 14px;
        font-weight: 500;
        text-decoration: none;
        text-align: center;
        padding: 5px 10px;
        border: 1px dotted #FFF
    }

        .paidservice-paybtn:hover {
            box-shadow: 0 3px 5px #A9A9A9;
            background-color: #3C9DCD;
            color: #FFF
        }



    /*
* ----------------------------------------------------------------------------------------
* 03.NEW BANNER CSS STYLE
* ----------------------------------------------------------------------------------------
*/

    section.newbanner {
        padding: 70px 0px !important;
    }

    section.newbanner .client-slider {
        padding: 15px 0;
        background-color: #333333;
        position: absolute;
        width: 100%;
        bottom: 0;
    }

    .form-inline {
        padding: 10px;
        background-color: #5996d9 ;/*rgba(0, 0, 0, 0.3)*/
        margin-bottom: 10px;
        position: relative;
        z-index: 1;
        margin: 30px 20px 20px 0px;
        border-radius:5px
    }


    .registeruthan {
        border: 1px solid #e21f26;
        font-family: GoogleSans-Medium, sans-serif;
        font-size: 14px;
        text-align: center;
        background-color: #e21f26;
        background-color: #e21f26;
        margin: 0px 0px 0px -16px;
        width: 100%;
        padding: 3px
    }

    .registeruthan a {
        text-decoration: none;
        color: #FFF
    }


    /*============== Circle Responsive ===============*/

    .circle-responsive {
        background: #ddd;
        border-radius: 50%;
        height: 0;
        padding-bottom: 100%;
        width: 100%;
    }

    .circle-content {
        color: #fff;
        float: left;
        line-height: 1;
        margin-top: -0.5em;
        padding-top: 50%;
        text-align: center;
        width: 100%;
    }



    /*=============== Other CSS ===============*/
    .btnapplicants {
        margin-top: 5px;
        font-weight: bold;
        padding: 2px 14px;
        background-color: #337ab7;
        border-color: #337ab7;
        font-size: 12px;
        color: #fff;
        border-radius: 4px
    }

    .btnapplicants:hover {
        background-color: #0E4A7E;
        border: 1px solid #0E4A7E
    }

    .job-type {
        line-height: 25px !important
    }

    .breadcrumb1-search {
        padding: 30px 0px !important
    }



    .numericpage {
        padding: 5px 12px;
        color: #007bff;
        font-size: 15px;
        margin-right: -4px;
        margin-bottom: 10px;
        border: 1px solid #dee2e6;
        background-color: #FFF
    }

    .active {
        background-color: #007bff;
        border-color: #007bff;
        color:#FFF;
    }

    .numericpage:hover {
        background-color: #f5f5f5
    }

    .btnviewdetails {
        margin-top: 5px;
        font-weight: 500;
        padding: 2px 14px;
        background-color: #636363;
        border: 1px solid #636363;
        font-size: 12px;
        color: #FFF;
        border-radius: 5px
    }

    .btnviewdetails:hover {
        background-color: #242424;
        border: 1px solid #242424;
        color: #FFF
    }

    .btnapplicants {
        margin-top: 5px;
        font-weight: 400;
        padding: 2px 14px;
        background-color: #06B8FB;
        border: 1px solid #06B8FB;
        font-size: 12px;
        color: #FFF;
        border-radius: 5px
    }

        .btnapplicants:hover {
            background-color: #42CBFF;
            border: 1px solid #42CBFF
        }

    .btnapplicants1 {
        margin-top: 5px;
        font-weight: 400;
        padding: 2px 14px;
        background-color: #06B8FB;
        border: 1px solid #06B8FB;
        font-size: 12px;
        color: #FFF;
        border-radius: 5px
    }

        .btnapplicants1:hover {
            background-color: #42CBFF;
            border: 1px solid #42CBFF
        }

    .btnapplied {
        margin-top: 5px;
        font-weight: bold;
        padding: 2px 14px;
        font-size: 12px
    }

    .job-box-2 .job-title-box {
        margin-top: 0px !important
    }

        .job-box-2 .job-title-box .job-title {
            font-size: 15px !important
        }

            .job-box-2 .job-title-box .job-title a:hover {
                color: #e21f26 !important
            }

    section {
        padding: 30px 30px 
    }

    .breadcrumb-search .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 35px !important
    }

    .breadcrumb-search .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 45px !important
    }



    /*=============== New Site Navigation ================*/

    .site-nav {
        width: 100%;
        margin: 45px 0px 0px 0px;
        background-repeat: repeat-x;
        background: rgba(60, 146, 202, 0.7) url('../images/facts-banner.jpg');
        text-align: left;
    }

        .site-nav .infobox {
            width: 100%;
            color: #fff;
        }

        .site-nav .texticonbox {
            float: left
        }

        .site-nav .texticon {
            background-color: #ea4b35;
            padding: 30px 20px;
            border: 1px solid #FFF;
            font-weight: 600;
            margin-right: 20px
        }

    .texthead {
        font-weight: 500;
        font-size: 21px;
        text-align: left;
        color: #FFF;
        margin: 0px 0px 0px 0px;
        font-family: GraphikMedium,sans-serif;
        text-transform: capitalize
    }

    .smalltext {
        font-weight: 400;
        font-size: 12px;
        text-align: left;
        margin-top: 10px;
        color: #fff
    }

    .smallsubtext {
        font-weight: 400;
        font-size: 20px;
        text-align: center;
        margin-top: 10px;
        color: #fff
    }


    .afloginjobname {
        font-weight: 500;
        font-size: 19px;
        text-align: left;
        color: #FFF;
        text-transform: capitalize;
        font-family: 'Rubik',sans-serif;
        margin: 0px 0px 0px 0px;
        line-height: 1.3;
    }

    .afloginjobloc {
        font-weight: 400;
        font-size: 14px;
        text-align: left;
        margin-top: 10px;
        color: #fff;
        font-family: 'Rubik',sans-serif;
        word-wrap:break-word
    }


    .supportbox {
        padding: 30px 0px;
        color: #172337;
        text-align: center
    }

    .supdetail {
        font-size: 13px;
        background-color: #ecf0f4;
        border: 1px solid #FFF;
        padding: 10px 5px;
        margin-bottom: 10px;
        margin: auto auto;
        width: 50%
    }

        .supdetail:hover {
            background-color: #e72828;
            cursor: pointer;
            color: #FFF
        }

    .logoslider {
        width: 150px !important;
        padding: 10px 0px 10px 0px;
        max-height:120px;
    }


.breadcum {
    position: relative;
    background: #257fc7;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    font-family: 'Rubik',sans-serif;
    width: 100%;
    margin: 70px 0px 0px 0px;
}

    .breadcum:after {
        position: absolute;
        content: '';
        background: url(../images/breadcrum-bg.png);
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }

.infobox {
    position: relative;
    z-index: 1;
    margin:10px 0px 0px 0px
}


    .breadcum-amer {
        width: 100%;
        margin: 61px 0px 0px 0px;
        background-repeat: repeat-x;
        height: 89px;
        background: rgba(60, 146, 202, 0.7) url('../images/AmerJobFairBg.png');
        text-align: left;
        background-position: center;
        background-size: contain
    }


    .loginbreadcrum {
        position: relative;
        background: #257fc7;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        font-family: 'Rubik',sans-serif;
        width: 100%;
        margin: 60px 0px 0px 0px;
        padding:20px 0px 15px 0px
    }

    .loginbreadcrum:after {
        position: absolute;
        content: '';
        background: url(../images/breadcrum-bg.png);
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .loginbreadcrum-emp {
        min-height: 120px;
        width: 100%;
        background: url(../images/visionjobs-search-banner.jpg) center repeat-x;
        position: relative;
        background-size: cover;
        margin: 40px 0px 0px 0px;
        padding: 50px 0px 0px 0px
    }

    /*================== My Custom Before Regd Page ( Jobseeker )=====================*/

    .outercol {
        width: 100%;
        margin: 20px 0px 0px 0px
    }

    .mainbox {
        width: 100%;
        background-color: #F4FCFF;
        border-radius: 0px; /*margin:10px auto*/
        text-align: center;
        box-shadow: 1px 1px 10px 0px #CCC;
        padding: 1px;
        border-radius: 5px;
        min-height: 160px;
    }

    .innerbox {
        background-color: #FFF;
        margin: 5px;
        overflow: hidden;
    }

        .innerbox img {
            width: 115px;
            text-align: center;
            padding: 10px;
            transition: linear .5s;
        }

    .mainbox:hover .innerbox img {
        transform: scale(1.1);
    }

    .icontext {
        font-weight:800;
        text-align: center;
        color: #e21f26;
        line-height: 22px;
        padding: 5px;
        font-family: 'Mulish',sans-serif;
    }

    .icontext a {
        color: #005B86;
        text-decoration: none;
        font-size:15px;
    }

    .icontext a:hover {
        color: #337ab7; /*text-shadow: 0 1px 1px rgba(0,0,0,.4);*/
    }

    .icontext span {
        color: #444;
        font-size: 13px
    }


    .resumebuilderbox {
        background-color: #3B4552;
        padding: 8px;
        margin: 30px 0px 0px 0px;
        font-size: 12px;
        text-align: center;
        color: #FFF;
        border-bottom: 2px solid #09c;
        width: 100%;
        font-weight: 500;
    }

        .resumebuilderbox a span {
            color: #f5f5f5
        }

    .clkbtn {
        padding: 4px 4px;
        border: 1px solid #fff;
        background-color: #00AEEF;
        margin-top: 5px;
        font-size: 12px
    }

        .clkbtn:hover {
            background-color: #3B4552
        }


    .registernewuser {
        padding: 8px 8px 8px 0px;
        margin: 0px 0px 0px 0px;
        font-size: 12px;
        text-align: left;
        color: #FFF;
        font-weight: 500;
    }

    .registernewuser a span {
        color: #005B86;
        padding: 9px 10px;
        background-color: #f5f5f5;
        border: 1px solid #005B86;
        font-family: GoogleSans-Bold
    }

    .registernewuser a span:hover {
        color: #F5F5F5;
        padding: 5px 10px;
        background-color: #005B86
    }

    .newuser-regd {
        /*padding: 7px 10px 10px 7px;*/
        padding: 7px 10px 10px 0px;
        margin: 0px 0px 10px 0px;
        font-size: 14px;
        text-align: left;
        color: #FFF;
        font-weight: 600;
        display: flex;
        justify-content: left;
        width: 100%;
    }

    .newuser-regd a span {
        color: #005B86;
        padding: 4px 5px;
        background-color: #f5f5f5;
        border: 1px solid #005B86;
        font-family: 'Hind Siliguri',sans-serif;
    }

    .newuser-regd a span:hover {
        color: #F5F5F5;
        padding: 5px 5px;
        background-color: #005B86
    }

    .clkbtnnew {
        padding: 4px 4px;
        border: 1px solid #fff;
        background-color: #00AEEF;
        font-size: 14px
    }



    /*================ Job Info Box Css ===============*/

    .jobinfobox {
        margin: 0px auto;
        background-color: #FFF;
        border-radius:8px;
        box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 5px;
        font-family: 'Mulish',sans-serif;
        border: 2px solid rgb(219, 219, 219);
        background: rgb(255, 255, 255);
    }

    .jdbox {
        padding: 10px 10px 10px 10px
    }

    .jobtitle {
        font-size: 15px;
        color: #344154;
        text-align: left;
        font-weight:600
    }

        .jobtitle span {
            color: #016fcc;
        }

    .job-company {
        font-size: 15px;
        color: #005278;
        text-align: left;
        margin-top: 10px;
        font-weight:700
    }

    .job-des {
        font-size: 12px;
        color: #444;
        text-align: left;
        margin-top: 20px;
        font-weight:700;
        line-height:21px;
    }

        .job-des span {
            padding: 0px 0px 0px 0px;
            word-wrap:break-word;
        }

        .job-des i {
            font-size: 13px;
            color: #54698d;
        }

    .jobdesc-other {
        background: #F0EFEF;
        color: #787878;
        padding: 4px 0px 4px 10px;
        font-size: 11px;
        font-weight:700;
        border-bottom-left-radius:8px;
        border-bottom-right-radius:8px;
    }


    .JobDescriptionFull {
        color: #787878;
        text-align: justify;
    }

    .JobDescriptionFull p {
        font-family: 'Mulish',sans-serif !important;
        padding: 0px;
        line-height: 22px;
        font-weight:600
    }

    /*========= Jobseeker Breadcrum ======= */

    .jobseeker-breadcrum {
        font-family: GoogleSans-Medium, sans-serif;
        text-align: right;
        color: #FFF;
        margin-top: 17px
    }

        .jobseeker-breadcrum a {
            color: #FFF;
            text-decoration: none;
            font-size: 14px;
        }

            .jobseeker-breadcrum a:hover {
                color: #F5F5F5;
                text-decoration: none
            }

    jobseeker-breadcrum a .now {
        color: #E9E9E9
    }

    .jddetails {
        font-family: 'Mulish',sans-serif;
        margin-bottom: 10px;
        margin-top:10px;
    }

    .companyname {
        font-size: 15px !important;
        font-weight: 500 !important;
    }
    .companyname span{
        font-size:14px!important;
        font-weight:500!important;
    }

    .jddetails a {
        font-size: 12px;
        color: #FFF;
        font-weight:600
    }

    .jddetails a:hover, a:focus { color:#FFF }

    .jobview { background-color: #636363; border: 1px solid #636363;padding: 1px 5px 3px 5px; border-radius: 4px; }
    .jobApplied { background-color: #199CD9;border: 1px solid #199CD9;padding: 1px 5px 3px 5px; border-radius: 4px;}
    .jobapplicants { background-color: #0E4A7E;border: 1px solid #0E4A7E;padding: 1px 5px 3px 5px; border-radius: 4px; }
    .downloadappli { background-color: #023558; border: 1px solid #023558;padding: 1px 5px 3px 5px; border-radius: 4px;}
    .jobshortlist { background-color: #EA6A47; border: 1px solid #EA6A47;padding: 1px 5px 3px 5px; border-radius: 4px; }
    .interviewsch { background-color:#199CD9; border:1px solid #199CD9;padding: 1px 5px 3px 5px; border-radius: 4px;}
    .interviewselect { background-color:#0B4EA2; border:1px solid #053674;padding: 1px 5px 3px 5px; border-radius: 4px;}
    .offercandidate { background-color:#57CD51; border:1px solid #57CD51 ;padding: 1px 5px 3px 5px; border-radius: 4px; }
    .jobclosure { background-color:#E21F26; border:1px solid #E21F26 ;padding: 1px 5px 3px 5px; border-radius: 4px; }

    /*============== Campaigning CSS =========*/

    .campaign-box {
        width: 100%;
        box-shadow: 0 1px 8px 0 rgba(0,0,0,0.12), 0 1px 4px 0 rgba(0,0,0,0.06);
        -webkit-box-shadow: 0 1px 8px 0 rgba(0,0,0,0.12), 0 1px 4px 0 rgba(0,0,0,0.06);
        -moz-box-shadow: 0 1px 8px 0 rgba(0,0,0,0.12), 0 1px 4px 0 rgba(0,0,0,0.06);
        background-color: #F5F5F5;
        padding: 18px 20px;
        border-radius: 6px;
        text-align: center;
        font-family: GoogleSans-Medium !important;
        margin-bottom: 20px
    }

    .headtext {
        margin-top: 17px;
        text-align: center;
        color: #016fcc;
        font-weight: 500;
        font-size: 17px;
        line-height: 25px;
        margin: 0px 0px 20px 0px
    }

    .subtext {
        text-align: center;
        color: #757575;
        font-weight: 400;
        font-size: 15px
    }


    /*=============== Job Process ===========*/

    .processbox {
        width: 100%;
        box-shadow: 0 1px 8px 0 rgba(0,0,0,0.12), 0 1px 4px 0 rgba(0,0,0,0.06);
        -webkit-box-shadow: 0 1px 8px 0 rgba(0,0,0,0.12), 0 1px 4px 0 rgba(0,0,0,0.06);
        -moz-box-shadow: 0 1px 8px 0 rgba(0,0,0,0.12), 0 1px 4px 0 rgba(0,0,0,0.06);
        background-color: #FFF;
        border: solid 1px #dadada;
        border-radius: 10px;
        text-align: center;
        padding: 15px 10px 10px 10px;
        font-family: 'Rubik',sans-serif;
        font-size: 14px;
        color: #005C87;
        margin-bottom: 20px;
        font-weight: 600;
        line-height: 20px;
        min-height: 220px !important;
        max-height: 300px !important;
        transition: linear .5s;
    }

        .processbox img {
            height: auto;
            width: 80px;
            text-align: center
        }

        .processbox .undercol {
            width: 30px;
            margin: 12px auto;
            height: 0;
            border-bottom: 3px solid #444444;
        }

        .processbox .processtext {
            text-align: center;
            text-transform: capitalize;
            margin-top: 15px
        }

    .processsmalltext {
        text-align: center;
        color: #757575;
        font-weight: 400;
        font-size: 15px;
        line-height: 19px;
        margin-top: 14px
    }


    .ServiceListName {
        font-family: 'Exo 2', sans-serif;
        font-size: 17px;
        font-weight: 600;
        text-align: left;
        background-color: #f4f4f4;
        line-height: 40px;
        border-bottom: none;
        padding-left: 10px;
        text-transform: capitalize;
        color: #191e34
    }

    .orangebtn {
        color: #fff;
        border-radius: 32.4px;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
        box-shadow: 0 2px 3px 0 rgba(247,95,30,.2);
        background-image: linear-gradient(to right,#fc6076,#ff9231);
        font-size: 13px;
        padding: 8px 20px;
        font-family: 'Exo',sans-serif;
        border: none;
        cursor: pointer;
        font-weight: 700;
    }

        .orangebtn:hover {
            -webkit-transition: all 0.9s;
            -o-transition: all 0.9s;
            -ms-transition: all 0.9s;
            -moz-transition: all 0.9s;
            transition: all 0.9s;
            text-decoration: none;
            background-image: linear-gradient(to right,#ff9231,#fc6076);
            color: #FFF
        }

    .staticlabel {
        font-family: Poppins,sans-serif;
        font-size: 13px;
        font-weight: 500;
        margin-bottom: 5px
    }

    .mofiheader {
        background-color: #C3C3C3;
        border: 1px solid #DDD;
        padding: 5px 5px 5px 5px;
        text-align: left;
        font-family: 'Poppins',sans-serif;
        font-size: 15px;
        font-weight: 500;
        margin: 10px 0px 20px 0px
    }

    .mofitext {
        margin: -15px 0 20px 28px
    }

    .fakeinfobox {
        /*background: linear-gradient( -45deg,#EEEEEE 0%,#BCBCBC 100%);*/
        background: linear-gradient( -45deg,#1A3C59 0%,#0A4F82 100%);
        font-family: GoogleSans-Medium,sans-serif;
        color: #FFF;
        padding: 15px 0px !important;
        width: 100%
    }

    .fakeinfoboxhead {
        font-size: 21px;
        font-weight: 400;
        text-align: left;
        margin: 10px 0px 10px 0px;
        line-height: 25px;
        text-transform: capitalize;
        font-family: GoogleSans-Medium,sans-serif;
    }

    .fakeinfotext {
        text-align: left;
        line-height: 35px;
        list-style-type: decimal;
        font-size: 14px;
        font-family: GoogleSans-Regular,sans-serif;
        padding-left: 18px;
        color: #FFF;
        font-weight: 500
    }

    .homebtn {
        font-family: 'Rubik', sans-serif;
        font-size: 14px;
        text-align: center;
        background-color: #0071A8;
        margin: 0px 0px 10px 0px;
        width: 100%;
        padding: 7px;
        border-radius: 5px;
        padding: 7px 7px 7px 7px
    }

        .homebtn a {
            color: #FFF
        }

    .resumepanelbor {
        border: 5px solid #F5F5F5;
        background-color: #FFF;
    }

    .resumepanelbor h1 {
        margin: 50px auto;
        text-align: center;
        color: #E21F26
    }

    .jddescriptioninner {
        padding: 10px 10px 0px 10px;
        min-height: 325px;
        max-height: 535px;
        overflow-y: scroll;
    }

    .jddescriptioninner ul {
        font-family: 'Hind Siliguri',sans-serif;
        font-size: 15px;
        list-style-type: disc;
        margin:10px 0px 10px 0px
    }

    .jddescriptioninner ul li {
        font-weight: 400;
        margin: 0px 0px 5px 10px
    }

    .jddescriptioninner ul li a {
        font-size: 14px;
    }

    .jddescriptioninner ul li ul {
        font-weight: 500;
        margin: 0px 0px 10px 30px;
        list-style-type: circle;
    }

    .jddescriptioninner ul li ul li {
        font-weight: 500;
        font-size: 14px;
        margin: 5px 0px 5px 10px;
    }

    .countbtnpos {
        float: right;
        margin: -10px 0px 0px 10px
    }

    .statusdetails {
        font-family: GoogleSans-Medium,sans-serif;
        font-size: 13px;
        font-weight: 500;
        color: #FFF;
        float: right;
        margin: 0px 0px 5px 5px
    }

        .statusdetails span {
            color: #FFF;
        }

    .totalappli {
        background-color: #690228;
        border: 1px solid #690228;
        padding: 5px 9px;
        border-radius: 5px
    }

        .totalappli a {
            color: #FFF;
            font-size: 13px;
            font-weight: 500;
        }

            .totalappli a:hover {
                color: #FFF;
            }

    .totalpending {
        background-color: #F0AD4E;
        border: 1px solid #F0AD4E;
        padding: 5px 9px;
        border-radius: 5px
    }

        .totalpending a {
            color: #FFF;
            font-size: 13px;
            font-weight: 500;
        }

            .totalpending a:hover {
                color: #FFF;
            }

    .totalshortlist {
        background-color: #49A249;
        border: 1px solid #49A249;
        padding: 5px 9px;
        border-radius: 5px
    }

        .totalshortlist a {
            color: #FFF;
            font-size: 13px;
            font-weight: 500;
        }

            .totalshortlist a:hover {
                color: #FFF;
            }

    .totalonhold {
        background-color: #5BC0DE;
        border: 1px solid #5BC0DE;
        padding: 5px 9px;
        border-radius: 5px
    }

        .totalonhold a {
            color: #FFF;
            font-size: 13px;
            font-weight: 500;
        }

            .totalonhold a:hover {
                color: #FFF;
            }

    .totalreject {
        background-color: #D9534F;
        border: 1px solid #D9534F;
        padding: 5px 9px;
        border-radius: 5px
    }

    .Backtext {
        background-color: #337AB7;
        border: 1px solid #337AB7;
    }

    .totalreject a {
        color: #FFF;
        font-size: 13px;
        font-weight: 500;
    }

        .totalreject a:hover {
            color: #FFF;
        }

    .msilheader {
        background-color: #DEDEDE;
        border: 1px solid #a4a4a4;
        padding: 5px 5px 5px 5px;
        text-align: left;
        font-family: 'Sintony',sans-serif;
        font-size: 15px;
        font-weight: 600;
        margin: 0px 15px 15px 15px;
        color: #171717
    }

    .msilsubheader {
        border-bottom: 1px solid #a4a4a4;
        padding: 5px 5px 5px 0px;
        text-align: left;
        font-family: 'Sintony',sans-serif;
        font-size: 15px;
        font-weight: 600;
        margin: 0px 0px 20px 0px;
        color: #171717
    }


    /*================== Payment Page ==========*/
    .success-msg-main {
        background-color: #F2F9F1;
        border: 1px solid #7FBB7D;
        border-radius: 5px;
        float: left;
        font-family: 'Sintony',sans-serif;
        font-size: 20px;
        font-weight: 600;
        width: 100%;
        line-height: 24px;
    }

        .success-msg-main .left-sucess {
            background-color: #7FBB7D;
            color: #FFF;
            padding: 15px 15px 15px 15px;
            margin: 0px auto;
            float: left;
            font-size: 25px;
        }

        .success-msg-main .right-sucess {
            float: left;
            color: #272727;
            padding: 15px 15px 0px 15px;
            margin: 0px auto;
        }

    .courseintro {
        padding: 0px 0px 10px 0px;
        background: #FFF;
        border-radius: 6px;
        text-align: center;
        position: relative;
        box-shadow: 0 2px 3px rgb(0 0 0 / 20%);
        margin: 20px 15px 20px 15px;
    }

    .appbxredbor {
        border-top: 3px solid #E21F26;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .courseredbg {
        background-color: #E21F26;
    }

    .coursename h1 {
        padding: 5px 10px 10px 10px;
        text-align: center;
        color: #FFF;
        margin: 0px !important;
        font-family: GoogleSans-Medium, sans-serif !important;
        font-size: 17px;
        font-weight: 600
    }

    .btnbox {
        background-color: #FFF;
        display: inline-block;
        width: 46%;
        margin: 20px 0px 10px 0px;
    }

    .eligibledetails {
        text-align: left;
        font-family: 'Sintony',sans-serif;
        font-size: 14px;
        font-weight: 500;
        color: #000;
    }

        .eligibledetails b {
            font-weight: 600
        }

        .eligibledetails ul {
            list-style-type: disc;
            margin: 0px 0px 0px 30px;
        }

            .eligibledetails ul li {
                line-height: 25px
            }

    /*================== Premium Services Box =============*/

    .prmbox {
        width: 100%;
        font-family: GoogleSans-Medium;
        font-weight: 500
    }

        .prmbox table {
            width: 100%;
            border: 1px solid #C4C4C4;
            background-color: #FFF;
            line-height: 20px;
            font-size: 14px;
            box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
        }

            .prmbox table tr td img {
                width: 30px;
                text-align: center;
                margin: 0px auto
            }

    .alt {
        background-color: #F5F5F5
    }

    .category {
        background-color: #008AD2;
        color: #FFF !important;
        font-family: 'Sintony',sans-serif
    }

    .bronzeCate {
        background-color: #AA5202;
        color: #FFF !important;
        line-height: 30px
    }

    .silverCate {
        background-color: #BDBEC0;
        color: #FFF !important;
        line-height: 30px
    }

    .goldCate {
        background-color: #E8B43E;
        color: #FFF !important;
        line-height: 30px
    }

    .platCate {
        background-color: #6C858C;
        color: #FFF !important;
        line-height: 30px
    }

    .priceamt {
        text-align: center;
        font-size: 20px;
        font-family: 'Sintony',sans-serif;
        text-align: center
    }

    .prmhead {
        font-size: 16px !important;
        text-align: center;
        font-weight: 600;
        font-family: 'Sintony',sans-serif;
        line-height: 30px
    }

    .prmheadmain {
        background-color: #595959;
        font-size: 22px;
        text-align: center;
        line-height: 25px;
        font-family: 'Sintony',sans-serif;
        color: #FFF;
        padding: 20px
    }

    .prmcolone {
        border-right: 1px solid #C4C4C4;
        border-bottom: 1px solid #C4C4C4;
        width: 40%;
        text-align: left;
        padding: 5px 5px 5px 5px;
        color: #3B3838;
    }

    .prmcoltwo {
        border-right: 1px solid #C4C4C4;
        border-bottom: 1px solid #C4C4C4;
        width: 15%;
        text-align: center;
        padding: 5px 5px 5px 5px;
        color: #3B3838
    }

    .prmcolthree {
        border-right: 1px solid #C4C4C4;
        border-bottom: 1px solid #C4C4C4;
        width: 15%;
        text-align: center;
        padding: 5px 5px 5px 5px;
        color: #3B3838
    }

    .prmcolfour {
        border-right: 1px solid #C4C4C4;
        border-bottom: 1px solid #C4C4C4;
        width: 15%;
        text-align: center;
        padding: 5px 5px 5px 5px;
        color: #3B3838
    }

    .prmcolfive {
        border-bottom: 1px solid #C4C4C4;
        width: 15%;
        text-align: center;
        padding: 5px 5px 5px 5px;
        color: #3B3838
    }


    .prmpaynow {
        background-color: rgba(226,31,38,0.7);
        color: #FFF !important;
        border: 1px solid #FFF;
        text-align: center;
        margin: 10px 25px 10px 25px;
        padding: 0px 0px 0px 0px;
    }

        .prmpaynow:hover {
            background-color: #e21f26
        }

    .prmpaynowtext {
        font-size: 13px;
        font-weight: 500;
        text-align: left;
        color: #FFF !important;
        font-family: 'Poppins',sans-serif;
    }

    .prmpaynowtext_small {
        font-size: 12px !important;
        line-height: 22px;
        color: #FFF !important;
        font-weight: 500;
        font-family: 'Lato',sans-serif
    }

    /*================ App Icon ==============*/

    .appiconbx {
        text-align: right;
        margin: -10px 20px -10px 0px;
    }

        .appiconbx img {
            width: 140px;
            text-align: center
        }

    /*============== Client Breadcrum =============*/

    .loginbreadcrum-client {
        min-height: 150px;
        width: 100%;
        background: url(../images/Client-search-banner.jpg) center repeat-x;
        position: relative;
        background-size: cover;
        margin: 40px 0px 0px 0px;
        padding: 50px 0px 0px 0px
    }

    .clientname {
        font-weight: 500;
        font-size: 25px;
        text-align: left;
        color: #FFF;
        font-family: 'Outfit',sans-serif;
        line-height: 25px
    }

    .premium-cli {
        background-color: #ECF0F4;
        border-radius: 32px;
        text-align: center;
        padding: 5px 5px 5px 5px;
        margin: 10px 0px 10px 0px;
        font-family: 'Outfit',sans-serif;
        font-size: 14px;
        width: 28%;
        color: #01439f;
        font-weight: 600;
    }

    .cle-sec {
        padding: 8px 0px 8px 0px;
        margin-top: 0;
        border-width: 2px;
        font-weight: 600;
        text-align: right;
        font-family: 'Outfit',sans-serif
    }

    .cli-call {
        background: #fff;
        border: solid 1px #ea4335;
        border-radius: 2px;
        padding: 7px 15px;
        color: #ea4335;
        margin-top: 10px;
        display: inline-block;
        font-size: 14px;
    }

        .cli-call:hover {
            background: #ea4335;
            border: solid 1px #ea4335;
            color: #FFF;
        }

    .cli-mail {
        background: #fff;
        border: solid 1px #147dfe;
        border-radius: 2px;
        padding: 7px 15px;
        color: #147dfe;
        margin-top: 10px;
        display: inline-block;
        font-size: 14px;
    }

        .cli-mail:hover {
            background: #147dfe;
            border: solid 1px #147dfe;
            color: #FFF;
        }

    .btn-box {
        display: block;
        margin: 25px 0px 0px 10px
    }

    .btn-box-form {
        display: block;
        margin: 23px 0px 0px 10px;
        text-align: right
    }

    .btn-box-reg {
        display: block;
        margin: 25px 0px 0px 0px;
        text-align: left
    }

    /*-------------- */
    .jobbtn {
        font-family: GoogleSans-Medium, sans-serif;
        padding: 5px 15px;
        margin: -5px 0px 13px 0;
        font-size: 14px;
        text-align: center;
        background-color: #e65252;
        border: 1px solid #e65252;
        -webkit-transition: all 0.9s;
        -o-transition: all 0.9s;
        -ms-transition: all 0.9s;
        -moz-transition: all 0.9s;
        transition: all 0.9s;
        color: #FFF;
    }

        .jobbtn:hover {
            background-color: #FFF;
            border: 1px solid #e65252;
            -webkit-transition: all 0.9s;
            -o-transition: all 0.9s;
            -ms-transition: all 0.9s;
            -moz-transition: all 0.9s;
            transition: all 0.9s;
            color: #e65252;
            box-shadow: 0 0 0 2px rgba(234,108,108,0.5)
        }

        .jobbtn:focus {
            background-color: #FFF;
            border: 1px solid #e65252;
            -webkit-transition: all 0.9s;
            -o-transition: all 0.9s;
            -ms-transition: all 0.9s;
            -moz-transition: all 0.9s;
            transition: all 0.9s;
            color: #e65252;
            box-shadow: 0 0 0 2px rgba(234,108,108,0.5)
        }

    /*=================== Register area ==========*/

    .register-main-box {
        background-color: rgba(8,99,139,1);
        font-family: 'Rubik',sans-serif;
        border-radius: 10px;
        margin: 0px 0px 0px 0px;
        padding: 1px 0px 5px 0px
    }

    .register-main-box2 {
        background-color: rgba(8,99,139,1);
        font-family: 'Rubik',sans-serif;
        border-radius: 10px;
        margin: 0px 0px 0px 0px;
        padding: 1px 0px 5px 0px
    }

    .register-btn {
        background-color: #fff;
        text-align: center;
        font-family: 'Rubik',sans-serif;
        text-decoration: none;
        font-weight: 500;
        padding: 10px;
        border-radius: 2px;
        margin: 10px 0px 10px 0px
    }

        .register-btn a {
            color: #005B86;
            text-decoration: none;
            font-size: 14px;
        }

    .premium-btn {
        background-color: #005B86;
        color: #FFF;
        text-align: center;
        font-family: 'Hind Siliguri',sans-serif;
        text-decoration: none;
        font-size: 30px;
        font-weight: 500;
        padding: 10px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        margin: 10px 10px 10px 10px;
        border: 2px solid #FFF;
    }

        .premium-btn a {
            color: #fff;
            text-decoration: none;
            font-size: 30px;
        }

            .premium-btn a:focus, a:hover {
                color: #fff;
            }

            .premium-btn a span {
                font-size: 13px
            }

            .premium-btn a img {
                width: 55px !important;
                margin: -23px -14px 0px 0px;
                float: right
            }

    .premium-btn2 {
        background-color: #005B86;
        color: #FFF;
        text-align: center;
        font-family: 'Hind Siliguri',sans-serif;
        text-decoration: none;
        font-size: 30px;
        font-weight: 500;
        padding: 10px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        margin: 10px -20px 0px -20px;
        border: 2px solid #FFF;
    }

        .premium-btn2 a {
            color: #FFF;
            text-decoration: none;
            font-size: 30px;
        }

            .premium-btn2 a span {
                font-size: 13px
            }

            .premium-btn2 a img {
                width: 55px !important;
                margin: -25px -63px 0px 0px;
                float: right;
            }

    .seperation-line {
        text-align: center;
        margin: auto 0px;
        height: 65px;
        background-color: #FFF;
        padding: 2px 0px 0px 0px;
        width: 2px;
        margin: 5px 0px 3px 70px
    }

    /*=============== Important Offset Setting ==========*/

    .leftoffset {
        padding: 0px 15px 0px 0px;
    }


    /*============== J&K Youth ===============*/

    .jkyouth-banner {
        margin: 55px 0px 0px 0px;
        width: 100% !important;
    }

        .jkyouth-banner img {
            width: 100%
        }

    .jkyouthbanner {
        width: 100%;
        margin: 58px 0px 0px 0px;
        padding: unset !important;
    }

    .loginbreadcrum-jkyouth {
        min-height: 350px;
        width: 100%;
        /*background: url(../images/Jk_Youth_Banner.jpg) center repeat-x;*/
        background: url(../images/JKPremium_Banner.jpg) center repeat-x;
        position: relative;
        background-size: cover;
        margin: 50px 0px 0px 0px;
        padding: 50px 0px 0px 0px
    }

    .jk-logo-box {
        width: 160px;
        text-align: left;
        background-color: #FFF;
        padding: 5px 5px 5px 5px;
        border-radius: 10px
    }

        .jk-logo-box img {
            width: 140px;
            text-align: center;
            margin: auto auto
        }

    .jj-logo-box {
        width: 160px;
        height: 120px;
        float: right;
        background-color: #FFF;
        padding: 5px 5px 5px 5px;
        border-radius: 10px
    }

        .jj-logo-box img {
            width: 140px;
            margin: 30px auto;
            text-align: center
        }

    .jk-text {
        font-family: 'Barlow',sans-serif;
        text-align: center;
        font-size: 25px;
        font-weight: 600;
        color: #FFF;
        line-height: 30px;
        margin: 30px 0px 10px 0px;
    }

        .jk-text span {
            font-size: 18px;
            text-align: center;
            font-weight: 500
        }

    .jk-register-text {
        font-family: 'Barlow',sans-serif;
        text-align: center;
        font-size: 25px;
        font-weight: 600;
        color: #242424;
        line-height: 30px;
        margin: 30px 0px 10px 0px;
    }

        .jk-register-text span {
            font-size: 18px;
            text-align: center;
            font-weight: 500
        }

    .jkpremium_box {
        padding: 10px;
        font-size: 16px;
        color: #005B86;
        box-shadow: 0px 0px 4px #bfbfbf;
        font-family: 'Barlow', sans-serif;
        border: 1px #bfbfbf solid;
        border-radius: 4px;
        margin: 0px 0px 0px 0px;
        text-align: center;
        line-height: 30px;
        background-color: #FFF;
        font-weight: 500;
    }

    /*-------------- */
    .jkregisterbtn {
        font-family: 'Barlow', sans-serif;
        padding: 8px 20px;
        margin: -5px 0px 13px 0;
        font-size: 18px;
        text-align: center;
        background-color: #ED081C;
        border: 1px solid #ED081C;
        -webkit-transition: all 0.9s;
        -o-transition: all 0.9s;
        -ms-transition: all 0.9s;
        -moz-transition: all 0.9s;
        transition: all 0.9s;
        color: #FFF;
        font-weight: 600;
        border-radius: 10px
    }

        .jkregisterbtn:hover {
            background-color: #FFF;
            border: 1px solid #E21F26;
            -webkit-transition: all 0.9s;
            -o-transition: all 0.9s;
            -ms-transition: all 0.9s;
            -moz-transition: all 0.9s;
            transition: all 0.9s;
            color: #ED081C;
            box-shadow: 0 0 0 2px rgba(237,8,28,0.5)
        }

        .jkregisterbtn:focus {
            background-color: #FFF;
            border: 1px solid #E21F26;
            -webkit-transition: all 0.9s;
            -o-transition: all 0.9s;
            -ms-transition: all 0.9s;
            -moz-transition: all 0.9s;
            transition: all 0.9s;
            color: #ED081C;
            box-shadow: 0 0 0 2px rgba(237,8,28,0.5)
        }


    /*=============== Sharing Option ==========*/

    .sharingbtn {
        text-align: right;
        margin: 15px 0px 10px 5px;
        float: right
    }

    .sharingbtn .a2a_svg {
        width: 25px;
        height: 25px;
        line-height: 30px
    }


    /*============== Ribbon Css =================*/
    /* common */
    .ribbon {
        width: 112px;
        height: 112px;
        overflow: hidden;
        position: absolute;
    }

    .ribbon::before,
    .ribbon::after {
        position: absolute;
        z-index: -1;
        content: '';
        display: block;
        border: 5px solid #2980b9;
    }

    .ribbon span {
        position: absolute;
        display: block;
        width: 200px;
        padding: 6px 0 6px 0px;
        background-color: #3498db;
        box-shadow: 0 5px 10px rgba(0,0,0,.1);
        color: #fff;
        font: 700 12px/1 'Sintony', sans-serif;
        text-shadow: 0 1px 1px rgba(0,0,0,.2);
        text-transform: capitalize;
        text-align: center;
    }

    /* top left*/
    .ribbon-top-left {
        top: 1px;
        left: 15px;
    }

    .ribbon-top-left::before,
    .ribbon-top-left::after {
        border-top-color: transparent;
        border-left-color: transparent;
    }

    .ribbon-top-left::before {
        top: 0;
        right: 0;
    }

    .ribbon-top-left::after {
        bottom: 0;
        left: 0;
    }

    .ribbon-top-left span {
        right: -35px;
        top: 32px;
        transform: rotate(-45deg);
    }

    /* top right*/
    .ribbon-top-right {
        top: -10px;
        right: -10px;
    }

    .ribbon-top-right::before,
    .ribbon-top-right::after {
        border-top-color: transparent;
        border-right-color: transparent;
    }

    .ribbon-top-right::before {
        top: 0;
        left: 0;
    }

    .ribbon-top-right::after {
        bottom: 0;
        right: 0;
    }

    .ribbon-top-right span {
        left: -25px;
        top: 30px;
        transform: rotate(45deg);
    }

    /* bottom left*/
    .ribbon-bottom-left {
        bottom: -10px;
        left: -10px;
    }

    .ribbon-bottom-left::before,
    .ribbon-bottom-left::after {
        border-bottom-color: transparent;
        border-left-color: transparent;
    }

    .ribbon-bottom-left::before {
        bottom: 0;
        right: 0;
    }

    .ribbon-bottom-left::after {
        top: 0;
        left: 0;
    }

    .ribbon-bottom-left span {
        right: -25px;
        bottom: 30px;
        transform: rotate(225deg);
    }

    /* bottom right*/
    .ribbon-bottom-right {
        bottom: -10px;
        right: -10px;
    }

    .ribbon-bottom-right::before,
    .ribbon-bottom-right::after {
        border-bottom-color: transparent;
        border-right-color: transparent;
    }

    .ribbon-bottom-right::before {
        bottom: 0;
        left: 0;
    }

    .ribbon-bottom-right::after {
        top: 0;
        right: 0;
    }

    .ribbon-bottom-right span {
        left: -25px;
        bottom: 30px;
        transform: rotate(-225deg);
    }


    .ribbon-success {
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5cb85c), color-stop(100%, #3d8b3d));
        background-image: -moz-linear-gradient(top, #5cb85c 0%, #3d8b3d 100%);
        background-image: -webkit-linear-gradient(top, #5cb85c 0%, #3d8b3d 100%);
        background-image: linear-gradient(to bottom, #5cb85c 0%, #3d8b3d 100%);
    }

    .ribbon-pending {
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0ad4e), color-stop(100%, #df8a13));
        background-image: -moz-linear-gradient(top, #f0ad4e 0%, #df8a13 100%);
        background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #df8a13 100%);
        background-image: linear-gradient(to bottom, #f0ad4e 0%, #df8a13 100%);
    }

    .ribbon-warning {
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d9534f), color-stop(100%, #b52b27));
        background-image: -moz-linear-gradient(top, #d9534f 0%, #b52b27 100%);
        background-image: -webkit-linear-gradient(top, #d9534f 0%, #b52b27 100%);
        background-image: linear-gradient(to bottom, #d9534f 0%, #b52b27 100%);
    }

    .ribbon-info {
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5bc0de), color-stop(100%, #28a1c5));
        background-image: -moz-linear-gradient(top, #5bc0de 0%, #28a1c5 100%);
        background-image: -webkit-linear-gradient(top, #5bc0de 0%, #28a1c5 100%);
        background-image: linear-gradient(to bottom, #5bc0de 0%, #28a1c5 100%);
    }

    /*-------------- */
    .prembtn-box {
        text-align: center;
        margin: auto 10px
    }

    .prem-act-btn {
        font-family: 'Barlow', sans-serif;
        padding: 2px 8px;
        margin: 5px 0px 13px 0;
        font-size: 12px;
        text-align: center;
        background-color: #ED081C;
        border: 1px solid #ED081C;
        -webkit-transition: all 0.9s;
        -o-transition: all 0.9s;
        -ms-transition: all 0.9s;
        -moz-transition: all 0.9s;
        transition: all 0.9s;
        color: #FFF;
        font-weight: 600;
        border-radius: 10px
    }

        .prem-act-btn:hover {
            background-color: #FFF;
            border: 1px solid #E21F26;
            -webkit-transition: all 0.9s;
            -o-transition: all 0.9s;
            -ms-transition: all 0.9s;
            -moz-transition: all 0.9s;
            transition: all 0.9s;
            color: #ED081C;
            box-shadow: 0 0 0 2px rgba(237,8,28,0.5)
        }

        .prem-act-btn:focus {
            background-color: #FFF;
            border: 1px solid #E21F26;
            -webkit-transition: all 0.9s;
            -o-transition: all 0.9s;
            -ms-transition: all 0.9s;
            -moz-transition: all 0.9s;
            transition: all 0.9s;
            color: #ED081C;
            box-shadow: 0 0 0 2px rgba(237,8,28,0.5)
        }

    /*-------------- */
    .alreadyavailbtn {
        font-family: 'Inclusive Sans', sans-serif;
        padding: 5px 8px;
        margin: 5px 0px 13px 0;
        font-size: 13px;
        text-align: center;
        background-color: #0095DA;
        border: 1px solid #0095DA;
        -webkit-transition: all 0.9s;
        -o-transition: all 0.9s;
        -ms-transition: all 0.9s;
        -moz-transition: all 0.9s;
        transition: all 0.9s;
        color: #FFF;
        border-radius: 10px;
        font-weight:500;
    }

        .alreadyavailbtn:hover {
            background-color: #FFF;
            border: 1px solid #0095DA;
            -webkit-transition: all 0.9s;
            -o-transition: all 0.9s;
            -ms-transition: all 0.9s;
            -moz-transition: all 0.9s;
            transition: all 0.9s;
            color: #0095DA;
            box-shadow: 0 0 0 2px rgba(0,149,218,0.5)
        }

        .alreadyavailbtn:focus {
            background-color: #FFF;
            border: 1px solid #0095DA;
            -webkit-transition: all 0.9s;
            -o-transition: all 0.9s;
            -ms-transition: all 0.9s;
            -moz-transition: all 0.9s;
            transition: all 0.9s;
            color: #0095DA;
            box-shadow: 0 0 0 2px rgba(0,149,218,0.5)
        }


    .heading {
        background-color: #DEDEDE;
        border: 1px solid #a4a4a4;
        padding: 5px 5px 5px 5px;
        text-align: left;
        font-family: 'Sintony',sans-serif;
        font-size: 15px;
        font-weight: 600;
        margin: 0px 10px 15px 0px;
        color: #171717;
    }

    .offerspan {
        font-family: 'Barlow', sans-serif;
        padding: 2px 8px;
        margin: 5px 0px 13px 0;
        font-size: 10px;
        text-align: center;
        background-color: #056188;
        border: 1px solid #056188;
        -webkit-transition: all 0.9s;
        -o-transition: all 0.9s;
        -ms-transition: all 0.9s;
        -moz-transition: all 0.9s;
        transition: all 0.9s;
        color: #FFF;
        border-radius: 10px
    }

    .heading-edu {
        background-color: #DEDEDE;
        border: 1px solid #a4a4a4;
        padding: 0px 5px 0px 5px;
        text-align: left;
        font-family: GraphikMedium,sans-serif;
        font-size: 13px;
        font-weight: 500;
        margin: 0px 10px 0px 0px;
        color: #171717;
    }

        .heading-edu .note {
            color: #e21f26;
            float: right;
            font-size: 13px;
        }

    /*============== Samply Resume Page ========*/

    .sampleresumebx {
        width: 100%;
        text-align: center;
        margin: 10px auto;
        background-color: #F5F5F5
    }

        .sampleresumebx img {
            text-align: center;
            width: 100%;
            padding: 5px;
            text-align: center;
            border: 1px solid #C5C6C6;
            margin: 10px auto
        }

    /*========== Need Help =============*/

    .Needhelpbtn {
        font-family: 'Barlow', sans-serif;
        padding: 10px 12px;
        margin: 5px 10px 13px 0;
        font-size: 14px;
        text-align: center;
        background-color: #0095DA;
        border: 1px solid #0095DA;
        -webkit-transition: all 0.9s;
        -o-transition: all 0.9s;
        -ms-transition: all 0.9s;
        -moz-transition: all 0.9s;
        transition: all 0.9s;
        color: #FFF;
        border-radius: 10px;
        font-weight: 600;
    }

        .Needhelpbtn:hover {
            background-color: #167DB7;
            border: 1px solid #167DB7;
            -webkit-transition: all 0.9s;
            -o-transition: all 0.9s;
            -ms-transition: all 0.9s;
            -moz-transition: all 0.9s;
            transition: all 0.9s;
            color: #FFF;
            box-shadow: 0 0 0 2px rgba(0,149,218,0.5)
        }

        .Needhelpbtn:focus {
            background-color: #167DB7;
            border: 1px solid #167DB7;
            -webkit-transition: all 0.9s;
            -o-transition: all 0.9s;
            -ms-transition: all 0.9s;
            -moz-transition: all 0.9s;
            transition: all 0.9s;
            color: #FFF;
            box-shadow: 0 0 0 2px rgba(0,149,218,0.5)
        }


    .pophead {
        font-family: 'Barlow',sans-serif;
        font-size: 18px;
        color: #444;
        text-align: center;
        line-height: 25px;
        font-weight: 600
    }

    .contacthead {
        background-image: url(../images/Contact.png);
        background-repeat: no-repeat;
        min-height: 450px;
        background-color: #00B0F0;
        margin: 58px 0px 0px 0px
    }

    .maparea {
        background-color: #FFF;
        padding: 10px 10px 6px 10px;
        margin: 10px 10px 10px 10px
    }

    .contactarea {
        font-family: 'Poppins',sans-serif;
        width: 100%;
        margin: 10px 10px 10px 10px;
        padding: 10px 10px 10px 10px;
        color: #FFF;
    }

    .contactmainhead {
        font-weight: 600;
        text-align: left;
        line-height: 25px;
        font-size: 18px;
    }

    .cont-address {
        font-weight: 500;
        text-align: left;
        line-height: 25px;
        font-size: 15px
    }

        .cont-address a {
            color: #FFF;
            text-decoration: underline
        }

            .cont-address a:hover {
                color: #FFF
            }

    /*============== Advance Search ===============*/

    .ads-box {
        background-image: url('../images/Advance_Search_bg.svg');
        background-repeat: repeat-x;
        background-color: #EAEEF2;
        width: 100%;
        min-height: 500px;
        margin: 20px 0px 0px 0px;
    }

    .ads-headbx {
        width: 100%;
        margin: 60px 0px 5px 0px;
        border: 1px solid #dbdde6;
        border-radius: 5px;
        background-color: #FFF;
        padding: 5px 5px 5px 5px;
        height: 45px
    }

        .ads-headbx label {
            font-weight: 500;
            font-family: 'Hind Siliguri',sans-serif;
            color: #000;
        }

    .ads-search-scroll {
        width: 100%;
        overflow-y: scroll;
        max-height: 513px;
        overflow-x: hidden
    }

    / width /
    .ads-search-scroll::-webkit-scrollbar {
        width: auto;
    }

    / Track /
    .ads-search-scroll::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    / Handle /
    .ads-search-scroll::-webkit-scrollbar-thumb {
        background: #888;
    }

    / Handle on hover /
    .ads-search-scroll::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

    .ads-searchbx {
        background-color: #FFF;
        color: #333;
        font-family: 'Hind Siliguri',sans-serif;
        padding: 10px 10px 10px 10px;
        border-radius: 4px;
        min-height: 513px;
    }

    .ads-datadr {
        border: 1px solid #dbdde6 !important;
        border-radius: 4px;
        background-color: #FFF;
        padding: 2px 10px;
        font-family: 'Hind Siliguri',sans-serif;
        font-size: 14px;
        box-shadow: none
    }

    .ads-heading {
        color: #01439f;
        font-family: 'Barlow',sans-serif;
        font-size: 20px;
        font-weight: 600;
        text-align: left
    }

    .ads-totalcount {
        font-size: 13px;
        font-weight: 600;
        margin-left:10px;
    }

    .resume-flex {
        display: flex;
        justify-content: space-between;
    }

    .ads-form label {
        font-family: 'Hind Siliguri',sans-serif;
        font-size: 13px;
        font-weight: 400;
        line-height: 20px;
        color: #333;
    }

    .ads-form-control {
        font-family: 'Hind Siliguri',sans-serif !important;
        font-size: 14px;
        transition: unset !important;
        font-weight: 400;
        padding: 5px 10px;
        border: 1px solid #dbdde6;
        border-radius: 4px !important
    }

        .ads-form-control:hover {
            border-color: #0078db
        }

        .ads-form-control:focus {
            border-color: #0078db
        }

    .adsspace {
        margin-top: 10px
    }

    .ads-maincandetails {
        border-radius: 5px;
        box-shadow: 0 1px 4px rgb(31 92 163 / 20%);
        margin: 0px 0px 10px 0px;
        font-family: 'Hind Siliguri',sans-serif;
    }

    .ads-inner {
        padding: 5px 10px 0px 10px;
        background-color: #FFF
    }

    .ads-canname {
        font-family: 'Hind Siliguri',sans-serif;
        font-size: 18px;
        margin: 0px 0px 10px 0px;
        text-transform: capitalize
    }

        .ads-canname a {
            color: #253858;
            font-weight: 600
        }

    .ads-canpdetails {
        width: 100%
    }

    .ads-meta {
        float: left;
    }

    .ads-primarydetails {
        line-height: 16px;
        margin-right: 16px;
        font-weight: 600;
        font-size: 13px;
        color: #091e42;
    }

        .ads-primarydetails i {
            color: #bcc4d3;
            margin-right: 5.33px;
            line-height: 16px;
        }

    .ads-meta2 {
        text-align: left;
        text-transform: capitalize
    }

    .ads-primarydetails2 {
        line-height: 16px;
        margin-right: 16px;
        font-weight: 600;
        font-size: 12px;
        color: #091e42;
    }

        .ads-primarydetails2 span {
            line-height: 20px;
            margin-right: 16px;
            font-weight: 400;
            font-size: 12px;
            color: #091e42;
        }

        .ads-primarydetails2 i {
            color: #bcc4d3;
            margin-right: 5.33px;
            line-height: 16px;
        }


    .ads-canavtar {
        width: 100%;
        height: 100%;
        text-align: center;
        margin: auto auto
    }

        .ads-canavtar img {
            border-radius: 50%;
            border: 1px solid transparent;
            text-align: center;
            margin: 10px auto;
            width: 60px
        }

    .ads-contact {
        width: 100%;
        height: 100%;
        text-align: center;
        margin: 0px auto 5px auto
    }

        .ads-contact a {
            background-color: #f4f5f7;
            justify-content: center;
            color: #535963;
            border: 1px solid #8993a4;
            padding: 4px 8px;
            font-size: 12px;
            font-weight: 500;
            border-radius: 5px;
            display: inline-flex;
            line-height: 18px;
            margin: 0px 0px 5px 0px;
        }

    .ads-dnresume {
        font-size: 11px;
        background-color: #337ab7;
        text-align: center;
        float: right;
        font-weight: 500;
        margin: -30px 0px 0px 0px
    }

        .ads-dnresume a {
            color: #fff;
            background-color: #337ab7;
            padding: 2px 5px;
            text-align: center;
            font-size: 11px;
            border-radius: 5px
        }

            .ads-dnresume a:hover {
                color: #fff;
                background-color: #0095DA;
                padding: 2px 5px;
                text-align: center
            }

    .adssearchpage {
        padding: 0px 8px;
        color: #242424;
        font-size: 13px;
        border: none;
        margin-right: 1px;
        margin-bottom: 5px;
        border: 1px solid #D1D1D1;
        background-color: #FFF;
        font-family: 'Hind Siliguri',sans-serif;
    }

        .adssearchpage:hover {
            background-color: #f5f5f5
        }

    .ads-export-ex {
        font-family: 'Barlow', sans-serif;
        padding: 5px 12px;
        margin: 1px 0px 13px 10px;
        font-size: 13px;
        text-align: center;
        background-color: #0095DA;
        border: 1px solid #0095DA;
        -webkit-transition: all 0.9s;
        -o-transition: all 0.9s;
        -moz-transition: all 0.9s;
        transition: all 0.9s;
        color: #FFF;
        border-radius: 4px;
        font-weight: 600;
    }

        .ads-export-ex:hover {
            background-color: #FFF;
            border: 1px solid #0095DA;
            -webkit-transition: all 0.9s;
            -o-transition: all 0.9s;
            -ms-transition: all 0.9s;
            -moz-transition: all 0.9s;
            transition: all 0.9s;
            color: #0095DA;
            box-shadow: 0 0 0 2px rgba(0,149,218,0.5)
        }

        .ads-export-ex:focus {
            background-color: #FFF;
            border: 1px solid #0095DA;
            -webkit-transition: all 0.9s;
            -o-transition: all 0.9s;
            -ms-transition: all 0.9s;
            -moz-transition: all 0.9s;
            transition: all 0.9s;
            color: #0095DA;
            box-shadow: 0 0 0 2px rgba(0,149,218,0.5)
        }

    .adssearch-count {
        float: right;
        font-family: 'Hind Siliguri',sans-serif;
        font-weight: 500;
        font-size: 13px;
        margin: 2px 15px 0px 0px
    }

        .adssearch-count .lblcount {
            background-color: #0095DA;
            border-radius: 5px;
            color: #FFF;
            padding: 0px 3px 0px 3px
        }

    /*================ QR COde Design ==========*/

    .qrbody {
        background-image: linear-gradient(to bottom,#249DFA,#3FCBFC);
        min-height: 450px
    }

    .jjlogo {
        text-align: center;
        width: 100%;
        margin: 0px auto;
        padding: 20px 0px 20px 0px
    }

        .jjlogo img {
            text-align: center;
            margin: auto auto;
            width: 200px;
            background-color: #FFF;
            border-radius: 10px
        }

    .jjtext {
        font-family: Poppins,sans-serif;
        font-size: 25px;
        font-weight: 500;
        text-align: center;
        line-height: 35px;
        margin: 10px 0px 10px 0px;
        color: #FFF
    }

        .jjtext .small {
            font-size: 17px;
            font-weight: 400
        }

    .jjqrcode {
        text-align: center;
        width: 100%;
        margin: 0px auto
    }

        .jjqrcode .qrbox {
            background-color: #005281;
            color: #FFF;
            border: 10px solid #005281;
            border-radius: 10px;
            text-align: center;
            margin: auto auto;
            width: 180px
        }

            .jjqrcode .qrbox img {
                width: 170px;
                text-align: center;
                margin: auto auto;
                background-color: #FFF;
                padding: 5px 5px 5px 5px
            }

    .jjqrtext {
        font-family: Poppins,sans-serif;
        font-size: 15px;
        font-weight: 500;
        text-align: center;
        padding: 5px 0px 0px 0px
    }

    .jjplayicon {
        text-align: center;
        width: 100%
    }

        .jjplayicon img {
            width: 150px;
            text-align: center;
            margin: 20px auto
        }


    /*===================== Verification =============*/

    .otp-ver {
        background-image: url('../images/HomeBg.png');
        background-repeat: repeat
    }

    .otp-ver-container {
        margin: 80px auto 0px auto;
        justify-content: center;
        background-color: #fff;
        box-shadow: 0 6px 16px rgb(148 159 178 / 44%);
        border-radius: 10px;
        padding: 10px 15px 0px 10px;
        font-family: 'Hind Siliguri',sans-serif !important;
    }

    .otp-ver-leftbox {
        background-image: linear-gradient(to bottom,#3FCBFC,#249DFA);
        border-radius: 10px
    }

    .otp-ver-title {
        position: relative;
        text-align: center;
        color: #FFF;
        padding: 30px 0px 0px 0px;
        font-weight: 600;
        font-size: 25px;
        font-family: 'Hind Siliguri',sans-serif;
        line-height: 25px
    }

        .otp-ver-title span {
            font-size: 13px;
            text-align: center;
        }

    .otp-mob-icon {
        text-align: center;
        margin: 20px auto
    }

        .otp-mob-icon img {
            text-align: center;
            width: 130px;
            margin: auto auto
        }

    .otp-form-control {
        font-family: 'Hind Siliguri',sans-serif !important;
        font-size: 15px;
        transition: unset !important;
        font-weight: 400;
        padding: 5px 10px;
        border: 2px solid #dbdde6;
        border-radius: 4px !important;
        height: 45px !important
    }

        .otp-form-control:hover {
            border-color: #0078db;
            border: 2px solid #9A9A9A
        }

        .otp-form-control:focus {
            border-color: #0078db;
            border: 2px solid #9A9A9A
        }

    .otp-text {
        font-family: 'Hind Siliguri',sans-serif;
        font-size: 25px;
        text-align: center;
        padding: 35px 0px 10px 0px;
        color: #01446B;
        line-height: 30px;
        font-weight: 600
    }

        .otp-text span {
            font-size: 13px;
            text-align: center;
            color: #6C6D6D;
            display: block
        }

    .otp-tc {
        color: #444;
        text-align: center;
        line-height: 30px;
        font-weight: 600;
        font-size: 12px
    }

        .otp-tc a {
            color: #0682DE;
            font-size: 12px
        }

            .otp-tc a:hover {
                color: #0682DE;
                font-size: 12px
            }

    .down-btn {
        text-align: center;
        margin: 10px auto
    }

        .down-btn a {
            padding: 0px 10px 0px 10px
        }

        .down-btn img {
            width: 150px;
            text-align: center;
            margin: 10px auto;
        }

    .Otpbtn {
        font-family: 'Hind Siliguri', sans-serif;
        background: #005B87;
        border: 1px solid #005B87;
        color: #fff;
        cursor: pointer;
        padding: 12px 15px;
        margin: 0px 0px 13px 0;
        border-radius: 0px;
        font-size: 15px;
        font-weight: 600;
        -webkit-transition: all 0.9s;
        -ms-transition: all 0.9s;
        -o-transition: all 0.9s;
        -moz-transition: all 0.9s;
        transition: all 0.9s;
        width: 100%;
        border-radius: 10px;
        box-shadow: 1px 2px 8px 7px rgba(0,0,0,0.0392156862745098);
    }

        .Otpbtn:focus {
            color: #fff;
            background-color: #026DA1;
            border-color: #026DA1;
            -webkit-transition: all 0.9s;
            -o-transition: all 0.9s;
            -ms-transition: all 0.9s;
            -moz-transition: all 0.9s;
            transition: all 0.9s;
            box-shadow: 0 0 0 .2rem rgba(66,203,255,0.5)
        }

        .Otpbtn:hover {
            color: #fff;
            background-color: #026DA1;
            border-color: #026DA1;
            -webkit-transition: all 0.9s;
            -o-transition: all 0.9s;
            -ms-transition: all 0.9s;
            -moz-transition: all 0.9s;
            transition: all 0.9s;
            box-shadow: 0 0 0 .2rem rgba(66,203,255,0.5)
        }

    .success-msg-otp {
        background-color: #F2F9F1;
        border: 1px solid #7FBB7D;
        border-radius: 5px;
        float: left;
        font-family: 'Hind Siliguri',sans-serif;
        font-size: 14px;
        font-weight: 600;
        width: 100%;
        line-height: 24px;
    }

        .success-msg-otp .leftotp-sucess {
            background-color: #7FBB7D;
            color: #FFF;
            padding: 10px 10px 10px 10px;
            margin: 0px auto;
            float: left;
            font-size: 20px;
        }

        .success-msg-otp .rightotp-sucess {
            float: left;
            color: #272727;
            padding: 10px 10px 0px 10px;
            margin: 0px auto;
        }

    .error-msg-otp {
        background-color: #F8D7DA;
        border: 1px solid #84202A;
        border-radius: 5px;
        float: left;
        font-family: 'Hind Siliguri',sans-serif;
        font-size: 14px;
        font-weight: 600;
        width: 100%;
        line-height: 24px;
    }

        .error-msg-otp .leftotp-error {
            background-color: #84202A;
            color: #FFF;
            padding: 10px 10px 10px 10px;
            margin: 0px auto;
            float: left;
            font-size: 20px;
        }

        .error-msg-otp .rightotp-error {
            float: left;
            color: #84202A;
            padding: 10px 10px 0px 10px;
            margin: 0px auto;
        }

    .thankyou-bx {
        width: 100%;
        text-align: center;
        margin: 30px auto
    }

        .thankyou-bx img {
            text-align: center;
            width: 100px;
            margin: 10px auto
        }

    .thankyou-msg {
        text-align: center;
        font-size: 30px;
        line-height: 30px;
        color: #0F5133;
        font-weight: 600
    }

        .thankyou-msg span {
            font-weight: 500;
            font-size: 15px;
            display: block
        }

    .skip-verify {
        text-align: center;
        margin: 20px 0px 10px 0px;
        text-align: center;
    }

        .skip-verify a {
            color: #FFF;
            text-decoration: none;
            background-color: #337ab7;
            font-size: 14px;
            font-weight: 500;
            padding: 3px 10px;
            border-radius: 10px
        }

            .skip-verify a:hover {
                background-color: #0095DA
            }

            .skip-verify a:focus {
                background-color: #0095DA
            }

    /*=============== Print Requirement Sheet ============*/

    .mainbody {
        width: 800px;
        font-family: Verdana, Geneva, Tahoma, sans-serif
    }

    .innerbody {
        width: 100%;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 10px;
        border: 1px solid #C6C6C6
    }

        .innerbody table {
            width: 100%;
            font-family: Verdana, Geneva, Tahoma, sans-serif
        }

    .headertitle {
        text-align: center;
        font-size: 15px;
        font-weight: 600
    }

    .tdcolone {
        width: 45%;
        padding: 5px 0px 5px 5px;
        text-align: left;
        border-right: 1px solid #C6C6C6;
        border-bottom: 1px solid #C6C6C6;
        background-color: #F5F5F5;
        font-weight: 600;
        font-size: 12px
    }

    .tdcoltwo {
        width: 55%;
        padding: 5px 5px 5px 5px;
        text-align: left;
        border-right: 1px solid #C6C6C6;
        border-bottom: 1px solid #C6C6C6;
        font-weight: 500;
        font-size: 12px
    }

    span p {
        font-size: 13px;
        color: #333;
        padding: 0px 0px 0px 0px;
        margin: 0px
    }

    span p a { color:#333 }
    span p a:hover { color:#333 }

    .mainbody .jdfoot {
        font-weight: 600;
        text-align: center;
        margin: 15px 0px 10px 0px;
        font-size: 12px
    }

    p span {
        color: #E21F26
    }

    /*=============== After Login Job Seeker Home ==========*/

    .afterloginbg {
        background-image: url('../images/AfterLoginJobSeeker_bg.svg');
        background-repeat: repeat-x;
        min-height: 306px;
        width: 100%;
        margin: 80px 0px 0px 0px;
        background-size: contain
    }

    .afloginleft {
        background-color: #F2F5FF;
        border-radius: 10px;
        padding: 10px 10px 10px 10px;
        margin: 20px 0px 0px 0px;
        box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
    }

    .afloginsearch {
        display: flex;
        align-items: center;
        padding: 9px 9px 9px 0px;
        background: #fff;
        border: 1.26923px solid #eaf1f5;
        box-sizing: border-box;
        box-shadow: 0 4px 12px rgb(86 141 187 / 12%);
        border-radius: 30px;
        margin: 30px 15px 20px 16px;
        flex-wrap: wrap;
    }

    .btnjobcount {
        margin: 16px 16px 7px -11px;
        font-weight: 400;
        padding: 2px 14px;
        background-color: #e21f26;
        border: 1px solid #e21f26;
        font-size: 13px;
        color: #FFF;
        border-radius: 5px
    }

        .btnjobcount:hover {
            background-color: #C5080F;
            border: 1px solid #C5080F
        }

    .jobvenue {
        padding: 0px 0px 0px 50px;
        display: inline
    }

    /*================= Job Fair CSS ==============*/

    .job-fair-location {
        text-align: center;
        color: #e21f26;
        font-size: 25px;
        font-weight: 600;
        padding: 15px 10px 10px 10px;
        font-family: 'Sintony',sans-serif;
        margin: 0px 0px 0px 0px
    }

    .jobfair-date {
        text-align: center;
        color: #313131;
        font-size: 17px;
        font-weight: 600;
        padding: 0px 10px 10px 10px;
        font-family: 'Sintony',sans-serif;
    }


    /*========== Asp Pop Up Extender ===========*/
    .modalBackground {
        background-color: Black;
        filter: alpha(opacity=40);
        opacity: 0.4;
    }

    .modalPopup {
        background-color: #FFFFFF;
        width: 450px;
        border: 3px solid #0DA9D0;
        border-radius: 10px;
        font-family: 'Hind Siliguri',sans-serif
    }

        .modalPopup .header {
            background-color: #2FBDF1;
            height: 30px;
            color: White;
            line-height: 30px;
            text-align: center;
            font-weight: bold;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
        }

        .modalPopup .body {
            min-height: 50px;
            line-height: 30px;
            text-align: center;
            padding: 10px;
            font-family: 'Hind Siliguri',sans-serif
        }

            .modalPopup .body table {
                width: 100%;
            }

        .modalPopup .footer {
            padding: 3px;
        }

        .modalPopup .button {
            color: White;
            line-height: 23px;
            text-align: center;
            font-weight: 600;
            cursor: pointer;
            background-color: #E21F26;
            border: 1px solid #E21F26;
            padding: 3px 15px;
            border-radius: 10px
        }

        .modalPopup td {
            text-align: left;
        }

    .primarybtnOne {
        border: none;
        font-family: GoogleSans-Medium, sans-serif;
        background: #808000;
        border: 1px solid #808000;
        color: #fff;
        cursor: pointer;
        padding: 0px 10px;
        margin: 0px 0px 9px -33px;
        /* border-radius: 0px; */
        font-size: 15px;
        font-weight: 500;
        -webkit-transition: all 0.9s;
        -o-transition: all 0.9s;
        -ms-transition: all 0.9s;
        -moz-transition: all 0.9s;
        transition: all 0.9s;
        border-radius: 2px;
    }

        .primarybtnOne:focus {
            color: #fff;
            background-color: #DDF1FF;
            border: 1px solid #0368d2;
            color: #337ab7;
            -webkit-transition: all 0.9s;
            -o-transition: all 0.9s;
            -ms-transition: all 0.9s;
            -moz-transition: all 0.9s;
            transition: all 0.9s;
            box-shadow: 0 0 0 .2rem rgba(42,143,249,0.5)
        }

        .primarybtnOne:hover {
            color: #fff;
            background-color: #808000;
            border-color: #808000;
            /*color: #337ab7;*/
            -webkit-transition: all 0.9s;
            -o-transition: all 0.9s;
            -ms-transition: all 0.9s;
            -moz-transition: all 0.9s;
            transition: all 0.9s;
            box-shadow: 0 0 0 .2rem rgba(42,143,249,0.5)
        }

    .validityOne {
        font-family: 'Lato', sans-serif;
        font-size: 12px;
        font-weight: 400;
        color: darkolivegreen !important;
        background-color: #a6f8b9;
        border: 1px solid #a6f8b9;
        padding: 2px;
        border-radius: 4px !important
    }

    .msgpnl {
        margin-top: -15px;
        margin-bottom: 20px;
        text-align: center;
        padding: 0px 0px 0px 0px;
        float: left
    }

    .msgsignbtn {
        padding: 0px 0px 0px 35px;
        float: right;
        position: relative;
        bottom: 10px;
        left: 17px;
    }


    /*============ Today Css ===========*/
    .abt-comp span {
        color: #272727 !important;
    }

    .imgverification {
        width: 100px;
        margin-top: 28px;
        float: left;
        margin-left: -10px
        /*position: absolute;
    right: 40px*/
    }

    .spacingverify {
        margin: 20px 0px 20px 0px
    }

    .link {
        font-weight: 500;
        font-family: 'Sintony',sans-serif;
        font-weight: 600;
        font-size: 12px;
    }

        .link:hover {
            color: #032738 !important;
        }


    .verimobile {
        margin: 24px 0px 0px 0px;
    }

    .Verification-bx {
        border: 1px solid #DDD;
        padding: 10px 10px 10px 10px;
        margin: 0px 0px 10px 0px;
        box-shadow: 0px 0px 0px 0px #000;
        font-family: GraphikMedium,sans-serif;
        background-color: #FFF;
        border-radius: 10px;
        min-height: 105px;
        max-height: 105px
    }

        .Verification-bx legend {
            font-size: 14px !important;
            font-weight: 500 !important;
            text-align: left !important;
            width: auto;
            padding: 0 10px;
            border-bottom: none;
            color: #283438;
            margin-bottom: 0px;
        }

    .regdbtnjobs {
        font-family: GraphikMedium, sans-serif;
        padding: 8px 15px;
        margin: -5px 0px 13px 0;
        font-size: 13px !important;
        text-align: center;
        background-color: #8FE0FD;
        border: 1px solid #8FE0FD;
        -webkit-transition: all 0.9s;
        -o-transition: all 0.9s;
        -ms-transition: all 0.9s;
        -moz-transition: all 0.9s;
        transition: all 0.9s;
        color: #005B87 !important;
        border-radius: 5px
    }

    /*================== Accordion Design - Jobseeker Update ======*/

    a:hover, a:focus {
        text-decoration: none;
        outline: none;
    }

    #accordion .panel {
        border: none;
        border-radius: 3px;
        box-shadow: none;
        margin-bottom: 15px;
    }

    #accordion .panel-heading {
        padding: 0;
        border: none;
        border-radius: 3px;
    }

    #accordion .panel-title a {
        display: block;
        padding: 10px 10px;
        background: #fff;
        font-size: 15px;
        color: #005B87;
        background-color: #d9f2f9;
        border: 1px solid #aedff0;
        box-shadow: 0 0 10px rgba(0,0,0,.05);
        position: relative;
        transition: all 0.5s ease 0s;
        font-family: GraphikMedium,'Sans Serif Collection';
        font-weight: 500;
        text-transform: capitalize
    }

        #accordion .panel-title a.collapsed {
            box-shadow: none;
            color: #004E73;
        }

            #accordion .panel-title a:before,
            #accordion .panel-title a.collapsed:before {
                content: "\f067";
                font-family: "Font Awesome 5 Free";
                width: 30px;
                height: 30px;
                line-height: 28px;
                font-size: 15px;
                font-weight: 900;
                color: #005B87;
                text-align: center;
                position: absolute;
                top: 8px;
                right: 15px;
                transform: rotate(135deg);
                transition: all 0.3s ease 0s;
            }

            #accordion .panel-title a.collapsed:before {
                color: #676767;
                transform: rotate(0);
            }

        #accordion .panel-title a:after {
            content: "";
            width: 1px;
            height: 100%;
            background: #ececec;
            position: absolute;
            top: 0;
            right: 55px;
        }

    #accordion .panel-body {
        padding: 10px 15px 0px 15px;
        border: none;
        font-size: 15px;
        color: #615f5f;
        line-height: 27px;
        border: 1px solid #aedff0;
        border-top: none
    }

    .profileupdate {
        /*background-color:#0B3F88 ;*/
        /*background-image: linear-gradient(to right top, #005c86, #006695, #0071a4, #007bb4, #0086c4, #008dcd, #0094d6, #009bdf, #00a0e3, #00a4e7, #00a9eb, #00aeef);*/
        background-image: linear-gradient(to right top, #005b86, #00699a, #0077af, #0086c4, #0095da);
        font-family: GraphikMedium,'Sans Serif Collection';
        padding: 10px 10px 0px 10px;
        margin: 15px 0px 0px 0px;
        color: #FFF;
        min-height: 95px
    }

    .pro-update-textbox {
        background-color: #2d5082;
        border: 1px solid #a3a8b5;
        padding: 4px 4px 0px 4px !important;
        height: 21px !important;
        color: #FFF;
        width: 150px;
    }

    .cand-primery-dtl {
        float: left;
        width: calc(100% - 10px);
        padding-right: 10px;
        margin-right: 10px;
        /*border-right: 1px solid #2d5082;*/
        border-right: 1px solid #FFF;
        position: relative;
        height: 75px;
        z-index: 10;
        margin-bottom: 25px;
    }

    .profile-image-bx {
        position: relative;
        width: 90px;
        height: 90px;
        overflow: hidden;
        border-radius: 50%;
        background-size: contain;
        background: #fbfbfb;
        float: left
    }

    .regcomprofileimg {
        width: 100px;
        background-color: #fbfbfb;
        padding: 5px;
        height: 90px;
        border-radius: 50%
    }

    .profileupdate ul {
        float: left;
        line-height: 25px;
    }

    .candidate-name {
        font-size: 22px;
        text-transform: capitalize;
        font-weight: 500;
        margin: 5px 0px 0px 20px
    }

    .profile-title {
        font-size: 14px;
        font-weight: 400;
        margin: 0px 0px 0px 20px
    }

    .prof-last-updated {
        color: rgba(255, 255, 255, .6);
        margin: 0px 0px 0px 20px;
        font-size: 12px
    }

    .can-contact-update {
        text-align: left;
        font-size: 11px;
        margin: 5px 0px 0px -30px
    }

    .profile-cont {
        margin-bottom: 10px;
        font-family: GraphikLight,'Sans Serif Collection';
        letter-spacing: 0.1em
    }

        .profile-cont a {
            color: #fff;
            display: inline-block;
            border: 1px solid #fff;
            padding: 0px 5px;
            margin-left: 5px;
            text-transform: uppercase;
            font-size: 9px;
            font-weight: 500;
            vertical-align: 1px;
            line-height: 17px;
            float: right
        }

    .resend {
        color: #fff;
        display: inline-block;
        padding: 0px 5px;
        margin-left: 5px;
        text-transform: uppercase;
        font-size: 12px !important;
        font-weight: 500;
        vertical-align: 1px;
        line-height: 18px;
        color: #0B3F88;
        font-family: GraphikRegular,sans-serif
    }

    .verify-btn {
        background-color: #f24141;
        border: 1px solid #f24141;
        color: #FFF;
        font-weight: 500;
        padding: 0px 15px;
        border-radius: 0;
        font-family: GraphikMedium,'Sans Serif Collection';
        font-size: 13px;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease- 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

        .verify-btn:hover, .verify-btn:focus {
            background-color: #e72828;
        }

    .popheader {
        font-family: GraphikRegular,'Sans Serif Collection';
        font-size: 16px;
        font-weight: 600;
        color: #000;
        text-align: center;
        white-space: nowrap;
    }

        .popheader span {
            font-size: 14px;
        }

    .enter-otp {
        width: 45px;
        border: solid 1px #c8c7c7;
        text-align: center;
        margin-right: 10px;
        border-radius: 0;
        padding: 10px;
        font-weight: 600;
    }

    .profile-cont .verify {
        background-color: #19B24D !important;
        cursor: default;
        pointer-events: none
    }

    .profile-cont .unverify {
        background-color: #DD3333 !important;
        cursor: default;
        pointer-events: none
    }

    .can-profile-comp {
        background: #fff;
        margin-bottom: 15px;
        position: relative;
        border: 1px solid #c8ced5;
        padding: 13px 15px 13px 15px
    }

        .can-profile-comp .profile-comp-bx {
            width: 100%;
            float: left;
            display: flex;
        }

    .profile-completeness {
        width: 65%;
        float: left;
        margin-top: 0px;
    }

        .profile-completeness h4 {
            font-size: 13px;
            font-weight: 700;
            margin-bottom: 10px;
            text-transform: capitalize
        }

    .can-progress-bar {
        height: 10px;
        background: rgb(79,86,193);
        background: -webkit-linear-gradient(left, rgba(79,86,193,1) 0%, rgba(32,163,177,1) 50%, rgba(63,179,130,1) 100%);
        background: -o-linear-gradient(left, rgba(79,86,193,1) 0%, rgba(32,163,177,1) 50%, rgba(63,179,130,1) 100%);
        background: linear-gradient(to right, rgba(79,86,193,1) 0%, rgba(32,163,177,1) 50%, rgba(63,179,130,1) 100%);
        position: relative;
    }

    .can-prof-per {
        /*background: -webkit-linear-gradient(left, rgba(79,86,193,1) 0%, rgba(32,163,177,1) 50%, rgba(63,179,130,1) 100%);
    background: -o-linear-gradient(left, rgba(79,86,193,1) 0%, rgba(32,163,177,1) 50%, rgba(63,179,130,1) 100%);
    background: linear-gradient(to right, rgba(79,86,193,1) 0%, rgba(32,163,177,1) 50%, rgba(63,179,130,1) 100%);*/
        border-radius: 25px;
        position: absolute;
        top: -6px;
        padding: 2px;
    }

    .can-prof-per-count {
        background: #fff;
        color: #3841ca;
        font-size: 10px;
        font-weight: 600;
        display: block;
        width: 36px;
        box-sizing: border-box;
        border-radius: 25px;
        text-align: center;
        position: absolute;
        border: 1px solid #3841ca;
        height: 20px;
        top: 0px;
        padding: 0px 4px 4px 8px
    }

    .can-prof-bar-fill {
        background: #cbeae4;
        height: 10px;
        float: right;
    }

    .profile-comp-bx a {
        color: #fff;
        display: inline-block;
        border: 1px solid #0B3F88;
        padding: 0px 5px;
        margin: 35px 0px 0px 10px;
        text-transform: uppercase;
        font-size: 10px;
        font-weight: 500;
        vertical-align: 1px;
        line-height: 18px;
        background-color: #0B3F88;
        width: 100%;
        text-align: center;
    }

    .prof-basic-details {
        font-family: GraphikMedium,sans-serif;
        font-size: 13px;
        text-align: left;
        padding: 0px 0px 10px 0px;
        color: #4E4E4E;
        margin: 0px 10px 0px -30px;
        font-weight: 400;
        line-height: 20px;
    }

        .prof-basic-details span {
            color: #023558
        }

    .jshelp-bx {
        position: fixed;
        display: block !important;
        width: 100px;
        height: 100px;
        z-index: 90000;
        margin: 0;
        outline: 0;
        bottom: 5px;
        animation: bounce 0.85s;
        animation-direction: alternate;
        animation-timing-function: cubic-bezier(.5, 0.05, 1, .5);
        animation-iteration-count: infinite;
    }

    .jshelp-icon img {
        width: 30px;
        height: 30px;
        margin: auto auto;
        text-align: center
    }

    .jshelp-icon {
        right: -2px;
    }

        .jshelp-icon .help-widget {
            right: 10px !important;
            bottom: 0px;
            display: inline-block;
            color: #fff;
            overflow: hidden;
            width: 56px;
            height: 56px;
            padding: 0;
            background-color: #F44336;
            border-radius: 50%;
            -webkit-transition: .3s;
            transition: .3s;
            cursor: pointer;
            vertical-align: middle;
            /*box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);*/
            box-shadow: rgb(255 78 111 / 50%) 0px 4px 24px;
        }

    @keyframes bounce {
        from {
            transform: translate3d(0, 0, 0);
        }

        to {
            transform: translate3d(0, 15px, 0);
        }
    }


    .jshelp-icon .help-widget::after {
        content: "";
        position: absolute;
        top: 30px;
        bottom: 5px;
        left: 0;
        right: 43px;
        margin: auto;
        height: 20px;
        width: 20px;
        background: url('../images/help-icon.png') no-repeat;
        background-size: cover;
    }

    .help-text-widget {
        display: inline-block;
        font-family: 'GraphikMedium' sans-serif;
        font-weight: bold;
        font-size: 12pt;
        color: #E21F26;
        margin: 0px 0px 10px -20px
    }

    .remove-form-space {
        margin-bottom: 20px !important
    }

    .form-label label {
        font-family: GraphikMedium,'Sans Serif Collection';
        font-size: 13px;
        color: #01439f
    }

    .btn-savebtn {
        background-color: #0B3F88;
        border: 1px solid #0B3F88;
        color: #FFF;
        font-weight: 500;
        padding: 5px 15px;
        border-radius: 2px;
        font-family: GraphikMedium,'Sans Serif Collection';
        font-size: 13px;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease- 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

        .btn-savebtn:hover {
            color: rgba(255, 255, 255, .6);
            background-color: #0E51AF;
        }

    .btn-save {
        background-color: #0B3F88;
        border: 1px solid #0B3F88;
        color: #FFF;
        font-weight: 500;
        padding: 8px 15px;
        border-radius: 2px;
        font-family: GraphikMedium,'Sans Serif Collection';
        font-size: 13px;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease- 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        margin-bottom: 8px;
    }

    .btn-save:hover {
        color: rgba(255, 255, 255, .6);
        background-color: #0E51AF;
    }

    .verifyicon i {
        color: #008000 !important;
        float: right;
        margin: -25px 10px 0px 0px
    }

    .unverifyicon i {
        color: #E21F26 !important;
        float: right;
        margin: -25px 10px 0px 0px
    }

    .download-bx {
        margin: 10px 10px 10px 0px;
        width: 100%;
        float: left
    }

        .download-bx a {
            color: #fff;
            display: inline-block;
            border: 1px solid #0B3F88;
            padding: 0px 5px;
            margin: 5px 0px 0px 0px;
            text-transform: uppercase;
            font-size: 10px;
            font-weight: 500;
            vertical-align: 1px;
            line-height: 18px;
            background-color: #0B3F88
        }

    .overseas-head {
        font-family: GraphikMedium,'Sans Serif Collection';
        padding: 15px 0px 10px 0px;
        font-size: 23px;
        font-weight: 400;
        color: #FFF;
        text-align: left
    }

    .overseas-head-right {
        font-family: GraphikMedium,'Sans Serif Collection';
        padding: 0px 0px 0px 0px;
        font-weight: 400;
        color: #FFF;
        text-align: left
    }

        .overseas-head-right a {
            color: #FFF;
            font-size: 21px;
        }

    .date-bx {
        margin-top: 5px;
        padding: 5px 10px;
        background-color: #337ab7;
        border-color: #337ab7;
        font-size: 12px;
        color: #fff;
        border-radius: 4px;
        align-items:center;
    }

    .jobseekerbg {
        background-color: #d9f2f9;
        border: 1px solid #aedff0;
        padding: 9px 10px 9px 13px;
        font-size: 17px;
    }

    .jobseekercom {
        background: #fff;
        border-bottom: 1px solid #aedff0;
        border-right: 1px solid #aedff0;
        border-left: 1px solid #aedff0;
        margin: -19px 0px -2px 0px;
        padding: 21px 21px 7px 17px;
    }

    .nametext {
        color: #01439f !important;
    }

    .jobseekrbag {
        padding: 8px;
        background-color: #fff
    }

    .buttoncs {
        margin: 25px 0px 0px 0px;
    }

    .succebuton {
        text-align: right;
        margin: -15px 0px 4px 0px;
    }

    .msg-bx {
        margin: 0px 0px 10px 0px
    }

    .exp-more {
        margin: -30px 0px 0px -15px
    }

    .exp-more-btn {
        color: #fff;
        display: inline-block;
        background-color: #f24141;
        border: 1px solid #f24141;
        padding: 0px 5px;
        margin: 35px 0px 0px 15px;
        text-transform: uppercase;
        font-size: 10px;
        font-weight: 500;
        vertical-align: 1px;
        line-height: 18px;
    }

        .exp-more-btn:hover, exp-more-btn:focus {
            background-color: #e72828;
        }

    .remove-form-space .verify-textbox {
        width: 82% !important
    }

    .remove-form-space .verify-btn-new {
        float: right;
        margin: -35px 0px 0px 0px;
        padding: 9px 15px
    }

    .verifyicon-new i {
        color: #008000 !important;
        float: right;
        margin: -25px 80px 0px 0px;
    }

    .unverifyicon-new i {
        color: #E21F26 !important;
        float: right;
        margin: -25px 80px 0px 0px;
    }

    .login-bx {
        background-color: #FFF;
        border: 1px solid #aedff0;
        margin: 0px 5px 5px 5px;
        padding: 5px 5px 10px 5px;
        color: #005B87;
        font-family: 'Overpass','Sans Serif Collection',sans-serif
    }

        .login-bx legend {
            border: none;
            font-size: 18px;
            font-weight: 800;
            margin: -5px 5px 0px 5px;
            padding: 5px 5px 0px 5px;
            width: auto;
        }

    .men-login-bx {
        width: 100%;
        padding: 5px 5px 5px 8px
    }

        .men-login-bx a {
            color: #FFF;
            background-color: #005C86;
            border: 1px solid #005C86;
            padding: 4px 8px;
            font-size: 14px;
        }

            .men-login-bx a:hover, .men-login-bx a:focus {
                color: #FFF !important;
                background-color: #f24141 !important;
                border-color: #f24141
            }

            .men-login-bx a .men-login-btn {
                font-weight: 500;
                border-radius: 0;
                font-family: 'Overpass','Sans Serif Collection';
                -webkit-transition: all 0.3s ease 0s;
                -moz-transition: all 0.3s ease- 0s;
                -o-transition: all 0.3s ease 0s;
                transition: all 0.3s ease 0s;
            }

    .men-login-btn:hover, .men-login-btn:focus {
        background-color: #e72828;
    }

    .men-employer {
        background-color: #00a8ea !important;
    }

    .jj-account-bx {
        width: 100%;
        background-color: #d9f2f9;
        border-bottom: 1px solid #67C7E2;
        padding: 5px 10px 5px 10px
    }

    .jj-account-icon-bx {
        width: 100%;
        margin: 0px 10px 0px 0px
    }

        .jj-account-icon-bx .inner-bx {
            width: 40%;
            padding: 5px 5px 5px 5px;
            display: inline-table
        }

            .jj-account-icon-bx .inner-bx img {
                width: 80px;
                height: 80px;
                border-radius: 50%;
                padding: 5px;
                background-color: #FFF
            }

    .jj-account-wel-bx {
        margin: 0px 10px 0px 0px
    }

    .jj-welcome-text {
        color: #337ab7;
        font-family: 'Overpass','Sans Serif Collection',sans-serif;
        text-align: center;
        float: right;
        margin: 15px 30px 0px 0px;
        line-height: 30px
    }

        .jj-welcome-text .large {
            font-size: 25px;
            font-weight: 700
        }

        .jj-welcome-text .small-text {
            font-size: 20px;
            font-weight: 600
        }

            .jj-welcome-text .small-text a {
                color: #337ab7;
                font-size: 20px;
                font-weight: 600
            }

                .jj-welcome-text .small-text a:hover, a:focus {
                    color: #005C86;
                }

    .jj-change-pass {
        width: 100%;
        background-color: #A2E4F7;
        border-top: 1px solid #A2E4F7;
        font-family: 'Overpass',sans-serif;
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        padding: 10px 10px 10px 10px
    }

        .jj-change-pass a {
            color: #005B86
        }

            .jj-change-pass a:hover, jj-change-pass a:focus {
                color: #003148
            }

    .jj-employer-profile-icon {
        width: 30px;
        align-content: center;
        display: inline-block;
        border-radius: 50%
    }

    .btn-popup {
        margin: 25px 10px 0px 0px !important;
        padding: 5px 8px !important;
        font-size: 12px;
    }

    .profile-completeness-popup {
        width: 100%;
        float: left;
        margin-top: 0px;
    }

        .profile-completeness-popup h4 {
            font-size: 13px;
            font-weight: 700;
            margin-bottom: 10px;
            text-transform: capitalize
        }

    .can-profile-comp-popup {
        background: #fff;
        margin-bottom: 15px;
        position: relative;
        border: 1px solid #c8ced5;
        padding: 7px 50px 26px 15px;
    }
    /*============ Accordion Menu for Update Profile ========== */
    .accordion-menu {
        background-color: #f9f9f9;
        color: #121212;
        cursor: pointer;
        padding: 18px;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: 15px;
        transition: 0.4s;
        font-family: 'GraphikMedium','Sans Serif Collection';
        font-size: 16px;
        border-bottom: 1px solid rgba(0,0,0,.1);
    }

        .active-panel, .accordion-menu:hover, .active-panel, .accordion-menu:focus {
            background-color: #f9f9f9;
        }

        .accordion-menu:after {
            content: '\002B';
            color: #777;
            font-weight: bold;
            float: right;
            margin-left: 5px;
        }

    .active-panel:after {
        content: "\2212";
    }

    .panel-menu {
        padding: 0 18px;
        background-color: white;
        max-height: 0px;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
    }

        .panel-menu ul {
            line-height: 22px;
        }

            .panel-menu ul li {
                line-height: 1;
                padding: 5px 10px;
            }

                .panel-menu ul li a {
                    font-family: 'Overpass','Sans Serif Collection',sans-serif;
                    font-size: 14px;
                    color: #121212;
                    line-height: 22px;
                    font-weight: 600;
                    padding: 10px 10px
                }



    /*============== Slider Checkbox ============== */
    .switch {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 24px;
    }

        .switch input {
            opacity: 0;
        }

    .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s;
    }

        .slider:before {
            position: absolute;
            content: "";
            height: 16px;
            width: 16px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }

    input:checked + .slider {
        background-color: #2196F3;
    }

    input:focus + .slider {
        box-shadow: 0 0 1px #2196F3;
    }

    input:checked + .slider:before {
        -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
        transform: translateX(26px);
    }

    /* Rounded sliders */
    .slider.round {
        border-radius: 34px;
    }

        .slider.round:before {
            border-radius: 50%;
        }

    /*============= End =======================*/

    /*================ Auto Complete Search Box =========*/

    .ui-menu-item-wrapper {
        background-color: #FFF;
        font-family: 'Mulish','Sans Serif Collection';
        font-weight:600;
        color: #494949;
        font-size: 13px;
    }

    .ui-widget.ui-widget-content {
        max-height: 250px;
        overflow-y: scroll;
        border-radius: 10px;
        padding: 10px;
    }

        .ui-widget.ui-widget-content::-webkit-scrollbar {
            width: 5px;
            height: 8px;
            background-color: #aaa;
            padding: 0px 10px 0px 0px;
        }

        /* Add a thumb */
        .ui-widget.ui-widget-content::-webkit-scrollbar-thumb {
            background: #000;
        }

    .jobname-section {
        background-color: #012060;
        border: 1px solid #012060;
        line-height: 22px;
        font-size: 17px;
        color: #FFF;
        padding: 5px;
        font-weight: 600;
        font-family: 'Mulish',sans-serif;
    }

    .job-fair-content {
        color: #000;
        font-weight: 500;
        font-family: 'Mulish',sans-serif;
        line-height: 22px;
        padding: 10px 0px 10px 0px;
        font-size: 14px
    }

        .job-fair-content span {
            color: #000;
        }

    .job-fair-list {
        color: #000;
        font-weight: 500;
        font-family: 'Mulish',sans-serif;
        line-height: 22px;
        padding: 10px 0px 10px 0px;
        list-style-type: decimal;
        margin: -25px 0px 0px 15px
    }

    .whatsapp-d {
        border: 1px solid teal;
        border-radius: 2px;
        background: #f0f8ff;
        display: flex;
        align-items: center;
        padding: 1px;
        justify-content: space-between;
    }

        .whatsapp-d .text {
            font-weight: bold;
            margin-left: 5px;
            color: #000000;
            display: flex;
            align-items: center;
        }

        .whatsapp-d a {
            text-decoration: none;
            background: #29A71A;
            color: white;
            padding: 5px 10px;
            border-radius: 2px;
            flex-shrink: 0;
            justify-content: space-between;
        }

        .whatsapp-d .tm {
            background: #0088CC;
        }

        .whatsapp-d img {
            margin-right: 0.5em;
            width: 30px;
            height: 30px;
        }

    .table-responsive {
        font-size: 13px;
        font-family: 'Mulish',Sans Serif;
        color: #000
    }

.popuptext { font-family:'Mulish',sans-serif;
             font-size:13px;
             text-align:justify;
             line-height:22px;
             color:#333;
             font-weight:600
}
.popuplist ol {
    font-family: 'Mulish',sans-serif;
    font-size: 13px;
    text-align: justify;
    line-height: 22px;
    color: #333;
    list-style-type: disc;
    margin: 10px 0px 10px 13px ;
    font-weight:600
}

.redbg { background-color:#E21F26 !important }

.loginbox-title .sep_dot_Header {
    padding:0px;
    display: flex;
    border: none;
    flex-direction: column;
    align-items: center;
}

.sep_dot {
    width: 100%;
    height: 0.2px;
    position: relative;
    background: #005b87;
    max-width: 40%;
    margin:15px 0px 0px 0px
}

    .sep_dot:before {
        position: absolute;
        top: 50%;
        left: 50%;
        content: "";
        width: 9px;
        max-width: 9px;
        background: #005b87;
        height: 9px;
        transform: translate(-50%, -50%);
    }

 .mGrid .btninterview {
    font-family: 'Rubik',sans-serif;
    font-size: 13px;
    font-weight:500;
    color: #FFF;
    background-color: #2A8FCE;
    border-radius: 5px;
    padding: 5px 10px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    text-transform:capitalize
}

    .mGrid .btninterview:hover {
        background-color: #0B4EA2
    }


.smallddl1 {
    float: left;
    margin: 0px 10px 0px 0px;
    width: 27% !important
}

.smallddl2 {
    float: left;
    width: 69% !important
}

.attnbtn { position:relative;z-index:1 ; text-align:right; margin:10px 0px 10px 0px}

.markattn {
    background-color: #4BB647;
    border: 1px solid #4BB647;
    color: #FFF;
    font-weight: 700;
    padding: 8px 15px;
    border-radius:10px;
    font-family: 'Mulish',Sans Serif;
    font-size: 14px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    margin-bottom: 8px;
}

.markattn:hover {
    background-color: #5CD958;
}


/*=============== Job Card New Design Start ==============*/

.nmLstupdt-profComp .profile-completeness {
    width: 100%;
}

.zigzag {
    position: absolute;
    top: -18px;
    z-index: 99;
    left: 14.2px;
}

    .zigzag h1 {
        font-size: 12px;
        background: #ddb33e;
        color: #fff;
        margin: 0;
        padding: 0px 10px 8px 10px;
        border-top-left-radius: 8px;
        text-transform: capitalize;
        font-family: 'Inclusive Sans', sans-serif !important;
        font-weight: 600;
        letter-spacing: 1.5px;
    }

        .zigzag h1:nth-child(2) {
            background: #034da3
        }

.job-cards {
    color: #5C6170;
    border: 1px solid #E9EAF3;
    cursor: pointer;
    position: relative;
    margin: 0 0 30px 0;
    padding: 8px 12px 12px 12px;
    background: #fff;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    border-radius: 8px;
    font-family: 'Mulish', sans-serif !important;
    z-index: 100;
    min-height: 174px;
}

    .job-cards p {
        line-height: normal;
    }

.titleComp-name h4 {
    font-size: 15px;
    margin-bottom: 5px;
    font-weight: 600;
}

    .titleComp-name h4 a {
        color: #034da3;
    }

.titleComp-name h5 {
    font-size: 14px;
    font-weight:600;
    color: #333; /*color: #4b5264;*/
    margin: 0px;
}

.compLog-hght {
    display: flex;
    justify-content: flex-end;
    max-height: 65px;
    height: 100%;
}

    .compLog-hght img {
        max-width: 76px;
    }

.subCol-data div p {
    font-size: 13px;
    color: #414B5D;
    margin-bottom: 0.5rem;
}

.subCol-data .col-lg-4 {
    padding-right: 0px;
}

.subCol-data div p i {
    margin-right: 3px;
    color: #005b87;
}

.subCol-data div span {
    font-weight:700;
    color: #555;
    margin-right: 3px;
    letter-spacing: .7px;
}

.viewDet-loc i {
    color: #005b87 !important;
}

.subCol-data {
    margin-top: 10px;
}

.margtop-zr {
    margin-top: 0px
}

    .margtop-zr p i {
        margin-right: 0px !important;
    }

.btnView-det {
    border-radius: 4px !important;
    font-size: 13px !important;
    padding: 4px 20px !important;
    background-color: transparent;
    border: 1px solid #4d4d4d;
    color: #4D4D4D;
    text-decoration: none;
}

.viewDet-loc {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0px 12px 0 12px;
}

    .viewDet-loc .btn-custom {
        margin: 0px !important;
        line-height: 20px;
        width: auto;
    }

    .viewDet-loc p {
        width: 250px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .viewDet-loc span {
        font-weight:700;
        color: #555;
        margin-right: 3px;
        letter-spacing: .7px;
    }

.destRow {
    margin-top: 1.5rem;
}

.profTile-compN {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.bdrbt-absec {
    border-bottom: 1px solid #cccccc94;
    margin: 0 10px;
    padding: 4px 0;
}

.visitor-count { color:#FFF; text-align:right; margin:10px 20px 0px 0px; font-family:'Inclusive Sans',sans-serif; font-size:14px }
.visitor-count a { color:#FFF; text-align:right; text-decoration:none }
.visitor-count a:hover, a:focus { color:#F5F5F5;}
.QrCode { background-color:#FFF; text-align:center;padding:10px 10px 10px 10px; border-radius:5px;width:90px; height:90px; margin:0px 0px 0px 10px }
.QrCode img{ width:75px; height:70px }

/*=============== Job Card New Design End ==============*/

.btn-box-list {
    display: flex;
    width: 100% ;
    justify-content: center;
    margin:0px 0px 10px 0px
}

.placement-doc{width:100%}
.placement-doc iframe{width:100%; min-height:450px}


.info-msg {
    font-family: 'Inclusive Sans', sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #E4101E !important;
    background-color: #FFEEDB;
    border: 1px solid #FABFA7;
    padding: 5px;
    border-radius: 4px !important;
    margin:15px 0px 0px 0px
}

.search-header {
    /*background-color: #295dbf;*/
    background: repeat padding-box border-box 0% 0% / auto auto scroll linear-gradient(90deg, #064CA1 0%, #034EA1 100%);
    border: 1px solid #295dbf;
    padding: 7px 7px 7px 7px;
    text-align: left;
    font-family: 'Sintony', sans-serif;
    font-size: 15px;
    font-weight: 600;
    margin: 10px 0px 0px 0px;
    color: #FFF;
    border-radius:5px
}



.search-header {
    /*background-color: #295dbf;*/
    background: repeat padding-box border-box 0% 0% / auto auto scroll linear-gradient(90deg, #064CA1 0%, #034EA1 100%);
    border: 1px solid #295dbf;
    padding: 7px 7px 7px 7px;
    text-align: left;
    font-family: 'Sintony', sans-serif;
    font-size: 15px;
    font-weight: 600;
    margin: 10px 0px 0px 0px;
    color: #FFF;
    border-radius: 5px
}



.exp-msg {
    padding: 5px 0px 5px 0px;
}

.exp-msg a {
    font-size: 12px;
    background: #dd3e3e;
    color: #fff;
    margin: 0;
    padding: 3px 10px 8px 10px;
    font-family: 'Inter', sans-serif !important;
    font-weight: 600;
    border-radius: 7px;
}


/* ======================== MY CUSTOM MEDIA SCREEN CSS =================== */
@media (min-width: 1024px) and (max-width:2500px) {
    .sharingbtn {
        display: flex !important;
        width: 100% !important;
        justify-content: center !important;
    }

    .job-cards {
        padding: 8px 0px 12px 0px !important;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .search-section .form-inline .form-control {
        width: 100%;
        margin-top: 0px
    }

    .industrybox {
    }
    /*min-height:620px !important */
    .industryicon_box {
        border-bottom: 1px solid #EEF2F6;
        padding-bottom: 10px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .sharingbtn {
        text-align: right;
        margin: 15px 0px 10px 30px;
        width: 120px;
        display: flex;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    section {
        padding: 50px 0;
        position: relative;
    }

    .search-section {
        padding: 0;
        margin: -400px 0px 0px 0px;
    }

    .search-section .form-inline .form-control {
        width: 100% !important;
    }

    .industrybox {
        min-height: 220px !important
    }
    /*min-height: 620px !important;*/

    .industryicon_box {
        border-bottom: 1px solid #EEF2F6;
        padding-bottom: 10px;
    }

    .bdrbt-absec {
        margin: 0px 0px
    }
}



.btn-home-search {
    background-color: #1F2652;
    color: #FFF !important;
    padding: 10px 30px;
    font-weight: 600;
    border: 1px solid #FFF;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease- 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
    font-family:'Inter',sans-serif,serif;
    border-radius:2px;
}

.btn-home-search:hover {
    background-color: #2088cb;
    color: #FFF;
    border: 1px solid #FFF;
}

/*************============ New Job Card =============*/

.new-jobcard {
    width: 100%;
    padding: 20px 20px;
    background: #fff;
    border: 1px solid #E9ECF5;
    box-shadow: 0 2px 5px 0 rgba(0, 106, 194, 0.2);
    border-radius: 10px;
    margin-bottom: 20px;
    font-family: 'Inter',sans-serif,serif;
    color: #333;
}

.new-jobcard-title {
    font-size: 18px;
    font-weight: 600;
    text-transform: none;
    margin: 0px 0px 10px 0px;
}

    .new-jobcard-title a {
        color: #016fcc
    }

    .new-jobcard-title span {
        font-size: 13px
    }

.active-icon {
    font-size: 11px !important;
    background: #00800029;
    border-radius: 100px;
    border: 1px solid green;
    padding: 3px 5px;
    color: #fff;
    margin-left: 10px;
    color: green;
    font-weight: 500
}

.inactive-icon {
    font-size: 11px !important;
    background: #F7D7DA;
    border-radius: 100px;
    border: 1px solid #F2B0B6;
    padding: 3px 5px;
    color: #fff;
    margin-left: 10px;
    color: #c52e2e;
    font-weight: 500
}

.unpublish-icon {
    font-size: 11px !important;
    background: #FFE7A5;
    border-radius: 100px;
    border: 1px solid #7C5A08;
    padding: 3px 5px;
    margin-left: 10px;
    color: #7C5A08;
    font-weight: 500
}

.close-icon {
    font-size: 11px !important;
    background: #9DE2EF;
    border-radius: 100px;
    border: 1px solid #9DE2EF;
    padding: 3px 5px;
    color: #fff;
    margin-left: 10px;
    color: #10535E;
    font-weight: 500
}

.new-card-comp-info {
    font-size: 16px;
    font-weight: 500;
    color: #111;
    margin: 0px 5px 5px 0px
}

    .new-card-comp-info strong {
        font-weight: 500;
        color: #194185
    }

.new-card-other-info {
    font-size: 13px;
    font-weight: 500;
    color: #111;
    margin: 10px 5px 5px 0px
}

    .new-card-other-info strong {
        font-weight: 600;
        color: #194185
    }

.new-card-other-info2 {
    font-size: 13px;
    font-weight: 500;
    color: #111;
    margin: 10px 5px 0px 0px;
}

    .new-card-other-info2 strong {
        font-weight: 600;
        color: #194185
    }

.new-card-other-info3 {
    font-size: 13px;
    font-weight: 500;
    color: #111;
    margin: 10px 5px 10px 0px;
}

    .new-card-other-info3 strong {
        font-weight: 600;
        color: #194185
    }

.card-border-bot {
    border-bottom: 1px solid #bebebe;
}

.new-card-job-date {
    font-size: 13px;
    font-weight: 500;
    color: #111;
    margin: 18px 5px 5px 0px
}


.refresh-btn {
    color: #0e4a7e;
    border: 1px solid #0e1a7e;
    border-radius: 100px;
    padding: 3px 10px;
    font-size: 13px;
    margin: 0px 5px 0px 5px;
    font-weight: 500;
}

.edit-btn {
    color: #0e4a7e;
    background-color: #DDF1FF;
    border: 1px solid #0368d2;
    border-radius: 100px;
    padding: 4px 10px;
    font-size: 13px;
    font-weight: 600;
    margin: 0px 5px 0px 5px;
}

.inactive-btn {
    color: #E21F26;
    background-color: #efcac9;
    border: 1px solid #E21F26;
    border-radius: 100px;
    padding: 4px 10px;
    font-size: 13px;
    font-weight: 600;
    margin: 0px 5px 0px 5px;
}

.buttonsView-alljob {
    display: flex;
    /* align-items: flex-start; */
    gap: 4px;
    flex-wrap: wrap;
    width: 100%;
}

.buttonTop-marg {
    margin-top: 15px
}

.refresh-btn:hover {
    color: #0e4a7e;
}

.outer-filter-bx {
    padding: 10px 0px 10px 20px;
    background-color: #FFF;
    border-radius: 5px;
    margin: 0px 0px 10px 0px;
}


.btn-expire {
    background: #ffab401c;
    padding: 5px 15px;
    border-radius: 10px;
    color: #555;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid;
}

/*akshay css starts here 24 may*/
:root {
--grad-bgem: linear-gradient(264.84deg, #80bcff -22.43%, #0c519f 117.32%)
}
 
.jobViewMain-div .panel {
border-radius: 10px !important;
position: relative;
box-shadow: 0 2px 8px rgb(0 0 0 / .1) !important;
border: 1px solid #fff0;
border-color: #ddd
}
 
.jobViewMain-div .panel-heading {
font-weight: 700;
font-size: 18px;
border-bottom: 2px solid #ddd !important;
margin-top: 0;
padding: 10px 15px;
color: #333 !important;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-family:'Inter',sans-serif,serif
}
 
.jobViewMain-div .panel-body p {
margin-bottom: 10px;
font-size: 12px;
line-height: 1.5 !important;
font-weight: 700;
color: #333 !important;
font-family: "Inter",sans-serif !important
}
 
.jobViewMain-div .panel-body h4 {
font-size: 16px;
text-transform: capitalize;
}
 
.jobViewMain-div .panel-body p span {
color: #333 !important;
font-weight: 500;
word-break: break-word;
}
 
.jobViewMain-div .panel-body svg {
width: 16px !important;
height: 16px !important;
position: relative;
top: 3px;
color: #0c519f;
margin-right: 4px;
}
 
.jobViewMain-div .col-sm-6 {
padding-left: 0px;
}
 
.jobViewMain-div .panel-body p strong {
font-weight: 700;
color: #0c519f !important;
}
 
.jobViewMain-div .well {
background-color: #f9f9f9;
border-left: 5px solid #337ab7;
margin-bottom: 0px;
padding: 10px 15px;
border-radius: 5px
}
 
.jobViewMain-div .gradient-header {
background-image: url(https://demo.nsdcjobx.com/images/bluetxture.png),var(--grad-bgem);
color: #fff;
padding: 25px 20px;
border-radius: 12px;
/*display: flex;*/
justify-content: space-between;
align-items: center;
margin: 0 14px 20px 14px;
}
 
.jobViewMain-div .gradient-header h3 {
margin: 0;
margin-bottom: 10px;
text-transform: capitalize;
font-weight: 600;
font-size: 18px;
font-family: "Inter",sans-serif !important
}
 
.jobViewMain-div .gradient-header p {
color: #fff;
font-size: 14px;
    font-family: 'Inter', sans-serif;
}
 
.jobViewMain-div .gradient-header p span {
color: #fff;
font-size: 14px;
}
 
.jobViewMain-div .gradient-header svg {
width: 16px !important;
height: 16px !important;
position: relative;
top: 1px;
margin-right: 3px;
}
 
.jobViewMain-div .apply-btn {
background-color: #0c519f;
border: 1px solid #fff;
color: #fff;
padding: 10px 18px;
border-radius: 5px;
font-weight: 700;
font-family:'Inter',sans-serif
}
 
.jobViewMain-div i[data-feather] {
width: 16px;
height: 16px;
stroke: #333;
stroke-width: 2;
margin-right: 5px;
vertical-align: text-bottom
}
 
.jobViewMain-div .company-info p {
display: flex;
gap: 0px;
align-items: flex-start;
}
 
.jobViewMain-div .company-info p .width-30 {
width: 40%;
display: block;
margin-bottom: 8px;
}
 
.jobViewMain-div .company-info p .width-70 {
width: 60%;
display: block;
margin-top: 3px;
}
 
.apllych-btn {
display: flex;
justify-content: flex-end;
margin-bottom: 7px;
flex-wrap: wrap;
}

.err - alert {
 
    font - family: GraphikMedium, sans - serif;
    font - size: 12px;
    font - weight: 500;
    color: #681019;
   background - color: #F7D7DA;
   border: 1px solid #EF818B;
   padding: 5px;
 
}

.successmessage_alert {
    font-family: 'GraphikMedium', sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #222 !important;
    background-color: #ebf7ee;
    border: 1px solid #3cb556;
    padding: 5px;
    margin: 10px 0px 0px 0px;
    border-radius: 5px;
}
/*================*/

.job-view-logo{
    width:100%
}

.job-view-logo img {
    width: 200px;
    margin: 0px auto;
    text-align: center;
}

.primQual-CourseSpc, .otherQual-CourseSpc {
    margin-top: 10px;
    font-family:'Inter',sans-serif,serif;
    color:#000;
}

.headPrimary-qual, .headOther-qual {
    padding: 4px 10px;
    background: #eef2f6;
    border-left: 2px solid #034da3;
    margin-bottom: 10px;
}

.jobViewMain-div .panel-body h4 {
    font-size: 16px;
    text-transform: capitalize;
    font-family: 'Inter',sans-serif,serif;
    color: #000;
    margin:0px;
    font-weight:600
}

.jobViewMain-div .panel-body p strong {
    font-weight: 700;
    color: #0c519f !important;
}

.jobViewMain-div .panel-body p {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 1.5 !important;
    font-weight: 700;
    color: #333 !important;
    font-family: "Inter", sans-serif !important;
}

.jobViewMain-div .panel-body p span {
    color: #333 !important;
    font-weight: 500;
    word-break: break-word;
}

.jobViewMain-div .col-sm-6 {
    padding-left: 10px;
}

.apply-btn-bx { text-align:right; margin:20px 0px 0px 0px }

.jobViewMain-div .panel-body p a span {
    color: #00489A !important;
}

.wp-sharingbtn {
    text-align: left;
    margin: 10px 0px 10px 0px;
    justify-content:flex-end;
}

.wp-channel {
    background-color: #12AF0A;
    color: #FFF;
    font-family: 'Inter',sans-serif;
    font-weight: 700;
    padding: 5px 7px 9px 7px !important;
    border-radius: 5px
}

.wp-icon {
    display: flex;
    align-items: center;
    font-size: 25px
}

.wp-text {
    display: flex;
    margin: -20px 0px 0px 25px;
}
.breadcum-km {
    font-family: 'Rubik',sans-serif;
    width: 100%;
    margin: 48px 0px -30px 0px;
    background: #272F6E;
    /*background: linear-gradient(90deg,rgba(255, 255, 255, 1) 20%, rgba(39, 47, 110, 1) 74%);*/
    background: linear-gradient(90deg,rgba(39, 47, 110, 1) 20%, rgba(39, 47, 110, 1) 74%);
}

/*.breadcum-km:after {
    position: absolute;
    content: '';
    background: url(../images/Breadcrumb-bg-km.jpg);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}*/

/*============ Removing Arrows From Input Type Number =========*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.without_ampm::-webkit-datetime-edit-ampm-field {
    display: none;
}

input[type=time]::-webkit-clear-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    margin: -10px;
}