* {
  margin: 0;
  padding: 0;
}


html {
  scroll-behavior: smooth;
}

body {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.5;
  background-color: #f5f8fb;
  color: #05264e;
}

.wrapper {
  min-height: 100vh;
}

a {
  color: #0657bb;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #000;
}

a:hover {
  color: #0a2648;
  text-decoration: none;
}

/* Header CSS */
.navbar-expand-lg .navbar-nav .nav-link {
  font-size: 15px;
  font-weight: 500;
  color: #1a1a1a;
  transition: all 0.3s;
  margin-left: 3px;
  margin-right: 3px;
}

.navbar-expand-lg .navbar-nav .nav-link:hover,
.navbar-expand-lg .navbar-nav .nav-link:active,
.navbar-expand-lg .navbar-nav .nav-link:focus {
  color: #1a1a1a;
}

.navbar-expand-lg .navbar-nav .nav-link img {
  margin-top: 2px;
  margin-right: 5px;
}

.innertabbtn .nav-tabs {
  height: 29px;
}

.TextRight {
  text-align: right;
}

.withdrawl-page .nav-tabs.nav-bordered li a.active {
  border-bottom: none;
  background: #0657bb;
  color: #fff;
}

.btn-primary {
  color: #fff !important;
  background-color: #0657bb;
  border-color: #0657bb;
  font-size: 15px;
  border-radius: 4px;
  letter-spacing: 0.2px;
  padding: 7px 20px !important;
}

.btn-primary {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-primary:hover {
  color: #fff;
  background-color: #0249a0;
  border-color: #0249a0;
}

.text-success {
  color: #0acf97;
}

.text-danger {
  color: #fa5c7c;
}

.btn-check:checked+.btn-primary:focus,
.btn-check:active+.btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.show>.btn-primary.dropdown-toggle:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-check:checked+.btn-primary,
.btn-check:active+.btn-primary,
.btn-primary:active,
.btn-primary.active,
.show>.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0249a0;
  border-color: #0249a0;
}

.btn-check:focus+.btn-primary,
.btn-primary:focus {
  color: #fff;
  background-color: #0249a0;
  border-color: #0249a0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-outline {
  color: #333 !important;
  border-color: #333;
  font-size: 15px;
  border-radius: 2px;
  padding: 7px 20px !important;
}

.btn-outline:hover {
  color: #fff !important;
  background-color: #0657bb;
  border-color: #0657bb;
}

.btn-check:focus+.btn-outline,
.btn-outline:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-check:checked+.btn-outline,
.btn-check:active+.btn-outline,
.btn-outline:active,
.btn-outline.active,
.btn-outline.dropdown-toggle.show {
  color: #fff;
  background-color: #0657bb;
  border-color: #0657bb;
}

.btn-check:checked+.btn-outline:focus,
.btn-check:active+.btn-outline:focus,
.btn-outline:active:focus,
.btn-outline.active:focus,
.btn-outline.dropdown-toggle.show:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .nav-link.active {
  color: #05264e;
}

.navbar-dark {
  box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
  z-index: 11;
  background-color: #fff;
  padding: 0;
}

/* End Header CSS */

/* Footer CSS */

.main-footer {
  background-color: #0b2647;
  margin-top: 30px;
}

.list-unstyled li {
  list-style: none;
}

.main-footer h5 {
  font-size: 20px;
  color: #fff;
}

footer ul li {
  line-height: 30px;
  margin-bottom: 6px;
}

.main-footer ul li,
.main-footer ul li a {
  font-size: 15px;
  color: #889bbd;
  font-weight: 600;
}

.main-footer ul li a:hover {
  color: #fff;
}

.main-footer p {
  font-size: 15px;
  line-height: 30px;
  color: #889bbd;
  font-weight: 600;
}

footer .followUs li a i {
  background: #004170;
  color: #fff;
  font-size: 24px;
  padding: 10px 10px;
  border-radius: 3px;
}

footer .followUs li a img {
  max-width: 45px;
}

footer .followUs li a img.tw-logo {
  background: #fff;
  border-radius: 9px;
  border: 1px solid #000;
}

.list-inline li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

footer .copyright p {
  text-align: center;
  margin-bottom: 5px;
  color: #fff;
}

footer .copyright ul {
  text-align: center;
  display: flex;
  justify-content: center;
  margin: 0;
  padding-bottom: 10px;
}

.main-footer {
  padding: 30px 0 0 0;
}

/* End Footer CSS */

.trader-view-amendments {
  background: #f4f6f4;
  padding: 15px;
}

.job-review-page .col-sm-3 .card:first-child {
  margin-top: 37px;
}

.job-review-page h4 {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}

.job-review-page .ansBox {
  border: 1px solid #ddd;
  margin-top: 20px;
}

.job-review-page .ansBox h4 {
  background: #98adc9;
  margin: 0;
  padding: 10px 20px;
  color: #fff;
}

.job-review-page .ansBox h4 span {
  color: #ffe923;
  font-size: 14px;
}

.job-review-page h1 {
  font-size: 26px;
}

/* About Us page CSS */

.info-bg {
  background-image: url(../images/info-bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.info-title {
  font-size: 36px;
  text-align: center;
  color: #fff;
  margin: 0;
  padding: 100px 0;
  font-weight: 700;
}

.info-content h2 {
  font-size: 30px;
  margin-bottom: 10px;
}

.info-content h3 {
  font-size: 24px;
  margin-bottom: 10px;
}

.info-content h4 {
  font-size: 20px;
  margin-bottom: 5px;
}

.info-content h5 {
  font-size: 18px;
  margin-bottom: 5px;
}

.info-content h6 {
  font-size: 16px;
  margin-bottom: 5px;
}

.info-content p {
  font-size: 15px;
  line-height: 26px;
}

.info-content ol li {
  font-size: 15px;
  line-height: 26px;
}

/* End About Us page CSS */
/* Contact Us page CSS */
.contact-box {
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  padding: 50px;
  margin: 50px auto;
  border-radius: 8px;
  max-width: 75%;
}

.contact-box h2 {
  font-weight: 800;
  color: #111;
  text-align: center;
  padding-bottom: 40px;
}

.contact-form input,
.contact-form select {
  height: 50px;
}

.contact-box .btn-lg {
  padding: 14px 42px !important;
}
















/* Contact Us page CSS */
/* Help Desk page CSS */
.help-search {
  max-width: 50%;
  margin: 0 auto;
}

.help-search .form-control {
  height: 52px;
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.help-search .input-group-btn button {
  padding: 12.5px 35px !important;
  margin-left: 10px;
}

.accordion .card-header .title {
  font-size: 16px;
  color: #222;
  font-weight: 600;
}

.accordion .card-header .accicon {
  float: right;
  font-size: 20px;
  width: 1.2em;
}

.accordion .card-header {
  cursor: pointer;
  border-bottom: none;
}

.accordion .card {
  border: 1px solid #ddd;
}

.accordion .card-body {
  border-top: 1px solid #ddd;
}

.accordion .card-header:not(.collapsed) .rotate-icon {
  transform: rotate(180deg);
}

/* End Help Desk page CSS */
/* Section Home Banner CSS */
.home-banner {
  background: url(../images/home-bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 500px;
}

.caption {
  background: #fff;
  margin-top: 100px;
  padding: 30px;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}

.caption h1 {
  color: #111;
  font-size: 30px;
  font-weight: 800;
  text-align: center;
}

.caption h4 {
  color: #111;
  font-size: 22px;
  font-weight: 500;
  text-align: center;
  padding: 7px 0;
}

.caption ul {
  text-align: center;
}

.stepup .btn-primary {
  padding: 9.5px 20px !important;
  font-size: 14px;
  margin-top: 29px;
  font-weight: 600;
  text-align: center;
  color: #444 !important;
  background-color: #FBD44A !important;
  background-image: unset !important;
  border-color: #FBD44A !important;
}

.caption .list-inline li {
  display: inline-block;
  padding-right: 8px;
  padding-left: 8px;
  font-size: 16px;
  color: #000000;
  font-weight: 700;
}

.caption label {
  font-weight: 500;
  color: #111;
  font-size: 14px;
}

.stepup {
  margin-top: 30px;
}

.caption .form-select {
  padding: 10px;
}

.caption .form-control {
  height: 42px;
  border: 1px solid #dee2e6;
}

.mobile-view {
  display: none;
}

/* End Section Home Banner CSS */
/* Section How To Works CSS */
.how-it-works {
  margin-top: 60px;
}

.how-it-works img {
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.how-it-works h2 {
  font-size: 32px;
  font-weight: 800;
  color: #111;
  margin: 0;
  padding-bottom: 40px;
}

.title-how-work {
  border-radius: 8px;
  margin-bottom: 16px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
  padding: 14px 25px;
  border-left: 3px solid #0657bb;
  background: #fff;
}

.title-how-work h4 {
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #222;
}

.title-how-work p {
  font-size: 15px;
}

/* Section How To Works CSS */
/* Section Popular Job CSS */

.popular-job {
  background-color: #E3ECF8;
  margin-top: 60px;
}

.mobile-header {
  display: none;
}

.popular-job h2 {
  font-size: 32px;
  font-weight: 800;
  color: #111;
  margin: 0;
  padding: 40px 0;
  text-align: center;
}

.job-card {
  margin-bottom: 50px !important;
}

.job-box {
  position: relative;
  margin: 0 15px;
}

.job-caption {
  position: absolute;
  top: 0;
  padding: 20px;
}

.job-caption h4 {
  font-size: 20px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  line-height: 26px;
}

.job-caption p {
  font-size: 14px;
  text-align: center;
  color: #fff;
  font-weight: 400;
}

.job-box img {
  border-radius: 12px;
}

.popular-job .slick-prev:before,
.popular-job .slick-next:before {
  font-size: 24px;
  color: black;
}

.popular-job .slick-dots {
  display: none !important;
}

/* End Section Popular Job CSS */
/* Section Unique And Innovative CSS */
.unique-and-innovative {
  margin: 60px 0;
}

.innovative-heading {
  font-size: 32px;
  font-weight: 800;
  color: #111;
  text-align: center;
}

.innovative-text {
  font-size: 14px;
  text-align: center;
  max-width: 80%;
  margin: 0 auto 40px auto;
  line-height: 26px;
}

.unique-text {
  margin-top: 20px;
}

.unique-text h4 {
  font-size: 18px;
  font-weight: 800;
  color: #111;
  font-family: "Montserrat", sans-serif;
}

.unique-text p {
  font-size: 14px;
  line-height: 26px;
}

.unique-and-innovative img {
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
}

/* End Section Unique And Innovative CSS */

/* Section Trades and Services CSS */
.trades-and-services {
  padding: 40px 0;
  background-color: #f3f3f3;
}

.trades-and-services h2 {
  font-size: 32px;
  font-weight: 800;
  color: #111;
  text-align: center;
  padding-bottom: 30px;
}

.service-box {
  font-size: 15px;
  font-weight: 400;
  color: #222;
  border: 1px solid #f1f1f1;
  padding: 13px 0 13px 15px;
  width: 100%;
  display: block;
  box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;
  border-radius: 4px;
  margin-bottom: 15px;
  background-color: #fff;
}

.service-box::after {
  content: "\f054";
  color: #222;
  font-size: 15px;
  font-family: fontAwesome;
  position: absolute;
  right: 26px;
}

.service-box:hover {
  color: #fff;
  border: 1px solid #0657bb;
  background-color: #0657bb;
}

.service-box:hover:after {
  color: #fff;
}

/* End Section Trades and Services CSS */

/* Section Satisfaction Guarantee CSS */
.satisfaction {
  margin: 60px 0;
}

.satisfaction h2 {
  font-size: 32px;
  font-weight: 800;
  color: #111;
  text-align: center;
  padding-bottom: 25px;
}

.happy-box {
  text-align: center;
  padding: 15px;
  border: 1px dashed #aaa;
  border-radius: 4px;
  position: relative;
  margin-top: 40px;
  background-color: #fff;
}

.happy-box h4 {
  font-size: 18px;
  font-weight: 800;
  color: #111;
  font-family: "Montserrat", sans-serif;
  padding-top: 25px;
}

.happy-box p {
  font-size: 14px;
  line-height: 26px;
}

.happy-box i {
  font-size: 30px;
  color: #fff;
  background: #0657bb;
  padding: 10px 18px;
  border-radius: 100px;
  position: absolute;
  top: -36px;
  left: 164px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

/* End Section Satisfaction Guarantee CSS */

/* Section Experience The Difference CSS */
.listar-map-button {
  width: 100%;
  position: absolute;
  display: table;
  right: 0;
  top: 0;
  height: 200px;
  line-height: 164px;
  white-space: nowrap;
  font-size: 0;
}

.listar-map-button {
  right: auto;
  /***
      box-shadow: 0 0 65px rgba(0,0,0,.07) inset, 0 0 35px rgba(0,0,0,.05) inset;**/
}

.listar-map-button-text span {
  background-color: #fff;
  color: #252525;
  text-shadow: none;
}

.listar-page-header-content .listar-map-button-text span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
  height: 44px;
  line-height: 1.6;
  padding: 10px 25px;
  box-shadow: 0 0 300px rgba(0, 0, 0, 0.65), 0 0 30px rgba(0, 0, 0, 0.06);
  border-radius: 50px;
  background-color: rgba(35, 40, 45, 0.9);
  color: #fff;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
}

header .footer-wave {
  max-width: 102%;
  width: 100%;
  height: 187.8px;
  left: 0;
  z-index: 1;
  bottom: -67px;
  background: url(https://1.bp.blogspot.com/-NYl6L8pz8B4/XoIVXwfhlNI/AAAAAAAAU3k/nxJKiLT706Mb7jUFiM5vdCsOSNnFAh0yQCLcBGAsYHQ/s1600/hero-wave.png) repeat-x;
  animation: wave 10s cubic-bezier(0.44, 0.66, 0.67, 0.37) infinite;
}

@keyframes wave {
  0% {
    background-position: 0;
  }

  100% {
    background-position: 1440px;
  }
}

.listar-feature-item-wrapper {
  margin-bottom: 80px;
  padding-left: 27px;
  padding-right: 27px;
}

.listar-feature-item {
  height: calc(100% - 20px);
}

.listar-feature-item.listar-feature-has-link~.listar-feature-fix-bottom-padding.listar-fix-feature-arrow-button-height {
  position: relative;
  display: block;
  width: 100%;
  height: 30px;
}

.listar-feature-item a {
  position: absolute;
  top: -12px;
  left: 15px;
  width: calc(100% - 30px);
  height: calc(100% + 4px);
  border-radius: 1000px;
  z-index: 10;
}

.listar-feature-with-image .listar-feature-item a:before {
  content: "";
  position: absolute;
  top: -74px;
  left: 50%;
  margin-left: -74px;
  width: 148px;
  height: 148px;
  border-radius: 1000px;
  z-index: 10;
}

.listar-feature-item a:after {
  content: "";
  position: absolute;
  bottom: 2px;
  left: 54%;
  margin-left: -26px;
  width: 30px;
  height: 30px;
  border-radius: 1000px;
  z-index: 10;
  animation: ripple 0.7s linear infinite;
  box-shadow: 5px 5px 10px rgba(163, 177, 198, 0.6),
    -5px -5px 10px rgba(255, 255, 255, 0.5);
}


@keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(163, 177, 198, 0.3), 0 0 0 1em rgba(163, 177, 198, 0.3), 0 0 0 3em rgba(163, 177, 198, 0.03), 0 0 0 5em rgba(163, 177, 198, 0.01);
  }

  100% {
    box-shadow: 0 0 0 1em rgba(163, 177, 198, 0.3), 0 0 0 3em rgba(163, 177, 198, 0.03), 0 0 0 5em rgba(163, 177, 198, 0.03), 0 0 0 8em rgba(163, 177, 198, 0.01);
  }
}



.listar-feature-item .listar-feature-item-inner {
  padding: 50px 30px;
  border-radius: 6px;
  z-index: 5;
  position: relative;
  height: 100%;
}

.listar-feature-item .listar-feature-item-inner {
  padding-top: 60px;
  padding-bottom: 60px;
}

.listar-feature-item .listar-feature-item-inner:before {
  border: 0;
  box-shadow: 120px 0px 150px rgba(80, 80, 80, 0.15),
    10px 0px 10px rgba(80, 80, 80, 0.02);
  border-radius: 1000px;
  background: rgba(255, 255, 255, 0);
  background: -moz-linear-gradient(left,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0) 40%,
      rgba(255, 255, 255, 1) 100%);
  background: -webkit-gradient(left top,
      right top,
      color-stop(0%, rgba(255, 255, 255, 0)),
      color-stop(40%, rgba(255, 255, 255, 0)),
      color-stop(100%, rgba(255, 255, 255, 1)));
  background: -webkit-linear-gradient(left,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0) 40%,
      rgba(255, 255, 255, 1) 100%);
  background: -o-linear-gradient(left,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0) 40%,
      rgba(255, 255, 255, 1) 100%);
  background: -ms-linear-gradient(left,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0) 40%,
      rgba(255, 255, 255, 1) 100%);
  background: linear-gradient(to right,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0) 40%,
      rgba(255, 255, 255, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
}

.listar-feature-item .listar-feature-item-inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.listar-feature-right-border {
  position: absolute;
  width: calc(100% + 24px);
  height: calc(100% + 24px);
  top: -12px;
  left: 50%;
  overflow: hidden;
}

.listar-feature-items {
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.listar-feature-right-border:before,
.listar-hovering-features .listar-feature-item a:hover~.listar-feature-item-inner .listar-feature-right-border:before {
  border: 11px solid #2f53bf;
}

.listar-feature-right-border:before,
.listar-hovering-features .listar-feature-item a:hover~.listar-feature-item-inner .listar-feature-right-border:before,
.listar-hovering-features-grey .listar-feature-item a:hover~.listar-feature-item-inner .listar-feature-right-border:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 11px solid #258bd5;
  border-radius: 800px;
  left: -50%;
}

.listar-feature-item .listar-feature-block-content-wrapper {
  position: relative;
  display: block;
  text-decoration: none;
  margin: -30px;
  padding: 10px;
  height: calc(100% + 100px);
}

.listar-features-design-2 .listar-feature-item-wrapper {
  margin-bottom: 120px;
  padding-left: 27px;
  padding-right: 27px;
}

.listar-feature-item.listar-feature-has-link .listar-feature-item-inner:after {
  content: "";
  background-color: #fff;
  z-index: 6;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
}

.listar-feature-icon-wrapper {
  width: 110px;
  height: 110px;
  line-height: 148px;
  border-radius: 500px;
  position: relative;
  background-color: #fff;
  box-shadow: 8px 8px 30px rgba(0, 0, 0, 0.06);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  left: 60%;
  vertical-align: middle;
  margin-left: -74px;
  top: -36px;
  margin-top: -81px;
}

.listar-feature-icon-inner {
  width: 80px;
  height: 80px;
  line-height: 100px;
  border-radius: 500px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.14);
  background: #ffffff;
  top: -20px;
}

.listar-feature-icon-inner div {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  display: inline-block;
  position: relative;
  width: 120px;
  height: 120px;
  line-height: 120px;
  text-align: left;
}

.max-200 {
  max-width: 200px;
}

.stage-milestones tr td {
  border: none !important;
  text-align: left !important;
  min-width: 200px;
}

.pm-summary {
  border: 1px solid #ddd;
  margin: 20px 0;
  padding: 10px 5px 0px 5px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

.stage-milestones table {
  border: none;
}

.pm-summary thead td {
  font-size: 16px;
  padding: 0 15px !important;
  line-height: 30px;
  font-weight: 600;
}

.prior-experience .accordion-header {
  margin-top: 0;
}

.pm-summary tbody tr td {
  font-size: 20px;
  padding: 0 15px !important;
  line-height: 30px;
}

.job-review-page .nav-pills {
  border-bottom: 2px solid #0857bb;
}

.job-review-page .nav-pills li a {
  background: #f4f4f4;
}

.rating-check input {
  margin-right: -5px;
}

.pay-method {
  max-width: 900px;
  margin: 0 auto;
}

.pay-method h1 {
  font-size: 24px;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 20px;
}

.pay-method .pmBox {
  text-align: center;
}

.pay-method .pmBox img {
  margin: 20px auto;
}

.pay-method .card-body {
  min-height: 223px;
}

.prior-experience .accordion-header button {
  font-size: 18px;
  background: #fff;
  color: #000;
  font-weight: 600;
}

.prior-experience .accordion-body {
  background: #fff;
}

.withdrawl-page {
  margin-top: 50px;
}

.withdrawl-page h1 {
  font-size: 26px;
}

.nav-green li .nav-link.active {
  color: #000;
  background-color: #b6ff7d;
}

.transaction-page h1,
.invoice-detail-page h1 {
  font-size: 26px;
  margin-bottom: 20px;
  margin-top: 30px;
}

.invoice-detail-page .card {
  max-width: 800px;
  margin: 0 auto;
}

.invoice-detail-page .billTo h4 {
  margin: 20px 0;
}

.transaction-page .project-status {
  font-size: 30px;
}

.transaction-page .thead-light tr {
  border: none;
}

.transaction-page .table td,
.transaction-page .table th {
  color: #000;
  text-align: center;
  border-color: #ddd;
}

.form-group input.form-control,
.form-group select.form-control {
  height: 40px;
}

.listar-feature-icon-inner img {
  position: relative;
  margin: 0 auto;
  vertical-align: middle;
  display: inline-block;
  width: auto;
  left: 50%;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  transform: translate(-50%);
  height: 55px;
}

.listar-feature-item img,
.listar-feature-item i {
  position: relative;
  display: inline-block;
  border-bottom: 0;
  font-size: 40px;
  top: -20px;
  padding: 0;
  color: #258bd5;
  height: 40px;
  left: 40px;
}

.pr-experience {
  font-style: italic;
  font-weight: 300;
  font-size: 13px;
  line-height: 24px;
}

.listar-feature-with-image .listar-feature-content-wrapper {
  top: 0;
}

.listar-feature-content-wrapper {
  position: relative;
  margin-top: -15.5px;
}

.listar-feature-item .listar-feature-item-title {
  padding-top: 0;
  margin: 0 0 30px;
  text-align: center;
  line-height: 1.5;
}

.listar-feature-item .listar-feature-item-title.listar-feature-counter-added>span {
  border-radius: 50px;
}

.listar-feature-item .listar-feature-item-title>span {
  box-shadow: 15px 20px 30px rgba(80, 80, 80, 0.12),
    5px 0px 40px rgba(80, 80, 80, 0.1);
  padding: 10px 20px;
  display: inline-block;
  position: relative;
  background-color: #fff;
}

.listar-feature-item .listar-feature-item-title>span span {
  box-shadow: 15px 15px 30px rgba(80, 80, 80, 0.2),
    5px 0px 80px rgba(80, 80, 80, 0.15);
  padding: 10px 0;
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 30px;
  white-space: nowrap;
  position: absolute;
  top: -3px;
  left: -40px;
  border-radius: 50px;
  background-color: #fff;
}

.listar-feature-item .listar-feature-item-title span {
  display: inline-block;
  font-size: 14px;
  line-height: normal;
  font-weight: 400;
  text-shadow: none;
  border-radius: 50px;
  color: #252525;
  font-size: 18px;
}

.listar-feature-item-excerpt {
  padding: 0 20px;
}

.listar-feature-item-excerpt {
  color: #252525;
  position: relative;
  top: -15px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.listar-map-button-text span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
  height: 44px;
  line-height: 1.6;
  padding: 10px 25px;
  box-shadow: 0 0 31px rgba(0, 0, 0, 0.65), 0 0 4px rgba(0, 0, 0, 0.06);
  border-radius: 50px;
  background-color: rgba(35, 40, 45, 0.9);
  color: #fff;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
}

.listar-map-button-text span {
  background-color: #fff;
  color: #252525;
  text-shadow: none;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.listar-map-button-text span:after {
  border: 12px solid #fff;
}

.listar-map-button-text span:after {
  content: "";
  position: absolute;
  top: -14px;
  left: -14px;
  width: calc(100% + 28px);
  height: calc(100% + 28px);
  border-radius: 36px;
}

.listar-map-button:hover .listar-map-button-text span {
  padding: 10px 43px 10px 51px;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.listar-feature-with-image .listar-feature-item a:before {
  content: "";
  position: absolute;
  top: -74px;
  left: 50%;
  margin-left: -74px;
  width: 148px;
  height: 148px;
  border-radius: 1000px;
  z-index: 10;
}

.listar-feature-item.listar-feature-has-link .listar-feature-item-inner:after {
  margin-left: -25px;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  box-shadow: 10px 10px 40px rgba(80, 80, 80, 0.15),
    15px 15px 30px rgba(80, 80, 80, 0.05), 0 0 120px rgba(80, 80, 80, 0.6);
  bottom: -30px;
  background-image: url("https://image.flaticon.com/icons/svg/2316/2316674.svg");
  background-size: 40%;
  color: #555;
  line-height: 52px;
}

.portfolio a.example-image-link {
  margin-bottom: 20px;
  display: block;
}

.portfolio a.example-image-link img {
  width: 296px;
  height: 197px;
  object-fit: cover;
}

.difference-text {
  padding-bottom: 90px;
}

.mt-28 {
  margin-top: 28px;
}

.pset h2 {
  font-size: 32px;
  font-weight: 800;
  color: #111;
  text-align: center;
  padding-bottom: 10px;
}

.pset p {
  font-size: 14px;
  line-height: 26px;
  max-width: 80%;
  margin: 0 auto 20px auto;
}

/* End Section Experience The Difference CSS */
/* Section Inspiration CSS */
.inspiration h2 {
  font-size: 32px;
  font-weight: 800;
  color: #111;
  text-align: center;
  padding-bottom: 40px;
}

.inspiration {
  margin-bottom: 60px;
}

.post-thumbnail img {
  border-radius: 12px 12px 0px 0px;
}

.col-content {
  padding: 15px;
  background-color: #fff;
  border-radius: 0px 0px 12px 12px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}

.col-content .date {
  font-size: 13px;
}

.entry-title {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
}

.entry-title a {
  color: #111;
}

.col-conten .description {
  font-size: 13px;
  line-height: 24px;
}

.read-more {
  font-size: 14px;
  padding: 5px 15px !important;
}

.post-job {
  background: #f4f4f4;
  margin: 40px auto;
  max-width: 700px;
  padding: 20px 30px;
  margin-top: 40px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.post-job h1 {
  text-align: center;
  margin-bottom: 30px;
  font-size: 30px;
}

.post-job form input.form-control,
.post-job form select,
.post-job form textarea {
  border: 3px solid #ddd;
  font-size: 16px;
  height: 46px !important;
  color: #222 !important;
  font-weight: 600;
}

.post-job form textarea {
  height: unset !important;
}

#ck-button {


  color: #aaaaaa;
  /* color of the text inside I changed it to white*/

  float: left;
  /* just shifts content to the left. */
}


#ck-button label {
  float: left;
  min-width: 47%;
  margin-bottom: 28px;
  margin-right: 28px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  border-radius: 4px;
}

#ck-button label:hover {
  background: #f6f6f6;
}

#ck-button label span {
  text-align: center;
  padding: 9px 15px;
  display: block;
  background: #fff;
  font-weight: normal;
  cursor: pointer;
  color: #444;
  font-size: 16px;
  letter-spacing: 1px;
}

#ck-button label input {
  position: absolute;
  top: -20px;
}

/* when the button is clicked */
#ck-button input:checked+span {
  background: #00da00;
  border-color: #00da00;
  color: #fff;
}

.job-questions h1 {
  text-align: center;
  font-size: 30px;
  font-weight: normal;
  margin-top: 30px;
  margin-bottom: 10px;
}

/* .BGShadow {
  background: #fff;
  box-shadow: 0 3px 9px #00000047;
} */

.Sidebar {
  /* padding: 20px; */
  height: 100vh;
}

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

.sidebar-menu li a {
  font-size: 15px;
  font-weight: 500;
  color: #000;
  width: 100%;
  padding: 10px 15px;
  display: inline-block;
  text-decoration: none;
}

.sidebar-menu li.active {
  background: #0657bb;
  border-radius: 4px;
}

.sidebar-menu li.active a {
  color: #fff;
}

.dashboard h1 {
  font-size: 26px;
  color: #111;
  margin-bottom: 20px;
}

.MarginTop {
  margin-top: 50px;
  margin-bottom: 50px;
}

.dashboardrightsec .card-header {
  background: #6c757d;
  padding: 15px 15px;
}

.dashboardrightsec .card-header h2 {
  font-size: 20px;
  color: #fff;
}

.dashboardrightsec .card-body {
  padding: 0;
}

.dashboardrightsec .table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #ddd;
  color: #111;
  font-size: 17px;
  border-top: none;
}

.dashboardrightsec .table td {
  color: #111;
  font-size: 15px;
  border-bottom: 1px solid #ddd;
  border-top: none;
}

.customcard {
  margin-bottom: 40px;
}

.newsfeed .canalList {
  display: flex;
}

.newsfeed .canalList .icon {
  margin-right: 15px;
}

.newsfeed .canalList .lists p {
  font-size: 15px;
  margin-bottom: 5px;
  color: #111;
}

.newsfeed .canalList .lists span {
  font-size: 15px;
  font-style: italic;
  color: #444;
}

.btn-check:focus+.btn-light,
.btn-light:focus {
  background: #e8e8e8;
  border-color: #b0b0b0;
  color: #000;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.btn-light {
  font-size: 15px;
  padding: 6px 13px;
  background: #e8e8e8;
  border-color: #b0b0b0;
  color: #000;
}

.btn-light:hover {
  color: #444;
  background-color: #FBD44A;
  border-color: #FBD44A;
}

.newsfeed .canalList .lists .btn-light {
  display: block;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 6px 12px !important;
  font-size: 14px;
}

.newsfeed .canalList .lists .btn-primary {
  margin-bottom: 10px;
  margin-top: 5px;
  padding: 6px 12px !important;
  font-size: 14px;
}

.dashboardrightsec .account_balance {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

.dashboardrightsec .account_balance p {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 0;
}

.dashboardrightsec .account_balance p span {
  color: #111;
}

.dashboardrightsec .account_balance p a:hover {
  color: #0657bb;
}

.dashboardrightsec .account_balance .btn-primary {
  font-size: 18px;
  padding: 7px 45px !important;
}

.tabbtn ul li a {
  background-color: #ddd;
  border-color: #ddd;
  font-size: 14px;
  padding: 9px 30px;
  border-radius: 4px;
  display: block;
  letter-spacing: 0.8px;
  text-align: center;
  color: #000;
  text-transform: uppercase;
}

.tabbtn ul li.active a {
  color: #fff;
  background: #28a745;
}

.follow-me li a {
  font-size: 24px;
  color: #014f68;
  background: lightblue;
  padding: 7px 11px;
  border-radius: 100px;
}

.follow-me li a:hover {
  color: lightblue;
  background: #014f68;
}

.bg-default {
  background-color: lightblue;
  color: #014f68;
  padding: 6px 12px;
  margin-bottom: 10px;
  font-size: 12px;
}

.innertabbtn ul li a {
  font-weight: normal;
  padding: 8px 30px;
  text-align: left;
}

.innertabbtn ul li.active a {
  border-bottom: 2px solid #0857bb;
}

.searchbar input {
  border-right: none;
}

.searchbar input.form-control:focus {
  border: 1px solid #e9e9e9;
  border-right: none;
}

.button-filter {
  border: 1px solid #e9e9e9;
  border-left: none;
}

.button-filter i {
  font-size: 20px;
  color: #0657bb;
}

.NoRecordFound {
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px;
}

.NoRecordFound p {
  font-size: 16px;
  margin-top: 10px;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #ddd;
  color: #111;
  font-size: 17px;
  border-top: none;
}

.table td {
  color: #111;
  font-size: 15px;
  border-bottom: 1px solid #ddd;
  border-top: none;
  vertical-align: middle;
}

.myproject .table-responsive td.text-right .selectstyle {
  max-width: 200px;
  float: right;
}

.Tables_info {
  font-size: 15px;
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #0657bb;
  border-color: #0657bb;
}

.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.chat-head {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: 1px solid #e5e5e5;
  border-radius: 0;
}

.chat-head ul li {
  line-height: 28px;
  padding-left: 0;
  padding-right: 15px;
}

.chat-head ul li .payment i {
  color: #0657bb;
  font-size: 16px;
  width: 24px;
  text-align: center;
}

.chat-head ul li span {
  color: #111;
  font-size: 15px;
}

.chat-head ul li span a {
  color: #0657bb;
}

.chat-head ul li span a:hover {
  color: #0657bb;
}

.conversation-list .ctext-wrap p {
  font-size: 15px;
}

.conversation-list .ctext-wrap i {
  font-size: 15px;
  color: #333;
}

.userlist {
  webkit-box-shadow: none;
  box-shadow: none;
  border-right: 1px solid #ddd;
  border-radius: 0;
}

.chplaceholder {
  text-align: center;
  padding-top: 150px;
}

.chplaceholder p {
  font-size: 15px;
  color: #c5c5c5;
  margin-top: 15px;
  margin-bottom: 0;
  font-weight: 300;
}

.userlist .badge-danger {
  background-color: #ea3b60;
}

.userlist .badge {
  width: 25px;
  height: 25px;
  padding: 6px 0px;
  border-radius: 100px;
  font-size: 13px;
  font-weight: 400;
}

.frBox .image {
  margin-right: 15px;
}

.frBox .image img {
  max-width: 100px;
  border-radius: 4px;
}

.frBox .context h3 {
  margin: 10px 0 0 0;
  font-size: 20px;
}

.frBox .context h3 a {
  color: #111;
}

.sratings .astar {
  background: #fc8c14;
  color: #fff;
  border-radius: 4px;
  padding: 4px 8px;
}

.sratings .fa-star {
  color: #fc8c14;
  margin-right: -2px;
}

h1 a,
h5 a {
  color: #000;
}

.dashboardrightsec .card-header h2 {
  font-size: 20px;
  color: #fff;
}

.myproperties .card-header {
  padding: 8px 15px;
}

.Plist-Pagination .row {
  margin-left: 0;
  margin-right: 0;
}

.create_property .card-body {
  padding: 15px;
}

.btn-default,
.btn-default:hover {
  color: #000;
  background-color: #b6ff7d;
  border-color: #80cf42;
}

/* End Section Inspiration CSS */
.filtercard h4 {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}

.filterby {
  margin-bottom: 25px;
}

.filterby h5 {
  font-size: 16px;
}

.filterby .searchbar .inputstyle:focus {
  border: 2px solid #e9e9e9;
  border-right: none;
}

.filterby .button-filter {
  height: 41px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.filterby .button-filter:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.filterby .button-filter i {
  font-size: 15px;
  color: #fff;
}

.filterby .category {
  margin-top: 15px;
}

.filterby .category {
  margin-top: 15px;
  height: 140px;
  overflow: auto;
}

.filterby .category .form-check {
  margin-bottom: 10px;
}

.form-check-input[type="checkbox"] {
  width: 20px;
  height: 20px;
  border-radius: 0;
}

.filterby .category label.form-check-label {
  line-height: 25px;
  margin-left: 4px;
  font-weight: 400;
  color: #111;
}

.filterBtn p {
  font-size: 13px;
  text-align: center;
  color: #111;
}

.borderleft {
  border-left: 1px solid #ddd;
}

.openjob {
  margin-bottom: 10px;
}

.jobdays {
  margin-bottom: 10px;
}

.openjob span {
  color: #28a745;
  font-weight: 600;
}

.openjob i {
  font-size: 17px;
  color: #000;
}

.navbar-nav li.notification-list a.nav-link.show {
  color: #1a1a1a;
}

.userjob i {
  font-size: 21px;
  color: #444;
}

.text-green {
  color: green;
}

.send-proposal .card {
  max-width: 900px;
  margin: 0 auto;
}

.send-proposal .card-title {
  background: #6c757d;
  color: #fff;
  padding: 10px 0;
  font-size: 24px;
}

.send-proposal .label-highlight {
  font-weight: 400;
  font-style: italic;
  margin-top: 5px;
  color: #666;
}

.all-proposals h1 {
  font-size: 26px;
}

.all-proposals ul li select {
  min-width: 200px;
  background: #0857bb;
  color: #fff;
  border-color: #0857bb;
}

.notes-panel {
  padding-top: 0;
}

.customer-right-details img {
  max-width: 50px !important;
}

.customer-right-details h3 {
  font-size: 16px !important;
  margin-top: 5px !important;
  color: green;
}

.customer-right-details h5 {
  margin-top: 5px !important;
  font-weight: normal !important;
}

.membership h1 {
  text-align: center;
  font-size: 30px;
}

.membership .left-credits .btn-dark {
  padding: 11px 40px;
  font-size: 20px;
  border-radius: 4px;
  margin: 15px 0;
}

.membership .mmplan {
  border: 1px solid #ddd;
  padding-bottom: 20px;
  margin-bottom: 20px;
  background-color: #fff;
  box-shadow: 0px 1px 5px #00000024;
  border-radius: 4px;
  margin-top: 30px;
}

.membership .mmplan h4 {
  background: #efefef;
  text-align: center;
  padding: 15px 0;
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 20px;
}

.membership .mmplan h5 {
  text-align: center;
  margin-top: 15px;
  font-size: 20px;
  border-bottom: 1px solid #eee;
  padding-bottom: 14px;
}

.membership .mmplan p {
  text-align: center;
  font-size: 17px;
  color: #000;
  margin: 10px 0 20px;
  padding-top: 10px;
}

.membership .mmplan .btn-primary {
  padding: 9px 40px;
}

.f-position h2 {
  background: #e9ecf0;
  text-align: center;
  padding: 15px 0;
  font-size: 24px;
  margin-bottom: 30px;
}

.f-position table td,
.f-position table th {
  text-align: left !important;
}

.trader-panel-profile label {
  font-size: 14px;
}

.trader-signup-page {
  max-width: 900px;
  margin: 0 auto;
}

.trader-signup-page h1 {
  text-align: center;
  font-size: 26px;
  margin-top: 30px;
  margin-bottom: 20px;
}

.btn-removed {
  background: red;
  color: #fff;
  padding: 3px;
  line-height: 0;
  border-radius: 30px;
  position: absolute;
  right: 15px;
  margin-top: 5px;
}

.btn-removed:hover {
  background: rgb(184, 0, 0);
  color: #fff;
}

.btn-removed i {
  font-size: 22px;
}

.trader-own-profile .port-img {
  width: 228px;
  height: 136px;
  object-fit: cover;
}

.Portfoliotabs .nav-tabs .nav-link.active {
  border-bottom: 2px solid #0857bb;
}

#TextBoxContainer div {
  display: flex;
  margin-bottom: 20px;
}

.Portfoliotabs .nav-tabs .nav-link {
  font-weight: normal;
  padding: 8px 30px;
  text-align: left;
}

.rowheader {
  background-color: #f1f1f1;
  display: flex;
  justify-content: space-between;
  padding: 10px 15px;
  border-radius: 4px;
  padding-right: 10px;
}

.dispute {
  max-width: 1140px;
  border: 1px solid #ddd;
  padding: 25px;
  margin: 30px auto 0 auto;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.dispute .infoDeal {
  background: #fffacf;
  padding: 15px;
  margin-bottom: 20px;
}

.dispute .infoDeal ul {
  margin-left: 15px;
}

.dispute .infoDeal ul li {
  line-height: 20px;
  list-style: disc;
  margin-bottom: 8px;
}

.totalDispute {
  background: #fff;
  padding: 12px 15px;
  margin-top: 20px;
  margin-bottom: 25px;
}

.totalDispute h3 {
  font-size: 21px;
}

.totalDispute h4 {
  color: #666;
  font-size: 16px;
  font-style: italic;
  line-height: 20px;
}

.tab-negotiation {
  padding-top: 20px;
}

.tab-negotiation .nbox {
  margin-bottom: 30px;
}

.tab-negotiation .nbox p {
  font-size: 17px;
  font-weight: 600;
  color: #000;
  margin-bottom: 10px;
}

.tab-negotiation .nbox span {
  background: #cd5c5c;
  color: #fff;
  padding: 8px 12px;
  font-weight: 600 !important;
  font-size: 14px;
  border-radius: 4px;
}

.requirements label {
  color: #157af6;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 3px;
}

.requirements .rbox {
  background: #fff;
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
}

.requirements .rbox p {
  margin-bottom: 0;
}

.disputeSolve {
  background: #fff;
  padding: 15px;
  border: 1px solid #ccc;
}

.disputeSolve h4 {
  color: #000;
  font-size: 17px;
  line-height: 24px;
  font-weight: 500;
  text-align: center;
  max-width: 80%;
  margin: 0 auto;
}

.disputeSolve span.recordChat {
  font-style: italic;
  font-size: 20px;
  display: block;
  text-align: center;
  margin-bottom: 19px;
  color: red;
  font-weight: 600 !important;
}

.dispute .addFiles input {
  position: absolute;
  font-size: 50px;
  opacity: 0;
  right: 0;
  top: 0;
}

.disputeSolve .canalList {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-column-gap: 10px;
  padding-bottom: 15px;
}

.disputeSolve .comment-section .commentBox .icons img {
  border-radius: 25px;
}

.disputeSolve .comment-section .commentBox .lists .input-group input {
  background: #f7f7f7;
  border-radius: 50px;
}

.input-group input {
  height: 44px;
}

.disputeSolve .comment-section .commentBox .input-group-btn {
  display: inline-flex;
  position: relative;
  left: -83px;
  z-index: 9999;
  background: #f7f7f7;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
}

.disputeSolve .comment-section .commentBox .addFiles button {
  border: none;
  padding: 10px 0 0 5px;
  font-size: 20px;
  background: transparent;
  cursor: pointer;
  color: #157af6;
}

.disputeSolve .comment-section .commentList .sectionCom {
  background: #f7f7f7;
  padding: 15px 15px 5px 30px;
  border-radius: 65px;
  font-size: 15px;
  max-width: 94%;
}

.disputeSolve .comment-section .commentList .sectionCom a {
  font-weight: 600;
  margin-bottom: 3px;
  display: block;
}

.disputeSolve .comment-section .commentList .sectionCom p {
  line-height: 22px;
}

.disputeSolve .comment-section .commentList .icons img {
  border-radius: 100px;
  margin-top: 10px;
  max-width: 50px;
}

.disputeSolve .comment-section .daysAgo {
  display: block;
  margin-left: 25px;
  margin-top: 7px;
  font-weight: 600;
  color: #666;
}

.disputeSolve .viewComments {
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  display: block;
}

.totalDispute h5 {
  color: #666;
  line-height: 20px;
}

.totalDispute h5 span {
  color: red;
  font-weight: 600 !important;
  margin-right: 2px;
}

.totalDispute input {
  max-width: 100px;
  margin-bottom: 20px;
}

.del-account {
  text-align: right;
}

.del-account a {
  padding: 0;
  color: red;
  margin-top: 10px;
  font-weight: 600;
  letter-spacing: 0.3px;
}

.menuspan {
  background: #0857bb;
  color: #fff;
  padding: 2px 7px 4px 7px;
  border-radius: 4px;
  margin-left: 38px;
  font-size: 13px;
}

.launching {
  background: #f9c747;
  margin-bottom: 0;
  text-align: center;
  padding: 10px 0;
  font-size: 18px;
  font-weight: bold;
}
.navbar-dark .navbar-brand{
  padding: 7px 0;
}

/* .chat-head .card-body a.backChat{
  display: none;
} */


@media (min-width: 1200px) {

  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl {
    max-width: 1280px;
  }
}

@media (min-width: 768px) {

  .swipetext,
  .mob-show {
    display: none;
  }

  .chevron-left {
    display: none;
  }
}