/* Menu */
.vertical-menu-container .fusion-accordian .fusion-toggle-icon-right .toggle-content p {
font-size: 14px;
color: #fff;
font-weight: 400;
line-height: 23.1px;
letter-spacing: 0.28px;
margin: 0;
}
.vertical-menu-container .fusion-accordian .fusion-toggle-icon-right .toggle-content {
padding-top: 0;
}
.vertical-menu-container .fusion-accordian .fusion-toggle-icon-wrapper .fa-fusion-box.inactive-icon:before, .tab-links-container .fusion-text .fa-fusion-box:before {
content: url('data:image/svg+xml,');
}
.vertical-menu-container .fusion-accordian .fusion-toggle-icon-wrapper .fa-fusion-box.active-icon:before, .tab-links-container .fusion-text a:hover .fa-fusion-box:before, .fusion-tabs.vertical-tabs .nav-tabs li.active .fusion-tab-heading .fa-long-arrow-alt-right:before {
content: url('data:image/svg+xml,');
}
.vertical-menu-container .fusion-accordian .fusion-toggle-icon-right .panel-heading a:hover .fa-fusion-box.inactive-icon::before {
content: url('data:image/svg+xml,');
}
.awb-menu .fusion-megamenu-icon .fa-align-justify:before {
content: url('data:image/svg+xml,');
}
.fusion-tabs.vertical-tabs .nav-tabs li .fusion-tab-heading:after {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-image: url('data:image/svg+xml,');
background-size: contain;
background-repeat: no-repeat;
}
.fusion-tabs.vertical-tabs .nav-tabs li .tab-link.active .fusion-tab-heading:after, .fusion-tabs.vertical-tabs .nav-tabs li .tab-link:hover .fusion-tab-heading:after {
background-image: url('data:image/svg+xml,');
position: relative;
align-self: end;
}
.awb-menu_row.awb-menu_em-click .awb-menu__mega-wrap {
top: 0;
margin-top: 0;
position: fixed;
width: 100%;
left: 0 !important;
}
.transparent-btn.fusion-button {
background: no-repeat;
border-radius: 30px;
padding: 14px 32px;
font-weight: 600;
font-size: 18px;
line-height: 20px;
letter-spacing: 0.04em;
text-transform: none;
font-family: 'Montserrat';
}
.transparent-btn.fusion-button i.icon-galerieclose {
font-size: 19px;
font-weight: 600;
}
.accent-btn.fusion-button {
background: #98C8FD;
border: 0;
border-radius: 30px;
display: flex;
gap: 12px;
padding: 17px 20px;
font-family: 'Montserrat';
font-weight: 600;
font-size: 18px;
line-height: 20px;
letter-spacing: 0.04em;
color: #00356F;
position: relative;
bottom: 40px;
text-transform: unset;
}
.menu-footer .accent-btn.fusion-button {
justify-content: center;
}
.transparent-btn.fusion-button.back-home {
margin-left: 30px;
}
.transparent-btn.fusion-button.back-home:hover,
#close-btn:hover {
border-color: transparent;
}
.fusion-tabs.fusion-tabs-1.clean.vertical-tabs.icon-position-right .tab-link {
background: none;
border: none;
}
/*.fusion-tabs.fusion-tabs-1.clean.vertical-tabs.icon-position-right .nav {
background: #0057B7;
}
*/
.fusion-accordian.vertical-menu .panel-heading .panel-title a {
font-family: 'Montserrat';
font-weight: 600;
font-size: 16px;
line-height: 27px;
letter-spacing: 0.04em;
}
.fusion-tabs.vertical-tabs .nav-tabs li .fusion-tab-heading {
gap: 22px;
color: #A8A8A8;
}
.vertical-menu-container .fusion-accordian .fusion-toggle-icon-right .fusion-toggle-heading {
width: auto;
}
.vertical-menu-container .fusion-accordian .fusion-toggle-icon-right .panel-heading a {
justify-content: flex-end;
}
.fusion-tabs.vertical-tabs .nav-tabs li.active .fusion-tab-heading,
.fusion-tabs .nav-tabs li:hover .fusion-tab-heading {
color: #0079FF;
}
.fusion-tabs.vertical-tabs .nav-tabs li .tab-link .fontawesome-icon {
display: none;
}
.fusion-tabs.vertical-tabs .nav-tabs li.active .fusion-tab-heading .fontawesome-icon,
.fusion-tabs .nav-tabs li:hover .fusion-tab-heading .fontawesome-icon {
display: block;
}
/*.fusion-tabs.vertical-tabs .nav-tabs:before {
width: 100%;
content: " ";
display: block;
background: #0057B7;
height: 215%;
position: absolute;
top: -145px;
z-index: -1;
border-radius: 0 0 0 10px;
}*/
.fusion-tabs.vertical-tabs .nav-tabs li {
/*left: 30px;*/
}
/*.fusion-body .fusion-tabs.vertical-tabs .nav-tabs>.active>.tab-link:focus,
.fusion-body .fusion-tabs.vertical-tabs .nav-tabs>.active>.tab-link:hover,
.fusion-body .fusion-tabs.vertical-tabs .nav-tabs>.active>.tab-link {
background: #015BBE;
border-radius: 30px;
}*/
.main-megamenu-container > .fusion-builder-row {
/*background: #000;*/
/*border-radius: 0 0 10px 10px;*/
}
.fusion_builder_column.vertical-menu-container > .fusion-content-layout-column {
margin: 0;
}
.tab-links-container .fusion-text a {
gap: 19px;
display: flex;
padding: 8px 0;
font-family: 'Montserrat';
letter-spacing: 0.64px;
align-items: center;
font-weight: 700;
font-size: 16px;
line-height: 27px;
color: rgba(130, 130, 130, 0.75);
}
.tab-links-container .fusion-text a:hover {
color: #ffffff;
}
.tab-links-container .fusion-text p {
margin: 0;
}
.tab-links-container .fusion-text a i {
font-size: 20px;
}
.fusion-tabs.vertical-tabs .nav-tabs li {
margin-bottom: 0 !important;
}
.awb-menu__mega-wrap .fusion-flex-container .fusion-row.fusion-flex-content-wrap {
margin: 0 !important;
padding: 118px 40px;
}
.fusion-sticky-transition .awb-menu__mega-wrap .fusion-flex-container .fusion-row.fusion-flex-content-wrap {
padding: 88px 40px;
}
.fusion-flex-container .fusion-row .fusion-flex-column .back-container {
margin-top: 60px;
}
.close-container .fusion-column-wrapper.fusion-column-has-shadow.fusion-content-layout-column,
.talk-container .fusion-column-wrapper.fusion-column-has-shadow.fusion-content-layout-column {
margin-right: 60px;
}
.fusion-body .fusion-mobile-tab-nav .nav-tabs>.active>.tab-link,
.fusion-body .fusion-mobile-tab-nav .nav-tabs>.active>.tab-link:focus,
.fusion-body .fusion-mobile-tab-nav .nav-tabs>.active>.tab-link:hover,
.fusion-tabs.clean .fusion-mobile-tab-nav .nav-tabs li .tab-link {
background: none;
border: none;
}
.fusion-tabs .fusion-mobile-tab-nav .nav-tabs li .fusion-tab-heading {
justify-content: start;
font-weight: 600;
font-size: 18px;
line-height: 26px;
}
.fusion-button.fusion-button-default.button-link-blue {
background: #0057B7;
border: 0;
border-radius: 30px;
font-weight: 600;
font-size: 18px;
line-height: 18px;
letter-spacing: 0.04em;
}
.fusion-button.fusion-button-default.button-link-blue:hover .fusion-button-text {
color: #fff;
}
.button-link-blue .fusion-button-text {
display: flex;
align-items: center;
gap: 12px;
}
.button-link-blue .fusion-button-text:after {
display: inline-flex;
content: "";
width: 23px;
height: 12px;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,');
}
.fusion-layout-column.header-talk-btn {
flex: auto;
}
.header-talk-btn .fusion-content-layout-column {
align-items: flex-end;
}
.page-banner .fusion-title h1.fusion-title-heading {
font-weight: 600;
}
.black-logo {
display: none !important;
}
.page-id-2139 .black-logo.active,
.page-id-2698 .black-logo.active,
.page-id-3110 .black-logo.active {
display: none !important;
}
.corporate-iso-text .fusion-text {
max-width: 300px;
}
.fusion-text.corporate-iso-quality {
max-width: 430px;
}
@media only screen and (min-width: 1024px) {
.fusion-tabs.vertical-tabs.clean .nav-tabs {
width: 480px;
}
.fusion-tabs.vertical-tabs.clean .nav-tabs li .tab-link {
padding: 12px 40px;
}
.fusion-flex-container .fusion-row .vertical-menu-container.mobile {
display: none;
}
#close-btn {
display: none;
}
}
@media only screen and (max-width: 1024px) {
.fusion-flex-container .fusion-row .vertical-menu-container.desktop {
display: none;
}
.fusion-flex-container .fusion-row .vertical-menu-container.mobile {
display: flex !important;
margin: 0;
padding: 0;
background: #000;
height: 85%;
}
.awb-menu__mega-wrap .fusion-flex-container .fusion-row.fusion-flex-content-wrap {
padding: 25px 20px;
}
/*.main-megamenu-container > .fusion-builder-row {
background: #0057B7;
}*/
.main-megamenu-container {
width: 100% !important;
}
.main-megamenu-container .fusion-column-wrapper.fusion-content-layout-block {
margin: 32px;
}
/*Mobile Navigation Css Starts */
.menu-container {
width: 100%;
max-width: 400px;
/*background-color: #0057B7;*/
color: #fff;
height: 100vh;
position: relative;
}
.menu-container a {
font-weight: 600;
font-size: 18px;
line-height: 26px;
color: #fff;
}
.menu-title {
display: flex;
align-items: center;
font-weight: 600;
font-size: 18px;
line-height: 20px;
letter-spacing: 0.04em;
}
.menu-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 0 25px;
}
.menu-header.first {
padding-bottom: 33px;
}
.menu-back-btn,
.menu-close-btn {
display: flex;
align-items: center;
font-weight: 600;
font-size: 18px;
line-height: 20px;
letter-spacing: 0.04em;
background: none;
border: 1px solid;
border-radius: 30px;
color: #fff;
padding: 4px 24px;
gap: 12px;
}
/*.menu-back-btn,
.menu-close-btn {
visibility: hidden;
}*/
.multi-level-menu {
position: relative;
height: calc(100% - 60px);
overflow: hidden;
border-top: 1px solid #A8A8A8;
}
/*.menu-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: transform 0.4s ease;
}*/
.menu,
.submenu {
list-style: none;
padding: 0;
margin: 0;
}
.menu > li,
.submenu > li {
margin-top: 20px;
}
.menu-container a {
color: #fff;
text-decoration: none;
display: flex;
justify-content: space-between;
align-items: center;
}
.menu-container .arrow {
font-size: 20px;
}
.submenu {
position: absolute;
left: 100%;
width: 100%;
height: 100%;
/*background-color: #0057B7;*/
display: none;
top: 0;
}
/*.menu-footer {
position: absolute;
bottom: 65px;
width: 100%;
}*/
.cta-button {
display: block;
background: #0056D2;
padding: 10px 20px;
color: #fff;
text-align: center;
text-decoration: none;
border-radius: 4px;
font-weight: bold;
}
.cta-button:hover {
background: #003F91;
}
.menu-header.first {
display: none;
}
.awb-menu__main-ul > .menu-item-has-children.expanded .awb-menu__main-a {
display: none;
}
}
.fusion-fullwidth.fullwidth-box.has-mask-background.testimonial-corporate {
margin-left: 60px;
margin-right: 60px;
}
.fusion-fullwidth.fullwidth-box.has-mask-background.testimonial-corporate .fusion-imageframe {
right: -19%;
overflow: visible;
}
.fusion-fullwidth.fullwidth-box.has-mask-background.testimonial-corporate .fusion-imageframe:before {
content: "";
width: 84px;
height: 58px;
background-image: url('data:image/svg+xml,');
display: block;
position: absolute;
left: -60px;
top: -7px;
}
.fusion-fullwidth.fullwidth-box.has-mask-background.testimonial-corporate .fusion-text.corporate-ceo-text:after {
content: "";
width: 84px;
height: 58px;
background-image: url('data:image/svg+xml,');
display: block;
position: absolute;
right: -20px;
bottom: 63px;
}
.fusion-fullwidth.fullwidth-box.has-mask-background.testimonial-corporate .fusion-column-wrapper.fusion-content-layout-column {
margin: 0;
}
.fusion-fullwidth.fullwidth-box.has-mask-background.corporate-iso .fusion-image-element {
right: 50px;
position: relative;
}
.menu-toggle {
width: 40px;
height: 40px;
background: none;
border: none;
cursor: pointer;
z-index: 1000;
}
.menu-toggle .line {
display: block;
width: 80%;
height: 2px;
background: #0057B7;
margin: 4px 0;
/* transition: all 0.3s ease; */
transition: transform .3s cubic-bezier(0.22, 0.61, 0.36, 1), opacity .3s cubic-bezier(.215,.61,.355,1);
}
/* Close button rotation effect */
.menu-toggle.open .line1 {
transform: rotate(45deg) translate(5px, 5px);
}
.menu-toggle.open .line2 {
opacity: 0;
}
.menu-toggle.open .line3 {
transform: rotate(-45deg) translate(5px, -5px);
}
.menu-container-custom {
display: none;
}
a.awb-menu__main-a {
z-index: 99999999999;
}
.awb-menu__main-ul > .menu-item-has-children.expanded .awb-menu__main-a {
border-radius: 30px;
font-weight: 600;
font-size: 18px;
line-height: 20px;
letter-spacing: 0.04em;
font-family: 'Montserrat';
border: 2px solid #ffffff;
text-transform: none;
color: #fff;
position: relative;
top: 31px;
right: 49px;
padding: 3px 20px;
}
.awb-menu__main-ul > .menu-item-has-children.expanded .awb-menu__main-a .menu-text {
font-size: 13px;
color: #fff;
flex: none;
}
.menu-toggle.open .line {
background: #fff;
margin: 5px 0;
}
.awb-menu__main-ul > .menu-item-has-children.expanded .awb-menu__main-a .awb-menu__i_main {
padding: 0;
}
/*.menu-toggle.open {
width: 35px;
height: 35px;
position: relative;
left: 10px;
}*/
.awb-menu__main-ul > .menu-item-has-children.expanded .awb-menu__main-a:hover {
background: #fff;
}
.awb-menu__main-ul > .menu-item-has-children.expanded .awb-menu__main-a:hover > .menu-text {
color: #242727;
}
.awb-menu__main-ul > .menu-item-has-children.expanded .awb-menu__main-a:hover .menu-toggle.open .line {
background: #242727;
}
/**** Corporate Tabs Slider Css ****/
.tabs-container {
display: flex;
align-items: center;
padding: 50px 0;
}
.tabs-container .tabs {
margin-bottom: 20px;
width: 60%;
}
.tabs-container .tabs ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 15px;
flex-direction: column;
}
.tabs-container .tabs ul li {
cursor: pointer;
transition: color 0.3s;
font-size: 24px;
line-height: 32px;
font-weight: 600;
color: #828282BF;
}
.tabs-container .tabs ul li.active {
color: #0057B7;
}
.tabs-container .tabs ul li:hover {
color: #0057B7;
}
.tab-content-slide {
display: none;
animation: fadeIn 0.5s;
}
.tab-content-slide.active {
display: flex;
}
.tab-content-slide .image {
flex: 2.5;
}
.tab-content-slide .text {
flex: 1;
}
.tab-content-slide .text h2 {
font-size: 24px;
margin-bottom: 15px;
color: #fff;
font-weight: 600;
font-size: 30px;
line-height: 43px;
}
.tab-content-slide .text p {
font-size: 14px;
line-height: 23px;
letter-spacing: 0.02em;
color: #FFFFFF;
}
.tab-content-slide .image img {
position: absolute;
bottom: -20px;
left: 31%;
z-index: -1;
}
#tab1 .image img {
bottom: 60px;
left: 39%;
}
.tabs-container .fusion-column-wrapper.fusion-column-has-shadow.fusion-flex-justify-content-flex-start.fusion-content-layout-column {
margin-left: 0;
}
.testimonial-corporate .corporate-ceo-text {
padding-bottom: 15px;
margin-bottom: 30px;
border-bottom: 1px solid #000;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.pagination-controls {
display: flex;
align-items: center;
margin-top: 20px;
justify-content: space-between;
}
.prev,
.next {
background-color: #0057B7;
color: #fff;
padding: 16px 15px;
cursor: pointer;
border-radius: 50%;
margin: 0 7px;
border: none;
}
.pagination-dots {
display: flex;
gap: 10px;
list-style: none;
}
.pagination-dots li {
width: 10px;
height: 10px;
background-color: #ECECEC;
border-radius: 50%;
cursor: pointer;
}
.pagination-dots li.active {
background-color: #0057B7;
}
.tabs-container .fusion-flex-container .fusion-row .fusion-flex-column .fusion-column-wrapper:not(.fusion-flex-column-wrapper-legacy) {
margin: 0;
}
.tabs-container .caption-button,
.tabs-container .caption-button-white {
position: absolute;
right: 0;
top: 40px;
}
.tabs-container .caption-button p {
box-shadow: 0px 1px 0px 0px #fff;
border: 1px solid #fff;
border-left: none;
border-top: none;
}
.global-locations-slider .our-values-content {
background-color: #F9F9F9BF !important;
}
.global-worldwide-img, .global-worldwide-img img {
width: 100%;
}
/**** Scroll Container Css ***/
.scroll-container {
display: flex;
overflow: hidden;
height: 588px;
}
.fixed-images {
position: sticky;
top: 0;
flex: 1;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.fixed-images img {
position: absolute;
max-width: 100%;
height: auto;
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.fixed-images img.active {
opacity: 1;
z-index: 1;
}
.scroll-content {
flex: 1;
overflow-y: scroll;
padding: 20px 20px 20px 0;
}
.scroll-content {
overflow: auto;
scrollbar-width: none;
top: 25%;
position: relative;
height: 390px;
}
.scroll-content::-webkit-scrollbar {
display: none;
}
.content-section {
padding: 20px 0;
max-width: 506px;
}
.scroll-content .content-section h2 {
font-size: 30px;
line-height: 43px;
}
.supply-chain-text .fusion-column-wrapper {
max-width: 506px;
}
/*.scroll-main-container .caption-button {
position: absolute;
top: 100px;
}*/
/***** Brand carousel *****/
.trusted-carousel {
padding: 50px 0;
background-color: #f9f9f9;
text-align: center;
overflow: hidden;
}
.carousel {
display: flex;
flex-direction: column;
gap: 25px;
}
/*.carousel-row {
display: flex;
align-items: center;
white-space: nowrap;
position: relative;
gap: 25px;
animation: scroll-left 30s linear infinite;
}*/
.carousel-row {
display: flex;
align-items: center;
white-space: nowrap;
position: relative;
gap: 25px;
will-change: transform;
}
.carousel-item {
flex: 0 0 auto;
background: #fff;
border-radius: 10px;
padding: 20px;
width: 177px;
text-align: center;
height: 96px;
display: flex;
align-items: center;
justify-content: center;
}
.charitable-foundations .carousel-item {
width: 280px;
height: 161px;
}
.charitable-foundations-carousel .carousel-item img.c-image_img {
max-height: 115px;
width: auto;
max-width: 200px;
}
.charitable-foundations .carousel-row {
gap: 39px;
}
@keyframes scroll-left {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}
@keyframes scroll-right {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(0);
}
}
.corporate-brand-slider .caption-button {
justify-content: flex-end;
margin-bottom: 56px !important;
}
.charitable-foundations .chari-arrow-section .fusion-builder-row.fusion-row {
/*border-bottom: 1px solid #A8A8A8 !important;
padding-bottom: 4%;*/
}
.charitable-foundations .chari_arrow:after {
position: relative;
display: inline-flex;
vertical-align: middle;
content: "";
width: 47px;
height: 47px;
background-color: #0057B7;
background-repeat: no-repeat;
background-size: 20px;
background-position: center;
border-radius: 36px;
margin-top: -3px;
}
.charitable-foundations button.chari_arrow {
background: no-repeat;
border: 0;
cursor: pointer;
}
.charitable-foundations .chari_arrow--left:after {
background-image: url(https://directedgroup.com.au/wp-content/uploads/2024/12/Icons_Arrow_Left.png);
}
.charitable-foundations .chari_arrow--right:after {
background-image: url(https://directedgroup.com.au/wp-content/uploads/2024/12/Icons_Arrow_right.png);
}
.career-text-slide .carousel-item {
width: auto;
height: auto;
background: none;
}
.career-text-slide .carousel-content {
font-weight: 600;
font-size: 30px;
line-height: 42px;
color: #fff;
}
.career-text-slide .carousel-row {
gap: 150px;
}
.fusion-fullwidth.page-banner {
background-position: bottom;
}
.tabs-container .pagination-arrows {
position: relative;
bottom: 20px;
}
/* Initial States */
.time-city,
.header-talk-btn .button-link-blue {
opacity: 1;
transform: translateX(0);
transition: all 0.4s linear;
transition-delay: calc(.2s + 40ms* 5);
}
.site-logo .main-logo {
opacity: 1;
transform: translateX(0);
transition: all 0.4s linear;
transition-delay: calc(.2s + 40ms* 5);
}
.site-logo .scroll-logo {
display: none !important;
opacity: 0;
transform: translateX(-50px); /* Initially off-screen to the right */
display: none;
transition: all 0.4s linear;
transition-delay: calc(.2s + 40ms* 5);
}
.automotive-content .fusion-column-wrapper.fusion-column-has-bg-image {
min-height: 437px;
margin: 0;
}
.automotive-content .fusion-image-element .fusion-imageframe {
display: flex;
background: #fff;
width: 185px;
min-height: 100px;
align-items: center;
justify-content: center;
border-radius: 10px 0;
}
.automotive-content .fusion-image-element .fusion-imageframe {
position: absolute;
top: 0;
}
.automotive-content .fusion-row {
gap: 39px;
}
.border-box {
border: 2px solid #fff;
display: block;
height: 105px;
border-right: 0;
width: 140px;
position: relative;
}
.border-box .line {
border: 2px solid #FFFFFF;
width: 136%;
position: absolute;
right: 100%;
top: 48%;
border-bottom: 0;
}
.auto-border .fusion-content-layout-column {
align-items: flex-end;
}
.border-box .dot {
position: absolute;
width: 12px;
height: 12px;
background-color: #FFFFFF;
border: 2px solid #FFFFFF;
border-radius: 50%;
z-index: 10;
}
.border-box .dot.dot-top-left {
right: 20rem;
top: 43%;
}
.border-box .dot.dot-top-right {
right: -11px;
top: -7px;
}
.border-box .dot.dot-bottom-right {
right: -11px;
bottom: -6px;
}
/***** Mobile sections css ***/
/***** Homepage css ***/
@media only screen and (max-width: 767px) {
.home-intro {
margin-top: 50px !important;
}
.home-intro .mobile-text-break .mobile-break {
font-size: 28px;
line-height: 34px;
}
.home-intro .mobile-text-break {
font-size: 28px;
line-height: 34px;
margin-bottom: 0 !important;
}
.home-intro.fusion-flex-container {
justify-content: flex-start;
padding: 20px !important;
}
.home-intro.fusion-flex-container .fusion-flex-content-wrap,
.home-career.fusion-flex-container .fusion-flex-content-wrap {
max-width: 100% !important;
margin: 0 !important;
}
.button-link .fusion-button-text,
.button-link-white-blue .fusion-button-text {
letter-spacing: 0.04em;
}
/****** Home Industries ****/
.industries-list li.active .industry-item .industry-content {
display: block;
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s;
transition-duration: .5s;
height: auto;
opacity: 1;
transition: height 0ms 0ms, opacity 400ms .25s;
}
.industries-list li.active .industry-title {
font-weight: 700;
}
.industries-list li.active .industry-icon:after {
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-transition-duration: .3s;
-o-transition-duration: .3s;
transition-duration: .3s;
}
.industries-list li {
overflow: visible;
padding: 0 55vw 0px;
}
.industries-list .industry-title {
font-size: 34px !important;
line-height: 40px !important;
}
.home-industries-section {
margin-top: 40px;
}
.industries-list li.active {
padding-top: 20px;
}
.industry-text {
position: relative;
right: 19px;
}
.home-career .fusion-column-wrapper {
margin: 0 !important;
}
/**** Home Lets talk ***/
.fusion-text.home-lets-sec {
font-size: 80px;
line-height: 80px;
}
/**** Home Map ***/
.g-map-container .map-mobile .large-number {
font-size: 28px;
font-weight: 600;
}
.g-map-container .map-mobile .small-title {
font-size: 14px;
line-height: 24px;
}
.g-map-container .button-link .fusion-button-text:after,
.g-map-container .button-link-white-blue .fusion-button-text:after {
width: 10px;
height: 10px;
background-size: 10px;
}
/**** Corporate banner ***/
.banner-top-container .fusion-title-heading {
font-size: 28px !important;
line-height: 34px !important;
font-weight: 600 !important;
letter-spacing: 0;
}
.banner-top-container .fusion-text {
font-size: 11px;
line-height: 18px;
letter-spacing: 0.03em;
}
/**** Corporate tab slider ***/
.tabs-container .tabs {
display: none;
}
.tab-content-slide {
flex-direction: column-reverse;
}
.tab-content-slide .image img {
max-width: 500px;
left: -6%;
}
.tab-content-slide .text {
min-height: 250px;
margin-bottom: 65%;
}
#tab1 .image img {
left: -6%;
bottom: -20px;
}
.tabs-container.fullwidth-box .fusion-row {
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.tabs-container .caption-button,
.tabs-container .caption-button-white {
left: 0;
}
.tab-content-slide .text h2 {
font-size: 25px !important;
line-height: 30px !important;
}
.pagination-controls {
align-items: flex-end;
}
.pagination-dots {
padding: 0;
margin: 0;
}
.tabs-container .pagination-arrows {
bottom: 0;
}
.prev, .next {
margin: 0 5px;
}
.fusion-fullwidth.fullwidth-box.has-mask-background.testimonial-corporate {
margin-left: 0;
margin-right: 0;
padding: 33px 39px 0;
margin-top: 52px;
overflow: visible;
}
.fusion-fullwidth.fullwidth-box.has-mask-background.testimonial-corporate .fusion-imageframe {
right: 0;
}
.fusion-fullwidth.fullwidth-box.has-mask-background.testimonial-corporate .fusion-column-wrapper.fusion-content-layout-column {
border: 0;
}
.fusion-fullwidth.fullwidth-box.has-mask-background.testimonial-corporate .fusion-builder-row {
flex-direction: column-reverse;
}
.fusion-fullwidth.fullwidth-box.has-mask-background.testimonial-corporate .fusion-text.fusion-text-53 {
font-size: 11px;
line-height: 18px;
}
.fusion-fullwidth.fullwidth-box.has-mask-background.testimonial-corporate .fusion-text.fusion-text-52 p {
margin-bottom: 0;
}
.fusion-layout-column.supply-chain-text h2.fusion-title-heading.title-heading-left.fusion-responsive-typography-calculated {
font-size: 25px !important;
line-height: 30px !important;
font-weight: 600;
}
.fusion-builder-row.fusion-row {
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.fusion-layout-column .fusion-column-wrapper {
margin-left: 0 !important;
margin-right: 0 !important;
}
.letstalk-section .fusion-row {
padding-left: 39px !important;
padding-right: 39px !important;
}
.corporate-iso .fusion-layout-column.fusion-builder-column-58 .fusion-column-wrapper {
flex-direction: row !important;
justify-content: center;
border-left: 0;
gap: 5px;
}
.corporate-iso-text .fusion-column-wrapper.fusion-content-layout-column {
justify-content: flex-start;
}
.corporate-iso-text .fusion-column-wrapper.fusion-content-layout-column br {
display: none;
}
.fusion-fullwidth.fullwidth-box.has-mask-background.corporate-iso .fusion-image-element {
right: 0;
}
.corporate-iso h2.fusion-title-heading.title-heading-left.fusion-responsive-typography-calculated,
.charitable-foundations h2.fusion-title-heading.title-heading-left.fusion-responsive-typography-calculated,
.global-locations-slider h3.fusion-title-heading.title-heading-left.fusion-responsive-typography-calculated,
.phila-title,
.phila-beyond-blue .cause-title h2.fusion-title-heading,
.about-people h2.fusion-title-heading.title-heading-left.fusion-responsive-typography-calculated,
.about-corporate h2.fusion-title-heading.title-heading-left.fusion-responsive-typography-calculated {
font-size: 30px !important;
line-height: 37px !important;
}
.charitable-foundations .carousel-item {
width: 170px;
height: 222px;
}
.charitable-foundations-carousel .carousel-item img.c-image_img {
max-width: 100%;
}
.charitable-foundations .chari-arrow-section .fusion-builder-row.fusion-row {
justify-content: space-between;
}
.charitable-foundations button.chari_arrow.chari_arrow--left {
padding-left: 0;
}
.charitable-foundations .carousel-row {
gap: 15px;
}
.fusion-fullwidth.fullwidth-box.has-mask-background.testimonial-corporate .fusion-imageframe:before {
display: none;
}
.testimonial-corporate:before {
content: "";
width: 39px;
height: 29px;
background-image: url('data:image/svg+xml,');
display: block;
position: absolute;
left: -7px;
top: 40px;
}
.testimonial-corporate:after {
content: "";
width: 39px;
height: 28px;
background-image:url('data:image/svg+xml,');
display: block;
position: absolute;
right: -7px;
bottom: 40px;
}
.corporate-iso .fusion-layout-column.fusion_builder_column_inner.fusion-builder-nested-column-0.fusion-flex-column:before {
content: "";
border-top: 1px solid #A8A8A8;
width: 100%;
position: absolute;
top: 48%;
}
.global-locations-slider .fusion-builder-row.fusion-row.fusion-flex-align-items-center.fusion-flex-justify-content-center.fusion-flex-content-wrap {
justify-content: space-around;
}
div.global-locations-slider .glide__arrow:after {
padding: 4px;
}
div.global-locations-slider .glide__bullets {
bottom: -6.5em !important;
}
div.global-locations-slider .our-values-title {
font-weight: 600;
font-size: 18px;
line-height: 26px;
}
div.global-locations-slider .our-values-text {
font-size: 11px;
line-height: 18px;
}
div.global-locations-slider .our-values-content {
padding: 20px;
}
div.global-locations-slider .glide__slide img {
width: 100%;
}
/**** Philanthropy Page CSS ***/
.commitments-info.commitments-margin .fusion-flip-box-wrapper.fusion-column {
margin-bottom: 10px;
}
.philan-banner h1.fusion-title-heading.title-heading-left.sm-text-align-center.fusion-responsive-typography-calculated {
font-size: 28px !important;
line-height: 35px;
letter-spacing: 0;
}
.post-content .phila-title p {
margin-bottom: 0;
}
.phila-beyond-blue .fusion-builder-row.fusion-row.fusion-flex-align-items-stretch.fusion-flex-content-wrap {
flex-direction: column-reverse;
}
.phila-beyond-blue .beyond-title h2 {
font-size: 18px !important;
line-height: 26px !important;
}
.our-commitments .fusion-flip-boxes .fusion-flip-box .flip-box-inner-wrapper {
min-height: 220px !important;
}
.our-commitments.fusion-flex-container .fusion-row .fusion-flex-column {
margin-bottom: 0;
}
.phila-text-readmore {
height: 100px;
overflow: hidden;
transition: height 0.3s ease;
}
.phila-text-readmore.expanded {
height: auto;
}
a.readmore-btn {
font-weight: 700;
line-height: 23.1px;
letter-spacing: 0.02em;
text-decoration: underline;
display: block;
margin-top: 14px;
}
/**** Our story Page CSS ***/
.timeline-sections .story-inner-title {
font-size: 28px;
line-height: 34px;
}
.timeline-sections .story-inner-subtitle {
font-size: 25px;
line-height: 30px;
}
.timeline-sections .timeline-block {
padding-left: 0;
}
.timeline-sections .timeline-block:before {
width: 5px;
height: 86.2%;
top: 7.3%;
left: 30px;
}
.timeline-sections ul {
list-style: none;
padding-left: 0;
}
.timeline-sections .timeline-block > .fusion-column-wrapper .fusion-builder-row:first-child:before {
left: 17px;
top: 45%;
}
.timeline-sections .timeline-block > .fusion-column-wrapper .fusion-builder-row:last-child:before {
bottom: 34%;
left: 17px;
top: auto;
}
.about-corporate h2 {
width: min-content;
}
.corporate-top-banner.banner-top-container .fusion-text {
padding: 0 20px;
position: relative;
margin-top: -8px;
}
.corporate-top-banner.banner-top-container .fusion-text br {
display: none;
}
/**** Career Page CSS ***/
.career-top-banner .fusion-text {
font-size: 18px;
line-height: 26px;
}
.career-top-banner.fusion-flex-container .fusion-row .fusion-flex-column .fusion-column-wrapper:not(.fusion-flex-column-wrapper-legacy) {
display: block !important;
}
.career-top-banner.fusion-flex-container .fusion-row .fusion-flex-column {
flex: auto;
width: 100% !important;
}
.career-top-banner .button-light-blue {
width: 96%;
padding-top: 13px !important;
padding-bottom: 13px !important;
}
.career-top-banner .fusion-button.fusion-button-default.button-link-blue {
width: 96%;
padding-top: 13px !important;
padding-bottom: 13px !important;
}
.career-text-slide .carousel-content {
font-size: 23px;
line-height: 28px;
}
.rewarding-challenge .fusion-text-51 p {
font-weight: 700;
}
.counter-section .fusion-counters-box.counters-box {
display: grid;
grid-template-columns: 47% 47%;
gap: 8px;
justify-content: center;
}
.counter-section .fusion-counter-box.fusion-column {
filter: drop-shadow(2.29553px 2.29553px 11.4777px rgba(0, 0, 0, 0.15));
padding: 0;
margin: 0;
}
.counter-block .fusion-counter-box .counter-box-container .content-box-counter {
font-size: 28px;
line-height: 34px;
}
.counter-block .fusion-counter-box .counter-box-container {
padding: 22px;
height: 99px;
display: flex;
flex-direction: column;
justify-content: center;
}
.counter-section .fusion-counters-box.counters-box:before,
.counter-section .fusion-counters-box.counters-box:after {
display: none;
}
.fusion-counters-box .counter-box-content {
font-size: 14px;
line-height: 23px;
}
.fusion-text .tag-button {
padding: 10px 13px;
margin-right: 8px;
}
.fusion-text .tag-button:last-child {
margin-right: 0;
}
.fusion-flip-boxes .fusion-flip-box .flip-box-heading {
font-size: 18px !important;
}
.fusion-fullwidth.career-innovate {
min-height: 398px;
}
.career-innovate.fusion-flex-container .fusion-flex-align-self-center {
align-self: flex-start;
}
.career-innovate.fusion-flex-container .fusion-flex-align-items-flex-start {
align-items: end;
}
.career-innovate.fusion-flex-container .fusion-flex-justify-content-flex-start {
justify-content: end;
border-bottom: 1px solid #fff !important;
margin-left: 42px !important;
margin-right: 42px !important;
}
/**** Header mobile ****/
.awb-menu .awb-menu__i_main {
padding-right: 0;
}
.menu-toggle {
width: 30px;
height: auto;
}
.menu-toggle .line {
background: #fff;
}
.fusion-layout-column.h-mobile-menu {
width: auto;
}
.h-mobile-lets .fusion-button.fusion-button-default.button-link-blue {
justify-content: left;
background: #fff;
font-size: 14px;
line-height: 18px;
padding-left: 15px;
width: 160px;
}
.h-mobile-lets .button-link-blue .fusion-button-text {
color: #242727 !important;
}
.fusion-layout-column.h-mobile-lets {
position: absolute;
right: 50px;
width: auto;
}
.fusion-layout-column.site-logo {
width: auto;
}
.awb-menu_row .menu-text {
color: #fff;
}
/****** Automotive page css *****/
.automotive-top-banner .fusion-text {
font-size: 18px;
line-height: 26px;
margin-top: 0;
position: relative;
bottom: 48px;
margin-bottom: 10px;
}
.automotive-top-banner .fusion-layout-column.fusion_builder_column.fusion-builder-column-51 {
align-self: flex-end;
}
.automotive-top-banner h1.fusion-title-heading.title-heading-right.sm-text-align-center.fusion-responsive-typography-calculated {
font-size: 37px !important;
line-height: 37px !important;
}
.line-design-mobile {
position: absolute;
top: 20%;
left: 11%;
width: 65%;
height: 60%;
}
.m-line {
width: 100%;
height: 2px;
background: #fff;
}
.m-line1 {
width: 40%;
background: #fff;
height: 2px;
rotate: 90deg;
position: absolute;
left: -48px;
top: 48px;
}
.m-line2 {
width: 24%;
height: 2px;
position: absolute;
background: #fff;
rotate: 90deg;
top: 30px;
}
.m-line3 {
width: 13%;
background: #fff;
height: 2px;
rotate: 90deg;
position: absolute;
right: -15px;
bottom: 15px;
}
.automotive-top-banner .fusion-layout-column.fusion_builder_column.fusion-builder-column-51 {
margin-bottom: 0;
position: relative;
top: 28px;
}
.automotive-top-banner .fusion-builder-row.fusion-row {
position: relative;
top: 30px;
}
.line-design-mobile .dot {
position: absolute;
width: 10px;
height: 10px;
background-color: #FFFFFF;
border: 2px solid #FFFFFF;
border-radius: 50%;
z-index: 10;
}
.dot.dot1 {
bottom: -100px;
left: -4px;
}
.dot.dot2 {
bottom: -68px;
left: 24px;
}
.dot.dot3 {
right: -4px;
bottom: 25px;
}
/****** Career page slider css*****/
.about-working-section .glide__arrow--left:after {
background-image: url(https://directedgroup.com.au/wp-content/uploads/2024/12/Icons_Arrow_Left.png) !important;
}
.about-working-section .glide__arrow:after {
position: relative;
display: inline-flex;
vertical-align: middle;
content: "";
width: 42px;
height: 42px;
background-color: #0057B7;
background-image: url(https://directedgroup.com.au/wp-content/uploads/2024/12/Icons_Arrow_right.png);
background-repeat: no-repeat;
background-size: 14px;
background-position: center;
padding: 0;
border-radius: 36px;
margin-top: -3px;
}
.about-working-section .glide__arrow {
top: 12px;
box-shadow: none;
text-shadow: none;
border: none;
padding: 0;
}
.about-working-section .glide__arrow--left {
left: 0;
}
.about-working-section .glide__arrow--right {
right:0;
}
.about-working-section .glide__bullets {
top: -30px;
bottom: auto;
}
.about-working-section {
margin-top: 0;
}
.working-for-us .caption-button {
justify-content: center;
}
.working-for-us .about-working-section .glide__bullet--active {
background-color: #0971ce;
}
.about-working-section .glide__bullet {
background-color: rgb(235 235 235);
width: 10px;
height: 10px;
box-shadow: none;
top: 0;
}
.about-working-section h4.about-title.fusion-responsive-typography-calculated {
text-align: center;
font-size: 20px !important;
line-height: 24px !important;
font-weight: 700;
position: relative;
margin-bottom: 20px;
}
.about-list .mobile-about-content .about-inner-content p {
position: absolute;
background-color: rgba(0, 0, 0, 0.7);
border-radius: 0 0 10px 10px;
color: #fff;
bottom: 0;
padding: 6px 13px;
margin-bottom: 0;
text-align: center;
line-height: 24px;
}
.about-list li {
position: relative;
}
.w-for-us-title p {
font-size: 25px;
line-height: 31px;
max-width: 220px;
margin: 20px auto !important;
}
.working-for-us .fusion-layout-column.fusion_builder_column.fusion-builder-column-59 {
margin-top: 10px;
margin-bottom: 20px;
}
.about-list .mobile-about-content .about-inner-content img {
width: 100%;
}
.about-list .mobile-about-content .about-inner-content img.sofihub-product {
width: unset;
}
/***** Global presence css *****/
#our-people .fusion-text.fusion-text-54.caption-button {
margin-bottom: 20px;
}
#our-offices .fusion-text.fusion-text-50.caption-button {
font-size: 11px;
}
#our-offices .fusion-layout-column.fusion_builder_column.fusion-builder-column-55 {
position: absolute;
right: 0;
}
.worldwide-expertise .map-mobile .map-data-block {
color: #0057b7;
text-align: center;
background-color: #fff;
padding: 20px;
border-radius: 10px;
box-shadow: 2.3px 2.3px 11.48px 0px #00000026;
height: 98px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-bottom: 0;
}
.worldwide-expertise .map-mobile {
gap: 8px;
padding: 0px 20px;
}
.worldwide-expertise .map-mobile .large-number {
font-size: 28px;
line-height: 34px;
}
.worldwide-expertise .map-mobile .small-title {
font-size: 14px;
margin-top: 0;
line-height: 20px;
color: #242727;
}
.worldwide-expertise .map-years.active {
color: #0057B7;
}
.worldwide-expertise .map-years {
color: #828282BF;
}
.global-presence-banner {
height: 610px;
}
div.global-locations-slider.presence-slider .glide__bullets {
bottom: -8.5em !important;
left: 11em !important;
}
.global-locations-slider .glide__bullet--active {
background-color: #0971ce !important;
border: 0 !important;
}
/***** Sofihub css *****/
.sofihub-top-banner h1.fusion-title-heading.title-heading-left.sm-text-align-center.fusion-responsive-typography-calculated {
font-size: 28px !important;
letter-spacing: 0 !important;
}
.sofihub-top-banner .fusion-text.fusion-text-50.sm-text-align-center {
font-size: 18px;
}
.sofihub-top-banner .fusion-builder-row.fusion-builder-row-inner {
justify-content: center !important;
}
.sofi-smart-spec .fusion-text.fusion-text-51.caption-button {
margin-bottom: 20px !important;
}
.sofi-working-for-us .about-list .mobile-about-content .about-inner-content p {
background-color: transparent;
top: 75px;
}
.sofi-working-for-us .sofihub-tab .sofihub-product {
left: auto;
right: -1px;
}
.sofi-working-for-us .mobile-about-item p {
text-align: center;
}
.sofi-working-for-us .about-working-section h4.about-title.fusion-responsive-typography-calculated {
margin-bottom: 0;
color: #242727;
}
.sofi-working-for-us .caption-button {
justify-content: center;
}
.sofi-working-for-us .about-working-section .glide__bullet--active {
background-color: #0971ce;
}
.sofi-working-for-us .fusion-layout-column.fusion-builder-column-55 .fusion-column-wrapper {
justify-content: center;
}
.t-sofi-smart-spec .fusion-text.fusion-text-54.caption-button {
margin-bottom: 20px;
}
.sofihub-container .a-flex-container {
padding: 20px;
flex-direction: column;
margin-top: 20px;
}
.sofihub-container .a-flex-container .text {
padding: 0;
}
.sofihub-container .a-flex-container .text.title {
display: flex;
font-size: 18px;
line-height: 26px;
justify-content: space-between;
}
.sofihub-container .fusion-tabs .tab-pane {
padding: 0 !important;
margin-top: 70px;
}
.sofihub-container .a-flex-container .text.title:after {
content: "";
background-image: url('data:image/svg+xml,');
display: block;
width: 20px;
height: 11px;
position: relative;
top: 5px;
background-repeat: no-repeat;
flex: none;
}
.sofihub-container .a-flex-container .text.title.active:after {
content: "";
background-image: url('data:image/svg+xml,');
display: block;
width: 20px;
height: 11px;
position: relative;
top: 5px;
background-repeat: no-repeat;
flex: none;
}
.sofihub-container .a-flex-container .text.content p {
font-size: 14px;
line-height: 23px;
letter-spacing: 0.02em;
}
.sofihub-container .a-flex-container .content {
display: none;
}
div.sofihub-container .fusion-tabs.sofihub-bottom-tab .nav-tabs {
margin-top: 0;
justify-content: center;
}
div.sofihub-container .fusion-tabs .nav-tabs li {
width: 100% !important;
}
div.sofihub-container .fusion-tabs.classic.horizontal-tabs .tab-link .fusion-tab-heading {
justify-content: center;
}
.sofihub-container .fusion-tabs.horizontal-tabs .nav.fusion-mobile-tab-nav {
display: inline-block;
width: 100%;
}
#our-team .fusion-layout-column.fusion_builder_column.fusion-builder-column-60 .fusion-column-wrapper.fusion-content-layout-column {
position: absolute;
top: 13rem;
}
/******* Footer Css ****/
.fusion-layout-column.fusion_builder_column.footer-right {
border: none;
}
.awb-menu.footer-links {
display: none;
}
.footer-right .fusion-builder-row.fusion-builder-row-inner.fusion-flex-content-wrap {
padding-right: 15px;
}
.fusion-text.footer-links-title:after {
content: "";
background-image: url('data:image/svg+xml,');
display: block;
width: 20px;
height: 10px;
position: relative;
top: 5px;
background-repeat: no-repeat;
flex: none;
}
.fusion-text.footer-links-title.active:after {
content: "";
background-image: url('data:image/svg+xml,');
display: block;
width: 20px;
height: 10px;
position: relative;
top: 5px;
background-repeat: no-repeat;
flex: none;
}
.footer-title-m .fusion-column-wrapper.fusion-content-layout-column {
border-bottom: 1px solid #fff !important;
}
.social-content .fusion-image-element {
display: none;
padding-bottom: 24px;
}
.footer-copyright p {
letter-spacing: 0;
}
.fusion-layout-column.footer-btm-logo {
width: auto;
}
.footer-left .fusion-builder-row.fusion-builder-row-inner {
justify-content: space-between;
padding-right: 15px;
}
.footer-left .fusion-column-wrapper.fusion-content-layout-column {
border-bottom: 0.5px solid #fff;
}
.footer-right .fusion-menu .menu-item a {
color: #fff !important;
padding: 0 !important;
}
.footer-right .footer-links li.menu-item {
height: 42px;
}
/***** Letstalk section css ****/
.letstalk-content {
flex-direction: column;
}
.letstalk-popup .modal-dialog .modal-content .modal-body {
padding: 20px;
}
.letstalk-content .letstalk-content-left {
width: 100%;
}
.letstalk-content-left .letstalk-options {
flex-direction: column;
}
.letstalk-content-left .letstalk-options .letstalk-options-left {
width: 100%;
}
.letstalk-content-left .letstalk-options .letstalk-options-right {
width: 100%;
justify-content: flex-start;
}
.letstalk-popup .modal-dialog .modal-content {
height: auto;
}
.letstalk-content .letstalk-content-right {
width: 100%;
}
.letstalk-popup .modal-header {
position: unset;
padding-top: 30px;
}
.about-people .fusion-builder-row.fusion-builder-row-inner {
flex-direction: column !important;
}
.mobile-black-logo {
display: none !important;
}
.mobile-white-logo img {
width: 130px;
}
.page-id-2469 .mobile-black-logo,
.page-id-2118 .mobile-black-logo {
display: none !important;
}
.page-id-2469 .mobile-white-logo,
.page-id-2118 .mobile-white-logo {
display: block !important;
}
.career-top-banner.page-banner .fusion-title h1.fusion-title-heading {
line-height: 35px !important;
letter-spacing: 0;
}
.career-top-banner.page-banner .fusion-builder-row.fusion-builder-row-inner.fusion-row.fusion-flex-content-wrap {
flex-direction: column;
}
.career-top-banner.page-banner .fusion-column-wrapper.fusion-flex-justify-content-flex-start.fusion-content-layout-row {
padding-left: 0;
}
}
@media only screen and (min-width: 400px) and (max-width: 500px) {
.corporate-top-banner.banner-top-container {
min-height: 545px;
}
.fusion-fullwidth.fullwidth-box.fusion-flex-container.page-banner.our-story-banner {
min-height: 733px;
}
.our-story-banner .fusion-layout-column.fusion_builder_column.fusion-flex-column {
margin-top: -330px;
}
}
@media only screen and (min-width: 1800px) and (max-width: 2500px) {
.corporate-top-banner.banner-top-container {
min-height: 1017px;
background-image: url("https://directedgroup.com.au/wp-content/uploads/2025/01/corporate-banner-lg.png") !important;
}
.our-story-top-banner.page-banner {
min-height: 1017px;
background-image: url("https://directedgroup.com.au/wp-content/uploads/2025/01/CR_DirectedElec_4.png") !important;
}
.sofihub-top-banner.page-banner {
min-height: 1017px;
background-image: url("https://directedgroup.com.au/wp-content/uploads/2025/01/sofi-banner-lg.png") !important;
}
.philan-banner.page-banner {
min-height: 1017px;
background-image: url("https://directedgroup.com.au/wp-content/uploads/2025/01/career-top-banner-lg.png") !important;
}
.career-top-banner.page-banner {
min-height: 1017px;
background-image: url("https://directedgroup.com.au/wp-content/uploads/2025/01/philan-top-banner.png") !important;
}
.our-story-banner.page-banner .fusion-column-wrapper.fusion-content-layout-column {
margin-left: 23%;
margin-right: 24%;
}
.philan-banner.page-banner .fusion-column-wrapper.fusion-content-layout-column {
margin-left: 19.2%;
}
.philan-banner.page-banner .fusion-column-wrapper.fusion-content-layout-column .fusion-text {
max-width: 661px;
}
.page-id-2698 .charitable-foundations.fusion-flex-container .fusion-column-wrapper.fusion-content-layout-column.fusion-flex-justify-content-flex-end {
align-items: flex-end;
}
.page-id-2698 .charitable-foundations.fusion-flex-container .fusion-column-wrapper.fusion-content-layout-column .fusion-text {
max-width: 600px;
}
.page-id-2698 .charitable-foundations.fusion-flex-container .fusion-column-wrapper.fusion-content-layout-column .fusion-text br {
display: none;
}
.testimonial-corporate .corporate-ceo-content .fusion-column-wrapper.fusion-content-layout-column {
padding: 10% 14%;
}
.supply-chain-text .fusion-column-wrapper {
max-width: none;
}
.corporate-iso-text .fusion-text {
max-width: 430px;
}
.fusion-text.corporate-iso-quality {
max-width: 560px;
}
.corporate-iso.fusion-fullwidth.fullwidth-box.fusion-flex-container,
.tabs-container.fusion-fullwidth.fullwidth-box.fusion-flex-container {
min-height: 990px;
}
.fusion-layout-column.fusion_builder_column.fusion-builder-column-2.fusion-flex-column.header-talk-btn {
max-width: 185px;
}
.fusion-fullwidth.fullwidth-box.fusion-flex-container.sofi-working-for-us {
min-height: 990px;
}
.about-list .about-content {
top: -68%;
max-width: 67%;
}
.sofi-working-for-us .fusion-column-wrapper.fusion-column-has-shadow.fusion-flex-justify-content-flex-end.fusion-content-layout-row {
margin-bottom: 80px;
}
}
/*****New Css ******/
.fusion-button.footer-connect-btn {
width: 100%;
background: transparent;
}
.top-btn-container .fusion-column-wrapper {
margin: 0 !important;
}
.topbutton {
background: transparent !important;
border: 1px solid !important;
width: 100%;
padding: 6px 32px !important;
max-width: 265px;
float: right;
z-index: 1;
}
.footer-right .fusion-builder-row-inner:first-child {
/*margin-bottom: 29px !important;*/
}
.footer-right .fusion-builder-row-inner:nth-child(2) {
justify-content: flex-start;
border-top: 1px solid #fff;
padding-top: 40px;
margin-top: 10px;
}
.topbutton .fusion-button-text {
font-size: 18px;
text-transform: none;
font-weight: 600;
padding-right: 15px;
}
.topbutton:after {
position: relative;
content: url("https://directedgroup.com.au/wp-content/uploads/2025/03/up-arrow.svg");
bottom: 2px;
}
.topbutton:hover {
border-color: #fff !important;
background-color: #fff !important;
}
.topbutton:hover:after {
filter: brightness(0.1) saturate(0%);
}
.fusion-fullwidth.letstalk-section {
z-index: 1;
}
.fusion-text.footer-links-title {
position: relative;
}
.fusion-text.fusion-text-89.footer-links-title:before {
content: url("https://directedgroup.com.au/wp-content/uploads/2025/03/Group-25973.png");
position: absolute;
left: 72px;
top: -24px;
}
.footer-right .fusion-builder-row-inner:nth-child(1):before {
border-bottom: 1px solid #fff;
content: "";
height: 1px;
width: 96%;
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
top: 50px;
}
.footer-links .fusion-menu {
margin: 20px 0;
}
.fusion-footer-widget-area .fusion-layout-column.fusion_builder_column.fusion-builder-column-64.fusion-flex-column {
margin-top: -20px;
}
div.footer-right {
border-left: 0;
}
div.footer-certified {
align-items: center;
}
div.footer-certified .footer-certified-text {
max-width: 300px;
line-height: normal;
}
.footer-right .footer-links li.menu-item {
margin-bottom: 10px;
}
@media only screen and (min-width: 2000px) {
.fusion-flex-column.footer-left {
width: 26%;
}
.fusion-layout-column.footer-right {
width: 66%;
}
.fusion-layout-column.footer-right .fusion-content-layout-column {
margin-left: 12%;
}
}
@media only screen and (max-width: 767px) {
.footer-left .fusion-column-wrapper.fusion-content-layout-column {
padding: 20px;
}
.footer-left .fusion-column-wrapper.fusion-content-layout-column .fusion-text-56 {
margin-top: 20px;
font-size: 37px;
line-height: 37px;
}
.footer-left .fusion-column-wrapper.fusion-content-layout-column .fusion-button.footer-connect-btn {
margin-top: 20px;
}
.fusion-flex-column.footer-left {
top: -90px;
}
.footer-right .fusion-builder-row-inner:first-child {
margin-bottom: 61px !important;
flex-direction: column-reverse;
gap: 50px;
}
.fusion-button.topbutton {
padding: 9px 32px !important;
}
.footer-right .fusion-builder-row-inner:nth-child(2):before {
right: 12px;
top: -25px;
}
.fusion-text.fusion-text-89.footer-links-title:before {
left: 55px;
top: 8px;
}
.fusion-text.footer-links-title {
font-weight: 600;
font-size: 24px;
line-height: 30px;
display: flex;
justify-content: space-between;
padding-top: 24px;
padding-bottom: 5px;
}
.footer-right .footer-links-title p {
margin-bottom: 10px;
}
.fusion-text.fusion-text-89.footer-links-title:after {
background-image: url('data:image/svg+xml,');
}
.fusion-text.fusion-text-89.footer-links-title.active:after {
background-image: url('data:image/svg+xml,');
}
.menu-toggle {
width: 44px;
height: 44px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.fusion-flex-column.footer-right {
width: 67%;
border-left: 0;
}
.fusion-flex-column.footer-left {
width: 30%;
}
.footer-left .fusion-column-wrapper.fusion-content-layout-column {
padding: 25px;
}
.footer-right .fusion-flex-column.footer-title-m {
width: 25%;
}
.footer-right .fusion-builder-row-inner:nth-child(2):before {
border-bottom: 0;
}
.footer-right .fusion-builder-row-inner.fusion-row.fusion-flex-content-wrap {
flex-wrap: nowrap;
gap: 15px;
}
.footer-right .fusion-layout-column {
width: auto;
}
.fusion-layout-column.fusion_builder_column_inner.fusion-builder-nested-column-9.fusion-flex-column {
width: 27%;
}
.fusion-layout-column.fusion_builder_column_inner.fusion-builder-nested-column-10.footer-certificate {
width: 68%;
}
.footer-certified p {
flex: 52%;
}
.footer-certified .footer-certified-text {
max-width: 100%;
font-size: 11px;
line-height: 16px;
padding-right: 15px;
}
.footer-left .fusion-column-wrapper.fusion-content-layout-column .fusion-text-56 {
margin-top: 70px;
font-size: 37px;
line-height: 37px;
}
.footer-left .fusion-text-89 p br {
display: none;
}
.button-flat.fusion-button.footer-connect-btn {
padding: 8px 10px;
}
.fusion-text.footer-links-title {
font-size: 21px;
}
.footer-links li.menu-item {
margin-bottom: 10px;
}
.fusion-layout-column.fusion_builder_column_inner.fusion-builder-nested-column-5.fusion-flex-column.footer-title-m {
width: 27%;
}
.footer-right .fusion-builder-row-inner:first-child {
margin-bottom: 44px !important;
}
.fusion-footer-widget-area .fusion-fullwidth.fullwidth-box.fusion-builder-row-10 {
padding-top: 40px;
}
.fusion-flex-column.footer-left {
top: -88px;
}
.footer-right .fusion-separator {
margin-top: 13px !important;
margin-bottom: 13px !important;
}
.fusion-footer-widget-area .fusion-layout-column.fusion_builder_column.fusion-flex-column.footer-copyright {
width: 50%;
}
}
@media only screen and (min-width: 1024px) {
div.fusion-tabs.vertical-tabs.clean .tab-content {
width: 66%;
position: relative;
background: #000;
}
div.fusion-tabs.vertical-tabs.clean .nav {
width: 40%;
/*padding-inline-start: 8%;
padding-top: 4%;*/
padding-top: 30px;
padding-bottom: 35px;
background: #000;
}
div.fusion-tabs.vertical-tabs .tab-pane.active {
background: #fff;
width: 100%;
padding: 0 4% 0;
height: 100%;
}
.fusion-tabs.vertical-tabs {
height: 100%;
}
}
.tab-content {
position: relative;
}
.tab-content .tab-pane {
position: absolute;
opacity: 0;
transform: translateX(100%);
transition: transform 0.9s ease-in-out, opacity 0.9s ease-in-out;
visibility: hidden;
width: 100%;
}
.tab-content .tab-pane:first-child {
position: relative;
opacity: 1;
transform: translateX(0);
visibility: visible;
}
.tab-content .tab-pane.active {
position: relative;
opacity: 1;
transform: translateX(0);
visibility: visible;
}
div.fusion-tabs.vertical-tabs [aria-labelledby="fusion-tab-home"],
div.fusion-tabs.vertical-tabs [aria-labelledby="fusion-tab-globalpresence"],
div.fusion-tabs.vertical-tabs [aria-labelledby="fusion-tab-careers&people"] {
display: none;
}
.fusion-tabs.vertical-tabs .nav-tabs li #fusion-tab-home .fusion-tab-heading:after,
.fusion-tabs.vertical-tabs .nav-tabs li #fusion-tab-globalpresence .fusion-tab-heading:after,
.fusion-tabs.vertical-tabs .nav-tabs li [id="fusion-tab-careers&people"] .fusion-tab-heading:after {
display: none;
}
.tab-links-container .fusion-text a i {
display: none;
}
.tab-links-container .fusion-text a:hover {
color: #0079FF;
}
.awb-menu_row #menu-galerie-main-menu .menu-text,
.awb-menu_row #menu-galerie-main-menu-1 .menu-text {
display: none;
}
.menu-toggle .line {
margin: 4px auto;
border-radius: 10px;
width: 65%;
background: #fff;
}
.awb-menu__main-a .awb-menu__i_main {
padding: 0;
}
.menu-toggle span.line.line3 {
width: 40%;
margin-right: 6px;
}
.awb-menu__main-ul > .menu-item-has-children.expanded .awb-menu__main-a {
top: unset;
right: unset;
padding: 0;
}
.menu-toggle.open .line {
margin: 5px auto;
width: 90%;
}
.menu-toggle.open .line.line3 {
width: 90%;
margin-right: 2px;
}
.fusion-button.fusion-button-default.button-link-blue {
display: none;
}
.header-talk-btn .talk-button {
display: flex;
align-items: center;
justify-content: center;
background-color: #0079FF;
color: #fff;
border-radius: 50px;
font-weight: 600;
transition: all 0.3s ease-in-out;
overflow: hidden;
width: 202px;
height: 44px;
margin-right: 8px;
z-index: 9999999999;
}
.header-talk-btn .talk-button .icon {
width: 21px;
height: 21px;
background: url('data:image/svg+xml,');
transition: 0.3s;
}
.header-talk-btn .talk-button .text {
/*opacity: 0;
width: 0;*/
margin-right: 11px;
transition: opacity 0.3s ease-in-out, width 0.3s ease-in-out;
overflow: hidden;
}
.header-talk-btn .talk-button:hover {
/*width: 202px;*/
}
.header-talk-btn .talk-button .text {
font-weight: 600;
font-size: 20px;
line-height: 22px;
letter-spacing: 0.04em;
color: #fff;
}
.header-talk-btn .talk-button:hover .text {
opacity: 1;
width: auto;
margin-right: 11px;
}
#menu-galerie-main-menu.active .menu-toggle.open {
border: 2px solid #0079FF;
border-radius: 100%;
width: 44px;
height: 44px;
}
#menu-galerie-main-menu.active .menu-toggle.open .line {
background: #0079FF;
}
.fusion-layout-column.fusion_builder_column.fusion-builder-column-2.fusion-flex-column.header-talk-btn {
max-width: fit-content;
}
.time-city .current-time {
font-weight: 600;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.time-city .time-zone {
display: inline-flex;
font-size: 14px;
font-weight: 600;
line-height: 20px;
letter-spacing: 0.04em;
}
.time-city {
border: 0;
}
.fusion-tabs.vertical-tabs .nav-tabs li:hover .fusion-tab-heading {
color: #0079FF !important;
}
.fusion-menu.awb-menu__main-ul .menu-item a.awb-menu__main-a {
padding: 0;
}
.letstalk-popup .letstalk-heading h3 {
margin-bottom: 0;
color: #0079FF;
font-size: 55px;
font-weight: 600;
line-height: 65px;
}
.letstalk-popup .letstalk-heading .letstalk-sub-heading {
display: none;
}
.letstalk-sub-title {
margin-top: 0;
color: #828282bf;
font-size: 18px;
font-weight: 600;
line-height: 20px;
letter-spacing: 0.72px;
}
.letstalk-content-left .letstalk-options {
border: none;
border-radius: 10px;
margin-bottom: 15px;
flex-direction: column;
background: #fff;
gap: 10px;
min-height: 207px;
justify-content: space-between;
}
.letstalk-popup .modal-dialog .modal-content .modal-body {
padding: 130px;
}
.letstalk-popup .modal-dialog {
width: 100%;
border: none;
border-radius: 0;
}
/*.letstalk-content-left .letstalk-options .letstalk-options-right,
.letstalk-options-button {
width: auto;
border-radius: 30px;
border: 1px solid #FFF;
background: #0079FF;
height: 45px;
padding: 14px 32px;
justify-content: center;
align-items: center;
gap: 12px;
max-width: fit-content;
display: inline-flex;
z-index: 3;
}
.letstalk-content .button-link {
color: #fff;
}
.letstalk-content .button-link .fusion-button-text {
color: #fff !important;
}
.letstalk-content .button-link .fusion-button-text:after {
width: 22px;
height: 22px;
background-color: unset;
background-size: unset;
padding: 0;
background-image: url('data:image/svg+xml,');
}
.letstalk-content-right .letstalk-block-white {
margin-bottom: 15px;
}
.letstalk-content {
column-gap: 18px;
flex-wrap: nowrap;
}
.letstalk-content .letstalk-content-left {
width: 58%;
}
.letstalk-content .letstalk-content-right {
width: 42%;
margin-top: 50px;
}
.letstalk-content-left .letstalk-options .letstalk-options-left,
.letstalk-content-right .letstalk-block-white .letstalk-options-left {
width: 100%;
z-index: 3;
}
.letstalk-content-left .letstalk-options p,
.letstalk-content-right .letstalk-block-white p {
margin: 0;
}
.letstalk-content-right .letstalk-block-white {
min-height: 207px;
justify-content: space-between;
display: flex;
flex-direction: column;
}
.letstalk-content-left .letstalk-options .letstalk-options-right.disable-button {
background: #EFEFEF;
}
.letstalk-content-left .letstalk-options .letstalk-options-right.disable-button .fusion-button-text {
color: #fff !important;
}
*/
.letstalk-content .button-link .fusion-button-text:after {
width: 22px;
height: 22px;
background-color: unset;
background-size: unset;
padding: 0;
background-image: url('data:image/svg+xml,');
}
.letstalk-popup .modal-header:before {
content: url('https://directedgroup.com.au/wp-content/uploads/2025/05/Group.png');
cursor: pointer;
}
.letstalk-popup .modal-dialog {
padding-left: 4%;
}
.letstalk-popup .modal-dialog {
height: 92% !important;
}
.before-click {
position: absolute;
width: 210px;
height: 60px;
cursor: pointer;
z-index: 5;
background: transparent;
}
.letstalk-popup .modal-header {
right: 0;
display: flex;
justify-content: space-between;
width: 100%;
align-items: center;
padding: 15px 40px;
top: 10px;
}
.letstalk-popup.in .modal-header {
top: 40px;
}
.letstalk-popup .modal-header .modal-title {
display: none;
}
.letstalk-content-left .letstalk-options,
.letstalk-content-right .letstalk-block-white {
position: relative;
perspective: 1000px;
}
/*.letstalk-content-left .letstalk-options:before,
.letstalk-content-left .letstalk-options:after,
.letstalk-content-right .letstalk-block-white:before,
.letstalk-content-right .letstalk-block-white:after {
content: '';
position: absolute;
inset: 0;
backface-visibility: hidden;
transition: transform 0.7s;
border-radius: 10px;
}
.letstalk-content-left .letstalk-options:before,
.letstalk-content-right .letstalk-block-white:before {
background: none;
transform: rotateY(0deg);
z-index: 0;
}
.letstalk-content-left .letstalk-options:after,
.letstalk-content-right .letstalk-block-white:after {
background: #0079FF;
transform: rotateY(180deg);
z-index: 1;
}
.letstalk-content-left .letstalk-options:hover:before,
.letstalk-content-right .letstalk-block-white:hover:before {
transform: rotateY(180deg);
}
.letstalk-content-left .letstalk-options:hover:after,
.letstalk-content-right .letstalk-block-white:hover:after {
transform: rotateY(360deg);
}
.letstalk-content-left .letstalk-options:hover .letstalk-options-left,
.letstalk-block-white:hover .letstalk-options-left {
color: #fff;
}
.letstalk-content-left .letstalk-options:hover .letstalk-options-right,
.letstalk-block-white:hover .letstalk-options-button {
background: #fff;
}
.letstalk-content .letstalk-options:hover .button-link .fusion-button-text,
.letstalk-content .letstalk-block-white:hover .button-link .fusion-button-text {
color: #0079FF !important;
}
.letstalk-content .letstalk-options:hover .button-link .fusion-button-text:after,
.letstalk-block-white:hover .button-link .fusion-button-text:after {
background-image: url('data:image/svg+xml,');
}
*/
/*.letstalk-popup,
.lets_talk1.letstalk-popup.fade.in {
display: none !important;
}*/
.letstalk-popup.fade.in {
display: flex !important;
overflow: auto;
}
.letstalk-popup.trans {
display: block !important;
z-index: 9999999;
position: absolute;
top: 0;
width: 100%;
}
.letstalk-popup.modal.in .modal-dialog {
transform: none;
transition: none;
}
.letstalk-content-left .letstalk-options .letstalk-options-right.disable-button .fusion-button-text:after {
background-color: transparent;
}
@media screen and (max-width:991px) {
.letstalk-popup .modal-dialog .modal-content .modal-body {
padding: 20px;
}
.letstalk-content .letstalk-content-left {
width: 100%;
}
.letstalk-content-left .letstalk-options,
.letstalk-content-right .letstalk-block-white {
flex-direction: row;
min-height: auto;
padding: 15px 10px;
align-items: center;
}
.letstalk-content .letstalk-content-right {
width: 100%;
margin-top: 0;
}
.letstalk-content-left .letstalk-options .letstalk-options-right, .letstalk-options-button {
width: 40px;
height: 40px;
padding: 5px;
align-self: flex-start;
}
.letstalk-content .button-link .fusion-button-text:after {
right: 8px;
}
.letstalk-popup .modal-header {
padding: 25px 20px;
}
.letstalk-popup .modal-header .close {
min-width: 130px;
padding: 8px 12px;
}
.letstalk-popup .modal-header .close:after {
content: url('data:image/svg+xml,');
}
.fusion-modal.modal.fade.modal-1.lets_talk.letstalk-popup {
display: none;
}
.fusion-modal.modal.fade.modal-2.lets_talk.letstalk-popup {
display: block;
}
.letstalk-popup.slide-popup.modal-2.lets_talk1 {
display: flex !important;
}
}
@media screen and (min-width:991px) {
.letstalk-popup .modal-header .close:before {
display: none;
}
.letstalk-popup .modal-header .close {
min-width: unset;
border: none;
padding: 0;
position: relative;
top: -6px;
}
.letstalk-popup.lets_talk1 .modal-header .close {
display: flex;
}
/*.letstalk-popup .modal-header .close:after {
content: '';
display: block;
width: 40px;
height: 41px;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: contain;
}*/
.letstalk-popup .modal-header .close:after {
content: 'Close X';
display: flex;
width: 257px;
height: 40px;
justify-content: center;
align-items: center;
border-radius: 30px;
border: 1px solid #0079FF;
background: #FFF;
font-size: 18px;
font-weight: 600;
line-height: 20px;
letter-spacing: 0.72px;
color: #0079FF;
}
.fusion-modal.modal.fade.modal-2.lets_talk.letstalk-popup {
display: none !important;
}
.letstalk-popup.slide-popup.modal-1.lets_talk {
display: flex !important;
}
}
/******* Transition css start *****/
.trans__wrapper {
z-index: 999999;
pointer-events: none;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: fixed;
top: 0;
left: 0;
overflow: hidden
}
.trans__inner {
z-index: 1;
width: 100%;
height: 100%;
display: flex;
position: absolute;
top: 0;
left: 0
}
.trans__item_t {
background-color: #000;
width: calc(100% + 2px);
height: 100%;
margin: 0 -1px;
display: block
}
.trans__count {
opacity: 0;
visibility: hidden;
transform: translateY(100vh);
transition: transform 2s ease-in-out, opacity 4s ease;
}
.trans__count.show {
opacity: 1;
visibility: visible;
transform: translateY(300px);
}
.trans__count.move-top {
transform: translateY(-127.44px);
opacity: 0;
}
.trans__count-bar {
background: #fff;
height: 5px;
width: 100%;
border-radius: 5px;
overflow: hidden;
margin-top: 10px;
}
.trans-content {
display: flex;
gap: 20px;
width: 100%;
align-items: center;
justify-content: center;
}
.trans-content svg {
flex: none;
}
.trans__count-bar-inner {
height: 100%;
width: 0%;
background: #00aaff;
transition: width 0.1s linear;
}
.home-hero__title {
position: absolute;
bottom: 0;
opacity: 0;
transform: translateY(0);
transition: transform 2s ease-in-out, opacity 0.1s ease;
color: #fff;
padding: 0 130px;
font-weight: 600;
font-size: 100px;
line-height: 100px;
}
.home-hero__title.visible {
opacity: 1;
}
.home-hero__title.stick-bottom {
position: fixed;
bottom: 0;
left: 0;
right: 0;
}
.home-hero__title.visible {
opacity: 1;
transform: translateY(0);
}
.trans__logo {
z-index: 9;
opacity: 0;
position: absolute;
display: none;
}
.trans__logo.active {
opacity: 1;
}
.trans__inner {
z-index: 1;
width: 100%;
height: 100%;
display: flex;
position: absolute;
top: 0;
left: 0;
}
.trans__item {
background-color: #0079FF;
width: calc(100% + 2px);
height: 100%;
margin: 0 -1px;
display: block;
}
.trans__home.with-bg {
background-color: #0079FF;
}
.trans__home {
z-index: 3;
opacity: 1;
width: 100%;
height: 100vh;
position: absolute;
top: 0;
bottom: 0;
}
.trans__home.active {
opacity: 1;
}
.trans__home-inner {
height: 100%;
padding: 0 130px;
}
@media screen and (max-width:991px) {
.trans__home-inner {
padding-bottom: 6rem;
}
.trans-content {
width: 80%;
margin: 0 auto;
}
}
.trans__home-inner .container {
height: 100%;
}
.trans__home-inner .home-hero__title {
grid-row: 1/2;
transform: translateY(40vh);
}
.trans__home-inner .home-hero__backer {
transform: translateY(calc(6rem + 100%));
}
@media screen and (max-width:991px) {
.trans__home-inner .home-hero__title {
transform: translateY(82vh);
}
.trans__home-inner .home-hero__backer {
grid-row: 1/3;
align-self: start;
margin-top: 100vh;
transform: translateY(calc(6rem + 100%));
}
}
@media screen and (max-width:767px) {
.trans__home-inner .home-hero__title {
transform: translateY(84svh);
}
.trans__home-inner {
padding: 0 20px;
}
.home-hero__title {
padding: 0 20px;
}
.trans__logo svg {
width: 65px;
height: 65px;
}
}
.trans__count {
opacity: 1;
flex-direction: column;
grid-area: 1/1/3/17;
justify-content: space-between;
align-items: start;
row-gap: calc(25vh - 20.5rem);
height: 25vh;
display: flex;
transform: translateY(68vh);
}
.trans__count-bar {
background-color: #ffffff1a;
flex-shrink: 0;
width: 100%;
height: 5px;
}
@media screen and (max-width:991px) {
.trans__count {
grid-column: 1/13;
row-gap: calc(14vh - 12.7rem);
height: 14vh;
transform: translateY(82vh);
}
}
@media screen and (max-width:767px) {
.trans__count {
grid-column: 1/3;
row-gap: calc(3svh - .2rem);
height: 13svh;
transform: translateY(84svh);
}
}
.trans__count.active {
opacity: 1;
}
.trans__count-number {
color: #fff;
position: relative;
}
.trans__count-value {
font-kerning: none;
font-variant-numeric: tabular-nums;
font-weight: 500;
font-size: 150px;
line-height: 100px;
}
.trans__count-percent {
margin-left: .4rem;
font-weight: 600;
font-size: 60px;
line-height: 70px;
position: absolute;
top: 0;
left: 100%;
}
@media screen and (max-width:991px) {
.trans__count-value {
font-size: 113px;
line-height: 75px;
}
.trans__count-percent {
font-size: 45px;
line-height: 53px;
}
}
@media screen and (max-width:767px) {
.trans__count-bar {
height: .2rem;
}
}
.trans__count-bar-inner {
transform-origin: 0;
background-color: #fff;
width: 100%;
height: 100%;
transform: scaleX(0);
}
@media screen and (max-width:767px) {
.trans__wrapper {
height: 100svh;
}
}
/******* Transition css ends *****/
@media only screen and (max-width: 1024px) {
.fusion-flex-container .fusion-row .vertical-menu-container.mobile.sub-menu-active {
background: #fff;
}
.sub-menu-active .menu-back-btn,
.sub-menu-active .menu-close-btn,
.sub-menu-active .menu-container {
color: #0079FF;
background: none;
border-color: #0079FF;
}
.menu-container a {
font-size: 25px;
color: #A8A8A8;
line-height: normal;
}
.menu-container a.has-submenu {
color: #A8A8A8;
}
.menu-container .menu-item-has-children > a.has-submenu,
#menu-mobile-menu-1 > .menu-item:nth-child(3) > a,
#menu-mobile-menu-1 > .menu-item:nth-child(4) > a {
padding: 0 26px;
}
.sub-menu-active .menu-container a {
font-size: 23px;
line-height: normal;
}
.menu-title {
font-size: 28px;
visibility: hidden;
}
.multi-level-menu {
border-top: 0;
}
.menu-header.second {
padding: 0 26px;
}
.menu-container a .arrow:after {
content: url('data:image/svg+xml,');
position: relative;
top: 3px;
}
.menu-container a.active .arrow:after {
content: url('data:image/svg+xml,');
}
.menu-footer .accent-btn.fusion-button {
background: #0079FF;
color: #fff;
font-size: 18px;
line-height: 20px;
position: unset;
margin-top: 60px;
}
.menu-footer {
padding: 0 26px;
}
.vertical-menu-container.desktop {
display: none !important;
}
.menu-header.first {
transform: translateX(100%);
}
.fusion-flex-container .fusion-row .vertical-menu-container.mobile.sub-menu-active .menu-header.second {
transform: translateX(100%);
}
.fusion-flex-container .fusion-row .vertical-menu-container.mobile .menu {
margin-top: 50px;
}
.fusion-flex-container .fusion-row .vertical-menu-container.mobile .submenu {
margin-top: 100px;
}
.menu-back-btn, .menu-close-btn {
padding: 9px 24px;
}
.header-talk-btn .talk-button {
z-index: 1;
}
.menu-close-btn {
background: #262626;
border-color: transparent;
}
}
/****** Homepage Css ******/
html {
scroll-behavior: smooth;
}
.fullwidth-box.video-background.home-video-bg {
position: sticky;
top: 0;
height: 100vh;
}
.p-line.p-line-top {
height: 63px;
margin-bottom: 17px;
background-color: #828282BF;
width: min(.2rem, 2px);
}
.home-our-mission .fusion-row .fusion-flex-column .fusion-column-wrapper {
align-items: center;
}
.scroll-container {
position: absolute !important;
bottom: 55px !important;
text-align: center;
color: #fff;
}
.scroll-container .scroll-to-discover:before {
content: url('data:image/svg+xml,');
vertical-align: middle;
padding-right: 11px;
}
.scroll-container .scroll-to-discover {
font-size: 14px;
font-weight: 600;
line-height: 12px;
letter-spacing: 0.56px;
}
@media (max-width: 768px) {
.home-video-text {
bottom: 10% !important;
}
.scroll-container {
bottom: 4% !important;
}
}
/********* Home second section css *****/
.letter {
opacity: 0;
transform: translateX(-20px);
display: inline-block;
transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}
.letter.visible {
opacity: 1;
transform: translateX(0);
}
.business-deliver {
opacity: 0;
transform: translateY(30px);
transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.business-deliver.visible {
opacity: 1;
transform: translateY(0);
}
.directed-fire__videos-wrapper {
overflow: hidden;
margin: 0 auto;
transition: none;
position: relative;
}
.directed-fire__videos-wrapper iframe {
pointer-events: none;
}
.directed-fire__videos-wrapper video {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.vide-button-wrapper {
position: absolute;
bottom: 2%;
right: -2%;
width:100px;
/*transform: translate(-50%, -50%);*/
pointer-events: none;
z-index: 10;
}
.undetected-fire__video-button {
pointer-events: auto;
cursor: pointer;
}
.undetected-fire__video-button .icon--mute { display: none; }
.undetected-fire__video-button.is-playing .icon--mute { display: block; }
.undetected-fire__video-button.is-playing .icon--unmute { display: none; }
.directed-card-wrapper {
display: flex;
gap: 20px;
width: 582px;
min-height: 579px;
border-radius: 10px;
position: relative;
}
.directed-card-wrapper.white {
background: #F9F9F9;
}
.directed-card-wrapper.black {
background: #18191C;
color: #fff;
}
.directed-card-wrapper .card.text-card {
position: absolute;
left: 0;
height: 100%;
z-index: -1;
}
.directed-card-wrapper .card {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 60px;
}
.directed-card-section {
display: flex;
justify-content: center;
align-items: center;
gap: 14px;
}
.directed-card-wrapper button.visit-button {
font-weight: 600;
font-size: 18px;
line-height: 20px;
letter-spacing: 0.04em;
border-radius: 30px;
background: none;
border: 1px solid #000;
padding: 9px 32px;
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
cursor: pointer;
}
.directed-card-wrapper.black button.visit-button {
border: 1px solid #fff;
color: #fff;
}
/*.directed-card-wrapper.white .card.text-card,
.directed-card-wrapper.black .card.text-card {
transform: translateX(0);
width: 0%;
overflow: hidden;
border-radius: 10px;
transition: transform 1s ease-in-out, width 1s ease-in-out, background 1s ease-in-out;
z-index: 9;
}
.directed-card-wrapper.white .card.text-card {
background: #F9F9F9;
}
.directed-card-wrapper.black .card.text-card {
background: #18191C;
}*/
.directed-card-wrapper.white .card.text-card,
.directed-card-wrapper.black .card.text-card {
position: absolute;
width: 100%;
overflow: hidden;
border-radius: 10px;
transition: transform 1s ease-in-out;
z-index: -1;
}
.directed-card-wrapper.white .card.text-card {
background: #F9F9F9;
}
.directed-card-wrapper.black .card.text-card {
background: #18191C;
}
.directed-card-wrapper.white .card.text-card.open {
transform: translateX(100%);
margin-left: 14px;
width: 100%;
}
.directed-card-wrapper.black .card.text-card.open {
transform: translateX(-100%);
margin-left: -14px;
width: 100%;
}
.directed-card-wrapper .close-btn {
background: #fff;
border: 0;
border-radius: 50%;
width: 40px;
height: 40px;
position: absolute;
right: 14px;
top: 14px;
z-index: 9;
cursor: pointer;
}
.directed-card-wrapper.white .close-btn {
background: #fff;
}
.vertical-text-slider {
width: 100%;
height: 100%;
font-weight: 600;
font-size: 30px;
line-height: 42px;
display: flex;
align-items: center;
justify-content: center;
}
.directed-card-wrapper .swiper-slide {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
flex-direction: column;
padding: 0 52px;
}
div.directed-card-wrapper .swiper-pagination {
left: 20px;
/*border: 1px solid #18191C;*/
border-radius: 100px;
width: 20px;
/*height: 200px;*/
display: flex;
align-items: center;
flex-direction: column;
justify-content: space-around;
bottom: 20px;
transform: none;
top: auto;
}
.directed-card-wrapper .swiper-pagination-clickable .swiper-pagination-bullet {
width: 10px;
height: 10px;
background: #ECECEC;
}
.directed-card-wrapper .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #0079FF;
width: 10px;
height: 10px;
}
.directed-card-number {
font-weight: 600;
font-size: 100px;
line-height: 100px;
}
.directed-card-title {
font-weight: 600;
font-size: 30px;
line-height: 43px;
}
.directed-card-description {
font-size: 11px;
line-height: 18px;
text-align: center;
letter-spacing: 0.03em;
}
/*.directed-card-wrapper.black .swiper-pagination {
border: 1px solid #fff;
} */
.d-lines {
margin: 0 auto;
position: relative;
height: 110px;
}
.d-lines-top {
width: 12%;
border: 1px solid rgba(130, 130, 130, 0.75);
transform: rotate(90deg);
margin: 0 auto;
position: relative;
top: 22px;
}
.d-lines-middle {
width: 51rem;
border: 1px solid rgba(130, 130, 130, 0.75);
transform: rotate(180deg);
margin-top: 20px;
}
.d-lines-left {
width: 44.25px;
border: 1px solid rgba(130, 130, 130, 0.75);
transform: rotate(90deg);
position: absolute;
left: -21px;
top: 44px;
}
.d-lines-right {
width: 44.25px;
height: 0px;
border: 1px solid rgba(130, 130, 130, 0.75);
transform: rotate(90deg);
position: absolute;
right: -21px;
top: 44px;
}
.home-industry-section {
display: flex;
justify-content: space-between;
}
.home-industry-subheading {
font-weight: 600;
font-size: 16px;
line-height: 24px;
color: rgba(130, 130, 130, 0.75);
}
.home-industry-section .home-industry-title {
font-weight: 600;
font-size: 55px;
line-height: 65px;
color: #FFFFFF;
margin-top: 12px;
margin-bottom: 0;
}
.home-industry-header-right span {
font-size: 24px;
line-height: 30px;
color: rgba(130, 130, 130, 0.75);
max-width: 452px;
display: inline;
text-align: justify;
}
.home-industry-header-left {
opacity: 0;
transform: translateY(30px);
transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.home-industry-header-left.visible {
opacity: 1;
transform: translateY(0);
}
.industries-slider-container {
display: flex;
justify-content: space-between;
/*margin-top: 10%;
margin-bottom: 26%;*/
}
.industries-slider-container .left {
color: #fff;
z-index: 1;
padding-top: 4%;
margin-left: 10%;
}
.industries-slider-container .left h2 {
color: #0079FF;
font-weight: 600;
font-size: 130px;
line-height: 158px;
margin: 0;
}
.industries-slider-container .left p {
font-size: 24px;
line-height: 30px;
max-width: 480px;
margin-bottom: 35px;
}
.industries-slider-container .left a.button,
.flip-box-back-inner a.button {
background-color: #0079FF;
color: #fff;
padding: 10px 32px;
display: inline-block;
border-radius: 30px;
text-decoration: none;
font-weight: 600;
font-size: 18px;
line-height: 20px;
position: relative;
letter-spacing: 0.04em;
border: 1px solid transparent;
}
.industries-slider-container .left a.button:hover,
.flip-box-back-inner a.button:hover {
border: 1px solid #0079FF;
background: #FFF;
color: #0079FF;
}
.industries-slider-container .left a.button:hover:after,
.flip-box-back-inner a.button:hover:after {
background-image: url('data:image/svg+xml,');
}
.industries-slider-container .left a.button:after,
.flip-box-back-inner a.button:after {
content: '';
display: inline-block;
width: 8px;
height: 14px;
margin-left: 10px;
background-image: url('data:image/svg+xml,');
background-size: contain;
background-repeat: no-repeat;
}
.industries-slider-container .main-image {
position: absolute;
right: 0;
}
.industries-slider-container .main-image img {
width: 55.7vw;
}
.industries-slider-container .small-image {
position: absolute;
bottom: -40px;
left: -100px;
max-width: 328px;
/*box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);*/
}
.industries-slider-container.center {
flex-direction: column;
/*margin-bottom: 0;*/
}
.industries-slider-container.center .left {
text-align: center;
padding-top: 0;
}
.industries-slider-container.center .main-image {
position: relative;
right: unset;
text-align: center;
}
.industries-slider-container.center .main-image img {
width: 67.5vw;
}
.industries-slider-container.center .left p {
max-width: none;
margin-top: 20px;
}
.industries-slider-container.center .left h2 {
position: relative;
top: 50px;
}
.industries-slider-container.right .main-image {
left: 0;
right: unset;
}
.industries-slider-container.right .main-image img {
width: 65.5vw;
}
.industries-slider-container.right.mobility-slide .main-image img {
width: 55.5vw;
}
.industries-slider-container.right .small-image {
bottom: 60px;
right: -210px;
left: auto;
}
.industries-slider-container.right.mobility-slide .left {
padding-top: 22%;
}
.industries-slider-container.right.mobility-slide .left p {
text-align: right;
max-width: 500px;
}
.industries-slider-container.right.mobility-slide .small-image {
top: 100px;
}
.industries-slider-container.right .left {
padding-top: 2%;
margin-right: 8rem;
}
.industries-slider-container.right .left p {
max-width: 330px;
margin-left: auto;
}
.industries-slider-container.right .left a.button {
max-width: 323px;
margin-left: auto;
right: 10px;
display: block;
}
.industries-slider-container.right {
justify-content: flex-end;
}
.industries-slider-container.left .main-image .left {
margin-left: 17rem;
}
.industries-slider-container.left .left {
margin-left: 10%;
max-width: 440px;
}
.industries-slider-container.left .left p {
max-width: 550px;
}
.industries-slider-container.left .main-image {
right: 9.3rem;
}
.industries-vert-slider {
overflow: hidden;
}
.industries-vert-slider,
.industries-vert-slider .swiper-wrapper,
.industries-vert-slider .swiper-slide {
height: 100vh !important;
}
.industries-vert-slider .swiper-pagination {
left: 100px;
border: 1px solid #FFFFFF;
border-radius: 100px;
width: 20px;
height: 200px;
display: flex;
align-items: center;
flex-direction: column;
justify-content: space-around;
}
.industries-vert-slider .swiper-pagination-clickable .swiper-pagination-bullet {
width: 9px;
height: 9px;
background: transparent;
}
.industries-vert-slider >.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #0079FF;
width: 9px;
height: 9px;
}
.industries-vert-slider >.swiper-pagination-bullets {
top: 42%;
}
.fusion-sticky-container.fusion-sticky-transition {
border-bottom: 0;
}
/*.industries-slider-container .main-image,
.industries-slider-container h2,
.industries-slider-container p,
.industries-slider-container .small-image {
opacity: 0;
transform: translateY(50px);
transition: transform 1s ease, opacity 1s ease;
}
.swiper-slide-active .industries-slider-container .main-image,
.swiper-slide-active .industries-slider-container h2,
.swiper-slide-active .industries-slider-container p,
.swiper-slide-active .industries-slider-container .small-image {
transform: translateY(0);
opacity: 1;
}*/
.industries-slide {
position: relative;
}
.industries-slide {
opacity: 0;
transform: translateY(100px);
transition: all 0.6s ease-out;
}
.industries-slide.visible {
opacity: 1;
transform: translateY(0);
}
.main-image img,
.small-image img {
transition: transform 0.2s ease-out;
will-change: transform;
}
.industries-slide:nth-child(1) {
padding-bottom: 4%;
}
.industries-slide:nth-child(2) {
padding-bottom: 10%;
}
.industries-slide:nth-child(3) {
padding-bottom: 10%;
}
.industries-slide:nth-child(4) {
padding-bottom: 26%;
}
.industries-slide:nth-child(5) {
padding-bottom: 26%;
}
@media screen and (min-width:1500px) and (max-width:2399px) {
.industries-slide:nth-child(1) {
padding-bottom: 5%;
}
.industries-slide:nth-child(2) {
padding-bottom: 8%;
}
.industries-slide:nth-child(3) {
padding-bottom: 14%;
}
.industries-slide:nth-child(4) {
padding-bottom: 31%;
}
.industries-slide:nth-child(5) {
padding-bottom: 30%;
}
}
@media screen and (min-width:2400px) {
.industries-slide:nth-child(1) {
padding-bottom: 11%;
}
.industries-slide:nth-child(3) {
padding-bottom: 18%;
}
.industries-slide:nth-child(4) {
padding-bottom: 35%;
}
}
/***** Global Map *****/
.global-map-section {
text-align: center;
color: #fff;
}
.global-map-section h2 {
margin: 0;
color: #fff;
font-weight: 600;
font-size: 55px;
line-height: 65px;
}
.global-map-section p.subtitle {
margin-bottom: 0;
font-weight: 600;
font-size: 16px;
line-height: 24px;
text-align: center;
color: #828282bf;
}
.global-map-section .highlight {
color: #0079FF;
}
.animated-button {
background: #0079FF;
border: 0;
border-radius: 30px;
padding: 10px 32px;
font-weight: 600;
font-size: 18px;
letter-spacing: 0.04em;
color: #fff;
}
.animated-button {
opacity: 0;
position: relative;
top: 100px;
}
.timeline-wrapper {
display: flex;
justify-content: center;
margin-top: 40px;
position: relative;
gap: 10px;
flex-direction: column;
}
.location-label {
max-width: 610px;
margin: 0 auto;
}
.timeline-nav {
display: none;
align-items: center;
justify-content: center;
gap: 20px;
transition: all 0.6s ease;
}
.timeline-nav-main {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
transition: all 0.6s ease;
}
.timeline-nav.animated-layout {
justify-content: space-between;
}
.timeline-step {
opacity: 0;
transform: translateX(50px);
transition: all 0.6s ease;
font-size: 18px;
line-height: 30px;
letter-spacing: 0.02em;
color: #fff;
display: flex;
align-items: center;
gap: 10px;
cursor: pointer;
}
.timeline-dash {
opacity: 0;
transform: translateX(50px);
transition: all 0.6s ease;
display: none;
}
.timeline-step.show,
.timeline-dash.show {
opacity: 1;
transform: translateX(0);
}
.timeline-dash:after {
content: " ";
width: 50px;
height: 1px;
display: block;
background: #828282bf;
}
.timeline-content {
display: none;
position: absolute;
left: 20px;
right: 20px;
top: 20px;
}
.global-map-section .subtitle,
.global-map-section h2,
.timeline-wrapper {
position: relative;
}
.global-map-section .today-btn {
display: none;
}
.global-map-section button.animated-button {
font-family: 'Montserrat';
}
.global-map-section button.animated-button.today-btn {
display: none;
padding: 0;
cursor: pointer;
width: auto !important;
background: none;
}
/* Background images */
.bg-images-wrapper {
position: absolute;
width: 100%;
height: 750px;
top: -233px;
z-index: -1;
}
.bg-image {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
transition: all 0.5s ease;
background-size: cover;
background-position: center;
}
.bg1 { background-image: url('https://directedgroup.com.au/wp-content/uploads/2025/05/word-map1.png'); z-index: 1; }
.bg2 { background-image: url('https://directedgroup.com.au/wp-content/uploads/2025/05/word-map2.png'); z-index: 2; }
.bg3 { background-image: url('https://directedgroup.com.au/wp-content/uploads/2025/05/word-map3.png'); z-index: 3; }
.bg4 { background-image: url('https://directedgroup.com.au/wp-content/uploads/2025/05/word-map4.png'); z-index: 4; }
.bg-image.show {
opacity: 1;
transform: translateY(0);
}
.year-content {
display: flex;
justify-content: space-between;
margin: 0 5rem;
position: relative;
}
.global-stats {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 25px;
flex-direction: column;
}
.stat-block {
background-color: #262B2E;
border-radius: 20px;
color: #fff;
padding: 13px 15px;
width: 165px;
text-align: left;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
height: 170px;
}
.stat-block .number {
color: #ffffff;
font-weight: 500;
font-size: 41.8px;
line-height: 55px;
}
.stat-block .label {
font-weight: 300;
font-size: 18px;
line-height: 22px;
letter-spacing: 0.02em;
color: rgba(130, 130, 130, 0.75);
}
.hidden-left {
position: relative;
left: -100vw;
opacity: 0;
}
.hidden-right {
position: relative;
right: -100vw;
opacity: 0;
}
.section-left,
.section-right {
position: absolute;
}
/* Common highlight style for active year */
/*.timeline-step.active-year,
.today-btn.active-year {
background: #0079FF;
border: 0;
border-radius: 30px;
padding: 5px 39px;
font-weight: 600;
font-size: 18px;
letter-spacing: 0.04em;
color: #fff;
}*/
.timeline-step.active-year,
.today-btn.active-year {
background: none;
border: 0;
border-radius: 30px;
padding:0;
font-weight: 600;
font-size: 18px;
letter-spacing: 0.04em;
color: #fff;
}
.today-btn.no-bg {
background: transparent;
border: 0;
padding: 0;
font-weight: 400;
font-size: 18px;
letter-spacing: 0.02em;
color: #fff;
width: auto !important;
}
/*.global-map-bg.show-bg {
background-image: url('https://directedgroup.com.au/wp-content/uploads/2025/05/World-Map.png');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}*/
.global-map-bg video {
display: none;
}
.global-map-bg.show-bg video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1;
display: block;
}
.global-map-section .learn-more-btn {
background: #0079FF;
border: 0;
border-radius: 30px;
padding: 10px 32px;
font-weight: 600;
font-size: 18px;
line-height: 20px;
letter-spacing: 0.72px;
color: #fff;
font-family: 'Montserrat';
}
.map-icons {
/*position: relative;
left: 0;
right: 0;
max-width: 91rem;
margin: 0 auto;
height: 500px;
width: 100%;*/
position: relative;
left: 0;
right: 0;
width: 100%;
margin: 0 auto;
height: 500px;
max-width: 82%;
}
.map-icons0 {
top: 14%;
left: 13%;
}
.map-icons1 {
top: 26%;
left: 18%;
}
.map-icons2 {
top: 8%;
left: 27%;
}
.map-icons3 {
top: 10%;
left: 45%;
}
.map-icons4 {
top: 13%;
left: 47.2%;
}
.map-icons5 {
bottom: 29%;
left: 47%;
}
.map-icons6 {
top: 33%;
right: 33%;
}
.map-icons7 {
top: 29%;
right: 30%;
}
.map-icons8 {
top: 38%;
right: 26.5%;
}
.map-icons9 {
top: 25%;
right: 25%;
}
.map-icons10 {
top: 14%;
right: 25%;
}
.map-icons11 {
top: 12%;
right: 23.4%;
}
.map-icons12 {
bottom: 30%;
right: 22.8%;
}
.map-icons13 {
bottom: 20%;
right: 15%;
}
.map-icons14 {
bottom: 23%;
right: 13%;
}
.map-icons15 {
bottom: 28%;
right: 12%;
}
.map-icons16 {
bottom: 18%;
right: 6%;
}
.map-icons0,
.map-icons1,
.map-icons2,
.map-icons3,
.map-icons4,
.map-icons5,
.map-icons6,
.map-icons7,
.map-icons8,
.map-icons9,
.map-icons10,
.map-icons11,
.map-icons12,
.map-icons13,
.map-icons14,
.map-icons15,
.map-icons16 {
width: 32px;
height: 33px;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: contain;
display: inline-block;
position: absolute;
}
@media screen and (min-width: 1400px) and (max-width: 1600px) {
.global-map-bg.show-bg video {
object-fit: contain;
background: linear-gradient(180deg,rgba(6, 6, 6, 1) 0%, rgba(12, 12, 14, 1) 50%, rgba(20, 22, 24, 1) 100%);
}
.map-icons {
max-width: 82%;
height: 450px;
}
.map-icons5 {
bottom: 24%;
}
}
@media screen and (min-width: 1601px) and (max-width: 1700px) {
.map-icons {
max-width: 85%;
height: 490px;
}
.map-icons16 {
bottom: 20%;
right: 7%;
}
.map-icons5 {
bottom: 24%;
}
}
@media screen and (min-width: 1701px) and (max-width: 1800px) {
.map-icons16 {
bottom: 17%;
right: 8%;
}
.map-icons5 {
bottom: 24%;
}
}
@media screen and (min-width: 1801px) and (max-width: 1900px) {
.map-icons {
height: 540px;
max-width: 80%;
}
.map-icons13 {
bottom: 24%;
}
.map-icons14 {
bottom: 26%;
}
.map-icons15 {
bottom: 31%;
}
.map-icons16 {
bottom: 21%;
}
/*.map-icons1 {
left: 15%;
}
.map-icons2 {
top: 5%;
left: 25.5%;
}
.map-icons3 {
top: 8%;
}
.map-icons4 {
top: 10%;
}
.map-icons5 {
bottom: 24%;
}
.map-icons7 {
top: 28%;
right: 28%;
}
.map-icons9 {
top: 23%;
right: 24%;
}
.map-icons12 {
bottom: 29%;
right: 22%;
}
.map-icons13 {
bottom: 21%;
right: 15%;
}
.map-icons14 {
bottom: 24%;
right: 12.3%;
}
.map-icons15 {
right: 11%;
bottom: 29%;
}
.map-icons16 {
bottom: 18%;
right: 7%;
}*/
}
@media screen and (min-width: 1901px) and (max-width: 2000px) {
.map-icons {
max-width: 80%;
}
.map-icons0 {
top: 8%;
left: 14%;
}
.map-icons12 {
bottom: 24%;
}
.map-icons13 {
bottom: 17%;
}
.map-icons14 {
bottom: 21%;
}
.map-icons15 {
bottom: 27%;
}
.map-icons16 {
bottom: 14%;
right: 7%;
}
.map-icons5 {
bottom: 22%;
}
}
@media screen and (min-width: 2001px) and (max-width: 2100px) {
.map-icons {
height: 560px;
max-width: 78%;
}
}
@media screen and (min-width: 2101px) and (max-width: 2200px) {
div.global-map-bg {
min-height: 1050px;
}
.map-icons {
max-width: 78%;
}
.map-icons0 {
top: 6%;
left: 13%;
}
.map-icons12 {
bottom: 15%;
}
.map-icons13 {
bottom: 6%;
}
.map-icons14 {
bottom: 10%;
right: 12.5%;
}
.map-icons15 {
bottom: 17%;
right: 11.2%;
}
.map-icons16 {
bottom: 2%;
right: 7%;
}
.map-icons5 {
bottom: 12%;
}
.map-icons1 {
top: 29%;
}
.map-icons2 {
top: 8%;
}
.map-icons6 {
top: 37%;
right: 33%;
}
.map-icons7 {
top: 33%;
right: 29.5%;
}
.map-icons8 {
top: 46%;
right: 26.5%;
}
.map-icons9 {
top: 28%;
}
.map-icons10 {
top: 16%;
}
.map-icons11 {
top: 15%;
}
}
@media screen and (min-width: 2401px) and (max-width: 2500px) {
div.map-icons {
height: 560px;
}
div.global-map-bg {
min-height: 1150px;
}
}
@media screen and (min-width: 2201px) and (max-width: 2600px) {
.map-icons {
height: 530px;
max-width: 76%;
}
.map-icons0 {
top: 4%;
left: 13%;
}
.map-icons12 {
bottom: 18%;
right: 22.5%;
}
.map-icons13 {
bottom: 8%;
right: 14%;
}
.map-icons14 {
bottom: 12%;
right: 12.25%;
}
.map-icons15 {
bottom: 18%;
right: 11%;
}
.map-icons16 {
bottom: 5%;
right: 6.5%;
}
.map-icons5 {
bottom: 13%;
}
.map-icons2 {
top: 6%;
left: 27%;
}
.map-icons3 {
top: 6%;
left: 46%;
}
.map-icons4 {
top: 10%;
left: 48%;
}
.map-icons6 {
top: 35%;
}
.map-icons7 {
top: 30%;
right: 29.5%;
}
.map-icons8 {
top: 43%;
right: 26%;
}
.map-icons9 {
top: 26%;
right: 25%;
}
.map-icons10 {
top: 12%;
right: 24%;
}
.map-icons11 {
top: 7%;
right: 23%;
}
}
/*@media screen and (min-width: 1400px) and (max-width: 1700px) {
.map-icons1 {
top: 8rem;
left: 14rem;
}
.map-icons2 {
top: 2rem;
left: 22rem;
}
.map-icons3 {
top: 2rem;
left: 36.5rem;
}
.map-icons4 {
top: 2.9rem;
left: 38.4rem;
}
.map-icons5 {
top: 20.5rem;
left: 38rem;
}
.map-icons6 {
top: 9.6rem;
right: 27rem;
}
.map-icons7 {
top: 8.2rem;
right: 23.5rem;
}
.map-icons8 {
top: 11.5rem;
right: 21.5rem;
}
.map-icons9 {
top: 6.8rem;
right: 20rem;
}
.map-icons10 {
top: 3.5rem;
right: 20rem;
}
.map-icons11 {
top: 2.8rem;
right: 18.3rem;
}
.map-icons12 {
top: 19.2rem;
right: 18.5rem;
}
.map-icons13 {
top: 22.2rem;
right: 11.8rem;
}
.map-icons14 {
top: 20.8rem;
right: 10.3rem;
}
.map-icons15 {
top: 19rem;
right: 9.5rem;
}
.map-icons16 {
top: 23rem;
right: 6.5rem;
}
}*/
/******** ********/
.home-our-service .title-content p.subtitle {
font-size: 16px;
line-height: 24px;
text-align: center;
color: rgba(130, 130, 130, 0.75);
}
.home-our-service .title-content h2 {
font-weight: 600;
font-size: 55px;
line-height: 65px;
text-align: center;
margin: 0;
}
.home-our-service .title-content .highlight {
color: #0080FF;
}
.top-tabs {
display: flex;
justify-content: center;
border: 1px solid #000000;
border-radius: 100px;
margin: 70px auto;
padding: 6px;
}
.top-tabs button {
padding: 23px 32px;
border: none;
border-radius: 30px;
background-color: transparent;
cursor: pointer;
font-weight: 600;
font-size: 18px;
line-height: 20px;
letter-spacing: 0.04em;
min-width: 577px;
font-family: 'Montserrat';
}
.top-tabs button.active {
background-color: #0079FF;
color: #fff;
}
.home-our-service .swiper-slide {
color: #fff;
display: flex;
align-items: center;
justify-content: center;
background-size: cover;
background-position: center;
position: relative;
}
.home-our-service .slide-content {
position: absolute;
}
.slider-tab-content {
visibility: hidden;
opacity: 0;
height: 0;
overflow: hidden;
position: absolute;
width: 100%;
top: 0;
left: 0;
}
.slider-tab-content.active {
visibility: visible;
opacity: 1;
height: auto;
position: relative;
}
.bottom-tabs {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-top: 30px;
}
button {
font-family: 'Montserrat';
}
.bottom-tabs button {
margin: 5px 10px;
padding: 10px;
border: none;
background: none;
border-bottom: 2px solid transparent;
cursor: pointer;
font-size: 14px;
line-height: 23px;
letter-spacing: 0.02em;
color: rgba(130, 130, 130, 0.75);
cursor: pointer;
}
.bottom-tabs button.active {
border-color: #0079FF;
font-weight: 700;
color: #0079FF;
}
.home-our-service .slide-content h2 {
font-weight: 600;
font-size: 35px;
line-height: 45px;
text-align: center;
max-width: 316px;
margin: 0;
color: #fff;
}
.home-our-service .slide-content span {
display: block;
text-align: center;
font-weight: 400;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.02em;
}
.home-our-service .swiper-button-prev {
background: #000000;
width: 49px;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 9;
display: flex;
align-items: center;
justify-content: center;
}
.home-our-service .swiper-button-next {
background: #000000;
width: 49px;
height: 100%;
position: absolute;
top: 0;
right: 0;
z-index: 9;
display: flex;
align-items: center;
justify-content: center;
}
.home-our-service .swiper.swiper-horizontal {
position: relative;
}
.home-our-service .swiper-button-prev path,
.home-our-service .swiper-button-next path {
stroke: #fff;
}
.slide-hover-content {
display: none;
}
.home-our-service .swiper-slide:hover > .slide-hover-content {
z-index: 9;
position: absolute;
width: 100%;
height: 100%;
background: #0079FF;
display: flex;
text-align: center;
align-items: center;
padding: 0 20%;
border-radius: 10px;
flex-direction: column;
justify-content: center;
gap: 25px;
line-height: 23px;
}
.home-our-service .swiper-slide img {
width: 100%;
border-radius: 10px;
}
.home-our-service.black {
background: #18191C;
}
.home-our-service.black .title-content h2 {
color: #fff;
}
.home-our-service.black .top-tabs {
border: 1px solid #fff;
}
.home-our-service.black .top-tabs button {
color: #fff;
}
.home-our-service.black .swiper-button-prev,
.home-our-service.black .swiper-button-next {
background: #fff;
}
.home-our-service.black .swiper-button-prev path,
.home-our-service.black .swiper-button-next path {
stroke: #000;
}
.home-our-service.black .bottom-tabs button.active {
border-color: #fff;
color: #fff;
}
.home-our-service .swiper-button-prev,
.home-our-service .swiper-button-next {
cursor: pointer;
}
.home-career-section {
display: flex;
justify-content: space-between;
}
.home-career-subheading {
font-weight: 600;
font-size: 16px;
line-height: 24px;
color: rgba(130, 130, 130, 0.75);
}
.home-career-section .home-career-title {
font-weight: 600;
font-size: 55px;
line-height: 65px;
margin-top: 12px;
margin-bottom: 0;
}
.home-career-header-right span {
color: rgba(130, 130, 130, 0.75);
max-width: 456px;
display: inline;
font-size: 16px;
line-height: 22px;
}
.home-career-header-left {
opacity: 0;
transform: translateY(30px);
transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.home-career-header-left.visible {
opacity: 1;
transform: translateY(0);
}
.home-career-header-right {
display: flex;
align-items: flex-end;
}
.home-our-service .subtitle {
opacity: 0;
transform: translateX(-20px);
transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}
.home-our-service .subtitle.visible {
opacity: 1;
transform: translateX(0);
}
.home-our-service .title-content h2 {
opacity: 0;
transform: translateY(30px);
transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.home-our-service .title-content h2.visible {
opacity: 1;
transform: translateY(0);
}
.career-section a.career-learn {
background: none;
font-size: 18px;
font-weight: 600;
letter-spacing: 0.72px;
color: #0079FF;
border: 1px solid #0079FF;
border-radius: 30px;
padding: 10px 32px;
text-transform: capitalize;
min-width: 300px;
margin-bottom: 17px;
}
.career-section a.career-learn:after {
content: '';
display: inline-block;
margin-left: 12px;
background-image: url('data:image/svg+xml,');
background-size: contain;
background-repeat: no-repeat;
width: 22px;
height: 23px;
}
.career-section a.career-learn .fusion-button-text {
color: unset !important;
}
.career-section a.career-discover {
background: #0079FF;
font-size: 18px;
font-weight: 600;
letter-spacing: 0.72px;
color: #fff;
border: 1px solid #0079FF;
border-radius: 30px;
padding: 10px 32px;
text-transform: capitalize;
min-width: 300px;
}
.career-section a.career-discover:after {
content: '';
display: inline-block;
margin-left: 12px;
background-image: url('data:image/svg+xml,');
background-size: contain;
background-repeat: no-repeat;
width: 22px;
height: 23px;
}
.career-section .fusion-column-wrapper {
display: flex !important;
flex-direction: column;
}
.career-section .fusion-selfhosted-video video {
height: 300px;
}
.fusion-footer .mobile-popup {
display: none;
}
.career-section .video-wrapper {
position: relative;
width: 100%;
height: 286px;
overflow: hidden;
border-radius: 10px;
}
.career-section #myVideo {
width: 100%;
height: auto;
display: block;
}
.career-section #fullscreenBtn {
position: absolute;
bottom: 10px;
right: 10px;
background-color: transparent;
cursor: pointer;
z-index: 10;
border: none;
}
/* Fullscreen styling */
.career-section video:-webkit-full-screen {
width: 100vw !important;
height: 100vh !important;
object-fit: cover;
}
.career-section video:fullscreen {
width: 100vw !important;
height: 100vh !important;
object-fit: cover;
}
body.modal-open {
overflow: hidden;
}
div.global-map-bg {
z-index: 1;
position: relative;
}
.timeline-nav-main.show:after {
content: "";
border-radius: 60px;
background: linear-gradient(90deg, #003066 0%, #006DE5 100%);
box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.10);
height: 2px;
max-width: 321px;
position: absolute;
bottom: -7px;
width: 100%;
}
.timeline-years {
display: flex;
gap: 20px;
}
.timeline-nav {
position: relative;
}
.timeline-indicator {
position: absolute;
bottom: -34px;
background-image: url('data:image/svg+xml,');
transition: left 0.4s ease;
z-index: 9;
width: 39px;
height: 37px;
transform: translateX(-40%);
transition: left .4s ease;
cursor: pointer;
}
.timeline-step {
transition: .3s;
}
.timeline-step.show.active,
.timeline-step.show:hover {
font-weight: 600;
}
/*************** Consumer page **************/
.consumer-top-banner h1, .emobility-top-banner h1 {
color: #FFF !important;
font-size: 55px !important;
font-weight: 600;
line-height: 65px;
}
.consumer-top-banner p, .emobility-top-banner p {
color: #FFF;
}
.two-btns-wrapper {
display: flex;
justify-content: center;
gap: 20px;
padding-top: 5%;
}
a.blue-btn {
display: flex;
padding: 13px 32px;
align-items: center;
gap: 12px;
border-radius: 30px;
background: #0079FF;
border: 0;
color: #fff;
font-size: 18px;
font-weight: 600;
line-height: 20px;
letter-spacing: 0.72px;
max-width: fit-content;
border: 1px solid transparent;
}
a.white-btn {
display: flex;
padding: 13px 32px;
align-items: center;
gap: 12px;
border-radius: 30px;
background: #FFF;
border: 0;
color: #0079FF;
font-size: 18px;
font-weight: 600;
line-height: 20px;
letter-spacing: 0.72px;
max-width: fit-content;
border: 1px solid #0079FF;
}
a.fusion-button.white-btn span {
color: #0079FF;
}
a.blue-btn:after,
a.transp-btn:after,
a.black-btn:after {
content: '';
display: inline-block;
margin-left: 12px;
background-image: url('data:image/svg+xml,');
background-size: contain;
background-repeat: no-repeat;
width: 22px;
height: 23px;
position: relative;
top: 1px;
}
.choose-card-wrapper a.blue-btn:after,
.choose-card-wrapper a.transp-btn:after,
.choose-card-wrapper a.black-btn:after {
position: relative;
top: 1px;
}
.choose-card-wrapper a.transp-btn {
gap: 0;
}
.choose-card-wrapper .card-front, .choose-card-wrapper .card-back {
padding: 0 8%;
}
a.white-btn:after {
content: '';
display: inline-block;
margin-left: 12px;
background-image: url('data:image/svg+xml,');
background-size: contain;
background-repeat: no-repeat;
width: 22px;
height: 23px;
}
a.white-btn:hover {
color: #0079FF;
}
.main-heading-section {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.heading-section-subheading {
font-weight: 600;
font-size: 16px;
line-height: 24px;
color: rgba(130, 130, 130, 0.75);
}
.main-heading-section .heading-section-title {
font-weight: 600;
font-size: 55px;
line-height: 65px;
color: #FFFFFF;
margin-top: 12px;
margin-bottom: 0;
}
.heading-section-right {
max-width: 467px;
color: #fff;
font-size: 16px;
font-weight: 400;
line-height: 22px;
}
.global-operations .brand-grid {
grid-template-columns: repeat(4, 1fr);
}
.brand-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1rem;
margin-bottom: 2rem;
margin-top: 4rem;
}
.brand-group {
margin-top: 3rem;
}
.brand-group .brand-group-title {
font-size: 35px;
color: #fff;
}
.brand-group .brand-grid {
margin-bottom: 4rem;
margin-top: 2rem;
grid-template-columns: repeat(4, 1fr);
}
.brand-group .brand-grid .brand-item {
position: relative;
}
.brand-group .brand-grid .brand-item:hover .emobility-brand-btn {
opacity: 1;
}
.popup-logo {
position: absolute;
top: 13%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
justify-content: center;
}
.popup-logo picture {
text-align: center;
}
.popup-logo img {
max-width: 50%;
}
.brand-item img {
max-width: 100%;
border-radius: 10px;
width: 100%;
}
.brand-item.hidden {
display: none;
}
.button-wrapper {
text-align: center;
}
.button-wrapper #toggleBtn {
display: none;
}
#toggleBtn,
#toggleBtn-g, .moreless-button {
background-color: #0079FF;
color: #fff;
padding: 0.75rem 2rem;
border-radius: 30px;
cursor: pointer;
transition: background-color 0.3s ease;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 20px;
letter-spacing: 0.72px;
border: none;
width: 100%;
}
@media screen and (min-width:1600px) {
.career-section .video-wrapper {
height: 450px;
}
}
.retail-partners .carousel-item {
flex: 0 0 auto;
display: flex;
justify-content: center;
width: 223px;
padding: 50px 38px;
flex-direction: column;
align-items: flex-start;
border: 1px solid #fff;
border-left: 0;
height: 159px;
background: none;
border-radius: 0;
align-items: center;
}
.retail-partners .carousel-row.carousel-brand {
gap: 0;
padding-top: 6%;
}
.retail-partners .carousel-item:hover {
background: #fff;
}
.retail-partners .carousel-item:hover > img {
filter: invert(1) brightness(0);
}
.retail-partners .carousel-item img {
width: 177px;
height: auto;
}
.retail-partners .carousel-item img.c-image_img.resize {
width: 80px;
}
.scroll-logo a.fusion-no-lightbox {
height: 42px;
position: relative;
display: block;
}
.home-our-service.retail-partners .title-content h2.visible {
color: #fff;
}
.consumer-top-banner .two-btns-wrapper, .emobility-top-banner .two-btns-wrapper {
justify-content: start;
padding-top: 1%;
}
/************************* Technologies ***********************/
.technologies-our-service .slider-tab-content {
margin-top: 70px;
}
.tech-industries-sec {
display: flex;
gap: 10px;
margin-top: 50px;
}
.tech-industries-block {
background-size: cover;
background-position: center;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.tech-industries-content {
position: absolute;
}
.tech-industries-sec .tech-industries-content h2 {
font-size: 30px;
font-weight: 600;
line-height: 42px;
text-align: center;
max-width: 316px;
margin: 0;
color: #fff;
}
.technologies-our-industries .title-content p.subtitle,
.technologies-our-industries .title-content h2 {
text-align: left;
}
.technologies-our-industries a.blue-btn {
max-width: unset;
width: 50%;
justify-content: center;
}
.technologies-our-industries a.white-btn {
border: 1px solid #0079FF;
max-width: unset;
width: 50%;
justify-content: center;
}
/************** E-Mobility **************/
.emobility-logos img {
max-width: 500px;
}
.emobility-brand-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
margin-bottom: 2rem;
margin-top: 4rem;
}
.emobility-brand-grid .brand-item {
position: relative;
}
.emobility-brand-btn {
position: absolute;
width: 100%;
max-width: 350px;
bottom: 0;
left: 50%;
transform: translate(-50%, -50%);
background: #0079FF;
color: #fff;
font-size: 18px;
font-weight: 600;
line-height: 20px;
letter-spacing: 0.72px;
text-align: center;
padding: 14px 32px;
text-decoration: none;
opacity: 0;
transition: opacity 0.3s ease;
z-index: 1;
border-radius: 30px;
}
.emobility-brand-grid .brand-item:hover .emobility-brand-btn {
opacity: 1;
}
.emobility-brand-btn:hover {
background-color: #000;
color: #0079FF;
}
.emobility-brand-btn:after {content: url('data:image/svg+xml,');vertical-align: middle;margin-left: 10px;}
.emobility-brand-btn:hover:after {content: url('data:image/svg+xml,');}
.brand-modal {
display: none;
position: fixed;
z-index: 9999;
left: 0; top: 0;
width: 100%; height: 100%;
background-color: rgba(0, 0, 0, 0.6);
}
.brand-modal-content {
background: #fff;
max-width: 80%;
margin: 6% auto;
border-radius: 15px;
position: relative;
}
.brand-modal-close {
position: absolute;
top: 10px;
right: 15px;
width: 40px;
height: 40px;
text-indent: 10000px;
cursor: pointer;
background-image: url('data:image/svg+xml,');
}
.emobility-popup-image .popup_img {
width: 100%;
}
.emobility-popup-content {
max-width: 50%;
margin: 0 auto;
padding-bottom: 10px;
text-align: center;
}
.emobility-tags span {
background-color: #ECECEC;
border-radius: 20px;
padding: 4px 37px;
font-size: 11px;
line-height: 18px;
letter-spacing: 0.33px;
}
.emobility-tags {
display: flex;
gap: 10px;
justify-content: center;
margin-top: -13px;
}
.emobility-popup-content h4 {
font-size: 30px;
margin-bottom: 20px;
}
.emobility-popup-content p {
font-size: 13px;
font-weight: 600;
line-height: 19.5px;
letter-spacing: 0.26px;
margin-bottom: 0;
}
.emobility-popup-content a.blue-btn {
max-width: 100%;
justify-content: center;
margin: 25px 0;
}
.emobility-features .industries-slider-container.right.r-center .main-image img {
left: 2%;
position: relative;
}
.emobility-features .industries-slider-container.right.r-center .main-image {
width: 100%;
}
.emobility-features .industries-slider-container.center .left.center {
margin-left: 0;
margin-top: -3%;
}
.emobility-features .industries-slide:nth-child(1) {
padding-bottom: 30%;
}
.emobility-features .industries-slide:nth-child(2) {
padding-bottom: 12%;
}
.emobility-features .industries-slide:nth-child(3) {
padding-bottom: 25%;
}
.emobility-features .industries-slider-container .left h2 {
font-size: 100px;
line-height: 100px;
margin-bottom: 50px;
}
@media (max-width: 768px) {
.emobility-popup-content {
max-width: 90%;
padding-bottom: 0;
order: 4;
}
.page-id-4455 .emobility-popup-content {
max-width: 75% !important;
}
.emobility-tags {
display: grid;
gap: 8px;
grid-template-columns: repeat(2, 1fr);
text-align: center;
max-width: 90%;
margin: 0 auto;
padding: 20px 0;
order: 3;
}
.emobility-tags span {
padding: 4px 16px;
}
.emobility-popup-content h4 {
display: none;
}
.emobility-popup-content br {
display: block;
}
.emobility-popup-image .popup_img {
border-radius: 15px 15px 0 0;
}
.emobility-logos img {
max-width: 100%;
}
}
@media (max-width: 1600px) {
.brand-modal-content {
max-width: 70%;
}
}
/************* Automotive Page************/
.automotive-top-banner .d-lines {
top: 30px;
}
.auto-line-container {
margin: 0 auto;
display: flex;
justify-content: space-between;
gap: 194px;
}
.automotive-top-banner .auto-line-container h2 {
font-size: 26px;
font-weight: 600;
line-height: 35px;
color: #fff;
text-align: center;
margin: 0;
position: relative;
}
.automotive-top-banner .auto-line-container h2:first-child {
left: 28px;
}
.automotive-top-banner .auto-line-container h2:after {
content: "";
width: 260px;
border: 1px solid rgba(130, 130, 130, 0.75);
transform: rotate(90deg);
position: absolute;
left: -36px;
top: 240px;
}
.automotive-top-banner .auto-line-container h2:last-child:after {
left: -59px;
}
.automotive-cards {
min-height: 579px;
}
.automotive-cards-container .fusion-builder-row {
gap: 14px;
}
.automo-card-wrapper {
height: 380px;
width: 385px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
}
.automo-card-wrapper.white {
background-image: url("https://directedgroup.com.au/wp-content/uploads/2026/04/Directed-Tech–Tile.png");
background-size: cover;
background-repeat: no-repeat;
}
.automo-card-wrapper.black {
background-image: url("https://directedgroup.com.au/wp-content/uploads/2026/04/Fleetminder–Tile.png");
background-size: cover;
background-repeat: no-repeat;
}
.automo-card-wrapper.consumer {
background-image: url("https://directedgroup.com.au/wp-content/uploads/2026/04/Consumer-Automotive-Tile.png");
background-size: cover;
background-repeat: no-repeat;
}
.automo-card-wrapper .card {
display: flex;
flex-direction: column;
align-items: center;
gap: 55px;
justify-content: center;
padding-inline: 62px;
}
.automo-card-wrapper a.blue-btn:after {
margin-left: 0;
}
.automo-card-wrapper a.blue-btn path {
stroke: #fff;
}
.automo-card-wrapper {
transform: translateY(30%);
transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
will-change: transform;
}
.automo-card-wrapper.active {
transform: translateY(0);
}
@media screen and (min-width:1600px) {
.automotive-top-banner {
min-height: 850px;
}
}
/********************** Sofihub page**********************/
.sofihub-carousel-container {
white-space: nowrap;
overflow: hidden;
width: 100%;
}
.sofihub-carousel-track {
display: flex;
align-items: center;
flex-wrap: nowrap;
justify-content: center;
gap: 97px;
display: flex;
width: fit-content;
}
.sofihub-carousel-item {
display: flex;
align-items: center;
gap: 14px;
color: #fff;
font-size: 16px;
line-height: 25px;
letter-spacing: 0.462px;
}
.sofihub-carousel-icon {
width: 28px;
height: 28px;
background: url('data:image/svg+xml,');
}
.sofi-quote-container {
display: flex;
}
.quote-box {
border-radius: 10px;
background: #18191C;
display: flex;
width: 58%;
min-height: 332px;
color: #fff;
padding: 85px 50px;
gap: 30px;
}
.quote-box p {
color: #A8A8A8;
font-size: 24px;
line-height: 30px;
}
.quote-box svg {
flex: none;
}
.quote-box .author {
font-size: 20px;
font-weight: 600;
line-height: 24px;
}
.quote-box .position {
font-size: 14px;
line-height: 19px;
}
.sofi-quote-container .image-box {
position: absolute;
left: 50%;
top: 65%;
width: 50%;
}
.sofi-quote-container .image-box img {
width: 100%;
}
@media screen and (min-width:1600px) {
.quote-box {
min-height: 432px;
}
div.sofi-hub-quote {
min-height: 990px;
}
}
.scroll-logo img {
will-change: transform;
transition: transform 0.2s linear;
}
.smart-care-container .home-industry-section .home-industry-title {
color: #000;
}
.smart-care-container .home-industry-header-right span {
color: #000;
max-width: 467px;
font-size: 16px;
line-height: 22px;
letter-spacing: 0.64px;
}
.smartcare-image-sec .industries-slider-container .small-image {
max-width: 205px;
}
.smartcare-image-sec .industries-slider-container.right.r-center .small-image {
right: auto;
left: 70px;
bottom: 140px;
}
.smartcare-image-sec .industries-slider-container.right.r-center .main-image img {
width: auto;
left: 10%;
position: relative;
}
.smartcare-image-sec .industries-slider-container.right.r-center .left {
padding-top: 10%;
margin-right: 12%;
margin-left: 0;
}
.smartcare-image-sec .industries-slider-container.right.r-center .left p {
max-width: 350px;
}
.smartcare-image-sec .industries-slider-container.right.r-center .main-image > img {
width: 50%;
}
.smartcare-image-sec .industries-slider-container.right.r-center .main-image {
width: 100%;
}
.smartcare-image-sec .industries-slider-container.right .small-image {
right: -95px;
}
.smartcare-image-sec .industries-slide:nth-child(1) {
padding-bottom: 35%;
}
.smartcare-image-sec .industries-slide:nth-child(2) {
padding-bottom: 30%;
}
.smartcare-image-sec .industries-slide:nth-child(3) {
padding-bottom: 35%;
}
.smartcare-image-sec .industries-slide:nth-child(4) {
padding-bottom: 26%;
}
.smartcare-image-sec .industries-slider-container .left h2 {
text-align: center;
}
.smartcare-image-sec .industries-slider-container.right.r-center .main-image .left {
padding-top: 0;
top: -5rem;
position: relative;
}
.sofihub-container .a-flex-container .title {
color: #0079FF;
}
.sofi-hub-tech .home-industry-section .home-industry-title {
color: #000;
}
.sofi-hub-tech div.sofihub-container .fusion-tabs.classic.horizontal-tabs .nav-tabs>.active>.tab-link {
border: 1px solid #0079FF;
border-color: #0079FF !important;
background-color: #0079FF;
}
.sofi-hub-tech div.sofihub-container .fusion-tabs.sofihub-bottom-tab .nav-tabs {
margin-top: -170px;
flex-direction: column;
max-width: 360px;
gap: 20px;
}
.sofi-hub-tech div.sofihub-container .fusion-tabs.classic.horizontal-tabs .tab-link {
border: 1px solid #0079FF;
border-color: #0079FF;
padding: 9px 14px;
}
.sofi-hub-tech div.sofihub-container .fusion-tabs.classic.horizontal-tabs .tab-link .fusion-tab-heading {
font-size: 18px;
font-weight: 600;
line-height: 20px;
letter-spacing: 0.72px;
}
div.smart-text > p {
max-width: 59.4rem;
margin: 0 auto;
}
.cf7-custom-layout {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 54px;
}
.cf7-custom-layout .form-left,
.cf7-custom-layout .form-right {
flex: 1 1 45%;
display: flex;
flex-direction: column;
}
.consent-text a {
text-decoration: underline;
color: #000;
}
input.wpcf7-submit {
background-color: #007aff;
color: white;
padding: 15px 30px;
border: none;
border-radius: 999px;
font-size: 16px;
cursor: pointer;
transition: background 0.3s;
}
input.wpcf7-submit:hover {
background-color: #005edb;
}
.wpcf7-form .cf7-custom-layout label {
font-weight: 700;
font-size: 11px;
line-height: 18px;
letter-spacing: 0.33px;
color: #000;
}
.join-talent-popup .wpcf7-form .cf7-custom-layout .wpcf7-text {
border-radius: 0;
border-bottom: 1px solid #62666A !important;
border: 0;
padding: 0;
margin-bottom: 4rem;
font-size: 14px;
font-weight: 600;
line-height: 19px;
color: rgba(130, 130, 130, 0.75);
background: none;
}
.join-talent-popup .wpcf7-form .cf7-custom-layout textarea{
background: none;
border: 1px solid #000;
height: 65px;
}
.wpcf7-form .cf7-custom-layout .wpcf7-text,
.wpcf7-form .cf7-custom-layout textarea {
background: #F9F9F9;
border: 0;
border-radius: 10px;
height: 45px;
font-size: 14px;
line-height: 165%;
}
input.wpcf7-form-control.wpcf7-text,
input.wpcf7-form-control.wpcf7-text:placeholder {
font-size: 14px;
font-weight: 400;
line-height: 19px;
color: rgba(130, 130, 130, 0.75);
}
.wpcf7-form .cf7-custom-layout br {
display: none;
}
.wpcf7-form .cf7-custom-layout p {
margin-bottom: 12px;
}
.wpcf7-form .cf7-custom-layout.cf7-sofihub-layout textarea,
.wpcf7-form .cf7-custom-layout.cf7-consumer-layout textarea,
.wpcf7-form .cf7-custom-layout.cf7-enterprise-layout textarea {
height: 143px;
}
.wpcf7-form .cf7-custom-layout textarea {
height: 120px;
border-radius: 10px;
}
.wpcf7-form .cf7-custom-layout.cf7-e-mobility-layout textarea,
.wpcf7-form .cf7-custom-layout.cf7-automotive-layout textarea,
.wpcf7-form .cf7-custom-layout.cf7-global-layout textarea{
height: 60px;
}
.wpcf7-form .cf7-custom-layout .wpcf7-form-control.wpcf7-acceptance {
display: flex;
height: 50px;
padding: 11px 13px;
gap: 10px;
border-radius: 5px;
border: 1px solid #000;
}
.wpcf7-form-control.wpcf7-acceptance input {
height: 17px;
width: 17px;
}
.wpcf7-form-control.wpcf7-acceptance label {
font-size: 11px;
font-weight: 600;
line-height: 18px;
letter-spacing: 0.33px;
}
.cf7-custom-layout p.consent-text {
font-size: 10px;
font-weight: 600;
line-height: 18px;
letter-spacing: 0.24px;
margin-bottom: 12px;
}
.cf7-custom-layout .form-right label.tooltip-label {
font-weight: 600;
display: flex;
gap: 6px;
align-items: center;
line-height: 19px;
}
.cf7-custom-layout .email-content {
position: relative;
}
.cf7-custom-layout .email-content .tooltip-icon {
position: absolute;
z-index: 1;
left: 65px;
top: 5px;
}
.cf7-custom-layout .form-right input.wpcf7-form-control.wpcf7-submit {
font-size: 18px;
font-weight: 600;
line-height: 20px;
letter-spacing: 0.72px;
display: flex;
height: 45px;
justify-content: center;
align-items: center;
gap: 12px;
border-radius: 30px;
background: #0079FF;
width: 100%;
text-transform: capitalize;
}
.cf7-custom-layout .form-right input.wpcf7-form-control.wpcf7-submit:before {
background-image: url('data:image/svg+xml,');
content: '';
display: inline-block;
margin-left: 12px;
background-size: contain;
background-repeat: no-repeat;
width: 22px;
height: 23px;
}
div.hide {
display: none;
}
.stats-section {
display: flex;
gap: 13px;
flex-wrap: wrap;
margin-bottom: 20px;
}
.stat-card {
border: 1px solid #fff;
border-radius: 8px;
padding: 20px 10px;
color: #fff;
text-align: center;
width: 112px;
transition: transform 0.2s ease;
background-color: rgba(0, 0, 0, 0.55);
}
.industries-slider-container .stat-card h2 {
font-size: 35px;
font-weight: 600;
line-height: 35px;
margin-bottom: 5px;
color: #fff;
position: unset !important;
margin-top: 0;
}
.industries-slider-container .stat-card p {
margin: 0 !important;
font-size: 10px;
font-weight: 600;
line-height: 15px;
color: #fff;
}
.industries-slide:nth-child(2) .stats-section {
position: absolute;
right: 7%;
bottom: 32%;
}
.industries-slide:nth-child(3) .stats-section {
position: absolute;
bottom: 13%;
left: 6%;
}
.industries-slide:nth-child(4) .stats-section {
position: absolute;
bottom: 30%;
}
.choose-card-wrapper {
min-height: 452px;
min-width: 100%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
background-size: 100%;
transition: background-size 0.5s ease;
background-position: center;
border-radius: 10px;
background-repeat: no-repeat;
}
.choose-card-wrapper.card-consumer {
background-image: url("https://directedgroup.com.au/wp-content/uploads/2025/10/card-consumer.png");
}
.choose-card-wrapper.card-enterprise {
background-image: url("https://directedgroup.com.au/wp-content/uploads/2025/10/card-enterprise.png");
}
.choose-card-wrapper.card-emobility {
background-image: url("https://directedgroup.com.au/wp-content/uploads/2025/10/card-emobility.png");
}
.choose-card-wrapper.card-sofihub {
background-image: url("https://directedgroup.com.au/wp-content/uploads/2025/10/card-sofihub.png");
}
.choose-card-wrapper.card-automotive {
background-image: url("https://directedgroup.com.au/wp-content/uploads/2025/12/card-automotive.png");
}
.choose-card-wrapper.card-fleetminder {
background-image: url("https://directedgroup.com.au/wp-content/uploads/2025/12/card-fleetminder.png");
}
.choose-card-wrapper .card {
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
}
a.transp-btn {
display: flex;
padding: 10px 22px;
align-items: center;
gap: 12px;
border-radius: 30px;
background: transparent;
border: 1px solid #fff;
color: #fff;
font-size: 18px;
font-weight: 600;
line-height: 20px;
letter-spacing: 0.72px;
max-width: fit-content;
}
div.choose-card-wrapper h2 {
font-size: 30px;
text-transform: capitalize;
line-height: 42px;
color: #fff;
margin: 0;
height: 84px;
}
.directed-card-section-slider .bottom-tabs .bottom-tab,
.directed-card-section-slider .bottom-tabs .bottom-tab-r {
text-transform: capitalize;
}
a.transp-btn:hover {
border: 1px solid #0079FF;
background: #98C8FD;
color: #0079FF;
}
a.transp-btn:hover:after {
background-image: url('data:image/svg+xml,');
}
.card {
width: 100%;
height: 369px;
perspective: 1000px;
position: relative;
}
.card-inner {
position: relative;
width: 100%;
height: 100%;
transition: transform 0.6s ease;
transform-style: preserve-3d;
}
.choose-card-wrapper.hovered .card-inner {
transform: rotateY(180deg);
}
/*.choose-card-wrapper:hover {
background-size: 110%;
}
*/
.card-front,
.card-back {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
backface-visibility: hidden;
border-radius: 9px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0 13%;
text-align: center;
gap: 20px;
}
.card-back {
background: #0079FF;
color: #fff;
transform: rotateY(180deg);
}
.card-back span {
font-size: 26px;
font-weight: 600;
line-height: 35px;
margin-bottom: 20px;
}
.card-back .choose-close {
position: absolute;
top: 14px;
right: 18px;
cursor: pointer;
}
.home-our-service a.blue-btn {
margin: 25px auto 0;
}
a.blue-btn:hover {
border: 1px solid #0079FF;
background: #FFF;
color: #0079FF;
}
a.blue-btn:hover:after {
background-image: url('data:image/svg+xml,');
}
.glob-stats-section {
display: flex;
gap: 20px;
justify-content: center;
flex-wrap: wrap;
}
.glob-stat-card {
background-color: #262B2E;
border-radius: 20px;
padding: 27px 23px;
width: 280px;
height: 170px;
text-align: left;
}
.glob-stat-number {
font-size: 42px;
font-weight: 500;
line-height: 56px;
color: #ffffff;
}
.glob-stat-label {
color: rgba(130, 130, 130, 0.75);
font-size: 18px;
font-weight: 300;
letter-spacing: 0.36px;
}
.retail-partners a.blue-btn {
margin: 0;
}
.glob-worldwide-text h2 {
color: #fff;
margin-bottom: 20px;
}
.global-operations h2.heading-section-title {
color: #000;
}
.global-operations .heading-section-right {
color: #000;
}
.region-tabs {
display: inline-flex;
height: 64px;
align-items: center;
gap: 1px;
background: #18191C;
}
.region-tabs .tab-btn {
background: #18191C;
color: #fff;
border: 0;
font-size: 16px;
font-weight: 600;
line-height: 24px;
height: 64px;
width: 100%;
border-right: 1px solid #fff;
cursor: pointer;
}
.brand-item-g {
display: none;
}
.region-tabs .tab-btn.active {
background: #fff;
color: #18191C;
border-radius: 15px 15px 0px 0px;
height: 56px;
align-self: flex-end;
}
.brand-item-g img {
max-width: 100%;
border-radius: 10px;
}
.region-tabs .tab-btn.active:first-child {
border-radius: 0px 15px 0px 0px;
}
.region-tabs .tab-btn.active:last-child {
border-radius: 15px 0px 0px 0px;
}
.region-tabs .tab-btn:has(+ .tab-btn.active) {
border-right: 0 !important;
}
.map-popup {
position: absolute;
display: none;
z-index: 9999;
transform: translate(-43%, -124%);
}
.map-icons-place {
cursor: pointer;
}
.map-popup-inner {
background: #F9F9F9;
border-radius: 10px;
overflow: hidden;
text-align: center;
width: 219px;
height: 235px;
padding: 10px;
}
.map-popup-inner img {
width: 100%;
object-fit: cover;
}
.map-popup-text {
padding: 10px 0;
}
.map-popup-text .country {
position: absolute;
top: 40%;
left: 30%;
font-size: 24px;
font-weight: 600;
line-height: 32px;
display: none;
}
.map-popup-text .city {
color: #000;
font-size: 16px;
font-weight: 600;
line-height: 24px;
}
.popup-arrow {
width: 16px;
height: 16px;
background: #fff;
transform: rotate(45deg);
position: absolute;
bottom: -8px;
left: 50%;
margin-left: -8px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
z-index: -1;
}
.expertise-section .description-wrapper {
overflow: hidden;
opacity: 0;
transform: scaleY(0);
transform-origin: top;
transition: transform 0.6s ease, opacity 0.6s ease;
}
.expertise-section .description-wrapper.expand {
opacity: 1;
transform: scaleY(1);
}
.expertise-section .description {
color: #fff;
font-size: 16px;
line-height: 28px;
letter-spacing: 0.64px;
}
.career-image-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 8px;
}
.career-image-grid .grid-tile {
aspect-ratio: 1 / 1;
overflow: hidden;
position: relative;
border-radius: 10px;
}
.career-image-grid .grid-tile img {
width: 100%;
height: 100%;
object-fit: cover;
}
.career-image-grid .swiper {
width: 100%;
height: 100%;
}
.career-image-grid .swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 768px) {
.career-image-grid {
grid-template-columns: repeat(2, 1fr);
}
}
/********************/
.glob-pres-map .map-icons0 {
top: 20%;
left: 13%;
}
.glob-pres-map .map-icons1 {
top: 34%;
left: 18%;
}
.glob-pres-map .map-icons2 {
top: 16%;
left: 27%;
}
.glob-pres-map .map-icons3 {
top: 18%;
left: 45.5%;
}
.glob-pres-map .map-icons4 {
top: 20%;
left: 48.3%;
}
.glob-pres-map .map-icons5 {
bottom: 21%;
}
.glob-pres-map .map-icons6 {
top: 39%;
right: 32.2%;
}
.glob-pres-map .map-icons7 {
top: 36%;
right: 28.5%;
}
.glob-pres-map .map-icons8 {
top: 45%;
right: 26%;
}
.glob-pres-map .map-icons9 {
top: 32%;
right: 24.5%;
}
.glob-pres-map .map-icons10 {
top: 20%;
right: 23.5%;
}
.glob-pres-map .map-icons11 {
top: 22%;
right: 20%;
}
.glob-pres-map .map-icons12 {
bottom: 24%;
right: 22%;
}
.glob-pres-map .map-icons13 {
bottom: 17%;
right: 15%;
}
.glob-pres-map .map-icons14 {
bottom: 20%;
right: 12%;
}
.glob-pres-map .map-icons15 {
bottom: 26%;
right: 11%;
}
.glob-pres-map .map-icons16 {
bottom: 14%;
}
.glob-pres-map .map-icons0:before,
.glob-pres-map .map-icons1:before,
.glob-pres-map .map-icons2:before,
.glob-pres-map .map-icons3:before,
.glob-pres-map .map-icons4:before,
.glob-pres-map .map-icons5:before,
.glob-pres-map .map-icons6:before,
.glob-pres-map .map-icons7:before,
.glob-pres-map .map-icons8:before,
.glob-pres-map .map-icons9:before,
.glob-pres-map .map-icons10:before,
.glob-pres-map .map-icons11:before,
.glob-pres-map .map-icons12:before,
.glob-pres-map .map-icons13:before,
.glob-pres-map .map-icons14:before,
.glob-pres-map .map-icons15:before,
.glob-pres-map .map-icons16:before {
content: "";
background-image: url('data:image/svg+xml,');
width: 32px;
height: 32px;
display: block;
background-repeat: no-repeat;
background-position: center;
}
.glob-pres-map .map-icons0.active:before,
.glob-pres-map .map-icons1.active:before,
.glob-pres-map .map-icons2.active:before,
.glob-pres-map .map-icons3.active:before,
.glob-pres-map .map-icons4.active:before,
.glob-pres-map .map-icons5.active:before,
.glob-pres-map .map-icons6.active:before,
.glob-pres-map .map-icons7.active:before,
.glob-pres-map .map-icons8.active:before,
.glob-pres-map .map-icons9.active:before,
.glob-pres-map .map-icons10.active:before,
.glob-pres-map .map-icons11.active:before,
.glob-pres-map .map-icons12.active:before,
.glob-pres-map .map-icons13.active:before,
.glob-pres-map .map-icons14.active:before,
.glob-pres-map .map-icons15.active:before,
.glob-pres-map .map-icons16.active:before {
content: "";
background-image: url('data:image/svg+xml,');
width: 32px;
height: 32px;
display: block;
background-repeat: no-repeat;
background-position: center;
}
.glob-pres-map .timeline-wrapper {
flex-direction: column;
align-items: center;
gap: 22px;
}
.glob-pres-map .location-label {
max-width: 640px;
font-size: 16px;
line-height: 22px;
}
.join-talent-popup .upload-btn-wrapper p {
align-items: center;
}
.join-talent-popup .upload-btn-wrapper .upload-svg {
background-image: url('data:image/svg+xml,');
width: 22px;
height: 22px;
background-repeat: no-repeat;
}
.cf7-custom-layout.cf7-joincommunity-layout .email-content .tooltip-icon {
left: 58px;
top: 25px;
border: 2px solid rgba(130, 130, 130, 0.75);
color: rgba(130, 130, 130, 0.75);
}
.cf7-custom-layout.cf7-joincommunity-layout .tooltip-icon {
width: 20px;
height: 20px;
color: #000;
line-height: 18px;
border: 2px solid #000;
}
.cf7-custom-layout.cf7-joincommunity-layout .tooltip-icon::after {
bottom: 32px;
}
.join-talent-popup .cf7-custom-layout.cf7-joincommunity-layout label.tooltip-label {
color: #000;
font-weight: 400 !important;
font-size: 14px;
line-height: 19px;
padding-bottom: 10px;
}
.join-talent-popup .upload-btn-wrapper {
margin-top: 0;
background: #F9F9F9;
}
.join-talent-popup label.tooltip-label.file-upload {
padding-bottom: 0 !important;
}
@media screen and (min-width: 1801px) and (max-width: 1900px) {
.glob-pres-map .map-icons {
height: 510px;
}
.glob-pres-map .map-icons5 {
bottom: 25%;
}
.glob-pres-map .map-icons6 {
top: 37%;
right: 33.2%;
}
.glob-pres-map .map-icons10 {
top: 15%;
right: 23.5%;
}
.glob-pres-map .map-icons11 {
top: 17%;
right: 21%;
}
}
@media screen and (min-width: 1800px) and (max-width: 2200px) {
.map-popup {
/*transform: translate(-34%, -4377%);*/
}
}
@media screen and (min-width: 1901px) and (max-width: 2100px) {
.glob-pres-map .map-icons0 {
top: 13%;
left: 14%;
}
.glob-pres-map .map-icons1 {
top: 34%;
left: 18%;
}
.glob-pres-map .map-icons2 {
top: 16%;
}
.glob-pres-map .map-icons3 {
top: 15%;
}
.glob-pres-map .map-icons4 {
top: 18%;
left: 48%;
}
.glob-pres-map .map-icons5 {
bottom: 13%;
}
.glob-pres-map .map-icons6 {
top: 41%;
right: 33.2%;
}
.glob-pres-map .map-icons7 {
right: 29.5%;
}
.glob-pres-map .map-icons8 {
top: 48%;
right: 27%;
}
.glob-pres-map .map-icons9 {
top: 33%;
right: 25.5%;
}
.glob-pres-map .map-icons10 {
top: 22%;
right: 25%;
}
.glob-pres-map .map-icons11 {
top: 20%;
right: 23.5%;
}
.glob-pres-map .map-icons12 {
bottom: 17%;
right: 23%;
}
.glob-pres-map .map-icons13 {
bottom: 9%;
}
.glob-pres-map .map-icons14 {
bottom: 14%;
right: 12.5%;
}
.glob-pres-map .map-icons15 {
bottom: 20%;
right: 11.5%;
}
.glob-pres-map .map-icons16 {
bottom: 5%;
}
}
@media screen and (min-width: 2001px) and (max-width: 2100px) {
.glob-pres-map .map-icons {
height: 500px;
}
}
@media screen and (min-width: 2101px) and (max-width: 2200px) {
.glob-pres-map .map-icons0 {
top: 11%;
left: 13.5%;
}
.glob-pres-map .map-icons2 {
top: 14%;
}
.glob-pres-map .map-icons3 {
top: 17%;
left: 45.5%;
}
.glob-pres-map .map-icons4 {
top: 19%;
left: 47.7%;
}
.glob-pres-map .map-icons5 {
bottom: 5%;
}
.glob-pres-map .map-icons6 {
right: 33.2%;
top: 42%;
}
.glob-pres-map .map-icons7 {
top: 38%;
right: 29.5%;
}
.glob-pres-map .map-icons8 {
top: 51%;
right: 27%;
}
.glob-pres-map .map-icons9 {
top: 33%;
right: 25%;
}
.glob-pres-map .map-icons10 {
top: 22%;
right: 25%;
}
.glob-pres-map .map-icons11 {
top: 20%;
right: 23.5%;
}
.glob-pres-map .map-icons12 {
bottom: 10%;
}
.glob-pres-map .map-icons13 {
bottom: 0;
}
.glob-pres-map .map-icons14 {
bottom: 5%;
}
.glob-pres-map .map-icons15 {
bottom: 12%;
right: 11%;
}
.glob-pres-map .map-icons16 {
bottom: -4%;
}
}
@media screen and (min-width: 2201px) and (max-width: 2600px) {
.map-icons {
height: 570px;
max-width: 76%;
}
.glob-pres-map .map-icons0 {
top: 5%;
left: 13.5%;
}
.glob-pres-map .map-icons1 {
top: 31%;
left: 18%;
}
.glob-pres-map .map-icons2 {
top: 10%;
}
.glob-pres-map .map-icons3 {
top: 10%;
left: 46%;
}
.glob-pres-map .map-icons4 {
top: 14%;
left: 47.9%;
}
.glob-pres-map .map-icons5 {
bottom: 10%;
}
.glob-pres-map .map-icons6 {
right: 33.2%;
}
.glob-pres-map .map-icons7 {
top: 35%;
right: 29.5%;
}
.glob-pres-map .map-icons8 {
top: 48%;
right: 26.2%;
}
.glob-pres-map .map-icons9 {
top: 30%;
right: 25%;
}
.glob-pres-map .map-icons10 {
top: 16%;
right: 24%;
}
.glob-pres-map .map-icons11 {
top: 11%;
right: 23%;
}
.glob-pres-map .map-icons12 {
bottom: 13%;
right: 22.5%;
}
.glob-pres-map .map-icons13 {
bottom: 3%;
right: 14%;
}
.glob-pres-map .map-icons14 {
bottom: 8%;
right: 12%;
}
.glob-pres-map .map-icons15 {
bottom: 15%;
}
.glob-pres-map .map-icons16 {
bottom: 0;
}
}
.quote-container .quote-section {
display: flex;
justify-content: center;
}
.quote-container .quote-card {
display: flex;
color: #fff;
justify-content: center;
}
.quote-container .quote-text {
padding: 6% 88px 6% 50px;
width: 58.2%;
position: relative;
border-radius: 10px;
background: #18191C;
display: flex;
gap: 30px;
}
.quote-container .quote-image {
position: relative;
right: 50px;
display: flex;
align-items: center;
}
.quote-container .quote-image img {
max-height: 75%;
}
.quote-container .quote-content p {
font-size: 24px;
font-weight: 400;
line-height: 30px;
color: #A8A8A8;
margin-bottom: 30px;
}
.quote-container p.author strong {
font-size: 20px;
font-weight: 600;
line-height: 24px;
color: #fff;
}
.quote-container p.author span {
font-size: 14px;
font-weight: 300;
line-height: 20px;
color: #fff;
}
.quote-container p.author span > strong {
font-size: 14px;
font-weight: 600;
line-height: 20px;
}
.quote-container:before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 39%;
width: 100%;
background-color: #0076ff;
z-index: 0;
}
.accreditation-section {
display: flex;
justify-content: space-between;
align-items: center;
gap: 30px;
}
.accreditation-section p.accr-subtitle {
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: rgba(130, 130, 130, 0.75);
margin: 0;
}
.accreditation-section h2.accr-title {
font-size: 55px;
font-weight: 600;
line-height: 65px;
margin-top: 0;
margin-bottom: 25px;
}
.accreditation-section h2.accr-title span {
color: #0079FF;
}
.accreditation-section p.accr-description {
font-size: 16px;
font-weight: 300;
line-height: 22px;
max-width: 37rem;
}
.text-content {
max-width: 48%;
}
.accreditation-section .accr-cards {
/*grid-template-columns: repeat(4, 1fr);*/
gap: 16px;
display: flex;
}
.accreditation-section .home-industry-header-left {
text-align: center;
}
/*.accreditation-section .accr-cards {
max-width: 59%;
display: flex;
align-items: center;
justify-content: flex-end;
position: absolute;
top: 28%;
left: -148px;
}*/
/*.accr-card-inner {
background: #ECECEC;
border-radius: 10px;
z-index: 1;
grid-column: 1 / 2;
align-self: start;
transition: box-shadow .4s;
display: grid;
position: relative;
padding: 28px;
max-width: 292px;
min-height: 292px;
overflow: hidden;
}*/
.accr-card-inner {
background: #ECECEC;
border-radius: 10px;
z-index: 1;
align-self: start;
transition: box-shadow .4s;
display: flex;
position: relative;
padding: 24px;
width: 365px;
height: 310px;
overflow: hidden;
justify-content: flex-start;
flex-direction: column;
}
.accr-card-inner-last {
padding-left: 24px;
}
.accr-card-inner .accr-icons {
padding-bottom: 20px;
}
.accr-card-inner img {
justify-self: flex-end;
transform-origin: 100% 0;
transition: transform .4s;
}
/*.accr-card-inner:hover img {
transform: scale(.4);
}
*/
/*.accr-card-inner:hover {
box-shadow: 0px 9.574px 19.148px 0px rgba(0, 0, 0, 0.25);
}
*/
.accr-image-box {
max-width: 100%;
position: relative;
/*left: 70px;*/
}
/*.accr-card-inner:hover > p.accr-card-txt {
display: block;
transform: translateY(0%);
}*/
/*.accr-card-inner:nth-child(2) {
grid-area: 2 / 2 / 3 / 3;
}*/
.accr-cards .accr-card-inner h3,
.accr-cards .accr-card-inner-last h3 {
font-size: 16px;
font-weight: 600;
line-height: 22px;
margin: 0;
align-self: flex-end;
transition: 0.8s ease;
}
.accr-cards .accr-card-inner-last h3,
.accr-cards .accr-card-inner-last a {
font-weight: 700;
}
.accr-cards .accr-card-inner a,
.accr-cards .accr-card-inner-last a {
font-size: 14px;
line-height: 23px;
letter-spacing: 0.28px;
color: #0057B7;
text-decoration: underline;
padding-top: 25px;
}
.accr-card-inner .log-icon {
width: 60%;
}
.accr-card-inner p.accr-card-txt,
.accr-card-inner-last p.accr-card-txt {
/*opacity: 0;*/
font-size: 14px;
line-height: 21px;
/*letter-spacing: 0.316px;*/
/*transform: translateY(100%);*/
margin-top: 4px;
position: relative;
transition: opacity 0.6s ease, transform 0.6s ease;
margin-bottom: 0;
height: 82px;
}
.corporate-supply-chain .business-deliver {
margin-top: -42px;
z-index: 1;
}
.ethics-grid {
display: flex;
flex-direction: column;
gap: 15px;
}
.grid-row {
display: flex;
align-items: center;
gap: 15px;
flex-wrap: wrap;
margin-left: auto;
margin-right: 0rem;
width: 66%;
}
.grid-row.reverse {
margin-left: -1.25rem;
margin-right: auto;
}
.grid-image {
flex: 1;
}
.grid-image img {
width: 100%;
border-radius: 10px;
}
.grid-text {
flex: 1;
background: #000;
color: #fff;
padding: 30px;
border-radius: 10px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
gap: 30px;
}
.grid-image {
z-index: 0;
}
.grid-text {
z-index: 1;
}
.ethics-grid .grid-text p {
font-size: 24px;
line-height: 32px;
margin: 0;
}
.grid-text span {
color: #0079FF;
display: block;
margin-bottom: 5px;
font-size: 24px;
font-weight: 600;
line-height: 32px;
}
.grid-image {
flex: 1;
position: relative;
z-index: 1;
transform: translateX(100%);
opacity: 0;
transition: transform 1.2s ease, opacity 1.2s ease;
}
.grid-row.reverse .grid-image {
transform: translateX(-100%);
}
.grid-row.active .grid-image {
transform: translateX(0);
opacity: 1;
z-index: 0;
}
.charitable-foundation .two-btns-wrapper {
padding-top: 20px;
}
.principles-section {
display: flex;
height: 100vh;
align-items: center;
justify-content: space-evenly;
}
.principles-section .right-wrapper {
height: 100vh;
overflow: hidden;
position: relative;
}
/*.c-slide {
flex-direction: column;
justify-content: center;
align-items: start;
min-height: 50vh;
padding-top: 4rem;
padding-bottom: 4rem;
display: flex;
}*/
.c-slide {
height: 100vh;
flex-shrink: 0;
flex-direction: column;
justify-content: center;
align-items: start;
padding-top: 4rem;
padding-bottom: 4rem;
display: flex;
box-sizing: border-box;
}
.principles-section .right {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
/*padding-top: 35vh;
padding-bottom: 35vh;
row-gap: 5rem;*/
position: relative;
}
.principles-section .left, .principles-section .right {
flex: 1;
max-width: 465px;
}
.principles-section .subtitle {
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: rgba(130, 130, 130, 0.75);
}
.principles-section .heading {
font-size: 55px;
font-weight: 600;
line-height: 65px;
margin: 0;
color: #fff;
}
.principles-section .heading .blue {
color: #0079FF;
}
.principles-section .divider {
width: 1px;
background-color: #FFF;
height: 100%;
}
.principles-section .title {
font-size: 35px;
font-weight: 600;
line-height: 45px;
color: #fff;
margin: 0;
}
.principles-section .desc {
font-size: 24px;
font-weight: 400;
line-height: 30px;
color: rgba(255, 255, 255, 0.50);
}
.slide-logo {
position: relative;
right: 29px;
width: 58px;
height: 58px;
display: flex;
background: #18191C;
}
.slide-logo svg {
overflow: visible;
position: relative;
top: 18px;
}
.right {
transition: transform 0.6s ease;
}
.slide-logo {
transition: transform 0.6s ease;
}
.c-slide.active .desc {
color: #fff;
}
/*.principles-section {
display: flex;
height: 100vh;
align-items: center;
justify-content: space-evenly;
}
.principles-section .left,
.principles-section .right {
flex: 1;
max-width: 465px;
}
.principles-section .right-wrapper {
height: 100vh;
overflow: hidden;
position: relative;
}
.swiper-container {
height: 100vh;
}
.swiper-wrapper {
display: flex;
flex-direction: column;
}
.swiper-slide {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
height: 100vh;
padding: 4rem 0;
}
.principles-section .right {
position: relative;
}
.principles-section .subtitle {
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: rgba(130, 130, 130, 0.75);
}
.principles-section .heading {
font-size: 55px;
font-weight: 600;
line-height: 65px;
margin: 0;
color: #fff;
}
.principles-section .heading .blue {
color: #0079FF;
}
.principles-section .divider {
width: 1px;
background-color: #FFF;
height: 100%;
}
.principles-section .title {
font-size: 35px;
font-weight: 600;
line-height: 45px;
color: #fff;
margin: 0 0 1rem;
}
.principles-section .desc {
font-size: 24px;
font-weight: 400;
line-height: 30px;
color: rgba(255, 255, 255, 0.50);
}
.slide-logo {
position: relative;
right: 29px;
width: 58px;
height: 58px;
display: flex;
background: #18191C;
transition: transform 0.6s ease;
}
.slide-logo svg {
overflow: visible;
position: relative;
top: 18px;
}*/
.scroll-discover {
display: flex;
justify-content: center;
gap: 10px;
border-top: 1px solid #000;
padding: 34px 0;
margin-top: 60px;
align-items: center;
}
.scroll-icon {
display: inline-flex;
}
.scroll-text {
font-size: 14px;
font-weight: 600;
line-height: 20px;
letter-spacing: 0.56px;
}
/*.stacked-section {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
}
.slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
}
.slide-inner {
width: 100%;
height: 100%;
background: inherit;
display: flex;
align-items: center;
justify-content: center;
}
.slide-text {
flex: 1;
padding: 40px;
color: white;
position: absolute;
}
.slide-text h2 {
font-size: 32px;
margin-bottom: 15px;
}
.slide-text p {
font-size: 16px;
color: #ccc;
}
.slide-image {
flex: 1;
}
.slide-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}*/
.stacked-section {
width: 100%;
height: 750px;
overflow: hidden;
}
.swiper-slide {
display: flex;
align-items: center;
justify-content: center;
}
.stacked-section .slide-inner {
display: flex;
align-items: center;
}
.stacked-section .slide-text {
position: absolute;
color: #fff;
left: 4rem;
}
.stacked-section .slide-text h2 {
font-size: 26px;
font-weight: 600;
line-height: 35px;
color: #fff;
margin-bottom: 10px;
}
.stacked-section .slide-text p {
font-size: 14px;
font-weight: 400;
line-height: 23px;
letter-spacing: 0.28px;
max-width: 387px;
}
.stacked-section .swiper-wrapper {
transition-timing-function: ease-in-out;
}
.stacked-section .swiper-pagination-vertical.swiper-pagination-bullets {
right: -60px;
top: 78%;
border: 1px solid #FFFFFF;
border-radius: 100px;
width: 20px;
height: 290px;
display: flex;
align-items: center;
flex-direction: column;
justify-content: space-around;
}
.stacked-section.stacked-desktop .swiper-pagination-clickable .swiper-pagination-bullet {
width: 9px;
height: 9px;
background: transparent !important;
}
.stacked-section >.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #0079FF !important;
width: 9px;
height: 9px;
}
.stacked-section >.swiper-pagination-bullets {
top: 42%;
}
.core-values-container {
position: relative;
}
.core-values-container:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 42%;
background-color: #18191C;
}
.career-people-banner h1 {
color: #FFF !important;
font-size: 55px !important;
font-weight: 600;
line-height: 65px;
}
.career-people-banner .two-btns-wrapper {
justify-content: flex-start;
}
/*.swiper.vertical-slider {
height: 100vh;
overflow: hidden;
}
.swiper-slide {
display: flex;
justify-content: center;
align-items: center;
}
.slide-card {
background: #111;
color: #fff;
padding: 40px;
border-radius: 20px;
max-width: 400px;
text-align: center;
}
.slide-card h2 {
font-size: 26px;
margin-bottom: 20px;
}
.slide-card img {
width: 100%;
border-radius: 12px;
margin-bottom: 20px;
}
.slide-card p {
font-size: 14px;
line-height: 1.6;
}
.swiper-pagination {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
}
.swiper-pagination-bullet {
background: #fff;
opacity: 0.4;
}
.swiper-pagination-bullet-active {
opacity: 1;
}*/
/*.swiper.vertical-slider {
height: 100vh;
overflow: hidden;
}
.fixed-card {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
border-radius: 10px;
background: #18191C;
color: #fff;
padding: 25px;
max-width: 27rem;
width: 100%;
text-align: center;
transition: all 0.6s ease;
}
.fixed-card img {
width: 100%;
border-radius: 12px;
margin-bottom: 20px;
transition: opacity 0.6s ease;
}
.fixed-card h2, .fixed-card p {
transition: opacity 0.6s ease;
}
*/
.swiper.career-slider {
height: 100vh;
overflow: hidden;
position: relative;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.swiper.career-slider h2.slide-title {
font-size: 35px;
font-weight: 600;
line-height: 45px;
color: #fff;
margin-top: 15px;
}
.career-slider .fixed-card svg {
margin-top: 35px;
}
.career-slider .bg-transition-layer {
position: absolute;
inset: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
z-index: 0;
opacity: 0;
transition: opacity 1.2s ease;
}
.career-slider .swiper-slide {
height: 100vh;
}
.career-slider p.slide-desc {
font-size: 13px;
line-height: 20px;
letter-spacing: 0.26px;
max-width: 20rem;
margin: 0 auto;
padding-bottom: 60px;
}
.career-slider .fixed-card {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
border-radius: 10px;
background: #18191C;
color: #fff;
padding: 25px;
max-width: 27rem;
width: 100%;
text-align: center;
transition: all 0.8s ease;
min-height: 680px;
}
.career-slider .fixed-card img {
width: 100%;
border-radius: 12px;
margin-bottom: 20px;
}
.career-slider .slide-title,
.career-slider .slide-image,
.career-slider .slide-desc {
opacity: 0;
transition: opacity 1.8s ease;
}
.animate-in .slide-title,
.animate-in .slide-image,
.animate-in .slide-desc {
opacity: 1;
}
.career-slider .swiper-pagination-vertical.swiper-pagination-bullets {
right: 50%;
top: 88%;
left: 50%;
transform: rotate(270deg);
}
.career-slider .swiper-pagination-bullet {
width: 10px;
height: 10px;
background: #fff;
}
.career-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #0057B7;
}
.grow-career .two-btns-wrapper {
padding-top: 0;
}
.career-people-banner .carousel-item {
color: #fff;
width: auto;
height: auto;
background: none;
font-size: 20px;
font-weight: 600;
gap: 32px;
}
.career-people-banner .carousel-item:not(:last-child):after {
content: "•";
color: #fff;
font-weight: 600;
}
.career-people-banner .carousel-row {
gap: 0;
}
.career-people-banner .carousel.charitable-foundations-carousel {
position: relative;
top: 6rem;
}
.philanthropy-banner h1.fusion-responsive-typography-calculated,
.our-story-banner h1.fusion-responsive-typography-calculated {
color: #fff;
font-size: 55px;
font-weight: 600;
line-height: 65px;
}
.our-story-meeting .home-industry-header-right {
display: flex;
align-items: flex-end;
}
.our-story-meeting .home-industry-header-right span {
font-size: 16px;
line-height: 22px;
max-width: 578px;
}
.our-story-meeting .home-industry-header-left {
padding: 90px 55px;
background: #fff;
border-radius: 10px;
position: absolute;
bottom: 0rem;
left: 0;
}
.our-story-meeting .home-industry-section .home-industry-title {
color: #000;
}
.our-story-meeting .home-industry-section {
justify-content: flex-end;
}
.multiple-text-right {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.multiple-text-right a.blue-btn {
min-width: 305px;
justify-content: center;
}
.our-multiple-ban .fusion-imageframe img {
width: 100vw;
}
.our-principles .title {
margin-bottom: 20px;
margin-top: 0;
}
.swiper-pagination-bullet {
width: 10px !important;
height: 10px !important;
background: rgba(130, 130, 130, 0.75) !important;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #0057B7 !important;
}
.home-our-service.consumer-our-service .title-content h2 {
margin-bottom: 60px;
}
.home-our-service.technologies-our-industries a.blue-btn {
margin: 0;
}
.home-our-service.home-our-service-main a.blue-btn {
margin: unset;
}
.home-our-service.home-our-service-main .two-btns-wrapper {
padding-top: 2%;
}
a.black-btn {
display: flex;
padding: 13px 32px;
align-items: center;
gap: 12px;
border-radius: 30px;
background: #000;
border: 0;
color: #fff;
font-size: 18px;
font-weight: 600;
line-height: 20px;
letter-spacing: 0.72px;
max-width: fit-content;
border: 1px solid transparent;
}
a.black-btn:hover {
background: #fff;
color: #000;
border: 1px solid #000;
}
.two-btns-wrapper.mobile {
display: none;
}
div.swiper-pagination.mobile {
display: none;
}
.max-width-550 {
max-width: 550px;
}
.main-megamenu-container {
top: 0 !important;
}
.timeline-wrapper [data-year="today"] {
/*display: none;*/
}
.career-controls {
position: absolute;
bottom: 30px;
right: 20px;
z-index: 1;
}
.career-toggle {
background: rgba(0, 0, 0, 0.6);
border: none;
border-radius: 50%;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: background 0.3s ease;
}
.career-toggle:hover {
background: rgba(0, 0, 0, 0.8);
}
.career-slider .career-toggle svg {
width: 20px;
height: 20px;
margin-top: 0;
}
.career-controls .hidden {
display: none;
}
.header-talk-btn .time-city {
display: none;
}
.letstalk-popup .modal-dialog .modal-content .modal-body {
padding: 130px 40px 40px;
display: flex;
width: 100%;
justify-content: space-between;
gap: 21px;
height: 100%;
}
.letstalk-popup .modal-dialog .modal-content .modal-body [data-wpcf7-id="6116"] {
padding: 20px;
width: 57%;
background: #fff;
border-radius: 10px;
flex: auto;
}
.letstalk-popup .modal-dialog .modal-content .modal-body .redirect-right {
width: 35%;
background: #fff;
border-radius: 10px;
padding: 20px;
flex: auto;
overflow: hidden;
padding-bottom: 4.5%;
}
.lets-contact-inner {
display: flex;
gap: 33px;
}
.lets-contact-inner .form-left,
.lets-contact-inner .form-right {
flex: auto;
}
.lets-contact-inner label {
font-family: Montserrat;
font-weight: 700;
font-size: 11px;
line-height: 18px;
letter-spacing: 0.33px;
color: #000;
}
.lets-contact-inner .query-note {
font-weight: 600;
}
.wpcf7 .lets-contact-form .wpcf7-date,
.wpcf7 .lets-contact-form .wpcf7-number,
.wpcf7 .lets-contact-form .wpcf7-quiz,
.wpcf7 .lets-contact-form .wpcf7-select,
.wpcf7 .lets-contact-form .wpcf7-text,
.wpcf7-form .cf7-custom-layout .wpcf7-select {
background: #F9F9F9;
border: 0;
border-radius: 10px;
height: 45px;
font-size: 14px;
line-height: 165%;
}
.wpcf7-form .cf7-custom-layout .wpcf7-select {
width: 100%;
}
.wpcf7 .lets-contact-form .wpcf7-date:placeholder,
.wpcf7 .lets-contact-form .wpcf7-number:placeholder,
.wpcf7 .lets-contact-form .wpcf7-quiz:placeholder,
.wpcf7 .lets-contact-form .wpcf7-select:placeholder,
.wpcf7 .lets-contact-form .wpcf7-text {
color: rgba(130, 130, 130, 0.75);
}
.lets-contact-form .wpcf7-select-parent .select-arrow,
.wpcf7-form .cf7-custom-layout .wpcf7-select-parent .select-arrow {
height: 45px;
line-height: 45px;
border-left: 0;
background: none !important;
font-size: 16px !important;
}
.wpcf7-form .lets-contact-form textarea {
border: none;
height: 150px;
padding: 20px;
background-color: #F9F9F9;
border-radius: 10px;
font-size: 14px;
line-height: 165%;
}
.letstalk-popup .wpcf7-form .lets-contact-form textarea {
height: 220px;
}
.lets-contact-inner br {
display: none;
}
[data-wpcf7-id="6158"] .lets-contact-form textarea,
[data-wpcf7-id="6160"] .lets-contact-form textarea {
height: 60px;
}
.wpcf7-form .lets-contact-form .wpcf7-form-control.wpcf7-acceptance {
display: flex;
height: 50px;
padding: 11px 13px;
gap: 10px;
border-radius: 5px;
border: 1px solid #000;
}
.wpcf7-form .lets-contact-form p.consent-text {
font-size: 10px;
font-weight: 600;
line-height: 18px;
letter-spacing: 0.24px;
margin-bottom: 14px;
}
.letstalk-popup .wpcf7-form .lets-contact-form p.consent-text {
margin-bottom: 28px;
}
.wpcf7-form .form-right input.wpcf7-form-control.wpcf7-submit {
font-size: 18px;
font-weight: 600;
line-height: 20px;
letter-spacing: 0.72px;
display: flex;
height: 45px;
justify-content: center;
align-items: center;
gap: 12px;
border-radius: 30px;
background: #0079FF;
width: 100%;
text-transform: capitalize;
}
.letstalk-content {
flex-direction: column;
}
.letstalk-content .letstalk-content-left,
.letstalk-content .letstalk-content-right {
width: 100%;
}
.letstalk-content-left .letstalk-options,
.letstalk-content-right .letstalk-block-white {
border-radius: 10px;
background: #F9F9F9;
}
.letstalk-content .letstalk-option-title {
font-size: 16px;
margin-top: 0;
}
.letstalk-content-left .letstalk-options .letstalk-options-right .button-link .fusion-button-text,
.letstalk-content-right .letstalk-options-button .button-link .fusion-button-text{
color: #0079FF !important;
font-size: 16px;
}
.letstalk-content-left .letstalk-options .letstalk-options-right {
width: 40%;
justify-content: flex-start;
}
.letstalk-content-left .letstalk-options .letstalk-options-left,
.letstalk-content-left .letstalk-options .letstalk-options-right{
width: 100%;
}
.letstalk-content-left .letstalk-options .letstalk-options-right {
width: 100%;
justify-content: flex-start;
}
.letstalk-content-left .letstalk-options {
gap: 0;
min-height: auto;
}
.letstalk-content {
flex-direction: inherit;
height: 509px;
overflow-y: scroll;
}
.letstalk-popup .letstalk-heading h3 {
font-size: 35px;
line-height: 45px;
margin-top: 0;
}
.letstalk-sub-title {
font-size: 16px;
}
.wpcf7-text,
.wpcf7-text:placeholder {
font-size: 14px;
font-weight: 400;
line-height: 19px;
color: rgba(130, 130, 130, 0.75);
}
.tooltip-icon {
display: inline-block;
margin-left: 6px;
width: 14px;
height: 14px;
font-size: 10px;
font-weight: bold;
border-radius: 50%;
color: #333;
text-align: center;
line-height: 14px;
cursor: pointer;
position: relative;
border: 1px solid #000;
}
.tooltip-icon::after {
content: attr(data-tooltip);
position: absolute;
bottom: 225%;
left: 50%;
transform: translateX(-50%);
background: #ECECEC;
color: #000;
padding: 20px;
border-radius: 10px;
width: 327px;
font-size: 11px;
line-height: 18px;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s;
z-index: 10;
text-align: left;
letter-spacing: 0.33px;
font-weight: 600;
}
.tooltip-icon::before {
content: "";
position: absolute;
bottom: 45%;
left: 50%;
transform: translateX(-50%);
border-width: 13px;
border-style: solid;
border-color: #ECECEC transparent transparent transparent;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s;
}
.tooltip-icon:hover::after,
.tooltip-icon:hover::before {
opacity: 1;
visibility: visible;
}
.accreditation-section {
display: flex;
justify-content: space-between;
align-items: center;
gap: 30px;
flex-direction: column;
margin-left: -20%;
}
.accreditation-section .accr-cards {
max-width: 100%;
}
.accreditation-section .accr-main-image {
height: 292px;
}
.accr-cards {
max-width: 48%;
display: flex;
align-items: center;
justify-content: flex-end;
}
.certification-card {
background: #ECECEC;
position: absolute;
width: 25%;
height: 43%;
padding: 28px;
border-radius: 10px;
right: 28.6%;
}
.certification-card h3.fusion-responsive-typography-calculated {
font-weight: 600;
font-size: 16px;
line-height: 22px;
}
.certification-card p {
font-size: 11px;
line-height: 18px;
letter-spacing: 0.03px;
}
.certification-image {
max-width: 84%;
}
.home-scroll-discover {
display: flex;
justify-content: center;
gap: 10px;
border-top: 0;
padding: 34px 0;
margin-top: 60px;
align-items: center;
color: #fff;
position: relative;
top: 10rem;
}
.home-scroll-discover .icon {
display: flex;
}
.team-roles .fusion-flip-box-wrapper:nth-of-type(n + 7) {
display: block;
}
.our-commitments .flip-box-back-inner a.button {
width: 100%;
margin-top: 8px;
}
.career-slider .career-toggle {
position: absolute;
right: 20px;
bottom: 35px;
}
.career-slider .career-toggle svg {
fill: #fff;
}
.career-slider .career-toggle svg.hidden {
display: none;
}
.newsroom-top-banner h1 {
margin: 0;
}
.fusion-blog-shortcode .fusion-read-more {
background-color: #0079FF;
color: #fff;
padding: 10px 22px;
display: inline-block;
border-radius: 30px;
text-decoration: none;
font-weight: 600;
font-size: 18px;
line-height: 20px;
position: relative;
letter-spacing: 0.04em;
border: 1px solid transparent;
}
.fusion-blog-shortcode .fusion-read-more:hover,
.post-content button.fusion-load-more-button.fusion-blog-button:hover {
border: 1px solid #0079FF;
background: #FFF;
color: #0079FF;
}
.fusion-blog-shortcode .fusion-read-more:hover:after {
background-image: url('data:image/svg+xml,') !important;
}
.post-content .fusion-blog-shortcode .fusion-read-more:after {
content: '';
display: inline-block;
width: 8px;
height: 14px;
margin-left: 10px;
background-image: url('data:image/svg+xml,');
background-size: contain;
background-repeat: no-repeat;
position: relative;
top: 7px;
}
.post-content button.fusion-load-more-button.fusion-blog-button {
background: #0079FF;
border-radius: 30px;
color: #fff;
font-size: 18px;
font-weight: 600;
line-height: 20px;
letter-spacing: 0.72px;
}
.avada-has-transparent-timeline_color .fusion-blog-layout-grid .fusion-post-grid .fusion-post-wrapper {
border-radius: 10px;
background-color: #fff !important;
}
.avada-blog-layout-grid .fusion-blog-archive .fusion-blog-layout-grid .post .fusion-post-content-wrapper {
padding: 20px !important;
}
.page-id-6205 .dg-header > .fusion-builder-row,
.page-id-6357 .dg-header > .fusion-builder-row,
.single-post .dg-header > .fusion-builder-row {
background: linear-gradient(0deg, var(--OVERLAY, rgba(0, 0, 0, 0.25)) 0%, var(--OVERLAY, rgba(0, 0, 0, 0.25)) 100%), var(--OVERLAY, rgba(0, 0, 0, 0.25)) !important;
backdrop-filter: blur(5px) !important;
}
.dg-header {
width: 100% !important;
}
.directed-card-section-slider {
overflow: hidden;
}
.letstalk-popup {
display: none !important;
opacity: 1 !important;
transition: none !important;
}
.letstalk-popup.slide-popup {
display: flex;
position: fixed !important;
top: 0 !important;
right: 0 !important;
width: 100% !important;
height: 100% !important;
z-index: 9999999 !important;
transform: translateX(100%) !important;
transition: transform 2500ms cubic-bezier(.22,.9,.32,1) !important;
overflow: auto !important;
-webkit-overflow-scrolling: touch !important;
}
.letstalk-popup.slide-popup.open {
transform: translateX(0) !important;
}
.letstalk-popup.modal .modal-dialog {
transform: none !important;
}
.letstalk-popup.slide-popup.open::before {
content: "";
position: fixed;
inset: 0;
background: rgba(0,0,0,0.30);
z-index: -1;
}
.letstalk-popup .letstalk-content {
height: 100%;
overflow-y: auto;
}
.awb-menu__mega-wrap .fusion-flex-container.tab-links-container .fusion-row.fusion-flex-content-wrap {
padding-top: 80px;
padding-bottom: 40px;
min-height: 460px;
}
.letstalk-popup.modal-1.lets_talk .modal-dialog .modal-content {
height: 100%;
}
.jobs-wrap{
display:flex;
flex-direction:column;
gap:20px;
}
.job-left {
width: 100px;
height: 100px;
border-radius: 10px;
display: flex;
overflow: hidden;
position: relative;
align-items: center;
justify-content: center;
background-color: #e4e4e7;
}
.job-card{
display:flex;
background:#f5f5fb;
padding:20px;
border-radius:12px;
gap:15px;
text-decoration:none;
color:#000;
}
.job-left img{
width:100%;
}
.job-right h3{
margin:0;
font-size:18px;
}
.job-right p{
margin:5px 0;
color:#6b6b7a;
}
.job-right span{
color:#8c8c99;
font-size:13px;
}
/******************************************/
@media only screen and (max-width: 767px) {
/************ Consumer *************/
.consumer-top-banner h1,
.philanthropy-banner h1,
.our-story-banner h1,
.emobility-top-banner h1,
.career-people-banner h1 {
font-size: 35px !important;
line-height: 40px !important;
}
.consumer-top-banner h1,
.emobility-top-banner h1 {
text-align: center;
}
.consumer-top-banner .fusion-text p,
.emobility-top-banner .fusion-text p {
font-size: 14px;
text-align: center;
line-height: 19px;
}
.philanthropy-banner .fusion-text p,
.our-story-banner .fusion-text p,
.career-people-banner .fusion-text p {
font-size: 16px;
line-height: 22px;
}
#inokim .popup-logo img {
max-width: 50% !important;
}
.consumer-top-banner .fusion-text p > br {
display: none;
}
.philanthropy-banner {
padding-top: 100px;
}
.footer-beyond-blue .fusion-layout-column {
margin-top: 0;
}
.footer-beyond-blue .footer-beyond-blue-content {
--awb-bg-color: rgba(255, 255, 255, 0.90) !important;!i;!;
}
.our-teams .heading-title h2 {
font-size: 28px !important;
}
.grow-career .fusion-text p {
font-size: 28px;
line-height: normal;
max-width: 250px;
margin: 22px auto;
}
.our-teams .two-btns-wrapper a.blue-btn, .grow-career .two-btns-wrapper a.blue-btn {
justify-content: center;
}
.two-btns-wrapper {
flex-direction: column;
align-items: center;
gap: 10px;
}
.two-btns-wrapper a.blue-btn {
padding: 10px 13px;
gap: 0;
max-width: 336px;
width: 100%;
}
.two-btns-wrapper a.white-btn {
padding: 10px 13px;
gap: 0;
max-width: 336px;
justify-content: center;
width: 100%;
}
.consumer-top-banner.fusion-fullwidth.page-banner, .emobility-top-banner.fusion-fullwidth.page-banner {
background-position: top;
background-size: contain;
}
.main-heading-section {
align-items: flex-start;
flex-direction: column;
gap: 10px;
}
.heading-section-subheading {
font-size: 14px;
line-height: 20px;
}
.main-heading-section .heading-section-title, .our-commitments .fusion-text.business-deliver {
font-size: 28px !important;
line-height: normal !important;
}
.heading-section-right, .our-commitments .fusion-text.smart-text {
max-width: none;
font-size: 14px;
line-height: 19px;
}
.brand-grid, .brand-group .brand-grid {
grid-template-columns: repeat(2, 1fr);
}
.home-our-service .title-content p.subtitle {
font-size: 14px;
line-height: 20px;
}
.home-our-service.retail-partners .title-content h2 {
max-width: 250px;
font-size: 28px !important;
margin: 0 auto;
line-height: normal !important;
}
.home-our-service.retail-partners .title-content h2 > br {
display: none;
}
.retail-partners .carousel-item {
width: 140px;
padding: 20px;
height: 89px;
}
.home-our-service.retail-partners .slide-content h2 {
max-width: 250px;
margin-bottom: 10px;
}
.home-our-service .slider-tab-content {
padding-top: 40px;
padding-bottom: 40px;
}
.home-our-service .slider-tab-content .swiper-pagination {
justify-content: center;
gap: 10px;
bottom: -35px;
}
.retail-partners .fusion-column-wrapper {
gap: 20px;
}
/************ Our Story *************/
.our-story-banner {
background-size: contain !important;
background-position: top !important;
background-color: #18191C !important;
padding-bottom: 100px !important;
}
.our-story-quote.quote-container .quote-text {
min-height: 670px;
}
.our-story-quote.quote-container .quote-content p {
margin-bottom: 20px;
}
.our-story-quote p.author {
margin-top: 30px;
}
.our-story-career .our-story-career-heading .fusion-column-wrapper {
border-bottom: none;
}
.our-story-career .our-story-career-btn {
order: 3;
}
.our-story-meeting .home-industry-header-left {
padding: 35px 50px;
position: relative;
margin-top: -8.5rem;
margin-bottom: 30px;
width: 100%;
}
.our-story-meeting .home-industry-section {
align-items: center;
}
.our-story-meeting .home-industry-header-left .home-industry-subheading {
font-size: 14px;
line-height: 20px;
}
.our-story-meeting .home-industry-section .home-industry-title {
font-size: 28px !important;
line-height: normal !important;
}
.our-story-meeting .home-industry-header-right span {
font-size: 14px;
}
.our-story-meeting .home-industry-section .two-btns-wrapper {
width: 100%;
}
.charitable-foundation .business-deliver {
opacity: 1;
transform: translateY(0);
}
/************ Homepage *************/
.home-video-bg.fusion-flex-container .fusion-flex-align-self-center {
align-self: self-end;
}
.home-video-bg .fusion-text p {
font-size: 35px;
line-height: 40px;
}
.fullwidth-box.video-background.home-video-bg {
height: 607px;
}
.home-our-mission .business-deliver.driven {
font-size: 28px;
line-height: normal;
font-weight: 600;
}
.home-our-mission .fusion-text.tech-text {
font-size: 16px;
line-height: 22px;
}
.home-our-mission .directed-fire__collection-list {
height: 238px;
}
.home-our-mission .directed-fire__collection-list .video {
padding-top: 0 !important;
height: 238px;
}
.directed-fire__videos-wrapper video {
height: 238px;
object-fit: contain;
}
.home-industry-section {
flex-direction: column;
}
.home-industry-header-right span {
font-size: 14px;
line-height: 19px;
max-width: unset;
}
.home-industry-header-right {
line-height: normal;
}
.industries-slider-container .left {
margin-left: 0;
}
.top-tabs {
margin: 0;
}
.top-tabs button {
padding: 8px 6px;
font-size: 14px;
line-height: 19px;
letter-spacing: 0;
min-width: auto;
flex: 1;
}
.home-our-service.mobile .title-content h2 {
font-size: 28px !important;
margin-bottom: 23px;
line-height: normal !important;
}
.home-our-service.mobile a.blue-btn {
margin: 0;
line-height: 20px;
padding: 13px 20px;
}
.directed-card-section {
flex-direction: column;
gap: 0;
}
.choose-card-wrapper {
/*min-height: 233px;
min-width: 335px;*/
background-repeat: no-repeat;
}
div.choose-card-wrapper h2 {
font-size: 28px !important;
line-height: normal !important;
}
.choose-card-wrapper .card {
height: auto;
}
.fusion-text.choose-interest-text {
font-size: 28px;
line-height: normal;
margin-bottom: 30px;
}
.industries-slider-container .small-image {
bottom: 0;
max-width: 153px;
}
.industries-slider-container.first .main-image {
top: 14rem;
right: -13px;
}
.stats-section {
flex-wrap: nowrap;
}
.industries-slider-container {
flex-direction: column;
}
.industries-slider-container .left h2 {
font-size: 50px;
}
.industries-slider-container .left p {
font-size: 14px;
line-height: 19px;
margin-bottom: 25px;
}
.stats-section {
gap: 5px;
}
.industries-slider-container .stat-card h2 {
font-size: 25px;
margin: 0;
line-height: normal;
}
.stat-card {
padding: 7px 4px;
width: 80px;
height: 80px;
}
.industries-slider-container .stat-card p {
font-size: 8px;
}
.industries-wrapper .industries-slider-container .left > h2 {
font-size: 50px !important;
line-height: normal !important;
}
.industries-slide:nth-child(1) {
padding-bottom: 130%;
}
.industries-slide:nth-child(2) {
padding-bottom: 60%;
}
.industries-slider-container.mobility-slide-mobile .main-image {
position: relative;
}
.industries-slider-container.mobility-slide-mobile .main-image > img {
width: 85% !important;
}
.industries-slider-container.mobility-slide-mobile .main-image .small-image {
right: 0;
left: auto;
bottom: -30px;
}
.industries-slider-container.mobility-slide-mobile .left {
text-align: right;
}
.industries-slider-container.mobility-slide-mobile .left a {
text-align: center;
}
.industries-slider-container.center .main-image {
top: 5rem;
}
.industries-slide:nth-child(3) .stats-section {
position: relative;
right: auto;
bottom: auto;
justify-content: center;
}
.industries-slide:nth-child(3) {
padding-bottom: 150%;
}
.industries-slide:nth-child(4) {
padding-bottom: 12%;
}
.industries-slide:nth-child(5) {
padding-bottom: 128%;
}
.industries-slider-container.center .left p {
max-width: 234px !important;
margin-left: auto;
margin-right: auto;
}
.industries-slider-container.center .left {
margin-top: -4rem;
}
.industries-slider-container .main-image img {
width: auto !important;
}
.industries-slider-container.right .main-image {
left: -17px;
}
.industries-slider-container.right .left {
margin-left: 3rem;
bottom: 21rem;
position: relative;
margin-right: 0;
}
.industries-slider-container.right .left p {
max-width: 190px;
}
.industries-slider-container.right .small-image {
right: -65px;
}
.industries-slider-container.left .left {
margin-left: 0;
}
.industries-slider-container.left .main-image .left {
margin-left: 0;
}
.industries-slider-container.left .main-image {
right: 0;
top: 6.4rem;
}
.industries-slider-container.left .main-image img {
margin-left: 4.54rem;
}
.industries-slider-container.left .small-image {
bottom: -35px;
max-width: 202px;
left: -90px;
}
.industries-slider-container.left .main-image .left {
position: relative;
top: 5rem;
text-align: center;
}
.industries-slider-container .left a.button {
width: 100%;
padding: 10px 18px;
}
.industries-slider-container.right .left a.button {
max-width: unset;
right: 0;
width: 100%;
}
.industries-slider-container.right .main-image + .left {
bottom: 3rem;
margin: 0;
}
.industries-slider-container.first .main-image + .left {
position: relative;
top: 22rem;
}
.global-map-section h2 {
font-size: 28px !important;
line-height: normal !important;
}
.global-map-section .learn-more-btn {
display: none;
}
.year-content {
margin: 0;
}
.stat-block .icon-main {
display: flex;
align-items: center;
gap: 8px;
}
.stat-block .icon-main svg {
width: 20px;
height: 20px;
}
.stat-block .icon-main .icon {
display: inline-flex;
}
.stat-block .number {
font-weight: 600;
font-size: 25px;
line-height: normal;
}
.stat-block .label {
font-weight: 400;
font-size: 14px;
line-height: 19px;
letter-spacing: unset;
margin-left: 28px;
}
.stat-block {
width: 162px;
height: 96px;
display: flex;
flex-direction: column;
gap: 5px;
}
.section-left, .section-right {
top: 5rem;
}
.timeline-dash:after {
display: none;
}
.timeline-step,
.today-btn.no-bg {
font-size: 18px;
line-height: 23px;
letter-spacing: 0.28px;
}
.timeline-indicator {
background-image: url('data:image/svg+xml,');
width: 40px;
height: 40px;
bottom: -35px;
}
.timeline-nav {
gap: 20px;
}
.global-map-section .map-icons {
height: 170px;
top: -100px;
}
.map-icons0,.map-icons1, .map-icons2, .map-icons3, .map-icons4, .map-icons5, .map-icons6, .map-icons7, .map-icons8, .map-icons9, .map-icons10, .map-icons11, .map-icons12, .map-icons13, .map-icons14, .map-icons15, .map-icons16 {
width: 20px;
height: 20px;
}
.map-icons0 {
top: 24%;
left: -2%;
}
.map-icons1 {
top: 38%;
left: 12%;
}
.map-icons2 {
top: 19%;
left: 22%;
}
.map-icons3 {
top: 21%;
left: 45%;
}
.map-icons4 {
top: 24%;
left: 48%;
}
.map-icons5 {
bottom: 14%;
left: 47%;
}
.map-icons6 {
top: 40%;
right: 27%;
}
.map-icons7 {
top: 38%;
right: 22%;
}
.map-icons8 {
top: 46%;
right: 18.5%;
}
.map-icons9 {
top: 32%;
right: 16%;
}
.map-icons10 {
top: 24%;
right: 17%;
}
.map-icons11 {
top: 22%;
right: 13.4%;
}
.map-icons12 {
bottom: 17%;
right: 14.8%;
}
.map-icons13 {
bottom: 8%;
right: 7%;
}
.map-icons14 {
bottom: 12%;
right: 4%;
}
.map-icons15 {
bottom: 19%;
right: 2%;
}
.map-icons16 {
bottom: 6%;
right: -2%;
}
.home-our-service.consumer-our-service .title-content h2 {
margin-bottom: 0;
}
.home-our-service .slide-content h2 {
max-width: 290px;
}
.tech-industries-sec {
display: grid;
grid-template-columns: auto auto;
}
.technologies-our-industries .title-content p.subtitle,
.technologies-our-industries .title-content h2 {
text-align: center;
}
.tech-industries-sec .tech-industries-content h2 {
font-size: 18px;
line-height: 26px;
max-width: 130px;
}
.technologies-our-industries .two-btns-wrapper {
padding-top: 10%;
}
.home-video-bg.fullwidth-box.video-background .fullwidth-video video {
height: 100%;
width: 100%;
}
.home-our-service.mobile a.black-btn {
padding: 13px;
}
.automo-card-wrapper.white {
background-image: url("https://directedgroup.com.au/wp-content/uploads/2026/04/Mobile-–-Directed-Tech-–-Tile-image.png");
background-repeat: no-repeat;
}
.automo-card-wrapper.black {
background-image: url("https://directedgroup.com.au/wp-content/uploads/2026/04/image-212.png");
background-repeat: no-repeat;
}
.automo-card-wrapper.consumer {
background-image: url("https://directedgroup.com.au/wp-content/uploads/2026/04/Rectangle-993.png");
background-repeat: no-repeat;
}
.automo-card-wrapper {
min-height: auto;
min-width: auto;
}
.automo-card-wrapper .card {
justify-content: center;
height: 332px;
gap: 35px;
}
.automo-card-wrapper .card img {
width: 81%;
}
.automo-card-wrapper.consumer .card img {
width: 68%;
}
.directed-card-section {
gap: 20px;
}
.automo-card-wrapper a.blue-btn {
padding: 10px 30px;
}
div.automotive-top-banner {
min-height: 607px;
background-size: 100%;
background-position: top;
background-color: #18191C;
}
.auto-line-container {
gap: 6px;
flex-direction: column;
align-items: flex-start;
}
.automotive-top-banner .auto-line-container h2 br {
display: none;
}
.automotive-top-banner .fusion-text {
font-size: 35px;
line-height: 40px;
top: 3rem;
bottom: 0;
}
.automotive-top-banner .d-lines {
display: none;
}
.auto-line-container:before {
content:" ";
background-image: url('data:image/svg+xml,');
display: block;
width: 323px;
height: 180px;
position: relative;
top: 4rem;
background-repeat: no-repeat;
}
.automotive-top-banner .auto-line-container h2:after {
display: none;
}
.automotive-top-banner .auto-line-container h2 {
top: -4px;
font-size: 18px !important;
line-height: 26px !important;
}
.automotive-top-banner .auto-line-container h2:first-child {
left: 48px;
}
.automotive-top-banner .auto-line-container h2:nth-of-type(2) {
left: 24px;
}
.automo-card-wrapper .card {
padding-inline: 30px;
}
.automotive-cards-container:before {
content:" ";
background: rgba(130, 130, 130, 0.75);
width: 1px;
height: 37px;
position: relative;
left: 50%;
right: 50%;
top: 10px;
}
.directed-card-section {
padding-top: 28px;
}
.automo-card-wrapper {
height: 100%;
width: 100%;
}
div.automotive-cards-container {
margin-top: -1px;
}
.home-our-service .swiper-button-prev, .home-our-service .swiper-button-next {
cursor: pointer;
display: none;
}
.bottom-tabs {
display: none;
}
.home-our-service .two-btns-wrapper a.blue-btn,
.home-our-service .two-btns-wrapper a.black-btn {
max-width: unset;
}
.home-our-service .two-btns-wrapper a.black-btn {
padding: 13px 13px;
}
.home-our-service .two-btns-wrapper {
display: none;
}
.two-btns-wrapper.mobile {
display: flex;
padding: 0 20px;
margin-top: 10px;
}
.home-our-service .title-content {
padding: 0 20px;
}
.home-our-service .top-tabs {
margin: 20px 20px 0;
}
.home-our-service.home-our-service-main .slider-tab-content {
padding-top: 20px;
}
.home-our-service.home-our-service-main .title-content h2 {
font-size: 28px !important;
line-height: normal !important;
max-width: 285px;
margin: 0 auto;
}
div.swiper-pagination.mobile {
display: flex;
}
.directed-card-section-slider div.swiper-pagination.mobile {
position: relative;
justify-content: center;
gap: 10px;
}
.consumer-top-banner.sofihub-banner h1 {
text-align: left;
}
.consumer-top-banner.sofihub-banner .fusion-text p {
text-align: left;
}
.consumer-top-banner.sofihub-banner .fusion-column-wrapper {
top: 7rem;
position: relative;
}
.consumer-top-banner.sofihub-banner .two-btns-wrapper a.blue-btn {
padding: 10px 12px;
max-width: unset;
}
.consumer-top-banner.sofihub-banner .two-btns-wrapper a.blue-btn:after {
display: none;
}
.emobility-features .industries-slide:nth-child(1) {
padding-bottom: 10%;
}
.emobility-features .industries-slide:nth-child(2) {
padding-bottom: 50%;
}
.sofi-quote-container {
flex-direction: column;
}
.quote-box {
min-height: 226px;
padding: 27px;
gap: 15px;
width: 100%;
z-index: 1;
}
.quote-box svg {
width: 40px;
height: 32px;
}
div.quote-box p {
font-size: 16px;
line-height: 22px;
margin-bottom: 41px;
}
.quote-box .author {
font-size: 15px;
}
.quote-box .position {
font-size: 11px;
line-height: 18px;
}
.sofi-quote-container .image-box {
position: relative;
left: -20px;
top: -32px;
width: 112%;
}
.smart-care-container .home-industry-section .home-industry-title {
color: #fff;
}
.smartcare-image-sec .industries-slide:nth-child(1) {
padding-bottom: 305%;
}
.smartcare-image-sec .industries-slider-container .small-image {
max-width: 103px;
bottom: -30px;
left: -35px;
}
.smartcare-image-sec .industries-slider-container .left h2,
.smartcare-image-sec .industries-slider-container.first .left h2 {
text-align: left;
}
.smartcare-image-sec .industries-slider-container.first .main-image {
top: 11rem;
right: -20px;
}
.smartcare-image-sec .industries-slider-container.right.r-center .small-image {
left: 37px;
bottom: 340px;
z-index: 1;
}
.smartcare-image-sec .industries-slider-container.right .left p {
max-width: 150px;
position: relative;
top: 0;
text-align: right;
}
.smartcare-image-sec .industries-slider-container.right.r-center .left {
bottom: 5.5rem;
margin-left: 2rem;
}
.smartcare-image-sec .industries-slide:nth-child(2) {
padding-bottom: 100%;
}
.smartcare-image-sec .industries-slider-container.r-right .left {
margin-left: 0;
bottom: 18rem;
}
.smartcare-image-sec .industries-slider-container.r-right .left h2 {
text-align: right;
}
.smartcare-image-sec .industries-slider-container.r-right .left p {
max-width: 210px;
top: 30px;
text-align: right;
}
.smartcare-image-sec .industries-slider-container.right.r-center .main-image {
left: 0;
}
.smartcare-image-sec .industries-slider-container.right.r-center .main-image img {
left: 0;
}
.smartcare-image-sec .industries-slider-container.r-right .small-image {
right: -55px;
left: unset;
bottom: 10px;
}
.smartcare-image-sec .industries-slider-container.r-right .main-image,
.smartcare-image-sec .industries-slider-container.last .main-image {
left: -20px;
}
.smartcare-image-sec .industries-slider-container.last .small-image {
top: 20px;
left: 45px;
z-index: 1;
bottom: 0;
}
.smartcare-image-sec .industries-slider-container.last .left {
margin-left: 20px;
position: relative;
top: 15rem;
}
.smartcare-image-sec .industries-slide:nth-child(4) {
padding-bottom: 75%;
}
.smartcare-image-sec .business-deliver {
font-size: 28px;
line-height: normal;
}
.smartcare-image-sec .sc-text-top {
font-size: 14px;
font-weight: 600;
line-height: 20px;
}
.smartcare-image-sec .smart-text{
font-size: 14px;
line-height: 19px;
}
.sofi-hub-tech div.sofihub-container .fusion-tabs.sofihub-bottom-tab .nav-tabs {
margin-top: 0;
flex-direction: inherit;
max-width: 100%;
}
.sofi-hub-tech div.sofihub-container .fusion-tabs.classic.horizontal-tabs .tab-link {
padding: 10px 10px !important;
}
.sofi-hub-tech div.sofihub-container .fusion-tabs.sofihub-bottom-tab .nav-tabs:before,
.sofi-hub-tech div.sofihub-container .fusion-tabs.sofihub-bottom-tab .nav-tabs:after {
display: none;
}
.sofi-hub-tech div.sofihub-container .fusion-tabs .nav-tabs li {
padding: 0;
}
.sofi-hub-tech .home-industry-section .home-industry-title br {
display: none;
}
.sofi-hub-tech .sofihub-container .fusion-tabs .tab-pane {
margin-top: 0;
}
div.fusion-text-enquire {
font-size: 14px;
letter-spacing: 0.28px;
margin-bottom: 25px;
}
.wpcf7-form .cf7-custom-layout .wpcf7-text {
margin-bottom: 21px;
}
.wpcf7-form .cf7-custom-layout .wpcf7-text .form-left p {
margin-bottom: 0;
}
.cf7-custom-layout {
gap: 7px;
flex-direction: column;
}
.wpcf7-form .cf7-custom-layout .form-right .consent-text + p,
.wpcf7-form .cf7-custom-layout .form-right .consent-text {
margin-bottom: 0;
}
.cf7-custom-layout .form-right input.wpcf7-form-control.wpcf7-submit {
position: relative;
top: 38px;
}
.glob-stat-card {
width: 162px;
height: 96px;
display: flex;
flex-direction: column;
gap: 5px;
padding: 13px 15px;
}
.glob-stat-card .icon-main {
display: flex;
align-items: center;
gap: 8px;
}
.glob-stat-card .icon-main .glob-stat-icon {
display: inline-flex;
}
.glob-stat-card .icon-main svg {
width: 20px;
height: 20px;
}
.glob-stat-card .glob-stat-number {
font-weight: 600;
font-size: 25px;
line-height: normal;
}
.glob-stat-label {
font-weight: 400;
font-size: 14px;
line-height: 19px;
letter-spacing: unset;
margin-left: 28px;
}
.global-wide-text h2 {
font-size: 28px !important;
line-height: normal !important;
}
.home-career-section {
flex-direction: column;
gap: 10px;
}
.career-image-grid {
grid-template-columns: repeat(3, 1fr);
}
.home-career-subheading {
font-size: 14px;
line-height: 20px;
}
.home-career-section .home-career-title {
font-size: 28px !important;
line-height: normal !important;
}
.home-career-section .home-career-title br {
display: none;
}
.home-career-header-right span {
max-width: unset;
font-size: 14px;
line-height: 19px;
}
.career-btns {
order: 1;
}
.career-title-c .fusion-column-wrapper.fusion-content-layout-column {
border-bottom: 0;
}
.career-section a.career-learn,
.career-section a.career-discover {
min-width: 100%;
}
.region-toggle {
background-color: #18191C;
color: #fff;
padding: 15px 20px;
width: 100%;
text-align: left;
border: none;
cursor: pointer;
margin-bottom: 5px;
font-size: 24px;
line-height: 30px;
margin: 0;
border-bottom: 1px solid #fff;
display: flex;
align-items: center;
justify-content: space-between;
}
.region-toggle.active {
background-color: #fff;
color: #000;
border-bottom: 1px solid #000;
margin-bottom: 24px;
}
.region-content {
display: none;
padding: 0 20px;
}
.region-content > div {
margin-bottom: 15px;
}
.global-operations .main-heading-section {
padding: 0 20px 24px;
}
.region-toggle:after {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-image: url('data:image/svg+xml,');
background-size: cover;
}
.region-toggle.active:after {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-image: url('data:image/svg+xml,');
background-size: cover;
}
.glob-pres-map .map-icons1:before,
.glob-pres-map .map-icons2:before,
.glob-pres-map .map-icons3:before,
.glob-pres-map .map-icons4:before,
.glob-pres-map .map-icons5:before,
.glob-pres-map .map-icons6:before,
.glob-pres-map .map-icons7:before,
.glob-pres-map .map-icons8:before,
.glob-pres-map .map-icons9:before,
.glob-pres-map .map-icons10:before,
.glob-pres-map .map-icons11:before,
.glob-pres-map .map-icons12:before,
.glob-pres-map .map-icons13:before,
.glob-pres-map .map-icons14:before,
.glob-pres-map .map-icons15:before,
.glob-pres-map .map-icons16:before {
content: "";
background-image: url('data:image/svg+xml,');
width: 20px;
height: 20px;
}
.glob-pres-map .map-icons1.active:before,
.glob-pres-map .map-icons2.active:before,
.glob-pres-map .map-icons3.active:before,
.glob-pres-map .map-icons4.active:before,
.glob-pres-map .map-icons5.active:before,
.glob-pres-map .map-icons6.active:before,
.glob-pres-map .map-icons7.active:before,
.glob-pres-map .map-icons8.active:before,
.glob-pres-map .map-icons9.active:before,
.glob-pres-map .map-icons10.active:before,
.glob-pres-map .map-icons11.active:before,
.glob-pres-map .map-icons12.active:before,
.glob-pres-map .map-icons13.active:before,
.glob-pres-map .map-icons14.active:before,
.glob-pres-map .map-icons15.active:before,
.glob-pres-map .map-icons16.active:before {
content: "";
background-image: url('data:image/svg+xml,');
width: 20px;
height: 20px;
}
.global-map-section.glob-pres-map .map-icons {
top: -48px;
}
.glob-pres-map .map-icons1 {
top: 38%;
left: 12%;
}
.glob-pres-map .map-icons2 {
top: 19%;
left: 22%;
}
.glob-pres-map .map-icons3 {
top: 21%;
left: 45%;
}
.glob-pres-map .map-icons4 {
top: 24%;
left: 48%;
}
.glob-pres-map .map-icons5 {
bottom: 14%;
left: 47%;
}
.glob-pres-map .map-icons6 {
top: 40%;
right: 27%;
}
.glob-pres-map .map-icons7 {
top: 38%;
right: 22%;
}
.glob-pres-map .map-icons8 {
top: 46%;
right: 18.5%;
}
.glob-pres-map .map-icons9 {
top: 32%;
right: 16%;
}
.glob-pres-map .map-icons10 {
top: 24%;
right: 17%;
}
.glob-pres-map .map-icons11 {
top: 22%;
right: 13.4%;
}
.glob-pres-map .map-icons12 {
bottom: 17%;
right: 14.8%;
}
.glob-pres-map .map-icons13 {
bottom: 8%;
right: 7%;
}
.glob-pres-map .map-icons14 {
bottom: 12%;
right: 4%;
}
.glob-pres-map .map-icons15 {
bottom: 19%;
right: 2%;
}
.glob-pres-map .map-icons16 {
bottom: 6%;
right: -2%;
}
.map-popup {
transform: translate(-55%, -222%);
}
.fusion-tb-header .fusion-fullwidth.fullwidth-box {
z-index: 99;
}
.glob-pres-map .location-label {
max-width: 320px;
font-size: 14px;
line-height: 19px;
}
.glob-pres-map .animated-button {
width: 90%;
}
.corporate-top-banner h1 {
text-align: left;
}
.corporate-top-banner .fusion-text p {
text-align: left;
}
.corporate-top-banner .fusion-row .fusion-flex-column,
.philanthropy-banner .fusion-row .fusion-flex-column,
.our-story-banner .fusion-row .fusion-flex-column,
.career-people-banner .fusion-row .fusion-flex-column {
position: relative;
top: 8rem;
}
.quote-container .quote-card {
flex-direction: column;
}
.quote-container .quote-text {
min-height: 636px;
padding: 27px;
gap: 15px;
width: 100%;
z-index: 1;
}
.quote-container p.author strong {
font-size: 15px;
}
.quote-container p.author span, .quote-container p.author span strong {
font-size: 11px;
}
.quote-container .quote-text svg {
width: 40px;
height: 32px;
}
.quote-container .quote-content p {
font-size: 16px;
line-height: 22px;
margin-bottom: 41px;
}
.quote-container .quote-content .author {
font-size: 15px;
}
.quote-container .quote-content .position {
font-size: 11px;
line-height: 18px;
}
.quote-container .quote-image {
position: unset;
z-index: 1;
display: block;
text-align: right;
margin-top: -8rem;
}
.quote-container .quote-image img {
width: 66%;
right: 32px;
position: relative;
}
.quote-container .quote-section {
padding-top: 30px;
}
.quote-container:before {
height: 27%;
}
.principles-section {
flex-direction: column;
padding-left: 25px;
}
.principles-section .left {
position: relative;
top: 7rem;
}
.principles-section .divider {
position: absolute;
left: 31px;
}
.principles-section .left, .principles-section .right {
max-width: 253px;
}
.principles-section .left {
width: 100%;
left: 29px;
}
.principles-section .right-wrapper {
position: relative;
left: 29px;
}
.slide-logo {
right: 17px;
width: 35px;
height: 35px;
}
.slide-logo svg {
top: 5px;
width: 35px;
height: 35px;
}
.principles-section .desc {
font-size: 16px;
line-height: 22px;
}
.principles-section .title {
font-size: 30px !important;
line-height: normal;
margin-bottom: 10px;
}
.principles-section .heading {
font-size: 28px !important;
line-height: normal;
}
.principles-section .subtitle {
font-size: 14px;
line-height: 20px;
}
.accreditation-section {
flex-direction: column;
margin-left: 0;
}
.accreditation-section .text-content {
max-width: 100%;
margin-top: -13rem;
padding: 0 20px;
z-index: 1;
}
.accreditation-section p.accr-subtitle {
font-size: 14px;
line-height: 20px;
margin-bottom: 12px;
color: #fff;
}
.accreditation-section h2.accr-title {
font-size: 28px !important;
line-height: normal;
margin-bottom: 12px;
color: #fff;
}
.accreditation-section p.accr-description {
font-size: 14px;
line-height: 19px;
max-width: unset;
color: #fff;
}
.accr-card-inner {
padding: 24px;
max-width: unset;
min-height: 282px;
width: 335px;
}
.accr-image-box {
max-width: 100%;
position: unset;
}
.accreditation-section .accr-main-image {
width: 100%;
}
.accreditation-section .accr-cards {
max-width: 100%;
position: unset;
grid-template-columns: repeat(1, 1fr);
flex-direction: column;
margin: 0;
}
.accr-card-inner-last {
padding-left: 0;
margin-top: 40px;
text-align: center;
}
.accr-card-inner img {
width: auto;
}
/*.accr-cards .accr-card-inner h3 {
font-size: 10px !important;
line-height: 13px !important;
transform: translateY(100%);
color: #000;
}
*/
/*
.accr-card-inner p.accr-card-txt {
font-size: 6px;
line-height: 9px;
letter-spacing: 0.181px;
margin-bottom: 5px;
color: #000;
}*/
.accr-text-inner {
display: flex;
align-items: flex-end;
}
.accr-btn:after {
content: "";
display: inline-block;
width: 32px;
height: 32px;
background-size: cover;
margin-bottom: 5px;
background-image: url('data:image/svg+xml,');
}
.accr-text-inner.active .accr-btn:after {
background-image: url('data:image/svg+xml,');
}
.corporate-supply-chain .business-deliver {
margin-top: 20px;
}
.corporate-supply-chain .business-deliver br,
.corporate-supply-chain .smart-text br {
display: none;
}
.etSwiper .swiper-slide {
flex-direction: column;
background: #000;
border-radius: 10px;
padding: 30px;
}
.etSwiper .grid-text {
width: 100%;
gap: 20px;
padding: 0;
justify-content: flex-start;
}
.etSwiper .grid-text p {
margin-bottom: 0;
}
.etSwiper .swiper-pagination-horizontal.swiper-pagination-bullets,
.stacked-mobile .swiper-pagination-horizontal.swiper-pagination-bullets {
justify-content: center;
margin-top: 20px;
gap: 10px;
}
.etSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active,
.stacked-mobile .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #0079FF !important;
}
.etSwiper .swiper-pagination-bullet,
.stacked-mobile .swiper-pagination-bullet {
background: #fff !important;
}
.home-our-service.retail-partners .business-deliver {
font-size: 28px !important;
line-height: normal !important;
}
.home-our-service.retail-partners .smart-text {
font-size: 14px !important;
line-height: 19px !important;
padding: 0 20px;
}
.home-our-service.retail-partners .smart-text br {
display: none;
}
.home-our-service.retail-partners p {
margin-bottom: 0;
}
.smart-care-container.core-values-container .home-industry-section .home-industry-title {
color: #000;
}
.smart-care-container.core-values-container .home-industry-header-right span {
max-width: unset;
font-size: 14px;
line-height: 19px;
letter-spacing: normal;
}
.stacked-mobile {
overflow: visible;
height: auto;
}
.stacked-section.stacked-mobile .slide-text {
left: 24px;
bottom: 24px;
}
.stacked-section.stacked-mobile >.swiper-pagination-bullets {
top: initial;
justify-content: center;
margin-top: 26px;
gap: 10px;
}
.core-values-container:before {
height: 32%;
}
.stacked-mobile .slide-text {
position: absolute;
bottom: 0;
padding: 25px;
max-width: 315px;
}
.stacked-mobile .slide-text h2 {
color: #fff;
font-size: 26px !important;
line-height: 35px !important;
margin-bottom: 9px;
}
.stacked-mobile .slide-text p {
color: #fff;
font-size: 14px;
line-height: 23px;
letter-spacing: 0.28px;
margin: 0;
}
.retail-partners.charitable-foundation .carousel-item img.c-image_img.resize {
width: 40px;
}
.stacked-mobile .swiper-slide {
justify-content: flex-start;
}
.career-people-banner h1 > br {
display: none;
}
.career-people-banner.page-banner {
background-position: top;
}
.career-people-banner .carousel.charitable-foundations-carousel {
top: 20px;
padding: 20px 0;
}
.career-people-banner .two-btns-wrapper a.blue-btn {
justify-content: center;
}
.career-people-banner .two-btns-wrapper {
gap: 20px;
}
.expertise-section h2 {
font-size: 28px !important;
}
.expertise-section .description {
font-size: 14px;
line-height: 23px;
letter-spacing: 0.28px;
padding: 0 37px;
}
.expertise-section {
padding: 5rem 0 2rem;
}
.emobility-top-banner a.blue-btn {
max-width: none;
justify-content: center;
}
.emobility-brand-btn {
width: 86%;
font-size: 14px;
line-height: normal;
padding: 0;
width: 35px;
height: 35px;
text-indent: -9999px;
overflow: hidden;
background-image: url('data:image/svg+xml,');
background-size: 16px 16px;
position: absolute;
right: -10px;
top: 24px;
left: auto;
background-repeat: no-repeat;
background-position: center;
}
.emobility-top-banner .fusion-text p {
letter-spacing: 0;
}
.emobility-top-banner .fusion-text p > br {
display: none;
}
.emobility-top-banner .fusion-image-element {
padding-bottom: 20rem;
position: relative;
top: 8rem;
}
.emobility-features .industries-slider-container.first-m .main-image {
right: -19px;
}
.emobility-features .industries-slider-container.first-m .left {
padding-top: 15.5rem;
margin-left: 7px;
}
.emobility-features .industries-slider-container .left > h2 {
margin-bottom: 18px;
line-height: 50px !important;
}
.emobility-features .industries-slider-container.first-m .left p {
margin-right: 40px;
}
.emobility-features .industries-slider-container.center .left.center > p {
max-width: 274px !important;
}
.emobility-features .industries-slider-container.r-center .left {
padding-top: 18rem;
}
.emobility-features .industries-slider-container.right .left {
margin-left: 10px;
}
.emobility-features .industries-slide:nth-child(3) {
padding-bottom: 0;
}
div.emobility-features {
z-index: 1;
}
.brand-modal-content {
max-width: 90%;
margin: 0 auto;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.emobility-popup-image img {
width: 100%;
}
.emobility-popup-content {
max-width: 90%;
}
.emobility-top-banner .fusion-text p {
margin-bottom: 25px;
}
.footer-right .fusion-builder-row-inner:nth-child(1):before {
display: none;
}
.footer-right .fusion-builder-row-inner:first-child {
flex-direction: column;
}
div.fusion-flex-column.footer-left {
top: auto;
}
div.fusion-footer .fusion-button.topbutton {
max-width: none;
}
.footer-certified p {
flex: none;
}
div.footer-certified .footer-certified-text {
max-width: 211px;
font-size: 11px;
line-height: 18px;
letter-spacing: 0.33px;
}
.fusion-text.footer-links-title {
padding-bottom: 24px;
}
.footer-right .footer-links-title p {
margin-bottom: 0;
}
.footer-right .fusion-builder-row-inner:first-child {
gap: 0;
margin-bottom: 0 !important;
}
.footer-right .fusion-builder-row-inner:nth-child(2) {
border-top: 0;
padding-top: 0;
margin-top: 0;
}
.footer-left .fusion-column-wrapper.fusion-content-layout-column {
border-bottom: 0;
}
.lets_talk1.letstalk-popup.fade.in {
display: flex !important;
}
.letstalk-popup.fade.in {
display: none !important;
}
.smart-care-container .home-industry-header-right span > br {
display: none;
}
.fusion-column-has-bg-image {
height: 428px;
}
.accreditation-section {
gap: 0;
}
.accr-cards {
max-width: 100%;
margin: 0 41px;
}
.certification-card {
position: relative;
width: 100%;
height: 95%;
padding: 28px;
right: unset;
}
.certification-card h3.fusion-responsive-typography-calculated {
font-size: 16px !important;
line-height: 22px !important;
}
.certification-card p {
margin-bottom: 10px;
}
.lets-contact-inner {
flex-direction: column;
gap: 0;
}
.header-talk-btn .talk-button {
width: 44px;
height: 44px;
}
.header-talk-btn .talk-button .text {
display: none;
}
.home-scroll-discover {
top: 0;
}
.our-commitments .fusion-flip-boxes .fusion-flip-box.flip-right .flip-box-back {
z-index: 99;
padding: 39px 54px;
}
.cf7-custom-layout.cf7-joincommunity-layout .email-content .tooltip-icon {
top: 14px;
}
.fusion-blog-layout-grid .fusion-meta-info .fusion-alignleft,
.fusion-blog-layout-timeline .fusion-meta-info .fusion-alignleft {
width: 100% !important;
}
.job-left {
width: 140px;
height: 70px;
}
/*nav.awb-menu.footer-links {
display: none;
}
.follow-us-cont .fusion-column-wrapper {
gap: 25px;
}
.fusion-layout-column.fusion_builder_column.fusion-builder-column-54 {
display: none;
margin: 0;
}
.footer-logo-content .fusion-builder-row {
flex-direction: column-reverse;
}
.footer-left > .fusion-column-wrapper:first-child {
padding: 0;
}
.fusion-footer .fusion-footer-widget-area > .fusion-fullwidth.footer-logo-content {
padding-bottom: 0;
padding-top: 40px;
}*/
}
@media screen and (max-width: 991px) {
.letstalk-popup .modal-dialog .modal-content .modal-body {
padding: 0 20px 20px;
gap: 21px;
flex-direction: column;
}
.letstalk-popup .modal-dialog .modal-content .modal-body [data-wpcf7-id="6116"] {
width: 100%;
}
.letstalk-popup .modal-dialog .modal-content .modal-body .redirect-right {
width: 100%;
padding: 0;
background: none;
border-radius: 0;
}
.letstalk-content-left .letstalk-options, .letstalk-content-right .letstalk-block-white {
flex-direction: column;
}
.letstalk-content-left .letstalk-options .letstalk-options-right, .letstalk-options-button {
width: 100%;
height: auto;
}
.letstalk-content-left .letstalk-options .letstalk-options-right .button-link .fusion-button-text, .letstalk-content-right .letstalk-options-button .button-link .fusion-button-text {
letter-spacing: 0;
}
.lt-accordion-item {
background: #fff;
border-radius: 10px;
margin-bottom: 12px;
overflow: hidden;
}
.lt-accordion-header {
padding: 19px 10px 17px;
font-weight: 700;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 16px;
}
.lt-accordion-header span {
transition: transform 0.3s ease;
}
.lt-accordion-header.active:after {
transform: rotate(180deg);
}
.lt-accordion-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease, padding 0.3s ease;
padding: 0 16px;
}
.lt-accordion-content.open {
margin-bottom: 15px;
}
.lt-accordion-content a {
color: #0072ff;
font-weight: 600;
text-decoration: none;
font-size: 16px;
display: flex;
align-items: center;
gap: 10px;
margin-top: 5px;
}
.lt-accordion-content a:after {
content:"";
width: 22px;
height: 22px;
background-color: unset;
background-size: unset;
padding: 0;
background-repeat: no-repeat;
background-position: center;
background-image: url('data:image/svg+xml,');
}
.lt-accordion-header:after {
content: "";
display: inline-block;
width: 15px;
height: 8px;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: contain;
}
.lt-accordion-header p {
margin: 0;
}
.sp-first-container .fusion-row.fusion-flex-content-wrap {
flex-direction: column-reverse;
}
.sp-first-container .fusion-layout-column.fusion_builder_column.fusion_builder_column_1_2.fusion-flex-column:first-child {
padding: 0 30px;
}
.single-post h1 {
font-size: 30px !important;
font-weight: 600 !important;
line-height: normal !important;
margin: 0;
}
.related-posts .swiper-slide {
width: 100% !important;
}
.location-label {
padding: 0 20px;
line-height: normal;
}
.home-our-service .swiper-slide:hover > .slide-hover-content,
.swiper-slide:hover > .slide-hover-content {
padding: 0 20px;
}
}
@media only screen and (max-width: 1024px) {
.menu-header .menu-title {
line-height: 28px;
}
.menu-header .home-title > a {
cursor: pointer;
font-weight: 600;
line-height: normal;
color: #0079FF;
font-size: 28px;
}
.fusion-flex-container .fusion-row .vertical-menu-container.mobile .submenu {
margin-top: 0;
padding: 14px 40px;
background-color: #fff;
position: unset;
}
.fusion-flex-container .fusion-row .vertical-menu-container.mobile .submenu li {
margin-top: 10px;
}
.fusion-flex-container .fusion-row .vertical-menu-container.mobile .submenu li > a {
font-size: 16px;
font-weight: 700;
line-height: 27px;
letter-spacing: 0.64px;
}
}
@media only screen and (min-width: 1900px) {
.emobility-top-banner.page-banner {
min-height: 736px;
}
.choose-card-wrapper {
min-height: 630px;
}
}
@media only screen and (min-width: 1700px) {
.accr-image-box {
max-width: 100%;
}
}
@media only screen and (min-width: 768px) {
.single-post h1 {
font-size: 35px !important;
font-weight: 600 !important;
line-height: 45px !important;
margin: 0;
}
}
.para-text {
color: #fff;
font-size: 16px;
line-height: 27px;
letter-spacing: 0.64px;
padding-top: 25px;
}
.consumer-brand-logos .brand-grid {
overflow: hidden;
max-height: 0;
opacity: 0;
transition: max-height .4s ease, opacity .3s ease;
margin: 0;
}
.consumer-brand-logos .brand-grid.open {
opacity: 1;
margin-bottom: 3rem;
margin-top: 2rem;
}
.consumer-brand-logos .brand-group-title.active:after {
transform: rotate(180deg);
}
.consumer-brand-logos .brand-group .brand-group-title {
font-size: 30px;
font-weight: 600;
line-height: 43px;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #fff;
padding-bottom: 30px;
border-bottom: 1px solid #fff;
padding-block: 30px;
margin: 0;
cursor: pointer;
}
.consumer-brand-logos .brand-group .brand-group-title.active {
border-bottom: 0;
}
.consumer-brand-logos .brand-group .brand-group-title.active + .brand-grid + .brand-group-title {
border-top: 1px solid #fff;
}
.consumer-brand-logos .brand-group-title:after {
content: " ";
background-image: url('data:image/svg+xml,');
width: 20px;
height: 10px;
transition: .3s;
}
.consumer-brand-logos .brand-grid.hide {
display:none;
}
.retail-brand-logos .brand-group .brand-grid {
grid-template-columns: repeat(3, 1fr);
}
#inokim .popup-logo img {
max-width: 100%;
}
.page-id-4455 .emobility-popup-content p {
font-weight: 400;
}
.page-id-4455 .emobility-popup-content {
max-width: 60%;
}
/*.footer-links-title a,
.footer-links-title a:hover,
.f-brands-link a,
.f-brands-link a:hover {
color: #ffffff;
}
.f-brands-link a {
text-decoration: underline;
}*/
/*@media(max-width:767px){
.retail-brand-logos .brand-group .brand-grid {
grid-template-columns: repeat(2, 1fr);
}
.para-text {
font-size: 14px;
line-height: 19px;
}
.retail-brand-logos .brand-group,
.consumer-brand-logos .brand-group {
margin-top: 0;
}
.consumer-brand-logos .brand-group .brand-group-title {
font-size: 25px;
line-height: normal;
padding-block: 20px;
}
}*/
#retail .slide-hover-content .transp-btn {
display: none;
}