/*
================================================================================
GENZEON THEME - DEVOPS TEAM STYLES
================================================================================

This CSS file is designated for DevOps team customizations and standard styles.
Please follow the organization structure and commenting guidelines below.

INSTRUCTIONS FOR DEVOPS TEAM:
1. Keep all code well-organized using the section structure provided
2. Add descriptive comments for each major section and complex rules
3. Use consistent indentation (2 spaces or 4 spaces - be consistent)
4. Group related styles together
5. Use meaningful class names that follow BEM methodology when possible
6. Test all changes on multiple screen sizes
7. Avoid !important unless absolutely necessary
8. Document any browser-specific hacks or workarounds

LOAD ORDER:
This file loads after:
- Google Fonts
- Bootstrap 5.3.2
- Theme base styles (theme.min.css)

So you can override Bootstrap and theme styles as needed.

VERSION HISTORY:
- v1.0.0 - Initial file structure created
================================================================================
*/

/* =============================================================================
   TABLE OF CONTENTS
   =============================================================================
   1. Global Overrides
   2. Typography Enhancements
   3. Layout & Grid Customizations
   4. Navigation Customizations
   5. Button & Form Enhancements
   6. Component Overrides
   7. Page-Specific Styles
   8. Media Queries
   9. Utility Classes
   10. Print Styles
   ============================================================================= */

/* =============================================================================
   1. GLOBAL OVERRIDES
   ============================================================================= */
/*
   Place any global CSS resets, body styles, or universal overrides here.
   Example:
   body {
     font-family: 'Custom Font', sans-serif;
   }
*/


/* =============================================================================
   2. TYPOGRAPHY ENHANCEMENTS
   ============================================================================= */
/*
   Custom font styles, heading overrides, text utilities
   Example:
   h1, h2, h3 {
     font-weight: 600;
   }
*/


/* =============================================================================
   3. LAYOUT & GRID CUSTOMIZATIONS
   ============================================================================= */
/*
   Bootstrap grid overrides, custom layouts, spacing adjustments
   Example:
   .custom-container {
     max-width: 1400px;
   }
*/


/* =============================================================================
   4. NAVIGATION CUSTOMIZATIONS
   ============================================================================= */
/*
   Header navigation, mobile menu, breadcrumbs, pagination
   Example:
   .navbar-custom {
     background-color: #custom-color;
   }
*/

:root{--appHeight: 100vh;}

header#masthead .bg-light{padding:24px 0;background-color:transparent !important;position:fixed;width:100%; top: 0; left: 0;  z-index:1000;top:0;}
.navbar-nav .nav-link{color:#fff;padding:20px 20px !important;}
.navbar-nav li.cta a{padding:20px 20px 20px 45px !important;font-size:14px !important;font-weight:500 !important;line-height:19.6px;background-color:#2f5ef5 !important;border:0 !important;border-radius:0 !important;}
.navbar-expand-lg .navbar-collapse{align-items:center; justify-content: flex-end;}
.navbar-expand-lg .navbar-nav{align-items:center;}
.navbar-nav .nav-link:hover{color:#fff;text-decoration: none;}
.navbar-nav .nav-link:before{content:"";background-color:#e25c66;width:100%;position:absolute;left:0;right:0;bottom:2px;min-height:3px;opacity:0;transition:0.3s all;}
.navbar-nav .nav-link:hover:before{opacity:1;transition:0.3s all;}
.navbar-nav .menu-item{position:relative;}
.navbar-nav .cta .nav-link:before{display:none;}

.navbar-collapse {display: flex; align-items: center; gap: 20px;}
.search_get {display: flex; gap: 20px;}
.search_get .get_link {display: flex; background-color: #2f5ef5; padding: 20px !important; font-size: 14px; font-weight: 500; line-height: 19.6px; letter-spacing: .05em; text-transform: uppercase; border-radius: 0; border-radius: 0; display: flex; align-items: center; justify-content: center; gap: 10px; color: #fff;}
.search_get .get_link:hover{text-decoration: none;}
.search_get .get_link:hover .arrow-icon svg {transform: none !important;}
.search_get .get_link .arrow-icon { display: flex; align-items: center; justify-content: center; transition: all 0.2s ease-in-out;}
.search_get .get_link .arrow-icon svg {font-size: 1rem; width: 1rem; height: 1rem; color: #fff; transform: rotate(-45deg) !important; transition: transform 0.3s ease; display: inline-block !important;}
header .navbar .navbar-toggler-icon {    display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-repeat: no-repeat; background-position: 50%; background-size: 100%;}
header button.navbar-toggler .navbar-toggler-icon {background-image: url('https://wordpress-1434202-5546655.cloudwaysapps.com/wp-content/uploads/2025/06/hambuger.svg'); }
header button.navbar-toggler.active .navbar-toggler-icon { background-image: url('https://wordpress-1434202-5546655.cloudwaysapps.com/wp-content/uploads/2025/06/close_icon.svg');}
.navbar-nav-row {display: flex;}
.header-row{align-items: center; justify-content: flex-start; gap: 40px; display: flex; width: 100%;}
.who_we_help.has-simple-menu {position: relative;}
.mega-menu .who_we_help.has-simple-menu .who_we_hvr.simple_menu { min-width: 120px; width: 100%; position: absolute; max-width: 100%; }
.mega-menu .who_we_help .who_we_hvr { background: #fff; min-width: 1176px; position: absolute; left: 0; top: auto; max-width: 1176px; margin: 0 auto; right: 0; display: none;}
.header-row.header-mega-active {position: relative; z-index: 1;}
.navbar-nav-row .who_we_help {padding: 0 15px; font-size: 14px;}
.navbar-nav-row .who_we_help .nav-link { padding: 20px 0; position: relative; z-index: 1;}
.navbar-nav-row .who_we_help .nav-link::after{content: ""; position: absolute; bottom: 10px; left: 0; width: 100%; background-color: #e25c66; height: 2px; opacity: 0; visibility: hidden; transition: all 350ms ease-in-out; pointer-events: none;}
.navbar-nav-row .who_we_help .nav-link:hover::after{opacity: 1; visibility: visible;}
.nav-link:focus, .nav-link:hover {color: #fff;}

/* Simple Menu */
.simple_menu ul {padding-left: 0; list-style-type: none; padding: 20px; margin-bottom: 0;}
.simple_menu ul li {margin-bottom: 0;}
.simple_menu ul li a {padding: 12px 0; display: flex; text-decoration: none; color: #000; font-size: 16px;}
.simple_menu ul li a:hover {color: #e25c66; text-decoration: none;}

/* header seacrhbar */
.search_icon {background-color: transparent !important; border: 0; padding: 0; font-size: 20px;}
.search_screen {display: none; position: fixed; height: 108px; background-color: #f2f5f6; padding: 30px 0; z-index: 10000000; left: 0; top: 0; width: 100%;}
.search_screen .input_div {position: relative;}
.search_screen .input_div input {width: 100%;background-color: #fff;height: 48px;border: 0;border-radius: 0;padding-left: 44px;}
.search_screen .input_div:after { content: ''; background-image: url('https://wordpress-1434202-5546655.cloudwaysapps.com/wp-content/uploads/2025/06/search.svg'); width: 32px; height: 32px; position: absolute; left: 12px; top: 8px;}
.search_screen .input_div input:focus{border: 0; box-shadow: none;}
.search_screen.show {display: block;}
.search_screen .Close_search { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); padding: 0; background: transparent; border: 0; font-size: 30px;}
.headersearchresults a:hover{text-decoration: none; color: #e25c66;}
button:focus:not(:focus-visible) {outline: 0; box-shadow: none;}

/* header menu cta */
.header-cta{ padding: 16px 32px; background-color: #fff; border-top: 1px solid #e7e7e7;}
.header-cta .btn{ background-color: #2f5ef5; padding: 20px !important; font-size: 14px; font-weight: 500; line-height: 19.6px; letter-spacing: .05em; text-transform: uppercase; border-radius: 0; border: 0; display: flex; align-items: center; justify-content: center; gap: 10px;}
.header-cta .btn:hover{background-color: #262626; text-decoration: none;}
.header-cta .arrow-icon { display: flex; align-items: center; justify-content: center; transition: all 0.2s ease-in-out;}
.header-cta .arrow-icon svg {font-size: 1rem; width: 1rem; height: 1rem; color: #fff; transform: rotate(-45deg) !important; transition: transform 0.3s ease; display: inline-block !important;}
.header-cta .btn:hover .arrow-icon svg {transform: none !important;}
.header-cta-row p {font-size: 14px;}

.header-slider__cta .cta-link{display: inline-flex;}

.who_we_hvr .drop_row {  display: flex ; border: 0;}
.tab-data {display: flex; align-items: flex-start;}
.drop_row_right {background-color: #f2f5f6; padding: 32px 32px 48px; width: 100%;}
.tab_div ul {list-style-type: none; display: flex; flex-direction: column; padding-left: 0; min-width: 170px;}
.drop_row_right .service_row ul {list-style-type: none; padding-left: 0;}
.drop_row_right .service_row ul li {padding: 12px 0; margin-bottom: 0;}
.drop_row_right .service_row ul li a:hover{text-decoration: none; color: #e25c66;}
.service_row h6,
.drop_row_left .tab-container h6 {text-transform: none; color: #000; font-size: 18px;font-weight: 500; line-height: 27px; font-family: "DM Sans", serif !important;}

.who_we_help .who_we_hvr .drop_row .drop_row_left {padding: 32px; min-width: 640px; max-width: 640px; width: 100%;} 
.header-cta-row {display: flex; align-items: center; justify-content: space-between; gap: 20px;}
.tabnav li.active a, .tabnav li a:hover {color: #e25c66; text-decoration: none;}
a:focus{border: 0; outline: 0;}
.tabcontent  ul li{padding: 12px 0; display: inline-block; margin-bottom: 0;}
.tabcontent ul li:first-child {padding-top: 0 !important;}
.tabcontent  ul li a{text-decoration: none;}
.tabcontent a:hover{ text-decoration: none; color: #e25c66; }
ul.tabs.tabnav li {line-height: normal; display: inline-block; margin-bottom: 0;}
ul.tabs.tabnav li:first-child a {padding-top: 0;}
ul.tabs.tabnav li:last-child a {padding-bottom: 0;}
ul.tabs.tabnav li a {display: inline-block; line-height: 24px; color: #5d5d5d; padding: 16px 0; font-size: 16px;}
ul.tabs.tabnav li.active a, ul.tabs.tabnav li a:hover{ text-decoration: none; color: #e25c66; }
.drop_row_right ul li a,
.drop_row_left .tabcontent ul li a {font-size: 16px;}
.nav-link {color: #fff;}
.nav-link:hover {color: #fff; text-decoration: none;}
ul.tabs.tabnav li.active a {
    font-weight: 800;
}

/* =tabnav CSS
========================================================================================*/

.tab-data ul { list-style-type: none; display: flex; flex-direction: column; padding-left: 0; min-width: 210px;}
ul.tabnav li{line-height: normal; display: inline-block; margin-bottom: 0; padding-right: 40px;}
ul.tabnav li:first-child a {padding-top: 0;}
ul.tabs.tabnav li a {display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.nav-link .chevron {display: none;}
header#masthead .bg-light.sticky{background-color:#fff !important;}
header#masthead .bg-light{transition:0.3s all;}
header#masthead .bg-light.sticky .navbar-nav .nav-link{color:#262626;}
header#masthead .bg-light.sticky .navbar-nav .cta.menu-item .nav-link:hover{background-color: #262626 !important;} 
header#masthead .bg-light.sticky .navbar-nav-row .who_we_help .nav-link {color: #262626;}
header#masthead .bg-light.sticky .search_icon { color: #0e0e0e; }
.navbar-brand>a {display: flex; width: 100%; height: 100%;}
.normal-logo {display: inline-block;}
.sticky .normal-logo {display: none;}
.sticky .sticky-logo {display: inline-block !important;}
.sticky-logo {display: none;}
.navbar-brand .site-logo {height: 100%; max-height: max-content; width: auto; max-width: 100%;}

.page-header .header-slider{height:var(--appHeight); min-height: 650px;}
.page-header .header-slider__content{padding:12rem 2rem;}
.dropdown:hover .dropdown-menu {top: 110%;}
.page-header .header-slider__slide{height:100%;}
.container{height:100%;}
.align-items-center{height:100%;}

.navbar-nav .cta .nav-link:after{content:'';background:url('https://wordpress-1434202-5546655.cloudwaysapps.com/wp-content/uploads/2025/06/get_in.abe36cf2.svg');display:inline-block;width:20px;height:20px;position:absolute;left:23px !important;transform:none !important;transition:0.3s all;}
.navbar-nav .cta .nav-link{display:flex;align-items:center;border:1px solid transparent !important;transform:none !important;}
.navbar-nav .cta .nav-link:hover{background-color:transparent !important;color:#fff !important;border:1px solid #fff !important;}
.navbar-nav .cta .nav-link:hover:after{transform:rotate(45deg) !important;}

.full-width-video-container button.btn.btn-primary.btn-lg.rounded-circle.mb-3{margin:0 !important;background-color:transparent;border:0;position:relative;}
.full-width-video-container button.btn.btn-primary.btn-lg.rounded-circle.mb-3 svg{width:47px !important;height:auto !important;fill:#e25c66;}
.full-width-video-container button.btn.btn-primary.btn-lg.rounded-circle.mb-3:before,button.btn.btn-primary.btn-lg.rounded-circle.mb-3:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:hsla(0,0%,100%,.3);z-index:-1;animation:ripple 1.5s ease-out infinite;z-index:11;left:0;top:0;}

@keyframes ripple{0%{transform:scale(1);opacity:.8} to{transform:scale(2.5);opacity:0} }

.header-slider__content .header-slider__small-title{ display: none; }
.slider_nav_dots_main{position: absolute; bottom: 64px; right: 0; z-index: 3; width: 100%; }
.slider_nav_dots_main-row { display: flex; justify-content: space-between; gap: 30px; }
.slider_nav_dot .header-slider__small-title { font-size: 16px; font-weight: 600; margin-bottom: 0;}
.slider_nav_dot {padding: 0 0 24px 0; cursor: pointer; opacity: 0.5; border-bottom: 2px solid hsla(0, 0%, 100%, .502); transition: color 0.2s, border 0.2s, opacity 0.2s; position: relative; text-align: left; width: 100%;}
.slider_nav_dot.active {opacity: 1;}
.slider_nav_dot.active::before {content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 2px; background: var(--white, #fff); opacity: 1; animation: progressBar 8s linear forwards; border-radius: 2px;}
@keyframes progressBar {from { width: 0; } to { width: 100%; } }

.page-header__image-stat {padding: 7rem  0 0; background: linear-gradient(180deg, #2f5ef5 82%, #fff 0);}
/* section.page-header--title_image_stat + main.site-main {margin-top: 120px;} */
section.page-header.page-header--title_photo_slider {background-color: transparent;}
section.page-header.page-header--title_photo_slider .page-header__photo-marquee {padding-top: 128px; min-height: 600px; display: block; margin-bottom: 0;}
section.page-header.page-header--title_photo_slider .page-header__marquee {margin-top: 50px; position: static; background: linear-gradient(rgba(23, 30, 54, 0) 60%, #fff 0);}
.page-header__image-stat .page-header__image-stat-wrapper .page-header__statistic .page-header__stat-description p {text-transform: none;}
.page-header__cta .cta-link-white:hover{background-color: #fff;}
.cta-link-white:hover .arrow-icon{background-color: transparent;}
.cta-button-wrapper .cta-link-white{display: inline-flex;}
.page-header .header-slider__content { padding-left: 0; padding-right: 0;}

.swiper-photo-marquee { margin-top: 32px; background: linear-gradient(rgba(23,30,54,0) 60%,#fff 0);}
.swiper-photo-marquee .swiper-wrapper {transition-timing-function: linear; align-items: center;}
.swiper-photo-marquee .swiper-wrapper .swiper-slide {height: 300px; width: 300px;}
.swiper-photo-marquee .swiper-wrapper .swiper-slide img {width: 100%; height: 100%; object-fit: cover;}
.swiper-photo-marquee .swiper-wrapper .swiper-slide.even-slide {height: 360px;}
.swiper-photo-marquee .swiper-wrapper .swiper-slide.odd-slide {height: 240px;}



/* =============================================================================
   5. BUTTON & FORM ENHANCEMENTS
   ============================================================================= */
/*
   Custom button styles, form field styling, validation states
   Example:
   .btn-custom {
     background-color: #brand-color;
     border-radius: 8px;
   }
*/


/* =============================================================================
   6. COMPONENT OVERRIDES
   ============================================================================= */
/*
   Bootstrap component customizations (cards, modals, tabs, etc.)
   Example:
   .card-custom {
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
   }
*/

.tabbed-content-block .tab-pane .content-text-wrapper {padding:8px 0 8px 24px;}
.tabbed-content-block .tabcontent .content-text{padding:8px 0 8px 24px;}
.tabbed-content-block .tabcontent .content-text p{margin:0;}
.tabs-horizontal.tabbed-content-block .nav-tabs { width: 50%; margin-left: auto; justify-content: flex-start !important; padding-left: 12px;}
.tabs-horizontal.tabbed-content-block .tab-content {padding-top: 0;}
.tabs-horizontal.tabbed-content-block .tabs-container-row{margin-top: -49px;}
.tabs-horizontal .nav-tabs::after{display: none;}
.tabs-horizontal.tabs-horizontal-once {padding-top: 0 !important; margin-top: 107px;}
.tabs-horizontal.pt-0 {padding-top: 0 !important;}
.tabs-horizontal.mt-0{margin-top: 0;}
.tabs-horizontal {position: relative; z-index: 1; background-color: rgba(4, 48, 70, .051) !important; border-top: 1px solid #d1d1d1; margin-top: 49px;}
.tabs-horizontal .image-container{margin-top: -66px; }
.tabs-horizontal .image-container img { min-height: 380px; max-height: 380px; height: 100%; object-fit: cover;}
.tabbed-content-block .image-container .cta-link {position: absolute; bottom: -1px; left: -1px; width: max-content; padding: 16px 16px 0; background-color: #f2f5f6;}

/* Layout Slider Style*/
.layout-slider {overflow: hidden;}
.horizontal-swiper-slider{margin-top: 48px; max-width: 1320px; overflow: visible;}
.posts-showcase-block .slide-content {display: flex; align-items: stretch; min-height: 400px; background-color: white; border-radius: 0; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); overflow: hidden; position: relative; }
.posts-showcase-block .slide-content .slide-text {width: 50%; padding: 3rem 2rem 3rem 2rem; display: flex; flex-direction: column; justify-content: flex-start; z-index: 2; position: relative; }
.posts-showcase-block .slide-content .slide-text .slide-meta { font-size: 1rem; font-weight: 500; line-height: 1.5; color: #5d5d5d; margin-bottom: 1rem; }
.posts-showcase-block .slide-content .slide-text .slide-title {font-size: 2rem; font-weight: 600; line-height: 1.4; letter-spacing: -0.32px; max-width: 504px; margin-bottom: 2rem; }
.posts-showcase-block .slide-content .slide-text .slide-title a {color: inherit; text-decoration: none;}
.posts-showcase-block .slide-content .slide-text .slide-meta .pipe-separator {margin: 0 0.9375rem; color: #888; }
.posts-showcase-block .slide-content .slide-text .slide-categories { margin-top: auto; margin-bottom: 0; display: flex; flex-wrap: wrap; gap: 0.5rem; min-height: 3rem; align-content: flex-start; }
.posts-showcase-block .slide-content .slide-text .slide-categories .slide-category-tag {font-size: 0.875rem; font-weight: 600; line-height: 1.6; letter-spacing: 0.02em; padding: 4px 12px; background-color: rgba(231, 103, 15, 0.1); color: #e7670f; display: inline-block; }
.posts-showcase-block .slide-content .slide-image {flex: 1; position: absolute; top: 0; right: 0; bottom: 0; width: 50%; }
.posts-showcase-block .slide-content .slide-image a {display: block; height: 100%; width: 100%; }
.posts-showcase-block .slide-content .slide-image img {width: 100%; height: 100%; object-fit: cover; display: block; }
.horizontal-swiper-slider .swiper-pagination {position: static; display: flex; justify-content: center; padding-top: 48px;}
.horizontal-swiper-slider .swiper-pagination-bullet {border-radius: 0; width: 74px; height: 3px; background: #d1d1d1;}
.horizontal-swiper-slider .swiper-pagination-bullet-active {background: #e25c66;}
.horizontal-swiper-slider .swiper-button-next:after, .horizontal-swiper-slider .swiper-button-prev:after {font-size: 0;}
.horizontal-swiper-slider .swiper-button-next, .horizontal-swiper-slider .swiper-button-prev {position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 10; height: 48px; width: 48px; border-radius: 428.571px; border: 3.429px solid #f6f6f6; background: #fff; background-repeat: no-repeat; background-size: cover;}
.horizontal-swiper-slider .swiper-button-prev {background-image: url(https://wordpress-1434202-5546655.cloudwaysapps.com/wp-content/uploads/2025/06/left_arrow.svg); left: -30px;}
.horizontal-swiper-slider .swiper-button-next { background-image: url(https://wordpress-1434202-5546655.cloudwaysapps.com/wp-content/uploads/2025/06/right_arrow.svg); right: -30px;}
.horizontal-swiper-slider .swiper-slide {opacity: .25;}
.horizontal-swiper-slider .swiper-slide-active {opacity: 1 !important;}
.horizontal-swiper-slider a:hover{text-decoration: none;} 


/* =============================================================================
   7. PAGE-SPECIFIC STYLES
   ============================================================================= */
/*
   Styles that apply only to specific pages or templates
   Use page/template class selectors for specificity
   
   Example:
   .page-about .hero-section {
     background-color: #specific-color;
   }
   
   .single-post .content-area {
     padding: 2rem 0;
   }
*/


/* =============================================================================
   8. CTA STYLES
   ============================================================================= */
/*
   Styles that apply only to specific pages or templates
   Use page/template class selectors for specificity
   
   Example:
   .page-about .hero-section {
     background-color: #specific-color;
   }
   
   .single-post .content-area {
     padding: 2rem 0;
   }
*/

.bg-red-orange-gradient-pattern .cta-link,
.bg-red-orange-gradient-pattern .cta-text p,
.bg-red-orange-gradient-pattern .module-title{color: #fff;}


/* =============================================================================
   9. CAREER PAGE STYLES
   ============================================================================= */
/*
   Styles that apply only to specific pages or templates
   Use page/template class selectors for specificity
   
   Example:
   .page-about .hero-section {
     background-color: #specific-color;
   }
   
   .single-post .content-area {
     padding: 2rem 0;
   }
*/

.archive header .navbar-nav-row .who_we_help .nav-link, 
.has-posts-header header .navbar-nav-row .who_we_help .nav-link, 
.single-leadership header .navbar-nav-row .who_we_help .nav-link, 
.blog header .navbar-nav-row .who_we_help .nav-link, 
.error404 .navbar-nav-row .who_we_help .nav-link, 
.banner--title_two_images header .navbar-nav-row .who_we_help .nav-link {color: #262626;}

.archive header .navbar-brand .site-logo,
.has-posts-header header .navbar-brand .site-logo,
.single-leadership header .navbar-brand .site-logo,
.blog header .navbar-brand .site-logo, 
.error404 header .navbar-brand .site-logo, 
.banner--title_two_images header .navbar-brand .site-logo {display: none;}

.archive header .navbar-brand .site-logo.sticky-logo,
.has-posts-header header .navbar-brand .site-logo.sticky-logo,
.single-leadership header .navbar-brand .site-logo.sticky-logo,
.blog header .navbar-brand .site-logo.sticky-logo,
.error404 header .navbar-brand .site-logo.sticky-logo,
.banner--title_two_images header .navbar-brand .site-logo.sticky-logo {display: block;}

.archive header .search_icon,
.has-posts-header header .search_icon,
.single-leadership header .search_icon,
.blog header .search_icon,
.error404 header .search_icon,
.banner--title_two_images header .search_icon {color: #0e0e0e;}

.single .post-header,
.posts-header, 
.error404 .post-header,
.page-header__two-images { padding: 7rem 0 0;}

.single .breadcrumb-item a { color: #262626; text-decoration: none; transition: all .2s ease-in-out;}
.single .breadcrumb-item a:hover{ color: #e25c66;}

.full-width-video-block {overflow: hidden;}
section.page-header.page-header--title_two_images{overflow: visible;}
.page-header__image.page-header__image--second { margin-bottom: -80px; margin-top: 80px;}
section.page-header.page-header--title_two_images + .site-main >.split-content-block {padding-top: 144px !important;}

.posts-showcase-block .carousel-card-tag,
.posts-showcase-block .carousel-card { transition: all 0.3s ease-in-out;}

.employee-testimonials-block .employee-scroller-marquee{z-index: 10;width: 99vw;left: 50%;transform: translateX(-50%);position: relative;margin-bottom: -16rem;	bottom:0;}

/* serch functionality and slier task css */
.headersearchresults{position: fixed; top: 108px; z-index: 10000; height: calc(100vh - 108px); background: #ffffff; width: 100%; overflow-y: auto; font-size:20px; line-height:26px; padding:15px 20px; display:none;}
.headersearchresults a{cursor: pointer; padding: 12px 0 12px 44px;}
.search_screen{padding: 30px 50px 30px 30px;}
.overflowhidden{overflow:hidden;}
.search_screen .Close_search{color: #262626;}
.search_screen .input_div input{font-size:20px;line-height:130%;color:#000000;}
.content-columns-slider .column-content img{height: 240px; width: 100%; object-fit: cover;}
.content-columns-slider .column-content h4{ padding-bottom:10px; padding-top:15px;}
.content-columns-slider .column-content p{font-size:16px; line-height:24px;}
.content-columns-slider .swiper .swiper-button-prev{height: 48px; width: 48px; background-size: cover; background-image: url(/wp-content/uploads/2025/06/swiperprev.svg); left: 0; top: 20% !important; margin-top:0px;}
.content-columns-slider .swiper .swiper-button-next{height: 48px; font-size: 0; width: 48px; background-size: cover; background-image: url(/wp-content/uploads/2025/06/swipernext.svg); top: 20%!important; right: 0; margin-top:0px;}
.content-columns-slider .swiper .swiper-button-prev:after, .content-columns-slider .swiper .swiper-button-next:after{display:none;}
.content-columns-slider .swiper{padding:0px 20px;}
.content-columns-block .introduction-text{max-width: 780px;margin: 0 auto;}

.cta-link-white:hover .arrow-icon, .personnel-grid-block .personnel-card .personnel-bio-link:hover .arrow-icon {background-color: transparent;}


.page-header__static-hero {
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
   position: relative;
   min-height: 60vh;
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 1;
}

.page-header__static-hero::before{
   content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, .6), transparent 22.11%), linear-gradient(90deg, rgba(23, 30, 54, .9) -.01%, rgba(23, 30, 54, 0) 99.99%), linear-gradient(0deg, rgba(23, 30, 54, .2), rgba(23, 30, 54, .2));
    background-position: 50%;
    background-repeat: no-repeat;
    z-index: 1;
    pointer-events: none;
}

.page-header__static-hero .page-header__static-hero-content {
   position: relative;
   z-index: 2;
   text-align: center;
   color: #fff;
}

.page-header__static-hero .page-header__static-hero-content :is(h1, h2, h3, p) {
   color: inherit;
}

/* =============================================================================
   10. MEDIA QUERIES
   ============================================================================= */

/* Extra Large Devices (1400px and up) */
@media (min-width: 1400px) {
  /*
     Styles for extra large screens
     Example:
     .container-xxl {
       max-width: 1320px;
     }
  */
}

/* Large Devices (1200px and up) */
@media (min-width: 1200px) {
  /*
     Styles for large screens
  */
}

/* Medium Devices (992px and up) */
@media (min-width: 992px) {
  /*
     Styles for medium screens (tablets in landscape)
  */

}

/* Small Devices (768px and up) */
@media (min-width: 768px) {
   /*
   Styles for small screens (tablets in portrait)
   */
}

/* Extra Small Devices (576px and up) */
@media (min-width: 576px) {
   /*
   Styles for extra small screens (large phones)
   */
}

@media (max-width: 1499px) {
   .horizontal-swiper-slider { max-width: calc(100% - 250px);}
}

@media (max-width: 1399px) {
   .navbar-nav-row .who_we_help {padding: 0 10px;font-size: 14px;}
   .header-row {gap: 20px;}
}

@media (max-width: 1299px) {
   .horizontal-swiper-slider { max-width: calc(100% - 120px);}  
}

@media (max-width: 1199px) {

   .navbar-nav-row .who_we_help {font-size: 12px;}
   .header-row {gap: 10px;}

}

@media (max-width: 1024px) {
   .horizontal-swiper-slider { max-width: calc(100% - 80px);}
}

@media (max-width: 991px) {

   .page-header__image-stat .page-header__image-stat-wrapper {margin-top: 40px; }
   .page-header__image-stat .page-header__image-stat-wrapper .page-header__image img{max-width: 100%; width: 100%; height: 480px;}
   .page-header__image-stat .page-header__image-stat-wrapper .page-header__statistic {left: 0; bottom: 0;}
   .slider_nav_dot .header-slider__small-title{font-size: 16px;}
   .page-header .header-slider__large-title {font-size: 36px;}
   .search_icon {font-size: 16px;}

   .horizontal-swiper-slider { max-width: calc(100% - 60px);}
  .header-row { width: 100%; justify-content: flex-start; gap: 20px; position: static;}
   header .navbar-collapse { position: absolute; right: 0; top: 100%; width: 100%; background-color: #fff; flex-direction: column; align-items: flex-start !important; padding: 0 20px 24px;}
   .navbar-nav-row {flex-direction: column;}
   .search_get {gap: 0;align-items: flex-start !important;width: 100%;justify-content: flex-start !important;}
   .search_get .get_link {width: 100%;}
   .mobile-menu-icons {margin-left: auto;}
   .navbar-toggler {padding: 0; border: 0;}
   .header-row form .btn { background: transparent; border: 0; padding: 0;}
   .header-row.header-mega-active {position: static;}
   .navbar-nav-row .who_we_help .nav-link::after { display: none;}
   .navbar-nav-row .who_we_help {padding: 0;}
   .navbar-nav-row .who_we_help .nav-link { color: #626262; padding: 20px 0; border: none; border-bottom: 1px solid #e7e7e7; border-radius: 0; display: flex; align-items: center; justify-content: space-between;}
   .mega-menu {width: 100%;}
   .simple_menu ul li a {padding: 0;}
   .mega-menu .who_we_help.has-simple-menu .who_we_hvr.simple_menu{position: static; min-width: auto;}
   .mega-menu .who_we_help .who_we_hvr {background-color: #f6f6f6; padding: 20px; margin: 14px 0 0; display: block; min-width: max-content;}
   .simple_menu ul {margin-bottom: 0; padding: 0;}
   .simple_menu ul li:last-child a {padding-bottom: 0;}
   .simple_menu ul li a {padding-bottom: 24px; font-size: 16px;}
   .simple_menu ul li:first-child a {padding-bottom: 24px;}
   .navbar-nav-row .who_we_help { font-size: 16px; }
   .tabcontent ul li { padding: 0 0 24px;}
   .tabcontent ul li:last-child { padding-bottom: 0;}
   .drop_row_left .tabcontent ul li:first-child a{padding-top: 0;}
   .drop_row_left .tabcontent  {padding: 8px 0 0 16px; border-left: 1px solid #d1d1d1; margin-bottom: 24px;}
   .drop_row_left .tab-container h6 {display: none;}
   .drop_row_left .tabcontent .mobile-tab-title {display: block;}
   .drop_row_left .tab-container h6{margin-bottom: 0; color: #5d5d5d; font-size: 14px;  font-weight: 400; line-height: 19.6px; padding-bottom: 16px; text-transform: none;}
   .drop_row_left .tab-container ul {margin-bottom: 0;}
   .drop_row_left .tab-container ul li a{text-transform: none;}
   .tab-container h6 {padding-bottom: 24px;}
   .header-cta, .drop_row_right{ display: none;}
   .tab-data:not(.only-tab) .tabnav {display: none;}
   .who_we_help .who_we_hvr .drop_row .drop_row_left {padding: 0; min-width: max-content; max-width: 100%; width: 100%;}
   .who_we_help.expanded .nav-link .chevron { transform: rotate(-180deg); color: #e25c66; }
   .tab-container { width: 100%; display: flex; flex-direction: column; align-items: flex-start;}
   .tabcontent {display: none;}
   .tabMobiletrigger { font-size: 16px; width: 100%; margin-bottom: 24px; display: flex; align-items: center; justify-content: space-between;}
   .tabMobiletrigger .fa-angle-down { color: #626262;}
   .tabMobiletrigger.rotate .fa-angle-down {transform: rotate(-180deg); color: #e25c66;}
   .tabcontent ul l i{padding-bottom: 24px; }
   .navbar-toggler:focus {box-shadow: none;}
   .nav-link .chevron {display: block;}
   .mega-menu .who_we_help .who_we_hvr{position: static;}
   header button.navbar-toggler .navbar-toggler-icon{filter: invert(1);}
   header#masthead .bg-light.sticky button.navbar-toggler .navbar-toggler-icon {filter: invert(0);}

   .single .post-header,
   .posts-header, 
   .page-header__two-images { padding: 5rem 0 0;}

   .archive  header button.navbar-toggler .navbar-toggler-icon,
   .single  header button.navbar-toggler .navbar-toggler-icon,
   .blog header  header button.navbar-toggler .navbar-toggler-icon,
   .career-page  header button.navbar-toggler .navbar-toggler-icon {filter: invert(0);}

   header#masthead .bg-light {padding: 21px 0;}
   .mega-menu {overflow: hidden; overflow-y: auto; max-height: 75vh; }
   .page-header__two-images .page-header__content .page-header__title { font-size: 36px; line-height: 45px; padding-bottom: 48px;}
   .page-header__two-images .page-header__images .page-header__image {    width: calc(50% - 8px);}

   .tabbed-content-block.tabs-vertical .nav-pills.mobile-tabs-nav {border-left: 0;}
   .tabbed-content-block.tabs-vertical .nav-pills.mobile-tabs-nav .nav-link.active::before {display: none;}

}

@media (max-width: 767px) {

   .tabs-horizontal.tabbed-content-block .nav-tabs {width: 100%;}
   .tabs-horizontal .image-container {margin-top: 0;}
   .tabs-horizontal .tab_col_mb {margin-top: 24px;}
   .tabs-horizontal.tabbed-content-block .tab-pane .content-text-wrapper {border-left: 0;}
   .tabs-horizontal.tabbed-content-block .tab-pane .content-text-wrapper .content-text {padding: 0;}
   .tabs-horizontal .image-container img { min-height: 160px;}

   .page-header__breadcrumbs {margin-bottom: 20px;}
   .page-header__content .page-header__title {font-size: 32px;}
   /* .page-header__marquee .photo-marquee__item--large {height: 300px;}
   .page-header__marquee .photo-marquee__item--small {height: 210px;}
   .page-header__marquee .photo-marquee__item {width: 360px;}
   section.page-header.page-header--title_photo_slider .page-header__photo-marquee {min-height: auto;}
   section.page-header.page-header--title_photo_slider .page-header__marquee {height: 300px;} */

   .slider_nav_dot .header-slider__small-title{font-size: 0;}
   .horizontal-swiper-slider .swiper-slide{height: auto;}
   .posts-showcase-block .slide-content .slide-text .slide-title {font-size: 24px;}
   .posts-showcase-block .slide-content {flex-direction: column-reverse; height: 100%;}
   .posts-showcase-block .slide-content .slide-image{position: static;}
   .posts-showcase-block .slide-content .slide-image,
   .posts-showcase-block .slide-content .slide-text{width: 100%;}
   .horizontal-swiper-slider .swiper-pagination {padding-top: 30px;}
   
   section.page-header.page-header--title_photo_slider .page-header__photo-marquee{min-height: auto ;}
   .swiper-photo-marquee .swiper-wrapper .swiper-slide.even-slide {height: 250px;}
   .swiper-photo-marquee .swiper-wrapper .swiper-slide.odd-slide {height: 200px;}
   .swiper-photo-marquee .swiper-wrapper .swiper-slide {height: 200px; width: 200px;}
}

/* Mobile First - Default styles above this comment are for mobile */

@media (max-width: 575.98px) {
  /*
     Mobile-specific overrides
     Example:
     .mobile-hide {
       display: none;
     }
  */

   .swiper-photo-marquee .swiper-wrapper .swiper-slide.odd-slide { height: 110px; }
   .swiper-photo-marquee .swiper-wrapper .swiper-slide.even-slide {height: 160px;}
  .swiper-photo-marquee .swiper-wrapper .swiper-slide {height: 160px; width: 160px;}


  /* .page-header__marquee .photo-marquee__item--large {height: 160px;}
  .page-header__marquee .photo-marquee__item--small{height: 110px;}
  .page-header__marquee .photo-marquee__item {width: 250px;}
   section.page-header.page-header--title_photo_slider .page-header__marquee {height: 160px;}
  .page-header__marquee .photo-marquee__track {height: auto;} */

  .search_screen-row {width: 92%;}
  .page-header__image.page-header__image--second { margin-bottom: -46px; margin-top: 46px;}
  .search_screen-row {width: 100%;}
}


/* =============================================================================
   9. UTILITY CLASSES
   ============================================================================= */
/*
   Custom utility classes for common styling needs
   Follow Bootstrap's utility naming convention when possible
   
   Example:
   .text-brand {
     color: #brand-color;
   }
   
   .bg-gradient-custom {
     background: linear-gradient(45deg, #color1, #color2);
   }
   
   .shadow-custom {
     box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
   }
*/


/* =============================================================================
   10. PRINT STYLES
   ============================================================================= */
@media print {
  /*
     Styles for printing
     Example:
     .no-print {
       display: none !important;
     }
     
     body {
       font-size: 12pt;
       line-height: 1.4;
     }
  */
}

/* =============================================================================
   END OF FILE
   
   Remember to:
   - Test all changes thoroughly
   - Document any complex calculations or browser-specific code
   - Use version control for tracking changes
   - Coordinate with the development team for major changes
   ============================================================================= */