/* Reset Enfold theme container around our content */ .post-entry-type-page .entry-content-wrapper { padding: 0 !important; margin: 0 !important; max-width: 100% !important; } .post-entry-type-page .entry-content-wrapper > .trt-homepage { margin: 0 !important; } .trt-homepage { font-family: ‘Inter’, -apple-system, sans-serif; color: #262626; line-height: 1.6; -webkit-font-smoothing: antialiased; margin: 0; padding: 0; } .trt-homepage *, .trt-homepage *::before, .trt-homepage *::after { box-sizing: border-box; } /* — HERO — */ .trt-homepage .trt-hero { padding: 80px 5% 80px; background: linear-gradient(135deg, #f3fbff 0%, #ffffff 50%, #e8f4fd 100%); position: relative; overflow: hidden; min-height: 400px; } .trt-homepage .trt-hero::after { content: ”; position: absolute; top: -40%; right: -10%; width: 600px; height: 600px; background: radial-gradient(circle, rgba(53,156,216,0.08) 0%, transparent 70%); border-radius: 50%; pointer-events: none; } .trt-homepage .trt-hero-content { max-width: 720px; position: relative; z-index: 2; } .trt-homepage .trt-hero h1 { font-family: ‘Heebo’, sans-serif; font-size: clamp(36px, 5vw, 56px); font-weight: 900; color: #11465f; line-height: 1.1; margin: 0 0 20px 0; } .trt-homepage .trt-hero h1 span { color: #359cd8; } .trt-homepage .trt-hero-sub { font-size: clamp(17px, 2vw, 20px); color: #6c7980; max-width: 600px; margin: 0 0 36px 0; line-height: 1.7; } .trt-homepage .trt-cta-primary { display: inline-block; background: #11465f; color: #ffffff !important; padding: 16px 40px; border-radius: 8px; font-size: 16px; font-weight: 700; text-decoration: none !important; text-transform: uppercase; letter-spacing: 0.04em; transition: all 0.3s; box-shadow: 0 4px 20px rgba(17,70,95,0.25); } .trt-homepage .trt-cta-primary:hover { background: #359cd8; transform: translateY(-2px); box-shadow: 0 8px 30px rgba(53,156,216,0.3); color: #ffffff !important; } .trt-homepage .trt-risk-line { margin: 16px 0 0 0; font-size: 14px; color: #6c7980; font-style: italic; } .trt-homepage .trt-hero-image { position: absolute; right: 5%; top: 50%; transform: translateY(-50%); width: 42%; max-width: 520px; border-radius: 16px; overflow: hidden; box-shadow: 0 20px 60px rgba(17,70,95,0.15); } .trt-homepage .trt-hero-image img { width: 100%; height: auto; display: block; } /* — STAT BAR — */ .trt-homepage .trt-stat-bar { display: flex !important; justify-content: center; gap: 0; background: #11465f !important; padding: 0; margin: 0; width: 100%; } .trt-homepage .trt-stat-bar .trt-stat { flex: 1; text-align: center; padding: 28px 20px; border-right: 1px solid rgba(255,255,255,0.1); } .trt-homepage .trt-stat-bar .trt-stat:last-child { border-right: none; } .trt-homepage .trt-stat-bar .trt-stat-num { font-family: ‘Heebo’, sans-serif; font-size: clamp(28px, 3vw, 40px); font-weight: 900; color: #ffffff !important; line-height: 1; display: block; } .trt-homepage .trt-stat-bar .trt-stat-label { font-size: 13px; color: rgba(255,255,255,0.6) !important; margin-top: 6px; text-transform: uppercase; letter-spacing: 0.06em; font-weight: 600; display: block; } /* — SECTION SHARED — */ .trt-homepage .trt-section { padding: 80px 5%; margin: 0; } .trt-homepage .trt-section-title { font-family: ‘Heebo’, sans-serif; font-size: clamp(28px, 3.5vw, 42px); font-weight: 800; color: #11465f; text-align: center; margin: 0 0 16px 0; line-height: 1.2; } .trt-homepage .trt-section-sub { text-align: center; color: #6c7980; font-size: 17px; max-width: 640px; margin: 0 auto 48px; } /* — INDUSTRIES — */ .trt-homepage .trt-industries { background: #ffffff; } .trt-homepage .trt-industry-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; max-width: 1100px; margin: 0 auto; } .trt-homepage .trt-industry-card { background: #f3fbff; border: 1px solid rgba(53,156,216,0.1); border-radius: 12px; padding: 36px 28px; transition: all 0.3s; cursor: pointer; } .trt-homepage .trt-industry-card:hover { transform: translateY(-4px); box-shadow: 0 12px 40px rgba(17,70,95,0.1); border-color: #359cd8; } .trt-homepage .trt-industry-icon { width: 56px; height: 56px; background: #11465f; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; } .trt-homepage .trt-industry-icon svg { width: 28px; height: 28px; fill: #ffffff; } .trt-homepage .trt-industry-card h3 { font-family: ‘Heebo’, sans-serif; font-size: 20px; font-weight: 800; color: #11465f; margin: 0 0 8px 0; } .trt-homepage .trt-industry-card p { font-size: 15px; color: #6c7980; line-height: 1.6; margin: 0; } /* — WHY TRT — */ .trt-homepage .trt-why { background: #f3fbff; } .trt-homepage .trt-why-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; max-width: 1100px; margin: 0 auto; } .trt-homepage .trt-why-card { text-align: center; padding: 32px 20px; } .trt-homepage .trt-why-card .trt-big-num { font-family: ‘Heebo’, sans-serif; font-size: 48px; font-weight: 900; color: #359cd8; line-height: 1; margin: 0 0 8px 0; } .trt-homepage .trt-why-card h4 { font-family: ‘Heebo’, sans-serif; font-size: 17px; font-weight: 800; color: #11465f; margin: 0 0 8px 0; text-transform: uppercase; letter-spacing: 0.03em; } .trt-homepage .trt-why-card p { font-size: 15px; color: #6c7980; line-height: 1.6; margin: 0; } /* — TESTIMONIALS — */ .trt-homepage .trt-testimonials { background: #ffffff; } .trt-homepage .trt-testimonial-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px; max-width: 1000px; margin: 0 auto; } .trt-homepage .trt-testimonial-card { background: #f3fbff; border-radius: 12px; padding: 32px; border-left: 4px solid #359cd8; } .trt-homepage .trt-testimonial-card .trt-quote { font-size: 16px; color: #262626; line-height: 1.7; font-style: italic; margin: 0 0 16px 0; } .trt-homepage .trt-testimonial-card .trt-author { font-weight: 700; color: #11465f; font-size: 15px; margin: 0; } .trt-homepage .trt-testimonial-card .trt-role { font-size: 13px; color: #6c7980; margin: 4px 0 0 0; } /* — SERVICES — */ .trt-homepage .trt-services { background: #f3fbff; } .trt-homepage .trt-services-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; max-width: 1100px; margin: 0 auto; } .trt-homepage .trt-service-card { background: #ffffff; border-radius: 12px; padding: 32px 24px; text-align: center; border: 1px solid rgba(17,70,95,0.06); transition: all 0.3s; } .trt-homepage .trt-service-card:hover { transform: translateY(-3px); box-shadow: 0 8px 30px rgba(17,70,95,0.08); } .trt-homepage .trt-s-icon { width: 48px; height: 48px; margin: 0 auto 16px; background: #e8f4fd; border-radius: 10px; display: flex; align-items: center; justify-content: center; } .trt-homepage .trt-s-icon svg { width: 24px; height: 24px; stroke: #11465f; fill: none; stroke-width: 1.5; } .trt-homepage .trt-service-card h4 { font-family: ‘Heebo’, sans-serif; font-size: 17px; font-weight: 800; color: #11465f; margin: 0 0 8px 0; } .trt-homepage .trt-service-card p { font-size: 14px; color: #6c7980; line-height: 1.6; margin: 0; } .trt-homepage .trt-service-card a { display: inline-block; margin-top: 12px; font-size: 13px; font-weight: 700; color: #359cd8; text-decoration: none; text-transform: uppercase; letter-spacing: 0.04em; } .trt-homepage .trt-service-card a:hover { color: #11465f; } /* — COMPLIANCE BAR — */ .trt-homepage .trt-compliance { background: #ffffff; padding: 48px 5%; text-align: center; } .trt-homepage .trt-compliance-badges { display: flex; justify-content: center; align-items: center; gap: 48px; flex-wrap: wrap; } .trt-homepage .trt-compliance-badge { display: flex; flex-direction: column; align-items: center; gap: 8px; } .trt-homepage .trt-badge-icon { width: 56px; height: 56px; border: 2px solid #11465f; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .trt-homepage .trt-badge-icon svg { width: 24px; height: 24px; stroke: #11465f; fill: none; stroke-width: 1.5; } .trt-homepage .trt-compliance-badge span { font-size: 12px; font-weight: 700; color: #11465f; text-transform: uppercase; letter-spacing: 0.06em; } /* — CTA SECTION — */ .trt-homepage .trt-cta-section { background: linear-gradient(135deg, #11465f 0%, #1a5a7a 100%); padding: 80px 5%; text-align: center; position: relative; overflow: hidden; } .trt-homepage .trt-cta-section::before { content: ”; position: absolute; top: -50%; right: -20%; width: 500px; height: 500px; background: radial-gradient(circle, rgba(53,156,216,0.15) 0%, transparent 70%); border-radius: 50%; pointer-events: none; } .trt-homepage .trt-cta-section h2 { font-family: ‘Heebo’, sans-serif; font-size: clamp(28px, 3.5vw, 42px); font-weight: 900; color: #ffffff; margin: 0 0 16px 0; position: relative; } .trt-homepage .trt-cta-sub { color: rgba(255,255,255,0.7); font-size: 18px; max-width: 560px; margin: 0 auto 36px; position: relative; } .trt-homepage .trt-cta-form { max-width: 480px; margin: 0 auto; position: relative; } .trt-homepage .trt-cta-form .trt-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 12px; } .trt-homepage .trt-cta-form input, .trt-homepage .trt-cta-form select { width: 100%; padding: 14px 16px; border: 1px solid rgba(255,255,255,0.2); border-radius: 8px; background: rgba(255,255,255,0.1); color: #ffffff; font-family: ‘Inter’, sans-serif; font-size: 15px; outline: none; transition: border-color 0.2s; } .trt-homepage .trt-cta-form input::placeholder { color: rgba(255,255,255,0.4); } .trt-homepage .trt-cta-form select { color: rgba(255,255,255,0.5); } .trt-homepage .trt-cta-form select option { color: #262626; background: #ffffff; } .trt-homepage .trt-cta-form input:focus, .trt-homepage .trt-cta-form select:focus { border-color: #359cd8; } .trt-homepage .trt-submit-btn { width: 100%; padding: 16px; background: #359cd8; color: #ffffff; border: none; border-radius: 8px; font-family: ‘Inter’, sans-serif; font-size: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; cursor: pointer; transition: all 0.3s; margin-top: 4px; } .trt-homepage .trt-submit-btn:hover { background: #2a8bc4; transform: translateY(-1px); } .trt-homepage .trt-cta-section .trt-risk-text { color: rgba(255,255,255,0.5); font-size: 14px; font-style: italic; margin: 16px 0 0 0; position: relative; } /* — LOCATIONS — */ .trt-homepage .trt-locations { background: #f3fbff; padding: 48px 5%; } .trt-homepage .trt-locations-inner { max-width: 900px; margin: 0 auto; display: flex; justify-content: center; gap: 64px; flex-wrap: wrap; } .trt-homepage .trt-location-group h4 { font-family: ‘Heebo’, sans-serif; font-size: 14px; font-weight: 800; color: #11465f; text-transform: uppercase; letter-spacing: 0.06em; margin: 0 0 8px 0; } .trt-homepage .trt-location-group p { font-size: 14px; color: #6c7980; line-height: 1.8; margin: 0; } /* — RESPONSIVE — */ @media (max-width: 1024px) { .trt-homepage .trt-services-grid { grid-template-columns: repeat(2, 1fr); } .trt-homepage .trt-why-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 900px) { .trt-homepage .trt-hero { padding: 60px 5%; min-height: auto; } .trt-homepage .trt-hero-image { display: none; } .trt-homepage .trt-hero-content { max-width: 100%; } .trt-homepage .trt-stat-bar { flex-wrap: wrap; } .trt-homepage .trt-stat-bar .trt-stat { flex: 1 1 50%; border-bottom: 1px solid rgba(255,255,255,0.1); } .trt-homepage .trt-industry-grid { grid-template-columns: 1fr; } .trt-homepage .trt-testimonial-grid { grid-template-columns: 1fr; } .trt-homepage .trt-services-grid { grid-template-columns: 1fr; } .trt-homepage .trt-why-grid { grid-template-columns: 1fr 1fr; } .trt-homepage .trt-cta-form .trt-form-row { grid-template-columns: 1fr; } } @media (max-width: 600px) { .trt-homepage .trt-why-grid { grid-template-columns: 1fr; } .trt-homepage .trt-stat-bar .trt-stat { flex: 1 1 50%; } }