.aboutSectionHeader {
  background-image: url("../Images/aboutUs/aboutSec1Img.png");
  background-size: cover;
  background-repeat: no-repeat;
  height: 482px;
  width: 100%;
}

.aboutSectionHeader div {
  height: 100%;
  width: 100%;
  background: linear-gradient(
    178.16deg,
    rgba(217, 217, 217, 0.28) 13.25%,
    rgba(0, 0, 0, 0.53) 68.38%
  );
}
.aboutSectionHeader div p {
  font-weight: 700;
  font-size: 45px;
}
.aboutSectionHeader div p span {
  color: #00839f;
}
.mainDrivingTrust {
  height: 100%;
}

.headerDrivingTrust {
  padding: 40px 80px;
  gap: 2rem;
}
.headerDrivingTrust p:first-child,
.headerDrivingTrust p:last-child {
  font-weight: 400;
  font-size: 24px;
}


.contentDrivingTrust {
  width: 100%;
  padding: 60px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  text-align: center;
}

.contentDrivingTrustHeading {
  font-weight: 700;
  font-size: 36px;
  color: #000;
}

.contentDrivingTrustHeading span {
  color: #0077ac;
}

.contentDrivingTrustDesc {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  width: 100%;
  max-width: 1200px;
  flex-wrap: wrap; /* important for responsive */
  text-align: left;
}

/* Left Image */
.contentDrivingTrustDesc div:nth-of-type(1) {
  background-image: url("../Images/aboutUs/Why-Background-Verification-is-First-Step-to-Building-Trust.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  max-width: 550px;
  height: 380px;
  border-radius: 20px;
  box-shadow: 0 10px 40px rgba(3, 77, 119, 0.4);
}

/* Right Text */
.contentDrivingTrustDesc div:nth-of-type(2) {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 600px;
}

.contentDrivingTrustDesc div:nth-of-type(2) p {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.7;
  color: #333;
}

/* RESPONSIVE MEDIA QUERIES */
@media (max-width: 992px) {
  .contentDrivingTrustHeading {
    font-size: 30px;
  }

  .contentDrivingTrustDesc {
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    text-align: center;
  }

  .contentDrivingTrustDesc div:nth-of-type(2) {
    text-align: center;
    align-items: center;
  }

  .contentDrivingTrustDesc div:nth-of-type(1) {
    width: 100%;
    max-width: 450px;
    height: 300px;
  }
}

@media (max-width: 576px) {
  .contentDrivingTrustHeading {
    font-size: 26px;
  }

  .contentDrivingTrustDesc div:nth-of-type(2) p {
    font-size: 16px;
  }

  .contentDrivingTrustDesc div:nth-of-type(1) {
    max-width: 100%;
    height: 250px;
  }
}


.mainMissionVissionAim {
  width: 100%;
  padding: 60px 80px;
  min-height: 150vh;
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  flex-direction: row;
  gap: 30px;
  overflow: hidden;
}

.visionCard {
  position: relative;
  top: 200px;
}
.aimCard {
  position: relative;
  top: 400px;
}
.missionCard,
.visionCard,
.aimCard {
  width: 411px;
  height: 570px;
  border-radius: 17.69px;
  box-shadow: 0px 0px 37.07px 0px #00000040;
  background-color: white;
  opacity: 0;
  transform: translateY(100px);
  transition: transform 0.5s ease, opacity 0.5s ease;
}
/* .aimCard {
  box-shadow: 387px 541px 623px -76px #B2E3FFB8;
  
} */

.missionCard h4,
.visionCard h4,
.aimCard h4 {
  font-weight: 700;
  font-size: 36px;
}
.visionCard p,
.aimCard p,
.missionCard p {
  font-weight: 400;
  font-size: 20px;
  text-align: center;
}

.missionCard div {
  background-image: url("../Images/aboutUs/one-businessman-standing-city-sunset-silhouette-generated-by-ai.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 376px;
  height: 240px;
  border-radius: 13.27px;
}
.visionCard div {
  background-image: url("../Images/aboutUs/goals-target-aspiration-perforated-paper-bullseye.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 376px;
  height: 240px;
  border-radius: 13.27px;
}
.aimCard div {
  background-image: url("../Images/aboutUs/one-businessman-standing.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 376px;
  height: 240px;
  border-radius: 13.27px;
}

.missionCard div button,
.visionCard div button,
.aimCard div button {
  width: 189px;
  height: 48px;
  border-radius: 17.69px;
  background: linear-gradient(90deg, #00aa6c 0%, #01989b 100%);
  font-weight: 700;
  font-size: 21.23px;
  text-align: center;
  position: relative;
  top: -25px;
  left: 100px;
  border: none;
  color: white;
}

.mainChooseNexora {
  padding: 24px 80px;
  height: 100%;
  gap: 1rem;
}

.contentmainChooseNexora {
  font-weight: 700;
  font-size: 36px;
}

.ChooseNexoraCard {
  gap: 50px 10px;
}

.serviceCard {
  width: 374px;
  height: 389px;
  border-radius: 25px;
  background: #ffffff;
  padding: 1.5rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-clip: padding-box;
}

.realTimeCard div:first-child {
  background-image: url("../Images/aboutUs/verification.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 98px;
  height: 98px;
}
.apiIntegrationCard div:first-child {
  background-image: url("../Images/aboutUs/support-file.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 98px;
  height: 98px;
}
.govComplianceCard div:first-child {
  background-image: url("../Images/aboutUs/api.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 98px;
  height: 98px;
}

.dovCoverageCard div:first-child {
  background-image: url("../Images/aboutUs/compliance.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 98px;
  height: 98px;
}
.fraudDashboardCard div:first-child {
  background-image: url("../Images/aboutUs/scalability.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 98px;
  height: 98px;
}
.detectionCard div:first-child {
  background-image: url("../Images/aboutUs/pricing.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 98px;
  height: 98px;
}
.fraudDetection2 div:first-child {
  background-image: url("../Images/aboutUs/fraud-detection.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 98px;
  height: 98px;
}
.relativeSuport2 div:first-child {
  background-image: url("../Images/aboutUs/reliability.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 98px;
  height: 98px;
}

.realTimeCard div:last-child p:first-child,
.apiIntegrationCard div:last-child p:first-child,
.govComplianceCard div:last-child p:first-child,
.dovCoverageCard div:last-child p:first-child,
.fraudDashboardCard div:last-child p:first-child,
.detectionCard div:last-child p:first-child,
.fraudDetection2 div:last-child p:first-child,
.relativeSuport2 div:last-child p:first-child {
  font-weight: 700;
  font-size: 24px;
  text-align: center;
  color: #01989b;
  margin-bottom: 10px;
}
.realTimeCard div:last-child p:last-child,
.apiIntegrationCard div:last-child p:last-child,
.govComplianceCard div:last-child p:last-child,
.dovCoverageCard div:last-child p:last-child,
.fraudDashboardCard div:last-child p:last-child,
.detectionCard div:last-child p:last-child,
.fraudDetection2 div:last-child p:last-child,
.relativeSuport2 div:last-child p:last-child {
  font-weight: 400;
  font-size: 20px;
  text-align: center;
  display: none;
}

.serviceCard:hover {
  cursor: pointer;
  background: linear-gradient(
    180deg,
    rgba(217, 217, 217, 0) 0%,
    rgba(1, 152, 155, 0.12) 100%
  );
  border-left: 1.1px solid #00839f;
  border-right: 1px solid #00839f;
  flex-direction: column-reverse !important;
}


        .mainOurTeam {
            width: 100%;
            min-height: 100vh;
            padding: 60px 80px;
        }

        .contentmainOurTeam {
            text-align: center;
            margin-bottom: 80px;
        }

        .contentmainOurTeam span:first-child {
            display: block;
            font-size: 18px;
            font-weight: 600;
            letter-spacing: 3px;
            color: #0077ac;
            margin-bottom: 10px;
        }

        .contentmainOurTeam span:nth-child(2) {
            display: block;
            font-size: 42px;
            font-weight: 700;
            color: #1a1a1a;
            text-shadow: 1px 3px 80px rgba(3, 77, 119, 0.3);
        }

        .contentmainOurTeam span:nth-child(3) {
            display: block;
            font-size: 42px;
            font-weight: 700;
            color: #0077ac;
            text-shadow: 1px 3px 80px rgba(3, 77, 119, 0.3);
        }

        .teamCard {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
            gap: 30px;
            width: 100%;
        }

        .teamCardService {
            position: relative;
            background: #fff;
            padding: 35px;
            border-radius: 20px;
            border: none;
            box-shadow: 0 4px 20px rgba(0, 119, 172, 0.08);
            transition: all 0.4s ease;
            overflow: hidden;
        }

        .teamCardService::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 5px;
            height: 0;
            background: linear-gradient(180deg, #0077ac 0%, #01989b 100%);
            transition: height 0.4s ease;
        }

        .teamCardService:hover::before {
            height: 100%;
        }

        .teamCardService:hover {
            cursor: pointer;
            transform: translateY(-5px);
            box-shadow: 0 8px 30px rgba(0, 119, 172, 0.15);
            background: linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(1, 152, 155, 0.05) 100%);
        }

        .teamCardService p:nth-of-type(1) {
            font-weight: 700;
            font-size: 28px;
            margin-bottom: 20px;
            color: #1a1a1a;
        }

        .teamCardService p:nth-of-type(1) span {
            color: #0077ac;
        }

        .teamCardService p:nth-of-type(2) {
            font-weight: 400;
            font-size: 16px;
            line-height: 1.6;
            color: #555;
        }

        .teamImg, .circleImg {
            display: none;
        }

        @media (max-width: 768px) {
            .mainOurTeam {
                padding: 40px 20px;
            }

            .contentmainOurTeam span:nth-child(2),
            .contentmainOurTeam span:nth-child(3) {
                font-size: 32px;
            }

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

            .teamCardService p:nth-of-type(1) {
                font-size: 24px;
            }
        }

.mainUseNeroxe {
  background-image: url("../Images/aboutUs/mainAboutSecLastimg.png");
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  width: 100%;
}

.headerUseNeroxe {
  padding: 24px 150px;
  height: 100%;
}

.headerUseNeroxe h2 {
  font-weight: 700 !important;
  font-size: 36px !important;
}
.headerUseNeroxe p {
  font-weight: 400;
  font-size: 24px !important;
}
.headerUseNeroxe ul {
  font-weight: 700;
  font-size: 24px !important;
}
@media screen and (max-width: 1024px) and (min-width: 320px) and (max-height: 1366px) and (min-height: 300px) {
  .aboutSectionHeader {
    background-image: url("../Images/aboutUs/aboutSec1Mob.png");
    background-size: cover;
    background-repeat: no-repeat;
    height: 255px;
    width: 100%;
  }

  .aboutSectionHeader div {
    height: 100%;
  }
  .aboutSectionHeader div p {
    font-weight: 700;
    font-size: 34px;
  }

  .headerDrivingTrust {
    padding: 24px;
    gap: 1rem;
  }

  .headerDrivingTrust p:first-child,
  .headerDrivingTrust p:last-child {
    font-weight: 400;
    font-size: 20px;
  }
  .contentDrivingTrustHeading {
    font-weight: 700;
    font-size: 34px;
    text-align: center;
  }
  .contentDrivingTrustDesc {
    padding: 10px;
    width: 100%;
    flex-direction: column;
    gap: 1rem;
    justify-content: center !important;
    align-items: center !important;
  }
  .contentDrivingTrustDesc div:nth-of-type(1) {
    background-image: url("../Images/aboutUs/diveringLicenSec2Mob.png");
    width: 364px;
    height: 270px;
  }
  .contentDrivingTrustDesc div:nth-of-type(2) {
    gap: 1rem;
    width: 100%;
  }
  .mainMissionVissionAim {
    padding: 24px;
    min-height: 150vh;
    display: flex;
    align-items: center !important;
    flex-direction: column !important;
    gap: 1rem;
    overflow: visible;
    justify-content: start !important;
  }
  .missionCard,
  .visionCard,
  .aimCard {
    width: 360px;
    height: 476px;
    padding: 10px;
  }
  .missionCard h4,
  .visionCard h4,
  .aimCard h4 {
    font-weight: 700;
    font-size: 24px;
  }
  .visionCard p,
  .aimCard p,
  .missionCard p {
    font-weight: 400;
    font-size: 16px;
    text-align: center;
  }
  .missionCard div button,
  .visionCard div button,
  .aimCard div button {
    width: 166px;
    height: 36px;
    font-weight: 700;
    font-size: 19px;
    text-align: center;
    position: relative;
    top: -15px;
    left: 85px;
  }
  .missionCard div {
    background-image: url("../Images/aboutUs/missionMob.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 330px;
    height: 211px;
  }
  .visionCard div {
    background-image: url("../Images/aboutUs/vissionMob.png");
    width: 330px;
    height: 211px;
  }
  .aimCard div {
    background-image: url("../Images/aboutUs/aimMobImg.png");
    width: 330px;
    height: 211px;
  }
  .visionCard {
    top: 0px;
  }
  .aimCard {
    position: relative;
    top: 0px;
  }
  .mainMissionVissionAim {
    background-image: url("../Images/aboutUs/Group427320243.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .mainChooseNexora {
    padding: 24px;
    text-align: center;
  }
  .serviceCard {
    width: 190px;
    height: 240px;
  }
  .realTimeCard div:first-child,
  .apiIntegrationCard div:first-child,
  .govComplianceCard div:first-child,
  .dovCoverageCard div:first-child,
  .fraudDashboardCard div:first-child,
  .detectionCard div:first-child,
  .fraudDetection2 div:first-child,
  .relativeSuport2 div:first-child {
    width: 56px;
    height: 56px;
  }

  .realTimeCard div:last-child p:first-child,
  .apiIntegrationCard div:last-child p:first-child,
  .govComplianceCard div:last-child p:first-child,
  .dovCoverageCard div:last-child p:first-child,
  .fraudDashboardCard div:last-child p:first-child,
  .detectionCard div:last-child p:first-child,
  .fraudDetection2 div:last-child p:first-child,
  .relativeSuport2 div:last-child p:first-child {
    font-size: 19px;
  }
  .contentmainOurTeam {
    font-weight: 700;
    font-size: 34px;
    text-align: center;
  }
  .teamCardService p:nth-of-type(1) {
    font-weight: 700;
    font-size: 14px;
    width: 100px;
  }
  .teamCardService p:nth-of-type(2) {
    font-weight: 400;
    font-size: 10px;
    width: 60%;
  }
  .circleImg {
    width: 40px;
    height: 40px;
  }
  .leaderCardImg,
  .excellenceCardImg,
  .deparmentCardImg,
  .supportCardImg,
  .developmentCardImg,
  .opertionCardImg,
  .ComplianceCardImg,
  .managentCardImg,
  .desinersCardImg {
    width: 116px;
    height: 72px;
    border-radius: 5px;
  }
  .headerUseNeroxe {
    padding: 24px;
    justify-content: start !important;
    align-items: center;
  }
  .headerUseNeroxe h2 {
    font-weight: 700 !important;
    font-size: 34px !important;
  }
  .headerUseNeroxe p {
    font-weight: 400;
    font-size: 16px !important;
    text-align: center;
  }
  .headerUseNeroxe ul {
    font-weight: 700;
    font-size: 14px !important;
  }
  .mainUseNeroxe {
    background-image: url("../Images/aboutUs/AndroidCompact13.png");
    background-position: bottom;
    height: 65vh;
}
}