body{margin: 0; padding: 0; background-color: #fff;}
/*header section and foot start  */
 
.header-bottom .navbar li ul.dropdown-menu a{color:var(--black-color);}
.inr-box select{font-size: 14px;}
a.bproject:hover{background-color: var(--primary-color); color: var(--white-color);}
a.aproject{color:var(--white-color);border: 1px var(--primary-color) solid;}
a.aproject:hover{background-color: var(--white-color); color: var(--primary-color);  }
a.bproject:hover{background-color: var(--primary-color); color: var(--white-color);}
.inr-msg img {width: 20px;}
.profile-active{color: var(--primary-color);}
.inr-bgll img {width: 35px;}
.inr-user img { width: 25px;}
.inr-box { margin-right: 15px;}
.userpicc img{width: 50px;}
.icon-proposal3{  margin-left: 10px; margin-right: -5px;}
.proposaliconn{position: relative;}
span.notfi-msg1 { position: absolute; background: #d01919; padding: 2px 5px; border-radius: 8px; text-align: center; font-size: 9px; left: 24px; top: -6px; color: #fff;line-height: 11px;
}

/*header section end  */
 footer {background: #f3f7fa; padding: 20px 0;}
 .project-menu{border-bottom: 1px #ccc solid;}
 
/* fixed headr */
.header {transition: all 0.3sease; background: var(--white-color); position: sticky; top: 0; width: 100%; z-index: 999;}
.heading{transition: all 0.8s ease;background-color:var(--primary-color);;}
.header.fixed { position:fixed;  top: 0; width: 100%; z-index: 1000;  background-color: white; box-shadow: 2px 2px 5px #ccc;
z-index: 9;  transition: all 0.3s ease; background:var(--white-color);}
a.head-button22 { border: 2px #fff solid; border-radius: 40px;  color: var(--white-color); margin: 2px 0 7px 0; font-size: 15px;  line-height: 26px; padding: 2px 22px; display: block; text-decoration: none; cursor: pointer; }
a.head-button22:hover{background-color: var(--white-color); color:var(--black-color);}    
.inr-user img{width: 26px;} 
 
.active-post-menu{border-bottom:2px #2A41FF solid !important;}
a.dropdown-toggle11{border: 0;}
/* .project-menu .btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{border: 0px transparent solid; border-left:0px solid var(--dashboard-color1);} */
/* fixed headr */
/*header section and foot end  */

/* Megamenu css start */

@keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

  .dropdown-menu.show { -webkit-animation: fadeIn 0.3s alternate; /* Safari 4.0 - 8.0 */  animation: fadeIn 0.3s alternate; }
   .nav-item.dropdown.dropdown-mega {position: static;  }
   .nav-item.dropdown.dropdown-mega .dropdown-menu { width: 100%;  top: 37px;  left: 0px;  border-radius: 0;  border-right: 0; border-left: 0; border-bottom: 1px #686868 solid;}
  .navbar-toggler {  border: none;  padding: 0;  outline: none; }
  .navbar-toggler:focus {  box-shadow: none;  }
  .navbar-toggler .hamburger-toggle {  position: relative;  display: inline-block;  width: 43px;  height: 43px;  z-index: 11;  float: right;  }
  .navbar-toggler .hamburger-toggle .hamburger {  position: absolute;  transform: translate(-50%, -50%) rotate(0deg);  left: 50%;
    top: 50%;  width: 50%;  height: 50%;  pointer-events: none; }
  .navbar-toggler .hamburger-toggle .hamburger span {  width: 100%;  height: 3px;  position: absolute;  background: #333;
    border-radius: 2px;   z-index: 1;   transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), all 0.2s ease-in-out;
    left: 0px;  }
  .navbar-toggler .hamburger-toggle .hamburger span:first-child {  top: 10%;    transform-origin: 50% 50%;
    transform: translate(0% -50%) !important;  }
  .navbar-toggler .hamburger-toggle .hamburger span:nth-child(2) {   top: 50%;  transform: translate(0, -50%); }
  .navbar-toggler .hamburger-toggle .hamburger span:last-child { left: 0px;  top: auto; bottom: 10%;  transform-origin: 50% 50%; }
  .navbar-toggler .hamburger-toggle .hamburger.active span {  position: absolute;  margin: 0; }
  .navbar-toggler .hamburger-toggle .hamburger.active span:first-child {  top: 45%;  transform: rotate(45deg);  }
  .navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2) {   left: 50%;   width: 0px;  }
  .navbar-toggler .hamburger-toggle .hamburger.active span:last-child {  top: 45%;  transform: rotate(-45deg); }  
  .icons {  display: inline-flex;   margin-left: auto; } 
  .header-bottom nav.navbar {padding: 0 0; margin-top: -10px;}
  .header-bottom .navbar ul li a { color: #fff !important; border-bottom: 2px #2a41ff solid;  padding: 8px 3px !important;  margin-right: 50px;}
  .header-bottom .navbar li a:hover { border-bottom: 2px #fff solid;}
  .headermenu-active { border-bottom: 2px #fff solid !important;}
  .header-bottom .dropdown-toggle::after {margin: 0 4px -2px 5px;}
  .inr-msg span { font-size: 28px;}
  span.notfi-bell { position: absolute;  background: #d01919; padding:2px 5px;  border-radius:8px;  text-align: center; font-size: 10px;
    left: 10px;  top:-10px;  color: #fff;  line-height: 14px;}
 .inr-msg{position: relative;}  

    span.notfi-msg { position: absolute;  background: #d01919;  padding:2px 5px;  border-radius:8px;  text-align: center; font-size: 9px;
        left:14px;  top: -10px;  color: #fff;  line-height: 11px;}

    .inr-bgll { position: relative; font-size: 21px; }
  .header-bottom .navbar .mega-content ul li a {color: #000 !important;border-bottom: 3px #fff solid; padding: 9px 6px !important;font-size: 15px; margin-right: 0;}
  .header-bottom .navbar .mega-content ul li a:hover{border-bottom: 3px #2a41ff solid;}
  .inner-menu-one li { display: inline-block; padding: 0; margin-right: 50px;}
.inner-menu-one li a{padding: 0 5px;}

  .header-bottom .active-post-menu2 {border-bottom: 3px #2A41FF solid !important;}

  .header-bottom .navbar .mega-content ul li{margin-bottom:0;}
/* Megamenu css end */
.preditbx h5.m-0 a {color: #000;}
{
    margin: 20px 0;
}
.chos-vz input.form-control {
    width: 93%;
    /* display: inline-block; */
    float: left;
    margin-right: 10px;
}
.chos-vz input.smtbts {
    /* float: left; */
    background: #1a9600;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 50%;
    color: #fff;
    font-size: 22px;
    padding: 0px;
    line-height: 35px;
    font-weight: 600;
}
.chos-vz input.smtbts2 {
    /* float: left; */
    background: #F00;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    padding: 0px;
    line-height: 35px;
    font-weight: 600;
}
.companyinfo{ 
	border: 1px solid #ccc;
    background: #fff;
    padding: 6px 10px !important;
    margin-top: 8px !important;
	border-radius: 5px;
}
/*dashboard-list section start*/
.dashboard-list .applied-project{ border-radius: 8px; border: 1px solid var(--dashboard-color1); border-left: 5px solid var(--dashboard-color1); padding: 15px; font-size:18px; font-weight: 600;}
.dashboard-list .applied-list{ background:#FAF5FF;  color:var(--dashboard-color1);  padding:10px 15px; border-radius:10px; margin-bottom: 15px; display: inline-block; }
.dashboard-list  p{color:var(--text-color);}
.dashboard-list .icon-applied-projects{ color:var(--dashboard-color1);  margin-right: 10px; }
.dashboard-list .icon-right-arrow{display: inline-block; color: var(--secondary-color);}

.dashboard-list .active-project{ border-radius: 8px; border: 1px solid var(--dashboard-color2); border-left: 5px solid var(--dashboard-color2); padding: 15px; font-size:18px; font-weight: 600;}
.dashboard-list .active-list{ background:#EBF8FF; color:var(--dashboard-color2); padding:10px 15px; border-radius:10px; margin-bottom: 15px; display: inline-block; }
.dashboard-list .icon-active-projects{ color:var(--dashboard-color2);  margin-right: 10px;  }

.dashboard-list .referred-project{ border-radius: 8px; border: 1px solid var(--dashboard-color3); border-left: 5px solid var(--dashboard-color3); padding: 15px; font-size:18px; font-weight: 600;}
.dashboard-list .referred-list{ background:#EBF8FF; color:var(--dashboard-color3); padding:10px 15px; border-radius:10px; margin-bottom: 15px; display: inline-block; }
.dashboard-list .icon-refer-project{ color:var(--dashboard-color3);  margin-right: 10px;  } 

.dashboard-list .earnings{ border-radius: 8px; border: 1px solid var(--dashboard-color4); border-left: 5px solid var(--dashboard-color4); padding: 15px; font-size:18px; font-weight: 600;}
.dashboard-list .earnings-list{ background:#EBF8FF; color:var(--dashboard-color4); padding:10px 15px; border-radius:10px; margin-bottom: 15px; display: inline-block; }
.dashboard-list .save{ color:var(--dashboard-color4);  margin-right: 10px;  }

main{ margin: 30px 0px; margin-top: 20px;}
/*dashboard-list section end*/

/*dashboard-main Start*/

/*dashboard-main-leftblock Start*/
.project-search{ box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; background:var(--white-color); border-radius:8px; padding: 15px; }
.common-input {height:50px; padding: 8px; border: 1px solid #ccc; border-radius: 5px; font-size: 16px;font-family: "Figtree", serif; width: 100%; color:var(--text-color2); border-top-right-radius: 5; border-bottom-right-radius: 5;}
.common-input-mob{height: auto;}
.search-box { position: relative;  }
.search-box i { position: absolute; left: 10px; top:13px; font-size: 16px; color: #777;}
.searchboxmain i {top:18px;}
.search-box .common-input{  padding-left: 30px;}
#myText{height: 40px; }
.floe-text strong{word-break: break-all; font-size: 14px; font-weight: 600}
.applicantsearch{ height: auto;}
.wordbreak{word-break: break-all;}

.projectcount{ display: flex; justify-content: space-between; align-items: center;}
.project-list-main{ border: 1px solid var(--borderoclor1); padding: 15px; border-radius: 8px;}
.projectshare{ font-weight: 600; font-size: 26px;}
.project-list-main h4{font-size: 20px; margin: 0px;}
.project-list-main p.company{ margin:3px 0px 0px 0px; color: var(--text-color); padding: 0px;}
.project-list-main .postdate{ margin:3px 0px 0px 0px;}
.project-list-main .projectdetails{ padding: 15px 0px;}
.project-list-main .projectlist-icon{ font-size:24px; margin-right: 10px;}
 
ul.skills-list li{ background:var(--skills-color); border-radius:5px; padding: 5px 8px;  margin:5px 5px 0px 0px; display: inline-block;}
ul.skills-list li.agree{ background:var(--bg-color4); border-radius:5px; padding: 5px 8px;  margin:5px 5px 5px 0px;}
.projectlist-btns{ display: flex; flex-direction: row-reverse;}
ul.skills-list22 li{ background:#F4FAFF; border-radius:5px; padding: 5px 8px;  margin:5px 5px 0px 0px; display: inline-block; font-size: 14px;}

.project-list-main a.Pitchbtn{ background:var(--secondary-color); color:var(--white-color); padding: 10px 20px 10px 20px; border-radius: 5px; margin: 10px 5px; }
.project-list-main a.Pitchbtn:hover{ background:var(--white-color); color:var(--secondary-color); box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; opacity: 0.8;border:1px solid var(--secondary-color); }
.project-list-main a.viewbtn{ color:var(--secondary-color); border:1px solid var(--secondary-color); padding:10px 20px 10px 20px; border-radius:5px; margin: 10px 5px; }
.project-list-main a.viewbtn:hover{ background:var(--secondary-color); color:var(--white-color); box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;  }
strong.kerres-box { font-size: 20px;font-weight: 500; color: #183551;}
/*dashboard-main-leftblock End*/

/*dashboard-main-rightblock Start*/
.dashboard-leftuser{box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; background:var(--white-color); border-radius:8px; padding: 15px;}
.dashboard-leftuser .usermain{}
.dashboard-leftuser .userimg img{ width: 50px;  height: 50px;  object-fit: cover;  border-radius: 50%; border: 2px solid #ddd;}
.dashboard-leftuser .userdetails{}
.statusbar-main{ }
.statusbar-main .progress-bar { background-color:var(--secondary-color); }
.actionlist a{color:var(--text-color); font-size: 18px; font-weight: 600; margin: 5px 0px; display: block;}
.quicklink-color {color:var(--dashboard-color1); }
.quicklink-actionlist a{color:var(--secondary-color); font-size: 18px; font-weight: 600; margin: 5px 0px; display: block;}
 

.projectlist-btns-new a.Pitchbtn:hover{ background:var(--white-color); color:var(--secondary-color); box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; opacity: 0.8;border:1px solid var(--secondary-color); }
.projectlist-btns-new a.viewbtn:hover{ background:var(--secondary-color); color:var(--white-color); box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;  }
.saved-bookmark{color: var(--secondary-color);}
a.bookmarkk{display: inline-block; margin-top: -5px;}
.fa-bookmark{font-size: 20px;}
.projectshare1{ font-weight: 600; font-size: 26px;}

.animation1_main { height: 90%; padding: 0px 0 0; position: fixed; width: 100%; z-index: 999;}
.animation1 { display: inline-table; left: 40%;  margin: auto 0; position: relative; top: 35%; background: #fff; padding: 0% 0%; border:1px solid #ccc; border-radius:10px;}
/*dashboard-main-rightblock End*/

/*dashboard-main End*/


/* Project detail start */
ul.utilize-list {padding: 10px 30px; margin: 0;}
ul.utilize-list li{list-style: disc;color: #686868; font-size: 15px;}
.hourly-rate{border-right: 1px #000 solid;}
/* Project detail end */

/* add contact form start */
.add-contactform .input-group { height: 50px;}
.add-contactform .form-select, .referal-payment .form-select{ height: 50px;}
.add-contactform42 .input-group {
    height: auto;
}
/* add contact form end */

/* payment list start */
.Pitchbtn-add{background: var(--secondary-color); color: var(--white-color);padding: 8px 10px ;border-radius: 5px;margin: 10px 5px;}
.addskillss-add{background: var(--secondary-color); color: var(--white-color);padding: 8px 10px; border-radius: 50%; margin: 0px 0px; display: inline-block;}
.help-add{background: var(--primary-color);color: var(--white-color);padding: 8px 10px; border-radius: 5px;margin: 10px 0px;}
span.sns { font-weight: 400;padding: 0 20px;}
/* payment list end */

a.clbts-bs {background: #ff0000; color: #fff; font-size: 14px; border-radius: 3px; padding: 2px 7px;}

/* Profile page start */
ul.pri-list {padding: 0px 10px;}
ul.pri-list li { line-height: 42px;}
ul.pri-list li a:hover{color: var(--primary-color);}
.sentmsgbt22 { border-radius: 6px;  border: 1px #2a41ff solid;  padding: 9px 9px; color: #2a41ff;}
.useclest span.icon-done.dark-green-txt { float: right;  margin-top: 0;  font-size: 21px;}
.sentmsgbt22:hover{ border: 1px #2a41ff solid;  }
.profile-border{border: 1px #c9c8c8  solid;}
/* Profile page end */

/* Invite page start */
.applicant-list-main { border: 1px solid #b1b1b1;  padding: 15px;  border-radius: 8px;}
.applicant-list-main .userimg img { width: 50px; height: 50px;  object-fit: cover;  border-radius: 50%;border: 2px solid #ddd;}
.applicant-list-main .cc-img-boxs img {border: 1px solid #ddd;}
.Suggested-scrool { overflow: auto;  height: 720px;}
.prostrong strong {font-size: 15px;font-weight: 600;}
.Suggested-scrool .form-check-input { font-size: 20px;}
.Suggested-scrool .form-check-input { font-size: 20px;}
a.cmark { display: block; margin-top: 7px; font-size: 20px;}
/* invite page end */

/*contact3 page start  */
.projectlist-btns-new a.viewbtn { color: var(--secondary-color); border: 1px solid var(--secondary-color);
    padding: 10px 20px 10px 20px;  border-radius: 5px;  margin: 10px 5px;}
.projectlist-btns-new a.Pitchbtn { background: var(--secondary-color);  color: var(--white-color);
    padding: 10px 20px 10px 20px;  border-radius: 5px;  margin: 10px 5px;}

.contact-list-main { border: 1px solid #ccc;  padding: 15px;  border-radius: 8px; margin-bottom: 25px;}
.contact-list-main-div { border: 1px solid #ccc;  padding: 15px;  border-radius: 8px; margin: 0px; margin-bottom: 10px;}
.contacts-scrool ul#pills-tab { background: #F4FAFF; border-radius: 6px;padding-left: 6px;}
.contacts-scrool ul#pills-tab li {margin-top: 5px;}
.contacts-scrool .active { background: #fff !important; color: #000 !important;}
.contacts-scrool { overflow: auto;  height: 600px;}

/* .contacts-scrool ul#pills-tab { background: #F4FAFF; border-radius: 6px;padding-left: 6px;}
.contacts-scrool ul#pills-tab li {margin-top: 5px;} */
.pay-tab-box thead th {background: #F4FAFF; font-weight: 500; border-radius: 6px;padding: 13px !important; border: 0; }
.pay-tab-box tr td{padding: 12px;}
/* contact page3  ebd */
/* case stydy start */
.caseborder {border-bottom: 1px #ccc solid; border-top: 1px #ccc solid;  padding: 9px 0;}
.campaignlist li { margin-bottom: 16px;}

/* case stydy end */

/* Project list start */
.apibox-monts a { background: #e3edf5; margin-right: 8px; padding: 8px;  font-size: 13px;  color: #000;  border-radius: 8px; font-weight: 500; display: inline-block;margin-top: 6px;}
.apibox-monts span { padding-left: 13px;}
.aply-outer { margin-top: 25px; margin-bottom: 25px;}
.doctbook-box .card-header { border-top: 0px #ededed solid;  padding: 14px 3px; padding-right: 15px; padding-bottom: 15px;padding-top: 0;
    padding-left: 12px;  background: #fff;  border-bottom: 1px #d9d7d7 solid; border-radius: 0;}
 
.doctbook-box .accordion .card-header.collapsed:after { content: "\f107";}
.doctbook-box .accordion .card-header:after { font-family: 'FontAwesome'; content: "\f106";  float: right;}
.doctbook-box .card-body {border: 0px #ededed solid;}
.doctbook-box .accordion-body { padding: 10px; line-height: 32px;}
.doctbook-box .card-body { border: 0px #ededed solid;padding: 0;}
.doctbook-box .collapsed {   margin-bottom: 20px;}
.project-libox{box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;background: var(--white-color);border-radius: 16px;
padding: 20px; border: 1px #c9c8c8 solid;}
.project-libox-big{box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;background: var(--white-color);border-radius: 16px;
    padding: 20px; }

/* Project list end */

/* add event stawrt */
.tmbg{background: #FAF5FF;padding: 5px; border-radius: 4px; margin: 8px; font-size: 13px; width: 170px;}
.tim-inner input[type="checkbox"] { margin-top: 4px;}
/* add ewvent end */

/* event list stawrt */
.up-com-box { padding: 15px 25px; border: 1px #ccc solid;   border-radius: 8px;}
.up-com-box:hover{-webkit-box-shadow: -1px 0px 29px -17px rgba(138, 147, 215, 1);
    -moz-box-shadow: -1px 0px 29px -17px rgba(138, 147, 215, 1);
    box-shadow: -1px 0px 29px -17px rgba(138, 147, 215, 1); background-color: #F4FAFF;}
.contacts-event ul#pills-tab { background: #F4FAFF;  border-radius: 6px;  padding-left: 6px;}
.contacts-event .active { background: #fff !important; color: #000 !important; }
.doctbook-box .form-check-input { margin: 7px 6px 0 0;}
.doctbook-box  .form-check{padding-left: 0;}
.meet-box{position: relative;}
.meet-box .form-control{text-indent: 30px;}
.meet-box22 .form-control {   text-indent: 5px;}
span.mett-img { position: absolute;  left: 20px;  top: 5px;}
span.mett-img2 { position: absolute;  right: 20px;  top: 5px;}
span.event-img {position: absolute; left: 5px; top: 3px; z-index: 9;}
.event-img img {width: 33px;}
.projectshare22 a { display: inline-block;  padding: 4px 6px;}
.caseborder-banner {margin-top: 10px;}
.projectshare-email a { font-size: 20px; margin: 0 12px 0 0;}
.upbox3 li a span {width: 20px; height: 20px; float: left; font-size: 18px; margin-right: 5px;}
.upbox3 li a span.icon-View-More { font-size: 16px !important;}
 /* event list end */

 /* add projet star */
 
.addprojectmain .step-container { display:flex;}
.addprojectmain .step-sidebar { width:210px; /* Adjusted width */ display: flex; flex-direction: column; align-items: flex-start; position: relative;}
.addprojectmain .step-item { display: flex; align-items: center; position: relative; padding:0px 0px 40px 0px; cursor: pointer;}
.addprojectmain .step-item .step-number { background-color: #ddd; border-radius: 50%; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: bold; margin-right: 10px; position: relative; z-index: 2; /* Ensures number is above the line */ transition: background-color 0.3s, color 0.3s; /* Smooth transition */}
.addprojectmain .step-item .step-title { font-size: 16px; font-weight:500; margin:1px 0px 0px 10px; color: #183551; }
/* Dotted Line for Steps */
.addprojectmain .step-line { position: absolute; left: 15px; /* Align with step number */ top: 25px; height: 100%; width: 2px; background: repeating-linear-gradient(to bottom, #aaa, #aaa 4px,transparent 4px, transparent 8px);}
/* When a step is completed */
.addprojectmain .step-item.completed .step-number {background: #28a745 !important; /* Green background */ color: white !important; /* White number */}
/* Solid Line for Completed Steps */
.addprojectmain .step-item.completed .step-line {background: #28a745;}
/* Solid Line for Completed Steps */
.addprojectmain .step-item.completed .step-line {background: #28a745;}
.addprojectmain .step-sidebar .step-number {background-color: #ddd; border-radius: 50%; width: 30px; height: 30px; display: flex; align-items: center;
justify-content: center; color: #fff; font-weight: bold; margin: 10px 0; cursor: pointer;}
.addprojectmain .step-sidebar .step-number.completed { background-color: #28a745; }
.addprojectmain .step-sidebar .step-number.active { background-color: #007BFF; }
.addprojectmain .step-item.active .step-number { background-color: #007BFF !important; color: white !important; border: 2px solid #0056b3;}
.addprojectmain .step-content { border: 1px solid #B1B1B1; padding:20px; border-radius:10px; min-height:400px; margin-bottom: 25px;}
.addprojectmain .step { display: none; }
.addprojectmain .step.active { display: block;}
.addprojectmain .buttons { display: flex; justify-content: space-between; margin-top: 20px; }
.addprojectmain .button { padding: 10px 20px; border: none; background-color: #007BFF; color: white; cursor: pointer; border-radius: 5px; }
.addprojectmain .button:disabled { background-color: #ddd; cursor: not-allowed; }
.pitchprojectmain .step-content { border: 1px solid #B1B1B1; padding:20px; border-radius:10px; min-height:300px; margin-bottom: 25px;}
.pitch-progress .progress-bar {background-color: #1a9600;}
.button:hover:not(:disabled) {   background-color: #0056b3;  }
.addprojectmain .step-title { font-size: 18px; font-weight: bold; margin-bottom: 10px; display: flex; align-items: center;}
.addprojectmain .step-title .step-label { background-color: #007BFF; color: white; border-radius: 50%; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; margin-right: 10px; font-weight: bold; }
.addprojectmain .step-description { font-size: 14px; }
.addprojectmain .step-status { font-size: 16px; font-weight: bold; color: #333; color: #1A9600}
.search-skills .fa-search { position: absolute;  left: 10px;  top: 18px;  font-size: 16px;  color: #777;}
.search-skills .fa-circle-plus { position: absolute;  right: 10px;  top: 15px;  font-size: 20px;  color: #fff;}
.search-skills .common-input {padding-left: 30px;}
.not-close { text-align: right;}
.not-border{border-bottom: 1px #ccc solid;padding: 15px;}
.notread {background: #ECF1FB;    --bs-gutter-x: 1.8rem;}
ul.showlist{margin-top: 20px !important;}
.showlist li {margin-bottom: 14px; line-height: 20px !important;}
.showlist li a {font-weight: 500; font-size: 18px; line-height: 18px; color: #183551;}
 /* add projet end */

 /* Popup start */
 .proposal-popup button.close { border: 0; background: none; font-size: 23px;}
 .today-txt {text-align: center;}
 .client-box-left{float: left; width: 70%; padding: 0px 0;}
 .today-txt span { border: 1px #efefef solid;  padding: 5px 7px;  font-size: 14px;  border-radius: 6px;  box-shadow: 1px 0px 2px #e6dfdf;}
 .client-bx-inner { border: 1px #b8cab4 solid;  display: inline-block; padding: 15px 15px;  text-align: center;  border-radius: 0 12px 12px 12px; color: #000;}
 .client-bx-inner P{margin: 0; color: #183551;}
 .project-won-txt{color: #4299E1;}
 .client-box-right{float: right; width: 70%; padding: 0px 0; text-align: right; margin-bottom: 10px;}
 .client-box-right .client-bx-inner{background: #DBF0E7; border-radius: 12px 0px 12px 12px;}
 .client-bx-inner p{font-size: 14px; text-align: left;}
 .proposal-popup p{font-size: 14px;}
 .proposal-popup .modal-dialog{margin-right: 0;}
 .svimg-box{position: relative;}
 .proposal-popup .modal-footer{display: inline;}
 span.mett-img-box {position: absolute; right: 20px; top: 10px; font-size: 20px;}
 .svimg { text-align: center;}
 .projesms-ocn i {font-size: 18px !important;}
 .projesms-ocn span.icon-clock {font-size: 18px !important;}
 .project-list-main .projesms-ocn {font-size: 20px;}
 .page-nation-box li.page-item {  margin: 4px;}
 .page-nation-box li a {border-radius: 6px;padding: 11px 15px; font-size: 16px;}
 .upclass{position: relative;}
 .upclass .sentmsgbt22 {border-radius: 6px; border: 1px #2a41ff solid;  padding: 12px 9px;  color: #2a41ff;  width: 23%;  font-size: 14px;}
.upclass span {position: absolute;  left: 59.5%;  top: 14px;}
.messages-searchbox input{height:auto;}
 /* popup end */

 .proposal-messagebx button.close { border: 0; background: none; font-size: 23px;}
 .proposal-messagebx p{font-size: 14px;}
 .proposal-messagebx .client-bx-inner{margin-bottom: 10px;}
 .proposal-messagebx .client-box-left .client-bx-inner{background: #fff;}
 .proposal-messagebx { background: #F3F6F1;overflow: hidden;  padding: 30px; border-radius: 8px; border: 1px #ccc solid; margin-bottom: 20px;  height: calc(100vh - 320px);
    overflow: auto;}
 .proposal-messagebx-outer .msge-footer {width: 100%; float: left;}
 .proposal-messagebx-top i.fa-solid.fa-circle{font-size: 9px; margin-right: 3px;}
 p.kentxt { font-size: 13px !important;}
 .inboxmsg{ background: var(--white-color); border-radius: 5px; border: 1px solid #E3EDF5; padding: 15px;}
 .titleinbox h4 span{ background: #D82727; color: #fff; padding: 5px; font-size: 12px; border-radius: 5px;}
 .nav-pills-msg .nav-link{padding:2px 10px; color: #183551 ;}
 .nav-pills-msg .nav-link.active, .nav-pills .show>.nav-link {background: #B9D1E7 ; color: #183551 ; font-weight: 600; }
 #pills-all .common-input{ background:#EFF3FC;}
 .mesglistpersons{ background:var(--white-color); border-radius: 10px; border: 1px solid var(--borderoclor1); padding: 10px; }
 .mesglistmain { height: calc(100vh - 230px); overflow: auto;}
 .daytitle{ padding: 6px 10px; border-radius:5px; border: 1px solid #E7E2E2; margin: 0px }
 ul.userslist > li{padding:15px 10px; cursor: pointer; background:#fff; border-bottom: 1px solid #ccc;}
 ul.userslist > li:hover{ background:#F5FBFF;} ul.userslist > li.active{ background:#F5FBFF;}
.profilepicc img, .profilepicc1 img{ border-radius: 50%; width:40px; height:40px; margin-right: 10px;}
 .mesglistpersons ul li{ display: flex; border-radius: 5px; border-bottom: 1px solid #E7E2E2; margin-top: 0px; padding:10px;}
 .profilepersonaldetails p.name-time{ color: #183551; font-size: 16px; font-weight: 500; margin-bottom:7px;}
 .profilepersonaldetails p.leftcahttxtmain{ margin: 0px; color: #686868; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; height: 26px;}
 .profilepersonaldetails p.timetitlenew{ color: #B1B1B1; margin: 0px; font-size:14px; line-height:12px;}
 .profilepersonaldetails  .statusss {color:#1A9600; font-size: 10px; margin:-4px 0px 0px 5px;}
 .statusss-red{color:#D82727; font-size: 10px; margin:-4px 0px 0px 5px;}
 /* .proposal-messagebx-top  .userimg img { width: 45px; height: 45px;} */
 .projectshare-new span { font-size: 20px;}
 .proposal-messagebx-outer .client-box-right{width: 95%; margin-top: 20px;}
 .proposal-messagebx-outer .client-box-left{width: 95%; margin-top: 20px;}
 section.messaging-main {background: #FBFCFF;}
 .proposal-messagebx-top {background: #fff; padding: 16px; margin: 0;border-bottom: 1px #f6f2f2 solid;}
 .dirctoyr-btx .up-com-box { background: #fff; padding: 20px; margin: 0; border: 0; border-bottom: 1px #f6f2f2 solid; margin-bottom: 20px;}
 .fixle span {background: #B9D1E7; border-radius: 24px; font-size: 13px; padding: 6px 12px; margin-left: 12px;}
 .fixle { margin:0px 0 0 0 ;}
 .dirctoyr-btx { background: #fff;}

div::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(212, 218, 240, 0.3); border-radius: 10px;  background-color: #fafafa;}
div::-webkit-scrollbar { width: 6px; background-color: #fafafa; }
div::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px #a0a0a04d; background-color: #B9D1E7;}
main.heaight {min-height: auto;}
.scr-out{height: calc(100vh - 270px); overflow: auto;    padding: 15px;padding-top: 0; padding-bottom: 0;}
.plubarro { margin: 36px 0px 0px -8px;  color: #1A9600; font-size: 29px;}
.logobx-mobile{display: none;}
.fproject{display: none;}
.header-top{display: block;}
/* widget for message start */
.mste-widt-outer .messages-widget-empty{ font: 400 15px 'Open Sans', Arial, Helvetica, sans-serif; position: fixed; width: 260px; right: 1%; bottom:0px; z-index: 99999; box-shadow: 0px 0px 22px #a6b1b7; border-radius: 16px 16px 0px 0px; background: #183551; }
    .mste-widt-outer .messages-widget{ position: fixed; width: 320px; right: 1%; bottom:0px; z-index: 9999; box-shadow: 0px 0px 22px #a6b1b7; border-radius: 16px 16px 0px 0px; background: #183551;}
    .mste-widt-outer .channelheader{padding:15px; border-bottom: 1px solid #ccc; color: #333; display: flex; justify-content: space-between;}
    .mste-widt-outer .channelheader h3{color: #fff; font-weight: 500;  margin: 0px;font-size: 18px;line-height: 20px;} .channelheader a{ color: #fff;}
    .mste-widt-outer .channeldetails{ overflow: auto;height:480px;}
    .mste-widt-outer .imgclose{ width: 14px;}
    .mste-widt-outer .searchblock{background:#fff; padding:10px;}
    .mste-widt-outer .btn-primary {color: #fff; background-color: #007bff; border-color: #007bff;}
    .mste-widt-outer .btn-primary:hover{ background-color: #0069d9; border-color: #0062cc;}
    .mste-widt-outer .searchblock .form-control{padding: 8px 12px;}
    .mste-widt-outer .searchblock .btn{padding: 7px 10px;}
    .mste-widt-outer ul.users > li{padding: 10px; cursor: pointer; background:#fff; border-bottom: 1px solid #ccc; margin-bottom: 0;}
    .mste-widt-outer ul.users > li:hover{ background:#F4FAFF;}
    .mste-widt-outer .userpicc{width:22%; position: relative;} .userpicc1{width:14%; position: relative; text-align: right;}
    .mste-widt-outer .userpicc-right{width:16%; position: relative; text-align: right;} .txralir{text-align: right;}
    .mste-widt-outer .personaldetails{width: 60%;}
    .mste-widt-outer .moredetailsimg{width:18%;}
    .mste-widt-outer .userpicc img, .userpicc1 img{ border-radius: 50%; width:50px; height:50px;}
    .mste-widt-outer .userpicc img, .userpicc1{margin-right: 10px;}
    .mste-widt-outer .unread11 { background: #fd550b; color: #fff;}
    .mste-widt-outer .name-time{ margin: 0px;}
    .mste-widt-outer .nametitle{font-weight:500; font-size: 14px; display: inline-block; margin: 0px;}
    .mste-widt-outer .timetitle, .timetitle1{font-weight: 400; font-size: 12px; color: #8796af;}
    .mste-widt-outer .menumaindrop{ left: -130px !important; padding:5px 15px;}
    .mste-widt-outer .statusonline { width: 10px; height: 10px; border-radius: 100px; background: #e6ecf3; position: absolute; top: 0; right:10px; background: #34A50A;}
    .fl {float: left;}
    .messages-widget ul { margin: 0; padding: 0; list-style: none;}
    .fr { float: right;}
    .mste-widt-outer .searchblock input.form-control { border-radius: 20px !important; background: #F4FAFF;    text-indent: 30px;  border: 0px #dee8f1 solid;}
    .mste-widt-outer .searchblock{position: relative;}
    .mste-widt-outer .moredetailsimg p { font-size: 12px; margin-top: 2px; padding: 0;  margin-bottom: 0;}
    .mste-widt-outer .moredetailsimg{text-align: center;}
    .mste-widt-outer .moredetailsimg i{font-size: 10px; color: #F56565;}
    .mste-widt-outer .searchblock i { position: absolute; left: 13px; top: 13px; font-size: 16px;  color: #777;  z-index: 99;}
/* widget for message end */

.pro-s-img img {width: 100px;border-radius: 50%;height: 100px; margin-right: 20px;}
.applicatn-tabs-bx ul#pills-tab {background: #F4FAFF;border-radius: 6px; padding-left: 6px;}
.Skillsbx1{box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;padding: 15px; border-radius: 8px;}
ul.skills-list-full li{margin-bottom: 5px;}
ul.reat-info { margin: 0; padding: 0;}
ul.reat-info li{display: inline-block; margin-bottom: 0; padding: 0 20px 0 0; list-style-type: disc;} 
ul.reat-info .fa-circle {font-size: 8px; margin-right: 2px;}
.step-content-ad-proposal textarea {height: 100px;}

.rightPopModal { margin: 0 ;}
.rightPopModal .modal-dialog { margin: 0 ; float: right;}
.rightPopModal .modal-content{ height: 100vh; width:550px; border-radius: 0px;}
.modal-body{ overflow: auto;}
textarea { width: 100%; height: 100px; padding: 12px 10px; box-sizing: border-box; border: 1px solid #dee2e6; border-radius: 4px;}

/*experinceblock section start  */
      .experinceblock{ padding: 15px 0px 0px 0px; border-top: 1px solid #ccc; }
      .experinceblock a.edit01{ border: 1px solid #2A41FF; border-radius: 5px; width: 32px; height: 32px; text-align: center; padding:5px; display: inline-block; margin: 0px 2px;}
     .experinceblock a.edit01:hover{ background:var(--primary-color); color:var(--white-color);}
     .experinceblock a.delete01{ border: 1px solid #F56565; border-radius: 5px; width: 32px; height: 32px; text-align: center; padding:5px; display: inline-block; margin: 0px 2px; color: #F56565;}
     .experinceblock a.delete01:hover{ background:#F56565;; color:var(--white-color);}
     .experinceblock a.documentupload01{ border: 1px solid #1A9600; border-radius: 5px; height: 32px; text-align: center; padding:4px 5px; display: inline-block; margin: 0px 2px; color: #1A9600;}
     .experinceblock a.documentupload01:hover{ background:#1A9600;; color:var(--white-color);}
          .experinceblock h5{ margin-bottom:3px;}
    /*experinceblock section end  */
          
    /*portfolio section Start  */
          .png-circle{background:var(--primary-color); color:var(--white-color); border-radius:50%; width: 32px; height: 32px; text-align: center; padding:9px 5px; display: inline-block; margin:0px 6px 0px 0px;}
          .video-circle{background:var(--primary-color); color:var(--white-color); border-radius:50%; width: 32px; height: 32px; text-align: center; padding:9px 5px; display: inline-block; margin: 0px 6px 0px 0px;}
          .docment-circle{background:var(--primary-color); color:var(--white-color); border-radius:50%; width: 32px; height: 32px; text-align: center; padding:9px 5px; display: inline-block; margin: 0px 6px 0px 0px;}
          .protpolioblock .textend{}
    /*portfolio section end  */
    
a.case-downs {background: #ff4812; color: var(--white-color); padding: 8px 10px; border-radius: 5px; margin: 10px 5px;}
a.case-downs2 {background: #2a41ff; color: var(--white-color); padding: 8px 10px; border-radius: 5px; margin: 10px 5px;}
.tim-inner {   box-shadow: -1px 0px 8px #e9e9e9;  padding: 10px;    border-radius: 3px;}
.pr-bx-img img { margin-right: 10px; width: 40px;}
.experinceblock strong{ color: var(--text-color);}
.referral-info .form-check-input { width:50px; height:24px; margin-right: 10px; border: 1px solid #ccc;}
.alert-info { background-color: #f9fbfd; border-color: #f4f8fd; color: #31708f; padding: 10px;}
.referal-payment{background: rgb(242, 242, 242); padding: 12px; margin-top: 20px; z-index: 99999; display: block;}
.profile-container { width:100px; height:100px;  border-radius: 50%; overflow: hidden; display: flex; justify-content: center; align-items: center; border:1px solid #ccc; }
.profile-container img { width: 100%; height: 100%; object-fit: cover; }
.milestone-table th { background: #F4FAFF; font-weight: 700;  padding: 13px !important;}
.milestone-table table {min-height:auto; overflow: auto;}
.rable-auto{height:auto; overflow: auto;}.shareiconn{color: var(--primary-color);}

/*07-04-2025 */
.group-main { border:1px solid #ccc; padding: 15px; border-radius: 8px; margin-top: 15px;}
.group-profile-container { width:60px; height:60px;  border-radius: 50%; overflow: hidden; display: flex; justify-content: center; align-items: center; border:1px solid #ccc; margin-top: 6px;}
.group-profile-container img { width: 100%; height: 100%; object-fit: cover; }

.aplfull {width: 86%; margin-right: 10px;}
.aplfullbt1 {width: 170px;}
.aplfull-outerx .Pitchbtn-add{display: block;}
.ib-box-applicat {float: left; width: 100%; border-bottom: 1px #dee2e6 solid;  padding:30px 0px;}
p.company { margin-bottom: 0px !important; color: var(--text-color);}
.projectlist-icon .icon-experience, .projectlist-icon .icon-new, .projectlist-icon .icon-location, .projectlist-icon .icon-payment{ margin-right: 5px;}

/* 08-04-25 */
p.starratingbx i {color: #ccc;padding: 0 2px;}
.paid-times span {display: block;font-size: 14px;font-weight: 500;}
.skillbxs a {font-size: 18px;padding: 0 5px;}
.paid-times a { font-size: 14px; }
.log-evenbx {padding: 20px 0;}
.pop-stawrt { text-align: center; padding: 0px 0;}
.pop-stawrt a {font-size: 35px; margin: 0 12px; color: #fd550b;}
.pop-stawrt a:hover{color: #fd550b;}
/* 09-04-25 */
.project-adgrouds {border: 1px #e6e6e6 solid; padding: 20px; margin-bottom: 30px; border-radius: 6px; box-shadow: 0px 3px 3px #f4f3f3; background: #eeeeee2b;}
.project-adgrouds ul.skills-list22 li{background: #dedede;}

.contactselectbox{ border:1px solid #ccc; padding: 10px; border-radius: 5px;overflow: auto;height: 600px;}
.mainallicant{ padding:10px !important;}

/* 15-04-25 */
.cc-img-boxs{width: 50px;height: 50px; border-radius: 50%; overflow: hidden; display: flex; justify-content: center; align-items: center; border: 0px solid #ccc;}
.cc-img-boxs img {width: 100%; height: 100%; object-fit: cover;}

/*03-06-2025*/
.getbx {
    text-align: center;
}
.getbx img {
   margin-bottom: 20px;
}
h2.getmoneytxt {
    background: #ff951c;
    display: block;
    width: 200px;
    margin: 0 auto;
    color: #fff;
    margin-bottom: 20px;
    padding: 7px;
    border-radius: 8px;
    font-size: 24px;
}


/* profile user progress start */
.profile-card { background: #fff; text-align: center;}
.profile-image-container { position: relative; width: 150px; height: 150px; margin: 0 auto 15px auto; display: flex; flex-direction: column;  align-items: center;}
.profile-image { width: 80%; height:80%; border-radius: 50%; object-fit: cover; position: absolute; top: 15px; left: 15px; background: #f0f0f0; border: 0px solid #fff;
z-index: 1;}
.progress-ring { position: absolute; top: 0; left: 0; z-index: 0; transform: rotate(-90deg);}
.progress-ring__background { stroke: #e3eaf1;}
.progress-ring__circle {
stroke: #157800;  transition: stroke-dasharray 0.4s linear; stroke-linecap: round;}
.percent-label { position: absolute;  top: 100px;  width: 100%;  text-align: center;  font-weight: 500;  font-size: 13px;  color: #29cd42;
letter-spacing: 0.02em;  background: #157800;  width: 35px;  height: 35px;  border-radius: 50%;  line-height: 35px; color: #fff;  z-index: 9;}
.profile-name {
font-size: 22px; font-weight: 700; color: #191c1f; margin: 10px 0 3px 0;}
.profile-role {  color: #23272e; font-size: 15px; font-weight: 400; margin-bottom: 6px;}
.profile-update { font-size: 14px;  color: #879ac3;  margin-bottom: 18px;}
.profile-btn {  background: #2376fc;  color: #fff; padding: 11px 32px; border: none; border-radius: 999px;  font-size: 18px;  font-weight: 600;
cursor: pointer;  transition: background 0.16s;  margin: 0 auto;}
.profile-btn:hover {  background: #1453b8;}
/* profile user progress end */

.boxw {
    border: 1px #f0f0f0 solid;
    border-radius: 6px;
    margin-bottom: 20px;
    padding: 10px;
    box-shadow: 0px 1px 2px #e4dede;
    background: #fafaff;
}
.resumedbx {
    overflow: hidden;
    padding: 10px;
    border: 1px #e0dfdf solid; margin-bottom: 20px; border-radius: 5px;
}
.reddoc {
    background: #EEFDEF;
}
 
 
.plubxd221 button.btn.btn-primary {
    width: auto;
    float: right;
    margin-top: 26px;
}


.plubxd22 {
    position: absolute;
    text-align: right;
    top: 33px;
    right: 10px;
}
.plubxd22 a {
    font-size: 18px;
}
.plubxd {
  width: 40px;
  height: 50px;
  background: #2a41ff;
  border-radius: 5px;
}
span.ema-close a {
  font-size: 12px;
  color: #614c4c;
  margin: 0 4px;
}
.thankyou-img{text-align: center;}
.thankyou-img img {width: 30%;}
.thankyou-txt {
  padding: 20px;
  border-radius: 10px;
  border: 1px #daddf0 solid;
  width: 100%;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
.xsd {
  text-align: left;
  padding: 6px 0 0 0;
}
.xsd i {
 color: #f00;
}
.thankyou-txt ul li {
  list-style: disc;
  margin: 0px 0 12px 30px;
}
.thankyou .project-search {width: 800px; margin: 0 auto;}

ul.skysize{font-size: 14px;}
.form-check-input[type=checkbox] {  border: 1px #b1b1b1 solid;}
.sphone { text-align: left; padding-top: 5px;}
.sphone a i{color: #2a41ff;}
.vdo-nn img { width: 120px !important;}
.vdo-nn .client-bx-inner { padding: 10px;}

.photo-nn .client-bx-inner { padding: 10px;}
.photo-nn img { width: 90px !important;}
.vidplayicon {  position: absolute;  top: 29px; left: 56px;}
.vidplayicon img {width: 27px !important;}
.bottomlinks { float: right; text-align: end;}
.dropdots { border: none; background: none; font-size: 30px; line-height: 14px;}
span.dropdown{ position: relative;}
.bottomlinks a.ticonbottom { color: #000000;  display: inline-block;  font-size: 14px; margin: 6px 10px 0px 5px; padding-top: 3px;}

.bottomlinks .dropdown-menu {  position: absolute;  top: 100%;  left: 0; z-index: 1000;  display: none;  float: left;  min-width: 160px;
    padding: 5px 0; margin: 2px 0 0;  font-size: 14px;  text-align: left;
    list-style: none; background-color: #fff;  -webkit-background-clip: padding-box;  background-clip: padding-box;
    border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15);  border-radius: 4px;   -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);}
.menunewndrop11 { left: -125px !important;  top: -50px !important;}
.bottomlinks .dropdown-toggle::after{display: none;}

.bottomlinks a.sendmessg { background: #0D6EFD; border-radius: 50%; padding: 7px 10px 7px 9px;  color: #fff;  display: inline-block; margin-top: 5px;
    font-size: 10px; margin: 5px 5px 0px 5px;}
.addskillss-add2221 { padding: 5px 10px;}
.comments-section { overflow: auto; min-height: 55vh;}
.project-comments .modal-dialog {
    margin-right: 0;
    position: absolute;
    right: 0;
    bottom: -28px;
    width: 40%;
}
.dropdown .userimg img { width: 30px; height: 30px; object-fit: cover; border-radius: 50%;  border: 2px solid #ccc;}

/*Firefox*/

@-moz-document url-prefix() {
	.project-comments .modal-dialog {
    margin-right: 0;
    position: absolute;
    right: 10px;
    bottom: -28px;
    width: 40%;

} 

}
	/*Firefox close*/


/*mobile messages scereen css start */

	
	.moblechatbox .chatbox1-widget{ z-index:9998;position: fixed;  width: 300px; right:345px; bottom:0px; z-index: 9999; box-shadow: 0px 0px 5px #a6b1b7; border-radius: 5px 5px 0px 0px; background: #fff;}
	.moblechatbox .chatboxMobile-widget{ z-index:9998;position: fixed;  width: 100%; right:0px; bottom:0px; z-index: 9999; box-shadow: 0px 0px 5px #a6b1b7; border-radius: 5px 5px 0px 0px; background: #fff; padding:10px}

	.moblechatbox .chatbox2-widget{position: fixed;  width: 300px; right:655px; bottom:0px; z-index: 9999; box-shadow: 0px 0px 5px #a6b1b7; border-radius: 5px 5px 0px 0px; background: #fff;}
	.moblechatbox .chatbox3-widget{position: fixed;  width: 300px; right:965px; bottom:0px; z-index: 9999; box-shadow: 0px 0px 5px #a6b1b7; border-radius: 5px 5px 0px 0px; background: #fff;}
	
	.moblechatbox .chatbox1header{padding:10px 13px; border-bottom: 1px solid #ccc; color: #333; display: flex; justify-content: space-between;}
	.moblechatbox .marx-10{ margin: 0px 10px 0px 10px;}
	.moblechatbox .imgradis{ border-radius: 50%; width:28px; height:28px; margin-top: 5px;}
	.moblechatbox .chatbox1-content{height:55vh; overflow: auto; padding:10px 15px;}
	.moblechatbox .chatbox1-footer{ border-top: 3px solid #ccc;}
	.moblechatbox .chatlisttext{margin-top:15px;} .chatlisttext:first-child {margin-top:0px;}
	.moblechatbox .personaldetails1{width:76%;}
	.moblechatbox .timetitle1::before { content: ".";  text-transform: lowercase; color: #333; font-size: 12px; margin-right: 3px; margin-left: 5px;}
	.moblechatbox .marbboomm{ margin-bottom:3px;}
	.moblechatbox .chattexttm{ font-weight: 400; font-size: 1.3rem; color:#7C7A7A; margin-top: 3px; margin-bottom: 0px;}
	
	.moblechatbox .chat-image-container { /*height: 190px;*/  min-width: 100px; max-width: 200px; border: 1px solid #ccc; border-radius: 4px; display: flex; align-items: center; justify-content: center; overflow: hidden; margin:10px 0px 0px 0px;}
	.moblechatbox .chat-image-container img{width: 100%;}
	.moblechatbox .textareaboxbottm{padding:10px 10px; }
	.moblechatbox .richTxt { border: 1px solid #ddd; border-radius: 5px; width: 100%; height: 40px; padding: 10px; }
	.moblechatbox .sendiconsbottom{border-top: 1px solid #ccc; padding: 10px 15px; display: flex; justify-content: space-between;}
	.moblechatbox .menumaindrop1{ left:0px !important; top:-60px !important; padding:5px 15px; min-width: 180px !important;}
	.moblechatbox .userpicc { width: 16%; position: relative;}
	.moblechatbox .userpicc img, .moblechatbox .userpicc1 img { border-radius: 50%; width: 36px; height: 36px;}
	.moblechatbox .chattexttm { font-weight: 400; font-size: 14px; color: #7C7A7A; margin-top: 3px; margin-bottom: 0px;}
	.imgclose {width: 14px;}.name-time { margin: 0px;}
	.moblechatbox .loadprevious { text-align: center; font-size: 13px; border-bottom: 1px solid #ccc; margin: 0px -15px 5px -15px !important; padding-bottom: 7px; color: #0D6EFD;}
	.moblechatbox .messagesendbutton { background-color: #007bff; color: #fff; border-radius: 5px; display: inline-block; padding: 6px 12px; border: none;}
		  

.nofiles-msg{margin: 10px 0px; }
.nofiles-msg img {boeder-radius:15px;}
/*mobile messages scereen css end */

@media only screen and (min-width: 1024px) {
    .dropdown:hover>.dropdown-menu {
        display: block;
      }

}
@media only screen and (max-width: 992px) {
 
.project-menu ul li a{padding: 10px 23px;}
 .header-bottom .navbar ul li a{padding: 8px 16px !important; font-size: 14px;}
 .header-bottom .navbar ul li a{margin-right: 0;}
.aplfull-outerx .Pitchbtn-add{font-size: 14px;}

 }

@media only screen and (max-width: 767px) {
 .main{ min-height:auto; margin: 20px 0px;}
 .header-bottom .navbar ul li a{padding: 8px 16px !important;}
.project-menu ul li a {padding: 10px 15px;  font-size: 13px;}
.header-bottom .cscolor li {border-bottom: 1px #eeecec solid; margin-bottom: 10px !important; padding-bottom: 10px;}
.header-top{display: none;}
.fproject{display: block;}
.logobx-mobile{display: block;}
.mob-outer {background: #f3f7fa; padding: 3px 0 12px 0; float: left;  width: 100%;   margin-bottom: 10px;}
.heading{background: #fff;}
a.head-button22{border: 2px #2a41ff solid; color: #000; display: none;}
.container22 {max-width: 540px; margin: 0 auto;}
.swithch-bx a.head-button22 {border-radius: 4px;text-align: left;padding: 1px 7px;display: block;font-size: 11px; margin-right: 5px; margin: 0 5px;border: 1px #ccc solid;}
.header-bottom .navbar ul li a{color: #000 !important;font-size: 16px;}
.header-bottom .navbar .mega-content ul li { margin: 0;  display: block; margin-bottom: 12px;}
.mobcsg {background: #fff; margin-top: 20px;  border-radius: 3px;}
.header-bottom .navbar ul li a{border-bottom: 2px #dedede solid;}
.headermenu-active {border-bottom: 2px #2a41ff solid !important;}
.pp-detals {float: left; width: 100%;}
.profilepersonaldetails p.leftcahttxtmain{height: auto;}
.header-bottom .dropdown-toggle::after { float: right;}
.experinceblock{ margin-top: 15px; }
.protpolioblock .text-end{ text-align: left !important; margin-bottom: 15px;}
/*9-5-2025*/
.mobile_notifi{font-size: 21px; margin: 0px 9px; }
span.notfi-bell { left: 15px}
.project-search-mob{ display: inline-block;}	
.breadcrumb{display: none}	
.project-list-main .projectdetails-mob{ padding: 15px 0px 0px 0px;  }	
.pdl-20{ padding-left: 0px;}	
.addInviteeviewApp a {width: 120px; display:inline-block; text-align:center; }
.contact-list-main-div { padding: 5px; margin-bottom: 5px;}	
.cc-img-boxs{width: 36px;height: 36px;}	
.viewproposalicon{display:none !important;}
.projectshare1{ font-weight: 600; font-size:18px;}
}
 


@media only screen and (max-width: 650px) {
/*header and footer section start  */
.fproject { text-align: right; font-size: 13px; padding: 6px 0;}
.fproject a {color: var(--black-color); text-decoration: none; font-size: 13px;}
.navbar-toggler{background-color: var(--white-color);}
.cscolor ul li a{color: var(--black-color) !important;}
.cscolor ul li a.active-menu{color: var(--primary-color) !important;}
.header-bottom .container { padding: 0 12px;}
footer{padding: 10px 0;}
footer p{font-size: 14px !important;}
.heading{background: var(--white-color);}
.project-menu ul li a{    font-size: 11px;padding: 5px 4px;}
.inr-user img {width: 25px;}
.inr-bgll img { width: 36px;}
.inr-msg img {width: 21px;}
.inr-box {margin-right: 10px;}

.swithch-bx { text-align: left;}
.navbar-toggler:focus{box-shadow: none;}
.navbar-toggler { background-color:var(--white-color);  font-size: 13px;  padding: 0px 3px;  border-radius: 5px;}
/*header and footer section end  */
main{ margin: 20px 0px; margin-top: 20px;}
/*dashboard-main Start*/
ul.skills-list { display: block;}
/*dashboard-main end*/
.Pitchbtn-add{font-size: 12px; padding: 10px 10px 10px 10px; margin: 10px 2px;}
.help-add{font-size: 12px; padding: 10px 10px 10px 10px; margin: 10px 0px;}
span.sns { font-weight: 400;padding: 0 20px;}
a.viewbtn {font-size: 12px;}
.pay-tab-box { font-size: 13px; overflow: scroll;}
.usermain22 { flex-direction: column; text-align: left;}
.useclest { flex-direction: column;  gap: 1px !important;  padding-top: 14px;}
.userimg1 { margin-bottom: 20px;}
.projectshare .mrr-15{margin-right: 0;}
.aply-outer .d-flex {flex-direction: column;  text-align: left;}
.d-flex.tim-inner {flex-direction: column;}
.userimg img {width: 50px;}
p{font-size: 14px; line-height: 18px;}
.groupmembers {width:150px; word-break:break-all;}
.projectshare{font-size: 18px;}
h3{font-size: 20px;}
ul.utilize-list {padding: 10px 25px ;}
.projectlist-btns-new a.Pitchbtn {font-size: 14px; padding: 11px 18px;}
.projectlist-btns-new a.viewbtn{font-size: 14px;}
.search-box{margin-bottom: 10px;}
.apibox-monts {margin-bottom: 10px;}
.project-libox{margin-bottom: 20px;}
.hourly-rate { border-right: 0px #000 solid;   margin-bottom: 15px;}
.soert .Pitchbtn-add {font-size: 15px; border:0;}
.addeventdash .project-search { padding: 0;}
.meet-box{margin-bottom: 12px;}
.projectshare22 a{padding: 0 0;}
a.cmark{margin: 10px 0 0 10px;}
ul.skills-list li{font-size: 14px;}
.projectshare-email a { font-size: 18px; margin: 0px 6px 0 0;}
.step-container .startbox-sedd {width: 14%;}
.addprojectmain .step-item .step-title{display: none;}
.addprojectmain .step-content{margin-top: 12px;}
.addprojectmain .step-title{font-size: 16px;}
.proposbt{text-align: center !important;}
.proposbt a {font-size: 12px !important;}
.tim-outer .gap-5 { gap: 10px !important;}
.inr-box select {font-size: 11px;}
.cleatxt a { font-size: 14px;}
.project-list-main h4{font-size: 18px;}
.page-nation-box li a { border-radius: 6px;  padding: 7px 12px; font-size: 13px;}
.pagetotal { text-align: center;  margin: 0 auto;  width: 220px;  margin-top: 20px;}
.pmboxs {width: 50%;}
.pytable-bx { overflow: scroll;}
.pytable-bx-inner {width: 800px;}

.upclass .sentmsgbt22 {width: 90%;font-size: 11px;}
.upclass span {top: 14px;right: -20px;}
p.postxt img { width: 30px;}
span.cechek1 img { width: 12px !important;  float: right;  margin: 0 4px;}
span.ipdatep{display: block;}
.header-bottom .container22 {width: 92%; margin: 0 auto;}

.rightPopModal .modal-content{ height: 100vh; width:320px}
.experinceblock{ margin-top: 15px; }
.protpolioblock .text-end{ text-align: left !important; margin-bottom: 15px;}
.profile-container { width:50px; height:50px;  }
.group-profile-container{ width:40px; height:40px;  }

.nivppdetails {float: none; overflow: hidden; width: 100%;}
.aplfull-outerx .Pitchbtn-add {font-size: 11px;}
.nivppdetails .mu-payments { width: 70%;}
.nivppdetails .mu-payments-right {width: 30%;}
.nivppdetails .Pitchbtn-add{font-size: 10px;}
/* 08-04-25 */
.paid-times { padding-top: 10px;}
.nivppdetails22 .Appl-cbts {flex-direction: column; align-items: start !important;}
.nivppdetails22 .mu-payments-right{ width: 100%; margin-bottom: 20px;}
.paid-times a {font-size: 12px;}
.paid-times22 { padding-top: 0;}
.mainallicant{ padding: 5px !important;}
.animation1 { display: inline-table; left:25%;  }
.prod-inline {flex-direction: column; gap: 1rem !important;}
.prod-inline .px-5 { padding: 0 !important;}
.pr-outer{margin-top: 20px;}
.Appl-cbts2 .mu-payments-right { float: none; width: 120px;}
.bank-ac-tstby .paid-times a { font-size: 11px;}
.bank-ac-tstby22 .paid-times a { font-size: 11px;}
.emailsclose input.form-control { width: 88%;}
.xsd { text-align: right; padding: 6px 0 0 0; margin: -45px 0 0px 2px;}
.thankyou .project-search { width: 100%; margin: 0 auto; margin-top: 80px;}
.thankyou-txt ul li { list-style: disc; margin: 0px 0 8px 19px; font-size: 13px; line-height: 22px;}
.dark-proposal-txt .mu-payments-right{padding-bottom: 8px;}
.ngmbuttons {  margin: 0 0 0 0;  display: block;  padding: 13px 0 10px 0;}
.project-comments .modal-dialog {
    margin-right: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 98%;
}
.addprojectmain .step-sidebar { width:auto;}
}