@media (max-width: 2000.98px) {
    .referral_name_box {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}
@media (max-width: 1199.98px) {
    h1.heading {
        font-size: 56px;
        line-height: 68px;
    }
    p.heading_para {
        font-size: 17px;
        width: 83%;
    }
    img.green_line {
        width: 75%;
    }
    .small_icons::after {
        top: 9%;
        left: 46%;
    }
    .pink_icon::after {
        bottom: 39%;
        left: 39%;
    }
    .small_icons::before {
        top: 23%;
        left: 2%;
    }
    h2.sub_heading {
        font-size: 38px;
        font-weight: 900;
    }
    p.text-grey {
        font-size: 21px;
        line-height: 38px;
        margin-top: 20px;
    }
    .why_choose h2.sub_heading {
        font-size: 37px;
    }
    .why_choose p.text-grey {
        font-size: 23px;
        line-height: 40px;
    }
    .why_icon {
        padding: 9px;
    }
    .why_cntnt h3 {
        font-size: 22px;
        line-height: 34px;
    }
    .service_cntnt.why_cntnt p.text-grey {
        width: 98%;
    }
    .why_cntnt p.text-grey {
        font-size: 19px;
        line-height: 30px;
    }
}
@media (max-width: 767.98px) {
    h1.heading {
        font-size: 39px;
        line-height: 52px;
    }
    p.heading_para {
        font-size: 16px;
        width: 81%;
        line-height: 25px;
    }
    .small_icons::before {
        top: 20%;
        left: 47%;
        width: 35px;
    }
    .small_icons::after {
        top: 9%;
        left: 93%;
        width: 35px;
    }
    .pink_icon::after {
        bottom: 37%;
        left: 85%;
        width: 35px;
    }
    .banner_section .btn-green {
        font-size: 16px;
        padding: 9px 28px;
    }
    h2.sub_heading {
        font-size: 32px;
    }
    p.text-grey {
        font-size: 16px;
        line-height: 28px;
        margin-top: 8px;
    }
    .padding_70 {
        padding: 50px 0px;
    }
    .why_choose h2.sub_heading {
        font-size: 28px;
    }
    .why_choose p.text-grey {
        font-size: 18px;
        line-height: 32px;
    }
    .why_cntnt h3 {
        font-size: 20px;
        line-height: 34px;
    }
    .why_cntnt p.text-grey {
        font-size: 16px;
        line-height: 27px;
    }
    .why_box {
        gap: 15px;
    }
    .why_cntnt h3 {
        font-size: 17px;
        line-height: 32px;
    }
    img.small_line {
        width: 50%;
    }
    .vision_box img {
        width: 24px;
    }
    .vision_box p.heading_para {
        width: 100%;
        font-size: 14px;
        line-height: 25px;
    }
}
@media (max-width: 575.98px) {
    h1.heading {
        font-size: 38px;
        line-height: 51px;
    }
    .padding_70 {
        padding: 50px 0px;
    }
    p.heading_para {
        font-size: 14px;
        line-height: 25px;
        width: 83%;
        margin-top: 15px;
    }
    .banner_section .btn-green {
        font-size: 14px;
        padding: 9px 25px;
        margin-top: 10px;
    }
    .small_icons::after {
        top: 31%;
        left: 91%;
        width: 36px;
    }
    .pink_icon::after {
        bottom: 37%;
        left: 55%;
        width: 35px;
    }
    .small_icons::before {
        top: 40%;
        left: 1%;
        width: 35px;
        z-index: 2;
    }
    h2.sub_heading {
        font-size: 26px;
    }
    p.text-grey {
        font-size: 16px;
        line-height: 27px;
        margin-top: 14px;
    }
    .why_choose h2.sub_heading {
        font-size: 26px;
    }
    .why_choose p.text-grey {
        font-size: 16px;
        line-height: 30px;
    }
    .why_cntnt h3 {
        font-size: 18px;
        line-height: 20px;
    }
    .service_box .why_cntnt h3 {
        font-size: 20px;
        line-height: 38px;
    }
    .why_cntnt p.text-grey {
        font-size: 14px;
        line-height: 24px;
    }
    img.small_line {
        width: 50%;
    }
    .vision_box img {
        width: 25px;
    }
    .flex_direction {
        display: flex;
        flex-direction: column-reverse;
        gap: 20px;
    }
    .footer img {
        display: none;
    }
    .Copyright p {
        font-size: 14px;
    }
    .vision {
        gap: 10px;
        margin-top: 20px;
    }
    .icon-purple {
        background-image: url("../images/purple_icon.png");
        top: 35%;
        right: 82%;
        animation-delay: 0s;
    }
}