/* *:not(.fa, .far, .fas , .fab) {
  font-family: 'IBM Plex Sans', sans-serif !important;
} */

html {
  scroll-behavior: smooth;
}

.nav-item>a.nav-link {
  color: #555;
}

.header-nav .nav i {
  font-size: initial;
}

.meet-ask-row .button-skew {
  margin-left: 40px;
}

@media (max-width: 500px) {
  .meet-ask-row .button-skew {
    margin-left: 0;
    display: block;
    width: 65%;
  }
}

.meet-ask-row .button-skew i {
  transform: initial;
  padding: 12px 20px;
  margin-left: -53px;
  text-align: center;
}

.meet-ask-row .button-skew i:before {
  width: 10px;
  height: 10px;
}

.box-item {
  display: flex;
  align-items: center;
  background-color: #fff;
  box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 2%);
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  max-width: 100%;
  margin-right: 0;
  margin-left: 0;
}

.box-item .number {
  color: #eeedef;
  line-height: 1;
  position: absolute;
  left: 5px;
  bottom: -38px;
  font-size: 90px;
  font-style: italic;
  font-weight: 700;
  transition: 0.4s ease-in;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

@media (min-width: 1199px) {
  .box-item {
    max-width: 430px;
  }

  .box-item:nth-child(1) {
    margin-right: -30px;
  }

  .box-item:nth-child(2) {
    margin-right: 10px;
  }

  .box-item:nth-child(3) {
    margin-right: 50px;
  }

  .box-item:nth-child(4) {
    margin-right: 90px;
  }

  .box-item:nth-child(5) {
    margin-right: 130px;
  }

  .box-item:nth-child(6) {
    margin-right: 170px;
  }

  .box-item:nth-child(7) {
    margin-right: 210px;
  }
}

.box-item:hover .number {
  animation: bounce 2s ease-in;
}

.box-item .card-img {
  background-color: #edfcff;
  width: 30%;
  text-align: center;
  padding: 15px 20px;
}

.box-item .card-title h3 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-weight: bold;
  margin: 0;
  z-index: 1;
}

.card-date {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
}

.card-user {
  display: flex;
  justify-content: center;
  align-items: baseline;
}

.card-user .user-img img {
  width: 70px;
  height: 70px;
  object-fit: cover;
  border-radius: 50%;
}

.water-cart {
  position: relative;
  height: 400px;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: -1px 0px 4px 0px rgb(0 0 0 / 30%);
  cursor: pointer;
}

.water-cart > img {
  height: 100%;
}

@media (min-width: 768px) {
  .water-cart.half-width {
    height: calc((400px / 2) - 10px);
  }
}

.water-cart:hover .water-cart-img {
  transform: scale(1.3) rotate(10deg);
  filter: blur(5px);
}

.water-cart:hover .water-cart-info h3 {
  transform: translateY(-20px);
}

.water-cart-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.4s ease-in;
}

.water-cart-info {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  color: #fff;
  width: 100%;
  text-align: center;
}

.water-cart-info h3 {
  color: #fff;
  font-size: 25px;
  font-weight: bold;
  text-align: right;
  padding: 10px;
  transition: 0.4s ease-in;
  margin: 0;
}

.water-cart-details {
  border-top: 1px solid #fff;
}

.water-cart-icons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
}

.water-cart-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}

.water-cart-icon img {
  width: initial !important;
}

.water-cart-icon:nth-child(1) {
  background-color: #285b76;
}

.water-cart-icon:nth-child(2) {
  background-color: #d04069;
}

.water-cart-icon:nth-child(3) {
  background-color: #3fbbe0;
}

.water-cart-details .card-date {
  background-color: rgba(63, 187, 224, 0.4);
  padding: 10px;
}

/* Ideas */

.filter-controls {
  margin: 30px 0 10px;
}

.filter-controls .add-idea-btn {
  color: #3f4963;
  background: #d9d9d9;
  padding: 10px;
  border-radius: 5px;
}

.filter-controls,
.fSelcts,
.search-and-add {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

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

.filter-controls .form-group {
  margin: 0;
  position: relative;
}

.filter-controls .form-group input {
  padding-right: 30px;
}

#masonry {
  /* height: initial !important; */
  transition: 0.4s ease;
}

.filter-controls .form-group i {
  position: absolute;
  right: 9px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
}

@media (max-width: 575px) {
  .search-and-add {
    flex-direction: column;
    width: 100%;
  }

  .fSelcts {
    width: 100%;
  }

  .fSelcts select {
    max-width: 100%;
    margin: 0 !important;
    margin-top: 10px !important;
  }

  .filter-controls .form-group {
    width: 100%;
  }

  .filter-controls select,
  .filter-controls input {
    width: 100% !important;
  }

  .search-and-add {
    width: 100%;
  }

  /* .add-idea-btn {
    width: 40%;
  } */
}

.filter-controls select,
.filter-controls input {
  border-radius: 5px;
  width: 400px;
}

@media (max-width: 991px) {
  .filter-controls select,
  .filter-controls input {
    width: 200px;
  }
}

@media (max-width: 1199px) {
  .filter-controls,
  .fSelcts {
    flex-direction: column;
    width: 100%;
  }
  .fSelcts {
    width: 100%;
  }

  .fSelcts select {
    max-width: 100%;
    margin: 0 !important;
    margin-top: 10px !important;
  }

  .filter-controls .form-group {
    width: 100%;
  }

  .filter-controls select,
  .filter-controls input {
    width: 100% !important;
  }

  .search-and-add {
    width: 100%;
  }

  /* .add-idea-btn {
    width: 40%;
  } */
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  display: none;
}

select.bs-select-hidden,
select.selectpicker {
  display: inline-block !important;
}

select {
  display: inline-block !important;
}

.disabled {
  background-color: #ccc;
  opacity: 0.2;
}

.order-number {
  position: absolute;
  left: -21px;
  background: #02949c;
  top: -41px;
  color: #fff;
  font-weight: bold;
  padding: 5px;
}

footer {
  margin-top: 150px;
}

@keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.py-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.table-user {
  display: flex;
  align-items: center;
}

.table-user-img {
  width: 40px;
}

.table-user-img img {
  border-radius: 50%;
}

.idea-toggle-control {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #c3f1ff;
  color: #36415c;
  font-weight: bold;
  text-align: center;
}

.idea-toggle-control span {
  padding: 5px 10px;
  width: calc(100% / 2);
  cursor: pointer;
  transition: 0.3s ease-in-out;
  opacity: 1;
}

.idea-toggle-control span:hover {
  opacity: 0.4;
}

.idea-toggle-control span.active {
  background: #36415c;
  color: #fff;
  opacity: 1;
}

.idea-toggle-control span.active.no {
  background: #dc3545;
}

.idea-toggle-control span.active.yes {
  background: #28a745;
}

.idea-toggle-control span.active.effect {
  background: #36415c;
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "تصفح";
}

.idea-area-box input[type="radio"]:checked + label > div {
  border: 2px solid #36415c !important;
  background-color: #c3f1ff;
  color: #36415c !important;
}

.custom-control-input.is-valid ~ .custom-control-label,
.was-validated .custom-control-input:valid ~ .custom-control-label > div {
  border-color: #28a745;
  color: #36415c;
}

.idea-area-box input[type="checkbox"] + label:before,
.idea-area-box input[type="radio"] + label:before,
.idea-area-box input[type="checkbox"],
.idea-area-box input[type="radio"] {
  display: none !important;
}

.idea-area-box label {
  padding: 0 !important;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.idea-area-img {
  width: 60px;

  margin: 0 auto 15px auto;
}

.idea-area-box .hover-text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  display: none;
  color: #36415c;
  overflow-y: scroll;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.idea-area-box .hover-text::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.idea-area-box .hover-text {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.idea-area-box label:hover .hover-text {
  display: flex;
}

.idea-area-box .hover-text p {
  margin: 0;
}

.custom-control {
  padding: 0;
}

.content-area,
.page-content {
  padding: 0;
}

.btn-group a.dropdown-item {
  padding-right: 0px !important;
}
.header-dropdown .btn {
  background: #f9f9f9;
  border: none;
  color: #444;
  padding: 10px 10px;
  line-height: 16px;
  margin-left: 5px !important;
  font-size: 11px;
  border-radius: 44px !important;
}
.header-dropdown a {
  color: #666;
  display: block;
  font-size: 13px;
}
.header-dropdown a:hover {
  color: #000;
}
.header-dropdown .btn img {
  width: 16px;
  height: 14px;
  border-radius: 3px;
}
.header-dropdown .btn i {
  margin-left: 3px;
}
.header-dropdown .dropdown-item i {
  width: 20px;
  text-align: center;
}
.header-dropdown .dropdown-item img {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  border-radius: 5px;
}
.header-dropdown .dropdown-menu {
  background: #f9f9f9;
  padding: 10px;
  border: 1px solid #e8e8e8;
  top: 24px;
  right: 0;
  left: auto;
  z-index: 99999999;
  margin-top: 5px;
}

/* new customization */
.flex-control-nav {
  bottom: -18px;
}
header .navbar {
  border-bottom: 1px solid #f5f5f5;
}

.thumbnail > img,
.thumbnail a > img,
.item-thumbs a + img,
.item-thumbs,
.owl-carousel .owl-item img,
.owl-stage-outer div.item,
.dark,
.bottom-article {
  border-radius: 5px;
  /* height: 100%; */
}

.solutions-info {
  background-color: #02949c;
  color: #fff;
  padding: 10px;
}

.solutions-info .count-offered__solutions,
.solutions-info .count-winning__solutions {
  background-color: #e8e8e8;
  color: #285b76;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  display: inline-block;
  font-size: 12px !important;
  border-radius: 50%;
}

/* ===== لجنة المحكمين ===== */
.jury-head-title {
  font-weight: bold;
}

.chief-arbitrator {
  max-width: 300px;
  border-radius: 10px;
  margin: 0 auto;
  position: relative;
}

.chief-arbitrator::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -136px;
  height: 91px;
  width: 1px;
  background-color: #36415c;
}

.chief-arbitrator::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -137px;
  height: 1px;
  width: 887px;
  background-color: #36415c;
}

.chief-arbitrator-img,
.jury-members-img {
  background-color: #36415c;
  width: 100%;
  height: 100px;
  position: relative;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.chief-arbitrator-img img,
.jury-members img {
  width: 130px;
  height: 130px;
  object-fit: cover;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -60px;
  border: 3px solid #36415c;
}

.chief-arbitrator .card-body,
.jury-members .card-body {
  padding-top: 90px;
}

.jury-members {
  border-radius: 10px;
  margin: 0 auto;
  z-index: 1;
}

.jury-members-line {
  width: 100%;
  height: 100%;
  position: absolute;
}

.jury-members-line::after {
  content: "";
  position: absolute;
  left: 55%;
  top: -62px;
  height: 70px;
  width: 1px;
  background-color: #36415c;
}

@media (max-width: 1182px) {
  .chief-arbitrator::after,
  .chief-arbitrator::before {
    display: none;
  }

  .jury-members-line::after {
    left: 52%;
    top: -139px;
    height: 200px;
  }
}

@media (max-width: 600px) {
  .jury-members-line::after {
    left: 54%;
  }
}

.fw-bold {
  font-weight: bold;
}

.scale-effect {
  transform: scale(1.2);
}

.carousel-indicators {
  bottom: 24px !important;
}


.toolbar {
  position: fixed;
  top: 110px;
  left: 0;
  width: 180px;
  background-color: red;
  color: #fff;
  padding: 12px;
  text-align: end;
  padding: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.toolbar i {
  font-size: 20px;
  padding-right: 15px;
  /* #3f4963 */
}

.carousel-indicators li {
  height: 10px !important;
  width: 10px !important;
}

.fancy-feature-eighteen .nav-item .nav-link.active {
  color: #000 !important
}

.driven-innovation {
  background-color: transparent !important;
}

.driven-innovation .item {
  position: relative;
  background-color: #f3f3f4;
  padding: 20px 0;
  margin: 8px 0;
  width: 80%;
  text-align: center;
  border-radius: 25px;
}

.driven-innovation .img_position {
  position: absolute;
  top: 15%;
  right: -10%;
  border-radius: 100%;
}

.driven-innovation .carousel-control-prev {
  right: -26px !important;
}

.title-class {
  min-width: 250px;
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  background: #1E4256;
  padding: 6px 12px;
  display: flex;
  align-items: center;
  border-right: 10px solid #d5d5d5;
  margin-bottom: 10px;
  margin-top: 10px;
}

.ul-style {
  list-style-type: circle;
  list-style-position: outside;
  margin-right: 10px;
}