/*
@font-face {
  font-family: 'WorkSans-Medium';
  src: url('../fonts/WorkSans-Medium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'WorkSans-Bold';
  src: url('../fonts/WorkSans-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'WorkSans-Black';
  src: url('../fonts/WorkSans-Black.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap
}

html, body {
  font-family: 'WorkSans-Medium', sans-serif;
  color-scheme: light;
  color: #808080;
}
*/
h1, h2, h3 {
  -webkit-hyphens: auto;
  hyphens: auto;
}
/*
.strong, strong, .bold {
  font-family: 'WorkSans-Bold';
}

.black {
  font-family: 'WorkSans-Black';
}
*/
.text-primary {
  color: #974064 !important;
}

a.text-dark:hover,
a.text-light:hover {
  color: #974064 !important;
}

.bg-primary {
  background: #974064 !important;
}

.text-secondary {
  color: #49FFA7 !important;
}

.bg-secondary {
  background: #49FFA7 !important;
}

.text-light {
  color: #828282 !important;
}

.text-light-2 {
  color: #B1B1B1 !important;
  opacity: .8;
}

.border-light {
  border-color: #EBE4D4 !important;
}

.btn {
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: 0.0975rem;
}

.btn-primary {
  background: #974064 !important;
  border-color: #974064 !important;
  color: #FFF;
}

.btn-secondary {
  background: #49FFA7 !important;
  border-color: #49FFA7 !important;
  color: #7A314F;
}

.border-secondary {
  border-color: #49FFA7 !important;
}

.btn-outlined-primary:hover,
.btn-secondary:hover {
  background: #7A314F !important;
  border-color: #7A314F !important;
  color: #FFF;
}

.btn {
  padding: .5rem 1.25rem;
}

.btn-lg {
  padding: 1rem 2rem;
  letter-spacing: 0.287rem;
}

.bg-dark {
  background: #7A314F !important;
}

.bg-info {
  background: #EBE4D4 !important;
}

.bg-info-start {
  background: linear-gradient(to bottom, #EBE4D4 0%,#EBE4D4 440px,rgba(255,255,255,0) 440px,rgba(255,255,255,0) 100%);
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
  opacity: 0;
}

/*card*/
.gb-card {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(5, auto);
  margin-bottom: 12px;
  height: 100%;
  margin-left: -6px;
  margin-right: -6px;
}

.gb-card-image {
  grid-column: 1 / 5;
  grid-row: 1 / 3;
  height: 324px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.gb-card-content {
  grid-column: 2 / 5;
  grid-row: 2 / 4;
  margin-top: 3rem;
  height: 255px
}

.carousel-item-wrapper:after {
  content: '';
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(122,49,79,1) 100%);
  height: 100%;
  width: 100%;
  display: flex;
  position: absolute;
  top: 0;
}

.carousel-caption {
  z-index: 2;
}

.btn-outlined-primary {
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: 0.0975rem;
  border-radius: var(--bs-border-radius-pill) !important;
  background: #transparent !important;
  border-color: #7A314F !important;
  color: #7A314F;
  padding: 1rem 2rem;
  letter-spacing: 0.287rem;
}

.form-select,
.form-control {
  border: 1px solid #E1E1E1;
  background-color: rgba(255,255,255,0.6);
  box-shadow: 0px 0px 104px 0px rgba(0, 0, 0, 0.08);
  border-radius: 0;
  margin-bottom: 1rem;
}

.form-check-input[type=checkbox] {
  border-radius: 0;
}

.form-control.is-valid, .was-validated .form-control:valid {
  border-color: #E1E1E1 !important;
  background-image: none !important;
}

.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
  color: #808080 !important;
}

.form-check-input.is-valid, .was-validated .form-check-input:valid {
  border-color: #E1E1E1 !important;
}

.form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e") !important;
}

.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {
  background-color: #7A314F !important;
}

.nav-stepper .nav-item .nav-link {
  height: 85px;
  width: auto;
  font-size: 1.7rem;
  color: #BFBFBF;
  pointer-events: none;
  margin-bottom: 1rem;
  margin-top: 1rem;
  display: flex;
  /* flex-direction: column; */
  align-items: center;
  justify-content: start;
  text-align: left
}

  .nav-stepper .nav-item .nav-link.active {
    color: #7A314F;
    height: 85px;
  }

  .nav-stepper .nav-item .nav-link .count {
    height: 100%;
    aspect-ratio: 1;
    margin-bottom: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .nav-stepper .nav-item .nav-link.active .count {
    height: 100%;
    aspect-ratio: 1;
    vertical-align: middle;
    background-image: url(../images/pin.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: center;
  }

.nav-stepper .nav-item {
  border-bottom: 3px solid #BFBFBF;
  width: 330px;
}

  .nav-stepper .nav-item.extra,
  .nav-stepper .nav-item:has(.nav-link.active) {
    border-bottom: 3px solid #49FFA7;
  }

.stepepr-hl {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(1, 1fr);
}

  .stepepr-hl h2 {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2
  }

.deco-num {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  font-size: 10rem;
  text-align: center;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

@media (min-width: 992px) {
  .tab-content > .tab-pane {
    margin-left: auto;
    margin-right: auto;
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .delete {
    margin-top: -120px;
  }
}


.carousel-control-next, .carousel-control-prev {
  opacity: 1;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  border: 1px solid #49FFA7;
  width: 3rem;
  height: 3rem;
  background-size: 50% 50%;
  opacity: 1;
}

.slidernav {
  margin-top: -6rem;
}

.carousel-control-next, .carousel-control-prev {
  z-index: 3;
}

@media (max-width: 991px) {
  .intro {
    min-height: 80vh;
  }

  .carousel, .carousel-inner, .carousel-item, .carousel-item-wrapper {
    min-height: 60vh;
  }

    .carousel-item-wrapper img {
      min-height: 60vh;
      object-fit: cover;
    }

  .slidernav {
    margin-top: .5rem;
  }
}

.nav-link {
  text-transform: uppercase;
  text-align: center;
}

.mega-content .list-group-item,
footer .nav-link {
  text-transform: initial;
  text-align: left;
}

.nav-jobs .nav-link {
  color: #fff;
}

.dropdown-menu {
  background-color: rgba(255,255,255,0);
  border: none;
}

.dropdown-toggle::after {
  display: none;
}

@media (min-width: 992px) {
  .dropdown-center .dropdown-menu {
    right: auto;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}

.navbar.opened {
  background: rgba(255,255,255,1) !important;
}

  .navbar.opened .nav-link {
    color: #7A314F;
  }

.btn-mainpage {
  border-bottom: 2px solid #974064 !important;
  margin-bottom: 2px;
}

  .btn-mainpage:hover {
    border-bottom: 2px solid #49FFA7 !important;
  }

    .btn-mainpage:hover svg > g > path {
      fill: #49FFA7 !important;
    }

    .btn-mainpage:hover svg > path {
      fill: #49FFA7 !important;
    }

.carousel-caption {
  left: 1rem;
  right: 1rem;
}

.h1-extra {
  font-size: 4rem;
}

.carousel-caption h1 {
  font-size: 2rem;
}

@media (min-width: 992px) {

  .carousel-caption h1 {
    font-size: 4rem;
  }

  .h1-extra {
    font-size: 6rem;
  }

  .carousel-caption {
    left: 1rem;
    right: 1rem;
  }

  .btn-mainpage {
    border-bottom: 2px solid #974064 !important;
    margin-bottom: 0;
    border-left: 2px solid #7A314F !important;
  }

  .mt-n5 {
    margin-top: -6rem;
  }
}

.invalid-feedback {
  width: fit-content;
  margin-top: .25rem;
  font-size: .875em;
  color: white;
  background: #FC4545;
  padding: .25rem .5rem;
  position: relative;
}

  .invalid-feedback::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #FC4545 transparent;
    position: absolute;
    top: -6px;
    left: 0;
  }

.job-card {
  aspect-ratio: 1/1;
}

.small,
.article-section p,
.article-section ul li,
.article-section ol li {
  font-size: .8rem;
}

.job-wrapper {
  margin-top: -2rem;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show,
.navbar .nav-link {
  color: #7A314F;
}

.extra-css-class .nav-link.active, .extra-css-class .nav-link.show,
.extra-css-class .nav-link {
  color: #fff;
}

/* .navbar.bg-white svg {
	height: 50px;
} */

.extra-css-class #Vector {
  fill: #fff;
}

.extra-css-class span {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.extra-css-class.bg-white .nav-link {
  color: #7A314F;
}

.navbar.opened #Vector,
.extra-css-class.bg-white #Vector {
  fill: #7A314F;
}

.extra-css-class.bg-white span,
.navbar.opened.extra-css-class span {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28122, 49, 79, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/*kösd*/

.kosd-grid-wrapper {
  display: grid;
  grid-template-columns: repeat(1, auto);
  grid-template-rows: repeat(5, auto);
}

.kosd-grid-header {
  background-image: url(../images/mask.png), url(../images/dark.png), url(../images/kosd.jpg) !important;
  background-repeat: no-repeat,repeat, no-repeat !important;
  background-position: top, center, center !important;
  background-size: cover,cover,cover !important;
  height: 65%;
  grid-column: 1 / 2;
  grid-row: 1 / 5;
  display: flex;
}

.kosd-grid-body {
  grid-column: 1 / 2;
  grid-row: 3 / 6;
}

.accordion {
  margin-top: -4rem;
  --bs-accordion-inner-border-radius: 1.5rem;
}

.accordion-item:first-of-type {
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
}

.accordion-item:last-of-type .accordion-collapse, .accordion-item:last-of-type .accordion-body,
.accordion-item:last-of-type .accordion-collapse, .accordion-item:last-of-type,
.accordion-item:last-of-type .accordion-collapse,
.accordion-item:last-of-type {
  border-bottom-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}

.accordion-body,
.accordion-button {
  padding: 2rem;
}

.accordion-body {
  background-color: #fff !important;
  position: relative;
  z-index: 2
}

.accordion-shadow-lg {
  box-shadow: 0 3rem 2rem 0 rgba(0,0,0,0.1);
}

.accordion-button:not(.collapsed) {
  background-color: #fff !important;
  box-shadow: none;
  position: relative;
  z-index: 2
}

.accordion-button::after {
  background-image: url(../images/plus.svg);
}

.accordion-button:not(.collapsed)::after {
  background-image: url(../images/minus.svg) !important;
  transform: none;
}

.table tr th,
.table tr td {
  text-align: center;
  padding: 1rem 1rem;
  color: #808080;
  vertical-align: middle;
  font-size: .875rem;
}

  .table tr th:nth-child(1),
  .table tr td:nth-child(1) {
    text-align: left;
  }

.table-striped > tbody > tr:nth-of-type(odd) > * {
  background: rgba(191,191,191,.2);
}

.nav-stepper {
  position: relative;
}

.nav-stepper-wrapper::after {
  display: flex;
  content: '';
  width: 3rem;
  height: 100%;
  background: linear-gradient(to left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
  position: absolute;
  z-index: 20;
  right: 0;
  top: 0
}

.nav-stepper-wrapper::before {
  display: flex;
  content: '';
  width: 3rem;
  height: 100%;
  background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
  position: absolute;
  z-index: 20;
  left: 0;
  top: 0
}

.nav-stepper::-webkit-scrollbar {
  width: 0;
}

.nav-stepper::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
}

.nav-stepper::-webkit-scrollbar-thumb {
  background-color: none;
  outline: none;
}

.swiper {
  padding-bottom: 5rem;
}

.TestimonialSlider {
  padding-bottom: 6rem;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  width: calc(var(--swiper-navigation-size)/ 44 * 27);
  height: 100%;
  margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: calc(50% - 60px);
  left: auto;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: calc(50% - 60px);
  right: auto;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: url('../images/next.svg');
  margin-bottom: 2rem;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: url('../images/prev.svg');
  margin-bottom: 2rem;
}

.TestimonialSlider .swiper-slide {
  min-height: 350px
}

#KosdForm .form-control {
  font-size: .875rem
}

::placeholder {
  color: #808080;
  opacity: 1;
}

::-ms-input-placeholder {
  color: #808080;
}


@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.dropdown-menu.show {
  -webkit-animation: fadeIn 0.3s alternate;
  animation: fadeIn 0.3s alternate;
}

.nav-item.dropdown.dropdown-mega {
  position: static;
}

  .nav-item.dropdown.dropdown-mega .dropdown-menu {
    width: 90%;
    top: 7rem;
    left: 5%;
  }

.navbar-toggler {
  border: none;
  padding: 0;
  outline: none;
}

  .navbar-toggler:focus {
    box-shadow: none;
  }

  .navbar-toggler .hamburger-toggle {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    z-index: 11;
    float: right;
  }

    .navbar-toggler .hamburger-toggle .hamburger {
      position: absolute;
      transform: translate(-50%, -50%) rotate(0deg);
      left: 50%;
      top: 50%;
      width: 50%;
      height: 50%;
      pointer-events: none;
    }

      .navbar-toggler .hamburger-toggle .hamburger span {
        width: 100%;
        height: 2px;
        position: absolute;
        background: #974064;
        border-radius: 0px;
        z-index: 1;
        transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), all 0.2s ease-in-out;
        left: 0px;
      }

.extra-css-class .navbar-toggler .hamburger-toggle .hamburger span {
  background: #fff;
}

.bg-white .navbar-toggler .hamburger-toggle .hamburger span,
.opened .navbar-toggler .hamburger-toggle .hamburger span {
  background: #974064;
}

.navbar-toggler .hamburger-toggle .hamburger span:first-child {
  top: 10%;
  transform-origin: 50% 50%;
  transform: translate(0% -50%) !important;
}

.navbar-toggler .hamburger-toggle .hamburger span:nth-child(2) {
  top: 50%;
  transform: translate(0, -50%);
}

.navbar-toggler .hamburger-toggle .hamburger span:last-child {
  left: 0px;
  top: auto;
  bottom: 10%;
  transform-origin: 50% 50%;
}

.navbar-toggler .hamburger-toggle .hamburger.active span {
  position: absolute;
  margin: 0;
}

  .navbar-toggler .hamburger-toggle .hamburger.active span:first-child {
    top: 45%;
    transform: rotate(45deg);
  }

  .navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2) {
    left: 50%;
    width: 0px;
  }

  .navbar-toggler .hamburger-toggle .hamburger.active span:last-child {
    top: 45%;
    transform: rotate(-45deg);
  }

.list-group {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  padding: 0 1rem;
}


.list-group-item {
  border: none;
}

  .list-group-item:hover {
    background-color: rgb(248, 249, 250)
  }

    .list-group-item:hover svg path,
    .list-group-item:hover svg g path {
      fill: #974064
    }

.mega-content .container {
  background-color: rgba(255,255,255,1);
  border: none;
  text-align: left;
  border-radius: 1rem;
  padding: 1rem
}

@media (max-width:991px) {
  .list-group {
    display: grid;
    grid-template-columns: repeat(1,1fr);
  }

  .nav-item.dropdown.dropdown-mega .dropdown-menu {
    width: 100%;
  }

  .mega-content .container {
    shadow: none !important;
  }

  .navbar {
    position: relative;
    margin-bottom: -105px;
  }
}

.result-grid {
  display: grid;
  grid-template-columns: repeat(2, 50%);
  padding: .5rem;
  border-radius: 1rem;
  margin-bottom: 1rem;
}

  .result-grid div {
    padding: .5rem .5rem;
  }

.btn-summary {
  background-image: url(../images/edit.svg) !important;
  background-position: 1rem center !important;
  background-repeat: no-repeat !important;
  padding-left: 3rem !important;
  font-size: .875rem;
  width: fit-content
}

/*modal*/

.modal-content, .modal-header, .modal-footer {
  border-radius: 0;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-vcenter {
  vertical-align: middle
}


.figyelmezteto-szoveg {
  color: #FC4545;
}

@media (max-width: 992px) {
  .flex-column {
    margin-top: 10px !important;
  }
}