.your-element {
    margin-top: 0px !important;
}

.page-heading {
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25)) !important;
}

.page-bg {
    /*border-bottom: 20px solid #01b2c682;*/
    margin-bottom: 10px !important;
    border-top: 15px solid #01b2c600;
    border-radius: 1rem 1rem 1rem 1rem;
    background: #01b2c682 !important;
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25)) !important;
    /* border-top: 1px solid #f2f4f5;
    border-left: 1px solid #f2f4f5;
    border-width: 8px;
    border-radius: 1rem;*/
}
/*   body{
          background: linear-gradient(141deg, #0fb8ad 0, #1fc8db 51%, #2cb5e8 75%) !important;
        background: radial-gradient(circle at 14.16% 4.49%, #01b2c6, transparent 50%), radial-gradient(circle at 88.98% 25.19%, #009688, transparent 50%), radial-gradient(circle at 39.23% 96.82%, #B6E0CF, transparent 50%), radial-gradient(circle at 50% 50%, #ffffff, #ffffff 100%);
    } */

.background-container {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23f3f4f5" fill-opacity="1" d="M0,0L1440,224L1440,320L0,320Z"></path></svg>') no-repeat;
    background-size: cover; /* Proper scale karne ke liye */
}

.background-svg {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23f3f4f5" fill-opacity="0.99" d="M0,288L60,240C120,192,240,96,360,90.7C480,85,600,171,720,192C840,213,960,171,1080,128C1200,85,1320,43,1380,21.3L1440,0L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z"></path></svg>') no-repeat center;
    background-size: cover; /* Size adjust kare */
    border-radius: 0rem 1rem 0.4rem 0rem;
    height: 140px;
    margin-bottom: 10px;
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25)) !important;
    /* border-top: 1px solid #f2f4f5;
    border-left: 1px solid #f2f4f5;
    border-width: 8px;
    border-radius: 1rem;*/
}

.card {
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25)) !important;
}

.select2-container {
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25)) !important;
}

.form-control {
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25)) !important;
}

.form-group .custom-selectpicket {
    margin-top: 6px;
}
.accordion-item {
    overflow: unset !important;
}


@media (min-width: 300px) {
    .g-recaptcha {
        transform: scale(0.7);
        transform-origin: 0 0;
    }
    .page-bg {
        border-top: 0px solid #01b2c600;
    }
    .background-svg {
        height: 80px;
    }
    .smoke-controls-heading {
        font-size: 12px !important;
    }
}

@media (min-width: 350px) {
    .g-recaptcha {
        transform: scale(0.75);
        transform-origin: 0 0;
    }
    .smoke-controls-heading {
        font-size: 13px !important;
    }
}

@media (min-width: 351px) {
    .g-recaptcha {
        transform: scale(0.8);
        transform-origin: 0 0;
    }
}

@media (min-width: 400px) {
    .g-recaptcha {
        transform: scale(0.95);
        transform-origin: 0 0;
    }
    

    .background-svg {
        height: 100px;
    }
}

@media (min-width: 450px) {
    .g-recaptcha {
        transform: unset !important;
        transform-origin: 0 0;
    }
/*    .background-svg {
        height: 120px;
    }*/
    .page-bg {
        border-top: 5px solid #01b2c600;
    }
}
@media (min-width: 600px) {
    .page-bg {
        border-top: 8px solid #01b2c600;
    }

    .background-svg {
        height: 120px;
    }
}
@media (min-width: 767px) {
    .page-bg {
        border-top: 10px solid #01b2c600;
    }

    .background-svg {
        height: 140px;
    }
}