/* =========================
   Dental Lead Form Final
========================= */


.dental-lead-section {

    width:100%;

    display:flex;

    justify-content:center;

    align-items:center;

    padding:20px 10px;

    direction:rtl;

}



/* Main Box */

.dental-form-box {

    width:100%;

    max-width:350px;

    background:#f7fcff;

    border-radius:20px;

    padding:22px 20px;

    border:1px solid #d8edf8;

    direction:rtl;

}




/* Header */

.dental-form-header {

    text-align:center;

    margin-bottom:22px;

}



.dental-icon {

    width:48px;

    height:48px;

    margin:auto;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#fff;

    border-radius:50%;

    font-size:24px;

}



.dental-form-header h2 {

    font-size:21px;

    color:#06456b;

    font-weight:800;

    margin:12px 0 5px;

}



.dental-form-header p {

    font-size:12px;

    color:#64748b;

    margin:0;

    line-height:1.7;

}



/* Form */

#leadForm {

    direction:rtl;

    text-align:right;

}



/* Inputs */

.input-group {

    position:relative;

    margin-bottom:13px;

}



.input-group input {

    width:100%;

    height:45px;

    box-sizing:border-box;

    background:#fff;

    border:1px solid #cfe5f3;

    border-radius:11px;

    padding:0 15px;

    color:#123;

    font-size:14px;

    outline:none;

    direction:rtl;

    text-align:right;

    transition:.25s;

}



.input-group input:focus {

    border-color:#00a6e8;

    box-shadow:
    0 0 0 3px rgba(0,166,232,.12);

}



.input-group label {

    position:absolute;

    right:15px;

    top:50%;

    transform:translateY(-50%);

    color:#7b9aaa;

    font-size:13px;

    background:#fff;

    padding:0 5px;

    pointer-events:none;

    transition:.25s;

}



.input-group input:focus + label,
.input-group input:valid + label {

    top:0;

    font-size:10px;

    color:#009fe3;

}





/* =========================
   Submit Button Half Width
========================= */


.submit-btn {

    width:50%;

    height:48px;

    margin:8px auto 0;

    border-radius:12px;

    border:none;

    background:linear-gradient(
        135deg,
        #00a9df,
        #0076b5
    );

    color:white;

    font-size:14px;

    font-weight:700;

    cursor:pointer;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:8px;

    position:relative;

    overflow:hidden;

    animation:buttonGlow 2s infinite;

    transition:.3s;

}



.submit-btn span {

    color:white;

    position:relative;

    z-index:2;

}



/* Blue Glow Animation */

@keyframes buttonGlow {


    0% {

        box-shadow:
        0 0 0 0 rgba(0,166,232,.45);

    }


    50% {

        box-shadow:
        0 0 18px 6px rgba(0,166,232,.35);

    }


    100% {

        box-shadow:
        0 0 0 0 rgba(0,166,232,.45);

    }

}



/* Shine Effect */

.submit-btn::after {

    content:"";

    position:absolute;

    top:0;

    left:-80px;

    width:50px;

    height:100%;

    background:rgba(255,255,255,.35);

    transform:skewX(-25deg);

    animation:buttonShine 3s infinite;

}



@keyframes buttonShine {


    0% {

        left:-80px;

    }


    40% {

        left:120%;

    }


    100% {

        left:120%;

    }

}



/* Hover */

.submit-btn:hover {

    transform:translateY(-2px);

    background:linear-gradient(
        135deg,
        #0098cf,
        #00649c
    );

}



/* Mobile */

@media(max-width:400px){


    .dental-form-box {

        max-width:320px;

        padding:18px 15px;

    }



    .dental-form-header h2 {

        font-size:18px;

    }


    .submit-btn {

        width:65%;

    }

}