.elementor-5933 .elementor-element.elementor-element-1cbee9a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5933 .elementor-element.elementor-element-e64473e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5933 .elementor-element.elementor-element-60b7c04{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-a1f82bd *//* =========================
AI RECOMMENDATION FRAMEWORK
========================= */

.section-container{
max-width:1200px;
margin:auto;
}

/* HERO SECTION */

.ai-framework-hero{
background:linear-gradient(135deg,#003366,#0B72E7);
padding:100px 30px;
}

.ai-framework-hero *{
color:#ffffff !important;
}

.hero-badge{
display:inline-block;
background:rgba(255,255,255,.15);
padding:8px 16px;
border-radius:30px;
font-size:13px;
font-weight:700;
letter-spacing:1px;
margin-bottom:20px;
}

.ai-framework-hero h1{
font-size:58px;
line-height:1.1;
margin-bottom:25px;
}

.hero-text{
font-size:22px;
line-height:1.7;
margin-bottom:35px;
}

.hero-buttons{
display:flex;
gap:15px;
flex-wrap:wrap;
}

/* BUTTONS */

.primary-btn{
background:#ffffff;
color:#003366 !important;
padding:15px 30px;
border-radius:6px;
text-decoration:none;
font-weight:700;
display:inline-block;
transition:.3s;
}

.primary-btn:hover{
opacity:.9;
}

.secondary-btn{
border:2px solid #ffffff;
color:#ffffff !important;
padding:15px 30px;
border-radius:6px;
text-decoration:none;
font-weight:700;
display:inline-block;
transition:.3s;
}

.secondary-btn:hover{
background:rgba(255,255,255,.1);
}

/* CONTENT SECTIONS */

.content-section{
padding:90px 30px;
background:#ffffff;
}

.gray-section{
padding:90px 30px;
background:#f7f9fc;
}

.content-section h2,
.gray-section h2,
.resources-section h2{
font-size:42px;
line-height:1.2;
color:#003366;
margin-bottom:25px;
}

.content-section h3,
.gray-section h3{
color:#0B72E7;
margin-bottom:15px;
}

.content-section p,
.gray-section p{
font-size:20px;
line-height:1.8;
color:#333333;
margin-bottom:20px;
}

.content-section ul,
.gray-section ul,
.content-section ol,
.gray-section ol{
margin:25px 0;
padding-left:30px;
}

.content-section li,
.gray-section li{
font-size:20px;
line-height:1.8;
margin-bottom:10px;
color:#333333;
}

/* INTERNAL LINKS */

.content-section a,
.gray-section a{
color:#0B72E7;
font-weight:700;
text-decoration:none;
}

.content-section a:hover,
.gray-section a:hover{
text-decoration:underline;
}

/* FRAMEWORK GRID */

.framework-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:25px;
margin-top:40px;
}

.framework-box{
background:#ffffff;
padding:30px;
border-radius:10px;
box-shadow:0 5px 20px rgba(0,0,0,.06);
}

.framework-box h3{
color:#003366;
margin-bottom:15px;
font-size:24px;
}

.framework-box p{
font-size:18px;
line-height:1.7;
margin-bottom:0;
}

/* RESOURCE HUB */

.resources-section{
padding:90px 30px;
background:#ffffff;
}

.resource-links{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
gap:15px;
margin-top:35px;
}

.resource-links a{
display:block;
padding:18px;
background:#f7f9fc;
border-radius:8px;
text-decoration:none;
font-weight:600;
color:#003366;
transition:.3s;
}

.resource-links a:hover{
background:#0B72E7;
color:#ffffff;
}

/* CTA SECTION */

.cta-section{
background:#003366;
padding:100px 30px;
text-align:center;
}

.cta-section h1,
.cta-section h2,
.cta-section h3,
.cta-section h4,
.cta-section h5,
.cta-section h6,
.cta-section p,
.cta-section span,
.cta-section li,
.cta-section a{
color:#ffffff !important;
}

.cta-section h2{
font-size:48px;
margin-bottom:25px;
}

.cta-section p{
font-size:22px;
line-height:1.8;
max-width:850px;
margin:0 auto 35px;
}

.cta-btn{
display:inline-block;
background:#0B72E7;
padding:18px 35px;
border-radius:6px;
text-decoration:none;
font-weight:700;
color:#ffffff !important;
transition:.3s;
}

.cta-btn:hover{
opacity:.9;
}

/* MOBILE */

@media(max-width:768px){

.ai-framework-hero{
padding:70px 20px;
}

.ai-framework-hero h1{
font-size:38px;
}

.hero-text{
font-size:18px;
}

.content-section,
.gray-section,
.resources-section{
padding:70px 20px;
}

.content-section h2,
.gray-section h2,
.resources-section h2{
font-size:32px;
}

.content-section p,
.gray-section p,
.content-section li,
.gray-section li{
font-size:18px;
}

.hero-buttons{
flex-direction:column;
}

.primary-btn,
.secondary-btn{
text-align:center;
width:100%;
}

.framework-grid{
grid-template-columns:1fr;
}

.resource-links{
grid-template-columns:1fr;
}

.cta-section h2{
font-size:34px;
}

.cta-section p{
font-size:18px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1047fc6 */.resource-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
gap:25px;
margin-top:40px;
}

.resource-card{
background:#f7f9fc;
padding:30px;
border-radius:10px;
box-shadow:0 5px 20px rgba(0,0,0,.05);
transition:.3s;
}

.resource-card:hover{
transform:translateY(-3px);
}

.resource-card h3{
margin-bottom:15px;
font-size:24px;
}

.resource-card h3 a{
color:#003366;
text-decoration:none;
}

.resource-card h3 a:hover{
color:#0B72E7;
}

.resource-card p{
font-size:18px;
line-height:1.7;
color:#333;
margin:0;
}/* End custom CSS */