/* Add top padding to wrap-para-1-1-1 section */ .wrap-para-1-1-1 { padding-top: 25px !important; /* adjust 20–40px as needed */ padding-bottom: 35px !important; /* adjust 20–40px as needed */ } /* Optional: also tighten bottom spacing if needed */ .wrap-para-1-1-1 .p-bottom-white-card { margin-top: 10px !important; margin-bottom: 20px !important; } /* ============================================================ ADVANCE OHS – ICON + TITLE FIX PACKAGE Applies to all blocks using: .content-main-wc Stabilizes layout, spacing & alignment site-wide ============================================================== */ /* Normalize the row container so WPBakery cannot break alignment */ .content-main-wc { display: flex !important; flex-wrap: nowrap !important; align-items: flex-start !important; gap: 25px !important; margin-bottom: 40px !important; width: 100% !important; } /* Remove unwanted WPBakery column padding */ .content-main-wc .vc_column-inner { padding: 0 !important; } /* ============================================================ LEFT ICON COLUMN ============================================================== */ .content-main-wc .img-wc-content { flex: 0 0 80px !important; max-width: 80px !important; min-width: 60px !important; display: flex !important; align-items: flex-start !important; justify-content: flex-start !important; } /* Your preferred working look (keep this!) */ .content-main-wc .img-wc-content img { width: 50px !important; height: auto !important; display: block !important; margin-left: 25px !important; margin-top: 20px !important; } /* ============================================================ RIGHT TEXT COLUMN ============================================================== */ .content-main-wc .write-wc-content { flex: 1 !important; min-width: 0 !important; } /* Title spacing */ .write-wc-content h2.title-wc-mc { margin: 0 0 12px 0 !important; } /* Paragraph & list spacing */ .write-wc-content p, .write-wc-content ul { margin-top: 8px !important; margin-bottom: 12px !important; } /* Fix VC separator spacing */ .content-main-wc .cr-separator-wrap-1, .content-main-wc .cr-separator-wrap-2, .content-main-wc .cr-separator-wrap-3, .content-main-wc .cr-separator-wrap-4 { margin: 10px 0 !important; } /* Remove WPBakery's inline full-width padding overrides ONLY inside these rows */ .content-main-wc[data-vc-full-width="true"], .content-main-wc.vc_row[data-vc-full-width="true"] { left: 0 !important; padding-left: 0 !important; padding-right: 0 !important; width: 100% !important; } /* ============================================================ RESPONSIVE FIXES ============================================================== */ @media (max-width: 768px) { .content-main-wc { flex-wrap: wrap !important; gap: 15px !important; } .content-main-wc .img-wc-content { flex: 0 0 50px !important; max-width: 50px !important; } .content-main-wc .img-wc-content img { margin-left: 10px !important; margin-top: 10px !important; } } .title-wc-mc { font-size: 20px; line-height: 1.4; } .red-text-white-card { padding: 40px 0px; } .content-main-wc { margin-bottom: 50px !important; } .red-text-white-card p { font-size: 16px; color: #f00808; font-weight: 700; } h2, .content-body h2 { font-size: 30px; padding-top: 30px; } .title-white-card { COLOR: #fff; font-weight: 600; } body, .more, .meta .date, .review blockquote q, .review blockquote div strong, .footer-areah3, .image .image-extras .image-extras-content h4, .project-content .project-info h4, .post-content blockquote, input, textarea, keygen, select, button { font-size: 16px; } em { display: grid; padding-top: 30px; padding-bottom: 30px; font-size: 16px; font-style: italic; }