/* Nexlotech Page Builder CSS - Post ID: 1353 - Gen: 2026-01-20 09:55:01 */ /* 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(--bs-primary); } .sa-overview-content { font-size: 1.1rem; line-height: 1.8; color: var(--bs-secondary-color, #555); } .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: #ffffff; 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: #fff; font-size: 1rem; color: #555; 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 rgba(0, 0, 0, 0.05); /* 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(--bs-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-dark); 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: study-abroad-cta */ /* Study Abroad CTA Module */ .sa-cta-section { background-color: #0d1b2a; /* Fallback dark color */ background-image: var(--sa-cta-bg, none); background-size: cover; background-position: center; background-attachment: scroll; /* parallax-like effect is optional, sticking to standard */ padding: 100px 0; overflow: hidden; } /* Background Overlay */ .sa-cta-section::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--sa-cta-overlay, rgba(0, 0, 0, 0.7)); z-index: 0; } /* Content z-index fix */ .sa-cta-section .container { z-index: 1; } .sa-cta-title { font-size: 3rem; letter-spacing: -1px; } .sa-cta-text { font-size: 1.25rem; font-weight: 300; } /* Button Refinements */ .sa-cta-section .btn { transition: transform 0.2s ease, box-shadow 0.2s ease; font-weight: 600; } .sa-cta-section .btn:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2) !important; } /* Responsive */ @media (max-width: 768px) { .sa-cta-section { padding: 60px 0; } .sa-cta-title { font-size: 2.25rem; } }