:root {

--primary-bg-color: #002339;
--primary-bg-color-alt: #002339;
--secondary-bg-color: #38eddc;
--tertiary-bg-color: #fff;
--primary-font-color: #002339;
--secondary-font-color: #38eddc;
--tertiary-font-color: #fff;
--primary-font-link-color: #38eddc;
--secondary-font-link-color: #727d72;
--primary-font-family: omnes-pro, sans-serif;;
--primary-paragraph-font-size: 18px;
--primary-paragraph-font-weight: 400;
--primary-paragraph-text-transform: normal;
--primary-h1-font-size: 3.6em;
--primary-h1-font-mobile-size-laptop: 36px;
--primary-h1-font-mobile-size-laptop-alt: 36px;
--primary-h1-font-mobile-size-tablet: 28px;
--primary-h1-font-mobile-size-mobile: 28px;
--primary-h1-font-weight: 400;
--primary-h1-text-transform: normal;
--primary-h2-font-size: 38px;
--primary-h2-font-weight: 400;
--primary-h2-text-transform: normal;
--primary-h3-font-size: 24px;
--primary-h3-font-weight: 300;
--primary-h3-text-transform: normal;
--primary-h4-font-size: 20px;
--primary-h4-font-weight: 400;
--primary-h4-text-transform: normal;
--secondary-font-family: "alternate-gothic-atf", sans-serif;
--secondary-paragraph-font-size: 14px;
--secondary-paragraph-font-weight: 300;
--secondary-paragraph-text-transform: normal;
--primary-border-color: #38eddc;
--primary-border-radius: 0px;
--primary-border-size: 3px;
--primary-border-state: solid;
--primary-border-padding: 6px 10%;
--secondary-border-color: #727d72;
--secondary-border-radius: 100%;
--secondary-border-size: 3px;
--secondary-border-state: solid;
--secondary-border-padding: 10% 5%;
--primary-border-top-color: #38eddc;
--primary-border-top-size: 10px;
--primary-border-top-state: solid;
--primary-border-bottom-color: #38eddc;
--primary-border-bottom-size: 10px;
--primary-border-bottom-state: solid;
--primary-border-left-color: #38eddc;
--primary-border-left-size: 10px;
--primary-border-left-state: solid;
--primary-border-right-color: #38eddc;
--primary-border-right-size: 10px;
--primary-border-right-state: solid;
--secondary-border-top-color: #727d72;
--secondary-border-top-size: 10px;
--secondary-border-top-state: solid;
--secondary-border-bottom-color: #727d72;
--secondary-border-bottom-size: 10px;
--secondary-border-bottom-state: solid;
--secondary-border-left-color: #727d72;
--secondary-border-left-size: 10px;
--secondary-border-left-state: solid;
--secondary-border-right-color: #727d72;
--secondary-border-right-size: 10px;
--secondary-border-right-state: solid;
--text-line-height: 1.5;
--text-decoration: none;
--text-font-style: normal;
--text-letter-spacing: 0em;
--text-align: left;
--primary-button-bg-color: var(--secondary-bg-color);
--primary-button-border: var(--primary-border-state) var(--primary-border-size) var(--primary-border-color);
--primary-button-border-radius: var(--primary-border-radius);
--primary-button-padding: var(--primary-border-padding);
--primary-button-color: var(--tertiary-font-color);
--primary-button-text-transform: uppercase;
--primary-button-font-weight: 400;
--primary-button-font-size: 16px;
--primary-button-letter-spacing: 0px;
--primary-button-display: inline-block;
--primary-button-text-align: center;
--primary-font-color-alt: #444;
--primary-font-link-color-alt: #38eddc;
--link-hover-color: var(--secondary-font-link-color);
--visited-link-color: var(--secondary-font-link-color);
--secondary-link-hover-color: var(--primary-font-link-color);
--secondary-visited-link-color: var(--primary-font-link-color);
--primary-button-hover-bg-color: var(--tertiary-bg-color);
--primary-button-hover-color: var(--link-hover-color);
--primary-button-hover-border-color: var(--tertiary-bg-color);
--primary-button-hover-text-decoration: none;
--secondary-button-bg-color: var(--secondary-bg-color);
--secondary-button-border: var(--secondary-border-state) var(--secondary-border-size) var(--secondary-border-color);
--secondary-button-border-radius: var(--secondary-border-radius);
--secondary-button-padding: var(--secondary-border-padding);
--secondary-button-color: var(--tertiary-font-color);
--secondary-button-text-transform: uppercase;
--secondary-button-font-weight: 400;
--secondary-button-font-size: 16px;
--secondary-button-letter-spacing: 0px;
--secondary-button-display: inline-block;
--secondary-button-text-align: center;
--secondary-button-hover-bg-color: ;
--secondary-button-hover-color: ;
--secondary-button-hover-border-color: ;
--secondary-button-hover-text-decoration: none;
--primary-margin: 10px;
--secondary-margin: 0px;
--primary-padding: 10px;
--secondary-padding: 0px;
--primary-position: relative;
--secondary-position: absolute;
--tertiary-position: fixed;
--primary-section-width: var(--primary-width);
--primary-section-position: var(--primary-position);
--primary-width: 100%;
--secondary-width: 50%;
--primary-max-width: 100%;
--secondary-max-width: 50%;
--primary-z-index: 9;
--secondary-z-index: 5;
--tertiary-z-index: 1;
--primary-background-size: cover;
--primary-background-position: center;
--primary-background-repeat: no-repeat;
--secondary-background-size: contain;
--secondary-background-position: top left;
--secondary-background-repeat: repeat-x;
--tertiary-background-repeat: repeat-y;
--primary-column-padding: 0;
--secondary-column-padding: 0 5%;
--footer-padding: 100px 5%;
--logo-footer-margin: 0 0 20px 0;
--logo-footer-padding: 0;
--logo-margin: 0;
--logo-padding: 0;
--primary-font-awsome-font-family: 'FontAwesome';
--secondary-font-awsome-font-family: 'Font Awesome 5 Free';
--primary-float: left;
--secondary-float: right;
--tertiary-float: none;
--tertiary-padding: 5px 10px;
--tertiary-margin: 5px 10px;
--primary-header-bg: #fff;
--primary-coloum-wrapper-padding: 10%;
--primary-diag-left: #003551;
--primary-diag-right: #6bc3c4;

}

.main-header{width:100%;float:left;padding:0;margin:0;background-color:var(--primary-bg-color-alt);color:#fff;}.center-height-items{display: flex;align-items: center;}.no-padding{padding:0 !important;}.header-logo{}.main-navigation{}.cta-button-primary{}.hero-content-section scroll-past{}.hero-callout-box{position: absolute;bottom: 35%; left: 5%; z-index: 8;}.main-footer section-bg-primary{}.main-section{position:relative;float:left;width:100%;}.section-bg-primary{background-color: var(--primary-bg-color);color: var(--tertiary-font-color);}.section-bg-primary a{color: var(--tertiary-font-color);}.section-bg-primary a:hover{color: var(--secondary-font-link-color);}.section-bg-secondary{background-color: var(--secondary-bg-color);color: var(--tertiary-font-color);padding: 20px 0;}.section-bg-secondary a{color: var(--primary-font-color);}.section-bg-secondary a:hover{color: var(--primary-font-color);}.section-bg-tertiary{background-color: var(--tertiary-bg-color);color: var(--secondary-font-color);padding: 20px 0;}.section-bg-tertiary a{color: var(--secondary-font-color);}.section-bg-tertiary a:hover{color: var(--secondary-font-color);}.row{margin-right: var(--secondary-margin) !important; margin-left: var(--secondary-margin) !important;}.column-wrapper{padding:var(--primary-coloum-wrapper-padding);}.main-header{position: var(--primary-position);width: var(--primary-width);z-index: var(--primary-z-index);float:var(--primary-float);padding:var(--secondary-padding);margin:var(--secondary-margin);}.header-logo{text-align:center;}.header-logo img{padding:var(--primary-padding);}.hero-callout-box {position: absolute;bottom: 35%; left: 0%; z-index: 8;padding:10px 20px;background-color:#fff;}.hero-callout-box h1{font-size: var(--primary-h1-font-size) !important;font-weight: var(--primary-h1-font-weight);text-transform: uppercase;color: var(--primary-font-color);line-height:1.0em;margin:0;letter-spacing: 0px;}.main-navigation{}.stick{position: var(--tertiary-position); z-index: var(--primary-z-index) ; width:100%; top:0;left:0; background-color: rgba(255, 255, 255, 1.0);}.nav > li > a:focus, .nav > li > a:hover{background: none !important;color: var(--secondary-font-color) !important;}.nav > li > a{color: var(--tertiary-font-color) !important;}.navbar-nav>li.on a{}.navbar-collapse{text-align:center;}.navbar .navbar-nav{display: inline-block;float: none;}.navbar{margin:0 !important;}.scrollTop{position: fixed;right: 20px;bottom: 20px;width: 40px;height: 40px;background-color:var(--primary-bg-color-alt);text-align: center;padding: 0px;color:var(--tertiary-font-color);display: none;cursor: pointer;z-index: 9999;border-radius:100%;border:solid 2px #fff;}.scrollTop i{animation: hero-arrow-icon-up 4s infinite;-webkit-animation: hero-arrow-icon-up 4s infinite;-moz-animation: hero-arrow-icon-up 4s infinite;margin: 12px 0 0 0;}#mainNav.show .nav-toggle .hamburger .line{-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out}#mainNav.show .nav-toggle .hamburger .line1,#mainNav.show .nav-toggle .hamburger .line4{left:50%;margin-top:-2px;opacity:0;right:50%;top:50%}#mainNav.show .nav-toggle .hamburger .line2{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}#mainNav.show .nav-toggle .hamburger .line3{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}#mainNav.show .nav-list-wrapper{opacity:1;visibility:visible;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out}#mainNav .nav-toggle{position:relative;right:0;top:5px;cursor:pointer;display:none;float:none;margin:0 auto}#mainNav .nav-toggle .hamburger{height:20px;width:30px;position:relative;margin:10px auto;float:none;cursor:pointer}#mainNav .nav-toggle .hamburger:hover .line{background-color:var(--primary-bg-color-alt);}#mainNav .nav-toggle .hamburger .line{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out;background-color: var(--tertiary-bg-color);height:3px;left:0;opacity:1;position:absolute;right:0}#mainNav .nav-toggle .hamburger .line1{margin:0;top:0}#mainNav .nav-toggle .hamburger .line2,#mainNav .nav-toggle .hamburger .line3{left:0;margin-top:-2px;right:0;top:50%}#mainNav .nav-toggle .hamburger .line4{margin-top:-4px;top:100%}.main-footer{padding: var(--footer-padding);}.main-footer .site-logo{margin: var(--logo-footer-margin);}h1{font-size: var(--primary-h1-font-size) !important;font-weight: var(--primary-h1-font-weight);text-transform:var(--primary-h1-text-transform);font-family:var(--secondary-font-family);color:var(--secondary-font-color);margin:0 !important;}h2{font-size: var(--primary-h2-font-size);font-weight: var(--primary-h2-font-weight);text-transform:var(--primary-h2-text-transform);font-family:var(--secondary-font-family);color:var(--secondary-font-color);}h3{font-size: var(--primary-h3-font-size);font-weight: var(--primary-h3-font-weight);text-transform:var(--primary-h3-text-transform);font-family:var(--secondary-font-family);color:var(--secondary-font-color);}h4{font-size: var(--primary-h4-font-size);font-weight: var(--primary-h4-font-weight);text-transform:var(--primary-h4-text-transform);font-family:var(--secondary-font-family);color:var(--secondary-font-color);}p{font-size: var(--primary-paragraph-font-size);font-weight: var(--primary-paragraph-font-weight);text-transform:var(--primary-paragraph-text-transform);}li{font-size: var(--primary-paragraph-font-size);font-weight: var(--primary-paragraph-font-weight);text-transform:var(--primary-paragraph-text-transform);}ul{padding:0;margin:10px 15px;}ol{padding:0;margin:10px 15px;}.primary-title{}.site-social-icons{float: var(--primary-float);width:var(--primary-width);list-style:none;margin:var(--secondary-margin);padding:var(--secondary-padding);}.site-social-icons li{margin-right: var(--primary-margin);display:var(--primary-button-display);font-size:18px;}.cta-button-primary{}.cta-button-primary a{background-color:var(--primary-bg-color-alt);border:var(--primary-border-state) var(--primary-border-size) var(--primary-border-color);border-radius: var(--primary-border-radius);padding:var(--primary-border-padding);color: var(--tertiary-font-color);text-transform:var(--primary-button-text-transform);font-weight:var(--primary-button-font-weight);letter-spacing: var(--primary-button-letter-spacing);font-size: var(--primary-button-font-size);display:inline-block;text-align:center;}.cta-button-primary a:hover{background-color:var(--secondary-bg-color);color:var(--tertiary-font-color);border-color:var(--secondary-bg-color);text-decoration:none;}.cta-button-secondary{}.cta-button-secondary a{background-color:var(--secondary-bg-color);border:var(--secondary-border-state) var(--secondary-border-size) var(--secondary-border-color);border-radius: var(--secondary-border-radius);padding:var(--secondary-border-padding);color: var(--tertiary-bg-color);text-transform:var(--secondary-button-text-transform);font-weight:var(--secondary-button-font-weight); letter-spacing: var(--secondary-button-letter-spacing);font-size: var(--secondary-button-font-size);width: 150px;height: 150px;display: inline-block;text-align: center;line-height:1.0em;}.cta-button-primary a:nth-of-type(2) {border:none;background:none;letter-spacing: unset;text-transform: unset;}.full-width-img{}.full-width-img img{width:var(--primary-width);}img{max-width:var(--primary-width);}.circle-img{}.circle-img img{border-radius:100%;}.cover-img-overlay{}.cover-img-overlay:before{content: "";  position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);  pointer-events: none;}.slider-gallery-item img {border-radius:var(--secondary-border-radius);}.primary-border-top{border-top: var(--primary-border-top-state) var(--primary-border-top-size) var(--primary-border-top-color);}.primary-border-bottom{border-bottom: var(--primary-border-bottom-state) var(--primary-border-bottom-size) var(--primary-border-bottom-color);}.primary-border-left{border-left: var(--primary-border-left-state) var(--primary-border-left-size) var(--primary-border-left-color);}.primary-border-right{border-right: var(--primary-border-right-state) var(--primary-border-right-size) var(--primary-border-right-color);}.secondary-border-top{border-top: var(--secondary-border-top-state) var(--secondary-border-top-size) var(--secondary-border-top-color);}.secondary-border-bottom{border-bottom: var(--secondary-border-bottom-state) var(--secondary-border-bottom-size) var(--secondary-border-bottom-color);}.secondary-border-left{border-left: var(--secondary-border-left-state) var(--secondary-border-left-size) var(--secondary-border-left-color);}.secondary-border-right{border-right: var(--secondary-border-right-state) var(--secondary-border-right-size) var(--secondary-border-right-color);}#webCarousel{}#webCarousel, .slideshow-item{height: calc(100vh - 0px);}.slideshow-item{background-size:var(--primary-background-size); background-position: var(--primary-background-position); background-repeat: var(--primary-background-repeat);}.carousel-caption-area {}.carousel-caption-area h2{font-size: var(--primary-h1-font-size);font-weight: var(--primary-h1-font-weight);text-transform:var(--primary-h1-text-transform); color: var(--primary-font-color);text-shadow:2px 2px 12px #444;line-height:1.0em;}.primary-content-padding{padding: var(--secondary-column-padding) !important;}.primary-table table{background-color:var(--primary-bg-color);}.primary-table td{color: var(--primary-font-color);font-size: var(--primary-paragraph-font-size);font-weight: var(--primary-paragraph-font-weight);text-transform: var(--primary-paragraph-text-transform);padding:var(--primary-padding);}@media(max-width:1187px){.hero-callout-box h1{font-size: var(--primary-h1-font-mobile-size-laptop) !important;}}@media(max-width:1187px){.hero-callout-box{width:50% !important;}}@media(max-width:820px){.hero-callout-box h1{font-size: var(--primary-h1-font-mobile-size-laptop-alt) !important;}}@media(max-width:768px){.hero-callout-box h1{font-size: var(--primary-h1-font-mobile-size-tablet) !important;}}@media(max-width:767px){#mainNav .nav-toggle{display:block}}@media(max-width:767px){.navbar{min-height:50px!important}}@media(max-width:767px){.navigation ul li{width:100%;text-align:center;margin:0!important}}@media(max-width:767px){.navigation ul li:hover{background-color:#444}}@media(max-width:767px){.navbar-nav{margin:7.5px 0!important}}@media(max-width:767px){.main-feature{height:auto!important}}@media(max-width:612px){.hero-callout-box h1{font-size: var(--primary-h1-font-mobile-size-mobile) !important;}}@media(max-width:612px){.hero-callout-box{width:100% !important;position:relative !important;}}.animate-element-right{}.animate-element-fade-right{}.animate-element-left{}.animate-element-fade-left{}.animate-element-top{}.animate-element-bottom{}.animate-element-twistX{}.page-form input[type="text"],.page-form input[type="email"],.page-form input[type="tel"]{ padding: 10px;  font-size: var(--primary-button-font-size);  width: 100%;  border-radius: 0px;  border: 1px solid #ccc;  -webkit-font-smoothing: antialiased;  margin:5px 0;color:#666 !important;}.page-form input[type=submit]{padding: 10px;color: var(--tertiary-font-color);text-transform: var(--primary-button-text-transform);font-weight: var(--primary-button-font-weight);letter-spacing: var(--primary-button-letter-spacing);font-size: var(--primary-button-font-size);border-radius: var(--tertiary-border-radius);background-color: var(--secondary-bg-color);  
border: var(--primary-border-state) var(--primary-border-size) var(--secondary-bg-color);  cursor: pointer;  -webkit-font-smoothing: antialiased; width:100%; margin:10px 0 20px 0; font-family: 'FontAwesome',  var(--primary-font-family) !important;line-height: 21px;}.page-form input[type=submit]:hover{background-color:var(--primary-bg-color-alt);text-decoration: none;color: var(--tertiary-font-color);border-color:var(--primary-bg-color-alt);}.page-form textarea{width:100%;border: 1px solid #ccc;padding:10px;font-size: var(--primary-button-font-size);color:#444;margin:5px 0;}.page-form select{border: 1px solid #ccc;padding:10px; margin:0 0 10px 0;font-size: 1.1em;width:100%;color:#444;}.spam-field{display:none;}.blog-category{padding:50px 10% !important;}.news-box-img a{display: block;    padding-bottom: 60%;    background-size: cover;    background-repeat: no-repeat;}.news-box-content a{color: var(--secondary-font-color);}.news-box-content a:hover{color: var(--primary-font-color);    text-decoration: none;}.blog-internal-content{padding: 0 6%;    float: left;    width: 100%;}a{color:var(--secondary-link-color);}.footer-nav{list-style:none;padding:0; margin:10px 0;}@media(max-width:667px){.center-height-items{display:block !important;}}.outline-content{outline: solid #fff 5px; outline-offset: 15px;  background-color: #fff;  padding: 30px !important;}.page-title{letter-spacing:0px;}.equal-height-columns{display:flex;}.align-column-content-center{display:grid;align-content:center;}.site-social-icons li{}.site-social-icons li a{width:32px;height:32px;border-radius:5px;border:solid 2px #fff;background-color:#fff;color:var(--primary-bg-color);display:inline-block;font-size:18px;padding:2px;text-align:center;}.callout-text{padding: 8%;   float: left;  width: 100%;letter-spacing:0px;text-transform:uppercase;}.callout-text p{text-transform:uppercase;letter-spacing:0px;}.strapline-callout{margin: 20px 0;    border: dotted 1px #ccc;    text-transform: uppercase;    letter-spacing: 0px;   text-align: center; font-size: 20px; padding: 20px 0;}.side-social-icons{width: 30px;    padding: 10px 0;    margin: 0;    position: fixed;    right: 0;    top: 40%;    background-color: #fff;    z-index: 99999;    box-shadow: 5px 0 15px #444;}.side-social-icons ul{width: 100%; list-style: none; padding: 0; margin: 0;}.side-social-icons ul li{text-align: center; width: 100%; padding: 0; margin: 5px 0;}.side-social-icons ul li a{color: #666;}.side-social-icons ul li a:hover{color:var(--secondary-font-color);}html{scroll-behavior: smooth;}.diagonal-bg{background: linear-gradient(45deg, #fff 0%, #fff 60%, #f1f1f1 60%, #f1f1f1 100%);}.icon-link{}.icon-link a{ width: 50px;   height: 50px;     cursor: pointer;    color: #ccc;   text-align: center;  border: 2px solid #FFF;    border-radius: 100%;    z-index: 2; background-color: var(--primary-bg-color) ;    font-size: 22px;padding:8px;display:inline-block;}.icon-link a:hover{color:#fff;}.uppercase-text{padding: 8% 8% 0 8%;   float: left;  width: 100%;letter-spacing:0px;text-transform:uppercase;}@media(max-width:667px){.equal-height-columns{display:block !important;}}.white-overlay{background-color: rgba(255, 255, 255, 0.7);    background-blend-mode: overlay;}.stick .nav > li > a{color: var(--primary-font-color) !important;}.no-padding-margin{padding:0 !important;margin: 0 !important;}.section-container-pull-up{display:flex;}.section-container-pull-up .container{margin-top:-10%;background-color:#fff;}@media(max-width:667px){.section-container-pull-up{display:block;}}@media(max-width:667px){.section-container-pull-up .container{margin-top:0%;background-color:#fff;}}.diagonal-bg-reverse{background: linear-gradient(-30deg, #fff 0%, #fff 65%, #f1f1f1 65%, #f1f1f1 100%);}.main-logo a{display:block;}.site-social-icons li a:hover{color:var(--secondary-font-color);}.form_links ul li a{    color: var(--secondary-font-color) !important;}.register-form ul label{color:#fff;font-weight:300;}.register-form input[type="submit"]:hover, .myaccount-form input[type="submit"]:hover{opacity:0.7;}.s-77bc01950a{}.c-77bc01dc50{}.e-77bc7cf5b8{}.c-77bc01dc52{}.e-77bc62b4c3{color:#000000;}.e-7bc11f73480{color:#000000;}.e-7bc11f73e40{}.s-8921fe04ca{padding-top:50px;padding-bottom:50px;}.e-89220005fc{color:#000000;}.section-bg-primary-diaginal{ background: linear-gradient(45deg,    var(--primary-diag-left),    var(--primary-diag-right));}.section-bg-primary-diaginal a{color: var(--tertiary-font-color);}.section-bg-primary-diaginal a:hover{color: var(--tertiary-font-color);}.login-form{border:solid 1px #fff;padding:20px;text-align:center;margin:0 auto;max-width:50%;display: inline-block;background-color:var(--primary-bg-color);box-shadow:5px 5px 12px var(--primary-bg-color);}.account-login{float:left;width:100%;padding:50px 0;text-align:center;}.login-form p{color:#fff;}.main-logo{padding:0;margin:20px 10px;}.main-logo img{max-width:300px;}@media(max-width:667px){.main-logo img{max-width:200px;}}@media(max-width:667px){.main-logo{text-align:center;margin:15px 0;	}}.main-header .row{display:flex;align-items:center;padding:0 10%;}@media(max-width:767px){display:flex;align-items:center;padding:0 10%;{display:block;}}.cookie-policy-banner{position:fixed;bottom:0;width:100%;z-index: 99999;overflow: hidden;color: #fff;left: 0;background-color: var(--primary-bg-color);padding: 15px 20px 15px;min-height:30px;font-size: 17px;text-align:center;}.myaccount-side-nav{border-left: solid 1px #fff;
    padding: 0 10px;}.myaccount-side-nav ul{list-style:none;padding:0;margin:0;}.myaccount-side-nav ul li{margin:5px 0;padding:5px;border-bottom:solid 1px #efefef;}.myaccount-side-nav h2{margin:0;}.myaccount-content{float:left;width:100%;}.myaccount-content p{color:#fff;}.myaccount-form legend{color:#fff;}.myaccount-form label{color:#fff;font-weight:600;}#page_content_area{float:left;width:100%;    background: var(--primary-bg-color);    padding: 10px;    border: solid 1px #fff;}.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{background:none !important;}.fill-in{border-color:red !important;/*background: var(--primary-border-color) !important;color:#222 !important;*/}.progress-indicator {list-style: none;
  padding: 0;
  display: flex;
  justify-content: space-between;
  font-weight: bold;
  margin: 0;
  counter-reset: step-counter;}.step-item{position: relative;
  padding: 10px 15px;
  flex-grow: 1;
  text-align: center;
  color: #fff;
  border-bottom: 3px solid #ccc;
  counter-increment: step-counter;}.step-item::before{content: counter(step-counter);
  display: block;
  background: #ccc;
  color: #fff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  margin: 0 auto 5px;}.step-item.active{color: var(--secondary-bg-color);
  border-color: var(--secondary-bg-color);}.step-item.active::before{ background: var(--secondary-bg-color);}.myaccount-form .btn-next, .myaccount-form .btn-back{margin:15px 10px; background: var(--secondary-bg-color);color:#222;border:none;border-radius:10px;padding:10px 20px;font-size:18px;}.myaccount-form .btn-next:hover, .myaccount-form .btn-back:hover{opacity:0.8;}.myaccount-form .btn-save{margin:15px 10px; background: #fff;color:#222;border:none;border-radius:10px;padding:10px 20px;font-size:18px;}.myaccount-form .btn-save:hover{opacity:0.8;background: var(--secondary-bg-color);}.myaccount-form .editable-item{margin:10px 0;}.member-data-tab{position:relative;float:left;width:100%;}#add-address-btn{position:absolute;top:10px;right:10px;background-color: var(--secondary-bg-color); border-color: var(--secondary-bg-color);color:#222;font-size:18px;}#address-history-list thead{color:#fff;font-weight:300;font-size:18px;}#address-history-list table{border:solid 1px #fff;}.table-striped>tbody>tr:nth-of-type(even){background-color: var(--secondary-bg-color);}.add-address-form{float:left;width:100%;margin:15px 0;background-color: #003150;}.add-address-form form{border:solid 1px #fff;    padding: 15px;}.add-address-form form label{color:#fff;font-weight:400;}.add-address-form .btn-success{background-color: var(--secondary-bg-color);border-color: var(--secondary-bg-color);margin:15px 15px 15px 0;color:#222;}.add-address-form .btn-success:hover{background-color: var(--secondary-bg-color);border-color: var(--secondary-bg-color);margin:15px 15px 15px 0;color:#222;opacity:0.8;}.add-address-form input{padding: 10px 15px;
    width: 100%;
    border: 1px solid #fff;
    background: none;
    color: #fff;}.add-address-form h3{margin:0;}.dashboard-signpost{border:solid 1px #fff;width:100%;padding:15px;margin:15px 0;text-align:center;}.dashboard-signpost i{font-size:58px;}.dashboard-signpost h3 a{color: var(--secondary-font-color);}.dashboard-signpost h3 a:hover{text-decoration:none;}.dashboard-signpost p a:hover{text-decoration:none;    color: var(--secondary-font-color);}.myaccount-form .form-control, .add-address-form .form-control{height:unset;}@media(max-width:767px){.main-header .row{display:block;}}#add-employment-btn{position:absolute;top:10px;right:10px;background-color: var(--secondary-bg-color); border-color: var(--secondary-bg-color);color:#222;font-size:18px;}.add-employment-form{float:left;width:100%;margin:15px 0;background-color: #003150;}.add-employment-form form{border:solid 1px #fff;    padding: 15px;}.add-employment-form label{color:#fff;font-weight:400;}.add-employment-form .btn-success{background-color: var(--secondary-bg-color);border-color: var(--secondary-bg-color);margin:15px 15px 15px 0;color:#222;}.add-employment-form .btn-success:hover{background-color: var(--secondary-bg-color);border-color: var(--secondary-bg-color);margin:15px 15px 15px 0;color:#222;opacity:0.8;}.add-employment-form input{padding: 10px 15px;
    width: 100%;
    border: 1px solid #fff;
    background: none;
    color: #fff;}.add-employment-form h3{margin:0;}#employment-list table{border:solid 1px #fff;}#employment-list thead{color:#fff;font-weight:300;font-size:14px;}#add-document-btn{position:absolute;top:10px;right:10px;background-color: var(--secondary-bg-color); border-color: var(--secondary-bg-color);color:#222;font-size:18px;}#document-table thead{color:#fff;font-weight:300;font-size:18px;}.add-document-form{float:left;width:100%;margin:15px 0;background-color: #003150;}.add-document-form label{color:#fff;font-weight:400;}.add-document-form .btn-success{background-color: var(--secondary-bg-color);border-color: var(--secondary-bg-color);margin:15px 15px 15px 0;color:#222;}.add-document-form .btn-success:hover{background-color: var(--secondary-bg-color);border-color: var(--secondary-bg-color);margin:15px 15px 15px 0;color:#222;opacity:0.8;}.add-document-form input{padding: 10px 15px;    width: 100%;    border: 1px solid #fff;    background: none;    color:#fff;}.add-document-form h3{margin:0;}.upload-form-wrapper{width:100%;float:left;margin:5px 0;padding:10px;}.upload-form-wrapper-border{border:solid 1px #fff;    padding: 15px;width: 100%;    float: left;}.add-document-form select{padding: 10px 15px;    width: 100%;    border: 1px solid #fff;    }.add-document-form button{background-color: var(--secondary-bg-color);border-color: var(--secondary-bg-color);margin:15px 15px 15px 0;    color: #222;    border: none;    padding: 10px;    border-radius: 5px;    font-size: 18px;}.add-document-form button:hover{background-color: var(--secondary-bg-color);border-color: var(--secondary-bg-color);margin:15px 15px 15px 0;color:#222;opacity:0.8;}#document-table{color:#fff;}#document-table.table-hover>tbody>tr:hover{background-color: var(--secondary-bg-color) !important;color:#222 !important;}.add-document-form .text-success{color: var(--secondary-bg-color);}.popover-title{background-color: var(--primary-bg-color) !important;font-size:18px !important;}.popover{border:none !important;}.popover-content p{margin:0;font-size: 16px;    font-weight: var(--primary-paragraph-font-weight);    text-transform: var(--primary-paragraph-text-transform);}#helpArticleModal .modal-header{background-color: var(--primary-bg-color) !important;}#helpArticleModal .modal-header h5{font-size:18px !important;color: var(--secondary-font-color);}#helpArticleModal .modal-header .close{margin-top: 0;    color: #fff;    position: absolute;    top: 15px;    right: 15px;}.chat-header #chat-close{background-color:var(--secondary-bg-color);} #chat-launcher{position: fixed;right: 18px; bottom: 80px; z-index: 1050; border-radius: 24px; padding: 10px 14px; background: #38eddc; color: #002339; border: none; display: inline-flex; align-items: center; gap: 8px; box-shadow: 0 6px 18px rgba(0,0,0,.15); }
  #chat-launcher:hover { filter:brightness(.95);}#chat-popup{position: fixed; right: 18px; bottom: 70px;width: 320px; max-height: 60vh; display: none;flex-direction: column; background: #fff; border-radius: 10px; box-shadow: 0 14px 30px ; z-index: 1050; overflow: hidden;}.chat-header{padding: 10px 12px;background: #002339;color: #fff; display:flex; align-items:center; justify-content:space-between;}.chat-body{padding: 10px;overflow-y: auto; height: 320px;background: #f7f9fb;}.chat-input{padding: 8px; border-top: 1px solid #e3e6ea; background: #fff;display:flex; gap:8px;}.chat-input textarea{flex:1; resize: none; height: 46px;}.msg{margin-bottom: 10px; /*display: flex; flex-direction: column;*/ max-width: 80%;}.msg.me{align-self: flex-end; text-align: right;}.msg .bubble{padding: 8px 10px; border-radius: 10px; background: #002339; color: #38eddc; display: inline-block;}.msg.me .bubble {background: #38eddc; color: #002339;}.msg .meta{margin-top: 2px; font-size: 11px; opacity: .75;}.gap-row{background: repeating-linear-gradient(45deg, #ff0000, #ff0000 10px, #ef0000 10px, #ef0000 20px) !important;    color: #fff !important;    font-weight: 400;    text-align: center;}.gap-row i{margin-right:6px;}.portal-alert-box{color: #002339 !important;     background-color: var(--secondary-bg-color) !important;     border-color: #fff !important;}.portal-alert-box-list{margin:10px;padding:10px;}.portal-alert-box p{color: #002339 !important;    margin:0;}.signature-controls{margin:20px 0;}.signature-controls .btn{font-size:18px;}.signature-btn-undo{margin:0 10px;}.signature-btn-save, .signature-btn-edit{background: var(--secondary-bg-color) !important;    color: #002339 !important;    border: none !important;   border-radius: 10px !important;}.signature-btn-save:hover, .signature-btn-edit:hover{opacity: 0.8;}.signature-btn-clear, .signature-btn-undo{    border: none !important;   border-radius: 10px !important;}.signature-btn-view{background: #002339 !important;    color: #38eddc !important;    border: none !important;   border-radius: 10px !important;}.addr-edit-btn, .emp-edit-btn, .emp-view-btn{background: #002339 !important;    color: #fff !important;    border: none !important;   border-radius: 10px !important;}.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{background:none !important;}.is-disabled{cursor:not-allowed!important;}.summary-box h2, .summary-box h3{color: var(--primary-bg-color);}.edit-input.required-missing{ border: 1px solid red !important; }.tab-content > .tab-pane:not(.active) {display: none !important;}.portal-alert-box{float:left;width:100%;}.doc-replace-btn{background: #38eddc; color: #fff;}@media(max-width:667px){.s-8921fe04ca .container{margin:0;padding:0;}}@media(max-width:667px){.s-8921fe04ca .container .nav.nav-tabs{margin:0;}}@media(max-width:667px){.s-8921fe04ca .container .c-8921ff6daf{margin:0;padding:0;}}@media(max-width:667px){.s-8921fe04ca .container .c-8921ff6daf .nav>li>a{padding:10px 6px;text-align:center;}}@media(max-width:667px){.tab-pct-badge{display:block !important;}}input[type="date"].form-control::-webkit-calendar-picker-indicator{filter: invert(1) brightness(2);}.modal-content input[type="date"].form-control::-webkit-calendar-picker-indicator{filter: invert(0) brightness(2);}.profile-picture .form-group label{color:#fff;}#employment-coverage-banner, #address-coverage-banner{float: left;    width: 100%;}.table-scroll{width:100%;  overflow-x:auto;  -webkit-overflow-scrolling: touch;}.table-scroll table{min-width: 900px;}.table-scroll td{white-space: nowrap;}.js-next-section{margin: 15px 10px;    background-color: var(--secondary-bg-color);    color: #222;    border: none;    border-radius: 10px;    padding: 10px 20px;    font-size: 18px;}#sessionTimeoutModal .modal-content{    background-color: var(--primary-bg-color);color:#fff;}#sessionTimeoutModal{padding:20% 0;}#sessionTimeoutModal .modal-content .modal-header .close{margin-top: 0;    position: absolute;    right: 20px;    top: 10px;    color: #fff;    opacity: 1;}#stayLoggedInBtn{background-color:var(--secondary-bg-color);color:var(--primary-font-color);}#logoutNowBtn{color:var(--primary-font-color);}#help-table .help-row:hover{background-color: var(--primary-border-color) !important;}#help-table{color:#fff;font-size: var(--primary-paragraph-font-size);    font-weight: var(--primary-paragraph-font-weight);    text-transform: var(--primary-paragraph-text-transform);}@media(max-width:767px){table.table-stacked thead{display: none;}}@media(max-width:767px){ table.table-stacked,  table.table-stacked tbody,  table.table-stacked tr,  table.table-stacked td{display: block;    width: 100%;}}@media(max-width:767px){table.table-stacked tr{margin-bottom: 12px;    border: 1px solid rgba(0,0,0,.1);    border-radius: 0px;    overflow: hidden;    background: #fff;}}@media(max-width:767px){table.table-stacked td{display: flex;      gap: 12px;    padding: .5rem .75rem;    border: 0;    border-bottom: 1px solid rgba(0,0,0,.06);}}@media(max-width:767px){table.table-stacked td:last-child{border-bottom: 0;}}@media(max-width:767px){table.table-stacked td::before{content: attr(data-label);    font-weight: 600;    opacity: .75;    flex: 0 0 40%;    max-width: 40%;}}@media(max-width:767px){table.table-stacked td > *{max-width: 60%;}}@media(max-width:767px){table.table-stacked tr.gap-row td{display: block;}}@media(max-width:767px){table.table-stacked tr.gap-row td::before{content: "";    display: none;}}@media(max-width:767px){.table-scroll{overflow-x: visible;}}@media(max-width:767px){.table-scroll table{min-width:100%;}}@media(max-width:767px){#document-table.table-stacked tr{background:none !important;border:none !important;}}.help-view-btn{background-color:var(--secondary-bg-color);}.help-view-btn:hover{background-color:var(--primary-bg-color);color:#fff !important;}.gdpr-modal .modal-content{background-color:var(--primary-bg-color);border:solid 1px #fff;border-radius:0;}.gdpr-modal .modal-title, .gdpr-modal .modal-content{color:#fff;}.gdpr-modal .alert-info{background-color:var(--secondary-bg-color);border:solid 1px #fff;border-radius:0;color:var(--primary-bg-color);}@media(max-width:687px){.login-form{max-width:80%;}}
body{font-family: var(--primary-font-family) !important;color: var(--primary-font-color);}

/* Section Styles */

/*.section-bg-primary{background-color: var(--primary-bg-color);color: var(--tertiary-font-color);}
.section-bg-primary a{color: var(--primary-font-color);}
.section-bg-primary a:hover{color: var(--tertiary-font-color);}

.section-bg-secondary{background-color: var(--secondary-bg-color);color: var(--primary-font-color);padding: 20px 0;}
.section-bg-secondary a{color: var(--primary-font-color);}
.section-bg-secondary a:hover{color: var(--primary-font-color);}

.section-bg-tertiary{background-color: var(--tertiary-bg-color);color: var(--secondary-font-color);padding: 20px 0;}
.section-bg-tertiary a{color: var(--secondary-font-color);}
.section-bg-tertiary a:hover{color: var(--secondary-font-color);}*/

.row{margin-right: var(--secondary-margin) !important; margin-left: var(--secondary-margin) !important;}
.column-wrapper{padding:var(--primary-coloum-wrapper-padding);}

/* Section Styles */

/* Header Styles */

/*.main-header{position: var(--secondary-position);width: var(--primary-width);z-index: var(--primary-z-index);background-color:var(--primary-header-bg);float:var(--primary-float);padding:var(--secondary-padding);margin:var(--secondary-margin);}*/

.header-logo{text-align:center;}
.header-logo img{/*padding:var(--primary-padding);*/}

.hero-callout-box h1{font-size: var(--primary-h1-font-size) !important;font-weight: var(--primary-h1-font-weight);text-transform: var(--primary-h1-text-transform);color: var(--secondary-font-color);line-height:1.0em;}

/* Header Styles */

/* NavigationsStyles */
.main-navigation{}
.stick{position: var(--tertiary-position); z-index: var(--primary-z-index) ; width:100%; top:0;left:0; background-color: rgba(255, 255, 255, 1.0);}
/*.nav > li > a:focus, .nav > li > a:hover{background: none !important;color: var(--secondary-font-color) !important;}
.nav > li > a{color: var(--primary-font-color) !important;}*/
.navbar-nav>li.on a	{color: var(--secondary-font-color) !important;}

.navbar-collapse{text-align:center;}
.navbar .navbar-nav{display: inline-block;float: none;}
.navbar{margin:0 !important;}

.scrollTop{position: fixed;right: 20px;bottom: 20px;width: 40px;height: 40px;background-color:var(--primary-bg-color-alt);text-align: center;padding: 0px;color:var(--tertiary-font-color);display: none;cursor: pointer;z-index: 9999;border-radius:100%;}
.scrollTop i{animation: hero-arrow-icon-up 4s infinite;-webkit-animation: hero-arrow-icon-up 4s infinite;-moz-animation: hero-arrow-icon-up 4s infinite;margin: 12px 0 0 0;}

#mainNav.show .nav-toggle .hamburger .line{-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out}#mainNav.show .nav-toggle .hamburger .line1,#mainNav.show .nav-toggle .hamburger .line4{left:50%;margin-top:-2px;opacity:0;right:50%;top:50%}
#mainNav.show .nav-toggle .hamburger .line2{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
#mainNav.show .nav-toggle .hamburger .line3{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
#mainNav.show .nav-list-wrapper{opacity:1;visibility:visible;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out}
#mainNav .nav-toggle{position:relative;right:0;top:5px;cursor:pointer;display:none;float:none;margin:0 auto}
#mainNav .nav-toggle .hamburger{height:20px;width:30px;position:relative;margin:10px auto;float:none;cursor:pointer}
#mainNav .nav-toggle .hamburger:hover .line{background-color:var(--primary-bg-color-alt);}
#mainNav .nav-toggle .hamburger .line{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out;background-color: var(--tertiary-bg-color);height:3px;left:0;opacity:1;position:absolute;right:0}
#mainNav .nav-toggle .hamburger .line1{margin:0;top:0}
#mainNav .nav-toggle .hamburger .line2,#mainNav .nav-toggle .hamburger .line3{left:0;margin-top:-2px;right:0;top:50%}
#mainNav .nav-toggle .hamburger .line4{margin-top:-4px;top:100%}

/* NavigationsStyles */


/* Footer Styles */

.main-footer{padding: var(--footer-padding);}
.main-footer .site-logo{margin: var(--logo-footer-margin);}

/* Footer Styles */


/* Text Styles */

h1{font-size: var(--primary-h1-font-size);font-weight: var(--primary-h1-font-weight);text-transform:var(--primary-h1-text-transform);}
h2{font-size: var(--primary-h2-font-size);font-weight: var(--primary-h2-font-weight);text-transform:var(--primary-h2-text-transform);}
h3{font-size: var(--primary-h3-font-size);font-weight: var(--primary-h3-font-weight);text-transform:var(--primary-h3-text-transform);}
h4{font-size: var(--primary-h4-font-size);font-weight: var(--primary-h4-font-weight);text-transform:var(--primary-h4-text-transform);}
p{font-size: var(--primary-paragraph-font-size);font-weight: var(--primary-paragraph-font-weight);text-transform:var(--primary-paragraph-text-transform);}
li{font-size: var(--primary-paragraph-font-size);font-weight: var(--primary-paragraph-font-weight);text-transform:var(--primary-paragraph-text-transform);}
ul{padding:0;margin:10px 15px;}
.primary-title{}
.site-social-icons{float: var(--primary-float);width:var(--primary-width);list-style:none;margin:var(--secondary-margin);padding:var(--secondary-padding);}
.site-social-icons li{margin-right: var(--primary-margin);display:var(--primary-button-display);}
/* Text Styles */

/* Button Styles */

.cta-button-primary{}
.cta-button-primary a{background-color:var(--primary-bg-color-alt);border:var(--primary-border-state) var(--primary-border-size) var(--primary-border-color);border-radius: var(--primary-border-radius);padding:var(--primary-border-padding);color: var(--tertiary-font-color);text-transform:var(--primary-button-text-transform);font-weight:var(--primary-button-font-weight);letter-spacing: var(--primary-button-letter-spacing);font-size: var(--primary-button-font-size);display:inline-block;text-align:center;}
.cta-button-primary a:hover{background-color:var(--tertiary-bg-color);color:var(--tertiary-font-color);border-color:var(--tertiary-bg-color);text-decoration:none;}
.cta-button-secondary{}
.cta-button-secondary a{background-color:var(--secondary-bg-color);border:var(--secondary-border-state) var(--secondary-border-size) var(--secondary-border-color);border-radius: var(--secondary-border-radius);padding:var(--secondary-border-padding);color: var(--tertiary-bg-color);text-transform:var(--secondary-button-text-transform);font-weight:var(--secondary-button-font-weight); letter-spacing: var(--secondary-button-letter-spacing);font-size: var(--secondary-button-font-size);width: 150px;height: 150px;display: inline-block;text-align: center;line-height:1.0em;}
.cta-button-primary a:nth-of-type(2) {border:none;background:none;letter-spacing: unset;text-transform: unset;}

/* Button Styles */

/* Image Styles */
.full-width-img{}
.full-width-img img{width:var(--primary-width);}
img{max-width:var(--primary-width);}
.circle-img{}
.circle-img img{border-radius:100%;}

.cover-img-overlay{}
.cover-img-overlay:before{content: "";  position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);  pointer-events: none;}

.slider-gallery-item img {border-radius:var(--secondary-border-radius);}


/* Image Styles */


/* Border Styles */

.primary-border-top{border-top: var(--primary-border-bottom-state) var(--primary-border-bottom-size) var(--primary-border-bottom-color);}
.primary-border-bottom{border-bottom: var(--primary-border-bottom-state) var(--primary-border-bottom-size) var(--primary-border-bottom-color);}
.primary-border-right{border-right: var(--primary-border-bottom-state) var(--primary-border-bottom-size) var(--primary-border-bottom-color);}
.secondary-border-bottom{border-bottom: var(--secondary-border-bottom-state) var(--secondary-border-bottom-size) var(--secondary-border-bottom-color);}

/* Border Styles */


/* Carousel Styles */

#webCarousel, .slideshow-item{height: calc(100vh - 0px);}
#webCarousel{}
.slideshow-item{background-size:var(--primary-background-size); background-position: var(--primary-background-position); background-repeat: var(--primary-background-repeat);}
.carousel-caption-area h2{font-size: var(--primary-h1-font-size);font-weight: var(--primary-h1-font-weight);text-transform:var(--primary-h1-text-transform); color: var(--primary-font-color);text-shadow:2px 2px 12px #444;line-height:1.0em;}

.carousel-fade .carousel-inner .item{opacity:0;transition-property:opacity}.carousel-fade .carousel-inner .active{opacity:1}.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{left:0;opacity:0;z-index:1}.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{opacity:1}.carousel-fade .carousel-control{z-index:2}
@media all and (transform-3d),(-webkit-transform-3d){.carousel-fade .carousel-inner>.item.active.right,.carousel-fade .carousel-inner>.item.next{opacity:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.carousel-fade .carousel-inner>.item.active.left,.carousel-fade .carousel-inner>.item.prev{opacity:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.carousel-fade .carousel-inner>.item.active,.carousel-fade .carousel-inner>.item.next.left,.carousel-fade .carousel-inner>.item.prev.right{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}

/* Carousel Styles */


/* Content Padding */

.primary-content-padding{padding: var(--secondary-column-padding) !important;}

/* Content Padding */


/* Calendar and Event Styles */


.single-calendar td.calendar-day-head{background:var(--primary-bg-color-alt);font-weight: var(--primary-paragraph-font-weight);text-align: center;width: unset;padding:var(--primary-padding);border-bottom: 1px solid var(--primary-border-bottom-color);border:none;/*border-top: 1px solid var(--primary-border-bottom-color);border-right: 1px solid var(--primary-border-bottom-color);*/color: var(--primary-font-color);font-size: var(--primary-h3-font-size);
font-weight: var(--primary-h3-font-weight);}
.single-calendar-wrapper{display: flex;  align-items: stretch;}
.single-calendar-wrapper h3{writing-mode: vertical-lr; /* Rotate the text vertically */  transform: rotate(-180deg); /* Adjust rotation direction */  text-align: center; /* Center the text horizontally */  background-color: var(--secondary-bg-color); /* Optional: Add background color to the vertical text */  padding:0 10px ; /* Optional: Add padding for better readability */
margin:0 !important;color: var(--primary-font-color);font-size:var(--primary-h3-font-size);font-weight: var(--primary-h3-font-weight);}

.single-calendar-wrapper table{flex: 1; /* Allow the table to take up remaining space */  border-collapse: collapse;  }
.single-calendar-wrapper .calendar{margin:0;border:none;}
.single-calendar div.day-number{position:relative;width: var(--primary-width);padding:15px 10px;background:unset;color: var(--primary-font-color);font-size: var(--primary-h3-font-size);
font-weight: var(--primary-h3-font-weight);}
.single-calendar td.calendar-day, .single-calendar td.calendar-day-np{width:unset;padding:0;border:none;}
.single-calendar .calendar-row:nth-of-type(odd){background-color: var(--primary-bg-color-alt);}
.single-calendar .calendar-row:nth-of-type(even){background-color: var(--primary-bg-color);}
.single-calendar td.calendar-day-np{background:unset;min-height:unset;}
.single-calendar td.calendar-day:hover{background:var(--secondary-bg-color);}
.event-feature-wrapper{background-color: var(--primary-bg-color);width:var(--primary-width);float: left;height: 100%;}
.event-feature-wrapper-alt{background-color: var(--primary-bg-color-alt);width:var(--primary-width);float: left;height: 100%;}
.event-feature-cover-img{float:left;width:var(--primary-width);padding:0;margin:0;border-bottom: var(--primary-border-state) var(--primary-border-bottom-size) var(--primary-border-color);}
.event-feature-content{float:left;width:var(--primary-width);padding:0;margin:0;color:var(--primary-font-color);padding:20px;}
.event-feature-content h2{font-size: var(--primary-h2-font-size);margin:0;}
.event-feature-content h3{font-size: var(--primary-h3-font-size);margin:5px 0;}
.event-feature-content-alt{float:left;width:var(--primary-width);padding:0;margin:0;color:var(--primary-font-color);padding:0px;}
.event-feature-content-alt h2{font-size: var(--primary-h2-font-size);margin:0;}
.event-feature-content-alt h3{font-size: var(--primary-h3-font-size);margin:5px 0;}


/* Calendar and Event Styles */


/* Table Styles */
.primary-table table{background-color:var(--primary-bg-color);}
.primary-table td{color: var(--primary-font-color);font-size: var(--primary-paragraph-font-size);font-weight: var(--primary-paragraph-font-weight);text-transform: var(--primary-paragraph-text-transform);padding:var(--primary-padding);}

/* Table Styles */



/* Mobile Styles */

@media(max-width: 1187px) {
.hero-callout-box h1{font-size: var(--primary-h1-font-mobile-size-laptop) !important;}
.hero-callout-box{width:50% !important;}

}

@media(max-width: 820px) {
.hero-callout-box h1{font-size: var(--primary-h1-font-mobile-size-laptop-alt) !important;}
}

@media(max-width: 768px) {
.hero-callout-box h1{font-size: var(--primary-h1-font-mobile-size-tablet) !important;}
}

@media (max-width:767px){
#mainNav .nav-toggle{display:block}
.navbar{min-height:50px!important}
.navigation ul li{width:100%;text-align:center;margin:0!important}
.navigation ul li:hover{background-color:#444}
.navbar-nav{margin:7.5px 0!important}
.main-feature{height:auto!important}
}

@media(max-width: 612px) {
.hero-callout-box h1{font-size: var(--primary-h1-font-mobile-size-mobile) !important;}
.hero-callout-box{width:100% !important;position:relative !important;}
}

/* Mobile Styles */


/* Skew Styles */

.skew-both{position:relative;z-index:8}
.skew-both:after,.skew-both:before{background:inherit;content:'';display:block;height:50%;left:0;position:absolute;right:0;z-index:-1;-webkit-backface-visibility:hidden}
.skew-both:before{top:0;-webkit-transform:skewY(1.5deg);transform:skewY(1.5deg);-webkit-transform-origin:100% 0;transform-origin:100% 0} 
.skew-both:after{bottom:0;-webkit-transform:skewY(-1.5deg);transform:skewY(-1.5deg);-webkit-transform-origin:100%;transform-origin:100%} 
.skew-both-med{position:relative;z-index:8} .skew-both-med:after,.skew-both-med:before{background:inherit;content:'';display:block;height:50%;left:0;position:absolute;right:0;z-index:-1;-webkit-backface-visibility:hidden} .skew-both-med:before{top:0;-webkit-transform:skewY(2.5deg);transform:skewY(2.5deg);-webkit-transform-origin:100% 0;transform-origin:100% 0} .skew-both-med:after{bottom:0;-webkit-transform:skewY(-2.5deg);transform:skewY(-2.5deg);-webkit-transform-origin:100%;transform-origin:100%}
.skew-both-lrg{position:relative;z-index:8} .skew-both-lrg:after,.skew-both-lrg:before{background:inherit;content:'';display:block;height:50%;left:0;position:absolute;right:0;z-index:-1;-webkit-backface-visibility:hidden}
.skew-both-lrg:before{top:0;-webkit-transform:skewY(3.5deg);transform:skewY(3.5deg);-webkit-transform-origin:100% 0;transform-origin:100% 0}
.skew-both-lrg:after{bottom:0;-webkit-transform:skewY(-3.5deg);transform:skewY(-3.5deg);-webkit-transform-origin:100%;transform-origin:100%} 
.skew-top{position:relative;z-index:8}
.skew-top:before{background:inherit;content:'';display:block;height:50%;left:0;position:absolute;right:0;z-index:-1;-webkit-backface-visibility:hidden}
.skew-top:before{top:0;-webkit-transform:skewY(1.5deg);transform:skewY(1.5deg);-webkit-transform-origin:100% 0;transform-origin:100% 0} 
.skew-top-med{position:relative;z-index:8}
.skew-top-med:before{background:inherit;content:'';display:block;height:50%;left:0;position:absolute;right:0;z-index:-1;-webkit-backface-visibility:hidden}
.skew-top-med:before{top:0;-webkit-transform:skewY(2.5deg);transform:skewY(2.5deg);-webkit-transform-origin:100% 0;transform-origin:100% 0} 
.skew-top-lrg{position:relative;z-index:8}
.skew-top-lrg:before{background:inherit;content:'';display:block;height:50%;left:0;position:absolute;right:0;z-index:-1;-webkit-backface-visibility:hidden}
.skew-top-lrg:before{top:0;-webkit-transform:skewY(3.5deg);transform:skewY(3.5deg);-webkit-transform-origin:100% 0;transform-origin:100% 0} 
.skew-bottom{position:relative;z-index:8}
.skew-bottom:after{background:inherit;content:'';display:block;height:50%;left:0;position:absolute;right:0;z-index:-1;-webkit-backface-visibility:hidden}
.skew-bottom:after{bottom:0;-webkit-transform:skewY(-1.5deg);transform:skewY(-1.5deg);-webkit-transform-origin:100%;transform-origin:100%} 
.skew-bottom-med{position:relative;z-index:8}
.skew-bottom-med:after{background:inherit;content:'';display:block;height:50%;left:0;position:absolute;right:0;z-index:-1;-webkit-backface-visibility:hidden}
.skew-bottom-med:after{bottom:0;-webkit-transform:skewY(-2.5deg);transform:skewY(-2.5deg);-webkit-transform-origin:100%;transform-origin:100%} .skew-bottom-lrg{position:relative;z-index:8}
.skew-bottom-lrg:after{background:inherit;content:'';display:block;height:50%;left:0;position:absolute;right:0;z-index:-1;-webkit-backface-visibility:hidden}
.skew-bottom-lrg:after{bottom:0;-webkit-transform:skewY(-3.5deg);transform:skewY(-3.5deg);-webkit-transform-origin:100%;transform-origin:100%}

/* Skew Styles */


/* The ribbons */

.corner-ribbon{
  width: 280px;
  background: #e43;
  position: absolute;
  top: 50px;
  left: -65px;
  text-align: center;
  line-height: 50px;
  letter-spacing: 1px;
  color: #f0f0f0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  text-transform:uppercase; font-size:20px;
}

/* Custom styles */

.corner-ribbon.sticky{
  position: fixed;
}

.corner-ribbon.shadow{
  box-shadow: 0 0 3px rgba(0,0,0,.3);
}

/* Different positions */

.corner-ribbon.top-left{
  top: 50px;
  left: -65px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.corner-ribbon.top-right{
  top: 50px;
  right: -65px;
  left: auto;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-left{
  top: auto;
  bottom: 50px;
  left: -65px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-right{
  top: auto;
  right: -65px;
  bottom: 50px;
  left: auto;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

/* Colors */

.corner-ribbon.white{background: #f0f0f0; color: #555;}
.corner-ribbon.black{background: #333;}
.corner-ribbon.grey{background: #999;}
.corner-ribbon.blue{background: #070033;}
.corner-ribbon.green{background: #2c7;}
.corner-ribbon.turquoise{background: #1b9;}
.corner-ribbon.purple{background: #310647;}
.corner-ribbon.red{background: #e43;}
.corner-ribbon.orange{background: #e82;}
.corner-ribbon.yellow{background: #ec0;}

/* The ribbons */


/* Calendar Styles */

.calendar{width: 100%; margin:0 0 40px 0;}
.calendar-day-head{background-color:#0e7b87;padding:5px 10px;color:#fff; }
.calendar-text a:hover{color:#0e7b87 !important;}
.calendar-text a{color:#444 !important;}
table.calendar		{ border-left:1px solid #999; }
tr.calendar-row	{  }
td.calendar-day	{ min-height:80px; font-size:13px; position:relative; } * html div.calendar-day { height:80px; }
td.calendar-day:hover	{ background:#e1e1e1; }
td.calendar-day-np	{ background:#f1f1f1; min-height:80px; } * html div.calendar-day-np { height:80px; }
td.calendar-day-head { background:#0e7b87; font-weight:bold; text-align:center; width:120px; padding:5px; border-bottom:1px solid #0e7b87; border-top:1px solid #0e7b87; border-right:1px solid #0e7b87;color:#fff; }
div.day-number		{ background:#0e7b87; padding:5px; color:#fff; font-weight:bold; float:right; /*margin:-5px -5px 0 0;*/ width:20px; text-align:center;position:absolute;top:0;right:0;margin:0;}
/* shared */
td.calendar-day, td.calendar-day-np { width:120px; padding:15px; border-bottom:1px solid #999; border-right:1px solid #999; }
.showmobile{display:none;}

/* Calendar Styles */

/* Checkout Styles */

.checkout-header,.checkout-content,.checkout-footer, .col-full{float:left; width:100%; padding:0; margin:0;}
.checkout-btn{float:right; margin:10px 0;}
.checkout-content h1{float:left; width:100%; margin:10px 0; padding:10px 0; border-bottom:solid 1px #ccc; border-top:solid 1px #ccc;}
.cart-prods{float:left; width:100%; padding:5px 0; margin:5px 0; background-color:#fafafa; border-bottom:solid 2px #fff;}
.cart-prod-content{text-transform:capitalize;}
.cart-prod-content a{color:#000000;}
.cart-prod-img img{max-width:100%;border:solid 5px #244320;}
.cart-prod-price p{font-size:16px; text-align:center;}
a.trash{width: 32px;height: 32px;border-radius: 50px; padding:5px 10px;position: relative;border: 0;vertical-align: middle; background-color:#000000; color:#FFFFFF; margin-bottom:5px;}
a:hover.trash, a:hover.refresh{color:#fff;}
a:hover.trash{background-color:#FF0000;}
a.edit-date{width: 32px;height: 32px;border-radius: 50px; padding:5px 10px 5px 9px;position: relative;border: 0;vertical-align: middle; background-color:#244320; color:#FFFFFF; margin-bottom:5px;}
a.edit-date:hover{ background-color:#244320; color:#FFFFFF;}
a.refresh{width: 32px;height: 32px;border-radius: 50px; padding:5px 8px; margin:0 5px;position: relative;border: 0;vertical-align: middle; background-color:#244320; color:#FFFFFF;}
.add-btn{width: 32px !important;height: 32px !important;border-radius: 50px !important; padding:5px 10px 5px 9px !important;position: relative;border: 0;vertical-align: middle;  color:#FFFFFF; background-color:#244320;  margin-bottom:5px;font-family: 'fontawesome', omnes-pro, sans-serif;}
.register-form {  font-family: 'fontawesome', omnes-pro, sans-serif;  float: left;   margin: 10px 5px 10px 0;   width: 100%;}
.register-form ul{list-style:none; padding:0; margin:0;}
.register-form ul li{margin:10px 0; padding:0;}
.register-form input, .myaccount-form input, .myaccount-form textarea{padding: 10px 15px; width: 100%; border: 1px solid #fff;background:none;color:#fff;}
.myaccount-form select{padding: 10px 15px; border: 1px solid #bbb; max-width:100%;}
.register-btn{border-radius: 5px; padding:5px 10px;position: relative;border: 0;vertical-align: middle;  color:#FFFFFF; background-color:#244320; width:100%; }
.form_field, .form_item{margin:10px 0;}
.register-form input[type="checkbox"], .myaccount-form input[type="checkbox"]{width: 20px !important;}
.register-form input[type="submit"], .myaccount-form input[type="submit"]{width: 100% !important;padding: 10px 15px; margin:0 0 20px 0;color: #222 !important;background-color: var(--secondary-bg-color);border: none;text-transform: uppercase;font-size: 18px;border-radius: 30px;font-family: 'fontawesome', omnes-pro, sans-serif;font-weight:500;}
.inline-block { display: inline-block;}
.checkout-totals{float:left; width:100%; padding:0; margin:5px 0; border-top:solid 1px #ccc;} 
.checkout-totals h2,.checkout-totals h3{text-align:right;}
.checkout-footer-tools .clear-tray{text-align:right; margin:10px 0; padding:0; }
.checkout-footer-tools .clear-tray a{background-color:#ff0000; color:#fff !important;padding:5px 30px; display:inline-block; border-radius:5px;}
.checkout-footer-tools .continue-shopping{ margin:10px 0;}
.checkout-registered{float:left; width:100%; margin:5px 0; border-bottom:solid 1px #ccc; border-top:solid 1px #ccc; padding:10px 0;}
.checkout-registered h3{padding:0; margin:0;}
.checkout-customer-details{border-right:solid 1px #e1e1e1;}
.checkout-registered input,.checkout-customer-details input,.checkout-customer-details select{width:100%; padding:10px 15px; border:solid 1px #ccc; margin:5px 0; border-radius:3px;font-family:Arial, Helvetica, sans-serif; color:#444;}
.checkout-registered input[type="submit"]{border:none; color:#fff;}
.checkout-customer-details input[type="checkbox"]{width:20px !important; float:left !important; margin:0 20px 0 0; border-radius:50px;}
.checkout-customer-details legend{border:none; margin:10px 0 0 0;}
.checkout-customer-details fieldset{border-bottom:solid 1px #ccc; padding:0 0 20px 0; margin:0 0 20px 0;float: left;width: 100%;}
.checkout-customer-details input[type="submit"]{border:none; color:#fff;}
.checkout-delivery-method i, .checkout-delivery-options i{cursor:pointer; color:#ccc;}
.checkout-delivery-method i:hover, .checkout-delivery-options i:hover{color:#244320;}

.send-payment-details input[type="submit"]{border:none; color:#fff;}
.send-payment-details input{width:100%; padding:10px 15px; border:solid 1px #ccc; margin:5px 0; border-radius:3px;font-family:Arial, Helvetica, sans-serif; color:#444;}
a.forgotten-pass{color:#ccc; text-align:right; float:right;}
a.forgotten-pass:hover{color:#244320;}
.payment-icons {    font-size: 45px; color:#444;}
ul.payment-icons{float:left; width:100%; display:inline-block; padding:0; margin:20px 0; text-align:center; list-style:none;}
ul.payment-icons li{display:inline-block; padding:0; margin:0 5px;}
.checkout-roundup .checkout-totals h2,.checkout-roundup .prod-roundup-header h2{font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#444;}
.checkout-roundup .checkout-totals h3{font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#444;}
.checkout-your-details legend{font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#444;}
.checkout-your-details p,.checkout-terms p,.checkout-delivery-details p{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#444;}
.checkout-roundup .cart-prods{background:none; border-bottom:dotted 1px #e1e1e1;font-family:Arial, Helvetica, sans-serif; color:#444; font-size:14px; font-weight:bold;}
.checkout-roundup .cart-prods a{color:#444;}
.checkout-roundup .cart-prods a:hover{ color:#244320;}
.checkout-terms p  a{ color:#244320;}
.checkout-terms h2,.checkout-delivery-options h2,.checkout-delivery-method h2{font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#444;}
.add-delivery{display:none;}

.no-padding-left{padding-left:0;}
.no-padding-right{padding-right:0;}

.buttons-set .go{width: 100% !important;padding: 10px 15px;color: #fff;background-color: #444;border: none;text-transform: uppercase;font-size: 30px;border-radius: 5px;font-family: 'Font Awesome 5 Free', 'FontAwesome', omnes-pro, sans-serif;}
.products .go{padding:10px 30px;}
.go {background-color: #244320;    color: #fff !important;    text-transform: uppercase;    padding: 10px;    border-radius: 5px;    font-weight: 300;    font-family: 'Font Awesome 5 Free', 'FontAwesome' , omnes-pro, sans-serif; border:none;}
.form_links {float: left; width: 100%;margin: 20px 0; padding: 0;}
.form_links ul {list-style: none; padding: 0; margin: 0;}
.form_links ul li a {color: #444;}

.none{display:none !important;}
.red{color:#FF0000 !important;}
.blue{color:#008fc3 !important;}
.half-padding{padding-left:7.5px !important;padding-right:7.5px !important;}
.small-text{font-size:16px !important;}
#my-orders-table{width:100%; padding:0; margin:10px 0;}
#my-orders-table tbody tr td{padding:5px 0;  border-bottom:dotted 1px #ccc;}
.productWrapper .shopping-cart-add-form{float:left;}
.product-category-wrapper{border:solid 1px #e6e6e6; padding:0px; margin:10px;text-align:center;float:left; width:100%;}
.productImageWrapper{float:left;width:100%;}
.productImageWrapper img{max-width:100%;}
.productWrapper h3{ padding:0; margin:10px 0;}
.productImage img{max-width:100%; width:100%;}
.prod-cat-buy{float:left; width:100%; margin:5px 0;}
.remove-wishlist{float:right;}
.gridView ul{list-style:none; padding:0; margin:10px 0;}
.shopping-bag .gridView ul li{float:left; width:100%; margin:5px 0; padding:5px 0; border-bottom:dotted 1px #ccc;}
.input-group-addon{border:none !important; padding:10px 12px !important;}
.input-group{border:solid 1px #ccc; border-radius:5px;}
.input-date-select{padding:5px 10px; float:left;}
.input-date-select select{border:none; }
#invoice-details,#invoice-details-right{min-height:130px;}
p.small{font-size:12px;}
p.advert{padding-top:10px;}
p.ads{text-align:right;}
p.ads a{color:#31a3c4; text-decoration:underline;}
.category-options{ }
#products-sort{float:left; width:100%;}
.owner p{margin:0 0 0 35px;}
.footer-icon-wrapper{float:left; width:20px; margin:0 5px 0 0;}
.submit-right{float:right;}
.category-side-nav ul{list-style:none;}
.category-side-nav ul li{padding:0 0 5px 0; margin:0 0 5px 0; border-bottom:dotted 1px #ccc;}
.category-side-nav ul li.article-on a{font-weight:bold; color:#31a3c4;}
.warning-item{float:left; width:100%; margin:5px 0; padding:5px 0; border-bottom:dotted 1px #ccc;}
.warning-item h3{margin:5px 0; padding:0; font-size:18px;}
.priceWrap{margin:0px 0;}
.priceWrap .now{font-size:38px; font-weight:600; color:#444444;}
.stock-level{float:left; width:100%;}

#submit_cart select, .pop-form select{width:100%; padding:13px 15px; font-size:20px; color:#aaa; border:solid 1px #ccc;   -webkit-appearance: none; cursor:pointer;
  -moz-appearance: none;
  appearance: none;
  /* Some browsers will not display the caret when using calc, so we put the fallback first */ 
  background: url("https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") white no-repeat 98.5% !important; /* !important used for overriding all other customisations */
  background: url("https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") white no-repeat calc(100% - 10px) !important; /* Better placement regardless of input width */
}
#submit_cart .go, .pop-form .go{width:100%; text-align:center; /*border-radius:0;*/ background-color:#008fc3; color:#fff; font-size:16px; border-radius:20px;}

/* Checkout Styles */

@-webkit-keyframes rotate {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(45deg);}
}

.animation-delay{
  -webkit-animation-duration: 3s !important;
  -webkit-animation-delay: 0.8s !important;  
    animation-duration: 3s !important;
 animation-delay: 0.8s !important;
 -webkit-animation-iteration-count: 1;
 animation-iteration-count: 1;
 }
.spam-field{display:none;}

/* Global wizard tracker */
#wizard-progress {margin: 15px 0 10px;}
#wizard-progress .wizard-steps {/*display:flex; flex-wrap:wrap; gap:8px;*/ list-style:none; padding:0; margin:0;}
#wizard-progress .wizard-step {
  position:relative; padding:8px 12px; border-radius:50%; background:#002339; color:#fff;
  font-weight:600; cursor:pointer; user-select:none; transition:transform .15s ease;width:100px;height:100px;margin:0 auto;
}
#wizard-progress .wizard-step:hover { transform: translateY(-1px); }
#wizard-progress .wizard-step[aria-current="true"] { background:#002339; color:#fff; }
#wizard-progress .wizard-step.is-complete { background:#38eddc; color:#fff; }
#wizard-progress .wizard-step .pct { 
   font-size:12px; opacity:.85; padding:2px 6px; border-radius:999px; 
}

/* Tiny flash when we switch */
@keyframes tabFlash { 0%{box-shadow:0 0 0 0 rgba(56,237,220,.9)} 100%{box-shadow:0 0 0 12px rgba(56,237,220,0)} }
.tab-pane.flash { animation: tabFlash .8s ease-out 1; }

/* Optional: badge on Bootstrap tabs too */
.nav-tabs li > a .tab-pct-badge {
  display:inline-block; margin-left:6px; font-size:12px; padding:2px 6px; border-radius:999px; 
  background:#3a4855; color:#fff;
}
.nav-tabs li.complete > a .tab-pct-badge { background:#38eddc; }
.nav-tabs li.active > a .tab-pct-badge { background:#002339; }

/* Warning state */
#wizard-progress .wizard-step.has-warning { background:red; color:#fff; }
.nav-tabs li.warning > a .tab-pct-badge { background:red; color:#fff; }

/* Optional: tiny icon space */
.tab-pct-badge .icon { margin-right:4px; }

/* ========== Wizard: Connected Steps ========== */
.wizard-steps{
  --circle: 36px;
  --rail: 4px;
  position: relative;              /* anchor for the single rail */
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: 0;
  list-style: none;
  padding: 0;
  margin: 12px 0 18px;
  counter-reset: wiz;
}

/* Single neutral rail behind all steps */
.wizard-steps::before{
  content:"";
  position:absolute;
  top: calc(50% - var(--rail)/2);              /* align to circle centre */
  left: calc(var(--circle)/2);
  right: calc(var(--circle)/2);
  height: var(--rail);
  background:#e5e7eb;
  border-radius:999px;
  z-index:0;                                    /* rail behind */
}

/* Each step */
.wizard-steps .wizard-step{
  position: relative;
  display: grid;
  justify-items: center;
  align-content: start;
  padding-top: 8px;
  text-align: center;
  cursor: pointer;
  user-select: none;
  z-index:1;                                    /* above rail */
  transition: transform .15s ease;
}
.wizard-steps .wizard-step:hover{ transform: translateY(-1px); }

/* Circle */
.wizard-steps .circle{
  position: relative;
  z-index:2;                                    /* circle above everything */
  width: var(--circle);
  height: var(--circle);
  border-radius: 50%;
  border: 2px solid #cbd5e1;
  background: #fff;
  display: grid;
  place-items: center;
  font-size: 16px;
  color: #64748b;
  transition: all .2s ease;
}

/* Number fallback (auto) if no icon inside circle */
.wizard-steps .circle::after{
  counter-increment: wiz;
  content: counter(wiz);
  font-weight: 600;
}

/* Labels + percent */
.wizard-steps .label{
  margin: 0px;
  font-size: 12px;
  color: #334155;
  line-height: 1.2;
  white-space: unset;
}
.wizard-steps .pct{
  font-size: 11px;
  color: #64748b;
}

/* Hover/Focus */
.wizard-steps .wizard-step:focus{ outline: none; }
.wizard-steps .wizard-step:hover .circle{
  border-color: #0ea5e9;
  color: #0ea5e9;
}

/* Current (active tab) */
.wizard-steps .wizard-step[aria-current="true"] .circle{
  border-color: #0e6c88;
  color: #0e6c88;
  box-shadow: 0 0 0 3px rgba(14,108,136,.12);
}

/* Complete */
.wizard-steps .wizard-step.is-complete .circle{
  background: #0e6c88;
  border-color: #0e6c88;
  color: #fff;
}
/* Replace number with a check when complete */
.wizard-steps .wizard-step.is-complete .circle::after{
  content: "\f00c";                /* Font Awesome check */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  counter-increment: none;
}
/* Fill the rail up to each completed circle centre with your gradient */
.wizard-steps .wizard-step.is-complete::after{
  content:"";
  position:absolute;
  top: calc(28px - var(--rail)/2);
  left: 0; right: 0;
  height: var(--rail);
  background: linear-gradient(90deg, #7bc8c5 0%, #0e6c88 100%);
  z-index:0;                                    /* behind circles */
  clip-path: inset(0 calc(100% - var(--circle)/2) 0 0);
display:none;
}

/* Warning state */
.wizard-steps .wizard-step.has-warning .circle{
  border-color: #f59e0b;      /* amber */
  color: #b45309;
}


/* Responsive: smaller labels on tablets */
@media (max-width: 900px){
  .wizard-steps .label{ font-size: 11px; }
}

/* Icon-only on small phones (keeps accessible names via aria-labels on step elements) */
@media (max-width: 520px){
  .wizard-steps .label,
  .wizard-steps .pct{ display: none; }
  .wizard-steps .wizard-step{ padding-top: 0; }
}

/* Allow horizontal scroll on very small screens */
@media (max-width: 420px){
  .wizard-steps{
    display: flex;
    overflow-x: auto;
    gap: 14px;
    padding-bottom: 8px;
    -webkit-overflow-scrolling: touch;
  }
#wizard-progress .wizard-step{width:60px;height:60px;padding:5px;}
.wizard-steps .label{padding:0;}
.wizard-steps .label .label-text{font-size:11px !important;}
.wizard-steps .label .label-num{font-size: 18px !important;}
}

/* ========== Optional: Tab badges + flash effect to match your JS ========== */
@keyframes tabFlash{
  0%{ box-shadow:0 0 0 0 rgba(56,237,220,.9) }
  100%{ box-shadow:0 0 0 12px rgba(56,237,220,0) }
}
.tab-pane.flash{ animation: tabFlash .8s ease-out 1; }

.nav-tabs li > a .tab-pct-badge{
  display:inline-block;
  margin-left:6px;
  font-size:12px;
  padding:2px 6px;
  border-radius:999px;
  background:#3a4855;
  color:#fff;
}
.nav-tabs li.complete > a .tab-pct-badge{ background:#38eddc; }
.nav-tabs li.active > a .tab-pct-badge{ background:#002339; }
.nav-tabs li.warning > a .tab-pct-badge{ background:red; color:#fff; }

/* ========== Cleanup: disable old per-step connector if present ========== */
.wizard-steps .wizard-step::before{ display:none !important; }


/* === Wizard visual tweaks: bigger number + white labels/percent === */

/* Make the circle larger (keeps the rail auto-aligned via --circle) */
.wizard-steps{
  --circle: 44px;  /* was 36px */
}

/* Bigger, bolder step number inside the circle */
.wizard-steps .circle{
  width: var(--circle);
  height: var(--circle);
  font-size: 20px;      /* increase the number size */
  font-weight: 700;
}

/* White text for the label and percent (next lines under the number) */
.wizard-steps .label,
.wizard-steps .pct{
  color: #fff !important;
  
}

/* Optional: slightly more spacing so it reads as three lines */
.wizard-steps .label{  }


/* Keep warning icon but make it white to match */
.wizard-steps .wizard-step.has-warning .pct::before{
  color: #fff; /* was amber */
}

/* If you want the circle’s active ring to stay brand-coloured with a bigger circle */
.wizard-steps .wizard-step[aria-current="true"] .circle{
  box-shadow: 0 0 0 3px rgba(14,108,136,.18);
}
/* Big number on its own line */
.wizard-steps .label{
  display: grid;
  justify-items: center;
  color: #fff !important;
}
.wizard-steps .label .label-num{
  display: block;
  font-size: 24px;      /* bump as you like */
  line-height: 1;
  font-weight: 300;
  
  color: #fff;
}
.wizard-steps .label .label-text{
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  line-height: 1.2;
  text-align: center;
}

/* Percentage line in white under the label */
.wizard-steps .pct{
  
  font-size: 12px;
  font-weight: 600;
  color: #fff !important;
}

/* Hide the auto counter inside the circle (keep check on complete) */
.wizard-steps .circle::after{ content:""; counter-increment:none; }
.wizard-steps .wizard-step.is-complete .circle::after{
  content:"\f00c";
  font-family:"Font Awesome 6 Free";
  font-weight:900;
}
.visually-hidden{display:none;}