@media screen and (max-width: 1680px) {
    .custom-wrapper {
        max-width: 1300px;
    }
    .md-heading {
        font-size: 50px;
    }
    .sm-heading {
        font-size: 48px;
    }
    h1, .h1 {
        font-size: 36px;
    }
    h3, .h3 {
        font-size: 26px;
    }
    p, li{
        font: 400 18px/26px 'Poppins', sans-serif;
    }
    /* banner */
    .banner .p1 img {
        max-width: 400px;
    }
    .banner .p2 img {
        max-width: 300px;
    }
    .banner .p4 img {
        max-width: 500px;
    }
    .banner .p1 {
        top: 70% !important;
    }
    .banner .p2 {
        top: 35% !important;
    }
    .banner .p3 {
        left: -40% !important;
        top: 55% !important;
    }
    .banner .p4 {
        left: 85% !important;
        top: 45% !important;
    }
    .banner .p5 {
        left: -15% !important;
        top: 70% !important;
    }
    .banner .text-wrapper {
        max-width: 1010px;
    }
    .banner .bottom-div {
        transform: scaleX(1.7);
    }
    /* btn-wrap */
    #btn-wrap .custom-wrapper {
        max-width: 1100px;
    }
    /* s1 */
    .s1 .colmn {
        padding: 30px;
    }
    /* s2 */
    .s2.v2 .colmn-2 .img-wrapper,
    .s2.v4 .colmn-2 .img-wrapper,
    .s2.v7 .colmn-2 .img-wrapper {
        scale: 1.2;
        transform-origin: -10% 50%;
    }
    /* s4 */
    .s4 .colmn-2 .img-wrapper {
        transform-origin: 100% 50%;
        scale: 1.3;
    }
    /* s5 */
    .s5 .f1 {
        top: 50px;
        max-width: 300px;
    }
    .s5 .f2 {
        max-width: 400px;
    }
    /* s6 */
    .s6 .f2 {
        max-width: 250px;
    }
    .s6 .content-wrapper {
        max-width: 1100px;
    }
    .s6 .content {
        height: 420px;
    }
    .s6 .colmn-1 {
        padding: 20px;
    }
    /* s7 */
    .s7 .f1 {
        left: 30px;
        top: 30px;
        max-width: 200px;
    }
    .s7 .f2 {
        left: -150px;
        bottom: -250px;
        max-width: 700px;
    }
    .s7 .f3 {
        right: -200px;
        top: -250px;
        max-width: 600px;
    }
    .s7 .f4 {
        right: -30px;
        max-width: 250px;
    }
    /* s8 */
    .s8 .content-wrapper {
        padding: 40px;
    }
    .s8.v2 .title-area {
        max-width: 1100px;
    }
    .s8.v2  .text-wrap {
        border-radius: 0 0 40px 40px;
    }
    /* s9 */
    .s9 .head {
        max-width: max-content;
    }
    /* s13 */
    .s13 .row-1 .box {
        padding-left: 50px;
    }
    .s13 .row-2 .box {
        padding-right: 50px;
    }
    /* s14 */
    .s14 .title-area {
        margin: 0 auto 80px;
    }
    .s14 .row:not(:last-child) {
        margin-bottom: 100px;
    }
    .s14 .row {
        padding: 40px 40px 40px 0;
        max-width: 1250px;
    }
    .s14 .box {
        padding: 40px;
    }
    .s14 .row:before {
        left: -57px;
        top: -64px;
        height: 350px;
        width: 350px;
    }
    .s14 .row:after {
        left: -35px;
        top: -80px;
        font-size: 140px;
    }
    /* s16 */
    .s16 .title-area {
        max-width: 800px;
    }
    .s16 .content-wrapper {
        max-width: 1100px;
    }
    /* s17 */
    .s17 .title-area {
        max-width: 1110px;
    }
    /* faq */
    .faq .f1 {
        left: -350px;
        top: 250px;
        /* max-width: 300px; */
    }
}

@media screen and (max-width: 1500px) {	
    .custom-wrapper {
        max-width: 1200px;
    }
    .md-heading {
        font-size: 46px;
    }
    .sm-heading {
        font-size: 46px;
    }
    h1, .h1 {
        font-size: 32px;
    }
    h3, .h3 {
        font-size: 24px;
    }
    h4, .h4 {
        font-size: 22px;
    }
    /* banner */
    .banner .text-wrapper {
        max-width: 900px;
    }
    .banner .p2 {
        top: 10% !important;
        left: -10% !important;
    }
    .banner .p3 {
        left: -50% !important;
        top: 50% !important;
    }
    .banner .p4 {
        top: 35% !important;
    }
    .banner .p5 {
        left: -25% !important;
        top: 65% !important;
    }
    .banner .vid-wrap {
        max-width: 900px;
    }
    /* btn-wrap */
    #btn-wrap .custom-wrapper {
        max-width: 950px;
    }
    /* s2 */
    .s2.v1 .f1 {
        right: -30px;
        top: 30px;
        max-width: 250px;
    }
    .s2 .title-area {
        max-width: 950px;
    }
    .s2.v1 .title-area {
        max-width: 800px;
    }
    .s2.v2 .title-area {
        margin: 0 auto 50px;
    }
    .s2.v3 .f1 {
        bottom: -100px;
        max-width: 350px;
    }
    .s2.v5 .head .img-wrapper {
        flex: 0 0 80px;
    }
    .s2.v2 .colmn-2 .img-wrapper,
    .s2.v4 .colmn-2 .img-wrapper,
    .s2.v7 .colmn-2 .img-wrapper {
        scale: 1.3;
        transform-origin: 0% 50%;
    }
    .s2.v8 .colmn-2 .img-wrapper {
        scale: 1.3;
        transform-origin: 90% 50%;
    }
    /* s3 */
    .s3.v1 .f1 {
        left: -50px;
        top: 50px;
        max-width: 300px;
    }
    /* s5 */
    .s5 .f1 {
        top: 30px;
        max-width: 250px;
    }
    .s5 .f2 {
        max-width: 300px;
        right: -50px;
    }
    /* s6 */
    .s6 .f1 {
        left: 50px;
        top: 50px;
    }
    .s6 .content-wrapper {
        max-width: 1000px;
    }
    .s6 .content {
        padding: 20px;
        height: 380px;
    }
    /* s7 */
    .s7 .vid-wrap {
        max-width: 900px;
    }
    /* s8 */
    .s8.v2  .text-wrap {
        padding: 15px;
    }
    .s8.v2 .text-wrapper p {
        font-size: 16px;
    }
    /* s10 */
    .s10 .row:nth-child(odd) {
        padding-right: 30px;
    }
    .s10 .row:nth-child(even) {
        padding-left: 30px;
    }
    .s10 .row {
        padding: 30px 0;
    }
    .s10 .colmn-2:before {
        width: 97%;
    }
    /* s13 */
    .s13 .row-1 .box {
        padding-left: 40px;
    }
    .s13 .row-2 .box {
        padding-right: 40px;
    }
    .s13 .row-2 .colmn-2 .img-wrapper:before {
        scale: 1.2;
        left: -75px;
    }
    .s13 .row-1 .colmn-2 .img-wrapper:before {
        right: 10px;
    }
    /* s14 */
    .s14 .row {
        padding: 40px 30px 40px 0;
        max-width: 1150px;
    }
    .s14 .row:before {
        left: -52px;
        top: -59px;
        height: 320px;
        width: 320px;
    }
    .s14 .row:after {
        font-size: 130px;
    }
    .s14 .box {
        padding: 30px;
    }
    /* s16 */
    .s16 .content-wrapper {
        max-width: 1000px;
    }
    .s16 .context {
        padding-left: 120px;
        padding-right: 10px;
    }
    .s16 .box:before {
        right: 10px;
        width: 60px;
    }
    .s16 .head .img-wrapper {
        flex: 0 0 60px;
    }
    /* s17 */
    .s17 .tbl-body {
        padding: 40px 50px;
    }
    /* faq */
    .faq .f1 {
        left: -300px;
        top: 200px;
        max-width: 500px;
    }
}

@media screen and (max-width: 1440px) {
    .md-heading {
        font-size: 42px;
    }
    .sm-heading {
        font-size: 42px;
    }
    .custom-wrapper {
        max-width: 1100px;
    }
    h1, .h1 {
        font-size: 28px;
    }
    h3, .h3 {
        font-size: 22px;
    }
    h4, .h4 {
        font-size: 20px;
    }
    p, li {
        font: 400 16px/26px 'Poppins', sans-serif;
    }
    /* banner */
    .banner .title-area p.h1 {
        line-height: 1.6;
    }
    .banner .title-area {
        margin: 0 auto 30px;
    }
    .banner .p1 img {
        max-width: 300px;
    }
    .banner .p2 img {
        max-width: 250px;
    }
    .banner .p4 img {
        max-width: 400px;
    }
    .banner .p1 {
        left: -7% !important;
    }
    .banner .p2 {
        top: 30% !important;
        left: -3% !important;
    }
    .banner .p5 {
        left: -35% !important;
        top: 60% !important;
        opacity: .8;
    }
    /* btn-wrap */
    #btn-wrap .custom-wrapper {
        max-width: 850px;
    }
    /* s1 */
    .s1 .colmn {
        padding: 20px;
    }
    .s1 .content .img-wrapper {
        flex: 0 0 60px;
    }
    .s1 .colmn .content:not(:last-child) {
        margin-bottom: 20px;
    }
    /* test */
    .test .title-area,
    .s2 .title-area,
    .s3 .title-area,
    .s4 .title-area,
    .s5 .title-area,
    .s7 .title-area,
    .s9 .title-area,
    .s13 .title-area {
        margin: 0 auto 30px !important;
    }
    .test .colmn {
        padding: 20px;
        border-radius: 30px;
    }
    /* s2 */
    .s1,
    .test,
    .s2,
    .s3,
    .s4,
    .s5,
    .s7,
    .s8,
    .s9,
    .s13,
    .s14,
    .s16,
    .s17 {
        padding: 30px 15px;
        /* overflow: hidden; */
    }
    .s2.v1 .title-area {
        max-width: 710px;
    }
    .s2.v1 .f1 {
        right: -40px;
        top: 20px;
        max-width: 200px;
    }
    .s2 .title-area {
        max-width: 850px;
    }
    .s2.v5 .head .img-wrapper {
        flex: 0 0 70px;
    }
    .s2.v2 .colmn-2 .img-wrapper,
    .s2.v4 .colmn-2 .img-wrapper {
        transform-origin: 0% 50%;
    }
    .s2.v3 .f1 {
        bottom: -80px;
        max-width: 290px;
    }
    /* s3 */
    .s3.v1 .f1 {
        left: -60px;
        top: 30px;
        max-width: 250px;
    }
    .s3.v1 .f2 {
        right: 50px;
        bottom: 50px;
    }
    /* s4 */
    .s4 .colmn-2 .img-wrapper {
        transform-origin: 105% 50%;
        scale: 1.3;
    }
    /* s5 */
    .s5 .title-area {
        max-width: 700px;
    }
    .s5 .f1 {
        top: 20px;
        max-width: 200px;
    }
    .s5 .f2 {
        max-width: 250px;
        right: -40px;
    }
    .s5 .title-area .img-wrapper {
        max-width: 450px;
        margin: 0 auto;
    }
    .s5 .content-wrapper {
        margin-bottom: 80px;
    }
    /* s6 */
    .s6 .f1 {
        left: 30px;
        top: 30px;
    }
    .s6 .f2 {
        max-width: 220px;
        bottom: 50px;
    }
    .s6 .content:nth-child(odd) .text-wrapper {
        padding-left: 30px;
    }
    .s6 .content:nth-child(even) .colmn-1 {
        padding-right: 100px;
    }
    .s6 .content:nth-child(even) .text-wrapper {
        padding-right: 30px;
    }
    .s6 .content:nth-child(odd) .colmn-1 {
        padding-left: 100px;
    }
    .s6 .content {
        padding: 20px;
        height: 350px;
    }
    .s6 .colmn-1:before {
        transform: scaleY(1.1);
    }
    /* s7 */
    .s7 .f1 {
        max-width: 150px;
    }
    .s7 .f2 {
        left: -50px;
        bottom: -200px;
        max-width: 600px;
        opacity: 0.8;
    }
    .s7 .f3 {
        top: -190px;
        max-width: 550px;
    }
    .s7 .f4 {
        max-width: 200px;
    }
    /* s8 */
    .s8.v1 .content {
        grid-template-columns: repeat(3, 1fr);
    }
    .s8 .title-area {
        margin: 0 auto 30px;
        max-width: 850px;
    }
    .s8 .content-wrapper {
        padding: 30px;
        max-width: max-content;
        border-radius: 40px;
    }
    .s8.v2 .title-area .h1 {
        max-width: 700px;
    }
    .s8.v2 .title-area {
        max-width: 900px;
    }
    .s8.v2 .title-area h1 {
        line-height: 1.6;
    }
    .s8.v2 .con-1 {
        display: none;
    }
    .s8.v2 .con-2 {
        display: flex;
        max-width: 90%;
        margin: 0 auto;
    }
    .s8.v2 .colmn {
        flex: 0 0 48%;
        max-width: 50%;
    }
    .s8.v2  .text-wrap {
        height: 230px;
    }
    /* s9 */
    .s9 .row:not(:last-child),
    .s10 .row:not(:last-child),
    .s13 .content-wrapper:not(:last-child) {
        margin-bottom: 30px;
    }
    /* s10 */
    .s10 .colmn-2:before {
        width: 100%;
    }
    .s10 .row {
        padding: 20px 0;
    }
    .s10 .row:nth-child(even) {
        padding-left: 20px;
    }
    .s10 .row:nth-child(odd) {
        padding-right: 20px;
    }
    /* s13 */
    .s13 .row-1 .box {
        padding-left: 30px;
    }
    .s13 .row-2 .box {
        padding-right: 30px;
    }
    .s13 .row-1 .colmn-2 .img-wrapper:before {
        right: 0;
        scale: 1.2;
    }
    .s13 .row-2 .colmn-2 .img-wrapper:before {
        left: -60px;
    }
    /* s14 */
    .s14 .row {
        padding: 30px 30px 30px 0;
        max-width: 1100px;
    }
    .s14 .row:before {
        left: -56px;
        top: -64px;
        height: 350px;
        width: 350px;
    }
    .s14 .row:after {
        font-size: 135px;
    }
    /* s16 */
    .s16 .content-wrapper {
        transform-origin: -8500% 50%;
    }
    .s16 .content {
        padding: 20px;
    }
    .s16 .context {
        padding-left: 130px;
    }
    .s16 .box:before {
        right: 20px;
        width: 50px;
    }
    /* s17 */
    .s17 .title-area {
        max-width: 950px;
    }
    .s17 .tbl-start {
        scale: 0.98;
    }
    .s17 .tbl-body {
        padding: 20px 30px;
    }
    /* faq */
    .faq {
        padding: 30px 15px;
    }
    .faq .content {
        max-width: 800px;
        border-radius: 40px;
        padding: 20px;
    }
    .faq .head {
        padding: 15px;
        max-width: unset;
    }
    .faq .head .img-wrapper {
        flex: 0 0 60px;
    }
    .faq .content .text-wrapper {
        padding-left: 25px;
    }
    .faq .f1 {
        left: -200px;
        top: 300px;
        max-width: 400px;
    }
    .faq .f2 {
        right: 50px;
        bottom: -100px;
        max-width: 500px;
    }
}

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

@media screen and (max-width: 1280.98px) {
    .custom-wrapper {
        max-width: 1000px;
    }
    .md-heading {
        font-size: 38px;
    }
    .sm-heading {
        font-size: 36px;
    }
    h1, .h1 {
        font-size: 26px;
    }
    h4, .h4 {
        font-size: 18px;
    }
    /* banner */
    .banner {
        padding: 50px 15px 30px;
    }
    .banner .p2 img {
        max-width: 200px;
    }
    .banner .p4 img {
        max-width: 350px;
    }
    .banner .p2 {
        top: 20% !important;
    }
    .banner .p4 {
        top: 40% !important;
        left: 87% !important;
    }
    .banner .text-wrapper {
        max-width: 800px;
    }
    .banner .bottom-div {
        transform: scaleX(1.7);
        display: none;
    }
    /* s2 */
    .s2.v3 .f1 {
        bottom: -80px;
        max-width: 250px;
    }
    .s2.v1 .colmn-2:before {
        scale: 1.3;
    }
    .s2.v1 .colmn-2 .img-wrapper {
        scale: 1.2;
        transform-origin: 100% 50%;
    }
    .s2.v8 .colmn-2 .img-wrapper {
        scale: 1.4;
        transform-origin: 95% 50%;
    }
    /* s6 */
    .s6 .content {
        height: 320px;
    }
    .s6 .colmn-2 .img-wrapper {
        max-width: 200px;
        margin: 0 auto;
    }
    .s6 .colmn-1:before {
        transform: scaleY(1);
    }
    /* s7 */
    .s7 .f1 {
        max-width: 130px;
    }
    .s7 .f4 {
        max-width: 180px;
    }
    /* s10 */
    .s10 {
        padding: 30px 15px;
    }
    /* s13 */
    .s13 .row-1 .colmn-2 .img-wrapper:before {
        scale: 1.25;
    }
    .s13 .row-1 .box {
        padding-left: 15px;
    }
    .s13 .row-2 .box {
        padding-right: 15px;
    }
    .s13 .row-2 .colmn-2 .img-wrapper:before {
        left: -40px;
    }
    /* s14 */
    .s14 .row {
        padding: 20px 30px 20px 0;
    }
    .s14 .box {
        padding: 20px;
    }
    .s14 .row:before {
        left: -45px;
        top: -51px;
        height: 280px;
        width: 280px;
    }
    .s14 .row:after {
        font-size: 110px;
        left: -25px;
        top: -65px;
    }
    /* s16 */
    .s16 .title-area {
        max-width: 600px;
        margin: 0 auto 30px;
    }
    .s16 .title-area h1:last-of-type {
        padding: 5px 15px;
        line-height: 2;
    }
    .s16 .content-wrapper {
        max-width: 900px;
    }
    .s16 .head .img-wrapper {
        flex: 0 0 45px;
    }
    .s16 .box:not(:last-child) {
        margin-bottom: 30px;
    }
    .s16 .content:after {
        height: 200px;
        width: 200px;
    }
    .s16 .context {
        padding-left: 110px;
    }
    /* s17 */
    .s17 .tbl {
        border-radius: 30px;
    }
    .s17 .bot-text {
        max-width: 550px;
    }
    .s17 .bot-text h1 {
        line-height: 1.6;
    }
    .s17 .tbl .img-wrapper {
        max-width: 300px;
        margin: 0 auto;
    }
    /* faq */
    .faq .content {
        max-width: 700px;
        border-radius: 30px;
        padding: 15px;
    }
}

@media screen and (max-width: 1024.98px) {
    .custom-wrapper {
        max-width: 85%;
    }
    .md-heading {
        font-size: 34px;
    }
    .sm-heading {
        font-size: 32px;
    }
    h1, .h1 {
        font-size: 24px;
    }
    h3, .h3 {
        font-size: 20px;
    }
    /* banner */
    .banner .p1 img {
        max-width: 250px;
    }
    .banner .p2 img {
        max-width: 150px;
    }
    .banner .p4 img {
        max-width: 250px;
    }
    .banner .p1 {
        top: 80% !important;
    }
    .banner .p2 {
        top: 35% !important;
    }
    .banner .p3 {
        left: -80% !important;
    }
    .banner .p4 {
        left: 88% !important;
    }
    .banner .p5 {
        left: -95% !important;
        opacity: 0.7;
    }
    .banner .vid-wrap {
        padding: 10px;
        border-radius: 25px;
    }
    /* btn-wrap */
    #btn-wrap .custom-wrapper {
        max-width: 750px;
    }
    .btn-wrap a {
        padding: 20px;
    }
    /* s1 */
    .s1 .colmn {
        padding: 15px;
        border-radius: 30px;
    }
    /* s2 */
    .s2.v1 .colmn-2 .img-wrapper {
        scale: 1.3;
        transform-origin: 100% 50%;
    }
    .s2.v1 .colmn-2:before {
        scale: 1.5;
    }
    .s2.v1 .f1 {
        max-width: 150px;
    }
    .s2 .title-area {
        max-width: 650px;
    }
    .s2 li {
        padding-left: 30px;
    }
    .s2 li:before {
        height: 20px;
        width: 20px;
    }
    .s2.v2 .colmn-2 .img-wrapper,
    .s2.v4 .colmn-2 .img-wrapper {
        scale: 1.4;
        transform-origin: 0% 50%;
    }
    .s2.v3 .f1,
    .s6 .f2 {
        display: none;
    }
    .s2.v5 .colmn-2 .img-wrapper {
        scale: 1.3;
        transform-origin: 90% 50%;
    }
    .s2.v1 .colmn-2 .img-wrapper {
        scale: 1.4;
    }
    /* s3 */
    .s3.v1 .f1 {
        left: -90px;
        max-width: 200px;
    }
    .s3.v1 .f2 {
        right: -50px;
        bottom: 40px;
    }
    /* s5 */
    .s5 .f1 {
        max-width: 150px;
    }
    .s5 .f2 {
        max-width: 200px;
        right: -50px;
    }
    .s5 .title-area {
        max-width: 600px;
    }
    .s5 .title-area .img-wrapper {
        max-width: 350px;
    }
    .s5 .content-wrapper {
        margin-bottom: 60px;
    }
    /* s6 */
    .s6 .content {
        height: 420px;
    }
    .s6 .colmn-1:before {
        transform: scaleY(1.6);
    }
    .s6 .colmn-2 .img-wrapper {
        max-width: 180px;
    }
    /* s7 */
    .s7 .f1 {
        max-width: 100px;
    }
    .s7 .f2 {
        bottom: -100px;
        max-width: 500px;
    }
    .s7 .f4 {
        max-width: 150px;
    }
    .s7 .vid-wrap {
        max-width: 800px;
    }
    /* s8 */
    .s8.v2 .con-2 {
        max-width: 100%;
    }
    /* s9 */
    .s9 .head br {
        display: none !important;
    }
    .s9 .head {
        padding: 10px;
    }
    /* s10 */
    .s10 .row:nth-child(odd) {
        padding-right: unset;
    }
    .s10 .row:nth-child(even) {
        padding-left: unset;
    }
    /* s13 */
    .s13 .row-1 .box {
        padding-left: unset;
    }
    .s13 .row-2 .box {
        padding-right: unset;
    }
    .s13 .row-1 .colmn-2 .img-wrapper:before {
        right: 10px;
    }
    .s13 .floating-img img {
        display: none;
    }
    .s13 .row-2 .colmn-2 .img-wrapper:before {
        left: -65px;
        scale: 1.4;
    }
    /* s14 */
    .s14 .row {
        padding: 20px 10px 20px 0;
        border-radius: 0 0 100px 0;
    }
    .s14 .row:not(:last-child) {
        margin-bottom: 70px;
    }
    .s14 .row:after {
        font-size: 90px;
        top: -60px;
    }
    .s14 .box {
        padding: 15px;
        border-radius: 0 0 90px 0;
    }
    .s14 .row:before {
        left: -36px;
        top: -40px;
        height: 220px;
        width: 220px;
    }
    /* s16 */
    .s16 .content:after {
        height: 180px;
        width: 180px;
        left: -90px;
    }
    .s16 .head .img-wrapper {
        flex: 0 0 40px;
    }
    .s16 .content:before {
        left: -230px;
        height: 298px;
    }
    .s16 .content {
        padding: 15px;
        height: 300px;
    }
    .s16 .context {
        padding-left: 90px;
    }
    .s16 .box:before {
        right: 30px;
        width: 40px;
    }
    /* s17 */
    .s17 .title-area {
        margin: 0 auto 30px;
    }
    .s17 .tbl-head {
        padding: 30px 15px;
    }
    .s17 .tbl-start {
        scale: 1;
    }
    .s17 .tbl-body {
        padding: 15px;
    }
    .s17 li {
        padding-left: 30px;
    }
    .s17 li::before {
        height: 20px;
        width: 20px;
    }
    /* faq */
    .faq .f1 {
        left: -250px;
        top: 200px;
        max-width: 350px;
    }
    .faq .f2 {
        right: -40px;
        max-width: 400px;
    }
}

@media screen and (max-width: 991.98px) {
    .custom-wrapper {
        max-width: 80%;
    }
    .md-heading {
        font-size: 32px;
    }
    .sm-heading {
        font-size: 36px;
    }
    h1, .h1 {
        font-size: 26px;
    }
    h3, .h3 {
        font-size: 22px;
    }
    /* banner */
    .banner .f3,
    .parallax-banner, .scene,
    .floating-img img,
    .s2.v1 .colmn-2:before {
        display: none;
    }
    .banner .vid-wrap {
        padding: 15px;
    }
    /* btn-wrap */
    .btn-wrap h1 {
        font-size: 24px;
    }
    /* s1 */
    .s1 .row {
        background: #fff;
        padding: 20px;
        border-radius: 30px;
        box-shadow: 0 0 10px rgba(0 0 0/20%);
        max-width: 75%;
        margin: 0 auto;
    }
    .s1 .colmn {
        background: unset;
        padding: unset;
        border-radius: unset ;
        box-shadow: unset;
        flex: 0 0 100%;
        max-width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .s1 .colmn-1 {
        margin-bottom: 25px;
    }
    /* test */
    .test .content-wrapper {
        max-width: 75%;
    }
    .test .colmn {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .test .colmn:not(:last-child) {
        margin-bottom: 25px;
    }
    /* s2 */
    .s2.v1 .colmn-2 .img-wrapper,
    .s2.v2 .colmn-2 .img-wrapper,
    .s2.v4 .colmn-2 .img-wrapper,
    .s4 .colmn-2 .img-wrapper,
    .s2.v5 .colmn-2 .img-wrapper,
    .s2.v7 .colmn-2 .img-wrapper,
    .s2.v8 .colmn-2 .img-wrapper {
        scale: unset;
        transform-origin: unset;
    }
    .s2.v5 .head {
        justify-content: center;
    }
    .s2.v7 .colmn .text-wrapper p:first-of-type {
        text-align: center;
    }
    .s2.v7 p span {
        color: #FFD600;
        display: flex;
        justify-content: center;
    }
    /* s4 */
    .s4 .title-area span {
        display: flex;
        justify-content: center;
    }
    /* s5 */
    .s5 .title-area .img-wrapper {
        max-width: 300px;
    }
    .s5 .content-wrapper {
        scale: 1.4;
        transform-origin: 35% 10%;
        margin-bottom: 110px;
    }
    /* s6 */
    .s6 .title-area {
        margin: 0 auto 30px;
    }
    .s6 .colmn-1,
    .s6 .colmn-2 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .s6 .content {
        height: auto;
        border-radius: 30px;
    }
    .s6 .colmn-1 {
        padding: 20px !important;
    }
    .s6 .colmn-1:before {
        background: #fff !important;
        height: 100%;
        transform-origin: unset !important;
        transform: unset !important;
        border-radius: 20px;
    }
    /* s8 */
    .s8 .content-wrapper {
        padding: 20px;
        border-radius: 30px;
    }
    .s8.v1 .content {
        grid-template-columns: repeat(2, 1fr);
    }
    .s8.v2 .colmn {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .s8.v2  .text-wrap {
        height: auto;
        max-width: 546px;
    }
    /* s10 */
    .s10 .colmn-2:before {
        display: none;
    }
    .s10 .row {
        padding: 20px 0 !important;
        border-radius: 20px;
    }
    /* s13 */
    .s13 .colmn-2 .img-wrapper:before {
        display: none;
    }
    .s13 .row {
        padding: 15px 0;
        border-radius: 20px;
    }
    /* s14 */
    .s14 .title-area {
        margin: 0 auto 70px;
    }
    .s14 .row {
        max-width: 85%;
        padding: 20px 0;
        border-radius: 20px;
    }
    .s14 .colmn-1 {
        order: 2;
    }
    .s14 .colmn-2 img {
        margin: 0 auto;
    }
    .s14 .row:before {
        left: -42px;
        top: -47px;
        height: 260px;
        width: 260px;
    }
    .s14 .row:after {
        font-size: 100px;
    }
    .s14 .box {
        border-radius: 20px;
    }
    /* s16 */
    .s16 .content-wrapper {
        transform-origin: -12500% 50%;
    }
    .s16 .content:after {
        height: 140px;
        width: 140px;
        left: -70px;
    }
    .s16 .context {
        padding-left: 70px;
    }
    .s16 .content {
        height: 350px;
    }
    .s16 .content:before {
        left: -190px;
        height: 348px;
    }
    .s16 .box:before {
        right: 40px;
        width: 30px;
    }
    /* s17 */
    .s17 .tbl {
        max-width: 80%;
        margin: 0 auto;
    }
    .s17 .tbl-body {
        padding: 15px 50px;
    }
}

@media screen and (max-width: 832.98px) {
    .custom-wrapper {
        max-width: 85%;
    }
    .md-heading {
        font-size: 28px;
    }
    .sm-heading {
        font-size: 32px;
    }
    h1, .h1 {
        font-size: 24px;
    }
    h3, .h3 {
        font-size: 20px;
    }
    .banner .vid-wrap {
        padding: 10px;
        border-radius: 20px;
    }
    .banner .inner-vid {
        border-radius: 15px;
    }
    /* btn-wrap */
    .banner .btn-wrap {
        padding: 30px 0 0;
    }
    .btn-wrap h1 {
        font-size: 22px;
    }
    .btn-wrap a {
        padding: 15px;
        border-radius: 10px;
        border: 2px solid #fff;
    }
    /* s1 */
    .s1 .row,
    .test .content-wrapper {
        max-width: max-content;
    }
    /* s5 */
    .s5 {
        overflow: unset;
    }
    .s5 .content-wrapper {
        scale: 1.3;
        transform-origin: 30% 0;
        margin-bottom: 80px;
    }
    /* s6 */
    .s6 .content {
        padding: 15px;
    }
    .s6 .colmn-1 {
        padding: 15px !important;
    }
    /* s8 */
    .s8 .content-wrapper {
        padding: 15px;
        border-radius: 25px;
    }
    .s8.v2  .text-wrap {
        border-radius: 0 0 45px 45px;
    }
    /* s14 */
    .s14 .row {
        max-width: 100%;
    }
    /* s16 */
    .s16 .content:before,
    .s16 .content:after {
        display: none;
    }
    .s16 .content-wrapper {
        transform-origin: unset;
        scale: unset;
        max-width: 100%;
    }
    .s16 .content {
        height: unset;        
        padding: 25px;
    }
    .s16 .context {
        padding: unset;
    }
    .s16 .box {
        padding-right: 20px;
    }
    .s16 .box:before {
        right: -10px;
    }
    /* s17 */
    .s17 .tbl {
        max-width: 90%;
    }
}

@media screen and (max-width: 768.98px) {
    .custom-wrapper {
        max-width: 80%;
    }
    .md-heading {
        font-size: 26px;
    }
    .sm-heading {
        font-size: 28px;
    }
    h1, .h1 {
        font-size: 22px;
    }
    /* banner */
    .banner .custom-wrapper {
        max-width: 90%;
    }
    /* btn-wrap */
    .btn-wrap h1 {
        font-size: 20px;
    }
    /* s6 */
    .s6 .colmn-1 .img-wrapper {
        flex: 0 0 60px;
    }
    .s6 .content:nth-child(odd) .text-wrapper {
        padding-left: 20px;
    }
    .s6 .content:nth-child(even) .text-wrapper {
        padding-right: 20px;
    }
    /* s14 */
    .s14 .row:before {
        left: -39px;
        top: -44px;
        height: 240px;
        width: 240px;
    }
    /* s16 */
    .s16 .box:before {
        right: 0px;
        width: 20px;
    }
    /* s17 */
    .s17 .tbl {
        max-width: 100%;
    }
    /* faq */
    .faq .title-area {
        margin: 0 auto 30px;
    }
}

@media screen and (max-width: 640.98px) {
    .custom-wrapper {
        max-width: 85%;
    }
    .md-heading {
        font-size: 24px;
    }
    .sm-heading {
        font-size: 26px;
    }
    h1, .h1 {
        font-size: 20px;
    }
    h5, .h5 {
        font-size: 18px;
    }
    /* banner */
    .banner .title-area span {
        border-radius: 7px;
        padding: 0 10px;
    }
    .banner .btn-wrap {
        padding: 10px 0 0;
    }
    /* btn-wrap */
    .btn-wrap h1 {
        font-size: 17px;
    }
    .btn-wrap a {
        padding: 15px 5px;
    }
    /* s1 */
    .s1 .row,
    .test .colmn {
        padding: 15px;
        border-radius: 20px;
    }
    /* s5 */
    .s5 .content-wrapper {
        scale: 1.4;
    }
    .s5 .title-area .img-wrapper {
        max-width: 250px;
    }
    /* s6 */
    .s6 .content {
        padding: 10px;
        border-radius: 20px;
    }
    .s6 .colmn-1 {
        padding: 10px !important;
    }
    .s6 .colmn-1:before {
        border-radius: 10px;
    }
    .s6 .colmn-2 .img-wrapper {
        max-width: 150px;
    }
    /* s7 */
    .s7 .vid-wrap {
        box-shadow: 20px 20px 10px rgba(0 0 0/30%);
    }
    /* s8 */
    .s8 .title-area span {
        display: flex;
        justify-content: center;
    }
    .s8.v1 .content {
        grid-template-columns: repeat(1, 1fr);
    }
    /* s14 */
    .s14 .title-area {
        margin: 0 auto 30px;
    }
    .s14 .row:before,
    .s14 .row:after {
        display: none;
    }
    .s14 .row:not(:last-child) {
        margin-bottom: 30px;
    }
    /* s17 */
    .s17 .tbl-body {
        padding: 15px 20px;
    }
    /* faq */
    .faq .head .img-wrapper {
        flex: 0 0 50px;
    }
    .faq .content,
    .faq .head {
        border-radius: 10px;
        padding: 10px;
        border: 2px solid #fff;
    }
    .faq .content .text-wrapper {
        padding-left: unset;
    }

}

@media screen and (max-width: 575.98px) {
    .custom-wrapper {
        max-width: 90%;
    }
    .md-heading {
        font-size: 22px;
    }
    .sm-heading {
        font-size: 24px;
    }
    /* banner */
    .banner .custom-wrapper {
        max-width: 95%;
    }
    .banner .title-area h1 {
        line-height: 1.5;
    }
    /* btn-wrap */
    .btn-wrap h1 {
        font-size: 16px;
    }
    /* s2 */
    .s2.v5 .head .img-wrapper {
        flex: 0 0 55px;
    }
    /* s9 */
    .s9 .title-area span {
        padding: 5px 10px;
    }
    .s9 .title-area .img-wrapper:first-of-type {
        max-width: 80px;
        margin: 0 auto;
    }
    .s9 .title-area span:before {
        border-radius: 5px;
    }
    /* s16 */
    .s16 .content {
        padding: 15px;
    }
    .s16 .head .img-wrapper {
        flex: 0 0 35px;
    }
    .s16 .box:before {
        right: 10px;
        width: 10px;
    }
    /* s17 */
    .s17 .tbl {
        border-radius: 20px;
    }
    .s17 .tbl-head {
        padding: 20px 15px;
    }
    /* faq */
    .faq .title-area h1 span {
        display: flex;
        justify-content: center;
    }
}

@media screen and (max-width: 440.98px) {
    .custom-wrapper {
        max-width: 95%;
    }
    .md-heading {
        font-size: 20px;
    }
    .sm-heading {
        font-size: 22px;
    }
    h1, .h1 {
        font-size: 18px;
    }
    /* banner */
    .banner .custom-wrapper {
        max-width: 100%;
    }
    .banner .title-area p.h1 {
        line-height: 1.8;
    }
    .banner .vid-wrap {
        padding: 5px;
        border-radius: 10px;
    }
    /* s1 */
    .s1 {
        padding: unset;
    }
    .s1 .custom-wrapper,
    .test .custom-wrapper,
    .s6 .custom-wrapper,
    .s8 .custom-wrapper,
    .s14 .custom-wrapper,
    .s16 .custom-wrapper,
    .s17 .custom-wrapper,
    .faq .custom-wrapper {
        max-width: 100%;
    }
    .s1 .row, .test .colmn {
        padding: 10px;
        border-radius: unset;
    }
    /* test */
    .test {
        padding: 30px  0 0;
    }
    .test .title-area {
        padding: 10px;
        border-radius: 10px;
        max-width: 95%;
    }
    /* s2 */
    .s2.v2 .title-area p.h1,
    .s2.v4 .title-area h1:last-of-type {
        display: inline;
        padding: 1px 5px;
    }
    /* s5 */
    .s5 .title-area p.h5 {
        letter-spacing: 5px;
        margin: 0 auto 15px;
    }
    .s5 .content-wrapper {
        scale: 1.35;
        transform-origin: 35% 35%;
    }
    /* s6 */
    .s6 {
        padding: unset;
    }
    .s6 .content-wrapper {
        gap: unset;
    }
    .s6 .content {
        border-radius: unset;
    }
    .s8 {
        padding: unset;
    }
    .s8 .content-wrapper {
        padding: 10px;
        border-radius: unset;
    }
    .s8.v2 .title-area .h1 {
        max-width: 400px;
    }
    .s8.v2 .title-area h1 {
        line-height: 1.7;
    }
    /* s19 */
    .s10 {
        padding: unset;
    }
    .s10 .row {
        padding: 10px 0 !important;
        border-radius: unset;
    }
    .s10 .row:not(:last-child) {
        margin-bottom: unset;
    }
    /* s13 */
    .s13,
    .s14,
    .s16,
    .s17,
    .faq {
        padding: 30px 0 0;
    }
    .s13 .row,
    .s14 .row {
        border-radius: unset;
    }
    .s13 .content-wrapper:not(:last-child),
    .s14 .row:not(:last-child) {
        margin-bottom: unset;
    }
    /* s14 */
    .s14 .box {
        border-radius: 5px;
        padding: 10px;
    }
    /* s16 */
    .s16 .title-area h1:last-of-type {
        line-height: 2.1;
    }
    .s16 .box {
        padding-right: unset;
    }
    .s16 .box:before {
        right: 0;
    }
    .s16 .content {
        padding: 10px 20px 10px 10px;
    }
    .s16 .head {
        margin-bottom: 15px;
    }
    .s16 .box:not(:last-child) {
        margin-bottom: unset;
        border-bottom: 2px solid #000;
    }
    .text-wrapper p:not(:last-child) {
        margin-bottom: 15px;
    }
    /* s17 */
    .s17 .title-area {
        padding: 0 10px;
    }
    .s17 .title-area p.h3 {
        padding: 5px 10px;
        border-radius: 5px;
        line-height: 2.2;
    }
    .s17 .tbl {
        border-radius: unset;
    }
    .s17 .tbl-head {
        padding: 15px;
    }
    .s17 .tbl-body {
        padding: 10px;
    }
    .s17 .colmn {
        padding: unset;
    }
    .s17 .colmn-1 {
        margin-bottom: unset !important;
    }
    .s17 .colmn li:not(:last-child) {
        margin-bottom: 15px;
    }
    /* faq */
    .faq .content:not(:last-child) {
        margin-bottom: unset;
    }
    .faq .content, .faq .head {
        border-radius: unset;
    }
}

@media screen and (max-width: 375.98px) {
    .custom-wrapper {
        max-width: 100%;
    }
    .md-heading {
        font-size: 22px;
    }
    .sm-heading {
        font-size: 20px;
    }
    h1, .h1 {
        font-size: 20px;
    }
    /* banner */
    .banner .title-area .img-wrapper {
        max-width: 200px;
        margin: 0 auto;
    }
    .banner .title-area {
        margin: 0 auto 25px;
    }
    /* s2 */
    .s2.v2 .title-area p.h1,
    .s2.v4 .title-area h1:last-of-type {
        line-height: 1.7;
    }
    /* test */
    /* s5 */
    .s5 .content-wrapper {
        scale: 1.35;
        transform-origin: 40% 10%;
    }
    /* s6 */
    .s6 {
        padding: 20px 0 0;
    }
    .s6 .content {
        border-radius: unset;
    }
    .s6 .content-wrapper {
        gap: unset;
    }
    .s6 .con-2 {
        background: unset;
    }
    .s6 .con-2 *,
    .s6 .con-2 .text-wrapper p {
        color: #000;
    }
    .s6 .bot-wrap {
        margin: 30px 15px 0;
    }
    /* s8 */
    .s8 {
        padding: unset;
    }
    .s8 .content-wrapper {
        border-radius: unset;
    }
    .s8.v2  .text-wrap {
        border-radius: 0 0 35px 35px;
    }
    /* /s9 */
    .s9 .title-area .img-wrapper:first-of-type {
        max-width: 70px;
        margin: 0 auto;
    }
    .s9 .head {
        max-width: unset;
    }
    /* s10 */
    .s10 .row,
    .s13 .row {
        padding: 10px !important;
    }
    /* s11 */
    .s11 {
        padding: 30px 0;
    }
    /* s12 */
    .s12 .row {
        padding: 15px;
    }
    /* s16 */
    .s16 .head .img-wrapper {
        flex: 0 0 20px;
        top: 5px;
    }
    .s16 .head {
        align-items: unset;
    }
    .s16 .context:before {
        font-size: 40px;
    }
    /* faq */
    .faq .head .img-wrapper {
        flex: 0 0 45px;
    }
}