body {
   background-color: #FFFFFF;
   color: #000000;
   font-family: Montserrat;
   font-size: 17px;
   font-weight: normal;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#wb_maskImage2 {
   vertical-align: top;
}
#maskImage2 {
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   height: 100%;
   left: 0;
   margin: 11px 0 11px 22px;
   padding: 0;
   top: 0;
   width: 100%;
}
#maskLayer1 {
   background-color: #FFFFFF;
   background-image: none;
   border-radius: 0px;
   box-shadow: 0px 0px 4px #000080;
   box-sizing: border-box;
}
#wb_maskResponsiveMenu1 {
   display: block;
   font-family: Arial;
   font-weight: bold;
   margin: 0 0 0 22px;
   text-align: left;
   width: 100%;
}
#maskResponsiveMenu1 {
   background-color: rgba(255,255,255,0.00);
   height: 86px;
}
#wb_maskResponsiveMenu1 ul {
   list-style: none;
   margin: 0;
   padding: 0;
   position: relative;
}
#wb_maskResponsiveMenu1 ul:after {
   clear: both;
   content: "";
   display: block;
}
#wb_maskResponsiveMenu1 ul li {
   border-radius: 0;
   display: list-item;
   float: left;
   list-style: none;
   z-index: 9999;
}
#wb_maskResponsiveMenu1 ul li i {
   font-size: 36px;
   margin-bottom: 2px;
   width: 36px;
}
#wb_maskResponsiveMenu1 ul li a {
   background-color: rgba(255,255,255,0.00);
   color: #000080;
   font-family: Arial;
   font-size: 17px;
   font-style: normal;
   font-weight: bold;
   padding: 15px 15px 15px 15px;
   text-align: center;
   text-decoration: none;
   text-transform: none;
}
#wb_maskResponsiveMenu1 > ul > li > a {
   height: 56px;
}
.maskResponsiveMenu1 a {
   display: block;
}
#wb_maskResponsiveMenu1 li:hover > a,
#wb_maskResponsiveMenu1 li .active {
   background-color: rgba(220,220,220,0.40);
   color: #FF0000;
}
#wb_maskResponsiveMenu1 ul ul {
   display: none;
   position: absolute;
   top: 86px;
}
#wb_maskResponsiveMenu1 ul li:hover > ul {
   display: list-item;
}
#wb_maskResponsiveMenu1 ul ul li {
   float: none;
   position: relative;
   width: 154px;
}
#wb_maskResponsiveMenu1 ul ul li a {
   background-color: #FFFFFF;
   border: 1px solid #000080;
   color: #000080;
}
#wb_maskResponsiveMenu1 ul ul li:hover > a,
#wb_maskResponsiveMenu1 ul ul li .active {
   background-color: #000080;
   border-color: #FFFFFF;
   color: #F6F6F6;
}
#wb_maskResponsiveMenu1 ul ul li i {
   margin-right: 12px;
   vertical-align: middle;
}
#wb_maskResponsiveMenu1 ul ul li a {
   padding-bottom: 15px;
   padding-right: 20px;
   padding-top: 15px;
   text-align: left;
   vertical-align: middle;
}
#wb_maskResponsiveMenu1 ul ul ul li {
   left: 154px;
   position: relative;
   top: -86px;
}
#wb_maskResponsiveMenu1 .arrow-down {
   border-bottom: 0 dotted;
   border-left: 4px solid transparent;
   border-right: 4px solid transparent;
   border-top: 4px solid #000080;
   display: inline-block;
   height: 0;
   margin-left: 2px;
   vertical-align: middle;
   width: 0;
}
#wb_maskResponsiveMenu1 .arrow-left {
   border-bottom: 4px solid transparent;
   border-left: 4px solid #000080;
   border-right: 0 dotted;
   border-top: 4px solid transparent;
   display: inline-block;
   height: 0;
   margin-left: 2px;
   vertical-align: middle;
   width: 0;
}
#wb_maskResponsiveMenu1 li:hover > a .arrow-down,
#wb_maskResponsiveMenu1 li .active .arrow-down {
   border-top-color: #FF0000;
}
#wb_maskResponsiveMenu1 ul ul li:hover > a .arrow-left,
#wb_maskResponsiveMenu1 ul ul li .active .arrow-left {
   border-left-color: #F6F6F6;
}
#wb_maskResponsiveMenu1 .toggle,
[id^=maskResponsiveMenu1-submenu] {
   display: none;
}
@media all and (max-width:768px) {
#wb_maskResponsiveMenu1 {
   margin: 0;
   text-align: left;
}
#wb_maskResponsiveMenu1 ul li a,
#wb_maskResponsiveMenu1 .toggle {
   font-size: 17px;
   font-style: normal;
   font-weight: bold;
   padding: 15px 20px 15px 20px;
   text-decoration: none;
   text-transform: none;
}
#wb_maskResponsiveMenu1 .toggle + a {
   display: none  !important;
}
.maskResponsiveMenu1 {
   display: none;
   z-index: 9999;
}
#maskResponsiveMenu1 {
   background-color: transparent;
}
#wb_maskResponsiveMenu1 > ul > li > a {
   height: auto  !important;
   margin: 0;
}
#wb_maskResponsiveMenu1 .toggle {
   background-color: rgba(255,255,255,0.00);
   border: none;
   color: #000080;
   display: block;
   line-height: 66px;
   padding: 0 20px 0 20px;
   text-decoration: none;
}
#wb_maskResponsiveMenu1 .toggle:hover {
   background-color: rgba(220,220,220,0.40);
   color: #FF0000;
}
[id^=maskResponsiveMenu1-submenu]:checked + ul {
   display: block  !important;
}
#maskResponsiveMenu1-title {
   height: 86px  !important;
   line-height: 86px  !important;
   text-align: left;
}
#wb_maskResponsiveMenu1 ul li {
   display: block;
   text-align: left;
   width: 100%  !important;
}
#wb_maskResponsiveMenu1 ul ul .toggle,
#wb_maskResponsiveMenu1 ul ul a {
   padding: 0 40px;
}
#wb_maskResponsiveMenu1 a:hover,
#wb_maskResponsiveMenu1 ul ul ul a {
   background-color: #FFFFFF;
   color: #000080;
}
#wb_maskResponsiveMenu1 ul li ul li .toggle,
#wb_maskResponsiveMenu1 ul ul a {
   background-color: #FFFFFF;
   color: #000080;
}
#wb_maskResponsiveMenu1 ul ul ul a {
   padding: 15px 20px 15px 60px;
}
#wb_maskResponsiveMenu1 ul li a {
   text-align: left;
}
#wb_maskResponsiveMenu1 ul li a br {
   display: none;
}
#wb_maskResponsiveMenu1 ul li i {
   margin-right: 12px;
}
#wb_maskResponsiveMenu1 ul ul {
   float: none;
   position: static;
}
#wb_maskResponsiveMenu1 ul ul li:hover > ul,
#wb_maskResponsiveMenu1 ul li:hover > ul {
   display: none;
}
#wb_maskResponsiveMenu1 ul ul li {
   display: block;
   width: 100%;
}
#wb_maskResponsiveMenu1 ul ul ul li {
   position: static;
}
#maskResponsiveMenu1-icon {
   display: block;
   position: absolute;
   right: 15px;
   top: 31px;
   user-select: none;
}
#maskResponsiveMenu1-icon span {
   background-color: #000080;
   color: #000080;
   display: block;
   height: 2px;
   margin-top: 4px;
   width: 24px;
}
#wb_maskResponsiveMenu1 ul li ul li .toggle:hover {
   background-color: #000080;
   color: #F6F6F6;
}
#wb_maskResponsiveMenu1 .toggle .arrow-down {
   border-top-color: #000080;
}
#wb_maskResponsiveMenu1 .toggle:hover .arrow-down,
#wb_maskResponsiveMenu1 li .active .arrow-down {
   border-top-color: #FF0000;
}
#wb_maskResponsiveMenu1 ul li ul li .toggle .arrow-down {
   border-top-color: #000080;
}
#wb_maskResponsiveMenu1 ul li ul li .toggle:hover .arrow-down,
#wb_maskResponsiveMenu1 ul li ul li .active .arrow-down {
   border-top-color: #F6F6F6;
}
}
#wb_maskText1 {
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   margin: 0 22px 0 0;
   padding: 0;
   text-align: right;
}
#wb_maskText1 {
   color: #FF0000;
   font-family: Fasthand;
   font-size: 24px;
   font-weight: bold;
   line-height: 43.5px;
}
#wb_maskText1 p,
#wb_maskText1 ul {
   margin: 0;
   padding: 0;
}
#wb_maskText2 {
   align-self: auto;
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   flex-grow: 1;
   flex-shrink: 1;
   margin: 6px 0 0 5px;
   padding: 0;
   text-align: center;
}
#wb_maskText2 {
   color: #00BFFF;
   font-family: "Arial Narrow";
   font-size: 16px;
   font-weight: normal;
}
#wb_maskText2 div {
   text-align: center;
}
#maskFlexContainer1 {
   align-content: center;
   align-items: center;
   background-color: #000080;
   background-image: none;
   border: 0px solid #DDDDDD;
   border-radius: 0px;
   bottom: 0;
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
   font-size: 0;
   justify-content: center;
   left: 0;
   margin: 0;
   padding: 10px 10px 10px 10px;
   position: fixed;
   width: 100%;
   width: 100%;
   z-index: 7777;
}
#ingénierieFlexContainer2 {
   align-content: center;
   align-items: center;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #DDDDDD;
   border-radius: 0px;
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
   font-size: 0;
   justify-content: space-around;
   margin: 111px 0 0 0;
   padding: 88px 10px 33px 10px;
   position: relative;
   width: 100%;
}
#wb_ingénierie3InlineFrame1 {
   -webkit-overflow-scrolling: touch;
   align-self: auto;
   border: 1px solid #DDDDDD;
   border-radius: 0px;
   box-sizing: border-box;
   flex-grow: 0;
   flex-shrink: 0;
   margin: 0;
   overflow: auto;
}
#ingénierie3InlineFrame1 {
   border-width: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}
#maskFlexContainer1 {
   align-content: center;
   align-items: center;
   background-color: #000080;
   background-image: none;
   border: 0px solid #DDDDDD;
   border-radius: 0px;
   bottom: 0;
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
   font-size: 0;
   justify-content: center;
   left: 0;
   margin: 0;
   padding: 10px 10px 10px 10px;
   position: fixed;
   width: 100%;
   width: 100%;
   z-index: 7777;
}
.faq-container {
   margin: 0 auto;
   max-width: 1222px;
   padding: 5px;
   text-align: left;
   width: 90%;
}
.faq-question {
   margin-bottom: 20px;
}
.faq-question h3::before {
   content: "> ";
}
.faq-answer {
   display: none;
   font-family: 'Open Sans', sans-serif;
   font-size: 16px;
   font-weight: bold;
   margin-bottom: 26px;
   padding-left: 0em;
}
.faq-question:hover {
   cursor: pointer;
}
@media (max-width: 600px) {
.faq-container {
   padding: 0 5px;
}
}
h1:not(#ww-new h1) {
   font-size: 2rem;
}
h2:not(#ww-new h2) {
   font-size: 1.75rem;
}
@media (max-width:800px) {
h1:not(#ww-new h1) {
   font-size: 1.75rem;
}
h2:not(#ww-new h2) {
   font-size: 1.5rem;
}
}
@media (max-width:600px) {
h1:not(#ww-new h1) {
   font-size: 1.50rem;
}
h2:not(#ww-new h2) {
   font-size: 1.25rem;
}
}
@media (max-width:400px) {
h1:not(#ww-new h1) {
   font-size: 1.30rem;
}
h2:not(#ww-new h2) {
   font-size: 1.20rem;
}
}
#ww-new {
   --color-background: #fff;
   --color-border: #dee2e6;
   --color-light-gray: #f8f9fa;
   --color-primary-dark: #002e5f;
   --color-primary: #004a99;
   --color-secondary: #007bff;
   --color-text-light: #555;
   --color-text: #333;
   --container-width: 1140px;
   --font-family: 'Roboto','Arial',sans-serif;
   --range-thumb: 22px;
   --range-track-h: 8px;
   --success: #0f8a2c;
}
#ww-new .container {
   margin: 0 auto;
   max-width: var(--container-width);
   padding: 0 20px;
}
#ww-new section {
   padding: 80px 0;
}
#ww-new section:nth-of-type(even) {
   background: var(--color-light-gray);
}
#ww-new h1,
#ww-new h2,
#ww-new h3,
#ww-new h4 {
   color: var(--color-primary-dark);
   line-height: 1.3;
   margin-bottom: 20px;
}
#ww-new h1 {
   font-size: 2.6rem;
   font-weight: 700;
}
#ww-new h2 {
   font-size: 2rem;
   font-weight: 700;
   margin-bottom: 34px;
   text-align: center;
}
#ww-new h3 {
   color: var(--color-primary);
   font-size: 1.5rem;
   font-weight: 500;
}
#ww-new p {
   color: var(--color-text-light);
   font-size: 1.06rem;
   margin-bottom: 20px;
}
#ww-new .cta-button {
   background: var(--color-secondary);
   border: 0;
   border-radius: 6px;
   color: #fff;
   cursor: pointer;
   display: inline-block;
   font-size: 1.05rem;
   font-weight: 600;
   padding: 14px 26px;
   text-decoration: none;
   transition: .25s background-color,.25s transform;
}
#ww-new .cta-button:hover {
   background: #0056b3;
   transform: translateY(-2px);
}
#ww-new label,
#ww-new input,
#ww-new select,
#ww-new textarea,
#ww-new output {
   color: var(--color-text);
   font-size: 16px;
}
#ww-new .hero-section {
   align-items: center;
   display: flex;
   justify-content: center;
   min-height: calc(68vh - 80px);
   padding-bottom: 6px;
   padding-top: 28px;
   text-align: center;
}
#ww-new .hero-section .container {
   max-width: 900px;
}
#ww-new .hero-section h1 {
   color: crimson;
}
#ww-new .hero-section h2 {
   color: var(--color-text-light);
   font-size: 1.15rem;
   font-weight: 300;
   margin-bottom: 16px;
}
#ww-new .hero-cta-wrap {
   margin-top: 6px;
}
#ww-new .calculator-section .description {
   margin: -14px auto 34px;
   max-width: 700px;
   text-align: center;
}
#ww-new .calculator-wrapper {
   background: #fff;
   border-radius: 8px;
   box-shadow: 0 5px 20px rgba(0,0,0,.07);
   display: grid;
   gap: 26px;
   grid-template-columns: 1fr;
   padding: 30px;
}
#ww-new .calculator-inputs h3 {
   color: crimson;
   margin-bottom: 18px;
   text-align: center;
}
#ww-new input[type="number"],
#ww-new input[type="tel"],
#ww-new input[type="email"],
#ww-new input[type="text"],
#ww-new textarea,
#ww-new select {
   border: 1px solid var(--color-border);
   border-radius: 5px;
   color: var(--color-text);
   font-family: var(--font-family);
   font-size: 1rem;
   padding: 12px;
   width: 100%;
}
#ww-new .form-group {
   margin-bottom: 16px;
}
#ww-new .form-group.inline {
   align-items: center;
   display: flex;
   gap: 22px;
}
#ww-new label {
   color: var(--color-text);
   display: block;
   font-weight: 500;
   line-height: 1.3;
   margin: 0;
}
#ww-new .form-group.inline label {
   flex: 1 1 auto;
   margin-right: 12px;
   max-width: 100%;
   overflow: visible;
   text-overflow: clip;
   white-space: normal;
}
#ww-new .tiny-input {
   align-items: center;
   background: #fff;
   border: 1px solid var(--color-border);
   border-radius: 5px;
   box-sizing: border-box;
   color: var(--color-primary-dark);
   display: inline-flex;
   font-feature-settings: "tnum" 1,"lnum" 1;
   font-variant-numeric: tabular-nums;
   font-weight: 700;
   height: 42px;
   justify-content: flex-end;
   min-width: 9ch;
   padding: 8px 10px;
   text-align: right;
   width: 9ch;
}
#ww-new .form-group.inline input.tiny-input {
   flex: 0 0 auto;
}
#ww-new input[type="number"].tiny-input {
   -moz-appearance: textfield;
   appearance: textfield;
}
#ww-new input[type="number"].tiny-input::-webkit-outer-spin-button,
#ww-new input[type="number"].tiny-input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
}
#ww-new .range-wrap {
   align-items: center;
   display: flex;
   gap: 22px;
}
#ww-new .range-wrap input[type="range"] {
   flex: 1;
}
#ww-new output,
#ww-new .range-wrap output,
#ww-new #spOut,
#ww-new #opOut,
#ww-new #avgPerSessionVal {
   align-items: center;
   background: #fff;
   border: 1px solid var(--color-border);
   border-radius: 5px;
   box-sizing: border-box;
   color: var(--color-primary-dark);
   display: inline-flex;
   font-weight: 700;
   height: 42px;
   justify-content: flex-end;
   min-width: 9ch;
   padding: 8px 10px;
   width: 9ch;
}
#ww-new .computed-line {
   align-items: center;
   color: var(--color-text-light);
   display: flex;
   font-weight: 500;
   gap: 22px;
   justify-content: space-between;
   margin-bottom: 16px;
   margin-top: 6px;
}
#ww-new .computed-line .label {
   color: var(--color-text);
   display: block;
   flex: 1;
   margin-right: 12px;
   overflow: visible;
   text-overflow: clip;
   white-space: normal;
}
#ww-new .calculator-results .table-scroll {
   -webkit-overflow-scrolling: touch;
   max-width: 100%;
   overflow-x: auto;
}
#ww-new .calculator-results table {
   border-collapse: collapse;
   min-width: 720px;
   table-layout: auto !important;
   width: 100%;
}
#ww-new .calculator-results th,
#ww-new .calculator-results td {
   border: 1px solid var(--color-border);
   padding: 14px;
   text-align: left;
   vertical-align: middle;
}
#ww-new .calculator-results th {
   background: var(--color-light-gray);
   color: var(--color-primary-dark);
   font-weight: 700;
}
#ww-new .calculator-results thead th:nth-child(2),
#ww-new .calculator-results thead th:nth-child(3) {
   text-align: center;
}
#ww-new .calculator-results td:nth-child(2),
#ww-new .calculator-results td:nth-child(3) {
   font-size: 1.06rem;
   font-weight: 500;
   text-align: center;
   white-space: nowrap;
}
#ww-new .calculator-results .highlight-row td {
   background: #e6f0fa;
   font-size: 1.22rem;
   font-weight: 700;
}
#ww-new .calculator-results .highlight-row td:first-child {
   color: var(--color-primary-dark);
}
#ww-new .calculator-results .savings-row td {
   background: #e6f7e6;
   color: var(--success);
   font-size: 1.25rem;
   font-weight: 700;
   text-align: center;
}
#ww-new .calculator-results td:first-child,
#ww-new .calculator-results th:first-child {
   color: var(--color-text) !important;
   font-size: 1rem !important;
   font-weight: 500 !important;
   line-height: 1.4 !important;
   min-width: 260px !important;
   overflow: visible !important;
   text-overflow: clip !important;
   white-space: normal !important;
   width: 40% !important;
}
#ww-new .form-group.inline input[type="number"] {
   -moz-appearance: textfield !important;
   -webkit-appearance: none !important;
   appearance: none !important;
   background: #fff !important;
   border: 1px solid var(--color-border) !important;
   border-radius: 5px !important;
   box-sizing: border-box !important;
   color: var(--color-primary-dark) !important;
   flex: 0 0 9ch !important;
   font-weight: 700 !important;
   height: 42px !important;
   line-height: 1 !important;
   max-width: 9ch !important;
   min-width: 9ch !important;
   padding: 8px 10px !important;
   text-align: right !important;
   width: 9ch !important;
}
#ww-new #trainingDays,
#ww-new #sessionsHQ,
#ww-new #sessionsNational,
#ww-new #sessionsForeign,
#ww-new #elearningDuration,
#ww-new #numLanguages {
   flex: 0 0 9ch !important;
   max-width: 9ch !important;
   min-width: 9ch !important;
   width: 9ch !important;
}
#ww-new .benefits-section .intro-text {
   font-size: 1.12rem;
   margin: -18px auto 44px;
   max-width: 800px;
   text-align: center;
}
#ww-new .benefits-grid {
   display: grid;
   gap: 28px;
   grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
}
#ww-new .benefit-card {
   background: #fff;
   border-radius: 8px;
   box-shadow: 0 4px 12px rgba(0,0,0,.05);
   padding: 28px;
   transition: .3s transform,.3s box-shadow;
}
#ww-new .benefit-card:hover {
   box-shadow: 0 8px 20px rgba(0,0,0,.08);
   transform: translateY(-5px);
}
#ww-new .benefit-card .icon {
   display: block;
   font-size: 2.4rem;
   margin-bottom: 12px;
}
#ww-new .benefits-section h2 {
   color: crimson;
}
#ww-new .testimonial-box {
   background: #fff;
   border: 1px solid var(--color-border);
   border-radius: 8px;
   box-shadow: 0 4px 12px rgba(0,0,0,.05);
   margin-top: 36px;
   padding: 24px 28px;
}
#ww-new .testimonial-box h3 {
   color: var(--color-primary);
   font-size: 1.25rem;
   margin-bottom: 10px;
   text-align: left;
}
#ww-new .testimonial-box blockquote {
   color: var(--color-text-light);
   font-size: 1.08rem;
   line-height: 1.7;
   margin: 0;
}
#ww-new .about-wrapper {
   align-items: stretch;
   display: grid;
   gap: 44px;
   grid-template-columns: 1fr 1fr;
}
#ww-new .contact-form-wrapper {
   background: var(--color-light-gray);
   border-radius: 8px;
   box-shadow: 0 5px 15px rgba(0,0,0,.05);
   height: 100%;
   padding: 34px;
}
#ww-new .contact-form-wrapper h3,
#ww-new .contact-form-wrapper p {
   text-align: center;
}
#ww-new #contactForm .form-group textarea {
   min-height: 120px;
   resize: vertical;
}
#ww-new #contactForm button {
   font-size: 1.05rem;
   padding: 15px;
   width: 100%;
}
#ww-new .about-content {
   align-items: center;
   background: var(--color-light-gray);
   border-radius: 8px;
   box-shadow: 0 5px 15px rgba(0,0,0,.05);
   display: flex;
   flex-direction: column;
   height: 100%;
   padding: 34px;
}
#ww-new .about-content .pilot-title {
   color: crimson;
   font-size: 1.4rem;
   line-height: 1.15;
   margin: 0 0 16px;
   text-align: center;
}
#ww-new .pilot-visual {
   align-items: stretch;
   display: flex;
   flex: 1;
   justify-content: center;
}
#ww-new .pilot-visual figure {
   align-items: center;
   background: #fff;
   border-radius: 10px;
   box-shadow: 0 6px 18px rgba(0,0,0,.06);
   display: flex;
   flex-direction: column;
   gap: 12px;
   height: 100%;
   margin: 0;
   max-width: 380px;
   padding: 18px 16px 4px;
   width: 100%;
}
#ww-new .pilot-visual img {
   border-radius: 8px;
   box-shadow: 0 4px 12px rgba(0,0,0,.06);
   display: block;
   height: auto !important;
   margin: 0;
   max-height: calc(100% - 36px);
   max-width: 100%;
   object-fit: contain;
   width: auto !important;
}
#ww-new .pilot-visual figcaption {
   color: var(--color-text-light);
   font-size: 1rem;
   font-weight: 700;
   line-height: 1.25;
   margin-bottom: 0;
   margin-top: 4px;
   text-align: center;
}
#ww-new .pilot-visual figcaption a {
   color: var(--color-primary);
   font-weight: 500;
   text-decoration: none;
}
#ww-new .pilot-visual figcaption a:hover {
   text-decoration: underline;
}
#ww-new .pilot-visual figcaption > * {
   margin: 0;
}
@media (max-width:992px) {
#ww-new .about-wrapper {
   grid-template-columns: 1fr;
}
#ww-new .about-content,
#ww-new .contact-form-wrapper {
   height: auto;
}
#ww-new .contact-form-wrapper {
   margin-top: 28px;
}
}
@media (max-width:768px) {
#ww-new h1 {
   font-size: 2.1rem;
}
#ww-new h2 {
   font-size: 1.75rem;
}
#ww-new section {
   padding: 56px 0;
}
#ww-new .calculator-wrapper {
   padding: 20px;
}
}
#ww-new .range-wrap input[type="range"] {
   -webkit-appearance: none;
   appearance: none;
   background: #e9ecef;
   border-radius: 999px;
   height: var(--range-track-h);
   outline: none;
   width: 100%;
}
#ww-new .range-wrap input[type="range"]::-webkit-slider-thumb {
   -webkit-appearance: none;
   appearance: none;
   background: var(--color-secondary);
   border: 2px solid #fff;
   border-radius: 50%;
   box-shadow: 0 1px 4px rgba(0,0,0,.25);
   cursor: pointer;
   height: var(--range-thumb);
   margin-top: calc((var(--range-track-h) - var(--range-thumb))/2);
   width: var(--range-thumb);
}
#ww-new .range-wrap input[type="range"]::-webkit-slider-runnable-track {
   background: #e9ecef;
   border-radius: 999px;
   height: var(--range-track-h);
}
#ww-new .range-wrap input[type="range"]::-moz-range-thumb {
   background: var(--color-secondary);
   border: 2px solid #fff;
   border-radius: 50%;
   box-shadow: 0 1px 4px rgba(0,0,0,.25);
   cursor: pointer;
   height: var(--range-thumb);
   width: var(--range-thumb);
}
#ww-new .range-wrap input[type="range"]::-moz-range-track {
   background: #e9ecef;
   border-radius: 999px;
   height: var(--range-track-h);
}
:root {
   --fixed-footer-h: 56px;
}
#ww-new {
   padding-bottom: calc(var(--fixed-footer-h) + 8px)  !important;
}
@media (max-width: 768px) {
:root {
   --fixed-footer-h: 64px;
}
}
#ww-new .hero-section h2 {
   color: var(--color-primary-dark);
   font-size: 1.35rem;
   font-weight: 600;
   letter-spacing: .2px;
   line-height: 1.45;
   margin: 10px auto 0;
   max-width: 980px;
}
@media (max-width:768px) {
#ww-new .hero-section h2 {
   font-size: 1.2rem;
   line-height: 1.5;
}
}
#ww-new h2 {
   text-align: center  !important;
}
#ww-new h3.section-title-center {
   text-align: center  !important;
}
#ww-new .hero-cta-wrap {
   margin-top: 24px  !important;
}
#ww-new h2.compare-section-title,
#ww-new #compareTitle,
#ww-new .calculator-section > h2 {
   color: crimson  !important;
   display: block;
   margin: 0 auto 24px;
   text-align: center  !important;
   width: 100%;
}
#ww-new .calculator-section,
#ww-new .calculator-section .container {
   text-align: center;
}
#ww-new .calculator-section .calculator-wrapper,
#ww-new .calculator-section .form-group {
   text-align: left;
}