/**
 * ============================================================================
 * BANNERCONTENTSECTION & TOPNAV-ORPHAN STYLES
 * ============================================================================
 * 
 * Source: orphanpage.css (Miebo landing page)
 * 
 * INCLUDES:
 * ✓ .bannerContentSection — Base and all variants (2-21)
 * ✓ .topNav-orphan — Header navigation with variants
 * ✓ All child elements: h1, h2, h3, h4, h5, p, span, ul, li, img
 * ✓ All responsive breakpoints (5 major breakpoints)
 * ✓ Complete media query coverage
 * 
 * CHILD ELEMENTS:
 * • Headings: h1, h2, h3, h4, h5
 * • Text: p, span (including .SeaweedScript, .symbol)
 * • Lists: ul, li (bannerNav styling)
 * • Images: img.sparkImg, img.underLinetext, etc.
 * 
 * BANNER VARIANTS:
 * • Banner-2 through Banner-21 (20 total)
 * • Each with base, tablet, mobile, extra-small breakpoints
 * 
 * RESPONSIVE BREAKPOINTS:
 * • Desktop (1300px+)
 * • Tablet/Desktop (992px - 1399px)
 * • Tablet (768px - 991px)
 * • Mobile (max 991px)
 * • Extra Small (max 410px / 390px)
 * 
 * ============================================================================
 */

.topNav-orphan{
  height: auto;
padding-bottom: 25px;
background: #13082E url(/siteassets/img/miebo-packaging_background.png) no-repeat;
    background-size: cover;
    background-position: center;
 /*background: linear-gradient(180deg, rgba(19, 8, 46, 0.00) 91.44%, #13082E 100%), url(/siteassets/img/miebo-packaging-bannernew.svg) lightgray 50% / cover no-repeat;*/
}
.topNav-orphan .justify-content-between.d-flex {
    align-items: center;
    margin-top: 31px;
}
  .bannerContent h2 {
    color: #FFF;
    font-family: Poppins;
    font-size: 68.835px;
    font-style: normal;
    font-weight: 700;
    line-height: 75.974px;
    letter-spacing: -0.688px;

}
.headingbanner {
    width: fit-content;
}
h3.SeaweedScript {
    color: #00B4ED;
    font-family: "Seaweed Script";
    font-size: 130.834px;
    font-style: normal;
    font-weight: 400;
    line-height: 143.918px;
    letter-spacing: -1.308px;
    transform: rotate(-5deg);
    text-align: right;
    position: relative;
    right: -10px;
}
.rotateText {
    position: relative;
    top: -38px;
}
.rotateText h3.SeaweedScript img.sparkImg {
    position: absolute;
    right: -54px;
    top: 20px;
}
.bannerContentSection {
    margin-left: 0;
    margin-top: 0;
    }
    .bannerContent {
    max-width: 571px;
}
.bannerNav ul {
    display: flex;
    gap: 18px;
    margin-bottom: 13px;display: flex;
    align-items: center;
    gap: 3px;
    color: var(--mauve) !important;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: -.01em;
    white-space: nowrap;
}
.bannerNav ul img{width: 40px;height: 40px;}
.rightnavsection ul li a.getStartedOnlinebtn, .bannerContent a.getStart, .getstart a.getStart {
    background: #00B4ED;
    padding: 14px 20px;
    border-radius: 40px;
    text-align: center;
    color: #FFF!important;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 17px;
    letter-spacing: -0.16px;
    text-decoration: none;
}
.bannerContent a.getStart img,.getstart a.getStart img{margin-left: 4px;}
.mt-25 {
    margin-top: 25px;
}
.getStartedLink {
    display: flex;
}
.bannerNav ul li a {
    color: #988EAB;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: -0.14px;
    text-decoration: none;
}
.bannerContent p {
    color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.16px;
}
@media (min-width: 1024px){
    .topNav-orphan .container {
    background: url(/siteassets/img/miebo-packaging_product-w-drops-and-flashes.png) no-repeat;
    background-size: contain;
    background-position: bottom center;
}
}
@media (min-width: 1024px) and (max-width:1099px) {

.bannerContent {
    max-width: 542px;
    padding-top: 10px;
}
}
@media(max-width:991px) {
    .body-content2 .getstart {margin-top: 15px;}
    .getstart a.getStart{display: block;}
    .topNav-orphan {
     height: auto;
        background: #13082e url(/siteassets/img/miebo-packaging-mobile-smaller.jpg);
       /* background: linear-gradient(180deg, rgba(19, 8, 46, 0.00) 91.44%, #13082E 100%), url(/siteassets/img/miebo-packaging-mobile.png) lightgray 50% / cover no-repeat;
        */background-size: 100%;
        background-repeat: no-repeat;
        background-position: top;
        padding-bottom: 100px;
    }
    .bannerContentSection {
    margin-left: 0;
    margin-top: 15px;
}
.bannerContent h2 {
    font-size: 45.853px;
font-style: normal;
font-weight: 700;
line-height: 50.608px; /* 110.37% */
letter-spacing: -0.459px;
}
    h3.SeaweedScript {
           right: 0;
        font-size: 87.152px;
        font-style: normal;
        font-weight: 400;
        line-height: 95.867px;
        letter-spacing: -0.872px;
        top: 15px;
                right: -9px;
                margin-bottom: 5px;
    }
    .bannerContent {
    margin-top: 0px;
    margin-bottom: 30px;
}

    .rotateText {
    top: -46px;
}
img.underLinetext {
    left: 65px;
        width: 71%;
            bottom: 12px;
}
.rotateText h3.SeaweedScript img.sparkImg {
   right: -37px;
        top: 17px;
    max-width: 46px;
}

.bannerNav ul {
    display: flex;
    gap: 0;
    margin-bottom: 13px;
    flex-direction: column;
    margin-left: -8px;
    align-items: flex-start;
}
    .bannerNav ul li{
        display: flex;
        align-items: center;
        gap: 3px;
        color: #988eab !important;
        font-size: 14px;
        line-height: 25px;
        letter-spacing: -.01em;
        white-space: nowrap;
    }
    img.morelogo {
    max-width: 150px;
    position: absolute;
    left: 74px;
    top: -46px;
}
    graybg-corner {
    display: block;
    padding: 24px;
    text-align: center;
}
.bannerFootnotes p {text-align: left;margin-top: 10px;}
.step-1 {
    margin-left: 35px;
    gap: 18px !important
}
.step-2 {
    margin-top: 25px;
     margin-left: 0; 
             margin-bottom: 50px;
}
.step-3 {
    margin-top: 25px;
    margin-left: 0;
    max-width: 100%;
}
   
}
@media(max-width:991px){
    .flexdiv {align-items: flex-start;}
    .orph-stories.Nxt-Pgarrow .Mbo-eyeshore, .Nxt-Pgarrow.help.orph-stories .Mbo-eyeshore:before {
        max-width: 100%;
        height: 143px;
        margin-left: 6px;
    }
    .footer ul.footer-list-info {
        padding: 30px 0 35px;
    }
      .footer ul.footer-list {
        padding: 13px 0 32px;
        gap: 28px;
        flex-direction: row !important;
    }
    .footer ul.footer-list li {
    margin-right: 0;
    margin-bottom: 0;
   }
    .footer .footer-content p, .footer .footer-content span {
    font-size: 14px;
    color: #fff;
    line-height: 17px;
    }
    .footer ul.footer-list-info li {
        margin-bottom: 12px;
    }
    .footer ul.footer-list-info li a {
    font-size: 14px; 
    line-height:17px
    }
    ul.footer-list a {
    font-size: 14px !important;
    line-height: 17px !important;
    }
   .container {
        padding: 0 20px;
    }
 .video-carousel {
        margin-top: -13px;
    }
        .topNav-orphan {padding-bottom: 35px;}

section.orphan-isi#isi{padding-top: 50px; padding-bottom: 50px;}
        section.mieboCarousel {  padding-bottom: 70px;}

 
.topNav-orphan .justify-content-between.d-flex {
    align-items: center;
    margin-top: 20px;
}
.mobilemenu {
    color: #fff;
    position: absolute;
    top: 27px;
    right:20px
}
    section.mieboCarousel {
    background: #fff!important;
    padding-bottom: 60px;
}
}
.bannerContentSection.banner-2 .headingbanner{
    width: 100%;
}
.bannerContentSection.banner-2 .bannerContent h4.sub-title{
    color: #FFF;
    font-size: 60px;
    font-weight: 400;
    line-height: 50.974px;
    letter-spacing: -0.6px;
}
.bannerContentSection.banner-2 h3.SeaweedScript{
    text-align: left;
    right: unset;
    left: 45px;
    top: -4px;
}
.bannerContentSection.banner-2 h3.SeaweedScript .typo{
    color: #00B4ED;
    font-family: Kalam;
    font-size: 130.834px;
    font-style: normal;
    font-weight: 400;
    line-height: 143.918px; /* 110% */
    letter-spacing: -1.308px;
}
.bannerContentSection.banner-2 .SeaweedScript img.sparkImg{
    top: unset;
    bottom: 37px;
    right: unset;
    left: 135px;
}
.bannerContentSection.banner-2 img.underLinetext{
    left: 66px;
    width: auto;
}
.bannerContentSection.banner-2 h5{
    color: #FFF;
    font-size: 60px;
    font-weight: 700;
    line-height: 75.974px;
    letter-spacing: -0.6px;
    position: absolute;
    top: 39px;
    right: 5px;
}
.bannerContentSection.banner-2 h5 span{
    font-weight: 400;
    line-height: 75.974px;
}
.bannerContentSection.banner-2 .desc{/*margin-top: 15px;*/}

.footnote{
    color: #ECE6F3;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 133.333% */
    letter-spacing: -0.12px;
    padding-right: 24px;
    opacity: 0.6;
}
@media (min-width: 992px) and (max-width: 1399px) {

    .bannerContentSection.banner-2 h3.SeaweedScript,.bannerContentSection.banner-2 h3.SeaweedScript .typo{font-size: 100px;}
    .bannerContentSection.banner-2 h5{font-size: 45px;right: 85px;}
    .bannerContentSection.banner-2 .SeaweedScript img.sparkImg{left: 108px;}
}
@media(max-width:991px) {
    .bannerContentSection.banner-2 .headingbanner{
        width: 90%;
    }
    .bannerContentSection.banner-2 .bannerContent h4.sub-title{      
        font-size: 39.533px;
        font-weight: 400;
        line-height: 50.058px;
        letter-spacing: -0.395px;
    }
    .bannerContentSection.banner-2 h5{
        font-size: 39.533px;
        line-height: 50.058px;
        letter-spacing: -0.395px;
        top: 27px;
        left: 155px;
        right: unset;
        width: 218px;
    }
    .bannerContentSection.banner-2 h3.SeaweedScript, .bannerContentSection.banner-2 h3.SeaweedScript .typo{
        font-size: 86.205px;
        font-weight: 400;
        line-height: 94.825px; 
        letter-spacing: -0.862px;
    }

    .bannerContentSection.banner-2 h3.SeaweedScript{
        left: 27px;
        top: 18px;
    }
    .bannerContentSection.banner-2 .SeaweedScript img.sparkImg{top: 20px;left: 90px;}
    .bannerContentSection.banner-2 img.underLinetext{
        left: 50px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .bannerContentSection.banner-2 .desc{max-width: 50%;}
    .bannerContentSection.banner-2 h5{
        right: unset;
        margin-left: 160px;
        font-size: 28px;
    }
}
@media(max-width:394px) {
    .bannerContentSection.banner-2 h5{
        font-size: 30px;
    }
}
.bannerContentSection.banner-3 .bannerContent{
    max-width: 594px;
}
.bannerContentSection.banner-3 .headingbanner{
    margin-top: 65px;
}
.bannerContentSection.banner-3 h3.SeaweedScript{
    font-family: Kalam;
    font-size: 110.293px;
    font-weight: 400;
    line-height: 121.323px; /* 110% */
    letter-spacing: -1.103px;
    transform: rotate(-3.102deg);
    text-align: left;
}
.bannerContentSection.banner-3 .SeaweedScript img.sparkImg{
    top: -11px;
    right: 75px;
}
.bannerContentSection.banner-3 h4,.bannerContentSection.banner-3 h4 span{
    color: #FFF;
    font-family: Poppins;
    font-size: 49px;
    font-weight: 400;
    line-height: 49px; /* 139.946% */
    letter-spacing: -0.52px;
}

.bannerContentSection.banner-3 h4 span{font-weight: 700;}
.bannerContentSection.banner-3 p.desc{max-width: 571px;margin-top: 20px;margin-bottom: 25px;}
.bannerContentSection.banner-3  .desc-container{margin-top: -35px;}
@media (min-width: 992px) and (max-width: 1399px) {
    .bannerContentSection.banner-3 h3.SeaweedScript{font-size: 100px;}
    .bannerContentSection.banner-3 .SeaweedScript img.sparkImg{right: -8px;}
    .bannerContentSection.banner-3 h4, .bannerContentSection.banner-3 h4 span{font-size: 38px;line-height: 45px;}
    /*.bannerContentSection.banner-3 .desc-container{width: 61%;}*/
}
@media(max-width:991px) {
    .bannerContentSection.banner-3 .bannerContent{/*margin-top: 230px;*/margin-top: 30vh;}
    .bannerContentSection.banner-3 h3.SeaweedScript{
        font-size: 67.401px;
        font-weight: 400;
        line-height: 74.142px; /* 110% */
        letter-spacing: -0.674px;
    }
    .bannerContentSection.banner-3 h4, .bannerContentSection.banner-3 h4 span{
        font-size: 31.778px;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: -0.318px;
    }
    .bannerContentSection.banner-3 h4:nth-child(2){
        margin-bottom: 0px;
        margin-top: 10px;
    }
    .bannerContentSection.banner-3 h4 span{font-weight: 700;}
    .bannerContentSection.banner-3 p.desc{margin-top: 10px;margin-bottom: 20px;}
    .bannerContentSection.banner-3  .desc-container{margin-top: -40px;}
    .bannerContentSection.banner-3 .SeaweedScript img.sparkImg{
        top: -9px;
        left: 259px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .bannerContentSection.banner-3 h4{max-width: 300px;}
    .bannerContentSection.banner-3  .desc-container{width: 50%;}
}
@media(max-width:390px) {
    .bannerContentSection.banner-3 .SeaweedScript img.sparkImg{right: 50px;}
}
.bannerContentSection.banner-4 .bannerContent h4.sub-title, .bannerContentSection.banner-4 .bannerContent h4.sub-title span{
    color: #FFF;
    font-family: Poppins;
    font-size: 46.116px;
    font-weight: 400;
    line-height: 64.881px; 
    letter-spacing: -0.461px;
}
.bannerContentSection.banner-4 .bannerContent h4.sub-title span{font-weight: 700;}
.bannerContentSection.banner-4  h3.SeaweedScript{
    right: unset; text-align: left;
    font-size: 107.341px;
    font-weight: 400;
    line-height: 118.076px;
    letter-spacing: -1.073px;
}
.bannerContentSection.banner-4 img.underLinetext{
    width: auto;
    left: 0px;
    bottom: -8px;
    transform: rotate(4deg);
}
.bannerContentSection.banner-4 .SeaweedScript img.sparkImg{
    right: 139px;
    top: 26px;
    margin-left: 5px;
}
.bannerContentSection.banner-4 h5{
    color: #FFF;
    font-family: Poppins;
    font-size: 46.116px;
    font-weight: 700;
    line-height: 64.881px;
    letter-spacing: -0.461px;
    position: absolute;
}
.bannerContentSection.banner-4 h5.tear{
    right: 38px;
    top: 20px;
}
.bannerContentSection.banner-4 h5.evaporation{
    right: -16px;
    top: 75px;
}
.bannerContentSection.banner-4 h5.dry-eye{
    top: 120px;
    left: 132px;
}
.bannerContentSection.banner-4 .desc-container{
    margin-top: 50px;
    margin-bottom: 25px;
}
@media (min-width: 992px) and (max-width: 1399px) {
    .bannerContentSection.banner-4 .bannerContent h4.sub-title, .bannerContentSection.banner-4 .bannerContent h4.sub-title span{font-size: 36px;}
    .bannerContentSection.banner-4 h3.SeaweedScript{font-size: 100px;}
    .bannerContentSection.banner-4 h5{font-size: 28px;}
    .bannerContentSection.banner-4 h5.tear{right: -10px;top: 29px;}
    .bannerContentSection.banner-4 h5.evaporation{right: -12px;top: 69px;}
    .bannerContentSection.banner-4 h5.dry-eye{top: 113px;left: 122px;}
    /*.bannerContentSection.banner-4 .desc-container{width: 65%;}*/
    .bannerContentSection.banner-4 .SeaweedScript img.sparkImg{right: 51px;}
    
}
@media(max-width:991px) {
    .bannerContentSection.banner-4 .bannerContent h4.sub-title, .bannerContentSection.banner-4 .bannerContent h4.sub-title span{
        font-size: 30.261px;
        font-style: normal;
        font-weight: 400;
        line-height: 42.575px;
        letter-spacing: -0.303px;
    }
    .bannerContentSection.banner-4 .bannerContent h4.sub-title span{font-weight: 700;}

    .bannerContentSection.banner-4 .rotateText{
        top: -42px;
    }
    .bannerContentSection.banner-4 h3.SeaweedScript{
        font-size: 70.437px;
        font-weight: 400;
        line-height: 77.48px;
        letter-spacing: -0.704px;
    }
    .bannerContentSection.banner-4 .SeaweedScript img.sparkImg{top: 20px;margin-left: 3px;left: 217px;}
    .bannerContentSection.banner-4 h5{
        font-size: 30.261px;
        font-weight: 700;
        line-height: 42.575px;
        letter-spacing: -0.303px;
    }
    .bannerContentSection.banner-4 h5.tear{right: 24px;top: 29px;}
    .bannerContentSection.banner-4 h5.evaporation{right: -12px;top: 64px;}
    .bannerContentSection.banner-4 h5.dry-eye{top: 95px;left: 90px;}
    .bannerContentSection.banner-4 .desc-container {
        margin-top: 36px;
        margin-bottom: 20px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .bannerContentSection.banner-4 h4{max-width: 300px;}
    .bannerContentSection.banner-4  .desc-container{width: 50%;}
    .bannerContentSection.banner-4 h5{
        font-size: 20px;
    }
    .bannerContentSection.banner-4 h5.tear{right: -4px;top: 29px;}
    .bannerContentSection.banner-4 h5.evaporation{right: 0;top: 64px;}
    .bannerContentSection.banner-4 h5.dry-eye{top: 90px;left: 90px;}
}
@media(max-width:390px) {
    
    .bannerContentSection.banner-4 h5.tear{right: 10px;}
}
.bannerContentSection.banner-5 .bannerContent h4.sub-title, .bannerContentSection.banner-5 .bannerContent h4.sub-title span{
    color: #FFF;
    font-family: Poppins;
    font-size: 49.635px;
    font-weight: 700;
    line-height: 69.832px; 
    letter-spacing: -0.496px;
    position: relative;
}
.bannerContentSection.banner-5 .bannerContent h4.sub-title.sub-title2{
    position: relative;
    top: -19px;
    left: -8px;
}
.bannerContentSection.banner-5 .bannerContent h4.sub-title span.symbol{
    font-family: Kalam;
    font-size: 78.043px;
    font-weight: 400;
    line-height: 85.847px; 
    letter-spacing: -0.78px;
    color: #00B4ED;
}
.bannerContentSection.banner-5 .bannerContent h4.sub-title .sparkImg{
    position: absolute;
    top: -21px;
    left: -7px;
}
.bannerContentSection.banner-5 .rotateText{
    top: -80px;
    left: -7px;
}
.bannerContentSection.banner-5 h3.SeaweedScript{
    color: #00B4ED;
    font-family: "Seaweed Script";
    font-size: 120.258px;
    font-weight: 400;
    line-height: 132.283px; /* 110% */
    letter-spacing: -1.203px;
}
.bannerContentSection.banner-5 img.underLinetext{bottom: 0px;}
.bannerContentSection.banner-5 .SeaweedScript img.sparkImg{right: 50px;top: 31px;}
.bannerContentSection.banner-5 h5.tear{right: -32px;top: 35px;}
.bannerContentSection.banner-5 h5.evaporation{right: -40px;top: 93px;}
.bannerContentSection.banner-5 .desc-container{margin-top: -20px;}
@media (min-width: 992px) and (max-width: 1399px) {
    .bannerContentSection.banner-5 .bannerContent h4.sub-title, .bannerContentSection.banner-5 .bannerContent h4.sub-title span{font-size: 45px;}
    .bannerContentSection.banner-5 h3.SeaweedScript{font-size: 100px;}
    .bannerContentSection.banner-5 h5{font-size: 36px;}
    .bannerContentSection.banner-5 .SeaweedScript img.sparkImg{right: 109px;}
    .bannerContentSection.banner-5 h5.tear{right: 5px;}
    .bannerContentSection.banner-5 h5.evaporation{right: 10px;}
}
@media(max-width:991px) {
    .bannerContentSection.banner-5 .bannerContent h4.sub-title, .bannerContentSection.banner-5 .bannerContent h4.sub-title span{
        font-size: 32.793px;
        font-weight: 700;
        line-height: 46.137px; /* 140.692% */
        letter-spacing: -0.328px;
    }
    .bannerContentSection.banner-5 .bannerContent h4.sub-title span.symbol{
        font-size: 51.561px;
        font-weight: 400;
        line-height: 56.718px; /* 110% */
        letter-spacing: -0.516px;
    }
    .bannerContentSection.banner-5 .bannerContent h4.sub-title.sub-title2{left: -7px;}
    .bannerContentSection.banner-5 .bannerContent h4.sub-title .sparkImg{top: -12px;left: -4px;}
    .bannerContentSection.banner-5 h3.SeaweedScript{
        font-size: 79.452px;
        font-weight: 400;
        line-height: 87.397px; /* 110% */
        letter-spacing: -0.795px;
    }
    .bannerContentSection.banner-5 .rotateText{
        top: -71px;
        left: 3px;
    }
    .bannerContentSection.banner-5 .SeaweedScript img.sparkImg{
        left: 256px;
        top: 21px;
    }
    .bannerContentSection.banner-5 img.underLinetext{left: 9px; bottom: 2px;}
    .bannerContentSection.banner-5 h5{
        font-size: 32.793px;
        font-weight: 700;
        line-height: 46.137px; /* 140.692% */
        letter-spacing: -0.328px;
    }
    .bannerContentSection.banner-5 h5.tear{right: -21px;}
    .bannerContentSection.banner-5 h5.evaporation{right: -39px;top: 75px;}
    .bannerContentSection.banner-5 .desc-container{margin-top: -15px;}

    .bannerContentSection.banner-9{margin-top: -10px;}
    .bannerContentSection.banner-9 .bannerContent{margin-top: 26vh;}
    .bannerContentSection.banner-9 .first-line{position: relative;top: 8px;}
}

@media(max-width:393px) {
    .bannerContentSection.banner-5 .bannerContent h4.sub-title, .bannerContentSection.banner-5 .bannerContent h4.sub-title span{font-size: 28px;line-height: 34px;}
    .bannerContentSection.banner-5 h3.SeaweedScript{font-size: 70px;line-height:77px;}
    .bannerContentSection.banner-5 .SeaweedScript img.sparkImg{left: 218px;}
    .bannerContentSection.banner-5 h5.tear,.bannerContentSection.banner-5 h5.evaporation{font-size: 27px;}
    .bannerContentSection.banner-5 h5.tear{right: -11px;}
    .bannerContentSection.banner-5 h5.evaporation{ right: -30px;top: 63px;}
    .bannerContentSection.banner-5 .desc-container{margin-top: -30px;}
    .bannerContentSection.banner-5 img.underLinetext{left: 9px;bottom: -4px;}

    .bannerContentSection.banner-9{margin-top: -10px;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .bannerContentSection.banner-5 .bannerContent h4.sub-title span.symbol{
        font-size: 45px;
    }
    .bannerContentSection.banner-5 .bannerContent h4.sub-title, .bannerContentSection.banner-5 .bannerContent h4.sub-title span{
        font-size: 26px;
    }
    .bannerContentSection.banner-5 h3.SeaweedScript{font-size: 68px;}
    .bannerContentSection.banner-5 h5{font-size: 24px;}
    .bannerContentSection.banner-5 .SeaweedScript img.sparkImg{
        left: 218px;
        top: 20px;
    }
    .bannerContentSection.banner-5 h5.evaporation{right: -42px;top: 70px;}
}
.bannerContentSection.banner-6 .headingbanner{position: relative;}
.bannerContentSection.banner-6 .bannerContent{margin-top: 80px;}
.bannerContentSection.banner-6 .rotateText{position: absolute;top: -34px;}
.bannerContentSection.banner-6 .bannerContent h4.sub-title{
    color: #FFF;
    font-family: Poppins;
    font-size: 68px;
    font-style: normal;
    font-weight: 700;
    line-height: 75.974px; /* 111.726% */
    letter-spacing: -0.68px;
    margin-bottom: 0px;
}
.bannerContentSection.banner-6 h3.SeaweedScript{
    color: #00B4ED;
    font-family: "Seaweed Script";
    font-size: 110.049px;
    font-weight: 400;
    line-height: 121.054px; /* 110% */
    letter-spacing: -1.1px;
    right: unset;
    left: 65px;
}
.bannerContentSection.banner-6 .SeaweedScript img.sparkImg{right: -54px; top: 29px;}
.bannerContentSection.banner-6 img.underLinetext{bottom: 0px;left: 140px;width: auto; transform: rotate(5deg);}
.bannerContentSection.banner-6 .desc-container{margin: 10px 0px 25px;}
@media(max-width:991px) {
    .bannerContentSection.banner-6 .rotateText{position: relative;top: 50px;}
    .bannerContentSection.banner-6 h3.SeaweedScript{
        font-size: 75.671px;
        font-weight: 400;
        line-height: 83.238px; /* 110% */
        letter-spacing: -0.757px;
        text-align: left;
        left: 47px;
    }
    .bannerContentSection.banner-6 .bannerContent h4.sub-title{
        font-size: 46.758px;
        font-weight: 700;
        line-height: 52.24px; /* 111.726% */
        letter-spacing: -0.468px;
    }
    .bannerContentSection.banner-6 .bannerContent{margin-top: 19vh;}
    .bannerContentSection.banner-6 img.underLinetext{left: 95px;}
    .bannerContentSection.banner-6 .SeaweedScript img.sparkImg{right: -20px;top: 20px;}
    .bannerContentSection.banner-6 .desc-container{margin: 10px 0px 20px;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .bannerContentSection.banner-6 .desc-container{width: 50%;}
}
.bannerContentSection.banner-20 h1 {
    color: #FFF;
    font-family: Poppins;
    font-size: 50.54px;
    font-style: normal;
    font-weight: 700;
    line-height: 56.885px;
    letter-spacing: -0.515px;
}
.bannerContentSection.banner-20 h2 {
    color: #00B4ED;
    font-family: "Seaweed Script";
    font-size: 87.767px;
    font-style: normal;
    font-weight: 400;
    line-height: 100.944px;
    letter-spacing: -0.918px;
    position: relative;
}
.bannerContentSection.banner-20 .bannerContent {
    max-width: 615px;
}
.bannerContentSection.banner-20 .bannerContent img.sparkImg {
    position: absolute;
    right: -15px;
    top: 0px;
}
.bannerContentSection.banner-20 .bannerContent img.lineimg {
    position: absolute;
    bottom: 68px;
    transform: rotate(5deg);
}
.bannerContentSection.banner-20 .bannerContent img.lineimg{position: relative; width: 94%;}
@media (min-width: 992px) {
   .bannerContentSection.banner-20 h2 {
    font-size: 73.767px;line-height: 73.944px;}
    .bannerContentSection.banner-20 h1 {
    font-size: 42.54px;}
    .bannerContentSection.banner-20 .bannerContent img.sparkImg {
    right: 82px;
    top: -17px;
}
.bannerContentSection.banner-20 .bannerContent img.lineimg {
    max-width: 80%;
    bottom: 45px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
        .bannerContentSection.banner-20 .bannerContent img.lineimg {
        max-width: 360px!important;}
           .bannerContentSection.banner-20 .bannerContent img.sparkImg {
        top: -7px!important;
        width: 8% !important;
    }
        .bannerContentSection.banner-20 h2 {width: 379px;}
}
@media (max-width: 991px){
    .bannerContentSection.banner-20 h1 {
        font-size: 30.258px;
        font-weight: 700;
        line-height: 33.396px; /* 110.37% */
        letter-spacing: -0.303px;
    }
    .bannerContentSection.banner-20 h2 {
        font-size: 53.874px;
        font-style: normal;
        font-weight: 400;
        line-height: 47px; /* 110% */
        letter-spacing: -0.539px;
        top: -3px;
    }
    .bannerContentSection.banner-20 .bannerContent img.lineimg {
        max-width: 95%;
        bottom: 28px;
    }
    .bannerContentSection.banner-20 .bannerContent img.sparkImg {
        left: 348px;
        top: -6px;
        width: 10% !important;
    }
}
@media (max-width: 410px){
        .bannerContentSection.banner-20 h2 {
        font-size: 47.874px;}
        .bannerNav ul li a {
    font-size: 10px!important;}
}
.bannerContentSection.banner-19 h1 {
    font-family: Poppins;
    font-size: 54.141px;
    font-style: normal;
    font-weight: 700;
    line-height: 59.755px;
    letter-spacing: -0.541px;
    color: #fff;
}
.bannerContentSection.banner-19 h2 {
    color: #00B4ED;
    font-family: "Seaweed Script";
    font-size: 97.905px;
    font-style: normal;
    font-weight: 400;
    line-height: 113.195px;
    letter-spacing: -1.029px;
    position: relative;
}
.bannerContentSection.banner-19 .bannerContent {
    max-width:600px
}
.bannerContentSection.banner-19 img.sparkImg {
     position: absolute;
    right: -34px;
    top: 10px;
    width: 9%;
}
.bannerContentSection.banner-19 img.lineimg {
    position: absolute;
    bottom: -20px;
    width: 99%;
    left: 0;
    transform: rotate(5deg);
}
.bannerContentSection.banner-19 .headingbanner {
    margin-bottom: 50px;
}
@media (min-width: 992px) and (max-width: 1399px) {

    .bannerContentSection.banner-19 h1 {
    font-family: Poppins;
    font-size: 42.141px;
    line-height: 26.755px;
}
.bannerContentSection.banner-19 h2 {
    font-size: 72.905px;
    line-height: 88.195px;}
.bannerContentSection.banner-19 img.lineimg {
    bottom: -6px;}
}
@media (max-width: 991px) {
    .bannerContentSection.banner-19 h1{
        font-size: 33.337px;
        font-style: normal;
        font-weight: 700;
        line-height: 36.794px; /* 110.37% */
        letter-spacing: -0.333px;
    }
    .bannerContentSection.banner-19 h2 {
        font-size: 63.363px;
        font-style: normal;
        font-weight: 400;
        line-height: 69.699px; /* 110% */
        letter-spacing: -0.634px;
        top: -9px;
        left: -2px;
    }
    .bannerContentSection.banner-19 img.lineimg {
        bottom: -16px;
    }
    .bannerContentSection.banner-19 img.sparkImg {
        right: -25px;
        top: 7px;
    }
}
@media (max-width: 410px){
    .bannerContentSection.banner-19 h2 {
        font-size: 55.363px;
    }
    .bannerContentSection.banner-19 h1 {
        font-size: 30.337px;
    }
}
.bannerContentSection.banner-18 h1 {
    color: #FFF;
    font-family: Poppins;
    font-size: 59.942px;
    font-style: normal;
    font-weight: 700;
    line-height: 66.158px;
    letter-spacing: -0.599px;
}
.bannerContentSection.banner-18 h2 {
    color: #00B4ED;
    font-family: "Seaweed Script";
    font-size: 113.931px;
    font-style: normal;
    font-weight: 400;
    line-height: 125.324px;
    letter-spacing: -1.139px;
    margin-left: 25px;
}
.bannerContentSection.banner-18 img.lineimg {
   position: absolute;
    left: 55px;
    bottom: -9px;
    width: 83%;
    transform: rotate(5deg);
}
.bannerContentSection.banner-18 img.sparkImg {
    position: absolute;
    left: -6px;
    top: 5px;
}
.bannerContentSection.banner-18 .headingbanner {
    margin-bottom: 60px;
}
.bannerContentSection.banner-18 .rotate-Text {
    margin-top: -30px;
}
@media (min-width: 992px) and (max-width: 1399px) {
    .bannerContentSection.banner-18 h1 {
        font-size: 47.942px;
    }
    .bannerContentSection.banner-18 h2 {
        font-size: 90.931px;
        line-height: 90px;
    }

}
@media (max-width: 991px)  {
     .bannerContentSection.banner-18 h1 {
        font-size: 38.634px;
        font-style: normal;
        font-weight: 700;
        line-height: 42.641px; /* 110.37% */
        letter-spacing: -0.386px;

     }
      .bannerContentSection.banner-18 h2 {
        font-size: 73.431px;
        font-style: normal;
        font-weight: 400;
        line-height: 80.775px; /* 110% */
        letter-spacing: -0.734px;
      }
      .bannerContentSection.banner-18 img.sparkImg {
         width: 15%;
    }
.bannerContentSection.banner-18 img.lineimg {width:79%;}
.bannerContentSection.banner-18 .headingbanner {
    margin-bottom: 40px;
}
}
@media (max-width: 410px){
    .bannerContentSection.banner-18 h2 {
        font-size: 69.431px;
        line-height: 78.775px;}
}
.bannerContentSection.banner-17 h1 {
    color: #FFF;
    font-family: Poppins;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 64.974px;
    letter-spacing: -0.6px;
    position: relative;
    margin-bottom: 16px;
}
.bannerContentSection.banner-17 h1 span {
    color: #00B4ED;
    font-family: "Seaweed Script";
    font-size: 130.834px;
    font-style: normal;
    font-weight: 400;
    line-height: 0;
    display: inline-block;
    letter-spacing: -1.308px;
    transform: rotate(-5deg);
    position: relative;
    margin-left: 5px;
    top: -10px;
}
.bannerContentSection.banner-17 img.sparkImg {
   position: absolute;
    top: -66px;
    right: -41px;
}
.bannerContentSection.banner-17 img.lineimg {
   position: absolute;
    bottom: -60px;
    left: 0;
    display: block;
    transform: rotate(2.153deg);
}
@media (min-width: 992px) and (max-width: 1399px) {
    .bannerContentSection.banner-17 h1 {
        font-size: 50px;
        line-height: 55.974px;
    }
   .bannerContentSection.banner-17 h1 span {
        font-size: 116.834px;
    }
}
@media (max-width: 991px) {
    .bannerContentSection.banner-17 h1 {
        font-size: 41.667px;
        font-style: normal;
        font-weight: 700;
        line-height: 46px; /* 126.623% */
        letter-spacing: -0.417px;
    }
    .bannerContentSection.banner-17 h1 span {
        font-size: 90.857px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: -0.909px;
    }
    .bannerContentSection.banner-17 img.lineimg {
        bottom: -41px;
        left: 0;
        width: 95%;
    }
    .bannerContentSection.banner-17 img.sparkImg{top: -56px;}
}
@media (max-width: 410px) {
    .bannerContentSection.banner-17 h1 {
        font-size: 35.667px;}
        .bannerContentSection.banner-17 h1 span {
        font-size: 83.857px;}
}
.bannerContentSection.banner-16 h1 {
    color: #FFF;
    font-family: Poppins;
    font-size: 47.922px;
    font-style: normal;
    font-weight: 700;
    line-height: 68.829px;
    letter-spacing: -0.489px;
        position: relative;
    
}
.bannerContentSection.banner-16 span.enp {
    color: #00B4ED;
    font-family: "Seaweed Script";
    font-size: 118.53px;
    font-style: normal;
    font-weight: 400;
    line-height: 130.383px;
    letter-spacing: -1.185px;
    transform: rotate(-5deg);
    position: relative;
}
.bannerContentSection.banner-16 span.topAlign {
    color: #00B4ED;
    font-family: "Seaweed Script";
    font-size: 81.536px;
    font-style: normal;
    font-weight: 400;
    line-height: 0;
    letter-spacing: -0.815px;
    transform: rotate(-5deg);
    display: inline-block;
    position: relative;
    top: -20px;
    left: 6px;
    position: relative;
    
}
.bannerContentSection.banner-16 h4 {
    color: #FFF;
    font-family: Poppins;
    font-size: 48.922px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    letter-spacing: -0.489px;
    margin-bottom: 11px;
    margin-top: 5px;
}
.bannerContentSection.banner-16 span.normalFont {
    color: #FFF;
    font-family: Poppins;
    font-size: 48.922px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
    letter-spacing: -0.489px;
}
.bannerContentSection.banner-16 span.topalign2 {
    top: -25px;
    display: inline-block;
    position: relative;
}
.bannerContentSection.banner-16 .headingbanner {
    width: fit-content;
    width: 100%;
}
.bannerContentSection.banner-16 .bannerContent {
    max-width: 680px;
}
.bannerContentSection.banner-16 span.reportedImproved {
    position: absolute;
    left: 100px;
    bottom: -13px;
}
.bannerContentSection.banner-16 img.sparkImg {
   position: absolute;
    top: -6px;
    right: -71px;
    width: 42%;
}

.bannerContentSection.banner-16 img.line-89 {
    position: absolute;
    left: 0;
    bottom: 27px;
}
@media (min-width: 992px) and (max-width: 1399px) {
    .bannerContentSection.banner-16 h1 {
        font-size: 35.922px;
    }
    .bannerContentSection.banner-16 span.topAlign {
        font-size: 65.536px;
    }
    .bannerContentSection.banner-16 h4, .bannerContentSection.banner-16 span.normalFont  {
        font-size: 38.922px;
        line-height: 40px;
        margin-top: -4px;
    }
    .bannerContentSection.banner-16 span.reportedImproved {
        bottom: -3px;
    }
}
@media (max-width: 991px)  {
    .bannerContentSection.banner-16 .desc-container {
        width: 100%;
    }
    .bannerContentSection.banner-16 h1 {
        font-size: 31.882px;
        font-style: normal;
        font-weight: 700;
        line-height: 44.856px; /* 140.692% */
        letter-spacing: -0.319px;
    }
    .bannerContentSection.banner-16 span.enp {
        font-size: 77.247px;
        font-style: normal;
        font-weight: 400;
        line-height: 84.971px; /* 110% */
        letter-spacing: -0.772px;
    }
    bannerContentSection.banner-16 span.topAlign {
        font-size: 53.138px;
        font-style: normal;
        font-weight: 400;
        line-height: 84.971px; /* 159.908% */
        letter-spacing: -0.531px;
    }
    .bannerContentSection.banner-16 h4 {
        font-size: 31.882px;
        font-style: normal;
        font-weight: 700;
        line-height: 35px; /* 140.692% */
        letter-spacing: -0.319px;
        position: relative;
        top: -12px;
    }
    .bannerContentSection.banner-16 span.normalFont{
        font-size: 31.882px;
        font-style: normal;
        font-weight: 400;
        line-height: 35px; /* 140.692% */
        letter-spacing: -0.319px;
    }
    .bannerContentSection.banner-16 span.topAlign {
        font-size: 55.138px;
        font-style: normal;
        font-weight: 400;
        line-height: 84.971px; /* 159.908% */
        letter-spacing: -0.531px;
    }
    .bannerContentSection.banner-16 span.reportedImproved {
        left: 80px;bottom: 7px;
    }
    .bannerContentSection.banner-16 img.sparkImg {
        top: -12px;
        right: -63px;
        width: 45%;
    }
    .bannerContentSection.banner-16 img.line-89 {
        left: 0;
        bottom: 14px;
        width: 100%;
    }
}
@media (max-width: 410px)  {
    .bannerContentSection.banner-16 span.enp {
        font-size: 66.247px;
    }
    .bannerContentSection.banner-16 span.topAlign {
        font-size: 42.138px;
    }
    .bannerContentSection.banner-16 h1, .bannerContentSection.banner-16 h4 {
        font-size: 25.882px;
    }
    .bannerContentSection.banner-16 img.sparkImg {
        top: -14px;
        right: -56px;
        width: 45%;
    }
    .bannerContentSection.banner-16 span.topalign2 {
         margin-left: 7px;
    }
        /* .bannerContentSection.banner-16 h4 {
        font-size: 36.882px;line-height: 35.856px;} */
    .bannerContentSection.banner-16 span.normalFont {
        font-size: 29.882px;
    }
    .bannerContentSection.banner-16 span.reportedImproved {
        bottom: 20px;
    }
}

.bannerContentSection.banner-15 .headingbanner h1 {
    color: #FFF;
    font-family: Poppins;
    font-size: 51.22px;
    font-style: normal;
    font-weight: 700;
    line-height: 64.855px;
    letter-spacing: -0.512px;
    margin-bottom: 21px;
}
.bannerContentSection.banner-15 .headingbanner h1 span {
    position: relative;
}
.bannerContentSection.banner-15 img.lineimg {
   position: absolute;
    bottom: -11px;
    left: 15px;
    transform: rotate(-2.153deg);
}
.bannerContentSection.banner-15 img.sparkImg {
    position: absolute;
    top: -17px;
    width: 10%;
    right: -38px;
}
@media (min-width: 992px) and (max-width: 1399px) {

    .bannerContentSection.banner-15 .headingbanner h1 {
    font-size: 39.22px;
    line-height: 53.855px;}
    img.lineimg {
    width: 90%;
}
.bannerContentSection.banner-15 img.sparkImg {
    right: -31px;
}
}
@media (max-width: 991px)  {
    .bannerContentSection.banner-15 .desc-container {
    width: 100%;
}
    .bannerContentSection.banner-15 .headingbanner h1 {
font-size: 33.449px;
font-style: normal;
font-weight: 700;
line-height: 42.355px; /* 126.622% */
letter-spacing: -0.334px;
    }
    .bannerContentSection.banner-15 img.lineimg {
    position: absolute;
    bottom: -6px;
    width: 90%;
}
.bannerContentSection.banner-15 img.sparkImg {
    position: absolute;
    top: -15px;
    width: 12%;
    right: -29px;
}
}
@media (max-width: 410px)  {
        .bannerContentSection.banner-15 .headingbanner h1 {
        font-size: 29.449px;}
}
.bannerContentSection.banner-14 .headingbanner h1 {
    color: #FFF;
    font-family: Poppins;
    font-size: 55.626px;
    font-style: normal;
    font-weight: 700;
    line-height: 70.434px;
    letter-spacing: -0.556px;
}
.bannerContentSection.banner-14 .headingbanner h4 {
    color: #00B4ED;
    font-family: Kalam;
    font-size: 78.716px;
    font-style: normal;
    font-weight: 400;
    line-height: 86.588px;
    letter-spacing: -0.787px;
    transform: rotate(-5deg);
    position: relative;
    margin-left: 114px;
    margin-bottom: 25px;
}
.bannerContentSection.banner-14  img.sparkImg {
    position: absolute;
    right: 6px;
    top: -9px;
    width: 11%;
}
.bannerContentSection.banner-14 img.lineimg {
        position: absolute;
    bottom: -17px;
    left: 0;
    width: 100%;
    transform: rotate(5deg);
}
@media (min-width: 992px) and (max-width: 1399px) {
    .bannerContentSection.banner-14 .headingbanner h1 {
    font-size: 44.626px;
    line-height: 58.434px;}
    .bannerContentSection.banner-14 .headingbanner h4 {
    font-size: 60.716px;line-height: 70.588px;    margin-bottom: 25px;
.bannerContentSection.banner-14 img.sparkImg{right: unset;left: 300px}
 
}

}
@media (max-width: 991px) {
    .bannerContentSection.banner-14 .headingbanner h1 {
        font-size: 37.599px;
        font-style: normal;
        font-weight: 700;
        line-height: 36.608px;
        letter-spacing: -0.376px;
    }
    .bannerContentSection.banner-14 .headingbanner h4 {
        font-size: 53.206px;
        font-style: normal;
        font-weight: 400;
        line-height: 58.527px; /* 110% */
        letter-spacing: -0.532px;
        margin-left: 77px;
        top: -5px;
    }
}
@media (max-width: 410px) {
        .bannerContentSection.banner-14 .headingbanner h1 {
            font-size: 33.599px;
        }
        .bannerContentSection.banner-14 .headingbanner h4 {
            font-size: 44.206px;
            line-height: 50.527px;
        }
        .bannerContentSection.banner-14 img.sparkImg{
            left: 218px!important;
        }
}
.bannerContentSection.banner-13 h1 {
    color: #FFF;
    font-family: Poppins;
    font-size: 55.154px;
    font-style: normal;
    font-weight: 700;
    line-height: 69.837px;
    letter-spacing: -0.552px;
}
.bannerContentSection.banner-13 h1 span {
    position: relative;
    color: #00B4ED;
    font-family: "Seaweed Script";
    font-size: 120.267px;
    font-style: normal;
    font-weight: 400;
    line-height: 132.293px;
    letter-spacing: -1.203px;
    margin-right: 8px;
}
.bannerContentSection.banner-13 h4 {
    color: #FFF;
    font-family: Poppins;
    font-size: 55.154px;
    font-style: normal;
    font-weight: 400;
    line-height: 69.837px;
    letter-spacing: -0.552px;
    margin-top: -25px;
    margin-bottom: 15px;
}
.bannerContentSection.banner-13 .bannerContent {
    max-width: 585px;
}
.bannerContentSection.banner-13 img.oneline {
    position: absolute;
    bottom: 27px;
    left: 38px;
}
.bannerContentSection.banner-13 img.sparkImg {
    width: 33%;
    position: absolute;
    right: -15px;
    top: 27px;
}
@media (min-width: 992px) and (max-width: 1399px) {
    .bannerContentSection.banner-13 h1 {
    font-size: 45.154px;}
    .bannerContentSection.banner-13 h1 span {
    font-size: 111.267px;}
    .bannerContentSection.banner-13 h4 {
    font-size: 41.154px;
    line-height: 54.837px;}
    .bannerContentSection.banner-13 img.oneline {
    bottom: 23px;}
}
@media (max-width: 991px) {
    .bannerContentSection.banner-13 h1 {
font-size: 35.237px;
font-style: normal;
font-weight: 700;
line-height: 44.618px; /* 126.623% */
letter-spacing: -0.352px;
    }
    .bannerContentSection.banner-13 h1 span {
font-size: 76.837px;
font-style: normal;
font-weight: 400;
line-height: 84.521px; /* 110% */
letter-spacing: -0.768px;
    }
    .bannerContentSection.banner-13 h4 {
font-size: 35.237px;
font-style: normal;
font-weight: 400;
line-height: 36.618px; /* 126.623% */
letter-spacing: -0.352px;
margin-top: -14px;
    }
    .bannerContentSection.banner-13 img.oneline {
    bottom: 17px;
    left: 27px;
    width: 71%;
}
.bannerContentSection.banner-13 img.sparkImg {
    width: 33%;
    right: -11px;
    top: 18px;
}
}
@media (max-width: 410px) {
    .bannerContentSection.banner-13 h4 {
        font-size: 31.237px;}
}
.bannerContentSection.banner-12 h1 {
    color: #FFF;
    font-family: Poppins;
    font-size: 48.887px;
    font-style: normal;
    font-weight: 700;
    line-height: 68.78px;
    letter-spacing: -0.489px;
    position: relative;
}
.bannerContentSection.banner-12 span.toomuchtxt {
    position: relative;
    color: #00B4ED;
    font-family: "Seaweed Script";
    font-size: 109.444px;
    font-style: normal;
    font-weight: 400;
    line-height: 120.389px;
    letter-spacing: -1.094px;
    left: 26px;
    top: -47px;
    transform: rotate(-5deg);
    display: inline-block;
}
.bannerContentSection.banner-12 img.underLinetext {
    left: 4px;
    width: 170px;
    transform: rotate(5deg);
    bottom: 0;
}
.bannerContentSection.banner-12 img.sparkImg {
    position: absolute;
    top: 30px;
    right: -46px;
}
.bannerContentSection.banner-12 span.teaR {
    position: absolute;
    margin-top: -27px;
    display: inline-block;
    left: 429px;
}
.bannerContentSection.banner-12 span.evaporation {
    position: absolute;
    bottom: 25px;
    left: 215px;
}
@media (min-width: 992px) and (max-width: 1399px) {
 
    .bannerContentSection.banner-12 h1 {
    font-size: 33.887px;
    line-height: 48.78px;}
    .bannerContentSection.banner-12 span.toomuchtxt {
    font-size: 78.444px;left: 22px;}
    .bannerContentSection.banner-12 span.teaR {
    margin-top: -17px;
    left: 325px;
}
.bannerContentSection.banner-12 span.evaporation {
    bottom: 43px;
    left: 211px;
}
}
@media (max-width: 992px){
    .bannerContentSection.banner-12 h1 {
        font-size: 32.139px;
        font-style: normal;
        font-weight: 700;
        line-height: 45.216px; /* 140.692% */
        letter-spacing: -0.321px;
    }
    .bannerContentSection.banner-12 h1 .second-line{
        position: relative;
        top: -10px;
    }
    .bannerContentSection.banner-12 span.toomuchtxt {
        font-size: 71.95px;
        font-style: normal;
        font-weight: 400;
        line-height: 79.144px; /* 110% */
        letter-spacing: -0.719px;
        left: 18px;
        top: -36px;
    }
    .bannerContentSection.banner-12 span.teaR {left: 292px;}
    .bannerContentSection.banner-12 img.sparkImg {
        position: absolute;
        top: 13px;
        right: -36px;
        width: 16%;
    }
    .bannerContentSection.banner-12 span.teaR {
        margin-top: -22px;
        left: 292px;
    }
    .bannerContentSection.banner-12 img.underLinetext {
        left: 4px;
        width: 54%;
        bottom: -5px;
    }
    .bannerContentSection.banner-12 span.evaporation {
        bottom: 20px;
        left: 162px;
    }
}
@media (max-width: 410px){
    .bannerContentSection.banner-12 h1 {
        font-size: 26.139px;
        line-height: 39.216px;}
    .bannerContentSection.banner-12 span.toomuchtxt {
        font-size: 67.95px;top: -23px;}
    .bannerContentSection.banner-12 span.teaR {
        margin-top: -13px;
        left: 277px;
    }
    .bannerContentSection.banner-12 span.evaporation {
        left: 154px;bottom: 11px;
    }

}
.bannerContentSection.banner-11 h1, .bannerContentSection.banner-10 h1 {
    color: #FFF;
    font-family: Poppins;
    font-size: 56.787px;
    font-style: normal;
    font-weight: 700;
    line-height: 67.411px;
    letter-spacing: -0.568px;
    position: relative;
    margin-bottom: 7px;
}
.bannerContentSection.banner-11 span.dryOut, .bannerContentSection.banner-10 span.dryOut {
    color: #00B4ED;
    font-family: "Seaweed Script";
    font-size: 116.089px;
    font-style: normal;
    font-weight: 400;
    line-height: 117.698px;
    letter-spacing: -1.161px;
    transform: rotate(-5deg);
    display: inline-block;
    position: relative;
    margin-left: 41px;
    margin-top: -44px;
}

.bannerContentSection.banner-11 img.underLine-text, .bannerContentSection.banner-10 img.underLine-text {
    position: absolute;
    left: 15px;
    bottom: -5px;
    transform: rotate(5deg);
}
@media (max-width: 991px) {
    .bannerContentSection.banner-11 h1, .bannerContentSection.banner-10 h1 {
        font-size: 39.761px;
        font-style: normal;
        font-weight: 700;
        line-height: 47.2px; /* 118.709% */
        letter-spacing: -0.398px;
    }
    .bannerContentSection.banner-10 h1{max-width: 400px;}
    .bannerContentSection.banner-11 span.dryOut, .bannerContentSection.banner-10 span.dryOut {
        font-size: 81.283px;
        font-style: normal;
        font-weight: 400;
        line-height: 89.412px; /* 110% */
        letter-spacing: -0.813px;
    }
    .bannerContentSection.banner-10 span.dryOut{
        margin-left: 27px;
        top: -7px;
    }
    .bannerContentSection.banner-11 img.underLine-text, .bannerContentSection.banner-10 img.underLine-text {
        max-width: 96%;
    }
    .desc-container{width: 100%;}
}
@media (max-width: 410px) {
    .bannerContentSection.banner-11 span.dryOut, .bannerContentSection.banner-10 span.dryOut {
        font-size: 73.283px;}
    }
    .bannerContentSection.banner-9 h1 {
    color: #FFF;
    font-family: Poppins;
    font-size: 45.489px;
    font-style: normal;
    font-weight: 700;
    line-height: 63.999px;
    letter-spacing: -0.455px;
}
  .bannerContentSection.banner-9 span.notJust {
   position: relative;
    transform: rotate(-5deg);
    color: #00B4ED;
    font-family: "Seaweed Script";
    font-size: 110.212px;
    font-style: normal;
    font-weight: 400;
    line-height: 121.234px;
    letter-spacing: -1.102px;
    display: inline-block;
    margin-left: 38px;
    margin-top: -40px;
    z-index: 3;
}
  .bannerContentSection.banner-9 span.otc {
    margin-left: 66px;
    margin-top: -32px;
    position: absolute;
    /* z-index: 2; */
}
.bannerContentSection.banner-9 img.sparkImg {
    position: absolute;
    top: -16px;
    right: -67px;
}
.bannerContentSection.banner-9 span.eyed {
    position: relative;
    margin-top: -20px;
    top: -55px;
}
.bannerContentSection.banner-9 .desc-container {
    width: 100%;
    margin-top: -40px;
}
.bannerContentSection.banner-9 img.sparkImgL {
    position: absolute;
    left: -34px;
    top: 6px;
}
@media (max-width: 991px) {
    .bannerContentSection.banner-9 h1 {
font-size: 33.485px;
font-style: normal;
font-weight: 700;
line-height: 47.11px; /* 140.692% */
letter-spacing: -0.335px;
    }
    .bannerContentSection.banner-9 span.notJust {
font-size: 81.129px;
font-style: normal;
font-weight: 400;
line-height: 89.241px; /* 110% */
letter-spacing: -0.811px;
    }
    .bannerContentSection.banner-9 span.otc {
    margin-left: 54px;
    margin-top: -28px;
}
.bannerContentSection.banner-9 span.eyed {
    top: -42px;
}
}
@media (max-width: 410px) {
    .bannerContentSection.banner-9 h1 {
        font-size: 30.485px;}
            .bannerContentSection.banner-9 span.notJust {
        font-size: 71.129px}
        .bannerContentSection.banner-9 img.sparkImgL {
    left: -39px;
    top: 10px;
}
}
 .bannerContentSection.banner-8 h1 {
    color: #FFF;
    font-family: Poppins;
    font-size: 59.324px;
    font-style: normal;
    font-weight: 700;
    line-height: 66.281px;
    letter-spacing: -0.593px;
}
 .bannerContentSection.banner-8 span.tiredEys {
    display: block;
    color: #00B4ED;
    font-family: "Seaweed Script";
    font-size: 114.142px;
    font-style: normal;
    font-weight: 400;
    line-height: 125.556px;
    letter-spacing: -1.141px;
    transform: rotate(-5deg);
    position: relative;
    margin-left: 60px;
    margin-top: -20px;
}
 .bannerContentSection.banner-8 img.underLine-text {
    position: absolute;
    left: 0;
    bottom: 0;
    transform: rotate(5deg);
}
 .bannerContentSection.banner-8 img.sparkImgL {
    position: absolute;
    left: -41px;
}
 .bannerContentSection.banner-8 .desc-container {
    width: 100%;
    margin-top: 20px;
}
@media (min-width: 992px) and (max-width: 1399px) {
    .bannerContentSection.banner-8 h1 {
    font-size: 50.324px;}
    .bannerContentSection.banner-8 span.tiredEys {
    font-size: 94.142px;}
    .bannerContentSection.banner-8 img.underLine-text {
    width: 87%;
}
.bannerContentSection.banner-8 .desc-container {
   
    margin-top: 20px;
}
}
@media (max-width: 991px){
.bannerContentSection.banner-8 h1 {
font-size: 40.792px;
font-style: normal;
font-weight: 700;
line-height: 45.575px; /* 111.726% */
letter-spacing: -0.408px;
}
.bannerContentSection.banner-8 span.tiredEys {
font-size: 78.485px;
font-style: normal;
font-weight: 400;
line-height: 86.334px; /* 110% */
letter-spacing: -0.785px;
margin-left: 46px;
}
.bannerContentSection.banner-8 .desc-container {
    width: 100%;
}
.bannerContentSection.banner-8 img.underLine-text {
    width: 90%;
}
.bannerContentSection.banner-8 img.sparkImgL {
    position: absolute;
    left: -35px;
    width: 14%;
}
}
@media (max-width: 410px){
        .bannerContentSection.banner-8 span.tiredEys {
        font-size: 72.485px;}
        .bannerContentSection.banner-8 h1 {
        font-size: 36.792px;}
}
.bannerContentSection.banner-7 h1 {
    color: #FFF;
    font-family: Poppins;
    font-size: 55.037px;
    font-style: normal;
    font-weight: 700;
    line-height: 61.49px;
    letter-spacing: -0.55px;
}
.bannerContentSection.banner-7 span.notenf {
    position: relative;
    color: #00B4ED;
    font-family: "Seaweed Script";
    font-size: 105.893px;
    font-style: normal;
    font-weight: 400;
    line-height: 116.482px;
    letter-spacing: -1.059px;
    transform: rotate(-5deg);
    display: block;
}
.bannerContentSection.banner-7 span.notenf {
    position: relative;
    color: #00B4ED;
    font-family: "Seaweed Script";
    font-size: 105.893px;
    font-style: normal;
    font-weight: 400;
    line-height: 116.482px;
    letter-spacing: -1.059px;
    transform: rotate(-5deg);
    display: block;
    top: -69px;
    left: 26px;
}
.bannerContentSection.banner-7 img.underLine-text {
    position: absolute;
    bottom: -4px;
    transform: rotate(5deg);
    left: 40px;
    width: 89%;
}
.bannerContentSection.banner-7 img.sparkImg {
    position: absolute;
    top: 17px;
    right: -38px;
}
@media (min-width: 992px) and (max-width: 1399px) {
.bannerContentSection.banner-7 h1 {
    font-size: 45.037px;
    line-height: 57.49px;}
    .bannerContentSection.banner-7 span.notenf {
    font-size: 83.893px;
    line-height: 65.482px;top: -45px;}
    .bannerContentSection.banner-7 span.notenf {top: -33px;}
    .bannerContentSection.banner-7 img.underLine-text {
    bottom: -24px;}
    .bannerContentSection.banner-7 img.sparkImg {
    position: absolute;
    top: 4px;
    right: -20px;
    width: 11%;
  }
}
@media (max-width: 991px) {
    .bannerContentSection.banner-9 .desc-container {
    width: 100%;
}
    .bannerContentSection.banner-7 h1 {
font-size: 35.672px;
font-style: normal;
font-weight: 700;
line-height: 39.855px; /* 111.726% */
letter-spacing: -0.357px;
    }
    .bannerContentSection.banner-7 span.notenf {
        color: #00B4ED;
font-family: "Seaweed Script";
font-size: 68.634px;
font-style: normal;
font-weight: 400;
line-height: 75.497px; /* 110% */
letter-spacing: -0.686px;
    }
    .bannerContentSection.banner-7 span.notenf {
            top: -37px;
    left: 23px;
    }
    .bannerContentSection.banner-7 img.sparkImg {
    top: 15px;
    right: -26px;
    width: 10%;
}
}
@media (max-width: 410px) {
        .bannerContentSection.banner-7 h1 {
        font-size: 30.672px;
        line-height: 34.855px;}
            .bannerContentSection.banner-7 span.notenf {
        font-size: 59.634px;}
}
.bannerContentSection.banner-21 h1 {
    color: #FFF;
    font-family: Poppins;
    font-size: 68.835px;
    font-style: normal;
    font-weight: 700;
    line-height: 75.974px;
    letter-spacing: -0.688px;
}
.bannerContentSection.banner-21 h4 {
    color: #FFF;
    font-family: Poppins;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 64.974px;
    letter-spacing: -0.6px;
    margin-bottom: 17px
}
.bannerContentSection.banner-21 h4 span.normal-font {
    font-weight: 400;
}
.bannerContentSection.banner-21 span.dolr {
    color: #00B4ED;
    font-family: Kalam;
    font-size: 130.834px; 
    font-style: normal;
    font-weight: 400;
    line-height: 0;
    letter-spacing: -1.308px;
}
.bannerContentSection.banner-21 span.zeRo {
    color: #00B4ED;
    font-family: "Seaweed Script";
    font-size: 130.834px;
    font-style: normal;
    font-weight: 400;
    line-height: 0;
    letter-spacing: -1.308px;
    position: relative;
    left: -10px;
}
.bannerContentSection.banner-21 img.sparkImg {
    position: absolute;
    right: -58px;
    top: 36px;
}
.bannerContentSection.banner-21 img.zeroLine {
    position: absolute;
    bottom: 35px;
    left: -10px;
}
@media (min-width: 992px) and (max-width: 1399px) {

.bannerContentSection.banner-21 h1 {
    font-size: 60.835px;}
    .bannerContentSection.banner-21 h4 {
        line-height: 48.974px;
        font-size: 42px;
    }
    .bannerContentSection.banner-21 span.dolr, .bannerContentSection.banner-21 span.zeRo {
    font-size: 119.834px;}
    .bannerContentSection.banner-21 img.zeroLine {
    bottom: 29px;
}
}
/*13*/
.bannerContent .bannerFootN p{padding-top: 25px !important;color: #ECE6F3;font-family: 'Poppins';font-size: 12px;font-style: normal;font-weight: 500;line-height: 16px; /* 133.333% */letter-spacing: -0.12px;opacity: 0.6;}
.getStartedLink.mt-25 a img{margin-left: 6px;}
@media (min-width:992px){
    .bannerNav ul{
    column-gap: 18px;
}
}

@media (min-width:992px){
    .snipe-16{
        margin-top: 30px;
    }
}
@media (max-width: 992px) {
    /*13*/
    .snipe {
        gap: 10px;
    }
    .bannerContent .bannerFootN p{
         line-height: 16px; /* 133.333% */
    }
    .snipe:has(.snipe__pill) {padding-top: 0px !important;margin-top: 0px;margin-bottom: 0px;}
    .snipe.snipe-ex:has(.snipe__pill) {
        padding-top: 0px !important;
        margin-top: 0px;margin-bottom: 46px;
        top: 0px !important;
    }

    /*13*/
    .bannerContentSection.banner-19 .rotate-Text {
        transform: rotate(-8deg);
    }

    .bannerContentSection.banner-20 .rotate-Text {
        transform: rotate(-5deg);
    }
    .snipe.snipe-ex {
        padding-top: 0px !important;
        margin-top: 0px;
        margin-bottom: 46px;
    }
    .bannerContentSection.banner-21 h1 {
        font-size: 43.501px;
        line-height: 45.012px; /* 110.37% */
        letter-spacing: -0.435px;
    }
    .bannerContentSection.banner-21 h4 {
        font-size: 37.917px;
        font-style: normal;
        font-weight: 700;
        line-height: 43.012px; /* 126.623% */
        letter-spacing: -0.379px;
    }
    .bannerContentSection.banner-21 span.dolr {
        font-size: 82.682px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: -0.827px;
    }
    .bannerContentSection.banner-21 span.zeRo {
        font-size: 82.682px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: -0.827px;
        position: relative;
        top: -3px;
        left: -5px;
    }
    .bannerContentSection.banner-21 img.sparkImg {
        right: -42px;
        top: 28px;
        max-width: 96%;
    }
    .bannerContentSection.banner-21 img.zeroLine {
        bottom: 21px;
        width: 59px;
    }

}
@media (min-width: 992px) and (max-width: 1600px) {
    .bannerContentSection.banner-20 h2 {
        font-size: 73.767px;
        line-height: 73.944px;
    }
}
@media (max-width: 410px) {
    .bannerContentSection.banner-21 h1 {
        font-size: 37.501px;
        line-height: 40.012px;
    }
        .bannerContentSection.banner-21 h4 {
        font-size: 30.917px;
        line-height: 42.012px;}
}
.bannerNav li a {
    pointer-events: none;
}
@media screen and (min-width:991px) and (max-width:1399px) {
    .topNav-orphan .container{background-size: cover;
        }
        .bannerContentSection {
    margin-left: 0;
}
}
@media screen and (max-width:991px){
}
@media (max-width: 410px){
        .bannerNav ul li a {font-size: 10px!important;}
}
.getstart {
    text-align: center;
    margin-top: -14px;
    margin-bottom: 31px;
    position: relative;
    z-index: 1;
}

.bannerContentSection.banner-20 .rotate-Text {
    transform: rotate(-5deg);
}

@media(min-width:1399px) {
    .bannerContentSection.banner-5 .SeaweedScript img.sparkImg{top: 36px;left: 382px;}
    .bannerContentSection.banner-7 .desc-container{margin-top: -30px;}
    .herobanner-14 .snipe{top: 734px;}
    .bannerContentSection.banner-3 h4:nth-child(2){margin-top: -10px;}
}

@media (min-width:992px){
.bannerContentSection.banner-20 .bannerContent img.sparkImg {
    right: 42px;
    top: -22px;
}
    .herobanner-2{height: 1110px;}
    .herobanner-20{height: 1055px;}
    .herobanner-2 .hero__inner,.herobanner-7 .hero__inner,
    .herobanner-12 .hero__inner, .herobanner-13 .hero__inner,
    .herobanner-14 .hero__inner,.herobanner-15 .hero__inner{width: 607px;}
    
    .herobanner-2 .hero__inner .bannerContent,.herobanner-7 .hero__inner .bannerContent,.herobanner-14 .hero__inner .bannerContent,
    .herobanner-13 .hero__inner .bannerContent{max-width: 100%;}

    .herobanner-2 .hero__inner .headingbanner,.herobanner-13 .hero__inner .headingbanner,
    .herobanner-2 .hero__inner .desc{width: 571px;}

    .herobanner-12 .hero__inner .desc{width: 567px;}
    .herobanner-14 .hero__inner .bannerContent .desc-container{margin-top: 40px;margin-right: 32px;}
    .herobanner-15 .hero__inner .bannerFootN p{width: calc(100% + 50px);}
    .herobanner-2 .snipe{top: 810px;}

    .herobanner-13 .snipe__pill,.herobanner-15 .snipe__pill,.snipe.snipe-16 .snipe__pill{margin-top: 0px !important;}
}
@media screen and (min-width:767px) and (max-width:1098px) {
	.bannerContent {
        margin-top: 0px;
    }
    .bannerContentSection.banner-2 .bannerContent{
        margin-top: 0px;
    }
}

@media screen and (min-width:991px) and (max-width:1199px) {
    .herobanner-2{height: 940px;}
    .herobanner-2 .snipe{top: 52px;}
    .bannerContentSection.banner-2 .bannerContent {
        margin-top: 50px !important;
    }
}

@media  (min-width:768px) and (max-width:992px){
    .herobanner-2{height: 950px;}
    .herobanner-2 .snipe{top: 52px;}
}

@media screen and (min-width: 700px) and (max-width: 900px) {
.herobanner-13 .bannerContent{
        max-width: 368px;
}
}
@media screen and (min-width: 375px) and (max-width: 450px){
    /*.herobanner-13 .bannerContent{
        padding-top: 98px !important;
    }*/
}
@media screen and (min-width: 451px) and (max-width: 767px){
    /*.herobanner-13 .bannerContent{
        padding-top: 180px !important;
    }*/
}
@media (min-width: 1024px) and (max-width: 1099px) {
    .herobanner-13  .bannerContent {
        max-width: 542px;
        padding-top: 86px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .bannerContentSection.banner-8 .desc-container{ max-width: 300px;}
}

.snipe .snipe__pill sup{
    top: -2px;
    left: -1px
}


/****banner-14 to 19th*/
@media (min-width: 992px) and (max-width: 1390px) {
.herobanner-13 .snipe.snipe-ex{
    padding-top: 0px !important;
    margin-bottom: 40px
}
.bannerContentSection.banner-14 img.sparkImg {
    right: 75px;
    top: -12px;
}
.bannerContentSection.banner-14 img.lineimg {
    width: 71%;
}
}
 @media screen and (min-width:1100px) and (max-width:1600px) {
    .hero.is-in.herobanner-15 {
     height: 1135px;
    }
    .hero.is-in.herobanner-15 .snipe.snipe-ex{
        top: 884px;
    }
        }
        @media (min-width:992px){
            .hero.is-in.herobanner-15 .hero.is-in .bannerContent .bannerFootN p {
        font-size: 11px;
    }
}
@media screen and (min-width:700px) and (max-width:992px) {
    .hero.is-in.herobanner-15 .headingbanner {
        width: 432px;
    }
}
.bannerContentSection.banner-19 .rotate-Text {
    transform: rotate(-8deg);
}

@media screen and (min-width:991px) and (max-width:1000px){
    .bannerContentSection.banner-14 img.lineimg {
       width: 90%;
}
.bannerContentSection.banner-14 img.sparkImg {
    right: 0px;
}
    .bannerContentSection.banner-14 .bannerContent {
    max-width: 393px;
} 
}
@media (min-width:760px) and (max-width:1032px) {
    .bannerContentSection.banner-14 .headingbanner {
    width: 443px;
    }
    .bannerContentSection.banner-14 img.sparkImg {
    right: 0px;
    }
    .bannerContentSection.banner-14 img.lineimg {
    width: 97%;
    }
    .bannerContentSection.banner-14 .bannerContent {
        margin-top: 160px !important;
    }
}
@media (max-width: 768px) {
   /*.bannerContentSection.banner-14 .bannerContent {
        margin-top: 276px !important;
    }*/
}
@media (max-width: 450px) {
   /*.bannerContentSection.banner-14 .bannerContent {
        margin-top: 175px !important;
    }*/
    .bannerContentSection.banner-14 img.lineimg{
        width: 84%;
    }
    .bannerContentSection.banner-14 img.sparkImg {
         left: 262px;
    }
}
@media (min-width: 700px) and (max-width: 999px) {
    .bannerContentSection.banner-14 .headingbanner h4 {
        width: 287px;
    }
}

@media (min-width:991px){
    .bannerContentSection.banner-21 h1 {
    line-height: 53.974px;
}
    /* .bannerContentSection.banner-21 h4 {
        line-height: 46.974px;
    } */
} 
.hero.is-in.herobanner-20 .snipe.snipe-ex{
    margin-bottom: 0px !important;
}
  
/*19*/
@media (min-width: 1099px) and (max-width: 1650px) {
.bannerContentSection.banner-20 .rotate-Text {
    margin-top: -20px;
    margin-left: 6px;
}
}
@media (max-width:991px){
    .hero.is-in.herobanner-19 .snipe.snipe-ex{
    margin-bottom: 0px !important;
}
}
 
/*15*/
@media (min-width:1035px){
    .hero.is-in.herobanner-15{
      height: 1140px;
   }
    .hero.is-in.herobanner-15 .snipe.snipe-ex{
        top: 860px;
    }
}
@media (max-width:991px){
    .hero.is-in.herobanner-15 .snipe.snipe-ex{
        margin-bottom: 0px !important;
    }
}
/*17*/
 .bannerContentSection.banner-18 .desc-container {
        width: 100%;
        padding-bottom: 25px !important;
        margin-top: 40px;
     }
.bannerContentSection.banner-18 .rotate-Text {
    margin-top: -30px;
    transform: rotate(-5deg);
}
.bannerContentSection.banner-18 .headingbanner {
    margin-bottom: 30px;
}

@media screen and (max-width:767px) {
    .bannerContent {
        margin-top: 25vh;
    }
    /*.bannerContentSection.banner-2 .bannerContent,.bannerContentSection.banner-10 .bannerContent{
        margin-top: 26vh;
    }*/
    .herobanner-2{height: 1120px;}
    .herobanner-2 .snipe{top: 0px;}
    .herobanner-2 .footnote{padding-right: 0px;}

    
}

@media screen and (max-width:390px) {
    .herobanner-2{height: 1110px;}
}
@media (min-width:992px){
    .bannerContentSection.banner-14 img.sparkImg {
         right: 0px;
    }
    .bannerContentSection.banner-18 .rotate-Text{margin-top: -25px;}
}

/*17*/
@media screen and (min-width:750px) and (max-width:1199px) {
    .desc{
        width: 360px;
    }
    .bannerContentSection.banner-16 span.normalFont {
        font-size: 28.882px;
    }
}
/*15*/
@media (max-width:440px){
    .bannerContentSection.banner-16 img.sparkImg {
        right: -50px;
        top: -15px;
    }
    .bannerContentSection.banner-16 img.line-89 {
        left: -8px;
    }
    .bannerContentSection.banner-16 span.topAlign {
        left: -13px;
    }
}
@media (max-width: 412px) {
    .bannerContentSection.banner-16 h1, .bannerContentSection.banner-16 h4{
        font-size: 25px;
        line-height: 30px;
    }
    .bannerContentSection.banner-16 h4{top: -22px;}
    .bannerContentSection.banner-16 span.normalFont {
        font-size: 28px;
        line-height: 30px;
    }
}
@media (min-width: 1170px) and (max-width: 1390px) {
    .bannerContentSection.banner-14 img.sparkImg {
        right: 95px;
    }
}
@media (min-width: 992px) {
    .bannerContentSection.banner-16 span.topAlign {    
        left: -20px;
    }
    .bannerContentSection.banner-13 p.desc {
    width: 80%!important;
}
}
@media (min-width: 1391px) and (max-width: 1600px) {
    .bannerContentSection.banner-14 img.sparkImg {
        right: 14px;
    }
}



@media (min-width: 1100px) and (max-width:1199px) {
    .herobanner-2 {
        height: 1100px!important;
    }
        .herobanner-2 .snipe {
        top: 810px !important;
    }
    .desc {
        width: 460px;
    }
    .herobanner-2 .footnote {
    max-width: 565px;
}
.banner-16 .bannerFootN, .herobanner-13 .bannerFootN {
    max-width: 570px;
}

}
@media (min-width: 768px) and (max-width: 1023px) {
.bannerContentSection.banner-3 h4, .bannerContentSection.banner-3 h4 span {
        font-size: 25.778px;}
.bannerContentSection.banner-16 span.topAlign{    top: -14px;
    left: -11px}
    .bannerContentSection.banner-16 img.sparkImg{
        top: -11px;
        right: -54px;
        width: 45%;
    }
    .bannerContentSection.banner-13 h4 {
        font-size: 34.237px!important;}
.herobanner-7 p.desc {
    width: 320px !important;
}
    .bannerContentSection.banner-16 span.normalFont {
        font-size: 26.882px;
    }    .bannerContentSection.banner-14 .bannerContent {
        margin-top: 0px !important;
        padding-top: 0;
    }
    .bannerContentSection.banner-2 h5 {
        margin-left: 0!important;
    }
.bannerContentSection.main-banner .mtm-35 {
    width: 63%;
}
.bannerContentSection.banner-3 .bannerContent {
        margin-top: 0;
    }
bannerContentSection.banner-6 .bannerContent {
        margin-top: 0;
    }
    .bannerContentSection.banner-9 .bannerContent {
        margin-top: 0;
    }
}


@media (min-width: 992px) and (max-width:1199px) {
    .bannerContentSection.banner-16 span.normalFont {
        font-size: 24.882px;
    }
    .bannerContentSection.banner-14 .bannerContent {
        margin-top: 0px !important;
        padding-top: 0;
    }
    .herobanner-2 .hero__inner, .herobanner-7 .hero__inner, .herobanner-12 .hero__inner, .herobanner-13 .hero__inner, .herobanner-14 .hero__inner, .herobanner-15 .hero__inner {
        width: 100%!important; 
    }
.herobanner-2 .hero__inner .desc {
        width: 547px;
    }
    .bannerContentSection.banner-3 .bannerContent {
       
        margin-top: 0;
    }

}

@media screen and (max-width: 767px) {
    .bannerContent {
        margin-top: 200px;
    }
.bannerContentSection.banner-3 .bannerContent {
      
        margin-top: 250px;
    }
}
.bannerContentSection.banner-2 .bannerContent, .bannerContentSection.banner-14 .bannerFootN,
.bannerContentSection.banner-16 .bannerFootN, .bannerContentSection.banner-20 .bannerFootN {
    max-width: 571px;
}