@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap);
@charset "UTF-8";
.project-body {
  font-family: "Inter", sans-serif;
  background-color: #fff !important;
}

::-webkit-scrollbar {
  padding: 10px;
  margin-top: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: transparent;
  padding: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  border-radius: 9999px;
  background-color: #999999;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #999999;
  border-radius: 5px;
}

body {
  font-family: "Inter", sans-serif;
  background-color: #fafbfc !important;
}

::-moz-placeholder {
  color: #4d4d4d;
  font-size: 13px;
}

::placeholder {
  color: #4d4d4d;
  font-size: 13px;
}

.invalid-feedback {
  font-style: normal !important;
  color: red;
}

header {
  border-bottom: 1px solid #E0E0E0;
  background-color: #fff;
}
header .navbar {
  background-color: #fff !important;
  position: relative;
}
@media (max-width: 991px) {
  header .navbar .navbar-collapse {
    position: absolute;
    top: 60px;
    background-color: #fff;
    width: 94%;
    padding: 19px;
    box-shadow: 0px 4px 30px rgba(121, 121, 121, 0.3098039216);
    border-radius: 11px;
    left: 11px;
    z-index: 1030;
  }
}
header nav {
  padding: 15px 30px;
  width: 100%;
}
header nav .navbar-toggler {
  background-color: #fff;
  box-shadow: none !important;
  padding: 4px 8px;
}
header nav .navbar-nav {
  margin-left: 12px;
}
@media (max-width: 1199px) {
  header nav .navbar-nav {
    margin-left: 6px;
  }
}
@media (max-width: 991px) {
  header nav .navbar-nav {
    margin-left: 0;
  }
}
header nav .navbar-nav li a {
  margin-right: 24px;
  color: #000 !important;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
}
@media (max-width: 1199px) {
  header nav .navbar-nav li a {
    font-size: 14px;
    margin-right: 1px;
  }
}
header nav .navbar-nav li a.active {
  color: #1A57F4 !important;
}
header nav .portfolio-right-btns {
  display: inline-flex;
  align-items: center;
}
header nav .portfolio-right-btns svg {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translate(0, -50%);
  pointer-events: none;
}
header nav .portfolio-right-btns select {
  cursor: pointer;
  padding-right: 19px !important;
  background-color: transparent;
  box-shadow: none !important;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
}
header nav .right-btns h6 {
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #000;
}
header nav .right-btns h6.regirst_h6 {
  border: 1px solid #E0E0E0;
  border-radius: 21px;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #000;
  padding: 9px 13px;
  cursor: pointer;
}
header nav .right-btns .switch1 {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 20px;
}
header nav .right-btns .switch1 .round1 {
  border-radius: 34px;
}
header nav .right-btns .switch1 .round1:before {
  border-radius: 50%;
}
header nav .right-btns .switch1 input {
  opacity: 0;
  width: 0;
  height: 0;
}
header nav .right-btns .switch1 input:checked + .slider1 {
  background-color: #FF5F00;
}
header nav .right-btns .switch1 input:focus + .slider1 {
  box-shadow: 0 0 1px #FF5F00;
}
header nav .right-btns .switch1 input:checked + .slider1:before {
  transform: translateX(13px);
}
header nav .right-btns .switch1 .slider1 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}
header nav .right-btns .switch1 .slider1:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  transition: 0.4s;
}
header nav .right-btns .btn-primary {
  background-color: #1a57f4;
  border-radius: 30px;
  font-weight: 500;
  font-size: 15px;
  line-height: 28px;
  color: #fff;
  border: 0;
  box-shadow: unset !important;
}
@media (max-width: 1199px) {
  header nav .right-btns .btn-primary {
    font-weight: 500;
    font-size: 14px;
  }
}
header nav .right-btns .btn-outline-primary {
  border: 1.5px solid #e0e0e0 !important;
  border-radius: 30px;
  color: #202020 !important;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  margin-left: 16px;
  background-color: #fff !important;
}
header nav .right-btns .btn-outline-primary:hover, header nav .right-btns .btn-outline-primary:focus {
  background-color: transparent;
}

.signup .col_flex {
  display: flex;
  align-items: center;
  justify-content: center;
}
.signup .left-aside {
  padding: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100vh;
}
.signup .left-aside img {
  width: 100%;
}
@media (max-width: 991px) {
  .signup .left-aside {
    display: none;
  }
}
.signup .left-aside .bottom-img {
  margin-top: 61px;
  text-align: center;
}
.signup .left-aside .bottom-img img {
  width: unset;
  max-width: 85%;
}
.signup .signup-form {
  height: 100vh;
  padding: 64px 0;
  color: #fff;
  background-color: #1956f3;
}
.signup .signup-form .phn-number input {
  width: 100%;
}
@media (max-width: 1324px) {
  .signup .signup-form input {
    padding: 7px 14px;
  }
}
@media (max-width: 1324px) {
  .signup .signup-form button {
    padding: 9px 0;
  }
}
@media (max-width: 1324px) {
  .signup .signup-form select {
    padding: 7px 7px;
  }
}
@media (max-width: 425px) {
  .signup .signup-form {
    height: auto;
  }
}
.signup .signup-form h2 {
  text-transform: uppercase;
  text-align: center;
  font-size: 30px;
}
.signup .signup-form p {
  color: #a7bfff;
  font-size: 17px;
  font-weight: 400;
}
.signup .signup-form .form {
  padding: 18px 90px 0px;
}
@media (max-width: 1360px) {
  .signup .signup-form .form {
    padding: 41px 15px 0px;
  }
}
@media (max-width: 1024px) {
  .signup .signup-form .form {
    padding: 41px 30px 0px;
  }
}
@media (max-width: 768px) {
  .signup .signup-form .form {
    padding: 41px 30px 0px;
  }
}
@media (max-width: 375px) {
  .signup .signup-form .form {
    padding: 41px 13px 0px;
  }
}
@media (max-width: 470px) {
  .signup .signup-form .form .row {
    flex-direction: column;
  }
}
.signup .signup-form .form .selectt {
  position: relative;
}
.signup .signup-form .form .selectt .down-arrow {
  position: absolute;
  top: 8px;
  right: 16px;
}
.signup .signup-form .form .selectt .select2-selection {
  height: 40px;
  padding: 5px;
}
.signup .signup-form .form .selectt .select2-selection__arrow {
  height: 40px;
}
.signup .signup-form .form .bottom-text {
  margin-top: 30px;
}
.signup .signup-form .form .bottom-text span {
  font-size: 17px;
  font-weight: 200;
}
@media (max-width: 575px) {
  .signup .signup-form .form .bottom-text span {
    font-size: 15px;
  }
}
.signup .signup-form .form .bottom-text span a {
  font-weight: 600;
  color: #fff;
  text-decoration: none;
}
.signup .signup-form .form .google {
  position: relative;
  margin-top: 24px;
}
.signup .signup-form .form .google .goole-icon {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 40px;
}
@media (max-width: 575px) {
  .signup .signup-form .form .google .goole-icon img {
    width: 17px;
  }
}
.signup .signup-form .form .google .next-arrow {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translate(0, -50%);
}
.signup .signup-form .form .google button {
  padding: 15px 0px;
  text-transform: uppercase;
  border: 1px solid rgba(255, 255, 255, 0.4117647059) !important;
}
.signup .signup-form .form .google button:hover {
  background-color: transparent;
  color: white;
}
.signup .signup-form .form .button button {
  color: #1A57F4;
  padding: 15px 0px;
  text-transform: uppercase;
  font-weight: 500;
  margin-top: 32px;
}
.signup .signup-form .form .agree {
  margin-top: 20px;
  margin-left: 10px;
}
.signup .signup-form .form .agree input {
  padding: 0 !important;
  margin-top: 0;
}
.signup .signup-form .form .agree label {
  font-size: 14px;
  font-weight: 200;
}
@media (max-width: 375px) {
  .signup .signup-form .form .agree label {
    font-size: 13px;
  }
}
.signup .signup-form .form .password {
  position: relative;
}
.signup .signup-form .form .password .password-lock {
  position: absolute;
  top: 4px;
  right: 15px;
}
.signup .signup-form .form label {
  color: #fff;
  font-size: 13px;
}
.signup .signup-form .form input {
  background-color: transparent !important;
  color: #fff;
  padding: 13px 22px;
}
.signup .signup-form .form input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.422) !important;
}
.signup .signup-form .form input::placeholder {
  color: rgba(255, 255, 255, 0.422) !important;
}
.signup .signup-form .form select {
  background-color: transparent !important;
  background-image: none;
  color: #fff;
  padding: 13px 22px;
}
@media (max-width: 425px) {
  .signup .signup-form .form select {
    padding: 13px 14px;
  }
}
.signup .signup-form .form select::-moz-placeholder {
  color: rgba(255, 255, 255, 0.422) !important;
}
.signup .signup-form .form select::placeholder {
  color: rgba(255, 255, 255, 0.422) !important;
}

.forgot-pwd {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.otp {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.otp .invalid-feedback {
  text-align: center;
}
.otp input {
  width: 47px;
  margin: 10px 10px !important;
  padding: 0 !important;
  height: 42px;
  text-align: center;
}
.otp .time {
  font-size: 17px;
  font-weight: 600;
}
.otp .dont-get span {
  font-size: 18px;
  font-weight: 200;
}
.otp .dont-get a {
  font-weight: 600;
  color: #fff;
  text-decoration: none;
}
.otp button {
  max-width: 400px;
}

.otp-m {
  background-color: #fff !important;
  border-radius: 13px !important;
  box-shadow: 0px 7px 61px rgba(255, 255, 255, 0.22);
}
.otp-m h4 {
  color: #000;
}
.otp-m .btn-close {
  background-image: url("../../images/close.svg");
  background-size: auto;
}

.reset h4 {
  font-size: 19px;
  margin: 20px 0;
}
.reset .popup-button button {
  padding: 8px 50px;
}

.project-headline {
  background-image: url("../../images/project-headline.png");
  position: relative;
  width: 100%;
  height: 100vh;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
}
.project-headline .pp {
  height: 100vh;
}
.project-headline .right-side.bg-white {
  background-color: #fff !important;
  margin: 52px;
  border-radius: 33px;
  padding: 50px;
  padding-top: 60px;
}
.project-headline .right-side.bg-white .headline {
  color: #565e57;
}
.project-headline .right-side.bg-white .project-created h4 {
  font-size: 30px;
  font-weight: 600;
  color: #000;
}
.project-headline .right-side.bg-white .project-created p {
  color: #565e57;
}
.project-headline .right-side.bg-white .project-created img {
  margin: 40px 0 20px;
  width: 100%;
  max-width: 400px;
}
@media (max-width: 600px) {
  .project-headline .right-side.bg-white .project-created img {
    margin: 20px 0 20px;
  }
}
.project-headline .right-side.bg-white .project-created button {
  margin-top: 50px;
}
@media (max-width: 600px) {
  .project-headline .right-side.bg-white {
    margin: 25px;
    border-radius: 33px;
    padding: 29px;
    padding-top: 39px;
  }
}
@media (max-width: 425px) {
  .project-headline .right-side.bg-white {
    margin: 16px;
    border-radius: 33px;
    padding: 33px;
    padding-top: 28px;
  }
  .project-headline .right-side.bg-white .logo img {
    max-width: 100px;
    width: 100%;
    margin-bottom: 9px;
  }
}
.project-headline .right-side.bg-white label {
  font-size: 16px;
  font-weight: 600;
  color: #000;
}
.project-headline .right-side.bg-white input {
  padding: 12px 20px;
  background-color: transparent;
  border: 1px solid rgb(190, 190, 190);
}
.project-headline .right-side.bg-white textarea {
  background-color: transparent;
  border: 1px solid rgb(190, 190, 190);
}
.project-headline .right-side.bg-white .nxt {
  padding: 11px 64px;
  margin-bottom: 43px;
}
@media (max-width: 425px) {
  .project-headline .right-side.bg-white .nxt {
    margin-bottom: 16px;
  }
}
.project-headline .right-side.bg-white .form {
  margin: 46px 0;
}
.project-headline .right-side.bg-white p {
  font-size: 16px;
  margin: 12px 0;
  font-weight: 300;
}
@media (max-width: 425px) {
  .project-headline .right-side.bg-white p {
    font-size: 15px;
  }
}

.top-head {
  background-color: #ebf2fe;
  position: relative;
  overflow: hidden;
}
.top-head img.banner-side-vector {
  position: absolute;
  right: -30px;
  z-index: 0;
  max-width: 700px;
  width: 100%;
}
@media (max-width: 991px) {
  .top-head img.banner-side-vector {
    display: none;
  }
}
@media (max-width: 1700px) {
  .top-head img.banner-side-vector {
    width: 100%;
    max-width: 700px;
  }
}
@media (max-width: 1199px) {
  .top-head img.banner-side-vector {
    max-width: 600px;
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .top-head img.banner-side-vector {
    max-width: 600px;
    width: 100%;
  }
}
.top-head nav .navbar-toggler-icon {
  background-image: url("../../images/menu.svg");
}
.top-head nav ul li a {
  color: #000 !important;
  margin-right: 48px;
  font-size: 15px;
}
.top-head nav button {
  padding: 7px 31px;
  background-color: #ff5f00;
  border-color: #ff5f00;
  color: #fff;
}
.top-head nav button:hover {
  background-color: #ff5f00;
  border-color: #ff5f00;
  color: #fff;
}
.top-head nav button:active {
  background-color: #ff5f00;
  border-color: #ff5f00;
}
.top-head nav button:focus {
  box-shadow: unset !important;
}
.top-head .hero-banner img {
  z-index: 1;
  position: relative;
}
.top-head .hero-banner .banner-content {
  margin-top: 86px;
}
.top-head .hero-banner .banner-content span {
  font-size: 18px;
  font-weight: 400;
  color: #565e57;
}
.top-head .hero-banner .banner-content h1 {
  font-weight: bold;
  font-size: 52px;
  color: #0c260f;
  margin: 21px 0;
  line-height: 68px;
}
@media (max-width: 575px) {
  .top-head .hero-banner .banner-content h1 {
    font-size: 43px;
    line-height: initial;
  }
}
@media (max-width: 375px) {
  .top-head .hero-banner .banner-content h1 {
    font-size: 32px;
  }
}
@media (max-width: 375px) {
  .top-head .hero-banner .banner-content h1 br {
    display: none;
  }
}
.top-head .hero-banner .banner-content p {
  font-size: 16px;
  color: #565e57;
  font-weight: 300;
}
.top-head .hero-banner .banner-search {
  display: flex;
  background-color: #fff;
  padding: 13px 15px;
  border-radius: 4px;
  align-items: center;
  margin-top: 69px;
  margin-bottom: 110px;
  max-width: 516px;
  width: 100%;
}
@media (max-width: 531px) {
  .top-head .hero-banner .banner-search {
    max-width: 461px;
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
  }
}
.top-head .hero-banner .banner-search svg {
  stroke: #333333;
}
.top-head .hero-banner .banner-search input {
  border: 0px;
  max-width: 320px;
  width: 100%;
  border-radius: 0;
  border-right: 1px solid rgb(198, 198, 198);
  background-color: transparent;
}
@media (max-width: 1326px) {
  .top-head .hero-banner .banner-search input {
    max-width: 216px;
  }
}
@media (max-width: 991px) {
  .top-head .hero-banner .banner-search input {
    max-width: 379px;
  }
}
.top-head .hero-banner .banner-search input:focus {
  box-shadow: unset !important;
}
@media (max-width: 531px) {
  .top-head .hero-banner .banner-search button {
    margin: 10px 0;
  }
}
.top-head .hero-banner .category {
  margin: 0px 15px;
}
.top-head .hero-banner .category button {
  background-color: transparent;
  border-color: transparent;
  color: #000;
}
.top-head .hero-banner .category button:focus {
  box-shadow: unset !important;
}
.top-head .hero-banner button {
  background-color: #ff5f00;
  color: #fff;
}
.top-head .hero-banner button:focus {
  box-shadow: unset !important;
}
.top-head .dropdown-menu {
  background-color: #fff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.top-head .dropdown-menu .dropdown-item {
  color: #000;
}
.top-head .dropdown-menu .dropdown-item:hover {
  background-color: unset !important;
}

.co-partners {
  margin-top: 71px;
  background-color: #fff;
}
.co-partners strong {
  font-size: 18px;
  color: #0c260f;
}
.co-partners .company-partners {
  margin-top: 17px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.co-partners .company-partners img {
  margin-right: 131px;
}
@media (max-width: 1326px) {
  .co-partners .company-partners img {
    margin-right: 60px;
  }
}

.features {
  margin: 60px 0;
}
.features img {
  width: 100%;
}
.features h2 {
  font-size: 32px;
  line-height: 48px;
  margin-bottom: 30px;
  font-weight: 600;
  color: #0c260f;
}
.features .features-list .feature-1 strong {
  font-weight: 500;
  font-size: 18px;
  color: #0c260f;
}
.features .features-list .feature-1 p {
  margin-top: 6px;
  font-weight: 400;
  font-size: 14px;
  color: #565e57;
}
.features button {
  padding: 13px 50px;
  font-size: 16px;
  margin-top: 45px;
  color: #fff;
  background-color: #ff5f00;
}
.features button:hover {
  color: #fff;
}

.categoryy {
  background-color: #ebf2fe;
}
.categoryy .heading {
  padding: 50px 0 0;
}
.categoryy .heading h2 {
  color: #0c260f;
  font-weight: 600;
  font-size: 32px;
}
.categoryy .heading p {
  color: #565e57;
  margin-top: 15px;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 30px;
}
.categoryy .c-cards {
  max-width: 370px;
  width: 100%;
  padding: 32px;
  background-color: #fff;
  border-radius: 10px;
  margin-right: 30px;
  margin-bottom: 44px;
  background-color: #fff;
}
@media (max-width: 991px) {
  .categoryy .c-cards {
    margin-right: 0px;
  }
}
.categoryy .c-cards h4 {
  color: #0c260f;
  font-size: 24px;
  margin-top: 40px;
}
.categoryy .c-cards p {
  color: #565e57;
  font-size: 14px;
  margin-top: 15px;
}
.categoryy button {
  background-color: #ff5f00;
  color: #fff;
  padding: 13px 35px;
  margin-bottom: 40px;
}
.categoryy button:hover {
  color: #fff;
}

.looking-exp .wrap {
  background-color: #dce8fb;
  display: flex;
  align-items: center;
  border-radius: 20px;
  margin-top: 129px;
}
.looking-exp .wrap h2 {
  font-size: 30px;
  margin-bottom: 20px;
  color: #0c260f;
  font-weight: 600;
}
.looking-exp .wrap p {
  color: #565e57;
  font-size: 14px;
}
.looking-exp .wrap img {
  margin-top: -95px;
}
@media (max-width: 991px) {
  .looking-exp .wrap img {
    display: none;
  }
}
.looking-exp .wrap div {
  padding: 0 50px;
}
@media (max-width: 1326px) {
  .looking-exp .wrap div {
    padding: 40px 50px;
  }
}
.looking-exp button {
  background-color: #ff5f00;
  color: #fff;
  padding: 10px 27px;
  margin-top: 19px;
}
.looking-exp button svg {
  margin-left: 18px;
}
.looking-exp button:focus {
  box-shadow: unset;
  color: #fff;
}

.talent {
  margin-bottom: 100px;
}
.talent h2 {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #000;
}
.talent p {
  color: #565e57;
  font-size: 15px;
}
.talent .heading {
  margin-top: 100px;
}
.talent .heading p {
  margin-bottom: 40px;
}

.news-and-blog {
  justify-content: center;
}
.news-and-blog .blog-1 {
  max-width: 370px;
  width: 100%;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.14);
  border-radius: 6px;
  margin-right: 30px;
  margin-bottom: 30px;
}
.news-and-blog .blog-1 h5 {
  font-weight: 600;
  font-size: 22px;
  color: #000;
}
.news-and-blog .blog-1 p {
  margin-bottom: 30px;
}
.news-and-blog .blog-1 a {
  color: #1A57F4;
  text-decoration: none;
}
.news-and-blog .bottom-content {
  padding: 30px;
}

.footer {
  background-color: #1c1b1b;
  padding-top: 60px;
  padding-bottom: 25px;
}
.footer .footer-left p {
  color: rgba(255, 255, 255, 0.7215686275);
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 40px;
}
.footer .footer-left img {
  margin-bottom: 22px;
}
.footer .footer-left form button {
  margin-left: 20px;
  background-color: #ff5f00;
  border-color: #ff5f00;
  color: #fff;
  padding: 11px 32px;
  font-size: 14px;
}
.footer .footer-left form button:focus {
  box-shadow: unset;
}
.footer .footer-left form input {
  background-color: #494949;
  border-color: #494949;
}
.footer .footer-left form input:focus {
  box-shadow: unset;
}
.footer .footer-left form input::-moz-placeholder {
  color: #ccc;
  font-size: 14px;
}
.footer .footer-left form input::placeholder {
  color: #ccc;
  font-size: 14px;
}
.footer h4 {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 25px;
}
.footer ul {
  padding-left: 0;
}
.footer ul li {
  margin-bottom: 15px;
}
.footer ul li a {
  color: #fff;
  text-decoration: none;
  font-size: 15px;
}
.footer .outer-layer {
  padding: 0px 15px;
}
.footer hr {
  background-color: #fff;
  opacity: 0.25;
}
.footer .copy-right p {
  color: #fff;
  font-size: 15px;
  margin-bottom: 0;
  font-weight: 300;
}
.footer .privacy a {
  color: #fff;
  font-size: 15px;
  text-decoration: none;
  margin-right: 43px;
  font-weight: 300;
}
.footer .social-media img {
  margin-right: 16px;
}

.signin_modal {
  background-color: rgba(0, 0, 0, 0.1490196078);
}
.signin_modal .modal-dialog {
  max-width: 800px;
  width: 100%;
}
.signin_modal .modal-dialog .modal-content {
  background-color: #fff;
  border-radius: 18px !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.signin_modal .modal-dialog h4 {
  font-size: 24px;
  color: #000;
}
.signin_modal .modal-dialog h4 strong {
  font-size: 30px;
  font-style: italic;
}
.signin_modal .modal-dialog h4 strong:first-child {
  color: #1A57F4;
}
.signin_modal .modal-dialog h4 strong:last-child {
  color: #ff5f00;
}
.signin_modal .modal-dialog .header {
  position: relative;
}
.signin_modal .modal-dialog .header img {
  position: absolute;
  top: 20px;
  right: 20px;
}
.signin_modal .modal-dialog .client button {
  font-size: 19px;
  font-weight: 300;
  padding: 8px 52px;
  margin-top: -40px;
  max-width: 246px;
  width: 100%;
  background-color: #1A57F4;
  color: #fff;
  border-radius: 10px;
}
.signin_modal .modal-dialog .client button:focus {
  box-shadow: unset !important;
}
.signin_modal .modal-dialog .client button span {
  font-size: 30px;
  font-weight: 500;
}
.signin_modal .modal-dialog .freelancer button {
  font-size: 19px;
  font-weight: 300;
  padding: 8px 52px;
  margin-top: -40px;
  max-width: 246px;
  width: 100%;
  background-color: #ff5f00;
  color: #fff;
  border-radius: 10px;
}
.signin_modal .modal-dialog .freelancer button:focus {
  box-shadow: unset !important;
}
.signin_modal .modal-dialog .freelancer button span {
  font-size: 30px;
  font-weight: 500;
}
.signin_modal .modal-dialog .m-foot button {
  padding: 10px 45px;
  border-color: #ff5f00;
  color: #ff5f00;
  margin-bottom: 20px;
  color: #ff5f00;
}
.signin_modal .modal-dialog .m-foot button:focus {
  box-shadow: unset !important;
}
.signin_modal .modal-dialog .m-foot a {
  text-decoration: none;
  color: #000;
  font-size: 17px;
}
.signin_modal .modal-dialog .m-foot a span {
  color: #1A57F4;
  font-weight: 500;
}

.profile .dropdown-menu {
  background-color: #fff;
  border: 1px solid #ffffff;
}
.profile .dropdown-menu {
  background-color: #fff;
}
.profile .dropdown-menu .dropdown-item {
  color: #000;
}
.profile .dropdown-menu .dropdown-item:hover {
  background-color: unset !important;
}

.dashboard-nav nav {
  padding-top: 20px;
  background-color: #fff !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.dashboard-nav nav .navbar-toggler {
  background-color: #ff5f00;
}
.dashboard-nav nav .profile {
  display: flex;
  align-items: center;
}
.dashboard-nav nav .dropdown-toggle:focus {
  box-shadow: unset;
}
.dashboard-nav nav .dropdown-toggle span {
  color: #000;
}
@media (max-width: 991px) {
  .dashboard-nav nav .dropdown-toggle span {
    display: none;
  }
}
.dashboard-nav nav .dropdown-toggle:after {
  content: "";
  background-image: url("../../images/drop-down.svg");
  background-repeat: no-repeat;
  border: 0 !important;
  width: 10px;
  height: 6px;
}
.dashboard-nav nav .navbar-nav {
  justify-content: end;
  align-items: center;
  max-width: 100%;
  width: 100%;
  margin-right: 37px;
}
@media (max-width: 991px) {
  .dashboard-nav nav .navbar-nav {
    align-items: flex-start;
  }
}
.dashboard-nav nav .navbar-nav li.nav-item {
  margin-right: 15px;
}
.dashboard-nav nav .navbar-nav .top-search {
  display: flex;
  align-items: center;
  max-width: 450px;
  width: 100%;
  margin-right: 26px;
  border-radius: 30px;
  padding: 0 14px;
  height: 45px;
  border: 1px solid rgba(0, 0, 0, 0.04);
  background-color: #f0f0f0;
}
@media (max-width: 1024px) {
  .dashboard-nav nav .navbar-nav .top-search {
    max-width: 251px;
    width: 100%;
    margin-right: 15px;
  }
}
.dashboard-nav nav .navbar-nav .top-search::-moz-placeholder {
  color: #4d4d4d;
}
.dashboard-nav nav .navbar-nav .top-search::placeholder {
  color: #4d4d4d;
}
.dashboard-nav nav .navbar-nav .top-search svg {
  stroke: #000;
  fill: transparent;
}
.dashboard-nav nav .navbar-nav .top-search input {
  border: 0;
  background-color: #f0f0f0;
  color: #000;
}
.dashboard-nav nav .navbar-nav .top-search input:focus {
  box-shadow: unset;
}
.dashboard-nav nav .navbar-nav .nav-item .active {
  color: #1956f3 !important;
}
.dashboard-nav nav .navbar-nav .nav-item .nav-link {
  color: #565e57;
}

body {
  background-color: #efefef;
}

.inner-part {
  padding-top: 24px;
  background-color: #efefef;
}
.inner-part .job-posting.active {
  border: 1px solid #f36004;
}
.inner-part .left-inner .most-recent {
  background-color: #1A57F4;
  color: #fff;
  padding: 7px 15px;
}
.inner-part .left-inner .most-recent:focus {
  box-shadow: unset !important;
}
.inner-part .left-inner .approved {
  background-color: #ff5f00;
  color: #fff;
  padding: 7px 15px;
}
.inner-part .left-inner .approved:focus {
  box-shadow: unset !important;
}
.inner-part .job-post {
  background-color: #fafbfc;
  border-radius: 12px;
  padding: 17px;
  margin: 18px 0;
}
.inner-part .job-post h4 {
  color: #000;
  font-size: 16px;
}
.inner-part .job-post hr {
  border: 1px solid #ccc;
}
.inner-part .job-post .desc {
  background-color: #ffeee3;
  max-width: 92px;
  width: 100%;
  color: #ff5f00;
  font-size: 13px;
  padding: 4px 6px;
  border-radius: 24px;
  text-align: center;
}
.inner-part .job-post p {
  font-size: 13px;
  color: #565e57;
}
.inner-part .job-post strong {
  font-size: 14px;
  color: #000;
}
.inner-part .job-post strong span {
  color: #ff5f00;
}
.inner-part .job-desc {
  background-color: #fff;
  padding: 30px;
  border-radius: 12px;
}
.inner-part .job-desc .dropdown-menu {
  background-color: #fff;
}
.inner-part .job-desc .dropdown-menu .dropdown-item {
  color: #000;
}
.inner-part .job-desc .dropdown-menu .dropdown-item:hover {
  background-color: unset !important;
}
.inner-part .job-desc .dropdown .dropdown-toggle {
  padding: 0;
}
.inner-part .job-desc .dropdown .dropdown-toggle::after {
  border: 0 !important;
}
.inner-part .job-desc h3 {
  font-size: 17px;
  padding-right: 48px;
  line-height: 23px;
  font-weight: 700;
  color: #000;
}
.inner-part .job-desc .desc {
  background-color: #f36004;
  color: #fff;
  font-size: 15px;
  padding: 2px 9px;
  max-width: 97px;
  width: 100%;
  border-radius: 21px;
  margin-top: 10px;
}
.inner-part .job-desc .content p {
  font-size: 14px;
  line-height: 23px;
  color: #565e57;
  margin-bottom: 30px;
  font-weight: 300;
}
.inner-part .job-desc .content h6 {
  font-weight: 600;
  font-size: 15px;
  color: #000;
  margin-bottom: 18px;
}
.inner-part .job-desc .content h6 span {
  font-weight: 300;
}
.inner-part .job-desc .edit-job {
  text-align: end;
}
.inner-part .job-desc .edit-job button:last-child {
  border-color: #1A57F4;
  color: #1956f3;
  background-color: #fff;
  font-size: 13px;
  padding: 8px 20px;
  margin-left: 8px;
}
.inner-part .job-desc .edit-job .editt {
  border-color: #ff5f00;
  color: #ff5f00;
  background-color: #fff;
  font-size: 13px;
  padding: 8px 20px;
}
.inner-part .profile-section {
  background-color: #fff;
  border-radius: 12px;
  padding: 30px;
  margin-top: 20px;
}
.inner-part .profile-section hr {
  border: 1px solid #ccc;
}
@media (max-width: 991px) {
  .inner-part .profile-section {
    margin-top: 20px;
  }
}
.inner-part .profile-section h5 {
  font-size: 20px;
  margin-bottom: 5px;
  margin-top: 20px;
  color: #000;
}
.inner-part .profile-section span {
  font-size: 15px;
  color: #565e57;
}
.inner-part .profile-section button {
  margin-top: 18px;
  background-color: #1A57F4;
  padding: 8px 26px;
  margin-bottom: 18px;
}
.inner-part .profile-section .other-details p {
  font-size: 14px;
  color: #000;
  cursor: pointer;
}
.inner-part .profile-section .other-details h6 {
  text-align: center;
  background-color: #fdeee3;
  color: #f36004;
  border-radius: 3px;
  padding: 4px 14px;
  font-size: 14px;
}
.inner-part .profile-section .tt-p h6 {
  text-align: center;
  background-color: #e9efff;
  color: #1956f3;
  border-radius: 3px;
  padding: 4px 14px;
  font-size: 14px;
}

.proposalss {
  background-color: #fff;
  border-radius: 15px;
  padding: 37px 44px;
  margin-bottom: 52px;
}
@media (max-width: 767px) {
  .proposalss .project-title {
    flex-direction: column;
  }
}
@media (max-width: 465px) {
  .proposalss {
    padding: 25px 25px;
  }
}
.proposalss h3 {
  font-weight: 600;
  font-size: 26px;
  color: #000;
}
.proposalss .sub-text {
  font-weight: 300;
  font-size: 14px;
  color: #565e57;
}
.proposalss nav {
  font-weight: 400;
  font-size: 15px;
}
.proposalss nav a {
  text-decoration: none;
  color: #1956f3;
}
.proposalss nav .active {
  color: #565e57;
}
.proposalss .freelancer {
  display: flex;
  justify-content: space-between;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 3px;
  padding: 22px 30px;
  margin-top: 28px;
}
@media (max-width: 991px) {
  .proposalss .freelancer {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .proposalss .freelancer .b-wrap {
    flex-direction: column;
  }
}
@media (max-width: 375px) {
  .proposalss .freelancer {
    padding: 22px 16px;
  }
}
.proposalss .freelancer .user-profile {
  position: relative;
}
.proposalss .freelancer .user-profile .visibility {
  position: absolute;
  bottom: 2px;
  right: -5px;
}
@media (max-width: 767px) {
  .proposalss .freelancer .bid-details {
    margin-left: 0 !important;
  }
}
.proposalss .freelancer .bid-details .title {
  font-weight: 300;
  font-size: 14px;
  color: #565e57;
  margin-bottom: 0 !important;
}
.proposalss .freelancer .bid-details strong {
  font-weight: 500;
  font-size: 17px;
  color: #000;
}
.proposalss .freelancer .bid-details .earn {
  max-width: 283px;
  width: 100%;
  justify-content: space-between;
  margin-top: 7px;
}
.proposalss .freelancer .bid-details .earn h5 {
  font-weight: 700;
  font-size: 17px;
  color: #000;
}
.proposalss .freelancer .bid-details .earn p {
  font-weight: 300;
  font-size: 14px;
  color: #565e57;
}
.proposalss .freelancer .bid-details .earn p b {
  font-weight: 600;
  font-size: 17px;
  color: #000;
}
@media (max-width: 568px) {
  .proposalss .freelancer .bid-details .view-proposal {
    flex-direction: column;
  }
  .proposalss .freelancer .bid-details .view-proposal .view {
    margin-left: 0 !important;
  }
}
.proposalss .freelancer .bid-details .view-proposal strong {
  font-weight: 600;
  font-size: 15px;
}
.proposalss .freelancer .bid-details .view-proposal strong span {
  font-weight: 300;
}
.proposalss .freelancer .bid-details .view-proposal .view svg {
  stroke: #f36004;
}
.proposalss .freelancer .bid-details .view-proposal .view strong {
  font-weight: 500;
  font-size: 14px;
  color: #f36004;
}
.proposalss .freelancer .actions-btn {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .proposalss .freelancer .actions-btn {
    margin-top: 20px;
    justify-content: end;
  }
}
.proposalss .freelancer .actions-btn .msg {
  background-color: #1A57F4;
  color: #fff;
  border-radius: 40px;
  padding: 6px 30px;
  margin-right: 7px;
}
.proposalss .freelancer .actions-btn .hire {
  background-color: #ff5f00;
  color: #fff;
  border-radius: 40px;
  padding: 6px 30px;
}
.proposalss .edit-btn {
  max-width: 200px;
  width: 100%;
  text-align: end;
}
@media (max-width: 767px) {
  .proposalss .edit-btn {
    max-width: unset;
  }
}
.proposalss .edit-btn button {
  border-color: #ff5f00;
  color: #ff5f00;
  padding: 7px 22px;
}
.proposalss .edit-btn button:focus {
  box-shadow: unset;
}
.proposalss .agree-terms label {
  color: #000;
}
.proposalss .project-title h5 {
  color: #000;
}
.proposalss .project-title p {
  font-weight: 400;
  font-size: 15px;
  color: #565e57;
}
.proposalss .pro-desc {
  margin-top: 40px;
}
.proposalss .actions {
  margin-top: 37px;
}
.proposalss .actions .cancel {
  background-color: #1A57F4;
  color: #fff;
  border-radius: 50px;
  padding: 9px 30px;
}
.proposalss .actions .cancel:focus {
  box-shadow: unset;
}
.proposalss .actions .hire {
  background-color: #ff5f00;
  color: #fff;
  border-radius: 50px;
  padding: 6px 30px;
}
.proposalss .actions .hire:focus {
  box-shadow: unset;
}
.proposalss hr {
  border: 1px solid rgba(0, 0, 0, 0.16);
  opacity: 0.1;
}

.edit-profilee {
  background-color: #fff;
  border-radius: 16px;
  padding: 56px 43px;
  margin-top: 21px;
}
@media (max-width: 460px) {
  .edit-profilee {
    padding: 39px 28px;
    margin-left: 20px;
    margin-right: 20px;
  }
}

.edit-profilee .user-img-edit {
  position: relative;
  cursor: pointer;
}
.edit-profilee .change-profile {
  position: absolute;
  left: 0;
  right: -45px;
  bottom: -3px;
}
.edit-profilee .edit-pro-form {
  margin-top: 40px;
}
.edit-profilee .edit-pro-form .save-btn {
  background-color: #ff5f00;
  color: #fff;
  padding: 6px 22px;
  margin-top: 28px;
}
.edit-profilee .edit-pro-form label {
  color: #000;
}
.edit-profilee .edit-pro-form input {
  background-color: transparent;
  border: 1px solid rgb(190, 190, 190);
}

.job-feeds {
  font-size: 15px !important;
}

.other-details span {
  font-weight: 400;
  font-size: 14px;
}

.job-post hr {
  margin: 12px 0;
}
.job-post strong {
  font-weight: 600;
  font-size: 15px;
  color: #ff5f00 !important;
}

.job-feeds {
  font-weight: 500;
  font-size: 15px;
}

.left-menu {
  font-weight: 400 !important;
  font-size: 16px !important;
  color: #000 !important;
  cursor: pointer;
}

.job-desc {
  margin-top: 20px;
}

.tags {
  display: flex;
  margin-right: 10px;
}
.tags p {
  background-color: #fdeee3;
  padding: 5px 16px;
  border-radius: 23px;
  color: #f36004 !important;
  font-weight: 500;
  font-size: 12px;
}

.second-tag {
  display: flex;
  margin-right: 10px;
}
.second-tag p {
  background-color: #5f6166;
  padding: 5px 16px;
  border-radius: 23px;
  color: #1956f3 !important;
  font-weight: 500;
  font-size: 12px;
}

.total-proposals p {
  font-weight: 400;
  font-size: 12px;
  color: #000 !important;
}
.total-proposals p span {
  color: #ff5f00;
}

.project-budget p {
  font-weight: 600 !important;
  font-size: 14px !important;
  color: #000 !important;
}
.project-budget p span {
  font-weight: 300 !important;
}

.posted-time span {
  font-size: 14px;
  color: #a1a1a1;
}

@media (max-width: 460px) {
  .tags-block {
    flex-direction: column;
  }
}

.find-input {
  max-width: 600px;
  width: 100%;
  margin-right: 39px;
  margin-left: 39px;
}
@media (max-width: 991px) {
  .find-input {
    max-width: 100%;
  }
}
.find-input input {
  border-radius: 42px;
  border: 0;
  padding: 12px 21px;
  background-color: #fff;
  color: #000 !important;
}
.find-input input:focus {
  background-color: #fff;
  box-shadow: unset;
}

.find-work {
  justify-content: center;
  align-items: center;
}
@media (max-width: 991px) {
  .find-work {
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }
  .find-work .find-input {
    margin: 20px 0px;
  }
}
.find-work h5 {
  font-weight: 400;
  font-size: 27px;
  color: #000;
}
.find-work button {
  background-color: #1A57F4;
  color: #fff;
  padding: 11px 38px;
}
.find-work button:focus {
  box-shadow: unset;
}
.find-work button:hover {
  color: #fff;
}

.proposalss .submit-proposal button {
  padding: 9px 30px;
}

.project-title h5 {
  font-weight: 500;
  font-size: 20px;
}

.brief-details p {
  font-weight: 300;
  font-size: 15px;
  line-height: 28px;
  color: #000 !important;
}

.other-job-details {
  margin-top: 20px;
}
.other-job-details p {
  color: #000 !important;
  margin-bottom: 10px;
  font-weight: 600;
}
.other-job-details p span {
  font-weight: 300;
}

.brief-job-details p {
  color: #ff5f00;
}
.brief-job-details .time-posted {
  margin-left: 18px;
}
.brief-job-details .time-posted span {
  color: #9c9c9c;
  font-weight: 300;
  font-size: 14px;
}

@media (max-width: 375px) {
  .apply-jobb {
    padding: 37px 19px !important;
  }
}

.proposalss {
  padding: 37px 30px;
}
.proposalss h6 {
  font-weight: 600;
  font-size: 20px;
  line-height: 23px;
  color: #000;
}
.proposalss .apply-job {
  align-items: flex-start !important;
}
.proposalss .apply-job .submit-proposal {
  margin-top: 20px;
}
.proposalss .description p {
  font-size: 14px;
  background-color: #ff5f00;
  color: #fff;
  max-width: 91px;
  width: 100%;
  height: 27px;
  border-radius: 22px;
  text-align: center;
}
.proposalss .post-time {
  margin-right: 20px;
}
.proposalss .post-time span {
  font-size: 15px;
  color: #9c9c9c;
}
.proposalss .job-budget p {
  color: #000;
  font-weight: 600;
}
.proposalss .job-budget p span {
  font-weight: 300;
}
.proposalss .sub-t {
  font-weight: 400 !important;
  font-size: 17px !important;
  line-height: 23px;
  color: #000 !important;
}

.terms .form {
  max-width: 700px;
  width: 100%;
}
.terms .form label {
  font-weight: 600;
  font-size: 15px;
  color: #000;
}
.terms .form input {
  background-color: transparent;
  color: #000;
}
.terms .form textarea {
  background-color: transparent;
  color: #000;
}
.terms p {
  font-weight: 600;
  font-size: 15px;
  line-height: 21px;
  color: #000;
}
.terms p span {
  font-weight: 300;
}
.terms .attach-file .btn-outline-primary {
  border-color: #ff5f00;
  color: #ff5f00;
  padding: 8px 34px;
  font-size: 15px;
}
.terms .attach-file .btn-outline-primary:hover {
  background-color: transparent;
}
.terms .attach-file .btn-outline-primary:focus {
  box-shadow: unset;
}
.terms .btn-primary {
  padding: 8px 34px;
  font-weight: 400;
  font-size: 15px;
}

.decide-offer .actions {
  display: flex;
  flex-direction: column;
}
.decide-offer .actions button {
  margin: 5px 20px;
  font-weight: 600;
  font-size: 15px;
  line-height: 24px;
  padding: 11px;
  max-width: 200px;
  width: 100%;
}
@media (max-width: 991px) {
  .decide-offer .actions button {
    margin: 5px 0px;
  }
}
.decide-offer .job-details {
  border-right: 1px solid rgba(159, 159, 159, 0.3019607843);
}
@media (max-width: 991px) {
  .decide-offer .job-details {
    border-right: unset;
  }
}
.decide-offer .job-details h4 {
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  margin-bottom: 7px;
  color: #000;
}
.decide-offer .job-details p {
  font-weight: 300;
  font-size: 15px;
  line-height: 23px;
  color: #000;
}
.decide-offer .other-details h4 {
  font-weight: 600;
  font-size: 21px;
  line-height: 23px;
  color: #ff5f00;
  margin-bottom: 14px;
}
.decide-offer .other-details .d-flex {
  justify-content: space-between;
}
.decide-offer .other-details .d-flex p {
  font-weight: 400;
  font-size: 15px;
  line-height: 23px;
  margin-bottom: 14px;
}
.decide-offer .other-details .d-flex span {
  font-weight: 400;
  font-size: 15px;
  line-height: 23px;
  color: #868686;
}
.decide-offer .budget p {
  font-weight: 600;
  font-size: 20px;
  line-height: 21px;
  margin: 28px 0;
}
.decide-offer .budget p span {
  font-weight: 300;
}
.decide-offer h4 {
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
}
.decide-offer p {
  font-weight: 300;
  font-size: 14px;
  line-height: 26px;
}

.budget-detail {
  margin-top: 22px;
}
.budget-detail h5 {
  margin-top: 30px;
  margin-bottom: 20px;
  color: #000;
}
.budget-detail .job-budget {
  display: flex;
  border: 1px solid #ff5f00;
  max-width: 650px;
  width: 100%;
}
@media (max-width: 568px) {
  .budget-detail .job-budget {
    flex-direction: column;
  }
}
.budget-detail .job-budget .budget {
  background-color: #ff5f00;
  max-width: 223px;
  width: 100%;
  padding: 15px 22px;
}
@media (max-width: 568px) {
  .budget-detail .job-budget .budget {
    max-width: 100%;
  }
}
.budget-detail .job-budget .budget span {
  color: #fff;
  font-weight: 200;
  font-size: 17px;
  line-height: 23px;
}
.budget-detail .job-budget .budget h3 {
  color: #fff;
  margin-top: 7px;
  font-weight: 600;
  font-size: 24px;
  line-height: 23px;
}
.budget-detail .job-budget .paid {
  max-width: 223px;
  width: 100%;
  padding: 15px 22px;
}
@media (max-width: 568px) {
  .budget-detail .job-budget .paid {
    max-width: 100%;
  }
}
.budget-detail .job-budget .paid span {
  color: #000;
  font-weight: 200;
  font-size: 17px;
  line-height: 23px;
}
.budget-detail .job-budget .paid h3 {
  color: #000;
  margin-top: 7px;
  font-weight: 600;
  font-size: 24px;
  line-height: 23px;
}
.budget-detail .job-budget .total {
  max-width: 223px;
  width: 100%;
  padding: 15px 22px;
  border-left: 1px solid #f36004;
}
@media (max-width: 568px) {
  .budget-detail .job-budget .total {
    max-width: 100%;
    border-left: 0px solid #f36004;
  }
}
.budget-detail .job-budget .total span {
  color: #000;
  font-weight: 200;
  font-size: 17px;
  line-height: 23px;
}
.budget-detail .job-budget .total h3 {
  color: #000;
  margin-top: 7px;
  font-weight: 600;
  font-size: 24px;
  line-height: 23px;
}
.budget-detail .my-jobs table td {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  padding: 14px;
  color: #000;
}
.budget-detail .my-jobs table td span {
  color: #585858;
}
.budget-detail .my-jobs table td button {
  padding: 9px 33px;
  font-weight: 600;
  font-size: 15px;
  line-height: 24px;
  border-color: #1956f3;
  color: #1956f3;
}
.budget-detail .my-jobs table td button:hover {
  background-color: #1956f3;
  color: #fff;
}
.budget-detail .my-jobs table tr {
  border-color: #474747;
}
.budget-detail .my-jobs table tr:last-child {
  border: 0;
  border-style: none;
  border-color: transparent;
}

.user-profile {
  background: #ffffff;
  border-radius: 15px;
  padding: 30px 40px;
}
.user-profile .users {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 27px;
}
.user-profile .user-dp {
  display: flex;
  align-items: center;
}
.user-profile .user-dp .user-biodata {
  margin-left: 20px;
}
.user-profile .user-dp .user-biodata h5 {
  font-weight: 600;
  font-size: 25px;
  line-height: 24px;
}
.user-profile .user-dp .user-biodata span {
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
}
.user-profile .right-butns .btn-outline-primary {
  border: 1px solid #ff5f00;
  border-radius: 4px;
  color: #ff5f00;
  font-weight: 400;
  font-size: 13px;
  line-height: 23px;
  padding: 8px 22px;
}
.user-profile .right-butns .btn-primary {
  background: #ff5f00;
  border: 1px solid #ff5f00;
  border-radius: 4px;
  color: #fff;
  padding: 8px 22px;
  margin-left: 10px;
}

.profile-mode {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 20px 0;
}
.profile-mode p {
  margin-bottom: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: #4f4f4f;
}
.profile-mode p span {
  color: #ff5f00;
}
.profile-mode h5 {
  margin-bottom: 0;
}

.content h5 {
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
}
.content p {
  font-weight: 500;
  font-size: 14px;
  line-height: 23px;
}
.content p span {
  font-weight: 300;
  font-size: 14px;
  line-height: 23px;
}
.content span {
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
}
.content h4 {
  margin-top: 10px;
  font-weight: 500;
  font-size: 18px;
  line-height: 23px;
}
.content p {
  font-weight: 300;
  font-size: 13px;
  line-height: 20px;
}

.edit-project {
  background: #fff;
  border-radius: 15px;
  padding: 23px 40px;
}
.edit-project .breadcrumb {
  margin-bottom: 10px;
}
.edit-project nav ol li {
  font-weight: 400;
  font-size: 14px;
  line-height: 30px;
  color: #565e57 !important;
}
.edit-project nav ol li a {
  text-decoration: none;
  color: #1A57F4;
}
.edit-project .head {
  margin-bottom: 40px;
}
.edit-project .head h4 {
  font-weight: 600;
  font-size: 26px;
  line-height: 30px;
  color: #000;
}

.edit-pro-form label {
  font-weight: 500;
  font-size: 15px;
  line-height: 21px;
  color: #000;
}
.edit-pro-form input {
  margin-bottom: 8px;
  background-color: transparent;
  color: #000;
}
.edit-pro-form input:focus {
  background-color: transparent;
  box-shadow: unset;
  color: #000;
}
.edit-pro-form textarea {
  background-color: transparent;
  color: #000;
}
.edit-pro-form textarea:focus {
  background-color: transparent;
  box-shadow: unset;
  color: #000;
}
.edit-pro-form button {
  background: #ff5f00;
  border: 1px solid #ff5f00;
  border-radius: 4px;
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  line-height: 23px;
  padding: 8px 25px;
  margin-top: 40px;
}
.edit-pro-form button:hover {
  color: #fff;
}

@media (max-width: 991px) {
  .container {
    position: relative;
  }
  .container .navbar-collapse {
    position: absolute;
    background-color: #fff;
    box-shadow: 0px 4px 40px rgba(204, 204, 204, 0.4117647059);
    width: 100%;
    top: 60px;
    max-width: 96%;
    padding: 16px;
    border-radius: 13px;
    z-index: 2;
    left: 6px;
  }
  .bottom-copyright {
    flex-direction: column;
  }
  .privacy {
    margin: 20px 0;
  }
  .privacy a {
    margin: 0 20px;
  }
}
@media (max-width: 767px) {
  .co-partners .company-partners {
    flex-wrap: wrap;
  }
  .co-partners .company-partners img {
    margin: 0 30px;
  }
  .footer h4 {
    margin-top: 32px;
  }
}
/*28 oct 2022*/
.invalid-feedback,
.valid-feedback {
  display: block;
}

.phn-number {
  display: flex;
  border: 1px solid #fff;
  border-radius: 4px;
}

.phn-number select:focus {
  box-shadow: unset;
}

.phn-number input:focus {
  box-shadow: unset;
}

.phn-number select option {
  color: #000;
}

select option {
  color: #000;
}

.phn-number select {
  width: 28%;
}
@media (max-width: 425px) {
  .phn-number select {
    width: 20%;
  }
}

.phn-number input {
  width: 66%;
  border: 0px solid transparent;
}
@media (max-width: 425px) {
  .phn-number input {
    width: 80%;
  }
}

.agree input {
  border-color: #fff;
}

.agree {
  display: flex;
  justify-content: space-between;
}

.agree .form-check-input:checked {
  border-color: #ffffff;
}

.forgt-psd a {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
}
@media (max-width: 375px) {
  .forgt-psd a {
    font-size: 12px;
  }
}

.forgt-psd a:hover {
  color: #fff;
}

nav .profile img {
  width: 50px;
  height: 50px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.profile-section img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.user-img-edit > img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

.logout-btn {
  background-color: #1956f3;
  padding: 10px 20px;
  color: #fff !important;
  border-radius: 4px;
  text-decoration: none;
}

.inner-part .active {
  border-radius: 12px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.inner-part .job-post {
  margin: 0;
}

.top-selector {
  margin-bottom: 20px;
}

input.select2-search__field {
  border: none !important;
}

/*Edit Project page css */
.edit-pro-form label {
  font-weight: 500;
  font-size: 15px;
  line-height: 21px;
}

.edit-pro-form input {
  margin-bottom: 8px;
  background-color: transparent;
}

.edit-pro-form input:focus {
  background-color: transparent;
  box-shadow: unset;
}

.edit-pro-form textarea {
  background-color: transparent;
}

.edit-pro-form textarea:focus {
  background-color: transparent;
  box-shadow: unset;
}

.edit-pro-form button {
  background: #ff5f00;
  border: 1px solid #ff5f00;
  border-radius: 4px;
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  line-height: 23px;
  padding: 8px 25px;
  margin-top: 40px;
}

.edit-pro-form button:hover {
  color: #fff;
}

.inner-part .job-posting,
.inner-part .job-post {
  margin: 10px 0;
  cursor: pointer;
}

.select2-container .select2-selection--multiple {
  height: 38px;
}

.select2-container {
  width: 100% !important;
}

.breadcrumb-item.active {
  color: #000 !important;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
  margin: 0;
}

input.select2-search__field {
  padding: 2px 0 0 15px !important;
}

.job-post {
  background-color: #fafbfc;
  padding-top: 45px;
}
.job-post .progress {
  height: 9px;
  margin-top: 34px;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  background-color: #e9ecef;
}
@media (max-width: 991px) {
  .job-post .progress {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .job-post .progress {
    margin-top: 19px;
    height: 6px;
  }
}
.job-post .nav-tabs {
  justify-content: center;
  border: none;
}
@media (max-width: 991px) {
  .job-post .nav-tabs {
    justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .job-post .nav-tabs {
    flex-wrap: unset;
    overflow: auto;
  }
}
.job-post .nav-tabs ul li button {
  border: 0;
}
.job-post .nav-tabs .nav-link.active {
  border-color: transparent !important;
  background-color: transparent !important;
}
.job-post .nav-tabs .nav-link.active .step {
  background-color: #1a57f4;
  border: 0 !important;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 34px;
  color: #fff;
  margin: 0 auto;
}
.job-post .nav-tabs .nav-link.active:hover {
  border-color: transparent !important;
}
.job-post .nav-tabs .nav-link {
  color: #000;
  margin: 0 10px;
}
@media (max-width: 1200px) {
  .job-post .nav-tabs .nav-link {
    margin: 0;
    padding: 0 9px;
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .job-post .nav-tabs .nav-link {
    margin: 0;
    padding: 0 3px;
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .job-post .nav-tabs .nav-link {
    font-size: 11px;
    padding: 0;
    line-height: 1.4;
  }
}
@media (max-width: 375px) {
  .job-post .nav-tabs .nav-link {
    font-size: 10px;
    line-height: 1.3;
  }
}
.job-post .nav-tabs .nav-link:hover {
  border-color: transparent !important;
}
.job-post .nav-tabs .step {
  margin-bottom: 20px !important;
  background-color: #fafbfc;
  border: 1px solid #227EFF;
  color: #202020;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 34px;
  margin: 0 auto;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .job-post .nav-tabs .step {
    margin-bottom: 11px !important;
    width: 25px !important;
    height: 25px !important;
  }
}
@media (max-width: 375px) {
  .job-post .nav-tabs .step span {
    font-size: 12px;
  }
}
.job-post .basic-info {
  margin-top: 45px;
  padding: 40px;
  background-color: #fff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  margin-bottom: 60px;
}
@media (max-width: 991px) {
  .job-post .basic-info {
    padding: 10px 0px;
  }
}
@media (max-width: 767px) {
  .job-post .basic-info {
    margin-top: 30px;
  }
}
.job-post .basic-info input {
  background-color: transparent;
  border: 1px solid #E0E0E0;
  color: #202020;
  box-shadow: none !important;
}
.job-post .basic-info textarea {
  background-color: transparent;
  border: 1px solid #E0E0E0;
  color: #202020;
  box-shadow: none !important;
}
.job-post .basic-info .progres .app {
  display: block !important;
  max-width: 540px;
  width: 100%;
}
.job-post .basic-info .progres .select-opt .form-check-input {
  border-radius: 21px;
}
.job-post .basic-info .progres .select-opt .form-check-input:checked {
  border-radius: 21px;
}
.job-post .basic-info label {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #202020;
}
@media (max-width: 767px) {
  .job-post .basic-info label {
    font-size: 16px;
  }
}
@media (max-width: 575px) {
  .job-post .basic-info label {
    font-size: 14px;
  }
}
.job-post .basic-info label .req-lbl {
  color: #ff9328;
  font-size: 18px !important;
}
.job-post .basic-info .results {
  margin-bottom: 30px;
}
.job-post .basic-info .amount label span {
  font-weight: 600;
  font-size: 11px;
  line-height: 13px;
}
.job-post .basic-info .amount .add-amount {
  display: flex;
  align-items: center;
}
.job-post .basic-info .amount .add-amount > input {
  max-width: 160px;
  width: 100%;
  margin-right: 30px;
}
.job-post .basic-info .amount .add-amount .form-check-input {
  background-color: #e0e0e0;
  border-color: transparent;
}
.job-post .basic-info .amount .add-amount .form-check-input:checked {
  background-color: #1A57F4;
}
.job-post .basic-info .amount .add-amount label {
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #202020;
}
@media (max-width: 575px) {
  .job-post .basic-info .amount .add-amount label {
    font-size: 14px;
  }
}
.job-post .basic-info .options .select2-search__field {
  height: auto !important;
}
.job-post .basic-info .options .app {
  display: flex;
  flex-wrap: wrap;
}
.job-post .basic-info .options .app .select-opt {
  margin-top: 14px;
  margin-right: 1rem;
}
.job-post .basic-info .options .app .select-opt:nth-last-child(2) {
  margin-right: 10px !important;
}
.job-post .basic-info .options .app .select-opt .d-flex {
  border: 1px solid #999999;
  border-radius: 10px;
  padding: 10px 15px;
}
.job-post .basic-info .options .app .select-opt .d-flex .form-check-input {
  background-color: #e0e0e0;
  border-color: #e0e0e0;
}
.job-post .basic-info .options .app .select-opt .d-flex .form-check-input:checked {
  background-color: #1A57F4;
  border-color: #1A57F4;
}
.job-post .basic-info .options .app .select-opt .d-flex label {
  margin-left: 10px;
  color: #000;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
}
@media (max-width: 575px) {
  .job-post .basic-info .options .app .select-opt .d-flex label {
    font-size: 13px;
  }
}
.job-post .basic-info .options .app .select-opt .active {
  border: 1px solid #227eff;
}
.job-post .basic-info .options .app .textbx {
  max-width: 500px;
  width: 100%;
  margin-top: 15px;
}
.job-post .basic-info .options .app .textbx .d-flex {
  padding: 0;
  border: 0;
}
.job-post .basic-info .options .app .textbx .d-flex select {
  border-radius: 10px !important;
}
.job-post .basic-info .options .app .textbx .d-flex input {
  padding: 10px;
  border: 0;
  background-color: transparent;
  height: 38px;
}
.job-post .basic-info .options .app .form-check-input {
  margin-left: 0;
  margin-top: 0;
}
.job-post .attach-filee {
  background: rgba(242, 242, 242, 0.3);
  /* Grey/4 */
  position: relative;
  border: 1px dashed #999999;
  border-radius: 10px;
  padding: 19px 15px;
  height: 116px;
}
@media (max-width: 575px) {
  .job-post .attach-filee {
    font-size: 14px;
  }
}
.job-post .attach-filee p {
  color: #999999;
}
.job-post .attach-filee svg {
  filter: unset;
}
.job-post .attach-filee input {
  opacity: 0;
}
.job-post .basic-information {
  width: 100%;
}
.job-post .basic-information .file-added {
  display: flex;
  flex-wrap: wrap;
}
.job-post .basic-information .file-added .d-flex {
  border: 1px solid #227EFF;
  border-radius: 10px;
  margin-bottom: 17px;
  padding: 10px;
  align-items: center;
  margin-right: 15px;
  position: relative;
  color: #000;
  font-size: 14px;
}
@media (max-width: 575px) {
  .job-post .basic-information .file-added .d-flex {
    font-size: 14px;
  }
}
.job-post .basic-information .file-added .d-flex .close_btn {
  width: 21px;
  height: 21px;
  background: red;
  border-radius: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: -7px;
  top: -7px;
  color: #fff;
  font-size: 13px;
  cursor: pointer;
}
.job-post .basic-information .file-added .d-flex svg {
  margin-right: 10px;
  filter: unset;
}
.job-post .basic-information form input {
  margin-bottom: 40px !important;
}
.job-post .basic-information form input::-moz-placeholder {
  color: #999999;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
}
.job-post .basic-information form input::placeholder {
  color: #999999;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
}
.job-post .basic-information .note {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #ff9328;
}
@media (max-width: 575px) {
  .job-post .basic-information .note {
    font-size: 11px;
  }
}
.job-post .basic-information .check-mode .btn-outline-secondary {
  border-radius: 10px;
  padding: 10px 22px;
  margin-right: 14px;
}
@media (max-width: 575px) {
  .job-post .basic-information .check-mode .btn-outline-secondary {
    padding: 7px 22px;
    font-size: 14px;
  }
}
.job-post .basic-information .check-mode .btn-outline-secondary:active, .job-post .basic-information .check-mode .btn-outline-secondary:hover, .job-post .basic-information .check-mode .btn-outline-secondary:focus {
  background-color: #1a57f4;
  border-color: #1A57F4;
  color: #fff;
}
.job-post .basic-information .check-mode .btn-outline-secondary:hover {
  background-color: #1a57f4;
  border-color: #1A57F4;
  color: #fff;
}
.job-post .basic-information .check-mode .btn-outline-secondary:focus {
  background-color: #1a57f4;
  border-color: #1A57F4;
  color: #fff;
}
.job-post .basic-information .check-mode .checked {
  background-color: #1a57f4;
  border-color: #1A57F4;
  color: #fff;
}
.job-post .explain-project textarea::-moz-placeholder {
  color: #999999;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
}
.job-post .explain-project textarea::placeholder {
  color: #999999;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
}
.job-post .explain-project button {
  border-radius: 30px;
  background-color: #1A57F4;
  color: #fff;
  border: 0;
  box-shadow: none;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  margin-top: 140px;
  padding: 8px 15px;
}
@media (max-width: 575px) {
  .job-post .explain-project button {
    font-size: 16px;
    font-weight: 500;
  }
}

.ui-datepicker {
  background: white !important;
}
.ui-datepicker .ui-widget-header {
  border: 0;
  background: rgba(26, 87, 244, 0.1098039216);
  padding: 8px 0 !important;
}
.ui-datepicker .ui-datepicker-title {
  color: #000;
  font-size: 15px;
  font-weight: 100;
}
.ui-datepicker .ui-datepicker-next span {
  filter: brightness(50%);
}
.ui-datepicker .ui-datepicker-prev span {
  filter: brightness(50%);
}
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight {
  border: 1px solid #e0e7f9 !important;
  background-color: #e0e7f9 !important;
  background: unset !important;
  border-radius: 100% !important;
  width: 35px !important;
  height: 35px !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-active,
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day {
  border: 1px solid #ffa069 !important;
  background: unset !important;
  color: #363636 !important;
  background-color: #ffa069 !important;
  border-radius: 100% !important;
  width: 35px !important;
  height: 35px !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-default {
  text-align: center;
  border: 0;
  color: #000;
  font-weight: 300;
  font-size: 14px;
  background: transparent;
}

.find-work .serach-bar {
  margin: 30px 0;
  display: flex;
  justify-content: center;
}
.find-work .serach-bar input {
  background-color: #fff;
  border: 1px solid #E0E0E0;
  padding: 7px 18px;
  border-radius: 29px;
  color: #202020;
  max-width: 500px;
  width: 100%;
}
.find-work .serach-bar input:focus {
  box-shadow: unset;
}
.find-work .serach-bar input:focus-visible {
  outline: 0;
}
.find-work .nav-tabs {
  border-bottom: 0;
  margin-top: 45px;
}
@media (max-width: 575px) {
  .find-work .nav-tabs {
    margin-top: 26px;
  }
}
.find-work .nav-tabs .nav-item .nav-link.active {
  border-color: 1px solid #E0E0E0;
  color: #fff;
  border-radius: 25px;
  background-color: #1A57F4;
  font-weight: 700;
  font-size: 15px;
  outline: 0;
  line-height: 18px;
  border: 1px solid transparent;
}
.find-work .nav-tabs .nav-item .nav-link {
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  border-radius: 25px;
  outline: 0;
  color: #202020;
  margin: 5px 8px;
  border: 1px solid #E0E0E0;
}
@media (max-width: 1024px) {
  .find-work .nav-tabs .nav-item .nav-link {
    margin-bottom: 10px;
    margin: 0px 8px 5px 0;
  }
}
@media (max-width: 767px) {
  .find-work .nav-tabs .nav-item .nav-link {
    font-size: 14px !important;
    margin: 0px 6px 5px 0;
  }
}
@media (max-width: 575px) {
  .find-work .nav-tabs .nav-item .nav-link {
    font-size: 12px !important;
  }
}
.find-work .nav-tabs .nav-item .nav-link:hover {
  border-color: 1px solid #E0E0E0 !important;
  border-radius: 25px !important;
}
.find-work .nav-tabs .nav-item .nav-link:focus {
  border-color: 1px solid #E0E0E0;
  border-radius: 25px;
}
.find-work .nav-tabs .nav-item .nav-link:active {
  border-color: 1px solid #E0E0E0;
  border-radius: 25px;
}
.find-work .total-announcemnt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}
@media (max-width: 991px) {
  .find-work .total-announcemnt {
    flex-wrap: wrap;
  }
}
.find-work .total-announcemnt p {
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  color: #202020;
}
@media (max-width: 991px) {
  .find-work .total-announcemnt p {
    margin-bottom: 13px !important;
    margin-left: 10px;
  }
}
.find-work .total-announcemnt .nav-tabs {
  margin-top: 0;
}
.find-work .total-announcemnt .nav-tabs .nav-item {
  border-right: 1px solid #ccc;
}
.find-work .total-announcemnt .nav-tabs .nav-item:last-child {
  border-right: 0;
}
.find-work .total-announcemnt .nav-tabs .nav-link {
  margin: 0 4px;
  color: #202020;
  border: 0;
  font-weight: 400;
  padding: 0 5px;
}
.find-work .total-announcemnt .nav-tabs .nav-link.active {
  background-color: transparent !important;
  color: #202020;
}
.find-work .total-announcemnt .nav-tabs .nav-link.active:hover {
  border-color: transparent !important;
}
.find-work .scrap svg path {
  fill: rgb(255, 135, 64) !important;
  stroke-width: 0 !important;
}
.find-work .job_desc {
  padding: 30px;
  margin: 30px 0;
  background-color: #fff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  color: #000;
}
@media (max-width: 767px) {
  .find-work .job_desc {
    padding: 17px 18px;
  }
}
.find-work .job_desc .job-title {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.find-work .job_desc .job-title svg {
  filter: unset;
}
.find-work .job_desc .job-title div {
  width: 98%;
  display: block;
}
.find-work .job_desc .job-title div.dropdown {
  width: unset;
  display: unset;
}
.find-work .job_desc .job-title div.dropdown img {
  filter: unset;
}
.find-work .job_desc .job-title h5 {
  font-weight: 400;
  font-size: 23px;
  line-height: 28px;
  color: #202020;
  margin-bottom: 0;
  word-break: break-all;
}
@media (max-width: 767px) {
  .find-work .job_desc .job-title h5 {
    font-size: 19px;
  }
}
.find-work .job_desc .job-title span {
  font-weight: 700;
  font-size: 11px;
  line-height: 13px;
  color: #202020;
}
.find-work .job_desc .job-title .me-2 {
  height: 40px;
  border-radius: 50%;
  width: 40px;
}
.find-work .job_desc .job-title svg {
  min-width: 25px;
}
@media (max-width: 767px) {
  .find-work .job_desc .job-title svg {
    min-width: 18px;
    width: 18px;
  }
}
.find-work .job_desc .functions {
  display: flex;
  margin-top: 15px;
}
@media (max-width: 991px) {
  .find-work .job_desc .functions {
    flex-wrap: wrap;
  }
}
.find-work .job_desc .functions .func {
  border: 1px solid #E0E0E0;
  border-radius: 21px;
  padding: 8px 15px;
  margin-right: 8px;
  cursor: pointer;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .find-work .job_desc .functions .func {
    padding: 6px 15px;
    font-size: 14px;
  }
}
.find-work .job_desc .functions .func h5 {
  font-weight: 400;
  font-size: 23px;
  line-height: 28px;
  color: #202020;
  margin-bottom: 0;
}
.find-work .job_desc .functions .func h5 p {
  font-size: 15px;
  padding: 3px 0px;
  border-radius: 4px;
  color: #1a57f4;
  font-weight: 700;
  margin-bottom: 0;
}
.find-work .job_desc .functions .func span {
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  color: #000;
}
.find-work .job_desc .functions .func h4 p {
  font-size: 15px;
  padding: 3px 0px;
  border-radius: 4px;
  color: #1a57f4;
  font-weight: 700;
  margin-bottom: 0;
}
.find-work .job_desc .about-job {
  display: flex;
  margin-top: 20px;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .find-work .job_desc .about-job {
    margin-top: 4px;
  }
}
.find-work .job_desc .about-job .amount {
  display: flex;
  margin-top: 10px;
  margin-right: 30px;
}
.find-work .job_desc .about-job .amount p {
  margin-bottom: 0;
  margin-right: 11px;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #000;
}
.find-work .job_desc .about-job .amount strong {
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  color: #000;
}
.find-work .job_desc .about-job .amount strong span {
  font-weight: 700;
  font-size: 10px;
  line-height: 12px;
  color: #ff5f00;
  border: 0.5px solid #ff5f00;
  border-radius: 4px;
  padding: 2px 5px;
  margin-left: 8px;
}
.find-work .pagintaion {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
.find-work .pagintaion div:first-child {
  display: none;
}
.find-work .pagintaion .hidden div:last-child {
  display: flex;
}
.find-work .pagintaion .hidden div svg {
  max-width: 34px;
  width: 100%;
  width: 34px;
  filter: unset;
}
@media (max-width: 575px) {
  .find-work .pagintaion .hidden div svg {
    max-width: 26px;
    width: 26px;
  }
}
.find-work .pagintaion .hidden span {
  box-shadow: unset !important;
}
.find-work .pagintaion .hidden span.inline-flex {
  display: flex;
  align-items: center;
}
.find-work .pagintaion .hidden span a {
  color: #000 !important;
  text-decoration: none !important;
  border: 0 !important;
  border-radius: 24px;
  padding: 0 !important;
  margin: 0 8px;
  font-weight: 300;
  background: #f2f2f2 !important;
  display: inline-flex;
  align-items: center;
  width: 40px;
  height: 40px;
  justify-content: center;
}
@media (max-width: 575px) {
  .find-work .pagintaion .hidden span a {
    width: 32px;
    font-size: 14px;
    height: 32px;
    margin: 0 4px;
  }
}
.find-work .pagintaion .hidden span a:first-child {
  border: 0 !important;
  background-color: transparent !important;
  text-decoration: none;
  margin-right: 4px !important;
}
.find-work .pagintaion .hidden span a:first-child svg {
  fill: #000;
}
.find-work .pagintaion .hidden span a:last-child {
  border: 0 !important;
  background-color: transparent !important;
  text-decoration: none;
  margin: 0;
}
.find-work .pagintaion .hidden span a:last-child svg {
  fill: #000;
}
.find-work .pagintaion .hidden span span:first-child {
  border-radius: 24px;
  width: 40px;
  height: 40px;
  border: 0 !important;
  border-color: transparent !important;
  background-color: transparent !important;
  margin: 0 4px 0 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  margin: 0 !important;
}
.find-work .pagintaion .hidden span .active span {
  background: #c5d5fc !important;
  width: 40px;
  height: 40px !important;
  padding: 10px 14px !important;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}
@media (max-width: 575px) {
  .find-work .pagintaion .hidden span .active span {
    width: 32px;
    font-size: 14px;
    height: 32px !important;
  }
}
.find-work .pagintaion .prev {
  max-width: 30px;
  height: 30px;
  width: 100%;
  text-align: center;
}
.find-work .pagintaion .pages {
  max-width: 204px;
  width: 100%;
  margin: 0 40px;
}
.find-work .pagintaion .pages .active {
  background-color: #c5d5fc;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.find-work .pagintaion .pages a {
  width: 50px;
}
.find-work .pagintaion .pages div {
  max-width: 30px;
  height: 30px;
  width: 100%;
  text-align: center;
  background-color: #f2f2f2;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 10px;
}
.find-work .pagintaion .next {
  max-width: 30px;
  width: 100%;
  height: 30px;
  text-align: center;
}
.find-work .pagintaion .pages {
  display: flex;
}

.col-lg-12.announcment-uploaded {
  padding: 4rem 0 0 0;
  text-align: center;
}
.col-lg-12.announcment-uploaded svg {
  filter: unset;
}
.col-lg-12.announcment-uploaded p {
  margin: 45px auto;
  font-weight: 600;
  font-size: 18px;
  color: #000;
}

.explain-project.fifth {
  padding-bottom: 2rem;
}
.explain-project.fifth button {
  margin-top: 0;
}
@media (max-width: 575px) {
  .explain-project.fifth button {
    font-size: 15px;
  }
}
.explain-project.fifth .text-center {
  display: flex;
  flex-direction: column;
  width: 50%;
  justify-content: center;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .explain-project.fifth .text-center {
    width: 100%;
  }
}
.explain-project.fifth button {
  margin-top: 12px;
  margin-right: 0 !important;
}

.modal .modal-content {
  border-radius: 10px;
  background-color: #fff;
}
.modal .enter-email {
  display: flex;
}
.modal .enter-email input {
  border-radius: 10px;
  background-color: #fff;
}
.modal .enter-email button {
  border-radius: 32px;
  margin-left: 15px;
  font-size: 14px;
  padding: 9px 20px;
}
.modal .modal-header {
  border-bottom: 0;
}
.modal .modal-header h5 {
  color: #202020;
}
.modal .modal-header .btn-close {
  background: unset;
}
.modal .modal-header .btn-close svg {
  fill: #202020;
}
.modal .modal-body {
  padding: 25px;
}
@media (max-width: 575px) {
  .modal .modal-body {
    padding: 12px;
  }
}
.modal .modal-body .collaborater h5 {
  font-size: 16px;
  margin-top: 30px;
  margin-bottom: 20px;
  color: #202020;
}
.modal .modal-body ul {
  padding-left: 0;
}
.modal .modal-body ul li {
  list-style-type: none;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.modal .modal-body ul li span {
  font-size: 15px;
  margin-left: 10px;
  color: #202020;
}
.modal .modal-body ul li svg {
  fill: #202020;
}
@media (max-width: 768px) {
  .modal .modal-body .d-flex {
    flex-direction: column;
  }
  .modal .modal-body .d-flex .client {
    flex-direction: column;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
  }
  .modal .modal-body .d-flex .freelancer {
    flex-direction: column;
    display: flex;
    align-items: center;
  }
}
.modal .modal-footer {
  border-top: 0;
}

.attach-file {
  padding: 0;
}

.select2-container--default .select2-selection--multiple {
  border-radius: 10px !important;
}

.error {
  font-style: normal !important;
}

.progress-bar {
  background-color: #1A57F4 !important;
}

.signup-form.forgot-pwd form {
  margin-top: 3rem;
}

.forgot-pwd {
  background-color: #fff;
  height: 100vh;
  margin: 8rem 4rem;
  border-radius: 2rem;
  padding: 6rem;
}

.signup-form.forgot-pwd form button {
  margin-top: 25px;
  padding: 9px;
  background-color: #1A57F4;
}

.signup-form.forgot-pwd form {
  margin-top: 3rem;
}

.dropdown-menu[data-bs-popper] {
  right: 0;
}

.job-details div h4 {
  font-weight: 600;
  font-size: 23px;
  line-height: 28px;
}
.job-details .job-detailing {
  background-color: #fff;
  border-radius: 10px;
  margin-top: 60px;
  padding: 30px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.07);
}
.job-details .job-detailing .notice {
  text-align: right;
}
.job-details .job-detailing .notice.notice_width {
  width: auto;
  padding-left: 20px;
}
.job-details .job-detailing .notice.notice_width button {
  white-space: nowrap;
}
.job-details .job-detailing .notice button {
  border-radius: 20px;
  font-weight: 500;
  font-size: 14px;
  line-height: 15px;
  background-color: #1a57f4;
  color: #fff;
  border: 0;
  padding: 9px 19px;
}
.job-details .job-detailing .notice button:active {
  background-color: #1a57f4;
  color: #fff;
}
.job-details .job-detailing .notice button:hover {
  background-color: #1a57f4;
  color: #fff;
}
.job-details .job-detailing .notice button:focus {
  background-color: #1a57f4;
  color: #fff;
  box-shadow: unset;
}
.job-details .job-detailing .controls {
  display: flex;
  justify-content: space-between;
}
.job-details .job-detailing .controls a {
  text-decoration: none;
  color: #1956f3;
}
.job-details .job-detailing .job-title {
  display: flex;
  justify-content: space-between;
}
.job-details .job-detailing .job-title div {
  width: 90%;
  display: inline-block;
}
.job-details .job-detailing .job-title div h4 {
  word-break: break-all;
  color: #202020;
}
@media (max-width: 767px) {
  .job-details .job-detailing .job-title div h4 {
    font-size: 18px;
  }
}
.job-details .job-detailing .job-title span {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
}
.job-details .job-detailing .job-title svg {
  min-width: 25px !important;
  filter: unset;
}
@media (max-width: 575px) {
  .job-details .job-detailing .job-title svg {
    min-width: 19px !important;
    width: 19px;
  }
}
.job-details .job-detailing hr {
  border: 0.5px solid #e0e0e0;
  margin-top: 30px;
}
.job-details .desc p {
  color: #000;
  font-weight: 400;
  font-size: 13px;
  margin-bottom: 20px !important;
  margin-top: 10px;
}
.job-details .desc .upload-files {
  margin-top: 5rem;
  flex-wrap: wrap;
}
.job-details .desc .upload-files .file-upload1 {
  padding: 10px;
  border: 1px solid #227EFF;
  border-radius: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  color: #2b2f33;
  text-decoration: none;
}
.job-details .desc .upload-files .file-upload1 svg {
  min-width: 16px;
  margin-right: 6px;
  filter: unset;
}
.job-details .desc .upload-files .file-upload1 span {
  font-weight: 400;
  font-size: 13px;
  color: #000;
  line-height: 16px;
}
.job-details .desc .upload-files .file-upload1 h4 p {
  font-size: 15px;
  padding: 3px 0px;
  border-radius: 4px;
  color: #1a57f4;
  font-weight: 700;
  margin-bottom: 0;
}
.job-details .about-job-desc {
  margin-top: 45px;
}
.job-details .about-job-desc .uploaded {
  display: flex;
  margin-bottom: 15px;
}
@media (max-width: 375px) {
  .job-details .about-job-desc .uploaded {
    flex-direction: column;
  }
}
.job-details .about-job-desc .uploaded h5 {
  max-width: 112px;
  width: 100%;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  margin-right: 40px;
  color: #000;
}
@media (max-width: 575px) {
  .job-details .about-job-desc .uploaded h5 {
    font-size: 14px !important;
  }
}
@media (max-width: 375px) {
  .job-details .about-job-desc .uploaded h5 {
    max-width: unset !important;
    margin-right: 0 !important;
    margin-bottom: 10px !important;
  }
}
.job-details .about-job-desc .uploaded p {
  color: #000;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
}
@media (max-width: 575px) {
  .job-details .about-job-desc .uploaded p {
    font-size: 13px !important;
  }
}
.job-details .about-job-desc .uploaded span {
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  border: 0.5px solid #ffae7f;
  color: #ff5f00;
  border-radius: 4px;
  padding: 2px 6px;
  margin-left: 14px;
}
.job-details .about-job-desc .uploaded .functions {
  display: flex;
  flex-wrap: wrap;
}
.job-details .about-job-desc .uploaded .functions div {
  border: 1px solid #227EFF;
  border-radius: 21px;
  padding: 8px 15px;
  margin-bottom: 10px;
  margin-right: 13px;
}
.job-details .about-job-desc .uploaded .functions div p {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
}
.job-details .report {
  text-decoration: none;
  margin: 20px 0;
  color: #1956f3;
}
.job-details .about-job-desc {
  margin-top: 24px;
}
.job-details .about-job-desc .uploaded {
  display: flex;
  margin-bottom: 15px;
}
.job-details .about-job-desc .uploaded h5 {
  max-width: 112px;
  width: 100%;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  margin-right: 40px;
}
.job-details .about-job-desc .uploaded p {
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
}
.job-details .about-job-desc .uploaded span {
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  border: 0.5px solid #ff5f00;
  color: #ff5f00;
  border-radius: 4px;
  padding: 2px 6px;
  margin-left: 14px;
}
.job-details .about-job-desc .uploaded .functions {
  display: flex;
  flex-wrap: wrap;
}
.job-details .about-job-desc .uploaded .functions div {
  border: 1px solid #227EFF;
  border-radius: 21px;
  padding: 8px 15px;
  margin-bottom: 10px;
}
.job-details .about-job-desc .uploaded .functions div p {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
}
.job-details .about-job-desc .profile {
  margin-top: 60px;
  padding: 20px;
  align-items: center;
  background-color: #fff;
}
.job-details .about-job-desc .profile .follow button {
  border-radius: 30px;
}
.job-details .about-job-desc .profile .me-2 {
  height: 40px;
  border-radius: 50%;
  width: 40px;
}

.estimated-cost {
  height: 100vh;
  position: relative;
}
.estimated-cost hr {
  border: 0.5px solid #e0e0e0;
}
.estimated-cost .wrap {
  margin-top: 48px;
  background-color: #fff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  color: #000;
  width: 100%;
  bottom: 0;
  padding: 20px;
}
@media (max-width: 991px) {
  .estimated-cost .wrap {
    position: relative;
    margin-top: 25px;
  }
}
.estimated-cost .wrap input {
  background-color: transparent;
  border: 1px solid #E0E0E0;
  box-shadow: none;
  color: #202020;
}
.estimated-cost .wrap textarea {
  background-color: transparent;
  border: 1px solid #E0E0E0;
  box-shadow: none;
  color: #202020;
}
.estimated-cost .wrap .btn-primary {
  background-color: #1A57F4;
  border-radius: 30px !important;
  font-weight: 500;
  padding: 9px 21px;
  font-size: 15px;
  line-height: 22px;
  color: #fff;
  border: 0;
  box-shadow: unset !important;
}
.estimated-cost .wrap .loader_wrap {
  background-color: rgba(5, 5, 5, 0.06);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
}
.estimated-cost .wrap .loader_wrap .spinner-border {
  display: inline-block;
  width: 4rem;
  height: 4rem;
  vertical-align: -0.125em;
  border: 0.4em solid #1a57f4;
  border-right-color: transparent;
  border-radius: 50%;
  animation: 0.75s linear infinite spinner-border;
}
.estimated-cost .wrap textarea {
  margin-top: 20px;
}
.estimated-cost .wrap .estimate {
  display: flex;
}
.estimated-cost .wrap .estimate .amount {
  margin-top: 20px;
  width: 50%;
}
.estimated-cost .wrap .estimate .amount p {
  height: 41px;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
}
@media (max-width: 575px) {
  .estimated-cost .wrap .estimate .amount p {
    font-size: 14px;
  }
}
.estimated-cost .wrap .estimate .amount s .cost {
  border: 1px solid #227eff;
  border-radius: 10px;
  padding: 13px 30px;
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.estimated-cost .wrap .estimate .amount s .cost input {
  border: 0;
}
.estimated-cost .wrap .estimate .amount s .cost p {
  height: unset;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
}
.estimated-cost .wrap .send {
  text-align: center;
}
.estimated-cost .wrap .send button {
  border-radius: 30px;
  padding: 8px 15px;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
}

.estimated-cost .profile {
  background-color: #fff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.07);
  padding: 19px 24px;
  border-radius: 10px;
  margin-top: 60px;
}
.estimated-cost .profile.d-flex p {
  color: #202020;
}
.estimated-cost .profile img {
  width: 50px;
  height: 50px;
}
.estimated-cost .freelancer {
  margin: 20px 0;
}
.estimated-cost .freelancer .form-check-input[type=checkbox] {
  border: 0;
  background-color: #dfe0df;
}
.estimated-cost .freelancer .form-check-input:checked {
  background-color: #227eff;
}
.estimated-cost .freelancer .freelancer-list {
  padding: 15px;
  border: 1px solid #ced4da;
  border-radius: 10px;
  height: 133px;
  overflow-y: scroll;
}
.estimated-cost .freelancer .freelancer-list:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.estimated-cost .freelancer p {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
}
.estimated-cost .freelancer .user-1 {
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 10px;
}

.job-title p {
  color: #1e57f4;
  font-size: 18px;
  font-weight: 600;
  margin-top: 7px;
}

.lg-inn .form input {
  padding: 7px 22px !important;
}
.lg-inn .form select {
  padding: 7px 0 7px 7px !important;
}
@media (max-width: 575px) {
  .lg-inn .form select {
    font-size: 14px;
  }
}
.lg-inn .form button {
  padding: 8px 0px !important;
  font-size: 14px;
}
@media (max-width: 375px) {
  .lg-inn .form button {
    font-size: 13px;
  }
}

.signup .signup-form {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}
@media (max-width: 991px) {
  .signup .signup-form {
    min-height: 100vh;
  }
}

.user-log {
  max-width: 162px;
}

.notification_dropdown .notification_icon {
  box-shadow: none !important;
  position: relative;
}
.notification_dropdown .notification_icon::after {
  content: unset !important;
}
.notification_dropdown .notification_icon span {
  display: inline-block;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 11px;
  height: 12px;
  background: #f41a1a;
  border-radius: 100px;
  border: 2px solid white;
}
.notification_dropdown .dropdown-menu {
  width: 300px;
  right: 0;
  left: unset;
  max-height: 269px;
  overflow: auto;
  padding: 0;
}
@media (max-width: 575px) {
  .notification_dropdown .dropdown-menu {
    right: unset !important;
    margin-top: -7px;
  }
}
@media (max-width: 375px) {
  .notification_dropdown .dropdown-menu {
    width: 256px;
  }
}
.notification_dropdown .dropdown-menu li {
  border-bottom: 1px solid rgba(211, 211, 211, 0.431372549);
}
.notification_dropdown .dropdown-menu li:last-child {
  border-bottom: 0;
}
.notification_dropdown .dropdown-menu .dropdown-item {
  word-break: break-all;
  white-space: unset;
  padding: 11px 17px;
  font-size: 14px;
}
.notification_dropdown .dropdown-menu .dropdown-item span {
  font-size: 12px;
  color: grey;
  display: block;
}

.user-portfolio {
  background-color: #fff;
  padding: 40px;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .user-portfolio {
    padding: 30px 19px;
  }
}
@media (max-width: 668px) {
  .user-portfolio {
    align-items: flex-start;
  }
}
@media (max-width: 526px) {
  .user-portfolio {
    flex-direction: column;
  }
  .user-portfolio .user-port {
    margin-bottom: 20px;
  }
}
.user-portfolio div svg circle {
  fill: rgb(34, 126, 255);
}
.user-portfolio .users-details {
  margin-left: 40px;
}
@media (max-width: 526px) {
  .user-portfolio .users-details {
    margin-left: 0;
  }
}
.user-portfolio .users-details p {
  font-weight: 400;
  font-size: 15px;
  margin-top: 30px;
  color: #000;
}
@media (max-width: 668px) {
  .user-portfolio .users-details .d-flex {
    flex-direction: column;
  }
}
.user-portfolio .users-details button {
  margin: 0px 30px;
  padding: 8px 15px;
  border-radius: 30px;
  font-size: 12px;
  margin-right: 7px;
}
@media (max-width: 668px) {
  .user-portfolio .users-details button {
    margin: 0;
    margin-bottom: 20px;
    margin-top: 10px;
  }
}
.user-portfolio .users-details button.btn-primary {
  background-color: #1a57f4;
  color: #fff;
  border: 0 !important;
  box-shadow: none !important;
}
.user-portfolio .users-details .send-offer {
  border: 1px solid #E0E0E0;
  margin-left: 0 !important;
  color: #202020;
}
.user-portfolio .users-details h3 {
  font-weight: 700;
  font-size: 33px;
  line-height: 40px;
  margin-bottom: 0;
  color: #202020;
}
@media (max-width: 767px) {
  .user-portfolio .users-details h3 {
    font-size: 25px;
  }
}
@media (max-width: 575px) {
  .user-portfolio .users-details h3 {
    font-size: 22px;
  }
}
.user-portfolio .users-details span {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #000;
}

.portfolio-list {
  margin-top: 10rem;
}
@media (max-width: 991px) {
  .portfolio-list {
    margin-top: 2rem;
  }
}
.portfolio-list ul {
  list-style: none;
}
@media (max-width: 991px) {
  .portfolio-list ul {
    display: flex;
    overflow: auto;
    padding: 0;
  }
}
.portfolio-list ul li.active {
  background-color: #EBF1FF;
  border-radius: 10px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
}
.portfolio-list ul li {
  padding: 15px;
}
.portfolio-list ul li a {
  text-decoration: none;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  color: #000;
  word-break: break-all;
}
@media (max-width: 991px) {
  .portfolio-list ul li a {
    white-space: nowrap;
  }
}

.work-port img {
  width: 100%;
}

.send-offer-modal .modal-dialog {
  max-width: 600px;
}
.send-offer-modal .modal-header {
  justify-content: center;
  border-bottom: 1px solid rgba(204, 204, 204, 0.4784313725);
  margin: 0 14px;
}
.send-offer-modal input {
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid #ccc;
}
.send-offer-modal select {
  margin-top: 20px;
  margin-bottom: 1rem;
}
.send-offer-modal .modal-footer {
  margin: 0 14px;
  border-top: 1px solid rgba(204, 204, 204, 0.4784313725);
}
.send-offer-modal .modal-footer button {
  border-radius: 48px !important;
}

.flex_div {
  display: flex;
  position: relative;
  padding-left: 323px;
  margin-top: 25px;
  min-height: calc(100vh - 77px);
}
@media (max-width: 1400px) {
  .flex_div {
    padding-left: 274px;
    flex-direction: column;
  }
}
@media (max-width: 1199px) {
  .flex_div {
    padding-left: 0;
  }
}
.flex_div .proposal_sidebar {
  position: absolute;
  left: 10px;
  top: 0;
  width: 300px;
  display: inline-block;
  padding: 0px 9px 20px 52px;
}
@media (max-width: 1428px) {
  .flex_div .proposal_sidebar {
    width: 250px;
    padding: 0px 9px 20px 39px;
  }
}
@media (max-width: 1199px) {
  .flex_div .proposal_sidebar {
    width: 100%;
    padding: 0px 9px 20px 0px;
    position: unset;
  }
}
.flex_div .proposal_sidebar h5 {
  font-weight: 600;
  font-size: 23px;
  line-height: 28px;
  color: #202020;
}
@media (max-width: 1400px) {
  .flex_div .proposal_sidebar h5 {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .flex_div .proposal_sidebar h5 {
    font-size: 16px;
  }
}
@media (max-width: 1199px) {
  .flex_div .proposal_sidebar ul {
    display: flex;
    overflow: auto;
    margin-bottom: 0;
  }
}
.flex_div .proposal_sidebar ul li {
  list-style: none;
}
.flex_div .proposal_sidebar ul a {
  color: #000;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  display: block;
  text-decoration-line: none;
  margin-bottom: 8px;
  padding: 13px;
}
@media (max-width: 1199px) {
  .flex_div .proposal_sidebar ul a {
    background: rgba(211, 211, 211, 0.14);
    margin-right: 5px;
    border-radius: 10px;
  }
}
.flex_div .proposal_sidebar ul a.active, .flex_div .proposal_sidebar ul a:hover {
  background: #EBF1FF;
  border-radius: 10px;
  color: #202020;
}
@media (max-width: 1199px) {
  .flex_div .proposal_sidebar ul a {
    white-space: nowrap;
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .flex_div .proposal_sidebar ul a {
    font-size: 14px;
    margin-bottom: 0;
  }
}

.content_view1 {
  width: 100%;
}
.content_view1 h5 {
  font-weight: 600;
  font-size: 23px;
  line-height: 28px;
  color: #202020;
}
@media (max-width: 1400px) {
  .content_view1 h5 {
    font-size: 18px;
    margin-bottom: 0 !important;
  }
}
@media (max-width: 767px) {
  .content_view1 h5 {
    font-size: 16px;
  }
}
.content_view1 .proposal_head {
  background: #fff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  padding: 20px;
}
.content_view1 .proposal_head svg {
  filter: unset;
}
.content_view1 h2 {
  color: #202020;
  font-weight: 600;
  font-size: 23px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
@media (max-width: 1400px) {
  .content_view1 h2 {
    font-size: 19px;
  }
}

.proposal_inner {
  background-color: #fff;
  width: 100%;
  height: 100%;
  padding-left: 372px;
  padding-right: 10px;
}
@media (max-width: 1400px) {
  .proposal_inner {
    padding-left: 275px;
  }
}
@media (max-width: 767px) {
  .proposal_inner.proposal_inner1 {
    padding-left: 0;
  }
  .proposal_inner.proposal_inner1 .proposal_inner_list {
    width: 100%;
    position: unset;
  }
  .proposal_inner.proposal_inner1 .proposal_inner_list ul {
    display: flex;
    overflow: auto;
  }
  .proposal_inner.proposal_inner1 .proposal_inner_list ul li {
    min-width: 205px;
  }
}
.proposal_inner .proposal_inner_list {
  width: 340px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 1400px) {
  .proposal_inner .proposal_inner_list {
    width: 250px;
  }
}
.proposal_inner .proposal_inner_list ul li {
  list-style: none;
  position: relative;
}
.proposal_inner .proposal_inner_list ul li .heart_position {
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translate(0, -50%);
}
.proposal_inner .proposal_inner_list ul li .heart_position.wishlist.active svg {
  filter: unset;
  opacity: 1;
}
.proposal_inner .proposal_inner_list ul li .heart_position.wishlist svg {
  filter: grayscale(100%);
  opacity: 0.4;
  cursor: pointer;
}
.proposal_inner .proposal_inner_list .proposal_sidebar_list {
  padding: 18px 10px 18px 80px;
  display: block;
  text-decoration-line: none;
  border-bottom: 1.5px solid #e0e0e0;
  min-height: 75px;
}
.proposal_inner .proposal_inner_list .proposal_sidebar_list.viewed {
  background-color: #f4f4f4;
}
@media (max-width: 1400px) {
  .proposal_inner .proposal_inner_list .proposal_sidebar_list {
    padding: 18px 10px 18px 63px;
  }
}
@media (max-width: 767px) {
  .proposal_inner .proposal_inner_list .proposal_sidebar_list {
    padding: 10px 10px 10px 63px;
    min-height: 62px;
    background: rgba(211, 211, 211, 0.14);
    margin-right: 4px;
  }
}
.proposal_inner .proposal_inner_list .proposal_sidebar_list.active {
  background: #EBF1FF;
}
.proposal_inner .proposal_inner_list .proposal_sidebar_list:hover {
  background: #EBF1FF;
}
.proposal_inner .proposal_inner_list .proposal_sidebar_list h6 {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #202020;
  width: 85%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 2px;
}
@media (max-width: 767px) {
  .proposal_inner .proposal_inner_list .proposal_sidebar_list h6 {
    width: 77%;
    font-size: 13px;
  }
}
.proposal_inner .proposal_inner_list .proposal_sidebar_list p {
  font-weight: 500;
  font-size: 11px;
  line-height: 17px;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: 85%;
  word-break: break-all;
}
@media (max-width: 767px) {
  .proposal_inner .proposal_inner_list .proposal_sidebar_list p {
    width: 77%;
    -webkit-line-clamp: 1;
  }
}
.proposal_inner .proposal_inner_list .proposal_sidebar_list .img_position {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translate(0, -50%);
  border-radius: 100%;
}
.proposal_inner .proposal_inner_list .proposal_sidebar_list .img_position img {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1400px) {
  .proposal_inner .proposal_inner_list .proposal_sidebar_list .img_position img {
    width: 37px;
    height: 37px;
  }
}
.proposal_inner .proposal_inner_list .proposal_sidebar_list .heart_position {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translate(0, -50%);
}
.proposal_inner .proposal_inner_list .proposal_sidebar_list svg {
  filter: grayscale(100%);
  opacity: 0.3;
}
@media (max-width: 767px) {
  .proposal_inner .proposal_inner_content {
    padding-left: 15px;
  }
}
.proposal_inner .proposal_inner_content .proposal_content_head {
  border-bottom: 1.5px solid #e0e0e0;
  padding: 28px 0px;
}
@media (max-width: 767px) {
  .proposal_inner .proposal_inner_content .proposal_content_head {
    padding: 18px 0px;
  }
}
.proposal_inner .proposal_inner_content .proposal_content_head h3 {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #202020;
}
.proposal_inner .proposal_inner_content .proposal_content_details p {
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #202020;
  word-break: break-all;
}
.proposal_inner .proposal_inner_content .proposal_content_details h2 {
  font-weight: 600;
  font-size: 23px;
  line-height: 28px;
  color: #202020;
  padding-right: 52px;
  word-break: break-all;
}
@media (max-width: 1400px) {
  .proposal_inner .proposal_inner_content .proposal_content_details h2 {
    font-size: 19px;
  }
}
@media (max-width: 767px) {
  .proposal_inner .proposal_inner_content .proposal_content_details h2 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0;
  }
}
.proposal_inner .proposal_inner_content .proposal_content_details h2 .wishlist {
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translate(0, -50%);
}
.proposal_inner .proposal_inner_content .proposal_content_details h2 .wishlist:hover svg {
  filter: unset;
  opacity: 1;
}
.proposal_inner .proposal_inner_content .proposal_content_details h2 .wishlist.active svg {
  filter: unset;
  opacity: 1;
}
.proposal_inner .proposal_inner_content .proposal_content_details h2 .wishlist svg {
  filter: grayscale(100%);
  opacity: 0.4;
}
.proposal_inner .proposal_inner_content .proposal_content_details h4 {
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.15px;
  color: #000;
}
.proposal_inner .proposal_inner_content .proposal_content_details .btn.outline_btn {
  border: 1px solid #227EFF;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #000;
  text-decoration-line: none;
  border-radius: 10px;
  padding: 14px;
}
.proposal_inner .proposal_inner_content .proposal_content_details p {
  font-weight: 400;
  font-size: 13px;
  line-height: 140%;
  color: #000;
}
.proposal_inner .proposal_inner_content .proposal_content_details .proposal_footer {
  padding: 50px 140px 50px 90px;
  border-bottom: 1.5px solid #e0e0e0;
}
@media (max-width: 1400px) {
  .proposal_inner .proposal_inner_content .proposal_content_details .proposal_footer {
    padding: 50px 140px 50px 67px;
  }
}
@media (max-width: 575px) {
  .proposal_inner .proposal_inner_content .proposal_content_details .proposal_footer {
    padding: 7px 20px 50px 67px;
  }
}
.proposal_inner .proposal_inner_content .proposal_content_details .proposal_footer .proposal_footer_left_img {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translate(0, -50%);
  border-radius: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: inline-block;
}
@media (max-width: 575px) {
  .proposal_inner .proposal_inner_content .proposal_content_details .proposal_footer .proposal_footer_left_img {
    top: 10px;
    transform: unset;
  }
}
.proposal_inner .proposal_inner_content .proposal_content_details .proposal_footer .proposal_footer_left_img img {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1400px) {
  .proposal_inner .proposal_inner_content .proposal_content_details .proposal_footer .proposal_footer_left_img img {
    width: 41px;
    height: 41px;
  }
}
.proposal_inner .proposal_inner_content .proposal_content_details .proposal_footer .proposal_footer_right {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translate(0, -50%);
}
@media (max-width: 575px) {
  .proposal_inner .proposal_inner_content .proposal_content_details .proposal_footer .proposal_footer_right {
    position: unset;
    transform: unset;
    margin-top: 13px;
    display: block;
  }
}
.proposal_inner .proposal_inner_content .proposal_content_details .proposal_footer .proposal_footer_right a.proposal_footer_right_btn {
  background-color: #1A57F4;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: -0.005em;
  text-decoration: none;
  padding: 10px 18px;
  border-radius: 100px;
}
.proposal_inner .proposal_inner_content .proposal_content_details .btn.btn-primary {
  background: #227EFF;
  border-radius: 25px;
  color: #fff;
  padding: 10px 23px;
  border: 0 !important;
  box-shadow: none !important;
}
@media (max-width: 575px) {
  .proposal_inner .proposal_inner_content .proposal_content_details .btn.btn-primary {
    padding: 8px 23px;
    font-size: 14px;
  }
}

@media (max-width: 1199px) {
  .find-work .col-xl-10 {
    margin: auto;
  }
}

.scapped_head h3 {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #202020;
}
@media (max-width: 767px) {
  .scapped_head h3 {
    font-size: 16px;
  }
}
.scapped_head .scapped_head_flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.scapped_head .scapped_head_flex h5 {
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #202020;
}
.scapped_head .scapped_head_flex p a {
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #202020;
  text-decoration-line: none;
}
.scapped_head .scapped_head_flex p a.active {
  font-weight: 600;
  letter-spacing: 0.15px;
}
.scapped_head .scapped_head_flex p span {
  color: #E0E0E0;
}

.inforamtion_box {
  padding: 30px;
  margin: 30px 0;
  background-color: #f36004;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}
@media (max-width: 575px) {
  .inforamtion_box {
    padding: 19px 17px;
  }
}
.inforamtion_box.bg-white {
  background-color: #fff !important;
}
.inforamtion_box.input_width form .line_box .whiteboard_form .form-group .price_flexrow input {
  width: 100%;
}
.inforamtion_box.input_width form .line_box .whiteboard_form .form-group .deposite_input .price_flexrow {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1280px) {
  .inforamtion_box.input_width form .line_box .whiteboard_form .form-group .deposite_input .price_flexrow {
    flex-wrap: unset;
  }
}
@media (max-width: 1100px) {
  .inforamtion_box.input_width form .line_box .whiteboard_form .form-group .deposite_input .price_flexrow {
    flex-wrap: wrap;
  }
}
.inforamtion_box.input_width form .line_box .whiteboard_form .form-group .deposite_input .price_flexrow .deposite_input_flex {
  display: flex;
  width: 100%;
}
@media (max-width: 575px) {
  .inforamtion_box.input_width form .line_box .whiteboard_form .form-group .deposite_input .price_flexrow .deposite_input_flex {
    flex-wrap: wrap;
    align-items: start;
  }
}
.inforamtion_box.input_width form .line_box .whiteboard_form .form-group .deposite_input .price_flexrow .deposite_input_flex input {
  width: 110px !important;
  margin-right: 10px;
}
@media (max-width: 575px) {
  .inforamtion_box.input_width form .line_box .whiteboard_form .form-group .deposite_input .price_flexrow .deposite_input_flex input {
    width: 100% !important;
  }
}
@media (max-width: 1300px) {
  .inforamtion_box.input_width form .line_box .whiteboard_form .form-group .deposite_input p {
    min-width: 108px !important;
  }
}
@media (max-width: 575px) {
  .inforamtion_box.input_width form .line_box .whiteboard_form .form-group .deposite_input .paymrntbtn {
    margin-left: 0 !important;
  }
}
.inforamtion_box.input_width form .line_box .whiteboard_form .form-group input {
  width: 100% !important;
}
.inforamtion_box h5 {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.15px;
  color: #202020;
}
.inforamtion_box .contractform .notice_bg {
  background: #F2F2F2;
  font-weight: 600;
  font-size: 15px;
  color: #202020;
  text-align: center;
  padding: 12px;
  border-bottom: 1px solid #E0E0E0;
}
@media (max-width: 480px) {
  .inforamtion_box .contractform .notice_bg {
    font-size: 12px;
  }
}
.inforamtion_box .contractform .line_box {
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
  padding-left: 140px;
}
@media (max-width: 767px) {
  .inforamtion_box .contractform .line_box {
    padding-left: 0;
  }
}
.inforamtion_box .contractform .line_box h5 {
  font-weight: 600;
  font-size: 15px;
  color: #202020;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 129px;
  text-align: right;
}
@media (max-width: 1024px) {
  .inforamtion_box .contractform .line_box h5 {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .inforamtion_box .contractform .line_box h5 {
    transform: unset;
    width: auto;
    text-align: center;
    position: unset;
    padding: 12px 0 12px;
  }
}
.inforamtion_box .contractform .line_box .whiteboard_form .attach_file {
  border: 1px dashed #999999;
  border-radius: 10px;
  background: rgba(242, 242, 242, 0.3);
  height: 140px;
  cursor: pointer;
}
.inforamtion_box .contractform .line_box .whiteboard_form .attach_file input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.inforamtion_box .contractform .line_box .whiteboard_form .attach_file span {
  position: absolute;
  left: 50%;
  top: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.inforamtion_box .contractform .line_box .whiteboard_form .attach_file span svg {
  filter: unset;
}
.inforamtion_box .contractform .line_box .whiteboard_form .attach_file span p {
  color: #999999;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
}
@media (max-width: 480px) {
  .inforamtion_box .contractform .line_box .whiteboard_form .attach_file span p {
    font-size: 15px;
  }
}
.inforamtion_box .contractform .line_box .whiteboard_form .form-group {
  border-bottom: 1px solid #999999;
  margin-bottom: 0px;
}
@media (max-width: 767px) {
  .inforamtion_box .contractform .line_box .whiteboard_form .form-group {
    padding-bottom: 11px;
  }
}
.inforamtion_box .contractform .line_box .whiteboard_form .form-group:last-child {
  border-bottom: 0;
}
.inforamtion_box .contractform .line_box .whiteboard_form .form-group div.w-100 {
  padding-left: 14px;
}
.inforamtion_box .contractform .line_box .whiteboard_form .form-group p {
  min-width: 73px;
}
.inforamtion_box .contractform .line_box .whiteboard_form .form-group p.greytext {
  color: #999999;
}
@media (max-width: 575px) {
  .inforamtion_box .contractform .line_box .whiteboard_form .form-group p.mb-0.me-4 {
    display: block;
    text-align: left;
    width: 100%;
    margin: 0 !important;
    padding-top: 8px;
    font-weight: 600;
  }
}
.inforamtion_box .contractform .line_box .whiteboard_form .form-group .flex_input1 {
  display: flex;
  align-items: center;
  padding: 11px 0;
}
.inforamtion_box .contractform .line_box .whiteboard_form .form-group .flex_input1:last-child {
  margin-bottom: 0;
}
.inforamtion_box .contractform .line_box .whiteboard_form .form-group .flex_input1.border-between {
  border-bottom: 1px solid #E0E0E0;
}
@media (max-width: 480px) {
  .inforamtion_box .contractform .line_box .whiteboard_form .form-group .flex_input1 {
    flex-direction: column;
    align-items: start;
  }
}
.inforamtion_box .contractform .line_box .whiteboard_form .form-group .flex_input1 p {
  font-weight: 400;
  font-size: 14px;
  color: #202020;
  min-width: 135px;
}
@media (max-width: 1300px) {
  .inforamtion_box .contractform .line_box .whiteboard_form .form-group .flex_input1 p {
    font-size: 13px;
    min-width: 108px;
  }
}
@media (max-width: 480px) {
  .inforamtion_box .contractform .line_box .whiteboard_form .form-group .flex_input1 p {
    font-size: 13px;
    margin-bottom: 5px !important;
  }
}
.inforamtion_box .contractform .line_box .whiteboard_form .form-group .flex_input1 .signup_btn1 {
  color: #fff;
  border-radius: 25px;
  background-color: #1A57F4;
  font-weight: 700;
  font-size: 12px;
  outline: 0;
  line-height: 18px;
  border: 1px solid transparent;
  text-decoration-line: none;
  padding: 8px;
}
@media (max-width: 480px) {
  .inforamtion_box .contractform .line_box .whiteboard_form .form-group .flex_input1 .signup_btn1 {
    margin-top: 7px !important;
    display: inline-block;
  }
}
.inforamtion_box .contractform .line_box .whiteboard_form .form-group input,
.inforamtion_box .contractform .line_box .whiteboard_form .form-group textarea {
  border-bottom: 1px solid #999999;
  padding-bottom: 5px;
  display: inline-block;
  width: auto !important;
  height: 100%;
  margin: auto 0;
}
@media (max-width: 1024px) {
  .inforamtion_box .contractform .line_box .whiteboard_form .form-group input,
.inforamtion_box .contractform .line_box .whiteboard_form .form-group textarea {
    font-size: 13px;
  }
}
@media (max-width: 480px) {
  .inforamtion_box .contractform .line_box .whiteboard_form .form-group input,
.inforamtion_box .contractform .line_box .whiteboard_form .form-group textarea {
    width: 100% !important;
  }
}
.inforamtion_box .contractform .line_box .whiteboard_form .form-group label {
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #000;
  background: #F2F2F2;
  padding: 20px 7px 20px 13px;
  display: inline-flex;
  align-items: center;
  text-align: left;
  min-width: 164px;
}
@media (max-width: 1024px) {
  .inforamtion_box .contractform .line_box .whiteboard_form .form-group label {
    font-size: 14px;
    min-width: 155px;
    padding: 12px 7px 12px 13px;
  }
}
.inforamtion_box .contractform .form-group {
  margin-bottom: 25px;
  display: flex;
}
@media (max-width: 767px) {
  .inforamtion_box .contractform .form-group {
    flex-direction: column;
  }
}
@media (max-width: 575px) {
  .inforamtion_box .contractform .form-group .d-flex {
    flex-direction: column;
    align-items: start !important;
  }
}
.inforamtion_box .contractform .form-group .d-flex.phone_option .d-inline-flex {
  flex-direction: revert;
}
.inforamtion_box .contractform .form-group .d-flex.phone_option .d-inline-flex select.bg-white {
  background-color: transparent !important;
  color: #202020;
}
@media (max-width: 575px) {
  .inforamtion_box .contractform .form-group .d-flex .mailwidth {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .inforamtion_box .contractform .form-group .d-inline-flex {
    flex-direction: column;
    align-items: start;
  }
}
.inforamtion_box .contractform .form-group .d-inline-block {
  width: 100% !important;
}
.inforamtion_box .contractform .form-group .attach_file {
  border: 1px dashed #999999;
  border-radius: 10px;
  background: rgba(242, 242, 242, 0.3);
  height: 140px;
  cursor: pointer;
}
.inforamtion_box .contractform .form-group .attach_file input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.inforamtion_box .contractform .form-group .attach_file span {
  position: absolute;
  left: 50%;
  top: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.inforamtion_box .contractform .form-group .attach_file span svg {
  filter: unset;
}
.inforamtion_box .contractform .form-group .attach_file span p {
  color: #999999;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
}
@media (max-width: 575px) {
  .inforamtion_box .contractform .form-group .attach_file span p {
    font-size: 15px;
  }
}
.inforamtion_box .contractform .form-group .btn.savebtn {
  background-color: #1A57F4;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.005em;
  text-decoration: none;
  padding: 7px 18px;
  border-radius: 100px;
}
.inforamtion_box .contractform .form-group .file-upload2 {
  padding: 10px;
  border: 0.5px solid #227EFF;
  color: #202020;
  border-radius: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  display: inline-flex;
  align-items: center;
}
.inforamtion_box .contractform .form-group .file-upload2 span {
  color: #202020;
}
.inforamtion_box .contractform .form-group label {
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #000;
  min-width: 280px;
}
@media (max-width: 757px) {
  .inforamtion_box .contractform .form-group label {
    min-width: unset;
    margin-bottom: 5px;
  }
}
@media (max-width: 575px) {
  .inforamtion_box .contractform .form-group label {
    font-size: 13px;
  }
}
.inforamtion_box .contractform .form-group .form-check {
  font-weight: 400;
  font-size: 15px;
  color: #202020;
}
.inforamtion_box .contractform .form-group .form-check input {
  width: 18px !important;
  height: 18px !important;
  margin-right: 11px;
}
.inforamtion_box .contractform .form-group p {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #202020;
}
.inforamtion_box .contractform .form-group input {
  border: 0;
  border-bottom: 1px solid #999999;
  box-shadow: none !important;
  outline: none !important;
  font-weight: 400;
  font-size: 15px;
  width: 100%;
  background: transparent;
  color: #202020;
}
@media (max-width: 1400px) {
  .inforamtion_box .contractform .form-group input {
    width: 90% !important;
  }
}
@media (max-width: 575px) {
  .inforamtion_box .contractform .form-group input {
    width: 100% !important;
    font-size: 13px;
  }
}
.inforamtion_box .contractform .form-group input:disabled {
  background-color: transparent;
  border: 0;
  font-weight: 400;
  font-size: 15px;
  color: #202020;
  line-height: 18px;
}
@media (max-width: 767px) {
  .inforamtion_box .contractform .form-group input:disabled {
    padding-left: 0;
  }
}
.inforamtion_box .contractform .form-group input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #999999;
}
.inforamtion_box .contractform .form-group input::-moz-placeholder {
  /* Firefox 19+ */
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #999999;
}
.inforamtion_box .contractform .form-group input:-ms-input-placeholder {
  /* IE 10+ */
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #999999;
}
.inforamtion_box .contractform .form-group input:-moz-placeholder {
  /* Firefox 18- */
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #999999;
}
.inforamtion_box .contractform .form-group span {
  display: block;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #F0513B;
}
.inforamtion_box .contractform .form-group span.roun_span {
  border: 1.5px solid #e0e0e0;
  border-radius: 25px;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: -0.005em;
  text-transform: capitalize;
  color: #202020;
  display: inline-block;
  padding: 8px 15px;
  margin-left: 10px;
  white-space: nowrap;
  cursor: pointer;
}
@media (max-width: 575px) {
  .inforamtion_box .contractform .form-group span.roun_span {
    margin-top: 8px;
    margin-left: 0;
  }
}

.announcement_job_desc .dropdown .dropdown-toggle:after {
  content: unset;
}
.announcement_job_desc .dropdown .dropdown-menu-end {
  border: 1px solid #E0E0E0 !important;
}
.announcement_job_desc .dropdown .dropdown-menu {
  filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.05));
  border-radius: 10px;
  background-color: #fafbfc;
  overflow: hidden;
  left: 50% !important;
  transform: translate(-50%, 0) !important;
  top: 74% !important;
}
@media (max-width: 991px) {
  .announcement_job_desc .dropdown .dropdown-menu {
    left: unset !important;
    right: 0 !important;
    transform: unset !important;
  }
}
.announcement_job_desc .dropdown .dropdown-menu li a {
  font-weight: 500;
  font-size: 13px;
  line-height: 13px;
  color: #202020;
  padding: 12px 13px;
}
.announcement_job_desc .dropdown .dropdown-menu li a:hover {
  background-color: #EBF1FF;
  color: #202020;
}
.announcement_job_desc .view_offer {
  border: 1px solid #E0E0E0;
  border-radius: 21px;
  color: #202020;
  padding: 5px 15px;
  margin-right: 8px;
  cursor: pointer;
  font-size: 15px;
}
.announcement_job_desc .view_allpicants {
  background-color: #ff5f00;
  border-radius: 21px;
  color: #fff;
  padding: 5px 15px;
  cursor: pointer;
  font-size: 15px;
}
.announcement_job_desc .about-job {
  align-items: center;
}
.announcement_job_desc .about-job .flex_job {
  display: flex;
  margin-top: 20px;
  flex-wrap: wrap;
}
.announcement_job_desc .about-job .flex_job .amount {
  margin-bottom: 10px;
  margin-top: 0;
  margin-right: 20px;
}
.announcement_job_desc .about-job .margin_bottom {
  margin-bottom: 10px;
}
.announcement_job_desc .about-job .margin_bottom a {
  margin-bottom: 5px;
}

.dlte_notification {
  background-color: #fb1b39;
  border-radius: 21px;
  color: #fff !important;
  padding: 5px 15px !important;
  cursor: pointer;
  font-size: 15px;
  position: absolute;
  right: 22px;
  top: 27px;
}
@media (max-width: 375px) {
  .dlte_notification {
    position: unset;
    margin-top: 10px;
  }
}

.padding-right1 {
  padding-right: 125px !important;
  color: unset;
  text-decoration-line: none;
}
@media (max-width: 375px) {
  .padding-right1 {
    padding-right: 10px !important;
  }
}

.morecontent span {
  display: none;
}

div#reportModal .modal-header button {
  background-color: transparent;
  border: 0;
  font-size: 30px;
}

.morelink {
  display: block;
  color: #1956f3;
}

.thank-you-pop {
  width: 100%;
  padding: 20px;
  text-align: center;
}

.thank-you-pop img {
  width: 76px;
  height: auto;
  margin: 0 auto;
  display: block;
  margin-bottom: 25px;
}

.thank-you-pop h1 {
  font-size: 42px;
  margin-bottom: 25px;
  color: #000;
}

.thank-you-pop p {
  font-size: 20px;
  margin-bottom: 27px;
  color: #000;
}

.thank-you-pop h3.cupon-pop {
  font-size: 25px;
  margin-bottom: 40px;
  color: #222;
  display: inline-block;
  text-align: center;
  padding: 10px 20px;
  border: 2px dashed #222;
  clear: both;
  font-weight: normal;
}

.thank-you-pop h3.cupon-pop span {
  color: #03A9F4;
}

.thank-you-pop a {
  display: inline-block;
  margin: 0 auto;
  padding: 9px 20px;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  background-color: #8BC34A;
  border-radius: 17px;
}

.thank-you-pop a i {
  margin-right: 5px;
  color: #fff;
}

#reportModal .modal-header {
  border: 0px;
}

ul#select2-custom_usage-results,
ul#select2-custom_purpose-results,
ul#select2-custom_reason-results {
  display: none;
}

.multi_select1 .select2-selection {
  height: 100%;
}

@media (max-width: 1199px) {
  .portfolio_wrapper .flex_div {
    flex-direction: row;
  }
}
@media (max-width: 991px) {
  .portfolio_wrapper .flex_div {
    padding-left: 66px !important;
  }
}
@media (max-width: 1199px) {
  .portfolio_wrapper .flex_div {
    padding-left: 274px;
  }
}
.portfolio_wrapper .flex_div .proposal_sidebar {
  padding: 0px 0px 20px 0px;
  box-shadow: 6px 0px 10px rgba(0, 0, 0, 0.05);
  height: 100%;
  left: 0;
  transition: 0.3s ease;
  background-color: white;
}
@media (max-width: 1199px) {
  .portfolio_wrapper .flex_div .proposal_sidebar {
    width: 250px;
    position: absolute;
  }
}
@media (max-width: 991px) {
  .portfolio_wrapper .flex_div .proposal_sidebar {
    position: absolute;
    z-index: 1025;
    background: white;
  }
}
.portfolio_wrapper .flex_div .proposal_sidebar.minisidebar {
  width: 50px;
}
.portfolio_wrapper .flex_div .proposal_sidebar.minisidebar .portfolio_sidebar {
  opacity: 0;
  pointer-events: none;
}
.portfolio_wrapper .flex_div .proposal_sidebar.minisidebar .proposal_head1 {
  background-color: transparent;
}
.portfolio_wrapper .flex_div .proposal_sidebar.minisidebar .proposal_head1 h6 {
  display: none;
}
.portfolio_wrapper .flex_div .proposal_sidebar.minisidebar .proposal_head1 svg {
  transform: rotate(180deg);
  transition: 0.3s ease;
}
.portfolio_wrapper .flex_div .proposal_sidebar svg {
  cursor: pointer;
}
.portfolio_wrapper .flex_div .proposal_sidebar .proposal_head1 {
  background: #F2F2F2;
  padding: 20px 17px;
}
.portfolio_wrapper .flex_div .proposal_sidebar .proposal_head1 h6 {
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  color: #202020;
}
.portfolio_wrapper .flex_div .proposal_sidebar .portfolio_sidebar {
  max-height: calc(100vh - 153px);
  overflow: auto;
}
.portfolio_wrapper .flex_div .proposal_sidebar .portfolio_sidebar .accordion-item {
  border: 0 !important;
}
.portfolio_wrapper .flex_div .proposal_sidebar .portfolio_sidebar .accordion-item:first-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.portfolio_wrapper .flex_div .proposal_sidebar .portfolio_sidebar .accordion-item .accordion-collapse .accordion-body {
  padding: 4px 10px 15px 44px !important;
}
.portfolio_wrapper .flex_div .proposal_sidebar .portfolio_sidebar .accordion-item .accordion-collapse .collapse_inner_item {
  padding: 0;
  position: relative;
  margin: 16px 0px 0;
}
.portfolio_wrapper .flex_div .proposal_sidebar .portfolio_sidebar .accordion-item .accordion-collapse .collapse_inner_item .collapse-indicator-chevron {
  position: relative;
  display: contents;
  padding: unset;
  line-height: 1.3;
  left: 0;
  top: 0;
}
.portfolio_wrapper .flex_div .proposal_sidebar .portfolio_sidebar .accordion-item .accordion-collapse .collapse_inner_item .collapse-indicator-chevron:after {
  content: "";
  position: absolute;
  background-image: url(../../images/drop1.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 12px;
  height: 7px;
  left: 0;
  right: unset;
  margin-left: 0;
  margin-right: 12px;
  opacity: 0.6;
  top: 50%;
  transition: transform 0.2s ease-in-out;
  transform: translate(0, -50%);
}
.portfolio_wrapper .flex_div .proposal_sidebar .portfolio_sidebar .accordion-item .accordion-collapse .collapse_inner_item .collapse-indicator-chevron[aria-expanded=true]:after {
  transform: translate(0, -50%) rotate(-180deg);
  transition: transform 0.2s ease-in-out;
}
.portfolio_wrapper .flex_div .proposal_sidebar .portfolio_sidebar .accordion-item .accordion-collapse .collapse_inner_item .collapse_inner_item_head {
  position: relative;
  display: flex;
  padding-left: 20px !important;
  min-height: 24px;
  align-items: center;
}
.portfolio_wrapper .flex_div .proposal_sidebar .portfolio_sidebar .accordion-item .accordion-collapse .collapse_inner_item .collapse_inner_item_head a.portfolio_text {
  width: 72%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.portfolio_wrapper .flex_div .proposal_sidebar .portfolio_sidebar .accordion-item .accordion-collapse .accordion-body ul {
  margin: 0;
  padding: 0;
  overflow: unset;
}
.portfolio_wrapper .flex_div .proposal_sidebar .portfolio_sidebar .accordion-item .accordion-collapse .accordion-body ul li:first-child a {
  margin: 5px -10px 0 -45px;
}
.portfolio_wrapper .flex_div .proposal_sidebar .portfolio_sidebar .accordion-item .accordion-collapse .accordion-body ul li:last-child a {
  margin-bottom: -5px;
}
.portfolio_wrapper .flex_div .proposal_sidebar .portfolio_sidebar .accordion-item .accordion-collapse .accordion-body ul li a {
  padding: 7px 32px 6px 62px !important;
  margin: 0 -10px 0 -45px;
  font-weight: 500;
  font-size: 13px;
  border: 1px solid transparent;
  border-radius: 0;
  display: block;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: transparent;
  position: relative;
}
.portfolio_wrapper .flex_div .proposal_sidebar .portfolio_sidebar .accordion-item .accordion-collapse .accordion-body ul li a:hover {
  background-color: transparent;
  border: 1px solid #8CAAF9;
}
.portfolio_wrapper .flex_div .proposal_sidebar .portfolio_sidebar .accordion-item .accordion-collapse .accordion-body ul li a:focus {
  background: #EBF1FF;
  color: #1b57f4;
  border: 0;
}
.portfolio_wrapper .flex_div .proposal_sidebar .portfolio_sidebar .accordion-item .accordion-collapse .accordion-body ul li a.active {
  background: #EBF1FF;
  color: #1A57F4;
}
.portfolio_wrapper .flex_div .proposal_sidebar .portfolio_sidebar .accordion-item .accordion-collapse .accordion-body ul li a span {
  background: #FF5F00;
  width: 12px;
  height: 12px;
  display: inline-flex;
  border-radius: 100%;
  color: #fff;
  font-weight: 700;
  font-size: 8px;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 15px;
}
.portfolio_wrapper .flex_div .proposal_sidebar .portfolio_sidebar .accordion-item .accordion-header {
  position: relative;
}
.portfolio_wrapper .flex_div .proposal_sidebar .portfolio_sidebar .accordion-item .accordion-header .plus_icon1 {
  position: absolute;
  right: 15px;
  top: 47%;
  transform: translate(0, -50%);
  cursor: pointer;
  z-index: 1026;
}
.portfolio_wrapper .flex_div .proposal_sidebar .portfolio_sidebar .expand_div {
  border-top: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
}
.portfolio_wrapper .flex_div .proposal_sidebar .portfolio_sidebar .accordion-button {
  padding: 18px 32px 18px 18px;
  flex-direction: row-reverse;
  justify-content: flex-end;
  color: unset !important;
  background-color: unset !important;
  font-weight: 600;
  font-size: 15px;
  line-height: 16px;
  color: #202020;
  box-shadow: none !important;
  width: 88%;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.portfolio_wrapper .flex_div .proposal_sidebar .portfolio_sidebar .accordion-button:after {
  background-image: url("../../images/drop1.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 12px;
  height: 7px;
  left: 0;
  right: unset;
  margin-left: 0;
  margin-right: 12px;
}
.portfolio_wrapper .flex_div .proposal_sidebar .portfolio_sidebar .accordion-button.collapsed:after {
  opacity: 0.6;
}
.portfolio_wrapper .flex_div .proposal_sidebar .portfolio_sidebar .accordion-body a {
  font-weight: 600;
  font-size: 14px;
  color: #000;
  text-decoration-line: none;
  width: 72%;
}
.portfolio_wrapper .flex_div .content_view1 {
  background: #FFFFFF;
  padding: 0 20px;
}
@media (max-width: 1199px) {
  .portfolio_wrapper .flex_div .content_view1 {
    padding: 0 6px;
  }
}
@media (max-width: 575px) {
  .portfolio_wrapper .flex_div .content_view1 {
    padding: 0 10px;
  }
}
@media (max-width: 375px) {
  .portfolio_wrapper .flex_div .content_view1 {
    padding: 0;
  }
}
.portfolio_wrapper .flex_div .content_view1 .portfolio_flex_1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 7px 0px;
}
@media (max-width: 575px) {
  .portfolio_wrapper .flex_div .content_view1 .portfolio_flex_1 {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .portfolio_wrapper .flex_div .content_view1 .portfolio_flex_1.portfolio_flex_1_edit {
    flex-direction: column;
  }
}
@media (max-width: 575px) {
  .portfolio_wrapper .flex_div .content_view1 .portfolio_flex_1.portfolio_flex_1_edit .btn {
    margin-bottom: 4px;
    padding: 8px 11px;
    font-size: 11.5px;
  }
}
@media (max-width: 1199px) {
  .portfolio_wrapper .flex_div .content_view1 .portfolio_flex_1.portfolio_flex_1_edit .static_dropdown .dark_dropdown_menu {
    left: 50% !important;
    right: unset !important;
  }
}
@media (max-width: 575px) {
  .portfolio_wrapper .flex_div .content_view1 .portfolio_flex_1.portfolio_flex_1_edit .static_dropdown .dark_dropdown_menu {
    left: 50% !important;
    right: unset !important;
  }
}
@media (max-width: 1199px) {
  .portfolio_wrapper .flex_div .content_view1 .portfolio_flex_1.portfolio_flex_1_edit .static_dropdown .dark_dropdown_menu:before {
    left: 50%;
    right: unset;
  }
}
@media (max-width: 575px) {
  .portfolio_wrapper .flex_div .content_view1 .portfolio_flex_1.portfolio_flex_1_edit .static_dropdown .dark_dropdown_menu:before {
    left: 50% !important;
    right: unset !important;
  }
}
@media (max-width: 1199px) {
  .portfolio_wrapper .flex_div .content_view1 .portfolio_flex_1.portfolio_flex_1_edit .dark_dropdown_menu {
    left: 0 !important;
    right: unset !important;
  }
}
@media (max-width: 575px) {
  .portfolio_wrapper .flex_div .content_view1 .portfolio_flex_1.portfolio_flex_1_edit .dark_dropdown_menu {
    left: 14% !important;
    right: unset !important;
  }
}
@media (max-width: 1199px) {
  .portfolio_wrapper .flex_div .content_view1 .portfolio_flex_1.portfolio_flex_1_edit .dark_dropdown_menu:before {
    left: unset;
    right: 29px;
  }
}
@media (max-width: 375px) {
  .portfolio_wrapper .flex_div .content_view1 .portfolio_flex_1.portfolio_flex_1_edit .dark_dropdown_menu:before {
    left: unset !important;
    right: 35px !important;
  }
}
.portfolio_wrapper .flex_div .content_view1 .upload_drown {
  margin-right: 24px;
}
@media (max-width: 767px) {
  .portfolio_wrapper .flex_div .content_view1 .upload_drown {
    margin-right: 5px;
  }
}
.portfolio_wrapper .flex_div .content_view1 .portfolio_outline_btn {
  border: 1px solid #E0E0E0;
  border-radius: 21px;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #202020;
  padding: 11px 17px;
}
@media (max-width: 575px) {
  .portfolio_wrapper .flex_div .content_view1 .portfolio_outline_btn {
    padding: 8px 17px;
    margin-bottom: 4px;
  }
}
.portfolio_wrapper .flex_div .content_view1 .static_dropdown span {
  padding: 11px 0px 11px 18px;
}
@media (max-width: 575px) {
  .portfolio_wrapper .flex_div .content_view1 .static_dropdown span {
    padding: 8px 0px 8px 11px;
    font-size: 11px;
  }
}
.portfolio_wrapper .flex_div .content_view1 .static_dropdown span a {
  color: #fff;
  text-decoration-line: none;
}
.portfolio_wrapper .flex_div .content_view1 .static_dropdown span img {
  filter: brightness(0) invert(1);
}
.portfolio_wrapper .flex_div .content_view1 .static_dropdown span .btn {
  box-shadow: none !important;
  padding: 0 13px 0 6px !important;
  line-height: 0;
}
.portfolio_wrapper .flex_div .content_view1 .static_dropdown span .btn.dropdown-toggle::after {
  content: unset;
}
.portfolio_wrapper .flex_div .content_view1 .static_dropdown span .dark_dropdown_menu {
  margin-top: 18px !important;
}
@media (max-width: 575px) {
  .portfolio_wrapper .flex_div .content_view1 .static_dropdown span .dark_dropdown_menu:before {
    right: 31px;
    top: -9px;
    left: unset;
  }
}
.portfolio_wrapper .flex_div .content_view1 .portfolio_filled_btn {
  border: 1px solid #FF5F00;
  border-radius: 21px;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #fff;
  padding: 11px 17px;
  background-color: #FF5F00;
}
@media (max-width: 575px) {
  .portfolio_wrapper .flex_div .content_view1 .portfolio_filled_btn {
    padding: 8px 17px;
  }
}
.portfolio_wrapper .flex_div .content_view1 .portfolio_filled_btn.dropdown-toggle::after {
  content: unset;
}
.portfolio_wrapper .flex_div .content_view1 .dark_dropdown_menu {
  background-color: #555555;
  padding: 0;
  border-radius: 0;
  margin-top: 0px !important;
  left: 50% !important;
  transform: translate(-50%, 0) !important;
  top: 121% !important;
  z-index: 1030;
}
@media (max-width: 375px) {
  .portfolio_wrapper .flex_div .content_view1 .dark_dropdown_menu {
    left: 0 !important;
    right: unset !important;
  }
}
.portfolio_wrapper .flex_div .content_view1 .dark_dropdown_menu:before {
  content: "";
  left: 50%;
  top: -9px;
  height: 0;
  width: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #555555;
  transform: translate(-50%, 0) rotateX(154deg);
  position: absolute;
}
@media (max-width: 375px) {
  .portfolio_wrapper .flex_div .content_view1 .dark_dropdown_menu:before {
    left: unset !important;
    right: 20px !important;
  }
}
.portfolio_wrapper .flex_div .content_view1 .dark_dropdown_menu .dropdown-item {
  color: #fff;
  font-weight: 500;
  font-size: 13px;
  padding: 10px 13px;
}
.portfolio_wrapper .flex_div .content_view1 .dark_dropdown_menu .dropdown-item:hover, .portfolio_wrapper .flex_div .content_view1 .dark_dropdown_menu .dropdown-item:focus {
  background-color: #5381F7;
}
@media (max-width: 575px) {
  .portfolio_wrapper .flex_div .content_view1 .dark_dropdown_menu .dropdown-item {
    font-size: 11px;
  }
}
.portfolio_wrapper .flex_div .content_view1 .portfolio_right_head .portfolio_name {
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  color: #202020;
  padding: 12px 15px;
  margin-left: 0 !important;
  margin-top: 3px;
  margin-bottom: 3px;
}
@media (max-width: 767px) {
  .portfolio_wrapper .flex_div .content_view1 .portfolio_right_head .portfolio_name {
    margin-bottom: 7px !important;
  }
}
.portfolio_wrapper .flex_div .content_view1 .portfolio_right_head .portfolio_copy {
  font-weight: 600;
  font-size: 13px;
  color: #999999;
  line-height: 16px;
  background-color: #F2F2F2;
  display: inline-block;
  padding: 15px 12px;
  margin-right: 0.4rem !important;
  margin-left: 0 !important;
  margin-bottom: 3px !important;
  margin-top: 3px !important;
}
@media (max-width: 991px) {
  .portfolio_wrapper .flex_div .content_view1 .portfolio_right_head .portfolio_copy {
    padding: 12px 12px;
    margin-left: 10px !important;
  }
}
.portfolio_wrapper .flex_div .content_view1 .portfolio_iner {
  padding-left: 180px;
  min-height: 130px;
}
@media (max-width: 991px) {
  .portfolio_wrapper .flex_div .content_view1 .portfolio_iner {
    padding-left: 7px;
  }
}
.portfolio_wrapper .flex_div .content_view1 .portfolio_iner.portfolio_iner_left {
  padding-left: 280px;
  min-height: 215px;
}
@media (max-width: 767px) {
  .portfolio_wrapper .flex_div .content_view1 .portfolio_iner.portfolio_iner_left {
    padding-left: 0;
    margin-bottom: 0 !important;
  }
}
.portfolio_wrapper .flex_div .content_view1 .portfolio_iner .h3_name {
  font-weight: 700;
  font-size: 33px;
  line-height: 40px;
}
@media (max-width: 575px) {
  .portfolio_wrapper .flex_div .content_view1 .portfolio_iner .h3_name {
    width: 100%;
  }
}
.portfolio_wrapper .flex_div .content_view1 .portfolio_iner .portfolio_img_crop {
  background: #E0E0E0;
  border-radius: 0px;
  position: absolute;
  left: 0;
  display: inline-block;
  width: 250px;
  height: 200px;
  padding: 0;
}
@media (max-width: 767px) {
  .portfolio_wrapper .flex_div .content_view1 .portfolio_iner .portfolio_img_crop {
    position: unset;
    width: 200px;
    height: 150px;
  }
}
@media (max-width: 575px) {
  .portfolio_wrapper .flex_div .content_view1 .portfolio_iner .portfolio_img_crop {
    width: 150px;
    height: 150px;
  }
}
.portfolio_wrapper .flex_div .content_view1 .portfolio_iner .portfolio_img_crop img {
  width: 250px;
  height: 200px;
}
@media (max-width: 767px) {
  .portfolio_wrapper .flex_div .content_view1 .portfolio_iner .portfolio_img_crop img {
    width: 200px;
    height: 150px;
  }
}
@media (max-width: 575px) {
  .portfolio_wrapper .flex_div .content_view1 .portfolio_iner .portfolio_img_crop img {
    width: 200px;
    height: 150px;
  }
}
.portfolio_wrapper .flex_div .content_view1 .portfolio_iner .portfolio_project_image {
  background: #E0E0E0;
  border-radius: 0px;
  height: 240px;
  -o-object-fit: cover;
  object-fit: cover;
}
.portfolio_wrapper .flex_div .content_view1 .portfolio_iner .portfolio_image {
  width: 150px;
  height: 150px;
  background-color: #202020;
  border-radius: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #fff;
  position: absolute;
  left: 0;
}
.portfolio_wrapper .flex_div .content_view1 .portfolio_iner .portfolio_image:hover:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #202020;
  opacity: 0.5;
  border-radius: 100%;
}
.portfolio_wrapper .flex_div .content_view1 .portfolio_iner .portfolio_image:hover span {
  z-index: 1;
  cursor: pointer;
}
@media (max-width: 991px) {
  .portfolio_wrapper .flex_div .content_view1 .portfolio_iner .portfolio_image {
    position: relative;
    margin-bottom: 25px;
  }
}
@media (max-width: 575px) {
  .portfolio_wrapper .flex_div .content_view1 .portfolio_iner .portfolio_image {
    width: 120px;
    height: 120px;
  }
}
.portfolio_wrapper .flex_div .content_view1 .portfolio_iner .portfolio_image:hover span {
  display: block;
}
.portfolio_wrapper .flex_div .content_view1 .portfolio_iner .portfolio_image span {
  position: absolute;
  z-index: -1;
}
.portfolio_wrapper .flex_div .content_view1 .portfolio_iner .portfolio_image input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  border-radius: 100%;
}
.portfolio_wrapper .flex_div .content_view1 .portfolio_iner .portfolio_image img {
  width: 150px;
  height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100%;
}
@media (max-width: 575px) {
  .portfolio_wrapper .flex_div .content_view1 .portfolio_iner .portfolio_image img {
    width: 120px;
    height: 120px;
  }
}
.portfolio_wrapper .flex_div .content_view1 .portfolio_iner h3 {
  font-weight: 700;
  font-size: 33px;
  line-height: 40px;
  color: #202020;
}
@media (max-width: 991px) {
  .portfolio_wrapper .flex_div .content_view1 .portfolio_iner h3 {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .portfolio_wrapper .flex_div .content_view1 .portfolio_iner h3 {
    font-size: 19px;
  }
}
@media (max-width: 575px) {
  .portfolio_wrapper .flex_div .content_view1 .portfolio_iner h3 {
    font-size: 17px;
  }
}
.portfolio_wrapper .flex_div .content_view1 .portfolio_iner h3.project_title {
  font-size: 23px;
}
.portfolio_wrapper .flex_div .content_view1 .portfolio_iner h3 input {
  border: 1px solid lightgrey;
  background-color: transparent;
  border-radius: 9px;
  padding: 7px 12px;
  font-weight: unset;
}
@media (max-width: 767px) {
  .portfolio_wrapper .flex_div .content_view1 .portfolio_iner h3 input {
    width: 100%;
  }
}
.portfolio_wrapper .flex_div .content_view1 .portfolio_iner h3 input:disabled {
  padding: 0;
  border: 0;
  color: unset;
}
.portfolio_wrapper .flex_div .content_view1 .portfolio_iner .btn.btn-primary {
  margin: 0px 30px;
  padding: 8px 15px;
  border-radius: 30px;
  font-size: 12px;
  margin-right: 7px;
}
.portfolio_wrapper .flex_div .content_view1 .portfolio_iner .btn.send-offer {
  border: 1px solid #E0E0E0;
  margin-left: 0 !important;
  padding: 8px 15px;
  border-radius: 30px;
  font-size: 12px;
}
.portfolio_wrapper .flex_div .content_view1 .portfolio_iner p {
  color: #202020;
  font-weight: 400;
  font-size: 15px;
}
.portfolio_wrapper .flex_div .content_view1 .portfolio_iner p textarea {
  width: 100%;
  border: 1px solid lightgrey;
  background-color: transparent;
  border-radius: 9px;
  padding: 7px 12px;
}
.portfolio_wrapper .flex_div .content_view1 .portfolio_iner p textarea:disabled {
  width: 100%;
  border: 0;
  background-color: transparent;
  border-radius: 0;
  padding: 0;
  resize: none;
}
.portfolio_wrapper .flex_div .content_view1 .portfolio_box .bg-secondary {
  background-color: #E0E0E0 !important;
  padding: 60px 20px;
}
.portfolio_wrapper .flex_div .content_view1 .portfolio_box .bg-secondary .btn-dark {
  background-color: #333333;
  width: 60%;
  border-radius: 10px;
  padding: 13px;
  font-size: 15px;
}
@media (max-width: 767px) {
  .portfolio_wrapper .flex_div .content_view1 .portfolio_box .bg-secondary .btn-dark {
    width: 80%;
  }
}
@media (max-width: 575px) {
  .portfolio_wrapper .flex_div .content_view1 .portfolio_box .bg-secondary .btn-dark {
    width: 100%;
  }
}
.portfolio_wrapper .flex_div .content_view1 .portfolio_content {
  background-image: linear-gradient(0deg, transparent 24%, #E0E0E0 25%, #E0E0E0 26%, transparent 27%, transparent 74%, #E0E0E0 75%, #E0E0E0 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, #E0E0E0 25%, #E0E0E0 26%, transparent 27%, transparent 74%, #E0E0E0 75%, #E0E0E0 76%, transparent 77%, transparent);
  height: 100%;
  background-size: 50px 50px;
  width: 100%;
  height: 100%;
  background-position: center;
  width: 100%;
  padding: 30px;
  min-height: 300px;
}
@media (max-width: 375px) {
  .portfolio_wrapper .flex_div .content_view1 .portfolio_content {
    padding: 30px 10px;
  }
}
.portfolio_wrapper .flex_div .content_view1 .portfolio_content .portfolio_box .portfolio_image_box {
  background: #E0E0E0;
  border-radius: 5px;
  height: 100%;
  width: 100%;
  display: inline-block;
  -o-object-fit: cover;
     object-fit: cover;
}
.portfolio_wrapper .flex_div .content_view1 .portfolio_content .portfolio_box .portfolio_image_box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.portfolio_wrapper .flex_div .content_view1 .portfolio_content .portfolio_box h5 {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #202020;
  margin-top: 16px;
}
.portfolio_wrapper .flex_div .content_view1 .moodboard_content {
  background-size: 50px 50px;
  width: 100%;
  background-position: center;
  width: 100%;
  padding: 30px;
  min-height: 300px;
}
@media (max-width: 375px) {
  .portfolio_wrapper .flex_div .content_view1 .moodboard_content {
    padding: 30px 10px;
  }
}
.portfolio_wrapper .flex_div .content_view1 .moodboard_content .portfolio_box .portfolio_image_box {
  background: #E0E0E0;
  border-radius: 5px;
  height: 100%;
  width: 100%;
  display: inline-block;
  -o-object-fit: cover;
     object-fit: cover;
}
.portfolio_wrapper .flex_div .content_view1 .moodboard_content .portfolio_box .portfolio_image_box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.portfolio_wrapper .flex_div .content_view1 .moodboard_content .portfolio_box h5 {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #202020;
  margin-top: 16px;
}

.modal.register_modal .modal-header h5 {
  font-weight: 600;
  font-size: 18px;
  color: #202020;
}
.modal.register_modal .modal-header .btn-close {
  position: absolute;
  right: 27px;
  top: 17px;
  opacity: 1;
}
.modal.register_modal input {
  border: 1px solid #227EFF !important;
  border-radius: 10px;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  width: 100%;
  padding: 13px;
  margin-right: 24px;
  box-shadow: none !important;
  outline: none !important;
}
.modal.register_modal .modal_input {
  display: flex;
  align-items: center;
}
.modal.register_modal .collaborator​_list h5 {
  font-weight: 600;
  font-size: 15px;
  color: #202020;
}
.modal.register_modal .collaborator​_list p {
  font-weight: 400;
  font-size: 15px;
  color: #202020;
  position: relative;
  padding: 0 21px 0 29px;
  word-break: break-all;
}
.modal.register_modal .collaborator​_list p:last-child {
  margin-bottom: 0;
}
.modal.register_modal .collaborator​_list p .grey_circle {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #999999;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.modal.register_modal .collaborator​_list p .orange_circle {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #ff9328;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.modal.register_modal .collaborator​_list p .blue_circle {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #227EFF;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.modal.register_modal .collaborator​_list p .close_list {
  position: absolute;
  right: 0;
  cursor: pointer;
  top: 50%;
  transform: translate(0, -50%);
}

.portfolio_header {
  display: flex;
}
.portfolio_header .navbar-collapse {
  display: flex;
  align-items: center;
}

.no_data1 {
  position: absolute;
  left: 50%;
  top: 8px;
  transform: translate(-50%, 0);
  color: #000;
}

.select2-dropdown {
  border: 0 !important;
}

.plus_icon2 {
  position: absolute;
  right: 6px;
  top: 3px;
  cursor: pointer;
  line-height: 1;
}

.upload_image_modal .portfolio_image img {
  width: 150px;
}
.upload_image_modal .btn.btn-light {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  border-radius: 25px;
  outline: 0;
  color: #202020;
  padding: 11px 17px;
  border: 1px solid #E0E0E0;
  background: transparent;
}
.upload_image_modal .btn input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.upload_image_modal .close_svg {
  position: absolute;
  right: 20px;
  top: 14px;
  cursor: pointer;
}
.upload_image_modal .portfolio_image input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.upload_image_modal .cropper_box {
  background: rgba(242, 242, 242, 0.3);
  border: 1px dashed #999999;
  border-radius: 10px;
  min-height: 180px;
  position: relative;
}
.upload_image_modal .cropper_box p {
  font-weight: 500;
  font-size: 18px;
  color: #999999;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.portfolio_image_box.cropper_box {
  height: 350px;
}

.grid_bg {
  background-image: url("../../images/grid.png");
  background-size: cover;
  width: 100%;
  padding: 30px;
  min-height: 300px;
  position: relative;
}
.grid_bg .user-port {
  width: 120px;
  height: 120px;
  border-radius: 100px;
  background: #E0E0E0;
  display: inline-block;
}

.itmes_row .portfolio_box .portfolio_image_box1 {
  background: #E0E0E0;
  border-radius: 5px;
  overflow: hidden;
  display: inline-block;
  height: 100%;
  width: 100%;
  display: inline-block;
}
.itmes_row .portfolio_box .portfolio_image_box1 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.portfolio_image_box.croppie-container {
  height: 350px !important;
}
.portfolio_image_box.croppie-container img {
  width: auto !important;
  height: auto !important;
}

@media (max-width: 575px) {
  .detail_page1 {
    padding: 17px 0px !important;
  }
}
.detail_page1 .user-portfolio {
  align-items: start;
}
.detail_page1 .user-port {
  width: unset;
  height: unset;
}
.detail_page1 .user-port img {
  width: 200px;
  height: 200px;
}

.profile_dropdown .dropdown-menu {
  right: 0 !important;
  left: unset !important;
}
@media (max-width: 575px) {
  .profile_dropdown .dropdown-menu {
    right: unset !important;
    left: unset !important;
  }
}
.profile_dropdown .btn-outline-primary {
  box-shadow: none !important;
}

@media (max-width: 575px) {
  .right-btns.d-flex {
    flex-direction: column;
    align-items: start;
  }
}
.right-btns.d-flex .btn {
  margin-bottom: 10px;
}
.right-btns.d-flex .btn.notification_icon i {
  color: #202020;
}
.right-btns.d-flex .btn img {
  border-radius: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 767px) {
  .create_container {
    max-width: 95%;
  }
}
@media (max-width: 575px) {
  .create_container .col-xl-12 {
    padding: 0;
  }
}

.activesidebar1 .flex_div {
  padding-left: 78px;
  transition: 0.3s ease;
}

.valid-feedback {
  font-size: 12px;
  color: #198754;
}

@media (max-width: 575px) {
  .cr-viewport {
    width: 250px !important;
    height: 250px !important;
  }
}

.mob_btn1 {
  display: inline-block;
}
@media (max-width: 420px) {
  .mob_btn1 {
    display: block;
    text-align: center;
  }
}

.activeheart svg {
  filter: unset !important;
  opacity: 1 !important;
}

@media (max-width: 1199px) {
  .logo svg {
    width: 92px;
  }
}

.profile_dropdown .btn {
  position: relative;
  padding: 7px 7px 7px 37px;
  margin-left: 10px !important;
  font-size: 15px !important;
}
.profile_dropdown .btn img {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translate(0, -50%);
}

.select2-selection--multiple {
  background-color: transparent !important;
  color: #202020 !important;
}

.alert.alert-danger {
  background-color: #f8d7da !important;
  color: #842029 !important;
  border: 0 !important;
  margin-bottom: 0;
  border-radius: 0 !important;
  border-bottom: 1px solid #E0E0E0 !important;
}

.dropdown-item:active {
  background-color: transparent !important;
}

.inactive svg {
  filter: grayscale(100%);
  opacity: 0.3;
}

.whiteboard_main_section {
  background-image: linear-gradient(0deg, transparent 24%, #E0E0E0 25%, #E0E0E0 26%, transparent 27%, transparent 74%, #E0E0E0 75%, #E0E0E0 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, #E0E0E0 25%, #E0E0E0 26%, transparent 27%, transparent 74%, #E0E0E0 75%, #E0E0E0 76%, transparent 77%, transparent);
  height: 100%;
  background-size: 50px 50px;
  width: 100%;
  height: 100%;
  background-color: #FAFBFC;
  background-position: center;
}

.whiteboard_header li {
  list-style: none;
  display: inline;
  margin-left: -9px;
}
.whiteboard_header li span {
  width: 25px;
  height: 25px;
  font-weight: 400;
  font-size: 13px;
  color: #fff;
  display: inline-flex;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
}
.whiteboard_header li span.orange_name {
  background: #FF8740;
}
.whiteboard_header li span.green_name {
  background: #1EC866;
}
.whiteboard_header li span.blue_name {
  background: #5381F7;
}
.whiteboard_header .orange_btn1 {
  background-color: #ff5f00;
  border-radius: 21px;
  color: #fff;
  padding: 5px 15px;
  cursor: pointer;
  font-size: 15px;
}
.whiteboard_header .orange_btn1.border-0 {
  font-size: 11px;
  border-radius: 4px;
  padding: 5px 10px;
}
@media (max-width: 575px) {
  .whiteboard_header .orange_btn1.border-0 {
    margin-top: 10px;
  }
}
.whiteboard_header .btn-primary.rounded-pill {
  font-size: 12px;
}
.whiteboard_header .outline_btn {
  border: 1px solid #E0E0E0;
  border-radius: 21px;
  color: #202020;
  padding: 5px 15px;
  cursor: pointer;
  font-size: 15px;
}

.whiteboard_content {
  min-height: calc(100vh - 77px);
}

.editor_box {
  background: #FFFFFF;
  box-shadow: 0px 0px 7px 6px rgba(0, 0, 0, 0.05);
  border-radius: 50px;
  padding: 0 20px;
  display: inline-block;
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translate(-50%, 0);
}
@media (max-width: 1428px) {
  .editor_box {
    left: 48%;
  }
}
@media (max-width: 1199px) {
  .editor_box {
    padding: 0 10px;
  }
}
.editor_box .editor_box_ul {
  display: flex;
  align-items: center;
}
.editor_box .editor_dropdown {
  background: #FFFFFF;
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.07);
  border-radius: 5px;
}
.editor_box .editor_dropdown .dropdown-menu {
  filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.05));
}
.editor_box .editor_dropdown span {
  width: unset;
  height: unset;
  box-shadow: unset;
  background-color: transparent;
  position: absolute;
  right: 10px;
}
.editor_box .editor_dropdown button {
  font-weight: 500;
  font-size: 13px;
  color: #202020;
  box-shadow: none !important;
  padding: 9px 27px 9px 12px;
  position: relative;
  cursor: pointer;
  min-width: 150px;
  text-align: left;
}
.editor_box .editor_dropdown button.dropdown-toggle::after {
  content: unset;
}
.editor_box .editor_dropdown button span {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
  pointer-events: none;
  width: unset;
  height: unset;
  display: inline-block;
  box-shadow: unset;
}
.editor_box li {
  list-style: none;
  display: inline-block;
  margin: 0 8px;
}
.editor_box li.active span {
  background: #EBF1FF;
}
.editor_box li.active span svg path {
  fill: #5381F7;
}
.editor_box li.active span.more_path svg path.path_first {
  fill: #5381F7 !important;
}
.editor_box li.active span.more_path svg path.scnd_first {
  fill: #fff !important;
}
.editor_box li.active span.attach_pin svg path {
  stroke: #5381F7;
  fill: transparent;
}
.editor_box li.active .spape_drpdown .caption {
  background: #EBF1FF;
}
.editor_box li.active .spape_drpdown .caption svg rect {
  fill: #8CAAF9;
}
.editor_box li.active .spape_drpdown .caption svg ellipse {
  fill: #5381F7;
}
.editor_box li.active .whiteboard_dropdown1 .btn span {
  background: #EBF1FF;
}
.editor_box li.active .whiteboard_dropdown1 .btn span svg path.leftpath {
  fill: #8CAAF9;
}
.editor_box li.active .whiteboard_dropdown1 .btn span svg rect.rightpath {
  fill: #5381F7;
}
.editor_box li .spape_drpdown .caption:hover {
  background: #EBF1FF;
}
.editor_box li span {
  background: #FFFFFF;
  width: 46px;
  height: 46px;
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.07);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  padding: 10px;
  cursor: pointer;
}
@media (max-width: 1600px) {
  .editor_box li span {
    width: 37px;
    height: 37px;
    padding: 10px;
  }
}
.editor_box li span:hover {
  background: #EBF1FF;
}
.editor_box li .whiteboard_dropdown1 .dropdown-toggle {
  box-shadow: none !important;
}
.editor_box li .whiteboard_dropdown1 .dropdown-toggle::after {
  content: unset;
}
.editor_box li .whiteboard_dropdown1 .dropdown-menu {
  background-color: #f2f2f2;
  border-radius: 3px;
  background: #FFFFFF;
  border-radius: 10px;
  filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.05));
  border: 0;
  padding: 10px 12px;
  width: 196px;
  bottom: 22px !important;
}
.editor_box li .whiteboard_dropdown1 .dropdown-menu p span.outline_text {
  border: 0.5px solid #E0E0E0;
  border-radius: 2px;
  color: #999999;
  font-weight: 500;
  font-size: 11px;
  padding: 5px;
  width: auto;
  height: auto;
}
.editor_box li .whiteboard_dropdown1 .dropdown-menu p span.outline_text.outline_text1 {
  background-color: transparent;
  padding: 0;
  border-radius: 2px;
  box-shadow: none;
  border-radius: 4px;
}
.editor_box li .whiteboard_dropdown1 .dropdown-menu p span.outline_text.outline_text1 input {
  width: 32px;
  height: 25px;
  font-size: 12px;
  border-radius: 4px;
  opacity: 0.8;
}
.editor_box li .whiteboard_dropdown1 .dropdown-menu p svg {
  margin: 0 2px;
}
.editor_box li .whiteboard_dropdown1 .dropdown-menu p .btn-primary {
  font-weight: 600;
  font-size: 11px;
  border-radius: 21px;
}
.editor_box li input {
  background: #FFFFFF;
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.07);
  font-weight: 400;
  font-size: 14px;
  color: #202020;
  width: 46px;
  height: 36px;
  text-align: center;
  border-radius: 5px;
  border: 0 !important;
  outline: none !important;
}

.whiteboard_width {
  padding-right: 50px;
}

.whiteboard_select img {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
}
.whiteboard_select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: white;
  border: 0;
  padding-right: 23px;
  width: unset;
  display: inline-block;
  box-shadow: none !important;
  font-weight: 500;
  font-size: 15px;
  padding-left: 0;
  cursor: pointer;
}

.message_sidebar {
  width: 320px;
  background: white;
  border-left: 1px solid #E0E0E0;
  height: calc(100vh - 77px);
  display: inline-block;
  position: absolute;
  right: -50px;
  overflow: auto;
  top: 0;
}
@media (max-width: 1500px) {
  .message_sidebar {
    width: 288px;
  }
}
.message_sidebar .message_sidebar_header {
  border-bottom: 1px solid #E0E0E0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 16px;
  position: relative;
}
.message_sidebar .message_sidebar_header .caption {
  padding: 9px 24px 9px 0px !important;
  min-width: 136px !important;
}
.message_sidebar .message_sidebar_header .caption span {
  right: 10px !important;
}
.message_sidebar .message_sidebar_header .list {
  bottom: unset !important;
  z-index: 1025;
}
.message_sidebar .message_sidebar_header .dropdown {
  position: unset;
}
.message_sidebar .message_sidebar_header .dropdown .dropdown-toggle::after {
  content: unset;
}
.message_sidebar .message_sidebar_header .dropdown .dropdown-menu {
  transform: unset !important;
  right: 0 !important;
  left: unset !important;
  padding: 0;
  width: 100%;
}
.message_sidebar .message_sidebar_header .dropdown .dropdown-menu .dropdown_search1 {
  border-bottom: 1px solid #E0E0E0;
  position: relative;
}
.message_sidebar .message_sidebar_header .dropdown .dropdown-menu .dropdown_search1 input {
  border: 1px solid #E0E0E0;
  font-weight: 500;
  font-size: 15px;
  color: #212529;
  border: 0;
  outline: none !important;
  box-shadow: none !important;
  width: 100%;
  padding: 13px 41px 13px 12px;
}
.message_sidebar .message_sidebar_header .dropdown .dropdown-menu .dropdown_search1 input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #999999;
}
.message_sidebar .message_sidebar_header .dropdown .dropdown-menu .dropdown_search1 input::-moz-placeholder {
  /* Firefox 19+ */
  color: #999999;
}
.message_sidebar .message_sidebar_header .dropdown .dropdown-menu .dropdown_search1 input:-ms-input-placeholder {
  /* IE 10+ */
  color: #999999;
}
.message_sidebar .message_sidebar_header .dropdown .dropdown-menu .dropdown_search1 input:-moz-placeholder {
  /* Firefox 18- */
  color: #999999;
}
.message_sidebar .message_sidebar_header .dropdown .dropdown-menu .dropdown_search1 span {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translate(0, -50%);
  cursor: pointer;
}

.message_sidebar_content {
  border-bottom: 1px solid #E0E0E0;
  padding: 6px 16px;
}
.message_sidebar_content.read_items {
  background: #F4F4F4;
}
.message_sidebar_content .msg_desc {
  cursor: pointer;
}
.message_sidebar_content .chat_btn1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.message_sidebar_content .chat_btn1 a {
  border: 1px solid #E0E0E0;
  border-radius: 21px;
  text-decoration-line: none;
  padding: 7px 15px;
  font-weight: 500;
  font-size: 12px;
  color: #202020;
  margin-bottom: 6px;
}
.message_sidebar_content .dropdown-menu {
  padding: 9px;
  border: 0.5px solid #E0E0E0;
  border-radius: 0;
}
.message_sidebar_content .dropdown-menu li {
  margin-bottom: 2px;
  font-weight: 400;
  font-size: 12px;
}
.message_sidebar_content .whiteboard_title_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
}
.message_sidebar_content .whiteboard_title_head.activestar svg path {
  fill: #FFE662;
}
.message_sidebar_content .whiteboard_title_head h5 {
  font-weight: 700;
  font-size: 15px;
  color: #202020;
  margin-bottom: 0;
  cursor: pointer;
}
.message_sidebar_content .whiteboard_title_head svg {
  width: 15px;
}
.message_sidebar_content .whte_msg_desc {
  font-weight: 400;
  font-size: 13px;
  color: #202020;
}
.message_sidebar_content .message_sidebar_content_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.message_sidebar_content .message_sidebar_content_head p {
  margin-bottom: 0;
  color: #202020;
  font-weight: 500;
  font-size: 12px;
}
.message_sidebar_content .message_sidebar_content_head .message_sidebar_content_user .btn {
  font-size: 15px;
  font-weight: 500;
  width: 140px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  box-shadow: none !important;
}
.message_sidebar_content .message_sidebar_content_head .message_sidebar_content_user .btn .dropdown-item {
  font-size: 14px;
}
.message_sidebar_content .message_sidebar_content_head .message_sidebar_content_user .btn img {
  width: 21px;
  height: 21px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100%;
}

.dropdown.editor_dropdown {
  position: relative;
}
.dropdown.editor_dropdown.open .list {
  display: block;
}
.dropdown.editor_dropdown.spape_drpdown {
  border-radius: 100%;
}
.dropdown.editor_dropdown.spape_drpdown .caption {
  background: #FFFFFF;
  width: 46px;
  height: 46px;
  display: inline-flex;
  border-radius: 100%;
  min-width: 40px;
  white-space: unset;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
}
@media (max-width: 1600px) {
  .dropdown.editor_dropdown.spape_drpdown .caption {
    width: 37px;
    height: 37px;
    padding: 10px;
  }
}
.dropdown.editor_dropdown.spape_drpdown .caption span {
  position: unset;
  transform: unset;
  display: none;
  padding: 0;
}
.dropdown.editor_dropdown.spape_drpdown .caption .drop_value {
  max-width: unset;
  white-space: unset;
}
.dropdown.editor_dropdown.cursor_drpdown {
  border-radius: 100% !important;
}
.dropdown.editor_dropdown.cursor_drpdown .caption {
  background: #FFFFFF;
  width: 46px;
  height: 46px;
  display: inline-flex;
  border-radius: 100%;
  min-width: 40px;
  white-space: unset;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
}
@media (max-width: 1600px) {
  .dropdown.editor_dropdown.cursor_drpdown .caption {
    width: 37px;
    height: 37px;
    padding: 10px;
  }
}
.dropdown.editor_dropdown .caption {
  font-weight: 500;
  font-size: 12px;
  color: #202020;
  box-shadow: none !important;
  padding: 9px 27px 9px 12px;
  position: relative;
  cursor: pointer;
  min-width: 150px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 15px 0;
}
@media (max-width: 1600px) {
  .dropdown.editor_dropdown .caption {
    min-width: 131px;
  }
}
.dropdown.editor_dropdown .caption .drop_value {
  margin-bottom: 0;
  max-width: 115px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1600px) {
  .dropdown.editor_dropdown .caption .drop_value {
    max-width: 92px;
  }
}
.dropdown.editor_dropdown .caption span {
  position: absolute;
  right: 1px;
  top: 50%;
  transform: translate(0, -50%);
  background: transparent !important;
}
.dropdown.editor_dropdown .caption span svg path {
  fill: #555555 !important;
}
.dropdown.editor_dropdown .list {
  position: absolute;
  background-color: #f2f2f2;
  width: 100%;
  border-radius: 0 0 3px 3px;
  display: none;
  bottom: 62px;
  background: #FFFFFF;
  border-radius: 10px;
  filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.05));
  max-width: 146px;
  min-width: 143px;
}
.dropdown.editor_dropdown .list .item {
  padding: 10px 15px;
  font-weight: 500;
  font-size: 11px;
  color: #202020;
  cursor: pointer;
}
.dropdown.editor_dropdown .list .item:hover {
  background: #EBF1FF;
}
.dropdown.editor_dropdown .list .item.selected {
  background: #EBF1FF;
}
.dropdown.editor_dropdown .list .item:first-child {
  border-radius: 10px 10px 0px 0px;
}
.dropdown.editor_dropdown .list .item:last-child {
  border-radius: 0px 0px 10px 10px;
}
.dropdown.editor_dropdown .list .item svg {
  margin-right: 10px !important;
}

.border-between {
  border-bottom: 1px solid #E0E0E0;
}

@media (max-width: 1280px) {
  .price_flexrow {
    flex-wrap: wrap;
  }
}
.price_flexrow .deposite_input_flex {
  display: flex;
  width: 100%;
}
@media (max-width: 575px) {
  .price_flexrow .deposite_input_flex {
    flex-direction: column;
  }
}
@media (max-width: 575px) {
  .price_flexrow .paymrntbtn {
    margin-left: 0 !important;
  }
}

.paymrntbtn {
  margin-left: auto;
}
@media (max-width: 1280px) {
  .paymrntbtn {
    margin-top: 6px;
  }
}
.paymrntbtn .btn.rqstbtn,
.paymrntbtn .btn.pymtrqst {
  color: #fff;
  border-radius: 25px;
  background-color: #1A57F4;
  font-weight: 700;
  font-size: 10px;
  outline: 0;
  line-height: 18px;
  border: 1px solid transparent;
  text-decoration-line: none;
  padding: 5px 6px;
}
@media (max-width: 1024px) {
  .paymrntbtn .btn.rqstbtn,
.paymrntbtn .btn.pymtrqst {
    font-weight: 600;
    font-size: 11px;
  }
}
@media (max-width: 375px) {
  .paymrntbtn .btn.rqstbtn,
.paymrntbtn .btn.pymtrqst {
    margin-top: 3px;
  }
}
.paymrntbtn .btn.adminbtn1 {
  color: #fff;
  border-radius: 25px;
  background-color: #999999;
  font-weight: 700;
  font-size: 10px;
  outline: 0;
  line-height: 18px;
  border: 1px solid transparent;
  text-decoration-line: none;
  padding: 5px 6px;
}
@media (max-width: 1024px) {
  .paymrntbtn .btn.adminbtn1 {
    font-weight: 600;
    font-size: 11px;
  }
}
@media (max-width: 375px) {
  .paymrntbtn .btn.adminbtn1 {
    margin-top: 3px;
  }
}

.contactmodal {
  border-radius: 10px;
}
.contactmodal#manageModal .modal-dialog {
  max-width: 800px;
}
@media (max-width: 991px) {
  .contactmodal#manageModal .modal-dialog {
    max-width: 720px;
  }
}
@media (max-width: 767px) {
  .contactmodal#manageModal .modal-dialog {
    max-width: 96%;
  }
}
.contactmodal#contactadminModal .modal-dialog {
  max-width: 800px;
}
@media (max-width: 991px) {
  .contactmodal#contactadminModal .modal-dialog {
    max-width: 720px;
  }
}
@media (max-width: 767px) {
  .contactmodal#contactadminModal .modal-dialog {
    max-width: 96%;
  }
}
@media (max-width: 575px) {
  .contactmodal.closemodal_1 .modal-dialog {
    width: 80%;
    margin: auto;
  }
}
.contactmodal .modal-content {
  box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.15);
}
@media (max-width: 768px) {
  .contactmodal .modal-content .d-flex {
    flex-direction: unset;
  }
}
.contactmodal .modal-content .modal-header {
  border-bottom: 0.5px solid #E0E0E0;
}
.contactmodal .modal-content .modal-header .modal-title {
  font-weight: 600;
  font-size: 18px;
  color: #202020;
}
.contactmodal .modal-content .contact_admin textarea {
  border: 1px solid #227EFF;
  border-radius: 10px;
  font-weight: 400;
  font-size: 15px;
  resize: none;
  width: 100%;
  padding: 8px 10px;
}
.contactmodal .modal-content .manage_btn p {
  font-weight: 400;
  font-size: 13px;
  cursor: pointer;
}
@media (max-width: 480px) {
  .contactmodal .modal-content .manage_btn p {
    margin-top: 13px !important;
  }
}
.contactmodal .modal-content .manage_btn .contact_admin_1 {
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 480px) {
  .contactmodal .modal-content .manage_btn .contact_admin_1 {
    position: unset;
    margin-top: 5px !important;
  }
}
.contactmodal .modal-content .manage_btn .modal_filled_button {
  font-size: 18px !important;
  font-weight: 700 !important;
  padding: 8px 15px !important;
}
@media (max-width: 480px) {
  .contactmodal .modal-content .manage_btn .modal_filled_button {
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 8px 15px !important;
  }
}
.contactmodal .modal-content h5 {
  color: #202020;
  font-weight: 600;
  font-size: 15px;
}
.contactmodal .modal-content h2 {
  font-weight: 600;
  font-size: 18px;
  color: #202020;
}
.contactmodal .modal-content p {
  font-weight: 400;
  font-size: 15px;
  color: #202020;
}
.contactmodal .modal-content .btn.modal_outline_button {
  border: 1px solid #E0E0E0;
  border-radius: 21px;
  font-weight: 500;
  font-size: 12px;
  color: #202020;
  box-shadow: none;
}
.contactmodal .modal-content .btn.modal_filled_button {
  background: #227EFF;
  border-radius: 21px;
  font-weight: 500;
  font-size: 12px;
  color: #fff;
  box-shadow: none;
}
.contactmodal .modal-content .list_box1 {
  border: 1px solid #8CAAF9;
  border-radius: 10px;
  padding: 0 16px;
  max-height: 280px;
  overflow: auto;
}
.contactmodal .modal-content .list_box1 table {
  width: 100%;
}
.contactmodal .modal-content .list_box1 table thead tr {
  border-top: 0;
}
.contactmodal .modal-content .list_box1 table tr {
  border-top: 0.5px solid #8CAAF9;
}
.contactmodal .modal-content .list_box1 table tr th {
  font-weight: 400;
  font-size: 13px;
  color: #202020;
  padding: 13px 0;
  text-align: center;
}
@media (max-width: 767px) {
  .contactmodal .modal-content .list_box1 table tr th {
    white-space: nowrap;
  }
}
.contactmodal .modal-content .list_box1 table tr td {
  font-weight: 400;
  font-size: 13px;
  color: #202020;
  padding: 13px 0;
  text-align: center;
}
@media (max-width: 575px) {
  .contactmodal .modal-content .list_box1 table tr td {
    white-space: nowrap;
    padding: 13px 7px;
  }
}
.contactmodal .modal-content .list_box1 table tr td:first-child {
  font-weight: 600;
}
@media (max-width: 575px) {
  .contactmodal .modal-content .list_box1 table tr td.manage_td {
    white-space: unset;
  }
}
.contactmodal .modal-content .list_box1 table tr td div {
  max-width: 254px;
  display: inline-block;
  word-break: break-all;
}
@media (max-width: 991px) {
  .contactmodal .modal-content .list_box1 table tr td div {
    max-width: 110px;
  }
}
@media (max-width: 575px) {
  .contactmodal .modal-content .list_box1 table tr td div {
    max-width: 149px;
    min-width: 150px;
  }
}
.contactmodal .modal-content .list_box1 table tr td .project_status {
  background: #1A57F4;
  opacity: 0.27;
  border-radius: 21px;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  box-shadow: none;
  display: inline-block;
  padding: 0.375rem 0.75rem;
}

.disabled {
  opacity: 0.7;
}

.notice_board {
  background: #FFE8DB !important;
  border: 0 !important;
}

.strokecolor {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  opacity: 0;
}

.stroke-color-sec {
  position: relative;
}

.attach_pin {
  position: relative;
}
.attach_pin input {
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.portfolio_box h5 {
  color: #000;
}

.form-control:focus {
  box-shadow: none !important;
  outline: none !important;
}

.modal .btn-primary {
  background-color: #1a57f4;
  border-radius: 30px;
  font-weight: 500;
  font-size: 15px;
  line-height: 28px;
  color: #fff;
  border: 0;
  box-shadow: unset !important;
}
.modal .modal-content {
  background-color: #fff;
}
.modal input {
  border: 1px solid #E0E0E0;
  color: #000;
  background-color: #fff !important;
}
.modal textarea {
  border: 1px solid #E0E0E0;
  color: #000;
  background-color: #fff !important;
}
.modal select {
  border: 1px solid #E0E0E0;
  color: #000;
  background-color: #fff !important;
}

.send-offer-modal .modal-footer .btn-primary {
  background-color: #1a57f4;
  border-radius: 30px;
  font-weight: 500;
  font-size: 15px;
  line-height: 28px;
  color: #fff;
  border: 0;
  box-shadow: unset !important;
}
.send-offer-modal .modal-footer .btn-secondary {
  border: 1px solid #E0E0E0;
  margin-left: 0 !important;
  color: #202020;
  background-color: transparent;
}

.notification_dropdown .dropdown-menu {
  border: 1px solid #E0E0E0;
  background-color: #fff !important;
}
.notification_dropdown .dropdown-menu .dropdown-item {
  color: #000;
}
.notification_dropdown .dropdown-menu .dropdown-item:hover {
  background-color: transparent;
}
.notification_dropdown .dropdown-menu .dropdown-item.markall {
  color: green !important;
}

.select2-selection__choice {
  color: #000 !important;
  background-color: #fff !important;
}

.dark .find-work .scrap svg path {
  opacity: 1;
}

.dark .find-work svg path {
  opacity: 0.2;
}

.users-details div {
  color: #000;
}

.close_i {
  filter: unset;
}

.color_dropdown .list {
  min-width: 320px !important;
}
.color_dropdown .color_list {
  margin: 0;
  padding: 10px 5px;
}
.color_dropdown .color_list li {
  width: 25px;
  height: 25px;
  display: inline-block;
  padding: 0 !important;
  border-radius: 100% !important;
  margin: 0 0px;
}

.dropdown.editor_dropdown.spape_drpdown.color_dropdown .caption {
  padding: 0;
  margin: 0 !important;
  height: 36px !important;
  width: 36px !important;
  border-radius: 100% !important;
}
.dropdown.editor_dropdown.spape_drpdown.color_dropdown .caption span {
  display: inline-block !important;
}

.active-circle {
  border: 4px solid #FFFFFF;
}

.boxes_row .col-md-3:first-child .box1 {
  background-color: #007bff;
}
.boxes_row .col-md-3:nth-child(2) .box1 {
  background-color: #ef5350;
}
.boxes_row .col-md-3:nth-child(3) .box1 {
  background-color: #26c6da;
}
.boxes_row .col-md-3:nth-child(4) .box1 {
  background-color: #66bb6a;
}
.boxes_row .col-md-3:nth-child(5) .box1 {
  background-color: #66bb6a;
}
.boxes_row .col-md-3:nth-child(6) .box1 {
  background-color: #007bff;
}
.boxes_row .col-md-3:nth-child(7) .box1 {
  background-color: #ef5350;
}
.boxes_row .col-md-3:nth-child(8) .box1 {
  background-color: #26c6da;
}
.boxes_row .box1 {
  padding: 20px 20px 20px 108px;
  border-radius: 13px;
  position: relative;
  text-align: right;
  height: 100%;
}
.boxes_row .box1 i.fa {
  font-size: 4em;
  opacity: 0.2;
  color: #fff;
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translate(0, -50%);
}
.boxes_row .box1 p {
  font-size: 37px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 0;
}
.boxes_row .box1 h4 {
  opacity: 0.5;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
}

.transc_hstry {
  border-left: 0.5px solid rgba(224, 224, 224, 0.2392156863);
}
.transc_hstry:first-child {
  border-left: 0;
}
.transc_hstry:first-child h3 {
  color: #1956f3;
}
.transc_hstry p {
  font-weight: 400;
  font-size: 17px;
  line-height: 28px;
  color: #000;
  margin-bottom: 6px;
}
.transc_hstry h3 {
  font-weight: 500;
  font-size: 26px;
  line-height: 28px;
  color: #202020;
  margin-bottom: 0;
}
.transc_hstry .filled_btn {
  border-color: 1px solid #E0E0E0;
  color: #fff;
  border-radius: 25px;
  background-color: #1A57F4;
  font-weight: 400;
  font-size: 15px;
  outline: 0;
  line-height: 18px;
  padding: 8px;
  border: 1px solid transparent;
  display: inline-block;
}
.transc_hstry .outline_btn {
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  border-radius: 25px;
  outline: 0;
  color: #202020;
  padding: 8px;
  border: 1px solid #E0E0E0;
  display: inline-block;
}

.hstry_dropdown ul li {
  list-style: none;
  display: inline-block;
  margin-right: 12px;
}
.hstry_dropdown ul li .dropdown.editor_dropdown .caption {
  background: #EBF1FF;
  border-radius: 24px;
  min-width: 150px !important;
  padding: 10px 27px 10px 17px;
  font-size: 15px;
  color: #202020;
  margin: 0;
}
.hstry_dropdown ul li .dropdown.editor_dropdown .caption .drop_value {
  max-width: unset;
}
.hstry_dropdown ul li .dropdown.editor_dropdown .caption span {
  right: 12px;
  filter: unset;
}
.hstry_dropdown ul li .dropdown.editor_dropdown .list {
  bottom: unset !important;
  background-color: #fff;
  z-index: 1025;
  margin-top: 10px;
}
.hstry_dropdown ul li .dropdown.editor_dropdown .list .item {
  color: #202020;
}
.hstry_dropdown ul li .dropdown.editor_dropdown .list .item:hover {
  background-color: #EBF1FF;
}
.hstry_dropdown ul li .dropdown.editor_dropdown .list .item.selected {
  background-color: #EBF1FF;
}
.hstry_dropdown .outline_btn {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  border-radius: 25px;
  outline: 0;
  color: #202020;
  padding: 8px 16px;
  border: 1px solid #E0E0E0;
  display: inline-block;
  background-color: transparent !important;
}
.hstry_dropdown .outline_btn:hover {
  color: #202020;
}
.hstry_dropdown h5 {
  font-weight: 400;
  font-size: 15px;
  line-height: 28px;
  color: #202020;
  margin-bottom: 0;
}

.hstry_tab {
  padding: 30px;
  margin: 30px 0;
  background-color: #fff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}
.hstry_tab.hstry_tab1 {
  padding: 24px 18px;
  margin: 30px 0;
  background-color: #fff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.01);
  border-radius: 10px;
  overflow: auto;
}
.hstry_tab table {
  width: 100%;
}
.hstry_tab table tr td:first-child {
  border-left: 0;
}
.hstry_tab table th {
  font-weight: 600;
  font-size: 15px;
  color: #202020;
  padding: 16px 15px 35px;
  white-space: nowrap;
}
.hstry_tab table td {
  font-weight: 400;
  font-size: 15px;
  color: #202020;
  padding: 12px 15px;
  white-space: nowrap;
  border-left: 0.5px solid rgba(224, 224, 224, 0.4509803922);
}
.hstry_tab table td .project_h5 {
  font-weight: 600;
  font-size: 15px;
  color: #202020;
}
.hstry_tab table td .project_p {
  font-weight: 400;
  font-size: 15px;
  color: #202020;
}
.hstry_tab table td .project_p.blue_text1 {
  color: #1956f3;
}
.hstry_tab table td .withdraw_h6 {
  font-weight: 600;
  font-size: 15px;
}
.hstry_tab table td .withdraw_h6.red_text1 {
  color: #F0513B;
}
.hstry_tab table td .withdraw_h6.blue1_text1 {
  color: #1956f3;
}
.hstry_tab table td .withdraw_p {
  color: #999999;
  font-weight: 500;
  font-size: 10px;
}
.hstry_tab table td .outline_btn {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  border-radius: 25px;
  outline: 0;
  color: #202020;
  padding: 8px 16px;
  border: 1px solid #E0E0E0;
  display: inline-block;
  background-color: transparent !important;
}
.hstry_tab table td .outline_btn:hover {
  color: #202020;
}

.dropdown.editor_dropdown.alignment_dropdown .caption {
  min-width: 145px;
  padding: 9px 25px 9px 8px;
}
.dropdown.editor_dropdown.alignment_dropdown .caption .drop_value svg {
  height: 11px;
  display: inline-block;
}
.dropdown.editor_dropdown.alignment_dropdown .list {
  max-width: 148px;
  min-width: 148px;
}
.dropdown.editor_dropdown.alignment_dropdown .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dropdown.editor_dropdown.alignment_dropdown .item svg {
  width: 12px;
  margin-right: 0 !important;
  height: 12px;
}

.activestar svg path {
  fill: #FFE662;
}

.grid-snapping-bg {
  position: relative;
}
.grid-snapping-bg:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.4;
  background-image: url("../../images/grid_img.svg");
  background-size: 25px;
  background-repeat: repeat;
}

.input_width .paymrntbtn {
  display: inline-flex;
  margin-left: 19px;
}
.input_width .paymrntbtn .btn.pymtrqst {
  white-space: nowrap;
}
.input_width .paymrntbtn .btn.adminbtn1 {
  white-space: nowrap;
}
.input_width .paymrntbtn .btn.rqstbtn {
  white-space: nowrap;
}
.input_width textarea {
  border-bottom: 1px solid #999999 !important;
  padding-bottom: 5px;
  display: inline-block;
  width: 100%;
  height: 100%;
  margin: auto 0;
  border: 0;
}
.input_width textarea:focus {
  outline: none;
}

#loader {
  top: 0;
  position: fixed;
  background: rgba(0, 0, 0, 0.5490196078);
  width: 100%;
  height: 100%;
  z-index: 1080;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column-reverse;
}
#loader #shadow {
  width: 86px;
  height: 19px;
  background: #fff;
  opacity: 0.1;
  border-radius: 50%;
  animation: shadow 0.5s linear infinite;
  margin-top: 12px;
}
#loader #box {
  width: 80px;
  height: 80px;
  background: #ffffff;
  animation: animate 0.5s linear infinite;
  border-radius: 3px;
}

@keyframes loader {
  0% {
    left: -100px;
  }
  100% {
    left: 110%;
  }
}
@keyframes animate {
  17% {
    border-bottom-right-radius: 3px;
  }
  25% {
    transform: translateY(9px) rotate(22.5deg);
  }
  50% {
    transform: translateY(18px) scale(1, 0.9) rotate(45deg);
    border-bottom-right-radius: 40px;
  }
  75% {
    transform: translateY(9px) rotate(67.5deg);
  }
  100% {
    transform: translateY(0) rotate(90deg);
  }
}
@keyframes shadow {
  50% {
    transform: scale(1.2, 1);
  }
}
.orange_btn1 {
  background-color: #ff5f00;
  border-radius: 21px;
  color: #fff !important;
  padding: 5px 15px;
  cursor: pointer;
  font-size: 15px;
}
.orange_btn1.border-0 {
  font-size: 11px;
  border-radius: 4px;
  padding: 5px 10px;
}

.filebox .attach_pin {
  background: #FFFFFF;
  width: 46px;
  height: 46px;
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.07);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  padding: 10px;
  cursor: pointer;
  margin-right: 15px;
}

.content_white_board .portfolio_iner {
  top: 0;
  width: 100%;
  left: 0;
}
.content_white_board .portfolio_iner .row .col-xl-12 {
  z-index: 1025;
}
.content_white_board canvas {
  width: 100% !important;
}
.content_white_board .whiteboardContainer {
  width: 100% !important;
}

.chat_box {
  background: #FFFFFF;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  width: 500px;
  display: inline-block;
  position: fixed;
  bottom: 33px;
  right: 33px;
  padding: 18px;
  z-index: 101;
}
.chat_box .chat_box_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.chat_box .chat_box_head h2 {
  color: #202020;
  font-weight: 600;
  font-size: 15px;
}
.chat_box .chat_box_head span {
  cursor: pointer;
}
.chat_box .chat_box_head span img {
  width: 14px;
}
.chat_box p {
  color: #202020;
  font-weight: 400;
  font-size: 15px;
  margin-bottom: 12px;
}
.chat_box input {
  color: #000;
  font-weight: 400;
  font-size: 15px;
  border: 0;
  border-bottom: 0.5px solid #999999;
  width: 100%;
  outline: none !important;
  box-shadow: none !important;
}
.chat_box input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #999999;
}
.chat_box input::-moz-placeholder {
  /* Firefox 19+ */
  color: #999999;
}
.chat_box input:-ms-input-placeholder {
  /* IE 10+ */
  color: #999999;
}
.chat_box input:-moz-placeholder {
  /* Firefox 18- */
  color: #999999;
}
.chat_box textarea {
  color: #000;
  font-weight: 400;
  font-size: 15px;
  border: 0;
  border-bottom: 0.5px solid #999999;
  width: 100%;
  margin-top: 15px;
  resize: none;
  outline: none !important;
  box-shadow: none !important;
}
.chat_box textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #999999;
}
.chat_box textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #999999;
}
.chat_box textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #999999;
}
.chat_box textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #999999;
}
.chat_box .btn-primary {
  padding: 6px 16px;
  border-radius: 100px;
  font-weight: 700;
  font-size: 12px;
  margin-top: 15px;
  box-shadow: none !important;
}

#whiteboard2 canvas {
  width: 100%;
  height: 100%;
}

.chat_select {
  margin: 13px 0px;
}
.chat_select select {
  padding: 6px 27px 6px 9px;
  font-size: 15px;
  border: 1px solid lightgrey;
  border-radius: 6px;
}

li.active .cursor_drpdown svg path {
  fill: #5381F7;
}

#attachmentModal .attach_file {
  border: 1px dashed #999999;
  border-radius: 10px;
  background: rgba(242, 242, 242, 0.3);
  height: 140px;
  cursor: pointer;
}
#attachmentModal .attach_file input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
#attachmentModal .attach_file span {
  position: absolute;
  left: 50%;
  top: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
#attachmentModal .attach_file span svg {
  filter: unset;
}
#attachmentModal .attach_file span p {
  color: #999999;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
}

.message_sidebar.message_sidebar_top {
  top: 0;
  height: 100%;
  right: 0;
  z-index: 100;
}

.flex_btn1 {
  display: none;
}
.flex_btn1 li {
  line-height: 0;
}
.flex_btn1 i {
  margin-right: 8px;
  font-size: 14px;
  color: #555555;
  cursor: pointer;
}

.project-title input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #7e7e7e;
  font-size: 18px;
}
.project-title input::-moz-placeholder {
  /* Firefox 19+ */
  color: #7e7e7e;
  font-size: 18px;
}
.project-title input:-ms-input-placeholder {
  /* IE 10+ */
  color: #7e7e7e;
  font-size: 18px;
}
.project-title input:-moz-placeholder {
  /* Firefox 18- */
  color: #7e7e7e;
  font-size: 18px;
}

.portfolio_text1 {
  position: relative;
}
.portfolio_text1 .flex_btn1 {
  display: none;
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translate(0, -50%);
}
.portfolio_text1 span.without_bg {
  position: unset !important;
  background: transparent !important;
  height: unset !important;
  border-radius: unset !important;
  font-size: unset !important;
  color: unset !important;
  width: 83% !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block !important;
}

.inforamtion_box {
  padding: 30px;
  margin: 30px 0;
  background-color: #f36004;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}
.inforamtion_box h5 {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.15px;
  color: #202020;
}
.inforamtion_box form .form-group {
  margin-bottom: 25px;
  display: flex;
}
@media (max-width: 767px) {
  .inforamtion_box form .form-group {
    flex-direction: column;
  }
}
.inforamtion_box form .form-group div {
  flex-grow: 1;
}
@media (max-width: 575px) {
  .inforamtion_box form .form-group div {
    width: 100%;
  }
}
.inforamtion_box form .form-group .d-inline-block {
  width: 100% !important;
}
@media (max-width: 575px) {
  .inforamtion_box form .form-group .d-flex {
    flex-direction: column;
    align-items: start !important;
  }
}
@media (max-width: 575px) {
  .inforamtion_box form .form-group .d-flex span {
    margin-left: 0 !important;
    margin-right: 10px;
    margin-top: 10px;
  }
}
.inforamtion_box form .form-group .attach_file {
  border: 1px dashed #999999;
  border-radius: 10px;
  background: rgba(242, 242, 242, 0.3);
  height: 140px;
  cursor: pointer;
}
.inforamtion_box form .form-group .attach_file input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.inforamtion_box form .form-group .attach_file span {
  position: absolute;
  left: 50%;
  top: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
}
.inforamtion_box form .form-group .attach_file span p {
  color: #999999;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
}
.inforamtion_box form .form-group .btn.savebtn {
  background-color: #227EFF;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.005em;
  text-decoration: none;
  padding: 7px 18px;
  border-radius: 100px;
}
.inforamtion_box form .form-group .file-upload2 {
  padding: 10px;
  border: 0.5px solid #227EFF;
  color: #202020;
  border-radius: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  display: inline-flex;
  align-items: center;
}
.inforamtion_box form .form-group .file-upload2 span {
  color: #202020;
}
.inforamtion_box form .form-group label {
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #202020;
  min-width: 280px;
}
@media (max-width: 757px) {
  .inforamtion_box form .form-group label {
    min-width: unset;
    margin-bottom: 5px;
  }
}
.inforamtion_box form .form-group .form-check {
  font-weight: 400;
  font-size: 15px;
}
.inforamtion_box form .form-group .form-check input {
  width: 18px !important;
  height: 18px !important;
  margin-right: 11px;
}
.inforamtion_box form .form-group p {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #202020;
}
.inforamtion_box form .form-group input {
  border: 0;
  border-bottom: 1px solid #999999;
  box-shadow: none !important;
  outline: none !important;
  font-weight: 400;
  font-size: 15px;
  width: 100%;
}
@media (max-width: 1400px) {
  .inforamtion_box form .form-group input {
    width: 90% !important;
  }
}
.inforamtion_box form .form-group input:disabled {
  background-color: transparent;
  border: 0;
  font-weight: 400;
  font-size: 15px;
  color: #202020;
  line-height: 18px;
}
@media (max-width: 767px) {
  .inforamtion_box form .form-group input:disabled {
    padding-left: 0;
  }
}
.inforamtion_box form .form-group input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #999999;
}
.inforamtion_box form .form-group input::-moz-placeholder {
  /* Firefox 19+ */
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #999999;
}
.inforamtion_box form .form-group input:-ms-input-placeholder {
  /* IE 10+ */
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #999999;
}
.inforamtion_box form .form-group input:-moz-placeholder {
  /* Firefox 18- */
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #999999;
}
.inforamtion_box form .form-group span {
  display: block;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #F0513B;
}
.inforamtion_box form .form-group span.roun_span {
  border: 1.5px solid #e0e0e0;
  border-radius: 25px;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: -0.005em;
  text-transform: capitalize;
  color: #202020;
  display: inline-block;
  padding: 8px 15px;
  margin-left: 10px;
  white-space: nowrap;
}

.portfolio_flex_1 .btn.func {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  border-radius: 25px;
  outline: 0;
  color: #202020;
  padding: 11px 17px;
  border: 1px solid #E0E0E0;
  min-width: 77px;
}

.whiteboard_header .btn.btn-light.rounded-pill {
  background: transparent;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #202020;
  padding: 11px 17px;
}

.option_bar .dropdown.editor_dropdown.spape_drpdown.color_dropdown .caption {
  width: 50px !important;
  height: 34px !important;
  padding: 0 !important;
  background: transparent;
  justify-content: start;
}

.option_bar {
  background-color: #6066f8;
  position: absolute;
  transform: translate(50%, 0%);
  width: 300px;
  padding: 10px;
  border-radius: 5px;
}
.option_bar ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.option_bar ul li {
  list-style: none;
  cursor: pointer;
}
.option_bar ul li svg {
  filter: brightness(0) invert(1);
}

.freelancer_head h6 {
  font-size: 15px;
  font-weight: 400;
  color: #202020;
}
.freelancer_head h6 a {
  font-size: 15px;
  font-weight: 400;
  color: #202020;
  text-decoration-line: none;
}
.freelancer_head h6 a.active {
  font-weight: bold !important;
}
.freelancer_head h6 span {
  color: #e0e0e0;
}
.freelancer_head .align-right {
  text-align: right;
}

.freelancer_box .freelancer_img {
  width: 100%;
  height: 330px;
  background-color: #D9D9D9;
  border-radius: 5px;
  overflow: hidden;
  transition: 0.3s ease;
  cursor: pointer;
  aspect-ratio: 4/3;
}
@media (max-width: 1400px) {
  .freelancer_box .freelancer_img {
    height: 300px;
  }
}
@media (max-width: 1199px) {
  .freelancer_box .freelancer_img {
    height: 300px;
  }
}
.freelancer_box .freelancer_img:hover:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(32, 32, 32, 0.4588235294);
  transition: 0.3s ease;
}
.freelancer_box .freelancer_img:hover .comnt_div1 {
  display: inline-block;
}
.freelancer_box .freelancer_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 5px;
}
.freelancer_box .freelancer_img .comnt_div1 {
  position: absolute;
  right: 16px;
  top: 15px;
  border: 1px solid #FFFFFF;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  display: inline-block;
  border-radius: 14px;
  padding: 3px 11px;
  display: none;
}
.freelancer_box .freelancer_img .comnt_div1 svg path {
  opacity: 1 !important;
}
.freelancer_box .freelancer_body {
  padding: 12px 10px 10px 48px;
}
.freelancer_box .freelancer_body img {
  position: absolute;
  left: 0;
  top: 14px;
  width: 34px;
  height: 34px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100px;
}
.freelancer_box .freelancer_body h3 {
  font-size: 15px;
  font-weight: 600;
  color: #202020;
}
.freelancer_box .freelancer_body p {
  font-size: 13px;
  font-weight: 400;
  color: #202020;
}

.no_p {
  font-size: 18px;
  font-weight: 500;
  color: #202020;
  height: calc(100vh - 280px);
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal-body .freelancer_img {
  width: 100%;
  height: 330px;
  background-color: #D9D9D9;
  border-radius: 5px;
  overflow: hidden;
  transition: 0.3s ease;
  cursor: pointer;
}
.modal-body .freelancer_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 5px;
}
.modal-body .freelancer_body {
  padding: 12px 10px 10px 48px;
}
.modal-body .freelancer_body img {
  position: absolute;
  left: 0;
  top: 14px;
  width: 34px;
  height: 34px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100px;
}
.modal-body .freelancer_body h3 {
  font-size: 15px;
  font-weight: 600;
  color: #202020;
}
.modal-body .freelancer_body p {
  font-size: 13px;
  font-weight: 400;
  color: #202020;
}
.modal-body .modal_side_btn {
  position: fixed;
  right: 3%;
  top: 70px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .modal-body .modal_side_btn {
    position: unset;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 15px;
  }
}
.modal-body .modal_side_btn .show_btn1 {
  border-radius: 100px;
  width: 70px;
  height: 70px;
  background: #FFF;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.15);
  margin-bottom: 20px;
}
.modal-body .modal_side_btn .show_btn1:hover svg rect {
  fill: #227EFF;
}
.modal-body .modal_side_btn .show_btn1:hover svg path.top_arrow {
  fill: #227EFF;
}
.modal-body .modal_side_btn .show_btn1:hover svg path.cmnt_path {
  fill: #227EFF;
}
@media (max-width: 767px) {
  .modal-body .modal_side_btn .show_btn1 {
    width: 49px;
    height: 49px;
    margin: 0 10px;
  }
  .modal-body .modal_side_btn .show_btn1 svg {
    width: 23px;
  }
}
.modal-body .textarea_row {
  padding: 12px 10px 10px 48px;
}
.modal-body .textarea_row .btn.btn-light {
  background: transparent;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #202020;
  padding: 8px 17px;
  border: 1px solid #E0E0E0;
  border-radius: 100px;
  box-shadow: none !important;
  outline: none !important;
  margin: 13px 0 20px;
}
.modal-body .textarea_row img {
  position: absolute;
  left: 0;
  top: 14px;
  width: 34px;
  height: 34px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100px;
}
.modal-body .textarea_row textarea {
  border-radius: 10px;
  border: 1px solid 1px solid #E0E0E0;
  background-color: #fff;
  font-size: 15px;
  font-weight: 400;
  width: 100%;
  padding: 11px;
  height: 84px;
}
.modal-body .textarea_row textarea:focus {
  border: 1px solid #227eff;
  outline: none !important;
  box-shadow: none !important;
}
.modal-body .feedback_box h3 {
  font-size: 18px;
  font-weight: 600;
  color: #202020;
}
.modal-body .feedbakc_list {
  padding: 12px 30px 0 48px;
}
.modal-body .feedbakc_list img {
  position: absolute;
  left: 0;
  top: 14px;
  width: 34px;
  height: 34px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100px;
}
.modal-body .feedbakc_list h4 {
  font-size: 13px;
  font-weight: 600;
  color: #202020;
}
.modal-body .feedbakc_list h4 span {
  font-size: 10px;
  font-weight: 500;
  opacity: 0.7;
}
.modal-body .feedbakc_list p {
  font-size: 13px;
  color: #202020;
  font-weight: 400;
  margin-bottom: 0;
  word-wrap: break-word;
}
.modal-body .feedbakc_list button {
  position: absolute;
  right: 0;
  top: 0;
}
.modal-body .project_list1 {
  margin: 10px 0;
}
.modal-body .project_list1 img {
  left: 0;
  top: 5px;
  width: 34px;
  height: 34px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100px;
}
.modal-body .project_list1 h5 {
  font-size: 10px;
  font-weight: 500;
  color: #202020;
  margin-bottom: 2px;
}
.modal-body .project_list1 h5 span {
  font-size: 10px;
  font-weight: 500;
}
.modal-body .project_list1 p {
  font-size: 12px;
  font-weight: 500;
  color: #202020;
  min-height: 16px;
}
.modal-body .project_list1 .follow_following_btn {
  background: transparent;
  font-weight: 600;
  font-size: 11px;
  color: #202020;
  padding: 6px 10px;
  border: 1px solid #E0E0E0;
  border-radius: 100px;
  box-shadow: none !important;
  outline: none !important;
  position: absolute;
  right: 0;
  top: 0;
}
.modal-body .project_list1 .follow_following_btn.follow_btn {
  color: #fff;
  background-color: #ff5f00;
  border: 0;
  cursor: pointer;
}
.modal-body .report_text {
  font-size: 13px;
  font-weight: 400;
  color: #202020;
  opacity: 0.7;
  cursor: pointer;
}
.modal-body .report_text:hover {
  opacity: 1;
}

.reportprojectModal .modal-content {
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
}
.reportprojectModal .modal-content p {
  font-size: 15px;
  font-weight: 600;
  color: #202020;
}
.reportprojectModal .modal-content textarea {
  border-radius: 10px;
  border: 1px solid #227eff;
  background-color: #fff;
  font-size: 15px;
  font-weight: 400;
  width: 100%;
  padding: 11px;
  height: 84px;
}
.reportprojectModal .modal-content button.sen_btn11 {
  border-color: 1px solid #E0E0E0;
  color: #fff;
  border-radius: 25px;
  background-color: #1A57F4;
  font-weight: 500;
  font-size: 16px;
  padding: 6px 23px;
  outline: 0;
  border: 1px solid transparent;
}

.upper_modal1 {
  background-color: #EBF1FF;
}

.active_side_btn svg rect {
  fill: #227EFF;
}
.active_side_btn svg path.top_arrow {
  fill: #227EFF;
}
.active_side_btn svg path.cmnt_path {
  fill: #227EFF;
}

.moodboardModal .modal-dialog {
  max-width: 400px;
}
.moodboardModal .modal-dialog .form-check-input {
  background-color: #E0E0E0 !important;
  width: 18px;
  height: 18px;
  margin-right: 12px;
}
.moodboardModal .modal-dialog .form-check-input:checked {
  background-color: #0d6efd !important;
}
.moodboardModal .modal-dialog .form-check-label {
  font-size: 13px;
  font-weight: 400;
  color: #202020;
}
.moodboardModal .modal-dialog .form-check-label:focus-visible {
  border: 1px solid #155eef !important;
  outline: none;
}
.moodboardModal .modal-dialog button.sen_btn11 {
  border-color: 1px solid #E0E0E0;
  color: #fff;
  border-radius: 25px;
  background-color: #1A57F4;
  font-weight: 500;
  font-size: 12px;
  padding: 6px 23px;
  outline: 0;
  border: 1px solid transparent;
}
.moodboardModal .modal-dialog button.outline_btn11 {
  font-weight: 500;
  font-size: 12px;
  padding: 6px 23px;
  border-radius: 25px;
  outline: 0;
  color: #202020;
  border: 1px solid #E0E0E0;
}

.btn-close:focus {
  box-shadow: none !important;
}

@media (max-width: 575px) {
  .portfolio-no-img {
    min-height: 300px !important;
  }
}

@media (min-width: 1480px) {
  .feedbackModal.modal .modal-dialog {
    max-width: 100%;
  }
}
.feedbackModal.modal .modal-header .btn-close {
  background: #515151;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #fff;
  position: fixed;
  top: 10px;
  right: 10px;
}
.feedbackModal.modal .modal-header .btn-close path {
  fill: #fff;
}
.feedbackModal.modal .modal-content {
  background-color: rgba(13, 13, 13, 0);
}
.feedbackModal .whiteboard_content {
  width: 100%;
  max-width: 100%;
  max-height: 550px;
  height: 550px;
  min-height: auto;
  overflow: auto;
}
.feedbackModal .whiteboard_content .canvas-container {
  width: 100% !important;
}

@media (min-width: 1080px) {
  .custom_container_modal {
    max-width: 80%;
  }
  .feedbackModal.modal .modal-dialog {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .custom_container_modal {
    max-width: 80%;
  }
  .feedbackModal.modal .modal-dialog {
    max-width: 1000px;
  }
}
@media (min-width: 1440px) {
  .feedbackModal.modal .modal-dialog {
    max-width: 85%;
  }
}
@media (min-width: 1480px) {
  .feedbackModal.modal .modal-dialog {
    max-width: 100%;
  }
}
@media (min-width: 1650px) {
  .custom_container_modal {
    max-width: 80%;
  }
}