.numbers-component {
  padding: 6rem;
  box-sizing: border-box;
  background: rgb(247, 250, 250);
}
.numbers-component h2 {
  margin: 0 0 6rem 0;
}
.numbers-component h2 strong {
  color: #7DE689;
}
.numbers-component p {
  margin: 0;
}
.numbers-component .number {
  color: #7DE689;
  font-size: 10rem;
  font-style: normal;
  font-weight: 800;
  line-height: 1;
  margin: 0;
}
.numbers-component .number .suffix {
  font-size: 6rem;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 7.2rem */
  align-self: flex-end;
}
.numbers-component .numers-list {
  display: grid;
  gap: 1.5vw;
}
.numbers-component .numers-list.grid-4 {
  grid-template-columns: repeat(4, 1fr);
}
.numbers-component .numers-list.grid-3 {
  grid-template-columns: repeat(3, 1fr);
}
.numbers-component .numers-list.grid-2 {
  grid-template-columns: repeat(3, 1fr);
}
.numbers-component .numers-list li {
  text-align: center;
}
.numbers-component .numers-list li p.big-paragraph {
  max-width: 23rem;
  margin: 0 auto;
}
.numbers-component .numers-list li p.up-arrow {
  display: flex;
  justify-content: center;
}
.numbers-component .numers-list li p.up-arrow:before {
  content: "↑";
  font-size: 6rem;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 7.2rem */
  color: rgb(20, 20, 20);
  display: inline-flex;
}
@media screen and (max-width: 1023px) {
  .numbers-component h2 {
    margin-bottom: 4rem;
  }
  .numbers-component .numers-list {
    display: block;
  }
  .numbers-component .numers-list li {
    margin-bottom: 3rem;
  }
  .numbers-component .numers-list li p.up-arrow:before {
    font-size: 4rem;
  }
  .numbers-component .numers-list .number {
    font-size: 6.8rem;
  }
  .numbers-component .numers-list .number .suffix {
    font-size: 4rem;
  }
}

.awards-component {
  padding: 6rem;
  box-sizing: border-box;
}
.awards-component h2 {
  margin: 0 0 6rem 0;
}
.awards-component h2 strong {
  color: #7DE689;
}
.awards-component p {
  margin: 0;
}
.awards-component .splide {
  width: 100%;
}
.awards-component .awards-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.awards-component .awards-list li {
  flex: 0 0 calc(25% - 2.2rem);
  box-sizing: border-box;
}
.awards-component .awards-list li img {
  width: 9.6rem;
  height: 9.6rem;
}
.awards-component .awards-list li a {
  background: rgb(247, 250, 250);
  padding: 2.4rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  transition: 0.3s all;
  height: 100%;
  color: rgb(20, 20, 20);
  text-decoration: none;
}
.awards-component .awards-list li a h3 {
  flex-grow: 1;
}
.awards-component .awards-list li a:hover {
  background: rgb(122, 244, 68);
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
}
.awards-component .awards-list li a .read-more {
  text-decoration: underline;
}
.awards-component .splide.is-initialized:not(.is-active) .splide__list.awards-list {
  display: flex;
}
@media screen and (max-width: 1023px) {
  .awards-component.component {
    padding: 4rem 0 !important;
  }
  .awards-component .big-title {
    padding: 0 1.6rem;
    box-sizing: border-box;
    margin-bottom: 4rem;
  }
  .awards-component .awards-list {
    flex-wrap: nowrap;
  }
  .awards-component .awards-list li a {
    width: 80vw;
    max-width: 40rem;
  }
  .awards-component .awards-list li a h3 {
    font-size: 3.2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 3.84rem */
  }
}

.reports-component {
  padding: 6rem;
  box-sizing: border-box;
  background: #7DE689;
}
.reports-component.white {
  background: white;
}
.reports-component.blue {
  background: #FFCD42;
}
.reports-component h2 {
  margin: 0 0 6rem 0;
  color: white;
}
.reports-component h2 strong {
  color: #7DE689;
}
.reports-component p {
  margin: 0;
}
.reports-component .splide {
  width: 100%;
}
.reports-component .reports-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.reports-component .reports-list li {
  flex: 0 0 calc(25% - 2.2rem);
  background: rgb(247, 250, 250);
}
.reports-component .reports-list li img {
  width: 9.6rem;
  height: 9.6rem;
}
.reports-component .reports-list li a {
  padding: 2.4rem;
  box-sizing: border-box;
  color: rgb(20, 20, 20);
  text-decoration: none;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: 0.3s all;
}
.reports-component .reports-list li a:hover {
  background: rgb(122, 244, 68);
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
}
.reports-component .reports-list li a .content {
  flex-grow: 1;
  padding: 2.6rem 0 0 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.reports-component .reports-list li a .content h3 {
  flex-grow: 1;
}
.reports-component .reports-list li a .read-more {
  text-decoration: underline;
}
.reports-component .cta-container {
  margin-top: 6rem;
  display: flex;
  justify-content: center;
}
.reports-component .splide.is-initialized:not(.is-active) .splide__list.reports-list {
  display: flex;
}
.reports-component .gated-content-form {
  background: rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
  transition: 0.2s all;
  transform: scale(0.5);
}
.reports-component .gated-content-form.show {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.reports-component .gated-content-form .close-gated-form-popup {
  width: 3.2rem;
  height: 3.2rem;
  position: absolute;
  top: 4rem;
  right: 6rem;
  background: url(../image/close-contact-popup.svg) no-repeat center;
  background-size: contain;
  border: none;
  transition: 0.3s all;
}
.reports-component .gated-content-form .form-frame {
  background: white;
  width: 90vw;
  max-width: 123rem;
  padding: 4rem 6rem;
  box-sizing: border-box;
  position: relative;
}
.reports-component .gated-content-form .form-frame h2 {
  color: #FFCD42;
}
.reports-component .gated-content-form .form-frame form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.4rem;
}
.reports-component .gated-content-form .form-frame form .wpcf7-not-valid-tip {
  font-size: 1.2rem !important;
}
.reports-component .gated-content-form .form-frame form .wpcf7-acceptance input {
  width: auto !important;
  margin: 0 1.52rem 0 0;
}
.reports-component .gated-content-form .form-frame form .wpcf7-acceptance span {
  display: block;
}
.reports-component .gated-content-form .form-frame form .wpcf7-acceptance label {
  display: flex;
  align-items: center;
}
.reports-component .gated-content-form .form-frame form .accpt .wpcf7-list-item label {
  display: flex;
  align-items: center;
}
.reports-component .gated-content-form .form-frame form .accpt .wpcf7-list-item label input {
  width: auto !important;
  margin: 0 1rem 0 0 !important;
}
.reports-component .gated-content-form .form-frame.contact-form label[for=message] {
  grid-column: 1/3;
}
.reports-component .gated-content-form .form-frame.grow-form label[for=message], .reports-component .gated-content-form .form-frame.schedule-form label[for=message] {
  grid-column: 1/3;
}
.reports-component .gated-content-form .form-frame label {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 2.24rem */
  display: block;
}
.reports-component .gated-content-form .form-frame .wpcf7-form-control-wrap {
  display: block;
}
.reports-component .gated-content-form .form-frame input, .reports-component .gated-content-form .form-frame select, .reports-component .gated-content-form .form-frame textarea {
  margin-top: 1rem;
  padding-left: 1rem;
  padding-bottom: 1rem;
  font-size: 1.6rem !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 140% !important;
  color: rgb(140, 156, 204) !important;
  border: none !important;
  border-bottom: 1px solid rgb(140, 156, 204) !important;
  width: 100% !important;
  max-width: none !important;
  border-radius: 0 !important;
  box-sizing: border-box;
}
.reports-component .gated-content-form .form-frame input::placeholder, .reports-component .gated-content-form .form-frame select::placeholder, .reports-component .gated-content-form .form-frame textarea::placeholder {
  color: rgb(140, 156, 204);
}
.reports-component .gated-content-form .form-frame select {
  background: url(../image/arrow-down.svg) right 1rem center no-repeat !important;
  appearance: none;
}
.reports-component .gated-content-form .form-frame textarea {
  height: 10rem;
}
.reports-component .gated-content-form .form-frame input[type=submit] {
  margin-top: 2rem !important;
  font-size: 2rem !important;
  font-style: normal !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  color: #FFCD42 !important;
  background: #FFCD42 !important;
  display: inline-block !important;
  padding: 1.2rem 2.4rem !important;
  transition: 0.3s all !important;
  color: white !important;
  width: 100% !important;
  height: auto !important;
  border: none;
}
.reports-component .gated-content-form .form-frame input[type=submit]:hover {
  background-color: #7DE689 !important;
}
.reports-component .gated-content-form .form-frame .submit-wrapper {
  grid-column: 1/2;
}
.reports-component .gated-content-form .form-frame .wpcf7-spinner {
  position: absolute;
  right: 0;
  top: 3.5rem;
}
.reports-component .gated-content-form .form-frame .wpcf7-response-output {
  grid-column: 1/3;
  padding: 0;
  margin: 0;
  border: none;
  font-size: 1.4rem;
}
@media screen and (max-width: 1023px) {
  .reports-component.component {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .reports-component h2 {
    padding-left: 2rem;
    padding-right: 2rem;
    box-sizing: border-box;
  }
  .reports-component .reports-list {
    flex-wrap: unset;
  }
  .reports-component .reports-list li a {
    width: 80vw;
    max-width: 40rem;
  }
  .reports-component .gated-content-form {
    z-index: 999999999;
    height: 100vh;
    overflow: auto;
  }
  .reports-component .gated-content-form .form-frame {
    padding: 2rem 1.6rem;
    width: 100%;
    height: 100%;
  }
  .reports-component .gated-content-form .form-frame form .submit-wrapper {
    grid-column: 1/3;
  }
  .reports-component .gated-content-form .form-frame h2 {
    padding: 0;
    padding-right: 4rem;
    box-sizing: border-box;
  }
  .reports-component .gated-content-form .form-frame .close-gated-form-popup {
    top: 1.5rem;
    right: 2rem;
  }
}

.logos-component {
  padding: 6rem 0 !important;
  box-sizing: border-box;
}
.logos-component h2 {
  padding-left: 6rem;
  box-sizing: border-box;
  margin-left: 0;
}
.logos-component .logos-list {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
.logos-component .logos-list li {
  flex: 0 0 28rem;
  height: 18rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.logos-component .logos-list li .img-holder {
  width: 26rem;
  height: 100%;
  background: rgb(247, 250, 250);
  display: flex;
  justify-content: center;
  align-items: center;
}
.logos-component .logos-list li img {
  width: 14rem;
  height: 8rem;
}
@media screen and (max-width: 1023px) {
  .logos-component.component {
    padding: 4rem 0 !important;
  }
  .logos-component.component h2 {
    padding: 0 1.6rem;
    text-align: left;
    margin-top: 0;
  }
  .logos-component.component .logos-list li {
    flex: 0 0 26rem;
  }
  .logos-component.component .logos-list li .img-holder {
    width: 24rem;
    height: 18rem;
  }
}

.quote_01-component {
  padding: 6rem;
  box-sizing: border-box;
}
.quote_01-component h2 {
  margin: 0 0 6rem 0;
}
.quote_01-component h2 strong {
  color: #7DE689;
  transition: 0.3s all;
}
.quote_01-component p {
  margin: 0;
}
.quote_01-component .splide {
  width: 100%;
}
.quote_01-component .splide .spilde-head {
  justify-content: space-between;
  align-items: center;
}
.quote_01-component .splide .splide__arrows {
  display: flex;
  gap: 1.6rem;
}
.quote_01-component .splide .splide__arrow {
  position: static;
  width: 7rem;
  height: 7rem;
  flex: 0 0 7rem;
  border-radius: 50%;
  background-color: #F7FAFA;
}
.quote_01-component .splide .splide__arrow svg {
  width: 2rem;
  height: 2rem;
}
.quote_01-component .splide .splide__arrow svg path {
  transition: 0.3s all;
}
.quote_01-component .quote_01-list li {
  height: 47.2rem;
  padding: 4rem 8rem;
  box-sizing: border-box;
}
.quote_01-component .quote_01-list li:nth-child(4n+1) {
  background-color: #FFCD42;
}
.quote_01-component .quote_01-list li:nth-child(4n+1) .quote_01-image:after {
  background-color: #FFCD42;
}
.quote_01-component .quote_01-list li:nth-child(4n+1) .quote_01-image:before {
  background-color: #FFCD42;
}
.quote_01-component .quote_01-list li:nth-child(4n+1) .quote-side {
  display: none;
}
.quote_01-component .quote_01-list li:nth-child(4n+1) .quote-side:before {
  position: absolute;
  right: -1px;
  height: 90%;
  width: 1px;
  content: "";
  background-color: #FFCD42;
  top: 5%;
}
.quote_01-component .quote_01-list li:nth-child(4n+1) .quote-side:after {
  background-color: #FFCD42;
}
.quote_01-component .quote_01-list li:nth-child(4n+2) {
  background-color: rgb(122, 244, 68);
}
.quote_01-component .quote_01-list li:nth-child(4n+2) .frame {
  border-top: 1px solid rgb(20, 20, 20);
  border-bottom: 1px solid rgb(20, 20, 20);
}
.quote_01-component .quote_01-list li:nth-child(4n+2) .quote_01-image {
  border-right: 1px solid rgb(20, 20, 20) !important;
  border-left: 1px solid rgb(20, 20, 20) !important;
}
.quote_01-component .quote_01-list li:nth-child(4n+2) .quote_01-image:after {
  background-color: rgb(122, 244, 68);
}
.quote_01-component .quote_01-list li:nth-child(4n+2) .quote_01-image:before {
  background-color: rgb(122, 244, 68);
}
.quote_01-component .quote_01-list li:nth-child(4n+2) .quote-side {
  color: rgb(20, 20, 20) !important;
  border-right: 1px solid rgb(20, 20, 20) !important;
  border-left: 1px solid rgb(20, 20, 20) !important;
}
.quote_01-component .quote_01-list li:nth-child(4n+2) .quote-side:before {
  position: absolute;
  right: -1px;
  height: 90%;
  width: 1px;
  content: "";
  background-color: rgb(122, 244, 68);
  top: 5%;
}
.quote_01-component .quote_01-list li:nth-child(4n+2) .quote-side:after {
  background-color: rgb(122, 244, 68);
}
.quote_01-component .quote_01-list li:nth-child(4n+3) {
  background-color: rgb(253, 152, 51);
}
.quote_01-component .quote_01-list li:nth-child(4n+3) .frame {
  border-top: 1px solid rgb(20, 20, 20);
  border-bottom: 1px solid rgb(20, 20, 20);
}
.quote_01-component .quote_01-list li:nth-child(4n+3) .quote_01-image {
  border-right: 1px solid rgb(20, 20, 20) !important;
  border-left: 1px solid rgb(20, 20, 20) !important;
}
.quote_01-component .quote_01-list li:nth-child(4n+3) .quote_01-image:after {
  background-color: rgb(253, 152, 51);
}
.quote_01-component .quote_01-list li:nth-child(4n+3) .quote_01-image:before {
  background-color: rgb(253, 152, 51);
}
.quote_01-component .quote_01-list li:nth-child(4n+3) .quote-side {
  border-right: 1px solid rgb(20, 20, 20) !important;
  border-left: 1px solid rgb(20, 20, 20) !important;
  color: rgb(20, 20, 20) !important;
}
.quote_01-component .quote_01-list li:nth-child(4n+3) .quote-side:before {
  position: absolute;
  right: -1px;
  height: 90%;
  width: 1px;
  content: "";
  background-color: rgb(253, 152, 51);
  top: 5%;
}
.quote_01-component .quote_01-list li:nth-child(4n+3) .quote-side:after {
  background-color: rgb(253, 152, 51);
}
.quote_01-component .quote_01-list li:nth-child(4n+4) {
  background-color: #7DE689;
}
.quote_01-component .quote_01-list li:nth-child(4n+4) .quote_01-image:after {
  background-color: #7DE689;
}
.quote_01-component .quote_01-list li:nth-child(4n+4) .quote_01-image:before {
  background-color: #7DE689;
}
.quote_01-component .quote_01-list li:nth-child(4n+4) .quote-side:before {
  position: absolute;
  right: -1px;
  height: 90%;
  width: 1px;
  content: "";
  background-color: #7DE689;
  top: 5%;
}
.quote_01-component .quote_01-list li:nth-child(4n+4) .quote-side:after {
  background-color: #7DE689;
}
.quote_01-component .quote_01-list li .frame {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  height: 100%;
  display: flex;
}
.quote_01-component .quote_01-list li .frame .quote-side {
  padding: 5rem 10rem;
  box-sizing: border-box;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  border-right: 1px solid white;
}
.quote_01-component .quote_01-list li .frame .quote-side:after {
  position: absolute;
  left: -1px;
  height: 90%;
  width: 1px;
  content: "";
  top: 5%;
}
.quote_01-component .quote_01-list li .frame .quote-side:before {
  position: absolute;
  right: -1px;
  height: 90%;
  width: 1px;
  content: "";
  top: 5%;
}
.quote_01-component .quote_01-list li .frame .quote-side .quoted {
  margin-top: 4rem;
}
.quote_01-component .quote_01-list li .frame .quote_01-image {
  width: 32rem;
  flex: 0 0 32rem;
  height: 100%;
  display: flex;
  align-items: center;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  position: relative;
}
.quote_01-component .quote_01-list li .frame .quote_01-image:after {
  position: absolute;
  left: -1px;
  height: 90%;
  width: 1px;
  content: "";
  top: 5%;
}
.quote_01-component .quote_01-list li .frame .quote_01-image:before {
  position: absolute;
  right: -1px;
  height: 90%;
  width: 1px;
  content: "";
  transition: 0.3s all;
  top: 5%;
}
.quote_01-component .quote_01-list li .frame .quote_01-image img {
  width: 32rem;
  height: 32rem;
  border-radius: 50%;
}
.quote_01-component .quote_01-list li img {
  width: 9.6rem;
  height: 9.6rem;
  background: rgb(247, 250, 250);
}
.quote_01-component .quote_01-list li a {
  color: rgb(20, 20, 20);
  text-decoration: none;
}
.quote_01-component .quote_01-list li a .read-more {
  text-decoration: underline;
}
.quote_01-component .splide.is-initialized:not(.is-active) .splide__list.quote_01-list {
  display: flex;
}
@media screen and (max-width: 1023px) {
  .quote_01-component h2 {
    margin-bottom: 2.4rem;
  }
  .quote_01-component .splide .spilde-head {
    align-items: flex-end;
  }
  .quote_01-component .splide .splide__arrow {
    width: 4rem;
    height: 4rem;
    flex: 0 0 4rem;
  }
  .quote_01-component .quote_01-list li {
    height: 90vh;
    padding: 2rem;
  }
  .quote_01-component .quote_01-list li .frame {
    flex-direction: column;
    justify-content: space-between;
  }
  .quote_01-component .quote_01-list li .frame .quote-side {
    padding: 0 0 4rem 0;
    border-left: 1px solid white;
  }
  .quote_01-component .quote_01-list li .frame .quote-side:before, .quote_01-component .quote_01-list li .frame .quote-side:after {
    top: auto;
    bottom: 2rem;
    height: calc(100% - 2rem);
    width: 1px;
  }
  .quote_01-component .quote_01-list li .frame .quote-side .big-paragraph {
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 2.24rem */
    margin: 0 0 4rem 0;
  }
  .quote_01-component .quote_01-list li .frame .quote-side .quoted {
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin: 0;
  }
  .quote_01-component .quote_01-list li .frame .quote_01-image {
    width: 100%;
    height: 25vh;
    flex: 0 0 25vh;
    padding-top: 4rem;
    box-sizing: border-box;
  }
  .quote_01-component .quote_01-list li .frame .quote_01-image:after, .quote_01-component .quote_01-list li .frame .quote_01-image:before {
    top: 2rem;
    height: calc(100% - 2rem);
  }
  .quote_01-component .quote_01-list li .frame .quote_01-image img {
    width: 25vh;
    height: 25vh;
  }
}

.faq-component {
  padding: 6rem;
  box-sizing: border-box;
  background: #F7FAFA;
}
.faq-component .title-side {
  flex: 0 0 30%;
}
.faq-component .title-side h2 {
  margin-top: 2.4rem;
}
.faq-component .faq-side {
  flex: 0 0 70%;
}
.faq-component .faq-side .faq-list {
  overflow: hidden;
}
.faq-component .faq-side .faq-list.loading {
  background: url(../image/loader1.svg) no-repeat center center;
  background-size: 3.5rem;
}
.faq-component .faq-side .faq-list .qa-button .button-icon {
  flex: 0 0 6rem;
  height: 6rem;
  background: white;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.faq-component .faq-side .faq-list .qa-button .button-icon .kav {
  display: block;
  height: 3px;
  width: 15px;
  background: #FFCD42;
  position: absolute;
}
.faq-component .faq-side .faq-list .qa-button .button-icon .kav:nth-child(2) {
  transform: rotate(90deg);
}
.faq-component .faq-side .faq-list li {
  border-bottom: 1px solid rgb(140, 156, 204);
  padding: 2.4rem 0;
}
.faq-component .faq-side .faq-list li.exit {
  opacity: 0;
}
.faq-component .faq-side .faq-list h3 {
  color: #FFCD42;
  max-width: 72rem;
  flex: 0 0 72rem;
  margin: 0;
  font-size: 2.6rem;
}
.faq-component .faq-side .faq-list p {
  font-size: 1.6rem;
}
.faq-component .faq-side .faq-list .answer {
  height: 0;
  overflow: hidden;
}
.faq-component .faq-side .faq-list .answer p {
  max-width: 72rem;
  margin: 0;
  box-sizing: border-box;
  padding-top: 2rem;
}
.faq-component .categories-buttons-list {
  gap: 1.6rem;
  flex-wrap: wrap;
  margin-bottom: 4rem;
}
.faq-component .faq-cta {
  margin-top: 4rem;
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  color: #FFCD42;
  background: #FFCD42;
  display: inline-block;
  padding: 1.2rem 2.4rem;
  transition: 0.3s all;
  color: white;
  height: auto !important;
  border: none;
}
.faq-component .faq-cta:hover {
  background: #7DE689;
}
@media screen and (max-width: 1023px) {
  .faq-component.component {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .faq-component .basic-grid {
    display: block;
  }
  .faq-component .basic-grid h2 {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    box-sizing: border-box;
  }
  .faq-component .basic-grid .categories-buttons-list {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    margin-top: 6rem;
    flex-wrap: nowrap;
    overflow: auto;
    margin-bottom: 0;
    padding-bottom: 2rem;
  }
  .faq-component .basic-grid .categories-buttons-list a {
    white-space: nowrap;
  }
  .faq-component .basic-grid h2 {
    margin: 0;
  }
  .faq-component .basic-grid .faq-list {
    padding-left: 2rem;
    padding-right: 2rem;
    box-sizing: border-box;
  }
  .faq-component .basic-grid .faq-list h3 {
    flex: 1 1 auto;
  }
  .faq-component .basic-grid .faq-list .button-icon {
    flex: 0 0 3.2rem !important;
    height: 3.2rem !important;
  }
  .faq-component .basic-grid .faq-list .answer .big-paragraph {
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 2.24rem */
  }
  .faq-component .basic-grid .faq-cta {
    margin-left: 1.6rem;
  }
}

.get-in-touch-component {
  padding: 6rem;
  box-sizing: border-box;
}
.get-in-touch-component h2 {
  color: #FFCD42;
  margin: 0;
}
.get-in-touch-component .left-side {
  flex: 0 0 45%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.get-in-touch-component .left-side.show-social {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.get-in-touch-component .left-side p {
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 2.8rem */
  margin: 3rem 0 0 0;
}
.get-in-touch-component .left-side p a {
  color: #FFCD42;
}
.get-in-touch-component .right-side {
  flex: 0 0 45%;
}
.get-in-touch-component .right-side form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.4rem;
}
.get-in-touch-component .right-side form .wpcf7-acceptance input {
  width: auto !important;
  margin: 0 1.52rem 0 0;
}
.get-in-touch-component .right-side form .wpcf7-acceptance span {
  display: block;
}
.get-in-touch-component .right-side form .wpcf7-acceptance label {
  display: flex;
  align-items: center;
}
.get-in-touch-component .right-side.contact-form label[for=message] {
  grid-column: 1/3;
}
.get-in-touch-component .right-side.grow-form label[for=message], .get-in-touch-component .right-side.schedule-form label[for=message] {
  grid-column: 1/3;
}
.get-in-touch-component .right-side label {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 2.24rem */
  display: block;
}
.get-in-touch-component .right-side .wpcf7-form-control-wrap {
  display: block;
}
.get-in-touch-component .right-side input,
.get-in-touch-component .right-side select,
.get-in-touch-component .right-side textarea {
  margin-top: 1rem;
  padding-left: 1rem;
  padding-bottom: 1rem;
  font-size: 1.6rem !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 140% !important;
  color: rgb(140, 156, 204) !important;
  border: none !important;
  border-bottom: 1px solid rgb(140, 156, 204) !important;
  width: 100% !important;
  max-width: none !important;
  border-radius: 0 !important;
  box-sizing: border-box;
}
.get-in-touch-component .right-side input::placeholder,
.get-in-touch-component .right-side select::placeholder,
.get-in-touch-component .right-side textarea::placeholder {
  color: rgb(140, 156, 204);
}
.get-in-touch-component .right-side select {
  background: url(../image/arrow-down.svg) right 1rem center no-repeat !important;
  appearance: none;
}
.get-in-touch-component .right-side textarea {
  height: 10rem;
}
.get-in-touch-component .right-side input[type=submit] {
  margin-top: 2rem !important;
  font-size: 2rem !important;
  font-style: normal !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  color: #FFCD42 !important;
  background: #FFCD42 !important;
  display: inline-block !important;
  padding: 1.2rem 2.4rem !important;
  transition: 0.3s all !important;
  color: white !important;
  width: 100% !important;
  height: auto !important;
  border: none;
}
.get-in-touch-component .right-side input[type=submit]:hover {
  background-color: #7DE689 !important;
}
.get-in-touch-component .right-side .submit-wrapper {
  grid-column: 1/3;
}
.get-in-touch-component .right-side .wpcf7-spinner {
  position: absolute;
  right: 0;
  top: 3.5rem;
}
.get-in-touch-component .right-side .wpcf7-response-output {
  grid-column: 1/3;
  padding: 0;
  margin: 0;
  border: none;
  font-size: 1.4rem;
}
.get-in-touch-component .brand-animation-stage {
  pointer-events: none;
}
.get-in-touch-component .animation-holder {
  width: 8.2rem;
  height: 100%;
  animation: zoomed-brand 10s;
  transform: translateX(10vw);
  animation-iteration-count: infinite;
}
.get-in-touch-component .top-shpitz {
  width: 8.2rem;
  height: 17.9rem;
  background: url(../image/top-shpitz.svg) no-repeat !important;
  background-size: contain;
  position: absolute;
  top: 0;
}
.get-in-touch-component .bottom-shpitz {
  width: 8.2rem;
  height: 17.9rem;
  background: url(../image/bottom-shpitz.svg) no-repeat !important;
  background-size: contain;
  position: absolute;
  bottom: 0;
}
@media screen and (max-width: 1023px) {
  .get-in-touch-component .brand-animation-stage {
    display: none !important;
  }
  .get-in-touch-component .social-menu {
    position: static;
    margin-top: 2rem;
  }
  .get-in-touch-component .social-menu a {
    flex: 0 0 3.2rem;
    width: 3.2rem;
    height: 3.2rem;
    font-size: 1.2rem;
  }
  .get-in-touch-component .basic-grid {
    display: block;
  }
  .get-in-touch-component .basic-grid .left-side {
    margin-bottom: 4rem;
  }
  .get-in-touch-component .basic-grid .left-side p {
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
  }
  .get-in-touch-component .basic-grid .right-side input[type=submit] {
    padding: 0.8rem 2rem !important;
  }
  .get-in-touch-component .basic-grid span[data-name=acceptance-166] {
    grid-column: 1/3;
  }
  .get-in-touch-component .basic-grid label {
    grid-column: 1/3;
  }
}

.social-menu ul {
  display: flex;
  gap: 2rem;
}
.social-menu a {
  font-family: "icons";
  background: var(--Primary-Grey2, #f7fafa);
  text-decoration: none;
  width: 5.6rem;
  height: 5.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 1.6rem;
}

@keyframes zoomed-brand {
  0% {
    transform: translateX(10vw);
  }
  20% {
    transform: translateX(40vw);
  }
  40% {
    transform: translateX(10vw);
  }
  60% {
    transform: translateX(20vw);
  }
  70% {
    transform: translateX(10vw);
  }
  100% {
    transform: translateX(10vw);
  }
}
.heading-component h2 {
  white-space: pre-line;
  margin: 0 0 2rem 0;
  max-width: 82rem;
}
.heading-component h2 strong {
  color: #FFCD42;
}
.heading-component p {
  font-weight: 700;
  margin: 0 0 1.5rem;
  max-width: 82rem;
  margin-bottom: 0;
}
.heading-component .basic-btn {
  margin-top: 2rem;
  background: #FFCD42;
  color: white;
  border: none;
}
.heading-component .basic-btn:hover {
  background: rgb(247, 250, 250);
  color: #FFCD42;
}
@media screen and (max-width: 1023px) {
  .heading-component h2, .heading-component p {
    width: 100%;
    max-width: none;
  }
}

.newsletter2-component {
  padding-top: 0 !important;
  padding-bottom: 35% !important;
  height: 0;
  overflow: hidden;
  background: #FFCD42;
}
.newsletter2-component.blue input {
  color: white !important;
}
.newsletter2-component.blue input::placeholder {
  color: white !important;
}
.newsletter2-component.white {
  background: white;
}
.newsletter2-component.white form .input-wrapper {
  border-bottom: 1px solid #141414;
}
.newsletter2-component.white input {
  color: #141414 !important;
}
.newsletter2-component.white input::placeholder {
  color: #141414 !important;
}
.newsletter2-component.white button {
  background: #FFCD42;
}
.newsletter2-component.white button:after {
  background: url("../image/send-arrow-white.svg") no-repeat center;
}
.newsletter2-component.white button:before {
  background: url("../image/send-arrow-white.svg") no-repeat center;
}
.newsletter2-component.white .newsletter-left h2 {
  color: #141414;
}
.newsletter2-component.white .newsletter-left h2 strong {
  color: #FFCD42;
}
.newsletter2-component.white .newsletter-left p {
  color: #FFCD42;
}
.newsletter2-component .wpcf7 {
  margin: 3.2rem 0;
}
.newsletter2-component form {
  position: relative;
}
.newsletter2-component form .input-wrapper {
  display: grid !important;
  grid-template-columns: calc(100% - 3.2rem) 3.2rem;
  align-items: center !important;
  border-bottom: 1px solid #fff;
  padding-bottom: 1rem;
}
.newsletter2-component form .wpcf7-response-output {
  flex: 0 0 100%;
  bottom: 0;
  height: 100%;
  margin: 0.5rem 0 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: rgb(253, 152, 51) !important;
  font-size: 1.2rem !important;
}
.newsletter2-component form .wpcf7-not-valid-tip {
  position: absolute;
  right: 2rem;
  top: 0;
  color: #7DE689 !important;
}
.newsletter2-component input {
  background: none !important;
  color: #fff !important;
  border: none !important;
  width: 100%;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  border-bottom: 1px solid #fff;
}
.newsletter2-component input::placeholder {
  color: #141414 !important;
}
.newsletter2-component button {
  width: 3.2rem;
  height: 3.2rem;
  background: rgb(122, 244, 68);
  border: none;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.newsletter2-component button:hover:after {
  left: 100%;
}
.newsletter2-component button:hover:before {
  left: 0;
}
.newsletter2-component button:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../image/send-arrow-blue.svg") no-repeat center;
  background-size: 1.2rem;
  transition: 0.3s all;
}
.newsletter2-component button:before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: url("../image/send-arrow-blue.svg") no-repeat center;
  background-size: 1.2rem;
  transition: 0.3s all;
}
.newsletter2-component .newsletter-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  padding-left: 6rem;
}
.newsletter2-component .newsletter-left h2 {
  white-space: pre-line;
  margin: 0 0 2rem 0;
  color: white;
}
.newsletter2-component .newsletter-left h2 strong {
  color: rgb(122, 244, 68);
}
.newsletter2-component .newsletter-left p {
  color: rgb(122, 244, 68);
  font-weight: 700;
  margin: 0;
}
.newsletter2-component .newsletter-left form {
  max-width: 40rem;
  margin-top: 4.5rem;
}
.newsletter2-component .newsletter-right {
  position: absolute;
  right: 0;
  height: 100%;
  aspect-ratio: 1/1;
}
.newsletter2-component .newsletter-right .image-mask {
  border-radius: 50%;
  overflow: hidden;
  transform: scale(1.1);
}
.newsletter2-component .newsletter-right .image-mask img {
  width: 100%;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 1023px) {
  .newsletter2-component {
    height: auto !important;
  }
  .newsletter2-component .basic-grid {
    flex-direction: column;
  }
  .newsletter2-component .newsletter-left, .newsletter2-component .newsletter-right {
    position: static;
  }
  .newsletter2-component .newsletter-left {
    padding-left: 0;
    width: 100%;
  }
  .newsletter2-component .newsletter-right {
    padding-top: 4rem;
  }
  .newsletter2-component .newsletter-right .image-mask {
    width: 115%;
    height: 115%;
  }
}

.newsletter1-component {
  height: 40rem;
  overflow: hidden;
  background: #FFCD42;
}
.newsletter1-component .basic-grid {
  justify-content: space-between;
  align-items: center;
  border: 1px solid white;
}
.newsletter1-component.white {
  background: white;
}
.newsletter1-component.white .basic-grid {
  border: 1px solid #FFCD42;
}
.newsletter1-component.white form .input-wrapper {
  border-bottom: 1px solid #141414;
}
.newsletter1-component.white input {
  color: #141414 !important;
}
.newsletter1-component.white input::placeholder {
  color: #141414 !important;
}
.newsletter1-component.white button {
  background: #FFCD42;
}
.newsletter1-component.white button:after {
  background: url("../image/send-arrow-white.svg") no-repeat center;
}
.newsletter1-component.white button:before {
  background: url("../image/send-arrow-white.svg") no-repeat center;
}
.newsletter1-component.white .newsletter-left {
  border-right: 1px solid #FFCD42;
}
.newsletter1-component.white .newsletter-left:before {
  background: white;
}
.newsletter1-component.white .newsletter-left:after {
  background: white;
}
.newsletter1-component.white .newsletter-right:after, .newsletter1-component.white .newsletter-right:before {
  background: white;
}
.newsletter1-component.white .newsletter-left h2, .newsletter1-component.white .newsletter-right h2 {
  color: #141414;
}
.newsletter1-component.white .newsletter-left h2 strong, .newsletter1-component.white .newsletter-right h2 strong {
  color: #FFCD42;
}
.newsletter1-component.white .newsletter-left p, .newsletter1-component.white .newsletter-right p {
  color: #FFCD42;
}
.newsletter1-component .wpcf7 {
  margin: 3.2rem 0;
}
.newsletter1-component form {
  position: relative;
}
.newsletter1-component form .input-wrapper {
  display: grid !important;
  grid-template-columns: calc(100% - 3.2rem) 3.2rem;
  align-items: center !important;
  border-bottom: 1px solid #fff;
  padding-bottom: 1rem;
}
.newsletter1-component form .wpcf7-response-output {
  flex: 0 0 100%;
  bottom: 0;
  height: 100%;
  margin: 0.5rem 0 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: rgb(253, 152, 51) !important;
  font-size: 1.2rem !important;
}
.newsletter1-component form .wpcf7-not-valid-tip {
  position: absolute;
  right: 2rem;
  top: 0;
  color: #7DE689 !important;
}
.newsletter1-component input {
  background: none !important;
  color: #fff !important;
  border: none !important;
  width: 100%;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  border-bottom: 1px solid #fff;
}
.newsletter1-component input::placeholder {
  color: #141414 !important;
}
.newsletter1-component button {
  width: 3.2rem;
  height: 3.2rem;
  background: rgb(122, 244, 68);
  border: none;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.newsletter1-component button:hover:after {
  left: 100%;
}
.newsletter1-component button:hover:before {
  left: 0;
}
.newsletter1-component button:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../image/send-arrow-blue.svg") no-repeat center;
  background-size: 1.2rem;
  transition: 0.3s all;
}
.newsletter1-component button:before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: url("../image/send-arrow-blue.svg") no-repeat center;
  background-size: 1.2rem;
  transition: 0.3s all;
}
.newsletter1-component .newsletter-left {
  border-right: 1px solid white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  height: 100%;
  flex: 0 0 55%;
}
.newsletter1-component .newsletter-left h2 {
  white-space: pre-line;
  margin: 0 0 2rem 0;
  color: white;
}
.newsletter1-component .newsletter-left h2 strong {
  color: rgb(122, 244, 68);
}
.newsletter1-component .newsletter-left p {
  color: rgb(122, 244, 68);
  font-weight: 700;
  margin: 0;
}
.newsletter1-component .newsletter-left form {
  max-width: 40rem;
  margin-top: 3rem;
}
.newsletter1-component .newsletter-left:before {
  position: absolute;
  right: -1px;
  height: 90%;
  width: 1px;
  content: "";
  transition: 0.3s all;
  top: 5%;
  background: #FFCD42;
}
.newsletter1-component .newsletter-left:after {
  position: absolute;
  left: -1px;
  height: 90%;
  width: 1px;
  content: "";
  transition: 0.3s all;
  top: 5%;
  background: #FFCD42;
}
.newsletter1-component .newsletter-right {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  padding-right: 6rem;
  padding-left: 6rem;
  box-sizing: border-box;
  align-items: center;
}
.newsletter1-component .newsletter-right:after {
  position: absolute;
  right: -1px;
  height: 90%;
  width: 1px;
  content: "";
  transition: 0.3s all;
  top: 5%;
  background: #FFCD42;
}
.newsletter1-component .newsletter-right:before {
  background: #FFCD42;
}
.newsletter1-component .newsletter-right p {
  color: rgb(122, 244, 68);
}
.newsletter1-component .newsletter-right .image-mask {
  border-radius: 50%;
  overflow: hidden;
  transform: scale(1.1);
}
.newsletter1-component .newsletter-right .image-mask img {
  width: 100%;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 1023px) {
  .newsletter1-component {
    height: auto;
  }
  .newsletter1-component .basic-grid {
    display: block;
  }
  .newsletter1-component .basic-grid .newsletter-left {
    padding-top: 2.5rem;
    border-right: none;
  }
  .newsletter1-component .basic-grid .newsletter-left:before, .newsletter1-component .basic-grid .newsletter-left:after {
    position: absolute;
    right: -1px;
    height: calc(100% - 1.5rem);
    width: 1px;
    content: "";
    transition: 0.3s all;
    top: 1.5rem;
  }
  .newsletter1-component .basic-grid .newsletter-right {
    padding: 0 0 2rem 0;
    border-left: none;
  }
  .newsletter1-component .basic-grid .newsletter-right:before, .newsletter1-component .basic-grid .newsletter-right:after {
    position: absolute;
    height: calc(100% - 1.5rem);
    width: 1px;
    content: "";
    transition: 0.3s all;
    bottom: 1.5rem;
    top: auto;
  }
  .newsletter1-component .basic-grid .newsletter-right:before {
    left: -1px;
  }
  .newsletter1-component .basic-grid .newsletter-right p {
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 2.24rem */
  }
}

.team-component .team-heading {
  max-width: 66.8rem;
}
.team-component .team-members-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 6rem;
}
.team-component .team-members-list li {
  padding: 0 2rem;
  box-sizing: border-box;
  flex: 0 0 20%;
  width: 20%;
  margin-bottom: 4rem;
}
.team-component .team-members-list li h3, .team-component .team-members-list li p {
  text-align: center;
}
.team-component .team-members-list li .team-member-button {
  background: none;
  border: none;
  width: 100%;
}
.team-component .team-members-list li .team-member-button:hover img {
  transform: scale(1.05);
}
.team-component .team-members-list li h3 {
  margin: 2.4rem 0 1rem;
  text-align: center;
}
.team-component .team-members-list li p {
  margin: 0;
  text-align: center;
}
.team-component .team-members-list li .member-img {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
}
.team-component .team-members-list li .member-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s all ease-out;
}
.team-component .team-member-popup {
  background-color: rgba(20, 20, 20, 0.1254901961);
  transform: scale(0.5);
  opacity: 0;
  pointer-events: none;
  transition: 0.2s all cubic-bezier(0, 0, 0.2, 1);
}
.team-component .team-member-popup.show {
  transform: scale(1);
  opacity: 1;
  pointer-events: all;
}
.team-component .team-member-popup .team-member-frame {
  background: white;
  max-width: 70vw;
  display: flex;
  gap: 6vw;
  align-items: center;
  padding: 6rem 0 6rem 3rem;
  box-sizing: border-box;
  position: relative;
}
.team-component .team-member-popup .team-member-frame #close-team-member-popup {
  width: 3.2rem;
  height: 3.2rem;
  position: absolute;
  top: 2rem;
  right: 2rem;
  background: url("../image/close-member-popup.svg") no-repeat center;
  background-size: contain;
  border: none;
  transition: 0.3s all;
}
.team-component .team-member-popup .team-member-frame #close-team-member-popup:hover {
  transform: rotate(90deg);
}
.team-component .team-member-popup .team-member-frame .member-img {
  width: 21vw;
  height: 21vw;
  box-sizing: border-box;
  position: relative;
}
.team-component .team-member-popup .team-member-frame .member-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.team-component .team-member-popup .team-member-frame .member-details {
  max-width: 42.3rem;
  padding: 0rem 6vw 0rem 0;
}
.team-component .team-member-popup .team-member-frame .member-details a {
  color: rgb(20, 20, 20);
}
@media screen and (max-width: 1023px) {
  .team-component .team-heading h2 {
    margin-bottom: 4rem;
    margin-top: 0;
  }
  .team-component .team-heading p {
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 2.24rem */
    margin-top: 0;
  }
  .team-component .team-members-list {
    display: block;
  }
  .team-component .team-members-list p {
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 2.24rem */
    margin: 0;
  }
  .team-component .team-members-list h3 {
    margin: 0;
  }
  .team-component .team-members-list li {
    width: 100%;
  }
  .team-component .team-members-list li .member-img {
    width: 26rem;
    aspect-ratio: 1/1;
    margin: auto;
  }
  .team-component .team-member-popup {
    z-index: 9999999999;
  }
  .team-component .team-member-popup .team-member-frame {
    max-width: none;
    width: 100%;
    height: 100vh;
    overflow: auto;
    display: block;
  }
  .team-component .team-member-popup .team-member-frame .member-details {
    padding: 0 2rem;
    box-sizing: border-box;
  }
  .team-component .team-member-popup .team-member-frame .member-img {
    width: 70vw;
    max-width: 40rem;
    aspect-ratio: 1/1;
    height: auto;
    box-sizing: border-box;
    position: relative;
  }
}

.tabs-component h2 {
  white-space: pre-line;
}
.tabs-component .hp {
  max-width: 50%;
  font-weight: 700;
}
.tabs-component .tabs {
  padding: 4rem 0;
  border-top: 1px solid rgb(140, 156, 204);
}
.tabs-component .tabs .tabs-m-left {
  position: absolute;
  left: 0;
  height: 1.3rem;
  width: 1px;
  background: rgb(140, 156, 204);
  top: 0;
}
.tabs-component .tabs .tabs-m-right {
  position: absolute;
  right: 0;
  height: 1.3rem;
  width: 1px;
  background: rgb(140, 156, 204);
  top: 0;
}
.tabs-component .tabs .button-m-left {
  position: absolute;
  left: 1rem;
  height: 1.3rem;
  width: 1px;
  background: rgb(140, 156, 204);
  top: 0;
  transition: 0.5s all ease-in-out;
}
.tabs-component .tabs .button-m-right {
  position: absolute;
  left: 2rem;
  height: 1.3rem;
  width: 1px;
  background: rgb(140, 156, 204);
  top: 0;
  transition: 0.5s all ease-in-out;
}
.tabs-component .tabs ul {
  justify-content: space-between;
}
.tabs-component .tabs li {
  width: auto;
  border: none !important;
  flex: 1 1 25%;
}
.tabs-component .tabs li.is-active button {
  color: rgb(20, 20, 20);
}
.tabs-component .tabs li button {
  border: none !important;
  font-size: 2.5em;
  font-style: normal;
  font-weight: 600;
  padding: 0 2rem 0 0 !important;
  line-height: 1.1;
  background: none;
  color: #999;
  transition: 0.3s all;
  white-space: pre-line;
  text-align: left;
}
.tabs-component .slides-bg {
  width: 100%;
  height: 50rem;
  background: #42D3FF;
  display: flex;
  overflow: hidden;
  justify-content: space-between;
  transition: 0.3s all;
}
.tabs-component .slides-bg .the-content-splide {
  flex: 0 0 45%;
}
.tabs-component .slides-bg .the-iamges-splide-wrapper {
  flex: 0 0 34%;
  display: flex;
  align-items: center;
}
.tabs-component .colored-title strong {
  transition: 0.3s all;
  color: rgb(122, 244, 68);
}
.tabs-component .the-content-splide {
  padding: 0 0 0 8rem;
  box-sizing: border-box;
}
.tabs-component .the-content-splide .frame {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.tabs-component .the-content-splide .frame a {
  background: rgb(20, 20, 20);
  display: inline-block;
  color: white;
  align-self: flex-start;
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
  padding: 1rem 2rem;
  transition: 0.3s all;
}
.tabs-component .the-content-splide .frame a:hover {
  opacity: 0.7;
}
.tabs-component .the-content-splide h3 {
  margin: 0;
}
.tabs-component .the-content-splide p {
  margin: 4rem 0;
}
.tabs-component .the-images-splide {
  /*-webkit-mask-image: url(../image/tabs-mask.svg);*/
  /*mask-image: url(../image/tabs-mask.svg);*/
  -webkit-mask-size: contain;
  -webkit-mask-position: right center;
  -webkit-mask-repeat: no-repeat;
  height: 50rem;
  width: 100%;
  aspect-ratio: 1/2;
}
.tabs-component .the-images-splide .frame {
  width: 100%;
  /*height: 40rem;*/
  position: relative;
}
.tabs-component .the-images-splide .frame .texts-on-images {
  position: absolute;
  width: 73%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
}
.tabs-component .the-images-splide .frame .texts-on-images .side-big-text {
  font-size: 10rem;
  text-align: left;
  line-height: 1;
  margin: 0;
  font-weight: 700;
}
.tabs-component .the-images-splide .frame .texts-on-images .side-small-text {
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  margin: 0;
}
.tabs-component .the-images-splide .frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tabs-component[data-color=blue] .slides-bg {
  background: #FFCD42;
}
.tabs-component[data-color=blue] .colored-title strong {
  color: #FFCD42;
}
.tabs-component[data-color=pink] .slides-bg {
  background: #7DE689;
}
.tabs-component[data-color=pink] .colored-title strong {
  color: #7DE689;
}
.tabs-component[data-color=orange] .slides-bg {
  background: rgb(253, 152, 51);
}
.tabs-component[data-color=orange] .colored-title strong {
  color: rgb(253, 152, 51);
}
.tabs-component .the-content-splide li:nth-child(4n+1), .tabs-component .the-content-splide li:nth-child(4n+4) {
  color: rgb(20, 20, 20) !important;
}
.tabs-component .the-content-splide li:nth-child(4n+1) a, .tabs-component .the-content-splide li:nth-child(4n+4) a {
  background: rgb(20, 20, 20) !important;
  color: white !important;
}
.tabs-component .the-content-splide li:nth-child(4n+2), .tabs-component .the-content-splide li:nth-child(4n+3) {
  color: white !important;
}
.tabs-component .the-content-splide li:nth-child(4n+2) a, .tabs-component .the-content-splide li:nth-child(4n+3) a {
  background: rgb(122, 244, 68);
  color: rgb(20, 20, 20);
}
@media screen and (max-width: 1023px) {
  .tabs-component h2 {
    margin-top: 0;
  }
  .tabs-component .hp {
    max-width: 100%;
  }
  .tabs-component .tabs .button-m-right, .tabs-component .tabs .button-m-left {
    display: none !important;
  }
  .tabs-component .tabs li {
    max-width: none;
    margin-right: 2rem;
    flex: 1 1 auto;
    white-space: nowrap;
  }
  .tabs-component .tabs li button {
    font-size: 2.4rem;
    width: 60vw;
    white-space: normal;
  }
  .tabs-component .the-images-splide {
    height: 25rem;
  }
  .tabs-component .the-images-splide .frame {
    height: 25rem;
  }
  .tabs-component .the-images-splide .frame .texts-on-images {
    left: auto;
    right: 0;
    width: 47rem;
    max-width: 116vw;
  }
  .tabs-component .the-images-splide .frame .texts-on-images .side-big-text {
    font-size: 5rem;
  }
  .tabs-component .the-images-splide .frame .texts-on-images .side-small-text {
    font-size: 1.4rem;
  }
  .tabs-component .the-content-splide {
    padding: 0 2rem 0 2rem;
  }
  .tabs-component .the-content-splide .frame {
    justify-content: flex-start;
    padding-top: 4rem;
  }
  .tabs-component .the-content-splide .frame a {
    font-size: 2rem;
  }
  .tabs-component .slides-bg {
    width: 100%;
    min-height: 100vh;
    height: auto;
    background: rgb(122, 244, 68);
    display: block;
    overflow: hidden;
    justify-content: space-between;
    transition: 0.3s all;
    position: relative;
  }
  .tabs-component .slides-bg .the-iamges-splide-wrapper {
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 28rem;
    left: 2rem;
  }
}

.content3-component h2 {
  white-space: pre-line;
  margin: 0 0 4rem 0;
  max-width: 50%;
  color: #FFCD42;
}
.content3-component p {
  margin: 0;
  column-count: 2;
  column-gap: 5vw;
}
.content3-component.blue {
  background-color: #FFCD42;
  color: white;
}
.content3-component.blue h2 {
  color: rgb(122, 244, 68);
}
@media screen and (max-width: 1023px) {
  .content3-component h2, .content3-component p {
    max-width: 100%;
    column-count: 1;
  }
  .content3-component p {
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 2.8rem */
  }
}

.open-roles-component {
  padding: 6rem;
  box-sizing: border-box;
}
.open-roles-component .title-side {
  flex: 0 0 30%;
}
.open-roles-component .faq-side {
  flex: 0 0 70%;
}
.open-roles-component .faq-side .open-roles-list {
  overflow: hidden;
}
.open-roles-component .faq-side .open-roles-list.loading {
  background: url(../image/loader1.svg) no-repeat center center;
  background-size: 3.5rem;
}
.open-roles-component .faq-side .open-roles-list .list-row .button-icon {
  flex: 0 0 7rem;
  height: 7rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background: white;
  overflow: hidden;
}
.open-roles-component .faq-side .open-roles-list .list-row .button-icon:after {
  background: url(../image/send-arrow-blue.svg) no-repeat center center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  transition: 0.3s all;
}
.open-roles-component .faq-side .open-roles-list .list-row .button-icon:before {
  background: url(../image/send-arrow-blue.svg) no-repeat center center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: -100%;
  top: 0;
  content: "";
  transition: 0.3s all;
}
.open-roles-component .faq-side .open-roles-list li {
  box-sizing: border-box;
  margin-bottom: 1.2rem;
}
.open-roles-component .faq-side .open-roles-list li a {
  display: block;
  padding: 2.4rem;
  text-decoration: none;
  background: #F7FAFA;
}
.open-roles-component .faq-side .open-roles-list li a:hover .button-icon:after {
  left: 100%;
}
.open-roles-component .faq-side .open-roles-list li a:hover .button-icon:before {
  left: 0;
}
.open-roles-component .faq-side .open-roles-list li.exit {
  opacity: 0;
}
.open-roles-component .faq-side .open-roles-list h3 {
  color: rgb(20, 20, 20);
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  margin: 0;
}
.open-roles-component .faq-side .open-roles-list .answer {
  height: 0;
  overflow: hidden;
}
.open-roles-component .faq-side .open-roles-list .answer p {
  max-width: 72rem;
  margin: 0;
  box-sizing: border-box;
  padding-top: 2.4rem;
}
.open-roles-component .categories-buttons-list {
  gap: 1.6rem;
  flex-wrap: wrap;
  margin-bottom: 4rem;
}
.open-roles-component .categories-buttons-list button {
  border: none;
}
@media screen and (max-width: 1023px) {
  .open-roles-component.component {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .open-roles-component .title-side, .open-roles-component .open-roles-list {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
    box-sizing: border-box;
  }
  .open-roles-component .categories-buttons-list {
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: auto;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}

.address-component {
  background: #7DE689;
  height: 49rem;
  position: relative;
}
.address-component h2 {
  white-space: pre-line;
  margin: 0 0 2rem 0;
  color: white;
}
.address-component p {
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  color: white;
}
.address-component .right-side {
  position: absolute;
  right: 0;
  width: 50%;
  display: flex;
  justify-content: flex-end;
}
.address-component .right-side .image-mask {
  -webkit-mask-image: url(../image/map-mask.svg);
  mask-image: url(../image/map-mask.svg);
  -webkit-mask-size: contain;
  -webkit-mask-position: right center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: right center;
  -webkit-mask-repeat: no-repeat;
  height: 40rem;
  width: 100%;
  aspect-ratio: 1/2;
  display: flex;
  justify-content: flex-end;
}
.address-component .right-side .image-mask img {
  display: block;
}
@media screen and (max-width: 1023px) {
  .address-component {
    height: auto;
  }
  .address-component.component {
    padding: 0 0 4rem 0 !important;
  }
  .address-component .left-side {
    padding: 4rem 2rem 4rem 2rem;
    box-sizing: border-box;
  }
  .address-component .left-side p {
    margin-bottom: 0;
  }
  .address-component .basic-grid {
    display: block;
    overflow: hidden;
  }
  .address-component .right-side {
    position: static;
    width: 100%;
  }
  .address-component .right-side .image-mask {
    width: clamp(1rem, 100vw, 35rem);
    -webkit-mask-image: none;
    mask-image: none;
    border-radius: 50%;
    aspect-ratio: 1/1;
    overflow: hidden;
    height: auto;
    transform: translateX(2rem);
  }
}

.pics-component {
  padding: 6rem 0 !important;
  box-sizing: border-box;
  overflow: hidden;
}
.pics-component .brand-shape-stage {
  padding: 6rem 0 !important;
  box-sizing: border-box;
  z-index: 999999;
  display: flex;
  justify-content: space-between;
}
.pics-component .brand-shape-stage .left-row {
  transform: translateX(-10.2rem);
}
.pics-component .brand-shape-stage .right-row {
  transform: translateX(10.2rem);
}
.pics-component .shpitz {
  width: 20.4rem;
  height: 21rem;
}
.pics-component .top-shpitz {
  background: url(../image/big-shpiz-top.svg) no-repeat center top;
  background-size: 16rem;
}
.pics-component .bottom-shpitz {
  background: url(../image/big-shpiz-bottom.svg) no-repeat center bottom;
  background-size: 16rem;
}
.pics-component .pics-list {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
.pics-component .pics-list li {
  height: 42rem;
}
.pics-component .pics-list li img {
  width: auto;
  height: 100%;
}
@media screen and (max-width: 1023px) {
  .pics-component.component {
    padding: 0 !important;
  }
  .pics-component.component .brand-shape-stage {
    padding: 0 !important;
  }
  .pics-component.component .row {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .pics-component.component .left-row {
    transform: translateX(-5rem);
  }
  .pics-component.component .right-row {
    transform: translateX(5rem);
  }
  .pics-component.component .shpitz {
    height: 11rem;
    width: 10rem;
  }
  .pics-component.component .top-shpitz {
    background-position: bottom center;
    background-size: 10rem;
  }
  .pics-component.component .bottom-shpitz {
    background-position: top center;
    background-size: 10rem;
  }
  .pics-component .center-row {
    display: none !important;
  }
  .pics-component .pics-list li {
    height: 24rem;
  }
}

.hero1-component {
  padding: 0 6rem !important;
  box-sizing: border-box;
  background: #FFCD42;
  height: 90vh;
  max-height: 80rem;
  color: white;
}
.hero1-component h1, .hero1-component h2 {
  font-size: 6vw;
  align-items: center;
  min-height: 11.5rem;
}
.hero1-component h1.hide-cursor:after, .hero1-component h2.hide-cursor:after {
  opacity: 0;
  animation: none;
}
.hero1-component h1:after, .hero1-component h2:after {
  position: absolute;
  content: "";
  height: 0.7em;
  width: 0.7em;
  background-color: white;
  display: inline-block;
  animation-iteration-count: infinite;
  transition: 0.3s all;
  transform: translateY(1.6rem);
  border-radius: 50%;
  z-index: 1;
}
.hero1-component .basic-grid {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}
.hero1-component p {
  margin: 0;
}
.hero1-component h1, .hero1-component h2 {
  margin: 2rem 0;
}
.hero1-component .left-side {
  flex: 0 0 45%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 6rem;
}
.hero1-component .left-side.show-social {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.hero1-component .left-side p {
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 2.8rem */
  margin: 3rem 0 0 0;
}
.hero1-component .left-side p a {
  color: #FFCD42;
}
.hero1-component .left-side .basic-btn {
  border: none;
  margin-top: 4rem;
  background: #7DE689;
  color: white;
}
.hero1-component .left-side .basic-btn:hoveR {
  background: white;
  color: #7DE689;
}
.hero1-component .brand-animation-stage {
  pointer-events: none;
}
.hero1-component .animation-holder {
  width: 8.2rem;
  height: 100%;
  animation: zoomed-brand-hero 15s;
  transform: translateX(10vw);
  animation-iteration-count: infinite;
}
.hero1-component .top-shpitz {
  width: 22vw;
  height: 31.3rem;
  background: url(../image/top-hero-shpitz.svg) no-repeat top center;
  background-size: 22vw;
  position: absolute;
  top: 0;
}
.hero1-component .bottom-shpitz {
  width: 22vw;
  height: 31.3rem;
  background: url(../image/bottom-hero-shpitz.svg) no-repeat bottom center;
  background-size: 22vw;
  position: absolute;
  bottom: 0;
}
@media screen and (max-width: 1023px) {
  .hero1-component {
    padding: 0 1.6rem !important;
  }
  .hero1-component .content {
    position: relative;
  }
  .hero1-component .top-shpitz {
    width: 16rem;
    height: 30vh;
    background: url(../image/top-hero-shpitz-mobile.svg) no-repeat top center;
    background-size: 16rem;
    background-position: bottom center;
  }
  .hero1-component .bottom-shpitz {
    width: 16rem;
    height: 40vh;
    background: url(../image/bottom-hero-shpitz-mobile.svg) no-repeat top center;
    background-size: 16rem;
    background-position: bottom center;
  }
  .hero1-component h1, .hero1-component h2 {
    font-size: 5rem;
    font-style: normal;
    font-weight: 800;
    line-height: 100%;
    display: block;
    min-height: 3.5rem;
  }
  .hero1-component h1:after, .hero1-component h2:after {
    display: inline-block;
    transform: translateY(1rem);
  }
}

@keyframes zoomed-brand-hero {
  0% {
    transform: translateX(25vw);
  }
  20% {
    transform: translateX(55vw);
  }
  40% {
    transform: translateX(25vw);
  }
  60% {
    transform: translateX(35vw);
  }
  70% {
    transform: translateX(25vw);
  }
  100% {
    transform: translateX(25vw);
  }
}
.content1-component {
  padding: 6rem;
  box-sizing: border-box;
  background: #fff;
}
.content1-component.left .basic-grid {
  flex-direction: row-reverse;
}
.content1-component.left .basic-grid .image-side {
  left: 0;
  right: auto;
}
.content1-component.left .basic-grid .image-side .image-mask {
  -webkit-mask-image: url(../image/mid-mask-left.svg);
  mask-image: url(../image/mid-mask-left.svg);
  -webkit-mask-position: left center;
}
.content1-component.left .basic-grid .title-side {
  border-left: none;
  border-right: 1px solid rgb(20, 20, 20);
  padding-left: 2rem;
}
.content1-component.orange {
  background: rgb(253, 152, 51);
}
.content1-component.orange .title-side .bullets-list li {
  border-color: rgb(20, 20, 20);
}
.content1-component.orange h2 {
  color: white;
}
.content1-component.orange .title-side {
  border-color: white;
}
.content1-component.orange .title-side p {
  color: rgb(20, 20, 20);
}
.content1-component.orange .title-side:after, .content1-component.orange .title-side:before {
  background: rgb(253, 152, 51);
}
.content1-component.orange .border-side {
  border-color: white;
}
.content1-component.orange .border-side:after, .content1-component.orange .border-side:before {
  background: rgb(253, 152, 51);
}
.content1-component.blue {
  background: #FFCD42;
}
.content1-component.blue .title-side .bullets-list li {
  border-color: white;
}
.content1-component.blue h2 {
  color: rgb(122, 244, 68);
}
.content1-component.blue .title-side {
  border-color: white;
  color: white;
}
.content1-component.blue .title-side h3 {
  color: white !important;
}
.content1-component.blue .title-side:after, .content1-component.blue .title-side:before {
  background: #FFCD42;
}
.content1-component.blue .title-side .item-button .button-icon {
  background: url(../image/arrow-down-white.svg) no-repeat center center !important;
}
.content1-component.blue .border-side {
  border-color: white;
}
.content1-component.blue .border-side:after, .content1-component.blue .border-side:before {
  background: #FFCD42;
}
.content1-component.black {
  background: rgb(20, 20, 20);
}
.content1-component.black .title-side .bullets-list li {
  border-color: white;
}
.content1-component.black h2 {
  color: white;
}
.content1-component.black .title-side {
  border-color: white;
  color: white;
}
.content1-component.black .title-side h3 {
  color: white !important;
}
.content1-component.black .title-side:after, .content1-component.black .title-side:before {
  background: rgb(20, 20, 20);
}
.content1-component.black .title-side .item-button .button-icon {
  background: url(../image/arrow-down-white.svg) no-repeat center center !important;
}
.content1-component.black .border-side {
  border-color: white;
}
.content1-component.black .border-side:after, .content1-component.black .border-side:before {
  background: rgb(20, 20, 20);
}
.content1-component.pink {
  background: #7DE689;
}
.content1-component.pink .title-side .bullets-list li {
  border-color: white;
}
.content1-component.pink h2 {
  color: white;
}
.content1-component.pink .title-side {
  border-color: white;
  color: white;
}
.content1-component.pink .title-side h3 {
  color: white !important;
}
.content1-component.pink .title-side:after, .content1-component.pink .title-side:before {
  background: #7DE689;
}
.content1-component.pink .title-side .item-button .button-icon {
  background: url(../image/arrow-down-white.svg) no-repeat center center !important;
}
.content1-component.pink .border-side {
  border-color: white;
}
.content1-component.pink .border-side:after, .content1-component.pink .border-side:before {
  background: #7DE689;
}
.content1-component .title-side {
  border-top: 1px solid rgb(20, 20, 20);
  border-left: 1px solid rgb(20, 20, 20);
  position: relative;
  box-sizing: border-box;
}
.content1-component .title-side:after {
  height: 98%;
  width: 1px;
  background: white;
  content: "";
  position: absolute;
  right: -1px;
  bottom: 0;
}
.content1-component .title-side:before {
  height: 98%;
  bottom: 0;
  width: 1px;
  background: white;
  content: "";
  position: absolute;
  left: -1px;
}
.content1-component .title-side {
  flex: 0 0 60%;
}
.content1-component .title-side .bullets-list {
  overflow: hidden;
}
.content1-component .title-side .bullets-list.loading {
  background: url(../image/loader1.svg) no-repeat center center;
  background-size: 3.5rem;
}
.content1-component .title-side .bullets-list .item-button .button-icon {
  flex: 0 0 7rem;
  height: 7rem;
  background: white;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background: url(../image/arrow-down-black.svg) no-repeat center center;
  transition: 0.3s all;
}
.content1-component .title-side .bullets-list li {
  border-bottom: 1px solid rgb(140, 156, 204);
  padding: 2.4rem 0;
}
.content1-component .title-side .bullets-list li.open .button-icon {
  transform: rotate(180deg);
}
.content1-component .title-side .bullets-list li.exit {
  opacity: 0;
}
.content1-component .title-side .bullets-list h3 {
  color: rgb(20, 20, 20);
  max-width: 72rem;
  flex: 1 1 72rem;
  margin: 0;
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 600;
}
.content1-component .title-side .bullets-list .answer {
  height: 0;
  overflow: hidden;
}
.content1-component .title-side .bullets-list .answer p {
  max-width: 72rem;
  margin: 0;
  box-sizing: border-box;
  padding-top: 2.4rem;
}
.content1-component .border-side {
  flex: 0 0 40%;
  border-left: 1px solid rgb(20, 20, 20);
  border-right: 1px solid rgb(20, 20, 20);
  border-top: 1px solid rgb(20, 20, 20);
  position: relative;
  align-self: normal;
}
.content1-component .border-side:after {
  height: 98%;
  width: 1px;
  bottom: 0;
  background: white;
  content: "";
  position: absolute;
  left: -1px;
}
.content1-component .border-side:before {
  height: 98%;
  width: 1px;
  bottom: 0;
  background: white;
  content: "";
  position: absolute;
  right: -1px;
}
.content1-component .image-side {
  width: 40%;
  right: 0;
  padding-top: 2%;
}
.content1-component .image-mask {
  -webkit-mask-image: url(../image/mid-mask.svg);
  mask-image: url(../image/mid-mask.svg);
  -webkit-mask-size: contain;
  -webkit-mask-position: right center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: right center;
  -webkit-mask-repeat: no-repeat;
  min-height: 50%;
  max-height: 80%;
  width: 100%;
  aspect-ratio: 1/2;
  display: flex;
  justify-content: flex-end;
}
.content1-component .image-mask img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 1023px) {
  .content1-component.component {
    padding-bottom: 0 !important;
  }
  .content1-component .basic-grid {
    display: block;
  }
  .content1-component .basic-grid .title-side {
    padding-left: 0 !important;
  }
  .content1-component .basic-grid .title-side h2 {
    margin-bottom: 4rem;
  }
  .content1-component .basic-grid .title-side .bullets-list li {
    padding: 2rem 0;
  }
  .content1-component .basic-grid .title-side .bullets-list li .item-button {
    flex-wrap: wrap;
  }
  .content1-component .basic-grid .title-side .bullets-list li .item-button .button-icon {
    flex: 0 0 3rem;
    width: 3rem;
  }
  .content1-component .basic-grid .title-side .bullets-list li .item-button .kav {
    display: none;
  }
  .content1-component .basic-grid .title-side .bullets-list li:first-child {
    border-top: 1px solid white;
  }
  .content1-component .basic-grid .title-side .bullets-list li:last-child {
    border-bottom: none;
  }
  .content1-component .basic-grid .title-side .bullets-list h3 {
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 2.88rem */
    flex: 0 0 calc(100% - 4rem);
    width: auto;
  }
  .content1-component .basic-grid .title-side .bullets-list p {
    padding-top: 2.4rem;
  }
  .content1-component .basic-grid .image-side {
    position: static !important;
    width: 100%;
    height: 40rem;
    border: none;
    padding-top: 6rem;
  }
  .content1-component .basic-grid .image-side .image-mask {
    -webkit-mask-image: url(../image/vertical-mask.svg) !important;
    mask-image: url(../image/vertical-mask.svg) !important;
    -webkit-mask-size: contain !important;
    -webkit-mask-position: top center !important;
    -webkit-mask-repeat: no-repeat !important;
    -webkit-mask-size: contain !important;
    -webkit-mask-position: top center !important;
    -webkit-mask-repeat: no-repeat !important;
    height: 100% !important;
    width: 100% !important;
    max-height: none;
    display: flex;
    justify-content: flex-end;
  }
  .content1-component .basic-grid .image-side .image-mask img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.content4-component {
  padding: 6rem;
  box-sizing: border-box;
  background: #fff;
}
.content4-component.left .basic-grid {
  flex-direction: row-reverse;
}
.content4-component.left .basic-grid .image-side {
  left: 0;
  right: auto;
}
.content4-component.left .basic-grid .image-side .image-mask {
  -webkit-mask-image: url(../image/mid-mask-left.svg);
  mask-image: url(../image/mid-mask-left.svg);
  -webkit-mask-position: left center;
}
.content4-component.left .basic-grid .title-side {
  border-left: none;
  border-right: 1px solid rgb(20, 20, 20);
  padding-left: 2rem;
}
.content4-component.grey {
  background: #F7FAFA;
}
.content4-component.grey h2, .content4-component.grey p {
  color: rgb(20, 20, 20);
}
.content4-component.orange {
  background: rgb(253, 152, 51);
}
.content4-component.orange .title-side .bullets-list li {
  border-color: rgb(20, 20, 20);
}
.content4-component.orange h2 {
  color: white;
}
.content4-component.orange .title-side {
  border-color: white;
}
.content4-component.orange .title-side p {
  color: rgb(20, 20, 20);
}
.content4-component.orange .title-side:after, .content4-component.orange .title-side:before {
  background: rgb(253, 152, 51);
}
.content4-component.orange .border-side {
  border-color: white;
}
.content4-component.orange .border-side:after, .content4-component.orange .border-side:before {
  background: rgb(253, 152, 51);
}
.content4-component.blue {
  background: #FFCD42;
}
.content4-component.blue .title-side .bullets-list li {
  border-color: white;
}
.content4-component.blue h2 {
  color: rgb(122, 244, 68);
}
.content4-component.blue .title-side {
  border-color: white;
  color: white;
}
.content4-component.blue .title-side h3 {
  color: white !important;
}
.content4-component.blue .title-side:after, .content4-component.blue .title-side:before {
  background: #FFCD42;
}
.content4-component.blue .title-side .item-button .button-icon {
  background: url(../image/arrow-down-white.svg) no-repeat center center !important;
}
.content4-component.blue .border-side {
  border-color: white;
}
.content4-component.blue .border-side:after, .content4-component.blue .border-side:before {
  background: #FFCD42;
}
.content4-component.black {
  background: rgb(20, 20, 20);
}
.content4-component.black .title-side .bullets-list li {
  border-color: white;
}
.content4-component.black h2 {
  color: white;
}
.content4-component.black .title-side {
  border-color: white;
  color: white;
}
.content4-component.black .title-side h3 {
  color: white !important;
}
.content4-component.black .title-side:after, .content4-component.black .title-side:before {
  background: rgb(20, 20, 20);
}
.content4-component.black .title-side .item-button .button-icon {
  background: url(../image/arrow-down-white.svg) no-repeat center center !important;
}
.content4-component.black .border-side {
  border-color: white;
}
.content4-component.black .border-side:after, .content4-component.black .border-side:before {
  background: rgb(20, 20, 20);
}
.content4-component.pink {
  background: #7DE689;
}
.content4-component.pink .title-side .bullets-list li {
  border-color: white;
}
.content4-component.pink h2 {
  color: white;
}
.content4-component.pink .title-side {
  border-color: white;
  color: white;
}
.content4-component.pink .title-side h3 {
  color: white !important;
}
.content4-component.pink .title-side:after, .content4-component.pink .title-side:before {
  background: #7DE689;
}
.content4-component.pink .title-side .item-button .button-icon {
  background: url(../image/arrow-down-white.svg) no-repeat center center !important;
}
.content4-component.pink .border-side {
  border-color: white;
}
.content4-component.pink .border-side:after, .content4-component.pink .border-side:before {
  background: #7DE689;
}
.content4-component .title-side {
  border-top: 1px solid rgb(20, 20, 20);
  border-left: 1px solid rgb(20, 20, 20);
  position: relative;
  box-sizing: border-box;
}
.content4-component .title-side:after {
  height: 98%;
  width: 1px;
  background: white;
  content: "";
  position: absolute;
  right: -1px;
  bottom: 0;
}
.content4-component .title-side:before {
  height: 98%;
  bottom: 0;
  width: 1px;
  background: white;
  content: "";
  position: absolute;
  left: -1px;
}
.content4-component .title-side {
  flex: 0 0 60%;
  padding-top: 8rem;
}
.content4-component .title-side h1, .content4-component .title-side h2, .content4-component .title-side p {
  max-width: 50rem;
}
.content4-component .title-side .bullets-list {
  overflow: hidden;
}
.content4-component .title-side .bullets-list.loading {
  background: url(../image/loader1.svg) no-repeat center center;
  background-size: 3.5rem;
}
.content4-component .title-side .bullets-list .item-button .button-icon {
  flex: 0 0 7rem;
  height: 7rem;
  background: white;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background: url(../image/arrow-down-black.svg) no-repeat center center;
  transition: 0.3s all;
}
.content4-component .title-side .bullets-list li {
  border-bottom: 1px solid rgb(140, 156, 204);
  padding: 2.4rem 0;
}
.content4-component .title-side .bullets-list li.open .button-icon {
  transform: rotate(180deg);
}
.content4-component .title-side .bullets-list li.exit {
  opacity: 0;
}
.content4-component .title-side .bullets-list h3 {
  color: rgb(20, 20, 20);
  max-width: 72rem;
  flex: 1 1 72rem;
  margin: 0;
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 600;
}
.content4-component .title-side .bullets-list .answer {
  height: 0;
  overflow: hidden;
}
.content4-component .title-side .bullets-list .answer p {
  max-width: 72rem;
  margin: 0;
  box-sizing: border-box;
  padding-top: 2.4rem;
}
.content4-component .border-side {
  flex: 0 0 40%;
  border-left: 1px solid rgb(20, 20, 20);
  border-right: 1px solid rgb(20, 20, 20);
  border-top: 1px solid rgb(20, 20, 20);
  position: relative;
  align-self: normal;
}
.content4-component .border-side:after {
  height: 98%;
  width: 1px;
  bottom: 0;
  background: white;
  content: "";
  position: absolute;
  left: -1px;
}
.content4-component .border-side:before {
  height: 98%;
  width: 1px;
  bottom: 0;
  background: white;
  content: "";
  position: absolute;
  right: -1px;
}
.content4-component .image-side {
  width: 40%;
  right: 0;
  padding-top: 2%;
}
.content4-component .image-mask {
  -webkit-mask-image: url(../image/mask4.svg);
  mask-image: url(../image/mask4.svg);
  -webkit-mask-size: contain;
  -webkit-mask-position: right center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: right center;
  -webkit-mask-repeat: no-repeat;
  min-height: 50%;
  max-height: 70%;
  width: 100%;
  aspect-ratio: 1/2;
  display: flex;
  justify-content: flex-end;
}
.content4-component .image-mask img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 1023px) {
  .content4-component.component {
    padding-bottom: 0 !important;
  }
  .content4-component .basic-grid {
    display: block;
  }
  .content4-component .basic-grid .border-side {
    display: none;
  }
  .content4-component .basic-grid .title-side {
    padding-left: 0 !important;
    border-right: 1px solid rgb(20, 20, 20);
    border-bottom: none;
    padding-top: 0;
  }
  .content4-component .basic-grid .title-side:before {
    height: 98%;
    bottom: 0;
    width: 3px;
    background: white;
    content: "";
    position: absolute;
    left: -2px;
  }
  .content4-component .basic-grid .title-side:after {
    height: 98%;
    width: 3px;
    background: white;
    content: "";
    position: absolute;
    right: -2px;
    bottom: 0;
  }
  .content4-component .basic-grid .title-side h2 {
    margin-bottom: 4rem;
  }
  .content4-component .basic-grid .title-side .bullets-list li {
    padding: 2rem 0;
  }
  .content4-component .basic-grid .title-side .bullets-list li .item-button {
    flex-wrap: wrap;
  }
  .content4-component .basic-grid .title-side .bullets-list li .item-button .button-icon {
    flex: 0 0 3rem;
    width: 3rem;
  }
  .content4-component .basic-grid .title-side .bullets-list li .item-button .kav {
    display: none;
  }
  .content4-component .basic-grid .title-side .bullets-list li:first-child {
    border-top: 1px solid white;
  }
  .content4-component .basic-grid .title-side .bullets-list li:last-child {
    border-bottom: none;
  }
  .content4-component .basic-grid .title-side .bullets-list h3 {
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 2.88rem */
    flex: 0 0 calc(100% - 4rem);
    width: auto;
  }
  .content4-component .basic-grid .title-side .bullets-list p {
    padding-top: 2.4rem;
  }
  .content4-component .basic-grid .image-side {
    position: static !important;
    width: 100%;
    height: 40rem;
    border: none;
    padding-top: 2rem;
  }
  .content4-component .basic-grid .image-side .image-mask {
    -webkit-mask-image: url(../image/vertical-mask.svg) !important;
    mask-image: url(../image/vertical-mask.svg) !important;
    -webkit-mask-size: contain !important;
    -webkit-mask-position: top center !important;
    -webkit-mask-repeat: no-repeat !important;
    -webkit-mask-size: contain !important;
    -webkit-mask-position: top center !important;
    -webkit-mask-repeat: no-repeat !important;
    height: 100% !important;
    width: 100% !important;
    max-height: none;
    display: flex;
    justify-content: flex-end;
  }
  .content4-component .basic-grid .image-side .image-mask img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.textpiccta-component {
  padding: 6rem;
  box-sizing: border-box;
  background: #7DE689;
}
.textpiccta-component.component {
  padding-bottom: 0;
}
.textpiccta-component .basic-grid {
  position: relative;
}
.textpiccta-component h2 {
  color: white;
  margin: 0;
}
.textpiccta-component h2 strong {
  color: rgb(122, 244, 68);
}
.textpiccta-component p {
  color: white;
  margin: 4rem 0;
}
.textpiccta-component button {
  border: none;
  background: rgb(122, 244, 68);
  color: rgb(20, 20, 20);
}
.textpiccta-component .title-side {
  flex: 0 0 60%;
  border-top: 1px solid white;
  border-left: 1px solid white;
  border-right: 1px solid white;
  min-height: 69vh;
  display: flex;
  position: relative;
  box-sizing: border-box;
}
.textpiccta-component .title-side .content {
  max-width: 60rem;
}
.textpiccta-component .title-side:after {
  height: 98%;
  width: 1px;
  background: #7DE689;
  content: "";
  position: absolute;
  right: -1px;
  bottom: 0;
}
.textpiccta-component .title-side:before {
  height: 98%;
  bottom: 0;
  width: 1px;
  background: #7DE689;
  content: "";
  position: absolute;
  left: -1px;
}
.textpiccta-component .border-side {
  flex: 0 0 40%;
  border-left: 1px solid white;
  border-right: 1px solid white;
  border-top: 1px solid white;
  position: relative;
  align-self: normal;
  display: none;
}
.textpiccta-component .border-side:after {
  height: 98%;
  width: 1px;
  bottom: 0;
  background: #7DE689;
  content: "";
  position: absolute;
  left: -1px;
}
.textpiccta-component .border-side:before {
  height: 98%;
  width: 1px;
  bottom: 0;
  background: #7DE689;
  content: "";
  position: absolute;
  right: -1px;
}
.textpiccta-component .image-side {
  width: 40%;
  height: calc(100% - 1px);
  bottom: 0;
  border-left: 1px solid white;
  padding-top: 3rem;
  box-sizing: border-box;
}
.textpiccta-component .image-side:before {
  height: 98%;
  width: 1px;
  background: #7DE689;
  content: "";
  position: absolute;
  left: -1px;
  bottom: 0;
}
.textpiccta-component .image-mask {
  -webkit-mask-image: url(../image/vertical-mask.svg);
  mask-image: url(../image/vertical-mask.svg);
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center bottom;
  -webkit-mask-repeat: no-repeat;
  height: 100%;
  width: 100%;
  aspect-ratio: 1/2;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.textpiccta-component .image-mask img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.textpiccta-component.black-theme {
  background: rgb(20, 20, 20);
}
.textpiccta-component.black-theme .title-side:before, .textpiccta-component.black-theme .title-side:after {
  background: rgb(20, 20, 20);
}
.textpiccta-component.black-theme .image-side:before {
  background: rgb(20, 20, 20);
}
@media screen and (max-width: 1023px) {
  .textpiccta-component.component {
    padding-bottom: 0 !important;
  }
  .textpiccta-component .image-side {
    position: static !important;
    width: 100%;
    height: 40rem;
    border: none;
    padding-top: 1rem;
  }
  .textpiccta-component .title-side {
    min-height: 0;
  }
  .textpiccta-component .border-side {
    display: none;
  }
}

.timeline-component {
  padding: 6rem 0 !important;
  box-sizing: border-box;
}
.timeline-component .padder {
  padding-left: 6rem;
  padding-right: 6rem;
  box-sizing: border-box;
}
.timeline-component .basic-grid {
  box-sizing: border-box;
}
.timeline-component h2 {
  margin: 0 0 6rem 0;
}
.timeline-component h2 strong {
  color: #7DE689;
  transition: 0.3s all;
}
.timeline-component p {
  margin: 0;
}
.timeline-component .splide {
  width: 100%;
}
.timeline-component .splide .spilde-head {
  justify-content: space-between;
  align-items: center;
}
.timeline-component .splide .splide__arrows {
  display: flex;
  gap: 1.6rem;
}
.timeline-component .splide .splide__arrow {
  position: static;
  width: 7rem;
  height: 7rem;
  flex: 0 0 7rem;
  border-radius: 50%;
  background-color: #F7FAFA;
}
.timeline-component .splide .splide__arrow svg {
  width: 2rem;
  height: 2rem;
}
.timeline-component .splide .splide__arrow svg path {
  transition: 0.3s all;
}
.timeline-component .quote_01-list li {
  height: 36rem;
  width: 53rem;
  padding: 4rem;
  box-sizing: border-box;
  background: rgb(247, 250, 250);
  opacity: 0.5;
  transition: 0.3s;
}
.timeline-component .quote_01-list li.is-active {
  opacity: 1;
  background: rgb(122, 244, 68);
}
.timeline-component .quote_01-list li .frame {
  height: 100%;
  display: flex;
}
.timeline-component .quote_01-list li .frame .quote-side {
  box-sizing: border-box;
  color: #FFCD42;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.timeline-component .quote_01-list li .frame .quote-side .years {
  font-size: 10rem;
  font-style: normal;
  font-weight: 800;
}
.timeline-component .quote_01-list li .frame .quote-side .quoted {
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 3.84rem */
}
.timeline-component .splide.is-initialized:not(.is-active) .splide__list.quote_01-list {
  display: flex;
}
@media screen and (max-width: 1023px) {
  .timeline-component.component {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .timeline-component h2 {
    margin-bottom: 4rem;
  }
  .timeline-component .quote_01-list li {
    width: 80vw;
    max-width: 35rem;
    height: 36rem;
    padding: 2rem;
  }
  .timeline-component .quote_01-list li .quote-side {
    justify-content: flex-start !important;
  }
  .timeline-component .quote_01-list li .frame .quote-side .years {
    font-size: 8rem;
    font-style: normal;
    font-weight: 800;
    line-height: 100%; /* 8rem */
  }
  .timeline-component .quote_01-list li .frame .quote-side .quoted {
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 2.8rem */
  }
  .timeline-component .padder {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.textpiccta3-component {
  aspect-ratio: 1/0.3;
  padding-top: 0 !important;
  overflow: hidden;
  background: #FFCD42;
}
.textpiccta3-component.white {
  background: white;
}
.textpiccta3-component.white form .input-wrapper {
  border-bottom: 1px solid #141414;
}
.textpiccta3-component.white input {
  color: #141414 !important;
}
.textpiccta3-component.white input::placeholder {
  color: #141414 !important;
}
.textpiccta3-component.white button {
  background: #FFCD42;
}
.textpiccta3-component.white button:after {
  background: url("../image/send-arrow-white.svg") no-repeat center;
}
.textpiccta3-component.white button:before {
  background: url("../image/send-arrow-white.svg") no-repeat center;
}
.textpiccta3-component.white .newsletter-left h2 {
  color: #141414;
}
.textpiccta3-component.white .newsletter-left h2 strong {
  color: #FFCD42;
}
.textpiccta3-component.white .newsletter-left p {
  color: #FFCD42;
}
.textpiccta3-component.blue .newsletter-left .text1 p {
  color: white;
}
.textpiccta3-component .newsletter-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
}
.textpiccta3-component .newsletter-left .content {
  max-width: 63rem;
}
.textpiccta3-component .newsletter-left h2 {
  white-space: pre-line;
  margin: 0 0 2rem 0;
  color: white;
}
.textpiccta3-component .newsletter-left h2 strong {
  color: rgb(122, 244, 68);
}
.textpiccta3-component .newsletter-left .text1 p {
  color: rgb(20, 20, 20);
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 2.8rem */
}
.textpiccta3-component .newsletter-left .text1 ul {
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 2.8rem */
}
.textpiccta3-component .newsletter-left .text1 ul li {
  border-bottom: 1px solid rgb(20, 20, 20);
  margin-bottom: 2rem;
  padding-bottom: 2rem;
}
.textpiccta3-component .newsletter-left .text1 ul li:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.textpiccta3-component .newsletter-left .text2 {
  margin-top: 6rem;
}
.textpiccta3-component .newsletter-left .text2 p {
  color: #FFCD42;
  margin: 0;
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 2.8rem */
}
.textpiccta3-component .newsletter-left form {
  max-width: 40rem;
  margin-top: 3rem;
}
.textpiccta3-component .newsletter-right {
  position: absolute;
  right: 0;
  height: 100%;
  aspect-ratio: 1/1;
}
.textpiccta3-component .newsletter-right .image-mask {
  border-radius: 50%;
  overflow: hidden;
  transform: scale(1.1);
}
.textpiccta3-component .newsletter-right .image-mask img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 1023px) {
  .textpiccta3-component {
    aspect-ratio: unset;
  }
  .textpiccta3-component.component {
    padding-bottom: 0 !important;
  }
  .textpiccta3-component .basic-grid {
    display: block;
  }
  .textpiccta3-component .newsletter-left {
    width: 100%;
  }
  .textpiccta3-component .newsletter-left .text2 {
    margin-top: 1rem;
  }
  .textpiccta3-component .newsletter-right {
    width: 110%;
    max-height: 40rem;
    display: flex;
    justify-content: flex-end;
    transform: translateY(2rem);
    position: static;
  }
  .textpiccta3-component .newsletter-right .image-mask {
    transform: none;
    max-width: 40rem;
    max-height: 40rem;
  }
}

.textpiccta4-component {
  background: #FFCD42;
  overflow: hidden;
  background: #FFCD42;
}
.textpiccta4-component .newsletter-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
}
.textpiccta4-component .newsletter-left .content {
  max-width: 63rem;
}
.textpiccta4-component .newsletter-left h2 {
  white-space: pre-line;
  margin: 0 0 2rem 0;
  color: rgb(122, 244, 68);
}
.textpiccta4-component .newsletter-left h2 strong {
  color: rgb(122, 244, 68);
}
.textpiccta4-component .newsletter-left .text1 p {
  color: white;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 2.24rem */
}
.textpiccta4-component .newsletter-left .text1 ul {
  color: white;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 2.24rem */
  margin-top: 3rem;
}
.textpiccta4-component .newsletter-left .text1 ul li {
  border-bottom: 1px solid white;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
}
.textpiccta4-component .newsletter-left .text1 ul li:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.textpiccta4-component .newsletter-left .open-contact {
  border: none;
  background: rgb(122, 244, 68);
  color: rgb(20, 20, 20);
  margin-top: 4.8rem;
  font-size: 3.2rem;
  font-weight: 600;
}
.textpiccta4-component .newsletter-left .open-contact:hover {
  background: #7DE689;
  color: white;
}
.textpiccta4-component .newsletter-right {
  max-width: 44vw;
  position: absolute;
  right: 0;
  height: 100%;
  display: flex;
  align-items: center;
  top: 0;
  aspect-ratio: 1/1;
}
.textpiccta4-component .newsletter-right .image-mask {
  border-radius: 50%;
  overflow: hidden;
  transform: scale(1.1);
}
.textpiccta4-component .newsletter-right .image-mask img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 1023px) {
  .textpiccta4-component.component {
    padding-bottom: 0 !important;
  }
  .textpiccta4-component .basic-grid {
    display: block;
  }
  .textpiccta4-component .newsletter-left {
    width: 100%;
    position: static;
  }
  .textpiccta4-component .newsletter-left .content {
    max-width: 100%;
  }
  .textpiccta4-component .newsletter-left .basic-btn {
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 2.4rem */
  }
  .textpiccta4-component .newsletter-right {
    position: static;
    max-width: 35rem;
    padding-top: 4rem;
    margin: auto;
  }
  .textpiccta4-component .newsletter-right .image-mask {
    transform-origin: top center;
    transform: scale(1.2);
  }
}

.icon-bullets {
  padding: 6rem;
  box-sizing: border-box;
}
.icon-bullets .head {
  max-width: 60%;
}
.icon-bullets .head h2 {
  margin: 0 0 3rem 0;
  white-space: pre-line;
}
.icon-bullets .head p {
  margin: 4rem 0;
}
.icon-bullets .splide {
  width: 100%;
}
.icon-bullets .awards-list {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2.4rem;
}
.icon-bullets .awards-list li {
  flex: 1 1 10%;
  padding: 2.4rem;
  box-sizing: border-box;
  color: rgb(20, 20, 20);
  text-decoration: none;
}
.icon-bullets .awards-list li img {
  width: 6rem;
  height: 6rem;
}
.icon-bullets .awards-list li h3 {
  flex-grow: 1;
  margin-top: 7rem;
  margin-bottom: 2rem;
}
.icon-bullets .awards-list li .read-more {
  text-decoration: underline;
}
.icon-bullets .basic-btn {
  margin-top: 4rem;
  border: none;
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 600;
}
.icon-bullets.grey-theme li {
  background: #F7FAFA;
}
.icon-bullets.grey-theme .basic-btn {
  background: #7DE689;
  color: white;
}
.icon-bullets.grey-theme .basic-btn:hover {
  background: rgb(122, 244, 68);
}
.icon-bullets.white-theme {
  background: #F7FAFA;
}
.icon-bullets.white-theme li {
  background: #ffffff;
}
.icon-bullets.white-theme .basic-btn {
  background: #7DE689;
  color: white;
}
.icon-bullets.white-theme .basic-btn:hover {
  background: rgb(122, 244, 68);
}
.icon-bullets.blue-theme li {
  background: #FFCD42;
  color: white;
}
.icon-bullets.blue-theme .basic-btn {
  background: #7DE689;
  color: white;
}
.icon-bullets.blue-theme .basic-btn:hover {
  background: rgb(122, 244, 68);
}
.icon-bullets.pink-theme li {
  background: #7DE689;
  color: white;
}
.icon-bullets.pink-theme .basic-btn {
  background: #7DE689;
  color: white;
}
.icon-bullets.pink-theme .basic-btn:hover {
  background: rgb(122, 244, 68);
}
.icon-bullets.green-theme li {
  background: rgb(122, 244, 68);
}
.icon-bullets.green-theme .basic-btn {
  background: #FFCD42;
  color: white;
}
.icon-bullets.green-theme .basic-btn:hover {
  background: #7DE689;
}
.icon-bullets.orange-theme {
  background: #141414;
}
.icon-bullets.orange-theme h2 {
  color: white;
}
.icon-bullets.orange-theme li {
  background: rgb(253, 152, 51);
}
.icon-bullets.orange-theme .basic-btn {
  background: #FFCD42;
  color: white;
}
.icon-bullets.orange-theme .basic-btn:hover {
  background: #7DE689;
}
@media screen and (max-width: 1023px) {
  .icon-bullets.component {
    padding: 4rem 0 !important;
  }
  .icon-bullets .head {
    max-width: unset;
  }
  .icon-bullets .head p {
    padding: 0 1.6rem;
    box-sizing: border-box;
  }
  .icon-bullets .big-title {
    padding: 0 1.6rem;
    box-sizing: border-box;
    margin-bottom: 4rem;
  }
  .icon-bullets .awards-list {
    justify-content: unset;
    flex-wrap: nowrap;
    gap: 0;
  }
  .icon-bullets .awards-list li {
    flex: 0 0 calc(25% - 2.2rem);
  }
  .icon-bullets .awards-list li div.inner {
    width: 70vw;
    max-width: 40rem;
  }
  .icon-bullets .awards-list li div.inner h3 {
    font-size: 3.2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 3.84rem */
  }
  .icon-bullets .open-contact {
    margin-left: 1.6rem;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 2.4rem */
    padding: 0.8rem 2rem;
  }
}

.imagebullets-component {
  overflow: hidden;
  background: #f7fafa;
}
.imagebullets-component h2 {
  white-space: pre-line;
  margin: 0 0 2rem 0;
  max-width: 60%;
}
.imagebullets-component h2 strong {
  color: #FFCD42;
}
.imagebullets-component p {
  margin: 0;
  max-width: 95%;
}
.imagebullets-component ul {
  margin-top: 6rem;
}
.imagebullets-component .image-bullet-item {
  align-items: center;
  aspect-ratio: 1/0.4;
}
.imagebullets-component .image-bullet-item h3 {
  margin-bottom: 3rem;
}
.imagebullets-component .image-bullet-item p {
  margin: 0;
}
.imagebullets-component .image-bullet-item .image-border-place-holder {
  content: "";
  display: block;
  flex: 0 0 50%;
  height: 100%;
  position: relative;
  border-left: 1px solid rgb(20, 20, 20);
  border-top: 1px solid rgb(20, 20, 20);
  box-sizing: border-box;
}
.imagebullets-component .image-bullet-item .image-border-place-holder:before {
  content: "";
  display: block;
  position: absolute;
  left: -1px;
  bottom: 0;
  height: 97%;
  width: 1px;
  background: #f7fafa;
}
.imagebullets-component .image-bullet-item:nth-child(even) {
  flex-direction: row-reverse;
}
.imagebullets-component .image-bullet-item:nth-child(even) .content {
  left: -100rem;
}
.imagebullets-component .image-bullet-item:nth-child(even) .image-side {
  right: 0;
  left: auto;
  right: -100rem;
}
.imagebullets-component .image-bullet-item:nth-child(even) .image-border-place-holder {
  content: "";
  display: block;
  flex: 0 0 50%;
  height: 100%;
  position: relative;
  border-right: 1px solid rgb(20, 20, 20);
  border-left: none;
}
.imagebullets-component .image-bullet-item:nth-child(even) .image-border-place-holder:before {
  content: "";
  display: block;
  position: absolute;
  right: -1px;
  left: auto;
  bottom: 0;
  height: 97%;
  width: 1px;
  background: #f7fafa;
}
.imagebullets-component .image-bullet-item:nth-child(odd) .content {
  right: -100rem;
}
.imagebullets-component .image-bullet-item .image-side {
  width: 48vw;
  position: absolute;
  left: -100rem;
}
.imagebullets-component .image-bullet-item .image-side img {
  width: 100%;
  height: auto;
}
.imagebullets-component .image-bullet-item .text-side {
  border-top: 1px solid rgb(20, 20, 20);
  flex: 0 0 50%;
  position: relative;
  border-left: 1px solid rgb(20, 20, 20);
  border-right: 1px solid rgb(20, 20, 20);
  height: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  justify-content: center;
  padding-left: 6rem;
}
.imagebullets-component .image-bullet-item .text-side:before {
  content: "";
  display: block;
  position: absolute;
  left: -1px;
  bottom: 0;
  height: 97%;
  width: 1px;
  background: #f7fafa;
}
.imagebullets-component .image-bullet-item .text-side:after {
  content: "";
  display: block;
  position: absolute;
  right: -1px;
  bottom: 0;
  height: 97%;
  width: 1px;
  background: #f7fafa;
}
@media screen and (max-width: 1023px) {
  .imagebullets-component .image-bullet-item {
    display: flex;
    flex-direction: column-reverse !important;
    aspect-ratio: unset;
    margin-bottom: 5.2rem;
  }
  .imagebullets-component .image-bullet-item .text-side {
    padding: 0 !important;
  }
  .imagebullets-component .image-bullet-item .text-side h3 {
    font-size: 3.2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 3.84rem */
  }
  .imagebullets-component .image-bullet-item .text-side p {
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 2.8rem */
  }
  .imagebullets-component .image-bullet-item .image-side {
    position: relative;
    width: 95vw;
    max-width: 35rem;
    padding-top: 4rem;
    align-self: flex-start;
    transform: translateX(-1.6rem);
  }
  .imagebullets-component .image-bullet-item .image-side img {
    width: 100%;
    height: auto;
    max-width: 37rem;
  }
  .imagebullets-component .image-bullet-item .text-side .content {
    height: auto;
  }
  .imagebullets-component .image-bullet-item:nth-child(even) .image-side {
    transform: translateX(1.6rem);
    align-self: flex-end;
  }
}

.titlecta-component {
  background: rgb(122, 244, 68);
  padding-top: 12rem !important;
  padding-bottom: 12rem !important;
}
.titlecta-component .basic-grid {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.titlecta-component h2 {
  white-space: pre-line;
  text-align: center;
  color: rgb(20, 20, 20);
  margin-top: 0;
}
.titlecta-component h2 strong {
  color: #FFCD42;
}
.titlecta-component p {
  margin-top: 0;
  margin-bottom: 3.8rem;
  white-space: pre-line;
  text-align: center;
}
.titlecta-component .basic-btn {
  background: #FFCD42;
  color: white;
  border: none;
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 600;
  padding: 0.7rem 2rem;
}
.titlecta-component .basic-btn:hover {
  background: #7DE689;
}
@media screen and (max-width: 1023px) {
  .titlecta-component h2 {
    font-size: 3.2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 3.84rem */
  }
  .titlecta-component .basic-btn {
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 2.4rem */
    padding: 0.8rem 2rem;
  }
}

.video-component h2 {
  white-space: pre-line;
  margin: 0 0 2rem 0;
  max-width: 75%;
}
.video-component h2 strong {
  color: #FFCD42;
}
.video-component p {
  font-weight: 700;
  margin: 0;
  max-width: 50%;
}
.video-component .video-wrapper {
  aspect-ratio: 16/8;
  max-width: 108rem;
  margin: 4rem auto;
}
.video-component .video-wrapper .yt-video, .video-component .video-wrapper youtube, .video-component .video-wrapper iframe {
  width: 100%;
  height: 100%;
  display: block;
}
.video-component .video-wrapper video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 1023px) {
  .video-component h2 {
    max-width: 100%;
  }
  .video-component p {
    max-width: 100%;
  }
  .video-component .video-wrapper {
    margin-bottom: 0;
  }
}

.videogallerystory-component h2 {
  white-space: pre-line;
  margin: 0 0 2rem 0;
  max-width: 50%;
}
.videogallerystory-component h2 strong {
  color: #FFCD42;
}
.videogallerystory-component p {
  font-weight: 700;
  margin: 0;
  max-width: 50%;
}
.videogallerystory-component .videos-splide .splide__pagination {
  position: static;
  margin-top: 2rem;
}
.videogallerystory-component .videos-splide .splide__pagination button {
  background: #CCCDFB;
}
.videogallerystory-component .videos-splide .splide__pagination button.is-active {
  background: #FFCD42;
  transform: none !important;
}
.videogallerystory-component .video-list-by-cat .splide__arrow {
  width: 7rem;
  height: 7rem;
  flex: 0 0 7rem;
  border-radius: 50%;
  background-color: #F7FAFA;
}
.videogallerystory-component .video-list-by-cat .splide__arrow svg {
  width: 2rem;
  height: 2rem;
}
.videogallerystory-component .video-list-by-cat .splide__arrow svg path {
  fill: #FFCD42;
}
.videogallerystory-component .splide__slide__row li {
  aspect-ratio: 9/15;
}
.videogallerystory-component .splide__slide__row li .inner {
  width: 100%;
  height: 100%;
}
.videogallerystory-component .splide__slide__row li .inner youtube-video {
  width: 100%;
  height: 100%;
  display: block;
}
.videogallerystory-component .splide__slide__row li .inner youtube-video iframe {
  width: 100%;
  height: 100%;
}
.videogallerystory-component .splide__slide__row li video, .videogallerystory-component .splide__slide__row li .yt-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.videogallerystory-component .video-categories-list {
  margin-bottom: 4rem !important;
}
.videogallerystory-component .video-categories-list .is-active.is-visible {
  border: none !important;
  outline: none !important;
}
.videogallerystory-component .video-categories-list .is-active.is-visible button {
  background: #FFCD42;
  color: white;
}
.videogallerystory-component .video-categories-list button {
  padding: 1.2rem 2.4rem;
  background: #F7FAFA;
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  color: #FFCD42;
  border: none !important;
  transition: 0.3s all;
}
.videogallerystory-component .video-categories-list button:hover {
  background: #FFCD42;
  color: white;
}
@media screen and (max-width: 1023px) {
  .videogallerystory-component .big-title {
    max-width: unset;
    margin-bottom: 6rem;
  }
  .videogallerystory-component .video-list li .inner {
    position: relative;
    max-width: 25rem;
    width: 100%;
  }
  .videogallerystory-component .video-list li .inner video {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
}

.media-partners-component {
  padding: 6rem;
  box-sizing: border-box;
  background: #F7FAFA;
}
.media-partners-component h2 {
  margin-bottom: 3rem;
  white-space: pre-line;
}
.media-partners-component .tp {
  margin-top: 0;
  margin-bottom: 6rem;
  white-space: pre-line;
}
.media-partners-component .faq-list {
  flex-wrap: wrap;
  gap: 3rem;
  justify-content: center;
}
.media-partners-component .faq-list.loading {
  background: url(../image/loader1.svg) no-repeat center center;
  background-size: 3.5rem;
}
.media-partners-component .faq-list .inner {
  width: 24rem;
  height: 16rem;
  border: 1px solid rgba(140, 156, 204, 0.2);
  background: white;
}
.media-partners-component .faq-list .inner img {
  width: 100%;
  height: 100%;
}
.media-partners-component .categories-buttons-list {
  gap: 1.6rem;
  flex-wrap: wrap;
  margin-bottom: 4rem;
}
.media-partners-component .faq-cta {
  margin-top: 4rem;
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  color: #FFCD42;
  background: #FFCD42;
  display: inline-block;
  padding: 1.2rem 2.4rem;
  transition: 0.3s all;
  color: white;
  height: auto !important;
  border: none;
}
.media-partners-component .faq-cta:hover {
  background: #7DE689;
}
.media-partners-component .bottom-line {
  text-align: center;
  margin-top: 6rem;
}
.media-partners-component .cta {
  display: flex;
  justify-content: center;
}
.media-partners-component .cta .basic-btn {
  background: rgb(253, 152, 51);
  color: rgb(20, 20, 20);
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 600;
  padding-top: 0;
  padding-bottom: 0;
}
.media-partners-component .cta .basic-btn:hover {
  background: rgb(122, 244, 68);
}
@media screen and (max-width: 1023px) {
  .media-partners-component h2 {
    margin-top: 0;
  }
  .media-partners-component .categories-buttons-list {
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: auto;
    width: 100%;
  }
  .media-partners-component .faq-list {
    gap: 0;
    justify-content: space-between;
    row-gap: 2rem;
  }
  .media-partners-component .faq-list li {
    flex: 0 0 47%;
  }
  .media-partners-component .faq-list li .inner {
    width: 100%;
    height: auto;
  }
}

.round-icon-bullets {
  padding: 6rem;
  box-sizing: border-box;
  background: #F7FAFA;
}
.round-icon-bullets .head {
  max-width: 60%;
}
.round-icon-bullets .head h2 {
  margin: 0 0 3rem 0;
}
.round-icon-bullets .head p {
  margin: 4rem 0;
}
.round-icon-bullets .splide {
  width: 100%;
}
.round-icon-bullets .splide__track {
  overflow: visible !important;
}
.round-icon-bullets .awards-list {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2.4rem;
  margin-top: 9rem;
}
.round-icon-bullets .awards-list li {
  flex: 1 1 10%;
  padding: 2.4rem;
  box-sizing: border-box;
  min-height: 32rem;
  color: rgb(20, 20, 20);
  text-decoration: none;
}
.round-icon-bullets .awards-list li .inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.round-icon-bullets .awards-list li .awards-item {
  width: 16.4rem;
  height: 16.4rem;
  margin: -5rem auto 0;
  background: #FFCD42;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.round-icon-bullets .awards-list li img {
  width: 6rem;
  height: 6rem;
}
.round-icon-bullets .awards-list li p {
  flex-grow: 1;
  margin-top: 7rem;
  margin-bottom: 2rem;
}
.round-icon-bullets .awards-list li .read-more {
  text-decoration: underline;
}
.round-icon-bullets .basic-btn {
  margin-top: 4rem;
  border: none;
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 600;
}
.round-icon-bullets li {
  background: rgb(253, 152, 51);
}
.round-icon-bullets .basic-btn {
  background: #7DE689;
  color: white;
}
.round-icon-bullets .basic-btn:hover {
  background: rgb(122, 244, 68);
}
.round-icon-bullets .bottom-line {
  text-align: center;
  margin-top: 6rem;
}
.round-icon-bullets .cta {
  display: flex;
  justify-content: center;
}
.round-icon-bullets .cta .basic-btn {
  background: rgb(253, 152, 51);
  color: rgb(20, 20, 20);
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 600;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
}
.round-icon-bullets .cta .basic-btn:hover {
  background: rgb(122, 244, 68);
}
@media screen and (max-width: 1023px) {
  .round-icon-bullets.component {
    padding: 4rem 0 !important;
    overflow: hidden;
  }
  .round-icon-bullets .head {
    max-width: unset;
  }
  .round-icon-bullets .head p {
    padding: 0 1.6rem;
    box-sizing: border-box;
  }
  .round-icon-bullets .big-title {
    padding: 0 1.6rem;
    box-sizing: border-box;
    margin-bottom: 4rem;
  }
  .round-icon-bullets .splide__track {
    overflow: visible !important;
  }
  .round-icon-bullets .awards-list {
    justify-content: unset;
    flex-wrap: nowrap;
    gap: 0;
  }
  .round-icon-bullets .awards-list li {
    flex: 0 0 calc(25% - 2.2rem);
  }
  .round-icon-bullets .awards-list li div.inner {
    width: 70vw;
    max-width: 40rem;
  }
  .round-icon-bullets .awards-list li div.inner h3 {
    font-size: 3.2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 3.84rem */
  }
  .round-icon-bullets .awards-list li div.inner p {
    margin-top: 3rem;
  }
  .round-icon-bullets .open-contact {
    margin-left: 1.6rem;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 2.4rem */
    padding: 0.8rem 2rem;
  }
}

.paragraph-component {
  background: #7DE689;
}
.paragraph-component p {
  color: white;
  max-width: 50vw;
}
@media screen and (max-width: 1023px) {
  .paragraph-component p {
    color: white;
    max-width: none;
  }
}

.sixposts-component .pagination .pages {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
  flex-wrap: wrap;
}
.sixposts-component .pagination .pages button {
  border: none;
}
.sixposts-component .years-buttons-list {
  gap: 1.6rem;
  flex-wrap: wrap;
  margin-bottom: 4rem;
  display: flex;
}
.sixposts-component .years-buttons-list button {
  border: none;
  background: rgb(247, 250, 250);
}
.sixposts-component .years-buttons-list button:hover, .sixposts-component .years-buttons-list button.active {
  background: #FFCD42;
}
.sixposts-component .posts-list.six-posts-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.4rem;
  padding-bottom: 12rem;
}
.sixposts-component .posts-list.six-posts-grid.loading {
  background: url(../image/loader1.svg) no-repeat center center;
  background-size: 3.5rem;
}
.sixposts-component .posts-list.six-posts-grid li a {
  display: block;
  width: 100%;
  height: 48.3rem;
  text-decoration: none;
  transition: 0.3s all;
}
.sixposts-component .posts-list.six-posts-grid li a:hover {
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
}
.sixposts-component .posts-list.six-posts-grid li a:hover .post-thumb img {
  transform: scale(1.05);
}
.sixposts-component .posts-list.six-posts-grid li a .category {
  margin: 0 0 1.2rem 0;
  padding: 0 0 1.2rem 0;
  border-bottom: 1px solid white;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
}
.sixposts-component .posts-list.six-posts-grid li a h2 {
  margin: 0;
}
.sixposts-component .posts-list.six-posts-grid li a .text-side {
  padding: 2.4rem;
  box-sizing: border-box;
}
.sixposts-component .posts-list.six-posts-grid li a .text-side h2 {
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
}
.sixposts-component .posts-list.six-posts-grid li a .post-thumb {
  overflow: hidden;
}
.sixposts-component .posts-list.six-posts-grid li a .post-thumb.pattern {
  background: url(../image/blog_pattern.jpg) repeat;
  background-size: 20rem;
}
.sixposts-component .posts-list.six-posts-grid li a .post-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s all;
}
.sixposts-component .posts-list.six-posts-grid li:nth-child(3n+1) a {
  display: flex;
  flex-direction: column;
  background-color: #FFCD42;
  color: white;
}
.sixposts-component .posts-list.six-posts-grid li:nth-child(3n+1) a .post-thumb {
  width: 100%;
  height: 32rem;
}
.sixposts-component .posts-list.six-posts-grid li:nth-child(3n+2) a {
  display: flex;
  flex-direction: column;
  background-color: rgb(122, 244, 68);
  color: rgb(20, 20, 20);
}
.sixposts-component .posts-list.six-posts-grid li:nth-child(3n+2) a .post-thumb {
  width: 100%;
  height: 32rem;
}
.sixposts-component .posts-list.six-posts-grid li:nth-child(3n+2) a .category {
  border-bottom: 1px solid rgb(20, 20, 20);
}
.sixposts-component .posts-list.six-posts-grid li:nth-child(3n+3) a {
  display: flex;
  flex-direction: column;
  background-color: rgb(253, 152, 51);
  color: rgb(20, 20, 20);
}
.sixposts-component .posts-list.six-posts-grid li:nth-child(3n+3) a .post-thumb {
  width: 100%;
  height: 32rem;
}
.sixposts-component .posts-list.six-posts-grid li:nth-child(3n+3) a .category {
  border-bottom: 1px solid rgb(20, 20, 20);
}
@media screen and (max-width: 1023px) {
  .sixposts-component .years-buttons-list {
    flex-wrap: nowrap;
    overflow: auto;
    width: 100%;
  }
  .sixposts-component .posts-list {
    display: block !important;
    padding-bottom: 0 !important;
  }
  .sixposts-component .posts-list li {
    margin-bottom: 1.6rem;
  }
  .sixposts-component .posts-list li:nth-child(1) a {
    display: flex;
    flex-direction: column;
    background-color: #FFCD42;
    color: white;
  }
  .sixposts-component .posts-list li:nth-child(1) a .post-thumb {
    width: 100%;
    height: 32rem;
  }
}

.fourposts-component .dotdotdot {
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  color: #FFCD42;
  padding: 1.2rem 2.4rem;
}
.fourposts-component .pagination .pages {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
  flex-wrap: wrap;
}
.fourposts-component .pagination .pages button {
  border: none;
}
.fourposts-component .years-buttons-list {
  gap: 1.6rem;
  flex-wrap: wrap;
  margin-bottom: 4rem;
  display: flex;
}
.fourposts-component .years-buttons-list button {
  border: none;
  background: rgb(247, 250, 250);
}
.fourposts-component .years-buttons-list button:hover, .fourposts-component .years-buttons-list button.active {
  background: #FFCD42;
}
.fourposts-component .posts-list.four-posts-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.4rem;
  padding-bottom: 12rem;
}
.fourposts-component .posts-list.four-posts-grid.loading {
  background: url(../image/loader1.svg) no-repeat center center;
  background-size: 3.5rem;
}
.fourposts-component .posts-list.four-posts-grid li a {
  display: block;
  width: 100%;
  height: 20rem;
  text-decoration: none;
  transition: 0.3s all;
  display: flex;
  background: #F7FAFA;
}
.fourposts-component .posts-list.four-posts-grid li a:hover {
  background: #FFCD42;
  color: white;
}
.fourposts-component .posts-list.four-posts-grid li a:hover p.category {
  border-color: white;
}
.fourposts-component .posts-list.four-posts-grid li a:hover .post-thumb img {
  transform: scale(1.05);
}
.fourposts-component .posts-list.four-posts-grid li a .post-thumb {
  flex: 0 0 20rem;
  height: 20rem;
}
.fourposts-component .posts-list.four-posts-grid li a .category {
  margin: 0 0 1.2rem 0;
  padding: 0 0 1.2rem 0;
  border-bottom: 1px solid #FFCD42;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
}
.fourposts-component .posts-list.four-posts-grid li a h2 {
  margin: 0;
}
.fourposts-component .posts-list.four-posts-grid li a .text-side {
  padding: 2.4rem;
  box-sizing: border-box;
}
.fourposts-component .posts-list.four-posts-grid li a .text-side h2 {
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
}
.fourposts-component .posts-list.four-posts-grid li a .post-thumb {
  overflow: hidden;
}
.fourposts-component .posts-list.four-posts-grid li a .post-thumb.pattern {
  background: url(../image/blog_pattern.jpg) repeat;
  background-size: 20rem;
}
.fourposts-component .posts-list.four-posts-grid li a .post-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s all;
}
@media screen and (max-width: 1023px) {
  .fourposts-component .years-buttons-list {
    flex-wrap: nowrap;
    overflow: auto;
    width: 100%;
  }
  .fourposts-component .posts-list {
    display: block !important;
    padding-bottom: 0 !important;
  }
  .fourposts-component .posts-list li {
    margin-bottom: 1.6rem;
  }
  .fourposts-component .posts-list li a {
    display: flex;
    flex-direction: column;
    background-color: white;
    color: black;
    height: auto !important;
  }
  .fourposts-component .posts-list li a .category {
    border-color: black !important;
  }
  .fourposts-component .posts-list li a .post-thumb {
    width: 100%;
    height: 32rem;
  }
}

.stockdata-component .basic-grid {
  position: relative;
  z-index: 9;
}
.stockdata-component .brand-animation-stage {
  pointer-events: none;
}
.stockdata-component .animation-holder {
  width: 14rem;
  height: 100%;
  animation: zoomed-brand-2 10s;
  transform: translateX(10vw);
  animation-iteration-count: infinite;
}
.stockdata-component .top-shpitz {
  width: 14rem;
  height: 27rem;
  background: url(../image/top-shpitz.svg) no-repeat top center !important;
  background-size: contain;
  position: absolute;
  top: 0;
  margin: auto;
}
.stockdata-component .bottom-shpitz {
  width: 14rem;
  height: 10rem;
  background: url(../image/bottom-shpitz.svg) no-repeat bottom center !important;
  background-size: contain;
  position: absolute;
  bottom: 0;
  margin: auto;
}
.stockdata-component h2 {
  white-space: pre-line;
  margin: 0 0 2rem 0;
  text-transform: capitalize;
}
.stockdata-component h2 strong {
  color: #FFCD42;
}
.stockdata-component p {
  font-weight: 700;
  margin: 0 0 1.5rem;
  margin: 4rem 0;
}
.stockdata-component .basic-btn {
  margin-top: 2rem;
  background: #FFCD42;
  color: white;
  border: none;
}
.stockdata-component .basic-btn:hover {
  background: rgb(247, 250, 250);
  color: #FFCD42;
}
.stockdata-component .content-container {
  gap: 4rem;
}
.stockdata-component .right-side {
  flex-grow: 1;
  max-width: 60rem;
}
.stockdata-component .left-side {
  flex: 0 0 62rem;
}
.stockdata-component .stock-list {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.stockdata-component .stock-list .stock-item {
  flex: 0 0 40%;
  aspect-ratio: 1/0.3;
  border-radius: 1rem;
  background-color: #fff;
  text-align: left;
  color: #011a41;
  box-sizing: border-box;
  padding: 2rem;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
}
.stockdata-component .stock-list .stock-item .label {
  font-size: 2.1rem;
}
.stockdata-component .stock-list .stock-item .name {
  font-size: 5rem;
  font-weight: 700;
}
.stockdata-component .stock-list .stock-item .icon-1, .stockdata-component .stock-list .stock-item .icon-2 {
  float: right;
  width: 8rem;
  height: 8rem;
}
.stockdata-component .stock-list .stock-item .icon-1 {
  background: url(../image/i-inv1.png) center no-repeat;
  background-size: 8rem;
}
.stockdata-component .stock-list .stock-item .icon-2 {
  background: url(../image/i-inv2.png) center no-repeat;
  background-size: 8rem;
}
@media screen and (max-width: 1023px) {
  .stockdata-component .brand-animation-stage {
    display: none;
  }
  .stockdata-component h2 {
    font-size: 3.2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
  }
  .stockdata-component h2, .stockdata-component p {
    max-width: unset;
  }
  .stockdata-component .content-container {
    display: block;
  }
  .stockdata-component .stock-list {
    flex-direction: column;
    gap: 2rem;
  }
  .stockdata-component .stock-list .stock-item {
    flex: 0 0 100%;
    margin-bottom: 2rem;
    align-items: flex-start;
    overflow: hidden;
    margin: 0;
    aspect-ratio: 1/0.35;
  }
  .stockdata-component .stock-list .stock-item .name {
    font-size: 3.5rem;
  }
  .stockdata-component .stock-list .stock-item .icon-1, .stockdata-component .stock-list .stock-item .icon-2 {
    width: 5rem;
    height: 5rem;
    background-size: 5rem;
  }
}

@keyframes zoomed-brand-2 {
  0% {
    transform: translateX(50vw);
  }
  20% {
    transform: translateX(80vw);
  }
  40% {
    transform: translateX(50vw);
  }
  60% {
    transform: translateX(60vw);
  }
  70% {
    transform: translateX(50vw);
  }
  100% {
    transform: translateX(50vw);
  }
}
.map-component {
  background: #FFCD42;
}
.map-component h2 {
  white-space: pre-line;
  margin: 0 0 2rem 0;
  max-width: 60%;
  color: white;
}
.map-component img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1023px) {
  .map-component h2 {
    max-width: 100%;
  }
}

.richcontent-component.component {
  padding-top: 0 !important;
}
.richcontent-component .basic-grid {
  max-width: 80rem;
  margin: 0 5.5rem;
}
.richcontent-component p, .richcontent-component ul, .richcontent-component li, .richcontent-component ol, .richcontent-component tr, .richcontent-component td, .richcontent-component table {
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 2.8rem */
}
.richcontent-component h2, .richcontent-component h3, .richcontent-component h4 {
  font-size: 2.4rem;
}
.richcontent-component ul {
  list-style: disc !important;
  padding-left: 2rem;
}
.richcontent-component h3 {
  font-size: 2.4rem;
}
@media screen and (max-width: 1023px) {
  .richcontent-component .table-wrapper {
    overflow-x: scroll;
  }
  .richcontent-component .basic-grid {
    margin: 0;
  }
}

.stockgraph-component .graph-con {
  height: 54rem;
}
.newsletter1-component {
  height: 40rem;
  overflow: hidden;
  background: #FFCD42;
}
.newsletter1-component .basic-grid {
  justify-content: space-between;
  align-items: center;
  border: 1px solid white;
}
.newsletter1-component.white {
  background: white;
}
.newsletter1-component.white .basic-grid {
  border: 1px solid #FFCD42;
}
.newsletter1-component.white form .input-wrapper {
  border-bottom: 1px solid #141414;
}
.newsletter1-component.white input {
  color: #141414 !important;
}
.newsletter1-component.white input::placeholder {
  color: #141414 !important;
}
.newsletter1-component.white button {
  background: #FFCD42;
}
.newsletter1-component.white button:after {
  background: url("../image/send-arrow-white.svg") no-repeat center;
}
.newsletter1-component.white button:before {
  background: url("../image/send-arrow-white.svg") no-repeat center;
}
.newsletter1-component.white .newsletter-left {
  border-right: 1px solid #FFCD42;
}
.newsletter1-component.white .newsletter-left:before {
  background: white;
}
.newsletter1-component.white .newsletter-left:after {
  background: white;
}
.newsletter1-component.white .newsletter-right:after, .newsletter1-component.white .newsletter-right:before {
  background: white;
}
.newsletter1-component.white .newsletter-left h2,
.newsletter1-component.white .newsletter-right h2 {
  color: #141414;
}
.newsletter1-component.white .newsletter-left h2 strong,
.newsletter1-component.white .newsletter-right h2 strong {
  color: #FFCD42;
}
.newsletter1-component.white .newsletter-left p,
.newsletter1-component.white .newsletter-right p {
  color: #FFCD42;
}
.newsletter1-component .wpcf7 {
  margin: 3.2rem 0;
}
.newsletter1-component form {
  position: relative;
}
.newsletter1-component form .input-wrapper {
  display: grid !important;
  grid-template-columns: calc(100% - 3.2rem) 3.2rem;
  align-items: center !important;
  border-bottom: 1px solid #fff;
  padding-bottom: 1rem;
}
.newsletter1-component form .wpcf7-response-output {
  flex: 0 0 100%;
  bottom: 0;
  height: 100%;
  margin: 0.5rem 0 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: rgb(253, 152, 51) !important;
  font-size: 1.2rem !important;
}
.newsletter1-component form .wpcf7-not-valid-tip {
  position: absolute;
  right: 2rem;
  top: 0;
  color: #7DE689 !important;
}
.newsletter1-component input {
  background: none !important;
  color: #fff !important;
  border: none !important;
  width: 100%;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  border-bottom: 1px solid #fff;
}
.newsletter1-component input::placeholder {
  color: #fff !important;
}
.newsletter1-component button {
  width: 3.2rem;
  height: 3.2rem;
  background: rgb(122, 244, 68);
  border: none;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.newsletter1-component button:hover:after {
  left: 100%;
}
.newsletter1-component button:hover:before {
  left: 0;
}
.newsletter1-component button:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../image/send-arrow-blue.svg") no-repeat center;
  background-size: 1.2rem;
  transition: 0.3s all;
}
.newsletter1-component button:before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: url("../image/send-arrow-blue.svg") no-repeat center;
  background-size: 1.2rem;
  transition: 0.3s all;
}
.newsletter1-component .newsletter-left {
  border-right: 1px solid white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  height: 100%;
  flex: 0 0 55%;
}
.newsletter1-component .newsletter-left h2 {
  white-space: pre-line;
  margin: 0 0 2rem 0;
  color: white;
}
.newsletter1-component .newsletter-left h2 strong {
  color: rgb(122, 244, 68);
}
.newsletter1-component .newsletter-left p {
  color: rgb(122, 244, 68);
  font-weight: 700;
  margin: 0;
}
.newsletter1-component .newsletter-left form {
  max-width: 40rem;
  margin-top: 3rem;
}
.newsletter1-component .newsletter-left:before {
  position: absolute;
  right: -1px;
  height: 90%;
  width: 1px;
  content: "";
  transition: 0.3s all;
  top: 5%;
  background: #FFCD42;
}
.newsletter1-component .newsletter-left:after {
  position: absolute;
  left: -1px;
  height: 90%;
  width: 1px;
  content: "";
  transition: 0.3s all;
  top: 5%;
  background: #FFCD42;
}
.newsletter1-component .newsletter-right {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  padding-right: 6rem;
  padding-left: 6rem;
  box-sizing: border-box;
  align-items: center;
}
.newsletter1-component .newsletter-right:after {
  position: absolute;
  right: -1px;
  height: 90%;
  width: 1px;
  content: "";
  transition: 0.3s all;
  top: 5%;
  background: #FFCD42;
}
.newsletter1-component .newsletter-right:before {
  background: #FFCD42;
}
.newsletter1-component .newsletter-right p {
  color: rgb(122, 244, 68);
}
.newsletter1-component .newsletter-right .image-mask {
  border-radius: 50%;
  overflow: hidden;
  transform: scale(1.1);
}
.newsletter1-component .newsletter-right .image-mask img {
  width: 100%;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 1023px) {
  .newsletter1-component {
    height: auto;
  }
  .newsletter1-component .basic-grid {
    display: block;
  }
  .newsletter1-component .basic-grid .newsletter-left {
    padding-top: 2.5rem;
    border-right: none;
  }
  .newsletter1-component .basic-grid .newsletter-left:before, .newsletter1-component .basic-grid .newsletter-left:after {
    position: absolute;
    right: -1px;
    height: calc(100% - 1.5rem);
    width: 1px;
    content: "";
    transition: 0.3s all;
    top: 1.5rem;
  }
  .newsletter1-component .basic-grid .newsletter-right {
    padding: 0 0 2rem 0;
    border-left: none;
  }
  .newsletter1-component .basic-grid .newsletter-right:before, .newsletter1-component .basic-grid .newsletter-right:after {
    position: absolute;
    height: calc(100% - 1.5rem);
    width: 1px;
    content: "";
    transition: 0.3s all;
    bottom: 1.5rem;
    top: auto;
  }
  .newsletter1-component .basic-grid .newsletter-right:before {
    left: -1px;
  }
  .newsletter1-component .basic-grid .newsletter-right p {
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 2.24rem */
  }
}

.landingpagehero-component {
  padding: 0 6rem !important;
  box-sizing: border-box;
  background: #FFCD42;
  height: calc(90vh - 8.8rem);
  max-height: 80rem;
  margin-top: 8.8rem;
  color: white;
}
.landingpagehero-component .background-container img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.landingpagehero-component h1, .landingpagehero-component h2 {
  font-size: 6vw;
  align-items: center;
  min-height: 11.5rem;
}
.landingpagehero-component h1.hide-cursor:after, .landingpagehero-component h2.hide-cursor:after {
  opacity: 0;
  animation: none;
}
.landingpagehero-component .basic-grid {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}
.landingpagehero-component p {
  margin: 0;
}
.landingpagehero-component h1, .landingpagehero-component h2 {
  margin: 2rem 0;
}
.landingpagehero-component .left-side {
  flex: 0 0 45%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 6rem;
}
.landingpagehero-component .left-side.show-social {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.landingpagehero-component .left-side p {
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 2.8rem */
  margin: 3rem 0 0 0;
}
.landingpagehero-component .left-side p a {
  color: #FFCD42;
}
.landingpagehero-component .left-side .buttons-list {
  display: flex;
  gap: 2rem;
  align-items: flex-end;
}
.landingpagehero-component .left-side .buttons-list li:first-child .basic-btn {
  border: none;
  margin-top: 4rem;
  background: #FFCD42;
  color: white;
}
.landingpagehero-component .left-side .buttons-list li:first-child .basic-btn:hover {
  background: white;
  color: #7DE689;
}
.landingpagehero-component .left-side .buttons-list li:last-child .basic-btn:hover {
  background: #7DE689;
  color: white;
}
.landingpagehero-component .brand-animation-stage {
  pointer-events: none;
}
.landingpagehero-component .animation-holder {
  width: 8.2rem;
  height: 100%;
  animation: zoomed-brand-hero 15s;
  transform: translateX(10vw);
  animation-iteration-count: infinite;
}
.landingpagehero-component .top-shpitz {
  width: 22vw;
  height: 31.3rem;
  background: url(../image/top-hero-shpitz-blue.svg) no-repeat top center;
  background-size: 22vw;
  position: absolute;
  top: 0;
}
.landingpagehero-component .bottom-shpitz {
  width: 22vw;
  height: 31.3rem;
  background: url(../image/bottom-hero-shpitz-blue.svg) no-repeat bottom center;
  background-size: 22vw;
  position: absolute;
  bottom: 0;
}
@media screen and (max-width: 1023px) {
  .landingpagehero-component {
    padding: 0 1.6rem !important;
    height: auto;
    margin-top: 3.2rem;
  }
  .landingpagehero-component .content {
    position: relative;
  }
  .landingpagehero-component .top-shpitz {
    width: 16rem;
    height: 30vh;
    background: url(../image/top-hero-shpitz-mobile-blue.svg) no-repeat top center;
    background-size: 16rem;
    background-position: bottom center;
  }
  .landingpagehero-component .bottom-shpitz {
    width: 16rem;
    height: 40vh;
    background: url(../image/bottom-hero-shpitz-mobile-blue.svg) no-repeat top center;
    background-size: 16rem;
    background-position: bottom center;
  }
  .landingpagehero-component h1, .landingpagehero-component h2 {
    font-size: 5rem;
    font-style: normal;
    font-weight: 800;
    line-height: 100%;
    display: block;
    min-height: 3.5rem;
  }
  .landingpagehero-component h1:after, .landingpagehero-component h2:after {
    display: inline-block;
    transform: translateY(1rem);
  }
}

@keyframes zoomed-brand-hero {
  0% {
    transform: translateX(25vw);
  }
  20% {
    transform: translateX(55vw);
  }
  40% {
    transform: translateX(25vw);
  }
  60% {
    transform: translateX(35vw);
  }
  70% {
    transform: translateX(25vw);
  }
  100% {
    transform: translateX(25vw);
  }
}
/*.blog header, .category-blog header, .tag header {*/
/*  background: #FFCD42;*/
/*}*/
.blog #main, .category-blog #main, .tag #main {
  padding-top: 8.8rem;
}
.blog .blog-lobby-hero, .category-blog .blog-lobby-hero, .tag .blog-lobby-hero {
  padding: 6rem 6rem 4rem;
}
.blog .blog-lobby-hero .hero-content, .category-blog .blog-lobby-hero .hero-content, .tag .blog-lobby-hero .hero-content {
  max-width: 76rem;
}
.blog .blog-lobby-hero .hero-content h1, .category-blog .blog-lobby-hero .hero-content h1, .tag .blog-lobby-hero .hero-content h1 {
  margin: 0 0 2.2rem 0rem;
}
.blog .blog-lobby-hero .hero-content p, .category-blog .blog-lobby-hero .hero-content p, .tag .blog-lobby-hero .hero-content p {
  margin: 0;
}
.blog .blog-lobby-hero .categories-buttons-list, .category-blog .blog-lobby-hero .categories-buttons-list, .tag .blog-lobby-hero .categories-buttons-list {
  flex-wrap: wrap;
  padding-top: 12rem;
  gap: 1.6rem;
}
.blog .blog-lobby-hero .categories-buttons-list a:not(.active), .category-blog .blog-lobby-hero .categories-buttons-list a:not(.active), .tag .blog-lobby-hero .categories-buttons-list a:not(.active) {
  background: rgb(247, 250, 250);
}
.blog .blog-lobby-hero .categories-buttons-list a:hover, .category-blog .blog-lobby-hero .categories-buttons-list a:hover, .tag .blog-lobby-hero .categories-buttons-list a:hover {
  background: #FFCD42;
}
.blog .post-list-area, .category-blog .post-list-area, .tag .post-list-area {
  padding: 0 6rem;
  box-sizing: border-box;
}
.blog .posts-list, .category-blog .posts-list, .tag .posts-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.4rem;
}
.blog .posts-list.loading, .category-blog .posts-list.loading, .tag .posts-list.loading {
  background: url(../image/loader1.svg) no-repeat center center;
  background-size: 3.5rem;
}
.blog .posts-list li a, .category-blog .posts-list li a, .tag .posts-list li a {
  display: block;
  width: 100%;
  height: 48.3rem;
  text-decoration: none;
  transition: 0.3s all;
}
.blog .posts-list li a:hover, .category-blog .posts-list li a:hover, .tag .posts-list li a:hover {
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
}
.blog .posts-list li a:hover .post-thumb img, .category-blog .posts-list li a:hover .post-thumb img, .tag .posts-list li a:hover .post-thumb img {
  transform: scale(1.05);
}
.blog .posts-list li a .category, .category-blog .posts-list li a .category, .tag .posts-list li a .category {
  margin: 0 0 1.2rem 0;
  padding: 0 0 1.2rem 0;
  border-bottom: 1px solid white;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
}
.blog .posts-list li a h2, .category-blog .posts-list li a h2, .tag .posts-list li a h2 {
  margin: 0;
}
.blog .posts-list li a .text-side, .category-blog .posts-list li a .text-side, .tag .posts-list li a .text-side {
  padding: 2.4rem;
  box-sizing: border-box;
}
.blog .posts-list li a .text-side h2, .category-blog .posts-list li a .text-side h2, .tag .posts-list li a .text-side h2 {
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
}
.blog .posts-list li a .post-thumb, .category-blog .posts-list li a .post-thumb, .tag .posts-list li a .post-thumb {
  overflow: hidden;
}
.blog .posts-list li a .post-thumb.pattern, .category-blog .posts-list li a .post-thumb.pattern, .tag .posts-list li a .post-thumb.pattern {
  background: url(../image/blog_pattern.jpg) repeat;
  background-size: 20rem;
}
.blog .posts-list li a .post-thumb img, .category-blog .posts-list li a .post-thumb img, .tag .posts-list li a .post-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s all;
}
@media screen and (min-width: 1024px) {
  .blog .posts-list li:nth-child(1), .category-blog .posts-list li:nth-child(1), .tag .posts-list li:nth-child(1) {
    grid-column: 1/4;
    display: grid;
    grid-template-columns: subgrid;
  }
  .blog .posts-list li:nth-child(1) a, .category-blog .posts-list li:nth-child(1) a, .tag .posts-list li:nth-child(1) a {
    display: inline-grid;
    grid-template-columns: subgrid;
    grid-column: 1/4;
    background-color: #FFCD42;
    color: white;
  }
  .blog .posts-list li:nth-child(1) a .post-thumb, .category-blog .posts-list li:nth-child(1) a .post-thumb, .tag .posts-list li:nth-child(1) a .post-thumb {
    grid-column: 1/2;
    height: 100%;
    height: 48.3rem;
  }
  .blog .posts-list li:nth-child(1) a .text-side, .category-blog .posts-list li:nth-child(1) a .text-side, .tag .posts-list li:nth-child(1) a .text-side {
    margin: 0 0 2.4rem 0;
    padding: 0 0 2.4rem 0;
    grid-column: 2/4;
    padding: 6rem 6rem 6rem 4rem;
    box-sizing: border-box;
  }
  .blog .posts-list li:nth-child(1) a .text-side h2, .category-blog .posts-list li:nth-child(1) a .text-side h2, .tag .posts-list li:nth-child(1) a .text-side h2 {
    font-size: 7rem;
    font-style: normal;
    font-weight: 700;
  }
}
.blog .posts-list li:nth-child(10n+2), .category-blog .posts-list li:nth-child(10n+2), .tag .posts-list li:nth-child(10n+2) {
  grid-column: 1/2;
}
.blog .posts-list li:nth-child(10n+2) a, .category-blog .posts-list li:nth-child(10n+2) a, .tag .posts-list li:nth-child(10n+2) a {
  display: flex;
  flex-direction: column;
  background-color: #7DE689;
  color: white;
}
.blog .posts-list li:nth-child(10n+2) a .post-thumb, .category-blog .posts-list li:nth-child(10n+2) a .post-thumb, .tag .posts-list li:nth-child(10n+2) a .post-thumb {
  height: 100%;
  height: 32rem;
}
.blog .posts-list li:nth-child(10n+3), .category-blog .posts-list li:nth-child(10n+3), .tag .posts-list li:nth-child(10n+3) {
  grid-column: 2/4;
}
.blog .posts-list li:nth-child(10n+3) a, .category-blog .posts-list li:nth-child(10n+3) a, .tag .posts-list li:nth-child(10n+3) a {
  display: flex;
  flex-direction: column;
  background-color: rgb(122, 244, 68);
  color: rgb(20, 20, 20);
}
.blog .posts-list li:nth-child(10n+3) a .post-thumb, .category-blog .posts-list li:nth-child(10n+3) a .post-thumb, .tag .posts-list li:nth-child(10n+3) a .post-thumb {
  width: 100%;
  height: 32rem;
}
.blog .posts-list li:nth-child(10n+3) a .category, .category-blog .posts-list li:nth-child(10n+3) a .category, .tag .posts-list li:nth-child(10n+3) a .category {
  border-bottom: 1px solid rgb(20, 20, 20);
}
.blog .posts-list li:nth-child(5n+4) a, .category-blog .posts-list li:nth-child(5n+4) a, .tag .posts-list li:nth-child(5n+4) a {
  display: flex;
  flex-direction: column;
  background-color: #FFCD42;
  color: white;
}
.blog .posts-list li:nth-child(5n+4) a .post-thumb, .category-blog .posts-list li:nth-child(5n+4) a .post-thumb, .tag .posts-list li:nth-child(5n+4) a .post-thumb {
  width: 100%;
  height: 32rem;
}
.blog .posts-list li:nth-child(5n+5) a, .category-blog .posts-list li:nth-child(5n+5) a, .tag .posts-list li:nth-child(5n+5) a {
  display: flex;
  flex-direction: column;
  background-color: rgb(122, 244, 68);
  color: rgb(20, 20, 20);
}
.blog .posts-list li:nth-child(5n+5) a .post-thumb, .category-blog .posts-list li:nth-child(5n+5) a .post-thumb, .tag .posts-list li:nth-child(5n+5) a .post-thumb {
  width: 100%;
  height: 32rem;
}
.blog .posts-list li:nth-child(5n+5) a .category, .category-blog .posts-list li:nth-child(5n+5) a .category, .tag .posts-list li:nth-child(5n+5) a .category {
  border-bottom: 1px solid rgb(20, 20, 20);
}
.blog .posts-list li:nth-child(5n+6) a, .category-blog .posts-list li:nth-child(5n+6) a, .tag .posts-list li:nth-child(5n+6) a {
  display: flex;
  flex-direction: column;
  background-color: rgb(253, 152, 51);
  color: rgb(20, 20, 20);
}
.blog .posts-list li:nth-child(5n+6) a .post-thumb, .category-blog .posts-list li:nth-child(5n+6) a .post-thumb, .tag .posts-list li:nth-child(5n+6) a .post-thumb {
  width: 100%;
  height: 32rem;
}
.blog .posts-list li:nth-child(5n+6) a .category, .category-blog .posts-list li:nth-child(5n+6) a .category, .tag .posts-list li:nth-child(5n+6) a .category {
  border-bottom: 1px solid rgb(20, 20, 20);
}
.blog .posts-list li:nth-child(10n+7), .category-blog .posts-list li:nth-child(10n+7), .tag .posts-list li:nth-child(10n+7) {
  grid-column: 1/3;
}
.blog .posts-list li:nth-child(10n+7) a, .category-blog .posts-list li:nth-child(10n+7) a, .tag .posts-list li:nth-child(10n+7) a {
  display: flex;
  flex-direction: column;
  background-color: #7DE689;
  color: white;
}
.blog .posts-list li:nth-child(10n+7) a .post-thumb, .category-blog .posts-list li:nth-child(10n+7) a .post-thumb, .tag .posts-list li:nth-child(10n+7) a .post-thumb {
  width: 100%;
  height: 32rem;
}
.blog .posts-list li:nth-child(10n+8) a, .category-blog .posts-list li:nth-child(10n+8) a, .tag .posts-list li:nth-child(10n+8) a {
  display: flex;
  flex-direction: column;
  background-color: #FFCD42;
  color: white;
}
.blog .posts-list li:nth-child(10n+8) a .post-thumb, .category-blog .posts-list li:nth-child(10n+8) a .post-thumb, .tag .posts-list li:nth-child(10n+8) a .post-thumb {
  width: 100%;
  height: 32rem;
}
.blog .pagination, .category-blog .pagination, .tag .pagination {
  margin-top: 3rem;
}
.blog .pagination .pages, .category-blog .pagination .pages, .tag .pagination .pages {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.blog .pagination .pages button, .category-blog .pagination .pages button, .tag .pagination .pages button {
  border: none;
}
.blog .load-more-container, .category-blog .load-more-container, .tag .load-more-container {
  display: flex;
  justify-content: center;
  margin-top: 3rem;
}
.blog .load-more-container button, .category-blog .load-more-container button, .tag .load-more-container button {
  border: none;
  background: rgb(247, 250, 250) no-repeat center center;
  position: relative;
}
.blog .load-more-container button:after, .category-blog .load-more-container button:after, .tag .load-more-container button:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(247, 250, 250);
  background: #FFCD42 url(../image/loader_pink.svg) no-repeat center center;
  background-size: 3.5rem;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s all;
}
.blog .load-more-container button.loading, .category-blog .load-more-container button.loading, .tag .load-more-container button.loading {
  color: transparent !important;
}
.blog .load-more-container button.loading:after, .category-blog .load-more-container button.loading:after, .tag .load-more-container button.loading:after {
  opacity: 1;
  visibility: visible;
}
.blog .load-more-container button:hover, .category-blog .load-more-container button:hover, .tag .load-more-container button:hover {
  background: #FFCD42;
  color: white;
}
.blog .load-more-container button.disabled, .category-blog .load-more-container button.disabled, .tag .load-more-container button.disabled {
  pointer-events: none;
  opacity: 0.3;
}
.blog .newsletter-banner, .category-blog .newsletter-banner, .tag .newsletter-banner {
  margin-top: 12rem;
}
.blog .newsletter-section-inner, .category-blog .newsletter-section-inner, .tag .newsletter-section-inner {
  margin-top: 3.12rem;
}
.blog .newsletter-section-inner .wpcf7, .category-blog .newsletter-section-inner .wpcf7, .tag .newsletter-section-inner .wpcf7 {
  margin: 3.2rem 0;
}
.blog .newsletter-section-inner h2, .category-blog .newsletter-section-inner h2, .tag .newsletter-section-inner h2 {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 2.24rem */
  margin: 0;
  color: rgb(122, 244, 68);
}
.blog .newsletter-section-inner form, .category-blog .newsletter-section-inner form, .tag .newsletter-section-inner form {
  position: relative;
}
.blog .newsletter-section-inner form .input-wrapper, .category-blog .newsletter-section-inner form .input-wrapper, .tag .newsletter-section-inner form .input-wrapper {
  display: grid !important;
  grid-template-columns: calc(100% - 3.2rem) 3.2rem;
  align-items: center !important;
  border-bottom: 1px solid #141414;
  padding-bottom: 1rem;
}
.blog .newsletter-section-inner form .wpcf7-response-output, .category-blog .newsletter-section-inner form .wpcf7-response-output, .tag .newsletter-section-inner form .wpcf7-response-output {
  flex: 0 0 100%;
  bottom: 0;
  height: 100%;
  margin: 0.5rem 0 0 0;
  padding: 0;
  border: 0;
  color: rgb(253, 152, 51);
  font-size: 1.2rem;
}
.blog .newsletter-section-inner form .wpcf7-not-valid-tip, .category-blog .newsletter-section-inner form .wpcf7-not-valid-tip, .tag .newsletter-section-inner form .wpcf7-not-valid-tip {
  position: absolute;
  right: 2rem;
  top: 0;
  color: #7DE689;
}
.blog .newsletter-section-inner input, .category-blog .newsletter-section-inner input, .tag .newsletter-section-inner input {
  background: none !important;
  color: #141414 !important;
  border: none !important;
  width: 100%;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  border-bottom: 1px solid #141414;
}
.blog .newsletter-section-inner input::placeholder, .category-blog .newsletter-section-inner input::placeholder, .tag .newsletter-section-inner input::placeholder {
  color: #141414 !important;
}
.blog .newsletter-section-inner button, .category-blog .newsletter-section-inner button, .tag .newsletter-section-inner button {
  width: 3.2rem;
  height: 3.2rem;
  background: rgb(122, 244, 68);
  border: none;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.blog .newsletter-section-inner button:hover:after, .category-blog .newsletter-section-inner button:hover:after, .tag .newsletter-section-inner button:hover:after {
  left: 100%;
}
.blog .newsletter-section-inner button:hover:before, .category-blog .newsletter-section-inner button:hover:before, .tag .newsletter-section-inner button:hover:before {
  left: 0;
}
.blog .newsletter-section-inner button:after, .category-blog .newsletter-section-inner button:after, .tag .newsletter-section-inner button:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../image/send-arrow-blue.svg") no-repeat center;
  background-size: 1.2rem;
  transition: 0.3s all;
}
.blog .newsletter-section-inner button:before, .category-blog .newsletter-section-inner button:before, .tag .newsletter-section-inner button:before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: url("../image/send-arrow-blue.svg") no-repeat center;
  background-size: 1.2rem;
  transition: 0.3s all;
}
.blog .newsletter-banner, .category-blog .newsletter-banner, .tag .newsletter-banner {
  padding-bottom: 35% !important;
  height: 0;
  overflow: hidden;
  padding: 0 6rem;
  box-sizing: border-box;
}
.blog .newsletter-banner .newsletter-left, .category-blog .newsletter-banner .newsletter-left, .tag .newsletter-banner .newsletter-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  padding-left: 6rem;
}
.blog .newsletter-banner .newsletter-left h2, .category-blog .newsletter-banner .newsletter-left h2, .tag .newsletter-banner .newsletter-left h2 {
  white-space: pre-line;
  margin: 0 0 2rem 0;
}
.blog .newsletter-banner .newsletter-left h2 strong, .category-blog .newsletter-banner .newsletter-left h2 strong, .tag .newsletter-banner .newsletter-left h2 strong {
  color: #FFCD42;
}
.blog .newsletter-banner .newsletter-left p, .category-blog .newsletter-banner .newsletter-left p, .tag .newsletter-banner .newsletter-left p {
  color: #FFCD42;
  font-weight: 700;
  margin: 0;
}
.blog .newsletter-banner .newsletter-left form, .category-blog .newsletter-banner .newsletter-left form, .tag .newsletter-banner .newsletter-left form {
  max-width: 40rem;
  margin-top: 3rem;
}
.blog .newsletter-banner .newsletter-left button, .category-blog .newsletter-banner .newsletter-left button, .tag .newsletter-banner .newsletter-left button {
  background: #FFCD42;
}
.blog .newsletter-banner .newsletter-left button:before, .blog .newsletter-banner .newsletter-left button:after, .category-blog .newsletter-banner .newsletter-left button:before, .category-blog .newsletter-banner .newsletter-left button:after, .tag .newsletter-banner .newsletter-left button:before, .tag .newsletter-banner .newsletter-left button:after {
  background: url(../image/send-arrow-white.svg) no-repeat center;
}
.blog .newsletter-banner .newsletter-right, .category-blog .newsletter-banner .newsletter-right, .tag .newsletter-banner .newsletter-right {
  position: absolute;
  right: 0;
  height: 100%;
  aspect-ratio: 1/1;
}
.blog .newsletter-banner .newsletter-right .image-mask, .category-blog .newsletter-banner .newsletter-right .image-mask, .tag .newsletter-banner .newsletter-right .image-mask {
  border-radius: 50%;
  overflow: hidden;
  transform: scale(1.1);
}
.blog .newsletter-banner .newsletter-right .image-mask img, .category-blog .newsletter-banner .newsletter-right .image-mask img, .tag .newsletter-banner .newsletter-right .image-mask img {
  width: 100%;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 1023px) {
  .blog .blog-lobby-hero, .category-blog .blog-lobby-hero, .tag .blog-lobby-hero {
    padding: 4rem 1.6rem;
    box-sizing: border-box;
  }
  .blog .blog-lobby-hero .categories-buttons-list, .category-blog .blog-lobby-hero .categories-buttons-list, .tag .blog-lobby-hero .categories-buttons-list {
    padding-top: 6rem;
    flex-wrap: nowrap;
    overflow: auto;
    white-space: nowrap;
  }
  .blog .post-list-area, .category-blog .post-list-area, .tag .post-list-area {
    padding: 0 1.6rem;
  }
  .blog .post-list-area .posts-list, .category-blog .post-list-area .posts-list, .tag .post-list-area .posts-list {
    display: block;
  }
  .blog .post-list-area .posts-list li, .category-blog .post-list-area .posts-list li, .tag .post-list-area .posts-list li {
    margin-bottom: 1.6rem;
  }
  .blog .post-list-area .posts-list li:nth-child(1) a, .category-blog .post-list-area .posts-list li:nth-child(1) a, .tag .post-list-area .posts-list li:nth-child(1) a {
    display: flex;
    flex-direction: column;
    background-color: #FFCD42;
    color: white;
  }
  .blog .post-list-area .posts-list li:nth-child(1) a .post-thumb, .category-blog .post-list-area .posts-list li:nth-child(1) a .post-thumb, .tag .post-list-area .posts-list li:nth-child(1) a .post-thumb {
    width: 100%;
    height: 32rem;
  }
  .blog .newsletter-banner, .category-blog .newsletter-banner, .tag .newsletter-banner {
    height: auto !important;
    padding: 0;
  }
  .blog .newsletter-banner .basic-grid, .category-blog .newsletter-banner .basic-grid, .tag .newsletter-banner .basic-grid {
    flex-direction: column;
  }
  .blog .newsletter-banner .newsletter-left, .blog .newsletter-banner .newsletter-right, .category-blog .newsletter-banner .newsletter-left, .category-blog .newsletter-banner .newsletter-right, .tag .newsletter-banner .newsletter-left, .tag .newsletter-banner .newsletter-right {
    position: static;
  }
  .blog .newsletter-banner .newsletter-left, .category-blog .newsletter-banner .newsletter-left, .tag .newsletter-banner .newsletter-left {
    width: 100%;
    padding: 4rem 1.6rem;
    box-sizing: border-box;
  }
  .blog .newsletter-banner .newsletter-left .wpcf7, .category-blog .newsletter-banner .newsletter-left .wpcf7, .tag .newsletter-banner .newsletter-left .wpcf7 {
    margin-bottom: 0;
  }
  .blog .newsletter-banner .newsletter-right, .category-blog .newsletter-banner .newsletter-right, .tag .newsletter-banner .newsletter-right {
    padding-top: 0;
    padding-left: 1.6rem;
  }
  .blog .newsletter-banner .newsletter-right .image-mask, .category-blog .newsletter-banner .newsletter-right .image-mask, .tag .newsletter-banner .newsletter-right .image-mask {
    width: 115%;
    height: 115%;
    transform: none;
  }
}

/*.single header {*/
/*  background: #FFCD42;*/
/*}*/
.single #main {
  padding-top: 14rem;
}
.single .single-hero {
  padding: 0 6rem;
  box-sizing: border-box;
}
.single .post-header-grid {
  width: 100%;
  max-width: 132rem;
  margin: auto;
  height: 48rem;
  background: #FFCD42;
}
.single .post-header-grid.pink {
  background: #7DE689;
}
.single .post-header-grid.green {
  background: rgb(122, 244, 68);
}
.single .post-header-grid.green h1,
.single .post-header-grid.green p {
  color: rgb(20, 20, 20) !important;
}
.single .post-header-grid.green .category {
  border-color: rgb(20, 20, 20) !important;
}
.single .post-header-grid.orange {
  background: rgb(253, 152, 51);
}
.single .post-header-grid.orange h1,
.single .post-header-grid.orange p {
  color: rgb(20, 20, 20) !important;
}
.single .post-header-grid.orange .category {
  border-color: rgb(20, 20, 20) !important;
}
.single .post-header-grid .img-side {
  flex: 0 0 30%;
  height: 100%;
}
.single .post-header-grid .img-side.pattern {
  background: url(../image/blog_pattern.jpg) repeat;
  background-size: 20rem;
}
.single .post-header-grid .img-side img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.single .post-header-grid .text-side {
  flex: 0 0 70%;
  padding: 6rem 6rem 6rem 4rem;
  box-sizing: border-box;
}
.single .post-header-grid .text-side .category {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  color: white;
  border-bottom: 1px solid white;
  padding-bottom: 2.4rem;
  margin-bottom: 2.4rem;
  margin-top: 0;
}
.single .post-header-grid h1 {
  font-size: 7rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 7rem */
  color: white;
  margin: 0;
}
.single .post-content-grid {
  width: 100%;
  max-width: 87rem;
  margin: auto;
}
.single .post-content-grid h2 {
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 3.84rem */
}
.single .post-content-grid p,
.single .post-content-grid ul,
.single .post-content-grid td {
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 2.8rem */
}
.single .post-content-grid ul {
  list-style: disc;
  padding-left: 2rem;
}
.single .post-content-grid li {
  margin-bottom: 1.6rem;
}
.single article {
  padding-top: 4rem;
}
.single article .author-details {
  height: 9.6rem;
  align-items: center;
  width: 100%;
  margin-bottom: 4rem;
}
.single article .author-details .author-img {
  width: 9.6rem;
  flex: 0 0 9.6rem;
  height: 9.6rem;
  border-radius: 50%;
  overflow: hidden;
}
.single article .author-details .author-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.single article .author-details .author-info {
  flex-grow: 1;
  padding-left: 1rem;
}
.single article .author-details .author-name {
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  color: #FFCD42;
}
.single article .author-details .date {
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  color: #FFCD42;
}
.single article h3,
.single article h4 {
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 3.84rem */
}
.single article ul,
.single article ol {
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.single article .share-area {
  margin: 6rem 0 10rem;
}
.single article .share-area h2 {
  text-align: center;
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
}
.single article .share {
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  padding: 0;
}
.single article .share .tool-tip {
  position: absolute;
  background: #FFCD42;
  color: white;
  font-size: 1.4rem;
  padding: 0 1.5rem;
  transform: translateY(0);
  left: -2.5rem;
  right: 0;
  margin: auto;
  width: 5rem;
  pointer-events: none;
  opacity: 0;
  transition: 0.3s all;
}
.single article .share .tool-tip.show {
  opacity: 1;
  transform: translateY(-2rem);
}
.single article .share li.linkedin a:before {
  content: "\e905" !important;
}
.single article .share li.facebook a:before {
  content: "\e904" !important;
}
.single article .share li.copy-link button {
  border: none;
}
.single article .share li.copy-link button:before {
  content: "\e917" !important;
}
.single article .share a,
.single article .share button {
  font-family: "icons";
  background-color: #f7fafa;
  color: #FFCD42;
  border-radius: 50%;
  width: 7rem;
  height: 7rem;
  text-decoration: none;
  font-size: 2.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s all;
  line-height: 0;
  padding: 0;
  box-sizing: border-box;
}
.single article .share a:hover,
.single article .share button:hover {
  background-color: #f7fafa;
}
.single .related-posts-area {
  padding: 0 6rem;
  box-sizing: border-box;
}
.single .related-posts-grid {
  width: 100%;
  max-width: 132rem;
  margin: auto;
  margin-bottom: 12rem;
}
.single .related-posts-grid .view-all-con {
  margin-top: 6rem;
}
.single .related-posts-grid .view-all-con a {
  background: #f7fafa;
}
.single .related-posts-grid .view-all-con a:hover {
  background: #FFCD42;
}
.single .related-posts-grid h2 {
  font-size: 7rem;
  font-style: normal;
  font-weight: 700;
}
.single .related-posts-grid ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.4rem;
}
.single .related-posts-grid ul li:nth-child(1) a {
  background: #FFCD42;
  color: white;
}
.single .related-posts-grid ul li:nth-child(2) a {
  background: rgb(122, 244, 68);
  color: rgb(20, 20, 20);
}
.single .related-posts-grid ul li:nth-child(3) a {
  background: rgb(253, 152, 51);
  color: rgb(20, 20, 20);
}
.single .related-posts-grid ul a {
  text-decoration: none;
  height: 100%;
  display: block;
}
.single .related-posts-grid ul a .text-side {
  padding: 2.4rem;
  box-sizing: border-box;
}
.single .related-posts-grid ul a .text-side h3 {
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
}
.single .related-posts-grid ul a .text-side .category {
  margin: 0 0 1.2rem 0;
  padding: 0 0 1.2rem 0;
  border-bottom: 1px solid rgb(20, 20, 20);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
}
.single .related-posts-grid ul a .post-thumb {
  width: 100%;
  height: 32rem;
}
.single .related-posts-grid ul a .post-thumb.pattern {
  background: url(../image/blog_pattern.jpg) repeat;
}
.single .related-posts-grid ul a .post-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 1023px) {
  .single #main {
    padding-top: 7rem;
  }
  .single .single-hero {
    padding: 4rem 1.6rem;
  }
  .single .post-header-grid {
    display: flex;
    flex-direction: column;
    background-color: #FFCD42;
    color: white;
    height: auto;
  }
  .single .post-header-grid .text-side {
    padding: 2rem 1.6rem;
  }
  .single .post-header-grid .text-side h1 {
    font-size: 4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 4rem */
  }
  .single .post-header-grid .text-side .category {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
  }
  .single .post-header-grid .post-thumb {
    width: 100%;
    height: 32rem;
  }
  .single article {
    padding: 0 1.6rem;
  }
  .single article .author-details {
    height: auto;
    margin-bottom: 0;
  }
  .single article .author-details .author-name,
.single article .author-details .date {
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 2.24rem */
  }
  .single article .author-details .author-img {
    width: 4rem;
    height: 4rem;
    flex: 0 0 4rem;
  }
  .single article .author-details .author-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .single .share-area h2 {
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 2.24rem */
  }
  .single .share a,
.single .share button {
    width: 4rem !important;
    height: 4rem !important;
    font-size: 1.6rem !important;
    flex: 0 0 1.4rem !important;
  }
  .single .related-posts-area {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
  .single .related-posts-area ul {
    display: block;
  }
  .single .related-posts-area ul li {
    margin-bottom: 1.6rem;
  }
  .single .related-posts-area h2 {
    font-size: 4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 4rem */
    margin: 4rem 0;
  }
}

.single-open-role #main {
  padding-top: 14rem;
}
.single-open-role .single-hero {
  padding: 0 6rem;
  box-sizing: border-box;
}
.single-open-role .single-hero .specs {
  color: white;
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  margin-top: 4rem;
  margin-top: 4rem;
  gap: 2rem;
}
.single-open-role .single-hero .specs .or-category {
  background: url(../image/note.svg) no-repeat left;
  background-size: 2.5rem;
  padding-left: 3rem;
}
.single-open-role .single-hero .specs .location {
  background: url(../image/pin.svg) no-repeat left;
  background-size: 2.5rem;
  padding-left: 3rem;
}
.single-open-role .post-header-grid {
  width: 100%;
  max-width: 132rem;
  margin: auto;
  height: 48rem;
  background: #FFCD42;
}
.single-open-role .post-header-grid .img-side {
  flex: 0 0 30%;
  height: 100%;
}
.single-open-role .post-header-grid .img-side img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.single-open-role .post-header-grid .text-side {
  flex: 0 0 70%;
  padding: 6rem 6rem 6rem 4rem;
  box-sizing: border-box;
}
.single-open-role .post-header-grid .text-side .category {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  color: white;
  border-bottom: 1px solid white;
  padding-bottom: 2.4rem;
  margin-bottom: 2.4rem;
  margin-top: 0;
  text-decoration: none;
}
.single-open-role .post-header-grid h1 {
  font-size: 7rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 7rem */
  color: white;
  margin: 0;
}
.single-open-role .post-content-grid {
  width: 100%;
  max-width: 87rem;
  margin: auto;
}
.single-open-role .post-content-grid h2 {
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 3.84rem */
}
.single-open-role .post-content-grid p,
.single-open-role .post-content-grid ul {
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 2.8rem */
}
.single-open-role .post-content-grid ul {
  list-style: disc;
  padding-left: 2rem;
}
.single-open-role .post-content-grid li {
  margin-bottom: 1.6rem;
}
.single-open-role article {
  padding-top: 4rem;
}
.single-open-role article .author-details {
  height: 9.6rem;
  align-items: center;
  width: 100%;
  margin-bottom: 4rem;
}
.single-open-role article .author-details .author-img {
  width: 9.6rem;
  flex: 0 0 9.6rem;
  height: 9.6rem;
  border-radius: 50%;
  overflow: hidden;
}
.single-open-role article .author-details .author-info {
  flex-grow: 1;
  padding-left: 1rem;
}
.single-open-role article .author-details .author-name {
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  color: #FFCD42;
}
.single-open-role article .author-details .date {
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  color: #FFCD42;
}
.single-open-role article .share-area {
  margin: 6rem 0 10rem;
}
.single-open-role article .share-area h2 {
  text-align: center;
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
}
.single-open-role article .share {
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  padding: 0;
}
.single-open-role article .share .tool-tip {
  position: absolute;
  background: #FFCD42;
  color: white;
  font-size: 1.4rem;
  padding: 0 1.5rem;
  transform: translateY(0);
  left: -2.5rem;
  right: 0;
  margin: auto;
  width: 5rem;
  pointer-events: none;
  opacity: 0;
  transition: 0.3s all;
}
.single-open-role article .share .tool-tip.show {
  opacity: 1;
  transform: translateY(-2rem);
}
.single-open-role article .share a,
.single-open-role article .share button {
  font-family: "icons";
  background-color: #f7fafa;
  color: #FFCD42;
  border-radius: 50%;
  width: 3.6rem;
  height: 3.6rem;
  text-decoration: none;
  font-size: 1.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s all;
  line-height: 0;
  padding: 0;
  box-sizing: border-box;
}
.single-open-role article .share a:hover,
.single-open-role article .share button:hover {
  background-color: #f7fafa;
}
.single-open-role .related-posts-area {
  padding: 0 6rem;
  box-sizing: border-box;
}
.single-open-role .related-posts-grid {
  width: 100%;
  max-width: 132rem;
  margin: auto;
  margin-bottom: 12rem;
}
.single-open-role .related-posts-grid .view-all-con {
  margin-top: 6rem;
}
.single-open-role .related-posts-grid .view-all-con a {
  background: #f7fafa;
}
.single-open-role .related-posts-grid .view-all-con a:hover {
  background: #FFCD42;
}
.single-open-role .related-posts-grid h2 {
  font-size: 7rem;
  font-style: normal;
  font-weight: 700;
}
.single-open-role .related-posts-grid ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.4rem;
}
.single-open-role .related-posts-grid ul li:nth-child(1) a {
  background: #FFCD42;
  color: white;
}
.single-open-role .related-posts-grid ul li:nth-child(2) a {
  background: rgb(122, 244, 68);
  color: rgb(20, 20, 20);
}
.single-open-role .related-posts-grid ul li:nth-child(3) a {
  background: rgb(253, 152, 51);
  color: rgb(20, 20, 20);
}
.single-open-role .related-posts-grid ul a {
  text-decoration: none;
  height: 100%;
  display: block;
}
.single-open-role .related-posts-grid ul a .text-side {
  padding: 2.4rem;
  box-sizing: border-box;
}
.single-open-role .related-posts-grid ul a .text-side h3 {
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
}
.single-open-role .related-posts-grid ul a .text-side .category {
  margin: 0 0 1.2rem 0;
  padding: 0 0 1.2rem 0;
  border-bottom: 1px solid white;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
}
.single-open-role .related-posts-grid ul a .post-thumb {
  width: 100%;
  height: 32rem;
}
.single-open-role .related-posts-grid ul a .post-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.single-open-role .apply-form {
  background-color: #f7fafa;
  padding: 6rem 0;
}
.single-open-role .apply-form form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.4rem;
  position: relative;
}
.single-open-role .apply-form form .wpcf7-acceptance input {
  width: auto !important;
  margin: 0 1.52rem 0 0;
}
.single-open-role .apply-form form .wpcf7-acceptance span {
  display: block;
}
.single-open-role .apply-form form .wpcf7-acceptance label {
  display: flex;
  align-items: center;
}
.single-open-role .apply-form label {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 2.24rem */
  display: block;
}
.single-open-role .apply-form label[for=message] {
  grid-column: 1/3;
}
.single-open-role .apply-form .wpcf7-form-control-wrap {
  display: block;
}
.single-open-role .apply-form input:not([name=cv], [type=submit]),
.single-open-role .apply-form textarea {
  margin-top: 1rem;
  padding-left: 1rem;
  padding-bottom: 1rem;
  font-size: 1.6rem !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 140% !important;
  color: rgb(140, 156, 204) !important;
  border: none !important;
  border-bottom: 1px solid rgb(140, 156, 204) !important;
  width: 100% !important;
  max-width: none !important;
  border-radius: 0 !important;
  box-sizing: border-box;
  background: transparent;
  height: 3.8rem;
}
.single-open-role .apply-form input:not([name=cv], [type=submit])::placeholder,
.single-open-role .apply-form textarea::placeholder {
  color: rgb(140, 156, 204);
}
.single-open-role .apply-form input[type=submit] {
  border: none;
  background-color: #FFCD42;
  color: white;
  transition: 0.3s all;
  grid-column: 1/3;
  width: max-content;
  width: 30rem;
  margin: auto;
}
.single-open-role .apply-form input[type=submit]:hover {
  background-color: #7DE689;
}
.single-open-role .apply-form .wpcf7-spinner {
  position: absolute;
  bottom: 1.1rem;
  left: 0;
  right: -25rem;
  margin: auto;
}
.single-open-role .apply-form .wpcf7-response-output {
  grid-column: 1/3;
  margin: auto;
}
.single-open-role .apply-form span.required {
  color: #7DE689;
}
.single-open-role .apply-form .file-container .wpcf7-file.cv {
  display: none;
}
.single-open-role .apply-form .file-container .upload-file {
  border-radius: 4rem;
  background-color: transparent;
  padding: 1.6rem 2.4rem;
  border: 0.1rem solid rgb(140, 156, 204);
  width: max-content;
  margin-top: 2rem;
}
.single-open-role .apply-form .file-container .remove-file {
  background: url("../image/x-close.svg") no-repeat center;
  background-size: 1.6rem;
  width: 1.6rem;
  height: 1.6rem;
  cursor: pointer;
  border: none;
  align-items: center;
}
.single-open-role .apply-form .file-container .remove-file.empty {
  display: none;
}
.single-open-role .apply-form .file-container.empty .remove {
  display: none;
}
.single-open-role .apply-form .file-container.filled .upload-file:not(.remove) {
  display: none;
}
.single-open-role .apply-form .file-container.filled .remove {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.single-open-role .apply-form .file-container.filled .remove .file-name {
  margin: 0;
}
.single-open-role .apply-form .wpcf7-response-output {
  border: none;
  font-size: 1.4rem !important;
  color: #dc3232;
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 1023px) {
  .single-open-role #main {
    padding-top: 7rem;
  }
  .single-open-role .single-hero {
    padding: 4rem 1.6rem;
  }
  .single-open-role .post-header-grid {
    display: flex;
    flex-direction: column;
    background-color: #FFCD42;
    color: white;
    height: auto;
  }
  .single-open-role .post-header-grid .text-side {
    padding: 2rem 1.6rem;
  }
  .single-open-role .post-header-grid .text-side .specs {
    display: block;
  }
  .single-open-role .post-header-grid .text-side .specs .or-category,
.single-open-role .post-header-grid .text-side .specs .location {
    padding-left: 4rem;
  }
  .single-open-role .post-header-grid .text-side h1 {
    font-size: 4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 4rem */
  }
  .single-open-role .post-header-grid .text-side .category {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
  }
  .single-open-role .post-header-grid .post-thumb {
    width: 100%;
    height: 32rem;
  }
  .single-open-role article {
    padding: 0 1.6rem;
  }
  .single-open-role article p:first-child {
    margin-top: 0;
  }
  .single-open-role article .author-details {
    height: auto;
    margin-bottom: 0;
  }
  .single-open-role article .author-details .author-name,
.single-open-role article .author-details .date {
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 2.24rem */
  }
  .single-open-role article .author-details .author-img {
    width: 4rem;
    height: 4rem;
    flex: 0 0 4rem;
  }
  .single-open-role article .author-details .author-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .single-open-role .share-area h2 {
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 2.24rem */
  }
  .single-open-role .share a,
.single-open-role .share button {
    width: 4rem !important;
    height: 4rem !important;
    font-size: 1.6rem !important;
    flex: 0 0 1.4rem !important;
  }
  .single-open-role .related-posts-area {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
  .single-open-role .related-posts-area ul {
    display: block;
  }
  .single-open-role .related-posts-area ul li {
    margin-bottom: 1.6rem;
  }
  .single-open-role .related-posts-area h2 {
    font-size: 4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 4rem */
    margin: 4rem 0;
  }
  .single-open-role .apply-form {
    padding: 2rem 1.6rem;
  }
  .single-open-role .apply-form h3 {
    margin-bottom: 4rem;
  }
  .single-open-role .apply-form form {
    grid-template-columns: 1fr;
    gap: 5rem;
  }
  .single-open-role .apply-form form label {
    grid-column: 1/3;
  }
  .single-open-role .apply-form form input[type=submit] {
    width: 100%;
  }
}

.post-type-archive header {
  background: #FFCD42;
}
.post-type-archive #main {
  padding-top: 8.8rem;
}
.post-type-archive .blog-lobby-hero {
  padding: 6rem 6rem 4rem;
}
.post-type-archive .blog-lobby-hero .hero-content {
  max-width: 76rem;
}
.post-type-archive .blog-lobby-hero .hero-content h1 {
  margin: 0 0 2.2rem 0rem;
  white-space: pre-line;
}
.post-type-archive .blog-lobby-hero .hero-content h1 strong {
  color: #FFCD42;
}
.post-type-archive .blog-lobby-hero .hero-content p {
  margin: 0;
}
.post-type-archive .blog-lobby-hero .hero-content h2 {
  color: #FFCD42;
}
.post-type-archive .blog-lobby-hero .categories-buttons-list {
  flex-wrap: wrap;
  padding-top: 12rem;
  gap: 1.6rem;
}
.post-type-archive .blog-lobby-hero .categories-buttons-list a:not(.active) {
  background: rgb(247, 250, 250);
}
.post-type-archive .blog-lobby-hero .categories-buttons-list a:hover {
  background: #FFCD42;
}
.post-type-archive .post-list-area {
  padding: 0 6rem;
  box-sizing: border-box;
}
.post-type-archive .posts-list.six-posts-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.4rem;
  padding-bottom: 12rem;
}
.post-type-archive .posts-list.six-posts-grid.loading {
  background: url(../image/loader1.svg) no-repeat center center;
  background-size: 3.5rem;
}
.post-type-archive .posts-list.six-posts-grid li a {
  display: block;
  width: 100%;
  height: 48.3rem;
  text-decoration: none;
  transition: 0.3s all;
}
.post-type-archive .posts-list.six-posts-grid li a:hover {
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
}
.post-type-archive .posts-list.six-posts-grid li a:hover .post-thumb img {
  transform: scale(1.05);
}
.post-type-archive .posts-list.six-posts-grid li a .category {
  margin: 0 0 1.2rem 0;
  padding: 0 0 1.2rem 0;
  border-bottom: 1px solid white;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
}
.post-type-archive .posts-list.six-posts-grid li a h2 {
  margin: 0;
}
.post-type-archive .posts-list.six-posts-grid li a .text-side {
  padding: 2.4rem;
  box-sizing: border-box;
}
.post-type-archive .posts-list.six-posts-grid li a .text-side h2 {
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
}
.post-type-archive .posts-list.six-posts-grid li a .post-thumb {
  overflow: hidden;
}
.post-type-archive .posts-list.six-posts-grid li a .post-thumb.pattern {
  background: url(../image/blog_pattern.jpg) repeat;
  background-size: 20rem;
}
.post-type-archive .posts-list.six-posts-grid li a .post-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s all;
}
.post-type-archive .posts-list.six-posts-grid li:nth-child(3n+1) a {
  display: flex;
  flex-direction: column;
  background-color: #FFCD42;
  color: white;
}
.post-type-archive .posts-list.six-posts-grid li:nth-child(3n+1) a .post-thumb {
  width: 100%;
  height: 32rem;
}
.post-type-archive .posts-list.six-posts-grid li:nth-child(3n+2) a {
  display: flex;
  flex-direction: column;
  background-color: rgb(122, 244, 68);
  color: #FFCD42;
}
.post-type-archive .posts-list.six-posts-grid li:nth-child(3n+2) a .post-thumb {
  width: 100%;
  height: 32rem;
}
.post-type-archive .posts-list.six-posts-grid li:nth-child(3n+2) a .category {
  border-bottom: 1px solid #FFCD42;
}
.post-type-archive .posts-list.six-posts-grid li:nth-child(3n+3) a {
  display: flex;
  flex-direction: column;
  background-color: rgb(253, 152, 51);
  color: #FFCD42;
}
.post-type-archive .posts-list.six-posts-grid li:nth-child(3n+3) a .post-thumb {
  width: 100%;
  height: 32rem;
}
.post-type-archive .posts-list.six-posts-grid li:nth-child(3n+3) a .category {
  border-bottom: 1px solid #FFCD42;
}
@media screen and (max-width: 1023px) {
  .post-type-archive .blog-lobby-hero {
    padding: 4rem 1.6rem;
    box-sizing: border-box;
  }
  .post-type-archive .blog-lobby-hero .categories-buttons-list {
    padding-top: 6rem;
    flex-wrap: nowrap;
    overflow: auto;
    white-space: nowrap;
  }
  .post-type-archive .post-list-area {
    padding: 0 1.6rem;
  }
  .post-type-archive .post-list-area .posts-list {
    display: block;
  }
  .post-type-archive .post-list-area .posts-list li {
    margin-bottom: 1.6rem;
  }
  .post-type-archive .post-list-area .posts-list li:nth-child(1) a {
    display: flex;
    flex-direction: column;
    background-color: #FFCD42;
    color: white;
  }
  .post-type-archive .post-list-area .posts-list li:nth-child(1) a .post-thumb {
    width: 100%;
    height: 32rem;
  }
  .post-type-archive .newsletter-banner {
    height: auto !important;
    padding: 0;
  }
  .post-type-archive .newsletter-banner .basic-grid {
    flex-direction: column;
  }
  .post-type-archive .newsletter-banner .newsletter-left, .post-type-archive .newsletter-banner .newsletter-right {
    position: static;
  }
  .post-type-archive .newsletter-banner .newsletter-left {
    width: 100%;
    padding: 4rem 1.6rem;
    box-sizing: border-box;
  }
  .post-type-archive .newsletter-banner .newsletter-left .wpcf7 {
    margin-bottom: 0;
  }
  .post-type-archive .newsletter-banner .newsletter-right {
    padding-top: 0;
    padding-left: 1.6rem;
  }
  .post-type-archive .newsletter-banner .newsletter-right .image-mask {
    width: 115%;
    height: 115%;
    transform: none;
  }
}

.error404 main {
  height: 100%;
}
.error404 .content-area {
  height: calc(100vh - 8.8rem);
  padding-top: 8.8rem;
  background: url("../image/error404desktop.jpg") no-repeat center center;
  background-size: cover;
  background-position: center;
  color: white;
}
.error404 .content-area .basic-grid {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  align-items: flex-start;
  padding: 0 5rem;
  box-sizing: border-box;
}
.error404 .content-area h1, .error404 .content-area p {
  margin: 0;
  max-width: 55rem;
}
.error404 .content-area a {
  display: block;
  margin-top: 5rem;
}
.error404 .content-area .huge-text {
  font-size: 27rem;
  opacity: 0.3;
  margin: 0;
  font-weight: 800;
  line-height: 1;
}
@media screen and (max-width: 1024px) {
  .error404 .content-area {
    background: url("../image/error404mobile.jpg") no-repeat center center;
  }
  .error404 .content-area {
    height: calc(100vh - 7rem);
  }
  .error404 .content-area .basic-grid {
    padding: 0 1.6rem;
  }
  .error404 .content-area .huge-text {
    font-size: 17rem;
  }
}

.home header.scrolled,
.home .header-padder.scrolled {
  background: #FFCD42;
}
.home header.scrolled .header-padder,
.home .header-padder.scrolled .header-padder {
  background-color: #FFCD42;
}
.home header {
  background: transparent;
}
.home header.blue-bg {
  background-color: #FFCD42;
}

/*body:not(.wp-admin) header {*/
/*  position: fixed;*/
/*  top: 0;*/
/*  left: 0;*/
/*  width: 100%;*/
/*  height: 8.8rem;*/
/*  display: flex !important;*/
/*  align-items: center;*/
/*  z-index: 999999999;*/
/*  padding-left: 6rem;*/
/*  padding-right: 6rem;*/
/*  box-sizing: border-box;*/
/*  transition: 0.3s all;*/
/*  background: #FFCD42;*/
/*  background: #FFCD42;*/
/*  transition: 0.3s all;*/
/*}*/
body:not(.wp-admin) header:not(.menu-opened).scrolling-down {
  transform: translateY(-8.8rem);
}
body:not(.wp-admin) header:not(.menu-opened).scrolling-up {
  transform: translateY(0);
}
body:not(.wp-admin) header .header-padder {
  background-color: #FFCD42;
}
/*body:not(.wp-admin) header .logo {*/
/*  width: 7vw;*/
/*}*/
/*body:not(.wp-admin) header .logo img {*/
/*  width: 100%;*/
/*  height: auto;*/
/*}*/
body:not(.wp-admin) header .header-padder {
  height: 0;
  top: 8.8rem;
  transition: 0.3s height ease-in-out, 0.3s background-color;
}
body:not(.wp-admin) header .basic-grid {
  display: flex;
}
/*body:not(.wp-admin) header nav {*/
/*  flex-grow: 1;*/
/*  display: flex;*/
/*  align-self: center;*/
/*  justify-content: space-between;*/
/*  padding-left: 4rem;*/
/*  position: relative;*/
/*  z-index: 1;*/
/*}*/
body:not(.wp-admin) header .main-menu ul.sub-menu,
body:not(.wp-admin) header .contact-menu ul.sub-menu {
  width: 100%;
}
/*body:not(.wp-admin) header .main-menu ul:not(.sub-menu),*/
/*body:not(.wp-admin) header .contact-menu ul:not(.sub-menu) {*/
/*  display: flex;*/
/*  flex-grow: 1;*/
/*  gap: 4rem;*/
/*}*/
/*body:not(.wp-admin) header .main-menu ul:not(.sub-menu) li:not(.menu-item-has-children) a,*/
/*body:not(.wp-admin) header .contact-menu ul:not(.sub-menu) li:not(.menu-item-has-children) a {*/
/*  position: relative;*/
/*}*/
/*body:not(.wp-admin) header .main-menu ul:not(.sub-menu) li:not(.menu-item-has-children) a:hover:after,*/
/*body:not(.wp-admin) header .contact-menu ul:not(.sub-menu) li:not(.menu-item-has-children) a:hover:after {*/
/*  width: 100%;*/
/*}*/
/*body:not(.wp-admin) header .main-menu ul:not(.sub-menu) li:not(.menu-item-has-children) a:after,*/
/*body:not(.wp-admin) header .contact-menu ul:not(.sub-menu) li:not(.menu-item-has-children) a:after {*/
/*  position: absolute;*/
/*  left: 0;*/
/*  width: 0;*/
/*  height: 1px;*/
/*  background: white;*/
/*  content: "";*/
/*  bottom: -2px;*/
/*  transition: 0.3s all;*/
/*}*/
/*body:not(.wp-admin) header .main-menu ul:not(.sub-menu) a,*/
/*body:not(.wp-admin) header .contact-menu ul:not(.sub-menu) a {*/
/*  color: white;*/
/*  font-size: 1.6rem;*/
/*  font-style: normal;*/
/*  font-weight: 400;*/
/*  line-height: 140%; !* 2.24rem *!*/
/*  text-decoration: none;*/
/*  white-space: nowrap;*/
/*}*/
/*body:not(.wp-admin) header .main-menu ul:not(.sub-menu) .menu-item-has-children,*/
/*body:not(.wp-admin) header .contact-menu ul:not(.sub-menu) .menu-item-has-children {*/
/*  display: flex;*/
/*  align-items: center;*/
/*  position: relative;*/
/*}*/
/*body:not(.wp-admin) header .main-menu ul:not(.sub-menu) .menu-item-has-children:hover:after,*/
/*body:not(.wp-admin) header .contact-menu ul:not(.sub-menu) .menu-item-has-children:hover:after {*/
/*  transform: rotate(180deg);*/
/*}*/
/*body:not(.wp-admin) header .main-menu ul:not(.sub-menu) .menu-item-has-children:hover .sub-menu,*/
/*body:not(.wp-admin) header .contact-menu ul:not(.sub-menu) .menu-item-has-children:hover .sub-menu {*/
/*  opacity: 1;*/
/*  pointer-events: auto;*/
/*}*/
/*body:not(.wp-admin) header .main-menu ul:not(.sub-menu) .menu-item-has-children:after,*/
/*body:not(.wp-admin) header .contact-menu ul:not(.sub-menu) .menu-item-has-children:after {*/
/*  content: "";*/
/*  display: block;*/
/*  flex: 0 0 1.6rem;*/
/*  width: 1.6rem;*/
/*  height: 1.6rem;*/
/*  background: url(../image/submenu-arrow.svg) no-repeat center;*/
/*  background-size: contain;*/
/*  margin-left: 1rem;*/
/*  transition: 0.3s all;*/
/*}*/
body:not(.wp-admin) header .main-menu .sub-menu,
body:not(.wp-admin) header .contact-menu .sub-menu {
  position: absolute;
  padding-top: 3rem;
  top: 0;
  opacity: 0;
  transition: 0.3s all;
  pointer-events: none;
}
body:not(.wp-admin) header .main-menu .sub-menu li,
body:not(.wp-admin) header .contact-menu .sub-menu li {
  padding: 0.5rem 0;
}
body:not(.wp-admin) header .contact-menu-mobile {
  display: none;
}
@media screen and (max-width: 1023px) {
  body:not(.wp-admin) header {
    padding: 0 2rem;
    height: 7rem;
  }
  body:not(.wp-admin) header.landing-page-header a {
    margin-left: 0;
  }
  body:not(.wp-admin) header .basic-grid {
    justify-content: space-between;
    align-items: center;
    max-width: unset;
  }
  body:not(.wp-admin) header .logo {
    position: relative;
    z-index: 99999;
    height: 3.26rem;
    width: auto;
    margin-left: 5rem;
    transition: 0.3s ease-in-out;
  }
  body:not(.wp-admin) header .logo img {
    width: auto;
    height: 100%;
  }
  body:not(.wp-admin) header.menu-opened nav {
    left: 0;
    background-color: #FFCD42;
    pointer-events: all;
    overflow: auto;
  }
  body:not(.wp-admin) header.menu-opened .logo {
    margin-left: 0;
    height: 4.5rem;
  }
  body:not(.wp-admin) header nav {
    position: fixed;
    top: 0;
    bottom: 0;
    left: calc(-100vw + 6rem);
    width: 100%;
    height: 100vh;
    background-color: transparent;
    padding: 0;
    display: block;
    transition: 0.3s ease-in-out;
    pointer-events: none;
    overflow: hidden;
    z-index: 9999;
  }
  body:not(.wp-admin) header nav .main-menu {
    padding: 10rem 2rem 6rem;
  }
  body:not(.wp-admin) header nav .main-menu ul:not(.sub-menu) {
    display: block !important;
  }
  body:not(.wp-admin) header nav .main-menu ul:not(.sub-menu) li {
    display: block !important;
  }
  body:not(.wp-admin) header nav .main-menu ul:not(.sub-menu) li:after {
    display: none !important;
  }
  body:not(.wp-admin) header nav .main-menu ul:not(.sub-menu) li a {
    display: flex;
    align-items: center;
    /*font-size: 2.4rem;*/
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 2.88rem */
  }
  body:not(.wp-admin) header nav .main-menu ul:not(.sub-menu) li a:after {
    content: "";
    display: block;
    flex: 0 0 1.6rem;
    width: 1.6rem;
    height: 1.6rem;
    background: url(../image/submenu-arrow.svg) no-repeat center;
    background-size: contain;
    margin-left: 1rem;
    transition: 0.3s all;
  }
  body:not(.wp-admin) header nav .main-menu ul.sub-menu {
    position: static;
    opacity: 1;
    padding-top: 0;
    margin-top: 2rem;
    padding-bottom: 0;
    margin-bottom: 1.3rem;
    height: 0;
    overflow: hidden;
    transition: none;
  }
  body:not(.wp-admin) header nav .main-menu ul.sub-menu li a {
    /*font-size: 1.6rem;*/
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 2.24rem */
  }
  body:not(.wp-admin) header nav .main-menu ul.sub-menu li a:after {
    display: none;
  }
  body:not(.wp-admin) header nav .contact-menu {
    padding: 0 2rem 6rem;
  }
  body:not(.wp-admin) header nav .contact-menu ul {
    display: block !important;
  }
  body:not(.wp-admin) header nav .contact-menu ul li:first-child {
    margin-bottom: 6rem;
  }
  body:not(.wp-admin) header nav .contact-menu ul li:first-child a {
    background: #7DE689;
    padding: 1.2rem 2rem;
  }
  body:not(.wp-admin) header .contact-menu-mobile {
    display: block;
  }
  body:not(.wp-admin) header .contact-menu-mobile ul {
    align-items: center;
    gap: 1.5rem !important;
  }
  body:not(.wp-admin) header .contact-menu-mobile ul a {
    font-size: 1.6rem !important;
    font-weight: 700 !important;
  }
  body:not(.wp-admin) header .contact-menu-mobile .wpml-ls-native {
    display: none;
  }
}

.wpml-ls-statics-footer, .otgs-development-site-front-end {
  display: none !important;
}

footer {
  background: #FFCD42;
  padding-top: 4rem;
}
footer .basic-grid {
  padding-left: 6rem;
  padding-right: 6rem;
  box-sizing: border-box;
}
footer .footer-left {
  flex: 0 0 30%;
  max-width: 31rem;
}
footer .footer-left .social-list {
  display: flex;
  gap: 1.5rem;
}
footer .menu-item-has-children .sub-menu a {
  position: relative;
  display: inline-block !important;
}
footer .menu-item-has-children .sub-menu a:hover:after {
  width: 100%;
}
footer .menu-item-has-children .sub-menu a:after {
  position: absolute;
  left: 0;
  width: 0;
  height: 1px;
  background: white;
  content: "";
  bottom: -2px;
  transition: 0.3s all;
}
footer li:not(.menu-item-has-children) a {
  position: relative;
  display: inline-block !important;
}
footer li:not(.menu-item-has-children) a:hover:after {
  width: 100%;
}
footer li:not(.menu-item-has-children) a:after {
  position: absolute;
  left: 0;
  width: 0;
  height: 1px;
  background: white;
  content: "";
  bottom: -2px;
  transition: 0.3s all;
}
footer .menu-item-has-children > a {
  font-weight: 700;
  text-decoration: none !important;
}
footer a, footer p {
  color: white;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 2.24rem */
  text-decoration: none;
}
footer .newsletter-section {
  margin-top: 3.12rem;
}
footer .newsletter-section .wpcf7 {
  margin: 3.2rem 0;
}
footer .newsletter-section h2 {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 2.24rem */
  margin: 0;
  color: rgb(122, 244, 68);
}
footer .newsletter-section form {
  position: relative;
}
footer .newsletter-section form .input-wrapper {
  display: grid !important;
  grid-template-columns: calc(100% - 3.2rem) 3.2rem;
  align-items: center !important;
  border-bottom: 1px solid white;
  padding-bottom: 1rem;
}
footer .newsletter-section form .wpcf7-response-output {
  flex: 0 0 100%;
  bottom: 0;
  height: 100%;
  margin: 0.5rem 0 0 0;
  padding: 0;
  border: 0;
  color: rgb(253, 152, 51);
  font-size: 1.2rem;
}
footer .newsletter-section form .wpcf7-not-valid-tip {
  position: absolute;
  right: 2rem;
  top: 0;
  color: #7DE689;
}
footer .newsletter-section input {
  background: none !important;
  color: white !important;
  border: none !important;
  width: 100%;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  border-bottom: 1px solid white;
}
footer .newsletter-section input::placeholder {
  color: white !important;
}
footer .newsletter-section button {
  width: 3.2rem;
  height: 3.2rem;
  background: rgb(122, 244, 68);
  border: none;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
footer .newsletter-section button:hover:after {
  left: 100%;
}
footer .newsletter-section button:hover:before {
  left: 0;
}
footer .newsletter-section button:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../image/send-arrow-blue.svg") no-repeat center;
  background-size: 1.2rem;
  transition: 0.3s all;
}
footer .newsletter-section button:before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: url("../image/send-arrow-blue.svg") no-repeat center;
  background-size: 1.2rem;
  transition: 0.3s all;
}
footer .footer-right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 3rem;
}
footer .footer-right .footer-right-top > div > ul {
  display: flex;
  gap: 7.3rem;
}
footer .footer-right li a {
  display: block;
  margin-bottom: 1.6rem;
}
footer .footer-right .footer-right-bottom {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
footer .footer-right .footer-right-bottom ul {
  display: flex;
  gap: 2rem;
}
footer .footer-right .footer-right-bottom .menu-footer-legal-container {
  padding-left: 2rem;
}
footer .footer-right .footer-right-bottom .menu-footer-legal-container a {
  font-size: 1.3rem;
}
footer .footer-bottom-logo {
  padding-top: 2.4rem;
  display: none;
}
footer .footer-bottom-logo img {
  width: 100%;
  height: auto;
  display: block;
}
footer.landing-page-footer {
  padding-top: 0;
  height: 18.8rem;
}
@media screen and (max-width: 1023px) {
  footer.landing-page-footer {
    height: 12rem;
    padding: 0;
  }
  footer .basic-grid {
    display: block;
    padding: 2rem 1.6rem;
  }
  footer .basic-grid .footer-left {
    max-width: unset;
  }
  footer .basic-grid .footer-left .social-list {
    padding-bottom: 4rem;
  }
  footer .basic-grid .footer-right {
    padding-left: 0;
  }
  footer .basic-grid .footer-right .footer-right-top > div > ul {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0;
    row-gap: 3rem;
  }
  footer .basic-grid .footer-right .footer-right-top > div > ul > li {
    flex: 0 0 46%;
  }
  footer .basic-grid .footer-right .footer-right-bottom ul {
    flex-wrap: wrap;
    gap: 0;
  }
  footer .basic-grid .footer-right .footer-right-bottom ul li {
    flex: 0 0 50%;
  }
  footer .basic-grid .footer-right-bottom {
    display: block;
  }
  footer .basic-grid .footer-right-bottom .menu-footer-legal-container {
    padding-left: 0;
  }
}

.get-in-touch-popup-component {
  padding: 0 !important;
  box-sizing: border-box;
  position: fixed;
  left: 0;
  width: 100%;
  background: white;
  z-index: 99999999999;
  top: -100vh;
  transition: 0.3s all ease-in-out;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  pointer-events: none;
  height: 100vh;
}
.get-in-touch-popup-component .get-in-touch-popup-content {
  height: 58rem;
  background: white;
  padding: 6rem;
  box-sizing: border-box;
}
.get-in-touch-popup-component .basic-grid {
  height: 100%;
}
.get-in-touch-popup-component .logo {
  width: 14.4rem;
  height: 4.8rem;
  margin-bottom: 6rem;
}
.get-in-touch-popup-component .logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.get-in-touch-popup-component.show {
  top: 0;
  opacity: 1;
  pointer-events: all;
}
.get-in-touch-popup-component #close-contact-popup {
  width: 3.2rem;
  height: 3.2rem;
  position: absolute;
  top: 0;
  right: 0;
  background: url("../image/close-contact-popup.svg") no-repeat center;
  background-size: contain;
  border: none;
  transition: 0.3s all;
}
.get-in-touch-popup-component h2 {
  color: #FFCD42;
  margin: 0;
}
.get-in-touch-popup-component .left-side {
  flex: 0 0 45%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.get-in-touch-popup-component .left-side.show-social {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.get-in-touch-popup-component .left-side p {
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 2.8rem */
  margin: 3rem 0 0 0;
}
.get-in-touch-popup-component .left-side p a {
  color: #FFCD42;
}
.get-in-touch-popup-component .right-side {
  flex: 0 0 45%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.get-in-touch-popup-component .right-side form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.4rem;
}
.get-in-touch-popup-component .right-side form .wpcf7-not-valid-tip {
  position: absolute;
  bottom: -2.5rem;
}
.get-in-touch-popup-component .right-side form .wpcf7-acceptance input {
  width: auto !important;
  margin: 0 1.52rem 0 0;
}
.get-in-touch-popup-component .right-side form .wpcf7-acceptance span {
  display: block;
}
.get-in-touch-popup-component .right-side form .wpcf7-acceptance label {
  display: flex;
  align-items: center;
}
.get-in-touch-popup-component .right-side.contact-form label[for=message] {
  grid-column: 1/3;
}
.get-in-touch-popup-component .right-side.grow-form label[for=select], .get-in-touch-popup-component .right-side.schedule-form label[for=select] {
  grid-column: 1/3;
}
.get-in-touch-popup-component .right-side.grow-form label[for=message], .get-in-touch-popup-component .right-side.schedule-form label[for=message] {
  grid-column: 1/3;
}
.get-in-touch-popup-component .right-side label {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 2.24rem */
  display: block;
}
.get-in-touch-popup-component .right-side .wpcf7-form-control-wrap {
  display: block;
}
.get-in-touch-popup-component .right-side input, .get-in-touch-popup-component .right-side select, .get-in-touch-popup-component .right-side textarea {
  margin-top: 1rem;
  padding-left: 1rem;
  padding-bottom: 1rem;
  font-size: 1.6rem !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 140% !important;
  color: rgb(140, 156, 204) !important;
  border: none !important;
  border-bottom: 1px solid rgb(140, 156, 204) !important;
  width: 100% !important;
  max-width: none !important;
  border-radius: 0 !important;
  box-sizing: border-box;
}
.get-in-touch-popup-component .right-side input::placeholder, .get-in-touch-popup-component .right-side select::placeholder, .get-in-touch-popup-component .right-side textarea::placeholder {
  color: rgb(140, 156, 204);
}
.get-in-touch-popup-component .right-side select {
  background: url(../image/arrow-down.svg) right 1rem center no-repeat !important;
  appearance: none;
}
.get-in-touch-popup-component .right-side textarea {
  height: 10rem;
}
.get-in-touch-popup-component .right-side input[type=submit] {
  margin-top: 2rem !important;
  font-size: 2rem !important;
  font-style: normal !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  color: #FFCD42 !important;
  background: #FFCD42 !important;
  display: inline-block !important;
  padding: 1.2rem 2.4rem !important;
  transition: 0.3s all !important;
  color: white !important;
  width: 100% !important;
  height: auto !important;
  border: none;
}
.get-in-touch-popup-component .right-side input[type=submit]:hover {
  background-color: #7DE689 !important;
}
.get-in-touch-popup-component .right-side .submit-wrapper {
  grid-column: 1/3;
}
.get-in-touch-popup-component .right-side .wpcf7-spinner {
  position: absolute;
  right: 0;
  top: 3.5rem;
}
.get-in-touch-popup-component .right-side .wpcf7-response-output {
  grid-column: 1/3;
  padding: 0;
  margin: 0;
  border: none;
  font-size: 1.4rem;
}
.get-in-touch-popup-component .brand-animation-stage {
  pointer-events: none;
}
.get-in-touch-popup-component .animation-holder {
  width: 8.2rem;
  height: 100%;
  animation: zoomed-brand 10s;
  transform: translateX(10vw);
  animation-iteration-count: infinite;
}
.get-in-touch-popup-component .top-shpitz {
  width: 8.2rem;
  height: 17.9rem;
  background: url(../image/top-shpitz.svg) no-repeat !important;
  background-size: contain;
  position: absolute;
  top: 0;
}
.get-in-touch-popup-component .bottom-shpitz {
  width: 8.2rem;
  height: 17.9rem;
  background: url(../image/bottom-shpitz.svg) no-repeat !important;
  background-size: contain;
  position: absolute;
  bottom: 0;
}
@media screen and (max-width: 1023px) {
  .get-in-touch-popup-component .right-side form {
    display: flex;
    flex-direction: column;
  }
  .get-in-touch-popup-component.component {
    padding: 0 !important;
    height: 100vh;
    overflow: auto;
    padding-bottom: 4rem !important;
    background: white;
  }
  .get-in-touch-popup-component .brand-animation-stage {
    display: none !important;
  }
  .get-in-touch-popup-component .get-in-touch-popup-content {
    padding: 2rem 1.6rem;
    height: auto;
  }
  .get-in-touch-popup-component .get-in-touch-popup-content .logo {
    margin-bottom: 2rem;
  }
  .get-in-touch-popup-component .social-menu {
    position: static;
    margin-top: 2rem;
  }
  .get-in-touch-popup-component .social-menu a {
    flex: 0 0 3.2rem;
    width: 3.2rem;
    height: 3.2rem;
    font-size: 1.2rem;
  }
  .get-in-touch-popup-component .basic-grid {
    display: block;
  }
  .get-in-touch-popup-component .basic-grid .left-side {
    margin-bottom: 4rem;
  }
  .get-in-touch-popup-component .basic-grid .left-side p {
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
  }
  .get-in-touch-popup-component .basic-grid .right-side input[type=submit] {
    padding: 0.8rem 2rem !important;
  }
  .get-in-touch-popup-component .basic-grid span[data-name=acceptance-166] {
    grid-column: 1/3;
  }
}

.social-menu ul {
  display: flex;
  gap: 2rem;
}
.social-menu a {
  font-family: "icons";
  background: var(--Primary-Grey2, #F7FAFA);
  text-decoration: none;
  width: 5.6rem;
  height: 5.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 1.6rem;
}

@keyframes zoomed-brand {
  0% {
    transform: translateX(10vw);
  }
  20% {
    transform: translateX(40vw);
  }
  40% {
    transform: translateX(10vw);
  }
  60% {
    transform: translateX(20vw);
  }
  70% {
    transform: translateX(10vw);
  }
  100% {
    transform: translateX(10vw);
  }
}
@font-face {
  font-family: "icons";
  /*src: url("../font/icomoon.woff");*/
}
body {
  margin: 0;
  /*font-family: "Figtree", serif;*/
  /*font-optical-sizing: auto;*/
  font-weight: 400;
  font-style: normal;
}

/** {*/
/*  font-family: "Figtree", serif;*/
/*}*/
*:focus {
  outline: 1px dotted grey;
}
*:hover, *:active {
  outline: none;
}

section:nth-child(1) {
  padding-top: 14rem;
}

.super-title {
  font-size: 9.2rem;
  font-style: normal;
  font-weight: 800;
  line-height: 100%; /* 9.2rem */
}

.big-title {
  text-align: center;
  margin-top: 0;
  font-size: 4rem;
  font-style: normal;
  color: #141414;
  font-weight: 700;
  line-height: 100%; /* 7rem */
}

.medium-title {
  font-size: 4.8rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 4.8rem */
}

.small-title {
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 3.84rem */
}

.big-paragraph,
.big-paragraph p {
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 2.8rem */
}

.small-paragraph {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 2.24rem */
}

.basic-grid {
  width: 100%;
  max-width: 168rem;
  margin: auto;
}

.black {
  color: rgb(20, 20, 20);
}

.blue {
  color: #FFCD42;
}

.green {
  color: rgb(122, 244, 68);
}

.pink {
  color: #7DE689;
}

.orange {
  color: rgb(253, 152, 51);
}

.grey {
  color: rgb(247, 250, 250);
}

.purple-grey {
  color: rgb(140, 156, 204);
}

.component {
  padding: 6rem;
  box-sizing: border-box;
}

.basic-btn {
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  color: #FFCD42;
  background: rgb(247, 250, 250);
  display: inline-block;
  padding: 1.2rem 2.4rem;
  transition: 0.3s all;
  background: white;
}
.basic-btn:hover {
  background: #FFCD42;
  color: white;
}
.basic-btn.active {
  background: #FFCD42;
  color: white;
  pointer-events: none;
}

.video-wrapper {
  position: relative;
}

.play-btn-con {
  z-index: 9999999;
  transition: 0.3s all;
}
.play-btn-con.playing {
  opacity: 0;
  visibility: hidden;
}

.play-btn {
  width: 8rem;
  height: 8rem;
  background: url("../image/play.svg") no-repeat center;
  background-size: 8rem;
  border: none;
}

.new-entrance {
  animation: new-entrance 1s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-out;
  opacity: 0;
}

@keyframes new-entrance {
  0% {
    opacity: 0;
    transform: translateY(2rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: grey;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: black;
}

@media screen and (max-width: 1023px) {
  .super-title {
    font-size: 6rem;
    font-style: normal;
    font-weight: 800;
    line-height: 100%; /* 6rem */
  }
  .big-title {
    font-size: 4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 4rem */
  }
  .medium-title {
    font-size: 4.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 4.8rem */
  }
  .small-title {
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 2.4rem */
  }
  .big-paragraph,
.big-paragraph p {
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 2.8rem */
  }
  .small-paragraph {
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 2.24rem */
  }
  .basic-grid {
    width: 100%;
    max-width: 168rem;
    margin: auto;
    max-width: 40rem;
  }
  .component {
    padding: 4rem 1.6rem !important;
  }
  .component:first-child {
    padding-top: 10rem !important;
  }
}
@media only screen and (min-width: 1921px) {
  html {
    font-size: 12px !important;
  }
}
@media only screen and (min-width: 1365px) {
  html {
    font-size: 10px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1364px) {
  html {
    font-size: 9px !important;
  }
}
@media only screen and (max-width: 1023px) {
  html {
    font-size: 10px;
  }
}

/*# sourceMappingURL=theme-style.css.map */