.toggled{
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
    height: 0;
    border-width: 0 1px;
}

.post-template-default.single #left-area{
	width: 100% !important;
	padding-right: 0 !important;
}
.post-template-default.single #main-content .container:before{
	display: none !important;
}
.post-template-default.single h1.entry-title {
    font-size: 45px;
}
.post-template-default.single h2{
	font-size: 35px;
}
.post-template-default.single h3{
	font-size: 28px;
}

/* Container & Grid */
/* .careers-wrapper { position: relative; padding: 40px 0; background-color: #f4f8fb; } */
/* .careers-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(330px, 1fr)); gap: 30px;} */
.careers-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)); gap: 30px;}

/* Filter Bar Styling */
.job-filter-bar { background: #fff;  margin: 0 0 50px; padding: 30px; border-radius: 20px; box-shadow: 0 5px 20px rgba(0,0,0,0.05); }
.filter-form { display: flex; gap: 15px; align-items: center; flex-wrap: wrap; }
.input-group { border: 1px solid #e0e6ed; border-radius: 10px; padding: 8px 15px; display: flex; align-items: center; flex: 1; min-width: 200px; background: #fff; }
.search-input { flex: 2; }
.input-group input, .input-group select { border: none; outline: none; width: 100%; color: #4a5568; background: transparent; }
.filter-btn { background: #0056b3; color: #fff; border: none; padding: 12px 25px; border-radius: 10px; cursor: pointer; font-weight: 600; }
.clear-filter { font-size: 14px; color: #d9534f; text-decoration: none; }

/* Career Card Styling */
.career-card { background: #fff; padding: 40px 30px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); border: 1px solid #f0f0f0; transition: transform 0.2s; }
.career-card:hover { transform:scaleX(1) translateX(0px) translateY(-10px); box-shadow: 0 10px 25px -6px rgba(0,0,0,0.15); transition: all .2s ease-in-out; }
.career-title { font-size: 22px;font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif !important; color: #0154A4 !important; margin: 0; font-weight: 700; padding: 0 !important; }
.career-excerpt { font-size: 14px !important; line-height: 1.7em; margin-bottom: 20px; }
.career-category { color: #414E60; font-weight: 500; margin-bottom: 20px; font-size: 1rem; }
.career-tags { display: flex; gap: 10px; margin-bottom: 20px; }
.pill { padding: 4px 12px; border-radius: 30px; font-size: 12px; font-weight: 600; display: flex; align-items: center; gap: 5px; height: 30px; }
.pill-blue { background: #ebf4ff; color: #1D4ED8; }
.pill-gray { background: #f7fafc; color: #4a5568; }
.btn-read-more { background: #0056b3; color: #fff !important; padding: 0.4em 3em 0.4em 1em !important; border-radius: 60px; text-decoration: none; font-size: 14px !important; font-weight: 500; display: inline-block; }
.btn-read-more::after { content: url(/wp-content/uploads/2026/01/button_right.png) !important; position: absolute; top: 50%; right: 15px !important; transform: translateY(-50%); line-height: 1em !important; font-size: 24px !important; }
.btn-read-more:hover{ padding: 0.4em 3em 0.4em 1em !important; }

/* Pagination Styling */
.careers-pagination { text-align: center; margin-top: 40px; display: flex; justify-content: center; gap: 10px; }
.careers-pagination .page-numbers { padding: 10px 18px; background: #fff; border-radius: 8px; text-decoration: none; color: #0056b3; font-weight: bold; border: 1px solid #eee; }
.careers-pagination .current { background: #0056b3; color: #fff; border-color: #0056b3; }

/* Preloader Overlay */
.job-preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Use a solid color or simple transparency instead of blur for speed */
    background: rgba(255, 255, 255, 0.95); 
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease;
}

.spinner-wrap {
    text-align: center;
}

.spinner {
    width: 40px;
    height: 40px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #0056b3;
    border-radius: 50%;
    animation: spin 0.8s linear infinite; /* Increased speed from 1s to 0.8s */
    margin: 0 auto 10px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


/****fluent form****/
.mb-30{
	margin-bottom: 30px;
}
.mb-0{
	margin-bottom: 0;
}
.fluentform .step-nav{
    display:flex;
    column-gap: 20px;
}
.fluentform .step-nav button, .fluentform .ff-btn-submit{
    background: #fff !important;
    border: 1px solid #0154A4 !important;
    border-radius: 60px !important;
    padding: .4em 1em;
    line-height: 1.7em;
    color: #0154A4 !important;
    font-size: 16px;
    min-width: 120px;
}
.fluentform .step-nav button:hover, .fluentform .ff-btn-submit:hover {
    background: #0154A4 !important;
    color: #fff !important;
}
.fluentform .ff-column-container {
    background: #F9FAFB;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #E8EBEE;
    margin-bottom: 30px;
}
/* .fluentform .radio_group .ff-el-form-check-label span {
	font-weight: 700;
} */
.fluentform .ff-el-form-check span span {
    display: block;
    font-size: 14px;
}

.fluentform .ff-t-container label, .fluentform .ff-t-container span{
    font-size: 14px;
}
.fluentform h4, .fluentform h5{
    color: #0154A4;
}

.ff-message-success {
    border: 1px solid #E8EBEE !important;
    border-radius: 10px;
    box-shadow: none !important;
    margin-top: 0 !important;
    padding: 20px !important;
    min-height: 500px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #F9FAFB !important;
}


.fluentform .radio_group .ff-el-input--content,
.fluentform .checkbox_group .ff-el-input--content,
.fluentform .single_input,
.fluentform .comment_input,
.fluentform .address_group,
.fluentform .repeater_group{
	font-size: 14px;
    padding: 20px;
    border: 1px solid #E8EBEE;
    border-radius: 10px;
    background: #F9FAFB;
}
/* 
.fluentform .radio_group label,
.fluentform .checkbox_group label,
.fluentform .single_input label,
.fluentform .comment_input label
{
	font-size: 14px;
} */
.fluentform .ff-custom_html,
.fluentform  label,
.fluentform p{
	font-size: 14px;
}
.fluentform .ff-custom_html{
	margin-top: 20px;
	margin-bottom: 0;
}

.ff-mg-30{
	margin-bottom: 30px;
}

.fluentform .ff-column-container .ff-custom_html{
	margin-top: 0 !important;
}
.hide_label .ff-el-input--label {
    visibility: hidden;
}

.fluentform .heading_1{
	font-size: 16px;
	padding-bottom: 0;
}
.fluentform .sub-title{
	font-size: 12px;
	color: #757575;
	margin-bottom: 20px;
}

/****fluent form left-to-right****/
.rowcolumn2 {
    flex-direction: column !important;
}

.rowcolumn2 .ff-t-column-1,
.rowcolumn2 .ff-t-column-2 {
    flex-direction: row !important;
    width: 100% !important;
	gap: 20px !important;
}
.rowcolumn2 .ff-t-column-1 .ff-el-group,
.rowcolumn2 .ff-t-column-2 .ff-el-group{
    width: 50% !important;
}
/* @media(max-width: 767px){
	 .fluent_form_5 #ff_5_address_3_zip_ {
        width: 100%;
    }
} */


/***gravity form***/
.gform_wrapper .gform_heading{
	display: none;
}
.gform_wrapper label, .gfield--type-html {
	font-size: 14px !important;
	font-weight: 500 !important;
}
.gfield_label {
	font-size: 14px !important;
}
.gform_wrapper h3, .gform_wrapper h5, .gform_wrapper h6 {
	color: #0154A4;
}
.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea{
	border-radius: 7px;
	    padding-top: 11px !important;
    padding-bottom: 11px !important;
}
.gform_wrapper .button{
	background: #fff !important;
    border: 1px solid #0154A4 !important;
    border-radius: 60px !important;
    padding: .4em 1em;
    line-height: 1.7em;
    color: #0154A4 !important;
    font-size: 16px;
    min-width: 120px;
}
.gform_wrapper .button:hover{
	background: #0154A4 !important;
    color: #fff !important;
}


/* Blog Grid CSS */

/* VHC Blog Grid Styling */
.vhc-main-container { 
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; 
    max-width: 1280px; 
    margin: 0 auto; 
    color: #333; 
}

/* Toolbar: Search & Filter */
.vhc-toolbar {
    display: flex; 
    justify-content: space-between; 
    align-items: center;
    background: #fff; 
    padding: 30px; 
    border-radius: 20px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05); 
    margin-bottom: 64px; 
    flex-wrap: wrap; 
    gap: 15px;
}
.vhc-filter-group{
	text-align: center;
}

.vhc-filter-group .filter-btn {
    background: #fff; 
    border: 2px solid #ddd; 
    padding: .3em 1em;
    border-radius: 20px; 
    cursor: pointer; 
    margin-right: 5px; 
	margin-bottom: 10px;
    transition: 0.3s; 
    color: #555;
	font-family: "Open Sans";
    font-weight: 500;
	font-size: 16px;
	line-height: 1.7em;
}
.vhc-filter-group .filter-btn:hover{
	color: #fff;
	border-color: #0154A4;
	background: #0154A4;
}

.vhc-filter-group .filter-btn.active { 
    background: #0154A4; 
    color: #fff; 
    border-color: #0154A4; 
}
.vhc-search-wrapper {
    width: 100%;
}
.vhc-search-wrapper input {
    border: 1px solid #ddd; 
    padding: 10px 20px; 
    border-radius: 25px; 
    width: 100%; 
    outline: none;
	font-size: 14px;
}

/* The Grid Layout */
.vhc-grid { 
    display: grid; 
/*     grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));  */
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); 
    gap: 40px; 
}

/* Card Styling */
.vhc-card {
	padding: 10px;
    background: #fff; 
	border: 1px solid #e8ebee;
    border-radius: 15px; 
    overflow: hidden;
/*     box-shadow: 0 8px 25px rgba(0,0,0,0.07);  */
	box-shadow: 0px 4px 8px -6px rgba(0,0,0,0.15);
    display: flex; 
    flex-direction: column;
    transition: transform 0.3s ease;
}
.vhc-card:hover{
	box-shadow: 0px 4px 10px 1px rgba(0,0,0,0.15);
}

.vhc-card:hover { 
    transform: translateY(-5px); 
}

.vhc-thumb-area { 
    position: relative; 
/*     height: 240px;  */
}

/* .vhc-thumb-area img { 
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
} */
.vhc-thumb-area img{
  height: 17.5vw;
/* max-height: 252px; */
	width: 100%;
  border-radius: 10px;
  object-fit: cover;
}
@media(min-width:1366px){
  .vhc-thumb-area img{
    min-height: 252px;
	  max-height: 252px;
  }
}
@media(max-width: 1155px) and (min-width: 980px){
	.vhc-thumb-area img{
    height: 27vw;
  }
}
@media(max-width:980px){
  .vhc-thumb-area img{
    height: 27vw;
  }
/* 	.vhc-grid { 
		grid-template-columns: repeat(2, minmax(320px, 1fr)); 
	} */
}
@media(max-width: 767px){
/* 	.vhc-grid { 
		grid-template-columns: repeat(1, minmax(320px, 1fr)); 
	} */
	  .vhc-thumb-area img{
		height: 56.67vw;
	  }
	.vhc-filter-group {
		display: flex !important;
		align-items: stretch;
		flex-direction: column;
		gap: 10px;
		width: 100%;
	}
}

/* Torn Paper Overlay Effect */
.vhc-torn-banner {
    position: absolute; 
    bottom: -1px; 
    left: 0; 
    width: 100%;
    background: #0056b3; 
    color: #fff; 
    padding: 35px 20px 15px;
    display: flex; 
    justify-content: space-between; 
    align-items: flex-end;
    /* Rough Jagged Edge Clip-Path */
    clip-path: polygon(0 22%, 4% 14%, 9% 25%, 14% 12%, 21% 28%, 29% 10%, 36% 23%, 46% 14%, 53% 26%, 61% 12%, 71% 24%, 81% 14%, 89% 27%, 96% 12%, 100% 24%, 100% 100%, 0 100%);
}

.vhc-torn-banner h4 { 
    margin: 0; 
    font-size: 1.1rem; 
    line-height: 1.3; 
    max-width: 70%; 
    font-weight: 600; 
}

.vhc-brand-logo { 
    width: 75px; 
    height: auto; 
    background: #fff; 
    border-radius: 4px; 
    padding: 4px; 
}

/* Card Body Content */
.vhc-content { 
    padding: 25px 10px 20px; 
    display: flex; 
    flex-direction: column; 
    flex-grow: 1; 
}

.vhc-meta { 
    display: flex; 
    gap: 12px; 
    margin-bottom: 20px; 
}

.vhc-meta-pill {
     background: #f0f4f8;
    padding: 4px 12px;
    border-radius: 30px;
    font-size: 12px;
	font-weight: 600;
    color: #000;
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 27px;
    line-height: 1.7em;
}

.vhc-title-link { 
    color: #0056b3; 
    text-decoration: none; 
    font-size: 1.5rem; 
    line-height: 1.2; 
    margin-bottom: 15px; 
    display: block; 
    font-weight: 700; 
}

.vhc-description { 
    color: #777; 
    font-size: 0.95rem; 
    line-height: 1.6; 
    margin-bottom: 25px; 
    flex-grow: 1; 
}
.vhc-read-more:after{
	content: url(/wp-content/uploads/2026/01/button_right.png) !important;
    position: absolute;
    top: 50%;
    right: 15px !important;
    transform: translateY(-50%);
    line-height: 1em !important;
    font-size: 24px !important;
}
.vhc-read-more{
	font-size: 14px !important;
	font-weight: 500 !important;
	font-family: Open Sans,Arial,sans-serif;
	padding: .4em 3em 0.4em 1em !important;
}
/* .vhc-read-more {
    background: #0056b3; 
    color: #fff; 
    text-decoration: none;
    padding: 12px 28px; 
    border-radius: 30px; 
    font-weight: 600;
    width: fit-content; 
    transition: 0.3s;
} */

.vhc-read-more:hover { 
    background: #004494; 
    box-shadow: 0 4px 12px rgba(0,86,179,0.3); 
}

/* Mobile Responsiveness */
@media (max-width: 980px) { 
	.vhc-search-wrapper{
		width: 100%;
	}
    .vhc-toolbar { 
		flex-direction: column-reverse;
       justify-content: center;
    } 
	.vhc-search-wrapper input { 
        width: 100%; 
    } 
}
@media (max-width: 768px) { 
    
}


.vhc-pagination {
    margin-top: 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.vhc-pagination .page-numbers {
    display: inline-block;
    padding: 6px 18px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    text-decoration: none;
    color: #0154A4;
	font-size: 16px;
    font-weight: 500 !important;
    transition: 0.3s;
}

.vhc-pagination .page-numbers.current {
    background: #0154A4;
    color: #fff;
    border-color: #0154A4;
}

.vhc-pagination .page-numbers:hover:not(.current) {
    background: #f0f4f8;
    border-color: #0154A4;
}

.vhc-pagination .prev, .vhc-pagination .next {
    font-weight: bold;
}
.calendar-icon, .clock-icon{
	display: flex;
}