#agentic-development-feature {
    background-image: url(/filemaker/agentic-development/images/claris-future_fm-hero_2x.jpg);
}

@media only screen and (max-width: 735px) {
    #agentic-development-feature {
        background-image: url(/filemaker/agentic-development/images/claris-future_fm-hero-mobile_2x.jpg);
    }
}

.cs-ffvb-01-header { max-width: 1000px; }
/* .cs-ffvb-01-header h1, .cs-ffvb-01-header p { text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); } */

.cs-sos-01-slide-content { min-height: 550px; }

.cs-sos-01-slide-01 .cs-sos-01-slide-content { background: linear-gradient(128.37deg, #3055E5 -32.89%, #EA7EB0 108.12%); }
.cs-sos-01-slide-02 .cs-sos-01-slide-content { background: url(/filemaker/agentic-development/images/panel2bg.jpg); background-size: cover; background-position: bottom; }
.cs-sos-01-slide-03 .cs-sos-01-slide-content { background: url(/filemaker/agentic-development/images/panel3bg.jpg); background-size: cover; background-position: bottom; }

.cs-sos-01-slide-01 .cs-sos-101-slide-content-bottom { justify-content: center; }
.cs-sos-01-slide-02 .cs-sos-101-slide-content-bottom img { margin-bottom: -32px; margin-right: -32px; border-bottom-right-radius: 20px; }
.cs-sos-01-slide-03 .cs-sos-101-slide-content-bottom img { margin-bottom: -32px; }




.cs-sipg-01-left { width: 40%; }
.cs-sipg-01-right { width: 60%; padding-top: 30px; display: block; }

@media only screen and (max-width: 1068px) {
    .solve-more-problem-mobile-image { width: 80%; margin: 0 auto; display: block !important; margin-bottom: 40px; }
    .cs-sipg-01-wrap { flex-direction: column; }
    .cs-sipg-01-item { width: 100%; }
    .cs-sipg-01-left { padding-right: 0; }
    .cs-sipg-01-right { display: flex; justify-content: center; padding-top: 40px; }
    .cs-sipg-01-right img { width: 80%; }
    .cs-sipg-01-right { display: none; }
}

@media only screen and (max-width: 735px) {
    .cs-sipg-01-right { padding-top: 10px; }
    
}