:root {
  --body-bg: #f7f7f7;
  --footer-bg: #1fbbb3;
  --black-cl: #242424;
  --nav-item-cl: #919191;
  --dark-teal: #138490;
  --dark-teal-hover: #3f9098;
  --light-teal: #33bdc7;
  --dark-indigo: #574ec6;
  --dark-indigo-hover: #6f64e5;
  --dark-violet: #614bc3;
  --statistics-card-bg: #1384900d;
  --text-cl: #fff;
  --main-req: #747286;
  --applicant-cl: #868686;
  --trans: all 0.4s ease;
}
.hero-cards .hero-card,
.statistics-cards .statistics-card,
.clients .client-card,
.slider-section .slider-info,
.summary-main .general-container .card-summary,
.jobs-section .filter-result .filter-cards .filter-card,
.jobs-section .filter-selectors,
.general-main .general-btn-hover-com,
.general-main .general-btn-hover-seek,
.general-main .general-btn-hover-back,
.general-main .general-btn-hover-arrow {
  transition: var(--trans);
  -webkit-transition: var(--trans);
  -moz-transition: var(--trans);
  -ms-transition: var(--trans);
  -o-transition: var(--trans);
}
/* Start slider */
.slider-section .slider-info {
  opacity: 0;
  pointer-events: none;
  transform: translateY(20px);
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  animation: text-slider 1s forwards 0.5s;
  -webkit-animation: text-slider 1s forwards 0.5s;
}
@keyframes text-slider {
  from {
    opacity: 0;
    pointer-events: none;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
  }
  to {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}
/* End slider */
/* Start hero */
.hero-cards .hero-card:hover {
  scale: 1.03;
}
.hero-cards .hero-card:hover p svg {
  animation: move-arrow 0.3s infinite alternate ease;
  -webkit-animation: move-arrow 0.3s infinite alternate ease;
}
@keyframes move-arrow {
  from {
    transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
  }
  to {
    transform: translateX(10px);
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
  }
}
/* End hero */
/* Start statistics */
.statistics-cards .statistics-card {
  position: relative;
  transition: var(--trans);
  -webkit-transition: var(--trans);
  -moz-transition: var(--trans);
  -ms-transition: var(--trans);
  -o-transition: var(--trans);
  overflow: hidden;
  border: 2px solid transparent;
}
.statistics-cards .statistics-card:hover {
  border: 2px solid var(--dark-teal);
  transform: translateY(-1rem);
  -webkit-transform: translateY(-1rem);
  -moz-transform: translateY(-1rem);
  -ms-transform: translateY(-1rem);
  -o-transform: translateY(-1rem);
}
/* End statistics */
/* Start clients */
.clients .client-card:hover {
  scale: 1.03;
}
/* End clients */
/* Start FQA */
.fqa-section .accordion-item h2 button.accordion-button:focus {
  border: none;
  box-shadow: none;
}
.fqa-section .accordion-item h2 button.accordion-button:not(.collapsed) {
  color: var(--dark-teal);
  background-color: transparent;
  box-shadow: none;
}
/* End FQA */
/* Start summary */
.summary-main .general-container .card-summary {
  border: 2px solid transparent;
}
.summary-main .general-container .card-summary:hover {
  transform: translateY(-1rem);
  -webkit-transform: translateY(-1rem);
  -moz-transform: translateY(-1rem);
  -ms-transform: translateY(-1rem);
  -o-transform: translateY(-1rem);
}
.company-summary-main .general-container .card-summary:hover {
  border: 2px solid var(--dark-indigo);
}
.seekers-summary-main .general-container .card-summary:hover {
  border: 2px solid var(--dark-teal);
}
/* End summary */
/* Start general btn */
.general-main .general-btn-hover-arrow:hover {
  background-color: #f1f1f1;
}
.general-main .general-btn-hover-back:hover {
  color: var(--dark-teal);
}
.general-main .general-btn-hover-com:hover {
  transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  box-shadow: 0px 5px 10px #00000029;
}
.general-main .general-btn-hover-seek:hover {
  transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  box-shadow: 0px 5px 10px #00000029;
}
/* End general btn */
/* Start filter cards */
.jobs-section .filter-result .filter-cards .filter-card:hover {
  transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
}
/* End filter cards */
/* Start filter jobs */
.jobs-section .filter-selectors {
  opacity: 0;
  pointer-events: none;
  transform: translateY(50px);
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
}
.jobs-section .filter-selectors.active {
  opacity: 1;
  pointer-events: all;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}
/* End filter jobs */