/* Root CSS */ p{font-family: var(--para_font);} h1{font-family: var(--h1_font);} h2{font-family: var(--h2_font);} h3{font-family: var(--h3_font);} h4{font-family: var(--h4_font);} h4{font-size: 20px;} h5{font-family: var(--h5_font);} h6{font-family: var(--h6_font);} a{font-family: var(--link_font);} button{font-family: var(--button_font);} a{text-decoration:none;color:black;} a:hover{color: var(--primary_color);} body{background-color:#ffffff;font-size:13px;-webkit-font-smoothing: antialiased;-webkit-font-size:13px;} li{text-decoration: none;list-style: none;} li a{text-decoration: none;color: black;font-family: var(--link_font);font-size: 15px;line-height: 2;} /* Builder css */ .tb-section { position: relative; overflow: hidden; } /* ── Overlay (bg-image variants) ─────────────────────────────── */ .tb-overlay { position: absolute; inset: 0; z-index: 0; pointer-events: none; } .tb-content { position: relative; z-index: 1; padding-top: 5rem; padding-bottom: 5rem; } .tb-sub { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; margin-bottom: 0.5rem; opacity: 0.85; } /* ── Heading ─────────────────────────────────────────────────── */ .tb-heading { font-weight: 900; line-height: 1.1; margin-bottom: 1rem; } /* ── Divider ─────────────────────────────────────────────────── */ .tb-divider { width: 48px; height: 3px; border-radius: 2px; opacity: 0.2; margin-bottom: 1.25rem; flex-shrink: 0; } /* ── Body text ───────────────────────────────────────────────── */ .tb-body { line-height: 1.85; opacity: 0.85; margin-bottom: 1.5rem; } /* ── Side image ──────────────────────────────────────────────── */ .tb-image-wrap { border-radius: 1rem; overflow: hidden; } .tb-img { width: 100%; /* max-height: 560px; */ height: 350px; object-fit: cover; display: block; border-radius: 1rem; box-shadow: 0 16px 48px rgba(0, 0, 0, 0.16), 0 4px 12px rgba(0, 0, 0, 0.08); transition: transform 0.45s ease, box-shadow 0.45s ease; } .tb-image-wrap:hover .tb-img { transform: scale(1.025); box-shadow: 0 24px 64px rgba(0, 0, 0, 0.22), 0 6px 18px rgba(0, 0, 0, 0.1); } /* ── Button ──────────────────────────────────────────────────── */ .tb-btn { display: inline-block; padding: 0.625rem 2rem; border-radius: 50px; font-size: 0.875rem; font-weight: 600; text-decoration: none; margin-top: 0.5rem; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18); transition: opacity 0.25s, transform 0.25s, box-shadow 0.25s; } .tb-btn:hover { opacity: 0.87; transform: translateY(-2px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22); } /* ── Responsive ──────────────────────────────────────────────── */ @media (max-width: 991px) { .tb-img { max-height: 340px; } } @media (max-width: 575px) { .tb-content { padding-top: 3rem; padding-bottom: 3rem; } .tb-heading { font-size: 1.75rem; } } /* Post css */