﻿

.service-menu{
    width:100%;
    margin:auto;
    padding:40px 20px;
}

.service-group{
    padding:30px 20px;
    margin-bottom:55px;
    background:#fcf3ed;
    overflow:hidden;
    border-radius:20px;
}
.service-content{
    column-count:2;
    column-gap:30px;
}
.group-title{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:10px 30px;
    margin-bottom:25px;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:2px;
    font-size:28px;
    font-weight:700;
    border-radius:50px;

    background:linear-gradient(
        180deg,
        #7b0d15,
        #5a0710
    );

    box-shadow:
    inset 0 2px 2px rgba(255,255,255,.25),
    0 5px 12px rgba(0,0,0,.18);
}

.service-item{

    display:grid;
    grid-template-columns:
        1fr
        auto
        auto;
    align-items:center;
    padding:10px 0 5px;
    border-bottom:1px dotted #e9ddd8;
}

.service-item span:first-child{

    font-size:20px;
    text-align:left;
    font-weight:500;
    color:#000;
}

.service-item span:nth-child(2){

    color:#9f1d23;

    font-style:italic;

    font-size:17px;
}

.service-item strong{

    font-size:20px;

    font-weight:700;

    white-space:nowrap;
}

.note{

    margin-top:20px;

    color:#7d3d3d;

    line-height:1.7;

    font-size:18px;
}
.service-desc{
    color:#555;
    font-size:16px;
    font-style:italic;
    line-height:1.5;
    text-align:left;
}
.sub-title
{
    margin-bottom:30px;
    color:#8f1418;
    font-size:24px;
    text-transform:uppercase;
    font-weight:700;
}

.sub-title-small{
    margin:25px 0 10px;
    color:#a52a2a;
    font-size:25px;
    text-transform:uppercase;
    font-weight:700;
    text-align:left;
}
.lash-map-box{
    border:2px dashed #d6b98b;
    border-radius:18px;
    padding:25px;
    text-align:center;
    width:100%;
    max-width:500px;
    margin:0px auto;
}

.lash-map-box p{
    margin:8px 0;
    font-size:20px;
    color:#000;
    line-height:1.6;
}

.lash-map-box p:last-child{
    margin-bottom:0;
}
@media(max-width:768px)
{
    .service-group{
    }
    .service-content{
        column-count:1;
        column-gap:0;
    }
    .group-title{

        font-size:26px;

        min-width:auto;

        width:100%;
    }

    .service-item{

        grid-template-columns:1fr auto;

        gap:10px;
    }

    .service-item span:nth-child(2){

        grid-column:1;

        font-size:14px;

        margin-top:-6px;
    }

    .service-item strong{

        grid-row:1 / span 2;

        grid-column:2;

        align-self:center;

        font-size:18px;
    }

    .service-item span:first-child{

        font-size:18px;
    }

}