@charset "UTF-8";
.slider-style-4 .inner .title {
  font-size: 90px;
}
.slider-style-4 .slick-active .inner .description p {
  font-size: 22px !important;
  text-align: center !important;
  color: white;
}
.thumbnail {
  border-radius: 10px;
}

.my_switcher,
.my_switcher ul li a,
.rainbow-back-top {
  background: linear-gradient(
      95deg,
      var(--color-primary) 15%,
      var(--color-tertiary) 45%,
      var(--color-pink) 75%,
      var(--color-secondary) 100%
    )
    95%/200% 100%;
}
.my_switcher {
  margin: 5px;
}
.thumbnail {
  overflow: hidden; /* Hide any part of the image that overflows */
  position: relative;
}
.hh-200 {
  height: 200px;
}
.portfolio-thumbnail,
.about-thumbnail {
  height: 300px; /* Set the height you desire */
}

.thumbnail .card-image {
  height: 100%; /* Ensure the container takes full height */
  display: flex;
  justify-content: center;
  align-items: center;
}

.thumbnail img {
  height: 100%; /* Stretch the image to fill the container */
  width: 100%; /* Stretch the image to fill the container */
  object-fit: cover; /* Ensure the image covers the entire container without distortion */
}
.rainbow-default-tab::before {
  background: none !important;
  background-color: transparent !important;
}
.h-300 {
  height: 300px;
  overflow-x: auto;
}
.image-service {
  height: 200px;
}
.partner-item {
  width: 90%;
  height: 150px;
  margin: 10px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
.filter-button-default button.is-checked,
.filter-button-default button:hover {
  background-color: transparent;
}
.bg-overlay::before,
[data-black-overlay]::before {
  background: #00000036 !important;
}
.bg-overlay p,
[data-black-overlay] p {
  color: white !important;
}