.header_banner_div {
    position: relative;
    width: 100%;
    height: 215px;
    text-align: center;
    overflow: hidden;
}

.header_banner_div::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../../images/common/wwa.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    filter: brightness(0.6);
    /* Apply brightness only to the background */
    z-index: -1;
}

.header_banner_img {
    height: 100%;
    width: 100%;
}

.banner_txt {
    color: #ffff;
    /* display: flex;
                                                align-items: center;
                                                justify-content: center; */
    position: relative;
    top: 35px;
    font-size: 25px;

}

.header_banner_div ol {
    padding: 26px 0px 0px 90px;
}

.header_banner_div li a {
    text-decoration: none;
    color: #ffff;
}

.yellow_txt {
    color: #FBBC05;
}

.aboutusMain {
    margin-left: 94px;
    margin-right: 94px;
}

.aboutPart {
    display: flex;
    /* gap: 7%; */
    justify-content: space-around;
    align-items: center;
}

/* .aboutusMain .aboutPart .ap_content {
    width: 53%;

} */

.aboutusMain .aboutPart .ap_img {
    width: 477px;
    background-color: #F9F9F9;
    padding: 8%;
    border-radius: 20px;
}

.wwa_card {
    text-align: center;
    background-color: #E7F0FF;
    border-radius: 20px;
}

.card_img_dev {
    padding: 46px;
}

.wwa_card_total {
    border: none;
}

.wwr_nav {
    background-color: #ffcc00;
    color: #ffffff;
    border-radius: 40px;
}

.yellowbutton {
    border-radius: 30px;
    color: #ffff;
    transition: transform 0.5s ease;
}

.yellowbutton:hover {
    color: #ffff;
    transform: scale(1.2);

}

.card-text {
    font-weight: 400;
}

.fontdiv {
    line-height: 32.5px;
    text-align: justify;
    text-indent: 4rem;
    font-size: 20px;
}
@media(min-Width:769px) and (max-width:1341px) {
    .aboutusMain{
        margin-right: 30px;
        margin-left:30px;
      }
      .header_banner_div ol {
        padding: 70px 0px 0px 39px;
    }
      .aboutusMain .aboutPart .ap_img {
        width: 335px;
    }.wwa_card{
        height: 485px;
    }
}

@media(max-width:768px){
  .aboutusMain{
    margin-right: 30px;
    margin-left:30px;
  }
  .header_banner_div ol {
    padding: 70px 0px 0px 39px;
}
  .aboutusMain .aboutPart .ap_img {
    width: 335px;
}.wwa_card{
    height: 485px;
}
}

@media(max-width:576px) {
    * {
        margin: 0px;
        padding: 0px;


    }
    .header_banner_div::before {
        background-image: url('../../images/common/wwahmv.png');
    }

    .aboutusMain {
        margin-left: 17px;
        margin-right: 17px;

    }
    .aboutusMain .aboutPart .ap_img {
        width: 477px;
    }

    .header_banner_div ol {
        padding-left: 18px;
        padding-top: 67px;
        font-size: 12px;
    }

    .banner_txt {
        top: 18px;
        font-size: 18px;
    }

    .fontdiv {
        line-height: 2.0;
        text-align: justify;
        text-indent: 4rem;
        font-size: 15px;
        padding: 0px 10px;
    }

    .cardText{
        line-height: normal;
        font-size:16px ;
        text-align: inherit;
    }
    .wwa_card{
        height: auto;
    }

    /* .animated {
                                            animation: none !important;
                                            / Disable CSS animations /
                                            transform: none !important;
                                            / Disable AOS transform / / Add other styles to disable AOS effects /
                                        } */

}