body {
  font-family: "utm-aurora";
}

/* menu header */
.mobile-menu a:after {
  bottom: -2;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}

.mobile-menu a:hover:after {
  width: 100%;
  left: 0;
}

.dropdown-menu .submenu-item a:hover:after {
  width: calc(100% - 4rem) !important;
  left: 4rem !important;
}

.dropdown-menu .submenu-item a.menu-active-service:after {
  width: calc(100% - 4rem) !important;
  left: 4rem !important;
}

#dropdown-language .submenu-item a.menu-active-service:after {
  width: calc(100% - 4rem) !important;
  left: 2rem !important;
}

#dropdown-language .submenu-item a:hover:after {
  width: calc(100% - 4rem) !important;
  left: 2rem !important;
}

.dropdown1:hover > .dropdown-menu {
  display: flex;
}

/* show dot when active */
.dropdown-menu ul:not(.submenu-item) li:not(.dropdown1) a::after {
  width: 0% !important;
}

.active-dot::after {
  content: "";
  width: 8px;
  height: 8px;
  background: #3163af;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  left: 2.5rem;
  position: absolute;
}

.dropdown-menu ul:not(.submenu-item) li:hover:after {
  content: "";
  width: 8px;
  height: 8px;
  background: #3163af;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  left: 2.5rem;
  position: absolute;
}

.dropdown-menu-2 ul:not(.submenu-item) li:hover:after {
  content: "";
  width: 8px;
  height: 8px;
  background: #3163af;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  left: 2.5rem;
  position: absolute;
}

/* show underline when active */
.menu-active::after {
  width: 100% !important;
  left: 0 !important;
}

/* box */
.box-arrow {
  background: linear-gradient(
    90.08deg,
    #ecb451 9.1%,
    #deb860 20.15%,
    #bac288 41.5%,
    #80d2c8 70.75%,
    #79d4d0 74.05%,
    #6bbbd8 95.46%,
    #497aeb 140.84%,
    #436fee 148.15%,
    #af528b 192.63%,
    #dd4561 213.79%
  );
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* arrow */
.box-arrow:before {
  content: "";
  position: absolute;
  bottom: -14px;
  left: 30px;
  border: solid 15px transparent;
  border-right-color: #e8b762;
  transform: rotate(135deg);
}

/* Center HTML Input Text Field Placeholder */
.advise::placeholder {
  text-align: center;
}

/* or, for legacy browsers */

.advise::-webkit-input-placeholder {
  text-align: center;
}

.advise:-moz-placeholder {
  /* Firefox 18- */
  text-align: center;
}

.advise::-moz-placeholder {
  /* Firefox 19+ */
  text-align: center;
}

.advise:-ms-input-placeholder {
  text-align: center;
}

#base:before {
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  content: "";
  height: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  bottom: -32px;
  width: 0;
}

.learn-about:hover a {
  text-decoration: underline;
}

/* register service pack */
#options::-webkit-scrollbar {
  width: 8px;
  background: #d9d9d9;
}

/* Track */
#options::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #d9d9d9;
  border-radius: 2px;
}

/* Handle */
#options::-webkit-scrollbar-thumb {
  background: #bbbbbb;
  border-radius: 2px;
}

/* Handle on hover */
#options::-webkit-scrollbar-thumb:hover {
  background: #a1a1a1;
}

/* Hide Arrows From Input Number */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

/* register service pack */
.sliders::-webkit-scrollbar {
  width: 0;
}

.sliders {
  overflow-x: scroll;
}

.active {
  background-color: #3163af !important;
  color: white !important;
}

.block-ellipsis-2 {
  display: -webkit-box;
  max-width: 100%;
  margin: 0 auto;
  line-height: 1;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.block-ellipsis-3 {
    display: -webkit-box;
    max-width: 100%;
    margin: 0 auto;
    line-height: 1;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }