@media screen and (max-width: 1680px) {
    .xl-heading {
        font-size: 66px;
    }
    /* banner */
}

@media screen and (max-width: 1500px) {	
    .custom-wrapper {
        max-width: 1200px;
    }
    /* banner */
    .banner .f1 {
        max-width: 500px;
    }
    .bg .b1,
    .s2.v2 .f4,
    .s2.v3 .f2,
    .s2.v4 .floating-img img,
    .s3 .f1,
    .s4 .f4,
    .s2.v5 .f1,
    .s7 .f1 {
        max-width: 700px;
    }
    .bg .b2,
    .s2.v2 .f2,
    .s2.v3 .f1,
    .s2.v5 .f2,
    .s7 .f2 {
        max-width: 600px;
    }
    /* s1 */
    .s1 .logo {
        scale: 1.1;
    }
    /* s2 */
    .s2 .colmn .img-wrapper {
        scale: unset;
    }
    .s2 .context {
        padding: 10px;
    }
    /* s4 */
    .s4 .f3 {
        max-width: 500px;
    }
    /* s5 */
    .s5 .title-area:before {
        scale: 1.9;
    }
}

@media screen and (max-width: 1440px) {
    .custom-wrapper {
        max-width: 1100px;
    } 
    .xl-heading {
        font-size: 60px;
    }
    .md-heading {
        font-size: 54px;
    }
    .sm-heading {
        font-size: 40px;
    }
    .font-xl {
        font-size: 44px;
    }
    h1, .h1 {
        font-size: 38px;
    }
    h2, .h2 {
        font-size: 33px;
    }
    h3, .h3 {
        font-size: 28px;
    }
    h4, .h4 {
        font-size: 22px;
    }
    h6, .h6, .md-txt {
        font-size: 18px;
    }
    p, a, li, button, input {
        font: 400 18px/26px 'DM Sans', sans-serif;
    }
    /* banner */
    .banner {
        padding: 130px 15px 50px;
    }
    .banner .title-area h1:before {
        right: 200px;
        height: 40px;
    }
    .banner .title-area {
        margin: 0 auto 30px;
    }
    .banner .vid-wrap, .s11 .vid-wrap {
        max-width: 950px;
        /* padding: 90px; */
    }
    .banner .vid-wrap:before, .s11 .vid-wrap:before {
        transform: scaleY(0.89);
    }
    .banner .p2 {
        left: 89% !important;
    }
    /* btbn-wrap */
    .btn-wrap.v1 {
        padding-top: 20px;
    }
    /* s1 */
    .s1 {
        padding: 30px 15px;
    }
    .s1  .title-area {
        margin: 0 auto 30px;
    }
    .s1 .content-wrapper:before {
        scale: 1.1;
    }
    .s1 .logo {
        scale: 1;
    }
    .s1 .colmn-1 {
        right: -30px;
    }
    .s1 .colmn-2 {
        left: -30px;
    }
    .s1 .colmn p {
        max-width: 440px;
    }
    /* s2 */
    .s2 .title-area {
        max-width: 800px;
    }
    /* s3 */
    .s3 .content {
        max-width: 800px;
        padding: 30px;
    }
    .s3 .con-bg:not(:last-child) {
        margin-bottom: 30px;
    }
    .s3 .con-bg, .s3 .content {
        border-radius: 30px;
    }
    /* s5 */
    .s5 .title-area:before {
        scale: 2;
    }
    .s5 .content-wrapper .img-wrapper {
        scale: 1.15;
        transform-origin: 50% -80%;
    }
    .s5 .f2 {
        right: 100px;
    }
    /* s6 */
    .s6 .content {
        flex: 0 0 45%;
        max-width: 50%;
        padding: 30px;
    }
    .s6 .content-wrap {
        justify-content: center;
        gap: 60px;
    }
    .s6 .content:not(:last-child):before {
        display: none;
    }
    /* test */
    .test .colmn {
        padding: 20px;
        border-radius: 30px;
    }
    .test .colmn img, .testimony .colmn img {
        height: 95px !important;
        width: 95px !important;
    }
    .testimony .colmn {
        padding: 20px;
    }
    /* s22 */
    .s22 .tbl-content {
        padding: 30px 50px;
    }
    /* faq */
    .faq .content-wrapper {
        max-width: 800px;
        gap: 60px;
    }
    .faq .content {
        padding: 20px;
    }
    /* s9 */
    .s9 .title-area {
        margin: 0 auto 30px !important;
    }
    .s9 .row:not(:last-child) {
        margin-bottom: 30px;
    }
    .s9 .colmn-2 .img-wrapper {
        scale: unset !important;
    }
    .s9.v1 .colmn-2 .img-wrapper:hover {
        scale: 1.05 !important;
    }
    .s9 .floating-img img {
        max-width: 500px;
    }
    /* s10 */
    .s10 .content-wrapper {
        gap: 25px;
    }
    /* s12 */
    .s12 .colmn {
        flex: 0 0 48%;
        max-width: 50%;
    }
    .s12 .cw1 {
        display: none;
    }
    .s12 .cw2 {
        display: flex;
        max-width: 950px;
    }
    .s12 .con-head {
        padding: 20px;
    }
    .s12 .con-body {
        padding: 20px;
        height: 180px;
    }
    /* s13 */
    .s13 {
        padding: 20px 15px 50px;
    }
    /* s14 */
    .s14 .content-wrapper {
        max-width: 1000px;
    }
    .s14 .row {
        padding: 20px;
    }
}

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

@media screen and (max-width: 1280.98px) {
    .custom-wrapper,
    .s18 .custom-wrapper {
        max-width: 1000px;
    }
    .xl-heading {
        font-size: 58px;
    }
    .md-heading {
        font-size: 44px;
    }
    .sm-heading {
        font-size: 35px;
    }
    .font-xl {
        font-size: 42px;
    }
    h2, .h2 {
        font-size: 32px;
    }
    /* s22 */
    .s22 fieldset {
        padding: 0 15px 50px;
    }
    .s22 legend .img-wrapper {
        max-width: 120px;
        padding: 25px;
    }
    .s22 fieldset .img-wrapper.v2 {
        max-width: 350px;
        margin: 0 auto;
    }
    .s22 .tbl-content {
        padding: 20px 40px;
    }
    .s22 .tbl-body:before {
        height: 50%;
    }
    h1, .h1 {
        font-size: 36px;
    }
    h3, .h3 {
        font-size: 26px;
    }
    h4, .h4 {
        font-size: 20px;
    }
    h6, .h6, .md-txt {
        font-size: 16px;
    }
    p, a, li, button, input {
        font: 400 16px/26px 'DM Sans', sans-serif;
    }
    /* banner */
    .banner h3 {
        max-width: 700px;
        margin: 0 auto;
    }
    /* s1 */
    .s1 .content-wrapper:before {
        scale: 1;
    }
    .s1 .colmn-1 {
        right: 0;
    }
    .s1 .colmn {
        flex: 0 0 46%;
        max-width: 50%;
    }
    .s1 .logo {
        scale: 0.85;
    }
    .s1 .colmn-2 {
        left: -15px;
    }
    .s1 .colmn p {
        max-width: 370px;
    }
    .s1 .colmn .content p:before,
    .s1 .colmn .content p:after {
        width: 350px;
    }
    /* s2 */
    .s2 .title-area {
        max-width: 700px;
        margin: 0 auto 30px;
    }
    .s2 .row:not(:last-child) {
        margin-bottom: 30px;
    }
    .bg .b1, .s2.v2 .f4, .s2.v3 .f2, .s2.v4 .floating-img img, .s3 .f1, .s4 .f4, .s2.v5 .f1, .s7 .f1,
    .s9 .floating-img img ,
    .bg-v2 .floating-img img,
    .s2.v6 .floating-img img {
        max-width: 500px;
    }
    /* s3 */
    .s3 .title-area {
        margin: 30px auto;
    }
    /* s4 */
    .s4 .content-wrapper {
        max-width: 900px;
        gap: 50px;
    }
    /* s5 */
    .s5 {
        padding: 60px 15px 100px;
    }
    .s5 .title-area:before {
        scale: 1.8;
        bottom: -70px;
        left: -27px;
    }
    /* .s5 .title-area .img-wrapper {
        padding: 25px;
    } */
    /* s8 */
    .s8 .title-area,
    .s10 .title-area,
    .s11 .title-area {
        margin: 0 auto 30px;
    }
    /* s11 */
    .s11 .con-head, .s11 .con-body {
        padding: 20px;
    }
    .s11 .content-wrapper {
        row-gap: 30px;
    }
    /* s13 */
    .s13 fieldset {
        border-radius: 30px;
        padding: 20px;
        max-width: 800px;
        padding-top: unset;
    }
    .s13 legend {
        margin: 0 auto 70px;
    }
    .s13 legend .img-wrapper img.v1 {
        width: 650px;
    }
    .s13 th,
    .s13 td {
        padding: 15px;
    }
    .s13 .tbl-bg, .s13 .tbl {
        border-radius: 20px;
    }
    .s13 th:not(:first-child) {
        max-width: 22%;
        width: 22%;
    }
    .s13 td:not(:first-child):before {
        height: 25px;
        width: 25px;
    }
    /* s14 */
    .s14 .row {
        padding: 20px 15px;
        border-radius: 30px;
    }
    .s14 .content:after {
        font-size: 70px;
        left: -10px;
    }
}

@media screen and (max-width: 1024.98px) {
    .custom-wrapper, .s18 .custom-wrapper {
        max-width: 85%;
    }
    .xl-heading {
        font-size: 50px;
    }
    .md-heading {
        font-size: 42px;
    }
    .sm-heading {
        font-size: 32px;
    }
    .font-xl {
        font-size: 40px;
    }
    h1, .h1 {
        font-size: 32px;
    }
    h2, .h2 {
        font-size: 24px;
    }
    h3, .h3 {
        font-size: 24px;
    }
    .sm-txt {
        font-size: 14px;
    }
    /* s22 */
    .s22 fieldset {
        border-radius: 30px 30px 70px 70px;
    }
    .s22 .tbl-body:after, .s22 .tbl-bottom {
        border-radius: 0 0 30px 30px;
    }
    .s22 li:before {
        height: 20px;
        width: 20px;
    }
    .s22 li {
        padding-left: 30px;
    }
    .s22 .tbl-content {
        padding: 20px 30px;
    }
    /* test */
    .testimony,
    .test,
    .s2
    .s23,
    .faq {
        padding: 30px 15px;
    }
    .test .title-area,
    .testimony .title-area {
        margin: 0 auto 30px;
    }
    /* banner */
    .banner .f1 {
        max-width: 350px;
    }
    /* btn-wrap */
    .btn-wrap {
        padding: 30px 15px;
    }
    .btn-wrap .custom-wrapper:before {
        scale: 1;
    }
    /* s1 */
    .s1 .colmn {
        flex: 0 0 49%;
        max-width: 50%;
    }
    .s1 .logo {
        display: none;
    }
    .s1 .colmn-1 .content:nth-child(even),
    .s1 .colmn-1 .content:nth-child(3) {
        margin-right: unset;
    }
    .s1 .colmn-2 .content:nth-child(even),
    .s1 .colmn-2 .content:nth-child(3) {
        margin-left: unset;
    }
    /* s2 */
    .s2 .colmn h4 {
        padding: 5px 10px;
    }
    .s2 .context {
        padding: 5px;
    }
    /* s3 */
    .s3 .title-area {
        margin: 30px auto;
    }
    .s3 .content {
        max-width: 600px;
        padding: 20px;
    }
    .s3 .con-bg, .s3 .content {
        border-radius: 20px;
    }
    /* s4 */
    .s4 .content-wrapper {
        gap: 30px;
    }
    /* s5 */
    /* .s5 .title-area {
        gap: 30px;
    } */
    .s5 .title-area h1 {
        letter-spacing: 6px;
        font-size: 30px;
    }
    /* .s5 .title-area .img-wrapper {
        padding: 25px;
    } */
    .s5 .title-area:before {
        bottom: -70px;
        left: 15px;
    }
    .s5 .f2 {
        top: 200px;
    }
    /* s6 */
    .s6 .content {
        padding: 20px;
    }
    .s6 .content, .s6 .content:after {
        border-radius: 20px;
    }
    .s6 .con-head .img-wrapper {
        top: -45px;
        flex: 0 0 100px;
    }
    /* s7 */
    .s7 .title-area {
        margin: 0 auto 30px;
    }
    /* s9 */
    .s9 {
        padding: 30px 15px;
    }
    .s9 li:before {
        height: 20px;
        width: 20px;
    }
    .s9 li {
        padding-left: 30px;
    }
    /* btn-wrap */
    .btn-wrap.v2, .btn-wrap.v3 {
        padding: 50px 15px;
    }
    /* s13 */
    .s13 th:not(:first-child) {
        max-width: 0%;
        width: 10%;
    }
    /* s14 */
    .s14 .content:before {
        left: -25px;
        top: -30px;
        height: 170px;
        width: 170px;
    }
    .s14 .content-wrapper {
        row-gap: 70px;
    }
}

@media screen and (max-width: 991.98px) {
    .xl-heading {
        font-size: 44px;
    }
    .md-heading {
        font-size: 44px;
    }
    .font-xl {
        font-size: 38px;
    }
    h1, .h1 {
        font-size: 32px;
    }
    h2, .h2 {
        font-size: 30px;
    }
    h3, .h3 {
        font-size: 26px;
    }
    h5, .h5 {
        font-size: 20px;
    }
    /* test */
    .test .content-wrapper,
    .testimony .content-wrapper {
        max-width: 600px;
    }
    .test .colmn,
    .testimony .colmn {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .test .colmn-1 {
        margin-bottom: 25px;
    }
    /* s22 */
    .s22 .pricing-table {
        max-width: 70%;
    }
    .s22 .colmn-1 {
        scale: unset;
    }
    .s22 .tbl-content {
        padding: 30px 60px;
    }
    /* faq */
    .faq .title-area {
        margin: 0 auto 30px;
    }
    .faq .content-wrapper {
        gap: 30px;
    }
    .faq .content:before {
        display: none;
    }
    .faq .content {
        border: 3px solid #c058ffff;
        filter: drop-shadow(0 0 5px #eec1ffff);
        border-radius: 26px;
    }
    /* banner */
    .banner {
        padding: 50px 15px 30px;
    }
    .banner .custom-wrapper,
    .s11 .custom-wrapper {
        max-width: 900px;
    }
    .banner .scene img {
        display: none;
    }
    .banner .title-area {
        margin: 0 auto 30px;
    }
    .banner .title-area h1:before {
        width: 300px;
        bottom: 5px;
    }
    .banner .vid-wrap:before,
    .s11 .vid-wrap:before {
        display: none;
    }
    .banner .vid-wrap, .s11 .vid-wrap {
        /* padding: 15px; */
        border-radius: 20px;
        max-width: 90%;
        overflow: hidden;
    }
    .banner .spin-grad,
    .s11 .spin-grad {
        display: block;
    }
    .floating-img img {
        display: none;
    }
    /* btn-wrap */
    .btn-wrap .custom-wrapper:before {
        scale: 1.1;
        transform: scaleX(1);
    }
    /* s1 */
    .s1 .custom-wrapper,
    .custom-wrapper {
        max-width: 80%;
    }
    .s1 .colmn {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .s1 .colmn-2 {
        left: unset;
    }
    .s1 .colmn p {
        text-align: left;
        max-width: max-content;
        border-radius: unset;
        padding: unset;
        height: unset;
    }
    .s1 .colmn .content p:before, .s1 .colmn .content p:after {
        display: none;
    }
    .s1 .colmn-1 p {
        order: 2;
    }
    .s1 .colmn-1 p,
    .s1 .colmn-2 p {
        background: unset;
    }
    .s1 .colmn .img-wrapper {
        margin-right: 15px !important;
    }
    .s1 .colmn-1 .img-wrapper {
        transform-origin: unset;
        margin-right: unset;
        right: unset;
    }
    .s1 .colmn-2 .img-wrapper {
        margin-right: unset;
        left: unset;
    }
    .s1 .colmn .content {
        margin-right: unset !important;
        border-radius: 15px;
        background: linear-gradient(to right, rgba(169,27,69,1) 0%,rgba(31,4,108,1) 100%);
        border: 1px solid rgba(169 27 69);
        padding: 10px;
    }
    .s1 .colmn .content:not(:last-child) {
        margin-bottom: 25px;
    }
    .s1 .colmn-1 .content {
        justify-content: left;
    }
    .s1 .content-wrapper:before {
        display: none;
    }
    .s1 .colmn-1 {
        margin-bottom: 25px;
    }
    .s1 .colmn-2 .content {
        margin-left: unset !important;
    }
    /* s2 */
    .s2,
    .s8 {
        padding: 30px 15px;
    }
    .s2 .context {
        padding: 10px;
    }
    /* s4 */
    .s4 .title-area {
        margin: 0 auto 30px;
    }
    /* s5 */
    .s5 {
        padding: 50px 15px 70px;
    }
    .s5 .title-area:before {
        display: none;
    }
    /* s6 */
    .s6 .content-wrap {
        max-width: 75%;
        margin: 0 auto;
    }
    .s6 .content {
        flex: 0 0 100%;
        max-width: 100%;
    }
    /* s10 */
    .s10 .content-wrapper {
        max-width: 50%;
    }
    /* s11 */
    .s11 .title-area {
        max-width: 800px;
    }
    .s11 .content-wrapper {
        max-width: 60%;
    }
    .s11 .con-head .img-wrapper {
        flex: 0 0 60px;
    }
    .s11 .con-bg, .s11 .content {
        border-radius: 20px;
    }
    .s11 .con-bg,
    .s12 .colmn {
        flex: 0 0 100%;
        max-width: 100%;
    }
    /* s12 */
    .s12 .cw2 {
        max-width: 60%;
    }
    .s12 .con-body {
        height: auto;
    }
    .s12 .content:before {
        display: none;
    }
    /* s14 */
    .s14 .content:before,
    .s14 .content:after {
        display: none;
    }
    .s14 .content-wrapper {
        row-gap: 30px;
        max-width: 700px;
    }

}

@media screen and (max-width: 832.98px) {
    .s1 .custom-wrapper, .custom-wrapper {
        max-width: 85%;
    }
    .xl-heading {
        font-size: 42px;
    }
    .md-heading {
        font-size: 42px;
    }
    .font-xl {
        font-size: 34px;
    }
    h1, .h1 {
        font-size: 30px;
    }
    h2, .h2 {
        font-size: 28px;
    }
    h3, .h3 {
        font-size: 24px;
    }
    h4, .h4 {
        font-size: 22px;
    }
    h5, .h5 {
        font-size: 18px;
    }
    /* banner */
    .banner .title-area {
        max-width: 80%;
    }
    .banner .title-area h1:before {
        right: 200px;
    }
    /* s5 */
    /* .s5 .title-area {
        gap: 25px;
        flex-direction: column;
    } */
    /* s6 */
    .s6 {
        padding: 30px 15px;
    }
    /* s9 */
    .s9.v5 {
        background: unset;
    }
    /* s13 */
    .s13 .custom-wrapper {
        max-width: 100% ;
    }
    .s13 fieldset {
        padding: 10px;
        padding-top: unset;
    }
    .s13 legend .img-wrapper img.v1{
        max-width: 550px;
    }
    .s13 th, .s13 td {
        padding: 10px;
    }
    .s13 .tbl-bg {
        padding: 1px;
    }
    /* s14 */
    .s14 {
        padding: 30px 15px;
    }
    .s14 .row {
        padding: 20px 5px;
        border-radius: 20px;
        border: 2px solid #54007B;
    }
    /* btn-wrap */
    .btn-wrap .custom-wrapper:before {
        scale: 1.2;
        transform: scaleX(0.9);
    }
    .btn-wrap a {
        padding: 10px;
    }
    /* s22 */
    .s22 .pricing-table {
        max-width: 80%;
    }
    /* s23 */
    .s23 {
        padding: 40px 15px;
    }
}

@media screen and (max-width: 768.98px) {
    .xl-heading {
        font-size: 40px;
    }
    .md-heading {
        font-size: 40px;
    }
    .sm-heading {
        font-size: 28px;
    }
    .font-xl {
        font-size: 32px;
    }
    h1, .h1 {
        font-size: 26px;
    }
    h4, .h4 {
        font-size: 20px;
    }
    /* banner */
    .banner .title-area {
        max-width: 90%;
    }
    .banner .title-area h1:before {
        right: 250px;
    }
    .banner .title-area span.v2 {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        display: flex;
    }
    .banner .vid-wrap,
    .s11 .vid-wrap {
        padding: 10px;
        border-radius: 15px;
        max-width: 95%;
    }
    /* btn-wrap */
    .btn-wrap .custom-wrapper:before {
        scale: 1.6;
        transform: scaleX(0.7);
    }
    .btn-wrap  span {
        display: flex;
        justify-content: center;
    }
    /* s22 */
    .s22 .pricing-table {
        max-width: 90%;
    }
    /* faq */
    .faq .content {
        border: 2px solid #c058ffff;
        border-radius: 15px;
        padding: 15px;
    }
    /* s1 */
    .s1 .custom-wrapper,
    .s2 .custom-wrapper,
    .custom-wrapper,
    #s8 .content-wrap {
        max-width: 80%;
    }
    /* s2 */
    .s2 .md-heading {
        line-height: 1.2;
    }
    /* s4 */
    .s4 {
        padding: 30px 15px;
    }
    /* s6 */
    .s6 .content-wrapper {
        max-width: 70%;
    }
    .s6 .content-wrap {
        gap: 40px;
    }
    .s6 .content {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 20px;
    }
    /* s10 */
    .s10 .content-wrapper {
        max-width: 70%;
    }
    /* s11 */
    .s11,
    .s12 {
        padding: 30px 15px;
    }
    .s11 .title-area {
        max-width: 600px;
    }
    /* s12 */
    .s12 .cw2 {
        max-width: 75%;
    }
    .s12 .colmn .content:not(:last-child) {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 640.98px) {
    .font-xl {
        font-size: 30px;
    }
    .sm-heading {
        font-size: 26px;
    }
    .faq h3 {
        font-size: 20px;
    }
    /* banner */
    .banner .title-area h1:before {
        right: 200px;
    }
    .banner .title-area span.v2 {
        display: unset;
    }
    .banner .title-area .date {
        padding: 10px;
        border-radius: 10px;
    }
    /* test */
    .test .title-area {
        padding: 10px;
        border-radius: 15px;
        border: 1px solid #fff;
    }
    /* s3 */
    .s1 .custom-wrapper, .s2 .custom-wrapper, .custom-wrapper, #s8 .content-wrap {
        max-width: 85%;
    }
    .s1 .colmn p {
        height: unset;
    }
    /* s2 */
    .s2 .bot-wrap .text-wrapper {
        padding: 10px;
    }
    .s2 .bot-wrap, .s2 .bot-wrap .text-wrapper {
        border-radius: 20px;
    }
    /* btn-wrap */
    .btn-wrap .custom-wrapper:before {
        display: none;
    }
    /* s3 */
    .s3 {
        padding: 30px 15px;
    }
    /* s8 */
    .s8 .title-area h2 {
        padding: 2px 20px;
    }
    /* s9 */
    .s9 {
        padding: 30px 15px;
    }
    /* s10 */
    .s2 .title-area span.v2, .s4 .title-area span.v1, .s6 .title-area span, .s7 .title-area span, .s10 .title-area h1:first-of-type, .s12 .title-area h1 {
        padding: 0 10px;
        border-radius: 10px;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
    }
    /* s11 */
    .s11 .content-wrapper {
        max-width: 80%;
    }
    .s11 .con-head .img-wrapper {
        flex: 0 0 50px;
        margin-right: 15px;
    }
    /* s12 */
    .s12 .cw2 {
        max-width: 85%;
    }
    /* s13 */
    .s13 .h4 {
        font-size: 16px;
    }
    .sm-txt {
        font-size: 12px;
    }
    /* s22 */
    .s22 .pricing-table {
        max-width: 80%;
    }
}

@media screen and (max-width: 575.98px) {
    .xl-heading {
        font-size: 36px;
    }
    .md-heading {
        font-size: 38px;
    }
    .sm-heading {
        font-size: 24px;
    }
    .font-xl {
        font-size: 28px;
    }
    h1, .h1 {
        font-size: 28px;
    }
    h2, .h2 {
        font-size: 26px;
    }
    /* s22 */
    .s22 .pricing-table {
        max-width: 100%;
    }
    .s22 .title-area {
        margin: 0 auto 30px;
    }
    .s22 .tbl-content {
        padding: 30px 40px;
    }
    /* banner */
    .banner .title-area {
        max-width: 100%;
    }
    .banner .title-area h1:before {
        width: 280px;
        bottom: 3px;
        right: 180px;
    }
    .banner .title-area span.v2:before {
        display: none;
    }
    .banner .vid-wrap, .s11 .vid-wrap {
        padding: 5px;
        max-width: 100%;
    }
    /* s1 */
    .s1 .custom-wrapper, .s2 .custom-wrapper, .custom-wrapper,
    #s8 .content-wrap {
        max-width: 90%;
    }
    /* s10 */
    .s10 .content-wrapper {
        max-width: 100%;
    }
    /* s11 */
    .s11 .content-wrapper {
        max-width: 80%;
    }
    /* s12 */
    .s12 .cw2 {
        max-width: 90%;
    }
    /* s13 */
    .s13 legend .img-wrapper img.v1 {
        max-width: 500px;
    }
    .s13 td:not(:first-child):before {
        height: 15px;
        width: 15px;
    }
    .s13 {
        padding: 0 15px 30px;
    }
}

@media screen and (max-width: 440.98px) {
    .xl-heading {
        font-size: 26px;
    }
    .md-heading {
        font-size: 28px;
    }
    .sm-heading {
        font-size: 22px;
    }
    .font-xl {
        font-size: 24px;
    }
    h1, .h1 {
        font-size: 22px;
    }
    h2, .h2 {
        font-size: 22px;
    }
    h3, .h3 {
        font-size: 22px;
    }
    h4, .h4 {
        font-size: 18px;
    }
    h5, .h5 {
        font-size: 16px;
    }
    /* test */
    .test .title-area {
        border-radius: unset;
        max-width: 95%;
    }
    .testimony, .test, .s22,
    .faq {
        padding: 30px 0;
    }
    .test .custom-wrapper,
    .testimony .custom-wrapper,
    .s22 .custom-wrapper,
    .faq .custom-wrapper {
        max-width: 100%;
    }
    .test .colmn {
        padding: 10px;
        border-radius: unset;
    }
    .test .bot-wrap {
        max-width: 100%;
        border-radius: unset;
        justify-content: center;
    }
    .testimony .content-wrapper {
        max-width: 100%;
        padding: 0 20px;
    }
    .testimony .colmn {
        padding: 10px;
        border-radius: unset;
        border: 1px solid #EB6F55;
    }
    /* faq */
    .faq .title-area {
        padding: 0 10px;
    }
    .faq .content {
        border: 1px solid #c058ffff;
        border-radius: unset;
        padding: 10px;
    }
    .faq .head .img-wrapper {
        flex: 0 0 50px;
        margin-right: 10px;
    }
    /* s22 */
    .s22 fieldset {
        padding: 0 15px 50px;
        border-top: 1px solid #fff;
    }
    .s22 .tbl-body:before {
        width: 100%;
    }
    .s22 .tbl-body:after, .s22 .tbl-bottom {
        border-radius: unset;
    }
    .s22 .colmn-2 fieldset {
        border-top: 1px solid #BAA074;
    }
    /* banner */
    .banner .title-area h1:before {
        width: 200px;
        bottom: -3px;
        right: 130px;
    }
    .banner .title-area .date {
        max-width: max-content;
        background: linear-gradient(135deg, rgba(184,0,21,1) 0%,rgba(66,0,163,1) 100%);
        margin: 0 auto;
        padding: 5px 10px;
        border-radius: unset;
    }
    /* s1 */
    .s1 {
        padding: 30px 0;
    }
    .s1 .custom-wrapper {
        max-width: 100%;
    }
    .s1 .colmn .content {
        border-radius: unset;
    }
    .s1 .colmn-1 .content:nth-child(even),
    .s1 .colmn-2 .content:nth-child(odd) {
        background: unset;
        border: unset;
    }
    .s1 .colmn .content:not(:last-child),
    .s1 .colmn-1 {
        margin-bottom: unset;
    }
    /* s2 */
    .s2 .context,
    .s2 .bot-wrap, .s2 .bot-wrap .text-wrapper {
        border-radius: unset;
    }
    .s2 .bot-wrap {
        padding: 1px;
    }
    .s2 .custom-wrapper,
    .custom-wrapper,
    .s17 .custom-wrapper,
    .s19 .custom-wrapper,
    #s8 .content-wrap {
        max-width: 95%;
    }
    /* btn-wrap */
    .btn-wrap .custom-wrapper:before {
        display: none;
    }
    .btn-wrap a h3 {
        font-size: 20px;
    }
    .btn-wrap a {
        padding: 10px;
    }
    /* s3 */
    .s3 .con-bg, .s3 .content {
        border-radius: unset;
    }
    .s3 .content {
        max-width: 600px;
        padding: 10px;
    }
    /* s5 */
    .s5 {
        padding: 40px 15px;
    }
    .s5 .title-area h1 {
        font-size: 24px;
    }
    /* s6 */
    .s6 {
        padding: 30px 0 0;
    }
    .s6 .content-wrap,
    .s6 .custom-wrapper {
        max-width: 100%;
    }
    .s6 .title-area {
        margin: 0 auto 30px;
        padding: 0 15px;
    }
    .s6 .content {
        padding: 10px;
    }
    .s6 .step p:last-of-type {
        font-size: 65px;
    }
    .s6 .con-head .img-wrapper {
        top: unset;
        flex: 0 0 70px;
    }
    .s6 .content-wrap {
        gap: 2px;
    }
    .s6 .content, .s6 .content:after {
        border-radius: unset;
    }
    .s6 .cont-2,
    .s6 .cont-2:after {
        background: unset;
    }
    /* s8 */
    .banner .vid-wrap, .s8 .vid-wrap {
        padding: 5px;
        border-radius: 10px;
    }
    .banner .in-vid, .s8 .in-vid {
        border-radius: 10px;
    }
    /* btn-wrap */
    .btn-wrap.v2, .btn-wrap.v3 {
        padding: 30px 15px;
    }
    /* s9 */
    .s9 .title-area h3 {
        padding: 4px 10px;
        border-radius: unset;
    }
    /* s10 */
    .s10 .content {
        padding: 10px;
    }
    .s10 .con-bg, .s10 .content {
        border-radius: unset;
    }
    /* s11 */
    .s11 {
        padding: 30px 0 0;
    }
    .s11 .title-area {
        padding: 0 15px;
    }
    .s11 .content-wrapper {
        max-width: 100%;
        row-gap: unset;
    }
    .s11 .con-head, .s11 .con-body {
        padding: 10px;
    }
    .s11 .con-bg, .s11 .content {
        border-radius: unset;
    }
    .s11 .con-bg {
        padding: 1px;
    }
    /* s12 */
    .s12 .con-head,
    .s12 .con-body {
        padding: 10px;
    }
    .s12 .cw2 {
        max-width: 100%;
    }
    /* s13 */
    .s13,
    .s14 {
        padding: unset;
    }
    .s13 fieldset,
    .s13 .tbl-bg, .s13 .tbl {
        border-radius: unset;
    }
    
    .s13 .h4 {
        font-size: 14px;
    }
    .s13 legend {
        margin: 0 auto 30px;
        top: unset;
    }
    .s13 legend .img-wrapper img.v1g {
        display: none;
    }
    .s13 legend .title-area {
        position: relative;
        top: unset;
        background: linear-gradient(to bottom, rgba(93,0,149,1) 0%,rgba(147,1,163,1) 100%);
        padding: 10px;
        border: 1px solid #fff;
    }
    /* s14 */
    .s14 .custom-wrapper {
        max-width: 100%;
    }
    .s14 .content-wrapper {
        row-gap: unset;
    }
    .s14 .row {
        padding: 15px 0;
        border-radius: unset;
        border: 1px solid #54007B;
    }
    .s14 .colmn-1 .con-head {
        border-radius: 5px;
        padding-right: 10px;
    }
    .s14 .colmn-1 .img-wrapper {
        padding: 10px !important;
    }
}

@media screen and (max-width: 375.98px) {
    .xl-heading {
        font-size: 22px;
    }
    .md-heading {
        font-size: 26px;
    }
    .sm-heading {
        font-size: 20px;
    }
    .font-xl {
        font-size: 26px;
    }
    /* banner */
    .banner .title-area {
        max-width: 100%;
    }
    .banner .title-area h1:before {
        display: none;
    }
    .banner .title-area h6 {
        letter-spacing: 3px;
        margin: 10px auto;
    }
    .banner .vid-wrap, .s11 .vid-wrap {
        padding: 3px;
        border-radius: unset;
    }
    .banner .in-vid, .s11 .in-vid {
        border-radius: unset;
    }
    /* s1 */
    .s1 .custom-wrapper, .s2 .custom-wrapper, .custom-wrapper, .s17 .custom-wrapper, .s19 .custom-wrapper,
    .s8 .title-area, #s8 .content-wrap {
        max-width: 100%;
    }
    /* btn-wrap */
    .btn-wrap {
        padding: 10px 15px;
    }
    .btn-wrap a h3 {
        font-size: 16px;
    }
    /* s2 */
    .s2 .colmn h4 {
        border-radius: unset;
    }
    .s2 .title-area span.v2, .s4 .title-area span.v1, .s6 .title-area span, .s7 .title-area span, .s10 .title-area h1:first-of-type, .s12 .title-area h1 {
        padding: 0 5px;
        border-radius: unset;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
    }
    /* s8 */
    .s8 .title-area h2 {
        border-radius: unset;
    }
    /* s10 */
    .s10 {
        padding: 30px 15px;
    }
    /* s12 */
    .s12 .title-area {
        margin: 0 auto 30px;
    }
    .s12 .con-body .img-wrapper {
        flex: 0 0 50px;
        margin-right: 15px;
    }
    .s12 .con-body:before {
        width: 50px;
    }
    /* s13 */
    .s13 th, .s13 td {
        padding: 5px;
    }
    .s13 fieldset {
        padding: unset;
        padding-top: unset;
    }
}