/* =====================================================
   Divyaability Foundation
   Legal Pages Stylesheet
   Version: 1.0
===================================================== */

.policy-wrapper{
    background:#f8f9fc;
}

.policy-title{
    color:var(--primary-bg);
    font-weight:800;
    letter-spacing:-0.5px;
}

.policy-meta{
    font-size:.95rem;
}

.policy-card{
    background:#fff;
    border-radius:32px;
    padding:3.5rem;
    box-shadow:0 10px 35px rgba(0,0,0,.05);
    border:1px solid rgba(0,0,0,.05);
}

/* ==========================
   Sections
========================== */

.policy-section{
    margin-bottom:3.5rem;
}

.policy-section:last-child{
    margin-bottom:0;
}

/* ==========================
   Headings
========================== */

.policy-heading{
    color:var(--primary-bg);
    border-left:5px solid var(--gold);
    padding-left:18px;
    font-weight:800;
    margin-bottom:1.3rem;
    line-height:1.4;
}

.policy-heading i{
    color:var(--gold);
}

/* ==========================
   Text
========================== */

.policy-text{
    color:#555;
    line-height:1.9;
    font-size:1rem;
    margin-bottom:1rem;
}

.policy-text:last-child{
    margin-bottom:0;
}

/* ==========================
   Lists
========================== */

.policy-list{
    padding-left:1.4rem;
    margin-bottom:0;
}

.policy-list li{
    color:#555;
    line-height:1.9;
    margin-bottom:.75rem;
}

.policy-list li:last-child{
    margin-bottom:0;
}

/* ==========================
   Sub Headings
========================== */

.policy-section h3{
    color:#2b2b2b;
    font-weight:700;
    margin-top:2rem;
    margin-bottom:1rem;
}

/* ==========================
   Alert Boxes
========================== */

.alert{
    border-radius:18px;
    padding:1.4rem 1.5rem;
}

.alert strong{
    display:block;
    margin-bottom:.5rem;
}

.alert p{
    margin:0;
    line-height:1.8;
}

/* ==========================
   Data Cards
========================== */

.data-card{

    height:100%;

    background:#fafafa;

    border:1px solid rgba(0,0,0,.06);

    border-radius:20px;

    padding:28px;

    transition:.25s ease;

}

.data-card:hover{

    transform:translateY(-3px);

    box-shadow:0 8px 25px rgba(0,0,0,.07);

}

.data-card h3{

    margin-top:0;

    margin-bottom:1rem;

    color:var(--primary-bg);

}

.data-card p{

    color:#555;

    line-height:1.8;

}

/* ==========================
   Links
========================== */

.policy-card a{

    color:var(--gold);

    text-decoration:none;

    font-weight:600;

    transition:.25s;

}

.policy-card a:hover{

    color:var(--primary-bg);

    text-decoration:underline;

}

.policy-card a:focus-visible{

    outline:3px solid var(--gold);

    outline-offset:4px;

    border-radius:6px;

}

/* ==========================
   Legal Links Grid
========================== */

.policy-section.border-top a{

    display:block;

    background:#fff;

    border:1px solid rgba(0,0,0,.08);

    border-radius:14px;

    padding:15px 18px;

    transition:.25s;

    color:#444;

    font-weight:600;

}

.policy-section.border-top a:hover{

    background:var(--gold);

    color:#fff;

    border-color:var(--gold);

    text-decoration:none;

    transform:translateY(-2px);

}

/* ==========================
   Icons
========================== */

.bi{

    vertical-align:middle;

}

/* ==========================
   Horizontal Rule
========================== */

.border-top{

    border-color:#ececec !important;

}

/* ==========================
   Selection
========================== */

::selection{

    background:var(--gold);

    color:#fff;

}

/* ==========================
   Responsive
========================== */

@media (max-width:991px){

    .policy-card{

        padding:2.5rem;

        border-radius:24px;

    }

}

@media (max-width:767px){

    .policy-card{

        padding:1.6rem;

        border-radius:20px;

    }

    .policy-heading{

        font-size:1.25rem;

        padding-left:15px;

    }

    .policy-text{

        font-size:.97rem;

    }

    .policy-list{

        padding-left:1.2rem;

    }

}

@media (max-width:575px){

    .policy-title{

        font-size:2rem;

    }

    .policy-card{

        padding:1.25rem;

    }

    .policy-heading{

        font-size:1.15rem;

    }

}