.elementor-1078 .elementor-element.elementor-element-cc365b9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1078 .elementor-element.elementor-element-1b1cfbfb{--display:flex;--min-height:450px;--justify-content:center;--overlay-opacity:0.6;--border-radius:20px 20px 20px 20px;--padding-top:200px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-1078 .elementor-element.elementor-element-1b1cfbfb:not(.elementor-motion-effects-element-type-background), .elementor-1078 .elementor-element.elementor-element-1b1cfbfb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://drayushbhangadia.in/wp-content/uploads/2026/08/female-dentist-with-assistant-working-in-dental-cl-2026-01-08-00-11-38-utc-1024x683-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1078 .elementor-element.elementor-element-1b1cfbfb::before, .elementor-1078 .elementor-element.elementor-element-1b1cfbfb > .elementor-background-video-container::before, .elementor-1078 .elementor-element.elementor-element-1b1cfbfb > .e-con-inner > .elementor-background-video-container::before, .elementor-1078 .elementor-element.elementor-element-1b1cfbfb > .elementor-background-slideshow::before, .elementor-1078 .elementor-element.elementor-element-1b1cfbfb > .e-con-inner > .elementor-background-slideshow::before, .elementor-1078 .elementor-element.elementor-element-1b1cfbfb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-292ec49 );--background-overlay:'';}.elementor-1078 .elementor-element.elementor-element-71afef78{text-align:center;}.elementor-1078 .elementor-element.elementor-element-71afef78 .elementor-heading-title{font-family:var( --e-global-typography-2300c3f-font-family ), Sans-serif;font-size:var( --e-global-typography-2300c3f-font-size );font-weight:var( --e-global-typography-2300c3f-font-weight );line-height:var( --e-global-typography-2300c3f-line-height );color:var( --e-global-color-77f5a55 );}.elementor-1078 .elementor-element.elementor-element-18741dcb .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-1078 .elementor-element.elementor-element-18741dcb .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-1078 .elementor-element.elementor-element-18741dcb .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-1078 .elementor-element.elementor-element-18741dcb .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-1078 .elementor-element.elementor-element-18741dcb .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-1078 .elementor-element.elementor-element-18741dcb .elementor-icon-list-icon i{color:var( --e-global-color-77f5a55 );transition:color 0.3s;}.elementor-1078 .elementor-element.elementor-element-18741dcb .elementor-icon-list-icon svg{fill:var( --e-global-color-77f5a55 );transition:fill 0.3s;}.elementor-1078 .elementor-element.elementor-element-18741dcb{--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-1078 .elementor-element.elementor-element-18741dcb .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1078 .elementor-element.elementor-element-18741dcb .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-1078 .elementor-element.elementor-element-18741dcb .elementor-icon-list-text{color:var( --e-global-color-77f5a55 );transition:color 0.3s;}.elementor-1078 .elementor-element.elementor-element-45176b5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-1078 .elementor-element.elementor-element-addf1c9{--display:flex;}@media(min-width:768px){.elementor-1078 .elementor-element.elementor-element-addf1c9{--width:100%;}}@media(max-width:1024px){.elementor-1078 .elementor-element.elementor-element-cc365b9{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1078 .elementor-element.elementor-element-1b1cfbfb{--min-height:400px;--padding-top:180px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-1078 .elementor-element.elementor-element-71afef78 .elementor-heading-title{font-size:var( --e-global-typography-2300c3f-font-size );line-height:var( --e-global-typography-2300c3f-line-height );}.elementor-1078 .elementor-element.elementor-element-18741dcb .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1078 .elementor-element.elementor-element-18741dcb .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-1078 .elementor-element.elementor-element-1b1cfbfb{--min-height:350px;--border-radius:0px 0px 0px 0px;--padding-top:160px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-1078 .elementor-element.elementor-element-71afef78 .elementor-heading-title{font-size:var( --e-global-typography-2300c3f-font-size );line-height:var( --e-global-typography-2300c3f-line-height );}.elementor-1078 .elementor-element.elementor-element-18741dcb .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1078 .elementor-element.elementor-element-18741dcb .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for html, class: .elementor-element-d7621d1 *//* =========================================================
   AYUSH APPOINTMENT FORM
   NORMAL HTML + FORMSPREE
========================================================= */

.ayush-appointment-section,
.ayush-appointment-section * {
    box-sizing: border-box;
}

.ayush-appointment-section {
    width: 100%;
    margin: 0;
    padding: 0;
}


/* =========================================================
   MAIN FORM
========================================================= */

.ayush-appointment-form {
    width: 100%;
    max-width: 100%;

    margin: 0;
    padding: 30px 34px 25px;

    background: #ffffff;

    border: 1px solid #dfe6ee;
    border-radius: 5px;

    font-family: "DM Sans", sans-serif;
}


/* =========================================================
   FORM RESET
========================================================= */

#ayushAppointmentForm {
    width: 100%;
    margin: 0;
    padding: 0;
}

#ayushAppointmentForm p {
    margin: 0;
}


/* =========================================================
   GRID
========================================================= */

.ayush-form-grid {
    width: 100%;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr);

    column-gap: 18px;
    row-gap: 15px;

    align-items: start;
}


/* =========================================================
   FIELD
========================================================= */

.ayush-form-field {
    width: 100%;
    min-width: 0;

    margin: 0;
    padding: 0;
}


/* =========================================================
   LABEL
========================================================= */

.ayush-form-field label,
.ayush-form-message label {

    display: block;

    width: 100%;

    margin: 0 0 7px;
    padding: 0;

    color: #193452;

    font-family: "DM Sans", sans-serif;

    font-size: 12px;
    font-weight: 600;

    line-height: 1.35;

    text-align: left;
}


.ayush-form-field label span {
    display: inline;

    margin: 0;
    padding: 0;

    color: #b0835a;

    font-size: inherit;
}


/* =========================================================
   INPUTS
========================================================= */

.ayush-form-field input,
.ayush-form-field select {

    display: block;

    width: 100%;
    max-width: 100%;

    height: 44px;

    margin: 0;
    padding: 0 13px;

    border: 1px solid #d7e0e9;
    border-radius: 5px;

    background: #f9fafc;

    color: #193452;

    font-family: "DM Sans", sans-serif;

    font-size: 12px;
    font-weight: 400;

    line-height: normal;

    outline: none;

    box-shadow: none;

    appearance: auto;

    transition:
        border-color .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}


/* =========================================================
   PLACEHOLDER
========================================================= */

.ayush-form-field input::placeholder,
.ayush-form-message textarea::placeholder {

    color: #9ca8b5;

    opacity: 1;
}


/* =========================================================
   SELECT
========================================================= */

.ayush-form-field select {
    cursor: pointer;
}


/* =========================================================
   DISABLED AREA
========================================================= */

#appointment-area:disabled {

    background: #f1f3f5;

    color: #9ca5ae;

    border-color: #dfe5ea;

    cursor: not-allowed;

    opacity: 1;
}


/* =========================================================
   FOCUS
========================================================= */

.ayush-form-field input:focus,
.ayush-form-field select:focus,
.ayush-form-message textarea:focus {

    background: #ffffff;

    border-color: #173f73;

    box-shadow:
        0 0 0 2px rgba(23, 63, 115, .07);
}


/* =========================================================
   MESSAGE
========================================================= */

.ayush-form-message {

    grid-column: 1 / -1;

    width: 100%;

    margin: 0;
    padding: 0;
}


/* =========================================================
   TEXTAREA
========================================================= */

.ayush-form-message textarea {

    display: block;

    width: 100%;
    max-width: 100%;

    height: 82px;
    min-height: 82px;

    margin: 0;
    padding: 11px 13px;

    border: 1px solid #d7e0e9;
    border-radius: 5px;

    background: #f9fafc;

    color: #193452;

    font-family: "DM Sans", sans-serif;

    font-size: 12px;
    line-height: 1.5;

    outline: none;

    box-shadow: none;

    resize: vertical;

    transition:
        border-color .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}


/* =========================================================
   HIDDEN INPUTS
========================================================= */

#ayushAppointmentForm input[type="hidden"] {
    display: none !important;
}


/* =========================================================
   BOTTOM
========================================================= */

.ayush-form-bottom {

    width: 100%;

    margin: 19px 0 0;
    padding: 17px 0 0;

    border-top: 1px solid #e1e7ed;

    text-align: left;
}


/* =========================================================
   BUTTON
========================================================= */

.ayush-form-submit {

    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 235px;
    max-width: 100%;

    height: 45px;

    margin: 0;
    padding: 0 16px;

    border: 1px solid #173f73;
    border-radius: 5px;

    background: #173f73;

    color: #ffffff;

    font-family: "DM Sans", sans-serif;

    font-size: 10px;
    font-weight: 700;

    line-height: 1;

    letter-spacing: 1px;

    cursor: pointer;

    box-shadow: none;

    transition:
        background .25s ease,
        border-color .25s ease,
        transform .25s ease;
}


/* BUTTON TEXT */

.ayush-form-submit span {

    display: block;

    margin: 0;
    padding: 0;

    color: #ffffff;

    line-height: 1;
}


/* BUTTON ICON */

.ayush-form-submit i {

    display: flex;

    align-items: center;
    justify-content: center;

    width: 24px;
    height: 24px;

    margin-left: 12px;

    border-radius: 50%;

    background: #ffffff;

    color: #173f73;

    font-size: 8px;

    transition: transform .25s ease;
}


/* HOVER */

.ayush-form-submit:hover {

    background: #0b2347;

    border-color: #0b2347;
}


.ayush-form-submit:hover i {
    transform: translateX(3px);
}


/* =========================================================
   LOADING
========================================================= */

.ayush-form-submit.is-loading {

    opacity: .7;

    pointer-events: none;
}


/* =========================================================
   NOTE
========================================================= */

.ayush-form-note {

    display: flex;

    align-items: center;

    gap: 7px;

    width: 100%;

    margin: 9px 0 0;
    padding: 0;

    color: #8994a0;

    font-family: "DM Sans", sans-serif;

    font-size: 10px;

    line-height: 1.5;
}


.ayush-form-note i {

    flex: 0 0 auto;

    margin: 0;

    color: #b0835a;

    font-size: 9px;
}


/* =========================================================
   STATUS
========================================================= */

.ayush-form-status {

    display: none;

    width: 100%;

    margin: 14px 0 0;
    padding: 10px 12px;

    border: 1px solid #dfe6ee;
    border-radius: 4px;

    font-family: "DM Sans", sans-serif;

    font-size: 11px;

    line-height: 1.5;
}


.ayush-form-status.success {

    display: block;

    background: #f5f8f6;

    color: #42604d;
}


.ayush-form-status.error {

    display: block;

    background: #fbf6f6;

    color: #9a5555;
}


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

@media (max-width: 600px) {

    .ayush-appointment-form {

        padding: 24px 18px 21px;
    }


    .ayush-form-grid {

        grid-template-columns: 1fr;

        row-gap: 13px;
    }


    .ayush-form-message {

        grid-column: auto;
    }


    .ayush-form-field label,
    .ayush-form-message label {

        font-size: 11px;

        margin-bottom: 6px;
    }


    .ayush-form-field input,
    .ayush-form-field select {

        height: 44px;

        font-size: 12px;
    }


    .ayush-form-message textarea {

        height: 88px;

        min-height: 88px;
    }


    .ayush-form-bottom {

        margin-top: 17px;

        padding-top: 15px;
    }


    .ayush-form-submit {

        width: 100%;

        height: 46px;
    }


    .ayush-form-note {

        align-items: flex-start;

        font-size: 9px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 380px) {

    .ayush-appointment-form {

        padding: 21px 15px 19px;
    }


    .ayush-form-field input,
    .ayush-form-field select {

        height: 43px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-296fb40 *//* =========================================================
   AYUSH APPOINTMENT FORM
   NORMAL HTML + FORMSPREE
========================================================= */

.ayush-appointment-section,
.ayush-appointment-section * {
    box-sizing: border-box;
}

.ayush-appointment-section {
    width: 100%;
    margin: 0;
    padding: 0;
}


/* =========================================================
   MAIN FORM
========================================================= */

.ayush-appointment-form {
    width: 100%;
    max-width: 100%;

    margin: 0;
    padding: 30px 34px 25px;

    background: #ffffff;

    border: 1px solid #dfe6ee;
    border-radius: 5px;

    font-family: "DM Sans", sans-serif;
}


/* =========================================================
   FORM RESET
========================================================= */

#ayushAppointmentForm {
    width: 100%;
    margin: 0;
    padding: 0;
}

#ayushAppointmentForm p {
    margin: 0;
}


/* =========================================================
   GRID
========================================================= */

.ayush-form-grid {
    width: 100%;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr);

    column-gap: 18px;
    row-gap: 15px;

    align-items: start;
}


/* =========================================================
   FIELD
========================================================= */

.ayush-form-field {
    width: 100%;
    min-width: 0;

    margin: 0;
    padding: 0;
}


/* =========================================================
   LABEL
========================================================= */

.ayush-form-field label,
.ayush-form-message label {

    display: block;

    width: 100%;

    margin: 0 0 7px;
    padding: 0;

    color: #193452;

    font-family: "DM Sans", sans-serif;

    font-size: 12px;
    font-weight: 600;

    line-height: 1.35;

    text-align: left;
}


.ayush-form-field label span {
    display: inline;

    margin: 0;
    padding: 0;

    color: #b0835a;

    font-size: inherit;
}


/* =========================================================
   INPUTS
========================================================= */

.ayush-form-field input,
.ayush-form-field select {

    display: block;

    width: 100%;
    max-width: 100%;

    height: 44px;

    margin: 0;
    padding: 0 13px;

    border: 1px solid #d7e0e9;
    border-radius: 5px;

    background: #f9fafc;

    color: #193452;

    font-family: "DM Sans", sans-serif;

    font-size: 12px;
    font-weight: 400;

    line-height: normal;

    outline: none;

    box-shadow: none;

    appearance: auto;

    transition:
        border-color .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}


/* =========================================================
   PLACEHOLDER
========================================================= */

.ayush-form-field input::placeholder,
.ayush-form-message textarea::placeholder {

    color: #9ca8b5;

    opacity: 1;
}


/* =========================================================
   SELECT
========================================================= */

.ayush-form-field select {
    cursor: pointer;
}


/* =========================================================
   DISABLED AREA
========================================================= */

#appointment-area:disabled {

    background: #f1f3f5;

    color: #9ca5ae;

    border-color: #dfe5ea;

    cursor: not-allowed;

    opacity: 1;
}


/* =========================================================
   FOCUS
========================================================= */

.ayush-form-field input:focus,
.ayush-form-field select:focus,
.ayush-form-message textarea:focus {

    background: #ffffff;

    border-color: #173f73;

    box-shadow:
        0 0 0 2px rgba(23, 63, 115, .07);
}


/* =========================================================
   MESSAGE
========================================================= */

.ayush-form-message {

    grid-column: 1 / -1;

    width: 100%;

    margin: 0;
    padding: 0;
}


/* =========================================================
   TEXTAREA
========================================================= */

.ayush-form-message textarea {

    display: block;

    width: 100%;
    max-width: 100%;

    height: 82px;
    min-height: 82px;

    margin: 0;
    padding: 11px 13px;

    border: 1px solid #d7e0e9;
    border-radius: 5px;

    background: #f9fafc;

    color: #193452;

    font-family: "DM Sans", sans-serif;

    font-size: 12px;
    line-height: 1.5;

    outline: none;

    box-shadow: none;

    resize: vertical;

    transition:
        border-color .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}


/* =========================================================
   HIDDEN INPUTS
========================================================= */

#ayushAppointmentForm input[type="hidden"] {
    display: none !important;
}


/* =========================================================
   BOTTOM
========================================================= */

.ayush-form-bottom {

    width: 100%;

    margin: 19px 0 0;
    padding: 17px 0 0;

    border-top: 1px solid #e1e7ed;

    text-align: left;
}


/* =========================================================
   BUTTON
========================================================= */

.ayush-form-submit {

    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 235px;
    max-width: 100%;

    height: 45px;

    margin: 0;
    padding: 0 16px;

    border: 1px solid #173f73;
    border-radius: 5px;

    background: #173f73;

    color: #ffffff;

    font-family: "DM Sans", sans-serif;

    font-size: 10px;
    font-weight: 700;

    line-height: 1;

    letter-spacing: 1px;

    cursor: pointer;

    box-shadow: none;

    transition:
        background .25s ease,
        border-color .25s ease,
        transform .25s ease;
}


/* BUTTON TEXT */

.ayush-form-submit span {

    display: block;

    margin: 0;
    padding: 0;

    color: #ffffff;

    line-height: 1;
}


/* BUTTON ICON */

.ayush-form-submit i {

    display: flex;

    align-items: center;
    justify-content: center;

    width: 24px;
    height: 24px;

    margin-left: 12px;

    border-radius: 50%;

    background: #ffffff;

    color: #173f73;

    font-size: 8px;

    transition: transform .25s ease;
}


/* HOVER */

.ayush-form-submit:hover {

    background: #0b2347;

    border-color: #0b2347;
}


.ayush-form-submit:hover i {
    transform: translateX(3px);
}


/* =========================================================
   LOADING
========================================================= */

.ayush-form-submit.is-loading {

    opacity: .7;

    pointer-events: none;
}


/* =========================================================
   NOTE
========================================================= */

.ayush-form-note {

    display: flex;

    align-items: center;

    gap: 7px;

    width: 100%;

    margin: 9px 0 0;
    padding: 0;

    color: #8994a0;

    font-family: "DM Sans", sans-serif;

    font-size: 10px;

    line-height: 1.5;
}


.ayush-form-note i {

    flex: 0 0 auto;

    margin: 0;

    color: #b0835a;

    font-size: 9px;
}


/* =========================================================
   STATUS
========================================================= */

.ayush-form-status {

    display: none;

    width: 100%;

    margin: 14px 0 0;
    padding: 10px 12px;

    border: 1px solid #dfe6ee;
    border-radius: 4px;

    font-family: "DM Sans", sans-serif;

    font-size: 11px;

    line-height: 1.5;
}


.ayush-form-status.success {

    display: block;

    background: #f5f8f6;

    color: #42604d;
}


.ayush-form-status.error {

    display: block;

    background: #fbf6f6;

    color: #9a5555;
}


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

@media (max-width: 600px) {

    .ayush-appointment-form {

        padding: 24px 18px 21px;
    }


    .ayush-form-grid {

        grid-template-columns: 1fr;

        row-gap: 13px;
    }


    .ayush-form-message {

        grid-column: auto;
    }


    .ayush-form-field label,
    .ayush-form-message label {

        font-size: 11px;

        margin-bottom: 6px;
    }


    .ayush-form-field input,
    .ayush-form-field select {

        height: 44px;

        font-size: 12px;
    }


    .ayush-form-message textarea {

        height: 88px;

        min-height: 88px;
    }


    .ayush-form-bottom {

        margin-top: 17px;

        padding-top: 15px;
    }


    .ayush-form-submit {

        width: 100%;

        height: 46px;
    }


    .ayush-form-note {

        align-items: flex-start;

        font-size: 9px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 380px) {

    .ayush-appointment-form {

        padding: 21px 15px 19px;
    }


    .ayush-form-field input,
    .ayush-form-field select {

        height: 43px;
    }

}/* End custom CSS */