.overlay{width:100%;height:100%;position:absolute;background-color:#000;opacity:.33;z-index:1}
#hero .overlay{height:100vh}
#hero .over_overlay{width:100%;z-index:99;position:relative;top:50%;padding:0 20px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
#hero{z-index:0}
#hero h1{font-size:60px;color:#FFF;text-align:center;margin:0;margin-bottom:40px;text-transform: capitalize;}
#hero span{font-size:20px;color:#FFF;text-align:center;margin:0;display:block;font-weight:100;margin-bottom:20px;margin-top:7px}
.hero_button{line-height:42px;border-radius:21px;text-align:center;margin:0 auto;display:block;width:220px;color:#FFF;margin-top:15px;font-family:'Montserrat',sans-serif;font-weight:400;font-size:13px;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-ms-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-o-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:all .5s ease 0}
#hero h5 {font-size: 20px; color: #FFF;text-align: center;display: block; font-weight: 300;    margin-bottom: 12px;}
.hero_button:hover{color:#FFF}
.i-employer{float:right; margin-right:25px;}
.i-jobseeker{float:left; margin-left:25px;}
.blue_color{color:#124C8A}
.green_color{color:#98D000}
section.section_home_2{margin-bottom: 100px;}
section.emp-section-1{padding: 7vw 0; background: #f6f7f8!important; }
section.emp-section-1 h3{margin: 0 0 50px !important; text-align: center; font-size: 32px !important; color: #4e565a !important; font-weight: 600; line-height: 3.4rem; font-family: 'Open Sans',sans-serif;}
section.section_1 h1{margin:0;text-align:center;font-size:40px;margin-bottom:20px;    text-transform: capitalize;}
section.section_1 h2{margin:0 0 25px;text-align:center;font-size:32px;color:#4e565a;font-weight:600; line-height: 3.4rem; font-family:'Open Sans',sans-serif;}
section.section_1 h3{font-size:25px;margin:20px 0;color:#4e565a}
section.section_1 h4{font-size:23px;text-align:center;margin:20px 0;    text-transform: capitalize;}
section.section_1 p { font-size: 16px;}
section.section_1 p a { font-size: 16px;}
section.section_1 p b{font-weight:800}
section.section_1 li p{margin:0 auto;margin-top:5px;font-size:17px}
section.section_2 h3{margin:0;font-size:33px}
section.section_2 p{margin-top:35px;font-size:17px}
.more_button{margin-top:17px;font-size:15px;color:#000;    font-weight: 600;}
.more_button img{display:inline-block;margin-top:-3px;margin-left:50px;-moz-transition:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.more_button:hover img{margin-left:45px}
section.section_3 h3{margin:0;text-align:center;font-size:33px;margin-bottom:65px}
section.section_3 .icon{display:block;margin:0 auto;margin-bottom:17px;height:40px;object-fit:scale-down}
section.section_3 span{text-align:center;font-family:'Montserrat',sans-serif;font-weight:400;font-size:14px;display:block;color:#124C8A}
section.section_3 p{margin:25px 0;text-align:center;font-size:17px}
section.image-side{width:100%;min-height:500px;position:relative;background-color:#FBFBFB}
section.image-side p{font-size:17px}
section.image-side .text{height:500px;padding:0}
section.image-side .row{min-height:500px}
section.image-side .img{height:500px;background-size:cover;background-color:#000}
section.image-side h3{margin:0;text-align:left;font-size:44px;margin-bottom:22px}
section.image-side.right{float:none!important}
section.image-side.right h3,section.image-side.right p{text-align:left}
section.image-side.right .img{float:left}
section.image-side .vertical-center{padding:0 30px;max-width:550px;margin:0 auto}
section.section_4{background-color:#FBFBFB}
section.section_4 .logo{-webkit-filter:grayscale(100%);filter:grayscale(100%);margin:0 auto;display:block;padding:20px 0}
section.section_5{width:100%;background-size:cover;background-position:center}
section.section_5.contact{background-image:url(/images/home/contact.jpg);z-index:0;position:relative}
section.section_5 .overlay{max-height:100%;opacity:.6}
section.section_5 .over_overlay{width:100%;z-index:99;position:relative}
.over_overlay{padding:9vw 0}
section.section_5 .over_overlay h3{font-size:59px;color:#FFF;text-align:center;margin:0;margin-bottom:40px}
section.section_5 .over_overlay span{font-size:20px;color:#FFF;text-align:center;display:block;margin:7px 0 40px}
@media (max-width : 767px) {
    #hero .over_overlay{padding:0 10px;top:35%}
    .employer-index .over_overlay, .jobseeker-index .over_overlay{padding:0 10px;top:48% !important}
    #hero h1{font-size:30px;margin-bottom:20px;}
    .home-page#hero h1{margin-top: 120px !important;}
    section.section_3{padding:40px 0!important}
    section.section_1 h2,section.section_3 h3{    font-size: 30px!important;
        text-align: center!important;
        line-height: 40px;}
    section.image-side .vertical-center{padding:16px}
    section.section_2 .more_button{margin-bottom:50px;display:block}
    section.image-side h3,section.section_5 .over_overlay h3{font-size:30px}
    section.section_5 .over_overlay span{font-size:24px}
    section.image-side .text{height:auto;padding:50px 0}
    section.image-side .img{height:300px!important;min-height:300px!important;object-fit:contain}
    .select{display:none}
    .select-container .arrow{display:block !important}
    .i-employer, .i-jobseeker{float: none; margin: 10px auto; line-height: 45px; font-size: 15px; width: 75%;}
    .section_3 h2, .section_2 h2{font-size: 40px}
}
@media (max-width : 350px) {
    .i-employer, .i-jobseeker{float: none; margin: 10px auto; line-height: 45px; font-size: 13px; width: 70%;}
}
p.text-li{
    font-weight: 600;
    color: #4e565a;
}