/*==================================================
INDIANASTROVEDIC
SERVICE OVERVIEW
==================================================*/

.service-overview{

    position:relative;

    padding:100px 0;

    background:#ffffff;

}

.service-overview .row{

    align-items:center;

}

/*=====================================
LEFT SIDE
=====================================*/

.overview-image{

    position:relative;

    height:520px;

    display:flex;

    align-items:center;

    justify-content:center;

}

.image-bg{

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    background:linear-gradient(135deg,#071B3A,#10315F);

    box-shadow:0 35px 80px rgba(7,27,58,.18);

}

.image-bg::before{

    content:"";

    position:absolute;

    inset:20px;

    border:2px dashed rgba(255,255,255,.15);

    border-radius:50%;

}

.image-card{

    position:relative;

    width:310px;

    min-height:330px;

    background:#fff;

    border-radius:25px;

    padding:45px 30px;

    text-align:center;

    box-shadow:0 30px 80px rgba(0,0,0,.12);

    z-index:2;

}

.overview-icon{

    width:95px;

    height:95px;

    margin:0 auto 25px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    background:linear-gradient(180deg,#E6C76B,#C89B3C);

    color:#071B3A;

    font-size:42px;

}

.image-card h3{

    font-size:28px;

    font-weight:700;

    color:#071B3A;

    margin-bottom:15px;

}

.image-card p{

    color:#667085;

    line-height:1.8;

}

/*=====================================
RIGHT CONTENT
=====================================*/

.overview-content{

    padding-left:40px;

}

.section-tag{

    display:inline-block;

    padding:10px 22px;

    border-radius:40px;

    background:#F5F7FA;

    color:#C89B3C;

    font-weight:700;

    font-size:14px;

    letter-spacing:1px;

    margin-bottom:20px;

    text-transform:uppercase;

}

.overview-content h2{

    font-size:48px;

    font-weight:800;

    color:#071B3A;

    line-height:1.2;

    margin-bottom:30px;

}

.overview-text{

    color:#667085;

    font-size:17px;

    line-height:1.9;

    margin-bottom:35px;

}

.overview-text p{

    margin-bottom:20px;

}

.overview-features{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:18px;

    margin-bottom:40px;

}

.overview-feature{

    display:flex;

    align-items:center;

    gap:12px;

    padding:16px 18px;

    background:#fff;

    border:1px solid #E4E7EC;

    border-radius:14px;

    transition:.3s;

}

.overview-feature:hover{

    border-color:#C89B3C;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

    transform:translateY(-4px);

}

.overview-feature i{

    color:#C89B3C;

    font-size:20px;

    flex-shrink:0;

}

.overview-feature span{

    color:#344054;

    font-weight:600;

}

/*=====================================
BUTTONS
=====================================*/

.overview-buttons{

    display:flex;

    gap:20px;

    flex-wrap:wrap;

}

.overview-buttons .btn-book,

.overview-buttons .btn-whatsapp{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:16px 32px;

    border-radius:50px;

    font-weight:700;

    text-decoration:none;

    transition:.3s;

}

.overview-buttons .btn-book{

    background:#C89B3C;

    color:#071B3A;

}

.overview-buttons .btn-book:hover{

    transform:translateY(-3px);

    box-shadow:0 15px 35px rgba(200,155,60,.35);

}

.overview-buttons .btn-whatsapp{

    background:#25D366;

    color:#fff;

}

.overview-buttons .btn-whatsapp:hover{

    transform:translateY(-3px);

    box-shadow:0 15px 35px rgba(37,211,102,.35);

}