.hero-card{
overflow:hidden;
}

.hero-bg-icon{
pointer-events:none;
position:absolute;
opacity:0.12;
transform:translate(40px,-40px);
}

.hero-bg-icon i{
font-size:180px;
color:white;
}

.hover-lift{
transition:all .35s cubic-bezier(.4,0,.2,1);
}

.hover-lift:hover{
transform:translateY(-6px);
box-shadow:0 20px 40px rgba(0,0,0,0.12)!important;
}

.answer-section {
animation: slideDown 0.3s ease;
}

@keyframes slideDown {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

.prose-content {
line-height: 1.8;
color: #333;
}

.prose-content p {
margin-bottom: 1rem;
}

.prose-content ul, .prose-content ol {
margin-right: 1.5rem;
margin-bottom: 1rem;
}

.prose-content li {
margin-bottom: 0.5rem;
}

.prose-content h1, .prose-content h2, .prose-content h3 {
margin-top: 1.5rem;
margin-bottom: 1rem;
font-weight: bold;
}

.prose-content code {
background-color: #f5f5f5;
padding: 0.2rem 0.4rem;
border-radius: 3px;
font-family: 'Courier New', monospace;
}

.prose-content pre {
background-color: #f5f5f5;
padding: 1rem;
border-radius: 5px;
overflow-x: auto;
}

.markdown-body {
white-space: pre-wrap;
word-wrap: break-word;
}

.progress{
background:rgba(0,0,0,.05);
border-radius:50px;
overflow:hidden;
}

.progress-bar{
border-radius:50px;
transition:width .6s ease;
}

.btn{
transition:all .25s ease;
}

.btn:hover{
transform:translateY(-2px);
}

@media (max-width:992px){

.hero-bg-icon i{
font-size:140px;
}

}

@media (max-width:768px){

.card-body.p-5{
padding:2rem!important;
}

.hero-bg-icon{
opacity:.06;
transform:translate(10px,-10px);
}

.hero-bg-icon i{
font-size:90px;
}

}

@media (max-width:576px){

.hero-bg-icon{
display:none;
}

}