.elementor-3753 .elementor-element.elementor-element-875767b{--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;}.elementor-3753 .elementor-element.elementor-element-a43dd29{--display:flex;}/* Start custom CSS for html, class: .elementor-element-834247a *//* patient-style.css */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    background:#eef5fb;
    font-family:Arial,sans-serif;
    color:#0f172a;
}



/* MAIN */

.carescan-system{
    width:100%;
    max-width:1500px;
    margin:auto;
    padding:20px;
}



/* HEADER */

.top-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    margin-bottom:25px;
    flex-wrap:wrap;
}

.brand-area{
    display:flex;
    align-items:center;
    gap:20px;
    flex-wrap:wrap;
}

.brand-area img{
    width:180px;
}

.brand-area h1{
    font-size:32px;
    color:#1d3557;
}

.brand-area p{
    color:#64748b;
}



/* CARD */

.main-card{
    width:100%;
    background:#fff;
    padding:35px;
    border-radius:24px;
    box-shadow:0 10px 40px rgba(0,0,0,0.05);
    border:1px solid #dbe7f3;
}

.card-title{
    font-size:28px;
    margin-bottom:30px;
    color:#1d3557;
    font-weight:700;
}



/* GRID */

.form-grid{
    display:grid;
    grid-template-columns:
    repeat(auto-fit,minmax(250px,1fr));
    gap:22px;
}

.full-width{
    grid-column:1/-1;
}



/* INPUT */

.input-group{
    display:flex;
    flex-direction:column;
}

.input-group label{
    margin-bottom:10px;
    font-size:14px;
    font-weight:600;
}

.input-group input,
.input-group select{
    height:58px;
    border:1px solid #d7e3f0;
    border-radius:18px;
    padding:0 18px;
    font-size:15px;
    background:#fff;
}

.input-group input:focus,
.input-group select:focus{
    outline:none;
    border-color:#18b6c8;
    box-shadow:0 0 0 4px rgba(24,182,200,0.1);
}



/* BUTTON */

.save-btn,
#showSearch,
#searchBtn{
    border:none;
    border-radius:18px;
    height:58px;
    padding:0 28px;
    cursor:pointer;
    font-size:15px;
    font-weight:600;
}

.save-btn{
    background:#18b6c8;
    color:#fff;
    margin-top:30px;
}

#showSearch{
    background:#1d3557;
    color:#fff;
}

#searchBtn{
    background:#18b6c8;
    color:#fff;
}



/* SEARCH */

.hidden{
    display:none;
}

.search-area{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
}

.search-area input{
    flex:1;
    min-width:250px;
    height:58px;
    border:1px solid #d7e3f0;
    border-radius:18px;
    padding:0 18px;
}



/* RESULT */

.result-box{
    margin-top:25px;
    background:#f8fbff;
    border-radius:20px;
    padding:25px;
    border:1px solid #dbe7f3;
}

.result-box p{
    margin-bottom:10px;
}



/* PRINT */

#printSlip{
    position:fixed;
    left:-999999px;
    top:0;
    width:78mm;
    background:#fff;
    padding:10px;
    color:#000;
    font-size:12px;
}

.print-header{
    text-align:center;
    margin-bottom:8px;
}

.print-header img{
    width:110px;
}

.print-contact{
    text-align:center;
    font-size:11px;
    line-height:1.5;
    margin-bottom:10px;
}

.print-title{
    text-align:center;
    font-size:16px;
    font-weight:700;
    border-top:1px dashed #000;
    border-bottom:1px dashed #000;
    padding:8px 0;
    margin-bottom:10px;
}

.reg-number{
    text-align:center;
    margin-bottom:10px;
    font-size:13px;
    font-weight:700;
}

.slip-line{
    display:flex;
    justify-content:space-between;
    gap:10px;
    padding:7px 0;
    border-bottom:1px dashed #ccc;
}

.payable{
    font-size:14px;
    font-weight:700;
}

.note-box{
    margin-top:12px;
    font-size:10px;
}

.note-box ul{
    padding-left:15px;
    margin-top:5px;
}

.note-box li{
    margin-bottom:4px;
}



/* MOBILE */

@media(max-width:768px){

    .carescan-system{
        padding:12px;
    }

    .main-card{
        padding:20px;
        border-radius:18px;
    }

    .card-title{
        font-size:22px;
    }

    .brand-area img{
        width:140px;
    }

    .brand-area h1{
        font-size:24px;
    }

    .search-area{
        flex-direction:column;
    }

    #searchBtn{
        width:100%;
    }

}



/* PRINT */

@page{
    size:80mm auto;
    margin:3mm;
}

@media print{

    body *{
        visibility:hidden;
    }

    #printSlip,
    #printSlip *{
        visibility:visible;
    }

    #printSlip{
        position:absolute;
        left:0;
        top:0;
        width:78mm;
    }

}/* End custom CSS */
/* Start custom CSS for global, class: .elementor-global-1734 */.elementor-3753 .elementor-element.elementor-global-1734 .hero{
min-height:720px;
display:flex;
align-items:center;
position:relative;
overflow:hidden;
}

.elementor-3753 .elementor-element.elementor-global-1734 .hero-container{
width:100%;
max-width:1200px;
margin:auto;
padding:0 20px;
}

.elementor-3753 .elementor-element.elementor-global-1734 .hero-content{
max-width:620px;
}

/* TAG */

.elementor-3753 .elementor-element.elementor-global-1734 .hero-tag{
font-size:14px;
letter-spacing:1px;
color:#4A6A8A;
margin-bottom:18px;
}

/* TITLE */

.elementor-3753 .elementor-element.elementor-global-1734 .hero-title{
font-family:'Poppins',sans-serif;
font-size:56px;
line-height:1.1;
font-weight:700;
color:#243A5E;
margin-bottom:20px;
}

/* LINE COLOR */

.elementor-3753 .elementor-element.elementor-global-1734 .line1{
color:#1FB5AD;
display:block;
}

.elementor-3753 .elementor-element.elementor-global-1734 .line2,
.elementor-3753 .elementor-element.elementor-global-1734 .line3{
display:block;
}

/* HERO TEXT */

.elementor-3753 .elementor-element.elementor-global-1734 .hero-text{
font-size:16px;
color:#6B7C93;
margin-bottom:30px;
max-width:520px;
line-height:1.6;
}

/* BUTTON AREA */

.elementor-3753 .elementor-element.elementor-global-1734 .hero-actions{
display:flex;
align-items:center;
gap:25px;
margin-bottom:40px;
}

/* BUTTON */

.elementor-3753 .elementor-element.elementor-global-1734 .hero-btn{
background:#334F73;
color:#fff;
padding:14px 28px;
border-radius:10px;
font-size:15px;
font-weight:500;
transition:.35s cubic-bezier(.22,.61,.36,1);
}

.elementor-3753 .elementor-element.elementor-global-1734 .hero-btn:hover{
background:#1FB5AD;
transform:translateY(-2px);
box-shadow:0 15px 40px rgba(31,181,173,.35);
}

/* PHONE */

.elementor-3753 .elementor-element.elementor-global-1734 .hero-call{
display:flex;
align-items:center;
gap:12px;
color:#243A5E;
}

.elementor-3753 .elementor-element.elementor-global-1734 .hero-call i{
width:44px;
height:44px;
background:#EAF1F6;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:16px;
transition:.3s;
}

.elementor-3753 .elementor-element.elementor-global-1734 .hero-call:hover i{
transform:scale(1.1);
}

/* STATS */

.elementor-3753 .elementor-element.elementor-global-1734 .hero-stats{
display:flex;
gap:70px;
}

.elementor-3753 .elementor-element.elementor-global-1734 .hero-stats strong{
font-size:38px;
color:#243A5E;
display:block;
font-family:'Poppins',sans-serif;
}

.elementor-3753 .elementor-element.elementor-global-1734 .hero-stats span{
font-size:14px;
color:#6B7C93;
}

/* ================= */
/* HEADING ANIMATION */
/* ================= */

.elementor-3753 .elementor-element.elementor-global-1734 .hero-title span{
opacity:0;
transform:translateY(40px);
display:block;
animation:heroReveal .8s ease forwards;
}

.elementor-3753 .elementor-element.elementor-global-1734 .line1{animation-delay:.2s;}
.elementor-3753 .elementor-element.elementor-global-1734 .line2{animation-delay:.5s;}
.elementor-3753 .elementor-element.elementor-global-1734 .line3{animation-delay:.8s;}

@keyframes heroReveal{

from{
opacity:0;
transform:translateY(40px);
}

to{
opacity:1;
transform:translateY(0);
}

}

/* HERO TEXT FADE */

.elementor-3753 .elementor-element.elementor-global-1734 .hero-text{
opacity:0;
animation:heroFade 1s ease forwards;
animation-delay:1s;
}

@keyframes heroFade{

from{
opacity:0;
transform:translateY(20px);
}

to{
opacity:1;
transform:translateY(0);
}

}

/* MOBILE */

@media(max-width:768px){

.elementor-3753 .elementor-element.elementor-global-1734 .hero-title{
font-size:34px;
}

.elementor-3753 .elementor-element.elementor-global-1734 .hero-actions{
flex-direction:column;
align-items:flex-start;
}

.elementor-3753 .elementor-element.elementor-global-1734 .hero-stats{
gap:40px;
}

}
.hero-content{
max-width:620px;
margin-left:-40px;
}/* End custom CSS */