@font-face {font-family: 'fotonBold';src: url(../font//fotontype-bold-webfont.woff);}
@font-face {font-family: 'fotonLight';src: url(../font//fotontype-light-webfont.woff);}
@font-face {font-family: 'fotonMedium';src: url(../font//fotontype-medium-webfont.woff);}
.container-fluid {padding: 0;}
body {font-family: "arial", sans-serif !important;color: #7A7A7A;}
h1, h2, h3, h4, h5, h6 {font-family: 'fotonBold';}
#header {background-color: #041954;}
.main-header {padding: 1em calc(5% + 15px);}
.logo-wrapper .system-info-logo {max-width: 180px;width: 180px;display: block;}
.logo-wrapper .system-info-logo img {width: 100%;}
.main-header {padding: 0 calc(5% + 15px);}
.header-nav .navbar {background-color: transparent !important;}
#backToTop {position: fixed;bottom: 30px;right: 30px;width: 2.1em;height: 2.1em;line-height: 2.1;border: none;border-radius: 50%;background-color: #10dcff;color: #fff;font-size: 16px;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: opacity 0.3s ease, transform 0.3s ease;z-index: 999;}
#backToTop.show {opacity: 1;visibility: visible;transform: translateY(0);}
#backToTop:hover {background-color: #10dcff;}
.clientName span {font-size: 18px;}
.dropdown-item, .header-nav i, .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .nav-link {color: #fff;text-transform: uppercase;font-family: 'fotonLight';}
#header .info-details {display: none;}
ul.navbar-nav li , .header-nav i {margin: 0 1rem;font-family: 'Font Awesome 5 Free';}
footer#footer {background-color: #041954;padding: 5%;margin-top: 60px;}
footer#footer img {width: 150px;}
footer#footer .col-12 {padding: 0;}
/*footer#footer .row.mx-0 {padding: 0 35px;}*/
footer#footer .col-12.col-md.footer-links ul {display: flex;flex-direction: column;}
footer#footer .col-12.col-md.footer-links ul a {color: #fff;font-family: 'fotonLight';}
footer#footer .footer-links ul a:hover, ooter#footer .footer-links ul a:hover {color: #9bf0ff;text-decoration: none;}
footer#footer .socials a {color: #fff;margin-right: 1rem;}
.hero-jumbotron {position: relative;width: 100%;min-height: 80vh;overflow: hidden;display: flex;align-items: center;}
.hero-picture {position: absolute;inset: 0;}
.hero-picture img {width: 100%;height: 100%;object-fit: cover;}
.hero-overlay {position: absolute;inset: 0;/*background: linear-gradient(to right,rgba(0,0,0,0.6),rgba(0,0,0,0.2));*/;}
.hero-content {position: relative;z-index: 2;color: #fff;}
.hero-content h1 {font-family: 'fotonBold';font-size: 56px;font-weight: 600;line-height: 60px;text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.7);color: #FFFFFF;margin-top: 10px;}

@media (max-width: 767px) {
.hero-jumbotron {min-height: 70vh;}}
.container {max-width: 100%;padding: 5% calc(5% + 15px) 0;}
.hotline-banner {position: relative;width: 100%;min-height: 320px;display: flex;align-items: center;overflow: hidden;color: #fff;background-color: #041954;background-image: url(https://image.blob.ix.co.za/LayoutImage/367/1/367-1-FW_HP_Get-on-touch_Background-Banner-01-1-1920x960.png);background-position: bottom left;background-size: cover;padding: 60px 0;}
.hotline-bg {position: absolute;inset: 0;width: 100%;height: 100%;object-position: bottom left;object-fit: cover;}
.hotline-overlay {position: absolute;inset: 0;}
.hotline-content {position: relative;z-index: 2;max-width: 50%;margin: 0 auto;}
.hotline-content h2 {font-size: 42px;font-weight: 600;margin-bottom: 0;}
.hotline-number, .hotline-number:hover {font-family: 'fotonBold';font-size: 42px;font-weight: 700;color: #25e6ff;letter-spacing: 1px;margin-bottom: 15px;margin-bottom: 36px;}
.hotline-content p {font-size: 28px;line-height: 1.7;opacity: 0.95;margin: 58px 0 36px;}

@media (max-width: 767px) {
.hotline-banner {padding: 60px 15px;min-height: auto;}
.hotline-content p {font-size: 1rem;}}
.parts-services-section {background: #ffffff;}
.section-title {font-size: 2.5rem;font-weight: 600;color: #0b2a5b;margin-bottom: 15px;}
.section-intro {max-width: 900px;margin: 0 auto;color: #6c757d;font-size: 1.1rem;}
.ps-card {position: relative;min-height: 420px;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.ps-bg {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;}
.ps-overlay {position: absolute;inset: 0;/*background: rgba(0, 0, 0, 0.55);*/;}
.ps-content {position: relative;z-index: 2;color: #fff;max-width: 600px;padding: 30px;}
.ps-content h3 {font-size: 2.2rem;font-weight: 600;margin-bottom: 20px;}
.ps-content p {font-size: 0.95rem;line-height: 1.7;opacity: 0.95;}

@media (max-width: 767px) {
.ps-card {min-height: 360px;}
.ps-content h3 {font-size: 1.8rem;}
.ps-content p {font-size: 0.9rem;}}
.hero-content small.text-uppercase {font-family: "arial", sans-serif !important;font-weight: 600;font-size: 16px;}
section.welcomeCopy {text-align: center;}
section.welcomeCopy p {margin: 52px 0 36px;}
.welcomeCopy h1 {font-size: 48px;font-weight: 600;color: #041954;}
section.welcomeCopy .btn {border-color: #041954;color: #041954;padding: 15px 26px;border-radius: 5px;font-size: 15px;line-height: 1;}
.ix-system-link .mx-auto.col-12.col-lg-6.col-md-8.row {max-width: 100%;flex: 100%;}
.ix-system-link .col-lg-4.col-md-6.col-12 {flex: 0 0 33.333333%;max-width: 33.333333%;}
.ix-system-link {margin: 15px 0 10px !important;}
section.bg-secondary {background-color: #F5F5F5 !important;}
section.auman {padding: 5%;}
section.auman h2 {font-size: 48px;font-weight: 600;color: #041954;margin-bottom: 0;}
section.auman p {color: #7A7A7A;margin-bottom: 1.6em;}
.auman span {font-weight: 600;color: #3A4759;line-height: 1.3em;font-size: 24px;font-family: 'fotonBold';}
section.auman .copy {display: flex;flex-direction: column;gap: 20px;}
section.auman img {width: 70%;margin: 0 auto;}
section.auman .btn {padding: 15px 23px;width: fit-content;line-height: 1;}
section.hotline-banner.container {padding: 60px 0;/* min-height: 424px; */;}
section.parts-services-section .section-intro {max-width: 100%;padding: 52px 0px 36px 0px;}
section.parts-services-section .section-title {margin-bottom: 0;}
.Zone_5 {padding-top: 100px;}
.Zone_5 section.bannerCopy {background-color: unset;background-image: unset;min-height: 720px;}
section.bannerCopy {position: relative;width: 100%;min-height: 320px;display: flex;align-items: center;overflow: hidden;color: #fff;}
section.bannerCopy img {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;}
.banner-content {line-height: 1.3em;position: relative;z-index: 2;margin: 0 auto;width: 100%;}
.banner-content h2 {font-size: 58px;}
.banner-overlay {position: absolute;inset: 0;}
.banner-content img {object-fit: unset !important;position: unset !important;width: max-content !important;}
.home .title {color: #0b2a5b;font-size: 48px;}
.home div#widget-article-tile-Blog .card {border: 0;}
.home div#widget-article-tile-Blog .article-date {display: none;}
.home div#widget-article-tile-Blog .card .article-summary {display: none;}
.home div#widget-article-tile-Blog .card .card-body {display: flex;flex-direction: column-reverse;justify-content: flex-end;padding-right: 0;}
.home div#widget-article-tile-Blog .card .article-author {display: none;}
.home div#widget-article-tile-Blog .card .article-image {margin-bottom: 20px;}
a {color: #10dcff;}
.home div#widget-article-tile-Blog .card .article-title {font-size: 20px;color: #041954;}
.home div#widget-article-tile-Blog .article-tile:first-child .card .card-body {padding-left: 0;}
.hotline-content .btn {padding: 15px 26px;}
.container.hero-content {padding: 0 5.5%;}
a:hover {text-decoration: none;color: #041954;}
.Zone_3.z-wrapper.container .hotline-content.text-center {max-width: 59%;}
/*footer#footer .row.mx-0 {display: grid;grid-template-columns: repeat(5, 1fr);grid-column-gap: 50px;}*/
footer#footer .row.mx-0 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px; /* reduce from 50px */
}
.socials ul {display: flex;justify-content: center;}
.main-header #nav-toggler {display: none;background: 0 0;border: 0;border-radius: 50%;color: #fff;display: -ms-flexbox;-ms-flex-direction: column;flex-direction: column;height: 45px;min-width: 45px;padding: 0;position: relative;transition: border-color .3s .12s;order: 1;line-height: unset;}
.dropdown-item {color: #000;}
.dropdown-item:focus, .dropdown-item:hover {background-color: #041954;color: #fff;}
.dropdown-menu.show {padding: 0;margin: 24px 0 0;}
.dropdown-menu {border-radius: 0;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #fff;}
.header-nav .dropdown-toggle::after {border: 0;content: '\f078';font-family: 'Font Awesome 5 Free';font-weight: 600;}
.header-nav .navbar-light .navbar-nav .nav-link {display: flex;}
.header-nav .header-icons-wrapper {display: flex;align-items: center;}
.header-nav li.active.dropdown.nav-item.show .dropdown-toggle::after {content: '\f077';}
ul.navbar-nav li:hover>a {color: #10dcff !important;}
.header-nav i:hover, .socials i:hover {color: #10dcff;}

@media (min-width:1025px) {
ul.navbar-nav li {min-height: 88px;display: flex;align-items: center;}
ul.navbar-nav {align-items: center;}
.header-nav .navbar {padding: 0;}
.header-nav .dropdown-menu.show {margin: 0;}
.header-nav .dropdown-menu {background-color: #041954;color: #fff;}
.header-nav  .dropdown-menu a {color: #fff;}
.header-nav .dropdown-menu a:hover {color: #10dcff;}}
.header-nav .dropdown-menu a {text-transform: capitalize;}
footer#footer .col-12.col-md.footer-links ul a:hover {color: #10dcff;}
#backToTop:focus {outline: none;}
.inner {padding: 2% calc(5% + 15px) 0;}
section.container.innerCopy, .container.innerCopy {padding: 0;}
.main-header.container {padding: 0 calc(5% + 15px);}