.services-page{
    padding: 3rem 1rem 5rem;
}
.main-title{
    text-align: center;
    font-size: 36px;
    margin-bottom: 3rem;
}

.service-box{
    max-width: 1000px;
    margin: 0 auto 3rem;
    padding: 3rem;
    background: #444;
    border-radius: 40px;
    display: flex;
    gap: 3rem;
    align-items: center;
}

.icon img{
    width: 260px;
    height: auto;
}

.service-content{
    flex: 1;
}
.service-title{
    font-size: 26px;
}
.service-sub{
    font-size:18px;
    margin-bottom: 2rem;
    opacity: 0.9;
}
.offer-box{
    background: #808080;
    padding: 2rem;
    border-radius: 24px;
    margin-bottom: 2rem;
}
.offer-box h3{
    margin-bottom: 1rem;
}
.offer-box ul{
    padding-left: 1.2rem;
}
.offer-box li{
    margin-bottom: 0.5rem;
}

.item-buttons{
    display: flex;
    gap:1.2rem;
    flex-wrap: wrap;
}
.btn{
    padding: 0.8rem 1.6rem;
    font-size: 1.2rem;
    font-weight: bold;
    border-radius: 6px;
    text-decoration: none;
    transition: 0.3s;
}
.btn.gold{
    background:#FFC20E;
    color: #fff;
}
.btn.gold:hover{
    opacity:0.85;
}

@media(max-width:900px){
    .service-box{
        flex-direction: column;
        text-align: center;
    }
    .offer-box li{
        text-align: left;
    }
    
    .icon img{
        width: 220px;
    }

    .item-buttons{
        display: flex;
        gap: 12px;
    }
    .item-buttons .btn{
        flex: 1;
        padding: 12px;
    }

}