/* ==========================================
   OnlineOPD Thank You CSS
   ========================================== */

body{
    margin:0;
    background:#f8fbff;
    font-family:Arial,Helvetica,sans-serif;
}

.thankyou-section{
    padding:80px 0;
}

.thank-box{
    background:#fff;
    border-radius:20px;
    box-shadow:0 10px 40px rgba(0,0,0,.08);
    padding:60px;
}

.success-icon{
    width:110px;
    height:110px;
    margin:0 auto 30px;
    background:#28a745;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:48px;
}

.page-title{
    font-size:42px;
    font-weight:700;
    color:#24364b;
    margin-bottom:20px;
}

.description{
    font-size:18px;
    line-height:34px;
    color:#5f6f81;
    font-weight:500;
    margin-bottom:30px;
}

.info-box{
    background:#f5f9fd;
    border-left:5px solid #2f80ed;
    border-radius:10px;
    padding:25px;
    margin:35px 0;
    text-align:left;
}

.info-box h4,
.info-box h5{
    font-size:24px;
    font-weight:700;
    color:#24364b;
    margin-bottom:18px;
}

.info-box ul{
    margin:0;
    padding-left:20px;
}

.info-box ul li{
    margin-bottom:12px;
    line-height:28px;
    color:#5f6f81;
}

.btn-home{
    display:inline-block;
    padding:14px 40px;
    border-radius:30px;
    font-size:17px;
    font-weight:600;
}

.support{
    margin-top:35px;
    color:#6c757d;
    line-height:30px;
    font-size:16px;
}

/* Responsive */

@media(max-width:768px){

.thank-box{
padding:35px 25px;
}

.page-title{
font-size:30px;
}

.description{
font-size:16px;
line-height:30px;
}

.success-icon{
width:90px;
height:90px;
font-size:38px;
}

.info-box h4,
.info-box h5{
font-size:20px;
}

.btn-home{
width:100%;
}

}