.service-item {
  background: #c0ecf0; /*#F0FBFC;*/
  transition: 0.5s;
  min-height: 330px;
  border-radius: 6px;
}

@media (min-width: 992px) {
  .service-item {
    min-height: 276px;
  }
}

.service-item:hover {
  margin-top: -10px;
  background: #06bbcc;
}

.service-item:hover * {
  color: #f0fbfc !important;
}

.service-item * {
  transition: 0.5s;
}

.text-primary {
  color: #06bbcc !important;
}

.sub-menu {
  min-width: 250px;
  padding: 10px 0;
}

.sub-menu li a {
  padding: 8px 15px;
  white-space: nowrap;
}

#contributions .row.align-items-stretch .bg-block1 {
  border-radius: 3px;
  background-color: #07294d;
}
#contributions .title h2 {
  color: #07294d;
  font-size: 3.25rem;
}
@media (min-width: 768px) {
  #contributions .row.align-items-stretch .bg-block1 h4 {
    min-height: 5rem;
  }
}

@media (min-width: 768px) AND (max-width: 1600px) {
  #contributions .row.align-items-stretch .bg-block1 {
    min-height: 288px;
  }
}

#courses-part #courses-grid .singel-course .cont h4 {
  padding-top: 12px;
  padding-bottom: 12px;
  min-height: 3rem;
}

#courses-part #courses-list .singel-course .thum .price {
  top: 50% !important;
  transform: translateY(-50%);
}

p.form-message.error {
  color: #ff0000 !important;
}

p.form-message.success {
  color: #038703 !important;
}

.fa.fa-x-twitter {
  font-family: sans-serif;
}

.fa.fa-x-twitter::before {
  content: "𝕏";
  font-size: 1.2em;
}

.article-slied .slick-dots li {
  display: inline-block;
  margin-top: 15px;
}
.article-slied .slick-dots {
  margin: 0 auto;
}
.article-slied .slick-dots li.slick-active button {
  background-color: #110fa7;
}

.article-slied .slick-dots li button {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #d1cccc;
  font-size: 0;
  padding: 0;
  border: 0;
  margin: 0 3px;
  cursor: pointer;
}

.article-slied .slick-arrow {
  position: absolute;
  top: 50%;
  right: -30px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 99;
}

.article-slied .prev.slick-arrow {
  right: auto;
  left: -30px;
}

.article-slied .slick-arrow i {
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 50%;
  background-color: #557495;
  text-align: center;
  font-size: 24px;
  color: #fff;
  cursor: pointer;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
.article-slied .slick-arrow i:hover {
  background-color: #110fa7;
}
@media (max-width: 800px) {
  .article-slied .slick-arrow {
    display: none;
  }
}

.nice-select .list {
  max-height: 200px;
  /* Set the maximum height for the dropdown list */
  overflow-y: auto !important;
  /* Enable vertical scrolling and override default styles */
}

/* Styles for the selected text in the input field */
.nice-select .current {
  white-space: normal;
  /* Allows text to wrap */
  text-overflow: inherit;
  /* Removes ellipsis truncation */
  line-height: 1.2;
  overflow: visible;
  /* Ensures content is visible if it wraps */
  display: block;
  /* Helps with layout when text wraps to multiple lines */
  height: auto;
  /* Adjusts height automatically based on wrapped content */
  padding-top: 4px;
  /* Adjust padding as needed for wrapped text */
  padding-bottom: 4px;
  /* Adjust padding as needed for wrapped text */
}

/* Allow wrapping in the dropdown list */
.nice-select .list .option {
  white-space: normal !important;
  line-height: 1.3 !important;
  padding-top: 8px;
  padding-bottom: 8px;
}

/* Adjust the height of the entire nice-select wrapper to match the content height */
.nice-select {
  height: auto;
  min-height: 40px;
  /* Match min-height of .current */
  display: block;
  /* Ensure the main container can wrap content */
}

/* You may need to adjust the arrow position if it shifts */
.nice-select .arrow {
  /* Reposition the arrow to the top right or center vertically as desired */
  top: 15px;
  /* Adjust as needed */
  transform: translateY(-50%);
  /*Add this if you want it vertically centered */
}