.elementor-43 .elementor-element.elementor-element-c64e763{--display:flex;--padding-top:120px;--padding-bottom:80px;--padding-left:24px;--padding-right:24px;}.elementor-widget-heading .elementor-heading-title{font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-43 .elementor-element.elementor-element-93718e0{text-align:center;}.elementor-43 .elementor-element.elementor-element-93718e0 .elementor-heading-title{font-size:3rem;font-weight:800;color:#1E293B;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-43 .elementor-element.elementor-element-6417a66{text-align:center;font-size:1.3rem;font-weight:400;color:var( --e-global-color-text );}.elementor-43 .elementor-element.elementor-element-3f8d594{--display:flex;--padding-top:0px;--padding-bottom:100px;--padding-left:24px;--padding-right:24px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-43 .elementor-element.elementor-element-d7563da{text-align:center;}.elementor-43 .elementor-element.elementor-element-d7563da img{width:50%;max-width:1440px;border-radius:20px 20px 20px 20px;}.elementor-43 .elementor-element.elementor-element-39d980d{--display:flex;--padding-top:100px;--padding-bottom:120px;--padding-left:24px;--padding-right:24px;}.elementor-43 .elementor-element.elementor-element-39d980d:not(.elementor-motion-effects-element-type-background), .elementor-43 .elementor-element.elementor-element-39d980d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FAFC;}.elementor-43 .elementor-element.elementor-element-23f6450{text-align:center;}.elementor-43 .elementor-element.elementor-element-23f6450 .elementor-heading-title{font-size:2rem;font-weight:700;color:var( --e-global-color-secondary );}@media(max-width:767px){.elementor-43 .elementor-element.elementor-element-d7563da img{width:100%;}}/* Start custom CSS for container, class: .elementor-element-39d980d */.academic-list { display: flex; flex-direction: column; gap: 24px; }
.academic-card { background: #fff; border: 1px solid #f1f5f9; padding: 40px; border-radius: 24px; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); display: flex; align-items: flex-start; gap: 30px; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.02); }
.academic-card:hover { transform: translateX(12px); border-color: #3b82f6; box-shadow: 0 20px 40px rgba(59, 130, 246, 0.08); }
.card-icon-box { background: #eff6ff; color: #3b82f6; width: 64px; height: 64px; border-radius: 18px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.academic-card:nth-child(2n) .card-icon-box { background: #ecfdf5; color: #10b981; }
.card-content { flex-grow: 1; }
.card-label { display: inline-block; font-size: 13px; font-weight: 800; color: #3b82f6; margin-bottom: 8px; text-transform: uppercase; letter-spacing: 1.5px; }
.academic-card:nth-child(2n) .card-label { color: #10b981; }
.card-title { font-size: 26px; font-weight: 800; color: #1e293b; margin-bottom: 12px; }
.card-desc { font-size: 18px; color: #475569; line-height: 1.7; margin-bottom: 24px; }
.effect-badge { display: inline-flex; align-items: center; background: #f8fafc; padding: 10px 18px; border-radius: 12px; font-size: 16px; font-weight: 700; color: #64748b; border: 1px solid #e2e8f0; }
.effect-badge i { display: inline-block; width: 18px; height: 18px; margin-right: 10px; opacity: 0.7; }
@media(max-width: 768px) { .academic-card { flex-direction: column; padding: 30px 24px; gap: 20px; } .academic-card:hover { transform: translateY(-8px); } .idx-box { width: 60px; height: 60px; } }/* End custom CSS */