*{
    margin: 0 0;
}
a{
    text-decoration: none;
}
ul{
    margin-left: -50px;
}
html, body{
    height: 100%;
    height: 100vh;
}
p{
    font-family: "Segoe UI";
}
.auth-main-container{
    display: flex;
    align-items: center;
    margin-top: 100px;
    position: absolute;
    width: 100%;
}
.auth-right-navbar{
    width: 100%;
    display: flex;
    align-items: center;
}
.auth-right-navbar{
    margin-bottom: 50px;
}
.auth-right-navbar .form-cont{
    width: 100%;
    margin: 0 30%;
}
.scroll-content{
    margin-bottom: 20px;
}
.signup-as{
    width: 100%;
    margin: 0 20%;
}
.home-main-container{
    position: absolute;
    top: 40px;
    width: 100%;
}
.mid-sect{
    background-image: url("w_bgc.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-reapeat;
    position: absolute;
    height: 500px;
    width: 100%;
}
.wel-come-tag{
    background-color: rgba(10, 10, 10, .8);
    position: absolute;
    height: 100%;
    width: inherit;
   
}
.cnt{
    padding-top: 150px;
}
.wel-come-tag h1{
    font-family: Tahoma;
    font-size: 35px;
    color: white;
    margin-left: 20px;
}
.wel-come-tag p{
    font-family: Tahoma;
    font-size: 20px;
    color: white;
    margin-left: 20px;
}
.wel-come-tag ul li{
    list-style: square;
    color: white;
    font-family: Tahoma;
    font-size: 17px;
}
.wel-come-tag ul{
    margin-top: 25px;
    margin-left: 35px;
}
.get-started-btn{
    text-align: center;
    margin-top: 70px;
}
.get-started-btn a{
    padding: 8px 20px;
    border: 1px solid rgba(200, 200, 200, 0.4);
    margin: 3px 7px;
    border-radius: 5px;
    color: white;
    font-size: 16px;
    font-family: Tahoma;
}
/* BUTTONS DESIGN */
.btn{
    padding: 8px 20px;
    border: 1px solid rgba(65, 64, 64, 0.4);
    margin: 3px 7px;
    border-radius: 5px;
    color: rgb(30, 30, 30);
    font-size: 16px;
    font-family: "Segoe UI";
}
.btn-s{
    padding: 8px 20px;
    border: 1px solid rgba(200, 200, 200, 0.4);
    margin: 3px 7px;
    border-radius: 5px;
    color: white;
    font-size: 16px;
    font-family: Tahoma;
}
.btn-primary{
    border: 0;
    color: white;
    background-color: teal;
}
.btn-primary:hover{
    background-color: rgb(10, 150, 150);
}
.btn-default{
    background-color: ;
}
.btn-danger-small{
    background-color: orangered;
    color: white;
    font-family: "Segoe UI";
    padding: 3px 7px;
    font-size: 12px;
    margin: 4px 5px;
    border-radius: 4px;
}
.btn-small-primary{
    background-color: teal;
    color: white;
    font-family: "Segoe UI";
    padding: 3px 7px;
    font-size: 12px;
    margin: 4px 5px;
    border-radius: 4px;
}
.btn-primary-large{
    border: 0;
    background-color: teal;
    padding: 10px 25px;
    font-size: 18px;
    color: white;
}

.btn-default-large{
    background-color: white;
    padding: 10px 25px;
    font-size: 18px;
    color: rgb(27, 27, 27);
}
.btn-submit-login{
    width: 100%;
    padding: 7px 0;
    font-family: "Segoe UI";
    font-size: 17px;
    background-color: teal;
    color: white;
    border: 0;
    outline: 0;
    cursor: pointer;
    border-radius: 5px;
}
.btn-submit-small{
    border: 0;
    outline: 0;
    background-color: teal;
    color: white;
    font-family: Tahoma;
    padding: 6px;
    border-radius: 3px;
    cursor: pointer;
}
.submit-primary{
    border: 0;
    outine: 0;
}

/* DASHBOARD DESIGN */
.header-menu-tags ul li{
    list-style: none;
    display: inline-block;
}
.header-menu-tags ul li a{
    font-family: "Segoe UI";
    font-size: 16px;
    color: rgb(34, 36, 36);
    padding: 5px 10px;
}
.page-title{
    text-align: center;
    margin: 15px 0;
}
.page-title h3{
    font-family: "Segoe UI";
    font-size: 22px;
    color: rgb(27, 27, 27);
}
.not-avail{
    font-family: "Segoe UI";
    font-size: 15px;
    color: rgb(27, 27, 27);
    text-align: center;
}

.all-jobs ul li{
    list-style: none;
}
.jobs-display-title-prof h1{
    font-size: 25px;
    font-weight: 600;
    font-family: "Segoe UI";
    color: rgb(34, 36, 36);
    margin: 15px 0;
}
.expertise h3{
    font-family: "Segoe UI";
    font-size: 18px;
    font-weight: 600;
    color: rgb(32, 32, 32);
}
.expertise p{
    font-family: "Segoe UI";
    font-size: 13px;
    font-weight: 400;
    color: rgb(34, 36, 36);
}
.apply-section{
    text-align: center;
    margin: 30px 0;
}


/* FLASH DESIGN */
.warning{
    padding: 15px 0;
    color: white;
    background-color: rgb(56, 56, 12);
    font-family: "Segoe UI";
    font-size: 17px;
    font-weight: 450;
    text-align: center;
    border-radius: 10px;
}
.success{
    padding: 15px 0;
    color: white;
    background-color: rgb(0, 128, 128);
    font-family: "Segoe UI";
    font-size: 17px;
    font-weight: 450;
    text-align: center;
    border-radius: 10px;
}
.info{
    padding: 15px 0;
    color: white;
    background-color: rgb(188, 245, 245);
    font-family: "Segoe UI";
    font-size: 17px;
    font-weight: 450;
    text-align: center;
    border-radius: 10px;
    border: 1px solid rgba(122, 118, 118, 0.4);
}



/* JOB DESIGN */

.worker-name p a{
    font-family: "Segoe UI";
    font-size: 18px;
    color: rgb(30, 30, 30);
    font-weight: 450;
}
.worker-name p a:hover{
    color: blue;
    text-decoration: underline;
}
.all-jobs ul li{
    margin: 0px 0;
    text-align: left;
}
.all-jobs ul{
    margin-left: -30px;
}
.all-jobs{
    margin: 0;
    text-align: left;
}
.already-applied{
    text-align: center;
    margin: 20px 0;
}
.already-applied p{
    font-family: "Segoe UI";
    font-size: 18px;
    color: rgb(27, 27, 27);

}
.view-btn{
    font-size: 21px;
    font-family: "Segoe UI";
    font-weight: 500;
    padding: 10px 15px;
    color: rgb(27, 27, 27);
}
.queries ul li{
    list-style: none;
}
.sender p{
    font-family: "Segoe UI";
    font-size: 18px;
    color: rgb(46, 44, 44);
    font-weight: 500;
    margin: 15px 5px;
}
.notify{
    text-align: center;
}
.notify p{
    font-family: "Segoe UI";
    font-size: 22px;
    font-weight: 500;
    color: rgb(34, 36, 36);
}
.close{
    text-align: center;
}
.hire-worker-btn{
    text-align: center;
    margin: 15px 0;
}
.signup-as{
    display: flex;
    flex-direction: column;
}
.signup-as a{
    background-color: teal;
    color: white;
    font-family: "Segoe UI";
    font-size: 20px;
    padding: 20px 35px;
    text-align: center;
    margin: 10px 0;
}
.exp-job-label{
    font-family: "Segoe UI";
    font-size: 16px;
    margin: 5px 10px;
}
.signup-back a{
    font-family: "Segoe UI";
    font-size: 20px;
    color: rgb(30, 30, 30);
}
.signup-back{
    margin: 0 10px;
}

.request-loc{
    text-align: center;
}
.request-loc p{
    font-size: 12px;
}
.request-loc button{
    border: 0;
    outline: 0;
    padding: 5px 10px;
    border-radius: 3px;
    color: white;
    background-color: teal;
    font-family: "Segoe UI";
    margin: 3px 0;
    cursor: pointer;
}
.loc-sugg{
    text-align: center;

}
.loc-sugg p{
    font-size: 13px;
}
.loc-sugg p a{
    color: blue;
}
.loc-sugg p a:hover{
    text-decoration: underline;
}


.user-info{
    display: flex;
    align-items: top;
}
.user-profile-pic{
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 1px solid rgb(205, 205, 205);
}
.user-profile-pic img{
    width: 40px;
    height: 40px;
    border-radius: 100%;
}
.results-display ul{
   margin-left: -25px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.results-display ul li{
    list-style: none;
    border: 1px solid rgb(209, 209, 209);
    padding: 5px 5px;
    border-radius: 3px;
    margin-top: 10px;
}
.user-details{
    margin: 0 10px;
}
.worker-fullname h2{
    font-family: "Segoe UI";
    color: rgb(30, 30, 30);
    font-size: 14px;
    font-weight: 650;
}
.other-details p{
    font-family: "Segoe UI";
    font-size: 10px;
    color: rgb(30, 30, 30);
}
.hire-btn-sm{
    font-family: "Segoe UI";
    font-size: 10px;
    padding: 3px 5px;
    background-color: teal;
    color: white;
    border-radius: 5px;
}
.hire-score{
    margin-top: 5px;
}
.score{
    font-family: "Segoe UI";
    font-size: 12px;

}
.list-proposals{
    margin-left: -20px;
}

/* NOTIFICATION */
.notification-listing ul li{
    list-style: none;
    border: 1px solid rgb(30, 30, 30, .2);
    padding: 10px 10px;
    margin-top: 5px;
}
.notification-listing ul{
    margin-left: -30px;
}
.notify-title{
    display: flex;
    justify-content: space-between;
}
.notify-title h3{
    font-family: Tahoma;
}
.no-read{
    background-color: rgb(240, 240, 240);
}
.error-display{
    text-align: center;
}
.error-title h3{
    font-size: 20px;
    font-family: Tahoma;
    
}
.error-description p{
    text-align: center;
    font-family: Tahoma;
    font-size: 15px;
}
.score{
    color: black;
    font-family: Tahoma;
}
.block-details{
    text-align: center;
}
.accept-ins{
    text-align:center;
}
.report-btn{
    display: flex;
    justify-content: center;
    align-items: center;
}
.cant-post{
    text-align: center;
}
.jobs-worked{
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 5px;
}
.current{
    background-color: gold;
    width: 7px;
    height: 7px;
    border-radius: 100%;
}
.hired{
    background-color: teal;
    width: 7px;
    height: 7px;
    border-radius: 100%;
}
.proposed{
    background-color: orangered;
    width: 7px;
    height: 7px;
    border-radius: 100%;
}
.prof-jobs-worked{
   display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.prof-hired{
    background-color: teal;
    font-family: Tahoma;
    font-size: 12px;
    text-align:center;
    padding: 4px 7px;
    border-radius: 100%;
    color: white;
}
.prof-proposed{
    background-color: orangered;
    font-family: Tahoma;
    font-size: 12px;
    text-align:center;
    padding:4px 7px;
    border-radius: 100%;
    color: white;
 }
.prof-current{
    background-color: gold;
    font-family: Tahoma;
    font-size: 12px;
    text-align:center;
    padding: 4px 7px;
    border-radius: 100%;
    color: white;
    text-align: center;
}