/* =========================================================
   CLEAR ALIGNERS LANDING PAGE
   Page ID: 12517
   ========================================================= */

/* Remove the internal-page title area */
.page-id-12517 #main > .container:first-child > .dt-sc-hr-invisible-medium,
.page-id-12517 #main > .container:first-child > .dt-sc-hr,
.page-id-12517 #main > .container:first-child > .simple-title {
    display: none !important;
}


/* =========================================================
   MOBILE HERO
   ========================================================= */

@media (max-width: 767px) {

    /* Hero heading */
    .page-id-12517 h1 {
        font-size: 30px !important;
        line-height: 1.15 !important;
    }

.page-id-12517 .clear-aligner-hero-text {
        font-size: 15px !important;
        line-height: 1.5 !important;
    }

 .page-id-12517 .vc_row.clear-aligner-hero-new {
        background-image:
            linear-gradient(
                90deg,
                rgba(255,255,255,0.94) 0%,
                rgba(255,255,255,0.82) 45%,
                rgba(255,255,255,0.45) 68%,
                rgba(255,255,255,0) 88%
            ),
            url("https://drvarunssmile.com/wp-content/uploads/2026/09/smile-world-aligner-clear-aligner-treatment-kochi-mobile.webp") !important;

        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }


}