@media (max-width: 768px) {
    .navbar-custom {
        padding: 10px 5px !important;
       
    }
    .navbar-wrapper {
         margin: 0px 3px !important;
    }
   .banner-section {
     padding-top: 120px !important;
     margin-top: -60px !important;
   } 

    .nav-btn {
        order: 2 !important;
        margin-right: 20px !important;
    }

    .navbar-toggler {
        order: 3 !important;
    }

   .title-pill {
        font-size: 14px !important;
        margin-top: 20px;
        margin-bottom: 20px;
   }

   .banner-text {
        font-size: 60px;
        width: 100% !important;
   }

   .banner-subtext {
        font-size: 15px !important;
        width: 100% !important;
        line-height: 174%;
   }

   .section-title {
        font-size: 56px;
        line-height: 96%;
   }

   .section-text {
        font-size: 15px !important;
        line-height: 174%;
        width: 100% !important;
   }

   .abt-card {
        margin-top: 10px;
        padding: 10px;
        border-radius: 10px;
        /* max-height: 400px; */
   }

   .aig-wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        height: auto;
        width: 100%;
   }

   .aig1 {
        height: 100% !important;
   }

   .aig2 {
        height: 100% !important;
   }

   .agc-h2 {
        font-size: 25px;
        line-height: 87%;
   }

   .agc-wrap {
        text-align: right;
   }

   .abt-gradient-card {
        margin-bottom: 10px;
        border-radius: 10px;
        padding: 10px;
        p {
            font-size: 10px;
            width: 90%;
        }

        img {
            width: 18px;
            height: 18px;
        }
    }

    .agc-img {
        border-radius: 10px;
        object-fit: cover;
    }

    .process-tab {
        padding: 15px;
        border-radius: 10px !important;
    }

    .process-tab.active {
        border-radius: 10px !important;
    }

    .process-card {
        border-radius: 10px !important;
        padding: 10px;
    }

    .pc-main {
        border-radius: 10px !important;
        padding: 10px;
    }

    .ls1 {
        font-size: 16px;
    }

    .mm-img {
        border-radius: 10px;
        border: 6px solid #fff;
        img {
            border-radius: 10px;
        }
    }

    .floating-msg {
        border: 6px solid #fff;
        border-radius: 10px;
        max-width: 100px;
    }

    .fm-wrap1 {
        left: 3px;
        top: 20px;
    }

    .fm-wrap2 {
        right: 3px;
        bottom: 20px;
        max-width: 120px !important;
    }

    .fm1 {
        padding: 10px;
        border-radius: 5px;
        h2 {
            font-size: 23px;
            line-height: 87%;
        }

        p {
            font-size: 10px;
            line-height: 100%;
        }
    }

    .fm2 {
        padding: 10px;
        border-radius: 5px;
        h2 {
            font-size: 19px;
            line-height: 95%;
        }

        span {
            font-size: 10px;
            line-height: 100%;
        }
    }

    .ls3 {
        font-size: 15px;
        line-height: 140%;
    }

    .footer {
        padding: 60px 10px
    }

    .footer-text {
        font-size: 14px;
        line-height: 140%;
    }

    .footer-form {
        margin-top: 20px;
    }

    .subscribe-form {
        height: 60px;
        border-radius: 8px;
        margin-bottom: 20px;
    }

    .btn {
        height: 40px;
        font-size: 14px;
        border-radius: 8px;
    }

    .sf-input {
        font-size: 14px;
    }

    .link-container {
        padding: 8px 8px;
        margin: 5px;
    }

    .lc-nav {
        font-size: 12px;
    }

    section {
        margin: 0px 5px !important;
    }

    .com-card {
        margin: 10px 20px;
        height: 350px;
        border-radius: 20px;
    }

    .com-card-inner {
        border-radius: 20px;
    }

    .el-list {
        li {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 15px;
        }
    }

    .note-title {
        font-size: 20px !important;
        line-height: 87% !important;
    }

    .note-text {
        font-size: 14px !important;
        line-height: 174% !important;
        width: 100% !important;
    }

    .application-section {
        padding: 20px;
    }

    .app-section-pill {
        font-size: 18px !important;
        margin: 20px auto !important;
        padding: 20px;
        display: block !important;
    }

    .app-section-num {
        padding: 10px 10px;
        display: block !important;
        width: fit-content !important;
        margin-bottom: 10px;
    }

    .app-section-text {
        padding: 10px 0px;
    }

    .fm-label {
        line-height: 174% !important;
    }

    .fm-label-small {
        line-height: 150% !important;
    }

    .banner-text2 {
        font-size: 40px;
        line-height: 101%;
    }
}

@media (max-width: 576px) {
    .title-pill {
        font-size: 10px !important;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}