.home-IMO-klikmail {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  background-color: #ffffff;
}

.home-IMO-klikmail .pro-blocks-LP-navbar {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 16px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #ffffff;
}

.home-IMO-klikmail .container {
  display: flex;
  flex-direction: column;
  max-width: 1280px;
  align-items: flex-start;
  justify-content: center;
  gap: 64px;
  padding: 0px 24px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
}

.home-IMO-klikmail .div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-IMO-klikmail .component {
  position: relative;
  width: 126px;
  height: 27px;
}

.home-IMO-klikmail .flex {
  position: relative;
  width: 123px;
  height: 36px;
}

.home-IMO-klikmail .frame {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  position: relative;
  flex: 0 0 auto;
}

.home-IMO-klikmail .button {
  all: unset;
  box-sizing: border-box;
  display: inline-flex;
  height: 36px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 16px;
  position: relative;
  flex: 0 0 auto;
  background-color: #ffffff;
  border-radius: 6px;
  border: 1px solid;
  border-color: #e5e5e5;
  box-shadow: var(--shadow-xs);
}

.home-IMO-klikmail .text-wrapper {
  all: unset;
  box-sizing: border-box;
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--paragraph-small-local-font-family);
  font-weight: var(--paragraph-small-local-font-weight);
  color: #0a0a0a;
  font-size: var(--paragraph-small-local-font-size);
  letter-spacing: var(--paragraph-small-local-letter-spacing);
  line-height: var(--paragraph-small-local-line-height);
  white-space: nowrap;
  font-style: var(--paragraph-small-local-font-style);
}

.home-IMO-klikmail .button-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  position: relative;
  flex: 0 0 auto;
}

.home-IMO-klikmail .button-2 {
  all: unset;
  box-sizing: border-box;
  display: inline-flex;
  height: 36px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 16px;
  position: relative;
  flex: 0 0 auto;
  background-color: #171717;
  border-radius: 6px;
  box-shadow: var(--shadow-xs);
}

.home-IMO-klikmail .button-3 {
  all: unset;
  box-sizing: border-box;
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--paragraph-small-local-font-family);
  font-weight: var(--paragraph-small-local-font-weight);
  color: #fafafa;
  font-size: var(--paragraph-small-local-font-size);
  letter-spacing: var(--paragraph-small-local-letter-spacing);
  line-height: var(--paragraph-small-local-line-height);
  white-space: nowrap;
  font-style: var(--paragraph-small-local-font-style);
  cursor: pointer;
}

.home-IMO-klikmail .flex-2 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  position: absolute;
  top: 0;
  left: 416px;
}

.home-IMO-klikmail .button-4 {
  all: unset;
  box-sizing: border-box;
  display: inline-flex;
  height: 36px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 16px;
  position: relative;
  flex: 0 0 auto;
  border-radius: 8px;
}

.home-IMO-klikmail .button-5 {
  all: unset;
  box-sizing: border-box;
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--meni-local-font-family);
  font-weight: var(--meni-local-font-weight);
  color: #ffffff;
  font-size: var(--meni-local-font-size);
  letter-spacing: var(--meni-local-letter-spacing);
  line-height: var(--meni-local-line-height);
  white-space: nowrap;
  font-style: var(--meni-local-font-style);
}

.home-IMO-klikmail .pro-blocks-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 96px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #dddddd;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 1) 11%,
    rgba(255, 255, 255, 0) 29%,
    rgba(255, 255, 255, 1) 61%,
    rgba(255, 255, 255, 1) 100%,
    rgba(255, 255, 255, 1) 100%
  );
}

.home-IMO-klikmail .container-2 {
  flex-direction: column;
  align-items: center;
  gap: 24px;
  display: flex;
  max-width: 1280px;
  padding: 0px 24px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
}

.home-IMO-klikmail .div-2 {
  max-width: 672px;
  align-items: center;
  gap: 32px;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  position: relative;
}

.home-IMO-klikmail .flex-vertical {
  flex-direction: column;
  align-items: center;
  gap: 20px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  position: relative;
}

.home-IMO-klikmail .pro-blocks-section {
  align-items: center;
  gap: 24px;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
}

.home-IMO-klikmail .pro-blocks-tagline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  position: relative;
  flex: 0 0 auto;
}

.home-IMO-klikmail .tagline {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--title-local-font-family);
  font-weight: var(--title-local-font-weight);
  color: #737373;
  font-size: var(--title-local-font-size);
  letter-spacing: var(--title-local-letter-spacing);
  line-height: var(--title-local-line-height);
  white-space: nowrap;
  font-style: var(--title-local-font-style);
}

.home-IMO-klikmail .feature-rich-layout {
  font-family: var(--h1-local-font-family);
  color: #000000;
  font-size: var(--h1-local-font-size);
  text-align: center;
  line-height: var(--h1-local-line-height);
  position: relative;
  align-self: stretch;
  font-weight: var(--h1-local-font-weight);
  letter-spacing: var(--h1-local-letter-spacing);
  font-style: var(--h1-local-font-style);
}

.home-IMO-klikmail .add-a-concise-value {
  position: relative;
  align-self: stretch;
  font-family: var(--paragraph-bigger-local-font-family);
  font-weight: var(--paragraph-bigger-local-font-weight);
  color: #737373;
  font-size: var(--paragraph-bigger-local-font-size);
  text-align: center;
  letter-spacing: var(--paragraph-bigger-local-letter-spacing);
  line-height: var(--paragraph-bigger-local-line-height);
  font-style: var(--paragraph-bigger-local-font-style);
}

.home-IMO-klikmail .button-6 {
  display: inline-flex;
  height: 36px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 16px;
  position: relative;
  background-color: #000000;
  border-radius: 6px;
  box-shadow: var(--shadow-xs);
}

.home-IMO-klikmail .p {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--paragraph-small-local-font-family);
  font-weight: var(--paragraph-small-local-font-weight);
  color: #fafafa;
  font-size: var(--paragraph-small-local-font-size);
  letter-spacing: var(--paragraph-small-local-letter-spacing);
  line-height: var(--paragraph-small-local-line-height);
  white-space: nowrap;
  font-style: var(--paragraph-small-local-font-style);
}

.home-IMO-klikmail .icon-arrowright {
  position: relative;
  width: 16px;
  height: 16px;
}

.home-IMO-klikmail .aspect-ratio {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 528px;
  border-radius: 6px;
}

.home-IMO-klikmail .frame-2 {
  position: relative;
  width: 1118px;
  height: 546px;
  top: 45px;
  left: 57px;
  border-radius: 15px;
  border: 1px solid;
  border-color: #00000012;
  box-shadow: var(--shadow-3);
  background: url(https://c.animaapp.com/mf4lcnz5um9kRO/img/frame-3514-3.png)
    50% 50% / cover;
}

.home-IMO-klikmail .ilustracja {
  position: absolute;
  width: 245px;
  height: 242px;
  top: 63px;
  left: 1048px;
}

.home-IMO-klikmail .pro-blocks-feature {

  background-image: url(assets/background_1.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 96px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 280px;
  flex: 0 0 auto;
  background-color: var(--orange);
}

.home-IMO-klikmail .div-3 {
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  position: relative;
}

.home-IMO-klikmail .text-wrapper-2 {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--paragraph-bigger-local-font-family);
  font-weight: var(--paragraph-bigger-local-font-weight);
  color: #ffffff;
  font-size: var(--paragraph-bigger-local-font-size);
  text-align: center;
  letter-spacing: var(--paragraph-bigger-local-letter-spacing);
  line-height: var(--paragraph-bigger-local-line-height);
  font-style: var(--paragraph-bigger-local-font-style);
}

.home-IMO-klikmail .flex-3 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 32px 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-IMO-klikmail .logo-placeholder {
  position: relative;
  width: 140px;
  height: 28px;
}

.home-IMO-klikmail .overlap {
  width: 27px;
  left: 93px;
  position: absolute;
  height: 28px;
  top: 0;
}

.home-IMO-klikmail .vector {
  position: absolute;
  width: 24px;
  height: 28px;
  top: 0;
  left: 0;
}

.home-IMO-klikmail .img {
  position: absolute;
  width: 3px;
  height: 3px;
  top: 25px;
  left: 24px;
}

.home-IMO-klikmail .overlap-group {
  width: 53px;
  left: 0;
  position: absolute;
  height: 28px;
  top: 0;
}

.home-IMO-klikmail .vector-2 {
  position: absolute;
  width: 24px;
  height: 28px;
  top: 0;
  left: 29px;
}

.home-IMO-klikmail .vector-3 {
  position: absolute;
  width: 29px;
  height: 28px;
  top: 0;
  left: 0;
}

.home-IMO-klikmail .vector-wrapper {
  width: 29px;
  left: 59px;
  background-size: 100% 100%;
  position: absolute;
  height: 28px;
  top: 0;
}

.home-IMO-klikmail .vector-4 {
  position: absolute;
  width: 13px;
  height: 12px;
  top: 16px;
  left: 0;
}

.home-IMO-klikmail .vector-5 {
  position: absolute;
  width: 8px;
  height: 12px;
  top: 16px;
  left: 121px;
}

.home-IMO-klikmail .vector-6 {
  position: absolute;
  width: 9px;
  height: 12px;
  top: 16px;
  left: 131px;
}

.home-IMO-klikmail .logo-placeholder-2 {
  position: relative;
  width: 139px;
  height: 28px;
}

.home-IMO-klikmail .overlap-2 {
  width: 27px;
  left: 92px;
  position: absolute;
  height: 28px;
  top: 0;
}

.home-IMO-klikmail .vector-7 {
  position: absolute;
  width: 24px;
  height: 28px;
  top: 0;
  left: 28px;
}

.home-IMO-klikmail .img-wrapper {
  width: 29px;
  left: 58px;
  background-size: 100% 100%;
  position: absolute;
  height: 28px;
  top: 0;
}

.home-IMO-klikmail .vector-8 {
  position: absolute;
  width: 7px;
  height: 12px;
  top: 16px;
  left: 121px;
}

.home-IMO-klikmail .vector-9 {
  position: absolute;
  width: 9px;
  height: 12px;
  top: 16px;
  left: 130px;
}

.home-IMO-klikmail .div-4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 96px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #ffffff;
}

.home-IMO-klikmail .container-3 {
  position: relative;
  align-items: center;
  gap: 64px;
  display: flex;
  max-width: 1280px;
  padding: 0px 24px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
}

.home-IMO-klikmail .div-5 {
  align-items: flex-start;
  gap: 48px;
  flex: 1;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  position: relative;
}

.home-IMO-klikmail .pro-blocks-section-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-IMO-klikmail .feature-rich-layout-2 {
  position: relative;
  align-self: stretch;
  font-family: "Brockmann", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 36px;
  letter-spacing: 0;
  line-height: 40px;
}

.home-IMO-klikmail .text-wrapper-3 {
  color: #737373;
  position: relative;
  align-self: stretch;
  font-family: var(--paragraph-local-font-family);
  font-weight: var(--paragraph-local-font-weight);
  font-size: var(--paragraph-local-font-size);
  letter-spacing: var(--paragraph-local-letter-spacing);
  line-height: var(--paragraph-local-line-height);
  font-style: var(--paragraph-local-font-style);
}

.home-IMO-klikmail .row {
  display: flex;
  align-items: flex-start;
  gap: 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-IMO-klikmail .flex-4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.home-IMO-klikmail .cardholder {
  position: relative;
  width: 40px;
  height: 40px;
}

.home-IMO-klikmail .icon-rocket {
  position: absolute;
  width: 40px;
  height: 39px;
  top: 1px;
  left: 0;
}

.home-IMO-klikmail .flex-vertical-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-IMO-klikmail .text-wrapper-4 {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--paragraph-bold-local-font-family);
  font-weight: var(--paragraph-bold-local-font-weight);
  color: #000000;
  font-size: var(--paragraph-bold-local-font-size);
  letter-spacing: var(--paragraph-bold-local-letter-spacing);
  line-height: var(--paragraph-bold-local-line-height);
  font-style: var(--paragraph-bold-local-font-style);
}

.home-IMO-klikmail .text-wrapper-5 {
  position: relative;
  align-self: stretch;
  font-family: var(--paragraph-small-local-font-family);
  font-weight: var(--paragraph-small-local-font-weight);
  color: #737373;
  font-size: var(--paragraph-small-local-font-size);
  letter-spacing: var(--paragraph-small-local-letter-spacing);
  line-height: var(--paragraph-small-local-line-height);
  font-style: var(--paragraph-small-local-font-style);
}

.home-IMO-klikmail .frame-wrapper {
  position: relative;
  flex: 1;
  flex-grow: 1;
  height: 778.67px;
  border-radius: 6px;
  overflow: hidden;
  background: linear-gradient(
      0deg,
      rgba(246, 240, 231, 1) 0%,
      rgba(246, 240, 231, 1) 100%
    ), url(https://c.animaapp.com/mf4lcnz5um9kRO/img/aspect-ratio-2.png) 50% 50%
    / cover;
}

.home-IMO-klikmail .frame-3 {
  width: 1186px;
  height: 580px;
  top: 99px;
  left: 84px;
  box-shadow: var(--shadow-2);
  position: relative;
  border-radius: 15px;
  background: url(https://c.animaapp.com/mf4lcnz5um9kRO/img/frame-3514-3.png)
    50% 50% / cover;
}

.home-IMO-klikmail .vector-10 {
  position: absolute;
  width: 192px;
  height: 125px; 
  right: -60px;
  top: 60px;
}

.home-IMO-klikmail .div-wrapper {
  position: relative;
  flex: 1;
  flex-grow: 1;
  height: 778.67px;
  border-radius: 6px;
  overflow: hidden;
  background: linear-gradient(
      0deg,
      rgba(246, 240, 231, 1) 0%,
      rgba(246, 240, 231, 1) 100%
    ), url(https://c.animaapp.com/mf4lcnz5um9kRO/img/aspect-ratio-2.png) 50% 50%
    / cover
}

.home-IMO-klikmail .frame-4 {
  width: 1186px;
  height: 580px;
  top: 100px;
  left: -695px;
  position: relative;
  border-radius: 15px;
  background: url(https://c.animaapp.com/mf4lcnz5um9kRO/img/frame-3514-3.png)
    50% 50% / cover;
}

.home-IMO-klikmail .vector-11 {
  position: absolute;
  width: 192px;
  height: 125px;
  top: 62px;
  left: 124px;
}

.home-IMO-klikmail .pro-blocks-feature-2 {
  background-color: #f5f0e7;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 96px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-IMO-klikmail .vector-12 {
  position: absolute;
  width: 882px;
  height: 575px;
  top: -3042px;
  left: -4100px;
}

.home-IMO-klikmail .div-6 {
  align-items: center;
  gap: 48px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  position: relative;
}

.home-IMO-klikmail .pro-blocks-section-3 {
  max-width: 576px;
  align-items: center;
  gap: 20px;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
}

.home-IMO-klikmail .feature-rich-layout-3 {
  font-family: var(--h2-local-font-family);
  color: #000000;
  font-size: var(--h2-local-font-size);
  text-align: center;
  line-height: var(--h2-local-line-height);
  position: relative;
  align-self: stretch;
  font-weight: var(--h2-local-font-weight);
  letter-spacing: var(--h2-local-letter-spacing);
  font-style: var(--h2-local-font-style);
}

.home-IMO-klikmail .add-a-concise-value-2 {
  color: #737373;
  text-align: center;
  position: relative;
  align-self: stretch;
  font-family: var(--paragraph-local-font-family);
  font-weight: var(--paragraph-local-font-weight);
  font-size: var(--paragraph-local-font-size);
  letter-spacing: var(--paragraph-local-letter-spacing);
  line-height: var(--paragraph-local-line-height);
  font-style: var(--paragraph-local-font-style);
}

.home-IMO-klikmail .aspect-ratio-2 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 693px;
  border-radius: 6px;
}

.home-IMO-klikmail .frame-5 {
  width: 1228px;
  height: 600px;
  top: 47px;
  left: 2px;
  box-shadow: 0px 25px 75px #0000000f;
  position: relative;
  border-radius: 15px;
  background: url(https://c.animaapp.com/mf4lcnz5um9kRO/img/frame-3514-3.png)
    50% 50% / cover;
}

.home-IMO-klikmail .sekcja-prawo-lewo {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 90px;
  padding: 140px 416px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-IMO-klikmail .frame-6 {
  display: flex;
  width: 1200px;
  align-items: center;
  gap: 120px;
  position: relative;
  flex: 0 0 auto;
  margin-left: -56.00px;
  margin-right: -56.00px;
}

.home-IMO-klikmail .frame-7 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 28px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.home-IMO-klikmail .skuteczna-kampania {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Brockmann", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 36px;
  letter-spacing: 0;
  line-height: 40px;
}

.home-IMO-klikmail .frame-8 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 28px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-IMO-klikmail .dzi-ki-IMO-klikmail {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--paragraph-local-font-family);
  font-weight: var(--paragraph-local-font-weight);
  color: #737373;
  font-size: var(--paragraph-local-font-size);
  letter-spacing: var(--paragraph-local-letter-spacing);
  line-height: var(--paragraph-local-line-height);
  font-style: var(--paragraph-local-font-style);
}

.home-IMO-klikmail .frame-9 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-IMO-klikmail .frame-10 {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-IMO-klikmail .check {
  position: relative;
  width: 32px;
  height: 32px;
}

.home-IMO-klikmail .subheading-wrapper {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  flex: 1;
  flex-grow: 1;
  display: flex;
  position: relative;
}

.home-IMO-klikmail .frame-11 {
  position: relative;
  flex: 1;
  flex-grow: 1;
  height: 407px;
  border-radius: 6px;
  background: url(https://c.animaapp.com/mf4lcnz5um9kRO/img/frame-357.png) 50%
    50% / cover;
}

.home-IMO-klikmail .container-4 {
  flex-direction: column;
  align-items: flex-start;
  gap: 64px;
  display: flex;
  max-width: 1280px;
  padding: 0px 24px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
}

.home-IMO-klikmail .feature-rich-layout-4 {
  margin-top: -1.00px;
  font-family: var(--h2-local-font-family);
  color: #000000;
  font-size: var(--h2-local-font-size);
  text-align: center;
  line-height: var(--h2-local-line-height);
  position: relative;
  align-self: stretch;
  font-weight: var(--h2-local-font-weight);
  letter-spacing: var(--h2-local-letter-spacing);
  font-style: var(--h2-local-font-style);
}

.home-IMO-klikmail .flex-5 {
  display: flex;
  align-items: flex-start;
  gap: 48px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-IMO-klikmail .div-7 {
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  flex: 1;
  flex-grow: 1;
  display: flex;
  position: relative;
}

.home-IMO-klikmail .shadcn-UI-kit-for {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--h3-loacl-font-family);
  font-weight: var(--h3-loacl-font-weight);
  color: #000000;
  font-size: var(--h3-loacl-font-size);
  letter-spacing: var(--h3-loacl-letter-spacing);
  line-height: var(--h3-loacl-line-height);
  font-style: var(--h3-loacl-font-style);
}

.home-IMO-klikmail .flex-vertical-3 {
  align-items: center;
  gap: 20px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  position: relative;
}

.home-IMO-klikmail .flex-vertical-4 {
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  flex: 1;
  flex-grow: 1;
  display: flex;
  position: relative;
}

.home-IMO-klikmail .separator {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  flex: 0 0 auto;
}

.home-IMO-klikmail .separator-2 {
  width: 1px;
  object-fit: cover;
  position: relative;
  align-self: stretch;
}

.home-IMO-klikmail .pro-blocks-CTA {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  gap: 24px;
  padding: 96px 24px;
  position: relative;
  flex: 0 0 auto;
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.83) 0%,
      rgba(0, 0, 0, 0.83) 100%
    ),
    linear-gradient(
      0deg,
      rgba(250, 245, 237, 1) 0%,
      rgba(250, 245, 237, 1) 100%
    );
}

.home-IMO-klikmail .pro-blocks-section-4 {
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
}

.home-IMO-klikmail .feature-rich-layout-5 {
  margin-top: -1.00px;
  font-family: var(--h1-local-font-family);
  color: #ffffff;
  font-size: var(--h1-local-font-size);
  line-height: var(--h1-local-line-height);
  position: relative;
  align-self: stretch;
  font-weight: var(--h1-local-font-weight);
  letter-spacing: var(--h1-local-letter-spacing);
  font-style: var(--h1-local-font-style);
}

.home-IMO-klikmail .add-a-concise-value-3 {
  color: #ffffff;
  position: relative;
  align-self: stretch;
  font-family: var(--paragraph-local-font-family);
  font-weight: var(--paragraph-local-font-weight);
  font-size: var(--paragraph-local-font-size);
  letter-spacing: var(--paragraph-local-letter-spacing);
  line-height: var(--paragraph-local-line-height);
  font-style: var(--paragraph-local-font-style);
}

.home-IMO-klikmail .flex-vertical-5 {
  flex-direction: column;
  height: 116px;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.home-IMO-klikmail .text-wrapper-6 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--text-sm-leading-normal-medium-font-family);
  font-weight: var(--text-sm-leading-normal-medium-font-weight);
  color: #ffffff;
  font-size: var(--text-sm-leading-normal-medium-font-size);
  letter-spacing: var(--text-sm-leading-normal-medium-letter-spacing);
  line-height: var(--text-sm-leading-normal-medium-line-height);
  white-space: nowrap;
  font-style: var(--text-sm-leading-normal-medium-font-style);
}

.home-IMO-klikmail .feature-rich-layout-6 {
  margin-top: -1.00px;
  font-family: var(--text-3xl-leading-none-medium-font-family);
  color: #ffffff;
  font-size: var(--text-3xl-leading-none-medium-font-size);
  line-height: var(--text-3xl-leading-none-medium-line-height);
  position: relative;
  align-self: stretch;
  font-weight: var(--text-3xl-leading-none-medium-font-weight);
  letter-spacing: var(--text-3xl-leading-none-medium-letter-spacing);
  font-style: var(--text-3xl-leading-none-medium-font-style);
}

.home-IMO-klikmail .pro-blocks-section-5 {
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  margin-bottom: -30.00px;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
}

.home-IMO-klikmail .button-7 {
  display: inline-flex;
  height: 36px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 16px;
  position: relative;
  background-color: #ffffff;
  border-radius: 6px;
  box-shadow: var(--shadow-xs);
}

.home-IMO-klikmail .button-8 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--paragraph-small-local-font-family);
  font-weight: var(--paragraph-small-local-font-weight);
  color: #000000;
  font-size: var(--paragraph-small-local-font-size);
  letter-spacing: var(--paragraph-small-local-letter-spacing);
  line-height: var(--paragraph-small-local-line-height);
  white-space: nowrap;
  font-style: var(--paragraph-small-local-font-style);
}

.home-IMO-klikmail .frame-12 {
  display: flex;
  flex-direction: column;
  width: 443px;
  align-items: flex-start;
  position: relative;
  border-radius: 6px;
  overflow: hidden;
}

.home-IMO-klikmail .aspect-ratio-3 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 443px;
  background: url(https://c.animaapp.com/mf4lcnz5um9kRO/img/aspect-ratio-3.png)
    50% 50% / cover;
}

.home-IMO-klikmail .frame-13 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #ffffff;
}

.home-IMO-klikmail .text-wrapper-7 {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--text-3xl-leading-none-medium-font-family);
  font-weight: var(--text-3xl-leading-none-medium-font-weight);
  color: #000000;
  font-size: var(--text-3xl-leading-none-medium-font-size);
  letter-spacing: var(--text-3xl-leading-none-medium-letter-spacing);
  line-height: var(--text-3xl-leading-none-medium-line-height);
  font-style: var(--text-3xl-leading-none-medium-font-style);
}

.home-IMO-klikmail .text-wrapper-8 {
  position: relative;
  align-self: stretch;
  font-family: var(--text-base-leading-normal-normal-font-family);
  font-weight: var(--text-base-leading-normal-normal-font-weight);
  color: #000000;
  font-size: var(--text-base-leading-normal-normal-font-size);
  letter-spacing: var(--text-base-leading-normal-normal-letter-spacing);
  line-height: var(--text-base-leading-normal-normal-line-height);
  font-style: var(--text-base-leading-normal-normal-font-style);
}

.home-IMO-klikmail .vector-13 {
  position: absolute;
  width: 142px;
  height: 93px;
  right: 20px;
  bottom: 60px;
}

.home-IMO-klikmail .pro-blocks-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  padding: 72px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #ffffff;
}

.home-IMO-klikmail .container-5 {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
  display: flex;
  max-width: 1280px;
  padding: 0px 24px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
}

.home-IMO-klikmail .flex-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-IMO-klikmail .flex-6 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.home-IMO-klikmail .flex-7 {
  display: inline-flex;
  align-items: center;
  gap: 84px;
  position: relative;
  flex: 0 0 auto;
}

.home-IMO-klikmail .flex-8 {
  display: inline-flex;
  align-items: center;
  gap: 32px;
  position: relative;
  flex: 0 0 auto;
}

.home-IMO-klikmail .text-wrapper-9 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Geist", Helvetica;
  font-weight: 200;
  color: #737373;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.home-IMO-klikmail .separator-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  flex: 0 0 auto;
  position: relative;
  align-self: stretch;
}

.home-IMO-klikmail .flex-9 {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 84px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-IMO-klikmail .text-wrapper-10 {
  position: relative;
  flex: 1;
  margin-top: -1.00px;
  font-family: "Geist", Helvetica;
  font-weight: 200;
  color: #737373;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}


html, body {
  max-width: 100%;
  overflow-x: hidden;
}

* {
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
.home-IMO-klikmail .div-5 {
    width: 100%;
}

.home-IMO-klikmail .container-3 {flex-direction: column;}

svg.vector-10 {
    display: none;
}

.home-IMO-klikmail .frame-wrapper, .home-IMO-klikmail .frame-11 {
    display: none;
}
.flex-5 {
    margin-bottom: 50px;
}

.sekcja-prawo-lewo {
    padding-bottom: 0px!important;
}
.home-IMO-klikmail .div-4 .div-wrapper {
  display: none;
}
.home-IMO-klikmail .div-4 {
    padding-bottom: 0;
}

.home-IMO-klikmail .vector-11 {display: none;}
.home-IMO-klikmail .div-6 .row {
    flex-wrap: wrap;
}
.home-IMO-klikmail .div-6 .flex-4 {
    flex: 1 1 40%;
}
.home-IMO-klikmail .div-6 .row {
    flex-wrap: wrap;
}
.home-IMO-klikmail .div-6 .flex-4 {
    flex: 1 1 40%;
}

.home-IMO-klikmail .frame-6 {
        width: 100%;
        margin: 0;
}

.home-IMO-klikmail .sekcja-prawo-lewo {
    padding: 50px;
    width: initial;
    align-items: initial;
}
.home-IMO-klikmail .flex-5 {
    gap: 10px;
}
.home-IMO-klikmail .frame-4 {
    left: -450px;
}
}