@import url(‘https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Playfair+Display:wght@400;700&display=swap’);
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: #0a1425; color: #333; font-family: “Montserrat”, sans-serif; line-height: 1.7; }
h1, h2, h3 { font-family: “Playfair Display”, serif; color: #0a1425; }
p { color: #555; }
a { color: #c9a227; text-decoration: none; }
.site-header, .site-top-bar, .top-bar, header nav, .wp-block-navigation, footer nav, .footer-navigation, .widget-area, .sidebar, .site-footer, .powered-by { display: none !important; }
.navbar { background: #0a1425; position: fixed; top: 0; left: 0; right: 0; z-index: 9999; padding: 20px 40px; display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #c9a227; }
.navbar-brand { color: #fff; font-family: “Playfair Display”, serif; font-size: 1.5rem; font-weight: 700; }
.navbar-links { display: flex; gap: 30px; }
.navbar a { color: #fff; font-weight: 500; text-transform: uppercase; font-size: 0.85rem; letter-spacing: 1px; transition: color 0.3s; }
.navbar a:hover { color: #c9a227; }
.hero { height: 600px; background: linear-gradient(135deg, rgba(10,20,37,0.92) 0%, rgba(10,20,37,0.85) 100%), url(‘https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?w=1920’) center/cover; display: flex; align-items: center; justify-content: center; text-align: center; margin-top: 70px; }
.hero-content { max-width: 900px; padding: 0 30px; }
.hero h1 { color: #fff; font-size: 3.5rem; font-weight: 700; margin-bottom: 20px; line-height: 1.2; }
.hero p { color: rgba(255,255,255,0.8); font-size: 1.3rem; margin-bottom: 40px; }
.btn { display: inline-block; padding: 16px 35px; border-radius: 3px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; font-size: 0.85rem; transition: all 0.3s; }
.btn-primary { background: #c9a227; color: #0a1425; }
.btn-primary:hover { background: #d4b84a; transform: translateY(-2px); }
.btn-outline { border: 2px solid #c9a227; color: #c9a227; }
.btn-outline:hover { background: #c9a227; color: #0a1425; }
.section { padding: 100px 0; }
.section-dark { background: #0a1425; }
.section-light { background: #f8f9fa; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.section-header { text-align: center; margin-bottom: 60px; }
.section-header h2 { font-size: 2.5rem; margin-bottom: 15px; color: #0a1425; }
.section-dark .section-header h2 { color: #fff; }
.section-header p { max-width: 600px; margin: 0 auto; color: #666; }
.section-dark .section-header p { color: rgba(255,255,255,0.7); }
.cards-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }
.card { background: #fff; padding: 40px 30px; border-radius: 5px; box-shadow: 0 10px 40px rgba(0,0,0,0.08); transition: transform 0.3s, box-shadow 0.3s; }
.card:hover { transform: translateY(-5px); box-shadow: 0 20px 60px rgba(0,0,0,0.15); }
.card-icon { width: 60px; height: 60px; background: linear-gradient(135deg, #c9a227, #d4b84a); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 25px; }
.card-icon svg { width: 28px; height: 28px; fill: #0a1425; }
.card h3 { font-size: 1.4rem; margin-bottom: 15px; color: #0a1425; }
.card p { color: #666; margin-bottom: 20px; }
.card-link { color: #c9a227; font-weight: 600; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 1px; }
.stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; text-align: center; }
.stat-number { font-size: 3rem; font-weight: 700; color: #c9a227; font-family: “Playfair Display”, serif; }
.stat-label { color: rgba(255,255,255,0.7); font-size: 0.9rem; text-transform: uppercase; letter-spacing: 1px; }
.site-footer { background: #0a1425; padding: 60px 0 30px; border-top: 1px solid rgba(255,255,255,0.1); }
.footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; margin-bottom: 40px; }
.footer-brand { color: #fff; font-family: “Playfair Display”, serif; font-size: 1.5rem; margin-bottom: 20px; }
.footer-about p { color: rgba(255,255,255,0.6); line-height: 1.8; }
.footer h4 { color: #c9a227; font-size: 1rem; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px; }
.footer ul { list-style: none; }
.footer ul li { margin-bottom: 12px; }
.footer ul a { color: rgba(255,255,255,0.6); transition: color 0.3s; }
.footer ul a:hover { color: #c9a227; }
.footer-bottom { text-align: center; padding-top: 30px; border-top: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.4); font-size: 0.85rem; }
@media (max-width: 768px) {
.hero h1 { font-size: 2.2rem; }
.navbar { flex-direction: column; gap: 15px; padding: 15px; }
.stats { grid-template-columns: repeat(2, 1fr); }
.footer-grid { grid-template-columns: 1fr; }
}
.site-info, .powered-by, .wp-theme-design, footer .site-info,
footer .powered-by, [class*=”powered”], [class*=”theme-by”],
.footercredits, .footer-credit, .footer-info,
[rel=”generator”], meta[ name=”generator”],
a[href*=”wordpress”], a[href*=”WordPress”],
.copyright, .footer-copyright, .footer .copyright,
.footercredits, .tfcredits, #footer-bottom,
.footer-bottom, .site-footer .footer-bottom,
.footer-inner .footer-info, .site-footer-inner
{ display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; }
Your Partner in Real Estate Excellence and Business Growth
Empowering businesses and managing properties with strategic expertise in Katy, TX and beyond.
Welcome to OSGI Group
We are a trusted partner for comprehensive real estate management and innovative business growth strategies.
Real Estate Management
Expert property management services designed to maximize returns and ensure tenant satisfaction.
Learn More
Business Growth
Website development, SEO, social media, and digital strategies for small businesses.
Our Services
Prime Locations
Our flagship property at 3754-3758 N. Fry Road offers over 30,000 sq ft of prime leasable space.
View Details