@charset "utf-8";

/* CSS Document */



body {

    background-color: #fff;

    line-height: 1.6;

    margin: 0;

    text-align: left;

    overflow-x: hidden;

    font-size: 1rem;

}



.bg-dark {

    background: #FFF !important;

    height: 80px;

    border-bottom: 0px solid #e8eaed;

}



.navbar-expand-lg .navbar-nav .nav-link {

    padding-right: 0.875rem;

    padding-left: 0.875rem;

    font-weight: 500;

}

.theme1-featured-logo {

    width: 100%;

    height: 78px;

    object-fit: contain;

    padding: 7px;

}



.profile {

	width: 100px;

    object-fit: contain;

    object-position: left;

    border-radius: 3px;

}





/* .navbar-light .navbar-nav .nav-link {

    color: #6B7280!important;

} */



 

	

.white-bg {

	background-color:#fff;

	/*padding:50px 0;*/

}



img.img-circle {width:114px; height:114px;}

ul.categories {list-style-type: none;}

ul.categories li a{

    line-height: 45px;

    font-weight: 400;

    padding: 8px 15px;

    border-radius: 5px;

	}



.img-circle-custom {

    border-radius: 50%!important;

    background-color: #fff;

    padding: 5px;

    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);

    -ms-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);

    -o-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);

    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);

}



h1.home-heading {

    color: #fff;

    font-size: 42px !important;

    font-weight: 700;

    line-height: 1.3em;

}



.home-sub-heading {

    color: #fff;

    margin-bottom: 2rem !important;

    font-size: 18px !important;

    font-weight: 500 !important;

    line-height: 1.5em;

}

.home-info {

    font-size: 38px!important;

    /* margin-bottom:15px!important; */

}

.home-info-para {

    font-size: 16px;

    font-weight: 500;

}

.home-info-bg {

    padding:3rem;

}

/* Carousel base class */

.carousel {

  margin-bottom: 5rem;

  z-index:-100000;

  margin-top: -16px;

}

/* Since positioning the image, we need to help out the caption */

.carousel-caption {

  bottom: 3rem;

  z-index: 10;

}

.carousel-caption  h5{

  font-size:32px;

}

/* Declare heights because of positioning of img element */

.carousel-item {

  height: 20rem;

}

.carousel-item > img {

  position: absolute;

  top: 0;

  left: 0;

  min-width: 100%;

  height: 32rem;

  object-fit: cover;

}

.carousel-caption {

    right: 20%;

    /*left: 20%;*/

    top: 78px;

    /* position: relative; */

    padding-bottom: 30px;

	color:#283a50;

	text-align:left;

}

.carousel-indicators {

    bottom: 150px;

	display:none;

	z-index:11;

}



.no-border {border-color:#fff;}

.border-left {border-left:1px solid #ccc;}



.card-title-theme1 {

	color:#111827;

	font-size:18px!important;

}



.dark-bg-theme1 {

    background: #f5f7fb !important;

}



.dark-bg-theme1 p strong {color:#fff;}

.dark-bg-theme1 div a, .copyright {

    color: #121224 !important;

    line-height: 28px;

    font-size: 14px;

}



.slider-bg-theme1 {
    margin-top: -10px;
    padding: 40px 0;
    background-image: url(../images/hero-bg.png);
    background-position: center center;
    border-radius: 25px;
    background: linear-gradient(77deg, #347f9c 0%, #6dbad6 100%);
}

.filters-bar {

    background: #fff;margin: -29px 0 0 0;padding-top: 10px;box-shadow: 0 5px 10px -5px #ccc;

}

.active-tab {

    color: #fff!important;

    border: 2px solid #1a73e8;

    border-radius: 5px;

    background:#1a73e8;

}

.active-tab:hover {

	color: #fff!important;

    border:2px solid #174ea6;

	border-radius:5px;

	background:#174ea6;

}



h3.job-title-theme1 a{

    font-size: 17px;

    font-weight: 500;

	}





.navbar-light .navbar-toggler {

    color: #fff;

    border-color: #23468c;

    background: #23468c;

    border-radius: 50%;

    min-height: 40px;

}

/* RESPONSIVE CSS

-------------------------------------------------- */

p {

    font-size: 0.875rem;

}

ul {

    list-style-type: disc;

    margin-bottom:20px;

    margin-left:20px;

}

ul.num {

    list-style-type:decimal ;

    margin-bottom:20px;

    margin-left:20px;

}

ul li{

    font-size: 0.875rem;

    font-weight: 500;

}

.main-heading {

    margin-bottom:12px;

}

.resume-heading {

    margin-bottom:12px;

    font-size: 1.4rem;

}

a {

    text-decoration: none;

    color: #202124!important;

    line-height: normal;

}





label {

    font-size: 0.9rem;

    margin: 0;

    color:#000;

}

.form-group {

    margin-bottom: 15px;

}

/* .form-control {

    display: block;

    width: 100%;

    padding: 0.375rem 2.25rem 0.375rem 0.75rem;

    -moz-padding-start: calc(0.75rem - 3px);

    font-size: 0.875rem;

    font-weight: 400;

    line-height: 1.5;

    color: #212529;

    background-color: #fff;

    transition: all .2s ease-in-out;

} */

.btn-100 {

    width:100%;

}





.border-login {

    border-bottom: 2px solid transparent;

    border-image: linear-gradient(0.25turn, rgba(255,249,34), rgba(255,0,128), rgba(56,2,155,0));

    border-image-slice: 1;

    display: table;

    margin: 0 auto 15px auto;

    width: 117px;

}

.rounded-12 {

    border-radius: 12px;

}

.nav-link {

    /* color: #fff!important; */

    /* font-family: Poppins,sans-serif; */

}

.social-signup {

    text-align: right;

    margin: -25px 0 0 0;

    position: relative;

    font-size: 16px;

}

.label-text {

    padding: 0;

    margin-bottom: 0.5rem;

    font-size: 16px;

    font-weight: 600;

}





.input-group-text {

    line-height: 1.9;

    border-radius: 0;

}

.mini-profile-img-dashboard img {

    width: 119px;

    height: 119px;

    object-fit: contain;

    padding: 0;

    box-shadow: 0 0.0.875rem 0.0.875rem rgb(0 0 0 / 10%);

    border-radius: 5px;

}

.jobseeker-rate {

    float: right;

    position: absolute;

    top: 20px;

    right: 0px;

    border: 1px solid #ddd;

    border-radius: 5px;

    padding: 10px 20px;

    max-width: 215px;

}

.card-home {

    border: transparent;

    box-sizing: border-box;

    background: #fff;

    box-shadow: 0 1rem 3rem rgba(204, 204, 204, .4) !important;

    border-radius: 100px;

    /* padding: 10px !important; */

}

.card-home-job {

    padding: 10px 10px;

    border: 1px solid var(--N400, #E7E7F1);

    /* -webkit-box-shadow: var(--box-shadow1, 0px 6px 12px rgba(30, 10, 58, 0.04));

    box-shadow: var(--box-shadow1, 0px 6px 12px rgba(30, 10, 58, 0.04)); */

    border-radius: 16px;

}

/* .card-widget {

    background: #fff;

    box-shadow: 0 0.0.875rem 0.0.875rem rgb(0 0 0 / 10%);

    display: flex;

    align-items: center;

    border-radius: 5px;

    padding: 0.7em 0.875rem;

}

.card-jobseeker {

    border: 1px solid #e8e8e8;

    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%), 0 1px 2px 0 rgb(0 0 0 / 6%);

    border-radius: 5px;

    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%), 0 1px 2px 0 rgb(0 0 0 / 6%);

}





/* Resume Steps */

/* Global CSS, you probably don't need that */



.clearfix:after {

    clear: both;

    content: "";

    display: block;

    height: 0;

}



.pull-right {

	float: right;

}



.step a, a:active {

	color: #0d172c!important;

	text-decoration: none;

}



.step a:hover {

	color: #999!important;

}









.resume-name {

    position: relative;

    float: right;

    margin-top: -40px;

}



.card-body-new {

    padding:0!important;

}



.mb-12 {

    margin-bottom: 12px;

}

.btn-font {

    font-size: 16px;

}







.mini-profile-img img{

    width: 100px;

    height: 100px;

    object-fit: cover;

    border-radius: 100px;

}

.mini-profile-img {

    width: 100px;

    height: 100px;

    object-fit: cover;

    border-radius: 100px !important;

}

.list-hover:hover {

    background-color: #e6ecf4;

}



a.list-group-item-primary {

    color: #000!important;

    background: rgb(255,255,255);

    background: linear-gradient(180deg, rgb(247 247 247) 0%, rgb(231 231 231) 100%);

    border: 1px solid #e9e9e9;

}

.list-group-item-action {

    width: auto;

}

.danger-bg {

    color: #842029;

    background: #f8d7da;

    border-color: #f5c2c7;

    border-radius: 5px;

    padding:10px 25px;

}

.required {

    border-left: 2px solid #fb6c23;

}

.form-check2 {

        padding-left: 0.5em;

        padding-right: 1em;

}



.forum-icon-bg {

    border-radius: 3px;

    font-size: 20px!important;

    color: #0c5460;

    background-color: #d1ecf1;

    border: 1px solid #bee5eb;

}

.video-img {

    width:400px;



}

img.logo-dashboard {

    width: 130px!important;

    height: 130px!important;

    object-fit: fill;

}

.border-bottom-0 {

    border-bottom: 0px!important;

}

 .box_job_type {

    border-radius: 3px;

    width: 16px;

    height: 16px;

    float: left;

	margin: 4px 0 0 0;

}

.category-bg {

    background: #FFFFFF;

    border: 1px solid #E7E7F1;

    /* -webkit-box-shadow: 0px 6px 12px var(--Ev100, rgba(30, 10, 58, 0.04));

    box-shadow: 0px 6px 12px var(--Ev100, rgba(30, 10, 58, 0.04)); */

    border-radius: 16px;

    padding: 16px;

    margin-bottom: 16px;

    width:100%;

}



.text-muted {

    overflow-wrap: anywhere;

    color: #474D6A !important;

}

.text-muted a {

    color: #686781!important;

}

.text-muted a:hover {

    color: #0858d0!important;

	

}

/* .bg-blue-home {

    background: #F5F7FB;

    padding: 60px 0px;

} */

.form-home {

    border-color: #fff;

    border-radius: 100px !important;

    min-height: 43px;

}

/* Featured Job Row */



.featured-job-tag {

    background: #d9eeff;

    border: 1px solid #d9eeff;

  }



.footer {

	margin-top:32px;

}





.advance-link:hover, .nav-link:hover {

    color:#000!important;

    text-decoration: underline;

}



.nav-item .nav-link-custom {

    display: block;

    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);

    font-size: var(--bs-nav-link-font-size);

    font-weight: var(--bs-nav-link-font-weight);

    color: #fff!important;

    text-decoration: none;

    background:#f94e2e;

    border: 0;

    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;

}

.nav-link-custom {

    margin-left: 15px;

    padding: 8px 16px !important;

    border-radius: 100px;

    border: 2px solid #f94e2e !important;

}

/*.footer-logo, .navbar-brand>img {

    filter: brightness(0) invert(1);

}*/





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

    .slider-bg-theme1 {

        padding: 40px 0 30px 0;

    }

} 



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

    h1.home-heading {

        font-size: 30px !important;

        line-height: normal;

        width: 90%;

        margin: 0 auto 20px auto;

      }

      .home-sub-heading {

        font-size: 18px;

        width: 85%;

        margin: 0 auto 1.3rem auto!important;

    }

    .card-home {

        border: transparent;

        border-radius: 7px;

        padding: 4px 0px;

    }

    .m-w-100 {

        width: 100%!important;

    }

    .m-text-center {

        text-align: center!important;

    }

    .m-dblock {

        display: block !important;

    }

    .mmt-10 {

        margin-top:10px;

    }

    .home-info {

        font-size: 24px;

        margin-bottom:15px;

    }

    .home-info-para {

        font-size: 18px;

    }

    .home-info-bg {

        padding:2rem!important;

    }

    .mp-0 {

        padding-left:0rem!important;

        padding-right:0rem!important;

    }

    .mmb-10 {

        margin-bottom:10px!important;

    }

    .mmr-0 {

        margin-right:0px!important;

    }

    .job-tags {

        padding-right: 0;

        margin-right: 1rem;

        margin-left: 0;

    }

    .navbar-collapse {

        background: #fff;

        padding: 21px 0;

    }

}



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

	.nav-link {

		color: #000!important;

	 }

}







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

.m-font-size1 {

	font-size: 22px!important;

	    margin: 0!important;

}

}



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

.mpt-20 {

padding-top: 0px!important;

}

}

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

.mmt-0 {

    margin-top: 0px!important;

}

}



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

.mmt-15 {

    margin-top: 15px!important;

}

.advance-link:hover, .nav-link:hover {

    color:#000!important;

}

}



.mf-size26 {

	    font-size: 26px!important;

}