/* Nexlotech Page Builder CSS - Post ID: 1352 - Gen: 2026-01-30 02:10:46 */ /* Module: study-abroad-overview */ /* Study Abroad Overview Module */ .sa-overview-wrapper { position: relative; padding-top: 80px; padding-bottom: 80px; } .sa-overview-title { font-size: 2.5rem; font-weight: 700; margin-bottom: 1.5rem; position: relative; display: inline-block; } /* Optional underline for title */ .sa-overview-title::after { content: ''; position: absolute; bottom: -10px; left: 0; width: 60px; height: 3px; background-color: var(--theme-primary); } .sa-overview-content { font-size: 1.1rem; line-height: 1.8; color: var(--bs-body-color); } .sa-overview-content p { margin-bottom: 1.5rem; } /* Sidebar & Sticky */ .sa-sidebar-sticky { position: sticky; top: 120px; /* Adjust based on header height */ z-index: 5; } /* Image */ .sa-image-wrapper img { width: 100%; height: auto; object-fit: cover; border-radius: 12px; transition: transform 0.3s ease, box-shadow 0.3s ease; } .sa-image-wrapper:hover img { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1) !important; } /* FACTS CARD BEAUTIFICATION - HEADER STYLE */ .sa-facts-card { background: var(--bs-white); border-radius: 8px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08); /* Clean shadow */ position: relative; /* transition removed to stop jumpiness */ } /* Header Section */ .sa-facts-header { position: relative; text-align: left; /* Background color is handled by utility classes (bg-primary, bg-secondary) */ } .sa-facts-title { font-size: 1.15rem; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; line-height: 1.4; text-align: left; } /* Body Section */ .sa-facts-body { background: var(--bs-white); font-size: 1rem; color: var(--bs-body-color); line-height: 1.6; text-align: left; } /* List Styling inside Body */ .sa-facts-body ul { margin-bottom: 0; padding-left: 0; list-style: none; /* Reset default bullets */ } .sa-facts-body li { padding: 10px 0; border-bottom: 1px solid var(--bs-border-color); /* Very subtle divider */ display: block; /* Ensure standard text flow */ position: relative; padding-left: 25px; /* Space for bullet */ text-align: left !important; width: 100%; } /* Bullet Point Positioning */ .sa-facts-body li::before { content: '\f058'; /* Check-circle */ font-family: "Font Awesome 5 Free"; font-weight: 900; color: var(--theme-secondary); position: absolute; left: 0; top: 13px; /* Adjust based on padding/line-height */ font-size: 0.9em; opacity: 0.8; } .sa-facts-body li:last-child { border-bottom: none; padding-bottom: 0; } /* Strong labels inside list */ .sa-facts-body li strong, .sa-facts-body li b { color: var(--bs-heading-color); font-weight: 700; display: inline; /* Keep inline with text */ margin-right: 5px; } /* Mobile Responsive */ @media (max-width: 991px) { .sa-overview-title { font-size: 2rem; } .sa-sidebar-sticky { position: static; margin-top: 3rem; } .sa-facts-card { padding: 2rem; } } /* Module: cta-section */ /* CTA Section Styles */ .cta-section { color: var(--cta-text-color); } .cta-inner-wrapper { background: var(--cta-bg); background-size: cover; background-position: center; position: relative; border: 1px solid rgba(0, 0, 0, 0.05); } /* Add a subtle overlay if it's an image background */ .cta-inner-wrapper::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.05); z-index: 1; pointer-events: none; } .cta-inner-wrapper>.row { position: relative; z-index: 2; } .cta-label { background-color: var(--theme-primary, #1f5043); color: #fff; font-size: 0.75rem; letter-spacing: 0.1em; } .cta-title { letter-spacing: -0.02em; line-height: 1.2; } .cta-description { max-width: 600px; } .cta-button { transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); } .cta-button:hover { transform: translateY(-3px) scale(1.02); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important; } .op-8 { opacity: 0.85; } /* Animations */ @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .animate-fade-in { animation: fadeIn 0.8s ease-out forwards; }