@media screen and (max-width: 1680px) {
}

@media screen and (max-width: 1500px) {	
    section {
        padding: 50px 15px;
    }
    .navbar .custom-wrapper {
        max-width: 1200px !important;
    }
    .custom-wrapper {
        max-width: 1100px !important;
    }
    .sm-heading {
        font-size: 50px;
    }
    .font-sm {
        font-size: 36px;
    }
    h1, .h1 {
        font-size: 42px;
    }
    h2, .h2 {
        font-size: 40px;
    }
    h3, .h3 {
        font-size: 30px;
    }
    h4, .h4 {
        font-size: 28px;
    }
    .row:not(:last-child) {
        margin-bottom: 50px;
    }
    /* banner */
    .banner .p1 {
        left: 8% !important;
    }
    .banner .p2 {
        left: 79% !important;
    }
    .vid-wrap {
        max-width: 1000px;
    } 
     /*s1  */
     .s1 .colmn {
        padding: 20px;
    }
    .btn-wrap a {
        max-width: 900px;
    }
    .btn-wrap .img-wrapper {
        max-width: 70%;
        margin: 0 auto;
    }
    /* s4 */
    .s4 .f1, .s4 .f2 {
        width: 300px;
    }
    .s4 .content-wrapper {
        margin: 100px auto 30px;
    }
    .s4 .floating-img img {
        top: -80px;
        height: 60px;
    }
    .s4 .f1 {
        left: 170px;
    }
    .s4 .f2 {
        right: 170px;
    }
    .s4 .colmn {
        max-width: 32%;
    }
    /* s6 */
    .s6 .f1 {
        left: 100px;
        max-width: 220px;
        width: 100%;
    }
    .s6 .f2 {
        width: 100%;
        max-width: 200px;
    }
    /* s7 */
    .s7 .f1, .s7 .f2, .s7 .f3 {
        top: 130px;
    }
    .s7 .f1 {
        left: 170px;
    }
    .s7 .f2 {
        right: 170px;
    }
    #s7 .content {
        flex: 0 0 33.33%;
        max-width: 33%;
        padding: 60px 20px 20px;
    }
    #s7 .row {
        margin: 150px auto 30px;
    }
    .s7.v2 .f1,
    .s7.v2 .f2 {
        max-width: 380px;   
    }
    .s7.v2 .f1 {
        left: 380px !important;
    }
    .s7.v2 .f2 {
        right: 380px !important;
    }
    /* s8 */
    .s8 .content-wrapper {
        padding: 30px;
        padding-top: 0;
    }
    .s8 .icons {
        max-width: 100%;
    }
    .s8 .content {
        padding: 30px 30px 80px;
    }
    .s8 .content .img-wrapper::before {
        height: 400px;
        width: 400px;
    }
    .s8 .content .title-area {
        margin: 0 auto 100px;
    }
    /* s9 */
    .s9 .content {
        padding: 15px;
    }
    /* s12 */
    .s12 .custom-wrapper {
        max-width: 1200px !important;
    }
    .s12 .content-wrapper {
        padding: 30px 70px;
    }
    .s12 .f1 {
        left: -60px;
        max-width: 50px;
    }
    .s12 .row:not(:last-child)::after {
        bottom: -40px;
        height: 50px;
        width: 500px;
    }
    .s12 .row:nth-child(even)::after {
        bottom: -50px !important;
    }
    /* s14 */
    .s14.v2::before {
        top: -160px;
    }
    .s14.v4 .title-area {
        max-width: 80%;
    }
    /* s15 */
    .s15 .row {
        padding: 30px;
    }
    /* s16 */
    .s16 .row:not(:last-child) {
        margin-bottom: 120px;
    }
    .s16 .row:before {
        transform: scaleX(1.2);
    }
    /* s17 */
    .s17 .title-area .floating-img img {
        bottom: -30px;
        height: 140px;
    }
    .s17 .colmn {
        padding: 15px;
    }
    /* tbl */
    .tbl .colmn {
        padding: 30px 50px;
    }
}

@media screen and (max-width: 1440px) {
    .md-heading {
        font-size: 70px;
    }
    .sm-heading {
        font-size: 44px;
    }
    .font-sm {
        font-size: 30px;
    }  
    p, a, li, button, input {
        font: 400 16px/26px 'Poppins', sans-serif;
    }
    h1, .h1 {
        font-size: 32px;
    }
    h2, .h2 {
        font-size: 34px;
    }
    h3, .h3 {
        font-size: 26px;
    }
    h4, .h4 {
        font-size: 22px;
    }
    h5, .h5 {
        font-size: 22px;
    }
    section {
        padding: 30px 15px;
    }
    .custom-wrapper {
        max-width: 1000px !important;
    }
    .title-area {
        margin: 0 auto 30px;
    }
    br {
        display: none;
    }
    .top {
        gap: 15px;
        padding: 10px 15px;
    }
    .row:not(:last-child) {
        margin-bottom: 30px;
    }
    /* banner */
    .banner {
        padding: 130px 15px 0;
    }
    .banner .logo {
        max-width: 25%;
        margin: 0 auto;
    }
    .vid-wrap {
        max-width: 750px;
    }
    .scene img {
        width: 140px;
        height: auto;
        top: 20px;
    }
    .banner .p1 {
        left: 15% !important;
    }
    .banner .p2 {
        left: 75% !important;
    }
    .banner .title-area {
        max-width: 950px;
    }
    /* s1 */
    .s1 .colmn {
        padding: 20px;
    }
    .s1 .row {
        max-width: 100%;
    }
    /* btn-wrap */
    .btn-wrap .b1,
    .btn-wrap .b2 {
        top: -10px;
        max-width: 60px;
    }
    .btn-wrap .b1 {
        left: -80px;
    }
    .btn-wrap .b2 {
        right: -80px;
    }
    .btn-wrap a {
        max-width: 80%;
    }
    .rad-blue::before, .rad-sky::before {
        height: 300px;
        width: 300px;
    }
    /* s3 */
    /* s4 */
    .s4 .f1, .s4 .f2 {
        width: 290px;
        top: -70px;
    }
    .s4 .floating-img img {
        top: -80px;
        height: 50px;
    }
    .s4 .f1 {
        left: 170px;
    }
    .s4 .f2 {
        right: 170px;
    }
    .s4 .head .img-wrapper {
        flex: 0 0 60px;
    }
    .s4 .head {
        gap: 15px;
    }
    .s4 .bot-wrap {
        padding: 20px;
    }
    /* s5 */
    .s5.v2 .title-area {
        max-width: 80%;
    }
    /* s6 */
    .s6 .f1 {
        bottom: 300px;
    }
    .s6 .f2 {
        top: 200px;
    }
    /* s7 */
    .s7 .f1, .s7 .f2, .s7 .f3 {
        top: 130px;
    }
    .s7 .f1 {
        left: 160px;
    }
    .s7 .f2 {
        right: 160px;
    }
    .s7 .f1,
    .s7 .f2 {
        max-width: 300px;
    }
    .s7 .f3 {
        height: 110px;
    }
    .s7 .row {
        margin-top: 150px;
    }
    .s7.v2 .f1, .s7.v2 .f2 {
        max-width: 280px;
    }
    .s7.v2 .f1 {
        left: 300px !important;
    }
    .s7.v2 .f2 {
        right: 300px !important;
    }
    /* s8 */
    .s8 .title-area {
        max-width: 70%;
    }
    .s8 .content-wrapper {
        padding: 20px;
        padding-top: 0;
    }
    .s8 .content {
        padding: 30px;
    }
    .s8 .icons {
        max-width: 100%;
    }
    .s8 .content .title-area {
        margin: 0 auto 50px;
    }
    .s8 .content .img-wrapper::before {
        height: 300px;
        width: 300px;
    }
    .s8 .content .row:not(:last-child) {
        margin-bottom: 70px;
    }
    /* s12 */
    .s12 .content-wrapper {
        padding: 30px;
    }
    .s12 .row:not(:last-child) {
        margin-bottom: 60px;
    }
    .s12 .btn-wrap {
        max-width: 70%;
        margin: 0 auto;
    }
    /* s13 */
    .s13.v1.bg-90::before {
        top: 30px;
    }
    .s13.v1 .img-wrapper::before {
        height: 250px;
        width: 250px;
    }
    /* s14 */
    .s14 .title-area {
        max-width: 80%;
    }
    .s14.v4 .f1 {
        left: -250px;
        top: -250px;
    }
    /* s15 */
    .s15 .row {
        padding: 20px 10px;
        border-radius: 40px;
    }
    /* s16 */
    .s16 .row:before {
        transform: scaleX(1);
        left: 20px;
    }
    .s16 .title-area {
        margin: 0 auto 70px;
    }
    /* tbl */
    .tbl .colmn {
        padding: 20px 30px;
    }
    /* faq */
    .faq .colmn {
        padding: 20px;
        row-gap: 30px;
    }
    .faq .content h5 {
        font-size: 18px;
    }
    .faq .top {
        padding: 10px;
        border-radius: 10px;
    }
}

@media screen and (max-width: 1366.98px) {

}

@media screen and (max-width: 1280.98px) {
    .custom-wrapper {
        max-width: 1000px !important;
    }
    .md-heading {
        font-size: 90px;
    }
    .sm-heading {
        font-size: 42px;
    }
    .font-sm {
        font-size: 28px;
    }
    h1, .h1 {
        font-size: 32px;
    }
    h3, .h3 {
        font-size: 26px;
    }
    h5, .h5 {
        font-size: 20px;
    }
    p, a, li, button, input {
        font: 400 18px/26px 'Poppins', sans-serif;
    }
    /* banner */
    .navbar .custom-wrapper {
        max-width: 1000px !important;
    }
    .time-wrapper iframe {
        top: -10px;
    }
    .banner .p1 {
        left: -3% !important;
        scale: 0.8;
    }
    .banner .p2 {
        scale: 0.8;
    }
    /* s1 */
    .s1 .colmn {
        padding: 20px;
    }
    /* s4 */
    .s4.v1 .floating-img {
        display: none;
    }
    .s4 .content-wrapper {
        margin: 40px auto;
    }
    .s4 .colmn {
        flex: 0 0 48%;
        max-width: 50%;
    }
    .s4 .colmn .content:not(:last-child) {
        margin-bottom: 30px;
    }
    .s4 .colmn .content:not(:last-child)::before {
        display: none;
    }
    .s4 .row-1 {
        display: none;
    }
    .s4 .row-2 {
        display: flex;
    }
    /* s7 */
    .s7 .floating-img {
        display: none;
    }
    #s7 .row {
        margin: 50px auto;
        justify-content: space-evenly;
        row-gap: 30px;
    }
    #s7 .content {
        flex: 0 0 50%;
        max-width: 47%;
        padding: 30px;
    }
    #s7 .head {
        position: relative;
        top: unset;
        margin: 0 auto 25px;
    }
    /* s8 */
    .s8 .colmm {
        flex: 0 0 33.33%;
        max-width: 31%;
    }
    /* s9 */
    .s9 .content {
        flex: 0 0 50% !important;
        max-width: 48% !important;
    }
    .s9 .content.c10 .head {
        max-width: unset;
    }
    .s9 .content:last-child {
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
    /* s12 */
    .s12 .content-wrapper .row:nth-child(even)::before {
        height: 120%;
    }
    /* s14 */
    .s14.v4 .f1 {
        left: -260px;
        top: -250px;
    }
    /* s16 */
    .s16 .row:before {
        transform: unset;
        left: 10px;
    }
    .bg-red {
        padding: 5px 10px;
    }
    /* s17 */
    .s17 .title-area .floating-img img {
        height: 160px;
    }
    .s17 .t1 {
        left: -240px;
    }
    .s17 .t2 {
        right: -240px;
    }
    /* tbl */
    .tbl .colmn {
        padding: 30px;
    }
    /* faq */
    .faq .colmn {
        padding: 20px;
    }
}


@media screen and (max-width: 1024.98px) {
    .custom-wrapper {
        max-width: 85% !important;
    }
    .md-heading {
        font-size: 70px;
    }
    .sm-heading {
        font-size: 38px;
    }   
    h1, .h1 {
        font-size: 28px;
    }
    h2, .h2 {
        font-size: 26px;
    }
    h3, .h3 {
        font-size: 22px;
    }
    p, a, li, button, input {
        font: 400 16px/26px 'Poppins', sans-serif;
    }
    .font-sm {
        font-size: 24px;
    }
    /* banner */
    .parallax-banner {
        display: none;
    }
    /* s1 */
    .s1 .colmn .img-wrapper {
        flex: 0 0 60px;
    }
    .s1 .colmn:before {
        border-radius: 20px;
    }
    .s1 .colmn {
        padding: 15px;
    }
    /* btnt-wrap */
    .btn-wrap a {
        padding: 25px;
    }
    .btn-wrap .img-wrapper img {
        width: 100%;
    }
    .row:not(:last-child) {
        margin-bottom: 50px;
    }
    /* s4 */
    .s4 .bot-wrap {
        max-width: 100%;
        padding: 20px;
        border-radius: 20px;
    }
    .s4 .colmn .content:not(:last-child) {
        height: 170px;
    }
    /* s6 */
    .s6 .title-area .img-wrapper {
        max-width: 65%;
        margin: 0 auto;
    }
    .s6 .title-area .img-wrapper img {
        width: 100%;
    }
    /* s8 */
    .s8 .content {
        padding: 20px;
    }
    .s8 .content .img-wrapper::before {
        height: 250px;
        width: 250px;
    }
    .s8 .colmm {
        flex: 0 0 33.33%;
        max-width: 30%;
    }
    .s8 .icons .img-wrapper {
        border-radius: 20px;
    }
    /* s12 */
    .s12 .custom-wrapper {
        max-width: 900px !important;
    }
    .s12 .f1 {
        display: none;
    }
    .s12 .row:not(:last-child)::after {
        display: none;
    }
    .s12 .content-wrapper {
        padding: 15px;
    }
    /* s16 */
    .s16 .title-area {
        margin: 0 auto 60px;
    }
    .s16 .row:before {
        left: 0px;
        transform: scaleX(0.9);
    }
    .s16 .row:not(:last-child) {
        margin-bottom: 100px;
    }
    /* s17 */
    .s17 .title-area .floating-img img {
        display: none;
    }
    .s17 .top {
        max-width: 100%;
    }
    .s17 .top span {
        display: flex;
    }
    .s17 li::before {
        top: 2px;
        height: 20px;
        width: 20px;
    }
    /* tbl */
    .tbl .colmn-1 {
        scale: 0.95;
    }
    .tbl .colmn {
        padding: 20px;
        border-radius: 30px;
    }
    .tbl li::before {
        height: 20px;
        width: 20px;
    }
    /* faq */
    .faq .row {
        max-width: 90%;
        margin: 0 auto;
        background: #0A0D24;
        border-radius: 30px;
        padding: 40px;
        gap: 25px;
    }
    .faq .colmn {
        max-width: 100%;
        flex: 0 0 100%;
        row-gap: 30px;
        background: unset;
        padding: unset;
    }
}

@media screen and (max-width: 991.98px) {
    .custom-wrapper {
        max-width: 80% !important;
    }
    .md-heading {
        font-size: 60px;
    }
    .sm-heading {
        font-size: 36px;
    }
    h1, .h1 {
        font-size: 30px;
    }
    h4, .h4 {
        font-size: 24px;
    }
    h5, .h5 {
        font-size: 20px;
    }
    /* banner */
    .banner {
        padding: 130px 15px 0;
    }
    /* s1 */
    .s1 .f1 {
        display: none;
    }
    /* s4 */
    .s4 .row-2 {
        max-width: 75%;
    }
    .s4 .colmn {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .s4 .colmn .content:not(:last-child) {
        margin-bottom: 25px;
        height: auto;
    }
    .s4 .text-wrap::before {
        width: 10px;
    }
    /* s6 */
    .s6 .f1, .s6 .f2 {
        display: none;
    }
    /* s7 */
    #s7 .row {
        margin: 30px auto;
    }
    #s7 .content {
        flex: 0 0 50%;
        max-width: 48%;
        padding: 10px;
    }
    /* s8 */
    .s8 .title-area.v1 {
        max-width: 100%;
    }
    .s8 .title-area.v1 h5 {
        max-width: 70%;
        margin: 0 auto;
    }
    .s8 .content .row:not(:last-child) {
        margin-bottom: 50px;
    }
    .s8 .content .img-wrapper::before {
        height: 300px;
        width: 300px;
    }
    /* s9 */
    .s9 .f1 {
        max-width: 50px;
    }
    /* s10 */
    .s10 .colmn-2 img {
        width: 80%;
    }
    /* s12 */
    .s12 .custom-wrapper {
        max-width: 80% !important;
    }
    .s12 .title-area {
        max-width: 100%;
    }
    .s12 .row:not(:last-child) {
        margin-bottom: 30px;
    }
    .s12 .content-wrapper .row:nth-child(even)::before {
        height: 110%;
    }
    .s12 .bot-wrap {
        max-width: 100%;
        margin: 50px auto;
    }
    .s12 .floating-img img {
        max-width: 40px;
    }
    .s12 .bot-wrap .t1 {
        left: -50px;
    }
    .s12 .bot-wrap .t2 {
        right: -50px;
    }
    /* s13 */
    .s13 .bot-wrap {
        max-width: 90%;
    }
    .s13.v1 .bot-wrap h5::before {
        width: 10px;
    }
    /* s14 */
    .s14 .colmn-2 img {
        width: auto;
    }
    .s14.v4 .f1 {
        display: none;
    }
    /* s16 */
    .s16 .title-area {
        margin: 0 auto 30px;
    }
    .s16 .row:not(:last-child) {
        margin-bottom: 30px;
    }
    .s16 .row {
        background: linear-gradient(to right, #1a0006, #090033);
        border-radius: 30px;
        padding: 20px 10px;
        border: 2px solid #540572;
        max-width: 90%;
        margin: auto;
    }
    .s16 .row:before {
        display: none;
    }
    /* s17 */
    .s17 .row {
        max-width: 90%;
        margin: 0 auto;
        row-gap: 30px;
    }
    .s17 .colmn {
        padding: 25px;
        max-width: 100%;
        flex: 0 0 100%;
    }
    .s17 .top span {
        display: unset;
    }
    .s17 .f1 {
        display: none;
    }
    /* tbl */
    .tbl .row {
        max-width: 70%;
        margin: 0 auto;
    }
    .tbl .tbl-head {
        border-radius: 20px;
    }
    .tbl .colmn {
        padding: 20px;
        border-radius: 20px;
        max-width: 100%;
        flex: 0 0 100%;
    }   
    .tbl .colmn-1 {
        scale: unset;
        margin-bottom: 25px;
    }
    /* faq */
    .faq .row {
        padding: 20px;
    }

}

@media screen and (max-width: 832.98px) {
    section {
        padding: 30px 15px;
    }
    .md-heading {
        font-size: 50px;
    }
    .sm-heading {
        font-size: 34px;
    }
    h1, .h1 {
        font-size: 28px;
    }
    h4, .h4 {
        font-size: 22px;
    }
    h5, .h5 {
        font-size: 18px;
    }
    /* s1 */
    .s1 .row {
        box-shadow: 0 0 20px rgba(0 0 0 / 80%);
        backdrop-filter: blur(14px);
        border: 1px solid rgb(255 255 255 / 50%);
        padding: 20px;
        border-radius: 30px;
        gap: 25px;
    }
    .s1 .colmn {
        flex: 0 0 100%;
        max-width: 100%;
        padding: unset;
    }
    .s1 .colmn:before,
    .s1 .f1 {
        display: none;
    }
    .top {
        padding: 10px;
    }
    .icon-bg {
        min-height: 30px;
        min-width: 30px;
    }
    /* s2 */
    .s2.v2 .floating-img {
        display: none;
    }
    /* s4 */
    .s4 .row-2 {
        max-width: 80%;
    }
    /* btn-wrap */
    .btn-wrap a {
        max-width: 100%;
        padding: 15px;
        border-radius: 10px;
    }
    .btn-wrap a::before {
        left: -5px;
        bottom: -5px;
        border-radius: 10px;
    }
    .s1 .btn-wrap .img-wrapper,
    .faq .btn-wrap .img-wrapper {
        max-width: 90%;
    }
    .btn-wrap .img-wrapper {
        max-width: 80%;
    }
    .btn-wrap .b1, .btn-wrap .b2 {
        max-width: 40px;
    }
    .btn-wrap .b1 {
        left: -60px;
    }
    .btn-wrap .b2 {
        right: -60px;
    }
    /* s7 */
    .s7 .row {
        margin-top: unset;
        row-gap: 30px;
    }
    .s7 .head {
        position: relative;
        top: unset;
        margin: 0 auto 25px;
    }
    #s7 .content {
        flex: 0 0 100%;
        max-width: 100%;
        border-radius: 20px;
    }
    /* s8 */
    .s8 .content-wrapper::before {
        border-radius: 25px;
    }
    .s8 .title-area {
        max-width: 100%;
    }
    .s8 .content-wrapper {
        padding: 10px;
        padding-top: 0;
    }
    .s8 .colmm {
        flex: 0 0 50%;
        max-width: 47%;
    }
    /* s9 */
    .s9 .content-wrapper {
        row-gap: 30px;
        max-width: 80%;
    }
    .s9 .content {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    /* s12 */
    .s12 .floating-img img {
        display: none;
    }
    .s12 .floating-img img {
        max-width: 30px;
    }
    /* s16 */
    .s16 .row {
        max-width: 100%;
    }
    /* tbl */
    .tbl .row {
        max-width: 85%;
    }
    /* s14 */
    .s14.v4 .title-area {
        max-width: 100%;
    }
    /* faq */
    .faq .row {
        max-width: 100%;
    }
}

@media screen and (max-width: 768.98px) {
    .custom-wrapper {
        max-width: 85% !important;
    }
    .xl-heading {
        font-size: 90px;
    }
    .sm-heading {
        font-size: 30px;
    }
    h1, .h1 {
        font-size: 24px;
    }
    /* banner */
    .banner h4 {
        font-size: 18px;
    }
    .row:not(:last-child) {
        margin-bottom: 30px;
    }
    /* s2 */
    .s2.v1 .top span {
        display: flex;
        margin: 0 auto;
    }
    /* s7 */
    .s8 .title-area.v1 h5 {
        max-width: 80%;
    }
    /* s9 */
    .s9 .f1 {
        display: none;
    }
    /* s10 */
    .s10 .colmn-2 img {
        width: auto;
    }
    /* s12 */
    .s12 .row:not(:last-child) {
        margin-bottom: 50px;
    }
    /* s13 */
    .s13.v1 .img-wrapper::before {
        height: 250px;
        width: 250px;
    }
    
}

@media screen and (max-width: 640.98px) {
    .md-heading {
        font-size: 50px;
    }
    .sm-heading {
        font-size: 26px;
    }
    h1, .h1 {
        font-size: 22px;
    }
    h3, .h3 {
        font-size: 22px;
    }
    h4, .h4 {
        font-size: 20px;
    }
    /* banner */
    .banner .logo {
        max-width: 35%;
    }
    .banner h4 {
        font-size: 16px;
    }
    .vid-wrap {
        padding: 5px;
        border-radius: unset;
    }
    .inner-vid {
        border-radius: unset;
    }
    /* btn-wrap */
    .btn-wrap .monu {
        font-size: 18px;
    }
    .btn-wrap a {
        max-width: 100%;
        padding: 15px;
        border-radius: 10px;
    }
    .btn-wrap a::before {
        left: -5px;
        bottom: -5px;
        border-radius: 10px;
    }
    .btn-wrap h2 span {
        display: flex;
        justify-content: center;
    }
    .btn-wrap .b1, .btn-wrap .b2 {
        display: none;
    }
    .btn-wrap .img-wrapper img {
        max-width: 100%;
    }
    .btn-wrap .img-wrapper {
        max-width: 90%;
    }
    /* s4 */
    .s4 .row-2 {
        max-width: 100%;
        gap: 25px;
    }
    /* s8 */
    .s8 .icons {
        row-gap: 15px;
    }
    .s8 .colmm {
        flex: 0 0 50%;
        max-width: 48%;
    }
    .s8 .title-area.v1 h5 {
        max-width: 90%;
    }
    /* s9 */
    .s9 .content-wrapper {
        max-width: 100%;
    }
    /* s17 */
    .s17 .row {
        max-width: 100%;
    }
    /* tbl */
    .tbl .row {
        max-width: 100%;
    }
    /* faq */
    .faq .top {
        max-width: 100%;
    }
}

@media screen and (max-width: 575.98px) {
    .custom-wrapper {
        max-width: 90% !important;
    }
    .xl-heading {
        font-size: 70px;
    }
    .md-heading {
        font-size: 32px;
    }
    .sm-heading {
        font-size: 22px;
    }
    .font-sm {
        font-size: 22px;
    }
    h4, .h4 {
        font-size: 18px;
    }
    /* banner */
    .vid-wrap {
        max-width: 900px;
        padding: 5px;
        border-radius: unset;
    }
    .inner-vid {
        border-radius: unset;
    }
    /* btn-wrap */
    .btn-wrap .img-wrapper {
        max-width: 100%;
    }
    .btn-wrap .monu {
        max-width: 70%;
        margin: 0 auto;
    }
    /* s1 */
    .s1 .row {
        padding: 15px;
        border-radius: 20px;
    }
    .top {
        max-width: 100%;
        border-radius: 10px;
        box-shadow: 0 0 10px #FE1A1A;
        justify-content: center;
    }
    /* btn-wrap */
    .btn-wrap .top span {
        display: flex;
        margin: 0 auto;
    }
    /* s4 */
    .s4 .bot-wrap {
        padding: 10px;
        border-radius: 10px;
    }
    /* s6 */
    .s6 .title-area .img-wrapper {
        max-width: 55%;
    }
    /* s7 */
    .s7 .content {
        padding: 15px;
    }
    /* s8 */
    .s8 .title-area.v1 h5 {
        max-width: 100%;
    }
    .s8 .content {
        padding: 15px;
        border-radius: 15px;
    }
    .s8 .content-wrapper {
        padding: 10px;
    }
    .s8 .content-wrapper::before {
        height: 100%;
        border-radius: 20px;
    }
    .s8 .voice-control img {
        height: 40px;
        width: 40px;
    }
    /* s10 */
    .s10 .colmn p.grad-txt-v2 {
        padding: 0 6px;
        border-radius: 5px;
        display: block;
        text-align: center;
        margin: 0 auto;
        max-width: max-content;
    }
    /* s10 */
    .s10 .btn-wrap .monu {
        max-width: 75%;
    }
    /* s13 */
    .s13 .bot-wrap {
        max-width: 100%;
    }
    /* s15 */
    .s15 .row, .s16 .row {
        border-radius: 20px;
        padding: 15px 0;
    }
    /* s17 */
    .s17 .colmn {
        padding: 15px;
    }
}

@media screen and (max-width: 440.98px) {
    section {
        padding: 30px 15px;
    }
    .xl-heading {
        font-size: 60px;
    }
    .md-heading {
        font-size: 25px;
    }
    h2, .h2 {
        font-size: 20px;
    }
    h3, .h3 {
        font-size: 20px;
    }
    h5, .h5 {
        font-size: 16px;
    }
    .custom-wrapper {
        max-width: 95% !important;
    }
    .bg-red {
        padding: 1px 5px;
        border-radius: unset;
    }
    .blackbar .img-wrapper {
        max-width: 50%;
    }
    /* banner */
    .banner .logo {
        max-width: 50%;
    }
    /* s1 */
    .s1 {
        padding: 30px 0;
    }
    .s1 .custom-wrapper {
        max-width: 100% !important;
    }
    .s1 .row {
        padding: 10px;
        border-radius: unset;
        border: unset;
        box-shadow: unset;
    }
    .s1 .btn-wrap {
        padding: 0 15px;
    }
    .bg-90::before {
        height: 100%;
        width: 100%;
        border-radius: unset;
    }
    /* s2 */
    .s2.v2 .title-area .img-wrapper {
        filter: drop-shadow(0 0 5px #FE1A1A);
    }
    .s2.v2 .title-area span {
        display: flex;
        justify-content: center;
    }
    .s2 li::before, .s5 li::before {
        height: 17px;
        width: 17px;
    }
    .s2 li, .s5 li {
        padding-left: 30px;
    }
    .rad-blue::before, .rad-sky::before {
        height: 200px;
        width: 200px;
    }
    /* s4 */
    .s4.v1 {
        padding: 30px 0 0;
    }
    .s4 .bot-wrap {
        margin: 0 15px;
    }
    /* s7 */
    .s7 .custom-wrapper {
        max-width: 100% !important;
    }
    .s7 .row {
        row-gap: unset !important;
    }
    .s7 .content {
        padding: 10px !important;
        border-radius: unset !important;
    }
    #s7 .content:nth-child(2) {
        background: unset;
    }
    #s7 .content:nth-child(2) * {
        color: #fff;
    }
    .s7 .content:nth-child(2) {
        background: unset;
    }
    /* s8 */
    .s8 {
        padding: 30px 0 0;
    }
    .s8 .custom-wrapper {
        max-width: 100% !important;
    }
    .s8 .title-area.v1 {
        padding: 0 15px;
    }
    .s8 .colmm {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .s8 .icons {
        margin: 0 auto 30px;
    }
    .s8 .icons .img-wrapper {
        border-radius: 30px;
    }
    .s11.s8 {
        padding: 30px 15px;
    }
    .s8 .content-wrapper::before {
        border-radius: unset;
    }
    .s8 .content {
        padding: 10px;
        border-radius: unset;
    }
    .s8 .content .title-area {
        margin: 0 auto 30px;
    }
    .s8 .content .img-wrapper::before {
        height: 250px;
        width: 250px;
    }
    /* s9 */
    .s9 {
        padding: 30px 0 0;
    }
    .s9 .custom-wrapper {
        max-width: 100% !important;
    }
    .s9 .content-wrapper {
        gap: unset;
    }
    .s9 .content {
        padding: 10px;
        border-radius: unset;
    }
    .s9 .content:nth-child(even) {
        background: unset;
        filter: unset;
    }
    /* s11 */
    .s11 .row {
        row-gap: 20px;
    }
    /* s13 */
    .s13.v1.bg-90::before {
        top: 0;
    }
    .s13.v1 .img-wrapper::before {
        height: 200px;
        width: 200px;
    }
    /* s15 */
    .s15 {
        padding: 30px 0;
    }
    .s15 .row, .s16 .row {
        border-radius: unset;
        border: unset;
    }
    .s15 .row:nth-child(1),
    .s16 .row:nth-child(even) {
        background: unset;
        margin-bottom: unset;
    }
    /* s16 */
    .s16 {
        padding: 30px 0 0;
    }
    .s16 .custom-wrapper {
        max-width: 100% !important;
    }
    /* s17 */
    .s17 {
        padding: 30px 0 0;
    }
    .s17 .custom-wrapper {
        max-width: 100% !important;
    }
    .s17 .colmn {
        padding: 10px;
        border-radius: unset;
    }
    .s17 li::before {
        height: 17px;
        width: 17px;
    }
    .s17 li {
        padding-left: 25px;
    }
    /* tbl */
    .tbl {
        padding: 30px 0 0;
    }
    .tbl .custom-wrapper {
        max-width: 100% !important;
    }
    .tbl .colmn {
        padding: 10px;
        border-radius: unset;
    }
    .tbl .tbl-head {
        padding: 10px;
        border-radius: unset;
    }
    /* faq */
    .faq {
        padding: 30px 0;
    }
    .faq .custom-wrapper {
        max-width: 100% !important;
    }
    .faq .row {
        padding: 10px;
        border-radius: unset;
    }
    .faq .btn-wrap {
        padding: 0 15px;
    }
    .btn-wrap .img-wrapper {
        max-width: 100% !important;
    }
    
}

@media screen and (max-width: 375.98px) {
    .custom-wrapper {
        max-width: 100% !important;
    }
    .sm-heading {
        font-size: 20px;
    }
    .font-sm {
        font-size: 20px;
    }
    h1, .h1 {
        font-size: 20px;
    }
    h4, .h4 {
        font-size: 16px;
    }
    p, a, li, button, input {
        font: 400 14px/26px 'Poppins', sans-serif;
    }
    .title-area {
        margin: 0 auto 30px;
    }
    .blackbar .img-wrapper {
        max-width: 50%;
    }
    /* btn-wrap */
    .btn-wrap .monu {
        max-width: 100% !important;
    }
    .btn-wrap a {
        padding: 10px;
    }
    /* s4 */
    .s4.v1 .title-area {
        padding: 0 15px;
    }
    .s4 .content {
        padding: 10px;
    }
    .s4 .colmn .content:not(:last-child) {
        margin-bottom: unset;
    }
    /* s6 */
    .s6 .custom-wrapper {
        max-width: 95% !important;
    }
    /* s7 */
    .s7.v2 .title-area {
        padding: 0 15px;
    }
    /* s8 */
    .s8 .title-area {
        padding: 0 15px;
    }
    .s8 .icons img {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .s8 .content-wrapper {
        padding: unset;
    }
    .s8 .icons {
        gap: 15px;
        margin: 0 auto 10px;
        padding: 10px;
    }
    .s11.s8 .icons {
        padding: unset;
    }
    .s8 .content .img-wrapper::before {
        height: 200px;
        width: 200px;
    }
    .s8 .content .row:not(:last-child) {
        margin-bottom: 30px;
    }
    /* s11 */
    .s11 {
        padding: 30px 0;
    }
    .s11 .img-wrapper {
        max-width: 100%;
        flex: 0 0 100%;
    }
    /* s15 */
    .s15 {
        padding: 30px 10px;
    }
    /* s17 */
    .s17 .title-area {
        padding: 0 15px;
    }
    /* tbl */
    .tbl li {
        padding-left: 25px;
        margin-bottom: 15px;
    }
    .tbl li::before {
        height: 15px;
        width: 15px;
        top: 4px;
    }
    /* faq */
    .faq .content h5 {
        font-size: 16px;
    }
    .text-wrapper p:not(:last-child) {
        margin-bottom: 15px;
    }
    .icon-bg {
        border-radius: 5px;
    }
}