html {
  overflow: auto;
}

body {
  font-family: "Outfit", sans-serif !important;
  font-size: 15px !important;
  font-weight: 400;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #dfe4ff;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #0077b5;
}

a {
  text-decoration: none !important;
  cursor: pointer;
}

.profile_btnnn {
  color: #fff;
  background: #0080c1;
  font-size: 14px;
  padding: 10px 20px;
  float: inline-end;
}

header.main_header .hed {
  padding-top: 16px;
  padding-bottom: 16px;
}

header.main_header .hed img {
  height: 45px;
}

header.main_header .hed .form {
  border: 1px solid #caccce;
  border-radius: 30px;
  padding: 0 143px 0 0;
  height: 45px;
  position: relative;
  max-width: 550px;
  margin: auto;
}

header.main_header .hed .form input {
  width: 100%;
  border: none;
}

header.main_header .hed .form button {
  position: absolute;
  left: 0;
  border: none;
  background: transparent;
  line-height: 43px;
  padding: 1px 22px;
  font-size: 18px;
}

header.main_header .hed .form input {
  width: 100%;
  border: none;
  line-height: 43px;
  border-radius: 30px;
  padding: 0 15px 0 50px;
}

header.main_header .hed .form div.Freelancers {
  border: none;
  position: absolute;
  right: 0;
  padding-left: 20px;
  height: 43px;
  width: 150px;
  margin-right: 12px;
  top: 0;
}

header.main_header .hed .form div.Freelancers span {
  width: 100%;
  text-align: center;
  padding: 3px 0;
  border-left: 1px solid #caccce;
  margin: 6px 0;
}

header.main_header .hed .form div.Freelancers .dropdown-toggle::after {
  float: right;
  margin-top: 9px;
}

header.main_header .hed .form div.Freelancers .dropdown-menu.show {
  right: 0 !important;
  top: 43px !important;
  display: block;
  min-width: 300px;
  padding: 5px 0;
  left: inherit !important;
  transform: inherit !important;
}

header.main_header .hed .form div.Freelancers .dropdown-menu.show li {
  padding: 5px 15px;
  color: #292d32;
  font-size: 14px;
}

header.main_header .hed .form div.Freelancers .dropdown-menu.show li b {
  font-weight: 600;
  font-size: 15px;
  color: #000;
}

header.main_header .hed ul.right_hed {
  margin: 0;
  padding: 0;
  float: right;
}

header.main_header .hed ul.right_hed li {
  display: inline-block;
  margin-left: 10px;
}

header.main_header .hed ul.right_hed li a {
  border: 1px solid #0077b5;
  color: #0077b5;
  padding: 0;
  min-width: 120px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  font-weight: 500;
  font-size: 15px;
  height: 41px;
  line-height: 41px;
}

header.main_header .hed ul.right_hed li.flag {
  padding: 6px 20px 6px 50px !important;
  position: relative;
}

header.main_header .hed ul.right_hed li.flag img {
  height: 18px !important;
  position: absolute;
  left: 20px;
  top: 10px;
}

header.main_header .hed ul.right_hed li.flag select {
  width: 100%;
  border: navajowhite;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
}

header.main_header .hed ul.right_hed li.lidiv {
  margin-left: 16px;
}

header.main_header .hed ul.right_hed li.lidiv a {
  border: none;
  min-width: auto;
}

header.main_header .hed ul.right_hed li.lidiv a img {
  height: 26px;
}

header.main_header .hed ul.right_hed li.lidiv.user {
  float: right;
}

header.main_header .hed ul.right_hed li.lidiv.user a {
  padding-left: 50px !important;
  position: relative;
  line-height: 23px !important;
  color: #000 !important;
  text-align: left;
  padding-right: 14px;
}

header.main_header .hed ul.right_hed li.lidiv.user a i.bi-caret-down-fill {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  font-size: 11px;
  height: 20px;
  margin: auto;
}

header.main_header .hed ul.right_hed li.lidiv.user a span.img {
  width: 43px;
  height: 43px;
  background-size: cover;
  display: inline-block;
  position: absolute;
  left: 0;
  border-radius: 50%;
}

header.main_header .hed ul.right_hed li.lidiv.user a h6 {
  margin: 0;
  float: inherit;
}

header.main_header .hed ul.right_hed li.lidiv.user a p {
  margin: 0;
  font-size: 13px;
  margin-top: -5px;
}

header.main_header .hed ul.right_hed li.lidiv.user .dropdown-toggle {
  position: relative;
}

header.main_header .hed ul.right_hed li.lidiv.user .dropdown-toggle::after {
  position: absolute;
  right: 12px;
  top: -35px;
  bottom: 0;
  margin: auto;
  height: 4px;
}

header.main_header
  .hed
  ul.right_hed
  li.lidiv.user
  .dropdown-toggle.show::after {
  transform: rotate(180deg);
}

header.main_header .hed ul.right_hed li.lidiv.user .dropdown-menu.show {
  display: block;
  background: #fff;
  box-shadow: 0px 0px 6px #ccc;
  padding: 15px 0 0;
  min-width: 310px;
  transform: inherit !important;
  inset: inherit !important;
  right: 0 !important;
  border: none;
  top: 15px;
}

header.main_header .hed ul.right_hed li.lidiv.user .dropdown-menu.show .usr {
  padding-left: 70px;
  position: relative;
  border-bottom: 1px dashed #ccc;
  margin-bottom: 15px;
  min-height: 64px;
}

header.main_header .hed ul.right_hed li.lidiv.user .dropdown-menu.show .usr h6 {
  float: inherit;
  margin: 0;
  padding: 4px 0 0 0;
  font-size: 16px;
  background: transparent;
}

header.main_header .hed ul.right_hed li.lidiv.user .dropdown-menu.show .usr p {
  color: #6f6f70;
  font-size: 14px;
  margin-bottom: 0;
}

header.main_header
  .hed
  ul.right_hed
  li.lidiv.user
  .dropdown-menu.show
  .usr
  span {
  width: 46px;
  position: absolute;
  left: 15px;
  background-size: cover;
  height: 46px;
  border-radius: 6px;
  background-color: #f7f6f6;
  line-height: 46px;
  overflow: hidden;
  text-align: center;
}

header.main_header
  .hed
  ul.right_hed
  li.lidiv.user
  .dropdown-menu.show
  .usr.usr1 {
  border: none;
  margin: 0;
}

header.main_header .hed ul.right_hed li.lidiv.user .dropdown-menu.show h6 {
  display: block;
  float: inherit;
  margin-top: 16px;
  font-weight: 600;
  color: #000;
  padding: 14px 20px;
  font-size: 16px;
  background: #f5f5f5;
}

header.main_header
  .hed
  ul.right_hed
  li.lidiv.user
  .dropdown-menu.show
  ul.dropdown-menu.spt {
  box-shadow: none !important;
  position: relative !important;
}

header.main_header .hed ul.right_hed li.lidiv.user .dropdown-menu.show ul {
  padding: 0;
}

header.main_header .hed ul.right_hed li.lidiv.user .dropdown-menu.show ul li {
  display: block;
  margin: 0;
}

header.main_header .hed ul.right_hed li.lidiv.user .dropdown-menu.show ul li a {
  background: transparent;
  padding: 6px 20px !important;
  font-size: 14px;
  display: block;
  text-align: left;
  height: auto;
  color: #86888a !important;
}

header.main_header
  .hed
  ul.right_hed
  li.lidiv.user
  .dropdown-menu.show
  ul
  li
  a
  img {
  height: 24px;
}

header.main_header .hed ul.right_hed li.lidiv.noti {
  position: relative;
}

header.main_header .hed ul.right_hed li.lidiv.noti a {
  background: #0077b5;
  width: 43px;
  border-radius: 50%;
  min-width: 43px;
}

header.main_header .hed ul.right_hed li.lidiv.noti a span {
  height: 10px;
  width: 10px;
  background: #ff3030;
  position: absolute;
  right: 10px;
  top: 8px;
  border-radius: 50%;
}

header.main_header .hed ul.right_hed li:first-child a {
  background: #0077b5;
  color: white;
}

header.main_header nav.navbar {
  background: #0077b5;
}

header.main_header nav.navbar ul.navbar-nav {
  margin: auto;
}

header.main_header nav.navbar ul.navbar-nav li a {
  color: #fff;
  padding: 12px 20px;
  font-weight: 500;
}

header.main_header nav.navbar ul.navbar-nav ul.dropdown-menu {
  padding: 0;
  border-radius: 0;
  min-width: 200px;
  border: 1px solid rgba(204, 204, 204, 0.4901960784);
}

header.main_header nav.navbar ul.navbar-nav ul.dropdown-menu li a {
  color: #000 !important;
  font-size: 14px;
  padding: 7px 15px !important;
}

.sidebarnoti.main {
  transform: scale(1);
  transition: 0.3s ease-in-out;
  right: 0px;
}

.sidebarnoti {
  /* max-width: 440px; */
  width: 440px;
  position: fixed;
  right: -600px;
  background: #fff;
  box-shadow: 0px 0px 6px #ccc;
  padding: 18px;
  height: 100%;
  top: 0;
  overflow-y: auto;
  z-index: 9999;
  transform: scale(1);
  transition: 0.3s ease-in-out;
}

.sidebarnoti .set {
  position: relative;
  margin-bottom: 16px;
  border: 1px solid #ccdcf6;
  padding: 10px 10px 10px 70px;
}

.infinite-scroll-component {
  /* height: 0px !important; */
  overflow: hidden !important;
}
.sidebarnoti .set h6 {
  color: #000000;
  font-weight: 500;
  font-size: 15px;
  margin-bottom: 10px;
}

.sidebarnoti .set h6 i {
  color: #0077b5;
  font-size: 21px;
  margin-right: 4px;
}

.sidebarnoti .set h6 span {
  color: #0077b5;
}

.sidebarnoti .set span.img {
  width: 42px;
  height: 42px;
  display: inline-block;
  background-size: cover;
  border-radius: 50%;
  position: absolute;
  left: 10px;
}

.sidebarnoti .set a {
  border: 1px solid #0077b5;
  color: #0077b5;
  font-size: 14px;
  padding: 7px 10px;
  display: inline-block;
  text-align: center;
  min-width: 110px;
}

.sidebarnoti .set a i {
  margin-right: 5px;
}

.sidebarnoti .set p {
  color: #434343;
  text-align: right;
  font-weight: 400;
  font-size: 14px;
  padding: 8px 0;
  margin: 0;
}

header.header_after .hed h6 {
  display: inline-block;
  float: left;
  margin-top: 11px;
}

header.header_after .hed .form {
  max-width: 410px;
  margin: inherit;
  margin-left: 75px;
}

header.header_after .hed i.searchbtn {
  display: none;
}

.banner {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.banner .bannerin {
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 36%;
  padding-top: 190px;
  padding-bottom: 130px;
}

.banner .bannerin h1 {
  font-weight: bold;
  color: #0077b5;
  font-size: 80px;
  margin-bottom: 25px;
}

.banner .bannerin h1 span {
  color: #000;
}

.banner .bannerin p {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 25px;
}

.banner .bannerin a.Get_Started {
  background: #0077b5;
  padding: 0 26px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  font-weight: 500;
  font-size: 15px;
  height: 45px;
  line-height: 45px;
  color: #fff;
}

.banner .finddiv {
  background-position: top center;
  padding-bottom: 330px;
}

.banner .finddiv h1 {
  color: #ffffff;
  font-size: 48px;
  margin-bottom: 25px;
}

.banner .finddiv p {
  color: #fff;
}

.banner .finddiv h6 {
  color: #fff;
  font-size: 16px;
}

.banner .finddiv h6 img {
  height: 36px;
  position: relative;
  top: -1px;
  margin-right: 3px;
}

.banner .finddiv h6 span {
  font-size: 14px;
}

.banner .showcase_banner {
  background-color: #0077b5;
  background-size: 56%;
  padding: 127px 70px;
  background-repeat: no-repeat;
  background-position: right;
  border-radius: 20px;
  margin-top: 25px;
  color: #fff;
}

.banner .showcase_banner h1 {
  color: #fff;
  font-size: 44px;
  font-weight: 700;
}

.banner .showcase_banner h1 span {
  color: #ffb800;
}

.banner .showcase_banner h6 {
  font-size: 18px;
  font-weight: 400;
}

.banner .showcase_banner h4 {
  font-weight: 400;
  font-size: 20px;
}

.banner .showcase_banner a.btn {
  background: #fff;
  padding: 10px 30px;
  font-weight: 500;
  margin-top: 18px;
  border: none;
  border-radius: 5px;
  color: #000;
}

.banner .showcase_banner .form {
  position: relative;
  max-width: 400px;
  margin-bottom: 15px;
}

.banner .showcase_banner .form button {
  position: absolute;
  left: 0;
  border: none;
  background: transparent;
  line-height: 45px;
  padding: 0 19px;
  font-size: 18px;
}

.banner .showcase_banner .form input {
  width: 100%;
  border: none;
  background: #fff;
  border-radius: 7px;
  padding: 0 0 0 55px;
  border: 1px solid #f3f3f3;
  line-height: 45px;
  background: #fff;
}

.banner ul {
  padding: 0;
  list-style: none;
  margin: auto;
  text-align: center;
  padding: 35px 0 0;
  position: relative;
}

.banner ul li {
  display: inline-flex;
  margin: 0 7px;
}

.banner ul li a {
  color: #515151;
  text-decoration: none;
  font-weight: 500;
  font-size: 15px;
  padding: 10px 0;
  position: relative;
}

.banner ul li a span {
  font-size: 10px;
  position: relative;
  top: -5px;
}

.banner ul li ul.dropdown-menu.MoreList {
  width: 252px;
  text-align: left;
  padding: 0;
  top: 75px !important;
  right: 0 !important;
  transform: translate(-77px, 5px) !important;
}

.banner ul li ul.dropdown-menu.MoreList li {
  display: block;
}

.banner ul li ul.dropdown-menu {
  padding: 10px 0;
  text-align: left;
  transform: inherit !important;
  right: 0 !important;
  left: inherit !important;
  top: 30px !important;
}

.banner ul li ul.dropdown-menu li a {
  padding: 6px;
}

.banner li.dropdown {
  position: static;
}

.banner li.dropdown:hover .dropmenu {
  display: block;
  left: 0;
  z-index: 9;
}

.banner li.dropdown:hover a.dropbtn {
  color: #0077b5;
}

.banner li.dropdown:hover a.dropbtn:after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.8em solid #0077b5;
  border-right: 0.8em solid transparent;
  border-bottom: 0;
  border-left: 0.8em solid transparent;
  transform: rotate(180deg);
  left: 0;
  position: absolute;
  right: 0;
  width: 20px;
  margin: auto;
  bottom: -1px;
}

.banner .dropmenu {
  padding: 0 20px 20px;
  border: 1px solid #efefef;
  margin-top: 43px;
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  background: #fff;
}

.banner .dropmenu h6 {
  font-size: 18px;
  margin-top: 20px;
}

.banner .dropmenu ul {
  padding: 0px 0 0;
}

.banner .dropmenu ul li {
  display: block;
  margin: 0;
}

.banner .dropmenu ul li a {
  display: block;
  text-align: left;
  padding: 6px 0px;
  font-size: 14px;
  font-weight: 400;
}

section.category {
  background: #0077b5;
  padding: 70px 0;
}

section.category .categorycarousel .owl-nav {
  background: transparent;
}

section.category .categorycarousel .owl-nav button {
  border: 1px solid #ffffff !important;
  color: #fff !important;
}

section.category h2 {
  color: #fff;
  font-size: 42px;
}

section.category p {
  color: #fff;
  font-size: 16px;
}

section.category .set {
  background: #fff;
  border-radius: 15px;
}

section.category .set h6 {
  color: #000;
  text-align: center;
  margin: 0;
  padding: 20px 15px;
  font-size: 17px;
}

section.category .set .img {
  background-size: cover;
  height: 270px;
  border-radius: 15px;
  background-position: center;
  transform: scale(1);
  transition: 0.3s ease-in-out;
}

section.category .set .img:hover {
  transform: scale(1.1);
}

.businesses {
  background: #f5fcff;
  padding-bottom: 80px;
}

.businesses h2 {
  padding-top: 60px;
  color: #000;
  font-size: 42px;
  font-weight: bold;
}

.businesses h3 {
  color: #000;
  font-size: 42px;
  font-weight: 400;
  margin-bottom: 40px;
}

.businesses .set {
  padding-left: 65px;
  position: relative;
  max-width: 70%;
}

.businesses .set span.icon {
  background: #0077b5;
  height: 50px;
  width: 50px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  line-height: 50px;
  position: absolute;
  left: 0;
}

.businesses .set span.icon img {
  height: 30px;
}

.businesses .set h6 {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  margin-bottom: 4px;
}

.businesses h4 {
  margin-top: 60%;
  font-size: 32px;
  margin-bottom: 20px;
  color: #000;
  font-weight: 600;
}

.businesses h5 {
  font-size: 32px;
  color: #323232;
  margin-bottom: 0;
}

.quick_easy {
  padding: 60px 0;
}

.quick_easy h2 {
  font-size: 80px;
  font-weight: bold;
  color: #0077b5;
}

.quick_easy h3 {
  font-size: 54px;
  font-weight: bold;
  color: #000;
  margin-bottom: 50px;
}

.quick_easy .set {
  padding: 20px 20px 20px 80px;
  position: relative;
  box-shadow: 0px 3px 3px #ccc;
  transform: scale(1);
  transition: 0.3s ease-in-out;
}

.quick_easy .set h6 {
  color: #000;
  font-weight: 700;
  font-size: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.quick_easy .set img {
  width: 40px;
  position: absolute;
  left: 20px;
}

.quick_easy .set p {
  margin-bottom: 0;
  font-weight: 400;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
}

.quick_easy .set:hover {
  webkit-transform: scale(1.3);
  transform: scale(1.1);
}

.quick_easy .img {
  background-size: cover;
  width: 470px;
  height: 670px;
  border-radius: 0 165px 0 165px;
  margin: auto;
  border-right: 18px solid #0077b5;
  border-top: 18px solid #0077b5;
}

.quick_easy a.btn {
  background: #0077b5;
  display: inline-block;
  width: 300px;
  color: #fff;
  text-decoration: none;
  position: relative;
  padding: 18px 18px 18px 72px;
  margin-top: 50px;
}

.quick_easy a.btn h5 {
  font-size: 22px;
  margin-bottom: 4px;
  color: white;
}

.quick_easy a.btn img {
  height: 30px;
  position: absolute;
  left: 25px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.quick_easy a.btn p {
  margin: 0;
}

.quick_easy2 {
  padding: 60px 0;
}

.quick_easy2 h2 {
  font-size: 80px;
  font-weight: bold;
  color: #0077b5;
}

.quick_easy2 h3 {
  font-size: 54px;
  font-weight: bold;
  color: #000;
  margin-bottom: 50px;
}

.quick_easy2 .set {
  padding: 20px 20px 20px 80px;
  position: relative;
  box-shadow: 0px 3px 3px #ccc;
  transform: scale(1);
  transition: 0.3s ease-in-out;
}

.quick_easy2 .set h6 {
  color: #000;
  font-weight: 700;
  font-size: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.quick_easy2 .set img {
  width: 40px;
  position: absolute;
  left: 20px;
}

.quick_easy2 .set p {
  margin-bottom: 0;
  font-weight: 400;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
}

.quick_easy2 .set:hover {
  webkit-transform: scale(1.3);
  transform: scale(1.1);
}

.quick_easy2 .img {
  background-size: cover;
  width: 470px;
  height: 670px;
  border-radius: 165px 0 165px 0;
  margin: auto;
  border-left: 18px solid #0077b5;
  border-top: 18px solid #0077b5;
}

.quick_easy2 a.btn {
  background: #0077b5;
  display: inline-block;
  width: 100%;
  color: #fff;
  text-decoration: none;
  position: relative;
  padding: 18px 18px 18px 72px;
  margin-top: 50px;
}

.quick_easy2 a.btn h5 {
  font-size: 22px;
  margin-bottom: 4px;
  color: white;
}

.quick_easy2 a.btn img {
  height: 30px;
  position: absolute;
  left: 25px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.quick_easy2 a.btn p {
  margin: 0;
}

.quick_easy2 a.Browser {
  box-shadow: 0px 3px 6px #ccc;
  display: inline-block;
  width: 100%;
  color: #000;
  text-decoration: none;
  position: relative;
  padding: 18px 18px 18px 72px;
  margin-top: 50px;
}

.quick_easy2 a.Browser h5 {
  font-size: 22px;
  margin-bottom: 4px;
}

.quick_easy2 a.Browser img {
  height: 30px;
  position: absolute;
  left: 25px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.quick_easy2 a.Browser p {
  margin: 0;
}

.Testimonials {
  padding: 60px 0;
  background: #0077b5;
}

.Testimonials .owl-dots {
  display: none;
}

.Testimonials button span {
  font-size: 30px;
  position: relative;
  top: -9px;
}

.Testimonials button.owl-prev {
  border: 1px solid white !important;
  height: 34px;
  width: 34px;
  display: inline-block;
  border-radius: 4px;
  margin: 0 2px;
  color: #fff !important;
}

.Testimonials button.owl-next {
  border: 1px solid white !important;
  height: 34px;
  width: 34px;
  display: inline-block;
  border-radius: 4px;
  margin: 0 2px;
  color: #fff !important;
}

.Testimonials h2 {
  color: #fff;
  font-size: 44px;
}

.Testimonials p {
  color: #fff;
}

.Testimonials .item {
  background: #fff;
  padding: 80px 20px 20px 20px;
  margin-top: 100px;
  height: 265px;
}

.Testimonials .item p {
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.Testimonials .item p span {
  font-size: 16px;
  color: #0077b5;
}

.Testimonials .item .img {
  width: 140px;
  height: 140px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  margin: -159px auto 14px;
  background-color: #5f5f5f;
  transform: scale(1);
  transition: 0.3s ease-in-out;
}

.Testimonials .item h6 {
  font-size: 18px;
  color: #0077b5;
  margin-top: 30px;
  margin-bottom: 0;
}

.Testimonials .item h6 span {
  font-size: 14px;
  color: #000;
}

.Testimonials .item h6 img {
  height: 20px !important;
  display: inline-block !important;
  margin: 0 10px;
  position: relative;
  top: -2px;
  width: auto;
}

.Testimonials .item:hover .img {
  transform: scale(1.2);
}

.Testimonials .testimonials {
  margin-top: 60px;
}

.trusted {
  background: #f5fcff;
  padding: 70px 0;
  text-align: center;
}

.trusted .owl-dots {
  display: none;
}

.trusted button span {
  font-size: 30px;
  position: relative;
  top: -9px;
  color: #0077b5 !important;
}

.trusted button.owl-prev {
  border: 1px solid #0077b5 !important;
  height: 34px;
  width: 34px;
  display: inline-block;
  border-radius: 4px;
  margin: 0 2px;
  color: #0077b5 !important;
}

.trusted button.owl-next {
  border: 1px solid #0077b5 !important;
  height: 34px;
  width: 34px;
  display: inline-block;
  border-radius: 4px;
  margin: 0 2px;
  color: #0077b5 !important;
}

.trusted h2 {
  color: #071d31;
  font-weight: bold;
  text-align: center;
  margin-bottom: 40px;
}

.trusted img {
  height: 55px;
  width: auto !important;
  margin: auto;
}

.footer {
  padding: 60px 0 15px;
}

.footer ul.menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer ul.menu li {
  margin-bottom: 10px;
}

.footer ul.menu li a {
  color: #000000;
  text-decoration: none;
}

.footer ul.menu li img {
  height: 37px;
}

.footer ul.Download {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer ul.Download li {
  display: inline-block;
  margin-left: 1px;
}

.footer ul.Download li a img {
  height: 30px;
}

.footer .footer_end {
  background: #ecf6fe;
  padding: 12px 0;
}

.footer .footer_end p {
  margin: 0;
}

.footer .footer_end p a img {
  height: 29px;
}

.footer .footer_end ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer .footer_end ul li {
  display: inline-block;
  margin-left: 10px;
}

.footer .footer_end ul li a {
  list-style: none;
}

.footer .footer_end ul li a i {
  font-size: 22px;
  color: #0077b5;
}

.footer h3 {
  color: #000;
  font-size: 24px;
  font-weight: bold;
}

.footer h6 {
  margin-bottom: 18px;
  font-size: 17px;
  color: #000;
}

.footer ul.menu.project {
  margin: 16px 0;
}

.footer ul.menu.project li {
  display: inline;
  margin-right: 15px;
}

.footer ul.menu.project li a {
  color: #515151;
}

.footer ul.menu.project li a span {
  font-size: 10px;
  position: relative;
  top: -5px;
}

.footer ul.menu.project li a.active {
  font-weight: 600;
  color: #000;
}

.how_does {
  background: #f2f2f2;
  padding: 80px 0;
}

.how_does .set {
  max-width: 100%;
  margin-bottom: 30px;
}

.how_does img.w-75 {
  width: auto !important;
  height: 480px;
}

.how_does h2 {
  padding-top: 0;
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 30px;
}

.how_does2 {
  background: #fff;
}

.Benefits {
  padding: 60px 0;
  margin: 80px 0 60px;
  position: relative;
}

.Benefits h2 {
  font-weight: 700;
  text-align: center;
  margin-bottom: 34px;
}

.Benefits .set {
  padding: 20px;
  height: 100%;
  box-shadow: 0px 3px 3px #ccc;
  transform: scale(1);
  transition: 0.3s ease-in-out;
  background-color: #fafafa;
  min-height: 175px;
}

.Benefits .set p {
  margin-bottom: 0;
  font-weight: 400;
  color: #292d32;
  font-size: 15px;
}

.Benefits .set h4 {
  color: #000000;
  font-size: 24px;
  margin-bottom: 0;
}

.Benefits .set h4 span {
  background: #ecf6fe;
  width: 50px;
  height: 50px;
  display: inline-block;
  text-align: center;
  line-height: 42px;
  border-radius: 50%;
}

.Benefits .set h4 span img {
  height: 25px;
}

.Benefits:after {
  background: #ecf6fe;
  height: 100%;
  width: 66%;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  border-radius: 0 0 350px 0;
}

.banner2 {
  padding: 100px 0 130px;
  position: relative;
  min-height: 700px;
}

.banner2 h1 {
  font-size: 72px;
  color: white;
  font-weight: bold;
  margin-bottom: 25px;
}

.banner2 p {
  color: #fff;
  font-size: 18px;
  margin-bottom: 30px;
}

.banner2 a.Get_Started {
  background: #fff;
  padding: 12px 24px;
  display: inline-block;
  font-weight: 600;
  text-decoration: none;
  color: #0077b5;
}

.banner2 ul {
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  bottom: -20px;
}

.banner2 ul li a {
  background: #fff;
  color: #545454;
  padding: 26px;
  font-size: 18px !important;
  min-width: 400px;
  box-shadow: 0px 3px 3px rgba(204, 204, 204, 0.7411764706);
  display: inline-block;
}

.banner2 ul li a i {
  font-size: 24px;
}

.banner2 ul li.active a {
  background: #0077b5;
  color: #fff;
}

.how_does.freelancershow_does img.w-75 {
  height: 540px;
}

section.login .login_left {
  max-width: 405px;
  text-align: center;
  margin: auto;
  padding: 60px 0;
}

section.login .login_left h4 {
  font-size: 20px;
  font-weight: 600;
}

section.login .login_left img {
  height: 50px;
  margin-bottom: 20px;
}

section.login .login_left ul.facebookmain {
  margin-top: 30px;
  margin-bottom: 20px;
}

section.login .login_left ul.facebookmain li {
  display: inline-block;
  margin: 0 5px;
}

section.login .login_left ul.facebookmain li a {
  background: #e6e6e8;
  padding: 2px 10px;
  display: inline-block;
  min-width: 150px;
  text-decoration: none;
  color: #000;
  font-weight: 500;
  height: 40px;
}

section.login .login_left ul.facebookmain li a img {
  height: 20px;
  position: relative;
  top: 8px;
}

section.login .login_left .form-group {
  background: #fcfcfc;
  box-shadow: 0px 3px 3px #ccc;
  margin-top: 12px;
  padding: 7px 15px 7px;
  position: relative;
}

section.login .login_left .form-group .bi-eye-slash {
  position: absolute;
  right: 12px;
  top: 0;
  margin: auto;
  font-size: 18px;
  color: 86888A;
  bottom: 0;
  height: 18px;
}

section.login .login_left .form-group .bi-eye {
  position: absolute;
  right: 12px;
  top: 0;
  margin: auto;
  font-size: 18px;
  color: 86888A;
  bottom: 0;
  height: 18px;
}

section.login .login_left .form-group .bi-envelope {
  position: absolute;
  right: 12px;
  top: 0;
  margin: auto;
  font-size: 18px;
  color: 86888A;
  bottom: 0;
  height: 18px;
}

section.login .login_left .form-group label {
  display: block;
  margin-bottom: 2px;
  text-align: left;
  font-weight: 600;
  font-size: 14px;
  color: #86888a;
}

section.login .login_left .form-group input {
  padding: 0;
  border: none;
  background: #fcfcfc !important;
  font-size: 14px;
  outline: none;
  box-shadow: none;
  font-weight: 600;
}

section.login .login_left .form-group ::-moz-placeholder {
  color: #cdcdcd;
  font-weight: 400;
}

section.login .login_left .form-group ::placeholder {
  color: #cdcdcd;
  font-weight: 400;
}

section.login .login_left h6 {
  border-bottom: 1px solid #cbcbcb;
  margin-bottom: 30px;
}

section.login .login_left h6 span {
  background: #fff;
  position: relative;
  top: 8px;
  padding: 0 15px;
}

section.login .login_left p {
  margin-top: 0;
  font-size: 14px;
}

section.login .login_left p a {
  color: #0077b5;
  font-size: 14px;
  margin-top: 7px;
  font-weight: 500;
  display: inline-block;
}

section.login .login_left p.Dont {
  display: inline-block;
  border-top: 1px solid #ccc;
  margin-top: 30px;
  padding: 14px 15px 0;
}

section.login .login_left button.btn {
  background: #0077b5;
  width: 100%;
  color: #fff;
  font-weight: 500;
  padding: 10px;
  border-radius: 0;
}

section.login .login_left ul.Download {
  padding: 0;
  list-style: none;
  margin-top: 10px;
}

section.login .login_left ul.Download li {
  display: inline-block;
  margin: 0 3px;
}

section.login .login_left ul.Download li img {
  height: 45px;
  margin-bottom: 0;
}

section.login .login_left ul.radioul {
  list-style: none;
  display: inline-flex;
  padding: 0;
}

section.login .login_left ul.radioul li {
  margin: 0 6px;
  font-size: 15px;
  font-weight: 500;
}

section.login .login_left ul.radioul li input {
  width: 18px;
  height: 18px;
  position: relative;
  top: 4px;
}

.verification .login_left .form-group {
  padding: 0 !important;
  box-shadow: none !important;
  display: flex;
}

.verification .login_left .form-group input.form-control {
  width: 20%;
  border: 1px solid #0077b5;
  display: inline-block;
  height: 75px;
  margin: 0 5px;
}

.verification .login_left .Secureyouraccount {
  background: rgba(47, 141, 3, 0.0588235294);
  padding: 15px 10px;
  text-align: left;
}

.verification .login_left .Secureyouraccount h6 {
  border: none;
  margin: 0 0 3px 0;
  color: #2f8d03;
}

.verification .login_left .Secureyouraccount p {
  margin: 0;
  font-weight: 400;
}

section.resetpass .login_left h4 {
  color: #0077b5;
  font-weight: 700;
  font-size: 22px;
}

section.forgotpass .login_left p.Dont {
  padding: 14px 50px 0;
}

section.forgotpass .login_left p.Dont a {
  color: #000000;
  text-decoration: none;
}

section.forgotpass .login_left p.Dont a img {
  margin: 0;
  height: 20px;
  margin-top: -3px;
}

.mainlogin header {
  display: none;
}

.mainlogin footer {
  display: none;
}

section.copy_right {
  padding: 20px 0;
  border-bottom: 1px solid #e3e3e3;
}

section.copy_right h4 {
  color: #000000;
  font-size: 16px;
  margin-top: 20px;
}

section.copy_right p {
  font-size: 15px;
  line-height: 26px;
}

section.copy_right ol {
  padding-left: 16px;
}

section.copy_right ol li {
  font-size: 15px;
}

section.copy_right ul {
  padding-left: 16px;
}

section.copy_right ul li {
  font-size: 15px;
}

section.shop_category {
  padding: 70px 0;
}

section.shop_category .row {
  margin: 0 -30px;
}

section.shop_category .row .col-sm-4 {
  padding: 0 30px;
}

section.shop_category .set {
  background: #fff;
  border-radius: 15px;
  position: relative;
  overflow: hidden;
}

section.shop_category .set h6 {
  color: #000;
  text-align: center;
  margin: 0;
  padding: 15px 15px;
  font-size: 17px;
  position: absolute;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8588235294);
  width: 100%;
}

section.shop_category .set .img {
  background-size: cover;
  height: 270px;
  border-radius: 15px;
  background-position: center;
  transform: scale(1);
  transition: 0.3s ease-in-out;
}

section.shop_category .set :hover {
  transform: scale(1.1);
}

section.how_it_works {
  padding: 60px 0;
  background-size: cover;
  background-position: center;
}

section.how_it_works .set {
  background: #fff;
  border-radius: 15px;
  height: 100%;
}

section.how_it_works .set .img {
  background-size: cover;
  height: 150px;
  border-radius: 15px;
  background-position: center;
  transform: scale(1);
  transition: 0.3s ease-in-out;
}

section.how_it_works .set h6 {
  margin-top: 17px;
  font-size: 19px;
  padding: 0 25px;
}

section.how_it_works .set p {
  font-size: 16px;
  padding: 0 25px;
}

section.how_it_works h2 {
  color: #fff;
  font-weight: 700;
  font-size: 38px;
  margin-bottom: 40px;
}

section.how_it_works .row {
  margin: 0 -40px;
}

section.how_it_works .row .col-sm-4 {
  padding: 0 40px;
}

section.scale {
  background: #ecfbff;
}

section.scale .set .img {
  height: 390px;
}

section.scale a.show_all {
  background: #0077b5;
  color: #fff;
  padding: 14px 50px;
  display: inline-block;
  border-radius: 30px;
  text-decoration: none;
  font-weight: 500;
}

section.Inspiring .set .img {
  height: 520px;
}

section.Inspiring a.show_all {
  background: #0077b5;
  color: #fff;
  padding: 14px 50px;
  display: inline-block;
  border-radius: 30px;
  text-decoration: none;
  font-weight: 500;
}

section.find_inspiration {
  padding: 60px 0;
  background: #0077b5;
}

section.find_inspiration a {
  color: #212529 !important;
  text-decoration: none !important;
}

section.find_inspiration .set {
  background: #fff;
  border-radius: 15px;
  height: 100%;
}

section.find_inspiration .set .img {
  background-size: cover;
  height: 200px;
  border-radius: 15px;
  background-position: center;
  transform: scale(1);
  transition: 0.3s ease-in-out;
}

section.find_inspiration .set .cont {
  padding: 15px;
}

section.find_inspiration .set .cont .user {
  padding-left: 54px;
  position: relative;
}

section.find_inspiration .set .cont .user .imgus {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  background-size: cover;
}

section.find_inspiration .set .cont .user .imgus span {
  height: 10px;
  width: 10px;
  content: "";
  background: #0d9c0d;
  position: absolute;
  border-radius: 50%;
}

section.find_inspiration .set .cont .user h4 {
  font-size: 16px;
  margin-bottom: 0;
  color: #000;
  display: flex;
  gap: 8px;
  align-items: center;
}

section.find_inspiration .set .cont .user h4 img {
  height: 18px;
  width: auto;
  display: inline;
}

section.find_inspiration .set .cont h6 {
  margin-top: 12px;
  font-size: 16px;
  color: #000;
}

section.find_inspiration .set .cont p {
  font-size: 14px;
  margin-bottom: 0;
  font-weight: 400;
  margin-top: 5px;
}

section.find_inspiration .set .cont p i.bi-star-fill {
  color: #f4b30c;
  position: relative;
  top: -1px;
}

section.find_inspiration .set .cont p .bi-clock {
  position: relative;
  top: 1px;
}

section.find_inspiration .set .cont p img {
  height: 15px;
  position: relative;
  top: -2px;
  width: auto;
  display: inline;
}

section.find_inspiration .set .cont p span {
  color: #999;
}

section.find_inspiration .set .cont h6 {
  margin-top: 8px;
}

section.find_inspiration .set .cont i.bi.bi-heart {
  font-size: 19px;
}

section.find_inspiration .set .cont p {
  margin-bottom: 0;
  margin-top: 0;
}

section.find_inspiration .set .cont p span {
  position: relative;
  top: 3px;
}

section.find_inspiration .set .cont p b {
  font-size: 18px;
  font-weight: 600;
}

section.find_inspiration h2 {
  color: #fff;
  font-weight: 700;
  font-size: 38px;
  margin-bottom: 40px;
}

.graphic_design {
  padding: 0px 0 20px;
}
.graphic_design button.owl-next {
  position: absolute;
}
.shop_category button.owl-next {
  position: absolute;
}

.graphic_design .form {
  height: 46px;
  position: relative;
  max-width: 520px;
  margin-bottom: 24px;
  overflow: hidden;
}

.graphic_design .form button {
  position: absolute;
  left: 0;
  border: none;
  background: transparent;
  line-height: 46px;
  padding: 0 28px;
  font-size: 18px;
}

.graphic_design .form input {
  width: 100%;
  border: none;
  line-height: 44px;
  padding: 0 0 0 70px;
  border: 1px solid #caccce;
  border-radius: 30px;
}

.graphic_design .set {
  box-shadow: 0px 3px 3px rgba(204, 204, 204, 0.4117647059);
}

.graphic_design .set .img {
  background-size: cover;
  height: 230px;
  background-position: center;
  transform: scale(1);
  transition: 0.3s ease-in-out;
}

.graphic_design .set .cont {
  padding: 15px;
}

.graphic_design .set .cont p {
  margin-bottom: 5px;
}

.graphic_design .set .cont h6 {
  font-size: 18px;
  color: #000;
}

.graphic_design .set a.seeall {
  color: #0077b5;
  font-weight: 500;
  margin-top: 12px;
  display: inline-block;
}

.graphic_design h2 {
  color: #000;
  font-weight: 600;
  font-size: 28px;
  margin-bottom: 28px;
}

section.brand_identity {
  background-color: transparent;
  padding: 0 0 35px;
}

section.brand_identity .set {
  box-shadow: 0px 3px 3px rgba(204, 204, 204, 0.4117647059);
  border-radius: 0;
}

section.brand_identity .set .img {
  border-radius: 0;
}

section.brand_identity h2 {
  color: #000;
  font-weight: 600;
  font-size: 28px;
  margin-bottom: 20px;
}

section.brand_identity h2 a.show_all {
  color: #86888a;
  font-size: 15px;
  margin-top: 7px;
}

section.brand_identity .owl-nav {
  display: inline-block !important;
  position: absolute;
  right: 0;
}

section.brand_identity .owl-nav button.owl-prev {
  border: 1px solid #0077b5 !important;
  width: 25px;
  height: 25px;
  color: #0077b5 !important;
  border-radius: 4px;
}

section.brand_identity .owl-nav button.owl-prev span {
  font-size: 30px;
  position: relative;
}

section.brand_identity .owl-nav button.owl-next {
  border: 1px solid #0077b5 !important;
  width: 25px;
  height: 25px;
  color: #0077b5 !important;
  border-radius: 4px;
  position: absolute;
}

section.brand_identity .owl-nav button.owl-next span {
  font-size: 30px;
  position: relative;
}

.development {
  padding: 0px 0 10px;
}

.development .d-block.atp {
  height: 41px;
}

.development .set {
  background: #f8faf7;
  text-align: center;
}

.development .set a {
  text-decoration: none;
  display: block;
  padding-top: 0;
}

.development .set a span {
  width: 100%;
  height: 180px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 180px;
}

.development .colnew .set a img {
  /* max-height: 65px; */
  /* max-width: 134px; */
  height: 126px;
  object-fit: cover;
}

.development .set h6 {
  background: #f3f4f3;
  padding:  10px;
  color: #161515;
  text-decoration: none;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  /* line-height: 45px; */
}

.development h5 {
  font-size: 18px;
  color: #292d32;
  font-weight: 500;
}

.development ul {
  padding: 0;
  list-style: none;
  margin: 25px 0;
}

.development ul li {
  min-width: 180px;
  display: inline-block;
  margin-right: 15px;
}

.development ul li .dropdown-toggle::after {
  float: right;
  margin-top: 11px;
}

.development ul li .dropdown-menu.Details {
  min-width: 520px;
}

.development ul li .dropdown-menu.Details input.form-control {
  border-radius: 0;
  line-height: 30px;
}

.development ul li .dropdown-menu.Details p {
  margin-bottom: 6px;
  font-size: 15px;
}

.development ul li .dropdown-menu.Details p .str {
  width: 22px;
  height: 22px;
  background: #0077b5;
  display: inline-block;
  text-align: center;
  line-height: 22px;
  color: #fff;
  border-radius: 50%;
}

.development ul li .dropdown-menu.Details p input {
  height: 16px;
  width: 16px;
  position: relative;
  top: 3px;
}

.development ul li .dropdown-menu.Details p .bi-star-fill {
  color: #0077b5;
}

.development ul li .dropdown-menu.Details h6 {
  font-weight: bold;
  font-size: 16px;
  margin-top: 10px;
}

.development ul li .dropdown-menu {
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.24);
    border: navajowhite;
    border-radius: 0;
    padding: 15px;
    height: 200px;
    scrollbar-width: none;
    overflow: scroll;
}
.development ul li .dropdown-menu li {
  font-size: 15px;
  display: block;
  margin: 0;
}

.development ul li .dropdown-menu li a.dropdown-item {
  padding: 5px 0;
}

.development ul li .dropdown-menu a.Cancel {
  border: 1px solid #ccc;
  width: 100%;
  display: block;
  line-height: 40px;
  text-align: center;
  color: #626262;
}

.development ul li .dropdown-menu a.Apply {
  border: 1px solid #0077b5;
  width: 100%;
  background: #0077b5;
  color: #fff;
  display: block;
  line-height: 40px;
  text-align: center;
}

.development ul li .dropdown-menu .seti {
  position: relative;
}

.development ul li .dropdown-menu .seti input {
  border: 1px solid #d9d9d9;
  padding: 8px 66px 8px 40px;
}

.development ul li .dropdown-menu .seti span {
  position: absolute;
  left: 14px;
  top: 9px;
  font-size: 16px;
}

.development ul li .dropdown-menu .seti .usd {
  right: 14px;
  left: inherit;
  font-size: 14px;
  top: 10px;
}

.development ul li .btn {
  box-shadow: 0px 2px 4px rgba(204, 204, 204, 0.64);
  padding: 10px;
  color: #000;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  width: 100%;
  border: none;
  border-radius: 0;
  text-align: left;
}

.development .Projectsbtn {
  float: right;
  border: 1px solid #0077b5;
  padding: 8px 20px;
  color: #0077b5;
  text-decoration: none;
  font-weight: 500;
  margin-top: -66px;
}

.development .Projectsbtn i {
  color: #ff0000;
}
button.Apply {
    border: 1px solid #0077b5;
    background: #0077b5;
    color: #fff;
    display: block;
    line-height: 37px;
    text-align: center;
    width: 100%;
}
button.Cancel {
    border: 1px solid #ccc;
    width: 100%;
    display: block;
    line-height: 37px;
    text-align: center;
    color: #626262;
    background: white;
}

a.Load_more {
  background: #0077b5;
  margin-bottom: 60px;
  padding: 11px 35px;
  display: inline-block;
  color: #fff;
  font-weight: 500;
}

.showcase_process {
  padding: 30px 0 50px;
}

.showcase_process .lSSlideOuter {
  margin-bottom: 20px;
}

.showcase_process .select_sidebar {
  position: sticky;
  top: 20px;
}

.showcase_process h6.mb-3 {
  display: flex;
  align-items: center;
}

.showcase_process h6.mb-3 span.img {
  width: 40px;
  height: 40px;
  display: inline-block;
  border-radius: 50%;
  background-size: contain;
  margin-right: 8px;
}

.showcase_process .Addnav {
  border: none;
  margin-top: 17px;
}

.showcase_process .Addnav li.nav-item button {
  border: none !important;
  color: #000;
  font-size: 16px;
  padding: 10px 0;
  margin-right: 23px;
  font-weight: 500;
}

.showcase_process h2 {
  color: #000;
  font-weight: 600;
  font-size: 28px;
  margin-bottom: 28px;
}

.showcase_process .demo {
  width: 100%;
  overflow: hidden;
}

.showcase_process .demo ul {
  list-style: none outside none;
  padding-left: 0;
  margin-bottom: 0;
}

.showcase_process .demo ul li {
  display: block;
  /* float: left; */
  cursor: pointer;
  width: 200px;
}

.showcase_process .demo ul li img {
  display: block;
  max-width: inherit;
  height: 100% !important;
}

.showcase_process .demo .lightSlider li {
  height: 600px;
  overflow: hidden;
  margin-bottom: 19px;
  background-size: cover;
  background-position: center;
}

.showcase_process .demo .lSGallery li {
  height: 130px;
  overflow: hidden;
  border-radius: 10px;
}

.showcase_process .Certification_new {
  text-align: center;
  color: #fff;
  padding-bottom: 25px;
  margin-bottom: 20px;
}

.showcase_process .Certification_new h4 {
  padding: 15px;
  border-bottom: 1px solid #d9d9d9;
  color: #fff;
  font-size: 18px;
  margin-bottom: 25px;
}

.showcase_process .Certification_new img {
  height: 95px;
  margin-bottom: 20px;
}

.showcase_process .Certification_new a.getbtn {
  background: #fff;
  color: #0077b5;
  display: inline-block;
  padding: 10px 24px;
  font-weight: 600;
  margin-top: 0;
}

.showcase_process .select_package {
  border: 1px solid #e7e7e7;
  padding: 20px;
}

.showcase_process .select_package ul {
  background: #f4f4f4;
  margin: 0 -21px;
}

.showcase_process .select_package ul li.nav-item {
  width: 33.33%;
}

.showcase_process .select_package ul li.nav-item button {
  width: 100%;
  color: #000;
  border: 1px solid #e8e8e8;
  border-radius: 0;
  line-height: 24px;
}

.showcase_process .select_package ul li.nav-item button span {
  font-size: 20px;
  display: block;
  font-weight: 600;
}

.showcase_process .select_package ul li.nav-item button.active {
  background: #0077b5;
  color: #fff;
  border: 1px solid #0077b5;
}

.showcase_process .select_package h4 {
  color: #000000;
  font-size: 16px;
  margin-bottom: 15px;
}

.showcase_process .select_package h4 span {
  color: #0077b5;
}

.showcase_process .select_package h5 {
  color: #000;
  font-size: 16px;
}

.showcase_process .select_package p {
  font-size: 14px;
  margin-bottom: 16px;
}

.showcase_process .select_package p.gry {
  color: #86888a;
  font-weight: 500;
}

.showcase_process .select_package .delivery {
  padding-left: 26px;
  position: relative;
}

.showcase_process .select_package .delivery i {
  position: absolute;
  left: 0;
  font-size: 18px;
}

.showcase_process .select_package a.Continue {
  display: block;
  background: #0077b5;
  color: #fff;
  text-decoration: none;
  padding: 10px;
  text-align: center;
  font-weight: 500;
}

.showcase_process .select_package .Continue {
  display: block;
  background: #0077b5;
  color: #fff;
  text-decoration: none;
  padding: 10px;
  text-align: center;
  font-weight: 500;
  border: 1px solid #0077b5;
}

.showcase_process .select_package .Message {
  display: block;
  color: #86888a;
  text-decoration: none;
  padding: 10px;
  text-align: center;
  font-weight: 500;
  border: 1px solid #86888a;
  margin-top: 10px;
}

.showcase_process .payment {
  padding-left: 40px;
  position: relative;
  margin: 20px 30px 0;
}

.showcase_process .payment i {
  position: absolute;
  left: 0;
  font-size: 24px;
  color: #0db561;
}

.showcase_process .payment h6 {
  color: #292d32;
  margin-bottom: 2px;
  font-size: 14px;
}

.showcase_process .payment p {
  margin-bottom: 0;
  font-size: 12px;
}

.showcase_process .showcase_in p {
  margin-top: 0;
  margin-bottom: 10px;
}

.showcase_process .showcase_in p span {
  color: #0077b5;
  font-size: 20px;
  width: 40px;
  display: inline-block;
}

.showcase_process .showcase_in p a {
  color: #0077b5;
  font-weight: 600;
  text-decoration: none;
}

.showcase_process .showcase_in table thead tr th {
  vertical-align: text-bottom;
  background: #fafafa;
  border: 1px solid #dadada;
  border-bottom: none;
}

.showcase_process .showcase_in table thead tr th h4 {
  font-size: 17px;
}

.showcase_process .showcase_in table thead tr th h3 {
  font-size: 18px;
  font-weight: 700;
  height: 22px;
}

.showcase_process .showcase_in table thead tr th p {
  font-weight: 400;
  font-size: 14px;
}

.showcase_process .showcase_in table thead tr th:first-child {
  width: 250px;
}

.showcase_process .showcase_in table tbody tr td {
  border: 1px solid #dadada;
  border-bottom: none;
  border-top: none;
  background: #fafafa;
  font-size: 14px;
}

.showcase_process .showcase_in table tbody tr td:first-child {
  width: 250px;
  padding-left: 35px;
  padding-right: 35px;
}

.showcase_process
  .showcase_in
  .table-striped
  > tbody
  > tr:nth-of-type(odd)
  > * {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: white;
  background: white !important;
}

.showcase_process .showcase_in .Portfolio {
  box-shadow: 0px 3px 3px #ccc;
  padding: 20px;
}

.showcase_process .showcase_in .Portfolio .img {
  background-size: cover;
  height: 195px;
  border-radius: 15px;
  background-position: center;
  transform: scale(1);
  transition: 0.3s ease-in-out;
}

.showcase_process .showcase_in .Portfolio .LoadMore {
  background: #0077b5;
  padding: 10px 33px;
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  font-size: 15px;
  margin-bottom: 20px;
  display: inline-block;
}

.showcase_process .showcase_in .Portfolio h4 {
  font-size: 18px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  margin: 0;
}

.showcase_process .showcase_in .Portfolio h4 .Manage {
  background: #0077b5;
  float: right;
  color: #fff;
  font-size: 15px;
  text-decoration: none;
  padding: 10px 28px;
  margin-top: -8px;
}

.showcase_process .showcase_in .Portfolio .nav-tabs {
  border: navajowhite;
  margin-top: 12px;
}

.showcase_process .showcase_in .Portfolio .nav-tabs li {
  margin-right: 40px;
}

.showcase_process .showcase_in .Portfolio .nav-tabs li button {
  border: none !important;
  padding: 8px 0;
  font-size: 16px;
  font-weight: 500;
  color: #86888a;
}

.showcase_process .showcase_in .Portfolio .nav-tabs li button.active {
  color: #000;
}

.showcase_process .showcase_in .PeopleReviews {
  margin-top: 40px;
}

.showcase_process .showcase_in .PeopleReviews h4 {
  font-weight: 700;
  font-size: 18px;
}

.showcase_process .showcase_in .PeopleReviews h6 i {
  color: #f4b30c;
}

.showcase_process .showcase_in .PeopleReviews .reviews h6 {
  height: 22px;
  font-weight: 600;
  color: #000;
}

.showcase_process .showcase_in .PeopleReviews .reviews p {
  font-weight: 500;
  color: #000;
  position: relative;
}

.showcase_process .showcase_in .PeopleReviews .reviews p span {
  float: right;
  color: #000000;
  font-size: 14px;
}

.showcase_process .showcase_in .PeopleReviews .reviews p span i {
  color: #f4b30c;
  position: relative;
  top: -1px;
}

.showcase_process .showcase_in .PeopleReviews .reviews p .progress,
.showcase_process .showcase_in .PeopleReviews .reviews p .progress-stacked {
  height: 4px;
  width: 151px;
  position: absolute;
  left: 45px;
  top: 12px;
  float: inherit;
}

.showcase_process .showcase_in .PeopleReviews .reviews p .progress-bar {
  background-color: #0077b5;
}

.showcase_process .showcase_in .PeopleReviews .tab-content .set .user {
  padding-left: 54px;
  position: relative;
}

.showcase_process .showcase_in .PeopleReviews .tab-content .set .user .imgus {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  background-size: cover;
}

.showcase_process .showcase_in .PeopleReviews .tab-content .set .user p {
  font-weight: 600;
  margin-bottom: 5px;
}

.showcase_process .showcase_in .PeopleReviews .tab-content .set .user p span {
  color: #ccc;
  font-weight: 400;
  font-size: 14px;
  margin-left: 9px;
}

.showcase_process
  .showcase_in
  .PeopleReviews
  .tab-content
  .set
  .user
  p
  i.bi.bi-star-fill {
  font-size: 11px;
  color: #f4b30c;
  top: -2px;
  position: relative;
  margin-right: 5px;
}

.showcase_process .showcase_in .PeopleReviews .tab-content .LoadMore {
  background: #0077b5;
  padding: 10px 33px;
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  font-size: 15px;
  margin-bottom: 20px;
  display: inline-block;
}

.showcase_process .showcase_in .PeopleReviews .nav-tabs {
  border: none;
  margin-bottom: 20px;
}

.showcase_process .showcase_in .PeopleReviews .nav-tabs li {
  margin-right: 20px;
}

.showcase_process .showcase_in .PeopleReviews .nav-tabs li button {
  color: #86888a;
  border: none;
  position: relative;
  padding-left: 26px;
  font-weight: 500;
}

.showcase_process .showcase_in .PeopleReviews .nav-tabs li button:after {
  left: 0;
  content: "";
  top: 10px;
  width: 20px;
  height: 20px;
  border: 2px solid #86888a;
  position: absolute;
  border-radius: 30px;
}

.showcase_process
  .showcase_in
  .PeopleReviews
  .nav-tabs
  li
  button.active:before {
  left: 6px;
  content: "";
  width: 8px;
  height: 8px;
  background: #0077b5;
  position: absolute;
  border-radius: 30px;
  top: 16px;
}

.showcase_process .showcase_in .PeopleReviews .nav-tabs li button.active {
  color: #0077b5;
}

.showcase_process .showcase_in .PeopleReviews .nav-tabs li button.active:after {
  border: 2px solid #0077b5;
}

.showcase_process .showcase_in .PeopleReviews .AboutSeller .set_main {
  border: 1px solid #d7d7d7;
  padding: 20px;
  margin-bottom: 20px;
}

.showcase_process .showcase_in .PeopleReviews .AboutSeller .set_main a.more {
  color: #0077b5;
  font-weight: 600;
  text-decoration: none;
}

.showcase_process .showcase_in .PeopleReviews .AboutSeller .set_main h5 {
  color: #86888a;
  font-size: 18px;
  margin-bottom: 18px;
}

.showcase_process
  .showcase_in
  .PeopleReviews
  .AboutSeller
  .set_main
  .accordion
  .accordion-item {
  border: none;
  margin-bottom: 12px;
}

.showcase_process
  .showcase_in
  .PeopleReviews
  .AboutSeller
  .set_main
  .accordion
  .accordion-item
  button.accordion-button {
  background: transparent !important;
  color: #7c7c7c !important;
  font-weight: 500;
  outline: none;
  box-shadow: none;
  border: 1px solid #d9d9d9;
  margin-bottom: 6px;
  border-radius: 5px;
}

.showcase_process
  .showcase_in
  .PeopleReviews
  .AboutSeller
  .set_main
  .accordion
  .accordion-item
  .accordion-collapse {
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  min-height: 80px;
}

.showcase_process
  .showcase_in
  .PeopleReviews
  .AboutSeller
  .set_main
  .accordion
  p {
  color: #2e2e2e;
  margin-bottom: 0;
  font-weight: 500;
}

.showcase_process .showcase_in .PeopleReviews .AboutSeller .set_main h6 {
  color: #000;
}

.showcase_process .showcase_in .PeopleReviews .AboutSeller .set_main ol {
  margin-bottom: 26px;
}

.showcase_process .showcase_in .PeopleReviews .AboutSeller .set_main ol li {
  margin-bottom: 12px;
}

.showcase_process .showcase_in .PeopleReviews .AboutSeller .set_main .set {
  padding-left: 175px;
  position: relative;
}

.showcase_process
  .showcase_in
  .PeopleReviews
  .AboutSeller
  .set_main
  .set
  .imgus {
  width: 130px;
  height: 130px;
  position: absolute;
  left: 0;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
}

.showcase_process
  .showcase_in
  .PeopleReviews
  .AboutSeller
  .set_main
  .set
  a.Message {
  position: absolute;
  left: 14px;
  border: 1px solid #86888a;
  padding: 8px 22px;
  color: #86888a;
  text-decoration: none;
  top: 136px;
}

.showcase_process
  .showcase_in
  .PeopleReviews
  .AboutSeller
  .set_main
  .set
  ul.Success {
  padding: 0;
  list-style: none;
}

.showcase_process
  .showcase_in
  .PeopleReviews
  .AboutSeller
  .set_main
  .set
  ul.Success
  li {
  display: inline-block;
  margin-right: 20px;
}

.showcase_process
  .showcase_in
  .PeopleReviews
  .AboutSeller
  .set_main
  .set
  ul.Success
  li
  img {
  height: 15px;
}

.showcase_process
  .showcase_in
  .PeopleReviews
  .AboutSeller
  .set_main
  .set
  ul.Success
  li
  i {
  font-size: 18px;
  position: relative;
  top: 1px;
}

.showcase_process
  .showcase_in
  .PeopleReviews
  .AboutSeller
  .set_main
  .set
  ul.Success
  li
  a {
  color: #000;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
}

.showcase_process .showcase_in .PeopleReviews .AboutSeller .set_main .set h6 {
  color: #6d6e6f;
  font-weight: 500;
}

.showcase_process .showcase_in .PeopleReviews .AboutSeller .set_main .set p {
  font-weight: 500;
}

.showcase_profile .tab-content {
  position: sticky;
  top: 20px;
}

.showcase_profile .Profilein {
  box-shadow: 0px 1px 5px #ccc;
  padding: 15px;
  margin-bottom: 15px;
  border-radius: 0;
}

.showcase_profile .nav-tabs.maintabs {
  margin-bottom: 20px;
  border: none;
  position: relative;
}

.showcase_profile .nav-tabs.maintabs a.HireMe {
  background: #0077b5;
  border: 1px solid #0077b5;
  color: #fff;
  padding: 0;
  min-width: 115px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  font-weight: 500;
  font-size: 15px;
  height: 47px;
  line-height: 47px;
  position: absolute;
  right: 0;
}

.showcase_profile .nav-tabs.maintabs li {
  margin-right: 12px;
}

.showcase_profile .nav-tabs.maintabs li .nav-link {
  border: 1px solid #e7e7e7 !important;
  background: #fafafa;
  min-width: 146px;
  border-radius: 30px;
  line-height: 46px;
  padding: 0;
  font-weight: 600;
  color: #000000;
  text-align: center;
}

.showcase_profile .nav-tabs.maintabs li .nav-link.active {
  background: #fff9ef;
  border: 1px solid #ffdea7 !important;
}

.showcase_profile h5 img {
  height: 22px;
  margin-left: 8px;
}

.showcase_profile h5 a.edit {
  float: right;
}

.showcase_profile .imgus {
  height: 220px;
  width: 100%;
  background-size: cover;
  background-position: center;
}

.showcase_profile ul.Success {
  padding: 0;
  list-style: none;
}

.showcase_profile ul.Success li {
  display: inline-block;
  margin-right: 20px;
}

.showcase_profile ul.Success li img {
  height: 18px;
  position: relative;
  top: -2px;
}

.showcase_profile ul.Success li i {
  font-size: 18px;
  position: relative;
  top: 1px;
}

.showcase_profile ul.Success li a {
  color: #000;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
}

.showcase_profile ul.users_text {
  padding: 0;
  list-style: none;
}

.showcase_profile ul.users_text li {
  margin-top: 12px;
  padding-left: 30px;
  position: relative;
  font-weight: 500;
  font-size: 14px;
}

.showcase_profile ul.users_text li img {
  height: 15px;
  position: absolute;
  top: 1px;
  left: 0;
}

.showcase_profile ul.users_text li i {
  font-size: 18px;
  position: absolute;
  top: 1px;
  left: 0;
  color: #d3d3d3;
}

.showcase_profile .allnn2 img {
  height: 27px;
  position: relative;
  top: -2px;
  margin-right: 4px;
}

.showcase_profile .tab-content h3 {
  font-size: 18px;
  margin-bottom: 10px;
  margin-top: 14px;
}

.showcase_profile .tab-content ul.Developer {
  padding-left: 26px;
  color: #6c6c6c;
}

.showcase_profile .tab-content ul.Developer li {
  margin-bottom: 12px;
}

.showcase_profile .tab-content .Reviews {
  box-shadow: 0px 1px 5px #ccc;
  padding: 15px;
  margin-bottom: 15px;
  border-radius: 0;
}

.showcase_profile .tab-content .Reviews h4 {
  font-size: 18px;
  padding-bottom: 15px;
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.showcase_profile .tab-content .Reviews h4 a {
  color: #fff;
  background: #0080c1;
  font-size: 14px;
  padding: 10px 20px;
}

.showcase_profile .tab-content .Reviews h4 select {
  background: #0077b5;
  color: #fff;
  border: navajowhite;
  font-size: 15px;
  padding: 8px 12px;
}

.showcase_profile .tab-content .Reviews h6 {
  font-weight: 400;
  color: #6c6c6c;
}

.showcase_profile .tab-content .Reviews h5 {
  color: #000000;
  font-size: 16px;
}

.showcase_profile .tab-content .Reviews h3 i {
  color: #f4b30c;
  margin-right: 9px;
}

.showcase_profile .tab-content .Reviews h3 span.float-end {
  margin-top: 9px;
  font-size: 16px;
}

.showcase_profile .tab-content .Reviews ul {
  padding: 0;
  margin-bottom: 10px;
  display: inline-flex;
}

.showcase_profile .tab-content .Reviews ul li {
  list-style: none;
  padding-right: 30px;
  color: #0077b5;
  font-weight: 500;
}

.showcase_profile .tab-content .Reviews h6.name {
  color: #000;
  font-weight: 500;
}

.showcase_profile .tab-content .Reviews h6.name img.safyimg {
  height: 44px;
  margin-right: 10px;
}

.showcase_profile .tab-content .Reviews h6.name img {
  height: 18px;
}

.showcase_profile .tab-content .Reviews h6.name span {
  color: #a7a7a7;
  margin-left: 11px;
  font-weight: 400;
}

.showcase_profile .tab-content .Reviews ul.pagination li {
  padding-right: 0;
  margin-left: 6px;
}

.showcase_profile .tab-content .Reviews ul.pagination li a.page-link {
  color: #b7b7b7;
  border-radius: 0 !important;
}

.showcase_profile .tab-content .Experience {
  box-shadow: 0px 1px 5px #ccc;
  padding: 15px;
  margin-bottom: 15px;
  border-radius: 0;
}

.showcase_profile .tab-content .Experience h4 {
  font-size: 18px;
  padding-bottom: 15px;
  margin: 0;
}

.showcase_profile .tab-content .Experience h4 a.edit {
  float: right;
}

.showcase_profile .tab-content .Experience h4 a.edit img {
  height: 22px;
  margin-left: 8px;
}

.showcase_profile .select_package {
  box-shadow: 0px 2px 3px #ccc;
  padding: 15px;
  margin-bottom: 16px;
  border: none;
}

.showcase_profile .select_package h4 {
  color: #000000;
  font-size: 18px;
  border-bottom: 1px solid #e7e7e7;
  margin: 0 -15px;
  padding: 0 15px 15px;
  margin-bottom: 15px;
}

.showcase_profile .select_package p {
  font-size: 15px;
  color: #545454;
  font-weight: 500;
}

.showcase_profile .select_package p span.float-end a {
  color: #0077b5;
  text-decoration: none;
}

.showcase_profile .select_package p span.float-end i.bi {
  color: #0077b5;
  font-size: 18px;
}

.showcase_profile .Certification {
  box-shadow: 0px 2px 3px #ccc;
  padding: 15px;
  margin-bottom: 16px;
}

.showcase_profile .Certification p {
  color: #000000;
  margin-bottom: 0;
  margin-top: 14px;
  font-weight: 500;
}

.showcase_profile .Certification p label {
  height: 45px;
  width: 45px;
  border: 1px solid #b7b7b7;
  text-align: center;
  line-height: 45px;
  margin-right: 10px;
}

.showcase_profile .Certification p label img {
  height: 25px;
}

.showcase_profile .Certification h4 {
  color: #000000;
  font-size: 18px;
  border-bottom: 1px solid #e7e7e7;
  margin: 0 -15px;
  padding: 0 15px 15px;
}

.showcase_profile .Skills {
  box-shadow: 0px 2px 3px #ccc;
  padding: 15px;
  margin-bottom: 16px;
}

.showcase_profile .Skills a.ViewMore {
  color: #0077b5;
  font-weight: 600;
  text-decoration: none;
  padding: 10px;
  display: inline-block;
  margin-top: 20px;
}

.showcase_profile .Skills p {
  color: #545454;
  margin-bottom: 0;
  margin-top: 14px;
}

.showcase_profile .Skills h4 {
  color: #000000;
  font-size: 18px;
  border-bottom: 1px solid #e7e7e7;
  margin: 0 -15px;
  padding: 0 15px 15px;
}

.showcase_profile .Skills h4 a.edit {
  float: right;
}

.showcase_profile .Skills h4 a.edit img {
  height: 22px;
  margin-left: 8px;
}

.client_profile_default .tab-content .Experience h4 {
  padding-bottom: 18px;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.client_profile_default .tab-content .Experience h4 a {
  color: #fff;
  background: #0080c1;
  font-size: 14px;
  padding: 10px 20px;
}

.client_profile_default .select_sidebar a.btn {
  border: 1px solid #86888a;
  padding: 12px 25px;
  color: #86888a;
  font-weight: 600;
  border-radius: 30px;
  min-width: 160px;
}

.hire_freelancers {
  padding: 50px 0;
}

.hire_freelancers .filtericon_main {
  padding-bottom: 15px;
}

.hire_freelancers .filtericon_main h6 {
  color: #727272;
  text-align: right;
  font-size: 14px;
}

.hire_freelancers h4 {
  border-bottom: 1px solid #626262;
  padding-bottom: 22px;
  font-size: 20px;
  color: #000;
}

.hire_freelancers h4 span.float-end {
  font-size: 15px;
  margin-top: -10px;
}

.hire_freelancers h4 span.float-end select {
  border: 1px solid #e3e3e3;
  padding: 10px 15px;
  margin-left: 20px;
  color: #b4aeae;
}

.hire_freelancers .set {
  padding: 15px 15px 15px 220px;
  position: relative;
  box-shadow: 0px 2px 4px #ccc;
  margin-bottom: 20px;
  min-height: 249px;
}

.hire_freelancers .set h5 {
  font-size: 18px;
  color: #000;
}

.hire_freelancers .set h5 img {
  height: 20px;
}

.hire_freelancers .set h6 {
  color: #000;
}

.hire_freelancers .set h6 span.Sealed {
  background: #0077b5;
  color: #fff;
  padding: 3px 11px;
  font-size: 14px;
  border-radius: 30px;
}

.hire_freelancers .set p {
  margin-bottom: 25px;
  font-size: 15px;
  color: #494949;
}

.hire_freelancers .set p .More {
  color: #0077b5;
  font-weight: 500;
  margin-left: 8px;
  text-decoration: underline;
}

.hire_freelancers .set p span {
  margin-right: 20px;
}

.hire_freelancers .set p span img {
  height: 20px;
  position: relative;
  top: -2px;
}

.hire_freelancers .set .img {
  background-size: cover;
  width: 186px;
  height: 215px;
  position: absolute;
  left: 15px;
  background-position: center;
  border-radius: 8px;
}

.hire_freelancers .set .img .bi-circle-fill {
  position: absolute;
  right: -6px;
  bottom: -6px;
  color: #099e3b;
}

.hire_freelancers .set ul {
  padding: 0;
  list-style: none;
  margin-top: 20px;
}

.hire_freelancers .set ul li {
  display: inline;
  margin-right: 22px;
  color: #2f8d03;
  font-weight: 500;
  font-size: 14px;
  padding-left: 12px;
  position: relative;
}

.hire_freelancers .set ul li a {
  color: #fff;
}

.hire_freelancers .set ul li:after {
  height: 5px;
  width: 5px;
  position: absolute;
  left: 0;
  background: #2f8d03;
  top: 8px;
  content: "";
  border-radius: 50%;
}

.hire_freelancers .set ul a.Hire {
  background: #0077b5;
  color: #fff;
  text-decoration: none;
  padding: 8px 30px;
  position: absolute;
  right: 15px;
  bottom: 20px;
}

.hire_freelancers ul.pagination li a {
  color: #b7b7b7;
}
/* .set .dislike i.bi.bi-heart {
    position: absolute;
    top: -88%;
    right: 50px;
} */

.hire_freelancers .filter {
  border: 1px solid #d3d3d3;
  padding: 15px;
  position: sticky;
  top: 20px;
}

.hire_freelancers .filter h4 {
  font-size: 18px;
  border-bottom: 1px solid #d3d3d3;
  margin: 0 -15px 15px;
  padding: 0 15px 10px;
}

.hire_freelancers .filter h6 {
  width: 100%;
  border: none;
  background: transparent;
  text-align: left;
  font-weight: 500;
  padding: 10px 0;
  margin-bottom: 0;
}

.hire_freelancers .filter h6 select {
  border: beige;
  padding: 0;
  font-weight: 500;
  margin-left: -5px;
}

.hire_freelancers .filter h6 span {
  color: #0077b5;
  float: right;
  font-size: 14px;
}

.hire_freelancers .filter .side {
  margin-bottom: 12px;
}

.hire_freelancers .filter .side .form {
  border-radius: 0;
  height: 46px;
  margin-bottom: 15px;
}

.hire_freelancers .filter .side .form input {
  padding: 0 0 0 50px;
  border: 1px solid #d9d9d9;
  border-radius: 0;
}

.hire_freelancers .filter .side .form span {
  font-size: 18px;
  padding: 0 18px;
}

.hire_freelancers .filter .side .form button {
  padding: 0 15px;
}

.hire_freelancers .filter .side label {
  font-weight: 600;
  display: block;
  margin-bottom: 3px;
  color: #494949;
  font-size: 14px;
}

.hire_freelancers .filter .side .input_div {
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  padding: 10px 50px 10px 35px;
  position: relative;
}

.hire_freelancers .filter .side .input_div input {
  border: none;
  outline: none;
  padding: 0;
}

.hire_freelancers .filter .side .input_div span {
  position: absolute;
  left: 16px;
  font-weight: 600;
  font-size: 20px;
  top: 5px;
}

.hire_freelancers .filter .side .input_div span.span2 {
  left: inherit;
  right: 11px;
  font-size: 14px;
  top: 8px;
}

.hire_freelancers .filter .side .form-check {
  font-weight: 500;
  font-size: 14px;
  height: 28px;
  line-height: 28px;
  margin-bottom: 10px;
}

.hire_freelancers .filter .side .form-check .form-check-input {
  margin-right: 10px;
  width: 40px;
  height: 25px;
  box-shadow: none;
  background-color: #ececec;
  border: none;
}

.hire_freelancers .filter .side .form-check .form-check-input:checked {
  background-color: #0077b5 !important;
}

.hire_freelancers .filter p i.bi.bi-star-fill {
  color: #f4b30c;
  margin-right: 12px;
  font-size: 18px;
}

.hire_freelancers .filter .form_control {
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  padding: 10px 15px;
}

.hire_freelancers .form {
  padding: 0 0 0 0;
  height: 46px;
  position: relative;
  max-width: 100%;
  margin-bottom: 24px;
  padding-right: 115px;
}

.hire_freelancers .form span {
  position: absolute;
  left: 0;
  border: none;
  background: transparent;
  line-height: 46px;
  padding: 3px 0px 0px 12px;
  font-size: 18px;
}

.hire_freelancers .form button {
  position: absolute;
  right: 0;
  border: none;
  background: #0077b5;
  line-height: 46px;
  padding: 0 24px;
  font-size: 16px;
  color: #fff;
  border-radius: 0 !important;
  width: 100px;
}

.hire_freelancers .form input {
  width: 100%;
  border-radius: 30px;
  border: 1px solid #caccce;
  line-height: 44px;
  padding: 0 0 0 70px;
  background: transparent;
}

.browse_jobs .set {
  padding: 15px;
}

.browse_jobs .set h6 label {
  display: block;
  margin-top: 11px;
}

.browse_jobs .set .wordpresscarousel {
  margin-top: 10px;
  padding: 0 30px;
  margin-bottom: 10px;
  position: relative;
}

.browse_jobs .set .wordpresscarousel .owl-nav.disabled {
  display: block !important;
}

.browse_jobs .set .wordpresscarousel .item {
  background: #e9e9e9;
  padding: 8px 15px;
  text-align: center;
  font-weight: 500;
  border-radius: 30px;
  font-size: 13px;
  color: #212529;
  min-width: 100px;
}

.browse_jobs .set .wordpresscarousel .owl-dots {
  display: none;
}

.browse_jobs .set .wordpresscarousel button.owl-prev {
  width: 25px;
  height: 25px;
  background: #86888a !important;
  display: inline-block;
  position: absolute;
  border-radius: 5px;
  left: 0;
  top: 0px;
  bottom: 0;
  margin: auto;
}

.browse_jobs .set .wordpresscarousel button.owl-prev span {
  color: #fff;
  font-size: 24px;
  position: relative;
  top: -9px;
}

.browse_jobs .set .wordpresscarousel button.owl-next {
  width: 25px;
  height: 25px;
  background: #86888a !important;
  display: inline-block;
  position: absolute;
  border-radius: 5px;
  right: 0;
  top: 0px;
  bottom: 0;
  margin: auto;
}

.browse_jobs .set .wordpresscarousel button.owl-next span {
  color: #fff;
  font-size: 24px;
  position: relative;
  top: -9px;
}

.browse_jobs .set ul {
  margin-bottom: 5px;
}

.browse_jobs .set p i {
  color: #d9d9d9;
  margin-right: 8px;
  font-size: 18px;
  position: relative;
  top: 4px;
  margin-right: 14px;
}

.browse_jobs .set p i.bi.bi-heart-fill {
  color: #ff4b55;
}

.browse_jobs .set p .bi-chat-square-dots {
  position: relative;
  top: 3px;
}

.browse_jobs .set p span i {
  top: 0;
}

.browse_jobs .set h5 {
  color: #0077b5;
}

.browse_jobs .set h5 a {
  color: #0077b5;
}

.browse_jobs .set h4 span.span_results {
  color: #777777;
  font-weight: 400;
}

.browse_jobs .set p.average {
  font-size: 12px;
  font-weight: 600;
}

.browse_jobs .set h5.bids {
  color: #000000;
  font-size: 16px;
}

.browse_jobs .set h5.bids span.Sealed {
  background: #0077b5;
  font-size: 14px;
  padding: 4px 11px;
  border-radius: 30px;
  color: #fff;
  font-weight: 400;
}

.browse_jobs .set h5.bids span.at {
  margin-bottom: 10px;
  font-size: 15px;
  color: #000;
  margin-top: 14px;
  font-weight: 400;
}

.browse_jobs .set h5.bids i.bi.bi-heart {
  position: relative;
  top: 1px;
}

.browse_jobs .set h5.bids span.dropdown span.dropdown-toggle:after {
  display: none;
}

.browse_jobs .set h5.bids span.dropdown ul.dropdown-menu {
  background: #fff;
  right: 0 !important;
  left: inherit !important;
  border: 1px solid #ebe5e5;
  border-radius: 4px;
  min-width: 220px;
}

.browse_jobs .set h5.bids span.dropdown ul.dropdown-menu i.bi.bi-x-lg {
  display: none;
}

.browse_jobs .set h5.bids span.dropdown ul.dropdown-menu p {
  color: #292d32;
  font-size: 13px !important;
  padding: 15px 15px;
}

.browse_jobs .set h5.bids span.dropdown ul.dropdown-menu li {
  height: auto;
  padding: 0;
  display: block;
  margin: 0;
}

.browse_jobs .set h5.bids span.dropdown ul.dropdown-menu li a {
  color: #000;
  padding: 7px 15px;
  font-weight: 500;
  font-size: 14px;
}

.browse_jobs .set h5.bids span.dropdown ul.dropdown-menu li a:hover {
  background: rgba(0, 119, 181, 0.0588235294);
  font-weight: 600;
}

.browse_jobs .set h5.bids span.dropdown ul.dropdown-menu li:after {
  display: none;
}

.browse_jobs .set h5.bids1 i {
  margin: 10px;
  color: #ff3030;
  font-size: 20px;
}

.browse_jobs .set p.minutes {
  color: #b7b7b7;
  font-size: 14px;
  text-align: right;
}

.browse_jobs .set p.minutes span.urgent {
  background: #eb3932;
  color: #fff;
  font-size: 12px;
  padding: 3px 10px;
  border-radius: 14px;
  margin-right: 0;
  margin-left: 10px;
}

.browse_jobs .set a.Bid_now {
  background: #0077b5;
  color: #fff;
  padding: 10px 25px;
  display: inline-block;
  margin-left: 10px;
}

.browse_jobs .set a.Bid_now.Bid2 {
  position: relative;
  margin-top: 10px !important;
  display: inline-block !important;
}

.browse_jobs .set a.Bid_now.apt {
  margin-top: -20px;
}

.browse_jobs .set h6 span {
  color: #b7b7b7;
  font-weight: 400;
}

.browse_jobs .set h6.ind span {
  color: #ffffff;
  font-weight: 400;
  margin-left: 0;
  display: inline-block;
}

.browse_jobs .set p.Budget {
  color: #b7b7b7;
  font-weight: 400;
  font-size: 14px;
}

.browse_jobs .set p.Budget b {
  color: #000000;
  font-weight: 500;
  font-size: 16px;
}

.browse_jobs .set p.Budget span.Sealed {
  background: #0077b5;
  color: #fff;
  padding: 3px 11px;
  font-size: 14px;
  border-radius: 30px;
}

.browse_jobs .set h6.ind span.per {
  background: transparent;
  color: #b7b7b7;
  padding: 0;
}

.browse_jobs .set h6.ind span {
  background: #7f21f7;
  color: #fff;
  font-size: 13px;
  padding: 4px 11px;
  border-radius: 30px;
}

.browse_jobs .set h6.ind span:nth-child(3) {
  background: #860146;
}

.browse_jobs .set h6.ind span:nth-child(2) {
  background: #f57207;
}

.findjobs_in h6.ind {
  display: flex !important;
  gap: 8px;
  flex-wrap: wrap;
}

.browse_jobs ul.design {
  padding: 0;
  list-style: none;
}

.browse_jobs ul.design li {
  width: 46%;
  border: 1px solid #818181;
  margin-right: 3%;
  margin-bottom: 7px;
  text-align: center;
  font-size: 14px;
  border-radius: 30px;
  padding: 8px 5px;
  display: inline-block;
}

.browse_jobs ul.design i {
  float: right;
}

.browse_jobs ul.listening {
  padding: 0;
  list-style: none;
}

.browse_jobs ul.listening li {
  width: 32%;
  display: inline-block;
  font-weight: 500;
  margin-bottom: 8px;
  font-size: 14px;
}

.browse_jobs ul.listening li input {
  height: 20px;
  width: 20px;
  position: relative;
  top: 5px;
  margin: 0 6px 0 0;
}

.membership {
  padding: 60px 0;
}

.membership .yearly {
  display: none;
}

.membership h6 .form-check-input {
  float: inherit;
  margin: -2px 10px 0;
  height: 30px;
  width: 55px;
}

.membership h2 {
  font-size: 42px;
  font-weight: 600;
  color: #000;
}

.membership .set {
  box-shadow: 0 0 5px #ccc;
  height: 100%;
  padding-bottom: 160px;
  position: relative;
}

.membership .set h4 {
  background: #0077b5;
  color: #fff;
  padding: 20px 14px;
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 0;
  border-bottom: 1px dashed #0077b5;
}

.membership .set h4 span span {
  font-size: 14px;
}

.membership .set a.update {
  color: #0077b5;
  border: 1px solid #0077b5;
  display: block;
  text-align: center;
  font-weight: 600;
  padding: 10px;
  max-width: 200px;
  left: 0;
  right: 0;
  position: absolute;
  bottom: 30px;
  margin: auto;
}

.membership .set ul {
  padding: 20px 40px;
  list-style: none;
}

.membership .set ul li {
  font-weight: 400;
  padding: 5px 0;
  font-size: 15px;
}

.membership .set ul li span {
  color: #0077b5;
  font-weight: 600;
  width: 40px;
  display: inline-block;
  font-size: 18px;
}

.membership .set ul li span .bi-x-lg {
  color: red;
  font-size: 20px;
}

.membership .set ul li span .bi-check2 {
  color: #2f8d03;
  font-size: 20px;
}

.membership .set:hover {
  background-color: #0077b5;
}

.membership .set:hover h4 {
  border-bottom: 1px dashed #fff;
}

.membership .set:hover ul li {
  color: #fff;
}

.membership .set:hover ul li span {
  color: #fff;
}

.membership .set:hover ul li span i {
  color: #fff;
}

.membership .set:hover a.update {
  background: #fff;
  border: 1px solid #fff;
}

.membership h6.form-check.form-switch {
  color: #000;
}

.membership h6.form-check.form-switch span {
  color: #86888a;
}

.membership.main .yearly {
  display: flex;
}

.membership.main .monthly {
  display: none;
}

.membership.main h6.form-check.form-switch {
  color: #86888a;
}

.membership.main h6.form-check.form-switch span {
  color: #000;
}

.button-bg {
  width: 100%;
  /* position: absolute; */
  /* padding: 2px 24px;
  height: 49px;
  border-radius: 6px;
  border: 1px solid #ccc !important; */
}

.search-icon {
  position: absolute;
  left: 20px;
  top: 7px;
}

.input-search-icon {
  position: absolute;
  left: 0px;
  border: 1px solid !important;
  border-radius: 6px;
  top: 5px;
  padding: 1px 41px !important;
}

.img-icons {
  width: 20px;
}

.showcase_process .select_sidebar {
  position: sticky;
  top: 20px;
  z-index: -1;
}

footer {
  position: sticky;
  z-index: -1;
}

.Job_Details {
  padding: 60px 0;
}

.Job_Details .set {
  padding: 44px 27px;
  position: relative;
  box-shadow: 0px 2px 4px #ccc;
  margin-bottom: 30px;
}

.Job_Details .set h2 {
  background: #eef8ff;
  font-size: 22px;
  padding: 18px 25px;
  margin: -15px -15px 25px;
}

.Job_Details .set ul.Design {
  padding: 0;
  list-style: none;
  display: flex;
}

.Job_Details .set ul.Design li {
  background: #fff9ef;
  padding: 10px 31px;
  border-radius: 30px;
  margin-right: 20px;
  font-weight: 500;
}

.Job_Details .set ul.proposals {
  padding: 0;
  list-style: none;
  display: flex;
}

.Job_Details .set ul.proposals li {
  color: #000000;
  margin-right: 30px;
}

.Job_Details .set ul.proposals li i {
  font-size: 16px;
  margin-right: 5px;
}

.Job_Details .set label {
  font-weight: 500;
}

.Job_Details .set p.form-control {
  border: 1px solid #b7b7b7;
  border-radius: 0;
  margin-top: 4px;
  padding: 10px 15px;
}

.Job_Details .set a.singup {
  background: #0077b5;
  display: block;
  text-align: center;
  padding: 12px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 12px;
}

.Job_Details .set p a {
  color: #0077b5;
  font-weight: 600;
}

.Job_Details h4 {
  font-size: 17px;
  font-weight: 500;
  margin-top: 25px;
}

.Job_Details .AboutClient {
  background: #eef8ff;
  padding: 20px;
}

.Job_Details .AboutClient h3 {
  font-size: 20px;
}

.Job_Details .AboutClient p {
  margin-bottom: 10px;
}

.Job_Details .AboutClient p span {
  background: #dae7fb;
  height: 40px;
  width: 40px;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  line-height: 34px;
  margin-right: 10px;
}

.Job_Details .AboutClient p span img {
  width: 21px;
}

.Job_Details form {
  /* border: 1px solid #CACCCE;
  border-radius: 30px;
  padding: 0 0 0 70px;
  height: 46px;
  position: relative;
  max-width: 100%;
  margin-bottom: 24px;
  overflow: hidden; */
}

.Job_Details form button {
  position: absolute;
  left: 0;
  border: none;
  background: transparent;
  line-height: 43px;
  padding: 0 24px;
  font-size: 18px;
}

.Job_Details form .bid-btn {
  position: static;
  left: 0;
  border: none;
  background: transparent;
  line-height: 20px;
  padding: 0 24px;
  font-size: 18px;
  background: #0077b5;
  color: #fff;
  font-size: 15px;
  padding: 8px 20px;
}

.Job_Details form input {
  width: 100%;
  border: none;
  line-height: 41px;
  padding: 0;
  background: transparent;
  border: 1px solid #ccc;
  border-radius: 8px;
}

.Job_Details h2 {
  font-size: 20px;
}

.Job_Details h2 a {
  background: #0077b5;
  color: #fff;
  font-size: 15px;
  padding: 8px 20px;
}

.Job_Details .posted {
  border-bottom: 1px dashed #86888a;
  margin-bottom: 30px;
}

.Job_Details .posted p {
  margin-bottom: 5px;
  color: #5a5a5a;
}

.Job_Details .posted h2 {
  font-size: 26px;
}

.Job_Details .posted h2 span {
  color: #7a7a7a;
  font-size: 20px;
  font-weight: 400;
}

.Job_Details .posted h4 {
  margin-top: 0;
}

.client_help_center {
  padding: 50px 0;
}

.client_help_center .set {
  border: 1px solid #0077b5;
  padding: 40px 20px 40px 150px;
  position: relative;
}

.button-place {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 6px 20px;
}

.form-ui {
  display: flex;
  gap: 7px;
}

.client_help_center .set p {
  margin: 0;
  color: #545454;
}

.client_help_center .set h4 {
  font-size: 18px;
  color: #000000;
  margin-bottom: 5px;
}

.client_help_center .set span {
  display: inline-block;
  position: absolute;
  left: 0;
  width: 150px;
  text-align: center;
  top: 0;
  height: 100%;
  line-height: 100%;
}

.client_help_center .set img {
  height: 65px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
}

.client_help_center ul.nav-tabs {
  margin: -34px auto -22px;
  width: 550px;
  border: none;
}

.client_help_center ul.nav-tabs .nav-item {
  margin: 0 10px;
}

.client_help_center ul.nav-tabs .nav-item button {
  padding: 18px 0;
  min-width: 255px;
  box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.2);
  color: #545454;
  font-weight: 600;
  font-size: 17px;
  border-radius: 0;
  border: none;
  background-color: #fff;
}

.client_help_center ul.nav-tabs .nav-item button i {
  margin-right: 14px;
  font-size: 20px;
}

.client_help_center ul.nav-tabs .nav-item button.active {
  background: #0077b5;
  color: #fff;
}

.client_help_center .how_may {
  padding: 50px 0 80px;
  background-size: cover;
  border-radius: 13px;
  text-align: center;
}

.client_help_center .how_may h3 {
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 18px;
}

.client_help_center .how_may form {
  border-radius: 0;
  padding: 0 136px 0 0;
  height: 46px;
  position: relative;
  max-width: 900px;
  margin: auto;
  overflow: hidden;
}

.client_help_center .how_may form input {
  width: 100%;
  border: none;
  line-height: 45px;
  padding: 0 20px;
  background: #fff;
}

.client_help_center .how_may form button {
  position: absolute;
  right: 0;
  border: none;
  line-height: 45px;
  padding: 0 10px;
  font-size: 16px;
  background: #fff;
  font-weight: 500;
  color: #0077b5;
  width: 120px;
}

.buton-ui {
  position: absolute;
  top: 70px;
}

.client_support_help {
  padding: 50px 0;
}

.client_support_help h2 {
  font-size: 22px;
  font-weight: 600;
  padding: 23px 20px;
  margin-bottom: 0;
}

.client_support_help .Client_sidebar {
  box-shadow: 0px 2px 4px #ccc;
}

.client_support_help .Client_sidebar ul {
  padding: 0;
  position: relative;
  list-style: none;
}

.client_support_help .Client_sidebar ul li.dropdown {
  border-top: 1px solid #e3e3e3;
}

.client_support_help .Client_sidebar ul li.dropdown .dropdown-toggle::after {
  float: right;
  margin-top: 10px;
}

.client_support_help .Client_sidebar ul li.dropdown a.btn {
  display: block;
  color: #000000;
  border: navajowhite;
  padding: 14px 20px;
  text-align: left;
  font-weight: 500;
  font-size: 16px;
}

.client_support_help .Client_sidebar ul li.dropdown ul.dropdown-menu {
  width: 100%;
  position: relative !important;
  transform: inherit !important;
  border: none;
}

.client_support_help .Client_sidebar ul li.dropdown ul.dropdown-menu li a {
  color: #292d32;
  padding: 8px 20px;
  display: block;
  font-size: 15px;
}

.client_support_help .form {
  border: 1px solid #caccce;
  border-radius: 30px;
  padding: 0 0 0 70px;
  height: 46px;
  position: relative;
  max-width: 100%;
  margin-bottom: 24px;
  overflow: hidden;
}

.client_support_help .form input {
  width: 100%;
  border: none;
  line-height: 41px;
  padding: 0;
  background: transparent;
}

.client_support_help .form button {
  position: absolute;
  left: 0;
  border: none;
  background: transparent;
  line-height: 43px;
  padding: 0 24px;
  font-size: 18px;
}

.client_support_help .support_right {
  padding: 15px;
  position: relative;
  box-shadow: 0px 2px 4px #ccc;
  list-style: none;
}

.client_support_help .support_right p {
  margin-bottom: 40px;
}

.client_support_help .support_right h3 {
  font-size: 20px;
  margin-bottom: 17px;
  margin-top: 30px;
}

section.Explorediv {
  background: #eff6ff;
}

section.Explorediv .set {
  padding: 26px;
  position: relative;
  box-shadow: 0px 3px 3px #ccc;
  display: block;
  background: #fff;
  margin-top: -65px;
}

section.Explorediv .set h6 {
  font-size: 16px;
  font-weight: 600;
  color: #000;
  margin-bottom: 4px;
  margin-top: 20px;
}

section.Explorediv .set .img {
  border: 7px solid rgba(0, 119, 181, 0.1490196078);
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

section.Explorediv .set .img img {
  height: 36px;
}

section.Explorediv .set a {
  color: #717171;
  text-decoration: underline !important;
  font-weight: 400;
}

.standard_section {
  padding: 60px 0 80px;
  background-color: #eff6ff;
}

.standard_section h2 {
  font-size: 22px;
  font-weight: 600;
  padding: 23px 20px;
  margin-bottom: 0;
}

.standard_section p {
  font-size: 16px;
  max-width: 900px;
  margin: auto;
}

.employer_sees {
  padding: 50px 0;
}

.employer_sees h2 {
  font-size: 24px;
  font-weight: 600;
  color: #000;
  margin-top: 60px;
}

.employer_sees .img {
  background-size: cover;
  width: 445px;
  height: 600px;
  border-radius: 165px 0 165px 0;
  margin: auto;
  position: relative;
}

.employer_sees .img:after {
  background-color: #fff;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: -12px;
  z-index: -1;
  border: 1px dashed #0077b5;
  border-radius: 170px 0 170px 0;
  top: -12px;
}

.employer_sees .set {
  background: #dbebf3;
  padding: 20px;
  margin-bottom: 15px;
}

.employer_sees .set h6 {
  font-size: 18px;
  font-weight: 600;
}

.employer_sees .set p {
  margin-bottom: 0;
}

.recommended_exams {
  background: #eff6ff;
  padding: 65px 0;
}

.recommended_exams h2 {
  font-size: 24px;
  font-weight: 600;
  color: #000;
}

.recommended_exams .set {
  box-shadow: 0px 3px 3px #ccc;
  background: #fff;
}

.recommended_exams .set .txt {
  padding: 15px;
}

.recommended_exams .set .txt h6 {
  font-weight: 600;
  margin-top: 11px;
  font-size: 18px;
}

.recommended_exams .set .txt p {
  margin-bottom: 6px;
  color: #292d32;
}

.recommended_exams .set .txt p i {
  color: #0077b5;
  margin-top: -2px;
  position: relative;
  margin-right: 8px;
}

.recommended_exams .set .txt a.skills_btn {
  background: #0077b5;
  padding: 9px 20px;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  margin-top: 5px;
}

.all_exams {
  padding: 60px 0;
}

.all_exams h2 {
  font-size: 24px;
  font-weight: 600;
  color: #000;
}

.all_exams select.select {
  border: 1px solid #ccc;
  font-size: 16px;
  padding: 12px;
  min-width: 400px;
}

.all_exams span.exams {
  margin-top: -5px;
}

.all_exams span.exams span {
  font-size: 16px;
  margin-left: 29px;
}

.all_exams span.exams span input {
  height: 20px;
  width: 20px;
  position: relative;
  top: 4px;
  margin-right: 4px;
}

.all_exams .set {
  padding-top: 40px;
}

.all_exams .set h3 {
  font-size: 22px;
  font-weight: 600;
  color: #000;
}

.all_exams .set .owl-carousel {
  padding: 0 40px;
}

.all_exams .set .owl-carousel .item {
  background: #f3f3f3;
  text-align: center;
  padding: 25px 0;
}

.all_exams .set .owl-carousel .item img {
  width: auto !important;
  height: 160px;
  margin: auto;
}

.all_exams .set .owl-carousel .owl-dots {
  display: none;
}

.all_exams .set .owl-carousel button.owl-prev {
  border: 1px solid #292d32 !important;
  position: absolute;
  left: 0;
  width: 30px;
  height: 30px;
  font-size: 40px !important;
  border-radius: 7px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.all_exams .set .owl-carousel button.owl-prev span {
  position: relative;
  top: -21px;
}

.all_exams .set .owl-carousel button.owl-next {
  border: 1px solid #292d32 !important;
  position: absolute;
  right: 0;
  width: 30px;
  height: 30px;
  font-size: 40px !important;
  border-radius: 7px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.all_exams .set .owl-carousel button.owl-next span {
  position: relative;
  top: -21px;
}

.bannerin.sit_banner {
  padding: 190px 0;
}

.sit_pass {
  padding: 260px 0 170px;
  background-color: #fffbe1;
  background-size: cover;
  position: relative;
}

.sit_pass h2 {
  font-size: 30px;
  font-weight: bold;
  padding-bottom: 15px;
}

.sit_pass ul {
  padding: 0;
  list-style: none;
}

.sit_pass ul li {
  margin-bottom: 12px;
  font-weight: 500;
}

.sit_pass ul li i {
  color: #43bf09;
  font-size: 18px;
  position: relative;
  top: 2px;
  margin-right: 11px;
}

.sit_pass .img {
  background-size: cover;
  width: 33%;
  height: 90%;
  position: absolute;
  right: 50px;
  top: 72px;
}

section.demonstrate {
  background: #fffbe1;
  padding: 65px 0;
}

section.demonstrate h4 {
  color: #000000;
  max-width: 700px;
  text-align: center;
  margin: 0 auto 40px;
}

.project_award {
  padding: 65px 0;
}

.project_award h6 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}

.project_award h2 {
  font-size: 30px;
  font-weight: bold;
  padding-top: 100px;
  padding-bottom: 15px;
}

.project_award p {
  margin-bottom: 20px;
}

section.easy_earn {
  padding: 60px 0;
}

section.easy_earn h4 {
  font-weight: bold;
  font-size: 24px;
}

section.easy_earn h4 span.float-end {
  color: #292d32;
  font-size: 16px;
  font-weight: 400;
}

section.easy_earn h6 {
  font-weight: 400;
}

section.easy_earn .set {
  padding: 26px;
  position: relative;
  box-shadow: 0px 3px 3px #ccc;
  display: block;
  background: #fff;
}

section.easy_earn .set img {
  height: 40px;
}

section.easy_earn .set h5 {
  margin: 14px 0;
}

section.easy_earn .set h6 {
  font-size: 16px;
  font-weight: 600;
  color: #000;
  margin-bottom: 4px;
  margin-top: 20px;
}

section.easy_earn .set p {
  font-size: 14px;
  margin-bottom: 0;
}

section.easy_earn .set:hover {
  box-shadow: 0px 3px 3px #0077b5;
}

.things_div {
  padding: 60px 0;
  background: #eff6ff;
}

.things_div h2 {
  color: #00537e;
  font-size: 42px;
  font-weight: bold;
}

.things_div .img {
  width: 100%;
  height: 670px;
  background-size: cover;
  border-radius: 80px 80px 0 0;
  margin-top: 20px;
}

.referral_terms {
  padding: 60px 0;
}

.referral_terms h4 {
  font-size: 22px;
  margin-bottom: 24px;
}

.referral_terms .accordion {
  box-shadow: 0px 3px 3px #ccc;
  padding-bottom: 1px;
}

.referral_terms .accordion .accordion-item {
  background: #fff;
  margin-bottom: 35px;
  border: none;
}

.referral_terms .accordion .accordion-item p {
  font-size: 14px;
}

.referral_terms .accordion .accordion-item button.accordion-button {
  background: #f5f8ff;
  box-shadow: none;
  color: #000;
  font-size: 16px;
  font-weight: 600;
  border-radius: 0;
}

.freelancer_dashboard .form {
  border: 1px solid #caccce;
  border-radius: 30px;
  padding: 0 0 0 70px;
  height: 46px;
  position: relative;
  max-width: 600px;
  margin-bottom: 24px;
  overflow: hidden;
}

.freelancer_dashboard .form button {
  position: absolute;
  left: 0;
  border: none;
  background: transparent;
  line-height: 43px;
  padding: 0 24px;
  font-size: 18px;
}

.freelancer_dashboard .form input {
  width: 100%;
  border: none;
  line-height: 41px;
  padding: 0;
  background: transparent;
}

.freelancer_dashboard {
  padding: 60px 0;
}

.freelancer_dashboard h6 span {
  color: #0077b5;
}

.freelancer_dashboard .nav-tabs {
  margin-bottom: 20px;
  border: none;
  margin-top: 15px;
}

.freelancer_dashboard .nav-tabs li {
  margin-right: 17px;
}

.freelancer_dashboard .nav-tabs li button {
  border: 1px solid #caccce !important;
  min-width: 175px;
  border-radius: 0;
  padding: 10px 0;
  font-size: 16px;
  color: #000;
  font-weight: 500;
}

.freelancer_dashboard .nav-tabs li .active {
  color: #000000;
  border: 1px solid #ffdea7 !important;
  background: #fff9ef;
}

.freelancer_dashboard .set {
  box-shadow: 0px 2px 4px #ccc;
}

.freelancer_dashboard .set .img {
  background-size: cover;
  height: 250px;
  background-position: center;
}

.freelancer_dashboard .set .content {
  padding: 15px;
}

.freelancer_dashboard .set .content h4 {
  font-size: 18px;
}

.freelancer_dashboard .set .content h6 {
  color: #777777;
  font-weight: 400;
  font-size: 14px;
  padding-top: 11px;
}

.freelancer_dashboard .set .content a.view {
  background: #41bc08;
  padding: 8px 22px;
  color: #fff;
  font-weight: 500;
  float: right;
  width: 100px;
  text-align: center;
}

.freelancer_dashboard .set .content a.join {
  background: #0077b5;
  padding: 8px 22px;
  color: #fff;
  font-weight: 500;
  float: right;
  width: 100px;
  text-align: center;
}

.freelancer_dashboard a.view_all {
  color: #86888a;
}

.freelancer_dashboard a.viewall {
  color: #86888a;
  text-decoration: underline !important;
  font-weight: 500;
}

.freelancer_dashboard .feed {
  border: 1px solid #ccdcf6;
  margin-bottom: 20px;
  padding: 20px;
  position: relative;
}

.freelancer_dashboard .feed .user {
  padding-left: 80px;
  min-height: 68px;
}

.freelancer_dashboard .feed .user_comment {
  padding-left: 65px;
  border-top: 1px solid #ccdcf6;
  margin-top: 16px;
  padding-top: 16px;
}

.freelancer_dashboard .feed .user_comment .img {
  border-radius: 50%;
  width: 50px;
  height: 50px;
}

.freelancer_dashboard .feed h5 {
  font-size: 16px;
  margin-bottom: 3px;
  color: #000;
}

.freelancer_dashboard .feed h5 span {
  color: #b0b0b0;
  font-weight: 400;
  margin-left: 16px;
  padding-left: 12px;
  position: relative;
}

.freelancer_dashboard .feed h5 span:after {
  background: #b0b0b0;
  height: 4px;
  width: 4px;
  position: absolute;
  left: 0;
  content: "";
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
}

.freelancer_dashboard .feed .img {
  width: 60px;
  height: 60px;
  background-size: cover;
  position: absolute;
  left: 20px;
}

.freelancer_dashboard .feed p {
  margin-bottom: 8px;
}

.freelancer_dashboard .feed p a {
  color: #31abeb;
}

.freelancer_dashboard .feed h6 {
  margin-bottom: 0;
}

.freelancer_dashboard .feed h6 span {
  margin-right: 15px;
  color: #000000;
  font-size: 16px;
}

.freelancer_dashboard .feed h6 span i {
  font-size: 20px;
  position: relative;
}

.freelancer_dashboard .feed .postimg {
  height: 299px;
  background-size: cover;
  background-position: center;
  border: 3px solid #ffe937;
  margin-bottom: 10px;
}

.freelancer_dashboard2 .dash_head {
  border-bottom: 1px dashed #86888a;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.freelancer_dashboard2 .dash_head h6 span {
  color: #292d32 !important;
  font-size: 18px;
  font-weight: 400;
  margin-right: 20px;
}

.freelancer_dashboard2 .dash_head h4 {
  color: #000;
  margin-bottom: 12px;
  font-size: 22px;
}

.freelancer_dashboard2 .dash_head ul {
  padding: 0;
  display: -webkit-inline-box;
  list-style: none;
  float: right;
  float: right;
  margin: 13px 0 0;
}

.freelancer_dashboard2 .dash_head ul li {
  margin-left: 20px;
}

.freelancer_dashboard2 .dash_head ul li a {
  background: #ededed;
  color: #000;
  padding: 10px;
  min-width: 120px;
  display: inline-block;
  text-align: center;
  font-weight: 400;
}

.freelancer_dashboard2 .dash_head ul li:last-child a {
  min-width: 50px;
  color: #2aaef3;
  font-size: 20px;
  padding: 6px;
}

.freelancer_dashboard2 p.min {
  color: #b0b0b0;
  font-size: 14px;
  padding-left: 14px;
  position: relative;
}

.freelancer_dashboard2 p.min:after {
  background: #b0b0b0;
  height: 4px;
  width: 4px;
  position: absolute;
  left: 0;
  content: "";
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
}

.freelancer_dashboard2 .nav-tabs li {
  margin: 0;
  width: 24%;
  margin-right: 1%;
}

.freelancer_dashboard2 .nav-tabs li button {
  min-width: 100%;
}

.freelancer_dashboard2 .About_this {
  padding: 35px;
  background-size: cover;
  background-position: center;
  margin-top: 65px;
}

.freelancer_dashboard2 .About_this a {
  color: #404040;
  font-weight: 500;
}

.freelancer_dashboard2 .About_this h4 {
  font-size: 20px;
  font-weight: 600;
}

.freelancer_dashboard2 .About_this h5 {
  font-size: 18px;
  margin-top: 30px;
  font-weight: 600;
}

.freelancer_dashboard2 .About_this ul.allli {
  padding: 0;
  list-style: none;
  display: flex;
  margin-left: 7px;
}

.freelancer_dashboard2 .About_this ul.allli li {
  width: 46px;
  height: 46px;
  background-size: contain;
  border-radius: 50%;
  border: 1px solid #fff;
  margin-left: -7px;
}

.freelancer_dashboardbanner {
  background-size: cover;
  height: 350px;
  background-position: center;
}

.hire {
  padding: 50px 0;
}

.hire .owl-dots {
  display: none;
}

.hire .owl-nav {
  position: absolute;
  right: 0;
  top: -48px;
}

.hire .owl-nav button {
  border: 1px solid #0077b5 !important;
  width: 25px;
  margin-left: 10px;
  height: 25px;
  border-radius: 5px;
}

.hire .owl-nav button span {
  font-size: 37px;
  position: relative;
  top: -21px;
  color: #0077b5;
}

.hire .owl-nav button:hover {
  background: #0077b5 !important;
}

.hire .owl-nav button:hover span {
  color: #fff;
}

.hire h4 {
  padding-bottom: 15px;
  font-size: 22px;
  color: #000;
  margin-top: 25px;
}

.hire h4 a.viewall {
  color: #86888a;
  text-decoration: underline !important;
  float: right;
  font-size: 15px;
  margin-top: 3px;
  font-weight: 400;
}

.hire .form {
  border: 1px solid #caccce;
  border-radius: 30px;
  padding: 0;
  height: 45px;
  position: relative;
  max-width: 450px;
}

.hire .form input {
  width: 100%;
  border: none;
  line-height: 43px;
  padding: 0 10px 0px 60px;
  background: transparent;
  border-radius: 30px;
}

.hire .form button {
  position: absolute;
  left: 0;
  border: none;
  background: transparent;
  line-height: 43px;
  padding: 0 28px;
  font-size: 18px;
}

.hire .fire1 {
  border: 1px solid #f3f3f3;
  border-radius: 10px;
}

.hire .fire1 .img.img2 {
  height: 250px;
  background-size: cover;
  background-position: center;
}

.hire .fire1 h6 {
  padding: 15px;
  margin-bottom: 0;
  display: block;
  text-align: center;
  color: #000;
  position: absolute;
  bottom: 0;
  background: #f3f3f3;
  width: 100%;
  left: 0;
  border-radius: 0 0 10px 10px;
}

.hire .set {
    padding: 0;
    box-shadow: 0px 2px 4px #ccc;
    position: relative;
    margin-bottom: 10px;
    height: 100%;
}
.save-probox {
    position: absolute;
    bottom: 0;
}
 .close-data {
    text-align: center;
    position: relative;
    top: 24px;
    color: red;
    font-size: 16px;
    background: white;
    width: fit-content;
    margin: auto;
    padding: 3px 9px;
    display: flex;
    gap: 10px;
    border-radius: 5px;
}

.hire .set span.heart {
  position: absolute;
  top: 10px;
  background: #fff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  left: 10px;
}

.hire .set .cont {
  padding: 12px;
}

.hire .set h5 {
  font-size: 18px;
  color: #000;
}

.hire .set h5 span.dropdown .dropdown-menu.forrec {
  transform: translate(-19px, 28px) !important;
  padding: 0;
}

.hire .set h5 span.dropdown ul.dropdown-menu {
  transform: translate(-6px, 26px) !important;
  padding: 0;
}

.hire .set h5 span.dropdown ul.dropdown-menu a {
  font-size: 14px;
  font-weight: 500;
  padding: 8px 15px;
}

.hire .set h5 a.btn.dropdown-toggle {
  padding: 0;
  float: right;
  outline: none;
  box-shadow: none;
  border: none;
  font-size: 19px;
}

.hire .set h5 a.btn.dropdown-toggle:after {
  display: none;
}

.hire .set h5 img {
  height: 20px;
  width: auto;
  display: inline;
}

.hire .set p {
  margin-bottom: 10px;
  font-size: 14px;
  color: #494949;
}

.hire .set p a {
  text-decoration: underline;
  color: #0077b5;
  font-weight: 500;
}

.hire .set p label {
  float: right;
  font-weight: 400;
}

.hire .set p img {
  height: 16px;
  position: relative;
  top: -2px;
  width: auto;
  display: inline;
}

.hire .set p span {
  margin-right: 6px;
}

.hire .set p span img {
  height: 16px;
  position: relative;
  top: -2px;
}

.hire .set h6 {
  font-size: 14px;
  color: #000;
}

.hire .set h6 label {
  float: right;
  font-weight: 400;
}

.hire .set h6 span {
  font-weight: 400;
}

.hire .set .img {
  height: 200px;
  background-size: cover;
  background-position: center;
  margin-bottom: 0;
}

.hire .set.setsave a.send {
  position: absolute;
  right: 15px;
  top: 173px;
  background: #fff;
  padding: 7px 17px;
  color: #000000;
  font-size: 14px;
  box-shadow: 0px 2px 4px #ccc;
}

.hire .set.setsave a.send i {
  color: #2f8d03;
  font-size: 18px;
  position: relative;
  top: 3px;
}

.hire .set.setsave h5 {
  padding-left: 50px;
  position: relative;
  min-height: 40px;
  padding-top: 8px;
}

.hire .set.setsave h5 .imgimg {
  height: 40px;
  width: 40px;
  background-size: cover;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
}

.hire .set.setsave span.heart {
  right: 10px;
  left: inherit;
}

.hire .set.setsave h6 {
  font-size: 16px;
  color: #000;
}

.hire .set.setsave h6 i {
  color: #f4b30c;
  font-size: 14px;
  position: relative;
  top: -2px;
}

.hire .set.setsave p {
  color: #515050;
}

.invitemodal {
  max-width: 700px !important;
}

.invitemodal .modal-content {
  border: none;
  padding: 12px;
}

.invitemodal .modal-content button.btn-close {
  position: absolute;
  right: 15px;
  border: 1px solid;
  border-radius: 50%;
  padding: 7px;
  font-size: 10px;
  top: 15px;
}

.invitemodal .modal-content h3 {
  font-size: 20px;
  color: #000;
}

.invitemodal .modal-content .modal-footer {
  border: none;
}

.invitemodal .modal-content button.btn.btn-secondary {
  background: transparent;
  border: 1px solid #86888a;
  color: #86888a;
  min-width: 150px;
  border-radius: 0;
  line-height: 42px;
  padding: 0;
}

.invitemodal .modal-content button.btn.btn-primary {
  background: #0077b5;
  border: 1px solid #0077b5;
  color: #fff;
  min-width: 150px;
  border-radius: 0;
  line-height: 42px;
  padding: 0;
}

.invitemodal .modal-content select.form-control {
  border: 1px solid #777777;
  border-radius: 0;
  padding: 10px 15px;
}

.invitemodal .modal-content img {
  height: 120px;
}

.my_hire {
  padding: 50px 0;
}

.my_hire .hire_right {
  box-shadow: 0px 3px 3px #ccc;
  padding: 20px;
}

.my_hire .hire_right .file_search {
  padding: 70px 0;
}

.my_hire .hire_right .file_search img {
  height: 232px;
}

.my_hire .hire_right .file_search p {
  max-width: 400px;
  color: #86888a;
  font-size: 15px;
  margin: 50px auto 30px;
}

.my_hire .hire_right .file_search a.browse_btn {
  background: #0077b5;
  color: white;
  padding: 10px 36px;
  display: inline-block;
}

.my_hire .hire_right a.load_more {
  background: #0077b5;
  color: #fff;
  padding: 0 45px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  font-weight: 500;
  font-size: 15px;
  height: 43px;
  line-height: 41px;
}

.my_hire h2 {
  color: #000000;
  font-size: 20px;
}

.my_hire .left_side {
  box-shadow: 0 0px 6px #ccc;
  position: sticky;
  top: 20px;
}

.my_hire .left_side h6 {
  padding: 0 15px;
  font-size: 17px;
  font-weight: 600;
}

.my_hire .left_side h6 a {
  color: #0077b5;
}

.my_hire .left_side ul {
  padding: 0;
  list-style: none;
}

.my_hire .left_side ul li a {
  color: #494949;
  font-size: 15px;
  font-weight: 500;
  padding: 8px 15px 8px 51px;
  display: block;
  position: relative;
}

.my_hire .left_side ul li a img {
  height: 23px;
  position: absolute;
  left: 15px;
  margin: auto;
  top: 0;
  bottom: 0;
}

.my_hire .left_side ul li a img.icon {
  height: 18px;
}

.my_hire .left_side ul li.active a {
  color: #0077b5;
}

section.add_funds {
  padding: 40px 0;
}

section.add_funds h2 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 25px;
}

section.add_funds ul {
  padding: 0;
  margin-bottom: 10px;
}

section.add_funds ul li {
  display: inline-block;
  margin-right: 10px;
  font-weight: 500;
}

section.add_funds ul li input[type="radio"] {
  height: 20px;
  width: 20px;
  position: relative;
  top: 5px;
}

section.add_funds .set {
  box-shadow: 0px 1px 6px #ccc;
  padding: 20px;
  margin-bottom: 20px;
}

section.add_funds .set p {
  font-weight: 500;
  margin-bottom: 7px;
  font-size: 15px;
}

section.add_funds .set p input[type="radio"] {
  height: 20px;
  width: 20px;
  position: relative;
  top: 5px;
}

section.add_funds .set p img.float-end {
  height: 25px;
}

section.add_funds .set p img.mr-3 {
  height: 32px;
  margin-right: 10px;
}

section.add_funds .set p [type="radio"]:checked + label:after {
  background-color: red;
  border: 2px solid red;
}

section.add_funds .set .form-group {
  margin-bottom: 15px;
}

section.add_funds .set .form-group label {
  color: #000000;
  font-weight: 500;
  font-size: 15px;
  margin-bottom: 6px;
}

section.add_funds .set .form-group .form-control {
  height: 44px;
  background: transparent;
  border: 1px solid #e3e3e3;
  font-size: 15px;
  border-radius: 0;
}

section.add_funds .set button.btn {
  background: #0077b5;
  width: 100%;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  height: 46px;
  border-radius: 0;
}

section.add_funds .set .flag {
  position: relative;
  padding-left: 46px;
  border: 1px solid #e3e3e3;
}

section.add_funds .set .flag select {
  border: none;
  height: 44px;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}

section.add_funds .set .flag img {
  position: absolute;
  left: 10px;
  height: 17px;
  bottom: 0;
  top: 0;
  margin: auto;
}

section.add_funds .set p.sp {
  color: #828282;
  font-weight: 400;
}

section.add_funds .set a.load_more {
  color: #828282;
  font-weight: 500;
  margin-top: 20px;
  display: inline-block;
  text-decoration: underline !important;
}

section.add_funds .amount {
  border: 1px solid #eecd95;
  padding: 20px;
  background: #fff9ef;
}

section.add_funds .amount .flag {
  position: relative;
  padding-left: 46px;
  border: 1px solid #e3e3e3;
}

section.add_funds .amount .flag select {
  border: none !important;
  height: 44px;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}

section.add_funds .amount .flag img {
  position: absolute;
  left: 10px;
  height: 17px;
  bottom: 0;
  top: 0;
  margin: auto;
}

section.add_funds .amount .form-group {
  margin-bottom: 15px;
}

section.add_funds .amount .form-group label {
  color: #000000;
  font-weight: 500;
  font-size: 15px;
}

section.add_funds .amount .form-group .form-control {
  height: 44px;
  background: transparent;
  border: 1px solid #e3e3e3;
  font-size: 15px;
}

section.add_funds .amount p {
  margin-bottom: 10px;
}

section.add_funds .amount p.payment {
  border-top: 1px dashed #000000;
  margin-top: 21px;
  padding-top: 13px;
}

section.add_funds .amount button.btn {
  background: #0077b5;
  width: 100%;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  height: 46px;
  border-radius: 0;
}

section.add_funds h4 {
  font-size: 22px;
}

.add_fundsmadal {
  max-width: 480px !important;
}

.add_fundsmadal .modal-content {
  border: none;
  padding: 25px 20px;
}

.add_fundsmadal .modal-content button.btn-close {
  position: absolute;
  right: 15px;
  border: 1px solid;
  border-radius: 50%;
  padding: 7px;
  font-size: 10px;
  top: 15px;
}

.add_fundsmadal .modal-content .modal-footer {
  border: none;
  padding-top: 0;
}

.add_fundsmadal .modal-content button.btn.btn-primary {
  background: #0077b5;
  border: 1px solid #0077b5;
  color: #fff;
  min-width: 164px;
  border-radius: 0;
  line-height: 44px;
  padding: 0;
  margin: auto;
}

.add_fundsmadal .modal-content img {
  height: 100px;
}

.Project_Post {
  padding: 40px 0;
  /* Style the form */
}

.Project_Post h2 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 25px;
}

.Project_Post h4 {
  font-size: 20px;
  margin-bottom: 20px;
}

.Project_Post textarea.form-control {
  border: 1px solid #d9d9d9;
  min-height: 300px;
  color: #000;
  font-size: 15px;
  padding: 15px;
  border-radius: 0;
}

.Project_Post .set {
  box-shadow: 0px 1px 6px #ccc;
  padding: 28px;
  margin-bottom: 20px;
  border: 1px solid #dfdfdf;
  position: relative;
  z-index: 9;
}

.Project_Post .set h5 span img {
  height: 65px;
}

.Project_Post .set ul {
  padding-left: 25px;
}

.Project_Post .set.set1 {
  box-shadow: none;
  border: 1px solid #b6e6ff;
}

.Project_Post #regForm .tab {
  display: none;
  margin-bottom: 50px;
  position: relative;
}

.Project_Post #regForm .tab input.invalid {
  background-color: #ffdddd;
}

.Project_Post #regForm .tab ul.nav-tabs {
  border: none;
  position: absolute;
  left: 0;
  top: 100px;
}

.Project_Post #regForm .tab ul.nav-tabs li {
  width: 32.33%;
  margin-right: 16px;
}

.Project_Post #regForm .tab ul {
  padding: 0;
  list-style: none;
  margin-bottom: 25px;
}

.Project_Post #regForm .tab ul li {
  margin-bottom: 6px;
  font-size: 14px;
}

.Project_Post #regForm .tab ul li input {
  height: 20px;
  width: 20px;
  position: relative;
  top: 4px;
  margin-right: 8px;
}

.Project_Post #regForm .tab label {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 12px;
}

.Project_Post #regForm .tab a.seeall {
  color: #0077b5;
  font-weight: 500;
  margin-left: 33px;
}

.Project_Post #regForm .tab p {
  color: #555555;
  font-size: 14px;
}

.Project_Post #regForm .tab p span {
  color: #0077b5;
}

.Project_Post #regForm .tab .Website_Design {
  border: 1px solid #d9d9d9;
  padding: 18px;
}

.Project_Post #regForm .tab .Website_Design span {
  border: 1px solid #818181;
  font-size: 14px;
  padding: 8px 19px;
  border-radius: 30px;
  display: inline-block;
  height: 40px;
  padding-right: 45px;
  margin: 4px 14px 4px 0;
  position: relative;
}

.Project_Post #regForm .tab .Website_Design span i {
  color: #8f8f8f;
  font-size: 18px;
  position: absolute;
  right: 13px;
  top: 6px;
}

.Project_Post #regForm .tab .Website_Design input {
  height: 40px;
  border: none;
  outline: none;
  box-shadow: none;
  background: transparent;
}

.Project_Post #regForm .tab .Attach {
  border: 1px solid #2f8d03;
  height: 44px;
  display: inline-block;
  text-align: center;
  line-height: 37px;
  border-radius: 30px;
  position: relative;
  width: 150px;
  color: #2f8d03;
  font-weight: 600;
}

.Project_Post #regForm .tab .Attach i {
  font-size: 20px;
  position: relative;
  top: 3px;
}

.Project_Post #regForm .tab .Attach input {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  opacity: 0;
}

.Project_Post #regForm .tab select.form-control {
  border: 1px solid #d8d8d8;
  padding: 10px 12px;
  border-radius: 0;
  font-size: 14px;
  outline: none;
  box-shadow: none;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}

.Project_Post #regForm .tab input.form-control {
  border: 1px solid #d8d8d8;
  padding: 10px 12px;
  border-radius: 0;
  font-size: 14px;
  outline: none;
  box-shadow: none;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}

.Project_Post #regForm .tab .Need_help {
  background: #f8f8f8;
  padding: 18px 25px;
  border-radius: 12px;
  display: inline-block;
}

.Project_Post #regForm .tab .Need_help a {
  color: #2f8d03;
}

.Project_Post #regForm .tab .stap_pay {
  padding: 20px 20px 20px 120px;
  position: relative;
  box-shadow: 0px 3px 3px #ccc;
  transform: scale(1);
  transition: 0.3s ease-in-out;
  margin-bottom: 15px;
  border: 1px solid transparent;
}

.Project_Post #regForm .tab .stap_pay img {
  position: absolute;
  left: 12px;
  top: 14px;
  width: 60px;
}

.Project_Post #regForm .tab .stap_pay p {
  margin-bottom: 0;
}

.Project_Post #regForm .tab .stap_pay.active {
  box-shadow: none;
  border: 1px solid #0077b5;
}

.Project_Post #regForm .tab .stap_Addons {
  padding: 20px;
  position: relative;
  box-shadow: 0px 3px 3px #ccc;
  transform: scale(1);
  transition: 0.3s ease-in-out;
  border: 1px solid transparent;
}

.Project_Post #regForm .tab .stap_Addons i.bi.bi-check-circle {
  font-size: 22px;
  color: #b7b7b7;
  float: right;
  margin-top: 4px;
}

.Project_Post #regForm .tab .stap_Addons span.featu {
  background: #ff9900;
  width: 160px;
  text-align: center;
  display: inline-block;
  color: #fff;
  font-weight: 500;
  padding: 10px;
  border-radius: 30px;
  margin-bottom: 10px;
}

.Project_Post #regForm .tab .stap_Addons p {
  min-height: 80px;
}

.Project_Post #regForm .tab .stap_Addons h3 {
  font-size: 24px;
  margin: 0;
  font-weight: 600;
}

.Project_Post #regForm .tab .SubmitProject {
  background: #0077b5;
  color: #fff;
  padding: 0;
  min-width: 134px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  font-weight: 500;
  font-size: 15px;
  height: 43px;
  line-height: 41px;
  float: right;
  margin-top: -10px;
}

.Project_Post #regForm .tab .divnumber {
  position: absolute;
  bottom: -92px;
  right: 0;
  left: 0;
  width: 126px;
  margin: auto;
  border: 1px solid #0077b5;
  color: #0077b5;
  height: 42px;
  line-height: 42px;
  border-radius: 30px;
}

.Project_Post #regForm .tab .how {
  padding-top: 160px;
}

.Project_Post #regForm .tab .correct h4 {
  font-size: 24px;
}

.Project_Post #regForm .tab .correct p {
  margin-bottom: 5px;
}

.Project_Post #regForm .tab .correct table.table {
  border: 1px solid #aaaaaa;
}

.Project_Post #regForm .tab .correct table.table tr th {
  width: 200px;
  border: none;
  border-right: 1px solid #aaaaaa;
  padding: 20px;
}

.Project_Post #regForm .tab .correct table.table tr td {
  border: none;
  padding: 20px;
}

.Project_Post #regForm .tab .correct table.table tr td span.sp {
  border: 1px solid #818181;
  padding: 6px 15px;
  display: inline-block;
  margin: 4px 7px 4px 0;
  border-radius: 30px;
}

.Project_Post #regForm .tab .correct table.table tr td ul li {
  background: #ff9900;
  width: 140px;
  text-align: center;
  display: inline-block;
  color: #fff;
  font-weight: 500;
  padding: 10px;
  border-radius: 30px;
  margin-bottom: 10px;
}

.Project_Post #regForm button#nextBtn {
  padding: 10px 20px;
  min-width: 120px;
  border: navajowhite;
  background: #0077b5;
  color: #fff;
  border-radius: 4px;
  font-weight: 600;
  float: right;
}

.Project_Post #regForm button#prevBtn {
  padding: 10px 20px;
  min-width: 120px;
  border: navajowhite;
  background: #0077b5;
  color: #fff;
  border-radius: 4px;
  font-weight: 600;
  float: left;
}

.modalProject_Category .modal-content {
  padding: 30px;
}

.modalProject_Category .modal-content label {
  font-size: 18px;
  font-weight: 600;
  color: #000000;
  margin-top: 15px;
  margin-bottom: 7px;
}

.modalProject_Category .modal-content select.form-control {
  border: 1px solid #d8d8d8;
  padding: 10px 12px;
  border-radius: 0;
  font-size: 14px;
  outline: none;
  box-shadow: none;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}

.modalProject_Category .modal-content button.btn-close {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 18px;
}

.modalProject_Category .modal-content .modal-footer {
  border: none;
}

.modalProject_Category .modal-content .modal-footer button.btn.btn-primary {
  background: #0077b5;
  min-width: 120px;
  border: navajowhite;
  border-radius: 3px;
  height: 44px;
  font-weight: 500;
}

.modalProject_Category .modal-content .modal-footer button.btn.btn-secondary {
  min-width: 120px;
  border-radius: 3px;
  height: 42px;
  font-weight: 500;
  border: 1px solid #86888a;
  color: #86888a;
  background: transparent;
}

.Track_Time .modal-content .form-control {
  padding: 6px !important;
  border-radius: 1px !important;
  min-height: 42px;
}

.Track_Time .modal-content label {
  font-size: 15px;
}

.Track_Time .modal-content textarea.form-control {
  height: 130px;
}

.Track_Time .modal-content .modal-footer button.btn.btn-primary {
  min-width: 150px;
  height: 42px;
}

.Track_Time .modal-content .modal-footer button.btn.btn-secondary {
  min-width: 150px;
  height: 42px;
}

.sample_description {
  margin: 60px 0;
}

section.about_us {
  padding: 160px 0;
  background-size: 600px;
  background-position: right;
  background-repeat: no-repeat;
}

section.about_us h2 {
  color: #0c40c9;
  font-size: 45px;
  font-weight: bold;
  margin-bottom: 30px;
}

section.about_us h2 span {
  color: #c8c4c4;
}

section.about_us p {
  color: #86888a;
  font-size: 20px;
}

section.our_mission {
  background: #0077b5;
  padding: 90px 0;
  color: #fff;
}

section.our_mission h3 {
  font-size: 30px;
  line-height: 46px;
  margin-bottom: 24px;
}

section.our_mission p {
  font-size: 17px;
}

section.our_mission h6 {
  font-size: 16px;
  font-weight: 400;
  margin-top: 40px;
}

section.our_mission .img {
  background-size: cover;
  height: 440px;
  border-radius: 100px 0 100px 0;
  max-width: 420px;
  position: relative;
  border-right: 10px solid #1c4fd3;
  border-bottom: 10px solid #1c4fd3;
}

section.workforce {
  padding: 120px 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
}

section.workforce h3 {
  margin-bottom: 20px;
}

section.workforce p {
  font-size: 17px;
}

.project_details {
  padding: 40px 0;
}

.project_details h2 {
  font-size: 24px;
  font-weight: 600;
  color: #000;
}

.project_details h2 .open {
  background: #c4e0ee;
  color: #0077b5;
  border: 1px solid #0077b5;
  font-size: 14px;
  padding: 8px 20px;
  position: relative;
  top: -3px;
}

.project_details h2 .progress {
  background: rgba(47, 141, 3, 0.1882352941);
  color: #2f8d03;
  border: 1px solid #2f8d03;
  font-size: 14px;
  padding: 8px 20px;
  position: relative;
  top: -3px;
  display: inline;
}

.project_details h6 {
  color: #000000;
  font-size: 16px;
  font-weight: 500;
}

.project_details p {
  color: #393939;
  font-size: 14px;
  margin-bottom: 3px;
}

.project_details p a {
  color: #0077b5;
  font-weight: 500;
}

.project_details p.new img {
  position: relative;
  top: -3px;
  height: 14px;
}

.project_details ul.tabul {
  display: flex;
  list-style: none;
  padding: 0;
}

.project_details ul.tabul li {
  margin-right: 20px;
}

.project_details ul.tabul li a {
  border: 1px solid #e7e7e7;
  line-height: 40px;
  display: inline-block;
  min-width: 149px;
  text-align: center;
  color: #000;
  font-weight: 500;
  background: #fafafa;
}

.project_details ul.tabul li:last-child a {
  border: navajowhite;
  min-width: 22px;
  line-height: 30px;
  font-size: 20px;
  background: transparent;
}

.project_details ul.tabul .active a {
  border: 1px solid #ffdea7;
  background-color: #fff9ef;
}

.project_details .Details {
  box-shadow: 0px 2px 4px #ccc;
  padding: 20px;
}

.project_details .Details h3 {
  font-size: 20px;
  margin-bottom: 14px;
  font-weight: 600;
}

.project_details .Details p {
  color: #494949;
}

.project_details .Details ul {
  padding-left: 25px;
}

.project_details .Details ul li {
  color: #494949;
  font-size: 14px;
}

.project_details .Details ul.Skills {
  padding: 0 !important;
  list-style: none;
  display: flex;
}

.project_details .Details ul.Skills li {
  background: #fff9ef;
  line-height: 45px;
  font-weight: 500;
  margin-right: 10px;
  min-width: 120px;
  text-align: center;
}

.project_details .Details h4 {
  font-size: 18px;
  margin-top: 29px;
  font-weight: 600;
}

.project_details .Details .project_id {
  /* border: 1px solid #c8c8c8;
  padding: 15px; */
  width: 100%;
}

.project_details .Details .project_id ul {
  display: flex;
  list-style: none;
  padding: 0 !important;
  flex-wrap: wrap;
}

.project_details .Details .project_id ul li {
  background: #dff2ff;
  display: inline-block;
  padding: 4px 5px;
  margin-right: 13px;
  min-width: 80px;
  text-align: center;
  border-radius: 30px;
  color: white;
  font-size: 13px;
  font-weight: 600;
}

.project_details .Details .report p {
  color: black;
  font-size: 11px;
  font-weight: 500;
  width: max-content;
}

.project_details .Details .project_id h5 {
  font-size: 16px;
  margin-top: 0;
  font-weight: 500;
}

.project_details .Details .stap_Addons {
  padding: 20px;
  position: relative;
  box-shadow: 0px 3px 3px #ccc;
  transform: scale(1);
  transition: 0.3s ease-in-out;
  border: 1px solid transparent;
}

.project_details .Details .stap_Addons i.bi.bi-check-circle {
  font-size: 22px;
  color: #b7b7b7;
  float: right;
  margin-top: 4px;
}

.project_details .Details .stap_Addons span.featu {
  background: #ff9900;
  width: 160px;
  text-align: center;
  display: inline-block;
  color: #fff;
  font-weight: 500;
  padding: 10px;
  border-radius: 30px;
  margin-bottom: 10px;
}

.project_details .Details .stap_Addons p {
  min-height: 80px;
}

.project_details .Details .stap_Addons h3 {
  font-size: 24px;
  margin: 0;
  font-weight: 600;
}

.project_details .post_hed {
  border-bottom: 1px dashed #86888a;
  margin-bottom: 24px;
  padding-bottom: 15px;
}

.project_details .post_hed h6 {
  color: #000000;
  font-weight: 600;
}

.project_details .post_hed h6.per {
  font-size: 24px;
  padding-top: 10px;
}

.project_details .post_hed .invite {
  background: #0077b5;
  color: #fff;
  padding: 10px 32px;
  display: inline-block;
  font-weight: 500;
  margin: 10px 0;
}

.project_details .con {
  background: #e9f1ff;
  padding: 20px;
  margin-bottom: 15px;
}

.project_details .con h4 {
  font-size: 18px;
}

.project_details .con a.upgrade {
  background: #0077b5;
  color: #fff;
  font-weight: 500;
  padding: 10px 50px;
  display: inline-block;
  margin-top: 10px;
}

.project_details .con2 {
  background: #dff2ff;
  padding: 20px;
  margin-bottom: 15px;
}

.project_details .con2 h4 {
  font-size: 18px;
}

.project_details .con2 h6 {
  font-size: 15px;
  margin-top: 20px;
}

.project_details .con2 p {
  margin-bottom: 6px;
  font-weight: 400;
}

.project_details .con2 p span {
  background: #dae7fb;
  width: 36px;
  height: 36px;
  display: inline-block;
  line-height: 34px;
  text-align: center;
  border-radius: 50%;
}

.project_details .con2 p img {
  width: 20px;
}

.project_details .reviews_freelancer {
  box-shadow: 0px 1px 5px #ccc;
  padding: 20px 50px;
}

.project_details .reviews_freelancer .user {
  position: relative;
  padding: 5px 0 16px 75px;
  border-bottom: 1px dashed #86888a;
  margin-bottom: 20px;
}

.project_details .reviews_freelancer .user .img {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center;
}

.project_details .reviews_freelancer .user h6 img {
  height: 18px;
}

.project_details .reviews_freelancer .st p.ppt {
  padding-left: 40px;
  position: relative;
  font-weight: 500;
}

.project_details .reviews_freelancer .st p.ppt span.img1 {
  width: 30px;
  height: 27px;
  position: absolute;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center;
}

.project_details .reviews_freelancer .st p.ppt span.img1 img {
  height: 16px;
}

.project_details .reviews_freelancer .st p.ppt span.months {
  color: #7c7c7c;
  margin: 0 25px 0 13px;
}

.project_details .reviews_freelancer .st p.ppt img.me-2 {
  height: 17px !important;
}

.project_details .reviews_freelancer .st p.ppt span {
  font-weight: 400;
}

.project_details .reviews_freelancer .st p.ppt span img {
  height: 24px;
  position: relative;
  top: -2px;
}

.project_details .reviews_freelancer .st ul {
  padding-left: 19px;
  display: flex;
  gap: 32px;
}

.project_details .reviews_freelancer .st ul li {
  color: #0077b5;
}

.project_details .reviews_freelancer .st p {
  color: #292d32;
  font-size: 15px;
}

.project_details .reviews_freelancer .st h6 i {
  color: #f4b30c;
  margin-right: 6px;
}

.project_details .reviews_freelancer .st h5 {
  font-size: 16px;
}

.project_details .reviews_freelancer .st h5 span {
  font-size: 18px;
  font-weight: bold;
  position: relative;
  top: 30px;
  float: right;
}

.project_details .set {
  box-shadow: 0px 1px 6px #ccc;
  padding: 28px;
  margin-bottom: 20px;
  border: 1px solid #dfdfdf;
  position: relative;
  z-index: 9;
}

.project_details .set h5 {
  text-align: center;
  font-size: 22px;
}

.project_details .set h5 span.per {
  display: block;
  font-size: 15px;
  font-weight: 400;
}

.project_details .set h5 span.ap {
  display: block;
  padding: 20px 43px 15px;
  color: red;
  font-size: 24px;
}

.project_details .set h5 span.ap i.bi.bi-heart {
  color: #000;
}

.project_details .set h5 span img {
  height: 45px;
}

.project_details .set ul {
  padding-left: 25px;
  margin-top: 20px;
  font-size: 14px;
}

.project_details .set.set1 {
  box-shadow: none;
  border: 1px solid #b6e6ff;
}

.project_details h6.total {
  font-size: 18px;
  padding-top: 20px;
}

.project_details h6.total a.Buy_btn {
  background: rgba(202, 204, 206, 0.4784313725);
  color: #cbcbcb;
  font-size: 15px;
  padding: 10px 20px;
  margin-top: -4px;
}

.project_details .proposal .content_right {
  box-shadow: 0px 2px 4px #ccc;
  margin-bottom: 30px;
  padding: 16px;
  padding-top: 75px;
}

.project_details .proposal .content_right h3.dummy {
  text-align: center;
  padding: 50px 0;
  color: #9d9999;
}

.project_details .proposal .form-switch_div {
  padding-top: 10px;
  max-width: 225px;
  float: right;
}

.project_details .proposal .form-switch_div h6 {
  display: inline-block;
  margin-right: 20px;
}

.project_details .proposal .form-switch_div h6 .form-check.form-switch {
  display: inline;
  position: relative;
  top: -3px;
  padding: 0;
  margin-right: 12px;
}

.project_details
  .proposal
  .form-switch_div
  h6
  .form-check.form-switch
  .form-check-input {
  height: 30px;
  width: 52px;
  margin: 0;
}

.project_details
  .proposal
  .form-switch_div
  h6
  .form-check.form-switch
  .form-check-input:checked {
  background-color: #0077b5;
  border-color: #0077b5;
}

.project_details .proposal .form-switch_div h6 select {
  word-wrap: normal;
  border: 1px solid #e7e7e7;
  padding: 10px;
  line-height: 40px;
  border-radius: 30px;
}

.project_details .proposal .form-switch_div img {
  height: 28px;
  position: relative;
  top: -3px;
  float: right;
}

.project_details .proposal .nav.nav-tabs {
  margin-bottom: 20px;
  border: none;
  display: flex;
  list-style: none;
  padding: 0;
  position: relative;
  top: 20px;
  margin-left: 20px;
  border-bottom: 1px solid #caccce;
}

.project_details .proposal .nav.nav-tabs li {
  margin-right: 16px;
}

.project_details .proposal .nav.nav-tabs li .nav-link {
  border: none;
  border-bottom: 2px solid transparent;
  line-height: 32px;
  display: inline-block;
  min-width: -moz-max-content;
  min-width: max-content;
  text-align: center;
  color: #000;
  font-weight: 500;
  padding: 0 8px;
  max-width: 0;
}

.project_details .proposal .nav.nav-tabs li .nav-link.active {
  color: #0077b5;
  border-radius: 0;
  border-bottom: 2px solid #0077b5;
}

.project_details .proposal .nav.nav-tabs.Invite_Freelancerul {
  top: 95px;
}

.project_details .proposal .form {
  height: 46px;
  position: relative;
  max-width: 480px;
  margin-bottom: 24px;
  overflow: hidden;
}

.project_details .proposal .form button {
  position: absolute;
  left: 0;
  border: none;
  background: transparent;
  line-height: 35px;
  padding: 0 25px;
  font-size: 16px;
}

.project_details .proposal .form input {
  border: 1px solid #caccce;
  border-radius: 30px;
  width: 100%;
  padding: 0 12px 0 60px;
  line-height: 35px;
}

.project_details .proposal .set {
  box-shadow: 0px 0px 1px #ccc;
  margin-bottom: 30px;
  padding: 15px;
}

.project_details .proposal .set ul.dislike {
    text-align: end;
    margin: 0 22px 0 0px;
}


.project_details .proposal .set a.endorsed {
  background: #0077b5;
  color: #fff;
  padding: 7px 12px;
  margin: 10px 0 40px;
  display: inline-block !important;
}

.project_details .proposal .set .user {
  padding-left: 130px;
  position: relative;
  height: 112px;
  margin-bottom: 12px;
}

.project_details .proposal .set .user h5 {
  font-size: 18px;
  color: #000;
  display: flex;
  align-items: center;
  gap:6px;
}

.project_details .proposal .set .user h5 img {
  height: 20px;
}



.project_details .proposal .set .user p {
  margin-bottom: 8px;
  font-size: 15px;
  color: #000;
}

.project_details .proposal .set .user p b {
  font-weight: 600;
}

.project_details .proposal .set .user p span {
  margin-right: 5px;
}

.project_details .proposal .set .user p span img {
  height: 20px;
  position: relative;
  top: -2px;
}

.project_details .proposal .set .user p a.endorsed {
  background: #0077b5;
  color: #fff;
  padding: 7px 12px;
}

.project_details .proposal .set .user .img {
  background-size: cover;
  width: 115px;
  height: 115px;
  position: absolute;
  left: 0;
  background-position: center;
}

.project_details .proposal .set .user ul {
  padding: 0;
  list-style: none;
}

.project_details .proposal .set .user ul li {
  display: inline;
  margin-right: 22px;
  color: #2f8d03;
  font-weight: 500;
  font-size: 14px;
  padding-left: 12px;
  position: relative;
}

.project_details .proposal .set .user ul li:after {
  height: 5px;
  width: 5px;
  position: absolute;
  left: 0;
  background: #2f8d03;
  top: 8px;
  content: "";
  border-radius: 50%;
}

.project_details .proposal .set .user ul a.Hire {
  background: #0077b5;
  color: #fff;
  text-decoration: none;
  padding: 8px 30px;
  position: absolute;
  right: 15px;
  bottom: 20px;
}

.project_details .proposal .set h4 {
  font-size: 18px;
  margin-top: 15px;
  -webkit-line-clamp: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.project_details .proposal .set .allbtn i.bi.bi-heart-fill {
  color: #dfe1e3;
  font-size: 20px;
  margin-right: 4px;
  top: 5px;
  position: relative;
}

.project_details .proposal .set .allbtn .btn {
  border: 1px solid #e2e2e2;
  width: 100%;
  font-weight: 500;
  border-radius: 0;
  margin-left: 5px;
  padding: 6px 0;
}

.project_details .proposal .set .allbtn .btn.offchet {
  color: #000000;
}

.project_details .proposal .set .allbtn .btn.offchet i {
  color: #8c8c8c;
  font-size: 9px;
  position: relative;
  top: -1px;
}

.project_details .proposal .set .allbtn .btn.award {
  background: #0077b5;
  color: #fff;
  border: 1px solid #0077b5;
}

.project_details .proposal .set .allbtn .btn.chat {
  color: #2f8d03;
}

.project_details .proposal .set .allbtn .btn.chat i {
  color: #2f8d03 !important;
  font-size: 5px;
  position: relative;
  top: -4px;
}

.project_details .proposal .set .allbtn .btn.invt i {
  color: #8c8c8c;
}

.project_details .proposal .set p i.bi.bi-heart-fill {
  color: #dfe1e3;
  font-size: 20px;
  margin-right: 4px;
  top: 5px;
  position: relative;
}

.project_details .proposal .set p .btn {
  border: 1px solid #e2e2e2;
  width: 88px;
  font-weight: 500;
  border-radius: 0;
  margin-left: 5px;
  padding: 6px 0;
}

.project_details .proposal .set p .btn.offchet {
  color: #000000;
}

.project_details .proposal .set p .btn.offchet i {
  color: #8c8c8c;
  font-size: 9px;
  position: relative;
  top: -1px;
}

.project_details .proposal .set p .btn.award {
  background: #0077b5;
  color: #fff;
  border: 1px solid #0077b5;
}

.project_details .proposal .set p .btn.chat {
  color: #2f8d03;
}

.project_details .proposal .set p .btn.chat i {
  color: #2f8d03 !important;
  font-size: 5px;
  position: relative;
  top: -4px;
}

.project_details .proposal .set p .btn.invt {
  width: 83px;
}

.project_details .proposal .set p .btn.invt i {
  color: #8c8c8c;
}

.project_details .proposal .set ul.dislike li {
  background: #f1f0f0;
  width: 38px;
  height: 38px;
  display: inline-block;
  text-align: center;
  line-height: 34px;
  border-radius: 50%;
  margin-left: 6px;
}

.project_details .proposal .set ul.dislike li img {
  height: 20px;
}

.project_details .proposal .set ul.dislike.dislikekp li.ap {
  background: transparent;
  font-size: 23px;
  line-height: 0;
}

.project_details .proposal .set ul.dislike.dislikekp li.ap .bi-heart-fill {
  color: red;
  position: relative;
  top: 6px;
}

.project_details .proposal .set ul.dislike.dislikekp li.ap .bi-filter-left {
  position: relative;
  top: 10px;
  font-size: 32px;
}

.project_details .proposal .set .wordpresscarousel {
  margin-top: 10px;
  padding: 0 30px;
  position: relative;
}

.project_details .proposal .set .wordpresscarousel .owl-nav.disabled {
  display: block !important;
}

.project_details .proposal .set .wordpresscarousel .item {
  background: #e9e9e9;
  padding: 8px 15px;
  text-align: center;
  font-weight: 500;
  border-radius: 30px;
  font-size: 13px;
}

.project_details .proposal .set .wordpresscarousel .owl-dots {
  display: none;
}

.project_details .proposal .set .wordpresscarousel button.owl-prev {
  width: 25px;
  height: 25px;
  background: #86888a !important;
  display: inline-block;
  position: absolute;
  border-radius: 5px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.project_details .proposal .set .wordpresscarousel button.owl-prev span {
  color: #fff;
  font-size: 24px;
  position: relative;
  top: -9px;
}

.project_details .proposal .set .wordpresscarousel button.owl-next {
  width: 25px;
  height: 25px;
  background: #86888a !important;
  display: inline-block;
  position: absolute;
  border-radius: 5px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.project_details .proposal .set .wordpresscarousel button.owl-next span {
  color: #fff;
  font-size: 24px;
  position: relative;
  top: -9px;
}

.project_details .proposal .set ul.sealed {
  padding: 0 !important;
  display: flex;
  list-style: none;
  margin-top: 10px;
  margin-bottom: 5px;
}

.project_details .proposal .set ul.sealed li {
  margin-right: 20px;
}

.project_details .proposal .set ul.sealed li a {
  color: #000000;
  font-weight: 500;
}

.project_details .proposal .set ul.sealed li a.active {
  color: #0077b5;
}

.project_details .proposal .lorem {
  box-shadow: 0px 2px 4px #ccc;
  margin-bottom: 30px;
  position: sticky;
  top: 20px;
}

.project_details .proposal .lorem .text {
  padding: 15px;
  text-align: center;
}

.project_details .proposal .lorem .text a.book_free {
  background: #0077b5;
  color: #fff;
  padding: 10px 32px;
  display: inline-block;
  font-weight: 500;
  margin: 10px 0;
}

.project_details .proposal.review_proposals .nav.nav-tabs li {
  margin-right: 10px;
}

.project_details .proposal.review_proposals .nav.nav-tabs li .nav-link {
  min-width: 125px;
}

.project_details .proposal.review_proposals .form-switch_div.form-switch_div2 {
  position: relative;
  top: 17px;
  margin-right: 20px;
}

.project_details
  .proposal.review_proposals
  .form-switch_div.form-switch_div2
  img {
  top: 6px;
}

.project_details .proposal.hired .content_right {
  padding: 20px;
}

.project_details .proposal.hired .content_right .set .user.userapp {
  height: 112px;
}

.project_details .proposal.hired .content_right .set .user.userapp .img {
  height: 115px;
}

.project_details .proposal.hired .content_right .set .user {
  height: 98px;
}

.project_details .proposal.hired .content_right .set .user p {
  font-size: 15px;
  color: #86888a;
}

.project_details .proposal.hired .content_right .set .user i.bi.bi-circle-fill {
  color: #41ca01;
  font-size: 20px;
  position: absolute;
  left: 95px;
  z-index: 9;
  top: 95px;
  text-shadow: -1px -1px 0px white;
}

.project_details .proposal.hired .content_right .set .user .img {
  border-radius: 10px;
  height: 98px;
}

.project_details .proposal.hired .content_right .set .endorsed {
  background: #0077b5;
  border: 1px solid #0077b5;
  color: #fff;
  margin-top: 7px;
  padding: 8px 25px;
  display: inline-block;
}

.project_details .proposal.hired .content_right .set p {
  font-size: 15px;
  color: #86888a;
}

.project_details .proposal.hired .content_right .set .btn {
  font-weight: 500;
  margin-top: 12px;
  border: 1px solid #e2e2e2;
  border-radius: 1px;
  font-size: 14px;
  width: 100%;
  line-height: 40px;
  padding: 0;
  color: #000;
  margin-left: 0;
}

.project_details .proposal.hired .content_right .set .btn i {
  font-size: 7px;
  position: relative;
  top: -2px;
  color: #41ca01;
}

.project_details .proposal.hired .content_right .set .btn.revoked {
  margin-left: 0;
  background: #d80027;
  color: #fff;
  border-radius: 2px;
  border: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 40px;
  padding: 0;
}

.project_details .proposal.hired .content_right .set .btn.awarded {
  background: #2f8d03;
  color: #fff;
  border: 1px solid #2f8d03;
}

.project_details .proposal.hired .content_right .set .btn2 {
  border: 1px solid #b7b7b7;
  color: #000;
  font-weight: 600;
  display: inline-block;
  padding: 0;
  line-height: 40px;
  width: 100%;
  text-align: center;
  margin-top: 12px;
}

.project_details .proposal.hired .content_right .set .btn.chat {
  color: #2f8d03;
  border: 1px solid #2f8d03;
}

.project_details .proposal.hired .content_right .set .btn.chat i {
  color: #2f8d03;
  font-size: 10px;
  position: relative;
  top: -3px;
}

.project_details .proposal.hired .content_right .set .btn2.workspace {
  background: #0077b5;
  border: 1px solid #0077b5;
  color: #fff;
  margin-top: 12px;
  padding: 0;
}

.project_details .proposal.hired .content_right .set ul.phpdiv {
  padding: 0;
  list-style: none;
  display: flex;
}

.project_details .proposal.hired .content_right .set ul.phpdiv li {
  margin-right: 12px;
}

.project_details .proposal.hired .content_right .set ul.phpdiv li a {
  color: #2f8d03;
}

.project_details .proposal.hired .content_right .set ul.slctdiv {
  padding: 0;
  list-style: none;
  display: flex;
}

.project_details .proposal.hired .content_right .set ul.slctdiv li {
  margin-right: 12px;
}

.project_details .proposal.hired .content_right .set ul.slctdiv li a {
  color: #86888a;
  padding: 10px 15px;
}

.project_details .proposal.hired .content_right .set ul.slctdiv li a.slct {
  border: 1px solid #ffdea7;
  background-color: #fff9ef;
  color: #000;
}

.project_details .proposal.hired .content_right .set p.new img {
  position: relative;
  top: -3px;
  height: 14px;
}

.modal-dialog.hourly_project {
  max-width: 950px;
}

.modal-dialog.hourly_project button.btn-close {
  position: absolute;
  right: 0;
  padding: 20px;
  font-size: 20px;
  z-index: 9;
}

.modal-dialog.hourly_project .modal-body {
  padding: 35px;
}

.modal-dialog.hourly_project .modal-body h4 {
  font-size: 20px;
}

.modal-dialog.hourly_project .modal-body h3 {
  font-size: 22px;
  margin-bottom: 25px;
}

.modal-dialog.hourly_project .modal-body p {
  font-size: 14px;
}

.modal-dialog.hourly_project .modal-body table {
  margin-bottom: 210px;
}

.modal-dialog.hourly_project .modal-body table tr td {
  font-weight: 400;
  padding: 10px 0;
}

.modal-dialog.hourly_project .modal-body table tr td span.hours {
  background: #d9d9d9;
  height: 40px;
  display: inline-block;
  line-height: 40px;
  padding: 0 8px;
  border: 1px solid #d9d9d9;
  float: right;
  margin-left: 10px;
}

.modal-dialog.hourly_project .modal-body table tr td input {
  border: 1px solid #d9d9d9;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  width: 70px;
}

.modal-dialog.hourly_project .modal-body .btn {
  border: 1px solid #cfc1c1;
  border-radius: 0;
  padding: 14px 20px;
  background: #eaeaea;
}

.modal-dialog.hourly_project .modal-body .btn.award {
  border: 1px solid #2f8d03;
  background: #2f8d03;
  color: #fff;
  padding: 14px 40px;
}

.modal-dialog.hourly_project .modal-body .set {
  padding-left: 65px;
  position: relative;
}

.modal-dialog.hourly_project .modal-body .set .img {
  background: #e9e8e8;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
  line-height: 47px;
  position: absolute;
  left: 0;
}

.modal-dialog.hourly_project .modal-body .set .img img {
  height: 26px;
}

.modal-dialog.hourly_project .modal-body .set h6 {
  font-size: 17px;
}

.modal-dialog.hourly_project .modal-body .set p {
  font-size: 16px;
  font-weight: 500;
}

.modal-dialog.hourly_project .modal-body .set p.et {
  font-size: 14px;
  font-weight: 400;
  margin: 0;
}

.checkout {
  padding: 60px 0;
}

.checkout h2 {
  font-size: 26px;
  color: #000000;
}

.checkout .nav-tabs {
  padding: 0;
  border: none;
  margin: 20px auto;
  display: table;
  position: relative;
  top: 0;
}

.checkout .nav-tabs li {
  margin: 0 15px;
  display: inline-block;
}

.checkout .nav-tabs li button {
  border: none !important;
  color: #000;
  font-weight: 500;
  min-width: 139px;
  padding: 0;
}

.checkout .nav-tabs li button span {
  background: #d9d9d9;
  width: 28px;
  height: 28px;
  display: inline-block;
  line-height: 28px;
  border-radius: 50%;
  margin-right: 6px;
}

.checkout .nav-tabs li button.active span {
  background: #2f8d03;
  color: #fff;
}

.checkout .set {
  border: 1px solid #d7d7d7;
  padding: 20px;
  margin-top: 80px;
}

.checkout .set h4 {
  font-weight: 600;
  font-size: 22px;
}

.checkout .set p input {
  width: 20px;
  height: 20px;
  position: relative;
  top: 5px;
  margin-right: 8px;
}

.checkout .set img.check {
  height: 19px;
  position: relative;
  top: -2px;
}

.checkout .set h5 {
  color: #292d32;
  font-size: 17px;
}

.checkout .set h6 {
  color: #86888a;
  font-weight: 400;
}

.checkout .set a.btn {
  background: #0077b5;
  color: #fff;
  font-weight: 500;
  margin-bottom: 40px;
  padding: 10px 27px;
  border-radius: 0;
  margin-top: 15px;
}

.checkout .checkout_right {
  border: 1px solid #d7d7d7;
  padding: 15px;
}

.checkout .checkout_right .wordpress {
  padding-left: 175px;
  position: relative;
  margin-bottom: 20px;
  min-height: 108px;
}

.checkout .checkout_right .wordpress p {
  color: #3e3e3e;
  padding-top: 15px;
  font-size: 16px;
  font-weight: 500;
}

.checkout .checkout_right .wordpress img {
  width: 160px;
  position: absolute;
  left: 0;
}

.checkout .checkout_right ul {
  padding: 0;
  list-style: none;
}

.checkout .checkout_right ul li {
  color: #86888a;
  margin-top: 14px;
}

.checkout .checkout_right ul li b {
  color: #000;
}

.checkout .checkout_right p {
  color: #86888a;
}

.checkout .checkout_right p a {
  color: #0077b5;
  font-weight: 600;
}

.checkout .checkout_right .rightside {
  border-top: 1px dashed #86888a;
  padding-top: 12px;
  margin-top: 30px;
}

.checkout .checkout_right .rightside h6 {
  font-size: 16px;
  color: #000;
  font-weight: 600;
  margin-bottom: 12px;
}

.checkout .checkout_right .rightside p {
  color: #545454;
  margin-bottom: 8px;
}

.checkout .checkout_right .rightside p b {
  color: #2f8d03;
}

.checkout .checkout_right .rightside p a.confirm {
  color: #747272;
  font-weight: 500;
  padding: 12px 0;
  display: block;
  background: rgba(243, 243, 243, 0.7098039216);
  border: 1px solid #ccc;
  margin-bottom: 14px;
}

.checkout .checkout_right .rightside p a.confirmbtn {
  background: #0077b5;
  color: #fff;
  display: block;
  padding: 12px;
  margin-top: 20px;
  margin-bottom: 15px;
}

.checkout .submit .thanku {
  background: #e1ffee;
  margin-top: 80px;
  padding: 20px;
  text-align: center;
  margin-bottom: 50px;
}

.checkout .submit .thanku span {
  width: 391px;
  display: inline-block;
  margin: auto;
  text-align: center;
}

.checkout .submit .thanku span img {
  float: left;
  width: 50px;
  margin-right: 20px;
}

.checkout .submit .thanku span p {
  margin: 0;
  color: #292d32;
  font-size: 18px;
}

.checkout .submit .thanku span h4 {
  font-size: 19px;
  margin-bottom: 3px;
}

.checkout .submit h3 {
  font-size: 20px;
}

.checkout .submit label {
  color: #86888a;
  font-size: 15px;
}

.checkout .submit textarea {
  width: 100%;
  border: 1px solid #e0d8d8;
  min-height: 250px;
  margin-top: 8px;
}

.checkout .submit p {
  color: #86888a;
}

.checkout .submit p span.Attach {
  border: 1px solid #d8d8d8;
  line-height: 40px;
  display: inline-block;
  width: 150px;
  position: relative;
  text-align: center;
  font-weight: 500;
  color: #5c5c5c;
  margin-top: 10px;
}

.checkout .submit p span.Attach input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.checkout .submit .btn {
  background: #0077b5;
  color: #fff;
  line-height: 42px;
  padding: 0;
  width: 165px;
  border-radius: 0;
  margin-right: 30px;
  font-weight: 500;
  margin-top: 50px;
}

.checkout .submit .btn.remind {
  background: #ededed;
  color: #000000;
}

.checkout .submit .checkbox {
  padding-left: 36px;
  position: relative;
}

.checkout .submit .checkbox input {
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  top: 11px;
}

.checkout .checkout_right.submit_right .wordpress img {
  width: 100%;
  position: relative;
}

.checkout .checkout_right.submit_right ul li a.inc {
  background: #ffb800;
  color: #000;
  font-weight: 500;
  font-size: 13px;
  padding: 7px 15px;
}

.checkout .checkout_right.submit_right p.ckt {
  margin-bottom: 4px;
  color: #000;
}

.checkout .checkout_right.submit_right p.ckt i {
  color: #2f8d03;
}

.active_projects .proposal {
  padding-top: 40px;
  position: relative;
}

.active_projects .proposal .form_filter .form {
  height: 46px;
  position: relative;
  width: 400px;
  margin-bottom: 24px;
  overflow: hidden;
  position: absolute;
  right: 320px;
}

.active_projects .proposal .form_filter .search-form {
  height: 46px;
  position: relative;
  width: 471px;
  margin-bottom: 0;
  overflow: hidden;
  position: absolute;
  right: 320px;
}

.active_projects .proposal p.Show {
  font-weight: 500;
}

.active_projects .proposal p.Show span {
  margin-left: 25px;
  display: inline-block;
}

.active_projects .proposal p.Show span select {
  border: 1px solid #e7e7e7;
  height: 35px;
  padding: 0 9px;
  margin-left: 5px;
}

.active_projects .proposal .nav.nav-tabs.tabul {
  border: none;
  margin-bottom: 0;
  height: 42px;
  top: 0;
  margin-left: 0;
}

.active_projects .proposal .nav.nav-tabs.tabul li .nav-link {
  border-radius: 0;
  border: 1px solid #e7e7e7;
  line-height: 40px;
  display: inline-block;
  min-width: 149px;
  text-align: center;
  color: #000;
  font-weight: 500;
  background: #fafafa;
}

.active_projects h6 {
  font-size: 20px;
  position: absolute;
  left: 0;
  top: 0;
}

.active_projects .proposal .nav.nav-tabs {
  top: 0;
  margin-left: 0;
}

.active_projects .proposal .nav.nav-tabs li .nav-link.active {
  background: #c4dfee;
  color: #0077b5;
  border: 1px solid #0077b5;
}

.active_projects .proposal table {
  border-collapse: separate;
  border-spacing: 0 15px;
}

.active_projects .proposal table tr td {
  /* border: 1px solid #e1e1e1; */
  padding: 15px 15px 11px;
  margin-bottom: 15px;
  /* background: #f8faf7; */
}
.active_projects_in .table-responsive {
    border-right: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
}


.active_projects .proposal table tr td table.table {
  border-spacing: 0;
  margin: 0;
}

.active_projects .proposal table tr td table.table tr td {
  border: none;
  margin-bottom: 0;
  padding: 0;
  width: 25%;
}

.active_projects .proposal table tr td table.table tr td .open {
  background: #d6e9f3;
  color: #0077b5;
  padding: 0 10px;
  border-radius: 30px;
  line-height: 38px;
  display: inline-block;
  min-width: 145px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
}

.active_projects .proposal table tr td table.table tr td p {
  margin-bottom: 5px;
  font-size: 15px;
  background: transparent;
}

.active_projects .proposal table tr td table.table tr td p span {
  color: #2f8d03;
  font-weight: 500;
}

.active_projects .proposal table tr td table.table tr td p img {
  height: 17px;
  position: relative;
  top: -2px;
}

.active_projects .proposal table tr td table.table tr td p a.chat {
  border: 1px solid #e2e2e2;
  padding: 8px 26px;
  display: inline-block;
  color: #000;
  margin-top: 15px;
}

.active_projects .proposal table tr td table.table tr td p a.chat i {
  font-size: 7px;
  color: #2f8d03;
  position: relative;
  top: -2px;
}

.fixed-rate {
  width: 100% !important;
}

.fixed-rate .stap_pay {
  padding: 20px 20px 20px 93px !important;
}

.active_projects
  .proposal
  table
  tr
  td
  table.table
  tr
  td
  button.dropdown-toggle {
  border: 1px solid #e7e7e7;
  padding: 0;
  background: #fafafa;
  min-width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-top: 12px;
  text-align: center;
}

.active_projects
  .proposal
  table
  tr
  td
  table.table
  tr
  td
  button.dropdown-toggle::after {
  display: none;
}

.active_projects .proposal table tr td table.table tr td .view {
  background: #0077b5;
  color: #fff;
  padding: 0 15px;
  line-height: 40px;
  height: 40px;
  min-width: 140px;
  border: navajowhite;
  display: inline-block;
  font-weight: 600;
  margin-bottom: 4px;
}

.active_projects .proposal table tr td table.table tr td .view img {
  height: 8px;
}

.hourly_rate_projects .proposal .billing {
  background: #f1f9ff;
  padding: 20px;
}

.hourly_rate_projects .proposal .billing h4 {
  font-size: 20px;
}

.hourly_rate_projects .proposal .billing ul {
  padding: 0;
  list-style: none;
  margin-top: 15px;
}

.hourly_rate_projects .proposal .billing ul li {
  margin-bottom: 6px;
}

.hourly_rate_projects .proposal .billing ul li img {
  width: 25px;
  position: relative;
  top: -1px;
  margin-right: 8px;
}

.hourly_rate_projects .proposal .billing ul li span.manually {
  background: #d9d9d9;
  height: 34px;
  width: 34px;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
}

.hourly_rate_projects .proposal .billing ul li span.manually img {
  height: 20px;
  width: auto !important;
  margin: 0 !important;
}

.hourly_rate_projects .proposal h3 {
  font-size: 22px;
  color: #000;
  margin-top: 20px;
}

.hourly_rate_projects .proposal h3 .create_milestone {
  font-size: 14px;
  float: right;
  background: #0077b5;
  color: #fff;
  padding: 12px 15px;
  margin-top: -7px;
}

.hourly_rate_projects .proposal .mainproject {
  box-shadow: 0px 2px 4px #ccc;
  padding: 75px 20px 20px;
}

.hourly_rate_projects .proposal .mainproject .projectTimeline {
  background: #ebf7fe;
  padding: 18px;
}

.hourly_rate_projects .proposal .mainproject .projectTimeline h3 {
  margin-top: 0;
  font-size: 18px;
}

.hourly_rate_projects .proposal .mainproject .projectTimeline h6 {
  color: #707070;
  margin: 16px 0;
}

.hourly_rate_projects .proposal .mainproject .projectTimeline h6 b {
  color: #000;
  margin-right: 3px;
}

.hourly_rate_projects .proposal .mainproject .projectTimeline h6 span {
  background: #d2efff;
  width: 38px;
  height: 38px;
  display: inline-block;
  text-align: center;
  line-height: 33px;
  border-radius: 50%;
  margin-right: 11px;
}

.hourly_rate_projects .proposal .mainproject .view_Your {
  border: 1px solid #e8e8e8;
  padding: 15px;
  margin-bottom: 15px;
  background: #f6f6f6;
  margin-top: 15px;
}

.hourly_rate_projects .proposal .mainproject .view_Your h4 {
  margin-top: 0;
  font-size: 18px;
}

.hourly_rate_projects .proposal .mainproject .view_Your p {
  font-size: 15px;
  font-weight: 500;
}

.hourly_rate_projects .proposal .mainproject .view_Your p span {
  background: #d9d9d9;
  width: 25px;
  height: 25px;
  display: inline-block;
  text-align: center;
  line-height: 25px;
  font-size: 16px;
  border-radius: 50%;
  margin-right: 7px;
  font-weight: 600;
}

.hourly_rate_projects .proposal .mainproject .view_Your img {
  max-width: 100%;
}

.hourly_rate_projects .proposal .mainproject table tr th {
  font-size: 18px;
  font-weight: 500;
  border: none;
}

.hourly_rate_projects .proposal .mainproject table tr td {
  vertical-align: middle;
  color: #545454;
  border: none;
}

.hourly_rate_projects .proposal .mainproject table tr td select {
  background: #dedede;
  padding: 10px 10px;
  border: none;
  font-size: 14px;
  font-weight: 400;
  min-width: 170px;
}

.hourly_rate_projects .proposal .mainproject table tr td .ViewInvoice {
  background: #dedede;
  padding: 10px 20px;
  border: none;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  min-width: 135px;
  display: inline-block;
  text-align: center;
}

.hourly_rate_projects .proposal .mainproject table tr td.progres {
  color: #2f8d03;
  font-weight: 500;
}

.hourly_rate_projects .proposal .mainproject table tr td.Released {
  color: #0077b5;
  font-weight: 500;
}

.hourly_rate_projects .proposal .mainproject table tr td.Rejected {
  color: #ff3030;
  font-weight: 500;
}

.hourly_rate_projects .proposal .mainproject .project {
  border: 1px solid #e7e7e7;
  padding: 15px;
  margin-bottom: 20px;
}

.hourly_rate_projects .proposal .mainproject .project .Paymenth4 {
  border-top: 1px solid #e7e7e7;
  padding-top: 11px;
  margin-top: 15px;
}

.hourly_rate_projects .proposal .mainproject .project .btnDetails {
  color: #0077b5;
  font-weight: 500;
}

.hourly_rate_projects .proposal .mainproject .project a.Viewjob {
  color: #0077b5;
  font-weight: 600;
  font-size: 14px;
}

.hourly_rate_projects .proposal .mainproject .project .user {
  padding-left: 100px;
  position: relative;
  height: 100px;
}

.hourly_rate_projects .proposal .mainproject .project .user a.chat {
  border: 1px solid #e2e2e2;
  padding: 8px 25px;
  color: #000;
  font-weight: 500;
  margin-top: 3px;
  display: inline-block;
}

.hourly_rate_projects .proposal .mainproject .project .user a.chat i {
  font-size: 8px;
  position: relative;
  top: -2px;
  color: #43b80c;
}

.hourly_rate_projects .proposal .mainproject .project .user h6 {
  color: #000000;
  font-size: 18px;
  font-weight: 500;
  padding-top: 10px;
}

.hourly_rate_projects .proposal .mainproject .project .user h6 img {
  height: 20px;
  position: relative;
  top: -2px;
}

.hourly_rate_projects .proposal .mainproject .project .user .img {
  background-size: cover;
  width: 90px;
  height: 90px;
  position: absolute;
  left: 0;
  top: 0;
  background-position: center;
}

.hourly_rate_projects .proposal .mainproject .project h4 {
  font-size: 20px;
  font-weight: 600;
  color: #000;
}

.hourly_rate_projects .proposal .mainproject .project h4 i {
  position: relative;
  top: 3px;
}

.hourly_rate_projects .proposal .mainproject .project h4.h4client {
  border-top: 1px dashed #86888a;
  padding-top: 12px;
  margin-top: 10px;
}

.hourly_rate_projects .proposal .mainproject .project a.download {
  color: #1aa1e8;
  font-weight: 500;
}

.hourly_rate_projects .proposal .mainproject .project p {
  color: #545454;
  font-size: 14px;
  margin-bottom: 3px;
}

.hourly_rate_projects .proposal .mainproject .project .btn.btnp {
  background: #e6e6e6;
  color: #000;
}

.hourly_rate_projects .proposal .mainproject .project .btn {
  border: 1px solid #e2e2e2;
  color: #707070;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 13px;
  min-width: 130px;
  margin-left: 9px;
  margin-top: 32px;
  border-radius: 0;
}

.hourly_rate_projects .proposal .mainproject .project .btn.endpro {
  border: 1px solid #ff3030;
  color: #ff3030;
  background: rgba(255, 48, 48, 0.1607843137);
}

.hourly_rate_projects .proposal .mainproject .project p.opt {
  font-size: 16px;
  border-top: 1px dashed #86888a;
  padding-bottom: 20px;
  padding-top: 20px;
  margin-top: 20px;
}

.hourly_rate_projects .proposal .mainproject .project p.opt input {
  height: 20px;
  width: 20px;
  position: relative;
  top: 5px;
}

.hourly_rate_projects .proposal .mainproject .TimeTracker .dec {
  background: #efefef;
  padding: 15px;
  margin-bottom: 20px;
  display: none;
}

.hourly_rate_projects .proposal .mainproject .TimeTracker .dec p {
  color: #707070;
  font-size: 14px;
  font-weight: 400;
}

.hourly_rate_projects .proposal .mainproject .TimeTracker .dec h5 {
  font-size: 16px;
  margin-bottom: 4px;
}

.hourly_rate_projects .proposal .mainproject .TimeTracker .dec h6 {
  margin-bottom: 4px;
  margin-top: 12px;
}

.hourly_rate_projects .proposal .mainproject .TimeTracker .dec table.table {
  margin: 0;
}

.hourly_rate_projects
  .proposal
  .mainproject
  .TimeTracker
  .dec
  table.table
  tr
  td {
  border-bottom: 1px dashed #d9d9d9;
  color: #707070;
  font-size: 14px;
  background: transparent;
  padding: 7px 0;
}

.hourly_rate_projects
  .proposal
  .mainproject
  .TimeTracker
  .dec
  table.table
  tr
  td
  h6 {
  margin: 0;
}

.hourly_rate_projects
  .proposal
  .mainproject
  .TimeTracker
  .dec
  table.table
  tr
  td
  a
  img {
  width: 18px;
  margin-left: 8px;
}

.hourly_rate_projects .proposal .mainproject .TimeTracker .dec .k15carousel {
  max-width: 400px;
  padding: 0 30px;
  position: relative;
}

.hourly_rate_projects
  .proposal
  .mainproject
  .TimeTracker
  .dec
  .k15carousel
  button.owl-prev {
  background: #86888a !important;
  border-radius: 50%;
  height: 25px;
  display: inline-block;
  width: 25px;
  color: #fff !important;
  position: absolute;
  left: 0;
  top: -10px;
  bottom: 0;
  margin: auto;
}

.hourly_rate_projects
  .proposal
  .mainproject
  .TimeTracker
  .dec
  .k15carousel
  button.owl-next {
  background: #86888a !important;
  border-radius: 50%;
  height: 25px;
  display: inline-block;
  width: 25px;
  color: #fff !important;
  position: absolute;
  right: 0;
  top: -10px;
  bottom: 0;
  margin: auto;
}

.hourly_rate_projects
  .proposal
  .mainproject
  .TimeTracker
  .dec
  .k15carousel
  .owl-dots {
  display: none;
}

.hourly_rate_projects .proposal .mainproject .TimeTracker .dec .k15carousel p {
  font-size: 13px;
}

.hourly_rate_projects
  .proposal
  .mainproject
  .TimeTracker
  .dec
  .k15carousel
  span.img {
  background-size: cover;
  height: 90px;
  width: 100%;
  display: inline-block;
}

.hourly_rate_projects
  .proposal
  .mainproject
  .TimeTracker
  .dec
  .k15carousel
  span.img
  a {
  width: 100%;
  height: 100%;
  display: inline-block;
  text-align: center;
  padding: 30px;
}

.hourly_rate_projects
  .proposal
  .mainproject
  .TimeTracker
  .dec
  .k15carousel
  span.img
  a
  img {
  height: 30px;
  width: auto;
}

.hourly_rate_projects .proposal .mainproject .TimeTracker .dec.main {
  display: block;
}

.hourly_rate_projects
  .proposal
  .mainproject
  .TimeTracker
  .Billings
  p.decbutton
  img {
  transform: rotate(180deg);
  margin-top: -2px;
}

.hourly_rate_projects .proposal .mainproject .TimeTracker .Billings select {
  font-size: 14px;
  border: none;
  margin-top: 10px;
}

.hourly_rate_projects .proposal .mainproject .TimeTracker .Billings p {
  color: #545454;
  font-weight: 400;
}

.hourly_rate_projects .proposal .mainproject .TimeTracker .Billings p select {
  border: none;
  margin-top: 0;
  font-size: 16px;
}

.hourly_rate_projects
  .proposal
  .mainproject
  .TimeTracker
  .Billings
  + .Billings {
  border-top: 1px dashed #86888a;
  padding-top: 21px;
}

.hourly_rate_projects .proposal .mainproject .Billings h6 {
  border-bottom: 1px dashed #86888a;
  padding-bottom: 30px;
  padding-top: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 700;
  position: relative;
}

.hourly_rate_projects .proposal .mainproject .Billings h6 label {
  display: flex;
  position: absolute;
  right: 0;
  font-weight: 400;
  bottom: 10px;
  font-size: 18px;
}

.hourly_rate_projects
  .proposal
  .mainproject
  .Billings
  h6
  label
  .form-check.form-switch {
  position: relative;
  top: -4px;
}

.hourly_rate_projects .proposal .mainproject .Billings h6 span {
  margin-top: -12px;
  font-size: 14px;
}

.hourly_rate_projects .proposal .mainproject .Billings h5 {
  color: #000000;
  font-size: 16px;
  font-weight: 500;
}

.hourly_rate_projects .proposal .mainproject .Billings h5 .mainAdd_Time {
  float: right;
}

.hourly_rate_projects
  .proposal
  .mainproject
  .Billings
  h5
  .mainAdd_Time
  a.Add_Time {
  background: #0077b5;
  color: #fff;
  font-size: 14px;
  padding: 11px 15px;
  margin-top: 0;
}

.hourly_rate_projects .proposal .mainproject .Billings a img {
  height: 20px;
  opacity: 0.4;
}

.hourly_rate_projects .proposal .messages {
  box-shadow: 0px 1px 5px #ccc;
  padding: 75px 20px 50px;
}

.hourly_rate_projects .proposal .messages .hed {
  background: #e1ffee;
  padding: 20px 0;
  margin-bottom: 24px;
}

.hourly_rate_projects .proposal .messages .hed img {
  height: 30px;
}

.hourly_rate_projects .proposal .messages .hed select {
  border: none;
  background: transparent;
  font-weight: 500;
  font-size: 16px;
}

.hourly_rate_projects .proposal .messages .hed h6 {
  display: inline;
}

.hourly_rate_projects .proposal .messages .hed h6 span {
  color: #86888a;
  font-style: italic;
  font-weight: 400;
}

.hourly_rate_projects .proposal .messages .file {
  border: 1px solid #b7b7b7;
  position: relative;
  padding: 6px 13px;
  display: inline-block;
  color: #000000;
  font-size: 15px;
}

.hourly_rate_projects .proposal .messages .file input {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
}

.hourly_rate_projects .proposal .messages button.Send {
  background: #0077b5;
  height: 43px;
  border: navajowhite;
  width: 110px;
  color: #fff;
  font-weight: 500;
}

.hourly_rate_projects .proposal .messages h6 {
  color: #0077b5;
  font-size: 17px;
}

.hourly_rate_projects .proposal .messages h6 img {
  width: 26px;
  position: relative;
  top: -2px;
}

.hourly_rate_projects .proposal .messages p {
  color: #b8b8b8;
}

.hourly_rate_projects .proposal .messages p img {
  height: 18px;
  position: relative;
  top: -2px;
}

.hourly_rate_projects .proposal .messages .formmain {
  border: 1px solid #e0d8d8;
  margin-top: 60px;
  padding: 0 15px 5px;
  position: relative;
}

.hourly_rate_projects .proposal .messages .formmain button {
  border: none;
  background: transparent;
  position: relative;
  top: -5px;
}

.hourly_rate_projects .proposal .messages .formmain label {
  font-weight: 600;
  font-size: 18px;
  color: #000;
  margin-top: 20px;
  margin-bottom: 5px;
  position: absolute;
  top: -58px;
  left: 0;
}

.hourly_rate_projects .proposal .messages .formmain textarea.form-control {
  border-radius: 0;
  min-height: 286px;
  border: none;
  border-bottom: 1px solid #e0d8d8;
  padding: 4px 15px;
  margin: 0 0 15px;
}

.hourly_rate_projects .proposal .delivered .delivery_tab p.dlr {
  border: 1px solid #e0d8d8;
  padding: 8px 10px;
  margin-top: 3px;
  display: inline-block;
}

.hourly_rate_projects .proposal .delivered .delivery_tab .delivery_stap1 {
  border: 1px solid #e8e8e8;
  padding: 15px;
  margin-bottom: 15px;
  background: #f6f6f6;
}

.hourly_rate_projects .proposal .delivered .delivery_tab .delivery_stap1 p {
  color: #292d32;
}

.hourly_rate_projects .proposal .delivered .delivery_tab .delivery_stap1 .st {
  padding-left: 46px;
  position: relative;
}

.hourly_rate_projects
  .proposal
  .delivered
  .delivery_tab
  .delivery_stap1
  .st
  label {
  background: #d9d9d9;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  font-weight: 500;
  border-radius: 50%;
  position: absolute;
  left: 0;
}

.hourly_rate_projects
  .proposal
  .delivered
  .delivery_tab
  .delivery_stap1
  .st
  h6 {
  color: #494949;
  font-size: 15px;
}

.hourly_rate_projects
  .proposal
  .delivered
  .delivery_tab
  .delivery_stap1
  .st
  p
  span {
  color: #b1b1b1;
}

.hourly_rate_projects .proposal .delivered .delivery_tab .DeliveryReviews {
  border: 1px solid #e8e8e8;
  padding: 15px;
  margin-bottom: 15px;
  background: #f6f6f6;
}

.hourly_rate_projects .proposal .delivered .delivery_tab .DeliveryReviews .st {
  padding-left: 46px;
  position: relative;
}

.hourly_rate_projects
  .proposal
  .delivered
  .delivery_tab
  .DeliveryReviews
  .st
  label {
  background: #d9d9d9;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  font-weight: 500;
  border-radius: 50%;
  position: absolute;
  left: 0;
}

.hourly_rate_projects
  .proposal
  .delivered
  .delivery_tab
  .DeliveryReviews
  .st
  h6 {
  color: #000000;
  font-size: 16px;
  margin-bottom: 0;
}

.hourly_rate_projects
  .proposal
  .delivered
  .delivery_tab
  .DeliveryReviews
  .st
  h6
  span {
  color: #8f8f8f;
  position: relative;
  top: 1px;
  margin-left: 5px;
}

.hourly_rate_projects
  .proposal
  .delivered
  .delivery_tab
  .DeliveryReviews
  .st
  h6
  span
  img {
  width: 16px !important;
}

.hourly_rate_projects
  .proposal
  .delivered
  .delivery_tab
  .DeliveryReviews
  .st
  .stin {
  background: #f0efef;
  border: 1px solid #dfdfdf;
  padding: 10px;
}

.hourly_rate_projects
  .proposal
  .delivered
  .delivery_tab
  .DeliveryReviews
  .st
  .stin
  p {
  color: #6e7175;
  margin-bottom: 0;
}

.hourly_rate_projects
  .proposal
  .delivered
  .delivery_tab
  .DeliveryReviews
  .st
  .stin
  p
  span {
  color: #b1b1b1;
  font-size: 12px;
}

.hourly_rate_projects
  .proposal
  .delivered
  .delivery_tab
  .DeliveryReviews
  .st
  textarea {
  background: #f0efef;
  border: 1px solid #dfdfdf;
  padding: 10px;
  display: block;
  width: 100%;
  margin-bottom: 13px;
  min-height: 88px;
}

.hourly_rate_projects
  .proposal
  .delivered
  .delivery_tab
  .DeliveryReviews
  .st
  button.share {
  background: #0077b5;
  color: #fff;
  border: navajowhite;
  padding: 9px 12px;
}

.hourly_rate_projects
  .proposal
  .delivered
  .delivery_tab
  .DeliveryReviews
  .st
  p
  span {
  width: 200px;
  display: inline-block;
}

.hourly_rate_projects
  .proposal
  .delivered
  .delivery_tab
  .DeliveryReviews
  .st
  p
  img {
  height: 20px;
}

.hourly_rate_projects
  .proposal
  .delivered
  .delivery_tab
  .DeliveryReviews
  .stmain.main
  button.share {
  display: none;
}

.hourly_rate_projects
  .proposal
  .delivered
  .delivery_tab
  .DeliveryReviews
  .stmain.main
  .st {
  display: block !important;
}

.hourly_rate_projects .proposal .delivered .revision {
  text-align: center;
}

.hourly_rate_projects .proposal .delivered .revision h5 {
  background: #0077b5;
  color: #fff;
  padding: 10px;
  font-size: 16px;
  margin-bottom: 0;
}

.hourly_rate_projects .proposal .delivered .revision p {
  background: #e3e3e3;
  color: #000;
  padding: 10px;
  margin-top: 10px;
}

.hourly_rate_projects .proposal .delivered p.note {
  border: 1px solid #e8e8e8;
  padding: 18px 18px 18px 54px;
  color: #86888a;
  font-size: 14px;
  margin-top: 15px;
  position: relative;
  background: #f6f6f6;
}

.hourly_rate_projects .proposal .delivered p.note i {
  color: #d80027;
  font-size: 18px;
  position: absolute;
  left: 22px;
}

.hourly_rate_projects .proposal .delivered p.note b {
  color: #d80027;
}

.hourly_rate_projects .proposal .delivered .received {
  padding-left: 50px;
  margin: 16px 0;
  position: relative;
}

.hourly_rate_projects .proposal .delivered .received .img {
  position: absolute;
  left: 0;
  width: 40px;
  height: 40px;
  background: #d9d9d9;
  border-radius: 50%;
  top: 0;
  bottom: 0;
  margin: auto;
}

.hourly_rate_projects .proposal .delivered .received label {
  font-weight: 500;
  color: #000;
}

.hourly_rate_projects .proposal .delivered .received p {
  color: #292d32;
  font-size: 15px;
}

.hourly_rate_projects .proposal .delivered .btn_approve {
  background: #0077b5;
  color: #fff;
  display: inline-block;
  padding: 10px 16px;
  margin-right: 7px;
  min-width: 150px;
  font-weight: 500;
  text-align: center;
  border: 1px solid #0077b5;
}

.hourly_rate_projects .proposal .delivered .btn_approve.SaveDraft {
  border: 1px solid #b7b7b7;
  background: transparent;
  color: #000;
  margin-right: 20px;
}

.hourly_rate_projects .proposal .delivered .btn_approve.Cancel {
  background: #e3e3e3;
  color: #000;
}

.hourly_rate_projects .proposal .delivered .btn {
  border: 1px solid #dfdfdf;
  padding: 10px 20px;
  border-left: 5px solid #0077b5;
  border-radius: 0;
}

.hourly_rate_projects .proposal .delivered .btn span {
  color: #b1b1b1;
}

.hourly_rate_projects .proposal .formmainform {
  display: none;
}

.hourly_rate_projects .proposal .formmainform .Add_pro {
  margin-bottom: 15px;
}

.hourly_rate_projects .proposal .formmainform .Add_pro h4 {
  font-size: 18px;
}

.hourly_rate_projects .proposal .formmainform .Add_pro p {
  background: #fff9ea;
  padding: 25px 60px;
  color: #424242;
  font-weight: 500;
  display: flex;
  font-size: 16px;
}

.hourly_rate_projects .proposal .formmainform .Add_pro p img {
  width: 33px;
  height: 26px !important;
  top: 5px;
  margin-right: 10px;
}

.hourly_rate_projects .proposal .formmainform .Add_pro .img {
  height: 190px;
  width: 200px;
  background-color: #fff9ea;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 5px;
}

.hourly_rate_projects .proposal .formmainform.main {
  display: block;
}

.hourly_rate_projects .proposal .mainrevision {
  display: none;
}

.hourly_rate_projects .proposal .mainrevision.main {
  display: block;
}

.hourly_rate_projects .proposal .public_feedback p a {
  position: relative;
  margin-right: 18px;
}

.hourly_rate_projects .proposal .public_feedback p a + a:after {
  background: black;
  height: 4px;
  width: 4px;
  content: "";
  position: absolute;
  left: -13px;
  border-radius: 50%;
  top: 4px;
  bottom: 0;
  margin: auto;
}

.hourly_rate_projects .proposal .public_feedback p a.more {
  color: #000;
}

.hourly_rate_projects .proposal .public_feedback h5 {
  color: #000;
  margin-bottom: 20px;
}

.hourly_rate_projects .proposal .public_feedback h5.nxs {
  font-size: 17px;
}

.hourly_rate_projects .proposal .public_feedback h5.nxs span {
  font-size: 15px;
  position: relative;
  top: -1px;
}

.hourly_rate_projects .proposal .public_feedback h5.nxs img {
  height: 18px;
  position: relative;
  top: -2px;
}

.hourly_rate_projects .proposal .public_feedback h4 {
  font-size: 20px;
  margin-top: 25px;
}

.hourly_rate_projects .proposal .public_feedback p {
  font-size: 15px;
  color: #393939;
}

.hourly_rate_projects .proposal .public_feedback p span {
  margin-left: 19px;
}

.hourly_rate_projects .proposal .public_feedback h6 {
  color: #000;
  margin-bottom: 5px;
  font-size: 16px;
}

.hourly_rate_projects .proposal .public_feedback h6 span.float-end {
  font-weight: bold;
  font-size: 20px;
}

.hourly_rate_projects .proposal .public_feedback .ssp + .ssp {
  border-top: 1px solid #ccc;
}

.hourly_rate_projects .proposal .public_feedback .ssp {
  margin-bottom: 0;
  padding: 14px 0;
}

.hourly_rate_projects .proposal .public_feedback .ssp span.nmber {
  background: #ccc;
  padding: 4px 7px;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
}

.hourly_rate_projects .proposal .public_feedback .ssp h6 {
  margin-bottom: 0;
}

.hourly_rate_projects .proposal .public_feedback .ssp p {
  color: #292d32 !important;
  font-size: 15px;
}

.hourly_rate_projects .proposal .public_feedback .ssp img {
  height: 20px;
  position: relative;
  top: -3px;
}

.hourly_rate_projects .proposal .public_feedback label {
  color: #000;
  font-weight: 500;
  font-size: 16px;
}

.hourly_rate_projects .proposal .public_feedback label span {
  color: #86888a;
}

.hourly_rate_projects .proposal .public_feedback select {
  border: 1px solid #b7b7b7;
  color: #86888a;
  font-weight: 500;
  padding: 10px 15px;
  margin-top: 5px;
}

.hourly_rate_projects .proposal .public_feedback .formmain {
  margin-top: 15px;
  padding: 0 0 5px;
}

.hourly_rate_projects .proposal .public_feedback .formmain p {
  padding-left: 15px;
}

.hourly_rate_projects .proposal .public_feedback .formmain button {
  right: 10px;
}

.hourly_rate_projects
  .proposal
  .public_feedback
  .formmain
  textarea.form-control {
  min-height: 210px;
  padding: 10px 15px;
}

.hourly_rate_projects .proposal .public_feedback button.Send {
  min-width: 160px;
  padding: 0 15px;
  border: 1px solid #0077b5;
}

.hourly_rate_projects .proposal .public_feedback button.Send.skip {
  border: 1px solid #b7b7b7;
  background: transparent;
  color: #000000;
}

.hourly_rate_projects .proposal .Attachments.Deliveries_act {
  box-shadow: none;
  padding: 0;
  padding-bottom: 20px;
  border-bottom: 1px dashed #b7b7b7;
}

.hourly_rate_projects .proposal .Attachments.Deliveries_act h4 {
  border-bottom: 1px dashed #b7b7b7;
  padding-bottom: 20px;
}

.hourly_rate_projects .proposal .Attachments.Deliveries_act h5 {
  font-size: 17px;
  margin-top: 12px;
  margin-bottom: 6px;
  color: #000;
}

.hourly_rate_projects .proposal .Attachments.Deliveries_act .del {
  border: 1px solid #e8e8e8;
  padding: 15px;
  background: #f6f6f6;
}

.hourly_rate_projects .proposal .Attachments.Deliveries_act .del h6 {
  color: #494949;
  font-size: 15px;
}

.hourly_rate_projects .proposal .Attachments.Deliveries_act .del img {
  height: 18px;
  position: relative;
  top: -2px;
}

.hourly_rate_projects .proposal .Attachments.Deliveries_act .del p {
  color: #292d32;
  font-size: 14px;
  margin-bottom: 3px;
}

.hourly_rate_projects .proposal .Attachments.Deliveries_act .del p span {
  color: #b1b1b1;
}

.hourly_rate_projects .proposal .setmsg {
  box-shadow: 0px 2px 4px #ccc;
  margin-bottom: 30px;
}

.hourly_rate_projects .proposal .setmsg .user {
  margin-bottom: 12px;
}

.hourly_rate_projects .proposal .setmsg .user h5 {
  font-size: 18px;
  color: #000;
}

.hourly_rate_projects .proposal .setmsg .user h5 img {
  height: 20px;
}

.hourly_rate_projects .proposal .setmsg .user h5 {
  color: #000;
}

.hourly_rate_projects .proposal .setmsg .user a.endorsed {
  background: #0077b5;
  color: #fff;
  padding: 7px 12px;
}

.hourly_rate_projects .proposal .setmsg .user p {
  margin-bottom: 8px;
  font-size: 15px;
  color: #000;
}

.hourly_rate_projects .proposal .setmsg .user p b {
  font-weight: 600;
}

.hourly_rate_projects .proposal .setmsg .user p span {
  color: #7a7a7a;
}

.hourly_rate_projects .proposal .setmsg .user p span {
  margin-right: 5px;
}

.hourly_rate_projects .proposal .setmsg .user p span img {
  height: 20px;
  position: relative;
  top: -2px;
}

.hourly_rate_projects .proposal .setmsg .user p a.endorsed {
  background: #0077b5;
  color: #fff;
  padding: 7px 12px;
}

.hourly_rate_projects .proposal .setmsg .user .img {
  background-size: cover;
  width: 100%;
  height: 220px;
  background-position: top;
}

.hourly_rate_projects .proposal .setmsg .user .img span.heart {
  background: #fff;
  width: 40px;
  height: 40px;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  font-size: 21px;
  color: red;
  margin: 10px;
}

.hourly_rate_projects .proposal .setmsg .user ul {
  padding: 0;
  list-style: none;
}

.hourly_rate_projects .proposal .setmsg .user ul li {
  display: inline;
  margin-right: 22px;
  color: #2f8d03;
  font-weight: 500;
  font-size: 14px;
  padding-left: 12px;
  position: relative;
}

.hourly_rate_projects .proposal .setmsg .user ul li:after {
  height: 5px;
  width: 5px;
  position: absolute;
  left: 0;
  background: #2f8d03;
  top: 8px;
  content: "";
  border-radius: 50%;
}

.hourly_rate_projects .proposal .setmsg .user ul a.Hire {
  background: #0077b5;
  color: #fff;
  text-decoration: none;
  padding: 8px 30px;
  position: absolute;
  right: 15px;
  bottom: 20px;
}

.hourly_rate_projects .proposal .setmsg h4 {
  font-size: 17px;
  margin-top: 15px;
}

.hourly_rate_projects .proposal .setmsg p {
  color: #393939;
  font-size: 14px;
  margin-bottom: 3px;
}

.hourly_rate_projects .proposal .setmsg p a {
  color: #0077b5;
  font-weight: 500;
}

.hourly_rate_projects .proposal .setmsg .wordpresscarousel2 {
  margin-top: 20px;
  padding: 0 28px;
  position: relative;
}

.hourly_rate_projects .proposal .setmsg .wordpresscarousel2 .item {
  background: #fff9ef;
  padding: 10px 5px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
}

.hourly_rate_projects .proposal .setmsg .wordpresscarousel2 .owl-dots {
  display: none;
}

.hourly_rate_projects .proposal .setmsg .wordpresscarousel2 button.owl-prev {
  width: 25px;
  height: 25px;
  background: #86888a !important;
  display: inline-block;
  position: absolute;
  border-radius: 5px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.hourly_rate_projects
  .proposal
  .setmsg
  .wordpresscarousel2
  button.owl-prev
  span {
  color: #fff;
  font-size: 24px;
  position: relative;
  top: -9px;
}

.hourly_rate_projects .proposal .setmsg .wordpresscarousel2 button.owl-next {
  width: 25px;
  height: 25px;
  background: #86888a !important;
  display: inline-block;
  position: absolute;
  border-radius: 5px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.hourly_rate_projects
  .proposal
  .setmsg
  .wordpresscarousel2
  button.owl-next
  span {
  color: #fff;
  font-size: 24px;
  position: relative;
  top: -9px;
}

.hourly_rate_projects .proposal .setmsg ul.sealed {
  padding: 0 !important;
  display: block;
  list-style: none;
  text-align: center;
}

.hourly_rate_projects .proposal .setmsg ul.sealed li {
  margin-right: 20px;
  display: inline;
}

.hourly_rate_projects .proposal .setmsg ul.sealed li a {
  color: #000000;
  font-weight: 500;
}

.hourly_rate_projects .proposal .setmsg ul.sealed li a.active {
  color: #0077b5;
}

.hourly_rate_projects .proposal .Attachments.order_sumary ul li span {
  height: 90px;
}

.hourly_rate_projects .proposal .Attachments.order_sumary ul li h6 {
  padding-top: 13px;
}

.hourly_rate_projects .proposal .Attachments.order_sumary p.price {
  border-top: 1px dashed #86888a;
  border-bottom: 1px dashed #86888a;
  padding: 13px 0;
  margin-top: 19px;
}

.hourly_rate_projects .proposal .Attachments.order_sumary p {
  color: #86888a;
  margin-bottom: 12px;
}

.hourly_rate_projects .proposal .AboutDesktop {
  background: #f1f9ff;
  padding: 25px;
}

.hourly_rate_projects .proposal .AboutDesktop h4 {
  font-size: 18px;
  margin-bottom: 18px;
}

.hourly_rate_projects .proposal .AboutDesktop .st {
  padding-left: 70px;
  position: relative;
  margin-bottom: 20px;
}

.hourly_rate_projects .proposal .AboutDesktop .st span {
  background: rgba(227, 227, 227, 0.4);
  width: 50px;
  height: 50px;
  top: 6px;
  display: inline-block;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  position: absolute;
  left: 0;
}

.hourly_rate_projects .proposal .AboutDesktop .st span img {
  height: 24px;
}

.hourly_rate_projects .proposal .AboutDesktop a.learn_more {
  border: 1px solid #cecece;
  background: #ededed;
  display: block;
  color: #000000;
  padding: 10px;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
}

.hourly_rate_projects .proposal .Upfront {
  border: 1px solid #e5e5e5;
  margin-top: 31px;
  padding: 15px;
}

.hourly_rate_projects .proposal .Upfront h6 {
  color: #000000;
  font-size: 16px;
  font-weight: 500;
  border-bottom: 1px dashed #b7b7b7;
  padding-bottom: 15px;
  margin-bottom: 10px;
}

.hourly_rate_projects .proposal .Upfront p {
  margin-bottom: 15px;
}

.hourly_rate_projects .proposal .Upfront p select {
  float: right;
  color: #7c7c7c;
  border: none;
}

.hourly_rate_projects .proposal .OrderStarted {
  background: #ebf7fe;
  padding: 25px;
  text-align: center;
}

.hourly_rate_projects .proposal .OrderStarted h4 {
  font-size: 20px;
}

.hourly_rate_projects .proposal .OrderStarted span {
  border: 1px solid #61c5ff;
  width: 46%;
  float: left;
  text-align: center;
  margin: 0 2%;
  height: 60px;
  font-size: 22px;
  font-weight: 600;
  line-height: 60px;
  box-shadow: 0px 3px 4px #ccc;
  background: linear-gradient(
    0deg,
    rgb(255, 255, 255) 0%,
    rgb(168, 223, 255) 100%
  );
}

.hourly_rate_projects .proposal .OrderStarted p {
  color: #000;
  font-weight: 500;
}

.hourly_rate_projects .proposal .OrderStarted .row {
  margin: 0 -3px;
}

.hourly_rate_projects .proposal .OrderStarted .row p {
  width: 100%;
  float: left;
  padding-top: 8px;
}

.hourly_rate_projects .proposal .OrderStarted .row .col-3 {
  padding: 0 3px;
}

.hourly_rate_projects .proposal .missing {
  background: #f6f6f6;
  width: 85%;
  margin: 16px auto;
  padding: 18px;
}

.hourly_rate_projects .proposal .missing ul {
  padding: 0;
  list-style: none;
  margin: 0;
}

.hourly_rate_projects .proposal .missing ul li a {
  border: 1px solid #0077b5;
  width: 100%;
  display: block;
  color: #0077b5;
  font-weight: 500;
  padding: 9px;
  text-align: center;
}

.hourly_rate_projects .proposal .missing ul li a img {
  height: 20px;
}

.hourly_rate_projects .proposal .missing ul li + li {
  margin-top: 10px;
}

.hourly_rate_projects .proposal .Attachments {
  box-shadow: 0px 2px 4px #ccc;
  padding: 15px;
}

.hourly_rate_projects .proposal .Attachments h4 {
  font-size: 17px;
  margin-top: 0;
  margin-bottom: 20px;
  color: #000;
}

.hourly_rate_projects .proposal .Attachments h4 a {
  float: right;
  color: #0077b5;
}

.hourly_rate_projects .proposal .Attachments ul {
  padding: 0;
  list-style: none;
}

.hourly_rate_projects .proposal .Attachments ul li {
  padding-left: 143px;
  min-height: 115px;
  position: relative;
  margin-bottom: 12px;
}

.hourly_rate_projects .proposal .Attachments ul li span {
  background-size: contain;
  top: 0;
  height: 115px;
  width: 130px;
  position: absolute;
  left: 0;
  background-color: #d1d1d1;
  background-position: center;
  background-repeat: no-repeat;
}

.hourly_rate_projects .proposal .Attachments ul li h6 {
  padding-top: 15px;
}

.hourly_rate_projects .proposal .Attachments ul li p {
  font-size: 16px;
  color: #000;
}

.hourly_rate_projects .proposal .showcase_project .works {
  border: 1px solid #ebecea;
  padding: 20px;
}

.hourly_rate_projects .proposal .showcase_project .Project_Timeline {
  background: #ebf7fe;
  padding: 20px;
  margin-top: 20px;
}

.hourly_rate_projects .proposal .showcase_project .Project_Timeline h3 {
  font-weight: 600;
  font-size: 20px;
}

.hourly_rate_projects .proposal .showcase_project .Project_Timeline p {
  font-size: 18px;
  font-weight: 500;
  color: #000;
  padding: 5px 0;
}

.hourly_rate_projects .proposal .showcase_project .Project_Timeline p span.img {
  background: #d2efff;
  width: 40px;
  height: 40px;
  display: inline-block;
  text-align: center;
  line-height: 35px;
  border-radius: 50%;
  position: relative;
  top: 2px;
}

.hourly_rate_projects .proposal .showcase_project .Project_Timeline span {
  color: #707070;
  font-weight: 400;
  font-size: 16px;
}

.hourly_rate_projects .proposal .showcase_project .requirements {
  margin-top: 20px;
  border: 1px solid #ebecea;
  padding: 20px;
}

.hourly_rate_projects .proposal .showcase_project .requirements h3 {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 15px;
}

.hourly_rate_projects .proposal .showcase_project .requirements p {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  margin-bottom: 10px;
}

.hourly_rate_projects .proposal .showcase_project .requirements p span {
  background: #d9d9d9;
  width: 25px;
  display: inline-block;
  text-align: center;
  margin-right: 10px;
  height: 25px;
  border-radius: 50%;
}

.milestone_modal .modal-content label {
  font-size: 24px;
  font-weight: 400;
  color: #000000;
  margin-top: 15px;
  margin-bottom: 7px;
}

.milestone_modal .modal-content p {
  font-weight: 400;
  color: #000;
  font-size: 16px;
}

.milestone_modal .modal-content h5 {
  font-size: 17px;
  color: #000;
}

.milestone_modal .modal-content h3 {
  font-size: 23px;
}

.milestone_modal .modal-content ul {
  padding: 0;
  list-style: none;
}

.milestone_modal .modal-content ul li {
  padding-left: 30px;
  position: relative;
  margin-bottom: 14px;
}

.milestone_modal .modal-content ul li img {
  height: 25px;
  position: absolute;
  left: 0;
}

.milestone_modal .modal-content ul li input {
  position: absolute;
  left: 0;
  height: 20px;
  width: 20px;
  top: 2px;
}

.my_projects {
  padding: 80px 0 40px 0;
}

.my_projects .container {
  position: relative;
}

.my_projects .container h6.mb-3 {
  position: absolute;
  top: -45px;
}

.my_projects h6 {
  color: #000000;
  font-size: 18px;
  font-weight: 500;
}

.my_projects p.Show {
  font-weight: 500;
}

.my_projects p.Show span {
  margin-left: 25px;
  display: inline-block;
}

.my_projects p.Show span select {
  border: 1px solid #e7e7e7;
  height: 43px;
  padding: 0 9px;
  margin-left: 5px;
}

.my_projects .form {
  height: 46px;
  position: relative;
  width: 400px;
  margin-bottom: 24px;
  overflow: hidden;
  position: absolute;
  right: 320px;
}

.my_projects .form button {
  position: absolute;
  left: 0;
  border: none;
  background: transparent;
  line-height: 43px;
  padding: 0 24px;
  font-size: 18px;
}

.my_projects .form input {
  width: 100%;
  border: 1px solid #caccce;
  border-radius: 30px;
  padding: 0 0 0 70px;
  line-height: 41px;
  background: transparent;
}

.my_projects .nav.nav-tabs {
  margin-bottom: 20px;
  border: none;
  display: flex;
  list-style: none;
  padding: 0;
  position: relative;
  top: 0;
  margin-left: 0;
}

.my_projects .nav.nav-tabs li {
  margin-right: 20px;
}

.my_projects .nav.nav-tabs li .nav-link {
  border: 1px solid #e7e7e7;
  line-height: 44px;
  display: inline-block;
  min-width: 190px;
  text-align: center;
  color: #000;
  font-weight: 500;
  background: #fafafa;
  padding: 0;
  border-radius: 0;
  max-width: 0;
}

.my_projects .nav.nav-tabs li .nav-link.active {
  background: #c4dfee;
  color: #0077b5;
  border-radius: 0;
  border: 1px solid #0077b5;
}

.my_projects .nav.nav-tabs.tabsnew {
  margin-bottom: 0 !important;
  align-items: center;
}
span.pro-search {
    border: 1px solid #ccc;
    padding: 5px 12px;
    border-radius: 38px;
    display: flex;
    align-items: end;
    gap: 6px;
}
.my_projects .nav.nav-tabs.tabsnew li {
  margin-right: 26px;
}

.my_projects .nav.nav-tabs.tabsnew li .nav-link {
  min-width: -moz-max-content;
  min-width: max-content;
  width: auto;
  border: none;
  background: transparent;
  line-height: 32px;
}

.my_projects .nav.nav-tabs.tabsnew li .nav-link.active {
  border-bottom: 2px solid;
}

.my_projects .list {
  border: 1px solid #d2d2d2;
  padding: 0 20px 20px 20px;
}

.my_projects .list .set {
  padding: 18px 0;
  text-align: center;
  border-bottom: 1px solid #ebebeb;
}

.my_projects .list .set .open {
  background: #d6e9f3;
  color: #0077b5;
  padding: 0 10px;
  border-radius: 30px;
  line-height: 38px;
  display: inline-block;
  min-width: 145px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
}

.my_projects .list .set .pending {
  color: #777777;
  background: #e2f2f2;
  padding: 0 10px;
  border-radius: 30px;
  line-height: 38px;
  display: inline-block;
  min-width: 145px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
}

.my_projects .list .set .in_Progress {
  background: #eef6eb;
  color: #2f8d03;
  padding: 0 10px;
  border-radius: 30px;
  line-height: 38px;
  display: inline-block;
  min-width: 145px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
}

.my_projects .list .set .recruiter {
  background: #ebe4f2;
  color: #440c88;
  padding: 0 10px;
  border-radius: 30px;
  line-height: 38px;
  display: inline-block;
  margin-left: 8px;
  min-width: 145px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
}

.my_projects .list .set h6 {
  font-size: 16px;
  font-weight: 500;
  text-align: left;
}

.my_projects .list .set .completed {
  background: #eef6eb;
  color: #2f8d03;
  padding: 0 10px;
  border-radius: 30px;
  line-height: 38px;
  display: inline-block;
  min-width: 145px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
}

.my_projects .list .set .waiting {
  background: rgba(84, 84, 84, 0.1019607843);
  color: #545454;
  padding: 0 10px;
  border-radius: 30px;
  line-height: 38px;
  display: inline-block;
  min-width: 145px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
}

.my_projects .list .set .recr {
  background: rgba(72, 3, 141, 0.1098039216);
  color: #48038d;
  padding: 0 10px;
  border-radius: 30px;
  line-height: 38px;
  display: inline-block;
  min-width: 145px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
}

.my_projects .list .set .completed2 {
  background: rgba(65, 71, 155, 0.1215686275);
  color: #41479b;
  padding: 0 10px;
  border-radius: 30px;
  line-height: 38px;
  display: inline-block;
  min-width: 145px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
}

.my_projects .list .set .refunded {
  background: rgba(255, 65, 5, 0.1215686275);
  color: #ff4105;
  padding: 0 10px;
  border-radius: 30px;
  line-height: 38px;
  display: inline-block;
  min-width: 145px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
}

.my_projects .list .set .in_completed {
  background: #fbe5e9;
  color: #d80027;
  padding: 0 10px;
  border-radius: 30px;
  line-height: 38px;
  display: inline-block;
  min-width: 145px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
}

.my_projects .list .set .expired {
  background: #efefef;
  color: #797979;
  padding: 0 10px;
  border-radius: 30px;
  line-height: 38px;
  display: inline-block;
  min-width: 145px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
}
.my_projects .status-deliverd {
    color: #319931 !important;
    font-weight: 600 !important;
    background-color: #f0f7f4 !important;
}
.heart-icon {
    position: absolute;
    top: 18px;
    right: 16px;
}
.findjobs .save-icon {
    position: absolute;
    right: 26px;
    top: 13px;
    font-size: 20px;
    cursor: pointer;
}
/* .my_projects .status-pending {
    background: #ffc5c5 !important;
    color: red !important;
    font-weight: 600 !important;
} */

.my_projects .list .set .revoked {
  background: #fef5df;
  color: #f4b30c;
  padding: 0 10px;
  border-radius: 30px;
  line-height: 38px;
  display: inline-block;
  min-width: 145px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
}

.my_projects .list .set button.dropdown-toggle {
  border: 1px solid #e7e7e7;
  padding: 0;
  background: #fafafa;
  min-width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-top: 12px;
}

.my_projects .list .set button.dropdown-toggle i {
  font-size: 19px;
}

.my_projects .list .set button.dropdown-toggle::after {
  display: none;
}

.my_projects .list .set .comp {
  border: 1px solid #e7e7e7;
  padding: 10px 20px;
  background: #fafafa;
  min-width: 150px;
  display: inline-block;
  text-align: center;
  color: #000;
}

.my_projects .list .set h5 {
  font-size: 18px;
  color: #000;
  margin-bottom: 4px;
}

.my_projects .list .set p {
  margin-bottom: 0;
}

.my_projects ul.pagination {
  display: inline-flex;
}

.my_projects ul.pagination li {
  margin-left: 10px;
}

.my_projects ul.pagination li a {
  border: 1px solid #b7b7b7;
  color: #b7b7b7;
  border-radius: 5px;
  padding: 6px 16px;
}

section.get_started {
  padding: 60px 0;
  background: #f1f1f1;
  margin: 50px 0 0;
}

section.get_started .set {
  background: #fff;
  border-radius: 15px;
  height: 100%;
  max-width: 300px;
  margin: auto;
  position: relative;
}

section.get_started .set .img {
  background-size: cover;
  height: 250px;
  background-position: center;
  transform: scale(1);
  transition: 0.3s ease-in-out;
  position: relative;
  overflow: hidden;
}

section.get_started .set h6 {
  color: #000;
  margin: 0;
  padding: 15px 15px;
  font-size: 17px;
  position: absolute;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8588235294);
  width: 100%;
}

section.get_started .set p {
  padding: 15px;
  font-weight: 500;
  margin-bottom: 0;
}

section.get_started .set h3 {
  background: #0077b5;
  color: #fff;
  position: absolute;
  left: -52px;
  width: 85px;
  height: 85px;
  text-align: center;
  line-height: 85px;
  padding: 0;
  font-size: 46px;
  z-index: 9;
  top: 36px;
}

section.Tips_for_Success {
  background: #0077b5;
  padding: 60px 0;
}

section.Tips_for_Success h2 {
  color: #fff;
  margin-bottom: 35px;
}

section.Tips_for_Success .set {
  padding: 25px 20px;
  height: 100%;
  background: #fff;
}

section.Tips_for_Success .set h4 {
  font-size: 20px;
  color: #000;
}

section.Tips_for_Success .set h4 img {
  height: 36px;
  margin-right: 16px;
}

section.Tips_for_Success .set p {
  line-height: 28px;
  margin: 0;
  min-height: 210px;
  font-size: 15px;
}

.project_catalog {
  padding: 70px 0;
}

.project_catalog .set {
  padding: 20px;
  background: #e2e2e2;
}

.project_catalog .set h6 {
  font-size: 18px;
  font-weight: 600;
  -moz-columns: #000;
  columns: #000;
}

.project_catalog .set p {
  color: #292d32;
}

.project_catalog h4 {
  font-size: 35px;
  font-weight: 600;
  margin-bottom: 40px;
}

.project_catalog h6 {
  font-size: 20px;
  font-weight: 500;
  -moz-columns: #000;
  columns: #000;
}

.project_catalog ul li {
  color: #8a8d92;
  font-size: 18px;
  margin-bottom: 12px;
  font-weight: 500;
}

.project_catalog ul {
  padding: 0;
  list-style: none;
  margin-top: 15px;
}

.create_project_freelancer {
  margin: 60px 0;
}

.create_project_freelancer .nav.nav-tabs {
  margin-bottom: 30px;
  border: none;
}

.create_project_freelancer .nav.nav-tabs li {
  margin-right: 20px;
}

.create_project_freelancer .nav.nav-tabs li a {
  border: 1px solid #e7e7e7;
  line-height: 44px;
  display: inline-block;
  min-width: 170px;
  text-align: center;
  color: #000;
  font-weight: 400;
  background: #fafafa;
  padding: 0;
  border-radius: 0;
  max-width: 0;
}

.create_project_freelancer .nav.nav-tabs li a.active {
  font-weight: 600;
  border: 1px solid #cccccc;
}

.create_project_freelancer .tab {
  display: none;
}

.create_project_freelancer .tab .Scope_Pricing.main .Scope1 {
  display: none;
}

.create_project_freelancer .tab .Scope_Pricing.main .Scope2 {
  display: block !important;
}

.create_project_freelancer .tab .create_project_freelancer_left {
  border-right: 1px solid #e2e2e2;
  padding-right: 40px;
  margin-right: 20px;
  padding-bottom: 60px;
}

.create_project_freelancer .tab .create_project_freelancer_left .all_content {
  padding: 25px;
  border-radius: 0;
  outline: none;
  box-shadow: none;
  border: 1px solid #d9d9d9;
}

.create_project_freelancer .tab .create_project_freelancer_left .all_content p {
  color: #000000;
}

.create_project_freelancer .tab .create_project_freelancer_left h2 {
  font-size: 24px;
  color: #000;
  font-weight: 600;
}

.create_project_freelancer .tab .create_project_freelancer_left h6 {
  font-size: 20px;
  color: #000;
}

.create_project_freelancer .tab .create_project_freelancer_left .suggested {
  margin-top: 20px;
}

.create_project_freelancer
  .tab
  .create_project_freelancer_left
  .suggested
  span {
  color: #0077b5;
  font-size: 15px;
}

.create_project_freelancer .tab .create_project_freelancer_left p {
  color: #939393;
}

.create_project_freelancer .tab .create_project_freelancer_left a.see {
  color: #0077b5;
  font-size: 16px;
  font-weight: 500;
}

.create_project_freelancer .tab .create_project_freelancer_left ul {
  padding: 0;
}

.create_project_freelancer .tab .create_project_freelancer_left ul li {
  list-style: none;
  margin-bottom: 7px;
}

.create_project_freelancer .tab .create_project_freelancer_left ul li a {
  color: #0077b5;
  text-decoration: underline !important;
  font-size: 15px;
}

.create_project_freelancer .tab .create_project_freelancer_left .form-group {
  position: relative;
}

.create_project_freelancer
  .tab
  .create_project_freelancer_left
  .form-group
  span {
  position: absolute;
  left: 15px;
  top: 11px;
}

.create_project_freelancer
  .tab
  .create_project_freelancer_left
  .form-group
  .form-control {
  padding-left: 77px;
}

.create_project_freelancer .tab .create_project_freelancer_left .form-control {
  border: 1px solid #d9d9d9;
  padding: 10px 15px;
  border-radius: 0;
  outline: none;
  box-shadow: none;
}

.create_project_freelancer
  .tab
  .create_project_freelancer_left
  .form-control::-moz-placeholder {
  color: #cccccc;
}

.create_project_freelancer
  .tab
  .create_project_freelancer_left
  .form-control::placeholder {
  color: #cccccc;
}

.create_project_freelancer
  .tab
  .create_project_freelancer_left
  select.form-control {
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
  padding-left: 10px;
}

.create_project_freelancer
  .tab
  .create_project_freelancer_left
  select.form-control::-moz-placeholder {
  color: #7b7b7b;
}

.create_project_freelancer
  .tab
  .create_project_freelancer_left
  select.form-control::placeholder {
  color: #7b7b7b;
}

.create_project_freelancer
  .tab
  .create_project_freelancer_left
  textarea.form-control {
  height: 130px;
}

.create_project_freelancer .tab .create_project_freelancer_left label {
  color: #292d32;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 12px;
}

.create_project_freelancer .tab .create_project_freelancer_left h5 {
  font-size: 22px;
  color: #000;
  margin-top: 20px;
}

.create_project_freelancer .tab .create_project_freelancer_left h5 a.addbtn {
  color: #0077b5;
  font-size: 15px;
  float: right;
}

.create_project_freelancer .tab .create_project_freelancer_left .meta_data {
  border: 1px solid #d1d1d1;
  padding-bottom: 40px;
  min-height: 365px;
  height: 100%;
}

.create_project_freelancer .tab .create_project_freelancer_left .meta_data h4 {
  font-size: 18px;
  color: #fff;
  background: #0077b5;
  text-align: center;
  padding: 23px 10px;
}

.create_project_freelancer .tab .create_project_freelancer_left .meta_data p {
  color: #939393;
  padding: 0 15px;
  margin-bottom: 12px;
  font-size: 14px;
}

.create_project_freelancer
  .tab
  .create_project_freelancer_left
  .meta_data
  p
  input {
  width: 18px;
  height: 18px;
  position: relative;
  top: 3px;
  margin-right: 9px;
}

.create_project_freelancer
  .tab
  .create_project_freelancer_left
  .meta_data
  .form {
  padding: 0 15px;
  position: relative;
}

.create_project_freelancer
  .tab
  .create_project_freelancer_left
  .meta_data
  .form
  input {
  border: 1px solid #cfcfcf;
  padding: 10px 45px 10px 15px;
  width: 100%;
  border-radius: 4px;
}

.create_project_freelancer
  .tab
  .create_project_freelancer_left
  .meta_data
  .form
  i {
  position: absolute;
  right: 16px;
  color: #cfcfcf;
  padding: 7px 14px;
  font-size: 19px;
}

.create_project_freelancer
  .tab
  .create_project_freelancer_left
  .meta_data.meta_data2
  p {
  width: 40%;
  float: left;
}

.create_project_freelancer
  .tab
  .create_project_freelancer_left
  .meta_data.meta_data3
  p {
  width: 33.33%;
  float: left;
}

.create_project_freelancer
  .tab
  .create_project_freelancer_left
  .accordion-item {
  border-top: 1px solid #dee2e6;
}

.create_project_freelancer
  .tab
  .create_project_freelancer_left
  .accordion-item
  span.accordion-button {
  background: transparent !important;
  color: #7c7c7c !important;
}

.create_project_freelancer
  .tab
  .create_project_freelancer_left
  .accordion-item
  span.accordion-button
  img {
  margin-right: 10px;
}

.create_project_freelancer .tab .create_project_freelancer_left .addquestion {
  margin-top: 20px;
}

.create_project_freelancer
  .tab
  .create_project_freelancer_left
  .addquestion
  .form-control {
  border: 1px solid #d9d9d9;
  padding: 10px 15px;
  border-radius: 0;
  outline: none;
  box-shadow: none;
  margin-top: 12px;
}

.create_project_freelancer
  .tab
  .create_project_freelancer_left
  .addquestion
  a.Delete {
  color: #d80027;
  font-weight: 500;
  padding: 12px 0;
  display: inline-block;
}

.create_project_freelancer
  .tab
  .create_project_freelancer_left
  .addquestion
  h6 {
  font-size: 16px;
}

.create_project_freelancer
  .tab
  .create_project_freelancer_left
  .addquestion
  button {
  border: 1px solid #0077b5;
  margin-left: 12px;
}

.create_project_freelancer
  .tab
  .create_project_freelancer_left
  .addquestion
  button.cancel {
  color: #86888a;
  border: 1px solid #86888a;
  background: transparent;
}

.create_project_freelancer .tab .CreateReview {
  border-right: none;
  padding-right: 0;
  margin-right: 0;
  padding-bottom: 0;
}

.create_project_freelancer .tab .CreateReview .submitting {
  padding-left: 35px;
  position: relative;
}

.create_project_freelancer
  .tab
  .CreateReview
  .submitting
  input[type="checkbox"] {
  position: absolute;
  left: 0;
  width: 18px;
  height: 18px;
  top: 4px;
}

.create_project_freelancer .tab .CreateReview .submitting p {
  font-size: 12px;
  color: #717171;
  margin-bottom: 4px;
}

.create_project_freelancer .tab .CreateReview .submitting p a {
  color: #0077b5;
  font-weight: 500;
}

.create_project_freelancer .tab .CreateReview ul.tags {
  padding-left: 0;
  margin-bottom: 0;
}

.create_project_freelancer .tab .CreateReview ul.tags li {
  display: inline-block;
  margin-bottom: 0;
  border: 1px solid #ccc;
  margin-right: 10px;
  padding: 3px 10px;
  color: #000000;
  border-radius: 30px;
  font-size: 12px;
  font-weight: 500;
}

.create_project_freelancer .tab .CreateReview p.copyright {
  color: #717171;
}

.create_project_freelancer .tab .CreateReview p.copyright span {
  color: red;
  font-weight: 500;
}

.create_project_freelancer .tab .CreateReview h6 {
  font-size: 17px;
  color: #000;
  margin-top: 18px;
  margin-bottom: 20px;
}

.create_project_freelancer .tab .CreateReview table.table {
  border: 1px solid #aaaaaa;
  background: #d9d9d9;
}

.create_project_freelancer .tab .CreateReview table.table thead tr th {
  border-bottom: none;
  padding: 20px;
  font-size: 15px;
}

.create_project_freelancer
  .tab
  .CreateReview
  table.table
  thead
  tr
  th:last-child {
  border-bottom: none;
  border-left: 1px solid #aaaaaa;
  padding: 20px;
}

.create_project_freelancer .tab .CreateReview table.table tbody tr td {
  font-size: 14px;
  border-left: 1px solid #aaaaaa;
  padding: 20px;
  width: 33.33%;
  color: #292d32;
}

.create_project_freelancer .tab .CreateReview table.table tbody tr td p {
  color: #292d32;
  margin-bottom: 8px;
}

.create_project_freelancer .tab .CreateReview table.table tbody tr td p b {
  color: #000000;
}

.create_project_freelancer
  .tab
  .CreateReview
  table.table
  tbody
  tr
  td
  input[type="number"] {
  border: 1px solid #909090;
  width: 100px;
  line-height: 38px;
}

.create_project_freelancer .tab .CreateReview table.table tbody tr td ul {
  padding-left: 10px;
}

.create_project_freelancer .tab .CreateReview table.table tbody tr td ul li {
  list-style: inside;
}

.create_project_freelancer
  .tab
  .CreateReview
  table.table
  tbody
  tr
  td
  table.table {
  border: none;
  margin: 0;
}

.create_project_freelancer
  .tab
  .CreateReview
  table.table
  tbody
  tr
  td
  table.table
  tr
  th {
  border: 1px solid #aaa;
}

.create_project_freelancer .tab .CreateReview table.table tbody tr th {
  border-bottom: none;
  padding: 20px;
}

.create_project_freelancer .tab .CreateReview table.table tbody tr th p {
  font-size: 13px;
}

.create_project_freelancer .tab .CreateGallery h6 {
  margin-top: 32px;
}

.create_project_freelancer .tab .CreateGallery .main_upload h4 {
  font-size: 14px;
  margin-top: 0;
  color: #000;
  margin-bottom: 5px;
}

.create_project_freelancer .tab .CreateGallery .main_upload p {
  font-size: 12px;
  color: #000;
  margin-bottom: 0;
}

.create_project_freelancer .tab .CreateGallery .main_upload .upload {
  border: none;
  height: 152px;
  position: relative;
  padding: 10px 20px;
}

.create_project_freelancer .tab .CreateGallery .main_upload .upload span.trash {
  position: absolute;
  right: 10px;
  top: 10px;
}

.create_project_freelancer .tab .CreateGallery .main_upload .upload h6 {
  position: absolute;
  left: 12px;
  bottom: 5px;
  color: #fff;
  font-size: 15px;
}

.create_project_freelancer .tab .CreateGallery .main_upload .cont {
  box-shadow: 0px 3px 3px #ccc;
  padding: 9px;
  min-height: 58px;
}

.create_project_freelancer .tab .CreateGallery .upload {
  border: 1px dashed #8f8f8f;
  padding: 30px 20px;
  text-align: center;
  height: 152px;
  position: relative;
}

.create_project_freelancer .tab .CreateGallery .upload p {
  color: #86888a;
  margin-bottom: 0;
}

.create_project_freelancer .tab .CreateGallery .upload span.video {
  position: absolute;
  left: 10px;
  top: 10px;
}

.create_project_freelancer .tab .CreateGallery p {
  color: #000000;
}

.create_project_freelancer .tab .Scope_Pricing h6 {
  font-size: 16px;
  color: #000;
  font-weight: 400;
}

.create_project_freelancer .tab .Scope_Pricing h6 img {
  width: 24px;
  position: relative;
  top: -2px;
}

.create_project_freelancer .tab .Scope_Pricing table {
  margin-top: 20px;
}

.create_project_freelancer .tab .Scope_Pricing table tr th {
  font-size: 16px;
  border: none;
}

.create_project_freelancer .tab .Scope_Pricing table tr td {
  width: 25%;
  text-align: center;
  border: none;
}

.create_project_freelancer .tab .Scope_Pricing table tr td span.text-end {
  display: block;
  text-align: right;
}

.create_project_freelancer .tab .Scope_Pricing table tr td .form-control {
  border: 1px solid #d9d9d9;
  padding: 15px;
  margin-bottom: 0;
}

.create_project_freelancer .tab .Scope_Pricing table tr td .form-control input {
  width: 20px;
  height: 20px;
}

.create_project_freelancer .tab .Scope_Pricing table tr th {
  width: 25%;
  text-align: center;
  font-weight: 500;
  border: none;
}

.create_project_freelancer .tab .Scope_Pricing table tbody tr th {
  padding: 20px 0 !important;
  text-align: left !important;
  font-weight: 500;
}

.create_project_freelancer .tab .Scope_Pricing .additional tr {
  vertical-align: middle;
}

.create_project_freelancer .tab .Scope_Pricing .additional tr td {
  width: 16%;
  text-align: left;
}

.create_project_freelancer .tab .Scope_Pricing .additional tr td .form-control {
  border: 1px solid #d9d9d9;
  padding: 7px 15px;
}

.create_project_freelancer .tab .Scope_Pricing .additional tr td img {
  width: 24px;
  position: relative;
  top: -2px;
}

.create_project_freelancer .tab .Scope_Pricing .additional tr td.ps-3 {
  padding-left: 38px !important;
}

.create_project_freelancer .tab .Scope_Pricing .additional tr td:first-child {
  width: 24%;
}

.create_project_freelancer .tab .Scope_Pricing h2 span.float-end {
  font-size: 15px;
}

.create_project_freelancer
  .tab
  .Scope_Pricing
  h2
  span.float-end
  .form-check.form-switch {
  padding: 0;
  display: inline;
  float: right;
  width: 50px;
  margin-left: 10px;
}

.create_project_freelancer
  .tab
  .Scope_Pricing
  h2
  span.float-end
  .form-check.form-switch
  input {
  margin: 0;
  width: 100%;
  height: 25px;
  outline: none;
  box-shadow: none;
}

.create_project_freelancer .tab .Scope_Pricing a.add-on {
  color: #2f8d03;
  font-weight: 500;
  font-size: 16px;
}

.create_project_freelancer .tab .Scope_Pricing p {
  color: #000000;
  font-size: 14px;
}

.create_project_freelancer .tab .Scope_Pricing p input {
  border-radius: 11px;
  height: 18px;
  width: 18px;
  position: relative;
  top: 4px;
  margin-right: 7px;
}

.create_project_freelancer .tab .set {
  background: #f4f4f4;
  padding: 20px;
  position: sticky;
  top: 25px;
}

.create_project_freelancer .tab .set ul {
  padding: 0;
}

.create_project_freelancer .tab .set ul li {
  padding-left: 35px;
  list-style: none;
  position: relative;
  margin-bottom: 10px;
}

.create_project_freelancer .tab .set ul li img {
  position: absolute;
  left: 0;
  top: 0;
}

.create_project_freelancer .tab .mainActivity .set {
  margin-top: -75px;
}

.create_project_freelancer .tab .mainActivity .Activity {
  padding: 75px 25px 25px;
  border-radius: 0;
  outline: none;
  box-shadow: 0px 1px 3px #ccc;
  margin-top: -75px;
}

.create_project_freelancer .tab .mainActivity .Activity textarea.form-control {
  height: 60px;
}

.create_project_freelancer .tab .mainActivity .Activity h5 {
  padding-left: 30px;
  font-size: 18px;
  color: #000;
  margin-top: 0;
  position: relative;
}

.create_project_freelancer .tab .mainActivity .Activity h5 input {
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
  top: 3px;
}

.create_project_freelancer .tab .mainActivity .Activity p {
  font-size: 14px;
}

.create_project_freelancer .tab .mainActivity .Activity .questions {
  margin-top: 25px;
  background: #f4f4f4;
  border: 1px solid #dfdfdf;
  padding: 15px;
}

.create_project_freelancer .tab .mainActivity .Activity .questions label {
  display: block;
  color: #000;
}

.create_project_freelancer
  .tab
  .mainActivity
  .Activity
  .questions
  button.cancel {
  color: #86888a;
  border: 1px solid #86888a;
  background: transparent;
  padding: 11px;
  margin-right: 6px;
}

.create_project_freelancer .tab .mainActivity .Activity .questions_tab {
  margin-top: 20px;
  display: none;
}

.create_project_freelancer
  .tab
  .mainActivity
  .Activity
  .questions_tab
  .accordion-item {
  border: none;
}

.create_project_freelancer
  .tab
  .mainActivity
  .Activity
  .questions_tab
  .accordion-item
  a.delete {
  color: red;
  font-weight: 500;
}

.create_project_freelancer
  .tab
  .mainActivity
  .Activity
  .questions_tab
  .accordion-item
  button.accordion-button {
  border: 1px solid #dadada;
  box-shadow: none;
  font-size: 15px !important;
  padding: 17px 15px;
  margin-top: 20px;
  margin-bottom: 0 !important;
  background: transparent !important;
  color: #616161;
  border-radius: 6px;
}

.create_project_freelancer
  .tab
  .mainActivity
  .Activity
  .questions_tab
  .accordion-item
  .questions {
  margin-top: 15px;
  border: none;
  padding: 0;
}

.create_project_freelancer
  .tab
  .mainActivity
  .Activity
  .questions_tab
  .accordion-item
  .questions
  p.form-control {
  border-radius: 6px;
  font-size: 17px;
  color: #616161;
  min-height: 100px;
}

.create_project_freelancer .tab .mainActivity .Activity .questions_tab h6.hd {
  border: 1px solid #dadada;
  font-size: 15px !important;
  padding: 17px 15px;
  margin-top: 20px;
  margin-bottom: 0 !important;
}

.create_project_freelancer
  .tab
  .mainActivity
  .Activity
  .questions_tab
  h6.hd
  span.dropdown {
  float: right;
}

.create_project_freelancer
  .tab
  .mainActivity
  .Activity
  .questions_tab
  h6.hd
  span.dropdown
  li
  a {
  color: #626262;
  text-decoration: none !important;
}

.create_project_freelancer
  .tab
  .mainActivity
  .Activity
  .questions_tab
  h6.hd
  span.dropdown
  span::after {
  display: none;
}

.create_project_freelancer .tab .mainActivity .Activity .questions_tab h5 {
  font-size: 15px;
  margin-top: 10px;
}

.create_project_freelancer
  .tab
  .mainActivity
  .Activity
  .questions_tab
  h6.your_h6 {
  border-bottom: 1px solid #d4d4d4;
  color: #86888a;
  font-size: 15px;
  margin-bottom: 0;
}

.create_project_freelancer
  .tab
  .mainActivity
  .Activity
  .questions_tab
  h6.your_h6
  span {
  position: relative;
  top: 6px;
  background: #fff;
  padding: 0 10px;
}

.create_project_freelancer .tab .mainActivity .Activity .questions_tab.main {
  display: block;
}

.create_project_freelancer .tab .mainActivity .nav.nav-tabs {
  margin: 30px auto 15px;
  display: table;
  position: relative;
  z-index: 999;
}

.create_project_freelancer .tab .mainActivity .nav.nav-tabs li {
  display: inline-block;
}

.create_project_freelancer .tab .mainActivity .nav.nav-tabs li button {
  background: #f4f4f4;
  color: #000;
  border-radius: 0;
  min-width: 260px;
}

.create_project_freelancer .tab .mainActivity .nav.nav-tabs li button.active {
  border: 1px solid #86888a;
  background: transparent;
}

.create_project_freelancer button {
  background: #0077b5;
  color: #fff;
  padding: 12px;
  min-width: 145px;
  border: none;
  font-weight: 500;
}

.create_project_freelancer button#Save {
  border: 1px solid #86888a;
  color: #86888a;
  background: transparent;
  padding: 11px;
  margin-right: 12px;
}

.create_project_freelancer button#prevBtn {
  border: 1px solid #86888a;
  color: #86888a;
  background: transparent;
  padding: 11px;
  margin-right: 12px;
  float: left;
}

.ModalAdd_tags {
  max-width: 610px !important;
}

.ModalAdd_tags img.Add_tags {
  max-width: 190px;
  margin-bottom: 25px;
}

.ModalAdd_tags .modal-content h4 {
  font-size: 20px;
}

.ModalAdd_tags .modal-content label {
  font-size: 15px;
}

.ModalAdd_tags .modal-content button.btn-close {
  background: transparent !important;
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 25px;
  padding: 0;
}

.ModalAdd_tags .modal-content button.btn-close i {
  color: #b9b9b9;
}

.send_to_review {
  max-width: 610px !important;
}

.send_to_review .modal-content {
  padding: 80px 60px;
}

.send_to_review .modal-content img {
  height: 45px;
  margin-bottom: 10px;
}

.send_to_review .modal-content a.btn {
  border: 1px solid #86888a;
  min-width: 120px;
  border-radius: 3px;
  height: 44px;
  font-weight: 500;
  line-height: 44px;
  padding: 0;
  display: inherit;
  color: #86888a;
}

.my_showcase {
  padding: 60px 0;
}

.my_showcase .nav-tabs {
  border: none;
  margin-bottom: 20px;
  border-bottom: 2px solid #ccc;
}

.my_showcase .nav-tabs li {
  margin-right: 32px;
}

.my_showcase .nav-tabs li button {
  border: none;
  color: #616161;
  line-height: 38px;
  padding: 0 0;
  margin: 0 !important;
  font-weight: 600;
  position: relative;
  top: 2px;
}

.my_showcase .nav-tabs li button.active {
  border-bottom: 2px solid #43b80c !important;
  color: #43b80c;
}

.my_showcase a.load_more {
  background: #014568;
  color: #fff;
  font-size: 14px;
  padding: 10px 38px;
  display: inline-block;
}

.my_showcase table {
  padding: 20px 20px 20px 80px;
  position: relative;
  box-shadow: 0px 3px 3px #ccc;
  margin-bottom: 25px;
}

.my_showcase table tr th {
  font-size: 15px;
  padding: 12px 20px;
  font-weight: 500;
}

.my_showcase table tr td {
  font-size: 14px;
  padding: 12px 20px;
  vertical-align: middle;
}

.my_showcase table tr td span.dropdown .btn.dropdown-toggle {
  border: 1px solid #dee2e6;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  color: #43b80c;
  font-size: 19px;
}

.my_showcase table tr td span.dropdown .btn.dropdown-toggle:after {
  display: none;
}

.my_showcase table tr td .btn {
  padding: 0;
  font-size: 15px;
}

.my_showcase table tr td .form-switch .form-check-input {
  width: 3em;
  height: 22px;
}

.findjobs .form input {
  padding: 0 0 0 36px;
}

.findjobs .findjobs_in {
  border: 1px solid #ccdcf6;
  padding: 20px;
}

.findjobs .findjobs_in h6 select {
  width: 75px;
  padding: 6px;
  box-shadow: 0px 0px 3px rgba(112, 112, 112, 0.7882352941);
  border: none;
  display: inline-block;
  position: relative;
  top: 2px;
}

.findjobs .carousel-indicators {
  bottom: 25px;
  left: 36px !important;
  right: inherit;
  display: inherit;
  margin: 0;
}

.findjobs .carousel-indicators button {
  height: 15px !important;
  width: 15px !important;
  border-radius: 50%;
}

.findjobs h5.tp {
  font-size: 17px;
  font-weight: 500;
}

.findjobs h3 {
  font-size: 24px;
  margin-bottom: 20px;
}

.findjobs .nav-tabs {
  border: none;
  margin-bottom: 20px;
  border-bottom: 2px solid #caccce;
}

.findjobs .nav-tabs li {
  margin-right: 18px;
}

.findjobs .nav-tabs li button {
  border: navajowhite;
  min-width: auto;
  color: #000;
  line-height: 39px;
  padding: 0;
  margin: 0 !important;
  font-weight: 500;
  position: relative;
  top: 2px;
}

.findjobs .nav-tabs li button.active {
  color: #0077b5;
  border-bottom: 2px solid #0077b5;
}

.findjobs .Sam_Smith {
  background: #e9f1ff;
  min-height: 300px;
  padding: 25px;
  text-align: center;
}

.findjobs .Sam_Smith p {
  color: #292d32;
  font-size: 14px;
}

.findjobs .Sam_Smith .img {
  height: 100px;
  width: 100px;
  background-size: cover;
  border-radius: 50%;
  margin: 0 auto 15px;
}

.findjobs .Sam_Smith h6 i {
  color: #22a5ea;
}

.findjobs .Sam_Smith h5 {
  border-bottom: 1px dashed #aaaaaa;
  padding-bottom: 15px;
  margin-bottom: 20px;
}

.findjobs .carousel .carousel-item {
  position: relative;
  background-color: #60a9d1;
  padding: 40px 40px 80px;
  min-height: 300px;
  background-size: contain;
  background-position: right;
  background-repeat: no-repeat;
}

.findjobs .carousel .carousel-item h4 {
  color: #fff;
  font-size: 30px;
  border: none;
  padding: 0;
}

.findjobs .carousel .carousel-item p {
  color: #fff;
  font-size: 16px;
  width: 50%;
}

.findjobs .carousel .carousel-item a.LearnMore {
  background: #0077b5;
  color: #fff;
  display: inline-block;
  padding: 10px 36px;
  border-radius: 30px;
}

.findjobs .Finances {
  background: #e9f1ff;
  padding: 20px;
  background-size: contain;
  background-position: right bottom;
  background-repeat: no-repeat;
}

.findjobs .Finances h4 {
  border-bottom: none;
  padding-bottom: 0px;
  font-size: 20px;
  color: #000;
}

.findjobs .Finances p.usa {
  background: #fff;
  padding: 10px 20px;
  display: inline-block;
  margin: 3px 0 10px;
}

.findjobs .Finances p.usa img {
  height: 17px;
  margin-right: 6px;
  position: relative;
  top: -3px;
}

.findjobs .Finances p.usa span {
  margin-left: 20px;
}

.findjobs .Finances ul {
  padding: 0;
  list-style: none;
  margin-bottom: 0;
}

.findjobs .Finances ul li a {
  display: block;
  color: #4079de;
  font-weight: 400;
  padding: 0 0;
}

.findjobs .Finances ul li a i {
  font-size: 18px;
  position: relative;
  top: 2px;
}

.findjobs .QuickStats {
  background: #b2dcf9;
  padding: 25px;
  margin-top: 16px;
}

.findjobs .QuickStats h4 {
  border-bottom: none;
  padding-bottom: 10px;
  font-size: 20px;
  color: #000;
}

.findjobs .QuickStats .st {
  background: #fff;
  border-radius: 7px;
  padding: 10px 10px 10px 75px;
  text-align: center;
  margin-top: 8px;
  position: relative;
  min-height: 85px;
}

.findjobs .QuickStats .st img {
  position: absolute;
  left: 38px;
  height: 32px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.findjobs .QuickStats .st h5 {
  font-size: 16px;
  color: #1f1f1f;
  font-weight: 600;
  margin-bottom: 5px;
}

.findjobs .QuickStats .st p {
  margin-bottom: 0;
  font-weight: 400;
  font-size: 14px;
}

.findjobs .Polls {
  background: #60a9d1;
  margin-top: 16px;
  padding: 25px 20px;
}

.findjobs .Polls h4 {
  border-bottom: none;
  padding-bottom: 10px;
  font-size: 20px;
  color: #fff;
}

.findjobs .Polls h6 {
  color: #fff;
}

.findjobs .Polls ul {
  padding: 0;
  list-style: none;
  margin-top: 12px;
}

.findjobs .Polls ul li {
  color: #fff;
  font-size: 14px;
  margin-bottom: 4px;
}

.findjobs .Polls ul li input {
  height: 20px;
  width: 20px;
  margin-right: 10px;
  position: relative;
  top: 5px;
}

.findjobs .Polls .btn {
  border: 1px solid #fff;
  width: 100%;
  color: #fff;
  font-weight: 500;
  border-radius: 30px;
  padding: 8px;
}

.findjobs .Polls button.btn.Submit {
  border: 1px solid #0077b5;
  background: #0077b5;
}

.findjobs .LatestClient {
  background: #0077b5;
  margin-top: 16px;
  padding: 25px 20px;
}

.findjobs .LatestClient h4 {
  border-bottom: none;
  padding-bottom: 10px;
  font-size: 18px;
  color: #fff;
}

.findjobs .LatestClient .row {
  margin: 0 -2px;
}

.findjobs .LatestClient .row .col-sm-2 {
  padding: 0 2px;
}

.findjobs .LatestClient .ust {
  position: relative;
  text-align: center;
}

.findjobs .LatestClient .ust i {
  color: #55f908;
  font-size: 9px;
  position: absolute;
  right: 15px;
  top: 39px;
}

.findjobs .LatestClient .ust .img {
  background-size: cover;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  margin: 0 auto 5px;
}

.findjobs .LatestClient .ust p {
  font-size: 10px;
  color: #fff;
}

.findjobs .LatestClient .st {
  background: #fff;
  padding: 15px 10px 15px 70px;
  margin-top: 8px;
  position: relative;
}

.findjobs .LatestClient .st h6 {
  color: #000000;
  margin-bottom: 0;
  font-size: 14px;
}

.findjobs .LatestClient .st h6 span {
  color: #1a73e8;
}

.findjobs .LatestClient .st p {
  font-size: 14px;
  margin: 0;
  color: #a7a7a7;
}

.findjobs .LatestClient .mainimg {
  position: absolute;
  left: 0;
  width: 70px;
  text-align: center;
  top: 0;
  bottom: 0;
  height: 68px;
  margin: auto;
}

.findjobs .LatestClient .mainimg p {
  color: #000;
  font-weight: 500;
  font-size: 12px;
}

.findjobs .LatestClient .mainimg .img {
  height: 45px;
  width: 45px;
  background-size: cover;
  border-radius: 50%;
  margin: auto;
}

.findjobs .LatestClient a.LoadMore {
  color: #fff;
  text-decoration: underline !important;
  margin-top: 10px !important;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
}

.client_dashboard h3 {
  padding-top: 50px;
  color: #0077b5;
  font-size: 24px;
  margin-bottom: 5px;
}

.client_dashboard .form {
  height: 46px;
  position: relative;
  max-width: 100%;
  margin-bottom: 24px;
  overflow: hidden;
  padding-right: 0 !important;
}

.client_dashboard .form button {
  position: absolute;
  left: 0;
  border: none;
  background: transparent;
  line-height: 44px;
  padding: 0 25px;
  font-size: 18px;
}

.client_dashboard .form input {
  border: 1px solid #caccce;
  border-radius: 30px;
  width: 100%;
  padding: 0 12px 0 60px;
  line-height: 44px;
}

.client_dashboard .form-switch_div {
  text-align: right;
  padding-top: 10px;
}

.client_dashboard .form-switch_div h6 {
  color: #099e3b;
  font-size: 16px;
  font-weight: 500;
}

.client_dashboard .form-switch_div h6 img {
  height: 28px;
  position: relative;
  top: -2px;
  margin-right: 20px;
}

.client_dashboard .set {
  box-shadow: 0px 0px 6px #ccc;
  margin-bottom: 40px;
  padding: 20px;
  position: relative;
}

.client_dashboard .set ul {
  padding: 0;
  list-style: none;
  margin: auto;
}

.findjobs .dropdown .Edit {
  position: absolute;
  right: 0;
  bottom: 0;
}

.findjobs .dropdown img {
  width: 30px;
}

.client_dashboard .set ul li {
  min-width: 100px;
  display: inline-block;
}

.client_dashboard .set ul li b {
  display: block;
  margin-bottom: 7px;
}

.client_dashboard .set h6 {
  margin-top: 22px;
}

.client_dashboard .set h6 a {
  color: #0077b5;
}

.client_dashboard .set h6 a img {
  height: 30px;
}

.client_dashboard .set h6 .dropdown .dropdown-toggle::after {
  display: none;
}

.client_dashboard .set h6 .dropdown ul.dropdown-menu {
  border-radius: 0;
  border: navajowhite;
  box-shadow: 0px 2px 8px rgba(204, 204, 204, 0.4196078431);
  border: 1px solid #efefef;
}

.client_dashboard .set h6 .dropdown ul.dropdown-menu li {
  width: 100%;
}

.client_dashboard .set h6 .dropdown ul.dropdown-menu li a {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 15px;
  display: block;
}

.client_dashboard .set h6 .dropdown ul.dropdown-menu li a:hover {
  background: #1ba6ee;
  color: #fff;
}

.client_dashboard .set h5 {
  color: #86888a;
  font-size: 16px;
  margin-top: -52px;
  margin-bottom: 45px;
}

.client_dashboard .set p {
  color: #000000;
  font-size: 17px;
  font-weight: 500;
}

.client_dashboard .set h4 {
  color: #000000;
  font-size: 20px;
  display: flex;
  margin-top: 16px;
}

.client_dashboard .set h4 span {
  background: #018ad0;
  width: 55px;
  height: 55px;
  line-height: 46px;
  text-align: center;
  border-radius: 50%;
  margin-top: -13px;
  margin-right: 10px;
}

.client_dashboard .set h4 span img {
  height: 28px;
}

.my_analytics_banner {
  margin: 30px 0;
}

.my_analytics_banner .carousel {
  position: relative;
  background-color: #60a9d1;
  padding: 100px 40px;
  background-size: 424px;
  background-position: right bottom;
  background-repeat: no-repeat;
}

.my_analytics_banner .carousel h4 {
  color: #fff;
  font-size: 30px;
  border: none;
  padding: 0;
}

.my_analytics_banner .carousel p {
  color: #fff;
  font-size: 18px;
  width: 50%;
}

.my_analytics_freelanser {
  margin-bottom: 50px;
}

.my_analytics_freelanser .analytics_in {
  border: 1px solid #ccdcf6;
  padding: 25px;
}

.my_analytics_freelanser .analytics_in .set {
  background-color: #c0ecff;
  border: 1px solid #91dafa;
  padding: 20px;
  height: 100%;
  background-size: 180px;
  background-position: bottom right;
  background-repeat: no-repeat;
}

.my_analytics_freelanser .analytics_in .set p {
  color: #272727;
  margin-bottom: 0;
  margin-top: 9px;
}

.my_analytics_freelanser .analytics_in .set a.btn {
  background: #0077b5;
  color: #fff;
  padding: 12px 26px;
  border-radius: 30px;
  margin-top: 15px;
  border: navajowhite;
  font-weight: 500;
}

.my_analytics_freelanser .analytics_in .set2 {
  border: 1px solid #bed2fa;
  margin-top: 20px;
  padding: 20px;
  position: relative;
}

.my_analytics_freelanser .analytics_in .set2 h5 {
  font-size: 16px;
  color: #000;
}

.my_analytics_freelanser .analytics_in .set2 h5 span {
  color: #373737;
  font-weight: 400;
}

.my_analytics_freelanser .analytics_in .set2 h5 i.bi.bi-circle-fill {
  font-size: 12px;
  color: #1475a0;
}

.my_analytics_freelanser .analytics_in .set2 h5.Bid2 {
  width: 200px;
  float: right;
  position: absolute;
  right: 0;
  top: 19px;
}

.my_analytics_freelanser .analytics_in .set2 h5.Bid2 span {
  margin-bottom: 4px;
  width: 100%;
}

.my_analytics_freelanser .analytics_in .set2 ul {
  padding: 0;
  list-style: none;
}

.my_analytics_freelanser .analytics_in .set2 ul li {
  margin-bottom: 22px;
  color: #272727;
  font-size: 14px;
  font-weight: 400;
}

.my_analytics_freelanser .analytics_in .set2 ul li span {
  display: block;
  text-align: right;
}

.my_analytics_freelanser .analytics_in .set2 ul li .progress {
  height: 8px;
  margin: 8px 0;
  background-color: #87c7e3;
}

.my_analytics_freelanser .analytics_in .set2 ul li .progress .progress-bar {
  background-color: #53a5cb;
}

.my_analytics_freelanser .analytics_in .set2 p span {
  font-size: 14px;
  font-weight: 400;
  margin-top: -5px;
}

.my_analytics_freelanser .analytics_in .set2 p span i {
  color: #53a5cb;
  font-size: 20px;
}

.jobsearch_freelancer h4 span {
  color: #777777;
  font-size: 18px;
  font-weight: 400;
}

.jobsearch_freelancer .filter .side .bt {
  border: 1px solid #818181;
  color: #000000;
  display: block;
  padding: 10px 15px;
  font-weight: 500;
  border-radius: 30px;
}

.jobsearch_freelancer .filter .side .bt i {
  float: right;
  color: #8f8f8f;
  font-size: 20px;
  margin-top: -5px;
}

.jobsearch_freelancer .filter .side p {
  font-size: 16px;
  color: #000000;
  font-weight: 500;
}

.jobsearch_freelancer .filter .side p input {
  height: 20px;
  width: 20px;
  position: relative;
  top: 5px;
}

header#myHeader {
  position: relative;
  z-index: 999;
  background: #fff;
}

.inbox {
  overflow: hidden;
  position: fixed;
  top: 0;
  padding-top: 124px;
}

.inbox .main_div.main .msgmain2 {
  padding-right: 28%;
  transform: scale(1);
  transition: 0.3s ease-in-out;
}

.inbox .main_div.main .msgmain2 .mmssg3 {
  right: 0;
  transform: scale(1);
  transition: 0.3s ease-in-out;
}

.inbox .msgmain {
  padding-left: 25%;
  position: relative;
}

.inbox .msgmain .mmssg1 {
  width: 25%;
  position: fixed;
  left: 0;
  height: 100%;
  top: 0;
  padding-top: 124px;
}

.inbox .msgmain .mmssg1 .user_list {
  height: 100%;
  overflow: auto;
  padding: 10px;
}

.inbox .msgmain .msgmain2 {
  padding-right: 0;
  position: relative;
  transform: scale(1);
  transition: 0.3s ease-in-out;
}

.inbox .msgmain .msgmain2 .mmssg3 {
  position: absolute;
  right: -500px;
  top: 0;
  width: 28%;
  transform: scale(1);
  transition: 0.3s ease-in-out;
}

.inbox .msgmain .msgmain2 .mmssg2 {
  position: relative;
  padding-bottom: 80px;
  height: 100%;
}

.inbox .main_div {
  position: fixed;
  left: 25%;
  top: 0;
  height: 100%;
  padding-top: 124px;
  width: 75%;
}

.inbox .form {
  position: relative;
  max-width: 100%;
  margin: 20px 20px;
  padding-right: 40px;
}

.inbox .form .dropdown {
  position: absolute;
  right: 0;
}

.inbox .form .dropdown ul.dropdown-menu {
  padding: 0;
  right: 0 !important;
  border: 1px solid #e5e5e5;
  transform: inherit !important;
  width: 105px !important;
  left: inherit !important;
}

.inbox .form .dropdown ul.dropdown-menu li {
  padding: 0;
  margin: 0;
  border: none;
}

.inbox .form .dropdown ul.dropdown-menu li a {
  font-size: 15px;
  padding: 5px 12px;
}

.inbox .form button {
  position: absolute;
  left: 0;
  border: none;
  background: transparent;
  line-height: 46px;
  padding: 0 24px;
  font-size: 18px;
}

.inbox .form .dropdown-toggle {
  position: absolute;
  right: 0;
  top: -38px;
}

.inbox .form .dropdown-toggle img {
  height: 26px;
}

.inbox .form .dropdown-toggle::after {
  display: none;
}

.inbox .form input {
  width: 100%;
  border: 1px solid #caccce;
  border-radius: 30px;
  padding: 0 55px 0 70px;
  line-height: 46px;
  background: transparent;
}

.inbox h6 {
  color: #000;
  font-size: 16px;
  margin: 0 20px;
}

.inbox h6 span {
  color: #0077b5;
}

.inbox .user_list ul {
  padding: 0;
  list-style: none;
  margin-top: 15px;
}

.inbox .user_list ul li {
  border: 1px solid #e0e0e0;
  padding: 10px 10px 10px 75px;
  margin-bottom: 8px;
  position: relative;
}

.inbox .user_list ul li label {
  font-weight: 600;
  font-size: 17px;
  display: block;
  padding-right: 55px;
  position: relative;
}

.inbox .user_list ul li label span {
  color: #0077b5;
  position: absolute;
  right: 0;
}

.inbox .user_list ul li span.img {
  width: 50px;
  position: absolute;
  left: 15px;
  height: 45px;
  background-size: cover;
  background-position: center;
  border-radius: 6px;
}

.inbox .user_list ul li p {
  color: #313131;
  font-size: 14px;
}

.inbox .user_list ul li span.img {
  width: 50px;
  position: absolute;
  left: 15px;
  height: 45px;
  background-size: cover;
  background-position: center;
  border-radius: 6px;
}

.inbox .user_list ul li span.img i {
  position: absolute;
  right: 0;
  bottom: -3px;
  color: #43be09;
  font-size: 10px;
}

.inbox .user_list ul li.active {
  background: #d9d9d9;
}

.inbox .hed {
  border: 1px solid #e0e0e0;
  padding: 15px 140px 15px 80px;
  position: relative;
}

.inbox .hed .form-check.form-switch {
  position: absolute;
  padding: 0;
  top: 20px;
  right: 36px;
}

.inbox .hed .form-check.form-switch .form-check-input {
  width: 60px;
  height: 34px;
  outline: none;
  box-shadow: none;
}

.inbox .hed .form-check.form-switch .form-check-input:checked {
  background-color: #0077b5;
  border-color: #0077b5;
}

.inbox .hed p {
  color: #545454;
  margin: 0;
}

.inbox .hed ul {
  position: absolute;
  right: 80px;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: 0;
  height: 26px;
}

.inbox .hed ul li {
  list-style: none;
  display: inline;
  margin-left: 10px;
}

.inbox .hed ul li img {
  height: 26px;
}

.inbox .hed .bi-circle-fill {
  color: #43be09;
  position: absolute;
  left: 36px;
  font-size: 18px;
  bottom: 0;
  top: 0;
  margin: auto;
  height: 27px;
}

.inbox .main-chat {
  /* padding: 20px; */
  height: 100%;
  padding-bottom: 80px;
  position: relative;
}

.inbox .main-chat .list {
  overflow-y: auto;
  height: 100%;
  overflow-x: hidden;
  padding: 20px;
}

.inbox .main-chat .msg-end {
  margin-bottom: 20px;
}

.inbox .main-chat .msg-end .set {
  text-align: right;
  padding-right: 65px;
  position: relative;
  display: table-caption;
  float: right;
}

.inbox .main-chat .msg-end .set span {
  display: inherit;
  text-align: right;
}

.inbox .main-chat .msg-end .set span img {
  width: 21px;
}

.inbox .main-chat .msg-end .set p {
  background: #049ceb;
  color: #fff;
  padding: 14px 20px;
  display: inline-block;
  min-width: 352px;
  text-align: left;
  border-radius: 4px;
  margin-bottom: 5px;
}

.inbox .main-chat .msg-end .set span.img {
  position: absolute;
  background-size: cover;
  background-position: center;
  right: 0;
  top: 0;
  height: 50px;
  width: 50px;
  border-radius: 50%;
}

.inbox .main-chat .msg-start {
  margin-bottom: 20px;
}

.inbox .main-chat .msg-start .set {
  text-align: left;
  padding-left: 65px;
  position: relative;
  display: table-caption;
}

.inbox .main-chat .msg-start .set p {
  color: #a6a6a6;
  padding: 14px 20px;
  display: inline-block;
  min-width: 352px;
  text-align: left;
  border-radius: 4px;
  margin-bottom: 5px;
  background: #f3f3f3;
}

.inbox .main-chat .msg-start .set span.img {
  position: absolute;
  background-size: cover;
  background-position: center;
  left: 0;
  top: 0;
  height: 50px;
  width: 50px;
  border-radius: 50%;
}

.inbox .type {
  border-radius: 0;
  padding: 14px 110px 14px 70px;
  height: 80px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  bottom: 0;
  width: 100%;
  left: 0;
  background: #f3f3f3;
}

.inbox .type button {
  position: absolute;
  left: 0;
  border: none;
  background: transparent;
  line-height: 43px;
  padding: 0 24px;
  font-size: 18px;
  /* z-index: 1061; */
}

.inbox .type button input[type="file"] {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  top: 0;
}

.inbox .type input {
  width: 100%;
  border: none;
  line-height: 41px;
  padding: 0;
  background: transparent;
  outline: none;
}

.inbox .btn {
  position: absolute;
  right: 0;
  /* width: 100%; */
  /* display: inline-flex */
  justify-content: end;
}

.inbox .btn span {
  margin-left: 10px;
  color: black;
  font-size: 20px;
}

.inbox .main_type {
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2784313725);
  padding: 0 0 95px 0;
}

.inbox .main_type .alllist {
  overflow-y: auto;
  height: 100%;
  padding: 15px;
}

.inbox .main_type .imgmain {
  width: 180px;
  height: 115px;
  background-size: cover;
  background-position: center;
  margin: 0 auto 15px;
  background-color: #d9d9d9;
}

.inbox .main_type h6 {
  margin: 0;
}

.inbox .main_type a {
  color: #3c3c3c;
  font-weight: 600;
}

.inbox .main_type a.add {
  color: #0077b5;
  position: relative;
  display: inline-block;
  padding-left: 32px;
}

.inbox .main_type a.add i {
  position: absolute;
  top: -14px;
  font-size: 34px;
  left: 0;
}

.inbox .main_type ul {
  padding: 0;
  list-style: none;
  border-bottom: 2px dashed #b1b1b1;
  padding-bottom: 6px;
  margin-bottom: 28px;
}

.inbox .main_type ul li {
  color: #0077b5;
  font-weight: 400;
  padding-left: 40px;
  position: relative;
  margin-bottom: 12px;
}

.inbox .main_type ul li img {
  height: 24px;
  position: absolute;
  left: 0;
}

.inbox .main_type .Posted {
  text-align: left;
  padding-left: 50px;
  position: relative;
}

.inbox .main_type .Posted img {
  position: absolute;
  left: 0;
}

.inbox .main_type .Posted h6 {
  margin: 0;
  color: #0077b5;
}

.inbox .main_type a.Create {
  background: #0077b5;
  display: block;
  text-align: center;
  color: #fff !important;
  padding: 13px;
  margin-bottom: 21px;
}

.inbox .main_type .Attachments {
  border-top: 2px dashed #b1b1b1;
  padding-top: 20px;
  margin-top: 30px;
}

.inbox .main_type .Attachments h6 {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
}

.inbox .main_type .Attachments h6 a {
  color: #0077b5;
  text-decoration: none;
}

.inbox .main_type .Attachments .set {
  padding-left: 100px;
  position: relative;
  min-height: 60px;
}

.inbox .main_type .Attachments .set span.img {
  width: 90px;
  height: 60px;
  background-size: cover;
  background-position: center;
  display: inline-block;
  position: absolute;
  left: 0;
  background-color: #d9d9d9;
  border-radius: 6px;
}

.inbox .main_type .Attachments .set p {
  margin: 0;
  color: #525252;
  font-weight: 500;
  padding-top: 5px;
}

.inbox .main_type .Archive .st {
  padding-right: 70px;
  position: relative;
}

.inbox .main_type .Archive .st .form-check.form-switch {
  position: absolute;
  padding: 0;
  top: 4px;
  right: 0px;
}

.inbox .main_type .Archive .st .form-check.form-switch .form-check-input {
  width: 60px;
  height: 34px;
  margin: 0;
}

.inbox
  .main_type
  .Archive
  .st
  .form-check.form-switch
  .form-check-input:checked {
  background-color: #0077b5;
  border-color: #0077b5;
}

.Job_Details_freelancer h2.mainh2 {
  font-size: 24px;
}

.Job_Details_freelancer .youmost {
  background: #fff9f3;
  padding: 15px 15px 15px 55px;
  margin-bottom: 15px;
  border: 1px solid #f6b978;
  position: relative;
  border-radius: 9px;
}

.Job_Details_freelancer .youmost i {
  position: absolute;
  color: #f6b978;
  font-size: 24px;
  left: 15px;
}

.Job_Details_freelancer .youmost h6 {
  font-weight: 600;
  font-size: 16px;
}

.Job_Details_freelancer .youmost p {
  margin: 0;
}

.Job_Details_freelancer .youmost p a {
  color: #0077b5;
  font-weight: 500;
}

.Job_Details_freelancer ul.tabul {
  display: flex;
  list-style: none;
  padding: 0;
}

.Job_Details_freelancer ul.tabul li {
  margin-right: 20px;
}

.Job_Details_freelancer ul.tabul li a {
  border: 1px solid #e7e7e7;
  line-height: 40px;
  display: inline-block;
  min-width: 149px;
  text-align: center;
  color: #000;
  font-weight: 500;
  background: #fafafa;
}

.Job_Details_freelancer ul.tabul .active a {
  border: 1px solid #ffdea7;
  background-color: #fff9ef;
}

.Job_Details_freelancer .AboutClient {
  background: #dff2ff;
}

.Job_Details_freelancer .winning {
  background: #eef8ff;
  padding: 20px;
}

.Job_Details_freelancer .winning h3 {
  font-size: 20px;
}

.Job_Details_freelancer .winning .More {
  background: #0077b5;
  text-align: center;
  padding: 12px 40px;
  color: #fff;
  font-weight: 600;
  margin-top: 20px;
  display: inline-block;
}

.Job_Details_freelancer .compt {
  padding: 15px;
  position: relative;
  box-shadow: 0px 2px 4px #ccc;
  margin-bottom: 30px;
}

.Job_Details_freelancer .compt h4 {
  font-size: 16px;
  margin-top: 33px;
}

.Job_Details_freelancer .compt form#regForm {
  padding: 0;
  border: none;
  margin: 0;
  border-radius: 0;
}

.Job_Details_freelancer .compt form#regForm .camera {
  border: 1px solid #e6e6e6;
  height: 160px;
  text-align: center;
  position: relative;
  line-height: 143px;
}

.Job_Details_freelancer .compt form#regForm .camera input[type="file"] {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  opacity: 0;
}

.Job_Details_freelancer .compt form#regForm button {
  position: relative;
  background: #d9d9d9;
  border-radius: 0 !important;
  color: #545454;
  font-weight: 600;
  font-size: 15px;
  min-width: 150px;
}

.Job_Details_freelancer .compt form#regForm .tab {
  display: none;
}

.Job_Details_freelancer .compt form#regForm span.step b {
  background: #b7b7b7;
  width: 50px;
  height: 50px;
  display: inline-block;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
}

.Job_Details_freelancer .compt form#regForm span.step.act b {
  background: #1772eb;
  color: #fff;
  font-size: 30px;
  height: 40px;
  width: 40px;
  line-height: 40px;
  margin: 5px 0;
}

.Job_Details_freelancer .compt form#regForm span.step.active b {
  background: #1ea7d6;
  color: #fff;
}

.Job_Details_freelancer .compt form#regForm input[type="checkbox"] {
  width: auto;
  width: 20px;
  height: 20px;
  position: relative;
  top: 4px;
  margin-right: 4px;
}

.Job_Details_freelancer .compt form#regForm h6.Enter {
  border: 1px solid #d8d8d8;
  padding: 20px 20px 20px 60px;
  border-left: 4px solid #0077b5;
  position: relative;
}

.Job_Details_freelancer .compt form#regForm h6.Enter i {
  position: absolute;
  left: 19px;
  font-size: 22px;
  color: #0077b5;
}

.Job_Details_freelancer .compt form#regForm p.text-end {
  color: #000000;
  font-weight: 500;
  font-size: 16px;
}

.Job_Details_freelancer .compt form#regForm .form-group {
  margin-bottom: 15px;
}

.Job_Details_freelancer .compt form#regForm .form-group label {
  color: #000000;
  font-weight: 500;
  margin-bottom: 4px;
}

.Job_Details_freelancer .compt form#regForm .form-group .form-control {
  border: 1px solid #e3e3e3;
  padding: 2px 15px;
  height: 46px;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}

.Job_Details_freelancer .compt form#regForm .form-group .form-control input {
  outline: none;
}

.Job_Details_freelancer .compt form#regForm .form-group textarea.form-control {
  height: 100px;
}

.Job_Details_freelancer .compt form#regForm h3 {
  background: #f5efff;
  font-size: 18px;
  padding: 20px;
  margin: -15px;
}

.Job_Details_freelancer .PlaceProject {
  padding: 15px;
  position: relative;
  box-shadow: 0px 2px 4px #ccc;
  margin-bottom: 30px;
}

.Job_Details_freelancer .PlaceProject h3 {
  background: #f5efff;
  font-size: 18px;
  padding: 20px;
  margin: -15px;
}

.Job_Details_freelancer .PlaceProject h3 span {
  color: #545454;
  font-size: 16px;
}

.Job_Details_freelancer .PlaceProject button {
  background: #0077b5;
  width: 230px;
  padding: 12px;
  border: navajowhite;
  color: #fff;
  font-weight: 600;
  margin-top: 20px;
}

.Job_Details_freelancer .PlaceProject .form-group {
  margin-bottom: 15px;
}

.Job_Details_freelancer .PlaceProject .form-group label {
  color: #000000;
  font-weight: 500;
  margin-bottom: 4px;
}

.Job_Details_freelancer .PlaceProject .form-group .form-control {
  border: 1px solid #e3e3e3;
  padding: 2px 15px;
  height: 46px;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}

.Job_Details_freelancer .PlaceProject .form-group textarea.form-control {
  height: 120px;
}

.Job_Details_freelancer .PlaceProject .st {
  background: #ffbe6b;
  padding: 20px;
  margin-top: 10px;
  position: relative;
}

.Job_Details_freelancer .PlaceProject .st input[type="radio"] {
  position: absolute;
  right: 17px;
  top: 23px;
  width: 20px;
  height: 20px;
}

.Job_Details_freelancer .PlaceProject .st p {
  margin-bottom: 0;
}

.Job_Details_freelancer .PlaceProject .st h5 {
  font-size: 24px;
  font-weight: 600;
}

.Job_Details_freelancer h3.sndhd {
  color: #000000;
  font-size: 24px;
  margin-top: 34px;
}

.Job_Details_freelancer .proposal {
  box-shadow: 0px 2px 4px #ccc;
  margin-bottom: 30px;
  padding: 20px;
}

.Job_Details_freelancer .proposal .set {
  margin-bottom: 15px;
  padding: 20px;
  border: 1px solid #d9d9d9;
  box-shadow: none;
}

.Job_Details_freelancer .proposal .set p.clr {
  margin-top: 75px !important;
  color: #86888a;
}

.Job_Details_freelancer .proposal .set h6 {
  font-size: 14px;
}

.Job_Details_freelancer .proposal .set .user {
  padding-left: 105px;
  position: relative;
  height: 90px;
  margin-bottom: 12px;
}

.Job_Details_freelancer .proposal .set .user h5 {
  font-size: 18px;
  color: #000;
}

.Job_Details_freelancer .proposal .set .user h5 img {
  height: 20px;
}

.Job_Details_freelancer .proposal .set .user h5 {
  color: #000;
}

.Job_Details_freelancer .proposal .set .user p {
  margin-bottom: 8px;
  font-size: 15px;
  color: #000;
}

.Job_Details_freelancer .proposal .set .user p b {
  font-weight: 600;
}

.Job_Details_freelancer .proposal .set .user p span {
  margin-right: 5px;
}

.Job_Details_freelancer .proposal .set .user p span img {
  height: 20px;
  position: relative;
  top: -2px;
}

.Job_Details_freelancer .proposal .set .user .img {
  background-size: cover;
  width: 90px;
  height: 90px;
  position: absolute;
  left: 0;
  background-position: center;
}

.Job_Details_freelancer .proposal .set h5 {
  color: #b7b7b7;
}

.Job_Details_freelancer .proposal .set h4 {
  font-size: 18px;
  margin-top: 15px;
}

.Job_Details_freelancer .proposal .set .btn {
  width: 144px;
  font-weight: 500;
  background: #0077b5;
  color: #fff;
  padding: 9px;
  border: none;
  border-radius: 0;
}

.Job_Details_freelancer .proposal .set ul.sealed {
  padding: 0 !important;
  display: flex;
  list-style: none;
  margin-bottom: 0;
}

.Job_Details_freelancer .proposal .set ul.sealed li {
  margin-right: 0;
}

.Job_Details_freelancer .proposal .set ul.sealed li a {
  color: #0077b5;
  font-weight: 500;
  padding: 10px 28px;
  display: block;
}

.Job_Details_freelancer .proposal .set ul.sealed li a img {
  position: relative;
  top: -3px;
  height: 20px;
}

.Job_Details_freelancer .proposal .set ul.sealed li a.active {
  background: #0077b5;
  color: #fff;
}

.fixed_price_orders_freelancer h3 a.request {
  background: #0077b5;
  color: #fff;
  font-size: 16px;
  padding: 10px 20px;
  margin-top: -5px;
}

.fixed_price_orders_freelancer .proposal .billing ul li {
  margin-bottom: 20px;
  padding-left: 35px;
  position: relative;
}

.fixed_price_orders_freelancer .proposal .billing ul li img {
  width: 25px;
  position: absolute;
  left: 0;
}

section.AddPayment {
  margin: 60px 0;
}

section.AddPayment form {
  max-width: 685px;
  margin: auto;
}

section.AddPayment h2 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 20px;
}

section.AddPayment input.form-control {
  border: 1px solid #e3e3e3;
  min-height: 44px;
  border-radius: 0;
}

section.AddPayment img.crticon1 {
  height: 45px;
  margin-right: 24px;
}

section.AddPayment .set {
  padding: 20px;
  box-shadow: 0px 2px 5px #c8c8c8;
  margin-bottom: 18px;
}

section.AddPayment .set a {
  color: #828282;
  font-size: 16px;
  margin-top: 16px;
}

section.AddPayment .set h6 {
  font-size: 15px;
  min-height: 36px;
  position: relative;
}

section.AddPayment .set h6 img {
  float: right !important;
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}

section.AddPayment .set h4 {
  font-size: 18px;
}

section.AddPayment .set h4 select.float-end {
  font-size: 15px;
  min-width: 300px;
  padding: 10px;
  border: 1px solid #e3e3e3;
  margin-top: -10px;
}

section.AddPayment h6 {
  font-size: 16px;
}

section.AddPayment h6 input {
  height: 25px;
  width: 25px;
  position: relative;
  top: 7px;
  margin-right: 4px;
}

section.AddPayment label {
  color: #000000;
  font-weight: 500;
  margin-top: 17px;
}

section.AddPayment p {
  margin: 0;
  padding-top: 12px;
  color: #828282;
}

section.AddPayment button {
  background: #0077b5;
  display: block;
  color: #fff;
  padding: 11px;
  width: 90%;
  border: none;
  font-weight: 500;
  font-size: 16px;
  margin: auto;
}

section.AddPayment ul {
  padding: 0;
  list-style: none;
  display: flex;
  margin: 40px 0;
  justify-content: space-between;
}

section.AddPayment ul li img {
  height: 50px;
}

.SelectPayment .set h6 {
  min-height: auto;
  border-bottom: 1px solid #efefef;
  padding: 15px 0;
}

.skrill {
  max-width: 600px;
}

.skrill .modal-body {
  padding: 50px 100px !important;
}

.skrill .modal-body button {
  background: #0077b5;
  border: navajowhite;
  padding: 11px;
  font-weight: 500;
}

.skrill .modal-body p {
  margin: 20px 0;
  font-weight: 500;
  color: #000;
}

.skrill button.btn-close {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 20px;
}

.TransactionHistory {
  padding: 40px 0;
}

.TransactionHistory h3 {
  font-size: 22px;
}

.TransactionHistory .set {
  border: 1px solid #e7e7e7;
  display: inline-flex;
  padding: 15px;
  margin-bottom: 15px;
  margin-top: -30px;
}

.TransactionHistory .set label {
  font-weight: 600;
  line-height: 46px;
  margin-right: 15px;
}

.TransactionHistory .set .form-control {
  width: 188px;
  height: 46px;
  margin-right: 14px;
  border: 1px solid #e7e7e7;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}

.TransactionHistory .btnn {
  border: 1px solid #caccce;
  color: #8c8c8c;
  height: 46px;
  min-width: 170px;
  padding: 0 11px;
  margin-left: 10px;
  line-height: 45px;
  display: inline-block;
  position: relative;
  top: -46px;
}

.TransactionHistory .btnn.export {
  text-align: center;
  background: #0077b5;
  color: #fff;
  border: 1px solid #0077b5;
}

.TransactionHistory .table {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
  border: 1px solid #d9d9d9;
}

.TransactionHistory .table tr td {
  color: #86888a;
  font-size: 14px;
  padding: 12px 12px;
  vertical-align: middle;
}

.TransactionHistory .table tr td select {
  border: none;
  color: #86888a;
}

.TransactionHistory .table tr th {
  min-width: 150px;
  background: #f3f3f3;
  font-size: 15px;
  font-weight: 500;
  padding: 14px 12px;
}

.TransactionHistory ul.nav-tabs {
  display: flex;
  list-style: none;
  padding: 0;
  border: none;
}

.TransactionHistory ul.nav-tabs li {
  margin-right: 20px;
}

.TransactionHistory ul.nav-tabs li .nav-link {
  border: 1px solid #e7e7e7;
  line-height: 46px;
  display: inline-block;
  min-width: 180px;
  text-align: center;
  color: #000;
  font-weight: 500;
  background: #fafafa;
  border-radius: 0;
  padding: 0;
}

.TransactionHistory ul.nav-tabs li .active {
  border: 1px solid #ffdea7;
  background-color: #fff9ef;
}

.TransactionHistory ul.pagination {
  justify-content: end;
  margin-top: 15px;
}

.TransactionHistory ul.pagination li a.page-link {
  border: 1px solid #b7b7b7;
  color: #b7b7b7;
  margin: 0 3px;
  border-radius: 3px;
}

.invoice {
  padding: 40px 0;
}

.invoice h3 {
  font-size: 20px;
}

.invoice .set {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
  border: 1px solid #d9d9d9;
  padding: 25px 25px 50px;
}

.invoice .set h4 {
  font-size: 20px;
  margin-bottom: 25px;
}

.invoice .set p {
  font-size: 14px;
  margin-bottom: 8px;
}

.invoice .set h6 {
  font-size: 16px;
  margin-bottom: 8px;
}

.invoice .set .Description {
  border-top: 1px dashed #86888a;
  padding-top: 25px;
  margin-top: 25px;
}

.invoice .set .Description h4 {
  margin-bottom: 10px;
}

.FinancialDashboard {
  padding: 40px 0;
}

.FinancialDashboard h3 {
  font-size: 22px;
}

.FinancialDashboard ul.nav-tabs {
  display: flex;
  list-style: none;
  padding: 0;
  border: none;
}

.FinancialDashboard ul.nav-tabs li {
  margin-right: 20px;
}

.FinancialDashboard ul.nav-tabs li .nav-link {
  border: 1px solid #e7e7e7;
  line-height: 46px;
  display: inline-block;
  min-width: 180px;
  text-align: center;
  color: #000;
  font-weight: 500;
  background: #fafafa;
  border-radius: 0;
  padding: 0;
}

.FinancialDashboard ul.nav-tabs li .active {
  border: 1px solid #ffdea7;
  background-color: #fff9ef;
}

.FinancialDashboard h4 {
  font-size: 20px;
}

.FinancialDashboard .st {
  padding: 36px 30px;
  background: #ffefd6;
}

.FinancialDashboard .st h6 {
  font-size: 18px;
  color: #000000;
  padding-left: 60px;
  position: relative;
  align-items: center;
  display: flex;
}

.FinancialDashboard .st h6 span {
  background: #ffd999;
  width: 52px;
  height: 52px;
  display: inline;
  text-align: center;
  line-height: 52px;
  border-radius: 50%;
  position: absolute;
  left: 0;
}

.FinancialDashboard .st p {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 0;
}

.FinancialDashboard .st p span {
  font-size: 15px;
  font-weight: 400;
  color: #6f6f6f;
}

.FinancialDashboard .set {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
  padding: 25px;
  margin-bottom: 20px;
}

.FinancialDashboard .set h5 {
  background: #f5f8ff;
  color: #000000;
  padding: 20px 25px;
  margin: -20px -25px 15px;
}

.FinancialDashboard .set h6.h6n {
  background: #f8f8f8;
  padding: 18px 30px;
}

.FinancialDashboard .set h6.h6n span span {
  color: #0077b5;
}

.FinancialDashboard .set .tablep {
  border: 1px solid #ece8e8;
  padding: 30px;
  margin-bottom: 18px;
}

.FinancialDashboard .set .tablep h6 {
  border-bottom: 1px dashed #bfbfbf;
  margin: -20px -30px -30px;
  padding: 15px 30px;
}

.FinancialDashboard .set .tablep h6.h6n {
  padding: 18px 0;
  border: none;
  margin: 0;
}

.FinancialDashboard .set .tablep p {
  margin-bottom: 0;
  vertical-align: middle;
  align-items: center;
  display: flex;
  line-height: 52px;
  position: relative;
  border-bottom: 1px dashed #bfbfbf;
}

.FinancialDashboard .set .tablep p span.float-end {
  float: right !important;
  position: absolute;
  right: 0;
}

.FinancialDashboard .set .tablep p a {
  height: 54px;
  width: 30px;
  display: inline-block;
  margin-right: 12px;
}

.FinancialDashboard .set .tablep p i {
  font-size: 29px;
}

.FinancialDashboard .set .tablep p.pa1 {
  line-height: 35px !important;
}

.FinancialDashboard .set .tablep p.pa1 a {
  height: 0;
}

.FinancialDashboard .set .setin {
  display: inline-flex;
  margin-bottom: 15px;
}

.FinancialDashboard .set .setin label {
  font-weight: 600;
  line-height: 46px;
  margin-right: 15px;
}

.FinancialDashboard .set .setin .form-control {
  width: 150px;
  height: 46px;
  margin-right: 14px;
  border: 1px solid #e7e7e7;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}

.FinancialDashboard .Milestones select.form-control {
  background: #f5f8ff;
  padding: 14px;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
  font-weight: 500;
}

.FinancialDashboard .Milestones a.Add {
  display: inline-block;
  background: #0077b5;
  padding: 11px;
  color: #fff;
  width: 215px;
  text-align: center;
  font-weight: 500;
}

.FinancialDashboard .Milestones .table {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
  border: 1px solid #d9d9d9;
}

.FinancialDashboard .Milestones .table tr td {
  color: #86888a;
  font-size: 14px;
  padding: 14px 40px;
  vertical-align: middle;
}

.FinancialDashboard .Milestones .table tr td a {
  color: #86888a;
}

.FinancialDashboard .Milestones .table tr th {
  min-width: 150px;
  background: #f3f3f3;
  font-size: 15px;
  font-weight: 500;
  padding: 14px 40px;
}

.FinancialDashboard .Milestones .form-control.show {
  width: 145px;
  margin-left: 14px;
  font-weight: 500;
  padding: 8px 25px;
  border: 1px solid #e7e7e7;
  border-radius: 0;
}

.FinancialDashboard .Milestones .form-control.show select {
  border: navajowhite;
  margin-left: 5px;
  color: #000000;
  font-size: 18px;
}

.FinancialDashboard .TransferFunds h6.this {
  border: 1px solid #d3aa3c;
  background: #fff4d7;
  font-size: 15px;
  text-align: center;
  padding: 15px;
  color: #000;
  margin: 15px 0;
}

.FinancialDashboard .TransferFunds select.form-control {
  background: #f5f8ff;
  padding: 14px;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
  font-weight: 500;
}

.FinancialDashboard .TransferFunds .SearchProjects {
  background: #f3f3f3;
  background: #efefef;
  padding: 25px;
}

.FinancialDashboard .TransferFunds .SearchProjects .form {
  border: 1px solid #caccce;
  border-radius: 0;
  padding: 0 0 0 60px;
  height: 46px;
  position: relative;
  max-width: 450px;
  margin-bottom: 24px;
  overflow: hidden;
}

.FinancialDashboard .TransferFunds .SearchProjects .form button {
  position: absolute;
  left: 0;
  border: none;
  background: #fff;
  line-height: 44px;
  padding: 0 20px;
  font-size: 18px;
}

.FinancialDashboard .TransferFunds .SearchProjects .form input {
  width: 100%;
  border: none;
  line-height: 44px;
  padding: 0;
}

.FinancialDashboard .TransferFunds .SearchProjects .main_img {
  position: relative;
  padding-left: 60px;
  margin: 10px 0;
}

.FinancialDashboard .TransferFunds .SearchProjects .main_img span.img {
  width: 50px;
  height: 50px;
  background-size: cover;
  margin-right: 16px;
  position: absolute;
  left: 0;
  top: 0;
}

.FinancialDashboard .TransferFunds .SearchProjects button {
  display: inline-block;
  background: #0077b5;
  padding: 11px;
  color: #fff;
  width: 215px;
  text-align: center;
  font-weight: 500;
  border: none;
}

.FinancialDashboard .TransferFunds .SearchProjects label {
  color: #000;
  font-weight: 500;
  font-size: 16px;
}

.FinancialDashboard .TransferFunds .SearchProjects textarea {
  width: 100%;
  border: 1px solid #dee2e6;
  height: 100px;
  padding: 10px 15px;
  margin: 10px 0;
}

.FinancialDashboard .TransferFunds .SearchProjects .form-control {
  width: 100%;
  padding: 10px !important;
}

.accounts_withdrawals {
  margin: 40px 0;
}

.accounts_withdrawals h6.this {
  border: 1px solid #00cf6c;
  background: #e7fff3;
  font-size: 15px;
  text-align: center;
  padding: 15px;
  color: #00cf6c;
  margin: 15px 0;
}

.accounts_withdrawals h6.this2 {
  border: 1px solid #d3aa3c;
  background: #fff4d7;
  font-size: 15px;
  text-align: center;
  padding: 15px;
  color: #000;
  margin: 15px 0;
}

.accounts_withdrawals .express {
  padding: 35px;
  background-repeat: no-repeat;
  background-position: center;
}

.accounts_withdrawals .express h4 {
  color: #000000;
  font-size: 20px;
  margin-top: 50px;
}

.accounts_withdrawals .Things {
  background: #daefff;
  padding: 28px;
}

.accounts_withdrawals .Things h4 {
  color: #000000;
  font-size: 20px;
  margin-bottom: 16px;
}

.accounts_withdrawals .Things ul {
  padding: 0;
  list-style: none;
  margin: 0;
}

.accounts_withdrawals .Things ul li {
  margin-bottom: 19px;
  padding-left: 40px;
  position: relative;
}

.accounts_withdrawals .Things ul li i {
  color: #00cc45;
  position: absolute;
  left: 0;
  font-size: 20px;
}

.accounts_withdrawals .set {
  border: 1px solid #ece8e8;
  padding: 0;
}

.accounts_withdrawals .set table {
  margin-bottom: 0;
}

.accounts_withdrawals .set table tr th {
  background: #f8f8f8;
  padding: 14px 25px;
}

.accounts_withdrawals .set table tr td {
  padding: 14px 25px;
  color: #292d32;
}

.accounts_withdrawals .set table tbody tr th {
  border-bottom: 1px dashed #bfbfbf;
}

.accounts_withdrawals .set table tbody tr td {
  border-bottom: 1px dashed #bfbfbf;
}

.accounts_withdrawals .set table tbody tr td:first-child {
  width: 50%;
}

.filter_sidebar {
  transform: scale(1);
  transition: 0.3s ease-in-out;
  width: 400px;
  padding: 25px;
  background: #fff;
  position: fixed;
  right: -500px;
  height: 100%;
  top: 0;
  z-index: 9999;
  box-shadow: 0 0 58px #ccc;
  overflow-y: auto;
}

.filter_sidebar h3 {
  font-size: 20px;
  margin-bottom: 15px;
}

.filter_sidebar .SeeResults {
  background: #097cb8;
  width: 100%;
  display: block;
  border: none;
  color: #fff;
  padding: 12px;
  text-align: center;
  border-radius: 5px;
  font-weight: 600;
  font-size: 16px;
}

.filter_sidebar .select {
  border: 1px solid #b7b7b7;
  padding: 10px;
  border-radius: 4px;
  color: #000000;
  font-weight: 500;
  font-size: 15px;
}

.filter_sidebar .select img {
  margin-right: 10px;
}

.filter_sidebar .select select {
  border: none;
  outline: none;
}

.filter_sidebar h6 {
  color: #000000;
  margin-top: 18px;
  font-size: 16px;
}

.filter_sidebar h6 i.bi.bi-star-fill {
  color: #d9d9d9;
  margin-left: 3px;
  font-size: 14px;
}

.filter_sidebar h5 {
  color: #000000;
  margin-top: 20px;
  font-size: 16px;
}

.filter_sidebar p {
  color: #494949;
  font-weight: 500;
}

.filter_sidebar .form-group {
  border-bottom: 1px dashed #b7b7b7;
  padding-bottom: 13px;
  margin-bottom: 25px;
}

.filter_sidebar .form-group h5 {
  font-size: 18px;
  font-weight: 600;
  margin-top: 14px;
}

.filter_sidebar .form-group h5 .form-check.form-switch {
  padding: 0;
  display: inline-block;
  float: right;
}

.filter_sidebar .form-group h5 .form-check.form-switch .form-check-input {
  margin: 0;
  height: 30px;
  width: 50px;
}

.filter_sidebar
  .form-group
  h5
  .form-check.form-switch
  .form-check-input:checked {
  background-color: #ececec;
  border-color: #ececec;
}

.filter_sidebar .form-group h5 i.bi.bi-check-circle-fill {
  color: #d9dada;
  margin-left: 3px;
}

.filter_sidebar .form-group label {
  color: #494949;
  font-weight: 600;
}

.filter_sidebar .form-group input[type="text"] {
  border: 1px solid #b7b7b7;
  padding: 8px;
  width: 100%;
  border-radius: 4px;
}

.filter_sidebar .form-group ul {
  padding: 0;
  list-style: none;
}

.filter_sidebar .form-group ul li {
  margin-bottom: 10px;
}

.filter_sidebar .form-group ul li img {
  height: 22px;
  margin-right: 8px;
}

.filter_sidebar .form-group a.Show {
  color: #0077b5;
  font-weight: 500;
}

.filter_sidebar.main {
  right: 0;
}

.filter_sidebar.main i.menu_side {
  font-size: 22px;
  margin-bottom: 10px;
  display: inline-block;
  margin-top: -20px;
  color: red;
}

.resume_client_profile {
  margin-bottom: 60px;
}

.resume_client_profile h3 {
  color: #fff;
  min-height: 240px;
  text-align: center;
  line-height: 240px;
  margin-bottom: 40px;
}

.resume_client_profile .tab-content {
  box-shadow: 0px 2px 3px #ccc;
  padding: 20px;
}

.resume_client_profile .tab-content h4 {
  color: #000;
  border-bottom: 1px solid #d3d3d3;
  font-size: 20px;
  padding-bottom: 20px;
  margin-bottom: 16px;
}

.resume_client_profile .tab-content .form-group {
  margin-top: 10px;
}

.resume_client_profile .tab-content .form-group label {
  font-weight: 600;
  color: #000;
  margin-bottom: 5px;
}

.resume_client_profile .tab-content .form-group p.form-control {
  border: 1px solid #d9d9d9;
  border-radius: 0;
  padding: 10px 20px;
  color: #494949;
}

.resume_client_profile .tab-content .form-group p.form-control.summary {
  color: #a1a1a1 !important;
  padding: 15px 20px;
}

.resume_client_profile .tab-content .form-group p {
  color: #d9d9d9;
}

.resume_client_profile .tab-content .form-group.file {
  margin: 0 !important;
  border: 1px dashed #8f8f8f;
  padding: 20px;
}

.resume_client_profile .tab-content ul.all_skills {
  padding: 0;
  list-style: none;
  display: flex;
}

.resume_client_profile .tab-content ul.all_skills li {
  border: 1px solid #ccc;
  padding: 9px 15px;
  margin-right: 14px;
  border-radius: 30px;
}

.portfolio_upload {
  padding: 40px 0;
}

.portfolio_upload h2 {
  font-size: 24px;
  color: #000;
  font-weight: 600;
}

.portfolio_upload .portfolio {
  box-shadow: 0px 1px 5px #ccc;
  padding: 25px;
  margin-bottom: 15px;
  border-radius: 0;
  margin-top: 20px;
}

.portfolio_upload .portfolio h6 {
  color: #000;
  font-size: 16px;
  margin-bottom: 10px;
}

.portfolio_upload .portfolio h4 {
  font-size: 20px;
}

.portfolio_upload .portfolio label span {
  display: flex;
  font-weight: 500;
}

.portfolio_upload .portfolio label span input {
  margin-top: 1px;
  width: 20px;
  height: 20px;
  position: relative;
  margin-right: 8px;
}

.portfolio_upload .portfolio .form-group.Skills {
  border-top: 1px dashed #000;
  padding-top: 30px;
  margin-top: 33px;
}

.portfolio_upload .portfolio .form-group.Skills form.skill {
  width: 315px;
}

.portfolio_upload .portfolio .form-group.Skills form.skill input {
  border: 1px solid #ebebeb;
  padding: 10px 12px;
  border-radius: 0;
  width: 100%;
}

.portfolio_upload .portfolio .form-group.Skills form.skill ul {
  border: 1px solid #ebebeb;
  padding: 0;
  list-style: none;
  padding: 15px;
  margin-top: -1px;
  max-height: 258px;
  overflow-y: auto;
}

.portfolio_upload .portfolio .form-group.Skills form.skill ul li a {
  color: #000;
  display: block;
  padding: 4px;
  font-size: 17px;
}

.portfolio_upload .portfolio .form-group button.submit {
  width: 100%;
  border: 1px solid #b7b7b7;
  background: transparent;
  padding: 11px;
  font-weight: 600;
}

.portfolio_upload .portfolio .form-group label {
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 7px;
}

.portfolio_upload .portfolio .form-group .form-control {
  border: 1px solid #d8d8d8;
  padding: 10px 12px;
  border-radius: 0;
  font-size: 14px;
  outline: none;
  box-shadow: none;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}

.portfolio_upload .portfolio .form-group p {
  color: #86888a;
  font-size: 14px;
}

.portfolio_upload .portfolio button.btn.Cancel {
  border: 1px solid #b7b7b7;
  background: transparent;
  color: #000;
}

.portfolio_upload .portfolio button.btn {
  background: #0077b5;
  min-width: 160px;
  color: #fff;
  border-radius: 0;
  line-height: 44px;
  font-weight: 600;
  padding: 0;
}

.Logout .modal-body {
  padding: 50px;
  text-align: center;
}

.Logout .modal-body button.btn-close {
  position: absolute;
  right: 12px;
  top: 12px;
  font-size: 22px;
}

.Logout .modal-body button.btn {
  background: #0077b5;
  padding: 10px 35px;
  border-radius: 30px;
  border: navajowhite;
}

.Logout .modal-body h3 {
  font-size: 20px;
  color: #000;
  font-weight: 600;
  margin: 20px 0 10px;
}

.client_dashboard {
  margin: 60px 0px;
}

.client_dashboard h1 {
  font-size: 30px;
  font-weight: 400;
}

.client_dashboard h2 {
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 32px;
}

.client_dashboard .box {
  position: relative;
  padding: 20px 20px 20px 180px;
}

.client_dashboard .box img {
  height: 65px;
  position: absolute;
  left: 80px;
}

.client_dashboard .box h3 {
  color: #fff;
  font-size: 30px;
  margin-bottom: 2px;
  padding-top: 0;
}

.client_dashboard .box p {
  color: #fff;
  font-size: 20px;
  margin-bottom: 0;
  font-weight: 400;
}

.client_dashboard .set_box {
  margin-top: 25px;
  border: 1px solid #b9b9b9;
  padding: 22px;
}

.client_dashboard .set_box h3 {
  text-align: center;
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 20px;
}

.client_dashboard .set_box p {
  margin-bottom: 0;
  font-size: 18px;
}

.client_dashboard .select_box {
  margin-top: 22px;
}

.client_dashboard .select_box .form-group {
  display: flex;
  align-items: baseline;
  margin-bottom: 12px;
}

.client_dashboard .select_box .form-group select {
  width: 490px;
  height: 60px;
  color: #86888a;
  font-size: 15px;
}

.client_dashboard .select_box .form-group label {
  width: 220px;
  font-size: 16px;
  font-weight: 500;
}

.client_dashboard .table_data {
  margin-top: 30px;
}

.client_dashboard .table_data label {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 12px;
}

.client_dashboard .table_data .table th {
  font-size: 18px;
  font-weight: 400;
  min-width: 240px;
  background: #e2f3fd;
  border: none;
  padding: 14px 18px;
}

.client_dashboard .table_data .table td {
  padding: 14px 18px;
  color: #515050;
  font-size: 15px;
  border: none;
}

.client_dashboard .table_data .form-group {
  margin-bottom: 14px;
}

.client_dashboard .table_data .form-group textarea {
  height: 195px;
}

.client_dashboard .rating {
  margin-top: 24px;
}

.client_dashboard .rating h4 {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}

.client_dashboard .rating .upload {
  border: 1px solid #86888a;
  padding: 12px;
  background: #f2f1f2;
  margin-top: 16px;
  position: relative;
}

.client_dashboard .rating .upload input {
  padding-left: 10px;
  z-index: 9;
  position: relative;
  height: 50px;
  width: 100%;
  color: #86888a;
  font-size: 15px;
}

.client_dashboard .rating .upload input::file-selector-button {
  padding-right: 80px;
  border: none;
  opacity: 0;
  height: 50px;
}

.client_dashboard .rating .upload button {
  position: absolute;
  border: 1px solid #000000;
  height: 50px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 160px;
  font-size: 15px;
  font-weight: 500;
}

.client_dashboard .rating .upload button i {
  font-size: 18px;
  margin-right: 5px;
}

.client_dashboard .total_amount {
  border: 1px solid #dddddd;
  background: #eeeeee;
  padding: 15px;
  margin-top: 20px;
}

.client_dashboard .total_amount h3 {
  font-size: 22px;
}

.client_dashboard .total_amount h4 {
  font-size: 19px;
  margin-top: 12px;
}

.client_dashboard .total_amount p {
  font-size: 17px;
  margin-bottom: 7px;
}

.client_dashboard .total_amount p b {
  font-weight: 400;
  color: #d80027;
}

.client_dashboard .total_amount .form-group {
  margin: 15px 0;
  display: flex;
  align-items: baseline;
  gap: 15px;
}

.client_dashboard .total_amount .form-group label {
  font-size: 18px;
}

.client_dashboard .total_amount .form-group input {
  border: 1px solid #bbbbbb;
  height: 50px;
  font-size: 16px;
  text-align: center;
  color: #000;
  font-weight: 600;
}

.client_dashboard .total_amount .form-group span {
  font-size: 16px;
  color: #86888a;
}

.client_dashboard .submit_btn {
  text-align: center;
  margin-top: 30px;
}

.client_dashboard .submit_btn .btn {
  background: #0077b5;
  border-radius: 0px;
  color: #fff;
  border: none;
  width: 240px;
  height: 50px;
  line-height: 35px;
  font-size: 16px;
  font-weight: 400;
}

.client_dashboard_two {
  margin: 30px 0;
}

.client_dashboard_two .box {
  border: 1px solid #b9b9b9;
  padding: 20px;
  margin-bottom: 30px;
}

.client_dashboard_two .box h3 {
  font-size: 18px;
  font-weight: 400;
}

.client_dashboard_two .box h3 b {
  font-weight: 500;
}

.client_dashboard_two .box h2 {
  font-size: 22px;
  font-weight: 600;
  border-top: 1px solid #86888a;
  padding-top: 16px;
  margin-bottom: 15px;
}

.client_dashboard_two .box p {
  font-size: 16px;
  margin-bottom: 0;
}

.client_dashboard_two .box p span {
  color: #d80027;
  font-weight: 600;
}

.client_dashboard_two .box_two {
  margin-bottom: 22px;
}

.client_dashboard_two .box_two .d-flex {
  gap: 24px;
}

.client_dashboard_two .box_two .d-flex .set.two {
  background: transparent;
  padding: 5px;
}

.client_dashboard_two .box_two .d-flex .set.two h3 {
  border: none;
}

.client_dashboard_two .box_two .d-flex .astro {
  height: 65px;
  width: 65px;
  border-radius: 50px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.client_dashboard_two .box_two .d-flex .set {
  background: #d2f0fd;
  border-radius: 12px;
  padding: 12px;
}

.client_dashboard_two .box_two .d-flex .set h3 {
  font-size: 16px;
  border-bottom: 1px solid #00b2ff;
  padding-bottom: 12px;
}

.client_dashboard_two .box_two .d-flex .set h3 img {
  height: 45px;
  width: 45px;
  border-radius: 50px;
  margin-right: 12px;
}

.client_dashboard_two .box_two .d-flex .set h3 span {
  font-size: 16px;
  margin-top: 12px;
}

.client_dashboard_two .box_two .d-flex .set h4 {
  font-size: 18px;
}

.client_dashboard_two .box_two .d-flex .set p {
  margin-bottom: 7px;
  color: #0077b5;
  font-weight: 600;
}

.client_dashboard_two .rating {
  margin-top: 15px;
}

.client_dashboard_two .rating h4 {
  font-size: 18px;
  font-weight: 400;
}

.client_dashboard_two .rating .upload {
  border: 1px solid #86888a;
  padding: 12px;
  background: #f2f1f2;
  margin-top: 16px;
  position: relative;
}

.client_dashboard_two .rating .upload input {
  padding-left: 10px;
  z-index: 9;
  position: relative;
  height: 50px;
  width: 100%;
  color: #86888a;
  font-size: 15px;
}

.client_dashboard_two .rating .upload input::file-selector-button {
  padding-right: 80px;
  border: none;
  opacity: 0;
  height: 50px;
}

.client_dashboard_two .rating .upload button {
  position: absolute;
  border: 1px solid #000000;
  height: 50px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 160px;
  font-size: 15px;
  font-weight: 500;
}

.client_dashboard_two .rating .upload button i {
  font-size: 18px;
  margin-right: 5px;
}

.client_dashboard_two .box_three {
  padding-left: 88px;
}

.client_dashboard_two .box_three a.btn {
  height: 50px;
  background: #0077b5;
  width: 150px;
  color: #fff;
  line-height: 32px;
  margin-top: 20px;
  border-radius: 0px;
}

.client_dashboard_two .box_three label {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 7px;
}

.client_dashboard_two .box_three textarea {
  border: 1px solid #0077b5;
  height: 220px;
}

.client_dashboard_two .box_four {
  background: #f5f4f6;
  padding: 15px;
}

.client_dashboard_two .box_four h3 {
  font-size: 22px;
  color: #d80027;
  font-weight: 500;
}

.client_dashboard_two .box_four h4 {
  font-size: 20px;
  font-weight: 400;
  margin-top: 14px;
}

.client_dashboard_two .box_four h5 {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 12px;
  border-top: 1px solid #000000;
  padding-top: 14px;
  margin-top: 18px;
}

.client_dashboard_two .box_four h5 span {
  color: #d80027;
  font-weight: 500;
}

.client_dashboard_two .box_four h5 + h5 {
  border: none;
  margin-top: 0;
  padding-top: 0;
}

.client_dashboard_two .box_four .form-group {
  text-align: center;
  border-top: 1px solid #000000;
  margin: 24px 0 16px;
  padding-top: 14px;
}

.client_dashboard_two .box_four .form-group label {
  font-size: 20px;
  margin-bottom: 12px;
}

.client_dashboard_two .box_four .form-group .d-flex {
  justify-content: center;
  align-items: baseline;
  gap: 15px;
}

.client_dashboard_two .box_four .form-group .d-flex p {
  margin-bottom: 0;
  font-size: 20px;
}

.client_dashboard_two .box_four .form-group .d-flex input {
  border: 1px solid #bbbbbb;
  background-color: #f5f5f5;
  height: 50px;
  width: 120px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
}

.client_dashboard_two .box_four .form-group .d-flex button {
  height: 50px;
  border: none;
  background: #0077b5;
  color: #fff;
  width: 120px;
}

.client_dashboard_two .box_four h6 {
  text-align: center;
  font-size: 20px;
  font-weight: 400;
}

.client_dashboard_two .box_four a.btn {
  height: 50px;
  border: none;
  background: #0077b5;
  color: #fff;
  width: 240px;
  border-radius: 0px;
  line-height: 35px;
  margin-top: 15px;
}

.client_dashboard_three .box_two .d-flex .astro {
  border-radius: 0px;
}

.client_dashboard_three .box_two .d-flex .set p {
  margin-bottom: 15px;
  color: #000000;
  font-weight: 400;
  font-size: 15px;
}

.client_dashboard_three .box_two .d-flex .set p b {
  font-weight: 500;
  font-size: 18px;
}

.client_dashboard_three .box_two .d-flex .set h5 {
  font-size: 15px;
  font-weight: 400;
}

.client_dashboard_three .box_two .d-flex .set h5 span {
  display: block;
  margin-bottom: 5px;
  font-weight: 600;
}

.client_dashboard_three .box_three {
  margin-top: 14px;
  padding-left: 88px;
}

.client_dashboard_three .box_four h3 {
  font-size: 18px;
  color: #2f8d03;
  max-width: 365px;
  text-align: center;
  margin: auto;
}

.client_dashboard_three .box_four h5 + h5 {
  font-weight: 500;
}

.client_dashboard_three .box_four h5 {
  border-top: 1px solid #bebebe;
}

.client_dashboard_three .box_four h6 {
  border-top: 1px solid #bebebe;
  padding-top: 10px;
  margin-top: 20px;
}

.client_dashboard_three .box_four p {
  margin-bottom: 0;
  text-align: center;
  font-size: 18px;
  color: #2f8d03;
  font-weight: 500;
}

.dispute_sec {
  margin: 60px 0;
}

.dispute_sec h1 {
  font-size: 30px;
  font-weight: 400;
}

.dispute_sec h2 {
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 50px;
  max-width: 1000px;
}

.dispute_sec a.btn.dispute {
  background: #0077b5;
  height: 50px;
  color: #fff;
  border-radius: 0px;
  font-size: 15px;
  float: right;
  margin-top: -114px;
  width: 225px;
  line-height: 32px;
}

.dispute_sec a.btn.dispute i {
  -webkit-text-stroke: 0.3px;
  margin-right: 7px;
}

.dispute_sec .nav_btn ul {
  justify-content: space-between;
  gap: 12px;
}

.dispute_sec .nav_btn ul li {
  width: 48%;
}

.dispute_sec .nav_btn ul li .nav-link {
  width: 100%;
  border: 1px solid #e7e7e7;
  background: #fafafa;
  border-radius: 0px;
  height: 50px;
  color: #000;
  font-size: 15px;
}

.dispute_sec .nav_btn ul li .nav-link.active {
  background: #0077b5;
  color: #fff;
}

.dispute_sec .search_bar {
  border: 1px solid #e7e7e7;
  background: #fafafa;
}

.dispute_sec .search_bar select {
  height: 50px;
  border: none;
  background-color: #fafafa;
  border-right: 1px solid #86888a;
  border-radius: 0px;
  font-size: 15px;
}

.dispute_sec .search_bar .form-group {
  position: relative;
}

.dispute_sec .search_bar .form-group button {
  position: absolute;
  bottom: 0;
  left: -5px;
  height: 100%;
  border: none;
  font-size: 18px;
  background: transparent;
  width: 50px;
}

.dispute_sec .search_bar .form-group button i {
  transform: rotate(75deg);
  display: block;
}

.dispute_sec .search_bar .form-group input {
  height: 50px;
  border: none;
  background-color: #fafafa;
  padding-left: 48px;
}

.dispute_sec .box {
  margin-top: 6px;
}

.dispute_sec .box .table {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
  border: 1px solid #d9d9d9;
}

.dispute_sec .box .table th {
  min-width: 150px;
  background: #f3f3f3;
  font-size: 15px;
  font-weight: 500;
  padding: 14px 12px;
}

.dispute_sec .box .table td {
  color: #86888a;
  font-size: 14px;
  padding: 10px 12px;
  vertical-align: middle;
}

.dispute_sec .box ul.pagination {
  justify-content: end;
  margin-top: 15px;
}

.dispute_sec .box ul.pagination li a.page-link {
  border: 1px solid #b7b7b7;
  color: #b7b7b7;
  margin: 0 3px;
  border-radius: 3px;
}

.customer_support {
  margin: 15px 0 20px;
}

.customer_support .breadcrumb ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.customer_support .breadcrumb ul li {
  font-size: 16px;
  display: inline-block;
  position: relative;
}

.customer_support .breadcrumb ul li + li {
  padding-left: 20px;
}

.customer_support .breadcrumb ul li + li:after {
  position: absolute;
  content: ">";
  left: 3px;
  font-size: 20px;
  top: -3px;
  bottom: 0;
  margin: auto;
}

.customer_support .chat_logs {
  text-align: end;
}

.customer_support .chat_logs h3 {
  font-size: 15px;
  margin-bottom: 0;
}

.customer_support .chat_logs h3 span {
  padding-left: 12px;
}

.customer_support .box h1 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 12px;
}

.customer_support .box h2 {
  font-size: 18px;
  margin-bottom: 20px;
}

.customer_support .box .form-group {
  margin-bottom: 18px;
}

.customer_support .box .form-group label {
  margin-bottom: 7px;
  font-size: 17px;
}

.customer_support .box .form-group input {
  height: 50px;
  border: 1px solid #86888a;
}

.customer_support .box .form-group input::-moz-placeholder {
  color: #757676;
}

.customer_support .box .form-group input::placeholder {
  color: #757676;
}

.customer_support .box .form-group select {
  height: 50px;
  border: 1px solid #86888a;
  color: #757676;
}

.customer_support .box .form-group textarea {
  height: 160px;
  border: 1px solid #86888a;
}

.customer_support .box .upload {
  border: 1px solid #86888a;
  padding: 40px 90px;
  background: #ffffff;
  margin-top: 5px;
  position: relative;
}

.customer_support .box .upload input {
  padding-left: 10px;
  z-index: 9;
  position: relative;
  height: 50px;
  width: 100%;
  color: #86888a;
  font-size: 15px;
}

.customer_support .box .upload input::file-selector-button {
  padding-right: 80px;
  border: none;
  opacity: 0;
  height: 50px;
}

.customer_support .box .upload button {
  position: absolute;
  border: 1px solid #000000;
  height: 50px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 160px;
  font-size: 15px;
  font-weight: 500;
  background: transparent;
}

.customer_support .box .upload button i {
  font-size: 18px;
  margin-right: 5px;
}

.customer_support .box button.submit {
  height: 50px;
  background: #0077b5;
  width: 200px;
  color: #fff;
  line-height: 32px;
  margin-top: 20px;
  border-radius: 0px;
  border: none;
}

.open_request {
  margin: 20px 0 30px;
}

.open_request h2 {
  font-size: 15px;
  text-align: end;
}

.open_request h1 {
  font-size: 24px;
  font-weight: 500;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.open_request h1 a.btn {
  height: 45px;
  background: #0077b5;
  width: 200px;
  color: #fff;
  line-height: 28px;
  margin-top: 20px;
  border-radius: 0px;
  border: none;
}

.open_request .nav-pills {
  margin-top: 30px;
  gap: 15px;
}

.open_request .nav-pills .nav-item {
  width: 47%;
}

.open_request .nav-pills .nav-item .nav-link {
  border: 1px solid #86888a;
  color: #000;
  border-radius: 0px;
  width: 100%;
  height: 50px;
  font-size: 16px;
  font-weight: 500;
}

.open_request .nav-pills .nav-item .nav-link.active {
  background: #c4dfee;
  border-color: #0077b5;
  color: #0077b5;
}

.open_request .search_request {
  position: relative;
  margin-top: 30px;
}

.open_request .search_request input {
  height: 50px;
  border: 1px solid #caccce;
  border-radius: 0px;
  font-size: 15px;
  padding-left: 50px;
}

.open_request .search_request input::-moz-placeholder {
  color: #86888a;
}

.open_request .search_request input::placeholder {
  color: #86888a;
}

.open_request .search_request button {
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 50px;
  background: transparent;
  border: none;
  font-size: 18px;
  color: #86888a;
}

.open_request .select_request select {
  height: 50px;
  border: 1px solid #caccce;
  border-radius: 0px;
  font-size: 15px;
  color: #86888a;
}

.open_request .select_request label {
  color: #86888a;
  font-size: 15px;
}

.open_request .box {
  margin-top: 12px;
}

.open_request .box .table-responsive::-webkit-scrollbar {
  height: 5px;
}

.open_request .box .table tr th {
  border-top: 1px solid #d9d9d9;
  min-width: 200px;
  text-align: center;
  padding: 23px 12px;
  font-weight: 400;
  font-size: 16px;
  vertical-align: middle;
}

.open_request .box .table tr th:nth-child(2) {
  text-align: start;
}

.open_request .box .table tr td {
  color: #86888a;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #d9d9d9;
  padding: 10px 12px;
}

.open_request .box .table tr td:nth-child(2) {
  text-align: start;
}

.open_request .box .table tr td:nth-child(1) {
  border-left: none;
}

.open_request .box .table tr td:last-child {
  border-right: none;
}

.reply_sms {
  margin: 25px 0;
}

.reply_sms h1 {
  font-size: 24px;
}

.reply_sms h2 {
  font-size: 16px;
  font-weight: 400;
  margin-top: 14px;
}

.reply_sms .box .d-flex + .d-flex {
  border-top: 1px solid #86888a;
  padding-top: 18px;
}

.reply_sms .box .d-flex {
  gap: 16px;
  align-items: baseline;
  margin-top: 20px;
}

.reply_sms .box .d-flex img {
  height: 50px;
  width: 50px;
  border-radius: 50px;
}

.reply_sms .box .d-flex h3 {
  font-size: 18px;
  font-weight: 400;
}

.reply_sms .box .d-flex h3 span {
  color: #86888a;
  padding: 0 8px;
}

.reply_sms .box .d-flex h3 label {
  float: right;
}

.reply_sms .box .d-flex p {
  font-size: 16px;
  margin-bottom: 10px;
  line-height: 26px;
}

.reply_sms .box_two {
  background: #f5f4f6;
  padding: 25px;
}

.reply_sms .box_two p {
  font-size: 16px;
  margin-bottom: 7px;
  line-height: 26px;
}

.reply_sms .form-group {
  margin-top: 12px;
}

.reply_sms .form-group label {
  font-size: 16px;
}

.reply_sms .form-group textarea {
  height: 150px;
}

.reply_sms .upload {
  border: 1px solid #86888a;
  padding: 12px;
  background: #f2f1f2;
  margin-top: 16px;
  position: relative;
}

.reply_sms .upload input {
  padding-left: 10px;
  z-index: 9;
  position: relative;
  height: 50px;
  width: 100%;
  color: #86888a;
  font-size: 15px;
}

.reply_sms .upload input::file-selector-button {
  padding-right: 80px;
  border: none;
  opacity: 0;
  height: 50px;
}

.reply_sms .upload button {
  position: absolute;
  border: 1px solid #000000;
  height: 50px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 160px;
  font-size: 15px;
  font-weight: 500;
}

.reply_sms .upload button i {
  font-size: 18px;
  margin-right: 5px;
}

.reply_sms button.btn.reply {
  height: 50px;
  background: #0077b5;
  width: 150px;
  color: #fff;
  line-height: 32px;
  margin-top: 20px;
  border-radius: 0px;
}

.reply_sms .box_three {
  background: #f5f4f6;
  padding: 25px;
}

.reply_sms .box_three h3 {
  font-size: 22px;
  margin-bottom: 20px;
}

.reply_sms .box_three h4 {
  font-size: 18px;
  margin-bottom: 30px;
}

.reply_sms .box_three h4 img {
  height: 32px;
  width: 32px;
  border-radius: 50px;
  position: absolute;
  left: 0;
  top: 0;
}

.reply_sms .box_three h4.space {
  position: relative;
  padding-left: 40px;
}

.reply_sms .box_three h4.space span {
  display: block;
  color: #545454;
  font-weight: 400;
  font-size: 14px;
  margin-top: 2px;
}

.reply_sms .box_three h5 {
  font-size: 16px;
  margin-top: 14px;
  font-weight: 400;
}

.reply_sms .box_three h5 span {
  margin-left: 25px;
}

.reply_sms .box_three h6 {
  font-size: 20px;
  margin-top: 15px;
  border-top: 1px solid #000000;
  padding-top: 10px;
}

.reply_sms .box_three h6:last-child {
  border: none;
  margin-bottom: 0;
}

.deactivate_popup h3 {
  font-size: 18px;
  margin: 30px 0 15px;
}

.deactivate_popup h5 {
  font-size: 20px;
}

.deactivate_popup .modal-content {
  border-radius: 0px;
  border: none;
}

.deactivate_popup .modal-content .modal-header {
  border: none;
  padding-bottom: 6px;
  padding-top: 30px;
}

.deactivate_popup .modal-content .modal-footer {
  border: none;
}

.deactivate_popup .modal-content .modal-footer .btn-secondary {
  border: 1px solid #86888a;
  background: transparent;
  color: #86888a;
  width: 130px;
  height: 50px;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 500;
}

.deactivate_popup .modal-content .modal-footer .btn-primary {
  background: #0077b5;
  color: #ffffff;
  width: 130px;
  height: 50px;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 500;
}

.deactivate_popup .form-check {
  margin-bottom: 10px;
}

.deactivate_popup .form-check .form-check-label {
  font-size: 16px;
  margin-left: 7px;
}

.deactivate_popup .form-check .form-check-input {
  width: 1.3em;
  height: 1.3em;
  border: 2px solid #86888a;
}

.deactivate_popup .form-check .form-check-input:checked {
  background-color: #0077b5;
  border-color: #0077b5;
}

.deactivate_popup textarea {
  height: 100px;
  font-size: 14px;
}

.deactivate_popup .form-group {
  margin: 28px 0px 20px;
}

.deactivate_popup .form-group label {
  font-size: 16px;
}

.deactivate_popup .form-group input {
  height: 50px;
  font-size: 15px;
}

.setting_freelancer {
  margin: 25px 0;
}

.setting_freelancer h3.bred {
  font-size: 20px;
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 15px;
  margin-bottom: 16px;
}

.setting_freelancer h3.bred i {
  padding: 0 10px;
  vertical-align: middle;
}

.setting_freelancer .menu-wrapper {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  display: flex;
  align-items: center;
  padding: 0 35px;
}

.setting_freelancer .menu-wrapper .menu_tab {
  box-sizing: border-box;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  position: relative;
}

.setting_freelancer .menu-wrapper .menu_tab .nav-pills {
  gap: 15px;
  min-width: 2575px;
}

.setting_freelancer .menu-wrapper .menu_tab .nav-pills .nav-item .nav-link {
  border: 1px solid #e7e7e7;
  border-radius: 50px;
  background: #fafafa;
  color: #000;
  height: 50px;
  width: 220px;
  font-size: 16px;
}

.setting_freelancer
  .menu-wrapper
  .menu_tab
  .nav-pills
  .nav-item
  .nav-link.active {
  background: #fff9ef;
  border-color: #ffdea7;
  font-weight: 600;
}

.setting_freelancer .menu-wrapper .arrows .hidden {
  display: none;
}

.setting_freelancer .menu-wrapper .arrows .left-arrow {
  left: -5px;
  border: none;
  height: 50px;
  width: 44px;
  font-size: 22px;
  background: #dedede;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: 0 auto;
  outline: none;
}

.setting_freelancer .menu-wrapper .arrows .right-arrow {
  outline: none;
  right: -5px;
  border: none;
  height: 50px;
  width: 44px;
  font-size: 22px;
  background: #dedede;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: 0 auto;
}

.setting_freelancer .form-group {
  position: relative;
  margin-bottom: 18px;
}

.setting_freelancer .form-group i {
  position: absolute;
  bottom: 10px;
  left: 14px;
  font-size: 20px;
}

.setting_freelancer .form-group .eye {
  left: inherit;
  right: 14px;
}

.setting_freelancer .form-group .form-label {
  font-size: 15px;
  font-weight: 500;
}

.setting_freelancer .form-group .form-control {
  border: 1px solid #d9d9d9;
  height: 50px;
  font-size: 15px;
  border-radius: 0px;
}

.setting_freelancer .form-group .form-control.space {
  padding-left: 48px;
}

.setting_freelancer .form-group select {
  border: 1px solid #d9d9d9;
  height: 50px;
  font-size: 15px;
  border-radius: 0px;
}

.setting_freelancer .accordion-button:focus {
  box-shadow: none;
}

.setting_freelancer .accordion-button {
  background: #f5f8ff;
  font-size: 17px;
  font-weight: 500;
  padding-top: 20px;
  padding-bottom: 20px;
}

.setting_freelancer .accordion {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1019607843);
}

.setting_freelancer a.btn.save {
  background: #0077b5;
  color: #fff;
  margin: 30px 20px;
  height: 50px;
  width: 200px;
  border-radius: 50px;
  font-size: 15px;
  line-height: 33px;
}

.setting_freelancer .form-check {
  margin-bottom: 10px;
}

.setting_freelancer .form-check .form-check-input {
  width: 1.3em;
  height: 1.3em;
  border: 2px solid #86888a;
}

.setting_freelancer .form-check .form-check-input:checked {
  background-color: #0077b5;
  border-color: #0077b5;
}

.setting_freelancer .form-check .form-check-label {
  font-size: 16px;
  margin-left: 7px;
}

.setting_freelancer .currency_check {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  margin-bottom: 13px;
}

.setting_freelancer .currency_check .form-check-input {
  float: inline-end;
}

.setting_freelancer .form-switch .form-check-input {
  width: 40px;
  background-color: #ececec;
  border: none;
  height: 20px;
}

.setting_freelancer .form-switch .form-check-label {
  margin-left: 10px;
}

.setting_freelancer .membership_box .set h3 {
  font-size: 20px;
  margin-bottom: 15px;
}

.setting_freelancer .membership_box .set h4 {
  font-size: 20px;
  font-weight: 300;
}

.setting_freelancer .membership_box .set a.btn {
  background: #0077b5;
  height: 50px;
  color: #fff;
  width: 120px;
  border-radius: 50px;
  line-height: 34px;
  border: none;
  margin: 4px 0 15px;
}

.setting_freelancer .account_box h3 {
  font-size: 16px;
  margin-bottom: 16px;
  margin-top: 18px;
}

.setting_freelancer .account_box h4 {
  font-size: 16px;
  margin-top: 20px;
}

.setting_freelancer .account_box .deac {
  border: 1px solid #d2d0d0;
  padding: 20px;
  margin-top: 16px;
}

.setting_freelancer .account_box .deac h5 {
  font-size: 16px;
}

.setting_freelancer .account_box .deac p {
  font-size: 15px;
  color: #494949;
  max-width: 930px;
}

.setting_freelancer .account_box .deac a.btn {
  border: 1px solid #e3e3e3;
  height: 45px;
  font-size: 14px;
  width: 190px;
  border-radius: 0px;
  line-height: 30px;
}

.setting_freelancer .trust_box h3 {
  font-size: 18px;
}

.setting_freelancer .trust_box p {
  font-size: 17px;
}

.setting_freelancer .trust_box .set ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
}

.setting_freelancer .trust_box .set ul li {
  background: #fafafa;
  height: 50px;
  width: 230px;
  text-align: center;
  border: 1px solid #e7e7e7;
  border-radius: 50px;
  font-size: 17px;
  display: flex;
  justify-content: center;
  gap: 14px;
  align-items: center;
  cursor: pointer;
}

.setting_freelancer .trust_box .set ul li i {
  font-size: 23px;
  color: #0077b5;
  display: none;
}

.setting_freelancer .trust_box .set ul li.active i {
  display: block;
}

.setting_freelancer .trust_box .set .d-flex {
  justify-content: space-between;
  align-items: center;
  background: #fafafa;
  margin-bottom: 14px;
  padding: 14px;
  border-radius: 2px;
}

.setting_freelancer .trust_box .set .d-flex h4 {
  font-size: 17px;
  margin-bottom: 0;
}

.setting_freelancer .trust_box .set .d-flex a.btn {
  background: #0077b5;
  height: 45px;
  width: 125px;
  color: #fff;
  font-size: 15px;
  line-height: 29px;
  border-radius: 50px;
  font-weight: 500;
}

.setting_freelancer .trust_box .set .d-flex a.btn.outline {
  background: transparent;
  border-color: #2f8d03;
  color: #2f8d03;
}

.setting_freelancer .trust_box .set .d-flex a.btn.blue {
  width: 190px;
  background: #3ebdff;
}

.setting_freelancer .trust_box .set_two {
  background-size: cover;
  text-align: center;
  padding: 81px 12px;
  background-position: center;
  border-radius: 8px;
  background-repeat: no-repeat;
}

.setting_freelancer .trust_box .set_two h5 {
  font-size: 20px;
}

.setting_freelancer .trust_box .set_two h6 {
  font-size: 17px;
  font-weight: 400;
  margin-bottom: 0;
}

.setting_freelancer .email_box a.btn.reloader {
  background: #0077b5;
  color: #fff;
  margin: 10px 0px;
  height: 50px;
  width: 200px;
  border-radius: 50px;
  font-size: 15px;
  line-height: 33px;
}

.setting_freelancer .email_box a.btn.reloader img {
  height: 22px;
  margin-right: 8px;
}

.setting_freelancer .security_box h3 {
  font-size: 18px;
  font-weight: 400;
}

.setting_freelancer .security_box h4 {
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  max-width: 1120px;
  margin-top: 14px;
}

.setting_freelancer .security_box h5 {
  font-size: 16px;
  font-weight: 300;
}

.setting_freelancer .security_box a.btn.start {
  background: #0077b5;
  height: 50px;
  color: #fff;
  min-width: 135px;
  border-radius: 50px;
  line-height: 34px;
  border: none;
  margin: 10px 0;
  padding-left: 25px;
  padding-right: 25px;
}

.setting_freelancer .security_box .d-flex {
  gap: 32px;
  margin-top: 18px;
}

.setting_freelancer .security_box .login {
  position: relative;
  padding-left: 44px;
  margin-top: 20px;
}

.setting_freelancer .security_box .login img {
  position: absolute;
  left: 0;
  height: 32px;
}

.setting_freelancer .security_box .login p {
  font-size: 14px;
  margin-bottom: 2px;
}

.setting_freelancer .security_box .extra_sec {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1019607843);
  padding: 20px;
  max-width: 1120px;
  margin-top: 20px;
  position: relative;
}

.setting_freelancer .security_box .extra_sec i {
  position: absolute;
  right: 22px;
  font-size: 20px;
  top: 15px;
  cursor: pointer;
}

.setting_freelancer .security_box .extra_sec .d-flex {
  margin-top: 7px;
  align-items: center;
  gap: 20px;
}

.setting_freelancer .security_box .extra_sec .d-flex input {
  max-width: 800px;
  border: 1px solid #caccce;
  border-radius: 8px;
  background-color: #fdfdfd;
}

.setting_freelancer .security_box .extra_sec span img {
  height: 22px;
}

.setting_freelancer .security_box .extra_sec p {
  color: #86888a;
  margin: 10px 0 5px;
}

.setting_freelancer .payment_box a.btn.pay {
  background: #0077b5;
  color: #fff;
  margin: 10px 0px;
  height: 50px;
  width: 230px;
  border-radius: 50px;
  font-size: 15px;
  line-height: 33px;
}

.setting_freelancer .payment_box a.btn.pay i {
  font-size: 19px;
  margin-right: 8px;
  vertical-align: middle;
  -webkit-text-stroke: 0.3px;
}

.setting_freelancer .payment_box h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  max-width: 1050px;
}

.setting_freelancer .payment_box h4 {
  font-size: 16px;
  color: #0077b5;
  font-weight: 400;
  margin-top: 8px;
}

.setting_freelancer .payment_box h5 {
  font-size: 17px;
}

.setting_freelancer .payment_box a.btn.reason {
  background: #0077b5;
  height: 42px;
  width: 140px;
  font-size: 14px;
  color: #fff;
  border-radius: 0px;
  line-height: 26px;
  margin: 14px 0 16px;
}

.setting_freelancer .payment_box a.btn.reason.outline {
  background: transparent;
  border: 1px solid #e2e2e2;
  color: #0077b5;
}

.setting_freelancer .payment_box .shadows {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1019607843);
  border: 1px solid #dddddd;
  padding: 15px;
  border-radius: 8px;
  margin-top: 14px;
  margin-bottom: 25px;
}

.setting_freelancer .payment_box .shadows p {
  font-size: 15px;
  color: #6b6a6a;
  margin-bottom: 6px;
}

.setting_freelancer .payment_box .shadows a.btn.reason {
  margin-bottom: 0;
}

.setting_freelancer .currency_box a.btn {
  background: #0077b5;
  height: 50px;
  color: #fff;
  width: 155px;
  border-radius: 50px;
  line-height: 34px;
  border: none;
  margin: 20px 0 15px;
}

.setting_freelancer .currency_box h3 {
  font-size: 18px;
}

.setting_freelancer .currency_box p {
  color: #5b5b5b;
}

.setting_freelancer .currency_box .form-switch {
  float: right;
  margin-top: -72px;
  position: relative;
  z-index: 9;
}

.payment_freelancer {
  margin: 30px 0;
}

.payment_freelancer h1 {
  font-size: 20px;
}

.payment_freelancer .form-check {
  margin-bottom: 12px;
}

.payment_freelancer .form-check .form-check-label {
  font-size: 16px;
  margin-left: 5px;
  width: 100%;
}

.payment_freelancer .form-check .form-check-label img {
  height: 22px;
  float: right;
}

.payment_freelancer .form-check .form-check-input {
  width: 1.2em;
  height: 1.2em;
  position: relative;
  top: 1px;
}

.payment_freelancer .form-check .form-check-input:checked {
  background-color: #00b548;
  border-color: #00b548;
}

.payment_freelancer .from-group {
  margin-bottom: 15px;
}

.payment_freelancer .from-group label.form-label {
  font-size: 16px;
}

.payment_freelancer .from-group input.form-control {
  border: 1px solid #e3e3e3;
  height: 45px;
  border-radius: 0px;
  font-size: 14px;
}

.payment_freelancer .from-group input.form-control::-moz-placeholder {
  color: #b4aeae;
}

.payment_freelancer .from-group input.form-control::placeholder {
  color: #b4aeae;
}

.payment_freelancer .box {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1019607843);
  margin-bottom: 16px;
  padding: 20px;
}

.payment_freelancer .box .d-flex {
  gap: 40px;
  margin-bottom: 7px;
}

.payment_freelancer .box .visa {
  display: flex;
  align-items: center;
  gap: 15px;
}

.payment_freelancer .box .visa img {
  height: 32px;
}

.payment_freelancer .box a.more {
  font-size: 16px;
  color: #828282;
  text-decoration: underline !important;
}

.payment_freelancer .box .select_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.payment_freelancer .box .select_box label {
  font-size: 16px;
  margin-bottom: 0;
}
p.save-para {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.payment_freelancer .box .select_box .form-select {
  border: 1px solid #e3e3e3;
  height: 45px;
  border-radius: 0px;
  font-size: 15px;
  max-width: 290px;
  font-weight: 500;
  width: 290px;
  padding-left: 52px;
}

.payment_freelancer .box .select_box img {
  position: absolute;
  left: 8px;
  bottom: 11px;
  height: 24px;
}

.payment_freelancer .box a.btn.payment_btn {
  background: #0077b5;
  width: 100%;
  border-radius: 0;
  height: 50px;
  color: #fff;
  margin: 20px 0 15px;
  line-height: 35px;
}

.payment_freelancer .box p {
  color: #828282;
  font-size: 15px;
  margin-bottom: 0;
  line-height: 22px;
  max-width: 500px;
}

.payment_freelancer .box_two {
  border: 1px solid #eecd95;
  background: #fff9ef;
  padding: 15px;
}

.payment_freelancer .box_two h3 {
  font-size: 18px;
}

.payment_freelancer .box_two .set {
  position: relative;
  padding-left: 86px;
  margin-top: 30px;
  margin-bottom: 25px;
}

.payment_freelancer .box_two .set img {
  height: 70px;
  position: absolute;
  left: 0;
}

.payment_freelancer .box_two .set h4 {
  font-size: 16px;
}

.payment_freelancer .box_two .set h5 {
  font-size: 15px;
  font-weight: 400;
  max-width: 415px;
  line-height: 22px;
}

.payment_freelancer .master {
  position: sticky;
  top: 0;
}

.payment_freelancer .master ul {
  list-style: none;
  padding-left: 0;
  margin-top: 18px;
}

.payment_freelancer .master ul li {
  display: inline-block;
  margin-right: 18px;
}

.payment_freelancer .master ul li img {
  height: 35px;
}

.TransactionHistory .set div {
  display: flex;
}

.MilestonePayments .modal-content {
  padding: 25px;
}

.MilestonePayments button.btn-close {
  position: absolute;
  right: 0;
  top: 0;
  padding: 15px;
}

.MilestonePayments .proposal {
  padding: 20px;
}

.MilestonePayments .proposal h4 {
  font-size: 22px;
}

.MilestonePayments .proposal h6 {
  font-size: 18px;
  margin-top: 18px;
}

.MilestonePayments .proposal button.btn-close {
  position: absolute;
  right: 0;
  top: 0;
  padding: 15px;
}

.MilestonePayments .proposal ul {
  padding: 0;
  list-style: none;
  margin-top: 15px;
}

.MilestonePayments .proposal ul li {
  margin-bottom: 6px;
  padding-left: 50px;
  position: relative;
  min-height: 40px;
  align-items: center;
  display: flex;
}

.MilestonePayments .proposal ul span {
  width: 40px;
  position: absolute;
  top: 0;
  margin-right: 8px;
  height: 40px;
  display: inline-block;
  background: #f6f4f4;
  line-height: 40px;
  text-align: center;
  left: 0;
  bottom: 0;
  margin: auto;
}

.MilestonePayments .proposal ul span img {
  height: 24px;
}

.approve_final_delivery .modal-content {
  padding: 25px;
}

.approve_final_delivery .modal-content h4 {
  font-size: 20px;
}

.approve_final_delivery .modal-content button.btn-close {
  position: absolute;
  right: 0;
  top: 0;
  padding: 15px;
}

.approve_final_delivery .modal-content .modal-footer {
  border: none;
  padding: 0;
}

.approve_final_delivery .modal-content .modal-footer button.btn {
  border: navajowhite;
  padding: 9px;
  font-size: 14px;
  border-radius: 3px;
  min-width: 90px;
  margin: 0 0 0 10px;
}

.approve_final_delivery .modal-content .modal-footer button.btn.btn-primary {
  background: #0077b5;
}

.modal-dialog.end_project_modal {
  max-width: 380px;
}

.modal-dialog.end_project_modal .modal-content .modal-footer {
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.modal-dialog.end_project_modal .modal-content h4 {
  font-size: 22px;
}

.Counteroffer {
  min-width: 650px;
}

.Counteroffer .modal-content h5 {
  font-size: 18px;
}

.Counteroffer .modal-content label {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  margin-top: 15px;
  margin-bottom: 5px;
  height: 24px;
}

.Counteroffer .modal-content .form-group {
  border: 1px solid #e5e5e5;
  padding-right: 45px;
  position: relative;
}

.Counteroffer .modal-content .form-group input {
  width: 100%;
  border: none;
  padding: 0 12px;
  min-height: 45px;
}

.Counteroffer .modal-content .form-group span {
  position: absolute;
  right: 0;
  border: none;
  padding: 11px 10px;
}

.Counteroffer .modal-content .form-group span select {
  border: none;
}

.Counteroffer .modal-content p.note {
  color: #d80027;
  font-size: 14px;
}

.Counteroffer .modal-content .paid {
  font-size: 12px;
  margin-top: 7px;
}

.Counteroffer .modal-content .modal_footer button.btn {
  background: #0077b5;
  width: 180px !important;
  border: navajowhite;
  border-radius: 3px;
  height: 48px;
  font-weight: 500;
}

.Counteroffer .modal-content .modal-footer > * {
  margin: 0 -12px;
}

.Edit_Skills .modal-content {
  padding: 25px;
}

.Edit_Skills .modal-content button.btn-close {
  position: absolute;
  right: 15px;
  border: 1px solid;
  border-radius: 50%;
  padding: 7px;
  font-size: 10px;
  top: 15px;
}

.Edit_Skills .modal-content p {
  color: #d80027;
}

.Edit_Skills .modal-content .modal-footer {
  border: none;
}

.Edit_Skills .modal-content input.form-control {
  border: 1px solid #e0e0e0;
  margin-bottom: 14px;
  min-height: 44px;
}

.Edit_Skills .modal-content button.btn.btn-secondary {
  background: transparent;
  border: 1px solid #86888a;
  color: #86888a;
  min-width: 120px;
  border-radius: 0;
  line-height: 42px;
  padding: 0;
}

.Edit_Skills .modal-content label.mt-0 {
  font-size: 16px;
  font-weight: 600;
}

.Edit_Skills .modal-content button.btn.btn-primary {
  background: #0077b5;
  border: 1px solid #0077b5;
  color: #fff;
  min-width: 120px;
  border-radius: 0;
  line-height: 42px;
  padding: 0;
}

div#Remove_Members {
  background: rgba(88, 88, 88, 0.6);
}

.Add_Members.Remove_Members {
  max-width: 400px;
}

.Add_Members button.btn-close {
  position: absolute;
  right: 15px;
  border: 1px solid;
  border-radius: 50%;
  padding: 7px;
  font-size: 10px;
  top: 15px;
  z-index: 999;
}

.Add_Members h3 {
  margin-bottom: 15px;
  margin: 20px 0;
  font-size: 15px;
}

.Add_Members h3 a {
  color: #0077b5;
}

.Add_Members form {
  position: relative;
  max-width: 100%;
  margin: 20px 0;
}

.Add_Members form button {
  position: absolute;
  left: 0;
  border: none;
  background: transparent;
  line-height: 46px;
  padding: 0 24px;
  font-size: 18px;
}

.Add_Members form input {
  width: 100%;
  border: 1px solid #caccce;
  border-radius: 30px;
  padding: 0 55px 0 70px;
  line-height: 46px;
  background: transparent;
}

.Add_Members button.btn.btn-primary {
  background: #0077b5;
  color: #fff;
}

.Add_Members button.btn.btn-primary.Remove {
  background: #ff6f6f;
}

.Add_Members button.btn {
  background: #ccc;
  color: #000;
  font-size: 14px;
  font-weight: 600;
  min-width: 115px;
  border: none;
  line-height: 28px;
  border-radius: 3px;
}

.Add_Members .set {
  padding-left: 60px;
  position: relative;
  min-height: 45px;
  margin-bottom: 20px;
}

.Add_Members .set h6 {
  margin-bottom: 1px;
}

.Add_Members .set p {
  margin-bottom: 0;
}

.Add_Members .set i.bi.bi-circle-fill {
  position: absolute;
  color: #34ab05;
  font-size: 10px;
  left: 41px;
  top: 36px;
}

.Add_Members .set i.bi.bi-plus-lg {
  color: #0077b5;
  font-size: 20px;
  position: absolute;
  right: 0;
  top: 7px;
}

.Add_Members .set i.bi.bi-x-lg {
  color: #626262;
  font-size: 20px;
  position: absolute;
  right: 0;
  top: 7px;
}

.Add_Members .set span {
  width: 45px;
  height: 45px;
  display: inline-block;
  background-size: cover;
  background-position: center;
  border-radius: 4px;
  position: absolute;
  left: 0;
}

.Advanceoption button.btn-close {
  position: absolute;
  right: 15px;
  border: 1px solid;
  border-radius: 50%;
  padding: 7px;
  font-size: 10px;
  top: 15px;
  z-index: 999;
}

.Advanceoption button.btn.btn-primary {
  border: none;
  background: #0077b5;
  line-height: 42px;
  padding: 0 24px;
  font-size: 15px;
  color: #fff;
  border-radius: 4px;
  margin-top: 8px;
}

.Advanceoption input.form-control {
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  height: 42px;
  margin-bottom: 6px;
}

.Advanceoption h3 {
  font-size: 20px;
  font-weight: 600;
}

.Advanceoption label {
  font-weight: 600;
}

.ctmob {
  background: #007db3;
  border-top: 1px solid #fff;
  text-align: center;
  padding: 40px 0;
}

.ctmob h5 {
  color: #fff;
  font-size: 17px;
  font-weight: 500;
  max-width: 330px;
  margin: 15px auto;
}

.ctmob img {
  max-width: 290px;
}

.ctmob a {
  color: #fff;
}

.modalProject_Category.NewList {
  max-width: 600px;
}

.modalProject_Category.NewList .modal-content label {
  font-size: 16px;
}

.modalProject_Category.NewList .modal-content input.form-control {
  height: 45px;
  border-radius: 4px;
}

.modalProject_Category.NewList .modal-content textarea.form-control {
  height: 115px;
  border-radius: 4px;
}

.modalProject_Category.NewList .modal-content h4 {
  font-size: 24px;
}

.my_proposals_freelancer .proposal .nav.nav-tabs {
  border: none;
}

.my_proposals_freelancer .proposal .nav.nav-tabs li .nav-link {
  border: 1px solid #e7e7e7;
  line-height: 44px;
  display: inline-block;
  min-width: 145px;
  text-align: center;
  color: #000;
  font-weight: 500;
  background: #fafafa;
  padding: 0;
  border-radius: 0;
  max-width: 0;
}

.my_proposals_freelancer .proposal .nav.nav-tabs li .nav-link.active {
  background: #c4dfee;
  color: #0077b5;
  border-radius: 0;
  border: 1px solid #0077b5;
}

.active_projects_freelancer .proposal .nav.nav-tabs {
  border: none;
}

.active_projects_freelancer .proposal .nav.nav-tabs li .nav-link {
  border: 1px solid #e7e7e7;
  line-height: 44px;
  display: inline-block;
  min-width: 145px;
  text-align: center;
  color: #000;
  font-weight: 500;
  background: #fafafa;
  padding: 0;
  border-radius: 0;
  max-width: 0;
}

.active_projects_freelancer .proposal .nav.nav-tabs li .nav-link.active {
  background: #c4dfee;
  color: #0077b5;
  border-radius: 0;
  border: 1px solid #0077b5;
}

.categorycarousel .owl-dots {
  display: none;
}

.categorycarousel .owl-nav {
  position: absolute;
  top: -60px;
  right: 13px;
  width: 74px;
  padding: 3px 3px;
  font-size: 26px;
  height: 36px;
  line-height: 0;
  display: inline-block;
  background: #fff;
}

.category button.owl-next {
  position: absolute;
}

.categorycarousel .owl-nav button {
  border: 1px solid #0077b5 !important;
  width: 30px;
  height: 30px;
  margin: 0 2px;
  border-radius: 4px;
}

.categorycarousel .owl-nav button span {
  position: relative;
  top: -2px;
}

section.find_inspiration.brand_identity .set .cont h6 {
  margin-top: 8px;
}

section.find_inspiration.brand_identity .set .cont i.bi.bi-heart {
  font-size: 19px;
}

section.find_inspiration.brand_identity .set .cont p {
  margin-bottom: 0;
  margin-top: 0;
}

section.find_inspiration.brand_identity .set .cont p span {
  position: relative;
  top: 3px;
}

section.find_inspiration.brand_identity .set .cont p b {
  font-size: 18px;
  font-weight: 600;
}

.sdbar.main {
  display: block !important;
  transform: scale(1);
  transition: 0.3s ease-in-out;
  right: 0;
}

.sdbar {
  width: 350px;
  position: fixed;
  right: -800px;
  padding: 20px;
  background: #fff;
  z-index: 999;
  height: 100%;
  top: 0;
  padding-top: 19px;
  transform: scale(1);
  transition: 0.3s ease-in-out;
  box-shadow: 0px 0px 80px rgba(0, 0, 0, 0.2588235294);
}

.tag-box {
  border: 1px solid #d6d6d6;
  min-height: 200px;
  border-radius: 10px;
  padding: 20px;
}

.suggested-tag {
  background: #808080ba;
  padding: 10px;
  color: white;
  text-transform: capitalize;
  margin: 0 10px;
  border-radius: 8px;
  font-weight: 500;
  font-size: 17px;
}

.sdbar h4 {
  background: black;
  color: #fff;
  font-size: 16px;
  padding: 16px 20px;
  margin-top: -19px;
  margin-left: -20px;
  margin-right: -20px;
}

.dollar-div .dollar-span {
  position: absolute;
  top: 10px;
  left: 10px;
}

.Website_Design-new {
  border: 1px solid #d9d9d9;
  padding: 18px;
}

.Website_Design-new span {
  border: 1px solid #818181;
  font-size: 14px;
  padding: 8px 19px;
  border-radius: 30px;
  display: inline-block;
  height: 40px;
  padding-right: 45px;
  margin: 4px 14px 4px 0;
  position: relative;
}

.add-ons select {
  border: 1px solid #d6d6d6;
  height: 35px;
  border-radius: 7px;
  width: 120px;
  margin-right: 5px;
}

.title-box select {
  border: 1px solid #d6d6d6;
  height: 35px;
  border-radius: 7px;
  width: 120px;
  margin-right: 5px;
}

.descrip input {
  width: 80%;
}

.add-ons input {
  border: 1px solid #d6d6d6;
  height: 35px;
  border-radius: 7px;
  width: 120px;
  margin-right: 5px;
}

.title-box .input {
  border: 1px solid #d6d6d6;
  height: 39px;
  margin: 0 20px;
  padding: 10px 13px;
  border-radius: 7px;
}

.add-ons .add-check {
  background: white;
  padding: 10px;
  border-radius: 8px;
}

.add-ons {
  background: #e3e3e3;
  padding: 10px;
  border-radius: 10px;
}

.title-box {
  /* background: #e3e3e3; */
  padding: 10px;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.Website_Design-new span i {
  color: #8f8f8f;
  font-size: 18px;
  position: absolute;
  right: 13px;
  top: 6px;
}

.Website_Design-new input {
  height: 40px;
  border: none;
  outline: none;
  box-shadow: none;
  background: transparent;
}

.dollar-div input {
  padding: 10px 75px 10px 24px !important;
}

.dollar-div .hour-span {
  position: absolute;
  right: 10px;
  top: 10px;
  font-weight: 500;
}

.sdbar .row {
  position: absolute;
  bottom: 12px;
  width: 100%;
  left: 0;
  right: 0;
  margin: auto;
}

.sdbar a.btn.apply {
  background: #0077b5;
  color: #fff;
  border: 1px solid #0077b5;
}

.sdbar a.btn {
  border: 1px solid rgba(204, 204, 204, 0.6705882353);
  width: 100%;
  color: #0077b5;
  font-weight: 600;
  padding: 9px;
}

.active_projects.my_proposals_freelancer
  .proposal
  table
  tr
  td
  table.table
  tr
  td
  span.allic
  i.bi.bi-heart {
  position: relative;
  top: 2px;
}

.active_projects.my_proposals_freelancer
  .proposal
  table
  tr
  td
  table.table
  tr
  td
  span.allic
  i {
  font-size: 15px;
}

.active_projects.my_proposals_freelancer
  .proposal
  table
  tr
  td
  table.table
  tr
  td
  span.allic
  button.dropdown-toggle.thumbs {
  height: auto;
  border: none;
  margin: 0;
  color: #2f8d03;
}

.edit_profile_design {
  border: 1px solid #d9d9d9;
  padding: 18px;
  border-radius: 10px;
}

.edit_profile_design input {
  height: 40px;
  border: none;
  outline: none;
  box-shadow: none;
  background: transparent;
}

.edit_profile_design span {
  border: 1px solid #818181;
  font-size: 14px;
  padding: 8px 19px;
  border-radius: 30px;
  display: inline-block;
  height: 40px;
  padding-right: 45px;
  margin: 4px 14px 4px 0;
  position: relative;
}

.active_projects.my_proposals_freelancer
  .proposal
  table
  tr
  td
  table.table
  tr
  td
  span.allic
  ul.dropdown-menu.interested {
  min-width: 300px;
}

.active_projects.my_proposals_freelancer
  .proposal
  table
  tr
  td
  table.table
  tr
  td
  span.allic
  ul.dropdown-menu.interested
  p {
  padding: 0 16px;
  margin-top: 10px;
}

.development.word_press .d-block.atp {
  height: 0;
}

.nav-item.disabled {
  pointer-events: none;
  /* Prevents click */
  opacity: 0.5;
  /* Makes it visually disabled */
  cursor: not-allowed;
  /* Changes cursor to indicate it's not clickable */
}

.showcase_process .profile_sidebar {
  z-index: inherit;
  position: inherit;
}

.card {
  border-radius: 8px;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.1) !important;
  background: transparent;
}
.qst-mcq {
  background-color: #0077b5;
  color: white;
  position: relative;
  left: -10%;
  padding: 60px 30px;
  border-radius: 50px;
}

h4,
h5 {
  color: #333;
}

.btn-primary {
  background-color: #ff007f;
  border: none;
}

.btn-primary:hover {
  background-color: #e60073;
}

.text-primary {
  color: #007bff !important;
}

.text-muted {
  font-size: 0.9rem;
}

/* OR Partition Styling */
.partition {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0;
  position: relative;
}

.paper-clip-div {
  position: relative;
  top: 7px;
  left: -5px;
}

.paper-clip-div input {
  position: absolute;
  opacity: 0;
}

.partition::before,
.partition::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid #ccc;
}

.partition span {
  padding: 0 15px;
  font-weight: bold;
  color: #666;
}

/* Modal Styling */
.modal-content {
  border-radius: 12px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.modal-header,
.modal-footer {
  background-color: #f1f1f1;
}

.bg-light {
  background-color: #f8f9fa !important;
}

.chat-widget-container {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 100%;
  max-width: 430px;
  display: flex;
  align-items: end;
  justify-content: end;
}

.chat-toggle-btn {
  border-radius: 50%;
  cursor: pointer;
  color: #ffc107;
  font-size: 24px;
}

.chat-body-third {
  margin-bottom: 66px;
}

.chat-box {
  display: none;
  position: relative;
  width: 100%;
  border-radius: 0px;
  overflow: hidden;
  border: none;
  box-shadow: none !important;
}

.card-header {
  font-weight: normal;
  padding: 15px;
  background-color: #ffc300;
  border: none;
  border-radius: 0 !important;
}

.card-body {
  padding: 20px;
  height: 324px;
  position: relative;
  background: transparent;
}
.qst-mcq label.form-check-label {
  font-size: 16px;
  color: white;
}
.qst-mcq button.prev-mcq {
  border-color: white !important;
  background: white !important;
  opacity: 2 !important;
  color: #0077b5 !important;
}
.qst-mcq button.prev-mcq:hover {
  background: #0077b5 !important;
  opacity: 2 !important;
  color: #ffffff !important;
  border: 1px solid white;
}

.message-left {
  max-width: 60%;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

.card-footer {
  background-color: #f8f9fa;
  padding: 15px;
}

.close-btn {
  background-color: transparent;
  border: none;
  color: white;
  margin-left: 15px;
  cursor: pointer;
}

.card-footer {
  background: white;
  border: none;
  position: absolute;
  bottom: 11px;
  width: 95%;
  left: 0;
  right: 0;
  margin: auto;

  border-radius: 10px !important;
  border: 1px solid #efefef !important;
}

.chat-box .icon button {
  border: none;
  background: transparent;
  color: #ffffff4a;
  cursor: pointer;
}

.card-footer-second {
  border-radius: 39px !important;
  border: 1px solid #efefef !important;
  background-color: #f8f9fa;
  padding: 15px;
}

.input-group input {
  border: none;
}

.input-group button {
  border: none;
}

input:focus {
  outline: none;
  border-bottom: 1px solid #d7d7d78c;
}

.bot-chat-p {
  margin-bottom: 4px;
  font-size: 12px;
  color: #667085;
}

.msg-box p {
  margin-bottom: 0px;
}

.msg-box {
  max-width: 100%;
  font-size: 13px;
  background: #ffc300;
  padding: 10px;
  border-radius: 10px;
  color: white;
}

.msg-box-right {
  background: #fff9df !important;
  color: #5d5d5d;
}

.call-button {
  color: #5d5d5d;
  background-color: white;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  display: inline-block;
  font-size: 17px;
  display: flex;
  justify-content: center;
  align-items: center;
}

button.btn.btn-outline-secondary:hover {
  background: transparent;
  color: #5d5d5d;
}

.pdf-message {
  display: flex;
  align-items: center;
  background: #f5f5f5;
  padding: 10px;
  border-radius: 10px;
  gap: 10px;
  max-width: 300px;
}

.pdf-icon {
  flex-shrink: 0;
}

.pdf-details {
  flex-grow: 1;
}

.pdf-name {
  font-weight: bold;
  word-wrap: break-word;
  width: 182px;
  font-size: 12px;
  text-align: start !important;
}

.pdf-size {
  font-size: 12px;
  color: gray;
}

.download-btn {
  background: none;
  border: none;
  cursor: pointer;
  background: #ded5d5;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.chat-input {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #f5f5f5;
  padding: 10px;
  border-radius: 8px;
}

.record-btn {
  background-color: #25d366;
  color: white;
  padding: 10px 15px;
  border-radius: 50px;
  cursor: pointer;
  user-select: none;
  transition: 0.3s;
}

.record-btn:active {
  background-color: #1da851;
}

.recording-container {
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: #f1f1f1;
  padding: 5px 10px;
  border-radius: 50px;
}

.timer {
  font-size: 21px;
  font-weight: bold;
  color: black;
}

.stop-btn,
.cancel-btn {
  cursor: pointer;
  padding: 5px 10px;
  background-color: transparent;
  color: black;
  border-radius: 5px;
  font-size: 21px;
}

.audio-preview {
  /* display: flex;
  align-items: center;
  gap: 10px;
  background: #fff;
  padding: 5px 10px;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); */
  display: flex;
  align-items: center;
  gap: 10px;
  background: #fff;
  padding: 5px 10px;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  position: absolute;
  width: 99%;
  left: 0;
  height: 88%;
  top: 0;
  z-index: 1061;
  bottom: 0;
  margin: auto;
  right: 0;
  justify-content: center;
}

.audio-preview audio {
  width: 53%;
}

.recording-container {
  background: #dfdfdf;
  position: absolute;
  left: 7px;
  top: 0;
  width: 99%;
  border-radius: 15px;
  height: 66%;
  z-index: 1061;
  margin: auto;
  top: 0;
  bottom: 0;
}

.audio-preview .bi-trash-fill {
  color: black;
  font-size: 25px;
}

.send-audio-btn {
  color: black;
  padding: 5px 10px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 23px;
}

.file-preview-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #ccc;
  padding: 10px 15px;
  border-radius: 6px;
  margin-top: 10px;
  background-color: #f9f9f9;
}

.file-info {
  display: flex;
  align-items: center;
  gap: 10px;
}

.file-icon {
  width: 24px;
  height: 24px;
}

.file-name {
  font-weight: 500;
  color: #333;
}

.file-size {
  margin-left: auto;
  color: #777;
  font-size: 0.9em;
}

.remove-file {
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
  color: #888;
}

.remove-file:hover {
  color: red;
}

#fileInput {
  display: none;
}

.file-label {
  cursor: pointer;
  font-size: 24px;
  color: black;
}

.file-label:hover {
  color: black;
}

.cover-div {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.bid-col span.icon-bid {
  position: absolute;
  bottom: 0;
  left: 20px;
  top: 28px;
  font-size: 18px;
}

.bid-col {
  position: relative;
}

.bid-col p.bid-input {
  position: absolute;
  top: 32px;
  right: 36px;
}

.bid-col input.form-control {
  padding: 0 23px !important;
}

.ql-container {
  height: auto !important;
}

.ql-editor {
  min-height: 300px !important;
  height: auto !important;
  overflow-y: auto;
}

.banner .dropmenu h6 {
  /* font-size: 18px;
    margin-top: 20px; */
  cursor: pointer !important;
}

/* ppppp  

ppp*/

/* .development .set a img {
    max-height: 65px !important;
    max-width: 65px !important;
    margin: auto;
} */

.new-log img {
  height: 170px !important;
  width: 200px !important;
  margin: auto;
}

.category img {
  height: 288px;
  width: 100%;
  object-fit: cover;
}

.exams-ms .card {
  background: #f3f3f3;
  padding: 15px;
}
.quest img {
  width: 100%;
  height: 800px;
  object-fit: contain;
}
.qst-mcq .mcq-time {
  padding: 12px;
  background: white !important;
  color: #0077b5;
  font-size: 16px;
}
ul.dropdown-menu.new-check.show {
  width: 392px;
  /* height: 400px; */
  max-height: 400px;
  overflow: scroll;
  scrollbar-width: none;
}
.check-input label {
  margin: 0 0 0 6px;
  font-size: 15px;
}
.new-check .check-input {
  border: 1px solid;
  border-radius: 3px;
  padding: 10px;
  overflow: scroll;
  scrollbar-width: none;
}
.new-check h4 {
  font-size: 18px;
  color: black;
  margin-bottom: 13px;
  margin-top: 13px;
}
.apply {
  padding: 10px;
  background: white;
  position: sticky;
  bottom: -15px;
}

.hero {
  background: url("./images/bner.png") center/cover no-repeat;
  color: #fff;
  position: relative;
  height: 80vh;
  display: flex;
  align-items: center;
}

.hero::before {
  content: "";
  position: absolute;
  inset: 0;
}

.hero-content {
  position: relative;
  z-index: 1;
  max-width: 550px;
}

.hero h1 {
  font-weight: 700;
}

.hero p {
  font-size: 1.1rem;
  margin-bottom: 20px;
}

.hero .btn-primary {
  background-color: #007bff;
  border: none;
  border-radius: 50px;
  padding: 10px 20px;
}

/* Card Styling */
.flags .exam-card {
  border: none;
  border-radius: 8px;
  transition: transform 0.2s ease;
  background-color: #fcfcfc;
  padding: 40px 20px !important;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
}

.flags .exam-card:hover {
  transform: translateY(-5px);
}

.flags .exam-card img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  margin-bottom: 14px;
}

.flags .exam-card .card-bodys {
  text-align: left;
}

.flags .exam-card h6 {
  font-weight: 600;
}

.flags .exam-card small {
  color: #666;
}

section.flags {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -33%;
}

.flags .card-bodys a {
  color: #717171 !important;
  font-weight: 500 !important;
}

.since-para {
  background-color: #eff6ff;
  padding: 200px 20px;
}

.since-para p {
  max-width: 68%;
  margin: auto;
  font-size: 18px;
  color: #292d32;
  font-weight: 500;
  padding: 16px 0 0 0;
}

.employe-bid .bid-card {
  border: none;
  padding: 15px;
  margin-bottom: 15px;
  border-radius: 4px;
}

.employe-bid .bid-card h6 {
  font-weight: 600;
  margin-bottom: 5px;
}

.employe-bid .bid-card p {
  margin: 0;
  font-size: 0.9rem;
  color: #555;
}

.employe-bid .bid-card.active {
  background-color: #0077b5;
  color: #fff;
}

.employe-bid .bid-card.active p {
  color: #e6e6e6;
}

.employe-bid .bid-card.inactive {
  background-color: #f1f7fa;
}

.employe-bid img {
  height: 663px;
  border-radius: 150px 00px 150px 0px;
}

.exam-section .exam-card {
  border: none;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transition: transform 0.3s ease;
}

.exam-section .exam-card:hover {
  transform: translateY(-5px);
}

.exam-section .exam-card img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

.exam-section .exam-card .card-bodys {
  background: #fff;
}

.exam-section .exam-card .btn {
  border-radius: 25px;
  padding: 6px 20px;
}

.exam-section .exam-card .list-unstyled li {
  margin-bottom: 8px;
  font-size: 0.95rem;
}

.exam-section .exam-card .list-unstyled i {
  color: #0d6efd;
  margin-right: 6px;
}
.hire_freelancers h5.find-heading {
  max-width: 70%;
}
.exam-section {
  background-color: #eff6ff;
  padding: 80px 20px;
}

.inbox .msgmain .mmssg1 {
  width: 25% !;
  position: fixed;
  left: 0;
  height: 100%;
  top: 124px !important;
  z-index: -46;
}
.inbox .main_div {
  position: fixed;
  left: 25%;
  top: 124px !important;
  height: 100%;

  width: 75%;
}
.inbox .type {
  border-radius: 0;
  padding: 14px 110px 14px 70px;
  height: 80px;
  position: relative;
  max-width: 99%;
  overflow: hidden;
  bottom: 0;
  width: 100%;
  top: 0%;
  left: 0;
  background: #f3f3f3;
}
.inbox .main-chat .list {
  overflow-y: auto;
  height: 76%;
  overflow-x: hidden;
  padding: 20px;
}
ul.ser-list {
    border: 1px solid #ccc;
    width: 96.3%;
    border-top: 0;
    margin: -15px 0 0 0;
    list-style: none;
    padding: 7px 0px;
}
.ser-list li {
    padding: 4px 10px;
    margin: 0 0 10px 0;
}
.ser-list li:hover{
    background-color:#0077b5;
color:white;
}
.hire-main p.hire-para {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
/** Large devices (desktops, less than 1800px) **/
/** Large devices (desktops, less than 1600px) **/

@media (max-width: 1599.98px) {
  .inbox .main_div {
    padding-top: 0px !important;
  }

  .inbox .msgmain .mmssg1 {
    padding-top: 0px;
  }

  .inbox .main_type .Attachments .set {
    padding-left: 70px;
  }

  .inbox .main_type .Attachments .set span.img {
    width: 60px;
  }

  .inbox .main_type .Attachments .set p {
    padding-top: 0;
  }

  .inbox .user_list ul li span.img {
    left: 12px;
  }

  .inbox .user_list ul li label {
    font-size: 15px;
  }

  .client_dashboard {
    margin: 30px 0px;
  }

  .client_dashboard h1 {
    font-size: 24px;
  }

  .client_dashboard h2 {
    font-size: 18px;
    margin-bottom: 20px;
  }

  .client_dashboard .box {
    padding: 20px 20px 20px 155px;
  }

  .client_dashboard .box img {
    height: 45px;
    left: 85px;
  }

  .client_dashboard .box h3 {
    font-size: 22px;
  }

  .client_dashboard .box p {
    font-size: 16px;
  }

  .client_dashboard .set_box h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }

  .client_dashboard .set_box p {
    font-size: 16px;
  }

  .client_dashboard .table_data .table th {
    font-size: 16px;
  }

  .client_dashboard .table_data .table td {
    font-size: 14px;
  }

  .client_dashboard .table_data label {
    font-size: 16px;
  }

  .client_dashboard .table_data .form-group textarea {
    height: 150px;
  }

  .client_dashboard .rating {
    margin-top: 18px;
  }

  .client_dashboard .rating h4 {
    font-size: 16px;
    line-height: 22px;
  }

  .client_dashboard .total_amount {
    margin-top: 14px;
  }

  .client_dashboard .total_amount p {
    font-size: 15px;
    margin-bottom: 4px;
  }

  .client_dashboard .total_amount h3 {
    font-size: 18px;
  }

  .client_dashboard .total_amount h4 {
    font-size: 16px;
    margin-top: 8px;
  }

  .client_dashboard .total_amount .form-group label {
    font-size: 16px;
  }

  .client_dashboard .total_amount .form-group input {
    font-size: 14px;
    height: 45px;
  }

  .client_dashboard .total_amount .form-group span {
    font-size: 14px;
  }

  .dispute_sec {
    margin: 30px 0px;
  }

  .dispute_sec h1 {
    font-size: 24px;
  }

  .dispute_sec h2 {
    font-size: 18px;
  }

  .freelancer_dashboardbanner {
    height: 250px;
  }

  .how_does h2 {
    font-size: 32px;
  }

  .banner2 h1 {
    font-size: 66px;
  }

  .Benefits .set h4 {
    font-size: 20px;
  }

  header.main_header nav.navbar ul.navbar-nav li a {
    padding: 10px 20px;
  }

  .banner .bannerin {
    padding-top: 130px;
    padding-bottom: 90px;
  }

  .banner .bannerin h1 {
    font-weight: bold;
    color: #0077b5;
    font-size: 70px;
    margin-bottom: 25px;
  }

  .banner ul li {
    margin: 0 2px;
  }

  .banner ul li a {
    font-size: 14px;
  }
}

@media (min-width: 1600px) {
  .container {
    max-width: 1400px;
  }
}

/** Large devices (desktops, less than 1366px) **/
@media (max-width: 1399.98px) {
  .my_proposals_freelancer .proposal .nav.nav-tabs li .nav-link {
    min-width: 115px;
  }
  .inbox .type {
    border-radius: 0;
    padding: 14px 110px 14px 70px;
    height: 80px;
    position: relative;
    max-width: 99%;
    overflow: hidden;
    bottom: 0;
    width: 100%;
    top: -7px;
    left: 0;
    background: #f3f3f3;
  }

  .browse_jobs.findjobs .Finances {
    background-size: 180px;
  }

  .browse_jobs.findjobs .set p.Budget b {
    display: block;
  }

  .project_details .proposal.review_proposals .set ul.dislike li {
    margin-left: 2px;
  }

  .project_details .proposal.review_proposals .form-switch_div h6 {
    margin-right: 11px;
  }

  .project_details .proposal.review_proposals .nav.nav-tabs li {
    margin-right: 8px;
  }

  .project_details .proposal.review_proposals .nav.nav-tabs li .nav-link {
    min-width: -moz-max-content;
    min-width: max-content;
  }

  .active_projects_freelancer .proposal .nav.nav-tabs {
    margin-left: 0 !important;
    top: 0 !important;
  }

  .my_proposals_freelancer .proposal .nav.nav-tabs {
    margin-left: 0 !important;
    top: 0 !important;
  }

  .checkout {
    padding: 35px 0;
  }

  .checkout .set {
    padding: 15px;
  }

  .checkout .set a.btn {
    margin-bottom: 20px;
    padding: 8px 20px;
    margin-top: 10px;
    font-size: 15px;
  }

  .checkout .set h4 {
    font-size: 20px;
  }

  .checkout .set h5 {
    font-size: 16px;
  }

  .checkout .set p {
    margin-bottom: 7px;
    font-size: 14px;
  }

  .checkout .checkout_right .wordpress {
    padding-left: 112px;
    margin-bottom: 16px;
    min-height: 70px;
  }

  .checkout .checkout_right .wordpress img {
    width: 100px;
  }

  .checkout .checkout_right .wordpress p {
    font-size: 15px;
    padding-top: 0;
  }

  .checkout .checkout_right .rightside {
    padding-top: 5px;
    margin-top: 20px;
  }

  .checkout .checkout_right .rightside p a.confirm {
    padding: 12px 0;
  }

  .checkout .checkout_right ul li {
    color: #86888a;
    margin-top: 10px;
    font-size: 14px;
  }

  .project_details .proposal .set p .btn {
    width: 80px;
  }

  .project_details .proposal .set .user p {
    margin-bottom: 1px;
  }

  header.main_header .hed ul.right_hed li a {
    min-width: 116px;
  }

  .client_dashboard .select_box .form-group select {
    height: 50px;
    font-size: 14px;
  }

  .client_dashboard .select_box .form-group label {
    font-size: 15px;
  }

  .client_dashboard .table_data .table th {
    min-width: 170px;
    font-size: 15px;
  }

  .client_dashboard_two .box h3 {
    font-size: 16px;
  }

  .client_dashboard_two .box h2 {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .client_dashboard_two .box p {
    font-size: 14px;
  }

  .client_dashboard_two .box_two .d-flex .astro {
    height: 50px;
    width: 50px;
  }

  .client_dashboard_two .box_two .d-flex .set h4 {
    font-size: 15px;
  }

  .client_dashboard_two .box_two .d-flex .set h3 span {
    font-size: 14px;
  }

  .client_dashboard_two .box_three {
    padding-left: 76px;
  }

  .client_dashboard_two .box_three label {
    font-size: 15px;
  }

  .client_dashboard_two .box_three textarea {
    height: 160px;
  }

  .client_dashboard_two .box_three .rating h4 {
    font-size: 15px;
  }

  .client_dashboard_two .box_four h3 {
    font-size: 18px;
  }

  .client_dashboard_two .box_four h4 {
    font-size: 16px;
    margin-top: 10px;
  }

  .client_dashboard_two .box_four h5 {
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 14px;
  }

  .client_dashboard_two .box_four .form-group {
    margin: 14px 0 14px;
    padding-top: 8px;
  }

  .client_dashboard_two .box_four .form-group label {
    font-size: 16px;
    margin-bottom: 10px;
  }

  .client_dashboard_two .box_four .form-group .d-flex p {
    font-size: 16px;
  }

  .client_dashboard_two .box_four .form-group .d-flex input {
    height: 45px;
    font-size: 14px;
  }

  .client_dashboard_two .box_four .form-group .d-flex button {
    height: 45px;
    font-size: 14px;
  }

  .client_dashboard_two .box_four h6 {
    font-size: 16px;
  }

  .client_dashboard_two .box_four a.btn {
    width: 200px;
    margin-top: 6px;
    font-size: 14px;
  }

  .client_dashboard_three .box_three {
    padding-left: 78px;
  }

  .dispute_sec h2 {
    font-size: 16px;
  }

  .dispute_sec a.btn.dispute {
    margin-top: -90px;
  }

  .open_request h1 {
    font-size: 18px;
  }

  .open_request .box .table {
    min-width: 1400px;
  }

  .create_project_freelancer {
    margin: 30px 0;
  }

  .create_project_freelancer .nav.nav-tabs li {
    margin-right: 16px;
  }

  .create_project_freelancer .tab .create_project_freelancer_left {
    margin-right: 6px;
    padding-bottom: 0px;
    padding-right: 20px;
  }

  .create_project_freelancer .tab .create_project_freelancer_left h2 {
    font-size: 20px;
  }

  .create_project_freelancer .tab .create_project_freelancer_left h5 {
    font-size: 18px;
  }

  .create_project_freelancer .tab .create_project_freelancer_left label {
    font-size: 15px;
  }

  .create_project_freelancer .tab .create_project_freelancer_left h6 {
    font-size: 17px;
  }

  .create_project_freelancer .tab .set {
    padding: 14px;
  }

  .create_project_freelancer .tab .set h5 {
    font-size: 17px;
  }

  .create_project_freelancer .tab .set p {
    font-size: 14px;
  }

  .create_project_freelancer .tab .Scope_Pricing table tr th {
    font-size: 15px;
  }

  .create_project_freelancer .tab .Scope_Pricing table tr td .form-control {
    padding: 8px;
    font-size: 14px;
  }

  .create_project_freelancer .tab .Scope_Pricing table tr td span.text-end {
    font-size: 14px;
  }

  .create_project_freelancer .tab .CreateGallery .upload {
    padding: 30px 10px;
    height: 145px;
  }

  .create_project_freelancer .tab .CreateGallery .upload p {
    font-size: 14px;
  }

  .create_project_freelancer .tab .mainActivity h2 {
    font-size: 20px;
  }

  .create_project_freelancer .tab .mainActivity .Activity {
    padding: 75px 14px 25px;
  }

  .create_project_freelancer .tab .mainActivity .Activity h5 {
    font-size: 15px;
  }

  .jobsearch_freelancer .filter .side .bt {
    font-size: 14px;
    padding: 10px 10px;
  }

  .jobsearch_freelancer .filter .side .bt i {
    font-size: 14px;
    margin-top: 0px;
    -webkit-text-stroke: 1px;
  }

  .jobsearch_freelancer .filter .side p {
    margin-bottom: 5px;
    font-size: 15px;
  }

  .Job_Details_freelancer h2.mainh2 {
    font-size: 20px;
  }

  .Job_Details_freelancer .compt h3 {
    font-size: 18px;
  }

  .Job_Details_freelancer .compt h4 {
    font-size: 15px;
    margin-top: 16px;
  }

  .Job_Details {
    padding: 30px 0;
  }

  .Job_Details h2 {
    font-size: 16px;
  }

  .Job_Details .posted h2 {
    font-size: 20px;
  }

  .Job_Details .set ul.Design li {
    font-size: 14px;
    padding: 10px 24px;
  }

  .project_details {
    padding: 30px 0;
  }

  .project_details h2 {
    font-size: 20px;
  }

  .project_details .proposal .nav.nav-tabs li {
    margin-right: 10px;
    font-size: 14px;
  }

  .project_details .proposal table tr td table.table tr td p {
    font-size: 14px;
  }

  .project_details .post_hed {
    font-size: 18px;
  }

  .project_details .post_hed h6.per {
    font-size: 20px;
  }

  .fixed_price_orders_freelancer h3 a.request {
    font-size: 14px;
  }

  .hourly_rate_projects .proposal h3 {
    font-size: 18px;
    margin-top: 5px;
  }

  .hourly_rate_projects .proposal .mainproject table tr th {
    font-size: 15px;
  }

  .hourly_rate_projects .proposal .mainproject table tr td {
    font-size: 14px;
  }

  section.about_us {
    padding: 180px 0;
    background-size: 530px;
  }

  section.about_us h2 {
    font-size: 32px;
  }

  section.about_us p {
    font-size: 18px;
  }

  section.our_mission {
    padding: 30px 0;
  }

  section.our_mission h3 {
    font-size: 26px;
    line-height: 34px;
    margin-bottom: 12px;
  }

  section.our_mission p {
    font-size: 15px;
  }

  .my_projects .nav.nav-tabs li {
    margin-right: 14px;
  }

  .my_projects .nav.nav-tabs li .nav-link {
    min-width: 170px;
    font-size: 14px;
  }

  .my_projects .list .set h5 {
    font-size: 15px;
  }

  .my_projects .list .set p {
    font-size: 14px;
  }

  .my_projects .list .set h6 {
    font-size: 15px;
  }

  .my_projects .list .set h6 a {
    font-size: 14px;
  }

  .FinancialDashboard .st {
    padding: 36px 14px;
  }

  .FinancialDashboard .st h6 {
    font-size: 17px;
  }

  .FinancialDashboard .st p {
    font-size: 16px;
  }

  .FinancialDashboard .st p span {
    font-size: 14px;
  }

  .FinancialDashboard .Milestones .table {
    min-width: 1000px;
  }

  .FinancialDashboard .Milestones .table tr th {
    padding: 14px 15px;
  }

  .FinancialDashboard .Milestones .table tr td {
    padding: 14px 15px;
  }

  .TransactionHistory .table-responsive::-webkit-scrollbar {
    height: 5px;
  }

  .TransactionHistory .table {
    min-width: 1200px;
  }

  .TransactionHistory ul.nav-tabs li {
    margin-right: 12px;
  }

  .TransactionHistory .btnn {
    min-width: 165px;
  }

  .accounts_withdrawals h3 {
    font-size: 24px;
  }

  .accounts_withdrawals .set table tr th {
    padding: 14px 12px;
    font-size: 14px;
  }

  .accounts_withdrawals .set table tr td {
    padding: 14px 12px;
    font-size: 14px;
  }

  .freelancer_dashboardbanner {
    height: 223px;
  }

  .freelancer_dashboard2 .dash_head h6 span {
    font-size: 15px;
  }

  .freelancer_dashboard2 .dash_head h4 {
    font-size: 20px;
  }

  .freelancer_dashboard2 .About_this h4 {
    font-size: 18px;
  }

  .freelancer_dashboard2 .About_this h5 {
    font-size: 16px;
  }

  .graphic_design .set .cont h6 {
    font-size: 16px;
    color: #000;
  }

  .graphic_design .set .cont p {
    margin-bottom: 4px;
    font-size: 14px;
  }

  .banner2 {
    min-height: 624px;
  }

  .banner2 h1 {
    font-size: 60px;
  }

  .banner2 p {
    font-size: 16px;
  }

  .banner2 ul li a {
    padding: 18px;
    font-size: 18px !important;
    min-width: 310px;
  }

  .Benefits h2 {
    font-size: 28px;
  }

  .Benefits .set h4 {
    font-size: 18px;
  }

  .Benefits:after {
    width: 75%;
  }

  .footer {
    padding: 45px 0 15px;
  }

  .footer ul.menu li {
    margin-bottom: 6px;
  }

  .footer ul.menu li a {
    font-size: 14px;
  }

  .footer ul.Download li a img {
    height: 25px;
  }

  .Testimonials {
    padding: 50px 0;
  }

  .Testimonials h2 {
    font-size: 38px;
  }

  .Testimonials .item p {
    font-size: 14px;
    min-height: 155px;
  }

  .Testimonials .item h6 {
    font-size: 16px;
    margin-top: 20px;
  }

  .businesses {
    padding-bottom: 50px;
  }

  .businesses h2 {
    padding-top: 50px;
    font-size: 34px;
  }

  .businesses h3 {
    font-size: 34px;
    margin-bottom: 30px;
  }

  .businesses h4 {
    font-size: 27px;
  }

  .businesses h5 {
    font-size: 27px;
  }

  .quick_easy {
    padding: 50px 0;
  }

  .quick_easy h2 {
    font-size: 55px;
  }

  .quick_easy h3 {
    font-size: 41px;
    margin-bottom: 30px;
  }

  .quick_easy .set {
    padding: 14px 15px 14px 60px;
  }

  .quick_easy .set img {
    width: 38px;
    left: 12px;
  }

  .quick_easy .set p {
    font-size: 15px;
  }

  .quick_easy a.btn {
    width: 270px;
    padding: 12px 14px 12px 66px;
    margin-top: 35px;
  }

  .quick_easy a.btn h5 {
    font-size: 18px;
    margin-bottom: 4px;
  }

  .quick_easy .img {
    width: 410px;
    height: 570px;
  }

  .quick_easy2 {
    padding: 25px 0 50px;
  }

  .quick_easy2 h2 {
    font-size: 55px;
  }

  .quick_easy2 h3 {
    font-size: 41px;
    margin-bottom: 30px;
  }

  .quick_easy2 .set {
    padding: 14px 15px 14px 60px;
  }

  .quick_easy2 .set img {
    width: 38px;
    left: 12px;
  }

  .quick_easy2 .set p {
    font-size: 15px;
  }

  .quick_easy2 a.btn {
    padding: 12px 14px 12px 66px;
    margin-top: 35px;
  }

  .quick_easy2 a.btn h5 {
    font-size: 18px;
    margin-bottom: 4px;
  }

  .quick_easy2 a.Browser {
    padding: 12px 14px 12px 66px;
    margin-top: 35px;
  }

  .quick_easy2 a.Browser h5 {
    font-size: 18px;
  }

  .quick_easy2 .img {
    width: 410px;
    height: 570px;
  }

  .banner .showcase_banner {
    background-size: 50%;
    padding: 60px 60px;
    margin-top: 20px;
  }

  .banner .showcase_banner h1 {
    font-size: 35px;
  }

  .banner ul {
    padding: 20px 0 0;
  }

  section.shop_category {
    padding: 40px 0;
  }

  section.shop_category h2 {
    font-size: 26px;
  }

  section.shop_category .set h6 {
    font-size: 16px;
  }

  section.how_it_works {
    padding: 40px 0;
  }

  section.how_it_works h2 {
    font-size: 28px;
    margin-bottom: 30px;
  }

  section.how_it_works .set h6 {
    margin-top: 12px;
    font-size: 17px;
    padding: 0 20px;
  }

  section.how_it_works .set p {
    font-size: 14px;
    padding: 0 20px;
  }

  section.find_inspiration h2 {
    font-size: 28px;
    margin-bottom: 30px;
  }

  section.find_inspiration .set .cont {
    padding: 10px;
  }

  section.find_inspiration .set .cont .user {
    padding-left: 43px;
  }

  section.find_inspiration .set .cont .user .imgus {
    height: 36px;
    width: 36px;
  }

  section.find_inspiration .set .cont .user h4 {
    font-size: 15px;
  }

  section.find_inspiration .set .cont .user h4 img {
    height: 15px;
  }

  section.find_inspiration .set .cont p {
    font-size: 12px;
  }

  section.find_inspiration .set .cont p img {
    height: 12px;
    top: -2px;
  }

  .membership h2 {
    font-size: 36px;
  }

  .membership .set {
    padding-bottom: 90px;
  }

  .membership .set h4 {
    padding: 16px 14px;
    font-size: 18px;
  }

  .membership .set ul {
    padding: 15px 25px;
  }

  .membership .set ul li {
    padding: 2px 0;
  }

  .membership .set a.update {
    padding: 8px;
    max-width: 180px;
    bottom: 20px;
  }

  .my_analytics_banner .carousel {
    padding: 85px 40px;
  }

  .my_analytics_freelanser .analytics_in .set {
    padding: 15px;
    background-size: 170px;
  }

  .my_analytics_freelanser .analytics_in .set h5 {
    font-size: 18px;
  }

  .my_analytics_freelanser .analytics_in .set a.btn {
    padding: 10px 20px;
  }

  .my_analytics_freelanser .analytics_in .set p {
    font-size: 14px;
  }

  .development .set h6 {
    /* height: 40px; */
    margin-bottom: 10px;
    /* line-height: 40px; */
    font-size: 14px;
  }

  /* .development .set a span {
    height: 100px;
    line-height: 100px;
  } */

  section.brand_identity .owl-nav {
    display: inline-block !important;
    position: absolute;
    right: 0;
    top: -80px;
  }

  /* .development .set a span img {
    max-height: 49px;
    max-width: 110px;
  } */
  .development .colnew .set a img {
    /* max-height: 65px; */
    max-width: 100% !important;
    height: 111px;
    object-fit: cover;
  }
}

/** Large devices (desktops, less than 1200px) **/
@media (max-width: 1199.98px) {
  .project_details .proposal.hired .content_right {
    padding: 12px;
  }
  .inbox .type {
    border-radius: 0;
    padding: 14px 110px 14px 70px;
    height: 80px;
    position: relative;
    max-width: 91%;
    overflow: hidden;
    bottom: 0;
    width: 100%;
    top: -27px;
    left: 0;
    background: #f3f3f3;
  }
ul.ser-list {
    width: 95.4%;
   
}
  .project_details
    .proposal.hired
    .content_right
    .set
    .user.userapp
    i.bi.bi-circle-fill {
    left: 80px;
    top: 91px;
  }

  .client_dashboard .form-switch_div h6 img {
    margin-right: 12px;
  }

  .categorycarousel .owl-nav {
    top: -73px;
  }

  .browse_jobs.findjobs .set p i {
    margin-right: 6px;
  }

  .profile_viewmain .st {
    padding: 12px 14px 12px !important;
  }

  .browse_jobs .set a.Bid_now {
    padding: 8px 20px;
    font-size: 14px;
  }

  .browse_jobs .st ul.Verified li {
    margin-bottom: 8px;
  }

  .browse_jobs.findjobs .Finances {
    background-size: 135px;
  }

  .project_details .proposal.review_proposals .set ul {
    padding-left: 0;
  }

  .project_details .proposal.review_proposals .form-switch_div {
    margin-right: 12px;
  }

  .project_details .proposal.review_proposals .form-switch_div h6 {
    margin-right: 0px;
  }

  .my_projects .form {
    width: 298px;
    right: 280px;
  }

  .active_projects .proposal table {
    min-width: 1050px;
  }

  .development .col {
    flex: 0 0 25%;
    width: 25%;
  }

  .inbox .main_div {
    left: 32%;
  }

  .inbox .msgmain {
    padding-left: 32%;
  }

  .inbox .msgmain .mmssg1 {
    width: 32%;
  }

  section.project_details.hourly_rate_projects .proposal .nav.nav-tabs.hourtab {
    top: 17px;
  }

  .project_details .proposal .nav.nav-tabs {
    margin-left: 12px;
    top: 20px;
  }

  .project_details .proposal .form-switch_div img {
    top: -2px;
  }

  .project_details .proposal .form-switch_div h6 {
    font-size: 14px;
    margin-right: 6px;
  }

  .project_details .proposal .form-switch_div h6 .form-check.form-switch {
    top: -5px;
    margin-right: 6px;
  }

  .project_details
    .proposal
    .form-switch_div
    h6
    .form-check.form-switch
    .form-check-input {
    height: 26px;
    width: 46px;
  }

  .project_details .proposal .content_right {
    padding: 12px;
    padding-top: 80px;
  }

  .project_details .proposal .content_right_search {
    padding-top: 160px;
  }

  .project_details .proposal .set {
    padding: 12px;
    margin-bottom: 12px;
  }

  .project_details .proposal .set a.endorsed {
    font-size: 14px;
  }

  .project_details .proposal .set h5 {
    font-size: 20px;
  }

  .project_details .proposal .set h4 {
    font-size: 16px;
    margin-top: 10px;
  }

  .project_details .proposal .set p .btn {
    width: 66px;
    margin-left: 1px;
    font-size: 14px;
  }

  .project_details .proposal .set p .btn.invt {
    width: 72px;
  }

  .project_details .proposal .set .user {
    padding-left: 110px;
  }

  .project_details .proposal .set .user .img {
    width: 100px;
  }

  .project_details .proposal .set .user p {
    margin-bottom: 0px;
    font-size: 14px;
  }

  .project_details .proposal .set .user p span {
    margin-right: 2px;
  }

  .project_details .proposal .set .user p span img {
    height: 17px;
  }

  .project_details .Details ul.Skills {
    display: block;
  }

  .project_details .Details ul.Skills li {
    display: inline-table;
    margin-bottom: 4px;
    min-width: 115px;
    margin-right: 0;
  }

  .hire_freelancers.browse_jobs .set {
    padding: 12px;
  }

  .showcase_process .select_package {
    padding: 15px;
  }

  .showcase_process .select_package ul {
    margin: 0 -16px;
  }

  .showcase_process .demo .lSGallery li {
    height: 100px;
  }

  .showcase_process .demo .lightSlider li {
    height: 428px;
  }

  .showcase_process ul li.nav-item button {
    padding: 6px 0;
  }

  .showcase_process h2 {
    font-size: 22px;
    margin-bottom: 20px;
  }

  header.header_after .hed .form {
    margin-left: 0;
  }

  .my_projects .nav.nav-tabs li .nav-link {
    min-width: 175px;
  }

  .my_projects p.Show span {
    margin-left: 10px;
  }

  .hire_freelancers .set {
    padding: 12px 12px 12px 190px;
    margin-bottom: 20px;
  }

  .hire_freelancers .set .img {
    width: 165px;
    height: 200px;
    left: 12px;
  }

  .hire_freelancers .set ul li {
    margin-right: 5px;
    padding-left: 10px;
  }

  .hire_freelancers .set ul a.Hire {
    padding: 7px 24px;
    right: 12px;
    bottom: 20px;
  }

  .dispute_sec h2 {
    margin-bottom: 16px;
  }

  .dispute_sec a.btn.dispute {
    margin-top: 0;
    float: inherit;
    margin-bottom: 16px;
  }

  .dispute_sec .nav_btn ul {
    gap: 10px;
  }

  .dispute_sec .box .table {
    min-width: 1200px;
  }

  .dispute_sec .box .table-responsive::-webkit-scrollbar {
    height: 5px;
  }

  .reply_sms h1 {
    font-size: 20px;
  }

  .reply_sms .box .d-flex h3 {
    font-size: 16px;
    font-weight: 400;
  }

  .reply_sms .box .d-flex img {
    height: 40px;
    width: 40px;
  }

  .reply_sms .box .d-flex p {
    font-size: 14px;
    line-height: 22px;
  }

  .reply_sms .box_two {
    padding: 12px;
  }

  .reply_sms .box_two p {
    font-size: 14px;
    line-height: 22px;
  }

  .reply_sms .box_three {
    padding: 12px;
  }

  .reply_sms .box_three h3 {
    font-size: 18px;
    margin-bottom: 14px;
  }

  .reply_sms .box_three h4 {
    font-size: 16px;
    margin-bottom: 22px;
  }

  .reply_sms .box_three h5 {
    font-size: 15px;
    margin-top: 10px;
  }

  .reply_sms .box_three h6 {
    font-size: 17px;
    margin-top: 11px;
  }

  .reply_sms .box_three h6:last-child {
    padding-top: 0;
  }

  .setting_freelancer a.btn.save {
    margin: 20px 20px;
    height: 45px;
    width: 170px;
    font-size: 14px;
    line-height: 29px;
  }

  .setting_freelancer .accordion-button {
    font-size: 15px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .setting_freelancer .form-group .form-label {
    font-size: 14px;
  }

  .setting_freelancer .form-group .form-control {
    height: 45px;
    font-size: 14px;
  }

  .setting_freelancer .form-group select {
    height: 45px;
    font-size: 14px;
  }

  .setting_freelancer .form-check .form-check-label {
    font-size: 15px;
    margin-left: 2px;
  }

  .setting_freelancer .form-check .form-check-input {
    width: 1.1em;
    height: 1.1em;
  }

  .setting_freelancer .form-switch .form-check-label {
    margin-left: 10px;
  }

  .setting_freelancer .form-switch .form-check-input {
    width: 36px;
    height: 18px;
  }

  .setting_freelancer .menu-wrapper .menu_tab .nav-pills {
    gap: 10px;
  }

  .setting_freelancer .menu-wrapper .menu_tab .nav-pills .nav-item .nav-link {
    height: 45px;
    width: 200px;
    font-size: 14px;
    padding-left: 6px;
    padding-right: 6px;
  }

  .setting_freelancer h3.bred {
    font-size: 16px;
    padding-bottom: 12px;
  }

  .setting_freelancer .trust_box h3 {
    font-size: 16px;
  }

  .setting_freelancer .trust_box p {
    font-size: 14px;
  }

  .setting_freelancer .trust_box .set ul li {
    height: 45px;
    width: 160px;
    font-size: 14px;
    gap: 10px;
  }

  .setting_freelancer .trust_box .set ul li i {
    font-size: 18px;
  }

  .setting_freelancer .trust_box .set .d-flex {
    padding: 10px;
  }

  .setting_freelancer .trust_box .set .d-flex h4 {
    font-size: 14px;
  }

  .setting_freelancer .trust_box .set .d-flex a.btn {
    font-size: 14px;
    line-height: 30px;
    width: 110px;
  }

  .setting_freelancer .trust_box .set_two {
    padding: 40px 10px;
  }

  .setting_freelancer .trust_box .set_two h5 {
    font-size: 15px;
  }

  .setting_freelancer .trust_box .set_two h6 {
    font-size: 14px;
  }

  .setting_freelancer .membership_box .set h3 {
    font-size: 16px;
  }

  .setting_freelancer .membership_box .set h4 {
    font-size: 16px;
  }

  .setting_freelancer .membership_box .set a.btn {
    line-height: 31px;
    height: 45px;
    font-size: 14px;
  }

  .setting_freelancer .account_box h3 {
    font-size: 15px;
    margin-bottom: 14px;
    margin-top: 12px;
  }

  .setting_freelancer .account_box h4 {
    font-size: 14px;
    margin-top: 15px;
  }

  .setting_freelancer .account_box .deac {
    padding: 12px;
    margin-top: 14px;
  }

  .setting_freelancer .account_box .deac h5 {
    font-size: 15px;
  }

  .setting_freelancer .account_box .deac p {
    font-size: 14px;
  }

  .setting_freelancer .account_box .deac a.btn {
    width: 165px;
  }

  .setting_freelancer .email_box a.btn.reloader {
    height: 45px;
    width: 190px;
    font-size: 14px;
    line-height: 28px;
  }

  .setting_freelancer .email_box a.btn.reloader img {
    height: 20px;
  }

  .setting_freelancer .security_box h3 {
    font-size: 16px;
  }

  .setting_freelancer .security_box h4 {
    margin-top: 6px;
    font-size: 14px;
  }

  .setting_freelancer .security_box h5 {
    font-size: 15px;
  }

  .setting_freelancer .security_box a.btn.start {
    height: 45px;
    font-size: 14px;
    line-height: 31px;
  }

  .setting_freelancer .payment_box a.btn.pay {
    font-size: 14px;
    line-height: 29px;
    height: 45px;
    width: 220px;
  }

  .setting_freelancer .payment_box h3 {
    font-size: 15px;
  }

  .setting_freelancer .payment_box h4 {
    font-size: 15px;
  }

  .setting_freelancer .payment_box h5 {
    font-size: 15px;
  }

  .setting_freelancer .payment_box .shadows {
    margin-bottom: 20px;
    padding: 10px;
  }

  .setting_freelancer .payment_box .shadows p {
    font-size: 14px;
  }

  .setting_freelancer .currency_box h3 {
    font-size: 15px;
  }

  .setting_freelancer .currency_box a.btn {
    height: 45px;
    font-size: 14px;
    line-height: 30px;
  }

  .payment_freelancer h1 {
    font-size: 18px;
  }

  .payment_freelancer .form-check .form-check-label {
    font-size: 14px;
  }

  .payment_freelancer .from-group label.form-label {
    font-size: 14px;
  }

  .payment_freelancer .box {
    padding: 12px;
  }

  .payment_freelancer .box .select_box label {
    font-size: 15px;
  }

  .payment_freelancer .box_two {
    padding: 12px;
  }

  .payment_freelancer .master ul li img {
    height: 25px;
  }

  section.get_started {
    padding: 30px 0;
    margin: 30px 0 0;
  }

  section.get_started h2 {
    font-size: 26px;
  }

  section.get_started .set h3 {
    left: -12px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    top: 10px;
  }

  section.Tips_for_Success {
    padding: 30px 0;
  }

  section.Tips_for_Success h2 {
    margin-bottom: 25px;
    font-size: 26px;
  }

  section.Tips_for_Success .set {
    padding: 20px 12px;
  }

  section.Tips_for_Success .set h4 {
    font-size: 17px;
    position: relative;
    padding-left: 45px;
    height: 40px;
  }

  section.Tips_for_Success .set h4 img {
    height: 32px;
    margin-right: 0px;
    left: 0;
    position: absolute;
  }

  section.Tips_for_Success .set p {
    line-height: 24px;
    font-size: 14px;
  }

  .project_catalog {
    padding: 35px 0;
  }

  .project_catalog h4 {
    font-size: 26px;
    margin-bottom: 24px;
  }

  .project_catalog h4 br {
    display: none;
  }

  .project_catalog h6 {
    font-size: 17px;
  }

  .project_catalog ul li {
    font-size: 16px;
  }

  .project_catalog .set {
    padding: 14px;
  }

  .project_catalog .set h6 {
    font-size: 17px;
  }

  .create_project_freelancer .responsive_tab {
    overflow: auto;
    width: 100%;
  }

  .create_project_freelancer .responsive_tab::-webkit-scrollbar {
    display: none;
  }

  .create_project_freelancer .nav.nav-tabs.roll {
    min-width: 1085px;
  }

  .create_project_freelancer .nav.nav-tabs.roll li {
    margin-right: 10px;
  }

  .hire_freelancers {
    padding: 30px 0;
  }

  .findjobs .carousel .carousel-item {
    padding: 20px 20px 50px;
  }

  .findjobs .carousel-indicators {
    bottom: 15px;
  }

  .findjobs .QuickStats .st {
    padding: 10px 10px 10px 50px;
  }

  .findjobs .QuickStats .st img {
    left: 15px;
  }

  .findjobs .findjobs_in {
    padding: 14px;
  }

  .browse_jobs .set h5 {
    font-size: 16px;
  }

  .Job_Details h4 {
    font-size: 16px;
  }

  .Job_Details .set ul.Design {
    display: block;
    margin-bottom: 0;
  }

  .Job_Details .set ul.Design li {
    margin-right: 10px;
    width: 175px;
    display: inline-block;
    text-align: center;
    margin-top: 8px;
  }

  .Job_Details_freelancer .AboutClient {
    padding: 14px;
  }

  .Job_Details_freelancer .AboutClient h3 {
    font-size: 17px;
  }

  .Job_Details_freelancer .winning {
    padding: 14px;
  }

  .Job_Details_freelancer .winning h3 {
    font-size: 17px;
  }

  .Job_Details_freelancer .compt form#regForm span.step b {
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
  }

  section.add_funds {
    padding: 30px 0;
  }

  section.add_funds h2 {
    font-size: 20px;
    margin-bottom: 18px;
  }

  section.add_funds h4 {
    font-size: 18px;
  }

  section.add_funds ul li {
    font-size: 14px;
  }

  section.add_funds .set {
    padding: 12px;
  }

  section.add_funds .set .form-group label {
    font-size: 14px;
    margin-bottom: 7px;
  }

  section.add_funds .set p {
    font-size: 14px;
  }

  section.add_funds .set h5 {
    font-size: 15px;
  }

  section.add_funds .set button.btn {
    font-size: 14px;
  }

  section.add_funds .amount {
    padding: 12px;
  }

  section.add_funds .amount button.btn {
    font-size: 14px;
  }

  .hourly_rate_projects .proposal .billing {
    padding: 12px;
  }

  .hourly_rate_projects .proposal .billing h4 {
    font-size: 17px;
  }

  .hourly_rate_projects .proposal .billing ul li {
    font-size: 14px;
  }

  .hourly_rate_projects .proposal .mainproject .project .user h6 {
    font-size: 15px;
  }

  .hourly_rate_projects .proposal .mainproject .project h4 {
    font-size: 17px;
  }

  .hourly_rate_projects .proposal .mainproject .project p.opt {
    font-size: 14px;
    padding-bottom: 15px;
    padding-top: 15px;
    margin-top: 14px;
  }

  .hourly_rate_projects .proposal .mainproject .project .btn {
    min-width: 135px;
    font-size: 14px;
  }

  .hourly_rate_projects .proposal .mainproject .project .user a.chat {
    font-size: 14px;
  }

  .hourly_rate_projects .proposal h6 {
    font-size: 15px;
  }

  .hourly_rate_projects .proposal .messages {
    padding: 15px;
  }

  .hourly_rate_projects .proposal .messages .formmain textarea.form-control {
    min-height: 225px;
  }

  .hourly_rate_projects .proposal .messages .file {
    font-size: 14px;
  }

  .hourly_rate_projects .proposal .messages h6 {
    font-size: 14px;
  }

  .hourly_rate_projects .proposal .messages h6 img {
    width: 23px;
  }

  .hourly_rate_projects .proposal .messages .hed select {
    font-size: 14px;
  }

  .hourly_rate_projects .proposal .AboutDesktop {
    padding: 15px;
  }

  .hourly_rate_projects .proposal .AboutDesktop h4 {
    font-size: 16px;
  }

  .hourly_rate_projects .proposal .AboutDesktop .st {
    padding-left: 55px;
  }

  .hourly_rate_projects .proposal .AboutDesktop .st span {
    width: 42px;
    height: 42px;
    line-height: 40px;
  }

  .hourly_rate_projects .proposal .AboutDesktop .st span img {
    height: 20px;
  }

  .hourly_rate_projects .proposal .AboutDesktop a.learn_more {
    font-size: 14px;
  }

  section.about_us {
    padding: 125px 0;
    background-size: 440px;
  }

  .FinancialDashboard .tab_responsive {
    width: 100%;
    overflow: auto;
  }

  .FinancialDashboard .tab_responsive::-webkit-scrollbar {
    display: none;
  }

  .FinancialDashboard ul.nav-tabs {
    min-width: 1035px;
    padding-bottom: 5px;
  }

  .FinancialDashboard .set {
    padding: 14px;
  }

  .FinancialDashboard .set h5 {
    padding: 18px 14px;
    margin: -20px -14px 15px;
    font-size: 17px;
  }

  .FinancialDashboard .set .setin .form-control {
    font-size: 14px;
  }

  .FinancialDashboard .set .setin label {
    font-size: 14px;
  }

  .FinancialDashboard .set .tablep {
    padding: 14px;
    margin-bottom: 14px;
  }

  .FinancialDashboard .set .tablep h6 {
    margin: -20px -14px -30px;
    padding: 15px 14px;
  }

  .FinancialDashboard .set .tablep p i {
    font-size: 22px;
  }

  .FinancialDashboard .set h6.h6n {
    padding: 15px 14px;
    font-size: 15px;
  }

  .FinancialDashboard .Milestones select.form-control {
    font-size: 14px;
  }

  .TransactionHistory ul.nav-tabs li .nav-link {
    padding: 0 22px;
    font-size: 14px;
    min-width: auto;
  }

  .TransactionHistory .btnn {
    min-width: auto;
    font-size: 14px;
    margin-left: 5px;
  }

  header.main_header.header_after .hed ul.right_hed li a.Post {
    min-width: 110px;
    font-size: 14px;
  }

  header.main_header.header_after .hed i.searchbtn {
    display: none;
  }

  .my_analytics_banner .carousel {
    padding: 50px 25px;
    background-size: 305px;
  }

  .my_analytics_banner .carousel p {
    font-size: 15px;
  }

  .my_analytics_banner .carousel h4 {
    color: #fff;
    font-size: 26px;
  }

  .my_analytics_freelanser .analytics_in {
    padding: 16px;
  }

  .my_analytics_freelanser .analytics_in .set2 {
    padding: 15px;
  }

  .my_analytics_freelanser .analytics_in .set2 ul li {
    margin-bottom: 8px;
  }

  .freelancer_dashboardbanner {
    height: 185px;
  }

  .freelancer_dashboard {
    padding: 40px 0;
  }

  .freelancer_dashboard2 .About_this {
    padding: 20px;
  }

  p {
    font-size: 14px;
  }

  .membership {
    padding: 40px 0;
  }

  .membership h2 {
    font-size: 30px;
  }

  .membership .set {
    padding-bottom: 70px;
  }

  .membership .set h4 {
    padding: 15px 14px;
    font-size: 18px;
  }

  .membership .set ul {
    padding: 15px 16px;
  }

  .membership .set ul li {
    padding: 0 0;
    font-size: 14px;
  }

  .membership .set a.update {
    padding: 8px;
    max-width: 180px;
    bottom: 15px;
    font-size: 15px;
  }

  .banner .showcase_banner {
    padding: 35px 40px;
  }

  .banner .showcase_banner h1 {
    font-size: 30px;
  }

  .banner .showcase_banner h4 {
    font-weight: 400;
    font-size: 16px;
  }

  .banner .showcase_banner p {
    font-size: 14px;
  }

  section.shop_category {
    padding: 30px 0;
  }

  section.shop_category h2 {
    font-size: 22px;
  }

  section.shop_category .set h6 {
    font-size: 15px;
  }

  section.shop_category .set .img {
    height: 215px;
  }

  section.scale .set .img {
    height: 320px;
  }

  section.scale a.show_all {
    padding: 10px 39px;
  }

  section.Inspiring a.show_all {
    padding: 10px 39px;
  }

  section.copy_right {
    padding: 10px 0;
  }

  section.copy_right p {
    font-size: 14px;
    line-height: 24px;
  }

  section.copy_right ol li {
    font-size: 14px;
    line-height: 24px;
  }

  section.copy_right ul li {
    font-size: 14px;
    line-height: 24px;
  }

  .banner2 {
    min-height: 535px;
  }

  .banner2 h1 {
    font-size: 51px;
  }

  .banner2 ul li a {
    padding: 14px;
    min-width: 245px;
  }

  .Benefits h2 {
    font-size: 25px;
  }

  .footer {
    padding: 25px 0 15px;
  }

  .footer h6 {
    margin-top: 20px;
  }

  .footer .footer_end {
    padding: 10px 0;
    margin-top: 20px !important;
  }

  .trusted {
    padding: 45px 0;
  }

  .Testimonials {
    padding: 40px 0;
  }

  .Testimonials h2 {
    font-size: 32px;
  }

  .Testimonials .item p {
    font-size: 14px;
    min-height: 175px;
  }

  .businesses {
    padding-bottom: 40px;
  }

  .businesses h2 {
    padding-top: 40px;
    font-size: 28px;
  }

  .businesses h3 {
    font-size: 28px;
    margin-bottom: 20px;
  }

  .businesses h4 {
    font-size: 24px;
  }

  .businesses h5 {
    font-size: 24px;
  }

  .businesses .set p {
    font-size: 14px;
  }

  .quick_easy {
    padding: 40px 0;
  }

  .quick_easy h2 {
    font-size: 35px;
  }

  .quick_easy h3 {
    font-size: 26px;
    margin-bottom: 30px;
  }

  .quick_easy p {
    font-size: 14px;
  }

  .quick_easy .set img {
    width: 32px;
    left: 12px;
  }

  .quick_easy .set h6 {
    font-size: 16px;
  }

  .quick_easy .set p {
    font-size: 14px;
  }

  .quick_easy a.btn {
    margin-top: 20px;
  }

  .quick_easy a.btn h5 {
    font-size: 17px;
  }

  .quick_easy .img {
    width: 342px;
    height: 485px;
  }

  .quick_easy .set {
    padding: 12px 12px 12px 58px;
  }

  .quick_easy2 {
    padding: 10px 0 40px;
  }

  .quick_easy2 h2 {
    font-size: 35px;
  }

  .quick_easy2 h3 {
    font-size: 26px;
    margin-bottom: 30px;
  }

  .quick_easy2 p {
    font-size: 14px;
  }

  .quick_easy2 .set img {
    width: 32px;
    left: 12px;
  }

  .quick_easy2 .set h6 {
    font-size: 16px;
  }

  .quick_easy2 .set p {
    font-size: 14px;
  }

  .quick_easy2 a.btn h5 {
    font-size: 17px;
  }

  .quick_easy2 a.Browser h5 {
    font-size: 17px;
  }

  .quick_easy2 .img {
    width: 342px;
    height: 485px;
  }

  .quick_easy2 .set {
    padding: 12px 12px 12px 58px;
  }

  header.main_header .hed ul.right_hed li a {
    min-width: 95px;
    font-size: 14px;
  }

  header.main_header nav.navbar ul.navbar-nav li a {
    padding: 10px 16px;
    font-size: 15px;
  }

  .banner .bannerin {
    background-size: 466px;
    padding-top: 85px;
    padding-bottom: 60px;
  }

  .banner .bannerin h1 {
    font-size: 55px;
    margin-bottom: 20px;
  }

  .banner ul {
    padding: 10px 0 0;
  }

  .banner ul li {
    margin: 0 2px;
  }

  .banner ul li a {
    font-size: 13px;
  }

  section.category {
    padding: 50px 0;
  }

  section.category h2 {
    font-size: 32px;
  }

  section.category .set .img {
    height: 195px;
  }

  section.category .set h6 {
    padding: 15px 12px;
    font-size: 15px;
  }

  .trusted .owl-nav {
    display: none;
  }

  .development ul li {
    min-width: 170px;
  }

  .things_div {
    padding: 30px 0;
  }

  .things_div h2 {
    font-size: 28px;
  }

  .things_div .img {
    height: 420px;
    border-radius: 60px 60px 0 0;
    margin-top: 5px;
  }

  .project_details .post_hed .invite {
    padding: 10px 17px;
  }
}

/**  Medium devices (tablets, less than 992px) **/
@media (max-width: 991.98px) {
  .my_hire {
    padding: 35px 0;
  }
  ul.ser-list {
    width: 100%;
}
  .inbox .type {
    border-radius: 0;
    padding: 14px 110px 14px 70px;
    height: 80px;
    position: relative;
    max-width: 83%;
    overflow: hidden;
    bottom: 0;
    width: 100%;
    top: -23px;
    left: -12px;
    background: #f3f3f3;
  }
  .inbox .main-chat .list {
    overflow-y: auto;
    height: 65%;
    overflow-x: hidden;
    padding: 20px;
  }
  .since-para p {
    max-width: 100%;
    font-size: 16px;
  }

  .my_hire .left_side {
    display: none;
  }

  .my_hire .hire_right .file_search {
    padding: 15px 0;
  }

  .active_projects.my_proposals_freelancer .proposal .form_filter .form {
    width: 360px;
    right: inherit;
  }

  .categorycarousel .owl-nav {
    top: -70px;
  }

  .my_projects .nav.nav-tabs.tabsnew {
    margin-bottom: 17px !important;
  }

  .my_projects .form {
    width: 298px;
    right: inherit;
  }

  .project_details .post_hed .invite {
    padding: 10px 10px;
    font-size: 15px;
  }

  .active_projects_freelancer .proposal .nav.nav-tabs {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
  }

  .my_proposals_freelancer .proposal .nav.nav-tabs {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
  }

  .showcase_profile .nav-tabs.maintabs li .nav-link {
    min-width: 125px;
  }

  .banner .showcase_banner a.btn {
    padding: 8px 24px;
    margin-top: 5px;
  }

  .checkout {
    padding: 25px 0;
  }

  .checkout .nav-tabs {
    margin: 20px 0;
  }

  .checkout .nav-tabs li {
    margin: 0 9px 0 0;
  }

  .checkout .set {
    margin-top: 70px;
  }

  .checkout .set h4 {
    font-size: 18px;
  }

  .checkout .set h5 {
    font-size: 15px;
  }

  .checkout h2 {
    font-size: 22px;
  }

  .checkout h6 {
    font-size: 15px;
  }

  .referral_terms {
    padding: 40px 0;
  }

  .referral_terms .accordion .accordion-body {
    padding: 15px;
  }

  .referral_terms .accordion .accordion-item {
    margin-bottom: 10px;
  }

  .referral_terms .accordion .accordion-item p {
    margin-bottom: 0;
  }

  .referral_terms h4 {
    font-size: 20px;
    margin-bottom: 15px;
  }

  section.easy_earn {
    padding: 40px 0;
  }

  section.easy_earn h6 {
    font-size: 14px;
    margin-bottom: 0;
  }

  section.easy_earn .set {
    padding: 12px;
  }

  section.easy_earn .set h5 {
    margin: 10px 0 3px;
    font-size: 18px;
  }

  section.easy_earn h4 {
    font-size: 20px;
  }

  section.easy_earn h4 span.float-end {
    font-size: 14px;
  }

  .things_div h2 {
    font-size: 22px;
  }

  .things_div .img {
    height: 320px;
  }

  .inbox .form {
    margin: 0 0 10px;
    padding-right: 40px;
  }

  .inbox .hed {
    padding: 10px 85px 10px 50px;
  }

  .inbox .hed h5 {
    font-size: 16px;
    margin-bottom: 2px;
  }

  .inbox .hed .bi-circle-fill {
    left: 20px;
  }

  .inbox .hed .form-check.form-switch {
    position: absolute;
    padding: 0;
    top: 20px;
    right: 12px;
  }

  .inbox .main-chat {
    padding: 12px;
  }

  .inbox .main-chat .msg-start .set {
    padding-left: 48px;
  }

  .inbox .main-chat .msg-start .set span.img {
    height: 43px;
    width: 43px;
  }

  .inbox .main-chat .msg-start .set p {
    min-width: 280px;
  }

  .inbox .main-chat .msg-end .set {
    padding-right: 48px;
  }

  .inbox .main-chat .msg-end .set span.img {
    height: 43px;
    width: 43px;
  }

  .inbox .main-chat .msg-end .set p {
    min-width: 280px;
  }

  .inbox .msgmain {
    padding-left: 40%;
  }

  .inbox .msgmain .msgmain2 .mmssg2 {
    padding-bottom: 64px;
  }

  .inbox .msgmain .mmssg1 {
    width: 40%;
  }

  .inbox .main_div {
    left: 40%;
    padding-top: 117px;
  }

  .inbox .user_list {
    padding-bottom: 42px;
  }

  .inbox .user_list ul li {
    padding: 10px 10px 10px 60px;
  }

  .inbox .user_list ul li span.img {
    width: 40px;
    left: 12px;
    height: 40px;
  }

  .project_details h2 {
    padding-right: 105px;
  }

  .project_details h2 .progress {
    padding: 8px 10px;
    position: absolute;
    top: -3px;
    display: inline-table;
    right: 0;
  }

  .project_details .proposal .content_right_search {
    padding-top: 130px;
  }

  .project_details .proposal .nav.nav-tabs.Invite_Freelancerul {
    top: 75px;
  }

  .project_details h2 {
    padding-right: 70px;
    position: relative;
  }

  .project_details h2 .open {
    position: absolute;
    right: 0;
    padding: 4px 13px;
  }

  .development ul li {
    min-width: 23.81%;
    margin-right: 1%;
  }

  .development .Projectsbtn {
    margin-top: -6px;
  }

  .hire_freelancers .filter {
    z-index: 999 !important;
    transform: scale(1);
    transition: 0.3s ease-in-out;
    overflow-y: auto;
    height: 100%;
    width: 100%;
    left: -1200px;
  }

  .hire_freelancers .filter.main {
    left: 0;
    transform: scale(1);
    transition: 0.3s ease-in-out;
  }

  .hire_freelancers .filtericon_main {
    padding-right: 50px;
    position: relative;
  }

  .hire_freelancers .filtericon_main img.filtericon {
    width: 30px;
    position: absolute;
    right: 0;
    padding: 10px 0;
  }

  .Testimonials .owl-nav {
    margin-top: 15px;
  }

  header.main_header.header_after .formin {
    padding-right: 0;
  }

  header.main_header.header_after i.searchbtn {
    display: inline-block;
  }

  header.main_header.header_after .hed i.searchbtn {
    display: inline-block;
    border: 1px solid #ccc;
    height: 44px;
    text-align: center;
    line-height: 44px;
    float: right;
    width: 43px;
    border-radius: 50%;
    min-width: 43px;
  }

  header.main_header.header_after .hed .form.main {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    background: white !important;
    left: 0;
    padding: 17px;
    border-radius: 0;
    z-index: 99;
    height: 78px;
    border: none;
  }

  header.main_header.header_after .hed .form.main input {
    padding: 0 125px 0 50px;
  }

  header.main_header.header_after .hed .form.main i.searchbtn {
    position: absolute;
    right: 141px;
    top: 13px;
    border: none;
    z-index: 99;
  }

  header.main_header.header_after .hed .form.main div.Freelancers {
    top: 17px;
  }

  header.main_header.header_after .hed .form {
    display: none;
  }

  header.main_header.header_after .hed ul.right_hed li a.Post {
    min-width: 110px;
  }

  header.main_header.header_after .hed ul.right_hed li.lidiv {
    margin-left: 8px;
  }

  .Project_Post #regForm .tab ul.nav-tabs li {
    width: 48%;
    margin-right: 2%;
  }

  .hire_freelancers .filter {
    position: fixed;
    left: -700px;
    top: 0;
    z-index: 9;
    background: #fff;
    width: 340px;
    box-shadow: 0 0 100px #545454;
  }

  .client_dashboard h1 {
    font-size: 20px;
  }

  .client_dashboard h2 {
    font-size: 15px;
    margin-bottom: 16px;
  }

  .client_dashboard .box {
    padding: 16px 16px 16px 60px;
  }

  .client_dashboard .box img {
    height: 40px;
    left: 10px;
  }

  .client_dashboard .box h3 {
    font-size: 16px;
  }

  .client_dashboard .box p {
    font-size: 14px;
  }

  .client_dashboard .set_box {
    margin-top: 15px;
    padding: 12px;
  }

  .client_dashboard .set_box p {
    font-size: 14px;
  }

  .client_dashboard .set_box h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .client_dashboard .table_data label {
    font-size: 15px;
    margin-bottom: 7px;
  }

  .client_dashboard .table_data .form-group textarea {
    height: 95px;
  }

  .client_dashboard_two {
    margin: 20px 0;
  }

  .client_dashboard_two .box {
    padding: 12px;
    margin-bottom: 20px;
  }

  .client_dashboard_two .box h3 {
    font-size: 14px;
    margin-bottom: 2px;
  }

  .client_dashboard_two .box h2 {
    font-size: 15px;
    padding-top: 12px;
  }

  .client_dashboard_two .box_four {
    padding: 10px;
    margin-top: 20px;
  }

  .dispute_sec h1 {
    font-size: 20px;
  }

  .dispute_sec h2 {
    margin-bottom: 15px;
    font-size: 15px;
  }

  .dispute_sec a.btn.dispute {
    height: 45px;
    font-size: 14px;
    width: 195px;
    line-height: 28px;
  }

  .dispute_sec .nav_btn ul li .nav-link {
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .customer_support .box h1 {
    font-size: 20px;
    margin-bottom: 8px;
  }

  .customer_support .box h2 {
    font-size: 15px;
  }

  .customer_support .box .form-group {
    margin-bottom: 12px;
  }

  .customer_support .box .form-group label {
    font-size: 15px;
  }

  .customer_support .box .upload {
    padding: 20px;
  }

  .customer_support .box button.submit {
    height: 45px;
    width: 160px;
    margin-top: 15px;
  }

  .open_request h2 {
    font-size: 14px;
  }

  .open_request .box .table tr th {
    font-size: 15px;
  }

  .open_request .box .table tr td {
    font-size: 14px;
  }

  .open_request .nav-pills {
    gap: 12px;
  }

  .open_request .nav-pills .nav-item .nav-link {
    font-size: 14px;
  }

  .deactivate_popup h5 {
    font-size: 16px;
  }

  .deactivate_popup h3 {
    font-size: 15px;
    margin: 15px 0 10px;
  }

  .deactivate_popup .modal-content .modal-header {
    padding-top: 12px;
  }

  .deactivate_popup .modal-content .modal-footer {
    justify-content: space-between;
  }

  .deactivate_popup .modal-content .modal-footer .btn-secondary {
    font-size: 14px;
    height: 45px;
    width: 110px;
  }

  .deactivate_popup .modal-content .modal-footer .btn-primary {
    font-size: 14px;
    width: 125px;
    height: 45px;
  }

  .deactivate_popup .form-check .form-check-label {
    font-size: 14px;
    margin-left: 4px;
  }

  .deactivate_popup .form-check .form-check-input {
    width: 1.2em;
    height: 1.2em;
  }

  .deactivate_popup textarea {
    height: 80px;
  }

  .deactivate_popup .form-group label {
    font-size: 14px;
  }

  .deactivate_popup .form-group input {
    height: 45px;
    font-size: 14px;
  }

  .create_project_freelancer .nav.nav-tabs li a {
    min-width: 150px;
    font-size: 14px;
  }

  .create_project_freelancer .nav.nav-tabs.roll {
    min-width: 970px;
  }

  .create_project_freelancer .tab .CreateReview table.table thead tr th {
    padding: 10px;
    font-size: 14px;
  }

  .create_project_freelancer
    .tab
    .CreateReview
    table.table
    thead
    tr
    th:last-child {
    padding: 10px;
  }

  .create_project_freelancer .tab .CreateReview table.table tbody tr th {
    padding: 10px;
    font-size: 14px;
  }

  .create_project_freelancer .tab .CreateReview table.table tbody tr td {
    padding: 10px;
    font-size: 14px;
  }

  .create_project_freelancer .tab .create_project_freelancer_left {
    margin-right: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    border: none;
  }

  .create_project_freelancer
    .tab
    .create_project_freelancer_left
    textarea.form-control {
    height: 130px !important;
    font-size: 14px;
  }

  .create_project_freelancer .tab .set {
    margin-top: 12px;
  }

  .create_project_freelancer .tab .mainActivity .set {
    margin-top: 12px;
  }

  .create_project_freelancer .tab .CreateReview table.table tbody tr td ul {
    padding-left: 0;
  }

  .create_project_freelancer .tab .CreateReview ul.tags li {
    width: 108px;
    text-align: center;
    margin-bottom: 5px;
  }

  .my_showcase {
    padding: 30px 0;
  }

  .my_showcase a.load_more {
    margin-top: 15px;
  }

  .my_showcase .tab-responsive {
    overflow: auto;
    width: 100%;
  }

  .my_showcase .tab-responsive::-webkit-scrollbar {
    display: none;
  }

  .my_showcase .table-responsive::-webkit-scrollbar {
    height: 5px;
  }

  .my_showcase table {
    min-width: 900px;
  }

  .my_showcase .nav-tabs {
    min-width: 460px;
  }

  .my_showcase .nav-tabs li {
    margin-right: 25px;
  }

  .my_showcase .nav-tabs li button {
    font-size: 14px;
  }

  .my_analytics_freelanser .analytics_in .set {
    background-size: 125px !important;
  }

  .my_analytics_freelanser .analytics_in .set a.btn {
    font-size: 14px;
    line-height: 24px;
    height: 45px;
  }

  .hire_freelancers h4 {
    margin-top: 35px;
    font-size: 18px;
  }

  .active_projects .proposal .table-responsive::-webkit-scrollbar {
    height: 5px;
  }

  .active_projects .proposal table {
    min-width: 900px;
  }

  .active_projects .proposal .nav.nav-tabs {
    justify-content: space-between;
  }

  .active_projects .proposal .nav.nav-tabs li {
    margin-right: 0px;
  }

  .active_projects .proposal .nav.nav-tabs li .nav-link {
    min-width: 150px;
  }

  .active_projects .proposal .form {
    max-width: 100%;
    margin-bottom: 5px;
  }

  .project_details h2 {
    font-size: 16px;
  }

  .hourly_rate_projects .proposal .tab_responsive {
    overflow: auto;
    width: 100%;
  }

  .hourly_rate_projects .proposal .tab_responsive::-webkit-scrollbar {
    display: none;
  }

  .hourly_rate_projects .proposal .nav.nav-tabs.hourtab {
    min-width: 100%;
  }

  .hourly_rate_projects .proposal .setmsg .user .img {
    height: 400px;
  }

  section.about_us {
    padding: 60px 0;
    background-size: 320px;
  }

  section.about_us h2 {
    font-size: 24px;
    line-height: 35px;
    margin-bottom: 16px;
  }

  section.about_us p {
    font-size: 15px;
  }

  section.our_mission h3 {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 10px;
  }

  section.our_mission p {
    font-size: 14px;
    margin-bottom: 6px;
  }

  section.workforce {
    padding: 80px 0;
  }

  section.workforce h3 {
    font-size: 24px;
  }

  section.workforce p {
    font-size: 16px;
  }

  .active_projects .proposal .nav.nav-tabs {
    justify-content: inherit;
    gap: 15px;
    margin-top: 10px;
    margin-bottom: 5px;
  }

  .active_projects .proposal .table-responsive::-webkit-scrollbar {
    display: block;
  }

  .my_projects .nav.nav-tabs li {
    margin-right: 8px;
  }

  .my_projects .nav.nav-tabs li .nav-link {
    min-width: 130px;
  }

  .my_projects .form {
    margin-bottom: 16px;
  }

  .my_projects .list .set h5 {
    font-size: 14px;
  }

  .my_projects .list .set h6 {
    font-size: 14px;
  }

  .my_projects .list .set p {
    font-size: 13px;
  }

  .my_projects .list .set .dropdown .dropdown-menu {
    width: 100%;
    font-size: 14px;
  }

  .FinancialDashboard h3 {
    font-size: 20px;
  }

  .FinancialDashboard h4 {
    font-size: 18px;
  }

  .FinancialDashboard .Milestones a.Add {
    font-size: 14px;
    width: 180px;
  }

  .FinancialDashboard .Milestones .form-control.show {
    font-size: 14px;
  }

  .FinancialDashboard .Milestones .form-control.show select {
    font-size: 15px;
  }

  .FinancialDashboard .TransferFunds select.form-control {
    font-size: 14px;
  }

  .FinancialDashboard .TransferFunds h6.this {
    font-size: 14px;
  }

  .FinancialDashboard .TransferFunds .SearchProjects {
    padding: 14px;
  }

  .FinancialDashboard .TransferFunds .SearchProjects label {
    font-size: 15px;
  }

  .FinancialDashboard .TransferFunds .SearchProjects .main_img h5 {
    font-size: 16px;
  }

  .TransactionHistory h3 {
    font-size: 20px;
  }

  .TransactionHistory .btnn {
    top: 14px;
  }

  .TransactionHistory .set {
    margin-top: 26px;
    display: inline-block;
    width: 100%;
  }

  .TransactionHistory .set div {
    display: inline-block;
    width: 49%;
    margin-bottom: 8px;
  }

  .TransactionHistory .set .form-control {
    width: 98%;
    font-size: 14px;
    margin-right: 0;
  }

  .TransactionHistory .set label {
    margin-right: 0;
    font-size: 14px;
    line-height: inherit;
    margin-bottom: 7px;
  }

  .TransactionHistory .btnn {
    min-width: 170px;
  }

  .TransactionHistory ul.nav-tabs {
    gap: 17px;
  }

  .TransactionHistory ul.nav-tabs li {
    margin-right: 0;
  }

  .TransactionHistory ul.nav-tabs li .nav-link {
    min-width: 156px;
  }

  .accounts_withdrawals {
    margin: 30px 0;
  }

  .accounts_withdrawals h3 {
    font-size: 20px;
  }

  .accounts_withdrawals h6.this {
    font-size: 14px;
  }

  .accounts_withdrawals .express {
    padding: 14px;
    margin-bottom: 12px;
  }

  .accounts_withdrawals .express img {
    height: 120px;
  }

  .accounts_withdrawals .express h4 {
    font-size: 18px;
    margin-top: 4px;
  }

  .accounts_withdrawals .express p {
    font-size: 14px;
    margin-bottom: 0;
  }

  .freelancer_dashboard .feed {
    margin-bottom: 15px;
    padding: 15px;
  }

  .freelancer_dashboard .feed .img {
    left: 15px;
  }

  .graphic_design h2 {
    font-size: 22px;
    margin-bottom: 20px;
  }

  section.find_inspiration h2 {
    font-size: 22px;
  }

  section.shop_category .row {
    margin: 0 -10px;
  }

  section.shop_category .row .col-sm-4 {
    padding: 0 10px;
  }

  .footer h6 {
    margin-top: 0;
    margin-bottom: 10px;
  }

  section.how_it_works {
    padding: 28px 0;
  }

  section.how_it_works .row {
    margin: 0 -10px;
  }

  section.how_it_works .row .col-sm-4 {
    padding: 0 10px;
  }

  .banner .showcase_banner {
    padding: 15px 30px;
    background-size: 54%;
  }

  .banner .showcase_banner h1 {
    font-size: 25px;
  }

  .banner2 {
    min-height: 480px;
    padding: 70px 0 100px;
  }

  .banner2 h1 {
    font-size: 40px;
  }

  .how_does {
    padding: 50px 0 30px;
  }

  .how_does img.w-75 {
    height: 395px;
  }

  .Benefits {
    padding: 40px 0;
    margin: 60px 0 40px;
  }

  .Testimonials h2 {
    font-size: 28px;
  }

  .Testimonials p {
    font-size: 14px;
  }

  .trusted {
    padding: 30px 0;
  }

  .trusted img {
    height: 40px;
    width: auto !important;
    margin: auto;
  }

  .trusted h2 {
    margin-bottom: 30px;
    font-size: 28px;
  }

  .quick_easy h2 {
    font-size: 29px;
  }

  .quick_easy h3 {
    font-size: 22px;
    margin-bottom: 20px;
  }

  .quick_easy .img {
    width: 275px;
    height: 448px;
    border-right: 14px solid #0077b5;
    border-top: 14px solid #0077b5;
  }

  .quick_easy .set h6 {
    font-size: 14px;
  }

  .quick_easy2 h2 {
    font-size: 29px;
  }

  .quick_easy2 h3 {
    font-size: 22px;
    margin-bottom: 20px;
  }

  .quick_easy2 .img {
    width: 275px;
    height: 448px;
    border-left: 14px solid #0077b5;
    border-top: 14px solid #0077b5;
  }

  .quick_easy2 .set h6 {
    font-size: 14px;
  }

  .quick_easy2 a.btn {
    margin-top: 0;
  }

  .quick_easy2 a.Browser h5 {
    font-size: 15px;
  }

  header.main_header .hed img {
    height: 35px;
  }

  header.main_header .hed .form {
    padding: 0 138px 0 0;
  }

  header.main_header .hed .form button {
    font-size: 18px;
  }

  header.main_header .hed .form select.Freelancers {
    padding-left: 10px;
    width: 120px;
    margin-right: 16px;
  }

  header.main_header .hed ul.right_hed li {
    margin-left: 5px;
  }

  header.main_header .hed ul.right_hed li a {
    min-width: 70px;
    font-size: 14px;
  }

  header.main_header nav.navbar ul.navbar-nav li a {
    padding: 10px 5px;
    font-size: 14px;
  }

  .banner .bannerin {
    background-size: 370px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .banner .bannerin h1 {
    font-size: 40px;
    margin-bottom: 15px;
  }

  .banner .bannerin p {
    font-size: 15px;
    margin-bottom: 20px;
  }

  .banner ul {
    padding: 15px 0 0;
  }

  .banner ul li {
    margin: 0 7px;
  }

  .banner ul li a {
    font-size: 14px;
    padding: 3px 0;
  }

  section.category h2 {
    font-size: 28px;
  }

  section.category p {
    font-size: 14px;
  }

  .businesses h2 {
    padding-top: 30px;
    font-size: 24px;
  }

  .businesses h3 {
    font-size: 24px;
    margin-bottom: 20px;
  }

  .businesses h4 {
    font-size: 18px;
  }

  .businesses h5 {
    font-size: 18px;
  }

  .businesses .set {
    padding-left: 60px;
    max-width: 100%;
  }

  .businesses .set h6 {
    font-size: 16px;
  }

  .footer .footer_end p {
    margin: 0;
    font-size: 14px;
  }

  .footer .footer_end ul li {
    margin-left: 5px;
  }

  .membership {
    padding: 25px 0;
  }

  .membership h2 {
    font-size: 25px;
  }

  .findjobs .QuickStats h4 {
    margin-top: 0;
  }

  .findjobs .Finances {
    margin-top: 15px;
  }

  .findjobs .Finances h4 {
    margin-top: 0;
  }
  .qst-mcq {
    background-color: #0077b5;
    color: white;
    position: relative;
    left: 0%;
    top: 30px;
    padding: 60px 30px;
    border-radius: 50px;
  }
}

/* pppp  */
.open.completed {
  color: green;
  background-color: lightseagreen;
}
.pro-search input {
    border: 0;
}
/* .open.expired {
    color: red !important;
    background-color: white;
} */
/* end pp  */

/**  Medium devices (tablets, less than 768px) **/
@media (min-width: 768.98px) {
  header.main_header
    nav.navbar
    ul.navbar-nav
    li.nav-item.dropdown:hover
    .nav-link {
    font-weight: 700;
  }

  header.main_header
    nav.navbar
    ul.navbar-nav
    li.nav-item.dropdown:hover
    ul.dropdown-menu {
    display: block;
  }

  header.main_header
    nav.navbar
    ul.navbar-nav
    li.nav-item.dropdown:hover
    ul.dropdown-menu
    a:hover {
    color: #0077b5;
    font-weight: 600;
  }
}

/**  Medium devices (tablets, less than 768px) **/
@media (max-width: 767.98px) {
  section.flags {
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .inbox .type {
    border-radius: 0;
    padding: 14px 110px 14px 70px;
    height: 80px;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    bottom: 0;
    width: 100%;
    top: -49px;
    left: 0;
    background: #f3f3f3;
  }
  .inbox .main-chat .list {
    overflow-y: auto;
    height: 75%;
    overflow-x: hidden;
    padding: 20px;
  }
.project_details .proposal .set ul.dislike {
    text-align: end;
    margin: 0 22px 0 0px;
    position: absolute;
    top: 18px;
    right: 0;
}
  .since-para {
    padding: 100px 20px;
  }

  .hero {
    height: 60vh;
  }

  .employe-bid img {
    height: 400px;
  }
  header.main_header nav.navbar ul.navbar-nav li i {
    font-size: 20px;
    margin-top: -4px;
  }

  header.main_header nav.navbar ul.navbar-nav ul.dropdown-menu.menu1 li {
    position: inherit;
  }

  header.main_header nav.navbar ul.navbar-nav ul.dropdown-menu {
    border: none;
  }

  header.main_header nav.navbar ul.navbar-nav ul.dropdown-menu h6 {
    text-align: center !important;
  }

  header.main_header
    nav.navbar
    ul.navbar-nav
    ul.dropdown-menu
    ul.dropdown-menu.show {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
  }

  header.main_header
    nav.navbar
    ul.navbar-nav
    ul.dropdown-menu
    ul.dropdown-menu.show
    h6 {
    width: 100%;
    padding: 14px 40px 14px 40px;
    margin-bottom: 0;
    font-size: 19px;
    text-align: center;
  }

  header.main_header
    nav.navbar
    ul.navbar-nav
    ul.dropdown-menu
    ul.dropdown-menu.show
    h6
    i.bi.bi-arrow-left {
    position: absolute;
    left: 13px;
  }

  header.main_header
    nav.navbar
    ul.navbar-nav
    ul.dropdown-menu
    ul.dropdown-menu.show
    .owl-nav {
    position: absolute;
    right: 0;
    top: -30px;
    width: 100%;
  }

  header.main_header
    nav.navbar
    ul.navbar-nav
    ul.dropdown-menu
    ul.dropdown-menu.show
    .owl-nav
    span {
    font-size: 34px;
    position: relative;
    top: -15px;
  }

  header.main_header
    nav.navbar
    ul.navbar-nav
    ul.dropdown-menu
    ul.dropdown-menu.show
    .owl-nav
    button {
    font-size: 15px;
    margin: 0 0;
    width: 34px;
    height: 30px;
    overflow: hidden;
    position: absolute;
    top: 39px;
    right: 0;
  }

  header.main_header
    nav.navbar
    ul.navbar-nav
    ul.dropdown-menu
    ul.dropdown-menu.show
    .owl-nav
    button.owl-prev {
    left: 0;
    right: inherit;
  }

  header.main_header
    nav.navbar
    ul.navbar-nav
    ul.dropdown-menu
    ul.dropdown-menu.show
    .owl-nav
    button.owl-next {
    float: right !important;
  }

  header.main_header
    nav.navbar
    ul.navbar-nav
    ul.dropdown-menu
    ul.dropdown-menu.show
    .owl-nav
    button.owl-prev.disabled {
    display: none;
  }

  header.main_header
    nav.navbar
    ul.navbar-nav
    ul.dropdown-menu
    ul.dropdown-menu.show
    .owl-nav
    button.owl-next.disabled {
    display: none;
  }

  header.main_header
    nav.navbar
    ul.navbar-nav
    li
    a.nav-link.dropdown-toggle:after {
    position: absolute;
    right: 0;
    top: 17px;
  }

  .formob a.showmore {
    color: #0077b5;
    font-weight: 600;
    font-size: 15px;
  }

  section.find_inspiration.brand_identity {
    padding: 0 0 25px !important;
  }

  section.graphic_design.development.word_press {
    padding-bottom: 1px;
  }

  .active_projects.my_proposals_freelancer .proposal .form_filter .form {
    width: 250px;
    right: inherit;
  }

  .graphic_design .form {
    margin-bottom: 20px;
  }

  .project_details .proposal.hired .content_right .set .user.userapp {
    height: 80px;
  }

  .project_details
    .proposal.hired
    .content_right
    .set
    .user.userapp
    i.bi.bi-circle-fill {
    left: 80px;
    top: 54px;
  }

  .project_details .proposal.hired .content_right .set .user.userapp .img {
    height: 78px;
  }

  .client_dashboard .Sam_Smith {
    padding: 12px;
    min-height: auto;
  }

  .client_dashboard .Sam_Smith p {
    margin-bottom: 8px;
  }

  .client_dashboard .Sam_Smith .img {
    height: 90px;
    width: 90px;
    margin: 0 auto 5px;
  }

  .client_dashboard .set {
    margin-bottom: 20px;
    padding: 12px;
  }

  .client_dashboard .set h3 {
    font-size: 18px;
    padding-top: 20px;
  }

  .client_dashboard .set p {
    margin-bottom: 0;
    font-size: 14px;
  }

  .client_dashboard .set h6 {
    margin-top: 10px;
    font-size: 14px;
  }

  .client_dashboard .form-switch_div h6 img {
    margin-right: 1px;
  }

  .browse_jobs .set p span i {
    top: 0;
    margin-right: 7px;
  }

  .hourly_rate_projects .proposal .showcase_project .Project_Timeline {
    padding: 15px;
    margin-top: 15px;
  }

  .hourly_rate_projects .proposal .showcase_project .Project_Timeline h3 {
    font-size: 18px;
  }

  .hourly_rate_projects .proposal .showcase_project .Project_Timeline p {
    font-size: 14px;
    padding: 0px 0;
  }

  .hourly_rate_projects .proposal .showcase_project .Project_Timeline p span {
    font-size: 14px;
  }

  .hourly_rate_projects
    .proposal
    .showcase_project
    .Project_Timeline
    p
    span.img {
    width: 38px;
    height: 38px;
  }

  .hourly_rate_projects .proposal .showcase_project .requirements {
    margin-top: 15px;
    padding: 15px;
  }

  .hourly_rate_projects .proposal .showcase_project .requirements h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .hourly_rate_projects .proposal .showcase_project .requirements p {
    font-size: 14px;
    margin-bottom: 10px;
  }

  section.find_inspiration {
    padding: 20px 0;
  }

  section.find_inspiration .meinarrows a.showmore {
    color: #0077b5 !important;
    font-weight: 600;
    font-size: 15px;
  }

  section.find_inspiration .meinarrows a svg {
    font-size: 18px;
    margin-top: 2px;
  }

  section.find_inspiration h2 {
    margin-bottom: 18px;
  }

  section.brand_identity .caten .owl-nav {
    right: 0;
    top: -44px;
    padding: 0;
    width: 66px;
    height: 25px;
  }

  section.brand_identity .caten .owl-nav button span {
    position: relative;
    top: -4px !important;
  }

  .Recentcarousel .owl-nav {
    top: -40px !important;
  }

  section.shop_category h2 {
    font-size: 22px;
    margin-bottom: 20px;
  }

  section.shop_category .set h6 {
    font-size: 14px;
    padding: 10px 12px;
  }

  section.shop_category {
    padding: 20px 0;
  }

  section.find_inspiration .owl-dots {
    display: none;
  }

  section.how_it_works h2 {
    margin-bottom: 20px;
    font-size: 24px;
  }

  section.how_it_works .set p {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    margin-bottom: 18px;
    height: 47px;
  }

  .categorycarousel .owl-nav {
    position: absolute;
    top: -47px;
    right: 0;
    width: 64px;
    padding: 3px 3px;
    font-size: 26px;
    height: 32px;
    line-height: 0;
    display: inline-block;
    background: #fff;
  }

  .categorycarousel .owl-nav button {
    width: 25px;
    height: 25px;
  }

  section.category .categorycarousel .owl-nav {
    position: absolute;
    top: -70px;
    right: 0;
    width: 64px;
    padding: 3px 3px;
    font-size: 26px;
    height: 30px;
    line-height: 0;
    display: inline-block;
    background: transparent;
  }

  section.category .categorycarousel .owl-nav button {
    width: 25px;
    height: 25px;
    border: 1px solid #fff !important;
    color: #fff;
  }

  section.category p {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
  }

  .hourly_rate_projects .post_hed h6 {
    text-align: inherit;
  }

  .findjobs .set p i {
    margin-right: 7px;
  }

  .findjobs .set p span {
    margin-right: 7px;
  }

  .findjobs .QuickStats {
    padding: 15px;
  }

  .findjobs .QuickStats h4 {
    margin-top: 0;
  }

  .findjobs .carousel .carousel-item {
    padding: 15px;
  }

  .findjobs .carousel .carousel-item h4 {
    margin-top: 0;
  }

  .findjobs .Sam_Smith {
    padding: 15px;
  }

  .findjobs .Sam_Smith h5 {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }

  .findjobs .Finances {
    padding: 15px;
  }

  .findjobs .Finances h4 {
    margin-top: 0;
  }

  .findjobs .Polls {
    padding: 15px 15px;
  }

  .findjobs .Polls h4 {
    margin-top: 0;
  }

  .findjobs .LatestClient {
    padding: 15px;
  }

  .findjobs .LatestClient h4 {
    margin-top: 0;
  }

  .browse_jobs .set h5.bids span.dropdown ul.dropdown-menu {
    max-width: 300px;
    margin: auto !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: 0 !important;
    transform: inherit !important;
    height: 398px;
    padding-top: 30px;
    position: fixed !important;
    box-shadow: 0 0 87px rgba(0, 0, 0, 0.1294117647);
  }

  .browse_jobs .set h5.bids span.dropdown ul.dropdown-menu i.bi.bi-x-lg {
    position: absolute;
    right: 8px;
    top: -3px;
    display: inline;
  }

  .browse_jobs .set h6.ind span {
    margin-bottom: 2px;
    font-size: 12px;
    padding: 3px 9px;
  }

  .project_details
    .proposal.fixednew
    .content_right
    .set
    .user
    h5
    .bi-heart-fill {
    color: red;
    font-size: 19px;
  }

  .project_details .proposal.review_proposals .nav.nav-tabs li {
    margin-right: 0;
  }

  .hourly_rate_projects .proposal .mainproject .for_mob .st {
    box-shadow: 0 0px 2px #ccc;
    margin-bottom: 10px;
    padding: 12px;
  }

  .hourly_rate_projects .proposal .mainproject .for_mob .st p.progres {
    color: #2f8d03;
    font-weight: 500;
  }

  .hourly_rate_projects .proposal .mainproject .for_mob .st p.Released {
    color: #0077b5;
    font-weight: 500;
  }

  .hourly_rate_projects .proposal .mainproject .for_mob .st p select {
    border: 1px solid #ccc;
    padding: 6px;
  }

  .hourly_rate_projects .proposal .mainproject .for_mob .st p span {
    color: #000;
    font-weight: 600;
    width: 50%;
    float: left;
  }

  .project_details .proposal .set a.endorsed.d-none.d-md-block {
    display: none !important;
  }

  .project_details .proposal .set .allbtn .btn.invt {
    width: 100%;
  }

  .my_projects .form {
    width: 250px;
  }

  .hourly_rate_projects .proposal .col-lg-8.hourtabd {
    height: auto !important;
  }

  section.project_details.hourly_rate_projects .proposal .nav.nav-tabs.hourtab {
    top: 1px;
    margin-bottom: 0;
  }

  .fixed_price_orders_freelancer .post_hed {
    margin-bottom: 16px;
  }

  .active_projects_freelancer .proposal .nav.nav-tabs li .nav-link {
    min-width: 117px;
  }

  .showcase_profile .imgus {
    background-position: top center;
  }

  .showcase_profile .nav-tabs.maintabs a.HireMe {
    min-width: 86px;
    font-size: 14px;
    height: 42px;
    line-height: 42px;
  }

  .showcase_profile .nav-tabs.maintabs li {
    margin-right: 5px;
  }

  .showcase_profile .nav-tabs.maintabs li .nav-link {
    min-width: 100px;
    line-height: 40px;
  }

  .Project_Post {
    padding: 20px 0;
  }

  .Project_Post h2 {
    font-size: 20px;
    margin-bottom: 15px;
  }

  .Project_Post h4 {
    font-size: 16px;
    margin-bottom: 12px;
  }

  .Project_Post #regForm .tab .how {
    padding-top: 199px;
  }

  .Project_Post #regForm .tab .stap_pay {
    padding: 10px 10px 10px 70px;
    margin-bottom: 3px;
  }

  .Project_Post #regForm .tab .stap_pay p {
    line-height: 20px;
  }

  .Project_Post #regForm .tab .stap_pay img {
    left: 12px;
    width: 50px;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  .Project_Post #regForm .tab ul.nav-tabs {
    top: 74px;
  }

  .Project_Post #regForm .tab ul.nav-tabs li {
    width: 100%;
    margin-right: 0;
  }

  .Project_Post #regForm .tab ul {
    margin-bottom: 0;
  }

  .Project_Post #regForm .tab ul li {
    margin-bottom: 3px;
  }

  .Project_Post #regForm .tab label {
    font-size: 14px;
    margin-bottom: 0px;
  }

  .Project_Post #regForm .tab p {
    color: #555555;
    font-size: 14px;
    margin: 0;
  }

  .Project_Post .set {
    padding: 12px;
  }

  .Project_Post .set h5 {
    font-size: 16px;
  }

  .Project_Post .set h5 span img {
    height: 42px;
  }

  .banner .showcase_banner {
    padding: 15px 15px;
    border-radius: 12px;
    background-image: none !important;
    margin-top: 0;
  }

  .banner .showcase_banner h1 {
    font-size: 24px;
  }

  .banner .showcase_banner h4 {
    font-size: 14px;
  }

  .banner .showcase_banner h6 {
    font-size: 15px;
    margin-bottom: 0;
  }

  .banner .showcase_banner a.btn {
    padding: 8px 18px;
    font-size: 14px;
  }

  .things_div .img {
    height: 240px;
    border-radius: 35px 35px 0 0;
    margin-top: 0;
  }

  section.easy_earn .set {
    padding: 10px;
  }

  section.easy_earn .set p {
    line-height: 20px;
  }

  section.easy_earn .set h5 {
    font-size: 15px;
  }

  .development .Wordpresscarousel {
    padding-top: 34px;
  }

  .development .Wordpresscarousel button.owl-prev {
    border: 1px solid #0077b5 !important;
    width: 25px;
    height: 25px;
    color: #0077b5 !important;
    border-radius: 4px;
    position: absolute;
    top: 0;
  }

  .development .Wordpresscarousel button.owl-prev span {
    position: relative;
    top: -14px !important;
    font-size: 30px;
  }

  .development .Wordpresscarousel button.owl-next {
    border: 1px solid #0077b5 !important;
    width: 25px;
    height: 25px;
    color: #0077b5 !important;
    border-radius: 4px;
    position: absolute;
    top: 0;
    right: 0;
  }

  .development .Wordpresscarousel button.owl-next span {
    position: relative;
    top: -14px !important;
    font-size: 30px;
  }

  /* .development .set a span {
    height: 80px;
    line-height: 80px;
  } */

  .development .set a span img {
    display: inline;
  }

  .hire_freelancers .set {
    padding: 12px 12px 12px 144px;
    margin-bottom: 15px;
  }

  .hire_freelancers .set p span {
    margin-right: 4px;
  }

  .hire_freelancers .set .img {
    width: 120px;
    height: 155px;
    left: 12px;
  }

  .hourly_rate_projects .proposal .nav.nav-tabs {
    min-width: 630px;
  }

  .project_details .tabulmain {
    overflow-y: auto;
  }

  .project_details .tabulmain .nav.nav-tabs {
    display: flex;
    width: 504px;
    margin-bottom: 21px;
  }

  .project_details .tabulmain::-webkit-scrollbar {
    display: none;
  }

  .client_dashboard_two .box_four h5 {
    text-align: center;
  }

  header.main_header.header_after.headermsg nav.navbar {
    padding: 0px 0 !important;
    min-height: 0;
  }

  header.main_header.header_after.headermsg .hed .form {
    display: none !important;
  }

  .inbox .main-chat .list {
    padding-bottom: 42px;
  }

  .inbox .main-chat .msg-start .set p {
    min-width: 230px;
    padding: 10px 12px;
  }

  .inbox .btn span {
    margin-left: 6px;
  }

  .inbox .btn span img {
    width: 21px;
  }

  .inbox .type {
    padding: 5px 100px 5px 48px;
    height: 61px;
  }

  .inbox .type button {
    line-height: 39px;
    padding: 0 12px;
  }

  .inbox .type button img {
    width: 21px;
  }

  .inbox .msgmain .mmssg1 {
    padding-top: 65px;
  }

  .inbox .msgmain .mmssg1 h6.hdt {
    background: #0077b5;
    margin: 0 !important;
    margin: 0 !important;
    padding: 15px;
    color: white;
  }

  .inbox .msgmain .mmssg1 h6.hdt a {
    color: #fff;
  }

  .inbox .hed {
    background: #0077b5;
    padding: 10px 85px 10px 65px;
  }

  .inbox .hed .fa-angle-left {
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    color: #fff;
    height: 17px;
    margin: auto;
  }

  .inbox .hed i.bi.bi-three-dots {
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    color: #fff;
    height: 24px;
    margin: auto;
  }

  .inbox .hed .bi-circle-fill {
    left: 42px;
    font-size: 13px;
    height: 19px;
  }

  .inbox .hed .form-check.form-switch {
    display: none;
  }

  .inbox .hed h5 {
    color: #fff;
  }

  .inbox .hed p {
    color: #fff;
  }

  .inbox .msgmain.main .main_div {
    padding-top: 64px;
    position: fixed;
    z-index: 999;
    left: 0 !important;
    background: #fff;
    top: 0;
    width: 100%;
  }

  .inbox .main_div.main .msgmain2 {
    padding-right: 0;
  }

  .inbox .main_div.main .msgmain2 .mmssg3 {
    right: 0;
    width: 100%;
    background: #fff;
    top: 0;
    position: fixed;
  }

  .inbox .main_div.main .hed {
    display: none;
  }

  .inbox .main_div .msgmain2 {
    padding-right: 0;
  }

  .inbox .main_div .msgmain2 .mmssg3 {
    right: -900px;
  }

  .inbox .main_div .msgmain2 .mmssg3 h6.hdt {
    background: #0077b5;
    margin: 0 !important;
    margin: 0 !important;
    padding: 15px;
    color: white;
  }

  .inbox .msgmain .mmssg1 {
    width: 100%;
    z-index: 999;
    background: #fff;
  }

  section.project_details.hourly_rate_projects h2 {
    padding-right: 0;
  }

  section.project_details.hourly_rate_projects h2 .progress {
    height: 35px;
    width: 105px;
    line-height: 16px;
    padding: 8px 9px;
    border-radius: 5px;
    margin-top: 6px;
  }

  .project_details h6 {
    font-size: 16px;
    text-align: left;
  }

  .project_details .proposal .content_right .set h5.text-end {
    font-size: 20px;
    text-align: left !important;
  }

  .project_details .proposal .content_right .set h5.text-end span {
    font-size: 15px;
    position: relative;
    top: -2px;
  }

  .project_details .proposal .set h5 span.ap {
    display: inline;
    padding: 0;
    font-size: 20px !important;
    float: right;
  }

  .project_details .proposal .set a.endorsed {
    float: right;
    margin-top: -2px;
  }

  .project_details .proposal .set .allbtn .btn {
    margin: 0;
  }

  .project_details .proposal.hired .content_right .set .col-5.col-md-12 {
    text-align: left;
  }

  .project_details .proposal.hired .content_right .set ul.dislike {
    padding: 0;
    margin-top: -22px;
  }

  .project_details .proposal.hired .content_right .set ul.dislike li {
    margin-left: 0;
    margin-right: 5px;
  }

  .project_details .proposal.hired .content_right .set a.endorsed {
    margin: 10px 0 0;
    padding: 5px 13px;
    position: relative;
    top: 2px;
  }

  .project_details .proposal.hired .content_right .set p br {
    display: none;
  }

  .project_details .proposal.hired .content_right .set .mainlike {
    display: inline-flex;
  }

  .project_details
    .proposal.hired
    .content_right
    .set
    .mainlike
    p
    .btn.revoked {
    margin-right: 10px;
  }

  .project_details .proposal.hired .content_right .set .mainlike ul.dislike {
    margin-top: 10px;
  }

  .project_details .proposal.hired .content_right .set .mainlike2 {
    margin-top: 4px;
    display: flex;
    gap: 10px;
    position: relative;
  }

  .project_details ul.tabul li {
    margin-right: 8px;
  }

  .project_details .proposal .form {
    max-width: 100%;
  }

  .filter_sidebar {
    width: 100%;
    padding: 16px;
    right: -800px;
  }

  .project_details ul.tabul li a {
    min-width: 100px;
    line-height: 35px;
  }

  .development ul li {
    min-width: 18.81%;
    margin-right: 1%;
  }

  .development .Projectsbtn {
    padding: 8px 9px;
  }

  .hire_freelancers h4 {
    font-size: 16px;
  }

  .hire_freelancers h4 span.float-end select {
    padding: 6px 5px;
    margin-left: 3px;
    margin-top: 2px;
  }

  .showcase_process .showcase_in table thead tr th h4 {
    font-size: 16px;
    margin-bottom: 4px;
  }

  .showcase_process .showcase_in table thead tr th h3 {
    font-size: 17px;
    margin-bottom: 0;
  }

  .showcase_process .showcase_in table tbody tr td {
    padding: 4px 6px;
  }

  .showcase_process .showcase_in table tbody tr td p {
    margin-bottom: 0px;
  }

  .showcase_process .showcase_in table tbody tr td:first-child {
    width: 250px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .banner .dropdown:hover ul.dropdown-menu.menu1 {
    display: block;
  }

  .banner .dropdown {
    margin-top: 15px;
  }

  .banner .dropdown .menu1 {
    display: none !important;
    margin-top: 4px;
  }

  .banner .dropdown .menu1.main {
    display: block !important;
  }

  .banner .dropdown ul.dropdown-menu {
    width: 100%;
    padding: 0;
  }

  .banner .dropdown ul.dropdown-menu li {
    display: block;
    text-align: left;
    margin: 0 !important;
  }

  .banner .dropdown ul.dropdown-menu li a {
    padding: 10px;
  }

  .banner .dropdown ul.dropdown-menu ul.dropdown-menu.menu2 {
    display: none;
    top: 0 !important;
    border: none;
    background: #f1f1f1;
    border-radius: 0;
  }

  .banner .dropdown ul.dropdown-menu ul.dropdown-menu.menu2 a {
    padding: 10px 20px;
  }

  .banner .dropdown ul.dropdown-menu ul.dropdown-menu.menu3 {
    display: none;
    top: 0 !important;
    border: none;
    border-radius: 0;
  }

  .banner .dropdown ul.dropdown-menu ul.dropdown-menu.menu3 li a {
    padding: 10px 30px !important;
  }

  .banner .dropdown ul.dropdown-menu ul.dropdown-menu.menu2.main {
    display: block;
  }

  .banner .dropdown ul.dropdown-menu ul.dropdown-menu.menu3.main {
    display: block;
  }

  .banner .dropdown button {
    width: 100%;
    border: 1px solid #ccc;
    padding: 10px 21px;
    color: #000;
    font-weight: 400;
    text-align: left;
    position: relative;
    border-radius: 30px;
    font-size: 14px;
  }

  .banner .dropdown button .fa-angle-down {
    margin-top: 3px;
  }

  .banner .dropdown .dropdown-toggle::after {
    position: absolute;
    right: 14px;
    top: 19px;
    display: none;
  }

  .showcase_process .showcase_in .PeopleReviews .AboutSeller .set_main {
    border: 1px solid #d7d7d7;
    padding: 12px;
    margin-bottom: 20px;
  }

  .showcase_process .showcase_in .PeopleReviews .AboutSeller .set_main .set {
    padding-left: 130px;
  }

  .showcase_process
    .showcase_in
    .PeopleReviews
    .AboutSeller
    .set_main
    .set
    .imgus {
    width: 110px;
    height: 110px;
  }

  .showcase_process
    .showcase_in
    .PeopleReviews
    .AboutSeller
    .set_main
    .set
    a.Message {
    left: 4px;
    padding: 6px 20px;
    top: 123px;
  }

  .showcase_process h2 {
    font-size: 18px;
  }

  .hire .form {
    max-width: 100%;
  }

  header.main_header.header_after .hed ul.right_hed li a.Post {
    display: none;
  }

  header.main_header.header_after .hed .form {
    bottom: -38px;
  }

  .hire {
    padding: 20px 0;
  }

  .hire h4 {
    font-size: 18px;
    padding-right: 67px;
  }

  .banner ul {
    display: none;
  }

  .banner ul li {
    margin: 0 3px;
  }

  .banner ul li a {
    font-size: 13px;
    padding: 3px 0;
  }

  section.login {
    background: #fff !important;
  }

  section.login .login_left {
    padding: 30px 0;
  }

  section.login .login_left p.Dont {
    margin-top: 20px;
    padding: 5px 0 0;
  }

  section.login .login_left ul.Download {
    margin-top: 0;
  }

  section.login .login_left h6 {
    border-bottom: 1px solid #cbcbcb;
    margin-bottom: 21px;
  }

  section.login .login_left ul.facebookmain {
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 0;
  }

  section.login .login_left ul.facebookmain li a {
    min-width: 119px;
  }

  .banner .set {
    padding: 20px;
  }

  .banner .carousel {
    display: none;
  }

  .client_dashboard .box {
    padding: 20px 20px 20px 70px;
  }

  .client_dashboard .box img {
    left: 20px;
  }

  .client_dashboard .select_box .form-group {
    display: block;
    margin-bottom: 10px;
  }

  .client_dashboard .select_box .form-group label {
    margin-bottom: 7px;
  }

  .client_dashboard .select_box .form-group select {
    width: 100%;
  }

  .client_dashboard .table_data {
    margin-top: 14px;
  }

  .client_dashboard .table_data .table-responsive::-webkit-scrollbar {
    height: 5px;
  }

  .client_dashboard .table_data .table-responsive {
    margin-bottom: 8px;
  }

  .client_dashboard .table_data .table {
    min-width: 500px;
    margin-bottom: 4px;
  }

  .client_dashboard .table_data label {
    font-size: 14px;
  }

  .client_dashboard .table_data .table th {
    min-width: 100px;
    font-size: 14px;
    padding: 14px 6px;
  }

  .client_dashboard .table_data .table td {
    padding: 14px 6px;
  }

  .client_dashboard .rating h4 {
    font-size: 14px;
  }

  .client_dashboard .rating .upload {
    padding: 6px;
    margin-top: 10px;
  }

  .client_dashboard .rating .upload input {
    font-size: 14px;
    padding-left: 0px;
  }

  .client_dashboard .rating .upload button {
    width: 140px;
    font-size: 14px;
  }

  .client_dashboard .total_amount {
    padding: 10px;
  }

  .client_dashboard .total_amount p {
    font-size: 14px;
  }

  .client_dashboard .total_amount h3 {
    font-size: 16px;
  }

  .client_dashboard .total_amount h4 {
    font-size: 14px;
  }

  .client_dashboard .total_amount .form-group input {
    width: 120px;
  }

  .client_dashboard .total_amount .form-group label {
    font-size: 14px;
  }

  .client_dashboard .submit_btn {
    margin-top: 18px;
  }

  .client_dashboard .submit_btn .btn {
    width: 175px;
    height: 45px;
    line-height: 31px;
    font-size: 14px;
  }

  .customer_support .breadcrumb ul li {
    font-size: 14px;
  }

  .customer_support .breadcrumb ul li + li:after {
    font-size: 18px;
    top: -4px;
  }

  .customer_support .chat_logs h3 {
    font-size: 14px;
  }

  .customer_support .box h1 {
    font-size: 18px;
  }

  .customer_support .box h2 {
    font-size: 14px;
    margin-bottom: 15px;
  }

  .customer_support .box .form-group input {
    height: 45px;
    font-size: 14px;
  }

  .customer_support .box .form-group select {
    height: 45px;
    font-size: 14px;
  }

  .customer_support .box .form-group textarea {
    height: 100px;
    font-size: 14px;
  }

  .customer_support .box .upload {
    padding: 10px;
  }

  .customer_support .box .upload input {
    font-size: 14px;
    padding-left: 0px;
  }

  .customer_support .box .upload button {
    width: 145px;
    font-size: 14px;
  }

  .open_request h1 a.btn {
    width: 155px;
    font-size: 14px;
    margin-top: 10px;
  }

  .open_request .nav-pills {
    margin-top: 12px;
  }

  .open_request .nav-pills .nav-item {
    width: 48.8%;
  }

  .setting_freelancer .accordion-body {
    padding: 10px;
  }

  .setting_freelancer .accordion-button {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
  }

  .setting_freelancer .form-group {
    margin-bottom: 12px;
  }

  .setting_freelancer .trust_box .set ul li {
    width: 135px;
  }

  .setting_freelancer .security_box h3 {
    font-size: 14px;
  }

  .payment_freelancer .from-group {
    margin-bottom: 10px;
  }

  .payment_freelancer .form-check .form-check-label img {
    height: 20px;
  }

  .payment_freelancer .box .select_box {
    display: block;
  }

  .payment_freelancer .box .select_box .form-select {
    width: 100%;
    max-width: 100%;
    margin-top: 10px;
  }

  .payment_freelancer .box a.btn.payment_btn {
    margin: 10px 0 15px;
    line-height: 30px;
    font-size: 14px;
    height: 45px;
  }

  .payment_freelancer .box p {
    font-size: 14px;
  }

  .payment_freelancer .box a.more {
    font-size: 14px;
  }

  .payment_freelancer .box_two h3 {
    font-size: 16px;
  }

  .payment_freelancer .box_two .set {
    padding-left: 70px;
    margin-top: 22px;
    margin-bottom: 15px;
  }

  .payment_freelancer .box_two .set img {
    height: 52px;
  }

  .payment_freelancer .box_two .set h4 {
    font-size: 15px;
    margin-bottom: 2px;
  }

  .payment_freelancer .box_two .set h5 {
    font-size: 14px;
  }

  .payment_freelancer .master ul li img {
    height: 20px;
  }

  section.get_started h2 {
    font-size: 22px;
  }

  section.get_started .set {
    border-radius: 5px;
    max-width: 100%;
  }

  section.get_started .set h6 {
    padding: 10px 6px;
    font-size: 15px;
  }

  section.get_started .set p {
    padding: 10px 6px;
  }

  section.Tips_for_Success h2 {
    font-size: 22px;
  }

  section.Tips_for_Success .set h4 {
    font-size: 16px;
  }

  .project_catalog h4 {
    font-size: 22px;
    margin-bottom: 20px;
  }

  .project_catalog ul li {
    font-size: 15px;
  }

  .create_project_freelancer .tab .create_proje h6 {
    font-size: 16px;
  }

  .create_project_freelancer .tab label {
    font-size: 14px;
  }

  .create_project_freelancer .tab .form-control {
    font-size: 14px;
  }

  .create_project_freelancer .tab .form-control span {
    font-size: 14px;
  }

  .create_project_freelancer .mainActivity h2 {
    font-size: 16px;
  }

  .create_project_freelancer .mainActivity .nav.nav-tabs li {
    margin-right: 10px;
  }

  .create_project_freelancer .mainActivity .nav.nav-tabs li button {
    min-width: 240px;
    font-size: 14px;
  }

  .hire_freelancers .form {
    margin-bottom: 12px;
  }

  .hire_freelancers .set h6 {
    font-size: 14px;
  }

  .hire_freelancers .set h6.mb-3 {
    margin-top: 10px;
    margin-bottom: 10px !important;
  }

  .browse_jobs .set {
    padding: 10px;
  }

  .browse_jobs .set h5 {
    font-size: 15px;
  }

  .browse_jobs .set p.Budget b {
    font-size: 14px;
  }

  .findjobs h3 {
    font-size: 18px;
    margin-bottom: 6px;
  }

  .findjobs .form {
    padding-right: 90px;
  }

  .findjobs .form button {
    line-height: 42px;
    padding: 0 15px;
    width: 82px;
  }

  .findjobs .form input {
    line-height: 42px;
  }

  .findjobs h3 {
    font-size: 20px;
  }

  .findjobs h5.tp {
    font-size: 15px;
  }

  .findjobs .tab_responsive {
    overflow: auto;
    width: 100%;
  }

  .findjobs .tab_responsive::-webkit-scrollbar {
    display: none;
  }

  .findjobs .nav-tabs {
    min-width: 500px;
  }

  .findjobs .nav-tabs li {
    margin-right: 16px;
  }

  .findjobs .carousel .carousel-item {
    min-height: 270px;
  }

  .findjobs .carousel .carousel-item h4 {
    font-size: 24px;
  }

  .findjobs .carousel .carousel-item p {
    font-size: 14px;
  }

  .my_analytics_banner .carousel {
    padding: 30px 12px !important;
    background-size: 210px !important;
  }

  .my_analytics_banner .carousel p {
    width: 58% !important;
    font-size: 14px !important;
  }

  .my_analytics_banner .carousel h4 {
    font-size: 20px !important;
  }

  .Job_Details h2 a {
    display: block;
    width: 100px;
    height: 42px;
    text-align: center;
    line-height: 24px;
    margin-top: 10px;
  }

  .Job_Details .posted {
    margin-bottom: 20px;
    padding-bottom: 8px;
  }

  .Job_Details .posted h2 {
    font-size: 24px;
  }

  .Job_Details .set ul.Design li {
    margin-right: 8px;
    padding: 10px 10px;
    width: 150px;
  }

  .Job_Details_freelancer h2.mainh2 {
    font-size: 18px;
  }

  .Job_Details_freelancer .proposal .set .text-end {
    text-align: start !important;
    margin-bottom: 8px;
  }

  .Job_Details_freelancer .proposal .set .text-end .mt-5 {
    margin-top: 10px !important;
  }

  .Job_Details_freelancer .proposal .set ul.sealed li a {
    padding: 10px 20px;
    font-size: 14px;
  }

  .Job_Details_freelancer .proposal .set p.clr {
    margin-top: 10px !important;
  }

  .active_projects .proposal .tab_responsive {
    overflow: auto;
    width: 100%;
  }

  .active_projects .proposal .tab_responsive::-webkit-scrollbar {
    display: none;
  }

  .active_projects .proposal .nav.nav-tabs {
    min-width: 660px;
    justify-content: inherit;
    gap: 15px;
  }

  .active_projects .proposal .nav.nav-tabs li .nav-link {
    min-width: 140px;
  }

  .project_details h2 {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 14px !important;
    padding-right: 0;
  }

  .project_details h2 .open {
    height: 35px;
    width: 105px;
    line-height: 16px;
    padding: 8px 9px;
    border-radius: 5px;
    margin-top: 6px;
    position: initial;
    display: block;
    text-align: center;
  }

  .project_details h2 .progress {
    display: block;
    height: 45px;
    width: 135px;
    text-align: center;
    line-height: 24px;
    margin-top: 10px;
    position: initial;
  }

  .project_details .post_hed h6 {
    font-size: 17px;
  }

  .project_details .post_hed h6.per {
    font-size: 17px;
    padding-top: 24px;
  }

  .hourly_rate_projects .proposal .mainproject {
    padding: 14px;
    padding-top: 15px;
    margin-top: 10px;
  }

  .hourly_rate_projects .proposal .mainproject .project .btn {
    min-width: 100%;
    font-size: 14px;
    margin-left: 0px;
    margin-top: 5px;
    margin-bottom: 10px;
  }

  .hourly_rate_projects .proposal .mainproject .table-responsive {
    width: 100%;
    margin-bottom: 25px;
  }

  .hourly_rate_projects
    .proposal
    .mainproject
    .table-responsive::-webkit-scrollbar {
    height: 5px;
  }

  .hourly_rate_projects .proposal .mainproject .table {
    min-width: 630px;
  }

  .hourly_rate_projects .proposal .messages .formmain label {
    font-size: 15px;
  }

  .hourly_rate_projects .proposal .messages .formmain textarea.form-control {
    min-height: 150px;
    font-size: 14px;
  }

  .hourly_rate_projects .proposal .messages .formmain button img {
    height: 21px;
  }

  .hourly_rate_projects .proposal .formmainform .Add_pro h4 {
    font-size: 16px;
  }

  .hourly_rate_projects .proposal .formmainform .Add_pro p {
    font-size: 14px;
    padding: 20px 20px 20px 50px;
    margin-top: 12px;
  }

  .hourly_rate_projects .proposal .formmainform .Add_pro p img {
    height: 25px;
    left: 12px;
  }

  section.about_us {
    background-position: right bottom;
    padding: 30px 0 150px;
    background-size: 245px;
  }

  section.about_us p {
    width: 50%;
  }

  section.about_us h2 {
    font-size: 22px;
  }

  section.our_mission .img.img22 {
    margin-top: 10px;
  }

  section.our_mission h6 {
    font-size: 15px;
    margin-top: 18px;
  }

  section.workforce {
    padding: 50px 0;
  }

  section.workforce p {
    font-size: 15px;
  }

  section.AddPayment {
    margin: 40px 0;
  }

  section.AddPayment h2 {
    font-size: 20px;
    margin-bottom: 15px;
  }

  section.AddPayment h6 {
    font-size: 14px;
  }

  section.AddPayment h6 input {
    height: 20px;
    width: 20px;
    top: 5px;
  }

  section.AddPayment .set {
    padding: 14px;
  }

  section.AddPayment .set h6 {
    font-size: 14px;
  }

  section.AddPayment .set h4 {
    font-size: 15px;
  }

  section.AddPayment .set h4 select.float-end {
    font-size: 14px;
  }

  section.AddPayment label {
    margin-top: 12px;
    margin-bottom: 7px;
    font-size: 14px;
  }

  section.AddPayment input.form-control {
    font-size: 14px;
  }

  section.AddPayment img.crticon1 {
    height: 34px;
    margin-right: 15px;
  }

  section.AddPayment button {
    font-size: 14px;
  }

  section.AddPayment ul {
    margin: 28px 0;
  }

  section.AddPayment ul li img {
    height: 35px;
  }

  .my_projects .form input {
    padding: 0 0 0 55px;
  }

  .my_projects .responsive_tab {
    overflow: auto;
    width: 100%;
  }

  .my_projects .responsive_tab::-webkit-scrollbar {
    display: none;
  }

  .my_projects .nav.nav-tabs li {
    margin-right: 10px;
  }

  .my_projects .nav.nav-tabs li .nav-link {
    min-width: 120px;
    line-height: 40px;
  }

  .my_projects .list .set {
    text-align: start;
  }

  .my_projects .list .set h6 a {
    min-width: 100% !important;
  }

  .my_projects .list .set h5 {
    font-size: 15px;
    margin-top: 8px;
  }

  .my_projects .list .set h6 a {
    margin-top: 7px;
    margin-left: 0 !important;
  }

  .FinancialDashboard .st h6 {
    font-size: 16px;
  }

  .FinancialDashboard .set .setin {
    display: block;
  }

  .FinancialDashboard .set .setin .form-control {
    width: 100%;
  }

  .FinancialDashboard .FinancialDashboard .SearchProjects textarea {
    padding: 10px 10px;
    font-size: 14px;
  }

  .FinancialDashboard .FinancialDashboard .SearchProjects button {
    font-size: 14px;
  }

  section.TransactionHistory {
    padding: 30px 0;
  }

  section.TransactionHistory .tab_responsive {
    overflow: auto;
    width: 100%;
    padding-bottom: 4px;
  }

  section.TransactionHistory .tab_responsive::-webkit-scrollbar {
    display: none;
  }

  section.TransactionHistory ul.nav-tabs {
    gap: 17px;
    min-width: 700px;
  }

  .invoice {
    padding: 30px 0;
  }

  .invoice .set {
    padding: 14px 14px 20px;
  }

  .invoice .set h4 {
    font-size: 17px;
    margin-bottom: 20px;
  }

  .accounts_withdrawals h6.this2 {
    font-size: 14px;
    padding: 10px;
  }

  .accounts_withdrawals .set .table-responsive::-webkit-scrollbar {
    height: 5px;
  }

  .accounts_withdrawals .set table {
    min-width: 600px;
  }

  .accounts_withdrawals .Things {
    padding: 14px;
  }

  .accounts_withdrawals .Things ul li {
    margin-bottom: 16px;
    padding-left: 32px;
    font-size: 14px;
  }

  .accounts_withdrawals .express h4 {
    font-size: 16px;
  }

  .accounts_withdrawals .express img {
    height: 100px;
  }

  .banner2 {
    min-height: 420px;
    padding: 50px 0 49px;
  }

  .banner2 ul li a {
    padding: 10px;
    min-width: 194px;
    font-size: 16px !important;
    line-height: 30px;
  }

  .Benefits {
    padding: 40px 0 0;
  }

  .Benefits .set {
    padding: 15px;
  }

  .Benefits h2 {
    font-size: 24px;
    margin-bottom: 24px;
  }

  .how_does {
    padding: 35px 0 30px;
  }

  .how_does h2 {
    font-size: 22px;
    padding-top: 0;
    margin-bottom: 13px;
  }

  .how_does2 .col-md-6.text-center {
    order: 1;
  }

  .trusted {
    padding: 25px 0;
  }

  .trusted h2 {
    margin-bottom: 25px;
    font-size: 24px;
  }

  .Testimonials {
    padding: 30px 0;
  }

  .Testimonials h2 {
    font-size: 24px;
  }

  .Testimonials .item {
    margin-top: 84px;
  }

  .Testimonials .item p {
    font-size: 14px;
    min-height: auto;
  }

  .businesses h4 {
    margin-top: 10px;
    text-align: center;
  }

  .businesses h5 {
    text-align: center;
  }

  .businesses img.w-100 {
    width: 63% !important;
  }

  .quick_easy a.btn {
    margin-top: 0;
  }

  .quick_easy h2 {
    font-size: 26px;
    margin-bottom: 4px;
  }

  .quick_easy h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .quick_easy .img {
    width: 350px;
    height: 400px;
  }

  .quick_easy2 h2 {
    font-size: 26px;
    margin-bottom: 4px;
  }

  .quick_easy2 h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .quick_easy2 .img {
    width: 350px;
    height: 400px;
  }

  .quick_easy2 a.Browser {
    width: 270px;
    margin-top: 0;
  }

  .quick_easy2 a.btn {
    width: 270px;
  }

  .quick_easy2 .col-md-5 {
    order: 1;
  }

  header.main_header {
    position: relative;
  }

  header.main_header nav.navbar {
    padding: 7px 0 !important;
  }

  header.main_header nav.navbar button.navbar-toggler {
    z-index: 9999;
    font-size: 30px;
    padding: 0;
    outline: none;
    box-shadow: none;
    top: -48px;
    position: absolute;
    color: black;
    border: none;
  }

  header.main_header .hed .form {
    background-color: #fff;
  }

  header.main_header .hed ul.right_hed li a {
    min-width: 95px;
  }

  header.main_header .formin {
    position: absolute;
    top: 78px;
    z-index: 9;
    padding-left: 88px;
    right: 0;
  }

  .banner .bannerin {
    padding-top: 36px;
    padding-bottom: 30px;
    background-size: 300px;
  }

  .banner .bannerin h1 {
    font-size: 30px;
    margin-bottom: 10px;
  }

  .banner .bannerin p {
    font-size: 14px;
    margin-bottom: 12px;
  }

  .footer ul.Download li a img {
    height: 30px;
    margin-bottom: 3px;
  }

  .footer .footer_end {
    text-align: center;
  }

  .footer .footer_end p {
    margin: 6px 0;
  }

  .footer .footer_end .text-end {
    text-align: center !important;
  }

  header.main_header.header_after .searchbtn {
    display: none !important;
  }

  header.main_header.header_after .hed ul.right_hed li.lidiv {
    margin-left: 5px;
  }

  header.main_header.header_after .form {
    display: inline-block !important;
  }

  header.main_header.header_after .hed {
    position: relative;
  }

  .portfolio_upload .portfolio {
    padding: 12px;
  }

  .portfolio_upload .portfolio label.d-flex {
    display: block !important;
  }

  .portfolio_upload .portfolio label span {
    display: inline-flex;
    font-weight: 500;
  }

  header.main_header .hed {
    padding-top: 12px;
    padding-bottom: 12px;
    position: relative;
  }

  header.main_header .hed a.logo {
    margin-left: 47px;
    display: inline-block;
    position: relative;
    top: 3px;
  }

  header.main_header .hed .form {
    position: absolute;
    margin: auto;
    right: -12px;
    bottom: -37px;
    padding: 0 120px 0 0;
    right: 0;
    width: 100%;
    max-width: 90% !important;
    margin: auto;
    left: 0;
  }

  header.main_header nav.navbar {
    min-height: 55px;
  }

  header.main_header nav.navbar .navbar-collapse {
    background: #0077b5;
    z-index: 999;
    margin-top: -2px;
  }
}

/** Small devices (landscape phones, less than 575px)**/
@media (min-width: 576px) {
  .graphic_design h2 {
    font-size: 20px;
  }

  .footer ul.menu {
    list-style: none;
    padding: 0;
    inset: inherit !important;
    display: block;
    border: navajowhite;
    position: relative !important;
    transform: inherit !important;
    background: transparent;
  }

  .footer .dropdown-toggle::after {
    display: none;
  }
}

/** Small devices (landscape phones, less than 575px)**/
@media (max-width: 575.98px) {
  section.find_inspiration.brand_identity h2 {
    background: #0077b5;
    padding: 16px 15px;
    color: #fff;
    margin: 0 -15px 10px;
  }

  .my_hire {
    padding: 25px 0;
  }

  .my_hire .hire .set {
    margin-bottom: 0;
  }

  .my_hire h2 {
    margin-bottom: 4px;
  }

  .my_hire .hire_right {
    padding: 15px;
    box-shadow: 0px 1px 3px #ccc;
  }

  .my_hire .hire_right .file_search {
    padding: 0px 0;
  }

  .my_hire .hire_right .file_search img {
    height: 190px;
  }

  .my_hire .hire_right .file_search p {
    font-size: 14px;
    margin: 12px auto 12px;
  }

  .development.word_press .d-block.atp {
    height: 40px;
  }

  .active_projects.my_proposals_freelancer p.Show {
    font-weight: 500;
    display: inline;
    position: absolute;
    right: 12px;
    top: 53px;
    display: none;
  }

  .active_projects.my_proposals_freelancer .proposal .form_filter {
    display: flex;
  }

  .active_projects.my_proposals_freelancer
    .proposal
    .form_filter
    img.filtericon {
    width: 48px;
    padding: 11px 10px;
    height: 44px;
    margin-top: -2px;
  }

  .active_projects.my_proposals_freelancer .proposal .form_filter .form {
    margin-bottom: 10px;
    width: 100%;
    position: relative;
    height: 43px;
  }

  .active_projects.my_proposals_freelancer
    .proposal
    table
    tr
    td
    table.table
    tr
    td:first-child {
    width: 100% !important;
    display: block;
  }

  .active_projects.my_proposals_freelancer
    .proposal
    table
    tr
    td
    table.table
    tr
    td:nth-child(2) {
    width: 50% !important;
    display: inline-block;
  }

  .active_projects.my_proposals_freelancer
    .proposal
    table
    tr
    td
    table.table
    tr
    td {
    width: 50% !important;
    display: inline-block;
  }

  .active_projects.my_proposals_freelancer
    .proposal
    table
    tr
    td
    table.table
    tr
    td
    b {
    display: block;
  }

  .active_projects.my_proposals_freelancer
    .proposal
    table
    tr
    td
    table.table
    tr
    td
    button.dropdown-toggle {
    margin-top: 0px;
  }

  .active_projects.my_proposals_freelancer
    .proposal
    table
    tr
    td
    table.table
    tr:nth-child(2)
    td {
    width: 50% !important;
    display: inline-block;
  }

  .client_dashboard .set img.client_das {
    max-width: 270px;
  }

  .sdbar {
    width: 100%;
  }

  section.how_it_works {
    padding: 18px 0 0;
    background: #0077b5 !important;
  }

  section.how_it_works h2 {
    font-size: 22px;
  }

  section.how_it_works .set {
    background: #fff;
    height: 100%;
    margin: 0 -12px;
    padding: 12px 12px 12px 120px;
    border-radius: 0;
    position: relative;
  }

  section.how_it_works .set p {
    margin: 0;
    height: auto;
    padding: 0 12px;
  }

  section.how_it_works .set .img {
    position: absolute;
    left: 12px;
    top: 0;
    width: 110px;
    height: 70px;
    border-radius: 5px;
    bottom: 0;
    margin: auto;
  }

  section.how_it_works .set h6 {
    margin-top: 0;
    font-size: 16px;
    padding: 0 12px;
  }

  section.category {
    padding: 16px 0 0;
    margin-bottom: 18px;
  }

  section.category .set h6 {
    text-align: left;
  }

  section.shop_category {
    padding: 16px 0 0;
    margin-bottom: 18px;
  }

  section.shop_category h2.ap {
    background: #0077b5;
    padding: 22px;
    margin: 0 -12px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    font-weight: 700;
  }

  section.shop_category .set {
    border-radius: 0;
  }

  section.shop_category .set h6 {
    text-align: left;
  }

  section.scale {
    padding: 16px 0 0;
    margin-bottom: 10px;
    background: #0077b5;
    margin-top: 15px;
    position: relative;
  }

  section.scale a.show_all {
    color: #0077b5;
    padding: 7px 12px;
    background: #fff;
    border-radius: 0;
    top: 24px;
    right: 12px;
    position: absolute;
  }

  section.scale h2 {
    color: #fff;
    padding-right: 88px;
    text-align: left !important;
    font-size: 18px;
  }

  section.scale .media {
    background: #fff;
    margin: 0 -12px;
    padding: 12px 12px 0;
  }

  section.scale .set {
    background: transparent;
    box-shadow: 0 0px 2px rgba(0, 0, 0, 0.168627451);
    padding: 10px 12px 10px 70px;
    border-radius: 6px !important;
  }

  section.scale .set h6 {
    position: inherit;
    background: transparent;
    padding: 12px 12px;
  }

  section.scale .set .img {
    position: absolute;
    left: 0;
    width: 70px;
    height: 62px !important;
    border-radius: 5px !important;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  section.Inspiring {
    padding: 16px 0 0;
    margin-bottom: 10px;
    background: #0077b5;
    margin-top: 15px;
    position: relative;
  }

  section.Inspiring a.show_all {
    color: #0077b5;
    padding: 7px 12px;
    background: #fff;
    border-radius: 0;
    top: 24px;
    right: 12px;
    position: absolute;
  }

  section.Inspiring h2 {
    color: #fff;
    padding-right: 88px;
    text-align: left !important;
    font-size: 18px;
  }

  section.Inspiring .media {
    background: #fff;
    margin: 0 -12px;
    padding: 12px 12px 0;
  }

  section.Inspiring .set {
    background: transparent;
    box-shadow: 0 0px 2px rgba(0, 0, 0, 0.168627451);
    padding: 10px 12px 10px 70px;
    border-radius: 6px !important;
  }

  section.Inspiring .set h6 {
    position: inherit;
    padding: 12px 12px;
    background: transparent;
  }

  section.Inspiring .set .img {
    position: absolute;
    left: 0;
    width: 70px;
    height: 62px !important;
    border-radius: 5px !important;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  .dream h2 {
    padding-right: 88px;
    font-size: 18px;
  }

  .dream .categorycarousel .owl-nav {
    background: transparent;
    top: -60px;
  }

  .dream .categorycarousel .owl-nav button {
    border: 1px solid #ffffff !important;
    color: #fff !important;
  }

  .dream .categorycarousel .owl-nav button span {
    top: -4px;
  }

  .graphic_design {
    padding: 15px 0 5px;
  }

  .graphic_design h2 {
    background: #0077b5;
    color: #fff;
    margin: 0 -12px 12px;
    padding: 15px 12px;
    font-size: 18px !important;
  }

  .graphic_design .formob .set {
    padding: 6px 12px 6px 70px;
    min-height: 52px;
  }

  .graphic_design .formob .set a.seeall {
    margin-left: 12px;
  }

  .graphic_design .formob .set .img {
    top: 0;
    bottom: inherit;
  }

  .graphic_design .formob .set .cont p {
    padding: 0 12px;
  }

  .graphic_design .formob .set .cont h6 {
    margin-bottom: -4px;
    line-height: 49px;
  }

  .graphic_design .formob .set .cont h6 svg.arrpw {
    margin-top: 17px;
  }

  .formob.main .d-none {
    display: block !important;
  }

  .formob {
    background: #fff;
    margin: 0 -12px;
    padding: 5px 12px 0;
  }

  .formob a.showmore {
    color: #0077b5;
    font-weight: 600;
    font-size: 15px;
  }

  .formob .set {
    position: relative;
    min-height: 60px;
    padding: 0 12px 0 70px;
    box-shadow: none;
    background: transparent;
    box-shadow: 0 0px 2px rgba(0, 0, 0, 0.168627451);
    border-radius: 6px !important;
  }

  .formob .set .cont {
    padding: 0;
    max-height: 50px;
    overflow: hidden;
  }

  .formob .set .cont h6 {
    padding-left: 12px;
    padding-right: 0;
    margin-bottom: -8px;
    text-align: left;
  }

  .formob .set .cont.open {
    max-height: initial;
    margin-left: -70px;
  }

  .formob .set .cont.open h6 {
    margin-bottom: 17px;
    padding-left: 82px;
  }

  .formob .set h6 {
    font-size: 14px;
    text-align: left;
    padding: 0 12px;
    line-height: 43px;
  }

  .formob .set .img {
    position: absolute;
    left: 0;
    width: 70px;
    height: 62px !important;
    border-radius: 5px !important;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  .browse_jobs .set h5.bids.bids1.Budget {
    float: right;
  }

  .browse_jobs .set h5.bids.bids1.Budget span {
    top: inherit !important;
  }

  .categorycarousel .owl-nav {
    top: -45px;
  }

  .hourly_rate_projects .post_hed h6 {
    text-align: left;
  }

  section.find_inspiration {
    padding: 20px 0;
  }

  section.find_inspiration .categorycarousel .owl-nav {
    background: transparent;
    top: -53px;
  }

  section.find_inspiration .categorycarousel .owl-nav button {
    border: 1px solid #ffffff !important;
    color: #fff !important;
  }

  section.find_inspiration .categorycarousel .owl-nav button span {
    top: -3px;
  }

  section.find_inspiration h2.hed {
    background: #0077b5;
    color: #fff;
    margin: 0 -12px 12px;
    padding: 15px 12px;
    font-size: 18px !important;
  }

  section.find_inspiration h2.hed a.show_all {
    color: #fff !important;
    font-size: 15px;
    margin-top: 2px;
  }

  section.graphic_design {
    padding: 20px 0;
  }

  section.graphic_design .categorycarousel .owl-nav {
    background: transparent;
    top: -73px;
  }

  section.graphic_design .categorycarousel .owl-nav button {
    border: 1px solid #ffffff !important;
    color: #fff !important;
  }

  section.graphic_design .categorycarousel .owl-nav button span {
    top: -3px;
  }

  .browse_jobs.findjobs .findjobs_in {
    padding: 0;
    border: none;
  }

  .browse_jobs.findjobs .set h5.bids.bids1.Budget {
    float: right;
    margin-top: 0;
  }

  .browse_jobs.findjobs .set h5.bids.bids1.Budget i {
    margin: 10px 0 1px 10px;
  }

  .browse_jobs.findjobs .set p.Budget {
    margin-bottom: 8px;
  }

  .browse_jobs.findjobs .set p.Budget b {
    display: inline;
  }

  .browse_jobs.findjobs .set .wordpresscarousel {
    margin-bottom: 8px;
  }

  .browse_jobs.findjobs .set a.Bid_now {
    width: 240px;
  }

  .browse_jobs.findjobs .set .Finances {
    padding: 15px;
    background-size: 200px;
  }

  .browse_jobs.findjobs .set .Finances ul li a {
    font-size: 14px;
  }

  .browse_jobs.findjobs .set .Finances h5.bids {
    float: right;
    margin-top: -32px;
    margin-bottom: 0;
  }

  .browse_jobs.findjobs .set .Finances h5.bids i {
    margin-right: 0;
  }

  .browse_jobs.findjobs .set .Finances p.Budget {
    margin-bottom: 10px;
  }

  .browse_jobs.findjobs .set .Finances p.Budget b {
    display: inline;
  }

  .hire_freelancers.browse_jobs.findjobs .set span {
    top: 0;
  }

  .active_projects .proposal .nav.nav-tabs.tabul {
    gap: 5px;
    min-width: 100%;
    width: 100%;
    margin: 0;
    height: 34px;
  }

  .active_projects .proposal .nav.nav-tabs.tabul li .nav-link {
    min-width: -moz-max-content;
    min-width: max-content;
    border-radius: 0;
    border: none;
    line-height: 34px;
    background: transparent;
  }

  .active_projects .proposal .nav.nav-tabs.tabul li .nav-link.active {
    background: transparent;
    color: #0077b5;
    border: none;
  }

  .project_details .proposal.hired .content_right .set .btn2.workspace {
    font-size: 14px;
  }

  .project_details .proposal.hired .content_right .set .user {
    height: 78px;
  }

  .project_details .proposal.hired .content_right .set .user p span {
    font-size: 13px;
  }

  .project_details .proposal.hired .content_right .set .user .img {
    border-radius: 10px;
    height: 78px;
  }

  .my_projects {
    padding: 65px 0 40px 0;
  }

  .my_projects .form_filter {
    display: flex;
  }

  .my_projects .form_filter img.filtericon {
    width: 48px;
    padding: 11px 10px;
    height: 44px;
    margin-top: -2px;
  }

  .my_projects .list {
    border: none;
    padding: 0;
  }

  .my_projects .list .set {
    text-align: start;
    border: 1px solid #ebebeb;
    padding: 12px;
    margin-bottom: 10px;
  }

  .my_projects .list .set .recruiter {
    margin-left: 0;
  }

  .my_projects .list .set button.dropdown-toggle {
    float: left;
    margin-top: 0;
  }

  .my_projects .list .set .col {
    max-width: 100%;
    flex: 1 0 50%;
  }

  .my_projects .list .set .col.col1 {
    flex: 1 0 100%;
    display: flex;
    margin-top: 10px;
  }

  .my_projects .list .set .col.col1 h5 {
    width: 50%;
    margin-right: 12px;
  }

  .my_projects p.Show {
    font-weight: 500;
    display: inline;
    position: absolute;
    right: 12px;
    top: 53px;
    display: none;
  }

  .my_projects p.Show span select {
    height: 36px;
    padding: 0 9px;
  }

  .my_projects .container h6.mb-3 {
    top: -32px;
    font-size: 14px;
  }

  .my_projects .form {
    margin-bottom: 10px;
    width: 100%;
    position: relative;
    height: 43px;
  }

  .my_projects .nav.nav-tabs.tabsnew {
    margin-bottom: 12px !important;
  }

  .my_projects .nav.nav-tabs li .nav-link {
    min-width: 100px;
    line-height: 35px;
  }

  .project_details h2 .open {
    position: absolute;
    bottom: -30px;
    top: inherit;
  }

  .project_details .post_hed .invite {
    width: 100%;
    text-align: center;
  }

  .hourly_rate_projects .Automatic_mob {
    margin-bottom: 20px;
  }

  .hourly_rate_projects .proposal h3 {
    margin-bottom: 18px;
  }

  .hourly_rate_projects .proposal h3 .create_milestone {
    padding: 9px 15px;
    margin-top: -7px;
  }

  .hourly_rate_projects .proposal .mainproject {
    padding: 70px 12px 12px;
  }

  .hourly_rate_projects p {
    text-align: left;
  }

  .hourly_rate_projects p .Rejected {
    color: #ff3030;
    font-weight: 500;
  }

  .hourly_rate_projects p .Released {
    color: #0077b5;
    font-weight: 500;
  }

  .hourly_rate_projects p .progres {
    color: #2f8d03;
    font-weight: 500;
  }

  .hourly_rate_projects h6 {
    text-align: left;
  }

  .active_projects .proposal table {
    min-width: 100%;
    display: inline-table;
  }

  .active_projects .proposal table tr td table.table tr td {
    width: 100% !important;
    display: block;
  }

  .active_projects
    .proposal
    table
    tr
    td
    table.table
    tr
    td
    p
    .bi-chat-dots-fill {
    float: right;
    color: #3b9311;
    font-size: 17px;
  }

  .active_projects .proposal table tr td table.table tr td p a.chat {
    margin-top: 0;
  }

  .active_projects .proposal table tr td table.table tr td .dropdown-toggle {
    min-width: 100%;
    text-align: left;
  }

  .active_projects
    .proposal
    table
    tr
    td
    table.table
    tr
    td
    .dropdown-toggle::after {
    right: 12px;
    position: absolute;
    top: 17px;
  }

  .browse_jobs .set p i {
    margin-right: 5px;
  }

  .hire_freelancers .set {
    padding: 12px 12px 12px 12px;
    margin-bottom: 15px;
  }

  .hire_freelancers .set .img {
    width: 70px;
    height: 75px;
    left: 12px;
    border-radius: 3px;
  }

  .hire_freelancers .set p {
    margin-bottom: 2px;
    font-size: 14px;
  }

  .hire_freelancers .set p span.More {
    font-size: 14px;
  }

  .hire_freelancers .set p span img {
    height: 17px;
  }

  .hire_freelancers .set .setin {
    padding-left: 80px;
    height: 75px;
  }

  .hire_freelancers .set h5.text-end {
    text-align: left !important;
    margin-top: 11px;
  }

  .hire_freelancers .set h5.text-end .bi-heart {
    position: absolute;
    right: 12px;
    top: 12px;
  }

  .hire_freelancers .set span {
    font-size: 15px;
    position: relative;
    top: -2px;
  }

  .project_details .proposal .col-lg-8.mainat {
    height: auto !important;
  }

  .project_details .proposal .col-lg-8.mainat .tabulmain {
    overflow: hidden;
  }

  .project_details .proposal .col-lg-8.mainat .nav.nav-tabs {
    margin-left: 0;
    top: 0;
    margin-bottom: 0;
  }

  .project_details
    .proposal.hired
    .content_right
    .set
    .user
    i.bi.bi-circle-fill {
    font-size: 13px;
    left: 54px;
    top: 54px;
    text-shadow: transparent;
  }

  .project_details .tabulmain {
    overflow-y: auto;
  }

  .project_details .tabulmain::-webkit-scrollbar {
    display: none;
  }

  .Project_Post {
    padding: 20px 0 0;
  }

  .Project_Post #regForm .tab {
    margin-bottom: 0;
  }

  .Project_Post #regForm .tab .divnumber {
    bottom: -37px;
    width: 100px;
    height: 39px;
    line-height: 39px;
  }

  .Project_Post #regForm button#nextBtn {
    padding: 7px 12px;
    min-width: 92px;
  }

  .Project_Post #regForm button#prevBtn {
    padding: 7px 13px;
    min-width: 92px;
  }

  .Job_Details_freelancer ul.tabul li a {
    line-height: 37px;
    min-width: 120px;
  }

  .Job_Details_freelancer .compt form#regForm input[type="checkbox"] {
    width: 17px;
    height: 17px;
  }

  .Job_Details_freelancer .compt form#regForm h6.Enter {
    padding: 10px 10px 10px 40px;
    font-size: 14px;
  }

  .Job_Details_freelancer .compt form#regForm h6.Enter i {
    left: 9px;
    font-size: 20px;
  }

  .Job_Details_freelancer .compt form#regForm button {
    font-size: 14px;
    min-width: 100px;
    line-height: 40px;
  }

  .Job_Details_freelancer .compt form#regForm .ttbb {
    margin-top: 15px !important;
  }

  .Job_Details_freelancer .compt form#regForm p {
    font-size: 12px;
  }

  .Job_Details_freelancer .compt .tab p {
    margin-bottom: 2px;
  }

  .Job_Details_freelancer .youmost {
    padding: 10px 10px 9px 48px;
    margin-bottom: 10px;
  }

  .Job_Details_freelancer .youmost h6 {
    font-size: 15px;
  }

  .Job_Details_freelancer .youmost p {
    font-size: 14px;
  }

  .banner .showcase_banner h1 {
    font-size: 20px;
  }

  .my_showcase {
    padding: 18px 0;
  }

  .my_showcase .usr {
    border-bottom: 1px solid #e3e3e3;
    padding: 10px 0;
  }

  .my_showcase .usr h6 {
    font-size: 14px;
    padding-left: 66px;
    vertical-align: middle;
    position: relative;
  }

  .my_showcase .usr h6 img {
    position: absolute;
    left: 0;
    top: 0;
  }

  .my_showcase .usr ul.at.st2 {
    gap: 0;
  }

  .my_showcase .usr ul.at {
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: flex-end;
    gap: 60px;
    margin-bottom: 0;
  }

  .my_showcase .usr ul.at li {
    display: flex;
    gap: 7px;
    align-items: center;
  }

  .my_showcase .usr ul.at li span {
    font-weight: 500;
    font-size: 14px;
  }

  .my_showcase .usr ul.at li span.dropdown .btn.dropdown-toggle {
    border: 1px solid #dee2e6;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    color: #43b80c;
    font-size: 19px;
  }

  .my_showcase .usr ul.at li span.dropdown .btn.dropdown-toggle:after {
    display: none;
  }

  .my_showcase .usr ul.at li .btn {
    padding: 0;
    font-size: 15px;
  }

  .my_showcase .usr ul.at li .form-switch .form-check-input {
    width: 3em;
    height: 22px;
  }

  .my_showcase .nav-tabs {
    margin-bottom: 0;
    display: flex;
    width: 100%;
    min-width: 100%;
    gap: 0;
  }

  .my_showcase .nav-tabs li {
    margin-right: 20px;
  }

  .my_showcase .nav-tabs li button {
    font-size: 14px;
    min-width: auto;
    line-height: 38px;
    padding: 0 0;
  }

  .my_showcase table {
    box-shadow: none;
    min-width: 100%;
  }

  .my_showcase table tr th {
    font-size: 14px;
    padding: 12px 0;
  }

  .my_showcase table tr td {
    padding: 8px 0;
  }

  .my_showcase table tr td:first-child {
    display: none;
  }

  .my_showcase table tr th:first-child {
    display: none;
  }

  .my_showcase table tr th:nth-child(4) {
    display: none;
  }

  .my_showcase table tr th:last-child {
    width: 50px;
  }

  .my_showcase table tr td:last-child {
    width: 50px;
  }

  .my_showcase table tr td:nth-child(4) {
    display: none;
  }

  .my_showcase #UnderReview table th:nth-child(5) {
    display: none;
  }

  .my_showcase #UnderReview table td:nth-child(5) {
    display: none;
  }

  .project_details .proposal .content_right .set h5.text-end {
    font-size: 20px;
    text-align: left !important;
  }

  .project_details .proposal .content_right .set h5.text-end span {
    font-size: 15px;
    position: relative;
    top: -2px;
  }

  .project_details .proposal .content_right .set .user {
    padding-left: 80px;
    height: auto;
  }

  .project_details .proposal .content_right .set .user i.bi.bi-circle-fill {
    left: 0;
    top: -6px;
  }

  .project_details .proposal .content_right .set .user p {
    font-size: 14px;
    margin-bottom: 4px;
  }

  .project_details .proposal .content_right .set .user h5 {
    margin-bottom: 2px;
    font-size: 17px;
  }

  .project_details .proposal .content_right .set .user .img {
    border-radius: 10px;
    width: 70px;
    height: 75px;
    border-radius: 3px;
    position: absolute;
  }

  .project_details .proposal .content_right .set .user h6 {
    margin-left: -80px;
  }

  .project_details .proposal.fixednew .content_right .set a.endorsed {
    position: relative !important;
    right: 0;
    top: inherit !important;
  }

  .project_details
    .proposal.fixednew
    .content_right
    .set
    ul.dislike.dislikekp
    li.ap
    .bi-filter-left {
    position: relative;
    top: 3px;
    font-size: 32px;
  }

  .project_details .proposal.fixednew .content_right .set p .btn {
    width: 100% !important;
  }

  .project_details .proposal.fixednew .content_right .set ul.dislike {
    display: flex;
    gap: 24px;
    justify-content: center !important;
  }

  .project_details .proposal.fixednew .content_right .set h5.text-end {
    font-size: 20px;
    text-align: left !important;
  }

  .project_details .proposal.fixednew .content_right .set h5.text-end span {
    font-size: 15px;
    position: relative;
    top: -2px;
  }

  .project_details .proposal.fixednew .content_right .set .user {
    padding-left: 80px;
    height: auto;
  }

  .project_details
    .proposal.fixednew
    .content_right
    .set
    .user
    i.bi.bi-circle-fill {
    left: 0;
    top: -6px;
  }

  .project_details .proposal.fixednew .content_right .set .user p {
    font-size: 14px;
    margin-bottom: 4px;
  }

  .project_details .proposal.fixednew .content_right .set .user h5 {
    margin-bottom: 2px;
    font-size: 17px;
  }

  .project_details .proposal.fixednew .content_right .set .user .img {
    border-radius: 10px;
    width: 70px;
    height: 75px;
    border-radius: 3px;
    position: absolute;
  }

  .project_details .proposal.fixednew .content_right .set .user h6 {
    margin-left: -80px;
  }

  .checkout .set {
    margin-top: 60px;
  }

  .checkout .nav-tabs {
    margin: 10px 0 !important;
  }

  .checkout .nav-tabs li button {
    min-width: auto;
    font-size: 14px;
  }

  .referral_terms {
    padding: 30px 0;
  }

  .referral_terms .accordion .accordion-item button.accordion-button {
    font-size: 15px;
    padding: 12px;
  }

  .referral_terms .accordion-body {
    padding: 12px;
  }

  .referral_terms h4 {
    font-size: 18px;
    margin-bottom: 12px;
  }

  section.easy_earn {
    padding: 30px 0;
  }

  section.easy_earn .set {
    padding: 12px;
    margin-bottom: 14px;
  }

  .things_div h2 {
    font-size: 20px;
  }

  .things_div .img {
    height: 250px;
    border-radius: 25px 25px 0 0;
  }

  .development h5 {
    font-size: 15px;
  }

  .development ul li .dropdown-menu li {
    font-size: 14px;
    display: block;
    margin: 0;
  }

  .development .Projectsbtn {
    height: 41px;
    margin-top: 0;
  }

  .development .d-block.atp {
    margin-top: 10px;
  }

  .development span.Filter_Btn {
    background: #0077b5;
    color: #fff;
    height: 41px;
    padding: 2px 26px;
    margin-top: 0;
    vertical-align: middle;
    align-items: center;
    display: inline-flex !important;
    gap: 9px;
  }

  .development span.Filter_Btn img {
    height: 20px;
  }

  .client_dashboard .box {
    padding: 10px 10px 10px 40px;
  }

  .client_dashboard .box h3 {
    font-size: 14px;
  }

  .client_dashboard .box img {
    height: 27px;
    left: 10px;
  }

  .client_dashboard .box p {
    font-size: 13px;
  }

  .inbox .user_list ul {
    padding-bottom: 24px;
  }

  .inbox .main_type {
    padding: 0 0 49px 0;
  }

  .inbox .main_type a.Create {
    padding: 10px;
    margin-bottom: 18px;
  }

  .inbox .main_type .imgmain {
    width: 120px;
    height: 95px;
    margin: 0 auto 8px;
  }

  .inbox .main_type p {
    margin-bottom: 7px !important;
  }

  .inbox .main_type h6 {
    margin: 0;
    font-size: 15px;
    margin-bottom: 2px !important;
  }

  .inbox .main_type ul {
    margin-bottom: 12px;
  }

  .inbox .main_type .Attachments {
    padding-top: 14px;
    margin-top: 14px;
  }

  .inbox .main_type .Attachments h6 {
    font-size: 16px;
    margin-bottom: 12px !important;
  }

  .inbox .main_type .Attachments .set {
    padding-left: 55px;
    min-height: 44px;
    margin-bottom: 10px !important;
  }

  .inbox .main_type .Attachments .set span.img {
    width: 45px;
    height: 43px;
  }

  .hourly_rate_projects .proposal .nav.nav-tabs {
    margin-left: 0;
    top: 0;
  }

  .hourly_rate_projects .proposal .mainproject {
    padding: 0;
    box-shadow: none;
    margin-top: 10px;
    padding-top: 0;
  }

  .hourly_rate_projects .proposal .mainproject .Billings select {
    margin-top: -39px !important;
    border: 1px solid rgba(204, 204, 204, 0.6196078431) !important;
    width: 129px;
    padding: 6px;
  }

  .hourly_rate_projects .proposal .mainproject .Billings .aap {
    display: flex;
    margin-bottom: 6px !important;
  }

  .hourly_rate_projects .proposal .mainproject .Billings .aap h5 {
    min-width: 140px;
  }

  .hourly_rate_projects .proposal .mainproject .Automatic_mob .set {
    padding: 12px 12px 6px;
    border: 1px solid rgba(223, 223, 223, 0.4392156863);
    box-shadow: none;
    position: inherit;
  }

  .hourly_rate_projects
    .proposal
    .mainproject
    .Automatic_mob
    .set
    p
    span.dropdown {
    width: auto !important;
    display: block !important;
  }

  .hourly_rate_projects
    .proposal
    .mainproject
    .Automatic_mob
    .set
    p
    span.dropdown
    ul.dropdown-menu {
    padding: 0;
  }

  .hourly_rate_projects
    .proposal
    .mainproject
    .Automatic_mob
    .set
    p
    span.dropdown
    span {
    width: 100px;
    float: left;
    text-align: left;
    border: 1px solid rgba(204, 204, 204, 0.8588235294);
    padding: 6px 10px;
  }

  .hourly_rate_projects .proposal .mainproject .Automatic_mob .set p span {
    color: #000;
    font-weight: 600;
    width: 50%;
    display: inline-block;
  }

  .hourly_rate_projects .proposal .mainproject .Automatic_mob .set p .progres {
    color: #2f8d03;
    font-weight: 500;
  }

  .hourly_rate_projects .proposal .mainproject .Automatic_mob .set p .Released {
    color: #0077b5;
    font-weight: 500;
  }

  .hourly_rate_projects
    .proposal
    .mainproject
    .Automatic_mob
    .set
    .pp
    .ViewInvoice {
    width: 100%;
    min-width: 100px;
    float: left;
    text-align: left;
    border: 1px solid rgba(204, 204, 204, 0.8588235294);
    padding: 6px 10px;
    color: #000;
    font-weight: 500;
  }

  .hourly_rate_projects
    .proposal
    .mainproject
    .Automatic_mob
    .set
    .pp
    span.dropdown {
    width: auto !important;
    display: block !important;
  }

  .hourly_rate_projects
    .proposal
    .mainproject
    .Automatic_mob
    .set
    .pp
    span.dropdown
    ul.dropdown-menu {
    padding: 0;
  }

  .hourly_rate_projects .proposal .mainproject .Automatic_mob .set .pp span {
    color: #000;
    font-weight: 600;
    width: 50%;
    display: inline-block;
  }

  .hourly_rate_projects
    .proposal
    .mainproject
    .Automatic_mob
    .set
    .pp
    .progres {
    color: #2f8d03;
    font-weight: 500;
  }

  .hourly_rate_projects
    .proposal
    .mainproject
    .Automatic_mob
    .set
    .pp
    .Released {
    color: #0077b5;
    font-weight: 500;
  }

  .hourly_rate_projects .proposal .mainproject .project {
    padding: 12px;
  }

  .hourly_rate_projects .proposal .mainproject .project .btn {
    min-width: 115px;
    padding: 7px 10px;
    margin: 0;
  }

  .hourly_rate_projects .proposal .mainproject .project h5 {
    font-size: 14px;
    margin-top: 24px;
    margin-bottom: 2px;
  }

  .hourly_rate_projects .proposal .mainproject .project .user {
    padding-left: 80px;
  }

  .hourly_rate_projects .proposal .mainproject .project .user h6 img {
    height: 15px;
  }

  .hourly_rate_projects .proposal .mainproject .project .user .img {
    width: 70px;
    height: 78px;
  }

  .hourly_rate_projects .proposal .nav.nav-tabs li .nav-link {
    line-height: 37px;
  }

  .project_details .proposal.hired .content_right {
    padding: 12px;
  }

  .project_details .proposal .form {
    margin-bottom: 6px;
  }

  .project_details .Details {
    padding: 15px;
  }

  .project_details .Details h3 span {
    font-size: 15px;
    margin-top: 4px;
  }

  .project_details ul.tabul li {
    margin-right: 7px;
  }

  .development .catg.main {
    left: 0;
    transform: scale(1);
    transition: 0.3s ease-in-out;
  }

  .development .catg {
    position: fixed;
    overflow-y: auto;
    width: 100%;
    top: 0;
    background: #fff;
    height: 100%;
    z-index: 9999;
    left: -800px;
    transform: scale(1);
    transition: 0.3s ease-in-out;
  }

  .development .catg h5 {
    padding: 15px;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 0;
  }

  .development .catg h5 .bi-x-lg {
    float: right;
  }

  .development .catg ul {
    margin: 0;
    padding: 0 15px 0px 15px;
  }

  .development .catg ul .row.mt-3 {
    display: none;
  }

  .development .catg ul li {
    min-width: 100%;
    margin: 0;
  }

  .development .catg ul li .dropdown-toggle::after {
    display: none !important;
  }

  .development .catg ul li .dropdown-menu.Details h6 {
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .development .catg ul li .dropdown-menu.Details p {
    margin-bottom: 6px;
    font-size: 14px;
  }

  .development .catg ul li .btn {
    box-shadow: none;
    padding: 10px 0;
    margin-top: 17px;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 600;
  }

  .development .catg a.Cancel {
    border: 1px solid #ccc;
    width: 100%;
    display: block;
    line-height: 40px;
    text-align: center;
    color: #626262;
  }

  .development .catg a.Apply {
    border: 1px solid #0077b5;
    width: 100%;
    background: #0077b5;
    color: #fff;
    display: block;
    line-height: 40px;
    text-align: center;
  }

  .development .col {
    flex: 0 0 33.33%;
    width: 33.33%;
  }


  /*pppppp*/


   /*pppppp*/

  .development .set h6 { 
    /* height: 38px; 
    line-height: 38px; */
  }

  /* .development .set a img {
    max-height: 42px;
    max-width: 110px;
  } */
  /* .development .set a span {
    height: 70px;
    line-height: 70px;
  } */

  .development .catg::-webkit-scrollbar {
    display: none;
  }

  .development ul li {
    min-width: 140px;
    margin: 0 2px;
  }

  .development ul li .dropdown-togge::after {
    display: none !important;
  }

  .development ul li .dropdown-menu.Details {
    min-width: 100%;
  }

  .development ul li .dropdown-menu.show {
    position: fixed !important;
    min-width: 100%;
    transform: inherit !important;
    bottom: 0 !important;
    display: inline-table;
    top: inherit !important;
    box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.24);
  }

  .development ul li .dropdown-menu.show {
    position: relative !important;
    box-shadow: none;
    margin: 0;
    padding: 0;
    display: block;
  }

  .development ul li .dropdown-menu {
    position: relative;
    box-shadow: none;
    margin: 0;
    padding: 0;
    display: block;
  }

  .development ul li .dropdown-menu .seti input {
    border: 1px solid #d9d9d9;
    padding: 8px 66px 8px 40px;
    width: 100%;
  }

  .browse_jobs .set h5.bids {
    text-align: left;
    font-size: 20px;
  }

  .browse_jobs .set h5.bids span {
    font-size: 14px;
  }

  .browse_jobs .set h5.bids span.at {
    display: inline;
  }

  .browse_jobs .set h5.bids .bi-heart {
    position: absolute;
    right: 12px;
    top: 12px;
    display: none;
  }

  .browse_jobs .set p {
    text-align: left;
  }

  .hire_freelancers .filter {
    width: 100%;
  }

  .hire_freelancers .filtericon_main {
    padding-right: 42px;
  }

  .hire_freelancers .filtericon_main .form {
    height: 42px;
    padding-right: 94px;
  }

  .hire_freelancers .filtericon_main .form input {
    line-height: 40px;
    padding: 0 0 0 50px;
  }

  .hire_freelancers .filtericon_main .form span {
    line-height: 42px;
    padding: 0 18px;
    font-size: 16px;
  }

  .hire_freelancers .filtericon_main .form button {
    line-height: 42px;
    padding: 0 16px;
    font-size: 15px;
    width: 85px;
  }

  .showcase_profile .nav-tabs.maintabs {
    padding-bottom: 45px;
  }

  .showcase_profile .nav-tabs.maintabs a.HireMe {
    min-width: 106px;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
    bottom: -5px;
  }

  .showcase_profile .nav-tabs.maintabs li {
    margin-right: 0;
    width: 25%;
    padding: 0 3px;
  }

  .showcase_profile .nav-tabs.maintabs li .nav-link {
    min-width: 100%;
    line-height: 40px;
  }

  .Testimonials {
    padding: 30px 0 15px;
  }

  .trusted .owl-carousel.owl-theme.trustedcarousel {
    position: relative;
    padding: 0 40px;
  }

  .trusted .owl-nav {
    display: block;
  }

  .trusted button.owl-prev {
    color: #fff !important;
    position: absolute;
    left: 0;
    top: 0;
  }

  .trusted button.owl-next {
    color: #fff !important;
    position: absolute;
    right: 0;
    top: 0;
  }

  .businesses h4 {
    font-size: 15px;
    margin-bottom: 6px;
  }

  .businesses h4 br {
    display: none;
  }

  .businesses h5 {
    font-size: 15px;
  }

  .businesses h5 br {
    display: none;
  }

  .footer .dropdown {
    padding: 8px 0;
    border-bottom: 1px solid rgba(204, 204, 204, 0.368627451);
  }

  .footer .dropdown ul.menu {
    width: 100%;
    border: none;
    transform: inherit !important;
    position: relative !important;
    background: transparent;
  }

  .footer .dropdown h6 {
    margin-top: 0;
    margin-bottom: 0;
    padding: 10px 0;
    font-size: 16px;
  }

  .footer .dropdown h6.dropdown-toggle::after {
    float: right;
    margin-top: 8px;
  }

  .showcase_process .showcase_in h4 {
    font-size: 20px;
  }

  .showcase_process .demo .lightSlider li {
    height: 265px;
  }

  .showcase_process .demo .lSGallery li {
    height: 68px;
  }

  header.main_header.header_after .hed .form {
    bottom: -46px;
  }

  header.main_header .hed ul.right_hed li.lidiv.noti a {
    min-width: 39px;
    width: 39px;
  }

  header.main_header .hed ul.right_hed li.lidiv.user a span.img {
    width: 39px;
    height: 39px;
  }

  header.main_header .hed ul.right_hed li.lidiv.user a p {
    margin-top: -6px;
  }

  .banner ul {
    display: none;
  }

  header.main_header .hed a.logo {
    margin-left: 47px;
  }

  header.main_header .hed .form {
    padding: 0 120px 0 0;
    right: 0;
    width: 100%;
    max-width: 90% !important;
    margin: auto;
    left: 0;
    bottom: -45px;
  }

  header.main_header .hed .form div.Freelancers {
    width: 125px;
  }

  header.main_header .hed ul.right_hed li {
    margin-left: 0px;
  }

  section.login .login_left {
    padding: 30px 15px;
  }

  section.login .login_left button.btn {
    margin-top: 12px !important;
  }

  .client_dashboard .rating {
    margin-top: 10px;
  }

  .client_dashboard .rating .upload input::file-selector-button {
    height: 40px;
  }

  .client_dashboard .rating .upload button {
    height: 40px;
  }

  .client_dashboard .rating .upload button i {
    font-size: 15px;
    vertical-align: middle;
    -webkit-text-stroke: 0.3px;
  }

  .client_dashboard .rating .upload input {
    height: 40px;
  }

  .client_dashboard .total_amount .form-group {
    margin: 10px 0;
    gap: 6px;
    align-items: center;
  }

  .client_dashboard_two .box_two {
    margin-bottom: 16px;
  }

  .client_dashboard_two .box_two .d-flex {
    gap: 14px;
  }

  .client_dashboard_two .box_two .d-flex .set h3 {
    font-size: 14px;
  }

  .client_dashboard_two .box_two .d-flex .set h3 img {
    height: 38px;
    width: 38px;
    margin-right: 8px;
  }

  .client_dashboard_two .box_two .d-flex .astro {
    height: 40px;
    width: 40px;
  }

  .client_dashboard_two .box_three {
    padding-left: 0;
  }

  .client_dashboard_two .box_three a.btn {
    height: 40px;
    width: 100px;
    line-height: 25px;
    font-size: 14px;
  }

  .client_dashboard_two .box_three textarea {
    height: 100px;
  }

  .client_dashboard_two .box_three .rating .upload {
    padding: 6px;
    margin-top: 10px;
  }

  .client_dashboard_two .box_three .rating .upload input {
    height: 36px;
    font-size: 14px;
  }

  .client_dashboard_two .box_three .rating .upload input::file-selector-button {
    height: 40px;
  }

  .client_dashboard_two .box_three .rating .upload button {
    height: 37px;
    width: 103px;
    font-size: 14px;
  }

  .client_dashboard_two .box_three .rating .upload input {
    height: 40px;
  }

  .client_dashboard_two .box_three a.btn {
    height: 45px;
    margin-top: 15px;
    width: 115px;
    line-height: 29px;
    font-size: 14px;
  }

  .client_dashboard_two .box_four a.btn {
    height: 40px;
    width: 140px;
  }

  .client_dashboard_two .box_four .form-group .d-flex button {
    height: 40px;
    font-size: 14px;
  }

  .client_dashboard_two .box_four .form-group .d-flex input {
    height: 40px;
    font-size: 14px;
  }

  .client_dashboard_three .box_two .d-flex .set p {
    font-size: 14px;
  }

  .client_dashboard_three .box_four h3 {
    font-size: 16px;
  }

  .client_dashboard_three .box_four p {
    font-size: 15px;
  }

  .client_dashboard_three .box_three {
    padding-left: 0px;
  }

  .customer_support .breadcrumb {
    margin-bottom: 7px;
  }

  .customer_support .chat_logs {
    margin-bottom: 15px;
  }

  .open_request .search_request {
    margin-top: 0px;
    margin-bottom: 12px;
  }

  .open_request .nav-pills .nav-item {
    width: 48.6%;
  }

  .reply_sms h1 {
    font-size: 18px;
  }

  .reply_sms h2 {
    font-size: 14px;
  }

  .reply_sms .box .d-flex {
    gap: 10px;
  }

  .reply_sms .box .d-flex h3 {
    font-size: 14px;
    line-height: 22px;
  }

  .reply_sms .box .d-flex img {
    height: 35px;
    width: 35px;
  }

  .reply_sms .form-group label {
    font-size: 14px;
  }

  .reply_sms .form-group textarea {
    height: 100px;
  }

  .reply_sms .upload {
    margin-top: 12px;
    padding: 8px;
  }

  .reply_sms .upload button {
    height: 45px;
    width: 145px;
    font-size: 14px;
  }

  .reply_sms .upload input {
    padding-left: 0px;
    height: 45px;
    font-size: 14px;
  }

  .reply_sms a.btn.reply {
    height: 45px;
    width: 120px;
    margin-top: 15px;
    font-size: 14px;
  }

  .reply_sms .box_three h5 {
    font-size: 14px;
  }

  .reply_sms .box_three h4.space {
    margin-bottom: 30px;
  }

  .reply_sms .box_three h6 {
    font-size: 15px;
  }

  section.get_started .set .img {
    height: 300px;
  }

  section.get_started .set h6 {
    padding: 10px;
    font-size: 17px;
  }

  section.get_started .set p {
    padding: 10px;
  }

  section.Tips_for_Success .set p {
    min-height: 160px;
  }

  section.Tips_for_Success .set h4 {
    font-size: 18px;
  }

  .create_project_freelancer
    .tab
    .Scope_Pricing
    .table-responsive::-webkit-scrollbar {
    height: 5px;
  }

  .create_project_freelancer .tab .Scope_Pricing table {
    min-width: 570px;
  }

  .create_project_freelancer .tab .Scope_Pricing table tbody tr th {
    font-size: 14px;
  }

  .create_project_freelancer .tab .mainActivity .nav.nav-tabs li button {
    min-width: 218px;
  }

  .create_project_freelancer
    .tab
    .CreateReview
    .table-responsive::-webkit-scrollbar {
    height: 5px;
  }

  .create_project_freelancer .tab .CreateReview .table-responsive {
    margin-bottom: 10px;
  }

  .create_project_freelancer .tab .CreateReview table.table {
    min-width: 600px;
    margin-bottom: 4px;
  }

  .browse_jobs .set .text-end {
    text-align: center !important;
  }

  .browse_jobs .set a.Bid_now {
    width: 100%;
    margin: 7px 0;
  }

  .Job_Details h2 {
    font-size: 15px;
    line-height: 22px;
  }

  .Job_Details .set h6 {
    font-size: 15px;
  }

  .Job_Details .set ul.Design li {
    width: 200px;
  }

  .Job_Details .posted h2 {
    font-size: 20px;
  }

  .Job_Details_freelancer .compt form#regForm span.step.act b {
    font-size: 20px;
    height: 32px;
    width: 32px;
    line-height: 32px;
  }

  .Job_Details_freelancer .compt form#regForm span.step b {
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin: 5px 0;
  }

  .Job_Details_freelancer .proposal {
    padding: 10px;
  }

  .Job_Details_freelancer .proposal .set {
    padding: 12px;
  }

  .Job_Details_freelancer .proposal .set h5.text-end {
    font-size: 20px;
    text-align: left !important;
    color: #000;
    margin-top: 30px;
  }

  .Job_Details_freelancer .proposal .set h5.text-end span {
    font-size: 15px;
    position: relative;
    top: -2px;
  }

  .Job_Details_freelancer .proposal .set .user {
    padding-left: 80px;
    height: auto;
  }

  .Job_Details_freelancer .proposal .set .user p.Stack {
    position: relative;
    top: 26px;
    margin-left: -80px;
    font-size: 15px;
  }

  .Job_Details_freelancer .proposal .set .user p span {
    margin-right: 1px;
  }

  .Job_Details_freelancer .proposal .set .user p span img {
    height: 17px;
  }

  .Job_Details_freelancer .proposal .set .user .img {
    width: 70px;
    height: 75px;
    border-radius: 3px;
    position: absolute;
  }

  .Job_Details_freelancer .proposal .set .btn {
    width: 100%;
    font-size: 14px;
  }

  .active_projects .proposal .nav.nav-tabs li .nav-link {
    min-width: 150px;
  }

  .hourly_rate_projects .proposal .setmsg .user .img {
    height: 300px;
  }

  .hourly_rate_projects .proposal .setmsg ul.sealed li {
    font-size: 14px;
  }

  .hourly_rate_projects .proposal .public_feedback h5 h5 {
    margin-bottom: 16px;
    font-size: 16px;
  }

  .hourly_rate_projects .proposal .public_feedback .ssp img {
    height: 20px;
  }

  .hourly_rate_projects .proposal .public_feedback label {
    font-size: 14px;
  }

  .hourly_rate_projects .proposal .public_feedback select {
    font-size: 14px;
    width: 100%;
  }

  .hourly_rate_projects .proposal .messages .delivered h5 {
    font-size: 16px;
  }

  .hourly_rate_projects .proposal .Attachments.Deliveries_act h5 {
    font-size: 15px;
  }

  .hourly_rate_projects .proposal .Attachments.Deliveries_act .del h6 {
    font-size: 14px;
  }

  .project_details .post_hed .text-end {
    text-align: left !important;
  }

  .project_details .post_hed h6.per {
    padding-top: 10px;
  }

  section.about_us {
    padding: 30px 0 105px;
    background-size: 200px;
  }

  section.about_us p {
    font-size: 14px;
  }

  section.about_us h2 {
    font-size: 22px;
    line-height: 30px;
  }

  section.our_mission .img.img22 {
    height: 310px;
  }

  .membership h2 {
    font-size: 22px !important;
  }

  .membership h6.text-center {
    margin: 15px 0 !important;
  }

  .accounts_withdrawals .Things img {
    height: 300px !important;
    width: auto !important;
  }

  .footer {
    padding: 10px 0 15px;
  }

  .trusted h2 {
    margin-bottom: 30px;
    font-size: 22px;
  }

  .Testimonials h2 {
    font-size: 22px;
  }

  .businesses h2 {
    padding-top: 20px;
    font-size: 22px;
  }

  .businesses h3 {
    font-size: 22px;
    margin-bottom: 20px;
  }

  .businesses h4 {
    font-size: 16px;
  }

  .businesses h5 {
    font-size: 16px;
  }

  .quick_easy h2 {
    font-size: 22px;
    margin-bottom: 3px;
  }

  .quick_easy .img {
    width: 320px;
    height: 380px;
    border-right: 10px solid #0077b5;
    border-top: 10px solid #0077b5;
  }

  .quick_easy .set {
    padding: 12px;
  }

  .quick_easy .set img {
    width: auto;
    left: 0;
    position: relative;
    margin-bottom: 8px;
    height: 30px;
  }

  .quick_easy2 h2 {
    font-size: 22px;
    margin-bottom: 3px;
  }

  .quick_easy2 .img {
    width: 320px;
    height: 380px;
    border-left: 10px solid #0077b5;
    border-top: 10px solid #0077b5;
  }

  .quick_easy2 .set {
    padding: 12px;
  }

  .quick_easy2 .set img {
    width: auto;
    left: 0;
    position: relative;
    margin-bottom: 8px;
    height: 30px;
  }

  header.main_header .formin {
    top: 68px;
  }

  header.main_header .hed {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  header.main_header .hed img {
    height: 30px;
  }

  header.main_header .hed ul.right_hed li a {
    min-width: 79px;
    height: 39px;
    line-height: 36px;
  }

  .banner .bannerin {
    padding-top: 30px;
    padding-bottom: 50px;
    background-size: 200px;
  }

  .banner .bannerin h1 {
    font-size: 28px;
    margin-bottom: 10px;
  }

  .banner .bannerin a.Get_Started {
    min-width: 124px;
    font-size: 14px;
    height: 42px;
    line-height: 42px;
  }

  .banner .bannerin p {
    padding-right: 200px;
  }

  .banner ul li a {
    font-size: 13px;
    padding: 1px 0;
  }

  section.category h2 {
    font-size: 22px;
  }

  .browse_jobs .set a.Bid_now {
    width: inherit;
    margin: 0px 0;
    text-align: center;
    min-width: 150px;
  }

  .project_details h6 {
    font-size: 16px;
  }

  .project_details .proposal .form input {
    padding: 0 12px 0 55px;
    line-height: 41px;
    font-size: 14px;
  }

  .project_details .proposal table tr td table.table tr td p {
    margin-bottom: 7px !important;
  }

  .project_details .proposal ul.dropdown-menu li a.dropdown-item {
    font-size: 14px;
  }

  .active_projects_freelancer .proposal .nav.nav-tabs {
    margin-left: 0;
    min-width: 100% !important;
    gap: 0%;
    width: 100% !important;
    top: 0;
    margin-top: 0;
    margin-bottom: 8px;
  }

  .active_projects_freelancer .proposal .nav.nav-tabs li {
    width: 25%;
  }

  .active_projects_freelancer .proposal .nav.nav-tabs li .nav-link {
    min-width: 100% !important;
    line-height: 30px;
    border: none !important;
    background: transparent !important;
  }

  .my_proposals_freelancer .proposal .nav.nav-tabs {
    margin-left: 0;
    min-width: 100% !important;
    gap: 0%;
    width: 100% !important;
    top: 0;
    margin-top: 0;
    margin-bottom: 8px;
  }

  .my_proposals_freelancer .proposal .nav.nav-tabs li {
    width: 33.33%;
  }

  .my_proposals_freelancer .proposal .nav.nav-tabs li .nav-link {
    min-width: 100% !important;
    line-height: 30px;
    border: none !important;
    background: transparent !important;
  }

  .project_details
    .proposal.hired
    .content_right
    .set
    .user.userapp
    i.bi.bi-circle-fill {
    left: 57px;
    top: 62px;
  }

  section.brand_identity .owl-nav {
    display: inline-block !important;
    position: absolute;
    right: 28px;
    top: -71px;
  }
}

/** Small devices (landscape phones, less than 480px)**/
@media (max-width: 480px) {
  .banner .bannerin {
    background-size: 183px;
    padding-bottom: 26px;
  }

  .banner .bannerin h1 {
    font-size: 25px;
  }

  .banner .bannerin p {
    padding-right: 172px;
  }

  section.hire_freelancers.project_details .proposal .set .user {
    padding-left: 80px;
    height: auto;
  }

  section.hire_freelancers.project_details .proposal .set .user .img {
    border-radius: 10px;
    width: 70px;
    height: 75px;
    border-radius: 3px;
    position: absolute;
  }

  section.project_details.hourly_rate_projects
    .proposal
    .nav.nav-tabs.hourtab.apt {
    min-width: 435px;
  }

  .browse_jobs.findjobs .set p span i {
    font-size: 14px;
    margin-right: 2px;
  }

  .browse_jobs.findjobs .set p.minutes {
    margin-top: 0;
  }

  .browse_jobs.findjobs .set p.minutes span.urgent {
    padding: 3px 7px;
  }

  .my_showcase .usr ul.at li {
    font-size: 13px;
    gap: 4px;
  }

  .my_showcase .usr ul.at li span {
    font-size: 13px;
  }

  .active_projects .proposal li .nav-link {
    min-width: 100px;
  }

  .hourly_rate_projects .proposal .mainproject .project {
    padding: 10px;
  }

  .hourly_rate_projects .proposal .mainproject .project .btn {
    min-width: 100px;
    padding: 5px 10px;
    margin: 0;
  }

  .hourly_rate_projects .proposal .mainproject .project .btnDetails {
    font-size: 14px;
  }

  .hourly_rate_projects .proposal .mainproject .project h5 {
    margin-top: 8px;
  }

  .hourly_rate_projects .proposal .mainproject .project .user {
    padding-left: 60px;
    height: 74px;
  }

  .hourly_rate_projects .proposal .mainproject .project .user h6 {
    font-size: 14px;
    padding-top: 5px;
    margin-bottom: 2px;
  }

  .hourly_rate_projects .proposal .mainproject .project .user h6 img {
    height: 13px;
  }

  .hourly_rate_projects .proposal .mainproject .project .user a.chat {
    font-size: 13px;
    padding: 6px 17px;
  }

  .hourly_rate_projects .proposal .mainproject .project .user .img {
    width: 55px;
    height: 65px;
  }

  .project_details .post_hed .invite {
    padding: 8px 5px;
    font-size: 13px;
  }

  .project_details .proposal.fixednew .content_right .set .user p {
    font-size: 13px;
  }

  .my_projects .nav.nav-tabs.tabsnew li {
    margin-right: 8px;
  }

  .my_projects p.Show {
    top: 54px;
  }

  .my_projects p.Show span {
    margin-left: 3px;
  }

  .my_projects p.Show span select {
    height: 34px;
    padding: 0 2px;
    margin-left: 3px;
  }

  .browse_jobs .set p.minutes {
    margin-top: -4px;
  }

  .browse_jobs .set p i {
    margin-right: 1px;
  }

  .browse_jobs .set p span i {
    font-size: 16px;
    margin-right: 4px;
  }

  .Project_Post #regForm .tab .stap_pay {
    padding: 10px 10px 10px 52px;
  }

  .Project_Post #regForm .tab .stap_pay h6 {
    margin-bottom: 2px;
  }

  .Project_Post #regForm .tab .stap_pay img {
    left: 10px;
    width: 33px;
  }

  .checkout .nav-tabs li button span {
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin-right: 3px;
  }

  .things_div .img {
    height: 200px;
    border-radius: 25px 25px 0 0;
  }

  section.easy_earn h4 {
    display: table;
  }

  section.easy_earn h4 span.float-end {
    margin-top: 7px;
  }

  .hire_freelancers .set {
    padding: 12px 12px 12px 12px;
    margin-bottom: 10px;
    overflow: hidden;
  }

  .hire_freelancers .set ul li {
    margin-right: 4px;
    padding-left: 8px;
    font-size: 12px;
  }

  .hire_freelancers .set ul a.Hire {
    padding: 5px 12px;
  }

  .hire_freelancers .set p {
    font-size: 14px;
    margin-bottom: 5px;
  }

  .hire_freelancers .set p span img {
    height: 15px;
  }

  .hire_freelancers .set .img {
    width: 70px;
    height: 75px;
    left: 12px;
    border-radius: 3px;
    background-position: top;
  }

  .hire_freelancers .set .setin {
    padding-left: 80px;
    height: 75px;
  }

  .active_projects .proposal .nav.nav-tabs.tabul.aapt {
    width: 367px;
    gap: 18px;
  }

  .showcase_profile .tab-content .Reviews h6.name span {
    margin-left: 5px;
    font-size: 14px;
  }

  .showcase_profile .tab-content .Reviews ul li {
    padding-right: 9px;
    font-size: 12px;
  }

  .project_details .proposal.hired .content_right {
    padding: 0;
    box-shadow: none;
  }

  .project_details .proposal.hired .content_right .set .mainlike2 .btn2 {
    padding: 8px 10px;
    width: auto !important;
  }

  .project_details
    .proposal.hired
    .content_right
    .set
    .mainlike2
    .btn2.workspace {
    padding: 8px 10px;
  }

  .project_details .proposal.hired .content_right .set p .btn2 {
    font-size: 14px;
    width: 100% !important;
  }

  .project_details .proposal.hired .content_right .set p .btn {
    width: 100% !important;
  }

  .project_details .proposal.hired .content_right .set p .btn2.workspace {
    font-size: 14px;
  }

  .project_details .proposal.hired .content_right .set .col-7.col-md-12 p {
    text-align: right;
  }

  .project_details .proposal.hired .content_right .set ul.phpdiv li {
    margin-right: 7px;
  }

  .project_details .proposal.hired .content_right .set ul.phpdiv li a {
    font-size: 12px;
  }

  .project_details .proposal.hired .content_right .set ul.slctdiv li {
    margin-right: 0;
  }

  .project_details .proposal.hired .content_right .set ul.slctdiv li a {
    padding: 7px 11px;
  }

  .project_details
    .proposal.hired
    .content_right
    .set
    .user
    i.bi.bi-circle-fill {
    left: 0;
    top: -6px;
  }

  .project_details .proposal .set p.mt-5 {
    margin-top: 0 !important;
  }

  .project_details .proposal .set p .btn {
    width: 80px !important;
  }

  .project_details .proposal .set ul.sealed {
    margin-top: 11px;
    margin-bottom: 8px;
  }

  .project_details .proposal .set .col-md-4.text-end {
    position: relative;
  }

  .project_details .proposal .set .col-md-6.text-end {
    position: relative;
  }

  .project_details .proposal .set h5 {
    text-align: left !important;
  }

 .project_details .proposal .set ul.dislike {
    text-align: end;
    margin: 0 22px 0 0px;
    position: absolute !important;
    top: -174px !important;
    right: -21px;
}

  .project_details .proposal .set ul.dislike li {
    margin-left: 0;
    margin-right: 3px;
  }

  .project_details .proposal .set .user {
    padding-left: 0;
    height: auto;
  }

  .project_details .proposal .set .user .img {
    width: 100%;
    position: relative;
    margin-bottom: 7px;
    height: 200px;
  }

  .project_details .Details ul.Skills li {
    min-width: 102px;
    font-size: 13px;
    line-height: 39px;
  }

  .project_details .Details h3 {
    display: grid;
  }

  .project_details .Details h3 span {
    margin-top: 7px;
    float: left !important;
  }

  .project_details .tabulmain {
    overflow-y: auto;
  }

  .project_details .tabulmain .nav.nav-tabs {
    display: flex;
    width: 504px;
    margin-bottom: 21px;
  }

  .project_details .tabulmain .nav.nav-tabs.aappt {
    width: 387px;
    gap: 10px;
  }

  .project_details .tabulmain::-webkit-scrollbar {
    display: none;
  }

  .project_details ul.tabul li {
    margin-right: 10px;
  }

  .project_details ul.tabul li a {
    min-width: 115px;
    padding: 0 7px;
  }

  section.find_inspiration h2 {
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 18px;
  }

  .development {
    padding: 18px 0 10px;
  }

  /* .development .set a img {
    max-height: 34px;
    max-width: 85px;
  } */
  .development .set h6 {
    font-size: 14px;
  }

  .hire_freelancers h4 span.float-end {
    font-size: 14px;
  }

  header.main_header.header_after .hed .form {
    bottom: -44px;
  }

  .client_dashboard h2 {
    font-size: 14px;
  }

  .client_dashboard .box {
    padding: 40px 10px 10px 10px;
    text-align: center;
  }

  .client_dashboard .box img {
    height: 27px;
    left: 0;
    right: 0;
    top: 10px;
    margin: auto;
  }

  .client_dashboard .box h3 {
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 4px;
  }

  .client_dashboard .total_amount h3 {
    font-size: 14px;
  }

  .client_dashboard .total_amount .form-group input {
    width: 85px;
  }

  .client_dashboard_two .box_four {
    margin-top: 14px;
  }

  .client_dashboard_two .box_four h3 {
    font-size: 15px;
  }

  .client_dashboard_two .box_four h4 {
    font-size: 14px;
    margin-top: 5px;
  }

  .client_dashboard_two .box_four h5 {
    font-size: 14px;
    margin-top: 10px;
  }

  .client_dashboard_two .box_four .form-group label {
    font-size: 14px;
    margin-bottom: 8px;
  }

  .client_dashboard_two .box_four .form-group .d-flex {
    gap: 7px;
  }

  .client_dashboard_two .box_four .form-group .d-flex p {
    font-size: 14px;
  }

  .client_dashboard_two .box_four h6 {
    font-size: 14px;
  }

  .client_dashboard_two .box_four a.btn {
    height: 45px;
    width: 160px;
    line-height: 30px;
  }

  .client_dashboard_two .box_two .d-flex {
    gap: 7px;
  }

  .client_dashboard_two .box_two .d-flex .set h3 span {
    font-size: 13px;
    margin-top: 9px;
  }

  .open_request .nav-pills .nav-item {
    width: 48%;
  }

  .setting_freelancer .form-check .form-check-label {
    font-size: 14px;
  }

  .setting_freelancer .trust_box .set ul {
    margin-bottom: 16px;
  }

  .setting_freelancer .trust_box .set ul li {
    width: 94px;
    border-radius: 5px;
    gap: 8px;
  }

  .setting_freelancer .trust_box .set .d-flex {
    display: block !important;
  }

  .setting_freelancer .trust_box .set .d-flex h4 {
    margin-bottom: 12px;
  }

  .setting_freelancer .trust_box .set .d-flex a.btn {
    width: 100%;
    margin-left: 0px !important;
  }

  .setting_freelancer .trust_box .set .d-flex a.btn.outline {
    margin-bottom: 10px;
  }

  .setting_freelancer .trust_box .set .d-flex a.btn.blue {
    width: 100%;
    margin-bottom: 10px;
  }

  .setting_freelancer .payment_box a.btn.reason {
    width: 135px;
  }

  .setting_freelancer .payment_box h3 {
    font-size: 14px;
  }

  .setting_freelancer .currency_box .form-switch {
    margin-top: -85px;
  }

  section.get_started .set .img {
    height: 230px;
  }

  .create_project_freelancer button {
    min-width: 130px;
    font-size: 14px;
  }

  .create_project_freelancer
    .tab
    .create_project_freelancer_left
    textarea.form-control {
    height: 90px !important;
  }

  .create_project_freelancer .tab .set h5 {
    font-size: 15px;
  }

  .create_project_freelancer .tab .set h5 img {
    margin-right: 5px;
    height: 20px;
  }

  .create_project_freelancer .tab .set ul li {
    font-size: 14px;
  }

  .create_project_freelancer .tab .set ul li img {
    top: 3px;
  }

  .create_project_freelancer .tab .create_project_freelancer_left h5 {
    font-size: 15px;
  }

  .create_project_freelancer .tab .create_project_freelancer_left h5 a.addbtn {
    font-size: 14px;
  }

  .create_project_freelancer .tab .mainActivity .nav.nav-tabs li {
    width: 100%;
  }

  .create_project_freelancer .tab .mainActivity .nav.nav-tabs li button {
    min-width: 100%;
    margin-bottom: 6px;
  }

  .create_project_freelancer .tab .mainActivity .Activity h5 {
    font-size: 14px;
  }

  .create_project_freelancer .tab .mainActivity .Activity .questions {
    margin-top: 15px;
    padding: 10px;
  }

  .findjobs .carousel .carousel-item {
    background-position: right bottom;
  }

  .findjobs .carousel .carousel-item p {
    width: 100%;
  }

  .my_analytics_banner .carousel {
    padding: 15px 12px 80px !important;
    background-size: 130px !important;
  }

  .my_analytics_banner .carousel p {
    width: 100% !important;
  }

  .my_analytics_freelanser .analytics_in {
    padding: 10px !important;
  }

  .my_analytics_freelanser .set h5 {
    font-size: 16px !important;
  }

  .Job_Details .set ul.Design li {
    width: 100%;
  }

  .Job_Details .set h6 {
    font-size: 14px;
  }

  .Job_Details_freelancer .compt h3 {
    font-size: 16px;
  }

  .Job_Details_freelancer .compt h4 {
    font-size: 14px;
    margin-top: 8px;
    line-height: 20px;
  }

  .Job_Details_freelancer .proposal .set h5 {
    font-size: 15px;
  }

  .Job_Details_freelancer .proposal .set ul.sealed {
    display: block;
  }

  .Job_Details_freelancer .proposal .set ul.sealed li {
    text-align: center;
    border: 1px solid lightgrey;
    margin-bottom: 8px;
  }

  .active_projects .proposal .nav.nav-tabs {
    min-width: 735px;
  }

  .active_projects .proposal .nav.nav-tabs li .nav-link {
    min-width: 170px;
  }

  .hourly_rate_projects .proposal h3 {
    font-size: 16px;
    margin-bottom: 18px;
  }

  .hourly_rate_projects .proposal h3 a.request {
    float: right;
    margin-top: -9px;
  }

  .hourly_rate_projects .proposal .messages .hed select {
    width: 100%;
  }

  .hourly_rate_projects .proposal .delivered .btn_approve {
    font-size: 14px;
    width: 100%;
    margin-bottom: 5px;
  }

  .hourly_rate_projects .proposal .delivered p.note {
    padding: 10px 10px 10px 34px;
  }

  .hourly_rate_projects .proposal .delivered p.note i {
    left: 8px;
  }

  .hourly_rate_projects .proposal .delivered .received label {
    font-size: 14px;
    line-height: 18px;
  }

  .hourly_rate_projects .proposal .delivered .received p {
    font-size: 14px;
    line-height: 19px;
  }

  .hourly_rate_projects .proposal .delivered .btn {
    font-size: 14px;
  }

  .hourly_rate_projects .proposal .setmsg .user .img {
    height: 250px;
  }

  .hourly_rate_projects .proposal .setmsg h4 {
    font-size: 15px;
  }

  .hourly_rate_projects .proposal .public_feedback h5 {
    margin-bottom: 16px;
    font-size: 16px;
  }

  section.about_us {
    padding: 30px 0 238px;
    background-size: 230px;
  }

  section.about_us p {
    width: 100%;
  }

  section.our_mission .img.img22 {
    height: 260px;
  }

  section.our_mission h3 {
    font-size: 20px;
    line-height: 26px;
  }

  section.workforce h3 {
    font-size: 22px;
    margin-bottom: 14px;
  }

  section.workforce p {
    font-size: 14px;
  }

  section.AddPayment ul li img {
    height: 26px;
  }

  .TransactionHistory .set {
    padding: 10px;
  }

  .TransactionHistory .set div {
    width: 100%;
  }

  .TransactionHistory .btnn {
    min-width: 155px;
  }

  .invoice .set .text-end {
    text-align: start !important;
  }

  .invoice .set .Description {
    padding-top: 15px;
    margin-top: 10px;
  }

  .invoice .set .mt-5 {
    margin-top: 1rem !important;
  }

  .invoice .set h4 {
    font-size: 16px;
  }

  header.main_header.header_after .formin {
    top: 70px;
  }

  header.main_header.header_after .hed ul.right_hed li a.Post {
    display: none;
  }

  .banner2 {
    min-height: 345px;
    padding: 50px 0 49px;
  }

  .banner2 h1 {
    font-size: 30px;
    margin-bottom: 10px;
  }

  .banner2 ul li {
    margin: 0 4px;
  }

  .banner2 ul li a {
    padding: 5px;
    min-width: 150px;
    font-size: 14px !important;
    line-height: 30px;
  }

  .banner2 a.Get_Started {
    padding: 10px 18px;
    font-size: 15px;
  }

  .banner2 p {
    font-size: 14px;
    margin-bottom: 15px;
  }

  section.category {
    padding: 16px 0 0;
  }

  section.category h2 {
    font-size: 18px;
  }

  section.category .set h6 {
    padding: 10px 12px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .client_dashboard .set h5 {
    margin-top: 0px;
    margin-bottom: 8px;
  }
}

/*# sourceMappingURL=main.css.map */