@media only screen and (max-width: 600px) {
    .heros {
    position: relative;
    width: 100%;
    height: 20rem !important;
    overflow: hidden;
}
.logoimg{
    margin: 1px 1px !important;
}
.sticky-navbar {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: white;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    padding: 5px !important;
}
.navbar-expand-lg .navbar-nav .mobilenamv {
    flex-direction: column !important;
    gap: 10px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    display: inline !important;
}
.ms-auto {
    margin-left: auto !important;
    display: inline !important;
}
.hero-content {
    position: inherit !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
    z-index: 2;
    max-width: 700px;
}
  .impact-box-yellow-green {
    width: 51% !important;
    padding: 20px 25px !important;
    border-radius: 10px !important;
    color: white !important;
    font-size: 18px !important;
    font-weight: bold !important;
    position: absolute !important;
    margin: -30px !important;
    height: 15rem;
}
    .impact-box-gray-red {
        width: 50% !important;
        padding: 20px 25px !important;
        border-radius: 10px !important;
        color: white !important;
        font-size: 10px !important;
        font-weight: bold !important;
        position: absolute !important;
        margin: -35px !important;
        height: 15rem;
    }
    .impact-text{
        font-size: 15px !important;
    }
.impact-container {
    position: relative !important;
    width: 21rem !important;
    height: 583px !important; 
    background: #fff !important;
    padding: 0px !important;
    border-radius: 10px !important;
    margin: 0px auto !important;
}
.impacttext {
    display: flow !important;
    background: #138D97 !important;
    padding: 10px !important;
    margin: 10px 0rem !important;
    text-align: center !important;
}

.f-w {
    font-size: 25px !important;
    font-weight: 700 !important;
}
.impact-image {
    width: 150px !important;
    height: 150px !important;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 10px solid white !important;
}
.focus-image {
    width: 350px !important;
    height: 350px !important;
    border-radius: 50% !important;
    margin-right: 0px !important;
}
.bordrright {
    display: none !important;
}
.focus-content {
    margin-top: 30px !important;
    gap: 0rem !important;
}
.footerlogo{
    width: 25% !important;
}
.slide-heading {
    background: rgb(0 0 0 / 68%);
    padding: 7rem 1px !important;
    color: #fff;
    font-size: 24px;
    text-align: center;
    border-radius: 5px;
    width: 100%;
    height: 100%;
}
}