/*
Theme Name: Steering Innovation v2.0
Theme URI: https://www.steeringinnovation.com/
Author: Steering Innovation
Author URI: https://www.steeringinnovation.com/
Description: A WordPress theme using Bootstrap v5.3.
Version: 2.0
*/

:root, [data-bs-theme=light] {
	--bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #1a1c1d;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #1a1c1d;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #1a1c1d;
    --bs-primary-rgb: 5, 20, 31;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-primary-text-emphasis: #1a1c1d;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #1a1c1d;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #9ec5fe;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 5, 20, 31;
    --bs-font-sans-serif: "Roboto", sans-serif;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #1a1c1d;
    --bs-body-color-rgb: 5, 20, 31;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-emphasis-color: #1a1c1d;
    --bs-emphasis-color-rgb: 5, 20, 310;
    --bs-secondary-color: rgba(33, 37, 41, 0.75);
    --bs-secondary-color-rgb: 33, 37, 41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: rgba(33, 37, 41, 0.5);
    --bs-tertiary-color-rgb: 33, 37, 41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-heading-color: inherit;
    --bs-link-color: #1a1c1d;
    --bs-link-color-rgb: 5, 20, 31;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #1a1c1d;
    --bs-link-hover-color-rgb: 5, 20, 31;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545;
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #1a1c1d;
    --bs-btn-border-color: #1a1c1d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1a1c1d;
    --bs-btn-hover-border-color: #1a1c1d;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1a1c1d;
    --bs-btn-active-border-color: #1a1c1d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #1a1c1d;
    --bs-btn-disabled-border-color: #1a1c1d;
}
.accordion {
	--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231a1c1d'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231a1c1d'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
html {scroll-behavior: smooth;}
body {letter-spacing: .2px;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {color:#004aad;}
img {max-width:100%;}
a {text-decoration:none;}
p a {text-decoration:underline;}
.btn-primary {background:#004aad; color:#fff; border:1px solid #004aad;transition: background 0.3s ease-out, color 0.3s ease-out;}
.btn-primary:hover, .btn-primary:active {color:#fff; background:#004aad; border:1px solid #004aad;}
.form-check-input:checked {background-color: #004aad; border-color: #004aad;}
.modal-body .btn-close {z-index:2;}
/**********************/
/* Navigation Styles */
/********************/

#masthead {background:#fff;}
.top-bar {line-height:37px; font-size:12px; padding:0; background-color: #fff; color: #1a1c1d; position: relative;}
.top-bar i {margin-left:12px;font-size:16px; }
.navbar {padding:0;}

.icon-bar {display: block; width: 22px; height: 2px; background-color: #333; margin: 4px 0;}
.close-nav {
    display: block;
    text-align: right;
	left: -100%;
	transition: left 0.3s ease; 
    padding: 3px 7px;
    background: #004aad;
    clear: both;
    position: fixed;
    top: 0;
	line-height: 45px;
    z-index: 9999999;
}
.close-nav a {color:#fff !important;}
@media (max-width: 1024px) {
    .navbar-default .navbar-collapse, .navbar-default .navbar-form, .navbar-nav>li {
        background: #fff;
    }
    .navbar-collapse.collapse {
        height: 100% !important;
        overflow-y: auto !important;
		display: block;
    }
	.navbar-collapse {
		position: fixed;
		top: 45px;
		bottom: 0;
		left: -100%; /* Start off-screen to the left */
		width: 90%; /* Adjust width as needed */
		transition: left 0.3s ease; /* Smooth transition for the 'left' property */
		background-color: #fff; /* Ensure the background is white */
		z-index: 1050; /* Higher than other content */
		overflow-y: auto; /* Allows scrolling */
		display: block;
	}
	.navbar-collapse::-webkit-scrollbar-thumb {background: #888;border-radius: 10px;}
	.navbar-collapse::-webkit-scrollbar {width: 8px;height: 8px;border-radius: 5px;}
	.navbar-collapse::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 10px;}	
	.navbar-collapse.show, .close-nav.show {left: 0;}
}
@media (max-width: 768px) {
    .navbar-collapse, .close-nav {width: 90%;}
}


.navbar-nav a {
    text-transform: none;
    color: #333333;
    background: none;
	text-decoration: none;
    border-top: 0;
	display: block;
}
.navbar-nav li.menu-item-has-children a:after {content: " \f105"; font-family: "Font Awesome 5 Pro"; text-align: right; display: inline-block; position: absolute; font-size: 16px; top: 15px; right: 20px;}
.navbar-nav > li > a {padding: 15px;}
.navbar-nav ul.dropdown-menu {display: none; background: rgb(243, 243, 243); border: 0px; border-radius: 0px;padding: 0;}
.navbar-nav ul.dropdown-menu li a {padding: 7px 0 7px 25px;font-size:15px;}
.navbar-nav li.menu-item-has-children li.menu-item-has-children a:after {top:8px; font-size:14px;}
.navbar-nav ul.dropdown-menu li ul.dropdown-menu li a {padding: 5px 0 5px 35px; font-size: 14px;}

#logo img {max-height: 70px;}

#cssmenu {padding:0;margin:0;border:0;width:auto;}
#cssmenu ul,
#cssmenu li {list-style:none;margin:0;padding:0;}
#cssmenu ul {position:relative;z-index:597;}
#cssmenu ul li {float:left;min-height:1px;vertical-align:middle; position: relative;}
#cssmenu ul li.hover,
#cssmenu ul li:hover {position:relative;z-index:599;cursor:default;}
#cssmenu ul ul {visibility:hidden;position:absolute;top:100%;left:0;z-index:598;}
#cssmenu ul ul li {float:none;}
#cssmenu ul ul ul {top:0;left:85%;}
#cssmenu ul li:hover > ul {visibility:visible;}
#cssmenu ul ul {margin-top:0;}
#cssmenu ul ul li {font-weight:normal;}
#cssmenu a {display:block;line-height:1em;text-decoration:none;}
/* Custom CSS Styles */
#cssmenu {font-size:12px; float:right;}
#cssmenu > ul {*display:inline-block;}
#cssmenu:after,
#cssmenu ul:after {content:'';display:block;clear:both;}
#cssmenu ul {float:left; border-left:0; margin:0 0 0 0;}
#cssmenu ul ul {text-transform: none;min-width: 300px;position: absolute;top: 100%;left: 0;z-index: 1000;float: left;font-size: 14px;text-align: left;list-style: none;background: #fff;-webkit-box-shadow: 0px 3px 0 rgba(0,0,0, 0.6);-moz-box-shadow: 0px 3px 0 rgba(0,0,0, 0.6);-khtml-box-shadow: 0px 3px 0 rgba(0,0,0, 0.6);box-shadow: 3px 2px 8px rgba(0,0,0, 0.6);border: 0 solid #e1e1e2; border-top: 0 !important;}
#cssmenu ul ul a {line-height: 50px;display: block; clear: both; white-space: nowrap; font-size: 16px; font:400 16px/32px 'Roboto', sans-serif; text-transform: none; padding: 15px 20px 13px; color: #333; border-bottom: 1px solid #ccc;}
#cssmenu ul ul a:hover, #cssmenu ul ul a:active {background: #1a1c1d; color: #fff;}
#cssmenu ul ul ul {border-top:0 none;}
#cssmenu ul ul li {position:relative;}
#cssmenu ul ul li:first-child > a {}
/*#cssmenu ul ul li:hover > a {background: #34baf3; color: #fff;} */
#cssmenu ul ul > li:hover > a  {background: #1a1c1d; color: #fff;}
#cssmenu ul ul li:last-child > a {}
#cssmenu ul ul li:last-child:hover > a {}
#cssmenu ul ul li.has-sub > a:after {}
#cssmenu .top-menu:hover > a {color: #fff; box-shadow: inset 0 -3px 0 #fff;}
/* #cssmenu ul li.active > a {color: #34baf3; box-shadow: inset 0 -3px 0 #34baf3;} */

#cssmenu ul li.has-sub > a:after {content: " \f107"; font-family: "Font Awesome 5 Pro"; text-align: right; display: inline-block; position: absolute; font-size: 17px;  right: 10px;}
#cssmenu ul li.last ul {left:auto;right:0;}
#cssmenu ul li.last ul ul {left:auto;right:99.5%;}
#cssmenu a {}
#cssmenu > ul > li > a {font:400 16px/80px 'Roboto', sans-serif; text-transform: none; padding: 0 15px 0; color: #1a1c1d; letter-spacing: 1px;}
#cssmenu > ul > li > a:hover {color: #1a1c1d; box-shadow: inset 0 -3px 0 #1a1c1d;}
@media (max-width: 1199px) {#cssmenu > ul > li > a {font:400 14px/80px 'Roboto', sans-serif; padding: 0 8px 0; letter-spacing: 0px;}}
@media (min-width: 1200px) {#cssmenu > ul > li > a {padding: 0 30px 0 20px; color: #1a1c1d; letter-spacing: 0px;transition: box-shadow 0.3s ease, color 0.3s ease;}}

/* Menu Background Styling  */
#cssmenu ul li.expand-sub > div > ul {visibility:visible;}
#cssmenu ul li.expand-sub > div {visibility:visible;}

#cssmenu ul li.second-level.expand-sub > div > ul > li > div {visibility:visible;}
#cssmenu ul li.second-level.expand-sub > div > ul > li > div > ul {visibility:visible;}

#cssmenu ul li.hover-sub:hover > div > ul {visibility:visible;}

#cssmenu ul li.hover-sub:hover > div {visibility:visible;}

#cssmenu ul li.second-level:hover > div ul {visibility:visible;}
/* For hover display
#cssmenu ul li.second-level:hover > div > ul > li > div {visibility:visible;}
#cssmenu ul li.second-level:hover > div > ul > li > div > ul {visibility:visible;}
*/

#cssmenu ul .top-menu div {visibility:hidden;z-index:598; width: 100%; margin:0 !important; background-color: rgba(0, 0, 0, 0.85);  position: fixed; left: 0;}
#cssmenu .top-menu li {width:22%;}
#cssmenu ul .top-menu div ul {text-transform:none;min-width:190px; position:initial; left:50%; z-index:1000; font-size:14px; text-align:left; list-style:none;margin: 0px 20%;background-color:none;-webkit-border-radius: 0; border-radius: 0; width: 70%;}	

#cssmenu .menu-highlight a {font-weight: 600 !important;}

#cssmenu .nav-heading {font-size: 18px; font-weight: 600;}
#cssmenu .menu-left {float:left !important;}
#cssmenu .menu-right {float:right !important;}
#cssmenu .hide-text {text-indent:-5000px;}

#cssmenu .top-menu ul.sub-menu {color:#323336;border-top:1px solid #ccc;}
#cssmenu .top-menu li a {color:#333; font: 400 15px/32px 'Roboto', sans-serif; border-bottom:0;}
 #cssmenu .top-menu .sub-menu .sub-menu li:hover > a {background: transparent !important;}

#cssmenu .expand-sub > a {background: #fff !important; color: #1a1c1d !important; box-shadow: inset 0 -3px 0 #fff;}
#cssmenu .top-menu .expand-sub > a {background: #1a1c1d !important; color: #fff !important;}
#cssmenu .nav-heading .sub-menu a:hover {color:#1a1c1d !important;}
#cssmenu .top-menu li.second-level:hover, 
#cssmenu .top-menu li.second-level:active, 
#cssmenu .top-menu li.second-level:focus {background: #1a1c1d !important; color: #fff !important;}
#cssmenu .top-menu .hover-sub.second-level > a:after, #cssmenu ul li.parent-inventory.second-level > a:after {content: " \f105"; font-family: "Font Awesome 5 Pro"; text-align: right; display: inline-block; position: absolute; font-size: 17px; top: 15px; right: 20px;}

#cssmenu ul .top-menu .btn-menu {float:left; position: absolute; bottom: 20px; width:20%;}
#cssmenu ul .top-menu .btn-menu-1 {left:20%;}
#cssmenu ul .top-menu .btn-menu-2 {left:41%;}
#cssmenu ul .top-menu .btn-menu-3 {left:62%;}
#cssmenu ul .top-menu .btn-menu-4 {left:83%;}
/*#cssmenu ul .top-menu .btn-menu > a {color: #34baf3 !important; border: 1px solid #34baf3 !important; display: block; text-align: center; padding: 7px 0;}
#cssmenu ul .top-menu .btn-menu > a:hover, #cssmenu ul .top-menu .btn-menu > a:active, #cssmenu ul .top-menu .btn-menu > a:focus {color: #fff !important; background:#34baf3 !important;}
*/
#cssmenu ul .top-menu .btn-menu > a {color: #fff !important; background:#1a1c1d ;border: 0px solid #1a1c1d !important; display: block; text-align: center; padding: 7px 0;}
#cssmenu ul .top-menu .btn-menu > a:hover, #cssmenu ul .top-menu .btn-menu > a:active, #cssmenu ul .top-menu .btn-menu > a:focus {color: #fff !important; background:#1a1c1d !important;}

/* 3rd Tier Menu Styles */
#cssmenu ul .top-menu div.sub-menu-container div.sub-menu-container {position: absolute; top: -20px; left: 100%; background: none; width: 900px;}
#cssmenu ul .top-menu div.sub-menu-container .menu-level-2 div.sub-menu-container {top: -80px;}
#cssmenu ul .top-menu div.sub-menu-container .menu-level-3 div.sub-menu-container {top: -140px;}
#cssmenu ul .top-menu div.sub-menu-container .menu-level-4 div.sub-menu-container {top: -200px;}
#cssmenu ul .top-menu div.sub-menu-container .menu-level-5 div.sub-menu-container {top: -260px;}
#cssmenu ul .top-menu div.sub-menu-container .menu-level-6 div.sub-menu-container {top: -320px;}
#cssmenu ul .top-menu div.sub-menu-container .menu-level-7 div.sub-menu-container {top: -380px;}
#cssmenu ul .top-menu .second-level > div.sub-menu-container {padding-left:40px; min-height:400px;}
#cssmenu ul .top-menu div.sub-menu-container div.sub-menu-container .nav-heading > a {font: 400 16px/24px 'Roboto', sans-serif; color:#1a1c1d; margin-top: 20px; margin-bottom: 7px; border-bottom: 1px solid #c9cacc; text-transform: uppercase; letter-spacing: 0.1em;}
#cssmenu ul .top-menu div.sub-menu-container div.sub-menu-container ul {margin:0; width:100%;}
#cssmenu ul .top-menu div.sub-menu-container div.sub-menu-container li {float: left; width: 30%; margin-right: 25px;}
#cssmenu ul .top-menu div.sub-menu-container div.sub-menu-container li.two-col {width: 40%;}
#cssmenu ul .top-menu div.sub-menu-container div.sub-menu-container li a {padding:0;font: 400 14px/32px 'Roboto', sans-serif;}
#cssmenu ul .top-menu div.sub-menu-container div.sub-menu-container div.sub-menu-container {position: initial; top: initial; left: initial; width: 100%;}
#cssmenu ul .top-menu div.sub-menu-container div.sub-menu-container div.sub-menu-container li {float: none; width: 100%;}
/* End 3rd Tier Menu Styles */

#cssmenu .blank-heading > a {text-indent:-999999px; border-bottom-color: transparent !important;}

#cssmenu ul .top-menu li.margin-bottom {margin:7px 0;}
#cssmenu ul .top-menu li.margin-bottom a {font:600 15px/32px 'Roboto', sans-serif !important;}
#cssmenu ul .top-menu li.btn-main-cat a {font: 600 15px/32px 'Roboto', sans-serif !important; color: #1a1c1d;border: 2px solid #1a1c1d;text-align: center;padding: 5px 0 !important; margin-top: 20px;}
#cssmenu ul .top-menu li.btn-main-cat a:hover, #cssmenu ul .top-menu li.btn-main-cat a:focus, #cssmenu ul .top-menu li.btn-main-cat a:active {font: 600 15px/32px 'Roboto', sans-serif !important; color: #1a1c1d;border: 2px solid #1a1c1d;text-align: center;padding: 5px 0 !important; margin-top: 20px;}
#cssmenu .nav-heading > a {font-size: 18px; font-weight: 600;}
#cssmenu .menu-left {float:left !important; width:33%;}
#cssmenu ul .top-menu > div {background: #fff; -webkit-box-shadow: 0 1px 3px 0 #757575; box-shadow: 0 1px 3px 0 #757575;}
#cssmenu ul .new.top-menu > div {min-height: 440px;}
#cssmenu ul .used.top-menu > div {min-height:520px;}
#cssmenu ul .service.top-menu > div {min-height:360px;}

#cssmenu .menu-right {float:right !important; height: 275px;}
#cssmenu .top-menu > div > ul {padding:20px 0;}
#cssmenu .top-menu ul {background:none;}
#cssmenu>li.hide-text {text-indent:-5000px;}
#cssmenu .expand-child div {position: absolute !important;}
#cssmenu .expand-child .sub-menu {margin:0; text-indent: 0; width: 100%;}
#cssmenu .expand-child .sub-menu li {width:100%;}
#cssmenu ul li.expand-sub > .sub-menu {visibility:visible;}
#cssmenu .top-menu ul {-webkit-box-shadow:0 0 0; box-shadow:0 0 0;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {background:#666 !important;}

#cssmenu .menu-close {position: absolute !important; top: 0; right: 0; padding: 0; width: auto !important;}
#cssmenu .menu-close a {padding: 0; line-height: 40px !important; font-size: 18px; display: inline-block; height: 40px; width: 40px; text-align: center; background: #34baf3; color: #fff !important;}
#cssmenu .top-menu li.menu-close:hover > a {background: #34baf3 !important; color: #fff !important;}

@media(max-width:1440px) {#cssmenu ul .top-menu div ul {margin:0 15%;}}
@media(max-width:1725px) {
    #cssmenu ul .top-menu div ul {left:0;width:100%; margin:0;}
}

.active-menu {z-index: 2147483647; position: fixed; width: 100%; top: 0px;}

.black-out {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .62); z-index: 98; display: none;}
.menu-black-out {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .4); z-index: 5; display: none;}


.main-content-inner {padding-top: 50px; padding-bottom: 50px;}
.no-border-card {border: none !important; box-shadow: none !important;}
.card-title {font-family: 'Roboto'; font-size: 24px;}
.card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Ensures content is evenly distributed */
    height: 100%;
}

.card-text {
    flex-grow: 1; /* Pushes button to the bottom */
    flex-direction: column;
    justify-content: center;
}

.card .btn {
    margin-top: auto; /* Ensures button aligns at bottom */
}

.mt-auto {
    margin-top: auto; /* Pushes the stock & price text above the button */
}
.card-text strong {
    display: inline !important;
    white-space: nowrap; /* Ensures text stays inline */
}

@media (min-width:1025px) {.hide-desktop {display:none;}}
@media(max-width:768px) {
	.reset-xs-padding {padding:0px !important;}
	.reset-xs-left-padding {padding-left:0px !important;}
	.reset-xs-right-padding {padding-right:0px !important;}
	.hide-mobile, .show-tablet, .show-desktop {display:none;}
	.show-mobile {display:inherit;}
}
@media(min-width:769px) and (max-width:1024px) {
	.hide-tablet, .show-mobile, .show-desktop {display:none;}
	.show-tablet {display:inherit;}
}
@media(min-width:1025px) {
	.hide-desktop, .show-mobile, .show-tablet {display:none;}
	.show-desktop {display:inherit;}
}
@media(min-width:1024px) {
	.reset-desktop-padding-left {padding-left:0 !important;}
	.reset-desktop-padding-right {padding-right:0 !important;}	
}
@media(min-width:768px) and (max-width:991px) {.reset-sm-padding {padding:0px !important;}}

@media(min-width:992px) {
	.reset-md-padding {padding: 0px !important;}
	.reset-md-right-padding {padding-right: 0px !important;}
	.reset-md-left-padding {padding-left: 0px !important;}
}
@media(min-width:1200px) {.reset-lg-padding {padding:0px !important;}}

@media(max-width:1024px){
	.reset-mobile-padding {padding:0px !important;}
	.add-mobile-padding {padding:0px 15px !important;}
}

.verticially-align-parent {position:relative;}
.vertically-align {position: relative; top:50%; transform: translateY(-50%);}

.page-header {padding: 50px 0px; background-size: cover !important;}
.page-header h1 {margin: 0 0 7px; color:#fff; font: 700 42px / 46px 'Roboto', sans-serif;}
.page-header h2.subheader {color: #fff; font: 300 20px / 28px 'Roboto', sans-serif; margin: 0;}

.accordion-item {border:0;}
.accordion-button {color: #1a1c1d; border-top: 1px solid; border-radius: 0 !important; padding:20px 0; font-family: 'Roboto', sans-serif;}
.accordion-button:not(.collapsed) {background: #fff; color: #1a1c1d;}
.accordion-button:focus {box-shadow: 0 0 0; border-top: 1px solid #1a1c1d;}
.accordion-body {padding:20px 0 30px;}

/**************************/
/**** Custom Site CSS ****/
/************************/
.top-contact-bar {
  background-color: #004cb9; /* Matches your image */
  font-size: 0.95rem;
}
.top-contact-bar i {
  font-size: 1rem;
}
.service-icon svg {
  	width: 90px;
	height: 90px;
	margin: 0 auto;
	display: block;
	fill: #174fa2;
}
.service-icon .fw-bold {
	color: #174fa2;
	font-size: 24px;
}
.view-more-btn {
  color: white;
  font-weight: bold;
}
.footer-title {
  font-weight: 300;
}
.bg-dark {
  background-color: #757575 !important; /* Matches gray from mockup */
}

.why-choose-section {
  background: url('images/why-choose.jpg') no-repeat center center;
  background-size: cover;
  position: relative;
}

.why-choose-box {
  max-width: 960px;
  background-color: #ffffff;
}
.about-us-section img {
  max-width: 250px;
}

.about-us-section .btn-light {
  color: #0d6efd;
  background-color: #ffffff;
  border: none;
}

.about-us-section .btn-light:hover {
  background-color: #e2e6ea;
}
.join-team-section {
  background: url('images/join-team.jpg') no-repeat center center;
  background-size: cover;
  position: relative;
}

.join-team-section .overlay {
  background-color: rgba(0, 0, 0, 0.45); /* Optional dark overlay */
}

.join-team-section .team-box {
  max-width: 900px;
  background-color: #63a4ff; /* Bootstrap info or custom soft blue */
}

.slideshow-section {
  overflow: hidden;
}

.slideshow-section .swiper-slide {
  position: relative;
}

.slide-caption {
  position: absolute;
  top: 10%;
  left: 10%;
  background: rgba(255, 255, 255, 0.85);
  max-width: 500px;
  color: #004aad;
	z-index: 10;
}

.slide-caption h2 {
  font-size: 46px;
  font-weight: 300;
  line-height: 1.2;
}
.slide-caption p {
  font-size:30px;
}
.slide-caption strong {
  font-weight: 700;
  color: #004aad;
}

.swiper-button-next,
.swiper-button-prev {
  color: #ffffff;
}

.swiper-pagination-bullet-active {
  background-color: #ffffff;
}
.slideshow-section .swiper-slide {
  transition: opacity 1s ease-in-out;
}
/* Mobile view: center and widen */
/* Mobile: center it and make 80% width */
@media (max-width: 767.98px) {
  .slide-caption {
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    max-width: 100%;
    text-align: center;
  }
	.slide-caption h2 {
	  font-size: 30px;
	}	
	.slide-caption p {
	  font-size: 24px;
	}
	.slide-caption p br {
	  display:none;
	}	
	
	#logo img {max-height:50px;}
}


#services ul.list-unstyled li {
  position: relative;
  padding-left: 1.25em;
  margin-bottom: 0.5em;
}

#services ul.list-unstyled li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #0d6efd; /* Bootstrap primary */
}
.bg-blue {
    --bs-bg-opacity: 1;
    background-color: #174fa2 !important;
}
.text-blue {
    color: #174fa2 !important;
}
.gform_title {color:#fff;}
.testimonial-swiper .swiper-slide {
    display: flex;
    height: auto;
}
.testimonial-swiper .swiper-slide > div {
    width: 100%;
    height: 100%;
}
/******************************/
/**** End Custom Site CSS ****/
/******************************/