:root {
  --white: #fff;

  --black: #000;
  --dark-gray: #373737;
  --accent: #850e5e;
  --secondary-accent: #fb9575;
  --bg-gray: #f3f2f2;
  --dark-green: #2d2d2d;
  --light-grey: #d1cec2;
  --text-color: #1d2a3a;
  --light: #f5f5f5;
}

*,
*::before,
*::after {
  margin: 0;

  padding: 0;

  box-sizing: border-box;

  scroll-behavior: smooth;

  -webkit-tap-highlight-color: transparent;

  /* set the header height here */

  scroll-margin-top: 110px;
}

a,
a:hover {
  text-decoration: none;
}

img,
picture,
svg {
  height: auto;
}

img,
picture,
svg,
video,
iframe {
  display: block;

  max-width: 100%;
}

input,
textarea,
select,
button {
  font-family: inherit;
}

/* set nice colors here */

::selection {
  background-color: var(--black);

  color: var(--white);
}

html {
  font-family: "Source Sans 3", sans-serif;
  font-optical-sizing: auto;

  font-size: 16px;

  font-weight: 400;
}
.playfair {
  font-family: "Playfair Display", serif;
}
.site-content {
  overflow-x: hidden;

  max-width: 100%;
}

.container {
  width: 100%;

  max-width: 1580px;
}

.mx-auto {
  margin-left: auto;

  margin-right: auto;
}

.upper {
  text-transform: uppercase;
}

.relative {
  position: relative;
}

.extra-bold {
  font-weight: 900;
}
strong,
.bold {
  font-weight: 700;
}

.semi-bold {
  font-weight: 600;
}

.medium {
  font-weight: 500;
}

.light {
  font-weight: 300;
}

.regular {
  font-weight: 400;
}

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

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

.white {
  color: var(--white);
}

.black-bg {
  background-color: var(--black);
}

.set-bg {
  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;
}
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.spinner {
  width: 50px;
  height: 50px;
  border: 6px solid #ccc;
  border-top-color: #333;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.site-header {
  position: fixed;
  top: 10px;
  left: 0;
  width: 100%;
  z-index: 999999;
}
.main-nav-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  position: relative;
}
.menu-btn {
  width: 40px;
  height: 28px;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  justify-content: space-between;
  transition: all 300ms ease;
}
.menu-btn .line {
  display: block;
  width: 100%;
  height: 2px;
  background-color: var(--accent);
  transition: all 300ms ease-in-out;
  transform-origin: left;
}
.menu-btn:hover .line{
  transform: scaleX(0.9);
}
.menu-btn.active .line{
  background-color: var(--white);
}
.main-nav-left {
  display: flex;
  align-items: center;
  gap: 40px;
}
.lets-talk {
  width: 80px;
  padding: 10px;
  background-color: var(--accent);
  position: relative;
  display: flex;
  font-size: 14px;
  align-items: center;
  color: var(--white);
  justify-content: space-between;
  gap: 2px;
  line-height: 1;
  font-weight: 500;
  transition: all 300ms ease;
}
.lets-talk:hover {
  background-color: var(--secondary-accent);
  flex-direction: row-reverse;
}
.lets-talk svg {
  min-width: 22px;
  transition: all 100ms ease;
}
.lets-talk:hover svg {
  transform: rotate(180deg);
}
.opac-path {
  opacity: 0;
  transition: all 100ms ease;
}
.lets-talk:hover svg .opac-path {
  opacity: 1;
}
.terms-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 14px;
  gap: 8px;
}
.footer-line {
  display: block;
  width: 2px;
  height: 14px;
  background-color: var(--white);
}
.footer {
  background-color: var(--black);
  padding-top: 150px;
  padding-bottom: 25px;
}
.p-30 {
  font-size: 30px;
  line-height: 1.3;
}
.main-btn {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
}
button.main-btn,
button.main-btn:hover,
button.main-btn:focus-visible,
button.main-btn:focus-within,
button.main-btn:focus {
  border: none;
  background: none;
  box-shadow: none;
  outline: none;
}
.main-btn::before {
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin-right: -57px;
  transition: all 300ms ease;
}
.main-btn.accent-btn::before {
  border: 1px solid var(--accent);
}
.main-btn.accent-btn:hover::before {
  background-color: var(--accent);
}
.main-btn-text {
  display: flex;
  align-items: center;
  gap: 10px;
}
.main-btn-arrow {
  min-width: 14px;
}
.justify-center {
  justify-content: center;
}
.footer-connect {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 49px;
  row-gap: 30px;
  margin-top: 100px;
}
.footer-connect-item {
  display: flex;
  align-items: center;
  gap: 15px;
}
.mt-5 {
  margin-top: 5px;
}
.mt-10 {
  margin-top: 10px;
}
.mt-15 {
  margin-top: 15px;
}
.mt-20 {
  margin-top: 20px;
}
.mt-25 {
  margin-top: 25px;
}
.mt-30 {
  margin-top: 30px;
}
.mt-35 {
  margin-top: 35px;
}
.mt-40 {
  margin-top: 40px;
}
.mt-50 {
  margin-top: 50px;
}
.mt-60 {
  margin-top: 60px;
}
.mt-70 {
  margin-top: 70px;
}
.mt-80 {
  margin-top: 80px;
}
.mt-90 {
  margin-top: 90px;
}
.mt-100 {
  margin-top: 100px;
}
.mt-200 {
  margin-top: 200px;
}
.p-18 {
  font-size: 18px;
}
.min-15 {
  min-width: 15px;
}
.min-26 {
  min-width: 26px;
}
.min-22 {
  min-width: 22px;
}
.min-5 {
  min-width: 5px;
}
.footer-social {
  display: flex;
  gap: 20px;
  align-items: center;
}
.footer-connect-item-details {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.block {
  display: block;
}
.footer-connect-item a.white {
  transition: all 300ms ease;
}
.footer-connect-item a.white:hover {
  color: var(--accent);
}
.footer-social-color {
  fill: var(--white);
  transition: all 300ms ease;
}
.footer-social a:hover .footer-social-color {
  fill: var(--accent);
}
.footer-partners-logos {
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: center;
}
.min-h-100 {
  min-height: 100vh;
  min-height: 100svh;
}
.standard-hero {
  height: 100%;
  padding-top: 100px;
  padding-bottom: 30px;
}
.black {
  color: var(--black);
}
.p-85 {
  font-size: 85px;
  line-height: 1;
  letter-spacing: -2px;
}
.p-20 {
  font-size: 20px;
}
.big-bubble {
  z-index: 80;
  background-color: var(--accent);
  width: 200px;
  height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 50%;
  transition: all 300ms ease-out;
}
.big-bubble:hover {
  width: 250px;
  height: 250px;
}
.big-bubble-content,
.big-bubble-content-2 {
  position: absolute;
  max-width: 90%;
}
.big-bubble-content {
  opacity: 1;
  transition: all 150ms ease-out 150ms;
}
.big-bubble:hover .big-bubble-content {
  opacity: 0 !important;
  transition: all 150ms ease-out;
}
.big-bubble-content-2 {
  opacity: 0;
  transition: all 150ms ease-out;
}
.big-bubble-txt {
  font-size: 45px;
  line-height: 1;
}
.big-bubble-txt-2 {
  font-size: 42px;
}
.big-bubble:hover .big-bubble-content-2 {
  opacity: 1;
  transition: all 150ms ease-out 150ms;
}
.p-16 {
  font-size: 16px;
  line-height: 1.33;
}
.p-12 {
  font-size: 12px;
}
.white-70 {
  color: rgba(255, 255, 255, 0.7);
}
.big-bubble.contact-hero-bubble {
  position: absolute;
  bottom: -30px;
  right: 0;
}
.dark-green {
  color: var(--dark-green);
}
.accent {
  color: var(--accent);
}
.contact-fizzup-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.contact-hero-wrapper {
  padding-top: 100px;
  padding-bottom: 30px;
  min-height: 100vh;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 60px;
}
.noto {
  font-family: "Noto Serif", serif;
}
.business-bubble-txt {
  text-align: right;
}
.fizz-up-btn {
  min-width: 90px;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  border: 1px solid var(--light-grey);
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: transform 300ms ease-out;
  transform: translateY(0);
  cursor: pointer;
}
.fizz-up-btn:hover {
  transform: translateY(-15px);
}
.fizz-up-btn svg path {
  fill: var(--accent);
  transition: all 300ms ease-out;
}
.fizz-up-btn:hover svg path {
  fill: var(--light-grey);
}
.fizz-up-btn::before,
.fizz-up-btn::after,
.fizz-bubble {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: 1px solid var(--light-grey);
  display: block;
}
.fizz-up-btn::before {
  width: 18px;
  height: 18px;
  top: -68px;
  left: 15px;
}
.fizz-up-btn::after {
  width: 26px;
  height: 26px;
  top: -49px;
  right: 7px;
}
.fizz-bubble {
  left: 50%;
  transform: translateX(-50%);
  top: -21px;
  width: 18px;
  height: 18px;
}
.p-10 {
  font-size: 10px;
}
.fizz-up-btn-contact {
  margin-bottom: -40px;
}
.contact-hero-grow {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.py-120 {
  padding-top: 120px;
  padding-bottom: 120px;
}
.max-636 {
  width: 100%;
  max-width: 636px;
}
.max-1250 {
  width: 100%;
  max-width: 1250px;
}
.p-35 {
  font-size: 35px;
  line-height: 1.1;
}
.pointer {
  cursor: pointer;
}
.contact-form label {
  display: block;
}
.contact-form label {
  margin-top: 30px;
}
.contact-form input:not([type="submit"], [type="checkbox"], [type="radio"]),
.contact-form textarea,
.contact-form select {
  width: 100%;
  font-size: 18px;
  color: var(--black);
  padding-top: 10px;
  padding-bottom: 10px;
  border: none;
  border-bottom: 1px solid var(--text-color);
  background-color: transparent;
}
.contact-form input:not([type="submit"], [type="checkbox"], [type="radio"]),
.contact-form select,
.contact-form textarea {
  outline: none;
  box-shadow: none;
}
.contact-form textarea {
  height: 130px;
}
textarea {
  resize: vertical;
}
.contact-form input::placeholder,
.contact-form textarea::placeholder,
.contact-form select:invalid {
  color: rgba(29, 42, 58, 0.7);
}
.contact-form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(/wp-content/uploads/2025/08/Icon.svg);
  background-size: 24px;
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 50%;
}
.wpcf7-not-valid-tip {
  font-size: 12px;
}
.wpcf7 form .wpcf7-response-output {
  font-size: 14px;
}
.submit-btn {
  margin-left: auto;
  margin-top: 50px;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
}
.max-492 {
  width: 100%;
  max-width: 492px;
}
.about-hero-img {
  position: absolute;
  right: 0;
  bottom: -37px;
  z-index: -1;
}
.w-full {
  width: 100%;
}
.show-800 {
  display: none;
}
.pt-120 {
  padding-top: 120px;
}
.pt-70 {
  padding-top: 120px;
}
.p-60 {
  font-size: 60px;
  line-height: 1;
  letter-spacing: -2px;
}
.p-50 {
  font-size: 50px;
  line-height: 1;
  letter-spacing: -2px;
}
.p-45 {
  font-size: 45px;
  line-height: 1;
  letter-spacing: -2px;
}
.about-kpi-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 50px;
}
.kpi-grid-item {
  display: grid;
  gap: 15px;
  font-variant-numeric: lining-nums proportional-nums;
}
.kpi-grid-item-row > div:last-child {
  padding-top: 8px;
}
.kpi-grid-item-flex {
  display: flex;
  gap: 50px;
}
.kpi-grid-item-row {
  display: grid;
  grid-template-columns: 295px auto;
  gap: 50px;
}
.p-70 ~ .kpi-grid-item-txt {
  padding-left: 38px;
}
.p-60 ~ .kpi-grid-item-txt {
  padding-left: 35px;
}
.p-55 ~ .kpi-grid-item-txt {
  padding-left: 33px;
}
.bubble-26,
.kpi-big-bubble,
.kpi-inner-bullet {
  position: relative;
  border-radius: 50%;
  border: 1px solid var(--light-grey);
}
.bubble-26 {
  width: 26px;
  height: 26px;
}
.kpi-big-bubble {
  width: 119px;
  height: 119px;
}
.kpi-inner-bullet {
  position: absolute;
  width: 21px;
  height: 21px;
  left: 30px;
  bottom: 12px;
  animation: innerBullet 1.8s infinite;
}
@keyframes innerBullet {
  0%,
  100% {
    left: 30px;
    bottom: 12px;
    border: 1px solid var(--light-grey);
  }
  20% {
    border: 1px solid var(--accent);
  }
  40% {
    border: 1px solid var(--light-grey);
  }
  50% {
    left: 80px;
    bottom: 60px;
    border: 1px solid var(--accent);
  }
  60% {
    border: 1px solid var(--accent);
  }
  75% {
    border: 1px solid var(--light-grey);
  }
  90% {
    border: 1px solid var(--accent);
  }
}
.about-kpi-bullets {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-right: 60px;
  justify-content: space-around;
  gap: 10px;
}
.kpi-b-1 {
  transform: translateX(2px);
}
.kpi-b-2 {
  transform: translateX(-40px);
}
.kpi-b-4 {
  transform: translateX(-70px);
}
.kpi-b-5 {
  transform: translateX(30px);
}
.kpi-b-6 {
  transform: translateX(-50px);
}
.kpi-bullet {
  animation: borderChange 1.8s infinite;
}
@keyframes borderChange {
  0%,
  80%,
  100% {
    border: 1px solid var(--light-grey);
  }
  20%,
  40% {
    border: 1px solid var(--accent);
  }
}

.kpi-bullet:nth-child(1) {
  animation-delay: 0s;
}
.kpi-bullet:nth-child(2) {
  animation-delay: 0.3s;
}
.kpi-bullet:nth-child(3) {
  animation-delay: 0.6s;
}
.kpi-bullet:nth-child(4) {
  animation-delay: 0.9s;
}
.kpi-bullet:nth-child(5) {
  animation-delay: 1.2s;
}
.kpi-bullet:nth-child(6) {
  animation-delay: 1.5s;
}
.photo-us-container {
  width: 100%;
  max-width: 1280px;
}
.p-55 {
  font-size: 55px;
  line-height: 1;
}
.ab-media-img {
  height: 50px;
  width: auto;
}
.media-photos {
  width: 100%;
  overflow: hidden;
  margin-bottom: 150px;
}
.media-photos .swiper-wrapper {
  justify-content: space-between;
}
.media-photos .swiper-wrapper .swiper-slide:last-child {
  margin-right: 0 !important;
}
.media-photos .swiper-slide {
  width: fit-content;
}
.about-two-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  gap: 50px;
}
.about-number {
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 400px;
  line-height: 1;
  letter-spacing: -2px;
  text-align: right;
  padding-right: 70px;
}
.about-number.show-750 {
  display: none;
}
.p-105 {
  font-size: 105px;
  line-height: 1;
  letter-spacing: -2px;
}
.p-90 {
  font-size: 90px;
  line-height: 1;
}
.p-24 {
  font-size: 24px;
  line-height: 1.3;
}
.max-775 {
  width: 100%;
  max-width: 775px;
}
.p-70 {
  font-size: 70px;
  line-height: 1;
  letter-spacing: -2px;
}
.csr-hero-wrapper {
  padding-top: 100px;
  padding-bottom: 30px;
  min-height: 100vh;
  min-height: 100svh;
  background: var(--white) url(/wp-content/uploads/2025/12/h.webp) center
    top/cover no-repeat;
  display: flex;
  flex-direction: column;
}
.csr-hero-flex {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.csr-hero-grow {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
}
.csr-subhero-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.csr-fizzup {
  display: flex;
  gap: 50px;
  flex-direction: column;
  align-items: flex-end;
}
.csr-campaigns::before,
.csr-campaigns::after {
  content: "";
  position: absolute;
  width: 56%;
  right: 0;
  height: 1px;
  background-color: var(--black);
}
.csr-campaigns::before {
  top: 0;
}
.csr-campaigns::after {
  bottom: 120px;
}
.crs-mt-120 {
  margin-top: 120px;
}
.csr-campaigns-fizzup-btn {
  position: absolute;
  right: max(15px, calc((100% - 1580px) / 2));
  bottom: 150px;
}
.csr-py-120 {
  padding-top: 120px;
  padding-bottom: 160px;
}
.crs-campaigns-svg {
  overflow: visible;
  position: absolute;
  bottom: 0;
  right: max(100px, calc((100% - 1350px) / 2));
}
.crs-campaigns-svg g {
  transition: all 300ms ease;
}
.crs-campaigns-svg:hover .crs-g1 {
  transform: translate(10px, 47px);
}
.crs-campaigns-svg:hover .crs-g2 {
  transform: translate(-10px, -20px);
}
.crs-campaigns-svg:hover .crs-g3 {
  transform: translate(30px, 17px);
}
.csr-campaigns-svg2 {
  display: none;
}
.csr-glimpses {
  padding-top: 120px;
  padding-bottom: 35px;
  background: var(--white) url(/wp-content/uploads/2025/12/cauza1.webp) center
    bottom/cover no-repeat;
}
.csr-glimpses-fizzup-btn {
  position: absolute;
  right: max(15px, calc((100% - 1580px) / 2));
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.csr-glimpses-svg {
  overflow: visible;
}
.csr-glimpses-svg g {
  transition: all 300ms ease;
}
@media (min-width: 551px) {
  .csr-glimpses-svg:hover .csr-g8 {
    transform: translate(-10px, -50px);
  }
  .csr-glimpses-svg:hover .csr-g9 {
    transform: translate(15px, -50px);
  }
}
.py-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}
.csr-ong-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}
.csr-ong-txt {
  width: fit-content;
  flex-shrink: 0;
}
.light-bg {
  background-color: var(--light);
}
.cta-section {
  padding-top: 170px;
  padding-bottom: 170px;
}
.max-1050 {
  width: 100%;
  max-width: 1050px;
}
.newsletter-section {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
  padding: 80px;
  align-items: center;
}
.max-450 {
  width: 100%;
  max-width: 450px;
}
.max-1140 {
  width: 100%;
  max-width: 1140px;
}
.simple-hero {
  padding-top: 100px;
  padding-bottom: 30px;
  min-height: 100vh;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
}
.sm-bg {
  padding-top: 90px;
}
.sm-bg {
  background: var(--white) url(/wp-content/uploads/2025/12/Mask-Group-18.webp)
    center top/cover no-repeat;
}
.max-1200 {
  width: 100%;
  max-width: 1200px;
}
.sm-subhero-txt-wrapper {
  width: 100%;
  max-width: 1030px;
  padding-left: 80px;
  padding-right: 80px;
  min-height: 650px;
  display: flex;
  flex-direction: column;
  margin-top: 120px;
}
.sm-subhero-txt {
  display: flex;
  align-items: center;
  flex-grow: 1;
}
.sm-subhero-txt-wrapper::before {
  content: "";
  width: 40px;
  height: 100%;
  background-color: var(--accent);
  position: absolute;
  left: 0;
  top: 0;
}
.sm-subhero-txt > div {
  position: relative;
}
.sm-subhero-txt > div::after {
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  background-color: var(--black);
  width: 70vw;
  left: calc(100% + 120px);
  bottom: 30px;
}
.py-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.space-left-970 {
  width: 100%;
  padding-left: max(15px, calc((100% - 970px) / 2));
  padding-right: 15px;
}
.space-left-1140 {
  width: 100%;
  padding-left: max(15px, calc((100% - 1140px) / 2));
  padding-right: 15px;
}
.space-left-800 {
  width: 100%;
  padding-left: max(15px, calc((100% - 800px) / 2));
  padding-right: 15px;
}
.space-left-1250 {
  width: 100%;
  padding-left: max(15px, calc((100% - 1250px) / 2));
  padding-right: 15px;
}
.space-left-1200 {
  width: 100%;
  padding-left: max(15px, calc((100% - 1200px) / 2));
  padding-right: 15px;
}
.space-left-1580 {
  width: 100%;
  padding-left: max(15px, calc((100% - 1580px) / 2));
  padding-right: 15px;
}
.max-970 {
  width: 100%;
  max-width: 970px;
}
.sm-what-line::after {
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  background-color: var(--black);
  width: calc(100% - 1055px);
  right: -15px;
  top: 50%;
  transform: translateY(-50%);
}
.sm-what-flex {
  display: flex;
  align-items: center;
}
.sm-fizz-wrap {
  display: flex;
  justify-content: center;
  flex-grow: 1;
}
.sm-fizz-bubble {
display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
}
.sm-tip-grid {
  display: grid;
  grid-template-columns: minmax(0, 260px) minmax(0, auto);
  column-gap: 100px;
}
.sm-swot-s-grid {
  display: grid;
  grid-template-columns: minmax(0, 300px) minmax(0, auto);
  column-gap: 100px;
  margin-bottom: 90px;
  margin-top: 90px;
}
.sm-slider.swiper {
  user-select: none;
  padding-top: 60px;
}
.sm-slider .swiper-slide {
  width: fit-content;
  white-space: nowrap;
  position: relative;
}
.sm-slider .swiper-slide::before,
.sm-slider .swiper-slide::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: 1px solid var(--light-grey);
}
.sm-slider .swiper-slide::before {
  width: 26px;
  height: 26px;
  top: -40px;
  left: 0;
}
.sm-slider .swiper-slide::after {
  width: 12px;
  height: 12px;
  top: -55px;
  left: 22px;
  opacity: 0.8;
}
.sm-tip-text {
  padding-top: 60px;
}
.sm-slider-nav {
  display: flex;
  align-items: center;
  gap: 30px;
}
.sm-tip-slider-nav {
  justify-content: flex-end;
  padding-right: 150px;
  margin-bottom: -50px;
  margin-top: 60px;
}
.sm-swot-slider-nav {
  justify-content: flex-end;
  padding-right: 150px;
  margin-top: 20px;
}
.sm-nav-btn {
  cursor: pointer;
  transition: all 300ms ease;
}
.sm-nav-btn.swiper-button-disabled {
  opacity: 0;
}
.sm-full-grid {
  display: grid;
  align-items: center;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 25px;
  margin-bottom: 25px;
}
.sm-full-video {
  width: 100%;
}
.sm-scroll-slider-img {
  max-width: unset;
  height: 556px;
  width: auto;
}
.sm-scroll-slider .swiper-wrapper .swiper-slide {
  width: auto !important;
}
.sm-full-video-800 {
  display: none;
}
.smswot-bg {
  background: var(--white)
    url(/wp-content/uploads/2025/12/6b0386e2-a938-4899-bd9b-a0b411921a68-scaled.webp)
    center top/cover no-repeat;
  padding-top: 100px;
  padding-bottom: 60px;
  position: relative;
}
.smswot-bg::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 45%;
  height: 40px;
  background-color: var(--accent);
}
.pull-big-elipse {
  position: relative;
  width: 53px;
  height: 53px;
  border-radius: 50%;
  background-color: var(--accent);
  transition: all 300ms ease;
}
.pull-btn:hover .pull-big-elipse {
  width: 35px;
  height: 35px;
}
.pull-big-elipse::after {
  content: "";
  position: absolute;
  top: -55px;
  left: -40px;
  width: 85px;
  height: 85px;
  border: 3px solid var(--light-grey);
  border-radius: 50%;
  transition: all 300ms ease;
}
.pull-btn:hover .pull-big-elipse::after {
  width: 26px;
  height: 26px;
  border: 1px solid var(--light-grey);
}
.pull-btn {
  display: flex;
  flex-direction: column;
  gap: 20px;
  cursor: pointer;
}
.py-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}
.max-780 {
  width: 100%;
  max-width: 780px;
}
.sm-objectives-flex {
  display: flex;
  align-items: flex-end;
  margin-bottom: 75px;
}
.sm-objectives-row {
  display: grid;
  grid-template-columns: 270px auto;
  gap: 15px;
  margin-top: 60px;
}
.sm-objectives-row > div:first-child {
  text-align: right;
}
.sm-objectives-row > div:last-child {
  margin-top: 60px;
}
.py-100,
.sq-sideway-padd {
  padding-top: 100px;
  padding-bottom: 100px;
}
.sm-swot-grid {
  display: flex;
  margin-top: 120px;
}
.sm-swot-grid .sm-swot-grid-item {
  flex: 1;
  padding-top: 80px;
  padding-bottom: 20px;
  text-align: center;
  position: relative;
}
.sm-swot-grid .sm-swot-grid-item:first-child {
  background-color: var(--accent);
}
.sm-swot-grid .sm-swot-grid-item:first-child .sm-swot-grid-item-back {
  background-color: var(--accent);
}
.sm-swot-grid .sm-swot-grid-item:nth-child(2) {
  background-color: #91266e;
}
.sm-swot-grid .sm-swot-grid-item:nth-child(2) .sm-swot-grid-item-back {
  background-color: #91266e;
}
.sm-swot-grid .sm-swot-grid-item:nth-child(3) {
  background-color: #9d3e7e;
}
.sm-swot-grid .sm-swot-grid-item:nth-child(3) .sm-swot-grid-item-back {
  background-color: #9d3e7e;
}
.sm-swot-grid .sm-swot-grid-item:last-child {
  background-color: #aa568e;
}
.sm-swot-grid .sm-swot-grid-item:last-child .sm-swot-grid-item-back {
  background-color: #aa568e;
}
.sm-swot-letter {
  font-size: 300px;
  line-height: 1;
}
.s-accent {
  color: var(--secondary-accent);
}
.sm-swot-grid-item-back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 2;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  justify-content: center;
  padding: 20px;
  opacity: 0;
  transition: all 300ms ease;
}
.sm-swot-grid .sm-swot-grid-item:hover .sm-swot-grid-item-back {
  opacity: 1;
}
.sm-swot-grid-item-back p {
  max-width: 260px;
}
.sm-swot-p-grid {
  display: grid;
  grid-template-columns: minmax(0, 390px) minmax(0, auto);
  column-gap: 100px;
  margin-bottom: 90px;
}
.sm-swot-p-slider-nav,
.sg-nav {
  margin-top: 30px;
  justify-content: flex-end;
  padding-right: 150px;
}
.sg-nav {
  margin-top: 60px;
}
.sm-clients-slider-img {
  max-width: unset;
  height: 300px;
  width: auto;
}
.sm-clients-grid {
  display: grid;
  grid-template-columns: minmax(0, 240px) minmax(0, auto);
  column-gap: 100px;
  align-items: center;
  row-gap: 40px;
}
.ppc-hero {
  background: var(--white)
    url(/wp-content/uploads/2025/12/pexels-fauxels-3183170.webp) center
    top/cover no-repeat;
}
.max-1320 {
  width: 100%;
  max-width: 1320px;
}
.ppc-hero .csr-hero-grow {
  margin-bottom: -110px;
}
.details-btn {
  position: relative;
  width: fit-content;
  transition: all 300ms ease;
}
.details-btn::after {
  content: "//";
  display: inline-block;
  min-width: 12px;
  text-align: right;
  transition: all 300ms ease;
}
.details-btn:not(.details-btn-home):hover::after {
  content: "\203A";
}
.details-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -35px;
  width: 20px;
  height: 20px;
  background-color: var(--accent);
  transform: translateY(-50%);
  border-radius: 50%;
  transition: all 300ms ease;
}
.ppc-channels-item:hover .details-btn-home::before {
  top: -140px;
}
.ppc-channels-item:hover .details-btn-home::after {
  content: "\203A";
  text-align: center;
}
.ppc-channels-flex {
  margin-bottom: 65px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
}
.ppc-wave-img {
  width: 100%;
  margin-top: -25%;
}
.max-900 {
  width: 100%;
  max-width: 900px;
}
.ppc-fizz-flex {
  display: flex;
  align-items: center;
}
.ppc-fizz-wrap {
  flex-grow: 1;
  display: flex;
  justify-content: center;
}
.sg-bg {
  background: var(--white)
    url(/wp-content/uploads/2025/12/Mask-Group-25-scaled.png) center
    center/cover no-repeat;
}
.col-320 {
  width: 320px;
  text-align: right;
}
.sg-line-title {
  position: relative;
}
.sg-line-title::after {
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  background-color: var(--black);
  width: calc(100% - 360px);
  left: 370px;
  top: 50%;
  transform: translateY(-50%);
}
.max-700 {
  width: 100%;
  max-width: 700px;
}
.sq-sideway-flex {
  display: flex;
  gap: 50px;
  align-items: center;
}
.sq-sideways-txt {
  writing-mode: sideways-lr;
}
.sg-obj-slider .swiper-wrapper .swiper-slide {
  width: 1000px;
}
.sg-obj-slider .swiper-wrapper .swiper-slide:not(:last-child)::after {
  content: "";
  position: absolute;
  left: calc(100% - 100px);
  top: 39px;
  display: block;
  height: 1px;
  background-color: var(--black);
  width: 450px;
}
.sg-obj-slider .swiper-wrapper .swiper-slide.scm-obj-first::after {
  left: 100%;
  width: 400px;
}
.sg-separator {
  margin-bottom: 250px;
}
.sg-fizz {
  position: absolute;
  right: max(15px, calc((100% - 1580px) / 2));
  top: -45px;
  z-index: 3;
}
.sg-row {
  position: relative;
  display: flex;
  align-items: center;
  gap: 80px;
}
.sg-row-line {
  display: block;
  flex-grow: 1;
  height: 1px;
  background-color: var(--black);
}
.max-540 {
  max-width: 540px;
  width: 100%;
}
.italic {
  font-style: italic;
}
.max-1380 {
  width: 100%;
  max-width: 1380px;
}
.sg-tools {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.sg-tools-txt .p-90 {
  margin-left: 20px;
}
.sg-tools-txt::after {
  content: "";
  position: absolute;
  top: 40px;
  left: 260px;
  width: 100vw;
  background-color: var(--black);
  height: 1px;
}
.sg-tools-imgs {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}
.sg-padd {
  padding-bottom: 100px;
  padding-top: 100px;
}
.space-left-right-0 {
  padding-right: 0;
}
.max-950 {
  width: 100%;
  max-width: 950px;
}
.scm-pull-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scm-video-wrap {
  position: relative;
  margin-bottom: 100px;
}
.scm-video {
  position: absolute;
  top: 8%;
  height: 100%;
  width: auto;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
}
.scm-fizz-right {
  margin-left: auto;
}
.scm-slider .swiper-wrapper {
  justify-content: space-between;
}
.pb-100 {
  padding-bottom: 100px;
}
.scm-slider-nav {
  justify-content: flex-end;
  padding-right: 40px;
  margin-bottom: 20px;
}
.scm-services-bg {
  background: var(--white)
    url(/wp-content/uploads/2025/12/Component-35-–-1.webp) center top/cover
    no-repeat;
  padding-top: 80px;
  padding-bottom: 60px;
}
.scm-hero {
  background: var(--white)
    url(/wp-content/uploads/2025/12/Component-32-–-1.webp) center top/cover
    no-repeat;
}
.scm-likes-video {
  position: absolute;
  width: 250px;
  height: auto;
  right: 0;
  bottom: -60px;
  z-index: -1;
}
.scm-services-slider-nav {
  justify-content: flex-end;
  padding-right: 150px;
  margin-bottom: 30px;
}
.wd-hero {
  background: var(--white) url(/wp-content/uploads/2025/12/Mask-Group-38.webp)
    center top/cover no-repeat;
}
.wd-bg {
  background: var(--white)
    url(/wp-content/uploads/2025/12/pexels-picjumbo-com-55570-196645.webp)
    center bottom/cover no-repeat;
}
.wd-fizz {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: -270px;
}
.wd-fizz-flex {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
  width: 100%;
}
.wd-fizz-flex .max-1200 {
  flex-shrink: 0;
}
.wd-separator {
  margin-bottom: 150px;
  margin-top: 150px;
}
.wd-sideway-flex {
  align-items: flex-end;
}
.wd-slider .swiper-slide:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -300px;
  width: 300px;
  height: 100%;
  background-image: url(/wp-content/uploads/2025/12/Group-5855.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.wd-slider-nav {
  margin-top: 30px;
  justify-content: flex-end;
  padding-right: 150px;
}
.wd-scroll-slider .swiper-wrapper .swiper-slide {
  width: auto !important;
}
.wd-scroll-slider-img {
  max-width: unset;
  height: 80vh;
  max-height: 609px;
  width: auto;
}
.wd-clients {
  display: grid;
  grid-template-columns: 300px minmax(0, auto);
  align-items: center;
  gap: 20px;
}
.wd-clients .pull-btn {
  transform: rotate(90deg);
}
.fp-hero {
  background: var(--white) url(/wp-content/uploads/2025/12/Mask-Group-32.webp)
    center top/cover no-repeat;
}
.fp-bg {
  background: var(--white) url(/wp-content/uploads/2025/12/1105-scaled.webp)
    center center/cover no-repeat;
  padding-bottom: 70px;
}
.fp-title-flex {
  display: flex;
  gap: 30px;
}
.fp-line {
  width: 100%;
  height: 1px;
  background-color: var(--black);
  margin-bottom: 10px;
  margin-top: 40px;
}
.flex-grow {
  flex-grow: 1;
}
.max-510 {
  max-width: 510px;
  width: 100%;
}
.fp-fizz {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: -200px;
  margin-bottom: -50px;
}
.fp-grid {
  display: grid;
  grid-template-columns: auto auto;
  gap: 2rem;
}
.iv-fp-img img,
.iv-fp-img picture {
  height: 100%;
  object-fit: cover;
}
.align-end {
  align-items: flex-end;
}
.fb-grid-row {
  display: flex;
  gap: 20px;
  align-items: center;
}
.fb-bubble {
  position: relative;
  border-radius: 50%;
  border: 1px solid var(--light-grey);
  display: block;
  width: 70px;
  height: 70px;
  transition: all 300ms ease;
  flex-shrink: 0;
}
.fb-bubble::before,
.fb-bubble::after {
  content: "";
  position: absolute;
  display: block;
  border: 1px solid var(--light-grey);
  border-radius: 50%;
  transition: all 300ms ease;
}
.fb-bubble::before {
  width: 13px;
  height: 13px;
  top: 30px;
  left: 10px;
}
.fb-bubble::after {
  width: 26px;
  height: 26px;
  top: 25px;
  left: 25px;
}
.fb-grid-row:hover .fb-bubble {
  transform: scale(1.1);
}
.fb-grid-row:hover .fb-bubble::before {
  top: 45px;
}
.fb-grid-row:hover .fb-bubble::after {
  left: 35px;
  top: 10px;
}
.fb-grid-rows {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.fb-rows-end {
  justify-content: flex-end;
  padding-top: 20px;
}
.max-750 {
  max-width: 750px;
  width: 100%;
}
.fp-bf-img {
  display: none;
}
.em-hero {
  background: var(--white) url(/wp-content/uploads/2025/12/Mask-Group-36.webp)
    center center/cover no-repeat;
}
.em-scroll-slider {
  width: 100%;
}
.em-fizz {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: absolute;
  right: 0;
  bottom: 15%;
}
.em-bg {
  background: var(--white)
    url(/wp-content/uploads/2025/12/pexels-cottonbro-3206079.webp) center
    center/cover no-repeat;
  padding-top: 70px;
  padding-bottom: 85px;
}
.em-letter-1 {
  position: absolute;
  left: -15px;
  top: -9%;
  z-index: 3;
  max-width: 30%;
}
.em-letter-2 {
  display: none;
}
.em-cols {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.max-1000 {
  width: 100%;
  max-width: 1000px;
}
.max-1400 {
  width: 100%;
  max-width: 1400px;
}
.max-1450 {
  width: 100%;
  max-width: 1450px;
}
.tt-hero {
  background: var(--white)
    url(/wp-content/uploads/2025/12/Screenshot-2025-12-03-at-15.36.24.webp)
    center center/cover no-repeat;
}
.sg-obj-slider.tt-slider .swiper-wrapper .swiper-slide:not(:last-child)::after {
  left: calc(100% - 40px);
  width: 290px;
}
.container-full {
  width: 100%;
  max-width: 1920px;
}
.tt-grid {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 2fr;
  gap: 50px;
  padding-right: 15px;
}
.tt-grid-line {
  width: calc(100% + 15px);
  height: 1px;
  display: block;
  background-color: var(--black);
  margin-top: 20px;
  margin-bottom: 10px;
}
.tt-grid-txt {
  padding-top: 20px;
  padding-bottom: 20px;
}
.tt-ch-margin {
  margin-bottom: 180px;
}
.tt-subhero-margin {
  margin-top: -100px;
}
.meta-hero {
  background: var(--white)
    url(/wp-content/uploads/2025/12/pexels-negativespace-97080.webp) center
    center/cover no-repeat;
}
.meta-fizz-btn {
  margin-top: 100px;
}
.meta-fizz-btn .sg-separator {
  display: none;
}
.meta-fizz-hidden {
  margin-bottom: 100px;
  margin-top: 20px;
}
.meta-fizz-hidden .sg-fizz {
  top: 0;
}
.meta-hero-img {
  max-width: 60%;
}
.contact-bg {
  background: var(--white) url(/wp-content/uploads/2025/12/Rectangle-2.webp)
    center center/cover no-repeat;
}
.contact-bubble {
  margin: 30px auto 0;
  display: none;
}
.db-hero {
  background: var(--white)
    url(/wp-content/uploads/2025/12/pexels-tiger-lily-7109277.webp) center
    center/cover no-repeat;
}
.db-txt-flex {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 150px;
}
.db-txt-flex::before,
.db-txt-flex::after {
  content: "";
  position: absolute;
  border: 1px solid var(--light-grey);
  border-radius: 50%;
}
.db-txt-flex::before {
  width: 66px;
  height: 66px;
  left: -90px;
  bottom: 0;
}
.db-txt-flex::after {
  width: 12px;
  height: 12px;
  left: -25px;
  bottom: 80px;
}
.db-txt-line {
  display: block;
  flex-grow: 1;
  height: 1px;
  background-color: var(--black);
}
.db-grid-txt-left {
  text-align: right;
  grid-column: 1;
  grid-row: 1 / span 2;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
}
.db-grid-txt-left::after {
  content: "";
  width: 70px;
  height: 100%;
  position: absolute;
  right: -70px;
  top: 0;
  background-image: url(/wp-content/uploads/2025/12/Group-5855-1.svg);
  background-position: center top;
  background-size: 18px;
  background-repeat: no-repeat;
}
.db-grid-txt-left img,
.db-grid-txt-right-1 img,
.db-grid-txt-right-2 img {
  margin-left: auto;
}
.db-grid {
  display: grid;
  grid-template-columns: 3fr 4fr;
  column-gap: 70px;
  row-gap: 100px;
}
.db-grid-txt-right-1,
.db-grid-txt-right-2 {
  grid-column: 2;
  display: flex;
}
.db-grid-txt-right-1 div:last-child {
  margin-left: -60px;
  z-index: -1;
}
.db-grid-txt-right-2 div:last-child {
  margin-top: 80px;
  z-index: -1;
  margin-left: -100px;
}
.align-center {
  align-items: center;
}
.big-bubble.about-hero-bubble {
  margin: 20px auto 0;
}
.ab-hero {
  background: var(--white) url(/wp-content/uploads/2025/12/Rectangle-2-1.webp)
    center center/cover no-repeat;
}
.ab-subhero-margin {
  margin-top: -140px;
}
.ab-fizz {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.kpi-big-number {
  font-size: 170px;
  font-variant-numeric: lining-nums proportional-nums;
  letter-spacing: -2px;
  line-height: 1;
}
.kpi-big-flex {
  display: flex;
  flex-direction: column;
}
.kpi-big-flex p {
  margin-left: 100px;
}
.kpi-grid-item-middle {
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid var(--black);
}
.us-photos-overlay {
  position: absolute;
  top: 20px;
  width: calc(100% - 40px);
  left: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.us-photos-line {
  flex-grow: 1;
  height: 1px;
  min-width: 40px;
  background-color: var(--black);
}
.c-position {
  font-size: 10px;
  line-height: 1;
}
.ab-bg {
  background: var(--white) url(/wp-content/uploads/2025/12/Rectangle-4.webp)
    center center/cover no-repeat;
}
.max-800 {
  width: 100%;
  max-width: 800px;
}
.ab-p-bg {
  background: var(--white) url(/wp-content/uploads/2025/12/Rectangle-10.webp)
    center center/cover no-repeat;
}
.ab-ong-flex {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  align-items: center;
  flex-wrap: wrap;
}
.home-hero {
  min-height: 100vh;
  min-height: 100svh;
  height: 100vh;
  /* overflow: hidden; */
  height: 100svh;
}
.home-hero-slider .swiper-wrapper .swiper-slide {
  width: auto !important;
}
.home-hero-img {
  max-width: unset;
  height: 100vh;
  height: 100svh;
  width: auto;
}
.home-subhero {
  position: absolute;
  bottom: 30px;
  width: 100%;
  z-index: 5;
}
.home-bg {
  background: var(--white)
    url(/wp-content/uploads/2026/01/Mask-Group-44-1-1-scaled.png) center
    top/cover no-repeat;
}
.home-subhero-flex {
  display: flex;
  flex-direction: column;
  width: fit-content;
  gap: 50px;
  margin-left: auto;
}
.underline {
  text-decoration: underline;
}
.home-ab-grid {
  display: grid;
  grid-template-columns: auto auto;
  column-gap: 300px;
}
.home-ab-number {
  font-size: 400px;
  font-variant-numeric: lining-nums proportional-nums;
  letter-spacing: -2px;
  line-height: 1;
}
.home-pull-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.home-ab-txt {
  font-size: 40px;
  line-height: 1.1;
  padding-left: 110px;
}
.home-ab-grid-left::after {
  content: "";
  position: absolute;
  right: -120px;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: var(--black);
}
.fizz-up-btn-home {
  margin-left: auto;
  margin-bottom: 100px;
}
.home-pass-flex {
  display: flex;
  gap: 35px;
  align-items: center;
}
.home-pass-line {
  display: block;
  flex-grow: 1;
  height: 1px;
  background-color: var(--black);
}
.services-details-btn:hover::before {
  top: -130px;
}
.services-slider-item:hover .services-details-btn::before {
  top: -132px;
}
.services-slider-item:hover .services-details-btn::after {
  content: "\203A";
}
.services-slider-wrapper,
.services-slider-flex {
  display: grid;
  grid-template-columns: minmax(0, auto) minmax(0, auto);
  gap: 70px;
  align-items: flex-end;
}
.db-nav {
  justify-content: flex-end;
  padding-right: 150px;
  margin-top: 50px;
}
.db-slider-wrap .services-slider-wrapper,
.db-slider-wrap .services-slider-flex {
  align-items: center;
}
.accent-bg {
  background-color: var(--accent);
}
/* Google Ads */

.ga-bg {
  background: var(--white)
    url(/wp-content/uploads/2026/01/Mask-Group-56@2x-scaled-1.png) center
    top/cover no-repeat;
  padding-bottom: 30px;
}

.sg-obj-slider.ga-slider .swiper-wrapper .swiper-slide:not(:last-child)::after {
  left: 100%;
  width: 250px;
}
.ga-title {
  position: absolute;
  margin: 0;
  white-space: nowrap;
  overflow-wrap: anywhere;
}

.ad-circles {
  display: flex;
  flex-direction: column;
  align-items: end;
}

.ga-subhero-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.space-left-850 {
  width: 100%;
  padding-left: max(15px, calc((100% - 850px) / 2));
  padding-right: 15px;
}

.ga-title-flex {
  display: flex;
  gap: 30px;
  justify-content: end;
}

.ga-line {
  width: 100%;
  height: 1px;
  background-color: var(--black);
  margin-bottom: 10px;
  margin-top: 40px;
}

.right-align {
  text-align: right;
  padding-right: 50px;
}

.br-mb {
  display: none;
}

.iv-bg {
  background: var(--white)
    url(/wp-content/uploads/2026/01/balazs-ketyi-LPWl2pEVGKc-unsplash-scaled-1.png)
    center top/cover no-repeat;
}
.pd-right {
  padding-right: 20px;
}

.iv-bottom {
  width: 100%;
}

.iv-hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  height: calc(100vh - 150px);
  height: calc(100svh - 150px);
  min-height: 450px;
}

.p-40 {
  padding-left: 100px;
}

.iv-simple-hero {
  padding-bottom: 30px;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100svh;
  justify-content: space-between;
  overflow: hidden;
}
.iv-simple-hero .csr-hero-flex {
  flex: unset;
}
.pd-130 {
  padding-left: 130px;
}
.mt--120 {
  margin-top: -120px;
}

.iv-separator {
  padding-bottom: 100px;
}

.hero-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.hero-image {
  height: 100%;
  overflow: hidden;
}
.iv-fizz {
  margin-left: auto;
  margin-bottom: -100px;
}

/* .bubble-reveal-img {
  user-select: none;
  --bubble-1: 10px;
  --bubble-2: 20px;
  --bubble-3: 35px;
  --bubble-4: 50px;
  --bubble-5: 100px;

  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  mask-image: radial-gradient(
      circle at 1% 70%,
      #000 var(--bubble-1),
      transparent calc(var(--bubble-1) + 1px)
    ),
    radial-gradient(
      circle at 3% 72%,
      #000 var(--bubble-2),
      transparent calc(var(--bubble-2) + 1px)
    ),
    radial-gradient(
      circle at 6% 65%,
      #000 var(--bubble-1),
      transparent calc(var(--bubble-1) + 1px)
    ),
    radial-gradient(
      circle at 7% 58%,
      #000 var(--bubble-3),
      transparent calc(var(--bubble-3) + 1px)
    ),
    radial-gradient(
      circle at 7% 38%,
      #000 var(--bubble-4),
      transparent calc(var(--bubble-4) + 1px)
    ),
    radial-gradient(
      circle at 16% 20%,
      #000 var(--bubble-5),
      transparent calc(var(--bubble-5) + 1px)
    ),
    radial-gradient(
      circle at 12% 40%,
      #000 var(--bubble-3),
      transparent calc(var(--bubble-3) + 1px)
    ),
    radial-gradient(
      circle at 15% 80%,
      #000 var(--bubble-1),
      transparent calc(var(--bubble-1) + 1px)
    ),
    radial-gradient(
      circle at 23% 60%,
      #000 var(--bubble-5),
      transparent calc(var(--bubble-5) + 1px)
    ),
    radial-gradient(
      circle at 14% 62%,
      #000 var(--bubble-4),
      transparent calc(var(--bubble-4) + 1px)
    ),
    radial-gradient(
      circle at 15% 35%,
      #000 var(--bubble-1),
      transparent calc(var(--bubble-1) + 1px)
    ),
    radial-gradient(
      circle at 18% 45%,
      #000 var(--bubble-2),
      transparent calc(var(--bubble-2) + 1px)
    ),
    radial-gradient(
      circle at 25% 45%,
      #000 var(--bubble-1),
      transparent calc(var(--bubble-1) + 1px)
    ),
    radial-gradient(
      circle at 27% 30%,
      #000 var(--bubble-4),
      transparent calc(var(--bubble-4) + 1px)
    ),
    radial-gradient(
      circle at 35% 28%,
      #000 var(--bubble-5),
      transparent calc(var(--bubble-5) + 1px)
    ),
    radial-gradient(
      circle at 30% 45%,
      #000 var(--bubble-3),
      transparent calc(var(--bubble-3) + 1px)
    ),
    radial-gradient(
      circle at 42% 65%,
      #000 var(--bubble-4),
      transparent calc(var(--bubble-4) + 1px)
    ),
    radial-gradient(
      circle at 45% 35%,
      #000 var(--bubble-5),
      transparent calc(var(--bubble-5) + 1px)
    ),
    radial-gradient(
      circle at 40% 39%,
      #000 var(--bubble-1),
      transparent calc(var(--bubble-1) + 1px)
    ),
    radial-gradient(
      circle at 41% 55%,
      #000 var(--bubble-1),
      transparent calc(var(--bubble-1) + 1px)
    ),
    radial-gradient(
      circle at 54% 65%,
      #000 var(--bubble-5),
      transparent calc(var(--bubble-5) + 1px)
    ),
    radial-gradient(
      circle at 52% 25%,
      #000 var(--bubble-4),
      transparent calc(var(--bubble-3) + 1px)
    ),
    radial-gradient(
      circle at 56% 35%,
      #000 var(--bubble-3),
      transparent calc(var(--bubble-3) + 1px)
    ),
    radial-gradient(
      circle at 50% 50%,
      #000 var(--bubble-2),
      transparent calc(var(--bubble-2) + 1px)
    ),
    radial-gradient(
      circle at 62% 45%,
      #000 var(--bubble-5),
      transparent calc(var(--bubble-5) + 1px)
    ),
    radial-gradient(
      circle at 62% 80%,
      #000 var(--bubble-2),
      transparent calc(var(--bubble-2) + 1px)
    ),
    radial-gradient(
      circle at 64% 70%,
      #000 var(--bubble-3),
      transparent calc(var(--bubble-3) + 1px)
    ),
    radial-gradient(
      circle at 68% 25%,
      #000 var(--bubble-2),
      transparent calc(var(--bubble-2) + 1px)
    ),
    radial-gradient(
      circle at 75% 70%,
      #000 var(--bubble-5),
      transparent calc(var(--bubble-5) + 1px)
    ),
    radial-gradient(
      circle at 71% 51%,
      #000 var(--bubble-4),
      transparent calc(var(--bubble-4) + 1px)
    ),
    radial-gradient(
      circle at 76% 30%,
      #000 var(--bubble-4),
      transparent calc(var(--bubble-4) + 1px)
    ),
    radial-gradient(
      circle at 82% 42%,
      #000 var(--bubble-5),
      transparent calc(var(--bubble-5) + 1px)
    ),
    radial-gradient(
      circle at 90% 30%,
      #000 var(--bubble-4),
      transparent calc(var(--bubble-4) + 1px)
    ),
    radial-gradient(
      circle at 93% 55%,
      #000 var(--bubble-5),
      transparent calc(var(--bubble-5) + 1px)
    );
} */
.home-hero-bubble {
  position: absolute;
  left: 55%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 6;
  opacity: 0;
  width: 250px;
  height: 250px;
}
.hero-home-opac {
  opacity: 0;
}
.bubble-reveal-img {
  mask: url(#bubble-mask);
  -webkit-mask: url(#bubble-mask);
}

.mask-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
}
.home-hero-bubble .big-bubble-content {
  opacity: 0;
}
#smooth-content {
  will-change: transform;
  overflow: hidden;
}
.wave-anim {
  max-width: 100%;
  width: 230px;
  height: 9px;
  background-image: url(/wp-content/uploads/2026/01/linie-val.svg);
  background-repeat: repeat-x;
  background-position: 0 bottom;
  background-size: 230px 9px;
  animation: bgWaveScroll 4s linear infinite;
}

@keyframes bgWaveScroll {
  from {
    background-position-x: 0;
  }
  to {
    background-position-x: 230px;
  }
}
.wave-anim.max-125 {
  max-width: 125px;
}
.hero-anim-bubble {
  opacity: 0;
}
.about-photo-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.about-photo-header .line {
  width: 50%;
  height: 1px;
  background-color: var(--black);
}
.contact-txt-anim-scale {
  display: inline-block;
}
.tt-grid-img {
  position: relative;
  z-index: 10;
}
.db-imgs {
  width: fit-content;
  margin-top: 50px;
  position: relative;
}
.db-imgs-2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 51%;
}
.w-fit {
  width: fit-content;
}
.champagne-container {
   position: absolute;
  right: 0;
  bottom: 90px;

  width: 255px;
  height: 310px;

  pointer-events: none;
}

.champagne-container .bubble {
  position: absolute;
  border-radius: 50%;
  border: 1px solid var(--light-grey); /* Gri deschis ca in poza */
  bottom: 0; /* Pornesc de jos, de langa buton */
  pointer-events: none; /* Sa nu interfereze cu mouse-ul */
  will-change: transform, opacity;
}
.fizz-up-btn.fizz-up-simple::before,
.fizz-up-btn.fizz-up-simple::after {
  content: none;
}
.header-menu {
  position: absolute;
  top: -10px;
  left: -10px;
  width: calc(100% + 20px);
  max-width: 700px;
  background-color: var(--accent);
  max-height: 100vh;
  z-index: -1;
  max-height: 100svh;
  overflow-y: auto;
  display: grid;
  grid-template-rows: 0fr;
  transition: all 300ms ease-in-out;
}
.header-menu.active {
  padding: 120px 40px 40px;
  grid-template-rows: 1fr;
}
.header-menu .o-hidden {
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.header-menu.active .o-hidden.visible{
  overflow: visible;
}
.o-hidden {
  overflow: hidden;
}
.header-menu-title {
  display: flex;
  align-items: center;
  text-align: right;
  gap: 30px;
  white-space: nowrap;
  justify-content: space-between;
}
.header-menu-line {
  display: block;
  flex-grow: 1;
  max-width: 50%;
  height: 1px;
  background-color: var(--white);
}
.header-menu-links {
  text-align: right;
  list-style-type: none;
  margin-top: 10px;
}
.header-menu-links li {
  padding-top: 5px;
}
.header-menu-links li,
.header-menu-links li a {
  color: var(--secondary-accent);
}
.header-logo svg{
  overflow: visible;
}
.header-logo svg path{
  transition: all 300ms ease-in-out;
}
.menu-btn.active ~ .header-logo svg path{
  fill: var(--white);
}
.header-logo .logo-fizz,
.header-logo .logo-sign{
  transition: all 300ms ease;
}
.header-logo:hover .logo-sign{
  transform: translateY(-10px);
}
.header-logo:hover .logo-fizz{
  transform: translateX(90px);
}
.newsletter-form .mc4wp-form-fields{
  display: flex;
  align-items: center;
}
.newsletter-form input:hover,
.newsletter-form input:focus,
.newsletter-form input:focus-visible,
.newsletter-form input:focus-within{
  border: none;
  outline: none;
}
.newsletter-form input[type="email"],
.newsletter-form input[type="submit"]{
  height: 50px;
  border: none;
}
.newsletter-form input[type="email"]{
  background: var(--bg-gray);
  text-indent: 20px;
  flex-grow: 1;
  font-size: 18px;
  color: var(--accent);
}
.newsletter-form input[type="submit"]{
  background: var(--accent);
  color: var(--white);
  font-size: 20px;
  font-weight: 700;
  padding: 10px 15px;
  cursor: pointer;
}


/* Study grafics */

.case-study-desktop{
    max-width:1600px; /* era 1320px */
    margin:0 auto;
    width:100%;
}

.case-studies{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px 80px;
}

.case-image{
    display:flex;
    align-items:flex-end; /* aliniere jos */
}

.case-image img{
    width:100%;
    display:block;
}

.case-content h3{
    text-align:left;
}

.case-content p{
    text-align:justify;
    line-height:1.8;
}

.case-study-mobile{
    display:none;
}

.case-study-desktop{
    display:block;
	 max-width: 1320px;
    margin: 0 auto;
}

/* FAQ section */

.faq-item{
    border-top:1px solid rgba(255,255,255,.5);
}

.faq-item summary{
    list-style:none;
    cursor:pointer;
    padding:25px 40px;
    color:#fff;
    font-weight:700;
	text-align:center;
}

.faq-item summary::-webkit-details-marker{
    display:none;
}

.faq-section{
    background:#8f0b68;
}

.faq-item{
    border-top:1px solid rgba(255,255,255,.4);
    background:#8f0b68;
}

.faq-item:last-child{
    border-bottom:1px solid rgba(255,255,255,.4);
}

.faq-item summary{
    list-style:none;
    cursor:pointer;
    padding:22px 40px;
    color:#fff;
    font-weight:700;
    position:relative;
}

.faq-item summary::-webkit-details-marker{
    display:none;
}

.faq-item summary{
    list-style:none;
    cursor:pointer;
    padding:10px 40px;
    color:#fff;
    font-weight:700;
    text-align:center;
    position:relative;
	padding:12px 80px;
}

.faq-item summary::after{
    content:"⌵";
   position:absolute;
    right:30%;
    top:50%;
    transform:translateY(-50%);
 	margin:0;
	
    transition:transform .3s ease;
	
	margin-left:15px;
	font-size:20px;
	font-weight:300;
}

.faq-item[open] summary::after{
    transform:rotate(180deg);
}

.faq-answer{
    padding:0 40px 25px;
    color:#fff;
    text-align:center;
}

.faq-heading{
    background:#9b006f;
    color:#fff;
    text-align:center;
    font-family:"Cormorant Garamond", serif;
    font-size:64px;
    font-weight:700;
    line-height:1;
    padding:15px 0 10px;
}

.performance-content{
    max-width:1100px;
    margin:0 auto;
    text-align:center;
}

.performance-content p{
    margin-bottom:15px;
    line-height:1.3;
}

/* Strategy table */
.strategy-table{
    max-width:1100px;
    margin:60px auto;
    display:grid;
    grid-template-columns:18% 41% 41%;
    gap:12px 14px;
}

.table-header{
    background:#98006f;
    color:#fff;
    text-align:center;
    font-weight:700;
    font-size:30px;
    padding:25px 15px;
}

.table-cell{
    border:1px solid #bdbdbd;
    padding:18px;
    text-align:center;
    font-size:18px;
    line-height:1.4;
    background:#fff;
}

.table-objective{
    font-weight:700;
    font-size:20px;
}

.ppc-wave-wrap{
    position: relative;
    z-index: 2;
}

/* Deoration grid */
.campaigns-section{
    position:relative;
    overflow:visible;
    padding:40px 0;
}

.campaigns-decor{
    position:absolute;
    left:-200px;
    top:0;
    width:700px;
    height:100%;
    z-index:1;
}

.campaigns-decor img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.campaigns-section{
    position:relative;
}

.campaigns-list{
    width:900px;
    margin-left:340px;
    margin-right:0;
    max-width:none;
    position:relative;
    z-index:2;
}

.campaign-item{
    display:flex;
    gap:18px;
    margin-bottom:40px;
}

.campaign-content h3{
    margin:0 0 8px;
    font-size:20px;
    line-height:1.2;
    font-weight:700;
    color:#98006f;
}

.campaign-content p{
    margin:0;
    font-size:16px;
    line-height:1.45;
    color:#222;
}

.campaigns-decor{
    transform: translateY(-210px);
}


.sm-services{
    max-width:1400px;
    margin:0 auto;
    padding:0px 0;
}

.service{
    display:grid;
    align-items:center;
    margin-bottom:50px;
}

/* RANDUL 1 */
.service-left{
	transform: translateX(-140px);
    grid-template-columns:420px 220px 420px;
    justify-content:center;
}

/* RANDUL 2 */
.service-right{
    grid-template-columns:420px 220px 420px;
    justify-content:center;
    transform:translateX(180px);
}

.service-left .text{
    text-align:right;
    padding-right:40px;
}

.service-right .text{
    text-align:left;
    padding-left:40px;
}

.line{
    width:180px;
    height:1px;
    background:#444;
    justify-self:center;
}

.title{
    text-align:center;
}

.title h3{
    margin:0;
    font-size:30px;
    line-height:1.1;
    font-weight:400;
}

.text{
    font-size:16px;
    line-height:1.6;
    max-width:360px;
}



/*google ads */

#why-up .why-title{
	display:flex;
	align-items:flex-start;
	gap:45px;
}

#why-up .why-left{
	flex:0 0 auto;
}

#why-up .why-left p{
	margin:0;
	white-space:nowrap;
	line-height:1;
}

#why-up .why-right{
	flex:1;
	min-width:0;
}

#why-up .why-line{
	width:100%;
	height:1px;
	background:#222;
	margin:18px 0;
}

#why-up .why-right p{
	margin:0;
	line-height:1.05;
	white-space:nowrap;
}

#why-up .space-left-970{
    padding-left:max(15px, calc((100% - 1200px) / 2));
}

#why-up .why-description{
    max-width:1100px;
    margin-bottom:55px;
	padding-left:167px;
    font-size:20px;
    line-height:1.5;
}

.expertise-section{
    padding-top:100px;
}

.expertise-title{
    text-align:center;
    line-height:.9;
    margin:0;
}

.expertise-subtitle{
    text-align:center;
    margin:35px 0 45px;
}

.wave-anim{
    margin:0 auto 90px;
}

.expertise-content{
    width:700px;
    margin-left:36%;
}

.expertise-item{
    margin-bottom:28px;
    font-size:30px;
    line-height:1.15;
}

.expertise-item strong{
    color:#8d176b;
}

.expertise-item span{
    color:#111;
}

.concept-section{
    margin-top:70px;
    margin-left:36%;      /* aceeași valoare ca expertise-content */
}

.concept-line{
    width:calc(100vw - 36% - 15px);
    height:1px;
    background:#333;
    margin-bottom:20px;
}

.concept-title{
    margin:0;
    line-height:1;
}

.concept-section .wave-anim{
    margin:60px auto 0;
}


.arsenal-section{
    padding-top:120px;
}

.arsenal-list{
    width:760px;
    margin:0 auto 70px;
}

.arsenal-item{
    margin-bottom:24px;
    font-size:20px;
    line-height:1.35;
}

.arsenal-item strong{
    color:#8d176b;
    font-weight:700;
}

.arsenal-title{
    width:100%;
    text-align:center;
    margin:0 auto 80px;
}

.arsenal-title h2{
    margin:0;
    line-height:.9;
}

.arsenal-title h2:last-child{
    margin-top:10px;
}

.arsenal-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
}

.arsenal-box{
    min-height:330px;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
}

.arsenal-left{
    background:#9b4688;
}

.arsenal-right{
    background:#8c0e69;
}

.arsenal-box h3{
    color:#fff;
    line-height:.95;
    margin:0;
}

.arsenal-header-section{
    padding:120px 0 80px;
}

.arsenal-list{
    width:1000px;
    margin:0 auto 70px;
	text-align:center;
}

.arsenal-item{
    margin-bottom:24px;
    font-size:20px;
    line-height:1.35;
}

.arsenal-item strong{
    color:#8d176b;
    font-weight:700;
}

.arsenal-header-title{
    width:100%;
    text-align:center;
}

.arsenal-header-title h2{
    margin:0;
    line-height:.9;
}

.arsenal-header-title h2:last-child{
    margin-top:10px;
}

#cards{
    background:#fff;
    padding:120px 0 80px;
    position:relative;
    z-index:10;
}


/* formular */
#contact-offer{
    background:#F5F5F3;
    padding-bottom:70px;
	padding-top:0px;
}

#contact-offer .contact-offer-title{
    text-align:center;
    margin-bottom:90px;
}

#contact-offer .contact-offer-title h2{
    margin:0;
    line-height:.95;
}

#contact-offer .contact-offer-title h2:last-child{
    margin-top:8px;
}

#contact-offer .contact-offer-form{
    width:1140px;
    margin:0 auto;

    display:flex;
    justify-content:center;
    align-items:center;
    gap:70px;
}

#contact-offer .contact-fields{
    width:760px;

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}

#contact-offer .contact-fields input{
    height:54px;
    border:1px solid #9a9a9a;
    padding:0 18px;
    font-size:16px;
    outline:none;
    background:#fff;
}

#contact-offer .contact-fields input::placeholder{
    color:#8c8c8c;
}

#contact-offer .main-btn{
    flex-shrink:0;
}


/* end google ads */


@media (max-width:991px){
    #why-up .why-description{
        margin:0 20px 40px;
        max-width:100%;
        text-align:left;
    }
}


/* decoration grid */
@media(max-width:768px){

    .campaigns-decor{
        display:none;
    }

    .campaigns-list{
        margin-left:0;
    }

    .campaign-content h3{
        font-size:18px;
    }

    .campaign-content p{
        font-size:15px;
    }
}

/* Strategy table */
@media(max-width:768px){

    .strategy-table{
        grid-template-columns:1fr;
        gap:10px;
    }

    .table-header{
        font-size:20px;
        padding:15px;
    }

    .table-cell{
        font-size:16px;
    }

}

.desktop-only{
    display:block;
}

.mobile-only{
    display:none;
}

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

.bubble-text p{
	margin:0;
	font-size:20px;
	color:#333;
	line-height:1.4;
}

.bubble-text span{
	display:block;
	font-family:'Playfair Display', serif;
	font-size:40px;
	line-height:1;
	color:#850E5E;
}
@media(max-width:768px){

    .desktop-only{
        display:none;
    }

    .mobile-only{
        display:block;
    }

}

/* details mobil only */
@media(max-width:768px){

    .campaigns-mobile{
        position:relative;
        padding:40px 20px 60px 55px;
    }

    .campaigns-mobile:before{
        content:'';
        position:absolute;
        left:0;
        top:0;
        width:40px;
        height:100%;
        background-size:contain;
    }

    .campaign-item{
        margin-bottom:60px;
		flex-direction:column;
    }

    .campaign-item h3{
        color:#98006f;
        font-size:18px;
        font-weight:700;
        margin-bottom:15px;
    }

    .campaign-item p{
        font-size:16px;
        line-height:1.6;
    }

    .mobile-title-wrap{
        display:flex;
        align-items:center;
        gap:20px;
        margin-top:40px;
    }

    .mobile-title-wrap h2{
        font-size:30px;
        line-height:.9;
        color:#8b0f68;
        margin:0;
    }

    .mobile-title-wrap span{
        flex:1;
        height:1px;
        background:#777;
    }
	
	.campaigns-mobile{
        position: relative;
    }

    .campaigns-mobile::before{
        content: "";
        position: absolute;
        top: 0;
        left: 0px;
        width: 40px;
        height: 100%;
        background: #850E5E;
    }
	
}



/* FAQ */
@media (max-width:768px){

    .faq-item summary{
        display:flex;
        justify-content:space-between;
        align-items:center;
        text-align:left;
        padding:12px 20px;
    }

    .faq-item summary::after{
        margin-left:15px;
        flex-shrink:0;
    }

    .faq-answer{
        text-align:left;
        padding:0 20px 15px;
    }
	
	.faq-item summary::after{
        position:relative;
        right:unset;
        top:unset;
        transform:none;
    }
}

/* Study grafics */
@media(max-width:768px){

    .case-studies{
        grid-template-columns:1fr;
        gap:40px;
    }
	
	.case-study-content h3{
    text-align:center;
	}

	.case-study-content p{
		text-align:center;
		line-height:1.8;
	}

	.case-study-desktop{
        display:none;
    }

    .case-study-mobile{
        display:block;
    }

    .case-study-mobile img{
        display:block;
        margin:0 auto;
        max-width:100%;
        height:auto;
    }
}