@charset "UTF-8";
@font-face {
  font-family: "Source Sans Pro";
  src: url("../fonts/fonts/SourceSansPro-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source Sans Pro";
  src: url("../fonts/SourceSansPro-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source Sans Pro";
  src: url("../fonts/SourceSansPro-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source Sans Pro";
  src: url("../fonts/SourceSansPro-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source Sans Pro";
  src: url("../fonts/SourceSansPro-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
.messages--received p {
  font-size: 14px;
}

.messages--sent p {
  font-size: 14px;
}

.messages--received .attachment .attachment-actions i {
  color: #000 !important;
}

.topcstm .form-check label {
  font-size: 15px !important;
  font-weight: 400 !important;
}

.follow-detail .container-works.area .works-item {
  margin-left: 10px;
}

.choose-sec .picture-video.new li span {
  position: absolute;
  bottom: -16px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  color: #333;
  font-size: 13px;
}

.fancybox-container {
  padding-bottom: 90px;
}

.fancybox-thumbs {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 10px;
  background: rgba(0, 0, 0, 0.7);
  bottom: 0 !important;
  width: 212px;
  left: 0 !important;
  z-index: 99995;
  right: 0 !important;
  margin: 0 auto !important;
  height: 89px !important;
}

.addbtn a {
  border-bottom: 1px solid #fe9a01;
}

.fancybox-thumbs ul {
  display: flex;
  justify-content: center;
}

.fancybox-thumbs ul li {
  margin: 0 5px;
}

.fancybox-thumbs ul li a {
  display: inline-block;
  width: 60px;
  height: 60px;
}

.fancybox-thumbs ul li a img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.new-nati.seen-notify {
  background: #ffedd2 !important;
}

.btncntct {
  background: #F19F39;
  color: #fff;
  padding: 14px 20px;
  border-radius: 8px;
  text-decoration: none;
  margin: 10px 0;
  display: block;
  max-width: 65%;
  margin: 0 auto;
  margin-bottom: 10px !important;
  margin-top: 15px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btncntct i {
  margin-right: 3px;
  font-size: 16px;
}
.btncntct:hover {
  color: #fff;
}
.btncntct:hover i {
  color: #fff;
}

.top-new-profile {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.top-new-profile .profil-ph img {
  width: 150px;
  height: 150px;
  border-radius: 150px;
  border: 1px solid #F19F39;
}
.top-new-profile .textright {
  margin-left: 20px;
}
.top-new-profile .textright ul {
  display: flex;
}

.laila-sec .cstma {
  position: absolute;
  right: 15px;
  top: 15px;
  color: #fe9a01;
}

.datepicker.dropdown-menu {
  z-index: 999999 !important;
  background: #fff !important;
}

.h100 {
  height: 100%;
}

.btn-laila {
  text-decoration: none !important;
  background: #232f3d;
  color: #fff;
}

.wicon img {
  width: 42px;
  position: relative;
  top: 0;
}

.title.dif h2 {
  margin-top: 0 !important;
  border: none !important;
  margin-bottom: 10px;
}

.chatMsg {
  width: 99% !important;
  min-height: 40px !important;
  max-height: 176px !important;
  resize: none !important;
  box-sizing: border-box !important;
  padding-right: 50px !important;
  overflow-y: auto !important;
}

#chat-widget-push-to-talk {
  z-index: 214749 !important;
}

#live-chat {
  z-index: 999999 !important;
}

#welcomeMessages {
  z-index: 214749 !important;
}

.first-section .left-sec ul li img {
  width: 70px !important;
  height: 43px !important;
}

.slider .owl-carousel {
  display: block !important;
}

.slider .owl-carousel .slide-owl-wrap:not(:first-child) {
  display: none !important;
}

.slider .owl-carousel img {
  width: 100% !important;
}

.jobs-pagee .box ul li:empty:before {
  display: none;
}

.highlight-empty {
  display: none !important;
}

.dontExtend {
  display: flex !important;
}

.shortcstm {
  font-style: italic;
}

.text .bottom span {
  display: block;
  padding-left: 17px;
}

.text-banner .text .short {
  font-style: italic;
}

li.spoti img {
  width: 18px;
  position: relative;
  top: 3px;
  height: initial;
}

li.spoti-m img {
  width: 18px;
  position: relative;
  top: 2px;
  height: 18px;
}

.bottom-desc {
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  bottom: 15px;
  position: absolute;
}
.bottom-desc a {
  color: #FE9900;
}
.bottom-desc p {
  font-size: 13px;
  color: #333;
}

.follow-cstm #edit-modal-btn {
  margin: 0 3px;
}
.follow-cstm .deletebtn {
  background: #ff5f5f !important;
  border-color: transparent;
  color: #fff;
}
.follow-cstm .text-rigth.center {
  text-align: center;
}

#charCount {
  float: right;
  color: #444444;
  margin-top: 7px;
  margin-right: 4px;
}

.mt {
  margin-top: 7px;
}

.ui-menu {
  z-index: 99999;
}

.tick-icon {
  color: green;
}

.modal.modal-notice.show {
  z-index: 99999;
}

.modal-backdrop {
  z-index: 9999;
}

.modal.show {
  z-index: 99999 !important;
}

.filter-content .star-cstm label:before {
  content: "\f005";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #ddd;
  font-size: 2em;
}
.filter-content .star-cstm span {
  min-width: 180px;
  float: left;
  color: #222;
}
.filter-content .sevenservice-page .question-two .caption {
  margin-left: 0 !important;
}
.filter-content .star-cstm label.on:before {
  content: "\f005";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #FE9900;
  /* uncomment for iOS */
  /*   font-size: 2.4em;
    top: -0.1em;
    left: -0.1em; */
}
.filter-content .star-cstm input .star-cstm label:before {
  content: "\f005";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #FE9900;
  /* uncomment for iOS */
  /*   font-size: 2.4em;
    top: -0.1em;
    left: -0.1em; */
}
.filter-content .star-cstm label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 18px;
  margin-right: 13px;
  font-size: 10px;
  margin-top: 14px;
}
.filter-content .star-cstm label:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  top: -19px;
  border-radius: 10px;
}
.filter-content .star-cstm input[type=radio] {
  display: none;
  -webkit-appearance: none;
}

.wrappernew {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.filter-price {
  width: 220px;
  border: 0;
  padding: 0;
  margin: 0;
}

.price-title {
  position: relative;
  color: #fff;
  font-size: 14px;
  line-height: 1.2em;
  font-weight: 400;
}

.price-field {
  position: relative;
  width: 100%;
  height: 36px;
  box-sizing: border-box;
  padding-top: 15px;
  padding-left: 16px;
  border-radius: 3px;
}

.price-field input[type=range] {
  position: absolute;
}

.price-field input[type=range] {
  width: 188px;
  height: 2px;
  border: 0;
  outline: 0;
  box-sizing: border-box;
  border-radius: 5px;
  pointer-events: none;
  -webkit-appearance: none;
}

.price-field input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

.price-field input[type=range]:active,
.price-field input[type=range]:focus {
  outline: 0;
}

.price-field input[type=range]::-ms-track {
  width: 188px;
  height: 2px;
  border: 0;
  outline: 0;
  box-sizing: border-box;
  border-radius: 5px;
  pointer-events: none;
  background: transparent;
  border-color: transparent;
  color: transparent;
  border-radius: 5px;
}

.price-field input[type=range]::-webkit-slider-thumb {
  position: relative;
  -webkit-appearance: none;
  margin: 0;
  border: 0;
  outline: 0;
  border-radius: 50%;
  height: 10px;
  width: 10px;
  margin-top: -4px;
  background-color: #000;
  cursor: pointer;
  cursor: pointer;
  pointer-events: all;
  z-index: 100;
}

.price-field input[type=range]::-moz-range-thumb {
  position: relative;
  appearance: none;
  margin: 0;
  border: 0;
  outline: 0;
  border-radius: 50%;
  height: 10px;
  width: 10px;
  margin-top: -5px;
  background-color: #000;
  cursor: pointer;
  cursor: pointer;
  pointer-events: all;
  z-index: 100;
}

.price-field input[type=range]::-ms-thumb {
  position: relative;
  appearance: none;
  margin: 0;
  border: 0;
  outline: 0;
  border-radius: 50%;
  height: 10px;
  width: 10px;
  margin-top: -5px;
  background-color: #000;
  cursor: pointer;
  cursor: pointer;
  pointer-events: all;
  z-index: 100;
}

.price-field input[type=range]::-webkit-slider-runnable-track {
  width: 188px;
  height: 2px;
  cursor: pointer;
  background: #000;
  border-radius: 5px;
}

.price-field input[type=range]::-moz-range-track {
  width: 188px;
  height: 2px;
  cursor: pointer;
  background: #000;
  border-radius: 5px;
}

.price-field input[type=range]::-ms-track {
  width: 188px;
  height: 2px;
  cursor: pointer;
  background: #000;
  border-radius: 5px;
}

.price-wrap {
  display: flex;
  justify-content: center;
  color: #000;
  font-size: 14px;
  line-height: 1.2em;
  font-weight: 400;
  margin-bottom: 7px;
  margin-top: 4px;
}
.price-wrap label {
  margin-bottom: 0 !important;
}

.price-wrap-1,
.price-wrap-2 {
  display: flex;
}

.price-title {
  margin-right: 5px;
  background: #d58e32;
}

.price-wrap_line {
  margin: 0 10px;
}

.price-wrap #one,
.price-wrap #two {
  width: 30px;
  text-align: right;
  margin: 0;
  padding: 0;
  margin-right: 2px;
  background: 0;
  border: 0;
  outline: 0;
  color: #000;
  font-family: "Karla", "Arial", sans-serif;
  font-size: 14px;
  line-height: 1.2em;
  font-weight: 400;
}

.price-wrap label {
  text-align: right;
}

.price-field input[type=range]:hover::-webkit-slider-thumb {
  box-shadow: 0 0 0 0.5px #000;
  transition-duration: 0.3s;
}

.price-field input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 0 0 0.5px #000;
  transition-duration: 0.3s;
}

.pagedelete {
  height: calc(100vh - 50px);
  background: #fff;
}
.pagedelete .user-img {
  text-align: center;
  padding-top: 100px;
}
.pagedelete .user-img img {
  width: 360px;
  margin: 0 auto;
  margin-bottom: 15px;
}
.pagedelete .user-img h2 {
  font-size: 40px;
  color: #333;
  font-weight: 500;
}
.pagedelete .user-img p {
  font-size: 14px;
  margin: 10px 0;
  margin-top: 15px;
  width: 300px;
  margin: 0 auto;
  line-height: 19px;
  color: #6a6a6a;
}
.pagedelete .user-img .btn-cstm {
  background: #fe9900 !important;
  font-weight: 500 !important;
  margin-top: 30px !important;
}
.pagedelete p.last {
  position: fixed;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  font-size: 15px;
}

.text-center.nonati {
  padding-top: 70px;
}
.text-center.nonati img {
  width: 120px;
  margin: 0 auto;
}

.wspecial.cstm-new {
  border: none !important;
  border-radius: 10px;
  text-align: left;
  margin: 0 !important;
}
.wspecial.cstm-new ul {
  border: 1px solid #ccc;
  border-radius: 10px;
  text-align: left;
  margin: 20px auto;
}

.wspecial.cstm-new ul:empty {
  display: none;
}

.empty.nonati {
  padding-top: 90px;
  text-align: center;
  padding-bottom: 90px;
}
.empty.nonati img {
  width: 200px;
  margin: 0 auto;
}

.wspecial.cstm-new ul:empty {
  display: none !important;
}

.linecstm {
  border-top: 1px dotted #f1f1f1;
  border-bottom: 1px dotted #f1f1f1;
}

.about-page .first-sec .text-cstm h2 {
  font-size: 35px;
  font-weight: 600;
  margin-bottom: 25px;
  position: relative;
}
.about-page .first-sec .text-cstm p {
  padding: 10px;
  line-height: 22px;
  font-size: 14px;
}

.loading-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}

.loading-line {
  width: 20px;
  height: 2px;
  background-color: #333;
  margin: 0 2px;
  animation: loadingAnimation 1s infinite;
}

@keyframes loadingAnimation {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}
.star img {
  position: absolute;
  top: 144px;
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: 0.2;
}

.choose-page .note-text {
  text-align: center;
}

.ad-page.choose-page .box {
  margin-top: 0 !important;
}

.ad-page.choose-page .box-three {
  margin-top: 0 !important;
}

.ad-page.choose-page .box-two .text-box h3 {
  background: #fae367 !important;
}

.consumer-cstm h5 {
  font-size: 21px;
}

.tooltip {
  visibility: hidden;
  background-color: #129826;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 148%;
  left: 50%;
  margin-left: -82px;
  opacity: 0;
  transition: opacity 1s;
  font-size: 13px;
  left: 20px;
  margin-right: 0;
  transition: opacity 0.2s, visibility 0.2s, transform 1s;
  animation: moveUpDown 0.3s infinite alternate;
}
.tooltip:before {
  content: "\f0d7" !important;
  font-family: "FontAwesome";
  display: block;
  position: absolute;
  font-size: 22px;
  right: 10px;
  color: #129826;
  bottom: -15px;
}

.form-switch {
  position: relative;
}

.project-all .job-card:hover .tooltip {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  animation: moveUpDown 0.4s infinite alternate, hideTooltipden 2.5s forwards;
}

@keyframes moveUpDown {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-8px);
  }
}
@keyframes hideTooltipden {
  to {
    visibility: hidden;
  }
}
#drawer-toggle {
  opacity: 0;
}

#drawer-toggle-label {
  left: 0;
  height: auto;
  width: 20px;
  display: block;
  position: absolute;
  top: 0;
  height: 21px;
  padding-left: 25px;
  font-size: 16px;
  background: rgba(0, 0, 0, 0);
  z-index: 9;
}
#drawer-toggle-label:hover {
  cursor: pointer;
}

#drawer-toggle-label:before {
  content: "\f0c9" !important;
  font-family: "FontAwesome";
  display: block;
  position: absolute;
  font-size: 22px;
  left: 0;
  top: -3px;
  color: #fff;
}

#drawer {
  position: fixed;
  top: 0;
  left: 0;
  right: initial;
  height: 100%;
  width: 350px;
  background: #fff;
  overflow: auto;
  max-height: 100%;
  padding: 20px 0;
  -webkit-overflow-scrolling: touch;
  z-index: 9;
  border-top: 10px solid #fe9900;
  transform: translateX(-100%);
  transition: transform 0.3s ease;
}
#drawer li.language {
  font-weight: 400;
  font-size: 16px;
  color: #000;
  display: block;
  padding-left: 10px;
  padding: 6px 10px;
}
#drawer li.language li.languageDropdown {
  font-weight: 400;
  font-size: 16px;
  display: inline-block !important;
  color: #000;
  margin: 0 2px;
}
#drawer li.language li.languageDropdown a {
  padding: 0 8px !important;
}
#drawer li.language li.languageDropdown a span {
  top: 0 !important;
}
#drawer .social-btns {
  padding: 0 15px;
}
#drawer .social-btns li {
  font-weight: 400;
  font-size: 16px;
  display: inline-block;
  color: #000;
  margin: 0 2px;
}
#drawer .social-btns li a {
  padding: 0 3px !important;
}
#drawer .social-btns li .fa-linkedin {
  color: #000 !important;
}
#drawer .social-btns li:last-child i {
  margin-left: 6px;
}
#drawer b {
  color: #333;
  font-size: 18px;
  font-weight: 600;
  display: block;
  width: 100%;
  padding: 20px 20px;
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 8px;
  margin-bottom: 8px;
}
#drawer li a {
  color: #333;
  font-size: 15px;
  font-weight: 400;
  text-decoration: none;
  padding: 12px 20px;
  display: block;
}

#drawer::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
  background-color: #d2d2d2;
}

#drawer::-webkit-scrollbar {
  width: 2px;
  background-color: #d2d2d2;
  height: 2px;
}

#drawer::-webkit-scrollbar-thumb {
  background-color: #d2d2d2;
  height: 2px;
}

i.fa-solid.fa-xmark.cstm {
  opacity: 0;
}

#drawer-toggle:checked ~ #drawer {
  transform: translateX(0);
}

#drawer-toggle:checked ~ #drawer-toggle-label {
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  font-size: 0;
}

#drawer-toggle:checked ~ #drawer-toggle-label:before {
  opacity: 0;
}

#drawer-toggle-label:after {
  opacity: 0;
  display: none;
  left: 360px;
  color: #fff;
  position: absolute;
  z-index: 8;
  font-size: 36px;
  z-index: 999;
  top: 20px;
  content: "\f00d" !important;
  font-family: "FontAwesome";
}

#drawer-toggle:checked ~ #drawer-toggle-label:after {
  display: block;
  opacity: 1;
}

.p.boldspc {
  font-weight: 600;
}

.legal-page ul::marker {
  display: none !important;
}

.offer-page .vacancies.white {
  height: calc(100% - 69px);
  background: #fff;
}

.offer-page .newtabcstm .vacancies.white {
  height: calc(100% - 115px);
  background: #fff;
}

.offer-page .project-page {
  margin-top: 15px;
}

.no-follower.noad {
  margin-top: 0 !important;
}

.job-opt .countDown {
  background: #129826;
  padding: 7px;
  border-radius: 9px;
  color: #fff;
  margin-right: -10px;
  margin-top: 13px;
}

a:hover {
  color: #FE9900;
}

.seeallbtn {
  position: absolute;
  z-index: 9;
  width: 100%;
  bottom: -28px;
}
.seeallbtn a {
  font-size: 14px;
  color: #000 !important;
  display: block;
  padding: 10px 0 !important;
  text-align: center;
  background: #e9e9e9;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#clear-location {
  display: none;
  position: absolute;
  right: -15px;
  top: 1px;
  background: transparent;
  border: none;
}

#clear-location-t {
  display: none;
  position: absolute;
  right: 2px;
  top: 13px;
  background: transparent;
  border: none;
  z-index: 99;
}

#clear-loca-th {
  display: none;
  position: absolute;
  right: 15px;
  top: 12px;
  background: transparent;
  border: none;
  z-index: 9;
}

.search-location:focus + #clear-loca-th,
#clear-loca-th:hover {
  display: block;
}

.relativeclss {
  position: relative;
  max-width: 300px;
}

.filter .form-control {
  font-family: "Source Sans Pro" !important;
  font-size: 16px !important;
  height: 45px;
}
.filter .form-group {
  margin-top: 10px;
}
.filter .form-check {
  margin-top: 20px !important;
  margin-bottom: 10px !important;
}
.filter .star-cstm {
  margin-top: 20px !important;
}

.forclso .clearclose {
  display: block !important;
}
.forclso .clearclosee {
  display: block !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 38px;
  height: 45px !important;
}

.select2-selection {
  height: 45px !important;
}

.btncstmsn button {
  display: block !important;
}

#location.search-location:focus + #clear-location-t,
#clear-location-t:hover {
  display: block;
}

.relbtn {
  position: relative;
  max-width: 300px;
}

#location-autocomplete-input:focus + #clear-location,
#clear-location:hover {
  display: block;
}

.clear-button {
  display: none;
  position: absolute;
  right: 60px;
  top: 15px;
  background: transparent;
  border: none;
}

.follow-page .past-item .ul-area.bottom .like.active {
  color: #FE9900 !important;
}
.follow-page .past-item .ul-area.bottom .like.active i {
  color: #FE9900 !important;
}

.clearnew {
  display: none;
  position: absolute;
  right: 60px;
  top: 15px;
  background: transparent;
  border: none;
}

.clearclose {
  display: none;
  position: absolute;
  right: 15px;
  top: 15px;
  background: transparent;
  border: none;
  z-index: 99;
}

#regisDrop.related-exe {
  margin-top: 20px;
}

.clearclosee {
  display: none;
  position: absolute;
  right: 15px;
  top: 15px;
  background: transparent;
  border: none;
  z-index: 99;
}

.project-detail .content-text .box ul li:empty {
  display: none;
}

.search-input:focus + .clear-button,
.clear-button:hover {
  display: inline-block;
}

.countryinput:focus + .clearclose,
.clearclose:hover {
  display: inline-block;
}

.countryinputt:focus + .clearclosee,
.clearclosee:hover {
  display: inline-block;
}

.forclso {
  position: relative;
}

.lailabtn span {
  position: relative;
  top: 0;
}

.myAccount .jobtype-text {
  margin-top: 0 !important;
}

.fa-exclamation-triangle {
  color: #000;
}

.index-page .project-list-page.project-page.owl-projects .project-item {
  margin: 1px !important;
}
.index-page .project-list-page.project-page.owl-projects .project-item ul {
  line-height: 36px;
}
.index-page .project-list-page.project-page.owl-projects .project-item .translate {
  margin: 0px 0;
  padding: 5px;
  text-align: center;
  position: relative;
  top: -6px;
}
.index-page .project-list-page.project-page.owl-projects .project-item li:last-child {
  margin-left: 6px !important;
}
.index-page .project-list-page.project-page.owl-projects .project-item .company-text {
  height: 35px !important;
}
.index-page .project-list-page.project-page.owl-projects .project-item h4 {
  font-size: 16px !important;
}
.index-page .project-list-page.project-page.owl-projects .project-item .social.text-left b {
  font-size: 13px;
}
.index-page .project-list-page.project-page.owl-projects .project-item .date-roc li:first-child i {
  font-size: 18px;
}
.index-page .project-list-page.project-page.owl-projects .project-item .date-roc img {
  width: 22px;
  /* float: left; */
}
.index-page .project-list-page.project-page.owl-projects .project-item .social.text-left .fa-solid.fa-location-dot {
  margin-right: 3px;
}

.index-page .translate a {
  color: #000;
  text-decoration: none;
  font-size: 14px;
}
.index-page .project-page .project-item .date-roc img {
  display: inline-block !important;
}

.index-page .date span {
  font-size: 12px !important;
}

.owl-item .social.text-left {
  float: left !important;
  text-overflow: ellipsis;
  overflow: hidden;
  width: calc(100% - 65px);
  height: auto !important;
  white-space: nowrap;
  text-align: left;
}

.project-item .social.text-left {
  float: left !important;
  text-overflow: ellipsis;
  overflow: hidden;
  width: calc(100% - 70px);
  height: auto !important;
  white-space: nowrap;
  text-align: left;
  min-height: 21px;
}

.index-page .social.text-left {
  float: left !important;
}
.index-page .owl-item .social.text-left {
  float: left !important;
  text-overflow: ellipsis;
  overflow: hidden;
  width: calc(100% - 65px);
  height: auto !important;
  white-space: nowrap;
  text-align: left;
}
.index-page .job-card {
  background: #FFF;
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  position: relative;
  padding: 15px 15px;
  margin: 1px;
}
.index-page .job-card a {
  text-decoration: none !important;
}
.index-page .job-card .job-exp {
  font-size: 14px;
  min-height: 75px;
}
.index-page .job-card .cityother {
  margin-bottom: 15px;
}
.index-page .job-card .company-text h4 {
  font-size: 15px;
}
.index-page .job-card .company-text p {
  font-size: 14px;
  height: 18px;
}
.index-page .top-icons {
  position: absolute;
  top: 15px;
  right: 25px;
  z-index: 1;
  width: max-content;
}
.index-page .top-icons {
  display: none !important;
}

.username-ch {
  padding-top: 10px;
  display: block;
  width: 100%;
  float: inline-end !important;
}

.boxflex {
  display: flex;
}

.employee-item .star-text {
  padding-bottom: 3px !important;
}
.employee-item .date {
  margin-bottom: 5px;
}
.employee-item .box-item.only-star .text {
  margin-top: 0 !important;
  display: flex;
  flex-direction: column;
}
.employee-item .box-item.only-star .imageprofile {
  width: 80px;
  float: left;
}
.employee-item .box-item.only-star .imageprofile img {
  width: 70px;
  height: 70px;
  border-radius: 70px;
}

.proje-offer {
  background: #fff;
  padding: 30px 10px;
  color: #000;
  text-align: center;
  min-width: 220px;
}
.proje-offer .fa-cstm {
  font-size: 30px;
  margin-bottom: 20px;
  color: #333;
}
.proje-offer h4 {
  font-weight: 600;
  font-size: 16px;
}
.proje-offer p {
  line-height: 22px;
  margin-top: 20px;
}
.proje-offer a {
  color: #000;
  margin-top: 20px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 4px;
  background: #333333;
  color: #fff;
}

.cookies {
  display: none !important;
}

.clear-all {
  color: #000;
}
.clear-all:hover {
  cursor: pointer;
}

.filter .filter-content .ui-widget label {
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  font-family: "Source Sans Pro";
}

.text-align-end .text-right.date {
  position: relative;
  top: 4px;
}

.project-all .job-card .text-align-end .text-right.date span {
  font-size: 12px;
  color: #333;
}

.fproject .project-item .social.text-left {
  width: calc(100% - 70px);
}

.empty.job-card, .project-page .empty.project-item {
  position: relative;
}

.empty.job-card .new-sec, .project-page .empty.project-item .new-sec {
  position: absolute;
  top: 0;
  z-index: 9;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  top: 0;
  font-weight: 600;
  background: #fe9900;
  color: #fff;
  padding: 10px 0;
  opacity: 0;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.empty.job-card:hover .new-sec, .project-page .empty.project-item:hover .new-sec {
  opacity: 1;
}

h2, h3, h4, h5 {
  color: #000;
}

body {
  font-family: "Source Sans Pro", sans-serif;
  background: #F4F4F4;
  color: #000;
}

.newdesign {
  position: relative;
}
.newdesign .clouds {
  position: absolute;
  bottom: 290px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
}
.newdesign .box-cstm {
  position: relative;
  z-index: 9;
  margin: 0 auto;
  width: 351px;
}

.campaign-page .caption.first.icon p {
  color: #fea101;
}

.newdesign .btn-cstm {
  color: #fff !important;
  background: #fea101;
}
.newdesign span {
  font-size: 27px;
  color: #666;
  display: block;
}
.newdesign h6 {
  font-size: 52px;
  font-weight: 700;
  color: #fea101;
  margin-bottom: 8px;
}
.newdesign b {
  font-weight: 600;
  color: #666;
  display: block;
}
.newdesign b span {
  font-size: 16px;
  display: inline;
  color: #fea101;
  font-weight: 400;
}

.d-inline-flex {
  flex-wrap: wrap;
}

.noPad {
  padding: 0;
}

.padLeft {
  padding-left: 0;
}

.padRight {
  padding-right: 0;
}

a:hover {
  text-decoration: none;
}

.owl-carousel .owl-item img {
  width: auto;
  margin: 0 auto;
}

button::focus {
  box-shadow: none !important;
}

button:focus {
  outline: none !important;
}

.search-box {
  width: 100%;
  position: relative;
  display: flex;
}

.owl-project a {
  text-decoration: none !important;
}

.dif-sub .big-photo {
  margin-bottom: 20px !important;
}

.whitebg {
  background: #fff;
  padding: 15px;
}

.vacancies {
  margin-top: 20px;
}

.vacancies a .company-text h6 {
  color: #000;
  height: auto;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 10px;
}

#live-chat .proje-offer h4:before {
  display: none !important;
}

#live-chat .proje-offer {
  border: 3px solid #fe9900;
  border-radius: 10px;
  margin-top: 16px;
  width: initial;
}

.vacancies a {
  color: #000;
}

.myAccount .vacancies .company-text {
  width: 100%;
  margin-bottom: 20px;
  padding-left: 6px !important;
}

.search-input {
  width: 100%;
  padding: 10px;
  border-radius: 10px 0 0 10px;
  border-right: none;
  outline: none;
  font-size: 17px;
  color: #000;
  height: 45px;
  padding-left: 21px;
  background: #fff;
  border: none !important;
}

.sliderbanner .search-input {
  height: 60px;
}

.sliderbanner .search-button {
  height: 60px;
}

.service-all.project-all {
  padding-bottom: 0 !important;
}

.pagination {
  display: inline-flex;
  padding-left: 0;
  list-style: none;
  margin-top: 20px;
  justify-content: center;
}

.page-link {
  padding: 0.375rem 0.75rem;
  padding: 14px 18px;
  color: #000;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.page-link.active {
  background: #FE9900;
  color: #fff;
}

.page-link:hover {
  background: #FE9900;
  color: #fff;
}

.search-button {
  text-align: center;
  height: 45px;
  width: 72px;
  outline: none;
  cursor: pointer;
  border: none !important;
  border-radius: 0 10px 10px 0;
  border-left: none;
  background: #FE9900;
  font-size: 20px;
  color: #000 !important;
}
.search-button i {
  color: #fff;
}

.atleast {
  margin-top: 5px !important;
  display: block;
}

header {
  margin: 0 auto;
  z-index: 99;
  position: relative;
  background: #0D1218;
  padding: 12px 0;
  padding-bottom: 0;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.slider {
  max-width: 1500px;
  margin: 0 auto;
  text-align: center;
  margin-top: 25px;
}

.slider .owl-nav {
  margin-top: 10px;
  position: absolute;
  top: 50%;
  width: 100%;
  left: 0;
}

.slider .owl-nav span {
  font-size: 58px;
  background: transparent;
  font-weight: 400;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  color: #fff;
}

.slider .owl-nav [class*=owl-]:hover {
  background: none;
  opacity: 0.8;
  color: #108673;
}

.slider .owl-nav button:focus {
  outline: none !important;
}

.slider .owl-nav .owl-prev {
  position: absolute;
  left: -38px;
  top: -40px;
}

.slider .owl-nav .owl-next {
  position: absolute;
  right: -38px;
  top: -40px;
}

.slider .owl-nav .prev-slide {
  width: 34px;
  height: 66px;
  background: #FE9900;
  position: relative;
  background-position: center center;
  position: relative;
  background-position: center center;
}

.slider .owl-nav .prev-slide:before {
  content: "\f053";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  color: #fff;
  font-size: 20px;
  line-height: 66px;
  padding-left: 11px;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.slider .owl-nav .next-slide {
  width: 34px;
  height: 66px;
  background: #FE9900;
  position: relative;
  background-position: center center;
  position: relative;
  background-position: center center;
}

.slider .owl-nav .next-slide:before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  right: 0;
  color: #fff;
  font-size: 20px;
  width: 46px;
  height: 46px;
  line-height: 66px;
  padding-left: 11px;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.slider .slider-photo {
  position: relative;
}

.btn-cstm {
  font-size: 18px;
  font-weight: 300;
  color: #000;
  margin-top: 15px;
  background: #fff;
  border: 1px solid #D6D6D6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  padding: 10px 25px;
}

.btn-cstm:hover {
  background: #949494;
  color: #fff;
}

.owl-product .owl-stage-outer .owl-item {
  padding: 7px;
}

.owl-product .owl-stage-outer .owl-item a {
  text-decoration: none !important;
}

.owl-nav {
  margin-top: 10px;
  position: absolute;
  top: 50%;
  width: 100%;
  left: 0;
}

.owl-nav span {
  font-size: 58px;
  background: transparent;
  font-weight: 400;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  color: #fff;
}

.owl-nav [class*=owl-]:hover {
  background: none;
  opacity: 0.8;
  color: #108673;
}

.owl-nav button:focus {
  outline: none !important;
}

.owl-nav .owl-prev {
  position: absolute;
  left: -53px;
  top: -38px;
}

.owl-nav .owl-next {
  position: absolute;
  right: -53px;
  top: -38px;
}

.owl-nav .prev-slide {
  width: 34px;
  height: 66px;
  background: #FE9900;
  position: relative;
  background-position: center center;
}

.owl-nav .prev-slide:before {
  content: "\f053";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  color: #000;
  font-size: 20px;
  line-height: 66px;
  padding-left: 11px;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.owl-nav .next-slide {
  width: 34px;
  height: 66px;
  background: #FE9900;
  position: relative;
  background-position: center center;
}

.owl-nav .next-slide:before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  right: 0;
  color: #000;
  font-size: 20px;
  width: 46px;
  height: 46px;
  line-height: 66px;
  padding-left: 11px;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.box {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  padding: 15px 10px;
  border: 1px solid #f1f1f1;
  background: #fff;
  text-align: center;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.box .name {
  margin-top: 0;
  height: 51px;
  display: flex;
  align-items: center;
  align-content: center;
  padding-bottom: 0;
  justify-content: center;
}

.box .name h5 {
  font-size: 14px;
  font-weight: 500;
  color: #949494;
  padding: 15px 0;
  position: relative;
  max-height: 51px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 5px;
}

.content .section-one {
  padding: 30px 0;
}

.content .section-one .caption {
  margin-bottom: 0;
}

.content .section-one .caption h4 {
  margin-bottom: 33px;
}

.content .section-one .right-side {
  text-align: right;
}

.content .section-one .right-side .text p {
  font-size: 16px;
  font-weight: 200;
  color: #454545;
  margin-bottom: 33px;
  line-height: 35px;
}

.content .section-one .right-side .text .btn-cstm {
  font-size: 12px;
  font-weight: 700;
  color: #949494;
  margin-top: 33px;
  border: 2px solid #949494;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  border-radius: 24px;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  padding: 10px 25px;
}

.content .section-one .right-side .text .btn-cstm:hover {
  background: #949494;
  color: #fff;
}

.content .section-two {
  padding: 30px 0;
}

.content .section-two .caption {
  text-align: center;
}

.content .section-two .btn-cstm {
  font-size: 12px;
  font-weight: 700;
  color: #949494;
  margin-top: 33px;
  border: 2px solid #949494;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  border-radius: 24px;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  padding: 10px 25px;
}

.content .section-two .btn-cstm:hover {
  background: #949494;
  color: #fff;
}

.content .section-two .box {
  padding: 10px;
  box-shadow: 0 0.5px 8.5px 0 rgba(0, 0, 0, 0.07);
  background-color: #ffffff;
  margin-bottom: 25px;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.content .section-two .box:hover .photo img {
  transform: scale(1.09);
}

.content .section-two .box .photo {
  height: 122px;
  overflow: hidden;
}

.content .section-two .box .photo img {
  -moz-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
  -webkit-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
  height: 122px;
}

.content .section-two .box:hover {
  box-shadow: 0 0 38px 0 rgba(0, 0, 0, 0.2);
}

.content .section-two .box .text h5 {
  font-size: 20px;
  font-weight: 900;
  color: #949494;
  line-height: 24px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  position: relative;
}

.content .section-two .box .text h5:before {
  content: "";
  width: 26px;
  height: 2px;
  background: #FE9900;
  position: absolute;
  bottom: 0;
}

.content .section-two .box .text p {
  font-size: 11px;
  font-weight: 500;
  color: #454545;
  line-height: 19px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.content .section-three {
  padding: 30px 0;
  padding-bottom: 0;
}

.content .section-four {
  background: #fff;
  padding: 100px 0;
}

.content .section-four .right-side ul > li {
  margin-bottom: 20px;
}

.content .section-four .right-side ul > li b {
  font-size: 15px;
  font-weight: 700;
  color: #000;
  line-height: 18px;
  margin-bottom: 7px;
  display: block;
}

.content .section-four .right-side ul > li p {
  font-size: 13px;
  font-weight: 400;
  color: #000;
  line-height: 21px;
}

.content .section-four .right-side ul > li a {
  font-size: 13px;
  font-weight: 400;
  color: #000;
}

.content .section-four .caption h4 {
  font-size: 20px;
  margin-bottom: 0;
}

.content .section-four .btn-send {
  font-size: 1em;
  font-weight: 700;
  color: #fff;
  background: #949494;
  width: 100%;
  border-radius: 0;
  padding: 10px 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.content .section-four .btn-send:hover {
  opacity: 0.8;
}

.content .section-four .caption {
  margin-bottom: 50px;
}

.content .section-four .caption b {
  display: block;
  font-size: 2em;
  font-weight: 600;
  color: #2C363B;
  margin-bottom: 45px;
  position: relative;
  margin-left: 15px;
}

.content .section-four .caption b:before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  left: -15px;
  top: 0;
  background: #108659;
}

.content .section-four .form-control {
  border: 0;
  border-bottom: 1px solid;
  border-radius: 0;
  width: 100%;
  display: inline-block;
  float: left;
  position: relative;
  z-index: 1;
  background: transparent;
  padding: 0.7rem 0.75rem;
  border-color: #e5e5e5;
  height: 45px !important;
  font-size: 0.9em;
  font-weight: 400;
  color: #636365;
}

.content .section-four .form-control:focus {
  box-shadow: none;
}

.content .section-four .form-item {
  margin-bottom: 40px;
}

.content .section-four .sec-code {
  position: relative;
}

.content .section-four .sec-code span {
  position: absolute;
  right: 0;
  padding: 15px;
  background: #f3f3f3;
  bottom: 10px;
  color: #000;
}

.content .section-four .invalid-feedback {
  position: relative;
  top: 13px;
}

.content .section-four .valid-feedback {
  position: relative;
  top: 13px;
}

.content .section-five {
  background: #F5F5F5;
  padding: 100px 0;
}

.content .section-five .owl-stage {
  display: flex;
  align-items: center;
  justify-content: center;
}

.content .section-five .caption {
  text-align: center;
}

.content .section-five .owl-theme .owl-dots .owl-dot.active span, .content .section-five .owl-theme .owl-dots .owl-dot:hover span {
  background: #FE9900;
}

.content .section-five .owl-theme .owl-dots .owl-dot {
  margin-top: 50px;
}

.content .section-five .owl-theme .owl-dots .owl-dot span {
  width: 19px;
  height: 19px;
  background: #83AFD5;
}

.product-all-item .title-caption {
  margin-bottom: 30px;
}

.all-items {
  padding-top: 23px;
  padding-left: 21px;
}

.modal-body {
  padding: 40px 30px;
}

.all-items a {
  text-decoration: none !important;
}

.owl-nav {
  margin-top: 10px;
  position: absolute;
  top: 50%;
  width: 100%;
  left: 0;
}

.owl-nav span {
  font-size: 58px;
  background: transparent;
  font-weight: 400;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  color: #fff;
}

.owl-nav [class*=owl-]:hover {
  background: none;
  opacity: 0.8;
  color: #108673;
}

.owl-nav button:focus {
  outline: none !important;
}

.owl-nav .owl-prev {
  position: absolute;
  left: -53px;
  top: -38px;
}

.owl-nav .owl-next {
  position: absolute;
  right: -53px;
  top: -38px;
}

.owl-nav .prev-slide {
  width: 34px;
  height: 66px;
  background: #FE9900;
  position: relative;
  background-position: center center;
}

.owl-nav .prev-slide:before {
  content: "\f053";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  color: #000;
  font-size: 20px;
  line-height: 66px;
  padding-left: 11px;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.owl-nav .next-slide {
  width: 34px;
  height: 66px;
  background: #FE9900;
  position: relative;
  background-position: center center;
}

.owl-nav .next-slide:before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  right: 0;
  color: #000;
  font-size: 20px;
  width: 46px;
  height: 46px;
  line-height: 66px;
  padding-left: 11px;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

@media screen and (min-width: 991px) and (max-width: 1500px) {
  .content .product-all-item .box .photo img {
    height: 150px !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1600px) {
  .sidebar-item .title h3 {
    color: #fff !important;
    background: #FE9900 !important;
  }
  .sidebar-item li a {
    color: #000;
    padding: 4px 0 !important;
    display: block;
    text-decoration: none;
    margin-left: 0 !important;
  }
  .index-page .slider .owl-nav .owl-prev {
    left: 10px !important;
  }
  .index-page .slider .owl-nav .owl-next {
    right: 10px !important;
  }
  .index-page .slider .owl-nav {
    top: 50% !important;
  }
}
.service-all .box .name h5 {
  color: #000000;
  max-height: 51px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 5px;
}

.legal-page .border {
  border: 1px solid #ccc;
  padding: 10px;
  margin-bottom: 10px;
}

.legal-page .border p {
  margin-bottom: 0;
}

.no-message {
  text-align: center;
  font-size: 17px;
}

.footer-top .social {
  text-align: left;
}
.footer-top .social li {
  font-weight: 400;
  font-size: 16px;
  display: inline-block;
  color: #000;
  margin: 0 5px;
}
.footer-top .social li a {
  font-size: 18px;
}
.footer-top .social li a i {
  color: #fff;
}
.footer-top .social .fa-linkedin {
  color: #fff !important;
}

footer .footer-top .social li a:hover:before {
  display: none !important;
}

.top-icons.ms-auto.w-100 .far.fa-clock {
  color: #000 !important;
}

b.toggle-footer.mobile {
  margin-top: 20px;
}

@media screen and (min-width: 992px) {
  .footer-top .col-lg-3 {
    flex: 0 0 auto;
    width: 20%;
  }
  .container-works {
    max-width: 960px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1920px) {
  header .top-header {
    max-width: 1920px;
    margin: 0 auto;
  }
  header .bottom-header ul {
    max-width: 1790px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1200px) {
  .index-page-new .first-section li {
    margin-bottom: 30px;
    display: inline-flex;
    width: 100%;
    position: relative;
    left: -19px;
  }
  .mb20 {
    margin-bottom: 20px !important;
  }
  .index-page-new .eight-section .box .btn-cstm {
    min-width: 202px !important;
  }
  .service-page .needs-validation .form-check label {
    margin-left: 3px;
  }
  .service-account .needs-validation .form-check label {
    margin-left: 3px;
  }
  .section .new-payment .btn-cstm {
    min-width: auto;
    text-align: center;
    margin-top: 25px;
  }
  .service-detail .owl-slider .owl-item .item img {
    height: auto;
    object-fit: cover;
    width: auto;
    max-height: 380px;
  }
  header .top-header .bottom-side .right-side {
    display: flex;
    align-items: center;
    padding-top: 0;
  }
  header .top-header .bottom-side .right-side {
    padding-top: 0 !important;
  }
  header .top-header .bottom-side .right-side li:first-child {
    top: 0px !important;
  }
  .center-pic {
    text-align: center;
  }
  .center-pic img {
    width: 80%;
    text-align: center;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1500px) {
  .dif-sec.service-all {
    padding-left: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  header .container {
    max-width: 95%;
  }
  .slider .container {
    max-width: 1500px;
  }
  footer .container {
    max-width: 1250px;
  }
  .container {
    max-width: 1510px;
  }
  .personel-data.other-page .container {
    max-width: 1500px;
  }
  .banner .container {
    max-width: 1500px;
  }
}
.container {
  position: relative;
}

footer {
  background: #202A38;
}

footer a {
  text-decoration: none !important;
}

footer .text-contact b {
  margin-bottom: 6px !important;
}

footer .text-contact li {
  margin-bottom: 15px;
}

footer .cat-list ul {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

footer .footer-top {
  background: #202A38;
  padding: 20px 0;
  padding-top: 40px;
}

footer .footer-top .text b {
  margin-bottom: 2px;
}

footer .footer-top h6 {
  font-size: 13px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 13px;
}

footer .footer-top p {
  font-size: 13px;
  font-weight: 300;
  color: #C5CDD9;
  line-height: 20px;
}

footer .footer-top b {
  margin-bottom: 18px;
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  width: 100%;
  position: relative;
  line-height: 140%;
}

footer .footer-top li a {
  font-size: 15px;
  font-weight: 400;
  color: #C5CDD9;
  display: block;
  margin-bottom: 13px;
  position: relative;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  line-height: 20px;
}

footer .footer-top li a:before {
  position: absolute;
  left: 0;
  content: "";
  width: 0px;
  background: #fff;
  bottom: -10px;
  height: 2px;
  opacity: 0;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

footer .footer-top li a:hover:before {
  opacity: 1;
  width: 30px;
}

footer .f-bottom {
  background: #1B2431;
  padding: 13px 0;
  padding-top: 7px;
}

footer .f-bottom .copyright {
  padding-top: 5px;
}

footer .f-bottom .bottom-links {
  text-align: left;
  padding-top: 5px;
}

footer .f-bottom .bottom-links ul li:first-child a {
  padding-left: 0;
}

footer .f-bottom .bottom-links ul li a {
  font-size: 13px;
  font-weight: 400;
  color: #C5CDD9;
  padding: 0 20px;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

footer .f-bottom .bottom-links ul li a:hover {
  color: #fff;
}

footer .f-bottom .copyright span {
  font-size: 13px;
  font-weight: 400;
  color: #C5CDD9;
}

.btn.focus, .btn:focus {
  box-shadow: none;
}

.hidden-desktop {
  display: none;
}

/* Buğra Kaan Erdem CSS 18.07.2022
================================================== */
header {
  padding-top: 0;
  z-index: 99991;
}

header .navbar-brand img {
  max-width: 140px;
}

header i.fa-solid.fa-user {
  display: block;
  float: left;
  font-size: 29px;
  color: #fff;
  padding-top: 6px;
}

header i.far.fa-bell {
  font-size: 31px;
  color: #fff;
}

header .logo {
  padding-top: 7px;
}

header .project {
  position: relative;
}

header .three-search .project {
  position: initial !important;
}

header .top-header {
  padding-bottom: 7px;
  padding-top: 2px;
  font-size: 14px !important;
}

header .top-header .bottom-side {
  display: flex;
  padding-top: 10px;
  padding-bottom: 5px;
}

header .top-header .bottom-side .choose {
  position: relative;
  background: #FE9900;
  padding: 10px 5px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

header .top-header .bottom-side .choose:hover ul {
  visibility: visible;
  opacity: 1;
  display: block;
}

header .top-header .bottom-side .choose ul {
  background: orange;
  visibility: hidden;
  opacity: 0;
  min-width: 100%;
  position: absolute;
  transition: all 0.5s ease;
  margin-top: 0;
  left: 0;
  top: 36px;
  display: none;
  padding-bottom: 7px;
  padding-top: 7px;
  border-radius: 7px;
  position: absolute;
  background: #fff;
  border: 1px solid #bbb;
  padding: 10px;
  margin: 0;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
  -ms-user-select: none;
  zoom: 1;
  -webkit-transform: translate3d(0, 0, 0);
  font-size: 14px;
  font-family: inherit;
  line-height: normal;
}

header .top-header .bottom-side .choose ul li {
  clear: both;
  width: 100%;
  text-align: center;
}

header .top-header .bottom-side .choose ul li:last-child {
  padding: 0 !important;
  background: initial !important;
}

header .top-header .bottom-side .choose ul li a {
  padding: 10px 4px !important;
  color: #000 !important;
}

header .top-header .bottom-side .choose ul li a {
  display: block;
  width: 100% !important;
  margin: 0 auto;
}

header .top-header .bottom-side .choose.second ul {
  background: transparent !important;
}

header .top-header .bottom-side .choose.second ul a {
  color: #fff !important;
}

header .top-header .bottom-side .right-side {
  text-align: right;
  padding-top: 8px;
}

header .top-header .bottom-side .right-side li {
  display: inline-block;
  margin: 0 15px;
}

header .top-header .bottom-side .right-side li:first-child {
  position: relative;
  top: -7px;
}

header .top-header .bottom-side .right-side li:first-child i {
  font-size: 19px;
  margin-right: 10px;
  position: relative;
  top: 3px;
}

header .top-header .bottom-side .right-side li:last-child {
  width: initial;
  position: relative;
}

header .top-header .bottom-side .right-side li a {
  color: #fff;
  font-size: 15px;
  text-decoration: none !important;
  box-shadow: none !important;
}

header .top-header .bottom-side .right-side li h6 a {
  color: #000;
  font-size: 18px;
  font-weight: 700;
  margin: 10px 0;
}

header .top-header .bottom-side .right-side .signopen {
  cursor: pointer;
  margin-right: 0;
}

header .top-header .bottom-side .right-side .signopen .account-hover {
  background: orange;
  visibility: hidden;
  opacity: 0;
  min-width: 100%;
  position: absolute;
  transition: all 0.5s ease;
  margin-top: 0;
  top: 42px;
  padding-bottom: 7px;
  padding-top: 7px;
  border-radius: 7px;
  position: absolute;
  background: #fff;
  border: 1px solid #bbb;
  padding: 10px;
  margin: 0;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
  -ms-user-select: none;
  zoom: 1;
  -webkit-transform: translate3d(0, 0, 0);
  font-size: 14px;
  font-family: inherit;
  line-height: normal;
  -moz-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  width: 220px;
  text-align: left;
  right: 0;
  left: initial;
  animation: bounceInSecond 0.4s ease-out;
  display: none;
  visibility: hidden;
  opacity: 0;
}

header .top-header .bottom-side .right-side .signopen:hover .account-hover {
  visibility: visible;
  opacity: 1;
  right: 0;
  left: initial;
  animation: bounceInSecond 0.4s ease-out;
  display: block;
  visibility: visible;
  opacity: 1;
}

header .top-header .bottom-side .right-side .signopen .account-hover .sign {
  text-align: center;
}

header .top-header .bottom-side .right-side .signopen .account-hover .sign a {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  color: #156190;
  text-decoration: underline !important;
}

header .top-header .bottom-side .right-side .signopen .account-hover .sign .btn-cstm {
  background: #FE9900;
  color: #000;
  padding: 0 0;
  text-align: center;
  display: block;
  max-width: 200px;
  margin-bottom: 15px;
  margin: 0 auto;
  padding: 6px;
  font-weight: 600;
  text-decoration: none !important;
}

header .top-header .bottom-side .right-side .signopen .account-hover .list {
  text-align: left;
}

header .top-header .bottom-side .right-side .signopen .account-hover .list h6 {
  font-size: 18px;
  font-weight: 700;
  margin: 10px 0;
  text-align: left;
}

header .top-header .bottom-side .right-side .signopen .account-hover .list li {
  text-align: left;
  margin-left: 0;
}

header .top-header .bottom-side .right-side .signopen .account-hover .list li a {
  font-size: 13px;
  font-weight: 500;
}

header .top-header .bottom-side .right-side .signopen .account-hover .border-none {
  border: none !important;
}

header .top-header .bottom-side .right-side .signopen .account-hover li {
  clear: both;
  width: 100%;
  text-align: center;
}

header .top-header .bottom-side .right-side .signopen .account-hover li:last-child {
  padding: 0 !important;
  background: initial !important;
}

header .top-header .bottom-side .right-side .signopen .account-hover li a {
  padding: 10px 4px !important;
  color: #000 !important;
}

header .top-header .bottom-side .right-side .signopen .account-hover li a {
  display: block;
  width: 100% !important;
  margin: 0 auto;
}

header .top-header .three-search li.active a {
  color: #FE9900;
}

header .top-header .top-side {
  padding-bottom: 0;
}

header .top-header .top-side .left a {
  text-decoration: none !important;
  text-decoration: none;
  position: relative;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

header .top-header .top-side .left a:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0px;
  background: #FE9900;
  bottom: -5px;
  height: 2px;
  opacity: 1;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  transition: width 0.4s ease;
}

header .top-header .top-side .left a:hover:before {
  opacity: 1;
  width: 100% !important;
}

header .top-header .top-side .left ul li:first-child a {
  padding-left: 0 !important;
}

header .top-header .top-side .left ul li:first-child a i {
  margin-right: 8px;
}

header .top-header .top-side .left ul li {
  padding: 0 10px;
}

header .top-header .top-side .left ul li.active a:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #FE9900;
  bottom: -5px;
  height: 2px;
  width: 100% !important;
  opacity: 1;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  transition: width 0.4s ease;
}

header .top-header .top-side a {
  color: #fff;
}

header .top-header .top-side .left {
  padding-top: 16px;
}

header .top-header .top-side .right-side {
  text-align: right;
  z-index: 8;
}

header .top-header .top-side .right-side li a {
  margin: 0 5px;
  text-decoration: none;
}

header .top-header .top-side .language, header .top-header .top-side .account, header .top-header .top-side .choose {
  position: relative;
  background: #434343;
  padding: 10px 5px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding-right: 2px;
}

.top-side .language svg {
  color: #fff;
}

.translate-fake {
  height: 38px;
}

header .top-header .top-side .language:hover ul, header .top-header .top-side .account:hover ul, header .top-header .top-side .choose:hover ul {
  visibility: visible;
  opacity: 1;
  display: block;
}

header .top-header .top-side .language ul, header .top-header .top-side .account ul, header .top-header .top-side .choose ul {
  background: orange;
  visibility: hidden;
  opacity: 0;
  min-width: 100%;
  position: absolute;
  transition: all 0.5s ease;
  margin-top: 0;
  left: 0;
  top: 29px;
  display: none;
  padding-bottom: 7px;
  padding-top: 7px;
  border-radius: 7px;
  position: absolute;
  background: #fff;
  border: 1px solid #bbb;
  padding: 10px;
  margin: 0;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
  -ms-user-select: none;
  zoom: 1;
  -webkit-transform: translate3d(0, 0, 0);
  font-size: 14px;
  font-family: inherit;
  line-height: normal;
}

header .top-header .top-side .language ul li, header .top-header .top-side .account ul li, header .top-header .top-side .choose ul li {
  clear: both;
  width: 100%;
  text-align: center;
}

header .top-header .top-side .language ul li:last-child, header .top-header .top-side .account ul li:last-child, header .top-header .top-side .choose ul li:last-child {
  padding: 0 !important;
  background: initial !important;
}

header .top-header .top-side .language ul li a, header .top-header .top-side .account ul li a, header .top-header .top-side .choose ul li a {
  padding: 10px 4px !important;
  color: #000 !important;
}

header .top-header .top-side .language ul li a, header .top-header .top-side .account ul li a, header .top-header .top-side .choose ul li a {
  display: block;
  width: 100% !important;
  margin: 0 auto;
}

header .top-header .top-side .account {
  border-radius: 0 !important;
  background: transparent !important;
  position: relative;
  z-index: 99;
}

header .top-header .top-side .account a {
  color: #fff !important;
}

header .top-header .top-side .account ul {
  min-width: 140px;
}

header .top-header .top-side .account ul a {
  color: #000 !important;
}

header .top-header .top-side .choose {
  border-radius: 0 !important;
  background: transparent !important;
  position: relative;
  padding-top: 0 !important;
  z-index: 8;
  top: 0 !important;
}

header .top-header .top-side .choose ul {
  top: 24px !important;
}

header .top-header .top-side .choose a {
  color: #fff !important;
}

header .top-header .top-side .choose i {
  color: #fff;
  float: left;
  display: inline-block;
}

header .top-header .top-side .choose input {
  background: transparent;
  color: #fff;
  border: none;
  display: inline-block;
  margin-top: -3px;
  font-size: 14px;
  padding-top: 0;
  padding-left: 6px;
  width: auto !important;
  padding-right: 11px;
  margin-right: 0;
}

header .top-header .top-side .choose input::placeholder {
  color: #fff;
}

header .bottom-header {
  background: #202A38;
  padding: 0 0;
  text-align: center;
  height: 40px;
  font-size: 14px;
  padding-bottom: 31px;
  overflow: hidden;
}

header .bottom-header ul {
  height: 23px;
}

header .bottom-header li {
  margin: 0 15px;
  float: left;
  line-height: 20px;
  padding: 9px 0;
}

header .bottom-header li:first-child {
  padding-left: 0;
  margin-left: 0;
}

header .bottom-header li a {
  color: #fff;
  text-decoration: none;
  position: relative;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  font-size: 14px;
}

header .bottom-header li a:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0px;
  background: #fff;
  bottom: -5px;
  height: 2px;
  opacity: 1;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  transition: width 0.4s ease;
}

header .bottom-header li a:hover:before {
  opacity: 1;
  width: 100% !important;
}

.modal-follow .img-bg {
  padding-bottom: 0 !important;
  position: absolute !important;
  top: -125px !important;
  left: 35px !important;
  z-index: 9999 !important;
  width: 99px !important;
  height: 100px !important;
}

.modal-follow .footer-sec {
  position: relative;
}

.modal-follow .modal-dialog p {
  margin-bottom: 0 !important;
  /* line-height: 21px; */
  font-size: 16px !important;
}

.btn-prev {
  font-size: 18px;
  font-weight: 300;
  color: #000;
  margin-top: 15px;
  background: #fff;
  border: 1px solid #D6D6D6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  padding: 10px 25px;
}

.services-detail .owl-nav .owl-prev {
  position: absolute;
  left: -27px;
  top: -38px;
}

.services-detail .owl-nav .owl-next {
  position: absolute;
  right: -23px;
  top: -38px;
}

.follow-page .comment-area {
  display: none;
}

.follow-page .ul-area.bottom.active .comment-area {
  display: block;
}

.follow-page #comment:hover {
  cursor: pointer;
}

.follow-page .post-area {
  margin-top: 10px;
  background: #fff;
  overflow: auto;
  padding-top: 10px;
  display: none;
  border-bottom: 1px solid #f7f7f7;
}

.follow-page .post-area .profile-ph img {
  width: 40px;
  height: 40px;
  border-radius: 30px;
}

.follow-page .post-area .profile-ph .name {
  overflow: auto;
}

.follow-page .post-area .textarea {
  margin: 20px;
  margin-top: 64px;
  padding-left: 40px;
}

.follow-page .comment-area.active .post-area {
  display: block;
}

.datecmnt {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  position: absolute;
  right: 15px;
  top: 22px;
}
.datecmnt .date {
  margin-right: 6px;
  color: #434343;
  font-size: 13px;
}
.datecmnt i {
  font-size: 12px;
  color: #434343;
  cursor: pointer;
  position: relative;
  top: -2px;
}

.follow-page .comment-area .form-group {
  overflow: auto;
  margin-top: 30px;
}

.follow-page .comment-area .form-group img {
  width: 40px;
  float: left;
  border-radius: 30px;
  height: 40px;
}

.follow-page .comment-area .form-group textarea {
  width: calc(100% - 110px);
  float: left;
  margin-left: 8px;
}

.follow-page .comment-area .form-group .button-group {
  float: right;
}

.follow-page .comment-area .form-control:focus {
  box-shadow: none !important;
}

.follow-page .postbtn {
  background-color: #FE9900;
  border-color: #FE9900;
  color: #000;
  width: 100%;
  margin-top: 6px;
}

.follow-page .button-group.pull-right .postbtn {
  background-color: #FE9900;
  border-color: #FE9900;
  color: #fff !important;
  width: 100%;
  margin-top: 0 !important;
}

.profile-three .btn-success.btn-rate .btn-rate {
  display: inline-flex;
  text-align: center;
  justify-content: center;
}

.follow-page .text-rigth.center {
  text-align: center;
}

.follow-page .tox-tinymce {
  border: 1px solid #eee !important;
  border-radius: 5px !important;
}

.follow-page .modal-post .btn-primary {
  margin: 0 3px;
}

.follow-page .past-item {
  margin-top: 0;
}

.follow-page .past-item .images {
  overflow: auto;
}

.follow-page .past-item .ul-area.bottom a {
  text-decoration: none;
  color: #606060;
}

.follow-page .past-item .ul-area.bottom a i {
  color: #606060;
}

.follow-page .past-item .text {
  margin-top: 5px !important;
  margin-bottom: 15px;
}

.follow-page .past-item .text p {
  margin-bottom: 15px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.9019607843);
  line-height: 20px;
}

.follow-page .past-item .profile-ph {
  float: left;
}

.follow-page .past-item .name {
  float: left;
  width: calc(100% - 128px);
  padding-top: 4px;
}

.follow-page .past-item .name .follow-btn {
  float: right;
  position: relative;
  top: -7px;
  text-decoration: none;
  color: #0088cc;
  font-weight: 500;
  right: -78px;
}

.follow-page .past-item .name .name-btn {
  padding-left: 15px;
  text-decoration: none;
  margin-top: 6px;
}

.follow-page .past-item .name .name-btn span {
  font-weight: 500;
  font-size: 18px;
  margin-top: 6px;
  margin-bottom: 3px;
}

.follow-page .past-item .imagetrans .name .name-btn span {
  font-size: 15px !important;
}

.follow-page .past-item .name .name-btn p {
  color: #5c5c5c;
  font-weight: 400;
  font-size: 13px;
  margin-left: 15px;
  margin-top: 4px;
}

.deleteComment {
  cursor: pointer;
}

.follow-page.follow-detail .past-item .name .name-btn span {
  font-size: 13px;
}

.follow-page.follow-detail .past-item .name .name-btn p {
  font-size: 16px;
  margin-top: 6px;
}

.follow-page .ul-area {
  position: relative;
}

.follow-page .ul-area ul li a:hover {
  color: #FE9900 !important;
}

.follow-page .ul-area ul li a:hover i {
  color: #FE9900 !important;
}

.follow-page .container {
  max-width: 1300px;
  margin: 0 auto;
}

.follow-page .padright-0 {
  padding-right: 0;
}

.follow-page .top-cstm {
  overflow: auto;
}

.follow-page .top-cstm .images {
  float: left;
  width: 48px;
}

.follow-page .top-cstm .modal-area {
  width: calc(100% - 65px);
  margin-left: 15px;
  float: left;
}

.follow-page .social-section .ul-area {
  margin-top: 25px;
}

.follow-page .social-section .ul-area li i {
  margin-right: 7px;
}

.follow-page .social-section .ul-area ul {
  display: flex;
  justify-content: space-between;
}

.follow-page .social-section .top {
  border: 1px solid #eaeaea;
  border-radius: 15px;
  background: #fff;
  padding: 20px;
}

.follow-page .social-section .modal-area {
  border: 1px solid #ccc;
  border-radius: 30px;
}

.follow-page .social-section .modal-area a {
  color: #000;
  display: block;
  padding: 16px;
  font-size: 16px;
  text-decoration: none;
}

.follow-page .social-section .images {
  padding-top: 1px;
}

.follow-page .social-section .imagetrans .images {
  padding-top: 1px;
  display: flex;
  align-items: center;
}
.follow-page .social-section .imagetrans .images .name .name-btn {
  position: relative;
  top: -2px;
}

.service-page.follow-detail .ad-service .text {
  margin-top: 10px !important;
}

.follow-page .social-section .images img {
  border-radius: 50%;
  width: 48px;
  height: 48px;
}

.follow-page .footer-sec img {
  max-width: 200px;
  max-height: 200px;
  padding: 5px;
  vertical-align: middle;
  text-align: center;
}

.follow-page .posts.post-area .name {
  float: left;
  width: 91% !important;
  padding-top: 4px;
  background: #f2f2f2;
  padding: 11px;
  margin-left: 7px;
  padding-right: 11px;
  -webkit-border-radius: 10px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius: 10px;
  -moz-border-radius-topleft: 0;
  border-radius: 10px;
  border-top-left-radius: 0;
}
.follow-page .posts.post-area .name .name-btn {
  padding-left: 5px;
}
.follow-page .posts.post-area .name .name-btn span {
  color: #434343;
}

.follow-page .past-item .posts .name .name-btn p {
  margin-left: 5px;
  margin-top: 4px;
  color: #000 !important;
  font-size: 14px;
}

.modal-post .btn-primary {
  color: #fff;
  background-color: #FE9900;
  border-color: #FE9900;
}

.modal-post .images {
  margin-bottom: 20px;
}

.modal-post .images img {
  width: 45px;
  height: 45px;
  border-radius: 30px;
}

.modal-post .images span {
  position: relative;
  top: -21px;
  left: 10px;
}

.modal-post .upload__btn {
  display: inline-block;
  font-weight: 600;
  color: #21252a;
  cursor: pointer;
  border: 2px solid;
  background-color: transparent !important;
  border-color: transparent !important;
  border: none !important;
}

.modal-post .upload__btn {
  height: 35px;
  min-width: 90px;
  border-radius: 7px;
}

.modal-post .upload__btn-box {
  margin-bottom: 0;
}

.modal-post .ul-area li i {
  margin-right: 7px;
}

.modal-post .ul-area ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal-post .footer-sec {
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 20px;
}

.modal-post .text-rigth {
  text-align: right;
}

.modal-post .img-bg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  padding-bottom: 100%;
}

.sign-join {
  text-align: left;
  padding-left: 35px;
  height: 41px;
  padding-top: 6px;
}

.sign-join a {
  font-weight: 300;
  font-size: 14px;
}

.sign-join a b {
  font-weight: 700;
  display: block;
}

.service-all {
  background: #fff;
  padding: 30px;
  padding-bottom: 20px;
  margin-top: 35px;
}

.section-one.special-section .service-all .service-all {
  margin-top: 0;
}

.service-all .service-item {
  margin-bottom: 15px;
  text-align: center;
  border: 1px solid #ccc;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  padding: 15px 10px;
  border: 1px solid #f1f1f1;
  background: #fff;
  text-align: center;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.service-all .service-item a {
  text-decoration: none !important;
}

.service-all .service-item h6 {
  color: #000;
  font-size: 15px;
  font-weight: 600;
  margin-top: 7px;
  height: 36px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

header .top-header .bottom-side .choose.second {
  background: #6c757d;
  border-radius: 0;
  z-index: 999;
  width: 76px;
  margin-top: 0;
  /* border: 1px solid #fff; */
  padding-top: 7px;
  padding-right: 0;
  padding-left: 0;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  position: relative;
  left: 7px;
  padding-bottom: 0;
  height: 45px;
}

header .top-header .bottom-side .choose.second select {
  margin-bottom: 0;
  padding-bottom: 0;
  background: #6c757d;
  color: #fff;
  border: none;
}

header .top-header .bottom-side .choose.second a {
  color: #fff !important;
  text-decoration: none !important;
}

header .top-header .bottom-side .choose.second ul {
  background: #fff !important;
  width: 130px;
}

header .top-header .bottom-side .choose.second ul a {
  color: #000 !important;
  text-decoration: none !important;
}

.with-description .service-item {
  text-align: left;
  height: auto;
  min-height: auto;
}

.with-description .service-item p {
  color: #000;
  margin-top: 10px;
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
  min-height: 40px;
}

.with-description .service-item h2 {
  font-size: 18px;
  color: #121921;
  margin-top: 10px;
}

.send-btn {
  color: #FE9900;
  font-weight: 600;
}

.send-btn:hover {
  color: #000;
}

.translate {
  margin: 5px 0;
  padding: 1px;
  text-align: center;
  position: relative;
  top: -7px;
}

.translate a {
  font-size: 16px;
}

.fas.fa-globe-europe {
  font-size: 16px;
}

.translate:hover {
  cursor: pointer;
  color: #FE9900;
}

.translate:hover i {
  color: #FE9900;
}

.translate a {
  color: #000;
  text-decoration: none;
}

.translate i {
  margin-right: 5px;
  color: #000;
}

.follow-page .text-sec {
  text-align: left;
}

.follow-page .ad-service {
  padding: 9px;
}

.follow-page .ad-service h2 {
  font-size: 18px;
}

.follow-page .bar-container {
  width: 100%;
}

.follow-page .text-sec {
  padding-top: 0;
}

.follow-page .veri a {
  margin: 12px 0px !important;
  padding: 0px !important;
  border-bottom: 0 !important;
}

.follow-page .sevenservice-page .profile-text {
  padding: 0 12px;
}

.follow-page .bgwhite {
  border-radius: 7px;
}

.max-width {
  max-width: calc(100% - 100px);
}

.employer .top-icons ul {
  justify-content: center !important;
}

.nati-all {
  overflow: hidden;
  position: absolute;
  top: 38px;
  margin-top: 0;
  padding-top: 6px;
  right: 0;
  z-index: 1;
  animation: bounceInSecond 0.4s ease-out;
  height: 500px;
  width: 354px;
  display: none;
  visibility: hidden;
  opacity: 0;
}

.nati-li:hover .nati-all {
  display: block;
  visibility: visible;
  opacity: 1;
  animation: bounceInSecond 0.4s ease-out;
}

.nati-section {
  background: #FFFFFF;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
  margin: 10px;
  min-height: 452px;
}

.nati-li a {
  position: relative;
}

.nati-li .count-nati {
  position: absolute;
  right: -2px;
  top: -14px;
  background: #FE9900;
  padding: 3px;
  border-radius: 40px;
  font-size: 0;
  width: 14px;
  height: 14px;
  line-height: 10px;
  text-align: center;
}

.nati-li .count-nati span {
  color: #fff;
}

#nati li a:hover .text {
  background: rgba(202, 238, 220, 0.5);
}

.addcss .related-exe h6 {
  margin-bottom: 7px;
}

#sub-open {
  display: none;
}

.follow-page-new .follow-item {
  position: relative;
}

.follow-page-new .active-text.delete-icon {
  background: #fff;
  right: 0;
  padding: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.follow-page-new .project-item .star {
  top: initial !important;
}

.follow-page-new .project-item .active-text.delete-icon {
  top: 10px;
  height: 27px;
  width: 31px;
}

.ad-page .box-three h6 {
  border-bottom: 2px dotted #FE9900 !important;
}

.addcss .form-check {
  display: inline-block;
  margin-right: 10px;
}

.section-one.with-description {
  margin: 30px 0;
}

.section-one.with-description .service-all .service-item .image {
  text-align: center;
}

.section-one.with-description .service-all .service-item img {
  object-fit: cover;
  width: 60%;
  padding-top: 30px;
  padding-bottom: 20px;
}

.other-page.service-account.service-img.service-page.personel-data.project-page .needs-validation {
  margin-top: 0 !important;
}

.prev-save .btn-send {
  margin-top: 0 !important;
}

.title-caption {
  display: block;
  margin-bottom: 15px;
}

.title-caption .text-right {
  text-align: right;
}

.title-caption .text-right a {
  color: #000;
  font-size: 19px;
}

.title-caption .text-left {
  text-align: left;
  float: left;
}

.title-caption .text-left h3 {
  color: #000;
  font-size: 21px;
  position: relative;
  padding-left: 5px;
  margin-left: 5px;
}

.title-caption .text-left h3:before {
  content: "";
  left: -5px;
  position: absolute;
  top: 0;
  width: 2px;
  height: 100%;
  background: #FE9900;
}

.container-works.area {
  background: #fff;
}
.container-works.area .works-item {
  margin-left: 20px;
}
.container-works.area .titlespc {
  padding: 20px;
  padding-bottom: 0;
  margin-bottom: 20px !important;
}

.text-sec .container-works.area .titlespc {
  padding-left: 0 !important;
  padding-top: 0 !important;
}
.text-sec .container-works.area .titlespc h6 {
  font-size: 19px;
  color: #191919;
  font-weight: 600;
}

.text-sec .works-area.minh {
  margin-bottom: 15px !important;
}

.no-see-all .text-left {
  text-align: left;
  float: initial !important;
}

.newprofiledesign .text-sec .container-works.area .works-item {
  margin-left: 0;
  margin-right: 15px !important;
  width: 194px;
  height: 200px;
}

.product-all-item.no-see-all.forpd .title-caption {
  margin-top: 13px;
}
.product-all-item.no-see-all.forpd .title-caption .text-left {
  float: left !important;
}

.back-top {
  background: #324051;
  text-align: center;
  padding: 15px;
}

.back-top a {
  color: #fff;
}

.product-all-item {
  margin-bottom: 30px;
}

.owl-carousel {
  z-index: 0;
}

.f-logo {
  text-align: center;
  margin-bottom: 10px;
  margin-top: 0x;
}

.openMenu {
  color: #fff;
  margin-top: 10px;
  position: relative;
  top: 13px;
}

.openMenu:hover {
  color: #fff;
}

.openMenu i {
  margin-right: 8px;
}

.sidebarMenu p {
  color: #009c9c;
  margin-top: 10%;
  text-align: center;
}

.menu_overlay {
  display: none;
  position: fixed;
  background: rgba(0, 0, 0, 0.4);
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  z-index: 9;
}

.sidebarMenu {
  position: fixed;
  overflow-y: scroll;
  left: 0;
  height: calc(100% - 100px);
  width: 400px;
  background: #fff;
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);
  top: 100px;
  z-index: 99;
  transform: translate(-100%, 0);
  transition: all 0.3s cubic-bezier(0.29, 0.39, 0.68, 0.53);
  -webkit-transition: all 0.3s cubic-bezier(0.29, 0.39, 0.68, 0.53);
  padding: 15px;
  padding-left: 30px;
}

.sidebarMenu::-webkit-scrollbar {
  width: 4px;
}

.sidebarMenu::-webkit-scrollbar-track {
  background: 0 0;
}

.sidebarMenu::-webkit-scrollbar-thumb {
  background: #FE9900;
  border-radius: 2px;
}

.sidebarMenu a {
  color: #000;
  margin-bottom: 10px;
  text-decoration: none;
  display: block;
  color: #000;
  font-weight: 400;
  margin-bottom: 10px;
  text-decoration: none;
  display: block;
  font-size: 15px;
  border-bottom: 1px solid #ececec;
  padding-bottom: 13px;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.sidebarMenu a:hover {
  color: #FE9900;
}

.menuOpened .sidebarMenu {
  transform: translate(0, 0);
  transition: all 0.3s cubic-bezier(0.29, 0.39, 0.68, 0.53);
  -webkit-transition: all 0.3s cubic-bezier(0.29, 0.39, 0.68, 0.53);
}

body.menuOpened {
  overflow: hidden;
}

.special-section .title-caption h3 {
  font-size: 23px;
}

.index-page .content .section-one.special-section {
  padding-top: 0;
}

/* Categories */
.other-page {
  padding-top: 20px;
}

.breadcrumb {
  margin-bottom: 25px;
  display: none !important;
}

.breadcrumb ul li {
  float: left;
  margin: 0 15px;
  position: relative;
}

.breadcrumb ul li:first-child {
  margin-left: 0;
}

.breadcrumb ul li:first-child:before {
  display: none;
}

.breadcrumb ul li:before {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  left: -18px;
  top: 0;
}

.breadcrumb ul li:last-child a {
  color: #FE9900;
}

.breadcrumb ul li a {
  color: #000;
  text-decoration: none;
}

.edit-sec-service .fav-item {
  padding-top: 0 !important;
}

.edit-sec-service .active-text {
  right: 0 !important;
}

.edit-sec-service .active-text {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 84px;
}

.edit-sec-service .active-text {
  background: #fff;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  height: 25px;
  padding-top: 5px;
}

.edit-sec-service .star {
  top: initial !important;
  bottom: 15px;
}

.edit-sec-service .photo-item {
  position: relative;
}

.page-title.text-left {
  text-align: left !important;
}

.multi-field {
  margin-right: 15px !important;
}

.languages .form-item {
  margin-bottom: 20px !important;
}

.languages .btn-add {
  background: #fff;
  color: #000;
  display: block;
  max-width: 482px;
  border: 1px solid #CECECE;
  padding: 9px;
}

.loader-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  z-index: 9999;
  overflow: hidden;
}

.loader {
  width: 0;
  height: 100%;
  background: #f39c12;
  transition: width 1s ease;
}

.spinner {
  width: 15px;
  height: 15px;
  border: 2px solid transparent;
  border-top-color: #f39c12;
  border-radius: 50%;
  margin-left: 5px;
  animation: spin 0.4s linear infinite;
  position: fixed;
  right: 4px;
  top: 9px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.page-title {
  text-align: center;
  margin-bottom: 15px;
}

.page-title h2 {
  font-size: 35px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #000;
}

.myAccount {
  max-width: 1300px;
  padding-top: 40px;
  padding-bottom: 120px;
  margin: 0 auto;
}

.myAccount .content {
  background: #fff;
  border-radius: 3px;
  padding: 15px;
}

.myAccount .active-text {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 62px;
}

.myAccount .active-text ul {
  display: flex !important;
}

.myAccount .active-text ul li:last-child {
  margin-left: 5px !important;
}

.myAccount .active-text ul li .fa-edit {
  color: #b95a00 !important;
  font-size: 14px;
}

.myAccount .active-text ul li .fa-trash-alt {
  color: #f27474 !important;
  font-size: 14px;
}

.myAccount .active-text ul li {
  margin: 0 0;
}

.myAccount .active-text ul li:first-child {
  margin-left: 5px !important;
  margin-right: 5px;
}

.myAccount .project-item {
  padding-top: 45px !important;
  position: relative;
}

.myAccount .project-item input:focus {
  box-shadow: none !important;
}

.myAccount .more-detail a {
  color: #000;
}

.myAccount .sidebar-item .title {
  background: transparent;
  text-align: center;
}

.myAccount .sidebar-item a {
  font-size: 16px;
  margin-bottom: 0 !important;
  color: #333;
  padding: 4px 15px;
  display: block;
  text-decoration: none;
  margin-left: 10px;
  padding: 15px 15px;
  margin-right: 10px;
  padding-top: 9px;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.myAccount .sidebar-item a:hover i {
  color: #FE9900;
}

.myAccount .sidebar-item a i {
  margin-right: 8px;
  color: #999;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.myAccount .sidebar-item a img {
  width: 20px;
  position: relative;
  top: 4px;
  margin-right: 7px;
}

.myAccount .sidebar-item li.active a {
  background: #ffecd0;
  border-radius: 5px;
}

.myAccount .sidebar-item a:hover {
  background: #ffecd0;
  border-radius: 5px;
}

.myAccount .sidebar-item li.active ul li.active a i {
  color: #FE9900;
}

.myAccount .asist {
  padding: 20px;
  border-radius: 3px;
  text-align: center;
  background: #fff;
  border: 1px solid #dadada;
}
.myAccount .asist h4 {
  font-size: 21px;
  color: #fe9900;
}

body .hover-scale:before {
  content: "Ask Laila";
  position: fixed;
  bottom: 1px !important;
  z-index: 9;
  font-size: 14px;
  color: #fff;
  background: #fe9900;
  padding: 5px;
  border-radius: 4px;
}

#chat-widget-push-to-talk {
  bottom: 31px !important;
  overflow: initial !important;
}
#chat-widget-push-to-talk img {
  transition: transform 0.2s ease-in-out;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #fe9900 !important;
}
#chat-widget-push-to-talk:hover img {
  transform: scale(1.048);
  overflow: hidden;
}
#chat-widget-push-to-talk:hover .hover-scale:before {
  opacity: 0 !important;
  display: none !important;
}

.hover-scale:hover {
  transform: initial !important;
}

.myAccount .asist img {
  width: 86px !important;
}

.myAccount .asist i {
  display: block;
  font-size: 25px;
  margin-bottom: 10px;
}

.myAccount .asist a {
  color: #000;
  text-decoration: none;
  color: #FE9900;
  font-size: 16px;
  display: block;
}

.myAccount .asist a p {
  color: #8e8e8e;
  font-size: 13px;
  margin-top: 3px;
  font-size: 17px;
  margin-top: 3px;
}

.sidebar-item {
  background: #fff;
  border: 1px solid #eeeeee;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  margin-bottom: 15px;
}

#apply-filter-button {
  margin: 0 auto;
  display: block;
  margin-bottom: 20px;
  width: calc(100% - 40px) !important;
  text-align: center !important;
  padding-bottom: 8px;
}

.sidebar-item ul {
  padding-top: 15px;
  padding-bottom: 10px;
}

.sidebar-item .title {
  background: #fff;
  text-align: center;
}

.sidebar-item .title h3 {
  font-size: 19px;
  color: #fff;
  padding: 15px 10px;
  background: #FE9900;
}

.sidebar-item li a {
  font-size: 16px;
  margin-bottom: 6px;
  color: #000;
  padding: 4px 0;
  display: inline-block;
  text-decoration: none;
  margin-left: 15px;
}

.sidebar-item li a {
  text-decoration: none !important;
  text-decoration: none;
  position: relative;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.sidebar-item li a:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0px;
  background: #FE9900;
  bottom: -3px;
  height: 2px;
  opacity: 1;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  transition: width 0.4s ease;
}

.sidebar-item li a:hover:before {
  opacity: 1;
  width: 100% !important;
}

.myAccount .sidebar-item li a:before {
  display: none !important;
}

.multi-category-two .multi-field select {
  padding-left: 15px !important;
  padding-right: 37px !important;
}

.project-list-page.project-page.owl-servicess .photo-item img {
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  max-height: 180px;
  object-fit: cover;
}

.jobs-page.project-page.project-list-page {
  padding: 60px 0;
}

.social-btns .fa-share-alt {
  color: #f27474 !important;
}

.content .product-all-item .box {
  background: #fff;
  margin-bottom: 20px;
  text-align: center;
  padding-bottom: 10px;
  padding: 0 !important;
  border-radius: 10px;
  overflow: hidden;
  transition: box-shadow 0.3s ease;
}
.content .product-all-item .box:hover {
  box-shadow: 0 0.08px 2.55728px rgba(0, 0, 0, 0.053), 0 1.28px 5.57858px rgba(0, 0, 0, 0.077), 0 3px 10px rgba(0, 0, 0, 0.13);
}
.content .product-all-item .box .photo {
  border-radius: 10px;
}

.content .product-all-item .box .photo img {
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  max-height: 200px;
  object-fit: cover;
}

.content .product-all-item .box a {
  text-decoration: none !important;
  color: #000;
}

.content .product-all-item .box h6 {
  padding-bottom: 10px;
  border-bottom: 2px solid #E3E3E3;
  margin: 0 15px;
}

.pricing-subs .content {
  margin-bottom: 30px;
  margin-top: 0px !important;
  padding: 25px;
}

.pricing-subs .box-three {
  margin: 20px 0 !important;
}

.pricing-jobss ul {
  min-height: 310px;
}

.pricing-jobss .box-three h6 {
  font-size: 16px !important;
}

.job-ads-w .progress {
  width: 160px;
}

.all-categories .content-section {
  margin-bottom: 50px;
}

.all-categories .content .box {
  padding: 0 0 !important;
  background: transparent !important;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}

.all-categories .content .box .image {
  overflow: hidden;
}

.all-categories .content .box .image:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  height: 70%;
  width: 100%;
  background: black;
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.5) 0.1%, rgba(9, 9, 121, 0) 100%);
}

.all-categories .content .box:hover img {
  -webkit-transform: scale(1.08);
}

.all-categories .content .box img {
  width: 100%;
  object-fit: cover;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}

.all-categories .content .box .text {
  position: absolute;
  bottom: 10px;
  z-index: 8;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: transparent;
}

.all-categories .content .box .text h6 {
  color: #fff;
  font-size: 25px;
  border: none !important;
}

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

.file-input {
  display: inline-block;
  text-align: left;
  background: #fff;
  padding: 7px;
  width: 100%;
  position: relative;
  border-radius: 3px;
  height: 45px;
}

.project-page.other-page .file-input {
  background: #e9ecef;
}

.file-input > [type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 10;
  cursor: pointer;
}

.file-input > .button {
  display: inline-block;
  cursor: pointer;
  background: #eee;
  border-radius: 2px;
  margin-right: 8px;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  position: relative;
  top: 0;
  padding: 7px 9px;
}

.file-input:hover > .button {
  background: #fe9900;
  color: white;
}

.file-input > .label {
  color: #333;
  white-space: nowrap;
  opacity: 0.3;
}

.file-input.-chosen > .label {
  opacity: 1;
}

.form-check-input:checked {
  background-color: #FE9900;
  border-color: #FE9900;
}

.project-page .btn-right .btn-cstm {
  height: 50px;
  min-width: 220px !important;
}

.project-page .date-cstm {
  margin-top: 15px;
  width: 250px;
}

.project-page .date-cstm .form-control {
  border: 1px solid #FE9900;
}

.project-page .date-cstm i {
  position: absolute;
  right: 0;
  z-index: 9;
  top: 11px;
  right: 10px;
  font-size: 21px;
  color: #FE9900;
}

.project-page .page-title {
  margin-bottom: 15px;
}

.project-page .form-item > label {
  margin-bottom: 15px !important;
  display: block;
}

.project-page .content {
  margin-bottom: 80px;
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  padding: 35px;
  padding-top: 20px;
  border-radius: 5px;
  margin-bottom: 80px;
}

.project-page .content a {
  text-decoration: none !important;
}

.project-page .project-text {
  width: 85%;
  word-wrap: break-word;
}

.project-page .project-text h2 {
  font-size: 33px;
  font-weight: 600;
  margin-bottom: 20px;
}

.project-page .project-text p {
  font-size: 18px;
  font-weight: 300;
  line-height: 23px;
  color: #454545;
}

.project-page #location-filter {
  max-width: 100%;
  height: 45px;
  white-space: nowrap;
  padding-right: 10px;
  text-overflow: ellipsis;
}

.project-page #location {
  max-width: 300px;
}

.project-page-two .file-input {
  background: #eee;
}

.project-page .needs-validation label {
  margin-bottom: 0;
}

.project-page .needs-validation h6 {
  margin-bottom: 15px;
  font-weight: 600;
}

.project-page .form-item .form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
  display: inline-block;
  margin-right: 30px;
  line-height: 22px;
}

.project-page .top-text {
  margin-bottom: 20px;
  padding-top: 30px;
}

.project-page .date span {
  color: #333;
  font-size: 12px;
}

.project-page .text-left {
  float: left;
}

.project-page .text-left li {
  margin: 0 3px;
}

.project-page .text-left li:last-child {
  margin-left: 3px !important;
}

.project-page .text-left li:first-child {
  margin-left: 0 !important;
}

.project-page .text-left li i {
  color: #000;
  font-size: 18px;
}

.project-page .text-left li i.fa-facebook-f {
  color: #4267B2;
}

.project-page .text-left li i.fa-instagram {
  color: #E1306C;
}

.project-page .text-left li i.fa-linkedin {
  color: #0A66C2;
}

.project-page .text-left li i.fa-envelope {
  color: #FE9900;
}

.project-page .project-item {
  background: #fff;
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 20px;
  margin-bottom: 30px !important;
}

.project-page .project-item h4 {
  font-size: 27px;
  margin-bottom: 15px;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-page .project-item h6 {
  font-size: 18px;
  font-weight: 300;
  display: block;
  margin-bottom: 30px;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.btncstmsn .btn {
  font-size: 16px;
}

.project-page .project-item p {
  font-weight: 400;
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 22px;
  color: #333;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
}

.project-page .project-item ul {
  display: block;
  margin-bottom: 15px;
}

.project-page .project-item li {
  font-weight: 400;
  font-size: 15px;
  display: inline-block;
  color: #000;
}

.project-page .project-item .date-roc {
  margin-right: 20px;
}
.project-page .project-item .date-roc img {
  width: 25px;
  margin-right: 5px;
  position: relative;
  top: 8px;
}

.project-page .project-item li b {
  font-size: 14px;
  font-weight: 400;
  display: initial;
  margin-bottom: 6px;
  color: #333;
  height: 22px;
}
.project-page .project-item li i {
  margin-right: 4px;
  color: #333;
}

.project-page .project-item .date-roc li:first-child {
  margin-right: 20px;
}
.project-page .project-item .date-roc li:first-child i {
  position: relative;
  top: 2px;
  margin-right: 5px;
  font-size: 18px;
}

.project-page-two .page-title {
  margin-bottom: 30px;
  margin-top: 40px;
}

.project-page .owl-item .project-item li:last-child {
  margin-left: 14px !important;
}

.project-page .owl-item .project-item li:last-child li b {
  font-size: 14px !important;
}

.project-page .owl-item .project-item .social-btns li:last-child {
  margin-left: 0 !important;
}

.project-page .owl-item .project-item .company-text {
  height: 39px !important;
}

.project-page .owl-item .project-item .top-icons {
  margin-top: 0 !important;
}

.project-list-page.project-page.owl-projects .owl-item .project-item li {
  font-size: 14px !important;
}

.filter-content {
  padding: 15px;
}

.filter-content .filter-box {
  margin-bottom: 15px;
  display: block;
}

.filter-content .filter-box .form-check input {
  position: relative;
  top: -2px;
}

.nextStep .btn-cstm {
  position: relative;
  padding-right: 18px;
}

.nextStep .btn-cstm:after {
  content: "\f061";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: 10px;
  float: right;
}

.needs-validation {
  position: relative;
  z-index: 0;
}

.needs-validation label {
  margin-bottom: 10px;
  display: block;
  color: #000;
}

.needs-validation .btn-send {
  font-size: 18px;
  font-weight: 400;
  color: #000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  margin-top: 15px;
  background: #fff;
  border: 1px solid #D6D6D6;
  padding: 10px 25px;
}

.needs-validation .btn-send:after {
  content: "\f1d8";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #000;
  margin-left: 8px;
}

.needs-validation .caption {
  margin-bottom: 50px;
}

.needs-validation .caption b {
  display: block;
  font-size: 2em;
  font-weight: 600;
  color: #2C363B;
  margin-bottom: 45px;
  position: relative;
  margin-left: 15px;
}

.needs-validation .caption b:before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  left: -15px;
  top: 0;
  background: #108659;
}

.needs-validation textarea:focus + label, .needs-validation input:focus + label, .needs-validation label.active {
  top: -15px;
  left: 15px;
}

.needs-validation textarea {
  min-height: 150px !important;
  margin-bottom: 10px;
}

.needs-validation .form-control {
  width: 100%;
  display: inline-block;
  float: left;
  position: relative;
  z-index: 0;
  padding: 0.7rem 0.75rem;
  border-color: #e5e5e5;
  height: 45px;
  z-index: 9;
  font-size: 0.9em;
  font-weight: 400;
  color: #636365;
}

.needs-validation .form-control::placeholder {
  color: #ccc;
}

.needs-validation .form-control:focus {
  box-shadow: none;
}

.needs-validation .form-item {
  margin-bottom: 40px;
}

.needs-validation .sec-code {
  position: relative;
}

.needs-validation .sec-code span {
  position: absolute;
  right: 0;
  padding: 15px;
  background: #f3f3f3;
  bottom: 10px;
  color: #000;
}

.needs-validation .invalid-feedback {
  position: relative;
  top: 13px;
  display: none !important;
}

.needs-validation .valid-feedback {
  position: relative;
  top: 13px;
  display: none !important;
}

#popover-password .list-unstyled li {
  margin-bottom: 5px;
  font-size: 14px;
}

#popover-password .list-unstyled li .fa.fa-file-text:before {
  content: "\f111";
}

#popover-password .list-unstyled li .fa-file-text {
  color: transparent;
  background: transparent;
  color: transparent;
  border: 1px solid #fe9900;
  border-radius: 30px;
  width: 15px;
  height: 15px;
  text-align: center;
}

.red #popover-password .list-unstyled li .fa-file-text {
  border: none !important;
}

.new-menu ul li.active ul {
  display: block;
}

.new-menu ul li ul {
  padding-left: 10px;
  background: #fffaf2;
  margin: 0 13px;
}

.new-menu ul li ul li a {
  background: transparent !important;
}

.new-menu ul li > a:hover i {
  color: #FE9900 !important;
}

.new-menu ul > li {
  position: relative;
}

.new-menu ul > li .price {
  margin-bottom: 15px;
}

.new-menu ul > li .form-check .form-check-input {
  position: relative;
  top: -4px;
}

.new-menu a {
  outline: none !important;
}

.new-menu ul li a {
  display: block;
}

.new-menu ul li ul {
  display: none;
}

.new-menu ul li ul li.active a {
  color: #FE9900 !important;
}

.new-menu ul li > ul a:hover {
  color: #FE9900;
}

.new-menu ul ul > li > ul {
  display: none;
}

.new-menu ul ul > li > ul {
  display: none;
}

.sidebar ul > li > a:hover .fa {
  color: #FE9900;
}

.new-menu ul ul ul > li a:hover {
  padding-left: 45px;
  opacity: 1;
  color: #FE9900 !important;
  display: block;
}

.new-menu ul > li > ul > li {
  border: none !important;
}

/* Pricing Subscriptions */
.pricing-subs .content {
  margin-top: 65px;
}

.pricing-subs .page-title {
  margin-top: 15px;
  margin-bottom: 0;
}

.pricing-subs .page-title h2 {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 10px;
}

.pricing-subs .page-title p {
  font-size: 18px;
  font-weight: 400;
  color: #000;
}

.pricing-subs .btn-cstm {
  font-weight: 400;
}

.pricing-subs .box.box-first {
  width: 500px;
}

.pricing-subs .last-box {
  width: 500px;
}

.pricing-subs .box2 {
  margin-bottom: 50px !important;
}

.pricing-subs .box2 ul {
  columns: 4;
  -webkit-columns: 4;
  -moz-columns: 4;
  margin-top: 20px;
}

.pricing-subs .box.box-last h4 {
  font-size: 22px;
}

.pricing-subs .box-three {
  margin-top: 40px;
  margin-bottom: 40px;
}

.pricing-subs .box {
  text-align: center;
  margin: 0 auto;
  padding: 50px 0;
  box-shadow: 0px 0px 10px #eee;
}

.pricing-subs .box h3 {
  font-weight: 600;
  font-size: 22px;
  padding-bottom: 26px;
  border-bottom: 2px dotted #e5e5e5;
  margin-bottom: 20px;
  margin-left: 30px;
  margin-right: 30px;
}

.pricing-subs .box h4 {
  font-weight: 600;
  font-size: 30px;
  margin-bottom: 10px;
  margin-top: 60px !important;
}

.pricing-subs .box h5 {
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 35px;
  color: #ccc;
}

.pricing-subs .last-box {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 50px;
}

.pricing-subs .last-box h6 {
  font-weight: 600;
  font-size: 22px;
  text-align: center;
  margin-bottom: 20px;
}

.pricing-subs .box2 {
  text-align: left;
  margin: 0 auto;
  margin-top: 70px;
  margin-bottom: 50px;
  padding: 40px 12px;
  border-top: 2px dotted #FE9900 !important;
  border-bottom: 2px dotted #FE9900 !important;
}

.pricing-subs .box2 h6 {
  margin-bottom: 50px;
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  color: #000;
}

.pricing-subs .box2 ul li {
  line-height: 26px;
  position: relative;
  font-size: 15px;
  display: flex;
}

.pricing-subs .box2 ul li:before {
  content: "\f00c";
  font-weight: 900;
  margin-right: 6px;
  font-family: "Font Awesome 5 Free";
  color: #FE9900;
  display: inline-block;
}

.pricing-subs .box-three {
  margin: 60px 0;
  margin-bottom: 70px;
}

.pricing-subs .box-three h6 {
  text-align: center;
  font-size: 19px;
  font-weight: 500;
  padding-bottom: 18px;
  margin-bottom: 10px !important;
}

.pricing-subs .box h3 {
  padding-top: 24px;
}

.ad-page .box-two .text-box h3 {
  background: #fff3e0 !important;
}

.ad-page .text-box .btn-cstm {
  background: #fff;
  border: 1px solid #D6D6D6;
}

.ad-page .text-box .btn-cstm:hover {
  background: #FE9900;
  border: 1px solid #D6D6D6;
  color: #000;
}

/* sub-categories */
.sub-categories .big-photo {
  margin: 0 0;
  position: relative;
}

.sub-categories .big-photo:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, black 0%, black 0%, rgba(0, 0, 0, 0));
}

.sub-categories .big-photo .cat-text {
  position: absolute;
  left: 20px;
  z-index: 2;
  text-align: left;
  color: #fff;
  top: 50%;
  left: 60px;
  transform: translate(0, -50%);
  width: 45%;
}

.sub-categories .big-photo .cat-text h4 {
  font-size: 45px;
  font-weight: 900;
  margin-bottom: 0;
  color: #fff;
}

.sub-categories .big-photo .cat-text h6 {
  font-size: 20px;
  font-weight: 400;
}

.sub-categories .big-photo img {
  width: 100%;
  border-radius: 10px;
}

.service-hide {
  display: none;
  margin-top: 8px;
}

.client-hide {
  display: none;
  margin-top: 8px;
}

.ngo-page .content ul li {
  position: relative;
}

.ngo-page .content ul li:before {
  content: "\f00c";
  font-weight: 900;
  margin-right: 6px;
  font-family: "Font Awesome 5 Free";
  color: #FE9900;
}

.service-page.personel-data .text-box {
  border: 3px solid #efefef;
  padding: 15px;
  height: 90%;
}

.service-page.personel-data .text.text-box {
  margin-top: 0 !important;
}

.service-page.personel-data .right-box {
  padding: 0;
  border: 5px solid #efefef;
  min-height: initial;
}

.service-page.personel-data .right-box img {
  height: 200px;
}

.showmore {
  margin-bottom: 50px !important;
  margin-top: 30px;
  display: block;
}

/* Ad page */
.ad-page .caption {
  margin-bottom: 30px;
  margin-top: 30px;
}

.ad-page .caption h6 {
  font-weight: 600;
  font-size: 22px;
}

.ad-page .box-three > .row {
  --bs-gutter-y: 30px;
}

.ad-page .box {
  margin-bottom: 30px;
  display: block;
  padding: 30px 0;
  padding-bottom: 0;
  padding-top: 0;
  height: 100%;
}

.ad-page .box h3 {
  font-weight: 600;
  font-size: 22px;
  padding-bottom: 26px;
  border-bottom: 2px dotted #e5e5e5;
  margin-bottom: 20px;
  margin-left: 0;
  margin-right: 0;
  background: #fe9900;
  color: #333;
  padding-top: 24px;
}

.ad-page .text-box {
  background: transparent;
  padding-bottom: 30px;
}

.ad-page h6 {
  border: none !important;
  margin-bottom: 0 !important;
}

.ad-page .text {
  padding-top: 30px;
  background: #fff;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.ad-page ul {
  text-align: left;
  padding-left: 10px;
  padding: 15px;
}

.ad-page ul li {
  padding-bottom: 25px;
  position: relative;
  line-height: 20px;
}

.ad-page .box-three ul li {
  padding-bottom: 25px;
  position: relative;
  line-height: 20px;
  font-weight: 400;
  display: flex;
}

.ad-page .box-three ul li:before {
  content: "\f00c";
  font-weight: 900;
  margin-right: 6px;
  font-family: "Font Awesome 5 Free";
  color: #FE9900;
}

.ad-page .box-three h6 {
  text-align: center;
  font-size: 17px;
  font-weight: 500;
  padding-bottom: 18px;
  margin-bottom: 10px !important;
  min-height: 60px;
}

.box.free ul.disinline li {
  width: 100%;
}

.bgwhite {
  background: #fff;
}

.choose-page .nav-tabs {
  border: none;
}
.choose-page .nav {
  justify-content: center;
}
.choose-page .nav .nav-link {
  background: #69aa6f;
  color: #fff;
  border-radius: 0 !important;
  margin: 0 1px;
  border: 3px solid rgba(25, 135, 84, 0);
}
.choose-page .nav .nav-link.active {
  background: #198754;
  border: 3px solid rgb(25, 135, 84);
}
.choose-page .text-left {
  margin-left: 8px;
}
.choose-page .item {
  height: 100%;
}
.choose-page .note-text {
  margin-top: 10px;
}
.choose-page .text-second p {
  min-height: 45px;
}
.choose-page .text-all {
  padding: 10px 20px;
}
.choose-page ul.list {
  columns: 2;
}
.choose-page p {
  line-height: 22px;
}
.choose-page .second-row {
  padding: 17px 0;
  margin-bottom: 20px;
  background: #fdfdfd;
  padding-bottom: 20px;
  border-top: 1px solid #f3f3f3;
  border-bottom: 1px solid #f3f3f3;
}
.choose-page ul.disinline {
  margin-bottom: 0;
  padding-bottom: 0;
  padding-bottom: 0;
}
.choose-page ul.disinline span {
  font-weight: 600;
  margin-bottom: 10px;
}
.choose-page ul.disinline span b {
  font-size: 33px;
  font-weight: 500;
}
.choose-page ul.disinline p {
  font-weight: 300;
}
.choose-page ul.disinline li {
  display: block;
  text-align: center;
  padding-bottom: 0 !important;
}
.choose-page ul.disinline li:before {
  display: none;
}
.choose-page ul.disinline span {
  display: block;
}

.choose-page.premiumchoose .text-second p {
  text-align: left;
}

.choose-page ul.disinline.new {
  display: inline-flex;
}
.choose-page ul.disinline.new li {
  width: calc(33% - 30px);
}
.choose-page ul.disinline.new li.centercstm {
  border-left: 1px solid #ebe9e9;
  padding-left: 15px;
  padding-right: 15px;
  border-right: 1px solid #ebe9e9;
  width: calc(33% + 30px);
  margin: 0 15px;
}
.choose-page ul.disinline.new span {
  font-size: 13px;
  font-weight: 400;
}
.choose-page ul.disinline.new span b {
  font-size: 20px;
}
.choose-page ul.disinline.new p {
  font-size: 13px;
  line-height: 17px;
  font-weight: 400;
  color: #333;
}

.text-second.free {
  min-height: 66px !important;
}

.second-row.free {
  padding: 36px 0;
}

.text-last .text-left b {
  margin-left: 5px;
  font-weight: 600;
  font-size: 16px;
}

li.middlecstm:before {
  content: "" !important;
  position: absolute;
  left: -2px;
  top: 0;
  width: 1px;
  display: block !important;
  height: calc(100% - 15px);
  background: #e7e7e7;
}
li.middlecstm:after {
  content: "" !important;
  position: absolute;
  right: -2px;
  top: 0;
  width: 1px;
  display: block !important;
  height: calc(100% - 15px);
  background: #e7e7e7;
}

.ad-page .box-three .btn-cstm {
  background: #fe9900;
  color: white;
}

.ad-page .box-three .btn-cstm:hover {
  background: #198754;
}

.ad-page .box-one .text-box h3 {
  background: #ffc20c;
}

.ad-page .box-two .text-box h3 {
  background: #fff3e0;
}

.ad-page .box-cat .text-box h3 {
  background: #ffd3d7;
}

.ad-page .box-four .text-box h3 {
  background: #c5d6db;
}

.ad-page .box-five .text-box h3 {
  background: #c0eeff;
}

.ad-page .box-six .text-box h3 {
  background: #bbffb5;
}

.ad-page .box-seven .text-box h3 {
  background: #ffd0b5;
}

.service-all .service-item img {
  width: 100%;
}

/* Provide Page */
.provide-item {
  margin-bottom: 30px;
}

/* Registration Page */
.registration {
  max-width: 500px;
  margin: 0 auto;
}

.project-preview .btn-cstm {
  height: 50px;
  background: #e7e6e6;
  color: #000;
  font-weight: 400;
}

.progress {
  background: #fff;
  justify-content: flex-start;
  border-radius: 100px;
  align-items: center;
  position: relative;
  padding: 0 5px;
  display: flex;
  height: 40px;
  width: 220px;
}

.progress-value {
  animation: load 1s normal forwards;
  box-shadow: 0 10px 40px -10px #FE9900;
  border-radius: 100px;
  background: #FE9900;
  height: 30px;
  width: 0;
}

.progress-value.two {
  animation: loadtwo 1s normal forwards;
}

.progress-value.three {
  animation: loadthree 1s normal forwards;
}

@keyframes load {
  0% {
    width: 0;
  }
  100% {
    width: 33%;
  }
}
@keyframes loadtwo {
  0% {
    width: 0;
  }
  100% {
    width: 66%;
  }
}
@keyframes loadthree {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
/* Personal Data */
.personel-data .container {
  max-width: 1200px;
}

.personel-data .upload__box {
  padding: 0;
}

.personel-data .upload__inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.personel-data .upload__btn {
  display: inline-block;
  font-weight: 600;
  color: #fff;
  text-align: center;
  min-width: 116px;
  padding: 5px;
  transition: all 0.3s ease;
  cursor: pointer;
  border: 2px solid;
  border-color: #FE9900;
  height: 40px !important;
  display: inline-block;
  padding: 4px 40px;
  color: #fe9900 !important;
  border-radius: 10px;
  line-height: 26px;
  font-size: 14px;
}

.personel-data .upload__btn:hover {
  background-color: unset;
  color: #FE9900;
  transition: all 0.3s ease;
}

.personel-data .upload__btn-box {
  margin-bottom: 10px;
}

.personel-data .upload__img-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0;
  width: auto;
  padding-right: 0 !important;
}

.personel-data .upload__img-box {
  width: 82px;
  padding: 0 0px;
  margin-bottom: 0;
}

.personel-data .upload__img-close {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 10px;
  right: 10px;
  text-align: center;
  line-height: 24px;
  z-index: 1;
  cursor: pointer;
}

.personel-data .upload__btn {
  background-color: #ffffff;
  border-color: transparent;
  border-radius: 10px;
  line-height: 26px;
  font-size: 14px;
  border: 3px dotted #fe9900;
  margin-bottom: 20px !important;
}

.personel-data .img-bg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  padding-bottom: 0 !important;
}

.personel-data .needs-validation {
  margin-top: 50px !important;
}

.personel-data .content {
  max-width: initial !important;
  margin-bottom: 0 !important;
}

.personel-data .text p {
  position: relative;
}

.personel-data .text p:before {
  content: "\f00c";
  font-weight: 900;
  margin-right: 6px;
  font-family: "Font Awesome 5 Free";
  color: #FE9900;
}

.personel-data .btn-add {
  background: #fff;
  color: #000;
  display: block;
  max-width: 482px;
  border: 1px solid #CECECE;
  padding: 9px;
}

.personel-data .file-input {
  width: 100%;
  padding: 6px;
}

.personel-data .languages .form-item {
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 10px;
}

.personel-data .needs-validation {
  margin-bottom: 70px;
  background: #fff;
  padding: 25px;
}

.personel-data .btn-send {
  font-weight: 500;
  margin: 0 auto;
  display: block;
  margin-top: 50px;
}

.personel-data .content {
  border-bottom: 2px dotted #FE9900;
  padding-bottom: 15px;
  padding-top: 0;
  background: transparent !important;
  padding-left: 0;
  padding-right: 0;
}

.personel-data .text {
  margin-top: 50px;
}

.personel-data .text h3 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #454545;
}

.personel-data .text p {
  margin-bottom: 7px;
}

.personel-data .list {
  background: #fff;
  border-radius: 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: static;
  float: none;
  -webkit-box: 1;
  -moz-box: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 0 1 auto;
  overflow: visible;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: auto;
  white-space: nowrap;
  margin: 0 auto;
}

.personel-data .list ul li {
  display: inline-block;
  padding: 15px;
  background: #fff;
}

.personel-data .list ul li.active {
  background: #FFE4BA;
}

.personel-data .list ul li:first-child {
  -webkit-border-top-left-radius: 30px;
  -webkit-border-bottom-left-radius: 30px;
  -moz-border-radius-topleft: 30px;
  -moz-border-radius-bottomleft: 30px;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}

.personel-data .list ul li:last-child {
  -webkit-border-top-right-radius: 30px;
  -webkit-border-bottom-right-radius: 30px;
  -moz-border-radius-topright: 30px;
  -moz-border-radius-bottomright: 30px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}

.personel-data .list ul li a {
  color: #000;
  text-decoration: none !important;
  border-radius: 30px;
}

.personel-data .top-sec {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: static;
  float: none;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

.personel-data .stage {
  text-align: right;
  position: absolute;
  right: 0;
}

.personel-data #location-filter {
  /* max-width: 100%; */
  height: 45px;
  padding: 10px 40px;
}

.service-img .upload__img-box {
  position: relative;
}

.service-img .upload__img-box div {
  height: 70px;
  width: 70px;
  background-size: cover;
}

.service-img .upload__img-close {
  height: 23px !important;
  width: 23px !important;
  top: 4px !important;
}

.service-img .upload__btn {
  height: 40px !important;
}

.personel-data.logi-page .btn-send {
  width: 100%;
}

.upload__box {
  padding: 0;
}

.upload__inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.upload__btn {
  display: inline-block;
  font-weight: 600;
  color: #fff;
  text-align: center;
  min-width: 116px;
  padding: 5px;
  transition: all 0.3s ease;
  cursor: pointer;
  border: 2px solid;
  background-color: #FE9900;
  border-color: #FE9900;
  border-radius: 10px;
  line-height: 26px;
  font-size: 14px;
  background-color: #ffffff;
  border-color: transparent;
  border-radius: 10px;
  line-height: 26px;
  font-size: 14px;
  border: 3px dotted #fe9900;
  margin-bottom: 20px !important;
}

.upload__btn:hover {
  background-color: unset;
  color: #FE9900;
  transition: all 0.3s ease;
}

.upload__btn-box {
  margin-bottom: 10px;
}

.upload__img-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0;
}

.upload__img-box {
  width: 82px;
  padding: 0 0px;
  margin-bottom: 0;
}

.upload__img-close {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 10px;
  right: 10px;
  text-align: center;
  line-height: 24px;
  z-index: 1;
  cursor: pointer;
}

.upload__img-close:after {
  content: "\f00d" !important;
  font-size: 12px;
  color: white;
  font-family: "FontAwesome";
  position: relative;
  top: -4px;
}

.upload__img-box {
  margin-right: 5px;
}

.container-form.nopad {
  padding-top: 0 !important;
  margin-top: -3px;
}
.container-form.nopad #upload-aphoto {
  background: #FE9900;
  border-color: #FE9900;
  padding: 3px 11px;
  color: #000;
}

.paypal-page .form-check {
  padding: 20px 30px;
  border-bottom: 2px dotted #d7d7d7;
}

.paypal-page .form-check b {
  display: block;
  margin-bottom: 5px;
  font-size: 15px;
}

.paypal-page .form-check input {
  margin-right: 30px;
  margin-top: 15px;
}

.paypal-page .form-check img {
  width: 120px;
  margin-right: 30px;
}

.paypal-page .form-check .form-check-label {
  display: flex !important;
  align-items: center !important;
}

.pass-cstm .btn {
  padding: 0 !important;
}

.pricing-subs .box-bg-white {
  padding: 15px 25px;
  background: #fff;
  margin-bottom: 60px;
  margin-top: 15px;
  padding-top: 15px;
}

.pricing-subs .box-bg-white .box-three {
  margin-top: 25px;
}

.pricing-subs .box-bg-white .box2 ul {
  columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
}

.job-ads-w .section {
  margin-left: 20px;
}

.job-ads-w .form-item h6 {
  margin-top: 25px;
  margin-bottom: 10px;
}

.job-ads-w .form-item select {
  height: 40px !important;
}

.job-ads-w .title-page {
  padding: 10px 0;
  margin: 10px 20px;
  margin-bottom: 30px;
}

.job-ads-w .btn-send {
  font-weight: 500;
}

.job-ads-w .form-item {
  margin-bottom: 15px;
  display: block;
}

.job-ads-w .form-item span {
  margin-left: 10px;
}

.job-ads-w .form-item .form-check-label {
  padding-top: 3px;
  width: 210px;
}

.job-ads-w .form-item .form-check-label span {
  float: right;
}

.job-ads-w .list {
  background: #fff;
  border-radius: 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: static;
  float: none;
  -webkit-box: 1;
  -moz-box: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 0 1 auto;
  overflow: visible;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: auto;
  white-space: nowrap;
  margin: 0 auto;
}

.job-ads-w .list ul li {
  display: inline-block;
  padding: 15px;
  background: #fff;
  border: 1px solid #e6e6e6;
}

.job-ads-w .list ul li.active {
  background: #FFE4BA;
}

.job-ads-w .list ul li:first-child {
  -webkit-border-top-left-radius: 30px;
  -webkit-border-bottom-left-radius: 30px;
  -moz-border-radius-topleft: 30px;
  -moz-border-radius-bottomleft: 30px;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}

.job-ads-w .list ul li:last-child {
  -webkit-border-top-right-radius: 30px;
  -webkit-border-bottom-right-radius: 30px;
  -moz-border-radius-topright: 30px;
  -moz-border-radius-bottomright: 30px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}

.job-ads-w .list ul li a {
  color: #000;
  text-decoration: none !important;
  border-radius: 30px;
}

.job-ads-w .top-sec {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative !important;
  float: none;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

.job-ads-w .stage {
  text-align: right;
  position: absolute;
  right: 0;
  border: 1px solid #ebebeb;
  border-radius: 40px;
  margin-top: 8px;
  width: 170px;
}

.job-ads-w #location-filter {
  /* max-width: 100%; */
  height: 45px;
  padding: 10px 40px;
}

.ngo-page .content {
  background: #fff;
  padding: 30px;
  margin-bottom: 40px;
}

.ngo-page .banner {
  margin-bottom: 30px;
}

.ngo-page .text {
  margin-bottom: 60px;
}

.ngo-page .text h5 {
  text-align: center;
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 15px;
}

.ngo-page .text h6 {
  margin: 30px 0;
  font-weight: 600;
}

.ngo-page .text p {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
}

.ngo-page .text li {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
}

.ngo-page .text ul {
  margin-bottom: 20px !important;
  display: block;
}

.ngo-page .text .last-text {
  margin-top: 80px;
  margin-bottom: 50px;
}

.regis-sec {
  max-width: 500px;
  margin: 0 auto;
  margin-bottom: 150px;
  margin-top: 90px;
  background: #fff;
  padding: 50px;
}

.regis-sec .image {
  margin-bottom: 30px;
  width: 320px;
  margin: 0 auto;
  margin-bottom: 40px;
  border-radius: 7px;
}
.regis-sec .image img {
  max-width: 250px;
}

.register-page .sidebar {
  margin-top: 80px;
}

.register-page .content {
  background: transparent !important;
  padding-top: 0;
  padding-bottom: 0;
}

.question-item {
  margin-bottom: 15px !important;
  margin-top: 15px !important;
  display: block;
}

.upload__box {
  padding: 0;
  text-align: center;
}

.service-page .second-box label {
  display: block;
  max-width: 200px;
  margin: 0 auto 15px;
  text-align: center;
  word-wrap: break-word;
  color: #1a4756;
  display: none;
}

.service-page .second-box .hidden, .service-page .second-box #uploadImg:not(.hidden) + label {
  display: none;
}

.service-page .second-box #file {
  display: none;
  margin: 0 auto;
}

.service-page .second-box #upload {
  display: block;
  padding: 10px 25px;
  border: 0;
  margin: 0 auto;
  font-size: 15px;
  letter-spacing: 0.05em;
  cursor: pointer;
  background: #17B5E7 !important;
  color: #fff;
  outline: none;
  transition: 0.3s ease-in-out;
  margin-right: 7px;
  box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}

.service-page .second-box #upload:hover, .service-page .second-box #upload:focus {
  background: #1AA39A;
}

.service-page .second-box #upload:active {
  background: #13D4C8;
  transition: 0.1s ease-in-out;
}

.service-page .second-box img {
  display: block;
  margin: 0 auto 15px;
}

.service-page .second-box .input {
  display: inline-block;
  float: left;
}

.service-page .second-box .photo-add img {
  margin-left: 0;
  border-radius: 50%;
}

.service-page .second-box .btn {
  border: 1px solid #3E45A9;
  border-radius: 4px;
  color: #17B5E7;
  display: inline-block;
  float: left;
  padding: 6px 66px;
  margin-left: 11px;
}

.pad-left {
  padding-left: 0 !important;
}

.pad-right {
  padding-right: 0 !important;
}

.remove_field {
  color: #FE9900;
}

.multi-field select {
  padding-left: 15px !important;
}

/* 2.1.1.2 Service */
.service-page .text {
  margin-top: 30px !important;
}

.service-page .text .btn-cstm {
  margin-top: 30px !important;
}

.service-page #location-filter {
  max-width: 100% !important;
  height: 45px;
  padding: 10px 20px !important;
  width: 350px;
  float: left;
  margin-right: 20px;
}

.service-page #cat-filter {
  display: block;
  width: 100%;
  padding: 0.175rem 0.75rem;
  font-size: 1rem;
  max-width: 100%;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.15rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  height: 45px;
  padding: 10px 40px;
}

.service-page .multi-category .form-item {
  margin-right: 10px !important;
}

.service-page .form-item {
  margin-bottom: 10px;
  margin: 20px 0 !important;
}

.service-page .form-item .btn-cstm {
  height: 45px;
  padding-top: 8px;
  background: #e8e8e8;
}

.service-page .faq {
  margin: 40px 0 !important;
}

.service-page .faq .text p:before {
  display: none !important;
}

.service-page .faq p {
  font-weight: 300 !important;
  margin-bottom: 15px;
}

.service-page .form-select {
  height: 45px;
}

.service-page .add-section select {
  width: 66%;
  margin-right: 3%;
  float: left;
}

.service-page .add-section input {
  width: 100%;
  margin-right: 3%;
}

.service-page .add-section .btn-cstm {
  width: 30%;
  padding: 8px 15px !important;
  margin-top: 0 !important;
}

.service-page .add-section .btn-cstm:hover {
  background: #FE9900;
}

.service-page .availability {
  margin-bottom: 50px !important;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}

.service-account .service-page .availability {
  margin-bottom: 30px !important;
}

.service-page .social-section {
  margin: 15px 0;
  padding-bottom: 25px;
}

.service-page .social-section li {
  margin: 0 3px;
}

.service-page .social-section a {
  color: #000;
}

.imagetrans {
  display: inline-flex;
}
.imagetrans .translate {
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  top: 22px;
}
.imagetrans .reportBtn {
  position: absolute;
  right: 20px;
  top: 27px;
  text-decoration: none;
}
.imagetrans .reportBtn i {
  margin-right: 5px;
}

.service-page .social-section .translate a {
  display: inline-flex;
}

.service-page .social-section a i {
  font-size: 17px;
}

.service-page .faq .text b {
  margin-right: 20px;
  font-weight: 400;
}

.service-page .needs-validation .form-check label {
  margin-bottom: 0 !important;
}

.project-page .form-item .form-check {
  margin-bottom: 15px;
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
}

.project-page .form-item.showcase .form-check {
  margin-bottom: 15px;
  display: inline-flex;
  align-items: center;
}

.form-item.showcase a {
  color: #FE9900;
}
.form-item.showcase a i {
  color: #FE9900;
}
.form-item.showcase .work-image {
  width: 140px;
  height: 110px;
  margin-right: 0;
  flex-shrink: 0;
}
.form-item.showcase .work-checkbox {
  position: absolute;
  right: 10px;
  top: 10px;
}
.form-item.showcase .work-title {
  max-width: calc(100% - 30px);
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 500;
}
.form-item.showcase .work-card {
  display: block !important;
}

.other-page .myAccount .form-check .form-check-input {
  position: relative;
  top: 0px !important;
  margin-right: 0 !important;
}

.form-check-input {
  margin-right: 9px;
  margin-top: 0;
}

.service-page .full-btn #add-btn {
  width: 100% !important;
}

.service-page .full-btn #add-btn:hover {
  background: #FE9900;
}

.service-page .btn-cstm {
  margin-top: 0 !important;
}

.service-page #add-btn {
  margin-top: 15px;
}

.service-page .picture-video {
  display: inline-block;
  text-align: center;
}

.service-page .picture-video li {
  display: inline-block;
  margin-right: 15px;
}

.service-page .file-input {
  display: inline-block;
  width: 65px !important;
  height: 60px;
}

.service-page .file-input i {
  font-size: 27px;
  padding-top: 10px;
}

.service-page .file-input .button {
  margin-right: 0 !important;
  width: 65px !important;
  height: 65px;
  line-height: 45px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}

.martop {
  margin-top: 50px;
  margin-bottom: 30px;
}

.turn a {
  color: #000;
}

.box-upl {
  margin-bottom: 15px;
}

.service-account .picture-video {
  display: inline-block;
}

.service-account .picture-video li {
  display: inline-block;
  margin-right: 15px;
}

.service-account .upload__img-box div {
  height: 70px;
  width: 70px;
  background-size: contain;
  margin-bottom: 15px;
}

.service-account .upload__img-box {
  position: relative;
}

.service-account .upload__img-close {
  height: 18px !important;
  width: 18px !important;
  top: 4px !important;
  background: #fe9900;
}

.service-account .upload__btn {
  height: 35px !important;
  display: inline-block;
  padding: 4px 8px;
  color: #000 !important;
  background: #FE9900 !important;
  border: none !important;
}

.service-account.editservice #uploaded-images {
  margin-top: 8px;
}

.help-page.pricing-subs .help-box .box-item {
  max-width: 450px;
}

.pricing-subs .bottom-sec {
  margin-bottom: 50px;
}

.caption.with-li {
  margin-bottom: 30px;
}

.caption.with-li h2 {
  margin-bottom: 15px !important;
  font-size: 24px;
}

.trust-page .col-xl-6 {
  position: relative;
}

.center-pic {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.range-slider {
  --primary-color: #FE9900;
  --value-offset-y: var(--ticks-gap);
  --value-active-color: white;
  --value-background: transparent;
  --value-background-hover: var(--primary-color);
  --value-font: 700 12px/1 Arial;
  --fill-color: var(--primary-color);
  --progress-background: #eee;
  --progress-radius: 20px;
  --track-height: calc(var(--thumb-size) / 2);
  --min-max-font: 12px Arial;
  --min-max-opacity: 0.5;
  --min-max-x-offset: 10%;
  --thumb-size: 22px;
  --thumb-color: white;
  --thumb-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 0 1px rgba(0, 0, 0, 0.5) inset,
    0 0 0 99px var(--thumb-color) inset;
  --thumb-shadow-active: 0 0 0 calc(var(--thumb-size) / 4) inset
      var(--thumb-color),
    0 0 0 99px var(--primary-color) inset, 0 0 3px rgba(0, 0, 0, 0.4);
  --thumb-shadow-hover: var(--thumb-shadow);
  --ticks-thickness: 1px;
  --ticks-height: 5px;
  --ticks-gap: var(
    --ticks-height,
    0
  );
  --ticks-color: silver;
  --step: 1;
  --ticks-count: Calc(var(--max) - var(--min)) / var(--step);
  --maxTicksAllowed: 30;
  --too-many-ticks: Min(1, Max(var(--ticks-count) - var(--maxTicksAllowed), 0));
  --x-step: Max(
    var(--step),
    var(--too-many-ticks) * (var(--max) - var(--min))
  );
  --tickInterval: 100/ ((var(--max) - var(--min)) / var(--step)) * var(--tickEvery, 1);
  --tickIntervalPerc: calc(
    (100% - var(--thumb-size)) / ((var(--max) - var(--min)) / var(--x-step)) *
      var(--tickEvery, 1)
  );
  --value-a: Clamp(
    var(--min),
    var(--value, 0),
    var(--max)
  );
  --value-b: var(--value, 0);
  --text-value-a: var(--text-value, "");
  --completed-a: calc(
    (var(--value-a) - var(--min)) / (var(--max) - var(--min)) * 100
  );
  --completed-b: calc(
    (var(--value-b) - var(--min)) / (var(--max) - var(--min)) * 100
  );
  --ca: Min(var(--completed-a), var(--completed-b));
  --cb: Max(var(--completed-a), var(--completed-b));
  --thumbs-too-close: Clamp(
    -1,
    1000 * (Min(1, Max(var(--cb) - var(--ca) - 5, -1)) + 0.001),
    1
  );
  --thumb-close-to-min: Min(1, Max(var(--ca) - 2, 0));
  --thumb-close-to-max: Min(1, Max(98 - var(--cb), 0));
  display: inline-block;
  height: max(var(--track-height), var(--thumb-size));
  background: linear-gradient(to right, var(--ticks-color) var(--ticks-thickness), transparent 1px) repeat-x;
  background-size: var(--tickIntervalPerc) var(--ticks-height);
  background-position-x: calc(var(--thumb-size) / 2 - var(--ticks-thickness) / 2);
  background-position-y: var(--flip-y, bottom);
  padding-bottom: var(--flip-y, var(--ticks-gap));
  padding-top: calc(var(--flip-y) * var(--ticks-gap));
  position: relative;
  z-index: 1;
}

.range-slider[data-ticks-position=top] {
  --flip-y: 1;
}

.range-slider::before, .range-slider::after {
  --offset: calc(var(--thumb-size) / 2);
  content: counter(x);
  display: var(--show-min-max, block);
  font: var(--min-max-font);
  position: absolute;
  bottom: var(--flip-y, -2.5ch);
  top: calc(-2.5ch * var(--flip-y));
  opacity: clamp(0, var(--at-edge), var(--min-max-opacity));
  transform: translateX(calc(var(--min-max-x-offset) * var(--before, -1) * -1)) scale(var(--at-edge));
  pointer-events: none;
}

.range-slider::before {
  --before: 1;
  --at-edge: var(--thumb-close-to-min);
  counter-reset: x var(--min);
  left: var(--offset);
}

.range-slider::after {
  --at-edge: var(--thumb-close-to-max);
  counter-reset: x var(--max);
  right: var(--offset);
}

.range-slider__values {
  position: relative;
  top: 50%;
  line-height: 0;
  text-align: justify;
  width: 100%;
  pointer-events: none;
  margin: 0 auto;
  z-index: 5;
}

.range-slider__values::after {
  content: "";
  width: 100%;
  display: inline-block;
  height: 0;
  background: red;
}

.range-slider__progress {
  --start-end: calc(var(--thumb-size) / 2);
  --clip-end: calc(100% - (var(--cb)) * 1%);
  --clip-start: calc(var(--ca) * 1%);
  --clip: inset(-20px var(--clip-end) -20px var(--clip-start));
  position: absolute;
  left: var(--start-end);
  right: var(--start-end);
  top: calc(var(--ticks-gap) * var(--flip-y, 0) + var(--thumb-size) / 2 - var(--track-height) / 2);
  height: calc(var(--track-height));
  background: var(--progress-background, #eee);
  pointer-events: none;
  z-index: -1;
  border-radius: var(--progress-radius);
}

.range-slider__progress::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  clip-path: var(--clip);
  top: 0;
  bottom: 0;
  background: var(--fill-color, black);
  box-shadow: var(--progress-flll-shadow);
  z-index: 1;
  border-radius: inherit;
}

.range-slider__progress::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: var(--progress-shadow);
  pointer-events: none;
  border-radius: inherit;
}

.range-slider > input {
  -webkit-appearance: none;
  width: 100%;
  height: var(--thumb-size);
  margin: 0;
  position: absolute;
  left: 0;
  top: calc(50% - max(var(--track-height), var(--thumb-size)) / 2 + var(--ticks-gap) / 2 * var(--flip-y, -1));
  cursor: -webkit-grab;
  cursor: grab;
  outline: none;
  background: none;
}

.range-slider > input:not(:only-of-type) {
  pointer-events: none;
}

.range-slider > input::-webkit-slider-thumb {
  appearance: none;
  height: var(--thumb-size);
  width: var(--thumb-size);
  transform: var(--thumb-transform);
  border-radius: var(--thumb-radius, 50%);
  background: var(--thumb-color);
  box-shadow: var(--thumb-shadow);
  border: none;
  pointer-events: auto;
  transition: 0.1s;
}

.range-slider > input::-moz-range-thumb {
  appearance: none;
  height: var(--thumb-size);
  width: var(--thumb-size);
  transform: var(--thumb-transform);
  border-radius: var(--thumb-radius, 50%);
  background: var(--thumb-color);
  box-shadow: var(--thumb-shadow);
  border: none;
  pointer-events: auto;
  transition: 0.1s;
}

.range-slider > input::-ms-thumb {
  appearance: none;
  height: var(--thumb-size);
  width: var(--thumb-size);
  transform: var(--thumb-transform);
  border-radius: var(--thumb-radius, 50%);
  background: var(--thumb-color);
  box-shadow: var(--thumb-shadow);
  border: none;
  pointer-events: auto;
  transition: 0.1s;
}

.range-slider > input:hover {
  --thumb-shadow: var(--thumb-shadow-hover);
}

.range-slider > input:hover + output {
  --value-background: var(--value-background-hover);
  --y-offset: -5px;
  color: var(--value-active-color);
  box-shadow: 0 0 0 3px var(--value-background);
}

.range-slider > input:active {
  --thumb-shadow: var(--thumb-shadow-active);
  cursor: grabbing;
  z-index: 2;
}

.range-slider > input:active + output {
  transition: 0s;
}

.range-slider > input:nth-of-type(1) {
  --is-left-most: Clamp(0, (var(--value-a) - var(--value-b)) * 99999, 1);
}

.range-slider > input:nth-of-type(1) + output {
  --value: var(--value-a);
  --x-offset: calc(var(--completed-a) * -1%);
}

.range-slider > input:nth-of-type(1) + output:not(:only-of-type) {
  --flip: calc(var(--thumbs-too-close) * -1);
}

.range-slider > input:nth-of-type(1) + output::after {
  content: var(--prefix, "") var(--text-value-a) var(--suffix, "");
}

.range-slider > input:nth-of-type(2) {
  --is-left-most: Clamp(0, (var(--value-b) - var(--value-a)) * 99999, 1);
}

.range-slider > input:nth-of-type(2) + output {
  --value: var(--value-b);
}

.range-slider > input:only-of-type ~ .range-slider__progress {
  --clip-start: 0;
}

.range-slider > input + output {
  --flip: -1;
  --x-offset: calc(var(--completed-b) * -1%);
  --pos: calc(
    ((var(--value) - var(--min)) / (var(--max) - var(--min))) * 100%
  );
  pointer-events: none;
  position: absolute;
  z-index: 5;
  background: var(--value-background);
  border-radius: 10px;
  padding: 2px 4px;
  left: var(--pos);
  transform: translate(var(--x-offset), calc(150% * var(--flip) - (var(--y-offset, 0px) + var(--value-offset-y)) * var(--flip)));
  transition: all 0.12s ease-out, left 0s;
}

.range-slider > input + output::after {
  content: var(--prefix, "") var(--text-value-b) var(--suffix, "");
  font: var(--value-font);
}

.range-slider {
  width: clamp(180px, 34vw, 800px);
}

.form-select {
  margin-bottom: 10px;
}

/* Service 2.1.1.2 */
.right-box {
  border: 1px solid #ccc;
  min-height: 190px;
  padding: 20px;
  background: #fff;
  position: relative;
}

.right-box img {
  width: 100%;
}

.right-box h6 {
  margin-bottom: 40px;
}

.tabs-left {
  border-bottom: none;
  border-right: 1px solid #ddd;
}

.tabs-left > li {
  float: none;
  margin: 0px;
}

.tabs-left > li.active > a,
.tabs-left > li.active > a:hover,
.tabs-left > li.active > a:focus {
  border-bottom-color: #ddd;
  border-right-color: transparent;
  background: #f90;
  border: none;
  border-radius: 0px;
  margin: 0px;
}

.nav-tabs > li > a:hover {
  /* margin-right: 2px; */
  line-height: 1.42857143;
  border: 1px solid transparent;
  /* border-radius: 4px 4px 0 0; */
}

.tabs-left > li.active > a::after {
  content: "";
  position: absolute;
  top: 10px;
  right: -10px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #f90;
  display: block;
  width: 0;
}

/* 2.1.1.3 Payment Page */
.payment-page .payment-text {
  max-width: 400px;
  margin: 0 auto;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 120px;
}

.payment-page .payment-text .bottom-sec {
  margin-bottom: 50px;
  margin-top: 50px;
}

.payment-page .payment-text .bottom-sec .left {
  display: inline-block;
}

.payment-page .payment-text .bottom-sec .arrow-sec {
  display: inline-block;
  text-align: right;
  position: absolute;
  right: 0;
}

.payment-page .payment-text .bottom-sec .btn-cstm {
  background: #fff;
  font-weight: 400;
}

.payment-page .payment-text .bottom-sec .btn-cstm:hover {
  color: #000 !important;
}

.payment-page .payment-text #discout .card {
  max-width: 230px;
  margin: 0 auto;
}

.payment-page .payment-text .box-item .btn-cstm {
  min-width: 360px;
  text-align: left;
}

.payment-page .payment-text .box-item .btn-cstm i {
  color: #FE9900;
  margin-right: 9px;
}

.payment-page .payment-text h6 {
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 15px;
}

.payment-page .payment-text p {
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 15px;
  line-height: 20px;
}

/*2.2.1 Regis Page */
.regis-page .right-section p {
  margin-top: 10px;
  font-size: 14px;
  display: block;
  margin-bottom: 10px;
}

.regis-page .right-section .needs-validation .form-control {
  float: initial !important;
}

.regis-page .other-btn {
  text-align: center;
}

.regis-page .registration {
  margin-top: 50px;
  margin-bottom: 90px;
  max-width: 500px;
  margin: 0 auto;
  margin-bottom: 150px;
  margin-top: 90px;
  background: #fff;
  padding: 50px;
}

.regis-page .registration .text-center img {
  margin-bottom: 20px;
  margin-top: 0px;
  max-width: 250px;
}

.regis-page .registration .text-center p {
  line-height: 23px;
  margin: 20px 0;
}

.regis-page .registration .btn-cstm {
  background: #FE9900;
}

.regis-page .registration .card {
  width: 232px;
  border: 2px dotted #fe9900;
  margin: 0 auto;
  margin-top: -2px;
}

.regis-page .regis-section {
  max-width: 720px;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 100px;
  background: #fff;
  padding: 50px;
}

.regis-page .regis-section .image {
  margin-bottom: 30px;
  background: #000;
  padding: 16px;
  width: 191px;
  margin: 0 auto;
  margin-bottom: 60px;
  border-radius: 7px;
}

.regis-page .regis-section .btn-cstm {
  width: 100% !important;
  display: block !important;
}

.regis-page .regis-section .google-btn {
  background: #e65a4e;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

.regis-page .regis-section .face-btn {
  background: #39589e;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

.regis-page .regis-section .title {
  text-align: center;
  margin-bottom: 0;
}

.regis-page .regis-section .title span {
  font-size: 22px;
}

.regis-page .regis-section .title h6 {
  font-size: 25px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 15px;
}

.regis-page .regis-section .left-section > p {
  font-weight: 600 !important;
}

.regis-page .regis-section .left-section {
  padding-right: 30px;
}

.regis-page .regis-section .left-section #regisDrop .apple {
  background: #A2AAAD;
}

.regis-page .regis-section .left-section #regisDrop .amazon {
  background: #000;
}

.regis-page .regis-section .left-section #regisDrop .linkedin {
  background: #0E76A8;
}

.regis-page .regis-section .left-section #regisDrop a {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

.regis-page .regis-section .left-section a {
  text-align: center;
}

.regis-page .regis-section .left-section a i {
  margin-right: 5px;
  float: initial;
  width: 27px;
}

.regis-page .regis-section .left-section p {
  text-align: center;
  font-weight: 300;
  font-size: 17px;
}

.regis-page .regis-section .left-section h6 {
  text-align: center;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 5px;
}

.regis-page .regis-section .left-section .other-btn {
  text-align: center;
}

.regis-page .regis-section .right-section {
  padding-left: 30px;
  position: relative;
}

.regis-page .regis-section .right-section form {
  padding: 0 !important;
  margin-top: 25px !important;
}

.regis-page .regis-section .right-section:before {
  content: "";
  position: absolute;
  left: -10px;
  top: 10px;
  background: #ccc;
  width: 2px;
  height: 110%;
}

.regis-page .regis-section .right-section h6 {
  text-align: center;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 15px;
}

.regis-page .regis-section .right-section .input-field {
  margin-bottom: 15px;
  display: block;
}

.regis-page .regis-section .right-section .input-field label {
  margin-bottom: 15px !important;
}

.regis-page .regis-section .again {
  margin-top: 15px;
  margin-bottom: 15px;
}

.infosec {
  margin-top: 15px;
  display: block;
}
.infosec p.text-center {
  margin-bottom: 25px;
}
.infosec .text-center p {
  font-weight: 600;
}

.regis-page .pure-button {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  margin-top: 15px;
  background: #fff;
  border: 1px solid #D6D6D6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  padding: 10px 25px;
  display: block;
  width: 100%;
  background: #FE9900;
  color: #000;
}

.regis-page .pure-button:hover {
  background: #e7900d;
}

.regis-page .text-two {
  max-width: 500px;
  margin: 0 auto;
  margin-top: 80px;
}

.regis-page .text-two .cookie-cstm {
  color: #0348bc;
}

.regis-page .text-two p {
  line-height: 22px;
}

.regis-page .text-two ul {
  text-align: center;
  padding: 15px;
  max-width: 340px;
  border-style: dotted;
  border: 3px dotted #bdbdbd;
  margin: 0 auto;
  margin-top: 40px;
}

.regis-page .text-two ul li {
  line-height: 22px;
}

.regis-page .text-two ul li a {
  color: #FE9900;
  text-decoration: none !important;
  font-weight: 600;
}

.btn-send {
  background: #FE9900 !important;
  color: #fff !important;
}

.needs-validation .btn-send:after {
  color: #fff;
}

.btn-send:hover {
  background: #e7900d !important;
}

.regis-page .right-section .form-item .form-check {
  margin-right: 8px;
  display: -webkit-inline-box;
  align-items: center;
  margin-bottom: 5px;
}

.regis-page .right-section .form-item .form-check label {
  padding-top: 0;
  font-weight: 400;
}

.regis-page .needs-validation .form-control {
  height: 38px;
}

.fixtures {
  display: none;
}

.login-sec .apple {
  background: #A2AAAD;
}

.login-sec .amazon {
  background: #FF9900;
}

.login-sec .linkedin {
  background: #0E76A8;
}

.login-sec a {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/*3.0 Login Page */
.login-page .input-field {
  margin-bottom: 10px;
  display: block;
  position: relative;
}

.login-page .text-two {
  max-width: 680px;
  margin: 0 auto;
  width: 89%;
  margin-top: 50px;
}

.login-page form {
  margin-bottom: 0 !important;
  padding-top: 15px;
  margin-top: 20px !important;
}

.login-page .regis-section {
  max-width: 550px;
}

.login-page.personel-data form {
  margin-top: 20px !important;
}

.login-page .regis-section .left-section {
  padding-right: 0 !important;
  width: 89%;
  margin: 0 auto;
}

.regis-page.login-page.personel-data .regis-section .left-section a {
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}

.personel-data.login-page.regis-page .btn-send {
  width: 100% !important;
}

.regis-page.login-page.personel-data .regis-section .left-section .btn i {
  width: 20px;
  font-size: 19px;
}

.regis-page.login-page .regis-section .left-section a {
  text-align: left;
}

.regis-page.login-page .regis-section .left-section .btn i {
  margin-left: 0;
  margin-right: 8px;
  float: initial;
  width: 47px;
}

.apple {
  background: #A2AAAD;
}

.amazon {
  background: #FF9900;
}

.linkedin {
  background: #0E76A8;
}

/*4 Forget Page */
.forget-page .pure-button {
  width: auto !important;
  margin: 0 auto;
  padding: 15px 55px;
  margin-top: 30px;
}

.forget-page .regis-section {
  max-width: 440px;
}

.forget-page .title img {
  margin-bottom: 25px;
}

.appy-page .contact-left {
  text-align: left !important;
}

.recesion-page .question2 {
  float: initial !important;
}

.recesion-page .form-item {
  margin: 30px 0;
}

.recesion-page .pic-vid-text {
  margin: 20px 0;
}

.recesion-page .toptext {
  margin-bottom: 35px;
}

.recesion-page .toptext h5 {
  font-weight: 600;
  font-size: 25px;
  margin-bottom: 20px;
}

.recesion-page .toptext h6 {
  font-weight: 500;
  font-size: 20px;
}

.recesion-page .provider {
  margin: 30px 0;
  margin-top: 0;
}

.recesion-page .provider p {
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 19px;
}

.text-rightt {
  float: right;
}

.sociall {
  float: left;
  padding-top: 6px;
}

.fallow-page textarea.form-control {
  width: 97%;
  margin: 0 auto;
}

.fallow-page .btn-send {
  font-size: 16px;
  padding: 7px 15px;
  margin-bottom: 0 !important;
}

.fallow-page .btn-send i {
  font-size: 15px;
}

.fallow-page .fallow-item {
  border: 1px solid #ccc;
  margin-bottom: 20px;
  background: #fff;
}

.fallow-page .fallow-item p {
  padding: 15px;
  line-height: 25px;
}

.fallow-page .fallow-item .bottom-text {
  padding: 10px;
  border-top: 2px dotted #ccc;
  overflow: auto;
}

.fallow-page .fallow-item .bottom-list {
  margin-top: 10px;
}

.fallow-page .fallow-item .bottom-list ul li {
  display: inline-block;
  padding: 5px 5px;
  font-size: 20px;
}

.fallow-page .fallow-item .bottom-list ul li a {
  color: #000;
}

.fallow-page .top-fallow {
  border-bottom: 1px solid #ccc;
  padding: 15px;
}

@media screen and (min-width: 992px) {
  .closebtnmobile {
    display: none;
  }
}
@media screen and (min-width: 1300px) {
  header .top-header .top-side .account {
    margin-right: 20px;
  }
  header .top-header .top-side .account i {
    margin-left: 5px;
  }
  .dif-sec.service-all {
    padding-left: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media screen and (max-width: 1500px) and (min-width: 1300px) {
  header .top-header .bottom-side .right-side li {
    display: inline-block;
    margin: 0 8px !important;
  }
  header .top-header .bottom-side .right-side li:first-child {
    padding-top: 5px;
  }
}
@media screen and (max-width: 1100px) and (min-width: 768px) {
  footer .footer-top b:after {
    display: none;
  }
  footer .footer-top .social {
    text-align: center !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
  .index-page-new .video-section img {
    max-height: 450px !important;
  }
  .jobs-page .job-image img {
    width: 50px;
    object-fit: cover;
  }
  .project-page .form-item .form-check {
    margin-left: 25px !important;
  }
  .select2-selection {
    height: 30px !important;
  }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 30px;
  }
  .sidebar .filter .form-control {
    height: 30px;
  }
  .job-card .company-text p, .project-page .project-item .company-text p {
    font-size: 13px;
  }
  .jobtype-text b {
    font-size: 12px;
  }
  header .navbar-brand img {
    max-width: 104px;
  }
  .service-detail .owl-slider .owl-item .item img {
    height: 280px;
    object-fit: cover;
    width: 100%;
  }
  .content .section-three {
    padding: 20px 0;
    padding-bottom: 0;
  }
  .product-all-item .title-caption {
    margin-bottom: 20px;
    display: block;
    overflow: auto;
  }
  .product-all-item {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .select-project .myAccount .vacancies .text-cstm {
    word-wrap: break-word;
    /* width: 160px; */
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 125px !important;
  }
  .fivecolmn {
    width: 20%;
  }
  .h100 {
    height: calc(100% - 8px);
  }
  .h100 .bg-white {
    display: flex;
    align-content: center;
  }
  .detail .text-break {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    line-height: 16px;
  }
  /*24 .2022*/
  .header-all .header-left {
    display: flex;
    position: static;
    float: none;
    width: auto;
    flex-direction: column;
  }
  .header-all .mobile-flex {
    flex: 1 0 auto;
    width: auto !important;
  }
}
@media screen and (max-width: 1300px) and (min-width: 769px) {
  header .top-header .top-side .left {
    position: relative;
    top: 8px !important;
  }
  header .top-header .bottom-side .right-side li {
    display: inline-block;
    margin: 0 6px !important;
  }
  header .top-header .bottom-side .right-side {
    text-align: right;
    padding-top: 0;
  }
  header .top-header .bottom-side .right-side li:first-child {
    top: 0 !important;
  }
  header .top-header .bottom-side .right-side li:first-child {
    padding: 10px 6px !important;
    padding-top: 5px !important;
  }
  header .top-header .bottom-side .right-side .signopen .account-hover .list ul li:first-child {
    padding: 0 !important;
  }
  header .top-header .bottom-side .right-side .signopen .account-hover .list h6 {
    padding-left: 10px !important;
  }
}
.lailabtn {
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  padding: 8px 10px !important;
  padding-top: 7px !important;
  border: 1px solid #fff;
  border-radius: 4px;
  position: relative;
}
.lailabtn:hover {
  background: #fff;
  color: #FE9900 !important;
}

@media (min-width: 769px) {
  header .top-header .bottom-side .right-side {
    text-align: right;
    padding-top: 0;
  }
  header .top-header .bottom-side .right-side .list li:first-child {
    padding: 0 0 !important;
    padding-top: 0 !important;
  }
  header .top-header .bottom-side .right-side .nati-section li:first-child {
    padding: 0 0px !important;
    padding-top: 0 !important;
  }
  .search-sign {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: static;
    float: none;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: 100%;
    z-index: 5;
  }
  .search-sign .search-section {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    float: none;
    -webkit-box: 1;
    -moz-box: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: visible;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: auto;
    white-space: nowrap;
  }
  .search-sign .search-section .search-three {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: absolute;
    top: -35px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    width: 270px;
    padding: 8px;
    background: transparent;
    border: 2px solid #fe9900;
    border-bottom: 3px dotted #fe9900;
    background: #fff;
    z-index: 999;
  }
  .search-sign .search-section .search-three ul {
    display: inline-flex !important;
  }
  .search-sign .search-section .search-three ul li a {
    margin: 0 0;
    color: #000;
    text-decoration: none;
    padding: 0 20px;
    font-weight: 500;
    font-size: 16px;
    border-left: 1px solid #ccc;
  }
  .search-sign .search-section .search-three ul li:first-child a {
    border-left: none !important;
  }
  .search-sign .search-section .search-three ul li.active a {
    color: #FE9900;
  }
  .search-sign .search-section .search-three ul li:hover a {
    color: #FE9900;
  }
  .search-sign .sign-section {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: static;
    float: none;
    min-width: auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: auto;
    z-index: 5;
    position: relative;
  }
}
@media (min-width: 768px) {
  .hide-desktop {
    display: none;
  }
  .container-works {
    max-width: 720px;
    margin: 0 auto;
  }
  .hidden-desktop {
    display: none !important;
  }
  .ads-page-new .table-responsive {
    overflow-x: initial;
  }
  .top-side {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: static;
    float: none;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: 100%;
    z-index: 5;
  }
  .top-side .left {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: static;
    float: none;
    -webkit-box: 1;
    -moz-box: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: visible;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: auto;
    white-space: nowrap;
  }
  .top-side .right-side {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: static;
    float: none;
    min-width: auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: auto;
    z-index: 5;
    position: relative;
  }
  header .bottom-header ul {
    height: 40px;
    display: block;
    overflow: hidden;
  }
}
.sidebar-item ul {
  text-align: left;
}

.not-found {
  text-align: center;
  padding: 120px 0;
  padding-bottom: 230px;
  overflow: hidden;
}

.not-found h2 {
  position: relative;
}

.not-found h2:before {
  content: "";
  background: url("../img/second.png");
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  margin: 0 auto;
  width: 840px;
  height: 760px;
  background-size: contain;
  background-repeat: no-repeat;
  top: -30px;
}

.not-found h2:after {
  content: "";
  background: url("../img/robot.png");
  position: absolute;
  left: 0;
  z-index: -1;
  margin: 0 auto;
  width: 129px;
  height: 198px;
  background-size: contain;
  background-repeat: no-repeat;
  bottom: 0px;
  z-index: 0;
  top: initial;
  right: 0;
}

.not-found .first-img {
  -webkit-animation: mover 1.3s infinite alternate;
  animation: mover 1.3s infinite alternate;
  position: absolute;
  top: 30%;
  left: 10%;
}

.not-found .first-img img {
  width: 120px;
}

@-webkit-keyframes mover {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}
@keyframes mover {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}
@keyframes moveright {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-10px);
  }
}
.not-found .second-img {
  animation-name: spin;
  animation-duration: 18000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  position: absolute;
  top: 30%;
  right: 7%;
}

.not-found .second-img img {
  width: 200px;
}

.not-found .third-img {
  animation-name: spin;
  animation-duration: 7000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  position: absolute;
  top: 3%;
  right: 0;
  left: 0;
  margin: 0 auto;
}

.not-found .third-img img {
  width: 40px;
}

.not-found .four-img {
  -webkit-animation: moveright 1.3s infinite alternate;
  animation: moveright 1.3s infinite alternate;
  position: absolute;
  bottom: 3%;
  right: 0;
  left: 0;
  margin: 0 auto;
}

.not-found .four-img img {
  width: 140px;
}

.not-found .five-img {
  animation-name: spin;
  animation-duration: 160s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: -1;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.not-found .btn-cstm {
  font-size: 18px;
  margin-top: 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 6px 25px;
  margin-top: 30px;
  border: 3px dotted #fe9900;
  font-weight: 600;
  background: #ffecd0;
  color: #000;
}

.not-found h2 {
  font-size: 330px;
  font-weight: 600;
}

.not-found h4 {
  font-size: 40px;
  color: #fff;
  display: inline-block;
  background: #FE9900;
  padding: 6px 18px;
  margin-bottom: 10px;
}

.not-found p {
  font-size: 23px;
  margin-top: 8px;
}

.fifty-page h2 {
  color: #fff !important;
  text-shadow: 2px 0px #fe9900 !important;
}

.sevenservice-page .caption {
  padding-right: 50px;
}

.sevenservice-page .employee-item {
  background: #fff;
  border-bottom: 1px solid #ececec;
  border-radius: 0;
  padding-right: 50px;
}

.sevenservice-page .employee-item .box-item {
  margin-bottom: 15px;
}

.sevenservice-page .rate-box {
  background: #fafafa;
  border-radius: 5px;
  padding: 25px 15px;
  margin-right: 50px;
  border-radius: 5px;
  margin-top: 17px;
}

.sevenservice-page .bgwhite {
  background: #fff;
  padding-top: 10px;
  height: calc(100% + 35px);
  padding-bottom: 10px;
}

.sevenservice-page .question {
  position: relative;
  padding: 0 30px;
  margin-bottom: 30px;
  padding-top: 35px;
  background: #fff;
  padding-bottom: 15px;
  /*
  &:before{
  	content:"";
  	width:9999px;
  	position: absolute;
  	left:-4000px;
  	right:0;
  	background:#fbeec6;
  	height:100%;
  	top:0;
  	z-index: -1;
  }*/
}
.sevenservice-page .question .caption {
  margin-left: 0 !important;
}
.sevenservice-page .question .caption.leftside {
  background: #fafafa;
  padding: 12px !important;
  border-radius: 5px;
  margin-right: 50px;
}

.fa-solid.fa-paperclip {
  margin-right: 6px;
}

.replybtn {
  display: none;
}

.onemore .replybtn .btn-cstm {
  font-size: 14px;
  padding: 9px 10px;
  background: #fe9900;
  color: #fff;
  font-weight: 500;
  border: none;
}

.reply {
  color: #333;
  text-decoration: none;
}

.question-item .item span {
  font-size: 16px;
  line-height: 21px;
}

.sevenservice-page .nav-link {
  color: #000;
}

.sevenservice-page .nav-tabs .nav-link.active {
  color: #fff;
  background-color: #fe9900;
}
.sevenservice-page .nav-tabs .nav-item.show .nav-link {
  color: #000;
  background: #fefefe;
}
.sevenservice-page .tab-content .form-control {
  max-width: 700px !important;
}

.sevenservice-page .question .leftside .btn-cstm {
  font-size: 16px;
  width: 100%;
  background: #fe9a01;
  color: #fff;
  opacity: 1;
  font-weight: 400;
}
.sevenservice-page .question .leftside .btn-cstm:hover {
  background: #e7900d;
}

.boxflex b {
  color: #333;
  font-weight: 600 !important;
  font-size: 17px;
}

.commentarea {
  display: block;
  margin-bottom: 10px;
  margin-top: 5px;
}
.commentarea span {
  border-radius: 6px;
  padding: 15px 13px;
  background: #fafafa;
}

span.question {
  padding: 0 !important;
  margin: 0 !important;
  margin-bottom: 4px !important;
  color: #ddd;
}

.answertext {
  box-shadow: 2px 2px 6px #ececec;
  padding: 15px !important;
  border-radius: 10px;
  display: initial;
}

.sevenservice-page .question h5 {
  color: #333;
}

.sevenservice-page .question-item {
  padding: 20px 0;
  display: block;
  border-bottom: 1px solid #e9e9e9;
}
.sevenservice-page .question-item .onemore {
  max-width: 750px;
}

.sevenservice-page .question-item:last-child {
  margin-bottom: 0 !important;
  border: none !important;
}

.sevenservice-page .question-item b {
  float: left;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  width: 180px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  min-height: 23px;
}

.sevenservice-page .question-item span {
  font-size: 16px;
  font-weight: 300;
}

.sevenservice-page .question-item .item {
  margin-bottom: 20px;
}
.sevenservice-page .question-item .item .item {
  margin-top: 10px;
}

.sevenservice-page .question-item .item i {
  margin-right: 10px;
}

.sevenservice-page .question2 label:before {
  content: "\f005";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #ddd;
  font-size: 2em;
}

.sevenservice-page .question2 {
  float: left;
  margin-bottom: 40px;
}

.ads-page-new .table-responsive .empty {
  padding-top: 75px;
}

.sevenservice-page .provider .question2 {
  float: left;
  margin-bottom: 25px;
}

.sevenservice-page .question2 span {
  min-width: 180px;
  float: left;
  color: #222;
}

.sevenservice-page .caption {
  margin: 11px;
}

.sevenservice-page .question-two .caption {
  margin-left: 0 !important;
}

.sevenservice-page .question2 label.on:before {
  content: "\f005";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #FE9900;
  /* uncomment for iOS */
  /*   font-size: 2.4em;
    top: -0.1em;
    left: -0.1em; */
}

.sevenservice-page .question2 input:checked + .question2 label:before {
  content: "\f005";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #FE9900;
  /* uncomment for iOS */
  /*   font-size: 2.4em;
    top: -0.1em;
    left: -0.1em; */
}

.sevenservice-page .question2 label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 18px;
  margin-right: 13px;
  font-size: 10px;
  margin-top: 14px;
}

.sevenservice-page .question2 label:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  top: -19px;
  border-radius: 10px;
}

.sevenservice-page .question2 input[type=radio] {
  display: none;
  -webkit-appearance: none;
}

.sevenservice-page .profile {
  text-align: center;
  background: #fff;
}

.sevenservice-page .bottom-section {
  margin-top: 50px;
  background: #fff;
  padding: 20px;
  margin-bottom: 30px;
}

.sevenservice-page .bottom-section .desc-item {
  margin-bottom: 30px;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 30px;
}

.sevenservice-page .bottom-section .desc-item:last-child {
  border: none !important;
  padding-bottom: 15px;
  margin-bottom: 0;
}

.sevenservice-page .bottom-section .desc-item .image img {
  width: 100%;
}

.sevenservice-page .bottom-section .desc-item .text p {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}

.sevenservice-page .bottom-section .desc-item span {
  font-size: 22px;
  font-weight: 600;
  display: block;
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
  margin-bottom: 30px;
  text-align: center;
}

.sevenservice-page .profile .social-section ul li {
  display: inline-block;
}

.sevenservice-page .social-section ul li .fa-share-nodes {
  color: #607d8b;
}

.sevenservice-page .social-section ul li .fa-facebook-f {
  color: #4267b2;
}

.sevenservice-page .social-section ul li .fa-twitter {
  color: #000;
}

.sevenservice-page .social-section ul li .fa-linkedin-in {
  color: #0E76A8;
}

.sevenservice-page .social-section ul li .fa-envelope {
  color: #f6c555;
}

.sevenservice-page .photo {
  padding: 20px 0;
  padding-bottom: 10px;
  border-top: 3px solid #FE9900;
  padding-bottom: 0;
}

.read-more__checkbox {
  display: none;
}

.seemre.showmore {
  --line-clamp: 3;
  display: flex;
  flex-direction: column;
  align-items: start;
}
.seemre.showmore .description {
  display: -webkit-box;
  -webkit-line-clamp: var(--line-clamp);
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: auto !important;
}
.seemre.showmore .read-more__checkbox {
  display: block;
}
.seemre.showmore .read-more__checkbox {
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  margin-top: 7px;
  color: #666;
}
.seemre.showmore .read-more__checkbox ~ .read-more__label {
  cursor: pointer;
  font-size: 0.75em;
  font-weight: 700;
  text-decoration: underline;
  box-shadow: none !important;
}
.seemre.showmore .read-more__checkbox:focus ~ .read-more__label {
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5);
}
.seemre.showmore .read-more__checkbox:hover ~ .read-more__label {
  text-decoration: none;
}
.seemre.showmore .read-more__checkbox ~ .read-more__label::before {
  content: attr(data-read-more);
}
.seemre.showmore .read-more__checkbox:checked ~ .read-more__label::before {
  content: attr(data-read-less);
}
.seemre.showmore .read-more__checkbox:checked ~ .read-more__text {
  --line-clamp: none;
  -webkit-line-clamp: var(--line-clamp);
}

.sevenservice-page .photo img {
  border-radius: 50%;
  width: 110px;
  height: 110px;
  object-fit: cover;
  margin: 0 auto;
  text-align: center;
}

.sevenservice-page .profile-text {
  margin: 20px 0;
  padding: 0 10px;
  margin-top: 15px;
}

.sevenservice-page .profile-text h6 {
  margin-bottom: 15px;
}

.sevenservice-page .profile-text ul li:last-child a {
  border: none;
}

.sevenservice-page .profile-text ul li a {
  color: #000;
  font-size: 16px;
  display: block;
  border-bottom: 1px solid #f5f5f5;
  margin: 5px 15px;
  padding: 15px;
  text-decoration: none;
}

.sevenservice-page .star-text {
  padding-bottom: 14px;
}

.sevenservice-page .star-text span {
  display: inline-block;
  text-align: right;
  float: right;
  color: #000;
  font-size: 14px;
}

.sevenservice-page .star-text #full-stars-example-two {
  display: inline-block;
}

.sevenservice-page .text-sec {
  background: #fff;
  padding: 15px;
  height: calc(100% - 15px);
  padding-bottom: 32px;
}

.sevenservice-page .text-sec .top a {
  color: #fe9900;
  text-decoration: none;
  margin: 10px 0;
  display: block;
}

.sevenservice-page .text-sec .text {
  margin: 30px 0;
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.sevenservice-page .text-sec .text p {
  color: #000;
  line-height: 18px;
  font-size: 14px;
  word-break: break-word;
}

.sevenservice-page .text-sec ul li {
  margin: 10px 0;
  font-size: 14px;
}

.sevenservice-page .text-sec ul li b {
  float: left;
  font-weight: 600;
}

.sevenservice-page .text-sec h4 {
  font-size: 19px;
  font-weight: 600;
  word-wrap: break-word;
}

.sevenservice-page .owl-dot {
  width: 100px !important;
  position: relative;
  left: 0;
  background-size: cover;
}

.sevenservice-page .owl-dots::-webkit-scrollbar {
  width: 3px;
}

.sevenservice-page .owl-dots::-webkit-scrollbar-track {
  background: 0 0;
}

.sevenservice-page .owl-dots::-webkit-scrollbar-thumb {
  background: #000;
  border-radius: 3px;
}

.sevenservice-page .content-carousel {
  float: initial;
  margin: 0 auto;
  width: 100%;
  display: block;
}

.sevenservice-page .owl-carousel div {
  width: 100%;
}

.sevenservice-page .content-carousel .owl-nav {
  top: 30%;
}

.sevenservice-page .content-carousel .owl-nav .owl-prev {
  position: absolute;
  left: 0;
  top: 0;
  background: #fe9900;
  border-radius: 0;
  width: 29px;
  height: 53px;
  line-height: 31px !important;
}

.sevenservice-page .content-carousel .owl-nav .owl-next {
  position: absolute;
  right: 0;
  top: 0;
  background: #fe9900;
  border-radius: 0;
  width: 29px;
  height: 53px;
  line-height: 31px !important;
}

.sevenservice-page .content-carousel .owl-nav span {
  color: #fff;
  font-size: 38px;
}

.sevenservice-page .owl-carousel .owl-controls .owl-dot {
  background-size: cover;
  margin-top: 10px;
}

.sevenservice-page .owl-carousel .owl-dots {
  border: 1px solid #e3e3e3;
  overflow-y: scroll;
  white-space: nowrap;
  margin-top: 10px;
}

.sevenservice-page .owl-carousel .owl-dots::-webkit-scrollbar {
  width: 1px;
  height: 7px !important;
}

.sevenservice-page .owl-carousel .owl-dots::-webkit-scrollbar-track {
  background: 0 0;
}

.sevenservice-page .owl-carousel .owl-dots::-webkit-scrollbar-thumb {
  background: #FE9900;
}

.sevenservice-page .owl-carousel .owl-dot {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 5px;
  height: 150px !important;
  width: 150px !important;
}

.sevenservice-page #full-stars-example-two {
  /* use display:inline-flex to prevent whitespace issues. alternatively, you can put all the children of .rating-group on a single line */
  /* make hover effect work properly in IE */
  /* hide radio inputs */
  /* hide 'none' input from screenreaders */
  /* set icon padding and size */
  /* set default star color */
  /* if any input is checked, make its following siblings grey */
  /* make all stars orange on rating group hover */
  /* make hovered input's following siblings grey on hover */
}

.sevenservice-page #full-stars-example-two .rating-group {
  display: inline-flex;
}

.sevenservice-page #full-stars-example-two .rating__icon {
  pointer-events: none;
}

.sevenservice-page #full-stars-example-two .rating__input {
  position: absolute !important;
  left: -9999px !important;
}

.sevenservice-page #full-stars-example-two .rating__input--none {
  display: none;
}

.sevenservice-page #full-stars-example-two .rating__label {
  cursor: pointer;
  padding: 0 0.1em;
  font-size: 15px;
}

.sevenservice-page #full-stars-example-two .rating__icon--star {
  color: orange;
}

.sevenservice-page #full-stars-example-two .rating__input:checked ~ .rating__label .rating__icon--star {
  color: #ddd;
}

.sevenservice-page #full-stars-example-two .rating-group:hover .rating__label .rating__icon--star {
  color: orange;
}

.sevenservice-page #full-stars-example-two .rating__input:hover ~ .rating__label .rating__icon--star {
  color: #ddd;
}

.myAccount .needs-validation .nopad .btn-primary {
  color: #fff;
  background: #242f3e !important;
  color: #fff !important;
  border-color: #242f3e !important;
}

.rate-box.new label {
  cursor: initial !important;
}

.starsec {
  position: relative;
  top: 4px;
}

#ratings {
  margin-top: 5px;
}

.ratetotaly {
  z-index: 9;
  padding: 6px;
  text-align: center;
  border-radius: 4px;
  max-width: 95px;
  margin: 0 auto;
  background: #fafafa;
  position: relative;
  left: -25px;
  margin-bottom: -37px;
}
.ratetotaly span {
  font-size: 12px;
  color: #777;
}
.ratetotaly b {
  font-size: 12px;
  color: #777;
}
.ratetotaly h6 {
  font-size: 50px;
  text-align: center;
  color: #fe9a01;
  font-weight: 700;
  line-height: 40px;
}

.btn-center {
  text-align: center;
}

#readMoreBtn {
  background: transparent;
  border: none;
  font-size: 16px;
  text-align: center;
  margin: 0 auto;
  color: #f19f3a;
}

.iconi {
  font-size: 17px;
}

.rate-box.new .question2 {
  float: initial !important;
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
}

.rate-box.new .btn-cstm {
  width: 100% !important;
  background: #FE9900;
  color: #fff;
  font-weight: 400;
}
.rate-box.new .btn-cstm:hover {
  background: #e7900d;
}

#full-stars-example-two .fa-star {
  color: #fe9900 !important;
  font-size: 14px;
}
#full-stars-example-two .fa-star span {
  font-size: 12px !important;
  position: relative;
  top: 1px;
  margin-left: 2px;
  color: #fe9900;
}

.question-two a:hover {
  color: #333;
}
.question-two .employee-item .date {
  position: absolute;
  top: 30px;
  right: 50px;
}
.question-two .employee-item .text {
  margin-top: 0 !important;
}
.question-two .employee-item .text p {
  color: #333;
}
.question-two .employee-item .boxflex {
  position: relative;
  top: 12px;
}

.owl-detail .owl-item img {
  height: 425px;
  object-fit: cover;
  width: 100%;
}

#modal-term .modal-dialog {
  max-width: 760px;
}

.dropzone .dz-message {
  text-align: left !important;
}

.myAccount .content-text .new-link a {
  text-decoration: none !important;
  padding: 6px 20px !important;
  color: #fe9900;
  font-weight: 500;
  font-size: 14px;
  display: block;
  border: 1px solid #fe9900;
}

.photos .upload__img-box {
  float: left;
}

.modal-term .page-title h2 {
  font-size: 23px;
}

.modal-term .btn-close {
  margin-left: 0;
}

.modal-term .modal-title {
  text-align: center;
  margin: 0 auto;
}

.sevenservice-page {
  padding-bottom: 50px;
  padding-top: 20px;
}

.sevenservice-page .ad-sec {
  margin-top: 15px;
  position: absolute;
  bottom: -128px;
  left: 0;
}

.sevenservice-page .question-photo {
  text-align: center;
  padding-top: 0;
}

.sevenservice-page .question-photo img {
  width: 80%;
  margin: 0 auto;
  text-align: center;
}

.sevenservice-page .bgwhite {
  position: relative;
}

.sevenservice-page .social-section {
  margin: 15px 0;
  padding: 15px 0;
  padding-bottom: 15px;
  border-top: 2px dotted #e1e1e0;
  margin-top: 0;
  padding-top: 0;
  border: none;
}

.sevenservice-page .box-item {
  position: relative;
}

.sevenservice-page .box-item .text {
  margin-top: 15px !important;
}

.fancy-sec li {
  display: inline-block;
  margin-right: 5px;
}

.fancy-sec li img {
  width: 120px;
}

.employee-item {
  margin-bottom: 10px;
  padding: 20px;
  border-radius: 5px;
}

.employee-item .text {
  margin-top: 10px;
  line-height: 20px;
  font-size: 15px;
}

.only-star .star-text {
  display: inline-block;
  margin-left: 10px;
  border-bottom: 0 !important;
}

.only-star .star-text .date {
  position: absolute;
  right: 5px;
  color: #a1a1a1;
  top: 0;
  font-size: 15px;
}

.ad-page .box-three .owl-pricing .text h6 {
  border-bottom: 2px dotted #fe9900 !important;
  height: 50px;
}

.ad-page .box-three .owl-pricing-two .text h6 {
  border-bottom: 2px dotted #fe9900 !important;
  height: 50px;
}

.about-page .text ul li:before {
  content: "-";
  color: #fe9900;
  margin-right: 10px;
}

.percentage-bar {
  background: #fff;
  display: block;
  height: 35px;
  margin-bottom: 15px;
  position: relative;
  transition: 0.4s linear;
  -moz-transition: 0.4s linear;
  -ms-transition: 0.4s linear;
  -o-transition: 0.4s linear;
  -webkit-transition: 0.4s linear;
  transition-property: width, background-color;
  -moz-transition-property: width, background-color;
  -ms-transition-property: width, background-color;
  -o-transition-property: width, background-color;
  -webkit-transition-property: width, background-color;
  width: 100%;
}

.jobspgtitle .translate {
  margin-top: 15px;
}

.bar-main-container b {
  color: #000;
  width: 36%;
}

.bar-main-container {
  width: 100%;
  display: block;
  background: transparent;
}

.wrap {
  margin-left: 0;
  padding-left: 0;
}

.bar-percentage {
  float: right;
  background: transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 9px 0px;
  width: 18%;
  height: 16px;
  margin-left: 15px;
  color: #000;
  padding-top: 0;
}

.bar-container {
  margin-top: 0 !important;
}

.bar-container {
  float: left;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  height: 10px;
  background: rgba(0, 0, 0, 0.13);
  width: calc(60% - 28px);
  margin: 12px 0px;
  overflow: hidden;
}

.bar-percentage {
  width: 30px !important;
  margin-top: 0 !important;
}

.bar {
  float: left;
  background: #FE9900;
  height: 100%;
  -webkit-border-radius: 10px 0px 0px 10px;
  -moz-border-radius: 10px 0px 0px 10px;
  border-radius: 10px 0px 0px 10px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

a.btn.btn-cstm.apple-btn {
  background: #000 !important;
  color: #fff !important;
}

/* 7.1.1 Job view */
.job-view-page li {
  line-height: 25px;
  margin-bottom: 15px;
}

.job-view-page .all-desc {
  margin-bottom: 40px;
}

.job-view-page .btn-cstm {
  margin-bottom: 30px;
  font-weight: 500;
}

.job-view-page .bottom-text {
  margin-top: 30px;
}

.job-view-page .bottom-text span {
  margin-bottom: 10px;
  display: block;
}

.job-view-page .bottom-text p {
  margin: 15px 0;
  display: block;
  margin-top: 25px;
}

.job-view-page .top-section {
  text-align: center;
  margin-bottom: 110px;
}

.job-view-page .top-section .image {
  text-align: center;
}

.job-view-page .top-section .text {
  margin: 55px 0;
}

.job-view-page .top-section .text h2 {
  font-weight: 600;
  font-size: 16px;
}

.job-view-page .top-section .text h3 {
  font-size: 25px;
  margin: 10px 0;
  font-weight: 700;
}

.job-view-page .top-section .text h4 {
  font-weight: 600;
  font-size: 16px;
}

.job-view-page .top-section .text p {
  margin-top: 30px;
}

.job-view-page .left-side h6 {
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 18px;
}

.job-view-page .left-side .detail {
  border: 1px solid #ccc;
  padding: 15px;
}

.job-view-page .right-side h6 {
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 18px;
}

.job-view-page .bottom-text {
  text-align: center;
}

.modal .file-input > .button {
  margin-right: 0 !important;
}

.modal .modal-body {
  padding: 20px 30px;
}

.modal .file-input {
  width: auto;
  padding: 13px;
  margin-left: 10px;
  background: #eee;
}

.modal .file-input:hover {
  background: #fe9900;
}

.modal .form-item label {
  display: block;
}

.modal .picture-video span {
  display: block !important;
}

.modal .picture-video li {
  display: inline-block !important;
  margin-right: 10px;
}

.modal .picture-video li img {
  border-radius: 50% !important;
  border: 1px solid #FE9900;
  width: 76px;
  height: 76px;
  object-fit: cover;
}

.modal .modal-title {
  font-weight: 600;
  padding-left: 15px;
}

.modal .text-center {
  margin-top: 30px;
}

.modal .btn-cstm {
  margin: 15px 0;
  border: none !important;
  display: block;
  width: 100% !important;
}

.modal .btn-cstm:hover {
  background: transparent !important;
  color: initial !important;
}

.modal .btn-cstm span {
  padding: 10px 25px;
  border: 1px solid #ccc;
}

.modal .btn-cstm span:hover {
  background: #FE9900;
  color: #000;
}

.sociall .fa-share-nodes {
  color: #fe9900;
}

.sevenservice-page .fancy-sec img:hover {
  cursor: pointer;
}

.sevenservice-page .bottom-section .desc-item {
  border-bottom: 1px dotted #e9e9e9;
  padding: 0 50px;
  margin-bottom: 50px;
  padding-bottom: 50px;
}

.sevenservice-page .textul ul {
  margin-top: 20px;
  display: block;
  padding-left: 20px;
}

.sevenservice-page .textul ul li {
  margin-bottom: 15px;
  position: relative;
  font-size: 15px;
}

.sevenservice-page .textul ul li:before {
  content: "";
  width: 5px;
  height: 5px;
  background: #FE9900;
  position: absolute;
  left: -15px;
  top: 5px;
  border-radius: 50%;
}

.sevenservice-page .bottom-section .text {
  margin-top: 0 !important;
}

.sevenservice-page .bottom-section .text p {
  font-size: 16px;
  font-weight: 400 !important;
}

.sevenservice-page .fa-thumbs-down {
  color: #b2adad;
}

.sevenservice-page .fa-thumbs-up {
  color: #198754;
}

.sevenservice-page .bottom-text {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 20px;
}

.sevenservice-page .bottom-text h6 {
  margin-bottom: 10px;
}

.sevenservice-page .bottom-text .btn-cstm {
  margin: 15px 0;
  background: #FE9900;
  font-weight: 400;
  margin-top: 30px;
}

.sevenservice-page .bottom-text span {
  display: block;
}

.newprofiledesign .wspe {
  width: 47%;
  display: inline-flex !important;
}
.newprofiledesign .sidebar-pro.ulspec ul.areas {
  text-align: left;
  max-height: 100px;
  overflow: hidden;
}
.newprofiledesign .profile-text ul li a.bnew {
  width: 100%;
  font-size: 14px;
  word-break: break-word;
  color: #000;
  margin: 5px 0 !important;
  padding: 3px !important;
  text-decoration: none;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border: none !important;
}
.newprofiledesign .profile-text ul li a.bnew b {
  text-align: center;
  border: 1px solid #444444 !important;
  padding: 8px !important;
  margin-top: 10px;
  border-radius: 6px;
  margin: 0 auto;
  background: transparent;
  color: #444;
  width: 100%;
}
.newprofiledesign .profile-text ul li a.bnew b:hover {
  background: #444;
  color: #fff;
}
.newprofiledesign .text-sec ul li:empty {
  display: none !important;
}
.newprofiledesign .question-two {
  padding: 0 !important;
}
.newprofiledesign .label-for-project {
  margin-top: 50px;
}
.newprofiledesign .reportBtn {
  color: #8E8E8E !important;
  text-decoration: none;
}
.newprofiledesign .reportBtn i {
  margin-right: 5px;
}
.newprofiledesign .reportBtn:hover {
  color: #fe9a01 !important;
}
.newprofiledesign .reportBtn:hover i {
  color: #fe9a01 !important;
}
.newprofiledesign .text-sec h4 {
  color: #191919;
}
.newprofiledesign .ad-service > h2 {
  font-size: 19px;
  color: #191919;
  font-weight: 600;
}
.newprofiledesign .caption.fl h5 {
  color: #191919;
}
.newprofiledesign .rate-box.new .btn-cstm {
  width: auto !important;
}
.newprofiledesign .sidebar-pro .photo img {
  border: 1px solid #F19F39;
  width: 100px;
  height: 100px;
}
.newprofiledesign .text p {
  color: #222222 !important;
  font-size: 16px !important;
  line-height: 21px !important;
}
.newprofiledesign .text-sec ul li b {
  width: 36%;
  font-size: 14px;
  word-break: break-word;
  margin-bottom: 0;
}
.newprofiledesign .top-new-profile .textright a {
  color: #000;
  text-decoration: none;
}
.newprofiledesign .photo {
  border-top: none !important;
}
.newprofiledesign .text-sec .profile {
  border-radius: 5px;
}
.newprofiledesign .text-sec .col-xl-3 .profile {
  margin-bottom: 15px;
  margin-top: 180px;
  position: sticky;
  top: 10px;
}
.newprofiledesign .text-sec .col-xl-3 .profile .sidebar-pro {
  border: 1px solid #eee;
  padding: 13px 20px;
  margin-bottom: 15px;
}
.newprofiledesign .seemre.showmore .read-more__checkbox ~ .read-more__label {
  cursor: pointer;
  font-size: 0.75em;
  font-weight: 700;
  text-decoration: underline;
  box-shadow: none !important;
  margin-top: 20px;
}
.newprofiledesign .ratetotaly {
  top: 10px;
}
.newprofiledesign .sidebar-pro .text-sec ul li {
  margin-bottom: 19px !important;
}
.newprofiledesign .text-sec .sidebar-pro.ulspec ul li {
  margin: 10px 5px;
  font-size: 14px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.newprofiledesign li.langspc span {
  margin-right: 3px;
}
.newprofiledesign .employee-item:last-child {
  border: none !important;
}
.newprofiledesign .question .employee-item:last-child {
  border: none !important;
}
.newprofiledesign .question {
  padding: 0 10px;
}
.newprofiledesign .question .btn-more {
  margin-top: 0 !important;
  width: auto !important;
  border: 1px solid #fe9900;
  color: #fe9900;
  font-weight: 500;
  font-size: 16px !important;
  padding: 15px !important;
}
.newprofiledesign .question .employee-item {
  padding-left: 0;
}
.newprofiledesign .question-item {
  border-bottom: none !important;
}
.newprofiledesign .question-item .onemore {
  max-width: 100% !important;
}
.newprofiledesign .profile .text-container {
  border-top: 2px dotted #e6e6e6;
}
.newprofiledesign .question .caption h6 {
  font-size: 19px;
  font-weight: 600;
  color: #191919;
}
.newprofiledesign .question .caption.leftside {
  background: #fff;
  padding: 12px !important;
  border-radius: 5px;
  margin-right: 0;
}
.newprofiledesign .sidebar-pro.ulspec {
  border: 1px solid #eee;
  border-radius: 5px;
  padding: 13px 20px;
  margin-bottom: 15px;
  text-align: left;
}
.newprofiledesign .sidebar-pro.ulspec h3 {
  margin-bottom: 7px;
  color: #191919;
  text-align: center;
}
.newprofiledesign .sidebar-pro.ulspec ul.areas {
  text-align: left;
}
.newprofiledesign .sidebar-pro.ulspec ul.areas li {
  color: #444444;
  border: 1px solid #444;
  border-radius: 7px;
  padding: 7px;
  display: inline-block !important;
}
.newprofiledesign .sidebar-pro.ulspec ul li {
  display: inline !important;
}
.newprofiledesign .sidebar-pro.ulspec ul li b {
  font-size: 18px;
  width: auto !important;
  font-weight: 500;
  margin-left: 10px;
}
.newprofiledesign .profile-text b {
  border-top: none !important;
}
.newprofiledesign .caption.fl {
  float: left;
  margin-right: 0;
  padding-right: 10px;
  margin-bottom: 0 !important;
}
.newprofiledesign .caption.fl h5 {
  font-size: 19px;
  font-weight: 600;
}
.newprofiledesign .text-sec ul li b {
  text-align: left;
  padding-top: 0;
  margin-top: 0;
}
.newprofiledesign .text-container ul li span {
  text-align: right;
  display: inline-block !important;
}
.newprofiledesign .profile-text {
  padding: 0 0 !important;
}
.newprofiledesign .ratetotaly {
  z-index: 9;
  padding: 6px;
  text-align: left;
  border-radius: 4px;
  max-width: auto;
  margin: 0;
  background: #fff;
  position: relative;
  left: 0;
  margin-bottom: 0;
  display: inline;
}
.newprofiledesign .ratetotaly span {
  font-size: 12px;
  color: #777;
  display: none;
}
.newprofiledesign .ratetotaly b {
  font-size: 12px;
  color: #777;
  border: none !important;
}
.newprofiledesign .ratetotaly h6 {
  font-size: 16px;
  text-align: center;
  color: #fe9a01;
  float: left;
  display: inline-block;
  font-weight: 700;
  line-height: initial;
}
.newprofiledesign .text-sec .top-new-profile ul li {
  margin: 10px 5px;
  font-size: 14px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.newprofiledesign .text-sec .top-new-profile ul li i {
  margin-right: 3px;
  color: #f1a03a;
}
.newprofiledesign .text-sec .top-new-profile ul li:first-child {
  margin-left: 0;
}
.newprofiledesign .text-sec .top-new-profile li.langspc span {
  margin-right: 3px;
}

.newprofiledesign .ratetotaly h6 {
  font-size: 17px;
  text-align: left;
  color: #fe9a01;
  float: initial;
  display: inline-block;
  font-weight: 700;
  line-height: 20px;
}

.newprofiledesign .text-sec .col-xl-3 .profile {
  top: 130px !important;
}

.rate-box.new .btn-rate {
  display: initial !important;
}

@media (min-width: 650px) {
  .modal-dialog {
    max-width: 650px;
  }
  .modal-dialog p {
    margin-bottom: 25px;
    line-height: 21px;
  }
  .modal .form-item label {
    display: block;
    margin-bottom: 15px;
  }
}
/* okan css */
.breadcumb {
  margin-top: 15px;
}

.breadcumb ul {
  display: flex;
}

.breadcumb ul li:nth-last-child(n+2):after {
  content: ">";
  padding: 0 8px;
  font-weight: 800;
}

.titlRght h2 {
  padding: 40px 0;
  margin: 20px 0;
  font-size: 26px;
  line-height: 33px;
  text-align: right;
}

.titlRght button {
  text-align: right;
  margin: 40px 0;
}

.adlocatn .titlRght {
  text-align: right;
}

.adlocatn .titlRght button {
  margin: 40px 0;
}

.titlLeft h2 {
  padding: 40px 0;
  margin: 20px 0;
  font-size: 26px;
  line-height: 33px;
  text-align: left;
}

.favorities .titlRght button {
  text-align: right;
  margin: 10px 0;
}

.favorities .titlRght {
  text-align: end;
}

.favorities .title-page h2 {
  font-weight: 500;
  font-size: 27px;
}

.logandsec .containerIn {
  max-width: 800px;
  margin: 0 auto;
}

.logandsec .titlRght {
  text-align: end;
}

.logandsec .title-page h2 {
  font-weight: 500;
  font-size: 27px;
}

.myVacanies .row {
  margin-bottom: 3rem;
}

.myVacanies .col-xl-6 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.myVacanies .job-opt {
  padding: 0;
}

.myvacanieseditProv .filter .filter-content-inner .filter-box input {
  width: 100%;
  border: 1px solid #ced4da;
  padding: 3px;
}

.myvacanieseditProv .filter .filter-content-inner .filter-box label {
  margin-bottom: 0.5rem;
}

.myvacanieseditProv .box-rectangle {
  margin: 30px auto;
}

.m-left {
  margin-left: 5px;
}

.m-right {
  margin-right: 5px;
}

.myAccount .content {
  min-height: auto;
  margin-top: 20px;
}

.myAccount .content.np {
  margin-top: 0 !important;
}

.myAccount .fav-all ul li {
  display: inline-flex;
  width: 20%;
  margin: 0 15px;
}

.myAccount .fav-all ul li .box-rectangle {
  text-align: center;
}

.myAccount .fav-all ul li a {
  display: block;
  text-align: center;
  padding: 40px 15px !important;
  width: 100%;
  margin: 0 auto;
  color: #000;
  text-decoration: none;
}

.myAccount .fav-all ul li a i {
  display: block;
}

.myAccount .fav-item.service {
  border-bottom: 0 !important;
}

.myAccount .title h2 {
  font-size: 21px;
  margin-top: 12px;
  color: #000;
  padding-bottom: 14px;
  border-bottom: 1px dotted #ccc;
  padding-top: 3px;
  position: relative;
}

.myAccount .title h2:after {
  content: "";
  position: absolute;
  right: initial;
  width: 25px;
  height: 2px;
  background: #FE9900;
  top: 14px;
  margin-left: 8px;
}

.myAccount .difagain .title h2:after {
  display: none !important;
}

.myAccount .specialcss .title h2:after {
  display: none !important;
}

.myAccount .whitebg .title h2:after {
  display: none !important;
}

.myAccount .messages-page .content {
  margin-top: 0;
}

.myAccount .project-item {
  background: #fff;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 20px;
  margin-top: 15px;
  margin-bottom: 0px !important;
}

.myAccount .project-item h4 {
  font-size: 16px;
  margin-bottom: 15px;
  color: #000;
}

.myAccount .project-item h6 {
  font-size: 14px;
  font-weight: 300;
  display: block;
  margin-bottom: 30px;
  color: #000;
}

.myAccount .project-item .date {
  color: #FE9900;
  font-weight: 400;
  font-size: 15px;
}

.myAccount .project-item p {
  font-weight: 400;
  margin-bottom: 15px;
  font-size: 13px;
  line-height: 19px;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none !important;
}

.myAccount .project-item ul {
  display: block;
  margin-bottom: 30px;
  float: left;
  padding-right: 5px;
  width: initial;
}

.myAccount .project-item li {
  font-weight: 400;
  font-size: 13px;
  display: inline-block;
  color: #000;
}

.myAccount .project-item li:last-child {
  margin-left: 40px;
}

.myAccount .project-item li b {
  font-size: 15px;
  font-weight: 400;
  display: block;
  margin-bottom: 6px;
  color: #000;
}

.myAccount .content-text a .fa-download {
  margin-right: 5px;
}

.myAccount .content-text a {
  text-decoration: none !important;
}
.myAccount .content-text a i {
  margin-left: 5px;
}

.job-card .cityother .jobtype-text i {
  margin-left: 0;
}

.myAccount .company-text {
  float: left;
  padding-right: 15px;
  width: 30%;
}

.myAccount .fav-item {
  margin-bottom: 15px;
  padding: 30px 0;
  border-bottom: 2px dotted #FE9900;
}

.myAccount .fav-item .text p {
  margin-bottom: 15px;
  font-size: 13px;
  line-height: 19px;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none !important;
}

.myAccount .fav-item .one-button {
  text-align: center;
}

.myAccount .fav-item .one-button a {
  margin-top: 0 !important;
  display: block;
  width: 100%;
  font-size: 15px;
  font-weight: 400;
  border: 1px solid #dfdfdf;
  color: #414141;
}

.myAccount .fav-item .one-button i {
  font-size: 15px;
}

.myAccount .fav-item .one-button .btn-cstm:hover {
  background: #FE9900;
}

.myAccount .fav-item .two-button {
  text-align: center;
}

.myAccount .fav-item .two-button i {
  font-size: 15px;
}

.myAccount .fav-item .two-button a {
  width: 47%;
  float: left;
  font-size: 15px;
  font-weight: 400;
  border: 1px solid #dfdfdf;
  color: #414141;
  margin-top: 15px;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  padding: 7px 6px;
}

.myAccount .fav-item .two-button .btn-cstm:hover {
  background: #FE9900;
}

.text-left {
  text-align: left;
}

.btn-dots {
  position: absolute;
  right: 0;
  top: 10px;
}

.btn-dots .dropdown-menu.show {
  position: relative;
  top: -13px !important;
  left: -13px !important;
}

.btn-dots .dropdown-menu li {
  display: block !important;
  margin-bottom: 4px;
}

.btn-dots .dropdown-menu li i {
  color: #fe9900;
}

.btn-dots .dropdown-menu li .dropdown-item {
  padding: 10px;
}

.project-detail .social-section ul {
  text-align: center;
  margin-top: 15px;
}

.project-detail .social-section ul li {
  display: inline-block !important;
  margin: 0 3px;
}

.project-detail .social-section ul li .fa-share-nodes {
  color: #607d8b;
}

.project-detail .social-section ul li .fa-facebook-f {
  color: #4267b2;
}

.project-detail .social-section ul li .fa-twitter {
  color: #000;
}

.project-detail .social-section ul li .fa-linkedin-in {
  color: #0E76A8;
}

.project-detail .social-section ul li .fa-envelope {
  color: #f6c555;
}

.choose-sec {
  margin-bottom: 20px;
  background: #fff;
  padding: 30px;
  border: 1px solid #e8e8e8;
  border-radius: 10px;
}

.choose-sec h5 {
  font-size: 27px;
}

.choose-sec h6 {
  font-size: 18px;
  margin-top: 10px;
}

.choose-sec .picture-video.new li {
  position: relative;
}

.choose-sec .picture-video.new i {
  position: absolute;
  right: 5px;
  top: -1px;
  color: #fff;
  background: #fe9900;
  border-radius: 30px;
  width: 18px;
  text-align: center;
  font-size: 13px;
  height: 18px;
  line-height: 18px;
}

.choose-sec .right.text {
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
}

.choose-sec .btn-cstm {
  background: #FE9900;
  color: #fff;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 500;
  padding: 10px !important;
  margin-bottom: 10px;
  border: none !important;
}
.choose-sec .btn-cstm:hover {
  background: #e7900d;
}

.choose-sec .del {
  color: #000;
  margin-right: 10px;
}

.picture-video.new li {
  display: inline-block !important;
  margin-right: 15px;
}

.picture-video.new li img {
  border-radius: 50% !important;
  border: 1px solid #FE9900;
  width: 76px;
  height: 76px;
  object-fit: cover;
}

.jobs-pagee li .fa-share-nodes {
  color: #607d8b;
}

.jobs-pagee li .fa-facebook-f {
  color: #4267b2;
}

.jobs-pagee li .fa-twitter {
  color: #000;
}

.jobs-pagee li .fa-linkedin-in {
  color: #0E76A8;
}

.jobs-pagee li .fa-envelope {
  color: #009c9c;
}

.btn-dots .btn {
  background: transparent;
  border: none;
  color: #000;
}

.btn-dots .btn i {
  font-size: 32px;
  position: relative;
  left: -7px;
}

.btn-dots .btn::after {
  display: none;
}

.follow-page .social-section .past-item .top {
  position: relative;
}

.pricing-subs.help-page .help-title h5 {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 0;
}

.project-page .page-title h2 {
  text-align: left;
  font-size: 33px;
  font-weight: 600;
  margin-bottom: 20px;
}

.messages-page .message-all .padRight {
  background: transparent;
  overflow-y: scroll;
  max-height: 700px;
}

.messages-page .message-all .padRight::-webkit-scrollbar {
  width: 2px;
}

.messages-page .message-all .padRight::-webkit-scrollbar-track {
  background: 0 0;
}

.messages-page .message-all .padRight::-webkit-scrollbar-thumb {
  background: #f4d098;
  border-radius: 2px;
}

.personalData .title-page {
  text-align: center;
}

.personalData .text-box p {
  max-width: 100%;
}

.personalData .InptBox {
  margin: 0;
}

.personalData .InptBox input {
  margin: 0;
}

.personalData .InptBox input {
  max-width: 100% !important;
}

.personalData .containerIn {
  max-width: 800px;
  margin: 0 auto;
}

.link,
.link-smp {
  text-decoration: none;
  color: #949494;
}

.link:hover {
  color: #fe9900;
}

.title-h2 {
  text-align: center;
  font-size: 30px !important;
  margin-top: 15px;
}

.filter-head {
  text-align: center;
  background-color: #FE9900;
  padding: 5px;
}

.filter-head h2 {
  font-weight: 600;
  font-size: 19px;
  line-height: 34px;
}

.filter-content {
  background: #FFF;
  padding: 25px 20px;
}

.filter .btn-warning {
  background: #FE9900;
  color: #fff;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.filter .btn-warning:hover {
  background: #f9a72b !important;
}

.project-edit .myAccount .project-item {
  margin: 1px !important;
}
.project-edit .myAccount .project-item ul {
  line-height: 36px;
}
.project-edit .myAccount .project-item h6 {
  margin-bottom: 15px;
}
.project-edit .myAccount .project-item .active-text ul li .fa-trash-alt {
  color: #f27474 !important;
  font-size: 14px;
  position: relative !important;
  top: -10px !important;
}
.project-edit .myAccount .project-item .translate {
  margin: 0px 0;
  padding: 5px;
  text-align: center;
  position: relative;
  top: -6px;
  margin-bottom: 0;
  padding-top: 0;
}
.project-edit .myAccount .project-item li:last-child {
  margin-left: 6px !important;
}
.project-edit .myAccount .project-item .company-text {
  height: 35px !important;
}
.project-edit .myAccount .project-item h4 {
  font-size: 16px !important;
}
.project-edit .myAccount .project-item .social.text-left b {
  font-size: 13px;
}
.project-edit .myAccount .project-item .social.text-left {
  float: left !important;
}
.project-edit .myAccount .project-item .date-roc li b {
  display: inline-block !important;
  font-size: 14px;
}
.project-edit .myAccount .project-item .date-roc li:first-child i {
  font-size: 16px;
  position: relative;
  top: 1px;
  margin-right: 7px;
  margin-left: 0;
}
.project-edit .myAccount .project-item .date-roc img {
  width: 20px;
  /* float: left; */
  position: relative;
  top: 4px;
}
.project-edit .myAccount .project-item .social.text-left .fa-solid.fa-location-dot {
  margin-right: 3px;
  margin-left: 0;
}

.myAccount .project-edit .translate a {
  color: #000;
  text-decoration: none;
  font-size: 14px;
}
.myAccount .project-edit .project-item .date-roc img {
  display: inline-block !important;
}

.project-edit .project-page .date span {
  font-size: 12px !important;
}

.myAccount .job-location .city-text {
  margin-right: 10px !important;
}

.filter-box {
  margin-top: 10px;
}

.filter-box .form-group label {
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
}

.form-select {
  display: block;
  width: 100%;
  padding: 0.175rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.15rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.project-edit.myapply-page .myAccount .project-item {
  margin-bottom: 30px !important;
}
.project-edit.myapply-page .myAccount .project-item .company-text {
  width: 100% !important;
}
.project-edit.myapply-page .myAccount .project-item .job-exp {
  width: 100%;
}

.project-edit .job-exp {
  width: 100%;
  min-height: 80px;
}
.project-edit .project-item p {
  width: 100%;
}
.project-edit .company-text h4 {
  color: #000 !important;
  margin-bottom: 3px;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 6px;
}
.project-edit .company-text h4:before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 2px;
  background: #FE9900;
  height: 80%;
}
.project-edit .myAccount .project-item .job-exp {
  min-height: 95px;
}
.project-edit .myAccount .project-item ul {
  margin-bottom: 15px;
}

.multi-fields {
  display: flex;
}

.service-account.fav-page .text {
  margin-top: 0 !important;
}

.text-one2form-select {
  display: block;
  width: 100%;
  padding: 0.175rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.15rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.job-card, .project-page .project-item {
  background: #FFF;
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  position: relative;
  padding: 25px 27px;
}

.commentrate h6 {
  margin-bottom: 10px;
  margin-top: -2px;
}

.ratebtn {
  margin-top: 15px;
}

.box-item.only-star .logopro img {
  border-radius: 50%;
  width: 90px;
  height: 90px;
  margin-right: 15px;
  max-width: initial;
}
.box-item.only-star .logocomment {
  display: flex;
}

.usercomment p {
  color: #333;
  line-height: 22px;
  background: #f9f9f9;
  border-radius: 9px;
  padding: 15px;
  font-size: 15px;
}

.social.text-left .fa-solid.fa-location-dot {
  color: #fe9900;
  margin-right: 5px;
}
.social.text-left b {
  font-size: 13px;
  color: #333;
  font-weight: 400 !important;
}

footer .social.text-left b {
  font-size: 16px;
  color: #fff;
  font-weight: 700 !important;
  line-height: 140%;
}

.job-card .social.text-left .fa-solid.fa-location-dot {
  color: #fe9900;
  margin-right: 5px;
  line-height: 24px;
}

.job-card:before, .project-page .project-item:before {
  content: "";
  position: absolute;
  bottom: -2px;
  width: 0%;
  left: 0;
  height: 2px;
  background: #FE9900;
  transition: all 0.4s linear;
}

.job-card:hover:before, .project-page .project-item:hover:before {
  width: 100%;
}

.job-card .company-text, .project-page .project-item .company-text {
  position: relative;
  padding-left: 10px;
}

.job-card .company-text h6, .project-page .project-item .company-text h6 {
  position: relative;
}

.job-card .company-text h6:before, .project-page .project-item .company-text h6:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 1px;
  width: 2px;
  background: #FE9900;
  height: 100%;
}

.job-card .company-text h4, .project-page .project-item .company-text h4 {
  color: #000 !important;
  margin-bottom: 3px;
  font-weight: 400;
  font-size: 19px;
  line-height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: 6px;
  width: calc(100% - 20px);
}

.job-card .company-text .link, .project-page .project-item .company-text .link {
  font-weight: 500;
  font-size: 26px;
}

.job-card .company-text p, .project-page .project-item .company-text p {
  font-weight: 300;
  font-size: 16px;
  height: 18px;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.language {
  position: relative;
  display: inline-block;
}

.language ul {
  box-shadow: none;
  animation: bounceIn 0.4s ease-out;
}

.languageDropdown a:hover {
  background-color: #f0f0f0;
}

.sevenservice-page .question-item span {
  margin-right: 3px;
}

@keyframes bounceIn {
  0% {
    transform: scale(0.9);
    opacity: 0.7;
  }
  70% {
    transform: scale(1.05);
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}
@keyframes bounceInSecond {
  0% {
    transform: scale(1.01);
    opacity: 0.7;
  }
  70% {
    transform: scale(1.03);
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}
.pagination-all .btn-secondary:last-child {
  margin-right: 0 !important;
}

.btn.btn-cstm.twitter-btn {
  background: #000;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

.btn.btn-cstm.twitter-btn i {
  position: relative;
  top: 2px;
}

.profile-three .profile-text {
  background: #fff;
  padding: 15px 15px;
}

.profile-three .profile-text b {
  border-top: none !important;
}

.profile-three .text-sec {
  height: initial !important;
}

.client-hide .form-check label {
  font-size: 14px;
  line-height: 17px;
}

.service-hide .form-check label {
  font-size: 14px;
  line-height: 17px;
}

.regis-page .regis-section .right-section .form-item > label {
  margin-bottom: 12px;
  font-weight: 500;
}

.code-page .career {
  margin-bottom: 30px;
}

.code-page .service-item {
  height: 100%;
  margin-bottom: 30px;
}

.code-page .service-item img {
  width: 100%;
}

.code-page .service-item h2 {
  margin-bottom: 15px;
  color: #000;
  font-weight: 600;
}

.code-page .service-item ul li {
  margin-bottom: 13px;
  font-size: 14px;
  line-height: 20px;
  display: flex;
}

.code-page .service-item ul li:before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #FE9900;
  margin-right: 7px;
  float: left;
}

.code-page .service-all .col-xl-6.col-lg-6.col-md-3.col-12 {
  margin-bottom: 30px;
}

.code-page .service-all {
  background: #fff;
  padding: 0px;
  padding-bottom: 20px;
  margin-top: 0;
}

.my-vacancies-spec .myAccount .fav-all ul li {
  width: 25% !important;
}

.owl-pricing-two ul {
  min-height: 300px;
}

.owl-pricing-three ul {
  min-height: 300px;
}

.jobs-page .job-image {
  text-align: right;
}

.jobs-page .job-image img {
  width: 78px;
  object-fit: cover;
}

.jobs-page .top-icons ul {
  display: flex;
}

.legal-page .filter-content {
  background: #FFF;
  padding: 10px 10px;
}

.legal-page .sidebar-item .title {
  background: #FE9900;
  padding-left: 15px;
}

.legal-page .sidebar-item .title h3 {
  text-align: left;
  background: transparent;
}

.jobs-pagee.jobs-two .top-icons {
  position: relative;
  top: 0 !important;
  margin-left: 0 auto;
  margin-right: 0 !important;
  float: left !important;
}

.jobdetailp.jobs-pagee.jobs-two .top-icons {
  float: right !important;
}

.question-two {
  background: #fff;
  padding: 30px;
}

.service-account .upload__img-box div {
  height: 70px;
  width: 100px;
  background-size: contain;
  margin-bottom: 0;
}

.box-upl .image img {
  object-fit: contain;
}

.jobs-pagee.jobs-two .top-icons ul {
  display: flex;
  justify-content: flex-end;
}

.jobs-pagee.jobs-two .top-icons ul li {
  margin: 0 5px;
}

.jobs-pagee.jobs-two .top-icons ul li:empty {
  margin: 0 0px !important;
}

.jobs-pagee.jobs-two .top-icons ul li:last-child i {
  margin-right: 5px !important;
}

.jobs-pagee.jobs-two .top-icons ul li:last-child {
  font-size: 15px;
  color: #444;
}

.project-detail .date i {
  color: #ccc;
}
.project-detail .date i:hover {
  color: #fe9900;
}

.project-detail .date i.fa-clock {
  margin-right: 10px !important;
}

.link.new-link .btn-cstm:hover {
  color: #fff !important;
}

.link.new-link .btn i {
  position: relative;
  top: 2px;
  margin-left: 6px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  outline: 0;
  display: block !important;
  float: left;
  position: relative;
  z-index: 0;
  padding: 0.7rem 0.75rem;
  border-color: #e5e5e5 !important;
  height: initial !important;
  min-height: 45px !important;
  z-index: 9;
  font-size: 0.9em;
  font-weight: 400;
  color: #636365;
  width: 100% !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
  min-width: 76px;
  height: 40px;
  background: #eaeaea;
}

.select2-container--default .select2-selection--multiple {
  outline: 0;
  display: block !important;
  float: left;
  position: relative;
  z-index: 0;
  padding: 0;
  border-color: transparent !important;
  height: 45px !important;
  z-index: 9;
  font-size: 0.9em;
  font-weight: 400;
  color: #636365;
  width: 100% !important;
}

.form-item .select2-container .select2-selection--multiple .select2-selection__rendered {
  display: block !important;
  overflow: initial !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  outline: 0;
  display: block !important;
  float: left;
  position: relative;
  z-index: 0;
  padding: 0;
  border-color: transparent !important;
  height: 45px !important;
  z-index: 9;
  font-size: 0.9em;
  font-weight: 400;
  color: #636365;
  width: 100% !important;
}

.openMenu span {
  position: relative;
  top: -3px;
  left: 8px;
}

.openMenu img {
  width: 15px;
  height: 10px;
  object-fit: cover;
}

.attachmentDiv {
  border: none;
  border-radius: 8px;
  font-size: 0;
  background: transparent;
  border: none;
}
.attachmentDiv div {
  color: #fff;
  position: relative;
  left: -6px;
}

.kncstm.chat-message-content {
  display: flex;
  align-items: center;
  background: transparent !important;
  color: #000 !important;
  border: 1px solid #e4e4e4 !important;
  padding-right: 0 !important;
  padding-left: 10px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.kncstm.message {
  display: flex;
  align-items: center;
  background: transparent !important;
  color: #000 !important;
  border: 1px solid #e4e4e4 !important;
  padding-right: 0 !important;
  padding-left: 10px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.chat .chat-message p.spec.haveattachment {
  background: #fe9900 !important;
  padding: 10px !important;
  border-radius: 7px;
  color: #fff;
  margin-right: 0;
  width: auto;
  justify-content: flex-end;
  display: inline-block;
  float: right !important;
}

.newbrdr.kncstm.extra {
  float: right !important;
}

.newbrdr.kncstm {
  display: flex;
  align-items: center;
  background: transparent !important;
  color: #000 !important;
  border: 1px solid #e4e4e4 !important;
  padding-right: 0 !important;
  padding-left: 10px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  margin-top: 10px !important;
  width: 100%;
}

.attachmentDiv:before {
  content: "";
  background: #198754;
  position: absolute;
  right: -2px;
  top: 0;
  width: 43px;
  height: 100%;
  z-index: 0;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.form-item .select2-container--default .select2-selection--multiple {
  height: auto !important;
}

.form-item .select2-container--default.select2-container--focus .select2-selection--multiple {
  height: auto !important;
}

.select2-container--open .select2-dropdown--below {
  display: none !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
  min-width: 76px;
  height: 40px;
  background: #eaeaea;
  border: none;
  line-height: 38px;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 5px;
}

.select2-container .select2-search--inline .select2-search__field {
  margin-top: 0 !important;
}

span.select2.select2-container.select2-container--default.select2-container--below.select2-container--open {
  width: 100% !important;
}

.jobtype-text i {
  color: #333;
  margin-right: 4px;
}
.jobtype-text b {
  color: #333;
  font-weight: 400;
  font-size: 14px;
}

.cstm-new.second {
  min-height: 300px;
}

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

.jobtype-text:first-child {
  margin-right: 15px;
}

.select2-container--default .select2-selection--multiple {
  margin-bottom: 25px;
}

.cityother {
  display: flex;
}

.jobs-page .cardsContainer .job-location {
  margin-top: 0 !important;
}

.project-detail .summary {
  margin-bottom: 20px;
}

.project-detail > .list-item ul li i {
  color: #333;
  width: 20px;
  text-align: center;
}

.project-detail .employer .list-item ul li a i {
  margin-right: 2px;
}

.project-detail .employer ul li.active a i {
  margin-right: 3px;
}

.project-detail .employer .list-item.first ul li a i {
  width: 20px !important;
  text-align: center !important;
  margin-right: 4px;
}

.project-detail .list-item {
  margin-bottom: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #ededed;
  padding-top: 20px;
  padding-left: 15px;
  display: grid;
  justify-content: center;
}
.project-detail .list-item:last-child {
  border: none !important;
}

.project-detail .list-item b {
  margin-bottom: 10px;
  display: block;
  text-align: center;
}

.project-detail .content-text {
  margin-top: 30px;
  padding: 0 10px;
}

.project-detail .content-text .text h6 {
  font-weight: 600;
  margin-bottom: 10px;
}

.project-detail .content-text .text p {
  line-height: 20px;
  overflow: auto;
  color: #000;
  word-wrap: break-word;
  margin: 5px 0;
}

.project-detail .content-text .box {
  margin-top: 25px;
}

.project-detail .content-text .box li {
  margin: 0 10px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
}

.project-detail .content-text .box li:before {
  display: none;
}

.project-detail .employer {
  background: #fff;
  padding: 15px;
}

.project-detail .employer ul li {
  margin-bottom: 10px;
  display: block;
}

.project-detail .employer ul li a {
  font-size: 15px;
  color: #000;
  text-decoration: none;
}

.project-detail .employer ul li a i {
  margin-right: 0px;
}

.project-detail .employer ul li.active a i {
  color: #009c9c;
}

.project-detail .employer .company-logo img {
  width: 120px;
  height: 120px;
}

.project-detail .employer .company-logo {
  margin-bottom: 15px;
}

.project-detail .box ul {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 11px 0;
}

.project-detail .content-area {
  margin-top: 20px;
}

.project-detail .jbsdetpg .jobspgtitle .job-title span {
  font-size: 21px;
  padding: 10px 20px;
  border-radius: 10px;
}

.project-detail .jbsdetpg .jobspgtitle .summary p {
  font-size: 23px;
}

.service-account .project-list-page {
  margin-bottom: 15px !important;
}

.service-account .project-item {
  margin-top: 15px !important;
}

.project-detail .top-icons {
  position: relative;
  top: 2px !important;
  margin-left: 0 auto;
  margin-right: 0 !important;
  /* float: right !important; */
  display: inline-block;
  position: relative;
  top: 7px;
  left: -9px;
}

.project-detail .title {
  margin: 10px 0;
  padding: 10px 0;
  margin-top: 10px;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 15px;
  padding-bottom: 20px;
  padding-left: 0;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.project-detail-two .text-desc.text .box ul li {
  font-size: 15px;
}

.project-detail .title span {
  font-size: 22px;
  font-weight: 600;
  color: #000;
  min-height: 25px;
  word-wrap: break-word;
  max-width: calc(100% - 200px);
}

.project-detail .box h2 {
  margin-top: 0 !important;
}

.project-detail .counter {
  position: absolute;
  right: 150px;
  top: 15px;
}

.project-detail .counter i {
  margin-right: 7px;
}

.project-detail .left-sec {
  background: #fff;
  padding: 15px;
  padding-top: 0;
  margin-bottom: 30px;
}

.jobs-pagee.project-detail .box h2 {
  font-size: 17px;
}

.cardsContainer a {
  text-decoration: none !important;
}

.city-text h5,
.jobtype-text h5 {
  font-weight: 400;
  font-size: 13px !important;
  line-height: 25px;
  color: #454545;
}

.city-text span,
.jobtype-text span {
  font-weight: 400;
  font-size: 15px;
  display: inline-block;
  color: #000;
  color: #454545;
}

.jobtype-text h6 {
  font-weight: 400;
  font-size: 15px;
  line-height: 25px;
  color: #454545;
}

.visit-profile i {
  margin-right: 7px;
}

.job-exp {
  font-weight: 400;
  margin-bottom: 30px;
  font-size: 15px;
  line-height: 19px;
  color: #333;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.daysAgo {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #454545;
}

.text-align-end {
  text-align: end;
}

.text-align-center {
  text-align: center;
}

.text-align-start {
  text-align: start;
}

.job-location {
  display: flex;
}

.job-location a {
  margin-right: 0 !important;
}

.job-location .city-text {
  margin-right: 0 !important;
}

.jobtype-text h6 {
  font-size: 15px !important;
  line-height: 25px;
}

.job-exp {
  font-size: 14px;
}

.city-text h5, .jobtype-text h5 {
  font-size: 14px !important;
}

.conversation {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.warnMessage {
  font-size: 12px;
  color: #333;
  font-size: 12px;
  color: #333;
  text-align: center;
  margin-top: 0;
  background: #f2f2f2;
  color: #000;
  padding: 10px;
  margin-right: 11px;
  margin: 0;
  width: 94%;
}

.tab-content .warnMessage {
  font-size: 13px;
  color: #333;
  text-align: center;
  margin-top: 0;
  background: #f2f2f2;
  color: #000;
  padding: 17px;
  margin-right: 11px;
  width: 98%;
}

@media only screen and (max-width: 1200px) {
  .text-sec .container-works {
    max-width: 100% !important;
  }
  .text-sec .container-works .works-item {
    margin-bottom: 15px !important;
  }
  .project-page .h100 .bg-white {
    display: flex;
    align-content: center;
  }
  .laila-all {
    margin-bottom: 0 !important;
  }
  header {
    z-index: 999;
  }
  .myAccount .accountdelete label {
    font-size: 15px;
  }
  .myAccount .accountdelete .form-check .textcstm {
    margin-left: 25px;
  }
  .myAccount .accountdelete label {
    margin-bottom: 3px;
  }
  .myAccount .accountdelete .form-check {
    margin-bottom: 0.125rem;
    padding: 17px 20px;
    border: 1px solid #f0f0f0;
    margin-bottom: 17px;
    width: 99%;
  }
  .myAccount .accountdelete p {
    line-height: 18px;
  }
  .myAccount .accountdelete h2 {
    font-size: 17px;
  }
  .myAccount .accountdelete p {
    font-size: 13px;
    line-height: 18px;
  }
  li.formobile.specialm {
    text-align: center;
    padding-top: 10px;
  }
  li.formobile.specialm a {
    display: inline !important;
    background: transparent;
    border: none;
    padding: 0 !important;
  }
  li.formobile.specialm span a {
    position: relative;
    top: 4px;
    border-left: 1px solid #ccc;
    padding-left: 10px !important;
  }
  .openMenu {
    top: 4px;
  }
  .invite-page-two {
    margin-top: 0 !important;
  }
  .invite-page-two .section .col-xl-6:first-child .item {
    margin-bottom: 40px !important;
  }
  .jobs-pagee.jobs-two .top-icons {
    right: 0 !important;
  }
  .leftspec {
    visibility: hidden;
  }
  .filter {
    width: 100% !important;
  }
  .with-description .service-item h2 {
    font-size: 17px;
  }
  .with-description .service-item p {
    font-size: 14px;
    line-height: 23px;
  }
}
.company-logo {
  text-align: center;
}

.company-logo img {
  width: 180px;
  height: 180px;
  object-fit: cover;
}

.createpage .form-check-input {
  margin-right: 3px !important;
  margin-top: 0;
}

.service-page.createpage #location-filter {
  width: 100% !important;
  min-width: 340px;
}

.jobs-two .breadcrumb {
  margin-bottom: 0 !important;
}

.job-title {
  margin: 10px 20px;
  color: #fff;
}

.job-title span {
  background: #FE9900;
  padding: 2px 55px;
  font-weight: 400;
  font-size: 25px;
  line-height: 48px;
}

.jobs-pagee .box.right-cstm ul li:before {
  content: "+";
  font-weight: 900;
  margin-right: 6px;
  font-family: "Font Awesome 5 Free";
  color: #FE9900;
}

.jobs-pagee .box {
  background: #FFF;
  padding: 20px 30px;
}

.jobs-pagee .box h2 {
  font-weight: 600;
  font-size: 23px;
  line-height: 29px;
  margin-top: 15px;
  text-align: center;
}

.jobs-pagee .box ul {
  padding-top: 20px;
}

.jobs-pagee .box ul li {
  font-weight: 400;
  font-size: 16px;
  display: flex;
  align-items: flex-start;
  margin-bottom: 16px;
  position: relative;
  padding-left: 22px;
  line-height: 19px;
  word-break: break-word;
}

.no-follower {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  flex-direction: column;
}
.no-follower h5 {
  font-size: 26px;
  color: #333;
  font-weight: 600;
}
.no-follower h6 {
  font-size: 18px;
  margin-top: 5px;
  font-weight: 400;
  color: #5a5a5a;
}
.no-follower img {
  display: block;
}

.jobs-pagee .box ul li p::first-line {
  padding-left: 15px;
}

.jobs-pagee .box ul li:before {
  content: "\f00c";
  font-weight: 900;
  display: inline-block;
  height: 32px;
  margin-right: 6px;
  font-family: "Font Awesome 5 Free";
  color: #FE9900;
  margin-right: 10px;
  position: absolute;
  top: 0;
  left: 0;
}

.jobs-pagee .box-extra li {
  padding-left: 30px !important;
}
.jobs-pagee .box-extra li:before {
  top: 10px !important;
  left: 8px !important;
}

.bg-gray {
  background: #F0F0F0;
}

.text-normal p {
  font-weight: 400;
  font-size: 17px;
  line-height: 21px;
}

.text-bold span {
  font-weight: 600;
  font-size: 25px;
  line-height: 30px;
  color: #000;
}

.btn-white {
  border: 1px solid #bfbfbf;
  padding: 5px 25px;
  border-radius: 2px;
}

.outbox {
  width: 100%;
  max-width: 450px;
  margin: 0 auto;
}

.outbox label {
  margin: 7px 0;
}

.outbox input,
.message-outbox textarea {
  border-radius: 2px;
}

.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.attach-btn {
  border: none;
  color: #717171;
  background-color: transparent;
  padding: 8px 0px;
  border-radius: 8px;
  font-size: 20px;
  font-weight: bold;
  margin-right: 10px;
}

.upload-btn-wrapper input[type=file] {
  font-size: 20px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.message-outbox input {
  margin-right: 7px;
}

.title-normal {
  font-weight: 400;
  font-size: 26px;
  line-height: 33px;
}

.account-boxs {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  padding: 30px;
  margin-bottom: 50px;
}

.favorite-page {
  margin: 80px 0;
  margin-bottom: 120px;
}

.box-rectangle {
  border: 1px solid #dadada;
  text-align: center;
  padding: 40px 15px !important;
  max-width: 260px;
  margin: 0 auto;
  margin-bottom: 20px;
}

.box-rectangle i {
  font-size: 35px;
  color: #FE9900;
  margin-bottom: 20px;
}

.project-one .content {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

.link h2 {
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  color: #000000;
}

.account-boxs .row {
  margin-top: 30px;
}

.video-box {
  max-width: 626px;
  max-height: 777px;
  margin: 60px auto;
}

.heigh-100vh {
  min-height: 100vh;
}

.title-page {
  padding: 40px 0;
  margin: 20px 0;
}

.left-side div {
  margin-bottom: 15px;
  text-align: center;
}

.left-side .btn-white {
  width: 100%;
  max-width: 250px;
}

.left-side img {
  width: 100%;
  max-height: 230px;
}

.center-piece {
  padding: 5px 0;
}

.center-piece p {
  padding: 5px 0px;
  font-weight: 400;
  font-size: 15px;
  line-height: 21px;
}

.btn-border {
  border: 1px solid #000000;
  border-radius: 10px;
  background: transparent;
  padding: 5px 30px;
  margin: 10px 2px;
}

.btn-border:hover {
  border: 1px solid #959595;
  color: #fe9900;
}

.btn-border-lg {
  border: 1px solid #000000;
  border-radius: 10px;
  background: transparent;
  width: 100%;
  margin: 10px 2px;
}

.col-autox {
  margin: 20px auto auto;
  padding: 0 0 0 30px;
}

.btn i {
  font-size: 20px;
}

.text-align-end img {
  width: 25px;
  margin-top: 3px;
}

.containerIn {
  margin: 20px 0 40px 0;
}

.containerIn .row {
  margin-bottom: 15px;
}

.InptBox {
  margin: 30px 0;
}

.InptBox h3 {
  font-weight: 600;
  font-size: 17px;
  line-height: 24px;
}

.InptBox input {
  display: block;
  margin-top: 10px;
  border: 1px solid #C2C2C2;
  padding: 4px 10px;
  max-width: 270px;
  width: 100%;
  height: 40px;
}

.InptBox p {
  margin-top: 50px;
  font-weight: 300;
  font-size: 16px;
  line-height: 23px;
}

.InptBox input::placeholder {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
}

.InptBox button {
  margin-top: 30px;
}

.text-box span {
  font-weight: 600;
  font-size: 17px;
  line-height: 24px;
}

.text-box p {
  font-weight: 500;
  font-size: 17px;
  line-height: 24px;
  max-width: 750px;
  width: 100%;
}

.pricing-subs .box-three .text-box p {
  padding: 0 20px;
}

.center-piece .boxBg {
  border: 1px solid #D0D0D0;
  width: 100%;
  height: 560px;
}

.center-piece .form-group .form-select {
  max-width: 250px;
  width: 100%;
  padding: 8px 13px;
  margin-bottom: 10px;
}

.h-70 {
  height: 70px;
}

.card-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 36px;
  text-align: center;
}

.jobs-text p span {
  font-weight: 400;
  font-size: 23px;
  line-height: 23px;
  display: block;
}

.vacancies .company-text h6 {
  font-weight: 400;
  font-size: 22px;
  line-height: 27px;
  display: block;
}

input::placeholder {
  box-shadow: 0 !important;
}

select::placeholder {
  box-shadow: 0 !important;
}

.vacancies .active-text {
  top: 20px;
}

.vacancies .active-text .form-check {
  position: relative;
  top: 0px;
}

.with-loca {
  margin-top: 20px;
}

.with-loca h6 {
  margin-bottom: 10px;
  font-weight: 600;
}

.with-loca .form-check {
  display: inline-flex;
  align-items: center;
  margin-right: 30px;
  line-height: 22px;
}
.with-loca .form-check label {
  margin-bottom: 0 !important;
  margin-left: 4px;
}

.new-section {
  margin-top: 30px;
}

.new-section .nav-tabs {
  border: none;
}

.new-section .nav-tabs .nav-link {
  border: 2px solid #efefef;
  color: #000;
  margin-left: 10px;
  padding: 10px 20px;
  border-radius: 4px !important;
  position: relative;
}

.new-section .nav-tabs .nav-link.active {
  border: 2px solid #FE9900;
  background: #FE9900;
  color: #fff;
}

.new-section .nav-tabs .nav-link.active:before {
  content: "\f0d7";
  font-family: "FontAwesome";
  color: #FE9900;
  position: absolute;
  bottom: -12px;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
  font-size: 19px;
}

.new-section .nav-tabs .nav-item:first-child .nav-link {
  margin-left: 0;
}

.new-section .center-piece {
  margin-top: 10px;
}

.new-section .center-piece .boxBg {
  border: none;
  width: 100%;
  height: 460px;
  border-radius: 4px;
}

.job-ads-w .new-section {
  margin-top: 0;
}

.job-ads-w .new-section .center-piece {
  margin-top: 0;
}

.myVacanciesEdit-page .edt-content {
  margin-top: 0;
}

.myVacanciesEdit-page .edt-content li {
  line-height: 23px;
  position: relative;
  font-size: 14px;
  margin-bottom: 10px;
}

.myVacanciesEdit-page .edt-content li:before {
  content: "\f00c";
  font-weight: 900;
  margin-right: 6px;
  font-family: "Font Awesome 5 Free";
  color: #FE9900;
}

.myVacanciesEdit-page .multi-field select {
  height: 45px;
  padding: 10px 40px;
}

.myVacanciesEdit-page .languages .form-item {
  margin-bottom: 15px !important;
  margin-right: 15px;
}

.myVacanciesEdit-page .languages {
  margin-top: 20px !important;
}

.myVacanciesEdit-page .btn-add {
  background: #fff;
  color: #000;
  display: block;
  max-width: 482px;
  border: 1px solid #CECECE;
  padding: 9px;
}

.myVacanciesEdit-page .box-upl .image {
  margin-top: 10px;
  margin-bottom: 20px;
  border-radius: 7px;
}

.myVacanciesEdit-page .needs-validation h6 {
  font-weight: 600;
  margin-bottom: 10px;
}

.myVacanciesEdit-page .needs-validation .edt-text {
  max-width: 100% !important;
  width: 100%;
  margin-bottom: 15px;
}

.myVacanciesEdit-page .needs-validation .edt-text h6 {
  font-weight: 600;
}

.needs-validation .filter .filter-content-inner .filter-box select {
  margin-bottom: 20px;
  line-height: 20px;
}

.vacancies .job-edit-btn {
  float: right;
  margin-top: 5px;
}

.vacancies .job-edit-btn a {
  color: #FE9900;
  font-size: 19px;
}

.vacancies .job-card, .vacancies .project-page .project-item, .project-page .vacancies .project-item {
  margin-bottom: 25px;
}

.vacancies .job-opt .form-group {
  display: flex;
}

.vacancies .job-opt .form-group label {
  margin-right: 15px;
  min-width: 90px;
  margin-top: 6px;
}

.vacancies .job-opt .form-select {
  min-width: 130px;
}

.vacancies .text-cstm {
  margin-top: 20px;
}

.vacancies .text-cstm p {
  font-weight: 400;
  margin-bottom: 30px;
  font-size: 13px;
  line-height: 19px;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

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

.job-card .company-text {
  padding-right: 0 !important;
  width: auto !important;
  padding-left: 0 !important;
  height: auto !important;
  padding-bottom: 5px;
}

.project-page .project-item .company-text {
  padding-right: 0 !important;
  width: 100% !important;
  padding-left: 0 !important;
  height: auto !important;
  padding-bottom: 5px;
}

.service-page .question nav {
  position: relative !important;
  bottom: 20px;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
}

.sevenservice-page #full-stars-example-two .rating__icon--star {
  color: orange;
}

.project-page .project-item .company-text h4 {
  position: relative;
  padding-left: 10px;
}

.project-page .project-item .company-text h4:before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 2px;
  background: #FE9900;
  height: 80%;
}

.project-page .project-item .company-text h6 {
  position: relative;
  padding-left: 10px;
  font-weight: 500;
}

.project-page .project-item .company-text h6:before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 2px;
  background: #FE9900;
  height: 80%;
}

.myAccount .job-card .text-left, .myAccount .project-page .project-item .text-left, .project-page .myAccount .project-item .text-left {
  float: left;
}

.myAccount .job-card .text-left li, .myAccount .project-page .project-item .text-left li, .project-page .myAccount .project-item .text-left li {
  margin: 0 3px;
}

.myAccount .job-card .text-left li:last-child, .myAccount .project-page .project-item .text-left li:last-child, .project-page .myAccount .project-item .text-left li:last-child {
  margin-left: 3px !important;
}

.myAccount .job-card .text-left li:first-child, .myAccount .project-page .project-item .text-left li:first-child, .project-page .myAccount .project-item .text-left li:first-child {
  margin-left: 0 !important;
}

.myAccount .job-card .text-left li i, .myAccount .project-page .project-item .text-left li i, .project-page .myAccount .project-item .text-left li i {
  color: #000;
  font-size: 18px;
}

.myAccount .job-card .text-left li i.fa-facebook-f, .myAccount .project-page .project-item .text-left li i.fa-facebook-f, .project-page .myAccount .project-item .text-left li i.fa-facebook-f {
  color: #4267B2;
}

.myAccount .job-card .text-left li i.fa-instagram, .myAccount .project-page .project-item .text-left li i.fa-instagram, .project-page .myAccount .project-item .text-left li i.fa-instagram {
  color: #E1306C;
}

.myAccount .job-card .text-left li i.fa-linkedin, .myAccount .project-page .project-item .text-left li i.fa-linkedin, .project-page .myAccount .project-item .text-left li i.fa-linkedin {
  color: #0A66C2;
}

.myAccount .job-card .text-left li i.fa-envelope, .myAccount .project-page .project-item .text-left li i.fa-envelope, .project-page .myAccount .project-item .text-left li i.fa-envelope {
  color: #FE9900;
}

.job-opt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

.job-opt .form-group label {
  margin-bottom: 0.5rem;
}

.job-opt .btn-cstm {
  padding: 3px 15px;
  font-size: 16px;
  font-weight: 400;
  border-radius: 3px;
}

.job-opt .fa-arrow-right {
  font-size: 14px;
  margin-left: 5px;
}

.myAccount .job-opt {
  border-top: 1px dotted #ccc;
  padding-top: 22px;
}

.job-edit-btn a {
  text-decoration: none;
  color: #5c5c73;
  display: flex;
  align-items: center;
}

.job-edit-btn span {
  font-size: 30px;
  border: 1px solid gray;
  padding: 0 10px;
  margin-left: 6px;
}

.center-piece .boxSm {
  max-width: 300px;
  width: 100%;
  height: 161px;
  overflow-y: auto;
}

.center-piece .boxMd {
  height: 161px;
  max-width: 550px;
  width: 100%;
}

.box-upl .center-piece {
  display: flex;
  align-items: center;
  justify-content: end;
}

.box-upl .center-piece span {
  margin-left: 15px;
}

.edt-text {
  display: flex;
  justify-content: center;
  flex-direction: column;
  max-width: 550px;
  width: 100%;
}

.edt-text h2 {
  font-weight: 400;
  font-size: 18px;
  line-height: 40px;
}

.edt-text input {
  padding: 10px;
}

.section-md {
  max-width: 1180px;
  margin: 20px auto;
}

.myVacanciesEdit-page .myAccount .section-md {
  margin: 20px auto;
  margin-top: 40px;
  margin-bottom: 0 !important;
}

.job-att {
  text-align: center;
  list-style: disc;
  padding: 20px 35px;
  height: 100%;
  overflow-y: auto;
}

.job-att li {
  padding: 5px 0;
}

.prof-pic {
  position: relative;
  max-width: 150px;
}

.prof-pic .avatar-edit {
  position: absolute;
  right: 12px;
  z-index: 1;
  top: 10px;
}

.prof-pic .avatar-edit input {
  display: none;
}

.prof-pic .avatar-edit input + label {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin-bottom: 0;
  border-radius: 100%;
  background: #FFFFFF;
  border: 1px solid transparent;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
}

.prof-pic .avatar-edit input + label:hover {
  background: #f1f1f1;
  border-color: #d6d6d6;
}

.prof-pic .avatar-edit input + label:after {
  content: "\f040";
  font-family: "FontAwesome";
  color: #757575;
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
}

.prof-pic .avatar-preview {
  width: 150px;
  height: 150px;
  position: relative;
  border-radius: 100%;
  border: 6px solid #F8F8F8;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.prof-pic .avatar-preview > div {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.lang-edit {
  margin-right: 10px;
  max-width: 440px;
  width: 100%;
  margin-top: 10px;
}

.lang-edit .chosen-container {
  width: 100% !important;
}

.add-btn {
  margin-top: 20px;
}

.add-btn input {
  max-width: 250px;
  width: 100%;
}

.add-btn button {
  max-width: 200px;
  width: 100%;
  padding: 10px;
}

.paymnt-top {
  display: block;
  text-align: center;
}

.paymnt-top .title-page {
  display: inline-block;
  width: 100%;
}

.paymnt-top .paymnt-step {
  display: inline-block;
  background: #FFFFFF;
  border-radius: 40px;
}

.paymnt-top a {
  text-decoration: none;
  font-weight: 300;
  font-size: 17px;
  line-height: 21px;
  color: #000;
  padding: 10px 35px;
  line-height: 42px;
}

.paymnt-top a:hover {
  color: #FFE4BA;
}

.paymnt-top .paymnt-step .active {
  background: #FFE4BA;
}

.paymnt-top .progres-border {
  background: #FFFFFF;
  border-radius: 150px;
  display: inline-block;
  width: 200px;
  float: right;
  width: 235px;
  height: 37px;
}

.paymnt-top .progres-border .progres-color {
  background: #1EACFD;
  border-radius: 33px 30px 30px 33px;
  width: 33%;
  height: 37px;
}

.section .ad-title {
  position: relative;
}

.section .ad-title h2 {
  font-size: 23px;
}

.section .ad-title p {
  margin: 10px 0;
  font-size: 17px;
  width: 100%;
}

.section .ad-title:after {
  content: "";
  background: #D9D9D9;
  position: absolute;
  height: 2px;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 100%;
}

#menu {
  right: 120px;
  width: auto;
  z-index: 999;
  border-radius: 7px;
  min-width: 200px;
}

.chat-dots {
  cursor: pointer;
}

.ads-prices {
  display: flex;
  max-width: 450px;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}

.ads-prices .chckTxt {
  display: inherit;
  align-items: center;
}

.ads-prices input {
  width: 30px;
  height: 13px;
}

.ads-prices p {
  font-size: 20px;
}

.boxSm p {
  padding: 13px;
}

.section .center-piece {
  margin: 0 0;
}

.section .center-piece .searchTextField {
  padding: 10px;
}

.section .center-piece .boxBg {
  border-radius: 5px;
  height: 350px;
}

.payment-table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

.payment-table tr {
  background-color: #fff;
  border: 1px solid #f0f0f0;
  padding: 0.35em;
  color: #6D6D6D;
}

.service-account input {
  position: relative;
  top: 0px;
}

.service-account .service-page .add-section .btn-cstm {
  width: 30%;
  padding: 8px 5px !important;
  margin-top: 0 !important;
}

.service-account .text {
  margin-top: 15px !important;
}

.service-account .service-page {
  margin-top: 15px !important;
}

.needs-validation.addcss input {
  position: relative;
  top: -4px !important;
}

.username-page label {
  display: block;
  margin-bottom: 15px;
}

.username-page .form-check input {
  position: relative;
  top: -3px;
}

.payment-table th,
.payment-table td {
  padding: 0.925em;
  text-align: center;
  color: #6D6D6D;
  font-weight: 500;
  font-size: 14px;
}

.payment-table th {
  letter-spacing: 0.1em;
  font-weight: 500;
  font-size: 15px;
}

.payment-table th:nth-child(1) {
  width: 230px;
  text-align: start;
}

.payment-table th:nth-child(2) {
  text-align: start;
}

.payment-table th:nth-child(4) {
  width: 200px;
}

.payment-table td:nth-child(1) {
  text-align: start;
}

.table-title {
  margin: 15px 0;
}

.table-title p {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
}

/*
@media screen and (max-width: 600px) {
    .payment-table {
        border: 0;
    }
    .payment-table caption {
        font-size: 1.3em;
    }
    .payment-table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    .payment-table tr {
        border-bottom: 3px solid #ddd;
        display: block;
        margin-bottom: .625em;
    }
    .payment-table td {
        border-bottom: 1px solid #ddd;
        font-size: .8em;
        text-align: right !important;
    }
    .payment-table td::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        color: #6D6D6D;
        text-transform: uppercase;
    }

}
*/
.pymnt-box {
  margin: 6px 0;
  padding: 14px 0px;
  background: #f8f8f8;
}

.pymnt-box img {
  max-width: 100%;
  width: 100%;
  height: 50px;
}

.pymnt-option {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.pymnt-option h2 {
  font-weight: 600;
  font-size: 18px;
}

.pymnt-option p {
  font-weight: 300;
  font-size: 15px;
}

.pymnt-select {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pymnt-select input[type=checkbox] {
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  outline: none;
  content: none;
}

.pymnt-select input[type=checkbox]:before {
  font-family: "FontAwesome";
  content: "\f00c";
  font-size: 19px;
  color: transparent !important;
  background: transparent;
  display: block;
  width: 30px;
  height: 30px;
  border: 1px solid #acacac;
  padding: 5px;
  border-radius: 3px;
}

.pymnt-select input[type=checkbox]:checked:before {
  color: #fe9900 !important;
}

.pymnt-btn {
  margin: 60px 0;
}

.pymnt-btn button {
  padding: 11px 25px;
  border-radius: 10px;
  font-weight: 500px;
}

.pymnt-btn button:nth-child(1) {
  background: #6DBC60;
  color: #fff;
}

.container-medium {
  max-width: 760px;
  margin: 0 auto;
}

.job-title-card {
  margin: 0 auto;
  text-align: center;
}

.job-title-card h2 {
  border: 1px solid #bbbbbb;
  margin: auto;
  min-height: 200px;
  display: block;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.carrier-jobs ul {
  text-align: center;
}

.carrier-jobs ul li {
  margin-top: 10px;
}

.carrier-jobs ul li span {
  padding: 9px 10px;
  border: 1px solid gray;
  display: inline-block;
  border-radius: 5px;
  width: 100%;
  max-width: 270px;
}

.carrier-jobs h3 {
  text-align: center;
  font-weight: 600;
  margin-top: 10px;
}

.carrier-jobs .row {
  margin: 50px auto;
}

.pc-tab > input,
.pc-tab .sectionx > div {
  display: none;
}

#tab1:checked ~ .sectionx .tab1,
#tab2:checked ~ .sectionx .tab2,
#tab3:checked ~ .sectionx .tab3,
#tab4:checked ~ .sectionx .tab4 {
  display: block;
}

.pc-tab ul .tab1 label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.pc-tab ul .tab4 label {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.service-page .text-container ul li span {
  display: flex;
  width: 64%;
  word-break: break-word;
}

.sevenservice-page .text-sec ul li b {
  width: 36%;
  font-size: 14px;
  word-break: break-word;
}

.sevenservice-page.newprofiledesign .text-sec ul.date-roc li b {
  width: auto !important;
  word-break: initial !important;
  float: initial !important;
}

.pc-tab {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

.pc-tab ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

.pc-tab ul li {
  display: flex;
}

.pc-tab ul li label {
  padding: 15px 25px;
  border: 1px solid #ddd;
  border-bottom: 0;
  background: #fff;
  color: #000;
  text-align: center;
}

.pc-tab ul li label:hover {
  background: #989797;
  cursor: pointer;
  color: #FE9900 !important;
}

.pc-tab ul li label:active {
  background: #989797;
  cursor: pointer;
}

.pc-tab ul li:not(:last-child) label {
  border-right-width: 0;
}

.pc-tab .sectionx {
  clear: both;
  display: flex;
  justify-content: space-around;
}

.pc-tab .sectionx .tab1 .row,
.pc-tab .sectionx .tab2 .row,
.pc-tab .sectionx .tab3 .row,
.pc-tab .sectionx .tab4 .row {
  padding: 10px;
  line-height: 1.5em;
  letter-spacing: 0.3px;
  color: #000;
}

.pc-tab .sectionx .tab1 .row h2,
.pc-tab .sectionx .tab2 .row h2,
.pc-tab .sectionx .tab3 .row h2,
.pc-tab .sectionx .tab4 .row h2 {
  margin: 0;
  letter-spacing: 1px;
  color: #000;
}

.pc-tab .sectionx .tab1 .row .col-lg-4,
.pc-tab .sectionx .tab2 .row .col-lg-4,
.pc-tab .sectionx .tab3 .row .col-lg-4,
.pc-tab .sectionx .tab4 .row .col-lg-4 {
  margin-top: 20px;
}

.pc-tab .sectionx .tab1 .row .col-lg-4 div,
.pc-tab .sectionx .tab2 .row .col-lg-4 div,
.pc-tab .sectionx .tab3 .row .col-lg-4 div,
.pc-tab .sectionx .tab4 .row .col-lg-4 div {
  background: #fff;
  padding: 17px 24px;
  border-radius: 12px;
  min-height: 175px;
  height: 100%;
}

.pc-tab .sectionx .tab1 .row .col-lg-4 div h2,
.pc-tab .sectionx .tab2 .row .col-lg-4 div h2,
.pc-tab .sectionx .tab3 .row .col-lg-4 div h2,
.pc-tab .sectionx .tab4 .row .col-lg-4 div h2 {
  font-size: 17px;
  font-weight: 700;
}

.pc-tab .sectionx .tab1 .row .col-lg-4 div img,
.pc-tab .sectionx .tab2 .row .col-lg-4 div img,
.pc-tab .sectionx .tab3 .row .col-lg-4 div img,
.pc-tab .sectionx .tab4 .row .col-lg-4 div img {
  margin: 5px 0;
}

.pc-tab .sectionx .tab1 .row .col-lg-4 div p,
.pc-tab .sectionx .tab2 .row .col-lg-4 div p,
.pc-tab .sectionx .tab3 .row .col-lg-4 div p,
.pc-tab .sectionx .tab4 .row .col-lg-4 div p {
  font-weight: 400;
  font-size: 15px;
  line-height: 21px;
  margin-top: 4px;
}

.cat-cstmm {
  margin-bottom: 15px;
}

.profile .fa-star {
  color: #ccc;
}

.profile .fa-star:hover {
  color: #fe9900;
}

.cat-cstmm-two {
  margin-bottom: 15px;
  margin-top: 15px;
}

#tab1:checked ~ .sectionx .tab1 label,
#tab2:checked ~ .sectionx .tab2 label,
#tab3:checked ~ .sectionx .tab3 label,
#tab4:checked ~ .sectionx .tab4 label {
  background: #989797;
  color: #fff;
}

.alt-text {
  margin: 30px 0;
  margin-top: 15px;
}

.campaign-page .alt-text {
  margin-top: 0;
}

.alt-text h2 {
  font-size: 20px;
}

.alt-text .page-title h2 {
  font-size: 50px;
}

.alt-text h3 {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}

.alt-text h1 {
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  margin: 5px 0;
}

.alt-text p {
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  margin: 15px 0;
}

.alt-text ol {
  list-style: auto;
  margin: 5px;
  padding: 5px;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}

.alt-text ol li {
  list-style: auto;
  margin: 5px;
  padding: 5px;
}

.alt-text .container-medium img {
  width: 100%;
}

.veri-page .text-left .btn {
  text-decoration: underline;
  padding-left: 0;
  color: #fe9a01;
  font-size: 14px;
  margin-top: 10px;
}

span.split {
  margin-left: 9px;
  margin-bottom: 9px;
  margin-top: 10px;
  display: block;
}

.new-menu ul li ul li a {
  background: transparent !important;
  padding: 9px 0 !important;
  font-size: 15px !important;
}

.change-pass .input-field p {
  margin-bottom: 20px;
}

.login-page.change-pass .btn-send {
  margin-top: 13px !important;
}

.change-pass .input-field input {
  margin-bottom: 12px;
}

.change-pass .needs-validation .form-control {
  margin-bottom: 12px;
}

.section .text-bold h1 {
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  padding: 15px 0 15px 20px;
}

.section .text-bold .alt-text p {
  margin: 0;
}

.i-cstm {
  margin-top: 50px;
  text-align: center;
}

.i-cstm i {
  font-size: 40px;
  color: #FE9900;
}

.info-boxes {
  margin: 30px 0;
  max-width: 950px;
  margin: 0 auto;
  margin-bottom: 50px;
}

.info-boxes .box-content {
  margin: 20px 10px;
  padding: 0;
  text-align: center;
  line-height: 25px;
  text-align: left;
}

.info-boxes .box-content h4 {
  font-size: 20px;
  font-weight: 700;
  color: #000;
}

.info-boxes .box-content p {
  font-size: 16px;
  line-height: 27px;
  margin: 15px 0;
  color: #000;
  font-weight: 500;
}

.info-boxes .middle {
  display: flex;
  align-items: center;
  justify-content: center;
}

.info-boxes .middle .box-content-flex {
  min-height: 50%;
  width: 80%;
  text-align: center;
  line-height: 25px;
}

.why-item {
  margin-bottom: 0;
  padding: 60px 0;
  border-bottom: 2px dotted #FE9900;
}

.karriere {
  margin-top: 40px;
}

.karriere .title-second {
  margin: 40px 0;
}

.karriere .title-second p {
  margin-top: 30px;
}

.karriere .center-img div {
  text-align: center;
}

.karriere .center-img div img {
  max-width: 800px;
  width: 100%;
}

.karriere .sctnav {
  position: relative;
}

.karriere .sctnav .text-bold {
  margin: 40px 0;
}

.list-avaible {
  text-align: left;
  margin-left: 20px;
}

.list-avaible li {
  margin-bottom: 12px;
  display: flex;
  width: 100%;
}

.list-avaible span {
  display: flex;
  width: 64%;
}

.list-avaible b {
  width: 36%;
  float: left;
}

.pagination-all {
  text-align: center;
  margin-bottom: 40px;
}
.pagination-all .btn-secondary {
  color: #fff;
  background-color: #e7e7e7;
  border-color: transparent;
  color: #000;
}
.pagination-all .btn-secondary:hover {
  background-color: #fe9a01;
  color: #fff;
}
.pagination-all .btn-warning {
  color: #fff;
  background-color: #fe9a01;
  border-color: #fe9a01;
}
.pagination-all .pagination i {
  font-size: 16px;
}

.sevenservice-page .profile.right {
  padding-bottom: 30px;
}

.profile.right .bar-percentage {
  width: 15%;
}

.profile.right .bar-main-container {
  text-align: left;
  padding-left: 30px;
}

.service-d-last .bar-main-container {
  padding-left: 17px !important;
}
.service-d-last .bar-main-container b {
  font-weight: 700;
  font-size: 16px;
  float: left;
  width: 36%;
}
.service-d-last .bar-main-container .bar-container {
  width: calc(60% - 43px);
}
.service-d-last .bar-main-container .bar-percentage {
  width: 15%;
  margin-right: 13px;
}

.service-d-last .profile.right .list-avaible .bar-main-container {
  padding-left: 0 !important;
}
.service-d-last .profile.right .list-avaible .bar-main-container .availability-type {
  font-size: 16px !important;
}

.jobs-page .filter-box label {
  margin-bottom: 10px;
}

.jobs-page .cardsContainer {
  margin: 0px 0;
}

.jobs-page .cardsContainer .job-location {
  margin: 15px 0;
}

.jobs-page .cardsContainer .job-exp {
  margin: 25px 0;
}

.jobs-page .cardsContainer .job-card, .jobs-page .cardsContainer .project-page .project-item, .project-page .jobs-page .cardsContainer .project-item {
  margin-bottom: 30px;
}

.jobs-page .cardsContainer .job-card .text-left, .jobs-page .cardsContainer .project-page .project-item .text-left, .project-page .jobs-page .cardsContainer .project-item .text-left {
  float: left;
}

.jobs-page .cardsContainer .job-card .text-left li, .jobs-page .cardsContainer .project-page .project-item .text-left li, .project-page .jobs-page .cardsContainer .project-item .text-left li {
  font-weight: 400;
  font-size: 16px;
  display: inline-block;
  color: #000;
}

.top-mail {
  background: #FE9900;
  text-align: center;
  color: #fff;
  padding: 13px;
}

.jbsdetpg .jobspgtitle {
  margin-top: 10px;
  background-image: url(../img/bgyellow.svg);
  background-size: cover;
  background-position: center center;
  background-attachment: scroll;
  background-repeat: no-repeat;
  padding: 80px;
}

.jbsdetpg .jobspgtitle .row {
  justify-content: center;
}

.jbsdetpg .jobspgtitle .company-logo {
  text-align: center;
}

.jbsdetpg .jobspgtitle .job-title {
  text-align: center;
  margin-top: 20px;
}

.jbsdetpg .jobspgtitle .job-title span {
  font-size: 26px;
  padding: 10px 20px;
  border-radius: 10px;
  width: 880px;
  word-wrap: break-word;
  margin: 0 auto;
}

.jbsdetpg .jobspgtitle .summary {
  text-align: center;
  margin: 20px 0;
}

.jbsdetpg .jobspgtitle .summary p {
  font-weight: 400;
  font-size: 31px;
  line-height: 29px;
  margin-top: 30px;
  color: #8b8989;
  font-size: 32px;
  font-weight: 600;
  letter-spacing: normal;
  margin-bottom: 16px;
}

.jbsdetpg .jobspgtitle .summary a {
  font-weight: 400;
  color: #444;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  margin-top: 7px;
}

.jbsdetpg .whatSpecialLeft {
  margin: 30px 0;
  padding: 0 10%;
}

.jbsdetpg .whatSpecialLeft .text {
  margin: 30px 0;
  margin-bottom: 30px;
}

.jbsdetpg .whatSpecialLeft .text p {
  font-size: 17px;
  font-weight: 400;
  line-height: 26px;
  color: #000;
  margin-bottom: 15px;
  word-wrap: break-word;
}

.jbsdetpg .whatSpecialLeft .box {
  text-align: left;
  height: 100%;
}

.jbsdetpg .nextStep {
  margin: 30px 0;
}

.jbsdetpg .additional .nextStep {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
.jbsdetpg .additional .nextStep .btn-cstm {
  margin-top: 10px;
  min-width: 220px;
}

.jbsdetpg .nextStep .row {
  justify-content: center;
}

.jbsdetpg .nextStep .row .col-xl-12 {
  margin: 30px 0;
  margin-top: 0;
}

.jbsdetpg .nextStep .row .col-xl-12 .text-normal,
.jbsdetpg .nextStep .row .col-xl-12 .text-bold {
  text-align: center;
  margin: 10px 0;
}

.pricing-subs .help-section {
  margin: 50px 0 !important;
  margin-bottom: 90px !important;
}

.pricing-subs .help-box .box-item h3 {
  margin-bottom: 0 !important;
  margin-top: 20px;
}

.help-cons {
  padding-bottom: 50px;
}

.help-cons .nav {
  justify-content: center;
  border-bottom: 2px dotted #e2e2e2;
  padding-bottom: 10px;
}

.help-cons .more-topics {
  padding: 0;
  margin-top: 10px !important;
  padding-top: 15px !important;
  border-top: 15px !important;
}

.help-cons .nav-link {
  color: #000;
  font-size: 20px;
  position: relative;
}

.help-cons .nav-pills .nav-link.active {
  color: #fff;
  background-color: #FE9900;
}

.help-cons .nav-pills .nav-link.active:before {
  content: "\f0d7";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 17px;
  color: #FE9900;
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
}

.order-cstm {
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 15px;
}

.order-cstm .form-select {
  width: auto;
  margin-left: 0;
  margin-bottom: 0;
  background: transparent;
  padding-right: 5px;
  border: none;
  position: relative;
  appearance: auto !important;
}

.order-cstm .form-select:focus {
  border-color: none !important;
  outline: 0;
  box-shadow: none !important;
}

.filter-count .text-left {
  padding-top: 4px;
}

.accordion-button:not(.collapsed)::after {
  background-image: url("../img/arroww.svg");
}

.applyVacany .title-page .text-bold {
  text-align: center;
  margin: 15px 0;
}

.applyVacany .message-outbox {
  margin: 10px 0;
}

.applyVacany .message-outbox label {
  padding: 15px 0;
}

.applyVacany .attachcont {
  display: flex;
  align-items: center;
}

.applyVacany .apButon {
  margin: 30px 0;
  text-align: center;
}

.applyVacany .apButon button {
  text-align: center;
  padding: 5px 50px;
}

.provider-plan .box {
  min-height: 390px;
}

.provider-plan .box span {
  display: block;
  margin-bottom: 15px;
}

.provider-plan .box h5 {
  margin-bottom: 15px;
  color: #333;
}

.pricing-subs .box-three .text-box p {
  padding: 0 20px;
  min-height: 45px;
}

.invtProfilePhoto {
  text-align: center;
}

.invtProfilePhoto .circlePhoto {
  border: 1px solid gray;
  border-radius: 50%;
  width: 140px;
  height: 140px;
  display: block;
  margin: 0 auto 10px auto;
}

.invtProfilePhoto h2 {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
}

.invtInpt {
  margin: 35px 0;
}

.invtInpt .edt-text {
  flex-direction: row;
  justify-content: space-between;
}

.invtInpt input {
  width: 75%;
}

.invtInpt p {
  margin: 10px 0;
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
}

.InvtFrndsCont {
  padding: 20px 40px;
}

.social {
  text-align: right;
}

.social p {
  margin: 10px 0;
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
}

.social .social-icons a {
  text-decoration: none;
  color: #000;
}

.social .social-icons i {
  font-size: 28px;
  margin-right: 5px;
}

.stepBox h3 {
  font-size: 20px;
  text-align: center;
  margin: 25px auto;
}

.stepBox .stepBoxOut {
  border: 1px solid gray;
  padding: 22px;
  max-width: 320px;
  width: 100%;
  margin: 25px auto;
}

.stepBox .stepBoxOut p {
  max-width: 220px;
  text-align: center;
  margin: 0 auto;
  line-height: 22px;
}

.stepBox .stepBoxBg {
  border: 1px solid gray;
  padding: 22px;
  max-width: 1205px;
  width: 100%;
  margin: 25px auto;
}

.stepBox .stepBoxBg h2 {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
}

.stepBox .stepBoxBg p {
  max-width: 800px;
  text-align: center;
  margin: 20px auto;
  line-height: 22px;
}

.main-section {
  margin: 65px 0;
}

.main-section .info-boxes {
  margin: 50px 0;
}

.main-section .title-page {
  padding: 60px 0;
  margin: 40px 0;
}

.main-section .center-piece {
  border: 1px solid gray;
}

.main-section .center-piece div {
  min-height: 350px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.main-section .center-piece p {
  text-align: center;
}

.main-section .text-line {
  text-align: center;
  margin: 40px 0;
}

.main-section .text-line h2 {
  margin: 10px 0;
}

.main-section .info-boxes .box-content {
  min-height: 350px;
  max-width: 470px;
  margin: auto;
}

.main-section .info-boxes .content-right {
  text-align: center;
  line-height: 28px;
}

.main-section .info-boxes .content-right h2 {
  font-weight: 600;
  font-size: 20px;
}

.main-section .logos {
  text-align: center;
}

.main-section .logos div {
  min-height: 250px;
  padding: 20px 30px;
  line-height: 20px;
}

.main-section .logos div h2 {
  font-size: 18px;
  font-weight: 600;
  padding: 10px;
}

.main-section .logos div:nth-child(odd) {
  border: 1px solid gray;
}

.main-section .logosSecond {
  text-align: center;
}

.main-section .logosSecond div {
  min-height: 250px;
  padding: 20px 30px;
  line-height: 20px;
}

.main-section .logosSecond div h2 {
  font-size: 18px;
  font-weight: 600;
  padding: 10px;
}

.main-section .logosSecond div:nth-child(even) {
  border: 1px solid gray;
}

.fa-linkedin {
  color: #0A66C2 !important;
}

.main-section .help-title .row {
  align-items: center;
}

.main-section .help-title .row .col-lg-8 p {
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 14px;
}

.social-section .fas.fa-star {
  color: #fe9900;
}

.main-section .help-title .row .col-lg-4 h2 {
  text-align: right;
  font-weight: 600;
  font-size: 33px;
}

.main-section .help-box {
  margin: 40px 10px;
}

.main-section .help-box .row .col-lg-3 {
  margin: 10px 0;
}

.main-section .help-box .row .col-lg-3 p {
  min-height: 100px;
  width: 100%;
  border: 1px solid #ccc;
  margin: 10px auto;
  border-radius: 10px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.main-section .help-box .row .col-lg-3 p a {
  text-decoration: none;
  color: #000;
}

.main-section .help-box .row .csFaq {
  margin: 15px 0;
}

.main-section .help-box .row .csFaq h1 {
  font-weight: 600;
  font-size: 24px;
}

.main-section .help-box .row .csFaq input {
  line-height: 35px;
  max-width: 750px;
  width: 100%;
  margin: 15px 0;
  padding: 0 10px;
}

.main-section .help-box .row .csFaq .col-lg-12 textarea {
  height: 250px;
  resize: none;
  max-width: 750px;
  width: 100%;
  overflow-y: auto;
  margin: 15px 0;
}

.main-section .taste .row {
  align-items: center;
  margin-top: 10px;
}

.main-section .taste .row .col-lg-3 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.main-section .taste .row .col-lg-3 a {
  color: #000;
}

.main-section .taste .row .col-lg-3 a img {
  height: 25px;
  margin-right: 15px;
}

.main-section .taste .row .col-lg-3 span {
  font-weight: 600;
  font-size: 24px;
}

.main-section .taste .row .col-lg-9 span {
  font-weight: 300;
  font-size: 14px;
}

.main-section .serviceProvie {
  margin: 20px 0;
}

.main-section .serviceProvie h1 {
  font-weight: 600;
  font-size: 24px;
}

.main-section .serviceProvie .serviceBox {
  margin-top: 15px;
}

.main-section .serviceProvie .serviceBox .boxItem {
  width: 230px;
  max-width: 100%;
  display: inline-block;
  margin: 10px 10px;
}

.main-section .serviceProvie .serviceBox .boxItem img {
  width: 100%;
}

.main-section .taste .row .row:last-child .col-lg-3 a img:last-child {
  margin-left: 25px;
}

.main-section .taste > .row {
  border-bottom: 1px solid gray;
  padding-bottom: 15px;
}

.main-section .taste > .row:last-child {
  border-bottom: none;
}

.main-section .aboutBoxBg {
  min-height: 400px;
  max-width: 1100px;
  margin: 0 auto;
  border: 1px solid gray;
}

.main-section .aboutTable {
  max-width: 1100px;
  margin: 30px auto;
}

.main-section .aboutTable table tr {
  text-align: right;
}

.main-section .aboutTable table tr td:nth-child(2) {
  border: 1px solid;
  vertical-align: middle;
  width: 200px;
  text-align: center;
}

.main-section .aboutTable table tr td:nth-child(1) img {
  min-height: 200px;
  padding: 10px;
  width: 180px;
  max-height: 100%;
}

.main-section .aboutTable table tr td {
  vertical-align: middle;
}

.main-section .aboutTable table tr td p {
  font-weight: 300;
  font-size: 16px;
  padding: 10px;
}

.main-section .aboutTable table tr td ul {
  list-style: disc;
  padding-left: 2rem !important;
  margin: 18px 0;
}

.main-section .aboutTable table tr td ul li {
  margin: 10px 0;
  font-weight: 300;
  font-size: 16px;
}

.main-section .aboutTable table tr td:last-child {
  border: 1px solid;
  vertical-align: middle;
  text-align: center;
}

.main-section .aboutTable table tr:last-child td:nth-child(1) img {
  height: 600px;
}

.bottomInfoMenu {
  border-top: 2px solid black;
  padding: 40px;
}

.bottomInfoMenu ul {
  display: flex;
  justify-content: space-around;
}

.bottomInfoMenu ul li {
  margin: 10px 40px;
  font-weight: 600;
  font-size: 23px;
}

.bottomInfoMenu ul li a {
  text-decoration: none;
  color: #000;
}

.avatar-upload {
  position: relative;
  margin: 0;
  max-width: 180px;
}

.avatar-upload .avatar-edit {
  position: absolute;
  right: 32px;
  z-index: 1;
  top: 10px;
}

.avatar-upload .avatar-edit input {
  display: none;
}

.avatar-upload .avatar-edit input + label {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin-bottom: 0;
  border-radius: 100%;
  background: #FFFFFF;
  border: 1px solid transparent;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
}

.avatar-upload .avatar-edit input + label:hover {
  background: #f1f1f1;
  border-color: #d6d6d6;
}

.avatar-upload .avatar-edit input + label:after {
  content: "\f040";
  font-family: "FontAwesome";
  color: #757575;
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
}

.avatar-upload .avatar-preview {
  width: 152px;
  height: 152px;
  position: relative;
  border-radius: 100%;
  border: 6px solid #F8F8F8;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.avatar-upload .avatar-preview > div {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.fqsect .taste > .row {
  border-bottom: none;
}

.fqsect .help-box .row .csFaq h1 {
  font-weight: 300;
}

.fqsect .help-box .row .csFaq input {
  max-width: 100%;
}

.fqsect .help-box .row .csFaq .col-lg-12 textarea {
  max-width: 100%;
  padding: 15px;
}

.section .center-piece .boxBg {
  padding: 10px;
}

#map {
  height: 100%;
  height: 100%;
  width: 50%;
  border-radius: 17px;
}

#description {
  font-family: Roboto;
  font-size: 15px;
  font-weight: 300;
}

#infowindow-content .title {
  font-weight: bold;
}

#infowindow-content {
  display: none;
}

#map #infowindow-content {
  display: inline;
}

.pac-card {
  background-color: transparent;
  border: 0;
  border-radius: 2px;
  box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
  margin: 0;
  padding: 0 0.5em;
  overflow: hidden;
  font-family: Roboto;
  padding: 0;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.section .center-piece {
  margin: 0 0;
}

#searchTextField {
  border: none !important;
  padding: 10px !important;
  width: 100%;
}

.job-ads-w .boxBg .section {
  margin-left: 0 !important;
}

.job-ads-w .new-section {
  margin-top: 0;
}

#pac-input {
  background-color: rgba(255, 255, 255, 0.8);
  font-size: 15px;
  padding: 0 11px 0 13px;
  text-overflow: ellipsis;
  width: 400px;
  border: none;
  min-height: 35px;
  padding: 5px;
}

#pac-input:focus {
  border-color: #4d90fe;
}

.gmnoprint {
  margin: 10px 5px !important;
  user-select: none;
  position: absolute;
  top: 13px !important;
  left: 0px !important;
  right: auto !important;
}

.gmnoprint div:nth-child(1) {
  width: 30px !important;
  height: 63px !important;
}

.gmnoprint div:nth-child(1) button {
  width: 30px !important;
  height: 30px !important;
}

.gmnoprint div:nth-child(1) button img {
  height: 12px !important;
  width: 12px !important;
}

.gmnoprint div:nth-child(2) {
  width: 20px !important;
}

.int-property h1 {
  font-weight: 600;
  font-size: 24px;
}

.int-property p {
  margin: 10px 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
}

.int-property ul {
  list-style: disc;
  padding: 15px 30px;
}

.int-property ul li {
  padding: 5px 0;
}

.int-property .adress {
  margin: 25px 0;
}

.int-property .adress p {
  margin: 3px !important;
}

.int-property .adress ul {
  list-style: decimal;
}

.int-property .border-top1 p {
  border-top: 1px solid gray;
  padding: 10px 0;
  width: 50%;
}

.imprint h1 {
  font-weight: 700;
  font-size: 24px;
  margin: 10px 0;
}

.imprint h2 {
  font-weight: 600;
  font-size: 16px;
  margin: 6px 0;
}

.imprint .adress {
  margin: 15px 0;
}

.imprint ul {
  margin-bottom: 25px;
}

.imprint ul li {
  font-size: 18px;
  line-height: 23px;
}

.imprint p {
  font-size: 18px;
  line-height: 23px;
}

.privacyPolicy h1 {
  font-weight: 700;
  font-size: 24px;
  margin: 10px 0;
}

.privacyPolicy h2 {
  font-weight: 600;
  font-size: 16px;
  margin: 6px 0;
}

.privacyPolicy p {
  margin: 5px 0;
}

.privacyPolicy .adress {
  margin: 15px 0;
}

.privacyPolicy .adress ul {
  list-style: disc;
  padding: 20px 40px;
}

.privacyPolicy ul {
  list-style: disc;
  padding: 20px 40px;
}

.adlabel {
  z-index: 2;
  position: absolute;
  right: 15px;
  top: -10px;
}

.adlabel img {
  width: 50px !important;
}

.adlabel .text {
  text-align: center;
  color: #fff;
  font-size: 15px;
}

.adlabel .text p {
  padding-top: 5px;
}

#job-categori.form-control {
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 23px;
}

.project-page .project-item .adlabel.services {
  left: 0 !important;
  top: 25px !important;
}
.project-page .project-item .adlabel.services .text {
  min-height: initial !important;
  border-radius: none !important;
  -webkit-border-top-right-radius: 10px !important;
  -webkit-border-bottom-right-radius: 10px !important;
  -moz-border-radius-topright: 10px !important;
  -moz-border-radius-bottomright: 10px !important;
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  padding: 5px 0 !important;
}

.project-page .project-item .adlabel img {
  width: 50px !important;
}

.project-page .project-item .adlabel .text p {
  padding-top: 5px;
  color: #fff !important;
  margin-bottom: 0 !important;
  line-height: initial !important;
  overflow: initial !important;
}

.service-account #steps {
  width: 475px;
  margin: 13px auto;
  text-align: center;
}

.service-account .step {
  width: 40px;
  height: 40px;
  background-color: white;
  display: inline-block;
  border: 4px solid;
  border-color: transparent;
  border-radius: 50%;
  border-color: #cacaca;
  color: #cacaca;
  color: #cdd0da;
  font-weight: 600;
  text-align: center;
  line-height: 35px;
}

.service-account .step:first-child {
  line-height: 40px;
}

.service-account .step:nth-child(n+2) {
  margin: 0 0 0 100px;
  transform: translate(0, -4px);
}

.service-account .step:nth-child(n+2):before {
  width: 75px;
  height: 3px;
  display: block;
  background-color: #cacaca;
  transform: translate(-95px, 16px);
  content: "";
}

.service-account .step:after {
  width: 150px;
  display: block;
  transform: translate(-55px, -5px);
  color: #818698;
  content: attr(data-desc);
  font-weight: 400;
  font-size: 13px;
}

.service-account .step:first-child:after {
  transform: translate(-59px, -10px);
}

.swal2-popup .swal2-actions .btn-success {
  margin-right: 10px !important;
}

.service-account .step.active {
  border-color: #FE9900;
  color: #FE9900;
}

.service-account .step span {
  position: relative;
  top: -5px;
}

.service-account .step.active:before {
  background: linear-gradient(to right, #FE9900 0%, #FE9900 100%);
}

.service-account .step.active:after {
  color: #FE9900;
}

.service-account .step.done {
  background-color: #FE9900;
  border-color: #FE9900;
  color: white;
}

.service-account .step.done:before {
  background-color: #FE9900;
}

.ads-page-new {
  background: #fff;
  padding: 0;
}

.ads-page-new .table {
  border: 1px solid #e7e7e7;
}

.ads-page-new .table .btn-cstm {
  margin-top: 0;
  margin-top: 0;
  padding: 1px 10px;
  margin: 0 auto;
  width: 40px;
  border: 1px solid #fe9900;
  color: #fe9900;
  font-weight: 400;
  margin-left: 30px;
}

.ads-page-new .table .btn-cstm i {
  font-size: 17px;
  margin-left: 0 !important;
}

.ads-page-new .table .btn-cstm:hover {
  color: #fff;
}

.ads-page-new .table .btn-cstm:hover i {
  color: #fff;
}

.ads-page-new .table img {
  width: 80px;
  height: 65px;
  object-fit: cover;
}

.ads-page-new .table .table-light {
  height: 50px;
}

.ads-page-new .table .table-light th {
  vertical-align: middle;
}

.ads-page-new .table tr {
  border-bottom: 1px solid #f3f3f3;
}

.ads-page-new .table tr td:nth-child(1) {
  width: 48%;
}

.ads-page-new .table tr td {
  vertical-align: middle;
}

.ads-page-new .table tbody tr {
  height: 50px;
}

.ads-page-new .pro-ser {
  display: inline-flex;
  padding-right: 0;
}

.ads-page-new .content-text a i {
  margin-left: 0 !important;
}

.ads-page-new .form-switch {
  margin: 0 !important;
}

.ads-page-new .pro-ser h6 {
  margin-left: 15px;
}

.jobdetailpage .detail .left-section::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
  width: 95px;
}

.jobdetailpage .detail .left-section::-webkit-scrollbar {
  width: 2px;
  height: 3px;
  background-color: #F5F5F5;
}

.jobdetailpage .detail .left-section::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
  background-color: #FF9900;
}

.sevenservice-page .consumer-cstm .rate-box {
  background: #fafafa;
  border-radius: 5px;
  padding: 10px 5px;
  margin-right: 0;
  border-radius: 5px;
  margin-top: 17px;
  padding-bottom: 3px;
  padding-top: 15px;
}

.sevenservice-page .consumer-cstm .question2 span {
  min-width: 124px;
  float: left;
  color: #222;
}

.sevenservice-page .consumer-cstm .rate-box.new .question2:last-child {
  margin-bottom: 14px !important;
}

.consumer-cstm.question-two .employee-item .date {
  position: absolute;
  top: 30px;
  right: 0;
}

.sevenservice-page .consumer-cstm .question2 label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 17px;
  margin-right: 11px;
  font-size: 10px;
  margin-top: 14px;
}

@media (min-width: 1024px) {
  .openMenu {
    display: block;
  }
  .service-page #location-filter {
    padding: 0.175rem 0.75rem !important;
  }
}
@media (max-width: 1024px) {
  .project-list-page.project-page .project-item .profile {
    margin-bottom: 8px;
  }
  .bar-main-container b {
    padding-left: 0;
    float: left;
  }
  .service-page #location-filter {
    padding: 0.175rem 0.75rem !important;
  }
  .bar-percentage {
    position: relative;
    top: -8px;
    text-align: right;
  }
  .invite-page .needs-validation .copy-cstm {
    height: 39px !important;
  }
  .language .languageDropdown a {
    border: none !important;
  }
  .navbar-brand {
    margin-right: 0 !important;
    margin-left: 0 !important;
    position: relative;
    z-index: 9;
  }
  .navbar-brand img {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .toggle-password {
    z-index: 9;
  }
  .regis-page .regis-section .btn-cstm {
    padding: 10px 17px;
  }
  .slider {
    margin-top: 0;
  }
  .slider-photo img {
    width: 100% !important;
  }
  .only-desktop {
    display: none;
  }
  .only-mobile {
    display: block !important;
  }
  .empty img {
    max-width: 100% !important;
  }
}
@media screen and (max-width: 1200px) {
  .section-one.with-description {
    margin: 20px 0;
  }
  .sevenservice-page .content-carousel .owl-nav .owl-prev {
    top: 12px;
  }
  .sevenservice-page .content-carousel .owl-nav .owl-next {
    top: 12px;
  }
  .ads-page-new .pro-ser h6 {
    font-size: 12px;
  }
  .myAccount .title h2 {
    font-size: 18px;
  }
  .ads-page-new {
    padding: 20px;
  }
  .ads-page-new .table .btn-cstm {
    margin-left: 0px;
  }
  .ads-page-new .table img {
    width: 60px;
  }
  .ads-page-new .table tr td {
    vertical-align: middle;
    font-size: 12px;
  }
  .ads-page-new .table .table-light th {
    vertical-align: middle;
    font-size: 13px;
  }
}
.lgn-btn {
  border-bottom: 1px solid #fe9900;
  border-radius: 0;
  padding: 0;
  margin-top: 12px;
}

.nobigpad .row .col-xl-12 {
  margin-top: 0;
}

.jobs-pagee .box-extra {
  background: transparent !important;
  border: 2px dotted #FE9900;
  margin-top: 25px;
  height: initial !important;
  padding: 10px 20px;
}

.jobs-pagee .box-extra ul {
  padding-top: 10px;
}

.jobs-pagee .box-extra ul li {
  margin: 5px 0;
}

.jobs-pagee .box-extra ul li:before {
  content: "\f068" !important;
}

.jobs-pagee .box-extra ul li span {
  margin-left: 5px;
}

.visit-profile span a {
  text-decoration: none;
  border-bottom: 1px solid #ccc;
}

.toggle-password-two {
  position: absolute;
  right: 0px;
  z-index: 999;
  top: 0;
  width: 41px;
  height: 38px;
  line-height: 37px;
  padding-left: 12px;
  padding-top: 1px;
}

.formobile {
  display: none !important;
}

h6.date {
  float: right;
  font-size: 12px;
  color: #797979;
}

.question-item span {
  font-size: 16px;
  font-weight: 300;
  display: block;
  margin-bottom: 8px;
}
.question-item .imageprofile {
  display: flex;
}
.question-item .imageprofile .datequestion {
  display: flex;
  flex-direction: column;
  padding-left: 10px;
}
.question-item .imageprofile .datequestion b {
  color: #333 !important;
}
.question-item .imageprofile img {
  width: 40px;
  border-radius: 40px;
  height: 40px;
  object-fit: cover;
}
.question-item .qtext {
  margin-top: 15px;
}

.formobile .language span {
  position: relative;
  top: -6px;
  margin-left: 3px;
}

.dif.again-cstm {
  margin-top: 65px;
}

span.select2-selection__arrow:before {
  content: "\f107";
  font-family: "FontAwesome";
  font-size: 14px;
  color: #696c70;
  position: relative;
  top: 12px;
  right: 6px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.typecstm {
  line-height: 19px;
  font-size: 13px;
}

.laila-all .right-section li i {
  left: 0;
  cursor: pointer;
}

.laila-page.laila-three.laila-four .messages li.leftsidechat {
  position: relative;
}

.copy-success {
  color: #198754;
  position: absolute !important;
  left: 30px !important;
  bottom: -20px !important;
}

.laila-copybtn {
  margin: 0px !important;
}

.profilwarning {
  margin-top: 0 !important;
  background: #fff5e5;
  border: none;
  padding: 0 2px;
  margin-left: 0;
  border-radius: 0;
  padding-bottom: 0;
  color: #000 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 19px 0;
  margin-bottom: 10px;
  margin: 0;
  margin-bottom: 10px;
}
.profilwarning .btn-cstm {
  margin-top: 0 !important;
  background: transparent;
  border: none;
  border-bottom: 2px solid #ffd391;
  padding: 0 2px;
  margin-left: 12px;
  border-radius: 0;
  padding-bottom: 0;
  color: #000 !important;
  padding-bottom: 0 !important;
  font-size: 16px;
  font-weight: 500;
}

.btnp {
  color: #000;
}

.text-danger {
  margin: 0 3px;
}

.project-page .project-item .reqall {
  border-top: 1px solid #e9c285;
  margin-top: 30px;
  padding-top: 22px;
}
.project-page .project-item .reqall .req-providers {
  margin-bottom: 20px;
}
.project-page .project-item .reqall .req-provider-message {
  margin-bottom: 10px;
}
.project-page .project-item .reqall .req-provider-profiles {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
}
.project-page .project-item .reqall .req-provider-profile {
  width: 40px !important;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  margin-bottom: 0 !important;
}
.project-page .project-item .reqall .req-message {
  max-height: 57px;
  overflow-y: auto;
  text-decoration: none !important;
  display: block;
  -webkit-line-clamp: initial;
  -webkit-box-orient: initial;
}
.project-page .project-item .reqall .req-message::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}
.project-page .project-item .reqall .req-message::-webkit-scrollbar {
  width: 1px;
  height: 2px;
  background-color: #F5F5F5;
}
.project-page .project-item .reqall .req-message::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
  background-color: #fe9900;
}
.project-page .project-item .reqall .req-provider-profile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.req-offer-title {
  font-weight: 600 !important;
  margin-bottom: 8px !important;
}

.far.fa-lightbulb {
  margin-left: 5px;
}

.first-section .left-sec ul li img {
  display: none !important;
}

.first-section .left-sec ul li .text {
  padding-left: 15px !important;
}

.first-section .left-sec ul li svg {
  margin-left: 22px !important;
  position: relative;
  top: 3px;
}

@media (max-width: 768px) {
  .report {
    margin-top: 20px;
  }
  .report i {
    margin-right: 11px;
  }
  .report .reportBtn {
    color: #4A4A4A !important;
    display: flex;
  }
  .about-client .report .reportBtn {
    display: block !important;
  }
  .first-section .left-sec ul li svg {
    margin-left: 0 !important;
    flex-shrink: 0;
    top: 0px;
    width: 17px !important;
  }
  .first-section .left-sec ul li {
    display: flex;
    align-items: flex-start;
  }
  .first-section .left-sec ul li .text {
    padding-left: 10px !important;
  }
  .cityother {
    margin: 10px 0;
  }
  .search-button i {
    color: #fff;
  }
  .index-page-new .search-button i {
    color: #000 !important;
  }
  .headerSearchForm .search-button i {
    color: #000 !important;
  }
  .jbsdetpg .additional .nextStep .btn-cstm {
    margin-top: 2px !important;
  }
  .about-page .section {
    padding: 10px 7px !important;
  }
  .section-one.with-description.special-section {
    margin-bottom: 0;
    padding-bottom: 20px !important;
  }
  .choose-sec .btn-cstm {
    background: #FE9900;
    color: #fff;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 500;
    padding: 7px !important;
    margin-bottom: 7px;
    border: none !important;
    margin-top: 30px !important;
  }
  .works-area .works-item {
    width: 100%;
    height: 100%;
    margin-left: 0 !important;
    margin-bottom: 15px;
    margin-right: 0 !important;
  }
  .project-page .project-item .adlabel.services .text {
    padding-top: 8px !important;
    height: 31px;
  }
  .btn-cstm {
    font-size: 16px;
  }
  .project-edit .myAccount .project-item h4 {
    font-size: 16px !important;
    line-height: 18px !important;
  }
  .service-account.edit-page .project-item ul {
    margin-top: 10px;
  }
  .project-all.my-service-page.other-page.project-edit.edit-page.service-account .active-text {
    z-index: 99 !important;
  }
  .other-page .ads-page-new {
    height: auto;
    margin-top: 17px;
  }
  .index-page-new .eight-section .box .text h6 {
    margin: 10px 0;
    font-size: 18px;
  }
  .sevenservice-page.newprofiledesign .question {
    padding: 0 0px !important;
  }
  .top-new-profile {
    display: block;
  }
  .newprofiledesign .ad-service > h2 {
    font-size: 18px !important;
  }
  .newprofiledesign .caption.fl h5 {
    font-size: 18px !important;
  }
  .newprofiledesign .question .caption h6 {
    font-size: 18px !important;
  }
  .newprofiledesign .bottom-section {
    margin-top: 10px;
    background: #fff;
    padding: 0;
    margin-bottom: 20px;
  }
  .newprofiledesign .reportBtn {
    color: #8E8E8E !important;
    text-decoration: none;
  }
  .newprofiledesign .reportBtn i {
    margin-right: 5px;
  }
  .newprofiledesign .caption.fl {
    float: left;
    margin-right: 0;
    padding-right: 10px;
    margin-bottom: 0 !important;
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 10px !important;
  }
  .newprofiledesign .starsec {
    position: relative;
    top: 10px;
  }
  .newprofiledesign .employee-item {
    background: #fff;
    border-bottom: 1px solid #ececec;
    border-radius: 0;
    padding-right: 0;
    padding-left: 0;
  }
  .newprofiledesign .rate-box {
    padding: 0;
  }
  .newprofiledesign .question2 {
    text-align: left;
    display: block !important;
  }
  .newprofiledesign .top-new-profile .profil-ph img {
    width: 80px;
    height: 80px;
  }
  .newprofiledesign .question2 span {
    float: left;
    font-size: 15px;
    color: #222;
  }
  .newprofiledesign .profil-ph {
    text-align: center;
  }
  .newprofiledesign .top-new-profile .textright {
    margin-left: 0;
  }
  .newprofiledesign .top-new-profile .textright ul {
    top: 0;
    margin-top: 10px;
    flex-wrap: wrap;
    width: 100%;
    text-align: center;
    display: inline-block;
  }
  .newprofiledesign .top-new-profile .textright ul li {
    margin: 6px 5px;
    font-size: 14px;
    justify-content: space-between;
    align-items: flex-end;
    display: inline-block;
  }
  .newprofiledesign .top-new-profile .textright {
    text-align: center;
  }
  .newprofiledesign .rate-box.new .question2 {
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    /* justify-content: flex-start; */
  }
  .newprofiledesign .bottom-section {
    margin-top: 10px;
    background: #fff;
    padding: 5px;
    margin-bottom: 20px;
    margin-top: 25px !important;
  }
  .filter #searchInput {
    height: 33px;
  }
  .filter .form-select {
    height: 45px;
  }
  .filter-content .form-check.d-flex {
    padding-left: 0 !important;
    margin: 10px 0;
  }
  .filter .mt-5 {
    margin-top: 2rem !important;
  }
  .filter .filter-content {
    padding-bottom: 10px;
  }
  .my-service-page .myAccount .job-opt {
    display: block !important;
  }
  .myAccount .vacancies .job-card .job-image {
    margin-top: 27px !important;
    position: relative !important;
    right: -16px !important;
  }
  .myAccount .vacancies .job-card .cityother {
    margin-bottom: 10px;
    margin-top: -17px !important;
  }
  .section-md .btn-right .btn-cstm {
    width: 100% !important;
  }
  .myVacanciesEdit-page .needs-validation .section-md .btn-right .btn-cstm {
    width: 100% !important;
  }
  .vacancies .active-text .form-check {
    z-index: 9;
  }
  .service-page.createpage #location-filter {
    min-width: 100%;
  }
  .modal-post .ul-area ul {
    display: block;
  }
  .toastify-left, .toastify-right {
    left: initial !important;
  }
  .project-page .project-item p.req-offer-title {
    -webkit-line-clamp: initial;
    min-height: initial !important;
  }
  a {
    position: relative;
    text-decoration: none;
    transition: color 0.3s;
  }
  a.clicked::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 20px;
    height: 20px;
    background: rgba(254, 153, 0, 0.5);
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0);
    animation: ripple 0.6s linear;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .all-categories .content .box a {
    position: initial !important;
  }
  @keyframes ripple {
    100% {
      transform: translate(-50%, -50%) scale(4);
      opacity: 0;
    }
  }
  .myAccount .form-group .toggle-password {
    top: 14px !important;
  }
  .myAccount .form-group .toggle-password-two {
    top: 4px !important;
  }
  .btn-laila {
    font-size: 12px;
  }
  .btn-laila i {
    font-size: 12px;
  }
  .bottom-desc p {
    margin: 0 4px;
  }
  .laila-all .right-section .list {
    height: auto !important;
  }
  .laila-all .right-section .fivecolmn .list li a {
    padding: 10px 10px;
    margin-bottom: 0;
  }
  .laila-page.laila-three.laila-four .text-section .textList {
    height: auto !important;
    max-height: auto !important;
  }
  .laila-all .right-section .fivecolmn .list li {
    height: auto !important;
  }
  .col-xl-2.col-lg-3.col-md-4.col-sm-6.col-12.fivecolmn {
    width: 33.3%;
    padding: 0;
    margin-bottom: 10px;
  }
  .laila-all .right-section .fivecolmn .list li a {
    padding: 22px 4px !important;
  }
  .laila-page.laila-three.laila-four .text-section .textList {
    height: auto !important;
    max-height: auto !important;
    overflow-y: scroll !important;
  }
  .profilwarning .btn-cstm {
    margin-bottom: 0 !important;
  }
  .kn-new .dropdown-item:focus, .kn-new .dropdown-item:hover {
    color: #1e2125;
    background-color: #f7f7f7 !important;
  }
  .index-page-new .eight-section .box .text p {
    font-size: 15px;
  }
  .language select {
    background: transparent;
    color: #fff;
    border: none;
    position: relative;
    top: 3px;
  }
  .language select option {
    color: #000;
  }
  #chat-widget-push-to-talk {
    display: none;
  }
  #welcomeMessages {
    display: none;
  }
  .bottom-desc {
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    bottom: -4px;
    position: relative;
  }
  .tab-content .warnMessage {
    font-size: 13px;
    color: #333;
    text-align: center;
    margin-top: 0;
    background: #f2f2f2;
    color: #000;
    padding: 17px;
    margin-right: 11px;
    width: 95%;
  }
  input, select, textarea {
    font-size: 16px !important;
  }
  .emptycstm {
    text-align: center !important;
  }
  .emptycstm img {
    width: auto !important;
  }
  .col-xl-9.col-sm-9.cstm {
    flex: 0 0 auto !important;
    width: 75% !important;
  }
  .follow-page .posts.post-area .name {
    width: calc(100% - 41px) !important;
  }
  .btn-dots .dropdown-menu li .dropdown-item {
    padding: 4px 10px;
  }
  .follow-page .btn-dots .dropdown-menu li i {
    color: #fe9900;
    margin-right: 4px;
  }
  .follow-page .post-area .profile-ph img {
    width: 34px;
    height: 34px;
  }
  .follow-page .button-group.pull-right .postbtn {
    height: 38px;
    padding-top: 9px;
  }
  .follow-page .comment-area .form-group textarea {
    width: calc(100% - 103px);
    float: left;
    margin-left: 8px;
  }
  .project-item .social.text-left {
    width: calc(100% - 80px) !important;
  }
  .createpage .form-check .form-check-input {
    margin-left: 0 !important;
  }
  .jbsdetpg .nextStep .row .col-xl-12 {
    margin: 30px 0;
    margin-top: 20px !important;
  }
  .jbsdetpg .nextStep {
    margin-top: 10px !important;
  }
  .pricing-subs.choose-page .page-title {
    padding-top: 0 !important;
  }
  .pricing-subs.choose-page .page-title h2 {
    font-size: 19px;
  }
  .choose-page .nav .nav-link {
    padding: 7px 9px;
  }
  .choose-page .item {
    margin-top: 10px;
  }
  .ad-page.choose-page .text-box {
    padding-bottom: 0;
  }
  .choose-page .second-row {
    padding-bottom: 0px;
  }
  .ad-page.choose-page .text {
    padding-top: 20px;
  }
  .choose-page .text-all {
    padding: 10px 4px;
    padding-top: 0;
  }
  .ad-page.choose-page ul {
    padding: 15px 5px;
    margin-right: 0;
  }
  .regis-section .toggle-password {
    position: absolute;
    right: 0;
    z-index: 999;
    top: 27px;
    width: 41px;
    height: 38px;
    line-height: 37px;
    padding-left: 11px;
  }
  #drawer {
    padding-top: 0 !important;
    padding-bottom: 15px !important;
  }
  .choose.left-section.formobile {
    padding-left: 15px;
  }
  #drawer li a {
    font-size: 15px;
    padding: 8px 20px;
  }
  #drawer .language {
    border: none !important;
  }
  .autocomplete-input {
    color: #333;
    font-size: 15px;
    padding: 8px 20px;
    padding-left: 0;
  }
  #drawer .social-btns li a {
    padding: 0 1px !important;
  }
  #drawer-toggle-label:after {
    left: calc(100% - 50px);
    font-size: 32px;
    top: 7px;
  }
  #drawer b {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    display: block;
    width: 100%;
    padding: 15px 20px;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 8px;
    margin-bottom: 8px;
  }
  li.spoti img {
    width: 22px;
  }
  .empty.job-card .new-sec, .project-page .empty.project-item .new-sec {
    opacity: 1;
  }
  .project-all .empty .btn img {
    width: 55px !important;
  }
  .empty.job-card .box-hvr {
    background: rgba(254, 153, 0, 0.88) !important;
    opacity: 1 !important;
  }
  #drawer-toggle-label {
    font-size: 0;
  }
  .openMenu {
    top: 0;
  }
  .follow-page-new .content {
    padding: 30px 15px !important;
  }
  .proje-offer h4 {
    font-size: 14px;
  }
  .proje-offer {
    padding: 10px 10px;
  }
  .messages-page .messages--sent .message {
    padding: 7px 7px;
  }
  .myAccount .messages-page .text {
    padding-top: 10px !important;
    margin-top: 0 !important;
  }
  .proje-offer .fa-cstm {
    font-size: 22px;
    margin-bottom: 10px;
    color: #333;
  }
  .messages-page .against .text p {
    font-size: 13px;
  }
  .f-logo img {
    width: 100px;
  }
  .project-list-page.project-page .project-item .text {
    margin-top: 0 !important;
  }
  .project-edit .myAccount .project-item ul {
    margin-bottom: 5px;
  }
  footer .footer-top .social-btns li a {
    margin-bottom: 8px;
  }
  .project-page .project-item .date-roc {
    margin-right: 0;
  }
  .project-edit .myAccount .project-item .date-roc li:first-child i {
    font-size: 15px;
    margin-right: 5px;
    margin-left: 0;
    top: 1px;
  }
  .project-edit .myAccount .project-item .date-roc img {
    width: 20px;
  }
  .project-edit .myAccount .project-item ul {
    line-height: 30px;
  }
  .project-edit .myAccount .project-item .social.text-left .fa-solid.fa-location-dot {
    margin-left: 0;
  }
  .my-service-page .project-item .translate {
    margin-bottom: 0;
  }
  .my-service-page .project-item .translate a {
    margin: 0;
    padding: 0;
  }
  .myAccount .title h2 {
    margin-top: 0;
  }
  .project-edit .myAccount .project-item .social.text-left .fa-solid.fa-location-dot {
    margin-right: 2px;
    margin-left: 0;
    font-size: 12px;
  }
  .project-edit .myAccount .project-item .date-roc li b {
    font-size: 13px;
  }
  .project-page .top-text .form-item .form-check #check4 {
    margin-left: 0;
    width: 30px !important;
    margin-right: 8px !important;
  }
  .translate {
    margin: 0px 0;
  }
  .top-icons i {
    font-size: 14px;
  }
  .sub-categories.other-page.sub-detail-page .section-one.with-description.special-section .container {
    padding: 0;
  }
  .sub-categories.other-page.sub-detail-page .product-all-item .container {
    padding: 0;
  }
  .sevenservice-page .question .caption.leftside {
    margin-right: 0;
  }
  .with-description .service-item {
    height: auto;
  }
  .ratetotaly {
    left: 0;
    margin-bottom: -24px;
  }
  .sevenservice-page.service-page .btn-more {
    margin-top: 0 !important;
    width: 50%;
  }
  .sevenservice-page .caption {
    padding-right: 0;
  }
  .sevenservice-page .question {
    position: relative;
    padding: 0 10px;
  }
  .question-two {
    background: #fff;
    padding: 10px;
  }
  .sevenservice-page .question2 label:before {
    font-size: 16px;
    margin-top: 2px;
  }
  .sevenservice-page .question2 label {
    padding-left: 20px;
  }
  .sevenservice-page .question2 label {
    padding-left: 15px;
    margin-right: 10px;
  }
  .sevenservice-page .question2 span {
    min-width: 130px;
    float: left;
    font-size: 15px;
    color: #222;
  }
  .imagetrans .translate i {
    position: absolute;
    right: 50px;
    top: 0;
    left: -20px;
  }
  .newprofiledesign .question2 span {
    float: initial !important;
  }
  .imagetrans .reportBtn {
    font-size: 0 !important;
  }
  .imagetrans .translate {
    top: 9px;
  }
  .follow-page .translate a {
    font-size: 12px;
  }
  .name-btn b {
    font-size: 12px;
  }
  .follow-page .past-item .ul-area.bottom a {
    font-size: 12px;
  }
  .follow-page .past-item .text p {
    margin-bottom: 6px;
  }
  .pagination-all .pagination .btn {
    font-size: 14px;
    padding: 4px 8px;
    margin: 0px 4px !important;
  }
  .about-page .box-secc .text-item {
    padding: 5px !important;
  }
  .dif.again-cstm {
    margin-top: 20px;
  }
  .ads-page-new .form-switch {
    padding-left: 7px !important;
  }
  .lastcstm .form-switch {
    padding-left: 0;
  }
  .myVacanciesEdit-page .with-loca .form-check {
    display: inline-flex;
    align-items: center;
    margin-right: 11px;
    line-height: 22px;
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
  .myVacanciesEdit-page .with-loca .form-check label {
    top: 0;
    left: 0 !important;
  }
  .form-check-input:checked + .form-check-label {
    margin: 0 !important;
    padding: 0 !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
  .form-check-label {
    margin: 0 !important;
    padding: 0 !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
  .project-page .form-item .form-check {
    margin-bottom: 15px;
    display: flex !important;
    align-items: center;
  }
  .form-check .form-check-input {
    margin-right: 6px !important;
  }
  .form-item.check-spec .form-check-input:checked + .form-item.check-spec .form-check-label {
    margin-left: 7px !important;
  }
  .form-item.check-spec .form-check-input {
    margin-right: 0 !important;
  }
  .form-check-input:checked {
    margin: 0 !important;
    padding: 0 !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
  }
  .form-check-input:checked[type=radio] {
    margin-right: 6px !important;
  }
  .project-page.other-page .form-check .form-check-input {
    margin-left: 0 !important;
  }
  .content .product-all-item .box .photo img {
    height: auto;
  }
  .bar-main-container b {
    margin-top: -8px;
    font-size: 13px;
  }
  .section-one.with-description.special-section .title-caption {
    margin-bottom: 20px;
  }
  .close {
    border: none !important;
    font-size: 30px !important;
  }
  .project-detail .title span {
    text-overflow: ellipsis;
    display: block;
    white-space: initial;
  }
  .project-detail .date {
    font-size: 12px;
  }
  .special-section .service-all .title-caption {
    padding-top: 20px;
  }
  .accordion-item {
    background-color: #fff;
    border: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125) !important;
  }
  .help-page .accordion-body {
    font-size: 13px !important;
    line-height: 22px;
    font-weight: 400 !important;
  }
  .invite-page-two .section .item p {
    line-height: 23px;
    font-size: 16px;
    color: #000;
  }
  .invite-page-two .section h6 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 25px;
  }
  .invite-page-two .section .col-xl-6:first-child .item {
    text-align: center;
    margin-bottom: 40px !important;
  }
  .service-all .service-item {
    border: none !important;
  }
  .service-all .mobile-wrap {
    border: 1px solid #f1f1f1;
  }
  .index-page .service-all .mobile-wrap {
    background: #fff;
  }
  .index-page .service-all .service-item {
    height: auto !important;
  }
  .search-input {
    width: calc(100% - 52px);
  }
  .fc-nav.formobile .choose.left-section {
    padding-left: 0;
    padding-right: 0;
  }
  .fc-nav.formobile .choose i {
    margin-left: 30px;
    margin-right: 5px;
  }
  .career .jobs-item a {
    padding: 10px;
  }
  .regis-section .col-xl-6.col-sm-6 {
    width: 100%;
  }
  .progress {
    width: 100%;
  }
  .InptBox p {
    margin-top: 20px !important;
  }
  .project-page-two .file-input {
    background: #fff;
  }
  .InptBox .input-field {
    position: relative;
    max-width: 100% !important;
  }
  .jobs-pagee.jobs-two .top-icons {
    position: relative;
    top: 0 !important;
    margin-left: 0 auto;
    margin-right: 0 !important;
    float: initial !important;
    margin: 0 auto !important;
    left: 0 !important;
    right: 0 !important;
  }
  .slider {
    display: none;
  }
  .formobile {
    display: block !important;
  }
  .slider.formobile {
    display: block !important;
  }
  .clickmenu.formobile {
    display: initial !important;
  }
  .index-page .slider.formobile .owl-carousel .owl-item .slider-photo img {
    max-width: 100% !important;
    object-fit: cover;
  }
  .footer-top .social {
    text-align: center !important;
  }
  body.fixed {
    overflow: hidden;
  }
  .content .product-all-item .box .photo img {
    height: 150px !important;
  }
  .job-card .company-text {
    width: 100% !important;
  }
  .job-card .company-text h4, .project-page .project-item .company-text h4 {
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .project-page .project-item {
    margin-bottom: 20px !important;
  }
  .jobs-page .cardsContainer .job-exp {
    margin: 9px 0;
    margin-bottom: 0;
  }
  .jobs-page .job-image img {
    width: 55px;
    object-fit: cover;
  }
  .first-cap h6 {
    margin-bottom: 10px !important;
  }
  .login-list li {
    list-style-type: none;
  }
  .language ul li {
    display: inline-flex;
    margin-right: 9px;
  }
  .service-account #steps {
    width: 80%;
  }
  .job-title {
    margin: 10px 0px;
  }
  .jobs-page .cardsContainer .job-exp {
    height: 87px;
  }
  .job-card .company-text h4, .project-page .project-item .company-text h4, .project-page .project-item .company-text h4 {
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 5px;
  }
  .job-card .company-text p, .project-page .project-item .company-text p, .project-page .project-item .company-text p {
    font-size: 15px;
    height: 16px;
  }
  #request-modal .two-btns .btn {
    padding: 10px 7px;
    font-size: 15px;
  }
  .modal .picture-video li img {
    width: 66px;
    height: 66px;
  }
  #request-modal .modal-title {
    font-size: 16px;
  }
  #request-modal.modal .modal-body {
    padding: 20px 15px;
  }
  #request-modal .btn i {
    font-size: 15px;
  }
  #request-modal .btn-cstm span {
    padding: 10px 5px;
    font-size: 14px;
  }
  .modal .modal-body p {
    line-height: 21px;
    font-size: 13px;
  }
  .regis-page.login-page.personel-data .regis-section .left-section a {
    padding-left: 0;
  }
  .toastify.on {
    width: auto !important;
  }
  .toastify {
    max-width: 100% !important;
    width: auto !important;
    font-size: 13px;
  }
  .ui-sortable .image {
    width: 50px;
  }
  .empty img {
    max-width: 100% !important;
  }
  .service-page #location-filter {
    max-width: 100% !important;
    width: 100% !important;
  }
  .project-page .date-cstm {
    margin-top: 0;
  }
  .invite-page-two .invite-page {
    margin-top: 0 !important;
  }
  .btn.btn-cstm.twitter-btn {
    width: 100%;
  }
  footer .footer-top li a:before {
    display: none !important;
  }
  .loginOpened {
    overflow: hidden;
  }
  .acspec {
    display: none !important;
  }
  .menuOpened .menu_overlay {
    display: block;
  }
  .title-caption .text-left {
    display: block;
    width: 70%;
  }
  .ads-page-new {
    padding: 0 !important;
  }
  .ads-page-new .table img {
    width: 50px;
    height: 50px;
  }
  .ads-page-new .table tr td:nth-child(1) {
    width: 58%;
  }
  #steps {
    width: 100%;
  }
  .service-detail .owl-slider .owl-item .item img {
    height: 280px;
    width: 100%;
  }
  .not-found {
    text-align: center;
    padding: 40px 0;
    padding-bottom: 70px;
    position: relative;
    overflow: hidden;
  }
  .not-found h2 {
    font-size: 130px;
  }
  .not-found .btn-cstm {
    font-size: 14px;
    margin-top: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    padding: 6px 16px;
    margin-top: 20px;
    border: 3px dotted #fe9900;
    font-weight: 600;
    background: #ffecd0;
    color: #000;
  }
  .not-found p {
    font-size: 13px;
    margin-top: 0px;
  }
  .not-found h4 {
    font-size: 18px;
    padding: 6px 18px;
    margin-bottom: 10px;
  }
  .not-found .first-img {
    left: 2%;
  }
  .not-found .second-img img {
    width: 50px;
  }
  .not-found .first-img img {
    width: 50px;
  }
  .not-found .third-img img {
    width: 20px;
  }
  .not-found .four-img img {
    width: 50px;
  }
  .not-found .five-img img {
    width: 50px;
  }
  .not-found h2:after {
    content: "";
    background: url("../img/robot.png");
    position: absolute;
    left: 0;
    z-index: -1;
    margin: 0 auto;
    width: 59px;
    height: 88px;
    background-size: contain;
    background-repeat: no-repeat;
    bottom: 0px;
    z-index: 0;
    top: initial;
    right: 0;
  }
  .not-found h2:before {
    content: "";
    background: url("../img/second.png");
    position: absolute;
    left: 60px;
    right: 0;
    z-index: -1;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    top: -10px;
  }
  .project-all .empty {
    min-height: auto;
  }
  .project-page .form-item .form-check {
    width: 100% !important;
  }
  .invite-page .needs-validation .form-control {
    width: 85% !important;
  }
  .invite-page .needs-validation .copy-cstm {
    width: 19% !important;
  }
  .invite-page .needs-validation .btn-send {
    width: 30% !important;
  }
  .project-page .page-title h2 {
    font-size: 18px !important;
    text-align: center;
  }
  .needs-validation .btn-send {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    margin-top: 15px;
    background: #fff;
    border: 1px solid #D6D6D6;
    padding: 10px 15px;
  }
  .nextStep .btn-cstm {
    padding-right: 14px;
    padding: 8px 10px;
    font-size: 15px !important;
  }
  .btn-prev {
    font-size: 14px;
    padding: 8px 12px;
  }
  .noo-mobile {
    display: none !important;
  }
  .section-one.with-description .service-all .service-item img {
    object-fit: contain;
    height: 180px;
  }
  .sub-detail-page .content .section-one {
    padding: 10px 0;
  }
  .sub-detail-page .service-all {
    margin-top: 7px;
  }
  .all-categories .content .box .text h6 {
    font-size: 15px;
  }
  .sub-categories .big-photo .cat-text h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
  }
  .sub-categories .big-photo {
    margin: 0 0;
    position: relative;
  }
  .sub-categories .big-photo .cat-text {
    position: absolute;
    left: 20px;
    z-index: 2;
    text-align: left;
    color: #fff;
    width: 65%;
  }
  .sub-categories .big-photo .cat-text p {
    font-size: 12px;
    font-weight: 300;
  }
  .project-page-two .page-title {
    margin-bottom: 0;
  }
  .needs-validation .form-item {
    margin-bottom: 20px;
  }
  /* 16.08.2022 */
  .jbsdetpg .jobspgtitle .job-title span {
    font-size: 14px;
    padding: 8px 12px;
    border-radius: 10px;
    margin: 0 20px;
  }
  .jbsdetpg .jobspgtitle .job-title {
    text-align: center;
    margin-top: 11px;
  }
  .job-title {
    display: flex;
    justify-content: center;
  }
  .job-title span {
    background: #FE9900;
    padding: 8px 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
  }
  .company-logo img {
    width: 120px;
    height: auto;
  }
  .jbsdetpg .jobspgtitle {
    padding: 15px 0;
    padding-bottom: 0;
  }
  .jbsdetpg .jobspgtitle .summary p {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .jobs-pagee .box {
    background: #FFF;
    padding: 10px 15px;
  }
  .jbsdetpg .whatSpecialLeft {
    margin-top: 10px;
    padding: 0 0;
    margin-bottom: 0 !important;
  }
  .jbsdetpg .nextStep .row .col-xl-12 {
    margin: 10px 0;
    margin-top: 0;
  }
  .jbsdetpg .jobspgtitle .summary {
    margin-bottom: 5px;
    margin-top: 10px;
  }
  /* 16.08.2022 END */
  .search-input {
    height: 42px;
  }
  .service-page {
    padding: 10px 0;
  }
  .sevenservice-page .question-item span {
    font-size: 17px;
    font-weight: 300;
  }
  .sevenservice-page .question-item b {
    font-size: 17px;
  }
  .provide-item {
    margin-bottom: 30px;
    text-align: center;
  }
  .index-page .slider .owl-nav .prev-slide {
    width: 29px;
    height: 56px;
  }
  .index-page .slider .owl-nav .next-slide {
    width: 29px;
    height: 56px;
  }
  .all-items .item {
    margin-bottom: 10px;
  }
  .index-page .slider .owl-nav .prev-slide:before {
    line-height: 56px;
  }
  .index-page .slider .owl-nav .next-slide:before {
    line-height: 56px;
  }
  header .top-header .top-side .left a {
    text-decoration: none !important;
    padding: 0 6px;
  }
  header .top-header .top-side .left a {
    font-size: 14px;
  }
  header .top-header .top-side .right-side li a {
    font-size: 14px;
  }
  header .top-header .top-side .language, header .top-header .top-side .account, header .top-header .top-side .choose {
    padding: 7px 5px !important;
  }
  header .top-header .top-side .choose {
    padding: 0 5px !important;
  }
  header .top-header .top-side .language, header .top-header .top-side .account, header .top-header .top-side .choose {
    background: transparent;
  }
  header .top-header {
    padding-bottom: 5px;
  }
  #drawer-toggle-label {
    top: 2px;
  }
  .sidebarMenu {
    top: 50px;
    width: 85%;
  }
  #drawer {
    width: calc(100% - 64px);
    border-top: 2px solid #fe9900;
  }
  header .top-header .top-side .right-side {
    text-align: center;
  }
  .index-page .slider .owl-nav .owl-next {
    right: 0;
  }
  .index-page .slider .owl-nav .owl-prev {
    left: 0;
  }
  .sign-join a b {
    display: inline-block;
  }
  header .logo {
    position: absolute;
  }
  .search-button {
    text-align: center;
    height: 42px;
    font-size: 20px;
    width: 52px;
    position: absolute;
    right: 0px;
    padding: 0 !important;
    margin: 0 !important;
  }
  .title-caption .text-left h3 {
    font-size: 17px;
  }
  .info-boxes .box-content h4 {
    font-size: 17px;
  }
  .info-boxes .box-content p {
    font-size: 14px;
    line-height: 24px;
    margin: 5px 0;
    color: #5e5e5e;
    font-weight: 500;
  }
  .alt-text .page-title h2 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .list {
    text-align: center;
    margin: 0 8px;
    margin-right: 11px;
  }
  .project-list-page.project-page.owl-projects .project-item .job-exp {
    font-size: 13px;
  }
  .special-section .title-caption h3 {
    font-size: 16px;
  }
  .service-all .box .name h5 {
    font-size: 16px;
  }
  .project-list-page.project-page .project-item h2 {
    font-size: 16px;
  }
  .project-list-page.project-page.owl-projects .project-item li b {
    font-size: 13px !important;
  }
  .project-list-page.project-page .project-item p {
    font-size: 13px;
  }
  .title-caption .text-right a {
    color: #000;
    font-size: 17px;
  }
  .project-list-page.project-page.owl-projects .project-item ul {
    margin-bottom: 0;
  }
  .mobile-flex {
    display: flex;
    flex-direction: column;
  }
  .bottom-header ul {
    flex-wrap: initial !important;
    overflow-x: auto;
    display: flex;
  }
  header .bottom-header li {
    margin: 0 3px;
    /* width: 53%; */
    flex: 1 0 30%;
  }
  header .bottom-header {
    height: 31px;
    font-size: 13px;
    padding: 5px;
  }
  .mobile-wrap {
    flex-wrap: initial !important;
    overflow-x: auto;
  }
  .mobile-wrap::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
    width: 95px;
  }
  .mobile-wrap::-webkit-scrollbar {
    width: 2px;
    height: 3px;
    background-color: #F5F5F5;
  }
  .mobile-wrap::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
    background-color: #fe9900;
  }
  .product-all-item {
    margin-bottom: 20px;
  }
  header .top-header .bottom-side .right-side {
    text-align: right;
    padding-top: 0;
    width: 57%;
    float: right;
    margin-top: -22px;
  }
  .cd-auto-hide-header {
    padding-top: 0;
    padding-bottom: 0;
  }
  .project i {
    display: none;
  }
  .openMenu {
    z-index: 9999;
  }
  .openMenu span {
    font-size: 0 !important;
  }
  .openMenu i {
    font-size: 17px;
  }
  #drawer li.language {
    text-align: left;
  }
  #drawer .fa-linkedin {
    color: #000 !important;
  }
  header .top-header .bottom-side .right-side li:first-child {
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 8px 6px;
    padding-top: 4px;
    position: relative;
  }
  header .top-header .bottom-side .right-side li:nth-child(2) {
    position: relative;
    top: -12px;
  }
  header i.far.fa-bell {
    font-size: 20px;
    color: #fff;
    position: relative;
    top: -3px;
  }
  header .top-header .bottom-side .right-side li a {
    font-size: 13px;
    float: left;
  }
  header .top-header .bottom-side .right-side li {
    display: inline-block;
    margin: 0 3px;
  }
  header .top-header .bottom-side .right-side li .nati-all {
    display: none;
    height: initial;
    width: initial;
  }
  header .top-header .bottom-side .right-side li:last-child {
    width: 135px;
  }
  header i.fa-solid.fa-user {
    font-size: 20px;
    color: #fff;
    position: relative;
    top: 3px;
  }
  header .cd-main-header.nav-is-visible i.fa-solid.fa-user {
    color: #000 !important;
    font-size: 30px;
  }
  .index-page .video-popup {
    position: absolute;
    right: 20px;
    bottom: -20px;
  }
  .index-page .slider {
    height: auto;
  }
  .index-page .slider .owl-carousel .owl-item .slider-photo img {
    height: auto;
  }
  .index-page .slider .container.slider-contain h2 {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 15px;
  }
  .index-page .slider .container.slider-contain p {
    font-size: 12px;
    font-weight: 200;
    margin-bottom: 11px;
    line-height: 16px;
  }
  .caption p {
    font-size: 12px;
    line-height: 20px;
  }
  .index-page .content .section-two .box .text h5 {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 7px;
    padding-bottom: 8px;
    position: relative;
  }
  .index-page .content .section-one .right-side .text .btn-cstm {
    padding: 7px 16px;
    margin-bottom: 13px;
    margin-top: 10px;
  }
  .index-page .content .section-five {
    padding: 20px 0;
  }
  .index-page .content .section-one .caption h4 {
    margin-bottom: 13px;
  }
  .index-page .content .section-four .form-control {
    height: 35px !important;
    padding: 10px 20px;
    font-size: 12px;
  }
  .index-page .content .section-four .form-item {
    margin-bottom: 29px;
  }
  .index-page .content .section-four .caption h4 {
    font-size: 16px;
    margin-bottom: 0;
  }
  .index-page .content .section-four .caption {
    margin-bottom: 20px;
    text-align: center;
  }
  .index-page .content .section-four label {
    font-size: 12px;
  }
  header .menu-top {
    text-align: center;
  }
  .index-page .content .section-one .right-side {
    text-align: center;
  }
  .caption {
    margin-bottom: 30px;
  }
  .index-page .content .section-one .right-side .text p {
    font-size: 14px;
    margin-bottom: 23px;
    line-height: 24px;
  }
  .caption h4 {
    font-size: 16px;
  }
  header .menu-top li i {
    font-size: 13px;
    margin-right: 5px;
  }
  .index-page .content .section-three .owl-nav .owl-prev {
    left: -10px;
  }
  .index-page .content .section-three .owl-nav .owl-next {
    right: -10px;
  }
  .index-page .content .section-one {
    padding: 20px 0;
    padding-bottom: 40px;
  }
  .index-page .content .section-one .left-side {
    margin-top: 15px;
  }
  .index-page .content .section-two {
    padding: 20px 0;
  }
  .index-page .content .section-three {
    padding: 20px 0;
  }
  .index-page .content .section-four {
    padding: 20px 0;
  }
  .index-page .content .section-four .right-side {
    margin-top: 10px;
  }
  header .menu-top li a {
    font-size: 12px;
  }
  header .menu-top li {
    margin: 0 4px;
  }
  header {
    padding-bottom: 20px;
  }
  .hidden-mobile {
    display: none;
  }
  .hidden-desktop {
    display: block;
    text-align: center;
  }
  .hidden-desktop a {
    color: #fff;
    font-size: 13px;
    margin: 0 4px;
  }
  header .navbar-brand img {
    width: 100px;
    margin-top: -5px;
    margin-left: 31px;
  }
  .sign-section {
    margin-top: -7px;
  }
  .footer-top .text {
    margin: 17px 0;
    text-align: center;
  }
  .last-section {
    text-align: center;
  }
  .copyright {
    text-align: center;
  }
  .bottom-links ul {
    display: inline-flex !important;
    text-align: center;
  }
  .bottom-links li {
    float: left;
  }
  footer .f-bottom .bottom-links ul li a {
    font-size: 12px;
    padding: 0 5px;
    line-height: 20px;
  }
  .count-nati.mess {
    right: -3px !important;
    top: 0px !important;
  }
  header .top-header .bottom-side {
    display: none !important;
  }
  header .top-header .bottom-side.formobile {
    display: block !important;
  }
  #searchbtn {
    position: absolute;
    right: 60px;
    top: 11px;
    z-index: 999;
    color: white;
    font-size: 21px;
  }
  .search-section {
    display: none;
    margin-top: 20px;
    position: relative;
    top: -5px;
  }
}
.close-m {
  display: none;
}

.filter-actions.hidden {
  display: none;
}

.pull-bar {
  display: none;
}

.close-btn {
  display: none;
}

#filter-button {
  display: none;
}

@media only screen and (max-width: 767px) {
  .filter #searchInput {
    height: 45px;
  }
  .btn-warning {
    color: #fff;
    background-color: #fe9900;
    border-color: #ffc107;
  }
  #filter-button {
    display: block;
  }
  .close-btn {
    display: block;
  }
  .pull-bar {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    cursor: pointer;
    padding-top: 10px;
    height: 44px;
  }
  .pull-bar .btnpull {
    background: #ccc;
    height: 3px;
    width: 62px;
    margin: 0 auto;
    margin-top: 7px;
    border-radius: 5px;
  }
  #filter-panel {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 125px);
    background: #fff;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    transform: translateY(100%);
    transition: transform 0.3s ease-in-out;
    z-index: 1000;
    overflow-y: auto;
    padding-bottom: 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  #filter-panel.active {
    transform: translateY(0);
  }
  #filter-panel .drag-bar {
    width: 60px;
    height: 5px;
    background: #ccc;
    border-radius: 3px;
    margin: 10px auto;
  }
  .no-scroll {
    overflow: hidden;
    height: 100vh;
  }
  #close-filter {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
  }
  #filter-actions {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
    z-index: 11009;
    gap: 10px;
  }
  #filter-actions.hidden {
    display: none;
  }
  #filter-actions button {
    flex: 1;
  }
  #filter-button {
    display: block;
    text-align: center;
    width: 100%;
    align-items: center;
    justify-content: center;
    background: #FE9900;
    color: #fff !important;
  }
  #clear-filters {
    font-size: 1.1rem;
    padding: 10px 10px;
    border-radius: 8px;
  }
  #apply-filter-button {
    background: #e68000;
    color: #fff !important;
    font-size: 1.1rem;
    padding: 10px 10px;
    border-radius: 8px;
  }
  #apply-filter-button {
    margin-bottom: 0;
  }
  .index-page-new .eight-section .box .btn-cstm {
    width: 100% !important;
  }
  .jbsdetpg .whatSpecialLeft .box.right-cstm {
    margin-top: 20px !important;
  }
  .owl-slider .owl-nav.disabled + .owl-dots {
    margin-top: -20px !important;
    position: relative;
    z-index: 99;
  }
  .owl-slider .owl-dots .owl-dot.active span {
    background: #ffffff !important;
  }
  .owl-slider .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 4px;
    border: 1px solid #fff;
    background: transparent;
  }
  .filter-count .text-left span {
    font-size: 14px;
  }
  .order-cstm b {
    font-size: 14px;
  }
  .order-cstm select {
    font-size: 14px;
  }
  .project-page .project-item p {
    min-height: initial;
  }
  .new-payment .box {
    min-height: auto !important;
  }
  header .top-header .bottom-side .right-side li:first-child {
    left: initial;
    float: left !important;
  }
  .nati-section {
    margin-top: 0;
  }
  .close-m {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
  }
  .close-m i {
    font-size: 27px;
    position: absolute;
    /* bottom: 20px; */
    right: 5px;
    left: 0;
    right: 0;
    top: 13px;
    margin: 0 auto;
    text-align: center;
    z-index: 99;
    color: #fe9900;
  }
  .natiOpened .nati-all {
    display: block !important;
  }
  .nati-li:hover .nati-all {
    top: 47px !important;
    background: #fff;
  }
  .help-page .more-topics {
    border-top: 2px dotted #e2e2e2;
    padding: 0px;
    padding-top: 20px;
    margin-top: 20px;
  }
  .follow-page .social-section .images {
    position: relative;
  }
  .follow-page .past-item .name .follow-btn {
    top: -7px;
    position: absolute;
    right: 0;
    top: 30px;
  }
  .follow-page .btn-dots {
    width: 52px;
    z-index: 99;
  }
  .follow-page .veri li {
    width: auto;
    float: left;
    margin: 0 7px;
  }
  .follow-page .veri {
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    justify-content: center;
    width: 84%;
    margin: 0 auto;
  }
  .career .caption h4 {
    font-size: 22px;
  }
  .career .second-section .text h5 {
    font-size: 20px;
  }
  .career .jobs-item h6 {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 20px;
  }
  .career .second-section .text p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
    line-height: 21px;
    color: #000;
  }
  .career .second-section .text h5 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
  }
  .career .caption p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 16px;
    line-height: 23px;
    color: #000;
  }
  .career .jobs-item a {
    font-size: 16px !important;
  }
  .career .jobs-item h6 {
    font-weight: 700;
    font-size: 20px;
  }
  .page-title h2 {
    font-size: 23px;
  }
  .legal-page .page-title h2 {
    font-size: 21px;
  }
  .text-page .section h1 {
    color: #000;
    font-size: 16px;
  }
  .int-property p {
    margin: 10px 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
  }
  .help-page .help-section {
    margin-top: 10px !important;
    margin-bottom: 20px !important;
  }
  .help-page .help-box .box-item h3 {
    color: #000;
    font-size: 17px;
    margin-bottom: 15px;
  }
  .pricing-subs .page-title h2 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 0px;
  }
  .help-page .help-section {
    padding: 17px;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .help-page .help-title h6 {
    color: #000;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 8px;
    margin-top: 10px;
  }
  .info-boxes .middle {
    margin-top: 30px;
  }
  .main-section .taste .col-lg-12 .row .col-lg-3 {
    justify-content: start !important;
  }
  .main-section .taste .row .row:last-child .col-lg-3 a img:last-child {
    margin-left: 0 !important;
  }
  .serviceBox {
    text-align: center;
  }
  .main-section .aboutTable table tr {
    text-align: center;
    display: flex;
    flex-direction: column;
  }
  .main-section .aboutTable table tr td {
    text-align: center;
  }
  .main-section .aboutTable table tr td:nth-child(2) {
    vertical-align: middle;
    width: 100%;
    text-align: center;
  }
  .main-section .aboutTable table tr td:nth-child(1) img {
    height: 100% !important;
    width: 100%;
  }
  .bottomInfoMenu {
    padding: 10px;
  }
  .bottomInfoMenu ul {
    flex-direction: column;
  }
  .bottomInfoMenu ul li {
    font-size: 20px;
    text-align: center;
  }
  .jobs-page .cardsContainer .job-card .sm-center, .jobs-page .cardsContainer .project-page .project-item .sm-center, .project-page .jobs-page .cardsContainer .project-item .sm-center {
    text-align: center;
    margin: 0 0;
  }
}
.section .btn-cstm {
  background: #FE9900;
  color: #fff;
  font-weight: 400;
}
.section .btn-cstm:hover {
  background: #ffb23e;
}

.section .option-box .btn-cstm {
  background: #fff;
  color: #000;
  font-weight: 400;
}

.jbsdetpg .section .text-align-center button {
  margin-bottom: 20px !important;
}

.myAccount .btn-cstm:hover {
  background: #FE9900;
}

.sponsored-service {
  padding-top: 20px !important;
}

.service-account.lastcstm .myAccount .job-opt .btn-cstm {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
  font-size: 15px !important;
}

.service-account.lastcstm .project-item .profile {
  padding-top: 25px;
  padding-bottom: 12px;
  height: 37px;
}

@media only screen and (min-width: 1401px) {
  .message-outbox {
    padding: 0 90px;
  }
}
@media only screen and (max-width: 1400px) and (min-width: 1200px) {
  .message-outbox {
    padding: 0 50px !important;
  }
}
@media only screen and (min-width: 992px) {
  .only-mobile {
    display: none;
  }
  .whitebg.over {
    overflow: auto;
  }
}
@media only screen and (min-width: 992px) {
  .myAccount .vacancies .text-cstm {
    min-height: 125px;
  }
  .service-account .myAccount .project-item .text {
    margin-top: 15px !important;
    height: 75px;
  }
  .service-account.lastcstm .myAccount .project-item .text {
    margin-top: 4px !important;
  }
}
@media only screen and (min-width: 991px) and (max-width: 1200px) {
  .center-piece p {
    padding: 0;
    font-weight: 500;
    font-size: 11px;
    line-height: 20px;
  }
  .index-page-new .video-section a:before {
    content: "";
    background: rgba(0, 0, 0, 0.22);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
    margin: 0 auto;
  }
  .index-page-new .video-section a {
    position: relative;
  }
  .index-page-new .video-section:before {
    display: none;
  }
  .index-page-new .video-section {
    position: relative;
    display: flex;
    height: 100%;
    align-content: center;
    align-items: center;
  }
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
  .newprofiledesign .top-new-profile .textright ul {
    display: flex;
    flex-wrap: wrap;
  }
  .newprofiledesign .text p {
    font-size: 13px !important;
    line-height: 20px !important;
  }
  .newprofiledesign .text h2 {
    font-size: 15px !important;
  }
  .index-page-new .video-section a:before {
    content: "";
    background: rgba(0, 0, 0, 0.22);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
    margin: 0 auto;
  }
  .index-page-new .video-section a {
    position: relative;
  }
  .index-page-new .video-section:before {
    display: none;
  }
  .index-page-new .video-section {
    position: relative;
    display: flex;
    height: 100%;
    align-content: center;
    align-items: center;
  }
  .paymnt-top {
    text-align: left;
  }
  .service-all .service-item {
    border: none !important;
  }
  .service-all .mobile-wrap {
    border: 1px solid #f1f1f1;
  }
  .paymnt-top .progres-border {
    max-width: 150px;
    width: 100%;
  }
  .paymnt-top .progres-border .progres-color {
    max-width: 50px;
    width: 100%;
  }
  .pc-tab ul li label {
    padding: 20px 25px;
    min-width: 172px;
    font-size: 16px;
  }
}
@media only screen and (min-width: 540px) and (max-width: 767px) {
  .jobs-page .cardsContainer .job-exp {
    min-height: auto;
    -webkit-line-clamp: initial !important;
    -webkit-box-orient: initial;
    overflow: initial;
    text-overflow: initial;
    padding-bottom: 10px;
  }
  .regis-page .regis-section .needs-validation.newstyle {
    max-width: 400px !important;
    margin: 0 auto;
  }
  .login-page .regis-section .left-section {
    max-width: 400px !important;
  }
  .job-card .row, .project-page .project-item .row {
    flex-direction: column-reverse;
  }
  .jobs-page .job-image img {
    width: 58px;
  }
  .job-card .company-text p, .project-page .project-item .company-text p, .project-page .project-item .company-text p {
    font-weight: 300;
    font-size: 12px;
  }
  .sm-center,
  .company-text {
    text-align: left;
  }
  .job-location {
    justify-content: left;
  }
  .jobs-pagee .box {
    margin-bottom: 20px;
    padding: 7px 14px;
  }
  .jobs-pagee .box ul li {
    font-size: 13px;
    margin: 9px 0;
  }
  .jobs-pagee .box ul {
    margin-top: 5px;
    padding-top: 0;
  }
  .box-rectangle {
    max-width: 95%;
  }
  .paymnt-top {
    text-align: left;
  }
  .paymnt-top a {
    padding: 10px 20px;
  }
  .job-card .social.text-left {
    float: left !important;
    text-overflow: ellipsis;
    overflow: hidden;
    width: calc(100% - 65px);
    height: auto !important;
    white-space: nowrap;
    text-align: left;
  }
  .paymnt-top .progres-border {
    width: 100%;
    max-width: 95px;
  }
  .paymnt-top .progres-border .progres-color {
    width: 100%;
    max-width: 33%;
  }
  .pc-tab ul li label {
    padding: 20px 25px;
    min-width: auto;
    font-size: 15px;
  }
}
.project-detail .employer .company-logo img {
  object-fit: cover;
}

.myAccount .content-text .cstma {
  display: none;
}

.adlabel img {
  display: none !important;
}

@media only screen and (max-width: 1200px) {
  .filter-content #searchInput {
    border-radius: 5px;
  }
  .jobs-page.project-page.project-list-page {
    padding: 10px 0;
  }
  .filter-box .form-group label {
    font-size: 13px !important;
  }
  .myAccount .content-text {
    position: relative;
  }
  .myAccount .content-text .cstma {
    color: #000;
    position: absolute;
    top: 5px;
    right: 0;
    display: block;
  }
  .myAccount .content-text .cstma i {
    font-size: 14px;
    top: 0px;
    position: relative;
  }
  .myAccount .content-text .cstma span {
    margin-left: 3px;
    font-size: 14px;
  }
  .messangerpage {
    padding-top: 0 !important;
  }
  .jbsdetpg .nextStep {
    margin: 0 0 !important;
  }
  .jbsdetpg .whatSpecialLeft {
    margin-top: 10px;
    padding: 0 0;
    margin-bottom: 0 !important;
  }
  .jbsdetpg .nextStep .row .col-xl-12 {
    margin: 10px 0;
    margin-top: 0;
  }
  .project-detail .title span {
    font-size: 18px !important;
  }
  .job-card, .project-page .project-item, .project-page .project-item {
    padding: 18px 17px;
  }
  .jobs-page .cardsContainer .job-location {
    margin-top: 10px !important;
  }
  .adlabel .text {
    font-size: 12px;
  }
  .city-text h5, .jobtype-text h5 {
    font-size: 12px !important;
    font-size: 12px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 70px;
    height: 18px;
    white-space: nowrap;
    line-height: 16px;
  }
  .jobtype-text h6 {
    font-size: 12px !important;
    line-height: 18px;
  }
  .jobs-page .cardsContainer .job-exp {
    margin: 15px 0;
  }
  .job-exp {
    font-size: 12px;
  }
  .city-text span, .jobtype-text span {
    font-weight: 400;
    font-size: 12px;
  }
  .adlabel img {
    width: 44px !important;
  }
}
@media only screen and (max-width: 540px) {
  .laila-all {
    margin-top: 0;
    display: flex;
    height: 100% !important;
    flex-direction: column;
    overflow: hidden;
  }
  .laila-all .right-section .logo {
    margin-top: 0px !important;
  }
  .laila-all .right-section {
    padding: 20px;
    padding-top: 0;
    height: calc(100vh - 330px);
    position: relative;
    top: 0px !important;
  }
  .paymnt-top .paymnt-step {
    border-radius: 24px;
    width: 100%;
  }
  .project-edit .myAccount .project-item .job-exp {
    min-height: 60px;
  }
  .paymnt-top a {
    font-weight: 500;
    font-size: 14px;
    color: #000;
    padding: 10px 7px;
  }
  .paymnt-top .progres-border {
    float: none;
    width: 100%;
    height: 21px;
    margin-top: 12px;
  }
  .paymnt-top .progres-border .progres-color {
    width: 33%;
    height: 21px;
  }
  .pc-tab ul li label {
    padding: 13px 6px;
    min-width: auto;
    font-size: 13px;
  }
  .InvtFrndsCont {
    padding: 20px 10px;
  }
}
@media only screen and (max-width: 992px) {
  .main-section .logos,
  .main-section .logosSecond {
    margin-top: 15px;
  }
}
.start-project .project-page {
  margin-top: 15px;
}

.owl-carousel .owl-video-tn {
  background-size: cover;
  padding-bottom: 20%;
  /* 16:9 */
  padding-top: 25px;
}

.owl-video-frame {
  position: relative;
  padding-bottom: 20%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.owl-video-frame iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.whitebg {
  background: #fff !important;
  padding: 20px;
  margin-top: 15px;
}

.dflx {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  margin-top: -25px;
}

.messages-page {
  padding-top: 15px !important;
  height: 100%;
}
.messages-page .message-all .whitebg.dflx {
  margin-top: 0 !important;
}

.messages-page .caption h6 a {
  color: #000 !important;
}

.quick-search-text {
  width: 100%;
}

.myAccount .messages-page .content {
  height: calc(100% - 55px);
}

.messages-page .clearfix:after, .messages-page .messages:after {
  content: "";
  display: table;
  clear: both;
  height: 0;
  visibility: hidden;
}

.messages-page .conversation {
  height: 568px;
  overflow: auto;
  padding: 25px 25px;
  padding-bottom: 20px;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

.conversation::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}

.conversation::-webkit-scrollbar {
  width: 2px;
  background-color: #F5F5F5;
  height: 2px;
}

.conversation::-webkit-scrollbar-thumb {
  background-color: #FE9900;
  height: 2px;
}

.messages-page .message {
  clear: both;
  font-size: 12px;
  margin-bottom: 10px;
}

.messages-page .message--thumb {
  background-color: transparent !important;
  padding: 0;
  margin-top: 5px;
  margin-bottom: 10px;
  width: 20px;
  height: 20px;
  border-radius: 0px !important;
}

.messages-page .text-bar {
  padding: 23px 0;
  border-top: 1px solid #ECECEC;
  padding-left: 12px;
  padding-top: 7px;
  display: flex;
  flex-direction: column;
  padding-bottom: 15px;
}

.messages-page .text-bar__field {
  float: left;
  width: calc(100% - 50px);
  height: 100%;
}

.messages-page .text-bar__field input {
  width: 98%;
  height: 34px;
  padding: 0 20px;
  border: none;
  position: relative;
  vertical-align: middle;
  font-size: 14px;
  background: #ECECEC;
  border-radius: 29px;
}

.messages-page .text-bar__thumb {
  float: left;
  width: 32px;
  height: 32px;
  padding: 0px;
}

.messages-page .text-bar__thumb:hover {
  opacity: 0.8;
}

.messages-page .text-bar__thumb .thumb {
  width: 32px;
  height: 32px;
  cursor: pointer;
  background: #ffaf37;
  border-radius: 50%;
  text-align: center;
  line-height: 32px;
  margin-top: 0px;
  position: relative;
  right: 6px;
  top: 1px;
}

.messages-page .text-bar__thumb .thumb i {
  color: #fff;
  padding-top: 7px;
}

.messages-page .thumb {
  display: block;
}

.messages-page .anim-wiggle {
  animation: wiggle 0.2s ease infinite;
}

.messages-page .anim-wiggle-2 {
  animation: wiggle2 0.2s ease infinite;
}

.circle-button {
  background-color: #fe9a01 !important;
}

.circle-button {
  padding: 11px;
  margin-right: 5px;
  height: 33px;
}

@keyframes wiggle {
  0% {
    transform: rotateZ(5deg);
  }
  50% {
    transform: rotateZ(-5deg);
  }
  100% {
    transform: rotateZ(5deg);
  }
}
@keyframes wiggle2 {
  0% {
    transform: rotateZ(10deg);
  }
  50% {
    transform: rotateZ(-10deg);
  }
  100% {
    transform: rotateZ(10deg);
  }
}
.messages-page .date {
  font-size: 10px;
  font-weight: 600;
  color: #8E8E8E;
  text-align: center;
  margin: 32px 0;
}

.messages-page .message-all {
  height: 100%;
  border: 1px solid #ECECEC;
}

.messages-page .message-all .row-flex {
  height: 100%;
}

.messages-page .message-all .padRight {
  border-right: 1px solid #ECECEC;
}

.messages-page .message-all .nav-link {
  border: 1px solid #ECECEC;
  border-right: none;
  border-left: none;
  border-radius: 0;
  border-bottom: none;
  margin-bottom: 0 !important;
  padding: 15px;
}

.messages-page .message-all .nav-link:last-child {
  border-bottom: 1px solid #ECECEC;
}

.messages-page .message-all .nav-link.active {
  background: #fff9f1;
}

.messages-page .message-all .padLeft .caption {
  display: flex;
  justify-content: space-between;
  background: #fcfcfc;
  border-bottom: 1px solid #f5f5f5;
}

.messages-page .message-all .message-box {
  position: relative;
}

.messages-page .message-all .message-box .text {
  padding-left: 4px;
  border: none;
}

.messages-page .message-all .message-box img {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #fff;
}

.messages-page .message-all .text {
  border-bottom: 1px solid #ECECEC;
  text-align: left;
  padding: 0 15px;
  padding-top: 0px;
  overflow-wrap: anywhere;
}

.messages-page .message-all .text h6 {
  font-size: 14px;
  font-weight: 600;
  color: #212121;
  line-height: 20px;
  margin-bottom: 0;
}

.messages-page .message-all .text p {
  font-size: 12px;
  font-weight: 400;
  color: #696969;
  line-height: 18px;
  margin-top: 4px;
}

.messages-page .against img {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #fff;
}

.messages-page .against .proje-offer > img {
  position: relative;
  width: 50px;
  height: auto;
  border-radius: 0;
  top: -13px;
  transform: initial;
  border: none;
}

.messages-page .proje-offer > img {
  position: relative;
  width: 50px;
  height: auto;
  border-radius: 0;
  top: -13px;
  transform: initial;
  border: none;
}

.chat .chat-message .proje-offer > img {
  position: relative;
  width: 35px;
  height: auto;
  border-radius: 0;
  top: -13px;
  transform: initial;
  border: none;
  float: initial !important;
}

.chat .chat-message .proje-offer p {
  margin-top: 9px;
}

.chat .chat-message .proje-offer {
  padding-bottom: 20px;
}

.messages-page .against .text {
  border: none;
  float: left;
  padding-bottom: 12px;
  padding-top: 8px;
  background: #fff9f1;
  -webkit-border-radius: 8px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius: 8px;
  -moz-border-radius-topleft: 0;
  border-radius: 8px;
  border-top-left-radius: 0;
  overflow-wrap: anywhere;
}

.messages-page .messages--sent {
  position: relative;
}
.messages-page .messages--sent .seen {
  position: absolute;
  right: 0;
  bottom: -10px;
}
.messages-page .messages--sent .seen img {
  border-radius: 30px;
}

.messages-page .against .text p {
  font-size: 15px;
  font-weight: 400;
  color: #212121;
  line-height: 20px;
}

.messages-page .own {
  margin-bottom: 12px;
}

.messages-page .own .text {
  border: none;
  float: right;
  padding-bottom: 12px;
  padding-top: 8px;
  background: #58bb58;
  border-radius: 15px !important;
}

.messages-page .own .text p {
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  line-height: 18px;
}

.messages-page .caption {
  padding: 14px;
}

.messages-page .caption h6 {
  font-size: 20px;
  font-weight: 600;
  color: #000;
}

.messages-page .messages {
  margin-bottom: 10px;
}

.messages-page .messages--sent {
  margin-bottom: 12px;
}

.messages-page .messages--sent .message {
  border: none;
  float: right;
  max-width: 80%;
  background: #fe9900;
  border-radius: 7px !important;
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  line-height: 18px;
  padding: 10px 10px;
  background: #fe9900;
  width: auto;
  border-radius: 7px;
  line-height: 20px;
  color: #fff;
  overflow-wrap: anywhere;
}

.message-left .padLeft .text p {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 170px;
  height: auto;
  white-space: nowrap;
}

.invite-page {
  margin-top: 15px;
  padding: 20px 25px !important;
}

.invite-page .left-section {
  border-top: 2px dotted #000;
  margin-top: 30px;
}

.invite-page .left-section i {
  margin-right: 3px;
}

.invite-page .left-section .twitter-btn:hover {
  background: #1b91d9;
}

.invite-page .left-section .other-btn {
  padding-left: 0;
  margin-top: 10px;
}

.invite-page .left-section .face-btn:hover {
  background: #2f4881;
}

.invite-page p {
  font-size: 14px;
  margin-top: 13px;
}

.invite-page h6 {
  font-size: 14px;
  margin-bottom: 15px;
  color: #000;
}

.invite-page h3 {
  margin-bottom: 15px;
  font-size: 35px;
}

.invite-page .input-cstm {
  width: 64%;
  float: left;
  position: relative;
}

.invite-page .input-cstm .form-control {
  border-radius: 0;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-right: 0 !important;
}

.invite-page .google-btn {
  background: #e65a4e;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

.invite-page .face-btn {
  background: #39589e;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  margin-left: 10px;
}

.invite-page .needs-validation {
  margin: 30px 0;
  margin-bottom: 30px;
}

.invite-page .needs-validation .btn-send {
  margin-top: 0;
  padding: 8px 25px;
  border-radius: 0;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  border-left: 0 !important;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.invite-page .needs-validation .copy-cstm {
  position: absolute;
  top: 0;
  right: 0;
  color: #222;
  border-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  border-radius: 0 !important;
  margin-right: 0;
  height: 45px;
  background: #e9ecef;
  /* padding: 9px 20px; */
  float: left;
  width: 16%;
  padding-top: 8px;
}

.welcome-page .whitebg h5 {
  margin-bottom: 15px;
}

.welcome-page .account-boxs {
  padding: 0;
  margin-bottom: 0 !important;
}

.welcome-page .account-boxs .box-rectangle {
  margin-bottom: 25px;
}

.modal .text-center {
  margin-top: 0;
}

.save-cstm {
  margin: 0 auto;
}

.disp-none {
  display: none;
}

.container-form {
  padding-top: 15px;
}

#confirm-img {
  height: 68px;
}

.container-image {
  margin-top: 10px;
}

#confirm-img {
  height: 48px;
  border-radius: 0;
  width: auto;
  margin-top: 10px;
}

#upload-aphoto {
  background: #242f3e;
  border-color: #242f3e;
}

.multipleChosen, .multipleSelect2 {
  width: 300px;
}

.ad-service {
  background: #fff;
  padding: 25px;
}

.ad-service > h2 {
  font-size: 21px;
  margin-bottom: 15px;
}

.newprofiledesign .ad-service {
  padding: 0 !important;
}
.newprofiledesign .bottom-section {
  margin-top: 45px !important;
  background: #fff;
  padding: 0 !important;
}
.newprofiledesign .box-item img {
  width: 140px;
}

/*
.project-item{
	.company-text{
		width:calc(100% - 50px);
	}
}*/
input:focus {
  box-shadow: none !important;
}

.veri {
  display: flex;
  flex-wrap: wrap;
}

.veri li {
  width: 50%;
  float: left;
}

.service-d-last .veri li {
  width: 100%;
  float: left;
}

.veri li:nth-child(3) {
  position: relative;
  top: 6px;
}

.veri li:nth-child(4) {
  position: relative;
  top: 6px;
}

.veri li.active a i {
  color: #009c9c;
}

.veri a {
  margin: 5px 0px !important;
  padding: 8px !important;
  border-bottom: 0 !important;
  text-align: left;
}

.owl-logo img {
  max-width: 150px;
  margin: 0 auto;
}

.owl-logo .owl-stage {
  display: flex;
  align-items: center;
}

.sevenservice-page .profile-text b {
  display: block;
  margin-bottom: 10px;
  padding-top: 10px;
  border-top: 2px dotted #e1e1e0;
}

.sevenservice-page .profile-text .profile-text ul li a {
  color: #000;
  font-size: 14px;
  display: block;
  border-bottom: 1px solid #f5f5f5;
  margin: 3px 15px;
  padding: 12px;
  text-decoration: none;
}

.additional {
  background: #f9f9f9;
  padding: 5px 25px;
  padding-top: 10px;
  margin-top: 25px;
}

.additional h6 {
  font-weight: 600;
  margin-bottom: 10px;
}

.additional ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0px 16px;
}

.additional ul li {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
  position: relative;
  display: inline-block;
  margin-right: 0;
  padding: 0 !important;
}

.additional ul li i {
  color: #555;
  margin-right: 5px;
}

.modal-notice .modal-footer {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}

.modal-notice .btn-primary {
  background: #FE9900;
  color: #fff;
  border-color: #FE9900;
}

.modal-notice .btn-secondary {
  background: #000;
  color: #fff;
  border-color: #000;
}

.modal-notice h6 {
  margin-bottom: 15px;
}

.modal-notice .form-check .form-check-input {
  position: relative;
  top: -4px;
}

.form-item.topcstm {
  margin-top: 20px !important;
}
.form-item.topcstm a b {
  font-size: 15px !important;
}

.form-item.topcstm .form-check .form-check-input {
  top: 0 !important;
}

.social-section {
  position: relative;
}

.share {
  background: transparent;
  box-shadow: none !important;
  border: none;
}

#copyStatus {
  position: relative;
  display: none;
}

#copyStatus .copy-area {
  position: absolute;
  top: -65px;
  right: initial;
  left: -50px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 7px;
  background: #fff;
  min-width: 140px;
}

#copyStatus .copy-area i {
  position: absolute;
  left: 60px;
  bottom: -7px;
}

.top-icons {
  position: absolute;
  top: 65px;
  right: 25px;
  z-index: 1;
  width: max-content;
}

.top-icons i {
  color: #ccc;
  font-size: 18px;
}

.top-icons i:hover {
  color: #fe9900;
}

.top-icons .fa-star:hover {
  color: #fe9900;
}

.cardsContainer .job-card .top-icons, .cardsContainer .project-page .project-item .top-icons, .project-page .cardsContainer .project-item .top-icons {
  position: absolute;
  top: 20px;
  left: 23px;
}

.nati-section .nav-tabs .nav-item.show .nav-link, .nati-section .nav-tabs .nav-link.active {
  border: none !important;
  color: #FE9900 !important;
}

header .top-header .bottom-side .right-side li ul li a {
  color: #000;
}

header .top-header .bottom-side .right-side li ul li:first-child {
  border: none;
  border-radius: initial;
  padding: initial;
  padding-top: initial;
  position: relative;
  top: initial;
}

header .cstm-ul i {
  font-size: 19px !important;
}

header .top-header .bottom-side .right-side li:first-child i {
  font-size: 19px;
  margin-right: 10px;
  position: relative;
  top: 3px;
}

header .cstm-ul {
  position: absolute;
  top: 15px;
  right: 12px;
  display: none;
}

header .cstm-ul ul {
  display: inline-flex;
}

.wspecial.cstm-new ul li a {
  display: flex;
  flex-direction: row;
  padding: 10px;
}

.wspecial.cstm-new li {
  padding: 0 !important;
}
.wspecial.cstm-new li a {
  padding: 25px 17px;
}
.wspecial.cstm-new h5 {
  padding: 15px 25px;
  color: #333;
  font-size: 17px;
  border-bottom: 1px solid #ccc;
  position: relative;
}
.wspecial.cstm-new h5:after {
  content: "";
  width: 20px;
  height: 2px;
  background: #d9880b;
  position: absolute;
  top: 25px;
  margin-left: 7px;
}

header .top-header .bottom-side .right-side .nati-section .tab-content li {
  margin: 0px !important;
  width: 100%;
  position: relative;
  border-bottom: 1px solid #f1f1f1 !important;
}
header .top-header .bottom-side .right-side .nati-section .tab-content li:hover {
  background: #ffedd2;
}

header .top-header .bottom-side .right-side .nati-section .tab-content li:hover .cstm-ul {
  display: block;
}

.index-page .top-icons i {
  font-size: 16px;
}

.index-page .project-page .date span {
  font-size: 12px;
}

.index-page .project-page .text-left li i {
  font-size: 14px;
}

.index-page .project-page .fa-brands.fa-twitter {
  color: #1DA1F2 !important;
}

.project-list-page .question2 label:before {
  content: "\f005";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #ddd;
  font-size: 2em;
}

.project-list-page .rating-bottom {
  margin-bottom: 30px !important;
}

.project-list-page .question2 {
  display: block;
  margin-bottom: 40px;
}

.project-list-page .question2 span {
  width: 120px;
  float: left;
}

.project-list-page .question2 label.on:before {
  content: "\f005";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #FE9900;
  /* uncomment for iOS */
  /*   font-size: 2.4em;
  top: -0.1em;
  left: -0.1em; */
}

.project-list-page .question2 input:checked + .question2 label:before {
  content: "\f005";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #FE9900;
  /* uncomment for iOS */
  /*   font-size: 2.4em;
  top: -0.1em;
  left: -0.1em; */
}

.project-list-page .question2 label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 25px;
  margin-right: 5px;
  font-size: 12px;
}

.project-list-page .question2 label:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  top: -19px;
  border-radius: 10px;
}

.project-list-page .question2 input[type=radio] {
  display: none;
  -webkit-appearance: none;
}

.free-service .project-list-page.project-page .lookdetail {
  padding: 15px 20px;
  border-color: #ccc;
}

.free-service .question2 {
  margin-bottom: 30px;
  width: 36%;
}

.free-service .question2 span {
  width: 104px !important;
  display: inline-block !important;
  float: initial !important;
  margin-right: 20px;
}

.free-service .text-center.border-cstm {
  padding-top: 20px;
  border-top: 2px dotted #FE9900;
}

.free-service .comment-rate {
  margin-top: 30px;
  background: #fff;
  margin-bottom: 30px;
}

#loadMore {
  font-size: 16px;
  color: #474747;
  font-weight: 600;
  text-decoration: none;
}

.messages--received .message-time {
  color: #000 !important;
}

.all-service {
  padding: 0 50px;
  margin-top: 30px;
}

.wspecial.cstm-new .new-nati {
  background: #fff;
  border-radius: 15px;
  margin-bottom: 10px;
}
.wspecial.cstm-new .new-nati .name strong {
  color: #d9880b;
  font-size: 17px;
  font-weight: 600;
}
.wspecial.cstm-new .new-nati .desc.small {
  color: #000;
}
.wspecial.cstm-new .new-nati a {
  text-decoration: none !important;
  padding: 15px 17px;
}
.wspecial.cstm-new ul {
  background: #ecebeb;
}

.all-service .show-more-item {
  padding: 15px;
}

.all-service .show-more-item .text {
  margin-top: 0 !important;
}

.all-service .show-more-item h3 {
  font-size: 14px;
}

.project-list-page.project-page .photo-item img {
  width: 100%;
}

.project-list-page.project-page .project-a a {
  text-decoration: none !important;
}

.project-list-page.project-page .lookdetail {
  border-top: 1px solid #e6e6e6;
  margin-bottom: 5px;
  padding-left: 10px;
  text-align: left;
  font-size: 15px;
}
.project-list-page.project-page .lookdetail a {
  padding-top: 10px;
  padding-bottom: 10px;
}

.project-list-page.project-page .lookdetail i {
  float: right;
  padding-right: 10px;
  color: #000;
}

.project-list-page.project-page .lookdetail span {
  color: #000;
}

.project-list-page.project-page .project-item {
  padding: 0 !important;
  color: #000;
  text-decoration: none !important;
}

.project-list-page.project-page .project-item:hover {
  color: #000;
  text-decoration: none !important;
}

.project-list-page.project-page .project-item h2 {
  margin-bottom: 4px;
}

.project-list-page.project-page .project-item p {
  -webkit-line-clamp: 2;
}

.project-list-page.project-page .project-item .top-icons {
  position: absolute;
  top: initial;
  right: 12px;
  z-index: 1;
  margin-top: 7px;
}

.project-list-page.project-page .project-item .star {
  position: absolute;
  top: 15px;
  right: 0;
  background: #fff;
  box-shadow: 1px 2px 1px #ccc;
  -webkit-border-top-left-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-bottomleft: 15px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  padding: 7px;
  color: #FE9900;
}

.follow-page-new .project-list-page.project-page .project-item .profile {
  margin-bottom: 10px !important;
}

.follow-page-new .myAccount .active-text {
  right: 0px !important;
}

.follow-page-new.fprofile .fav-item.service > .row {
  height: auto;
}

.project-list-page.project-page .project-item .star span {
  color: #5c5c5c;
}

.project-list-page.project-page .project-item .star .fa-star {
  color: #FE9900;
}
.project-list-page.project-page .project-item .star .fa-star span {
  top: -1px;
  font-size: 15px;
  position: relative;
}

.project-list-page.project-page .project-item .profile {
  padding-top: 16px;
  padding-bottom: 12px;
  display: flex;
  align-items: center;
  height: 40px;
  padding-left: 10px;
  position: relative;
  top: 5px;
}
.project-list-page.project-page .project-item .profile span {
  position: relative;
  top: -2px;
  font-size: 14px;
  color: #333;
}

.project-list-page.project-page .project-item .profile img {
  width: 38px;
  margin-right: 8px;
  height: 38px;
  border-radius: 50%;
  border: 1px solid #eaeaea;
  margin-left: 0;
  margin-bottom: 6px;
}

.project-list-page.project-page .project-item p {
  margin-bottom: 0;
}

.project-list-page.project-page .project-item .text {
  padding: 10px;
  min-height: 87px;
}

.rate-sec {
  background: #fff;
  padding: 25px;
  max-width: 1000px;
  margin: 0 auto;
}

.recesion-page .title-cstm {
  margin-top: -8px;
}

.recesion-page .form-item {
  margin-top: 0 !important;
}

.recesion-page .provider-top {
  padding-bottom: 0px;
  margin-bottom: 40px;
  border-bottom: 2px dotted #FE9900;
}

.recesion-page .adtitlee label {
  display: block;
  margin-bottom: 6px;
}

.recesion-page .pic-vid-text {
  margin-top: 30px !important;
}

.chosen-container-multi .chosen-choices {
  position: relative !important;
  z-index: 0 !important;
  padding: 0.7rem 0.75rem !important;
  border-color: #e5e5e5 !important;
  height: 45px !important;
  font-size: 0.9em;
  font-weight: 400 !important;
  color: #636365 !important;
  background-image: none !important;
}

.wrapper {
  position: relative;
  width: 960px;
  margin: 0 auto;
}

.block {
  display: block;
}

.hide {
  display: none;
}

#notification-bar {
  position: fixed;
  top: 0;
  left: 0;
  height: 40px;
  line-height: 40px;
  width: 100%;
  background-color: #dc3545;
  text-align: center;
  color: #FFFFFF;
  font-family: sans-serif;
  font-weight: lighter;
  font-size: 14px;
}

.noti {
  position: fixed;
  top: 0;
  z-index: 99999;
}

#notification-bar .container {
  width: 900px;
  height: 45px;
  margin: 0 auto;
  padding: 5px;
}

#notification-bar p {
  display: inline-block;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 300;
  float: left;
  margin: 0 25px 0 0;
  padding: 0;
  line-height: 45px;
  color: #fff;
}

#notification-bar a.btn-action {
  display: inline-block;
  width: 110px;
  height: 35px;
  line-height: 35px;
  margin-top: 5px;
  padding: 0px 12px;
  float: right;
  margin-right: 50px;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: bold;
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 5px;
  /* Firefox 1-3.6 */
  -moz-border-radius: 5px;
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  opacity: 0.85;
  border-radius: 3px;
  text-align: center;
  background-color: #fff;
  color: #0348bc;
  text-decoration: none;
}

#notification-bar a.btn-action:hover {
  opacity: 1;
}

.noti input[type=checkbox] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.noti .fa-times-circle {
  float: right;
  margin-top: 8px;
  font-size: 30px;
  color: #ddd;
  text-align: right;
  z-index: 9;
  cursor: pointer;
}

.noti .fa-times-circle:hover {
  color: #fff;
}

.noti input[type=text] {
  width: 230px;
  height: 30px;
  font-size: 18px;
  margin: 5px 0 0 0;
  padding: 0 0 0 5px;
  border: 1px solid #555;
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 3px;
  /* Firefox 1-3.6 */
  -moz-border-radius: 3px;
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 3px;
}

.noti input[type=text] + .noti input[type=text] {
  margin-left: 10px;
}

/* Initial bar stage  */
.noti input[type=checkbox] ~ #notification-bar {
  /* Animation */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  /* Start animation to go down */
  -webkit-animation-name: goDown;
  animation-name: goDown;
}

/* Close the bar */
.noti input[type=checkbox]:checked ~ #notification-bar {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: goUp;
  animation-name: goUp;
}

.noti input[type=checkbox] ~ .fa-long-arrow-down {
  position: absolute;
  display: none;
  right: 10%;
  cursor: pointer;
}

.noti input[type=checkbox]:checked ~ .fa-long-arrow-down {
  display: block;
  top: -35px;
  padding: 10px;
  font-size: 50px;
  color: #ffbe03;
  background-color: #444;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.noti input[type=checkbox]:checked ~ .fa-long-arrow-down:hover {
  top: -15px;
  color: #ccc;
}

.autocomplete-items div {
  border-bottom: none !important;
}

.autocomplete-items .sub-category {
  border-bottom: 1px solid #ddd !important;
}

.autocomplete-items {
  border: 1px solid #ddd !important;
  border-top: none !important;
  border-bottom: none !important;
}

/* ANIMATION for go up */
@-webkit-keyframes goUp {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  100% {
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
  }
}
@keyframes goUp {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  100% {
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
  }
}
/* ANIMATION for go down */
@-webkit-keyframes goDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes goDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
.find-me {
  position: relative;
  margin: 100px;
  color: #fff;
}

.find-me a {
  color: #fff;
}

.noti .fa-times-circle {
  float: right;
  margin-top: 2px;
  font-size: 30px;
  color: #ddd;
  text-align: right;
  z-index: 9;
  cursor: pointer;
}

#notification-bar p {
  display: inline-block;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 300;
  float: left;
  margin: 0 25px 0 0;
  padding: 0;
  line-height: 32px;
  color: #fff;
}

.follow-page-new .empty {
  padding-top: 90px;
}

.my-service-page .project-item a {
  color: #000 !important;
}

.my-service-page .empty {
  min-height: 443px;
}

.my-service-page .project-item {
  margin-bottom: 25px !important;
}

.my-service-page .job-opt {
  padding: 7px;
  padding-left: 0;
}

.service-account.my-service-page .project-a .project-item .job-opt {
  padding-left: 7px;
}

.caption-empty {
  text-align: center;
}

.caption-empty h6 {
  font-size: 22px;
  margin: 15px 0;
  color: #fe9900;
}

.project-detail-page .project-banner img {
  width: 100%;
}

.project-detail-page .container {
  max-width: 1200px;
}

.project-detail-page .jbsdetpg .whatSpecialLeft {
  padding: 0;
}

.ngo-page .btn-send {
  font-weight: 500;
}

.delete-btn {
  color: #000;
}

.project-detail .top-icons {
  position: relative;
  top: initial;
  bottom: 10px;
  left: -10px !important;
  float: initial !important;
}

.project-detail .top-icons ul {
  display: flex;
  float: right;
}

.project-detail .employer .top-icons {
  position: relative;
  top: initial;
  bottom: initial;
}

.project-detail .employer .top-icons ul {
  display: flex;
  float: initial;
  padding-left: 15px;
}

.help-page .help-section {
  padding: 30px;
  background: #fff;
  max-width: 1200px;
  margin: 0 auto !important;
  margin-bottom: 50px;
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}
.help-page .help-section .help-title .image {
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  height: calc(100% + 60px);
}

.help-page .help-section .question.sevenservice-page {
  border-top: 2px dotted #e2e2e2;
  padding: 40px;
  margin-top: 20px;
}

.help-page .help-section .caption h5 {
  font-size: 17px;
}

.help-page .help-section .caption .form-item {
  margin-bottom: 15px !important;
  margin-top: 15px !important;
}

.help-page .help-section .caption .btn-cstm {
  margin-top: 0;
  padding: 10px 15px;
  font-size: 15px;
}

.help-page .help-title {
  margin-bottom: 40px;
}

.help-page .help-title h6 {
  color: #000;
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 15px;
  margin-top: 15px;
}

.help-page .help-title p {
  color: #818698;
}

.help-page .help-box a {
  text-decoration: none;
}

.help-page .help-box .box-item {
  border: 1px solid #dadada;
  text-align: center;
  padding: 40px 15px !important;
  max-width: 400px;
  margin: 0 auto;
  margin-bottom: 25px;
  position: relative;
}

.help-page .help-box .box-item img {
  display: block;
  margin: 0 auto;
  margin-bottom: 11px;
}

.help-page .help-box .box-item:before {
  content: "";
  position: absolute;
  top: 0px;
  width: 2px;
  left: 0;
  height: 2px;
  background: transparent;
  transition: all 0.3s linear;
}

.help-page .help-box .box-item:hover:before {
  height: 100%;
  width: 2px;
  background: #FE9900;
}

.help-page .help-box .box-item h3 {
  color: #000;
  font-size: 20px;
  margin-bottom: 15px;
}

.help-page .help-box .box-item p {
  margin-top: 14px;
  font-size: 14px;
  color: #818698;
  font-weight: 500;
}

.help-page .help-box .box-item i {
  font-size: 35px;
  color: #FE9900;
  margin-bottom: 20px;
  display: block;
}

.help-page .help-box .box-item a {
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: #000000;
  text-decoration: none;
}

.help-page .more-topics {
  border-top: 2px dotted #e2e2e2;
  padding: 40px;
  margin-top: 20px;
}

.help-page .more-topics h6 {
  margin-bottom: 25px;
  text-align: center;
  font-size: 20px;
  color: #000;
  font-weight: 600;
}

.help-page .accordion {
  border: 1px solid #eaeaea;
}

.help-page .accordion-button:not(.collapsed) {
  background-color: #f3f3f3;
}

.help-page .accordion-body {
  background: #f9f9f9;
  color: #000;
}

.help-page .accordion-button:not(.collapsed) {
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125) !important;
  background-color: #fff0da !important;
}

.help-page .accordion-button:not(.collapsed) {
  background-color: #f8f8f8;
  color: #FE9900;
}

.help-page .accordion-body {
  font-size: 15px;
  line-height: 22px;
}

.text-page .section {
  padding: 30px;
  margin-bottom: 50px;
}

.text-page .section h1 {
  color: #000;
  font-size: 18px;
  margin: 10px 0;
}

.modal-first .modal-body {
  background: #000;
  color: #fff;
  text-align: center;
  padding: 30px 100px;
  padding-bottom: 50px;
}

.modal-first .modal-body h3 {
  font-size: 30px;
  color: #fff;
  margin-bottom: 15px;
  font-weight: 600;
}

.modal-first .modal-body p {
  font-size: 14px;
  color: #fff;
  margin-bottom: 30px;
  font-weight: 400;
}

.modal-first .modal-body a {
  background: #fff;
  color: #000;
  padding: 7px 15px;
  font-size: 15px;
  text-decoration: none;
}

.modal-first .modal-footer {
  padding: 15px 0;
  padding-top: 30px;
}

.modal-first .modal-footer h6 {
  font-size: 23px;
}

.modal-first .modal-footer .item {
  text-align: center;
  padding: 15px;
}

.modal-first .modal-footer .item i {
  margin-bottom: 15px;
  font-size: 18px;
}

.modal-first .modal-footer .item p {
  font-size: 13px;
}

.invite-page-two {
  padding-top: 0;
}

.invite-page-two .section {
  background: #fff;
  padding: 40px;
  text-align: center;
  padding-bottom: 60px;
}

.invite-page-two .section h6 {
  font-size: 33px;
  font-weight: 600;
  margin-bottom: 45px;
}

.invite-page-two .section .item {
  text-align: center;
}

.invite-page-two .section .item i {
  font-size: 28px;
  margin-bottom: 20px;
}

.invite-page-two .section .item p {
  line-height: 23px;
  font-size: 18px;
  color: #000;
}

.invite-page-two .section .container {
  margin: 0 auto;
  max-width: 1000px;
}

.invite-page-two .section.grey {
  background: #f2f2f2;
}

.invite-page-two .myAccount {
  max-width: initial;
  padding-top: 0px;
  padding-bottom: 50px;
  margin: 0 auto;
}

.invite-page-two .invite-page {
  margin: 0 auto;
  max-width: 1000px;
  margin-top: -120px;
}

.invite-page-two .invite-page .input-cstm .form-control {
  width: 85%;
}

.invite-page-two .slider-photo img {
  width: 100%;
}

.follow-page-new .content-text {
  height: 100%;
}

.follow-page-new .content-text .whitebg {
  height: calc(100% - 69px);
  margin-top: 0;
}

.follow-page-new .content {
  height: calc(100% - 72px);
  margin-top: 15px;
}

.mssgeall .no-follower {
  margin-top: 0 !important;
}
.mssgeall .content-text .whitebg {
  margin-top: 11px;
}

.follow-page-new.project-all .job-card {
  min-height: 325px;
}

.pspecial .whitebg {
  height: calc(100% - 69px);
  margin-top: 0;
}
.pspecial .vacancies {
  height: 100%;
}
.pspecial .vacancies .row {
  height: 100%;
}

.pspecial.fproject .vacancies {
  height: 100%;
}
.pspecial.fproject .vacancies .project-item {
  margin-bottom: 25px !important;
}
.pspecial.fproject .vacancies .project-item .company-text h6 {
  font-size: 16px !important;
}
.pspecial.fproject .vacancies .row {
  height: auto !important;
}

.edit-sec-service.fav-service-edit.follow-page-new .fav-item.service .whitebg {
  height: 100%;
}

.fproject.follow-page-new .vacancies > .row {
  height: auto !important;
  margin: 0 !important;
}

.fprofile .photo-item img {
  height: 150px !important;
  width: 100% !important;
  object-fit: cover;
}
.fprofile .photo-item .profile {
  margin-bottom: 10px;
}

.follow-page-new .fav-item.service {
  height: 100% !important;
}

.follow-page-new .empty-spec .title {
  margin-bottom: 20px !important;
}

.follow-page-new .fav-item.service > .row .empty {
  height: calc(100% - 60px);
}

.follow-page-new .empty {
  height: calc(100% - 60px);
}

.other-page .content-text {
  height: 100%;
}

.other-page .content-text .top-text {
  height: calc(100% - 76px);
}

.other-page .content-text .top-text .white-bg {
  height: 100%;
  background: #fff;
}

.other-page .ads-page-new {
  height: calc(100% - 74px);
  margin-top: 17px;
}

.address .box-item.empty {
  text-align: center;
  min-height: 174px;
  position: relative;
}

.address .box-item.empty .plus {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.address .text p {
  line-height: 20px;
  font-size: 14px;
  margin-bottom: 15px;
}

.address .btn-bil {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 16px;
  padding-left: 10px;
  padding-right: 7px;
}

.address .btn-bil i {
  margin-left: 4px;
  font-size: 17px;
}

.address .box-item {
  border: 1px solid #E7E7E7;
  border-radius: 8px;
  padding-top: 16px;
  margin-bottom: 25px;
}

.address .box-item p.address-p {
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.address .box-item .bottom-text {
  border-top: 1px solid #E7E7E7;
  padding: 10px 16px;
}

.address .box-item .bottom-text i {
  color: #000;
}

.address .box-item .bottom-text a {
  margin-left: 25px;
}

.address .box-item .image {
  padding-left: 15px;
  padding-bottom: 15px;
}

.address .box-item .text {
  padding-right: 15px;
  padding-bottom: 15px;
}

.address .box-item .text h5 {
  font-size: 12px;
  font-weight: 700;
  color: #000;
  line-height: 18px;
  margin-bottom: 0;
}

.address .box-item .text p {
  font-size: 12px;
  font-weight: 400;
  color: #000;
  line-height: 18px;
  margin-top: 2px;
  margin-bottom: 5px;
}

.address .box-item .text span {
  font-size: 12px;
  font-weight: 400;
  color: #000;
  line-height: 18px;
}

.address .box-item .text span b {
  color: #000;
  font-weight: 400;
}

.address .box-item .text .price {
  text-align: right;
}

.address .box-item .text .price b {
  font-size: 16px;
  font-weight: 600;
  color: #000;
}

.address .box-item .text .price-count {
  margin-top: 10px;
}

.address .box-item .text .price-count b {
  font-size: 14px;
  font-weight: 700;
  color: #000;
  line-height: 20px;
  margin-top: 2px;
  display: block;
}

.address .box-item .text .price-count span {
  font-size: 12px;
  font-weight: 400;
  color: #000;
  line-height: 18px;
}

.address .box-item .text .price-count span b {
  font-size: 12px;
  font-weight: 400;
  color: #000;
  display: initial;
}

.address .box-item .seller-name {
  border-top: 1px solid #E7E7E7;
  padding: 12px 16px;
  margin-top: 12px;
}

.address .box-item .seller-name .item {
  margin-bottom: 10px;
  display: block;
  overflow: auto;
}

.address .box-item .seller-name .item:last-child {
  margin-bottom: 0;
}

.address .box-item .seller-name span {
  font-size: 12px;
  font-weight: 400;
  color: #000;
  line-height: 18px;
  width: 40%;
  float: left;
}

.address .box-item .seller-name b {
  font-size: 12px;
  font-weight: 700;
  color: #000;
  line-height: 18px;
  width: 60%;
  float: left;
}

.address .box-item .spec-section {
  background: #E7E7E7;
  padding: 12px 16px;
  overflow: auto;
}

.address .box-item .spec-section b {
  font-size: 12px;
  font-weight: 700;
  color: #000;
  line-height: 18px;
  width: 40%;
  float: left;
}

.address .box-item .spec-section ul {
  width: 60%;
  float: left;
}

.address .box-item .spec-section ul li {
  font-size: 12px;
  font-weight: 400;
  color: #000;
  margin-bottom: 13px;
  margin-top: 3px;
}

.address .box-item .spec-section ul li span {
  color: #000;
  margin-right: 5px;
}

.address .caption {
  overflow: auto;
  margin-bottom: 16px;
}

.address .caption h6 {
  float: left;
  font-size: 16px;
  font-weight: 700;
  color: #000;
  line-height: 24px;
}

.address .caption .add-ad {
  float: right;
  font-size: 14px;
  font-weight: 700;
  color: #000;
  line-height: 20px;
  position: relative;
  top: 3px;
}

.address .pro-total {
  margin-bottom: 8px;
}

.address .box-item .option-box {
  padding-left: 20px;
}

.address .box-item .disnone {
  padding-left: 0;
  padding-right: 0;
}

.address .box-item .disnone:before {
  display: none;
}

.address .box-item .disnone:after {
  display: none;
}

.address .box-item input[type=radio] {
  display: none;
}

.address .box-item input[type=radio]:checked + label:before {
  border-color: RGBA(254, 153, 0, 1);
  animation: ripple 0.2s linear forwards;
}

.address .box-item input[type=radio]:checked + label:after {
  transform: scale(1);
}

.address .box-item label {
  display: inline-block;
  min-height: 20px;
  position: relative;
  padding: 0 25px;
  margin-bottom: 0;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  line-height: 20px;
  vertical-align: bottom;
}

.address .box-item label:before, .address .box-item label:after {
  position: absolute;
  content: "";
  border-radius: 50%;
  transition: all 0.3s ease;
  transition-property: transform, border-color;
}

.address .box-item label:before {
  left: -9px;
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid RGBA(254, 153, 0, 0.7);
}

.address .box-item label:after {
  top: 5px;
  left: -4px;
  width: 10px;
  height: 10px;
  transform: scale(0);
  background: RGBA(254, 153, 0, 1);
}

.about-page .founder-item {
  margin-bottom: 70px;
}

.about-page .profil-item {
  padding: 0 30px;
  margin-bottom: 40px;
}

.about-page .profil-item img {
  max-width: 170px;
}

.about-page .profil-item h5 {
  font-weight: 600;
  font-size: 18px;
  margin: 10px 0;
}

.about-page .profil-item h6 {
  font-weight: 400;
  font-size: 18px;
  margin: 10px 0;
}

.about-page .profil-item p {
  font-size: 13px;
  color: #808080;
  line-height: 18px;
}

.about-page .box-secc .text-item {
  padding: 20px;
}

.about-page .box-secc .text-item h4 {
  color: #3c3c3c;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
}

.about-page .box-secc .text-item p {
  color: #000;
  font-size: 16px;
  line-height: 21px;
}

.about-page .section {
  background: #fff;
  padding: 25px;
  max-width: 1200px;
  margin: 0 auto;
  margin-bottom: 50px;
}

.about-page .first-sec .text {
  padding-right: 50px;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}

.about-page .first-sec .text h2 {
  font-size: 35px;
  font-weight: 600;
  margin-bottom: 25px;
  position: relative;
}

.about-page .first-sec .text p {
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  margin-bottom: 20px;
}

.about-page .second-sec {
  position: relative;
}

.about-page .second-sec .text-center.photo {
  padding-top: 50px;
}

.about-page .second-sec .border-cstm {
  padding: 35px 0;
  margin: 40px 0;
  border-top: 2px dotted #eee;
  margin-bottom: 0;
}

.about-page .second-sec .caption {
  margin: 40px 0;
  margin-top: 10px;
}

.about-page .second-sec .caption h3 {
  font-size: 35px;
  font-weight: 600;
  margin-bottom: 15px;
}

.about-page .second-sec .caption p {
  font-size: 16px;
  color: #000;
  line-height: 25px;
}

.about-page .second-sec .caption .text-left {
  text-align: left;
  width: 80%;
  margin: 0 auto;
}

.about-page .second-sec .text {
  padding-top: 10px;
}

.about-page .second-sec .text .text-item {
  margin-bottom: 35px;
}

.about-page .second-sec .text h6 {
  font-weight: 600;
  font-size: 23px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.about-page .second-sec .text h5 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
}

.about-page .second-sec .text p {
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  color: #000;
}

.about-page .second-sec .text ul {
  display: block;
  margin-top: 30px;
  padding-left: 90px;
  text-align: left;
}

.about-page .second-sec .text ul li {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
  position: relative;
}

.about-page .second-sec .text ul li:before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #FE9900;
  margin-right: 7px;
  float: left;
  height: 30px;
}

.about-page .second-sec .verte p {
  margin-bottom: 10px;
}

.about-page .second-sec .verte ul {
  columns: 4;
  -webkit-columns: 4;
  -moz-columns: 4;
}

.project-list-page.project-page.owl-projects .project-item {
  padding: 15px !important;
  margin-bottom: 0 !important;
}
.project-list-page.project-page.owl-projects .project-item a {
  text-decoration: none !important;
  color: #333;
}

.form-control.ui-autocomplete-input.newmap {
  width: 75%;
  float: left;
}

.btncstmsn .btn-send {
  width: 23%;
  float: right;
  margin-top: 0;
  padding: 7px;
  border: none !important;
}

.myAccount .content-text .mb-2 label {
  display: block;
  width: 100%;
}

.project-list-page.project-page.owl-projects .project-item h4 {
  font-size: 19px !important;
}

.project-list-page.project-page.owl-projects .project-item h6 {
  font-size: 15px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-list-page.project-page.owl-projects .project-item li {
  font-size: 13px !important;
}

.project-list-page.project-page.owl-projects .project-item li b {
  font-size: 13px !important;
}

.project-list-page.project-page.owl-projects .project-item p {
  font-size: 13px !important;
}

.project-list-page.project-page.owl-projects .project-item .social.text-left {
  float: left !important;
  margin-top: 20px;
}

.project-list-page.project-page.owl-projects .project-item .date {
  margin-top: 20px;
}

.project-list-page.project-page.owl-projects .project-item ul {
  margin-bottom: 23px;
}

#imageModalContainerMulti .modal-dialog {
  max-width: 802px;
}

.empty.service {
  height: 413px;
}

.service-account.project-edit .myAccount .project-item {
  margin-bottom: 25px !important;
  height: calc(100% - 25px);
}

.service-account.project-edit .margincstm {
  margin-bottom: 15px !important;
}

.service-account.project-edit.lastcstm .job-opt {
  margin-top: 0 !important;
}

.project-all .consumer-cstm .job-card {
  min-height: 314px;
}

.myAccount .consumer-cstm .project-item p {
  -webkit-line-clamp: 5;
}

.file-input > .label {
  display: inline-flex;
  max-width: 159px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-flex;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.project-all .empty {
  margin-bottom: 25px;
  margin-top: 0;
  min-height: 341px;
}

.project-all .empty .btn {
  width: 100%;
  height: 100%;
}

.project-all .empty .btn img {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 75px;
}

.project-all .empty i {
  color: #FE9900;
  font-size: 34px;
}

.project-all .job-card, .project-all .project-page .project-item, .project-page .project-all .project-item {
  margin-bottom: 25px;
  min-height: auto;
}

.myAccount .job-card .cityother {
  margin-bottom: 10px;
  margin-top: 10px;
}

.padleft-0 {
  padding-left: 0;
}

.service-detail .content-area .container {
  max-width: 1280px;
}

.service-detail .left-sec {
  padding: 15px 45px;
  margin-right: 20px;
}

.service-detail .title {
  padding-left: 0;
  position: relative;
}

.myAccount .project-page .text-right .btn-cstm {
  background: #FE9900;
  color: #000;
}

.myAccount .project-page .text-right .btn-cstm:hover {
  background: #FE9900;
  color: #000;
}

.myAccount .vacancies .text-right .btn-cstm {
  color: #000;
  margin-top: 0 !important;
  background: #FE9900;
  color: #000;
  margin-bottom: 15px;
}

.job-plus-page .box-first .box ul li {
  padding-bottom: 25px;
  position: relative;
  line-height: 20px;
  font-weight: 400;
  text-align: left;
}

.job-plus-page .box-first .box .text {
  padding-left: 15px;
  padding-right: 15px;
}
.job-plus-page .box-first .box .text li {
  display: flex;
  align-items: flex-start;
  word-break: break-word;
}

.job-plus-page h6 {
  text-align: center;
  font-size: 19px;
  font-weight: 500;
  padding-bottom: 18px;
  margin-bottom: 10px !important;
}

.job-plus-page ul {
  text-align: left;
  padding-left: 10px;
  padding: 15px;
}

.job-plus-page ul li:before {
  content: "\f00c";
  font-weight: 900;
  margin-right: 6px;
  font-family: "Font Awesome 5 Free";
  color: #FE9900;
}

.follow-page-new.project-list-page.project-page .project-item {
  padding: 0 !important;
}

.follow-page-new.jobs-page.project-page.project-list-page {
  padding: 20px 0 !important;
}

.follow-page-new.project-list-page.project-page .photo-item img {
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.trash-icon {
  position: absolute;
  right: 15px;
  top: 15px;
  background: #fff;
  padding: 5px;
  border-radius: 5px;
}

.trash-icon i {
  color: #FE9900;
}

.follow-page-new .content {
  background: #fff !important;
  padding: 30px 30px !important;
  margin-bottom: 25px !important;
  padding-top: 15px !important;
}

.follow-page-new .content .title {
  margin-bottom: 20px;
}

.follow-page-new .content .title h6 {
  font-size: 18px;
}

.follow-page-new .sidebar-item li a {
  color: #252525;
}

.follow-page-new .sidebar-item li a i {
  margin-right: 7px;
}

.follow-page-new .sidebar-item li a span {
  float: right;
}

.follow-page-new .project-item .btn {
  padding: 6px 20px !important;
  color: #fe9900;
  font-weight: 500;
  font-size: 14px;
  display: block;
  border: 1px solid #fe9900;
}

.follow-page-new .project-item .btn:hover {
  background: #FE9900;
  color: #fff;
}

.follow-page-new .follow-item {
  margin-bottom: 20px;
  border: 1px solid #e9e9e9;
  border-radius: 12px;
}

.follow-page-new .follow-item .text {
  padding: 10px;
}

.follow-page-new .follow-item .text .link {
  text-align: center;
}

.follow-page-new .follow-item .text .link .btn {
  padding: 6px 20px !important;
  color: #000;
  font-weight: 500;
  font-size: 14px;
  display: block;
  border: 1px solid #d9d9d9;
}

.follow-page-new .follow-item .text .link .btn:hover {
  background: #FE9900;
  color: #fff;
}

.follow-page-new .follow-item .profil {
  margin: 0 auto;
  text-align: center;
}

.follow-page-new .follow-item .profil img {
  width: 70px;
  border-radius: 70px;
  height: 70px;
  object-fit: cover;
}

.follow-page-new .follow-item .cover {
  height: 140px;
  width: 100%;
}

.follow-page-new .follow-item .cover img {
  height: 130px;
  width: 100%;
  -webkit-border-top-left-radius: 12px;
  -webkit-border-top-right-radius: 12px;
  -moz-border-radius-topleft: 12px;
  -moz-border-radius-topright: 12px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.detail .nav-pills .nav-link.active, .detail .nav-pills .show > .nav-link {
  background: #ffefd6;
  color: #000;
}

.detail .nav {
  display: block;
}

.other-page .detail .left-section {
  overflow-y: auto;
  max-height: 478px;
}

.other-page .detail .left-section::-webkit-scrollbar {
  width: 2px;
}

.other-page .detail .left-section::-webkit-scrollbar-track {
  background: 0 0;
}

.other-page .detail .left-section::-webkit-scrollbar-thumb {
  background: #f4d098;
  border-radius: 2px;
}

.detail .nav-pills .nav-link, .detail .nav-pills > .nav-link {
  color: #000;
  padding: 0;
}

.detail .nav-item button {
  margin-right: 0;
  display: block;
  padding-right: 0;
  width: 100%;
}

.detail .top {
  background: #fff;
  margin-top: 15px;
  padding: 20px 25px;
  border-radius: 10px;
  margin-bottom: 15px;
}

.detail .top .btn-cstm {
  background: #FE9900;
  color: #fff;
  font-weight: 500;
  border-radius: 10px;
  padding: 10px 15px;
  font-size: 15px;
  margin-top: 12px;
}

.detail .left-section {
  border-radius: 10px;
  background: #fff;
}

.detail .left-section .left-item {
  padding: 20px 20px;
  border-bottom: 1px solid #f6f6f6;
}
.detail .left-section .left-item .col-xl-3 {
  padding-right: 0;
}

.detail .left-section .left-item .image img {
  border-radius: 50%;
  height: 70px;
  width: 70px;
}

.detail .left-section .left-item .text {
  text-align: left;
  padding-top: 10px;
  padding-left: 10px;
}

.detail .left-section .left-item .text h6 {
  font-weight: 600;
  font-size: 16px;
  color: #333;
}

.detail .left-section .left-item .text span {
  font-weight: 400;
  font-size: 14px;
}

.detail .left-section .left-item .text p {
  font-weight: 400;
  font-size: 12px;
  color: #333;
}

.detail .right-side .first-sec {
  border-radius: 10px;
  background: #fff;
  margin-bottom: 15px;
  padding: 15px;
}

.detail .right-side .first-sec .text {
  text-align: left;
  padding: 10px;
}

.detail .right-side .first-sec .text.topspc .lefts {
  width: 70%;
}
.detail .right-side .first-sec .text.topspc .rightul {
  width: 30%;
}

.detail .right-side .first-sec .text h6 {
  font-weight: 400;
  font-size: 17px;
  color: #333;
  margin-bottom: 10px;
}

.detail .right-side .first-sec .text i {
  color: #FE9900;
  font-size: 13px;
  margin-right: 3px;
}

.detail .text h3 {
  color: #333;
  margin-bottom: 8px;
  font-weight: 600;
}
.detail .text p {
  color: #333;
  font-weight: 400;
  margin: 8px 0;
  font-size: 14px;
}
.detail .text h5 {
  color: #FE9900;
  font-size: 14px;
}
.detail .text .lefts span {
  color: #333 !important;
}
.detail .text .firstdetail {
  font-weight: 400;
  font-size: 15px;
  line-height: 19px;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.detail .right-side .first-sec .text span {
  font-weight: 400;
  font-size: 13px;
  margin-top: 4px;
  display: block;
}

.detail .right-side .first-sec .text p {
  font-weight: 400;
  font-size: 13px;
  margin-top: 13px;
}

.detail .right-side .first-sec .text ul {
  display: flex;
}

.follow-page-new.fjobs .myAccount .active-text {
  right: 13px !important;
}

.detail .right-side .first-sec .text ul .btn-cstm {
  margin-right: 10px;
  border-radius: 15px;
  border: 1px solid #FE9900;
  font-size: 14px;
  padding: 5px 11px;
  display: block;
  margin: 3px 0;
  width: 100%;
  padding-left: 8px;
}
.detail .right-side .first-sec .text ul .btn-cstm i {
  transition: all 0.3s ease-in;
}
.detail .right-side .first-sec .text ul .btn-cstm:hover i {
  color: #fff;
}

.detail .right-side .first-sec .text ul .btn-cstm:hover {
  background: #FE9900;
  color: #fff;
}

.detail .right-side .second-sec {
  border-radius: 10px;
  background: #fff;
  margin-bottom: 15px;
  padding: 15px 20px;
}

.detail .right-side .three-sec {
  border-radius: 10px;
  background: #fff;
  margin-bottom: 15px;
  padding: 15px;
}

.detail .right-side .three-sec .download-sec {
  padding: 15px;
}

.detail .right-side .three-sec .download-sec i {
  font-size: 40px;
  color: #000;
}

.detail .right-side .three-sec .btn.right {
  font-size: 13px;
}

.detail .right-side .three-sec .btn.right i {
  font-size: 13px;
}

.detail .right-side .second-sec ul li {
  margin: 10px 0;
  font-size: 14px;
  padding: 10px 0;
  border-bottom: 1px solid #ededed;
  margin: 0px 8px;
  line-height: 18px;
}

.detail .right-side .second-sec ul li span {
  display: flex;
  width: 64%;
  color: #333;
}

.myAccount .right-side .second-sec ul li span {
  display: initial;
  width: auto;
}

.myAccount .right-side .first-sec .text.topspc span {
  display: inline-block !important;
}

.myAccount .text.topspc {
  display: flex;
  justify-content: space-between;
}

.rightul ul {
  display: flex;
  flex-direction: column-reverse;
  align-items: stretch;
}
.rightul ul i {
  float: right;
  position: relative;
  top: 5px;
}

.downloadcstm a {
  display: block;
  background: #fe9900;
  font-size: 14px;
  width: calc(100% - 10px);
  margin-left: 6px;
  margin-top: 12px;
  color: #fff;
}
.downloadcstm a i {
  margin-left: 10px;
  color: #fff;
}
.downloadcstm a:hover i {
  color: #000;
}

.detail .right-side .second-sec ul li b {
  width: 36%;
  float: left;
  font-weight: 600;
  color: #333;
}

.about-page li {
  margin-bottom: 10px;
}

.about-page .image-text {
  position: relative;
}

.about-page .image-text span {
  position: absolute;
  left: 4px;
  right: 0;
  margin: 0 auto;
  top: 85px;
  font-size: 33px;
  font-weight: 600;
  color: #fff;
}

.about-page .image-text span {
  font-size: 29px;
  width: 51%;
  top: 71px;
  left: 16px;
  color: #fff;
}

.about-page .box-secc .col-xl-4:last-child span {
  width: 68%;
}

.service-detail .left-sec .owl-slider .owl-nav .owl-prev {
  position: absolute;
  left: -25px;
  top: -38px;
}

.service-detail .left-sec .owl-slider .owl-nav .owl-next {
  position: absolute;
  right: -25px;
  top: -38px;
}

.project-detail-two .text ul {
  display: block;
  margin-top: 30px;
}

.project-detail-two .text .box ul {
  display: flex !important;
  margin-top: 0;
  flex-wrap: wrap;
}

.project-detail-two .text-desc.text .box ul li {
  font-size: 15px;
  margin-bottom: 10px !important;
}

.project-detail-two .text .box h2 {
  margin-bottom: 0 !important;
}

.project-detail-two .text ul li {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
  position: relative;
}

.project-detail-two h1 {
  margin-bottom: 20px;
  font-size: 25px;
  font-weight: 600;
}

blockquote p {
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

blockquote p::before {
  content: "“";
  position: absolute;
  left: 0;
}

blockquote p::after {
  content: "”";
  position: absolute;
  right: 0;
}

.project-detail-two h2 {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 600;
}

ol {
  margin-left: 20px;
}

ol li {
  list-style-type: disc;
  margin-bottom: 15px;
}

.project-detail-two .text ol li {
  list-style-type: decimal;
}

.flxall {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.sevenservice-page .question-item .item .item {
  margin-top: 20px;
}
.sevenservice-page .question-item .item .item .question {
  color: #666;
  font-weight: 500;
  font-size: 15px;
}

.likedislike {
  margin-top: 0;
  display: flex;
}
.likedislike span {
  color: #666;
}

.datesecond span {
  margin-bottom: 0 !important;
  font-size: 12px !important;
  color: #666;
}

.commentarea {
  margin-top: 10px !important;
}
.commentarea span {
  font-weight: 500 !important;
  color: #333 !important;
  font-size: 15px;
}
.commentarea span.question {
  color: #666 !important;
}

.likedislike button {
  cursor: pointer;
  background: transparent !important;
  border: none;
}

p.admn {
  font-weight: 600;
  color: #fe9a01;
  font-size: 12px !important;
  margin-top: 3px;
}
p.admn span {
  display: inline-block !important;
  font-weight: 400;
  font-size: 12px !important;
  color: #979797;
  margin-bottom: 0 !important;
}

span.maxlenght {
  font-size: 13px;
  font-weight: 400;
}

h6.ntbld {
  font-weight: 400;
}

#likeButton {
  margin: 0 5px;
  margin-right: 1px;
  width: 27px;
}
#likeButton span {
  display: inline-block !important;
  color: #595959;
}
#likeButton i {
  color: #fafafa;
  position: relative;
}
#likeButton .fa-thumbs-down {
  color: #fafafa;
}
#likeButton .fa-thumbs-up {
  color: #fe9b01 !important;
}

.likedislike span {
  top: 4px;
  position: relative;
}

#dislikeButton {
  margin: 0 5px;
  margin-right: 1px;
  width: 27px;
}
#dislikeButton span {
  display: inline-block !important;
}

.project-detail-two .text ul li {
  font-weight: 400;
  font-size: 16px;
  display: block;
  align-items: flex-start;
  margin-bottom: 16px;
  position: relative;
  padding-left: 0;
  line-height: 19px;
}

.project-detail-two .text ul li:empty:before {
  display: none;
}

.project-detail-two .text ul li:before {
  content: "\f00c";
  font-weight: 900;
  display: inline-block;
  height: 32px;
  margin-right: 6px;
  font-family: "Font Awesome 5 Free";
  color: #FE9900;
  margin-right: 10px;
  position: relative;
  top: 0;
  left: 0;
  float: left;
}

.project-detail .text h1 {
  margin-bottom: 20px;
  font-size: 25px;
  font-weight: 600;
  word-break: break-word;
}
.project-detail .text h2 {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 600;
  word-break: break-word;
}
.project-detail .text > ol li {
  list-style-type: decimal;
}
.project-detail .text > ul li {
  font-weight: 400;
  font-size: 16px;
  display: flex;
  align-items: flex-start;
  margin-bottom: 16px;
  position: relative;
  padding-left: 22px;
  line-height: 19px;
}
.project-detail .text > ul li:before {
  content: "\f00c";
  font-weight: 900;
  display: inline-block;
  height: 32px;
  margin-right: 6px;
  font-family: "Font Awesome 5 Free";
  color: #FE9900;
  margin-right: 10px;
  position: absolute;
  top: 0;
  left: 0;
}

.service-detail.project-detail .text > ul li {
  display: block !important;
}

.disb {
  display: block !important;
}

.project-detail .text.additional > ul li {
  display: inline-block;
}
.project-detail .text.additional > ul li:before {
  display: none;
}
.project-detail .text.additional > ul li:first-child {
  padding-left: 0 !important;
}

.project-detail .text.additional > ul li:empty {
  display: none;
}

.project-detail-two .employer {
  background: #fff;
  padding: 15px;
}

.project-detail-two .employer img {
  object-fit: cover;
}

.project-detail-two .employer .star {
  color: #FE9900;
}

.project-detail-two .employer .star span {
  color: #000;
}

.project-detail-two .employer ul li {
  margin-bottom: 10px;
  display: block;
}

.project-detail-two .employer ul li span {
  color: #198754;
}

.project-detail-two .employer ul li a {
  font-size: 15px;
  color: #000;
  text-decoration: none;
}

.project-detail-two .employer ul li a i {
  margin-right: 5px;
}

.project-detail-two .employer ul li.active a i {
  color: #009c9c;
}

.project-detail-two .employer .company-logo img {
  width: 120px;
  height: 120px;
}

.project-detail-two .employer .company-logo {
  margin-bottom: 15px;
}

.service-detail .additional {
  background: #f9f9f9;
  padding: 5px 20px;
  padding-top: 20px;
  margin-top: 20px;
}

.service-detail .additional ul {
  display: block;
  margin-top: 30px;
}

.service-detail .additional ul li {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 20px;
  position: relative;
  display: inline-block;
  margin-right: 8px;
}

.service-detail .additional ul li:last-child {
  margin-right: 0;
}

.service-detail .additional ul li i {
  color: #f29403;
  margin-right: 6px;
}

.nextStep .text-align-center:last-child .btn {
  background: transparent;
  color: #000;
  border: 1px solid #e0e0e0;
}
.nextStep .text-align-center:last-child .btn:hover {
  background: #333;
  color: #fff;
}

.service-detail .additional ul li:before {
  display: none;
}

.service-detail .jbsdetpg .nextStep .row .col-xl-12 {
  margin: 10px 0;
}

.edit-page .photo-item {
  position: relative;
}

.edit-page .edit {
  position: absolute;
  top: 0px;
  right: 0;
  background: #fff;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 7px;
  color: #FE9900;
}

.edit-page .edit a {
  color: #FE9900;
}

.edit-page .edit a i {
  color: #FE9900;
}

.edit-page .star {
  top: initial !important;
  bottom: 15px;
}

.fav-project .fav-item {
  position: relative;
}

.fav-project .active-text {
  position: absolute;
  right: 0;
  top: 0;
}

.regis-sec .text-two {
  margin-top: 15px;
}

.employee-item .top-icons {
  bottom: 15px;
  top: initial;
}

.fav-project .fav-item {
  position: relative;
}

.fav-service-edit .active-text {
  width: 25px;
}

.employee-item {
  position: relative;
}

.project-edit .project-item {
  position: relative;
  margin-top: 0 !important;
  padding-top: 20px !important;
}

.project-edit .project-item .date a {
  color: #000;
}

.project-edit .edit {
  position: absolute;
  top: 0px;
  right: 0;
  background: #fff;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 7px;
  color: #000000;
  background: #ffc107;
}

.project-edit .edit a {
  color: #000;
}

.project-edit .edit a i {
  color: #000;
}

.service-edit input {
  top: 0 !important;
}

.service-edit .profile-pic {
  color: transparent;
  transition: all 0.3s ease;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: left !important;
  position: relative;
  transition: all 0.3s ease;
  background-repeat: no-repeat;
}

.service-edit .profile-pic .form-item {
  margin-bottom: 15px;
}

.service-edit .profile-pic .img-bg {
  background-position: center;
  background-size: cover;
  position: relative;
  padding-bottom: 100%;
}

.service-edit .profile-pic input {
  display: none;
}

.service-edit .profile-pic img {
  position: absolute;
  object-fit: cover;
  width: 165px;
  height: 165px;
  box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.35);
  border-radius: 100px;
  z-index: 0;
}

.service-edit .profile-pic .-label {
  cursor: pointer;
  height: 165px;
  width: 165px;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10000;
  color: #fafafa;
  transition: background-color 0.2s ease-in-out;
  border-radius: 100px;
  margin-bottom: 0;
  text-align: center;
}

.service-edit .profile-pic span {
  display: inline-flex;
  height: 2em;
  padding-top: 74px;
}

.imprint-page ul {
  margin-bottom: 20px;
  display: block;
}

.imprint-page ul li {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 5px;
}

.imprint-page p {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 15px;
}

.pricing-subs .box {
  padding: 0;
  padding-bottom: 30px;
}

.pricing-subs .box h3 {
  margin: 0;
}

.pricing-subs .box {
  min-height: 350px;
  margin-top: 25px;
}

.select2-container--default .select2-selection--multiple {
  margin-bottom: 0 !important;
}

.dropzone .dz-message {
  text-align: center;
  margin: 0 0 !important;
}

.pricing-subs .box.box-five h3 {
  background: #c0eeff;
}

.pricing-subs .box.box-cat h3 {
  background: #ffd3d7;
}

.pricing-subs .box.box-two h3 {
  background: #fff3e0 !important;
}

.visit-profile.text-left a {
  font-weight: 400;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  margin-top: 7px;
}

.cat-cstmm {
  margin-bottom: 10px !important;
}

.cat-cstmm-two {
  margin-bottom: 10px !important;
  margin-top: 15px !important;
}

.fa-star {
  color: #ccc;
}

.fa-star:hover {
  color: #fe9900;
}

.profil-two .owl-carousel div {
  background: #e7e7e7 !important;
  text-align: revert !important;
}

.profil-two .all-service {
  padding: 0;
}

.why-page .section.bg-white {
  padding: 25px;
  margin: 0 auto;
  max-width: 1200px;
  border-top: 4px solid #FE9900;
  margin-bottom: 70px;
}

.service-account.edit-page .project-item ul {
  float: left;
  padding-right: 0 !important;
  width: 100% !important;
}

.service-account.edit-page .active-text {
  background: #fff;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  height: 25px;
  padding-top: 5px;
}

.service-account.edit-page .active-text {
  right: 0 !important;
}

.service-account.edit-page .active-text ul li .fa-pen-to-square {
  color: #b95a00 !important;
  font-size: 14px;
}

.active-text ul li .fa-edit {
  color: #b95a00 !important;
  font-size: 14px;
}

.career {
  padding: 30px;
  max-width: 1200px;
  border-top: 7px solid #FE9900;
  margin: 0 auto;
  background: #fff;
  margin-bottom: 30px;
}
.career .textpicture {
  padding-left: 33px;
  margin-top: 30px;
}
.career .textpicture b {
  padding: 6px;
  background: #f6a227;
  font-size: 21px;
}
.career .textpicture h6 {
  margin-top: 15px;
  margin-bottom: 25px;
  font-size: 37px;
  font-weight: 600;
}
.career .textpicture p {
  color: #000;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  width: 63%;
}
.career .textpicture img {
  margin-top: 30px;
}
.career .textpicture ul {
  margin-left: 22px;
}
.career .textpicture ul li {
  margin: 0 28px;
  width: 74px;
  text-align: center;
  font-size: 14px;
}

.career .jobs-item {
  margin-bottom: 20px;
}

.career .jobs-item h6 {
  font-weight: 600;
  font-size: 25px;
  margin-bottom: 20px;
}

.career .jobs-item a {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 20px;
  color: #000;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: normal;
  padding: 20px 44px 20px 20px;
  text-decoration: none;
  transition: color 0.25s ease, background-color 0.25s ease;
  margin-bottom: 15px;
}

.career .jobs-item a:before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  color: #FE9900;
}

.career .accordion {
  padding: 0 30px;
}

.career .accordion-item {
  border: none;
  border-bottom: 1px solid #e9e9e9;
}

.career .accordion-body {
  font-size: 15px;
  line-height: 26px;
  color: #535353;
}

.career .accordion-button:not(.collapsed) {
  color: #FE9900;
  background-color: transparent !important;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}

.career .accordion-button {
  font-weight: 600;
}

.career .opened-positions {
  margin-bottom: 20px;
}

.career .needs-validation {
  margin: 0 auto;
}

.career .needs-validation h6 {
  font-size: 22px;
  text-align: center;
  margin: 30px 0;
  margin-bottom: 50px;
  font-size: 50px;
  font-weight: 700;
  margin-bottom: 60px;
}

.career #tab1:checked ~ .sectionx .tab1 label, .career #tab2:checked ~ .sectionx .tab2 label, .career #tab3:checked ~ .sectionx .tab3 label, .career #tab4:checked ~ .sectionx .tab4 label {
  background: transparent !important;
  color: #FE9900 !important;
  border-bottom: 1px solid #FE9900 !important;
}

.career .pc-tab ul .tab1 label {
  border-radius: 0;
  border: none !important;
}

.career .pc-tab ul li label {
  border: none !important;
}

.career .pc-tab ul li label:hover {
  background: transparent !important;
}

.career .first-ul {
  margin-bottom: 20px !important;
  border-bottom: 1px solid #e9e9e9;
}

.career .photo {
  padding-top: 35px;
  margin: 0 auto;
}

.career .second-section {
  padding: 20px 0;
  padding-top: 0;
}

.career .second-section .text h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
}

.career .second-section .text h5 {
  margin-bottom: 11px;
  margin-top: 5px;
  font-size: 35px;
  font-weight: 600;
}

.career .second-section .text p {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 10px;
  line-height: 23px;
  color: #000;
}

.career .second-section .text p:last-child {
  margin-bottom: 20px;
}

.career .caption {
  margin-bottom: 10px;
}

.career .caption h2 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
}

.career .caption h4 {
  margin-bottom: 11px;
  margin-top: 5px;
  font-size: 35px;
  font-weight: 600;
}

.career .caption p {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
  line-height: 23px;
}

.text.additional {
  margin-bottom: 25px;
}

.text.additional h6 {
  margin: 20px 0;
  margin-bottom: 15px;
}

.text.additional p {
  margin-bottom: 15px;
}

.text.additional p i {
  margin-right: 5px;
  color: #FE9900;
}

.sub-detail-page .project-list-page {
  background: #fff;
}

.sub-detail-page .see-all .btn-cstm {
  background: #FE9900;
  font-weight: 500;
}

.form-check-label a {
  color: #0d6efd;
}

.visit-profile span a {
  font-weight: 400 !important;
  color: #000;
}

.nati-section {
  background: #FFFFFF;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
  margin: 10px;
  min-height: 452px;
}

.nati-section .nav-tabs {
  border: none;
}

.nati-section .nav-tabs .nav-link {
  border: none;
  font-size: 14px;
  font-weight: 600;
  color: #757575;
  line-height: 18px;
  padding: 16px 0;
  text-align: center;
  width: 100%;
}

.nati-section .nav-tabs .nav-item {
  margin: 0 0;
  width: 50%;
}

.nati-section .nav-tabs .nav-item.show .nav-link, .nati-section .nav-tabs .nav-link.active {
  border: none;
  border-bottom: 3px solid #73b5e8;
  color: #73b5e8;
}

.nati-section .tab-content > ul {
  overflow-y: scroll;
  max-height: 400px;
}

.nati-section .tab-content li {
  margin: 0 0;
}

.nati-section .tab-content .text {
  padding: 15px;
  border-bottom: 1px solid #ECECEC;
  text-align: left;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.nati-section .tab-content .text .image {
  height: 100%;
  float: left;
  min-height: 52px;
}

.nati-section .tab-content .text h6 {
  font-size: 14px;
  font-weight: 600;
  color: #212121;
  line-height: 20px;
  margin-bottom: 5px;
}

.nati-section .tab-content .text p {
  font-size: 12px;
  font-weight: 400;
  color: #696969;
  line-height: 18px;
  margin-top: 0;
  margin-bottom: 6px;
}

.nati-section .tab-content .text b {
  font-weight: 300;
  color: #73b5e8;
}

.nati-section .tab-content li:last-child .text {
  border: none;
}

.nati-section .tab-content .new-nati .text {
  background: #f9f9f9;
}

.nati-section .tab-content .message-box {
  border-bottom: 1px solid #ECECEC;
}

.nati-section .tab-content .message-box .text {
  padding-left: 0;
  border: none;
}

.nati-section .tab-content .message-box img {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid #fff;
}

.nati-section .tab-content .new-message {
  background: rgba(202, 238, 220, 0.5);
}

#like:hover {
  color: #378fe9 !important;
}

#like:hover i {
  color: #378fe9 !important;
}

#like.active {
  color: #378fe9;
}

#like.active i:before {
  content: "\f164";
  font-family: "FontAwesome";
  color: #378fe9;
}

.trust-page .icon img {
  width: 200px;
  margin: 0 auto;
}

.trust-page .middle-text {
  margin-bottom: 50px;
}

.trust-page .with-li li {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 20px;
  color: #000;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: normal;
  padding: 20px 44px 20px 20px;
  text-decoration: none;
  transition: color 0.25s ease, background-color 0.25s ease;
  margin-bottom: 15px;
}

.trust-page .with-li li b {
  font-size: 18px;
  font-weight: 600;
  color: #000;
}

.trust-page .with-li li p {
  margin-top: 7px;
}

.trust-page .with-li li:before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  color: #FE9900;
}

.trust-page .fa-shield-check {
  margin: 0 auto;
  font-size: 30px;
}

.trust-page .owl-logo {
  margin: 30px 0;
  margin-bottom: 80px;
}

.trust-page .owl-logo .owl-nav .owl-prev {
  left: -32px;
}

.trust-page .owl-logo .owl-nav .owl-next {
  right: -32px;
}

.trust-page .owl-logo .owl-nav .next-slide {
  width: 45px;
  height: 45px;
  border-radius: 30px;
}

.trust-page .owl-logo .owl-nav .prev-slide {
  width: 45px;
  height: 45px;
  background: #FE9900;
  position: relative;
  border-radius: 30px;
  background-position: center center;
}

.trust-page .owl-logo .owl-nav .next-slide:before {
  content: "\f054";
  font-size: 20px;
  width: 46px;
  height: 46px;
  line-height: 48px;
  padding-left: 0px;
}

.trust-page .owl-logo .owl-nav .prev-slide:before {
  width: 46px;
  height: 46px;
  line-height: 48px;
  padding-left: 0px;
}

.trust-page .owl-logo .owl-nav [class*=owl-]:hover {
  background: initial !important;
  color: #FFF;
  text-decoration: none;
}

.trust-page .content {
  background: #fff;
}

.trust-page .caption h4 {
  font-size: 24px;
}

.trust-page .caption p {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
  line-height: 24px;
  color: #000;
}
.trust-page .caption p:last-child {
  margin-bottom: 0;
}

.nati-section {
  background: #FFFFFF;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
  margin: 10px;
  min-height: 342px;
  margin-top: 0;
  border-radius: 10px;
  position: relative;
}

.nati-section .nav-tabs {
  border: none;
}

.nati-section .nav-tabs .nav-link {
  border: none;
  font-size: 14px;
  font-weight: 600;
  color: #757575;
  line-height: 18px;
  padding: 16px 0;
  text-align: center;
  width: 100%;
}

.nati-section .nav-tabs .nav-item {
  margin: 0 0;
  width: 50%;
}

.nati-section .nav-tabs .nav-item.show .nav-link, .nati-section .nav-tabs .nav-link.active {
  border: none;
  border-bottom: 3px solid #73b5e8;
  color: #73b5e8;
}

.nati-section .tab-content ul {
  overflow: auto;
  max-height: 400px;
}

.nati-section .tab-content li {
  margin: 0 0;
}

.nati-section .tab-content .text {
  padding: 15px;
  border-bottom: 1px solid #ECECEC;
  text-align: left;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.nati-section .tab-content .text .image {
  height: 100%;
  float: left;
  min-height: 52px;
}

.nati-section .tab-content .text h6 {
  font-size: 14px;
  font-weight: 600;
  color: #212121;
  line-height: 20px;
  margin-bottom: 5px;
}

.nati-section .tab-content .text p {
  font-size: 12px;
  font-weight: 400;
  color: #696969;
  line-height: 18px;
  margin-top: 0;
  margin-bottom: 6px;
  padding-right: 10px;
}

.nati-section .tab-content .text b {
  font-weight: 300;
  color: #73b5e8;
}

.nati-section .tab-content li:last-child .text {
  border: none;
}

.nati-section .tab-content .new-nati .text {
  background: #f9f9f9;
}

.nati-section .tab-content .message-box {
  border-bottom: 1px solid #ECECEC;
}

.nati-section .tab-content .message-box .text {
  padding-left: 0;
  border: none;
}

.nati-section .tab-content .message-box img {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid #fff;
}

.nati-section .tab-content .new-message {
  background: rgba(202, 238, 220, 0.5);
}

.dif .needs-validation {
  margin-bottom: 0 !important;
}

.dif .progress {
  height: 5px;
}

.dif .red #popover-password .list-unstyled li .fa.fa-file-text:before {
  content: "\f00d";
  font-family: "FontAwesome";
  color: #dc3545 !important;
  font-size: 14px;
  position: relative;
  top: -1px;
}

.dif .control-label {
  text-align: left !important;
  padding-bottom: 7px;
  font-weight: 500;
}

.dif .form-horizontal {
  padding: 25px 20px;
  border: 1px solid #eee;
  border-radius: 5px;
}

.dif select.form-control:focus {
  border-color: #e9ab66;
  box-shadow: none;
}

.dif .block-help {
  font-weight: 300;
  font-size: 13px;
}

.dif .terms {
  text-decoration: underline;
}

.dif .modal {
  text-align: center;
  padding: 0 !important;
}

.dif .modal:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.dif .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.dif .divider {
  position: absolute;
  height: 2px;
  border: 1px solid #eee;
  width: 100%;
  top: 10px;
  z-index: -5;
}

.dif .ex-account {
  position: relative;
}

.dif .ex-account p {
  background-color: rgba(255, 255, 255, 0.41);
}

.dif select:hover {
  color: #444645;
  background: #ddd;
}

.personel-page .upload__img-close:after {
  content: "\f00d" !important;
  font-size: 14px;
  color: white;
  font-family: "FontAwesome";
}

.dif .fa-file-text {
  color: #edda39;
}

.dif .mar-top-bot-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.login-list {
  position: fixed;
  overflow-y: scroll;
  right: 0;
  height: calc(100% - 100px);
  width: 400px;
  background: #fff;
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);
  top: 100px;
  z-index: 99;
  transform: translate(100%, 0);
  transition: all 0.3s cubic-bezier(0.29, 0.39, 0.68, 0.53);
  -webkit-transition: all 0.3s cubic-bezier(0.29, 0.39, 0.68, 0.53);
  padding: 15px;
  padding-left: 30px;
}

.login-list::-webkit-scrollbar {
  width: 4px;
}

.login-list::-webkit-scrollbar-track {
  background: 0 0;
}

.login-list::-webkit-scrollbar-thumb {
  background: #FE9900;
  border-radius: 2px;
}

.login-list a {
  color: #000;
  margin-bottom: 10px;
  text-decoration: none;
  display: block;
  color: #000;
  font-weight: 400;
  margin-bottom: 10px;
  text-decoration: none;
  display: block;
  font-size: 15px;
  border-bottom: 1px solid #ececec;
  padding-bottom: 13px;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.login-list a:hover {
  color: #FE9900;
}

.service-detail .sevenservice-page {
  padding-top: 0 !important;
}

.loginOpened .menu_overlay {
  display: block;
}

.loginOpened .login-list {
  transform: translate(0, 0);
  transition: all 0.3s cubic-bezier(0.29, 0.39, 0.68, 0.53);
  -webkit-transition: all 0.3s cubic-bezier(0.29, 0.39, 0.68, 0.53);
}

.hamburOpen .sidebarMenu {
  transform: translate(0, 0);
}
.hamburOpen .overlay-hambur {
  display: block;
}
.hamburOpen .overlay-hambur .fa-xmark {
  right: -17px;
  left: initial;
}

.natiOpened .nati-mobile {
  transform: translate(0, 0);
  transition: all 0.3s cubic-bezier(0.29, 0.39, 0.68, 0.53);
  -webkit-transition: all 0.3s cubic-bezier(0.29, 0.39, 0.68, 0.53);
}

#editor_ifr html {
  height: 100% !important;
}

.nati-mobile {
  display: none;
}

.nati-mobile {
  position: fixed;
  overflow-y: scroll;
  right: 0;
  height: calc(100% - 100px);
  width: 400px;
  background: #fff;
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);
  top: 100px;
  z-index: 99;
  transform: translate(100%, 0);
  transition: all 0.3s cubic-bezier(0.29, 0.39, 0.68, 0.53);
  -webkit-transition: all 0.3s cubic-bezier(0.29, 0.39, 0.68, 0.53);
  padding: 15px;
  padding-left: 30px;
}

.nati-mobile::-webkit-scrollbar {
  width: 4px;
}

.nati-mobile::-webkit-scrollbar-track {
  background: 0 0;
}

.nati-mobile::-webkit-scrollbar-thumb {
  background: #FE9900;
  border-radius: 2px;
}

.nati-mobile a {
  color: #000;
  margin-bottom: 10px;
  text-decoration: none;
  display: block;
  color: #000;
  font-weight: 400;
  margin-bottom: 10px;
  text-decoration: none;
  display: block;
  font-size: 15px;
  border-bottom: 1px solid #ececec;
  padding-bottom: 13px;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.nati-mobile a:hover {
  color: #FE9900;
}

.login-list {
  display: none !important;
}

.my-service-page .project-list-page.project-page .photo-item img {
  height: 185px !important;
  object-fit: cover;
}

.project-all .myAccount .empty {
  height: calc(100% - 25px);
  min-height: 340px;
}

.myAccount .job-image {
  margin-top: 7px;
}

.vacancies .active-text {
  top: 10px;
}

.jobdetailpage .detail .top .image img {
  width: 115px;
}

.jobdetailpage .detail .left-section {
  max-height: 471px;
  overflow-y: scroll;
}

.jobdetailpage .detail .top .col-xl-7 {
  padding-left: 0;
  margin-left: 0;
}

.note-text.two p {
  font-size: 15px;
  font-weight: 500;
  margin: 0 0;
  color: #000;
}

.note-text p {
  font-size: 15px;
  font-weight: 500;
}

.note-text.two.red {
  margin-bottom: 8px !important;
}

@media screen and (max-width: 500px) {
  .regis-section .left-section.formobile {
    width: 100% !important;
    text-align: center;
  }
  .personel-data .needs-validation {
    margin-bottom: 70px;
    background: #fff;
    padding: 0;
  }
  .login-page .regis-section .left-section {
    width: 100%;
  }
  .regis-page .regis-section .image {
    margin-bottom: 30px;
    background: #000;
    padding: 15px;
    width: 146px;
    margin: 0 auto;
    margin-bottom: 20px;
    border-radius: 7px;
  }
  .regis-page .regis-section .title h6 {
    font-size: 22px;
    margin-bottom: 10px;
  }
  .regis-sec {
    margin-bottom: 20px !important;
    margin-top: 0px;
    background: #fff;
    padding: 10px;
  }
  .project-page .content {
    padding: 10px !important;
    background: #fff !important;
  }
  .regis-page .regis-section .right-section {
    padding-left: 0;
    position: relative;
  }
  .regis-page .regis-section .left-section {
    padding-right: 0;
  }
  .regis-page .regis-section .right-section:before {
    display: none;
  }
}
header .top-header .top-side .left ul li {
  display: inline;
}

header .top-header .top-side .left .left-section ul li {
  padding-left: 0 !important;
  padding-right: 10px;
}

.jobs-pagee .box-extra b {
  font-weight: 600 !important;
}

@media screen and (max-width: 450px) {
  header .logo {
    padding-top: 13px !important;
  }
  .job-card, .project-page .project-item {
    min-height: auto !important;
  }
}
.fa-file-pdf:before {
  content: "deneme";
  color: #ff0000; /* Set your desired color */
  margin-right: 5px;
}

.toast-success {
  padding-left: 33px !important;
}
.toast-success span {
  font-weight: bold;
  margin-bottom: -12px !important;
  display: block;
  font-size: 16px;
}

.toast-success:before {
  content: "\f058";
  font-family: "FontAwesome";
  position: absolute;
  left: 10px;
  top: 13px;
  color: #198754;
}

footer {
  position: relative;
  z-index: 9;
}

.toast-close {
  position: absolute;
  font-size: 0 !important;
  top: 10px;
  right: 5px;
}

.toast-close:before {
  content: "\f00d";
  font-family: "FontAwesome";
  position: absolute;
  font-size: 17px;
  right: 3px;
  top: 2px;
}

.toast-error {
  padding-left: 33px !important;
}
.toast-error span {
  font-weight: bold;
  margin-bottom: -12px !important;
  display: block;
  font-size: 16px;
}
.toast-error:before {
  content: "\f06a";
  font-family: "FontAwesome";
  position: absolute;
  left: 10px;
  top: 13px;
  color: #f54336;
}

.toast-pending {
  padding-left: 33px !important;
}
.toast-pending span {
  font-weight: bold;
  margin-bottom: -12px !important;
  display: block;
  font-size: 16px;
}
.toast-pending:before {
  content: "\f05a";
  font-family: "FontAwesome";
  position: absolute;
  left: 10px;
  top: 13px;
  color: #2196f3;
}

@media screen and (max-width: 375px) {
  .project-detail.service-detail .title span {
    font-size: 14px !important;
    max-width: 56% !important;
    line-height: 19px !important;
  }
  .top-icons i {
    font-size: 14px;
  }
  .pagination-all .pagination .btn {
    font-size: 14px;
    padding: 9px;
    margin: 0px 3px !important;
  }
  .detail .right-side .first-sec .text.topspc .lefts {
    width: 60%;
  }
  .detail .right-side .first-sec .text.topspc .rightul {
    width: 40%;
  }
  .about-page .second-sec .text ul {
    padding-left: 20px;
  }
}
.job-card .company-text, .project-page .project-item .company-text, .project-page .project-item .company-text {
  position: relative;
  padding-left: 10px;
  width: calc(100% - 21px);
  margin-bottom: 10px;
}

.empty.job-card {
  position: relative;
}
.empty.job-card .box-hvr {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(254, 153, 0, 0);
  opacity: 0;
  z-index: 9;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  text-align: center;
}
.empty.job-card .box-hvr .textp {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0;
  top: 33%;
}
.empty.job-card .box-hvr .textp p {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}
.empty.job-card .box-hvr .textp i {
  color: #fff;
  margin-bottom: 7px;
}
.empty.job-card .box-hvr .textp .btn-cstm {
  display: inline-block;
  width: auto;
  font-size: 16px;
  font-weight: 500;
  color: #333;
  padding: 12px 17px;
}
.empty.job-card .box-hvr .textp .btn-cstm:hover {
  background: #f3f3f3;
}
.empty.job-card:hover .box-hvr {
  background: rgba(254, 153, 0, 0.88);
  opacity: 1;
}

.myAccount .job-card .company-text {
  width: calc(100% - 21px) !important;
}

.project-list-page.project-page.owl-projects .project-item h4 {
  overflow-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.closebtnmobile {
  display: none;
}

.bottomMenu {
  display: none;
  transform: translateY(100%);
  transition: transform 0.3s ease-in-out;
}

.wspecial {
  border: 1px solid #ccc;
  border-radius: 10px;
  text-align: left;
  margin: 20px auto;
  /*
  *  STYLE 2
  */
}
.wspecial h4 {
  font-size: 26px;
  text-align: center;
  background: #FE9900;
  padding: 20px 20px;
}
.wspecial ul {
  padding: 20px 20px;
  overflow-y: scroll;
  max-height: 500px;
}
.wspecial li {
  font-size: 20px;
  padding: 25px 0;
  border-bottom: 1px solid #d9d9d9;
}
.wspecial li:last-child {
  border: none;
}
.wspecial .jobs-pagee.jobs-two .top-icons.detailcstm {
  top: -20px !important;
  left: -120px !important;
}
.wspecial ul::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  background-color: #F5F5F5;
}
.wspecial ul::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}
.wspecial ul::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #FE9900;
}

.jobs-pagee.project-detail.jobs-two .top-icons.detailcstm {
  left: 0 !important;
}

.jobs-pagee .box ul li:empty {
  display: none;
}

.pspecial .empty {
  padding-top: 90px;
}

.detail.appoffers > .nav-pills {
  display: inline-flex;
}

.offerssec .col-xl-6 {
  margin-bottom: 15px;
}
.offerssec .project-item {
  position: relative;
  background: #FFF;
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  margin-bottom: 25px !important;
  height: 100%;
  min-height: auto;
  padding: 0 !important;
  color: #000;
  text-decoration: none !important;
  margin: 1px !important;
  padding-bottom: 10px !important;
}
.offerssec .project-item .lookdetail span {
  margin: 10px;
}
.offerssec .project-item a {
  color: #000 !important;
}
.offerssec .project-item img {
  height: 185px !important;
  object-fit: cover;
  width: 100%;
}
.offerssec .project-item .star {
  position: absolute;
  top: 15px;
  right: 0;
  background: #fff;
  box-shadow: 1px 2px 1px #ccc;
  -webkit-border-top-left-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-bottomleft: 15px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  padding: 7px;
  color: #FE9900;
}
.offerssec .project-item .star .fa-star {
  color: #FE9900;
  margin-left: 5px;
}
.offerssec .project-item .star span {
  color: #5c5c5c;
}
.offerssec .project-item ul {
  float: left;
  padding-right: 0 !important;
  width: 100% !important;
}
.offerssec .project-item .active-text {
  display: none !important;
}
.offerssec .project-item li {
  font-weight: 400;
  font-size: 13px;
  display: inline-block;
  color: #000;
}
.offerssec .project-item .profile {
  padding-top: 16px;
  padding-bottom: 12px;
  display: flex;
  align-items: center;
  height: 40px;
  padding-left: 10px;
  position: relative;
  top: 5px;
}
.offerssec .project-item .profile img {
  width: 38px;
  margin-right: 8px;
  height: 38px !important;
  border-radius: 50%;
  border: 1px solid #eaeaea;
  margin-left: 0;
  margin-bottom: 6px;
}
.offerssec .project-item .profile span {
  position: relative;
  top: -2px;
  font-size: 14px;
}
.offerssec .project-item p {
  font-weight: 400;
  margin-bottom: 15px;
  font-size: 13px;
  line-height: 19px;
  color: #000;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none !important;
  -webkit-line-clamp: 2;
  width: 100%;
}
.offerssec .project-item .job-opt {
  display: none;
}
.offerssec .project-item .text {
  padding: 10px;
  min-height: 87px;
  height: 75px;
  margin-top: 4px;
}
.offerssec .project-a a {
  text-decoration: none !important;
}

#tab-one {
  margin-top: 15px;
}

.driver-popover .driver-popover-title {
  font: 18px/normal sans-serif !important;
  font-weight: 700;
  display: block;
  position: relative;
  line-height: 1.5;
  zoom: 1;
  margin: 0;
  width: calc(100% - 20px) !important;
}

.driver-popover .driver-popover-close-btn {
  display: block;
  font-size: 35px !important;
  margin-top: 10px !important;
  margin-right: 4px !important;
  color: #848383 !important;
}

.driver-popover .driver-popover-footer button {
  padding: 6px 12px !important;
  text-shadow: none !important;
  background-color: #fff;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
  outline: 0;
  zoom: 1;
  line-height: 1.3;
  border: none;
  border-radius: 3px;
  background: #fe9900 !important;
}

.secu-page .dif.again-cstm {
  margin-top: 17px;
}
.secu-page .myAccount .form-group .toggle-password-two {
  top: 4px;
}
.secu-page .needs-validation .btn-send {
  padding: 6px 25px;
  font-size: 17px;
}

.multicstm {
  margin-bottom: 70px;
  position: relative;
}
.multicstm:before {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  left: -87px;
  background: #dcdcdc;
  top: 30px;
}
.multicstm .current-status {
  font-weight: 600;
  margin-bottom: 10px;
  padding: 0;
}
.multicstm .current-status p {
  margin-bottom: 17px !important;
}
.multicstm button {
  background-color: #198754;
  color: white;
  padding: 10px 15px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
  align-self: flex-start;
  margin-top: 15px;
}
.multicstm input[type=radio] {
  appearance: none;
  width: 16px;
  height: 16px;
  border: 1px solid #FE9900;
  border-radius: 50%;
  position: relative;
  outline: none;
  cursor: pointer;
}
.multicstm input[type=radio]:checked::before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #FE9900;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.multicstm .mfa-option {
  display: block;
  margin-right: 10px;
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  padding: 10px;
  width: 100%;
  margin-bottom: 10px;
}
.multicstm .mfa-option h2 {
  color: #222;
  margin-bottom: 9px;
  font-size: 16px !important;
}
.multicstm .mfa-option label {
  font-size: 15px;
  margin-bottom: 10px !important;
}
.multicstm .mfa-option label span {
  font-size: 14px;
  font-weight: 400;
}
.multicstm .mfa-option p {
  font-size: 13px;
  line-height: 16px;
}

.multicstm .mfa-option:nth-child(3) {
  margin-right: 0 !important;
}

@media (min-width: 576px) {
  .adlabel .text {
    font-size: 14px !important;
    width: 70px !important;
    padding: 8px !important;
  }
  #request-modal .modal-dialog {
    margin: 12.75rem auto;
  }
  .container-works {
    max-width: 540px;
  }
}
.adlabel .text {
  font-size: 12px;
  width: 60px;
  background: #c43641;
  padding: 6px;
  -webkit-border-top-left-radius: 10px !important;
  -webkit-border-bottom-left-radius: 10px !important;
  -moz-border-radius-topleft: 10px !important;
  -moz-border-radius-bottomleft: 10px !important;
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
}

.adlabel {
  z-index: 2;
  position: absolute;
  right: 0 !important;
  top: 28px;
}

@media screen and (max-width: 768px) {
  .nextStep .text-align-center:last-child .btn {
    margin-top: 9px !important;
  }
  .adlabel {
    z-index: 2;
    position: absolute !important;
    right: -17px !important;
    top: 0 !important;
  }
  .job-card .adlabel {
    z-index: 2;
    position: absolute !important;
    right: 0 !important;
    top: 30px !important;
  }
  .mdifpage .myAccount .vacancies .job-card .cityother {
    margin-top: 3px !important;
  }
  .service-account.edit-page .project-item .active-text ul {
    margin-top: 0 !important;
  }
  .message-time {
    font-size: 9px !important;
  }
  .messages-page .text-bar__thumb .thumb i {
    color: #fff;
    padding-top: 0 !important;
  }
  .index-page-new .eight-section {
    margin-bottom: 20px !important;
  }
  .project-page .project-item .company-text h4 {
    width: calc(100% - 24px);
    line-height: 21px !important;
  }
  .project-page .project-item ul {
    min-height: initial;
    margin-bottom: 10px !important;
  }
  .project-page .project-item .date-roc {
    margin-right: 0;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .job-card .company-text, .project-page .project-item .company-text, .project-page .project-item .company-text {
    position: relative;
    padding-left: 10px;
    width: calc(100% - 54px) !important;
    margin-bottom: 10px;
  }
  .adlabel .text {
    font-size: 12px;
    width: 70px;
    background: #c43641;
    padding: 6px;
    -webkit-border-top-left-radius: 10px !important;
    -webkit-border-bottom-left-radius: 10px !important;
    -moz-border-radius-topleft: 10px !important;
    -moz-border-radius-bottomleft: 10px !important;
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
  }
  .jobs-page .job-card .job-image {
    text-align: right;
    height: 50px !important;
    width: 50px !important;
    margin-top: 0 !important;
    right: -15px !important;
    position: relative;
  }
  .newprob .job-image img.img-fluid {
    top: 0 !important;
    right: 0 !important;
  }
  .index-page .job-card {
    box-shadow: none;
    padding-top: 30px;
  }
  .multicstm {
    margin-bottom: 70px;
    position: relative;
    margin-top: 30px;
    margin-bottom: 20px;
    border-top: 1px solid #ddd;
    padding-top: 32px;
  }
  .multicstm button {
    width: 100%;
  }
  .multicstm h1 {
    color: #2c3e50;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 600;
  }
  .project-all .empty .btn img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 75px;
  }
  .project-all .empty > .btn {
    min-height: 245px;
  }
  .modal .modal-title {
    padding-left: 0 !important;
  }
  .empty.job-card .box-hvr .textp {
    top: 33%;
  }
  .job-image {
    margin-top: 11px;
  }
  .project-all .myAccount .empty.job-card {
    height: 100% !important;
  }
  .empty.job-card .box-hvr .textp .btn-cstm {
    font-size: 15px;
    font-weight: 500;
    color: #333;
    padding: 6px 9px;
  }
  .empty.job-card .box-hvr .textp p {
    font-size: 15px;
  }
  #request-modal .btn-cstm span {
    padding: 10px 5px !important;
    font-size: 14px !important;
  }
  #request-modal .modal-title {
    font-size: 15px !important;
  }
  .other-page .detail .left-section {
    overflow-y: scroll;
    max-height: 320px;
  }
  .pspecial .empty {
    padding-top: 40px;
  }
  .follow-page-new .empty {
    padding-top: 40px;
  }
  .detail .right-side .first-sec .text.topspc .lefts {
    width: 59%;
  }
  .detail .right-side .first-sec .text.topspc .rightul {
    width: 100% !important;
  }
  .detail .right-side .first-sec .text.topspc .lefts {
    width: 100% !important;
  }
  .detail .right-side .first-sec .text h6 {
    font-size: 16px;
  }
  .jobs-pagee.jobs-two .top-icons ul {
    display: flex;
    justify-content: center;
  }
  .job-card .company-text {
    height: auto !important;
    max-height: calc(100% - 13px);
    margin-bottom: 0 !important;
  }
  .jbsdetpg .whatSpecialLeft .text p {
    font-size: 15px;
    color: #333;
    line-height: 20px;
  }
  .sevenservice-page .photo {
    padding-bottom: 0;
  }
  .sevenservice-page .photo img {
    width: 120px;
    height: 120px;
  }
  .specmbl {
    display: none;
  }
  .infosec p.text-center {
    font-size: 12px;
    line-height: 16px;
  }
  .infosec .text-center p {
    font-weight: 600;
    font-size: 13px;
  }
  .infosec .fa-arrow-down-long:before, .infosec .fa-long-arrow-down:before {
    content: "\f175";
    font-size: 12px;
  }
  .ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection {
    font-size: 12px;
  }
  .ms-container .ms-optgroup-label {
    font-size: 12px;
  }
  .newdesign .clouds {
    bottom: 220px;
  }
  .newdesign .clouds {
    width: 100%;
  }
  .newdesign .box-cstm {
    position: relative;
    z-index: 9;
    margin: 0 auto;
    width: 251px;
  }
  .newdesign h6 {
    font-size: 36px;
  }
  .newdesign span {
    font-size: 21px;
  }
  .campaign-page .caption.first h4 {
    font-size: 24px;
    margin-bottom: 5px;
  }
  .campaign-page .second-sec .btn-cstm {
    font-size: 18px;
    padding: 4px 17px;
  }
  .service-d-last .bar-main-container b {
    width: 53%;
  }
  .list-avaible b {
    width: 53%;
  }
  .list-avaible span {
    width: 46%;
  }
  .service-d-last .bar-main-container span {
    width: 46%;
    /* margin-right: 21px; */
  }
  .service-d-last .profile.right .list-avaible .bar-main-container {
    display: flex;
    align-items: center;
  }
  .jobs-pagee.project-detail.jobs-two .top-icons.detailcstm {
    float: right !important;
    top: -20px !important;
    left: 0 !important;
    margin: 0 !important;
    width: auto;
    /* bottom: 0; */
    display: flex;
    justify-content: flex-end;
  }
  .jobs-pagee.project-detail.jobs-two.service-d-last .top-icons.detailcstm {
    float: right !important;
    top: 0 !important;
  }
  .jobs-pagee.jobs-two .top-icons.detailcstm {
    margin-top: 10px !important;
    top: 0 !important;
  }
  .jobs-pagee.jobs-two.jobdetailp .top-icons.ms-auto.w-100 ul li:last-child span {
    font-size: 15px !important;
    position: relative;
    top: -1px;
  }
  .jobs-pagee.jobs-two .top-icons ul li:last-child {
    font-size: 13px;
    float: initial;
    margin-left: 15px;
  }
  .jobs-pagee.project-detail.jobs-two .top-icons ul li:last-child {
    margin-left: 7px;
  }
  .jobs-pagee.jobs-two .top-icons ul {
    display: flex;
    justify-content: center;
  }
  .jobs-pagee.jobs-two .top-icons ul li:last-child i {
    margin-right: 5px !important;
    color: #3b3b3b;
  }
  .project-detail.service-detail .title span {
    line-height: 21px;
    word-wrap: break-word;
    font-size: 14px !important;
  }
  .project-detail .content-text .text p {
    line-height: 20px;
    font-size: 15px;
  }
  .project-detail .photoo {
    margin-bottom: 10px;
  }
  .jobs-pagee.project-detail .box h2 {
    font-size: 16px;
    margin-top: 6px !important;
  }
  .project-detail .content-text .box {
    margin-top: 15px;
  }
  .jobs-pagee .box ul {
    padding-top: 10px;
  }
  .project-detail .title {
    margin: 0;
    margin-bottom: 10px;
    padding-bottom: 10px !important;
  }
  .project-detail .title span {
    font-size: 16px !important;
  }
  .project-edit .company-text h4:before {
    content: "";
    top: 3px;
    height: 100%;
  }
  .needs-validation .filter {
    display: block !important;
  }
  .text-align-end .text-right.date span {
    font-size: 15px !important;
  }
  .index-page .owl-item .social.text-left {
    width: calc(100% - 81px) !important;
  }
  .project-edit.my-service-page .detail .text h5 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .other-page.invite-page-two {
    padding-top: 0;
  }
  .career .page-title {
    padding-top: 15px;
  }
  .formobile .choose.left-section {
    padding-left: 0 !important;
    display: block;
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    font-size: 16px;
    border-bottom: 1px solid #e8e8e8;
  }
  .formobile .choose.left-section input {
    height: 50px;
  }
  .bottomMenu {
    display: block;
    transform: translateY(100%);
    transition: transform 0.3s ease-in-out;
  }
  .trust-page .owl-logo .owl-nav .prev-slide:before {
    width: 36px;
    height: 36px;
    line-height: 38px;
    padding-left: 0px;
  }
  .trust-page .owl-logo .owl-nav .prev-slide {
    width: 35px;
    height: 35px;
  }
  .trust-page .owl-logo .owl-nav .next-slide:before {
    width: 36px;
    height: 36px;
    line-height: 38px;
  }
  .trust-page .owl-nav {
    top: 54% !important;
  }
  .trust-page .owl-logo .owl-nav .next-slide:before {
    font-size: 14px;
  }
  .trust-page .owl-logo .owl-nav .next-slide {
    width: 35px;
    height: 35px;
  }
  .pricing-subs .page-title {
    padding-top: 20px;
  }
  .help-page.pricing-subs .help-section {
    padding: 0 15px !important;
    padding-top: 20px !important;
  }
  .product-all-item .title-caption {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
  }
  .help-page .help-title {
    margin-bottom: 20px;
  }
  .jobs-pagee .box h2 {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    margin-top: 8px;
    text-align: center;
  }
  .jobs-pagee .box ul li {
    font-size: 14px;
  }
  .text-bold span {
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
    color: #000;
  }
  .regis-page .regis-section .left-section a i {
    position: relative;
    top: 1px;
  }
  .laila-desc-page .text-banner .text h3 {
    margin-bottom: 15px;
    font-size: 21px;
  }
  .laila-desc-page .laila-desc {
    padding: 15px;
  }
  .laila-desc-page {
    margin-top: 0px;
    margin-bottom: 10px;
  }
  .laila-desc-page .laila-desc ul {
    columns: 1 !important;
    -webkit-columns: 1 !important;
    -moz-columns: 1 !important;
  }
  .wspecial {
    margin: 10px auto;
  }
  .wspecial h4 {
    font-size: 20px;
    text-align: center;
    background: #FE9900;
    padding: 10px 10px;
  }
  .wspecial li {
    font-size: 16px;
    padding: 15px 0;
    border-bottom: 1px solid #d9d9d9;
  }
  .wspecial ul {
    padding: 9px 13px;
    overflow-y: scroll;
    max-height: 350px;
  }
  .bottomMenu img {
    width: 26px;
    display: block;
    margin: 0 auto;
    filter: opacity(0.6);
    padding-top: 4px;
  }
  .job-card:hover:before, .project-page .project-item:hover:before {
    display: none !important;
  }
  .bottomMenu span {
    font-size: 11px;
    color: #717171;
  }
  .myAccount .sidebar-item {
    display: none;
  }
  #cd-primary-nav li img {
    width: 20px !important;
    margin-right: 10px;
    position: relative;
    top: 4px;
  }
  .bottomMenu {
    float: left;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1002;
    background: #fff;
    border-top: 1px solid #cecece;
    display: block;
    padding-bottom: 20px;
  }
  .bottomMenu span {
    font-size: 11px;
    display: block;
    margin-top: 3px !important;
  }
  .bottomMenu ul {
    margin: 0;
  }
  .bottomMenu ul li {
    float: left;
    width: 25%;
  }
  .bottomMenu ul li a {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 12px;
    padding: 5px 0;
    color: #000;
    position: relative;
    text-decoration: none;
  }
  .bottomMenu ul li a i {
    display: block;
    margin: 0 auto 3px;
    font-size: 18px;
  }
  .choose.mobil {
    border-radius: 0 !important;
    background: transparent !important;
    position: relative;
    padding-top: 0 !important;
    z-index: 8;
    top: 0 !important;
  }
  .choose.mobil a:before {
    display: none;
  }
  .choose.mobil:before {
    display: none;
  }
  .choose.mobil .fa-location-dot {
    color: #fe9a01;
    display: inline-block;
    position: absolute;
    left: 7px;
  }
  .choose.mobil .fa-angle-down {
    color: #fe9a01;
    display: inline-block;
    position: absolute;
    left: 10px;
  }
  .choose.mobil #searchTextField2 {
    border: none;
    padding-left: 20px;
  }
  .fordesktop {
    display: none;
  }
  header .logo {
    position: absolute;
    right: 0;
    left: 0;
    text-align: center;
    top: 3px;
  }
  .three-search {
    display: flex;
    margin-bottom: 10px;
    justify-content: center;
  }
  .three-search a {
    color: #fff;
    text-decoration: none;
    margin: 0 7px !important;
    font-size: 16px;
  }
  header i.fa-solid.fa-user {
    padding-top: 1px !important;
  }
  .closebtnmobile {
    display: block;
    text-align: center;
    position: relative;
    top: -39px;
  }
  .closebtnmobile i {
    position: relative;
    z-index: 999;
    color: #fe9900;
    font-size: 23px;
  }
  .nati-all.close {
    display: none !important;
  }
  .nati-section .tab-content ul {
    overflow-y: scroll;
    max-height: 320px;
  }
  .nati-section {
    min-height: 250px;
    margin-top: 0;
  }
  .fa-message {
    position: relative;
    top: 4px;
    font-size: 23px !important;
  }
  .project-page .project-item .job-exp {
    min-height: auto;
  }
  .sevenservice-page .question2 {
    margin-bottom: 30px;
  }
  .service-page .btn-cstm {
    margin-bottom: 10px;
  }
  header .top-header .top-side .left ul li:first-child a i {
    margin-right: 3px;
  }
  .index-page .content .section-three {
    padding-bottom: 0;
  }
  .service-detail .left-sec {
    padding: 5px 10px;
    margin-right: 0;
  }
  .service-detail .content-area .col-xl-8 {
    padding: 0;
  }
  .service-detail .title span {
    font-size: 17px;
    overflow: initial;
    min-height: 30px;
    text-overflow: initial;
    white-space: initial;
    display: initial;
    max-width: initial;
    min-height: initial;
  }
  .service-detail .owl-slider .owl-item .item img {
    height: auto;
    width: 100%;
  }
  .owl-nav .prev-slide {
    width: 22px;
    height: 42px;
    background: #FE9900;
    position: relative;
    background-position: center center;
  }
  .owl-nav .prev-slide:before {
    content: "\f053";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    color: #000;
    font-size: 15px;
    line-height: 42px;
    padding-left: 7px;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
  }
  .owl-nav .next-slide {
    width: 22px;
    height: 42px;
  }
  .owl-nav .next-slide:before {
    font-size: 15px;
    width: 22px;
    height: 42px;
    line-height: 42px;
    padding-left: 11px;
    padding-left: 0;
  }
  .index-page .job-card .company-text p {
    font-size: 15px;
  }
  .jobtype-text b {
    font-size: 15px;
  }
  .jobtype-text i {
    font-size: 15px;
  }
  .project-page .project-item .company-text {
    height: 35px !important;
  }
  .project-page .project-item .date-roc li:first-child i {
    font-size: 18px;
  }
  .job-exp {
    font-weight: 400;
    margin-bottom: 10px;
    font-size: 15px !important;
    line-height: 23px;
    color: #333;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 15px !important;
  }
  .project-page .project-item .date-roc img {
    width: 22px;
    top: 6px;
  }
  .job-card .social.text-left {
    float: left !important;
    text-overflow: ellipsis;
    overflow: hidden;
    width: calc(100% - 75px);
    height: auto !important;
    white-space: nowrap;
    text-align: left;
  }
  .job-image img.img-fluid {
    width: 50px !important;
    position: relative !important;
    top: -10px;
    right: -10px;
    height: initial !important;
  }
  .social.text-left b {
    font-size: 14px;
  }
  .index-page .job-card .company-text h4 {
    font-size: 16px;
  }
  .job-card .company-text, .project-page .project-item .company-text, .project-page .project-item .company-text {
    position: relative;
    padding-left: 10px;
    width: 100%;
  }
  .jobtype-text {
    margin-top: 5px;
    text-align: center;
  }
  .project-list-page.project-page.owl-projects .project-item h4 {
    overflow-wrap: break-word;
  }
  .login-page .regis-section .left-section {
    width: 100%;
  }
  .regis-page .regis-section {
    max-width: 700px;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 20px;
    background: #fff;
    padding: 20px;
  }
  .project-detail .content-area {
    margin-top: 0;
  }
  .service-detail .left-sec .owl-slider .owl-nav .prev-slide {
    width: 27px;
    height: 46px;
  }
  .service-detail .left-sec .owl-slider .owl-nav .prev-slide:before {
    line-height: 48px;
    padding-left: 7px;
    font-size: 16px;
  }
  .service-detail .left-sec .owl-slider .owl-nav .next-slide {
    width: 27px;
    height: 46px;
  }
  .service-detail .left-sec .owl-slider .owl-nav .next-slide:before {
    line-height: 48px;
    padding-right: 0;
    font-size: 16px;
    left: -16px;
  }
  .service-detail .left-sec .owl-slider .owl-nav .owl-prev {
    top: -30px;
  }
  .service-detail .left-sec .owl-slider .owl-nav .owl-next {
    top: -30px;
  }
  .jobs-pagee.jobs-two .top-icons ul {
    margin-top: 0;
  }
  .project-detail .title span {
    min-height: auto;
  }
  .visit-profile.text-left {
    text-align: center !important;
  }
  .jobs-pagee.jobs-two .top-icons ul li {
    margin: 0 2px;
    display: inline-block;
  }
  .login-list {
    display: block !important;
  }
  .choose-sec .text {
    text-align: center;
  }
  .project-page .btn-right .btn-cstm {
    height: 50px;
    width: 100%;
  }
  .btn-right {
    width: 100% !important;
  }
  .project-page .form-item.check-spec .form-check {
    width: 100%;
  }
  .project-page .page-title h2 {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .project-page-two .page-title {
    margin-bottom: 20px;
    margin-top: 5px;
  }
  .project-page .top-text {
    margin-bottom: 20px;
    padding-top: 0;
  }
  .tab-container.row {
    --bs-gutter-y: 1rem;
  }
  .tab-container.row h4 {
    margin-bottom: 7px;
  }
  .project-page .form-item .form-check {
    margin-right: 0;
    line-height: 22px;
    width: 100%;
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
  .other-page .myAccount .form-check .form-check-input {
    margin-left: 0 !important;
  }
  .project-page .content {
    padding: 15px;
    padding-top: 10px;
    border-radius: 5px;
    margin-bottom: 30px;
    margin-top: 10px;
  }
  .project-page .project-text h2 {
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 10px;
  }
  .other-page {
    padding-top: 15px;
  }
  .btn-prev {
    width: 100%;
  }
  .nextStep .btn-cstm {
    width: 100%;
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .content-area .nextStep .btn-cstm {
    margin-top: 0px !important;
    margin-bottom: 0px;
    padding: 7px 10px;
  }
  .project-detail .title {
    padding-left: 0;
  }
  .translate a {
    font-size: 13px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .project-detail .content-text {
    margin-top: 0;
  }
  .service-detail .additional ul li {
    margin-bottom: 15px;
  }
  .project-detail .title span {
    font-size: 17px;
    max-width: calc(100% - 40px);
    line-height: 1.5;
  }
  .service-detail .additional ul {
    margin-top: 20px;
  }
  .vacancies .active-text {
    top: 15px;
  }
  .service-detail .additional {
    padding-top: 15px;
  }
  .summary p {
    font-size: 15px;
    line-height: 18px;
  }
  .choose-sec .right.text {
    display: block;
  }
  .choose-sec .text {
    align-items: center;
  }
  .project-detail .box ul {
    columns: 2;
    display: block;
  }
  .project-detail .box ul li {
    font-size: 13px;
    line-height: 15px;
    margin: 0 0px !important;
    margin-bottom: 10px !important;
    padding: 0px !important;
    border: none !important;
    border-radius: 0 !important;
    text-align: left !important;
    position: relative !important;
  }
  .jobs-pagee .box {
    background: #FFF;
    padding: 10px 7px;
  }
  .choose-sec h6 {
    font-size: 20px;
    margin-bottom: 10px;
    display: block;
  }
  .choose-sec h5 {
    font-size: 20px;
  }
  .choose-sec {
    padding: 11px;
  }
  .choose-sec .right.text {
    text-align: center;
  }
  .picture-video.new li {
    margin-right: 15px;
  }
  .picture-video.new li img {
    border-radius: 50% !important;
    border: 1px solid #FE9900;
    width: 55px;
    height: 55px;
    object-fit: cover;
  }
  .jobs-page.project-page.project-list-page {
    padding: 20px 0;
  }
  .natiOpened .nati-mobile .nati-all {
    display: block !important;
  }
  .nati-mobile {
    display: block;
    margin-top: 0;
    padding-top: 0;
    top: 47px;
    width: 85%;
    height: 100%;
    padding-left: 0;
    padding-right: 0 !important;
    z-index: 999999;
  }
  .nati-mobile .nati-section {
    margin-left: 16px;
    box-shadow: initial !important;
    min-height: initial !important;
  }
  .overlay-login {
    z-index: 9999;
  }
  .overlay-login .fa-xmark {
    font-size: 28px;
    color: #fff;
    position: fixed;
    top: 50px;
    left: 12px;
    width: 50px;
    background: #FE9900;
    padding: 10px 15px;
    transform: translate(-100%, 0);
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
  }
  .overlay-menu {
    z-index: 9999;
  }
  .overlay-menu .fa-xmark {
    font-size: 28px;
    color: #fff;
    position: fixed;
    top: 50px;
    right: -18px;
    width: 50px;
    background: #fe9900;
    padding: 10px 15px;
    transform: translate(-100%, 0);
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
  }
  .natiOpened .overlay-nati {
    display: block;
  }
  .menuOpened .overlay-login {
    display: none;
  }
  .loginOpened .overlay-menu {
    display: none;
  }
  .loginOpened .menu_overlay .fa-xmark {
    transform: translate(0, 0);
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
  }
  header .top-header .top-side .left .right-section {
    float: left;
    width: 56%;
    text-align: right;
  }
  header .top-header .top-side .choose input {
    width: 70% !important;
  }
  header .top-header .top-side .left .left-section {
    float: left;
    width: 44%;
  }
  header .top-header .top-side .left ul li {
    padding: 0 3px;
  }
  header .top-header .top-side .left ul.d-inline-flex:first-child {
    display: block !important;
  }
  header .top-header .top-side .left {
    padding-top: 6px;
    padding-bottom: 7px;
  }
  .index-page .slider .owl-nav .owl-prev {
    left: 0 !important;
  }
  .index-page .slider .owl-nav .owl-next {
    right: 0 !important;
  }
  .owl-carousel .owl-nav button.owl-prev {
    left: -25px !important;
  }
  .owl-carousel .owl-nav button.owl-next {
    right: -25px !important;
  }
  .owl-code .owl-nav button.owl-prev {
    left: -5px !important;
  }
  .owl-code .owl-nav button.owl-next {
    right: -5px !important;
  }
  .all-items {
    padding-top: 0;
    padding-left: 0;
  }
  .index-page .content .section-three .owl-nav .owl-prev {
    left: -20px !important;
  }
  .index-page .content .section-three .owl-nav .owl-next {
    right: -20px !important;
  }
  .content .product-all-item .box .photo img {
    max-height: initial !important;
    object-fit: cover;
    width: 100%;
    height: 220px;
  }
  .content .product-all-item .box {
    padding: 0 !important;
    margin-bottom: 0;
  }
  .service-all {
    margin-top: 20px;
    padding: 0 8px;
  }
  .nati-all {
    z-index: 9;
  }
  header .top-header .bottom-side .right-side li ul li a {
    color: #000;
    width: 100%;
  }
  header .top-header .bottom-side .right-side .nati-section .tab-content li {
    left: 0;
  }
  .nati-section .nav-tabs {
    border: none;
    display: block;
    text-align: center;
  }
  .nati-li:hover .nati-all {
    height: 360px;
    width: 100%;
    transition: height 0.4s ease-in;
    left: -230px;
    position: fixed;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 7px;
  }
  .slider {
    margin-top: 0;
  }
  .index-page .slider .owl-carousel .owl-item .slider-photo img {
    height: auto;
    max-width: 100% !important;
    object-fit: cover;
  }
  .index-page .slider .owl-carousel .owl-item video {
    height: auto;
    max-width: 100% !important;
    object-fit: cover;
  }
  .slider .owl-nav {
    top: 50%;
  }
  .nati-li .count-nati {
    top: -5px;
  }
  header i.far.fa-bell {
    font-size: 26px;
    position: relative;
    left: -6px;
  }
  .nati-li .count-nati {
    position: absolute;
    right: 5px;
    top: -3px;
    background: #FE9900;
    padding: 3px;
    border-radius: 40px;
    font-size: 0;
    width: 11px;
    height: 11px;
    line-height: 10px;
    text-align: center;
  }
  header i.fa-solid.fa-user {
    font-size: 20px;
    color: #fff;
    position: relative;
    top: 7px;
    padding-right: 0;
    float: left;
    width: 26px;
    margin-right: 0;
    right: 0;
    text-align: right;
  }
  header .no-active i.fa-solid.fa-user {
    top: 11px !important;
    float: right;
    position: absolute;
    right: 20px;
  }
  .searchbtn i {
    font-size: 20px;
  }
  header .top-header .bottom-side .right-side li a {
    font-size: 14px;
  }
  header .top-header .bottom-side .right-side li.signopen a {
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: pre-wrap;
  }
  .hidden-mobile {
    display: none !important;
  }
  header .top-header .top-side .right-side {
    display: none !important;
  }
  header .top-header .bottom-side {
    display: block;
  }
  .sidebarMenu a:hover {
    color: #000 !important;
  }
  .sidebarMenu {
    top: 50px;
    width: 80%;
    height: 100%;
    padding-left: 0;
    padding-right: 0 !important;
    z-index: 999999;
    padding-left: 20px;
  }
  .login-list {
    top: 50px;
    width: 85%;
    height: 100%;
    padding-left: 0;
    padding-right: 0 !important;
    z-index: 999999;
  }
  .login-list .caption {
    margin-bottom: 10px;
    padding-bottom: 0;
    margin-left: 15px;
  }
  .login-list .login-section {
    margin-bottom: 10px;
    border-bottom: 2px dotted #FE9900;
    padding-bottom: 10px;
  }
  .login-list .login-section ul li {
    width: 40%;
    display: inline-block;
    margin-right: 5px;
    margin-left: 14px;
  }
  .login-list .login-section ul li a {
    margin: 0;
    padding: 5px 0;
    background: #000;
    color: #fff;
  }
  .login-list .login-section ul li a:before {
    display: none !important;
  }
  .login-list .login-section ul li:first-child a {
    background: #FE9900;
    color: #fff;
  }
  .login-list .login-section ul li:last-child a {
    background: transparent;
    border: 1px solid #FE9900;
    color: #000;
  }
  .login-list li {
    margin-bottom: 8px;
  }
  .login-list li a {
    border: none;
    font-size: 17px;
    position: relative;
  }
  .login-list li a:before {
    content: "-";
    position: relative;
    left: -10px;
  }
  .login-list .sidebar-item {
    border: none !important;
    border-bottom: 1px dotted #FE9900 !important;
    padding-bottom: 3px;
    padding-left: 15px;
    border-radius: 0;
    padding-right: 15px;
  }
  .login-list h6 {
    font-weight: 600;
    font-size: 18px;
  }
  .sidebarMenu {
    top: 50px;
    width: 80%;
    height: 100%;
    padding-left: 0;
    padding-right: 0 !important;
    z-index: 999999;
  }
  .sidebarMenu li {
    margin-bottom: 8px;
  }
  .sidebarMenu li a {
    font-size: 17px;
    position: relative;
    padding-left: 20px;
  }
  .sidebarMenu li a:before {
    content: "-";
    position: relative;
    left: -10px;
  }
  .sidebarMenu .sidebar-item {
    border: none !important;
    border-bottom: 1px dotted #fe9900 !important;
    padding-bottom: 15px;
    padding-left: 15px;
    border-radius: 0;
    padding-right: 15px;
  }
  .sidebarMenu h6 {
    font-weight: 600;
    font-size: 22px;
  }
  .sidebarMenu .language, .sidebarMenu .account, .sidebarMenu .choose {
    position: relative;
  }
  .sidebarMenu .language:hover ul, .sidebarMenu .account:hover ul, .sidebarMenu .choose:hover ul {
    visibility: visible;
    opacity: 1;
    display: block;
  }
  .sidebarMenu .language ul, .sidebarMenu .account ul, .sidebarMenu .choose ul {
    visibility: hidden;
    opacity: 0;
    min-width: 100%;
    position: absolute;
    transition: all 0.5s ease;
    margin-top: 0;
    left: 0;
    display: none;
    padding-bottom: 7px;
    padding-top: 7px;
    border-radius: 7px;
    position: absolute;
    background: #fff;
    border: 1px solid #bbb;
    padding: 10px;
    margin: 0;
    -ms-user-select: none;
    zoom: 1;
    -webkit-transform: translate3d(0, 0, 0);
    font-size: 14px;
    font-family: inherit;
    line-height: normal;
  }
  .sidebarMenu .language ul li, .sidebarMenu .account ul li, .sidebarMenu .choose ul li {
    clear: both;
    width: 100%;
    text-align: center;
  }
  .sidebarMenu .language ul li:last-child, .sidebarMenu .account ul li:last-child, .sidebarMenu .choose ul li:last-child {
    padding: 0 !important;
    background: initial !important;
  }
  .sidebarMenu .language ul li a, .sidebarMenu .account ul li a, .sidebarMenu .choose ul li a {
    padding: 10px 4px !important;
    color: #000 !important;
  }
  .sidebarMenu .language ul li a, .sidebarMenu .account ul li a, .sidebarMenu .choose ul li a {
    display: block;
    width: 100% !important;
    margin: 0 auto;
  }
  header .bottom-header li {
    width: initial;
    flex: initial !important;
    margin: 0 0 20px 15px;
    padding-right: 3px;
    position: relative;
    color: #fff;
    float: left;
    white-space: nowrap;
    margin-top: 0 !important;
    padding-top: 5px !important;
  }
  header .bottom-header ul {
    height: 40px;
    display: flex;
    overflow-x: scroll;
  }
  .top-mail {
    display: none;
  }
  header .logo {
    padding-top: 8px;
  }
  header .navbar-brand img {
    margin-top: 0;
  }
  .header-all.row .header-left {
    width: 0;
  }
  .header-all.row .mobile-flex {
    width: 100%;
  }
  .header-all.row .mobile-flex .bottom-side .search-sign {
    display: block;
  }
  .header-all.row .mobile-flex .bottom-side .search-sign .search-section {
    width: 70%;
    margin: 0 auto;
    margin-top: 20px;
  }
  header .top-header .bottom-side .right-side li:first-child {
    left: -14px;
    top: 0;
  }
  header .top-header .bottom-side .right-side li:nth-child(2) {
    position: relative;
    top: -7px;
    left: -15px;
  }
  .sidebar-item ul {
    padding-top: 11px;
  }
  header .top-header .bottom-side .right-side .nati-li .nati-all.active li:nth-child(2) {
    top: 0px !important;
  }
  header .top-header .bottom-side .right-side li:last-child {
    width: auto;
    display: none;
  }
  .sidebar-item .title h3 {
    font-size: 16px;
    padding: 11px 10px;
  }
  header .top-header .bottom-side .right-side {
    width: 64%;
    padding-bottom: 0px;
    padding-top: 2px;
  }
  .wspecial {
    border-radius: 10px;
  }
  .wspecial h4 {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .sign-join {
    text-align: left;
    padding-left: 0;
    float: left;
    width: 35px !important;
  }
  header .top-header .top-side .left {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: none !important;
  }
  .bottom-header ul {
    height: 40px;
  }
  .openMenu img {
    width: 23px;
    margin-top: -2px;
    height: auto;
  }
  #drawer .social-btns i {
    font-size: 20px;
  }
  header .bottom-header {
    height: 40px;
  }
  header .bottom-header ul {
    height: 40px;
  }
  header {
    padding-bottom: 0;
    z-index: 999;
  }
  .laila-all .animate-close .sidebar {
    opacity: 1 !important;
  }
  header .bottom-header li {
    line-height: initial;
  }
}
.service-account .myAccount .job-opt .btn-cstm {
  margin-top: 7px !important;
  margin-bottom: 7px !important;
  background: #fe9a01 !important;
  color: #fff !important;
  border: none !important;
}
.service-account .myAccount .job-opt .btn-cstm:hover {
  background: #f39e1b !important;
}

.follow-page .social-section .past-item .top {
  padding-top: 33px;
}

.btn-dots .dropdown-menu li i {
  color: #fe9900;
  margin-right: 7px;
}

.appy-page .top-text .needs-validation .text-center .btn-send {
  margin-top: 10px !important;
}

.myAccount .accountdelete h2 {
  font-weight: 600;
  font-size: 19px;
  margin-bottom: 10px;
  color: #333;
}
.myAccount .accountdelete p {
  font-size: 14px;
  color: #343434;
  line-height: 22px;
}
.myAccount .accountdelete .form-check {
  margin-bottom: 0.125rem;
  padding: 17px 40px;
  border: 1px solid #f0f0f0;
  margin-bottom: 17px;
  width: 60%;
  position: relative;
  border-radius: 5px;
}
.myAccount .accountdelete .form-check .textcstm {
  margin-left: 8px;
}
.myAccount .accountdelete .form-check .form-check-input {
  position: absolute !important;
  top: 38% !important;
  margin-right: 0 !important;
  border-color: rgba(0, 0, 0, 0.35);
}
.myAccount .accountdelete .form-check-input:checked {
  background-color: #FE9900;
  border-color: #FE9900 !important;
}
.myAccount .accountdelete .form-item {
  margin-top: 30px;
}
.myAccount .accountdelete label {
  margin-bottom: 7px;
}
.myAccount .accountdelete.second .form-item {
  width: 60%;
  border: 1px solid #f0f0f0;
  border-radius: 5px;
  margin-top: 18px;
}
.myAccount .accountdelete.second p {
  font-size: 15px;
}
.myAccount .accountdelete.second .toggle-password {
  top: 16px;
}
.myAccount .accountdelete.second .text-left.cstm .btn {
  padding-left: 3px;
  font-size: 13px;
  color: #343434;
}
.myAccount .accountdelete.second .form-item.first {
  border: none !important;
  margin-bottom: 10px !important;
}
.myAccount .accountdelete.second .form-check {
  border: none;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 0;
  border-radius: 0;
  width: 100%;
}
.myAccount .accountdelete.second .form-check .form-check-input {
  top: 38% !important;
}
.myAccount .accountdelete.second label {
  font-size: 14px;
  color: #343434;
  line-height: 22px;
  margin-bottom: 0;
}
.myAccount .accountdelete.second #text-area {
  float: initial;
}
.myAccount .accountdelete.second .related-exe {
  margin: 15px;
}
.myAccount .input-field {
  position: relative;
  width: 65%;
}
.myAccount .needs-validation .accountdelete textarea {
  min-height: 80px !important;
}
.myAccount .accountdelete.second.last p {
  margin: 10px 0;
}
.myAccount .accountdelete.second.last .delete-btn {
  margin-top: 15px;
}
.myAccount .accountdelete.second.last .delete-btn i {
  margin-right: 5px;
}

.delete-page .modal-notice .form-check .form-check-input {
  position: relative;
  top: 0 !important;
}

.quick-search-button {
  color: #000 !important;
}

.suggested-category-button {
  color: #000 !important;
}

.autocomplete-items {
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
}

.autocomplete-items .sub-category {
  border-bottom: 1px solid #ddd !important;
  border-left: 1px solid #ddd !important;
  border-right: 1px solid #ddd !important;
  border-top: 0 !important;
}

.autocomplete-items .sub-category:last-child {
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.createpage .autocomplete-items .no-results {
  border: 1px solid #ddd !important;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding-top: 23px;
  border-top: 0 !important;
}

.autocomplete-items .no-results {
  border: 1px solid #ddd !important;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top: 0 !important;
}

.filter-content h6 {
  font-size: 16px !important;
  color: #000;
  margin-bottom: 7px;
  font-weight: 600;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  .newprofiledesign .text-sec .col-xl-3 .profile {
    margin-bottom: 15px !important;
    margin-top: 0;
    position: initial;
    top: 10px !important;
  }
  .newprofiledesign .rate-box.new .question2 i {
    margin-top: -2px;
  }
  .newprofiledesign .text-sec ul li {
    margin: 10px 2px !important;
  }
  .newprofiledesign .question2 label {
    display: inline-block !important;
  }
  .newprofiledesign .rate-box.new .question2 {
    display: inline-block;
    justify-content: space-between;
    width: 49%;
    justify-content: flex-start;
  }
  .multicstm:before {
    left: -44px;
  }
  .multicstm button {
    width: 100%;
  }
  .multicstm {
    margin-bottom: 70px;
    position: relative;
    margin-top: 0;
    margin-bottom: 20px;
    border-top: none;
    padding-top: 32px;
  }
  .secu-page .needs-validation .btn-send {
    padding: 6px 25px;
    font-size: 17px;
    width: 100%;
  }
  .autocomplete-items div {
    padding: 7px 0px !important;
  }
  .parent-title {
    width: 82px !important;
    max-width: 82px !important;
    min-width: 82px !important;
  }
  .quick-search-button {
    font-size: 12px !important;
  }
  .quick-search-text {
    font-size: 12px !important;
    color: #666;
  }
  .filter-content #searchInput {
    font-size: 10px !important;
    margin-top: 0;
    padding: 10px 3px;
  }
  .filter-content h6 {
    font-size: 13px !important;
    color: #000;
  }
  .filter-content .form-select {
    font-size: 13px !important;
  }
  .autocomplete-items div {
    padding: 5px;
  }
  .parent-title {
    font-size: 12px;
  }
  .autocomplete-items div {
    font-size: 12px;
  }
  .suggested-categories {
    margin-top: 5px;
  }
  .no-results svg {
    width: 30px;
    height: 30px;
    margin-bottom: 6px;
  }
  .suggested-category-button {
    font-size: 13px;
  }
  .suggested-categories-text {
    font-size: 12px;
  }
  .form-check-label {
    padding-left: 0 !important;
    font-size: 13px !important;
    line-height: 16px;
  }
  .filter-content .star-cstm label {
    padding-left: 13px !important;
    margin-right: 11px;
    font-size: 8px !important;
    margin-top: 14px;
  }
  .filter .form-check {
    display: block;
    margin-left: 0;
    padding-left: 0;
  }
  .text-second {
    min-height: 70px;
  }
  .follow-page .posts.post-area .name {
    width: calc(100% - 50px) !important;
  }
  .project-item .social.text-left {
    width: calc(100% - 80px);
  }
  .appy-page .top-text .needs-validation .text-center .btn-send {
    margin-top: 10px !important;
  }
  .follow-page .social-section .past-item .top {
    padding-top: 50px;
  }
  .jobtype-text:first-child {
    margin-right: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 110px;
    height: initial;
    white-space: nowrap;
  }
  span.select2-selection__arrow:before {
    top: 6px;
    right: 6px;
  }
  .choose-page ul.list {
    columns: 1;
  }
  .clear-all {
    color: #000;
    font-size: 13px;
  }
  .project-page #location-filter {
    font-size: 13px !important;
  }
  .sidebar .filter .form-control {
    font-size: 13px !important;
    color: #000;
    font-weight: 400;
    line-height: 1.5;
  }
  .filter-box .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: initial;
    height: 30px !important;
    font-size: 13px !important;
    color: #000 !important;
    font-weight: 400;
    line-height: initial !important;
    padding: 6px 12px !important;
  }
  .form-group.text-center.mt-5 {
    margin-top: 15px !important;
  }
  .filter-content .filter-box {
    margin-bottom: 3px !important;
    display: block;
  }
  .filter-content #searchInput {
    font-size: 13px !important;
    color: #000 !important;
    font-weight: 400;
    line-height: 1.5;
    padding: 6px 12px !important;
    width: 100%;
  }
  .sidebar .filter .form-control {
    height: 30px !important;
  }
  .sidebar .project-page #location-filter {
    height: 30px !important;
  }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 30px !important;
  }
  .text-second.free {
    min-height: 70px !important;
  }
  .choose-page .second-row {
    padding: 10px 0;
    margin-bottom: 20px;
    background: #fdfdfd;
    padding-bottom: 10px;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
  }
  .second-row.free {
    padding: 30px 0;
  }
  .ad-page.choose-page ul {
    padding: 15px 0px;
    margin-right: 0;
  }
  .second-row.free b {
    margin-top: 5px;
    display: block;
  }
  .choose-page ul.disinline.new li.centercstm {
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 4px;
  }
  .choose-page ul.disinline.new span b {
    font-size: 17px;
  }
  .choose-page ul.disinline.new span {
    font-size: 11px;
    font-weight: 400;
  }
  .text-last .text-left b {
    margin-left: 5px;
    font-weight: 600;
    font-size: 14px;
  }
  .ad-page.premiumchoose .box-three ul li {
    padding-bottom: 11px;
    position: relative;
    line-height: 16px;
    font-weight: 400;
    font-size: 13px;
  }
  .choose-page.premiumchoose .text-second p {
    text-align: left;
    font-size: 12px;
    line-height: 16px;
  }
  .choose-page ul.disinline.new p {
    font-size: 11px;
    line-height: 15px;
    font-weight: 400;
    color: #333;
  }
  .section-one.with-description.special-section .title-caption {
    margin-bottom: 20px;
  }
  .owl-logo .owl-nav button.owl-prev {
    left: -35px !important;
  }
  .owl-logo .owl-nav button.owl-next {
    right: -35px !important;
  }
  .trust-page .owl-logo .owl-nav .prev-slide:before {
    width: 36px;
    height: 36px;
    line-height: 38px;
    padding-left: 0px;
  }
  .trust-page .owl-logo .owl-nav .prev-slide {
    width: 35px;
    height: 35px;
  }
  .trust-page .owl-logo .owl-nav .next-slide:before {
    width: 36px;
    height: 36px;
    line-height: 38px;
  }
  .trust-page .owl-nav {
    top: 54% !important;
  }
  .trust-page .owl-logo .owl-nav .next-slide:before {
    font-size: 14px;
  }
  .trust-page .owl-logo .owl-nav .next-slide {
    width: 35px;
    height: 35px;
  }
  .help-page .help-section .help-title .image {
    height: calc(100% + 30px);
    display: flex !important;
  }
  .footer-top .list ul {
    display: block !important;
  }
  .owl-slider .owl-nav.disabled + .owl-dots {
    margin-top: -20px !important;
    position: relative;
    z-index: 99;
  }
  .slider .owl-nav .prev-slide {
    width: 22px;
    height: 42px;
    background: #FE9900;
    position: relative;
    background-position: center center;
  }
  .index-page .slider .owl-nav {
    top: 50% !important;
  }
  .slider .owl-nav .prev-slide:before {
    color: #000;
    font-size: 14px;
    line-height: 42px;
    padding-left: 7px;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
  }
  .slider .owl-nav .next-slide {
    width: 22px;
    height: 42px;
  }
  .slider .owl-nav .next-slide:before {
    font-size: 14px;
    width: 22px;
    height: 42px;
    line-height: 42px;
    padding-left: 11px;
    padding-left: 0;
  }
  .box .name h5 {
    margin-bottom: 12px;
  }
  .detail .right-side .three-sec .btn.right {
    font-size: 12px;
    padding: 0;
  }
  .project-page .form-item .form-check {
    width: 100% !important;
  }
  .search-section {
    padding-left: 16px;
  }
  .project-list-page.project-page .photo-item img {
    max-height: 170px;
    width: 100%;
    object-fit: cover;
  }
  .menu_overlay {
    z-index: 9;
  }
  .overlay-menu i {
    font-size: 28px;
    color: #fff;
    position: fixed;
    top: 50px;
    right: -18px;
    width: 50px;
    background: #fe9900;
    padding: 10px 15px;
    transform: translate(-100%, 0);
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
  }
  .sidebarMenu {
    top: 50px;
    width: calc(100% - 85px);
    height: 100%;
    padding-left: 0;
    padding-right: 0 !important;
    z-index: 999999;
  }
  .sidebarMenu li {
    margin-bottom: 8px;
  }
  .sidebarMenu li a {
    border: none;
    font-size: 17px;
    position: relative;
  }
  .sidebarMenu li a:before {
    content: "-";
    position: relative;
    left: -10px;
  }
  .sidebarMenu .sidebar-item {
    border: none !important;
    border-bottom: 1px dotted #fe9900 !important;
    padding-bottom: 15px;
    padding-left: 15px;
    border-radius: 0;
    padding-right: 15px;
  }
  .sidebarMenu h6 {
    font-weight: 600;
    font-size: 22px;
  }
  .sidebarMenu .language, .sidebarMenu .account, .sidebarMenu .choose {
    position: relative;
  }
  .sidebarMenu .language:hover ul, .sidebarMenu .account:hover ul, .sidebarMenu .choose:hover ul {
    visibility: visible;
    opacity: 1;
    display: block;
  }
  .sidebarMenu .language ul, .sidebarMenu .account ul, .sidebarMenu .choose ul {
    visibility: hidden;
    opacity: 0;
    min-width: 100%;
    position: absolute;
    transition: all 0.5s ease;
    margin-top: 0;
    left: 0;
    display: none;
    padding-bottom: 7px;
    padding-top: 7px;
    border-radius: 7px;
    position: absolute;
    background: #fff;
    border: 1px solid #bbb;
    padding: 10px;
    margin: 0;
    -ms-user-select: none;
    zoom: 1;
    -webkit-transform: translate3d(0, 0, 0);
    font-size: 14px;
    font-family: inherit;
    line-height: normal;
  }
  .sidebarMenu .language ul li, .sidebarMenu .account ul li, .sidebarMenu .choose ul li {
    clear: both;
    width: 100%;
    text-align: center;
  }
  .sidebarMenu .language ul li:last-child, .sidebarMenu .account ul li:last-child, .sidebarMenu .choose ul li:last-child {
    padding: 0 !important;
    background: initial !important;
  }
  .sidebarMenu .language ul li a, .sidebarMenu .account ul li a, .sidebarMenu .choose ul li a {
    padding: 10px 4px !important;
    color: #000 !important;
  }
  .sidebarMenu .language ul li a, .sidebarMenu .account ul li a, .sidebarMenu .choose ul li a {
    display: block;
    width: 100% !important;
    margin: 0 auto;
  }
  .sub-categories .big-photo .cat-text h4 {
    font-size: 15px;
    margin-bottom: 4px;
  }
  .sub-categories .big-photo .cat-text p {
    font-size: 12px;
  }
  .other-page {
    margin-top: 15px;
  }
  .sidebar-item li a {
    font-size: 13px !important;
    margin-bottom: 2px !important;
    color: #000;
    padding: 4px 7px !important;
    display: block;
    text-decoration: none;
  }
  .sidebar-item ul {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0 !important;
  }
  .sidebar-item .title h3 {
    font-size: 14px !important;
    padding: 4px 2px !important;
  }
  .sidebar-item .title h3 {
    font-size: 19px;
    color: #000;
    padding: 15px 10px;
    background: #FE9900;
  }
  .sub-categories .big-photo .cat-text h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
  }
  .sub-categories .big-photo .cat-text p {
    font-size: 12px;
  }
  .service-all {
    background: #fff;
    padding: 10px;
    padding-bottom: 20px;
    margin-top: 0;
  }
  .index-page .service-all {
    padding-bottom: 0;
    margin-top: 0;
  }
  .mobile-wrap {
    flex-wrap: initial !important;
    overflow-x: auto;
  }
  .login-list {
    top: 47px;
    width: 85%;
    height: 100%;
    padding-left: 0;
    padding-right: 0 !important;
    z-index: 999999;
  }
  .login-list .caption {
    margin-bottom: 10px;
    padding-bottom: 0;
    margin-left: 15px;
  }
  .login-list .login-section {
    margin-bottom: 10px;
    border-bottom: 2px dotted #FE9900;
    padding-bottom: 10px;
  }
  .login-list .login-section ul li {
    width: 40%;
    display: inline-block;
    margin-right: 5px;
    margin-left: 14px;
  }
  .login-list .login-section ul li a {
    margin: 0;
    padding: 5px 0;
    background: #000;
    color: #fff;
  }
  .login-list .login-section ul li a:before {
    display: none !important;
  }
  .login-list .login-section ul li:first-child a {
    background: #FE9900;
    color: #fff;
  }
  .login-list .login-section ul li:last-child a {
    background: transparent;
    border: 1px solid #FE9900;
    color: #000;
  }
  .login-list li {
    margin-bottom: 8px;
  }
  .login-list li a {
    border: none;
    font-size: 17px;
    position: relative;
  }
  .login-list li a:before {
    content: "-";
    position: relative;
    left: -10px;
  }
  .login-list .sidebar-item {
    border: none !important;
    border-bottom: 1px dotted #FE9900 !important;
    padding-bottom: 15px;
    padding-left: 15px;
    border-radius: 0;
    padding-right: 15px;
  }
  .login-list h6 {
    font-weight: 600;
    font-size: 22px;
  }
  .loginOpened .menu_overlay i {
    transform: translate(0, 0);
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
  }
  .overlay-login i {
    font-size: 28px;
    color: #fff;
    position: fixed;
    top: 47px;
    left: 12px;
    width: 50px;
    background: #FE9900;
    padding: 10px 15px;
    transform: translate(-100%, 0);
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
  }
  .natiOpened .overlay-nati {
    display: block;
  }
  .menuOpened .overlay-login {
    display: none;
  }
  .loginOpened .overlay-menu {
    display: none;
  }
}
@media screen and (min-width: 767px) and (max-width: 1200px) {
  .jobtype-text:first-child {
    margin-right: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 110px;
    height: initial;
    white-space: nowrap;
  }
  .client-hide .form-check-input[type=checkbox] {
    width: 15px !important;
    height: 15px !important;
  }
  .client-hide .form-check-input {
    margin-right: 2px !important;
  }
  .service-hide .form-check-input[type=checkbox] {
    width: 15px !important;
    height: 15px !important;
  }
  .service-hide .form-check-input {
    margin-right: 2px !important;
  }
  .regis-page .form-check-input[type=radio] {
    margin-right: 2px !important;
  }
  .slider {
    margin-top: 0 !important;
  }
  .footer-top .col-sm-3 {
    flex: 0 0 auto;
    width: 20%;
  }
  .container, .container-md, .container-sm {
    max-width: calc(100% - 20px);
  }
  header .bottom-header ul {
    display: flex;
    overflow-x: scroll;
  }
  .bottom-header ul {
    height: 40px;
  }
  header .bottom-header li {
    width: initial;
    flex: initial !important;
    margin: 0 0 0px 15px;
    padding-right: 3px;
    position: relative;
    color: #fff;
    float: left;
    white-space: nowrap;
  }
  header .container, header .container-md, header .container-sm {
    max-width: calc(100% - 5px);
    margin: 0;
  }
}
.parent-title {
  background-color: transparent !important;
  color: #222 !important;
  padding: 2px 4px;
  border-radius: 4px;
  margin-right: 14px !important;
  font-size: 0.9em;
  font-weight: 600 !important;
  padding-left: 0;
  position: relative;
}
.parent-title:before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  right: 0;
  color: #fe9900;
  font-size: 10px;
  line-height: 21px;
  padding-left: 0;
  top: 0;
  right: -9px;
}

.autocomplete-items div {
  font-weight: 300 !important;
}

@media screen and (min-width: 769px) and (max-width: 900px) {
  header .top-header {
    padding-bottom: 0;
  }
  .openMenu {
    top: 20px !important;
    left: 5px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1025px) {
  header .top-header .bottom-side .right-side li:last-child {
    position: relative;
    top: -4px;
  }
  .sign-join {
    height: 32px;
  }
  .openMenu {
    top: 26px;
  }
}
@media screen and (min-width: 900px) and (max-width: 1025px) {
  .openMenu {
    top: 16px;
    left: 5px;
  }
}
@media screen and (min-width: 767px) and (max-width: 900px) {
  .project-list-page .question2 label {
    font-size: 8px !important;
  }
  .project-detail .content-text .box li {
    margin: 0 6px;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 20px;
  }
  .jobs-pagee .box {
    background: #FFF;
    padding: 20px 10px;
  }
  .login-list {
    display: block !important;
  }
  header .top-header .bottom-side .right-side {
    text-align: right;
    padding-top: 0;
  }
  .search-input {
    height: 35px;
  }
  .search-button {
    height: 35px;
  }
  .slider {
    margin-top: 0;
  }
  .owl-nav .owl-prev {
    position: absolute;
    left: -33px;
  }
  .owl-nav .owl-next {
    position: absolute;
    right: -33px;
  }
  header .container, header .container-md, header .container-sm {
    max-width: calc(100% - 15px);
    margin: 0;
  }
  .mobile-flex {
    padding: 0 7px;
  }
  header .top-header .top-side .right-side {
    margin-right: 0;
    padding-right: 0;
  }
  header .top-header .bottom-side {
    display: flex;
    justify-content: flex-end;
  }
  header .top-header .top-side .left {
    padding-left: 25px;
  }
  header .navbar-brand img {
    max-width: 120px;
  }
}
.message-date-box span {
  padding: 5px;
  background: #f4f4f4 !important;
  border-radius: 4px;
  color: #000 !important;
  font-size: 12px;
}

.myAccount .needs-validation .btn-primary {
  color: #fff;
}

@media screen and (min-width: 500px) and (max-width: 767px) {
  .newprofiledesign .text-sec .col-xl-3 .profile .sidebar-pro {
    padding: 13px 7px !important;
  }
  .newprob {
    position: absolute !important;
    right: 19px !important;
    height: 51px;
    top: 47px !important;
  }
  .my-service-page .myAccount .job-opt {
    display: block !important;
    overflow: hidden;
  }
  .myAccount .vacancies .job-card .job-image {
    margin-top: 0px !important;
    position: relative !important;
    right: 0 !important;
  }
  .sevenservice-page .text-sec ul li b {
    width: 100%;
    font-size: 14px;
    word-break: break-word;
    display: block;
  }
  .newprofiledesign .text-sec .col-xl-3 .profile {
    position: initial;
  }
  .project-list-page.project-page.newprofiledesign .project-item p {
    font-size: 13px !important;
    line-height: 18px !important;
  }
  .newprofiledesign .text-sec ul li {
    display: block;
  }
  .service-page .text-container ul li span {
    width: 100%;
    text-align: left;
  }
  .question2 label {
    font-size: 12px !important;
  }
  .project-all .job-card, .project-all .project-page .project-item, .project-page .project-all .project-item {
    min-height: 261px !important;
  }
  .container, .container-sm {
    max-width: calc(100% - 40px);
  }
  header .container, header .container-md, header .container-sm {
    max-width: calc(100% - 5px);
    margin: 0;
  }
  .picture-video.new li img {
    border-radius: 50% !important;
    border: 1px solid #FE9900;
    width: 56px;
    height: 56px;
    object-fit: cover;
  }
  .choose-sec h5 {
    font-size: 22px;
  }
  .jobs-pagee.jobs-two .top-icons ul {
    justify-content: center;
  }
  .jbsdetpg .whatSpecialLeft {
    margin: 10px 0;
    padding: 0 4%;
  }
  .jobs-pagee.jobs-two .top-icons ul {
    margin-top: 0;
  }
  .jbsdetpg .jobspgtitle {
    padding: 20px;
  }
}
@media screen and (max-width: 380px) {
  .project-detail .counter {
    position: absolute;
    right: 110px;
    top: 15px;
  }
  .project-detail .date {
    position: absolute;
    right: 0;
    top: 15px;
  }
}
@media screen and (max-width: 343px) {
  header .top-header .top-side .choose input {
    font-size: 12px;
  }
  header .top-header .top-side .left a {
    font-size: 12px;
  }
  header .top-header .top-side .choose input {
    font-size: 12px;
  }
  .choose-sec {
    padding: 15px;
  }
}
@media screen and (min-width: 890px) and (max-width: 1200px) {
  .sidebar .filter .form-control {
    height: 40px !important;
  }
  .newprofiledesign .rate-box.new .question2 {
    display: inline-block !important;
  }
  .sidebar .project-page #location-filter {
    height: 40px !important;
  }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px !important;
  }
  .myAccount .sidebar-item ul > li.active > a {
    background: #ffecd0;
    border-radius: 5px;
    padding-bottom: 13px !important;
  }
  .invite-page .input-cstm {
    width: 79%;
  }
  .myAccount .title h2 {
    margin-top: 0;
  }
  .myAccount .col-xl-9.col-sm-9.empty-spec .title h2 {
    margin-top: 0;
  }
  .myAccount .sidebar-item ul li.active ul li a {
    padding-bottom: 7px !important;
  }
  .vacancies .company-text h6 {
    font-weight: 400;
    font-size: 17px;
  }
  .myAccount .job-card .company-text, .myAccount .project-page .project-item .company-text, .project-page .myAccount .project-item .company-text {
    width: 77% !important;
  }
  .myAccount {
    padding-top: 10px;
    padding-bottom: 40px;
  }
  .my-service-page .job-opt {
    display: block;
  }
  .job-opt .btn-cstm {
    margin: 0 auto;
    margin-top: 10px;
    display: block;
  }
  .profile.right .bar-main-container {
    text-align: left;
    padding-left: 19px;
  }
  .profile.right .bar-percentage {
    width: 10%;
  }
  .bar-container {
    width: 88% !important;
  }
  .pricing-subs .box {
    min-height: initial;
    margin-bottom: 20px;
    height: 100%;
  }
  .pricing-jobss ul {
    min-height: 230px;
  }
  .pricing-subs .col-sm-6 {
    margin-bottom: 20px;
  }
  .jbsdetpg .whatSpecialLeft {
    padding: 0 4%;
  }
  .pricing-subs .box {
    min-height: initial;
  }
  .ad-page ul li {
    padding-bottom: 15px;
  }
  .pricing-subs .box {
    min-height: initial;
    margin-bottom: 0;
  }
  .pricing-subs .box2 ul {
    columns: initial;
    -webkit-columns: initial;
    -moz-columns: initial;
  }
  .index-page .owl-nav .owl-prev {
    left: -25px !important;
  }
  .index-page .owl-nav .owl-next {
    right: -25px !important;
  }
  .index-page .owl-nav {
    top: 50% !important;
  }
  .ad-page .box-three h6 {
    text-align: center;
    font-size: 14px !important;
  }
  .ad-page .box-three ul li {
    padding-bottom: 25px;
    position: relative;
    line-height: 20px;
    font-weight: 400;
    font-size: 13px;
  }
  .payment-page .payment-text .bottom-sec .arrow-sec {
    text-align: center;
    position: relative;
    right: 0;
    left: 0;
    margin: 0 auto;
    display: block;
    width: 234px;
  }
  .payment-page .btn-send {
    margin-top: 20px;
  }
  .messages-page .message-all .message-box .text {
    padding-left: 15px;
    margin-right: 0;
    padding-right: 0;
    margin-top: 0 !important;
  }
  .messages-page .message-all {
    height: auto;
  }
}
.follow-item .images {
  padding: 10px;
  border-bottom: 1px solid #ebebeb;
  background: #fffaf2;
  -webkit-border-top-left-radius: 12px;
  -webkit-border-top-right-radius: 12px;
  -moz-border-radius-topleft: 12px;
  -moz-border-radius-topright: 12px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.follow-item .profil .active-text {
  width: 32px;
}

.follow-page-new .active-text.delete-icon {
  background: #fff;
  box-shadow: 0px 0px 3px #ccc;
}

.follow-page-new .follow-item .text h6 {
  font-size: 13px;
  margin-top: 3px;
}

.follow-page-new .vacancies {
  height: 100%;
}
.follow-page-new .vacancies .content-text .whitebg {
  margin-top: 0 !important;
}

.follow-page-new .vacancies > .row {
  height: 100%;
  margin: 0 !important;
}

.billing-btn .btn-send {
  margin: 0 5px;
}

.billing-btn .btn-send.billing:after {
  content: "\f15c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #000;
  margin-left: 8px;
}

@media screen and (min-width: 1200px) and (max-width: 1500px) {
  .laila-page.laila-three.laila-four .right-section .list li a {
    font-size: 15px;
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .with-description .service-item p {
    font-size: 12px;
    line-height: 18px;
  }
  .slider {
    margin-top: 0 !important;
  }
  .with-description .service-item h2 {
    font-size: 14px;
  }
  .project-page .project-item p {
    font-size: 13px;
  }
  .project-list-page.project-page .project-item h2 {
    font-size: 15px;
  }
  .project-list-page.project-page.owl-projects .project-item h4 {
    font-size: 16px !important;
  }
  .project-list-page.project-page.owl-projects .project-item h6 {
    font-size: 13px !important;
  }
}
@media screen and (min-width: 770px) and (max-width: 1200px) {
  .project-special-page.project-page .project-a {
    padding: 0 !important;
    color: #000;
    text-decoration: none !important;
    width: 30%;
    float: initial;
    margin: 0 9px;
    display: inline-block;
  }
  .follow-page .past-item .text img {
    width: 100%;
  }
  .pricing-subs .box2 ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
  }
}
@media screen and (min-width: 767px) and (max-width: 992px) {
  .follow-page .past-item .text img {
    width: 100%;
  }
  .pricing-subs .box2 ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
  }
  .project-special-page.project-page .project-a {
    padding: 0 !important;
    color: #000;
    text-decoration: none !important;
    width: 30%;
    float: initial;
    margin: 0 9px;
    display: inline-block;
  }
  .detail .right-side .second-sec .bar-percentage {
    width: 32px;
  }
  .vacancies .company-text h6 {
    font-weight: 400;
    font-size: 17px;
  }
  .myAccount .title h2 {
    margin-top: 0;
  }
  .new-menu ul li ul li.active a {
    padding: 0 !important;
    margin: 6px 0;
    margin-bottom: 5px !important;
    font-size: 12px !important;
  }
  .new-menu ul li ul {
    margin: 0 9px;
  }
  .myAccount .sidebar-item ul > li.active > a {
    background: #ffecd0;
    border-radius: 5px;
    padding-bottom: 13px !important;
  }
  .myAccount .sidebar-item ul li.active ul li a {
    padding-bottom: 0px !important;
    margin-left: 0;
    padding-left: 0 !important;
  }
  .myAccount .job-card .company-text, .myAccount .project-page .project-item .company-text, .project-page .myAccount .project-item .company-text {
    width: 77% !important;
  }
  .myAccount {
    padding-top: 10px;
    padding-bottom: 40px;
  }
  .my-service-page .job-opt {
    display: block;
  }
  .job-opt .btn-cstm {
    margin: 0 auto;
    margin-top: 10px;
    display: block;
  }
  .profile.right .bar-main-container {
    text-align: left;
    padding-left: 19px;
  }
  .payment-page .btn-send {
    margin-top: 20px;
  }
  .payment-page .payment-text .bottom-sec .arrow-sec {
    text-align: center;
    position: relative;
    right: 0;
    left: 0;
    margin: 0 auto;
    display: block;
    width: 234px;
  }
  .bar-container {
    width: 87%;
  }
  .profile.right .bar-percentage {
    width: 10%;
  }
  .progress {
    background: #fff;
    justify-content: flex-start;
    border-radius: 100px;
    align-items: center;
    position: relative;
    padding: 0 5px;
    display: flex;
    margin-top: 10px;
    height: 40px;
    width: 170px;
    margin-right: 11px;
  }
  .pricing-jobss ul {
    min-height: 230px;
  }
  .pricing-subs .col-sm-6 {
    margin-bottom: 20px;
  }
  .stage img {
    width: 163px;
    margin-top: 9px;
    margin-right: 10px;
  }
  .ad-page .box-three h6 {
    text-align: center;
    font-size: 12px !important;
  }
  .pricing-subs .box {
    min-height: initial;
    margin-bottom: 20px;
    height: 100%;
  }
  .owl-pricing-three ul {
    min-height: 220px;
  }
  .ad-page .box-three ul li {
    padding-bottom: 10px;
    position: relative;
    line-height: 20px;
    font-weight: 400;
    font-size: 13px;
  }
  .pricing-subs .page-title h2 {
    font-size: 15px;
  }
  .pricing-subs .box h4 {
    margin-top: 20px !important;
  }
  .pricing-subs .content {
    padding: 15px;
    padding-top: 0;
  }
  .ad-page .box h3 {
    font-size: 17px;
    padding-bottom: 16px;
    margin-bottom: 20px;
    padding-top: 14px;
  }
  .pricing-subs .btn-cstm {
    font-size: 16px !important;
  }
  .pricing-subs .box h5 {
    margin-bottom: 5px !important;
  }
  .ad-page .text {
    padding-top: 20px;
  }
  .ad-page .text-box {
    background: transparent;
    padding-bottom: 10px;
  }
  .project-page .page-title h2 {
    font-size: 16px;
  }
  .jobs-pagee.jobs-two .top-icons ul {
    margin-top: 0 !important;
  }
  .jbsdetpg .jobspgtitle {
    padding: 20px;
  }
  .jbsdetpg .jobspgtitle .job-title span {
    font-size: 25px;
  }
  .jbsdetpg .whatSpecialLeft {
    margin: 10px 0;
    padding: 0 0% !important;
  }
  .tab-container.row h4 {
    margin-bottom: 10px;
  }
  .tab-container .select-box {
    margin-bottom: 20px;
  }
  .tab-container.row {
    margin-top: 0;
  }
  .picture-video.new li img {
    border-radius: 50% !important;
    border: 1px solid #FE9900;
    width: 56px;
    height: 56px;
    object-fit: cover;
  }
  .choose-sec h5 {
    font-size: 18px;
  }
  .choose-sec h6 {
    font-size: 16px;
    margin-top: 7px;
  }
  .choose-sec {
    padding: 15px;
  }
  .choose-sec .btn-cstm {
    margin-top: 0;
  }
  .jobs-page.project-page.project-list-page {
    padding: 20px 0;
  }
  .filter-content {
    background: #FFF;
    padding: 5px 7px;
  }
  .project-list-page .question2 label {
    padding-left: 21px;
    margin-right: 1px;
    font-size: 8px;
  }
  .filter-box .form-group label {
    font-weight: 600;
    font-size: 13px;
    line-height: 15px;
  }
  .project-page #location-filter {
    max-width: 100%;
    height: 30px;
  }
  .project-page.other-page.service-page .form-item #location-filter {
    height: 45px;
  }
  .project-list-page .question2 {
    display: block;
    margin-bottom: 30px;
  }
  .pricing-subs .box2 {
    text-align: left;
    margin: 0 auto;
    margin-top: 70px;
    margin-bottom: 50px;
    padding: 20px 0px;
    border-top: 2px dotted #FE9900 !important;
    border-bottom: 2px dotted #FE9900 !important;
  }
  .invite-page .needs-validation .form-control {
    width: 100%;
  }
  .invite-page .needs-validation .copy-cstm {
    width: 19% !important;
  }
  .invite-page .needs-validation .btn-send {
    width: 21% !important;
  }
  .messages-page .text-bar {
    padding-top: 8px;
    padding-bottom: 41px !important;
  }
  .messages-page .message-all .message-box .text {
    padding-left: 15px;
    margin-right: 0;
    padding-right: 0;
  }
  .messages-page .message-all {
    height: auto;
  }
}
@media screen and (min-width: 767px) and (max-width: 800px) {
  .messages-page .message-all .message-box .text {
    padding-left: 15px;
    margin-right: 0;
    padding-right: 0;
    margin-top: 0 !important;
  }
  .messages-page .message-all {
    height: auto;
  }
  .messages-page .text-bar {
    padding-top: 8px;
  }
  .personel-data .needs-validation {
    padding: 20px !important;
    padding-bottom: 0;
  }
  .myAccount .title h2 {
    margin-top: 0;
  }
  .tab-container.row h4 {
    margin-bottom: 7px;
  }
  .jobs-page.project-page.project-list-page {
    padding: 20px 0;
  }
  .choose-sec .btn-cstm {
    margin-top: 0;
  }
  .login-list {
    display: block !important;
  }
  .sidebar-item li a {
    font-size: 14px;
    margin-bottom: 6px;
    color: #000;
    padding: 3px 12px;
    display: block;
    text-decoration: none;
  }
  header .top-header .bottom-side .right-side {
    width: 100% !important;
    padding-bottom: 9px;
    padding-top: 0 !important;
  }
  .search-box {
    width: 90%;
    margin: 0 auto !important;
  }
  .all-categories .sidebar-item ul {
    columns: 1 !important;
  }
  header .top-header .top-side .left {
    padding-left: 40px !important;
  }
  .all-categories .content-section {
    margin-top: 10px !important;
  }
  .sidebar-item .title h3 {
    font-size: 16px;
    padding: 11px 10px;
  }
  .sidebar-item li a {
    font-size: 14px;
    margin-bottom: 6px;
    color: #000;
    padding: 4px 15px;
    display: block;
    text-decoration: none;
  }
  .jobs-pagee .box h2 {
    font-size: 19px;
  }
  .invite-page .needs-validation .form-control {
    width: 85%;
  }
  .invite-page .needs-validation .copy-cstm {
    width: 19% !important;
  }
  .invite-page .google-btn {
    width: 100%;
  }
  .invite-page .face-btn {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (min-width: 500px) and (max-width: 700px) {
  .messages-page .message-all .text {
    padding-left: 15px;
    margin-right: 0;
    padding-right: 0;
  }
  .choose-sec .btn-cstm {
    font-size: 14px;
  }
  .choose-sec h5 {
    font-size: 17px;
  }
  .choose-sec .btn-cstm {
    margin-top: 0;
  }
  .tab-container.row h4 {
    margin-bottom: 7px;
  }
  .invite-page .google-btn {
    width: 100%;
  }
  .invite-page .face-btn {
    width: 100%;
    margin-left: 0;
  }
  .invite-page .needs-validation .form-control {
    width: 85%;
  }
  .invite-page .needs-validation .copy-cstm {
    width: 19% !important;
  }
  .invite-page .needs-validation .btn-send {
    width: 30% !important;
    padding: 10px 0;
  }
  .service-page .prev-save .btn-send {
    width: 100%;
    display: block;
  }
}
@media (min-width: 500px) and (max-width: 850px) and (orientation: landscape) {
  .laila-all .right-section .text-section {
    height: calc(100vh - 120px) !important;
    max-height: calc(100vh - 120px) !important;
    overflow-y: scroll;
  }
  .newprofiledesign .rate-box.new .question2 {
    display: inline-block !important;
  }
  .regis-page .form-check-input[type=radio] {
    margin-right: 2px !important;
  }
  .detail .right-side .first-sec .text.topspc .rightul {
    width: 38%;
  }
  .follow-page .past-item .imagetrans .name .name-btn span {
    font-size: 12px !important;
  }
  .imagetrans .translate {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 7px;
  }
  .imagetrans .translate {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 7px;
  }
  .job-ads-w .asist {
    display: none;
  }
  .service-all .service-item {
    border: none !important;
  }
  .service-all .mobile-wrap {
    border: 1px solid #f1f1f1;
  }
  .formobile .language > img {
    display: none;
  }
  .formobile li.language > a {
    font-size: 0 !important;
    display: none !important;
  }
  header .navbar-brand img {
    margin-top: 0;
  }
  ul.right-side li.nati-li {
    display: none !important;
  }
  .header-all.row .header-left {
    width: 0;
  }
  .header-all.row .mobile-flex {
    width: 100%;
  }
  .header-all.row .mobile-flex .bottom-side .search-sign {
    display: block;
  }
  .header-all.row .mobile-flex .bottom-side .search-sign .search-section {
    width: 70%;
  }
  .help-page .help-section .help-title .image {
    height: calc(100% + 30px);
  }
  .nextStep .btn-cstm {
    width: auto;
  }
  .sevenservice-page .question2 label {
    padding-left: 13px !important;
    font-size: 8px !important;
  }
  .fancy-sec li img {
    width: 70px;
  }
  .detail .right-side .second-sec .bar-percentage {
    width: 32px;
  }
  .service-page .prev-save .btn-cstm {
    margin-top: 0 !important;
    width: 100%;
    display: block;
    height: 45px;
  }
  .service-page .prev-save .btn-send {
    width: 100%;
    display: block;
  }
  .myAccount .vacancies .job-opt .form-group {
    display: block !important;
  }
  .vacancies .company-text h6 {
    font-weight: 400;
    font-size: 17px;
  }
  .invite-page .needs-validation .btn-send {
    width: 30% !important;
    padding: 10px 0;
  }
  .myAccount .job-card .company-text, .myAccount .project-page .project-item .company-text, .project-page .myAccount .project-item .company-text {
    width: 77% !important;
  }
  .myAccount {
    padding-top: 10px;
    padding-bottom: 40px;
  }
  .my-service-page .job-opt {
    display: block;
  }
  .job-opt .btn-cstm {
    margin: 0 auto;
    margin-top: 10px;
    display: block;
  }
  .regis-page .regis-section .left-section a {
    text-align: left;
    padding: 10px 17px;
  }
  .login-page .regis-section .left-section {
    width: 100%;
  }
  .personel-data .needs-validation {
    padding: 10px;
  }
  .jobs-pagee .box h2 {
    font-size: 19px;
  }
  .jbsdetpg .whatSpecialLeft .box.right-cstm {
    margin-top: 0px !important;
  }
  .tab-container.row h4 {
    margin-bottom: 7px;
  }
  .search-box {
    width: 100%;
  }
  .hidden-mobile {
    display: none !important;
  }
  .invite-page .needs-validation .form-control {
    width: 85%;
  }
  .invite-page .needs-validation .copy-cstm {
    width: 19% !important;
  }
  .invite-page .google-btn {
    width: 100%;
  }
  .invite-page .face-btn {
    width: 100%;
    margin-left: 0;
  }
  .invite-page .needs-validation .btn-send {
    width: 30% !important;
  }
  .InptBox input {
    width: 100%;
  }
}
.other-page .myAccount .form-check .form-check-input {
  position: relative;
  top: -3px;
}

.payment-account .section .form-check {
  margin-bottom: 30px;
}

.payment-account .section .form-check img {
  width: 105px;
}

.project-list-page.project-page .project-item h2 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.username-ch {
  padding-top: 10px;
}

.no-img {
  width: 250px;
  margin: 10px 0;
}

.no-box {
  margin-top: 0;
  padding: 35px 0;
  background: #fff;
}

.no-box h5 {
  font-size: 28px;
  margin-bottom: 15px;
  font-weight: 500;
  color: #000;
}

.no-box h6 {
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 15px;
}

.no-box .btn-cstm {
  font-weight: 500;
  background: #FE9900;
}

.no-box .btn-cstm:hover {
  background: #FE9900;
  color: #000;
}

@media only screen and (max-width: 767px) {
  .newprofiledesign .fa-message {
    font-size: 19px !important;
    margin-right: 7px !important;
  }
  .box-item.only-star.emptystar img {
    width: 100px;
  }
  .about-page .image-text span {
    font-size: 19px !important;
  }
  .about-page .second-sec .text ul {
    padding-left: 0px;
    display: flex;
    flex-direction: column;
  }
  .invite-page .needs-validation .copy-cstm {
    height: 39px;
  }
  .jobs-page .cardsContainer .job-exp {
    min-height: auto;
    padding-bottom: 10px;
  }
  .sidebar-item li a {
    font-size: 15px;
    padding: 2px 9px;
    margin-bottom: 6px;
    color: #000;
    line-height: 20px;
  }
  .project-page .project-item .job-exp {
    font-size: 15px;
  }
  .project-page .project-item li b {
    font-size: 14px;
    margin-bottom: 3px;
    height: 22px;
  }
  .project-page .project-item li {
    font-weight: 400;
    font-size: 14px;
  }
  .project-page .project-item .company-text h4:before {
    top: 4px;
    width: 2px;
    height: 65%;
  }
  .index-page .job-card .company-text {
    height: 34px !important;
    margin-top: -10px;
  }
  .translate i {
    font-size: 14px !important;
  }
  .project-page .text-left li i {
    font-size: 16px;
  }
  .project-page .date span {
    font-size: 15px;
  }
  .project-page .project-item ul {
    margin-bottom: 20px;
  }
  .project-page .project-item .company-text h4 {
    font-size: 15px;
  }
  .project-page .date.text-right span {
    font-size: 12px;
  }
  .job-card .company-text h6, .project-page .project-item .company-text h6, .project-page .project-item .company-text h6 {
    font-size: 15px;
  }
  header .top-header .bottom-side .right-side .signopen:hover .account-hover {
    z-index: 99;
  }
  header .top-header .bottom-side .right-side .signopen .account-hover .list li a {
    padding-left: 15px !important;
  }
  .about-page .second-sec .text ul {
    padding-left: 30px;
  }
  .pricing-subs.ad-page.other-page.provider-plan .pricing-subs .box {
    min-height: auto !important;
  }
  .image-help {
    text-align: center;
  }
  .image-help img {
    height: 250px;
    margin: 0 auto;
  }
  .help-page .help-section .question.sevenservice-page {
    padding: 20px;
  }
  .modal-post .ul-area li i {
    margin-right: 3px;
  }
  .modal-follow .modal-dialog p {
    font-size: 14px !important;
  }
  .help-page .help-box .box-item a {
    font-weight: 400;
    font-size: 14px;
    line-height: 23px;
    color: #000000;
    text-decoration: none;
  }
  .owl-code .owl-nav {
    top: 105px;
  }
  .modal-post .footer-sec {
    padding-left: 11px;
    padding-right: 20px;
    padding-bottom: 80px;
    margin-bottom: 10px;
  }
  .modal-post .text-rigth {
    text-align: center;
  }
  .modal-follow .modal-title {
    font-weight: 600;
    padding-left: 8px;
  }
  .modal-follow .modal-body {
    padding: 20px 20px;
  }
  .index-page .owl-carousel .owl-nav button.owl-prev {
    left: -22px !important;
  }
  .index-page .owl-carousel .owl-nav button.owl-next {
    right: -22px !important;
  }
  .owl-pricing-three .owl-nav button.owl-prev {
    left: -22px !important;
  }
  .owl-pricing-three .owl-nav button.owl-next {
    right: -22px !important;
  }
  .owl-pricing-two .owl-nav button.owl-prev {
    left: -22px !important;
  }
  .owl-pricing-two .owl-nav button.owl-next {
    right: -22px !important;
  }
  .owl-pricing .owl-nav button.owl-prev {
    left: -22px !important;
  }
  .owl-pricing .owl-nav button.owl-next {
    right: -22px !important;
  }
  .index-page .owl-slider .owl-nav button.owl-next {
    right: -5px !important;
  }
  .index-page .owl-slider .owl-nav button.owl-prev {
    left: -5px !important;
  }
  .help-cons .image {
    margin-bottom: 20px;
    text-align: center;
  }
  .help-cons .image img {
    width: 160px;
    margin: 0 auto;
  }
  .help-cons .help-section .question.sevenservice-page {
    padding: 20px 10px;
    margin-top: 20px;
    padding-top: 20px;
  }
  .help-cons .help-box .box-item {
    padding: 12px 5px !important;
  }
  .help-cons .help-box .box-item img {
    width: 35px;
    height: 35px;
  }
  .help-cons .help-box .box-item a {
    font-size: 11px !important;
  }
  .help-page .help-box .box-item {
    margin-bottom: 15px;
  }
  .help-cons .more-topics {
    border-top: 2px dotted #e2e2e2;
    padding: 10px;
    margin-top: 4px;
    padding-top: 30px;
  }
  .about-page .second-sec .border-cstm {
    padding: 15px 0;
    margin: 20px 0;
    border-top: 2px dotted #eee;
    padding-bottom: 0;
    margin-bottom: 10px;
  }
  .about-page .image-text span {
    font-size: 24px;
    top: 32%;
  }
  .about-page .second-sec .text .text-item {
    margin-bottom: 5px;
  }
  .about-page .second-sec .text {
    padding-top: 0;
  }
  .about-page .first-sec .text {
    padding-right: 0;
  }
  .project-detail .employer .list-item {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  .project-all .myAccount .detail .right-side .second-sec {
    overflow: auto;
  }
  .sevenservice-page .owl-carousel .owl-dot {
    background: none !important;
    width: 14px !important;
    height: 14px !important;
    background: #e7e6e5 !important;
    margin: 0 4px;
    border-radius: 30px;
  }
  .sevenservice-page .owl-carousel .owl-dot.active {
    background: #FE9900 !important;
  }
  .sevenservice-page .bgwhite {
    padding-top: 0;
  }
  .sevenservice-page .content-carousel {
    display: block;
    float: initial;
    margin: 0 auto;
    width: 100% !important;
  }
  .sevenservice-page .owl-carousel .owl-dots {
    position: relative;
    top: 0;
    margin-top: -30px;
    left: 0;
    width: 100% !important;
    height: 25px;
    overflow-y: initial;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
  #confirm-img {
    height: 48px;
    border-radius: 0;
    width: auto;
    margin-top: 4px;
  }
  .myVacanciesEdit-page .needs-validation .btn-send {
    width: auto !important;
  }
  .needs-validation .btn-send {
    width: 100%;
  }
  .appy-page .needs-validation .btn-send {
    margin-top: 15px !important;
  }
  .service-account .myAccount .addcss .form-item.availability {
    margin-bottom: 30px !important;
  }
  .section-md .btn-right a {
    font-size: 17px;
  }
  .service-page .form-item {
    margin: 10px 0 !important;
  }
  .edt-text h2 {
    font-weight: 600;
    font-size: 16px;
  }
  .needs-validation .form-control {
    float: initial;
  }
  .needs-validation .edt-text {
    margin-bottom: 10px;
  }
  .needs-validation .form-item h6 {
    margin-bottom: 7px;
  }
  .needs-validation .with-loca label {
    position: relative;
    top: -2px;
  }
  .sevenservice-page .ad-sec {
    position: relative;
  }
  .sevenservice-page .question-item span {
    font-size: 14px;
    font-weight: 300;
  }
  .fancy-sec li img {
    width: 70px;
  }
  .employee-item .top-icons {
    bottom: 7px;
  }
  .sevenservice-page .employee-item {
    padding-bottom: 22px;
    padding: 11px 1px;
  }
  .only-star .star-text .date {
    top: -31px;
  }
  .service-page .rate-box .btn-cstm {
    margin-top: 0 !important;
    width: 100%;
  }
  .follow-page-new .content .title h6 {
    margin-bottom: 10px;
  }
  .bar-percentage {
    width: 30px !important;
  }
  .detail .right-side .three-sec h6 {
    font-size: 14px !important;
  }
  .detail .left-section {
    margin-bottom: 10px;
  }
  .detail .left-section .left-item {
    padding: 10px 5px;
    padding-left: 30px;
  }
  .myAccount .detail .left-section .left-item {
    padding-left: 0;
  }
  .detail .left-section .left-item .text h6 {
    font-size: 15px;
  }
  .detail .left-section .left-item .text span {
    font-size: 13px;
    display: block;
    margin-bottom: 5px;
  }
  .project-all .myAccount .detail .bar-main-container b {
    padding-left: 0 !important;
  }
  .project-all .myAccount .detail .right-side .second-sec {
    padding-bottom: 27px;
  }
  .project-all .myAccount .image {
    text-align: center;
  }
  .project-all .myAccount .detail .text-right {
    text-align: left;
    margin-top: 7px;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0 !important;
  }
  .detail .right-side .first-sec .text i {
    margin-right: 8px;
  }
  .detail .right-side .three-sec .btn.right {
    padding-top: 0;
    margin-top: 0;
    padding: 0;
    padding-right: 0;
  }
  .project-all .myAccount .text {
    padding-top: 10px;
  }
  .InptBox input {
    max-width: 100%;
  }
  .service-page .prev-save .btn-cstm {
    margin-top: 0 !important;
    width: 100%;
    display: block;
    height: 46px;
    line-height: 24px;
  }
  .needs-validation textarea {
    min-height: 80px !important;
    margin-bottom: 10px;
  }
  .range-slider {
    width: 100%;
  }
  .messages-page .text-bar {
    padding-left: 17px;
    padding-top: 13px;
    padding-bottom: 25px;
  }
  .messages-page .caption h6 a {
    font-size: 17px;
  }
  .messages-page .caption {
    padding: 12px;
    margin-top: 0;
    margin-left: 9px;
  }
  .circle-button {
    margin-right: 4px;
    margin-left: -12px;
  }
  .messages-page .text-bar__thumb {
    position: relative;
    right: -3px;
  }
  .messages-page .conversation {
    max-height: calc(100vh - 440px) !important;
    min-height: 210px;
    height: calc(100vh - 440px) !important;
  }
  .messages-page .message-all .padLeft .caption {
    margin-bottom: 0 !important;
  }
  .messages-page .message-all {
    height: auto;
  }
  .invite-page .google-btn {
    width: 100%;
  }
  .invite-page .face-btn {
    width: 100%;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
  }
  .invite-page .input-cstm {
    width: 70%;
    margin-bottom: 10px;
  }
  .invite-page .needs-validation .btn-send {
    width: 30% !important;
    padding: 10px 0;
    height: 45px;
  }
  .invite-page h3 {
    font-size: 20px;
  }
  .invite-page .needs-validation .copy-cstm {
    width: 19%;
  }
  .vacancies .company-text h6 {
    font-weight: 400;
    font-size: 17px;
  }
  .myAccount .job-card .company-text, .myAccount .project-page .project-item .company-text, .project-page .myAccount .project-item .company-text {
    width: 77% !important;
  }
  .myAccount {
    padding-top: 10px;
    padding-bottom: 40px;
  }
  .my-service-page .job-opt {
    display: flex;
  }
  .job-opt .btn-cstm {
    margin: 0 auto;
    margin-top: 10px;
    display: block;
  }
  .job-opt .btn-cstm {
    padding: 6px 5px;
    margin-top: 12px;
    font-size: 14px;
    margin-left: 0;
  }
  .project-edit .myAccount .project-item .active-text ul li .fa-trash-alt {
    top: -8px !important;
  }
  .service-account.edit-page .active-text {
    padding-top: 0;
  }
  .no-follower h5 {
    font-size: 23px;
    color: #333;
    font-weight: 600;
    margin-bottom: 5px;
  }
  .no-follower h6 {
    font-size: 18px;
    margin-top: 0;
    font-weight: 400;
    color: #5a5a5a;
  }
  .notext {
    text-align: center;
  }
  .notext h6 {
    font-size: 23px;
    color: #333;
    font-weight: 600;
  }
  .notext p {
    font-size: 18px;
    margin-top: 0;
    font-weight: 400;
    color: #5a5a5a;
  }
  .empty img {
    width: 110px;
  }
  .service-account.edit-page.my-service-page .active-text {
    padding-top: 5px;
  }
  .job-opt .countDown {
    padding: 7px;
    border-radius: 9px;
    color: #fff;
    margin-right: -10px;
    margin-top: 11px;
    font-size: 14px;
    text-align: center;
  }
  .profile.right .bar-main-container {
    text-align: left;
    padding-left: 0;
  }
  .bar-main-container b {
    padding-left: 0;
    float: left;
  }
  .bar-container {
    width: calc(100% - 46px);
  }
  .regis-page .regis-section .right-section h6 {
    margin-top: 16px;
  }
  .owl-pricing-two ul {
    min-height: 200px;
  }
  .pricing-jobss ul {
    min-height: 200px;
  }
  .help-page.pricing-subs .help-box .box-item img {
    height: 150px;
  }
  .help-page .help-box .box-item {
    padding: 20px 15px !important;
  }
  .pricing-subs.help-page .help-title h5 {
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 0;
  }
  .pricing-subs .box {
    min-height: initial;
    height: 100%;
    min-height: auto !important;
    padding-bottom: 30px;
    margin-bottom: 0;
  }
  .new-payment .box {
    min-height: auto !important;
    padding-bottom: 30px;
  }
  .new-payment .box h3 {
    margin-bottom: 20px;
  }
  .new-payment .box .btn-cstm {
    margin-top: 25px;
  }
  .new-payment .box h4 {
    margin-top: 30px !important;
  }
  .new-payment .box-three h6 {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 18px;
    margin-bottom: 10px !important;
  }
  .new-payment .step h6 {
    font-size: 20px !important;
    font-weight: 500;
    margin-bottom: 15px;
  }
  .pricing-subs .box2 h6 {
    font-size: 17px;
  }
  .ad-page.other-page.provider-plan.pricing-subs .box {
    min-height: auto !important;
  }
  .pricing-subs .col-sm-6 {
    margin-bottom: 13px;
  }
  .personel-data .list ul li a {
    font-size: 14px;
  }
  .personel-data .list ul li {
    padding: 11px;
  }
  .pricing-subs .box2 h6 {
    margin-bottom: 20px !important;
  }
  .pricing-subs .box {
    margin-bottom: 20px;
  }
  .pricing-subs .box2 {
    margin-bottom: 30px !important;
  }
  .pricing-subs .box-bg-white .box2 ul {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
  }
  .pricing-subs .box h3 {
    font-size: 19px;
  }
  .personel-data .text {
    margin-top: 20px;
  }
  .personel-data .text h3 {
    font-size: 17px;
    margin-bottom: 10px;
  }
  .premiumchoose.pricing-subs .col-sm-6 {
    margin-bottom: 13px;
    padding: 0;
  }
  .second-row.free {
    padding: 16px 0;
  }
  .box.free ul.disinline li {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  .choose-page.premiumchoose .text-second p {
    text-align: left;
    font-size: 14px;
    padding: 0px 10px;
  }
  .ad-page.choose-page.premiumchoose .text {
    padding-top: 0px;
  }
  .pricing-subs.premiumchoose .box {
    margin-bottom: 0px;
  }
  .payment-page .payment-text {
    margin-top: 20px;
    margin-bottom: 30px;
  }
  .payment-page .payment-text .box-item .btn-cstm {
    min-width: 100%;
  }
  .payment-page .payment-text .bottom-sec .btn-cstm {
    margin-top: 0;
  }
  .payment-page .payment-text .bottom-sec .arrow-sec {
    right: 0;
    display: block;
    margin-top: 15px;
    position: relative;
  }
  .payment-page .payment-text h6 {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 15px;
  }
  .payment-page .payment-text .bottom-sec .btn-cstm {
    display: block;
  }
  .stage {
    display: none;
  }
  .regis-page .registration {
    margin-bottom: 20px;
    margin-top: 0;
    background: #fff;
    padding: 20px;
  }
  .payment-page .payment-text .bottom-sec {
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .personel-data .regis-section .needs-validation {
    padding: 10px;
  }
  .login-page.personel-data form {
    padding: 0 !important;
  }
  .myAccount .personel-data .needs-validation {
    padding: 10px !important;
  }
  .sevenservice-page .owl-carousel.owl-detail .owl-dots {
    border: none !important;
    text-align: center;
  }
  .pricing-subs .box2 {
    text-align: left;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 20px 0px;
  }
  .pricing-subs .box {
    min-height: initial;
  }
  .pricing-subs .box2 ul {
    columns: initial;
    -webkit-columns: initial;
    -moz-columns: initial;
  }
  .ngo-page .content {
    background: #fff;
    padding: 20px;
  }
  .ngo-page .text h5 {
    font-size: 16px;
  }
  .pricing-subs .page-title h2 {
    font-size: 15px;
  }
  .pricing-subs .box h4 {
    margin-top: 20px !important;
  }
  .pricing-subs .content {
    padding: 15px;
    padding-top: 0;
  }
  .ad-page .box h3 {
    font-size: 17px;
    padding-bottom: 16px;
    margin-bottom: 20px;
    padding-top: 14px;
  }
  .owl-pricing-three ul {
    min-height: 203px;
  }
  .ad-page .text-box {
    padding-bottom: 15px;
  }
  .owl-nav {
    top: 48%;
  }
  .ad-page .box-three ul li {
    padding-bottom: 15px !important;
  }
  .ad-page .box-three ul li {
    padding-bottom: 25px;
    position: relative;
    line-height: 16px;
    font-weight: 400;
    font-size: 14px;
  }
  .ad-page .text-box .btn-cstm {
    font-size: 15px;
  }
  .ad-page .text {
    padding-top: 10px;
  }
  .ad-page .box-three h6 {
    font-size: 15px;
  }
  .pricing-subs .box h4 {
    font-weight: 600;
    font-size: 21px;
    margin-bottom: 5px;
    margin-top: 10px !important;
  }
  .pricing-subs .box h5 {
    margin-bottom: 10px;
    color: #ccc;
  }
  .pricing-subs .btn-cstm {
    margin-top: 10px;
  }
  .help-page .help-section {
    margin-top: 10px !important;
    margin-bottom: 20px !important;
    padding: 0 !important;
    padding-top: 15px !important;
  }
  .help-cons .nav-link {
    font-size: 13px;
    padding: 10px 10px;
  }
  .accordion-flush .accordion-item .accordion-button {
    font-size: 14px;
    padding: 10px 15px;
  }
  .pricing-subs .box2 h6 {
    margin-bottom: 50px;
    font-size: 19px;
    font-weight: 600;
    text-align: center;
    color: #000;
  }
  .help-page .help-title h6 {
    color: #000;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 8px;
    margin-top: 10px;
  }
  .ad-page ul li {
    padding-bottom: 15px;
  }
  .sevenservice-page .ad-sec {
    margin-top: 15px;
    position: relative;
    bottom: initial;
    left: 0;
    margin-top: 20px !important;
  }
  .sevenservice-page .ad-sec img {
    width: 100%;
  }
  .sevenservice-page .content-carousel {
    background: #fff;
  }
  .sevenservice-page .bgwhite {
    background: transparent;
  }
  .sevenservice-page.service-page .bar-container {
    width: 100%;
  }
  .ad-service {
    background: #fff;
    padding: 10px;
  }
  .sevenservice-page .bottom-section {
    margin-top: 10px;
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
  }
  .newprofiledesign .text-sec .col-xl-3 .profile {
    top: 10px;
    margin-top: 0 !important;
  }
  .newprofiledesign .bottom-section {
    padding: 0 !important;
    margin-bottom: 20px;
    margin-top: 15px !important;
  }
  .sevenservice-page .text-sec h4 {
    font-size: 16px;
  }
  .ad-service h2 {
    font-size: 19px;
  }
  .owl-detail .owl-item img {
    width: 100%;
    height: 320px !important;
    object-fit: cover;
  }
  .sevenservice-page .owl-detail .owl-item img {
    height: 240px !important;
  }
  .sevenservice-page .owl-carousel.owl-detail .owl-dots {
    text-align: center;
  }
  .all-service .show-more-item {
    padding-top: 0;
    display: block !important;
  }
  .sevenservice-page .profile-text {
    margin: 10px 0;
    padding: 0 10px;
    margin-top: 15px;
  }
  #loadMore {
    display: none !important;
  }
  .free-service .question2 {
    width: 100%;
  }
  .rate-box {
    width: 100%;
    display: block;
  }
  .follow-page-new .content .title {
    margin-bottom: 0px;
    margin-top: 10px;
  }
  .myAccount .asist {
    margin-bottom: 10px;
  }
  .message-left .padLeft .text p {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 110px;
    height: 1.2em;
    white-space: nowrap;
  }
  .career .caption h4 {
    font-size: 19px;
  }
  .career .second-section .text h5 {
    font-size: 20px;
  }
  .career .second-section {
    padding: 0px 0;
  }
  .career .jobs-item h6 {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 20px;
  }
  .career {
    padding: 15px;
  }
  .career .second-section .text p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
    line-height: 21px;
    color: #000;
  }
  .career .second-section .text h5 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
  }
  .career .caption p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 16px;
    line-height: 23px;
    color: #000;
  }
  .career .jobs-item a {
    font-size: 16px !important;
  }
  .career .jobs-item h6 {
    font-weight: 700;
    font-size: 18px;
  }
  .center-img {
    margin-bottom: 15px;
  }
  .career .sectionx {
    text-align: center;
  }
  .why-item {
    margin-bottom: 0;
    padding: 0 0;
  }
  .why-page .section.bg-white {
    padding: 14px;
    margin-bottom: 20px;
  }
  .alt-text {
    margin: 8px 0;
    margin-top: 15px;
  }
  .center-pic {
    position: relative;
    text-align: center;
  }
  .center-pic img {
    max-width: 150px;
    margin: 0 auto;
  }
  .trust-page .icon img {
    width: 80px;
    margin: 0 auto;
  }
  .detail .left-section .left-item .image img {
    border-radius: 50%;
    height: 60px;
    width: 60px;
  }
  .project-all .myAccount .detail .text {
    padding-top: 0 !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .help-cons .help-box .box-item a {
    font-weight: 400;
    font-size: 12px !important;
    line-height: 20px;
    color: #000000;
    text-decoration: none;
  }
  .help-cons .help-box .box-item {
    padding: 14px 13px !important;
  }
  .career {
    background: #fff;
    padding: 0 15px;
    border-top: initial;
    margin: initial;
  }
  .career .bg-white {
    background: initial;
    padding: 0;
    border-top: 7px solid #FE9900;
    margin: 0 auto;
    background: #fff;
  }
  .code-page .sidebar-item ul {
    padding-top: 0;
    padding-bottom: 10px;
  }
  .code-page .service-item {
    height: 100%;
    margin-bottom: 0;
  }
  .code-page .section-one.with-description {
    margin-bottom: 0;
  }
  .pc-tab .sectionx .tab1 .row .col-lg-4 div {
    padding: 15px 0;
  }
}
@media screen and (max-width: 374px) {
  .myAccount .job-image {
    margin-top: 7px;
    margin-right: 17px;
    position: relative;
    left: 10px;
    top: 27px;
  }
  .pricing-subs .box {
    min-height: initial;
    height: 100%;
    min-height: 220px !important;
    padding-bottom: 10px;
    margin-bottom: 0;
    margin-top: 6px;
  }
  .choose-page ul.list {
    columns: 1 !important;
  }
  .pricing-subs .box.box-two {
    padding-bottom: 50px;
  }
  #map {
    height: 300px;
  }
  .step-country-city .box .btn-cstm {
    margin-top: 30px;
  }
  .other-pricing.pricing-subs .box h4 {
    margin-top: 40px !important;
  }
  .pricing-subs .box-three {
    margin: 0px 0 !important;
  }
  .job-ads-w .section {
    margin-left: 0 !important;
  }
  .btn-dots .dropdown-menu li .dropdown-item {
    padding: 10px;
    text-align: left;
  }
  .job-ads-w .btn-send {
    margin-top: 0;
  }
  .step-country-city .box .btn-cstm {
    margin-top: 20px;
  }
  .btn-dots .btn i {
    font-size: 32px;
    position: relative;
    left: -7px;
    top: -8px;
  }
  .about-page .image-text span {
    font-size: 13px;
    top: 32%;
  }
  .about-page .second-sec .caption h3 {
    font-size: 23px;
    font-weight: 600;
    margin-bottom: 15px;
  }
  .about-page .second-sec .caption p {
    font-size: 14px;
    line-height: 25px;
  }
  .about-page .first-sec .text h2 {
    font-size: 23px !important;
    font-weight: 600;
    margin-bottom: 15px;
    position: relative;
  }
  .about-page .section {
    background: #fff;
    padding: 15px;
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 50px;
  }
  .about-page .second-sec .text ul li {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 15px;
    position: relative;
  }
  .sevenservice-page .question-item b {
    font-size: 15px;
    height: 45px;
  }
  .follow-page .social-section .top {
    padding: 7px;
  }
  .help-page .help-box .box-item {
    padding: 10px 0px !important;
  }
  .help-page .help-box .box-item {
    margin-bottom: 9px;
  }
  .help-page .help-box .box-item i {
    font-size: 25px;
    color: #FE9900;
    margin-bottom: 8px;
    display: block;
    margin-top: 10px;
  }
  .help-page .help-section .caption h5 {
    font-size: 14px;
    margin-top: 20px;
  }
  .help-page .more-topics {
    border-top: 2px dotted #e2e2e2;
    padding: 10px;
    margin-top: 20px;
  }
  .sevenservice-page .social-section ul li {
    display: inline-block;
    text-align: center;
  }
  .help-page .help-section .question.sevenservice-page {
    padding: 0px;
  }
  .help-page .help-box .box-item a {
    font-weight: 400;
    font-size: 12px;
    line-height: 23px;
    color: #000000;
    text-decoration: none;
  }
}
@media screen and (min-width: 800px) and (max-width: 992px) {
  header .top-header .left-section.fordesktop {
    margin-left: 17px;
  }
  header .top-header .bottom-side .right-side li.project.hidden-mobile a {
    font-size: 0;
  }
  header .top-header .bottom-side .right-side li.project.hidden-mobile {
    border: none;
    width: 32px;
    margin: 0 !important;
  }
  header .top-header .bottom-side .right-side li.project.hidden-mobile .newicon {
    position: absolute;
    right: 0;
    width: 32px;
    top: -2px;
  }
  header .top-header .top-side .left ul li {
    padding: 0 10px;
    padding-right: 0;
  }
}
@media screen and (min-width: 767px) and (max-width: 850px) {
  .nati-section {
    margin-top: 0;
  }
  .close-m {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    z-index: 9;
  }
  .close-m i {
    font-size: 27px;
    text-align: center;
    z-index: 99;
    color: #fe9900;
  }
  .natiOpened .nati-all {
    display: block !important;
  }
  .nati-li:hover .nati-all {
    top: 47px !important;
    background: #fff;
  }
  .nati-li:hover .nati-all {
    padding-bottom: 0;
    padding-top: 20px;
  }
  .nati-all {
    display: none;
  }
  .nati-all.active {
    display: block;
  }
}
@media screen and (min-width: 500px) and (max-width: 670px) {
  .help-page .help-box .box-item {
    padding: 15px 8px !important;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1400px) {
  .about-page .image-text span {
    font-size: 15px;
    width: 51%;
    top: 33%;
    left: 16px;
    color: #fff;
  }
  .about-page .section {
    padding: 0;
  }
  .about-page .container, .about-page .container-lg, .about-page .container-md, .about-page .container-sm, .about-page .container-xl, .about-page .container-xxl {
    max-width: calc(100% - 20px) !important;
  }
}
.myAccount .active-text {
  width: initial;
  right: 19px !important;
}

@media screen and (min-width: 500px) and (max-width: 1200px) {
  .service-page #location-filter {
    width: 100% !important;
  }
  .box-upl {
    margin-bottom: 15px;
    margin-top: 15px;
  }
  .box-upl.boxspecial {
    margin-bottom: 0 !important;
  }
  .container-form {
    padding-top: 0 !important;
  }
  .detail .right-side .three-sec .btn.right {
    font-size: 12px;
    padding: 0;
  }
  .project-all .empty {
    min-height: 250px;
  }
  .image-help {
    text-align: center;
  }
  .image-help img {
    height: 450px;
    margin: 0 auto;
  }
  .follow-page .social-section .ul-area li i {
    margin-right: 2px;
  }
  .follow-page .social-section .images {
    position: relative;
  }
  .follow-page .past-item .name .follow-btn {
    top: -7px;
    position: absolute;
    right: 0;
    top: 30px;
  }
  .veri li:nth-child(4) {
    position: relative;
    top: 0;
  }
  .follow-page .btn-dots {
    width: 52px;
  }
  .follow-page .veri li {
    width: auto;
    float: left;
    margin: 0 7px;
  }
  .career {
    background: #fff;
    padding: 0 15px;
    border-top: initial;
    margin: initial;
    margin-bottom: 30px !important;
    padding-bottom: 30px;
  }
  .career .bg-white {
    background: initial;
    padding: 30px;
    max-width: 1200px;
    border-top: 7px solid #FE9900;
    margin: 0 auto;
    background: #fff;
  }
  .code-page .bg-white {
    padding-bottom: 0;
  }
  .code-page .caption p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
    line-height: 28px;
    color: #000;
  }
  .section-one.with-description .service-all .service-item img {
    object-fit: cover;
    height: 200px;
    width: 100%;
  }
  .owl-code .owl-nav {
    top: 120px;
  }
  .owl-code .owl-nav button.owl-prev {
    left: -5px !important;
  }
  .owl-code .owl-nav button.owl-next {
    right: -5px !important;
  }
  .follow-page .past-item .text img {
    width: 100%;
  }
  .help-page .help-section {
    margin-bottom: 20px;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
  }
  .help-cons .image {
    text-align: center;
    margin-bottom: 20px;
  }
  .about-page .first-sec .image-about {
    text-align: center;
  }
  .about-page .section {
    padding: 0;
    padding-top: 20px;
  }
  .about-page .box-secc .text-item {
    padding: 0px;
  }
  .about-page .image-text span {
    font-size: 15px;
    width: 51%;
    top: 33%;
    left: 16px;
    color: #fff;
  }
  .about-page .second-sec .border-cstm {
    padding: 25px 0;
    margin: 10px 0;
    border-top: 2px dotted #eee;
    padding-bottom: 0;
  }
  .project-detail .content-text .box li {
    margin: 0 5px;
    padding: 9px;
    border: 1px solid #ccc;
    border-radius: 20px;
    font-size: 13px;
  }
  .project-detail .employer .list-item {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  .veri li {
    width: auto;
    float: left;
  }
  .trust-page .icon img {
    width: 80px;
    margin: 0 auto;
  }
  .center-pic {
    position: relative;
    text-align: center;
  }
  .center-pic img {
    max-width: 250px;
    margin: 0 auto;
  }
  .center-pic {
    position: relative !important;
    text-align: center;
  }
  .center-pic img {
    width: 100%;
  }
  .alt-text {
    margin: 8px 0;
    margin-top: 15px;
  }
  .why-page .section.bg-white {
    padding: 14px;
    margin-bottom: 20px;
  }
  .why-item {
    margin-bottom: 0;
    padding: 0 0;
  }
  .veri {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  .profile-three .veri {
    justify-content: flex-start !important;
  }
  .veri li:nth-child(3) {
    position: relative;
    top: 0;
  }
  .project-all .myAccount .detail .right-side .second-sec {
    overflow: auto;
  }
  .btn-right.text-right a {
    background: transparent !important;
    min-width: 200px;
  }
  .mar-cstmm {
    margin-bottom: 15px !important;
  }
  .pad-cstmm {
    padding-bottom: 0 !important;
  }
  .form-group.form-item {
    margin-bottom: 0 !important;
  }
  #confirm-img {
    height: 78px;
    border-radius: 4px;
  }
  .service-account .myAccount .addcss .form-item.availability {
    margin-bottom: 30px !important;
  }
  .needs-validation textarea {
    margin-bottom: 0;
  }
  .service-page .form-item {
    margin-bottom: 20px !important;
    margin-top: 0 !important;
  }
  .service-page .form-item.availability {
    margin-bottom: 30px !important;
  }
  .needs-validation .form-item {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .sevenservice-page .question2 span {
    display: block;
    float: initial;
    margin-bottom: 13px;
  }
  .row.desc {
    margin-top: 15px;
  }
  .sevenservice-page .question2 {
    margin-bottom: 22px;
  }
  .service-page .rate-box .btn-cstm {
    padding: 11px;
    width: 100%;
    line-height: 20px;
  }
  .myAccount .sidebar-item a {
    margin-bottom: 7px !important;
  }
  .myAccount .sidebar-item ul > li.active > a {
    margin-bottom: 0 !important;
  }
  .myAccount .sidebar-item ul > li ul li.active > a {
    margin-bottom: 7px !important;
  }
  .tab-container.row {
    --bs-gutter-y: 1rem;
    margin-bottom: 20px;
  }
  .detail .right-side .second-sec .bar-percentage {
    width: 32px;
  }
  .detail .right-side .second-sec .bar-container {
    width: 91% !important;
  }
  .message-left .padLeft .text p {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 110px;
    height: 1.2em;
    white-space: nowrap;
  }
  .myAccount .asist {
    margin-bottom: 10px;
    background: #fff;
    padding-top: 10px;
  }
  .myAccount .asist img {
    width: 110px;
  }
  #loadMore {
    display: none !important;
  }
  .free-service .question2 {
    width: 50%;
  }
  .profile-three .free-service .question2 {
    width: 40%;
  }
  .sevenservice-page .bottom-section {
    margin-top: 10px;
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
  }
  .all-service .show-more-item {
    padding-top: 0;
    display: block !important;
  }
  .sevenservice-page .question-photo img {
    width: 350px;
    margin: 0 auto;
    text-align: center;
  }
  .owl-detail .owl-item img {
    width: 100%;
  }
  .ad-service {
    background: #fff;
    padding: 0px;
  }
  .sevenservice-page.service-page .bar-container {
    width: 100% !important;
  }
  .sevenservice-page .ad-sec {
    margin-top: 15px;
    position: relative;
    bottom: initial;
    left: 0;
  }
  .sevenservice-page .ad-sec img {
    width: 100%;
  }
  .sevenservice-page .bgwhite {
    background: transparent;
  }
  .sevenservice-page .content-carousel {
    background: #fff;
  }
  .range-slider {
    width: 100%;
  }
  .languages {
    margin-top: 20px;
  }
  .myAccount .vacancies .job-opt .form-group {
    display: inline-flex !important;
  }
  .myAccount .job-opt {
    display: flex !important;
    width: 100%;
  }
  .myAccount .vacancies .job-opt .form-group label {
    float: left !important;
    display: inline-flex !important;
  }
  .myAccount .vacancies .job-opt .form-select {
    margin-bottom: 0;
  }
  .myAccount .job-opt .btn-cstm {
    margin-top: 0 !important;
    display: inline !important;
    margin-left: 8px !important;
    float: left;
  }
  .myAccount .vacancies .job-card .cityother {
    margin-top: 33px !important;
  }
  .job-opt .countDown {
    margin-right: 0;
    width: initial !important;
    min-width: auto !important;
    float: right;
    margin-top: 3px !important;
  }
  .service-account .myAccount .job-opt .btn-cstm {
    margin-top: 15px !important;
  }
  .detail .top .btn-cstm {
    padding: 10px 0;
    font-size: 14px;
    width: 100%;
  }
  .detail .left-section .left-item .image img {
    border-radius: 50%;
    height: 51px;
    width: 51px;
  }
  .project-all .myAccount .messages-page .messages .text {
    padding-top: 4px !important;
    padding-bottom: 6px !important;
  }
  .messages-page .text-bar {
    padding-top: 10px;
    padding-bottom: 44px !important;
  }
  .project-all .myAccount .text {
    padding-top: 0;
  }
  .service-page .picture-video li {
    margin-right: 2px;
  }
  .service-page .file-input .button {
    height: 61px;
  }
  .project-page .page-title h2 {
    font-size: 24px !important;
    text-align: center !important;
  }
  .page-title h2 {
    font-size: 30px !important;
    text-align: center !important;
  }
  .project-page .top-text {
    margin-bottom: 10px;
    padding-top: 10px;
  }
  .legal-page .page-title h2 {
    font-size: 21px;
  }
  .text-page .section h1 {
    color: #000;
    font-size: 16px;
  }
  .int-property p {
    margin: 10px 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
  }
  .career .caption h4 {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 20px;
  }
  .owl-nav .prev-slide {
    width: 22px;
    height: 42px;
    background: #FE9900;
    position: relative;
    background-position: center center;
  }
  .owl-nav .prev-slide:before {
    content: "\f053";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    color: #000;
    font-size: 14px;
    line-height: 42px;
    padding-left: 7px;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
  }
  .owl-nav .next-slide {
    width: 22px;
    height: 42px;
  }
  .owl-nav .next-slide:before {
    font-size: 14px;
    width: 22px;
    height: 42px;
    line-height: 42px;
    padding-left: 11px;
    padding-left: 0;
  }
}
@media screen and (min-width: 767px) and (max-width: 769px) {
  header .top-header .bottom-side .right-side li:first-child {
    left: initial;
    float: left !important;
  }
}
@media screen and (min-width: 992) and (max-width: 1200px) {
  .newprofiledesign .btncntct {
    padding: 12px 10px;
    max-width: 88%;
  }
  .newprofiledesign .ad-service > h2 {
    font-size: 17px;
  }
  .newprofiledesign .rate-box {
    padding: 0;
  }
  .newprofiledesign .caption.fl {
    margin-left: 0;
  }
  .newprofiledesign .text p {
    color: #222222 !important;
    font-size: 14px !important;
    line-height: 19px !important;
  }
  .project-list-page.project-page.newprofiledesign .project-item .text {
    margin-bottom: 0 !important;
  }
  .newprofiledesign .bottom-section {
    padding: 0 !important;
  }
  .newprofiledesign .text-sec h4 {
    font-size: 17px;
    font-weight: 600;
    word-wrap: break-word;
  }
  .newprofiledesign .text p {
    color: #222222 !important;
    font-size: 15px !important;
    line-height: 19px !important;
  }
  .newprofiledesign .text-sec ul li {
    margin: 10px 4px;
    font-size: 13px;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }
  .top-new-profile .profil-ph img {
    width: 120px;
    height: 120px;
    border-radius: 120px;
    border: 1px solid #F19F39;
  }
  .second-row.free {
    padding: 24px 0 !important;
  }
  .messages-page .text-bar {
    padding: 23px 0;
    border-top: 1px solid #ECECEC;
    padding-left: 12px;
    padding-top: 0;
    padding-bottom: 40px !important;
    padding-top: 7px !important;
  }
  .project-page #location-filter {
    font-size: 12px !important;
  }
  .sidebar .filter .form-control {
    height: 30px !important;
  }
  .project-page #location-filter {
    height: 30px;
  }
  .career {
    background: initial;
  }
  .career {
    background: transparent;
    padding: 0 15px;
    border-top: initial;
    margin: initial;
  }
  .career .bg-white {
    background: initial;
    padding: 30px;
    max-width: 1200px;
    border-top: 7px solid #FE9900;
    margin: 0 auto;
    background: #fff;
  }
}
@media screen and (min-width: 530px) and (max-width: 767px) {
  .about-page .image-text span {
    font-size: 12px;
    width: 51%;
    top: 30%;
    left: 0;
    color: #fff;
  }
  .ad-page .box-three h6 {
    font-size: 12px;
  }
  .owl-pricing-three .owl-nav button.owl-prev {
    left: -38px !important;
  }
  .owl-pricing-three .owl-nav button.owl-next {
    right: -38px !important;
  }
  .career {
    background: transparent;
    padding: 0 15px;
    border-top: initial;
    margin: initial;
  }
  .career .bg-white {
    background: initial;
    padding: 30px;
    max-width: 1200px;
    border-top: 7px solid #FE9900;
    margin: 0 auto;
    background: #fff;
  }
  .follow-page .past-item .text img {
    width: 100%;
  }
  .messages-page .message-all .message-box .text {
    padding-left: 22px;
  }
  .detail .left-section .left-item .image img {
    border-radius: 50%;
    height: 33px;
    width: 33px;
  }
  .message-left .padLeft .text p {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 110px;
    height: 1.2em;
    white-space: nowrap;
  }
  .sevenservice-page .rate-box {
    background: #fff;
    border-radius: 5px;
    padding: 15px 10px;
  }
  .service-page .rate-box .btn-cstm {
    padding: 6px !important;
    width: 100%;
    font-size: 13px !important;
  }
  .box-item.only-star p {
    font-size: 13px;
  }
  .sevenservice-page .question2 span {
    font-size: 13px;
  }
  .service-page .form-item {
    margin-bottom: 20px !important;
    margin-top: 0 !important;
  }
  .needs-validation textarea {
    margin-bottom: 0;
  }
  .service-page .myAccount .addcss .form-item.availability {
    margin-bottom: 45px !important;
  }
  .btn-right.text-right a {
    background: transparent !important;
  }
}
.job-ads-w .myAccount .content .text h3 {
  font-size: 22px;
  padding-left: 4px;
  text-align: center;
  margin-bottom: 15px;
}

.project-list-page.project-page.owl-projects .project-item .job-exp {
  min-height: 50px;
}

.job-ads-w .btn-send {
  padding: 12px 35px;
  font-size: 19px;
  margin-bottom: 35px;
}

.job-ads-w .btn-send i {
  margin-left: 10px;
  position: relative;
  top: 1px;
}

.sponsor-page .project-item a {
  text-decoration: none !important;
}

.content .product-all-item .box .photo img {
  height: 200px;
  width: 100%;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.caption.page-title {
  margin-bottom: 30px;
  text-align: center;
  border-bottom: 2px dotted #FE9900;
  padding-bottom: 0;
}

.caption.page-title h2 {
  text-align: center;
}

.project-page .project-item .job-exp {
  min-height: 110px;
}

.city-text h5 {
  display: inline-block;
  width: auto;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

.jobs-page .cardsContainer .job-exp {
  min-height: 80px;
  -webkit-line-clamp: 4 !important;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
}

.job-ads-w .form-item {
  border: 2px dotted #ffd69a;
  position: relative;
  border-radius: 8px;
}

.job-ads-w .form-item .form-check {
  padding: 0;
  margin: 0;
  margin-left: 0;
}

.job-ads-w .form-item .form-check i {
  position: absolute;
  right: 30px;
  top: 27px;
  font-size: 24px;
  color: #333;
}

.job-ads-w .form-item .form-check .form-check-input {
  top: 22px;
  left: 45px;
  width: 25px;
  height: 25px;
}

.job-ads-w .form-item .form-check .form-check-label {
  padding-top: 4px;
  display: block;
  width: 100%;
  color: #333;
  padding: 30px 20px;
  padding-left: 58px;
  font-size: 19px;
}

.job-ads-w .form-item .form-check .form-check-label:hover {
  cursor: pointer;
  color: #FE9900;
}

.job-ads-w .form-item .form-check .form-check-label:hover i {
  color: #FE9900;
}

.job-ads-w .form-item .form-check .form-check-input:checked + label {
  color: #FE9900;
}

.job-ads-w .form-item .form-check .form-check-input:checked + label i {
  color: #FE9900;
}

.job-ads-w .form-item .form-check .form-check-input:checked + label .fa-arrow-right:before {
  content: "\f00c" !important;
}

.select-project .job-card label, .select-project .project-page .project-item label, .project-page .select-project .project-item label {
  width: 100%;
}

@media screen and (min-width: 1000px) and (max-width: 1200px) {
  .mar-cstmm {
    margin-bottom: 20px !important;
  }
}
@media screen and (max-width: 600px) {
  .project-list-page.project-page .project-item .text {
    min-height: auto;
  }
  .project-list-page.project-page.owl-projects .project-item .job-exp {
    min-height: 66px;
  }
  .messages-page .caption {
    margin-left: 0;
  }
  .messages-page .message-all .padRight {
    padding-right: 9px !important;
  }
  .messages-page .message-all .padLeft {
    padding-left: 12px !important;
  }
  .messages-page .date {
    font-size: 10px;
    font-weight: 600;
    color: #8E8E8E;
    text-align: center;
    margin: 12px 0;
  }
  .myAccount .messages-page .text {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
  .messages-page .conversation {
    padding: 14px 4px;
  }
  .payment-table th {
    width: auto !important;
  }
  .payment-table th {
    font-size: 12px !important;
    padding: 3px !important;
  }
  .pymnt-btn button:nth-child(1) {
    margin-right: 10px;
  }
  .payment-table td {
    font-size: 12px !important;
  }
  .payment-table td:nth-child(1) {
    font-size: 12px !important;
    padding: 3px !important;
  }
  .payment-table th:nth-child(2) {
    text-align: center !important;
  }
  .payment-account .section .form-check img {
    width: 65px;
  }
}
.new-payment .box.box-two h3 {
  background: #ffc060 !important;
  color: #fff;
}

.new-payment .box h4 {
  color: #737373;
}

.new-payment .box.box-five h3 {
  background: #ffc060 !important;
  color: #fff;
}

.new-payment .box.box-other h3 {
  background: #ffc060 !important;
  color: #fff;
}

.new-payment .box.box-cat h3 {
  background: #ffc060 !important;
  color: #fff;
}

.new-payment .box2 {
  margin-bottom: 0 !important;
}

.new-payment .step h6 {
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 15px;
}

.new-payment .disnone {
  padding-left: 0;
  padding-right: 0;
}

.new-payment .disnone:before {
  display: none;
}

.new-payment .disnone:after {
  display: none;
}

.new-payment .needs-validation {
  padding: 0 !important;
}

.new-payment .btn-send {
  background: #FE9900 !important;
  color: #fff !important;
  padding: 14px 100px;
  font-size: 20px;
  border: initial !important;
  height: initial !important;
}

.new-payment .btn-send:after {
  display: none !important;
}

.new-payment label:before {
  display: none !important;
}

.new-payment .box {
  border-bottom: 2px solid transparent;
}

.new-payment .btn-cstm {
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}

.new-payment .box {
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}

.new-payment .box p {
  color: #737373;
}

.new-payment .btn-cstm.hide-first {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
}

.new-payment input[type=radio] {
  display: none;
}

.new-payment input[type=radio]:checked + label .box h4 {
  color: #000 !important;
}

.new-payment input[type=radio]:checked + label .box {
  box-shadow: 2px 3px 15px rgba(254, 153, 0, 0.1490196078);
  border-bottom: 2px solid #fe9900;
  position: relative;
}

.new-payment input[type=radio]:checked + label .box p {
  color: #000 !important;
}

.attachment-actions .btn-attachment {
  padding: 0px 2px !important;
}

.attachment-actions .btn-download {
  background-color: transparent !important;
  color: #fff !important;
}

.attachment-actions .btn-delete {
  background-color: transparent !important;
  color: #ffffff !important;
}

.attachment-info {
  max-width: 80%;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.new-payment input[type=radio]:checked + label .box:before {
  content: "\f0d8";
  font-family: "FontAwesome";
  color: #FE9900;
  position: absolute;
  bottom: -11px;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
  font-size: 27px;
}

.new-payment input[type=radio]:checked + label .btn-cstm {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
}

.new-payment input[type=radio]:checked + label .btn-cstm.hide-first {
  background: #FE9900;
  color: #fff;
  border: none;
  opacity: 1;
  width: auto !important;
  height: auto !important;
  padding: 10px 25px;
}

.new-payment input[type=radio]:checked + label h3 {
  background: #fe9900 !important;
  color: #fff;
}

.new-payment input[type=radio]:checked + label .box-two h3 {
  background: #fe9900 !important;
  color: #fff;
}

.new-payment input[type=radio]:checked + label .box-five h3 {
  background: #fe9900 !important;
  color: #fff;
}

.new-payment input[type=checkbox] {
  display: none;
}

.new-payment input[type=checkbox]:checked + label .box h4 {
  color: #000 !important;
}

.new-payment input[type=checkbox]:checked + label .box {
  box-shadow: 2px 3px 15px rgba(254, 153, 0, 0.1490196078);
  border-bottom: 2px solid #fe9900;
  position: relative;
}

.new-payment input[type=checkbox]:checked + label .box p {
  color: #000 !important;
}

.new-payment input[type=checkbox]:checked + label .box:before {
  content: "\f0d8";
  font-family: "FontAwesome";
  color: #FE9900;
  position: absolute;
  bottom: -11px;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
  font-size: 27px;
}

.new-payment input[type=checkbox]:checked + label .btn-cstm {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
}

.new-payment input[type=checkbox]:checked + label .btn-cstm.hide-first {
  background: #FE9900;
  color: #fff;
  border: none;
  opacity: 1;
  width: auto !important;
  height: auto !important;
  padding: 10px 25px;
}

.new-payment input[type=checkbox]:checked + label h3 {
  background: #fe9900 !important;
  color: #fff;
}

.new-payment input[type=checkbox]:checked + label .box-two h3 {
  background: #fe9900 !important;
  color: #fff;
}

.new-payment input[type=checkbox]:checked + label .box-five h3 {
  background: #fe9900 !important;
  color: #fff;
}

.new-payment label {
  min-height: 20px;
  position: relative;
  padding: 0;
  margin-bottom: 0;
  width: 100%;
  display: block;
  cursor: pointer;
}

.new-payment label:before, .new-payment label:after {
  position: absolute;
  content: "";
  border-radius: 50%;
  transition: all 0.3s ease;
  transition-property: transform, border-color;
}

.new-payment label:before {
  left: -9px;
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid rgba(0, 0, 0, 0.54);
}

.new-payment label:after {
  top: 5px;
  left: -4px;
  width: 10px;
  height: 10px;
  transform: scale(0);
  background: black;
}

.new-payment .text {
  margin-top: 10px;
}

.new-payment .text span {
  display: block;
  margin-bottom: 7px;
}

.new-payment .box2 {
  border-top: initial !important;
  padding-top: 0;
}

.step-cstm .btn-right .btn-cstm {
  height: 50px;
  display: block;
  width: 100%;
}

.select-project .box {
  border: none;
  padding-top: 0;
}

.select-project .company-text h6 {
  padding-left: 10px;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-width: 100% !important;
}

.select-project .content {
  padding: 25px;
}

.select-project .job-card, .select-project .project-page .project-item, .project-page .select-project .project-item {
  padding: 0 !important;
}

.select-project label:hover {
  cursor: pointer;
}

.select-project .hide-message {
  display: none;
  padding: 20px;
}

.select-project .hide-message h6 {
  margin-bottom: 10px;
}

.select-project .hide-message span {
  margin-top: 5px;
  display: block;
}

.select-project input[type=radio] {
  display: none;
}

.select-project input[type=radio]:checked + label .box h4 {
  color: #000 !important;
}

.select-project input[type=radio]:checked + label .box {
  position: relative;
  padding-top: 0;
}

.select-project input[type=radio]:checked + label .box p {
  color: #000 !important;
}

.select-project input[type=radio]:checked + label .box:before {
  content: "\f0d8";
  font-family: "FontAwesome";
  color: #FE9900;
  position: absolute;
  bottom: -11px;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
  font-size: 27px;
}

.select-project input[type=radio]:checked + label .btn-cstm {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
}

.select-project input[type=radio]:checked + label .btn-cstm.hide-first {
  background: #FE9900;
  color: #fff;
  border: none;
  opacity: 1;
  width: auto !important;
  height: auto !important;
  padding: 10px 25px;
}

.select-project input[type=radio]:checked + label h3 {
  background: #fe9900 !important;
  color: #fff;
}

.select-project input[type=radio]:checked + label .box-two h3 {
  background: #fe9900 !important;
  color: #fff;
}

.select-project input[type=radio]:checked + label .box-five h3 {
  background: #fe9900 !important;
  color: #fff;
}

.select-project .job-card:before, .select-project .project-page .project-item:before, .project-page .select-project .project-item:before, .select-project .project-item:before {
  display: none !important;
}

.select-project .btn-cstm.hide-first {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
}

.step-cstm .form-item {
  margin: 20px 0 !important;
  margin-top: 0 !important;
}

.step-cstm.register-page.other-page .regis-sec {
  padding: 42px;
}

.step-cstm.register-page.project-page.other-page .regis-sec .needs-validation .form-item {
  margin: 20px 0 !important;
}

.username.form-control.borderRed {
  margin-bottom: 7px;
}

.usernameLabel {
  color: #F00 !important;
}

.step-cstm .form-item p {
  color: #777;
  font-size: 14px;
  line-height: 18px;
}

.step-cstm .form-item .form-check-label {
  margin-bottom: 7px;
}

.step-cstm .step {
  text-align: center;
}

.step-cstm .step i {
  margin-bottom: 15px;
  display: block !important;
  color: #FE9900;
  font-size: 35px;
}

.step-cstm .step h6 {
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 15px;
}

.star {
  color: #FE9900;
  font-size: 14px;
}
.star i {
  margin-right: 3px !important;
  font-size: 15px;
}
.star span {
  top: 0;
  font-size: 15px;
  position: relative;
  margin-left: 3px;
  font-size: 13px;
}

.step-cstm .btn-cstm {
  height: auto !important;
  padding: 12px 0 !important;
  color: #fff !important;
  font-size: 21px !important;
}

.step-cstm .regis-sec {
  max-width: 450px;
}

.step-cstm .needs-validation .btn-send:after {
  display: none;
}

.step-cstm .list {
  margin: 40px 0;
}

.step-cstm .list ul li {
  line-height: 32px;
  position: relative;
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 25px;
  color: #333;
}

.step-cstm .list ul li:before {
  content: "\f00c";
  font-weight: 900;
  margin-right: 6px;
  font-family: "Font Awesome 5 Free";
  color: #FE9900;
}

.cookies {
  position: fixed;
  bottom: 0;
  width: 100%;
  margin: 0;
  background-color: rgba(35, 43, 56, 0.9);
  padding-left: 10%;
  padding-right: 10%;
  left: 0;
  z-index: 9999;
  padding: 15px;
}

.cookies .text {
  padding-top: 0px;
}

.cookies .text p {
  color: #fff;
  line-height: 20px;
  font-size: 12px;
  margin-bottom: 7px;
}

.cookies .co-btn {
  margin-top: 10px;
  color: #fff;
  font-size: 16px;
}

.cookies .right {
  text-align: right;
}

.cookies .btn-cstm {
  font-weight: 500;
  color: #000;
  display: block;
  background: transparent;
  color: #fff;
  margin-top: 4px;
  border: none;
  padding: 0 0;
}

.cookies .btn-cstm.accept {
  background: #fff;
  color: #000;
  padding: 5px 12px;
  margin-top: 0;
}

.modal-cookies h3 {
  font-size: 18px;
  margin-bottom: 12px;
}

.modal-cookies p {
  font-size: 16px;
  color: #696969;
  line-height: 20px;
}

.modal-cookies .modal-footer {
  text-align: center;
  align-items: center;
  justify-content: center;
  border-top: initial !important;
}

.modal-cookies .modal-footer .btn-cstm {
  color: #fff;
  background: #FE9900;
  width: initial !important;
}

.modal-cookies .modal-footer .btn-cstm:hover {
  background: #f1a838 !important;
  color: #fff !important;
}

.modal-cookies .text-center h3 {
  font-size: 22px;
  border-bottom: 2px dotted #FE9900;
  padding-bottom: 10px;
}

.cookies-item {
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 5px;
  padding-bottom: 5px;
  padding-top: 15px;
}

.cookies-item .form-check.form-switch {
  float: right;
  position: relative;
  top: -3px;
}

.cookies-item .form-switch .form-check-input {
  font-size: 25px;
}

.cookies-item p {
  font-size: 14px;
  line-height: 18px;
  color: #696969;
  margin-top: 10px;
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: calc(100% - 100px) !important;
  }
  .sidebar .filter .form-control {
    height: 30px !important;
  }
  .sidebar .project-page #location-filter {
    height: 30px !important;
  }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 30px !important;
  }
  .jobs-page .job-image {
    right: 15px;
  }
}
body .cky-notice-btn-wrapper .cky-btn {
  border-color: #ccc !important;
}

body .cky-notice-btn-wrapper .cky-btn.cky-btn-accept {
  border-color: transparent !important;
}

body .cky-notice .cky-title {
  font-weight: 600 !important;
}

body .cky-switch input[type=checkbox]:checked {
  color: #FE9900 !important;
}

body .cky-prefrence-btn-wrapper .cky-btn {
  border-color: #ccc !important;
}

body .cky-btn-preferences.cky-btn {
  color: #000 !important;
}

body .cky-prefrence-btn-wrapper .cky-btn.cky-btn-accept {
  border-color: transparent !important;
}

.profile-three .project-page .project-item a {
  text-decoration: none !important;
}

.profile-three .project-page .translate a {
  font-size: 12px;
}

.profile-three .job-card .company-text h4, .profile-three .project-page .project-item .company-text h4, .project-page .profile-three .project-item .company-text h4, .profile-three .project-page .project-item .company-text h4 {
  font-size: 18px;
}

.profile-three .project-page .project-item h6 {
  font-size: 13px;
}

.profile-three .project-page .project-item p {
  margin-bottom: 20px;
  font-size: 12px;
  line-height: 17px;
}

.profile-three .project-page .text-left li i {
  font-size: 13px;
}

.profile-three .project-page .date span {
  color: #000;
  font-size: 12px;
}

.profile-three .project-page .project-item .date-roc li b {
  display: inline-block !important;
}

.profile-three .project-page .project-item ul {
  display: block;
  margin-bottom: 14px;
}

.profile-three .job-card, .profile-three .project-page .project-item, .project-page .profile-three .project-item, .profile-three .project-page .project-item {
  background: #FFF;
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  position: relative;
  padding: 10px 16px;
}

.top-icons i {
  font-size: 15px;
}

.profile-three .project-page .project-item .job-exp {
  min-height: 70px;
}

.profile-three .project-page .project-item li {
  font-weight: 400;
  font-size: 14px;
  display: inline-block;
  color: #000;
}

.project-all.my-service-page.other-page.project-edit.edit-page.service-account .active-text {
  right: 0 !important;
  z-index: 9999;
}

/*
body .cky-btn{
	border:none !important;
}
body .cky-btn-customize{
	color:#000 !important;
	text-decoration:underline !important;
	margin-top: -55px;
	margin-right: 20px;
	font-size: 16px;
}
body .cky-consent-container .cky-consent-bar{
	padding-bottom:7px !important;
}
body .cky-btn-accept {
	top:17px;
	right:41px;
	position:absolute;
	padding: 5px 26px !important;
}
body .cky-notice .cky-title{
	margin-bottom:0 !important;
}
body .cky-notice-btn-wrapper .cky-btn{
	font-size:15px;
}*/
.other-pricing.pricing-subs .box h3 {
  padding-top: 17px;
  font-size: 16px;
}

.other-pricing.pricing-subs .box h3 {
  padding-bottom: 16px;
}

.other-pricing.pricing-subs .box h4 {
  font-weight: 600;
  font-size: 27px;
  margin-bottom: 10px;
  margin-top: 50px !important;
}

.other-pricing.pricing-subs .box {
  min-height: 280px;
}

.job-ads-w .content.nopad {
  padding: 0;
}

.job-ads-w .content.nopad h6 {
  font-size: 20px;
  text-align: center;
  margin-bottom: 40px;
}

.new-payment.pricing-subs.other-pricing {
  margin-bottom: 40px;
}

.step-country-city .box .btn-cstm {
  margin-top: 70px;
}

.other-pricing input[type=checkbox] {
  display: none;
}

.other-pricing input[type=checkbox]:checked + label .box h4 {
  color: #000 !important;
}

.other-pricing input[type=checkbox]:checked + label .box {
  box-shadow: 2px 3px 15px rgba(254, 153, 0, 0.1490196078);
  border-bottom: 2px solid #fe9900;
  position: relative;
}

.other-pricing input[type=checkbox]:checked + label .box p {
  color: #000 !important;
}

.other-pricing input[type=checkbox]:checked + label .box:before {
  content: "\f0d8";
  font-family: "FontAwesome";
  color: #FE9900;
  position: absolute;
  bottom: -11px;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
  font-size: 27px;
}

.other-pricing input[type=checkbox]:checked + label .btn-cstm {
  background: #FE9900;
  color: #fff;
  border: none;
}

.other-pricing input[type=checkbox]:checked + label h3 {
  background: #fe9900 !important;
  color: #fff;
}

.other-pricing input[type=checkbox]:checked + label .box-two h3 {
  background: #fe9900 !important;
  color: #fff;
}

.other-pricing input[type=checkbox]:checked + label .box-five h3 {
  background: #fe9900 !important;
  color: #fff;
}

.index-page .owl-theme .owl-nav {
  margin-top: -5px !important;
}

.index-page .owl-slider .owl-nav {
  margin-top: 0 !important;
}

#editor {
  resize: vertical;
  overflow: auto;
  line-height: 1.5;
  background-color: #fafafa;
  background-image: none;
  border: 0;
  border-bottom: 1px solid #3b8dbd;
  min-height: 150px;
  box-shadow: none;
  padding: 8px 16px;
  margin: 0 auto;
  font-size: 14px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.sevenservice-page .owl-carousel.owl-detail .owl-dots {
  display: block !important;
}

#editor:focus {
  background-color: #f0f0f0;
  border-color: #38af5b;
  box-shadow: none;
  outline: 0 none;
}

.tox.tox-tinymce {
  box-shadow: none !important;
}

.tox.tox-silver-sink.tox-tinymce-aux {
  display: none !important;
}

.tox-toolbar__group:last-child {
  display: none !important;
}

.tox-toolbar__group:nth-child(2) {
  display: none !important;
}

.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
  border-right: none !important;
}

.tox-toolbar__group div {
  display: none !important;
}

.more {
  position: absolute;
  right: 10px;
  top: 13px;
}

.more-menu {
  position: relative;
  left: -170px;
}

.top-noti {
  background: #e42a4d;
  color: #000;
  text-align: left;
  border-radius: 30px;
  padding: 6px 10px;
  margin-bottom: 20px;
  display: inline-block;
  color: #fff;
}

/* More Button / Dropdown Menu */
.more-btn,
.more-menu-btn {
  background: none;
  border: 0 none;
  line-height: normal;
  overflow: visible;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  width: 100%;
  text-align: left;
  outline: none;
  cursor: pointer;
}

.more-menu-items li {
  display: block !important;
}

.more-menu-items li i {
  color: #fe9900;
  margin-right: 6px;
  width: 20px;
}

.more-menu-items li:hover {
  background-color: #e9ecef;
}

.more-menu-items li:hover button {
  color: #000 !important;
}

.more-btn i {
  font-size: 32px;
  position: relative;
  left: -7px;
}

.more-dot {
  background-color: #aab8c2;
  margin: 0 auto;
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 1px;
  border-radius: 50%;
  transition: background-color 0.3s;
}

.more-menu {
  position: absolute;
  top: 100%;
  z-index: 900;
  float: left;
  padding: 10px 0;
  margin-top: 9px;
  background-color: #fff;
  border: 1px solid #ccd8e0;
  border-radius: 4px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
  opacity: 0;
  transform: translate(0, 15px) scale(0.95);
  transition: transform 0.1s ease-out, opacity 0.1s ease-out;
  pointer-events: none;
}

.more-menu-caret {
  position: absolute;
  top: -10px;
  right: 12px;
  width: 18px;
  height: 10px;
  float: left;
  overflow: hidden;
}

.more-menu-caret-outer,
.more-menu-caret-inner {
  position: absolute;
  display: inline-block;
  margin-left: -1px;
  font-size: 0;
  line-height: 1;
}

.more-menu-caret-outer {
  border-bottom: 10px solid #c1d0da;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  height: auto;
  left: 0;
  top: 0;
  width: auto;
}

.more-menu-caret-inner {
  top: 1px;
  left: 1px;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #fff;
}

.more-menu-items {
  margin: 0;
  list-style: none;
  padding: 0;
}

.more-menu-item {
  display: block;
}

.more-menu-btn {
  min-width: 100%;
  color: #66757f;
  cursor: pointer;
  display: block;
  font-size: 15px;
  line-height: 18px;
  padding: 5px 10px;
  position: relative;
  white-space: nowrap;
}

.more-menu-item:hover {
  background-color: #489fe5;
}

.more-menu-item:hover .more-menu-btn {
  color: #fff;
}

.more-btn:hover .more-dot,
.show-more-menu .more-dot {
  background-color: #516471;
}

.login-page .text-center.new p a {
  color: #FE9900;
  text-decoration: none !important;
  font-weight: 600;
  text-align: center;
  padding: 10px 15px;
  max-width: 340px;
  border-style: dotted;
  border: 3px dotted #bdbdbd;
  margin: 0 auto;
  margin-top: 25px;
}

.login-page .btn-send {
  margin-top: 30px !important;
}

.nobigpad .text-bold span {
  display: block;
}

.show-more-menu .more-menu {
  opacity: 1;
  transform: translate(0, 0) scale(1);
  pointer-events: auto;
}

.needs-validation.newstyle {
  padding-bottom: 0 !important;
}

.login-page .regis-section .title h6 {
  margin-bottom: 0;
}

.all-categories .project-list-page.project-page.owl-projects .project-item {
  margin: 1px !important;
}
.all-categories .project-list-page.project-page.owl-projects .project-item ul {
  line-height: 36px;
}
.all-categories .project-list-page.project-page.owl-projects .project-item .translate {
  margin: 0px 0;
  padding: 5px;
  text-align: center;
  position: relative;
  top: -6px;
}
.all-categories .project-list-page.project-page.owl-projects .project-item li:last-child {
  margin-left: 6px !important;
}
.all-categories .project-list-page.project-page.owl-projects .project-item .company-text {
  height: 35px !important;
}
.all-categories .project-list-page.project-page.owl-projects .project-item h4 {
  font-size: 16px !important;
}
.all-categories .project-list-page.project-page.owl-projects .project-item .social.text-left b {
  font-size: 13px;
}
.all-categories .project-list-page.project-page.owl-projects .project-item .date-roc li:first-child i {
  font-size: 18px;
}
.all-categories .project-list-page.project-page.owl-projects .project-item .date-roc img {
  width: 22px;
  /* float: left; */
}
.all-categories .project-list-page.project-page.owl-projects .project-item .social.text-left .fa-solid.fa-location-dot {
  margin-right: 3px;
}

.all-categories .translate a {
  color: #000;
  text-decoration: none;
  font-size: 14px;
}
.all-categories .project-page .project-item .date-roc img {
  display: inline-block !important;
}
.all-categories .social.text-left {
  float: left !important;
}
.all-categories .job-card {
  background: #FFF;
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  position: relative;
  padding: 15px 15px;
  margin: 1px;
}
.all-categories .job-card a {
  text-decoration: none !important;
}
.all-categories .job-card .job-exp {
  font-size: 14px;
  min-height: 95px;
}
.all-categories .job-card .cityother {
  margin-bottom: 15px;
}
.all-categories .job-card .company-text h4 {
  font-size: 15px;
}
.all-categories .job-card .company-text p {
  font-size: 14px;
  height: 18px;
}
.all-categories .top-icons {
  position: absolute;
  top: 15px;
  right: 25px;
  z-index: 1;
  width: max-content;
}
.all-categories .top-icons {
  display: none !important;
}
.all-categories .project-list-page.project-page.owl-projects .project-item h4 {
  font-size: 16px !important;
}

.all-categories .date span {
  font-size: 12px !important;
}

.order-label {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: bold;
  color: #000;
  border-radius: 0 0 0 4px;
}

#preview {
  display: flex;
  flex-wrap: wrap;
}

.preview-item {
  margin: 10px;
}

.list-one {
  /* display: inline-flex; */
  float: left;
  width: 106px;
  position: relative;
}

.select-label {
  display: initial !important;
  background: #232f3d !important;
  color: #fff;
  border: none !important;
}

#uploaded-images {
  margin-top: 18px;
}

.InptBox .input-field {
  position: relative;
  max-width: 270px;
}

.InptBox .block-help {
  margin-top: 10px !important;
  display: block;
}

.InptBox .control-label {
  overflow: auto;
}

#popover-password ul {
  margin-top: 10px;
}

.toggle-password-three {
  position: absolute;
  right: 10px;
  z-index: 999;
  top: 25px;
}

h6.message {
  font-size: 17px;
  text-align: center;
  padding: 10px;
  border-bottom: 1px solid #ececec;
  background: #fe9900;
  display: block;
  border-radius: 0;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #fff;
}

.InptBox .toggle-password {
  top: 24px;
}

.form-group .col-md-12 {
  position: relative;
}

.form-group .col-md-12 .toggle-password {
  top: 12px;
  position: absolute;
  right: 0px;
  z-index: 999;
  top: 0;
  width: 41px;
  height: 38px;
  line-height: 37px;
  padding-left: 12px;
  padding-top: 1px;
}

.remove-icon {
  position: absolute;
  right: -2px;
  top: 7px;
  color: #fff;
  background: #fe9900;
  cursor: pointer;
  border-radius: 30px;
  width: 18px;
  text-align: center;
  font-size: 12px;
  height: 18px;
  line-height: 18px;
}

#imageModalContainerMulti .modal-footer {
  display: block;
  text-align: center;
}

#imageModalContainerMulti .modal-footer .save-modal-multi {
  background: #FE9900;
  padding: 7px 35px;
  border: none;
}

#close-modal {
  background: transparent;
  border-radius: 30px;
  border: none;
}
#close-modal span {
  font-size: 35px;
}

.project-page .needs-validation h6 p {
  font-size: 13px;
  color: #000;
  font-weight: 400;
  margin-top: 8px;
}

.question-spec {
  margin-bottom: 15px;
}

.question-spec span {
  min-width: 160px;
  float: left;
}

.question-spec label {
  font-size: 23px;
  margin-left: 3px;
}

.question-spec label:hover {
  color: #ccc;
}

.question-spec label:hover i {
  color: #ccc;
}

.empty img {
  max-width: 500px;
}

.empty.follow img {
  max-width: 220px;
}

.btn-rate {
  display: block;
  width: 100%;
}

.profile-three .question-spec {
  width: 49%;
  display: inline-flex;
  align-content: center;
  align-items: center;
  margin-bottom: 20px;
}

.profile-three .btn-rate {
  width: 20%;
  display: inline-flex;
}

.profile-three .rate-all-flex {
  float: left;
  width: 80%;
}

.project-page .project-item ul {
  min-height: 34px;
  padding-right: 0;
}

.fa-message {
  font-size: 26px;
}

header .top-header .bottom-side .right-side #myTaboneContent.tab-content.cstm-new ul li a {
  display: flex;
  flex-direction: row;
  padding: 10px;
  padding-top: 13px;
}

header .top-header .bottom-side .right-side li.nati-li:first-child {
  padding-top: 10px !important;
}

header .top-header .bottom-side .right-side #myTaboneContent.tab-content.cstm-new ul li a .name {
  margin-left: 8px;
}

#live-chat {
  padding-bottom: 13px;
  padding-top: 0 !important;
  background: #fff !important;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

header .top-header .bottom-side .right-side li a {
  padding-bottom: 5px;
}

li.unread.status-available.new-nati strong {
  font-size: 13px;
  font-weight: 600;
}

.myAccount .form-group .toggle-password-two {
  top: 14px;
}

.myAccount .form-group .toggle-password {
  top: 14px;
}

#live-chat .chat-close {
  font-size: 0 !important;
  background: transparent !important;
}

#live-chat .chat-close:before {
  content: "\f00d";
  font-family: "FontAwesome";
  color: #FE9900;
  position: absolute;
  bottom: 15px;
  right: 23px;
  text-align: center;
  margin: auto;
  font-size: 19px;
  left: auto;
}

.cstm-new .small {
  font-size: 0.875em;
  display: block;
}

.cstm-new .new-nati .user-text {
  display: block;
  width: 100%;
  text-align: left;
  margin-left: 10px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

.cstm-new .new-nati .user-text strong {
  margin-bottom: 5px !important;
  display: block;
}

.cstm-new .new-nati .time.small {
  float: right;
  color: #000;
}

.cstm-new .new-nati .name {
  margin-left: 0 !important;
}

.cstm-new .new-nati .name strong {
  color: #d9880b;
}

.cstm-new .new-nati .desc.small {
  display: inline-block;
  max-width: calc(100% - 60px);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-height: 17px;
}

.cstm-new .new-nati .user-img img {
  border-radius: 30px;
  width: 50px;
  height: 50px;
  object-fit: cover;
}

.chat .chat-message .chat-message-content {
  margin-left: 15px !important;
  border: none !important;
}

.chat .chat-message .chat-message-content.kncstm {
  margin-left: 15px !important;
  border: 1px solid #e4e4e4 !important;
  border-radius: 7px !important;
}

.chat .chat-message .chat-message-content h5 {
  margin-bottom: 4px !important;
}

.chat .chat-message {
  border: none !important;
}

.chat .chat-message img {
  margin-right: 10px !important;
}

.chat .chat-message img {
  position: relative;
  top: 3px;
}

.attachmentDiv {
  background: #f2f2f2;
  padding: 10px !important;
  gap: 14px;
  border: 2px dotted #fdbb57;
  margin-top: 4px;
  width: 76% !important;
  margin: 0 auto !important;
  margin-top: 10px !important;
  color: #000;
  position: relative;
  padding: 12px 0 !important;
  margin-top: 0 !important;
  width: 50px !important;
  background: transparent;
  border: none;
  color: #fff;
  margin-right: 0 !important;
}

.messages-page .messages--sent .attachmentDiv {
  margin-top: 0 !important;
  width: 50px !important;
  background: transparent;
  border: none;
  color: #fff;
}

.messages-page .attachmentDiv {
  width: 100% !important;
}

.downloadSvg {
  height: 20px !important;
  color: #fff;
  margin-right: -6px;
}

.chat fieldset button {
  padding: 6px !important;
  height: 33px !important;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background: transparent;
  border: none;
}
.chat fieldset button i {
  color: #FE9900;
  font-size: 18px;
}

.messages-page .text-bar__field {
  max-width: calc(100% - 69px) !important;
}

.messages-page .chatInput {
  align-items: flex-end;
}

.spectwo.haveattachment {
  background: transparent !important;
}
.spectwo.haveattachment .chat-time {
  right: -10px !important;
}

.spec.haveapplication {
  padding: 0 !important;
}

.messages-page .circle-button {
  position: relative;
  top: -1px;
  padding: 10px;
  height: 32px;
}

.messages-page .text-bar__thumb .thumb {
  position: relative;
  top: -2px !important;
}

.chat fieldset {
  padding-left: 20px;
  padding-right: 10px;
  padding-top: 6px;
}

#live-chat input[type=text] {
  width: 196px;
  border-radius: 0;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

body.chatopen #live-chat {
  padding-bottom: 0 !important;
}

body.chatopen #live-chat .chat-close {
  font-size: 0 !important;
}

body.chatopen #live-chat .chat-close:before {
  content: "\f7a4";
  font-family: "FontAwesome";
  color: #FE9900;
  position: absolute;
  bottom: 15px;
  right: 23px;
  text-align: center;
  margin: auto;
  font-size: 19px;
  left: auto;
}

#request-modal .btn-close {
  margin-left: 0;
}

#request-modal .btn i {
  margin-left: 5px;
}

#request-modal i.fas.fa-plus {
  font-size: 15px;
}

#request-modal .picture-video {
  text-align: center;
}

#request-modal .modal-title {
  text-align: center;
  margin: 0 auto;
  font-size: 17px;
}

#request-modal .btn-cstm span {
  padding: 10px 25px;
  border-radius: 5px;
  font-size: 17px;
  background: transparent;
  font-weight: 400;
  border: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
}

#request-modal .modal-header {
  text-align: center;
}

#request-modal .two-btns {
  text-align: center;
}

#request-modal .two-btns ul {
  display: flex;
  justify-content: center;
}

#request-modal .two-btns .btn {
  color: #000;
  background: #f1f5f6;
  border: 1px solid #e7e7e7;
  padding: 12px 15px;
}

#request-modal .two-btns .btn-second {
  background: #FE9900;
  color: #fff;
  margin-left: 10px;
}

.toggle-password {
  position: absolute;
  right: 10px;
  z-index: 999;
  top: 37px;
}

.btn-answer {
  border-bottom: 1px solid #000;
  border-radius: 0;
  padding: 0;
}

.btn-send-cstm {
  border: 1px solid #D6D6D6;
  padding: 5px 10px;
}

.selectspecc h3 {
  margin-top: 40px;
}

.selectspec {
  margin-top: 0 !important;
}

.selectspec .column {
  float: left;
  width: 45%;
  margin: 0 2.5%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.selectspec .column h2 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

.selectspec select {
  width: 100%;
  height: 100px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.selectspec h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.selectspec button {
  display: block;
  margin: 10px auto;
  padding: 10px 20px;
  border-radius: 5px;
  background-color: #4CAF50;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}

.selectspec button:hover {
  background-color: #3e8e41;
}

.recesion-page .upload__box {
  padding: 0px;
}

.recesion-page .upload__inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.recesion-page .upload__btn {
  display: inline-block;
  font-weight: 600;
  color: #fff;
  text-align: center;
  min-width: 116px;
  padding: 5px;
  transition: all 0.3s ease;
  cursor: pointer;
  border: 2px solid;
  background-color: #FE9900;
  border-color: #FE9900;
  border-radius: 10px;
  line-height: 26px;
  font-size: 14px;
}

.recesion-page .upload__btn:hover {
  background-color: unset;
  color: #FE9900;
  transition: all 0.3s ease;
}

.recesion-page .upload__btn-box {
  margin-bottom: 10px;
  text-align: left;
}

.recesion-page .upload__img-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
  padding-left: 5px;
}

.recesion-page .upload__img-box {
  width: 97px;
  padding: 0 3px;
  margin-bottom: 0px;
}

.recesion-page .upload__img-close {
  position: absolute;
  right: -2px;
  top: 7px;
  color: #fff;
  background: #fe9900;
  cursor: pointer;
  border-radius: 30px;
  width: 18px;
  text-align: center;
  font-size: 12px;
  height: 18px;
  line-height: 18px;
}

.recesion-page .upload__img-close:after {
  content: "✖";
  font-size: 14px;
  color: white;
}

.personel-page .upload__img-close {
  position: absolute;
  right: -2px;
  top: 7px;
  color: #fff;
  background: #fe9900;
  cursor: pointer;
  border-radius: 30px;
  width: 18px;
  text-align: center;
  font-size: 12px;
  height: 18px;
  line-height: 18px;
}

.personel-data .upload__img-box {
  width: 100px;
  padding: 0 0px;
  margin-bottom: 0;
}

.recesion-page .img-bg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  padding-bottom: 100%;
}

.recesion-page .upload__box {
  text-align: left;
}

.recesion-page .pic-vid-text {
  margin-top: 0 !important;
}

.needs-validation .form-control.password {
  z-index: initial;
}

span.cant {
  color: #818181;
  font-size: 14px;
  margin-left: 6px;
  font-weight: 400;
}

.choose-sec .text {
  display: flex;
  height: 100%;
  align-items: center;
}

.tool-cstm {
  text-align: center;
  line-height: 15px;
  background: #198754;
  color: #fff;
  font-size: 15px;
  padding: 9px;
  position: relative;
  top: 8px;
  border-radius: 8px;
}

.tool-cstm.green {
  background: #198754;
  border: 1px solid #13b469;
}

img.new {
  position: absolute;
  width: 56px;
  right: 20px;
  bottom: 13px;
}

.new-ribbon {
  text-align: center;
}

.new-ribbon span {
  position: absolute;
  z-index: 9;
  color: #fff;
  right: 34px;
  bottom: 25px;
  font-size: 15px;
}

.job-opt .btn-cstm {
  padding: 6px 15px;
  margin-top: 12px;
}

.tool-cstm.yellow {
  background: #FE9900;
  border: 1px solid #FE9900;
}

.tool-cstm.red {
  background: #a00;
  border: 1px solid #a00;
}

.project-detail.service-detail .title span {
  font-size: 22px;
  font-weight: 600;
  color: #000;
  min-height: 30px;
  display: block;
  max-width: auto !important;
  min-height: initial;
  line-height: 26px;
  word-wrap: break-word;
}

.sevenservice-page .owl-carousel .owl-dot {
  max-height: 150px !important;
}

.career-page .center-img {
  position: relative;
}

.career-page .center-img .list-cstm {
  padding: 19px;
}

.career-page .center-img img {
  width: 100%;
}

.career-page .center-img .center-text {
  position: absolute;
  bottom: -30px;
}

.career-page .center-img .center-text ul {
  display: inline-flex;
}

.career-page .center-img .center-text ul li {
  width: 16%;
  margin: 0 5px;
  background: #2d353b;
  color: #fff;
  border-radius: 11px;
  padding: 8px;
  text-align: center;
  line-height: 19px;
  display: flex;
  align-items: center;
}

.career-page .center-img h4 {
  font-size: 50px;
  font-weight: 700;
  margin-bottom: 12px;
  margin-left: 20px;
  color: #fff;
}

.career-page .center-img h4 span {
  display: block;
  font-size: 76px;
  line-height: 56px;
}

.career .caption {
  margin-top: 40px;
}

.owl-logo .owl-item img {
  width: auto !important;
}

.sevenservice-page.service-page .btn-more {
  margin-top: 0 !important;
  width: 30%;
  border: 1px solid #fe9900;
  color: #fe9900;
  font-weight: 500;
}
.sevenservice-page.service-page .btn-more:hover {
  background: #fe9900;
  color: #fff;
}
.sevenservice-page.service-page .btn-more i {
  position: relative;
  top: 3px;
  margin-left: 8px;
}

.question .col-xl-6.pad-cstm {
  padding-bottom: 20px;
  position: relative;
}

.question nav {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
}

.acspec {
  color: #fff;
  font-size: 15px;
  position: relative;
  top: 1px;
  font-weight: 300;
}

.loginOpen a.spec {
  font-weight: 600 !important;
}

.pricing-subs .spydis {
  display: none;
  margin: 0 160px;
  border: 1px solid #efefef;
  padding: 4px 30px !important;
  padding-top: 30px !important;
  border-radius: 4px;
}

.pricing-subs .spydis .text-center h3 {
  font-size: 18px;
  margin-bottom: 20px;
}

.pricing-subs .spydis .btn-send {
  margin-top: 33px;
  padding: 9px 20px !important;
  width: 100%;
  text-align: center;
  background: #198754 !important;
}

.laila-all {
  background: #FFF3E3;
  margin-bottom: 100px;
  border-radius: 30px;
}

.laila-all .sidebar {
  height: 100%;
  position: relative;
  -webkit-border-top-left-radius: 30px;
  -moz-border-radius-topleft: 30px;
  border-top-left-radius: 30px;
}

.laila-all .no-message-box {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.laila-all .right-section {
  padding: 100px;
}

.laila-all .right-section .logo {
  margin-top: 100px;
  margin-bottom: 50px;
}

.laila-all .right-section h6 {
  font-size: 18px;
  margin-bottom: 15px;
}

.laila-all .right-section .list {
  text-align: center;
  height: 100%;
}

.laila-all .right-section .list li a {
  text-decoration: none;
  color: #000;
}

.laila-all .right-section .list img {
  margin-bottom: 7px;
}

.laila-all .right-section .text-section {
  height: auto;
}

.laila-all .right-section .send-button {
  position: relative;
}

.laila-all .right-section .send-button input {
  background: #FEEAD1;
  color: #000;
  padding: 15px;
  border: none;
  display: block;
  width: 100%;
}

.laila-all .right-section .send-button input::placeholder {
  color: #EDB56F;
}

.laila-all .right-section .send-button .btn-send {
  position: absolute;
  right: 7px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  border: none;
  margin-top: 0 !important;
  background: transparent !important;
}

.laila-all .right-section .send-button .btn-send i {
  color: #FE9900;
  position: relative;
  top: 3px;
}

.laila-all .right-section li {
  list-style-type: none;
}

.laila-all .right-section .fivecolmn .list li {
  height: 100%;
}
.laila-all .right-section .fivecolmn .list li a {
  background: #fff0db;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 28px 10px;
  margin-bottom: 10px;
  border-radius: 17px;
}

.laila-all .right-section li i {
  margin: 0 auto;
  text-align: center;
  font-size: 18px;
}

.laila-all.empty-p {
  padding: 150px;
  margin: 20px 0;
}

.laila-all.empty-p .laila-sec {
  text-align: center;
  width: 940px;
  margin: 0 auto;
}

.laila-all.empty-p .laila-sec img {
  margin-bottom: 40px;
}

.laila-all.empty-p .laila-sec p {
  line-height: 33px;
  margin-bottom: 30px;
  font-size: 21px;
  font-weight: 300;
}

.laila-all.empty-p .laila-sec .btn-cstm {
  background: transparent;
  border: 1px solid #FE9900;
  color: #FE9900;
  margin: 0 3px;
}

.laila-all.empty-p .laila-sec .btn-login {
  background: #FE9900;
  color: #fff;
}

.laila-three .sidebar .caption {
  text-align: center;
  padding: 30px;
}

.laila-three .sidebar .caption h5 {
  font-size: 20px;
  font-weight: 600;
}

.laila-three .sidebar .hvrdis {
  opacity: 1;
  position: absolute;
  right: 3px;
  top: 16px;
  visibility: hidden;
  opacity: 0;
  display: none;
  transition: all 0.3s ease-in-out;
}

.laila-three .sidebar .hvrdis span a {
  border: none !important;
}

.laila-three .sidebar .hvrdis a {
  padding: 0 !important;
}

.laila-three .sidebar li {
  position: relative;
}

.laila-three .sidebar li img {
  width: 29px;
  margin-right: 4px;
  position: absolute;
  top: 12px;
  left: 12px;
}

.laila-three .sidebar li:nth-child(2n) a {
  background: #f7f7f7;
}

.laila-three .sidebar li span {
  position: relative;
}

.laila-three .sidebar li span:after {
  content: "|";
}

.laila-three .sidebar li a {
  padding: 20px 30px;
  border-bottom: 1px solid #FFE4C2;
  color: #000;
  text-decoration: none;
  display: block;
  padding-right: 53px;
  line-height: 24px;
  background: #fff;
  padding-left: 53px !important;
}

.laila-three .sidebar li a:before {
  content: "";
  width: 3px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #FE9900;
  opacity: 0;
}

.laila-three .sidebar li a:hover:before {
  opacity: 1;
}

.laila-three .sidebar li a i {
  margin-right: 7px;
  color: #FE9900;
}

.laila-three .sidebar li:hover .hvrdis {
  display: flex;
  opacity: 1;
  visibility: visible;
}

.laila-three .sidebar li.active a:before {
  opacity: 1;
}

.laila-three .sidebar li.active .hvrdis {
  display: flex;
  opacity: 1;
  visibility: visible;
}

.laila-four .right-section {
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  margin: 0 60px;
  margin-left: 40px;
  padding-right: 0 !important;
  padding-left: 0 !important;
  height: calc(100vh - 250px);
}

.laila-four .right-section .logo {
  margin-top: 30px !important;
}

.laila-four .right-section .logo span {
  font-size: 28px;
  color: #fe9900;
  position: relative;
}

.laila-four .right-section .logo span:after {
  content: "";
  position: absolute;
  right: -15px;
  top: 13px;
  border-radius: 30px;
  width: 10px;
  height: 10px;
  background: #198754;
}

.laila-four .right-section .send-button {
  position: absolute;
  bottom: 50px;
  width: 100%;
}

.clearall {
  color: #000;
}

.laila-three .sidebar li:nth-child(2n) a {
  background: #f7f7f7;
}

.laila-three .sidebar li a {
  background: #fff;
}

.laila-page.laila-three.laila-four .compose textarea {
  background: #fff4e6;
  border-radius: 30px;
}

.career-page .center-img .center-text ul {
  justify-content: center;
}

.mgbottom {
  margin-bottom: 15px;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
}

.laila-all .right-section .text-section {
  height: calc(100vh - 450px);
}

.conversation {
  /* height: calc(100% - 50px);  Disable scrollablety */
  padding: 20px;
  padding-bottom: 0;
  overflow: hidden;
  overflow-y: scroll !important;
}

.messages {
  margin-bottom: 10px;
}

.messages--received .message {
  float: left;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  animation: slideUp 0.167s cubic-bezier(0.4, 0, 0.2, 1);
}

.messages--received .message:first-child {
  border-top-left-radius: 15px;
}

.messages--received .message:last-child {
  border-bottom-left-radius: 15px;
  animation: slideUpAndRight 0.167s cubic-bezier(0.4, 0, 0.2, 1);
}

.messages--sent .message {
  float: right;
  background-color: #1998e6;
  color: #000;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  background: #FEEAD1;
  margin-bottom: 10px;
  padding: 10px 10px;
  animation: slideUp 0.167s cubic-bezier(0.4, 0, 0.2, 1);
}

.messages--sent .message:first-child {
  border-top-right-radius: 15px;
}

.messages--sent .message:last-child {
  border-bottom-right-radius: 15px;
  animation: slideUpAndRight 0.167s cubic-bezier(0.4, 0, 0.2, 1);
}

.message {
  display: inline-block;
  margin-bottom: 2px;
  clear: both;
  padding: 7px 13px;
  font-size: 15px;
  border-radius: 15px;
  line-height: 1.4;
}

.message--thumb {
  background-color: transparent !important;
  padding: 0;
  margin-top: 5px;
  margin-bottom: 10px;
  width: 20px;
  height: 20px;
  border-radius: 0px !important;
}

.text-bar__thumb {
  float: left;
  width: 50px;
  height: 100%;
  padding: 10px;
}

.text-bar__thumb .thumb {
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.thumb {
  display: block;
}

.anim-wiggle {
  animation: wiggle 0.2s ease infinite;
}

.anim-wiggle-2 {
  animation: wiggle2 0.2s ease infinite;
}

@keyframes slideUp {
  from {
    transform: translateY(44px);
  }
  to {
    transform: none;
  }
}
@keyframes slideUpAndRight {
  from {
    transform: translateX(-100px) translateY(44px);
  }
  to {
    transform: none;
  }
}
@keyframes wiggle {
  0% {
    transform: rotateZ(5deg);
  }
  50% {
    transform: rotateZ(-5deg);
  }
  100% {
    transform: rotateZ(5deg);
  }
}
@keyframes wiggle2 {
  0% {
    transform: rotateZ(10deg);
  }
  50% {
    transform: rotateZ(-10deg);
  }
  100% {
    transform: rotateZ(10deg);
  }
}
.thumb-img, .thumb {
  background-size: contain;
  background-repeat: no-repeat;
}

.laila-page.laila-three.laila-four .laila-sec {
  background: #fff;
  border-radius: 30px;
}

.laila-page.laila-three.laila-four .messaging {
  width: 455px;
  margin: 50px auto;
  border: 1px solid #D0D3D6;
}

.laila-page.laila-three.laila-four .messages-container {
  height: calc(100vh - 450px);
}

.laila-all .right-section .text-section {
  overflow-y: scroll;
}

.laila-all .right-section .text-section::-webkit-scrollbar-track {
  border-radius: 10px;
}

.laila-all .right-section .text-section::-webkit-scrollbar {
  width: 4px;
}

.laila-all .right-section .text-section::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #fbddbc;
}

.laila-page.laila-three.laila-four .messages {
  height: calc(100vh - 450px);
  max-height: calc(100vh - 450px);
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  padding-right: 15px;
  padding-left: 0;
}

.laila-page.laila-three.laila-four .messages li.leftsidechat {
  justify-content: flex-start !important;
}
.laila-page.laila-three.laila-four .messages li.leftsidechat ul {
  overflow: auto;
  background: #fff9f2;
  padding-left: 10px;
  border-radius: 7px;
}
.laila-page.laila-three.laila-four .messages li.leftsidechat button {
  text-align: center;
  margin: 0 auto;
  display: block;
  margin-top: 10px;
  max-width: auto;
  width: auto;
}

.laila-page.laila-three.laila-four .messages li span {
  margin: 9px 0 !important;
  margin-bottom: 4px !important;
}

.laila-page.laila-three.laila-four .messages li {
  margin: 0 8px 8px 0;
  color: #000 !important;
  background: transparent !important;
  padding: 0 !important;
  justify-content: flex-end;
  margin-bottom: 4px !important;
  display: flex;
  width: 100%;
  float: right;
}
.laila-page.laila-three.laila-four .messages li li {
  background: #fff9f1 !important;
  padding: 10px 10px !important;
  margin-left: 0 !important;
  justify-content: left;
  padding-bottom: 0px !important;
  padding-top: 18px !important;
}
.laila-page.laila-three.laila-four .messages li li:empty {
  background: transparent !important;
  display: none !important;
}

.laila-copybtn {
  font-size: 12px !important;
  margin: 0 !important;
  padding: 3px !important;
  padding-top: 0 !important;
}

.laila-page.laila-three.laila-four .messages li span {
  padding: 10px 10px;
  background: #fe9900;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  width: auto;
  border-radius: 7px;
  line-height: 24px;
  color: #fff;
}

.laila-page.laila-three.laila-four .leftside {
  display: flex !important;
  justify-content: flex-start !important;
}

.laila-page.laila-three.laila-four .leftside span {
  background: #fff9f1 !important;
  color: #000 !important;
}

.laila-page.laila-three.laila-four .right-section .list li a {
  text-decoration: none;
  color: #333;
  font-size: 15px;
  height: 100%;
}

.laila-page.laila-three.laila-four .sidebar {
  -webkit-border-bottom-left-radius: 30px;
  -moz-border-radius-bottomleft: 30px;
  border-bottom-left-radius: 30px;
}

.laila-page.laila-three.laila-four .top-logo {
  background: #fe9a01;
  text-align: center;
  padding: 9px;
  -webkit-border-top-left-radius: 30px;
  -moz-border-radius-topleft: 30px;
  border-top-left-radius: 30px;
}

.laila-page.laila-three.laila-four .top-logo img {
  width: 140px;
  margin: 0 auto;
}

.laila-page.laila-three.laila-four .messages.move li {
  animation: slideUp 0.167s cubic-bezier(0.4, 0, 0.2, 1);
}

.laila-page.laila-three.laila-four .messages.move li:last-child {
  animation: slideUpAndRight 0.167s cubic-bezier(0.4, 0, 0.2, 1);
}

.laila-page.laila-three.laila-four .compose {
  overflow: hidden;
}

.laila-page.laila-three.laila-four .compose textarea {
  font-family: inherit;
  font-size: inherit;
  border: none;
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 16px;
  resize: none;
  outline: none;
  background: #fff0db;
  color: #000;
  padding: 15px;
  border: none;
  display: block;
  width: 100%;
  height: 60px;
  padding-top: 20px;
}

.laila-page.laila-three.laila-four .text-section .textList {
  position: absolute;
  width: 100%;
  z-index: 9;
}

.laila-page.laila-three.laila-four .text-section .textList h6 {
  font-size: 16px;
}

.laila-page.laila-three.laila-four .right-section .send-button .btn-send i {
  top: 2px !important;
}

@keyframes slideUp {
  from {
    transform: translateY(44px);
  }
  to {
    transform: none;
  }
}
@keyframes slideUpAndRight {
  from {
    transform: translateX(-100px) translateY(44px);
  }
  to {
    transform: none;
  }
}
.typing-indicator {
  position: relative;
  width: 10px;
  display: inline-block;
  height: 10px;
  border-radius: 5px;
  background-color: #FE9900;
  color: #FE9900;
  top: 2px;
}

.typing-indicator::before, .typing-indicator::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}

.typing-indicator::before {
  left: -10px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #FE9900;
  color: #FE9900;
  animation: dot-collision-before 2s infinite ease-in;
}

.typing-indicator::after {
  left: 10px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #FE9900;
  color: #FE9900;
  animation: dot-collision-after 2s infinite ease-in;
  animation-delay: 1s;
}

@keyframes dot-collision-before {
  0%, 50%, 75%, 100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-15px);
  }
}
@keyframes dot-collision-after {
  0%, 50%, 75%, 100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(15px);
  }
}
.leftside {
  transition: width 0.5s ease;
  position: relative;
}

.leftside.animate-close {
  width: 0;
  visibility: hidden;
}

.col-xl-9.expand {
  width: calc(100% - 27px);
  transition: width 0.5s ease;
}

.laila-all .sidebar {
  height: calc(100vh - 220px);
  width: 100%;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.laila-all .animate-close .sidebar {
  opacity: 0;
}

.newmini {
  position: absolute;
  top: 86px;
  z-index: 999;
  visibility: visible;
  right: 33px;
  cursor: pointer;
}

.newmini svg {
  font-size: 26px;
  color: #fe9a01;
}

.new-chat {
  text-align: center;
  position: relative;
  top: -3px;
  padding-bottom: 6px;
}

.new-chat i {
  margin-left: 5px;
  font-size: 14px;
}

.new-chat a {
  margin-top: 50px;
  border: 1px solid #000;
  padding: 12px 48px;
  padding-right: 38px;
  border-radius: 50px;
  color: #000;
  margin-top: 10px;
  width: fit-content;
  margin-left: 26px;
  display: block;
  text-decoration: none;
  background: #fdedda;
  color: #000;
  border: none;
  margin: 0 auto;
  margin-top: 10px;
}

.laila-three .sidebar li span:after {
  display: none !important;
}

.forscroll {
  height: calc(100vh - 348px);
  overflow-y: auto;
  -webkit-border-bottom-left-radius: 30px;
  -moz-border-radius-bottomleft: 30px;
  border-bottom-left-radius: 30px;
}

.forscroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.forscroll::-webkit-scrollbar {
  width: 3px;
}

.forscroll::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #FE9900;
}

.newmini.active {
  right: -27px !important;
}

.box.bg-gray.right-cstm.box-extra ul li {
  margin: 0 20px;
}

.box.bg-gray.right-cstm.box-extra ul li:first-child {
  margin-left: 0 !important;
  display: inline-block;
  background: #fff;
  padding: 10px;
  line-height: 32px;
  margin-right: 0;
}

.box.bg-gray.right-cstm.box-extra ul {
  display: flex;
  justify-content: center;
}

.jobs-pagee .box-extra {
  border: none !important;
}

.btn-stop {
  position: absolute;
  bottom: 100px;
  left: 0;
  right: 0;
  width: 100px;
  margin: 0 auto;
}

.notext {
  text-align: center;
}
.notext h6 {
  font-size: 34px;
  color: #333;
  font-weight: 600;
}
.notext p {
  font-size: 22px;
  margin-top: 5px;
  font-weight: 400;
  color: #5a5a5a;
}

.laila-desc-page {
  margin-top: 50px;
  margin-bottom: 50px;
}

.laila-desc-page .text-banner .banner img {
  width: 100%;
}

.laila-desc-page .text-banner .text {
  margin-top: 30px;
}

.laila-desc-page .text-banner .text h3 {
  margin-bottom: 25px;
  margin-top: 5px;
  font-size: 35px;
  font-weight: 600;
  text-align: center;
}

.translate .btn-link {
  width: auto;
  display: inline-flex !important;
}
.translate .btn-link:hover {
  color: #fe9a01 !important;
}

.rel {
  position: relative;
}
.rel .toggle-password {
  top: 10px;
}
.rel .toggle-password-two {
  top: 10px;
}

.change-pass .regis-section .rel .toggle-password-two {
  top: 0 !important;
}

.laila-desc-page .text-banner .text p {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
  line-height: 23px;
}

.laila-desc-page .text-banner .text .text-center {
  margin-top: 40px;
  margin-bottom: 20px;
}

.laila-desc-page .text-banner .text .btn-ask {
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  text-align: center;
  color: #000;
  border-radius: 3px;
  padding: 10px 15px;
  background: #fe9900;
  text-decoration: none;
}

.laila-desc-page .text-banner .text .btn-ask i {
  color: 0;
  margin-left: 5px;
}

.laila-desc-page .laila-desc {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  padding: 30px;
}

.laila-desc-page .laila-desc ul {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

.laila-desc-page .laila-desc ul li {
  line-height: 25px;
  margin-bottom: 12px;
}

.dont-pay-page.laila-desc-page .laila-desc ul {
  columns: 1;
  -webkit-columns: 1;
  -moz-columns: 1;
  list-style-type: auto;
  padding: 0px 15px !important;
  padding-left: 15px !important;
}
.dont-pay-page.laila-desc-page .laila-desc ul li {
  padding-left: 0;
}
.dont-pay-page.laila-desc-page .laila-desc ul li:before {
  display: none;
}

.dont-pay-page.laila-desc-page ul {
  margin: 20px 0;
  display: block;
}

.dont-pay-page.laila-desc-page .laila-desc ul.bottom {
  list-style-type: none;
  padding-left: 0 !important;
}

.campaign-page .career {
  margin-bottom: 50px;
}

.campaign-page .second-sec {
  margin-top: 0;
}

.campaign-page .second-sec .caption h2 {
  font-size: 37px;
  margin-bottom: 20px;
  position: relative;
}

.campaign-page .second-sec .caption h2:before {
  width: 30px;
  background: #FE9900;
  height: 3px;
  content: "";
  position: absolute;
  left: 2px;
  bottom: -5px;
}

.campaign-page .second-sec .btn-cstm {
  /* background: #FE9900; */
  color: #FE9900;
  font-size: 18px;
  padding: 10px 25px;
  border-radius: 7px;
  font-weight: 500;
  border: 2px solid #FE9900;
}

.campaign-page .second-sec .btn-cstm:hover {
  background: #FE9900 !important;
  color: #fff !important;
}

.campaign-page .second-sec li b {
  font-size: 19px;
  font-weight: 600;
  display: block;
  margin-bottom: 10px;
}

.campaign-page .second-sec li p {
  font-size: 14px;
}

.campaign-page .icon .btn-cstm {
  color: #FE9900;
  font-size: 18px;
  padding: 10px 25px;
  border-radius: 7px;
  font-weight: 500;
  border: 2px solid #FE9900;
}

.campaign-page .icon .btn-cstm:hover {
  background: #FE9900 !important;
  color: #fff !important;
}

.campaign-page .topmar {
  margin-top: 20px !important;
  border-top: 2px solid #f3f2f2;
}

.campaign-page .icon-arrow img {
  width: 150px !important;
  display: block;
  position: relative;
  top: -30px;
  left: -50px;
}

.campaign-page .caption.first h4 {
  font-size: 30px;
  color: #333;
  margin-bottom: 5px;
}

.campaign-page .caption.icon {
  text-align: center;
  position: relative;
  z-index: 9;
}

.campaign-page .caption.icon .text b {
  font-size: 30px;
  background: #FE9900;
  padding: 5px;
}

.campaign-page .caption.icon .text span {
  display: block;
  margin-top: 17px;
  font-size: 13px;
}

.campaign-page .caption.icon .text p {
  font-size: 18px;
  line-height: 12px;
}

.campaign-page .icon-arrow.left img {
  transform: rotateY(180deg);
  right: -50px;
  left: initial;
}

.laila-three .sidebar li .hvrdis a:before {
  display: none !important;
}

.laila-desc-page ul {
  margin: 50px 0;
  display: block;
}

.laila-desc-page ul li {
  position: relative;
  padding-left: 30px;
}

.laila-desc-page ul li:before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  color: #FE9900;
  font-size: 20px;
}

.laila-three .sidebar li a {
  position: relative;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 15px;
  padding-left: 15px;
  font-size: 14px;
}

.laila-three .sidebar li a b {
  font-size: 11px;
  margin-left: 4px;
  font-weight: 400 !important;
  position: absolute;
  right: 30px;
  top: 16px;
}

.repair-page .not-found h2:after {
  content: "";
  background: url("../img/robot.png");
  position: absolute;
  left: 0;
  z-index: -1;
  margin: 0 auto;
  width: 189px;
  height: 298px;
  background-size: contain;
  background-repeat: no-repeat;
  bottom: 0px;
  z-index: 0;
  top: initial;
  right: 0;
}

.repair-page .not-found h2 {
  color: transparent;
}

@media screen and (max-width: 1200px) and (min-width: 415px) {
  .project-page .project-item li b {
    font-size: 14px;
  }
  .project-page .project-item li {
    font-size: 14px;
  }
  .invite-page-two .invite-page {
    margin-top: -30px;
  }
  .invite-page .needs-validation .btn-send {
    padding: 8px 10px;
  }
  .invite-page .face-btn {
    width: 100%;
    padding-left: 0;
    margin: 0 auto;
    margin-top: 6px;
    padding-right: 0;
  }
  .btn.btn-cstm.twitter-btn {
    width: 100%;
  }
  .needs-validation .btn-send:after {
    font-size: 15px;
  }
  .help-page .help-box .box-item a {
    font-size: 11px;
    line-height: 18px;
    margin-top: 8px;
    display: block;
  }
  .help-page .help-box .box-item {
    padding: 15px 6px !important;
    max-width: 400px;
    margin: 0 auto;
    margin-bottom: 15px;
    position: relative;
    min-height: 110px;
  }
  .help-page .help-box .col-xl-4 .box-item img {
    width: 36px;
    height: 36px;
  }
  .help-page .help-box.formob .col-xl-4 .box-item img {
    width: auto;
    height: auto;
  }
  .help-page .help-box .col-xl-5 .box-item img {
    width: 230px;
  }
  .help-page .help-box .box-item h3 {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .help-page .help-title {
    margin-bottom: 15px;
    margin-top: 10px;
  }
  .help-box.formob {
    padding: 0 10px;
  }
  header .top-header .top-side .left {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
.jobs-page .cardsContainer .job-card .text-left {
  text-overflow: ellipsis;
  overflow: hidden;
  width: calc(100% - 70px);
  height: auto !important;
  white-space: nowrap;
  text-align: left;
}

@media screen and (max-width: 1025px) and (min-width: 415px) {
  .project-list-page.project-page .project-item .text {
    height: 119px;
  }
  .project-list-page.project-page .project-item .text h3 {
    font-size: 13px;
  }
  .sevenservice-page .caption {
    padding-right: auto;
  }
  .project-list-page.project-page .project-item p {
    -webkit-line-clamp: 4;
  }
  .content .col-xl-6 {
    width: 100%;
  }
  .career .content .col-xl-6 {
    width: 100%;
  }
  .job-card .company-text h4, .project-page .project-item .company-text h4, .project-page .project-item .company-text h4 {
    font-size: 12px;
    line-height: 18px;
  }
  .project-page .project-item p {
    font-weight: 400;
    margin-bottom: 23px;
    font-size: 13px;
    line-height: 17px;
    min-height: auto !important;
  }
  .project-page .project-item p.req-provider-profile {
    min-height: initial !important;
  }
  .project-page .project-item ul {
    display: block;
    margin-bottom: 15px;
    height: 42px;
  }
  .project-page .project-item p {
    -webkit-line-clamp: 4;
  }
  .project-page .text-left li i {
    color: #000;
    font-size: 13px;
  }
  .project-page .date span {
    color: #000;
    font-size: 12px;
  }
  .project-page .text-left li i {
    font-size: 13px;
  }
  .job-card .text-right, .project-page .project-item .text-right {
    font-size: 13px;
  }
  .top-icons i {
    font-size: 13px;
  }
  .jobs-page.project-page.project-list-page .col-md-4 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media screen and (max-width: 1025px) and (min-width: 768px) {
  .project-page .project-item .job-exp {
    min-height: 70px;
    height: 70px;
  }
  .project-page .project-item p {
    min-height: 66px !important;
  }
}
@media screen and (max-width: 1025px) and (min-width: 600px) {
  .content .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media screen and (max-width: 600px) {
  .premiumchoose .content .col-xl-6 {
    width: 100% !important;
  }
}
@media only screen and (max-width: 440px) {
  .project-list-page.project-page .project-item p {
    -webkit-line-clamp: 3;
  }
}
@media only screen and (max-width: 992px) and (min-width: 768px) {
  .about-page .second-sec .text ul li {
    font-size: 14px;
    padding-left: 30px;
  }
  .detail .right-side .first-sec .text.topspc .rightul {
    width: 38%;
  }
  .about-page .second-sec .text ul {
    padding-left: 30px;
  }
  .career-page .center-img .center-text ul li {
    width: 49%;
    margin: 0 2px;
    color: #fff;
    border-radius: 11px;
    padding: 11px 9px;
    text-align: left;
    line-height: 15px;
    display: block;
    margin-bottom: 5px;
    align-items: center;
    font-size: 12px;
    float: left;
  }
  .career-page .center-img .list-cstm {
    padding: 6px;
  }
  .career-page .center-img h4 {
    font-size: 40px;
  }
  .career-page .center-img h4 span {
    display: block;
    font-size: 56px;
    line-height: 36px;
  }
  .career-page .center-img .center-text ul {
    display: flex;
    column-count: 0;
    width: 100%;
    position: relative;
    right: 3px;
    padding: 0 10px;
    flex-wrap: wrap;
  }
}
.dempty .no-follower {
  position: relative;
  top: 35px;
}

@media screen and (max-width: 1200px) {
  .newprofiledesign .sidebar-pro.ulspec ul.areas li {
    font-size: 12px !important;
    padding: 4px !important;
  }
  .filter-box .form-group label {
    font-size: 13px !important;
  }
  .bottom-desc {
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    bottom: -4px;
    position: relative !important;
  }
  .nav-is-visible.second .cd-header-buttons {
    top: -100px;
  }
  .filter .filter-content .ui-widget label {
    font-size: 13px;
  }
  .select2-results__option {
    font-size: 12px !important;
  }
  .myAccount .accountdelete label {
    font-size: 15px;
  }
  .myAccount .accountdelete .form-check .textcstm {
    margin-left: 25px;
  }
  .myAccount .accountdelete label {
    margin-bottom: 3px;
  }
  .myAccount .accountdelete .form-check {
    margin-bottom: 0.125rem;
    padding: 17px 20px;
    border: 1px solid #f0f0f0;
    margin-bottom: 17px;
    width: 99%;
  }
  .myAccount .accountdelete p {
    line-height: 18px;
  }
  .myAccount .accountdelete h2 {
    font-size: 17px;
  }
  .myAccount .accountdelete p {
    font-size: 13px;
    line-height: 18px;
  }
}
@media screen and (max-width: 767px) {
  .laila-all .sidebar {
    position: fixed;
    background: #f4f4f4 !important;
  }
  .laila-four .right-section {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    position: relative;
    margin: 0 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .about-page .second-sec .text ul {
    padding-left: 0px;
  }
  .product-all-item.no-see-all iframe {
    height: 250px !important;
  }
  .owl-detail .owl-nav button.owl-next {
    right: 0px !important;
  }
  .owl-detail .owl-nav button.owl-prev {
    left: 0 !important;
  }
  .career-page .center-img .center-text ul li {
    width: 100%;
    margin: 0 2px;
    color: #fff;
    border-radius: 11px;
    padding: 8px 9px;
    text-align: left;
    line-height: 15px;
    display: block;
    margin-bottom: 9px;
    align-items: center;
    font-size: 12px;
  }
  .career-page .center-img .center-text ul {
    display: block;
    column-count: 2;
    width: 100%;
  }
  .career-page .center-img .center-text {
    position: relative;
    bottom: 0;
    top: 0;
    margin-top: -71px;
  }
  .career-page .center-img h4 {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 23px;
    margin-left: 7px;
    color: #fff;
  }
  .career-page .center-img h4 span {
    display: block;
    font-size: 36px;
    line-height: 28px;
  }
  .career-page .center-img .list-cstm {
    padding: 0;
  }
  header .top-header .bottom-side .right-side li:nth-child(2).signopen {
    position: relative;
    top: 0;
    margin-right: -14px;
  }
  header .top-header .bottom-side .right-side .signopen .account-hover {
    display: none !important;
  }
}
.profilwarning i.fa-pen-to-square {
  margin-left: 5px;
  font-size: 17px;
}

@media screen and (max-width: 1500px) and (min-width: 1300px) {
  .sevenservice-page .question2 span {
    min-width: 138px;
    float: left;
    font-size: 13px;
  }
  .jobs-page.project-page.project-list-page {
    padding: 10px 0;
  }
  .sevenservice-page .question2 label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 20px;
    margin-right: 3px;
    font-size: 9px;
    margin-top: 14px;
  }
  .sidebar .filter #searchInput {
    height: 45px;
    width: 100%;
    border-radius: 5px;
  }
  .sidebar .filter .form-control {
    height: 45px !important;
  }
  .filter-box .form-group label {
    font-size: 16px !important;
  }
}
@media screen and (max-width: 1300px) and (min-width: 992px) {
  .jobs-page.project-page.project-list-page {
    padding: 10px 0;
  }
  .newprofiledesign .rate-box.new .question2 {
    display: inline-flex !important;
  }
  .filter-box .form-group label {
    font-size: 13px !important;
  }
  .sevenservice-page .question2 span {
    min-width: 120px;
    float: left;
    font-size: 12px;
  }
  .sevenservice-page .question2 label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 17px;
    margin-right: 3px;
    font-size: 8px;
    margin-top: 14px;
  }
}
.sidebar-pro.ulspec.area li:first-child {
  margin-left: 5px !important;
}

.sidebar-pro.social-section.ulspec {
  padding-left: 25px !important;
}

@media (min-width: 768px) {
  .buttonmobile {
    display: none;
  }
}
.newprofiledesign .rate-box.new .question2 {
  margin-bottom: 30px;
  display: inline-flex;
  justify-content: space-between;
  width: 49%;
  justify-content: flex-start;
}
.newprofiledesign .rate-box.new .question2 i {
  margin-right: 3px;
}

.newprofiledesign .rate-box {
  background: #fff !important;
  margin-top: 0;
  margin-right: 0 !important;
}

@media (max-width: 600px) {
  #v-pills-tab {
    display: none;
  }
  .formobile.messagemb {
    display: block !important;
  }
  .formobile.messagemb i {
    font-size: 30px;
    position: fixed;
    right: 0;
    top: 43%;
    background: #fe9900;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    padding: 8px 12px;
    color: #fff;
  }
}
.flag {
  display: inline;
  margin-left: 4px;
  position: relative;
  top: 4px;
}
.flag img {
  width: 20px;
}

a.join {
  text-decoration: none;
}
a.join span {
  top: 11px !important;
  float: right;
  position: absolute;
  right: 20px;
  color: #fff;
  font-size: 18px;
}

.empty.follow {
  background: #fff;
  padding: 30px;
  border-radius: 3px;
}

.empty-message .empty.follow img {
  max-width: 140px !important;
}
.empty-message .empty.follow img .no-follower h5 {
  font-size: 24px;
}
.empty-message .empty.follow img .no-follower h6 {
  font-size: 16px;
}

.fancybox-show-thumbs .fancybox-thumbs {
  top: initial;
  bottom: 50px !important;
  background: transparent !important;
}

.fancybox-thumbs__list a:before {
  border: 1px solid #FE9900 !important;
}

@media (max-width: 768px) {
  .jobs-page .cardsContainer .job-card .text-left {
    width: calc(100% - 81px) !important;
  }
  .sevenservice-page .question-item {
    padding: 10px 0;
    display: block;
    border-bottom: 1px solid #e9e9e9;
  }
  .newprofiledesign .ratetotaly {
    top: 12px;
    padding-left: 0 !important;
  }
  footer .footer-top b {
    margin-bottom: 14px;
  }
  .question-item {
    margin-bottom: 5px !important;
    margin-top: 5px !important;
    display: block;
  }
  .btncntct {
    padding: 11px 17px;
  }
  .newprofiledesign .question .btn-more {
    font-size: 16px !important;
    padding: 11px !important;
  }
  .messages-page {
    padding-top: 15px !important;
    height: calc(100% - 65px) !important;
  }
  .messangerpage .myAccount {
    padding-bottom: 0 !important;
  }
  .myAccount .btn-right .btn-cstm {
    width: 100%;
  }
  .nextStep .btn-cstm:after {
    display: none !important;
  }
  .jbsdetpg .content-area .left-sec > .container {
    padding: 0 !important;
  }
  .sevenservice-page.newprofiledesign .consumer-cstm .rate-box {
    margin-top: 0 !important;
    padding-bottom: 3px;
    padding-top: 0 !important;
  }
  .filter .filter-box {
    margin-top: 20px;
  }
  .filter .filter-content {
    padding-top: 10px !important;
  }
  .all-categories .content .box .image {
    position: relative;
  }
  .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 13px !important;
    padding-top: 0px;
    line-height: initial !important;
  }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000 !important;
    padding: 11px 12px;
    font-size: 15px !important;
  }
  .filter .form-control {
    font-size: 15px !important;
  }
  .form-item .select2 input[placeholder] {
    width: 92px !important;
  }
  #searchInput {
    font-size: 15px !important;
  }
  .select2-results__option {
    font-size: 14px !important;
  }
  .filter-content h6 {
    margin-bottom: 0.5rem !important;
    font-size: 14px !important;
    font-weight: 600;
  }
  .filter-box > label.mb-2 {
    font-size: 14px !important;
    font-weight: 600;
  }
  .filter-box .form-group label.mb-2 {
    font-weight: 600;
    font-size: 14px !important;
  }
  .filter-content .form-check.d-flex {
    padding-left: 0 !important;
  }
  #request-modal.modal.show {
    z-index: 9999999 !important;
  }
  .btn-dots .dropdown-menu.show {
    background: #fff !important;
    border: 1px solid #e6e6e6 !important;
  }
  .project-page .project-item p.req-provider-message {
    min-height: initial !important;
  }
  .project-page .project-item .reqall .req-provider-profile img {
    width: 40px !important;
    height: 40px !important;
  }
  .project-page .content form .col-xl-6 {
    width: 100% !important;
  }
  .project-page .content form .difagain.row .col-7 {
    width: 58.33333333% !important;
  }
  .project-page .content form .difagain.row .col-5 {
    width: 41.66666667% !important;
  }
  .project-page .content form .specialcss .col-xl-6 {
    width: 50% !important;
  }
  .myAccount .messages-page .content {
    height: calc(100vh - 115px);
    padding: 0 !important;
  }
  .myAccount .content-text .cstma i {
    font-size: 19px;
    top: 0px;
    position: relative;
  }
  .myAccount .content-text .cstma {
    color: #000;
    position: absolute;
    top: 5px;
    left: 0 !important;
    right: initial !important;
    display: block;
    /* font-size: 16px; */
  }
  .messages-page .message-all .message-box img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #fff;
  }
  .messangerpage .title {
    text-align: center;
  }
  .messages-page .conversation {
    max-height: calc(100vh - 250px) !important;
    min-height: 210px;
    height: calc(100vh - 250px) !important;
  }
  .mssgeall .title {
    text-align: center;
  }
  body:has(.mssgeall) header {
    display: none;
  }
  body:has(.mssgeall) footer {
    display: none;
  }
  body:has(.laila-last) header {
    display: none;
  }
  body:has(.laila-last) footer {
    display: none;
  }
  body:has(.messangerpage) header {
    display: none;
  }
  body:has(.messangerpage) footer {
    display: none;
  }
  .form-control.ui-autocomplete-input.newmap {
    width: 100% !important;
    float: left;
    margin-bottom: 10px;
  }
  .btncstmsn .btn-send {
    width: 100% !important;
    display: block;
  }
  h6.mobile {
    display: none !important;
  }
  .about-page .first-sec .text h2 {
    font-size: 18px !important;
    margin-bottom: 15px;
  }
  .about-page .second-sec .caption h3 {
    font-size: 18px !important;
    margin-bottom: 15px;
  }
  .about-page .first-sec .text p {
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
    margin-bottom: 20px;
  }
  .help-section .page-title {
    margin-top: 40px !important;
  }
  .myAccount .accountdelete.second .form-item {
    width: 100% !important;
  }
  .myAccount .accountdelete .form-check {
    padding: 10px 10px;
    border: 1px solid #f0f0f0;
    margin-bottom: 10px;
    width: 100%;
    position: relative;
    border-radius: 5px;
  }
  .myAccount .accountdelete.second label {
    padding-left: 17px;
  }
  .myAccount .input-field {
    position: relative;
    width: 100% !important;
  }
  a.join {
    text-decoration: none;
  }
  a.join span {
    top: 11px !important;
    float: right;
    position: absolute;
    right: 20px;
    color: #fff;
    font-size: 18px;
  }
  .wspecial.cstm-new .new-nati .desc.small {
    height: auto !important;
    min-height: 100% !important;
  }
  .wspecial.cstm-new ul {
    background: #ffffff;
    border: none !important;
  }
  .wspecial.cstm-new .new-nati a {
    text-decoration: none !important;
    padding: 15px 10px;
  }
  .wspecial.cstm-new {
    border: none;
  }
  .wspecial.cstm-new ul li a {
    align-items: center;
  }
  .cstm-new .new-nati .time.small {
    position: relative;
    top: -10px;
    font-size: 12px;
  }
  .clearclose i {
    color: #000 !important;
  }
  .clearclosee i {
    color: #000 !important;
  }
  .myAccount .title h2:after {
    display: none;
  }
  .text-danger {
    color: #dc3545 !important;
    margin-right: 4px;
    margin-left: 4px;
  }
  .form-group .col-md-12 .toggle-password {
    top: 0;
  }
  .regis-page .regis-section .left-section {
    padding-right: 0 !important;
  }
  .regis-page .form-check-input[type=radio] {
    margin-left: -25px !important;
    margin-right: 6px !important;
  }
  .regis-page .regis-section .right-section {
    padding-left: 0 !important;
  }
  .sevenservice-page.service-page .btn-more {
    width: 100%;
  }
  .question-two .employee-item .date {
    position: absolute;
    top: 30px;
    right: 0;
  }
  .boxflex b {
    color: #333;
    font-weight: 600 !important;
    font-size: 15px;
  }
  .client-hide .form-check {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
  .service-hide .form-check {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
  .client-hide .check2 {
    margin-left: 0 !important;
    margin-right: 7px !important;
  }
  .service-hide .check1 {
    margin-left: 0 !important;
    margin-right: 7px !important;
  }
  footer .footer-top {
    padding-bottom: 10px;
  }
  footer .footer-top b {
    text-align: left;
  }
  footer .footer-top b:after {
    content: "\f078" !important;
    font-size: 12px;
    color: #bbb;
    font-family: "FontAwesome";
    position: relative;
    top: 0px;
    float: right;
  }
  footer .footer-top b.active:after {
    content: "\f077" !important;
  }
  footer .footer-top ul {
    text-align: left;
  }
  footer .footer-top .social {
    text-align: center !important;
    padding-top: 15px;
    margin-top: 10px;
    border-top: 1px solid #2a364a;
  }
  footer .footer-top .social b {
    text-align: center !important;
    margin-bottom: 11px;
  }
  footer .footer-top .social b:after {
    display: none;
  }
  footer .footer-top .social ul {
    text-align: center !important;
  }
  .vacancies .active-text .form-check {
    padding-left: 0;
  }
  .myAccount .active-text {
    width: initial;
    right: -5px !important;
  }
  .pagination:empty {
    display: none !important;
  }
  .other-page.service-account.service-page .myAccount .could .form-check .form-check-input {
    top: 1px !important;
  }
  .detail .right-side .first-sec .text.topspc {
    padding: 0;
    display: block !important;
  }
  .rightul li {
    display: inline-block;
    margin-left: 8px;
  }
  .rightul li:first-child {
    margin-left: 0;
  }
  .detail .right-side .first-sec .text i {
    margin-right: 0;
    margin-left: 8px;
  }
  .project-edit .content-text .detail .col-xl-9.col-sm-9.cstm {
    width: 100% !important;
  }
  .myAccount .right-side .first-sec .text.topspc span {
    display: inline-block !important;
    margin-left: 4px;
  }
  .detail .right-side .first-sec .text.topspc {
    display: block !important;
  }
  .detail .right-side .first-sec .text ul {
    display: inline-block;
  }
  .detail .right-side .first-sec .text ul li {
    display: inline-block;
  }
  .detail .right-side .first-sec .text.topspc .lefts {
    width: 100% !important;
  }
  .detail .right-side .first-sec .text ul {
    display: inline-block;
  }
  .pagination-all {
    margin-bottom: 30px;
  }
  .detail .right-side .first-sec .text ul .btn-cstm {
    font-size: 14px;
    padding: 5px 13px;
  }
  .career .textpicture b {
    padding: 6px;
    background: #f6a227;
    font-size: 16px;
    font-weight: 600;
  }
  .career {
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
  .career .textpicture h6 {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: 600;
  }
  .career .textpicture ul li {
    margin: 0px 7px;
    width: 53px;
    text-align: center;
    font-size: 11px;
  }
  .career .textpicture ul {
    margin-left: 10px;
    display: inline-flex;
    width: 100%;
  }
  .career .textpicture {
    padding-left: 0;
    margin-top: 30px;
  }
  .career .textpicture p {
    width: 100%;
  }
  .myAccount .left-item .col-sm-3 {
    display: block !important;
    width: 25%;
  }
  .myAccount .left-item .col-9 {
    width: 75% !important;
  }
  .myAccount .detail .top .col-sm-3 {
    display: block !important;
    width: 100%;
  }
  .myAccount .detail .top .col-9 {
    width: 75% !important;
  }
  .help-cons .nav-link {
    font-size: 13px;
    padding: 10px 10px;
  }
  .accordion-body {
    padding: 10px;
  }
  .owl-slider .owl-nav.disabled + .owl-dots {
    margin-top: -20px !important;
    position: relative;
    z-index: 99;
  }
  .help-page .help-section .help-title .image {
    display: block;
  }
  footer .f-bottom .bottom-links {
    text-align: center;
  }
  .myAccount > .row > .col-sm-9 {
    width: 100%;
  }
  .myAccount > .job-card .row .col-sm-9 {
    width: 75% !important;
  }
  .laila-desc-page .text-banner .text p {
    font-size: 15px;
  }
  .laila-desc-page .text-banner .text h3 {
    margin-bottom: 15px;
    font-size: 21px;
  }
  .cd-main-header.formobile.second ul li a {
    text-decoration: none !important;
  }
  .invite-page .needs-validation .form-control {
    width: 100% !important;
  }
  .invite-page .btn.btn-cstm.twitter-btn i {
    color: #fff !important;
  }
  .buttonmobile {
    display: block;
  }
  .buttonmobile i {
    color: #000;
    padding-top: 10px;
    padding-left: 10px;
    font-size: 22px;
  }
  .laila-all .right-section .logo {
    margin-top: 20px;
    margin-bottom: 40px;
  }
  .sidebar.no-message {
    display: none;
  }
  .sideopen {
    overflow: hidden;
  }
  .sideopen .sidebar.no-message {
    display: block;
  }
  .sideopen .fa-bars:before, .sideopen .fa-navicon:before {
    content: "\f00d";
  }
  .sideopen .buttonmobile {
    float: right;
  }
  .sideopen .laila-all .sidebar {
    background: #FFEBD2;
    left: 0;
    width: 89%;
    position: fixed;
    overflow-y: scroll;
    left: 0;
    height: calc(100% - 182px);
    background: #fff;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);
    top: 180px;
    z-index: 99;
    transform: translate(0, 0);
    transition: all 0.3s cubic-bezier(0.29, 0.39, 0.68, 0.53);
    -webkit-transition: all 0.3s cubic-bezier(0.29, 0.39, 0.68, 0.53);
    padding: 15px;
    padding-left: 30px;
  }
  .sideopen .laila-all .sidebar::-webkit-scrollbar {
    width: 4px;
  }
  .sideopen .laila-all .sidebar::-webkit-scrollbar-track {
    background: 0 0;
  }
  .sideopen .laila-all .sidebar::-webkit-scrollbar-thumb {
    background: #FE9900;
    border-radius: 2px;
  }
  .laila-three .sidebar .caption {
    text-align: center;
    padding: 0px;
    padding-bottom: 10px;
  }
  .iletisim-box {
    margin-top: 10px;
  }
  .laila-three .sidebar li a {
    padding: 15px 0px;
    border-bottom: 1px solid #FFE4C2;
    color: #000;
    text-decoration: none;
    display: block;
    padding-right: 30px;
    line-height: 18px;
  }
  /*
    .sidebar {
      position: absolute;
      display: block !important;
      overflow-y: scroll;
      left: 0;
      height: calc(100% - 182px);
      background: #fff;
      box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);
      top: 180px;
      z-index: 99;
      transform: translate(-110%, 0);
      transition: all 0.3s cubic-bezier(0.29, 0.39, 0.68, 0.53);
      -webkit-transition: all 0.3s cubic-bezier(0.29, 0.39, 0.68, 0.53);
      padding: 15px;
      padding-left: 30px;
    }*/
  .laila-all.empty-p {
    padding: 0;
    margin: 10px 0;
  }
  .buttonmobile {
    position: relative;
    top: 0;
    z-index: 99;
    float: left;
  }
  .laila-all.empty-p .laila-sec {
    text-align: center;
    width: 100% !important;
    margin: 0 auto;
  }
  .laila-all.empty-p .laila-sec p {
    line-height: 21px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 300;
  }
  .laila-all.empty-p .laila-sec img {
    margin-bottom: 20px;
    width: 129px;
    margin-top: 20px;
  }
  .laila-sec .btn-cstm {
    font-size: 15px;
    font-weight: 300;
    color: #000;
    margin-top: 15px;
    background: #fff;
    border: 1px solid #D6D6D6;
    padding: 8px 18px;
    margin-bottom: 5px;
  }
  .laila-all .right-section {
    padding: 20px;
    padding-top: 0;
    height: calc(100vh - 330px);
    position: relative;
    top: -20px;
  }
  .laila-all .right-section .send-button {
    position: absolute;
    height: 3vh;
    bottom: 245px;
    width: 90%;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .laila-sec .btn-sec {
    margin-bottom: 15px;
  }
  .laila-all .right-section .text-section {
    margin-bottom: 20px;
  }
  .laila-all .right-section h6 {
    font-size: 12px;
    margin-bottom: 15px;
  }
  .laila-all .right-section .logo {
    margin-top: 0px;
    margin-bottom: 30px;
    height: 25px;
    text-align: center !important;
  }
  .laila-all .right-section li {
    list-style-type: none;
    background: #FEEAD1;
    margin-bottom: 6px;
    padding: 0px 0px;
    border-radius: 5px;
    font-size: 12px;
  }
  .laila-page.laila-three.laila-four .text-section .textList {
    margin-top: 10px !important;
  }
  .laila-page.laila-three.laila-four .right-section .list li a {
    border-radius: 5px;
    font-size: 11px;
    margin: 0 !important;
    min-height: 51px !important;
    padding: 10px !important;
    margin-top: 10px !important;
  }
  .laila-all .right-section .logo {
    margin-top: 0px;
    margin-bottom: 10px;
  }
  .laila-all .right-section .logo img {
    width: 120px;
  }
  .laila-all .right-section .send-button input {
    background: #FEEAD1;
    color: #000;
    padding: 10px;
    border: none;
  }
  .laila-four .right-section .logo span {
    font-size: 23px;
    color: #fe9900;
  }
  .laila-four .right-section .logo span:after {
    content: "";
    position: absolute;
    right: -12px;
    top: 12px;
    border-radius: 30px;
    width: 7px;
    height: 7px;
    background: #198754;
  }
  .laila-page.laila-three.laila-four .top-logo {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  body:has(.mssgeall) header {
    display: none;
  }
  body:has(.mssgeall) footer {
    display: none;
  }
  body:has(.laila-last) header {
    display: none;
  }
  body:has(.laila-last) footer {
    display: none;
  }
  body:has(.messangerpage) header {
    display: none;
  }
  body:has(.messangerpage) footer {
    display: none;
  }
  .activecstm .hvrdis {
    display: block !important;
  }
  .hvrdis {
    display: none !important;
  }
  .header-all.row .mobile-flex .bottom-side .search-sign .search-section {
    display: block !important;
  }
  #searchbtn {
    display: none !important;
  }
  .other-page.service-account.service-page .myAccount .could .form-check .form-check-input {
    top: 1px !important;
  }
  .invite-page h3 {
    margin-bottom: 15px;
    font-size: 15px;
  }
  .wspecial h4 {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .invite-page .needs-validation .btn-send {
    font-size: 15px;
  }
  .btn.btn-cstm.twitter-btn i {
    color: #fff !important;
  }
  .invite-page .needs-validation .form-control {
    width: 100%;
  }
  .invite-page .needs-validation .form-control {
    width: 100%;
    font-size: 13px;
    height: 39px;
  }
  .invite-page .needs-validation .btn-send {
    font-size: 15px;
    height: 40px;
  }
  .new-chat a {
    margin-top: 11px;
    margin-bottom: 13px;
  }
  .buttonmobile {
    display: none;
  }
  .newmini {
    right: initial;
  }
  .newmini {
    left: 24px;
    top: 12px;
    z-index: 9;
  }
  .newmini.active {
    right: 27px !important;
    left: initial;
    z-index: 99999999;
    top: 8px;
  }
  .laila-page.laila-three.laila-four .text-section .textList h6 {
    font-size: 12px;
  }
  .laila-page.laila-three.laila-four .right-section .list li a {
    font-size: 11px;
    margin: 0 !important;
  }
  .laila-page.laila-three.laila-four .compose textarea {
    padding: 8px;
    height: 47px;
    padding-left: 15px;
    padding-right: 33px;
    padding-top: 15px;
  }
  .laila-page.laila-three.laila-four .right-section .send-button .btn-send i {
    top: 6px !important;
  }
  .laila-sec .sidebar {
    top: 0;
    transform: translate(0, 0);
    height: 100vh;
    left: 0;
  }
  .laila-all .right-section .text-section {
    height: 300px !important;
  }
  .laila-all .right-section h6 {
    margin-bottom: 9px;
  }
  .laila-page.laila-three.laila-four .messages-container {
    height: calc(100vh - 490px);
  }
  .laila-all .right-section .send-button {
    width: 98%;
    height: auto;
  }
  .laila-page.laila-three.laila-four .messages-container::-webkit-scrollbar-track {
    border-radius: 10px;
  }
  .laila-page.laila-three.laila-four .messages-container::-webkit-scrollbar {
    width: 3px;
  }
  .laila-page.laila-three.laila-four .messages-container::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #fbddbc;
  }
  .laila-page.laila-three.laila-four .messages {
    height: calc(100vh - 490px);
    max-height: calc(100vh - 490px);
    padding-right: 10px;
    padding-left: 10px;
  }
  .leftside.animate-close {
    width: 100%;
  }
  .laila-four .right-section {
    margin: 0 0;
  }
  .other-page.service-account.service-page .myAccount .form-check .form-check-input {
    top: 3px !important;
  }
}
@media screen and (min-width: 620px) and (max-width: 1200px) {
  span.parent-title {
    word-break: break-word;
  }
  .free-service .question2 span {
    margin-right: 2px !important;
  }
  .sevenservice-page .consumer-cstm .rate-box {
    padding: 10px 0px !important;
    min-width: 100px !important;
  }
  .laila-four .right-section .logo span {
    font-size: 22px;
    color: #fe9900;
    position: relative;
  }
  .laila-all .animate-close .sidebar {
    opacity: 1 !important;
  }
  .messagemb {
    display: none !important;
  }
  .laila-all .right-section .send-button {
    position: relative !important;
    z-index: 99999;
    bottom: 10px !important;
    width: calc(100% - 30px) !important;
    margin: 0 auto !important;
    left: 0;
    right: 0;
  }
  .laila-page.laila-three.laila-four .right-section .send-button .btn-send i {
    top: 2px !important;
    padding-top: 0;
  }
  #v-pills-tab {
    display: block !important;
    max-height: 400px;
  }
  .laila-four .right-section .logo {
    margin-bottom: 0px !important;
    height: 25px;
    text-align: center !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .laila-last .contaienr {
    max-width: 100% !important;
  }
  .laila-all .right-section li {
    margin-bottom: 5px;
    padding: 5px 4px;
    border-radius: 5px;
  }
  .laila-all .right-section {
    top: 0 !important;
  }
  .laila-four .right-section .logo span:after {
    top: 11px;
  }
  .laila-page.laila-three.laila-four .top-logo {
    display: none;
  }
  .laila-page.laila-three.laila-four .sidebar {
    height: 100vh;
  }
  .col-xl-9.expand {
    display: none;
  }
  .other-page.laila-four {
    padding-top: 0px !important;
    margin-top: 0px !important;
  }
  .laila-all .right-section .text-section {
    height: calc(100vh - 185px) !important;
    max-height: calc(100vh - 185px) !important;
    overflow-y: scroll;
  }
  .laila-page.laila-three.laila-four .text-section .lailatextcstm {
    height: auto !important;
  }
  .laila-page.laila-three.laila-four .messages-container {
    height: calc(100vh - 202px);
  }
  .laila-four .right-section {
    height: 100% !important;
  }
  .laila-page.laila-three.laila-four .right-section .send-button .btn-send i {
    top: 2px !important;
  }
  .typing-indicator {
    top: 2px !important;
  }
  .laila-sec .sidebar {
    top: 0px;
  }
  .laila-four .right-section .send-button {
    bottom: 11px !important;
  }
  .forscroll {
    height: calc(100vh - 20px) !important;
  }
}
.against .message.kncstm {
  margin-top: 10px !important;
}

.messages-page .against .attachmentDiv {
  padding-right: 10px !important;
}

.prcstmm {
  padding-right: 20px !important;
}

a.btn.btn-cstm.apple-btn {
  font-size: 15px !important;
  font-weight: 500 !important;
}

.project-list-page.project-page .photo-item img {
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

@media screen and (min-width: 1200px) {
  .filter-content .filter-box {
    margin-bottom: 6px;
    display: block;
  }
  .filter .lastcheck {
    margin-top: 10px !important;
  }
  .filter .ui-widget {
    margin-bottom: 16px;
  }
  .sidebar-item .title h3 {
    display: none;
  }
  .filter-content {
    border-radius: 5px;
    padding: 15px 20px;
  }
  .job-card .company-text {
    min-height: 51px !important;
  }
  .secu-page .myAccount .form-group .toggle-password-two {
    top: 4px !important;
  }
  .secu-page .myAccount .form-group .toggle-password {
    top: 4px !important;
  }
  a.btn.btn-cstm.apple-btn {
    font-size: 15px !important;
  }
  .laila-sec .cstma {
    display: none;
  }
  .jobs-page .job-image img {
    height: 78px !important;
  }
  .section .btn-cstm {
    min-width: 223px;
  }
  .jbsdetpg .section.nextStep .btn-cstm {
    min-width: 223px;
  }
  .jbsdetpg .section.nextStep .btn.btn-prev.nomar {
    min-width: 223px;
  }
  .other-page {
    min-height: 768px;
  }
  .leftspec {
    visibility: visible !important;
  }
  .bar-percentage {
    float: right;
    background: transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 9px 0px;
    width: 18%;
    height: 16px;
    margin-left: 15px;
    color: #000;
    padding-top: 0;
    margin-top: -17px;
    float: right;
    text-align: right;
  }
}
@media screen and (max-width: 768px) {
  .secu-page .myAccount .form-group .toggle-password-two {
    top: 4px !important;
  }
  .secu-page .myAccount .form-group .toggle-password {
    top: 4px !important;
  }
  .other-page.service-account.service-page .myAccount .form-check .form-check-input {
    top: 0px !important;
  }
  .other-page.service-account.service-page .myAccount .could .form-check .form-check-input {
    top: 4px !important;
  }
  .laila-last .hidden-desktop {
    display: none !important;
  }
  .nobgmobile {
    background: transparent;
  }
  .nobgmobile .mobile-wrap:last-child {
    margin-top: 10px;
  }
  .nobgmobile .col-xl-3 {
    padding: 0;
  }
  .nomar {
    margin-top: 0 !important;
  }
  .message-all .whitebg {
    display: none;
  }
  .message-left .nav {
    display: block !important;
  }
  .formobile.messagemb {
    display: none !important;
  }
  .laila-page.laila-three.laila-four .messages li span {
    padding: 8px 10px;
  }
  .jobs-pagee.jobs-two .top-icons {
    margin-right: 0 !important;
  }
  .jobs-pagee.jobs-two .top-icons .share {
    margin: 0;
    padding: 0;
  }
  .jobs-pagee.jobs-two .top-icons ul li:last-child {
    top: 0;
  }
  .jobs-pagee.jobs-two .top-icons ul {
    display: block;
    width: 100%;
  }
  .jbsdetpg .jobspgtitle .job-title span {
    width: auto;
  }
  .jobdetailp.jobs-pagee.jobs-two .top-icons {
    position: relative;
  }
  .jobs-pagee.jobs-two .whatSpecialLeft .visit-profile.text-left {
    text-align: left !important;
    margin-bottom: 10px;
  }
  .jobs-pagee.jobs-two .whatSpecialLeft .date.text-right {
    text-align: right !important;
  }
  .laila-page.laila-three.laila-four .sidebar {
    border-radius: 0;
    background: #fff !important;
  }
  .laila-all .right-section {
    height: 100%;
  }
  .laila-three .sidebar li img {
    width: 28px;
    margin-right: 4px;
    position: absolute;
    top: 10px;
    left: 12px;
  }
  .laila-all {
    margin-bottom: 0 !important;
  }
  .new-chat {
    padding: 3px 3px;
  }
  .laila-all .right-section .text-section {
    height: calc(100vh - 320px) !important;
  }
  .laila-page.laila-three.laila-four .messages {
    height: calc(100vh - 320px) !important;
    max-height: calc(100vh - 320px) !important;
    padding-right: 10px;
    padding-left: 10px;
  }
  .laila-page.laila-three.laila-four .messages-container {
    height: calc(100vh - 320px) !important;
  }
  .laila-page.laila-three.laila-four .text-section .textList {
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .laila-sec .sidebar {
    z-index: 999999;
  }
  .laila-all .right-section .send-button {
    bottom: 0px !important;
    width: calc(100% - 30px) !important;
    margin: 0 auto !important;
    left: 0;
    right: 0;
    margin-top: 15px !important;
  }
}
.text.not-found {
  overflow: hidden;
  position: relative;
}

.employee-item .text p {
  color: #333 !important;
}
.employee-item .answercomment {
  margin-top: 15px;
}
.employee-item .answercomment .boxflex {
  top: 0px !important;
}
.employee-item .answercomment .text {
  margin-top: -10px !important;
}
.employee-item .answercomment .text p {
  color: #333;
}
.employee-item .answercomment .box-item {
  margin-top: 10px !important;
}
.employee-item .answercomment .box-item .imageprofile {
  width: 50px !important;
  position: relative;
  left: -13px;
}
.employee-item .answercomment .box-item .imageprofile img {
  width: 50px !important;
  height: 50px !important;
}

@media (min-width: 500px) and (max-width: 992px) {
  .follow-page .past-item .imagetrans .name .name-btn span {
    font-size: 12px !important;
  }
  .imagetrans .translate {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 7px;
  }
  .service-page .social-section .translate a {
    display: inline-flex;
    font-size: 13px;
  }
  .service-page .social-section .translate a i {
    font-size: 13px;
  }
  .follow-page .ad-service h2 {
    font-size: 14px;
  }
  .sevenservice-page .photo img {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    object-fit: cover;
    margin: 0 auto;
    text-align: center;
  }
}
@media (min-width: 320px) and (max-width: 400px) {
  .career .textpicture ul li {
    margin: 0px 7px;
    width: 46px;
    text-align: center;
    font-size: 11px;
  }
  .career .textpicture ul {
    margin-left: 10px;
    display: inline-flex;
    width: 303px;
  }
  .career .textpicture img {
    margin-top: 30px;
    width: 325px;
  }
}
.upgrade {
  position: relative;
  color: #fff !important;
  width: 100% !important;
}
.upgrade:before {
  content: "\f35d" !important;
  font-family: "FontAwesome";
  display: inline-flex;
  font-size: 17px;
  color: #fff;
  float: right;
  margin-left: 10px;
}

@media (max-width: 767px) and (orientation: landscape) {
  .job-ads-w .asist {
    display: none;
  }
  .follow-page .past-item .imagetrans .name .name-btn span {
    font-size: 12px !important;
  }
  .imagetrans .translate {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 7px;
  }
  .service-page .social-section a i {
    font-size: 12px;
  }
  .service-all .service-item {
    border: none !important;
  }
  .service-all .mobile-wrap {
    border: 1px solid #f1f1f1;
  }
  ul.right-side li.nati-li {
    display: none !important;
  }
  .formobile .language > img {
    display: none;
  }
  .formobile li.language > a {
    font-size: 0 !important;
    display: none !important;
  }
  .laila-page.laila-three.laila-four .compose textarea {
    padding: 8px;
    height: 47px;
    padding-left: 15px;
    padding-right: 33px;
  }
  .laila-four .right-section .logo span {
    font-size: 22px;
    color: #fe9900;
    position: relative;
  }
  .laila-four .right-section .logo {
    margin-bottom: 0px !important;
  }
  .laila-all .right-section li {
    margin-bottom: 5px;
    padding: 5px 4px;
    border-radius: 5px;
  }
  .laila-four .right-section .logo span:after {
    top: 11px;
  }
  .laila-page.laila-three.laila-four .top-logo {
    display: none;
  }
  .laila-page.laila-three.laila-four .sidebar {
    height: 100vh;
  }
  .col-xl-9.expand {
    display: none;
  }
  .laila-all .right-section .text-section {
    height: calc(100vh - 100px) !important;
  }
  .laila-all .right-section {
    height: 100vh !important;
  }
  .laila-page.laila-three.laila-four .text-section .textList {
    height: auto !important;
    max-height: auto !important;
  }
  .laila-page.laila-three.laila-four .messages-container {
    height: calc(100vh - 150px) !important;
  }
  .laila-page.laila-three.laila-four .right-section .send-button .btn-send i {
    top: 0px !important;
  }
  .laila-all .right-section .logo {
    margin-top: 20px !important;
  }
  .laila-all .right-section .text-section {
    max-height: calc(100vh - 125px) !important;
  }
  .laila-page.laila-three.laila-four .messages {
    height: calc(100vh - 150px) !important;
    max-height: calc(100vh - 150px) !important;
    padding-right: 10px;
    padding-left: 10px;
  }
  .laila-all .right-section .logo {
    margin-top: 30px !important;
    /* margin-bottom: 10px; */
  }
}
@media (max-width: 500px) {
  #request-modal .modal-dialog {
    margin: 12.75rem auto;
  }
  #check4 {
    width: 36px !important;
    height: 20px;
  }
  .form-item.topcstm #check4 {
    width: 19px !important;
    height: 19px !important;
  }
  header .logo {
    padding-top: 7px !important;
  }
  .navbar-brand img {
    margin-top: -3px;
  }
  .header-all.row .mobile-flex .bottom-side .search-sign .search-section {
    width: 100%;
  }
  .career-page .center-img .center-text ul {
    display: block;
    column-count: 1 !important;
    width: 100%;
  }
  .project-all .empty {
    min-height: 245px !important;
  }
  .all-categories .sidebar-item ul {
    columns: 2;
  }
  .jobs-pagee.jobs-two .whatSpecialLeft .visit-profile.text-left {
    text-align: center !important;
  }
  .jobs-pagee.jobs-two .top-icons {
    margin: 0 auto !important;
  }
  .invite-page .needs-validation .btn-send {
    padding-top: 6px !important;
  }
  .all-categories .sidebar-item ul li {
    line-height: 18px;
    word-break: break-word;
  }
  .jobs-pagee.jobs-two .whatSpecialLeft .date.text-right {
    text-align: center !important;
  }
  .jobs-pagee.jobs-two .whatSpecialLeft .visit-profile.text-left {
    text-align: center !important;
  }
}
@media (orientation: portrait) {
  .laila-last {
    padding-top: 0;
    display: flex;
    height: 100%;
    overflow: hidden;
  }
  .laila-last .container {
    padding: 0;
  }
  .laila-all {
    margin-top: 0;
    display: block;
  }
  .speclaila footer {
    display: none !important;
  }
  .laila-all .right-section .send-button {
    position: relative !important;
    z-index: 99999;
  }
  .laila-page.laila-three.laila-four .compose textarea {
    height: 55px;
    padding-left: 15px;
    padding-right: 33px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .laila-page.laila-three.laila-four .right-section .send-button .btn-send i {
    top: 6px !important;
    padding-top: 0;
  }
  .laila-all .right-section .send-button .btn-send {
    top: 44% !important;
    right: 7px !important;
    transform: translateY(-50%) !important;
  }
  .laila-all .right-section .text-section {
    height: calc(100vh - 205px) !important;
    margin-bottom: 0 !important;
  }
  .laila-page.laila-three.laila-four .text-section .textList {
    height: auto !important;
  }
  .laila-page.laila-three.laila-four .messages {
    height: calc(100vh - 205px) !important;
    max-height: calc(100vh - 205px) !important;
    padding-right: 10px;
    padding-left: 10px;
  }
  .laila-page.laila-three.laila-four .messages-container {
    height: calc(100vh - 205px) !important;
  }
  .laila-all .right-section {
    height: 100% !important;
  }
}
.chat-message p {
  white-space: normal;
  overflow-wrap: anywhere;
  position: relative;
  line-height: 16px;
}
.chat-message p.spectwo {
  background: #fff9f1;
  padding: 10px;
  border-radius: 7px;
  display: inline-block;
  position: relative;
}
.chat-message p.spec {
  background: #fe9900;
  padding: 10px;
  border-radius: 7px;
  color: #fff;
  margin-right: 0;
  width: auto;
  justify-content: flex-end;
  display: inline-block;
  float: right;
}

.chat-message-content p.spectwo:blank {
  background: none !important;
  padding: 0 !important;
  display: none;
}

.chat-message-content.second p {
  max-width: calc(100% - 20px);
  word-wrap: break-word;
}

#live-chat h4 {
  word-wrap: break-word;
  min-width: 120px;
}

.warnMessage {
  font-size: 12px;
  color: #333;
}

.chat-message p.spectwo.haveapplication {
  background: transparent !important;
  padding: 0 !important;
}
.chat-message p.spectwo.haveapplication .chat-time {
  top: -3px !important;
}

.chat-message p.spec.haveattachment {
  background: transparent !important;
  padding: 0 !important;
}
.chat-message p.spec.haveattachment .chat-time {
  top: 5px !important;
}

.emptystar {
  text-align: center;
}
.emptystar h4 {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 8px;
}
.emptystar h6 {
  font-weight: 400;
  font-size: 17px;
}

.chat-time {
  float: right;
  font-size: 10px;
  /* width: 13px !important; */
  position: absolute !important;
  z-index: 99;
  top: 5px !important;
  background: #a9a9a9;
  padding: 2px 4px;
  color: #fff;
  border-radius: 4px;
  left: -36px;
  opacity: 0;
}

.chat-message-content.second p .chat-time {
  right: -30px;
  left: initial;
}

.chat-message-content:hover .chat-time {
  opacity: 1;
}

.chat .chat-message img {
  margin-right: 5px !important;
  width: 24px;
  height: 24px;
  margin-bottom: 4px;
}

.help-page .accordion-body a {
  text-decoration: none !important;
}

.fa-twitter:before {
  content: "\e61b";
}

.invite-page .fa-twitter {
  color: #fff !important;
}

/* -------------------------------- 

Main components 

-------------------------------- */
.cd-main-content, .cd-main-header {
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}

@media only screen and (max-width: 1199px) {
  .cd-main-content.nav-is-visible, .cd-main-header.nav-is-visible {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .nav-on-left .cd-main-content.nav-is-visible, .nav-on-left .cd-main-header.nav-is-visible {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
.cd-main-header {
  z-index: 3;
}

.nav-is-fixed .cd-main-header {
  /* add .nav-is-fixed class to body if you want a fixed navigation on > 1200px */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

@media only screen and (min-width: 1200px) {
  .cd-main-header {
    height: 80px;
  }
  .cd-main-header::after {
    clear: both;
    content: "";
    display: table;
  }
}
.cd-logo {
  position: absolute;
  top: 12px;
  left: 5%;
}

.cd-logo img {
  display: block;
}

@media only screen and (max-width: 1199px) {
  .nav-on-left .cd-logo {
    left: auto;
    right: 5%;
  }
}
@media only screen and (min-width: 1200px) {
  .cd-logo {
    top: 26px;
    left: 4em;
  }
  .container-works {
    max-width: 1240px;
    margin: 0 auto;
  }
}
.cd-header-buttons {
  position: absolute;
  display: inline-block;
  top: 3px;
  right: 19px;
  z-index: 9;
}

.cd-header-buttons li {
  display: inline-block;
}

.works-area {
  display: flex;
  flex-wrap: wrap;
}
.works-area .works-item {
  width: 280px;
  height: 274px;
  margin-left: 24px;
  margin-bottom: 30px;
  border-radius: 10px;
  padding: 10px;
  padding-top: 0;
  box-shadow: 0 0 10px 0 rgba(45, 54, 64, 0.05);
  border: 1px solid #eaedf2;
  background-color: #fff;
}
.works-area .works-item a {
  text-decoration: none;
}
.works-area .works-item .headtext {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 0;
  height: 60px;
}
.works-area .works-item .headtext h6 {
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  color: #333;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
}
.works-area .works-item .image img {
  width: 100%;
}

@media only screen and (max-width: 1199px) {
  .nav-on-left .cd-header-buttons {
    right: auto;
    left: 5%;
  }
  .nav-on-left .cd-header-buttons li {
    float: right;
  }
}
@media only screen and (min-width: 1200px) {
  .cd-header-buttons {
    top: 18px;
    right: 4em;
  }
}
.cd-search-trigger, .cd-nav-trigger {
  position: relative;
  display: block;
  width: 29px;
  height: 29px;
  overflow: hidden;
  white-space: nowrap;
  /* hide text */
  color: transparent;
  z-index: 3;
  top: -8px;
}

.cd-search-trigger::before, .cd-search-trigger::after {
  /* search icon */
  content: "";
  position: absolute;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.cd-search-trigger::before {
  /* lens */
  top: 11px;
  left: 11px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 3px solid #2e3233;
}

.cd-search-trigger::after {
  /* handle */
  height: 3px;
  width: 8px;
  background: #2e3233;
  bottom: 14px;
  right: 11px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cd-search-trigger span {
  /* container for the X icon */
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.cd-search-trigger span::before, .cd-search-trigger span::after {
  /* close icon */
  content: "";
  position: absolute;
  display: inline-block;
  height: 3px;
  width: 22px;
  top: 50%;
  margin-top: -2px;
  left: 50%;
  margin-left: -11px;
  background: #2e3233;
  opacity: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
}

.cd-search-trigger span::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cd-search-trigger span::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.cd-search-trigger.search-is-visible::before, .cd-search-trigger.search-is-visible::after {
  /* hide search icon */
  opacity: 0;
}

.cd-search-trigger.search-is-visible span::before, .cd-search-trigger.search-is-visible span::after {
  /* show close icon */
  opacity: 1;
}

.cd-search-trigger.search-is-visible span::before {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.cd-search-trigger.search-is-visible span::after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {
  /* hamburger icon in CSS */
  position: absolute;
  display: inline-block;
  height: 3px;
  width: 24px;
  background: #fff;
}

.cd-nav-trigger span {
  /* line in the center */
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -2px;
  -webkit-transition: background 0.3s 0.3s;
  -moz-transition: background 0.3s 0.3s;
  transition: background 0.3s 0.3s;
}

.cd-nav-trigger span::before, .cd-nav-trigger span::after {
  /* other 2 lines */
  content: "";
  right: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transition: -webkit-transform 0.3s 0.3s;
  -moz-transition: -moz-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s;
}

.cd-nav-trigger span::before {
  /* menu icon top line */
  top: -6px;
}

.cd-nav-trigger span::after {
  /* menu icon bottom line */
  top: 6px;
}

.cd-nav-trigger.nav-is-visible span {
  /* hide line in the center */
  background: rgba(46, 50, 51, 0);
}

.cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after {
  /* keep visible other 2 lines */
  background: #2e3233;
}

.cd-nav-trigger.nav-is-visible span::before {
  -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -o-transform: translateX(4px) translateY(-3px) rotate(45deg);
  transform: translateX(4px) translateY(-3px) rotate(45deg);
}

.cd-nav-trigger.nav-is-visible span::after {
  -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -o-transform: translateX(4px) translateY(2px) rotate(-45deg);
  transform: translateX(4px) translateY(2px) rotate(-45deg);
}

@media only screen and (min-width: 1200px) {
  .cd-nav-trigger {
    display: none;
  }
}
.cd-primary-nav, .cd-primary-nav ul {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: 260px;
  background: #2e3233;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 1;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}

.cd-primary-nav a, .cd-primary-nav ul a {
  display: block;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid #f0f0f0;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform, opacity;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
}

.cd-primary-nav.is-hidden, .cd-primary-nav ul.is-hidden {
  /* secondary navigations hidden by default */
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.cd-primary-nav.moves-out > li > a, .cd-primary-nav ul.moves-out > li > a {
  /* push the navigation items to the left - and lower down opacity - when secondary nav slides in */
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 0;
}

@media only screen and (max-width: 1199px) {
  .nav-on-left .cd-primary-nav, .nav-on-left .cd-primary-nav ul {
    right: auto;
    left: 0;
  }
}
.cd-primary-nav .see-all a {
  /* different style for the See all button on mobile and tablet */
  color: #69aa6f;
}

.cd-primary-nav .cd-nav-gallery .cd-nav-item, .cd-primary-nav .cd-nav-icons .cd-nav-item {
  /* items with picture (or icon) and title */
  height: 80px;
  line-height: 80px;
}

.cd-primary-nav .cd-nav-gallery .cd-nav-item h3, .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
  overflow: hidden;
  text-overflow: ellipsis;
}

.cd-primary-nav .cd-nav-gallery .cd-nav-item {
  padding-left: 90px;
}

.cd-primary-nav .cd-nav-gallery .cd-nav-item img {
  position: absolute;
  display: block;
  height: 40px;
  width: auto;
  left: 20px;
  top: 50%;
  margin-top: -20px;
}

.cd-primary-nav .cd-nav-icons .cd-nav-item {
  padding-left: 75px;
}

.cd-primary-nav .cd-nav-icons .cd-nav-item p {
  color: #2e3233;
  font-size: 1.3rem;
  /* hide description on small devices */
  display: none;
}

.cd-primary-nav .cd-nav-icons .cd-nav-item::before {
  /* item icon */
  content: "";
  display: block;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px 40px;
}

@media only screen and (max-width: 1199px) {
  .cd-primary-nav {
    /* by default .cd-primary-nav is hidden - trick for iOS devices where you can see the navigation if you pull down */
    visibility: hidden;
    -webkit-transition: visibility 0s 0.3s;
    -moz-transition: visibility 0s 0.3s;
    transition: visibility 0s 0.3s;
  }
  .cd-primary-nav.nav-is-visible {
    visibility: visible;
    -webkit-transition: visibility 0s 0s;
    -moz-transition: visibility 0s 0s;
    transition: visibility 0s 0s;
  }
}
@media only screen and (min-width: 1200px) {
  .cd-primary-nav {
    position: static;
    padding: 0 150px 0 0;
    height: auto;
    width: auto;
    float: right;
    overflow: visible;
    background: transparent;
  }
  .cd-primary-nav::after {
    clear: both;
    content: "";
    display: table;
  }
  .cd-primary-nav.moves-out > li > a {
    /* reset mobile style */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  .cd-primary-nav ul {
    position: static;
    height: auto;
    width: auto;
    background: transparent;
    overflow: visible;
    z-index: 3;
  }
  .cd-primary-nav ul.is-hidden {
    /* reset mobile style */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .cd-primary-nav ul.moves-out > li > a {
    /* reset mobile style */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  .cd-primary-nav > li {
    float: left;
    margin-left: 3em;
  }
  .cd-primary-nav > li > a {
    /* main navigation buttons style */
    position: relative;
    display: inline-block;
    height: 80px;
    line-height: 80px;
    padding: 0 10px;
    color: #2e3233;
    overflow: visible;
    border-bottom: none;
    -webkit-transition: color 0.3s, box-shadow 0.3s;
    -moz-transition: color 0.3s, box-shadow 0.3s;
    transition: color 0.3s, box-shadow 0.3s;
  }
  .cd-primary-nav > li > a:hover {
    color: #69aa6f;
  }
  .cd-primary-nav > li > a.selected {
    color: #69aa6f;
    box-shadow: inset 0 -2px 0 #69aa6f;
  }
  .cd-primary-nav .go-back, .cd-primary-nav .see-all {
    display: none;
  }
  .cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-gallery, .cd-primary-nav .cd-nav-icons {
    /* dropdown menu style */
    position: absolute;
    top: 80px;
    width: 100vw;
    background: #ffffff;
    padding: 48px 64px 130px;
    box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
  }
  .cd-primary-nav .cd-secondary-nav::after, .cd-primary-nav .cd-nav-gallery::after, .cd-primary-nav .cd-nav-icons::after {
    clear: both;
    content: "";
    display: table;
  }
  .cd-primary-nav .cd-secondary-nav.is-hidden, .cd-primary-nav .cd-nav-gallery.is-hidden, .cd-primary-nav .cd-nav-icons.is-hidden {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
  }
  .cd-primary-nav .cd-secondary-nav > .see-all, .cd-primary-nav .cd-nav-gallery > .see-all, .cd-primary-nav .cd-nav-icons > .see-all {
    /* this is the BIG See all button at the bottom of the dropdown menu */
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 80px;
    width: 100%;
    overflow: hidden;
    /* reset some inherited style */
    margin: 0;
    padding: 0;
  }
  .cd-primary-nav .cd-secondary-nav > .see-all a, .cd-primary-nav .cd-nav-gallery > .see-all a, .cd-primary-nav .cd-nav-icons > .see-all a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-size: 2.2rem;
    font-weight: bold;
    text-align: center;
    line-height: 80px;
    border-top: 1px solid #e2e3df;
    /* reset some inherited style */
    border-bottom: none;
    margin: 0;
    padding: 0;
    -webkit-transition: color 0.2s, background 0.2s, border 0.2s;
    -moz-transition: color 0.2s, background 0.2s, border 0.2s;
    transition: color 0.2s, background 0.2s, border 0.2s;
  }
  .cd-primary-nav .cd-secondary-nav > .see-all a:hover, .cd-primary-nav .cd-nav-gallery > .see-all a:hover, .cd-primary-nav .cd-nav-icons > .see-all a:hover {
    background: #2e3233;
    border-color: #2e3233;
    color: #ffffff;
  }
  .cd-primary-nav .cd-secondary-nav > li {
    /* change the height according to your needs - you can even set height: auto */
    height: 340px;
    /* here you set the number of columns - use width percentage */
    width: 23%;
    float: left;
    margin-right: 2.66%;
    border-right: 1px solid #e2e3df;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .cd-primary-nav .cd-secondary-nav > li:nth-child(4n+2) {
    /* +2 because we have 2 list items with display:none */
    margin-right: 0;
    border-right: none;
  }
  .cd-primary-nav .cd-secondary-nav > li > a {
    /* secondary nav title */
    color: #69aa6f;
    font-weight: bold;
    font-size: 1.6rem;
    margin-bottom: 0.6em;
  }
  .cd-primary-nav .cd-secondary-nav a {
    height: 30px;
    line-height: 30px;
    padding: 0 18% 0 0;
    color: #2e3233;
    border-bottom: none;
    font-size: 1.4rem;
  }
  .cd-primary-nav .cd-secondary-nav a:hover {
    color: #69aa6f;
  }
  .cd-primary-nav .cd-secondary-nav ul {
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
  }
  .cd-primary-nav .cd-secondary-nav ul ul {
    /* tertiary navigation */
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
  .cd-primary-nav .cd-secondary-nav ul ul.is-hidden {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  .cd-primary-nav .cd-secondary-nav ul ul .go-back {
    display: block;
  }
  .cd-primary-nav .cd-secondary-nav ul ul .go-back a {
    color: transparent;
  }
  .cd-primary-nav .cd-secondary-nav ul ul .see-all {
    display: block;
  }
  .cd-primary-nav .cd-secondary-nav .moves-out > li > a {
    /* push the navigation items to the left - and lower down opacity - when tertiary nav slides in */
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  .cd-primary-nav .cd-nav-gallery li {
    /* set here number of columns - use width percentage */
    width: 22%;
    float: left;
    margin: 0 4% 40px 0;
  }
  .cd-primary-nav .cd-nav-gallery li:nth-child(4n+2) {
    /* +2 because we have two additional list items with display:none */
    margin-right: 0;
  }
  .cd-primary-nav .cd-nav-gallery .cd-nav-item {
    border-bottom: none;
    padding: 0;
    height: auto;
    line-height: 1.2;
  }
  .cd-primary-nav .cd-nav-gallery .cd-nav-item img {
    position: static;
    margin-top: 0;
    height: auto;
    width: 100%;
    margin-bottom: 0.6em;
  }
  .cd-primary-nav .cd-nav-gallery .cd-nav-item h3 {
    color: #69aa6f;
    font-weight: bold;
    padding: 0 0.4em;
  }
  .cd-primary-nav .cd-nav-icons li {
    /* set here number of columns - use width percentage */
    width: 32%;
    float: left;
    margin: 0 2% 20px 0;
  }
  .cd-primary-nav .cd-nav-icons li:nth-child(3n+2) {
    /* +2 because we have two additional list items with display:none */
    margin-right: 0;
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item {
    border-bottom: none;
    height: 80px;
    line-height: 1.2;
    padding: 24px 0 0 85px;
    position: relative;
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item:hover {
    background: #f6f6f5;
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
    color: #69aa6f;
    font-weight: bold;
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item p {
    display: block;
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item::before {
    left: 25px;
  }
}
.has-children > a, .go-back a {
  position: relative;
}

.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
  /* arrow icon in CSS - for element with nested unordered lists */
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1px;
  display: inline-block;
  height: 2px;
  width: 10px;
  background: #464c4e;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.has-children > a::before, .go-back a::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.has-children > a::after, .go-back a::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@media only screen and (min-width: 1200px) {
  .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
    background: #c9cbc4;
  }
  .has-children > a:hover::before, .has-children > a:hover::after, .go-back a:hover::before, .go-back a:hover::after {
    background: #69aa6f;
  }
}
.has-children > a {
  padding-right: 40px;
}

.has-children > a::before, .has-children > a::after {
  /* arrow goes on the right side - children navigation */
  right: 20px;
  -webkit-transform-origin: 9px 50%;
  -moz-transform-origin: 9px 50%;
  -ms-transform-origin: 9px 50%;
  -o-transform-origin: 9px 50%;
  transform-origin: 9px 50%;
}

.cd-primary-nav .go-back a {
  padding-left: 40px;
}

.cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
  /* arrow goes on the left side - go back button */
  left: 20px;
  -webkit-transform-origin: 1px 50%;
  -moz-transform-origin: 1px 50%;
  -ms-transform-origin: 1px 50%;
  -o-transform-origin: 1px 50%;
  transform-origin: 1px 50%;
}

@media only screen and (min-width: 1200px) {
  .has-children > a::before, .has-children > a::after {
    right: 15%;
  }
  .cd-primary-nav > .has-children > a {
    /* main navigation arrows on larger devices */
    padding-right: 30px !important;
  }
  .cd-primary-nav > .has-children > a::before, .cd-primary-nav > .has-children > a::after {
    width: 9px;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    background: #c9cbc4;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: width 0.3s, -webkit-transform 0.3s;
    -moz-transition: width 0.3s, -moz-transform 0.3s;
    transition: width 0.3s, transform 0.3s;
  }
  .cd-primary-nav > .has-children > a::before {
    right: 12px;
  }
  .cd-primary-nav > .has-children > a::after {
    right: 7px;
  }
  .cd-primary-nav > .has-children > a.selected::before, .cd-primary-nav > .has-children > a.selected::after {
    width: 14px;
  }
  .cd-primary-nav > .has-children > a.selected::before {
    -webkit-transform: translateX(5px) rotate(-45deg);
    -moz-transform: translateX(5px) rotate(-45deg);
    -ms-transform: translateX(5px) rotate(-45deg);
    -o-transform: translateX(5px) rotate(-45deg);
    transform: translateX(5px) rotate(-45deg);
  }
  .cd-primary-nav > .has-children > a.selected::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .cd-secondary-nav > .has-children > a::before, .cd-secondary-nav > .has-children > a::after {
    /* remove arrows on secondary nav titles */
    display: none;
  }
  .cd-primary-nav .go-back a {
    padding-left: 20px;
  }
  .cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
    left: 1px;
  }
}
.cd-search {
  position: absolute;
  height: 50px;
  width: 100%;
  top: 50px;
  left: 0;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}

.cd-search form {
  height: 100%;
  width: 100%;
}

.cd-search input {
  border-radius: 0;
  border: none;
  background: #ffffff;
  height: 100%;
  width: 100%;
  padding: 0 5%;
  box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

.cd-search input::-webkit-input-placeholder {
  color: #c9cbc4;
}

.cd-search input::-moz-placeholder {
  color: #c9cbc4;
}

.cd-search input:-moz-placeholder {
  color: #c9cbc4;
}

.cd-search input:-ms-input-placeholder {
  color: #c9cbc4;
}

.cd-search input:focus {
  outline: none;
}

.cd-search.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.nav-is-fixed .cd-search {
  position: fixed;
}

.rich-text h1 {
  margin-bottom: 20px;
  font-size: 25px;
  font-weight: 600;
  word-break: break-word;
}
.rich-text h2 {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 600;
  word-break: break-word;
}
.rich-text p {
  line-height: 20px;
  color: #000;
  word-wrap: break-word;
}

.rich-text > ul li {
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 16px;
  position: relative;
  padding-left: 0;
  line-height: 19px;
  margin: 3px 0 !important;
  margin-left: 30px !important;
}

.rich-text ul {
  list-style: disc !important;
}

.rich-text > ol li {
  list-style-type: decimal;
  margin: 3px 0 !important;
}

.tox.tox-tinymce:focus {
  border-color: #FE9900 !important;
}

.jobs-pagee.jobs-two .top-icons.detailcstm {
  float: right !important;
  top: -20px !important;
}

.top-icons.detailcstm {
  float: right !important;
  top: -20px !important;
}

.project-detail.service-detail .title {
  display: flex !important;
  justify-content: space-between !important;
  width: 100% !important;
  align-items: center;
}

.project-detail.service-detail .top-icons.detailcstm {
  float: initial !important;
  top: 0 !important;
  right: 0 !important;
  right: initial !important;
}

@media only screen and (min-width: 1200px) {
  .cd-search {
    height: 120px;
    top: 80px;
  }
  .cd-search input {
    padding: 0 2em;
    font-size: 3.2rem;
    font-weight: 300;
  }
}
.cd-overlay {
  /* shadow layer visible when navigation is active */
  position: fixed;
  z-index: 2;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  background-color: rgba(105, 170, 111, 0.8);
  visibility: hidden;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
}

.cd-overlay.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
}

@media (max-width: 768px) {
  .all-categories .content .box .image:before {
    bottom: 1px !important;
  }
  .index-page-new .five-section .buttons .btn-cstm i {
    border: 1px solid #e8e8e8;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .follow-detail .works-area {
    display: flex;
    flex-wrap: wrap;
    margin: 18px;
  }
  .text-sec .container-works .works-item {
    margin-bottom: 15px !important;
    width: 45% !important;
    display: inline-block;
  }
  .laila-page.laila-three.laila-four .compose textarea {
    height: 51px;
    padding-left: 15px;
    padding-right: 33px;
    padding-top: 15px;
    padding-bottom: 4px;
  }
  .myworksarea-page .works-area {
    margin: 0 15px;
  }
  .myworksarea-page .works-area .works-item {
    width: 47% !important;
    margin: 5px !important;
  }
  .laila-all .right-section .send-button .btn-send {
    top: 44% !important;
    right: 7px !important;
    transform: translateY(-50%) !important;
  }
  .forscroll {
    height: calc(100% - 50px);
  }
  .laila-all {
    margin-top: 0;
    display: block;
    height: 100% !important;
  }
  .laila-sec {
    height: 100%;
  }
  .laila-all .right-section {
    height: 100%;
  }
  .laila-last {
    padding-top: 0;
    display: flex;
    height: 100%;
    overflow: hidden;
  }
  .laila-last .container {
    padding: 0;
  }
  .laila-page.laila-three.laila-four .laila-sec {
    border-radius: 0;
  }
  .detail .text-break {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word !important;
  }
  .project-detail.service-detail .title span {
    max-width: 63%;
    line-height: 19px;
  }
  .sevenservice-page .photo img {
    width: 100px;
    height: 100px;
  }
  .index-page .owl-nav {
    top: 54% !important;
  }
  .cd-primary-nav {
    width: 100% !important;
    z-index: 9999 !important;
  }
  .cd-main-header {
    z-index: 99999 !important;
  }
  .cd-primary-nav.nav-is-visible.second {
    visibility: visible;
    -webkit-transition: visibility 0s 0s;
    -moz-transition: visibility 0s 0s;
    transition: visibility 0s 0s;
    padding-top: 30px;
  }
  .nav-is-visible.second .fa-user:before {
    content: "\f00d";
  }
  .nav-is-visible.second .cd-header-buttons {
    position: absolute;
    display: inline-block;
    top: 0;
    right: 0;
  }
  .cd-primary-nav.second a, .cd-primary-nav.second ul a {
    text-decoration: none !important;
    font-size: 16px;
  }
  .cd-primary-nav.second, .cd-primary-nav.second ul {
    width: 100% !important;
    padding-top: 94px !important;
    background: #fff;
    overflow-y: scroll;
    overflow-x: hidden;
  }
  ul.right-side li.nati-li {
    display: none !important;
  }
  .cd-main-header.nav-is-visible {
    position: relative;
    z-index: 9999;
    width: 40px;
    float: right;
    top: -100px;
    right: -15px;
  }
  .nav-is-visible.second .cd-header-buttons {
    top: 0;
    position: relative;
    right: initial;
    left: initial;
    text-align: right;
    width: 40px;
    float: right;
  }
  .second-trigger {
    font-size: 0 !important;
    text-decoration: none !important;
  }
}
/* -------------------------------- *********

First Section

-------------------------------- */
.fc-main-content, .fc-main-header {
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}

.fc-main-header {
  z-index: 3;
}

.nav-is-fixed .fc-main-header {
  /* add .nav-is-fixed class to body if you want a fixed navigation on > 1200px */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

@media only screen and (min-width: 1200px) {
  .fc-main-header {
    height: 80px;
  }
  .fc-main-header::after {
    clear: both;
    content: "";
    display: table;
  }
}
.fc-logo {
  position: absolute;
  top: 12px;
  left: 5%;
}

.fc-logo img {
  display: block;
}

@media only screen and (max-width: 1199px) {
  .nav-on-left .fc-logo {
    left: auto;
    right: 5%;
  }
}
@media only screen and (min-width: 1200px) {
  .fc-logo {
    top: 26px;
    left: 4em;
  }
}
.titlespc {
  margin-bottom: 30px;
  margin-top: 15px;
}

.fc-header-buttons {
  position: absolute;
  display: inline-block;
  top: 3px;
  right: 5%;
  z-index: 9;
}

.fc-header-buttons li {
  display: inline-block;
}

.myAccount .works-area {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 20px !important;
  margin-left: 0 !important;
  margin-right: 20px !important;
}
.myAccount .works-area .empty img {
  max-width: 50px;
}
.myAccount .works-area .works-item {
  margin-left: 0 !important;
  margin-right: 15px !important;
  margin-bottom: 15px !important;
  position: relative;
}
.myAccount .works-area .works-item .headtext h6 {
  width: calc(100% - 30px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.myAccount .works-area .works-item .active-text {
  width: initial;
  right: 10px !important;
  top: 21px;
}
.myAccount .works-area .works-item.emptyy .empty {
  height: 100%;
}
.myAccount .works-area .works-item.emptyy a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}

.title-my {
  margin-top: 10px;
  margin-bottom: 10px;
}

.works-area.servicespc .works-item {
  width: 133px;
  height: 84px;
  margin-left: 0;
  margin-bottom: 30px;
  border-radius: 10px;
  padding: 0;
  padding-top: 0;
  box-shadow: 0 0 10px 0 rgba(45, 54, 64, 0.05);
  border: 1px solid #eaedf2;
  background-color: #fff;
}
.works-area.servicespc .works-item .image img {
  width: 100%;
  border-radius: 10px;
}

@media only screen and (min-width: 769px) {
  header .top-header .bottom-side .right-side {
    display: flex;
    align-items: center;
  }
  header .top-header .bottom-side .right-side li:first-child {
    top: 0px !important;
  }
  header .navbar-brand img {
    max-width: 140px !important;
  }
  .form-check label {
    margin-left: 0;
  }
}
@media only screen and (max-width: 1199px) {
  .nav-on-left .fc-header-buttons {
    right: auto;
    left: 5%;
  }
  .nav-on-left .fc-header-buttons li {
    float: right;
  }
}
@media only screen and (min-width: 1200px) {
  .fc-header-buttons {
    top: 18px;
    right: 4em;
  }
  .works-area.minh {
    min-height: 500px;
  }
  .text-sec .works-area.minh {
    min-height: auto !important;
  }
}
.fc-search-trigger, .fc-nav-trigger {
  position: relative;
  display: block;
  width: 29px;
  height: 29px;
  overflow: hidden;
  white-space: nowrap;
  /* hide text */
  color: transparent;
  z-index: 3;
  top: -8px;
}

.fc-search-trigger::before, .fc-search-trigger::after {
  /* search icon */
  content: "";
  position: absolute;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.cd-search-trigger::before {
  /* lens */
  top: 11px;
  left: 11px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 3px solid #2e3233;
}

.cd-search-trigger::after {
  /* handle */
  height: 3px;
  width: 8px;
  background: #2e3233;
  bottom: 14px;
  right: 11px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cd-search-trigger span {
  /* container for the X icon */
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.cd-search-trigger span::before, .cd-search-trigger span::after {
  /* close icon */
  content: "";
  position: absolute;
  display: inline-block;
  height: 3px;
  width: 22px;
  top: 50%;
  margin-top: -2px;
  left: 50%;
  margin-left: -11px;
  background: #2e3233;
  opacity: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
}

.cd-search-trigger span::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cd-search-trigger span::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.cd-search-trigger.search-is-visible::before, .cd-search-trigger.search-is-visible::after {
  /* hide search icon */
  opacity: 0;
}

.cd-search-trigger.search-is-visible span::before, .cd-search-trigger.search-is-visible span::after {
  /* show close icon */
  opacity: 1;
}

.cd-search-trigger.search-is-visible span::before {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.cd-search-trigger.search-is-visible span::after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.fc-nav-trigger span, .fc-nav-trigger span::before, .fc-nav-trigger span::after {
  /* hamburger icon in CSS */
  position: absolute;
  display: inline-block;
  height: 3px;
  width: 24px;
  background: #fff;
}

.fc-nav-trigger span {
  /* line in the center */
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -2px;
  -webkit-transition: background 0.1s 0.1s;
  -moz-transition: background 0.1s 0.1s;
  transition: background 0.1s 0.1s;
}

.fc-nav-trigger span::before, .fc-nav-trigger span::after {
  /* other 2 lines */
  content: "";
  right: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transition: -webkit-transform 0.1s 0.1s;
  -moz-transition: -moz-transform 0.1s 0.1s;
  transition: transform 0.1s 0.1s;
}

.fc-nav-trigger span::before {
  /* menu icon top line */
  top: -6px;
}

.fc-nav-trigger span::after {
  /* menu icon bottom line */
  top: 6px;
}

.fc-nav-trigger.nav-is-visible span {
  /* hide line in the center */
  background: rgba(46, 50, 51, 0);
}

.fc-nav-trigger.nav-is-visible span::before, .fc-nav-trigger.nav-is-visible span::after {
  /* keep visible other 2 lines */
  background: #000;
}

.fc-nav-trigger.nav-is-visible span::before {
  -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -o-transform: translateX(4px) translateY(-3px) rotate(45deg);
  transform: translateX(4px) translateY(-3px) rotate(45deg);
}

.fc-nav-trigger.nav-is-visible span::after {
  -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -o-transform: translateX(4px) translateY(2px) rotate(-45deg);
  transform: translateX(4px) translateY(2px) rotate(-45deg);
}

@media only screen and (min-width: 1200px) {
  .fc-nav-trigger {
    display: none;
  }
}
.fc-primary-nav, .fc-primary-nav > ul {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: 260px;
  background: #2e3233;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 1;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.fc-primary-nav a, .fc-primary-nav ul a {
  display: block;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid #e8e8e8;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform, opacity;
}

.fc-primary-nav.is-hidden, .fc-primary-nav ul.is-hidden {
  /* secondary navigations hidden by default */
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.fc-primary-nav.moves-out > li > a, .fc-primary-nav ul.moves-out > li > a {
  /* push the navigation items to the left - and lower down opacity - when secondary nav slides in */
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 0;
}

@media only screen and (max-width: 1199px) {
  .nav-on-left .cd-primary-nav, .nav-on-left .fc-primary-nav ul {
    right: auto;
    left: 0;
  }
}
.fc-primary-nav .see-all a {
  /* different style for the See all button on mobile and tablet */
  color: #69aa6f;
}

.fc-primary-nav .fc-nav-gallery .fc-nav-item, .fc-primary-nav .fc-nav-icons .fc-nav-item {
  /* items with picture (or icon) and title */
  height: 80px;
  line-height: 80px;
}

.fc-primary-nav .fc-nav-gallery .fc-nav-item h3, .fc-primary-nav .fc-nav-icons .fc-nav-item h3 {
  overflow: hidden;
  text-overflow: ellipsis;
}

.fc-primary-nav .fc-nav-gallery .fc-nav-item {
  padding-left: 90px;
}

.fc-primary-nav .fc-nav-gallery .fc-nav-item img {
  position: absolute;
  display: block;
  height: 40px;
  width: auto;
  left: 20px;
  top: 50%;
  margin-top: -20px;
}

.fc-primary-nav .fc-nav-icons .fc-nav-item {
  padding-left: 75px;
}

.fc-primary-nav .fc-nav-icons .fc-nav-item p {
  color: #2e3233;
  font-size: 1.3rem;
  /* hide description on small devices */
  display: none;
}

.fc-primary-nav .fc-nav-icons .fc-nav-item::before {
  /* item icon */
  content: "";
  display: block;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px 40px;
}

@media only screen and (max-width: 1199px) {
  .fc-primary-nav {
    /* by default .cd-primary-nav is hidden - trick for iOS devices where you can see the navigation if you pull down */
    visibility: hidden;
    text-align: center !important;
  }
  .fc-primary-nav.nav-is-visible {
    visibility: visible;
  }
}
@media only screen and (min-width: 1200px) {
  .fc-primary-nav {
    position: static;
    padding: 0 150px 0 0;
    height: auto;
    width: auto;
    float: right;
    overflow: visible;
    background: transparent;
  }
  .fc-primary-nav::after {
    clear: both;
    content: "";
    display: table;
  }
  .fc-primary-nav.moves-out > li > a {
    /* reset mobile style */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  .fc-primary-nav ul {
    position: static;
    height: auto;
    width: auto;
    background: transparent;
    overflow: visible;
    z-index: 3;
  }
  .fc-primary-nav ul.is-hidden {
    /* reset mobile style */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .fc-primary-nav ul.moves-out > li > a {
    /* reset mobile style */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  .fc-primary-nav > li {
    float: left;
    margin-left: 3em;
  }
  .fc-primary-nav > li > a {
    /* main navigation buttons style */
    position: relative;
    display: inline-block;
    height: 80px;
    line-height: 80px;
    padding: 0 10px;
    color: #2e3233;
    overflow: visible;
    border-bottom: none;
    -webkit-transition: color 0.3s, box-shadow 0.3s;
    -moz-transition: color 0.3s, box-shadow 0.3s;
    transition: color 0.3s, box-shadow 0.3s;
  }
  .fc-primary-nav > li > a:hover {
    color: #69aa6f;
  }
  .fc-primary-nav > li > a.selected {
    color: #69aa6f;
    box-shadow: inset 0 -2px 0 #69aa6f;
  }
  .fc-primary-nav .go-back, .fc-primary-nav .see-all {
    display: none;
  }
  .fc-primary-nav .cd-secondary-nav, .fc-primary-nav .fc-nav-gallery, .fc-primary-nav .fc-nav-icons {
    /* dropdown menu style */
    position: absolute;
    top: 80px;
    width: 100vw;
    background: #ffffff;
    padding: 48px 64px 130px;
    box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
  }
  .fc-primary-nav .cd-secondary-nav::after, .fc-primary-nav .fc-nav-gallery::after, .fc-primary-nav .fc-nav-icons::after {
    clear: both;
    content: "";
    display: table;
  }
  .fc-primary-nav .fc-secondary-nav.is-hidden, .fc-primary-nav .cd-nav-gallery.is-hidden, .fc-primary-nav .fc-nav-icons.is-hidden {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
  }
  .fc-primary-nav .fc-secondary-nav > .see-all, .fc-primary-nav .fc-nav-gallery > .see-all, .fc-primary-nav .fc-nav-icons > .see-all {
    /* this is the BIG See all button at the bottom of the dropdown menu */
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 80px;
    width: 100%;
    overflow: hidden;
    /* reset some inherited style */
    margin: 0;
    padding: 0;
  }
  .fc-primary-nav .cd-secondary-nav > .see-all a, .fc-primary-nav .fc-nav-gallery > .see-all a, .fc-primary-nav .fc-nav-icons > .see-all a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-size: 2.2rem;
    font-weight: bold;
    text-align: center;
    line-height: 80px;
    border-top: 1px solid #e2e3df;
    /* reset some inherited style */
    border-bottom: none;
    margin: 0;
    padding: 0;
    -webkit-transition: color 0.2s, background 0.2s, border 0.2s;
    -moz-transition: color 0.2s, background 0.2s, border 0.2s;
    transition: color 0.2s, background 0.2s, border 0.2s;
  }
  .fc-primary-nav .fc-secondary-nav > .see-all a:hover, .fc-primary-nav .fc-nav-gallery > .see-all a:hover, .fc-primary-nav .fc-nav-icons > .see-all a:hover {
    background: #2e3233;
    border-color: #2e3233;
    color: #ffffff;
  }
  .fc-primary-nav .fc-secondary-nav > li {
    /* change the height according to your needs - you can even set height: auto */
    height: 340px;
    /* here you set the number of columns - use width percentage */
    width: 23%;
    float: left;
    margin-right: 2.66%;
    border-right: 1px solid #e2e3df;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .fc-primary-nav .fc-secondary-nav > li:nth-child(4n+2) {
    /* +2 because we have 2 list items with display:none */
    margin-right: 0;
    border-right: none;
  }
  .fc-primary-nav .fc-secondary-nav > li > a {
    /* secondary nav title */
    color: #69aa6f;
    font-weight: bold;
    font-size: 1.6rem;
    margin-bottom: 0.6em;
  }
  .fc-primary-nav .fc-secondary-nav a {
    height: 30px;
    line-height: 30px;
    padding: 0 18% 0 0;
    color: #2e3233;
    border-bottom: none;
    font-size: 1.4rem;
  }
  .fc-primary-nav .fc-secondary-nav a:hover {
    color: #69aa6f;
  }
  .fc-primary-nav .fc-secondary-nav ul {
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
  }
  .fc-primary-nav .fc-secondary-nav ul ul {
    /* tertiary navigation */
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
  .fc-primary-nav .fc-secondary-nav ul ul.is-hidden {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  .fc-primary-nav .fc-secondary-nav ul ul .go-back {
    display: block;
  }
  .fc-primary-nav .fc-secondary-nav ul ul .go-back a {
    color: transparent;
  }
  .fc-primary-nav .fc-secondary-nav ul ul .see-all {
    display: block;
  }
  .fc-primary-nav .fc-secondary-nav .moves-out > li > a {
    /* push the navigation items to the left - and lower down opacity - when tertiary nav slides in */
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  .fc-primary-nav .fc-nav-gallery li {
    /* set here number of columns - use width percentage */
    width: 22%;
    float: left;
    margin: 0 4% 40px 0;
  }
  .fc-primary-nav .fc-nav-gallery li:nth-child(4n+2) {
    /* +2 because we have two additional list items with display:none */
    margin-right: 0;
  }
  .fc-primary-nav .fc-nav-gallery .cd-nav-item {
    border-bottom: none;
    padding: 0;
    height: auto;
    line-height: 1.2;
  }
  .fc-primary-nav .cd-nav-gallery .cd-nav-item img {
    position: static;
    margin-top: 0;
    height: auto;
    width: 100%;
    margin-bottom: 0.6em;
  }
  .fc-primary-nav .fc-nav-gallery .cd-nav-item h3 {
    color: #69aa6f;
    font-weight: bold;
    padding: 0 0.4em;
  }
  .fc-primary-nav .fc-nav-icons li {
    /* set here number of columns - use width percentage */
    width: 32%;
    float: left;
    margin: 0 2% 20px 0;
  }
  .cd-primary-nav .cd-nav-icons li:nth-child(3n+2) {
    /* +2 because we have two additional list items with display:none */
    margin-right: 0;
  }
  .fc-primary-nav .fc-nav-icons .fc-nav-item {
    border-bottom: none;
    height: 80px;
    line-height: 1.2;
    padding: 24px 0 0 85px;
    position: relative;
  }
  .fc-primary-nav .fc-nav-icons .fc-nav-item:hover {
    background: #f6f6f5;
  }
  .fc-primary-nav .fc-nav-icons .fc-nav-item h3 {
    color: #69aa6f;
    font-weight: bold;
  }
  .fc-primary-nav .fc-nav-icons .fc-nav-item p {
    display: block;
  }
  .fc-primary-nav .fv-nav-icons .fc-nav-item::before {
    left: 25px;
  }
}
.has-children > a, .go-back a {
  position: relative;
}

.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
  /* arrow icon in CSS - for element with nested unordered lists */
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1px;
  display: inline-block;
  height: 2px;
  width: 10px;
  background: #464c4e;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.has-children > a::before, .go-back a::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.has-children > a::after, .go-back a::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@media only screen and (min-width: 1200px) {
  .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
    background: #c9cbc4;
  }
  .has-children > a:hover::before, .has-children > a:hover::after, .go-back a:hover::before, .go-back a:hover::after {
    background: #69aa6f;
  }
}
.has-children > a {
  padding-right: 40px;
}

.has-children > a::before, .has-children > a::after {
  /* arrow goes on the right side - children navigation */
  right: 20px;
  -webkit-transform-origin: 9px 50%;
  -moz-transform-origin: 9px 50%;
  -ms-transform-origin: 9px 50%;
  -o-transform-origin: 9px 50%;
  transform-origin: 9px 50%;
}

.fc-primary-nav .go-back a {
  padding-left: 40px;
}

.fc-primary-nav .go-back a::before, .fc-primary-nav .go-back a::after {
  /* arrow goes on the left side - go back button */
  left: 20px;
  -webkit-transform-origin: 1px 50%;
  -moz-transform-origin: 1px 50%;
  -ms-transform-origin: 1px 50%;
  -o-transform-origin: 1px 50%;
  transform-origin: 1px 50%;
}

@media only screen and (min-width: 1200px) {
  .has-children > a::before, .has-children > a::after {
    right: 15%;
  }
  .fc-primary-nav > .has-children > a {
    /* main navigation arrows on larger devices */
    padding-right: 30px !important;
  }
  .fc-primary-nav > .has-children > a::before, .fc-primary-nav > .has-children > a::after {
    width: 9px;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    background: #c9cbc4;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: width 0.3s, -webkit-transform 0.3s;
    -moz-transition: width 0.3s, -moz-transform 0.3s;
    transition: width 0.3s, transform 0.3s;
  }
  .fc-primary-nav > .has-children > a::before {
    right: 12px;
  }
  .fc-primary-nav > .has-children > a::after {
    right: 7px;
  }
  .fc-primary-nav > .has-children > a.selected::before, .fc-primary-nav > .has-children > a.selected::after {
    width: 14px;
  }
  .fc-primary-nav > .has-children > a.selected::before {
    -webkit-transform: translateX(5px) rotate(-45deg);
    -moz-transform: translateX(5px) rotate(-45deg);
    -ms-transform: translateX(5px) rotate(-45deg);
    -o-transform: translateX(5px) rotate(-45deg);
    transform: translateX(5px) rotate(-45deg);
  }
  .fc-primary-nav > .has-children > a.selected::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .fc-secondary-nav > .has-children > a::before, .fc-secondary-nav > .has-children > a::after {
    /* remove arrows on secondary nav titles */
    display: none;
  }
  .fc-primary-nav .go-back a {
    padding-left: 20px;
  }
  .fc-primary-nav .go-back a::before, .fc-primary-nav .go-back a::after {
    left: 1px;
  }
}
.cd-search {
  position: absolute;
  height: 50px;
  width: 100%;
  top: 50px;
  left: 0;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}

.cd-search form {
  height: 100%;
  width: 100%;
}

.cd-search input {
  border-radius: 0;
  border: none;
  background: #ffffff;
  height: 100%;
  width: 100%;
  padding: 0 5%;
  box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

.cd-search input::-webkit-input-placeholder {
  color: #c9cbc4;
}

.cd-search input::-moz-placeholder {
  color: #c9cbc4;
}

.cd-search input:-moz-placeholder {
  color: #c9cbc4;
}

.cd-search input:-ms-input-placeholder {
  color: #c9cbc4;
}

.cd-search input:focus {
  outline: none;
}

.cd-search.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.nav-is-fixed .cd-search {
  position: fixed;
}

@media only screen and (min-width: 1200px) {
  .cd-search {
    height: 120px;
    top: 80px;
  }
  .cd-search input {
    padding: 0 2em;
    font-size: 3.2rem;
    font-weight: 300;
  }
}
.fc-overlay {
  /* shadow layer visible when navigation is active */
  position: fixed;
  z-index: 2;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  background-color: rgba(105, 170, 111, 0.8);
  visibility: hidden;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
}

.fc-overlay.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
}

@media only screen and (max-width: 1199px) {
  .fc-overlay.is-visible {
    -webkit-transform: translateX(-260px);
    -moz-transform: translateX(-260px);
    -ms-transform: translateX(-260px);
    -o-transform: translateX(-260px);
    transform: translateX(-260px);
  }
  .nav-on-left .fc-overlay.is-visible {
    -webkit-transform: translateX(260px);
    -moz-transform: translateX(260px);
    -ms-transform: translateX(260px);
    -o-transform: translateX(260px);
    transform: translateX(260px);
  }
  .fc-overlay.is-visible.search-is-visible, .nav-on-left .fc-overlay.is-visible.search-is-visible {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@media (max-width: 768px) {
  .works-area .works-item {
    width: 100% !important;
    height: 100% !important;
    margin-left: 0 !important;
    margin-bottom: 15px;
    margin-right: 0 !important;
  }
  .myAccount .works-area .works-item {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 15px !important;
    position: relative;
  }
  .works-area .works-item.emptyy {
    height: 260px !important;
  }
  .myAccount .works-area {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .works-area .empty img {
    width: 60px !important;
  }
  .filter-content .star-cstm label {
    margin-right: 25px;
    margin-top: 14px;
  }
  .detail .right-side .second-sec ul li b {
    width: 34%;
    font-size: 13px !important;
    word-break: break-word;
  }
  .detail .right-side .second-sec ul li span {
    width: 66%;
    font-size: 13px !important;
  }
  .detail .right-side .second-sec ul li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .sevenservice-page .profile-text ul li a {
    color: #000;
    font-size: 16px;
  }
  .sevenservice-page .profile-text ul.veri li a {
    font-size: 14px !important;
  }
  .myAccount > .row .col-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .myAccount > .row .col-6 .text h3 {
    font-size: 14px;
  }
  .myAccount > .row .col-6 .text h5 {
    font-size: 14px;
  }
  .detail .top .btn-cstm {
    padding: 8px 15px;
    font-size: 14px;
    margin-top: 0;
    margin: 0 0;
    width: 100% !important;
  }
  .sevenservice-page .text-sec {
    padding-bottom: 39px;
  }
  .myAccount .detail .top .col-3 {
    display: initial !important;
    width: 25%;
    margin: 0 !important;
  }
  .regis-page .right-section .form-item .form-check {
    margin-right: 10px;
    display: flex;
    align-items: center;
  }
  .regis-page .form-check-input[type=radio] {
    border-radius: 50%;
    margin-top: 0.3px;
    margin-right: 6px;
  }
  .regis-page .right-section .form-item .form-check label {
    padding-top: 0 !important;
  }
  .content .product-all-item .box {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .regis-section .left-section.formobile {
    margin-top: 10px;
    width: 300px;
    margin: 0 auto;
    margin-top: 20px;
    padding-right: 0;
  }
  .regis-page .regis-section .right-section:before {
    display: none !important;
  }
  .regis-page .regis-section .right-section {
    padding-left: 0;
  }
  .regis-section .left-section.formobile {
    margin-top: 10px;
  }
  .regis-page .text-two {
    margin-top: 20px;
  }
  .cd-primary-nav a, .cd-primary-nav ul a {
    height: 60px;
    line-height: 60px;
    font-size: 16px;
  }
  .project-list-page.project-page .project-item .profile span {
    font-size: 14px;
  }
  .project-list-page.project-page .project-item p {
    font-size: 14px !important;
    line-height: 23px;
  }
  .myVacanciesEdit-page .myAccount .section-md {
    margin-top: 20px;
  }
  .project-list-page.project-page .project-item h2 {
    margin-bottom: 2px;
  }
  .cd-primary-nav.second a i, .cd-primary-nav.second ul a i {
    color: #ffb232;
    margin-right: 4px;
  }
  .project-list-page.project-page.owl-projects .project-item .social.text-left {
    margin-top: 4px;
  }
  .project-list-page.project-page .project-item .profile img {
    width: 38px;
    margin-right: 8px;
    height: 38px;
    border-radius: 50%;
    border: 1px solid #eaeaea;
    margin-left: 0;
    margin-bottom: 6px;
    object-fit: cover;
  }
  .project-list-page.project-page .lookdetail span {
    color: #000;
    font-size: 14px;
  }
  .project-list-page.project-page .project-item .text {
    padding-top: 4px;
  }
  .all-categories .project-list-page.project-page.owl-projects .project-item .date-roc li:first-child i {
    font-size: 15px;
  }
  .all-categories .project-list-page.project-page.owl-projects .project-item .date-roc img {
    width: 20px;
    /* float: left; */
  }
  .choose i {
    color: #ffb232;
  }
  .language > a {
    display: none;
  }
  .language > img {
    display: none;
  }
  .language {
    border-top: 2px solid #fe9900;
  }
  .language ul {
    display: block;
    box-shadow: none;
    width: 100%;
    float: initial;
  }
  .language ul .languageDropdown a {
    padding: 0 8px;
  }
  .other-page .ads-page-new {
    height: auto !important;
    margin-top: 17px;
  }
  .asist {
    display: none;
  }
  .fc-primary-nav {
    width: 100% !important;
    z-index: 999999 !important;
  }
  .fc-main-header {
    z-index: 9999999 !important;
  }
  .fc-primary-nav.nav-is-visible {
    visibility: visible;
    -webkit-transition: visibility 0s 0s;
    -moz-transition: visibility 0s 0s;
    transition: visibility 0s 0s;
    padding-top: 40px !important;
  }
  .nav-is-visible .fc-header-buttons {
    position: absolute;
    display: inline-block;
    top: 0;
    right: 0;
    z-index: 9999999;
  }
  .fc-primary-nav a, .fc-primary-nav ul a {
    text-decoration: none !important;
    padding: 0 15px !important;
  }
  .fc-primary-nav, .fc-primary-nav ul {
    width: 100% !important;
    padding-top: 0px !important;
    background: #fff;
    overflow: hidden;
  }
  #searchTextField2 {
    border: none;
  }
  .fc-overlay.is-visible {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .fc-header-buttons {
    left: 10px !important;
    right: initial !important;
  }
  li.language {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 20px;
    text-align: center;
  }
  li.language a {
    border-bottom: 0 !important;
  }
  .fc-primary-nav a, .fc-primary-nav ul a {
    display: block;
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    font-size: 16px;
  }
  li.language > a {
    font-size: 0 !important;
    display: none !important;
  }
  .language ul .languageDropdown a {
    padding: 0 8px !important;
  }
}
.ui-widget.ui-widget-content {
  border: 1px solid #d3d3d3 !important;
  background-color: #fff !important;
  border-radius: 5px !important;
  z-index: 99999;
}

.ui-autocomplete > li > div {
  color: #222 !important;
  font-size: 13px !important;
}

.autocomplete-input {
  border: none !important;
}

.top-icons .li .fa-twitter {
  color: #000 !important;
}

.fa-crown {
  color: #fe9900;
}

.providers-cstm a {
  text-decoration: none;
}
.providers-cstm .box {
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 1025px) {
  .laila-sec .col-sm-11 {
    border-left: 1px solid #ffe8c5 !important;
  }
  .newmini {
    left: 26px;
    top: 12px;
    z-index: 9;
  }
  .regis-page .regis-section {
    max-width: 680px;
  }
  .regis-page .regis-section .needs-validation.newstyle {
    padding: 0 !important;
    max-width: 300px !important;
    margin: 0 auto;
  }
  .regis-page .regis-section .google-btn {
    font-size: 14px;
  }
  .regis-page .regis-section .face-btn {
    font-size: 14px;
  }
  .regis-page.login-page.personel-data .regis-section .left-section a {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }
  .regis-page .regis-section .image {
    margin-bottom: 30px;
    padding: 20px;
    width: 130px;
    margin-bottom: 30px;
  }
  .login-page .regis-section .left-section {
    max-width: 300px;
  }
  .vacancies .text-cstm p {
    min-height: 110px;
    min-height: 54px;
  }
  .project-all .job-card, .project-all .project-page .project-item, .project-page .project-all .project-item {
    min-height: 261px !important;
  }
  header .top-header .bottom-side .right-side .signopen:hover .account-hover {
    visibility: visible;
    opacity: 1;
    display: block;
    width: 300px !important;
    left: initial !important;
    right: 0 !important;
  }
  header .top-header .bottom-side .right-side .signopen .account-hover {
    width: 300px !important;
    right: 0 !important;
    left: initial !important;
  }
  header .top-header .bottom-side .right-side .signopen .account-hover .list h6 {
    font-size: 16px;
    margin: 5px 0;
  }
  header .top-header .bottom-side .right-side .signopen .account-hover li a {
    padding: 7px 2px !important;
    color: #000 !important;
  }
}
.regis-page .registration.new .btn-cstm {
  font-weight: 400 !important;
  color: #fff !important;
}

.regis-page.other-page.new {
  margin-bottom: 100px;
}

#verifyInput {
  max-width: 268px;
}

@media (max-width: 320px) {
  .pagination-all .pagination .btn {
    font-size: 13px;
    padding: 2px 6px;
    margin: 0px 2px !important;
  }
  .cd-primary-nav a, .cd-primary-nav ul a {
    height: 40px;
    line-height: 40px;
    font-size: 15px;
  }
  .fc-primary-nav a, .fc-primary-nav ul a {
    height: 50px;
    line-height: 50px;
    font-size: 15px;
  }
}
.follow-page .past-item {
  margin-top: 0 !important;
  margin-bottom: 20px !important;
}

.sidecstm {
  height: max-content;
  background: #fff;
  border-top: 3px solid #fe9900;
}
.sidecstm .photo {
  border-top: none !important;
}

.formobile.second .avatar-preview {
  width: 80px;
  height: 80px;
  position: absolute;
  z-index: 99999;
  top: 8px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.formobile.second .avatar-preview #imagePreview {
  width: 80px;
  height: 80px;
  z-index: 99999;
  top: 20px;
  left: 20px;
  background-size: cover;
  border-radius: 80px;
}

@media (min-width: 769px) and (max-width: 1200px) {
  .laila-sec .col-sm-11 {
    border-left: 1px solid #ffe8c5 !important;
  }
  .newmini {
    left: 31px;
    top: 12px;
    z-index: 9;
  }
  header .logo {
    position: absolute;
    right: 0;
    left: 0;
    text-align: center;
    top: 17px;
  }
  .navbar-brand {
    margin-right: 0 !important;
    margin-bottom: 0;
    margin-top: 0;
    top: 9px;
  }
  .kn-new .logo {
    right: initial;
    top: 2px;
    left: 10px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .filter .filter-box {
    margin-top: 20px;
  }
  .filter .filter-content {
    padding-top: 10px !important;
  }
  .job-ads-w .asist {
    display: none;
  }
  .noasist .asist {
    display: none;
  }
  .service-all .service-item {
    border: none !important;
  }
  .service-all .mobile-wrap {
    border: 1px solid #f1f1f1;
  }
  header .navbar-brand img {
    margin-top: 0;
  }
  .formobile li.language > a {
    font-size: 0 !important;
    display: none !important;
  }
  .formobile .language > img {
    display: none;
  }
  .header-all.row .header-left {
    width: 0;
  }
  .header-all.row .mobile-flex {
    width: 100%;
  }
  .header-all.row .mobile-flex .bottom-side .search-sign {
    display: block;
  }
  .header-all.row .mobile-flex .bottom-side .search-sign .search-section {
    width: 70%;
    margin-top: 30px !important;
  }
  header .top-header .bottom-side .right-side {
    text-align: right;
    padding-top: 0;
    float: right !important;
    width: 100% !important;
  }
  footer .footer-top .list ul {
    display: block !important;
  }
  ul.right-side li.nati-li {
    display: none !important;
  }
  header .top-header .bottom-side .right-side li:first-child {
    padding: 10px 6px !important;
    padding-top: 5px !important;
  }
  header .top-header .bottom-side .right-side .list li:first-child {
    padding: 0 0 !important;
    padding-top: 0 !important;
  }
  .search-section .search-sign {
    display: initial !important;
    position: initial !important;
    float: initial !important;
    flex-flow: initial !important;
  }
  .search-sign .sign-section {
    margin-top: 0;
    top: 0;
    flex: initial !important;
    white-space: initial !important;
    display: block;
    float: initial !important;
    min-width: initial !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100% !important;
    z-index: 5;
    position: initial !important;
  }
  .search-sign .search-section {
    width: 100%;
    margin: 0 auto;
    float: none;
    margin-top: 20px;
    position: relative;
    top: 0px;
    -webkit-box: initial;
    -moz-box: initial;
    -webkit-flex: initial;
    -ms-flex: initial;
    flex: initial;
    overflow: initial;
    box-sizing: initial;
    -moz-box-sizing: initial;
    -webkit-box-sizing: initial;
    width: initial;
    white-space: initial;
    margin-left: 0;
  }
  .fordesktop {
    display: none;
  }
  .formobile {
    display: block !important;
  }
  .regis-page .fordesktop {
    display: block !important;
  }
  .regis-page .formobile {
    display: none !important;
  }
  .hidden-mobile {
    display: none !important;
  }
  .bottomMenu {
    display: block !important;
  }
  header .top-header .bottom-side {
    display: none !important;
  }
  .clickmenu.formobile {
    display: initial !important;
  }
  body.fixed {
    overflow: hidden;
  }
  .login-list li {
    list-style-type: none;
  }
  .language ul li {
    display: inline-flex;
    margin-right: 9px;
  }
  .ui-sortable .image {
    width: 100px;
  }
  .loginOpened {
    overflow: hidden;
  }
  .acspec {
    display: none !important;
  }
  .menuOpened .menu_overlay {
    display: block;
  }
  .noo-mobile {
    display: none !important;
  }
  header .top-header .top-side .right-side {
    text-align: center;
  }
  .search-button {
    text-align: center;
    height: 42px;
    font-size: 20px;
  }
  .mobile-flex {
    display: flex;
    flex-direction: column;
  }
  .bottom-header ul {
    flex-wrap: initial !important;
    overflow-x: auto;
    display: flex;
  }
  .cd-auto-hide-header {
    padding-top: 0;
    padding-bottom: 0;
  }
  .project i {
    display: none;
  }
  .openMenu {
    z-index: 9999;
    top: 20px;
  }
  .openMenu span {
    font-size: 0;
  }
  .openMenu i {
    font-size: 20px;
  }
  header .top-header .bottom-side .right-side li:first-child {
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 8px 6px;
    padding-top: 4px;
    position: relative;
  }
  header .top-header .bottom-side .right-side li:nth-child(2) {
    position: relative;
    top: -12px;
  }
  header i.far.fa-bell {
    font-size: 20px;
    color: #fff;
    position: relative;
    top: -3px;
  }
  header .top-header .bottom-side .right-side li a {
    font-size: 13px;
    float: left;
  }
  header .top-header .bottom-side .right-side li {
    display: inline-block;
    margin: 0 3px;
  }
  header .top-header .bottom-side .right-side li .nati-all {
    display: none;
    height: initial;
    width: initial;
  }
  header .top-header .bottom-side .right-side li:last-child {
    width: 135px;
    display: none !important;
  }
  header i.fa-solid.fa-user {
    font-size: 20px;
    color: #fff;
    position: relative;
    top: 3px;
  }
  header .cd-main-header.nav-is-visible i.fa-solid.fa-user {
    color: #000 !important;
    font-size: 30px;
  }
  header .menu-top {
    text-align: center;
  }
  .hidden-mobile {
    display: none;
  }
  .sign.hidden-mobile {
    display: block !important;
  }
  .hidden-desktop {
    display: block;
    text-align: center;
  }
  .hidden-desktop a {
    color: #fff;
    font-size: 13px;
    margin: 0 4px;
  }
  header .top-header .bottom-side {
    display: none !important;
  }
  header .top-header .bottom-side.formobile {
    display: block !important;
  }
  #searchbtn {
    position: absolute;
    right: 60px;
    top: 11px;
    z-index: 999;
    color: white;
    font-size: 21px;
  }
  .search-section {
    display: none;
    margin-top: 20px;
    position: relative;
    top: 18px;
  }
  header i.fa-solid.fa-user {
    font-size: 20px;
    color: #fff;
    position: relative;
    top: 19px;
    padding-right: 0;
    float: left;
    width: 26px;
    margin-right: 0;
    right: 0;
    text-align: right;
  }
  .cd-main-header.formobile.second.nav-is-visible {
    top: -80px;
  }
  header .no-active i.fa-solid.fa-user {
    top: 6px !important;
    float: right;
    position: absolute;
    right: 20px;
  }
  .searchbtn i {
    font-size: 20px;
  }
  header .top-header .bottom-side .right-side li a {
    font-size: 14px;
  }
  header .top-header .bottom-side .right-side li.signopen a {
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: pre-wrap;
  }
  .hidden-mobile {
    display: none !important;
  }
  header .top-header .top-side .right-side {
    display: none !important;
  }
  header .top-header .bottom-side {
    display: block;
  }
  .sidebarMenu a:hover {
    color: #000 !important;
  }
  .sidebarMenu {
    top: 50px;
    width: 80%;
    height: 100%;
    padding-left: 0;
    padding-right: 0 !important;
    z-index: 999999;
    padding-left: 20px;
  }
  .login-list {
    top: 50px;
    width: 85%;
    height: 100%;
    padding-left: 0;
    padding-right: 0 !important;
    z-index: 999999;
  }
  .login-list .caption {
    margin-bottom: 10px;
    padding-bottom: 0;
    margin-left: 15px;
  }
  .login-list .login-section {
    margin-bottom: 10px;
    border-bottom: 2px dotted #FE9900;
    padding-bottom: 10px;
  }
  .login-list .login-section ul li {
    width: 40%;
    display: inline-block;
    margin-right: 5px;
    margin-left: 14px;
  }
  .login-list .login-section ul li a {
    margin: 0;
    padding: 5px 0;
    background: #000;
    color: #fff;
  }
  .login-list .login-section ul li a:before {
    display: none !important;
  }
  .login-list .login-section ul li:first-child a {
    background: #FE9900;
    color: #fff;
  }
  .login-list .login-section ul li:last-child a {
    background: transparent;
    border: 1px solid #FE9900;
    color: #000;
  }
  .login-list li {
    margin-bottom: 8px;
  }
  .login-list li a {
    border: none;
    font-size: 17px;
    position: relative;
  }
  .login-list li a:before {
    content: "-";
    position: relative;
    left: -10px;
  }
  .login-list .sidebar-item {
    border: none !important;
    border-bottom: 1px dotted #FE9900 !important;
    padding-bottom: 3px;
    padding-left: 15px;
    border-radius: 0;
    padding-right: 15px;
  }
  .login-list h6 {
    font-weight: 600;
    font-size: 18px;
  }
  .cd-primary-nav {
    width: 100% !important;
    z-index: 9999 !important;
  }
  .cd-main-header {
    z-index: 99999 !important;
  }
  .cd-primary-nav.nav-is-visible.second {
    visibility: visible;
    -webkit-transition: visibility 0s 0s;
    -moz-transition: visibility 0s 0s;
    transition: visibility 0s 0s;
    padding-top: 30px;
  }
  .nav-is-visible.second .fa-user:before {
    content: "\f00d";
  }
  .nav-is-visible.second .cd-header-buttons {
    position: absolute;
    display: inline-block;
    top: 0;
    right: 0;
  }
  .cd-primary-nav.second a, .cd-primary-nav.second ul a {
    text-decoration: none !important;
    font-size: 16px;
  }
  .cd-primary-nav.second, .cd-primary-nav.second ul {
    width: 100% !important;
    padding-top: 130px !important;
    background: #fff;
    overflow-y: scroll;
    overflow-x: hidden;
  }
  ul.right-side li.nati-li {
    display: none !important;
  }
  .cd-main-header.nav-is-visible {
    position: relative;
    z-index: 9999;
  }
  .nav-is-visible.second .cd-header-buttons {
    top: 0;
  }
  .second-trigger {
    font-size: 0;
    text-decoration: none !important;
  }
  .bottomMenu img {
    width: 20px;
    display: block;
    margin: 0 auto;
  }
  .myAccount .sidebar-item {
    display: none;
  }
  #cd-primary-nav li img {
    width: 20px !important;
    margin-right: 10px;
    position: relative;
    top: 4px;
  }
  .bottomMenu {
    float: left;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1002;
    background: #fff;
    border-top: 1px solid #cecece;
    display: block;
    padding-bottom: 20px;
  }
  .bottomMenu ul {
    margin: 0;
  }
  .bottomMenu ul li {
    float: left;
    width: 25%;
  }
  .bottomMenu ul li a {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 12px;
    padding: 5px 0;
    color: #000;
    position: relative;
    text-decoration: none;
  }
  .bottomMenu ul li a i {
    display: block;
    margin: 0 auto 3px;
    font-size: 18px;
  }
  .fc-primary-nav {
    width: 100% !important;
    z-index: 999999 !important;
  }
  .fc-main-header {
    z-index: 9999999 !important;
  }
  .fc-primary-nav.nav-is-visible {
    visibility: visible;
    -webkit-transition: visibility 0s 0s;
    -moz-transition: visibility 0s 0s;
    transition: visibility 0s 0s;
    padding-top: 40px !important;
  }
  .nav-is-visible .fc-header-buttons {
    position: absolute;
    display: inline-block;
    top: 0;
    right: 0;
    z-index: 9999999;
  }
  .fc-primary-nav a, .fc-primary-nav ul a {
    text-decoration: none !important;
    padding: 0 15px !important;
  }
  .fc-primary-nav, .fc-primary-nav ul {
    width: 100% !important;
    padding-top: 0px !important;
    background: #fff;
    overflow: hidden;
  }
  #searchTextField2 {
    border: none;
  }
  .fc-overlay.is-visible {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .fc-header-buttons {
    left: 10px !important;
    right: initial !important;
  }
  #searchbtn {
    position: absolute;
    right: 60px;
    top: 11px;
    z-index: 999;
    color: white;
    font-size: 21px;
  }
  .search-input {
    width: calc(100% - 52px) !important;
  }
  .search-section {
    display: none;
    margin-top: 20px;
    position: relative;
    top: 18px;
  }
  header .navbar-brand img {
    width: 100px !important;
    margin-top: -5px;
    margin-left: 0;
  }
  header .top-header {
    padding-bottom: 5px;
  }
  .slider.formobile {
    display: none !important;
  }
  .search-box {
    width: 100%;
  }
  .search-input {
    height: 42px;
  }
  .search-button {
    text-align: center;
    height: 42px;
    font-size: 20px;
    width: 52px;
    position: absolute;
    right: 0px;
    padding: 0 !important;
    margin: 0 !important;
  }
  .three-search {
    display: flex;
    margin-bottom: 10px;
    justify-content: center;
  }
  .three-search a {
    color: #fff;
    text-decoration: none;
    margin: 0 7px !important;
  }
  .header-all .right-section {
    margin-top: 15px;
  }
  a.join span {
    top: 26px !important;
    float: right;
    position: absolute;
    right: 20px;
    color: #fff;
    font-size: 18px;
  }
  .search-sign .search-section {
    width: 100% !important;
  }
  .index-page-new .sliderbanner .text {
    margin-top: 10px !important;
  }
  .myAccount .sidebar-item {
    display: none;
  }
  .myAccount > .row > .col-sm-3 {
    display: none;
  }
  .myAccount > .row > .col-sm-9 {
    width: 100%;
  }
  .index-page-new .sliderbanner .text h3 {
    font-size: 37px;
  }
  .index-page-new .sliderbanner .text span {
    margin-top: 20px;
    display: block;
    font-size: 21px !important;
  }
  .index-page-new .sliderbanner .text h3 {
    font-size: 28px !important;
  }
  .index-page-new .second-section li span {
    font-size: 13px !important;
  }
  .index-page-new .second-section li a {
    background: #fff;
    padding: 18px 1px;
    margin-bottom: 10px;
    display: block;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    color: #333;
    border-radius: 10px;
  }
  .index-page-new .second-section li span {
    font-size: 15px;
  }
  .index-page-new .second-section li {
    width: 23%;
    margin: 0 5px;
    display: inline-block;
    border-radius: 10px;
  }
  .formobile.messagemb {
    display: none !important;
  }
  .index-page-new .five-section .buttons .btn-cstm i {
    line-height: 50px !important;
  }
}
.newicon {
  width: 22px;
  position: relative;
  top: 4px;
  margin-right: 6px;
  filter: brightness(0) invert(1);
}

.index-page-new .sliderbanner {
  padding-top: 0;
  position: relative;
  top: -3px;
}
.index-page-new .sliderbanner p.last {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 300;
  color: #fff;
  margin-left: 3px;
}
.index-page-new .sliderbanner .text {
  margin-top: 120px;
}
.index-page-new .sliderbanner .text span {
  font-weight: 300;
  font-size: 33px;
  color: #fff;
}
.index-page-new .sliderbanner .text h3 {
  font-size: 80px;
  font-weight: 600;
  color: #fff;
  margin: 6px 0;
}
.index-page-new .sliderbanner .text h5 {
  font-size: 22px;
  font-weight: 300;
  color: #fff;
}
.index-page-new .sliderbanner .search-sign {
  margin-top: 12px;
  width: 82%;
  min-width: 500px;
}
.index-page-new .sliderbanner .three-search {
  margin-top: 30px;
}
.index-page-new .sliderbanner .three-search li {
  display: inline;
  margin: 0 8px;
}
.index-page-new .sliderbanner .three-search li:first-child {
  margin-left: 0;
}
.index-page-new .sliderbanner .three-search li a {
  text-decoration: none !important;
  text-decoration: none;
  position: relative;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  color: #fff2f2;
  font-weight: 400;
  font-size: 17px;
}
.index-page-new .sliderbanner .three-search li a:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0px;
  background: #FE9900;
  bottom: -5px;
  height: 2px;
  opacity: 1;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  transition: width 0.1s ease;
}
.index-page-new .sliderbanner .three-search li a:hover:before {
  opacity: 1;
  width: 100% !important;
}
.index-page-new .sliderbanner {
  background: #FD9927;
  background: url(https://sqillsitestorage.blob.core.windows.net/sqillsite-container/sqill-1746028060922-slide.webp);
  background-size: cover;
  position: relative;
}
.index-page-new .sliderbanner:before {
  content: "";
  background: rgba(0, 0, 0, 0.5294117647);
  width: 100%;
  height: 100%;
  position: absolute;
}
.index-page-new .sliderbanner .right-section {
  margin-bottom: 17px;
}
.index-page-new .search-button {
  background: #fe9900;
  padding-right: 8px;
}
.index-page-new .slider-bottom {
  background: linear-gradient(to right, #202a38, #303b4c, #303b4c, #0b1526);
  color: #fff;
  text-align: center;
  padding: 20px 0;
  position: relative;
  top: -5px;
}
.index-page-new .slider-bottom h6 {
  font-size: 27px;
}
.index-page-new .first-section {
  background: #fff;
  padding: 30px;
  margin: 35px 0;
  border-radius: 10px;
}
.index-page-new .first-section .left-sec {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.index-page-new .first-section .image img {
  border-radius: 10px;
}
.index-page-new .first-section .caption {
  margin-bottom: 30px;
}
.index-page-new .first-section .caption span {
  font-size: 23px;
  color: #333;
  font-weight: 400;
  display: block;
  margin-bottom: 4px;
}
.index-page-new .first-section .caption h3 {
  font-size: 35px;
  font-weight: 600;
}
.index-page-new .first-section li {
  margin-bottom: 30px;
  display: inline-flex;
  width: 100%;
}
.index-page-new .first-section li h6 {
  font-weight: 500;
  font-size: 21px;
  color: #333;
  margin-bottom: 4px;
}
.index-page-new .first-section li p {
  font-weight: 300;
  font-size: 18px;
  color: #333;
}
.index-page-new .first-section li i {
  width: 30px;
  margin-top: 7px;
  color: #333;
}
.index-page-new .second-section .caption {
  margin-bottom: 35px;
}
.index-page-new .second-section .caption h3 {
  font-size: 35px;
  font-weight: 600;
}
.index-page-new .second-section li {
  width: 24.3%;
  margin: 0 5px;
  display: inline-block;
  border-radius: 10px;
}
.index-page-new .second-section li span {
  color: #333;
  font-weight: 500;
  font-size: 19px;
  margin-left: 0;
}
.index-page-new .second-section li a {
  background: #fff;
  padding: 27px 20px;
  margin-bottom: 10px;
  display: block;
  text-decoration: none;
  font-weight: 600;
  font-size: 22px;
  color: #333;
  border-radius: 10px;
  display: flex;
  align-items: center;
  position: relative;
  transition: all 0.3s ease;
  overflow: hidden;
  transition: box-shadow 0.3s ease;
}
.index-page-new .second-section li a:hover {
  box-shadow: 0 0.08px 2.55728px rgba(0, 0, 0, 0.053), 0 1.28px 5.57858px rgba(0, 0, 0, 0.077), 0 3px 10px rgba(0, 0, 0, 0.13);
}
@keyframes shine {
  0% {
    left: -75%;
  }
  100% {
    left: 125%;
  }
}
@keyframes gradientBG {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
.index-page-new .three-section {
  background: #fff;
  padding: 30px;
  margin: 35px 0;
  border-radius: 10px;
}
.index-page-new .three-section .col-xl-4 {
  display: flex;
  align-items: center;
}
.index-page-new .three-section .caption {
  margin-bottom: 30px;
}
.index-page-new .three-section .caption h3 {
  font-weight: 600;
  font-size: 40px;
}
.index-page-new .three-section li {
  margin-bottom: 20px;
  position: relative;
  margin-left: 20px;
  padding-left: 15px;
}
.index-page-new .three-section li:before {
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 5px;
  position: absolute;
  left: -15px;
  top: 4px;
  color: #fe9900;
}
.index-page-new .three-section li b {
  font-weight: 500;
  color: #333333;
  font-size: 21px;
  display: block;
  margin-bottom: 8px;
}
.index-page-new .three-section li p {
  font-weight: 400;
  color: #333333;
  font-size: 16px;
  line-height: 22px;
}
.index-page-new .five-section {
  background: #fff;
  border-radius: 10px;
  position: relative;
  margin-bottom: 35px;
}
.index-page-new .five-section:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 0;
  border-radius: 10px;
}
.index-page-new .five-section .abs-cstm {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 100%;
  padding-top: 0px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.index-page-new .five-section .buttons .btn-item {
  width: 49%;
  display: inline-block;
}
.index-page-new .five-section .buttons .btn-cstm {
  font-size: 22px;
  font-weight: 400;
  color: #fff;
  margin-top: 15px;
  background: #FE8E00;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: none !important;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  padding: 20px 20px;
  display: block;
  margin: 0 20px;
  position: relative;
  text-align: left;
}
.index-page-new .five-section .buttons .btn-cstm:hover {
  background: #ffb23e;
}
.index-page-new .five-section .buttons .btn-cstm i {
  float: right;
  background: #fff;
  color: #fe9900;
  width: 86px;
  text-align: center;
  height: 100%;
  top: 0;
  margin-top: 0;
  padding-top: 0;
  position: absolute;
  right: 0;
  line-height: 78px;
  font-size: 32px;
}
.index-page-new .five-section img {
  width: 100%;
  border-radius: 10px;
}
.index-page-new .five-section .text {
  padding: 20px;
  margin-bottom: 30px;
}
.index-page-new .five-section .text span {
  font-weight: 600;
  font-size: 50px;
  color: #fff;
  display: block;
  margin-bottom: 30px;
}
.index-page-new .five-section .text h6 {
  font-size: 23px;
  font-weight: 300;
  color: #fff;
  margin-bottom: 10px;
}
.index-page-new .five-section .text p {
  font-size: 23px;
  font-weight: 300;
  color: #fff;
  margin-bottom: 10px;
}
.index-page-new .video-section {
  position: relative;
}
.index-page-new .video-section img {
  border-radius: 10px;
}
.index-page-new .video-section a:before {
  content: "";
  background: rgba(0, 0, 0, 0.22);
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 10px;
  margin: 0 auto;
}
.index-page-new .video-section i {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
  top: 42%;
  font-size: 65px;
  color: #fff;
}
.index-page-new .video-section a:hover i {
  color: #fe9a01;
}
.index-page-new .newsection .buttons .btn-item {
  width: 33%;
  padding-left: 0;
}
.index-page-new .newsection .text p {
  font-size: 23px;
  font-weight: 300;
  color: #fff;
  margin-bottom: 17px;
}
.index-page-new .newsection .text h6 {
  font-size: 23px;
  font-weight: 300;
  color: #fff;
  margin-bottom: 17px;
}
.index-page-new .six-section {
  margin: 35px 0;
  border-radius: 10px;
  background: #fff;
  border-radius: 10px;
}
.index-page-new .six-section .text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 30px;
}
.index-page-new .six-section .text span {
  font-weight: 400;
  font-size: 27px;
}
.index-page-new .six-section .text h6 {
  font-size: 35px;
  font-weight: 600;
  margin-bottom: 15px;
}
.index-page-new .six-section .text p {
  font-weight: 300;
  font-size: 22px;
  line-height: 29px;
}
.index-page-new .six-section .text .btn-cstm {
  background: #FE9900;
  color: #fff;
  margin-top: 20px;
}
.index-page-new .six-section img {
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.index-page-new .six-section.right .image {
  text-align: right;
}
.index-page-new .six-section.right img {
  border-radius: 0;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.buttons .fa-arrow-right:before {
  content: "\f061";
  position: relative;
  top: -3px;
}

header.kn-new {
  display: block;
}
header.kn-new .top-header {
  padding: 15px 0;
  margin: 0 auto;
}
header.kn-new .top-header .top-side .language, header.kn-new .top-header header .top-header .top-side .account, header.kn-new .top-header header .top-header .top-side .choose {
  background: transparent;
}
header.kn-new .dropdown-item {
  border-radius: 8px;
}
header.kn-new .language {
  padding-top: 14px !important;
}
header.kn-new .language a {
  text-decoration: none;
}
header.kn-new .language svg {
  float: left;
  margin-right: 5px;
  position: relative;
  top: 0;
  left: 2px;
}
header.kn-new .language .fa-angle-down {
  margin-left: 4px;
}
header.kn-new .language.spymob {
  margin-right: 6px;
}
header.kn-new .dropdown-toggle::after {
  display: inline-block;
  margin-left: initial;
  vertical-align: initial;
  content: "\f107";
  border-top: initial;
  border-right: initial;
  border-bottom: 0;
  border-left: initial;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: relative;
  top: 1px;
  margin-left: 4px;
}

.kn-new .navbar-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-end;
}

.kn-new .nav-item {
  position: relative;
}

a {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.sign-login {
  padding: 0 0px;
  margin-left: 10px;
  top: 6px;
  height: 32px;
}
.sign-login a {
  border: 1px solid #fe9900;
  margin: 0 !important;
  padding: 0 8px !important;
  padding-right: 13px !important;
  padding-left: 13px !important;
  padding-top: 7px !important;
  color: #fe9900 !important;
  height: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border-radius: 5px;
}
.sign-login a:hover {
  color: #fff !important;
  border-radius: 5px;
  background: #fe9900 !important;
}
.sign-login .sign {
  margin: 0 !important;
  padding: 14px 0 !important;
  padding-right: 4px !important;
  padding-left: 13px !important;
}

.kn-new .nav-item a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 9px;
  text-decoration: none;
  margin: 0 2px;
}

.kn-new .dropdown-menu {
  display: none;
  position: absolute;
  background-color: #0d1218;
  min-width: 160px;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 1;
  border-radius: 10px;
}

.kn-new .dropdown-item:focus, .kn-new .dropdown-item:hover {
  color: #1e2125;
  background-color: #151c25;
}

.kn-new .dropdown-menu .dropdown-item a {
  padding: 12px 16px;
  display: block;
  text-align: left;
}

.kn-new .nav-item:hover .dropdown-menu {
  display: block;
}

.kn-new .navbar {
  padding: 0 !important;
  justify-content: flex-end;
}

.index-page-new ul.three-search li.active a {
  position: relative;
  font-weight: 600;
  color: #fff;
}

.index-page-new ul.three-search li.active a:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.6) 25%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0.6) 75%, rgba(255, 255, 255, 0.3) 100%);
  bottom: -5px;
  height: 2px;
  width: 100% !important;
  opacity: 1;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  transition: width 0.4s ease;
}

.kn-new .menu-icon {
  display: none;
  cursor: pointer;
  padding: 14px 20px;
  position: absolute;
  top: 0;
  right: 0;
}

.index-page-new .eight-section {
  margin-bottom: 50px;
}
.index-page-new .eight-section a {
  text-decoration: none;
}
.index-page-new .eight-section .box {
  margin-bottom: 20px;
  padding: 0;
}
.index-page-new .eight-section .box img {
  width: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.index-page-new .eight-section .box .text {
  text-align: left;
  margin: 15px;
}
.index-page-new .eight-section .box .text h6 {
  margin: 20px 0;
  font-size: 22px;
  color: #333;
  font-weight: 600;
  color: #212529;
}
.index-page-new .eight-section .box .text p {
  font-size: 17px;
  color: #333;
  line-height: 21px;
  min-height: 41px;
}
.index-page-new .eight-section .box .btn-cstm {
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  margin-top: 15px;
  background: #fe9900;
  border: 1px solid #D6D6D6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  padding: 10px 25px;
  min-width: 202px;
}
.index-page-new .eight-section .box .btn-cstm:hover {
  background: #ffb23e;
}
.index-page-new .eight-section .title h6 {
  text-align: left;
  margin-bottom: 20px;
  font-size: 35px;
  font-weight: 600;
}

.kn-new .menu-icon span {
  display: block;
  width: 25px;
  height: 3px;
  background-color: white;
  margin: 5px 0;
}

.kn-new #drawer-toggle-label {
  display: none;
}

header .top-header .top-side .language ul, header .top-header .top-side .choose ul {
  top: 36px;
  z-index: 9;
}

header.kn-new .dropdown:hover .dropdown-toggle::after {
  transform: rotate(180deg) translateY(1px);
  transition: transform 0.2s ease-in-out;
}

.providers-cstm .username span {
  margin-top: 10px;
  display: block;
  text-align: left;
  color: #000;
}
.providers-cstm .provide-card .box .name {
  justify-content: left;
}
.providers-cstm .provide-card .box .name h5 {
  color: #333;
  margin-left: 0;
  padding-left: 1px;
  text-align: left !important;
}

.index-page-new .video-section {
  overflow: hidden;
}

.video-section a {
  height: 100%;
  display: block;
  position: relative;
}

.index-page-new .video-section::after {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 100%);
  transform: skewX(-25deg);
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.index-page-new .video-section:hover::after {
  animation: shinee 1s ease;
  opacity: 1;
}

@keyframes shinee {
  0% {
    left: -75%;
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  100% {
    left: 125%;
    opacity: 0;
  }
}
.filter #searchInput {
  padding: 11.5px;
}
.filter #currency {
  padding-top: 9.5px !important;
  padding-bottom: 9.5px !important;
}
.filter #searchInput {
  border-radius: 4px !important;
}
.filter .filter-content .form-group .input-group .form-control {
  border-radius: 4px !important;
}
.filter .filter-content .form-group .input-group .input-group-text {
  background-color: transparent;
  border: none !important;
  border-radius: 4px !important;
}
.filter .form-select {
  border-radius: 4px !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #fe9900 !important;
  color: white;
}

.form-select:focus {
  border-color: #fe9900 !important;
  box-shadow: none !important;
}

.form-control:focus {
  border-color: #fe9900 !important;
  outline: 0;
  box-shadow: none !important;
}

.project-detail .social-section ul li {
  margin: 0 6px;
}

@media screen and (max-width: 1500px) {
  .index-page-new .eight-section .box .text h6 {
    margin: 10px 0;
    font-size: 19px;
    color: #333;
    font-weight: 600;
    color: #212529;
  }
  .index-page-new .eight-section .box .text {
    text-align: left;
    margin: 1px;
    padding: 0 10px;
    padding-bottom: 10px;
  }
}
@media screen and (min-width: 1500px) {
  header.kn-new .container {
    max-width: 1540px;
  }
}
.spy-desk {
  display: none !important;
}

@media only screen and (max-width: 1500px) {
  .index-page-new .slider-bottom h6 {
    font-size: 13px;
  }
  .index-page-new .second-section li span {
    font-size: 17px;
    position: relative;
    top: -3px;
  }
  .index-page-new .five-section .text span {
    font-size: 34px;
  }
  .index-page-new .five-section .text p {
    font-size: 20px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 10px;
  }
}
header.kn-new {
  position: sticky;
  top: 0;
}

.why-item .box-content a {
  color: #fff;
  border: none;
  padding: 10px;
  margin-top: 10px;
  /* display: block; */
  text-decoration: none;
  position: relative;
  top: 20px;
  border-radius: 4px;
  background: #fe9a01;
  border: 1px solid #fe9a01;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  display: table-cell;
}
.why-item .box-content a:hover {
  background: #f8a424;
  color: #000;
  border-color: #f8a424;
}

@media only screen and (max-width: 1200px) {
  .index-page-new .slider-bottom h6 {
    font-size: 25px;
  }
  .index-page-new .second-section li span {
    font-size: 16px !important;
  }
  .index-page-new .five-section .buttons .btn-cstm {
    font-size: 18px !important;
    display: block;
    margin: 0 10px !important;
  }
  .index-page-new .five-section .buttons .btn-cstm i {
    float: right;
    background: #fff;
    color: #fe9900;
    width: 61px !important;
    right: 0;
    line-height: 72px !important;
    font-size: 25px !important;
  }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000 !important;
    font-size: 12px !important;
    line-height: 27px !important;
  }
  .help-page.pricing-subs .help-box .box-item {
    height: calc(100% - 20px);
  }
  .regis-page .regis-section .right-section {
    padding-left: 15px;
    position: relative;
  }
  .regis-page .regis-section .left-section {
    padding-right: 15px;
  }
  header .bottom-header ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
  }
  header .bottom-header ul::-webkit-scrollbar {
    width: 1px;
    background-color: #F5F5F5;
    height: 2px;
  }
  header .bottom-header ul::-webkit-scrollbar-thumb {
    background-color: #FE9900;
    height: 2px;
  }
  .vacancies .text-cstm p {
    font-weight: 400;
    margin-bottom: 30px;
    font-size: 13px;
    line-height: 19px;
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .myAccount .row > .col-xl-3.col-sm-0 {
    display: none;
  }
  .job-ads-w .myAccount {
    padding-top: 0 !important;
  }
  .job-ads-w .myAccount .title h2 {
    margin-top: 0 !important;
  }
  .other-page .myAccount .form-check .form-check-input {
    margin-right: 4px !important;
    margin-left: 0 !important;
  }
  .other-page .myAccount .form-check #Expectedstart4 {
    margin-right: 4px !important;
    width: 18px !important;
    height: 18px !important;
    top: 3px !important;
  }
  .project-page .form-item .form-check {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
  .form-item.check-spec .form-check-input[type=checkbox] {
    width: 1.2em !important;
    height: 1em !important;
  }
  .appy-page .form-check-input[type=checkbox] {
    width: 20px;
    height: 20px;
  }
  .form-item.check-spec .form-check-input:checked + .form-item.check-spec .form-check-label {
    margin-left: 5px !important;
  }
  .form-item.check-spec .form-check-input {
    margin-right: 5px !important;
  }
  .project-page.other-page .form-check .form-check-input {
    margin-left: 0 !important;
    top: 0;
    position: relative;
  }
  .project-page.other-page .form-item.check-spec .form-check-input {
    margin-left: 0 !important;
    top: -10px;
    position: relative;
  }
  .all-items .item {
    margin-bottom: 10px;
  }
  .index-page .owl-nav {
    top: 54% !important;
  }
  .other-page .myAccount .needs-validation .row .col-lg-12 > .form-item:last-child .form-check {
    display: inline-block !important;
  }
}
.modal.show {
  z-index: 9999999 !important;
}

@media screen and (max-width: 768px) {
  header {
    position: relative !important;
    top: 0;
  }
  header.kn-new {
    position: sticky !important;
    top: 0;
  }
  .headerSearchForm .search-button i {
    color: #fff !important;
  }
  .project-list-page.project-page.follow-detail .project-item p {
    line-height: 21px !important;
  }
  .project-list-page.project-page.follow-detail .project-item .text {
    height: 101px !important;
  }
  .project-list-page.project-page.lastcstm .myAccount .content-text .project-item p {
    line-height: 21px !important;
  }
  .about-page .section .image {
    text-align: center;
  }
  .about-page .section .image img {
    margin: 0 auto;
    width: 240px;
  }
  .about-page .section .image-about {
    text-align: center;
  }
  .about-page .section .image-about img {
    margin: 0 auto;
    width: 240px;
  }
  .kn-new .dropdown-menu .dropdown-item a {
    padding: 6px 8px !important;
    display: block;
    text-align: left;
    font-size: 15px !important;
  }
  .index-page-new .eight-section .box .text p {
    font-size: 16px;
    line-height: 23px;
  }
  .video-section a {
    height: 100%;
    display: block;
  }
  .index-page-new .video-section i {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    top: 0;
    font-size: 65px;
    color: #fff;
    height: 100%;
    display: block;
    padding-top: 33%;
  }
  .other-page .myAccount .form-check .form-check-input {
    margin-right: 9px !important;
    margin-left: 0 !important;
  }
  .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 15px !important;
    padding-top: 7px;
  }
  #searchInput {
    font-size: 15px !important;
  }
  .select2-results__option {
    font-size: 14px !important;
  }
  header.kn-new .language svg {
    top: 3px;
  }
  .index-page-new .five-section .buttons .btn-cstm {
    padding: 10px 10px !important;
  }
  .six-section .col-xl-6 {
    padding: 0 !important;
  }
  .six-section .col-xl-6 .image img {
    border-radius: 10px !important;
  }
  .dropdown-menu {
    display: none;
    background: transparent !important;
    border: none !important;
  }
  .kn-new .nav-item:hover .dropdown-menu {
    display: none;
  }
  .kn-new .dropdown-menu {
    display: none;
    position: relative !important;
  }
  .sliderbanner {
    background: url("../img/mobilebanner.webp") !important;
  }
  .sliderbanner:before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85) !important;
    position: absolute;
    top: 0;
  }
  .spy-desk {
    display: block !important;
  }
  .spy-desk ul {
    visibility: hidden;
    opacity: 0;
    min-width: 100%;
    position: absolute;
    transition: all 0.5s ease;
    margin-top: 0;
    left: 0;
    display: none;
    position: absolute;
    background: #fff;
    border: 1px solid #bbb;
    padding: 10px;
    margin: 0;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
    -ms-user-select: none;
    zoom: 1;
    -webkit-transform: translate3d(0, 0, 0);
    font-size: 14px;
    font-family: inherit;
    line-height: normal;
  }
  .spy-desk ul li {
    clear: both;
    width: 100%;
    text-align: center;
  }
  .spy-desk ul li a {
    display: block;
    width: 100% !important;
    margin: 0 auto;
  }
  .spy-desk .language:hover ul {
    visibility: visible;
    opacity: 1;
    display: block;
  }
  .spy-desk li.language > a {
    font-size: 13px !important;
    display: block !important;
    color: #fff;
  }
  .spy-desk .language svg {
    float: left;
    margin-right: 5px;
    color: #fff !important;
  }
  .spy-desk li.language {
    border: none !important;
    padding-top: 5px !important;
  }
  .spy-desk ul > li > a {
    color: #000;
  }
  .spymob {
    display: none;
  }
  .kn-new #drawer-toggle-label {
    display: block;
  }
  .kn-new .navbar-menu {
    position: fixed;
    top: 0;
    left: -100%;
    right: initial;
    height: 100%;
    width: 350px;
    background: #fff;
    overflow: auto;
    max-height: 100%;
    padding: 20px 0;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    z-index: 9;
    border-top: 10px solid #fe9900;
    display: block !important;
  }
  .kn-new .navbar-menu {
    left: -100%;
    flex-direction: column;
    width: calc(100% - 64px);
    border-top: 2px solid #fe9900;
    padding-top: 0 !important;
    padding-bottom: 15px !important;
  }
  .kn-new .navbar {
    display: block !important;
    width: auto;
  }
  .kn-new .logo {
    padding-top: 5px !important;
    width: 160px;
    margin: 0 auto;
  }
  .sign.hidden-mobile {
    display: none !important;
  }
  .sign.hidden-desktop {
    display: block !important;
  }
  .kn-new .bottom-header {
    margin-top: 13px !important;
  }
  header.kn-new .top-header {
    padding: 15px 0;
    padding-top: 6px;
  }
  .kn-new #drawer-toggle-label {
    top: 12px;
    left: 10px;
  }
  .kn-new .menu-icon {
    display: block;
    top: -8px;
    left: 0;
  }
  .kn-new .navbar-menu {
    position: fixed;
    top: 0;
    left: -311px;
  }
  .kn-new .top-header .top-side a {
    color: #000;
  }
  .kn-new .navbar-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    /* justify-content: flex-end; */
    justify-content: initial !important;
    position: fixed;
    top: 0;
    left: -100%;
    right: initial;
    height: 100%;
    width: calc(100% - 64px);
    border-top: 2px solid #fe9900;
    background: #fff;
    overflow: auto;
    max-height: 100%;
    padding: 20px 0;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    z-index: 9;
    border-top: 10px solid #fe9900;
    padding-top: 0 !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  #drawer-toggle:checked ~ .navbar-menu {
    left: 0px;
    right: initial;
  }
  .kn-new .menu-icon {
    display: block;
  }
  .index-page-new .sliderbanner .text h3 {
    font-size: 24px !important;
    font-weight: 600;
    color: #fff;
    margin: 6px 0;
  }
  .index-page-new .sliderbanner .text {
    margin-top: 70px;
    text-align: center;
    margin-bottom: 30px;
  }
  .index-page-new .sliderbanner .text h5 {
    font-size: 15px !important;
    display: none;
  }
  .index-page-new .sliderbanner p.last {
    text-align: center;
  }
  .index-page-new .slider-bottom h6 {
    font-size: 15px !important;
    margin: 0 12px;
    line-height: 21px;
  }
  .index-page-new .slider-bottom {
    padding: 12px 0 !important;
  }
  .index-page-new .first-section {
    background: #fff;
    padding: 10px;
    margin: 0px 0;
    border-radius: 10px;
    padding-top: 15px;
  }
  .index-page-new .first-section .caption h3 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 8px;
  }
  .index-page-new .first-section .caption span {
    font-weight: 400;
    font-size: 16px !important;
  }
  .first-section .left-sec ul li img {
    width: 58px !important;
    height: 33px !important;
  }
  .index-page-new .first-section li h6 {
    font-weight: 600;
    font-size: 16px;
    color: #333;
    margin-top: 0;
    margin-bottom: 4px;
  }
  .index-page-new .six-section .text h6 {
    font-size: 20px;
    color: #333;
    margin-bottom: 8px;
    margin-top: 8px;
  }
  .index-page-new .six-section .text span {
    font-weight: 400;
    font-size: 19px;
  }
  .index-page-new .three-section {
    background: #fff;
    padding: 15px 10px;
  }
  .index-page-new .sliderbanner .three-search {
    margin-top: 15px;
  }
  .index-page-new .sliderbanner .search-sign {
    margin-top: 0;
  }
  .index-page-new .search-section {
    display: none;
    margin-top: 5px;
    position: relative;
    top: -5px;
  }
  .index-page-new .first-section li p {
    font-weight: 400;
    font-size: 15px;
    color: #333;
    line-height: 21px;
  }
  .index-page-new .second-section .caption h3 {
    font-size: 21px;
    font-weight: 600;
    margin-top: 17px;
  }
  .index-page-new .second-section ul {
    display: flex;
    flex-direction: row;
    flex-flow: nowrap;
    max-width: 100%;
    overflow: auto;
  }
  .index-page-new .three-section li b {
    font-weight: 600;
    color: #333333;
    font-size: 18px;
    display: block;
    margin-bottom: 4px;
  }
  .index-page-new .three-section li p {
    font-weight: 400;
    color: #333333;
    font-size: 15px;
    line-height: 21px;
  }
  .index-page-new .five-section .text span {
    font-weight: 600;
    font-size: 20px;
    color: #fff;
  }
  .index-page-new .five-section .text h6 {
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    margin-bottom: 7px;
    line-height: 21px;
  }
  .index-page-new .five-section .text p {
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    margin-bottom: 7px;
    line-height: 21px;
  }
  .index-page-new .five-section:before {
    display: none;
  }
  .index-page-new .five-section .buttons .btn-cstm {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin-top: 15px;
    padding: 10px 10px;
    display: block;
    margin: 0 10px;
    position: relative;
    text-align: left;
  }
  .index-page-new .five-section .buttons .btn-cstm i {
    float: right;
    background: #fff;
    color: #fe9900;
    width: 33px;
    height: 100%;
    top: 0;
    margin-top: 0;
    padding-top: 0;
    position: absolute;
    right: 0;
    line-height: 47px;
    font-size: 20px;
    padding-left: 7px;
  }
  .index-page-new .six-section .text p {
    font-weight: 300;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 10px;
  }
  .index-page-new .five-section:before {
    display: none;
  }
  .index-page-new .five-section .text span {
    margin-bottom: 10px;
  }
  .index-page-new .five-section .abs-cstm {
    padding-top: 0;
  }
  .index-page-new .five-section .buttons .btn-item {
    width: 100%;
    display: block;
    margin-bottom: 10px;
  }
  .index-page-new .five-section .buttons .btn-cstm i {
    line-height: 47px !important;
    font-size: 25px !important;
    padding-right: 10px;
  }
  .index-page-new .five-section .text {
    padding: 14px;
    margin-bottom: 0px;
  }
  .index-page-new .abs-cstm .buttons {
    margin-bottom: 10px;
  }
  .index-page-new .three-section .caption h3 {
    font-weight: 600;
    font-size: 21px;
  }
  .index-page-new .five-section .abs-cstm {
    margin: 0 auto;
    height: 100%;
    padding-top: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .index-page-new .second-section li {
    width: auto;
    margin: 0 5px;
    display: inline-block;
    border-radius: 10px;
    display: block;
    min-width: 50%;
  }
  .wicon img {
    width: 31px;
    position: relative;
    top: -2px;
  }
  .index-page-new .second-section li span {
    color: #333;
    font-weight: 500;
    font-size: 14px;
    margin-left: 0;
  }
  .index-page-new .second-section li a {
    background: #fff;
    padding: 13px 8px;
    margin-bottom: 0;
    display: block;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    color: #333;
    border-radius: 10px;
  }
  .index-page-new .second-section li span {
    font-size: 14px;
    display: flex;
    align-content: center;
    align-items: center;
  }
  .index-page-new i.fas.fa-briefcase {
    display: block;
    text-align: center;
    margin-bottom: 7px;
  }
  .index-page-new .second-section li a {
    text-align: center;
    min-height: 60px;
    display: flex;
    align-content: center;
    align-items: center;
  }
  .sliderbanner .text-right img {
    display: none !important;
  }
  .sliderbanner .search-section {
    display: block;
  }
  .index-page-new .sliderbanner .search-sign {
    margin-top: 12px;
    width: 100%;
    min-width: 100%;
    margin: 0 auto;
  }
  .index-page-new .sliderbanner .text span {
    font-size: 18px !important;
    color: #333;
    display: none;
  }
  .index-page-new .sliderbanner p.last {
    margin-bottom: 18px;
    font-size: 15px;
    line-height: 23px;
  }
  header .bottom-header li a {
    font-size: 15px;
  }
  .headerSearchForm {
    margin-top: 14px;
  }
  .index-page-new .second-section .caption {
    margin-bottom: 15px !important;
  }
  .index-page-new ul.d-inline-flex.spy-desk {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline-flex;
  }
  .kn-new ul.d-inline-flex.spy-desk li {
    position: relative;
  }
  .kn-new .toggle-label {
    display: block;
    padding: 10px 15px;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    cursor: pointer;
  }
  .kn-new .toggle-input {
    display: none;
  }
  .kn-new ul.language-dropdown {
    display: none;
    position: absolute;
    background-color: #fff;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    min-width: 160px;
    list-style-type: none;
    padding: 0;
    margin: 0;
  }
  .kn-new ul.language-dropdown li {
    text-align: left;
  }
  .kn-new ul.language-dropdown li a {
    padding: 10px 15px;
    display: block;
    color: #333;
    text-decoration: none;
  }
  .kn-new ul.language-dropdown li a:hover {
    background-color: #f1f1f1;
  }
  .kn-new .toggle-input:checked + .language-dropdown {
    display: block;
  }
  ul.spy-desk.d-inline-flex {
    display: block !important;
    position: absolute;
    right: 10px;
    z-index: 3;
    top: 10px;
  }
  .spy-desk li.language {
    display: initial !important;
    /* justify-content: center; */
    /* align-items: center; */
    /* padding-left: 20px; */
    /* text-align: center; */
  }
  .spy-desk li.language span {
    color: #fff;
  }
  .kn-new ul.d-inline-flex.spy-desk li {
    margin-left: 0;
    padding-left: 0;
    position: relative;
    top: -8px;
    display: flex !important;
    align-items: center;
  }
  .kn-new .language ul {
    width: 87px;
    position: relative;
    top: 7px;
  }
  .kn-new .language ul li {
    margin-bottom: 7px;
  }
  .index-page-new .five-section {
    padding: 0 0;
  }
  .index-page-new .six-section {
    padding: 0 10px;
  }
  .index-page-new .six-section .text {
    padding: 10px;
  }
  .index-page-new .first-section li {
    margin-bottom: 24px !important;
  }
  .index-page-new .first-section .caption {
    margin-bottom: 21px;
  }
  .kn-new .nav-item a {
    text-align: left;
    font-size: 20px !important;
  }
  .index-page-new .eight-section .title h6 {
    font-size: 21px !important;
  }
  .sign-login {
    border: none;
    padding-left: 0 !important;
    background: #fe9900;
    padding-right: 0 !important;
    display: inline-block;
    margin-right: 12px;
    height: auto !important;
    top: -2px;
  }
  .sign-login a {
    width: 100% !important;
    height: 100% !important;
    color: #fff !important;
    font-size: 20px !important;
    font-weight: 600;
    line-height: 100%;
    padding: 12px 14px !important;
  }
  #drawer-toggle:checked ~ .navbar-menu.hidden-desktop {
    left: 0px;
    right: initial;
    margin-top: 0 !important;
    padding-top: 10px !important;
  }
  .signneww {
    padding-left: 0 !important;
    display: inline-block;
  }
  #drawer-toggle:checked ~ #drawer-toggle-label {
    top: 0 !important;
  }
  .language.spymob {
    display: none;
  }
  .kn-new .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    float: right;
    position: relative;
    top: 7px;
  }
}
.regis-sec .form-item .form-check-label {
  margin-bottom: 0 !important;
}

.registhree .form-check-input[type=checkbox] {
  position: absolute;
}

.form-item.overflow {
  overflow: auto;
}

.modal {
  overflow-x: auto !important;
}

.pace-done.modal-open {
  overflow-x: auto !important;
}

@media only screen and (max-width: 320px) {
  .career .textpicture ul li {
    margin: 0px 7px;
    width: 35px;
    text-align: center;
    font-size: 9px;
  }
}
@media screen and (max-width: 450px) {
  .index-page-new .five-section .buttons .btn-cstm {
    font-size: 15px;
    padding: 10px 7px;
    display: block;
    margin: 0 7px;
  }
  .index-page-new .five-section .buttons .btn-cstm i {
    float: right;
    background: #fff;
    color: #fe9900;
    width: 61px;
    text-align: center;
    height: 100%;
    top: 0;
    margin-top: 0;
    padding-top: 0;
    position: absolute;
    right: 0;
    line-height: 72px;
    font-size: 25px;
  }
  .project-list-page.project-page .project-item .text {
    min-height: auto !important;
    margin-bottom: 4px !important;
  }
  .project-list-page.project-page .owl-carousel .project-item h2 {
    font-size: 15px !important;
  }
}
@media screen and (max-width: 1250px) and (min-width: 769px) {
  .project-item .form-switch {
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 1250px) and (min-width: 768px) {
  .detail .left-section .left-item .text {
    text-align: left;
    padding-top: 0;
    padding-left: 10px;
  }
}
@media screen and (min-width: 320px) and (max-width: 768px) {
  .index-page-new .five-section .buttons .btn-cstm i {
    line-height: 47px !important;
    font-size: 15px !important;
    padding-right: 8px;
    width: 34px !important;
  }
  .index-page-new .five-section .buttons .btn-cstm {
    font-size: 15px !important;
    display: block;
    margin: 0 10px !important;
  }
  .index-page-new .five-section .buttons .btn-item {
    width: 50%;
    display: inline-block;
    margin-bottom: 10px;
  }
  .index-page-new .five-section.newsection .buttons .btn-item {
    width: 99%;
    display: inline-block;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 360px) {
  .about-page .image-text span {
    font-size: 17px !important;
  }
  .career .textpicture h6 {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 600;
  }
  .modal .modal-body {
    padding: 10px 5px !important;
  }
  .career .textpicture ul {
    margin-left: 10px;
    display: inline-flex;
    width: 100%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1300px) {
  .laila-sec .col-sm-11 {
    border-left: 1px solid #ffe8c5 !important;
  }
  .newmini {
    left: 31px;
    top: 12px;
    z-index: 9;
  }
  .index-page-new .six-section.right img {
    border-radius: 10px !important;
  }
  .index-page-new .six-section .text h6 {
    font-size: 29px;
    font-weight: 600;
    margin-bottom: 15px;
  }
  .index-page-new .six-section .text p {
    font-weight: 300;
    font-size: 18px;
    line-height: 25px;
  }
  .index-page-new .six-section img {
    border-radius: 10px !important;
  }
  .project-page #location-filter {
    font-size: 12px !important;
  }
  .sidebar .filter .form-control {
    height: 30px !important;
  }
  .project-page #location-filter {
    height: 30px !important;
  }
  .project-page #create-project #location-filter {
    height: 45px !important;
  }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 30px !important;
  }
  .select2-container--default .select2-selection--single {
    height: 30px !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 1200px) {
  .index-page-new .five-section .text span {
    font-size: 42px !important;
  }
  .index-page-new .five-section .buttons .btn-cstm {
    font-size: 14px !important;
    display: block;
    margin: 0 10px !important;
  }
  .buttons {
    padding-left: 10px;
  }
  .index-page-new .five-section .buttons .btn-cstm i {
    float: right;
    background: #fff;
    color: #fe9900;
    width: 44px !important;
    right: 0;
    line-height: 72px !important;
    font-size: 24px !important;
  }
  .regis-page .form-check-input[type=radio] {
    border-radius: 50%;
    margin-top: 0.3px;
    margin-right: 6px;
  }
  .regis-page .right-section .form-item .form-check {
    margin-right: 10px;
    display: flex;
    align-items: center;
  }
  .regis-page .form-check-input[type=radio] {
    margin-left: -25px !important;
    margin-right: 6px !important;
  }
  .regis-page .service-hide .form-check-input {
    margin-right: 6px !important;
  }
  .regis-page .service-hide .form-check-input[type=checkbox] {
    width: 17px !important;
    height: 15px !important;
  }
  .client-hide .form-check-input {
    margin-right: 6px !important;
  }
  .index-page-new .three-section li b {
    font-size: 17px !important;
  }
}
@media only screen and (min-width: 540px) and (max-width: 767px) {
  .index-page-new .second-section li {
    width: 31.9% !important;
  }
  .wicon img {
    width: 28px;
    position: relative;
    top: 0px;
  }
  .search-box {
    width: 100%;
  }
  .index-page-new .second-section li a {
    padding: 16px 6px !important;
  }
  .index-page-new .first-section .caption {
    margin-bottom: 20px !important;
  }
  .index-page-new .first-section .caption h3 {
    font-size: 18px !important;
  }
  .index-page-new .slider-bottom h6 {
    font-size: 16px !important;
  }
  .sliderbanner .text-right img {
    display: block !important;
  }
  .index-page-new .sliderbanner .text {
    margin-top: 20px;
    text-align: left;
  }
  .index-page-new .sliderbanner p.last {
    text-align: left;
  }
  .index-page-new .sliderbanner .text h3 {
    font-size: 18px !important;
  }
  .index-page-new .sliderbanner .text span {
    font-size: 17px !important;
  }
  .index-page-new .slider-bottom h6 {
    font-size: 16px !important;
  }
  .sliderbanner .text-right img {
    display: block !important;
  }
  .index-page-new .sliderbanner .text {
    margin-top: 20px !important;
  }
  .index-page-new .search-sign .search-section {
    display: block !important;
    width: 70%;
    margin-top: 8px;
    margin-left: -7px !important;
  }
  .index-page-new .sliderbanner .text-right {
    text-align: right;
    display: flex;
  }
  header.kn-new .top-header {
    padding: 5px 0 !important;
    padding-bottom: 10px !important;
  }
  .index-page-new .second-section li {
    width: 23.3% !important;
  }
  .index-page-new .second-section li a {
    background: #fff;
    padding: 21px 9px !important;
    font-size: 15px !important;
  }
  .index-page-new .second-section li span {
    font-size: 13px !important;
    margin-left: 3px !important;
  }
  .index-page-new .three-section .caption h3 {
    font-size: 20px !important;
  }
  .index-page-new .second-section .caption h3 {
    font-size: 20px !important;
  }
  .index-page-new .first-section .caption h3 {
    font-size: 20px !important;
  }
  .index-page-new .five-section .text span {
    font-weight: 600;
    font-size: 24px !important;
    color: #fff;
  }
  .index-page-new .five-section .text h6 {
    font-size: 18px !important;
    font-weight: 300;
    color: #fff;
    margin-bottom: 40px;
  }
  .index-page-new .first-section .caption span {
    font-size: 17px;
  }
  .index-page-new .five-section .buttons .btn-cstm {
    font-size: 18px !important;
    padding: 15px 15px !important;
    display: block;
    margin: 0 20px;
    position: relative;
  }
  .index-page-new .first-section li h6 {
    font-weight: 500;
    font-size: 14px;
    color: #333;
  }
  .index-page-new .first-section li p {
    font-weight: 300;
    font-size: 14px;
    color: #333;
  }
  .first-section .left-sec ul li img {
    width: 60px !important;
    height: 34px !important;
  }
  .index-page-new .buttons {
    margin-bottom: 30px;
  }
  .index-page-new .eight-section .box .text p {
    font-size: 15px;
    color: #333;
    line-height: 21px;
    min-height: 41px;
  }
  .index-page-new .eight-section .box .text h6 {
    margin: 10px 0;
    font-size: 18px;
    color: #333;
    font-weight: 600;
    color: #212529;
    min-height: 43px;
  }
  .index-page-new .eight-section .title h6 {
    font-size: 25px;
  }
  .index-page-new .eight-section .box .text p {
    font-size: 15px;
    color: #333;
    line-height: 21px;
    min-height: 63px;
  }
  .index-page-new .five-section .buttons .btn-item {
    width: 49% !important;
    display: inline-block !important;
  }
  .index-page-new .six-section.right img {
    border-radius: 10px !important;
  }
  .index-page-new .six-section img {
    border-radius: 10px !important;
  }
  .index-page-new .five-section .buttons .btn-cstm i {
    line-height: 55px !important;
    font-size: 27px !important;
  }
  .index-page-new .five-section .text p {
    font-weight: 400;
    font-size: 14px !important;
    color: #fff;
    margin-bottom: 5px;
  }
  .index-page-new .second-section li a {
    padding: 16px 9px !important;
  }
  .index-page-new .sliderbanner .text h3 {
    font-size: 35px !important;
  }
  .index-page-new .sliderbanner .text h5 {
    font-size: 14px !important;
  }
  .index-page-new .six-section .text h6 {
    font-size: 22px !important;
    margin-bottom: 12px !important;
  }
  .index-page-new .six-section .text p {
    font-size: 14px !important;
    margin-bottom: 6px !important;
    line-height: 18px !important;
  }
  .index-page-new .six-section .text span {
    font-size: 18px !important;
  }
  .index-page-new .five-section .text span {
    margin-bottom: 10px;
  }
  .index-page-new .five-section .text {
    margin-bottom: 20px !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .index-page-new .five-section .text h6 {
    font-size: 14px !important;
    margin-bottom: 0 !important;
  }
  .index-page-new .six-section .text {
    padding: 14px !important;
  }
  .index-page-new .six-section .text p {
    font-weight: 300;
    font-size: 12px !important;
    margin-bottom: 6px !important;
    line-height: 15px !important;
  }
  .index-page-new .six-section .text .btn-cstm {
    margin-top: 8px !important;
  }
  .index-page-new .sliderbanner .three-search {
    margin-top: 25px !important;
  }
  .index-page-new .sliderbanner .text span {
    font-size: 17px !important;
  }
  .index-page-new .sliderbanner .text h3 {
    font-size: 27px !important;
  }
  .index-page-new .sliderbanner .search-sign {
    margin-top: 0;
  }
  .index-page-new .sliderbanner p.last {
    margin-top: 9px;
    font-size: 13px;
    font-weight: 400;
    margin-left: 3px;
    margin-bottom: 30px;
  }
  .index-page-new .three-search {
    display: flex;
    margin-bottom: 10px;
    justify-content: left;
  }
  .index-page-new .second-section li a {
    padding: 16px 5px !important;
  }
}
.empty.laila .no-follower h5 {
  font-size: 22px !important;
}

.empty.laila .no-follower h6 {
  font-size: 17px !important;
}

.project-all .empty.laila {
  min-height: auto !important;
  height: 100%;
}

.empty.laila .no-follower {
  height: 90%;
}

.empty.laila img {
  max-width: 110px !important;
}

.forscroll ul {
  height: 100% !important;
}

@media only screen and (min-width: 769px) and (max-width: 992px) {
  .index-page-new .second-section li {
    width: 31.9% !important;
  }
  .wicon img {
    width: 28px;
    position: relative;
    top: 0px;
  }
  .search-box {
    width: 100%;
  }
  .index-page-new .second-section li a {
    padding: 16px 6px !important;
  }
  .index-page-new .first-section .caption {
    margin-bottom: 20px !important;
  }
  .index-page-new .first-section .caption h3 {
    font-size: 18px !important;
  }
  .index-page-new .slider-bottom h6 {
    font-size: 16px !important;
  }
  .sliderbanner .text-right img {
    display: block !important;
  }
  .index-page-new .sliderbanner .text {
    margin-top: 20px;
    text-align: left;
  }
  .index-page-new .sliderbanner p.last {
    text-align: left;
  }
  .index-page-new .sliderbanner .text h3 {
    font-size: 18px !important;
  }
  .index-page-new .sliderbanner .text span {
    font-size: 17px !important;
  }
  .index-page-new .slider-bottom h6 {
    font-size: 16px !important;
  }
  .sliderbanner .text-right img {
    display: block !important;
  }
  .index-page-new .sliderbanner .text {
    margin-top: 20px !important;
  }
  .index-page-new .search-sign .search-section {
    display: block !important;
    width: 70%;
    margin-top: 8px;
    margin-left: -7px !important;
  }
  .index-page-new .sliderbanner .text-right {
    text-align: right;
    display: flex;
  }
  header.kn-new .top-header {
    padding: 5px 0 !important;
    padding-bottom: 10px !important;
  }
  .index-page-new .second-section li {
    width: 31.6% !important;
  }
  .index-page-new .second-section li a {
    background: #fff;
    padding: 21px 9px !important;
    font-size: 15px !important;
  }
  .index-page-new .second-section li span {
    font-size: 13px !important;
    margin-left: 3px !important;
  }
  .index-page-new .three-section .caption h3 {
    font-size: 20px !important;
  }
  .index-page-new .second-section .caption h3 {
    font-size: 20px !important;
  }
  .index-page-new .first-section .caption h3 {
    font-size: 20px !important;
  }
  .index-page-new .five-section .text span {
    font-weight: 600;
    font-size: 24px !important;
    color: #fff;
  }
  .index-page-new .five-section .text h6 {
    font-size: 18px !important;
    font-weight: 300;
    color: #fff;
    margin-bottom: 40px;
  }
  .index-page-new .first-section .caption span {
    font-size: 17px;
  }
  .index-page-new .five-section .buttons .btn-cstm {
    font-size: 14px !important;
    padding: 15px 10px !important;
    display: block;
    margin: 0 20px;
    position: relative;
  }
  .index-page-new .first-section li h6 {
    font-weight: 500;
    font-size: 14px;
    color: #333;
  }
  .index-page-new .first-section li p {
    font-weight: 300;
    font-size: 14px;
    color: #333;
  }
  .first-section .left-sec ul li img {
    width: 60px !important;
    height: 34px !important;
  }
  .index-page-new .buttons {
    margin-bottom: 30px;
  }
  .index-page-new .eight-section .box .text p {
    font-size: 15px;
    color: #333;
    line-height: 21px;
    min-height: 41px;
  }
  .index-page-new .eight-section .box .text h6 {
    margin: 10px 0;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    color: #212529;
    min-height: 43px;
  }
  .index-page-new .eight-section .title h6 {
    font-size: 25px;
  }
  .index-page-new .eight-section .box .text p {
    font-size: 15px;
  }
  .index-page-new .eight-section .box .text p {
    font-size: 15px;
    color: #333;
    line-height: 21px;
    min-height: 63px;
  }
  .index-page-new .six-section.right img {
    border-radius: 10px !important;
  }
  .index-page-new .six-section img {
    border-radius: 10px !important;
  }
  .index-page-new .five-section .buttons .btn-cstm i {
    line-height: 55px !important;
    font-size: 27px !important;
  }
  .index-page-new .five-section .text p {
    font-weight: 400;
    font-size: 14px !important;
    color: #fff;
    margin-bottom: 5px;
  }
  .index-page-new .second-section li a {
    padding: 16px 9px !important;
  }
  .index-page-new .sliderbanner .text h3 {
    font-size: 35px !important;
  }
  .index-page-new .sliderbanner .text h5 {
    font-size: 14px !important;
  }
  .index-page-new .six-section .text h6 {
    font-size: 22px !important;
    margin-bottom: 12px !important;
  }
  .index-page-new .six-section .text p {
    font-size: 14px !important;
    margin-bottom: 6px !important;
    line-height: 18px !important;
  }
  .index-page-new .six-section .text span {
    font-size: 18px !important;
  }
  .index-page-new .five-section .text span {
    margin-bottom: 10px;
  }
  .index-page-new .five-section .text {
    margin-bottom: 20px !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .index-page-new .five-section .text h6 {
    font-size: 14px !important;
    margin-bottom: 0 !important;
  }
  .index-page-new .six-section .text {
    padding: 14px !important;
  }
  .index-page-new .six-section .text p {
    font-weight: 300;
    font-size: 12px !important;
    margin-bottom: 6px !important;
    line-height: 15px !important;
  }
  .index-page-new .six-section .text .btn-cstm {
    margin-top: 8px !important;
  }
  .index-page-new .sliderbanner .three-search {
    margin-top: 25px !important;
  }
  .index-page-new .sliderbanner .text span {
    font-size: 15px !important;
  }
  .index-page-new .sliderbanner .text h3 {
    font-size: 24px !important;
  }
  .index-page-new .sliderbanner .search-sign {
    margin-top: 0;
  }
  .index-page-new .sliderbanner p.last {
    margin-top: 9px;
    font-size: 13px;
    font-weight: 400;
    margin-left: 3px;
    margin-bottom: 20px;
  }
  .index-page-new .three-search {
    display: flex;
    margin-bottom: 10px;
    justify-content: left;
  }
  .index-page-new .second-section ul {
    display: block;
  }
  .index-page-new .second-section li a {
    padding: 16px 5px !important;
  }
}
@media only screen and (max-device-width: 480px) and (orientation: landscape) {
  .laila-all .right-section .text-section {
    height: calc(100vh - 120px) !important;
    max-height: calc(100vh - 120px) !important;
    overflow-y: scroll;
  }
  .index-page-new .five-section .text span {
    color: #fff !important;
  }
  .index-page-new .five-section .text h6 {
    color: #fff !important;
  }
  .index-page-new .five-section .text p {
    color: #fff !important;
  }
  .index-page-new .first-section .caption h3 {
    font-size: 18px !important;
  }
  .index-page-new .first-section .caption span {
    font-weight: 400;
    font-size: 18px;
  }
  .index-page-new .first-section li h6 {
    font-weight: 500;
    font-size: 16px;
    color: #333;
  }
  .index-page-new .first-section li p {
    font-weight: 300;
    font-size: 14px;
    color: #333;
  }
  .first-section .left-sec ul li img {
    width: 52px;
    height: 29px;
  }
  .index-page-new .second-section .caption h3 {
    font-size: 19px !important;
  }
  .index-page-new .five-section .text span {
    font-weight: 600;
    color: #fff;
  }
  .index-page-new .five-section .text p {
    color: #fff;
  }
  .index-page-new .five-section .text span {
    color: #fff;
  }
  .index-page-new .five-section .text h6 {
    color: #fff;
  }
  .index-page-new .eight-section .title h6 {
    font-size: 25px;
  }
  .index-page-new .first-section li h6 {
    color: #000;
  }
  .index-page-new .five-section .text h6 {
    font-size: 17px !important;
    margin-bottom: 20px !important;
  }
  .index-page-new .five-section .text span {
    font-weight: 600;
    font-size: 18px !important;
    color: #000;
    margin-top: 10px;
  }
  .index-page-new .five-section .buttons .btn-cstm {
    font-size: 13px !important;
    padding: 10px 15px !important;
    display: block;
    margin: 0 20px;
    position: relative;
  }
  .index-page-new .sliderbanner .text span {
    color: #fff;
  }
  .index-page-new .five-section .buttons .btn-cstm i {
    line-height: 42px !important;
    font-size: 22px !important;
  }
  .index-page-new .second-section li a {
    padding: 16px 5px !important;
    display: flex;
    align-items: center;
    align-content: center;
  }
  .index-page-new .second-section li span {
    font-size: 14px !important;
    margin-left: 5px !important;
    text-align: left;
  }
  .index-page-new .eight-section .box .text h6 {
    margin: 10px 0;
    font-size: 21px;
    color: #333;
    font-weight: 600;
    color: #212529;
  }
  .index-page-new .five-section .text span {
    font-weight: 600;
    font-size: 23px !important;
    color: #000;
    margin-top: 10px;
  }
  .index-page-new .eight-section .title h6 {
    font-size: 25px;
    font-weight: 600;
  }
  .index-page-new .six-section .text p {
    font-weight: 300;
    font-size: 14px !important;
  }
  .index-page-new .sliderbanner p.last {
    color: #fff;
  }
  .index-page-new .sliderbanner .text span {
    color: #fff;
  }
  .index-page-new .second-section li {
    width: 31.9% !important;
  }
  .wicon img {
    width: 28px;
    position: relative;
    top: 0px;
  }
  .search-box {
    width: 80%;
  }
  .index-page-new .second-section li a {
    padding: 16px 6px !important;
  }
  .index-page-new .first-section .caption {
    margin-bottom: 20px !important;
  }
  .index-page-new .first-section .caption h3 {
    font-size: 18px !important;
  }
  .index-page-new .slider-bottom h6 {
    font-size: 16px !important;
  }
  .sliderbanner .text-right img {
    display: block !important;
  }
  .index-page-new .sliderbanner .text {
    margin-top: 20px;
    text-align: left;
  }
  .index-page-new .sliderbanner p.last {
    text-align: left;
  }
  .index-page-new .sliderbanner .text h3 {
    font-size: 18px !important;
  }
  .index-page-new .sliderbanner .text span {
    font-size: 17px !important;
  }
  .index-page-new .slider-bottom h6 {
    font-size: 16px !important;
  }
  .sliderbanner .text-right img {
    display: block !important;
  }
  .index-page-new .sliderbanner .text {
    margin-top: 20px !important;
  }
  .index-page-new .search-sign .search-section {
    display: block !important;
    width: 70%;
    margin-top: 8px;
    margin-left: -7px !important;
  }
  .index-page-new .sliderbanner .text-right {
    text-align: right;
    display: flex;
  }
  header.kn-new .top-header {
    padding: 5px 0 !important;
    padding-bottom: 10px !important;
  }
  .index-page-new .second-section li {
    width: 23.3% !important;
  }
  .index-page-new .second-section li a {
    background: #fff;
    padding: 21px 9px !important;
    font-size: 15px !important;
  }
  .index-page-new .second-section li span {
    font-size: 13px !important;
    margin-left: 3px !important;
  }
  .index-page-new .three-section .caption h3 {
    font-size: 20px !important;
  }
  .index-page-new .second-section .caption h3 {
    font-size: 20px !important;
  }
  .index-page-new .first-section .caption h3 {
    font-size: 20px !important;
  }
  .index-page-new .five-section .text span {
    font-weight: 600;
    font-size: 24px !important;
    color: #fff;
  }
  .index-page-new .five-section .text h6 {
    font-size: 18px !important;
    font-weight: 300;
    color: #fff;
    margin-bottom: 40px;
  }
  .index-page-new .first-section .caption span {
    font-size: 17px;
  }
  .index-page-new .five-section .buttons .btn-cstm {
    font-size: 18px !important;
    padding: 15px 15px !important;
    display: block;
    margin: 0 20px;
    position: relative;
  }
  .index-page-new .first-section li h6 {
    font-weight: 500;
    font-size: 14px;
    color: #333;
  }
  .index-page-new .first-section li p {
    font-weight: 300;
    font-size: 14px;
    color: #333;
  }
  .first-section .left-sec ul li img {
    width: 60px !important;
    height: 34px !important;
  }
  .index-page-new .buttons {
    margin-bottom: 30px;
  }
  .index-page-new .eight-section .box .text p {
    font-size: 15px;
    color: #333;
    line-height: 21px;
    min-height: 41px;
  }
  .index-page-new .eight-section .box .text h6 {
    margin: 10px 0;
    font-size: 18px;
    color: #333;
    font-weight: 600;
    color: #212529;
    min-height: 43px;
  }
  .index-page-new .eight-section .title h6 {
    font-size: 25px;
  }
  .index-page-new .eight-section .box .text p {
    font-size: 15px;
    color: #333;
    line-height: 21px;
    min-height: 63px;
  }
  .index-page-new .six-section.right img {
    border-radius: 10px !important;
  }
  .index-page-new .six-section img {
    border-radius: 10px !important;
  }
  .index-page-new .five-section .buttons .btn-cstm i {
    line-height: 55px !important;
    font-size: 27px !important;
  }
  .index-page-new .five-section .text p {
    font-weight: 400;
    font-size: 14px !important;
    color: #fff;
    margin-bottom: 5px;
  }
  .index-page-new .second-section li a {
    padding: 16px 9px !important;
  }
  .index-page-new .sliderbanner .text h3 {
    font-size: 35px !important;
  }
  .index-page-new .sliderbanner .text h5 {
    font-size: 14px !important;
  }
  .index-page-new .six-section .text h6 {
    font-size: 22px !important;
    margin-bottom: 12px !important;
  }
  .index-page-new .six-section .text p {
    font-size: 14px !important;
    margin-bottom: 6px !important;
    line-height: 18px !important;
  }
  .index-page-new .six-section .text span {
    font-size: 18px !important;
  }
  .index-page-new .five-section .text span {
    margin-bottom: 10px;
  }
  .index-page-new .five-section .text {
    margin-bottom: 20px !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .index-page-new .five-section .text h6 {
    font-size: 14px !important;
    margin-bottom: 0 !important;
  }
  .index-page-new .six-section .text {
    padding: 14px !important;
  }
  .index-page-new .six-section .text p {
    font-weight: 300;
    font-size: 12px !important;
    margin-bottom: 6px !important;
    line-height: 15px !important;
  }
  .index-page-new .six-section .text .btn-cstm {
    margin-top: 8px !important;
  }
  .index-page-new .sliderbanner .three-search {
    margin-top: 25px !important;
  }
  .index-page-new .sliderbanner .text span {
    font-size: 17px !important;
  }
  .index-page-new .sliderbanner .text h3 {
    font-size: 27px !important;
  }
  .index-page-new .sliderbanner .search-sign {
    margin-top: 0;
  }
  .index-page-new .sliderbanner p.last {
    margin-top: 9px;
    font-size: 13px;
    font-weight: 400;
    margin-left: 3px;
    margin-bottom: 30px;
  }
  .index-page-new .three-search {
    display: flex;
    margin-bottom: 10px;
    justify-content: left;
  }
  .index-page-new .second-section ul {
    display: block;
  }
  .index-page-new .second-section li a {
    padding: 16px 5px !important;
  }
}
@media (min-width: 660) and (max-width: 1024px) and (orientation: landscape) {
  .laila-all .right-section .text-section {
    height: calc(100vh - 120px) !important;
    max-height: calc(100vh - 120px) !important;
    overflow-y: scroll;
  }
  .laila-page.laila-three.laila-four .right-section .send-button .btn-send i {
    top: -5px !important;
  }
  .laila-all .right-section .fivecolmn .list li a {
    padding: 18px 10px;
    margin-bottom: 10px;
    border-radius: 17px;
  }
}
@media (min-width: 768px) and (max-width: 1000px) and (orientation: landscape) {
  .laila-all .right-section .text-section {
    height: calc(100vh - 120px) !important;
    max-height: calc(100vh - 120px) !important;
    overflow-y: scroll;
  }
  .laila-page.laila-three.laila-four .right-section .send-button .btn-send i {
    top: 0px !important;
  }
  .laila-all .right-section .fivecolmn .list li a {
    padding: 18px 10px;
    margin-bottom: 10px;
    border-radius: 17px;
  }
  .kn-new .logo {
    right: initial;
    top: -2px;
    left: 10px;
  }
  .kn-new .navbar-brand {
    top: 0 !important;
  }
  .index-page-new .video-section {
    position: relative;
    display: flex;
    height: 100%;
    align-content: center;
    align-items: center;
  }
  .index-page-new .video-section:before {
    display: none;
  }
  .index-page-new .video-section a {
    position: relative;
  }
  .index-page-new .video-section a:before {
    content: "";
    background: rgba(0, 0, 0, 0.22);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
    margin: 0 auto;
  }
  .job-ads-w .asist {
    display: none;
  }
  .noasist .asist {
    display: none;
  }
  .service-all .service-item {
    border: none !important;
  }
  .service-all .mobile-wrap {
    border: 1px solid #f1f1f1;
  }
  header .navbar-brand img {
    margin-top: 0;
  }
  .formobile li.language > a {
    font-size: 0 !important;
    display: none !important;
  }
  .formobile .language > img {
    display: none;
  }
  .header-all.row .header-left {
    width: 0;
  }
  .header-all.row .mobile-flex {
    width: 100%;
  }
  .header-all.row .mobile-flex .bottom-side .search-sign {
    display: block;
  }
  .header-all.row .mobile-flex .bottom-side .search-sign .search-section {
    width: 70%;
  }
  header.kn-new .logo {
    position: absolute;
    left: 20px;
    text-align: center;
    top: 0;
    right: initial;
  }
  .index-page-new .slider-bottom h6 {
    font-size: 15px !important;
  }
  .index-page-new .sliderbanner .text {
    margin-top: 20px !important;
  }
  .index-page-new .search-sign .search-section {
    display: block !important;
    margin-left: 0;
    width: 70%;
    margin-top: 0;
  }
  header.kn-new .top-header {
    padding: 5px 0 !important;
  }
  .index-page-new .second-section li {
    width: 31.9% !important;
  }
  .index-page-new .second-section li a {
    background: #fff;
    padding: 21px 9px !important;
    font-size: 15px !important;
  }
  .index-page-new .second-section li span {
    font-size: 14px !important;
    margin-left: 5px !important;
  }
  .index-page-new .three-section .caption h3 {
    font-size: 19px !important;
  }
  .index-page-new .second-section .caption h3 {
    font-size: 19px !important;
  }
  .index-page-new .first-section .caption h3 {
    font-size: 19px !important;
  }
  .index-page-new .five-section .text span {
    font-weight: 600;
    font-size: 28px !important;
    color: #fff;
  }
  .index-page-new .five-section .text h6 {
    font-size: 22px !important;
    font-weight: 300;
    color: #fff;
    margin-bottom: 40px;
  }
  .index-page-new .five-section .buttons .btn-cstm {
    font-size: 17px !important;
    padding: 10px 11px !important;
    display: block;
    margin: 0 15px;
    position: relative;
  }
  .index-page-new .buttons {
    margin-bottom: 30px;
    margin-top: 10px;
    margin-left: 10px;
  }
  .index-page-new .three-section li p {
    font-size: 14px;
    line-height: 18px;
  }
  .index-page-new .five-section .buttons .btn-cstm i {
    line-height: 48px !important;
    font-size: 20px !important;
  }
  .index-page-new .five-section .text p {
    font-weight: 400;
    font-size: 14px !important;
    color: #fff;
    margin-bottom: 5px;
  }
  .index-page-new .second-section li a {
    padding: 16px 9px !important;
  }
  .index-page-new .sliderbanner .text h3 {
    font-size: 35px !important;
  }
  .index-page-new .sliderbanner .text h5 {
    font-size: 14px !important;
  }
  .index-page-new .six-section .text h6 {
    font-size: 22px !important;
    margin-bottom: 12px !important;
  }
  .index-page-new .six-section .text p {
    font-size: 14px !important;
    margin-bottom: 6px !important;
    line-height: 18px !important;
  }
  .index-page-new .six-section .text span {
    font-size: 18px !important;
  }
  .index-page-new .five-section .text {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .index-page-new .five-section .text h6 {
    font-weight: 400;
    font-size: 14px !important;
    margin-bottom: 5px !important;
  }
  .index-page-new .six-section .text {
    padding: 14px !important;
  }
  .index-page-new .six-section .text p {
    font-weight: 300;
    font-size: 12px !important;
    margin-bottom: 6px !important;
    line-height: 15px !important;
  }
  .index-page-new .six-section .text .btn-cstm {
    margin-top: 8px !important;
  }
  .index-page-new .sliderbanner .three-search {
    margin-top: 25px !important;
  }
  .index-page-new .sliderbanner .text span {
    font-size: 17px !important;
  }
  .index-page-new .sliderbanner .text h3 {
    font-size: 27px !important;
  }
  .index-page-new .sliderbanner .search-sign {
    margin-top: 0;
  }
  .index-page-new .sliderbanner p.last {
    margin-top: 9px;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    margin-left: 3px;
    margin-bottom: 30px;
  }
  .index-page-new .three-search {
    display: flex;
    margin-bottom: 10px;
    justify-content: left;
  }
  header .top-header .bottom-side .right-side {
    text-align: right;
    padding-top: 0;
    float: right !important;
    width: 100% !important;
  }
  footer .footer-top .list ul {
    display: block !important;
  }
  ul.right-side li.nati-li {
    display: none !important;
  }
  header .top-header .bottom-side .right-side li:first-child {
    padding: 10px 6px !important;
    padding-top: 5px !important;
  }
  header .top-header .bottom-side .right-side .list li:first-child {
    padding: 0 0 !important;
    padding-top: 0 !important;
  }
  .search-section .search-sign {
    display: initial !important;
    position: initial !important;
    float: initial !important;
    flex-flow: initial !important;
  }
  .search-sign .sign-section {
    margin-top: 0;
    top: 0;
    flex: initial !important;
    white-space: initial !important;
    display: block;
    float: initial !important;
    min-width: initial !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100% !important;
    z-index: 5;
    position: initial !important;
  }
  .search-sign .search-section {
    width: 100%;
    margin: 0 auto;
    display: none;
    float: none;
    margin-top: 20px;
    position: relative;
    top: 0px;
    -webkit-box: initial;
    -moz-box: initial;
    -webkit-flex: initial;
    -ms-flex: initial;
    flex: initial;
    overflow: initial;
    box-sizing: initial;
    -moz-box-sizing: initial;
    -webkit-box-sizing: initial;
    width: initial;
    white-space: initial;
  }
  .fordesktop {
    display: none;
  }
  .formobile {
    display: block !important;
  }
  .regis-page .fordesktop {
    display: block !important;
  }
  .regis-page .formobile {
    display: none !important;
  }
  .hidden-mobile {
    display: none !important;
  }
  .bottomMenu {
    display: block !important;
  }
  header .top-header .bottom-side {
    display: none !important;
  }
  .clickmenu.formobile {
    display: initial !important;
  }
  body.fixed {
    overflow: hidden;
  }
  .login-list li {
    list-style-type: none;
  }
  .language ul li {
    display: inline-flex;
    margin-right: 9px;
  }
  .ui-sortable .image {
    width: 100px;
  }
  .loginOpened {
    overflow: hidden;
  }
  .acspec {
    display: none !important;
  }
  .menuOpened .menu_overlay {
    display: block;
  }
  .noo-mobile {
    display: none !important;
  }
  header .top-header .top-side .right-side {
    text-align: center;
  }
  .search-button {
    text-align: center;
    height: 42px;
    font-size: 20px;
  }
  .mobile-flex {
    display: flex;
    flex-direction: column;
  }
  .bottom-header ul {
    flex-wrap: initial !important;
    overflow-x: auto;
    display: flex;
  }
  .cd-auto-hide-header {
    padding-top: 0;
    padding-bottom: 0;
  }
  .project i {
    display: none;
  }
  .openMenu {
    z-index: 9999;
  }
  .openMenu span {
    font-size: 0;
  }
  .openMenu i {
    font-size: 20px;
  }
  header .top-header .bottom-side .right-side li:first-child {
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 8px 6px;
    padding-top: 4px;
    position: relative;
  }
  header .top-header .bottom-side .right-side li:nth-child(2) {
    position: relative;
    top: -12px;
  }
  header i.far.fa-bell {
    font-size: 20px;
    color: #fff;
    position: relative;
    top: -3px;
  }
  header .top-header .bottom-side .right-side li a {
    font-size: 13px;
    float: left;
  }
  header .top-header .bottom-side .right-side li {
    display: inline-block;
    margin: 0 3px;
  }
  header .top-header .bottom-side .right-side li .nati-all {
    display: none;
    height: initial;
    width: initial;
  }
  header .top-header .bottom-side .right-side li:last-child {
    width: 135px;
    display: none !important;
  }
  header i.fa-solid.fa-user {
    font-size: 20px;
    color: #fff;
    position: relative;
    top: 3px;
  }
  header .cd-main-header.nav-is-visible i.fa-solid.fa-user {
    color: #000 !important;
    font-size: 30px;
  }
  header .menu-top {
    text-align: center;
  }
  .hidden-mobile {
    display: none;
  }
  .hidden-desktop {
    display: block;
    text-align: center;
  }
  .hidden-desktop a {
    color: #fff;
    font-size: 13px;
    margin: 0 4px;
  }
  header .logo {
    position: absolute;
    right: 0;
    left: 0;
    text-align: center;
    top: 9px;
  }
  header .top-header .bottom-side {
    display: none !important;
  }
  header .top-header .bottom-side.formobile {
    display: block !important;
  }
  #searchbtn {
    position: absolute;
    right: 60px;
    top: 11px;
    z-index: 999;
    color: white;
    font-size: 21px;
  }
  .search-section {
    display: none;
    margin-top: 20px;
    position: relative;
    top: 18px;
  }
  header i.fa-solid.fa-user {
    font-size: 20px;
    color: #fff;
    position: relative;
    top: 4px;
    padding-right: 0;
    float: left;
    width: 26px;
    margin-right: 0;
    right: 0;
    text-align: right;
  }
  header .no-active i.fa-solid.fa-user {
    top: 6px !important;
    float: right;
    position: absolute;
    right: 20px;
  }
  .searchbtn i {
    font-size: 20px;
  }
  header .top-header .bottom-side .right-side li a {
    font-size: 14px;
  }
  header .top-header .bottom-side .right-side li.signopen a {
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: pre-wrap;
  }
  .hidden-mobile {
    display: none !important;
  }
  header .top-header .top-side .right-side {
    display: none !important;
  }
  header .top-header .bottom-side {
    display: block;
  }
  .sidebarMenu a:hover {
    color: #000 !important;
  }
  .sidebarMenu {
    top: 50px;
    width: 80%;
    height: 100%;
    padding-left: 0;
    padding-right: 0 !important;
    z-index: 999999;
    padding-left: 20px;
  }
  .login-list {
    top: 50px;
    width: 85%;
    height: 100%;
    padding-left: 0;
    padding-right: 0 !important;
    z-index: 999999;
  }
  .login-list .caption {
    margin-bottom: 10px;
    padding-bottom: 0;
    margin-left: 15px;
  }
  .login-list .login-section {
    margin-bottom: 10px;
    border-bottom: 2px dotted #FE9900;
    padding-bottom: 10px;
  }
  .login-list .login-section ul li {
    width: 40%;
    display: inline-block;
    margin-right: 5px;
    margin-left: 14px;
  }
  .login-list .login-section ul li a {
    margin: 0;
    padding: 5px 0;
    background: #000;
    color: #fff;
  }
  .login-list .login-section ul li a:before {
    display: none !important;
  }
  .login-list .login-section ul li:first-child a {
    background: #FE9900;
    color: #fff;
  }
  .login-list .login-section ul li:last-child a {
    background: transparent;
    border: 1px solid #FE9900;
    color: #000;
  }
  .login-list li {
    margin-bottom: 8px;
  }
  .login-list li a {
    border: none;
    font-size: 17px;
    position: relative;
  }
  .login-list li a:before {
    content: "-";
    position: relative;
    left: -10px;
  }
  .login-list .sidebar-item {
    border: none !important;
    border-bottom: 1px dotted #FE9900 !important;
    padding-bottom: 3px;
    padding-left: 15px;
    border-radius: 0;
    padding-right: 15px;
  }
  .login-list h6 {
    font-weight: 600;
    font-size: 18px;
  }
  .cd-primary-nav {
    width: 100% !important;
    z-index: 9999 !important;
  }
  .cd-main-header {
    z-index: 99999 !important;
  }
  .cd-primary-nav.nav-is-visible.second {
    visibility: visible;
    -webkit-transition: visibility 0s 0s;
    -moz-transition: visibility 0s 0s;
    transition: visibility 0s 0s;
    padding-top: 30px;
  }
  .nav-is-visible.second .fa-user:before {
    content: "\f00d";
  }
  .nav-is-visible.second .cd-header-buttons {
    position: absolute;
    display: inline-block;
    top: 0;
    right: 0;
  }
  .cd-primary-nav.second a, .cd-primary-nav.second ul a {
    text-decoration: none !important;
    font-size: 16px;
  }
  .cd-primary-nav.second, .cd-primary-nav.second ul {
    width: 100% !important;
    padding-top: 130px !important;
    background: #fff;
    overflow-y: scroll;
    overflow-x: hidden;
  }
  ul.right-side li.nati-li {
    display: none !important;
  }
  .cd-main-header.nav-is-visible {
    position: relative;
    z-index: 9999;
  }
  .nav-is-visible.second .cd-header-buttons {
    top: -100px;
  }
  .second-trigger {
    font-size: 0;
    text-decoration: none !important;
  }
  .bottomMenu img {
    width: 20px;
    display: block;
    margin: 0 auto;
  }
  .myAccount .sidebar-item {
    display: none;
  }
  #cd-primary-nav li img {
    width: 20px !important;
    margin-right: 10px;
    position: relative;
    top: 4px;
  }
  .bottomMenu {
    float: left;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1002;
    background: #fff;
    border-top: 1px solid #cecece;
    display: block;
    padding-bottom: 20px;
  }
  .bottomMenu ul {
    margin: 0;
  }
  .bottomMenu ul li {
    float: left;
    width: 25%;
  }
  .bottomMenu ul li a {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 12px;
    padding: 5px 0;
    color: #000;
    position: relative;
    text-decoration: none;
  }
  .bottomMenu ul li a i {
    display: block;
    margin: 0 auto 3px;
    font-size: 18px;
  }
  .fc-primary-nav {
    width: 100% !important;
    z-index: 999999 !important;
  }
  .fc-main-header {
    z-index: 9999999 !important;
  }
  .fc-primary-nav.nav-is-visible {
    visibility: visible;
    -webkit-transition: visibility 0s 0s;
    -moz-transition: visibility 0s 0s;
    transition: visibility 0s 0s;
    padding-top: 40px !important;
  }
  .nav-is-visible .fc-header-buttons {
    position: absolute;
    display: inline-block;
    top: 0;
    right: 0;
    z-index: 9999999;
  }
  .fc-primary-nav a, .fc-primary-nav ul a {
    text-decoration: none !important;
    padding: 0 15px !important;
  }
  .fc-primary-nav, .fc-primary-nav ul {
    width: 100% !important;
    padding-top: 0px !important;
    background: #fff;
    overflow: hidden;
  }
  #searchTextField2 {
    border: none;
  }
  .fc-overlay.is-visible {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .fc-header-buttons {
    left: 10px !important;
    right: initial !important;
  }
  #searchbtn {
    position: absolute;
    right: 60px;
    top: 11px;
    z-index: 999;
    color: white;
    font-size: 21px;
  }
  .search-input {
    width: calc(100% - 52px) !important;
  }
  .search-section {
    display: none;
    margin-top: 20px;
    position: relative;
    top: 18px;
  }
  header .navbar-brand img {
    width: 100px !important;
    margin-top: 0;
    margin-left: 31px;
  }
  header .top-header {
    padding-bottom: 5px;
  }
  .slider.formobile {
    display: none !important;
  }
  .search-box {
    width: 100%;
  }
  .search-input {
    height: 42px;
  }
  .search-button {
    text-align: center;
    height: 42px;
    font-size: 20px;
    width: 52px;
    position: absolute;
    right: 0px;
    padding: 0 !important;
    margin: 0 !important;
  }
  .three-search {
    display: flex;
    margin-bottom: 10px;
    justify-content: center;
  }
  .three-search a {
    color: #fff;
    text-decoration: none;
    margin: 0 7px !important;
  }
  .myAccount .sidebar-item {
    display: none;
  }
  .myAccount > .row > .col-sm-3 {
    display: none;
  }
  .myAccount > .row > .col-sm-9 {
    width: 100%;
  }
  .formobile.messagemb {
    display: none !important;
  }
  .index-page-new .five-section .text span {
    font-weight: 600;
    font-size: 26px !important;
    color: #fff;
    max-width: 420px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1500px) {
  .index-page-new .eight-section .box .text h6 {
    min-height: 40px;
    font-size: 19px;
  }
  .index-page-new .video-section {
    position: relative;
    display: flex;
    height: 100%;
    align-content: center;
    align-items: center;
  }
  .index-page-new .video-section:before {
    display: none;
  }
  .index-page-new .video-section a {
    position: relative;
  }
  .index-page-new .video-section a:before {
    content: "";
    background: rgba(0, 0, 0, 0.22);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
    margin: 0 auto;
  }
  .index-page-new .second-section li {
    width: 23.8%;
    margin: 0 5px;
    display: inline-block;
    border-radius: 10px;
  }
  .index-page-new .five-section .buttons .btn-cstm {
    font-size: 17px !important;
  }
  .index-page-new .five-section .buttons .btn-cstm i {
    line-height: 73px;
    width: 76px;
  }
  .index-page-new .slider-bottom h6 {
    font-size: 18px;
  }
  .index-page-new .slider-bottom {
    padding: 13px 0;
  }
  .index-page-new .sliderbanner p.last {
    margin-top: 10px;
    margin-bottom: 15px;
  }
  .search-sign .search-section {
    margin-top: 8px !important;
  }
  .index-page-new .second-section .caption h3 {
    font-size: 30px;
    font-weight: 600;
  }
  .index-page-new .three-section .caption h3 {
    font-weight: 600;
    font-size: 30px;
  }
  .index-page-new .five-section .text span {
    font-size: 30px !important;
  }
  .index-page-new .five-section .text p {
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 10px;
  }
  .index-page-new .five-section .text h6 {
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 10px;
  }
  .index-page-new .five-section .buttons .btn-cstm i {
    font-size: 25px !important;
  }
  .index-page-new .sliderbanner .text h3 {
    font-size: 34px;
    font-weight: 600;
    color: #fff;
    margin: 4px 0;
  }
  .index-page-new .first-section .caption h3 {
    font-size: 22px;
    font-weight: 600;
  }
  .index-page-new .first-section .caption span {
    font-weight: 400;
    font-size: 21px;
  }
  .index-page-new .first-section li p {
    font-weight: 300;
    font-size: 16px;
    color: #333;
  }
  .index-page-new .second-section li a {
    background: #fff;
    padding: 14px 8px;
    margin-bottom: 10px;
    display: block;
    text-decoration: none;
    font-weight: 600;
    font-size: 22px;
    color: #333;
    border-radius: 10px;
  }
  .index-page-new .first-section li {
    margin-bottom: 20px;
    display: inline-flex;
    width: 100%;
  }
  .index-page-new .second-section li span {
    font-size: 12px !important;
  }
}
@media only screen and (min-width: 767px) and (max-width: 790px) {
  header .logo {
    top: 6px !important;
  }
  .index-page-new .eight-section .box .text h6 {
    min-height: 38px;
  }
  .kn-new .logo {
    z-index: 0;
  }
  .index-page-new .five-section:before {
    display: block !important;
  }
  .index-page-new .five-section .text span {
    font-size: 23px !important;
    color: #fff !important;
  }
  .index-page-new .five-section .buttons .btn-item {
    width: 48%;
    display: inline-block;
    margin-bottom: 10px;
  }
  .index-page-new .five-section .text h6 {
    color: #fff !important;
  }
  .index-page-new .five-section .text h6 {
    color: #fff !important;
  }
  .index-page-new .five-section .text span {
    color: #fff !important;
  }
  .index-page-new .five-section .text span {
    font-size: 28px !important;
  }
  .index-page-new .sliderbanner p.last {
    margin-bottom: 0;
  }
  .index-page-new .search-section {
    margin-top: 5px;
    position: relative;
    top: -5px;
    margin-left: 0 !important;
    left: -10px;
  }
  .index-page-new .sliderbanner p.last {
    margin-top: 3px;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    margin-left: 3px;
    text-align: left !important;
  }
  .index-page-new .sliderbanner .text {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 20px !important;
  }
  .sliderbanner {
    padding-bottom: 0 !important;
  }
  .sliderbanner .text-right img {
    display: flex !important;
  }
  .index-page-new .eight-section .box .text p {
    font-size: 14px !important;
    min-height: 63px !important;
  }
  .index-page-new .sliderbanner .three-search {
    margin-top: 15px;
    margin-bottom: 16px !important;
    display: block;
  }
  .index-page-new .five-section .buttons .btn-cstm i {
    float: right;
    background: #fff;
    color: #fe9900;
    width: 61px !important;
    right: 0;
    line-height: 47px !important;
    font-size: 25px !important;
  }
  .index-page-new .five-section .buttons .btn-cstm i {
    width: 61px !important;
    line-height: 45px !important;
    font-size: 25px !important;
  }
  .index-page-new .sliderbanner .text-right {
    text-align: right !important;
    display: flex !important;
  }
  .index-page-new .five-section .buttons .btn-item {
    width: 49% !important;
    display: inline-block !important;
  }
  .index-page-new .five-section .text span {
    font-size: 23px !important;
  }
}
@media (max-width: 500px) and (orientation: landscape) {
  .index-page-new .five-section .text p {
    color: #fff !important;
  }
  .index-page-new .five-section .buttons .btn-item {
    width: 49%;
    display: inline-block;
    margin-bottom: 10px;
  }
  .index-page-new .five-section .buttons .btn-cstm {
    font-size: 13px !important;
    padding: 10px 15px !important;
    display: block;
    margin: 0 20px;
    position: relative;
  }
  .index-page-new .abs-cstm .buttons {
    margin-bottom: 10px;
    display: flex !important;
  }
  .index-page-new .five-section .buttons .btn-cstm i {
    line-height: 42px !important;
    font-size: 20px !important;
  }
  .index-page-new .sliderbanner p.last {
    margin-top: 9px;
    font-size: 13px;
    font-weight: 400;
    color: #fff !important;
    margin-left: 3px;
    margin-bottom: 30px;
  }
  .index-page-new .six-section .text h6 {
    font-size: 18px !important;
    margin-bottom: 12px !important;
  }
  .index-page-new .five-section .buttons .btn-cstm i {
    width: 31px !important;
    right: 0;
    line-height: 72px !important;
    font-size: 24px !important;
  }
  .index-page-new .second-section ul {
    display: flex !important;
  }
  .index-page-new .five-section .buttons .btn-cstm {
    font-size: 11px !important;
    padding: 10px 7px !important;
    display: block;
    margin: 0 20px;
    position: relative;
  }
  .index-page-new .five-section:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    display: block !important;
    z-index: 0;
    border-radius: 10px;
  }
  .index-page-new .eight-section .box .text p {
    font-size: 15px !important;
    color: #333;
  }
  .index-page-new .sliderbanner p.last {
    color: #fff !important;
  }
  .index-page-new .five-section .text p {
    font-weight: 400;
    font-size: 14px !important;
    color: #fff;
    margin-bottom: 5px;
  }
  .first-section .left-sec ul li img {
    width: 60px !important;
    height: 34px !important;
  }
  .index-page-new .first-section li p {
    font-weight: 300;
    font-size: 14px;
    color: #333 !important;
  }
  .index-page-new .five-section .buttons .btn-cstm {
    margin-left: 0 !important;
    font-size: 14px !important;
  }
}
@media only screen and (max-width: 500px) {
  .newprofiledesign .rate-box.new .question2 {
    float: left !important;
  }
  .index-page-new .five-section .abs-cstm {
    position: relative;
  }
  .newprofiledesign .rate-box.new .question2 {
    float: left !important;
  }
  .newprofiledesign .rate-box.new .btn-cstm {
    width: 100% !important;
    display: block;
    overflow: hidden;
  }
  .index-page-new .five-section .text p {
    color: #333 !important;
  }
  .index-page-new .five-section .text span {
    font-weight: 600;
    font-size: 20px;
    color: #333 !important;
    line-height: 27px;
  }
  .index-page-new .five-section .text h6 {
    font-weight: 400;
    font-size: 15px;
    color: #333 !important;
    margin-bottom: 7px;
    line-height: 21px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1400px) {
  .newprofiledesign .text-sec .col-xl-3 .profile .sidebar-pro {
    border: 1px solid #eee;
    padding: 13px 8px;
    margin-bottom: 15px;
  }
  .top-new-profile .profil-ph img {
    width: 136px;
    height: 120px;
    border-radius: 130px;
    border: 1px solid #F19F39;
  }
  .newprofiledesign .text-sec .offset-xl-1 {
    margin-left: 34px;
  }
  .newprofiledesign .text-sec .col-xl-3 {
    flex: 0 0 auto;
    width: 30%;
  }
  .newprofiledesign .text-sec .top-new-profile ul li {
    margin: 10px 5px;
    font-size: 14px;
    justify-content: left;
    align-items: initial;
    display: flex;
    flex: 1;
  }
}
@media screen and (min-width: 750px) and (max-width: 790px) {
  .invite-page .needs-validation .btn-send {
    padding: 8px 0 !important;
  }
  .openMenu {
    top: 18px !important;
    left: 10px !important;
  }
  header .logo {
    padding-top: 21px;
  }
  .search-box {
    width: 94%;
    left: -6px;
  }
  .three-search {
    display: flex;
    margin-bottom: 10px;
    justify-content: center;
    /* margin-left: -30px; */
    left: -20px;
    position: relative;
  }
  .kn-new .logo {
    padding-top: 9px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 830px) {
  .laila-all .right-section .text-section {
    height: calc(100vh - 160px) !important;
    max-height: calc(100vh - 160px) !important;
    overflow-y: scroll;
    margin-bottom: 15px !important;
  }
  .newprofiledesign .rate-box.new .question2 {
    display: inline-block !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 790px) {
  .laila-page.laila-three.laila-four .right-section .send-button .btn-send i {
    top: 6px !important;
    padding-top: 0;
  }
}
@media only screen and (min-width: 500px) and (max-width: 1500px) {
  .index-page-new .second-section li a {
    display: flex;
  }
  .index-page-new .video-section img {
    height: 100%;
    object-fit: cover;
  }
  .index-page-new .second-section li span {
    top: 0 !important;
  }
}
@media only screen and (min-device-width: 819px) and (max-device-width: 1180px) and (orientation: landscape) {
  .laila-all .right-section .send-button .btn-send {
    top: 50% !important;
    right: 7px !important;
    transform: translateY(-50%) !important;
    border: none !important;
  }
  .laila-page.laila-three.laila-four .compose textarea {
    height: 51px;
    padding-left: 15px;
    padding-right: 33px;
    padding-top: 16px;
    padding-bottom: 5px;
  }
  .laila-four .right-section .send-button {
    bottom: -4px !important;
  }
  .bottom-desc {
    bottom: -9px !important;
  }
}
@media only screen and (min-device-width: 620px) and (max-device-width: 1024px) and (orientation: landscape) {
  .laila-all .right-section .text-section {
    height: calc(100vh - 200px) !important;
    max-height: calc(100vh - 200px) !important;
    overflow-y: scroll;
    margin-bottom: 0 !important;
  }
  .laila-four .right-section .send-button {
    bottom: 0 !important;
  }
  .bottom-desc {
    bottom: -4px !important;
  }
}
@media only screen and (max-width: 540px) {
  .project-page .project-item .job-exp {
    min-height: auto !important;
    padding-bottom: 0 !important;
  }
  .jobs-page .cardsContainer .job-exp {
    min-height: auto !important;
  }
  .jobs-page .cardsContainer .job-exp {
    height: auto !important;
    padding-bottom: 0 !important;
  }
  .project-page .project-item p {
    -webkit-line-clamp: 4 !important;
  }
  .laila-all {
    height: 100%;
    overflow: hidden;
  }
  .laila-all .right-section .logo {
    margin-top: 0px !important;
    padding-top: 12px;
  }
  .laila-all .right-section {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 60px) !important;
  }
  .laila-page.laila-three.laila-four .text-section .textList {
    height: 145px !important;
    margin-top: 0 !important;
  }
  .laila-all .right-section .send-button {
    margin-top: 0px !important;
    margin-bottom: 5px !important;
  }
  .bottom-desc {
    bottom: 0;
    position: relative !important;
  }
  .laila-all .right-section .text-section {
    flex: 1;
    overflow-y: auto;
    margin-bottom: 0 !important;
    margin-top: 10px !important;
    height: auto !important;
  }
  .laila-page.laila-three.laila-four .messages-container {
    height: auto !important;
  }
  .laila-page.laila-three.laila-four .messages {
    height: auto !important;
    max-height: initial !important;
  }
  .ios .laila-all .right-section {
    display: flex;
    flex-direction: column;
    height: 86vh !important;
  }
}
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation: portrait) {
  .ios .laila-all .right-section {
    display: flex;
    flex-direction: column;
    height: 86vh !important;
  }
}
@media only screen and (min-device-width: 430px) and (max-device-height: 960px) and (orientation: portrait) {
  .ios .laila-all .right-section {
    display: flex;
    flex-direction: column;
    height: 93vh !important;
  }
}
.swal2-container {
  z-index: 10600 !important;
}

.project-page .project-item a {
  display: block !important;
}

.newnav button {
  color: #000;
  padding: 10px !important;
}

.newnav .active {
  color: #fff !important;
  background-color: #FE9900 !important;
}

.newnav:focus, .newnav:hover {
  color: #000;
}

header {
  position: sticky;
  top: 0;
}

header .search-button i {
  color: #fff;
}

@media only screen and (min-width: 768px) {
  .forMobile {
    display: none !important;
  }
}
@media only screen and (max-width: 360px) {
  .toastify-left, .toastify-right {
    left: initial !important;
    max-width: 100% !important;
  }
}
.project-page .project-item .company-text h4:before {
  display: none !important;
}

.project-page .project-item .company-text h4 {
  padding-left: 0 !important;
}

.social.text-left .fa-solid.fa-location-dot {
  color: #555;
}

.job-card .social.text-left .fa-solid.fa-location-dot {
  color: #555;
}

.jbsdetpg .jobspgtitle {
  margin-top: 10px;
  background-image: none !important;
  background-size: cover;
  background-position: center center;
  background-attachment: scroll;
  background-repeat: no-repeat;
}

.nextStep .text-align-center:last-child .btn {
  background: #fe9900;
  color: #fff;
  border: 1px solid #e0e0e0;
}
.nextStep .text-align-center:last-child .btn:hover {
  background: #ffaa2a;
}

.job-title span {
  background: #5c5c5c;
  padding: 2px 55px;
  font-weight: 400;
  font-size: 25px;
  line-height: 48px;
  color: #fff;
}

.visit-profile i {
  color: #555;
}

.owl-nav .next-slide:before {
  color: #fff;
}

.owl-nav .prev-slide:before {
  color: #fff;
}

.service-detail .additional ul li i {
  color: #f29403;
  margin-right: 6px;
}

.service-detail .additional ul li i {
  color: #555;
}

.login-page .regis-section .left-section {
  display: flex;
  gap: 5px;
}

.googleapple ul {
  display: inline-flex;
  gap: 10px;
}
.googleapple ul img {
  width: 200px;
  border: 1px solid #b6b6b6;
}

@media screen and (min-width: 1200px) {
  .sliderbanner {
    min-height: 570px;
  }
  .login-page .regis-section .left-section {
    display: flex;
    gap: 5px;
  }
  .jobtype-text b {
    margin-left: 4px;
  }
  .project-detail .employer .list-item .social-section ul li a i {
    font-size: 18px;
  }
}
@media screen and (min-width: 767px) {
  .hidden-desktop {
    display: none !important;
  }
  .app-banner {
    display: none !important;
  }
  .job-card .company-text, .project-page .project-item .company-text, .project-page .project-item .company-text {
    width: calc(100% - 24px) !important;
  }
  .adlabel .text {
    width: 58px !important;
  }
  .job-card .company-text, .project-page .project-item .company-text, .project-page .project-item .company-text {
    width: calc(100% - 24px) !important;
  }
  .adlabel .text {
    width: 58px !important;
  }
  .job-card:not(:has(.adlabel)) .company-text h4 {
    width: 100% !important;
  }
  .project-page .project-item:not(:has(.adlabel)) .company-text h4 {
    width: 100% !important;
  }
  .project-page .project-item:not(:has(.adlabel)) .company-text {
    width: 100% !important;
  }
}
@keyframes fadeSlideUp {
  from {
    transform: translateY(30px);
    opacity: 0;
    scale: 0.97;
  }
  to {
    transform: translateY(0);
    opacity: 1;
    scale: 1;
  }
}
.animated-hero > * {
  opacity: 0;
  animation: fadeSlideUp 1s ease-out forwards;
  will-change: transform, opacity;
}

/* Sıralı gecikmeler için */
.animated-hero > :nth-child(1) {
  animation-delay: 0.2s;
}

.animated-hero > :nth-child(2) {
  animation-delay: 0.4s;
}

.animated-hero > :nth-child(3) {
  animation-delay: 0.6s;
}

.animated-hero > :nth-child(4) {
  animation-delay: 0.8s;
}

@media screen and (max-width: 767px) {
  .cd-primary-nav.second {
    transform: translateX(100%);
    transition: transform 0.1s ease !important;
    visibility: visible !important;
  }
  .cd-main-header.second {
    transition: initial !important;
  }
  .cd-primary-nav.nav-is-visible.second {
    transform: translateX(0);
  }
  .sliderbanner .search-input {
    height: 50px;
  }
  .sliderbanner .search-button {
    height: 50px;
  }
  .service-detail .sevenservice-page {
    padding-top: 20px !important;
    padding-bottom: 0 !important;
  }
  .sevenservice-page .social-section {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  .project-detail.service-detail .title span {
    max-width: calc(100% - 100px) !important;
  }
  .project-detail.service-detail .title span {
    line-height: 1.5 !important;
    font-size: 1.4rem !important;
  }
  .sevenservice-page .profile-text ul li a {
    color: #000;
    font-size: 16px;
    text-align: left;
    padding-left: 0;
    margin-left: 0;
  }
  .jbsdetpg .job-title.hide-desktop.form span {
    margin-left: 0 !important;
    font-size: 19px;
    line-height: 1.5;
  }
  .jbsdetpg .job-title.hide-desktop.form span {
    margin-left: 0px !important;
  }
  .jbsdetpg .whatSpecialLeft .text {
    margin: 15px 0;
    margin-bottom: 25px;
  }
  .box.bg-gray.right-cstm.box-extra {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  .box.bg-gray.right-cstm.box-extra ul {
    display: flex;
    justify-content: left;
  }
  .list-avaible {
    text-align: left;
    margin-left: 10px;
  }
  .report .reportBtn {
    margin-bottom: 10px;
    padding-left: 10px;
  }
  .about-client .report .reportBtn {
    padding-left: 0;
  }
  .project-detail .list-item {
    margin-bottom: 0;
    padding-bottom: 10px;
    padding-left: 0;
  }
  #user-info-panel .employer .list-item.first ul li a {
    padding: 10px 0 !important;
  }
  #user-info-panel .employer .list-item ul.social-section li a {
    padding: 0 !important;
  }
  .project-detail .content-text .text p {
    line-height: 1.5 !important;
    font-size: 1rem;
    color: #4A4A4A !important;
  }
  .project-detail .text.additional {
    margin-bottom: 15px !important;
  }
  .project-detail .title span {
    line-height: 1.5 !important;
    font-size: 1.4rem !important;
  }
  .additional {
    background: transparent !important;
    padding: 5px 25px;
    padding-top: 10px;
    margin-top: 25px;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .additional li {
    color: #4A4A4A !important;
  }
  .additional ul li i {
    margin-right: 15px !important;
    font-size: 1.1rem !important;
  }
  .additional ul {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0px 16px;
  }
  .project-detail .employer .list-item.first ul li a i {
    text-align: center !important;
    margin-right: 15px !important;
  }
  .project-detail .list-item b {
    margin-bottom: 20px;
  }
  .project-detail .employer .list-item {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
  }
  .employer.hide-mobile {
    display: none !important;
  }
  .project-detail .title span {
    line-height: 1.5 !important;
    font-size: 1.4rem !important;
  }
  .detailcstm.hide-mobile {
    display: none !important;
  }
  .title.brdrgraytop.tptrans {
    border-top: 1px solid #f2f2f2;
    margin-top: 12px;
  }
  .project-detail .left-sec {
    padding-top: 15px;
  }
  .hide-mobile {
    display: none !important;
  }
  .photo.profilph {
    display: flex;
  }
  .photo.profilph img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    text-align: center;
  }
  #user-info-panel {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    max-height: 70%;
    background: #fff;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    transform: translateY(100%);
    transition: transform 0.3s ease-in-out;
    z-index: 9999;
    padding: 15px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  #user-info-panel button.close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 1.6rem;
    cursor: pointer;
    width: 44px;
    height: 44px;
    color: #000;
    z-index: 999999;
  }
  body.modal-open {
    overflow: hidden;
  }
  #user-info-panel .pull-bar {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    cursor: pointer;
    padding-top: 10px;
    height: 44px;
  }
  #user-info-panel .pull-bar .btnpull {
    background: #ccc;
    height: 3px;
    width: 62px;
    margin: 0 auto;
    margin-top: 7px;
    border-radius: 5px;
  }
  button.close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 1.6rem;
    cursor: pointer;
    width: 40px;
    height: 40px;
  }
  .newprofiledesign button.close-btn {
    top: 0px !important;
  }
  .project-detail .social-section ul {
    text-align: left !important;
    margin-top: 15px;
  }
  #user-info-panel.active {
    transform: translateY(0);
  }
  #toggle-info i {
    font-size: 1.5rem;
    margin-right: 5px;
    cursor: pointer;
  }
  .row.brdrgraytop.tptrans {
    margin-top: 6px;
  }
  .row.brdrgraytop.tptrans .translate {
    margin-bottom: 0;
    margin-top: 30px;
  }
  .service-detail {
    padding-bottom: 30px !important;
  }
  .service-detail .sevenservice-page {
    padding-top: 50px !important;
  }
  .photo.profilph {
    display: flex;
    align-items: center;
  }
  .photo.profilph .profilusername {
    display: flex;
    flex: 1;
  }
  .photo.profilph .profilusername h6 {
    margin-left: 10px;
  }
  .photo.profilph .infoimportnt a.infouser {
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #f0f0f0;
    text-align: center;
    display: block;
    line-height: 35px;
  }
  .photo.profilph .infoimportnt i {
    color: #000;
    font-size: 1.1rem !important;
    margin-right: 0 !important;
  }
  .photo.profilph .infoimportnt .social-section a {
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #f0f0f0;
    text-align: center;
    display: block;
    line-height: 40px;
  }
  .close-btn {
    font-size: 2.1rem !important;
  }
  .service-d-last .bar-main-container b {
    color: #4A4A4A !important;
  }
  .service-d-last .profile.right .list-avaible .bar-main-container .availability-type {
    color: #4A4A4A !important;
  }
  #user-info-panel .btn-cstm {
    width: 100% !important;
    display: block !important;
  }
  .jbsdetpg .job-title.hide-desktop.form span {
    width: auto !important;
    background: transparent !important;
    color: #000 !important;
    font-weight: 600 !important;
    text-align: left !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-left: 5px !important;
  }
  .jbsdetpg .job-title.hide-desktop.form {
    text-align: left !important;
    justify-content: left !important;
  }
  .hide-mobile {
    display: none;
  }
  .firstruls {
    margin-top: 10px !important;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .brdrgraytop {
    border-top: 1px solid #ddd;
  }
  .brdrgraybottom {
    border-bottom: 1px solid #ddd;
  }
  .jobs-pagee.jobs-two .whatSpecialLeft .visit-profile.text-left {
    text-align: left !important;
  }
  .jbsdetpg .jobspgtitle.specm .summary {
    margin-bottom: 20px !important;
    margin-top: 0;
    text-align: left !important;
  }
  .jbsdetpg .whatSpecialLeft .specm .box {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
  .brdrgray {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-top: 0;
    padding-top: 10px;
    margin-bottom: 0;
    padding-bottom: 10px;
  }
  .jbsdetpg .jobspgtitle.specm .summary {
    font-size: 1rem !important;
    color: #4A4A4A !important;
  }
  .jbsdetpg .jobspgtitle.specm .summary i {
    font-size: 1.3rem;
    margin-right: 6px;
    width: 25px;
    text-align: left;
    margin-bottom: 0;
    margin-left: 0px;
  }
  .jbsdetpg .jobspgtitle.specm .summary i:before {
    margin-left: -2px;
  }
  .jobs-pagee.jobs-two .whatSpecialLeft .visit-profile.text-left {
    color: #4A4A4A !important;
  }
  .top-icons i {
    font-size: 1.3rem;
  }
  .jobs-pagee .box {
    background: transparent;
    padding: 10px 7px;
  }
  .jobs-pagee .box h2 {
    text-align: left;
  }
  .about-client h6 {
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .jbsdetpg .whatSpecialLeft .box.right-cstm {
    padding-left: 0;
  }
  .jobs-pagee.jobs-two .about-client .date .top-icons {
    margin-bottom: 25px !important;
  }
  .jobs-pagee.jobs-two .about-client .date .top-icons ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: #f0f0f0;
    text-align: center;
    line-height: 44px;
  }
  footer .footer-top .social ul {
    text-align: left !important;
  }
  footer .footer-top .social ul {
    padding-left: 6px;
  }
  footer .footer-top .social b {
    text-align: left !important;
    margin-bottom: 11px;
    padding-left: 10px;
  }
  .googleapple {
    padding-left: 10px;
  }
  .googleapple ul img {
    width: 140px;
    border: 1px solid #797979;
    border-radius: 7px;
  }
  .app-banner {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ccc;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 1000;
    font-family: sans-serif;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  }
  .app-banner .logo {
    background: #000;
    padding: 16px 5px;
    border-radius: 4px;
  }
  .app-banner .logo img {
    width: 77px;
  }
  .app-banner-content {
    display: flex;
    align-items: center;
    gap: 13px;
  }
  .app-banner-content p {
    margin: 0;
    font-size: 12px;
    color: #666;
    margin-top: 3px;
  }
  #app-title {
    font-size: 14px;
    color: #333;
  }
  .open-btn {
    background-color: #fe9900;
    color: white;
    padding: 6px 4px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 12px;
    min-width: 101px;
    text-align: center;
    min-height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 15px;
  }
  .close-btn {
    background: none;
    border: none;
    font-size: 20px;
    color: #666;
    cursor: pointer;
    position: relative;
    right: -9px;
  }
  .kn-new .dropdown-menu .dropdown-item a {
    padding: 6px 0 !important;
    font-size: 16px !important;
  }
  .index-page-new .six-section .text p {
    text-align: left;
  }
  .index-page-new .six-section .text h6 {
    text-align: left;
  }
  .owl-six {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding: 0;
    overflow-y: hidden;
    scroll-padding-left: 16px;
    padding-left: 0;
    padding-right: 16px;
  }
  .owl-six .item {
    background: #fff;
    border-radius: 8px;
    flex: 0 0 50%;
    max-width: 40%;
    scroll-snap-align: start;
  }
  .index-page-new .six-section {
    margin: 25px 0;
    background: transparent;
    border-radius: 8px;
  }
  .index-page-new .owl-six {
    padding-right: 16px;
  }
  .index-page-new .six-section .text {
    height: 100%;
    padding: 30px;
  }
  .index-page-new .six-section {
    padding: 0 0;
  }
  .index-page-new .owl-six .item img {
    width: 100%;
    object-fit: cover;
    background: #f3f3f3;
    aspect-ratio: 701/327;
    height: auto;
  }
  .owl-six .item img {
    border: none;
    border-radius: 0;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
  .index-page-new .owl-six .text {
    display: block !important;
  }
  .owl-six .item {
    flex: 0 0 80%;
    max-width: 80%;
  }
  .index-page-new .six-section .text {
    padding: 16px;
  }
  .hidden-mobile {
    display: none;
  }
  .newslide {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding: 0;
    overflow-y: hidden;
    scroll-padding-left: 16px;
    padding-left: 0;
    padding-right: 16px;
  }
  .newslide .item {
    background: #fff;
    border-radius: 8px;
    flex: 0 0 50%;
    max-width: 40%;
    scroll-snap-align: start;
  }
  .index-page .six-section {
    margin: 25px 0;
    background: transparent;
    border-radius: 8px;
  }
  .newslide {
    padding-right: 16px;
  }
  .index-page .six-section .text {
    height: 100%;
    padding: 30px;
  }
  .index-page .six-section {
    padding: 0 0;
  }
  .newslide .item img {
    width: 100%;
    object-fit: cover;
    background: #f3f3f3;
    aspect-ratio: 701/327;
    height: auto;
  }
  .newslide .item img {
    border: none;
    border-radius: 0;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
  .newslide .text {
    display: block !important;
  }
  .newslide .item {
    flex: 0 0 40%;
    max-width: 39%;
  }
  .content .product-all-item .newslide .box .photo img {
    height: 100px !important;
  }
  .service-all {
    background: transparent;
  }
  .index-page .service-all .mobile-wrap {
    background: transparent !important;
  }
  .flexnew {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    overflow-y: hidden;
    scroll-padding-left: 16px;
    padding-left: 16px;
    margin-right: -16px;
    margin-left: -16px;
    padding-right: 16px;
  }
  .flexnew .item {
    flex: 0 0 50%;
    max-width: 40%;
    scroll-snap-align: start;
  }
  .flexnew::-webkit-scrollbar {
    display: none;
  }
  .laila-desc-page.other-page.dont-pay-page {
    margin-top: 0 !important;
  }
  .laila-desc-page .laila-desc {
    padding: 15px;
  }
  header .top-header .bottom-side {
    padding-top: 0;
  }
  .cd-primary-nav.second, .cd-primary-nav.second ul {
    padding-top: 55px !important;
  }
  .cd-main-header.nav-is-visible {
    top: -110px;
  }
  .sectionx .tab1 {
    overflow-y: hidden;
  }
  .sectionx .tab2 {
    overflow-y: hidden;
  }
  .sectionx .tab3 {
    overflow-y: hidden;
  }
  .sectionx .tab4 {
    overflow-y: hidden;
  }
  .sectionx .tab1 .row {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    overflow-y: hidden;
    scroll-padding-left: 16px;
    padding-left: 16px;
    margin-right: -16px;
    margin-left: -16px;
    padding-right: 16px;
    flex-wrap: initial !important;
  }
  .sectionx .tab1 .row .col-lg-4.col-sm-6 {
    max-width: 75%;
    flex: 0 0 75%;
    scroll-snap-align: start;
  }
  .sectionx .tab1 .row .col-lg-4.col-sm-6 div {
    padding: 7px 6px;
  }
  .sectionx .tab2 .row {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    overflow-y: hidden;
    scroll-padding-left: 16px;
    padding-left: 16px;
    margin-right: -16px;
    margin-left: -16px;
    padding-right: 16px;
    flex-wrap: initial !important;
  }
  .sectionx .tab2 .row .col-lg-4.col-sm-6 {
    max-width: 75%;
    flex: 0 0 75%;
    scroll-snap-align: start;
  }
  .sectionx .tab2 .row .col-lg-4.col-sm-6 div {
    padding: 7px 6px;
  }
  .sectionx .tab3 .row {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    overflow-y: hidden;
    scroll-padding-left: 16px;
    padding-left: 16px;
    margin-right: -16px;
    margin-left: -16px;
    padding-right: 16px;
    flex-wrap: initial !important;
  }
  .sectionx .tab3 .row .col-lg-4.col-sm-6 {
    max-width: 75%;
    flex: 0 0 75%;
    scroll-snap-align: start;
  }
  .sectionx .tab3 .row .col-lg-4.col-sm-6 div {
    padding: 7px 6px;
  }
  .sectionx .tab4 .row {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    overflow-y: hidden;
    scroll-padding-left: 16px;
    padding-left: 16px;
    margin-right: -16px;
    margin-left: -16px;
    padding-right: 16px;
    flex-wrap: initial !important;
  }
  .sectionx .tab4 .row .col-lg-4.col-sm-6 {
    max-width: 75%;
    flex: 0 0 75%;
    scroll-snap-align: start;
  }
  .sectionx .tab4 .row .col-lg-4.col-sm-6 div {
    padding: 7px 6px;
  }
  .project-list-page.project-page.follow-detail .lookdetail {
    padding: 10px 11px;
  }
  .sevenservice-page .profile {
    padding-bottom: 20px;
  }
  .project-page .content {
    padding: 0px !important;
    background: transparent !important;
  }
  .jobs-page .col-xl-6.col-sm-6 {
    padding: 0 !important;
  }
  .jobs-page .cardsContainer .job-card, .jobs-page .cardsContainer .project-page .project-item, .project-page .jobs-page .cardsContainer .project-item {
    margin-bottom: 15px;
  }
  .text-page .section {
    padding: 15px;
  }
  .info-boxes img {
    width: 170px;
  }
  .career-page .filter-content {
    background: #FFF;
    padding: 15px 10px;
  }
  .text-page .filter-content {
    background: #FFF;
    padding: 15px 10px;
  }
  .help-page.pricing-subs .help-box .box-item img {
    height: auto;
  }
  .help-page .help-box .box-item h3 {
    font-size: 16px;
  }
  .help-section .page-title {
    margin-top: 0px !important;
  }
  .pricing-subs .page-title {
    padding-top: 15px;
  }
  .ngo-page .text {
    margin-bottom: 0px;
  }
  .content .product-all-item .box .photo img {
    height: 115px !important;
  }
  header i.fa-solid.fa-circle-user {
    font-size: 20px;
    color: #fff;
    position: relative;
    top: 7px;
    padding-right: 0;
    float: left;
    width: 26px;
    margin-right: 0;
    right: 0;
    text-align: right;
  }
  .top-icons i {
    font-size: 1.1rem;
  }
  header .cd-main-header.nav-is-visible i.fa-solid.fa-user {
    color: #5d5d5d !important;
  }
  #cd-primary-nav li .avatar-preview #imagePreview {
    background-image: initial !important;
    background: initial !important;
  }
  #cd-primary-nav li .avatar-preview #imagePreview img {
    width: 60px !important;
    height: 60px;
    border-radius: 50%;
  }
  .cd-primary-nav.second, .cd-primary-nav.second ul {
    padding-top: 3px !important;
  }
  .avatar-preview {
    width: calc(100% - 100px);
    position: relative;
    top: 0;
    margin-left: 15px;
  }
  #imagePreview {
    display: flex;
    align-items: center;
  }
  .mtp10 {
    margin-top: 10px;
  }
  .sidebar-pro.social-section.ulspec {
    margin-bottom: 10px;
  }
  .sidebar-pro.social-section.ulspec ul {
    margin-bottom: 14px;
  }
  .profile .reportBtn {
    margin-top: 10px;
  }
  .profile ul .reportBtn {
    margin-top: 0 !important;
  }
  header i.fa-solid.fa-user {
    right: 3px;
  }
  .newnav .active {
    color: #fff !important;
    background-color: #6c757d !important;
  }
  .select2-container--default .select2-selection--multiple {
    padding-bottom: 4px;
  }
  .personel-data .content {
    padding: 10px !important;
    background: #fff !important;
  }
  .personel-data .needs-validation {
    margin-bottom: 30px !important;
  }
  .createpage .content {
    padding: 10px !important;
    background: #fff !important;
  }
  .prof-pic .avatar-preview {
    width: 110px;
    height: 110px;
  }
  .project-list-page.project-page .myAccount .lookdetail {
    padding: 10px;
    padding-right: 0;
  }
  .project-edit .myAccount .vacancies .job-exp {
    width: 100%;
    min-height: 75px;
  }
  .index-page .job-card .company-text {
    margin-top: 0;
    margin-bottom: 25px !important;
  }
  .project-edit .myAccount .vacancies .text-align-end .text-right.date span {
    font-size: 13px !important;
  }
  .newprofiledesign .text-sec .question .caption.leftside {
    padding: 0px !important;
  }
  .sevenservice-page.service-page .question .btn-more {
    width: 100% !important;
  }
  .works-area .works-item .headtext {
    height: 50px;
  }
  .newprofiledesign .seemre.showmore .read-more__checkbox ~ .read-more__label {
    font-size: 14px !important;
  }
  .newprofiledesign .rate-box {
    margin-top: 10px;
  }
  .newprofiledesign .starsec {
    margin-top: 4px;
  }
  .sevenservice-page .employee-item .box-item.only-star {
    margin-bottom: 6px;
  }
  .sevenservice-page .text-sec .employee-item .text {
    margin-top: 5px !important;
  }
  .newprofiledesign .text p {
    font-size: 15px !important;
  }
  .project-page .project-item .company-text {
    width: calc(100% - 21px) !important;
  }
  .job-card .company-text {
    width: 100% !important;
  }
  .job-card .adlabel {
    right: -17px !important;
    top: 0 !important;
  }
  .project-page .adlabel .text {
    font-size: 12px;
    width: 61px;
  }
  .additional ul li i {
    color: #FE9900;
  }
  .additional ul li i {
    margin-right: 9px !important;
  }
  .jobdetailp .page {
    background: #fff;
    margin-bottom: 30px;
  }
  .visit-profile span a {
    border: none !important;
  }
  .jobs-pagee.jobs-two .about-client .date .top-icons ul li a {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    line-height: 35px;
  }
  .box.bg-gray.right-cstm {
    border: none !important;
  }
  .jobdetailp .page {
    background: #fff;
  }
  .row.specm.brdrgray .box {
    border: none !important;
  }
  .text-align-end .text-right.date span {
    font-size: 12px !important;
  }
  .job-card .company-text {
    width: 100% !important;
  }
  .flexnew {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    overflow-y: hidden;
    scroll-padding-left: 16px;
    padding-left: 16px;
    margin-right: -16px;
    margin-left: -16px;
    padding-right: 16px;
  }
  .flexnew .item {
    flex: 0 0 45%;
    max-width: 45%;
    scroll-snap-align: start;
  }
  .app-banner button.close-btn {
    position: absolute;
    top: 20px;
    right: 7px;
    background: none;
    border: none;
    font-size: 1.6rem;
    cursor: pointer;
    width: 20px;
    height: 20px;
    font-size: 23px !important;
  }
  .project-page.other-page.whitecntnt .content {
    background: #fff !important;
    padding: 10px !important;
  }
  .other-page.service-account.editservice .content {
    background: #fff !important;
    padding: 10px !important;
  }
  .service-account .content {
    background: #fff !important;
    padding: 10px !important;
  }
  .detail.appoffers .text p {
    line-height: 21px;
  }
  .project-page.other-page.whitecntnt .content {
    background: #fff !important;
    padding: 10px !important;
  }
  .project-page.other-page.whitecntnt .content .form-item .form-check {
    flex-wrap: initial !important;
    align-items: flex-start !important;
  }
  .project-page.other-page.whitecntnt .content .form-item .form-check #check4 {
    width: 26px !important;
  }
  .whitecntnt .content {
    background: #fff !important;
    padding: 10px !important;
  }
  .specproject .project-list-page.project-page.flexnew .project-item {
    padding: 15px !important;
    margin: 1px !important;
    flex: 0 0 85%;
    max-width: 85%;
    scroll-snap-align: start;
  }
  .index-page .job-card .company-text h4, .index-page .project-page .project-item .company-text h4 {
    width: 100%;
  }
  .project-page .project-item .adlabel.services .text {
    padding-top: 8px !important;
    height: 28px;
  }
  .index-page .project-page .project-item .company-text {
    width: 100% !important;
  }
  .job-card .adlabel {
    right: 0px !important;
    top: 10px !important;
  }
  .flexnew::-webkit-scrollbar {
    display: none;
  }
  .forDesktop {
    display: none !important;
  }
  .forMobile {
    display: flex !important;
  }
  .project-list-page.flexnew .item {
    flex: 0 0 85%;
    max-width: 85%;
    scroll-snap-align: start;
  }
  .project-list-page.flexnew .item {
    flex: 0 0 85%;
    max-width: 85%;
    scroll-snap-align: start;
  }
  .service-all .project-page .project-item p {
    -webkit-line-clamp: 2 !important;
  }
  .service-all .project-list-page.project-page .photo-item img {
    aspect-ratio: 800/377;
    height: auto;
  }
  .text-page .filter-content {
    background: #FFF;
    padding: 15px 0px;
  }
  .sidebar-item li a {
    font-size: 13px;
    padding: 2px 0px;
    margin-bottom: 6px;
    color: #000;
    line-height: 15px;
  }
  .sidebar-item .title h3 {
    font-size: 15px;
    padding: 11px 0px;
  }
  .sidebar-item .title h3 {
    color: #fff !important;
    background: #FE9900 !important;
  }
  .app-banner button.close-btn {
    font-size: 20px !important;
    cursor: pointer;
    width: 10px;
    height: 10px;
    font-size: 20px !important;
    right: 16px !important;
  }
  .open-btn {
    margin-right: 10px;
  }
  .follow-detail .project-list-page.project-page .lookdetail {
    background: #fff !important;
    padding: 10px !important;
  }
  .follow-page-new .content {
    background: #fff !important;
    padding: 15px 15px !important;
    margin-bottom: 15px !important;
    padding-top: 5px !important;
  }
  .myAccount .project-list-page.project-page .lookdetail {
    padding: 10px;
  }
  .follow-page-new .myAccount .project-list-page.project-page .lookdetail {
    font-size: 15px;
    padding: 10px;
  }
  .myAccuntnew.project-page .content {
    background: #fff !important;
    padding: 10px !important;
  }
  .project-detail .title span {
    line-height: 1.5 !important;
    font-size: 18px !important;
  }
  .service-all .box .name h5 {
    font-size: 14px;
  }
  .index-page .job-card .job-exp {
    min-height: 68px;
  }
  .project-page .adlabel .text {
    font-size: 11px;
    width: 44px;
  }
  .job-card .company-text h4 {
    width: calc(100% - 25px);
  }
  .job-card:has(.adlabel) .company-text h4 {
    width: calc(100% - 25px);
  }
  .job-card:not(:has(.adlabel)) .company-text h4 {
    width: 100% !important;
  }
  .project-page .project-item .company-text {
    width: calc(100% - 21px);
  }
  .project-page .project-item .company-text h4 {
    width: calc(100% - 25px);
  }
  .project-page .project-item:has(.adlabel) .company-text h4 {
    width: calc(100% - 25px);
  }
  .project-page .project-item:not(:has(.adlabel)) .company-text h4 {
    width: 100% !important;
  }
  .project-page .project-item:not(:has(.adlabel)) .company-text {
    width: 100% !important;
  }
  .project-detail .title span {
    font-size: 17px !important;
    display: block;
    width: 100%;
    max-width: 100%;
  }
  .project-detail .date {
    position: relative;
    left: 0;
    top: 0;
    margin-top: 10px;
  }
  .title.brdrgraytop.tptrans {
    display: block;
  }
  .jobs-pagee.jobs-two .top-icons ul li:last-child i {
    font-size: 14px;
  }
  .project-detail .date i {
    font-size: 14px;
  }
  .jobs-pagee.project-detail.jobs-two.service-d-last .top-icons.detailcstm {
    position: relative;
    top: 0 !important;
    margin-left: 0 auto;
    margin-right: 0 !important;
    float: initial !important;
    left: 0 !important;
    right: 0 !important;
  }
  .project-detail.service-detail .title span {
    font-size: 17px !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 5px;
  }
  .project-detail.service-detail .title {
    display: block !important;
    justify-content: space-between !important;
  }
  .top-icons i {
    font-size: 14px;
  }
}
.myAccount .job-card .cityother {
  width: 100%;
}

.project-edit .company-text h4:before {
  display: none;
}

.myAccount .vacancies .company-text {
  padding-left: 0px !important;
}

@media screen and (max-width: 376px) {
  .app-banner button.close-btn {
    position: absolute;
    top: 20px;
    right: 7px;
    background: none;
    border: none;
    font-size: 1.6rem;
    cursor: pointer;
    width: 20px;
    height: 20px;
    font-size: 24px !important;
  }
}

/*# sourceMappingURL=style.css.map */