/* Global font family */
* {
  font-family: 'Golos Text', sans-serif;
}

.custom-container {
  max-width: 1440px;
  margin: 0 auto !important;
  width: 100%;
  padding-block: 60px;
  padding-inline: 16px;
}

.footer-custom-container {
  max-width: 1440px;
  margin: 0 auto !important;
  width: 100%;
  padding-block: 60px;
  padding-inline: 16px;
}

/* Only mobile */
@media only screen and (max-width: 750px) {
  .footer-custom-container {
    padding-block: 40px;
  }
  .custom-container {
    padding-block: 0px;
    padding-bottom: 40px;
  }
}

.btn-contact-us {
  background-image: linear-gradient(to right, #a640ff, #ff61a0);
  box-shadow: 0 0 16px 0 rgba(255, 97, 100, 0.6);
}

.btn-gradient {
  transition: all 0.3s ease-in-out;
}

.btn-gradient:hover {
  background-image: linear-gradient(to right, #a640ff, #ff61a0) !important;
  box-shadow: 0 0 16px 0 rgba(255, 97, 100, 0.6);
  border: none !important;
}

.btn-gradient:hover span {
  color: white !important;
}

.accordion {
  --bs-accordion-btn-color: rgb(0, 0, 0);
  --bs-accordion-btn-bg: #ffffff;
  --bs-accordion-active-color: rgb(255, 255, 255);
  --bs-accordion-active-bg: #ff8753;
  --bs-accordion-btn-icon: url("../img/accordion-collapsed.svg");
  --bs-accordion-btn-active-icon: url("img/accordion-collapsed.svg");
  --bs-accordion-btn-focus-box-shadow: 0;
}

.accordion-item {
  border: 0;
}

.accordion-button:not(.collapsed)::after {
  background-image: url("/img/Accordion.svg");
  filter: invert(100%);
}

.accordion-button.collapsed::after {
  background-image: url("/img/Accordion.svg");
}

.service-btn {
  transition: all 0.3s ease-in-out;
  color: black;
}

.service-btn:hover {
  background-color: #ffede9;
  color: #ff8753;
}

.service-btn:active {
  background-color: #ff8753;
  color: white;
}

.menu-item {
  position: relative;
}

.submenu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 180px;
  z-index: 1000;
  transition: all 0.3s ease-in-out;
}

.menu-item:hover .submenu {
  display: flex;
}

.submenu-link,
.footer-link {
  display: block;
  position: relative;
  width: max-content;
  text-decoration: none;
  color: black;
  transition: all 0.3s ease-in-out;
  padding-bottom: 3px;
}

.submenu-link::before,
.footer-link::before {
  content: "";
  width: 0%;
  height: 2px;
  background-color: #ff8753;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.3s ease-in-out;
}

.submenu-link:hover::before,
.footer-link:hover::before {
  width: 100%;
}

.submenu-link:hover,
.footer-link:hover {
  color: #ff8753;
}

.submenu-link.active,
.footer-link.active {
  color: #ff8753;
}

.submenu-link.active::before,
.footer-link.active::before {
  width: 100%;
}

.about-btn {
  transition: all 0.3s ease-in-out;
  background-color: white;
  cursor: pointer;
  color: #ff8753;
}

.about-btn:hover {
  background-color: #ffede9;
}

.about-btn.active {
  background-color: #ff8753;
  color: white;
}

.logo-marquee {
  overflow: hidden;
  width: 100%;
  padding: 12px 0;
}

.logo-track {
  display: flex;
  width: max-content;
  animation: scroll-right 20s linear infinite;
}

.logo-set {
  display: flex;
  gap: 3rem;
}

.logo-set img {
  height: 60px;
  object-fit: contain;
  flex-shrink: 0;
}

@keyframes scroll-right {
  from {
    transform: translateX(-55%);
  }

  to {
    transform: translateX(0%);
  }
}

/* Pause on hover */
.logo-marquee:hover .logo-track {
  animation-play-state: paused;
}

.scroll-top {
  background-color: rgb(84, 62, 102, 0.4);
  border-radius: 50%;
  width: 72px;
  height: 72px;
  transition: all 0.2s ease-in;
}

.scroll-top:hover {
  background-color: rgb(84, 62, 102);
}

.stat-card {
  background-color: white;
  transition: all 0.2s ease-in-out;
}

.stat-card .stat-icon {
  color: #ff8753;
}

.stat-card:hover {
  background-color: #ff8753;
  color: white;
}

.stat-card .stat-title {
  color: #ff8753;
}

.stat-card:hover .stat-title {
  color: white;
}

.stat-card:hover .stat-icon {
  color: white;
}

.service-card {
  transition: all 0.5s ease-in-out;
}

.service-card:hover {
  background-image: linear-gradient(to bottom, #ff8753, #ffa96c);
  color: white !important;
  color: white !important;
}

.service-card .service-title {
  color: #ff8753;
}

.service-card:hover .service-title {
  color: white !important;
}

.service-card .service-icon {
  color: #ff8753;
}

.service-card:hover .service-icon {
  color: white !important;
}

.service-card:hover ul {
  color: white !important;
}

.link {
  color: black;
  text-decoration: none;
}