/*#layout-main-container {
    position: relative;
    top: 0 !important;
}*/
.job-list li:hover {
     background: transparent !important;
}
span.margin-reset a {
    color: #01468a !important;
}
#jobseekerclientsayblock{
padding-bottom: 20em;
margin-bottom: 0 !important;

}
#employeremploersayblock{
    padding-bottom: 15em;
margin-bottom: 0 !important;
}

.common-footer  #titlebar {
    display: none !important;
    opacity:  0 !important;
}
#searchResult{
    background: linear-gradient(180deg, rgba(242, 249, 255, 0.12) 0%, #F2F9FF 100%);
}
.slider_contain {
    height: 600px !important;
}

#backtotop a:after, #gotobottom a:after{
  display: none;
}
#backtotop a{
   border-radius: 5px;
    background: transparent !important;
}

#backtotop{
    bottom: 15px !important;
    margin: 0 25px 0 0 !important;
}

#contactform > #submit{
display: flex;
    padding-bottom: 0 !important;
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-bottom-left-radius: 5px !important;
    border-top-left-radius: 5px !important;
}
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
    border-bottom-right-radius: 5px !important;
    border-top-right-radius: 5px !important;
}
.job-detail_list li a{
     font-family: 'Lato' !important;
}

.Slider_error_contain{
    display: flex !important;
    flex-direction: row !important;
}

.email-box{
    display: flex;
    align-items: center;
}

#btnUploadFile:disabled{
color: #c0c0c0;
    background: #e0e0e0;
}
#btnUploadFile:enabled{
background: #0f458a;
    color: #fff;
}
a.blueLink {
    text-decoration: underline !important;
    color: rgb(2, 57, 113);
    font-weight: 700;
}
.what-going-on-box .m-card__title{
   height: 122px;
    overflow: hidden;
}
.a-accesibility__circle--white {
    color: black !important;
}
#btnAcceptCokkie{
        display: flex;
    justify-content: flex-start;
    align-items: center;
        font-size: 17px;
    text-align: left;
}
.cookies-btn{
    display: flex;
    justify-content: center;
    margin: 30px 0px;    
}
.notsupported{
    text-align: center;
    color: rgb(255, 255, 255);
    display: flex;
    font-size: 21px;
    align-items: center;
    height: 320px;

}
.cockies-button{
    background-image: linear-gradient(#136dc6, #023971) !important;
    width: auto;
    padding: 15px 40px;
    border-radius: 50px;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
}
 .shareClick {
        cursor: pointer;
    }
/*.zone-content  article > header > .layout-container
{
    background-image: url(/MEdia/Default/images/empl_jobs_bg_ellipse.png) !important;
    background-color: transparent !important;
    top: 0 !important;
    height: 210px;
    background-size: 100% 100%;
    margin-bottom: 0 !important;
      background-image: url(/MEdia/Default/images/empl_jobs_bg_ellipse.png) !important;
    background-color: transparent !important;
    top: 0 !important;
    height: 240px;
    background-size: 100% 100%;
    margin-bottom: 0 !important;
}*/
 .layout-container
{
    background-image: url(https://dspazcms2.blob.core.windows.net/media/Default/images/empl_jobs_bg_ellipse.png) !important;
    background-color: transparent !important;
    top: 0 !important;
    height: 210px;
    background-size: 100% 100%;
    margin-bottom: 0 !important;
}

/*.zone-content  article > header > .layout-container h2 {
    font-size: 27px;
    text-align: left;
    line-height: normal;
}*/
/*.zone-content > article > .layout-container h2 {
    font-size: 27px;
    text-align: center;
    line-height: normal;
}*/
#jobseekerContainer {
    margin-top: 0 !important;
    position: relative;
    top: 0em !important;
}
#jobseekertitlebar + .table{
    top: -4em !important;
}

/*header{
    position: relative !important;
}*/
.headertitle{
    position: fixed;
    width: 100%;
}


#jobseekervideoblock > div.span-6.cell.htmlBlock > div > a:after{
    background: url(https://dspazcms2.blob.core.windows.net/media/Default/images/MyGovID-logo.svg) !important;

}
/*.publishdate strong, .publishdate span{
    color: #fff;
}*/
.mygovtid p:before {
    position: absolute;
    content: "";
    background: url(https://dspazcms2.blob.core.windows.net/media/Default/images/my-gov.png);
    height: 100%;
    width: 81px;
    left: 0.7em;
    top: 1.2em;
    background-repeat: no-repeat;
    background-size: 100%;
}
.bloglistingTitle h2{
    text-align: left !important;
    color: #fff;
    line-height: normal;
    padding: 25px 15px;
    padding-bottom: 0;
}

#Tittlebar{
    margin-bottom: 7em;
    top: 0 !important;
}
#Tittlebar .span-12{
    margin-top: -7em;
}
#Tittlebar > div > h2{
    padding: 0.5em 0 0em 0 !important;
}
.checklist{
    padding-left: 0;
}
.checklist li{
position: relative;
}
#employerhtmlblock, .htmlBlock{
        padding-left: 20px;
}
#employervideoblock{
    padding-bottom: 1.2em !important;
    margin: 3em auto 1.5em !important;
}
#employervideo > div > p > iframe{
    padding: 1.2em 0;
}
.checklist li:before{
   width: 10px;
   top: 13px;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    position: absolute;
    bottom: 0;
    left: -20px;
    right: 0;
    height: 0.5em;
    border-top: 1px solid gray;
    }

/*div#covid-19-box {
    margin-top: -6.5em !important;
}*/
.articlePageContent h4{
    font-family: Open Sans;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 190%;color: #333333;
}
.blog-details_box{
   /* width: 100%;*/
    margin: 0 auto;
    margin-top: -6.5em;
    margin-bottom: 8em;
    position: relative;
}
.blog-listing-box{
    display: flex;
    margin-bottom: 15em;
}

.our-mission-shadow{
   width: 65%;
    margin: 0 auto;
    margin-top: -6em;
    position: relative;
    margin-bottom: 15em;
}
.our-mission-shadow .col-md-12{
     box-shadow: 0 6px 41px rgba(166, 166, 166, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16);
    background-color: #ffffff;
    border-radius: 20px;
    padding: 25px 40px;
    position: relative;
}

.blog-detail-box_inner{
   /* display: flex;*/
    justify-content: space-between;
    margin: 30px auto;
    font-size: 14px;
    margin-top: 0;
    padding-bottom: 10em;
}
.pagecontainer {
    box-shadow: 0 6px 41px rgba(166, 166, 166, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16);
    background-color: #ffffff;
    border-radius: 20px;
    padding: 25px 40px;
    position: relative;
}
.blog-detail-box_inner .col-md-12{
    box-shadow: 0 6px 41px rgba(166, 166, 166, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16);
    background-color: #ffffff;
    border-radius: 20px;
    padding: 25px 40px;
    position: relative;
}

div#blogpostcontent {
    padding-top: 20px;
}
/*#blogpostcontent img{
    width: 100%;
}
*/

.breadcrumb-other {
    position: relative;
} 
.breadcrumb-other .breadCrubms {
    position: absolute;
    z-index: 1;
    left:0%;
    padding-top: 10px;
}

.covid-share{
    display: flex;
    justify-content: flex-end;
    padding: 20px 0px;
    padding-bottom: 0;
    position: relative;
}
.covid-share .shareBlock{
    right: 5%;
    top: -1%;
}

.email-icon img{
    width: 26px;
}


.pagination-blog {
      position: relative;
    margin-top: -35em !important;
    width: 50% !important;
    margin-bottom: 20em !important;
    margin-left: 5em !important;
}
.post-img{
    width: 60%;
}
.widget-tabs .widget-text{
    display: flex;
    flex-direction: column;
}
.widget-tabs .widget-text span{
    margin-top: 0px;
}
.tabs-nav.blog li a {
    padding: 0 5px !important;
    margin-top: 12px;
    font-size: 12px;
    
}
.post-img img{
    width:auto;
    border-radius: 5px;
    margin: 0 auto;
}
.employerregister, .joblisting-banner{
    height: 0px !important;
}

.cc-cookies{
        height: 100%;
        background: rgba(86,86,86,0.75) !important;
        padding: 1.5em 5% !important;
    }
.covid-19_image{/*width: 100%;*/
   /* padding: 30px 40px;*/
    padding-bottom: 20px; margin:0 auto;
}
/*.submit-irish  {  
background: url(/Media/Default/images/white_arrow_right.svg) 95% no-repeat, linear-gradient(#136dc6, #023971) !important;
    color: #fff !important;
    font-size: 18px;
    padding: 15px 45px !important;
    border-radius: 30px;
    display: flex;
    justify-content: flex-start;
    width: auto;
    padding-left: 15px !important;
}*/

li.social-iconsection p, li.social-iconsection div {
    padding: 10px 0px;
}
#employerfaqs_title{
    padding-top: 4.5em;   
}

.icon-images{
    width: 40px;
    float: left;
}
#employerdynamicblock .span-12{
    position: relative;
}
.view-more-link{
    position: absolute;
    right: 6%;
    bottom: 9%;
}


#jobseekerclientsayblock > div > div > article > ul{
        margin-bottom: 5em;
        width: 95%;
}
#jobseekerclientsayblock > div > div > article > ul > li{
    width: 50%;
}
#employerdynamicblock > div > div > article > ul > li > article > div {
    height: 100% !important;
}
#gov-btn{
    position: relative;
    padding: 1.3em 1em !important;
    padding-left: 0!important;
    display: inline-block;
    align-content: center;
        margin-top: 0.8em !important;
      
}
.my-govtid-box .mygovtid{
    width: 100%;
}
.my-govtid-box >.employer-button > #gov-btn {
    background-size: cover !important;
    padding-right: 30px !important;
    border: 0;
    width: 100% !important;
    margin-top: 20px !important;
}
 #mygov-id:after {
    content: '';
    background: url(https://dspazcms2.blob.core.windows.net/media/Default/images/id.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 1.6em;
    height: 1.6em;
    margin: 0 0.2em;
    position: absolute;
}

.wrap-drop-form{
    background: #ffff;
    border-radius: 60px;
    cursor: pointer;
    padding: 0.6em  1em;
         color: #01468a;
    box-shadow: 0 0 41px rgba(135, 146, 161, 0.11), 0 0 8px rgba(135, 146, 161, 0.16);
}
.step-form{
position: relative;
}

.wrap-drop-form::after {
    content: '';
    background: url(https://dspazcms2.blob.core.windows.net/media/Default/images/arrow_down_src.svg) no-repeat;
    height: 30px;
    position: absolute;
    right: 0.6rem;
    width: 30px;
    z-index: 0;
    top: 3em;
    }
.wrap-drop-form  .drop {
    background: #fff;
    box-shadow: 3px 3px 3px rgba(0,0,0,.2);
    display: none;
   list-style: none;
    margin-top: 15px;
    opacity: 0;
   pointer-events: none;
    position: absolute;
    z-index: 99999;
    border-radius: 25px;
    padding: 1rem;
    width: 100%;
    margin-left: -15px;
}
.wrap-drop-form.active .drop, .wrap-drop-form:focus .drop  {
    display: block;
    opacity: 1;
    pointer-events: auto;
}
.wrap-drop-form .drop li a {
color:#695d52;
display:block;
padding: 0.4rem 2rem;
text-decoration:none;
}
.wrap-drop-form .drop li:hover a {
background-color: #01468a;
    color: #e7ded5;
    border-radius: 20px;
}
.wrap-drop-form span{
    color: gray;
}
.wrap-drop-form.active::after {
border-width:0 10px 10px;
}


.text-danger {
    color: #e24747;
    padding-left: 20px;
    display: inline-block;
    font-size: 14px;
}

#contact fieldset .employer-inner-form div {
    margin-bottom: 20px;
}

#ToolTitle{
    position: relative;
}

.tooltip{
  position: absolute;
 background: white;
  box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3);
}


#employer-box{
    width: 65%!important;
    padding: 2em!important;
    padding-top:  2.5em!important;
}

#employer-box .widget-btn {
    width: 4em !important;
}

.job-details > img{
    width: 60px;
    margin: 10px 0px;
    margin-top: 0;
}



.career_box_inner{
width: 70%;
    margin: 0 auto;
    margin-top: -10.5em;
    margin-bottom: 8em;
    position: relative;
}

.career-pathway{
box-shadow: 0 6px 41px rgba(166, 166, 166, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16);
    background-color: #ffffff;
    border-radius: 20px;
    padding: 25px 35px;
}


.Media {
    width: 75%;
    margin: 2em auto;
    height: 320px;
    overflow-y: auto;
}
#blog-details-second{
    width: 70%;
    margin: 0 auto;
    margin-bottom: 8em;
}

#blog-details-second .span-12{
    box-shadow: 0 6px 41px rgba(166, 166, 166, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16);
    background-color: #ffffff;
    border-radius: 20px;
    padding: 30px 50px;
}

#blog-details-second .span-12 a{
    color: #01468a;
}
.form-end-btn a#register-btn {
    width: 70% !important;
}
.form-end-btn .col-md-6:nth-child(2) {
    padding: 0px 30px;
    display: flex;
    justify-content: flex-end;
}

.breadCrubms{
  position: absolute;
    z-index: 1;
    left: 0%;
    top: 0;
    padding-top: 15px;
}

.zone{
    padding: 0;
}
.close {
  color: #01468a;
  float: right;
  font-size: 45px;
  font-weight: 400;
}
.modal-content h3{
    color: #01468a;
    font-weight: 600;
    text-align: center;
}
.modal-content p{
   color: #01468a;
    text-align: left;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 190%;
}

.register-form-step-2 #contact label .label-container{
    padding-bottom: 10px;
}
.employer-form form#contact > fieldset {
    margin-left: 0 !important;
}

.employer-form form#contact {
    background: none !important;
    padding: 40px 30px;
}
.radio-btn-box input 
{ 
   width: 100%;
    /*background: #fff url(https://dspazcms2.blob.core.windows.net/media/Default/images/right-gray.png) no-repeat 90%;*/
    margin: 0px 10px !important;
    } 
     .radio-btn-box input:focus {
    width: 100%;
    margin: 0px 10px !important;
    /*background: #fff url(https://dspazcms2.blob.core.windows.net/media/Default/images/right-icon.png) no-repeat 90%;*/
}
div.articleBody div {
    font-size: 15px;
}
.span-12.cell.covid-inner-box a{
    color: #01468a !important;
}

/*cookie policy css*/

.cookie_details_box{
    width: 90%;
    margin: 0 auto;
    margin-top: -6.5em;
    margin-bottom: 30px;
    position: relative;
}    

.cookie_details_box_inner{
    display: flex;
    justify-content: space-between;
    margin: 30px auto;
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 9em;
}

.cookie_details_box_inner .col-md-4{
width: 35%;
    margin-right: 40px;
    box-shadow: 0 6px 41px rgba(166, 166, 166, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16);
    background-color: #ffffff;
    border-radius: 20px;
    padding: 20px 30px;
    height: 100%;
    position: sticky;
    top: 0px;
}

.cookie_details_box_inner .col-md-8{
    width: 65%;
    box-shadow: 0 6px 41px rgba(166, 166, 166, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16);
    background-color: #ffffff;
    border-radius: 20px;
    padding: 20px 30px;
}
.cookie-title h2{
    color: #fff;
    font-size: 32px;
    font-weight: 500;
    padding-top: 10px;
    text-align: left !important;
    letter-spacing: 1px;
    padding-bottom: 15px;
}
.cookie-inner-box{
    padding: 35px 30px;
}
.cookieHeadings{
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    border-radius: 20px;
}
.cookieHeadings  a{
    color: #282f73;
    font-size: 17px;
    font-weight: 600;
    padding-bottom: 20px;
    text-decoration: underline;
}

.cookie-policy-main-para p{
    font-size: 14px;
    margin: 0;  
}
.category-box{
    margin: 15px 0;
    font-weight: 600;
   color: #393939;
}
.category-box ul{
    display: flex;
    list-style: none;
    justify-content: center;
}
li.category-div {
    width: 30%;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
}
li.description-div {
    width: 70%;
    font-size: 14px;
    line-height: 20px;
}
.div-withboxshadow{
box-shadow: 0 6px 41px rgba(166, 166, 166, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16);
    background-color: #ffffff;
    border-radius: 20px;
    width: 135%;
    margin-left: -6em;
    padding: 20px 45px;
    margin-top: 15px;
    margin-bottom: 20px;

}
.Cookies-usage-on-JobsIreland h5, .Google-Analytics h5,
.website-links h5,  .Notification-of-Change h5,     
.Glossary-of-technical-terms-used h5{
    font-weight: bold;
    font-size: 14px;
}
.Cookies-usage-on-JobsIreland p, .Google-Analytics p,
.website-links p,  .Notification-of-Change p,   
.Glossary-of-technical-terms-used p{
    font-size: 14px;
}
.Cookies-usage-on-JobsIreland a{
    color: #01468a;
}

.Cookies-usage-on-JobsIreland  ul{
    list-style-type: none;
}
.Cookies-usage-on-JobsIreland  ul li{
    font-size: 14px;
}
.bottom-zero{
    margin-bottom: 0;
}
.cookie-step{
    margin-bottom: 20px;
}
.cookie-purpose-expire{
display: flex;
    justify-content: space-between;
    list-style-type: none;
    font-weight: 600;
}
.cookie-purpose-expire li{
    font-size: 14px;
}

.purpose-expire-box-shadow{
    box-shadow: 0 6px 41px rgba(166, 166, 166, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16);
    background-color: #ffffff;
    border-radius: 20px;
    width: 135%;
    margin-left: -6em;
    padding: 30px 25px;
    margin-top: 15px;
    margin-bottom: 20px;
    display: flex;
    list-style-type: none;
    align-items: center;
}
.purpose-expire-box-shadow li{
    font-size: 14px;
    text-align: center;
    width: 100%;
    font-weight: 600;
    line-height: normal;
    color: #393939;
}
.purpose-expire-box-shadow li a{
    color: #01468a !important;
}

.cookie-purpose-boxes:last-child{
    padding-bottom: 20em;
}

/*cookie policy css end*/

/*employer registration css*/
#register-multi-form{
    margin-top: -10em;
    padding-bottom: 12em;
}
#register-multi-form h1{
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    text-align: center;
}
.employer-registration-form{
    width: 60%;
    margin: 0 auto;
    box-shadow: 0 6px 41px rgba(166, 166, 166, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16);
    border-radius: 20px;
    background-color: #ffffff;
}
.upload-section{
    box-shadow: 0 6px 41px rgba(166, 166, 166, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16);
    border-radius: 20px;
    background-color: #b3afaf00 ;
    /*display: flex;
    flex-direction: column;
    align-items: center;*/
    padding: 20px;
}
.select-image{
    box-shadow: 0 6px 41px rgba(166, 166, 166, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16);
    border-radius: 20px;
    background-color: #ffffff;
   /* display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;*/
    padding: 30px 30px;      
}
.image-caption{
    color: #0d5ba9;
    font-size: 14px;
    line-height: 20px;
}
.select-file{
 color: #0d5ba9;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 0;
    display: flex;
    align-items: center;
   
}
.select-file > span{
    padding-left: 15px;
}

input#fileUpload {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

#btnUploadFile{
    color: #c0c0c0;
    background: #e0e0e0;
    border-radius: 30px;
    padding: 15px 30px;
    display: flex;
    justify-content: center;
    margin: 25px 0px;
    border: none;
    font-size: 17px;
    font-weight:  600;
}
.upload-filebtn{
    width: 100%;
}
.company-upload-logo{
    color: #0d5ba9;
    display: flex;
    padding-left: 15px;
    padding-bottom: 5px;
}


.require-field{
       font-size: 14px;
    color: #01386F;
    display: flex;
    justify-content: flex-end;
    padding-bottom: 10px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    line-height: 100%;
}
.employer-inner-form, .register-form-step-2{
    margin-bottom: 0 !important;
}
.employer-inner-form .col-md-6{
    padding: 0px 20px;
}



#contact fieldset {
    border: 0 none;
    border-radius: 0px;
    box-sizing: border-box;
     position: relative;
}

#contact label{
        color: #01468a;
    margin-bottom: 2px;
    display: flex;
    margin-left: 1.3em;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 100%;
    align-items: center;
    padding-bottom: 3px;
}
#contact input, #contact select{
box-shadow: 0 0 41px rgba(135, 146, 161, 0.11), 0 0 8px rgba(135, 146, 161, 0.16);
    border-radius: 60px;
    background-color: #ffffff;
    z-index: 99;
    margin-bottom: 15px;    
}
#contact select{
        background: #ffff url(https://dspazcms2.blob.core.windows.net/media/Default/images/arrow_down_src.svg) no-repeat 93% !important
}
select::-ms-expand {    display: none; }
select{
    -webkit-appearance: none;
    appearance: none;
}
/*Hide all except first fieldset*/
.employer-form form#contact fieldset:not(:first-of-type) {
    display: none;
}
.radio-btn-box{
    display: flex;
    justify-content: flex-start;
    padding-bottom: 10px;
    align-items: center;
}
.radio-btn-box span{
    padding: 8px 20px;
    box-shadow: 0 0 41px rgba(135, 146, 161, 0.11), 0 0 8px rgba(135, 146, 161, 0.16);
    border-radius: 60px;
    margin: 5px 15px;
    width: 45%;
}
.radio-btn-box span:first-child{
    margin-left: 0px;
}
.form-continue{
    display: flex;
    justify-content: flex-end;
    margin: 20px 10px;
}
.form-continue .button, .form-end-btn .form-register-btn{
    background: url(https://dspazcms2.blob.core.windows.net/media/Default/images/white_arrow_right.svg) no-repeat, linear-gradient(#136dc6, #023971);
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    color: #fff;
    padding: 20px 20px;   
    width: 70%;  
    border: 2px solid #136dc6;
    background-position: 80%;
     font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
}
.form-continue .button:hover, .form-continue .button:focus
.form-end-btn .form-register-btn:hover, .form-end-btn .form-register-btn:focus{
    background: url(https://dspazcms2.blob.core.windows.net/media/Default/images/blue-right-arrow.svg) no-repeat, linear-gradient(#fff, #fff);
    color: #01468a;
    background-position: 80%;
   }

/*progressbar*/
#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    /*CSS counters to number the steps*/
    counter-reset: step;
    display: flex;
    justify-content: center;
    text-align: center;
}

#progressbar li {
        list-style-type: none;
    color: #BDBDBD;
    font-size: 12px;
    width: 30%;
    float: left;
    position: relative;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 15px;
    text-align: center;
}

#progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 25px;
    height: 25px;
    line-height: 25px;
    display: block;
    font-size: 12px;
   color: #c0c0c0;
    background: #E0E0E0;
    border-radius: 25px;
    margin: 0 auto 10px auto;
}

/*progressbar connectors*/
#progressbar li:after {
    content: '';
    width: 50%;
    height: 4px;
    background: #e0e0e0;
    position: absolute;
    left: -27%;
    top: 9px;
    z-index: 9;
}

#progressbar li:first-child:after {
    content: none;
}

#progressbar li.active:before, #progressbar li.active:after {
   background: linear-gradient(45deg, #01386F 5%, #136DC8 89.69%);
    color: white;
}
#progressbar li.active{
    color: #01468A;
}

.register-form-step-2  .col-md-6{
     padding: 0px 20px;
}
.form-end-btn{
    display: flex;
    justify-content: space-between;
}
.form-end-btn .form-back-btn{
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: space-around;
    padding: 15px 80px;
    padding-right: 30px;
    font-size: 17px;
    width: auto;
    font-weight: 700;
    border: 2px solid #136dc6;
    background: url(https://dspazcms2.blob.core.windows.net/media/Default/images/blue_arrow_left.svg) no-repeat, linear-gradient(#fff, #fff);
    color: #01468a;
    background-position: 25%;
}
a.button.form-back-btn.previous:hover {
    background: url(https://dspazcms2.blob.core.windows.net/media/Default/images/white-arrow_left.svg) no-repeat, linear-gradient(#136dc6, #023971);
    background-position: 25%;
    color: #fff;
}
.form-end-btn .form-back-btn:hover, .form-end-btn .form-back-btn:focus{
    background: url(https://dspazcms2.blob.core.windows.net/media/Default/images/blue_arrow_left.svg) no-repeat, linear-gradient(#fff, #fff);
    color: #01468a;
    background-position: 25%;
   }

.label-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 15px;
  margin-top: 0px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 80%;
  text-align: left;
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 10px !important;
}

.label-container span{
    padding-left: 20px;
}
/* Hide the browser's default checkbox */
.label-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
      position: absolute;
    top: 5px;
    left: 10px;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border: 1px solid #01468a;
}


/* When the checkbox is checked, add a blue background */
.label-container input:checked ~ .checkmark {
  background-color: #01468a;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.label-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.label-container .checkmark:after {
 left: 5px;
    top: 0px;
    width: 12px;
    height: 17px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.form-end-btn .col-md-6{
    padding: 0px 30px;
    display: flex;
}
.congrates-image{
display: flex;
    justify-content: center;
    margin-top: 25px;
    }

   
.link-to-login{
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
   margin-top: 25px;
}
.link-to-login .link-to-home{
    background: linear-gradient(#136dc6, #023971);
    border-radius: 50px;
    color: #fff;
    padding: 10px 30px;
    font-size: 14px;
    width: 100%;
    font-weight: 700;
    border: 2px solid #136dc6;
   
}
.link-to-login .link-to-home:hover, .link-to-login .link-to-home:focus{
    background: linear-gradient(#fff, #fff);
    color: #01468a;
    }

/*employer registration css end*/
/*cookie page css*/
#cookie-main-box{
    width: 65%;
    margin: -16em auto;
    margin-bottom: 8em;
    
}



.cookie-title-info{
    color: #fff;
    padding-bottom: 15px;
    font-weight: 600;
}

.cookie-section{
    padding: 40px;
}
.cookie-main-para h5{
    font-weight: 600;
}
.cookie-main-para p{
    font-size: 14px !important;
}

ul.row-shadow{

    box-shadow: 0 6px 41px rgba(166, 166, 166, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16);
    background-color: #ffffff;
   border-radius: 20px;
   display: flex;
    padding: 30px 40px;
    list-style-type: none;
   margin-bottom: 30px;
}
.main-description{
    display: flex;
    width: 100%;
    padding-bottom: 15px;
    padding-top: 20px;
}
.description{
    width: 35%;
    font-weight: 600;
    text-align: center;
}
.impact{
    width: 65%;
    font-weight: 600;
    text-align: left;
    padding-left: 25px;
}

.Description-table{
    font-size: 14px;
    width: 65%;
    font-weight: 600;
}
.Description-head{
    font-size: 14px;
    width: 35%;
    font-weight: 600;
    text-align: center;
}
.cookie-end-section{
    padding-bottom: 3em;
}
.cookie-end-section h5{
    font-size: 14px;
    font-weight: 600;
    padding-top: 10px;
}

.cookie-end-section p{
    font-size: 14px;
    margin-bottom: 0;
}
.cookie-end-section span{
    font-size: 14px;
}
.cookie-end-section ul{
    padding-left: 15px;
}
.cookie-end-section ul li{
    font-size: 14px;
}
/*cookie page css end*/
/*covid page css*/

.covid-main-box{
    width: 100% !important;
   /* margin-top: -8.5em !important;*/
    margin-bottom: 0em !important;
    
}

/*.covid-inner-box{

    box-shadow: 0 6px 41px rgba(166, 166, 166, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16);
    background-color: #ffffff;
   border-radius: 20px;
}*/

.covid-title-info{
    color: #fff;
    padding-bottom: 5px;
    font-weight: 600;
}

.covid-col{
    padding: 40px 50px;
    padding-top: 0;
    position: relative;
}

.covid-col ul{
    padding: 30px 15px;
    padding-bottom: 10px;
}

.covid-col ul li{
    padding-bottom: 15px;
}
.covid-col ul li a, .covid-para a {
    color: #01468a !important;
}
.share-body-hide{
    display: none;
}
/*covid page css end*/
/*privacy page css*/

.remove-messages{
    display: none;
}
.privacy-main-box {
    width: 70% !important;
    margin: -6em auto;
    margin-bottom: 8em;
    box-shadow: 0 6px 41px rgba(166, 166, 166, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16);
    background-color: #ffffff;
    border-radius: 20px;
    padding: 20px 30px;
}

.blur-text{
  /*  filter: blur(0.7px);*/
    color: #01468a !important;
}
/*privacy page css end*/
/*adding form blog post css*/
#register-btn, #register-btn1{
    width: 100% !important;
}
.apply-modal{
    width: 35% !important;
     display: flex !important;
   
}
.modal-header  .close{
    display: none;
}
ul#sub-images {
    width: 100%;
}
.application-method h5 a{
   color: #01468a !important;
}
.blog-box .col-md-8 {
    width: 60%;
    margin-right: 25px;
}
.articleBody ul {
    list-style-position: outside;
    padding-left: 25px;
}
.post-img a:before, .recent-post-img a:before {
    display: none !important;
}
.blog-box-both{
    width: 100%;
    margin: 0 auto;
    margin-top: -6.5em !important;
}


.blog-box-both .eleven.columns{
        width: 65%;
    margin-right: 15px;
    position: relative;
}

.blog-box-both .five.columns{
        width: 35%;
        height: 100%;
}

.blog-article-tab .widget-tabs li:last-child {
    border-bottom: 0 !important;
}
.blog-article-tab .widget-tabs .widget-text a,
.blog-article-tab .widget-tabs .widget-text a:hover{
    color: #01468a;
}
.padding-right {
    padding-right: 10px;
}

.blog-article-tab {
    height: 100%;
}
.blog-box .col-md-4 {
    width: 40%;
    height: 100%;
}

.blog-main-box {
    box-shadow: 0 6px 41px rgba(166, 166, 166, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16);
    background-color: #ffffff;
    border-radius:20px;
    padding: 20px;
    margin-bottom: 9em;
}

.blog-box {
    display: flex;
    justify-content: space-between;
    margin: 25px auto;
    font-size: 14px;
    width: 100%;
}

.blog_details_box {
    width: 75%;
    margin: 0 auto;
    margin-top: -11.5em;
    margin-bottom: 14em;
    position: relative;
}

.post-container {
    display: flex;
    padding: 10px;
    margin-bottom: 20px;
        border-bottom: 0.8px solid #979797;
    padding-bottom: 25px;
}
.blog-all-post {
    padding-right: 20px;
}
.blog-all-post:last-child {
    padding-bottom: 12em;
}

.post-content {
    padding: 0 !important;
    width: 100%;
    padding-left: 20px !important;
    border-bottom: 0 !important;
    font-family: Open Sans;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 190%;
color: #333333;
}

    .post-content h3 {
        color: #185677;
        font-size: 20px !important;
        font-family: Open Sans;
        font-weight: 600;
        line-height: 28px;
        text-decoration: none !important;
    }

        .post-content h3:hover {
            color: #0a5199 !important;
        }

    .post-content p {
        margin-top: 0 !important;
        font-size: 14px;
        line-height: 22px;
        color: #535353;
        font-weight: 500;
        margin-bottom: 5px;
    }

.meta-tags {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
}


.read-more-link {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    color: #0a5199 !important;
}

.question-section {
    display: none;
}

.blog-feature {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

    .blog-feature li {
        line-height: 35px !important;
    }

        .blog-feature li.active a {
            background-color: #0a5199 !important;
            border: 2px solid #0a5199;
            border-radius: 30px;
            font-size: 12px;
            margin: 0px 5px;
            color: #fff;
        }

        .blog-feature li a {
            background-color: #fff;
            border: 2px solid #0a5199;
            border-radius: 30px;
            color: #0a5199;
            font-size: 12px;
            margin: 0px 5px;
            padding: 0px 15px;
        }

.feature-tab .widget-tabs li {
    border-bottom: 2px solid #eee;
}

    .feature-tab .widget-tabs li:last-child {
        border-bottom: 0;
    }

.feature-tab .widget-tabs .widget-text h5 a,
.feature-tab .widget-tabs .widget-text h5 a:hover {
    color: #0a5199 !important;
}
/**contact us page css*/

.share_icon img {
    width: 20px !important;
    margin: 0 3px;
    align-items: center;
}

.bold-text {
    font-weight: bold;
    padding-bottom: 0px;
}
.social-logos {
    display: flex !important;
    align-items: center;
}

.share-icon-title {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding-right: 0;
    margin-bottom: 20px;
    position: relative;
}
.article-box {
    position: sticky;
    top: 0px;
    padding: 20px 10px;
}
.pageabout {
    width: 70%;
    font-weight: 700;
    color: #000;
    line-height: 25px;
    font-size: 15px;
    padding-top: 30px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
}
#arrow_down.is-active {
    transform: none;
    transition: all 0.4s ease;
}

#arrow_down {
    transform: rotate(180deg);
    transition: all 0.4s ease;
}

/*.is-hidden {
    display: none;
}*/

.articlePageContent  a {
    color: #01468a !important;
    font-weight : 400;
     word-break: break-all;
}

.articlePageContent ul li a {
    color: #01468a !important;
    font-weight: 400;
    font-family: Open Sans;
    font-style: normal;
}

.articleBody 
.contact_details_box_inner p {
    font-size: 14px;
}






.option-content {
    box-shadow: rgba(166, 166, 166, 0.11) 0px 6px 41px, rgba(135, 146, 161, 0.16) 0px 4px 4px;
    background-color: rgb(255, 255, 255);
    border-radius: 20px;
    padding: 10px;
    margin-top: 10px;
    display: flex;
    position: absolute;
    right: 0;
    list-style: none;
}
.option-content a{
    padding: 0 10px !important;
}
/*#layout-navigation{
    position:absolute !important;
}*/
.phone-section p, .websites-section p {
    margin-bottom: 0px;
    line-height: 28px;
    font-size: 15px;
}

.email-link, .websites-section a {
    font-size: 15px !important;
}

.social-media-section ul {
    display: flex;
    width: 75%;
    padding: 0;
    justify-content: space-between;
    margin-left: 0;
    padding-top: 10px;
    align-items: center;
}

    .social-media-section ul li {
        padding-bottom: 0;
    }

.main-image, .heading-para {
    padding: 30px 20px;
    margin: 0 auto;
    width: 100%;
}

    .main-image img {
        width: 100%;
    }

    .heading-para p {
        font-size: 17px;
        font-weight: 700;
        margin-bottom: 0;
    }

.form-section {
    padding: 30px 20px;
    padding-top: 0;
}

.required-field {
    color: #01468a;
    font-size: 16px;
    font-weight: 700;
}

#contactform {
    box-shadow: none;
    border-radius: 18px;
    background: none;
    background-position: left;
    background-size: contain;
    padding: 0 30px;
}

    #contactform span {
        color: #01468a;
        font-family: "Open Sans";
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
        padding-left: 5px;
    }

form#contactform > fieldset > div > input {
   -webkit-appearance: none;
        -webkit-box-shadow: 0 0 41px rgba(135, 146, 161, 0.11), 0 0 8px rgba(135, 146, 161, 0.16) !important;   
        box-shadow: 0 0 41px rgba(135, 146, 161, 0.11), 0 0 8px rgba(135, 146, 161, 0.16) !important;   border-radius: 60px;
    background-color: #ffffff;
    margin-bottom: 2em;
    max-width: 100%;
    width: 100%;
    
}

form#contactform > fieldset > div > textarea {
   -webkit-appearance: none;
        -webkit-box-shadow: 0 0 41px rgba(135, 146, 161, 0.11), 0 0 8px rgba(135, 146, 161, 0.16) !important;   
        box-shadow: 0 0 41px rgba(135, 146, 161, 0.11), 0 0 8px rgba(135, 146, 161, 0.16) !important;   border-radius: 60px;
   border-radius: 20px;
    background-color: #ffffff;
    margin-bottom: 2em;
    max-width: 100%;
    width: 100%;
}

form#contactform .contact-search {
    padding-left: 0 !important;
    width: 50% !important;
    float: left;
    padding-right: 20px;
}

form#contactform .textarea-col {
    width: 100% !important;
}

.submit-btn {
    background: url(https://dspazcms2.blob.core.windows.net/media/Default/images/white_arrow_right.svg) 85% no-repeat, linear-gradient(#136dc6, #023971) !important;
    color: #fff !important;
    font-size: 18px;
    padding: 15px 30px !important;
    border-radius: 30px;
    display: flex;
    justify-content: flex-start;
    width: 160px;
}
/*contact us page css end*/





.zone-content {
    position: relative;
    top: 0 !important;
    padding: 0;
}



.articlescreen_title h2 {
   /* color: #fff;*/
    font-size: 28px;
    font-weight: 600;
    padding-top: 15px;
    text-align: left !important;
   
}
/*.share-group img {
    width: 15px;
    margin: 0px 5px;
    align-items: center;
}*/
img#arrow_down {
    width: 18px;
}


.shareBlock {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    position: absolute;
    right: 3%;
    top: -3%;
}

.headerImage img {
 
    padding: 20px 0px;
}

.contact_details_box_inner p , .articleBody ul li{
   /* font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;*/
    font-family: Open Sans;
font-style: normal;
font-size: 14px;

}
.articletitle{
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}

.breadcrumb img {
    width: 20px;
    padding-top: 2px;
}

ul.breadcrumb {
    padding: 10px 0px;
    list-style: none;
    display: flex;
    background-color: transparent;
}
ul.breadcrumb span{
        color: #fff;
    margin: 0 5px;
}
    ul.breadcrumb li {
         display: flex;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    }

      
        ul.breadcrumb li a span {
    text-decoration: underline;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 125%
        }

        ul.breadcrumb li a {
            color: #fff;
            text-decoration: none;
        }

            ul.breadcrumb li a:hover {
                color: #fff;
                text-decoration: underline;
            }


.contact_details_box_inner {
    display: flex;
    justify-content: space-between;
    margin: 30px auto;
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 9em;
}
.contact-details-with-form {
/*  width: 80% !important;*/
    margin: 0 auto;
    display: flex;
    padding-bottom: 15em;
    margin-top: -7em;
}
.contact-details-with-form .span-4{
width: 35%;
    margin-right: 25px;
    box-shadow: 0 6px 41px rgba(166, 166, 166, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16);
    background-color: #fff;
    border-radius: 18px;
    padding: 20px 30px;
     height: 100%;
}
.contact-details-with-form .span-8{
width: 65%;
    box-shadow: 0 6px 41px rgba(166, 166, 166, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16);
    background-color: #ffffff;
    border-radius: 20px;
    padding: 20px 30px;
    position: relative;
}   
    .contact_details_box_inner .col-md-4 {
        width: 35%;
    margin-right: 25px;   
    background-color: #fff;   
    padding: 20px 30px;
    height: 100%;
        box-shadow: 0px 4px 4px rgba(135, 146, 161, 0.16), 0px 6px 41px rgba(135, 146, 161, 0.11);
    border-radius: 18px;
    }

   .contact_details_box_inner .col-md-8 {
    width: 65%;
    box-shadow: 0px 4px 4px rgba(135, 146, 161, 0.16), 0px 6px 41px rgba(166, 166, 166, 0.11);
    background-color: #fff;
    border-radius: 20px;
    padding: 20px 30px;
    position: relative;
}

.contact_details_box {
 /*   width: 100%;*/
    margin: 0 auto;
     margin-top: -6.5em;
    margin-bottom: 30px;
    position: relative;
}
.contact-inner-box {
    border-radius: 20px;
    padding: 20px 30px;
    position: relative;
}
.article-list ul {
    list-style: none;
    padding: 30px;
}

    .article-list ul li {
        padding-bottom: 30px;
    }

        .article-list ul li a {
            color: #01468a;
            font-size: 18px;
            font-weight: 400;
        }

.articleHeadings {
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    border-radius: 20px;
   
}

    .articleHeadings a {
       padding-bottom: 20px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 125%;
    text-decoration: underline;
    color: #1E266D;
    }






/*.Slider_without_contain {
    height: 270px !important;
}*/
 body {
    font-family: Graphik, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important
}
/*.slider_contain {
    background-image: url(/MEdia/Default/images/empl_jobs_bg_ellipse.png) !important;
}*/

form#contact {
    background: #fff url(https://dspazcms2.blob.core.windows.net/media/Default/images/search_icon_bg.svg) no-repeat !important;
        background-size: auto 100% !important;
}

.searchBox input::placeholder {
    color: #01468a;
}

.job-list li {
    border-color: #e6e6e6 !important;
    border: none !important;
    margin: 0 5px;
}
    .job-list li:last-child {
        border-bottom: none !important;
    }

#itemsid {
    padding: 10px 18px !important;
    font-size: 12px;
    color: #01468a;
    background-color: #e0e0e0;
    border-radius: 15px;
    border: 1px solid #e0e0e0;
    -webkit-appearance: none !important;
    background: #f2f1f1 url(https://dspazcms2.blob.core.windows.net/media/Default/images/arrow_down_src.svg) no-repeat 80% !important;
    background-size: 13px !important;
    fill: #01468a;
    width: 70px;
}

#resource-section {
        padding-bottom: 12em !important;
}
.covidbannersetting #resource-section {
    padding-bottom: 13em !important;
}
form#contact > fieldset > div > input, form#contact > fieldset > div > select {
font-size: 14px;

}
#resource-section .checkout-jobseeker h1 {
    font-size: 40px;
    line-height: normal;
    color: #01468a;
    padding: 0px;
    padding-bottom: 15px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
}

#resource-section .m-ctaCreateProfile {
    width: 75% !important;
    margin-bottom: 5em;
}
.modal {
   position: fixed; 
  z-index: 99999; 
  padding-top: 40px; 
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; 
  overflow: auto; 
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.7); 
  display: inline-flex;
}
.modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
}
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 25px 20px;
    padding-bottom: 0;
    border: none;
    width: 35%;
    border-radius: 20px;
    display: inline-block;
    margin-bottom: 70px;
    height: auto;
}
.modaljobheader{
        color: #1e266d !important;
        padding-bottom: 15px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 43px;
        padding-right: 25px;
}
.apply-modal .mygovtid {
    width: 95%;
    margin: 15px auto;
    border: 2px solid #023971;
    border-radius: 30px;
    padding: 10px;
    margin-bottom: 0;
    height: auto !important;
    background-image: linear-gradient(#f1f8ff, #f1f8ff) !important;
}
.appply-modal-box .mygovtid{
    height: auto !important;
}
.apply-modal .mygovtid img{
    padding: 5px 0px;
}
.apply-modal .mygovtid p {
    font-size: 13px !important;
    line-height: 23px;
}
.apply-modal .employer-button{
    margin-top: 20px;
}
.apply-modal .employer-button  .button{
    margin-bottom: 0 !important;
}
.modaljobtitle{
        color: #1e266d !important;
    font-size: 41px;
    line-height: 45px;
    padding-bottom: 15px;
    padding-top: 0px;
}

.center {
    z-index: 1000;
    margin: 300px auto;
    padding: 10px;
    width: 130px;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}

    .center img {
        height: 100px;
        width: 100px;
    }
.wrap-drop {
    background: #e0e0e0;
    border-radius: 12px;
    cursor: pointer;
    margin: 0 auto;
    padding: 0.5rem 1rem;
    position: absolute;
    width: 84px;
    z-index: 3;
    color: #01468a;
    font-size: 15px;
    right: 0;
}

    .wrap-drop::after {
        content: '';
        background: url("https://dspazcms2.blob.core.windows.net/media/Default/images/assets/icons/arrow_down_nav.svg") no-repeat;
        height: 11px;
        position: absolute;
        right: 0.6rem;
        top: 38%;
        width: 20px;
        color: red;
        fill: #01468a;
    }
.custom-select {
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 99;
}

.wrap-drop .drop {
    background: #fff;
    box-shadow: 3px 3px 3px rgba(0,0,0,.2);
    display: none;
    left: 0;
    list-style: none;
    margin-top: 0;
    opacity: 0;
    padding-left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 2;
    border-radius: 20px;
    padding: 0;
}

    .wrap-drop .drop li a {
        color: #695d52;
        display: block;
        padding: 0 2rem;
        text-decoration: none;
    }

.wrap-drop-span {
    color: #01468a;
    font-weight: 600;
    font-size: 12px;
}

.wrap-drop .drop li:hover a {
    background-color: #01468a;
    color: #e7ded5;
    border-radius: 20px;
}

.wrap-drop.active::after {
    border-width: 0 10px 10px;
}

.wrap-drop.active .drop {
    display: block;
    opacity: 1;
    pointer-events: auto;
}
/*adding css form follow us input home page*/
/*start*/
.Media-follow {
    box-shadow: 0 6px 41px rgba(166, 166, 166, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16);
    border-radius: 20px;
    background-color: #01468a;
    width: 75%;
    padding: 3em;
    margin: 2em auto;
    margin-bottom: 5em;
}

.follow-feed {
    display: inline-flex;
    list-style-type: none;
}

.follow-us-heading {
    color: #fff;
    font-size: 40px;
    text-align: center;
    margin-bottom: 20px;
    padding-bottom: 25px;
}

.follow-feed li {
    background: #fff;
    margin: 0 10px;
    padding: 20px;
    border-radius: 20px;
    flex: 1;
    position: relative;

}

.follow-para p {
    color: #01468a;
    padding-top: 10px;
    font-size: 15px;
    padding-bottom: 20px;
    line-height: 25px;
    font-family: sans-serif !important;
}

.follow-link {
    width: 3.5em;
    padding: 1em;
    height: 3em;
    background: url(https://dspazcms2.blob.core.windows.net/media/Default/images/white_arrow_right.svg) center no-repeat, linear-gradient(#136dc6, #023971);
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.follow-connect {
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 85%;
    bottom: 0;
    top: 70%;
    padding-top: 20px;
    padding-bottom: 20px;
    align-items: center;
}


/*end*/



.follow_us-inner {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.follow_us-inner li {
    width: 30%;
    margin: 0px 10px;
}

    .follow_us-inner li iframe {
        border-radius: 20px;
        width: 100% !important;
    }
.fb_iframe_widget {
    display: flex !important;
}

.twitter-tweet twitter-tweet-rendered {
    margin-top: 0;
    margin-bottom: 0;
}

.share-update-card__update-text public-post__update-text,
.css-901oao {
    display: none;
}






#login-btn-admin {
    padding: 12px 22px !important;
    width: auto !important;
    font-size: 16px !important;
    font-weight: 500;
}
/*custom css start*/
.Accessbox {
        margin: -6.5em auto;
    width: 100%;
    margin-bottom: 0;
}

.access-portal-section {
    padding-top: 80px;
    padding-bottom: 40px;
}

.employer-section {
    width: 100%;
    margin: 0 auto;
}

.presentation-image img {
    margin: 0 auto;
}

.employer-button {
    display: flex;
    flex-direction: column;
    margin-top: 25px;
    margin-bottom: 0;
    align-items: center;
}

.map-btn {
    background: linear-gradient(45deg, #01386F 5%, #136DC8 89.69%) !important;
    width: 75% !important;
    padding: 8px 8px !important;
    border-radius: 50px !important;
    color: #fff !important;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 15px !important;
}

.emp-btn {
  
        background: linear-gradient(45deg, #01386F 5%, #136DC8 89.69%) !important;
    width: 75% !important;
    padding: 18px 25px !important;
    border-radius: 50px !important;
    color: #fff !important;
    font-size: 17px !important;
    font-weight: 600;
    margin-bottom: 15px !important;
}
.emp-btn a{
        color: #fff !important;
}
.linkified{
    color: #01468a !important;
}
pre{
    white-space: pre-wrap !important;
}


    .emp-btn span {
        padding-left: 30px;
    }

.mygovtid p {
      position: relative;
    text-indent: 95px;
    padding: 15px 0px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 190%;
}

.mygovtid {
    width: 80%;
    margin: 25px auto;
    border: 2px solid #023971;   
    padding: 15px;
      background-image: linear-gradient(rgb(255 255 255), rgb(229 238 249)) !important;
   position: relative;
   /*height: 185px;*/
       background: linear-gradient(317.45deg, #E3F1FF 38.23%, #FFFFFF 102.86%);
    border-radius: 40px;
}

    .mygovtid img {
        margin: 0 auto;
        padding: 15px 0px;
    }

.jobseeker {
    border-left: 2px solid #c1c1c1;
}


.presentation-image img {
    border-radius: 10px;
    margin-bottom: 20px;
}
.emp-section-1 {
    padding-top: 20px;
}

.login-form {
    width: 50%;
    padding: 30px;
    margin: 0 auto;
    box-shadow: 0 6px 41px rgba(166, 166, 166, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16);
    border-radius: 20px;
    background: #fff;
    margin-bottom: 20px;
}

    .login-form label {
        color: #01468a;
        font-family: "Open Sans";
        font-size: 16px;
        margin-left: 1em;
    }

#userpass, #username-email {
    box-shadow: 0 0 41px rgba(135, 146, 161, 0.11), 0 0 8px rgba(135, 146, 161, 0.16);
    border-radius: 60px;
    background-color: #ffffff;
    margin-bottom: 1em;
}



/*#userpass {
    box-shadow: 0 0 41px rgba(135, 146, 161, 0.11), 0 0 8px rgba(135, 146, 161, 0.16);
    border-radius: 60px;
    background-color: #ffffff;
    margin-bottom: 1em;
}*/


.remember-btn {
    display: flex;
    justify-content: center;
    align-items: center;
}
/*custom css end*/
/*job listing css start*/
#joblisting-box {
  /*  width: 80%;*/
    margin: -6.5em auto;
    margin-bottom: 0em;
}

    #joblisting-box form fieldset {
        width: 100%;
        margin-left: 6em !important;
       /* padding-bottom: 15px;*/
    }

      /*  #joblisting-box form fieldset div:first-child {                                                                                                                                                                  
            width: 28%  !important;
        }*/

       /* #joblisting-box form fieldset div:nth-child(2),
        #joblisting-box form fieldset div:nth-child(3) {
            width: 23% !important;
        }*/

        #joblisting-box form fieldset select option {
            color: #01468a !important;                                                                                                                                   
            font-size: 15px !important;
        }                                                                                                                                                                                                                                                                                                                                                                                                                 

        #joblisting-box form fieldset div > span {
            font-size: 14px;
            margin-left: 6em !important;
        }

    #joblisting-box fieldset > div > a.button.search-home {
        width: 4em !important;
    }

    #joblisting-box h3 {
        padding: 5px 0;
    }

.job-type {
    display: flex;
    justify-content: space-between;
    text-decoration: none;
    padding: 25px 0px;
}

.topjob-listed {
    width: 100%;
    margin: auto;
   /* box-shadow: 0 6px 41px rgba(166, 166, 166, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16);*/
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0px 4px 4px rgba(135, 146, 161, 0.16), 0px 6px 41px rgba(166, 166, 166, 0.11);
    border-radius: 20px;
}

.inner-width {
    width: 90%;
    margin: 0 auto;
    position: relative;
}
.resumes-list .resumes-list-content, .job-list .job-list-content, .job-list img {
    padding: 0 !important;
}

.items-per-page span {
    color: #136dc6;
    font-weight: 600;
}

.showing-entry {
    text-align: center;
    padding-bottom: 15px;
    padding-top: 5px;
}

    .showing-entry p {
        margin-bottom: 0;
        font-size: 13px;
    }
.job-heading ul li img {
    width: 20px;
}
.job-type a {
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px !important;
}

.all-btn {
    background: linear-gradient(#fff, #fff) !important;
    color: #023971 !important;
    border: 1px solid #023971 !important;
}

    .all-btn:hover, .all-btn:focus, .all-btn.active  {
        background: linear-gradient(#023971, #023971) !important;
        color: #fff !important;
    }

.position-btn {
    background: linear-gradient(#fff, #fff) !important;
    /*color: #82d4e7 !important;
    border: 2px solid #82d4e7 !important;*/
    color: #023971 !important;
    border: 1px solid #023971 !important;
}

    .position-btn:hover, .position-btn:focus, .position-btn.active {
        /*background: linear-gradient(#82d4e7, #82d4e7) !important;*/
        background: linear-gradient(#023971, #023971) !important;
        color: #fff !important;
    }

.apprent-btn {
    background: linear-gradient(#fff, #fff) !important;
    /*color: #8c8e90 !important;
    border: 2px solid #8c8e90 !important;*/
    color: #023971 !important;
    border: 1px solid #023971 !important;
}

    .apprent-btn:hover, .apprent-btn:focus, .apprent-btn.active {
        /* background: linear-gradient(#8c8e90, #8c8e90) !important;*/
        background: linear-gradient(#023971, #023971) !important;
        color: #fff !important;
    }

.self-btn {
    background: linear-gradient(#fff, #fff) !important;
    /*color: #fdc336 !important;
    border: 2px solid #fdc336 !important;*/
    color: #023971 !important;
    border: 1px solid #023971 !important;
}

    .self-btn:hover, .self-btn:focus, .self-btn.active {
        /* background: linear-gradient(#fdc336, #fdc336) !important;*/
        background: linear-gradient(#023971, #023971) !important;
        color: #fff !important;
    }

.scheme-btn {
    background: linear-gradient(#fff, #fff) !important;
    /* color: #21466a !important;
    border: 2px solid #21466a !important;*/
    color: #023971 !important;
    border: 1px solid #023971 !important;
}

    .scheme-btn:hover, .scheme-btn:focus, .scheme-btn.active {
        /*background: linear-gradient(#21466a, #21466a) !important;*/
        background: linear-gradient(#023971, #023971) !important;
        color: #fff !important;
    }

.yess-btn {
    background: linear-gradient(#fff, #fff) !important;
    /*color: #ed1947 !important;
    border: 2px solid #ed1947 !important;*/
    color: #023971 !important;
    border: 1px solid #023971 !important;
}

    .yess-btn:hover, .yess-btn:focus, .yess-btn.active {
        /* background: linear-gradient(#ed1947, #ed1947) !important;*/
        background: linear-gradient(#023971, #023971) !important;
        color: #fff !important;
    }

.job-description-box {
    margin: 0 auto;
    border-radius: 20px;
    background-color: #ffffff;
    padding-bottom: 0;
    margin-bottom: 0;
}

.job-heading {
    cursor: pointer;
    position: relative;
    margin-bottom: 25px;
       box-shadow: 0px 4px 4px rgba(135, 146, 161, 0.16), 0px 6px 41px rgba(135, 146, 161, 0.11);
    border-radius: 18px !important;
}

.paid-btn {
    position: absolute;
    right: 30px;
    top: -3px;
    border-radius: 15px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    color: #fff !important;
    font-size: 11px ;
    border: none !important;
    font-family: Open Sans;
font-style: normal;
font-weight: bold;
}

.position-paid {
    /* background: linear-gradient(#82d4e7, #82d4e7) !important;*/
    background: linear-gradient(#023971, #023971) !important;
}

.ce-scheme {
    /* background: linear-gradient(#21466a, #21466a) !important;*/
    background: linear-gradient(#023971, #023971) !important;
}

.yess {
    /*background: linear-gradient(#ed1947, #ed1947) !important;*/
    background: linear-gradient(#023971, #023971) !important;
}

.self-employed {
    /* background: linear-gradient(#fdc336, #fdc336) !important;*/
    background: linear-gradient(#023971, #023971) !important;
}

.apprent {
    /* background: linear-gradient(#8c8e90, #8c8e90) !important;*/
    background: linear-gradient(#023971, #023971) !important;
}

.position-box, .scheme-box, .yess-box, .self-box, .apprent-box {
    border: 2px solid #fff;
    border-radius: 20px;
}

    .position-box:hover, .position-box:focus {
        /* border: 2px solid #82d4e7;*/
        border: 2px solid #023971;
    }

    .scheme-box:hover, .scheme-box:focus {
        /*border: 2px solid #21466a;*/
        border: 2px solid #023971;
    }

    .yess-box:hover, .yess-box:focus {
        /* border: 2px solid #ed1947;*/
        border: 2px solid #023971;
    }

    .self-box:hover, .self-box:focus {
        /*  border: 2px solid #fdc336;*/
        border: 2px solid #023971;
    }

    .apprent-box:hover, .apprent-box:focus {
        /*border: 2px solid #8c8e90;*/
        border: 2px solid #023971;
    }

.job-heading .d-flex {
    display: flex;
    width: 100%;
    padding-bottom: 15px;
    position: relative;
}

    .job-heading .d-flex .flex-item {
        padding: 0 15px;
    }

    .job-heading .d-flex ul {
        list-style: none;
    }

        .job-heading .d-flex ul li {
            display: flex;
            color: navy;
            font-size: 14px;
            padding: 3px 0px;
            align-items: center;
            border: none !important;
        }
            .job-heading .d-flex ul li span {
                padding-left: 10px;
                font-size: 15px;
                font-family: Open Sans;
                color: #1E266D;
            }

            .job-heading .d-flex ul li h3 {
                font-size: 19px;
                font-weight: 600;
                color: navy;
            }

.job-title {
    display: flex;
    justify-content: space-between;
    width: 72%;
    margin: 0 auto;
}

    .job-title h3 {
       
font-family: Open Sans;
font-style: normal;
font-weight: 600;
font-size: 19px;
line-height: 125%;
color: #1E266D;


    }

.end-btn a {
    width: 4.5em !important;
    position: absolute;
    right: 2%;
    bottom: -10px;
}

.pagination-box {
    border-radius: 20px;
    width: 70%;
    margin: auto;
    box-shadow: 0 6px 41px rgba(166, 166, 166, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16);
}

    .pagination-box .pagination {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 15px 0px;
        float: none !important;
        align-self: center;
        margin-bottom: 0 !important;
        align-content: center;
        text-align: center;
        width: 100%;
         border-radius: 5px;
    }

    .pagination a {
        color: black;
        float: left;
        padding: 0px 10px;
        text-decoration: none;
        font-size: 12px;
        color: #ada5a5;
        margin: 0;
        margin-left: 0 !important;
    }

     

.next-btn {
    border: 1px solid #ada5a5;
    padding: 0px 15px !important;
    border-radius: 5px;
}

.checkout-jobseeker {
    margin-left: 11% !important;
    width: 90% !important;
}

    .checkout-jobseeker h1 {
        font-weight: 600;
    }

.resource-link {
    width: 4em !important;
}

.items-per-page {
    position: absolute;
    bottom: 0;
    right: -20%;
    color: #01468a;
    font-weight: 600;
    font-size: 12px;
}

#itemsid {
    padding: 10px 18px !important;
    font-size: 13px;
    color: #01468a;
    background-color: #e0e0e0;
    border-radius: 15px;
    border: 1px solid #e0e0e0;
    -webkit-appearance: none !important;
    background: #f2f1f1 url(https://dspazcms2.blob.core.windows.net/media/Default/images/assets/icons/arrow_down_src.svg) no-repeat 80% !important;
    background-size: 13px !important;
    fill: #01468a;
    width: auto;
}

    #itemsid option {
        background-color: #fff;
        border-radius: 15px !important;
    }
/*job listing css end*/

/*job detail page css start*/
ul .pagination-box {
    border-radius: 20px;
    padding: 10px 18px;
    margin: auto;
    box-shadow: 0 6px 41px rgba(166, 166, 166, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16);
}

.pagination-box li.active, .pagination-box li :hover {
    background-color: #01468A  !important;
    border-color: #01468A !important;
    color: #fff !important;
   
}
.pagination > li > a, .pagination > li > span{
    color: #BDBDBD;
}
.pagination-box li.active a, .pagination-box li :hover a{

color: #fff !important
}
.pagination-box li a {
    background-color: transparent !important;
    border-radius: 5px;

}
.pagination-box li{
    border-radius: 5px;
        margin: 0 2px;
}

.job_details_box {
    width: 85%;
    margin: 0 auto;
    margin-top: -9em;
   margin-bottom: 7em;
}

.job_details_box_inner {
    display: flex;
    justify-content: space-between;
    margin: 30px auto;
    font-size: 14px;
}

    .job_details_box_inner li {
           font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 27px;
    color: #333;
        list-style-position: inside;
    }

        .job_details_box_inner li a {
            color: #01468a;
             font-family: Open Sans !important;
            font-size: 15px
        }

    .job_details_box_inner .col-md-4 {
        width: 35%;
        margin-right: 25px;
    }

    .job_details_box_inner .col-md-8 {
        width: 65%;
    }

.back-btn a {
    background-color: #f1f8ff;
    color: #01468a;
    padding: 8px 15px;
    border-radius: 20px;
}

.job-inner-box {
    box-shadow: 0 6px 41px rgba(166, 166, 166, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16);
    background-color: #ffffff;
    border-radius: 20px;
    padding: 20px 30px;
}

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

.job-details h3 {
   font-size: 22px;
    padding: 10px 0px;
    padding-bottom: 20px;
    color: #01468a;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
}

.job-detail_list {
    padding-top: 10px;
    padding-bottom: 20px;
    list-style: none;
    color: #01468a;
}

    .job-detail_list li {
        padding-bottom: 8px;
            }

        .job-detail_list li span {
            
    font-size: 13px;
    align-items: center;
    line-height: normal;
    padding: 5px 0px;

        }

            .job-detail_list li span img {
                padding-right: 15px;
                align-self: center;
            }

.job-description {
    padding: 10px 20px;
}

.social-innner h3 {
    font-family: Open Sans;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 190%;
letter-spacing: 0.04em;
color: #333333;
}
.experiences h4 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 190%;
    letter-spacing: 0.04em;

    color: #333333;
}
.role-description h4 {
    font-weight: 700;
    font-size: 18px;
}

.äpplication-method {
    margin: 15px auto;
    border: 2px solid #023971;
    border-radius: 30px;
    padding: 30px;
    background-image: linear-gradient(#f1f8ff, #f1f8ff) !important;
}

    .äpplication-method h4, .äpplication-method h5 {
        color: #01468a;
        font-weight: 600;
        margin-bottom: 0;
        line-height: normal;
    }

.share_icon {
    display: flex ;
    align-items: center;
    background: #f2f1f1;
    width: 100%;
    padding: 5px 10px;
    border-radius: 8px;
    color: #01468a;
    font-weight: 600;
    position: relative;
}

.social-icons ul {
    box-shadow: 0 6px 41px rgba(166, 166, 166, 0.11), 0 4px 4px rgba(135, 146, 161, 0.16);
    background-color: #ffffff;
    border-radius: 20px;
    padding: 10px;
    margin-top: 10px;
    display: none;
    position: absolute;
    right: 18%;
}

.found-heading {
    color: #185677;
    font-size: 48px;
    text-align: center;
    margin-bottom: 10px;
    padding-top: 40px;
    font-family: Open Sans;
    letter-spacing: 1px;
    padding-left: 87px;
    padding-right: 87px;
}

.back-btn a {
    background-color: #f1f8ff;
    color: #01468a;
    padding: 10px 25px;
    border-radius: 25px;
    display: inline-flex;
    width: 150px;
    align-items: center;
    justify-content: flex-start;
    max-width: 100%;
    font-weight: 400;
    font-size: 18px;
}

#arrow_left {
    transform: rotate(90deg);
    margin-right: 30px;
    width: 15px;
}


.application-method {
    background-image: linear-gradient(rgb(248 248 249), rgb(229 238 249)) !important;
    margin: 15px auto;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(2, 57, 113);
    border-image: initial;
    border-radius: 30px;
    padding: 30px;
    color: #01468a;
    font-weight: 600;
}
#close{
    width: 20px;
}

.multiple-location {
    background-image: linear-gradient(#fff, #fff) !important;
    margin: 15px auto;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(2, 57, 113);
    border-image: initial;
    border-radius: 30px;
    padding: 30px;
    color: #01468a;
    font-weight: 600;
    display: flex;
}
.multiple-location img{
    margin-right: 30px;
    padding-top: 5px;
}

.multiple-area h5{
    color: #01468a;
    font-size: 15px !important;
}
.multiple-area span{
    color: gray;
}
/*job detail page css end*/
.juicer-feed.modern .j-image img {
    margin-bottom: 0;
    padding-top: 20px;
}

/*error page css start*/
.Slider_error_contain {
    padding: 0 8em !important;
    padding-top: 1em !important;
}

    .Slider_error_contain .bannerText p {
        margin-bottom: 15px !important;
    }

.banner-error-info h2 {
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
}

.return-btn {
    background: url(https://dspazcms2.blob.core.windows.net/media/Default/images/assets/icons/blue_arrow_right.svg) left no-repeat, linear-gradient(#fff, #fff);
    color: #01468a;
    padding: 1em 3em;
    border-radius: 30px;
    background-position: 10%;
    text-decoration: none;
    font-weight: 600;
    font-size: 19px;
    padding: 1em 4em;
    padding-right: 2em;
}

    .return-btn:hover, .return-btn:focus {
        color: #01468a;
        text-decoration: none;
    }

.banner-error-info {
    padding-bottom: 40px;
}

.return-to-home {
    padding: 30px 0px;
}

.empty-content {
    padding-bottom: 30em !important;
}

.error404-img {
    padding-top: 0px;
}
/*error page css end*/

ul#dropdownMenu {
    box-shadow: 2px 4px 2px 1px #eef1f4 !important;
    top: 2.6em !important;
}

nav > ul > li > ul {
    border: 1px solid #dbdbdb !important;
}


@media screen and (max-width: 767px) {

    .banner-error-info h2{
        font-size: 30px;
    line-height: normal;
    padding-bottom: 15px;
    }
    .Slider_error_contain{
        flex-direction: column !important;
    }
    
    ul.breadcrumb{
            flex-wrap: wrap;
    }
    .blog-detail-box_inner .col-md-12{
        padding: 15px;
    }
    #employerhtmlblock, .htmlBlock{
        padding-left: 0 !important;
    }   
    #employervideoblock{
    padding-bottom: 3em !important;
}
   /* div#covid-19-box {
    margin-top: -6em !important;
}*/
.covid-19_image{
        padding: 0px;
        padding-bottom: 0;
}
.shareBlock{
    position: static;
        justify-content: flex-start;
}
.social-icons .option-content {
    left: 0;
    width: 60%;
}
   
    .blog-all-post:last-child {
    padding-bottom: 2em;
    margin-bottom: 12em;
}
.blog-box-both .eleven.columns{
    margin-bottom: 3em;
}
    #register-multi-form{
        margin-top: -8em !important;
        padding-bottom: 0em;
    }
  
    .navcustom.menu-container{
        background-color: #fff;
    }
    .vertical-menu-item {
        display: inline-flex;
    }
    .modal{
        display: block;
    }
    nav > ul > li:hover {
    cursor: no-drop;
}
    .breadCrubms{
    top: 0 !important
    }

    .register-form-step-2 .col-md-6{
        padding: 0;
    }
    .contact-details-with-form{
        flex-direction: column;
       /* width: 70% !important;*/
    }
    .contact-details-with-form .span-4{
            width: 100%;
            margin-bottom: 30px;
    }
    .contact-details-with-form .span-8{
        width: 100%;
    }
    #register-multi-form h1 {
        font-size: 25px;
    }
    .employer-form form#contact{
        padding: 30px 10px;
    }
    .employer-form form#contact > fieldset{
        width: 100% !important;
        z-index: 0;
    }
    .employer-inner-form .col-md-6 {
    padding: 0px;
}
.register-form-step-2{
    margin: 0px;
}
.label-container{
    width: 100%;
    margin: 0 auto;
}
.form-end-btn .col-md-6:nth-child(2){
    padding: 0;
    justify-content: center;
}
.form-end-btn a#register-btn {
    width: 80% !important;
    }
.form-continue{
    display: flex;
    justify-content: center;
    margin: 20px 10px;
    width: 90%;
}
.form-end-btn {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
}
.form-continue .button, .form-end-btn .form-back-btn,  .form-end-btn .form-register-btn{
    width: 100%;
}
    .cookie_details_box{
        width: 95%;
    }
    .cookie-title h2{
        font-size: 25px;
        letter-spacing: 0px;
    }
    .cookie_details_box_inner{
        flex-direction: column;
    }
    .cookie_details_box_inner .col-md-4{
        width: 100%;
        margin-right: 0;
        position: static;
        margin-bottom: 30px;
        padding: 20px 0px;
    }
    .cookie_details_box_inner .col-md-8{
        width: 100%;
        padding: 20px 0px;
    }
    .cookie-inner-box {
    padding: 25px 20px;
}
.div-withboxshadow{
    width: 100%;
    margin-left: 0;
    padding: 20px;
    flex-direction: column;
}   
li.category-div{
    width: 100%;
    padding-bottom: 10px;
}
li.description-div{ 
    width: 100%;
    text-align: center;
}   
.purpose-expire-box-shadow{
    width: 100%;
    margin-left: 0;
    padding: 25px 15px;
    flex-direction: column;
}
.purpose-expire-box-shadow li{
    padding-bottom: 15px;
}
     .employer-registration-form{
        width: 70%;
        margin: 0 auto !important;
            margin-top: 0 !important;
            margin-bottom: 10em !important;
    }
    .blog-listing-box{
        flex-direction: column;
        width: 100%;
    }
    .blog-listing-box .five.columns {
    width: 100%;
    height: 100%;
}
    .blog-listing-box .eleven.columns{
            width: 100%;
    margin-right: 0
    margin-bottom: 30px;
    }
    #cookie-main-box{
        width: 95%;
    }
    .cookie-title-info{
        font-size: 25px;
    }
    .cookie-section {
    padding: 20px;
}
ul.row-shadow{
    padding: 30px 20px;
    flex-direction: column;
    align-items: center;
}
.Description-head, .Description-table{
    width: 100%;
}
  
    .breadcrumb-other .breadCrubms{
        left: 0%;
    }
    .bloglistingTitle h2{
        padding: 20px 5px;
    }
    .blog-all-post{
        padding-right: 0;
    }
    .covid-col{
    padding: 0px 15px;
}
.covid-title-info{
    font-size: 25px;
}
    .flex-item.end-btn{
        display: flex;
    justify-content: flex-end;
    }
    .flex-item.end-btn a{
        width: 4.5em !important;
    }
    .privacy-main-box{
        width: 95% !important;
    }

    /*moblenavigation menu start*/
 
    #joblisting-box form fieldset div:first-child,
    #joblisting-box form fieldset div:nth-child(2), #joblisting-box form fieldset div:nth-child(3) {
        width: 100% !important;
    }
     .custom-select {
    position: absolute;
    right: 10px;
    top: 20px;
}

.sub-images li img {
     width: 20px !important; 
}
.application-method h5 a{
    width: 100%;
    word-break: break-all;
    color: #01468a !important;
}

#resource-section .checkout-jobseeker h1{
    font-size: 25px;
}
.resource-link{
    background: url(https://dspazcms2.blob.core.windows.net/media/Default/images/white_arrow_right.svg) center no-repeat, linear-gradient(#136dc6, #023971) !important;
    border-radius: 20px;
    padding: 8px 25px;
}

.back-btn{
    padding-bottom: 30px;
}
.share_icon{
    background: transparent;
}

#resource-section .m-ctaCreateProfile {
  width: 95% !important;
    margin: 2.5em auto !important;
    padding: 40px 20px;
    border-radius: 18px!important;
    width: 100%!important;
    background: #f8f8fa url(https://dspazcms2.blob.core.windows.net/media/Default/images/employers_ellipse.svg) no-repeat;
       box-shadow: 0px 4px 4px rgba(135, 146, 161, 0.16), 0px 6px 41px rgba(135, 146, 161, 0.11);
        background-size: auto 100%;
}
.checkout-jobseeker {
    margin-left: 0 !important;
    width: 100% !important;
}
.pagination-box .pagination{
    flex-wrap: wrap;
}

.job-heading .d-flex img{
    margin-left: 0 !important;
    width: 60px !important;
    height: auto !important;
}
.filter-btn{
margin: 0.2em 5px 1em 0 !important;
}
    header > .navcustom {
        flex-direction: column;
        justify-content: flex-start;
        align-items: normal;
        position: relative;
    }

    .menu-header {
        padding: 2em 4em;
    }

    .menu-items {
        margin: 0 auto;
        width: 100%;
    }

    #close {
        margin-top: 0em;
    }

    #mobile_menu {
        position: absolute;
        right: 5%;
        bottom: 25%;
    }

    .vertical-menu-item {
        width: 100%;
        height: auto;
        margin-bottom: 1.4em !important;
        padding: 1em 1.5em !important;
        position: relative;
    }

    .innner-dropdown {
        margin: 0;
        padding: 0px !important;
        display: none;
        position: absolute;
        border: 1px solid #dbdbdb;
        left: 0;
        right: 0;
        width: 100%;
        top: 100%;
        z-index: 99999;
        padding-top: 0 !important;
    }

    .vertical-menu {
        padding: 0 1em;
    }

    .innner-dropdown .vertical-menu-item {
        margin: 0;
        padding: 1em !important;
        border-bottom: 1px solid #ddd;
        border-radius: 0;
        margin-bottom: 0 !important;
    }

    /*header > .navcustom > .double-row {
        display: block !important;
    }*/
    .double-row.navigationMenu {
        display: none;
    }

    header > .navcustom > .double-row .menu-items {
        display: block !important;
    }

    header > .navcustom > .double-row .navigationMenu {
        display: none !important;
    }

    .vertical-menu-item a {
           color: #01468a;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 22px !important;
    }

    .without-submenu {
        background: transparent;
    }

        .without-submenu .arrow {
            display: none;
        }

    .menu-footer {
        bottom: 0 !important;
        position: relative !important;
    }
    /*moblenavigation menu end*/
    /*joblisting and Detail start*/
    .job_details_box_inner {
        flex-direction: column;
    }

    .job_details_box {
          width: 100%;
    margin-top: -10em;
    margin-bottom: 8em;
    }

    .job_details_box_inner .col-md-4, .job_details_box_inner .col-md-8 {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }

    .job-description {
        padding: 0;
    }

    .social-icons ul {
        right: 6%;
        padding: 5px;
    }

    #joblisting-box {
            margin-bottom: 2em !important;
            margin-top: -6em !important;
    }


        #joblisting-box form {
            background: #fff !important;
        }

            #joblisting-box form fieldset {
                margin-left: 0 !important;
            }

                #joblisting-box form fieldset div > span {
                    margin-left: 1em !important;
                }

        #joblisting-box fieldset > div > a.button.search-home {
            width: 100% !important;
        }

    .topjob-listed {
        width: 100%;
    }

    .inner-width {
        width: 95%;
    }

    .found-heading {
    font-size: 22px;
    letter-spacing: 0;
    padding-top: 20px;
    width: 71%;
    text-align: left;
    line-height: normal;
    padding-right: 10px;
    color: #01468A;    
    padding-left: 0;
   
    }

    .items-per-page {
        position: relative;
        font-size: 14px;
    }

        .items-per-page .columns {
            display: flex;
            width: 100%;
            align-items: center;
            justify-content: center;
        }

    #itemsid {
        width: 30%;
        margin-left: 10px;
    }

    .job-type {
      display: inline-flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        padding: 0;
    padding-bottom: 20px;
    }

        .job-type a {
            margin: .2em 0 2em 5px !important;           
        }

    .job-title {
        width: 90%;
    flex-direction: column-reverse;
    }

        .job-title h3 {
            font-size: 19px;
            color: navy;
            font-weight: 600;
            padding-top: 10px;
            margin-bottom: 0;
            padding-bottom: 10px;
            line-height: 30px !important;
        }

   
    .job-heading .d-flex {
        padding-bottom: 20px;
        flex-direction: column;
    }

    .concetrix-img {
        padding: 15px 0;
    }

    .end-btn a {
        width: auto !important;
        position: absolute;
        right: 2%;
        bottom: -10%;
        padding: 15px 20px !important;
        border-radius: 20px;
    }

    .pagination-box {
        width: 100%;
    }
    /*joblisting and Detail End*/
    .jobseeker {        

    border-top: 1px solid rgba(69, 88, 128, 0.2);
    border-left: 0;
    }

    .employer-section {
        width: 100%;
    }

    .emp-btn, .mygovtid {
        width: 100% !important;
    }

    .emp-section-1 {
        padding-top: 0;
    padding-bottom: 0px;
    margin-top: 10px;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    }

    .access-portal-section {
        padding-top: 0px;
    padding-bottom: 20px;
    }

    .login-form {
        width: 100%;
        padding: 30px;
    }

   

    /*error page media css*/
    .Slider_error_contain {
        padding: 25px 0 !important;
    }

    .bannererrorText {
        padding: 1em;
    }

    .banner-error-info {
        padding-bottom: 10px;
        padding-top: 0px;
    }

    .return-btn {
        font-size: 18px;
    }

    .error404-img {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    /*error page media css end*/
}



@media(max-width: 1024px) and (min-width: 768px) {

    .login-form {
        width: 60%;
    }
    .employer-registration-form{
            width: 80%;
    }
    .form-end-btn .col-md-6{
        width: 50%;
    }
    .form-continue .button{
        width: 50%;
    }
}

@media(max-width: 992px) and (min-width: 768px) {
     .Slider_error_contain{
        height: 400px !important;
    }
    #employervideoblock{
    padding-bottom: 3em !important;
}
#jobseekervideoblock{
    width: 100%;
    margin: 3em auto;
}
#jobseekervideoblock .htmlBlock{
    margin: 1em 0 !important;
} 
#jobseekervideoblock .span-7{
    width: auto  !important;
}
    .modal-content{
        width: 46%;
    }
    .modal-content p{
        text-align: left;
    }

    .blog-listing-box .eleven.columns, .blog-listing-box .five.columns{
        width: 100%;
    }
    .form-end-btn a#register-btn {
    width: 100% !important;
}
    .breadCrubms{
       left:0px;
    top: 0%;
    }
    .cookie_details_box_inner{
        flex-direction: column;
    }
    .cookie_details_box_inner .col-md-4 {
    width: 100%;
    position: static;
    margin-bottom: 30px;
}
.cookie_details_box_inner .col-md-8{
    width: 100%;
    padding: 20px;
}
    .blog-listing-box {
    width: 100%;
    flex-direction: column;
    margin-bottom: 2em;
}
    #cookie-main-box{
        width: 85%;
    }
    .application-method h5 a{
   color: #01468a !important;
}
.job_details_box{
    width: 100%;
}

    #joblisting-box {
    width: 100%;
    margin: -7em auto !important;
    margin-bottom: 2em !important;
}   
.topjob-listed{
    width: 100%;
}
.pagination-box{
    width: 85%;
}
.job-title h3{
    line-height: 28px;
    font-size: 17px;
    width: 80%;
}
.job-title{
    width: 95%;
}
.contact_details_box_inner{
     flex-direction: column;
}
 #joblisting-box  form#contact > fieldset {
    margin-left: 6em !important;
}
#joblisting-box form#contact {
    background-position: -30px 0px !important;
    background-size: contain !important;
}

     .found-heading{
       
            text-align: left;
    font-size: 26px !important;
    width: 85%;
    padding-left: 0;
    padding-right: 0;

    }
    .job-type{
            flex-wrap: wrap;
    }
    .job-inner-box{
        padding: 20px 10px;
}
    .filter-btn{
        margin: 0.2em 2em 1em 0 !important;
    }
    .job-heading .d-flex .flex-item {
    padding: 0;
}
.inner-width {
    width: 95%;
    margin: 0 auto;
    position: relative;
}
#resource-section .m-ctaCreateProfile {
    width: 80% !important;
}
#resource-section .checkout-jobseeker h1{
    text-align: center;
    font-size: 29px;
    padding: 5px 0px;
}
    

    .social-icons ul {
        right: 10%;
    }
    /*error page media css*/
    .Slider_error_contain {
        padding: 0 !important;
    }

    .bannererrorText {
        padding-right: 15px;
    }
    /*error page media css end*/

}
@media(max-width: 1299px) and (min-width:1100px){
    .pagination-blog{
        margin-left: 4em !important;
    }
    .job-title{
        width: 65%;
    }
}
@media(max-width: 1200px) and (min-width: 992px){
    .job_details_box{
    width: 100%;
}
#joblisting-box{
    width: 100%;
}
.topjob-listed{
    width: 100%;
}
#resource-section .checkout-jobseeker h1{
    text-align: center;
}
}

@media(max-width:767px) {
    .mygovtid{
        height: auto;
    }
   
    .text-18{
        padding-left: 0;
    }
    .pagination-blog {
position: absolute;
    margin-top: -63em !important;
    width: 80% !important;
    margin-bottom: 16em !important;
    margin-left: 2.5em !important;
}
    .blog-box-both{
        width: 100%;
        margin-top: -4.5em !important;
    }
    .apply-modal{
    width: 75% !important;
     
}
.modal-content{
        width: 75%;
    }

.job-title h3{
    width: 100%;
}
    .emp-btn a{
        font-size: 17px;
    }
    .contact_details_box_inner{
        flex-direction: column;
}
.contact_details_box_inner{
    
    margin-bottom: 9em !important;
}
.contact_details_box_inner .col-md-4{
    width: 100% !important;
    margin-top: 15px;
    margin-bottom: 30px;
    position: static !important;
    
}
.contact_details_box_inner .col-md-8{
    width: 100% !important;
        padding: 20px 20px;
    
}
.contact-details-with-form {
   /* width: 95% !important;*/
    margin: 0 auto !important;
    display: flex;
    margin-bottom: 7em !important;
    margin-top: -7em !important;
    flex-direction: column;
}
.contact-details-with-form .span-4{
        margin-bottom: 30px;
        width: 100% !important;
}
.contact-details-with-form .span-8{
    width: 100% !important;
    padding: 20px 0px !important;
}
.contact-details-with-form .span-8  .contact-inner-box{
    padding: 0px 0px;
    
}
form#contactform .contact-search{
    padding-left: 0 !important;
    width: 100% !important;
}
#contactform{
    padding: 0 18px !important;
    
}
    .blog_details_box {
        width: 95%;
    }
    #sub-images li img{
        width: 20px !important;
    }
    .blog-box {
        flex-direction: column;
    }

        .blog-box .col-md-8, .blog-box .col-md-4 {
            width: 100%;
            margin-bottom: 30px;
        }

    .post-container {
        flex-direction: column;
    }

    .post-content {
        padding-left: 0px !important;
    }

    .pagination-box {
        width: 100%;
       }
}

@media(max-width:992px) and (min-width: 768px) {
    .pagination-blog{
      position: absolute;
    margin-top: -68em !important;
    width: 70% !important;
    margin-bottom: 20em !important;
    margin-left: 7em !important;

}
    .blog-all-post:last-child {
    padding-bottom: 3em;
    margin-bottom: 10em;
}
.blog-box-both{
    margin-bottom: 15em;
        margin-top: -4.5em !importan
}
.blog-main-box{
    margin-bottom: 3em;
}
    .contact-details-with-form{
     /*   width: 70% !important;*/
            flex-direction: column;
    }

    .blog_details_box {
        width: 70%;
    }
   /* .contact_details_box{
            width: 75%;
    }*/
    .contact_details_box_inner .col-md-4, .contact-details-with-form .span-4{
        width: 100%;
        margin-bottom: 30px;
        position: static;
    }
    .apply-modal{
    width: 60% !important;
     
}
.contact_details_box_inner .col-md-8, .contact-details-with-form .span-8 {
    width: 100%;
    }
    .blog-box {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

        .blog-box .col-md-8, .blog-box .col-md-4 {
            width: 100%;
            margin-bottom: 30px;
        }

    .post-container {
        flex-direction: column;
    }

    .post-content {
        padding-left: 0px !important;
    }

    .blog-box .col-md-8 {
        margin-right: 0;
    }
}

@media(max-width:1100px) and (min-width: 1000px) {
    #employervideoblock{
    padding-bottom: 3em !important;
}
    .pagination-blog {
       position: relative;
    margin-top: -35em;
    width: 50% !important;
    margin-left: 4em !important;
}
   /* .contact-details-with-form{
        width: 95% !important;
    }*/
    .job-title{
        width: 90%;
    }
    .breadCrubms{
       width: 90%;
    margin: 0 auto;
    }
    .cookie_details_box{
        width: 95%;
    }
    .employer-registration-form{
            width: 75%;
    }
    .form-end-btn .form-back-btn, .form-continue .button{
        width: 80%;
    }
    .form-end-btn a#register-btn {
    width: 80% !important;
}
    #cookie-main-box{
        width: 85%;
    }
    .blog-box-both{
        width: 100%;
    }
    .blog_details_box {
        width: 95%;
    }
    .apply-modal{
    width: 60% !important;
     
}
.apply-modal{
    width: 45% !important;
     
}
}
@media(max-width: 576px) {
    .employerquestionanswers{
        padding: 1em 2em 0em 2em !important;
    }
   
    .covid-share{
        display: block;
        padding: 10px 0px;
    }
    .shareClick{
        margin-left: -10px;
    }
    .contact_details_box_inner p strong{
        word-break: break-all;
    }
    .option-content a{
        padding: 0 2px !important;
    }
    #titlebar.single{
        padding: 54px 0 47px 0 !important;
    }
    .what-going-on-box .m-card__title{
        line-height: 36px;
      /*  height: 130px;*/
    }
    #joblisting-box{
            margin: -7em auto !important;
            margin-bottom: 2em !important;
    }
    .blog-details_box{
           margin-top: -6.5em;
    }
    .back-btn {
    padding-bottom: 15px;
}
   /* .employerregister, .joblisting-banner{
    height: 250px!important;
}*/
    .articlescreen_title h2 {
    font-size: 21px;
    line-height: normal;
}
    #gov-btn{
        font-size: 16px !important;
    }
    .presentation-image{
        margin-bottom: 30px;
    }
    .Accessbox{
        width: 100%;
    }
    .topjobPosts{
        padding: 2em 1em !important;
    }
    .pagination-blog{
        position: absolute;
    margin-top: -60em !important;
    width: 85% !important;
    margin-bottom: 15em !important;
    margin-left: 0.7em !important;
    }
    .blog-all-post:last-child{
        margin-bottom: 8em;
    }
    .breadCrubms{
    left: 15px !important;
    top: 0 !important;
    }
    .login-form {
        width: 100%;
        padding: 25px;
    }
    .modal-content{
        width: 95%;
    }
    .apply-modal{
    width: 95% !important;
     
}
    .remember-btn {
        flex-direction: column;
    }
    .covid-inner-box {
    padding: 30px !important;
}
}   /*#layout-main-container {
    position: relative;
    top: 0 !important;
}*/