.feature {
margin-top: -120px; margin-left: 60px; margin-bottom: 450px; color: #fff;
} .feature img {
width: 420px; position: absolute; top: -200px; height: 700px; z-index: -1; left: -15px;
}
.card-body > i {
font-size: 20px;
} .card-body > .card-title {
transition: all 0.5s ease; font-size: 1.5rem; line-height: 25px; color: #000; font-weight: 600; margin-bottom: 8px; margin-top: 5px;
} .card-body:hover i {
transform: scale(1.2); transition: all 0.5s linear;
} .card-body:hover .card-text {
transition: all 0.5s linear; color: #6c757d !important;
} .card-body:hover {
border-radius: 10px; transition: all 0.5s ease; background-color: #f7f7f7; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
@media (max-width: 1125px) {
.feature { padding: 15px; background-color: #b641da; margin-left: 0; margin-top: 0; margin-bottom: 0; } .feature .feature-title, .feature-description { width: 100% !important; text-align: center; } .feature img, .site-no { display: none; } .card-body .card-text { color: #6c757d !important; } .card-body { border-radius: 10px; background-color: #f7f7f7; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); margin: 20px 0; }
}