/* ==========================================================================
   MASS Financialhealth Limited - central brand palette
   --------------------------------------------------------------------------
   Navy + Brown/Gold + White. This file is generated from the theme's own
   rules, so EVERY page inherits the brand palette automatically and no page
   can fall back to the demo colours.

   To re-skin the whole site, change only the variables in :root below.
   ========================================================================== */

:root {
  --mass-navy:       #0b2239;   /* Primary dark navy - headings, dark sections */
  --mass-navy-deep:  #071829;   /* Deepest navy - footer, hero overlays */
  --mass-navy-mid:   #123152;   /* Mid navy - alternate dark bands */
  --mass-navy-soft:  #1c4067;   /* Soft navy - borders/hovers on dark */
  --mass-gold:       #ad8e63;   /* Accent brown/gold - buttons, icons, links */
  --mass-gold-dark:  #8c7148;   /* Deep gold - hover/pressed states */
  --mass-gold-light: #d1ae7c;   /* Light gold - highlights, dividers */
  --mass-gold-pale:  #e8dcc7;   /* Pale gold - tints, soft borders */
  --mass-cream:      #f7f4ee;   /* Off-white base - alternating sections */
  --mass-white:      #ffffff;   /* White */
  --mass-body:       #5b6472;   /* Body copy grey */
  --mass-heading:    #0b2239;   /* Heading colour */
}

/* ---- generated overrides ---- */

/* --- from style.css --- */
a {
  color: var(--mass-gold);
}
.btn-style-one {
  background: var(--mass-gold);
  border: 2px solid var(--mass-gold);
}
.btn-style-one .icon {
  background-color: var(--mass-navy-deep);
}
.btn-style-one:hover {
  border-color: var(--mass-gold);
  color: var(--mass-gold);
}
.btn-style-two {
  background-image: -ms-linear-gradient(top, var(--mass-gold) 0%, var(--mass-gold-dark) 100%);
  background-image: -moz-linear-gradient(top, var(--mass-gold) 0%, var(--mass-gold-dark) 100%);
  background-image: -o-linear-gradient(top, var(--mass-gold) 0%, var(--mass-gold-dark) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--mass-gold)), color-stop(100, var(--mass-gold-dark)));
  background-image: -webkit-linear-gradient(top, var(--mass-gold) 0%, var(--mass-gold-dark) 100%);
  background-image: linear-gradient(to bottom, var(--mass-gold) 0%, var(--mass-gold-dark) 100%);
}
.btn-style-two:hover {
  background-image: -ms-linear-gradient(top, var(--mass-gold-dark) 0%, var(--mass-gold) 100%);
  background-image: -moz-linear-gradient(top, var(--mass-gold-dark) 0%, var(--mass-gold) 100%);
  background-image: -o-linear-gradient(top, var(--mass-gold-dark) 0%, var(--mass-gold) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--mass-gold-dark)), color-stop(100, var(--mass-gold)));
  background-image: -webkit-linear-gradient(top, var(--mass-gold-dark) 0%, var(--mass-gold) 100%);
  background-image: linear-gradient(to bottom, var(--mass-gold-dark) 0%, var(--mass-gold) 100%);
}
.btn-style-three {
  background-color: var(--mass-cream);
}
.btn-style-three:hover {
  background-color: var(--mass-gold);
}
.btn-style-four {
  background-color: var(--mass-cream);
}
.btn-style-four:hover {
  background-image: -ms-linear-gradient(top, var(--mass-gold-dark) 0%, var(--mass-gold) 100%);
  background-image: -moz-linear-gradient(top, var(--mass-gold-dark) 0%, var(--mass-gold) 100%);
  background-image: -o-linear-gradient(top, var(--mass-gold-dark) 0%, var(--mass-gold) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--mass-gold-dark)), color-stop(100, var(--mass-gold)));
  background-image: -webkit-linear-gradient(top, var(--mass-gold-dark) 0%, var(--mass-gold) 100%);
  background-image: linear-gradient(to bottom, var(--mass-gold-dark) 0%, var(--mass-gold) 100%);
}
.btn-style-five {
  color: var(--mass-navy-deep);
}
.btn-style-five:hover {
  background-color: var(--mass-gold);
}
.btn-style-six {
  background-color: var(--mass-gold-light);
}
.btn-style-six:hover {
  background-color: var(--mass-gold-light);
}
.btn-style-seven:hover {
  background-color: var(--mass-gold-light);
}
.btn-style-eight:hover {
  background-color: var(--mass-gold-light);
}
.btn-style-nine {
  border: 2px solid var(--mass-gold-dark);
  background-color: var(--mass-gold-dark);
}
.btn-style-nine:hover {
  color: var(--mass-gold-dark);
}
.btn-style-ten {
  background-color: var(--mass-cream);
}
.btn-style-ten:hover {
  background-color: var(--mass-gold-dark);
}
.btn-style-eleven {
  background: var(--mass-gold);
  border: 2px solid var(--mass-gold);
}
.btn-style-eleven .icon {
  background-color: var(--mass-gold-dark);
}
.btn-style-eleven:hover {
  border-color: var(--mass-gold);
  color: var(--mass-gold);
}
.btn-style-twelve:before {
  background-image: -ms-linear-gradient(left, var(--mass-gold) 0%, var(--mass-gold-dark) 100%);
  background-image: -moz-linear-gradient(left, var(--mass-gold) 0%, var(--mass-gold-dark) 100%);
  background-image: -o-linear-gradient(left, var(--mass-gold) 0%, var(--mass-gold-dark) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, var(--mass-gold)), color-stop(100, var(--mass-gold-dark)));
  background-image: -webkit-linear-gradient(left, var(--mass-gold) 0%, var(--mass-gold-dark) 100%);
  background-image: linear-gradient(to right, var(--mass-gold) 0%, var(--mass-gold-dark) 100%);
}
.btn-style-twelve:hover::before {
  background-image: -ms-linear-gradient(left, var(--mass-gold-dark) 0%, var(--mass-gold) 100%);
  background-image: -moz-linear-gradient(left, var(--mass-gold-dark) 0%, var(--mass-gold) 100%);
  background-image: -o-linear-gradient(left, var(--mass-gold-dark) 0%, var(--mass-gold) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, var(--mass-gold-dark)), color-stop(100, var(--mass-gold)));
  background-image: -webkit-linear-gradient(left, var(--mass-gold-dark) 0%, var(--mass-gold) 100%);
  background-image: linear-gradient(to right, var(--mass-gold-dark) 0%, var(--mass-gold) 100%);
}
.btn-style-fourteen:hover {
  background-image: -ms-linear-gradient(left, var(--mass-gold) 0%, var(--mass-gold-dark) 100%);
  background-image: -moz-linear-gradient(left, var(--mass-gold) 0%, var(--mass-gold-dark) 100%);
  background-image: -o-linear-gradient(left, var(--mass-gold) 0%, var(--mass-gold-dark) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, var(--mass-gold)), color-stop(100, var(--mass-gold-dark)));
  background-image: -webkit-linear-gradient(left, var(--mass-gold) 0%, var(--mass-gold-dark) 100%);
  background-image: linear-gradient(to right, var(--mass-gold) 0%, var(--mass-gold-dark) 100%);
}
.btn-style-fifteen {
  background-color: var(--mass-gold);
}
.btn-style-sixteen:before {
  background-image: -ms-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy-mid) 100%);
  background-image: -moz-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy-mid) 100%);
  background-image: -o-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy-mid) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--mass-gold)), color-stop(100, var(--mass-navy-mid)));
  background-image: -webkit-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy-mid) 100%);
  background-image: linear-gradient(to bottom, var(--mass-gold) 0%, var(--mass-navy-mid) 100%);
}
.btn-style-seventen {
  color: var(--mass-navy-deep);
}
.btn-style-seventen .icon {
  background-color: var(--mass-navy-deep);
}
.btn-style-seventen:hover {
  color: var(--mass-gold);
}
.btn-style-eighteen {
  background-color: var(--mass-cream);
}
.btn-style-eighteen:hover {
  background: -ms-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -moz-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -o-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--mass-gold)), color-stop(100, var(--mass-navy)));
  background: -webkit-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: linear-gradient(to bottom, var(--mass-gold) 0%, var(--mass-navy) 100%);
}
.social-icon-one li a {
  color: var(--mass-navy-deep);
}
.theme_color {
  color: var(--mass-gold);
}
.brown_color {
  color: var(--mass-gold);
}
.scroll-to-top {
  background: var(--mass-gold);
}
.scroll-to-top:hover {
  background: var(--mass-gold);
}
.sec-title .title {
  color: var(--mass-navy-deep);
}
.sec-title h2 {
  color: var(--mass-navy-deep);
}
.sec-title h2 span {
  color: var(--mass-gold);
}
.sec-title h2:after {
  background-color: var(--mass-navy-deep);
}
.sec-title .text {
  color: var(--mass-navy-mid);
}
.sec-title-two h2 span {
  color: var(--mass-gold);
}
.sec-title-three {
  border-left: 3px solid var(--mass-gold);
}
.sec-title-three .title {
  color: var(--mass-gold);
}
.list-style-one li {
  color: var(--mass-navy-deep);
}
.list-style-two li {
  color: var(--mass-gold-pale);
}
.list-style-four li {
  color: var(--mass-navy-deep);
}
.list-style-five li {
  color: var(--mass-navy-mid);
}
.main-header .top-right .cart-box .cart-box-btn .total-cart {
  background-color: var(--mass-gold);
}
.main-header .top-right .language .dropdown-menu {
  border-top: 3px solid var(--mass-gold);
}
.main-header .top-right .language .dropdown-menu > li > a:hover {
  background-color: var(--mass-gold);
}
.header-style-four .header-lower .search-box-btn,
.header-style-four .header-lower .outer-box .cart-box {
  color: var(--mass-gold-light) !important;
}
.main-header .header-lower .outer-box .cart-box-btn .total-cart {
  background-color: var(--mass-gold-light);
}
.main-header .header-lower .search-box-outer .dropdown-menu {
  border-top: 3px solid var(--mass-gold-light);
}
.main-header .header-lower .search-panel input:focus,
.main-header .header-lower .search-panel select:focus {
  border-color: var(--mass-gold-light);
}
.header-style-five .header-upper .search-box-outer .dropdown-menu {
  border-top: 3px solid var(--mass-gold-light);
}
.header-style-five .header-upper .search-panel input:focus,
.header-style-five .header-upper .search-panel select:focus {
  border-color: var(--mass-gold-light);
}
.main-header .header-lower .language .dropdown-menu {
  border-top: 3px solid var(--mass-gold-light);
}
.main-header .header-lower .language .dropdown-menu > li > a:hover {
  background-color: var(--mass-gold-light);
}
.main-header .header-upper .info-box {
  border-right: 1px solid var(--mass-gold-pale);
}
.main-header .header-upper .info-box .icon-box {
  color: var(--mass-navy-deep);
}
.header-style-three .main-menu .navigation > li > a:after {
  background: -ms-linear-gradient(left, var(--mass-gold-dark) 0%, var(--mass-gold-light) 100%);
  background: -moz-linear-gradient(left, var(--mass-gold-dark) 0%, var(--mass-gold-light) 100%);
  background: -o-linear-gradient(left, var(--mass-gold-dark) 0%, var(--mass-gold-light) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0, var(--mass-gold-dark)), color-stop(100, var(--mass-gold-light)));
  background: -webkit-linear-gradient(left, var(--mass-gold-dark) 0%, var(--mass-gold-light) 100%);
  background: linear-gradient(to right, var(--mass-gold-dark) 0%, var(--mass-gold-light) 100%);
}
.header-style-four .main-menu .navigation > li > ul {
  border-color: var(--mass-gold-dark);
}
.header-style-four .main-menu .navigation > li > ul > li > ul > li:hover > a,
.header-style-four .main-menu .navigation > li > ul > li:hover > a {
  background-color: var(--mass-gold-dark);
}
.header-style-four .main-menu .navigation > li > ul > li > ul {
  border-color: var(--mass-gold-dark);
}
.header-style-five .main-menu .navigation > li:hover > a,
.header-style-five .main-menu .navigation > li.current > a {
  color: var(--mass-gold);
}
.header-style-five .main-menu .navigation > li > ul {
  border-color: var(--mass-gold);
}
.header-style-five .main-menu .navigation > li > ul > li > ul > li:hover > a,
.header-style-five .main-menu .navigation > li > ul > li:hover > a {
  background-color: var(--mass-gold);
}
.header-style-five .main-menu .navigation > li > ul > li > ul {
  border-color: var(--mass-gold);
}
.header-style-five.five-alternate .main-menu .navigation > li:hover > a,
.header-style-five.five-alternate .main-menu .navigation > li.current > a {
  color: var(--mass-gold);
}
.header-style-five.five-alternate .main-menu .navigation > li > ul {
  border-color: var(--mass-gold);
}
.header-style-five.five-alternate .main-menu .navigation > li > ul > li > ul > li:hover > a,
.header-style-five.five-alternate .main-menu .navigation > li > ul > li:hover > a {
  background-color: var(--mass-gold);
}
.header-style-five.five-alternate .main-menu .navigation > li > ul > li > ul {
  border-color: var(--mass-gold);
}
.header-style-four .main-menu .navigation > li > a:after {
  background-color: var(--mass-gold);
}
.main-menu .navigation > li > ul {
  border: 3px solid var(--mass-gold);
}
.main-menu .navigation > li > ul > li:hover > a {
  background: var(--mass-gold);
}
.main-menu .navigation > li > ul > li > ul {
  border: 3px solid var(--mass-gold);
}
.main-menu .navigation > li > ul > li > ul > li:hover > a {
  background: var(--mass-gold);
}
.header-style-two .header-upper .upper-inner {
  border-bottom: 1px solid var(--mass-gold-pale);
}
.header-style-two .header-upper .upper-inner .logo-box {
  border: 1px solid var(--mass-gold-pale);
}
.main-slider.style-four .content h1:before {
  background-color: var(--mass-gold);
}
.main-slider .title {
  color: var(--mass-gold-light);
}
.main-slider h1 {
  color: var(--mass-navy-deep);
}
.main-slider h1:after {
  background-color: var(--mass-navy-deep);
}
.main-slider h1 span {
  color: var(--mass-gold);
}
.main-slider h1 span.alternate {
  background: linear-gradient(to right, var(--mass-gold-dark) 0%, var(--mass-gold-light) 100%);
}
.main-slider h1.style-two span {
  color: var(--mass-gold);
}
.main-slider .text {
  color: var(--mass-navy-mid);
}
.main-slider .owl-nav .owl-prev {
  color: var(--mass-gold);
  border: 1px solid var(--mass-gold);
}
.main-slider .owl-nav .owl-next {
  color: var(--mass-gold);
  border: 1px solid var(--mass-gold);
}
.main-slider.style-three .owl-nav .owl-prev,
.main-slider.style-three .owl-nav .owl-next {
  border-color: var(--mass-gold-dark);
  color: var(--mass-gold-dark);
}
.main-slider.style-three .owl-nav .owl-prev:hover,
.main-slider.style-three .owl-nav .owl-next:hover {
  border-color: var(--mass-gold-dark);
  background-color: var(--mass-gold-dark);
}
.main-slider .owl-nav .owl-prev:hover,
.main-slider .owl-nav .owl-next:hover {
  border-color: var(--mass-gold);
  background-color: var(--mass-gold);
}
.services-block .inner-box {
  background: -ms-linear-gradient(left, var(--mass-gold-pale) 0%, #ffffff 100%);
  background: -moz-linear-gradient(left, var(--mass-gold-pale) 0%, #ffffff 100%);
  background: -o-linear-gradient(left, var(--mass-gold-pale) 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0, var(--mass-gold-pale)), color-stop(100, #ffffff));
  background: -webkit-linear-gradient(left, var(--mass-gold-pale) 0%, #ffffff 100%);
  background: linear-gradient(to right, var(--mass-gold-pale) 0%, #ffffff 100%);
}
.services-block .inner-box .icon-box {
  background: -ms-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -moz-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -o-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--mass-gold)), color-stop(100, var(--mass-navy)));
  background: -webkit-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: linear-gradient(to bottom, var(--mass-gold) 0%, var(--mass-navy) 100%);
}
.services-block .inner-box h5 a {
  color: var(--mass-navy-deep);
}
.services-block .inner-box:hover h5 a {
  color: var(--mass-gold);
}
.services-block .inner-box .text {
  color: var(--mass-navy-mid);
}
.services-block .inner-box .plus-box {
  background-color: var(--mass-navy-deep);
}
.services-block .inner-box .plus-box .plus {
  background-color: var(--mass-navy-deep);
}
.about-section .content-column .inner-column .text p {
  color: var(--mass-navy-mid);
}
.about-section .content-column .question {
  color: var(--mass-navy-deep);
}
.about-section .content-column .question a {
  color: var(--mass-navy-deep);
}
.about-section .content-column .question strong {
  color: var(--mass-navy-deep);
}
.about-section .content-column .question .or {
  color: var(--mass-navy-deep);
}
.about-section .content-column .inner-column .signature h5 {
  color: var(--mass-navy-deep);
}
.about-section .content-column .inner-column .signature .designation {
  color: var(--mass-navy-mid);
}
.about-section.brown .fact-counter .count-outer,
.about-section.brown .content-column .inner-column .signature h5,
.about-section.brown .video-column .fact-counter .count-outer .count-text {
  color: var(--mass-gold);
}
.about-section.brown .video-box .overlay-box span {
  background-color: var(--mass-gold);
}
.video-box .overlay-box span {
  background-color: var(--mass-gold);
}
.fact-counter .count-outer {
  color: var(--mass-gold);
}
.fact-counter .count-outer .count-text {
  color: var(--mass-gold);
}
.fact-counter .column .counter-title {
  color: var(--mass-navy-deep);
}
.fact-counter.style-three .column .inner .icon-box {
  color: var(--mass-gold);
}
.gallery-block .inner-box .overlay-box .overlay-inner h3 a:hover {
  color: var(--mass-gold);
}
.gallery-section .owl-nav .owl-prev:hover,
.gallery-section .owl-nav .owl-next:hover {
  border-color: var(--mass-gold);
  background-color: var(--mass-gold);
}
.testimonial-section {
  background-color: var(--mass-navy-deep);
}
.testimonial-block .inner-box h3 {
  color: var(--mass-gold);
}
.testimonial-block .inner-box .author {
  color: var(--mass-gold-pale);
}
.testimonial-section .owl-nav .owl-prev:hover,
.testimonial-section .owl-nav .owl-next:hover {
  background-color: var(--mass-gold);
}
.services-block-two .inner-box .image .overlay-box-two:before {
  background-image: -ms-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background-image: -moz-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background-image: -o-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--mass-gold)), color-stop(100, var(--mass-navy)));
  background-image: -webkit-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background-image: linear-gradient(to bottom, var(--mass-gold) 0%, var(--mass-navy) 100%);
}
.case-section .sec-title .text,
.case-section .sec-title-two .text {
  color: var(--mass-navy-mid);
}
.case-block .inner-box .title {
  color: var(--mass-navy);
}
.case-block .inner-box h5 a {
  color: var(--mass-navy-deep);
}
.case-block .inner-box h5 a:hover {
  color: var(--mass-gold);
}
.case-block .inner-box .text {
  color: var(--mass-navy-mid);
}
.case-block .inner-box .arrow {
  background: -ms-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -moz-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -o-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--mass-gold)), color-stop(100, var(--mass-navy)));
  background: -webkit-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: linear-gradient(to bottom, var(--mass-gold) 0%, var(--mass-navy) 100%);
}
.case-block.style-two .inner-box {
  background: var(--mass-gold-dark);
}
.case-block.style-two:nth-child(2) .inner-box {
  background-color: var(--mass-gold-dark);
}
.case-block.style-two:nth-child(3) .inner-box {
  background-color: var(--mass-gold);
}
.team-block .inner-box .image .overlay-box .content h5 a {
  color: var(--mass-navy-deep);
}
.team-block .inner-box .image .overlay-box .content .social-outer .social-box {
  background: -ms-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -moz-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -o-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--mass-gold)), color-stop(100, var(--mass-navy)));
  background: -webkit-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: linear-gradient(to bottom, var(--mass-gold) 0%, var(--mass-navy) 100%);
}
.news-block .inner-box .image .overlay-box .plus {
  color: var(--mass-navy-deep);
}
.news-block .inner-box .image .overlay-box:before {
  background: -ms-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -moz-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -o-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--mass-gold)), color-stop(100, var(--mass-navy)));
  background: -webkit-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: linear-gradient(to bottom, var(--mass-gold) 0%, var(--mass-navy) 100%);
}
.news-block .inner-box .lower-content .post-date {
  color: var(--mass-navy);
}
.news-block .inner-box .lower-content h5 a {
  color: var(--mass-navy-deep);
}
.news-block .inner-box .lower-content h5 a:hover {
  color: var(--mass-gold);
}
.news-block .inner-box .lower-content .text {
  color: var(--mass-navy-mid);
}
.map-info-section .outer-container .right-column .content h2 span {
  color: var(--mass-gold);
}
.map-info-section.alternate .outer-container .right-column .content h2 span {
  color: var(--mass-gold);
}
.list-link li a {
  color: var(--mass-gold-pale);
}
.main-footer .footer-bottom .copyright-column .copyright {
  color: var(--mass-gold-pale);
}
.main-footer.style-two .footer-bottom .social-column ul li a:hover,
.main-footer.style-two .footer-bottom .copyright-column .copyright a,
.main-footer.style-two .list-style-two li .icon {
  color: var(--mass-gold);
}
.main-footer.style-three .footer-bottom .social-column ul li a:hover,
.main-footer.style-three .footer-bottom .copyright-column .copyright a,
.main-footer.style-three .list-style-two li .icon {
  color: var(--mass-gold);
}
.services-section-three {
  background-color: var(--mass-cream);
}
.services-block-three .inner-box:before {
  background-color: var(--mass-gold);
}
.services-block-three .inner-box:after {
  background-color: var(--mass-gold);
}
.services-block-three .inner-box .icon-box {
  background-image: -ms-linear-gradient(right, var(--mass-gold-dark) 0%, var(--mass-gold) 100%);
  background-image: -moz-linear-gradient(right, var(--mass-gold-dark) 0%, var(--mass-gold) 100%);
  background-image: -o-linear-gradient(right, var(--mass-gold-dark) 0%, var(--mass-gold) 100%);
  background-image: -webkit-gradient(linear, right top, left top, color-stop(0, var(--mass-gold-dark)), color-stop(100, var(--mass-gold)));
  background-image: -webkit-linear-gradient(right, var(--mass-gold-dark) 0%, var(--mass-gold) 100%);
  background-image: linear-gradient(to left, var(--mass-gold-dark) 0%, var(--mass-gold) 100%);
}
.services-block-three .inner-box h6 a {
  color: var(--mass-navy-deep);
}
.services-block-three .inner-box:hover h6 a {
  color: var(--mass-gold);
}
.services-block-three .inner-box .text {
  color: var(--mass-navy-mid);
}
.services-block-three.style-two .inner-box .icon-box {
  background-image: -ms-linear-gradient(bottom, var(--mass-gold) 0%, var(--mass-navy-mid) 100%);
  background-image: -moz-linear-gradient(bottom, var(--mass-gold) 0%, var(--mass-navy-mid) 100%);
  background-image: -o-linear-gradient(bottom, var(--mass-gold) 0%, var(--mass-navy-mid) 100%);
  background-image: -webkit-gradient(linear, bottom, left top, color-stop(0, var(--mass-gold)), color-stop(100, var(--mass-navy-mid)));
  background-image: -webkit-linear-gradient(bottom, var(--mass-gold) 0%, var(--mass-navy-mid) 100%);
  background-image: linear-gradient(to bottom, var(--mass-gold) 0%, var(--mass-navy-mid) 100%);
}
.about-section-two .content-column .inner-column h3 {
  color: var(--mass-navy-deep);
}
.about-section-two .content-column .inner-column h3 span {
  color: var(--mass-gold);
}
.about-section-two .content-column .inner-column .text p {
  color: var(--mass-navy-mid);
}
.services-section-four {
  background-color: var(--mass-cream);
}
.services-section-four .sec-title .text {
  color: var(--mass-navy-mid);
}
.services-block-four .inner-box .image .overlay-box {
  background-color: rgba(7, 24, 41,0.90);
}
.services-block-four .inner-box .image .overlay-box-two {
  background-color: rgba(7, 24, 41,0.92);
}
.services-block-four .inner-box .image .overlay-box-two .read-more {
  color: var(--mass-gold-light);
}
.business-section .title-column .inner-column h2 {
  color: var(--mass-navy-deep);
}
.business-section .title-column .inner-column h2 span {
  color: var(--mass-gold);
}
.business-section .title-column .inner-column .text {
  color: var(--mass-navy-mid);
}
.business-section .contents-column .inner-column .title-box h2 {
  color: var(--mass-navy-deep);
}
.business-section .contents-column .inner-column .title-box h2 span {
  color: var(--mass-gold);
}
.services-block-five .inner-box .icon-box {
  background-image: -ms-linear-gradient(top, var(--mass-gold) 0%, var(--mass-gold-dark) 100%);
  background-image: -moz-linear-gradient(top, var(--mass-gold) 0%, var(--mass-gold-dark) 100%);
  background-image: -o-linear-gradient(top, var(--mass-gold) 0%, var(--mass-gold-dark) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--mass-gold)), color-stop(100, var(--mass-gold-dark)));
  background-image: -webkit-linear-gradient(top, var(--mass-gold) 0%, var(--mass-gold-dark) 100%);
  background-image: linear-gradient(to bottom, var(--mass-gold) 0%, var(--mass-gold-dark) 100%);
}
.services-block-five .inner-box h6 a {
  color: var(--mass-navy-deep);
}
.services-block-five .inner-box h6 a:hover {
  color: var(--mass-gold);
}
.services-block-five .inner-box .text {
  color: var(--mass-navy-mid);
}
.business-section .contents-column .testimonial-boxed .inner-boxed h2 span {
  color: var(--mass-gold-light);
}
.testimonial-block-two .inner-box .content-box {
  background-color: var(--mass-gold);
}
.testimonial-block-two .inner-box .content-box:after {
  border-top: 20px solid var(--mass-gold);
}
.testimonial-block-two .inner-box .lower-box .lower-inner .designation {
  color: var(--mass-gold-light);
}
.business-section .contents-column .testimonial-boxed .owl-dots .owl-dot {
  background-color: var(--mass-gold-light);
}
.business-section .contents-column .awards-blocks .awards-inner h2 {
  color: var(--mass-navy-deep);
}
.business-section .contents-column .awards-blocks .awards-inner h2 span {
  color: var(--mass-gold);
}
.business-section .contents-column .awards-blocks .awards-inner .text {
  color: var(--mass-navy-mid);
}
.faq-section {
  background-color: var(--mass-cream);
}
.faq-section .side-image:before {
  background-image: -ms-linear-gradient(left, var(--mass-navy-deep) 0%, var(--mass-gold) 100%);
  background-image: -moz-linear-gradient(left, var(--mass-navy-deep) 0%, var(--mass-gold) 100%);
  background-image: -o-linear-gradient(left, var(--mass-navy-deep) 0%, var(--mass-gold) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, var(--mass-navy-deep)), color-stop(100, var(--mass-gold)));
  background-image: -webkit-linear-gradient(left, var(--mass-navy-deep) 0%, var(--mass-gold) 100%);
  background-image: linear-gradient(to right, var(--mass-navy-deep) 0%, var(--mass-gold) 100%);
}
.accordion-box .block:first-child {
  border-top: 1px solid var(--mass-gold-pale);
}
.accordion-box .block {
  border-bottom: 1px solid var(--mass-gold-pale);
}
.accordion-box .block .acc-btn {
  color: var(--mass-navy-deep);
}
.accordion-box .block .icon-outer {
  color: var(--mass-cream);
  background-image: -ms-linear-gradient(top, var(--mass-gold) 0%, var(--mass-gold-dark) 100%);
  background-image: -moz-linear-gradient(top, var(--mass-gold) 0%, var(--mass-gold-dark) 100%);
  background-image: -o-linear-gradient(top, var(--mass-gold) 0%, var(--mass-gold-dark) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--mass-gold)), color-stop(100, var(--mass-gold-dark)));
  background-image: -webkit-linear-gradient(top, var(--mass-gold) 0%, var(--mass-gold-dark) 100%);
  background-image: linear-gradient(to bottom, var(--mass-gold) 0%, var(--mass-gold-dark) 100%);
}
.accordion-box .block .acc-btn.active .icon-outer .icon-minus {
  color: var(--mass-cream);
}
.accordion-box .block .content p {
  color: var(--mass-navy-mid);
}
.news-block-two .inner-box .image .overlay-box .plus {
  color: var(--mass-navy-deep);
}
.news-block-two .inner-box .image .overlay-box:before {
  background-color: rgba(7, 24, 41,0.90);
}
.news-block-two .inner-box .lower-content .post-meta li {
  color: var(--mass-navy);
}
.news-block-two .inner-box .lower-content .post-meta li .fa {
  color: var(--mass-gold);
}
.news-block-two .inner-box .lower-content h5 a {
  color: var(--mass-navy-deep);
}
.news-block-two .inner-box .lower-content h5 a:hover {
  color: var(--mass-gold);
}
.news-block-two.brown .inner-box .image .overlay-box .plus {
  background-color: var(--mass-gold);
}
.news-block-two.brown .inner-box:hover .lower-content {
  border-color: var(--mass-gold);
}
.news-block-two.brown .inner-box .lower-content h5 a:hover {
  color: var(--mass-gold);
}
.news-block-two.red .inner-box .image .overlay-box .plus {
  color: var(--mass-gold);
}
.call-to-action-two h2 span {
  color: var(--mass-gold);
}
.services-section-five .services-text {
  color: var(--mass-navy-deep);
}
.services-block-six .inner-box h6 a {
  color: var(--mass-navy-deep);
}
.services-block-six .inner-box h6 a:hover {
  color: var(--mass-gold-light);
}
.services-block-six .inner-box .text {
  color: var(--mass-navy-mid);
}
.about-section-three .content-column .inner-column .bold-text {
  color: var(--mass-navy-mid);
}
.about-section-three .content-column .inner-column .text {
  color: var(--mass-navy-mid);
}
.company-info-tabs .company-tabs .tab-btns .tab-btn {
  background: var(--mass-gold-light);
}
.company-info-tabs .company-tabs .tab-btns .tab-btn:hover,
.company-info-tabs .company-tabs .tab-btns .tab-btn.active-btn {
  color: var(--mass-navy-deep);
}
.services-block-seven .inner-box .icon-box {
  color: var(--mass-gold-light);
}
.services-block-seven .inner-box .text {
  color: var(--mass-navy-mid);
}
.services-block-eight .inner-box .icon-box {
  color: var(--mass-navy-deep);
}
.services-block-eight .inner-box h5 a {
  color: var(--mass-navy-deep);
}
.services-block-eight .inner-box .text {
  color: var(--mass-navy-mid);
}
.services-block-eight .inner-box .overlay-box {
  background-image: -ms-linear-gradient(top, var(--mass-gold-dark) 0%, var(--mass-gold-light) 100%);
  background-image: -moz-linear-gradient(top, var(--mass-gold-dark) 0%, var(--mass-gold-light) 100%);
  background-image: -o-linear-gradient(top, var(--mass-gold-dark) 0%, var(--mass-gold-light) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--mass-gold-dark)), color-stop(100, var(--mass-gold-light)));
  background-image: -webkit-linear-gradient(top, var(--mass-gold-dark) 0%, var(--mass-gold-light) 100%);
  background-image: linear-gradient(to bottom, var(--mass-gold-dark) 0%, var(--mass-gold-light) 100%);
}
.testimonial-section-two .owl-nav .owl-prev,
.testimonial-section-two .owl-nav .owl-next {
  color: var(--mass-navy-deep);
}
.testimonial-section-two .owl-nav .owl-prev:hover,
.testimonial-section-two .owl-nav .owl-next:hover {
  background-color: var(--mass-gold-light);
}
.testimonial-block-three .inner-box .content-column h5 {
  color: var(--mass-gold-light);
}
.services-block-nine .inner-box .icon-outer .icon-box:before {
  background: -webkit-linear-gradient(top,var(--mass-gold-dark), var(--mass-gold-light));
  background: -moz-linear-gradient(top,var(--mass-gold-dark), var(--mass-gold-light));
  background: -o-linear-gradient(top,var(--mass-gold-dark), var(--mass-gold-light));
  background: -ms-linear-gradient(top,var(--mass-gold-dark), var(--mass-gold-light));
}
.services-block-nine .inner-box .lower-box h6 a {
  color: var(--mass-navy-deep);
}
.services-block-nine .inner-box .lower-box h6 a:hover {
  color: var(--mass-gold-light);
}
.services-block-nine .inner-box .lower-box .contact {
  color: var(--mass-gold-light);
}
.services-block-nine .inner-box .lower-box .contact .arrow {
  color: var(--mass-gold-light);
}
.pricing-tabs .tab-btns .tab-btn {
  color: var(--mass-navy-mid);
}
.pricing-tabs .tab-btns .tab-btn .save {
  color: var(--mass-navy-mid);
  background-color: var(--mass-cream);
}
.pricing-tabs .tab-btns .tab-btn:hover,
.pricing-tabs .tab-btns .tab-btn.active-btn {
  color: var(--mass-navy-mid);
}
.pricing-tabs .tab-btns .tab-btn:hover .circle,
.pricing-tabs .tab-btns .tab-btn.active-btn .circle {
  border-color: var(--mass-gold-light);
}
.price-block .inner-box .recomend {
  background-color: var(--mass-gold-light);
}
.price-block .inner-box .title-box h5 {
  color: var(--mass-navy-deep);
}
.price-block .inner-box .title-box .text {
  color: var(--mass-navy-mid);
}
.price-block .inner-box .price {
  background: -webkit-linear-gradient(top,var(--mass-gold-dark), var(--mass-gold-light));
  background: -moz-linear-gradient(top,var(--mass-gold-dark), var(--mass-gold-light));
  background: -o-linear-gradient(top,var(--mass-gold-dark), var(--mass-gold-light));
  background: -ms-linear-gradient(top,var(--mass-gold-dark), var(--mass-gold-light));
}
.price-block .inner-box .price-list li {
  color: var(--mass-navy-deep);
}
.price-block .inner-box .price-list li:before {
  color: var(--mass-gold-light);
}
.price-block .inner-box .price-list li:hover {
  background-color: var(--mass-cream);
}
.price-block.style-two .inner-box .recomend {
  background-image: -ms-linear-gradient(top, var(--mass-gold) 0%, var(--mass-gold-dark) 100%);
  background-image: -moz-linear-gradient(top, var(--mass-gold) 0%, var(--mass-gold-dark) 100%);
  background-image: -o-linear-gradient(top, var(--mass-gold) 0%, var(--mass-gold-dark) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--mass-gold)), color-stop(100, var(--mass-gold-dark)));
  background-image: -webkit-linear-gradient(top, var(--mass-gold) 0%, var(--mass-gold-dark) 100%);
  background-image: linear-gradient(to bottom, var(--mass-gold) 0%, var(--mass-gold-dark) 100%);
}
.price-block.style-two .inner-box .price {
  background: -ms-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -moz-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -o-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--mass-gold)), color-stop(100, var(--mass-navy)));
  background: -webkit-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: linear-gradient(to bottom, var(--mass-gold) 0%, var(--mass-navy) 100%);
}
.services-section-seven .inner-container .services-block-ten:nth-child(2) .inner-box {
  background-color: var(--mass-gold-dark);
}
.services-section-seven .inner-container .services-block-ten:nth-child(3) .inner-box {
  background-color: var(--mass-gold);
}
.services-block-ten .inner-box {
  background-color: var(--mass-gold-dark);
}
.services-section-eight {
  background-color: var(--mass-cream);
}
.services-block-eleven .inner-box .border-one:before {
  background-color: var(--mass-gold);
}
.services-block-eleven .inner-box .border-one:after {
  background-color: var(--mass-gold);
}
.services-block-eleven .inner-box .border-two:before {
  background-color: var(--mass-gold);
}
.services-block-eleven .inner-box .border-two:after {
  background-color: var(--mass-gold);
}
.services-block-eleven .inner-box .icon-box {
  background-color: var(--mass-gold);
}
.services-block-eleven .inner-box .content h6 a:hover {
  color: var(--mass-gold);
}
.services-block-twelve .inner-box .image .overlay-box .arrow-box {
  background-color: var(--mass-gold);
}
.services-block-twelve .inner-box .overlay-box-two {
  background-color: var(--mass-gold);
}
.testimonial-section-three {
  background-color: var(--mass-cream);
}
.testimonial-section-three .owl-dots .owl-dot.active,
.testimonial-section-three .owl-dots .owl-dot:hover {
  background-color: var(--mass-gold);
}
.testimonial-block-four .inner-box:before {
  background-color: var(--mass-gold);
}
.testimonial-block-four .inner-box:after {
  background-color: var(--mass-gold);
}
.testimonial-block-four .inner-box:hover .quote-icon {
  color: var(--mass-gold);
}
.testimonial-block-four .inner-box .image-outer:before {
  border: 2px solid var(--mass-gold-light);
}
.testimonial-block-four .inner-box h5 {
  color: var(--mass-gold-dark);
}
.about-section-four .skills-column .inner-column .text p {
  color: var(--mass-navy-mid);
}
.services-block-thirteen .inner-box .icon-box {
  background-color: var(--mass-gold);
}
.services-block-thirteen .inner-box:hover h5 {
  color: var(--mass-gold);
}
.about-section-four .skills-column .skills.style-two .skill-item .skill-header .skill-title {
  color: var(--mass-navy-mid);
}
.services-section-ten {
  background-color: var(--mass-cream);
}
.services-block-fourteen .inner-box .box-one:before {
  background-color: var(--mass-gold);
}
.services-block-fourteen .inner-box .box-one:after {
  background-color: var(--mass-gold);
}
.services-block-fourteen .inner-box .box-two:before {
  background-color: var(--mass-gold);
}
.services-block-fourteen .inner-box .box-two:after {
  background-color: var(--mass-gold);
}
.services-block-fourteen .inner-box .icon-box {
  color: var(--mass-gold);
}
.services-block-fourteen.style-two .inner-box:before {
  background-image: -ms-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy-deep) 100%);
  background-image: -moz-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy-deep) 100%);
  background-image: -o-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy-deep) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--mass-gold)), color-stop(100, var(--mass-navy-deep)));
  background-image: -webkit-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy-deep) 100%);
  background-image: linear-gradient(to bottom, var(--mass-gold) 0%, var(--mass-navy-deep) 100%);
}
.services-block-fourteen.style-two .icon-box {
  color: var(--mass-gold);
}
.feature-section .feature-tabs .tab-btns .tab-btn:after {
  border-left: 15px solid var(--mass-gold);
}
.feature-section .feature-tabs .tab-btns .tab-btn.active-btn,
.feature-section .feature-tabs .tab-btns .tab-btn:hover {
  background-color: var(--mass-gold);
  border-color: var(--mass-gold);
}
.feature-section .feature-tabs.style-two .tab-btns .tab-btn.active-btn,
.feature-section .feature-tabs.style-two .tab-btns .tab-btn:hover {
  border-color: var(--mass-gold);
  background-image: -ms-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy-mid) 100%);
  background-image: -moz-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy-mid) 100%);
  background-image: -o-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy-mid) 100%);
  background-image: -webkit-gradient(linear, top , top, color-stop(0, var(--mass-gold)), color-stop(100, var(--mass-navy-mid)));
  background-image: -webkit-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy-mid) 100%);
  background-image: linear-gradient(to top, var(--mass-gold) 0%, var(--mass-navy-mid) 100%);
}
.team-block-two .inner-box .lower-content:before {
  background-color: var(--mass-gold);
}
.team-block-two .inner-box .lower-content:after {
  background-color: var(--mass-gold);
}
.team-block-two.style-two .inner-box .lower-content:after {
  background: -ms-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -moz-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -o-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--mass-gold)), color-stop(100, var(--mass-navy)));
  background: -webkit-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: linear-gradient(to bottom, var(--mass-gold) 0%, var(--mass-navy) 100%);
}
.request-form button {
  background-image: -ms-linear-gradient(left, var(--mass-gold) 0%, var(--mass-gold-dark) 100%);
  background-image: -moz-linear-gradient(left, var(--mass-gold) 0%, var(--mass-gold-dark) 100%);
  background-image: -o-linear-gradient(left, var(--mass-gold) 0%, var(--mass-gold-dark) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, var(--mass-gold)), color-stop(100, var(--mass-gold-dark)));
  background-image: -webkit-linear-gradient(left, var(--mass-gold) 0%, var(--mass-gold-dark) 100%);
  background-image: linear-gradient(to right, var(--mass-gold) 0%, var(--mass-gold-dark) 100%);
}
.page-title .content {
  border-left: 4px solid var(--mass-gold);
}
.page-title .page-breadcrumb li a:hover {
  color: var(--mass-gold);
}
.case-block-two .inner-box .image .overlay-box .plus {
  color: var(--mass-navy-deep);
}
.case-block-two .inner-box .lower-content .category {
  color: var(--mass-navy);
}
.case-block-two .inner-box .lower-content h4 a {
  color: var(--mass-navy-deep);
}
.case-block-two .inner-box .lower-content h4 a:hover {
  color: var(--mass-gold);
}
.case-block-two .inner-box .lower-content .text {
  color: var(--mass-navy-mid);
}
.styled-pagination li a:before {
  background-image: -ms-linear-gradient(bottom, var(--mass-gold) 0%, var(--mass-navy-mid) 100%);
  background-image: -moz-linear-gradient(bottom, var(--mass-gold) 0%, var(--mass-navy-mid) 100%);
  background-image: -o-linear-gradient(bottom, var(--mass-gold) 0%, var(--mass-navy-mid) 100%);
  background-image: -webkit-gradient(linear, bottom, left top, color-stop(0, var(--mass-gold)), color-stop(100, var(--mass-navy-mid)));
  background-image: -webkit-linear-gradient(bottom, var(--mass-gold) 0%, var(--mass-navy-mid) 100%);
  background-image: linear-gradient(to bottom, var(--mass-gold) 0%, var(--mass-navy-mid) 100%);
}
.portfolio-section-three .filters li {
  color: var(--mass-navy-deep);
}
.portfolio-section-three .filters li:after {
  color: var(--mass-navy-deep);
}
.portfolio-section-three .filters li:before {
  background-color: var(--mass-gold);
}
.project-block .inner-box .image .overlay-box .plus {
  color: var(--mass-navy-deep);
}
.project-block .inner-box .image .overlay-box:before {
  background: -ms-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -moz-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -o-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--mass-gold)), color-stop(100, var(--mass-navy)));
  background: -webkit-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: linear-gradient(to bottom, var(--mass-gold) 0%, var(--mass-navy) 100%);
}
.project-block .inner-box .lower-content h5 a {
  color: var(--mass-navy-deep);
}
.project-block .inner-box .lower-content h5 a:hover {
  color: var(--mass-gold);
}
.project-block .inner-box .lower-content .designation {
  color: var(--mass-navy);
}
.project-block-two .inner-box .image .overlay-box:before {
  background: -ms-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -moz-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -o-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--mass-gold)), color-stop(100, var(--mass-navy)));
  background: -webkit-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: linear-gradient(to bottom, var(--mass-gold) 0%, var(--mass-navy) 100%);
}
.project-block-two .inner-box .image .overlay-box .plus {
  color: var(--mass-navy-deep);
}
.portfolio-single-section .content-column .inner-column h3 {
  color: var(--mass-navy-deep);
}
.portfolio-single-section .content-column .inner-column .project-list li strong {
  color: var(--mass-navy-deep);
}
.portfolio-single-section .content-column .inner-column .project-list li .icon {
  color: var(--mass-gold);
}
.error-section .inner-section .left-error {
  color: rgba(7, 24, 41,0.06);
}
.error-section .inner-section .right-error {
  color: rgba(7, 24, 41,0.06);
}
.error-section .inner-section .title {
  color: var(--mass-navy-deep);
}
.error-section .inner-section h1 {
  color: var(--mass-navy-deep);
}
.error-section .inner-section h1 span {
  color: var(--mass-gold);
}
.services-block-fifteen .inner-box .image .overlay-box .plus {
  color: var(--mass-navy-deep);
}
.services-block-fifteen .inner-box .image .overlay-box:before {
  background: -ms-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -moz-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -o-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--mass-gold)), color-stop(100, var(--mass-navy)));
  background: -webkit-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: linear-gradient(to bottom, var(--mass-gold) 0%, var(--mass-navy) 100%);
}
.services-block-fifteen .inner-box .lower-content .upper-box .icon {
  background: -webkit-gradient(linear, left top, left bottom, from(var(--mass-gold)), to(var(--mass-navy)));
}
.services-block-fifteen .inner-box .lower-content .upper-box h5 a:hover {
  color: var(--mass-gold);
}
.sidebar-title h4 {
  color: var(--mass-navy-deep);
}
.blog-cat li a {
  color: var(--mass-navy-deep);
}
.blog-cat li a:before {
  color: var(--mass-navy-deep);
}
.contact-widget ul li .icon {
  background: -webkit-gradient(linear, left top, left bottom, from(var(--mass-gold)), to(var(--mass-navy)));
}
.brochures-widget .files li a .fa {
  color: var(--mass-gold);
}
.brochures-widget .files li a:before {
  background: -ms-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -moz-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -o-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--mass-gold)), color-stop(100, var(--mass-navy)));
  background: -webkit-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: linear-gradient(to bottom, var(--mass-gold) 0%, var(--mass-navy) 100%);
}
.services-single h4 {
  color: var(--mass-navy-deep);
}
.services-single .text p {
  color: var(--mass-navy-deep);
}
.services-single .services-gallery .owl-dots .owl-dot:hover,
.services-single .services-gallery .owl-dots .owl-dot.active {
  background-color: var(--mass-gold);
  border: 2px solid var(--mass-gold);
}
.services-single .service-tabs .tab-btns .tab-btn {
  color: var(--mass-navy-deep);
}
.services-single .service-tabs .tab-btns .tab-btn:before {
  background: -ms-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -moz-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -o-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--mass-gold)), color-stop(100, var(--mass-navy)));
  background: -webkit-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: linear-gradient(to bottom, var(--mass-gold) 0%, var(--mass-navy) 100%);
}
.services-single .service-tabs .tabs-content .tab .content p {
  color: var(--mass-navy-deep);
}
.more-services a:hover {
  color: var(--mass-navy-mid);
}
.news-block-three .inner-box .overlay-box span {
  background-color: var(--mass-gold);
}
.news-block-three .inner-box .lower-content .post-meta {
  border-bottom: 1px solid var(--mass-gold-pale);
}
.news-block-three .inner-box .lower-content .post-meta:before {
  background-color: var(--mass-gold);
}
.news-block-three .inner-box .lower-content .post-meta li .fa {
  color: var(--mass-gold);
}
.news-block-three .inner-box .lower-content h4 a {
  color: var(--mass-navy-deep);
}
.news-block-three .inner-box .lower-content h3 a:hover {
  color: var(--mass-gold);
}
.styled-pagination-two li a {
  background: var(--mass-cream);
}
.styled-pagination-two li a:hover,
.styled-pagination-two li a.active {
  background-color: var(--mass-gold);
}
.news-block-four .inner-box .image .overlay-box .plus {
  color: var(--mass-navy-deep);
}
.news-block-four .inner-box .lower-content .post-meta li {
  color: var(--mass-navy);
}
.news-block-four .inner-box .lower-content .post-meta li .fa {
  color: var(--mass-gold);
}
.news-block-four .inner-box .lower-content h5 a {
  color: var(--mass-navy-deep);
}
.news-block-four .inner-box .lower-content h5 a:hover {
  color: var(--mass-gold);
}
.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"] {
  border: 1px solid var(--mass-gold-pale);
}
.sidebar .search-box .form-group button {
  border-left: 1px solid var(--mass-cream);
}
.blog-cat-two li a {
  color: var(--mass-navy-mid);
}
.blog-cat-two li a:before {
  background-color: var(--mass-gold);
}
.blog-cat-two li.active a,
.blog-cat-two li a:hover {
  color: var(--mass-gold);
}
.popular-posts .post .text {
  color: var(--mass-navy-mid);
}
.popular-posts .post .text a {
  color: var(--mass-navy-mid);
}
.popular-posts .post a:hover {
  color: var(--mass-gold);
}
.popular-posts .post-info {
  color: var(--mass-navy-mid);
}
.popular-posts .post-info:before {
  color: var(--mass-gold);
}
.sidebar .instagram-widget .image-box .overlay-box {
  background-color: var(--mass-gold);
}
.sidebar .popular-tags a {
  color: var(--mass-navy-mid);
  background-color: var(--mass-cream);
}
.blog-single .inner-box .lower-content .post-meta {
  border-bottom: 1px solid var(--mass-gold-pale);
}
.blog-single .inner-box .lower-content .post-meta:before {
  background-color: var(--mass-gold);
}
.blog-single .inner-box .lower-content .post-meta li .fa {
  color: var(--mass-gold);
}
.blog-single .inner-box .lower-content h4 {
  color: var(--mass-navy-deep);
}
.blog-single .inner-box .lower-content .text h5 {
  color: var(--mass-navy-mid);
}
.blog-single .inner-box .lower-content .text p {
  color: var(--mass-navy-mid);
}
.blog-single .inner-box .lower-content .text p a {
  color: var(--mass-navy-mid);
}
.blog-single .inner-box .lower-content blockquote {
  background-color: var(--mass-cream);
}
.blog-single .inner-box .lower-content blockquote .quote-text {
  color: var(--mass-navy-mid);
}
.blog-single .post-share-options .post-tags span {
  color: var(--mass-navy-mid);
}
.blog-single .post-share-options .post-tags a {
  color: var(--mass-navy-mid);
  background-color: var(--mass-cream);
}
.blog-single .post-share-options .post-tags a:hover {
  background: -ms-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -moz-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -o-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--mass-gold)), color-stop(100, var(--mass-navy)));
  background: -webkit-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: linear-gradient(to bottom, var(--mass-gold) 0%, var(--mass-navy) 100%);
}
.new-posts {
  border-top: 1px solid var(--mass-gold-pale);
  border-bottom: 1px solid var(--mass-gold-pale);
}
.sidebar-page-container .group-title h6 {
  color: var(--mass-navy-mid);
}
.sidebar-page-container .group-title h6:before {
  background-color: var(--mass-gold);
}
.sidebar-page-container .comments-area .comment .comment-inner {
  background-color: var(--mass-cream);
}
.sidebar-page-container .comments-area .comment .comment-reply:hover {
  background: -ms-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -moz-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -o-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--mass-gold)), color-stop(100, var(--mass-navy)));
  background: -webkit-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: linear-gradient(to bottom, var(--mass-gold) 0%, var(--mass-navy) 100%);
}
.sidebar-page-container .comments-area .comment-box strong {
  color: var(--mass-navy-mid);
}
.sidebar-page-container .comments-area .comment-box .text {
  color: var(--mass-navy-mid);
}
.comment-form .submit-btn {
  background: -ms-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -moz-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -o-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--mass-gold)), color-stop(100, var(--mass-navy)));
  background: -webkit-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: linear-gradient(to bottom, var(--mass-gold) 0%, var(--mass-navy) 100%);
}
.testimonial-block-five .inner-box:before {
  background-color: var(--mass-gold);
}
.testimonial-block-five .inner-box:after {
  background-color: var(--mass-gold);
}
.testimonial-block-five .inner-box:hover .quote-icon {
  color: var(--mass-gold);
}
.testimonial-block-five .inner-box .image-outer:before {
  border: 2px solid var(--mass-gold);
}
.testimonial-block-five .inner-box h5 {
  color: var(--mass-gold);
}
.contact-page-section .inner-container h2 {
  color: var(--mass-navy-deep);
}
.contact-page-section .inner-container h2 span {
  color: var(--mass-gold);
}
.contact-page-section .info-column .inner-column .text {
  color: var(--mass-navy-mid);
}
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="password"],
.contact-form select,
.contact-form textarea {
  background: var(--mass-cream);
  border: 1px solid var(--mass-cream);
}
.contact-form textarea {
  background: var(--mass-cream);
  border: 1px solid var(--mass-cream);
}
.contact-form .form-group .ui-selectmenu-button.ui-button {
  background-color: var(--mass-cream);
}
.contact-form input[type="text"]:focus,
.contact-form input[type="email"]:focus,
.contact-form input[type="password"]:focus,
.contact-form select:focus,
.contact-form textarea:focus {
  border-color: var(--mass-gold);
}
.contact-form .theme-btn {
  background: -ms-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -moz-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -o-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--mass-gold)), color-stop(100, var(--mass-navy)));
  background: -webkit-linear-gradient(top, var(--mass-gold) 0%, var(--mass-navy) 100%);
  background: linear-gradient(to bottom, var(--mass-gold) 0%, var(--mass-navy) 100%);
}

/* --- from responsive.css --- */
@media only screen and (max-width: 1023px) {
  .main-header.header-style-two .header-lower {
    background-color: var(--mass-navy-deep);
  }
}

@media only screen and (max-width: 767px) {
  .main-menu .navbar-header .navbar-toggle {
    border: 1px solid var(--mass-gold);
    background: var(--mass-gold);
  }
  .main-menu .navbar-collapse > .navigation > li > a:hover,
  .main-menu .navbar-collapse > .navigation > li > a:active,
  .main-menu .navbar-collapse > .navigation > li > a:focus {
    background: var(--mass-gold);
  }
}



/* ==========================================================================
   MASS Financialhealth Limited - brand surfaces & components
   --------------------------------------------------------------------------
   Hand-written layer on top of the generated palette overrides above. It
   repaints the theme's remaining hard-coded dark/neutral surfaces in the brand
   navy, and styles the small number of .mass-* helpers used by the views.
   All colours reference the :root variables at the top of this file.
   ========================================================================== */

/* ---------------------------------------------------------------- surfaces */

.main-header .header-top .inner-container,
.header-top .inner-container:before {
  background-color: var(--mass-navy-deep);
}

.main-header .top-left:before {
  border-top-color: var(--mass-navy-deep);
}

.main-header .top-left .contact-list li,
.main-header .top-left .contact-list li a,
.main-header .top-left .contact-list li i {
  color: var(--mass-gold-pale);
}

.main-header .top-left .contact-list li a:hover {
  color: var(--mass-gold-light);
}

.main-header .top-left .contact-list li {
  font-size: 14px;
  margin-right: 22px;
}

.main-header .top-left .contact-list li i {
  margin-right: 9px;
  color: var(--mass-gold);
}

.mass-top-location {
  float: left;
  font-size: 14px;
  color: var(--mass-gold-pale);
  line-height: 26px;
  padding-right: 22px;
  margin-right: 20px;
  border-right: 1px solid rgba(255, 255, 255, 0.18);
}

.mass-top-location .fa {
  color: var(--mass-gold);
  margin-right: 8px;
}

.mass-social {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mass-social li {
  display: inline-block;
  margin-left: 10px;
}

.mass-social li a {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
  border-radius: 50%;
  color: var(--mass-navy-deep);
  background-color: var(--mass-gold);
  transition: all 300ms ease;
}

.mass-social li a:hover {
  background-color: var(--mass-white);
  color: var(--mass-navy-deep);
}

.mass-social.footer,
.mass-social.contact {
  float: none;
  margin-top: 22px;
}

.mass-social.footer li,
.mass-social.contact li {
  margin-left: 0;
  margin-right: 10px;
}

/* header CTA button */
.mass-header-btn {
  display: inline-block;
  padding: 12px 26px;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0.3px;
  border-radius: 2px;
  color: var(--mass-white) !important;
  background-color: var(--mass-gold);
  font-family: 'Poppins', sans-serif;
}

.mass-header-btn:hover {
  background-color: var(--mass-navy);
  color: var(--mass-white) !important;
}

.header-style-four .header-lower .outer-box {
  padding: 26px 0px;
  margin-left: 30px;
}

.sticky-header {
  background: var(--mass-navy-deep);
}

.sticky-header .main-menu .navigation > li > a:hover,
.sticky-header .main-menu .navigation > li.current > a {
  color: var(--mass-gold-light) !important;
}

.sticky-header .logo img {
  max-height: 46px;
  width: auto;
}

.main-header .header-lower .logo img {
  max-height: 102px;
  width: auto;
}

/* inner page banner */
.page-title:before {
  background-color: rgba(7, 24, 41, 0.72);
}

.page-title .content {
  border-left-color: var(--mass-gold);
}

.mass-banner-sub {
  position: relative;
  color: var(--mass-gold-light);
  font-size: 17px;
  line-height: 1.6em;
  margin-bottom: 16px;
  max-width: 720px;
}

/* footer */
.main-footer,
.main-footer.style-two {
  background-color: var(--mass-navy-deep);
}

.main-footer .footer-bottom {
  background-color: rgba(0, 0, 0, 0.22);
}

.main-footer .footer-widget h4 {
  color: var(--mass-white);
  position: relative;
  padding-bottom: 14px;
  margin-bottom: 24px;
}

.main-footer .footer-widget h4:after {
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
  width: 42px;
  height: 2px;
  background-color: var(--mass-gold);
}

.main-footer .logo-widget .logo img {
  max-width: 120px;
  height: auto;
}

.main-footer .logo-widget .text {
  color: var(--mass-gold-pale);
  font-size: 14px;
  line-height: 1.85em;
  margin-bottom: 18px;
}

.mass-footer-tagline {
  position: relative;
  color: var(--mass-gold-light);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5em;
  margin-bottom: 4px;
  font-family: 'Playfair Display', serif;
  font-style: italic;
}

.mass-footer-tagline.alt {
  color: var(--mass-gold);
}

.mass-footer-team {
  position: relative;
  color: rgba(255, 255, 255, 0.62);
  font-size: 12.5px;
  line-height: 1.7em;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.main-footer .list-link li a,
.main-footer .list-style-two li,
.main-footer .list-style-two li a {
  color: var(--mass-gold-pale);
  font-size: 14px;
  line-height: 1.7em;
}

.main-footer .list-link li a:hover,
.main-footer .list-style-two li a:hover {
  color: var(--mass-gold-light);
}

.main-footer .list-style-two li .icon {
  color: var(--mass-gold);
}

.main-footer .list-style-two li {
  margin-bottom: 14px;
}

.mass-disclaimer {
  position: relative;
  margin-top: 20px;
  padding: 18px 22px;
  border-radius: 3px;
  font-size: 12px;
  line-height: 1.75em;
  color: rgba(255, 255, 255, 0.66);
  background-color: rgba(255, 255, 255, 0.04);
  border-left: 3px solid var(--mass-gold);
}

.main-footer .footer-bottom .copyright-column .copyright {
  color: var(--mass-gold-pale);
  font-size: 14px;
}

.main-footer .footer-bottom .social-column ul {
  text-align: right;
}

.main-footer .footer-bottom .social-column ul li {
  display: inline-block;
  margin-left: 22px;
}

.main-footer .footer-bottom .social-column ul li a {
  color: var(--mass-gold-pale);
  font-size: 14px;
}

.main-footer .footer-bottom .social-column ul li a:hover {
  color: var(--mass-gold-light);
}

/* dark bands */
.call-to-action:before {
  background-color: rgba(7, 24, 41, 0.86);
}

.call-to-action {
  padding: 95px 0px 95px;
}

.call-to-action .btns-box a {
  margin: 0px 8px 12px;
}

.mass-cta-text {
  position: relative;
  max-width: 720px;
  margin: -18px auto 32px;
  color: var(--mass-gold-pale);
  font-size: 16px;
  line-height: 1.8em;
}

.call-to-action-two {
  background-color: var(--mass-navy);
}

.call-to-action-two h2 span {
  color: var(--mass-gold-light);
  font-style: italic;
  font-family: 'Playfair Display', serif;
}

.contact-info-section:before {
  background-color: rgba(7, 24, 41, 0.88);
}

.banner-widget .widget-content:before {
  background-color: rgba(7, 24, 41, 0.86);
}

.banner-widget .widget-content .logo img {
  width: 64px;
  height: 64px;
}

.map-info-section .outer-container .right-column:before {
  background-color: rgba(7, 24, 41, 0.90);
}

/* ------------------------------------------------------------- typography */

body {
  color: var(--mass-body);
}

h1, h2, h3, h4, h5, h6 {
  color: var(--mass-heading);
}

.sec-title .title,
.sec-title-two .title {
  color: var(--mass-gold);
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 12px;
}

.sec-title h2,
.sec-title-two h2 {
  color: var(--mass-navy);
}

.sec-title h2 span,
.sec-title-two h2 span {
  color: var(--mass-gold);
}

.sec-title.centered h2:after {
  left: 50%;
  margin-left: -25px;
}

.sec-title .text,
.sec-title-two .text {
  color: var(--mass-body);
  max-width: 820px;
}

.sec-title.centered .text,
.sec-title-two.centered .text {
  margin-left: auto;
  margin-right: auto;
}

.sec-title-two.light h2,
.sec-title-two.light .title {
  color: var(--mass-white);
}

.sec-title-two.light h2 span {
  color: var(--mass-gold-light);
}

/* main slider */
.main-slider .slide {
  padding: 190px 0px 200px;
  background-size: cover;
  background-position: center center;
}

.main-slider .content .title {
  color: var(--mass-gold-light);
  letter-spacing: 3px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 18px;
}

.main-slider h1,
.main-slider .content h1 {
  color: var(--mass-white);
}

.main-slider .content .text {
  color: var(--mass-gold-pale);
  max-width: 640px;
  font-size: 17px;
  line-height: 1.8em;
}

.main-slider .btn-box a {
  margin-right: 14px;
  margin-bottom: 12px;
}

/* -------------------------------------------------------- generic sections */

.mass-highlights-two,
.mass-values,
.mass-why-about,
.mass-service-detail-rows {
  background-color: var(--mass-cream);
}

.mass-expertise {
  background-color: var(--mass-white);
}

.mass-approach,
.mass-process {
  background-color: var(--mass-cream);
}

.mass-why,
.mass-disciplines {
  background-color: var(--mass-white);
}

.mass-challenges {
  background-color: var(--mass-cream);
  padding-bottom: 60px;
}

.services-section-five .services-text {
  color: var(--mass-navy);
  margin-top: 30px;
}

.services-section-five .services-text a {
  color: var(--mass-gold);
  font-weight: 600;
}

/* qualitative counters (no fabricated numbers) */
.mass-qual-counter .count-outer {
  text-align: center;
  padding: 22px 10px;
}

.mass-qual-counter .count-outer .icon {
  display: block;
  font-size: 34px;
  line-height: 1em;
  margin-bottom: 12px;
  color: var(--mass-gold);
}

.mass-qual-counter .counter-title {
  font-size: 14px;
  line-height: 1.5em;
  font-weight: 600;
}

.about-section.brown .fact-counter .column .counter-title {
  color: var(--mass-navy);
}

.mass-about-btn,
.mass-spotlight-btn {
  position: relative;
  margin-top: 26px;
}

/* service spotlights */
.mass-spotlight {
  position: relative;
  padding: 95px 0px;
  background-color: var(--mass-white);
}

.mass-spotlight.alternate {
  background-color: var(--mass-cream);
}

.mass-spotlight .inner-column {
  position: relative;
}

.mass-spotlight .image img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  border-radius: 3px;
  box-shadow: 0px 18px 40px rgba(11, 34, 57, 0.14);
}

.mass-spotlight .content-column .inner-column {
  padding: 10px 0px 0px 30px;
}

.mass-spotlight.alternate .content-column .inner-column {
  padding: 10px 30px 0px 0px;
}

.mass-spotlight .text p {
  color: var(--mass-body);
  font-size: 16px;
  line-height: 1.85em;
  margin-bottom: 18px;
}

.mass-spotlight .list-style-one li {
  font-size: 15px;
  font-weight: 600;
  color: var(--mass-navy);
}

.mass-philosophy {
  position: relative;
  margin-top: 26px;
  padding: 20px 24px;
  font-size: 16px;
  line-height: 1.7em;
  font-style: italic;
  font-family: 'Playfair Display', serif;
  color: var(--mass-navy);
  background-color: var(--mass-gold-pale);
  border-left: 3px solid var(--mass-gold);
}

/* value strip / small icon cards */
.mass-value-strip {
  margin-top: 40px;
}

.services-block-thirteen .inner-box .icon-box {
  width: 88px;
  height: 88px;
  line-height: 88px;
  font-size: 38px;
  margin-bottom: 20px;
  background-color: var(--mass-navy);
}

.services-block-thirteen .inner-box:hover .icon-box {
  background-color: var(--mass-gold);
}

.services-block-thirteen .inner-box h5 {
  font-size: 17px;
  color: var(--mass-navy);
}

.services-block-thirteen .inner-box:hover h5 {
  color: var(--mass-gold);
}

.mass-value-text {
  position: relative;
  margin-top: 12px;
  font-size: 14.5px;
  line-height: 1.75em;
  color: var(--mass-body);
}

/* process / numbered steps */
.services-block-nine .inner-box .icon-outer .icon-box {
  width: 112px;
  height: 112px;
  line-height: 114px;
  font-size: 48px;
  color: var(--mass-white);
  background-color: var(--mass-navy);
}

.services-block-nine .inner-box:hover .icon-outer .icon-box {
  background-color: var(--mass-gold);
}

.services-block-nine .inner-box .icon-outer .service-number {
  background-color: var(--mass-gold);
  color: var(--mass-white);
  left: -4px;
  top: 0px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
}

.services-block-nine .inner-box .lower-box h6 a {
  color: var(--mass-navy);
}

.services-block-nine .inner-box .lower-box h6 a:hover {
  color: var(--mass-gold);
}

.services-block-nine .inner-box .lower-box .text {
  color: var(--mass-body);
  font-size: 15px;
}

.services-section-six .outer-container:before {
  display: none;
}

/* image service cards */
.services-block-fifteen .inner-box {
  background-color: var(--mass-white);
  box-shadow: 0px 10px 30px rgba(11, 34, 57, 0.08);
  height: 100%;
  transition: all 400ms ease;
}

.services-block-fifteen {
  margin-bottom: 30px;
}

.services-block-fifteen .inner-box:hover {
  box-shadow: 0px 18px 40px rgba(11, 34, 57, 0.16);
  transform: translateY(-4px);
}

.services-block-fifteen .inner-box .image img {
  width: 100%;
  display: block;
  height: auto;
}

.services-block-fifteen .inner-box .lower-content {
  padding: 26px 24px 30px;
}

.services-block-fifteen .inner-box .lower-content .upper-box .icon {
  color: var(--mass-gold);
  font-size: 34px;
  line-height: 1em;
  margin-bottom: 14px;
}

.services-block-fifteen .inner-box .lower-content .upper-box h5 {
  font-size: 17px;
  line-height: 1.45em;
  font-weight: 700;
  margin-bottom: 12px;
}

.services-block-fifteen .inner-box .lower-content .upper-box h5 a {
  color: var(--mass-navy);
}

.services-block-fifteen .inner-box .lower-content .upper-box h5 a:hover {
  color: var(--mass-gold);
}

.services-block-fifteen .inner-box .text {
  font-size: 14.5px;
  line-height: 1.75em;
  color: var(--mass-body);
  margin-bottom: 18px;
}

/* feature cards */
.services-block-fourteen .inner-box {
  border-color: var(--mass-gold-pale);
  height: 100%;
}

.services-block-fourteen .inner-box .icon-box {
  color: var(--mass-gold);
  font-size: 46px;
  margin-bottom: 22px;
}

.services-block-fourteen .inner-box h6 a,
.services-block-fourteen .inner-box h6 {
  color: var(--mass-navy);
  font-size: 17px;
}

.services-block-fourteen .inner-box .text {
  color: var(--mass-body);
  font-size: 14.5px;
}

.services-block-fourteen.style-two .inner-box:before {
  background-color: var(--mass-navy);
}

.services-block-three .inner-box .icon-box {
  color: var(--mass-gold);
}

.services-block-three .inner-box h6 a {
  color: var(--mass-navy);
}

.services-block-five .inner-box .icon-box {
  color: var(--mass-gold);
  font-size: 42px;
  line-height: 1em;
  margin-bottom: 18px;
}

.services-block-five .inner-box h6 a {
  color: var(--mass-navy);
}

.services-block-five .inner-box .text strong {
  color: var(--mass-navy);
  display: inline-block;
  margin-bottom: 6px;
}

.services-block-eleven .inner-box .icon-box {
  color: var(--mass-gold);
}

.services-block-ten .inner-box {
  background-color: var(--mass-navy);
}

/* ------------------------------------------------------------ service page */

.mass-service-hero {
  position: relative;
  margin-bottom: 28px;
}

.mass-service-hero img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 3px;
}

.mass-service-strap {
  position: relative;
  font-size: 19px;
  line-height: 1.6em;
  font-weight: 600;
  color: var(--mass-navy);
  padding-left: 18px;
  border-left: 3px solid var(--mass-gold);
  margin-bottom: 32px;
}

.services-single h4 {
  margin-top: 40px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--mass-gold-pale);
}

.services-single .mass-service-hero + .mass-service-strap + h4 {
  margin-top: 0;
}

.services-single .text p {
  color: var(--mass-body);
  font-size: 15.5px;
  line-height: 1.9em;
}

.services-single .list-style-four li {
  color: var(--mass-body);
  font-size: 15.5px;
  line-height: 1.75em;
  margin-bottom: 12px;
}

.services-single .list-style-four li:before {
  color: var(--mass-gold);
}

.services-single .list-style-four li strong {
  color: var(--mass-navy);
}

.mass-included,
.mass-benefits,
.mass-service-process {
  margin-top: 10px;
}

.mass-service-cta {
  position: relative;
  margin-top: 45px;
  padding: 36px 40px;
  border-radius: 3px;
  background-color: var(--mass-navy);
}

.mass-service-cta h3 {
  color: var(--mass-white);
  font-size: 24px;
  line-height: 1.4em;
  margin-bottom: 12px;
}

.mass-service-cta p {
  color: var(--mass-gold-pale);
  font-size: 15px;
  line-height: 1.8em;
  margin-bottom: 22px;
}

.mass-disclaimer-inline {
  position: relative;
  margin: 26px 0px;
  padding: 18px 22px;
  font-size: 13px;
  line-height: 1.8em;
  color: var(--mass-navy);
  background-color: var(--mass-gold-pale);
  border-left: 3px solid var(--mass-gold);
  border-radius: 2px;
}

.mass-placeholder-note {
  position: relative;
  margin: 0px 0px 36px;
  padding: 16px 22px;
  font-size: 13.5px;
  line-height: 1.75em;
  color: var(--mass-navy);
  background-color: var(--mass-cream);
  border: 1px dashed var(--mass-gold);
  border-radius: 2px;
}

/* sidebar */
.sidebar .sidebar-title h4,
.sidebar .sidebar-title-two h4 {
  color: var(--mass-navy);
  font-size: 20px;
}

.sidebar .sidebar-title-two h4:before {
  background-color: var(--mass-gold);
}

.blog-cat li a {
  color: var(--mass-navy);
  font-size: 15px;
  padding: 13px 15px 13px 20px;
  border-color: var(--mass-gold-pale);
}

.blog-cat li a:before {
  font-size: 18px;
  top: 13px;
}

.blog-cat li.active a,
.blog-cat li a:hover {
  background-color: var(--mass-navy);
  border-color: var(--mass-navy);
  color: var(--mass-white);
}

.contact-widget ul li,
.contact-widget ul li a {
  color: var(--mass-body);
  font-size: 15px;
}

.contact-widget ul li a:hover {
  color: var(--mass-gold);
}

.contact-widget ul li .icon {
  color: var(--mass-gold);
  background: none;
  -webkit-text-fill-color: var(--mass-gold);
  font-size: 20px;
}

.brochures-widget .files li a {
  font-size: 14.5px;
  border-color: var(--mass-gold-pale);
  color: var(--mass-navy);
}

.brochures-widget .files li a .fa {
  color: var(--mass-gold);
}

.blog-cat-two li.active a,
.blog-cat-two li a:hover {
  color: var(--mass-gold);
}

.popular-posts .post .text a:hover,
.popular-posts .post a:hover {
  color: var(--mass-gold);
}

.popular-posts .post-info:before {
  content: "\f07b";
  color: var(--mass-gold);
}

/* ---------------------------------------------------------------- accordion */

.accordion-box .block .acc-btn {
  color: var(--mass-navy);
  font-size: 16.5px;
  padding: 22px 40px 22px 46px;
}

.accordion-box .block .icon-outer {
  left: 0px;
  top: 22px;
  width: 26px;
  height: 26px;
  line-height: 26px;
  font-size: 11px;
  color: var(--mass-white);
  background-color: var(--mass-gold);
}

.accordion-box .block .icon-outer .icon {
  margin-top: -13px;
  height: 26px;
  line-height: 26px;
}

.accordion-box .block .acc-btn.active {
  color: var(--mass-gold);
}

.accordion-box .block .acc-btn.active .icon-outer {
  background-color: var(--mass-navy);
}

.accordion-box .block .content p {
  color: var(--mass-body);
  font-size: 15.5px;
  padding-left: 46px;
}

.accordion-box .block {
  border-bottom-color: var(--mass-gold-pale);
}

.accordion-box .block:first-child {
  border-top-color: var(--mass-gold-pale);
}

.faq-section {
  background-color: var(--mass-cream);
}

.faq-section .counter-column .inner-column .image img {
  width: 100%;
  height: auto;
  display: block;
}

.mass-faq-cta {
  margin-top: 30px;
}

/* --------------------------------------------------------------- blog page */

.mass-blog {
  padding: 100px 0px 60px;
}

.news-block-four {
  margin-bottom: 40px;
}

.news-block-four .inner-box {
  background-color: var(--mass-white);
  box-shadow: 0px 10px 30px rgba(11, 34, 57, 0.08);
  height: 100%;
}

.news-block-four .inner-box .image img {
  height: auto;
}

.news-block-four .inner-box .lower-content {
  padding: 24px 24px 28px;
}

.news-block-four .inner-box .lower-content .post-meta li {
  color: var(--mass-body);
}

.news-block-four .inner-box .lower-content .post-meta li .fa {
  color: var(--mass-gold);
}

.news-block-four .inner-box .lower-content h5 {
  font-size: 18px;
  margin-bottom: 14px;
}

.news-block-four .inner-box .lower-content h5 a {
  color: var(--mass-navy);
}

.news-block-four .inner-box .lower-content h5 a:hover,
.news-block-two .inner-box .lower-content h5 a:hover {
  color: var(--mass-gold);
}

.news-block-four .inner-box .lower-content .text {
  color: var(--mass-body);
  font-size: 14.5px;
  line-height: 1.75em;
  margin-bottom: 20px;
}

.news-block-two .inner-box .image img,
.case-block .inner-box .image img,
.case-block-two .inner-box .image img,
.team-block-two .inner-box .image img,
.services-block-four .inner-box .image img,
.project-block .inner-box .image img {
  height: auto;
}

.mass-post .post-meta {
  margin-bottom: 18px;
}

.mass-post .post-meta li {
  display: inline-block;
  margin-right: 22px;
  font-size: 13.5px;
  color: var(--mass-body);
}

.mass-post .post-meta li .fa {
  color: var(--mass-gold);
  margin-right: 7px;
}

.mass-post-title {
  color: var(--mass-navy);
  font-size: 32px;
  line-height: 1.35em;
  font-weight: 700;
  margin-bottom: 26px;
}

.mass-post-note {
  margin-top: 30px;
  padding: 16px 20px;
  font-size: 13px;
  font-style: italic;
  line-height: 1.75em;
  color: var(--mass-body);
  background-color: var(--mass-cream);
  border-left: 3px solid var(--mass-gold-light);
}

.mass-post-tags {
  margin-top: 26px;
  padding-top: 22px;
  border-top: 1px solid var(--mass-gold-pale);
  font-size: 14px;
  color: var(--mass-navy);
}

.mass-post-tags a {
  display: inline-block;
  margin: 4px 6px 4px 0px;
  padding: 6px 14px;
  font-size: 13px;
  border-radius: 2px;
  color: var(--mass-navy);
  background-color: var(--mass-cream);
  border: 1px solid var(--mass-gold-pale);
}

.mass-post-tags a:hover {
  color: var(--mass-white);
  background-color: var(--mass-gold);
  border-color: var(--mass-gold);
}

.mass-post-author {
  position: relative;
  margin-top: 34px;
  padding: 28px 30px;
  background-color: var(--mass-cream);
  border-radius: 3px;
}

.mass-post-author:after {
  content: '';
  display: block;
  clear: both;
}

.mass-post-author-img {
  float: left;
  width: 72px;
  margin-right: 24px;
}

.mass-post-author-img img {
  width: 72px;
  height: 72px;
  display: block;
}

.mass-post-author-text {
  overflow: hidden;
}

.mass-post-author-text h5 {
  color: var(--mass-navy);
  font-size: 18px;
  margin-bottom: 4px;
}

.mass-post-author-text .designation {
  color: var(--mass-gold);
  font-size: 13.5px;
  font-style: italic;
  margin-bottom: 12px;
}

.mass-post-author-text p {
  color: var(--mass-body);
  font-size: 14.5px;
  line-height: 1.8em;
  margin-bottom: 16px;
}

/* ------------------------------------------------------------- case studies */

.mass-filters {
  position: relative;
  text-align: center;
  margin-bottom: 45px;
}

.mass-filters .filter-btns {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mass-filters .filter-btns li {
  display: inline-block;
  margin: 0px 5px 10px;
  padding: 10px 22px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  border-radius: 2px;
  color: var(--mass-navy);
  background-color: var(--mass-cream);
  border: 1px solid var(--mass-gold-pale);
  transition: all 300ms ease;
  font-family: 'Poppins', sans-serif;
}

.mass-filters .filter-btns li:hover,
.mass-filters .filter-btns li.active {
  color: var(--mass-white);
  background-color: var(--mass-gold);
  border-color: var(--mass-gold);
}

.case-block-two {
  margin-bottom: 45px;
}

.case-block-two .inner-box .lower-content {
  padding-top: 18px;
}

.case-block-two .inner-box .lower-content .category {
  color: var(--mass-gold);
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 12px;
  border-bottom-color: var(--mass-gold-pale);
}

.case-block-two .inner-box .lower-content h4 {
  font-size: 20px;
}

.case-block-two .inner-box .lower-content .text {
  color: var(--mass-body);
  font-size: 15px;
}

.mass-case-body {
  position: relative;
  margin-top: 55px;
  max-width: 900px;
}

.mass-case-body h4 {
  color: var(--mass-navy);
  margin-top: 32px;
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--mass-gold-pale);
}

.mass-case-body p {
  color: var(--mass-body);
  font-size: 15.5px;
  line-height: 1.9em;
  margin-bottom: 18px;
}

.portfolio-single-section .content-column .inner-column h3 {
  color: var(--mass-navy);
}

.portfolio-single-section .project-list li {
  color: var(--mass-body);
}

.portfolio-single-section .project-list li .icon,
.project-list li .icon {
  color: var(--mass-gold);
}

.mass-case-single .lower-section {
  margin-top: 60px;
}

/* ----------------------------------------------------------------- contact */

.contact-page-section .inner-container h2 {
  color: var(--mass-navy);
}

.contact-page-section .inner-container h2 span {
  color: var(--mass-gold);
}

.contact-page-section .map-section .map-canvas iframe,
.map-info-section .map-canvas iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  filter: grayscale(0.35) contrast(1.02);
}

.contact-page-section .info-column .inner-column .text {
  color: var(--mass-body);
}

.list-style-five li,
.list-style-five li a {
  color: var(--mass-navy);
  font-size: 16px;
}

.list-style-five li a:hover {
  color: var(--mass-gold);
}

.list-style-five li .icon {
  color: var(--mass-gold);
}

.list-style-six li,
.list-style-six li a {
  color: var(--mass-white);
  font-size: 16px;
}

.list-style-six li a:hover {
  color: var(--mass-gold-light);
}

.list-style-six li .icon {
  color: var(--mass-gold);
}

.contact-form .form-group {
  margin-bottom: 18px;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form select,
.contact-form textarea {
  width: 100%;
  padding: 12px 18px;
  line-height: 26px;
  font-size: 14.5px;
  color: var(--mass-navy);
  background-color: var(--mass-white);
  border: 1px solid var(--mass-gold-pale);
  border-radius: 2px;
  transition: all 300ms ease;
}

.contact-form textarea {
  height: 130px;
  resize: none;
}

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
  border-color: var(--mass-gold);
  outline: none;
}

.quote-form .contact-form input[type="text"],
.quote-form .contact-form input[type="email"],
.quote-form .contact-form input[type="tel"],
.quote-form .contact-form textarea {
  background-color: rgba(255, 255, 255, 0.94);
}

.quote-form .contact-form textarea {
  height: 96px;
}

.ui-selectmenu-button.ui-button {
  width: 100% !important;
  padding: 12px 18px;
  line-height: 26px;
  font-size: 14.5px;
  color: var(--mass-navy);
  background: var(--mass-white);
  border: 1px solid var(--mass-gold-pale);
  border-radius: 2px;
}

.ui-selectmenu-menu .ui-menu-item-wrapper {
  padding: 10px 18px;
  font-size: 14px;
}

.ui-selectmenu-menu .ui-state-active,
.ui-selectmenu-menu .ui-menu-item-wrapper.ui-state-active {
  background: var(--mass-gold);
  border-color: var(--mass-gold);
  color: var(--mass-white);
}

/* ------------------------------------------------------------------- team */

.mass-team-text {
  position: relative;
  z-index: 1;
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.75em;
  color: var(--mass-body);
  padding: 0px 18px;
  transition: all 300ms ease;
}

.team-block-two .inner-box:hover .lower-content .mass-team-text {
  color: var(--mass-gold-pale);
}

.team-block-two .inner-box .lower-content h5 {
  color: var(--mass-navy);
}

.team-block-two .inner-box:hover .lower-content h5 {
  color: var(--mass-white);
}

.team-block-two .inner-box .lower-content .designation {
  color: var(--mass-gold);
  font-size: 14px;
}

.team-block-two.style-two .inner-box .lower-content:after {
  background: var(--mass-navy);
}

/* ------------------------------------------------------------------ legal */

.mass-legal .services-single h4 {
  font-size: 20px;
}

.mass-legal-date {
  font-size: 13.5px;
  font-style: italic;
  color: var(--mass-body);
  margin-bottom: 26px;
}

.mass-centered-col {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.mass-intro-text p {
  color: var(--mass-body);
  font-size: 16.5px;
  line-height: 1.9em;
  margin-bottom: 20px;
  text-align: center;
}

/* -------------------------------------------------------------------- 404 */

.mass-404 {
  padding: 90px 0px;
}

.error-section .inner-section {
  background-color: var(--mass-white);
  border-top: 4px solid var(--mass-gold);
}

.error-section .inner-section .title {
  color: var(--mass-gold);
}

.error-section .inner-section h1 {
  color: var(--mass-navy);
  font-size: 42px;
  margin-bottom: 22px;
}

.error-section .inner-section h1 span {
  color: var(--mass-gold);
}

.mass-404-image {
  max-width: 460px;
  margin: 0 auto 20px;
}

.mass-404-image img {
  width: 100%;
  height: auto;
  display: block;
}

.mass-404-text {
  max-width: 640px;
  margin: 0 auto 30px;
  color: var(--mass-body);
  font-size: 16px;
  line-height: 1.8em;
}

.mass-404-links {
  margin-top: 36px;
  padding-top: 26px;
  border-top: 1px solid var(--mass-gold-pale);
}

.mass-404-links li {
  display: inline-block;
  margin: 4px 10px;
}

.mass-404-links li a {
  color: var(--mass-navy);
  font-size: 15px;
  font-weight: 600;
}

.mass-404-links li a:hover {
  color: var(--mass-gold);
}

/* ------------------------------------------------------------- responsive */

@media only screen and (max-width: 1139px) {
  .header-top .inner-container {
    margin-left: 0px;
    padding-left: 20px;
  }
  .main-header .top-left:before {
    display: none;
  }
  .mass-spotlight .content-column .inner-column,
  .mass-spotlight.alternate .content-column .inner-column {
    padding: 0px;
  }
}

@media only screen and (max-width: 1023px) {
  .header-style-four {
    margin-top: 0px;
  }
  .header-top .inner-container {
    margin-left: 0px;
    padding-left: 0px;
    text-align: center;
  }
  .main-header .top-left,
  .main-header .top-right {
    float: none;
    text-align: center;
  }
  .main-header .top-left .contact-list li {
    float: none;
    display: inline-block;
    margin: 0px 12px 6px;
  }
  .main-header .top-left .contact-list li i {
    float: none;
    display: inline-block;
  }
  .mass-top-location,
  .mass-social {
    float: none;
    display: inline-block;
    border-right: none;
    padding-right: 0px;
    margin-right: 0px;
  }
  .main-header .top-right {
    padding-bottom: 14px;
  }
  .header-style-four .header-lower .outer-container {
    padding: 0px 15px;
  }
  .header-style-four .header-lower .outer-box {
    display: none;
  }
  .main-slider .slide {
    padding: 120px 0px 130px;
  }
  .mass-spotlight .image {
    margin-bottom: 34px;
  }
  .map-info-section .outer-container .left-column,
  .map-info-section .outer-container .right-column {
    position: relative;
    width: 100%;
    float: none;
  }
  .map-info-section .outer-container .left-column {
    height: 360px;
  }
  .map-info-section .outer-container .right-column .content {
    max-width: 100%;
    padding: 55px 20px;
  }
  .main-footer .footer-bottom .social-column ul {
    text-align: left;
    margin-top: 12px;
  }
  .main-footer .footer-bottom .social-column ul li {
    margin-left: 0px;
    margin-right: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .page-title {
    padding: 60px 0px;
  }
  .page-title .content h1 {
    font-size: 34px;
  }
  .mass-banner-sub {
    font-size: 15px;
  }
  .main-slider .content h1,
  .main-slider .content h1.style-two {
    font-size: 30px;
    line-height: 1.3em;
  }
  .main-slider .content .text {
    font-size: 15px;
  }
  .main-slider .btn-box a {
    display: block;
    margin-right: 0px;
    text-align: center;
  }
  .mass-service-cta,
  .mass-post-author {
    padding: 24px 20px;
  }
  .mass-post-author-img {
    float: none;
    margin: 0px 0px 16px;
  }
  .mass-post-title {
    font-size: 24px;
  }
  .contact-page-section .inner-container {
    padding: 30px 20px;
  }
  .call-to-action-two .pull-left,
  .call-to-action-two .pull-right {
    float: none !important;
    text-align: center;
  }
  .call-to-action-two .pull-right {
    margin-top: 16px;
  }
  .error-section .inner-section .left-error,
  .error-section .inner-section .right-error {
    display: none;
  }
  .mass-filters .filter-btns li {
    padding: 8px 14px;
    font-size: 13px;
  }
}

@media only screen and (max-width: 599px) {
  .main-header .top-left .contact-list li {
    display: block;
    margin: 0px 0px 4px;
  }
  .mass-disclaimer,
  .mass-disclaimer-inline {
    padding: 14px 16px;
    font-size: 12px;
  }
}

/* ==========================================================================
   Corrections found by rendering the pages
   ========================================================================== */

/* The theme paints several icons with a gradient clipped to the glyph
   (-webkit-background-clip:text). With a solid brand colour that technique
   renders as an empty coloured block, so it is switched off here. */
.services-block-fifteen .inner-box .lower-content .upper-box .icon,
.contact-widget ul li .icon,
.services-block-eight .inner-box .icon-box,
.services-block-six .inner-box .icon-box,
.services-block-five .inner-box .icon-box,
.services-block-four .inner-box .icon-box .icon {
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: currentColor !important;
  color: var(--mass-gold);
}

.services-block-fifteen .inner-box .lower-content .upper-box .icon {
  font-size: 34px;
}

/* Buttons ---------------------------------------------------------------- */

.theme-btn {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
}

.btn-style-nine {
  color: var(--mass-white);
  background-color: var(--mass-gold);
  border: 2px solid var(--mass-gold);
  font-weight: 500;
}

.btn-style-nine:hover {
  color: var(--mass-white);
  background-color: var(--mass-gold-dark);
  border-color: var(--mass-gold-dark);
}

.btn-style-five {
  color: var(--mass-navy);
  background-color: var(--mass-white);
  border: 2px solid var(--mass-white);
  font-weight: 500;
}

.btn-style-five:hover {
  color: var(--mass-white);
  background-color: var(--mass-gold);
  border-color: var(--mass-gold);
}

.btn-style-ten,
.btn-style-eighteen {
  color: var(--mass-navy);
  background-color: var(--mass-cream);
  border: 1px solid var(--mass-gold-pale);
  font-size: 14px;
  font-weight: 500;
  padding: 10px 28px;
}

.btn-style-ten:hover,
.btn-style-eighteen:hover {
  color: var(--mass-white);
  background: var(--mass-navy);
  border-color: var(--mass-navy);
}

.btn-style-seventen {
  background: var(--mass-white);
  color: var(--mass-navy);
}

.btn-style-seventen .icon {
  background-color: var(--mass-gold);
  color: var(--mass-white);
}

.btn-style-seventen:hover {
  color: var(--mass-gold-dark);
}

.btn-style-eleven {
  background-color: var(--mass-gold);
  color: var(--mass-white);
  border: 2px solid var(--mass-gold);
}

.btn-style-eleven:hover {
  background-color: var(--mass-white);
  color: var(--mass-navy);
}

/* Slider ----------------------------------------------------------------- */

.main-slider h1,
.main-slider h1.style-two {
  text-transform: none;
}

.main-slider h1.style-two {
  font-size: 52px;
}

/* Equal-height cards ------------------------------------------------------ */

.services-block-three,
.services-block-fourteen,
.services-block-fifteen,
.services-block-eleven,
.services-block-five,
.services-block-ten,
.news-block-four,
.team-block-two {
  display: flex;
}

.services-block-three > .inner-box,
.services-block-fourteen > .inner-box,
.services-block-fifteen > .inner-box,
.services-block-eleven > .inner-box,
.services-block-five > .inner-box,
.services-block-ten > .inner-box,
.news-block-four > .inner-box,
.team-block-two > .inner-box {
  width: 100%;
}

.services-section-seven .inner-container .services-block-ten {
  float: none;
}

.services-section-seven .inner-container > .clearfix {
  display: flex;
  flex-wrap: wrap;
}

/* Why-choose-us cards: give the overhanging icon room and a card surface. */
.services-section-three {
  padding: 130px 0px 90px;
}

.services-block-three {
  margin-bottom: 75px;
}

.services-block-three .inner-box {
  background-color: var(--mass-white);
  padding: 0px 28px 34px;
  box-shadow: 0px 10px 30px rgba(11, 34, 57, 0.07);
}

.services-block-three .inner-box .icon-box {
  font-size: 42px;
  width: 96px;
  height: 96px;
  line-height: 96px;
  margin-top: -48px;
  margin-bottom: 22px;
}

.services-block-three.style-two .inner-box .icon-box {
  background-image: none;
  background-color: var(--mass-navy);
}

.services-block-three .inner-box:hover .icon-box {
  background-color: var(--mass-gold);
}

.services-block-three .inner-box .text {
  font-size: 14.5px;
  color: var(--mass-body);
}

.services-block-three .inner-box:hover {
  transform: none;
}

.services-block-eleven .inner-box .icon-box {
  background-color: var(--mass-gold);
  color: var(--mass-white);
}

.services-block-eleven .inner-box:hover .icon-box {
  background-color: var(--mass-navy);
}

.services-block-eleven .inner-box .content .text {
  color: var(--mass-body);
}

.services-block-five {
  margin-bottom: 30px;
}

.services-block-five .inner-box {
  padding: 32px 28px;
  background-color: var(--mass-white);
  border: 1px solid var(--mass-gold-pale);
  border-radius: 3px;
  transition: all 400ms ease;
}

.services-block-five .inner-box:hover {
  box-shadow: 0px 14px 34px rgba(11, 34, 57, 0.10);
  border-color: var(--mass-gold);
}

.services-block-five .inner-box .text {
  font-size: 14.5px;
  line-height: 1.75em;
  color: var(--mass-body);
}

/* Five-across process steps ---------------------------------------------- */

@media only screen and (min-width: 992px) {
  .mass-approach .services-block-nine,
  .mass-process .services-block-nine {
    flex: 0 0 20%;
    max-width: 20%;
  }
}

.mass-approach .services-block-nine .lower-box .text,
.mass-process .services-block-nine .lower-box .text {
  font-size: 14px;
  line-height: 1.7em;
}

.mass-approach .row,
.mass-process .row {
  align-items: flex-start;
}

/* Section rhythm ---------------------------------------------------------- */

.services-section-four,
.services-section-ten,
.services-section-ten.style-two {
  background-color: var(--mass-white);
}

.mass-core-services {
  background-color: var(--mass-cream);
}

.mass-highlights-two,
.mass-values,
.mass-why-about,
.mass-service-detail-rows {
  background-color: var(--mass-cream);
}

.mass-why {
  background-color: var(--mass-white);
}

.sidebar-page-container {
  background-color: var(--mass-white);
}

/* About section */
.about-section.brown {
  background-color: var(--mass-white);
}

.mass-qual-counter {
  margin-top: 26px;
  background-color: var(--mass-cream);
  padding: 10px 0px;
  border-radius: 3px;
}

.about-section .video-column .video-box .image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 3px;
}

.about-section .content-column .question {
  margin-top: 24px;
  line-height: 2em;
}

.about-section .content-column .question strong {
  white-space: nowrap;
}

/* Case-study preview cards */
.case-block.style-two .inner-box {
  background-color: var(--mass-white);
  padding: 0px 0px 28px;
  height: 100%;
}

.case-block .inner-box .image img {
  width: 100%;
  height: auto;
  display: block;
}

.case-block .inner-box .title {
  color: var(--mass-gold);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: 600;
}

.case-block .inner-box h5 a {
  color: var(--mass-navy);
}

.case-block .inner-box h5 a:hover,
.case-block .inner-box .arrow {
  color: var(--mass-gold);
}

.case-block .inner-box .text {
  color: var(--mass-body);
  font-size: 14.5px;
}

/* Testimonials */
.testimonial-block-four .inner-box {
  background-color: var(--mass-white);
  border: 1px solid var(--mass-gold-pale);
}

.testimonial-block-four .inner-box .quote-icon {
  color: var(--mass-gold-light);
}

.testimonial-block-four .inner-box .text {
  color: var(--mass-body);
}

.testimonial-block-four .inner-box h5 {
  color: var(--mass-navy);
}

.testimonial-block-four .inner-box .designation {
  color: var(--mass-gold);
}

.testimonial-block-four .inner-box .image img {
  width: 100%;
  height: auto;
}

/* News cards on the home page */
.news-block-two .inner-box .lower-content {
  background-color: var(--mass-cream);
}

.news-block-two.brown .inner-box .lower-content h5 a {
  color: var(--mass-navy);
}

.news-block-two .inner-box .lower-content .post-meta li,
.news-block-two .inner-box .lower-content .post-meta li .fa {
  color: var(--mass-gold-dark);
}

/* ==========================================================================
   Second correction pass (found by rendering)
   ========================================================================== */

/* Buttons: the theme capitalises every word, which mis-cases short words
   ("Restructure For Scale"). Sentence case reads better in a finance brand. */
.theme-btn,
.btn-style-one,
.btn-style-five,
.btn-style-nine,
.btn-style-ten,
.btn-style-eleven,
.btn-style-seventen,
.btn-style-eighteen,
.mass-header-btn {
  text-transform: none;
}

/* Challenge cards: the theme positions this icon absolutely against a 150px
   left padding. Our card padding is different, so make it flow inline. */
.services-block-five .inner-box {
  padding: 32px 28px;
}

.services-block-five .inner-box .icon-box {
  position: relative;
  left: auto;
  top: auto;
  width: auto;
  height: auto;
  line-height: 1em;
  border-radius: 0;
  overflow: visible;
  text-align: left;
  display: block;
  font-size: 40px;
  margin-bottom: 16px;
}

.services-block-five .inner-box h6 {
  margin-bottom: 10px;
}

/* Five-card grids leave a two-card final row: centre it. */
.mass-core-services .row,
.mass-expertise .row,
.mass-values .row,
.mass-service-detail-rows .row,
.mass-disciplines .row,
.mass-team .row {
  justify-content: center;
}

/* Give the overhanging why-choose-us icons room below the section heading. */
.mass-why .sec-title,
.mass-why-about .sec-title {
  margin-bottom: 85px;
}

/* Slightly tighter vertical rhythm between the stacked light sections. */
.services-section-ten {
  padding: 90px 0px 60px;
}

.mass-highlights-two {
  padding-bottom: 40px;
}

/* ==========================================================================
   Third correction pass (found by rendering)
   ========================================================================== */

/* Home-page case preview cards. The theme designs these as tinted panels with
   a circular image overhanging the top edge, coloured per position. Restore
   that structure in the brand palette (an earlier white override broke the
   first card, which inherits from the base rule rather than :nth-child). */
.case-section .case-block.style-two {
  float: none;
  display: flex;
  padding: 0px 15px;
  margin-bottom: 30px;
}

.case-block.style-two > .inner-box {
  width: 100%;
}

.case-block.style-two .inner-box {
  height: auto;
  padding: 0px 28px 34px;
  background: var(--mass-navy);
}

.case-block.style-two:nth-child(2) .inner-box {
  background-color: var(--mass-navy-mid);
}

.case-block.style-two:nth-child(3) .inner-box {
  background-color: var(--mass-gold-dark);
}

.case-block.style-two .inner-box .title {
  color: var(--mass-gold-light);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 10px;
}

.case-block.style-two .inner-box h5 a,
.case-block.style-two .inner-box .text {
  color: var(--mass-white);
}

.case-block.style-two .inner-box h5 a:hover {
  color: var(--mass-gold-light);
}

.case-block.style-two .inner-box .text {
  font-size: 14.5px;
  line-height: 1.75em;
}

.case-block .inner-box .image {
  background-color: var(--mass-white);
}

.case-block.style-two .inner-box .arrow {
  background: var(--mass-gold);
  color: var(--mass-white);
  bottom: 22px;
}

.case-section .services-text {
  clear: both;
  margin-top: 20px;
}

/* Testimonial avatars keep their circular crop */
.testimonial-block-four .inner-box .image-outer .image {
  overflow: hidden;
  border-radius: 50%;
}

/* Case preview row: the theme laid these out with floats; make it a flex row
   so the Bootstrap column widths apply and the cards line up three across. */
.mass-case-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

/* ==========================================================================
   Fourth correction pass (found by rendering)
   ========================================================================== */

/* '.quote-form button' out-ranks the button class, so the sentence-case rule
   has to be repeated here. */
.quote-form button,
.contact-form button {
  text-transform: none;
}

/* Map blocks: show the branded India placeholder behind the embed so the
   block is never a blank white rectangle while the map loads (or if the
   viewer blocks third-party frames). */
.map-outer,
.map-canvas,
.map-section .map-canvas,
.contact-page-section .map-section .map-canvas,
.map-info-section .outer-container .left-column .map-outer .map-canvas {
  background-color: var(--mass-cream);
  background-image: url(../images/background/map-placeholder.svg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.map-info-section .outer-container .left-column .map-outer {
  position: relative;
  height: 100%;
}

/* ==========================================================================
   Fifth correction pass (found by rendering)
   ========================================================================== */

/* The theme's header is position:absolute so it floats over the first section.
   On the home page the slider allows for that; every inner page starts with
   .page-title, which therefore needs room for the top bar + nav. */
.header-style-four {
  margin-top: 0px;
}

.page-title {
  padding-top: 275px;
  padding-bottom: 105px;
}

.page-title .content h1 {
  font-size: 46px;
  margin-bottom: 12px;
}

.page-title .page-breadcrumb li,
.page-title .page-breadcrumb li a {
  font-size: 14px;
}

/* The theme's list bullet is FontAwesome's "adjust" glyph, which reads as a
   half-filled circle. A check mark suits a professional services site. */
.list-style-four li:before {
  content: "\f00c";
  color: var(--mass-gold);
  font-size: 12px;
  top: 4px;
}

.list-style-one li:before {
  color: var(--mass-gold);
}

/* Mission / vision cards want a little more presence. */
.mass-mission .services-block-eleven .inner-box {
  padding: 34px 38px;
  border: 1px solid var(--mass-gold-pale);
}

.mass-mission .services-block-eleven .inner-box .content h6 {
  font-size: 22px;
}

.mass-mission .services-block-eleven .inner-box .content .text {
  font-size: 15.5px;
  line-height: 1.85em;
}

@media only screen and (max-width: 1023px) {
  .page-title {
    padding-top: 250px;
    padding-bottom: 80px;
  }
  .page-title .content h1 {
    font-size: 38px;
  }
}

@media only screen and (max-width: 767px) {
  .page-title {
    padding-top: 250px;
    padding-bottom: 60px;
  }
  .page-title .content h1 {
    font-size: 30px;
  }
}

/* ==========================================================================
   Sixth correction pass (found by rendering)
   ========================================================================== */

/* '.contact-form .theme-btn' sets a 42px right padding, but btn-style-eleven
   parks a 57px icon block on the right edge, which clipped the label. */
.contact-form .theme-btn,
.contact-form .btn-style-eleven {
  padding: 12px 86px 12px 32px;
  border-radius: 3px;
  background: var(--mass-gold);
  white-space: nowrap;
}

.contact-form .theme-btn:hover,
.contact-form .btn-style-eleven:hover {
  background: var(--mass-navy);
  color: var(--mass-white);
}

.contact-form .btn-style-eleven .icon {
  border-radius: 0px 3px 3px 0px;
  background-color: rgba(0, 0, 0, 0.18);
}

/* Recent-posts titles were title-cased by the theme ("For", "And"). */
.popular-posts .post .text,
.popular-posts .post .text a {
  text-transform: none;
}

/* Contact page: keep the map visible around the white card. */
.contact-page-section .map-section {
  top: 220px;
}

/* ==========================================================================
   Seventh correction pass (found by rendering)
   ========================================================================== */

/* Banner headings are written in sentence case; the theme's capitalize rule
   turned "from" into "From". */
.page-title .content h1,
.sec-title h2,
.sec-title-two h2 {
  text-transform: none;
}

/* Case-study cards: crop the square artwork to a landscape band so the cards
   do not become 570px tall on a two-column grid. */
.case-block-two .inner-box .image img {
  height: 320px;
  object-fit: cover;
  object-position: center;
}

.case-block-two .inner-box .lower-content h4 {
  font-size: 21px;
}

/* Blog and services cards keep a consistent media band too. */
.news-block-four .inner-box .image img,
.services-block-fifteen .inner-box .image img {
  height: 250px;
  object-fit: cover;
  object-position: center;
}

.news-block-two .inner-box .image img {
  height: 230px;
  object-fit: cover;
}

.mass-service-hero img,
.mass-spotlight .image img {
  max-height: 460px;
  object-fit: cover;
}

.team-block-two .inner-box .image img {
  height: 260px;
  object-fit: cover;
}

/* Accordion questions are written in sentence case. */
.accordion-box .block .acc-btn,
.blog-cat li a,
.services-single h4,
.sidebar .sidebar-title h4,
.sidebar .sidebar-title-two h4 {
  text-transform: none;
}

/* ==========================================================================
   Eighth correction pass - mobile
   ========================================================================== */

@media only screen and (max-width: 767px) {

  /* The theme hides the top contact bar below 768px. For a financial advisory
     firm the phone numbers are the primary call to action, so keep them. */
  .main-header .top-left {
    display: block !important;
    float: none;
    width: 100%;
    text-align: center;
  }

  .main-header .top-left .contact-list {
    padding: 10px 0px 4px;
  }

  .main-header .top-left .contact-list li {
    float: none;
    display: inline-block;
    margin: 0px 10px 4px;
    font-size: 13px;
    line-height: 22px;
  }

  .main-header .top-left .contact-list li a {
    font-size: 13px;
  }

  .main-header .top-right {
    padding-top: 0px;
    padding-bottom: 10px;
  }

  .mass-top-location {
    display: block;
    font-size: 12px;
    margin-bottom: 6px;
  }

  /* Contact page: the map is absolutely positioned behind the form card on
     desktop. On a phone that leaves a tall empty band, so stack it instead. */
  .contact-page-section {
    padding-top: 40px;
  }

  .contact-page-section .map-section {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    height: 260px;
    margin-bottom: 26px;
  }

  .contact-page-section .map-section .map-canvas {
    height: 260px;
  }

  .contact-info-section {
    margin-top: 0px;
    padding: 60px 0px 30px;
  }

  /* Hero buttons stack full width and stay centred. */
  .main-slider .btn-box a {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0px 0px 12px;
  }

  .main-slider .content .text {
    max-width: 100%;
  }
}

@media only screen and (max-width: 1023px) {
  /* The collapsed header has no room for the CTA button; the phone numbers in
     the top bar and the in-page CTAs carry that job on small screens. */
  .header-style-four .header-lower .outer-box {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  /* Keep the top bar compact: two mobile numbers and the email only. */
  .main-header .top-left .contact-list li:nth-child(3) {
    display: none;
  }

  .mass-top-location {
    display: none;
  }

  .main-header .top-right {
    padding: 2px 0px 10px;
  }

  .mass-social li a {
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 13px;
  }
}

/* Only the first slide carries the page <h1>; the other slides use <h2> and
   mirror the theme's h1 animation so the carousel looks identical. */
.main-slider h2 {
  position: relative;
  opacity: 0;
  font-weight: 700;
  line-height: 1.3em;
  margin-bottom: 30px;
  padding-bottom: 0px;
  transition: all 1000ms ease;
  transform: translateY(50px);
}

.main-slider .active h2 {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 1300ms;
}

.main-slider h2.style-two {
  color: var(--mass-white);
  font-size: 52px;
  font-weight: 700;
  font-family: 'Playfair Display', serif;
  text-transform: none;
}

.main-slider h2.style-two span,
.main-slider h2.style-two span.brown_color {
  color: var(--mass-gold);
  font-style: italic;
}

/* 404: the breadcrumb banner already provides the page heading. */
.error-section .inner-section .mass-404-heading {
  color: var(--mass-navy);
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2em;
  margin-bottom: 22px;
}

.error-section .inner-section .mass-404-heading span {
  color: var(--mass-gold);
  font-style: italic;
  font-family: 'Playfair Display', serif;
}

@media only screen and (max-width: 767px) {
  .main-slider h2.style-two {
    font-size: 30px;
    line-height: 1.3em;
  }
  .error-section .inner-section .mass-404-heading {
    font-size: 26px;
  }
}

/* Current page inside the Services dropdown (the top-level current state is
   already styled by the theme). */
.main-menu .navigation > li > ul > li.current > a,
.main-menu .navbar-collapse > .navigation > li > ul > li.current > a {
  background-color: var(--mass-gold-dark);
  color: var(--mass-white);
}

/* ==========================================================================
   Ninth correction pass - header stacking on scroll
   ========================================================================== */

/* The theme parks the header at z-index 999 and the sticky header at 999 too,
   but Bootstrap's utility layer starts at 1020 (.sticky-top) / 1030 (.fixed-top).
   Any page content using those utilities therefore paints over the navigation.
   Lift both headers above Bootstrap's utility range. */
.main-header {
  z-index: 1100;
}

.fixed-header .sticky-header {
  z-index: 1100;
}

/* The sticky bar carries the same logo as the main header. A logo artwork with
   its own light background reads as a white block on a dark bar, so the sticky
   bar matches the main header instead: white ground, navy navigation. */
.sticky-header {
  background: var(--mass-white);
  box-shadow: 0px 2px 18px rgba(11, 34, 57, 0.14);
}

.sticky-header .main-menu .navigation > li > a {
  color: var(--mass-navy) !important;
  font-weight: 600;
}

.sticky-header .main-menu .navigation > li > a:hover,
.sticky-header .main-menu .navigation > li.current > a {
  color: var(--mass-gold) !important;
}

.sticky-header .main-menu .navigation > li:after {
  opacity: 0.45;
}

.sticky-header .logo {
  padding: 8px 0px;
}

.sticky-header .logo img {
  max-height: 52px;
  width: auto;
}

.sticky-header .navbar-toggler {
  color: var(--mass-navy);
}

/* Dropdown inside the sticky bar keeps the dark panel treatment. */
.sticky-header .main-menu .navigation > li > ul {
  background-color: var(--mass-navy);
}

/* ==========================================================================
   Tenth pass - blog pagination
   --------------------------------------------------------------------------
   The pager markup uses Bootstrap 4's .pagination / .page-item / .page-link,
   which default to #007bff. Those colours live in bootstrap.css, which the
   generated palette above does not touch, so they are restyled here to the
   brand navy/gold and matched to the .btn-style-eighteen card buttons.
   ========================================================================== */

.pagination.st-post-pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 50px 0px 10px;
  padding: 0;
  list-style: none;
  border-radius: 0;
}

.pagination.st-post-pagination .page-item {
  margin: 0px 5px 10px;
}

.pagination.st-post-pagination .page-link {
  display: block;
  min-width: 46px;
  margin: 0;
  padding: 11px 16px;
  border-radius: 3px;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  text-align: center;
  color: var(--mass-navy);
  background-color: var(--mass-white);
  border: 1px solid var(--mass-gold-pale);
  transition: all 300ms ease;
}

.pagination.st-post-pagination .page-link:hover,
.pagination.st-post-pagination .page-link:focus {
  color: var(--mass-white);
  background-color: var(--mass-navy);
  border-color: var(--mass-navy);
  text-decoration: none;
  box-shadow: none;
  outline: none;
}

.pagination.st-post-pagination .page-item.active .page-link {
  z-index: 1;
  color: var(--mass-white);
  background-color: var(--mass-gold);
  border-color: var(--mass-gold);
}

.pagination.st-post-pagination .page-item.disabled .page-link {
  color: var(--mass-body);
  background-color: var(--mass-cream);
  border-color: var(--mass-gold-pale);
  opacity: 0.55;
  pointer-events: none;
  cursor: default;
}

@media only screen and (max-width: 767px) {
  .pagination.st-post-pagination {
    margin-top: 30px;
  }
  .pagination.st-post-pagination .page-item {
    margin: 0px 3px 8px;
  }
  .pagination.st-post-pagination .page-link {
    min-width: 38px;
    padding: 9px 12px;
    font-size: 13px;
  }
}