*{box-sizing: border-box; outline:none;}
html, body{font-family: 'Source Sans Pro', sans-serif; padding:0; margin:0 auto; font-size:18px; font-weight: 400; color:#6b6b6b;}
ul{margin:0; padding:0 0 0 15px; display:inline-block;}
ul li{margin:0; padding:0;}
strong{font-weight:600;}
p{padding:0 0 10px 0; margin:0;}
a{text-decoration:none; color:#312E40;}
a:hover{color:#45E66D; text-decoration: none;}
a:active, a:focus {color:#00CC33; outline: none !important; box-shadow:none !important; border: none; -moz-outline-style: none; text-decoration:none;}
input, input:focus,
textarea, textarea:focus{outline: none !important; box-shadow: none !important; border-bottom:1px solid #707070 !important;}

button, button:active, button:focus{outline: none !important; box-shadow: none !important; font-weight:600;}
img{width:100%;}
.cursor{cursor:pointer;}
.bg-cover{background-size:cover; background-position:center center; background-repeat:no-repeat; width:100%;}

.bg-grey{background: #f2f2f2;}
.bg-blue{background:#2E5AB2; color:#fff;}
.color-blue{color:#1c3664 !important;}
.color-green{color:#00CC33 !important;}
.color-white{color:#fff;}
.color-black{color:#6b6b6b;}

.btn{font-weight: 600; padding:8px 18px; min-width: 120px; border-radius: 3px; text-transform: uppercase;}
.btn-blue, .btn-blue:hover{color:#fff; background:#1c3664;}
.btn-green{color:#fff; background:#00CC33;}
.btn-green:hover{background:none; border:1px solid #00CC33; color:#00CC33;}
.btn-outline{border:1px solid #fff; color:#fff;}

.hover-blue:hover{background:#fff; border-color:#fff; color:#1c3664;}
.hover-green:hover{background:#fff; border-color:#fff; color:#00CC33;}

a.readmore {color:#00CC33; position:relative;}
a.readmore::after{content:"\f105"; margin-left:10px; font-size:20px; line-height:normal; position:absolute; top:0; font-family:FontAwesome;}

.pd-0 {padding: 0;}
.pt-0 {padding-top: 0;}
.ptb-10{padding-top:10px; padding-bottom:10px;}
.mg-0{margin: 0;}
.mb-20{margin-bottom: 20px;}
.mb-30{margin-bottom: 30px;}
.mb-40{margin-bottom: 40px;}
.mb-60{margin-bottom: 60px;}
.mb-80{margin-bottom: 80px;}
.mb-100{margin-bottom: 100px;}
/*===============Custom===============*/
h1, h2, h3, h4{margin:0 0 5px 0; padding:0; line-height:1; font-weight: 600; color:#312e40;}
h1{font-size:60px;}
h2{font-size:44px;}
h3{font-size:38px;}
h4{font-size:1.5rem; margin-bottom:10px;}
h5{font-size:18px; color:#1c3664; font-weight:600;}

#wrapper{width:100%; position:relative;}
/*===============Header===============*/
.logo{width: auto; height: 55px;}
.logo-footer{width: auto; height:80px; margin-bottom: 50px;}
.navbar{padding-top:0; padding-bottom:0; z-index:1;
-webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.1); box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.1);}
.navbar-nav .nav-item{padding:12px 10px; text-align:center;}
.navbar-nav .nav-item a.nav-link{color:#312E40; font-size:16px; font-weight: 600; position: relative;}
.navbar-nav .nav-item.active a.nav-link,
.navbar-nav .nav-item a.nav-link:hover{color:#00CC33;}
.navbar-nav .nav-item.active a.nav-link::after{content:"•"; color:#00CC33; font-size: 20px; position: absolute; bottom:-10px; left:50%; transform: translateX(-50%);}

.navbar-nav .nav-item.green{border-bottom:5px solid #00CC33; width:180px;}
.navbar-nav .nav-item.green a{color:#312E40;}
.navbar-nav .nav-item.green.current, 
.navbar-nav .nav-item.green:hover{background:#00CC33; }
.navbar-nav .nav-item.green.current a, 
.navbar-nav .nav-item.green:hover a{color:#fff;}

.navbar-nav .nav-item.darkblue{border-bottom:5px solid #1C3664; color:#312E40; width:180px;}
.navbar-nav .nav-item.darkblue a{color:#312E40;}
.navbar-nav .nav-item.darkblue.current, 
.navbar-nav .nav-item.darkblue:hover{background:#1C3664;}
.navbar-nav .nav-item.darkblue.current a, 
.navbar-nav .nav-item.darkblue:hover a{color:#fff;}
/*===============Section===============*/
section{padding:80px 0;}
.section-title{text-align:center; display:block;}
.section-description{text-align:center; margin-bottom:40px;}

.section-title.two-col{display: flex; align-items: center; margin-bottom:20px;}
.section-title.two-col .left{padding-right: 20px;}
.section-title.two-col .right{display: flex; align-items: center; justify-content: space-between; flex: 1;}
.section-title.two-col .end{justify-content: flex-end !important;}

#about h1{margin-bottom:30px;}
#about .mission strong{margin-bottom:5px;}
#about .mission .content{height: 100%; padding:40px 60px; display: flex; flex-direction: column; justify-content: center; background-color: #f2f2f2; position:relative;} 
#about .mission .borders-right::after{content:""; width:1px; height: 50%; background:#1c3664; position:absolute; top:50%; right:0; transform:translateY(-50%);}
#about .mission img{padding-right: 40px;}
#about .mission .col-xl-6, 
#about .mission .col-lg-6{padding:0;}
#about .mission.left img{padding-left: 40px; padding-right: 0;}

#values{position:relative;}
#values .section-title{margin-top:60px; margin-bottom:140px;}
#values .items{margin-top:-95px; display: inline-block;}
#values .items .item{background:#fff; margin:0; float: left; padding:10px 5px; width: 200px; height: 180px; display: flex; flex-direction: column; justify-content: center; align-items: center; 
-webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.1); box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.1);}
#values .items .item h5{margin-bottom:5px;}
#values .items .item img{width:40px; height: auto; margin-bottom: 15px;}

#indus{padding-top:0;}
#indus h3{margin-bottom:40px;}
#indus .item{display:flex; align-items:center; margin:15px 0;}
#indus .item .img{background:#fff; padding:15px; width:70px; height:70px; margin-right:15px; text-align:center;
-webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.1); box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.1);}
#indus .item .img img{height:100%; width:auto;}


/*About*/
.about{margin-top:-120px; padding: 0;}
.about .section-title{color:#fff; font-weight: 600; text-align: left; padding: 0 50px; margin-bottom: 10px;}
.about .content{background:#fff; padding:30px 60px;}

.service{padding-top: 40px;}
.service h1{margin-bottom:30px;}
.service .mission .content{height: 100%; padding:40px 60px; display: flex; flex-direction: column; justify-content: center; background-color: #f2f2f2;} 
.service .mission .borders-right::after{content:""; width:1px; height: 50%; background:#1c3664; position:absolute; top:50%; right:0; transform:translateY(-50%);}
.service .mission img{padding-right: 0;}
.service .mission .col-xl-6, 
.service .mission .col-lg-6{padding:0;}
.service .mission.left img{padding-left: 0; padding-right: 0;}

.values{margin-bottom: 40px;}
.values{position: relative;}
.values .section-title{margin-bottom: 40px;}
.values .item{padding:0 20px;}
.values .item h5{font-weight: 600; margin: 10px 0 15px; color:#312E40;}
.values  .item img{width:50px; height: auto; margin-bottom: 15px;}

.bottom .container-fluid{background:#1C3664;}
.bottom .content{padding:60px 0; align-items: center;}
.bottom .content h3{margin: 0;}

/*Candidate*/
.candidate h2{margin-bottom:20px;}

/*Resume*/
.resume h2{margin-bottom:20px;}
.resume .upload-img{width:auto; height:50px;}
.resume .upload-control{margin:0 0 15px 10px; display:inline-block;}

/*Employer*/
.emp-service .img-large{width:390px; height:auto; border-radius:12px;}
.emp-service .img-small {width:190px; height:auto; position:absolute; right:-30px; bottom:-50px; border-radius:12px;}

.emp-service .img-one{width:200px; height:auto;}
.emp-service .img-two{width:140px; height:auto; position:absolute; bottom:-40px; margin-left:-40px;}
.emp-service .img-three{width:140px; height:auto; position:absolute; top:-40px; margin-left:30px;}

.engage .counter{text-align:center; width:35px; height:35px; line-height:35px; font-weight:700; background:#1c3664; color:#fff; border-radius:10px; position:absolute}
.engage .image{padding:0 20px; margin-bottom:20px;}
.engage .image img{border-radius:10px; width:100%;}
.engage h4{margin-bottom:10px; line-height:1.2em;}

/*Seeker*/
.seek-service .img-large{width:390px; height:auto; border-radius:12px;}
.seek-service .img-small {width:190px; height:auto; position:absolute; right:-30px; bottom:-50px; border-radius:12px;}

.seek-service .img-one{width:200px; height:auto;}
.seek-service .img-two{width:140px; height:auto; position:absolute; bottom:-40px; margin-left:-40px;}
.seek-service .img-three{width:140px; height:auto; position:absolute; top:-40px; margin-left:30px;}

/*Employer - Seeker*/
.resource .item {padding:30px 20px; border-radius:10px; text-align:center; box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.1); 
-webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.1);}
.resource .item img {width: 40px; height: auto; margin-bottom: 20px;}
.resource .item h4{margin-bottom:0;}

/*Blank*/
.blank h1, .blank h2, .blank h3, .blank h4 {margin-bottom: 20px;}

/*Contact*/
.contact{margin-top:-120px; padding: 0;}
.contact .section-title{color:#fff; font-weight: 600; text-align: left; padding: 0 50px; margin-bottom: 10px;}
.contact .content{background:#fff; padding:40px 60px; display:flex;}
.contact h5{font-weight: 600; margin-bottom: 20px; color:#312E40;}
.contact h2{margin-bottom: 30px;}
.contact .contact-form{padding:30px; box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.1);}

.contact-form .form-group{margin-bottom: 10px;}
.contact-form input,
.contact-form textarea{border:none; border-bottom: 1px solid #707070; border-radius: 0; padding: 10px 0; resize: none;}
.contact-thank{display:none;}
.error-message{color:#f00 !important;}
/*===============Footer===============*/
footer{padding:40px 0 20px 0; color:#6B6B6B;}
footer p{padding:0;}
footer a{color:#6B6B6B; text-decoration: none;}
footer ul{padding:0;}
footer ul li{list-style-type:none; text-align:left; font-size: 16px; margin-bottom: 5px;}
        
.social li{float:left; list-style-type:none; padding:0 15px;}
.social li:first-child{padding-left:0;}
.social li a {font-size:2em; color:#fff; display:block;}

/*===============Custom===============*/
.banner{background-size:cover; background-position:top center; background-repeat:no-repeat; min-height:calc(100vh - 65px); position: relative;}
.banner::before{content: ""; position: absolute; top:0; left: 0; width: 100%; height: 100%; background:rgba(80,80,80,0.3);}
.banner-content{z-index: 1; position: absolute; top:50%; left:50%; transform:translate(-50%, -90%); text-align:center;}
.banner-content h1, .banner-content p{color:#fff; margin-bottom:20px;}
.banner-content h1{font-weight: 700; font-size:80px;}

.banner .info-box{position:absolute; bottom:0; text-align:center;}
.banner .info-box .darkblue h2, .banner .info-box .green h2{color:#fff; font-weight:bold; margin-bottom:30px;}
.banner .info-box .darkblue {background: rgba(0,0,105,0.75); padding:20px 0 30px;}
.banner .info-box .green{background:#00CC33; padding:20px 0 30px;}

body:not(#pgHome) .banner{display:flex; align-items:flex-start; min-height: 300px;}
body:not(#pgHome) .banner .info{width: 100%; padding:50px 0 15px 0; background: transparent; text-align:center;}
body:not(#pgHome) .banner .info h3{margin-left: 50px;}
body:not(#pgHome) .banner .info p{color:#fff; margin-top:30px;}
body:not(#pgHome) .banner:before {background: rgba(0,0,105,0.75);}

body#pgEmployer .banner,
body#pgSeeker .banner{align-items:center;}
body#pgEmployer .banner .info,
body#pgSeeker .banner .info{padding:0;}

/*form*/
.form label:not(.checkbox){color:#00CC33; font-weight:600; display:block; margin:0;}
.form .form-group{margin-bottom: 20px;}
.form .form-control{height:auto;}
.form input,
.form textarea{border:none; border-bottom: 1px solid #707070; color:#6b6b6b; border-radius: 0; padding: 10px; resize: none;}

::-webkit-input-placeholder {color:#A7A7A7 !important;}
::-moz-placeholder {color:#A7A7A7 !important;}
::-ms-placeholder {color:#A7A7A7 !important;}
::placeholder {color:#A7A7A7 !important;}

/*Select2*/
.select2-container--default .select2-selection--single{border:none; border-bottom: 1px solid #707070; color:#6b6b6b; border-radius: 0; height: 47.5px;}
.select2-container--default .select2-selection--single .select2-selection__rendered{padding:10px;}
.select2-container--default .select2-selection--single .select2-selection__arrow b{display:none;}
.select2-results ul{width:100% !important;}
.select{position:relative;}
.select:after{content:"\f107"; position:absolute; top:10px; right:10px; font-size:20px; color:#00CC33; font-family:'FontAwesome';}

/*Checkbox*/
.checkbox {display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; 
    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.checkbox input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.checkmark {position: absolute; top: 0; left: 0; height: 25px; width: 25px; border-radius: 3px; background-color: none; border: 3px solid #00CC33;}
.checkbox input:checked ~ .checkmark {background-color: #00CC33;}
.checkmark:after {content: ""; position: absolute; display: none;}
.checkbox input:checked ~ .checkmark:after {display: block;}
.checkbox .checkmark:after {left: 7px; top:2.5px; width: 7px; height: 12px; border: solid white; border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

/*Datetime pickers*/
.datepicker{cursor:pointer;}
.datepicker .table-condensed{width:220px;}

/*Upload Image*/
.add-link{position:relative; margin-right:15px;}
.upload-control span{cursor:pointer;}
.upload_loading{background:#383838; position:absolute; bottom:-10px; left:0; width:100%; overflow:hidden;}
.upload_loading div {width: 30px; height: 4px; background-color: #1ecd02; position: relative; -webkit-animation: mymove 2s infinite; animation: mymove 2s infinite;}
.upload_loading div {-webkit-animation-timing-function: linear; animation-timing-function: linear;}

@-webkit-keyframes mymove {
    from {left: 0%;}
    to {left: 100%;}
}

@keyframes mymove {
    from {left: 0%;}
    to {left: 100%;}
}



/*listItems*/
.listItems > .list_two{display: grid; grid-template-columns: 350px auto; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #cacaca;}
.listItems > .list_two:last-child{border-bottom:0;}
.listItems > .list{display: grid; grid-template-columns: 350px auto 250px; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #cacaca;}
.listItems .list-image{padding-right: 25px;}
.listItems .image{width: 100%; height: 220px; display: inline-block; position: relative;}
.listItems .image img{width: 100%; height: 100%; object-fit: cover; object-position:top;}
.listItems a.readmore{color:#0d6efd;}
.listItems a.readmore:hover{color:#45E66D;}

.blogs .press a {color: #0d6efd;}
.blogs .press a:hover {color: #45E66D;}

.move-text h3,
.zoom-img img{transition: transform 0.5s ease-in-out;}
.zoom-img:hover img{transform: scale(1.1);}
.move-text:hover h3{transform: translateX(10px);}

.content .fw-400{font-weight:400;}
.content .card{border:none;}
.content .card-header{background:none; border:none;}
.content .card-header h4{font-size:1.25rem; line-height: 1.5em; cursor:pointer;}
.content .card-body{padding-top:0;}
.content .card-body a{color:#0d6efd;}

.content h4 .plus{display:show;}
.content h4 .minus{display:none;}

.content .show h4 .plus{display: none;}
.content .show h4 .minus{display: block;}
.content .show .collapse{display:block;}

.content.active #btnExpand, #btnCollapse{display:none;}
.content.active #btnCollapse{display:block;}


/*Job list*/
.morejob{background: #f2f2f2;}

/*list-view grid-view*/
.table-list .table-item{display: flex; align-items: center; padding: 15px; background:#fff; color:#a7a7a7; font-size: 14px; position: relative; margin-bottom:1px; width: 100%; border-radius: 10px; box-shadow: 0 0 3px rgba(0,0,0,0.15);}
.table-list.with-bagde .table-item{padding-top: 35px;}
.table-list .table-item:last-child{box-shadow: 0 2px 5px rgba(0,0,0,0.15);}
.table-list .table-item .item-logo{width: 120px;}
.table-list .table-item .item-logo img{width: 80px; height: auto;}
.table-list .table-item .item-logo.circle img{border-radius:100%;}
.table-list .table-item .item-avatar{width: 100px;}
.table-list .table-item .item-avatar .img{width: 70px; height: 70px;}
.table-list .table-item .table-action{margin-left: 20px; display:flex;}
.table-list .table-item .table-action a{margin-left: 20px;}
.table-list .table-item .table-action a:first-child{margin-left: 0;}
.table-list .table-item .table-content{flex: 1; display: flex; align-items: center;}
.table-list .table-item .table-content .table-column{margin-left: 30px;}
.table-list .table-item .table-content .table-column:first-child{margin-left: 0;}
.table-list .table-item .table-content .table-column .table-row{text-align: right;}
.table-list .table-item .table-content .table-column .table-row .row-title{height: 25px; margin-bottom: 5px;}
.table-list .table-item .table-content .table-column .func{display: none;}
.table-list .table-item .table-content .table-column .func-list{display: inline-block; margin-right: 10px;}
.table-list .table-item .table-content .table-column a.title{color: #2E5AB2; font-size: 20px; font-weight: 600; margin-right: 10px;}
.table-list .table-item .table-content .table-column .comp{color: #a7a7a7; font-size: 16px;}
.table-list .table-item .table-content .table-column .desc{margin: 5px 0;}
.table-list .table-item .table-content .table-column .group-date {justify-content: flex-end;}

.badge-pin{padding: 1px 8px; display: inline-block; text-transform: uppercase; font-size: 12px; border-radius: 10px;}
.badge-pin.left{position: absolute; top:0; left: 0; border-radius: 10px 0 10px 0;}
.badge-pin.right{position: absolute; top:0; right: 0; border-radius: 0 10px 0 10px;}

.table-list .grid-show,
.table-list.grid-view .grid-hide{display: none;}
.table-list.grid-view .grid-show{display: block;}
.table-list.grid-view .tag-list{margin-top: 5px;}
.table-list .tag-list > li,
.candidate-search .tag-list > li{margin-bottom: 5px !important;}
.table-list .tag-list > li > a,
.candidate-search .tag-list > li > a{font-size: 12px; padding-top: 2px; padding-bottom: 2px;}

.table-list.grid-view{display: flex; flex-wrap: wrap; margin: 0 0 0 -16px;}
.table-list.grid-view .table-item{width: calc(33.333% - 16px); margin: 0 0 16px 16px; flex-wrap: wrap; align-content: flex-start;}
.table-list.grid-view.table-col-3 .table-item{width: calc(33.333% - 16px);}
.table-list.grid-view .table-item .item-avatar,
.table-list.grid-view .table-item .item-logo{width: calc(100% - 30px);}
.table-list.grid-view .table-item .item-logo img{width: auto; height: 55px;}
.table-list.grid-view .table-item .table-action{width: 30px; margin: 0; flex-direction: column; align-items:flex-end;}
.table-list.grid-view .table-item .table-action a{margin:20px 0 0 0;}
.table-list.grid-view .table-item .table-action a:first-child{margin:0;}
.table-list.grid-view .table-item .table-content{order: 2; margin-top: 10px; flex-direction: column; align-items: unset;}
.table-list.grid-view .table-item .table-content .table-column{margin:0 0 5px 0;}
.table-list.grid-view .table-item .table-content .table-column:last-child{margin-bottom: 0;}
.table-list.grid-view .table-item .table-content .table-column .table-row{display: flex;}
.table-list.grid-view .table-item .table-content .table-column .table-row .row-title{height: auto; margin: 0 10px 0 0;}
.table-list.grid-view .table-item .table-content .table-column .func{display: inline-block; margin-bottom: 5px;}
.table-list.grid-view .table-item .table-content .table-column .func-list{display: none;}
.table-list.grid-view .table-item .table-content .table-column a.title{display: block; margin-bottom: 5px;}
.table-list.grid-view .table-item .table-content .table-column .desc{margin: 5px 0 0 0;}
.table-list.grid-view .table-item .table-content .table-column .group-date {justify-content: unset;}


/*===============testimonial===============*/
.testimonial-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
    margin: 0 auto;
  }
  .testimonial-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 28px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .testimonial-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
  }
  .avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
  }
  .author-name {
    font-weight: 600;
    font-size: 15px;
    color: #1a1a1a;
    margin: 0 0 2px 0;
  }
  .stars {
    color: #f5a623;
    font-size: 14px;
    letter-spacing: 1px;
  }
  .review-date {
    font-size: 13px;
    color: #7a7a7a;
    margin-left: 6px;
  }
  .review-body {
    font-size: 14.5px;
    line-height: 1.6;
    color: #3c3c3c;
    flex-grow: 1;
    margin-bottom: 20px;
  }
  .google-badge {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #d97a3d;
    font-weight: 500;
    text-decoration: none;
  }
  .google-badge svg { width: 18px; height: 18px; }

/*===============Responsive table-list===============*/
/*col-lg*/
@media only screen and (max-width: 1199.98px){
    /*list-view grid-view*/
    .table-list.grid-view .table-item{width: calc(33.333% - 16px);}    
    .table-list.grid-view.table-col-3 .table-item{width: calc(50% - 16px);}
}
/*col-md*/
@media only screen and (max-width: 991.98px){
    /*list-view grid-view*/
    .table-list .table-item{width: 100% !important;}

}
/*col-xs*/
@media only screen and (max-width: 575.98px){
    .section-title.two-col{flex-direction: column; align-items: unset;}
    .section-title.two-col .left{margin-bottom: 10px;}
    .section-title.two-col .right{width: 100%;}
    
    /*list-view grid-view*/
    .table-list .table-item{width: 100% !important;}
}