.section {
     background-color: var(--main-color);
     padding: 60px 20px;
     border-radius: 30px;
     text-align: center;
 }

 .section h2 {
     font-size: 3rem;
     font-weight: bold;
     margin-bottom: 10px;
     color: #fff;
 }

 .section p {
     font-size: 34px;
     font-weight: bold;
     color: #fff;
 }

 .get-started-btn {
     margin-top: 20px;
     display: inline-block;
     background-color: #057a7c;
     padding: 12px 24px;
     color: #fff;
     border-radius: 30px;
     text-decoration: none;
     font-weight: bold;
     font-size: 1rem;
     transition: background-color 0.3s ease;
 }

 .get-started-btn:hover {
     background-color: #066869;
 }

 .divider {
     border: 0.5px solid #055c5c;
     margin: 40px auto 30px;
     max-width: 90%;
 }

 .stats {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-evenly;
     gap: 40px;
 }

 .stat-item {
     text-align: center;
     display: flex;
     align-items: center;
     gap: 1rem;
 }

 .stat-item h3 {
     font-size: 4rem;
     font-weight: bold;
     color: #e0f0e9;
     border-right: 1px solid #414141;
     padding-right: 1rem;
 }

 .stat-item p {
     font-size: 0.9rem;
     color: #a0cfc8;
     margin-top: 5px;
 }

 .star-divider {
     font-size: 40px;
     color: #d1f0e6;
     align-self: center;
 }

 /* mission-vision-img */
 .mission-vision-img img {
     width: 100%;
     height: 420px;
     object-fit: cover;
 }

 .mission-vision-content {
     background-color: var(--black-color);
     padding: 24px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     height: 100%;
     color: #fff;
 }

 .mission-vision-content h3 {
     text-transform: capitalize;
     font-size: 35px;
 }

 .mission-vision-content p {
     margin-top: 1rem;
     font-size: 18px;
 }

 .mission-vision-content ul {
     padding-left: 20px !important;
 }

 .mission-vision-content ul li {
     list-style: disc !important;
     margin-top: 10px;
 }

 /* about_clients */
 .about_clients .clients_box{
    margin: 0 12px;
 }
 .about_clients .slick-track{
    margin: 12px 0;
 }
 .about_clients .clients_box  img{
    width: 120px;
    aspect-ratio: 3/2;
    object-fit: contain;
 }


 /* value_wrapper__content */
 .value_wrapper__content {
     display: grid;
     gap: 24px;
     grid-template-columns: repeat(3, 1fr);
 }

 .value_box {
     background-color: var(--white-color);
     border: 1px solid #ccc;
     padding: 24px;
     display: flex;
     flex-direction: column;
     gap: 1rem;
     border-radius: 10px;
     transition: .43s ease-in-out;
 }

 .value_box:hover {
     background-color: var(--main-color);
     color: var(--white-color);
     transition: .3s ease-in-out;
 }

 .value_box img {
     width: 64px;
 }

 .value_box h3 {
     font-size: 24px;
     text-transform: capitalize;
 }

 .value_box p {
     font-size: 15px;
     line-height: 24px;
 }

 @media(max-width:1200px) {
     .mission-vision-img img {
         height: 470px;
     }
 }

 @media(max-width:992px){
    .myflex{
        flex-direction: column-reverse;
    }
 }
 @media (max-width: 768px) {
     .section h2 {
         font-size: 1.5rem;
     }

     .mission-vision-img img {
         height: 300px;
     }

     .mission-vision-content p {
         font-size: 16px;
         margin-top: 7px;
     }

     .mission-vision-content ul li {
         font-size: 16px;
     }

     .mission-vision-content h3 {
         font-size: 25px;
     }

     .value_wrapper__content {
         grid-template-columns: repeat(2, 1fr);
     }

     .section p {
         font-size: 1.2rem;
     }

     .stats {
         gap: 20px;
     }

     .stat-item h3 {
         font-size: 1.5rem;
     }
 }

 @media(max-width:576px) {
     .value_wrapper__content {
         grid-template-columns: repeat(1, 1fr);
         gap: 12px;
     }

     .value_box {
         gap: 8px;
         padding: 1rem;
     }

     .value_box img {
         width: 50px;
     }

     .value_box h3 {
         font-size: 20px;
     }
 }