@media (max-width: 1119px) {
  .scroll-container .scrollCard .scrollCard-content p {
    font-size: 0.9rem;
  }

  /* reviews */
  .review-block:nth-of-type(3)::before, .review-block:nth-of-type(3)::after {
    display: none;
  }
}

@media (max-height: 820px) {
  .reviews-container .review-block:nth-of-type(3)::after {
    top: -10rem;
  } 
  .reviews-container .review-block:nth-of-type(3)::before {
    top: -2rem;
  }
  .reviews-container {
    margin-top: 25px;
  }
}


@media (max-width: 940px) {

  .scroll-container {
    height: auto;
  }

  .scroll-container .scroll-h2 {
    position: static;
    margin: 1.5em 0 1em;
  }

  .scroll-container .scrollCard {
    position: static; /* Вимикаємо sticky */
    margin: var(--space-md) 0;
    border: 1px solid #ccc;
    border-radius: 24px;
    overflow: hidden;
  }

  .scroll-container .scrollCard:last-of-type {
    margin-bottom: 3em;
  }

  .scroll-container .scrollCard summary {
    margin-right: 2rem;
    cursor: pointer;
    pointer-events:all;
    list-style: none;
    position: relative;
  }

  .scroll-container .scrollCard summary::after {
    content: "";
    position: absolute;
    top: 25%;
    right: -2rem;
    background-image: url("../../img/elements/arrow_blue_dropdown.svg");
    width: 30px;
    height: 19px;
    scale: 0.7;
    background-repeat: no-repeat;
    background-size: contain;
    transition: transform 0.3s ease;
    transform-origin: center;
    /* background-position: right 10px center; */
  }

  .scroll-container .scrollCard summary::after {
    transform: rotate(0deg);
  }
  
  .scroll-container .scrollCard[open] summary::after {
    transform: rotate(180deg);
  }

  .scroll-container .scrollCard .scrollCard-content {
    flex-direction: column;
    margin-top: var(--space-mdlg);
  }

  .scroll-container .img-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .scroll-container .img-wrapper img {
    max-width: 100%;
    border-radius: 8px;
  }
}

@media (max-width: 840px) {
  .reviews-container {
  }

  .review-block-container {
    flex: auto;
    width: 100%;
    overflow: auto;
    scrollbar-width: none;
  }

  .review-block {
    user-select: none;
  }
}

@media (max-width: 720px) {
  /* first slide adaptive */

  h2 {
    font-size: var(--text-lg);
  }

  .first_slide span {
    font-size: 6rem;
    line-height: 115.2px;

    @media (max-width: 425px){
      font-size: 5rem;
      line-height: normal;
    } 
  }

  .first_slide .brand-name {
    position: static;
    margin-bottom: 30px;
  }

  .join_div {
    flex-direction: column;
    align-items: stretch;
  }

  .first_slide .landing-main-button { 
    width: 100%;
  }
}

@media (max-width: 975px) {
  [id] {
    scroll-margin-top: 56px;
  }

  .desktop,
  .desktop > * {
    display: none;
  }

  .mobile,
  .mobile > * {
    display: flex;
  }

  .top-container {
    flex-direction: column;
    gap: 40px;
    max-height: none;
  }

  .top-container h2 {
    font-size: var(--text-lg);
  }

  .top-container .text-block {
    flex-direction: column;
    justify-content: flex-start;
    gap: 40px;
    color: white;
  }

  .top-container .scrollable-cards {
    min-width: 0;
    height: 300px;
    flex-wrap: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    scrollbar-width: none;
  }

  .top-container .scrollable-cards .review-block {
    width: 200px;
  }

  .div-black {
    padding: 5%;
  }

  .accounting-section h2 {
    margin: 30px 0;
  }

  .accounting-section .description .service {
    background: #fff;
    box-shadow: 4px 4px 0px 0px rgba(248, 212, 77, 1);
    border: 1px solid var(--Info, rgba(79, 158, 248, 1));
    border-radius: 8px;
    padding: 8px;
  }
}

@media (max-width: 991px) {
  a.login-btn {
    color: var(--color-primary);
   }

  .navbar-nav .nav-item:not(:last-of-type) .nav-link::after {
    position: absolute;
    content: '';
    width: 24px;
    height: 24px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../../img/elements/arrow.svg);
  }

  .first_slide {
    height: calc(100vh - var(--main-padding));
  }

  header.fixed-top + main {
    padding-top: var(--main-padding) !important;
  }
}

@media (max-width: 425px) {
  .advantages-block {
    min-width: 0;
    flex-basis: 70%;
  }
}


/* fixing styles from libs */

@media (max-width: 767.98px) {
  section {
      padding-top: 0;
      padding-bottom: 0;
  }
}