.row {
  display: flex;
  flex-direction: row;
}
.column {
  display: flex;
  flex-direction: column;
}
.button {
  display: flex;
  width: 100%;
  height: 48px;
  justify-content: center;
  align-items: center;
  text-align: center;
  box-sizing: border-box;
}
header .container {
  max-width: 1520px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header.logged .container .row {
  width: unset;
}
header .container .row {
  gap: 50px;
  align-items: center;
  width: 100%;
  max-width: 715px;
  justify-content: end;
}
header .container .row a {
  font-size: 20px;
  color: var(--blue);
  min-width: max-content;
}
.button.secondary {
  border-radius: 26px;
  border: 1px solid var(--blue);
  color: var(--blue);
}
.button.primary {
  font-size: 18px;
  font-weight: bold;
  font-family: "GilroyBold";
  background-color: var(--darker-red);
  color: #fff;
  border: 1px solid var(--darker-red);
  border-radius: 26px;
}
header .container .action {
  max-width: 106px;
  width: 100%;
}
.hero .register-box {
  background-color: #fff;
  border-radius: 10px;
  padding: 20px;
  box-sizing: border-box;
}
.hero .register-box .checkbox-container {
  max-width: 146px;
  width: 100%;
  position: relative;
}
.hero .register-box .checkbox-container label {
  border-radius: 26px;
  width: 100%;
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--blue);
  color: var(--blue);
  font-size: 15px;
}
.hero .register-box {
  width: 100%;
  max-width: 349px;
}
.hero .register-box .iam,
.hero .register-box .search-for {
  max-width: 149px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 10px;
}
.hero .register-box .checkbox-container input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
  left: 0;
}
.hero .register-box .iam .checkbox-container label::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  width: 20px;
  height: 20px;
  border: 1px solid var(--blue);
  border-radius: 50%;
  box-sizing: border-box;
}
.hero .register-box .checkbox-container input:checked + label::before {
  background-color: var(--red);
  box-shadow: inset 0 0 0 2px #fff;
  border: 1px solid var(--red);
}
.hero .register-box .checkbox-container input:checked + label {
  border: 1px solid var(--red);
  color: var(--red);
}
.hero .register-box .search-for .checkbox-container input:checked + label {
  background-color: var(--red);
  color: #fff;
}
.hero h1 {
  color: #fff;
  font-size: 64px;
  font-family: "GilroyBold";
  font-weight: bold;
  max-width: 727px;
}
.hero {
  height: 1035px;
  padding: 0 20px;
  box-sizing: border-box;
  border-radius: 20px;
  padding-top: 140px;
  background-size: cover;
}

.hero .container .row {
  max-width: 1520px;
  width: 100%;
  margin: 0 auto;
  justify-content: space-between;
  display: flex;
  gap: 17px;
}
.hero .container .submit-register {
  width: 100%;
  margin-top: 20px;
}
.hero .container .info-points .item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.hero .container .info-points {
  background: var(
    --paarwrts-rosa-20,
    linear-gradient(
      0deg,
      rgba(252, 129, 129, 0.2) 0%,
      rgba(252, 129, 129, 0.2) 100%
    ),
    #fff
  );
  border-radius: 10px;
  padding: 15px;
  box-sizing: border-box;
  margin-top: 20px;
}
.hero .container .info-points .item .text {
  color: var(--blue);
}
.hero .container .info-points img {
  mix-blend-mode: multiply;
  /*pentru a elimina background alb */
}
.our-mission .container {
  max-width: 1478px;
  width: 100%;
  margin: 0 auto;
}
.hero {
  position: relative;
  z-index: 1;
}
.our-mission {
  background-color: var(--blue);
  padding: 0 20px;
  box-sizing: border-box;
  height: 759px;
  display: flex;
  align-items: center;
  top: -20px;
  position: relative;
}
.our-mission .container .image {
  max-width: 730px;
  width: 100%;
}
.our-mission .container .image img,
.our-mission .container .image video {
  width: 100%;
  border-radius: 10px;
  max-width: 730px;
  object-fit: cover;
  height: 410px;
}
.our-mission .container .content {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 10px;
}
.our-mission .container .content h3 {
  font-size: 24px;
  font-weight: bold;
  font-family: "GilroyBold";

  color: #fff;
}
h2,
h3,
h4,
h1 {
  margin: 0;
}
.our-mission .container .content h2 {
  font-size: 48px;
  font-weight: bold;
  font-family: "GilroyBold";
  color: #fff;
}
.our-mission .container .content p {
  margin: 26px 0;
  font-size: 18px;
  line-height: 130%;
  color: #fff;
}
.our-mission .container .content {
  max-width: 600px;
  width: 100%;
}
.our-mission .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.our-mission .container .content .action {
  max-width: 219px;
  width: 100%;
}
.our-mission.methods {
  background: var(
    --paarwrts-rosa-7,
    linear-gradient(
      0deg,
      rgba(252, 129, 129, 0.07) 0%,
      rgba(252, 129, 129, 0.07) 100%
    ),
    #fff
  );
}
.our-mission.methods .container .content h2,
.our-mission.methods .container .content h3,
.our-mission.methods .container .content p {
  color: var(--blue);
}
.why-pairs .title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.why-pairs .title .image img {
  width: 52px;
}
.why-pairs .title h2 {
  font-size: 48px;
  font-family: "GilroyBold";
  font-weight: bold;
  color: var(--blue);
}
.our-mission.methods {
  flex-direction: column;
  gap: 170px;
  height: auto;
}
.our-mission.methods .container {
  padding-top: 170px;
}
.why-pairs .cards .pair-card {
  padding: 24px 26px;
  max-width: 351px;
  width: 100%;
  box-sizing: border-box;
  background-color: var(--red);
  border-radius: 10px;
  height: 235px;
}
.why-pairs .cards .pair-card .icon img {
  margin-bottom: 20px;
}
.why-pairs .cards .pair-card .icon {
  height: 75px;
  display: flex;
  align-items: center;
}
.why-pairs .cards .pair-card h3 {
  font-size: 24px;
  font-weight: bold;
  font-family: "GilroyBold";
  color: #fff;
  margin-bottom: 10px;
}
.why-pairs .cards .pair-card p {
  margin: 0;
  color: #fff;
  font-size: 15px;
}
i {
  font: var(--fa-font-solid);
}

.why-pairs .cards {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  gap: 24px;
  margin-top: 50px;
}
.second-hero-empty {
  height: 959px;
  border-radius: 20px;
  background-size: cover;
  position: relative;
  top: -120px;
}
.create-profile .step-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 78px;
  padding: 0 125px;
  box-sizing: border-box;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 5;
}
.create-profile .step-bar .counter {
  dominant-baseline: 18px;
  color: var(--blue);
}
.create-profile .step-bar .back,
.create-profile .step-bar .next {
  max-width: 106px;
  width: 100%;
}
.story-carousel .image > img {
  height: 268px;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.story-carousel .item {
  border-radius: 10px;
  background-color: rgba(252, 129, 129, 0.1);
}
.story-carousel .image {
  position: relative;
}
.story-carousel .image .logo {
  position: absolute;
  left: 30px;
  top: 30px;
}
.story-carousel .item h3 {
  font-size: 24px;
  font-weight: bold;
  font-family: "GilroyBold";
  margin-bottom: 10px;
}
.story-carousel .item p {
  margin: 0;
  font-size: 15px;
  margin-bottom: 26px;
}
.story-carousel .item .see-more a {
  color: var(--darker-red);
}
.story-carousel .item .content {
  padding: 30px;
  box-sizing: border-box;
  width: 100%;
}
.story-carousel .item {
  max-width: 477px;
  width: 100%;
}
.story-carousel .container {
  max-width: 1478px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.story-carousel {
  padding: 0 20px;
  padding-bottom: 50px;
  background: var(
    --paarwrts-rosa-7,
    linear-gradient(
      0deg,
      rgba(252, 129, 129, 0.07) 0%,
      rgba(252, 129, 129, 0.07) 100%
    ),
    #fff
  );
  position: relative;
  top: -120px;
  padding-top: 170px;
}
.story-carousel h2 {
  font-size: 48px;
  font-weight: bold;
  font-family: "GilroyBold";
  margin-bottom: 50px;
}
.story-carousel .owl-theme .owl-nav {
  position: absolute;
  right: 0;
  bottom: -102px;
  margin: 0;
}
.story-carousel .owl-theme .owl-dots {
  margin-top: 40px;
}
.story-carousel .owl-theme .owl-dots .owl-dot span {
  height: 4px;
  margin-left: 0;
  margin-right: 0;
  border-radius: 0;
  width: 100%;
}
.story-carousel .owl-theme .owl-dots .owl-dot {
  width: 100%;
}
.story-carousel .owl-theme .owl-dots {
  display: flex;
}
.story-carousel .owl-theme .owl-dots .owl-dot.active span {
  background: #647089;
  opacity: 1;
}
.story-carousel .owl-theme .owl-dots .owl-dot span {
  background: #647089;
  opacity: 0.1;
}
.story-carousel .see-more {
  max-width: 179px;
  width: 100%;
  margin-top: 50px;
}
.story-carousel .owl-carousel .owl-nav button.owl-prev,
.story-carousel .owl-carousel .owl-nav button.owl-next {
  background-color: var(--red);
  height: 48px;
  width: 48px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  color: #fff;
  align-items: center;
  font-size: 18px;
}
.story-carousel .owl-carousel .owl-nav button.owl-prev:hover,
.story-carousel .owl-carousel .owl-nav button.owl-next:hover {
  background-color: var(--darker-red);
}
.story-carousel .owl-carousel .owl-nav {
  gap: 0px;
  display: flex;
  align-items: center;
}
.more-questions {
  background: var(
    --paarwrts-rosa-7,
    linear-gradient(
      0deg,
      rgba(252, 129, 129, 0.07) 0%,
      rgba(252, 129, 129, 0.07) 100%
    ),
    #fff
  );
  padding-top: 170px;
  top: -120px;
  position: relative;
}
.more-questions .hero-faq {
  background-image: url("/assets/img/faq-hero.jpg");
  height: 959px;
  background-size: cover;
  position: relative;
  padding: 0 20px;
  box-sizing: border-box;
  top: 120px;
}
.acc .acc-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.acc .acc-header .text {
  font-family: "GilroyBold";
}
.acc .acc-header .text,
.acc .acc-header i {
  color: var(--blue);
  font-size: 18px;
  font-weight: bold;
}
.acc .acc-content {
  height: 0;
  font-size: 18px;
  color: var(--blue);
  max-height: 0;
  transition: 0.3s all ease;
}
.acc.active .acc-content {
  height: auto;
  transition: 0.3s all ease;
  max-height: 100px;
}
.acc i {
  transition: 0.3s all ease;
}
.acc.active i {
  transform: rotate(180deg);
  transition: 0.3s all ease;
}
.more-questions .hero-faq .question-box {
  max-width: 727px;
  width: 100%;
  background-color: #fff;
  border-radius: 20px;
  padding: 40px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 5;
  gap: 30px;
}
.more-questions .hero-faq .acc {
  overflow: hidden;
}
.more-questions .hero-faq h2 {
  font-family: "GilroyBold";
  font-size: 48px;
  font-weight: bold;
}
.more-questions .hero-faq .container {
  max-width: 1478px;
  width: 100%;
  margin: 0 auto;
}
.more-questions .hero-faq {
  display: flex;
  align-items: center;
}
.more-questions .acc {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.more-questions .acc .acc-header {
  cursor: pointer;
}
.more-questions .see-more {
  max-width: 163px;
  width: 100%;
}
footer .container {
  max-width: 1478px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}
footer .column .icon {
  border-radius: 50%;
  background-color: #fff;
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
}
footer .column .media {
  display: flex;
  align-items: center;
  justify-content: end;
  width: 100%;
  gap: 12px;
}
footer .column {
  display: flex;
  width: 100%;
  max-width: 351px;
  flex-direction: column;
  gap: 22px;
}
footer .column h3 {
  font-weight: bold;
  font-family: "GilroyBold";
  font-size: 22px;
  color: #fff;
}
footer .column .link {
  font-size: 18px;
  color: #fff;
}
footer .container .row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 340px));
  gap: 20px;
  box-sizing: border-box;
}
footer {
  background-color: var(--blue);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  padding: 72px 0px;
  padding-bottom: 82px;
  box-sizing: border-box;
  position: relative;
  top: -20px;
}
footer .copyright .container-copy {
  max-width: 1478px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  padding: 0 20px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
footer .copyright .right {
  display: flex;
  align-items: center;
  gap: 38px;
}
footer .copyright .right a,
footer .copyright .left {
  color: #fff;
}
footer .copyright {
  background: var(--Blaugrau, #647089);
  padding: 30px 20px;
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -54px;
}
header {
  padding: 0 20px;
  box-sizing: border-box;
}
header .burger-menu {
  display: none;
}
header .burger-menu i {
  color: var(--blue);
}
input[type="submit"] {
  cursor: pointer;
}
* {
  font-family: "Gilroy";
}
main {
  background: var(
    --paarwrts-rosa-7,
    linear-gradient(
      0deg,
      rgba(252, 129, 129, 0.07) 0%,
      rgba(252, 129, 129, 0.07) 100%
    ),
    #fff
  );
}

.breadcrumbs {
  color: #647089;
  padding: 20px 125px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.breadcrumbs .link {
  font-size: 15px;
  min-width: max-content;
  color: #647089;
}
.breadcrumbs .link.active {
  font-family: "GilroyBold";
}
body:has(.homepage) footer {
  top: -20px;
}
footer {
  top: unset;
}
body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
main {
  flex-grow: 1;
  flex-basis: 100%;
}
.text-section h1 {
  color: var(--blue);
  font-size: 64px;
  font-family: "GilroyBold";
  margin-bottom: 100px;
  margin-top: 90px;
}
.text-section p {
  color: var(--blue);
  margin: 0;
  margin-top: 24px;
  font-size: 18px;
}
.text-section h2 {
  color: var(--blue);
  margin-top: 40px;
  font-size: 34px;
  font-family: "GilroyBold";
}
.text-section .container {
  max-width: 978px;
  margin: 0 auto;
  margin-bottom: 170px;
}
.error-404 .container h1 {
  font-size: 250px;
  color: var(--blue);
  font-family: "GilroyBold";
  margin-bottom: 42px;
  text-align: center;
}
.error-404 .container h2 {
  margin-bottom: 24px;
  color: var(--blue);
  text-align: center;
  font-family: "GilroyBold";
  font-size: 48px;
}
.error-404 .container p {
  text-align: center;
  color: var(--blue);
  font-size: 18px;
  margin-bottom: 50px;
}
.error-404 .container .go-home {
  margin: 0 auto;
  max-width: 163px;
}
.error-404 .container {
  margin-bottom: 170px;
  margin-top: 128px;
  position: relative;
  max-width: 726px;
  margin-left: auto;
  margin-right: auto;
}
.error-404 .background-heart-1,
.error-404 .background-heart-2,
.error-404 .background-heart-3,
.error-404 .background-heart-4,
.error-404 .background-heart-5,
.error-404 .background-heart-6 {
  position: absolute;
}
.error-404 .background-heart-1 {
  top: 22px;
  left: -35px;
}
.error-404 .background-heart-1 img {
  height: 59px;
}
.error-404 .background-heart-2 {
  right: 84px;
  rotate: -21deg;
  top: -12px;
}
.error-404 .background-heart-2 img {
  height: 16px;
}
.error-404 .background-heart-3 {
  right: -10px;
  top: 42px;
}
.error-404 .background-heart-4 {
  top: 144px;
  left: -10px;
  rotate: -21deg;
}
.error-404 .background-heart-5 {
  bottom: 21px;
  rotate: -21deg;
  left: -122px;
}
.error-404 .background-heart-6 {
  rotate: 21deg;
  bottom: 88px;
  right: -49px;
}
.error-404 .background-heart-3 img {
  height: 28px;
}
.error-404 .background-heart-4 img {
  height: 28px;
}
.error-404 .background-heart-5 img {
  height: 17px;
}
.error-404 .background-heart-6 img {
  height: 17px;
}
.grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.grid-5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
.success-stories .container {
  max-width: 1479px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 170px;
}
.success-stories .grid-3 {
  gap: 24px;
  box-sizing: border-box;
}
.success-stories .story-carousel {
  padding: 0;
  background: transparent;
  position: initial;
  top: unset;
}
.success-stories {
  padding: 0 20px;
  box-sizing: border-box;
}
.success-stories h1 {
  font-size: 64px;
  font-family: "GilroyBold";
  color: var(--blue);
  margin-bottom: 40px;
  margin-top: 90px;
}
.success-stories p {
  font-size: 18px;
  margin-bottom: 100px;
  max-width: 726px;
  width: 100%;
}
.success-stories .breadcrumbs {
  padding-left: 0;
  margin-bottom: 0;
}
.input-container > input {
  outline: none;
  border: none;
  width: 100%;
  height: 48px;
  box-sizing: border-box;
  border-radius: 10px;
  background: var(
    --Hellgrau,
    linear-gradient(
      0deg,
      rgba(100, 112, 137, 0.15) 0%,
      rgba(100, 112, 137, 0.15) 100%
    ),
    #fff
  );
  padding: 0 15px;
  display: flex;
  align-items: center;
}
.register .container p {
  max-width: 1102px;
}
.register .register-box {
  border-radius: 20px;
  background: #fff;
  padding: 40px;
  box-sizing: border-box;
  max-width: 1102px;
  width: 100%;
}
.register-box .input-container {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 100%;
}
.register-box .grid-2 {
  gap: 20px;
}
.register-box .input-container label {
  font-size: 18px;
  font-family: "GilroyBold";
  color: var(--blue);
}
.register-box .input-container label span {
  font-family: "Gilroy";
  font-size: 15px;
}

.register .register-box .grid-2 .checkbox-container input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
  left: 0;
}
.register .register-box .grid-2 .iam .checkbox-container label::before {
  content: "";
  position: relative;
  margin-right: 7px;
  width: 20px;
  height: 20px;
  border: 1px solid var(--blue);
  border-radius: 50%;
  box-sizing: border-box;
}
.register
  .register-box
  .grid-2
  .checkbox-container
  input:checked
  + label::before {
  background-color: var(--red);
  box-shadow: inset 0 0 0 2px #fff;
  border: 1px solid var(--red);
}
.register .register-box .grid-2 .checkbox-container input:checked + label {
  border: 1px solid var(--red);
  color: var(--red);
}
.register
  .register-box
  .grid-2
  .search-for
  .checkbox-container
  input:checked
  + label {
  background-color: var(--red);
  color: #fff;
}
.register .register-box .grid-2 .checkbox-container {
  max-width: 113px;
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  gap: 7px;
}
.register .register-box .grid-2 .checkbox-container label {
  border-radius: 26px;
  width: 100%;
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--blue);
  color: var(--blue);
  font-size: 15px;
}
.register .register-box .iam,
.register .register-box .search-for {
  display: flex;
  gap: 7px;
}
.select-container .select2-container--default .select2-selection--single {
  outline: none;
  border: none;
  width: 100%;
  height: 48px;
  box-sizing: border-box;
  border-radius: 10px;
  background: var(
    --Hellgrau,
    linear-gradient(
      0deg,
      rgba(100, 112, 137, 0.15) 0%,
      rgba(100, 112, 137, 0.15) 100%
    ),
    #fff
  );
  padding: 0 15px;
  display: flex;
  align-items: center;
}
.select-container
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  padding-left: 0;
}
.select-container
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}
.register-box .mandatory {
  text-align: end;
}
.register-box .bottom-section .checkbox-container label {
  padding-left: 28px;
  font-size: 15px;
  display: inline-block;
  color: var(--blue);
}
.register-box .bottom-section .checkbox-container label::before {
  content: "";
  margin-right: 8px;
  border: 1px solid var(--blue);
  width: 20px;
  height: 20px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
}
.register-box
  .bottom-section
  .checkbox-container
  input:checked
  + label::before {
  border: 1px solid var(--red);
  content: "\f00c";
  color: var(--red);
  display: flex;
  align-items: center;
  justify-content: center;
  font: var(--fa-font-solid);
}
.register-box .bottom-section .checkbox-container input {
  width: 20px;
  z-index: 1;
  height: 20px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  cursor: pointer;
}
.register-box .bottom-section .checkbox-container {
  position: relative;
  margin-bottom: 20px;
}
.register-box .bottom-section .checkbox-container label a {
  font-size: 15px;
  color: var(--blue);
  display: inline;
  text-decoration: underline;
}
.register-box .bottom-section .submit-button {
  max-width: 309px;
  width: 100%;
  margin-top: 40px;
}
.select-container .select2-container {
  width: 100% !important;
}
.register-box .bottom-section .checkbox-container label a {
  min-width: max-content;
}
.das-coaching .hero-coaching h1 {
  font-size: 64px;
  font-family: "GilroyBold";
  color: #fff;
  padding: 20px 125px;
  z-index: 2;
  position: relative;
  display: block;
  padding-top: 80px;
}
.das-coaching .hero-coaching {
  background-image: url("/assets/img/das-coaching.jpg");
  background-size: cover;
  height: 560px;
  background-position-y: 55%;
  border-radius: 20px;
  margin-bottom: 170px;
  overflow: hidden;
  position: relative;
}
.das-coaching .hero-coaching .overlay {
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.das-coaching .text-block {
  display: flex;
  flex-direction: column;
  gap: 24px;

  margin-bottom: 40px;
}
.das-coaching .text-block h2 {
  font-size: 48px;
  color: var(--blue);
  font-family: "GilroyBold";
}
.das-coaching .text-block p {
  font-size: 18px;
  color: var(--blue);
}
.das-coaching .action {
  max-width: 219px;
  width: 100%;
}
.das-coaching .container {
  max-width: 978px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 170px;
}
.das-coaching p {
  margin-top: 0;
  margin-bottom: 0;
}
.das-coaching .container {
  padding: 0 20px;
  box-sizing: border-box;
}
.unsere-coaches .grid-4 .item {
  max-width: 352px;
  width: 100%;
  box-sizing: border-box;
}
.unsere-coaches .grid-4 .item .image {
  background: #c4c4c4;
  height: 198px;
  border-radius: 10px;
}
.unsere-coaches .grid-4 .item .image img {
  height: 198px;
  box-sizing: border-box;
  width: 100%;
}
.unsere-coaches .grid-4 .item .content {
  padding: 30px;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 10px;
}
.unsere-coaches .grid-4 .item .content .name {
  font-size: 24px;
  font-family: "GilroyBold";
  margin-bottom: 10px;
  color: var(--blue);
}
.unsere-coaches .grid-4 .item p {
  margin: 0;
  color: var(--blue);
  margin-bottom: 32px;
  font-size: 15px;
}
.unsere-coaches .grid-4 .item .action a {
  color: var(--darker-red);
  font-size: 18px;
  font-family: "GilroyBold";
}
.breadcrumbs {
  max-width: 1520px;
  margin: 0 auto;
}
.unsere-coaches .container {
  max-width: 1520px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 170px;
  margin-top: 70px;
}
.unsere-coaches .container h1 {
  font-family: "GilroyBold";
  font-size: 64px;
  margin-bottom: 40px;
  color: var(--blue);
}
.unsere-coaches .container p {
  margin: 0;
  margin-bottom: 100px;
  font-size: 18px;
  max-width: 726px;
  width: 100%;
  color: var(--blue);
}
.unsere-coaches .grid-4 {
  gap: 24px;
}
.unsere-coaches {
  padding: 0 20px;
}
.unsere-coaches.uber .sub-name {
  font-size: 18px;
  font-family: "GilroyBold";
  margin-bottom: 10px;
  color: var(--blue);
}
.price .tabs .tabs-header {
  position: relative;
  padding: 3px;
  border: 1px solid var(--blue);
  border-radius: 12px;
  max-width: max-content;
  box-sizing: border-box;
}
.price .tabs .tabs-header input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  left: 0;
  top: 0;
  border-radius: 12px;
  cursor: pointer;
}
.price .tabs .tabs-header label {
  display: flex;
  align-items: center;
}
.price .tabs .tabs-header label .once,
.price .tabs .tabs-header label .monthly {
  padding: 8px 18px;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  display: flex;
  border-radius: 12px;
  font-size: 15px;
  color: var(--blue);
}
.price .tabs .tabs-header label .once {
  background-color: var(--blue);
  color: #fff;
}
.price .tabs .tabs-header input:checked + label .once {
  background-color: #fff;
  color: var(--blue);
}
.price .tabs .tabs-header input:checked + label .monthly {
  background-color: var(--blue);
  color: #fff;
}
.price .tabs-content .item .info .icon img {
  width: 24px;
  height: 24px;
}
.price .tabs-content .item .info {
  display: flex;
  align-items: start;
  gap: 10px;
}
.price .tabs-content .item .info .text {
  color: var(--blue);
}
.price .tabs-content .item .info {
  margin-bottom: 10px;
}

.price .tabs-content .item .action a {
  height: 48px;
}
.price .tabs-content .item .item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
}
.price .tabs-content .item .item-header .name {
  color: var(--blue);
  font-size: 24px;
  font-family: "GilroyBold";
}
.price .tabs-content .item .item-header .tag {
  border-radius: 26px;
  height: 31px;
  padding: 0 10px;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  display: flex;
  background: var(
    --Hellgrau,
    linear-gradient(
      0deg,
      rgba(100, 112, 137, 0.15) 0%,
      rgba(100, 112, 137, 0.15) 100%
    ),
    #fff
  );
  color: var(--blue);
  font-size: 15px;
}
.price .tabs-content .item .item-price {
  display: flex;
  align-items: end;
  justify-content: start;
  width: 100%;
  margin-bottom: 12px;
  gap: 10px;
}
.price .tabs-content .item .item-price .number {
  font-size: 48px;
  width: max-content;
  color: var(--blue);
  font-family: "GilroyBold";
}
.price .tabs-content .item .item-price p {
  margin: 0;
  font-size: 18px;
  max-width: max-content;
  color: var(--blue);
}
.price .tabs-content .item .action {
  width: 100%;
  flex-grow: 1;
  /* flex-basis: 1 00%; */
  display: flex;
  align-items: end;
}
.price .tabs-content .item {
  padding: 30px;
  height: 335px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  max-width: 477px;
  width: 100%;
}
.price .tabs-content {
  margin-top: 40px;
}
#price-tab-once {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  width: 100%;
  display: none;
}
#price-tab-monthly {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  width: 100%;
  display: none;
}
.tabs .tabs-header:has(input:not(:checked)) + .tabs-content #price-tab-once {
  display: flex;
}
.tabs .tabs-header:has(input:not(:checked)) + .tabs-content #price-tab-monthly {
  display: none;
}
.tabs .tabs-header:has(input:checked) + .tabs-content #price-tab-monthly {
  display: flex;
}
.tabs .tabs-header:has(input:checked) + .tabs-content #price-tab-once {
  display: none;
}
header .container .row a.link.active {
  color: var(--darker-red);
}
header .container .row a {
  font-family: "GilroyBold";
}
.news .grid-4 .item {
  border-radius: 10px;
  background: var(
    --paarwrts-rosa-20,
    linear-gradient(
      0deg,
      rgba(252, 129, 129, 0.2) 0%,
      rgba(252, 129, 129, 0.2) 100%
    ),
    #fff
  );

  /* Shadow */
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
  padding: 30px;
  box-sizing: border-box;
  height: 358px;
  width: 100%;
  max-width: 352px;
}
.news .grid-4 .item .date {
  padding: 0 10px;
  border-radius: 26px;
  height: 31px;
  font-size: 15px;
  color: var(--blue);
  background-color: #fff;
  display: flex;
  justify-content: center;
  max-width: max-content;
  align-items: center;
}
.news .grid-4 .item .title {
  font-size: 24px;
  font-family: "GilroyBold";
  color: var(--blue);
  margin-top: 20px;
  margin-bottom: 10px;
}
.news .grid-4 .item .text {
  color: var(--blue);
  font-size: 15px;
  margin-bottom: 32px;
}
.news .grid-4 .item .see-more {
  color: var(--darker-red);
  font-size: 18px;
  font-family: "GilroyBold";
}
.news .grid-4 .item.filled .title,
.news .grid-4 .item.filled .text,
.news .grid-4 .item.filled .see-more {
  color: #fff;
  z-index: 2;
  position: relative;
}
.news .grid-4 .item.filled .date {
  position: relative;
  z-index: 2;
}
.news .grid-4 .item.filled .background-img .overlay {
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.news .grid-4 .item.filled .background-img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.news .grid-4 .item {
  position: relative;
  overflow: hidden;
}
.news .hero-coaching .date {
  padding: 0 10px;
  height: 31px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 25px;
  color: var(--blue);
  max-width: max-content;
  margin-left: 125px;
}
.news .hero-coaching {
  background-image: url("/assets/img/Rectangle\ 1.png");
}
.news .container .text-block h2 {
  font-size: 34px;
  /* font-family: "Gilroy"; */
}
.news .news-image img {
  width: 100%;
  object-fit: cover;
  height: 830px;
}
.news .news-image {
  margin-bottom: 100px;
  max-width: 1477px;
  width: 100%;
  object-fit: cover;
  margin-left: auto;
  margin-right: auto;
}
.news.no-img .hero-coaching {
  background-image: none;
  height: auto;
  background-color: transparent;
}
.news.no-img .hero-coaching .overlay {
  display: none;
}
.news.no-img .hero-coaching h1 {
  color: var(--blue);
}
.news.no-img .hero-coaching .date {
  color: var(--blue);
}
.news.no-img .hero-coaching {
  margin-bottom: 100px;
}
.logged .row .profile .user {
  width: 50px;
  border-radius: 50%;
  height: 50px;
}
.logged .row .profile .user img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.logged .row .profile {
  display: flex;
  gap: 10px;
  align-items: center;
  position: relative;
}
.logged .row .profile i,
.logged .row .profile .user {
  cursor: pointer;
}
.logged .row .profile .profile-dropdown {
  position: absolute;
  right: 0;
  top: 60px;
  width: 200px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  background-color: var(--blue);
  border-radius: 10px;
  align-items: center;
  padding: 20px;
  box-sizing: border-boxq;
}
.logged .row .profile .profile-dropdown a {
  color: #fff;
}
.logged .row .profile .profile-dropdown.active {
  display: flex;
}
.logged .row .profile .profile-dropdown {
  display: none;
}
.create-profile .container {
  max-width: 1480px;
  width: 100%;
  margin: 80px auto;
}
.create-profile h1 {
  font-size: 48px;
  color: var(--blue);
  font-family: "GilroyBold";
}
.create-profile-container {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 40px;
}
.create-profile-container .steps {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  text-align: center;
}
.create-profile-container .steps .step {
  display: flex;
  flex-direction: column;
  max-width: 142px;
  width: 100%;
  align-items: center;
  text-align: center;
  gap: 8px;
}
.create-profile-container .steps .step p {
  margin: 0;
  font-size: 15px;
  color: var(--blue);
  text-align: center;
}
.create-profile-container .steps .step::before {
  display: block;
  content: "";
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid #647089;
  background-color: #647089;
}
.create-profile-container .steps .step.active::before {
  border: 1px solid var(--blue);
  background-color: var(--blue);
  box-shadow: inset 0px 0px 0px 4px #fff;
}
.create-profile-container .steps .bar {
  width: 1px;
  height: 50px;
  background: var(
    --Hellgrau,
    linear-gradient(
      0deg,
      rgba(100, 112, 137, 0.25) 0%,
      rgba(100, 112, 137, 0.25) 100%
    ),
    #fff
  );
}
.create-profile-container {
  margin-top: 100px;
}
.create-profile-container .content .grid-3 .item {
  max-width: 352px;
  width: 100%;
}
.create-profile-container .content .grid-3 .item .image {
  height: 198px;
  border-radius: 10px;
  background-color: #c4c4c4;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
}
.create-profile-container .content .grid-3 .item .image img {
  width: 100%;
  height: 198px;
  object-fit: cover;
}
.create-profile-container .content .grid-3 .item .item-content {
  border-radius: 10px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  height: 210px;
  padding: 30px;
  box-sizing: border-box;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
  position: relative;
}
.create-profile-container .content .grid-3 .item .item-content .name {
  font-size: 24px;
  color: var(--blue);
  font-family: "GilroyBold";
  margin-bottom: 10px;
}
.create-profile-container .content .grid-3 .item .item-content .degrees {
  font-size: 15px;
  color: var(--blue);
}
.create-profile-container .content .grid-3 .item .item-content .see-more a {
  color: var(--darker-red);
  font-size: 18px;
  font-family: "GilroyBold";
}
.create-profile-container .content .grid-3 .item .item-content .see-more {
  display: flex;
  align-items: end;
  flex-grow: 1;
}
.create-profile-container .content {
  max-width: 1104px;
  width: 100%;
}
.create-profile-container {
  justify-content: space-between;
}
.create-profile-container .content .grid-3 .item .item-content .checkbox {
  position: absolute;
  bottom: 30px;
  right: 30px;
}
.create-profile-container
  .content
  .grid-3
  .item
  .item-content
  .checkbox
  label::before {
  display: block;
  content: "";
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid var(--blue);
  box-sizing: border-box;
}
.create-profile-container .content .grid-3 .item .item-content .checkbox input {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  width: 28px;
  height: 28px;
  cursor: pointer;
}
.create-profile-container
  .content
  .grid-3
  .item
  .item-content
  .checkbox
  input:checked
  + label::before {
  content: "\f00c";
  font: var(--fa-font-solid);
  color: var(--blue);
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.create-profile-container
  .content
  .grid-3
  .item:has(input:checked)
  .item-content {
  background-color: var(--blue);
}

.create-profile-container
  .content
  .grid-3
  .item:has(input:checked)
  .item-content
  .name,
.create-profile-container
  .content
  .grid-3
  .item:has(input:checked)
  .item-content
  .degrees {
  color: #fff;
}
.create-profile-container .content h2 {
  font-size: 34px;
  color: var(--blue);
  font-family: "GilroyBold";
  margin-bottom: 20px;
}
.create-profile-container .content p {
  max-width: 726px;
  width: 100%;
  font-size: 18px;
  color: var(--blue);
  margin-bottom: 20px;
}
.create-profile-container .content .checkbox-container {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 40px;
}
.create-profile-container .content .checkbox-container label {
  font-size: 18px;
  color: var(--blue);
}
.create-profile-container .content .checkbox-container input {
  width: 20px;
  height: 20px;
}
.create-profile-container .content .grid-3 {
  gap: 24px;
}
.create-profile {
  padding: 0 20px;
  box-sizing: border-box;
}
.create-profile-container .tabs .item .checkbox-container label::before {
  display: block;
  content: "";
  width: 28px;
  height: 28px;
  border: 1px solid var(--blue);
  border-radius: 50%;
  box-sizing: border-box;
}
.create-profile-container .tabs .item .checkbox-container input {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  opacity: 0;
  cursor: pointer;
  position: absolute;
}
.create-profile-container
  .tabs
  .item
  .checkbox-container
  input:checked
  + label::before {
  content: "\f00c";
  font: var(--fa-font-solid);
  color: var(--blue);
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.create-profile-container .tabs .item .checkbox-container {
  display: flex;
  align-items: end;
  justify-content: end;
  margin-left: auto;
  margin-bottom: 0;
}
.create-profile-container .tabs .item:has(input:checked) {
  background-color: var(--blue);
}
.create-profile-container .tabs .item:has(input:checked) .name,
.create-profile-container .tabs .item:has(input:checked) .number,
.create-profile-container .tabs .item:has(input:checked) p,
.create-profile-container .tabs .item:has(input:checked) .text {
  color: #fff;
}
.create-profile-container .tabs .item:has(input:checked) .checked-image {
  display: revert;
}
.create-profile-container .tabs .item:has(input:checked) img:first-child {
  display: none;
}
.create-profile-container .tabs .item .icon .checked-image {
  display: none;
}
.create-profile-container .steps .step.completed::before {
  content: "\f00c";
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--blue);
  font: var(--fa-font-solid);
}
.create-profile-container .status {
  display: flex;
  align-items: center;
  gap: 10px;
}
.create-profile-container .status label {
  color: var(--blue);
  font-size: 18px;
}
.create-profile-container .status .status-tag {
  padding: 15px 16px;
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--blue);
  font-size: 18px;
}
.create-profile-container .photos .upload-photos {
  gap: 24px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.create-profile-container .photos .upload-photos .upload-item:has(.image img) {
  border: none;
}
.create-profile-container .photos .upload-photos .upload-item::after {
  content: "\2b";
  font: var(--fa-font-solid);
  font-size: 42px;
  left: 50%;
  top: 50%;
  font-size: 20px;
  transform: translate(-50%, -50%);
  color: #fff;
  position: absolute;
}
.create-profile-container .photos .upload-photos .upload-item::before {
  content: "";
  position: absolute;
  left: 50%;
  line-height: 54px;
  top: 50%;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #fc8181;
  transform: translate(-50%, -50%);
}
.create-profile-container .photos .upload-photos .upload-item {
  position: relative;
  height: 314px;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  max-width: 213px;
  background: var(
    --paarwrts-rosa-20,
    linear-gradient(
      0deg,
      rgba(252, 129, 129, 0.2) 0%,
      rgba(252, 129, 129, 0.2) 100%
    ),
    #fff
  );
  border: 2px dashed var(--paarwrts-Rosa, #fc8181);
}
.create-profile-container .photos .upload-photos .upload-item .delete-button {
  display: none;
}
.create-profile-container
  .photos
  .upload-photos
  .upload-item:has(.image img)
  .delete-button {
  position: absolute;
  right: 13px;
  display: revert;
  top: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--blue);
  border-radius: 50%;
  width: 28px;
  height: 28px;
  z-index: 3;
  cursor: pointer;
}
.create-profile-container .photos .upload-photos .upload-item .image img {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  object-fit: cover;
}
.create-profile-container .photos .upload-photos .upload-item input {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: pointer;
  position: absolute;
  opacity: 0;
  z-index: 2;
}
.create-profile-container
  .photos
  .upload-photos
  .upload-item:has(.image img)
  .counter {
  display: revert;
  position: absolute;
  left: 13px;
  bottom: 13px;
  border-radius: 26px;
  font-size: 13px;
  color: var(--blue);
  text-align: center;
  background-color: #fff;
  padding: 5px 10px;
  z-index: 2;
}
.create-profile-container .photos .upload-photos .upload-item .counter {
  display: none;
}
.create-profile-container .photos {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.create-profile-container .photos .info {
  max-width: 311px;
  width: 100%;
}
.create-profile-container .photos .info p {
  margin: 0;
  color: var(--blue);
  font-size: 15px;
}
.create-profile-container .photos .info h3 {
  color: var(--blue);
  font-size: 24px;
  margin-bottom: 24px;
  font-family: "GilroyBold";
}
.create-profile-container .photos .upload-photos {
  max-width: 687px;
  width: 100%;
}
.create-profile-container .photos {
  background-color: #fff;
  border-radius: 20px;
  box-sizing: border-box;
  padding: 40px;
}
.create-profile-container .box {
  border-radius: 20px;
  padding: 40px;
  box-sizing: border-box;
  background-color: #fff;
  display: flex;
  align-items: start;
  gap: 24px;
}
.create-profile-container .box .column {
  gap: 20px;
}
.create-profile-container .box .column .row {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.create-profile-container .box .column .row > label {
  font-size: 18px;
  font-family: "GilroyBold";
  color: var(--blue);
}
.create-profile-container .box .column .row .checkbox {
  position: relative;
}
.create-profile-container .box .column .row .checkbox input {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 26px;
  opacity: 0;
  cursor: pointer;
}
.create-profile-container .box .column .row .checkbox label {
  border-radius: 26px;
  border: 1px solid var(--blue);
  padding: 8px 14px;
  justify-content: center;
  align-items: center;
  display: flex;
  text-align: center;
  font-size: 15px;
  color: var(--blue);
}
.create-profile-container .box > h3 {
  font-family: "GilroyBold";
  font-size: 24px;
  color: var(--blue);
}
.create-profile-container .box .column .row .options {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
.create-profile-container
  .box
  .column
  .row
  .options
  .checkbox
  input:checked
  + label {
  background-color: var(--red);
  color: #fff;
  border: 1px solid var(--red);
}
.create-profile-container
  .box
  .column
  .row
  .options
  .checkbox.circle
  label::before {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  margin-right: 5px;
  border-radius: 50%;
  border: 1px solid var(--blue);
}
.create-profile-container .box .column .row .options .checkbox.circle {
  gap: 5px;
}
.create-profile-container
  .box
  .column
  .row
  .options
  .checkbox.circle
  input:checked
  + label::before {
  content: "\f00c";
  font: var(--fa-font-solid);
  color: var(--blue);
  border: 1px solid #fff;
  display: flex;
  background-color: #fff;
  align-items: center;
  justify-content: center;
}
.create-profile-container .box .column {
  max-width: 687px;
  width: 100%;
}
.create-profile-container .box .column .input-container-double {
  display: flex;
  align-items: start;
  gap: 20px;
  width: 100%;
}
.create-profile-container
  .box
  .column
  .input-container-double
  .input-container {
  width: 100%;
  gap: 5px;
}
.create-profile-container
  .box
  .column
  .input-container-double
  .input-container
  label,
.create-profile-container
  .box
  .column
  .input-container-double
  .select-container
  label {
  font-size: 18px;
  font-family: "GilroyBold";
  color: var(--blue);
  line-height: 130%;
}
.create-profile-container
  .box
  .column
  .input-container-double
  .select-container {
  width: 100%;
}
.create-profile-container .box .title-box h3 {
  font-size: 24px;
  font-family: "GilroyBold";
  color: var(--blue);
  margin-bottom: 24px;
}
.create-profile-container .box .title-box p {
  margin: 0;
  font-size: 16px;
}
.create-profile-container .box .title-box span {
  font-family: "GilroyBold";
}
.logged .row.links .link {
  display: flex;
  align-items: center;
  gap: 5px;
}
.logged .row.links .link label {
  font-family: "GilroyBold";
  font-size: 22px;
  color: var(--blue);
}
.logged .row.links .link.active label {
  color: var(--darker-red);
}
header .container .row.links {
  gap: unset;
  align-items: center;
  width: unset;
  max-width: 521px;
  width: 100%;
  justify-content: space-between;
}
.partner-sugestion .page-select {
  display: flex;
  width: 100%;
  margin-bottom: 80px;
}
.partner-sugestion .page-select .item {
  width: 100%;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: rgba(100, 112, 137, 0.15);
  color: var(--blue);
  font-family: "GilroyBold";
}

.partner-sugestion .page-select .item.active {
  color: #fff;
  background: var(--blue);
}
.partner-sugestion .container .filter {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 40px;
  cursor: default;
}
.partner-sugestion .container .filter label {
  font-family: "GilroyBold";
  font-size: 18px;
  color: var(--blue);
}
.partner-sugestion .container h1 {
  font-size: 48px;
  margin-bottom: 50px;
  font-family: "GilroyBold";
  color: var(--blue);
}
.partner-sugestion .container {
  max-width: 1480px;
  width: 100%;
  margin: 0 auto;
}
.partner-sugestion .container .grid-4 .item {
  position: relative;
  width: 100%;
  max-width: 352px;
  box-sizing: border-box;
}
.partner-sugestion .container .grid-4 .item .image {
  height: 520px;
  overflow: hidden;
  border-radius: 20px;
  position: relative;
}
.partner-sugestion .container .grid-4 .item .image > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.partner-sugestion .container .grid-4 .item .fav {
  width: 34px;
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
}
.partner-sugestion .container .grid-4 .item .fav.active {
  background: #fc8181;
}
.partner-sugestion .container .grid-4 .item .fav {
  right: 15px;
  top: 15px;
  position: absolute;
}
.partner-sugestion .container .grid-4 .item .match-counter {
  position: absolute;
  left: 15px;
  top: 15px;
  min-width: max-content;
}
.partner-sugestion .container .grid-4 .item .match-counter .icon {
  width: 34px;
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--blue);
}
.partner-sugestion .container .grid-4 .item .match-counter {
  display: flex;
  align-items: center;
  gap: 5px;
}
.partner-sugestion .container .grid-4 .item .match-counter label {
  color: #fff;
  font-family: "GilroyBold";
}
.partner-sugestion .container .grid-4 .item .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.partner-sugestion .container {
  padding-bottom: 170px;
}
.partner-sugestion .container .grid-4 {
  row-gap: 50px;
  column-gap: 20px;
}
.partner-sugestion .container .grid-4 .item .tags .tag {
  padding: 6px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 26px;
  color: var(--blue);
  background: rgba(100, 112, 137, 0.15);
}
.partner-sugestion .container .grid-4 .item .item-info {
  margin-bottom: 15px;
  display: flex;
  align-items: end;
  gap: 10px;
}
.partner-sugestion .container .grid-4 .item .item-info .name {
  font-size: 34px;
  color: var(--blue);
  font-family: "GilroyBold";
}
.partner-sugestion .container .grid-4 .item .item-info .age {
  color: var(--blue);
  font-family: "GilroyBold";
  font-size: 24px;
  margin-bottom: 3px;
}
.partner-sugestion .container .grid-4 .item .image > img {
  filter: blur(5px);
}
.partner-sugestion .container .grid-4 .item .image {
  margin-bottom: 15px;
}
.partner-sugestion .container {
  padding: 0 20px;
  box-sizing: border-box;
}
.partner-sugestion .container .grid-4 .item .fav.added {
  background: var(--red);
}
.matching-profile .back-to-profile {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 25px;
}
.matching-profile .back-to-profile i,
.matching-profile .back-to-profile label {
  color: var(--blue);
}

.matching-profile .back-to-profile label {
  font-size: 18px;
  font-family: "GilroyBold";
}
.matching-profile .row .column:first-child {
  max-width: 306px;
  width: 100%;
}
.matching-profile .row .column .matching-profile-scheme {
  width: 100%;
  height: 260px;
  position: relative;
}
.matching-profile .row .column .matching-profile-scheme .partner img {
  position: absolute;
  width: 138px;
  height: 204px;
  border-radius: 20px;
  object-fit: cover;
  z-index: 1;
  transform: rotate(-10deg);
  left: 20px;
  top: 0;
}
.matching-profile .row .column .matching-profile-scheme .profile img {
  position: absolute;
  width: 138px;
  height: 204px;
  border-radius: 20px;
  object-fit: cover;
  z-index: 1;
  transform: rotate(10deg);
  right: 20px;
  top: 32px;
}
.matching-profile .container {
  max-width: 1520px;
  margin: 20px auto;
}
.matching-profile .row .column .matching-profile-scheme .matching-percent {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background-color: var(--blue);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  position: absolute;
  bottom: 20px;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
}
.matching-profile
  .row
  .column
  .matching-profile-scheme
  .matching-percent
  label {
  font-size: 18px;
  color: #fff;
  font-family: "GilroyBold";
}
.matching-profile .row .column .matching-profile-scheme {
  margin-bottom: 60px;
}
.matching-profile .row .column .matching-profile-page {
  font-family: "GilroyBold";
  font-size: 22px;
  color: var(--blue);
  margin-bottom: 30px;
}
.matching-profile .row .column .matching-profile-page:last-child {
  margin-bottom: 0;
}
.matching-profile .row .column .matching-profile-page.active {
  color: var(--darker-red);
}
.matching-profile .row .column .box {
  background: #fff;
  padding: 40px;
  box-sizing: border-box;
  border-radius: 20px;
}
.matching-profile .row .column .box h2 {
  font-size: 24px;
  color: var(--blue);
  font-family: "GilroyBold";
  margin-bottom: 10px;
}
.matching-profile .row .column .box h1 {
  color: var(--blue);
  margin-bottom: 40px;
  font-size: 48px;
  font-family: "GilroyBold";
}
.matching-profile .row .column:last-child {
  width: 100%;
  max-width: 1102px;
}
.matching-profile .row .column .box p {
  font-size: 18px;
  color: var(--blue);
  margin-bottom: 40px;
}
.matching-profile .row .column .box .summary-icons {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 20px;
}
.matching-profile .row .column .box .summary-icons p {
  font-size: 24px;
  font-family: "GilroyBold";
  color: var(--blue);
  text-align: center;
  height: 50px;
}
.matching-profile .row .column .box .summary-icons .percent {
  font-size: 34px;
  font-family: "GilroyBold";
  color: var(--blue);
}
.matching-profile .row .column .box .summary-icons .item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  max-width: 172px;
  width: 100%;
}
.matching-profile {
  padding: 0 20px;
  box-sizing: border-box;
  margin-bottom: 100px;
}

.matching-profile .row {
  justify-content: space-between;
}
.matching-values {
  display: flex;
  align-items: start;
  justify-content: space-between;
  max-width: 586px;
  gap: 20px;
  width: 100%;
}
.matching-values .item {
  max-width: 268px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.matching-values .item .value {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: var(--blue);
  font-size: 15px;
  margin-bottom: 8px;
  padding: 8px 18px;
  box-sizing: border-box;
  border-radius: 20px;
}
.matching-values .item .value.same {
  background-color: rgba(252, 129, 129, 0.2);
}
.matching-values .item .value.diff {
  background-color: rgba(100, 112, 137, 0.15);
}
.matching-values .item .name {
  text-align: center;
  font-family: "GilroyBold";
  color: var(--blue);
  font-size: 18px;
  margin-bottom: 20px;
}
.matching-love-language {
  display: flex;
  gap: 30px;
  align-items: start;
}
.matching-love-language .info {
  font-size: 18px;
  font-family: "GilroyBold";
  color: var(--blue);
}
.matching-love-language .text {
  font-size: 18px;
  color: var(--blue);
}
.matching-love-language .title {
  font-size: 34px;
  font-family: "GilroyBold";
  color: var(--blue);
  margin-bottom: 20px;
}
.partner-sugestion.matches .container .grid-4 .item .image > img {
  filter: none;
}
.partner-sugestion.matches {
  padding: 80px 20px;
}

main:has(.filter) {
  position: relative;
}
.filter .filter-drawer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.filter .filter-drawer .overlay {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.filter .filter-drawer .content {
  z-index: 2;
  position: relative;
  background: #fff;
  width: 515px;
  padding: 56px 30px;
  box-sizing: border-box;
}
.filter .filter-drawer .content .drawer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
}
.filter .filter-drawer .content .item-drawer {
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(100, 112, 137, 0.25);
}
.filter .filter-drawer .content .drawer-header .close-button {
  color: var(--blue);
}
.filter .filter-drawer .content .item-drawer .item-drawer-header i {
  color: var(--blue);
}
.filter .filter-drawer .content .item-drawer .item-drawer-header {
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content: space-between;
}
.filter .filter-drawer .content .item-drawer .item-drawer-content p {
  display: flex;
  justify-content: center;
}
.filter .ui-slider-horizontal {
  height: 2px;
}
.filter .ui-state-default,
.filter .ui-widget-content .ui-state-default,
.filter .ui-widget-header .ui-state-default,
.filter .ui-button,
html .filter.ui-button.ui-state-disabled:hover,
html .filter .ui-button.ui-state-disabled:active {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--red);
  border: none;
}
.filter .size .ui-state-default,
.filter .size .ui-widget-content .ui-state-default,
.filter .size .ui-widget-header .ui-state-default,
.filter .size .ui-button,
html .filter .size .ui-button.ui-state-disabled:hover,
html .filter .size .ui-button.ui-state-disabled:active {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--blue);
  border: none;
}
.filter .size .ui-slider-horizontal .ui-slider-range {
  background: var(--blue);
}
.filter .ui-slider-horizontal .ui-slider-range {
  background: var(--red);
  border: none;
}
.filter .ui-widget.ui-widget-content {
  border: none;
  background: rgba(100, 112, 137, 0.25);
}
.slider-container input {
  max-width: 130px;
  display: flex;
  text-align: center;
  background: rgba(100, 112, 137, 0.15);
  height: 36px;
  border-radius: 5px;
}
.slider-container label {
  display: flex;
  align-items: center;
  margin-left: 10px;
}
.filter .item-drawer-content.checkbox {
  padding-top: 20px;

  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.filter .checkbox-container input[type="checkbox"],
.filter .checkbox-container input[type="radio"] {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  max-width: 100%;
  z-index: 1;
  left: 0;
}
.filter .checkbox-container input:checked + label::before {
  background-color: var(--red);
  box-shadow: inset 0 0 0 2px #fff;
  border: 1px solid var(--red);
}
.filter .checkbox-container input:checked + label {
  background-color: var(--red);
  color: #fff;
  border: 1px solid var(--red);
}
.filter .checkbox-container label {
  border-radius: 26px;
  width: 100%;
  height: 34px;
  display: flex;
  box-sizing: border-box;
  padding: 0 15px;
  margin: 0;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--blue);
  color: var(--blue);
  font-size: 15px;
  font-family: "Gilroy" !important;
}
.filter .checkbox-container {
  position: relative;
}
.radio .checkbox-container-radio {
  position: relative;
}
.radio .checkbox-container-radio input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
  left: 0;
}
.radio .checkbox-container-radio label::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  width: 20px;
  height: 20px;
  border: 1px solid var(--blue);
  border-radius: 50%;
  box-sizing: border-box;
}
.radio .checkbox-container-radio label {
  border-radius: 26px;
  width: 100%;
  height: 34px;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  align-items: center;
  border: 1px solid var(--blue);
  color: var(--blue);
  font-size: 15px;
  padding-left: 30px;
  padding-right: 10px;
  font-family: "Gilroy" !important;
}
.radio .checkbox-container-radio {
  max-width: max-content;
}
.filter .filter-drawer .content .item-drawer .item-drawer-content.radio {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  padding-top: 20px;
}
.radio .checkbox-container-radio input:checked + label::before {
  background-color: var(--red);
  box-shadow: inset 0 0 0 2px #fff;
  border: 1px solid var(--red);
}
.radio .checkbox-container-radio input:checked + label {
  border: 1px solid var(--red);
}
.filter .filter-drawer .content {
  overflow: auto;
  height: 100%;
}
.filter .checkbox-container label {
  height: auto;
  padding-top: 8px;
  padding-bottom: 8px;
}
.filter .submit-buttons {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  padding-top: 40px;
}
.filter .submit-buttons .button.secondary {
  background-color: #fff;
  font-family: "GilroyBold";
  font-size: 18px;
  border: 1px solid var(--darker-red);
  color: var(--darker-red);
}
.filter form {
  width: 100%;
}
.filter .filter-drawer .item-drawer .item-drawer-content {
  transition: 0.4s all ease;
  max-height: 0;
  display: none !important;
}
.filter .filter-drawer .item-drawer.active .item-drawer-content {
  max-height: 1000px;
  transition: 0.4s all ease;
  display: flex !important;
}
.filter .filter-drawer .item-drawer {
  overflow: hidden;
}

.filter .filter-drawer .content .item-drawer .item-drawer-header > label {
  margin-left: 0;
}
.filter .filter-drawer .content {
  position: relative;
  transition: 0.4s all ease;
  left: -600px;
}
.filter.active .filter-drawer .content {
  position: relative;
  transition: 0.4s all ease;
  left: 0px;
}
.filter .filter-drawer {
  display: none;
}
.filter.active .filter-drawer {
  display: revert;
}
.close-button {
  cursor: pointer;
}
.filter > .icon,
.filter > label {
  cursor: pointer;
}
.filter .filter-drawer .content .drawer-header .close-button {
  font-family: "GilroyBold";
}
.profile-page .container {
  max-width: 1520px;
  width: 100%;
  margin: 0 auto;
}
.profile-page .back-to-page {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 50px;
  margin-top: 25px;
}
.profile-page .back-to-page a {
  font-family: "GilroyBold";
  color: var(--blue);
}
.profile-page .back-to-page i {
  color: var(--blue);
}
.profile-page .tags {
  flex-wrap: wrap;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
}
.profile-page .tag {
  color: var(--blue);
  padding: 8px 18px;
  font-size: 15px;
  background-color: rgba(100, 112, 137, 0.15);
  text-align: center;
  border-radius: 20px;
}
.profile-page .location {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: 100px;
}
.profile-page .location i {
  color: var(--blue);
}
.profile-page .location label {
  font-family: "GilroyBold";
  color: var(--blue);
}
.profile-page .profile-header {
  display: flex;
  align-items: end;
  gap: 40px;
  margin-bottom: 20px;
}
.profile-page .profile-header h1 {
  font-size: 48px;
  font-family: "GilroyBold";
  color: var(--blue);
}
.profile-page .profile-header .job {
  font-size: 24px;
  color: var(--blue);
  font-family: "GilroyBold";
}
.profile-page .gallery .main img {
  max-width: 477px;
  width: 100%;
  height: 477px;
  border-radius: 20px;
  object-fit: cover;
}
.profile-page .gallery .grid-2 .secondary img {
  max-width: 226px;
  width: 100%;
  height: 226px;
  border-radius: 20px;
  object-fit: cover;
}
.profile-page .gallery .main {
  max-width: 477px;
  width: 100%;
}
.profile-page .row .column:first-child {
  max-width: 970px;
  width: 100%;
}
.profile-page .gallery {
  display: flex;
  gap: 20px;
}
.profile-page .gallery .grid-2 {
  width: 100%;
  gap: 20px;
}
.profile-page.preview .action {
  display: none;
}
.profile-page .action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 40px;
  margin-bottom: 100px;
}
.profile-page .action .row {
  gap: 15px;
  width: 100%;
}
.profile-page .action .row .button.secondary {
  max-width: 160px;
  border: 1px solid var(--darker-red);
  color: var(--darker-red);
}
.profile-page .action .row:last-child {
  justify-content: end;
}
.profile-page .action .row .button {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  padding: 0 18px;
  max-width: 220px;
  width: 100%;
}
.profile-page .blue-box {
  padding: 40px;
  box-sizing: border-box;
  border-radius: 20px;
  background: var(--blue);
  margin-bottom: 24px;
}
.profile-page .blue-box h3 {
  font-size: 24px;
  font-family: "GilroyBold";
  color: #fff;
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #fff;
}
.profile-page .blue-box .acc .text,
.profile-page .blue-box .acc-content,
.profile-page .blue-box i {
  color: #fff;
}
.profile-page .blue-box .acc {
  overflow: hidden;
  padding-bottom: 15px;
  border-bottom: 1px solid #fff;
}
.profile-page .blue-box .acc.active .acc-header {
  padding-bottom: 15px;
  cursor: pointer;
}
.profile-page .blue-box .acc {
  margin-bottom: 15px;
}
.profile-page .blue-box .acc-content {
  display: none;
}
.profile-page .blue-box .acc.active .acc-content {
  display: revert;
}
.profile-page .white-box {
  padding: 40px;
  box-sizing: border-box;
  border-radius: 20px;
  background: #fff;
  width: 100%;
  margin-bottom: 24px;
}
.profile-page .grid-2:has(.white-box) {
  gap: 24px;
  margin-bottom: 24px;
}
.profile-page .white-box h3 {
  font-size: 18px;
  color: var(--blue);
  margin-bottom: 15px;
}
.profile-page .white-box h2 {
  font-size: 24px;
  font-family: "GilroyBold";
  margin-bottom: 15px;
  color: var(--blue);
}
.profile-page .row .column:last-child {
  max-width: 477px;
  width: 100%;
}
.profile-page .red-box .matching-profile-scheme {
  max-width: 320px;
  margin: 0 auto;
  margin-bottom: 30px !important;
}
.profile-page .red-box {
  background: rgba(252, 129, 129, 0.2);
  border-radius: 20px;
  padding: 40px;
  box-sizing: border-box;
  max-height: 477px;
  margin-bottom: 200px;
}
.profile-page .red-box.empty {
  height: 477px;
  background: none;
}
.profile-page .red-box h2 {
  text-align: center;
  font-size: 24px;
  font-family: "GilroyBold";
  margin-bottom: 35px;
  color: var(--darker-red);
}
.profile-page .red-box .button.secondary {
  color: var(--darker-red);
  border: 1px solid var(--darker-red);
  font-family: "GilroyBold";
}
.profile-page .personal-information {
  padding: 40px;
  box-sizing: border-box;
  border-radius: 20px;
  background: #fff;
}
.profile-page .personal-information .category {
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
}
.profile-page .personal-information .category label {
  font-size: 24px;
  color: var(--blue);
  font-family: "GilroyBold";
  margin-bottom: 15px;
}
.profile-page .personal-information .category .tags {
  gap: 8px;
  flex-wrap: wrap;
}
.profile-page .row {
  gap: 20px;
}
.edit-profile .completed {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1102px;
  width: 100%;
}
.edit-profile .completed .button {
  padding: 0 25px;
}
.edit-profile .completed .percentage label {
  font-family: "GilroyBold";
  font-size: 18px;
  color: var(--blue);
}
.edit-profile .completed .percentage h2 {
  margin-bottom: 10px;
}
.edit-profile .create-profile-container .content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.edit-profile .create-profile-container .box.double {
  display: flex;
  flex-direction: column;
}
.edit-profile .create-profile-container .box.double .item {
  display: flex;
  align-items: start;
  gap: 24px;
}
.edit-profile .create-profile-container .box.double .item .title-box {
  max-width: 311px;
  min-width: 311px;
}
.edit-profile .create-profile-container .box h3 {
  max-width: 311px;
  min-width: 311px;
}
.edit-profile .create-profile-container .box .title-box {
  max-width: 311px;
  min-width: 311px;
}
.create-profile-container .box .column .row .options .checkbox.circle.text {
  align-items: start;
}
.create-profile-container
  .box
  .column
  .row
  .options
  .checkbox.circle.text
  label::before {
  top: 10px;
  transform: none;
  position: absolute;
  left: 0;
}
.create-profile-container
  .box
  .column
  .row
  .options
  .checkbox.circle.text
  label {
  border: none;
  align-items: start;
  flex-direction: column;
  text-align: start;
  padding-left: 30px;
}
.create-profile-container
  .box
  .column
  .row
  .options
  .checkbox.circle.text
  label
  span {
  font-family: "GilroyBold";
}
.create-profile-container
  .box
  .column
  .row
  .options
  .checkbox.circle.text
  input:checked
  + label {
  background: transparent;
  color: var(--blue);
}
.create-profile-container
  .box
  .column
  .row
  .options
  .checkbox.circle.text
  input:checked
  + label::before {
  border: 1px solid var(--red);
  content: "";
  background: var(--red);
  box-shadow: inset 0px 0px 0px 2px #fff;
}
.edit-profile .input-container textarea {
  width: 100%;
  box-sizing: border-box;
  border-radius: 10px;
  background: var(
    --Hellgrau,
    linear-gradient(
      0deg,
      rgba(100, 112, 137, 0.15) 0%,
      rgba(100, 112, 137, 0.15) 100%
    ),
    #fff
  );
  padding: 0 15px;
  display: flex;
  align-items: center;
  border: none;
  resize: none;
}
.edit-profile .input-container label {
  font-size: 18px;
  font-family: "GilroyBold";
  color: var(--blue);
}
.edit-profile .input-container input {
  margin-bottom: 10px;
}
.matching-profile-page {
  cursor: pointer;
}
.matching-profile .row .column .box {
  display: none;
}
.matching-profile .row .column .box.active {
  display: block;
}
.hero.uberuns {
  height: 560px;
}
.our-mission.uberuns .container {
  align-items: start;
}
.our-mission.methods.uberuns .container:nth-child(2) {
  padding-top: 0;
}
.our-team {
  height: 819px;
  max-width: 1477px;
  width: 100%;
  position: relative;
  margin: 0 auto;
  margin-bottom: 170px;
  display: flex;
  align-items: end;
  box-sizing: border-box;
}
.our-team .image {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  background: rgb(196, 196, 196);
}
.our-team .image img {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  object-fit: cover;
}
.our-team .box {
  position: relative;
  border-radius: 20px;
  z-index: 1;
  background: #fff;
  padding: 30px;
  max-width: 561px;
  width: 100%;
  box-sizing: border-box;
  margin-left: 30px;
  margin-bottom: 30px;
}
.our-team .box h2 {
  font-size: 48px;
  color: var(--blue);
  font-family: "GilroyBold";
  margin-bottom: 10px;
}
.our-team .box p {
  color: var(--blue);
  margin-bottom: 30px;
  font-size: 15px;
}
.our-team .box a {
  max-width: 245px;
}
.faq-page .row .image img {
  height: 602px;
  width: 100%;
  max-width: 602px;
  object-fit: cover;
  border-radius: 20px;
}
.faq-page .row {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 20px;
}
.faq-page .row .faq {
  max-width: 726px;
  width: 100%;
}
.more-questions .acc {
  border-top: 1px solid rgba(100, 112, 137, 0.15);
}
.faq-page .row .faq .acc {
  padding: 14px 0;
  overflow: hidden;
  border-top: 1px solid rgba(100, 112, 137, 0.15);
}
.faq-page .row .faq .acc .acc-content {
  display: none;
}
.faq-page .row .faq .acc.active .acc-content {
  display: revert;
}
.faq-page .row .faq .acc:last-child {
  border-bottom: 1px solid rgba(100, 112, 137, 0.15);
}
.faq-page .row .faq .acc-header {
}
.faq-page .container {
  max-width: 1520px;
  width: 100%;
  margin: 80px auto;
}
.faq-page h1 {
  color: var(--blue);
  font-size: 64px;
  margin-bottom: 40px;
  font-family: "GilroyBold";
}
.faq-page p {
  color: var(--blue);
  max-width: 726px;
  font-size: 18px;
  margin-bottom: 100px;
}
.faq-page {
  padding: 0 20px;
  box-sizing: border-box;
}
.acc.active .acc-content {
  max-height: 400px;
}
.breadcrumbs {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 20px;
  font-size: 15px;
  width: 100%;

  color: var(--blue);
}
.breadcrumbs a {
  color: var(--blue);
  font-size: 15px;
}
.breadcrumbs a.active {
  font-family: "GilroyBold";
}
.detail-coach .row .column .coach-profile {
  display: flex;
  align-items: start;
  gap: 20px;
}
.detail-coach .row .column .coach-profile .image {
  border-radius: 50%;
  background: rgb(196, 196, 196);
  width: 351px;
  overflow: hidden;
  height: 351px;
}
.detail-coach .row .column .coach-profile .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.detail-coach .row .column .coach-profile h1 {
  font-size: 48px;
  font-family: "GilroyBold";
  color: var(--blue);
  margin-bottom: 40px;
}
.detail-coach .row .column .coach-profile p {
  font-size: 18px;
  color: var(--blue);
  margin-bottom: 40px;
  max-width: 370px;
}
.detail-coach .row .column .coach-profile a {
  max-width: 397px;
}
.detail-coach .row .column .coach-profile .info {
  max-width: 476px;
  width: 100%;
}
.detail-coach .row .column .coach-profile {
  margin-bottom: 50px;
}
.detail-coach .row .column .box-info {
  background: #fff;
  border-radius: 20px;
  padding: 40px;
  max-width: 852px;
  width: 100%;
  box-sizing: border-box;
}
.detail-coach .row .column .box-info h3 {
  color: var(--blue);
  font-family: "GilroyBold";
  font-size: 24px;
  margin-bottom: 12px;
}
.detail-coach .row .column .box-info p {
  margin-bottom: 12px;
  color: var(--blue);
}
.detail-coach {
  max-width: 1520px;
  margin: 80px auto;
  width: 100%;
}
.detail-coach .back-page i {
  color: var(--blue);
}
.detail-coach .back-page label {
  color: var(--blue);
  font-family: "GilroyBold";
  pointer-events: none;
}
.detail-coach .back-page {
  margin-bottom: 34px;
  display: block;
  cursor: pointer;
  max-width: max-content;
}
.detail-coach .row .column:last-child {
  max-width: 477px;
  width: 100%;
}
.detail-coach .row {
  justify-content: space-between;
}
.detail-coach .row .column .red-box {
  color: var(--blue);
  box-sizing: border-box;
  border-radius: 20px;
  padding: 40px;
  background: rgba(252, 129, 129, 0.2);
  margin-bottom: 207px;
}
.detail-coach .row .column .details-box {
  padding: 40px;
  box-sizing: border-box;
  border-radius: 20px;
  background: #fff;
}
.detail-coach .row .column .details-box h3 {
  margin-bottom: 12px;
  color: var(--blue);
  font-family: "GilroyBold";
  font-size: 24px;
}
.detail-coach .row .column .details-box h3 {
  margin-top: 24px;
}
.detail-coach .row .column .details-box p {
  font-size: 18px;
  color: var(--blue);
  margin-bottom: 5px;
}
.detail-coach .row .column .details-box .date {
  align-items: start;
  display: flex;
  gap: 12px;
  margin-bottom: 5px;
}
.detail-coach .row .column .details-box .date label {
  min-width: max-content;
  color: var(--blue);
  font-size: 18px;
}
.detail-coach .row .column .details-box .date .text {
  font-size: 18px;
  color: var(--blue);
}
.account .container h1 {
  color: var(--blue);
  font-family: "GilroyBold";
  font-size: 48px;
  margin-bottom: 80px;
}
.matching-profile.account .row .column:first-child {
  max-width: 375px;
}
.matching-profile.account .container {
  margin-top: 80px;
}
.matching-profile.account .box .grid-2 {
  margin-bottom: 24px;
  gap: 20px;
}

.matching-profile.account .box .grid-2 .input-container,
.matching-profile.account .box .grid-2 .select-container,
.matching-profile.account .box .input-container {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.matching-profile.account .box .mandatory {
  text-align: end;
  width: 100%;
}
.matching-profile.account .box .submit-button {
  margin-top: 24px;
  max-width: 134px;
}

.box .checkbox {
  position: relative;
}
.box .checkbox input {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 26px;
  opacity: 0;
  cursor: pointer;
}
.box .checkbox label {
  border-radius: 26px;
  border: 1px solid var(--blue);
  padding: 8px 14px;
  justify-content: center;
  align-items: center;
  display: flex;
  text-align: center;
  font-size: 15px;
  color: var(--blue);
}

.box .options {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}

.box .options .checkbox input:checked + label {
  background-color: var(--red);
  color: #fff;
  border: 1px solid var(--red);
}

.box .options .checkbox.circle label::before {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  margin-right: 5px;
  border-radius: 50%;
  border: 1px solid var(--blue);
}
.box .options .checkbox.circle input:checked + label::before {
  content: "\f00c";
  font: var(--fa-font-solid);
  color: var(--blue);
  border: 1px solid #fff;
  display: flex;
  background-color: #fff;
  align-items: center;
  justify-content: center;
}
.box .price .tabs-content .item .item-price p {
  margin-bottom: 5px;
}
.matching-profile .row .column .box .tag {
  padding: 8px 10px;
  border-radius: 10px;
  max-width: max-content;
  margin-bottom: 40px;
  color: var(--blue);
  border: 1px solid var(--blue);
}
.matching-profile .row .column .box > h2 {
  font-family: "GilroyBold";
  font-size: 34px;
}
.matching-profile .row .box > .info {
  max-width: 477px;
  width: 100%;
}
.matching-profile .row .box .info {
  margin-bottom: 10px;
  display: flex;
  align-items: start;
  gap: 10px;
}
.matching-profile .row .box .icon img {
  width: 24px;
  height: 24px;
}
.matching-profile .row .box .info .text {
  color: var(--blue);
}
.matching-profile .row .box > h3 {
  font-size: 24px;
  color: var(--blue);
  margin-bottom: 12px;
  font-family: "GilroyBold";
}
.matching-profile .row .box .create-profile-container .item .description {
  font-size: 15px;
  color: var(--blue);
  margin-bottom: 30px;
}
.matching-profile .row .box .create-profile-container .item .item-content {
  height: auto;
}
.matching-profile .row .box .email-news {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.matching-profile .row .box .email-news p {
  margin: 0;
}
.matching-profile .row .box .email-news > label {
  color: var(--blue);
  font-family: "GilroyBold";
}
.matching-profile .row .box .email-news .checkbox-circle {
  max-width: max-content;
  position: relative;
}
.matching-profile .row .box .email-news .checkbox-circle label {
  display: block;
  width: 40px;
  height: 24px;
  border-radius: 40px;
  background: #fff;
  transition: 0.3s all ease;
  /* box-sizing: border-box; */
  transition: 0.3s all ease;
  border: 1px solid var(--blue);
}
.matching-profile .row .box .email-news .checkbox-circle input:checked + label {
  background: var(--blue);
  transition: 0.3s all ease;
}
.matching-profile
  .row
  .box
  .email-news
  .checkbox-circle
  input:checked
  + label::before {
  transform: translateX(14px);
  transition: 0.3s all ease;
  background: #fff;
  border: 2px solid var(--blue);
}
.matching-profile .row .box .email-news .checkbox-circle label::before {
  content: "";
  width: 24px;
  height: 24px;
  border: 2px solid #fff;
  box-sizing: border-box;
  position: absolute;
  background: var(--blue);
  transition: 0.3s all ease;
  left: 2px;
  top: 1px;
  border-radius: 50%;
}
.matching-profile .row .box .email-news .checkbox-circle input {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 40px;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
}