/*
Theme Name: DYNINNO
Version: 1.0
Description: Theme is created for Dyninno Domain
Tags: Responsive, Dyninno Website, Web Design
Author: Ravi Sah
Author URI: https://www.ravisah.in
Text Domain: dyninno
*/

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
body {
    touch-action: pan-x pan-y;
    -webkit-text-size-adjust: none
}
body, a {
    color: #252429;
    -webkit-font-smoothing: antialiased;  /* For Chrome */
    -moz-osx-font-smoothing: grayscale;   /* For Firefox on macOS */
    text-rendering: optimizeLegibility;   /* Improves readability for larger text */
    font-style: normal;
}
:focus {
    outline: 0 !important;
}
::placeholder {
    color: #252429;
    opacity: 1; 
}
::-ms-input-placeholder { 
    color: #252429;
}
.container-fluid {
    width: 100%;
    max-width: 1438px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 37px;
    padding-right: 37px;
}
img {max-width:100%}
.text-right {
    text-align: right;
}
blockquote {
    background: #f9f9f9;
    border-left: 10px solid #ccc;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
    color: #ccc;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}
blockquote p {
    display: inline;
}
#innerpages {
    margin-top: 100px;
    min-height: 400px;
}
h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase;
}
h1 {
    font-size: 53.85px;
    font-style: normal;
    line-height: 53px;
    letter-spacing: -1.4px;
}
h2 {
    font-size: 30.6px;
    font-style: normal;
    line-height: 30px;
    letter-spacing: -0.6px;
}
h3 {
    font-size: 23.3px;
    font-style: normal;
    line-height: 23px;
    letter-spacing: -0.2px;
}
p {
    font-size:17.46px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -0.1px;
}
#topmenubg {
    position: sticky;
    top: 0;
    z-index: 9;
}
#topmenu {
    background: #F7F8FA;
    display: flex;
    height: 50px;
    justify-content: center;
    align-items: center;
    margin-bottom: 66px;
}
#topmenu ul {
    display: flex;
    align-items: center;
    gap: 21px;
    flex: 1 0 0;
    margin: 0;
    padding: 0;
    list-style: none;
    text-transform: uppercase;
    overflow-x: auto;
    white-space: nowrap;
    height: 58px;
}
#topmenu ul::-webkit-scrollbar {
    display: none;
}
#topmenu ul li a {
    color:#252429;
    font-size: 13.1px;
    font-style: normal;
    font-family: 'Metropolis Semi Bold';
    line-height: 14px; 
    text-decoration: none;
}
#topmenu ul li a:hover {
    color: #E22A26;
}
#topmenu ul li:first-child a,
#topmenu ul li:first-child a:hover {
    color:#777A80;
    cursor: auto;
}
#contents .divisionmain {
    margin-bottom: 50px;
}
#contents h1 {
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    flex: calc(50% - 28px) 0 0;
}
#contents h1 span {
    display:block;
}
#contents h1 span.highlight {
    text-align: center;
    display:block;
}
.mobimg, .deskimg {
    width:100%;
}
.mobimg {
    display:none;
}
.mainimg {
    position: relative;
    margin-bottom: 90px;
    height: 496px;
    overflow: hidden;
}
.mainimg:after {
    content: '';
    position: absolute;
    width: 101%;
    height: 56px;
    background: #fff;
    left: -3px;
    bottom: -26px;
    transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
}
.mainimg img {
    height: 496px;
    object-fit: cover;
}
.maincontent {
    display: flex;
    gap: 28px;
}
.maincontent .maincontentinner {
    width: 50%;
}
.maincontentinnerheading {
    font-size: 23.3px;
    font-style: normal;
    font-weight: 400;
    line-height: 33px;
    width: 70%;
    letter-spacing: -0.25px;
}
.numbersection {
    display:flex;
    margin: 117px 0;
    margin-bottom:207px;
    gap: 88px 28px;
    flex-wrap: wrap;
}
.numbersection .numberscontent {
    flex: calc(33.33% - 28px) 0 0;
}
.numbersection .numberscontent .number {
    font-size: 96px;
    font-style: normal;
    font-family: 'Metropolis Medium';
    line-height: 87px; 
    letter-spacing: -1.2px;
    text-transform: uppercase;
    padding-bottom: 12px;
}
.numbersection .numberscontent .numberfor {
    border-top:1px solid #D2D5D9;
    font-size:17.46px;
    line-height:17px;
    padding-top:16px;
    text-transform:uppercase;
    color:#777A80;
    font-family: 'Metropolis Semi Bold';
    letter-spacing: -0.1px;
}
.awardsection {
    margin-bottom: calc(117px + 50px);
}
.awdimgbox {
    display: flex;
    height: 117px;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    padding: 10px;
}
.awdimgbox img {
    width: 80%;
    height: auto;
    object-fit: contain;
    max-height: 100%;
}
.accreditationsection {
    margin-bottom: calc(156px + 50px);
}
.awardsection h3,
.accreditationsection h3 {
    text-transform: uppercase;
    margin-bottom: 37px;
    margin-top: 0;
}
.awdslider,
.accreditationslider {
    display: flex;
    flex-wrap: wrap;
    padding: 37px 0px;
    align-items: flex-start;
    gap: 28px;
}
.awdslider .awdslide .awdpera,
.accreditationslider .accreditationslide .accreditationpera {
    margin-top: 16px;
    text-align: center;
    width: 80%;
    padding-top:16px;
    font-size: 13.1px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px; 
    letter-spacing: 0.2px;
}
.awdslider .awdslide img,
.awdslider .awdslide .awdpera,
.accreditationslider .accreditationslide img,
.accreditationslider .accreditationslide .accreditationpera {
    margin: 0 auto;
}
.awdslider .slick-prev,
.accreditationslider .slick-prev {
    bottom: 0;
}
.awdslider .slick-next,
.accreditationslider .slick-next {
    bottom: -50px;
}
.markets,
.offices,
#missionvalues,
#markets,
#pieȚe,
#birouri,
#mercados,
#offices,
#oficinas {
    padding-bottom: 156px;
}
.missionvaluesmaincontent {
    border-top: 1px solid #D2D5D9;
    padding-top: 28px;
    padding-bottom: 117px;
    display: flex;
    align-items: flex-start;
    gap: 28px;
    align-self: stretch;
}
.missionvaluesmaincontent h2,
.missionvaluesmaincontent .missionpera {
    flex: 1
}
.missionvaluesmaincontent h2 {
    margin: 0;
    text-transform: uppercase;
}
.missionvaluesmaincontent h2 span {
    color:#9DA0A6;
    padding-right:5px
}
.missionvaluesmaincontent .missionpera {
    font-size: 23.3px;
    font-style: normal;
    font-weight: 400;
    line-height: 33px;
    letter-spacing: -0.25px;
}
.missiondetail,
.valuesetail {
    display:flex;
    gap: 28px;
    flex-wrap: wrap;
    justify-content: space-between;
}
.missiondetail .missiondetailcontent,
.valuesetail .valuesdetailcontent {
    flex: calc(33.33% - 28px) 0 0;
}
.missiondetail .missiondetailcontent .missiondetaillabel,
.valuesetail .valuesdetailcontent .valuesdetaillabel {
    font-size: 17.46px;
    font-style: normal;
    font-family: 'Metropolis Semi Bold';
    line-height: 17px;
    text-transform: uppercase;
    letter-spacing: -0.1px;
}
.missiondetail .missiondetailcontent:nth-child(3n+1) .missiondetaillabel {color:#C90;}
.missiondetail .missiondetailcontent:nth-child(3n+2) .missiondetaillabel {color:#BA49F2;}
.missiondetail .missiondetailcontent:nth-child(3n) .missiondetaillabel {color:#3477FF;}
.valuesetail .valuesdetailcontent:nth-child(3n+1) .valuesdetaillabel {color:#E53D2E;}
.valuesetail .valuesdetailcontent:nth-child(3n+2) .valuesdetaillabel {color:#70991F;}
.valuesetail .valuesdetailcontent:nth-child(3n) .valuesdetaillabel {color:#009A66;}
.missiondetail .missiondetailcontent h3,
.valuesetail .valuesdetailcontent h3 {
    text-transform: uppercase;
    margin: 16px 0;
}
.missiondetail .missiondetailcontent p,
.valuesetail .valuesdetailcontent p {
    margin: 0;
}
.missionvalueimg {
    margin: 88px 0
}
.missionarjust {
    margin-top:66px;
    margin-bottom: 156px
}
#teamsection {
    margin-bottom: calc(156px + 50px);
    margin-top: 0;
}
.teamslider {
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
}
.teamslider .teamslide {
    flex: calc(25% - 28px) 0 0;
    margin-right: 28px !important; 
    margin-bottom: 50px;
}
.teamslider .teamslide .empimg {
    overflow: hidden;
    height: 400px;
    max-width: 320px;
    position: relative;
    margin-bottom: 28px;
}
.teamslider .teamslide .empimg:after {
    content: '';
    position: absolute;
    width: 101%;
    height: 20px;
    background: #fff;
    left: 0px;
    bottom: -8px;
    transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
}
.teamslider .teamslide .empimg img {
    width: 100%;
    min-height: 400px;
    object-fit:cover;
    transition: transform 0.3s ease-in-out;
    -webkit-transition: transform 0.3s ease-in-out;
}
.teamslide:hover .empimg img {
    transform: scale(1.06);
    -webkit-transform: scale(1.06);
}
.teamslider .teamslide .empname {
    font-size: 17.46px;
    font-style: normal;
    font-family: 'Metropolis Semi Bold';
    line-height: 17px;
    text-transform: uppercase;
    letter-spacing: -0.1px;
}
.teamslider .teamslide p {
    padding-top: 7px;
    margin: 0;
}
.teamslide[onclick]:not([onclick=""]) {
    cursor: pointer;
}
.popup {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    margin-top: 66px;
}
.backdrop {
    display: none;
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}
.popup .popupbg {
    position: relative;
    z-index: 10000;
    background-color: #fff;
    overflow-y: auto;
    height: 92.6%;
    padding-bottom: 50px;
}
.popup .popupbg::-webkit-scrollbar {
    width: 4px;
}
.popup .popupbg::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
.popup .popupbg::-webkit-scrollbar-thumb {
    background: #888; 
}
.popup-content {
    margin: 0 auto;
    padding-top: 50px;
}
.close {
    position: static;
    display: flex;
    justify-content: flex-end;
}
.close:hover,
.close:focus  {
    cursor: pointer;
}
.popupcontent {
    display: flex;
    gap: 28px;
}
.popupleft, .popupright {
    flex: 1
}
.popupleft .popupempimg {
    width: 320px;
    height: 400px;
    overflow: hidden;
    position: relative;
}
.popupleft .popupempimg:after {
    content: '';
    position: absolute;
    width: 101%;
    height: 20px;
    background: #fff;
    left: 0px;
    bottom: -6px;
    transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
}
.popupleft .popupempimg img {
    width: 100%;
    min-height: 400px;
    object-fit: cover;
}
.popupleft h2 {
    padding-top: 28px;
    font-size: 17.46px;
    font-style: normal;
    line-height: 17px; 
    margin: 0;
    text-transform: uppercase;
}
.popupleft p {
    width: 90%;
    margin-top: 7px;
    line-height: 22px;
}
.hide-scrollbar {
    overflow: hidden; /* Hide the scrollbar */
}
.teammenunavigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 21px;
    text-transform: uppercase;
    margin-bottom: 50px;
    flex-flow: wrap;
}
.teammenunavigation ul li a {
    text-decoration: none;
    font-size: 17.46px;
    font-style: normal;
    font-family: 'Metropolis Semi Bold';
    line-height: 17px;
    letter-spacing: -0.1px;
}
.teammenunavigation ul li.current-menu-item a,
.teammenunavigation ul li a:hover {
    color:#E22A26;
}

#milestones, #contactus {
    margin-bottom: 156px;
}
.tab-container {
    position: relative;
}
.tab-container:after {
    content: "";
    width: 36px;
    height: 110px;
    background: url(assets/images/shadow.png);
    position: absolute;
    right: 0;
    top: 0;
    pointer-events: none; /* Ensure it doesn't interfere with clicks on tabs */
}
.tabs {
    display: flex;
    cursor: pointer;
    gap: 50px;
    margin-bottom: 66px;
    font-size: 96px;
    font-style: normal;
    font-family: 'Metropolis Medium';
    line-height: 87px;
    letter-spacing: -6px;
    border-bottom: 1px solid #D2D5D9;
    padding: 12px 0px;
    overflow-y: hidden;
    overflow-x: auto;
    padding-right: 40px;
    white-space: nowrap; /* Ensure the tabs are on a single line */
    scrollbar-width: none; /* Hide scrollbar for Firefox */
    -ms-overflow-style: none;  /* Hide scrollbar for Internet Explorer and Edge */
}
.tabs::-webkit-scrollbar {
    display: none; /* Hide scrollbar for WebKit browsers */
}
.tabs.scrolling {
    cursor: grabbing;
}
.tab {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    transition: transform 0.3s ease-in-out;
    -webkit-transition: transform 0.3s ease-in-out;
}
.tab.active,
.tab:hover {
    color: #E22A26;
    position: relative;
    transform: translateY(-12px);
    -webkit-transform: translateY(-12px);
}
.tab-content .content {
    display: none;
    gap: 28px;
}
.tab-content .content.active {
    display: flex;
}
.tab-content .content .contenttext {
    padding-right: 117px;
}
.contentdetail {
    display: flex;
    gap: 12px;
}
.tab-content .content .contenttext .contentbar {
    color:#E22A26
}
.tab-content .content .contenttext,
.tab-content .content .contenttext p {
    color: #252429;
    font-size: 23.3px;
    font-style: normal;
    font-weight: 400;
    line-height: 33px;
}
.tab-content .content .contentimage {
    width: 100%;
    height:368px;
    position: relative;
    overflow: hidden;
}
.tab-content .content .contentimage::after {
    content: "";
    width: 100%;
    height: 100%;
    background: url(assets/images/imgside.svg);
    position: absolute;
    left: 0;
    bottom: 0;
    background-repeat: no-repeat;
}
.tab-content .content .contentimage img {
    width: 100%;
    min-height:368px;
    object-fit: cover;
}
.tab-content .content .contenttext,
.tab-content .content .contentimage {
    flex: calc(50% - 28px) 0 0;
}

.contactheading {
    padding-bottom: 88px;
}
.contactmain .mainpera {
    font-size: 23.3px;
    font-style: normal;
    font-weight: 400;
    line-height: 33px;
    width: 50%;
    margin-bottom: 88px;
    letter-spacing: -0.25px;
}
.contactmainrepeater {
    display: flex;
    flex-wrap: wrap;
    gap: 50px 28px;
}
.contactmainrepeater .contactbox {
    flex: calc(33.33% - 28px) 0 0;
}
.contactbox .contactboxheading {
    font-size: 17.46px;
    font-style: normal;
    line-height: 17px; 
    text-transform: uppercase;
    margin-bottom: 16px;
    font-family: 'Metropolis Semi Bold';
    letter-spacing: -0.1px;
}
.contactboxphoneemail {
    display: flex;
    padding: 16px 0px;
    align-items: center;
    align-self: stretch;
    border-top: 1px solid #D2D5D9;
    margin-top: -1px;
}
.contactboxphoneemail p {
    margin: 0;
    word-break: break-word;
    flex:1
}
.contactboxphoneemail p.contactlabel {
    font-size: 13.1px;
    font-style: normal;
    font-family: 'Metropolis Semi Bold';
    line-height: 14px; 
    text-transform: uppercase;
    color: #777A80;
    flex: 120px 0 0;
}
.divisionmain {
    display: flex;
    gap: 28px;
}
.divisionmain h1,
.divisionmain p {
    flex: 1 1 calc(50% - 14px);
}
.divisionmain p {
    margin: 0;
    padding-left: 207px;
    font-size: 23.3px;
    font-style: normal;
    font-weight: 400;
    line-height: 33px;
    letter-spacing: -0.25px;
}
.divisioncontent {
    margin-top: 50px;
    margin-bottom: 156px;
}
.divisioncontentpera .contactrepeater .contactboxphoneemail {
    flex-wrap: wrap;
}
.sectorimage {
    position: relative;
    margin-bottom:50px;
    height: 496px;
}
.sectorimage:after {
    content: '';
    position: absolute;
    width: 101%;
    height: 100px;
    background: #fff;
    left: -3px;
    bottom: -60px;
    transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
}
.sectorimage img {
    width: 100%;
    height: 496px;
    object-fit: cover;
}
.divisioncontent .missionvaluesmaincontent {
    padding-bottom: 50px;
}
.divisionlogo {
    margin-bottom: 50px;
}
.divisioncontentbox {
    display: flex;
    gap: 28px;
    justify-content: space-between;
    margin-bottom: 88px;
}
.divisioncontentbox .divmainheading,
.divisioncontentbox .divisioncontent {
    flex: calc(50% - 28px) 0 0;
}
.divisioncontentbox .divmainheading {
    font-size: 23.3px;
    font-style: normal;
    font-weight: 400;
    line-height: 33px; 
    letter-spacing: -0.25px;
}
.divisioncontentbox .divmainheading span {
    width: 80%;
    display: inline-block;
}
.divnumbers {
    margin: 50px 0;
    display: flex;
    gap: 28px;
}
.divnumbers .divnumbersbox {
    flex:1
}
.divnumbers .divnumbersbox .divnumbersboxnumber {
    font-size: 30.6px;
    font-style: normal;
    font-family: 'Metropolis Semi Bold';
    line-height: 30px; 
    text-transform: uppercase;
    letter-spacing: -0.6px;
}
.divnumbers .divnumbersbox .divnumbersboxnumberfor {
    font-size: 13.1px;
    font-style: normal;
    line-height: 14px; 
    color:#777A80;
    text-transform: uppercase;
    margin-top: 9px;
    font-family: 'Metropolis Semi Bold';
}
.marketaddress {
    margin-bottom: 50px;
}
.marketaddressheading {
    font-size: 17.46px;
    font-style: normal;
    line-height: 17px; 
    text-transform: uppercase;
    padding-bottom: 16px;
    border-bottom: 1px solid #D2D5D9;
    font-family: 'Metropolis Semi Bold';
    letter-spacing: -0.1px;
}
.marketaddresspera {
    padding: 9px 0;
}
.marketaddressnumber {
    font-size: 96px;
    font-style: normal;
    line-height: 87px; 
    text-transform: uppercase;
    letter-spacing: -6px;
    margin-top: 16px;
    font-family: 'Metropolis Medium';
}
.flexhalf {
    display: flex;
    gap: 28px;
}
.flexhalf .marketaddress {
    flex: calc(50% - 28px) 0 0;
}
.contactrepeater {
    margin-bottom: 50px;
}
.divisioncontentpera .contactrepeater:last-child {
    margin-bottom: 0;
}
.contactboxphoneemail a:hover {
    color: #E22A26;
}
.divisionbrandsheading {
    font-size: 23.3px;
    font-style: normal;
    font-family: 'Metropolis Semi Bold';
    line-height: 23px; 
    text-transform: uppercase;
    margin-bottom: 37px;
    letter-spacing: -0.2px;
}
.dvsbrandbox {
    display: flex;
    align-items: stretch;
    gap: 28px;
    align-self: stretch;
    background: #F7F8FA;
    margin-bottom: 28px;
}
.dvsbrandbox:last-child {
    margin-bottom: 0;
}
.dvsbrandbox .dvsbrandboxlogo,
.dvsbrandbox .dvsbrandboxcontainer,
.dvsbrandbox .dvsbrandboximage {
    flex: calc(33.33% - 28px) 0 0;
}
.dvsbrandbox .dvsbrandboxlogo {
    padding: 37px 0px 37px 28px;
}
/* .dvsbrandbox .dvsbrandboxlogo img {
    max-width: 130px;
} */
.dvsbrandbox .dvsbrandboxcontainer {
    display: flex;
    padding: 37px 0px;
    flex-direction: column;
    gap: 37px;
    flex: 1 0 0;
}
.dvsbrandbox .dvsbrandboxcontainer p {
    margin-bottom: 0;
}
.dvsbrandbox .dvsbrandboximage {
    position: relative;
    overflow: hidden; 
    background-color: #F7F8FA;
}
.dvsbrandbox .dvsbrandboximage .innerboxshape {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: inherit; 
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 93%, 11% 93.8%);
    background-repeat: no-repeat;
    background-size: cover;
}
.dvsbrandbox .dvsbrandboximage img {
    object-fit: cover;
    height: 100%;
}
.dvsbrandboxcontainer a {
    font-family: 'Metropolis Medium';
    font-size: 17.46px;
    text-decoration: underline !important;
    font-size: 17.46px;
    line-height: 30px;
    letter-spacing: -0.1px;
}
.dvsbrandboxcontainer a:hover {
    color: #E22A26;
}
.dvsbrandboxnumber {
    font-size: 30.6px;
    font-style: normal;
    font-family: 'Metropolis Semi Bold';
    line-height: 30px; 
    text-transform: uppercase;
    margin-bottom: 9px;
    letter-spacing: -0.6px;
}
.dvsbrandboxnumberfor {
    color: #777A80;
    font-size: 13.1px;
    font-style: normal;
    line-height: 14px;
    text-transform: uppercase;
    font-family: 'Metropolis Semi Bold';
}
.dvlinks {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
.sociallinksgap {
    display: flex;
    gap: 20px;
}
.sociallinksgap a {
    text-decoration: underline !important;
    font-family: 'Metropolis Medium';
    font-size: 17.46px;
    line-height: 30px; 
    letter-spacing: -0.1px;
}
.mobiledvsbrandboximage {
    display: none;
}


/* Location Page CSS */
.officebanner {
    position: relative;
    margin-bottom: 66px;
}
.officebanner:after {
    content: '';
    position: absolute;
    width: 101%;
    height: 60px;
    background: #fff;
    left: -3px;
    bottom: -26px;
    transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
}
.officemain {
    display: flex;
    gap: 28px;
    justify-content: space-between;
    margin-bottom: 88px;
}
.officemain .officemainleft,
.officemain .officemainright {
    flex: calc(50% - 28px) 0 0;
}
.officemain .officemainright .contactboxphoneemail {
    padding: 9px 0px;
    align-items: baseline;
}
.officemainright .contactrepeater:last-child {
    margin-bottom:0
}
.maplink {
    font-size: 13.1px;
    font-style: normal;
    font-family: 'Metropolis Semi Bold';
    line-height: 14px; 
    text-transform: uppercase;
    text-decoration: none;
    margin-bottom: 0;
    margin-top: 0;
    display: flex;
    gap:5px;
    margin-bottom: 16px;
}
.maplink:hover {
   color:#E22A26 
}
#officegapperymain,
#peoplemain,
#locationjobsmain {
    margin-bottom: 117px;
}
#officegapperymain .missionvaluesmaincontent {
    padding-bottom: 50px;
}
.galleryslider {
    display: flex;
    gap: 28px;
    margin-bottom: 15px;
}

.galleryslider .slick-slide {
    margin: 0 14px;
}
.galleryslider .slick-list {
    margin: 0 -14px;
}
.glslide {
    flex: calc(50% - 28px) 0 0;
    position: relative;
}
.glslide:after {
    content: '';
    position: absolute;
    width: 101%;
    height: 60px;
    background: #fff;
    left: -3px;
    bottom: -26px;
    transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
}
#peoplemain .missionvaluesmaincontent {
    padding-bottom: 50px;
}
.divtab-container {
    overflow: hidden;
}
.divtabs {
    display: flex;
    cursor: pointer;
    white-space: nowrap;
    overflow-x: auto;
    scrollbar-width: none; 
    -ms-overflow-style: none; 
    gap: 12px;
}
.divtabs::-webkit-scrollbar {
    display: none; 
}
.divtab {
    display: flex;
    padding: 28px 16px;
    flex-direction: column;
    text-align: center;
    align-items: center;
    gap: 16px;
    flex: 1;
    border: 1px solid #fff;
}
.divtab .divtablogo {
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.divtab:hover {
    border: 1px solid #D2D5D9;
}
.divtab.active {
    border: 1px solid #252429;
}
.divtab img {
    max-width: 100%;
}
.smallline {
    width: var(--size-37, 37px);
    height: 1px;
    background: #D2D5D9;
}
.divtab p {
    font-size: 13.1px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px; 
    margin: 0;
    color:#777A80;
    white-space: normal;
}
.divcontent {
    display: none;
}
.divcontent.active {
    display: block;
}
.divtab-content {
    margin-top: 50px;
    text-align: center;
}
.alllocationmain {
    display: flex;
    align-items: flex-start;
    gap: 28px;
    align-self: stretch;
    flex-wrap: wrap;
}
.alllocationmain .locationbox {
    flex: 1 1 calc(33.33% - 19px);
    max-width: calc(33.33% - 19px);
    border: 1px solid #D2D5D9;
    overflow: hidden;
    cursor: pointer;
}
.alllocationmain .locationbox:hover .locationsinglelink {
    color: #E22A26;
}
.alllocationmain .locationbox:hover .locationimgbox img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.locationimgbox {
    position: relative;
    overflow: hidden;
    height:207px
}
.locationimgbox img {
    height:207px;
    object-fit: cover;
}
.locationimgbox:after {
    content: '';
    position: absolute;
    width: 101%;
    height: 18px;
    background: #fff;
    left: -3px;
    bottom: -10px;
    transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
}
.locationboxcontent {
    display: flex;
    padding: 28px 28px 37px 28px;
    flex-direction: column;
    justify-content: space-between;
    min-height: 218px;
}
.locationboxcontent .locationboxcontentname {
    font-size: 23.3px;
    font-style: normal;
    font-family: 'Metropolis Semi Bold';
    line-height: 23px;
    text-transform: uppercase;
}
.locationboxcontent .locationboxcityandemp {
    display:flex;
    justify-content: space-between;
    margin-top: 12px;
    margin-bottom: 66px;
    gap: 28px;
}
.locationboxcontent .locationboxcityandemp .locationboxcity {
    font-size: 17.46px;
    font-style: normal;
    font-family: 'Metropolis Semi Bold';
    line-height: 17px;
    text-transform: uppercase;
}
.locationboxcontent .locationboxcityandemp .locationboxtotalemp {
    color: #777A80;
    font-size: 17.46px;
    font-style: normal;
    font-family: 'Metropolis Semi Bold';
    line-height: 17px; 
    text-transform: uppercase;
    text-align: right;
}
.locationboxcontent .locationboxcityandemp .locationboxcity,
.locationboxcontent .locationboxcityandemp .locationboxtotalemp {
    flex: calc(50% - 28px) 0 0;
}
.locationboxcontent .locationsinglelink {
    font-size: 17.46px;
    font-style: normal;
    line-height: 17px;
    text-transform: uppercase;
    letter-spacing: -0.1px;
    display: inline-block;
    text-decoration: none;
    text-align: right;
    font-family: 'Metropolis Semi Bold';
}
.locationboxcontent .locationsinglelink:hover {
    color: #E22A26
}
.locationboxcontent .locationsinglelink svg {
    margin-left: 7px;
    margin-top: -4px;
}
.locationimgbox img {
    width: 100%;
    transition: transform 0.3s ease;
    -webkit-transition: transform 0.3s ease;
}
.joblist {
    border-top: 1px solid #D2D5D9;
    display: flex;
    padding: 37px 0px;
    gap: 28px;
}
.joblist:hover .jobdetail .jobtitle {
    color: #E22A26
}
#locationjobsmain .missionvaluesmaincontent {
    padding-bottom: 88px;
}
.jobdetail {
    flex:1;
}
.jobtitle {
    font-size: 23.3px;
    font-style: normal;
    line-height: 23px;
    text-transform: uppercase;
    font-family: 'Metropolis Semi Bold';
    letter-spacing: -0.2px;
}
.joblocation,
.jobtype {
    font-size: 17.46px;
    font-style: normal;
    font-family: 'Metropolis Semi Bold';
    line-height: 17px;
    text-transform: uppercase;
    letter-spacing: -0.1px;
    color: #777A80;
}
.joblocation {
    margin-top: 16px;
}
.jobpagelink {
    margin-top: 50px;
    display: inline-block;
    border: 1px solid #9DA0A6;
    padding: 22px 28px;
    font-size: 17.46px;
    font-style: normal;
    font-family: 'Metropolis Semi Bold';
    line-height: 17px; 
    text-transform: uppercase;
    letter-spacing: -0.1px;
    text-decoration: none;
}
.jobpagelink:hover {
    color: #E22A26;
    border: 1px solid #252429;
}
@media screen and (max-width: 1279px) {
    .alllocationmain .locationbox:hover .locationimgbox img {
        transform: scale(1); 
        -webkit-transform: scale(1);
    }
    .teamslider {
        gap: 4px;
    }
    .divisionbrandsheading {
        font-size: 17.46px;
        line-height: 17px; 
        letter-spacing: -0.1px;
        margin-bottom: 28px;
    }
    .tab-content .content .contentimage::after {
        background-size: contain;
    }
    .marketaddressheading {
        font-size: 13.1px;
        line-height: 14px;
    }
    .contactboxphoneemail {
        padding: 12px 0px;
    }
    .contactboxphoneemail p.contactlabel {
        padding-bottom: 7px
    }
    .tab.active, .tab:hover {
        transform: translateY(-7px);
        -webkit-transform: translateY(-7px);
    }
    .locationboxcontent .locationboxcontentname {
        font-size: 17.46px;
        line-height: 17px; 
        letter-spacing: -0.1px;
    }
    .alllocationmain {
        gap:0
    }
    .locationimgbox,
    .locationimgbox img {
        height: 156px;
    }
    .contactmainrepeater {
        gap: 37px
    }
    .divisioncontent .missionvaluesmaincontent {
        padding-top: 21px;
        padding-bottom: 37px;
    }
    .divisioncontentpera .contactrepeater .contactboxphoneemail p {
        flex: 100% 0 0 !important;
    }
    .missionvalueimg {
        margin: 50px 0
    }
    #teamsection {
        margin-bottom: calc(88px + 50px);
    }
    .accreditationsection {
        margin-bottom: calc(88px + 50px);
    }
    .awardsection {
        margin-bottom: calc(66px + 50px);
    }
    .awdslider .awdslide .awdpera {
        width: 100%;
    }
    .mainimg,
    .mainimg img {
        height: 276px; 
    }
    .popup {
        margin-top: 0;
    }
    .popup .popupbg {
        height: 100%;
        padding-bottom: 40px;
    }
    #topmenu ul li:first-child {
        display:none
    }
    #topmenu {
        margin-bottom: 50px;
    }
    .locationboxcontent {
        padding:16px 21px 28px 21px;
        min-height: auto;
    }
    .markets,
    .offices,
    #missionvalues,
    #markets,
    #pieȚe,
    #birouri,
    #mercados,
    #offices,
    #oficinas {
        padding-bottom: 88px;
    }
    .locationboxcontent .locationboxcityandemp {
        margin-bottom: 28px;
    }
    .locationimgbox:after {
        bottom: -10px;
        height: 20px;
    }
    .alllocationmain .locationbox {
        flex: 100% 0 0;
        max-width: 100%;
        min-height: auto;
        margin-bottom: 16px;
    }
    .alllocationmain .locationbox:last-child {
        margin-bottom: 0;
    }
    .locationboxcontent .locationboxcityandemp .locationboxcity, 
    .locationboxcontent .locationboxcityandemp .locationboxtotalemp,
    .locationboxcontent .locationsinglelink {
        font-size: 13.1px;
        font-style: normal;
        line-height: 14px;
    }
    .teamslider .teamslide .empimg {
        height: 316px;
        max-width: 96%;
        margin-bottom: 16px;
    }
    .teamslider .teamslide .empimg img {
        min-height: 316px
    }
    .glslide:after {
        width: 102%;
    }
}
@media screen and (max-width: 450px) {
    .popupleft .popupempimg {
        width: 100%;
    }
}
@media screen and (max-width: 430px) {
    .tab-content .content .contentimage::after {
        background-size: cover;
    }
}

/* Career CSS */
.careermain header {
    background: transparent
}
.careermain .logo img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.careermain header nav ul li a {
    color: #fff;
}
.careermain header nav ul li.current-menu-item a {
    color: #E22A26;
}

#careermain .herocontent {
    position: absolute;
    bottom:28px;
    width: 100%;
    z-index: 9;
    height: 100%;
    padding-top: 200px;
}
#careermain .herocontent h1 {
    color: #fff;
    text-transform:uppercase;
    font-size: 96px;
    font-style: normal;
    line-height: 87px; 
    letter-spacing: -6px;
    width: 50%;
    font-family: 'Metropolis Medium' !important;
}
#careermain .herocontent h1 span.highlight,
#careermain .herocontent h1 span.highlightlast {
    display: block;
}
.jointextarjust {
    text-align: right;
}
.careermain .toolbar-menu.toolbar-menu-language .level-1>li>a {
    color: #fff;
}
.careermain .toolbar-menu.toolbar-menu-language .level-1>li>a:after {
    border: 1px solid #fff;
    border-right: none;
    border-top: none;
}
#careermain .herosection {
    background-color: #252429;
    margin-top: -80px;
    position: relative;
    max-height:654px;
    overflow:hidden
}
#careermain .herosection:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.8;
    background: linear-gradient(90deg, #000 0.31%, rgba(0, 0, 0, 0.00) 100.31%);
}
#careermain .herosection .careerimg {
    max-height:654px;
}
#careermain .herosection .careerimg img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
    background-color: var(--black);
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height:654px;
}
#careermain .herosection .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120px;
    background: white;
    clip-path: polygon(0% 100%, 100% 0, 100% 100%, 0 100%, 0 100%);
    z-index: 9;
    overflow:hidden;
}
.awardsbox {
    margin-bottom: 50px;
}
.awardsbox .awardscontainer {
    display: flex;
    gap: 28px;
}
.awardsbox .awardscontainer .awards {
    flex:1;
    display: flex;
    gap: 28px;
}
.awardsbox .awardscontainer .awards .inneraward {
    display: flex;
    flex: calc(50% - 16px);
    gap: 16px;
    align-items: flex-start;
}
.awardsbox .awardscontainer .awards .inneraward img {
    max-width: 40%;
}
.awardsbox .awardscontainer .awards .inneraward:first-child img {
    width: 39px;
    height: 66px;
}
.awardsbox .awardscontainer .awards .inneraward:nth-child(2) img {
    width: 92px;
    height: 66px;
}
.awardsbox .awardscontainer .awards .inneraward p {
    margin: 0;
    font-size: 13.1px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px; 
    letter-spacing: 0.2px;
}
.maincontentforcareer {
    margin-bottom: 156px;
}
.maincontentforcareer .filterheading {
    font-size: 23.3px;
    font-style: normal;
    font-weight: 400;
    line-height: 33px;
    letter-spacing: -0.25px;
}
.contentdetail:last-child p {
    margin-bottom: 0;
}
.filterbox {
    margin-top: 28px;
    display: flex;
    gap: 28px;
    margin-bottom: 88px;
}
.filterbox select {
    flex: 1;
    border: 1px solid #9DA0A6;
    height: 66px;
    padding: 0px 28px;
    background-color: #fff;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none"><path d="M2 5.5L8 11.5L14 5.5" stroke="%23252429"/></svg>') no-repeat 95% 50%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    outline-width: 0;
    text-transform:uppercase;
    font-size: 17.46px;
    font-style: normal;
    font-family: 'Metropolis Medium';
    line-height: 17px;
    letter-spacing: -0.1px;
    color: #252429 !important
}
.mainjobpostbox {
    background-color: #F7F8FA;
    padding: 66px 0 37px 0;
}
.mainjobpostbox .backlink {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 17.46px;
    font-style: normal;
    font-family: 'Metropolis Semi Bold';
    font-weight: normal !important;
    line-height: 17px; 
    margin-bottom: 28px;
    display: block;
    margin-top: 0 !important;
}
.mainjobpostbox .backlink svg {
    margin-right: 7px;
}
.mainjobpostbox .backlink:hover {
    color: #E22A26;
}
.mainjobpostbox h1 {
    width: 50%;
    margin: 0;
    margin-bottom: 50px;
}
table, td, th {
    border: 1px solid #ddd;
    padding: 10px;
}
table {
    width: 100%;
    border-collapse: collapse;
}
#closemodal,
#closejob {
    display: flex;
    width: 37px;
    height: 37px;
    justify-content: center;
    align-items: center;
    border: 1px solid #9DA0A6;
    cursor: pointer;
}
#closemodal:hover,
#closejob:hover {
    border: 1px solid #252429 !important
}
.mainjobpostbox .jobpagelink,
.flexjob .jobpagelink {
    margin-top: 0;
    cursor: pointer;
    margin-right: 50px;
}
.topfixbutton {
    margin-top: 50px;
}
.mainjobpostcontent {
    margin-top: 50px;
    margin-bottom: 156px;
}
.mainjobpostcontent .mainjobpostcontentinner {
    width: 871px;
}
.mainjobpostcontent .mainjobpostcontentinner ul li,
.mainjobpostcontent .mainjobpostcontentinner ol li {
    padding-bottom: 10px;
    font-size: 17.46px;
    line-height: 30px;
}
.textsmalldetail {
    color: #777A80;
    font-size: 17.46px;
    font-style: normal;
    font-family: 'Metropolis Semi Bold';
    line-height: 17px; 
    text-transform: uppercase;
    letter-spacing: -0.1px;
}
.flexjob {
    display: flex;
    align-items: center;
}
.flexjob .textsmalldetail span {
    margin: 0 21px;
}
.dyninnolifeimagebox {
    margin-bottom: 88px;
}
.gaptopfifty {
    margin-top: 50px;
}
.lifedyninno {
    margin-bottom: 156px;
}
.lifedyninno .missionvaluesmaincontent {
    padding-bottom: 88px;
}
.relatedpost {
    background-color: #F7F8FA;
    padding-top: 88px;
    padding-bottom: 117px;
}
.relatedpost h2 {
    margin-top: 0;
    margin-bottom: 50px;
}
.closeformflexbox {
    display: flex;
    justify-content: end;
}
.jobapplyformpopup {
    display: none;
}
.jobapplyformpopup.popup .popupbg {
    padding-bottom: 0 !important;
}
.jobapplyformpopup::-webkit-scrollbar {
    width: 4px;
}
.jobapplyformpopup::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
.jobapplyformpopup::-webkit-scrollbar-thumb {
    background: #888; 
}
.jobapplyformpopup .applyformbox {
    margin: 0 auto;
    width: 100%;
    position: relative;
    height: 92.6vh;
    overflow-x: auto;
    padding: 50px 0;
}
.jobapplyformpopup .applyformbox .redjobtitle {
    color: #E22A26;
    font-size: 17.46px;
    font-style: normal;
    font-family: 'Metropolis Semi Bold';
    line-height: 17px; 
    text-transform: uppercase;
    margin: 28px 0;
}
.formjobdetail {
    width: 80%;
}
.formjobdetail p {
    margin: 0;
}
.formjobdetail .formjobdetailtitle {
    font-size: 30.6px;
    font-style: normal;
    font-family: 'Metropolis Semi Bold';
    line-height: 30px; 
    text-transform: uppercase;
    margin-bottom: 28px;
}
.formjobdetail .flexjob  {
    margin-bottom: 50px;
}
#openModal {
    font-size: 13.1px;
    font-style: normal;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: 0.2px;
    position: absolute;
    bottom: 122px;
}
.formbox {
    margin-left: 100px;
    margin-top: -45px;
    position: relative;
}
.formbox input[type="submit"] {
    margin-top: 80px !important;
}
.formfieldintowline {
    display: flex;
    gap: 28px;
}
.formfieldintowline span {
    flex: 1
}
.form-control:focus {
    box-shadow: none !important;
}
.formbox input[type="file"],
.formbox input[type="text"],
.formbox input[type="email"],
.formbox input[type="phone"],
.formbox input[type="tel"],
.formbox textarea,
.formbox select {
    width: 100%;
    margin-bottom: 28px;
    color: #252429;
    font-size: 17.46px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; 
    letter-spacing: -0.1px;
    border-radius: 0 !important;
}
.formbox input[type="text"],
.formbox input[type="email"],
.formbox input[type="phone"],
.formbox input[type="tel"],
.formbox textarea,
.formbox select {
    border: 1px solid #F7F8FA;
    background: #F7F8FA;
    height: 66px;
    padding: 0px 16px;
    padding-top: 16px;
}
.formbox input[type="text"]:hover,
.formbox input[type="email"]:hover,
.formbox input[type="phone"]:hover,
.formbox input[type="tel"]:hover,
.formbox textarea:hover,
.formbox select:hover {
    border: 1px solid #9DA0A6;
}
.formbox select {
    transition: all 0.4s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
}
.selectlabel::after {
    content: '';
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M2 5.5L8 11.5L14 5.5' stroke='%23252429'/%3E%3C/svg%3E") no-repeat;
    vertical-align: middle;
    margin-left: 8px;
    position: absolute;
    right: 28px;
    top: 24px;
    display: inline-block;
    width: 16px;
    height: 17px;
}
.formbox input[type="submit"] {
    display: inline-block;
    border: 1px solid #9DA0A6;
    background: transparent;
    padding: 22px 28px;
    font-size: 17.46px;
    font-style: normal;
    line-height: 17px;
    text-transform: uppercase;
    letter-spacing: -0.1px;
    text-decoration: none;
    margin-bottom: 30px;
    margin-top: 10px;
    font-family: 'Metropolis Semi Bold';
    color: #252429;
}
.formbox input[type="submit"]:hover {
    color: #E22A26;
    border: 1px solid #252429;
}
.formbox textarea {
    height: 117px;
    padding: 20px 16px;
    padding-top: 26px;
}
input[type="file"] {
    display: none;
}
.file-upload-wrapper {
    text-align: center;
    margin-bottom: 20px;
    position: relative;
}
.custom-file-upload {
    width: 100%;
    cursor: pointer;
    padding: 10px 0;
    font-size: 13.1px;
    font-style: normal;
    font-family: 'Metropolis Semi Bold';
    line-height: 14px;
    color: #252429;
    position: relative;
}
.custom-file-upload::after {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    background-color: #D2D5D9;
    position: absolute;
    bottom: -4px;
    left: 0;
}
.custom-file-upload::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M12.5 4V10C12.5 12.4853 10.4853 14.5 8 14.5V14.5C5.51472 14.5 3.5 12.4853 3.5 10V4.5C3.5 2.84315 4.84315 1.5 6.5 1.5V1.5C8.15685 1.5 9.5 2.84315 9.5 4.5V10C9.5 10.8284 8.82843 11.5 8 11.5V11.5C7.17157 11.5 6.5 10.8284 6.5 10V4' stroke='%23252429'/%3E%3C/svg%3E");
    margin-right: 8px;
}
.attachmenttext {
    display: flex;
    justify-content: space-between;
    font-size: 13.1px;
    font-style: normal;
    font-family: 'Metropolis Semi Bold';
    line-height: 14px;
    gap: 28px;
}
.file-name {
    margin-left: 0;
    text-transform: uppercase;
    font-family: 'Metropolis Semi Bold';
    padding-top: 14px;
    display: inline-block;
    flex: 66% 0 0;
    text-align: left;
}
.remove-file {
    background: none;
    border: none;
    text-transform: uppercase;
    cursor: pointer;
    font-family: 'Metropolis Semi Bold';
    margin-left: 10px;
    margin-top: 10px;
    color: #252429;
}
.remove-file:hover {
    color: #E22A26;
}
.wpcf7 form.invalid .wpcf7-response-output {
    display: none!important;
}
.careermain .megamenu {
    border: 1px solid rgb(157, 160, 166) !important;
}
.careermain .megamenu:hover {
    border: 1px solid #fff !important;
}
.careermain .megamenu .menuiconmega,
.careermain .megamenu .closeiconmega {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.backlink {
    margin-bottom: 28px !important;
    margin-top: 66px !important;
    font-family: 'Metropolis Semi Bold';
    display: inline-block !important;
    font-weight: normal !important;
}
video {
    border: none !important; 
    outline: none !important;
}
.wpcf7-spinner {top: 8px;}

@media screen and (max-width: 1279px) {
    #openModal {
        bottom: 118px;
    }
    .formbox input[type="submit"] {
        margin-top: 100px !important;
    }
    .formbox input[type="text"], .formbox input[type="email"], .formbox input[type="phone"], .formbox input[type="tel"] {
        height: 50px;
    }
    .jobapplyformpopup .applyformbox {
        padding-top: 16px;
        height: 100vh;
    }
    .jobapplyformpopup .applyformbox .redjobtitle {
        margin: 21px 0;
        font-size: 13.1px;
        font-style: normal;
        line-height: 14px;
    }
    .formjobdetail .flexjob {
        margin-bottom: 37px;
    }
    .mainjobpostbox .jobpagelink, .flexjob .jobpagelink {
        padding: 0 21px;
        align-items: center;
        justify-content: center;
        display: flex;
    }
    .mainjobpostbox .backlink {
        font-size: 13.1px;
        font-style: normal;
        line-height: 14px;
    }
    .awardsbox .awardscontainer .awards .inneraward:first-child img,
    .awardsbox .awardscontainer .awards .inneraward:nth-child(2) img {
        width: auto;
        height: 50px;
        max-width: none;
    }
    .dropdown-header {
        padding: 0 21px !important;
    }
    .dropdown-header::after {
        right: 20px !important;
    }
    #careermain .herosection .careerimg {
        max-height: 368px;
    }
    #careermain .herosection .careerimg img {
        max-height: 368px;
    }
    .formbox input[type="file"], .formbox input[type="text"], .formbox input[type="email"], .formbox input[type="phone"], .formbox input[type="tel"], .formbox textarea {
        margin-bottom: 21px;
    }
    .formbox textarea {
        padding: 16px !important;
    }
    .backlink {
        margin-bottom: 21px !important;
        margin-top: 50px !important;
    }
    .relatedpost h2 {
        margin-bottom: 37px;
    }
    .jobpagelink {
        margin-top: 37px;
    }
    .formbox {
        margin-left: 0;
    }
    .textsmalldetail {
        font-size: 13.1px;
        font-style: normal;
        font-family: 'Metropolis Semi Bold';
        line-height: 14px;
        margin-bottom: 0;
    }
    .formjobdetail .formjobdetailtitle {
        font-size: 23.3px;
        font-style: normal;
        font-family: 'Metropolis Semi Bold';
        line-height: 23px;
    }
    .formbox input[type="submit"] {
        font-size: 13.1px;
        font-style: normal;
        font-family: 'Metropolis Semi Bold';
        line-height: 6px;
        height: 50px;
        margin-bottom: 28px;
    }
    .jobpagelink {
        font-size: 13.1px;
        font-style: normal;
        font-family: 'Metropolis Semi Bold';
        line-height: 50px;
        height: 50px;
        padding: 0 21px;
        display: inline-block;
    }
    .mainjobpostcontent .mainjobpostcontentinner {
        width: 100%;
    }
    .mainjobpostbox {
        padding-top: 50px;
        padding-bottom: 28px;
    }
    .flexjobmob {
        flex-direction: column;
        align-items: baseline;
        gap: 28px;
    }
    .mainjobpostcontent {
        margin-top: 37px;
        margin-bottom: 88px;
    }
    .lifedyninno {
        margin-bottom: 88px;
    }
    .dyninnolifeimagebox {
        margin-bottom: 37px;
    }
    .relatedpost {
        padding-top: 66px;
        padding-bottom: 88px;
    }
    .flexjob {
        margin-top: 28px;
    }
    .flexjob .textsmalldetail span {
        margin: 0 12px;
    }
    .awardsbox .awardscontainer,
    .awardsbox .awardscontainer .awards .inneraward {
        flex-direction: column;
    }
    #careermain .herosection .overlay {
        height: 60px;
    }
    .maincontentforcareer .filterheading {
        font-size: 17.46px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: -0.1px;
    }
    .joblocation {
        margin-top: 12px;
    }
    .filterbox select {
        font-size: 13.1px;
        font-style: normal;
        font-family: 'Metropolis Semi Bold';
        line-height: 14px; 
        height: 50px;
        padding: 0px 21px;
        background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none"><path d="M2 5.5L8 11.5L14 5.5" stroke="%23252429"/></svg>') no-repeat 98% 50%;
    }
    .filterbox {
        margin-top: 16px;
        flex-wrap: wrap;
        margin-bottom: 50px;
        gap:12px
    }
    .filterbox select {
        flex: 100% 0 0;
    }
    #careermain #homemenu, #careermain #closemenu {
        color: #fff;
    }
    #careermain .herosection {
        max-height: 368px;
    }
    #careermain .herocontent h1 {
        letter-spacing: -1.2px;
        width: 100%;
        font-family: 'Metropolis Semi Bold' !important;
        font-weight: unset;
    }
    .jointextarjust {
        text-align: center;
    }
    #careermain .herocontent h1 span.highlight, #careermain .herocontent h1 span.highlightlast {
        display: inline-block;
    }
    #careermain .herosection:after {
        background: transparent;
    }
    #careermain .herocontent {
        padding-top: calc(66px + 66px);
    }
    .dropdown-header {
        height: 50px !important;
    }
    .dropdown-header,
    .dropdown-item{
        font-size: 13.1px !important;
        line-height: 14px !important;
    }
    .dropdown-item {
        padding: 8px 21px;
    }
    .jobtitle {
        font-size: 17.46px;
        font-style: normal;
        line-height: 17px; 
        letter-spacing: -0.1px;
    }
    .joblocation, .jobtype {
        font-size: 13.1px;
        font-style: normal;
        line-height: 14px; 
    }
    .joblist {
        flex-direction: column;
        gap: 12px;
        padding: 21px 0px
    }
    .jobtype {
        text-align: right;
    }
    .maincontentforcareer {
        margin-bottom: 88px;
    }
    .mainjobpostbox h1 {
        width: 100%;
        margin-bottom: 37px;
    }
    .lifedyninno .missionvaluesmaincontent {
        padding-bottom: 66px;
    }
    .mobilearjustwd {
        flex: 0 0 auto;
        width: 100%;
    }
    .formjobdetail {
        width: 100%;
    }
    .formbox {
        margin-top: 28px;
    }
    .formbox input[type="submit"] {
        width: 100%;
        margin-bottom: 28px !important;
    }
    .formfieldintowline {
        flex-direction: column;
        display: flex;
        gap: 0px;
    }
    .flexjob {
        flex-wrap: wrap;
        gap: 7px 0;
    }
}

@media screen and (max-width: 1279px) {
    .awdslider, .accreditationslider {
        padding: 28px 0px;
    }
    #mediacontacts .contactboxphoneemail {
        flex-wrap: wrap;
        padding: 12px 0px;
        gap: 7px;
    }
    #mediacontacts .contactboxphoneemail p {
        flex: 100% 0 0
    }
    #contactus .contactboxphoneemail {
        flex-wrap: wrap;
    }
    #contactus .contactboxphoneemail p.contactlabel,
    #contactus .contactboxphoneemail p {
        flex: 100% 0 0
    }
    .container-fluid {
        padding-left: 21px;
        padding-right: 21px;
        max-width: 560px;
    }
    .tab-content .content .contentimage {
        height: 207px;
    }
    .tab-content .content .contentimage img {
        min-height: 207px;
        height: 207px;
        object-fit: cover;
    }
    .col-6 {
        width: 50% !important;
    }
    .mainimg:after {
        transform: rotate(2deg);
        -webkit-transform: rotate(2deg);
    }
    .maincontent {
        flex-direction: column;
    }
    .maincontent .maincontentinner, .maincontentinnerheading {
        width: 100%;
    }
    .numbersection .numberscontent {
        flex: calc(50% - 8px) 0 0;
    }
    .techmainclass .numbersection .numberscontent {
        flex: 1;
    }
    .numbersection .numberscontent .number {
        font-size: 40.75px;
        font-style: normal;
        line-height: 37px;
        font-family: 'Metropolis Semi Bold';
        padding-bottom: 9px;
    }
    .numbersection .numberscontent .numberfor {
        font-size: 13.1px;
        font-style: normal;
        line-height: 14px; 
        padding-top: 12px;
    }
    h1 {
        font-size: 40.75px !important;
        font-style: normal !important;
        line-height: 37px !important
    }
    #contents .divisionmain {
        margin-bottom: 37px;
    }
    #contents h1 {
        margin-top: 0;
        letter-spacing: -1.2px;
    }
    .numbersection {
        margin: 66px 0;
        gap: 37px 16px;
    }
    .awdslider .awdslide {
        flex: calc(25% - 28px) 0 0;
        text-align: center;
        padding: 0 12px;
    }
    .mainimg {
        margin-bottom: 37px;
    }
    .mainimg:after {
        height: 30px!important;
        bottom: -20px!important;
    }
    .missionvaluesmaincontent {
        flex-wrap: wrap;
    }
    .missionvaluesmaincontent h2, .missionvaluesmaincontent .missionpera {
        flex: 100% 0 0;
    }
    .missionvaluesmaincontent .missionpera {
        font-size: 17.46px;
        line-height: 30px;
        letter-spacing: -0.1px;
    }
    .missionvaluesmaincontent {
        padding-bottom: 88px;
    }
    .missiondetail .missiondetailcontent, .valuesetail .valuesdetailcontent {
        flex: 100% 0 0;
    }
    h2 {
        font-size: 23.3px;
        font-style: normal;
        line-height: 23px;
    }
    h3 {
        font-size: 17.46px;
        font-style: normal;
        line-height: 17px;
    }
    .missiondetail, .valuesetail {
        gap: 50px;
    }
    .missiondetail .missiondetailcontent .missiondetaillabel, .valuesetail .valuesdetailcontent .valuesdetaillabel {
        font-size: 13.1px;
        font-style: normal;
        line-height: 14px;
        letter-spacing: 0;
    }
    .missiondetail .missiondetailcontent h3, .valuesetail .valuesdetailcontent h3 {
        margin: 12px 0;
    }
    #missionvalues {
        padding-bottom: 88px;
    }
    .popupcontent {
        flex-wrap: wrap;
    }
    .popupleft,
    .popupright {
        flex: 100% 0 0;
    }
    .popupleft {
        display: flex;
        gap: 16px;
        align-items: center;
    }
    .popupleft h2 {
        padding-top: 0;
    }
    .teamslider .teamslide .empname {
        font-size: 13.1px;
        font-style: normal;
        line-height: 14px;
        letter-spacing: 0;
        width: 90%;
    }
    .teamslider .teamslide p {
        font-size: 13.1px;
        font-style: normal;
        font-weight: 400;
        line-height: 19px;
        width: 90%;
    }
    .tabs {
        font-size: 40.75px;
        font-style: normal;
        font-family: 'Metropolis Semi Bold';
        line-height: 37px;
        letter-spacing: -1.2px;
        gap: 28px;
        padding-top: 14px;
        margin-bottom: 50px;
    }
    .tab-content .content .contenttext, .tab-content .content .contenttext p {
        font-size: 17.46px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
    }
    .tab-content .content.active {
        flex-wrap: wrap;
    }
    .tab-content .content .contenttext, .tab-content .content .contentimage {
        flex: 100% 0 0;
    }
    .tab-content .content {
        gap: 37px;
    } 
    #milestones, #contactus {
        margin-bottom: 88px;
    }
    .contactmain .mainpera {
        font-size: 17.46px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        margin-bottom: 50px;
        width: 100%;
        letter-spacing: -0.1px;
    }
    .contactmainrepeater .contactbox {
        flex: 100% 0 0;
        margin-bottom: 0
    }
    #contactus .missionvaluesmaincontent {
        padding-bottom: 50px;
    }
    .contactbox .contactboxheading {
        font-size: 13.1px;
        font-style: normal;
        font-family: 'Metropolis Semi Bold';
        line-height: 14px; 
        margin-bottom: 16px
    }
    .divisioncontent {
        margin-top: 37px;
        margin-bottom: 88px;
    }
    .divisionmain {
        flex-direction: column;
        padding-bottom: 37px;
    }
    .divisionmain p {
        padding-left: 0;
        font-size: 17.46px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px; 
        letter-spacing: -0.1px;
    }
    .divisionmain h1 {
        margin-bottom: 0 !important;
    }
    .divisioncontentbox {
        flex-direction: column;
        margin-bottom: 50px;
    }
    .divisioncontentbox .divmainheading, .divisioncontentbox .divisioncontent {
        flex: 100% 0 0
    }
    .divisioncontentbox .divmainheading {
        font-size: 17.46px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: -0.1px;
    }
    .divisioncontentbox .divmainheading span {
        width: 100%;
    }
    .sectorlogo {
        max-width: 220px;
        max-height: 40px;
    }
    .divisionlogo {
        margin-bottom: 37px;
    }
    .divnumbers .divnumbersbox .divnumbersboxnumber {
        font-size: 23.3px;
        font-style: normal;
        font-family: 'Metropolis Semi Bold';
        line-height: 23px;
        letter-spacing: -0.2px;
    }
    .officemain {
        flex-wrap: wrap;
    }
    .officemain .officemainleft, .officemain .officemainright {
        flex: 100% 0 0;
    }
    .officemain .officemainright .contactboxphoneemail {
        flex-wrap: wrap;
    }
    .officemain .contactboxphoneemail p.contactlabel,
    officemain .contactboxphoneemail  p {
        flex: 100% 0 0
    }
    .mobimg {display:block;}
    .deskimg {display:none}
    .divnumbers,
    .dvsbrandbox {
        flex-direction: column;
    }
    .dvsbrandbox .dvsbrandboximage {
        display: none;
    }
    .mobiledvsbrandboximage {
        display: block;
        height: 156px;
        overflow: hidden;
        position: relative;
    }
    .mobiledvsbrandboximage img {
        height: 156px;
        object-fit: cover;
        width: 100%;
    }
    .mobiledvsbrandboximage:after {
        content: '';
        position: absolute;
        width: 101%;
        height: 40px;
        background: #F7F8FA;
        left: -3px;
        bottom: -30px;
        transform: rotate(2deg);
        -webkit-transform: rotate(2deg);
    }
    .dvsbrandbox .dvsbrandboxlogo,
    .dvsbrandbox .dvsbrandboxcontainer {
        padding: 0 21px;
        padding-top: 0;
        gap: 28px;
    }
    .dvsbrandbox .dvsbrandboxcontainer {
        padding-bottom: 28px;
    }
    .dvsbrandboxcontainer p {
        margin-bottom: 0;
    }
    .dvsbrandboxnumber {
        font-size: 23.3px;
        font-style: normal;
        font-family: 'Metropolis Semi Bold';
        line-height: 23px; 
        letter-spacing: -0.2px;
    }
    .marketaddressnumber {
        font-size: 40.75px;
        font-style: normal;
        line-height: 37px;
        letter-spacing: -1.2px;
        text-transform: uppercase;
    }
    .officebanner,
    .marketaddress,
    .contactrepeater {
        margin-bottom: 37px;
    }
    .officebanner:after {
        height: 50px;
        bottom: -20px;
        width: 102%;
    }
    .officemain {
        margin-bottom: 0;
    }
    .maincontentinnerheading {
        font-size: 17.46px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: -0.1px;
    }
    h3 {
        font-size: 17.46px!important;
        line-height: 17px!important;
    }
    #topmenu .container-fluid,
    #topmenu .col-lg-12 {
        padding-right: 12px !important;
    }
    .tab-content .content .contenttext {
        padding-right: 0;
    }
    .sectorimage:after {
        height: 40px!important;
        bottom: -25px!important;
        width: 102%!important;
    }
    .galleryslider {
        flex-wrap: wrap;
    }
    .glslide {
        flex: 100% 0 0;
    }
    .teamslider .teamslide {
        margin-right: 0 !important;
        margin-bottom: 37px
    }  
    .close {
        right: 43px;
    }  
    .sectorimage,
    .sectorimage img {
        height: 276px;
    }
    .divisioncontentpera .contactrepeater .contactboxphoneemail {
        padding: 12px 0px;
    }
    p {
        margin-bottom: 12px;
    }
}


/* News Room CSS */
#contentsarticle h1 {
    margin-top: 26px;
    margin-bottom: 50px;
    width: 50%;
}
.articalmaincontent {
    margin-top: 50px;
    margin-bottom: 156px;
}
.articlabox {
    display: flex;
    gap: 28px
}
.articlabox .articlaboxmain {
    flex: 1;
    padding-right: 206px;
}
.articlabox .articlaboxmain ul,
.articlabox .articlaboxmain ol {
    font-size: 17.46px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -0.1px;
}
.articlabox .articlaboxlatest {
    flex: 300px 0 0
}
.articletypebox {
    display: flex;
    text-transform: uppercase;
    justify-content: space-between;
    padding-bottom: 16px;
    border-bottom: 1px solid #D2D5D9;
    font-size: 13.1px;
    font-style: normal;
    line-height: 14px; 
    color: #777A80;
    margin-bottom: 50px;
    font-family: 'Metropolis Semi Bold';
}
.latestnews {
    font-size: 13.1px;
    font-style: normal;
    line-height: 14px; 
    color: #777A80;
    padding-bottom: 16px;
    text-transform: uppercase;
    font-family: 'Metropolis Semi Bold';
}
.relatedarticles {
    border-top: 1px solid #D2D5D9;
    padding: 21px 0;
}
.relatedarticles:hover .relatedarticletitle {
    color: #e22a26;
}
.relatedarticletitle {
    font-size: 17.46px;
    font-style: normal;
    line-height: 17px; 
    text-transform: uppercase;
    margin-bottom: 16px;
    font-family: 'Metropolis Semi Bold';
}
.relatedarticledate {
    color: #777A80;
    font-size: 13.1px;
    font-style: normal;
    line-height: 14px;
    text-transform: uppercase;
    font-family: 'Metropolis Semi Bold';
}
.mediacontacts {
    background: #F7F8FA;
    padding-top: 88px;
    padding-bottom: 117px;
    margin-bottom: 117px;
}
.mediacontacts h2, .mediacontacts p {
    margin: 0;
}
.mediacontacts h2 {
    margin-bottom: 16px;
}
.mediacontacts .contactmainrepeater {
    margin-top: 66px;
}
.mediacontacts .contactmainrepeater .contactbox {
    margin-bottom: 0;
}
.mediarulesbox {
    margin-top: 117px;
    display: flex;
    gap: 28px;
}
.mediarulesbox .mediarulesboxinner {
    flex: 1;
    display: flex;
    gap: 28px;
}
.mediarulesbox .mediarulesboxinner svg {
    flex: 44px 0 0;
}
.newsroomcontents {
    margin-top: 66px;
}
.newsroomcontents .mainimg {
    margin-bottom: 52px;
    height: 496px;
    overflow: hidden;
}
.newsroomcontents .mainimg:after {
    height: 56px;
    bottom: -28px;
    transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
}
.newsroomcontents .mainimg .mobimg, .newsroomcontents .mainimg .deskimg {
    height: 496px;
    object-fit: cover;
}
.newsroomcontents .mainperaformedia,
.newsroomcontents .mainperaformedia p {
    text-align: right;
    font-size: 23.3px;
    font-style: normal;
    font-weight: 400;
    line-height: 33px; 
    letter-spacing: -0.25px;
}
.newsroomcontents .mainperaformedia a {
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Metropolis Semi Bold';
}
.newsroomcontents .mainperaformedia a strong {
    font-weight: normal !important;
}
.newsroomcontents .mainperaformedia a:hover {
    color: #E22A26;
}
.newsroomtabs {
    margin-top: 66px;
    margin-bottom: 156px;
}
.newsroomtabs .divtabs {
    gap: 28px;
}
.newsroomtabs .divtabs .divtab {
    padding: 0;
    flex: 0;
    text-transform: uppercase;
    font-size: 17.46px;
    font-style: normal;
    line-height: 17px;
    font-family: 'Metropolis Semi Bold';
}
.newsroomtabs .divtabs .divtab:hover {
    color: #E22A26;
    border: 1px solid transparent;
}
.newsroomtabs .divtabs .divtab.active {
    border: 0 solid #252429;
}
.newsroomtabs .divtab-content {
    margin-top: 37px;
}
.newsbox {
    display: flex;
    padding: 28px 0px 50px 0px;
    align-items: flex-start;
    gap: 28px;
    border-top: 1px solid #D2D5D9;
}
.newsbox:hover .newsheading {
    color: #E22A26;
}
.newsbox .newsboxtype {
    color: #777A80;
    font-size: 13.1px;
    font-style: normal;
    font-family: 'Metropolis Semi Bold';
    line-height: 14px; 
    text-transform: uppercase;
    flex: 204px 0 0;
    text-align: left;
    padding-top: 3px;
}
.newsbox .newsheadinganddate {
    text-align: left;
    flex: 1 0 0;
}
.newsbox .newsheading {
    font-size: 23.3px;
    font-style: normal;
    line-height: 23px;
    text-transform: uppercase;
    color: #252429;
    padding-top: 3px;
    width: 80%;
    font-family: 'Metropolis Semi Bold';
    letter-spacing: -0.2px;
}
.newsbox .newsdate {
    margin-top: 21px;
    font-size: 13.1px;
    font-style: normal;
    font-family: 'Metropolis Semi Bold';
    line-height: 14px; 
    color: #777A80;
    text-transform: uppercase;
}
.newsbox .newscontent {
    text-align: left;
    color: #252429;
    flex: 1 0 0;
    font-size: 17.46px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; 
    letter-spacing: -0.1px;
}
#press-pagination.pagination span {
    padding-top: 10px;
    color: #252429;
}
.pagination {
    text-align: center;
    margin-top: 37px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.pagination button {
    border: 1px solid #9DA0A6;
    color: #252429;
    margin: 0 2px;
    cursor: pointer;
    background: transparent;
    height: 50px;
    font-size: 13.1px;
    font-style: normal;
    font-family: 'Metropolis Semi Bold';
    line-height: 50px;
    text-decoration: none;
    width: 50px;
    justify-content: center;
    align-items: center;
    display: flex;
}
.pagination button:hover,
.pagination button.active {
    color: #E22A26;
    border: 1px solid #252429;
    /* filter: invert(30%) sepia(100%) saturate(5000%) hue-rotate(355deg) brightness(90%) contrast(100%);
    -webkit-filter: invert(30%) sepia(100%) saturate(5000%) hue-rotate(355deg) brightness(90%) contrast(100%); */
}
.pagination button:disabled,
.pagination button[disabled],
.pagination button:disabled:hover,
.pagination button[disabled]:hover {
    opacity: 0.5;
    cursor: not-allowed;
    color: #252429;
    /* border: 1px solid #252429; */
    filter: invert(0%);
    -webkit-filter: invert(0%);
}
.pagination button:disabled,
.pagination button[disabled] {
    border: 1px solid #D2D5D9;
    background: #F7F8FA;
}
@media screen and (max-width:1279px) {
    .pagination {
        gap: 7px;
    }
    .pagination button,
    .italks .pagination a, 
    .italks .pagination span {
        height: 37px!important;
        width: 37px!important;
    }
    .newsroomcontents .mainimg:after {
        height: 28px!important;
        bottom: -18px!important;
    }
    .articlabox {
        flex-wrap: wrap;
        gap: 37px;
    }
    .articlabox .articlaboxmain,
    .articlabox .articlaboxlatest {
        flex: 100% 0 0;
    }
    .articlabox .articlaboxmain {
        padding-right: 0;
    }
    .articlabox .articlaboxlatest {
        margin-top: 37px;
    }
    .articalmaincontent {
        margin-bottom: 88px;
    }
    .mediacontacts {
        padding-bottom: 88px;
        margin-bottom: 88px;
        padding-top: 66px;
    }
    .mediarulesbox {
        margin-top: 88px;
        flex-wrap: wrap;
        gap: 37px;
    }
    .mediacontacts .contactmainrepeater {
        margin-top: 37px;
        gap: 37px;
    }
    #contentsarticle h1 {
        margin-bottom: 37px;
    }
    .mediarulesbox .mediarulesboxinner {
        flex: 100% 0 0;
        flex-wrap: wrap;
        gap: 16px;
    }
    .mediarulesbox .mediarulesboxinner p {
        flex: 100% 0 0;
    }
    .newsroomcontents {
        margin-top: 50px;
    }
    .newsroomtabs {
        margin-top: 50px;
        margin-bottom: 88px;
    }
    #contentsarticle h1 {
        width: 100%;
    }
    .newsroomcontents .mainperaformedia p,
    .newsroomcontents .mainperaformedia {
        font-size: 17.46px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        text-align: left;
        letter-spacing: -0.1px;
    }
    .newsroomcontents .mainperaformedia p a {
        display: block;
    }
    .newsroomcontents .mainimg {
        margin-bottom: 37px;
        height: 276px;
    }
    .newsroomcontents .mainimg .mobimg, .newsroomcontents .mainimg .deskimg {
        height: 276px;
        object-fit: cover;
    }
    .newsbox {
        flex-wrap: wrap;
        padding: 21px 0px 37px 0px;
        gap: 16px;
    }
    .newsbox .newsheading {
        width: 100%;
        font-size: 17.46px;
        font-style: normal;
        line-height: 17px;
        letter-spacing: -0.1px;
    }
    .newsbox .newsdate {
        margin-top: 16px;
    }
    .newsbox .newsboxtype,
    .newsbox .newsheadinganddate,
    .newsbox .newscontent {
        flex: 100% 0 0;
    }
    .newsbox .newsboxtype {
        padding-top: 0;
    }
    .newsroomtabs .divtab-content {
        margin-top: 28px;
    }
    .divtab {
        flex: 207px 0 0;
    }
}



/* Contact CSS */
.headquater,
.partnership,
.contactussection {
    margin-bottom: 156px;
}
.headquater .missionvaluesmaincontent,
.partnership .missionvaluesmaincontent,
.contactussection .missionvaluesmaincontent {
    padding-bottom: 88px;
}
.partnershiplogo {
    margin-bottom: 37px;
}
.flexboxforcontactform {
    display: flex;
    gap: 28px;
}
.flexboxforcontactform .formbox {
    margin-left: 0;
}
.flexboxforcontactform .contactmain .mainpera {
    width: 80%;
}
.wpcf7-not-valid-tip {
    color: #e22a26!important;
    font-size: 12px;
    font-weight: 600!important;
    display: block;
    top: -20px;
    position: relative;
    text-align: left;
}
.wpcf7-not-valid {
    border: 1px solid #e22a26!important;
}
.formbox .wpcf7-captchar {
    width: 150px!important;
    text-transform:none !important;
}
.flexboxforcontactform .contactmain,
.flexboxforcontactform .formbox {
    flex:1
}
@media screen and (max-width:1279px) {
    .partnershiplogo {
        margin-bottom: 28px;
    }
    .flexboxforcontactform {
        flex-wrap: wrap;
        gap: 0;
    }
    .flexboxforcontactform .contactmain,
    .flexboxforcontactform .formbox {
        flex: 100% 0 0;
    }
    .flexboxforcontactform .contactmain .mainpera {
        margin-bottom: 28px;
        width: 100%;
    }
    .headquater .missionvaluesmaincontent, .partnership .missionvaluesmaincontent, .contactussection .missionvaluesmaincontent {
        padding-bottom: 50px;
    }
    .headquater, .partnership, .contactussection {
        margin-bottom: 88px;
    }
    .alllocationmain .locationbox {
        min-height: 400px;
    }
    .flexboxforcontactform .contactmain .mainpera {
        margin-bottom: 0;
    }
    .flexboxforcontactform .formbox input[type="submit"] {
        margin-bottom: 0;
    }
    .headquater .contactbox .contactboxphoneemail,
    .partnership .contactbox .contactboxphoneemail {
        flex-wrap: wrap;
        padding: 12px 0px;
    }
    .headquater .contactbox .contactboxphoneemail p,
    .partnership .contactbox .contactboxphoneemail p {
        flex: 100% 0 0;
    }
}



/* Box View CSS */
.boxmain {
    display:flex;
    gap:28px;
    align-items: flex-start;
}
.boxmain .boxviewcontent {
    border: 1px solid #D2D5D9;
    width:50%
}
.boxcontent {
    display: flex;
    padding: 37px 37px 16px 37px;
    flex-direction: column;
    gap:28px;
    align-items: flex-start;
}
.boxcontent h3 {
    margin: 0;
    font-size: 23.3px;
    font-style: normal;
    line-height: 23px; 
    text-transform: uppercase;
    letter-spacing: -0.2px;
}
.boximg {
    position: relative;
    height: 368px;
    overflow: hidden;
}
.boximg::before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    clip-path: polygon(0 0, 101% 0, 100% 6%, 0 0);
    z-index: 9;
}
.boximg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
    -webkit-transition: transform 0.3s ease;
}
.boxlink {
    display: inline-block;
    text-align: right;
    width: 100%;
    font-size: 17.46px;
    font-style: normal;
    line-height: 17px; 
    text-transform: uppercase;
    letter-spacing: -0.1px;
    color: #252429;
    text-decoration: none;
    font-family: 'Metropolis Semi Bold';
}
.boxlink:hover,
.boxviewcontent:hover .boxlink {
    color: #E22A26; 
}
.boxlink svg {
    margin-left:7px;
    margin-top: -3px;
}
.boxviewcontent:hover .boximg img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.mobimg {
    display:none;
    width:100%;
}
@media screen and (max-width:1279px) {
    .boximg {
        height: 207px;
    }
    .boxlink {
        font-size: 13.1px !important;
        font-style: normal !important;
        line-height: 14px !important;
    }
    .boxcontent h3 {
        font-size: 17.46px !important;
        font-style: normal !important;
        line-height: 17px !important;
    }
    .mobimg {display:block;}
    .deskimg {display:none}
    .boxmain {
        flex-direction: column;
    }
    .boxmain .boxviewcontent {
        width: 100% !important;;
    }
    .boxcontent {
        gap:21px
    }
    .boxcontent {
        padding: 28px 21px 12px 21px;
    }
}



/* Tech Pages CSS */
.techmainpera {
    display: flex;
    justify-content: end;
}
.techmainpera p {
    margin: 0;
    font-size: 23.3px;
    font-style: normal;
    font-weight: 400;
    line-height: 33px; 
    flex: 50% 0 0;
    letter-spacing: -0.25px;
} 
.techmainclass .mainimg {
    margin-bottom: 40px;
}
.techmainclass .mainimg:after {
    transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    bottom: -26px;
    height: 70px;
}
.techmainclass .numbersection {
    margin-top: 88px;
    margin-bottom: 156px
}
.techmainclass .numbersection .numberscontent {
    flex: 1;
}
.expertisebox {
    margin-bottom: 117px;
}
.expertisebox .expertiseinner {
    display: flex;
    gap: 28px;
}
.expertisebox .expertiseinner .expertiseinnerdetail {
    padding-right: 156px;
}
.expertiseinnerdetaillogo {
    margin-bottom: 66px;
}
.expertiseinner .expertiseinnerbanner {
    width: 100%;
    height: 368px;
    position: relative;
    overflow: hidden;
}
.expertiseinner .expertiseinnerbanner img {
    object-fit: cover;
    height: 368px;
}
.expertiseinner .expertiseinnerbanner:after {
    content: "";
    width: 100%;
    height: 100%;
    background: url(assets/images/imgside.svg);
    position: absolute;
    left: 0;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
}
.expertiseinner .expertiseinnerdetail,
.expertiseinner .expertiseinnerbanner {
    flex: 1
}
.seemorebox {
    padding: 0 37px;
    border: 1px solid #D2D5D9;
    margin-top: 28px;
}
.seemorebox .seemorebtn {
    display: flex;
    justify-content: space-between;
    padding-bottom: 37px;
    padding-top: 37px;
    cursor: pointer;
    font-size: 17.46px;
    font-style: normal;
    line-height: 17px; 
    text-transform: uppercase;
    letter-spacing: -0.1px;
    font-family: 'Metropolis Semi Bold';
}
.seemorebox:hover {
    border: 1px solid #252429;
}
.seemorebox:hover .seemorebtn {
    color: #E22A26;
}
.hiddencontentpart {
    padding-top: 13px;
    padding-bottom: 50px;
    display: none;
    gap: 28px;
    height: 0;
    overflow: hidden;
}
.hiddencontentpart.open {
    height: auto; 
    display: flex;
    transition: height 0.9s;
    -webkit-transition: height 0.9s;
}
.hiddencontentpart .ontentpartleft,
.hiddencontentpart .ontentpartright {
    flex: calc(50% - 28px) 0 0;
}
.hiddencontentpart .ontentpartright img {
    margin-right: 24px;
}
.hiddencontentpart .ontentpartleft {
    padding-right: 156px;
}
.hiddencontentpart .ontentpartleft p {
    font-size: 23.3px;
    font-style: normal;
    font-weight: 400;
    line-height: 33px
}
.expertisebox:last-child {
    margin-bottom: 156px;
}
.expertisebox:nth-child(odd) .expertiseinner {
    flex-direction: row-reverse;
}
.expertisebox:nth-child(odd) .expertiseinner .expertiseinnerdetail {
    padding-left: 117px;
    padding-right: 0;
}
.expertisebox:nth-child(odd) .expertiseinner .expertiseinnerbanner:after {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    left: 0;
    right: -1px;
}
.techfrinheading {
    font-size: 23.3px;
    font-style: normal;
    line-height: 23px; 
    text-transform: uppercase;
    font-family: 'Metropolis Semi Bold';
}
.techfrinheading img {
    margin-right: 16px;
}
.techlistview {
    display: flex;
    flex-wrap: wrap;
    /* gap: 12px; */
    margin-top: 28px;
    margin-bottom: 50px;
    border-top: 1px solid #D2D5D9;
    font-size: 17.46px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    position: relative;
}
.techlistview::after {
    content: '';
    background: #D2D5D9;
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 0;
}
.techfrin:nth-of-type(8) .techlistview {
    margin-bottom: 117px;
}
.techlistview div {
    /* flex: calc(12.5% - 12px) 0 0; */
    flex: 12.5% 0 0;
    padding: 9px 0px;
    border-bottom: 1px solid #D2D5D9;
}
.techheadmargin {
    margin-bottom: 37px;
}
.techtoolsrepeater {
    display: flex;
    padding: 37px 0px;
    gap: 28px;
    border-top: 1px solid #D2D5D9;
}
.techtoolsrepeater .techtoolimg,
.techtoolsrepeater .techtoolheading,
.techtoolsrepeater .techtoolperas {
    flex: calc(33.33% - 28px);
}
.techtoolsrepeater .techtoolheading {
    font-size: 23.3px;
    font-style: normal;
    font-weight: 400;
    line-height: 33px; 
    letter-spacing: -0.25px;
}
.techtoolsrepeater .techtoolimg {
    display: flex;
    padding: 0px 91px;
    justify-content: center;
    align-items: center;
}
.techtoolsrepeater .techtoolimg img {
    max-width: 80%;
}
.techtoolsrepeater:nth-of-type(odd) .techtoolimg {
    order: 3;
}
.techtoolsrepeater:nth-of-type(odd) .techtoolperas {
    order: 1; 
}
.techtoolsrepeater:nth-of-type(odd) .techtoolheading {
    order: 2;
}
.ittoolsbox {
    margin-bottom: 117px;
}
.moretoolsboxcontainer {
    display: flex;
    gap: 66px 28px;
    flex-wrap: wrap;
    margin-bottom: 207px;
}
.moretoolsboxcontainer .moretoolsbox {
    flex: calc(33.33% - 28px) 0 0;
}
.moretoolsheadingandtype,
.moretoolscontent {
    margin-top: 28px;
}
.moretoolscontent p {
    margin: 0;
}
.moretoolsheadingandtype .moretoolsheading {
    font-size: 23.3px;
    font-style: normal;
    font-family: 'Metropolis Semi Bold';
    line-height: 23px; 
    text-transform: uppercase;
    margin-bottom: 12px;
}
.moretoolsheadingandtype .moretoolstype {
    border-top: 1px solid #D2D5D9;
    padding-top: 12px;
    color: #777A80;
    font-size: 13.1px;
    font-style: normal;
    line-height: 14px; 
    text-transform: uppercase;
    font-family: 'Metropolis Semi Bold';
}
.techculturecontentbox {
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.techculturecontentbox .techculturecontentheading {
    font-size: 23.3px;
    font-style: normal;
    font-family: 'Metropolis Semi Bold';
    line-height: 23px; 
    text-transform: uppercase;
    margin-bottom: 12px;
}
.techculturecontentbox p {
    margin: 0;
}
#techculture {
    margin-bottom: 156px;
}
#techculture .expertisebox {
    margin-bottom: 117px;
}
.tectlabels {
    margin-top: 28px;
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    width: 90%;
}
.tectlabels span {
    border-radius: 2px;
    background: #F7F8FA;
    padding: 5px 7px;
    padding-top: 9px;
    font-size: 13.1px;
    font-style: normal;
    font-family: 'Metropolis Semi Bold';
    line-height: 14px;
    text-transform: uppercase;
}
#techculture .teamslide {
    cursor:not-allowed;
}
#techculture .teamslide.pointer {
    cursor: pointer;
}
.teamslider .slick-prev {
    bottom: 0 !important;
}
.teamslider .slick-next {
    bottom: -51px !important;
}
.techempheading {
    margin-bottom: 50px;
}
.redlabel {
    color: #E22A26;
    font-size: 17.46px;
    font-style: normal;
    font-family: 'Metropolis Semi Bold';
    line-height: 17px;
    text-transform: uppercase;
    margin: 28px 0;
}
.linktotalks {
    font-size: 17.46px;
    font-style: normal;
    font-family: 'Metropolis Semi Bold';;
    line-height: 17px;
    text-transform: uppercase;
    letter-spacing: -0.1px;
    margin-top: 50px;
}
.linktotalks svg {
    margin-top:-3px
}
.linktotalks a {
    color: #252429;
    text-decoration: none;
    padding-right: 7px;
}
.linktotalks a:hover {
    color: #E22A26;
}
.modal {
    display: none; /* Hidden by default */
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.7); /* Black with transparency */
}
.modal-content {
    position: relative;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    width: 962px;
    height: 540px;
}
.videoepbox {
    display: flex;
    gap: 28px;
    padding-top: 28px;
    padding-bottom: 50px;
    border-top: 1px solid #D2D5D9;
    cursor: pointer;
}
.videoepbox .videoimg {
    flex: 320px 0 0;
}
.videoepbox .videoimg img {
    max-width: 70%;
}
.videoepbox .videocontent .videocontentnumber {
    color: #777A80;
    font-size: 13.1px;
    font-style: normal;
    font-family: 'Metropolis Semi Bold';
    line-height: 14px; 
    text-transform: uppercase;
}
.videoepbox .videocontent .videocontenttitle {
    font-size: 23.3px;
    font-style: normal;
    font-family: 'Metropolis Semi Bold';
    line-height: 23px; 
    text-transform: uppercase;
    margin: 16px 0;
}
.videoepbox .videocontent p {
    margin-bottom: 0;
}
.videowatch {
    margin-top: 28px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.videowatchtime {
    display: flex;
    align-items: center;
    width: 70%;
}
.videotiming {
    margin-left: 21px;
    font-size: 13.1px;
    font-style: normal;
    font-family: 'Metropolis Semi Bold';
    line-height: 14px; 
    text-transform: uppercase;
    color: #777A80
}
.videowatch .videodate {
    font-size: 13.1px;
    font-style: normal;
    font-family: 'Metropolis Semi Bold';
    line-height: 14px; 
    text-transform: uppercase;
    color: #777A80;
}
.videoepbox:hover .videocontenttitle,
.videowatch .videowatchbutton:hover {
    color: #E22A26
}
.videowatch .videowatchbutton {
    font-size: 17.46px;
    font-style: normal;
    line-height: 17px; 
    text-transform: uppercase;
    letter-spacing: -0.1px;
    cursor: pointer;
    font-family: 'Metropolis Semi Bold';
    white-space: nowrap;
}
.videowatch .videowatchbutton svg {
    margin-right: 12px;
}
#itteamtalks,
#itlocations {
    margin-bottom: 156px;
}
#itlocations .missionvaluesmaincontent {
    padding-bottom: 88px
}
#itlocations .alllocationmain {
    justify-content: space-between;
}
#itlocations .alllocationmain .locationbox {
    flex: 1;
}
.italks .divisionmain {
    padding-bottom: 50px;
}
.itakjbannerpera {
    font-size: 23.3px;
    font-style: normal;
    font-weight: 400;
    line-height: 33px;
    width: 50%;
    margin-bottom: 88px;
}
.italks {
    margin-bottom: 156px;
}
.italks .pagination a,
.italks .pagination span {
    border: 1px solid #9DA0A6;
    color: #252429;
    margin: 0 2px;
    cursor: pointer;
    background: transparent;
    height: 50px;
    font-size: 13.1px;
    font-style: normal;
    font-family: 'Metropolis Semi Bold';
    line-height: 50px;
    text-decoration: none;
    width: 50px;
    justify-content: center;
    align-items: center;
    display: flex;
}
.italks .pagination span,
.italks .pagination a:hover,
.italks .pagination span:hover {
    color: #E22A26;
    border: 1px solid #252429;
    /* filter: invert(30%) sepia(100%) saturate(5000%) hue-rotate(355deg) brightness(90%) contrast(100%);
    -webkit-filter: invert(30%) sepia(100%) saturate(5000%) hue-rotate(355deg) brightness(90%) contrast(100%); */
}
.expertiseclass .divisionmain {
    margin-bottom: 50px;
}
.expertiseclass .expertisemaincontainer {
    padding-top: 66px;
}
.approachsinglebox {
    padding-top: 66px;
}
.approachsinglebox .moretoolsboxcontainer {
    margin-bottom: 156px;
}
.techteamslideshow {
    margin-bottom: 200px;
}
.culturecontainer {
    padding-top: 66px;
}
.wsp-container ul {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    margin-bottom: 60px;
    list-style: none;
    padding: 0;
    font-family: 'Metropolis Semi Bold';
    text-transform: uppercase;
    font-size: 13.1px;
    border-bottom: 1px solid #d2d5d9;
    padding-bottom: 20px;
}
.wsp-container ul li {
    margin-bottom: 14px;
}
.wsp-container ul li a:hover {
    color: #E22A26;
}
.wsp-jobs-list {border-bottom: 0 solid #d2d5d9 !important;}
.close {
    display: flex;
    width: 37px;
    height: 37px;
    justify-content: center;
    align-items: center;
    border: 1px solid #9DA0A6;
    cursor: pointer;
}
.close:hover {
    border: 1px solid #252429 !important
}
.contactpage.newsroomcontents .mainimg {
    margin-bottom: 66px;
}
.headquater .contactboxphoneemail,
.partnership .contactboxphoneemail {
    display: flex;
    padding: 9px 0px;
}
.contactboxphoneemail p a {
    font-family: 'Metropolis Medium';
}
#Travel .contactboxphoneemail,
#Banking .contactboxphoneemail,
#Investment .contactboxphoneemail,
#Lending .contactboxphoneemail,
#Entertainment .contactboxphoneemail,
.divisioncontentpera .contactrepeater .contactboxphoneemail,
#contactus .contactmain .contactboxphoneemail {
    padding: 9px 0px;
    align-items: baseline;
}
.techmainclass .numbersection .numberscontent .number {
    font-size: 96px;
    line-height: 87px; 
    letter-spacing: -6px;
    padding-bottom: 7px
}
#expertise .contactboxphoneemail {
    align-items: baseline;
}

@media screen and (max-width:1279px) {
    #expertise .contactboxphoneemail {
        align-items: baseline;
        flex-wrap: wrap;
    }
    #expertise .contactboxphoneemail p {
        flex:100% 0 0
    }
    #itlocations .alllocationmain .locationbox {
        flex: 100% 0 0;
    }
    #techculture .expertiseinner .expertiseinnerbanner,
    #techculture .expertiseinner .expertiseinnerbanner img {
        height: 207px;
    }
    #techculture .techculturecontentbox {
        margin-top: 0;
    }
    .techlistview {
        margin-top: 16px;
        margin-bottom: 36px;
    }
    .techmainclass .numbersection .numberscontent .number {
        font-size: 40.75px;
        line-height: 37px;
        letter-spacing: -1.2px;
        padding-bottom: 9px
    }
    .techmainclass .numbersection .numberscontent {
        flex: 100% 0 0;
    }
    .techmainclass .numbersection .numberscontent .numberfor {
        padding-top: 9px;
    }
    .techmainclass .numbersection {
        gap: 37px;
    }
    #Travel .contactboxphoneemail,
    #Banking .contactboxphoneemail,
    #Investment .contactboxphoneemail,
    #Lending .contactboxphoneemail,
    #Entertainment .contactboxphoneemail,
    .divisioncontentpera .contactrepeater .contactboxphoneemail,
    #contactus .contactmain .contactboxphoneemail {
        padding: 12px 0px;
    }
    .contactpage.newsroomcontents .mainimg {
        margin-bottom: 37px;
    }
    .filterbox {
        gap: 7px;
    }
    .redlabel {
        margin: 21px 0;
        font-size: 13.1px;
        font-style: normal;
        line-height: 14px;
    }
    .popupleft h2 {
        font-size: 13.1px;
        line-height: 14px;
    }
    .popupleft p {
        font-size: 13.1px;
        line-height: 19px;
        margin-bottom: 0;
        width: 100%;
    }
    .popupleft .popupempimg {
        width: 180px;
        height: 225px;
    }
    .popupleft .popupempimg img {
        width: 180px;
        min-height: 225px;
    }
    .articletypebox {
        margin-bottom: 37px;
    }
    .videowatchtime {
        flex-wrap: wrap;
    }
    .videotiming {
        margin-left: 0;
        flex: 50% 0 0;
    }
    .mobileviewvideobutton {
        display: flex;
        margin-top: 16px;
    }
    .sectorrepeater:nth-child(3) .sectorimage img.mobimg {
        object-position: right;
    }
    .expertisebox .expertiseinner {
        flex-wrap: wrap;
    }
    .expertiseinner .expertiseinnerdetail, .expertiseinner .expertiseinnerbanner {
        flex: 100% 0 0;
    }
    .expertiseinner .expertiseinnerbanner {
        height: 276px;
        order: 1;
    }
    .expertiseinner .expertiseinnerbanner img {
        height: 276px;
    }
    .expertiseinner .expertiseinnerbanner:after,
    .expertisebox:nth-child(odd) .expertiseinner .expertiseinnerbanner:after {
        transform: rotate(2deg) !important;
        -webkit-transform: rotate(2deg) !important;
        bottom: -28px !important;
        height: 40px !important;
        background: #fff !important;
        width: 101% !important;
        left: -1px !important;
    }
    .expertisebox .expertiseinner .expertiseinnerdetail {
        padding-right: 0;
        order: 2;
    }
    .expertisebox:nth-child(odd) .expertiseinner .expertiseinnerdetail {
        padding-left: 0;
        padding-right: 0;
    }
    .expertisebox:nth-child(odd) .expertiseinner .expertiseinnerbanner:after {
        -webkit-transform: inherit;
        transform: inherit;
        left: -1px;
        right: auto;
    }
    .techtoolsrepeater,
    .moretoolsboxcontainer {
        flex-wrap: wrap;
    }
    .techtoolsrepeater .techtoolimg, .techtoolsrepeater .techtoolheading, .techtoolsrepeater .techtoolperas {
        flex: 100% 0 0;
    }
    .techtoolsrepeater .techtoolimg {
        padding: 0px;
        justify-content: flex-start;    
    }
    .techtoolsrepeater .techtoolimg img {
        max-width: 202px;
    }
    .techtoolsrepeater:nth-of-type(odd) .techtoolimg {
        order: 1;
    }
    .techtoolsrepeater:nth-of-type(odd) .techtoolperas {
        order: 3;
    }
    .moretoolsboxcontainer .moretoolsbox {
        flex: 100% 0 0;
    }
    .hiddencontentpart .ontentpartleft p {
        font-size: 17.5px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px
    }
    .techmainpera p {
        flex: 100% 0 0;
        font-size: 17.5px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px; 
        letter-spacing: -0.1px;
    }
    .techmainclass .numbersection {
        margin-top: 50px;
        margin-bottom: 88px;
    }
    .expertiseinnerdetaillogo img {
        max-width: 200px;
    }
    .expertiseinnerdetaillogo {
        margin-top: 28px;
        margin-bottom: 28px;
    }
    .seemorebox {
        margin-top: 16px;
    }
    .seemorebox .seemorebtn {
        font-size: 13.1px;
        font-style: normal;
        line-height: 14px;
    }
    .hiddencontentpart.open {
        flex-wrap: wrap;
        gap: 0;
    }
    .hiddencontentpart .ontentpartleft {
        padding-right: 0;
    }
    .hiddencontentpart .ontentpartright img {
        margin-top: 28px;
    }
    .hiddencontentpart .ontentpartleft, .hiddencontentpart .ontentpartright {
        flex: 100% 0 0;
    }
    .expertisebox,
    .ittoolsbox {
        margin-bottom: 66px;
    }
    .techfrinheading,
    .moretoolsheadingandtype .moretoolsheading {
        font-size: 17.46px;
        font-style: normal;
        line-height: 17px;
    }
    .techfrinheading img {
        margin-right: 12px;
    }
    .techfrin:nth-of-type(4) .techlistview {
        margin-bottom: 66px;
    }
    .techtoolsrepeater {
        padding: 28px 0px;
        gap: 21px;
    }
    .moretoolsboxcontainer {
        gap: 37px 28px;
        margin-bottom: 88px;
    }
    .moretoolsheadingandtype, .moretoolscontent {
        margin-top: 16px;
    }
    .techculturecontentbox {
        gap: 37px;
        margin-top: 37px;
    }
    #techculture .expertisebox {
        margin-bottom: 66px;
    }
    .techculturecontentbox .techculturecontentheading {
        font-size: 17.46px;
        font-style: normal;
        font-family: 'Metropolis Semi Bold';
        line-height: 17px;
    }
    .linktotalks {
        margin-top: 37px;
    }
    .videoepbox .videocontent .videocontenttitle {
        font-size: 17.46px;
        font-style: normal;
        font-family: 'Metropolis Semi Bold';
        line-height: 17px; 
        margin: 12px 0;
    }
    .videoepbox {
        padding-top: 16px;
        padding-bottom: 37px;
        gap: 16px;
    }
    .videowatch {
        margin-top: 21px;
        flex-wrap: wrap;
        gap: 16px;
    }
    .videowatch .videowatchbutton,
    .videowatch .videodate {
        flex: 100% 0 0
    }
    #itteamtalks, #itlocations {
        margin-bottom: 88px;
    }
    #itlocations .missionvaluesmaincontent {
        padding-bottom: 66px;
    }
    .modal-content {
        width: 662px;
        height: 360px;
    }
    .expertisebox:last-child {
        margin-bottom: 88px;
    }
    .techtoolsrepeater .techtoolheading {
        font-size: 17.46px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px; 
        letter-spacing: -0.1px;
    }
    .expertiseclass .divisionmain {
        margin-bottom: 0;
    }
    .expertiseclass .expertisemaincontainer {
        padding-top: 50px;
    }
    #contents.expertiseclass h1,
    #contents.italks h1 {
        margin-top: 21px;
    }
    .itakjbannerpera {
        width: 100%;
        font-size: 17.46px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
    }
    .italks {
        margin-bottom: 88px;
    }
    .approachsinglebox {
        padding-top: 50px;
    }
    .approachsinglebox .ittoolsbox {
        padding-top: 66px;
    }
    .approachsinglebox .moretoolsboxcontainer {
        margin-bottom: 88px;
    }
    .culturecontainer {
        padding-top: 50px;
    }
    .techteamslideshow {
        margin-bottom: 158px;
    }
    .techteamslideshow .teamslider .teamslide {
        margin-bottom: 20px;
    }
    .videoepbox .videoimg {
        flex: 88px 0 0;
    }
    .videoepbox .videoimg img {
        max-width: 100%;
        width: 88px;
        height: 88px;   
    }
    .techlistview div {
        flex: 33.33% 0 0;
    }
    .seemorebox {
        padding: 0 21px;
    }
    .seemorebox .seemorebtn {
        margin-bottom: 0;
        margin-top: 0;
        height: 66px;
        line-height: 68px;
        padding-top: 0;
        padding-bottom: 0;
    }
    .seemorebox .seemorebtn svg {
        margin-top: 25px;
    }
    .techtoolsrepeater .techtoolimg img {
        max-width: 120px;
    }
    .alllocationmain .locationbox {
        min-height: auto;
    }
    .accreditationslide, .awdslide {
        padding: 0 12px;
    }
}
@media screen and (max-width:600px) {
    .techmainclass .numbersection .numberscontent {
        flex: 100% 0 0;
    }
}
@media screen and (max-width:520px) {
    .teamslider .teamslide .empimg {
        max-width: 96%;
        width: 100%;
        height: 215px;
        margin-bottom: 16px;
    }
    .teamslider .teamslide .empimg img {
        min-height: auto;
        width: 100%;
        height: 215px;
    }
    .awdimgbox {
        padding: 0;
        width: 90%;
    }
    .awdimgbox img {
        width: 100%;
    }
}
@media screen and (max-width:410px) {
    .techlistview div {
        flex: 50% 0 0;
        padding-right: 0;
    }
}


/* Iphone 12 mini 14 */
@media screen 
  and (min-device-width: 375px) 
  and (max-device-width: 375px) 
  and (min-device-height: 812px) 
  and (max-device-height: 812px) 
  and (-webkit-device-pixel-ratio: 3) {
    .contactboxphoneemail {
        gap:0
    }
    .contactboxphoneemail p.contactlabel {
        margin-bottom: 12px;
    }
    .megamenucontainer .socialmedia p {
        padding-top: 22px;
    }
    .brandlogos {
        gap:0 !important;
        padding-bottom: 0 !important;
    }
    .brandlogos img {
        max-width: 120px;
        margin-right: 37px;
        margin-bottom: 28px;
    }
    .toolbar-menu {
        margin-right: 28px;
    }
    .menuiconmega {
        margin-right: 7px !important;
    }
    .closeiconmega {
        margin-right: 7px !important;
    }
    .socialmedia {
        gap:0 !important
    }
    .socialmedia a {
        display:inline-block;
        margin-right: 12px;
    }
    #topmenu ul li {
        margin-right: 21px;
    }
    .numbersection .numberscontent {
        margin-bottom: 37px;
    }
    .missiondetail .missiondetailcontent, .valuesetail .valuesdetailcontent {
        margin-bottom: 37px;
    }
    .tabs .tab {
        margin-right: 28px;
    }
    .boxmain .boxviewcontent {
        margin-bottom: 28px;
    }
    .boxcontent h3 {
        margin-bottom: 21px;
    }
    .divnumbers .divnumbersbox {
        margin-bottom: 28px;
    }
    .awardsbox {
        margin-top: 40px;
    }
    .newsroomtabs .divtabs .divtab {
        margin-right: 28px;
    }
    .newsbox .newsboxtype, .newsbox .newsheadinganddate, .newsbox .newscontent {
        margin-bottom: 21px;
    }
    .mediarulesbox .mediarulesboxinner {
        margin-bottom: 37px;
    }
    .mediarulesbox .mediarulesboxinner svg {
        margin-bottom: 16px;
    }
    .sectorheading {
        height: 110px;
    }
    .sectorcontent .sectorcontentinner {
        margin-bottom: 28px;
    }
    .missionvaluesmaincontent h2, .missionvaluesmaincontent .missionpera {
        margin-bottom: 28px;
    }   
    .dvsbrandbox .dvsbrandboxcontainer {
        flex: 1;
    } 
    .dvsbrandbox .dvsbrandboxcontainer {
        padding-top: 20px;
        gap: 0;
    }
    .dvsbrandbox .dvsbrandboxcontainer p {
        margin-bottom: 20px;
    }
    .dvsbrandboxcontainer a {
        margin-top: 20px;
        font-size: 17.46px;
        line-height: 30px;
        letter-spacing: -0.1px;
    }
    .divisioncontentpera .contactrepeater .contactboxphoneemail {
        gap: 7px;
    }
    .divisionmain p {
        padding-top: 28px;
    }
    .teammenunavigation ul li {
        margin-right: 21px;
        margin-bottom: 12px;
    }
    .divtab img {
        margin-bottom: 16px !important;
    }
    .divtab p {
        padding-top: 16px!important;
    }
    .techtoolsrepeater .techtoolimg img {
        margin-bottom: 28px!important;
    }
    .moretoolsboxcontainer .moretoolsbox {
        margin-bottom: 37px!important;
    }
    .moretoolsboxcontainer .moretoolsbox:last-child {
        margin-bottom: 0!important;
    }
    .techculturecontentbox div {
        margin-bottom: 37px!important;
    }
    .videoepbox .videoimg {
        margin-right: 28px!important;
    }
    .filterbox {
        gap: 0;
    }
    .filterbox select,
    .filterbox .dropdown {
        margin-bottom: 12px!important;
    }
    .filterbox select:last-child,
    .filterbox .dropdown:last-child {
        margin-bottom: 0!important;
    }
    a, a:hover {
        text-decoration: none!important;
    }
    .dvsbrandboxcontainer a {
        text-decoration: underline !important;
    }
    .awardsbox .awardscontainer .awards .inneraward:first-child img {
        margin-bottom: -8px!important;
    }
    .videoepbox .videoimg {
        margin-bottom: 28px;
    }
    .backlink a svg {
        margin-right: 7px;
    }
    .dropdown {
        margin-bottom: 16px;
    }
    .moove-gdpr-button-holder {
        width: 100%;
        justify-content: flex-end!important;
    }
    .awardscontainer .awards:first-child {
        display: none;
    }
    .awardsbox .awardscontainer, .awardsbox .awardscontainer .awards .inneraward {
        flex-direction: unset!important;
        flex-wrap: wrap!important
    }
    .awardsbox .awardscontainer .awards .inneraward:nth-child(2) img {
        height: auto!important;
        margin-bottom: 28px;
    }
    .awardsbox .awardscontainer .awards .inneraward p {
        padding-top: 0;
    }
    .contentdetail {
        gap:0!important
    }
    .tab-content .content .contenttext .contentbar {
        margin-right: 10px!important;
    }
    .sectorrepeater:nth-child(3) .sectorimage img.mobimg {
        object-position: right;
    }
    .tectlabels {
        gap: 0;
    }
    .tectlabels span {
        margin-bottom: 10px;
        margin-right: 10px;
    }
    .techmainclass .numbersection {
        gap: 0;
    }
    .sociallinksgap {
        gap: 0;
    }
    .sociallinksgap a {
        margin-right: 20px;
    }
    .tab-content .content {
        gap:0;
    }
    .tab-content .content .contenttext, .tab-content .content .contentimage {
        margin-top: 37px;
    }
    .dvsbrandbox,
    .expertisebox .expertiseinner {
        gap:0
    }
    .dvsbrandbox .mobiledvsbrandboximage,
    #techculture .expertiseinner .expertiseinnerbanner, #techculture .expertiseinner .expertiseinnerbanner img {
        margin-bottom: 28px;
    }
}
@media screen and (max-width:386px) {
    .videoepbox {flex-wrap: wrap;}
}


/* 20 Years Link */
.twentyyearslink {
    margin: 0;
    margin-top: 32px;
    font-size: 13.1px;
    font-style: normal;
    font-family: 'Metropolis Semi Bold';
    line-height: 14px;
    text-transform: uppercase;
}
.twentyyearslink a {
    color: #252429;
    text-decoration: none;
}
.twentyyearslink a:hover,
.twentyyearslink a span {
    color: #E22A26;
}
.twentyyearslink a span {
    margin-right: 5px;
}
.megamenucontainer .twentyyearslink {
    margin-top: 0;
    line-height: 14px;
}
@media screen and (max-width:1279px) {
    .twentyyearslink {
        margin-top: 27px;
    }
}

/* Combined styles for iPad 6th gen (both orientations) */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .awardsbox .awardscontainer, .awardsbox .awardscontainer .awards .inneraward {
        margin-right: 28px;
        display: inline-block;
    }
    .awardsbox .awardscontainer, .awardsbox .awardscontainer .awards .inneraward:last-child {
        margin-right: 0;
    }
    .awardsbox .awardscontainer .awards .inneraward img {
        margin-bottom: 16px;
    }
    .filterbox select,
    .filterbox .dropdown {
        margin-bottom: 12px;
    }
    .numbersection .numberscontent {
        padding-right: 16px;
    }
    .overlay {
        -webkit-clip-path: polygon(0% 100%, 100% 0, 100% 100%, 0 100%, 0 100%);
        clip-path: polygon(0% 100%, 100% 0, 100% 100%, 0 100%, 0 100%);
    }
    .awardsbox .awardscontainer, .awardsbox .awardscontainer .awards .inneraward {
        margin-top: 28px;
    }
}


/* GDPR BANNER CSS */
#moove_gdpr_cookie_info_bar {
    max-width: 1364px!important;
    margin: 0 auto;
    right: 0;
    left: 0;
    padding: 16px 28px;
    background-color: #252429 !important;
    border-top: 1px solid transparent !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container,
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content,
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder {
    padding: 0 !important;
}
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme p, .moove-gdpr-info-bar-content p a {
    font-size: 13.1px!important;
    font-style: normal!important;
    font-weight: 400!important;
    line-height: 19px!important; 
    letter-spacing: 0.2px!important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
    height: 50px !important;
    padding: 0px 21px !important;
    border: 1px solid #9DA0A6 !important;
    background: transparent !important;
    font-size: 13.1px !important;
    font-style: normal !important;
    font-family: 'Metropolis Semi Bold' !important;
    line-height: 14px !important;
    text-transform: uppercase !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:hover {
    border: 1px solid #fff !important;
    color: #E22A26 !important;
}
.moove-gdpr-cookie-notice {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* flex: 84% 0 0; */
}
.moove-gdpr-cookie-notice p:first-child {
    max-width: 818px;
}
.moove-gdpr-cookie-notice p:nth-child(2) {
    font-size: 13.1px;
    font-style: normal;
    line-height: 14px;
    /* text-transform: uppercase; */
}
.moove-gdpr-cookie-notice p:nth-child(2) a {
    text-decoration: none !important;
    font-family: 'Metropolis Semi Bold' !important;
}
.moove-gdpr-cookie-notice p:nth-child(2) a:hover {
    color: #E22A26 !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container {
    display: block !important;
}
.moove-gdpr-info-bar-content {
    justify-content: space-between;
}
#DYNINNO\.comPRIVACYPOLICY-DYNINNOGROUPCOOKIEPOLICY {
    padding-top: 80px;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:first-child {
    order: 2
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:nth-child(2) {
    order: 1;
    border: none !important;
}
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a {
    font-family: 'Metropolis Semi Bold';
}
.floating-label {
    position: relative;
    flex: 1;
}
.floating-label label {
    position: absolute;
    top: 28px;
    left: 17px;
    font-family: 'Metropolis Semi Bold';
    color: #252429;
    font-size: 13.1px;
    font-style: normal;
    line-height: 14px;
    transition: all 0.4s ease;
    text-transform: uppercase;
}
.form-floating>label {
    position: absolute;
    font-family: 'Metropolis Semi Bold';
    color: #252429;
    font-size: 13.1px;
    font-style: normal;
    line-height: 14px;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    text-transform: uppercase;
}
.form-floating>label {
    padding:0 !important;
    height: auto !important;
    top: 28px;
    left: 17px;
}
.floating-label:has(input:focus) label,
.floating-label:has(input:not(:placeholder-shown)) label,
.floating-label:has(textarea:focus) label,
.floating-label:has(textarea:not(:placeholder-shown)) label,
.selectlabel:has(select:focus) label,
.selectlabel:has(select option[selected]:not([value=""])) label,
.selectlabel:has(select option:checked:not([value=""])) label {
    top: 18px;
    font-size: 10.2px;
    font-style: normal;
    line-height: 10px;
}
.floating-label:has(input:focus) input,
.floating-label:has(textarea:focus) textarea,
.floating-label:has(select:focus) select {
    border: 1px solid #252429;
    background: #fff;
}
.floating-label input::placeholder,
.floating-label textarea::placeholder {
    font-size: 0 !important;
}
.wpcf7-captchar {
    padding-top: 0 !important;
}

@media screen and (max-width:1279px) {
    .floating-label label {
        top: 20px;
    }
    .floating-label:has(input:focus) label,
    .floating-label:has(input:not(:placeholder-shown)) label {
        top: 11px;
    }
    .floating-label:has(textarea:focus) label,
    .floating-label:has(textarea:not(:placeholder-shown)) label {
        top: 11px
    }
    #moove_gdpr_cookie_info_bar {
        max-width: 100%!important;
    }
    .moove-gdpr-cookie-notice,
    #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content {
        flex-wrap: wrap;
    }
    #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme p {
        flex: 100% 0 0;
    }
    .moove-gdpr-cookie-notice {
        flex: 100% 0 0 !important;
    }
    .moove-gdpr-cookie-notice p:first-child {
        max-width: 100% !important;
    }
    .moove-gdpr-button-holder {
        width: 100%;
        justify-content: end;
    }
    /* .moove-gdpr-cookie-notice p:nth-child(2) {
        position: absolute;
        bottom: 33px;
        right: 238px;
    } */
    #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-cookie-notice {
        margin-bottom: 16px !important;
    }
}
@media screen and (max-width:440px) {
    #moove_gdpr_cookie_info_bar {
        padding: 16px!important;
    }
    .moove-gdpr-cookie-notice p:nth-child(2) {
        right: auto!important;
        left: 23px!important;
    }
    /* .numbersection {
        flex-wrap: inherit!important;
    } */
}

.wpcf7 form.sent .wpcf7-response-output {
    background: #46b450;
    color: #fff;
    position: absolute;
    top: -97px;
    left: -8px;
}
.socialmobilearjust {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.socialmobilearjust a img {
    width: 151px;
    height: 50px;;
}
.flexend {
    align-items: flex-end;
}
@media screen and (max-width:1279px) {
    .socialmobilearjust a img {
        margin-top: 37px;
    }
    .flexend {
        align-items: baseline;
    }
}