@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
html {
  scroll-behavior: smooth;
}
body {
  font-family: "Inter", sans-serif;  
  color: rgba(113, 128, 150, 1);
}
:root {
  --primary-color: #FF5900;
  --secondary-color:rgba(21, 42, 69, 1);
  --secondary-font:"Inter", sans-serif; 
}
h1,h2,h3{color: #1A202C;}
p{font-size: 16px;font-weight: 400;line-height: 26px;color:#718096;}
.text-grey{color: #718096;}
.container {max-width: 1300px;margin: auto;}
.bigcontainer { max-width: 1400px;margin: auto}
.small-container{max-width: 1200px;}
section {padding-top: 70px;padding-bottom: 70px;}
.text-18{font-size: 18px;font-weight: 500;line-height: 24px;}
.text-13{font-size: 13px;font-weight: 400;line-height: normal;}
.text-15{font-size: 15px;line-height: normal;}
.text-16{font-size: 16px!important;line-height: normal;}
.text-14{font-size: 14px;line-height: normal;}
.font-parkisans{font-family: var(--secondary-font);}
.font-500{font-weight: 500!important;}
.font-400{font-weight: 400 !important;}
.font-600{font-weight: 600 !important;}
.text-light{color: #fff !important;}.text-dark{color: #1A202C !important;}
.mt-30{margin-top: 30px;}
.mb-30{margin-bottom: 30px}
.mt-20{margin-top: 20px;}
.mb-20{margin-bottom: 20px}
.mt-40{margin-top: 40px;}
.mb-40{margin-bottom: 40px}
.section-heading h3{font-weight: 600;font-size: 44px;font-family: var(--secondary-font);color: rgba(26, 32, 44, 1);     margin-bottom: 16px;    line-height: normal; }
.section-heading p{font-weight: 400;font-size: 16px;line-height: 24px;color: rgba(113, 128, 150, 1);}
.font-semibold{font-weight: 600 !important;}
ul li{list-style: none;}
.form-control:focus{box-shadow: none;border: 1px solid var(--secondary-color);}
.form-select:focus{box-shadow: none;}
.btn{font-size: 16px;font-weight: 500;border-radius: 8px;padding: 9px 20px;color: #000000;}
.theme-btn{background-color: var(--secondary-color);color: #fff;}
.theme-btn:hover{background-color: var(--secondary-color);color: #fff;}
.theme-btn.secondary{background-color: var(--primary-color);}
.theme-btn.big{min-height: 50px;border-radius: 10px;}

.container.big-container{max-width:1520px;}
/* ------------------------------------------------------------- */
/* basic form input css */
.form-control{border: 1px solid #D8DDE6;border-radius: 10px;padding: 13px 20px;font-size: 14px;font-weight: 500;color: #2D2D2D;font-family: var(--secondary-font);}
.form-control::placeholder{color: #718096;}
/* header start */
.header-item a {color: #1A202C;font-size: 16px;font-weight: 500;padding: 20px 20px;    margin-left: 15px;}
/* .navbar-brand{margin-right: 60px;} */
.header-item a.active{color:#1773E2 !important;}
.header-item a:hover{color:#1773E2 !important;}
.header-item a.active span svg g path{fill: #1773E2 !important;}
.header-item a:hover span svg g path{fill: #1773E2 !important;}

.collapse .btn.theme-btn{min-width:150px;}
/* header end */

/* footer style*/
footer{background-color: #0F172A;color: #ffffff;padding-top: 70px;}
.footer-item h5{
font-size: 18px;
font-weight: 500;
color:rgba(184, 191, 199, 1);}
.footer-links{list-style: none;padding-left: 0;}
.footer-links li a{    font-size: 16px;
    font-weight: 500;
    line-height: 34px;
    color: #fff;
    text-decoration: none;}
.footer-links span{margin-right: 11px;}
.footer-inner-content p{font-size: 16px;font-weight: 400;line-height: 28px;color: rgba(184, 191, 199, 1);max-width: 400px;}
.footer-content h5{font-size: 18px;font-weight: 600;color: #ffffff;}
.footer-bottom { border-top: 1px solid rgba(255, 255, 255, 0.2); margin-top: 40px;padding: 20px 0;}
.footer-bottom-second{padding: 25px 0;}
.footer-bottom p{font-size: 16px;font-weight: 400;color: #ffffff;}
.footer-bottom-content{display: flex;flex-wrap: wrap;}
.footer-icons a{flex: 0 0 44px;height: 44px;display: flex;align-items: center;justify-content: center;background-color: #FFFFFF1A;border-radius: 8px;}
.footer-support a{font-size: 16px;font-weight: 400;color: #fff;text-decoration: none;}
.footer-support-main{gap: 60px;}
/* footer end */

/* home page css =========================================*/
/* .banner-image{width: 100%;height: 677px;object-fit: cover;object-position: center top;} */
.hero-content{position: absolute;top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center;justify-content: center;    }
.hero-background{background-image: url('../images/dots.png');background-repeat: no-repeat;background-color: #F5F2EB;}
.hero-shape{position: absolute;top: 0;left: 0;}
.banner-topic{font-size: 16px;font-weight: 500;color: #000000;position: relative;padding-left: 18px;}
.banner-topic::before { content: "";position: absolute;left: 0;top: -4px;height: 30px;width: 3px; background-color: var(--primary-color);}
.hero-heading h3 span:after{content: "";position: absolute;left: 100%;bottom: 46%;background: url(../images/heading-line.png) no-repeat center center / cover;width: 102px;height: 74px;}
.hero-heading h3{font-size: 60px;font-weight: 600;line-height: 100px;   font-family: var(--secondary-font);   color: var(--secondary-color);}
.hero-heading p{font-size: 16px;font-weight: 400;line-height: 26px;color: rgba(113, 128, 150, 1);}
.hero-job-form-tabs{border: 0;box-shadow: 0px 4px 18px 0px #00000014;background-color: #fff;width: max-content;    border-radius: 15px 15px 0 0;
overflow: hidden;    border-bottom: 1px solid #D9D9D966;}
.hero-job-form{max-width: 866px;padding: 0;margin-top: 30px;}
.hero-job-form {background-color: #fff;padding: 20px;border-radius: 15px;box-shadow: 0px 4px 12px 0px #00000014;}
.input-with-icon{background-color: #F5F5F5;border-radius: 6px; padding: 10px 10px 10px 40px;border: none;flex: 1;}
.input-with-icon input{background-color: transparent;border: none;outline: none;font-size: 15px;font-weight: 400;color: #555555;}
.input-with-icon input:focus{outline: none;box-shadow: none;background-color: transparent;}
.input-with-icon select{background-color: transparent;border: none;outline: none;font-size: 15px;font-weight: 400;color: #555555; }
.input-with-icon select:focus{outline: none;box-shadow: none;background-color: transparent;}
.input-icon {  position: absolute;top: 14px; left: 18px;}
.input-icon img{width: 24px;}
.search-btn a{background-color: var(--primary-color);border-radius: 6px;width: 56px;height: 56px;color: #ffffff;font-size: 16px;font-weight: 500;text-decoration: none;display: flex;align-items: center;justify-content: center;}
.hero-form-inner{gap: 10px;}
.banner-list ul{padding: 0;   list-style: none;}
.banner-list ul li{padding-left: 20px;position: relative;font-size: 15px;font-weight: 400;color: #555555;}
.banner-list ul li::before {content: "■"; color: black;font-size: 18px; position: absolute;top: -5px;left: 0;}
.work-card{border: 1px solid #DDDDDD;box-shadow: 0px 4px 34px 0px #00000012;border-radius: 20px;padding: 10px;background-color: #fff;transition: all 0.4s ease-in-out;flex: 0 0  245px;}
.wor-card-content{display: flex;align-items: center;gap: 10px;}
.work-right-content h3{font-size: 18px;font-weight: 500;}
.work-right-content p{font-size: 14px;font-weight: 300;line-height: 22px;color:#474747;margin-bottom: 0}
.work-icon{height: 75px;flex: 0 0 75px;background-color: #F4F7FE;border-radius: 20px;display: flex;align-items: center;justify-content: center;}
.work-icon svg path{stroke: var(--primary-color);}
.work-card:hover{background-color: var(--secondary-color);}
.work-card:hover .work-icon{background-color: var(--primary-color);}
.work-card:hover .work-icon svg path{stroke: #fff;}
.work-card:hover .work-right-content h3{color: #Fff;}
.work-card:hover .work-right-content p{color: #Fff;}
.word-card-main{display: flex;align-items: center;gap: 12px;flex-wrap: wrap;justify-content: center;}
.work-caption p{font-size: 18px;font-weight: 400;color: #292929;}
.work-caption p a{color: #FF5900;}
.how-it-work-section{background: rgba(254, 249, 246, 1);}
.how-it-work-card{background-color: var(--secondary-color);border-radius: 30px;color: #fff;padding: 70px 50px;background-image: url("../images/hero-shape\ 1.png");background-repeat: no-repeat;background-position: right bottom;}
.how-it-work-card .section-heading{max-width: 823px;margin: auto;}
.nav-tab-custom{background-color: #fff;border-radius: 50px;padding: 10px;width: max-content;margin: auto;box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.09);}
.nav-tab-custom .nav-link{border-radius: 50px;font-size: 16px;font-weight: 500;    padding: 10px 18px;color: black;}
.nav-tab-custom .nav-link.active{background: rgba(21, 42, 69, 1);}
.contractor-card{position: relative;text-align: center;padding: 0 25px;}
.contractor-card::before{    content: '';position: absolute; width: 2px; height: 50%; right: 0; background-color: rgba(193, 199, 210, 1);top: 50%;
transform: translateY(-50%);}
.contracter-icon{width: 75px;height: 75px;    background-color: rgba(255, 88, 0, 1);border-radius: 20px;display: flex;align-items: center;justify-content: center;margin: auto;margin-bottom: 45px;}
.contracter-card-content h3{font-size: 24px;font-weight: 600;color: rgba(26, 32, 44, 1);}
.contracter-card-content p{font-size: 16px;font-weight: 500;color: rgba(113, 128, 150, 1);}
.card-numbering{color: #5555551A;font-size: 46px;font-weight: 500; line-height: 24px;margin-left: -22px;}
/* Remove ::before on the last contractor card */
.col-lg-4:last-child .contractor-card::before {
  content: none;
}
.job-opportunity-slider-item{border: 1px solid #DDDDDD;border-radius: 20px;padding: 15px;margin: 0 7px;}
.jp-image{margin-bottom: 20px;}
.jp-image-img{height: 232px;object-fit: cover;border-radius: 20px;width: 100%;}
.jp-topic{background-color: var(--primary-color);border-radius: 10px;padding: 7px 20px;position: absolute;left: 20px;top: 20px;font-size: 15px;font-weight: 400;color: #fff;}
.company-name{font-size: 16px;font-weight: 400;color: #555555;}
.jp-rating{font-size: 16px;font-weight: 400;color: #000000;margin-left: 7px;    display: flex;align-items: center;gap: 4px;}
.jp-para{font-size: 15px;font-weight: 300;color: #555555;}
.jb-info-btn{font-size: 14px;font-weight: 300;color: #000000;background-color: #F4F7FE;border-radius: 8px;padding: 7px;display: flex;align-items: center;}
.jb-info-btn span{margin-right: 5px;}
.jp-heading{font-family: var(--secondary-font);}
.jp-pricing{margin-top: 30px;}
.jp-pricing h3{font-size: 20px;font-weight: 500;font-family: var(--secondary-font);}
.custom-arrow{width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;border-radius: 10px;background-color: #F4F7FE;    top: -79px;}
.Job-oppurtunity-slider .slick-prev {left: auto;right: 33px;}
.slick-prev:before{display: none;}
.slick-next:before{display: none;}
.custom-arrow:hover{background-color:#F4F7FE ;}
.custom-arrow:focus{background-color:#F4F7FE ;}
.custom-arrow.blue{background-color: var(--secondary-color);}
.custom-arrow.blue img{    filter: brightness(10.5);}
.trusted-slider-card{background-color: #F6F7FB;border-radius: 20px;padding: 30px;margin: 0 10px;margin-bottom: 30px;}
.trusted-content p{font-size: 16px;font-weight: 300;color: #000000;line-height: 30px;margin: 20px 0;}
.trusted-profile h3{font-size: 20px;font-weight: 500;color: #142A49;margin-bottom: 4px;}
.trusted-profile-image img{width: 74px;height: 74px;border-radius: 50%;object-fit: cover;}
.trusted-profile-image{position: absolute;right: 30px;bottom: -30px;}
.trusted-slider .slick-dots li{margin: 0;}
.trusted-slider .slick-dots li button:before{content: '■';font-size: 24px;}
.trusted-slider .slick-dots{ bottom: -45px;}
/* .job-opportunity-container{border-bottom: 1px dashed #00000033;padding-bottom: 60px;} */
.trusted-slider .slick-dots li.slick-active button:before{color:var(--secondary-color);opacity: 1;}
.trusted-slider .slick-dots li button:before{opacity: 1;color: #c4c4c4;}
.call-to-action-card{background-image: url("../images/cta-bg.webp");background-size: cover;background-position: center bottom;padding: 60px 60px;border-radius: 30px;}
.call-to-action-card .section-heading{max-width: 662px;}
.call-to-action-item-heading{color: #ffff;font-size: 18px;font-weight: 600;font-family: var(--secondary-font);}
.call-to-action-item p{font-size: 16px;color: #fff;font-weight: 500;}
.call-to-action-list{gap: 10px;}
.call-to-action-item{border-right: 1px solid #D9D9D94D;padding:0 30px;}
.call-to-action-list .call-to-action-item:first-child{padding-left: 0;}
.call-to-action-list .call-to-action-item:last-child{border: none;}
.call-to-action-item-heading span{margin-right: 10px;}
.cta-user-image{    position: absolute;right: 0;bottom: 0;}
.jp-pricing .btn{padding: 10px 22px;    padding-right: 53px;}
.work-sec{background-image: url('../images/find-work-shadow.png') ,url('../images/job-opportunity-shadow.png');background-repeat: no-repeat,no-repeat;background-position: left top, center right;}
/* new hero sec */
.hero-right img{width: 100%;}
.hero-right{position: absolute;right: 0;top: 0;width: 50%;height: 100%;padding: 0;}
.hero-section{height: 827px;overflow: hidden;    display: flex;align-items: center;justify-content: center;}
.cscs-card-sec{background-color: rgba(21, 42, 69, 1);background-image: url('../images/worker.webp');position: relative;background-repeat: no-repeat;background-size: cover;background-position: center bottom;padding: 130px 0;}
.cscs-card-sec::before{content: '';background-color: #142A4999;height: 100%;width: 100%;position: absolute;top: 0;}
.cscs-card-sec .section-heading{position: relative;}
.cscs-card-sec .section-heading p{font-size: 24px;font-weight: 500;}
.section-heading{max-width: 823px;margin: auto;}

.key-benifit-sec{background: rgba(254, 249, 246, 1);    position: relative;}
.dotted-bg img{position: absolute;top: -30px;}
.left-dotted{left: -50px;}
.right-dotted{right: -50px;}
.key-icon{background: rgba(255, 88, 0, 1);width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;border-radius: 12px;}
.key-benifit-content h3{font-size: 24px;font-weight: 600;color: rgba(26, 32, 44, 1);font-family: var(--secondary-font);}
.key-benifit-content p{color:rgba(113, 128, 150, 1);font-weight: 500;margin: 0;}
.key-benifit-card {
  border-radius: 25px; 
  padding: 50px;
  background:#fff url(../images/key-benifts-bg.png) no-repeat top right;
  box-shadow: 4px 4px 24px 0px rgba(0, 0, 0, 0.05);
  

}
.scroll-down{position: absolute;left: 30px;bottom: 35px;cursor: pointer;}
.scroll-down h3{font-size: 14px;font-weight: 400;color: #000000;  writing-mode: vertical-rl;
  transform: rotate(180deg);}
.scroll-down img {
  animation: bounce 1.2s infinite;
}
/* Simple bounce animation */
@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(4px);
  }
}

/* login modal sec */
.login-modal{max-width: 796px;}
.login-modal .modal-content{border-radius: 20px;}
.login-modal .modal-body{padding: 16px;}
.btn-login-close{border: none;background-color: transparent;}
.or-divider {display: inline-block;position: relative;color: #555555;font-size: 15px;font-weight: 400;}
.or-divider::before,
.or-divider::after {content: "";position: absolute;top: 50%;width: 190px; height: 1px;background: #DDDDDD;}
.or-divider::before {right: 100%;margin-right: 10px;transform: translateY(-50%);}
.or-divider::after {left: 100%;margin-left: 10px;transform: translateY(-50%);}
.login-form-title{font-family: var(--secondary-font);font-weight: 500;font-size: 24px;line-height: 25px;color: black;}
.login-form-sub-title{font-size: 13px;font-weight: 500;font-family: var(--secondary-font);color: #2D2D2D;}
.custom-form-control{border: 1px solid #DDDDDD;border-radius: 10px;color: #555555;padding: 13px 18px;font-size: 14px;font-weight: 400;margin-bottom: 14px;    padding-left: 46px; font-family: var(--secondary-font);}
.login-input-icon {position: absolute;top: 10px;left: 15px;}
.custom-form-control:focus{border: 1px solid var(--primary-color);box-shadow: none;}
.btn-theme-login{border-radius: 8px;font-size: 16px;font-weight: 500;padding: 13px 35px;width: 100%;text-decoration: none;display: block;text-align: center;margin-bottom: 16px;background-color: var(--secondary-color);color: #fff;}
.btn-theme-login-social{font-size: 15px;border-radius: 15px;font-family: var(--secondary-font);flex: 1;padding: 13px 20px;text-decoration: none;display: flex;align-items: center;justify-content: center;}
.btn-theme-login-social.facebook{background-color: #4167B2;color: #ffffff;}
.btn-theme-login-social.google{background-color: #ffffff;color: rgba(26, 32, 44, 1);border: 1px solid #DDDDDD;font-weight: 400;font-weight: 600;font-size:16px;}
.login-bottom-content{margin-top: 55px;}
.login-bottom-content p{    font-size: 16px;font-weight: 500;color: rgba(113, 128, 150, 1);line-height: 20px;}
.login-bottom-content a{color: rgba(23, 115, 226, 1);text-decoration: underline;}
.welcome-heading{font-weight: 600;font-size: 24px;line-height: 30px;font-family: var(--secondary-font);}
.login-info-list-title {font-weight: 500;font-size: 15px;line-height: 30px;color: #000000;}
.login-list-content p{font-weight: 400;font-size: 15px;line-height: 30px;color: #212121;}
.login-left{background-color: #F5F2EB;border-radius: 20px;padding: 20px;height: 100%;background-image: url('../images/login-left.png');background-repeat: no-repeat;background-size: cover;background-position: center bottom;}
.login-info{padding-top: 80px;}
.logim-form-sec {padding: 22px 18px 0 18px;}
.cancel-login{float: right;}
/* signup-sec */
.signup-left{padding: 0px 20px;}
.back-home-inner{font-size: 14px;font-weight: 400;font-family: var(--secondary-font);}
.back-icon{width: 40px;height: 40px;border: 1px solid #142A49;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.signup-logo h3{font-size: 30px;font-weight: 600;font-family: var(--secondary-font);color: #2D2D2D;}
.signup-left-inner-content {    padding: 30px 30px;height: 100%; display: flex;flex-direction: column;justify-content: space-between;background: url(../images/signup-bg.png) no-repeat top center / cover;border-radius: 30px;border: 1px solid rgba(21, 42, 69, 0.2);}
.signup-logo p{line-height: 24px;}
.signup-logo{padding: 0 20px;}
.belong-btn{border: 1px solid rgba(216, 221, 230, 1);padding: 25px;border-radius: 12px;background-color: #fff;display: flex;align-items: center;gap: 15px;position: relative;box-shadow: 0px 4px 34px 0px #00000012;width: 230px;}
.btn-theme-login.signup_btn{background: rgba(183, 191, 201, 1);background-image: none;width: 213px;height: 50px !important;margin: 0 auto;}
.belong-btn-icon{height: 75px;flex: 0 0 75px;background-color: #F4F7FE;border-radius: 20px;display: flex;align-items: center;justify-content: center;}
.belong-btn-icon img{width: 41px;}
.belong-content p{font-size: 14px;font-weight: 300;color: #474747;}
.belong-content{text-align: left;}
.check-mark-belong{width: 20px;height: 20px;display: flex;border-radius: 50%;position: absolute;top: 15px;right: 15px;border: 1px solid rgba(216, 221, 230, 1);}
.check-mark-belong:before{content: '';width: 12px;height: 12px;position: absolute;background-color: transparent;border-radius: 50%;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.belong-btn.active{border-color: var(--secondary-color);color: #FFF;}
.belong-btn.focus{background-color: transparent;}
.belong-btn.active .check-mark-belong:before{background-color: var(--secondary-color);}
.belong-btn.active .check-mark-belong{background-color: #fff;}

.belong-btn.active .belong-btn-icon{background-color: var(--primary-color);}
.belog-sec-content {color:rgba(113, 128, 150, 1);font-weight: 500;}

.belong-inner-btns{margin-top: 30px;justify-content: center;}
.belog-sec .belog-sec-heading{font-size: 32px;color:rgba(26, 32, 44, 1);font-weight: 600;margin-bottom:40px;line-height: 50px;}
/* .belong-btn:focus .belong-btn-icon img{filter: invert(10);} */
.signup-login-sec{max-width: 492px;margin: auto;margin-top: 35px !important;}
.signup-login-sec .btn-theme-login{min-height: 50px;background:rgba(26, 32, 44, 1);}
.signup-login-sec .btn-theme-login-social{min-height: 54px;}
.signup-left{height: 100%;}
.signup-right{height: 100%;position: relative;}
.signup-right img{width: 100%;height: 100%;object-fit: cover;border-radius: 20px;}
.smart-content h3{font-size: 26px;font-weight: 600;color: #fff;font-family: var(--secondary-font);}
.smart-content{background: linear-gradient(90deg, rgba(255, 89, 0, 0.4) 0%, rgba(20, 42, 73, 0) 100%);position: absolute;z-index: 3;padding: 30px;bottom: 20px;left: 0px;border-left: 7px solid #FF5900;
}
.text-primary{color: var(--primary-color) !important;}
/* step-2 */
/* .signup-step-2-form .form-control{border: 1px solid #DDDDDD;border-radius: 10px;padding: 13px 20px;font-size: 14px;font-weight: 500;color: #2D2D2D;font-family: var(--secondary-font);} */
.input-group-text{    background-color: #142A49;
border-radius: 10px 0px 0px 10px;}
.social-links h3{font-size: 14px;font-weight: 400;font-family: var(--secondary-font);color: black;}
.social-input-icon{    position: absolute; top: 10px;left: 10px;}
.social-link-input .form-control{padding-left: 45px;}
.add-more a{font-size: 13px;font-weight: 400;color: #0074FF;text-decoration: none;}
.mw-452{max-width:452px;margin:0 auto;}
.signup-step-2-form label{font-size: 16px;font-weight: 500;color:rgba(26, 32, 44, 1);}
.status-box {background-color: #fff;border: 1px solid #DDDDDD;border-radius: 10px;padding: 4px 6px 4px 10px;font-size: 14px;font-weight: 500;color: #2D2D2D;}
.status-picker {width: 40px;height: 40px;padding: 0;border: none;background: none;cursor: pointer;border-radius: 8px;}
.status-text {font-weight: 400;font-size: 14px;font-family: var(--secondary-font);}
.form-control-color{padding: 0 !important;border: none !important;}
.upload-box {border: 2px dashed #DDDDDD;border-radius: 10px;padding: 30px 20px;cursor: pointer;transition: border-color 0.3s;}
.upload-box:hover {border-color: var(--secondary-color); }
.upload-label {display: block;cursor: pointer;}
.upload-content p {font-family: var(--secondary-font);color: #000;font-size: 14px;}
/* breadcrumb section */
.breadcrumb-section{    background-color: #F5F2EB;padding: 37px 10px;background-image: url('../images/hero-shape\ 1.png');background-repeat: no-repeat;background-position: top left;}
.breadcrumb-inner{text-align: center;}
.breadcrumb-inner h3{font-size: 30px;font-weight: 600;font-family: var(--secondary-font);color: var(--secondary-color);}
.breadcrumb-inner p{font-size: 16px;font-weight: 400;color: #FF5900;}
.breadcrumb-inner p a{text-decoration: none;color: #000000;}

/* job page =========================================================== */
.main-job-sec{padding-top: 40px;}
.job-filter{flex: 0 0 320px;}
.search-input-with-icon input{ padding: 9px 20px;
    padding-left: 45px;
    color: #2D2D2D;
    font-size: 14px;
    font-weight: 400;border-radius: 8px;}
.search-input-with-icon input::placeholder{color: #718096 !important;}
.search-input-with-icon span{    position: absolute;    left: 12px;
    top: 8px;}
.main-job-wrapper{gap: 18px;}
.filter-box{background-color: #ffffff;padding: 20px; border-radius: 10px;border: 1px solid #DDDDDD;}
.filter-box-heading{    padding-bottom: 12px;border-bottom: 1px solid #D9D9D9; margin-bottom: 15px;}
.filter-box-heading h3{font-size: 16px;font-weight: 500;color: #000000;font-family: var(--secondary-font);}
 .form-check-input:focus{box-shadow: none; border: none;}
.filter-form-check .form-check-input:focus::before{ top: -3px;
    left: -3px;}
.label-font-15{font-size: 15px;font-weight: 400;font-family: var(--secondary-font);color: #212121;}
.job-type-checkbox .form-check-input{width: 22px;height: 22px;border: 1px solid #DDDDDD;border-radius: 6px;}
.job-type-checkbox .form-check-input[type=radio]{border-radius: 6px;}
.form-check-input:checked[type=radio]{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23152A45'/%3e%3c/svg%3e");
      background-size: 22px 22px;
      background-color: #fff;}
.job-type-checkbox .form-check-input:checked[type=checkbox] {
    --bs-form-check-bg-image:url("../images/checked.svg");
      background-size: 12px 12px;
      background-color: #fff;
}
.job-type-checkbox .form-check-input:focus::before{ top: -3px;
    left: -3px;}
.min-price-range{    max-width: 124px;
    padding: 8px 15px;
    font-size: 16px;
    font-weight: 400;
  font-family: var(--secondary-font);}
.filterbox-inner-part{margin-top: 40px;}
.filterbox-inner-part:first-child{margin-top: 0;}
  .job-main-div{flex: 1;}
  .result-content h4{ font-size: 15px;font-weight: 400;color: #000000;}
  .sort-by-text{font-size: 15px;font-weight: 400;color: #000000;}
  .sort-by-select .form-select{  border-radius: 6px; font-size: 15px;font-weight: 400;color:#555555;padding: 10px 36px 10px 18px;    min-width: 139px;
border: 1px solid #DDDDDD;}
.job-main-card{border-radius: 15px;overflow: hidden; border: 1px solid rgba(216, 221, 230, 1); margin-bottom: 20px;background: rgba(252, 252, 253, 1);}
.job-card-desc span{color:rgba(23, 115, 226, 1);}
.job-main-card-content-left{position: relative;}
.job-main-card-content{padding: 20px;    gap: 20px !important;}
.job-main-card-content-left .job-main-card-content-left-image{width: 327px;height:100%;object-fit: cover;border-radius: 15px;}
.job-main-card-price h2{font-size: 20px;font-weight: 500;color: #000000; font-family: var(--secondary-font);}
.job-main-card-title a {font-size: 20px;font-weight: 600;color: rgba(26, 32, 44, 1);text-decoration: none;font-family: var(--secondary-font);}
.job-card-rating span{color:rgba(26, 32, 44, 1);}
.job-card-rating{font-size: 14px;font-weight: 500;margin-top: 5px;color:rgba(113, 128, 150, 1);}
.job-msin-card-location{font-size: 16px;font-weight: 400;color: #555555;}
.job-user-info{font-size: 15px;font-weight: 400;color: #555555;}
.job-user-info span{font-weight: 600;color: #000000;}
.job-user-img{width: 40px;height: 40px;border-radius: 10px;overflow: hidden;margin-right: 7px;}
.job-main-card-footer{    background-color: #F5F2EB;padding:10px  20px;}
.btn-theme{font-size: 16px;font-weight: 500;color: #000000;background-color: #ffffff;border-radius: 10px;padding: 9px 24px;display: flex;align-items: center;justify-content: center; gap: 9px;cursor: pointer; text-decoration: none; border: 1px solid #DDDDDD;min-width: 130px;}
.btn-theme.primary{background-color: var(--primary-color);color: #ffffff;}
.page-link{font-size: 13px;font-weight: 600;color: #000000;border: 1px solid #F1F1F1;border-radius: 4px;width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;padding: 0;}
.green-project{padding: 6px 12px;color: rgba(44, 157, 65, 1);font-size: 12px;font-weight: 600;border: 1px solid rgba(44, 157, 65, 1);border-radius: 30px;}
.green-project.red{color: #E53E3E;border: 1px solid #E53E3E;}
.job-main-card-price span.posted{font-size: 14px;font-weight: 500;}
/* .page-item:first-child .page-link {width: auto;}
.page-item:last-child .page-link {width: auto;} */
.page-item .page-link.active {background-color:var(--secondary-color);color: #fff;border-color: var(--secondary-color);}
.page-item .page-link:hover{background-color: #fff; color: black;}
.page-item.disabled .page-link{background-color: #fff;}
.page-item .page-link:focus{box-shadow: none; background-color: #fff;color: black;}
.jobs-kills{font-size: 14px;font-weight: 500;color:rgba(113, 128, 150, 1);}
.project-location .project-detail{font-size: 16px;font-weight: 500;}
.project-location .project-detail span{color: rgba(26, 32, 44, 1);}

.featured-sec{position: absolute;top: 20px;left: 20px;}
.featured-btn{border: none;background-color: var(--primary-color);border-radius: 10px;font-size: 15px;font-weight: 400;color: #fff;    padding: 7px 18px;}
.job-card-desc{font-size: 16px;font-weight: 500;line-height: 24px;color: rgba(26, 32, 44, 1);}
.job-card-list-item{border-radius: 30px;padding: 6px 12px;font-size: 12px;font-weight: 600;color: rgba(113, 128, 150, 1);background: rgba(240, 240, 241, 1);}
.approved-user {position: absolute;top: -9px;right: 0px;}
.job-main-card .theme-btn{padding: 8px 22px;}
.total-result-sec p{font-size: 14px;font-weight: 400;color: black;}
.job-detail-breadcrumb img{height: 350px;border-radius: 20px;object-fit: cover;}
.job-detail-head-left p{font-size: 15px;font-weight: 400;color: #555555;}
.job-detail-head-left h3{font-size: 22px;font-weight: 500;font-family: var(--secondary-font);}
.job-detail-main{padding: 30px 0;}
.job-detail-list{    border-radius: 30px;padding: 5px 20px;font-size: 14px;font-weight: 400;color: #000;line-height: 24px;background-color: #E5F0FF;}
.job-detail-list.orange{background-color: #FFEDE3;}
.job-detail-head{border-bottom: 1px solid #DDDDDD;padding-bottom: 20px;margin-bottom: 20px;}
.job-detail-inner-content p{font-size: 15px;font-weight: 300;color: #555555;line-height: 26px;}
.job-detail-inner-list ul li{list-style: disc;font-size: 15px;font-weight: 300;color: #555555;line-height: 26px;margin-bottom: 20px;}
.location-wrapper iframe{height: 310px;object-fit: cover;border-radius: 20px;width: 100%;}
.section-heading.small h3{font-size: 24px;font-weight: 500;margin-bottom: 10px;}
.job-detail-information{background-color: #F5F2EB;border-radius:20px;overflow: hidden;}
.jg-info-head{background-color: var(--primary-color);padding:16px 20px;font-size: 18px;font-weight: 600;font-size:var(--secondary-font);color: #fff;}
.jd-info-lists{padding: 16px 20px;}
.jd-info-list-item{border-bottom: 1px solid #D9D9D9;padding:10px 0;}
.jd-info-list-item p{font-size: 15px;font-family: 400;color: #555555;margin-bottom: 0;}
.appy-job-btn .btn-theme-login{padding: 11px 20px;background-color: var(--secondary-color);}
.jd-info-list .jd-info-list-item:last-child{
  border: none;
}
.job-detail-profile{background-color: #F5F2EB;border-radius: 20px;padding: 16px;margin-top: 15px;}
.jd-profile-image img{width: 64px;height: 64px;border: 2px solid #fff;border-radius: 50%;object-fit: cover;}
.jd-profile-detail p{font-size: 15px;font-weight: 500;color: black;margin-bottom: 0;line-height: 24px;}
.job-detail-info-main {
    flex: 0 0 325px;
    padding: 0;
    margin-top: -86px;
}
.privacy-policy-content{padding: 50px 0;}
.pp-content p{font-size: 15px;font-family: 400;color: #555555;line-height: 24px;}
.pp-content ul li{font-size: 15px;font-family: 400;color: #555555;line-height: 24px; list-style: disc;margin-bottom: 10px;}
/* header after login */
.message-box{width: 46px;height: 46px;border-radius: 4px;background-color: #FFEBE0;display: flex;align-items: center;justify-content: center;}
.message-number{width: 19px;height: 19px;background-color: var(--primary-color);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 12px;font-weight: 600;color: #fff;    position: absolute; top: -4px;right: -4px;
}
.profile-dropdown-image{width: 44px;height: 44px;border-radius: 50%;object-fit: cover;}
.dropdown-toggle::after{display: none;}
.profile-dropdown-menu{width: 136px;border: 1px solid #DDDDDD;box-shadow: 0px 4px 14px 0px #00000026;border-radius: 6px;padding: 0px;overflow: hidden;
}
.dropdown-inner-profile{padding: 18px;border-bottom: 1px solid #D9D9D9;}
.available-status{padding: 10px 18px;border-bottom: 1px solid #D9D9D9;}

 .pd-list{    text-decoration: none;
    padding: 10px 18px;
    width: 100%;
    display: block;
    color: #1A202C;
    font-weight: 500;
    font-size: 14px;}
  .pd-list span{margin-right: 6px;}
  /* .p-logout{border-top: 1px solid #DDDDDD;margin-top: 10px;padding: 5px 0;} */
.available-status .form-switch{padding: 0;}
.available-status .form-check-input:checked[type=checkbox] {
     background-image: url("../images/avablity-check.svg");
    background-position: center right 5px;
}

.available-status .form-switch .form-check-input {
    background-image: url('../images/uncheck.svg');
      background-position: center left 5px;
      background-repeat: no-repeat;
    background-size: 25px;
    background-color: transparent;
    border: 1px solid #DDDDDD;
    border-radius: 8px;
    padding: 16px 30px;
    margin: 0;
}

.td-topic{font-size: 14px;font-weight: 500;color: #fff;background-color: var(--primary-color);border-radius: 30px;padding: 5px 15px;
    width: max-content;}
.edit-sec h3{font-size: 32px;
    font-weight: 600;
    color: #1A202C;}
.td-topic-btn{border: 1px solid #DDDDDD;background-color: #fff;font-size: 13px;font-weight: 400;color: #555555;font-family: var(--secondary-font);padding: 4px 10px;border-radius: 6px;}
.td-day-rate{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.line{width: 2px;height: 50px;background-color: black;margin: 0 10px;}
.avaible-status-btn{background-color: var(--secondary-color);font-size: 14px;line-height: 30px;font-weight: 400;color: #fff;    position: relative; bottom: -41px;    min-width: 303px;
padding: 13px 20px;border-radius: 10px 10px 0 0px;text-align: center;}
.avaible-status-btn span{color: var(--primary-color);font-weight: 500;}
.td-day-rate h3{font-size: 24px;font-weight: 500;line-height: normal;}
.td-day-rate p{font-size: 14px;font-weight: 400;line-height: normal;}
.color-primary{color: var(--primary-color) !important;}
.about-sec{padding: 50px 0;}
.job-nav{background-color: #F5F2EB;border-radius: 8px;padding: 0 10px;}
.job-nav .nav-item .nav-link{    font-size: 15px;
    font-weight: 400;
    font-family: var(--secondary-font);
    padding: 19px 25px;
    color: #000;
    border-bottom: 4px solid transparent;
    border-radius: 0;}
.job-nav .nav-item .nav-link.active{background-color: transparent;color: black;font-weight: 500;border-bottom: 4px solid var(--primary-color);}
.job-nav .nav-item .nav-link:hover{background-color: transparent;color: black;font-weight: 500;border-bottom: 4px solid var(--primary-color);}
.category-icon{    position: absolute;
    top: 10px;
    left: 12px;}
.category-select .form-select{background-color: #F5F5F5; padding: 10px 35px 12px 19px;border-radius: 10px;    font-size: 14px;    min-width: 169px;font-weight: 400; color: black;}
  .nearby-job-card .job-main-card-content-left .job-main-card-content-left-image {
    width: 383px;}
.all-aplicant-btn{border: none;background-color: var(--primary-color);border-radius: 20px;padding: 8px 16px;color: #fff;font-size: 15px;font-weight: 400;font-family: var(--secondary-font);}
.applicant-card-image{width: 100%;height: 232px;object-fit: cover;border-radius: 20px;}
.nearby-job-card{margin-bottom: 16px;}
.application-tab .nav-item .nav-link.active{border: none;background-color: var(--primary-color);border-radius: 20px;padding: 8px 16px;color: #fff;}
.application-tab .nav-item .nav-link{font-size: 15px;font-weight: 400;font-family: var(--secondary-font);color: #000;}
.remove-btn{flex: 1;border: 1px solid var(--secondary-color);font-size: 16px;font-weight: 400;color: var(--secondary-color);padding: 9px 10px;text-align: center;}
.remove-btn:hover{border: 1px solid var(--secondary-color);background-color: var(--secondary-color);color: #fff;}
.remove-btn:hover svg path{stroke: #fff;}
.remove-message{gap: 13px;}
.remove-btn.message{background-color: var(--secondary-color);color: #fff;}
.remove-btn span{margin-left: 7px;}
.close-edit{border: none;background-color: transparent;}
.offcanvas-end.edit-modal-main{width: 600px;padding: 25px;}
.edit-header P{font-weight: 300;}
.edit-modal-main .offcanvas-header{border-bottom: 1px solid #D9D9D9;    padding: 0px 0px 15px 0px;} 
.upload-box.edit-upload-box {border-radius: 20px;background-color: #F8F6F3;border: none;}
.password-wrapper .form-control{    padding: 13px 46px 13px 20px;}
.password-eye{  position: absolute;top: 11px;right: 20px;cursor: pointer;}
.cancel-btn{font-size: 15px;font-weight: 500;font-family: var(--secondary-font);}
.available-text{position: absolute;left: 10px;top: 15px;  transition: all 0.3s ease; }
.not-available {
  left: 60px; /* move to right when unchecked */
}
.available-status.edit{border: none;}
.available-status.edit .form-switch .form-check-input { padding: 24px 74px;}
.available-status.edit .form-switch .form-check-input{background-size: 40px;}
.job-nav .theme-btn{    padding: 9px 53px 9px 22px;} 
.status-btn{color: #fff;padding: 4px 14px;font-size: 13px;font-weight: 500;font-family: var(--secondary-font);border-radius: 6px;}
.status-btn.active{background-color: #00A900;}
.status-btn.inactive{background-color: #C5C5C5;}
.status-btn.delete{background-color: #FF0000;}
.profile-dropdown-menu.dot{width: 169px;    padding: 9px 0;}
.profile-dropdown-menu.dot .pd-list{padding: 5px 18px;}
.pd-list:hover{background-color: rgba(128, 128, 128, 0.084);}
.applicant-btn{background-color: var(--primary-color);font-size: 14px;font-weight: 500;color: #fff;background-image: url('../images/applicant.svg');background-repeat: no-repeat;background-position: center left 14px;    padding: 8px 18px 8px 40px;
}
.applicant-btn:hover{background-color: var(--primary-color);color: #fff;}
.breadcrumb-section .nearby-job-card{border: none;}
.breadcrumb-section .nearby-job-card .job-main-card-content{gap: 25px !important;}
.applicant-tabs .job-nav{background-color: transparent;padding: 0;border-bottom: 1px solid #DDDDDD;}
.applicant-tabs .job-nav .nav-item .nav-link {padding: 16px 25px;    font-size: 16px;
}
.applicant-tabs .job-nav .nav-item .nav-link.active{color: var(--primary-color);}
.applicant-profile-title{font-weight: 300;} 
.ap-content{padding: 20px;border-radius: 10px;background-color: #F5F5F5;}
.ap-content p{line-height: 24px;}
.trio{    position: absolute; top: -20px;}
.applicant-main-card{border: 1px solid #DDDDDD;border-radius: 15px;padding: 12px;}
.app-image{width: 50px;height: 50px;border-radius: 50%;object-fit: cover;}
.online{width: 10px;height: 10px;background-color: #3BB46D;border: 2px solid #fff;border-radius: 50%;position: absolute;right: -3px;bottom: 9px;}
.applicant-main-card .remove-btn.message{background-color: var(--primary-color);border-color: var(--primary-color);}
.total-result-sec.secondary .page-item .page-link.active{background-color: var(--primary-color);border-color: 1px solid var(--primary-color);}
.header{    box-shadow: 0px 2px 8px 0px rgba(40, 44, 47, 0.12);position: relative;}

.message-left{background-color: #ffffff;padding: 24px;max-width: 380px;height: 100vh;position: fixed;width: 100%;left: 0;top: 0;padding-top: 120px;
}

.message-left-inner::-webkit-scrollbar {
  width: 6px; 
}
.message-left-inner::-webkit-scrollbar-track {
  background: #ffffff; 
}

.message-left-inner::-webkit-scrollbar-thumb {
  background-color: var(--primary-color); 
  border-radius: 0;       
}
.message-left-inner{border: 1px solid rgba(242, 234, 222, 1); border-radius: 10px;    overflow-y: auto;
    height: 100%;
  scrollbar-width: thin;             
  scrollbar-color: var(--primary-color) #ffffff; }
.message-top{padding: 18px;}
.message-top .search-input-with-icon input {
    padding: 10px 20px;
    padding-left: 48px;
    font-size: 14px;
    font-weight: 400;
}
.message-top .search-input-with-icon span {left: 17px;top: 7px;}
.message-profile{width:50px;height: 50px;}
.message-profile img{width: 100%;height: 100%;object-fit: cover;border-radius: 50%;}
.message-active{width: 10px;height: 10px;background-color: rgba(59, 180, 109, 1);border-radius: 50%;position: absolute;    right: -3px;
    bottom: 9px;}
.message-user-detail p{font-size: 14px;color: #1A202C;    line-height:normal;font-weight: 500;}
.message-time h3{font-size: 14px;font-weight: 600;color: #718096;}
.message-user-item{padding: 10px 8px;} 
.message-user-item.active{background-color: #152A45;border-radius: 12px;}

.message-user-item:hover{background-color: #152A45;border-radius: 12px;}
.message-count{
    background-color: #FF3A3A;
    padding: 6px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    line-height: initial;
}
  .message-time{display: flex;flex-direction: column;    justify-content: end;align-items: end;gap: 8px;}
  .header.fixed{position: fixed;top: 0;width: 100%;z-index: 99;    background-color: #fff;
}
/* .main-message-container{    position: relative;width: calc(100% - 370px);margin-left: auto;padding-top: 120px;height: 100vh;} */
.message-box-profile-card{background-color: rgba(245, 242, 235, 1);border-radius: 10px;flex: 0 0 330px;}
.m-card-user{width: 100px;height: 100px;}
.m-card-user img{width: 100%;height: 100%;object-fit: cover;border-radius: 50%;}
.m-card-user .online{    right: 8px;bottom: auto;top: 9px;}
.m-card-content p{color: rgba(45, 45, 45, 1);}
.view-profile-btn{    width: 100%;
    background-color: #fff;
    border: 1px solid rgba(232, 225, 211, 1);
    border-radius: 8px;
    padding: 8px 20px;}
.m-card-inner{  padding: 10px 38px 38px;}
.message-box-section{width: 100%;}
.message-box-top{border: 1px solid rgba(242, 234, 222, 1);border-radius: 10px;       padding: 12px 12px 12px 15px;}
.app-image.small{width: 32px;height: 32px;}
.message-box-top .online{width: 8px;
    height: 8px;
    bottom: auto;
    top: 7px;
    right: -1px;}
.message-box-top .applicant-profile-title{font-size: 13px;}
.message-box-top .applicant-profile-content p{line-height: normal;}
.message-box-section{display: flex;justify-content: space-between;flex-direction: column;    height: 85vh;}
/* middle message css */
.date-divider {display: flex;align-items: center;text-align: center;color:rgba(85, 85, 85, 1);font-size: 14px;padding: 0 30px;color: #718096;font-weight: 500;}
.date-divider::before,
.date-divider::after {content: "";flex: 1;border-bottom: 1px solid rgba(230, 230, 230, 1); }
.date-divider:not(:empty)::before {margin-right:20px ;}
.date-divider:not(:empty)::after {margin-left: 20px;}
.right-message{    background-color: #152A45;
    color: rgb(255 255 255);
    font-size: 16px;
    font-weight: 500;
    padding: 10px 18px;
    border-radius: 20px 20px 0px 20px;
    line-height: 22px;
    max-width: 665px;
    margin-bottom: 10px;}
.deliver-text{font-size: 12px;font-weight: 500;color: rgba(85, 85, 85, 1);}
.left-message{    background-color: #F6F6F7;
    color: #1A202C;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 18px;
    border-radius: 20px 20px 20px 0px;
    line-height: 22px;
    max-width: 665px;
    margin-bottom: 10px}
.message-input-container {
    border: 1px solid #D8DDE6;
    border-radius: 16px !important;
    min-height: 56px;
    padding-right: 50px;
    padding-left: 50px;
}
.message-input-btns{     position: absolute;right: 16px;top: 15px; z-index: 99;}
.post-job-heading{border-bottom: 1px solid #DDDDDD;padding-bottom: 15px;}
.Subcontractorcheckbox .form-check-input:checked {    background-color: var(--secondary-color);
    border-color: var(--secondary-color);}
    .Subcontractorcheckbox .form-check-input[type=checkbox] {
    width: 21px;
    height: 21px;margin-right: 6px;}
     .Subcontractorcheckbox .form-check-input[type=checkbox]:focus{border: 1px solid #DDDDDD;}
.job-location{border-radius: 20px;border: 1px solid #DDDDDD;width: 100%;height: 420px;overflow: hidden;}
.job-location iframe{width: 100%;height: 100%;object-fit: cover;}
.cancel-btn-sec.small .theme-btn{
  padding: 9px 53px 9px 22px;
}
.select-btn{border: 1px solid rgba(221, 221, 221, 1);background-color: rgba(245, 245, 245, 1);border-radius: 10px;min-width: 169px;font-size: 14px;}
.status-dropdown-like-select .dropdown-menu{    border: 1px solid #DDDDDD;
    box-shadow: 0px 4px 14px 0px #00000026;
    border-radius: 15px;
    padding: 0;}
.status-dropdown-like-select .dropdown-menu .dropdown-item{padding: 8px 18px;}

/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #002a54; font-size: 16px; margin-bottom: 5px;font-weight: 600;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: rgba(113, 128, 150, 1);font-size: 14px;font-weight: 500;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 32px; height: 32px; background: #fff; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;border: 1px solid rgba(216, 221, 230, 1);    font-weight: 600;text-decoration: none;color: rgba(113, 128, 150, 1);display: flex;align-items: center;justify-content: center;} 

.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 1px; box-shadow: none; margin: 47px 0 20px;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:100%; box-shadow: none;    background: transparent;border: 1px dashed rgba(216, 221, 230, 1);}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;border-color: rgba(26, 32, 44, 1);}
.bs-wizard > .bs-wizard-step.complete > .bs-wizard-dot{border-color: rgba(255, 88, 0, 1);color:rgba(255, 88, 0, 1);}
.bs-wizard > .bs-wizard-step.complete > .bs-wizard-info{color:rgba(255, 88, 0, 1);}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none;}
/*END Form Wizard*/

.form-info{background-color:#fff;border:1px solid rgba(216, 221, 230, 1);border-radius: 15px;padding:25px;position: relative;overflow: hidden;
  flex: 1;
  /* height: calc(100vh - 115px); */
}
.last-form-info{    height: calc(100vh - 221px);   }
.subcontracter-form-info{height: calc(100vh - 90px);    }
.form-info h3{font-size: 20px;font-weight: 700; color:rgba(26, 32, 44, 1);margin-bottom: 25px;}
.upload-photo{width:100px;height:100px;background-color: rgba(246, 246, 247, 1);border: 1px dashed rgba(209, 213, 220, 1);border-radius: 50%;margin: 0 auto;}
.upload-photo  input{position: absolute;width: 100px;height: 100px;opacity: 0;cursor: pointer;}
.form-info .form-group{margin-bottom:25px;}
.form-info .form-group label{font-size: 16px;font-weight: 500;color:rgba(26, 32, 44, 1);margin-bottom:6px;}
.form-info .form-group input{height:50px;border-color: rgba(216, 221, 230, 1);border-radius: 10px;}
.form-info .form-group input::placeholder{font-size: 16px;color: rgba(113, 128, 150, 1);}
.form-info .form-group textarea{border-color: rgba(216, 221, 230, 1);border-radius: 10px;}
.form-info .form-group textarea::placeholder{font-size: 16px;color: rgba(113, 128, 150, 1);}
.footer_bottom{box-shadow: 0px -2px 8px 0px rgba(0, 0, 0, 0.06);background: rgba(255, 255, 255, 1);position: absolute;bottom: 0;left: 0;right: 0;padding: 25px;}
.footer_bottom .btn{min-width: 150px;height: 50px;color: rgba(26, 32, 44, 1);}
.footer_bottom .btn.back{border: 1px solid rgba(209, 213, 220, 1);}
.footer_bottom .btn.next{background: rgba(21, 42, 69, 1);color: #fff;}
.upload-csv{border: 1px dashed rgba(209, 213, 220, 1);background: rgba(246, 246, 247, 1); border-radius: 10px;height:307px;}
.btn.csv-btn{background: #fff;border: 1px solid rgba(209, 213, 220, 1);}
.upload-csv h5{color: rgba(26, 32, 44, 1);font-size: 20px;font-weight: 600;margin: 20px 0px 8px;}
.upload-csv h5 span{color: rgba(21, 93, 252, 1);}
.upload-csv p{font-weight: 500;color: rgba(113, 128, 150, 1);margin-bottom: 30px;}
.steps-form{margin: 30px 0px 40px;}
.form-scroll{max-height: calc(100vh - 52vh);
    overflow-y: auto;
    padding-right: 10px;
    padding-bottom: 30px;    overflow-x: hidden;}
.form-scroll.subcontractor-form-scroll{max-height: calc(100vh - 27vh);}
.trade_skills{border: 1px solid rgba(216, 221, 230, 1);border-radius: 10px;padding:15px;}
.skill_badge span{background: rgba(255, 88, 0, 1);border-radius: 30px;color:#fff;font-size: 14px;font-weight: 500;padding:8px 15px;}
.trade_skills textarea{border:0px;padding: 0px;}
.form-info h3 a{font-size: 16px;color:rgba(255, 88, 0, 1); text-decoration: none;}
.km_select{border: none;width: 80px;color: rgba(26, 32, 44, 1);font-weight: 500;position: absolute;bottom: 5px;right: 10px;}
.input_image_right{position: absolute;bottom: 16px;right: 15px;}
.form-group p{color: rgba(26, 32, 44, 1);}
.form-group .form-check input{height: 26px;width: 20px;    border-radius: 5px;}
.form-check-input:checked[type=checkbox]{background-size: 16px;}
.form-group .form-check label{font-weight: 500;color:rgba(113, 128, 150, 1);margin-left: 5px;}
.form-group .form-check{margin-bottom:10px;}
.verification h1{color: rgba(26, 32, 44, 1);font-size: 32px;font-weight: 600;}
.verification p{color: rgba(113, 128, 150, 1);}
.verification{margin-top:50px;}
.verification-details h5{color: rgba(26, 32, 44, 1);font-size: 24px;font-weight: 600;margin-top: 25px;}
.verification-details p{color: rgba(113, 128, 150, 1);font-weight: 500;margin-bottom:20px;}
.verification-details span{border: 1px solid rgba(245, 73, 0, 1);padding:9px 16px;color:rgba(245, 73, 0, 1);border-radius: 30px;display: inline-block;}
.verification-details{max-width:426px;}
.nearby-job-content h4{font-size: 24px;color: rgba(26, 32, 44, 1);font-weight: 700;}

.job-details-canvs{width: 700px!important;padding: 25px;}
.job-details-canvs .offcanvas-header .btn-close{padding: 0;opacity: 1;width: 40px;height: 40px;}
.job-details-canvs .offcanvas-header{border-bottom: 1px solid rgba(216, 221, 230, 1);padding-bottom: 30px !important;margin-bottom:20px;}
.job-details-canvs .project-location .project-detail{color:rgba(113, 128, 150, 1);font-size: 14px;flex: 0 0 32.33%;max-width: 32.333%;margin-bottom: 15px;}
.job-details-canvs .project-location .project-detail span{display:block;
 overflow-wrap: break-word;word-break: break-word;}
.jos_decription span{color:rgba(113, 128, 150, 1);margin-bottom: 10px;display: block;}
.footer-fixed-canvas{box-shadow: 0px -2px 8px 0px rgba(0, 0, 0, 0.06);padding:15px 25px;position: absolute;bottom:0px;left:0;right:0;background-color: #fff;}
.footer-fixed-canvas h2{font-size: 32px;font-weight: 700;color: rgba(26, 32, 44, 1);}
.footer-fixed-canvas h2 sub{font-size: 16px;font-weight: 500;color: rgba(113, 128, 150, 1);bottom: 0;}
.footer-fixed-canvas .btn{height:50px;padding: 14px 22px;}


/* redesign css */
.otp-form label{color: rgba(26, 32, 44, 1);font-weight: 500;}
.otp-input{height: 50px;border: 1px solid #D8DDE6;width: 62px;display: flex;align-items: center;justify-content: center;}
.otp-input::placeholder{color: #D8DDE6;}
.btn-theme-login.blue{background-color: #152A45;}
.header-icon{margin-right: 12px;}
.header-search-input{height: 44px;min-width: 328px;padding-left: 44px;background-color: #F6F6F7;}
.search_input_icon{position: absolute;top: 9px;left: 11px;}
.new-sec-heading h3{font-size: 24px;font-weight: 500;color: #1A202C;}
/* .job-main-card-content{padding-bottom: 70px !important;} */
.message-container{      display: flex; height: calc(100vh - 145px);overflow: hidden;gap: 20px;padding-bottom: 10px;}
    /* ---------- SIDEBAR ---------- */
    .sidebar { width: 400px;display: flex;flex-direction: column;background: #F6F6F7;border-radius: 16px;}
      .main-message-container {
       flex: 1;
    display: flex
;
    flex-direction: column;
    background: #FCFCFD;
    border: 1px solid #D8DDE6;
    border-radius: 16px;
    overflow: hidden;
    }
        /* Search input (fixed at top) */
    .sidebar-search {
      padding: 12px 16px;
      flex-shrink: 0;
      position: sticky;
      top: 0;
      z-index: 5;
    }



    /* Scrollable users list */
    .sidebar-users {
      flex: 1;
      overflow-y: auto;
      padding: 0;
      margin: 0;
    }
    .message-user-detail h3{font-weight: 600;color: #1A202C;}
    .message-users{padding: 10px;}
    .message-user-item:hover .message-user-detail h3 {color: #fff;}
    .message-user-item:hover .message-user-detail p{color: #fff;}
    .message-user-item:hover .message-time h3{color: #fff;}
        .message-user-item.active .message-user-detail h3 {color: #fff;}
    .message-user-item.active .message-user-detail p{color: #fff;}
    .message-user-item.active .message-time h3{color: #fff;}

     .chat-header {
      flex-shrink: 0;
      padding: 16px 24px;
      border-bottom: 1px solid #eee;
      background: #F6F6F7;
      position: sticky;
      top: 0;
      z-index: 10;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }


    /* Scrollable message area */
    .chat-body {
      flex: 1;
      overflow-y: auto;
      padding: 24px;
      display: flex;
      flex-direction: column;
      gap: 16px;
    }
    .chat-footer {
      flex-shrink: 0;
      position: sticky;
      bottom: 0;
      z-index: 10;
    }
.applicant-profile-content .name{font-weight: 600;color: #1A202C;}
.message-image-upload{position: absolute;left: 10px;top: 10px;margin: 0;width: unset !important;z-index: 99;}
.send-btn{border: none;background: transparent;}
.Tradesperson-dashboard-inner{border: 1px solid #D8DDE6;border-radius: 16px;padding: 20px;}
.td-image img { width: 100px; height: 100px; object-fit: cover; border-radius: 50%;}
.edit-btn{border: 1px solid #D1D5DC;padding: 0 20px;min-height: 50px;border-radius: 10px;font-size: 16px;font-weight: 600;color: #1A202C;background-color: transparent;}
.Tradesperson-dashboard-inner-heading h3{font-size: 28px;font-weight: 600;}
.new-profile-detail-sec{border-bottom: 1px solid #D8DDE6;padding-bottom: 28px;}
.jobs-heading h3{font-size: 20px;font-weight: 600;}
.link-text{color: #1773E2;font-weight: 600;}
.link-text svg path{stroke: #1773E2;}
.project-detail img{width: 16px;}
.theme-transparent{background-color: transparent;border: 1px solid #D1D5DC;color: #718096;}
.theme-transparent:hover{border: 1px solid #D1D5DC;}
.theme-transparent.big{min-height: 50px;border-radius: 10px;}
.ap-profile-image{width: 60px;height: 60px;object-fit: cover;border-radius: 50%;}
.close-btn{background-color: transparent;border: none;}
.addjob-modal .modal-header h1{font-size: 24px;font-weight: 600;color: #1A202C;}
.addjob-modal .modal-header{border-bottom: 1px solid #D8DDE6;}

.job-modal {
  border-radius: 24px;max-width: 700px;overflow: hidden;
}
.job-modal .modal-body{padding: 25px;overflow-y: auto;}
.edit-modal .modal-body{padding-bottom: 10px;}
.job-modal .modal-footer{box-shadow: 0px -2px 8px 0px #0000000F;padding: 25px;border: none;
}

.job-modal-btn{min-width: 150px;}
.stepper-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.stepper-item {
  display: flex;
  align-items: center;
  gap: 5px;
}

.step-counter {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #D8DDE6;
  color: #718096;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px;
  font-size: 16px;
}

.step-name {
  font-size: 14px;
  color: #718096;
  font-weight: 500;
  white-space: nowrap;
}


.stepper-item.completed .step-counter {
  background: #FF5800;
  color: #fff;
  border-color: #FF5800;
}

.stepper-item.completed .step-name {
  color: #FF5800;
  font-weight: 600;
}


.stepper-item.active .step-counter {
  border-color: #FF5800;
  color: #FF5800;
  background:transparent;
}

.stepper-item.active .step-name {
  color: #FF5800;
}


.stepper-line {
  flex: 1;
  border-bottom: 1px dashed #D8DDE6;
  margin: 0 8px;
}
.job-modal-heading{
  font-size: 20px;font-weight: 700;
}
.job-basic-content .form-label{font-weight: 500;}
.job-basic-content .form-control{font-size: 16px;padding: 12px 20px;}
.location-container iframe{border-radius: 10px;height: 306px;object-fit: cover;width: 100%;}
.rate-sign{position: absolute;top: 12px;right: 20px;    font-weight: 600;}
.skills-box {
  border: 1px solid #D8DDE6;
  border-radius: 10px;
  padding: 13px 20px;
  min-height: 268px;
}

.skills-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
}

.skill-tag {
  background: #FF5800;
  padding: 6px 12px;
  border-radius: 20px;
  color: #fff;
  font-size: 14px;
  display: flex;
  align-items: center;
}

.remove-tag {
  margin-left: 6px;
  cursor: pointer;
  font-weight: bold;
}

.skill-input {
  border: none;
  outline: none;
display: block;
padding: 0;
margin-top: 15px;
  background: transparent;

}
.skill-input:focus{border: none;}
.job-basic-content .form-check-input:checked {
    background-color: #2d9d4200;
    border-color: #152a45;
}
.job-basic-content .form-switch  .form-check-input:checked {
    background-color: #2D9D41;
    border-color: #2D9D41;
}
.job-basic-content .form-switch .form-check-input {
    width: 45px;
    height: 24px;
}
.job-basic-content .Tradesperson-dashboard-inner{box-shadow: 0px 4px 4px 0px #D8DEE840;
}
.edit-profile-image{width: 100px;height: 100px;}
.edit-img{width: 100%;height: 100%;object-fit: cover;border-radius: 50%;}
.edit-icon{width: 32px;height: 32px;background-color: #1773E2;border: 3px solid #fff;display: flex;align-items: center;justify-content: center;border-radius: 50%;    position: absolute;
    right: -8px;
    bottom: 7px;}

.radius-box {
  border: 1px solid #dfe3e8;
  border-radius: 12px;
  padding: 6px 20px;
  display: flex;
}

.radius-input {
  border: none;
  outline: none;
  flex: 1;
}
.radius-input:focus{border: none ;}

.radius-box .form-select{border: none;color: #1A202C;font-size: 16px;font-weight: 500;width: auto;}
.avability-check .form-check-input:checked {
    background-color: #2d9d4100;
    border-color: #2D9D41;
}
.form-group .css-1ex9amv-control{min-height: 50px !important;border-radius: 10px;}
.form-group .css-hlgwow {padding: 0px 20px !important;height: 49px !important;}
.form-group .css-19bb58m {padding: 0 !important;margin: 0 !important;}
.MuiDialog-container .css-qopi4n-MuiPaper-root-MuiDialog-paper {border-radius: 18px;}
.red-btn{background-color: #E53E3E;}
.DeleteModel h3{font-size: 24px;font-weight: 700;color: #1A202C;}
.css-qopi4n-MuiPaper-root-MuiDialog-paper {width: unset !important;}
.new-nav-tab-main .nav-pills .nav-link {
  color: #718096;
  font-size: 16px;
  font-weight: 500;
  background: none !important;
  border-radius: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #D8DDE6;
}

.new-nav-tab-main .nav-pills .nav-link.active {
  color: #000;
  border-bottom: 2px solid #000;
}

.upload-photo img{width: 100%;height: 100%;object-fit: cover;border-radius: 50%;} 
.offcanvas-body .job-main-card-content{padding-bottom: 60px !important;}
.new-project-location-item-left{flex: 0 0 70%;}
/* =================================================================================================== */
.cycle-image {width: 224px;}
.trust-sec{background-color: #fcfdfe;}
.trust-heading h3{font-size: 48px;font-weight: 700;color: var(--primary-color);}
.trust-heading{max-width: 650px;margin-bottom: 50px;}
.trust-heading p{font-weight: 400;}
.trust-card-container{max-width: 1024px;margin: auto;}
.trust-card{transition: all 0.2s ease-in-out;}
.trust-card:hover{box-shadow: 0 10px 15px -3px #0000001a !important;}
.key-icon svg path{stroke: #fff;}
.aditional-advantage-section{background-color: #fff;position: relative;}
.key-benifit-card{  transition: transform 0.3s ease, box-shadow 0.3s ease;}
.key-benifit-card:hover{  animation: liftUp 0.3s ease forwards;}
.benefit .key-benifit-card .key-icon{border-radius: 50%;}
.aditional-advantage-section .key-benifit-card .key-icon{border-radius: 50%;}
.aditional-advantage-section .key-benifit-card.blue{background: linear-gradient(210deg, #e4efff 0%, #ffffff 60%);}

.aditional-advantage-section .key-benifit-card.green{background: linear-gradient(210deg, #e3f8e8 0%, #ffffff 60%);}
.aditional-advantage-section .key-benifit-card.purple{background: linear-gradient(210deg, #f3e7ff 0%, #ffffff 60%);}
.aditional-advantage-section .key-benifit-card.blue .key-icon{
    background-image: linear-gradient(to bottom right, #3b82f6, #2563eb);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
              0 4px 6px -4px rgba(0, 0, 0, 0.1);
}
.aditional-advantage-section .key-benifit-card.green .key-icon{
  background-image: linear-gradient(to bottom right, #22c55e, #16a34a);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
              0 4px 6px -4px rgba(0, 0, 0, 0.1);
}
.aditional-advantage-section .key-benifit-card.purple .key-icon{
background-image: linear-gradient(to bottom right, #a855f7, #9333ea);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
              0 4px 6px -4px rgba(0, 0, 0, 0.1);
}
/* Keyframes for smooth upward motion */
@keyframes liftUp {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-8px);
  }
}

.why-choose-sec .key-benifit-card .key-icon{  background-image: linear-gradient(to bottom right, #FF5800, #FF7A33);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),0 10px 10px -5px rgba(0, 0, 0, 0.04);width: 72px;height: 72px;}
  .why-choose-sec .key-benifit-card{background-image: none;background-color: #fff;}
.p-number h3{font-size: 36px !important;color: #152a45;font-weight: 700;}
.p-number p{color: var(--primary-color);}
.p-number{margin-bottom: 20px !important;}
.benefit .key-benifit-content h3 {font-size: 20px;}
.ready-to-expeience-sec{background-color: var(--primary-color);padding: 100px 0;}
.ready-to-ex-content h3{font-size: 36px;color: #fff;font-weight: 700;margin-bottom: 24px;}
.ready-btn{font-size: 16px;padding: 16px 32px;background-color: #fff;border-radius: 30px;font-weight: 600;color: var(--primary-color);border: none;transition: all 0.3s ease-in-out;}
.ready-btn.bordered{background-color: transparent;border: 2px solid #fff;color: #fff;}
.ready-btn:hover{background-color: #fff !important;color: var(--primary-color);animation: liftUp 0.3s ease forwards;}
.contact-us-container{box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);border-radius: 24px;padding: 40px;background-color: #fff;}
.contact-form .input-group.with-icon .form-control{padding-left: 40px; border-radius: 10px !important;z-index: 1;}
.contact-form label{color: #000 !important;font-size: 14px !important;}
.contact-form .input-group.with-icon span{position: absolute;left: 10px;top: 10px;  z-index: 2 !important; }
.contact-form .ready-btn{background-image: linear-gradient(to right, #FF5800, #FF7A33) !important;color: #fff;}
/* Hide selected values inside the input */
.react-select__multi-value {
  display: none !important;
}
/* Hide multi-value remove icon */
.react-select__multi-value__remove {
  display: none !important;
}
.css-1xc3v61-indicatorContainer{display: none !important;}
.selected-skill-badges .skill-list{    font-size: 14px;
    color: #ffffff;
    background-color: var(--primary-color);
    padding: 6px 16px;
    border-radius: 20px;    position: relative;}
.css-1dyz3mf {padding: 0 !important;}
.form-group .css-19bb58m {height: 50px !important;}
.react-select__menu{position: absolute !important;}
.nav-item .message-count{    margin-left: 10px;
    padding: 0;
    width: 25px;
    height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;}
    .ProfileUpdateSub{
      padding: 11px 14px 4px 15px;
    }
.jobs-heading-big h3 {
    font-size: 24px;font-weight: 700;
}
.project-location .project-detail:first-child{flex: 0 0 40%;}
.project-location .project-detail{flex: 0 0 25%;}
.project-location .d-flex{width: 100%;}
.a-status{padding: 4px 8px;border-radius: 7px;font-size: 14px;font-weight: 400;}
.a-status.active{background-color: #DCFCE7;color: #007729;}
.a-status.inactive{background-color: #EDEDED;color: #555555;}
.available-card{padding: 20px;border: 1px solid #D1D5DC;border-radius: 15px;}
.form-check-input:checked {
    background-color: #0f172a;
    border-color: #0f172a;
}
.custom-form-switch .form-switch .form-check-input{    width: 37px;
    height: 21px;}
.day-topic{background-color: #1447E61A;padding: 3px 8px;border-radius: 4px;color: #1447E6;font-size: 14px;font-weight: 500;}
.day-topic.time{background-color: #1018281A;color: #101828;}
.available-card.inactive{background-color: #F6F6F6;}
.available-card.inactive .day-topic{background-color: #EDEDED;color: #555555;}
.ava-modal{max-width: 700px;}
.ava-modal .modal-body{height: auto;padding: 20px;    padding-bottom: 116px;}
.ava-modal-body label{font-weight: 500;color: black;}
.ava-btns{font-size: 15px;font-weight: 500;color: #555555;background-color: #1772e200;padding: 4px 28px;border-radius: 6px;border: 2px solid #D9D9D9;}
.ava-btns:focus ,.ava-btns.active{background-color: #1773E2;color: #fff;border: none;}
.ava-heading{font-size: 24px;font-weight: 600;}
.shift-detail-card{border-radius: 15px;padding: 20px;position: relative;}

.date-box {
    border: 1px solid #D9D9D9;
    background-color: #1A202C;
    border-radius: 15px;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    padding: 25px 28px;
        line-height: normal;

}
.date-box span{font-size: 14px;}
.color-bg{border-radius: 15px;text-align: center;padding: 12px 20px;}
.color-bg.blue{background-color: #1773E21A;}
.color-bg.green{background-color: #2C9D411A;}
.color-bg.green p{color: #2C9D41 !important;}
.color-bg.red{background-color: #FF00001A;}
.color-bg.red p ,.color-bg.red a{color: #FF0000 !important;}
.shift-detail-content p{line-height: 26px;}
.input-clock{position: absolute;right: 0;top: 42px;right: 15px;}
.d-footer{font-size: 20px;font-weight: 600;color: #fff;background-color: #1A202C;padding: 11px;}
.comment-user{width: 44px;height: 44px;background-color: #D9D9D9;flex: 0 0 44px;border-radius: 50%;overflow: hidden;}
.comment-user img{width: 100%;height: 100%;object-fit: cover;}
.icon-input{position: absolute;right: 15px;top: 10px;}
.icon-input-main .form-control{padding-right: 40px;}
.icon-input-main.fixed-width{min-width: 371px;}
.main-payment-container{flex: 1;}
.earning-payment-card {background-color: #F6F6F7;border-radius: 15px;padding: 30px 50px;}
.earning-left h3{font-size: 30px;font-weight: 700;}
.payment-table table thead tr th{font-size: 18px;font-weight: 500;background-color: #fff;padding: 14px 12px;}
.payment-table table tbody tr td{font-size: 16px; color: #787F8A; font-weight: 500; padding: 10px 12px;}
.payment-table .badge{font-size: 14px;font-weight: 400;padding: 4px 10px;border-radius: 8px;}
.payment-table .badge.green{background-color: #1C9C4C4D;color: #065D26;}
.payment-table .badge.red{background-color: #B91C1C29;color: #B91C1C;}
.payment-table .badge.blue{background-color: #1773E233;color: #152A45;}
.payment-table .badge.grey{background-color: #0000004D;color: #000000;}
.btn-notify{border: 1px solid #D1D5DC !important;width: 44px;height: 44px;border-radius: 40px;display: flex;align-items: center;justify-content: center;}
.notify-number{background-color: #1A202C;width: 19px;height: 19px;border-radius: 50%;color: #fff;    top: -5px;
    right: -6px;
}
.notification-dropdown .dropdown-menu{width: 363px;max-height: 400px;overflow-y: auto; overflow-x: hidden; border-radius: 15px;box-shadow: 0px 4px 18px 0px #00000026;
}
.notify-user{width: 54px; flex: 0 0 54px; height: 54px;background-color: #EBEFFF;}
.notify-data p{font-size: 13px;color: #555555;
    white-space: break-spaces;
    line-height: normal;}
.notify-data small{font-size: 12px;color:#1A202C;}
.notify-item{padding: 12px 20px;transition: all 0.4s ease-in-out;}
.notify-item.active ,.notify-item:hover{background-color: #1A202C1A !important;    padding: 12px 30px;}
.notify-item.active .notify-user ,.notify-item:hover .notify-user{background-color: #ffffff;}
.notify-user svg{width: 24px;height: 24px;}
.view-shift-left{    width: 550px;display: flex;flex-direction: column;}
.job-main-card.active{background-color: #1A202C;}
.job-main-card.active .theme-transparent {background-color: #fff;}
.job-main-card.active .job-main-card-title a{color: #fff;}
.job-main-card.active .job-main-card-title p{color: #fff;}
.job-main-card.active .job-main-card-title p span{color: #fff !important;}
.job-main-card.active .job-main-card-title span img{    filter: brightness(8.5);  }
.view-shift-right{    flex: 1;}
.theme-transparent.red{border: 1px solid #FF0A0A;color: #FF0A0A;}
.theme-transparent.green{border: 1px solid #2C9D41;color: #2C9D41;}
.view-shift-right-items{    overflow-y: auto;
    height: 100%;}
.scrollable-shift-left-card{flex: 1;
    overflow-y: auto;}
.plus-del-icons{margin-top: 11px !important;}

.form-info .form-group input::placeholder{font-size: 14px !important;}
.signup-container {height: 100vh;padding: 10px 0px!important;}