/*==================================
CASE DETAIL
==================================*/

.caseDetail{
    padding:90px 0;
    background:#fff;
}

.caseWrap{
    display:flex;
    align-items:center;
    gap:70px;
}

.caseCover{
    width:50%;
    flex-shrink:0;
}

.caseCover img{
    width:100%;
    display:block;
    border-radius:18px;
    box-shadow:0 20px 45px rgba(0,0,0,.08);
    transition:.5s;
}

.caseCover:hover img{
    transform:scale(1.02);
}

.caseContent{
    width:50%;
}

.caseCategory{
    display:inline-block;
    color:#b58a4c;
    font-size:14px;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:18px;
}

.caseContent h2{
    font-size:42px;
    color:#222;
    line-height:1.3;
    margin-bottom:28px;
}

.caseContent p{
    color:#555;
    line-height:2;
    margin-bottom:22px;
    font-size:17px;
}

.serviceLineBtn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    margin-top:12px;

    height:56px;
    padding:0 34px;

    background:#06C755;
    color:#fff;

    text-decoration:none;

    border-radius:999px;

    font-weight:600;

    transition:.35s;
}

.serviceLineBtn:hover{

    background:#05ad4a;

    transform:translateY(-4px);

    box-shadow:0 12px 30px rgba(6,199,85,.25);

}


/*==================================
GALLERY
==================================*/

.caseGallery{
    padding:0 0 90px;
}

.caseGallery .titleBox{
    text-align:center;
    margin-bottom:55px;
}

.caseGallery .titleBox span{
    display:block;
    color:#b58a4c;
    letter-spacing:3px;
    font-size:14px;
    margin-bottom:12px;
}

.caseGallery .titleBox h2{
    font-size:38px;
    color:#222;
}

.galleryGrid{

    display:grid;

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

    gap:22px;

}

.galleryItem{

    display:block;

    overflow:hidden;

    border-radius:14px;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

}

.galleryItem img{

    width:100%;

    display:block;

    transition:.5s;

}

.galleryItem:hover img{

    transform:scale(1.08);

}


/*==================================
TABLET
==================================*/

@media screen and (max-width:991px){

.caseDetail{

    padding:70px 0;

}

.caseWrap{

    display:block;

}

.caseCover{

    width:100%;

    margin-bottom:40px;

}

.caseContent{

    width:100%;

}

.caseContent h2{

    font-size:34px;

}

.galleryGrid{

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

}

}


/*==================================
MOBILE
==================================*/

@media screen and (max-width:767px){

.caseDetail{

    padding:55px 0;

}

.caseContent h2{

    font-size:28px;

}

.caseContent p{

    font-size:16px;

    line-height:1.9;

}

.serviceLineBtn{

    width:100%;

}

.caseGallery{

    padding-bottom:55px;

}

.caseGallery .titleBox{

    margin-bottom:35px;

}

.caseGallery .titleBox h2{

    font-size:28px;

}

.galleryGrid{

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

    gap:15px;

}

}