/*
Theme Name: Business Evaluation
Text Domain: toomasolev
*/
*,
::after,
::before {
  box-sizing: border-box;
}
*,
ul {
  margin: 0;
  padding: 0;
}
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
canvas,
img,
picture,
svg,
video {
  display: block;
  max-width: 100%;
}
button,
input,
select,
textarea {
  font: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  overflow-wrap: break-word;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  text-align: balance;
}
li {
  list-style: none;
  color: inherit;
  font-size: inherit;
}
p,
li,
figcaption {
  max-width: 85ch;
  text-wrap: pretty;
}
a {
  text-decoration: none;
  color: inherit;
  font-size: inherit;
}
html,
body {
  overflow-x: hidden;
  overflow-x: clip;
  scroll-behavior: smooth;
}
body {
  min-height: 100vh;
  /* font-family: "Regular"; */
  font-family: 'Montserrat', sans-serif;
  color: #fff;
  background-color: #050815;
}
.wrapper {
  /* max-width: 2200px;
  margin-inline: auto; */
  max-width: 1280px; /* või 1440px, vastavalt soovile */
  margin: 0 auto;
  padding-inline: 20px; /* lisaks pisut tühikut külgedele */
}
button {
  color: inherit;
}
[x-cloak] {
  display: none !important;
}
.header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 2200px;
  margin: 0 auto;
  padding: 16px 20px;
  box-sizing: border-box;
}

.header__logo img {
  height: 40px;
  width: auto;
  max-width: 100%;
  display: block;
}
.header {
  width: 100%;
  max-width: 2200px;
  margin: 0 auto;
  position: sticky;
  top: 0;
  /* padding: clamp(3.2px, 1vw, 22px) clamp(30.63px, 9.58vw, 210.58px)
    clamp(3.2px, 1vw, 22px) clamp(16px, 5vw, 110px); */
  /* padding: clamp(10px, 2vw, 20px) clamp(20px, 5vw, 60px); */
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 20;
  background-color: #050815;
}
@media screen and (max-width: 690px) {
  .header {
    padding: 21px 10.15vw;
  }
}

.header__logo {
  width: clamp(61.49px, 19.22vw, 422.72px);
  height: clamp(12.12px, 3.79vw, 83.29px);
}
.header__logo img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
  object-position: center;
  -o-object-fit: contain;
  object-fit: contain;
}
@media screen and (max-width: 690px) {
  .header__logo {
    width: 38.56vw;
    height: 7.69vw;
  }
}
.header__menu-group {
  display: flex;
  overflow: hidden;
  align-items: center;
  gap: clamp(13.72px, 4.29vw, 94.29px);
  transition: grid-template-rows 0.5s ease-in-out;
}
@media screen and (max-width: 690px) {
  .header__menu-group {
    position: absolute;
    display: grid;
    gap: 0;
    grid-template-rows: 21.74vw 40vw 40.44vw;
    align-items: start;
    top: 0;
    right: 0;
    left: 0;
    background-color: #161a2b;
    padding-inline: 10px;
    z-index: 5;
  }
}
.header__menu-group[aria-hidden="true"] {
  grid-template-rows: 0px 0px 0px;
}
.header__ul {
  display: flex;
  align-items: center;
  /* gap: clamp(13.72px, 4.29vw, 94.29px); */
  gap: clamp(8px, 2vw, 32px);
}
.header__ul a {
  transition: color 0.3s ease;
  font-family: "Regular";
  font-size: clamp(4.12px, 1.29vw, 28.29px);
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media screen and (max-width: 690px) {
  .header__ul a {
    font-size: 4.06vw;
  }
}
.header__ul a:is(:hover, :focus-visible) {
  color: rgba(255, 255, 255, 0.7);
}
@media screen and (max-width: 690px) {
  .header__ul {
    flex-direction: column;
    gap: 5.8vw;
  }
}
.header__btn {
  color: #fff;
  background: rgba(0, 0, 0, 0);
  cursor: pointer;
  border-radius: clamp(2.29px, 0.72vw, 15.72px);
  padding: clamp(2.06px, 0.65vw, 14.15px) clamp(8.92px, 2.79vw, 61.29px);
  border: clamp(0.23px, 0.08vw, 1.58px) solid #a38128;
  text-transform: uppercase;
  transition: background-color 0.3s ease;
  font-family: "Regular";
  font-size: clamp(4.12px, 1.29vw, 28.29px);
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media screen and (max-width: 690px) {
  .header__btn {
    font-size: 2.61vw;
  }
}
.header__btn:is(:hover, :focus-visible) {
  background: linear-gradient(
    92deg,
    #a38128 1.69%,
    #d7b65f 22.83%,
    #bf9c3d 58.22%,
    #e9e28f 82.8%,
    #9f7a25 100%
  );
}
@media screen and (max-width: 690px) {
  .header__btn {
    padding: 9px 39px;
    width: min(-moz-max-content, 100%);
    width: min(max-content, 100%);
    margin-inline: auto;
    margin-top: 20.29vw;
  }
}
.header__burger-btn {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  display: none;
  cursor: pointer;
}
.header__burger-btn img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
  object-position: center;
  -o-object-fit: contain;
  object-fit: contain;
}
@media screen and (max-width: 690px) {
  .header__burger-btn {
    display: block;
  }
}
.header__burger-btn--open {
  width: 7.25vw;
  height: 5.8vw;
}
.header__burger-btn--close {
  margin-top: 34px;
  margin-right: 10.15vw;
  margin-left: auto;
  width: 4.64vw;
  height: 4.64vw;
}
.footer {
  background-color: #1f2333;
  padding: clamp(13.72px, 4.29vw, 94.29px) clamp(30.63px, 9.58vw, 210.58px);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 690px) {
  .footer {
    padding: 8.7vw 10.15vw;
    gap: 2.9vw;
  }
}
.footer__logo {
  /* height: clamp(14.63px, 4.58vw, 100.58px);
  width: clamp(111.32px, 34.79vw, 765.29px);
  margin-bottom: clamp(18.29px, 5.72vw, 125.72px); */
  width: 180px;
  margin-bottom: 16px;
}
.footer__logo img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
  object-position: center;
  -o-object-fit: contain;
  object-fit: contain;
}
@media screen and (max-width: 690px) {
  .footer__logo {
    height: 9.28vw;
    width: 39.14vw;
    margin-bottom: 11.6vw;
  }
}
.footer__copyright {
  font-family: "Regular";
  font-size: clamp(5.49px, 1.72vw, 37.72px);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: clamp(-0.05px, -0.01vw, -0.37px);
}
@media screen and (max-width: 690px) {
  .footer__copyright {
    font-size: 3.48vw;
  }
}
@media screen and (max-width: 690px) {
  .footer__copyright {
    font-size: 3.48vw;
  }
}
.footer__socials {
  display: flex;
  align-items: center;
  gap: clamp(4.58px, 1.43vw, 31.43px);
  flex-shrink: 0;
}
@media screen and (max-width: 690px) {
  .footer__socials {
    gap: 2.9vw;
    align-self: flex-end;
  }
}
.footer__social {
  width: clamp(11.43px, 3.58vw, 78.58px);
  height: clamp(11.43px, 3.58vw, 78.58px);
}
.footer__social img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
  object-position: center;
  -o-object-fit: contain;
  object-fit: contain;
}
@media screen and (max-width: 690px) {
  .footer__social {
    width: 7.25vw;
    height: 7.25vw;
  }
}
.footer__ul {
  display: grid;
  gap: clamp(6.86px, 2.15vw, 47.15px);
}
.footer__ul a {
  transition: color 0.3s ease;
  font-family: "Regular";
  font-size: clamp(5.49px, 1.72vw, 37.72px);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: clamp(-0.05px, -0.01vw, -0.37px);
}
@media screen and (max-width: 690px) {
  .footer__ul a {
    font-size: 3.48vw;
  }
}
.footer__ul a:is(:hover, :focus-visible) {
  color: rgba(255, 255, 255, 0.7);
}
@media screen and (max-width: 690px) {
  .footer__ul a {
    font-size: 3.48vw;
  }
}
@media screen and (max-width: 690px) {
  .footer__ul {
    gap: 4.35vw;
  }
}

/* CUSTOM FOOTER START */
.site-footer::before {
  content: "";
  display: block;
  height: 2px;
  width: 100%;
  background: linear-gradient(to right, #d7b65f 0%, #a38128 100%);
  margin-bottom: 40px;
}

.site-footer {
  width: 100%;
  background-color: #050815;
  color: #fff;
  padding: clamp(40px, 5vw, 80px) 5vw clamp(10px, 1vw, 20px);
  font-family: "Regular", sans-serif;
}

.footer__container {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 40px;
  align-items: start;
}

.footer__tagline {
  font-size: 16px;
  line-height: 1.4;
  color: #bbb;
  max-width: 320px;
}

.footer__nav ul,
.footer__ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer__nav a,
.footer__ul a {
  color: #fff;
  text-decoration: none;
  display: block;
  margin-bottom: 12px;
  transition: color 0.3s;
}

.footer__nav a:hover,
.footer__ul a:hover {
  color: #d7b65f;
}

.footer__contact a {
  color: #d7b65f;
  text-decoration: none;
}

.footer__socials {
  display: flex;
  gap: 16px;
  align-items: center;
}

.footer__socials img {
  width: 28px;
  height: 28px;
  filter: brightness(0) invert(1);
  transition: filter 0.3s;
}

.footer__socials a:hover img {
  filter: brightness(1) invert(0.7);
}

.footer__legal {
  grid-column: -2 / -1;
  text-align: right;
  font-size: 14px;
  color: #777;
  margin-top: 0;
  align-self: end;
}
/* CUSTOM FOOTER END */

.hero {
    max-width: 1280px; /* või 1440px, vastavalt soovile */
  margin: 0 auto;
  padding-inline: 20px; /* lisaks pisut tühikut külgedele */
  /* padding: clamp(18.29px, 5.72vw, 125.72px) clamp(16px, 5vw, 110px)
    clamp(14.86px, 4.65vw, 102.15px) clamp(16px, 5vw, 110px); */
    padding: clamp(9.14px, 2.86vw, 62.86px) clamp(16px, 5vw, 110px) clamp(14.86px, 4.65vw, 102.15px) clamp(16px, 5vw, 110px);
  position: relative;
}
@media screen and (max-width: 690px) {
  .hero {
    padding: 8.99vw 5.8vw;
  }
}
.hero__content {
  padding: clamp(12.35px, 3.86vw, 84.86px) clamp(14.63px, 4.58vw, 100.58px);
  border-radius: clamp(2.29px, 0.72vw, 15.72px);
  border: clamp(0.23px, 0.08vw, 1.58px) solid rgba(255, 255, 255, 0.3);
  background-color: #1f2333;
}
@media screen and (max-width: 690px) {
  .hero__content {
    padding: 8.7vw 4.35vw 14.5vw;
    margin-bottom: 54.21vw;
  }
}
.hero__title {
  width: clamp(141.49px, 44.22vw, 972.72px);
  margin-bottom: clamp(4.58px, 1.43vw, 31.43px);
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  /* font-family: "ExtraBold"; */
  /* font-size: clamp(22.86px, 7.15vw, 157.15px); */
  font-size: clamp(28px, 4vw, 50px);
  font-style: normal;
  font-weight: 500;
  /* line-height: 85%; */
  line-height: 1.2;
  letter-spacing: clamp(-0.91px, -0.28vw, -6.28px);
  /* text-transform: uppercase; */
}
@media screen and (max-width: 690px) {
  .hero__title {
    /* font-size: 14.5vw; */
  font-size: clamp(24px, 5vw, 48px); /* universally better range */
  line-height: 1.2;
  }
}
@media screen and (max-width: 690px) {
  .hero__title {
    width: 100%;
    margin-bottom: 20px;
  }
}
.hero__description {
  /* width: clamp(141.49px, 44.22vw, 972.72px); */
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  /* font-family: "SemiBold"; */
  /* font-size: clamp(6.4px, 2vw, 44px); */
  font-size: clamp(18px, 2vw, 22px);
  font-style: normal;
  font-weight: 400;
  /* line-height: 115%; */
  line-height: 1.6;
  letter-spacing: clamp(-0.25px, -0.08vw, -1.76px);
  padding-right: 64px;
}
@media screen and (max-width: 690px) {
  .hero__description {
    font-size: 4.06vw;
  }
}
@media screen and (max-width: 690px) {
  .hero__description {
    width: 100%;
    font-size: 4.06vw;
  }
}
.hero__image-wrapper {
  position: absolute;
  z-index: 2;
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
  top: 0;
  right: 0;
  bottom: 0;
  width: clamp(215.55px, 67.36vw, 981.86px);
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 690px) {
  .hero__image-wrapper {
    width: auto;
    height: 105.37vw;
    top: auto;
    left: -22.75vw;
    justify-content: flex-start;
  }
}
.hero__image-wrapper::after {
  content: "";
  position: absolute;
  bottom: clamp(20px, -10vw, -220px);
  right: 0;
  left: 0;
  height: clamp(19.66px, 6.15vw, 135.15px);
  border-radius: 656px;
  background: #12141d;
  z-index: 2;
  filter: blur(20px);
}
@media screen and (max-width: 690px) {
  .hero__image-wrapper::after {
    bottom: 10px;
    height: 50px;
  }
}


.hero__ul {
  /* margin-top: clamp(77.95px, 24.36vw, 535.86px);
  margin-right: clamp(30.63px, 9.58vw, 210.58px);
  display: grid;
  place-content: start;
  gap: clamp(6.86px, 2.15vw, 47.15px); */
  margin-top: clamp(24px, 5vw, 80px);
  margin-right: clamp(16px, 3vw, 60px);
  display: grid;
  place-content: start;
  gap: clamp(8px, 1.5vw, 24px);
}
@media screen and (max-width: 690px) {
  .hero__ul {
    margin-top: 40.44vw;
    margin-left: 31.02vw;
  }
}
.hero__ul li {
  display: flex;
  align-items: center;
  gap: clamp(2.75px, 0.86vw, 18.86px);
  background-color: rgba(22, 26, 42, 0.8) !important;
  padding: 0.3em 1em !important;
  border-radius: 0.4em !important;
  border: 0.02em solid #a38128 !important;
  font-family: "Regular";
  font-size: clamp(4.12px, 1.29vw, 28.29px);
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media screen and (max-width: 690px) {
  .hero__ul li {
    font-size: 2.61vw;
  }
}
@media screen and (max-width: 690px) {
  .hero__ul li {
    gap: 10px;
  }
}
.hero__ul li::before {
  content: "";
  width: clamp(2.75px, 0.86vw, 18.86px);
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: linear-gradient(
    92deg,
    #a38128 1.69%,
    #d7b65f 22.83%,
    #bf9c3d 58.22%,
    #e9e28f 82.8%,
    #9f7a25 100%
  );
}
@media screen and (max-width: 690px) {
  .hero__ul li::before {
    width: 10px;
  }
}
.hero__btn-group {
  display: flex;
  align-items: center;
  margin-left: clamp(30.63px, 9.58vw, 210.58px);
  margin-top: clamp(9.15px, 2.86vw, 62.86px);
  z-index: 3;
}

/* ===================== */
/* Hero bullet arrows    */
/* ===================== */

.arrow-list {
    list-style: none;
    padding: 16px 0 0 0; /* top, right, bottom, left */
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
  }
  
  .arrow-list li {
    display: flex;
    align-items: center;
    background-color: rgba(22, 26, 42, 0.85);
    padding: 6px 12px;
    border: 1px solid rgba(163, 129, 40, 0.6);
    border-radius: 6px;
    font-size: 19px;
    color: #fff;
    width: 100%;
    max-width: 280px;
    box-sizing: border-box;
    justify-content: flex-start;
  }
  
  .arrow-list .arrow {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 10px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid #d7b65f;
  }


@media screen and (max-width: 690px) {
  .hero__btn-group {
    flex-direction: column;
    margin-left: 0;
    margin-top: 0;
  }
}
.hero__link {
  z-index: 3;
  width: clamp(41.15px, 12.86vw, 282.86px);
  text-transform: uppercase;
  transition: color 0.3s ease;
  text-decoration: underline;
  font-family: "Regular";
  font-size: clamp(5.03px, 1.58vw, 34.58px);
  font-style: normal;
  font-weight: 400;
  line-height: 115%;
}
@media screen and (max-width: 690px) {
  .hero__link {
    font-size: 3.19vw;
  }
}
.hero__link:is(:hover, :focus-visible) {
  color: rgba(255, 255, 255, 0.7);
}
@media screen and (max-width: 690px) {
  .hero__link {
    order: 2;
    width: auto;
    margin-top: 2.9vw;
  }
}
.hero__btn {
  z-index: 3;
  text-transform: uppercase;
  text-transform: uppercase;
  cursor: pointer;
  border: none;
  display: grid;
  place-content: center;
  color: #1f2333;
  border-radius: clamp(2.29px, 0.72vw, 15.72px);
  width: clamp(80.69px, 25.22vw, 554.72px);
  height: clamp(13.72px, 4.29vw, 94.29px);
  background: linear-gradient(
    92deg,
    #a38128 1.69%,
    #d7b65f 22.83%,
    #bf9c3d 58.22%,
    #e9e28f 82.8%,
    #9f7a25 100%
  );
  font-size: clamp(4.12px, 1.29vw, 28.29px);
  font-family: "Bold";
}
.hero__btn:is(:hover, :focus-visible) {
  background: #fff;
}
@media screen and (max-width: 690px) {
  .hero__btn {
    width: 90%;
    height: 13.56vw;
    font-size: 4.06vw;
  }
}
.case {
  /* margin-top: clamp(18.29px, 5.72vw, 125.72px); */
  padding: clamp(40px, 6vw, 80px) 20px;
  background-color: #0c0f1f;
  color: #fff;
}
@media screen and (max-width: 690px) {
  .case {
    margin-top: 8.7vw;
  }
}
.case__title {
  text-align: center;
  /*width: clamp(162.06px, 50.65vw, 1114.15px); */
  width: clamp(141.49px, 44.22vw, 972.72px);
  margin-inline: auto;
  margin-bottom: clamp(2.29px, 0.72vw, 15.72px);
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-family: "ExtraBold";
  /* font-size: clamp(22.86px, 7.15vw, 157.15px); */
  font-size: clamp(28px, 4vw, 48px);
  font-style: normal;
  font-weight: 800;
  /* line-height: 85%; */
  line-height: 1.2;
  /* letter-spacing: clamp(-0.91px, -0.28vw, -6.28px); */
  /*text-transform: uppercase; */
}
@media screen and (max-width: 690px) {
  .case__title {
    font-size: 14.5vw;
  }
}
@media screen and (max-width: 690px) {
  .case__title {
    width: 100%;
  }
}
.case__subtitle {
  text-align: center;
  /* width: clamp(162.06px, 50.65vw, 1114.15px); */
  width: clamp(141.49px, 44.22vw, 972.72px);
  margin-inline: auto;
  margin-bottom: clamp(4.8px, 1.5vw, 33px);
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-family: "SemiBold";
  /* font-size: clamp(6.4px, 2vw, 44px); */
  font-size: clamp(16px, 2vw, 22px);
  line-height: 1.6;
  font-style: normal;
  font-weight: 600;
  /* line-height: 115%; */
  max-width: 60ch;
  /*letter-spacing: clamp(-0.25px, -0.08vw, -1.76px);*/
}
@media screen and (max-width: 690px) {
  .case__subtitle {
    font-size: 4.06vw;
  }
}
@media screen and (max-width: 690px) {
  .case__subtitle {
    margin-bottom: 3.34vw;
    width: 80%;
  }
}
.case__slider {
  overflow: hidden;
  margin-bottom: clamp(4.58px, 1.43vw, 31.43px);
}
.case__viewport {
  display: flex;
  align-items: flex-start;
  transition: transform 0.5s ease-in-out;
  height: 850px;
}
.case__viewport > * {
  flex: 1 0 100%;
}
.case__viewport--next {
  transform: translateX(-100%);
}
.case__slide {
  padding: clamp(4.58px, 1.43vw, 31.43px) clamp(30.63px, 9.58vw, 210.58px);
}
@media screen and (max-width: 690px) {
  .case__slide {
    padding: 2.9vw 5.8vw;
  }
}
.case__grid {
  display: grid;
  gap: clamp(20px, 2vw, 32px);
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.case__grid-img {
  width: clamp(11.89px, 3.72vw, 81.72px);
  aspect-ratio: 1/1;
  flex-shrink: 0;
}
@media screen and (max-width: 690px) {
  .case__grid-img {
    display: none;
  }
}
.case__grid-title {
  margin-bottom: clamp(2.29px, 0.72vw, 15.72px);
  /* font-family: "BartinaBold"; */
  /*font-size: clamp(7.78px, 2.43vw, 53.43px); */
  font-size: clamp(18px, 2vw, 28px);
  font-style: normal;
  font-weight: 700;
  /* line-height: 100%;*/
  line-height: 1.4;
  /*letter-spacing: clamp(-0.07px, -0.02vw, -0.53px);*/
  margin-bottom: 8px;
}
@media screen and (max-width: 690px) {
  .case__grid-title {
    font-size: 4.93vw;
  }
}
.case__grid-description {
  font-family: "Regular";
  /*font-size: clamp(5.49px, 1.72vw, 37.72px);*/
  font-size: clamp(14px, 1.2vw, 18px);
  font-style: normal;
  font-weight: 400;
  /*line-height: 100%;*/
  line-height: 1.6;
  /*letter-spacing: clamp(-0.05px, -0.01vw, -0.37px);*/
}
@media screen and (max-width: 690px) {
  .case__grid-description {
    font-size: 3.48vw;
  }
}
.case__image {
  /*height: clamp(91.89px, 28.72vw, 631.72px);*/
  height: clamp(45.95px, 14.36vw, 315.86px);
}
@media screen and (max-width: 690px) {
  .case__image {
    height: 38.99vw;
  }
}
.case__slide .case__grid {
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(6.86px, 2.15vw, 47.15px);
}
@media screen and (max-width: 690px) {
  .case__slide .case__grid {
    grid-template-columns: 1fr;
    gap: 4.35vw;
  }
}
@media screen and (max-width: 690px) {
  .case__slide .case__item {
    right: 7.25vw;
    bottom: 4.64vw;
  }
}
.case__hero {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: clamp(18.75px, 5.86vw, 128.86px);
  margin-bottom: clamp(9.15px, 2.86vw, 62.86px);
}
@media screen and (max-width: 690px) {
  .case__hero {
    margin-bottom: 5.8vw;
  }
}
.case__preview {
  background-color: #1f2333;
  padding: clamp(6.86px, 2.15vw, 35.15px);
  border: clamp(0.23px, 0.08vw, 1.58px) solid rgba(255, 255, 255, 0.3);
  border-radius: clamp(2.29px, 0.72vw, 15.72px);
  flex-grow: 10;
}
@media screen and (max-width: 690px) {
  .case__preview {
    padding: 4.35vw;
    padding: 4.35vw;
  }
}
.case__image {
  width: 100%;
  margin-bottom: clamp(4.58px, 1.43vw, 31.43px);
}
.case__image img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
  object-position: center;
  -o-object-fit: cover;
  object-fit: cover;
}
.case__description {
  font-family: "Regular";
  font-size: clamp(4.12px, 1.29vw, 28.29px);
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media screen and (max-width: 690px) {
  .case__description {
    font-size: 2.61vw;
  }
}
@media screen and (max-width: 690px) {
  .case__item {
    position: absolute;
  }
}
.case__number {
  background: linear-gradient(
    92deg,
    #b18728 14.36%,
    rgba(255, 250, 182, 0.9) 31.16%,
    #cfa944 58.71%,
    #edc968 85.49%,
    #b7912e 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: rgba(0, 0, 0, 0);
  font-family: "BartinaBold";
  /*font-size: clamp(77.26px, 24.15vw, 531.15px);*/
  font-size: clamp(47px, 14.7vw, 323px);
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /*letter-spacing: clamp(-0.77px, -0.24vw, -5.31px);*/
}
@media screen and (max-width: 690px) {
  .case__number {
    font-size: 18.56vw;
  }
}
@media screen and (max-width: 690px) {
  .case__number {
    text-align: end;
    position: relative;
    bottom: -5.79vw;
  }
}
.case__name {
  text-transform: uppercase;
  text-align: right;
  position: relative;
  top: clamp(-114.28px, -35.71vw, -785.71px);
  /*font-family: "BartinaSemibold";*/
  /*font-size: clamp(10.98px, 3.43vw, 75.43px);*/
  font-size: clamp(10px, 2vw, 35px);
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}
@media screen and (max-width: 690px) {
  .case__name {
    font-size: 6.96vw;
  }
}
@media screen and (max-width: 690px) {
  .case__name {
    top: 0;
  }
}
.case__controllers {
  display: flex;
  align-items: center;
  gap: clamp(4.58px, 1.43vw, 31.43px);
  width: -moz-max-content;
  width: max-content;
  margin-inline: auto;
  margin-bottom: clamp(13.72px, 4.29vw, 94.29px);
}
@media screen and (max-width: 690px) {
  .case__controllers {
    gap: 2.9vw;
  }
}
.case__btn {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  cursor: pointer;
  width: clamp(12.58px, 3.93vw, 86.43px);
  height: clamp(12.58px, 3.93vw, 86.43px);
  aspect-ratio: 1/1;
  flex: 1;
}
@media screen and (max-width: 690px) {
  .case__btn {
    width: 7.98vw;
    height: 7.98vw;
  }
}
.case__btn img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
  object-position: center;
  -o-object-fit: cover;
  object-fit: cover;
}
.webform {
  /* padding: clamp(13.72px, 4.29vw, 94.29px) clamp(30.63px, 9.58vw, 210.58px); */
  padding: clamp(2px, 0.66vw, 13px) clamp(10.21px, 3.19vw, 70.19px) clamp(4.57px, 1.43vw, 31.43px);
  /* padding: clamp(6px, 2vw, 40px) clamp(30.63px, 9.58vw, 210.58px) clamp(13.72px, 4.29vw, 94.29px); */

}
@media screen and (max-width: 690px) {
  .webform {
    padding: 8.7vw 16.67vw;
  }
}
.webform .wpcf7-form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: clamp(4.58px, 1.43vw, 31.43px);
  justify-content: center;
}
@media screen and (max-width: 690px) {
  .webform .wpcf7-form {
    flex-direction: column;
    gap: 1.45vw;
  }
}
.webform .wpcf7-form p {
  display: block;
  margin: 0;
}
.webform .wpcf7-form p span {
  display: block;
}
.webform .wpcf7-form input:not([type="submit"]) {
  width: 100%;
  display: block;
  max-width: clamp(50.29px, 15.72vw, 345.72px);
  border-radius: clamp(2.29px, 0.72vw, 15.72px);
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #999;
  color: #999;
  padding: clamp(1.83px, 0.58vw, 12.58px) clamp(4.58px, 1.43vw, 31.43px);
  margin-top: clamp(2.29px, 0.72vw, 15.72px);
  font-family: "Regular";
  font-size: clamp(4.12px, 1.29vw, 28.29px);
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media screen and (max-width: 690px) {
  .webform .wpcf7-form input:not([type="submit"]) {
    font-size: 2.61vw;
  }
}
@media screen and (max-width: 690px) {
  .webform .wpcf7-form input:not([type="submit"]) {
    max-width: 100%;
    padding: 1.16vw 2.9vw;
  }
}
.webform .wpcf7-form input.wpcf7-not-valid {
  border-color: #d92121;
}
.webform .wpcf7-form .wpcf7-response-output {
  flex: 1;
  max-width: -moz-max-content;
  max-width: max-content;
  margin-inline: auto;
}
.webform .wpcf7-submit {
  grid-column: span 2;
  margin: 0 auto;
  text-transform: uppercase;
  margin-left: clamp(8px, 2.5vw, 55px);
  text-transform: uppercase;
  cursor: pointer;
  border: none;
  display: grid;
  place-content: center;
  color: #1f2333;
  border-radius: clamp(2.29px, 0.72vw, 15.72px);
  width: clamp(80.69px, 25.22vw, 554.72px);
  height: clamp(13.72px, 4.29vw, 94.29px);
  background: linear-gradient(
    92deg,
    #a38128 1.69%,
    #d7b65f 22.83%,
    #bf9c3d 58.22%,
    #e9e28f 82.8%,
    #9f7a25 100%
  );
  font-size: clamp(4.12px, 1.29vw, 28.29px);
  font-family: "Bold";
}
.webform .wpcf7-submit:is(:hover, :focus-visible) {
  background: #fff;
}
@media screen and (max-width: 690px) {
  .webform .wpcf7-submit {
    width: 90%;
    height: 13.56vw;
    font-size: 4.06vw;
  }
}
@media screen and (max-width: 690px) {
  .webform .wpcf7-submit {
    margin-left: 0;
    margin-top: 2.9vw;
    width: 65.51vw;
  }
}
.webform__title {
  /* width: clamp(192.92px, 60.29vw, 1326.29px); */
  width: 100%;
  margin-bottom: clamp(4.58px, 1.43vw, 31.43px);
  margin-inline: auto;
  text-align: center;
  word-wrap: balance;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-family: "SemiBold";
  font-size: clamp(18px, 2.2vw, 32px);
  font-style: normal;
  font-weight: 600;
  line-height: 115%;
  letter-spacing: clamp(-0.25px, -0.08vw, -1.76px);
}
@media screen and (max-width: 690px) {
  .webform__title {
    font-size: 4.06vw;
  }
}
@media screen and (max-width: 690px) {
  .webform__title {
    width: 100%;
    margin-bottom: 2.9vw;
    font-size: 3.92vw;
  }
}
.services {
    max-width: 1280px; /* või 1440px, vastavalt soovile */
  margin: 0 auto;
  padding-inline: 20px; /* lisaks pisut tühikut külgedele */
  /* padding: clamp(18.29px, 5.72vw, 125.72px) clamp(30.63px, 9.58vw, 210.58px); */
  padding: clamp(10px, 3vw, 60px) clamp(30.63px, 9.58vw, 210.58px);
}
@media screen and (max-width: 690px) {
  .services {
    padding: 11.6vw 10.44vw;
  }
}
.services__title {
  /* margin-bottom: clamp(9.15px, 2.86vw, 62.86px); */
  margin-bottom: clamp(4.58px, 1.43vw, 31.43px);
  text-align: center;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-family: "ExtraBold";
  /* font-size: clamp(22.86px, 7.15vw, 157.15px); */
  font-size: clamp(22px, 4vw, 64px);
  line-height: 1.2;
  font-style: normal;
  font-weight: 800;
  /* line-height: 85%; */
  letter-spacing: clamp(-0.91px, -0.28vw, -6.28px);
  /* text-transform: uppercase; */
}
@media screen and (max-width: 690px) {
  .services__title {
    font-size: 14.5vw;
  }
}
@media screen and (max-width: 690px) {
  .services__title {
    margin-bottom: 5.8vw;
  }
}
.services__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  /* gap: clamp(9.15px, 2.86vw, 62.86px); */
  gap: clamp(6px, 1.5vw, 30px);
}
@media screen and (max-width: 690px) {
  .services__grid {
    grid-template-columns: 1fr;
    gap: 5.8vw;
  }
}
.services__item {
  display: flex;
  flex-direction: column;
}
.services__preview {
  background-color: #1f2333;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: clamp(2.29px, 0.72vw, 15.72px);
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media screen and (max-width: 690px) {
  .services__preview {
    border-radius: 1.45vw;
  }
}
.services__image {
  margin: clamp(6.86px, 2.15vw, 47.15px) clamp(13.26px, 4.15vw, 91.15px) 0
    clamp(13.26px, 4.15vw, 91.15px);
  border-radius: clamp(2.29px, 0.72vw, 15.72px);
}
@media screen and (max-width: 690px) {
  .services__image {
    margin: 4.35vw 8.41vw 0 8.41vw;
    border-radius: 1.45vw;
  }
}
.services__image img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
  object-position: center;
  -o-object-fit: cover;
  object-fit: cover;
}
.services__headline {
  /* padding: clamp(3.43px, 1.08vw, 23.58px); */
  text-align: center;
  border: clamp(0.46px, 0.15vw, 3.15px) solid #a38128;
  /* border-radius: clamp(3.43px, 1.08vw, 23.58px); */
  /* margin: clamp(4.58px, 1.43vw, 31.43px); */
  text-transform: uppercase;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-family: "SemiBold";
  /* font-size: clamp(6.4px, 2vw, 44px); */
  font-style: normal;
  font-weight: 600;
  line-height: 115%;
  letter-spacing: clamp(-0.25px, -0.08vw, -1.76px);
  font-size: clamp(14px, 1.5vw, 20px); /* smaller and more compact */
  padding: clamp(6px, 0.8vw, 12px);
  margin: clamp(6px, 1vw, 15px);
  border-radius: 8px;
  border-width: 2px;
  height: 60px; /* fixed height */
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 690px) {
  .services__headline {
    font-size: 4.06vw;
  }
}
@media screen and (max-width: 690px) {
  .services__headline {
    padding: 2.18vw;
    border: 0.29vw solid #a38128;
    border-radius: 2.18vw;
    margin: 2.47vw;
  }
}
.services__list {
  width: clamp(68.58px, 21.43vw, 471.43px);
  margin-inline: auto;
  /* margin-block: clamp(4.58px, 1.43vw, 31.43px) clamp(9.15px, 2.86vw, 62.86px); */
  font-family: "Regular";
  /* font-size: clamp(5.49px, 1.72vw, 37.72px); */
  font-style: normal;
  font-weight: 400;
  /* line-height: 100%; */
  letter-spacing: clamp(-0.05px, -0.01vw, -0.37px);
  margin-top: clamp(12px, 2vw, 24px);
  font-size: clamp(12px, 1vw, 16px);
  margin-block: clamp(8px, 1vw, 16px);
  line-height: 1.3;
  padding-left: 32px;
}
@media screen and (max-width: 690px) {
  .services__list {
    font-size: 3vw;
  }
}
.services__list li {
  list-style: disc;
}
@media screen and (max-width: 690px) {
  .services__list {
    width: 80%;
    margin-block: 2.9vw 5.8vw;
  }
}
.services__btn {
  margin-inline: auto;
  text-transform: uppercase;
  cursor: pointer;
  border: none;
  display: grid;
  place-content: center;
  color: #1f2333;
  border-radius: clamp(2.29px, 0.72vw, 15.72px);
  width: clamp(80.69px, 25.22vw, 554.72px);
  height: clamp(13.72px, 4.29vw, 94.29px);
  background: linear-gradient(
    92deg,
    #a38128 1.69%,
    #d7b65f 22.83%,
    #bf9c3d 58.22%,
    #e9e28f 82.8%,
    #9f7a25 100%
  );
  font-size: clamp(4.12px, 1.29vw, 28.29px);
  font-family: "Bold";
}
.services__btn:is(:hover, :focus-visible) {
  background: #fff;
}
@media screen and (max-width: 690px) {
  .services__btn {
    width: 90%;
    height: 13.56vw;
    font-size: 4.06vw;
  }
}
.services__link {
  margin-top: clamp(9.15px, 2.86vw, 62.86px);
  display: block;
  width: -moz-max-content;
  width: max-content;
  margin-inline: auto;
  text-decoration: underline;
  text-transform: uppercase;
  transition: color 0.3s ease;
  font-family: "Regular";
  font-size: clamp(5.03px, 1.58vw, 34.58px);
  font-style: normal;
  font-weight: 400;
  line-height: 115%;
}
@media screen and (max-width: 690px) {
  .services__link {
    font-size: 3.19vw;
  }
}
.services__link:is(:hover, :focus-visible) {
  color: rgba(255, 255, 255, 0.7);
}
@media screen and (max-width: 690px) {
  .services__link {
    margin-top: 5.8vw;
  }
}
.expert {
  padding: clamp(13.72px, 4.29vw, 94.29px) clamp(53.95px, 16.86vw, 370.86px);
}
@media screen and (max-width: 690px) {
  .expert {
    padding: 8.7vw 10.15vw;
  }
}
.expert__title {
  text-align: center;
  /* text-transform: uppercase; */
  position: relative;
  top: clamp(4.58px, 1.43vw, 31.43px);
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-family: "ExtraBold";
  /* font-size: clamp(22.86px, 7.15vw, 157.15px); */
  font-size: clamp(28px, 4vw, 64px);
  font-style: normal;
  font-weight: 800;
  line-height: 85%;
  letter-spacing: clamp(-0.91px, -0.28vw, -6.28px);
  text-transform: uppercase;
}
@media screen and (max-width: 690px) {
  .expert__title {
    font-size: 14.5vw;
  }
}
@media screen and (max-width: 690px) {
  .expert__title {
    top: 2.9vw;
  }
}
.expert__flex {
  display: flex;
  align-items: center;
  gap: clamp(18.29px, 5.72vw, 125.72px);
}
@media screen and (max-width: 690px) {
  .expert__flex {
    flex-direction: column;
    gap: 5.8vw;
  }
}
.expert__image {
  width: clamp(82.52px, 25.79vw, 567.29px);
  height: clamp(102.18px, 31.93vw, 702.43px);
  flex-shrink: 0;
}
.expert__image img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
  object-position: center;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (max-width: 690px) {
  .expert__image {
    width: 52.32vw;
    height: 64.79vw;
  }
}
.expert__content {
  height: -moz-max-content;
  height: max-content;
}
.expert__list {
  display: grid;
  gap: clamp(4.58px, 1.43vw, 31.43px);
  margin-bottom: clamp(9.15px, 2.86vw, 62.86px);
  font-family: "Regular";
  /* font-size: clamp(5.49px, 1.72vw, 37.72px); */
  font-size: clamp(16px, 1.5vw, 20px);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  /* letter-spacing: clamp(-0.05px, -0.01vw, -0.37px); */
  letter-spacing: -0.3px;
}
@media screen and (max-width: 690px) {
  .expert__list {
    font-size: 3.48vw;
  }
}
@media screen and (max-width: 690px) {
  .expert__list {
    gap: 2.9vw;
    margin-bottom: 5.8vw;
  }
}
.expert__btn {
  text-transform: uppercase;
  cursor: pointer;
  border: none;
  display: grid;
  place-content: center;
  color: #1f2333;
  border-radius: clamp(2.29px, 0.72vw, 15.72px);
  width: clamp(80.69px, 25.22vw, 554.72px);
  height: clamp(13.72px, 4.29vw, 94.29px);
  background: linear-gradient(
    92deg,
    #a38128 1.69%,
    #d7b65f 22.83%,
    #bf9c3d 58.22%,
    #e9e28f 82.8%,
    #9f7a25 100%
  );
  font-size: clamp(4.12px, 1.29vw, 28.29px);
  font-family: "Bold";
}
.expert__btn:is(:hover, :focus-visible) {
  background: #fff;
}
@media screen and (max-width: 690px) {
  .expert__btn {
    width: 90%;
    height: 13.56vw;
    font-size: 4.06vw;
  }
}
@media screen and (max-width: 690px) {
  .expert__btn {
    width: 100%;
  }
}

.expert-section {
  padding: clamp(40px, 5vw, 80px) 5vw;
  background-color: #050815;
  display: flex;
  justify-content: center;
  align-items: center;
}

.expert-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 3vw;
  align-items: stretch;
  max-width: 1200px;
  width: 100%;
  position: relative;
}

.expert-image {
  flex: 0 0 320px;
  display: flex;
  align-items: center;
}

.expert-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

.glass-card {
  flex: 1;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(10px);
  padding: 3rem;
  border-radius: 12px;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.expert-title {
  /* font-family: "ExtraBold", sans-serif; */
  font-size: clamp(28px, 4vw, 45px);
  font-weight: 550;
  line-height: 1.2;
  margin-bottom: 1rem;
  letter-spacing: -0.5px;
}

.expert-text {
  font-size: clamp(16px, 1.5vw, 20px);
  line-height: 1.6;
  margin-bottom: 1rem;
}


@media screen and (max-width: 768px) {
  .expert-wrapper {
    flex-direction: column;
    text-align: center;
  }
  .expert-content {
    margin-top: 2rem;
  }
  .expert-image,
  .expert-image img {
    height: auto;
  }
}

.checklist {
  /* padding: clamp(18.29px, 5.72vw, 125.72px) clamp(46.63px, 14.58vw, 320.58px); */
  padding: clamp(40px, 5vw, 80px) 5vw;
}
@media screen and (max-width: 690px) {
  .checklist {
    padding: 11.6vw 5.8vw 8.7vw;
  }
}
.checklist__wrapper {
  background-color: #1f2333;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: clamp(2.29px, 0.72vw, 15.72px);
  /* padding: clamp(13.72px, 2.29vw, 94.29px); */
  /* max-width: 1280px; */
  margin: 0 auto;
  /* padding: 0 5vw; */
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  box-sizing: border-box;
  max-width: 960px;
  padding: 40px 5vw;
}
@media screen and (max-width: 690px) {
  .checklist__wrapper {
    border-radius: 1.45vw;
    padding: 8.7vw 4.35vw;
  }
}
.checklist__title {
  /* text-transform: uppercase; */
  margin-bottom: clamp(4.58px, 1.43vw, 31.43px);
  font-family: "Bold";
  /* font-size: clamp(10.98px, 3.43vw, 75.43px); */
  font-size: clamp(22px, 4vw, 44px);
  font-style: normal;
  font-weight: 800;
  /* line-height: 100%; */
  letter-spacing: -0.3px;
  text-align: center;
}
@media screen and (max-width: 690px) {
  .checklist__title {
    font-size: 6.96vw;
    margin-bottom: 2.9vw;
  }
}
.checklist__description {
  /* width: clamp(129.38px, 40.43vw, 889.43px);
  margin-bottom: clamp(10.06px, 3.15vw, 69.15px);
  font-family: "Regular";
  font-size: clamp(5.49px, 1.72vw, 37.72px);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: clamp(-0.05px, -0.01vw, -0.37px); */
  font-size: clamp(14px, 1.8vw, 22px);
  line-height: 1.6;
  color: #ccc;
  text-align: center;
  max-width: 60ch;
  margin-inline: auto;
  margin-bottom: clamp(4.58px, 1.43vw, 31.43px);
}
@media screen and (max-width: 690px) {
  .checklist__description {
    font-size: 3.48vw;
  }
}
@media screen and (max-width: 690px) {
  .checklist__description {
    width: 100%;
    margin-bottom: 4.79vw;
  }
}
.checklist__form {
  display: flex;
  align-items: flex-start;
  gap: clamp(11.43px, 3.58vw, 78.58px);
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
@media screen and (max-width: 690px) {
  .checklist__form {
    flex-direction: column;
    gap: 2.9vw;
  }
}
@media screen and (max-width: 690px) {
  .checklist__input-wrapper {
    padding-inline: 4.35vw;
  }
}
.checklist__checkbox {
  border: clamp(0.23px, 0.08vw, 1.58px) solid #999;
  position: relative;
  display: grid;
  place-content: center;
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  width: clamp(4.58px, 1.43vw, 31.43px);
  aspect-ratio: 1/1;
  flex-shrink: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media screen and (max-width: 690px) {
  .checklist__checkbox {
    width: 2.9vw;
  }
}
.checklist__checkbox:checked {
  background-color: #1f2333;
}
.checklist__checkbox::before {
  position: absolute;
  content: "";
  inset: clamp(0.23px, 0.08vw, 1.58px);
  z-index: 20;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset clamp(2.29px, 0.72vw, 15.72px)
    clamp(2.29px, 0.72vw, 15.72px) #fff;
  transform-origin: bottom left;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}
@media screen and (max-width: 690px) {
  .checklist__checkbox::before {
    box-shadow: inset 1.45vw 1.45vw #fff;
    inset: 0.15vw;
  }
}
.checklist__checkbox:checked::before {
  transform: scale(1);
}
.checklist__checkbox-wrapper {
  display: flex;
  align-items: center;
  gap: clamp(2.29px, 0.72vw, 15.72px);
  color: #999;
}
@media screen and (max-width: 690px) {
  .checklist__checkbox-wrapper {
    gap: 1.45vw;
  }
}
.checklist__checkbox-wrapper label {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-family: "Regular";
  font-size: clamp(3.66px, 1.15vw, 25.15px);
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media screen and (max-width: 690px) {
  .checklist__checkbox-wrapper label {
    font-size: 2.32vw;
  }
}
.checklist__input-flex {
  display: flex;
  align-items: center;
  /* gap: clamp(4.58px, 1.43vw, 31.43px); */
  margin-bottom: clamp(2.29px, 0.72vw, 15.72px);
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  gap: clamp(8px, 2vw, 32px);
}
@media screen and (max-width: 690px) {
  .checklist__input-flex {
    margin-bottom: 1.45vw;
  }
}
.checklist__input {
  display: block;
  border-radius: clamp(2.29px, 0.72vw, 15.72px);
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #999;
  color: #999;
  padding: clamp(1.83px, 0.58vw, 12.58px) clamp(4.58px, 1.43vw, 31.43px);
  font-family: "Regular";
  font-size: clamp(4.12px, 1.29vw, 28.29px);
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  flex: 1 1 250px;
  max-width: 100%;
  box-sizing: border-box;
}
@media screen and (max-width: 690px) {
  .checklist__input {
    font-size: 2.61vw;
  }
}
@media screen and (max-width: 690px) {
  .checklist__input {
    padding: 1.16vw 2.9vw;
    width: 50%;
  }
}
.checklist__btn {
  text-transform: uppercase;
  cursor: pointer;
  border: none;
  display: grid;
  place-content: center;
  color: #1f2333;
  border-radius: clamp(2.29px, 0.72vw, 15.72px);
  /* width: clamp(80.69px, 25.22vw, 554.72px); */
  height: clamp(13.72px, 4.29vw, 94.29px);
  background: linear-gradient(
    92deg,
    #a38128 1.69%,
    #d7b65f 22.83%,
    #bf9c3d 58.22%,
    #e9e28f 82.8%,
    #9f7a25 100%
  );
  font-size: clamp(4.12px, 1.29vw, 28.29px);
  font-family: "Bold";
  flex-shrink: 0;
  width: clamp(160px, 20vw, 320px);
  align-self: center;
  margin: 16px auto 0;
}
.checklist__btn:is(:hover, :focus-visible) {
  background: #fff;
}
@media screen and (max-width: 690px) {
  .checklist__btn {
    width: 90%;
    height: 13.56vw;
    font-size: 4.06vw;
  }
}
@media screen and (max-width: 690px) {
  .checklist__btn {
    margin-left: 4.35vw;
    width: 51.31vw;
    height: 8.7vw;
    font-size: 2.61vw;
  }
}
.overlay {
  position: fixed;
  place-content: center;
  inset: 0;
  display: grid;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.8);
}
.popup__checklist {
  width: clamp(295.55px, 92.36vw, 2031.86px);
}
@media screen and (max-width: 690px) {
  .popup__checklist {
    width: 88.41vw;
  }
}
.popup__checklist .checklist__title {
  font-size: clamp(7.32px, 2.29vw, 50.29px);
}
@media screen and (max-width: 690px) {
  .popup__checklist .checklist__title {
    font-size: 4.64vw;
  }
}
.popup__checklist .webform__title {
  /* font-size: clamp(9.6px, 3vw, 66px);
  width: clamp(238.63px, 74.58vw, 1640.58px); */
  font-size: clamp(18px, 2.2vw, 32px);
  width: 100%;
}
@media screen and (max-width: 690px) {
  .popup__checklist .webform__title {
    font-size: 6.09vw;
  }
}
.popup__checklist .checklist__description {
  width: 100%;
}
.success {
  padding: clamp(18.29px, 5.72vw, 125.72px) clamp(16px, 5vw, 110px);
}
.success__wrapper {
  background-color: #1f2333;
  padding-block: clamp(32.46px, 10.15vw, 223.15px) clamp(25.6px, 8vw, 176px);
}
@media screen and (max-width: 690px) {
  .success__wrapper {
    padding-block: 16.96vw 22.47vw;
  }
}
.success__wrapper h1 {
  text-align: center;
  text-transform: uppercase;
  font-size: clamp(14.63px, 4.58vw, 100.58px);
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
  letter-spacing: clamp(-0.14px, -0.04vw, -1px);
  font-family: "ExtraBold";
}
@media screen and (max-width: 690px) {
  .success__wrapper h1 {
    font-size: 6.96vw;
  }
}
.success__wrapper p {
  margin-block: clamp(8.23px, 2.58vw, 56.58px) clamp(10.98px, 3.43vw, 75.43px);
  text-align: center;
  text-transform: uppercase;
  font-family: "SemiBold";
  font-size: clamp(7.78px, 2.43vw, 53.43px);
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: clamp(-0.07px, -0.02vw, -0.53px);
  max-width: clamp(178.98px, 55.93vw, 1230.43px);
  margin-inline: auto;
}
@media screen and (max-width: 690px) {
  .success__wrapper p {
    margin-block: 8.7vw 14.5vw;
    font-size: 4.06vw;
    letter-spacing: -0.04vw;
    max-width: 69.14vw;
  }
}
.success__link {
  display: block;
  margin-inline: auto;
  text-transform: uppercase;
  width: -moz-max-content;
  width: max-content;
  text-transform: uppercase;
  cursor: pointer;
  border: none;
  display: grid;
  place-content: center;
  color: #1f2333;
  border-radius: clamp(2.29px, 0.72vw, 15.72px);
  width: clamp(80.69px, 25.22vw, 554.72px);
  height: clamp(13.72px, 4.29vw, 94.29px);
  background: linear-gradient(
    92deg,
    #a38128 1.69%,
    #d7b65f 22.83%,
    #bf9c3d 58.22%,
    #e9e28f 82.8%,
    #9f7a25 100%
  );
  font-size: clamp(4.12px, 1.29vw, 28.29px);
  font-family: "Bold";
}
.success__link:is(:hover, :focus-visible) {
  background: #fff;
}
@media screen and (max-width: 690px) {
  .success__link {
    width: 90%;
    height: 13.56vw;
    font-size: 4.06vw;
  }
}
.contacts {
  padding: clamp(13.95px, 4.36vw, 95.86px) clamp(22.86px, 7.15vw, 157.15px);
  display: flex;
  align-items: flex-start;
  gap: clamp(21.95px, 6.86vw, 150.86px);
}
.contacts > * {
  flex: 0 1 50%;
}
.contacts h2 {
  text-align: center;
  text-transform: uppercase;
  font-family: "Bold";
  font-size: clamp(10.98px, 3.43vw, 75.43px);
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  margin-bottom: clamp(6.4px, 2vw, 44px);
}
@media screen and (max-width: 690px) {
  .contacts h2 {
    font-size: 6.96vw;
    margin-bottom: 3.34vw;
  }
}
.contacts h3 {
  text-align: center;
  text-transform: uppercase;
  font-family: "Bold";
  font-size: clamp(7.78px, 2.43vw, 53.43px);
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  margin-bottom: clamp(3.66px, 1.15vw, 25.15px);
}
@media screen and (max-width: 690px) {
  .contacts h3 {
    font-size: 4.93vw;
    margin-bottom: 3.34vw;
  }
}
@media screen and (max-width: 690px) {
  .contacts {
    padding: 11.6vw 10.44vw;
    flex-direction: column;
    gap: 14.5vw;
  }
}
.contacts__content {
  display: grid;
  place-content: center;
}
.contacts__content h2 {
  margin-top: clamp(7.78px, 2.43vw, 53.43px);
}
@media screen and (max-width: 690px) {
  .contacts__content h2 {
    margin-top: 4.93vw;
  }
}
.contacts__content p {
  margin-bottom: clamp(5.49px, 1.72vw, 37.72px);
  text-align: center;
  font-family: "Regular";
  font-size: clamp(5.49px, 1.72vw, 37.72px);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: clamp(-0.05px, -0.01vw, -0.37px);
}
@media screen and (max-width: 690px) {
  .contacts__content p {
    font-size: 3.48vw;
  }
}
@media screen and (max-width: 690px) {
  .contacts__content p {
    margin-bottom: 3.34vw;
  }
}
.contacts__form {
  padding: clamp(7.78px, 2.43vw, 53.43px) clamp(10.52px, 3.29vw, 72.29px);
  background-color: #1f2333;
  border-radius: clamp(2.29px, 0.72vw, 15.72px);
  border: 1px solid #999;
}
.contacts__form h2 {
  margin-bottom: clamp(12.12px, 3.79vw, 83.29px);
}
@media screen and (max-width: 690px) {
  .contacts__form {
    padding: 4.93vw 6.67vw;
    border-radius: 1.45vw;
  }
  .contacts__form h2 {
    margin-bottom: 7.25vw;
  }
}
.contacts__form .wpcf7-form {
  display: grid;
  gap: clamp(4.58px, 1.43vw, 31.43px);
}
@media screen and (max-width: 690px) {
  .contacts__form .wpcf7-form {
    gap: 1.45vw;
  }
}
.contacts__form .wpcf7-form p {
  display: block;
}
.contacts__form .wpcf7-form p span {
  display: block;
}
.contacts__form .wpcf7-form input:not([type="submit"]),
.contacts__form .wpcf7-form textarea {
  display: block;
  background-color: rgba(0, 0, 0, 0);
  color: #fff;
  border: none;
  border-bottom: 1px solid #fff;
  padding: clamp(1.83px, 0.58vw, 12.58px) 0;
  margin-top: clamp(2.29px, 0.72vw, 15.72px);
  font-family: "Regular";
  font-size: clamp(4.12px, 1.29vw, 28.29px);
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media screen and (max-width: 690px) {
  .contacts__form .wpcf7-form input:not([type="submit"]),
  .contacts__form .wpcf7-form textarea {
    font-size: 2.61vw;
  }
}
@media screen and (max-width: 690px) {
  .contacts__form .wpcf7-form input:not([type="submit"]),
  .contacts__form .wpcf7-form textarea {
    max-width: 100%;
    padding: 1.16vw 0;
    margin-top: 1.45vw;
  }
}
.contacts__form .wpcf7-form textarea {
  height: clamp(22.86px, 7.15vw, 157.15px);
}
@media screen and (max-width: 690px) {
  .contacts__form .wpcf7-form textarea {
    height: 14.5vw;
  }
}
.contacts__form .wpcf7-form input.wpcf7-not-valid {
  border-color: #d92121;
}
.contacts__form .wpcf7-form .wpcf7-response-output {
  flex: 1;
  max-width: -moz-max-content;
  max-width: max-content;
  margin-inline: auto;
}
.contacts__form .wpcf7-submit {
  text-transform: uppercase;
  margin-left: clamp(12.58px, 3.93vw, 86.43px);
  text-transform: uppercase;
  cursor: pointer;
  border: none;
  display: grid;
  place-content: center;
  color: #1f2333;
  border-radius: clamp(2.29px, 0.72vw, 15.72px);
  width: clamp(80.69px, 25.22vw, 554.72px);
  height: clamp(13.72px, 4.29vw, 94.29px);
  background: linear-gradient(
    92deg,
    #a38128 1.69%,
    #d7b65f 22.83%,
    #bf9c3d 58.22%,
    #e9e28f 82.8%,
    #9f7a25 100%
  );
  font-size: clamp(4.12px, 1.29vw, 28.29px);
  font-family: "Bold";
}
.contacts__form .wpcf7-submit:is(:hover, :focus-visible) {
  background: #fff;
}
@media screen and (max-width: 690px) {
  .contacts__form .wpcf7-submit {
    width: 90%;
    height: 13.56vw;
    font-size: 4.06vw;
  }
}
@media screen and (max-width: 690px) {
  .contacts__form .wpcf7-submit {
    margin-left: 0;
    margin-top: 2.9vw;
    width: 65.51vw;
  }
}


/* INSIGHTS SECTION START */

.insights-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 40px;
  padding: 4vw;
}

.insight-card {
  background-color: #0e111d;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(0,0,0,0.2);
  transition: transform 0.3s ease;
}

.insight-card:hover {
  transform: translateY(-6px);
}

.insight-card__image img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.insight-card__content {
  padding: 20px;
}

.insight-card__category {
  color: #d7b65f;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.05em;
}

.insight-card__title {
  font-size: 20px;
  margin: 12px 0;
  color: #fff;
}

.insight-card__title a {
  text-decoration: none;
  color: inherit;
}

.insight-card__excerpt {
  font-size: 14px;
  color: #bbb;
  line-height: 1.6;
}

.insights-list {
  display: flex;
  flex-direction: column;
  gap: 48px;
  padding: clamp(40px, 5vw, 80px);
}

.insight-row {
  display: flex;
  flex-direction: row;
  gap: 32px;
  align-items: flex-start;
  background: #1f2333;
  padding: 32px;
  border-radius: 16px;
  color: #fff;
  box-shadow: 0 4px 20px rgba(0,0,0,0.25);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.insight-row:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 24px rgba(0,0,0,0.3);
}

.insight-row__image img {
  width: 280px;
  height: auto;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}

.insight-row__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
}

.insight-row__date {
  font-size: 14px;
  color: #aaa;
  margin-bottom: 4px;
}

.insight-row__title {
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  margin: 0;
}

.insight-row__title a {
  text-decoration: none;
  color: inherit;
}

.insight-row__title a:hover {
  color: #d7b65f;
}

.insight-row__excerpt {
  font-size: 16px;
  line-height: 1.6;
  color: #ccc;
}

/* Responsive layout */
@media (max-width: 768px) {
  .insight-row {
    flex-direction: column;
    padding: 24px;
  }

  .insight-row__image img {
    width: 100%;
  }
}

.insight-img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 4px;
  display: block;
}


/* INSIGHT SECTION END */


/* SINGLE INSIGHT START */


.single-insight__wrapper {
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.single-insight {
  background: #1f2333;
  color: #fff;
  padding: clamp(40px, 5vw, 80px) 5vw;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 12px;
}


.insights-list {
  display: flex;
  flex-direction: column;
  gap: 48px;
  padding: clamp(40px, 5vw, 80px);
}

.single-insight__title {
  font-size: clamp(32px, 5vw, 48px);
  font-weight: 700;
  color: #fff;
  margin-top: 40px;
  margin-bottom: 32px;
  line-height: 1.2;
}

.insight-row {
  display: flex;
  flex-direction: row;
  gap: 32px;
  align-items: flex-start;
  background: #1f2333;
  padding: 32px;
  border-radius: 16px;
  color: #fff;
  box-shadow: 0 4px 20px rgba(0,0,0,0.25);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.insight-row:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 24px rgba(0,0,0,0.3);
}

.insight-row__image img {
  width: 280px;
  height: auto;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}

.insight-row__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
}

.insight-row__date {
  font-size: 14px;
  color: #aaa;
  margin-bottom: 4px;
}

.insight-row__title {
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  margin: 0;
}

.insight-row__title a {
  text-decoration: none;
  color: inherit;
}

.insight-row__title a:hover {
  color: #d7b65f;
}

.insight-row__excerpt {
  font-size: 16px;
  line-height: 1.6;
  color: #ccc;
}

/* Responsive layout */
@media (max-width: 768px) {
  .insight-row {
    flex-direction: column;
    padding: 24px;
  }

  .insight-row__image img {
    width: 100%;
  }
}

/* SINGLE INSIGHT END */

.blog {
    max-width: 1280px; /* või 1440px, vastavalt soovile */
  margin: 0 auto;
  padding-inline: 20px; /* lisaks pisut tühikut külgedele */
  padding: clamp(21.03px, 6.58vw, 144.58px) clamp(16px, 5vw, 110px);
  display: grid;
  gap: clamp(6.86px, 2.15vw, 47.15px);
}
@media screen and (max-width: 690px) {
  .blog {
    padding: 4.35vw 5.8vw;
    gap: 4.35vw;
  }
}
.blog__post {
  background-color: #1f2333;
  border-radius: clamp(2.29px, 0.72vw, 15.72px);
  border: 1px solid #999;
  padding: clamp(4.58px, 1.43vw, 31.43px);
  display: flex;
  align-items: flex-start;
  gap: clamp(9.15px, 2.86vw, 62.86px);
}
@media screen and (max-width: 690px) {
  .blog__post {
    border-radius: 1.45vw;
    padding: 2.9vw;
    gap: 8.7vw;
    flex-direction: column;
  }
}
.blog__image {
  overflow: hidden;
  border-radius: clamp(2.29px, 0.72vw, 15.72px);
  height: 100%;
  width: 60%;
}
@media screen and (max-width: 690px) {
  .blog__image {
    border-radius: 1.45vw;
    width: 100%;
  }
}
.blog__image > img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
  object-position: center;
  -o-object-fit: cover;
  object-fit: cover;
}
.blog__content {
  display: grid;
  align-content: start;
  gap: clamp(4.58px, 1.43vw, 31.43px);
}
@media screen and (max-width: 690px) {
  .blog__content {
    gap: 2.9vw;
  }
}
.blog__title {
  text-transform: uppercase;
  font-family: "Bold";
  font-size: clamp(10.98px, 3.43vw, 75.43px);
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}
@media screen and (max-width: 690px) {
  .blog__title {
    font-size: 6.96vw;
  }
}
.blog__subtitle {
  text-transform: uppercase;
  font-family: "Bold";
  font-size: clamp(7.78px, 2.43vw, 53.43px);
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: clamp(-0.07px, -0.02vw, -0.53px);
}
@media screen and (max-width: 690px) {
  .blog__subtitle {
    font-size: 4.93vw;
  }
}
.blog__excerpt {
  font-family: "Regular";
  font-size: clamp(5.49px, 1.72vw, 37.72px);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: clamp(-0.05px, -0.01vw, -0.37px);
}
@media screen and (max-width: 690px) {
  .blog__excerpt {
    font-size: 3.48vw;
  }
}
.blog__link {
  margin-top: clamp(7.78px, 2.43vw, 53.43px);
  text-transform: uppercase;
  cursor: pointer;
  border: none;
  display: grid;
  place-content: center;
  color: #1f2333;
  border-radius: clamp(2.29px, 0.72vw, 15.72px);
  width: clamp(80.69px, 25.22vw, 554.72px);
  height: clamp(13.72px, 4.29vw, 94.29px);
  background: linear-gradient(
    92deg,
    #a38128 1.69%,
    #d7b65f 22.83%,
    #bf9c3d 58.22%,
    #e9e28f 82.8%,
    #9f7a25 100%
  );
  font-size: clamp(4.12px, 1.29vw, 28.29px);
  font-family: "Bold";
}
.blog__link:is(:hover, :focus-visible) {
  background: #fff;
}
@media screen and (max-width: 690px) {
  .blog__link {
    width: 51.16vw;
    height: 8.7vw;
    font-size: 2.61vw;
  }
}
@media screen and (max-width: 690px) {
  .blog__link {
    margin-inline: auto;
  }
}
@media screen and (max-width: 690px) {
  .blog__link {
    margin-top: 4.93vw;
    margin-bottom: 4.93vw;
  }
}
.blog__pagination {
  font-family: "Regular";
  font-size: clamp(3.66px, 1.15vw, 25.15px);
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media screen and (max-width: 690px) {
  .blog__pagination {
    font-size: 2.32vw;
  }
}
.post {
  padding: clamp(21.03px, 6.58vw, 144.58px) clamp(16px, 5vw, 110px);
}
@media screen and (max-width: 690px) {
  .post {
    padding: 4.35vw 5.8vw;
  }
}
.post__block {
  max-width: clamp(216px, 67.5vw, 1485px);
  padding: clamp(4.58px, 1.43vw, 31.43px);
  background-color: #1f2333;
  border-radius: clamp(2.29px, 0.72vw, 15.72px);
  border: 1px solid #999;
}
@media screen and (max-width: 690px) {
  .post__block {
    max-width: 100%;
    padding: 2.9vw;
  }
}
.post__title {
  text-transform: uppercase;
  font-family: "Bold";
  /* font-size: clamp(10.98px, 3.43vw, 75.43px); */
  font-size: clamp(28px, 4vw, 64px);
  line-height: 1.2;
  font-style: normal;
  font-weight: 700;
  /* line-height: 100%; */
  margin-bottom: clamp(3.43px, 1.08vw, 23.58px);
}
@media screen and (max-width: 690px) {
  .post__title {
    font-size: 6.96vw;
    margin-bottom: 2.18vw;
  }
}
.post__image {
  overflow: hidden;
  border-radius: clamp(2.29px, 0.72vw, 15.72px);
  width: 100%;
}
@media screen and (max-width: 690px) {
  .post__image {
    border-radius: 1.45vw;
  }
}
.post__image > img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
  object-position: center;
  -o-object-fit: cover;
  object-fit: cover;
}
.post__date {
  margin-block: clamp(2.29px, 0.72vw, 15.72px) clamp(9.15px, 2.86vw, 62.86px);
  text-align: center;
  font-family: "Regular";
  font-size: clamp(3.66px, 1.15vw, 25.15px);
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media screen and (max-width: 690px) {
  .post__date {
    font-size: 6.96vw;
    margin-block: 1.45vw 5.8vw;
  }
}
@media screen and (max-width: 690px) {
  .post__date {
    font-size: 2.32vw;
  }
}
.post__subtitle {
  text-transform: uppercase;
  font-family: "Bold";
  font-size: clamp(7.78px, 2.43vw, 53.43px);
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: clamp(-0.07px, -0.02vw, -0.53px);
  margin-bottom: clamp(2.29px, 0.72vw, 15.72px);
}
@media screen and (max-width: 690px) {
  .post__subtitle {
    font-size: 4.93vw;
    margin-bottom: 1.45vw;
  }
}
.post__content {
  font-family: "Regular";
  font-size: clamp(5.49px, 1.72vw, 37.72px);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: clamp(-0.05px, -0.01vw, -0.37px);
}
@media screen and (max-width: 690px) {
  .post__content {
    font-size: 3.48vw;
  }
}
.post__content p {
  padding-block: clamp(3.43px, 1.08vw, 23.58px);
}
@media screen and (max-width: 690px) {
  .post__content p {
    padding-block: 2.18vw;
  }
}