.u-color-primary {
  color: #3EC1C7;
}

#single-testimonial {
  background-image: none!important;
}

#single-testimonial .ref-content .wpb_wrapper {
  border-radius: 71px;
  background-color: #D8F3F4;
  padding: 40px 50px;
}

#single-testimonial .ref-image img {
  max-width: 200px;
  max-height: 200px;
  margin-bottom: 24px;
}

#single-testimonial .ref-content p {
  font-size: 18px!important;
  text-align: left!important;
  color: #01414A!important;
  position: relative;
  font-weight: 400;
}

#single-testimonial .ref-content p > * {
  font-size: 18px!important;
  text-align: left!important;
  color: #01414A!important;
  font-weight: 400;
}

#single-testimonial .ref-content h4 {
  font-size: 18px;
  font-weight: 700;
  color: #01414A!important;
  text-align: left!important;
  margin-bottom: 0;
}

#single-testimonial .ref-content h4 span{
  color: #01414A!important;
}

#single-testimonial .ref-content h5 {
  font-size: 18px;
  font-weight: 500;
  color: #01414A!important;
  text-align: left!important;
}

#single-testimonial .ref-content h5 span{
  color: #01414A!important;
}

.badge {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 24px;
  gap: 8px;
  background: #3EC1C7;
  border-radius: 44px;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 16px;
}

.badge--dark {
  background-color: #0A5760;
}

@media screen and (min-width: 425px) {
  .badge {
    font-size: 20px;
  }
}

.pillbox {
  border-radius: 20px;
  background-color: #01414A;
  padding: 30px;
  color: #AEDFE5;
}

@media screen and (min-width: 1024px) {
  .pillbox {
    border-radius: 240px;
    padding: 40px 140px;
  }
}

@media screen and (min-width: 768px) {
  .pillbox--rating {
    padding-top: 80px;
    padding-bottom: 80px;
    padding-right: calc(140px - 64px);
  }
}


.pillbox p,
.pillbox label {
  color: #AEDFE5;
}

.pillbox h2 {
  color: #3EC1C7;
}

.pillbox h2 {
  font-size: 32px;
  line-height: 1.2;
}

.pillbox__section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.pillbox__headline {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

.pillbox__form {
  width: 100%;
}

.pillbox__form label {
  margin-left: 12px;
}

.pillbox__input-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  margin-bottom: 14px;
}

.pillbox .response {
	color: #f8991d;
    font-weight: 600;
    position: absolute;
    bottom: 15px;
    padding-inline: 10px;
}

@media screen and (min-width: 1024px) {
  .pillbox__input-group {
    flex-direction: row;
  }
}

.pillbox__input-group .pillbox__input {
  padding: 24px;
  height: 72px;
  border: 2px solid #AEDFE5;
  background: none;
  font-size: 16px;
  color: #D8F3F4;
  border-radius: 80px;
  flex-grow: 1;
  margin: 0;
  transition: none;
}

.pillbox__input-group .pillbox__input::placeholder {
  color: #D8F3F4;
}

.pillbox__input-group .pillbox__input:focus {
  box-shadow: 0 0 10px #9EE0E3;
  border-color: #84D2DA;
}

.pillbox__input-group button {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 20px 22px;
  gap: 12px;
  isolation: isolate;
  width: 100%;
  height: 72px;
  flex: 0 0 72px;
  background: linear-gradient(90deg, #FAA61A 0%, #F36F21 100%);
  border-radius: 72px;
  animation: play-pulse 2s infinite;
}

.pillbox--light {
  background-color: #D6EEF2;
  color: #0A5760;
}

.pillbox--light p,
.pillbox--light label {
  color: #0A5760;
}

.pillbox--light h2,
.pillbox--light .pillbox__input-group input[type="email"],
.pillbox--light .pillbox__input-group input[type="email"]::placeholder {
  color: #01414A;
}

.row--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.row--flex .column {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  min-height: 0;
  min-width: 0;
  float: none;
}

.row--flex.align-middle {
  align-items: center;
}

.pillbox__rating {
  background-color: #D6EEF2;
  border-radius: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  padding: 28px 28px 64px 28px;
  color: #01414A;
  width: 100%;
  max-width: 550px;
  text-align: left;
}

@media screen and (min-width: 1024px) {
  .pillbox__rating {
    padding: 32px 64px;
    display: inline-flex;
    flex-direction: row;
    height: 173px;
  }
}

.pillbox__rating-item {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0px;
  font-size: 14px;
}

.pillbox__rating-item img {
  margin-bottom: 12px;
}

.pillbox__rating-item a {
  color: #01414A;
  text-decoration: underline;
}

.pillbox__inline {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 8px;
}

.pillbox__inline--around {
  justify-content: space-between;
}

.rating__value {
  font-size: 32px;
  font-weight: 900;
  line-height: 1;
}

.rating__stars {
  display: inline-block;
  width: calc(5 * 20px);
}

.rating__stars span {
  display: flex;
  height: 20px;
  background-image: url('../images/SVG/star.svg');
  background-size: 20px;
  background-repeat: repeat-x;
}

.u-bg-pattern-1 {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.u-bg-pattern-1::before {
  content: '';
  background-image: url('../images/SVG/bg-pattern-1.svg');
  background-repeat: no-repeat;
  background-position: bottom;
  transform: rotate(180deg);
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 768px) {
  .u-bg-pattern-1::before {
    background-position: left center;
    transform: none;
    background-size: contain;
  }
}

.u-bg-pattern-2 {
  background-image: url('../images/SVG/bg-pattern-2.svg');
  background-repeat: no-repeat;
  background-size: 722px 539px;
  background-position: right -97px center;
}

.content--books {
  background-color: white;
  padding: 2rem 0;
  margin-top: 10rem;
}

.content--books h3 {
  margin-bottom: 44px;
}

.content__pill {
  position: relative;
  background-color: #D6EEF2;
  padding: 30px;
  z-index: 1;
  border-radius: 20px;
  margin-bottom: 20px;
}

@media screen and (min-width: 1024px) {
  .content__pill {
    padding: 60px 134px 60px 0;
    border-radius: 0 240px 240px 0;
  }

  .content__pill::before {
    content: '';
    background-color: #D6EEF2;
    border-radius: 0 240px 240px 0;
    width: 9999px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
  }
}

@media screen and (min-width: 1024px) {
  .sticky-with-scroll {
    position: sticky;
    top: 80px;
  }
}

.books {
  display: flex;
  gap: 24px;
  overflow-y: hidden;
  overflow-x: scroll;
  flex-wrap: nowrap;
  margin-right: -15px;
  margin-left: -15px;
  padding-left: 15px;
  padding-right: 15px;
}

@media screen and (min-width: 1024px) {
  .books {
    flex-wrap: wrap;
    overflow: unset;
  }
}

.book {
  padding: 30px;
  background: #01414A;
  color: white;
  position: relative;
  z-index: 2;
  margin-bottom: 20px;
  border-radius: 20px;
  width: 84%;
  flex: 0 0 auto;
  display: flex;
  flex-flow: column wrap;
}

@media screen and (min-width: 568px) {
  .book {
    width: 54%;
  }
}

@media screen and (min-width: 768px) {
  .book {
    width: 44%;
  }
}

@media screen and (min-width: 1024px) {
  .book {
    width: 100%;
    flex-flow: row wrap;
    padding: 30px 60px 30px 216px;
    border-radius: 240px;
    margin-bottom: 80px;
  }
}

.book h4 {
  color: white;
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 14px;
}

.book .button {
  margin-bottom: 0;
  margin-top: auto;
}

.book--123-tipov {
  background: linear-gradient(78.69deg, #C52028 -46.53%, #2B58AA 100%);
}

.book--tvorba-blogu {
  background: linear-gradient(78.69deg, #ECB443 -46.53%, #698C62 100%);
}

.book--tvorba-webu {
  background: linear-gradient(78.69deg, #F8E600 -46.53%, #B1521A 100%);
}

.book--55-tipov {
  background: linear-gradient(78.69deg, #9ACB47 -46.53%, #44563B 100%);
}

.book__cover {
  position: relative;
  overflow: hidden;
  display: inline-block;
  border-radius: 2px;
  box-shadow: 2px 2px 34px rgba(0, 0, 0, 0.25);
  max-width: 100px;
  margin-bottom: 14px;
}

@media screen and (min-width: 1024px) {
  .book__cover {
    max-width: none;
    width: auto;
    position: absolute;
    left: 30px;
    bottom: 30px;
    margin-bottom: 0;
  }
}

.book__cover::before {
  content: '';
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-blend-mode: overlay;
  width: 8px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.symple-shortcodes .symple-heading span {
  background-color: white;
}

.symple-shortcodes .symple-heading.text-align-left span {
  padding-left: 0;
}

.symple-toggle .symple-toggle-trigger {
  background-color: #D6EEF2;
  color: #01414A;
  border-radius: 20px;
  padding-left: 65px;
  font-weight: 700;
  border: 0;
  background-image: url(../images/SVG/plus.svg);
}

.symple-toggle .symple-toggle-trigger.active, .symple-toggle .symple-toggle-trigger.active:hover {
  background-image: url(../images/SVG/minus.svg);
}

.symple-toggle .symple-toggle-trigger.active, .symple-toggle .symple-toggle-trigger.active:hover, .symple-toggle .symple-toggle-trigger:hover {
  background-color: #E1E8E9;
}

.symple-toggle .symple-toggle-trigger.active {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.symple-toggle .symple-toggle-container {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border-color: #E1E8E9;
}

.symple-toggle .symple-toggle-container *:last-child {
  margin-bottom: 0;
}

.symple-box {
  border-radius: 20px;
}

.page-template-vouchers {
  background-color: #F2F5F5;
}

.color-white{	
	color: #fff;	
}

.lds-ellipsis {
	display: inline-block;
	position: relative;
	width: 2rem;
	height: 1rem;
}
.lds-ellipsis div {
	position: absolute;
	bottom: 0;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #f8991d;
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
	left: 0;
	animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
	left: 0;
	animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
	left: 8px;
	animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
	left: 16px;
	animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
	0% {
		transform: scale(0);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes lds-ellipsis3 {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(0);
	}
}
@keyframes lds-ellipsis2 {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(8px, 0);
	}
}