#homeBox {
  position: absolute;
  left: 7%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: fit-content;
  max-width: 23vw;
}

#homeBreakSection {
  padding: 40px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-color: #ef7d13;
  margin: -30px 0 !important;
  z-index: 2;
}

.shape-divider-top-1757676111 {
  position: absolute;
  top: 97%;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 50px;
  }

  .shape-fill {
    fill: #ef7d13;
    /* fill: #fff; */
  }
}

.shape-divider-bottom-1757681498 {
  position: absolute;
  bottom: 97%;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  transform: rotate(180deg);

  svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 50px;
  }

  .shape-fill {
    fill: #ef7d13;
    /* fill: #fff; */
  }
}

#aboutUs {
  padding: 75px 5%;
}
#aboutUs > div {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
  flex-direction: column;
  margin: 40px 0;
}
#aboutUs > div > div {
  padding: 0 40px;
}

#aboutUs > div:nth-child(1),
#aboutUs > div:nth-child(3) {
  border-right: dashed 2px grey;
}

.swiper {
  width: 100vw;
  height: 650px;
}

.swiper-button-prev,
.swiper-button-next {
  color: #ef7d13 !important;
}

.swiper img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}

center div {
  left: 50%;
  transform: translate(-50%, 0%) rotate(45deg);

  opacity: 0;
}
@keyframes scrolldown {
  0% {
    transform: translate(-50%, 20%) rotate(45deg);
    opacity: 0.7;
  }
  50% {
    transform: translate(-50%, 0%) rotate(45deg);
    opacity: 0.2;
  }
  100% {
    transform: translate(-50%, 20%) rotate(45deg);
    opacity: 0.7;
  }
}

.scroll-reveal-hidden {
  text-align: center;
  opacity: 0;
  transform: translateY(40px);
  transition: all 0.3s ease-in-out;
}

.scroll-reveal {
  opacity: 1;
  transform: translateY(0);
}

#homeBox > div:first-of-type {
  font-size: 1.4rem;
}

/* dev */
#contactRow {
  padding: 0 5%;
}

.contact-panel {
  padding: 20px;
  color: white;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
  background: #9ac31c;
  background: linear-gradient(
    45deg,
    rgba(154, 195, 28, 1) 0%,
    rgb(162, 206, 32) 70%,
    rgba(154, 195, 28, 1) 100%
  );
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}

#contactRow a {
  text-decoration: none;
  color: white;
}

.background {
  position: absolute;
  width: 100%;
  height: 200%;
  top: 0%;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 30px;
}

.bg-item-talk {
  width: 30px;
  height: 30px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 640 640"><path d="M528 320C528 205.1 434.9 112 320 112C205.1 112 112 205.1 112 320C112 434.9 205.1 528 320 528C434.9 528 528 434.9 528 320zM64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576C178.6 576 64 461.4 64 320zM241.3 383.4C256.3 399 282.4 416 320 416C357.6 416 383.7 399 398.7 383.4C407.9 373.8 423.1 373.5 432.6 382.7C442.1 391.9 442.5 407.1 433.3 416.6C411.2 439.6 373.3 464 320 464C266.7 464 228.8 439.6 206.7 416.6C197.5 407 197.8 391.8 207.4 382.7C217 373.6 232.2 373.8 241.3 383.4zM240 244C224.5 244 212 256.5 212 272L212 280C212 291 203 300 192 300C181 300 172 291 172 280L172 272C172 234.4 202.4 204 240 204C277.6 204 308 234.4 308 272L308 280C308 291 299 300 288 300C277 300 268 291 268 280L268 272C268 256.5 255.5 244 240 244zM372 272L372 280C372 291 363 300 352 300C341 300 332 291 332 280L332 272C332 234.4 362.4 204 400 204C437.6 204 468 234.4 468 272L468 280C468 291 459 300 448 300C437 300 428 291 428 280L428 272C428 256.5 415.5 244 400 244C384.5 244 372 256.5 372 272z"/></svg>')
    no-repeat center/contain;
  flex-shrink: 0;
}

.bg-item-contact {
  width: 30px;
  height: 30px;
  background: url('data:image/svg+xml;utf8,<svg fill="white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M108.2 322.7C114.3 307.5 112.2 290.1 102.6 276.8C88.1 256.7 80 233.1 80 208C80 141.2 140.5 80 224 80C307.5 80 368 141.2 368 208C368 274.8 307.5 336 224 336C208.1 336 192.9 333.7 178.7 329.5C168.4 326.4 157.3 327 147.3 331L96.9 351.2L108.3 322.7zM32 208C32 243.8 43.6 277.1 63.7 304.8L33.9 379.2C32.6 382.4 32 385.8 32 389.2C32 404 44 416 58.8 416C62.2 416 65.6 415.3 68.8 414.1L165.1 375.6C183.7 381.1 203.5 384 224 384C330 384 416 305.2 416 208C416 110.8 330 32 224 32C118 32 32 110.8 32 208zM416 576C436.6 576 456.3 573 474.9 567.6L571.2 606.1C574.4 607.4 577.8 608 581.2 608C596 608 608 596 608 581.2C608 577.8 607.3 574.4 606.1 571.2L576.4 496.8C596.4 469 608.1 435.7 608.1 400C608.1 317.6 546.4 248.5 463.1 229.3C461.5 245.6 458 261.2 453 276.2C516.9 291 560.2 343.5 560.2 400.1C560.2 425.2 552.1 448.8 537.6 468.9C528 482.2 525.9 499.5 532 514.8L543.4 543.3L493 523.1C483 519.1 471.9 518.6 461.6 521.6C447.4 525.8 432.2 528.1 416.3 528.1C344.1 528.1 289.2 482.4 275.6 426.9C260 430.1 243.9 431.9 227.5 432.1C243.9 514 322.2 576.1 416.3 576.1z"/></svg>')
    no-repeat center/contain;
  flex-shrink: 0;
}


.background:nth-child(1) {
  animation: scroll1 5s linear infinite; 
}
.background:nth-child(2) {
  animation: scroll2 5s linear infinite; 
}


/* Paralaksa: mniejsze po bokach */
.bg-item-contact:nth-child(1),
.bg-item-contact:nth-child(4) {
  transform: scale(0.5);
  opacity: 0.2;
}

.bg-item-talk:nth-child(1),
.bg-item-talk:nth-child(4) {
  transform: scale(0.5);
  opacity: 0.4;
}

.bg-item-contact:nth-child(2),
.bg-item-contact:nth-child(3) {
  transform: scale(0.75);
  opacity: 0.3;
}

.bg-item-talk:nth-child(2),
.bg-item-talk:nth-child(3) {
  transform: scale(0.75);
  opacity: 0.5;
}

.btn-olgo-green-outline i {
  animation: arrow-pulse 0.9s linear infinite;
}

@keyframes scroll1 {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-100%);
  }
}
@keyframes scroll2 {
  0% {
    transform: translateY(145%);
  }
  100% {
    transform: translateY(0%);
  }
}

@keyframes arrow-pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}


@media (max-width: 1399px) {
  #homeBox {
    max-width: 33vw;
  }

  #homeBreakSection {
    padding: 25px;
    margin: -35px 0;
  }

  #aboutUs .fs-4 {
    font-size: 1.3rem !important;
  }
}

@media (max-width: 1199px) {
  #homeBox {
    max-width: 48vw;
    left: 1%;
  }

  #homeBox > div:first-of-type {
    font-size: 1.4rem;
  }

  /* #homeBreakSection  {
    padding: 25px;
    margin: -35px 0;
  } */

  #aboutUs .fs-4 {
    font-size: 1.1rem !important;
  }

  #aboutUs {
    padding: 55px 1%;
  }
}

@media (max-width: 991px) {
  .cta {
    opacity: 0;
  }
  .swiper,
  #carousel {
    height: 500px;
    margin-top: -3vh;
  }
  .homeSmall {
    background-color: white;
    margin: 20px 0;
    border-radius: 0;
    padding: 2% 5%;
  }
  #homeBreakSection {
    padding: 10px;
    margin: 0px 0 30px !important;
  }
  #homeBreakSection span {
    font-size: calc(1.1rem + 0.6vw) !important;
  }
  #homeBreakSection svg {
    height: 35px;
  }
  #aboutUs {
    padding: 0px 1%;
  }
  #aboutUs .fs-4 {
    font-size: 1.5rem !important;
  }
  #aboutUs > div:nth-child(1),
  #aboutUs > div:nth-child(3) {
    border-right: none;
  }
}

@media (max-width: 767px) {
  #aboutUs .fs-4 {
    font-size: 1.2rem !important;
  }
  .homeSmall > .fw-4 {
    font-size: 24px !important;
    margin: 12px 0;
  }
  .homeSmall {
    margin: 0;
  }
}

@media (max-width: 575px) {
  .swiper,
  #carousel {
    height: 190px;
    margin-top: -3vh;
  }
  .homeSmall > .fw-4 {
    font-size: 18px !important;
    margin: 12px 0;
  }
  .homeSmall > div:nth-of-type(2) {
    font-size: 13px;
  }
  .shape-divider-top-1757676111,
  .shape-divider-bottom-1757681498 {
    display: none;
  }
  #aboutUs > div {
    margin: 0;
  }
  #aboutUs .fs-4 {
    font-size: 0.85rem !important;
  }
  #aboutUs > div > div {
    padding: 0px 6px;
    font-size: 12px;
  }
}