.hero-section {
     padding: 60px 0;
     min-height: 100vh;
     display: flex;
     align-items: center;
 }

 .hero-content-02 {
     display: grid;
     grid-template-columns: 1fr 0.9fr;
     gap: 80px;
     align-items: flex-start;
 }

 .hero-text {
     padding-right: 40px;
 }

 .badge {
     display: inline-block;
     /* background:var(--garident-4); */
     background: var(--garident-3);
     color: white;
     padding: 1px 20px;
     border-radius: 25px;
     font-size: 14px;
     font-weight: 300;
     margin-bottom: 30px;
 }

 .hero-title {
     font-size: 4rem;
     font-weight: 600;
     color: var(--color-primary);
     line-height: 1.2;
     margin-bottom: 30px;
 }

 @media screen and (min-width: 1441px) {
     .hero-description h1 {
         margin-bottom: 20px;

     }
 }

 .hero-description p {
     font-size: 16px;
     color: var(--color-text-light);
     margin-bottom: 25px;
     line-height: 1.7;
     max-width: 97%;
 }

 .hero-quote p {
     font-style: italic;
     font-size: 18px;
     line-height: 25px;
     font-weight: 400;


 }

 .stats-grid {
     display: grid;
     grid-template-columns: 1fr 0.7fr;
     padding-left: 4%;
     gap: 65% 0%;

 }

 .stat-item {
     text-align: left;
 }

 .stat-number {
     font-size: 49.174137115478516px;
     font-weight: 500;
     color: var(--light-blue, #2b3491);
     line-height: 1;
     /* margin-bottom: 10px; */
     margin-bottom: 5px;
 }

 .stat-label {
     font-size: 36.860870361328125px;
     font-weight: 300;
     color: var(--color-text-dark);
     line-height: 1.2;
 }













 .team-member-wrap {
     position: relative;
 }

 .team-member-wrap::after {
     content: "";
     display: block;
     width: 100%;
     height: 100%;
     background: linear-gradient(180deg,
             rgba(0, 0, 0, 0) 0%,
             rgba(0, 0, 0, 0.9) 100%);
     left: 0;
     top: 0;
     position: absolute;
 }

 .team-member {
     position: absolute;
     bottom: 0;
     width: 100%;
     padding: 13%;
     z-index: 10;
 }

 .team-member p {
     font-size: 21.60683822631836px;
     font-weight: 200;
 }

 .team-member h4 {
     color: #fff;
     font-weight: 300;
     margin-bottom: 5px;
     font-size: 32.410255432128906px;
     line-height: 40px;
 }

 .team-member-wrap img {
     display: block;
     width: 100%;
 }

 .team-slider-wrap_main {
     margin-top: 50px;
 }

 /* Media Queries */
 @media only screen and (max-width: 1650px) {
     .hero-title {
         font-size: 3.5rem;
     }

     .stat-number {
         font-size: 3.5rem;
     }

     .stat-label {
         font-size: 1.8rem;
     }
 }

 @media only screen and (max-width: 1280px) {
     .hero-content-02 {
         gap: 60px;
     }

     .hero-title {
         font-size: 3.2rem;
     }

     .stat-number {
         font-size: 3.2rem;
     }

     .stat-label {
         font-size: 1.6rem;
     }




     .team-member p {
         font-size: 15.606838px;
     }
 }

 @media only screen and (max-width: 1119px) {
     .hero-text {
         padding-right: 20px;
     }

     .hero-content-02 {
         gap: 50px;
     }

     .hero-title {
         font-size: 3rem;
     }

     .stat-number {
         font-size: 3rem;
     }
 }

 @media only screen and (max-width: 1440px) {

     .team-member h4 {

         font-size: 27px;
     }
 }

 @media only screen and (max-width: 1080px) {
     .hero-title {
         font-size: 2.8rem;
     }

     .hero-description p {
         font-size: 1rem;
     }

     .stat-number {
         font-size: 2.8rem;
     }

     .stat-label {
         font-size: 1.5rem;
     }

     .team-member h4 {
         font-size: 21px;
         line-height: 27px;
     }
 }

 @media only screen and (max-width: 991px) {
     .hero-content-02 {
         grid-template-columns: 1fr;
         gap: 60px;
         text-align: center;
     }

     .hero-text {
         padding-right: 0;
         order: 1;
     }

     .stats-grid {
         order: 2;
         justify-items: center;
     }

     .hero-title {
         font-size: 2.5rem;
     }

     .stat-number {
         font-size: 2.5rem;
     }

     .stat-label {
         font-size: 1.4rem;
     }

     h1.heading-2 {
         width: 100%;
         max-width: 100%;
     }

     .badge_center_mobile {
         display: flex;
         /* justify-content: center; */
         /* align-items: center; */
         margin-bottom: 20px;
     }

     .badge {
         margin-bottom: 0;
     }

     .hero-text.hero-description {
         text-align: left;
     }

     .stats-grid {
         justify-items: unset
     }
 }

 @media only screen and (max-width: 870px) {
     .hero-section {
         padding: 40px 0;
     }

     .hero-title {
         font-size: 2.2rem;
     }

     .stat-number {
         font-size: 2.2rem;
     }

     .stat-label {
         font-size: 1.3rem;
     }

     .team-member h4 {
         font-size: 18px;
         line-height: 23px;
     }

     .team-member p {
         font-size: 13.606838px;
     }
 }

 @media only screen and (max-width: 768px) {
     .team-slider-wrap_main {
         margin-top: 35px;
     }

     .container {
         padding: 0 15px;
     }

     .hero-content-02 {
         gap: 40px;
     }

     .hero-title {
         font-size: 2rem;
         margin-bottom: 25px;
     }

     .hero-description p {
         font-size: 0.95rem;
         margin-bottom: 20px;
     }

     .hero-quote p {
         font-size: 0.9rem;
     }

     .stat-number {
         font-size: 2rem;
     }

     .stat-label {
         font-size: 1.2rem;
     }

     .stats-grid {
         gap: 30px;
         padding-left: 0;
         grid-template-columns: 1fr 1fr;
     }
 }

 @media only screen and (max-width: 640px) {
     .badge {
         font-size: 12px;
         padding: 6px 16px;
         /* margin-bottom: 25px; */
     }

     .hero-title {
         font-size: 1.8rem;
     }

     .hero-description p {
         font-size: 0.9rem;
     }

     .hero-quote p {
         font-size: 0.85rem;
     }

     .stat-number {
         font-size: 1.8rem;
     }

     .stat-label {
         font-size: 1.1rem;
     }
 }

 @media only screen and (max-width: 570px) {
     .hero-section {
         padding: 30px 0;
     }

     .hero-title {
         font-size: 1.6rem;
         margin-bottom: 20px;
     }

     .hero-description p {
         font-size: 0.85rem;
         margin-bottom: 18px;
     }

     .hero-quote p {
         font-size: 0.8rem;
     }

     .stat-number {
         font-size: 1.6rem;
     }

     .stat-label {
         font-size: 1rem;
     }

     .stats-grid {
         gap: 25px;
     }
 }

 @media only screen and (max-width: 480px) {
     .container {
         padding: 0 12px;
     }

     .hero-content-02 {
         gap: 20px;
     }

     .hero-title {
         font-size: 1.5rem;
     }

     .hero-description p {
         font-size: 0.8rem;
     }

     .hero-quote p {
         font-size: 0.75rem;
     }

     .stat-number {
         font-size: 2.5rem;
         margin-bottom: 8px;
     }

     .stat-label {
         font-size: 1rem;
     }

     .badge {
         font-size: 11px;
         padding: 5px 14px;
     }

     .lable_span {
         font-size: 13px;
     }
 }

 @media only screen and (max-width: 300px) {
     .container {
         padding: 0 10px;
     }

     .hero-title {
         font-size: 1.3rem;
         margin-bottom: 15px;
     }

     .hero-description p {
         font-size: 0.75rem;
         margin-bottom: 15px;
     }

     .hero-quote p {
         font-size: 0.7rem;
     }

     .stat-number {
         font-size: 1.3rem;
     }

     .stat-label {
         font-size: 0.85rem;
     }

     .badge {
         font-size: 10px;
         padding: 4px 12px;
         margin-bottom: 20px;
     }

     .stats-grid {
         gap: 20px;
     }
 }