.sdw-img {
    border-radius: 15px; /* Border radius 15px */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4); /* Shadow effect */
    transition: transform 0.3s, box-shadow 0.3s; /* Smooth transition */
}

.sdw-img:hover {
    transform: translateY(-5px); /* Card type up effect */
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.5); /* Shadow increase on hover */
}

.c-one {
    background-color: #df1529;
    border-radius: 15px; /* Border radius 15px */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4); /* Shadow effect */
    transition: transform 0.3s, box-shadow 0.3s; /* Smooth transition */
}

.c-one:hover {
    background-color: #fd7e14;
    transform: translateY(-5px); /* Card type up effect */
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.5); /* Shadow increase on hover */
}

.c-two {
    background-color: #0dcaf0;
    border-radius: 15px; /* Border radius 15px */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4); /* Shadow effect */
    transition: transform 0.3s, box-shadow 0.3s; /* Smooth transition */
}

.c-two:hover {
    background-color: #fd7e14;
    transform: translateY(-5px); /* Card type up effect */
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.5); /* Shadow increase on hover */
}

.c-three {
    background-color: #20c997;
    border-radius: 15px; /* Border radius 15px */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4); /* Shadow effect */
    transition: transform 0.3s, box-shadow 0.3s; /* Smooth transition */
}

.c-three:hover {
    background-color: #fd7e14;
    transform: translateY(-5px); /* Card type up effect */
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.5); /* Shadow increase on hover */
}

.c-one-two-three-title {
    color: white;
    font-size: 24px;
  font-weight: 700;
  margin-bottom: 18px;
}

.c-one-two-three-description {
    color: white;
}

.c-one-two-three-description:hover {
    color: black;
}

.btn {
    padding: 10px 20px; /* Add padding for better button size */
    font-size: 16px; /* Adjust font size */
    text-decoration: none; /* Remove underline */
    border: none;
    color: white; /* Text color */
    background-color: #df1529; /* Button background color */
    border-radius: 5px; /* Rounded corners */
    transition: background-color 0.3s; /* Smooth hover effect */
}

.btn:hover {
    background-color: #d65a67; /* Darker shade on hover */
}

/* Style for the white card */
.white-card {
  background-color: #fff; /* White background */
  padding: 20px; /* Padding inside the card */
  border-radius: 15px; /* Rounded corners */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Light shadow */
  transition: box-shadow 0.3s ease; /* Smooth transition for shadow */
}

/* Darker shadow effect on hover */
.white-card:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); /* Darker shadow on hover */
}