/* .stack-scroll-wrapper .stack-container {
    width: 420px;
    height: 430px;
  } */
@media (max-width: 1600px) {
  .about-us .about-us-main-content .about-us-main-tab .about-us-content .about-us-active .core-img-content .core-img-text {
    margin-bottom: 27px;
  }

  .about-us .about-us-main-content .about-us-main-tab .about-us-content .about-us-active .core-img-content .core-main-content .core-scroll-wrapper .core-scrolltext {
    padding: 44px 45px 40px 38px;
  }

  .about-us .about-us-main-content .about-us-main-tab .about-list {
    top: 67px;
  }

  .stack-scroll-wrapper {
    height: 320vh;
  }

  .stack-scroll-wrapper .stack-container {
    top: 70%;
    width: 480px;
    height: 500px;
  }

  .stack-scroll-wrapper .stack-container .stack-card .stack-img {
    width: 90px;
    height: auto;
    padding: 8% 0 8% 0;
  }
}

@media (max-width: 1581px) {
  .slider-card-image {
    height: 500px;
  }
}

@media (max-width: 1536px) {
  .about-us .about-us-main-content .about-us-main-tab .about-us-content .tools h1 {
    line-height: 60px;
  }

  .stack-scroll-wrapper .stack-container {
    top: 80%;
  }
}

@media (max-width: 1366px) {
  .about-us .about-us-main-content .about-us-main-tab .about-us-content .about-us-active .core-img-content {
    padding: 44px 54px;
  }

  .about-us .about-us-main-content .about-us-main-tab .about-us-content .about-us-active .core-img-content .core-main-content .core-scroll-wrapper .core-scrolltext {
    padding: 35px 37px 32px 30px;
  }

  .about-us .about-us-main-content .about-us-main-tab .about-list {
    top: 65px;
  }

  .stack-scroll-wrapper .stack-container {
    top: 91%;
    width: 400px;
    height: 480px;
  }

  /* .stack-scroll-wrapper .stack-container {
    width: 420px;
    height: 360px;
  } */
  .stack-scroll-wrapper {
    height: 360vh;
  }

  .stack-scroll-wrapper .stack-container .stack-card .stack-img {
    width: 75px;
    height: auto;
    padding: 7% 0 7% 0;
  }

  .stack-scroll-wrapper .stack-container .stack-card .stack-content p {
    padding: 10px 19px 50px 19px !important;
  }

  .team-popup-content {
    padding: 20px 40px;
  }

  .team-profile-card {
    padding-left: 54px;
    padding-right: 58px;
  }

  .custom-prev,
  .custom-next {
    top: 70%;
  }

  .popupSwiper {
    padding: 20px 0 20px;
  }
}

@media (max-width: 1280px) {
  .about-us .about-us-main-content .about-us-main-tab .about-list {
    top: 65px;
  }

  .stack-scroll-wrapper .stack-container {
    top: 90%;
    width: 370px;
    height: 480px;
  }

  .about-us .about-us-main-content .about-us-main-tab .about-us-content .about-us-active .core-img-content .core-img-text {
    margin-bottom: 23px;
  }

  .about-us .about-us-main-content .about-us-main-tab .about-us-content .about-us-active .core-img-content .core-main-content .core-scroll-wrapper .core-scrolltext {
    padding: 29px 33px 26px 26px;
  }

  /* .slider-card-image {
    height: 500px;
  } */
}

@media (max-width : 834px){
  .about-us .about-content p{
    width: 55%;
  }
      .about-us .about-us-main-content .about-us-main-tab .about-list {
        top: 60px;
    }
    .core-scrolltext .core-scrollimg img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    margin-bottom: 10px;
}
    .tools {
    display: none !important;
  }
  .tools-mobile {
    margin-top: 50px;
    display: block !important;
  }
  
  .tools-card{
    margin-top: 55px;
     display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px; /* optional spacing between cards */
  justify-items: center; 
  }
.about-us .about-us-main-content .about-us-main-tab .about-list ul li.about-us-activebtn button{
    font-size: var(--fs25);
}
.about-us .about-us-main-content .about-us-main-tab .about-list ul li button{
  padding: 28px 77px;
  font-size: var(--fs25);
}


    .about-us .about-us-main-content .about-us-main-tab .about-us-content .about-us-active .core-img-content {
        padding: 30px 30px;
    }

    .about-us .about-us-main-content .about-us-main-tab .about-us-content .about-us-active .core-img-content .core-img-text{
      width: 35%;
      font-size: var(--fs25);
    }
    .about-us .about-us-main-content .about-us-main-tab .about-us-content .about-us-active .core-img-content .core-main-content{
      width: 100%;
    }
    .about-us .about-us-main-content .about-us-main-tab .about-us-content .about-us-active .core-img-content .core-main-content .core-scroll-wrapper{
          grid-template-columns: repeat(2, 1fr);
    
    }
    /* .about-us .about-us-main-content .about-us-main-tab .about-us-content .about-us-active .core-img-content .core-main-content .core-scroll-wrapper .core-scrolltext {
        padding: 17px 27px 17px 28px;
    } */
    .core-scrolltext .core-scrollcontent h1{
      font-size: var(--fs22);
    }
    .core-scrolltext .core-scrollcontent p{
      font-size: var(--fs22);
    }
    .tools-card .mobile-card .stack-content p {
    font-size: var(--fs24) !important;
  
    opacity: 0.6 !important;
    padding: 14px 25px 44px 25px !important;
}
.about-us .about-us-main-content .about-us-main-tab .about-us-content .ourteam .ourteam-text {
    width: 45%;
  
    font-size: var(--fs25);
}
.team-popup-content{
  width: 90%;

}
    .team-profile-card {
        padding-left: 35px;
        padding-right: 35px;
    }
    .profile-role{
      font-size: var(--fs25);
    }
}


@media (max-width: 576px) {

  .tools-card {
  display: flex;
  flex-direction: column;
  gap: 23px;
}

.tools-card .mobile-card {
  border-radius: 24px;
  transition: background-color 0.3s ease, width 0.3s ease, left 0.3s ease;
  box-shadow: 0px 0px 4px 0px #33333329;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
  gap: 23px;
}

.tools-card .mobile-card .stack-img {
  width: 104px;
  height: auto;
  padding: 8% 0 8% 0;
}

.tools-card .mobile-card .stack-img img {
  width: 100%;
  height: auto;
}

.tools-card .mobile-card .stack-content h1 {
  font-size: var(--fs34) !important;
  font-weight: 600 !important;
  color: var(--EerieBlack) !important;
}

.tools-card .mobile-card .stack-content p {
  font-size: var(--fs22) !important;

  font-weight: 400 !important;
  color: var(--EerieBlack) !important;
  opacity: 0.6 !important;
  padding: 14px 30px 55px 30px !important;
}

  .about-us .about-content p {
    width: 100%;
    font-size: var(--fs24);
  }

  .about-us .about-us-main-content .about-us-main-tab .about-us-content .ourteam {
    flex-direction: column;
    align-items: start;
    margin-top: 10%;
    margin-bottom: 5%;
  }

  .about-us .about-us-main-content .about-us-main-tab .about-us-content .ourteam .ourteam-header h1 {
    display: inline;
  }

  .about-us .about-us-main-content .about-us-main-tab .about-us-content .ourteam .ourteam-text {
    text-align: left;
    font-size: var(--fs24);
  }

  .about-us .about-us-main-content .about-us-main-tab .about-list ul li.about-us-activebtn button {
    font-size: var(--fs21);
  }

  .about-us .about-us-main-content .about-us-main-tab .about-list ul li button {
    padding: 20px;
    font-size: var(--fs21);
  }

  .about-us .about-us-main-content .about-us-main-tab .about-list {
    top: 53px;
  }

  .about-us .about-us-main-content .about-us-main-tab .about-us-content .about-us-active .core-img-content {
    padding: 20px;
  }

  .about-us .about-us-main-content .about-us-main-tab .about-us-content .about-us-active .core-img-content .core-img-text {
    width: 52%;
  }

  .about-us .about-us-main-content .about-us-main-tab .about-us-content .about-us-active .core-img .core-bg {
    width: auto;
    height: auto;
  }

  .about-us .about-us-main-content .about-us-main-tab .about-us-content .ourteam .ourteam-text {
    width: 75%;
  }

  .team-popup-content {
    width: 100%;
    height: 94%;
    padding: 20px 0px;
  }

  .team-profile-header .team-header .team-header-sub .profile-popup-img {
    width: 115px;
    height: 115px;
  }

  .team-profile-header .team-header .team-header-sub {
    gap: 15px;
    align-items: flex-start;
  }

  .profile-icons {
    width: 20px;
    height: 20px;
  }

  .team-profile-card {
    padding-left: 20px;
    padding-right: 20px;
  }

  .profile-description p {
    font-size: 13px;
  }

  .swiper-nav-btn .iconbtn {
    width: 40px;
    height: 40px;
  }

  /* .custom-prev,
  .custom-next {
    top: 56%;
  } */
  .custom-prev,
  .custom-next {
    top: unset;
    bottom: 0;
  }

  .popup-close img {
    width: 18px !important;
    height: 18px !important;
  }

  .popupSwiper {
    height: 90%;
    padding: 5px 0 20px !important;
  }

  .coreSwiper {
    height: auto !important;
  }

  .team-profile-header {
    margin-top: 25px;
  }

  .stack-scroll-wrapper .stack-container .stack-card .stack-content p {
    line-height: 17px;
  }

  .team-profile-header {
    margin-top: 7px;
  }

  .team-popup-content {
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
  }
   .core-main-content {
    display: none !important;
  }

  .core-mobile-slider {
    display: block;
  }


}

@media (max-width: 480px) {
  .about-us .about-content p {
    text-align: left;
  }

  .about-us .about-us-main-content .about-us-main-tab .about-list ul {
    gap: 15px;
  }
}

@media (max-width: 415px) {
  .tools-card .mobile-card .stack-img {
    width: 70px;
    height: auto;
    padding: 7% 0 6% 0;
  }

  .tools-card .mobile-card {
    gap: 0px;
  }

  .team-profile-header {
    margin-top: 25px;
  }
}

@media (max-width: 428px) {
  .tools-card .mobile-card .stack-img {
    width: 70px;
    height: auto;
    padding: 7% 0 6% 0;
  }

  .tools-card .mobile-card {
    gap: 0px;
  }

  .team-profile-header {
    margin-top: 7px;
  }

  .core-scrolltext .core-scrollcontent h1 {
    font-size: var(--fs22);
  }

  .core-scrolltext .core-scrollcontent p {
    font-size: var(--fs20);
  }
}