/* -------------------- */
/* DESKTOP - Large Screens */
/* -------------------- */
@media screen and (min-width: 1118px) {
  .nav {
    height: calc(var(--header-height) + 1rem);
    display: flex;
    justify-content: space-between;
  }

  .nav_toggle {
    display: none;
  }

  .nav_list {
    display: flex;
    column-gap: 1rem;
  }

  .dropdown_item {
    position: relative;
  }

  .dropdown_menu {
    max-height: initial;
    overflow: initial;
    position: absolute;
    left: 0;
    top: 6rem;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s, top 0.3s;
  }

  .dropdown_item:hover .dropdown_menu {
    opacity: 1;
    top: 3rem;
    pointer-events: initial;
    transition: top 0.3s, opacity 0.3s;
  }
}

/* -------------------------- */
/* TABLETS & SMALL SCREENS (up to 1118px) */
/* -------------------------- */
@media screen and (max-width: 1118px) {
  .nav_menu {
    position: absolute;
    left: 0;
    top: 2.5rem;
    width: 100%;
    height: calc(100vh - 3.5rem);
    overflow: auto;
    pointer-events: none;
    opacity: 0;
    transition: top 0.4s, opacity 0.3s;
    background: white;
    z-index: 1000;
  }

  .nav_menu::-webkit-scrollbar {
    width: 0;
  }
  .nav_menu {
    scrollbar-width: none; /* Firefox */
  }

  .show-menu {
    opacity: 1;
    top: 3.5rem;
    pointer-events: initial;
  }

  .show-icon .nav_burger {
    opacity: 0;
    transform: rotate(90deg);
  }

  .show-icon .nav_close {
    opacity: 1;
    transform: rotate(90deg);
  }

  .dropdown_item:hover .dropdown_menu {
    margin-left: 2rem;
  }
.solution-container {
        grid-template-columns: repeat(2, 1fr);
    }
  .core_value_container {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}

/* -------------------------- */
/* SMALL TABLETS / MOBILE (up to 850px) */
/* -------------------------- */
@media screen and (max-width: 850px) {
  #menu-btn {
    display: block;
  }

  .categories .categories_container {
    grid-template-columns: 1fr;
    gap: 0;
    padding: 0;
  }

  .categories .categories_container .categories_left {
    margin-right: 0;
  }

  .founder-form {
    grid-template-columns: 1fr;
  }

  .square {
    transform: translate(140%, 43%);
    height: 350px;
  }

  .big-circle {
    bottom: 75%;
    transform: scale(0.9) translate(-40%, 30%);
    right: 50%;
  }
}

/* -------------------------- */
/* MOBILE / PHONES (up to 650px) */
/* -------------------------- */
@media (max-width: 650px) {
   .solution-container {
        grid-template-columns: 1fr;
    }
  .box-container {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }

  .categories_right {
    flex-wrap: wrap;
    gap: 0;
  }

  .categories_right .category {
    padding: 0;
    border-radius: 1rem;
  }

  .categories_right .category .category_icon {
    margin-top: 4px;
    display: inline-block;
  }

  .core_value_container {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    width: 100%;
  }

  .core_value_container .container {
    width: 100%;
    border-radius: 1rem;
    flex-direction: column;
    gap: 1rem;
  }

  .core_value_container .container .card {
    border-radius: 1rem;
    height: 100%;
    width: 100%;
    padding: 2rem;
  }

  .core_value_container .container .card .info_title {
    right: 0;
    bottom: 0;
    top: 0;
    left: 0rem;
  }

  .core_value_container .container .card:first-child {
    border-top-left-radius: 1rem;
  }

  .core_value_container .container .card:nth-child(2) {
    border-top-right-radius: 1rem;
  }

  .core_value_container .container .card:nth-child(3) {
    border-bottom-left-radius: 1rem;
  }

  .core_value_container .container .card:nth-child(4) {
    border-bottom-right-radius: 1rem;
  }

  .core_value_container .container .card:first-child .info_body p,
  .core_value_container .container .card:nth-child(3) .info_body p {
    text-align: left;
  }

  .form {
    grid-template-columns: 1fr;
  }

  .contact-details:before {
    bottom: initial;
    top: -75px;
    right: 65px;
    transform: scale(0.95);
  }

  .contact-form:before {
    top: -13px;
    left: initial;
    right: 70px;
  }

  .text {
    margin: 1rem 0 1.5rem 0;
  }

  .social-media {
    padding: 1.5rem 0 0 0;
  }

  .contactMethod {
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    height: 100%;
    margin: 0;
  }

  
}


/* -------------------------- */
/* SHARED MOBILE / TABLET UP TO 768px */
/* -------------------------- */
@media (max-width: 768px) {
  .content {
    padding: 4rem 2rem;
  }

  .solution-container {
    padding: 0;
  }

  .shapecard {
    top: -1.5rem;
    height: 6rem;
    width: 6rem;
  }

  .company-details {
    grid-template-columns: 1fr;
    text-align: left;
    min-height: auto;
  }

  .chooseus-container {
    grid-template-columns: 1fr;
    padding: 2rem 4rem;
  }

  .ourStory {
    grid-template-columns: 1fr;
    text-align: left;
    min-height: auto;
  }

  .team-grid {
    margin-top: 3rem;
    grid-template-columns: 1fr;
    gap: 2rem;
    padding: 0;
    justify-content: space-evenly;
  }

  .member-second {
    transform: none;
    flex-direction: row-reverse;
    padding: 0.5rem;
    align-content: center;
    justify-content: right;
    align-items: center;
    text-align: right;
  }

  .member-second .role {
    align-items: flex-end;
    justify-content: right;
  }

  
}



/* -------------------------- */
/* EXTRA SMALL / PARTNERS (up to 480px) */
/* -------------------------- */
@media (max-width: 480px) {
  .logo-container {
    padding: 1.25rem;
  }

  .partners-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    padding: 1rem;
  }

  .partner-card {
    min-height: 5rem;
  }

  .partner-card img {
    max-height: 4.5rem;
  }
}