/* ==========================================================================
   Job Seekers (Soiskatelyam) CSS - Verale Theme
   ========================================================================== */
.section-banner__image {
background: url(../img/podbor-personala-mos-scaled.jpg);
background-size: cover;
background-position: right;
}
.mcb-item-tkmc1tvn5{
width: 100% !important;
margin: 0;
}
.mcb-section-6cifnze3x .section_wrapper{
width: 100%!important;
margin: 0;
max-width: unset !important;
padding: 0 !important;
}
@media (max-width:767px){
.mcb-section-ghqhn1b9y{
background-image:none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.animate-fade-in-up {
animation: fadeInUp 0.6s ease-out forwards;
}
.scroll-animate {
opacity: 0;
}
.delay-100 { animation-delay: 0.1s; }
.delay-200 { animation-delay: 0.2s; }
.delay-300 { animation-delay: 0.3s; }
.delay-400 { animation-delay: 0.4s; }
@media (max-width: 768px) {
.mcb-section-zykhz5k9n .mcb-section-inner{
padding: 0 !important;
}
.mcb-section-ghqhn1b9y, 
.mcb-section-zykhz5k9n {
background-image:none !important;
}  
@media (max-width: 768px) {
.objs {
--tw-shadow: none;
box-shadow: none;
padding:0;
}
}
.content-block {
box-shadow: none;
padding: 0;
}
}
.main-container {
display: flex;
flex-direction: column;
gap: 32px;
}
.content-block {
display: flex;
flex-direction: column;
align-items: center;
gap: 32px;
padding: 32px;
border-radius: 16px;
}
@media (min-width: 768px) {
.content-block {
flex-direction: row;
}
}
.image-container {
width: 100%;
display: flex;
justify-content: center;
}
@media (min-width: 768px) {
.image-container {
width: 50%;
}
}
.content-text {
width: 100%;
padding: 24px;
font-size: 18px;
}
@media (min-width: 768px) {
.content-text {
width: 50%;
}
}
.section-title {
font-size: 24px;
font-weight: bold;
}
.text-content {
color: #4b5563;
text-align: left;
margin-bottom: 24px;
line-height: 1.6;
}
.feature-item {
display: flex;
align-items: flex-start;
gap: 16px;
margin-bottom: 24px;
}
.feature-title {
font-size: 20px;
font-weight: bold;
text-align: left;
color: #7c3aed;
margin-bottom: 8px;
}
.feature-icon {
width: 48px;
height: 48px;
}
.rounded-image {
border-radius: 16px;
width: 80%;
height: auto;
object-fit: cover;
max-width: 512px;
}