@import url("variables.css");

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

html{
    scroll-behavior:smooth;
}

body{

    background: linear-gradient(135deg, rgba(255,255,255,0.92), rgba(244,250,246,0.88)), url('../../images/backgrounds/background.jpg') center/cover no-repeat fixed;

    color:var(--text);

    font-family:
    "Segoe UI",
    sans-serif;

    line-height:1.7;
}

main > section,
.hero,
.stats,
.features,
.plans,
.process,
.services,
.hospitals,
.testimonials,
.faq,
.newsletter,
.page-hero,
.claims-process,
.claims-form-section {
    background: transparent !important;
}

img{

    width:100%;

    display:block;

}

a{

    text-decoration:none;

    color:inherit;

}

ul{

    list-style:none;

}

button{

    border:none;

    cursor:pointer;

}

.container{

    width:90%;

    max-width:var(--container);

    margin:auto;

}

/*=========================================================
    FORM FIELD ERROR STATE
=========================================================*/

.field-error {
    border-color: var(--danger) !important;
    box-shadow: 0 0 0 4px rgba(220,38,38,.1) !important;
}

.field-error-msg {
    display: block;
    color: var(--danger);
    font-size: 0.78rem;
    margin-top: 5px;
    animation: fadeInDown .2s ease;
}

@keyframes fadeInDown {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}

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

.btn-spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,.4);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin .7s linear infinite;
    vertical-align: middle;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}