*{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
:root{
    --color-gray: #F7F7F7;
    --color-main: #000000;
    --heavy-font: 'SequelSans-Heavy';
    --title-font: 'SequelSans-Medium';
    --site-font: 'SequelSans';
    --semiBold-font: 'SequelSans-SemiBold';
    --color-biege: #F3F2EE;
    --border-color: #C7D3E6;
    --color-light: #F8FAFD;
}
::-webkit-scrollbar {
    width: 8px;
}
 
::-webkit-scrollbar-track {
    background-color: #ebebeb;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #124ab2; 
}
html{
    scroll-margin-top: 4rem;
}
body{
    color: var(--color-main);
    overflow-x: hidden;    
    overflow-y: hidden;
    font-size: 15px;
    line-height: normal;
    font-family: var(--site-font);
    font-weight: inherit;    
}
body[data-loaded="true"]{
    overflow-y: auto;
}
a, a:visited, a:hover{
    text-decoration: none;
    /* outline: none !important; */
    color: var(--color-main);
}
a, button{
    cursor: pointer;
}
input{
    font-family: inherit;
    font-size: inherit;
}
h1, h2, h3, h4, h5, h6{
    font-family: var(--title-font);
    font-weight: inherit;
    margin: 0;
    color: var(--color-main);
    width: 100%;
    line-height: normal;
}
strong, b {
    font-weight: inherit;
    font-family: var(--semiBold-font);
}
.button-arrow{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-transform: uppercase;
    font-family: var(--title-font);
    font-size: clamp(1.1rem, 1.1vw, 1.1vw);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-transition: 0.3s ease color;
    -o-transition: 0.3s ease color;
    transition: 0.3s ease color;
}
.button-arrow {
    color: var(--color-main);
}
.button-arrow:hover{
    color: #FF8900;
}
.button-arrow svg, .button-arrow img{
    width: clamp(2.063rem, 2.8vw, 2.8vw);
    height: auto;    
    margin-left: clamp(1.625rem, 1.3541666666666667vw, 1.3541666666666667vw);
}
.button-arrow svg path{
    -webkit-transition: 0.3s ease stroke;
    -o-transition: 0.3s ease stroke;
    transition: 0.3s ease stroke;
}
.button-arrow:hover svg path{
    stroke: #FF8900;
}
h2.heading--med, .heading--med, h1.heading--med {
    font-size: clamp(2.2rem, 2.8645833333333335vw, 2.8645833333333335vw);
}
.unstyledList{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.container {
    max-width: calc(100% - 30px);
    margin: auto;
    width: 100%;
}
.row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
._heading{
    font-family: var(--title-font);
}
.evenColumns{
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
}
.justify-center{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.align-center{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.flex-col{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.text-center{
    text-align: center;
}
img{
    max-height: 100%;
}
.bg-white{
    background-color: #FFFFFF;
}
.grid{
    display: -ms-grid;
    display: grid;
}
.site-header{
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    background-color: #FFFFFF;
    width: 100%;
    border-bottom: 1px solid var(--border-color);
}
.navWrapper{
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    background-color: #FFF;
}
.navWrapper .site-branding {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    /* border-right: 1px solid var(--border-color); */
}
body.home:not(.addBg) .navWrapper .site-branding{
    /* border-right: 1px solid rgb(250 250 250 / 20%); */
}
.navWrapper .site-branding svg{
    width:130px;
    display: block;
}
.navWrapper .headerContact.em {    
    margin-left: auto;
    border-left: 1px solid var(--border-color);
}
body.home:not(.addBg) .headerContact.em{
    border-left: 1px solid rgb(250 250 250 / 20%);
}
.siteToggler{
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;    
}
.searchButton{
    margin-left: auto;
    cursor: pointer;
}
.searchButton img{
    width: 15px;
    opacity: 0.4;
}
.navWrapper > div{
    padding: 10px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 2;
}
.siteToggler button {
    padding: 0;
    background-color: transparent;
    border: none;
    overflow: hidden;
    height: 40px;
    position: relative;
    width: 40px;
}
.siteToggler button div{
    background-color: var(--color-main);
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
.siteToggler button .top{
    top: calc(50% - 4px);
}
body.home #fixedHeaderSpacing{
    display: none;
}
.siteToggler button .middle{
    opacity: 0;
    height: 2.25px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.siteToggler button .bottom{
    top: calc(50% + 4px);
}
.siteToggler button[aria-expanded="true"] .top {
    -webkit-transform: rotateZ(45deg) scaleX(0.55) translate(7px, -12px);
        -ms-transform: rotate(45deg) scaleX(0.55) translate(7px, -12px);
            transform: rotateZ(45deg) scaleX(0.55) translate(7px, -12px);
}
.siteToggler button[aria-expanded="true"] .middle{
    opacity: 1;
}
.siteToggler button[aria-expanded="true"] .bottom{
    -webkit-transform: rotateZ(-45deg) scaleX(0.55) translate(11px, 11px);
        -ms-transform: rotate(-45deg) scaleX(0.55) translate(11px, 11px);
            transform: rotateZ(-45deg) scaleX(0.55) translate(11px, 11px);
}
.headerContact > a{
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;    
}
.headerContact .highlight, .leftNavWrap .mobileContact .highlight{
    color: #FF8900;
}
.site-header .headerContact{
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.headerContact a > span, .leftNavWrap .mobileContact a > span{
    opacity: 0.5;
    text-decoration: underline;
    font-size: 14px;
    display: block;
    color: var(--color-main);
    text-transform: none;
}
.headerSearch{
    position: absolute;
    width: 100%;
    background-color: #FFF;
    border-left: none;
    border-bottom: 1px solid var(--border-color);
    top: 0px;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    z-index: -1 !important;
}
.headerSearch.show{    
    top: 73px;
    z-index: -1 !important;
}
.headerSearch form{
    width: 100%;
}
.headerSearch input::-webkit-input-placeholder{
    color: rgba(0, 0, 0, 0.5);
}
.headerSearch input::-moz-placeholder{
    color: rgba(0, 0, 0, 0.5);
}
.headerSearch input:-ms-input-placeholder{
    color: rgba(0, 0, 0, 0.5);
}
.headerSearch input::-ms-input-placeholder{
    color: rgba(0, 0, 0, 0.5);
}
.headerSearch input::placeholder{
    color: rgba(0, 0, 0, 0.5);
}
.headerSearch input{
    text-transform: uppercase;
    border: none;
    outline: none;
    width: 100%;
    font-size: 14px;
    background-color: transparent;    
}
.leftNavWrap{
/*     text-transform: uppercase; */
    font-size: 14px;
    position: fixed;
    z-index: 99;
    background-color: #FFF;
    height: 100%;
    padding: 60px 30px 0;
    border-left: 1px solid var(--border-color);
    right: 0;
    will-change: transform, top;
    max-width: 300px;
    overflow: auto;
    width: 100%;
	font-family: var(--title-font);
}
.leftNavWrap > div{
    width: 100%;
}
.leftNavWrap .menu-item-has-children > a{
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-right: clamp(10px, 0.3vw, 0.3vw);
	text-transform: uppercase;
	color: #ffeb3b !important;
	margin-bottom: clamp(10px, 0.5vw, 0.5vw);
    font-size: 92%;
}
.leftNavWrap li:not(:last-child){
    margin-bottom: clamp(1.5rem, 2vw, 2vw);
}
.leftNavWrap .menu-item-has-children > a:after{
/*     content:'\002B';     */
    position: absolute;
    right: 0;
}
.leftNavWrap .menu-item-has-children .sub-menu li:not(:last-child){
    margin-bottom: clamp(0.5rem, 0.5vw, 0.5vw);
}
.leftNavWrap .menu-item-has-children[aria-expanded="true"] > a:after, .leftNavWrap .current-menu-parent > a:after, .leftNavWrap .current-menu-ancestor > a:after{
/*     content: '\2212'; */
}
.leftNavWrap .current-menu-parent[aria-expanded="false"] > a:after, .leftNavWrap .current-menu-ancestor[aria-expanded="false"] > a:after{
/*     content: '\002B'; */
}
.leftNavWrap .sub-menu{
    overflow: hidden;
/*     height: 0; */
    list-style-type: none;    
    margin-left: 0;
/*     padding-left: clamp(1rem, 0.8333333333333334vw, 0.8333333333333334vw);     */
	padding-left: 0px;
}
.leftNavWrap .current-menu-parent > .sub-menu, .leftNavWrap .current-menu-ancestor > .sub-menu{
    height: auto;
}
.leftNavWrap .sub-menu li:first-child{
    margin-top: clamp(0.5rem, 0.5vw, 0.5vw);
}
.leftNavWrap .sub-menu a{
    color: #868686;
    -webkit-transition: 0.3s color;
    -o-transition: 0.3s color;
    transition: 0.3s color;
    text-decoration: none;
}
a{    text-decoration: none !important;}
.leftNavWrap .current-menu-parent li.current-menu-item > a, .leftNavWrap .current-menu-item a{
    color: #CC655C;
}
.leftNavWrap .sub-menu li:not(.current-menu-item) > a:hover {
    color: var(--color-main);
}
.leftNavWrap .mobileContact{
    margin-top: 3rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.leftNavWrap .mobileContact a{
    display: block;
    text-transform: lowercase;
}
.leftNavWrap .mobileContact a:not(:last-of-type){
    margin-bottom: 0.8rem;
}
.home--products-services, .homeInnovation{
    background-color: var(--color-gray);
    padding-top: clamp(5rem, 7.5vw, 7.5vw);
    padding-bottom: clamp(5rem, 7.5vw, 7.5vw);
}
.rounded-bottom{
    border-bottom-left-radius: clamp(50px, 2.6041666666666665vw, 2.6041666666666665vw);
    border-bottom-right-radius: clamp(50px, 2.6041666666666665vw, 2.6041666666666665vw);
    position: relative;
    z-index: 1;
}
.smallHeading--shadowed-title{    
    font-family: var(--title-font);
    font-size: clamp(1.4rem, 1.9270833333333333vw, 1.9270833333333333vw);
}
.shadowed-title{
    color: #D2D2D2;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    font-size: clamp(3.438rem, 6.510416666666667vw, 6.510416666666667vw);
    background: -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), color-stop(95%, #F2F2F2));
    background: -o-linear-gradient(top, #D2D2D2, #F2F2F2 95%);
    background: linear-gradient(180deg, #D2D2D2, #F2F2F2 95%);
    -webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    text-align: center;
}
.home--slider{
    position: relative;
}
.sliderVidBg{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0px;
    z-index: -1;
}
.sliderVidBg video, .sliderVidBg img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 0 0;
       object-position: 0 0;
}
.sliderVidBg:after{
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #01030f;
    opacity: 0.8;
    z-index: 1;
}
.home--slider .swiper-slide{
    height: auto;
}
.home--slider .slideWrap{
    position: relative;
    height: 100%;
}
.sliderImage{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.sliderImage img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 0 0;
       object-position: 0 0;
}
.sliderContent{
    padding-top: 21vw;
    position: relative;
    z-index: 2;
    color: #FFFFFF;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: auto;
    grid-template-columns: auto;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    -webkit-transition: 1s ease-in-out padding-left;
    -o-transition: 1s ease-in-out padding-left;
    transition: 1s ease-in-out padding-left;
}
.sliderContent > *:nth-child(1){
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}
.sliderContent .swiper{
    width: 100%;
}
.home--slider .swiper-slide-active .sliderHeading{
    -webkit-animation: slideDown 0.8s ease forwards 0.4s;
            animation: slideDown 0.8s ease forwards 0.4s;
}
.home--slider .swiper-slide-prev .sliderHeading, .home--slider .swiper-slide-next .sliderHeading{
    -webkit-animation: slideUp 0.8s ease forwards;
            animation: slideUp 0.8s ease forwards;
}
.home--slider .swiper-wrapper{
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}
@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(-40px);
                transform: translateY(-40px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
        opacity: 1;
    }
}
@keyframes slideDown {
    0% {
        -webkit-transform: translateY(-40px);
                transform: translateY(-40px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
        opacity: 1;
    }
}
@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(-40px);
                transform: translateY(-40px);
        opacity: 0;
    }
}
@keyframes slideUp {
    0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(-40px);
                transform: translateY(-40px);
        opacity: 0;
    }
}
.sliderContentInner{
    padding-top: clamp(30px, 4.6875vw, 4.6875vw);
    padding-bottom: clamp(30px, 4.6875vw, 4.6875vw);
    padding-left: clamp(30px, 4.427083333333333vw, 4.427083333333333vw);
    padding-right: clamp(30px, 4.427083333333333vw, 4.427083333333333vw);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: hidden;
    position: relative;
}
.sliderContentInner > div{
    position: relative;
    z-index: 1;
}
.sliderContentInner .bgBlur{
    content: '';
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: rgba(255, 255, 255, 0.2);
    z-index: -1;
    opacity: 0;
    -webkit-transition: 0.6s ease opacity;
    -o-transition: 0.6s ease opacity;
    transition: 0.6s ease opacity;
}
.sliderContentInner.active .bgBlur{
    opacity: 1;
}
.sliderContent .small-head{
    margin-bottom: clamp(1rem, 1vw, 1vw);
    font-size: clamp(16px,0.8333333333333334vw, 0.8333333333333334vw);
}
.sliderHeading{
    font-size: clamp(3rem, 5vw, 5vw);
    font-family: var(--title-font);
    opacity: 0;
}
.home--slider .sliderControls{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: clamp(5px, 0.3vw, 0.3vw);
}
.home--products-services .serviceslist{
    gap: 2em;
    padding: clamp(3.125rem, 5.5vw, 5.5vw) 0;
}
.home--products-services .serviceslist .serviceCol{
    text-align: center;
}
.home--products-services .serviceslist .head{
    font-family: var(--title-font);    
    margin: 0.7em 0 0.5em;
    font-size: clamp(1.25rem, 1.1vw, 1.1vw);
}
.home--products-services .serviceslist a{
    display: inline-block;
    -webkit-transition: 0.3s ease transform;
    -o-transition: 0.3s ease transform;
    transition: 0.3s ease transform;
    will-change: transform;
    overflow: hidden;
}
.home--products-services .serviceslist a:hover{
    -webkit-transform: translateY(-10px) scale(1.01);
        -ms-transform: translateY(-10px) scale(1.01);
            transform: translateY(-10px) scale(1.01);
}
.home--products-services .serviceslist img{
    border-radius: 25px;
    min-height: 340px;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 1/1;
    -webkit-transition: 0.3s ease transform;
    -o-transition: 0.3s ease transform;
    transition: 0.3s ease transform;
}
.home--products-services .serviceslist p{
    display: inline-block;
    margin: 0;
    font-size: clamp(1rem, 0.9vw, 0.9vw);
}
.home--company{
    position: relative;
    padding-top: clamp(5rem, 6.770833333333333vw, 6.770833333333333vw);
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 1;
    grid-column: 1;
}
.home--company .container{
    position: relative;
    z-index: 4;
}
.home--company > svg line:first-of-type {
    stroke-dashoffset: 1079.3280029296875px;
    stroke-dasharray: 1079.3280029296875px;
    -webkit-transition: stroke-dashoffset 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
    -o-transition: stroke-dashoffset 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
    transition: stroke-dashoffset 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
}  
.home--company.animateSvg > svg line:first-of-type {
    stroke-dashoffset: 2158.656005859375px;
}  
.home--company > svg line:nth-of-type(2) {
    stroke-dashoffset: 740.218994140625px;
    stroke-dasharray: 740.218994140625px;
    -webkit-transition: stroke-dashoffset 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s;
    -o-transition: stroke-dashoffset 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s;
    transition: stroke-dashoffset 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s;
}
.home--company.animateSvg  > svg line:nth-of-type(2)  {
    stroke-dashoffset: 1480.43798828125px;
}
.home--company > svg line:nth-of-type(3) {
    stroke-dashoffset: 442.218994140625px;
    stroke-dasharray: 442.218994140625px;
    -webkit-transition: stroke-dashoffset 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s;
    -o-transition: stroke-dashoffset 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s;
    transition: stroke-dashoffset 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s;
}  
.home--company.animateSvg > svg line:nth-of-type(3)  {
    stroke-dashoffset: 884.43798828125px;
}  
.home--company .grid{
    grid-template-columns: repeat(13, 1fr);
}
.home--company .unstyledList.row{
    grid-template-columns: repeat(6, 1fr);
    -ms-grid-rows: -webkit-max-content;
    -ms-grid-rows: max-content;
    grid-template-rows: -webkit-max-content;
    grid-template-rows: max-content;
}
.home--company .unstyledList.row > *:nth-child(1){
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}
.home--company .unstyledList.row > *:nth-child(2){
    -ms-grid-row: 1;
    -ms-grid-column: 2;
}
.home--company .unstyledList.row > *:nth-child(3){
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}
.home--company .unstyledList.row > *:nth-child(4){
    -ms-grid-row: 1;
    -ms-grid-column: 4;
}
.home--company .unstyledList.row > *:nth-child(5){
    -ms-grid-row: 1;
    -ms-grid-column: 5;
}
.home--company .unstyledList.row > *:nth-child(6){
    -ms-grid-row: 1;
    -ms-grid-column: 6;
}
.home--company .grid .col{
    margin: 2rem 0 0;
}
.home--company .grid .col:nth-of-type(1){
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
    grid-column: 1 / 8;
    -ms-grid-row: 2;
    grid-row: 2 / 2;
}
.home--company .grid .col:nth-of-type(2){
    -ms-grid-column: 2;
    -ms-grid-column-span: 9;
    grid-column: 2 / 11;
    -ms-grid-row: 3;
    grid-row: 3 / 3;
}
.home--company .grid .col:nth-of-type(3){
    -ms-grid-column: 1;
    -ms-grid-column-span: 8;
    grid-column: 1 / 9;
    -ms-grid-row: 4;
    grid-row: 4 / 4;
}
.home--company h2{
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    grid-column: 1 / 13;
    -ms-grid-row: 1;
    grid-row: 1 / 1;
    margin-bottom: 0.8rem;
    text-transform: capitalize;
}
.home--company .head{
    font-size: clamp(2rem, 2.5vw, 2.5vw);
    font-family: var(--semiBold-font);
    line-height: clamp(2.2rem, 2.6vw, 2.6vw);
}
.home--company .button-arrow{
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    grid-column: 1 / 13;
    -ms-grid-row: 5;
    grid-row: 5 / 5;
    justify-self: flex-end;
    margin-top: 3vw;
}
.home--company > svg{
    position: absolute;
    left: 47.23270440251572%;
    display: block;
    height: 70%;
    bottom: 0;
    z-index: -1;
}
.home--company .grid .col svg{
    width: clamp(75px, 7.03125vw, 7.03125vw);
    height: clamp(75px, 7.03125vw, 7.03125vw);
    display: block;
    margin-bottom: clamp(12px, 1vw, 1vw);
}
.innovation_icon .svg-icon-1 {
    stroke-dashoffset: 159.60708618164062px;
    stroke-dasharray: 159.60708618164062px;
    -webkit-transition: stroke-dashoffset 1.5s ease-out 0.3s;
    -o-transition: stroke-dashoffset 1.5s ease-out 0.3s;
    transition: stroke-dashoffset 1.5s ease-out 0.3s;
}  
.animateSvg .innovation_icon .svg-icon-1 {
    stroke-dashoffset: 0;
}  
.innovation_icon .svg-icon-2 {
    stroke-dashoffset: 164.0908660888672px;
    stroke-dasharray: 164.0908660888672px;
    -webkit-transition: stroke-dashoffset 1.5s ease-out 0.15s;
    -o-transition: stroke-dashoffset 1.5s ease-out 0.15s;
    transition: stroke-dashoffset 1.5s ease-out 0.15s;
}  
.animateSvg .innovation_icon .svg-icon-2 {
    stroke-dashoffset: 0;
}  
.vision_icon .svg-icon-1 {
    stroke-dashoffset: 199.13626098632812px;
    stroke-dasharray: 199.13626098632812px;
    -webkit-transition: stroke-dashoffset 1.5s ease-out 0.3s;
    -o-transition: stroke-dashoffset 1.5s ease-out 0.3s;
    transition: stroke-dashoffset 1.5s ease-out 0.3s;
}  
.animateSvg .vision_icon .svg-icon-1 {
    stroke-dashoffset: 0;
}  
.vision_icon .svg-icon-2 {
    stroke-dashoffset: 173.36985778808594px;
    stroke-dasharray: 173.36985778808594px;
    -webkit-transition: stroke-dashoffset 1.5s ease-out 0.18s;
    -o-transition: stroke-dashoffset 1.5s ease-out 0.18s;
    transition: stroke-dashoffset 1.5s ease-out 0.18s;
}  
.animateSvg .vision_icon .svg-icon-2 {
    stroke-dashoffset: 0;
}  
.vision_icon .svg-icon-3 {
    stroke-dashoffset: 199.12232971191406px;
    stroke-dasharray: 199.12232971191406px;
    -webkit-transition: stroke-dashoffset 1.5s ease-out 0.3s;
    -o-transition: stroke-dashoffset 1.5s ease-out 0.3s;
    transition: stroke-dashoffset 1.5s ease-out 0.3s;
}
.animateSvg .vision_icon .svg-icon-3 {
    stroke-dashoffset: 0;
}
.vision_icon .svg-icon-4 {
    stroke-dashoffset: 173.34983825683594px;
    stroke-dasharray: 173.34983825683594px;
    -webkit-transition: stroke-dashoffset 1.5s ease-out 0.44999999999999996s;
    -o-transition: stroke-dashoffset 1.5s ease-out 0.44999999999999996s;
    transition: stroke-dashoffset 1.5s ease-out 0.44999999999999996s;
}  
.animateSvg .vision_icon .svg-icon-4 {
    stroke-dashoffset: 0;
}  
.unlock_icon .svg-icon-1 {
    stroke-dashoffset: 197.30361938476562px;
    stroke-dasharray: 197.30361938476562px;
    -webkit-transition: stroke-dashoffset 1.5s ease-out 0.3s;
    -o-transition: stroke-dashoffset 1.5s ease-out 0.3s;
    transition: stroke-dashoffset 1.5s ease-out 0.3s;
}
.animateSvg .unlock_icon .svg-icon-1 {
    stroke-dashoffset: 0;
}
.unlock_icon .svg-icon-2 {
    stroke-dashoffset: 35.23805027498001px;
    stroke-dasharray: 35.23805027498001px;
    -webkit-transition: stroke-dashoffset 1.5s ease-out 0.18s;
    -o-transition: stroke-dashoffset 1.5s ease-out 0.18s;
    transition: stroke-dashoffset 1.5s ease-out 0.18s;
}  
.animateSvg .unlock_icon .svg-icon-2 {
    stroke-dashoffset: 0;
}  
.unlock_icon .svg-icon-3 {
    stroke-dashoffset: 97.88140778756049px;
    stroke-dasharray: 97.88140778756049px;
    -webkit-transition: stroke-dashoffset 1.5s ease-out 0.6s;
    -o-transition: stroke-dashoffset 1.5s ease-out 0.6s;
    transition: stroke-dashoffset 1.5s ease-out 0.6s;
}  
.animateSvg .unlock_icon .svg-icon-3 {
    stroke-dashoffset: 0;
}  
.unlock_icon .svg-icon-4 {
    stroke-dashoffset: 60.029266357421875px;
    stroke-dasharray: 60.029266357421875px;
    -webkit-transition: stroke-dashoffset 1.5s ease-out 0.44999999999999996s;
    -o-transition: stroke-dashoffset 1.5s ease-out 0.44999999999999996s;
    transition: stroke-dashoffset 1.5s ease-out 0.44999999999999996s;
}  
.animateSvg .unlock_icon .svg-icon-4 {
    stroke-dashoffset: 0;
}  
.unlock_icon .svg-icon-5 {
    stroke-dashoffset: 63.555938720703125px;
    stroke-dasharray: 63.555938720703125px;
    -webkit-transition: stroke-dashoffset 1.5s ease-out 0.6s;
    -o-transition: stroke-dashoffset 1.5s ease-out 0.6s;
    transition: stroke-dashoffset 1.5s ease-out 0.6s;
}
.animateSvg .unlock_icon .svg-icon-5 {
    stroke-dashoffset: 0;
}  
.button-arrow.arrow-2 svg, .button-arrow.arrow-2 img{
    margin: 0 0 0.7em 0;    
}
.button-arrow.arrow-2 span{
    display: block;
    width: 100%;
}
.homeInnovation .row.unstyledList{
    gap: 2em;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    margin-top: clamp(40px, 3.6458333333333335vw, 3.6458333333333335vw);
}
.homeInnovation img{
    width: 100%;
    margin-top: clamp(30px, 2.6041666666666665vw, 2.6041666666666665vw);
}
.homeInnovation .row.unstyledList li{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    font-family: var(--title-font);
}
.homeInnovation .row.unstyledList li .data{    
    display: block;
    width: 100%;
    font-size: clamp(2rem, 3.3854166666666665vw, 3.3854166666666665vw);
}
.homeInnovation .unstyledList.row li .title{
    color: #c6c6c6;
}
.homeGenesis {
    padding-bottom: clamp(3.5rem, 6vw, 6vw);
    background-color: transparent;
}
.homeGenesis .container{
    position: relative;
}
.homeGenesis .grid{
    grid-template-columns: repeat(12, 1fr);
    -ms-grid-rows: -webkit-max-content;
    -ms-grid-rows: max-content;
    grid-template-rows: -webkit-max-content;
    grid-template-rows: max-content;
}
.homeGenesis .grid > *:nth-child(1){
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}
.homeGenesis .grid > *:nth-child(2){
    -ms-grid-row: 1;
    -ms-grid-column: 2;
}
.homeGenesis .grid > *:nth-child(3){
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}
.homeGenesis .grid > *:nth-child(4){
    -ms-grid-row: 1;
    -ms-grid-column: 4;
}
.homeGenesis .grid > *:nth-child(5){
    -ms-grid-row: 1;
    -ms-grid-column: 5;
}
.homeGenesis .grid > *:nth-child(6){
    -ms-grid-row: 1;
    -ms-grid-column: 6;
}
.homeGenesis .grid > *:nth-child(7){
    -ms-grid-row: 1;
    -ms-grid-column: 7;
}
.homeGenesis .grid > *:nth-child(8){
    -ms-grid-row: 1;
    -ms-grid-column: 8;
}
.homeGenesis .grid > *:nth-child(9){
    -ms-grid-row: 1;
    -ms-grid-column: 9;
}
.homeGenesis .grid > *:nth-child(10){
    -ms-grid-row: 1;
    -ms-grid-column: 10;
}
.homeGenesis .grid > *:nth-child(11){
    -ms-grid-row: 1;
    -ms-grid-column: 11;
}
.homeGenesis .grid > *:nth-child(12){
    -ms-grid-row: 1;
    -ms-grid-column: 12;
}
.homeGenesis h2{
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    grid-column: 1 / 13;
    -ms-grid-row: 2;
    grid-row: 2;
    margin-top: 45px;
    margin-bottom: clamp(6vw, 12vw, 15vw);
}

.homeGenesis .button-arrow{
    -ms-grid-row: 3;
    grid-row: 3;
    grid-column: auto;
}
.homeGenesis .grid > *:not(.genesisInteractive){
    z-index: 2;
    position: relative;
}
.homeLogoSvgWrap {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}
.homeLogoSvgWrap > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}
.homeLogoSvgWrap > .genesisInteractive{
    position: relative;
    width: calc(100% - 30px);
    margin-left: auto;
    margin-right: auto;
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 1;
    grid-column: 1;
    max-width: 420px;
    margin-top: clamp(12rem, 8.770833vw, 8.770833vw);
}
.homeLogoSvgWrap .genesisInteractive svg {
    width: 100%;
    display: block;
    height: 100%;
}
.homeLogoSvgWrap .genesisInteractive svg.animateSvg *[class*="animVector"]{
    cursor: pointer;
    -webkit-transition: fill 0.4s ease;
    -o-transition: fill 0.4s ease;
    transition: fill 0.4s ease;
}
.homeLogoSvgWrap .genesisInteractive svg.animateSvg .yearWrap ellipse:not(.yearWrap):hover{
    fill: #124ab2;
}
.homeLogoSvgWrap .genesisInteractive svg.animateSvg .yearWrap ellipse:not(.yearWrap):hover+ellipse{
    stroke: #124ab2;
    animation-direction: reverse;
}
.homeLogoSvgWrap .genesisInteractive svg .yearWrap ellipse:not(.yearWrap):hover+path, .genesisInteractive svg .yearWrap ellipse:not(.yearWrap):hover+ellipse+path{
    fill: #FFFFFF;
}
.genesisInteractive svg.animateSvg path[class*="animVector"]{
    pointer-events: none;
}
.genesisInteractive svg[class*="animVector"]:not(.isLink){
    stroke-dashoffset: 3000;
    stroke-dasharray: 3000;
}
@-webkit-keyframes animate-svg-stroke-1 {
    0% {
        stroke-dashoffset: 2188.482666015625px;
    }
    100% {
        stroke-dashoffset: 3300px;
    }
}
@keyframes animate-svg-stroke-1 {
    0% {
        stroke-dashoffset: 2188.482666015625px;
    }
    100% {
        stroke-dashoffset: 3300px;
    }
}
@-webkit-keyframes animate-svg-stroke-1-2 {
    0% {
        stroke-dashoffset: 3300px;
    }
    100% {
        stroke-dashoffset: 4376.96533203125px;
    }
}
@keyframes animate-svg-stroke-1-2 {
    0% {
        stroke-dashoffset: 3300px;
    }
    100% {
        stroke-dashoffset: 4376.96533203125px;
    }
}
.genesisInteractive svg .animVector-1{
    -webkit-transition: 1.3s cubic-bezier(0.47, 0, 0.745, 0.715) stroke-dashoffset !important;
    -o-transition: 1.3s cubic-bezier(0.47, 0, 0.745, 0.715) stroke-dashoffset !important;
    transition: 1.3s cubic-bezier(0.47, 0, 0.745, 0.715) stroke-dashoffset !important;
    stroke-dasharray: 2188.482666015625px;
    stroke-dashoffset: 2188.482666015625px;
}
.genesisInteractive svg.animateSvg .animVector-1 {
    stroke-dashoffset: 3300px;
}  
.genesisInteractive svg.animateSvg-2 .animVector-1 {
    stroke-dashoffset: 4376.96533203125px;
}  
.genesisInteractive svg .animVector-2{
    -webkit-transition: 1.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s stroke-dashoffset !important;
    -o-transition: 1.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s stroke-dashoffset !important;
    transition: 1.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s stroke-dashoffset !important;
    stroke-dasharray: 2745.59716796875px;
    stroke-dashoffset: 2745.59716796875px;
}
.genesisInteractive svg.animateSvg .animVector-2 {
    stroke-dashoffset: 3858px;
}  
.genesisInteractive svg.animateSvg-2 .animVector-2 {
    stroke-dashoffset: 5491.1943359375px;
}    
.genesisInteractive svg .animVector-3{
    -webkit-transition: 1.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s stroke-dashoffset !important;
    -o-transition: 1.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s stroke-dashoffset !important;
    transition: 1.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s stroke-dashoffset !important;
    stroke-dasharray: 3288.74365234375px;
    stroke-dashoffset: 3288.74365234375px;
}
.genesisInteractive svg.animateSvg .animVector-3 {
    stroke-dashoffset: 4400px;
}  
.genesisInteractive svg.animateSvg-2 .animVector-3 {
    stroke-dashoffset: 6577.4873046875px;
} 
.genesisInteractive svg .yearWrap{
    opacity: 0;
}
.genesisInteractive svg.animateSvg-2 .yearWrap{
    -webkit-animation: fadeYear 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) forwards;
            animation: fadeYear 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) forwards;
}
.genesisInteractive svg.animateSvg-2 .yearWrap {
    -webkit-animation-delay: 0.7s;
            animation-delay: 0.7s;
}
.genesisInteractive svg.animateSvg-2 .yearWrap.d-2{
    -webkit-animation-delay: .9s;
            animation-delay: .9s;
}
.genesisInteractive svg.animateSvg-2 .yearWrap.d-3{
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
}
.genesisInteractive svg.animateSvg-2 .yearWrap.d-4{
    -webkit-animation-delay: 1.2s;
            animation-delay: 1.2s;
}
.genesisInteractive svg.animateSvg-2 .yearWrap ellipse:not(.yearBorder){
    fill: #FFFFFF;
}
.genesisInteractive svg.animateSvg-2 .yearWrap ellipse.yearBorder{
    fill: transparent;
    stroke: #FF8900;
    stroke-width: 3;
    -webkit-animation: borderYears 18s linear infinite;
            animation: borderYears 18s linear infinite;
    pointer-events: none;
    -webkit-transition: 0.3s opacity, 0.3s stroke;
    -o-transition: 0.3s opacity, 0.3s stroke;
    transition: 0.3s opacity, 0.3s stroke;
    stroke-dasharray: 9;
    transform-box: fill-box;
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
}
.genesisInteractive svg.animateSvg-2 .yearWrap path {
    fill: var(--color-main);
}
@-webkit-keyframes borderYears {    
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes borderYears {    
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-webkit-keyframes fadeYear{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
@keyframes fadeYear{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
.home-careers {
    padding: clamp(5em, 7vw, 7vw) 0;
    background-color: #FFFFFF;
}
.career-opportunities{
    padding: clamp(5em, 8vw, 8vw) 0;
    background-color: #FFFFFF;
}
.home-careers h2, .career-opportunities h2{
    font-size: clamp(3rem, 4.2vw, 4.2vw);
    margin-bottom: clamp(12px, 0.78125vw, 0.78125vw);
}
.career-opportunities h2{
    margin: 0;
}
.home-careers h3{
    font-size: clamp(1.4rem,  2.2vw,  2.2vw);
}
.home-careers .row:nth-of-type(1) {
    width: 100%;
    gap: 20px;
    margin-bottom: clamp(50px, 7.291666666666667vw, 7.291666666666667vw);
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.career-opportunities .row {
    width: 100%;
    -webkit-column-gap: clamp(20px, 1.0416666666666667vw, 1.0416666666666667vw);
       -moz-column-gap: clamp(20px, 1.0416666666666667vw, 1.0416666666666667vw);
            column-gap: clamp(20px, 1.0416666666666667vw, 1.0416666666666667vw);
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: clamp(24px, 4vw, 4vw);
}
.home-careers .row:nth-of-type(2){
    row-gap: 30px;
    gap: 30px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.home-careers .evenColumns{
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;    
}
.home-careers .evenColumns h3{
    font-size: clamp(1.6rem, 2vw, 2vw);
    position: relative;
    z-index: 1;
}
.home-careers .evenColumns h3 > span{
    font-size: clamp(1rem, 1.2vw, 1.2vw);
    display: block;
}
.home-careers a, .career-opportunities a, .buttonBlue {
    color: #4A91EF;
    font-family: var(--title-font);
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: clamp(12px, 1.5625vw, 1.5625vw);
    margin: 0;
    font-size: clamp(1.1em, 1.2vw, 1.2vw);
    -webkit-transition: 0.3s ease color;
    -o-transition: 0.3s ease color;
    transition: 0.3s ease color;
    -ms-grid-columns: auto clamp(12px, 1.5625vw, 1.5625vw) auto;
    grid-template-columns: auto auto;
}
.home-careers a:visited, .career-opportunities a:visited, .buttonBlue:visited{
    color: #4A91EF;
}
.home-careers a:hover, .career-opportunities a:hover, .buttonBlue:hover{
    color: #FF8900
}
.home-careers a svg, .career-opportunities a svg, .buttonBlue svg{
    height: clamp(0.7em, 1vw, 1vw);
    margin: 0;
    fill: #4a91ef;
    -webkit-transition: 0.3s ease fill;
    -o-transition: 0.3s ease fill;
    transition: 0.3s ease fill;
}
.home-careers a:hover svg, .career-opportunities a:hover svg, .buttonBlue:hover svg{
    fill: #FF8900;
}
.home-careers .mainRow img.rotate{
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
.home-careers .mainRow img, .home-careers .mainRow svg{
    width: clamp(160px, 10.416666666666666vw, 10.416666666666666vw);
    display: block;
    margin: 0 auto;  
    -webkit-transform: translateY(clamp(20px, 1.2vw, 1.2vw));  
        -ms-transform: translateY(clamp(20px, 1.2vw, 1.2vw));  
            transform: translateY(clamp(20px, 1.2vw, 1.2vw));
    position: relative;
    z-index: 0;
}

 .join_icon .svg-icon-1 {
    stroke-dashoffset: 295.3088250113789px;
    stroke-dasharray: 295.3088250113789px;
    -webkit-transition: stroke-dashoffset 1.5s ease-out 0s;
    -o-transition: stroke-dashoffset 1.5s ease-out 0s;
    transition: stroke-dashoffset 1.5s ease-out 0s;
  }
  
  .animateSvg .join_icon .svg-icon-1 {
    stroke-dashoffset: 0;
  }
  
  .join_icon .svg-icon-2 {
    stroke-dashoffset: 295.3088250113789px;
    stroke-dasharray: 295.3088250113789px;
    -webkit-transition: stroke-dashoffset 1.5s ease-out 0.15s;
    -o-transition: stroke-dashoffset 1.5s ease-out 0.15s;
    transition: stroke-dashoffset 1.5s ease-out 0.15s;
  }
  
  .animateSvg .join_icon .svg-icon-2 {
    stroke-dashoffset: 0;
  }
  
  .join_icon .svg-icon-3 {
    stroke-dashoffset: 295.3088250113789px;
    stroke-dasharray: 295.3088250113789px;
    -webkit-transition: stroke-dashoffset 1.5s ease-out 0.3s;
    -o-transition: stroke-dashoffset 1.5s ease-out 0.3s;
    transition: stroke-dashoffset 1.5s ease-out 0.3s;
  }
  
  .animateSvg .join_icon .svg-icon-3 {
    stroke-dashoffset: 0;
  }
  
  .join_icon .svg-icon-4 {
    stroke-dashoffset: 295.3088250113789px;
    stroke-dasharray: 295.3088250113789px;
    -webkit-transition: stroke-dashoffset 1.5s ease-out 0.44999999999999996s;
    -o-transition: stroke-dashoffset 1.5s ease-out 0.44999999999999996s;
    transition: stroke-dashoffset 1.5s ease-out 0.44999999999999996s;
  }
  
  .animateSvg .join_icon .svg-icon-4 {
    stroke-dashoffset: 0;
  }
  
  .join_icon .svg-icon-5 {
    stroke-dashoffset: 295.3088250113789px;
    stroke-dasharray: 295.3088250113789px;
    -webkit-transition: stroke-dashoffset 1.5s ease-out 0.6s;
    -o-transition: stroke-dashoffset 1.5s ease-out 0.6s;
    transition: stroke-dashoffset 1.5s ease-out 0.6s;
  }
  
  .animateSvg .join_icon .svg-icon-5 {
    stroke-dashoffset: 0;
  }

.create_icon .svg-icon-1 {
    stroke-dashoffset: 417.507044363786px;
    stroke-dasharray: 417.507044363786px;
    -webkit-transition: stroke-dashoffset 1.5s ease-out 0s;
    -o-transition: stroke-dashoffset 1.5s ease-out 0s;
    transition: stroke-dashoffset 1.5s ease-out 0s;
  }
  
  .animateSvg .create_icon .svg-icon-1 {
    stroke-dashoffset: 0;
  }
  
  .create_icon .svg-icon-2 {
    stroke-dashoffset: 369.1332275306824px;
    stroke-dasharray: 369.1332275306824px;
    -webkit-transition: stroke-dashoffset 1.5s ease-out 0.15s;
    -o-transition: stroke-dashoffset 1.5s ease-out 0.15s;
    transition: stroke-dashoffset 1.5s ease-out 0.15s;
  }
  
  .animateSvg .create_icon .svg-icon-2 {
    stroke-dashoffset: 0;
  }
  
  .create_icon .svg-icon-3 {
    stroke-dashoffset: 318.6026999105384px;
    stroke-dasharray: 318.6026999105384px;
    -webkit-transition: stroke-dashoffset 1.5s ease-out 0.3s;
    -o-transition: stroke-dashoffset 1.5s ease-out 0.3s;
    transition: stroke-dashoffset 1.5s ease-out 0.3s;
  }
  
  .animateSvg .create_icon .svg-icon-3 {
    stroke-dashoffset: 0;
  }
  
  .create_icon .svg-icon-4 {
    stroke-dashoffset: 297.8289459080326px;
    stroke-dasharray: 297.8289459080326px;
    -webkit-transition: stroke-dashoffset 1.5s ease-out 0.44999999999999996s;
    -o-transition: stroke-dashoffset 1.5s ease-out 0.44999999999999996s;
    transition: stroke-dashoffset 1.5s ease-out 0.44999999999999996s;
  }
  
  .animateSvg .create_icon .svg-icon-4 {
    stroke-dashoffset: 0;
  }
  
.transform_icon .svg-icon-1 {
    stroke-dashoffset: 295.3088250113789px;
    stroke-dasharray: 295.3088250113789px;
    -webkit-transition: stroke-dashoffset 1.5s ease-out 0s;
    -o-transition: stroke-dashoffset 1.5s ease-out 0s;
    transition: stroke-dashoffset 1.5s ease-out 0s;
  }
  
  .animateSvg .transform_icon .svg-icon-1 {
    stroke-dashoffset: 0;
  }
  
  .transform_icon .svg-icon-2 {
    stroke-dashoffset: 295.3088250113789px;
    stroke-dasharray: 295.3088250113789px;
    -webkit-transition: stroke-dashoffset 1.5s ease-out 0.15s;
    -o-transition: stroke-dashoffset 1.5s ease-out 0.15s;
    transition: stroke-dashoffset 1.5s ease-out 0.15s;
  }
  
  .animateSvg .transform_icon .svg-icon-2 {
    stroke-dashoffset: 0;
  }
  
  .transform_icon .svg-icon-3 {
    stroke-dashoffset: 295.3088250113789px;
    stroke-dasharray: 295.3088250113789px;
    -webkit-transition: stroke-dashoffset 1.5s ease-out 0.3s;
    -o-transition: stroke-dashoffset 1.5s ease-out 0.3s;
    transition: stroke-dashoffset 1.5s ease-out 0.3s;
  }
  
  .animateSvg .transform_icon .svg-icon-3 {
    stroke-dashoffset: 0;
  }
  
  .transform_icon .svg-icon-4 {
    stroke-dashoffset: 295.3088250113789px;
    stroke-dasharray: 295.3088250113789px;
    -webkit-transition: stroke-dashoffset 1.5s ease-out 0.44999999999999996s;
    -o-transition: stroke-dashoffset 1.5s ease-out 0.44999999999999996s;
    transition: stroke-dashoffset 1.5s ease-out 0.44999999999999996s;
  }
  
  .animateSvg .transform_icon .svg-icon-4 {
    stroke-dashoffset: 0;
  }
  
  .transform_icon .svg-icon-5 {
    stroke-dashoffset: 295.3088250113789px;
    stroke-dasharray: 295.3088250113789px;
    -webkit-transition: stroke-dashoffset 1.5s ease-out 0.6s;
    -o-transition: stroke-dashoffset 1.5s ease-out 0.6s;
    transition: stroke-dashoffset 1.5s ease-out 0.6s;
  }
  
  .animateSvg .transform_icon .svg-icon-5 {
    stroke-dashoffset: 0;
  }
  
  .transform_icon .svg-icon-6 {
    stroke-dashoffset: 295.3088250113789px;
    stroke-dasharray: 295.3088250113789px;
    -webkit-transition: stroke-dashoffset 1.5s ease-out 0.75s;
    -o-transition: stroke-dashoffset 1.5s ease-out 0.75s;
    transition: stroke-dashoffset 1.5s ease-out 0.75s;
  }
  
  .animateSvg .transform_icon .svg-icon-6 {
    stroke-dashoffset: 0;
  }
  
  
.cta-section--common{    
    position: relative;
    z-index: 0;
    margin-top: calc( clamp(50px, 2.6041666666666665vw, 2.6041666666666665vw) * -1);    
    overflow: hidden;
}
.parallaxBg{
    background-size: cover;
    background-position: 50% 0px;
    z-index: -2;
    position: absolute;
    background-repeat: no-repeat;
    top: 0;
    left: 0%;
    width: 100%;
    height: 100%;
}

.cta-section--common.rounded-border{
    margin-top: 0px;
}
.cta-section--common.rounded-border .border{
    border-bottom-left-radius: clamp(50px, 2.6041666666666665vw, 2.6041666666666665vw);
    border-bottom-right-radius: clamp(50px, 2.6041666666666665vw, 2.6041666666666665vw);
    background-color: #FFF;
    width: 100%;
    height: clamp(2.5rem, 4.166666666666667vw, 4.166666666666667vw);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.cta-section--common.no-content{
    height: clamp(300px, 25vw, 25vw);
}
.cta-section--common.blue-filter .button-arrow.arrow-2{
    position: relative;
    color: #FFFFFF;    
    width: 100%;    
}
.cta-section--common.blue-filter .button-arrow.arrow-2 span{
    line-height: 1.5;
}
.cta-section--common.blue-filter .button-arrow.arrow-2 img{
    -webkit-filter: invert(1);
            filter: invert(1);
}
.cta-section--common.blue-filter .ctaButton, .cta-section--common .ctaMail {
    position: relative;
    display: inline-block;
    top: 0%;
    left: 0%;
    width: auto;
    height: 100%;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: rgba(243, 242, 238, 0.2);
    padding-bottom: clamp(60px, 4.6875vw, 4.6875vw);
    padding-top: clamp(190px, 13.541666666666666vw, 13.541666666666666vw);
    width: clamp(240px, 15.520833333333334vw, 15.520833333333334vw);
    padding-left: clamp(30px, 2.6041666666666665vw, 2.6041666666666665vw);
    padding-right: clamp(30px, 2.6041666666666665vw, 2.6041666666666665vw);
    border: 1px solid rgba(112, 112, 112, 0.1);
}
.cta-section--common .ctaMail{
    padding-top: clamp(70px, 7.291666666666667vw, 7.291666666666667vw);
    padding-bottom: clamp(50px, 6.25vw, 6.25vw);
    width: 100%;
    max-width: clamp(500px, 40vw, 40vw);
}
.cta-section--common .ctaMail h4{
    color: #FFFFFF;
    font-size: clamp(1.2rem, 1.3020833333333333vw, 1.3020833333333333vw);
}
.cta-section--common .ctaMail p{
    margin-bottom: clamp(40px, 2.5vw, 2.5vw);
    color: #FFFFFF;
}
.cta-section--common input{
    border-radius: 0;
    color: #FFFFFF !important;
    background-color: transparent;
    border: 1px solid #939393;
    width: 100%;
    padding-top: clamp(15px, 1vw, 1vw);
    padding-right: clamp(55px, 3.5vw, 3.5vw);
    padding-bottom: clamp(15px, 1vw, 1vw);
    padding-left: clamp(15px, 0.9375vw, 0.9375vw);
    outline: none;
}
.cta-section--common input::-webkit-input-placeholder{
    color: rgba(255, 255, 255, 0.33);
}
.cta-section--common input::-moz-placeholder{
    color: rgba(255, 255, 255, 0.33);
}
.cta-section--common input:-ms-input-placeholder{
    color: rgba(255, 255, 255, 0.33);
}
.cta-section--common input::-ms-input-placeholder{
    color: rgba(255, 255, 255, 0.33);
}
.cta-section--common input::placeholder{
    color: rgba(255, 255, 255, 0.33);
}
.cta-section--common .mailWrap, .cta-section--common .mailWrap > form{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
}
.cta-section--common .mailWrap:after{
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(243, 242, 238, 0.2);
    z-index: -1;
    pointer-events: none;
}
.cta-section--common button[type="submit"]{
    position: absolute;
    background: transparent;
    border: none;
    outline: none;
    right: clamp(15px, 0.8vw, 1vw);
    padding: 0;
}
.cta-section--common button[type="submit"] svg{    
    width: clamp(35px, 2.5vw, 2.5vw);
    height: clamp(35px, 2.5vw, 2.5vw);
}
.span-lines .span-line {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: hidden;
}
/*===== Genesis =====*/
.common-landing {
    background-repeat: no-repeat;
    position: relative;
}
.bgRoundedBlue, .bgRoundedBlueBig{
    position: absolute;
    z-index: -1;
    background-image: url('../images/bgBluesm.svg');
    background-size: contain;
    background-repeat: no-repeat;
    will-change: transform;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
    -webkit-transition: 0.2s -webkit-transform;
    transition: 0.2s -webkit-transform;
    -o-transition: 0.2s transform;
    transition: 0.2s transform;
    transition: 0.2s transform, 0.2s -webkit-transform;
}
.bgRoundedBlueBig{
    width: clamp(340px, 39.479166666666664vw, 39.479166666666664vw);
    height: clamp(340px, 39.479166666666664vw, 39.479166666666664vw);
    background-image: url('../images/bgBlue.svg');
    bottom: 2%;
    left: 9%;
    -webkit-transition: 0.6s left 0.3s, 0.2s -webkit-transform;
    transition: 0.6s left 0.3s, 0.2s -webkit-transform;
    -o-transition: 0.2s transform, 0.6s left 0.3s;
    transition: 0.2s transform, 0.6s left 0.3s;
    transition: 0.2s transform, 0.6s left 0.3s, 0.2s -webkit-transform;
}
.common-landing .bgRoundedBlue.smallSib{
    bottom: 2%;
    left: 9%;
    top: auto;
}
body:not(.headerExpanded) .genesis-landing .bgRoundedBlueBig{
    left: 2%;;
}
.company-landing .container{
    background-image: url('../images/company-landing-bg.png');
    background-size: 50%;
    background-position: 100% 100%;
    background-repeat: no-repeat;
}
.common-landing h1:not(.heading--med){
    font-size: clamp(3.5rem, 7.03125vw, 7.03125vw);
}
.common-landing h1 > span:not(:first-of-type){
    margin-top: -1.5vw;
}
.company-landing h1 > span:first-of-type{
    margin-left: 10vw;    
}
.common-landing h1 span:not(.highlight), .common-landing h1 span.highlight.block{
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    overflow-wrap: anywhere;
}
.common-landing .landingSmallHead{
    margin-bottom: clamp(15px, 1.25vw, 1.25vw);
    font-size: clamp(1.2rem, 1.3541666666666667vw, 1.3541666666666667vw);
}
.genesis-landing{
    padding-bottom: clamp(2.4vw, 2.8125vw, 2.8125vw);
}
.genesis-landing h1 span:nth-child(2){
    margin-left: 14vw;
}
.common-landing .bgRoundedBlue{
    width: clamp(240px, 24vw, 24vw);
    height: clamp(240px, 24vw, 24vw);
    right: 0%;
    top: 5%;
}
.common-landing .bigContent{
    font-size: clamp(1.3rem, 1.5625vw, 1.5625vw);
    font-family: var(--title-font);
}
.career-landing .bgRoundedBlue{
    right: auto;
    left: 0px;
    top: 9%;
}
.automotive-landing h1 span:nth-of-type(2), .career-landing h1 span:nth-of-type(2), .common-layout--1 h1 span:nth-of-type(2){
    margin-left: 14vw;
}
.career-landing h1 span:nth-of-type(3){
    margin-left: 28vw;
}
section.timeline{
    padding-top: clamp(0.5rem, 0.5vw, 0.5vw);
}

.timeline .grid:first-of-type h2{
    margin-bottom: clamp(30px, 4vw, 4vw);
}
.timeline .timelineGrid{    
    gap: clamp(15px, 1.2vw, 1.2vw);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.timeline .timelineGrid:not(:last-of-type){
    margin-bottom: clamp(40px, 3.2vw, 3.2vw);
}
.timelineImage{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto;
    grid-template-columns: auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}
.timelineImage > *:nth-child(1){
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}
.timelineImage, .timelineContentWrap{
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
}
.timelineImage img{
    width: 100%;
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 1;
    grid-column: 1;
}
.timelineImage img:not(:first-of-type){
    opacity: 0;
}
.timelineContentWrap{
    gap: clamp(15px, 1.2vw, 1.2vw);
}
.timelineContentWrap h2{
    color: #CC655C;
}
.timelineContentWrap p, .timelineContentWrap ul {
    border-top: 2px solid var(--color-main);
    padding-top: 1.5em;
    font-family: var(--title-font);
}
.timelineContentWrap ul{
    margin-left: 0;
    margin-top: 1em;
    padding-left: clamp(20px, 1.0416666666666667vw, 1.0416666666666667vw);
}
.timelineContentWrap ul li:not(:last-child){
    margin-bottom: clamp(10px, 1vw, 1vw);
}
.timelineContentWrap .timelineContent > *{
    -webkit-transition: 0.3s ease opacity;
    -o-transition: 0.3s ease opacity;
    transition: 0.3s ease opacity;
}
.timelineContentWrap.active .timelineContent > *{
    opacity: 0.5;
}
.timelineContentWrap.active .timelineContent.active > *{
    opacity: 1;
}
.timelineContent{
    width: calc(50% - clamp(7.5px, 0.6vw, 0.6vw));
    /* cursor: pointer; */
}
.timeline h2.heading--med{
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;    
}
.landingButtons a{
    color: var(--color-main);
    background-color: #F0F6FF;
    width: clamp(185px, 15.885416666666666vw, 15.885416666666666vw);
    min-height: clamp(125px, 9.53125vw, 9.53125vw);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto -webkit-max-content;
    -ms-grid-columns: auto max-content;
    grid-template-columns: auto -webkit-max-content;
    grid-template-columns: auto max-content;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-family: var(--title-font);
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -ms-flex-line-pack: justify;
        align-content: space-between;
    -webkit-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    transition: 0.6s ease;
    overflow: hidden;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
}
.landingButtons a:hover {
    background-color: #CC655C;
    color: #FFFFFF;
}
.landingButtons a:hover i{
    -webkit-filter: invert(1);
            filter: invert(1);
}
.landingButtons i{
    width: clamp(12px, 0.8333333333333334vw, 0.8333333333333334vw);
    height: clamp(12px, 0.8333333333333334vw, 0.8333333333333334vw);
    display: inline-block;
    background-image: url('../images/landing-arrow.svg');    
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    transition: 0.6s ease;
    -ms-grid-column: 2;
    grid-column: 2 / 2;
}
.landingButtons a span.maintitle{
    width: auto;
    font-size: clamp(15px, 0.9375vw, 0.9375vw);
    padding-right: clamp(8px, 0.7vw, 0.7vw);
    -ms-grid-column: 1;
    grid-column: 1/1;
    -ms-grid-row: 1;
    grid-row: 1;
    height: 100%;
    overflow: hidden;
}
.landingButtons a span.smalltitle{
    display: block;
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    font-size: clamp(12px, 0.7291666666666666vw, 0.7291666666666666vw);
    grid-column: 1 / auto;
    -ms-grid-row: 2;
    grid-row: 2;
}
/*===== Genesis Ends =====*/

/*===== Company =====*/
.common-landing .container{
    padding-top: 9vw;
    padding-bottom: 12vw;
}

.common-landing .grid > *:nth-child(1){
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}
.common-landing .grid > *:nth-child(2){
    -ms-grid-row: 1;
    -ms-grid-column: 2;
}
.common-landing .grid > *:nth-child(3){
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}
.common-landing .grid > *:nth-child(4){
    -ms-grid-row: 1;
    -ms-grid-column: 4;
}
.common-landing .grid > *:nth-child(5){
    -ms-grid-row: 1;
    -ms-grid-column: 5;
}
.common-landing .grid > *:nth-child(6){
    -ms-grid-row: 1;
    -ms-grid-column: 6;
}
.common-landing .grid > *:nth-child(7){
    -ms-grid-row: 1;
    -ms-grid-column: 7;
}
.common-landing .grid > *:nth-child(8){
    -ms-grid-row: 1;
    -ms-grid-column: 8;
}
.common-landing .grid > *:nth-child(9){
    -ms-grid-row: 1;
    -ms-grid-column: 9;
}
.common-landing .grid > *:nth-child(10){
    -ms-grid-row: 1;
    -ms-grid-column: 10;
}
.common-landing .grid > *:nth-child(11){
    -ms-grid-row: 1;
    -ms-grid-column: 11;
}
.common-landing .grid > *:nth-child(12){
    -ms-grid-row: 1;
    -ms-grid-column: 12;
}
.common-landing h1 span.highlight, span.imp{
    color: #124AB2;
}
.common-landing h1 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    grid-column: 1 / 13;
}
.innovative-solutions{
    position: relative;
}
.sliding-cols .row{
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
}
.sliding-cols .sliding-col{
    position: relative;
}
/* .sliding-cols .sliding-col img{
    width: 37.5%;
    object-fit: cover;
    object-position: center center;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    height: 100%;
} */
.innovative-solutions .row{
    position: relative;
}
.innovative-solutions h2{
    padding: clamp(50px, 10.5vw, 10.5vw) 0;
    position: relative;
    z-index: 1;
}
.innovative-solutions .animateHand{
    position: absolute;
    width: 66%;
    right: 0;
    height: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    bottom: 0;
}
.innovative-solutions .animateHand img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 0 100%;
       object-position: 0 100%;
}
#fut-education-innovation .animateHand img{
    -o-object-fit: unset;
       object-fit: unset;
    width: auto;
    height: 100%;
}
.sliding-cols .sliding-col:first-of-type{
    background-color: var(--color-gray);
}
.sliding-cols .sliding-col:last-of-type{
    background: #184fb4;
    color: #FFF;
}
.sliding-cols .sliding-col .wrap{
    padding: clamp(45px, 4vw, 4vw) clamp(30px, 4.15vw, 4.15vw);
    -webkit-transition: 0.3s cubic-bezier(0.74, 0.12, 0, 0.97);
    -o-transition: 0.3s cubic-bezier(0.74, 0.12, 0, 0.97);
    transition: 0.3s cubic-bezier(0.74, 0.12, 0, 0.97);
    will-change: max-width;
    z-index: 1;
    position: relative;
    max-width: 100%;
}
.sliding-cols .sliding-col .heading{
    font-family: var(--semiBold-font);
    font-size: clamp(1.5rem, 1.4583333333333333vw, 1.4583333333333333vw);
    margin-bottom: clamp(20px, 2.0833333333333335vw, 2.0833333333333335vw);
}
.sliding-cols .sliding-col p{
    margin: 0;
}
.excellence{
    background-color: #F9FBFE;
    font-family: var(--semiBold-font);
    padding-top: clamp(50px, 6.25vw, 6.25vw);
}
.excellence .row .col{
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    position: relative;
}
.excellence .row .imgCol{
    -ms-flex-item-align: end;
        align-self: flex-end;
}
.excellence .smallTitle{
    font-size: clamp(1.4rem, 1.7708333333333333vw, 1.7708333333333333vw);
    max-width: 60%;
    margin-bottom: clamp(70px, 3.125vw, 3.125vw);
}
.excellence ul {
    font-size: clamp(2.8rem, 3.6458333333333335vw, 3.6458333333333335vw);
    padding-bottom: 10vw;
}
.excellence ul li:nth-child(1){
    margin-left: clamp(1rem, calc(1vw * 4), calc(1vw * 4));
}
.excellence ul li:nth-child(2){
    margin-left: clamp(2rem, calc(1vw * 8), calc(1vw * 8));
}
.excellence ul li:nth-child(3){
    margin-left: clamp(3rem, calc(1vw * 12), calc(1vw * 12));
}
.excellence ul li:nth-child(4){
    margin-left: clamp(4rem, calc(1vw * 16), calc(1vw * 16));
    color: #307FFC;
}
.excellence .row .imgCol{
    margin-right: -15px;
}
.company-slider {
    padding: clamp(3.4rem, 5.291666666666667vw, 5.291666666666667vw) 0;
    position: relative;
}
.blurSwiperSlider{
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
    background-color: rgba(243, 242, 238, 0.2);
    margin: auto;
}
.company-slider .blurSwiperSlider{
    max-width: 600px;
}
.company-slider .swiper .col, #manufacturing_blur_slider .blurSwiperSlider .col{
    padding: clamp(30px, 2.625vw, 2.625vw);
}
#manufacturing_blur_slider .row > .col{
    width: 100%;
}
.company-slider h3, #manufacturing_blur_slider .blurSwiperSlider h3{
    font-size: clamp(1.9rem, 1.875vw, 1.875vw);
    margin-bottom: clamp(24px, 1.625vw, 1.625vw);
    line-height: clamp(1.9rem, 1.875vw, 1.875vw);
}
.company-slider p, #manufacturing_blur_slider .blurSwiperSlider p{
    font-size: clamp(1.1rem, 1.0416666666666667vw, 1.0416666666666667vw);
    margin: 0px;
}
.company-slider .SwiperControls, #manufacturing_blur_slider .blurSwiperSlider .SwiperControls {
    padding: clamp(30px, 2.625vw, 2.625vw);
}
.company-slider .parallaxBg, #manufacturing_blur_slider .parallaxBg{
    background-image: url('../images/comp-bg.jpg');
}
.blurSwiperSlider .SwiperControls div{
    background: transparent;
    border: 1px solid #000;
    border-radius: 50%;
    width: clamp(36px, 2.03125vw, 2.03125vw);
    height: clamp(36px, 2.03125vw, 2.03125vw);
    padding: clamp(10px, 0.5208333333333334vw, 0.5208333333333334vw);
    cursor: pointer;
    -webkit-transition: 0.3s ease background;
    -o-transition: 0.3s ease background;
    transition: 0.3s ease background;
}   
.blurSwiperSlider .SwiperControls div:hover{
    background: rgba(255, 255, 255, 0.2);
}
.blurSwiperSlider .SwiperControls .ctrlPrev{
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    margin-right: clamp(15px, 0.5625vw, 0.5625vw);
}
.blurSwiperSlider .SwiperControls .ctrlNext{
    -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
            transform: rotate(270deg);
}
.fadingPanels{
    background-color: var(--color-biege) !important;
    padding: 60px 0;
}
.fadingPanels h2.heading--med{
    margin-bottom: 40px;
    font-size: clamp(1.6rem, 1.875vw, 1.875vw);
}
.fadingPanels .imagesPanel{
    display: none;
}
.fadingPanels .panel-content-wrap{
    position: relative;
    height: auto;
    min-height: 1px;
}
.fadingPanels .panel-content-wrap .panel{
    padding: clamp(20px, 1.5vw, 1.5vw) 0;
    border-top: 1px solid #707070;
}
.fadingPanels .panel-content-wrap h3{
    font-size: clamp(1.8rem, 2.5vw, 2.5vw);
}
.our-products-banner {
    background-color: #F9FBFE !important;
    padding: clamp(120px,  7.8125vw,  7.8125vw) 0;
    background-image: url('../images/bannerb.png');
    background-size: 60%;
    background-position: 0 100%;
    background-repeat: no-repeat;
}
.our-products-banner h2{
    font-size: clamp(2.3rem, 3vw, 3vw);
    font-family: var(--semiBold-font);
}
.our-products-banner h2 span{
    color: #124AB2;
}
.our-products-banner p{
    font-size: clamp(1.2rem, 1.3vw, 1.3vw);
    margin: clamp(24px, 7.291666666666667vw, 7.291666666666667vw) 0 0;
}
.management{
    background-color: var(--color-biege) !important;
    padding-top: clamp(4rem, 6.25vw, 6.25vw);
    padding-bottom: clamp(4rem, 6.25vw, 6.25vw);
}
.management-grid {
    -ms-grid-columns: 1fr clamp(20px, 1.5625vw, 1.5625vw) 1fr clamp(20px, 1.5625vw, 1.5625vw) 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(20px, 1.5625vw, 1.5625vw);
}
.company-management .management-grid{
    margin: clamp(40px, 4vw, 4vw) 0;
}
.management-grid figure{
    margin: 0;
}
.management-grid img{
    width: 100%;
}
.management-grid .col .row{
    width: 100%;
    background-color: #184fb4;
    padding: clamp(1.4rem, 2.4vw, 2.4vw);
    color: #FFFFFF;
    gap: clamp(12px, 1vw, 1vw);
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.management-grid .border{
    width: 100%;
    background-color: #b8c8ff;
    margin-bottom: clamp(3px, 0.15625vw, 0.15625vw);
    height: clamp(3px, 0.15625vw, 0.15625vw);
}
.management-grid .title{    
    font-size: clamp(1.4rem, 1.4583333333333333vw, 1.4583333333333333vw);
    color: #FFF;
}
.management-grid .link{
    margin-top: clamp(6px, 0.3125vw, 0.3125vw);
}
.management-grid .designation {
    font-size: clamp(14px, 0.78125vw, 0.78125vw);
    margin-top: clamp(0.2rem, 0.5vw, 0.5vw);
}
.management-grid a{
    width: clamp(16px, 1.1197916666666667vw, 1.1197916666666667vw);
    height: clamp(16px, 1.1197916666666667vw, 1.1197916666666667vw);
    overflow: hidden;
    background-image: url('../images/icon-linkedin.svg');
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-block;
}
.pin-spacer{
    z-index: 999 !important;
}
/*===== Company Ends =====*/

/*===== Automotive =====*/
.tab-control{
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    padding-bottom: clamp(10px, 1vw, 1vw);
    scroll-behavior: smooth;
}
.tab-control::-webkit-scrollbar, .sliderControlsFT::-webkit-scrollbar {
    height: 6px;
}
 
.tab-control::-webkit-scrollbar-track, .sliderControlsFT::-webkit-scrollbar-track {
    background-color: #ebebeb;
    border-radius: 10px;
}

.tab-control::-webkit-scrollbar-thumb, .sliderControlsFT::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #d6d6d6; 
}
.automotive-landing .container{
    background-image: url('../images/manu-bg.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 10% center;
}
.automotive-tabbed .tab-control li:not(:last-child){
    margin-right: clamp(30px, 2vw, 2vw);
}
.automotive-tabbed .tab-control button, #accordion-group button{
    background-color: transparent;
    font-size: clamp(2.2rem, 3.3333333333333335vw, 3.3333333333333335vw);
    border: none;
    padding: 0;
    font-family: var(--title-font);
    color: var(--color-main);
    -webkit-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
    text-align: left;
}
.automotive-tabbed .tab-control button[aria-expanded="false"] {
    color: #C4C4C4;
}
#accordion-group .accordion-wrap .controlWrap{
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
}
#accordion-group button.accordion-trigger {
    color: var(--color-main);
    -webkit-transition: 0.3s opacity;
    -o-transition: 0.3s opacity;
    transition: 0.3s opacity;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%;
    position: relative;
    padding-right: clamp(55px, 5vw, 5vw);   
}
#accordion-group button.accordion-trigger:after {
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    background-image: url('../images/circle-arrow.svg');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 100%;
    width: clamp(32px, 3.8020833333333335vw, 3.8020833333333335vw);
    height: clamp(32px, 3.8020833333333335vw, 3.8020833333333335vw);
    bottom: 0;
    margin: auto;
    -webkit-transition: 0.3s ease transform;
    -o-transition: 0.3s ease transform;
    transition: 0.3s ease transform;
}
#accordion-group .controlWrap a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: clamp(1.1rem, 1.1vw, 1.1vw);
    text-transform: uppercase;
    font-family: var(--title-font);
}
#accordion-group .controlWrap a img{
    width: clamp(2.063rem, 2.8vw, 2.8vw);
    height: auto;
    margin-left: clamp(1.625rem, 1.3541666666666667vw, 1.3541666666666667vw);
}
#accordion-group button.accordion-trigger[aria-expanded="true"]{
    color: var(--color-main);
}
#accordion-group button.accordion-trigger[aria-expanded="true"]:after{
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}
#accordion-group:not(.layout--2) .acc-content .col{
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
}
#accordion-group:not(.layout--2) .acc-content .imgCol{
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    text-align: center;
}
.automotive-tabbed .tabbedContentWrap{
    margin-top: clamp(40px, 3.125vw, 3.125vw);
    margin-bottom: clamp(40px, 3.125vw, 3.125vw);
}
.automotive-tabbed .tabbedContentWrap .row{
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: clamp(30px, 2vw, 2vw) 0 clamp(80px, 8.28125vw, 8.28125vw);
}
.automotive-tabbed .tabbedContentWrap .tab-content img{
    position: absolute;
    z-index: -1;
    height: 100%;
    top: 0px;
    right: 0;
    left: 0px;
    margin: auto;
}
.automotive-tabbed.hideElement + .automotive-products{
    margin-bottom: clamp(100px, 6.4vw, 6.4vw);
}
.automotive-products {
    background-color: var(--color-biege);
    padding: clamp(50px, 3.2vw, 3.2vw) 0;
}
#accordion-group .acc-content{
    margin-top: clamp(20px, 1.25vw, 1.25vw);
    display: -ms-grid;
    display: grid;
    padding-top: clamp(10px, 1.25vw, 1.25vw);
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
}
#accordion-group .acc-content ul li:not(:last-child){
    margin-bottom: clamp(8px, 0.6vw, 0.6vw);
}
#accordion-group button{
    text-align: left;
    line-height: normal;
}
#accordion-group button[aria-expanded="false"]{
    opacity: 0.4;
}
#accordion-group .productsSlider{
    padding: 0 0 clamp(15px, 1.5vw, 1.5vw);
    margin-bottom: clamp(15px, 1.5vw, 1.5vw);
    width: 100%;
    border-bottom: 3px solid #E2E2E2;
    position: relative;
}
#accordion-group .productsSlider.no-border{
    margin-bottom: 0px;
    border-bottom: none;
    padding-bottom: 0px;
}
#accordion-group .productsSlider.hasNavigation{
    padding-left: clamp(40px, 4.6875vw, 4.6875vw);
    padding-right: clamp(40px, 4.6875vw, 4.6875vw);
}
.slidePrev, .slideNext{
    position: absolute;
    opacity: 1;
    z-index: 1;
    width: clamp(32px, 3.125vw, 3.125vw);
    height: clamp(32px, 3.125vw, 3.125vw);
    top: 25%;
    cursor: pointer;
}
.slidePrev{
    left: 0;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}
.slideNext{
    right: 0;
}
#accordion-group .productsSlider img{
    width: 100%;
}
.productsTitle{
    font-size: clamp(1rem, 1.2vw, 1.2vw);
    margin-top: clamp(12px, 0.5vw, 0.5vw);
}
.automotive-products h2{
    font-size: clamp(1.7rem, 2vw, 2vw);
    margin-bottom: clamp(30px, 2.0833333333333335vw, 2.0833333333333335vw);
}
#accordion-group .accordion-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 0 0 clamp(24px, 2.0833333333333335vw, 2.0833333333333335vw) 0;
    margin-bottom: clamp(24px, 2.0833333333333335vw, 2.0833333333333335vw);
    border-bottom: 3px solid;
    border-color: #9F9F9F;    
    -webkit-transition: 0.3s border;    
    -o-transition: 0.3s border;    
    transition: 0.3s border;
}
#accordion-group .accordion-wrap[data-expanded="true"]{
    border-color: var(--color-main);
}
#accordion-group .accordion-wrap .accordion-panel{
    overflow: hidden;
}
#accordion-group .accordion-wrap .accordion-panel .producthead{
    font-size: clamp(1.3rem, 1.71875vw, 1.71875vw);
    margin-bottom: clamp(20px, 1.5625vw, 1.5625vw);
}
#accordion-group .accordion-wrap:not(.expanded) .accordion-panel{
    height: 0;
}
.automotiveCompanies{
    padding: 0 0 clamp(3em, 4vw, 4vw) 0;
}
.automotiveCompanies .container{
    background-image: url('../images/logobg.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: clamp(6em, 9vw, 9vw);
    padding-bottom: clamp(2.3em, 3.2vw, 3.2vw);
}
.automotiveCompanies p{
    font-size: clamp(1.2rem, 1.25vw, 1.25vw);
    margin-bottom: clamp(24px, 3.125vw, 3.125vw);
}
.clientgrid{
    width: 100%;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: clamp(24px, 1.5vw, 1.5vw);
}
.clientgrid img.rmBg{
    mix-blend-mode: darken;
}
/*===== Automotive Ends =====*/

/*===== Team =====*/
.team-landing{
    padding: 0 0 5vw;
}
.team-landing .container{
    background-image: url('../images/logobg.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 9vw;
    padding-bottom: 5vw;
}
.testimonials{
    padding: clamp(60px, 5.8125vw, 5.8125vw) 0;
    position: relative;
    display: none;
}
.testimonials .quoteSymbol{
    background-color: #12227E;
    font-family: var(--semiBold-font);
    font-size: clamp(5rem, 6.5vw,  6.5vw);
    color: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: -1;
    width: clamp(160px, 11.583333333333334vw, 11.583333333333334vw);
    height: clamp(200px, 13.666666666666668vw, 13.666666666666668vw);
}
.testimonials .quoteSymbol span{
    line-height: 0;
}
.testimonialsWrap{
    overflow: hidden;
}
.testimonialsWrap .testimonial-block{
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: rgba(245, 249, 255, 0.66);    
}
.testimonialsWrap .testimonial-block .block-inner{
    padding-top: clamp(30px, 3.125vw, 3.125vw);
    padding-bottom: clamp(30px, 3.125vw, 3.125vw);
    padding-left: clamp(20px, 2.0833333333333335vw, 2.0833333333333335vw);
    padding-right: clamp(20px, 2.0833333333333335vw, 2.0833333333333335vw);
    position: relative;
}
.testimonialsWrap .testimonial-block .block-inner p:before{
    content: '\201C';
    position: relative;
    background-image: url('../images/icon-quote.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: clamp(20px, 1.5625vw, 1.5625vw);
    height: clamp(20px, 1.5625vw, 1.5625vw);
    display: block;
    margin-bottom: clamp(24px, 3.125vw, 3.125vw);
}
.testimonialsWrap .testimonial-block p{
    margin: 0;
    font-size: clamp(1.03rem, 1.2vw, 1.2vw);
    position: relative;
}
.testimonialsWrap .testimonial-block .testimonial-meta{
    margin-top: clamp(40px, 3.125vw, 3.125vw);
}
.testimonialsWrap .testimonial-block .testimonial-meta .name{
    font-family: var(--semiBold-font);
}
.testimonials .joinUsLarge{
    display: none;
}
.team-management .management-grid {
    margin: clamp(40px, 4vw, 4vw) 0 0
}
.team-management h2{
    position: relative;
}
.team-management h2:after{
    content: '';
    position: absolute;
    width: 1px;
    bottom: 0px;
    top: 0px;
    margin: auto;
    right: 0px;
    height: 50%;
    background-color: #707070;
}
.team-management .subHeading{
    font-size: clamp(1.3rem, 1.4vw, 1.4vw);
}
.team-careers, .manufacturing-ffs{
    padding: clamp(80px, 8vw, 6vw) 0;
}
.page-id-30 .cta-section--common.blue-filter .parallaxBg {
    background-image: url(../images/team_carrer.jpg);
}
/*===== Team Ends =====*/

/*===== Career =====*/
.transform_build h2.heading--med{
    font-size: clamp(2.6rem, 4.6875vw, 4.6875vw);
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.transform_build .transform_title{
    position: relative;
    padding: clamp(30px, 1.6875vw, 1.6875vw) 0 clamp(45px, 4.6875vw, 4.6875vw);
    overflow: hidden;
}
.transform_build .transform_title img{
    position: absolute;
    opacity: 0.21;
    z-index: -1;
    max-width: clamp(240px, 15vw, 15vw);
}
.transform_build .transform_title img:first-of-type{
    left: -6%;
    top: -29%;
}
.transform_build .transform_title img:last-of-type{
    right: clamp(15px, 0.78125vw, 0.78125vw);
    bottom: -45%;
}
.transform_build h2.heading--med span{
    display: inline-block;
}
.transform_build h2.heading--med span.stroked-text{
    -webkit-text-stroke: 1px #333;
    -webkit-text-fill-color: transparent;
}
.transform_build .imagesWrapper{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
}
.transform_build .imagesWrapper img{
    position: relative;
    top: 0px;
    left: 0px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    width: 100%;
    height: 100%;
    aspect-ratio: 4/3;
}
.transform_build .hasImage img{
    width: clamp(45px, 2.6041666666666665vw, 2.6041666666666665vw);
    -webkit-filter: grayscale(1) brightness(5);
            filter: grayscale(1) brightness(5);
    margin-bottom: clamp(20px, 1vw, 1vw);
}
.transformSlider .contentWrapper{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    background-color: #CC655C;
    color: #FFFFFF;
    padding: 36px 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.transformSlider.slider-bg-blue .contentWrapper{
    background-color: #004BB9;
}
.transformSlider .contentWrapper p:last-of-type {
    margin-bottom: 0;
}
.transformSlider .contentWrapper p{
    font-size: clamp(1.15rem, 1.2vw, 1.2vw);
}
.transformSlider .contentWrapper h3{
    color: #FFFFFF;
    font-size: clamp(1.5rem, 2.1875vw, 2.1875vw);
    margin-bottom: clamp(40px, 3.125vw, 3.125vw);;
}
.transformSlider .slideControlsWrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-grid-column: 6;
    -ms-grid-column-span: 7;
    grid-column: 6 / 13;
    -webkit-box-pack: right;
        -ms-flex-pack: right;
            justify-content: right;
    -ms-grid-row: 3;
    grid-row: 3;
}
.transformSlider .slideControlsWrapper button, .home--slider .sliderControls button, .image_slider_common .slideControlsWrapper button{
    background-color: #2E2E2E;
    width: clamp(55px, 4.6875vw, 4.6875vw);
    height: clamp(55px, 4.6875vw, 4.6875vw);
    border: none;
    border-radius: 0;
    position: relative;
}
.home--slider .sliderControls button:after{
    content: '';
    background-image: url('../images/icon-select-arrow.svg');
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-filter: invert(1);
            filter: invert(1);
    width: clamp(18px, 1.2vw, 1.2vw);
    height: clamp(18px, 1.2vw, 1.2vw);
    display: inline-block;
}
.home--slider .sliderControls button{
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
    background-color: rgba(255, 255, 255, 0.2);
    -webkit-transition: 0.3s ease background-color;
    -o-transition: 0.3s ease background-color;
    transition: 0.3s ease background-color;
}
.home--slider .sliderControls button:hover{
    background-color: rgba(255, 255, 255, 0.4);
}
.transformSlider .slideControlsWrapper button img, .image_slider_common .slideControlsWrapper button img {
    -webkit-filter: invert(1);
            filter: invert(1);
    width: clamp(18px, 1.2vw, 1.2vw);
    height: clamp(18px, 1.2vw, 1.2vw);
}
.transformSlider .slideControlsWrapper button:nth-child(1) img, .home--slider .sliderControls button:nth-child(1):after {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}
.transformSlider .slideControlsWrapper button:nth-child(2) img, .home--slider .sliderControls button:nth-child(2):after {
    -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
            transform: rotate(270deg);
}
.transformSlider .swiper-wrapper{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.transformSlider .paginationWrapper{
    left: 0 !important;
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
    bottom: 0 !important;
    -ms-grid-row: 3;
    grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    grid-column: 1/ 5;
    position: relative;
    margin: clamp(15px, 1.5vw, 1.5vw);
    margin-bottom: 0;
    font-size: 2em;
    display: none;
}
.transformSlider .paginationWrapper .paginate{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: clamp(10px, 0.5vw, 0.5vw);
}
.transformSlider .paginationWrapper .swiper-pagination-bullet{
    border: 2px solid rgb(56, 56, 56);
    background: #FFF;
    opacity: 1 !important;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;    
}
.transformSlider .paginationWrapper .paginate > span {
    vertical-align: middle;
    width: clamp(11px, 0.5729166666666666vw, 0.5729166666666666vw);
    height: clamp(11px, 0.5729166666666666vw, 0.5729166666666666vw);
}
.transformSlider .paginationWrapper .paginate > span > span{
    opacity: 0;
    font-size: 0;
    -webkit-transition: 0.3s opacity;
    -o-transition: 0.3s opacity;
    transition: 0.3s opacity;
}
.transformSlider .paginationWrapper .paginate > span[aria-current="true"]{
    width: clamp(40px, 3vw, 3vw);
    height: clamp(40px, 3vw, 3vw);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: 2px solid var(--color-main);
    border-radius: 50%;    
    background-color: transparent;
}
.transformSlider .paginationWrapper .paginate > span[aria-current="true"] > span{
    opacity: 1;
    font-size: clamp(1.2rem, 1.3vw, 1.3vw);
}
.career-form{
    padding: 45px 0 clamp(60px, 6vw, 6vw) 0;
}
.career-form .container > .row{    
    row-gap: 35px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.siteFormWrap .form-heading{
    font-size: clamp(1.4rem, 1.6666666666666667vw, 1.6666666666666667vw);
}
.career-form img{
    width: clamp(120px, 8.854166666666666vw, 8.854166666666666vw);
    margin-bottom: clamp(20px, 2vw, 2vw);
}
.siteFormWrap .form-heading{
    margin-bottom: clamp(20px, 2.34375vw, 2.34375vw);
}
.siteFormWrap input:not([type="checkbox"]), .siteFormWrap input:not([type="submit"]), .siteFormWrap input:not([type="file"]), .siteFormWrap input:not([type="radio"]), .siteFormWrap textarea, .siteFormWrap select {
    border: none;
    border-bottom: 2px solid var(--color-main);
    border-radius: 0;
    padding: clamp(12px, 0.78125vw, 0.78125vw) 0;
    width: 100%;
    outline: none;
    font-size: inherit;
    font-family: inherit;
    color: var(--color-main);
}
.siteFormWrap .form-contact-info span[data-name="country-codes"]{
    position: relative;
    width: auto;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
.siteFormWrap .form-contact-info .wpcf7-form-control-wrap:not([data-name="country-codes"]){
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.siteFormWrap span[data-name="country-codes"]:before{
    content: '+';
    position: absolute;
    left: 0;
    top: 48%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    font-size: inherit;
    line-height: 0;
}
.siteFormWrap span[data-name="country-codes"] select{
    padding-left: clamp(6px, 0.3125vw, 0.3125vw);
}
.siteFormWrap form ::-webkit-input-placeholder {
    color: #7C7C7C;
    font-size: inherit;
}
.siteFormWrap form ::-moz-placeholder {
    color: #7C7C7C;
    font-size: inherit;
}
.siteFormWrap form :-ms-input-placeholder {
    color: #7C7C7C;
    font-size: inherit;
}
.siteFormWrap form ::-ms-input-placeholder {
    color: #7C7C7C;
    font-size: inherit;
}
.siteFormWrap form ::placeholder {
    color: #7C7C7C;
    font-size: inherit;
}
.siteFormWrap .fileInput .wpcf7-form-control-wrap{
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.siteFormWrap .fileInput label {
    border-bottom: 2px solid var(--color-main);
    font-size: inherit;
    position: relative;
    margin-left: clamp(30px, 1.5625vw, 1.5625vw);
}

.siteFormWrap .button-arrow{
    padding: 0;
    border: none;
    background-color: transparent;
    position: relative;
    margin-top: clamp(36px, 2.6041666666666665vw, 2.6041666666666665vw);
}
.siteFormWrap .button-arrow:before{
    content: '';
    position: relative;
    left: 0;
    width: clamp(2.063rem, 2.8vw, 2.8vw);
    height: clamp(2.063rem, 2.8vw, 2.8vw);
    margin-right: clamp(1.325rem, 1.2vw, 1.2vw);
    background-image: url('../images/circle-arrow-org.svg');
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-filter: grayscale(1) brightness(0);
            filter: grayscale(1) brightness(0);
    -webkit-transition: 0.3s ease filter;
    -o-transition: 0.3s ease filter;
    transition: 0.3s ease filter;
}



/*===== Footer =====*/
.site-footer{
    background-color: var(--color-gray) !important;
    padding-top: clamp(5.5em, 7.8125vw, 7.8125vw);
    padding-bottom: clamp(3.2em, 4.166666666666667vw, 4.166666666666667vw);
}
.site-footer .outerGrid{
    grid-template-columns: repeat(12, 1fr);
    -ms-grid-rows: -webkit-max-content;
    -ms-grid-rows: max-content;
    grid-template-rows: -webkit-max-content;
    grid-template-rows: max-content;
}
.site-footer .outerGrid > *:nth-child(1){
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}
.site-footer .outerGrid > *:nth-child(2){
    -ms-grid-row: 1;
    -ms-grid-column: 2;
}
.site-footer .outerGrid > *:nth-child(3){
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}
.site-footer .outerGrid > *:nth-child(4){
    -ms-grid-row: 1;
    -ms-grid-column: 4;
}
.site-footer .outerGrid > *:nth-child(5){
    -ms-grid-row: 1;
    -ms-grid-column: 5;
}
.site-footer .outerGrid > *:nth-child(6){
    -ms-grid-row: 1;
    -ms-grid-column: 6;
}
.site-footer .outerGrid > *:nth-child(7){
    -ms-grid-row: 1;
    -ms-grid-column: 7;
}
.site-footer .outerGrid > *:nth-child(8){
    -ms-grid-row: 1;
    -ms-grid-column: 8;
}
.site-footer .outerGrid > *:nth-child(9){
    -ms-grid-row: 1;
    -ms-grid-column: 9;
}
.site-footer .outerGrid > *:nth-child(10){
    -ms-grid-row: 1;
    -ms-grid-column: 10;
}
.site-footer .outerGrid > *:nth-child(11){
    -ms-grid-row: 1;
    -ms-grid-column: 11;
}
.site-footer .outerGrid > *:nth-child(12){
    -ms-grid-row: 1;
    -ms-grid-column: 12;
}
.site-footer .footerMenu{
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    -ms-grid-rows: -webkit-max-content;
    -ms-grid-rows: max-content;
    grid-template-rows: -webkit-max-content;
    grid-template-rows: max-content;
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    grid-column: 1 / 13;
    -ms-grid-row: 3;
    grid-row: 3;
    gap: 30px 20px;
    margin-top: 45px;
}
.site-footer .footerMenu ul{
    list-style-type: none;
    padding: 0; 
    margin: 0;
}
.site-footer .footerMenu ul li:not(:last-child){
    margin-bottom: 0.5rem;
}
.site-footer .copyright{
    color: #9D9D9D;
    -ms-grid-row: 4;
    grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    grid-column: 1 / 13;
    margin-top: 5em;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.site-footer .copyright ul{
    -webkit-column-gap: clamp(1em, 3vw, 3vw);
       -moz-column-gap: clamp(1em, 3vw, 3vw);
            column-gap: clamp(1em, 3vw, 3vw);
    row-gap: 0.2em;
}
.site-footer .copyright ul li{
    display: inline-block;
}
.site-footer .copyright p{
    margin: 0;
}
.site-footer .logoTagline{
    margin: 1em 0 0;
    width: 100%;
    font-family: var(--title-font);
    font-size: clamp(22px, 1.40625vw, 1.40625vw);
    line-height: clamp(1.1em, 1.6vw, 1.6vw);
}
.site-footer .footerBrandingWrap{
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    grid-column: 1 / 13;
    -ms-grid-row: 1;
    grid-row: 1 / 1;
}
.site-footer .footer-branding img{
    width: clamp(50px, 2.6041666666666665vw, 2.6041666666666665vw);    
}
.site-footer .footerMenu h3{
    color: #9D9D9D;
    font-size: clamp(15px, 1.09375vw, 1.09375vw);
    margin-bottom: 0.5em;
}
footer .outerRow > div {
    width: 100%;
}
footer a{
    -webkit-transition: 0.3s color;
    -o-transition: 0.3s color;
    transition: 0.3s color;
}
footer  a:hover{
    color: #FF8900;
}
/*===== Footer Ends =====*/


/*===== Search Page =====*/
body.search main{
    padding: 5vw 0 6vw;
}
.search .grid-posts-listing article{
    background-color: var(--color-biege);
    -webkit-transition: 0.7s ease background-color;
    -o-transition: 0.7s ease background-color;
    transition: 0.7s ease background-color;
}
body.search .search-title{
    margin-bottom: clamp(36px, 3vw, 3vw);
}
.no-results.not-found p { 
    font-size: clamp(1.2rem, 1.3vw, 1.3vw);
}
body.blog .no-results.not-found{
    padding: 5vw 0 6vw;
}
body.blog .no-results.not-found h1{
    font-size: clamp(2.2rem, 2.8645833333333335vw, 2.8645833333333335vw);
}
/*===== Search Page Ends =====*/


/*===== Common Products =====*/

.productsTabs .tab-control button:after{
    border-bottom: 5px solid #FF8901;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    width: 47%;
    -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: right;
        -ms-transform-origin: right;
            transform-origin: right;
    -webkit-transition: -webkit-transform 1s cubic-bezier(.19,1,.22,1);
    transition: -webkit-transform 1s cubic-bezier(.19,1,.22,1);
    -o-transition: transform 1s cubic-bezier(.19,1,.22,1);
    transition: transform 1s cubic-bezier(.19,1,.22,1);
    transition: transform 1s cubic-bezier(.19,1,.22,1), -webkit-transform 1s cubic-bezier(.19,1,.22,1);
    height: 5px;
    max-width: clamp(92px, 4.791666666666667vw, 4.791666666666667vw);
}
.productsTabs .tab-control button[aria-expanded="true"]:after{
    -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
}
.productsTabs .tab-control button[aria-expanded="false"]{
    opacity: 0.33;
}
.productsTabs .tabbedContentWrap{
    padding-top: clamp(40px, 2.5vw, 2.5vw);
}
.productsTabs .tabbedContentWrap .grid{
    -ms-grid-columns: auto;
    grid-template-columns: auto;
    gap: 36px;
    text-align: center;
}
.productsTabs .tabbedContentWrap .grid h3{
    font-size: clamp(1.2rem, 1.3541666666666667vw, 1.3541666666666667vw);
    margin: clamp(0.6rem, 1vw, 1vw) 0 clamp(0.4rem, 0.6vw, 1vw) 0;
}
.productsTabs .tabbedContentWrap .grid p{
    color: #707070;
    margin: 0;
}
.productsTabs .tabbedContentWrap .grid img{
    border: 1px solid #707070;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    height: auto;
}
.product-innovations, .explore-products{
    padding-bottom: clamp(50px, 4.6875vw, 4.6875vw);
}
.product-innovations .container .spacer, .explore-products .spacer{
    height: clamp(3px, 0.15625vw, 0.15625vw);
    background-color: #9F9F9F;
    margin-bottom: clamp(50px, 4vw, 4.6875vw);
}
.product-innovations h2, .explore-products h2{
    margin-bottom: clamp(50px, 4.6875vw, 4.6875vw);
}
.product-innovations .col img {
    width: clamp(28px, 1.7708333333333333vw, 1.7708333333333333vw);
    height: clamp(28px, 1.7708333333333333vw, 1.7708333333333333vw);
}
.product-innovations .col p{
    font-family: var(--title-font);
    font-size: clamp(1.1rem, 1.1979166666666667vw, 1.1979166666666667vw);
}
/*===== Common Products End =====*/

/*===== Font Sizes for default pages =====*/
.page-template-default h1, .post-template-default h1, body.search h1 {
    font-size: clamp(2.2rem, 2.8645833333333335vw, 2.8645833333333335vw);
}
.page-template-default h2, .post-template-default h2, body.search h2 {
    font-size: clamp(2.1rem, 2.5vw, 2.5vw);
}
.page-template-default h3, .post-template-default h3, body.search h3 {
    font-size: clamp(1.8rem, 2.2vw, 2.2vw)
}
.page-template-default h4, .post-template-default h4, body.search h4 {
    font-size: clamp(1.6rem, 2vw, 2vw);
}
.page-template-default h5, .post-template-default h5, body.search h5 {
    font-size: clamp(1.5rem, 1.8vw, 1.8vw);
}
.page-template-default h6, .post-template-default h6, body.search h6 {
    font-size: clamp(1.4rem, 1.5vw, 1.5vw);
}
.page-template-default ul, .post-template-default ul, .page-template-default ol, .post-template-default ol {
    margin-left: 0;
}
.page-template-default h1, .post-template-default h1, .page-template-default h2, .post-template-default h2, .page-template-default h3, .post-template-default h3, .page-template-default h4, .post-template-default h4, .page-template-default h5, .post-template-default h5, .page-template-default h6, .post-template-default h6 {
    margin-bottom: clamp(15px, 1.0416666666666667vw, 1.0416666666666667vw);
}
body.search h1, body.search h2, body.search h3, body.search h4, body.search h5, body.search h6 {
    margin-bottom: clamp(15px, 1.0416666666666667vw, 1.0416666666666667vw);
}
/*===== Font Sizes for default pages end =====*/

/*===== Site Loader =====*/
.siteTranstioner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999; 
}
.siteTranstioner > div {
    background-color: #FFFFFF;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    overflow: hidden;
}
.siteTranstioner svg {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: clamp(160px, 10.5vw, 10.5vw);
    height: auto;
}
body[data-loaded="true"] .siteTranstioner {
    pointer-events: none;
}
.siteTranstioner .loaderTitle span{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: hidden;
}
/*===== Site Loader Ends =====*/

/*===== Future Of Education =====*/
.landingButtons a span.maintitle img{
    max-width: clamp(80px, 4.6875vw, 4.6875vw);
}
.landingButtons a span.maintitle.invertImg img{
    -webkit-filter: invert(1);
            filter: invert(1);
    -webkit-transition: 0.3s ease filter;
    -o-transition: 0.3s ease filter;
    transition: 0.3s ease filter;
}
.landingButtons a:hover span.maintitle.invertImg img{
    -webkit-filter: invert(0);
            filter: invert(0);
}
.education-parallax{
    position: relative;
    padding: clamp(50px, 8vw, 8vw) 0;
}
.education-parallax .parallaxBg{
    background-image: url('../images/15.jpg');
}
.education-parallax .col{
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 2;
    padding: clamp(30px, 3vw, 3vw);
    margin-left: auto;
}
.future-digitizing .container{
    padding-top: clamp(110px, 10vw, 10vw);
    padding-bottom: clamp(110px, 10vw, 10vw);
    background-image: url('../images/img153.png');
    background-size: contain;
    background-position: 15% center;
    background-repeat: no-repeat;
}
.future-tabbed{
    padding: clamp(70px, 6.770833333333333vw, 6.770833333333333vw) 0;
    background-color: #F9FBFE;
    position: relative;
}
.future-tabbed .tab-content h3, .future-tabbed .tab-content img, .future-tabbed .tab-content .landingContent{
    opacity: 0;
}
.future-tabbed .tab-content h3 {
    -webkit-animation: slideUp 1s ease forwards;
            animation: slideUp 1s ease forwards;
} 
.future-tabbed .tab-content img {
    -webkit-animation: slideUp 1s ease forwards;
            animation: slideUp 1s ease forwards;
} 
.future-tabbed .tab-content .landingContent {
    -webkit-animation: slideUp 1s ease forwards;
            animation: slideUp 1s ease forwards;
} 
.future-tabbed .tab-content.swiper-slide-active h3{
    -webkit-animation: slideDown 0.8s ease forwards 1s;
            animation: slideDown 0.8s ease forwards 1s;
}
.future-tabbed .tab-content.swiper-slide-active img{
    -webkit-animation: slideDown 0.8s ease forwards 1.1s;
            animation: slideDown 0.8s ease forwards 1.1s;
}
.future-tabbed .tab-content.swiper-slide-active .landingContent{
    -webkit-animation: slideDown 0.8s ease forwards 1.2s;
            animation: slideDown 0.8s ease forwards 1.2s;
}
.future-tabbed .sliderControlsFT{
    margin-top: clamp(36px, 4.6875vw, 4.6875vw);
    text-align: center;
    padding-left: clamp(5px, 0.5208333333333334vw, 0.5208333333333334vw);
    padding-right: clamp(5px, 0.5208333333333334vw, 0.5208333333333334vw);
    padding-bottom: clamp(10px, 1vw, 1vw);
    bottom: 0px !important;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    padding-bottom: clamp(10px, 1vw, 1vw);
    scroll-behavior: smooth;
}
.future-tabbed .swiper-pagination{
    position: relative;
}
.future-tabbed .sliderControlsFT li{
    display: inline-block;
    width: auto;
    height: auto;
    background: none;
    opacity: 1;
}
.future-tabbed .sliderControlsFT li:not(:last-child){
    margin: 0;
    margin-right: clamp(24px, 3.125vw, 3.125vw);    
}
.future-tabbed .sliderControlsFT li button{
    font-family: var(--semiBold-font);
    -webkit-transition: 0.3s ease opacity;
    -o-transition: 0.3s ease opacity;
    transition: 0.3s ease opacity;
    background: transparent;
    border: none;
    padding: 0;
    text-align: left;
    opacity: 0.24;
    font-size: clamp(0.8em, 0.9em, 1em);
}
.future-tabbed .sliderControlsFT li.swiper-pagination-bullet-active button{
    opacity: 1;
}
.future-tabbed .tabbed-main-title{
    font-size: clamp(1.6rem, 2.34375vw, 2.34375vw);
    margin-bottom: clamp(20px, 1.6041666666666665vw, 1.6041666666666665vw);
    font-family: var(--semiBold-font);
    max-width: clamp(440px, 33.916666666666664vw, 33.916666666666664vw);
    margin-left: auto;
}
.future-tabbed .bgRoundedBlue{
    width: clamp(240px, 24vw, 24vw);
    height: clamp(240px, 24vw, 24vw);
}
.future-tabbed .tab-content h3{
    font-size: clamp(2.7rem, 4.4vw, 4.4vw);
}
.future-tabbed .tab-content h3.text-right{
    text-align: right;
    line-height: clamp(2.5rem, 4vw, 4.4vw);
    position: relative;
    z-index: 1;
}
.future-tabbed p{
    text-align: center;
    width: 100%;
}
.future-tabbed .tab-content img{
    max-width: calc(100% - 30px);
    margin: -1px auto;
    position: relative;
    z-index: -1;
}
.future-tabbed .bgRoundedBlue:first-of-type{
    left: 0;
    bottom: 10%;
}
.future-tabbed .bgRoundedBlue:nth-of-type(2){
    right: 0;
    top: 10%;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    opacity: 0.7;
}
#future-education-panels .panel {
    padding: clamp(30px, 2.5vw, 2.5vw) 0;
}
#future-education-panels .panel > .row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
#future-education-panels .panel h3{
    margin-bottom: clamp(15px, 0.5em, 0.5em);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-right: clamp(12px, 0.3em, 0.3em);
}
#future-education-panels .panel a{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-family: var(--semiBold-font);
    text-transform: uppercase;
    margin-bottom: clamp(15px, 0.5em, 0.5em);
}
#future-education-panels .panel p{
    margin: 0px;
    padding-right: clamp(60px, 8vw, 8vw);
}
#future-education-panels .panel a img{
    width: clamp(40px, 2.7083333333333335vw, 2.7083333333333335vw);
    margin-left: clamp(15px, 1.0416666666666667vw, 1.0416666666666667vw);
}
.cta-pad {
    position: relative;
    left: 0;
    bottom: 0;
    background-color: #FFFFFF;
    width: 100%;
    padding-bottom: clamp(50px, 5.729166666666667vw, 5.729166666666667vw);
    z-index: 9;
}
.explore-products .contaienr > .grid{
    -ms-grid-columns: auto;
    grid-template-columns: auto;
    row-gap: 20px;
}
.explore-products figure{
    margin: 0px;
    width: 100%;
    line-height: 0;
}
.explore-products figure img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.explore-products .product-title{
    display: block;    
    padding: clamp(12px, 1vw,1vw) clamp(24px, 2.3933333333333335vw, 2.3933333333333335vw) clamp(12px, 1vw,1vw) clamp(15px, 1.56vw, 1.56vw);
    font-family: var(--title-font);
    position: relative;
    width: 100%;
    background-color: #F0F6FF;
    -webkit-transition: 0.3s ease color, 0.3s ease background-color;
    -o-transition: 0.3s ease color, 0.3s ease background-color;
    transition: 0.3s ease color, 0.3s ease background-color;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 1.05em;
}
.explore-products .prodcut-cat a:hover .product-title{
    background-color: #CC655C;
    color: #FFFFFF;
}
.explore-products .product-title i{
    width: clamp(12px, 0.8333333333333334vw, 0.8333333333333334vw);
    height: clamp(12px, 0.8333333333333334vw, 0.8333333333333334vw);
    display: inline-block;
    background-image: url('../images/landing-arrow.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    position: absolute;
    right: clamp(15px, 1.56vw, 1.56vw);
}
.explore-products .prodcut-cat a:hover i{
    -webkit-filter: invert(1);
            filter: invert(1);
}
/*===== Future Of Manufacturing =====*/
.future-manufacturing-landing .container, .factory-solutions-landing .container{
    background-image: url('../images/manu-bg.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center bottom;
}
.future-manufacturing-landing h1 span.small, .factory-solutions-landing h1 span.small{
    font-size: clamp(1.6rem, 3.125vw, 3.125vw);
    margin-bottom: clamp(0.6rem, 1vw, 1vw);
}
.future-manufacturing-landing h1 span:last-of-type, .factory-solutions-landing h1 span:last-of-type{
    margin-left: 6vw;
}
#manufacturing_blur_slider{
    position: relative;
    padding: clamp(40px, 3.6458333333333335vw, 3.6458333333333335vw) 0;
}
.bgImages.swiper{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.bgImages img{
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
}
.bgImages img:first-of-type{
    opacity: 1;
}
#manufacturing_blur_slider .container > .row{
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#manufacturing_blur_slider .col > h2{
    font-size: clamp(1.6rem, 2.34375vw, 2.34375vw);
    margin-bottom: clamp(30px, 2.6041666666666665vw, 2.6041666666666665vw);
}
#manufacturing_blur_slider .col > p{
    font-size: clamp(1.1rem, 1.0416666666666667vw, 1.0416666666666667vw);
}
#manufacturing_blur_slider .container > .row > .col:first-of-type{
    background-color: #FFFFFF;
    padding: 30px 24px;
}
.manufacturing-image-slider{
    /* padding: clamp(80px, 8.854166666666666vw, 8.854166666666666vw) 0 clamp(50px, 4.854166666666666vw, 4.854166666666666vw); */
    position: relative;
}
.manufacturing-image-slider .imageWrapper img{
    width: 100%;
}
.manufacturing-image-slider .col{
    position: relative;
    width: 100%;
}
.manufacturing-image-slider .col.contentCol{
    margin-top: -30px;
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 2;
    padding: 30px 15px;
}
.image_slider_common .swiper{
    line-height: 0;
}
.manufacturing-image-slider .swiper-wrapper{
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
}
.manufacturing-image-slider .slideControlsWrapper{
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: none;
}
.manufacturing-image-slider .slideControlsWrapper button:nth-child(1) img{
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}
.manufacturing-image-slider .col p{
    font-size: clamp(1.05rem, 1.1458333333333333vw, 1.1458333333333333vw);
    margin: clamp(30px, 2.5625vw, 2.5625vw) 0 0;
    font-family: var(--title-font);
}
.manufacturing-image-slider .imageWrapper{
    width: 100%;
    height: 100%;
}
.manufacturing-image-slider .imageWrapper img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.manufacturing-image-slider .swiper-slide{
    height: auto;
}
.acc-content p a {	
    background: #124AB2;	
    padding: clamp(10px, 0.5208333333333334vw, 0.5208333333333334vw) clamp(24px, 1.5625vw, 1.5625vw);
    color: #FFFFFF;	
    border-radius: clamp(10px, 0.5208333333333334vw, 0.5208333333333334vw);	
    -webkit-transition: .5s ease all;	
    -o-transition: .5s ease all;	
    transition: .5s ease all;	
    border: 1px solid #124AB2;	
}	
.acc-content p a:hover {	
    background: transparent;	
    -webkit-transition: .5s ease all;	
    -o-transition: .5s ease all;	
    transition: .5s ease all;	
	color:#000;	
}

button.readMore{
    color: #FFB100;
    font-family: var(--semiBold-font);
    padding: 0;
    background-color: transparent;
    margin: 0;
    border: none;
    font-size: inherit;
}


.hideElement{
    display: none;
}
.blueFilterCustom:before {
    content: '';
    background-color: #124AB2;
    height: 100%;
    width: 100%;
    position: absolute;
    opacity: .7;
}
.back img {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    margin-left: -10px;
    position: relative;
    top: 7px;
}
.purpose_list ul li {
    margin-bottom: 10px;
}
.purpose_list ul {
    margin-left: 0;
    padding-left: 20px;
}
@media (max-width: 991px){
   
    .navWrapper > div:not(.site-branding) {
        border-left: 1px solid var(--border-color);
    }
}
@media (max-width: 767px){
    .transformSlider .Controlrow{
        padding: 0 2vw 0;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        display: none !important;
    }
    .transform_build .paginationWrapper{
        display: none;
    }
    .siteTranstioner > div:not(.loaderTitle){
        display: none;
    }
    .siteTranstioner > div:not(.loaderTitle).mob{
        display: block;
    }
    .common-company {
        text-align: center;
    }
    .common-company .row{
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }    
    .transform_build .imagesWrapper{
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }
    .common-products h1 br{
        display: none;
    }

}
@media(max-width: 568px){

    .siteFormWrap .row-half, .siteFormWrap .row.form-3 > .wpcf7-form-control-wrap:last-child{
        -webkit-box-flex: 100%;
            -ms-flex: 100%;
                flex: 100%;
    }
    .transform_build h2.heading--med span.stroked-text{
        margin: 0 10px;
    }
    .transform_build .transform_title img:last-of-type{
        display: none;
    }
    .siteFormWrap .wpcf7-radio .wpcf7-list-item{
        width: calc(50% - 6px);
    }
    
}
@media(max-width: 480px){
      
}
@media(max-width: 440px){
    .navWrapper .site-branding svg{
        width: 120px;
    }
    .common-landing h1:not(.heading--med), .transform_build h2.heading--med{
        font-size: 2.1rem;
    }
    h2.heading--med, .heading--med, h1.heading--med, .automotive-tabbed .tab-control button, #accordion-group button, .excellence ul{
        font-size: 1.7rem;
    }
    .sliderContentInner{
        padding: 20px 10px;
    }
    .sliderHeading{
        font-size: 2rem;
    }
    .shadowed-title, .home-careers h2, .career-opportunities h2{
        font-size: 2.5rem;
    }
    .home--company .head{
        font-size: 1.5rem;
        line-height: 1.7rem;
    }
    .home--company .button-arrow{
        margin-top: 20px;
    }
    .automotiveCompanies p{
        font-size: 1rem;
    }
    .transformSlider .contentWrapper p {
        font-size: 1.05rem;
    }    
    .future-tabbed .tabbed-main-title{
        font-size: 1.3rem;
    }
    .future-tabbed .tab-content h3{
        font-size: 1.7rem;
    }
    .common-landing .bigContent{
        font-size: 1.1rem;
    }
}
@media (min-width: 567px){
    .home-careers .evenColumns{
        width: 30%;
        max-width: clamp(400px, 20.833333333333332vw, 20.833333333333332vw);
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
    }
    .home--products-services .serviceslist{
        -ms-grid-columns: auto auto;
        grid-template-columns: auto auto;
    }
    .home--products-services .serviceslist .serviceCol{
        text-align: left;
    }
    .company-landing .landingContent:first-of-type, .automotive-landing .landingContent:first-of-type{
        grid-row: 1 / auto;
        -ms-grid-column: 7;
        -ms-grid-column-span: 6;
        grid-column: 7/ 13;
        margin: 0 0 2vw;
    }
    .team-landing .landingContent:first-of-type{
        grid-row: 1 / auto;
        -ms-grid-column: 7;
        -ms-grid-column-span: 6;
        grid-column: 7/ 13;
        margin: 0 0 2vw;
    }
    .company-landing .landingContent:nth-of-type(2), .automotive-landing .landingContent:nth-of-type(2){
        -ms-grid-row: 3;
        grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 6;
        grid-column: 1 / 7;
        margin: 3vw 0 4vw;
    }
    .team-landing .landingContent:nth-of-type(2){
        -ms-grid-row: 3;
        grid-row: 3;
        -ms-grid-column: 2;
        -ms-grid-column-span: 6;
        grid-column: 2 / 8;
        margin: 3vw 0 4vw;
    }
    .common-landing .landingButtons{
        -ms-grid-row: 4;
        grid-row: 4;
        -ms-grid-column: 1;
        -ms-grid-column-span: 12;
        grid-column: 1 / 13;
        -ms-grid-column-align: right;
            justify-self: right;
        -webkit-box-align: unset;
            -ms-flex-align: unset;
                align-items: unset;
    }
    .automotive-tabbed .tabbedContentWrap .row p:nth-child(1){
        -ms-grid-column: 2;
        -ms-grid-column-span: 5;
        grid-column: 2 / 7;
        max-width: clamp(440px, 25.229167vw, 25.229167vw);
        margin-left: 5%;
    }
    .automotive-tabbed .tabbedContentWrap .row p:nth-child(2){
        -ms-grid-column: 5;
        -ms-grid-column-span: 8;
        grid-column: 5 / 13;
        max-width: clamp(340px, 28vw, 28vw);
        margin-left: auto;
        margin-top: 5vw;
    }
  
    .testimonials .titleCol{
        -ms-grid-row: 1;
        grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 6;
        grid-column: 1/7;
        max-width: clamp(320px, 26.5625vw, 26.5625vw);
    }
    .team-careers h2{
        max-width: 70%;
    }    
    .manufacturing-ffs h2{
        max-width: 80%;
    }
    .testimonialsWrap .swiper-wrapper{
        display: block !important;
        -webkit-columns: 2;
           -moz-columns: 2;
                columns: 2;
        gap: clamp(10px, 0.78125vw, 0.78125vw);
    }
    .testimonialsWrap .swiper-slide:nth-child(3) .slideInner{
        padding-top: clamp(50px, 4.166666666666667vw, 4.166666666666667vw);
    }
    .testimonialsWrap .swiper-wrapper > * {
        -webkit-column-break-inside: avoid;
           -moz-column-break-inside: avoid;
                break-inside: avoid;
        margin-bottom: clamp(10px, 0.78125vw, 0.78125vw);
        height: auto;
    }    
    .team-management h2{
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding-right: clamp(20px, 1.5625vw, 1.5625vw);
        margin-right: clamp(20px, 1.5625vw, 1.5625vw);
    }
    .team-management .titleRow{
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .team-management .subHeading{
        width: clamp(196px, 12.208333vw, 12.208333vw)
    }
    #accordion-group:not(.layout--2) .acc-content{
        -ms-grid-columns: minmax(0, 1fr) clamp(20px, 1vw, 1vw) minmax(0, 1fr);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: clamp(20px, 1vw, 1vw);
    }
    #accordion-group .acc-content .col{
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
    }    
    #accordion-group:not(.layout--2) .acc-content .col:not(.imgCol){
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
    }
    #accordion-group:not(.layout--2) .acc-content .col.imgCol{
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        text-align: right;
    }
    .connect-landing h1{
        max-width: clamp(400px, 27.708333333333332vw, 27.708333333333332vw);
    }
    .transform_build h2.heading--med span:nth-child(2){
        margin: clamp(24px, 2.0833333333333335vw, 2.0833333333333335vw) 0 0 clamp(18px, 1.0416666666666667vw, 1.0416666666666667vw);
    }
    .transform_build h2.heading--med span:nth-child(3){
        margin: clamp(38px, 4.7vw, 4.7vw) 0 0 clamp(24px, 1.2vw, 1.2vw);
    }
    .error-404 .big-404{
        margin-bottom: 2vw;
    }
    .error-404 .big-404 span:nth-child(1){
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
    }
    .error-404 .big-404 span:nth-child(2){
        -webkit-transform: translateY(-25%);
            -ms-transform: translateY(-25%);
                transform: translateY(-25%);
    }
    .siteFormWrap .wpcf7-radio .wpcf7-list-item{
        width: calc(33.33% - clamp(12px, 1vw, 1vw));
    }



}
@media (min-width: 768px){    
    .home--company .grid .col:nth-of-type(1){
        -ms-grid-column: 6;
        -ms-grid-column-span: 7;
        grid-column: 6 / 13;
    }
    .home--company .grid .col:nth-of-type(2){
        -ms-grid-column: 2;
        -ms-grid-column-span: 8;
        grid-column: 2 / 10;
    }
    .home--company .grid .col:nth-of-type(3){
        -ms-grid-column: 6;
        -ms-grid-column-span: 7;
        grid-column: 6 / 13;
    }
    .home--company h2{
        -ms-grid-column: 1;
        -ms-grid-column-span: 9;
        grid-column: 1 / 10;
    }
    .home--company .button-arrow{
        -ms-grid-column: 1;
        grid-column: 1 / 1;
    }
    .home--products-services .serviceslist {
        -ms-grid-columns: auto auto auto;
        grid-template-columns: auto auto auto;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .home--products-services .serviceslist a{
        width: 100%;
    }
    .headerSearch.show{
        top: 73px;
    }
    .timeline h2.heading--med{
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1 / 2;
    }
    .timelineImage, .timelineContentWrap{
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
    }
    .timelineGrid:nth-child(odd) .timelineImage{
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }
    .career-opportunities h2{
        width: 60%;
    }
    .guiding-principles .grid{
        -ms-grid-columns: minmax(0, 1fr) 2vw minmax(0, 1fr) 2vw minmax(0, 1fr);
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 2vw;
    }
    .excellence .row .col{
        -webkit-box-flex: 1;
            -ms-flex: 1 1 48%;
                flex: 1 1 48%;
    }
    .excellence .imgCol img{
        width: 100%;
    }
    .sliding-cols .sliding-col{
        width: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .innovative-solutions:after{
        content: '';
        position: absolute;
        right: 0px;
        top: 0px;
        height: 100%;
        background-color: #F2F2F2;
        width: 50%;
        z-index: -1;
    }    
    .company-landing .landingContent:first-of-type {
        -ms-grid-column: 9;
        -ms-grid-column-span: 4;
        grid-column: 9/ 13;
        margin: 0 0 -4vw;
    }
    .company-landing .landingContent:nth-of-type(2) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 4;
        grid-column: 1 / 5;
        margin: 4vw 0 -1vw;
    }
    .automotive-landing h1{
        -ms-grid-row: 1;
        grid-row: 1;
    }
    .automotive-landing .landingContent:first-of-type {
        -ms-grid-column: 9;
        -ms-grid-column-span: 4;
        grid-column: 9/ 13;
        margin: 1vw 0 0;
    }
    .automotive-landing .landingContent:nth-of-type(2) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 4;
        grid-column: 1 / 5;
        margin: 12vw 0 0vw;
        -ms-grid-row: 4;
        grid-row: 4;
    }
    .automotive-landing .landingButtons{
        margin-top: 6vw;
    }
    .team-landing h1{
        -ms-grid-column: 1;
        -ms-grid-column-span: 7;
        grid-column: 1/8;
        margin-bottom: clamp(55px, 5.729166666666667vw, 5.729166666666667vw);
    }
    .team-landing .landingContent:first-of-type {
        -ms-grid-column: 8;
        -ms-grid-column-span: 5;
        grid-column: 8/ 13;
        margin: 0;
    }
    .team-landing .landingContent:nth-of-type(2) {
        -ms-grid-row: 2;
        grid-row: 2;
        -ms-grid-column: 2;
        -ms-grid-column-span: 5;
        grid-column: 2 / 7;
        margin: 0;
    }
    .team-landing .landingButtons{
        -ms-grid-row: 2;
        grid-row: 2;
        -ms-grid-column: 7;
        -ms-grid-column-span: 6;
        grid-column: 7 / 13;
        -ms-grid-column-align: right;
            justify-self: right;
        -ms-grid-column-align: center;
            justify-self: center;
    }
    .testimonialsWrap{
        -ms-grid-row: 2;
        grid-row: 2;
        -ms-grid-column: 5;
        -ms-grid-column-span: 8;
        grid-column: 5 / 13;
        margin-top: 3vw;
    }
    .automotiveCompanies p{
        max-width: clamp(720px, 37.5vw, 37.5vw);
    }
    .clientgrid{
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    }
    .automotive-landing .container{
        background-size: 60%;
    }
    .common-landing .bgRoundedBlue{
        right: 3%;
        top: 9%;
    }
    .career-landing .bgRoundedBlue{
        right: auto;
        left: 1.5%;
        top: 18%;
    }
    .career-landing h1, .genesis-landing h1, .common-layout--1 h1{
        margin-bottom: clamp(45px, 5.208333333333333vw, 5.208333333333333vw);
    }
    .manufacturing-landing.common-layout--1 .landingContent{
        -ms-grid-column: 1;
        -ms-grid-column-span: 5;
        grid-column: 1/6;
    }
    .career-landing .landingContent, .genesis-landing .landingContent, .common-layout--1 .landingContent {
        -ms-grid-column: 2;
        -ms-grid-column-span: 5;
        grid-column: 2 / 7;
        margin-bottom: 0;
        margin-top: 0;
        -ms-grid-row: 2;
        grid-row: 2;
    }    
    .career-landing .landingButtons, .genesis-landing .landingButtons, .common-layout--1 .landingButtons{
        -ms-grid-row: 2;
        grid-row: 2;
    }
    .career-form .col:first-of-type, .contact-form .col:first-of-type{
        width: 25%;
    }
    .career-form .col:last-of-type, .contact-form .col:last-of-type{
        width: 65%;
    }    
    .title-row .archive-description + h1{
        max-width: 30%;
    }
    .archive-description {
        max-width: 54%;
        margin-left: auto;
    }
    .archive-description p{
        margin-top: 0;
    }
    .error-404 .row{
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .error-404 .col:nth-child(2){
        -webkit-box-flex: 0;
            -ms-flex: 0 0 30%;
                flex: 0 0 30%;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
    }
    .error-404 .col:nth-child(1){
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        margin-left: 5%;
    }
    .error-404 .big-404{
        margin: 0;
    }
    .transformSlider{
        -webkit-box-align: unset;
            -ms-flex-align: unset;
                align-items: unset;
        padding: 0 0 clamp(50px, 5.208333333333333vw, 5.208333333333333vw) 0;
    }
    .transformSlider .imagesWrapper {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
        height: auto;
    }
    .transformSlider .imagesWrapper .slideImage{
        height: 100%;
    }
    .transformSlider .imagesWrapper .swiper{
        height: 100%;
    }
    .transformSlider .contentWrapper{
        -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
        height: auto;
        padding: clamp(60px, 6.25vw, 6.25vw) clamp(80px, 7vw, 7vw) clamp(60px, 6.25vw, 6.25vw) clamp(40px, 5vw, 5vw);
    }
    .transformSlider .paginationWrapper{
        margin: clamp(15px, 1.5vw, 1.5vw) auto 0;
        margin-bottom: 0;
    }
    .transformSlider .slideControlsWrapper{
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        -ms-flex-line-pack: end;
            align-content: flex-end;
        margin-left: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .career-form{
        padding-top: 0;
    }
    .cta-section--common .ctaMail p{
        width: 68%;
    }
    .common-products{
        text-align: left;
    }
    .common-products .grid{
        -ms-grid-columns: auto auto;
        grid-template-columns: auto auto;
    }
    .common-products .contentWrap{
        padding-top: 0px;
        padding-left: clamp(110px, 11vw, 11vw);
        font-size: clamp(1.1rem, 1.2vw,1.2vw);
        margin: 0px;
    }
    .productsTabs .tabbedContentWrap .grid {
        -ms-grid-columns: minmax(0, 1fr) clamp(20px, 1.0416666666666667vw, 1.0416666666666667vw) minmax(0, 1fr) clamp(20px, 1.0416666666666667vw, 1.0416666666666667vw) minmax(0, 1fr);
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: clamp(36px, 2.0833333333333335vw, 2.0833333333333335vw) clamp(20px, 1.0416666666666667vw, 1.0416666666666667vw);
        text-align: left;
    }
    .future-tabbed .tab-content img{
        max-width: 682px;
    }
    .future-manufacturing-landing h1,
    .factory-solutions-landing h1{
        -ms-grid-column: 2;
        -ms-grid-column-span: 11;
        grid-column: 2/13;
    }
    .future-manufacturing-landing .landingContent {
        -ms-grid-column: 2;
        -ms-grid-column-span: 5;
        grid-column: 2 / 7;
        margin: 0 0 2vw 0;
        -ms-grid-row: 2;
        grid-row: 2;
        -ms-grid-row-align: end;
            align-self: end;
    }
    .future-manufacturing-landing .landingButtons{
        -ms-grid-row: 2;
        grid-row: 2;
        margin-top: 8vw;
    }
    .manufacturing-image-slider .col.imgSlid{
        width: 100%;
        -webkit-box-ordinal-group: unset;
            -ms-flex-order: unset;
                order: unset;
        margin-top: 0;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
    }
    .manufacturing-image-slider .col.imgSlid .swiper {
        height: 100%;
        width: 100%;
    }
    .manufacturing-image-slider .col:last-of-type{
        width: 50%;
        padding: clamp(45px, 4.6875vw, 4.6875vw) clamp(40px, 4.166666666666667vw, 4.6875vw);
        margin: clamp(70px, 4.6875vw, 4.6875vw) 0 clamp(70px, 4.6875vw, 4.6875vw) auto;
        max-width: clamp(330px, 28vw, 28vw);
    }    
    #manufacturing_blur_slider:after{
        content: '';
        position: absolute;
        left: 0px;
        top: 0px;
        width: calc(50% - 15px);
        height: 100%;
        background-color: #FFFFFF;
        z-index: -1;
    }
    #manufacturing_blur_slider .container .row > .col:first-of-type{
        width: 40%;
        padding: 0;
    }
    #manufacturing_blur_slider .container .row > .col:last-of-type{
        width: 43%;
    }
  
    .future-tabbed p{
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    .education-parallax .col{
        width: 50%;
    }
    .future-digitizing .container .col{
        width: 50%;
        margin-left: auto;
    } 
    .cet > img{
        -o-object-fit: cover;
           object-fit: cover;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        min-width: 23.958333333333332vw;
    }
    .cet .titlewrap{
        width: 55%;
    }    
    .ff-digital-transformation .grid{
        -ms-grid-columns: minmax(0, 1fr) 10.416666666666666vw minmax(0, 1fr) 10.416666666666666vw minmax(0, 1fr);
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10.416666666666666vw;
        border-top: 1px solid #707070;
        padding-top: clamp(40px, 4.166666666666667vw, 4.166666666666667vw);
    }
    .ff-digital-transformation .container > .row{
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .ff-digital-transformation .container > .row h2{
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        padding-right: 3vw;
    }
    .ff-digital-transformation .container > .row > img{
        width: 45%;
    }
    .ff-about-beas .row{
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .ff-about-beas .col{
        width: 48%;
    }
    .ff-about-beas .col.content{
        padding: clamp(30px, 4vw, 4vw);
    }
}
@media (min-width: 992px){
    body{
        font-size: 16px;
    }
    .navWrapper .site-branding{
        min-width: 202px;
    }
    .site-header, .navWrapper, .leftNavWrap, .headerSearch{
        -webkit-transition: 0.3s ease background, 0.3s ease border !important;
        -o-transition: 0.3s ease background, 0.3s ease border !important;
        transition: 0.3s ease background, 0.3s ease border !important;
    }
    body.home:not(.addBg) .site-header, body.home:not(.addBg) .navWrapper, body.home:not(.addBg) .headerSearch{
        background: transparent;
        border-color: rgb(250 250 250 / 20%);
    }
    body.home:not(.addBg) .siteToggler button div{
        background-color: #FFFFFF;
    }
    body.home:not(.addBg) .site-branding .lg path, body.home:not(.addBg) .site-branding .lg line{
        stroke: #5D96FF;
    }
    body.home:not(.addBg) .site-branding .logoText path{
        fill: #FFFFFF;
    }
    body.home:not(.addBg) .headerContact > a, body.home:not(.addBg) .headerContact .highlight, body.home:not(.addBg) .headerContact a > span{
        color: #FFFFFF;
    }
    body.home .headerSearch input{
        -webkit-transition: 0.3s ease background, 0.3s ease color !important;
        -o-transition: 0.3s ease background, 0.3s ease color !important;
        transition: 0.3s ease background, 0.3s ease color !important;
    }
    body.home:not(.addBg) .headerSearch input{
        color: #FFFFFF;
    }
    body.home:not(.addBg) .headerSearch input::-webkit-input-placeholder{        
        color: #FFFFFF;
    }
    body.home:not(.addBg) .headerSearch input::-moz-placeholder{        
        color: #FFFFFF;
    }
    body.home:not(.addBg) .headerSearch input:-ms-input-placeholder{        
        color: #FFFFFF;
    }
    body.home:not(.addBg) .headerSearch input::-ms-input-placeholder{        
        color: #FFFFFF;
    }
    body.home:not(.addBg) .headerSearch input::placeholder{        
        color: #FFFFFF;
    }
    body.home:not(.addBg) .headerSearch:after{
        -webkit-filter: invert(1);
                filter: invert(1);
        opacity: 1;
    }
    .headerSearch{
        -webkit-transition: 0s;
        -o-transition: 0s;
        transition: 0s;
        margin-right: auto;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        position: relative;
        top: 0px;
        border-left: 1px solid var(--border-color);
        border-bottom: none;
        top: 0;
        z-index: 1 !important;
    }
    .headerSearch.show{
        top: 0;
        z-index: 1 !important;
    }
    .headerSearch:after{
        content: '';
        position: absolute;
        left: 20px;
        top: 0px;
        width: clamp(15px, 0.78125vw, 0.78125vw);
        height: clamp(15px, 0.78125vw, 0.78125vw);
        background-image: url('../images//search-arrow.svg');
        background-size: contain;
        background-position: 0 0;
        pointer-events: none;
        opacity: 0.4;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
    }
    .headerSearch input{
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        left: 0px;
        padding: 10px 20px 10px 50px;
    }
    .siteToggler button{
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg);
    }
    .leftNavWrap {        
        left: 0;
        right: auto;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        border-left: none;
        border-right: 1px solid var(--border-color);
        width: 100%;
        z-index: 9;
        max-width: 283px;
    }
    .leftNavWrap .menu-item-has-children > a:after{
        right: 0;
    }    
    .site-header .headerContact{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    body.home:not(.addBg) .navWrapper > .siteToggler{
        border-right: 1px solid rgb(250 250 250 / 20%);
    }
    .navWrapper > .siteToggler{
        border-right: 1px solid var(--border-color);
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        border-left: none !important;
    }
    .navWrapper > div {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }

}
@media(min-width: 1025px){    

    .home--products-services .serviceslist {
        grid-template-columns: repeat(auto-fit, clamp(280px, 16.927083333333332vw, 16.927083333333332vw));
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
}
@media (min-width: 1199px){   
    .container{
        max-width: 100%;
        padding-left: 7.5%;
        padding-right: 7.5%;
    }    
    .marginWrapper {
        -webkit-transition: padding-left 0.7s;
        -o-transition: padding-left 0.7s;
        transition: padding-left 0.7s;
        -webkit-transition-delay: 0.5s;
             -o-transition-delay: 0.5s;
                transition-delay: 0.5s;
    }
    .leftNavWrap{
        max-width: 284px;
    }
     .marginWrapper div:not(.overlapNav) .container, .marginWrapper section:not(.overlapNav) .container, .marginWrapper main .container{
        -webkit-transition: 0.1s linear padding;
        -o-transition: 0.1s linear padding;
        transition: 0.1s linear padding;
        -webkit-transition-delay: 0.5s;
             -o-transition-delay: 0.5s;
                transition-delay: 0.5s;
    }
    body.headerExpanded .marginWrapper div:not(.overlapNav) .container, body.headerExpanded .marginWrapper section:not(.overlapNav) .container, body.headerExpanded .marginWrapper main:not(.overlapNav) .container {
        padding-left: 5%;
        padding-right: 5%;
    }
    .marginWrapper {
        padding-left: 0;
    }
    body.headerExpanded .marginWrapper {
        padding-left: 282px;
    } 
    body.home:not(.addBg) .leftNavWrap, body.home:not(.addBg) .headerSearch{
        background: transparent;
        border-color: rgb(250 250 250 / 20%);
    }
    body.home:not(.addBg) .leftNavWrap a, body.home:not(.addBg) .leftNavWrap a:hover{
        color: #FFFFFF;
    }
    body.headerExpanded .home--slider .sliderContent{
        padding-left: clamp(282px, 15.885416666666666vw, 15.885416666666666vw);
    } 
}
@media (min-width: 1190px){   
    body.headerExpanded .home--slider .sliderContent{
        padding-left: clamp(282px, 15.885416666666666vw, 15.885416666666666vw);
    } 
  }
.flex{    display: flex;
    width: 100%;
    justify-content: space-between;

}