/* solution_style.css */

.custom-btn {
    background-color: #ee6344;
    color: white; /* 기본 텍스트 색상 */
}

.custom-btn:hover {        
    color: white; /* 기본 텍스트 색상 */
    background-color: #ee4224; /* hover 시 더 진하게 */
    text-decoration: none; /* 링크의 기본 밑줄 제거 */
}

.centered-image {
    display: block;
    margin: 0 auto;
    max-width: 100%; /* 기본적으로 부모 요소의 너비를 따라감 */
    width: 100%; /* 부모 요소의 너비에 맞춤 */
    height: auto; /* 이미지 비율 유지 */
}

.with-us-image {
    display: block;
    margin: 0 auto;
    max-width: 100%; /* 기본적으로 부모 요소의 너비를 따라감 */
    width: 400px; /* 최대 너비를 700px로 제한 */
    height: auto; /* 이미지 비율 유지 */
    margin-bottom: 10px;
}

.with-us-title {
    text-align: left;    
    margin-left: 10px;
    margin-bottom: 0px;
    display: block; /* 블록 요소로 설정 */  
}

.with-us-btn {    
    background-color: coral;
    color: white;    
    transition: all 0.3s ease;
    border: none; /* 가장자리 선 제거 */    
}

.with-us-btn:hover {
    background: linear-gradient(to bottom, coral, #e6523d);
}

/* 카드 내부에서 버튼을 항상 맨 아래로 */
.card-body {
    display: flex;
    flex-direction: column;
}

.solution-card-custom {
    display: flex;
    flex-direction: column;
    justify-content: center; /* 이미지를 세로 중앙 정렬 */
    align-items: center; /* 가로 중앙 정렬 */
    height: 100%;
    padding: 1rem; /* 카드 내부 패딩 */
}

.solution-card-custom .card-body {
    margin-top: 0; /* 여백 제거 */
    text-align: center;
    padding: 0.5rem 1rem; /* 상하 패딩 줄임 */
}

.solution-card-custom .card-img-top {
    max-width: 100%; /* 반응형으로 이미지 크기 조정 */
    max-height: 80%; /* 카드 높이의 80%로 제한 */
    height: auto;
    width: auto;
    margin: auto; /* 상하좌우 중앙 정렬 */
    display: block;
    border-radius: 20px; /* 네 모서리 모두 둥글게 */
    object-fit: contain; /* 이미지 비율 유지 */
}

.value-text-1 {
    font-size: 20px;
    color: #444444;
    margin-bottom: 0px;
}
.value-text-2 {
    font-size: 16px;
    color: #444444;
    margin-bottom: 0px;
}