:root {
--clr-blue: #0072AE; --clr-red: #B61E2E; --clr-white: #FFFFFF;
--clr-text: #333333; --clr-heading: #002a40; --clr-light-bg: #f0f4f8;
--clr-border: #e2e8f0; --container: 1140px; --gap: 20px;
} *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body {
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
color: var(--clr-text);
line-height: 1.6;
background-color: #fff;
overflow-x: hidden !important; 
position: relative;
}
a { color: var(--clr-blue); text-decoration: none; transition: 0.3s; } 
a:hover { color: var(--clr-red); }
img { max-width: 100%; height: auto; display: block; }
.container { max-width: var(--container); margin: 0 auto; padding: 0 var(--gap); } .site-header { background: #fff; padding: 15px 0; border-bottom: 2px solid var(--clr-light-bg); position: relative; z-index: 1000; }
.header-container { display: flex; justify-content: space-between; align-items: center; position: relative; }
.site-branding img { max-width: 220px; height: auto; }
.main-navigation ul { list-style: none; display: flex; gap: 25px; margin: 0; }
.main-navigation a { font-weight: 600; color: var(--clr-heading); position: relative; }
.main-navigation a::after { content: ''; position: absolute; width: 0; height: 2px; bottom: -5px; left: 0; background: var(--clr-red); transition: 0.3s; }
.main-navigation a:hover::after { width: 100%; }
.menu-toggle { display: none; }
.page .entry-header { display: none !important; } .hero-section { position: relative; height: 85vh; min-height: 600px; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; overflow: hidden; }
.hero-bg-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
.hero-bg-img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; display: block; }
.hero-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,42,64,0.65); z-index: 1; }
.hero-content { position: relative; z-index: 2; max-width: 900px; padding: 20px; }
.hero-title { font-size: 3.5rem; font-weight: 800; margin-bottom: 20px; line-height: 1.2; text-shadow: 0 2px 10px rgba(0,0,0,0.3); }
.button { display: inline-block; background: var(--clr-red); color: #fff; padding: 15px 35px; border-radius: 5px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; transition: 0.3s; }
.button:hover { background: var(--clr-blue); transform: translateY(-3px); } .stats-bar { background: var(--clr-blue); padding: 60px 0; color: #fff; text-align: center; }
.stats-grid { display: flex; justify-content: space-around; flex-wrap: wrap; gap: 30px; }
.stat-item h3 { font-size: 3rem; font-weight: 900; margin-bottom: 5px; } .feature-section { position: relative; margin: 80px 0; display: flex; align-items: center; justify-content: center; }
.feature-image-wrapper { position: relative; width: 100%; max-width: 1000px; }
.feature-image-wrapper img { width: 100%; border-radius: 12px; }
.feature-overlay-box { position: absolute; top: 50%; right: -150px; transform: translateY(-50%); background: #fff; padding: 40px; border-radius: 12px; box-shadow: 0 20px 50px rgba(0,0,0,0.15); max-width: 450px; border-left: 5px solid var(--clr-red); z-index: 10; }
.feature-overlay-box h2 { font-size: 2rem; color: var(--clr-heading); margin-bottom: 20px; }
.feature-list li { margin-bottom: 10px; font-weight: 500; } .partners-section { background: #f9f9f9; padding: 40px 0; text-align: center; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.partners-title { margin-bottom: 30px; color: #999; font-weight: 700; font-size: 0.9rem; letter-spacing: 1px; }
.partners-grid { display: flex; justify-content: center; align-items: center; gap: 50px; flex-wrap: wrap; opacity: 0.8; }
.partners-grid img { height: 50px; width: auto; object-fit: contain; filter: grayscale(100%); transition: 0.3s; }
.partners-grid img:hover { filter: grayscale(0%); transform: scale(1.1); } .contact-wrapper { display: flex; gap: 30px; align-items: stretch; margin: 60px 0; }
.contact-left-grid { flex: 1; display: flex; flex-direction: column; justify-content: space-between; gap: 20px; }
.info-card { background: #f9f9f9; padding: 35px 30px; border-radius: 8px; border-left: 5px solid var(--clr-blue); box-shadow: 0 4px 10px rgba(0,0,0,0.03); display: flex; flex-direction: column; justify-content: center; transition: 0.3s; height: 100%; }
.info-card:hover { transform: translateX(5px); border-color: var(--clr-red); }
.info-card h4 { color: var(--clr-blue); margin-bottom: 10px; font-size: 1.1rem; text-transform: uppercase; font-weight: 800; }
.info-card p, .info-card a { font-size: 1rem; color: #555; margin: 0; text-decoration: none; line-height: 1.5; }
.contact-form-box { flex: 1.2; background: #fff; padding: 40px; border: 1px solid #eee; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); border-top: 5px solid var(--clr-red); display: flex; flex-direction: column; justify-content: center; }
div.wpforms-container-full, .wpforms-form { width: 100% !important; margin: 0 !important; }
div.wpforms-container-full .wpforms-form input, div.wpforms-container-full .wpforms-form textarea { width: 100% !important; padding: 15px !important; border: 1px solid #ddd !important; border-radius: 6px !important; background: #fcfcfc !important; margin-bottom: 15px !important; }
div.wpforms-container-full button[type=submit] { width: 100% !important; background: var(--clr-red) !important; padding: 15px !important; font-weight: bold; text-transform: uppercase; margin-top: 10px !important; } .services-intro-text, .services-outro-text { max-width: 800px; margin: 0 auto; text-align: center; padding: 50px 0; }
.services-outro-text { margin-bottom: 100px; }
.services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-bottom: 60px; }
.service-card { background: #fff; border: 1px solid var(--clr-border); padding: 40px 30px; border-radius: 12px; text-align: center; transition: 0.3s; position: relative; }
.service-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); }
.service-icon svg { width: 70px; height: 70px; fill: var(--clr-blue); margin-bottom: 25px; } .about-hero { display: flex; align-items: center; gap: 60px; margin-bottom: 80px; }
.mission-vision-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-bottom: 80px; }
.mv-box { background: var(--clr-light-bg); padding: 40px; border-radius: 12px; border-left: 5px solid var(--clr-blue); }
.about-values { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-top: 40px; }
.value-card { background: #fff; border: 1px solid var(--clr-border); padding: 40px 30px; border-radius: 12px; border-left: 5px solid var(--clr-blue); text-align: left; transition: 0.3s; }
.value-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.05); }
.cta-section { text-align: center; margin-top: 80px; padding: 60px; background: var(--clr-heading); color: #fff; border-radius: 12px; margin-bottom: 100px; } .home-blog-section { background: var(--clr-light-bg); padding: 80px 0; }
.home-blog-section .section-title {
text-align: center;
font-size: 2.5rem;
color: var(--clr-heading);
margin-bottom: 40px;
font-weight: 800;
}
.swiper-slide { height: auto !important; display: flex; }
.blog-slide-card { 
width: 100%;
background: #fff; 
border: 1px solid #eaeaea; 
border-radius: 12px; 
overflow: hidden; 
box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important; 
height: 100%; 
display: flex; 
flex-direction: column; 
}
.slide-img-link { height: 220px; display: block; flex-shrink: 0; }
.slide-img-link img { width: 100%; height: 100%; object-fit: cover; }
.slide-content { padding: 25px; flex: 1; display: flex; flex-direction: column; }
.slide-title {
margin-bottom: 10px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
min-height: 55px;
}
.slide-title a { color: var(--clr-heading); }
.slide-excerpt { 
font-size: 0.95rem; 
color: #666; 
margin: 10px 0 15px 0; 
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
height: 75px; 
}
.slide-content > a { margin-top: auto; }
.hrjointBlogSwiper { padding: 20px 5px 50px; } .single-header {
text-align: center !important; 
max-width: 900px;
margin: 0 auto 30px auto;
}
.single-category { text-align: center; margin-bottom: 10px; }
.single-header .entry-title {
font-size: 2.5rem;
line-height: 1.3;
margin-bottom: 15px;
color: var(--clr-heading);
text-align: center !important; 
}
.single-meta {
display: flex;
justify-content: center; 
align-items: center; 
gap: 15px; 
font-size: 0.95rem;
color: #666;
flex-wrap: wrap;
}
.single-meta .byline {
display: flex !important;
align-items: center !important; 
gap: 8px !important;
font-weight: 700;
color: var(--clr-heading);
}
.single-meta img.avatar {
width: 40px !important; 
height: 40px !important;
border-radius: 50% !important;
object-fit: cover !important;
margin: 0 !important;
display: inline-block !important; 
}
.single-meta .posted-on { display: flex; align-items: center; color: #888; }
.single-thumbnail { text-align: center; margin: 0 auto 40px; width: 100%; }
.single-thumbnail img { margin: 0 auto !important; display: block; max-width: 100%; height: auto; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); } .swiper-button-next, .swiper-button-prev {
background: transparent !important; 
box-shadow: none !important;
width: 40px !important;
height: 40px !important;
top: 50% !important;
transform: translateY(-50%) !important;
color: var(--clr-blue) !important;
transition: 0.3s;
display: flex !important;
align-items: center;
justify-content: center;
}
.swiper-button-next::after, .swiper-button-prev::after {
font-size: 35px !important; 
font-weight: 900 !important;
}
.swiper-button-next:hover, .swiper-button-prev:hover {
color: var(--clr-red) !important;
transform: scale(1.1) translateY(-50%) !important;
}
.swiper-button-prev { left: 0 !important; }
.swiper-button-next { right: 0 !important; } .related-posts-section {
background-color: #f4f7f6 !important;
padding-top: 60px;
padding-bottom: 80px !important;
margin-bottom: 40px !important; 
border-top: 1px solid #e1e1e1;
border-bottom: 1px solid transparent; 
} .blog-page-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-bottom: 60px; }
.blog-page-card { background: #fff; border: 1px solid #eee; border-radius: 12px; overflow: hidden; transition: 0.3s; display: flex; flex-direction: column; height: 100%; }
.blog-page-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); }
.bp-img-link { height: 220px; display: block; overflow: hidden; }
.bp-img-link img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
.blog-page-card:hover .bp-img-link img { transform: scale(1.05); }
.bp-content { padding: 25px; display: flex; flex-direction: column; flex: 1; text-align: left; }
.bp-title a { color: var(--clr-heading); }
.bp-read-more { margin-top: auto; color: var(--clr-blue); font-weight: 700; text-transform: uppercase; font-size: 0.85rem; } .card-excerpt, .bp-excerpt, .entry-summary {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: 15px;
color: #666;
font-size: 0.95rem;
}
.card-excerpt p, .bp-excerpt p { margin: 0; } .site-footer { 
background: #002233; 
color: #cfd8dc; 
padding: 60px 0 0; 
border-top: 5px solid var(--clr-red); 
text-align: center; 
margin-top: 0; 
}
.footer-grid { 
display: grid; 
grid-template-columns: 1.5fr 1fr 1fr 1fr; 
gap: 70px;
text-align: left; 
padding-bottom: 20px;
}
.site-footer ul { list-style: none; padding: 0; margin: 0; }
.footer-bottom { 
border-top: 1px solid rgba(255,255,255,0.1); 
padding: 15px 0; 
margin-top: 10px; 
width: 100%; 
}
.social-icons { display: flex; gap: 10px; margin-top: 15px; flex-wrap: wrap; }
.social-icons a { width: 32px; height: 32px; background: rgba(255,255,255,0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; transition: 0.3s; flex-shrink: 0; }
.social-icons a:hover { background: var(--clr-red); transform: translateY(-3px); }
.social-icons svg { width: 14px; height: 14px; fill: currentColor; }  .entry-content { 
line-height: 1.8; 
color: #444; 
overflow-wrap: break-word; 
word-wrap: break-word; 
word-break: break-word; display: flow-root; 
position: relative;
width: 100%;
}
.entry-content p { margin-bottom: 1.5em; }
.entry-content table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; border-collapse: collapse; margin-bottom: 20px; }
.entry-content th, .entry-content td { padding: 12px 15px; border: 1px solid #ddd; text-align: left; vertical-align: top; min-width: 160px; white-space: normal; }
.entry-content th { background: var(--clr-light-bg); color: var(--clr-blue); font-weight: 700; }
.entry-content img, .entry-content iframe, .entry-content video { max-width: 100% !important; height: auto !important; display: block; margin: 0 auto; } @media (max-width: 900px) {
.header-container { justify-content: center; min-height: 70px; }
.site-branding img { max-width: 150px; margin: 0 auto; display: block; }
.menu-toggle { display: flex !important; align-items: center; justify-content: center; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); background: var(--clr-blue); color: #fff; padding: 10px 15px; border-radius: 6px; border: none; z-index: 10002; font-weight: 700; }
.main-navigation { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(255, 255, 255, 0.98); backdrop-filter: blur(10px); z-index: 10001; opacity: 0; visibility: hidden; transition: all 0.4s ease; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.main-navigation.toggled { opacity: 1; visibility: visible; }
.main-navigation ul { flex-direction: column; align-items: center; width: 100%; padding: 0; gap: 0; }
.main-navigation li { width: 100%; text-align: center; }
.main-navigation a { font-size: 1.5rem; font-weight: 700; display: block; width: 100%; text-align: center; padding: 20px 0; border-bottom: 1px solid rgba(0,0,0,0.03); }
.hero-title { font-size: 1.8rem !important; line-height: 1.3; } 
.hero-content { padding: 0 20px; width: 100%; }
.single-header .entry-title {
font-size: 1.8rem !important; 
line-height: 1.2;
}
.partners-grid { display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 20px; padding: 10px 0; justify-content: flex-start; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.partners-grid::-webkit-scrollbar { display: none; }
.partners-grid img { height: 50px; flex: 0 0 auto; margin-right: 10px; filter: grayscale(0%); opacity: 1; }
.footer-grid { grid-template-columns: 1fr; text-align: center; gap: 30px; }
.site-footer .footer-logo-img { max-width: 120px !important; margin: 0 auto 15px; }
.site-footer img { margin: 0 auto 20px; display: inline-block; }
.social-icons { justify-content: center; gap: 15px; }
.social-icons a { flex-shrink: 0; }
.related-posts-section { padding-bottom: 60px !important; margin-bottom: 40px !important; }
.swiper-button-next::after, .swiper-button-prev::after { font-size: 28px !important; }
.swiper-button-prev { left: -5px !important; }
.swiper-button-next { right: -5px !important; }
.feature-section, .about-hero { flex-direction: column; }
.feature-overlay-box { position: relative; right: 0; top: 0; transform: none; margin-top: -30px; max-width: 90%; margin-left: auto; margin-right: auto; }
.contact-wrapper { flex-direction: column; }
.contact-left-grid { gap: 15px; }
.services-grid, .stats-grid, .mission-vision-grid, .about-values, .blog-page-grid { grid-template-columns: 1fr; }
.feature-image, .about-img img { order: -1; width: 100%; }
.contact-box, .contact-form-box { width: 100%; }
.single-post-container { width: 100%; overflow-x: hidden; }
}