/*********Home sec**************/
.home-bg{
    align-items: center;
    display: flex;  
}
.banner{
    background-size: cover !important;
    background-position: top center !important;
    position: relative;
}
.banner-title.banner-vw {
    padding: 1vw 0px 0 0;
}
.mobile-fitto-screen.banner {
    height: 100vh !important;
}
.home-sec-inn {
    display: flex;
    justify-content: center;
}
.home-sec-inn a {
    font-size: 3.1vw;
    text-transform: uppercase;
    margin: 0 1.5vw;
    font-family: 'nexabold';
}
section.people-landing-bg.banner {
    height: 45vw;
}
/******************Who We are**********/

.disclaimer-wrapper a {
    color: #000;
    font-size: 0.9vw;
    font-family: 'nexaregular';
    text-decoration: underline;
}
.disclaimer-wrapper {
    width: 100%;
    position: absolute;
    right: 1vw;
    padding: 0;
    text-align: right;
    top: auto;
    z-index: 2;
    bottom: 1.5vw;
}
.banner-vw {
    width: 40vw;
}
.sec-title {
    font-size:2vw;
    font-family: 'Nexa-ExtraBold';
    padding-bottom: 1.5vw;
    line-height: 2.3vw;
    color: #333;
}
.banner-title span {
    color: #FF3448;
}
.banner-title {
    position: relative;
    z-index: 2;
}
.banner-vw p{
    width: 30vw;
}
.banner-title p {
    padding-bottom: 1.2vw;
}
.sec-title-para{
    font-size: 1.3vw;
    line-height: 1.8vw;
}
.sec-title-paraxl{
    font-size: 2vw;
    line-height: 2.6vw;
}
.approach-panel p {
    font-size: 1.3vw;
}
.apporach-swiper {
    padding: 1vw 00 0;    
}
.approach-panel .swiper-slide {
    background: #202954;
    color: #fff;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    padding: 1vw 1vw;
    border-radius: 1vw;
    height: 11.5vw;
    flex-direction: column;
}
.approach-panel .swiper-slide:hover {
    background: #FF3448;
}
.approach-panel .swiper-slide h3 {
     font-size: 2vw;
    padding: 0 0 0.2vw 0;
    font-family: 'Nexa-ExtraBold';
}
.approach-panel .swiper-slide p {
    font-size: 1vw;
    line-height: 1.2vw;
}
.banner-title a {
    margin: 1.2vw 0;
}
.spiral-bg {
  position: absolute;
  bottom: 0;
  right: -12vw;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}
.spiral-bg img{
    width: 65vw;
}

/* Static sphere stays still */
.sphere {
  width: 100%;
  height: auto;
  display: block;
}
.world-img {
    justify-content: center;
    display: flex;
}
.world-img img {
    width: 42vw;
}
/* Rotating spiral lines */
.rotating-spiral {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  animation: rotateSpiral 30s linear infinite;
  transform-origin: center;
  pointer-events: none;
  display: none;
}
@keyframes rotateSpiral {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.approach-inner{
    position: absolute;
    bottom: 1vw;
    width: 80vw;
    z-index: 1;
}
.pds-world-inner {
    padding: 3.5vw 0 4vw 0;
     height: 50vw;
}
.world-row {
    height: 100%;
    position: relative;
}
.source-list {
    display: flex;
    align-items: flex-start;
    height: 80%;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-end;
    position: absolute;
    left: 1vw;
    bottom: 5vw;
}
.list-bx {
    width: 1.5vw;
    height: 1.5vw;
    margin: 0 10px 0 0;
    -webkit-appearance: none;
    border-radius: 0.2vw;
    position: relative;
}
.list-bx:checked::before {
    content: '\2713';
    display: flex;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    color: #fff;
    font-weight: bold;
    font-size: 1.1vw;
}
.source-label {
    display: flex;
    align-items: center;
    font-size: 1.2vw;
    font-family: 'nexabold';
}
.list-bx.light-blue {
     background: #d2dfb5;
}
.list-bx.light-grey {
   background: #b6c3ea;
}
.list-bx.red {
    background: #FF3448;
}
.list-bx.davy-grey {
    background: #555555;
}
.title-padding {
    padding: 2vw 5vw 0 0;
}
.tab-sec-inner {
    padding: 3vw 0 8vw 0;
}
.tab-sec-style {
    padding-bottom: 0;
}
.sec-tab {
    background: #D2D4DD;
}
.tab-spacing {
    padding: 2.8vw 0 3vw 0;
    margin: 0 -15px;
}
.tab-theme {
    justify-content: space-between;
    flex-wrap: nowrap;
}
.tab-theme li {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 0.7vw;
}
.tab-theme .nav-item a.active {
    background: #FF3448;
    color: #fff;
    box-shadow: 0 0 3px #00000029;
}
.tab-theme .nav-item a {
    background: rgba(255, 255, 255, 0.6);
    color: #333333;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3.2vw;
    font-size: 1.3vw;
    border-radius: 0.3vw;
    font-family: 'Nexa-ExtraBold';
    border: none;
}
.tab-content {
    position: relative;
}
.leader-context h3 {
    font-size: 1.3vw;
    font-family: 'Nexa-ExtraBold';
}
.leader-context {
    margin: 1.5vw 0 0;
    position: relative;
}
.arrow-img {
    position: absolute;
    top: 0vw;
    right: 2vw;
    width: 2.5vw;
}
.leader-context p {
 font-size: 1vw;
    width: 20vw;
    padding: 0.5vw 0 0;
}
#leadermodal .leader-context p{
    width:auto;
}
.swiper-carousel.swiper-carousel-controls {
     position: relative;
    width: 18vw;
    z-index: 9;
    margin: 0 auto;
    margin-top: 5vw;
    height: 5vw;
    bottom: auto;
}
.swiper-carousel {
    position: absolute;
    bottom: -6vw;
    width: 18vw;
    z-index: 1;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.swiper-carousel .swiper-button {
    width: 2.5vw;
    height: 2.5vw;
    background-size: contain !important;
    top: -0.5vw !important;
    z-index: 9;
}
.swiper-carousel.swiper-carousel-white .swiper-button {
    background-size: contain !important;
}
.swiper-pagination {
    top: -1vw !important;
    position: absolute;
    width: auto !important;
    left: 0 !important;
    right: 0 !important;
    z-index: -1;
}
.swiper-button:after{
    display: none;
}
.swiper-carousel-white .swiper-pagination-bullet {
    background: #fff;
}
.swiper-carousel-white .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: transparent;
    border: 0.1vw solid #fff;
}
.swiper-pagination-bullet {
    width: 0.5vw;
    height: 0.5vw;
    background: #555555;
    opacity: 1;
    border-radius: 1vw;
    cursor: pointer;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: transparent;
    width: 2.2vw;
    height: 0.7vw;
    border: 0.1vw solid #555555;
}
.latest-updates-inner {
    padding: 5.2vw 0 10vw 0;
}
.latest-news-inner {
    padding: 5vw 0 4.5vw  0;
}
.news-panel {
    display: flex;
    width: 100%;
}
.newslider .swiper-carousel {
    margin: inherit;
    z-index: 1;
}
.news-panel a {
    background: #F3F4F6;
    display: flex;
    padding: 1.5vw 1.5vw;
    width: 100%;
}
.news-img img {
    width: 100%;
}
.news-context {
    width: 19vw;
    padding: 1.5vw 1vw 0 1.5vw;
}
.news-context p {
    font-size: 1vw;
    padding: 0 0 0.5vw 0;
}
.news-context h3 {
    font-size: 1.5vw;
    font-family: 'Nexa-ExtraBold';
}
.news-img {
    width: 19vw;
}
.news-context .arrow-img {
    right: 1vw;
    top: 1vw;
}
.filterby {
    margin: 0 0 2.5vw 0;
}
.select-theme {
    border: 1px solid #C1C1C1 !important;
    width: 20vw;
    height: 3vw;
    border-radius: 2vw;
    font-size: 1.3vw;
    padding: 0 1.5vw;
    font-family: 'Nexa-ExtraBold';
    outline: none !important;
    background-size: 1.2vw 1.2vw;
}
.swiper-container-theme .swiper-wrapper {
    overflow: visible;
}
.Swiper-for3slides.swiper-container-theme {
    overflow: hidden;
}
.swiper-container-theme.Swiper-for1slides {
    overflow: hidden;
}
.swiper-container-theme {
    position: relative;
}
.view-all-sec {
    padding: 4.5vw 0;
    display: flex;
    justify-content: flex-end;
}
.btn-arrow-img {
    position: absolute;
    right: 0.6vw;
    width: 2vw;
    bottom: 0.6vw;
}
/************modal*********/
.modal-theme {
position: absolute;
    padding: 0 !important;
    background: #fff;
    top: 1vw;
    overflow: inherit;
    height: 45.8vw;
}
body.modal-open {
    padding-right: 0 !important;
}
.buss-modal-theme {
    height: 37.5vw;
    top: 8vw;
    overflow: hidden;
}
.modal-theme .modal-dialog {
    width: 100%;
    margin: 0;
    max-width: 100%;
    height: 100%;
}
.modal-theme .modal-content{
        height: 100%;
}
.modal-theme .modal-body {
    padding: 0;
}
.modal-context {
    width: 45vw;
    height: 100%;
    overflow-y: auto; 
    -webkit-overflow-scrolling: touch; /* for smooth scrolling in Safari */
    display: block; /* ensure it's treated as a block-level element */
}
.context-list {
    padding: 1vw 3vw 5vw 3vw;
}
.leader-desc p {
    font-size: 1vw;
    padding: 1vw 0 0 00;
}
.modal-context span {
    font-size: 1vw;
    display: inline-block;
    padding: 1vw 0;
}
button.close {
    border: none;
    background: transparent;
    padding: 0;
    color: #000;
    font-size: 1vw;
}
.modal-profile {
    width: 35vw;
    top: 0;
    padding: 0;
    position: absolute;
    right: 0;
    height: 100%;
}
.modal-profile img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.contact-feed ul li a img {
    width: 1.5vw;
}
.modal-logo-wrapper {
    width: 9vw;
}
.modal-backdrop {
    display: none;
}
.modal-context .leader-context {
    padding: 0;
}
.mobile-view{
    display: none;
}
.buss-modal-contact {
    width: 27vw;
    background: rgba(210, 212, 221, 0.5);
}
.buss-modal-context {
background: #F3F4F6;
    width: 56vw;
    padding: 2vw 1vw;
    overflow-y: auto;
    height: 37.5vw;
}
.buss-modal-logo {
    width: 27vw;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.buss-modal-row {
    height: 100%;
    display: flex;
}
.buss-modal-logo .close {
    position: absolute;
    top: 0;
    left: 0;
}
.modal-contact-info {
    padding: 4.5vw 2vw;
    width: 100%;
    height: 75%;
}
.modal-contact-info p {
    font-size: 1vw;
}
.modal-contact-info h3 {
    font-size: 1.3vw;
    font-family: 'Nexa-ExtraBold';
    padding: 0.3vw 0;
}
.contact-feed {
    width: 100%;
    position: relative;
    height: 25%;
}
.contact-feed ul {
    border-top: 1px solid #B9B9BE;
    display: flex;
    padding: 2vw 2vw;
    width: 100%;
    gap: 0.5vw;
}
.contact-feed ul li {
    margin: 0;
}
.visit-btn {
    position: absolute;
    width: 100%;
    bottom: 0;
}
.visit-btn a {
    width: 100%;
    border-radius: 0;
    justify-content: center;
}
/*************what we do***********/
.wave-bg {
    position: absolute;
    right: 5.5vw;
    bottom: 25vw;
}
.hidetext {
    color: #333 !important
}
.banner-what-vw{
    width: 35vw;
    padding: 0vw 0px 0px
}
.banner-what-vw p {
    width: 40vw;
}
.items-list {
    position: static;
    width: 100%;
    padding: 3vw 0 0 0;
}
.item-image {
    position: relative;
    overflow: hidden;
}
.item-image img {
    object-fit: cover;
    min-height: 25vw;
    width: 100%;
    object-position: top;
}
.item-desc {
    position: absolute;
    bottom: 0;
    padding: 1vw 1vw;
    width: 100%;
}
.item-hover-content{
    position: absolute;
    width: 100%;
    color: #fff;
    background: rgba(000, 000, 000, 0.5);
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-end;
    top: 0;
    padding:1vw 1vw;
    opacity: 0;
    transform: translateY(0);
    transition: opacity 0.4s, transform 0.4s;
    pointer-events: none;
    overflow: hidden;
}
.item-thumb {
    position: relative;
    overflow: hidden;
}
.item-thumb:hover .item-hover-content {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}
.item-thumb:hover .item-desc-overlay{
    display: none;
}
.item-desc h2 {
    font-size: 1.3vw;
    color: #fff;
    font-family: 'Nexa-ExtraBold';
    min-height: 3vw;
    width: 12vw;
}
.item-desc p {
    color: #fff;
    font-size: 1vw;
}
.hw-inner {
    padding: 5vw 0 8vw 0;
    width: 55vw;
    margin: 0 auto;
}
.hw-list {
    padding: 3.5vw 0 0 0;
    position: relative;
}
.hw-list ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    padding: 0 3vw;
    margin: 0 auto;
    width: 55vw;
    height: 5vw;
    position: relative;
}
.hw-list li:nth-child(3) {
    position: relative;
    left: 5vw;
}
.hw-list li:nth-child(4) {
    position: relative;
    left: 2vw;
}
/* Regular list items */
.hw-list li {
    font-size: 1.2vw;
    font-family: 'Nexa-ExtraBold';
    color: #333;
    padding: 0 1vw;
    z-index: 1;
}
.circle-img-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
}
.hw-bx {
    background-size: contain !important;
    background-position: center center !important;
    height: 8.5vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.circle-img-wrapper img {
    width: 6.5vw;
}
.spacer-li {
  flex: 0 0  6vw; 
  pointer-events: none;
  visibility: hidden;
}

.ecosys-inner {
    padding: 14vw 0 14vw 0;
}
.reach-out-text {
    padding: 1.5vw 0 0;
    display: flex;
}
.reach-out-text p {
    font-size: 1.1vw;
    padding: 0 0 0 1vw;
    line-height: 1.1vw;
    width: 17vw;
}
.logo-collage {
    position: relative;
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: center;
    padding: 0 0 0 6vw;
}
.logo-center {
    width: 25vw;
}
.logo-center img {
  width: 100%;
}
.logos-grid ul {
    position: absolute;
}
.logos-grid {
    position: relative;
    width: 22vw;
}
.logos-grid ul li {
    position: absolute;
}
.logo-foreast {
    left: 20vw;
    top: -8vw;
}
.logo-tdg {
    left: 25vw;
    top: -3vw;
}
.logo-zamira {
    left: 14vw;
    top: -8vw;
}
.logo-positive {
    left: 15vw;
    top: -2vw;
}
.logo-sou {
    left: 7vw;
    top: -4.5vw;
}
.logo-krayons {
    left: 2vw;
    top: 3vw;
}
.logo-clover {
left: 7vw;
    top: 5vw;
}
.logo-ksl {
    top: 3vw;
    left: 10vw;
}
.logo-norlanka {
     top: 8.5vw;
    left: 2vw;
}
.logo-tecnho {
    top: 9vw;
    left: 9vw;
}
.logo-sourcing {
    top: 14vw;
    left: 7vw;
}
.logo-brandcollective {
    top: 17vw;
    left: 12vw;
}
.logo-groupsourcing {
    top: 19vw;
    left: 8vw;
}
.logo-pdsradius {
    top: 20vw;
    left: 20vw;
}
.logo-twinasia {
    top: 18vw;
    left: 7vw;
}
.logo-craft {
    top: 22vw;
    left: 13vw;
}
.logo-z {
    top: 23vw;
    left: 15vw;
}
.logo-brandgroup {
top: -0.5vw;
    left: 4vw;
}
.logo-spring {
    right: 0vw;
    top: -8vw;
}
.logo-forease {
    right: 5vw;
    top: -5.5vw;
}
.logo-tailoring {
    right: -4vw;
    top: -4.5vw;
}
.logo-poetic {
right: -5vw;
    top: -1.5vw;
}
.logo-gssl {
    top: 17vw;
    right: 12vw;
}
.logo-lillyś {
    top: 19vw;
    right: 2vw;
}
.logo-asiastar {
    top: 21vw;
    right: -6vw;
}
.logo-casecollect {

    top: 9vw;
    left: 2vw;
}
.logo-brands {
    top: 23vw;
    left: -8vw;
}
.logo-enterprise {
    top: 4vw;
    left: 1vw;
}
.logo-berry {
top: 1vw;
    left: 5vw;
}
.logo-design {
    top: 2vw;
    left: -1vw;
}
.logo-octopus {
    top: 19vw;
    left: -2vw;
}
.logo-dbs {
    top: -3vw;
    right: -12vw;
}
.logo-apporach {
    top: 14vw;
    right: -7vw;
}
.logo-center img {
    width: 18vw;
}
.logos-grid ul li.logo-brands img{
    max-height: 3vw;
}
.logos-grid ul li img {
    max-width: 100%;
    min-height: 1.2vw;
    display: block;
    object-fit: contain;
    max-height: 2.3vw;
}
.logos-grid ul li a {
    display: block;
    width: 7vw;
    cursor: pointer;
}
.wave-bg img {
    width: 45vw;
}
.business-tab-theme .nav-item a {
    font-size: 1vw;
    padding: 0.5vw 2.1vw !important;
}
.swiper-logo-wrapper img {
    object-fit: contain;
    display: block;
    max-width: 100%;
    width: auto;
    min-height: 70%;;
}
.swiper-logo-wrapper a
{
    background: #fff;
    height: 13.1vw;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 1.5vw 0;
    box-shadow: 0 3px 6px #0000000D;
    padding: 3vw 3vw;
    position: relative;
    overflow: hidden;
    transition: 0.3s all ease-in-out;
}

.coinvestor-hover-text {
 position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FF3448;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 1vw;
  transform: translate3d(100%, 0, 0);
  transition: transform 0.3s ease-in-out;
  z-index: 2;
  will-change: transform;
  backface-visibility: hidden;
}

/* On hover (desktop) */
.swiper-logo-wrapper a:hover .coinvestor-hover-text {
  transform: translate3d(0, 0, 0);

}
.coinvestor-hover-text h2 {
    font-size: 1.3vw;
    font-family: 'Nexa-ExtraBold';
    padding: 0 0 0.5vw 0;
}
.coinvestor-hover-text p {
    font-size: 1.1vw;
}
/********************PDS Ventures**********/
.pds-ventures {
    background: linear-gradient(#E3DDE6, #C6CCE9) no-repeat;
    position: relative;
    z-index: 1;
}
.pds-ventures-vw {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 6vw 0 0 0;
    text-align: center;
}
.venture-logo {
padding: 0 0 1vw 0;
    width: 50vw;
}
.title-black h1 {
    font-family: 'nexaregular';
}
.title-black span {
    color: #000;
    font-family: 'Nexa-ExtraBold';
}
.sec-venture-inner {
    background: #E2DDE6;
    position: relative;
}
.venture-innerlist {
    position: relative;
}
.venture-context {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    width: 72vw;
    margin: 0 auto;
    padding: 0;
}
.union-img {
    position: absolute;
    top: -11.5vw;
    left: 0;
    text-align: center;
    right: 0;
}
.venture-context p {
    font-size: 2vw;
    line-height: 2.8vw;
    padding: 0 0 2.6vw 0;
}
.banner-wave-img {
position: absolute;
    z-index: 1;
    bottom: -5vw;
}
.ventures-tab-theme .nav-item a.active {
    background: #B7C3EA;
    color: #000;
}
.tab-sub-title {
    padding: 3vw 0;
}
.tab-sub-title p {
    font-size: 1.3vw;
    font-family: 'Nexa-ExtraBold';
}
.tab-theme {
    justify-content: space-between;
    flex-wrap: nowrap;
    border: none;
}
.slider-title {
    width: 45vw;
    margin: 0 auto;
    padding: 0 0 3vw 0;
}
.slider-inner {
    padding:2vw 0 10vw 0;
    overflow: hidden;
}
.coinvest-title {
    width: 50vw;
}
.union-img img {
    width: 36vw;
}
/****************ESG Page***********/
.esg-bgcolor {
    background: linear-gradient(180deg, #D3DFB4, #F0F7E2);
}
.esg-social-inn {
    padding: 4vw 0 0 0;
}
.esg-bannervw {
text-align: center;
    height: auto;
}
.four-pillars-panel {
    padding: 5vw 0;
    height: auto;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 9;
}
.pillars-swiper-wrapper h2 {
    font-size: 2vw;
    font-family: 'Nexa-ExtraBold';
    text-transform: uppercase;
}
.pillars-swiper-wrapper h2 span {
    display: block;
    font-size: 1.3vw;
    font-family: 'nexaregular';
    text-transform: capitalize;
}
.pillars-swiper-wrapper {
    text-align: center;
    position: relative;
    transition: 0.3s all ease-in-out;
}
.pillar-hover-text {
    position: absolute;
    background: #fff;
    border-radius: 0.5vw;
    transform: translateZ(-100%);
    padding: 1vw 1vw;
    box-shadow: 0 0.5vw 0.5vw #0000001A;
    transition: 0.3s all ease-in-out;
    visibility: hidden;
    min-height: 30vw;
    top:0;
}
.pillars-swiper-wrapper:hover .pillar-hover-text {
    visibility: visible;
    transform: translateZ(0);
    top:-5vw;
}
.pillar-hover-text img {
    width: 8.5vw;
    margin: 0 0 1vw 0;
}
.pillar-hover-text h2 {
    padding: 0 0 0.5vw 0;
}
.pillar-hover-text p {
    font-size: 1vw;
}
.pillar-img {
    min-height: 18vw;
}
.pillar-img img {
    width: 15.1vw;
}
.esg-swiper-theme {
    padding: 3vw 0 0 0;
}
.case-study-wrapper {
    background: #fff;
    display: flex;
    padding: 1.8vw 1.5vw;
}
.case-study-img {
    width: 38vw;
}
.case-study-img img {
    width: 38vw;
}
.case-study-context {
    width: 50vw;
    padding: 0 5vw 0 5vw;
}
.case-study-context h2
 {
    font-size: 1.5vw;
    font-family: 'Nexa-ExtraBold';
    padding: 1vw 0 0 0;
}
.case-study-context p {
    font-size: 1.1vw;
    padding: 1vw 0 0 0;
}
.case-study-context a {
    position: relative;
    margin: 2vw 0 0 0;
    font-size: 0.8vw;
}
.case-logo-img {
    max-width: 10vw;
}
.sec-sub-title {
    font-size: 2vw;
    font-family: 'nexaregular';
    padding: 0 0 1vw 0;
}
.comp-row {
    padding: 4vw 0 5vw 0;
}
.comp-team-content {
    padding: 0 7vw 0 0;
}
.comp-team-content h3 {
    font-size: 1.5vw;
    font-family: 'Nexa-ExtraBold';
    padding: 0 0 1vw 0;
}
.comp-team-content p {
    font-size: 1.2vw;
}
.comp-team-content h3 span {
    display: block;
}
.comp-team-inn {
    border-bottom: 1px solid #339966;
}
.comp-stats {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1vw;
}
.stats-wrapper {
    flex: 0 0 45%;
    min-height: 9vw;
    border-top: 0.3vw solid #339966;
    padding: 1vw 0;
    gap: 2vw;
    flex-direction: row;
    margin: 0 1vw;
}
.stats-wrapper p {
    font-size: 2vw;
    font-family: 'Nexa-ExtraBold';
}
.stats-wrapper span {
    font-size: 1.1vw;
}
.governance-inn {
    padding: 4vw 0 0 0;
}
.tab-titles {
    display: flex;
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    justify-content: center;
}
.tab-titles li {
    background: #B3D2A4;
    color: #000;
    font-size: 1.1vw;
    font-family: 'Nexa-ExtraBold';
    width: 20vw;
    height: 3.2vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    margin: 0 1vw 0 0;
    cursor: pointer;
    text-align: center;
    padding: 0 1vw;
    position: relative;
    z-index: 1;
}
.page-tab {
    padding: 2vw 0 0vw 0;
    border-bottom: 1px solid #339966;
    position: relative;
}
.onboard-img {
    padding: 4vw 0 0 0;
    position: relative;
}
.tab-titles li.active {
    background: #339966;
    color: #fff;
}
.tab-theme .tab-content {
    display: none;
    padding: 4vw 0 6vw 0;
}
.tab-theme .tab-content.active {
    display: block;
}
.tab-theme .tab-context-sec {
    width: 65vw;
    margin: 0 auto;
    text-align: center;
}
.tab-theme .tab-content h2 {
    font-size: 1.5vw;
    font-family: 'Nexa-ExtraBold';
    padding: 0 0 1vw 0;
}
.tab-theme .tab-content p {
    font-size: 1.2vw;
}
.more-onbtn {
    display: flex;
    justify-content: center;
    padding: 4vw 0 0 0;
}
.codeof-panel {
    display: flex;
}
.codeof-img img {
    width: 50vw;
}
.keywrapper {
    display: flex;
    justify-content: space-between;
    padding: 4.5vw 0 0 0;
}
.key-item {
    background: #D3DFB4;
    width: 15vw;
    height: 13vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    text-align: center;
    padding: 0 1vw;
}
.key-item img {
    max-height: 4vw;
}
.keywrapper .key-item p {
    font-size: 1vw;
    padding: 1vw 0 00;
}
.effective-row {
    padding: 2.5vw 0 5vw 0;
}
.eff-gridleft p {
    font-family: 'Nexa-ExtraBold';
    padding: 0 8vw 0 0;
}
.effective-grid p {
    font-size: 1.2vw;
}
.eff-gridright p {
    padding: 0 0 0 2vw;
}
.esg-team-inn {
    padding: 4vw 0 4vw 0;
    position: relative;
    overflow:hidden;
}
.keypolicy-grid .tab-context-sec {
    width: auto;
    text-align: left;
}
.keylist h3 {
    font-family: 'Nexa-ExtraBold';
        font-size: 1.2vw;
    padding: 0 0 1vw 0;
}
.keylist .keylistul p {
    font-size: 1vw;
    border-bottom: 1px dashed #339966;
    padding: 0.5vw 0;
    line-height: 1.2vw;
    text-align: left;
}
.keypolicy-context {
    width: 25vw;
}
.keypolicy-row {
    display: flex;
    justify-content: space-between;
}
.keylist-grid {
    width: 25vw;
    padding: 0 0 0 5vw;
}
.keylist .keylistul p:last-child {
    border: none;
}
.comp-team-inn {
    padding: 4vw 0 0 0;
}
.tab-context-sec.comtab2-context {
    width: 55vw;
}
.supplier-text-grid {
    width: 35vw;
}
.tab-context-sec.vw-auto {
    width: auto;
    text-align: left;
}
.zero-tol-grid {
    width: 43vw;
    position: relative;
    text-align: center;
}
.zero-tol-grid h2 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10vw;
    margin: 0 auto;
}
.comptab1-row {
    display: flex;
    padding: 4vw 0 2vw 0;
}
.zerolistul {
    position: absolute;
    top: 0;
}
.zerolistul p {
    line-height: 1.3vw;
    position: absolute;
    text-align: left;
    font-size: 1.1vw !important;
}
.zero-tol-wrapper img {
    width: 25vw;
}
.zerolistul p:first-child {
    position: absolute;
    top: -2vw;
    left: 10.5vw;
    width: 6vw;
    text-align: right;
}
.zerolistul p:nth-child(2) {
    left: 26vw;
    top: -3vw;
}
.zerolistul p:nth-child(3) {
    left: 32vw;
    width: 8vw;
    top: 2vw;
}
.zerolistul p:nth-child(4) {
    left: 35vw;
    top: 10vw;
    width: 10vw;
}
.zerolistul p:nth-child(5) {
left: 32vw;
    top: 18vw;
    width: 10vw;
}
.zerolistul p:nth-child(6) {
    top: 24vw;
    left: 26vw;
    width: 10vw;
}
.zerolistul p:nth-child(7) {
    top: 23vw;
    text-align: right;
    width: 10vw;
    left: 7vw;
}
.zerolistul p:nth-child(8) {
    top: 18.5vw;
    left: 3vw;
}
.zerolistul p:nth-child(9) {
    top: 10.5vw;
    width: 10vw;
    text-align: right;
    left: -1vw;
}
.zerolistul p:last-child {
    width: 10vw;
    top: 3.5vw;
    left: 3vw;
}
.supplier-infobtn {
    padding: 3.5vw 0 0 0;
}
.tab-titles.tab-theme-red li {
    background: rgba(255, 255, 255, 0.6);
    color: #000;
}
.tab-titles.tab-theme-red li.active {
    background: #FF3448;
    color: #fff;
}
.tab-titles li:last-child {
    margin: 0;
}
.page-tab.page-tab-themered {
    border: none;
}
.page-tab.page-tab-themered .tab-content {
    padding: 3vw 0 00;
}
.bod-panel {
    background: linear-gradient(180deg, rgba(235, 226, 229, 0.8) 0%, rgba(32, 41, 84, 0.3) 100%);
}
.bod-list-grid {
    margin: 0 0 3vw 0;
}
.bod-leader-list p {
    padding: 0.5vw 0 0 0;
    width: 20vw;
}
.leader-img img {
    max-width: 100%;
    height: 27.5vw;
    object-fit: cover;
    object-position: top;
    width: 100%;
}
.bod-filter {
    margin: 1.5vw 0 0 0;
    display: flex;
    justify-content: center;
}
.bod-filter .select-theme.form-select {
    color: #555555;
    font-family: 'nexaregular';
    font-size: 1.1vw;
}
.page-theme-blue li {
    background: rgba(255, 255, 255, 0.6);
    color: #333;
    padding: 0.5vw 2.1vw !important;
    text-align: center;
    font-size: 1vw;
}
.page-theme-blue li.active {
    background: #B7C3EA;
    color: #000;
}
.page-tabthemeblue{
    border: none;
}
.pds-world {
    position: relative;
}
#discalimerpopup {
    top: 0;
    width: 85vw;
    left: 0;
    right: 0px;
    margin: 0 auto;
    height: auto;
}
div#discalimerpopup .context-list {
    padding-bottom: 0;
}
div#discalimerpopup .context-list p {
    padding-bottom: 1vw;
}
#discalimerpopup .modal-context p {
    font-size: 1.3vw;
    line-height: 2vw;
}
#discalimerpopup .modal-context {
    width: 100%;
}
#discalimerpopup .modal-content {
   height: auto;
}
.onboardimg {
    width: 100%;
}
.onboardimg1{
transform: rotate(180deg);
    left: 0;
    position: relative;
    margin: 0 0 0 -0.35vw;
}
ul.onboardlist-ul {
 width: 100%;
    position: absolute;
    top: 4vw;
}
.onboardlist-ul li {
    position: absolute;
    display: flex;
    text-align: center;
    width: 12vw;
    padding: 0;
    flex-wrap: wrap;
    justify-content: center;
}
.onboardlist-ul li:first-child {
    top: 3vw;
    left: 1vw;
}
.onboardlist-ul li:first-child span {
    padding: 0.5vw 0 0 0;
}
.onboardlist-ul li:nth-child(2) {
    left: 15vw;
    top: 5vw;
}
.onboardlist-ul li p {
    font-family: 'Nexa-ExtraBold';
    font-size: 1.8vw !important;
    width: 11vw;
    text-align: center;
}
.onboardlist-ul li span {
    display: block;
    width: 6vw;
    color: #333333;
    font-size: 1vw;
    line-height: 1vw;
}
.onboardlist-ul li:nth-child(2) span {
    order: -1;
    padding: 0 0 0.5vw 0;
}
.onboardlist-ul li:nth-child(3) {
    left: 28vw;
    top: 3vw;
}
.onboardlist-ul li:nth-child(3) span {
    padding: 10px 0 0 0;
}
.onboardlist-ul li:nth-child(4) {
    left: 40vw;
    top: 5vw;
}
.onboardlist-ul li:nth-child(4) span {
    order: -1;
    padding: 0 0 10px 0;
}
.onboardlist-ul li:nth-child(5) {
    left: 54vw;
    top: 3vw;
}
.onboardlist-ul li:nth-child(5) span {
    padding: 10px 0 0 0;
}
.onboardlist-ul li:nth-child(6) {
    left: auto;
    right: 1vw;
    top: 5vw;
}
.onboardlist-ul li:nth-child(6) span {
    order: -3;
    padding: 0 0 0.5vw 0;
}
.onboard-row {
    position: relative;
}
/***************************Ethics Page*********************/
.ethics-hotline {
  background: linear-gradient(0deg, #555555 0%, #D9D8D9 0%, #FFFFFF 92%, #FFFFFF 100%) no-repeat padding-box;
}
.ethics-inner {
    width: 72vw;
    margin: 0 auto;
    text-align: center;
    padding: 2vw 0 12vw 0;
}
.ethics-content p {
    font-size: 1.3vw;
    padding: 0 5vw;
}
.ethics-content p strong {
    color: #FF3448;
    font-family: 'Nexa-ExtraBold';
    font-weight: normal;
}
.ethics-content a {
    color: #FF3448;
    font-family: 'Nexa-ExtraBold';
}
/*****************Privacy*************/
.privacy-policy {
    background: linear-gradient(0deg, #555555 0%, #D9D8D9 0%, #D9D8D9 92%, #FFFFFF 100%) no-repeat padding-box;
}
.privacy-inner h1 {
    text-align: center;
}

.privacy-content h3 strong {
    font-family: 'Nexa-ExtraBold';
    font-weight: normal;
}
.privacy-content h3 {
    font-size: 1.3vw;
    line-height: 1.8vw;
}
.privacy-content h2
 {
    font-family: 'Nexa-ExtraBold';
    font-size: 1.5vw;
    padding: 1vw 0 0 0;
}
.privacy-content p {
    font-size: 1.1vw;
}
.privacy-content ul li {
    font-size: 1.1vw;
}
.privacy-content ul br {
    display: none;
}
.privacy-content ul li {
    font-size: 1.1vw;
    font-family: 'nexabold';
    color: #333333;
    list-style: disc;
}
.privacy-content ul {
    padding: 0 0 0 1vw;
}
.privacy-content ol {
    padding: 0;
}
.privacy-content ol br {
    display: none;
}
.privacy-content ol li {
    list-style: none;
    font-size: 1.1vw;
    font-family: 'nexabold';
    color: #333333;
}
.privacy-content a {
    text-decoration: underline;
    font-family: 'Nexa-ExtraBold';
}
.privacy-content address {
    font-size: 1.1vw;
    margin: 0;
    line-height: 1vw;
}
.privacy-inner {
    padding: 0 0 6vw 0;
}
.privacy-content strong {
    font-weight: normal;
    font-family: 'Nexa-ExtraBold';
}
/**************Contact US**************/
.contact-us {
    background: linear-gradient(180deg, rgba(235, 226, 229, 0.3), rgba(32, 41, 84, 0.3));
}
.contact-content p {
    font-family: 'Nexa-ExtraBold';
    font-size: 1.5vw;
}
.contact-content p br{
    display: none;
}
.contact-content address {
    font-size: 1.2vw;
    margin: 0;
    line-height: 1vw;
}
.theme-input {
    border: 1px solid #AAAAAA;
    outline: none;
    width: 100%;
    height: 3.1vw;
    border-radius: 5px;
    font-size: 1.1vw;
    padding: 0.5vw 1vw;
    color: #333333;
}
.form-group{
    margin: 0 0 1.1vw 0;
}
::-webkit-input-placeholder { 
    color: #333333;
}
::-moz-placeholder {
    color: #333333;
}
:-ms-input-placeholder { 
    color: #333333;
}
:-moz-placeholder { 
    color: #333333;
}
textarea.theme-input {
    height: 6.3vw;
    resize: none;
}
span.wpcf7-list-item.first.last {
    margin: 0;
}
.theme-checkbox label {
    font-size: 1.1vw;
    display: flex;
}
.theme-checkbox input {
    -webkit-appearance: none;
    width: 1.5vw;
    background: #fff;
    height: 1.5vw;
    border: 1px solid #AAAAAA;
    border-radius: 5px;
}
.theme-checkbox input:checked {
    background: #FF3448;
}
.wpcf7-list-item-label {
    padding: 0 0 0 1vw;
}

.theme-submit {
    font-size: 1.1vw;
    width: 15vw;
    height: 3vw;
    border-radius: 2vw;
    border: none;
    color: #FF3448;
    font-family: 'Nexa-ExtraBold';
    position: relative;
    text-transform: uppercase;
    background-size: 2vw;

}
.contact-inner {
    padding: 2vw 0 10vw 0;
}
.submit-wrapper {
    position: relative;
    width: 15vw;
    margin: 3.5vw 0 00;
}
.checkbox-wrapper a {
    font-family: 'Nexa-ExtraBold';
    text-decoration: underline;
    margin: 0 0.5vw;
}
.checkbox-wrapper label {
    display: flex;
    align-items: center;
    font-size: 1.1vw;
}
.submit-wrapper br {
    display: none;
}
/**************************People************/
.people-landing-bg {
    background: linear-gradient(180deg, rgba(235, 226, 229, 0.3), rgba(32, 41, 84, 0.3));
}
.people-img {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    height: 80vh;
    align-items: center;
    display: flex;
    justify-content: center;
}
.people-img img {
    width: 55vw;
}
.people-banner {
    display: flex;
    flex-wrap: wrap;
    height: 80vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    width: 70vw;
    margin: 0 auto;
    position: relative;
}
.people-banner .sec-title-paraxl {
    font-family: 'nexabold';
}
.people-banner .sec-title-para {
    font-family: 'Nexa-ExtraBold';
}
.first-letter {
  color: #FF3448; 
}
.sec-menu-items {
    display: flex;
    gap: 1.1vw;
    position: absolute;
    bottom: 2.5vw;
    justify-content: space-around;
    z-index: 9;
}
.people-landing-inn {
    position: relative;
    height: 100%;
}
.sec-menu-items a {
    width: 15.3vw;
    background: rgba(255, 255, 255, 0.6);
    display: flex;
    height: 3.2vw;
    justify-content: center;
    align-items: center;
    font-size: 1.1vw;
    font-family: 'Nexa-ExtraBold';
    border-radius: 5px;
    text-align: center;
    padding: 0 1vw;
}
.section-btn.active {
    background: #202954;
    color: #ffff;
}
.people-banner .sec-title-para span {
    color: #333;
}
.sec-menu-dropdown 
{ 
    display: none; 
}
.sec-menu-items.sec-menuitems-inner {
    position: static;
}
.people-context {
    padding: 8vw 0 6vw 0;
    text-align: center;
    width: 72vw;
    margin: 0 auto;
}
.people-desc {
    width: 31vw;
    display: flex;
    align-items: flex-end;
    height: 100%;
}
.people-desc p {
    font-size: 1.2vw;
    padding: 0 0 3vw 5vw;
}
.people-video-sec {
    display: block;
    position: relative;
}
.video-arrow-img {
    position: absolute;
    left: 2vw;
    bottom: 2vw;
    width: 4.9vw;
}
.our-sec-context {
    width: 70vw;
    margin: 0 auto;
    text-align: center;
    padding: 3.1vw 0 1vw 0;
}
.acc-title {
    text-align: center;
}
.acc-title p {
    font-family: 'Nexa-ExtraBold';
}
.acc-panel {
    width: 60vw;
    margin: 0 auto;
    padding: 1.5vw 0;
}
.acc-panel .accordion-item {
    background: transparent;
    border: none;
    margin: 0 0 1vw 0;
}
.acc-panel .accordion-title
 {
    background: #FF3448;
    color: #fff;
    height: 3.1vw;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.1vw;
    font-family: 'Nexa-ExtraBold';
    border-radius: 5px;
    position: relative;
    width: 40vw;
    margin: 0 auto;
}
.acc-panel .accordion-icon {
    position: absolute;
    right: 1vw;
    cursor: pointer;
    width: 100%;
    text-align: right;
}
.acc-panel .accordion-content {
    text-align: center;
    padding: 1.8vw 0 3vw 0;
}
.acc-panel .accordion-content h2 {
    font-size: 1.5vw;
    font-family: 'Nexa-ExtraBold';
    padding: 0 0 1vw 0;
}
.acc-panel .accordion-content p {
    font-size: 1.2vw;
}
.our-sec-inner {
    padding: 0 0 7vw 0;
}
.value-thumb {
    position: relative;
    margin: 0 0 1.5vw 0;
}
.value-thumb-img img {
    max-width: 100%;
    width: 27.5vw;
    height: auto;
}
.value-overlay {
    position: absolute;
    width: 100%;
    bottom: 2vw;
    padding: 0 2vw;
    transition: opacity 0.4s cubic-bezier(0.4,0,0.2,1), background 0.4s;
}
.value-overlay img {
    width: 4.2vw;
    min-height: 5vw;
}

.value-thumb h2 {
    color: #fff;
    font-family: 'Nexa-ExtraBold';
}
.value-card-panel {
    padding: 2vw 0 0 0;
}
.value-hover-context {
    position: absolute;
    width: 100%;
    color: #fff;
    background: rgba(000, 000, 000, 0.2);
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-end;
    top: 0;
    padding: 0 2vw 2.5vw 2vw;
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.4s, transform 0.4s;
    pointer-events: none;
}
.value-thumb:hover .value-hover-context {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.value-thumb:hover .value-overlay{
    opacity: 0;
}
.value-hover-context p {
    font-size: 1.1vw;
    line-height: 1.5vw;
    padding: 1vw 0 0 0;
}
.people-develop-content p {
font-size: 1.5vw;
    line-height: 2vw;
    padding-top: 1vw;
}
.people-develop-content {
    width: 70vw;
    text-align: center;
    margin: 0 auto;
}
.leadership-context {
    padding: 4.5vw 0 3.5vw 0;
    width: 55vw;
    margin: 0 auto;
    text-align: center;
}
.leadership-context h3 {
    font-size: 1.5vw;
    font-family: 'Nexa-ExtraBold';
    padding-bottom: 1.5vw;
}
.leadership-context p {
    font-size: 1.2vw;
}
.leadership-context p {
    font-size: 1.2vw;
}
.rewards-context p {
    font-size: 1.5vw;
    line-height: 2vw;
}
.rewards-context {
    text-align: center;
    width: 65vw;
    margin: 0 auto;
}
.rewards-inn {
    padding: 4vw 0;
}
.rewards-grid {
    text-align: center;
    width: 35vw;
    margin: 0 auto;
}
.rewards-row {
    padding: 4vw 0 00;
}
.rewards-grid h3 {
    font-family: 'Nexa-ExtraBold';
    font-size: 1.5vw;
    padding: 0 0 1vw 0;
}
.reward-para p {
    font-size: 1.2vw;
}
.reward-para {
    min-height: 16vw;
}
.life-content-inn {
    padding: 3.1vw 0 3.2vw 0;
}
.rewards-panel {
    background: #D2D4DD;
}
.careers-img {
    position: absolute;
    top: -25vw;
    left: 0vw;
    overflow: hidden;
    z-index: -1;
}
.careers-img img {
    width: 75vw;
}
.careers-panel{
    overflow: hidden;
}
.careers-sec {
    padding: 8vw 0 14vw 0;
}
.career-btn {
    min-width: 18vw;
    height: 2.8vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 0.9vw;
    font-family: 'Nexa-ExtraBold';
    border-radius: 30px;
    padding: 0 1.5vw;
        text-align: center;
    position: relative;
    text-transform: uppercase;
    margin: 0 2vw 0 0;
}
.career-btn.share-resume {
    background: #FF3448;
    color: #fff;
}
.career-btn.follow-us {
    background: #fff;
    color: #FF3448;
}
.careers-btn-wrapper {
    padding: 5vw 0 0;
    display: flex;
    justify-content: center;
}
.career-btn img {
    position: absolute;
    right: 0.5vw;
    width: 2vw;
    top: 0.4vw;
}
.careerspopup-theme {
    position: fixed;
    top: 0;
    height: 100%;
    background: transparent;
    overflow-y: scroll;
}
.careerspopup-theme .modal-dialog {
height: 100%;
    max-width: 85vw;
    margin: 7vw auto;
    display: block;
}
.careerspopup-theme .modal-content {
height: auto;
    border: 1px solid #707070;
    box-shadow: 0 3px 6px #00000029;
    padding: 3vw 7vw 4vw 7vw;
}
.careerspopup-theme h2.modal-title {
    font-size: 2.8vw;
    font-family: 'Nexa-ExtraBold';
    text-align: center;
    width: 100%;
}
.careerspopup-theme .modal-header {
    padding: 0;
    border: none;
}
.careerspopup-theme .btn-close {
    background-color: #F3F4F8;
    opacity: 1;
    color: #000;
    padding: 0 !important;
    position: absolute;
    right: 1vw;
    margin: 0 !important;
    width: 2vw;
    height: 2vw;
    outline: none;
    border-radius: 100%;
    top: 1vw;
}
.theme-share-input {
    border: 1px solid #AAAAAA;
    width: 100%;
    color: #333;
    font-size: 1.11vw;
    font-family: 'nexaregular';
    height: 3.2vw;
    padding: 0.5vw 1vw;
    outline: none;
    background-color: #F3F4F8;
    border-radius: 5px;
}
.share-from-row {
    padding: 3vw 0 0 0;
}
.theme-share-input.form-select {
    background-size: 1vw;
}
.form-btn {
    display: flex;
    justify-content: center;
    padding: 3vw 0 0 0;
}
.form-btn .career-btn {
    margin: 0;
    border: none;
}
.form-group.phone-field p {
    display: flex;
    flex-wrap: wrap;
}
.phone-field .form-select {
    width: 6vw;
    margin: 0 1vw 0 0;
}
.upload-btn {
    background: #FF3448;
    border: 1px solid #AAAAAA;
    color: #fff;
    font-size: 1vw;
    font-family: 'Nexa-ExtraBold';
    width: 9vw;
    height: 3.2vw;
    margin: 0 0 0 1vw;
    border-radius: 5px;
    outline: none;
    box-shadow: none;
}
.cf7-upload-input {
  display: none;
}
.form-group.upload-row p {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
}
span.wpcf7-form-control-wrap[data-name="phone"] {
    width: 27vw;
}
/*****************Code of Conduct**************/
.coc-title h2 {
    font-size: 1.2vw;
    font-family: 'nexabold';
    width: 13.5vw;
}
.coc-card {
    height: 10.5vw;
    position: relative;
    margin: 0 0 1.5vw 0;
}
.coc-download {
    position: absolute;
    bottom: 1vw;
    right: 1vw;
}
.coc-items {
    padding: 0 0 7vw 0;
}
.whistle-inn {
    padding: 6vw 0;
    position: relative;
}
.whistle-panel {
    background: #F3F4F8;
}
.whistle-context {
    background: #fff;
    width: 55vw;
    min-height: 35vw;
    padding: 2.5vw 16.5vw 2.5vw 2.5vw;
}
.whistle-img-sec {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.whistle-logo {
    position: absolute;
    background: #fff;
    width: 13vw;
    text-align: center;
    height: 4.2vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    box-shadow: 0 3px 6px #00000029;
    left: 1.5vw;
    bottom: 1.5vw;
}
.whistle-img {
    position: relative;
}
.coc-grid-context h2 {
    font-size: 1.5vw;
    font-family: 'Nexa-ExtraBold';
    padding: 0 0 0.9vw 0;
}
.coc-grid-context p {
    font-size: 1.3vw;
    padding: 0 0 0.9vw 0;
    line-height: 1.8vw;
}
.coc-grid-context h3 {
    font-size: 1.3vw;
    font-family: 'Nexa-ExtraBold';
    padding: 0 0 0.5vw 0;
}
.cocgrid-img {
    width: 40vw;
}
.coc-download img {
    width: 2.3vw;
}
.whistle-logo img {
    width: 10.5vw;
}
.coc-grid-context li {
    font-size: 1.1vw;
    list-style: disc;
    line-height: 1.4vw;
}
.coc-grid-context ul {
    padding: 0 0 1vw 1vw;
}
.coc-grid-context span p {
    font-size: 1.1vw;
    line-height: 1.5vw;
    font-family: 'Nexa-ExtraBold';
}
.coc-grid-context span a strong {
    color: #FF3448;
    text-decoration: underline;
    font-family: 'Nexa-ExtraBold';
    font-weight: normal;
}
.coc-grid-context span a {
    margin: 0 0 0 0.3vw;
}
.global-agency-inn {
    position: relative;
    padding: 6vw 0;
}
.global-context {
    background: #F3F4F8;
    padding: 5.5vw 2.5vw 2.5vw 16.5vw;
    width: 55vw;
    min-height: 34vw;
    margin: 0 0 0 auto;
}
.global-img-sec {
    position: absolute;
    display: flex;
    align-items: center;
    top: 0;
    bottom: 0;
}
.global-context.coc-grid-context ul li {
    font-family: 'Nexa-ExtraBold';
    margin: 0 0 1vw 0;
}
.global-context.coc-grid-context ul {
    padding: 2vw 0 0 1vw;
}
.global-context.coc-grid-context h3 {
    padding: 0 0 1vw 0;
}
.global-img-sec .whistle-logo {
    right: 1.5vw;
    left: auto;
}
.rewards-grid img {
    width: 16vw;
}
/************************Media Pages***********/
.media-banner .btn-theme-large {
    width: 20.5vw;
}
.media-banner {
    width: 45vw;
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: 80vh;
}
.media-landing-inn {
    position: relative;
    height: 100%;
}
.media-img {
    position: absolute;
    text-align: center;
    width: 100%;
    left: -2vw;
    top: -2vw;
    height: 80vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.media-img img {
    width: 31vw;
}
.year-filter.form-select {
    font-size: 1vw;
    font-family: 'nexaregular';
    border: none !important;
}
.year-filter {
    margin: 0 0 3vw 0;
}
.press-releases-grid .coc-title h2 {
    width: 19.3vw;
}
.year-by a {
    text-decoration: underline !important;
    color: #FF3448 !important;
    font-family: 'Nexa-ExtraBold';
    font-size: 1.2vw;
}
.press-releases-grid .coc-card {
    height: 12.5vw;
}
.year-by {
    position: absolute;
    bottom: 1vw;
    left: 1.5vw;
}
.pdf-filter .coc-download {
    right: 1.5vw;
}
.press-release-items {
    padding: 0 0 13vw 0;
}
.coverage-card {
    padding: 0;
    display: flex;
}
.coc-title {
    padding: 1.5vw 1.5vw;
}
.coverage-profile img {
    min-height: 12.5vw;
    width: 100%;
    object-fit: cover;
    height: 12.5vw;
}
.coc-download.coc-video-play img {
    width: 3vw;
}
.select-theme.selec-theme-small {
    width: 14vw;
}
.newsletter-card {
    display: flex;
    background: #fff;
    padding: 1.5vw;
    position: relative;
    margin: 0 0 1.5vw 0;
}
.news-panel-context h2 {
    font-size: 1.3vw;
    font-family: 'Nexa-ExtraBold';
}
.news-panel-context p {
    font-size: 1.1vw;
    padding: 0 0 0.5vw 0;
}
.news-panel-context {
    padding: 1.2vw 1.5vw;
}
.news-profile img {
    width: 31vw;
    max-width: 100%;
}
.coc-card.videos-card {
    padding: 0;
    position: relative;
    height: auto;
}
.videos-context .coc-title {
    padding: 1.5vw 0;
}
.videos-profile {
    position: relative;
}
.coc-card.social-card {
    padding: 0;
    height: 27.5vw;
}
.linkedin-embed iframe {
    width: 100%;
    height: 30vw;
}
.social-profile a img {
    width: 18.5vw;
}
.social-context .coc-title {
    padding: 0.5vw 0;
}
.social-context .coc-title h2 {
    font-size: 1vw;
    padding: 0;
    width: auto;
}
.social-card.image-only {
    background: transparent;
    box-shadow: none;
    padding: 0;
}
.social-profile img {
    width: 18.5vw;
}
.social-card.image-only img {
    width: 20vw;
}
.leader-desc {
    height: 28vw;
}
.modal-back img {
    width: 2.5vw;
    margin: 0 1vw 0 0;
}
.buss-modal-context .leader-desc {
    height: auto;
}
/********************Investors*************/
.investor-img {
    padding: 0vw 0 1vw 0;
    height: 55vh;
    display: flex;
    align-items: center;
    justify-content: center;

}
.investor-img img {
    width: 80vw;
}
.investor-landing-inn {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}
.investor-list {
    display: flex;
    justify-content: space-around;
    gap: 1.5vw;
    height: 15vh;
    width: 100%;
    align-items: center;
}
.investor-item {
    width: 100%;
    position: relative;
}
.investor-item p {
    color: #333333;
    font-size: 1.2vw;
    text-align: center;
}
.investor-item p span {
    font-size: 2.2vw;
    color: #FF3448;
    display: block;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}
.investor-item:after {
    content: '';
    background: rgba(255, 255, 255, 0.3);
    width: 100%;
    height: 0.3vw;
    display: block;
    margin: 1vw 0 0 0;
}
select#governance-filter {
    width: 27vw;
}
.swiper-slide.hidden-slide {
    display: none !important;
}
.corporate-items .swiper-slide {
    margin-top: 0 !important;
    margin-right: 1.5vw !important;
}
.corporate-items {
    padding: 0 0 10vw 0;
    overflow: hidden;
}
.committee-section-stakeholders-relationship-committee {
    background: #fff;
    padding: 5vw 0 0vw 0;
}

.sec-title.sec-inner-title {
    font-size: 2vw;
    text-align: left;
}
.bod-filter.bod-filter-investor {
    margin: 0 0 1vw 0;
}
.commitee-wrapper-inn {
    border-bottom: 2px solid #333;
}
.committee-section-nomination-and-remuneration-committee {
    background: #F3F4F8;
    padding: 5vw 0 0 0;
}
.committee-section-nomination-and-remuneration-committee {
    background: #F3F4F8;
    padding: 5vw 0 0 0;
}
.row.bod-row-list {
    padding-bottom: 3vw;
}
.commitee-list-grid .leader-img img {
    height: 20vw;
}
.committee-wrapper.committee-section-risk-management-committee {
    background: #fff;
    padding: 5vw 0 0 0;
}
.committee-section-corporate-social-responsibility-committee {
    background: rgba(32, 41, 84, 0.3);
    padding: 5vw 0 0 0;
}
.select-theme.select-document {
    width: 27vw;
}
.select-theme.select-filter {
    width: 13vw;
}
.stock-exchange-filter .select-theme {
    margin: 0 1vw 3vw 0;
}
.no-doc-text p {
    font-size: 1.5vw;
    text-align: center;
    font-family: 'Nexa-ExtraBold';
}
.coc-title.stock-coc-title h2 {
    word-wrap: break-word;
}
.share-price-left h2, .share-price-left p {
    font-size: 1.5vw;
    font-family: 'Nexa-ExtraBold';
    padding: 0 0 2.5vw 0;
}
.share-price-left p span {
    display: block;
    font-family: 'nexaregular';
    font-size: 1.2vw;
}
.share-price-wrapper {
    display: flex;
}
.share-price-left {
    width: 22.5vw;
}
.share-price-right {
    width: 58vw;
}
.time-range-buttons button {
    margin: 0 1vw 0 0;
}

.time-range-buttons button {
    width: 7vw;
    border: none;
    background: rgba(255, 255, 255, 0.5);
    padding: 0.5vw 0;
    border-radius: 1vw;
    font-size: 1vw;
     font-family: 'nexabold';
}
.time-range-buttons button.time-active-range {
    background: #fff;
}
.stock-coc-title p {
    font-size: 1.2vw;
    font-family: 'Nexa-ExtraBold';
}
.info-ban-context {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    padding: 0 0 2vw 0;
}
.info-ban-context a {
    margin: 0 auto;
}
.contact-info h2 {
    font-size: 2vw;
    font-family: 'nexabold';
    padding: 0 0 1vw 0;
}
.contact-info p {
    font-size: 1.5vw;
    line-height: 1.8vw;
}
.contact-block {
    display: flex;
}
.contact-block-inn {
    width: 50%;
    padding: 1vw 0 00;
}
.info-list-row {
    padding: 3vw 0 4vw 0;
}
.info-context h2 {
    font-size: 1.2vw;
    font-family: 'Nexa-ExtraBold';
    width: 22vw;
    border-bottom: 1px solid rgba(51, 51, 51, 0.5);
    padding-bottom: 0.5vw;
}
.info-context ul li span {
    font-size: 1.5vw;
    font-family: 'Nexa-ExtraBold';
    display: block;
}
.info-context ul li:last-child {
    border: none;
}
.info-context.info-context-left {
    padding-right: 9vw;
}
.info-context ul li {
    font-size: 1.1vw;
    border-bottom: 1px solid rgba(51, 51, 51, 0.5);
    padding: 1vw 0;
    position: relative;
}
.contact-block-inn h3 {
    font-size: 1.5vw;
    font-family: 'Nexa-ExtraBold';
    padding: 0 0 0.5vw;
}
.contact-block-inn p {
    font-size: 1.1vw;
    padding: 0 0 0.5vw 0;
}
.contact-block-inn h4 {
    font-size: 1.2vw;
    padding: 0 0 0.5vw;
    font-family: 'Nexa-ExtraBold';
}
.contact-block-inn p strong {
    font-family: 'Nexa-ExtraBold';
    font-weight: normal;
}
.contact-block-inn.contact-block-right h4 {
    padding: 2.5vw 0 1.5vw 0;
}
.info-context.info-context-left ul li:before {
    content: '';
    background: rgba(51, 51, 51, 0.5);
    height: 0.1vw;
    display: block;
    position: absolute;
    right: 0;
    width: 1vw;
}
.info-context.info-context-left ul {
    border-right: 1px solid rgba(51, 51, 51, 0.5);
    position: relative;
}
.info-context ul li:last-child:before {
    bottom: 0;
}
.info-context ul li:first-child:before {
    top: 0;
}
.info-context ul li:last-child:before {
    bottom: 0;
}
.info-context ul li:nth-child(2):before {
    top: 2.5vw;
    right: -1vw;
    bottom: 0px;
}
.investor-list-inn {
    padding: 3.5vw 0;
    border-bottom: 1px solid rgba(51, 51, 51, 0.5);
}
.investor-list-sec {
    background: #fff;
}
.investor-context h2 {
    font-size: 1.5vw;
    font-family: 'Nexa-ExtraBold';
    padding: 0 0 0.5vw 0;
}
.investor-context p {
    font-size: 1.1vw;
    padding: 0;
}
.investor-context p strong {
    font-weight: normal;
    font-family: 'Nexa-ExtraBold';
}
.investor-context address {
    margin: 0;
    padding: 0 0 2vw 0;
}
.dispute-panel {
    padding: 4vw 0 2vw 0;
}
.investor-panel h2.sec-title {
    text-align: center;
    padding: 0 0 3vw 0;
}
.shareholder-panel {
    background: #D2D4DD;
}
.share-items.row {
    justify-content: center;
}
.investor-panel .coc-title h2 {
    font-family: 'Nexa-ExtraBold';
}
.shareholder-inn {
    padding: 4vw 0 7.8vw 0;
}
.coc-card {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.shareholder-card {
    height: 13vw;
}
.shareholder-card .coc-title h2 {
    width: 20vw;
}
.share-file-panel p {
    position: absolute;
    bottom: 1vw;
    left: 1.5vw;
}
.share-file-panel p a {
    color: #FF3448;
    font-size: 1.2vw;
    text-decoration: underline;
    font-family: 'Nexa-ExtraBold';
}
.contact-block-inn address {
    font-size: 1.1vw;
    margin: 0;
    padding: 0 0 1vw 0;
}
.investor-updates-call-transcripts h2 {
    width: 11vw;
    position: absolute;
    bottom: 1.5vw;
}
.card-inner-icon img {
    max-height: 3.7vw;
}
.video-text h2 {
    color: #fff;
}
.qualified-panel h2 {
    font-size: 2.3vw;
    font-family: 'Nexa-ExtraBold';
    padding: 0 0 2.3vw 0;
}
.qualified-panel h3 {
    font-size: 1.2vw;
    padding: 0 0 2.3vw 0;
}
.qualified-panel p {
    font-size: 1vw;
    padding: 0 0 2vw 0;
    font-family: 'nexaregular';
    color: #333;
}
.qualified-institutional-placement{
    display: none;
}
.bod-inner {
    position: relative;
}
div#bodModal {
    top: 7vw;
}
div#esgmodal {
    top: 8vw;
}
.culture-list {
    width: 40vw;
    margin: 0 auto;
}
.culture-box {
    background: #FF3448;
    text-align: center;
    color: #fff;
    margin: 0 0 1vw 0;
    display: flex;
    justify-content: center;
    position: relative;
    border-radius: 5px;
    padding: 0.7vw 0;
}
.culture-box img {
    position: absolute;
    left: -1.5vw;
    width: auto;
    top: 0;
    max-height: 3vw;
}
.culture-box span {
    font-size: 1.1vw;
    font-family: 'nexabold';
    display: flex;
    align-items: center;
    text-transform: capitalize;
}
.leader-desc h4 {
    font-size: 1.3vw;
    padding: 2vw 0 0.5vw 0;
    font-family: 'Nexa-ExtraBold';
}
.swiper-overflow{
    overflow: hidden;
}
.our-subsidiary{
    position: relative;

}
a.coc-download.coc-video-play {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.videos-profile img {
    width: 100%;
}
.video-modal .btn-close {
    position: absolute !important;
    z-index: 1;
    opacity: 1;
    top: 3vw !important;
    right: 2vw !important;
}
.video-modal {
    z-index: 9999;
    width: 100%;
    padding: 0 !important;
    overflow: initial;
}
video#videoPlayer {
    width: 80% !important;
    margin: 0 auto;
    height: 80% !important;
    left: 11%;
    top: 5%;
}
.video-modal .modal-dialog {
    max-width: 100%;
    min-height: inherit;
    margin: 0 !important;
}
.coverage-items .coc-title h2 {
    width: 18vw;
}
.no-doc-text {
    padding: 100px 0;
}
.banner-list {
    position: static;
    bottom: 0vw;
    width: 82vw;
}
.category-img {
    position: relative;
}
.category-img img {
    max-height: 30vw;
    position: relative;
    object-fit: cover;
    object-position: bottom;
    min-height: 30vw;
    width: 100vw;
}
.category-overlay {
    position: absolute;
    width: 100%;
    color: #fff;
background: transparent linear-gradient(180deg, #55555500 0%, #55555500 35%, #333333 100%) 0% 0% no-repeat padding-box;    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-end;
    top: 0;
    padding: 3.1vw 2.5vw;
    opacity: 0;
    transform: translateY(0);
    transition: opacity 0.4s, transform 0.4s;
    pointer-events: none;
    height: 100%;
}
.category-img h3{
    position: absolute;
    padding: 3.1vw 2.5vw !important;
    display: flex;
    align-items: flex-end;
    height: 100%;
    bottom: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(85, 85, 85, 0) 0%,  rgba(85, 85, 85, 0) 71%, rgba(51, 51, 51, 0.6) 100%);
}
.category-wrapper:hover .category-overlay{
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}
.category-wrapper:hover .category-img h3{
    display: none;
}
.category-wrapper h3 {
    font-size: 1.5vw;
    color: #fff;
    font-family: 'Nexa-ExtraBold';
    padding: 0 0 1vw 0;
}
.category-overlay p {
    font-size: 1.1vw;
}
.our-categories-tab{
    background: linear-gradient(#BBBECB, #F3F4F8);
}
.categories-inner {
    padding: 4.5vw 0 0 0;
}
.categories-inner .sec-title {
    padding: 0 0 3vw 0;
}
.sub-category-title h1 {
    color: #FF3448;
    padding: 0 0 0 2.5vw;
}
.sub-category-title a {
    display: flex;
    align-items: center;
}
.sub-category-title {
    padding: 1vw 0 1.5vw 0;
}
.sub-category-wrapper {
    background: #fff;
    padding: 1.5vw 1.5vw;
    box-shadow: 0 0 50px #0000001A;
}
.sub-cateory-images.row {
    margin: 0;
}
.subcategory-card {
    padding: 0;
}
.subcategory-box img {
    width: 100%;
    max-height: 13vw;
    object-fit: cover;
    min-height: 13vw;
}
.subcategory-box h3 {
    position: absolute;
    color: #fff;
    text-align: center;
    width: 100%;
    font-family: 'Nexa-ExtraBold';
    font-size: 1.5vw;
    bottom: 1vw;
}
.subcategory-box {
    position: relative;
}
.subcategory-inner {
    padding: 0 0 1.5vw 0;
}
.sec-menu-items.sec-menuitems-inner {
    position: static;
    padding: 0 0 1.5vw 0;
}
.category-context-left h2 {
    font-size: 1.5vw;
}
.sub-cateogry-context {
    display: flex;
    padding: 1vw 0 0 0;
    align-items: center;
}
.category-btn a img {
    position: absolute;
    right: 1vw;
}
.category-btn a {
    width: 20vw;
}
.category-context-left {
    width: 70vw;
}
.category-context-left h2 {
    font-size: 1.5vw;
    font-family: 'nexabold';
    padding: 0 0 0.5vw 0;
}
.category-context-left p {
    font-size: 1.2vw;
}
.category-btn a img {
    position: absolute;
    right: 1vw;
    width: 2.5vw;
}
.sub-category-title a img {
    width: 2.7vw;
}
.parent-others .subcategory-box img {
    max-height: 25vw;
    min-height: 25vw;
}
.whr-seen-bannerimg {
    width: 100%;
    height: 100vh;
}
.whr-seen-bannerimg img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: center;
}
.whr-slide-content {
    background: linear-gradient(90deg, #000000, #00000000);
    width: 44vw;
    height: 13vw;
    position: absolute;
    top: 3.5vw;
    display: flex;
    align-items: center;
}
.whr-topcontent {
    position: absolute;
    top: 0;
    padding: 2vw 0;
    width: 100%;
    height: 100%;
}
.whr-topcontent h2 {
    color: #fff;
    padding: 0;
}
.whr-topcontent h3 {
    color: #fff;
    font-size: 1.3vw;
    padding: 0.5vw 0 00;
}
.whr-topcontent p {
    font-size: 1.2vw;
    color: #ccc;
}
.whr-hover-context {
    position: absolute;
    bottom: 0;
    background: linear-gradient(90deg, #000000, #00000000);
    right: 0;
    padding: 1vw 2vw;
    width: 30vw;
    height: 12vw;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: translateY(0);
    transition: opacity 0.4s, transform 0.4s;
    pointer-events: none;
}
.whr-seen-slide:hover .whr-hover-context{
    opacity: 1;
    pointer-events: inherit;
}
.whr-hover-context p{
    color:#fff;
    font-size: 1.2vw;
}
.whr-topcontent address {
    font-size: 1.2vw;
    color: #fff;
    margin: 0;
}
.swiper-carousel.swiper-carousel-whiterounded {
    height: 100%;
    width: 100%;
    bottom: 0;
    display: flex;
    align-items: center;
    top: 0;
    z-index: inherit;
}
.swiper-carousel.swiper-carousel-whiterounded .swiper-button {
    width: 7vw;
    height: 7vw;
    top: auto !important;
    background-size: contain !important;
}
.where-seen-panel {
    position: relative;
    overflow: hidden;
}
.whr-seen-slide {
    position: relative;
    z-index: 9;
}
.business-swiper .swiper-logo-wrapper img {
    filter: grayscale(100%);
    transition: all 0.3s ease;
}
.business-swiper .swiper-logo-wrapper img:hover {
      filter: grayscale(0%);     
}
.how-it-works {
    background: #F3F4F8;
}
.office-address ul li {
    font-size: 1vw;
    margin: 0 0 0.5vw 0;
    display: flex;
    align-items: flex-start;
}
.office-address ul li i {
    margin: 0.2vw 0.5vw 0 0;
}
/************Factory Subpage**********/
.sub-category-title.factory-category-title h1 {
    color: #333333;
}
.sub-category-title.factory-category-title h1 span {
    color: #FF3448;
}
.factory-arrowright {
    position: absolute;
    right: 0;
}
.sub-category-title.factory-category-title {
    display: flex;
    position: relative;
}
.sub-factory-wrapper {
    position: relative;
    background: #fff;
    margin: 0 0 0 0;
}
.sub-factory-context {
    padding: 1.5vw 1.5vw;
    display: flex;
    align-items: center;
}
.services-strip {
    width: 100%;
    background: #CDCFD8;
}
.services-strip-menu {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    position: relative;
}
.services-strip-menu li {
    font-size: 1vw;
    font-family: 'Nexa-ExtraBold';
    width: -webkit-fill-available;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 10vw;
    padding: 0.4vw 1vw;
    height: 3.6vw;
    position: relative;
    text-align: center;
    z-index: 0;
}
.services-strip-menu li.active{
    color: #fff;
}
.services-strip-menu li:after {
    width: 2.5vw;
    height: 2.5vw;
    border-top: 1px solid #EFF0F3;
    border-left: 1px solid #EFF0F3;
    content: '';
    position: absolute;
    right: 0vw;
    transform: rotate(135deg);
}
.services-strip-menu li:nth-child(3):after,.services-strip-menu li:last-child:after{
    display: none;
}
.brand-strip-menu li:nth-child(3):after{
    display: block;
}
.brand-strip-menu li:nth-child(4):after{
    display: none;
}
.services-strip-menu li.active:after {
    width: 100%;
    height: 100%;
    transform: inherit;
    right: 0;
    border: none;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: -1;
}
.factory-main-swiper .swiper-wrapper {
    display: flex;
    flex-wrap: wrap;
}
.factory-main-swiper .swiper-slide {
    flex: 1 1 33.333%;
    max-width: 33.333%;
    margin-bottom: 30px;
}
.factory-main-swiper .swiper-button-next,
.factory-main-swiper .swiper-button-prev {
    display: none; 
}
.country-factories {
    display: flex;
    gap: 0.4vw;
    padding: 0.4vw 0;
}
.swiper-slide.factory-country-col:last-child {
    width: 15vw !important;
}
.swiper-slide.factory-country-col {
    width: 33vw !important;
    margin:0 10px 0 0 !important;
}
.swiper-slide.factory-country-col:last-child .country-title {
    background: #D2D4DD;
}
.swiper-slide.factory-country-col:last-child .factory-card h2 {
    background: #D2D4DD;
}
.country-title {
    background: #F3F4F6;
    text-align: center;
    font-size: 1.1vw;
    font-family: 'nexabold';
    padding: 0.4vw 0;
}
.factory-card h2 {
    background: #F3F4F6;
    font-size: 1.1vw;
    text-align: center;
    font-family: 'nexabold';
    padding: 0.4vw 0;
}
.factory-swiper {
    padding: 0.4vw;
}
.factory-img img {
    max-width: 100%;
    width: 100%;
    object-fit: cover;
}
.factory-item-context {
    text-align: center;
    padding: 0.5vw 0 3vw 0;
}
.factory-item-context h3 {
    font-size: 1.1vw;
    font-family: 'Nexa-ExtraBold';
    padding: 0 0 0.5vw 0;
}
.factory-item-context p {
    font-size: 0.8vw;
}
.revenue {
    display: block;
    padding: 0.5vw 0;
}
.revenue p {
    font-size: 0.8vw;
}
.revenue p strong {
    font-family: 'Nexa-ExtraBold';
    font-weight: normal;
}
.services-strip-menu li.active:before {
    content: 'PDS';
    position: absolute;
    top: -3vw;
    background-image: url(http://localhost/Projects/pds/wp-content/uploads/2025/09/active-factory-strip.svg);
    width: 100%;
    height: 4vw;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 0.4vw 0;
}
.country-title.brand-country-title {
    background: #D2D4DD;
    font-family: 'Nexa-ExtraBold';
    font-size: 1vw;
}
.country-factories.brand-factories {
gap: inherit;
    display: block;
    padding: 0 0 3vw 0;
}
.country-factories.brand-factories .factory-img img {
object-fit: cover;
    height: 20vw;
    object-position: top;
}
.services-strip.brands-strip {
    background: #202954;
    color: #fff;
}
.factory-items-wrapper {
    padding: 0.4vw 0.4vw;
}
.services-strip-menu.brand-strip-menu li.active:before {
    background: #202954;
    height: auto;
}
.services-strip-menu.brand-strip-menu:before {
    content: '';
    background: #202954;
    width: 100%;
    height: 1px;
    position: absolute;
    top: -1.8vw;
}
.desktop-only { display: block; }
.mobile-only { display: none; }
div#our-subsidiary {
    padding-top: 3vw;
}
.buss-modal-theme .modal-contact span {
    display: block;
}
.swiper-carousel.swiper-carousel-white.life-at-swiper-carousel {
    width: 25vw;
}
section.who-we-are-bg {
    overflow: hidden;
}
.strategic_tab {
    overflow: hidden;
}
/************Sitemap***************/
/* Top-level menu list */
.sitemap-list {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 1.5vw 0;
    gap: 1vw;
}
.sitemap-menu-list {
    padding: 2vw 0;
}
/* Top-level items */
.sitemap-list > li {
    flex: 1 1 calc(25% - 15px);
    position: relative;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}
.sitemap-list > li:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* Top-level links */
.sitemap-list > li > a {
color: #333;
    display: block;
    transition: color 0.3s;
    font-family: 'nexabold';
    font-size: 1vw;
    padding: 0.8vw;
    border-radius: 0.5vw;
    background: #f2f2f2;
}

.sitemap-list > li > a:hover {
    color: #fff !important;
    background: #FF3448 !important;
}
.sitemap-menu-list h2 {
    font-size: 1.3vw;
    padding: 0 0 1vw 0;
    font-family: 'nexabold';
}
.sitemap-menu-list .sec-menu-items a {
    font-size: 1vw;
}
.sitemap-menu-list .sec-menu-items a:hover{
    color: #fff !important;
    background: #FF3448 !important;
}
.additional-menus-wrapper {
    display: flex;
    gap: 20px; /* space between menus */
    flex-wrap: wrap; /* wrap on smaller screens */
    margin-bottom: 30px;
}
.additional-menus-wrapper li a {
    min-width: 12vw !important;
    color: #333 !important;
    margin: 0;
    text-align: center;
}
.additional-menus-wrapper {
    padding: 1vw 0;
}
.additional-menus-wrapper li a:before{
    display: none;
}
.keyfocus_tab.page-tab .tab-titles {
    padding: 0 0 2vw 0;
}
/*#CoInvestorSwiper .swiper-logo-wrapper a img {
    filter: grayscale(100%);
    transition: all 0.3s ease;
}
#CoInvestorSwiper .swiper-logo-wrapper a img:hover {
    filter: grayscale(0);
}*/
.KeyFocusSwiper  .swiper-logo-wrapper a img {
    filter: grayscale(100%);
    transition: all 0.3s ease;
}
.KeyFocusSwiper  .swiper-logo-wrapper a img:hover {
    filter: grayscale(0);
}
.tab-sec-inner.keysec-inner{
    padding: 0;
    overflow: hidden;
}
.error-message {
    font-size: 1vw !important;
    font-family: 'nexabold';
}
.form-group.phone-field p .error-message {
    flex-basis: 100%;
    order: 1;
}
button.upload-btn {
    position: absolute;
    top: 0;
    right: 0;
}
section.sec-venture-inner .slider-inner {
    padding-bottom: 0;
}
div#our-subsidiary {
    padding-bottom: 0;
}
.esg-modal-content p {
    padding: 1vw 0 0 0;
}
svg#investorWaveSVG {
    width: 100%;
}
.share-file-panel p a {
    cursor: inherit;
    pointer-events: none;
}
.leader-img img {
    transition: 0.3s all ease-in-out;
    transform: scale(1);
}
.leader-img {
    overflow: hidden;
}
.leader-img img:hover {
    transform: scale(1.1);
}
.tab-titles li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #FF3448;
    transition: 0.3s all  ease-in-out;
    display: block;
    color: #fff;
    z-index: -1;
}
.page-theme-blue.tab-titles li:before{
    background: #B7C3EA;
}
.compliance-tab.page-tab .tab-titles li:before {
    background: #339966;
}
.governance-tab.page-tab .tab-titles li:before {
    background: #339966;
}
.page-theme-blue.tab-titles li:hover{
    color: #000;
}
.tab-titles li:hover:before {
  width: 100%; 
}
.tab-titles li:hover {
color: #fff;
}
.animated-button:hover {
  color: #fff; 
}
div#BannerListSwiper {
    overflow: hidden;
}
.slider-inner.finanical-slider {
    padding-bottom: 3vw !important;
}
.retur-top-arrow{
    display: none;
}
select#sub-filter-select {
    min-width: 17vw;
}
#financial-report-filter select#sub-filter-select {
    min-width: 20vw;
}
ul.sitemap-list li {
    width: 15.5vw;
    flex: inherit;
}
.sitemap-list > li > a {
    font-size: 1vw;
    border-radius: 5px;
text-align: center;
    font-family: 'Nexa-ExtraBold';
}
.sec-menu-items a{
    width:16vw;
}
/********Glictches removal*******/
.apporach-swiper {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.apporach-swiper.swiper-ready {
  visibility: visible;
  opacity: 1;
}
.StrategicSlider {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.StrategicSlider.swiper-ready {
  visibility: visible;
  opacity: 1;
}
#BannerListSwiper {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
}
#BannerListSwiper.swiper-ready {
  visibility: visible;
  opacity: 1;
}
.categories-swiper {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.categories-swiper.swiper-ready {
  visibility: visible;
  opacity: 1;
}
.KeyFocusSwiper {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.KeyFocusSwiper.swiper-ready {
  visibility: visible;
  opacity: 1;
}
#CoInvestorSwiper {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
}

#CoInvestorSwiper.swiper-ready {
  visibility: visible;
  opacity: 1;
}
#FinancialSwiper {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
}

#FinancialSwiper.swiper-ready {
  visibility: visible;
  opacity: 1;
}
.business-swiper {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.business-swiper.swiper-ready {
  visibility: visible;
  opacity: 1;
}
#PillarsSwiper {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
  width: 100%;
  height: auto;
}

#PillarsSwiper.swiper-ready {
  visibility: visible;
  opacity: 1;
}
.Swiper-for3slides {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.Swiper-for3slides.swiper-ready {
  visibility: visible;
  opacity: 1;
}
#life-at-pds-swiper {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
}

#life-at-pds-swiper.swiper-ready {
  visibility: visible;
  opacity: 1;
}
#CoverageSwiper {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
}

#CoverageSwiper.swiper-ready {
  visibility: visible;
  opacity: 1;
}
#VideosSwiper {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
}

#VideosSwiper.swiper-ready {
  visibility: visible;
  opacity: 1;
}
#Socialswiper,
#CorporateSwiper {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
}

#Socialswiper.swiper-ready,
#CorporateSwiper.swiper-ready {
  visibility: visible;
  opacity: 1;
}
.where-seen-carousel {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.where-seen-carousel.swiper-ready {
  visibility: visible;
  opacity: 1;
}
.factory-swiper-manufacturing,
.factory-swiper-mobile {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.factory-swiper-manufacturing.swiper-ready,
.factory-swiper-mobile.swiper-ready {
  visibility: visible;
  opacity: 1;
}
.factory-swiper-brands {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.factory-swiper-brands.swiper-ready {
  visibility: visible;
  opacity: 1;
}
.esg-bg.banner.section-wrapper {
    overflow: hidden;
}
a.btn-theme.btn-theme-red {
    position: relative;
    z-index: 9;
}
.category-wrapper {
    width: 100%;
}
.arrow-link-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    left: 0;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 0.5vw;
}
.approach-panel .swiper-slide:hover .hoverarrowimg{
    display: block !important;
}
.approach-panel .swiper-slide:hover .activearrowimg{
    display: none;
}
.arrow-link-img img {
    width: 2.2vw;
}
div#discalimerpopup .modal-context span {
    padding: 0;
}
.arrow-img-overlay {
    position: fixed;
    top: 0.5vw;
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: flex-end;
    align-items: flex-start;
    right: 0.5vw;
}
.arrow-img-overlay img {
    width: 2.2vw;
    min-height: inherit;
    object-fit: inherit;
    object-position: inherit;
}
.item-thumb:hover .hoverarrowimg{
    display: flex !important;
}
.item-thumb:hover .activearrowimg{
    display: none;
}
.contact-feed.empty {
  border-top: none;
}
.where-seen-carousel .swiper-carousel-whiterounded .swiper-button {
    border: none !important;
    box-shadow: inherit !important;
    margin: 0;
    color: inherit;
}
.contact-feed.no-socials {
  border-top: none !important;
}
.people-landing-bg.section-wrapper {
    min-height: 80vh;
}
.contact-us.section-wrapper {
    min-height: 80vh;
}
.ethics-hotline.section-wrapper {
    min-height: 80vh;
}
.thankYouMsg p {
    color: #000;
    font-size: 1vw;
    font-family: 'nexabold';
    text-align: center;
}
.item-desc.item-hover-content span {
    font-family: 'Nexa-ExtraBold';
}
.bod-tab .tab-titles li a {
    position: absolute;
    color: inherit !important;
    background: transparent !important;
    border: none !important;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.bod-tab .tab-titles li a.active{
    background: #FF3448 !important;
    color: #fff !important;
}
.bod-tab-content {
    padding: 3vw 0 0 0;
}
.bod-tab-dropdown {
    display: none;
}
/*********Esg new section**********/
.grphic-cover-img .coverimg {
    max-width: 24.5vw;
    transition: 0.3s all ease-in-out;
}
.graphic-text-wrapper {
    padding: 5vw 0;
}
.mobile-fitto-screen.sec-graphic {
    min-height: 100vh;
    display: flex;
    align-items: center;
}
.esg-graphic-inner {
    display: flex;
    padding: 0 10vw;
}
.graphic-text-wrapper h1 {
    padding-right: 8vw;
}
.graphic-cover-context {
    width: 55vw;
    padding: 0 0 0 4vw;
}
.grphic-cover-img .coverimg:hover{
    box-shadow: 0px 15px 20px rgba(255, 52, 72, 0.5);
    transform: translateY(-4px);
}
.environment-inn {
    border-top: 2px solid #339966;
    padding: 4vw 0 0 0;
    overflow:hidden;
}
.grphic-cover-img {
    position: relative;
}
.mobile-arrow {
    position: absolute;
    top: 20px;
    right: 20px;
    display: none;
}
.graphinc-mobilecover {
    display: none;
}
/**************New Development for Brands**********/
/* Brands split layout */
.brands-split {
    display: flex;
    gap: 30px;
    width: 100%;
}
.business-swiper-left .swiper-wrapper {
    flex-direction: unset !important;
    display: grid;
    grid-template-rows: repeat(var(--swiper-grid-rows, 2), 1fr);
    grid-auto-flow: column;
}
.brands-left {
    width: 19.5vw;
    overflow: hidden;
}

.brands-right {
    width: 61.5vw;
    overflow: hidden;
}

.swiper-slide.left-brand-item {
    margin-top: 0 !important;
}

.right-brand-item .brand-image-wrapper {
    height: 13.1vw;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 1.5vw 0;
    position: relative;
    overflow: hidden;
    transition: 0.3s all ease-in-out;
}

.swiper-slide.right-brand-item {
    margin-top: 0px !important;
}

/* Right: background image wrapper */
.brand-image-wrapper {
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
}

/* red overlay element on right */
.brand-overlay {
    position: absolute;
    inset: 0;
    background: rgba(214, 28, 38, 0);
    /* transparent initially */
    transition: background .25s ease;
    z-index: 1;
}

.brand-context p {
    font-size: 1.2vw;
    color: #fff;
    text-transform: uppercase;
    font-family: 'nexaregular';
}

/* overlay logo */
.overlay-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 13vw;
    opacity: 0;
}

/* hover behavior */
.brand-image-wrapper:hover .brand-overlay {
    background: #FF3448;
}

.brand-image-wrapper:hover .overlay-logo {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}
/********For how it works */
.how-its-row {
    display: flex;
}
.how-its-wrapper {
    padding: 5vw 0 6vw 0;
}

.how-it-works-sec {
    background: linear-gradient(#F3F4F8, #D2D4DD);
}

.how-its-row {
    display: flex;
    height: 100%;
    padding: 2vw 0;
}

.how-its-grid {
    width: 21.2vw;
    padding: 1vw 2vw;
    position: relative;
    z-index: 9;
}
.how-its-grid h3 {
    font-size: 2vw;
    color: #000;
    font-family: 'nexabold';
    padding: 0 0 1vw 0;
}
.how-its-grid p {
    font-size: 1.5vw;
    line-height: 2vw;
    padding: 0 0 3vw 0;
    min-height: 6vw;
}
.how-its-grid p span {
    font-family: 'Nexa-ExtraBold';
}
.logo-collage.logo-collage-wrapper {
    width: 34vw;
    padding: 0;
}
.group-list ul li {
    font-size: 1.5vw;
    position: relative;
    margin: 0 0 1vw 0;
}
.group-list ul li:before{
    content:'';
    width: 1.5vw;
    height: 1.2vw;
    display: block;
    position: absolute;
    background-size: cover !important;
    left: -2vw;
    top: 0.5vw;
}
.group-list ul {
    padding: 0 0 0 2vw;
}
.group-list ul {
    padding: 0 0 0 2vw;
}
.how-its-grid.how-its-active-panel {
    background: #fff;
}
.group-sec h3 {
    color: #FF3448;
}
.group-sec p {
    color: #FF3448;
}
/**subsidiary logos */
.logo-collage-wrapper .logo-center img {
    width: 8.5vw
}
.logo-collage-wrapper .logo-center {
    position: relative;
    top: 1.5vw;
    left: 0.5vw;
}
.logo-collage-wrapper .logo-center {
    width: 8.5vw;
    text-align: center;
}
.logo-collage-wrapper .logos-grid {
    position: absolute;
    left: 6.4vw;
    width: 34vw;
}
.logo-collage-wrapper .logos-grid ul li{
    display:none;
}
.logo-collage-wrapper .logos-grid li {
    position: absolute;
}
.logo-collage-wrapper .logos-grid li a {
display: flex;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.logo-collage-wrapper .logos-grid li a img {
    width: auto;
    height: auto;
    max-height: 2.4vw;
    object-fit: contain;
    display: block;
    min-height: 1.6vw;
}
li.logo-positive-materials {
    top: -11vw;
    left: 8vw;
}
li.logo-yellow-octopus {
    top: -10vw;
    left: 1vw;
}
li.logo-stan-ray {
    top: -7vw;
    left: -2.5vw;
}
li.logo-dbs-lifestyle {
    top: -3.5vw;
    left: -3.5vw;
}
li.logo-new-lobster {
    top: -7vw;
    left: 3.5vw;
}
li.logo-zamira-new {
    top: -6.7vw;
    left: 11vw;
}
li.logo-manastash {
    top: -9.3vw;
    left: 16.5vw;
}
li.logo-dsgn-creatives {
    top: 0vw;
    left: -5vw;
}
li.logo-pg-group {
    top: -3.5vw;
    left: 7.5vw;
}
li.logo-steller-brands {
    top: -0.2vw;
    left: 1.5vw;
}
li.logo-casa-collective {
    top: 5vw;
    left: -6vw;
}
li.logo-norlanka-new {
    top: 4vw;
    left: 0.5vw;
}
li.logo-css {
    top: 9.5vw;
    left: -6vw;
}
li.logo-techno-design {
    top: 8.5vw;
    left: 1.5vw;
}
li.logo-poetiegem {
    top: 14vw;
    left: -4.5vw;
}
li.logo-progess-apparels {
    top: 12.5vw;
    left: 5vw;
}
li.logo-techno-design a img {
    max-height: 2.9vw !important;
}
li.logo-the-brand-group {
    top: 17.5vw;
    left: -1.2vw;
}
li.logo-northern {
    top: 13.5vw;
    left: 9vw;
}
li.logo-simple-approach {
    top: 18.5vw;
    left: 7vw;
}
li.logo-norwest {
    top: 11.5vw;
    left: 14vw;
}
li.logo-good-earth {
    top: 17.5vw;
    left: 15.3vw;
}
li.logo-little-mistress {
    left: 6vw;
    top: -3.5vw;
}
li.logo-knit-gallery {
    top: -3.5vw;
    left: 11.5vw;
}
li.logo-poeitic-brands {
    left: 17vw;
    top: -2.5vw;
}
li.logo-design-hub-sourcing {
    left: 16.3vw;
    top: 1vw;
}
li.logo-ksl-new {
    left: 17vw;
    top: 4vw;
}
li.logo-online-enterprise {
    left: 17vw;
    top: 8vw;
}
li.logo-radius-brands {
    top: 15vw;
    left: 17.5vw;
}
li.logo-krayons {
    top: 11vw;
    left: 20.5vw;
}
li.logo-sourcing-solutions {
    top: 7vw;
    left: 21.5vw;
}
li.logo-on-me {
    left: 22vw;
    top: 2.5vw;
}
li.logo-brand-collective {
    top: -1.5vw;
    left: 21.5vw;
}
li.logo-spring-new {
    top: -2vw;
    left: 21.5vw;
}
li.logo-pds-for-east {
    left: 18.5vw;
    top: -5.5vw;
}
li.logo-the-brand-group a img {
    max-height: 1.9vw !important;
}
li.logo-poeitic-brands a img {
    max-height: 2.7vw !important;
}
li.logo-ksl-new a img {
    max-height: 3vw !important;
}
li.logo-progess-apparels a img {
    max-height: 2.6vw !important
}
li.logo-dbs-lifestyle a img {
    max-height: 2.2vw !important;
}
li.logo-norwest a img {
    max-height: 1.9vw !important;
}
li.logo-positive-materials a img {
    max-height: 2.8vw !important;
}
li.logo-radius-brands a img {
    max-height: 1.8vw !important;
}
li.logo-zamira-new a img {
    max-height: 2vw !important;
}
.how-its-grid {
  transition: opacity 1s ease-in-out;
  position: relative;
  z-index: 1;
}

.how-its-active-panel {
  z-index: 99;
}
/* Transition base */
.logo-collage-wrapper .logo-center img,
.logo-collage-wrapper .logos-grid li a {
  transition: all 0.6s ease-in-out;
}

/* ---- STATE: GROUP ACTIVE ---- */
.how-its-row .group-sec.how-its-active-panel ~ .logo-collage-wrapper .logo-center img {
  transform: scale(1.15); /* Slightly bigger PDS logo */
  opacity: 1;
}
.how-its-row .group-sec.how-its-active-panel ~ .logo-collage-wrapper .logos-grid li a {
  opacity: 0.5; /* Subsidiaries faded */
  transform: scale(1);
}

/* ---- STATE: SUBSIDIARY ACTIVE ---- */
.how-its-row:has(.subsidiary-sec.how-its-active-panel) .logo-collage-wrapper .logo-center img {
  opacity: 0.7; /* PDS faded */
  transform: scale(1); /* normal size */
}
.how-its-row:has(.subsidiary-sec.how-its-active-panel) .logo-collage-wrapper .logos-grid li a {
  opacity: 1;
}
li.logo-spring-new a {
    pointer-events: none;
}
.brand-subtitle {
    text-align: center;
    padding: 0 0 1vw 0;
}
.brand-context .overlay-logo {
    opacity: 1;
}
.brand-context {
    background: rgba(000, 000, 000, 0.1);
    width: 100%;
    height: 100%;
}
.what-we-do.banner.mobile-fitto-screen {
    min-height: 100vh;
    height: auto !important;
    display: flex;
    align-items: center;
}
.how-it-works-sec.bg-changed {
    background: #D2D4DD;
}
li.logo-manastash a {
    pointer-events: none;
}
/************Responsive Css***********/
@media(min-width:1100px) and (max-width:1400px){
.swiper-pagination{
    top: -2vw !important;
}
}
@media(min-width:1920px)
{

}
@media(min-width:992px) and (max-width:1199px){
.pds-nav-collapse .navbar-nav a{
    font-size: 1vw;
}
.four-pillars-panel {
    padding: 100px 0 100px 0;
}
.esg-graphic-inner {
    display: flex;
    padding: 4vw 10vw 4vw 10vw;
}
.approach-panel {
    padding: 30px 0 0;
}
.mobile-fitto-screen.sec-graphic {
    min-height: inherit;
}

.banner-list {
    position: static;
    padding: 30px 0 0 0;
}
.wave-bg{
        right: 1vw;
        bottom: 20vw;
}
.whr-seen-bannerimg {
    height: 55vw;
}
.media-banner{
    height: 75vh;
}
.approach-inner {
    position: relative;
}
.sec-menu-items {
    position: static;
    padding: 0 0 20px 0;
}
.mobile-fitto-screen.banner {
    height: auto !important;
    min-height: inherit;
}
.banner-what-vw {
    width: 60vw;
}
.banner-vw {
    width: 45vw;
}
.banner-vw p {
    width: 40vw;
}
.sec-title {
    font-size: 2.5vw;
    line-height: 3.5vw;
}
.swiper-pagination {
    top: -2.5vw !important;
}
.wave-bg {
    display: flex !important;
    justify-content: flex-end;
}
.banner-what-vw p {
    width: 60vw;
}
.wave-bg svg {
  width:50vw !important;
}
.sec-title-para {
    font-size: 2vw;
    line-height: 3vw;
}
}
@media(min-width:768px) and (max-width:991px){
.container-fluid {
    padding: 0 30px;
}
.how-its-row {
    padding: 35px 0 0 0;
}
.howit-tabs .tab-btn {
        border: none;
        background: #fff;
        color: #000;
        height: 40px;
        margin: 0;
        font-size: 15px;
        min-width: 50%;
        font-family: 'Nexa-ExtraBold';
        opacity: 0.5;
        max-width: 100%;
}
.howit-tabs .tab-btn.active {
    background: #fff;
    opacity: 1;
}
.howit-tabs .tab-btn.group-tab-btn{
    color:  #FF3448;
}
.group-tab-content p{
     color: #FF3448;
}

.howit-tabs {
        padding: 0 0 0px 0;
        display: flex;
        justify-content: center;
        gap: 15px;
}
.tab-content-wrapper .tab-content p {
    text-align: center;
    padding: 20px 0 0 0;
}
.tab-content-wrapper .tab-content p span {
    font-family: 'Nexa-ExtraBold';
}
.tab-content-wrapper .group-list {
    padding: 20px 0 0;
}
.tab-content-wrapper .group-list ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0;
}
.tab-content-wrapper .group-list ul li {
    font-size: 15px;
    background: #fff;
    width: 48%;
    margin: 0;
    display: flex;
    padding: 4px 20px 4px 30px;
}
.tab-content-wrapper .group-list ul li:before {
    width: 15px;
    height: 11px;
    left: 10px;
    top: 8px;
}
.tab-content-wrapper  .tab-content{
    display:none;
 }  
 .tab-content-wrapper  .tab-content.active{
    display:block;
 }  
 .logo-collage.logo-collage-wrapper {
        width: 93vw;
        padding: 200px 0;
}
.how-it-works-sec {
    min-height: 100vh;
}
.logo-collage-wrapper .logos-grid {
    left: 0;
    width: 93vw;
}
.logo-collage-wrapper .logo-center {
    width: 23vw;
    top: 8vw;
    position: relative;
}
.logo-collage-wrapper .logo-center img {
    width: 23vw;
    margin: 0;
}
.logo-collage-wrapper .logos-grid li a img {
    max-height:6.5vw !important;
    min-height: 3.6vw;
}
.tab-content-wrapper .group-list ul li:last-child {
    width: auto;
}
li.logo-positive-materials {
    top:-25vw ;
    left: 38vw;
}
li.logo-yellow-octopus {
    top: -22vw;
    left: 17vw;
}
li.logo-stan-ray {
    top: -13vw;
    left: 8vw;
}
li.logo-new-lobster {
    top: -13.5vw;
    left: 24vw;
}
li.logo-dbs-lifestyle {
    top: -3.5vw;
    left: 3vw;
}
li.logo-zamira-new {
    top: -13.7vw;
    left: 45vw;
}
li.logo-manastash {
    top: -21.3vw;
    left: 61.5vw;
}
li.logo-dsgn-creatives {
    top: 8vw ;
    left: 2vw;
}
li.logo-pg-group {
    top: -2vw;
    left: 33vw;
}
li.logo-casa-collective {
    top: 20vw ;
    left: 2vw;
}
li.logo-little-mistress {
    left: 30vw;
    top: -3.5vw ;
}
li.logo-steller-brands {
        top: 4.5vw;
        left: 18vw;
}
li.logo-norlanka-new {
        top: 17.5vw !important;
        left: 18.5vw;
}
li.logo-css {
    top: 32.5vw;
    left: 2vw;
}
li.logo-techno-design {
        top: 30vw;
        left: 23vw;
}
li.logo-poetiegem {
    top: 44vw ;
    left: 4vw;
}
li.logo-progess-apparels {
        top: 40vw;
        left: 32vw;
}
li.logo-the-brand-group {
        top: 53vw;
        left: 14vw;
}
li.logo-northern {
    top: 45vw ;
    left: 43.5vw;
}
li.logo-simple-approach {
    top: 57vw ;
    left: 34vw;
}
.logo-collage-wrapper .logos-grid li.logo-norwest a img {
    max-height: 5vw !important;
}
li.logo-norwest {
    top: 38vw ;
    left: 51vw;
}
li.logo-online-enterprise {
    left: 60vw;
    top: 28vw;
}
.logo-collage-wrapper .logos-grid li.logo-ksl-new a img {
    max-height: 8vw !important;
}
.logo-collage-wrapper .logos-grid li.logo-design-hub-sourcing a img {
    max-height: 5.5vw !important;
}
li.logo-ksl-new {
    left: 62vw;
    top: 17vw ;
}
li.logo-knit-gallery {
    top: -2.5vw;
    left: 45.5vw;
}
li.logo-poeitic-brands {
    left: 60vw;
    top: -0.5vw;
}
li.logo-design-hub-sourcing {
    left: 60vw;
    top: 8vw ;
}
li.logo-poeitic-brands {
    left: 60vw;
    top: -2.5vw;
}
li.logo-good-earth {
    top: 53.5vw ;
    left: 57vw;
}
.logo-collage-wrapper .logos-grid li.logo-radius-brands a img {
    max-height: 4.5vw !important;
}
li.logo-radius-brands {
    top: 48vw ;
    left: 62vw;
}
li.logo-krayons {
        top: 35vw;
        left: 68vw;
}
.logo-collage-wrapper .logos-grid li.logo-sourcing-solutions a img {
    max-height: 7vw !important;
}
li.logo-sourcing-solutions {
        top: 22vw;
        left: 73vw;
}
li.logo-on-me {
        left: 74vw;
        top: 11vw;
}
li.logo-brand-collective {
        top: -1.5vw;
        left: 73vw;
}
li.logo-spring-new {
    top: -2vw;
    left: 71.5vw;
}
.logo-collage-wrapper .logos-grid li.logo-poeitic-brands a img {
    max-height: 8vw !important;
}
.logo-collage-wrapper .logos-grid li.logo-spring-new a img {
    max-height: 6vw !important;
}
.logo-collage-wrapper .logos-grid li.logo-pds-for-east a img {
    max-height: 5.5vw !important;
}
li.logo-pds-for-east {
    left: 65vw;
    top: -11.5vw !important;
}
.logo-collage-wrapper .logos-grid li.logo-positive-materials a img {
    max-height: 8vw !important;
}   
.brands-split {
    display: block;
    padding: 30px 0 0 0;
}

.brands-style {
    width: 100%;
    position: relative;
    padding-bottom: 200px;
}

.overlay-logo {
    width: 125px;
}

.brands-grid-carousel.swiper-carousel.swiper-carousel-controls .swiper-pagination {
    display: block;
}

.brands-grid-carousel.swiper-carousel.swiper-carousel-controls {
    position: absolute;
    width: 55%;
    margin: 0 auto;
    top: auto;
    bottom: 0px;
}

.brands-right {
    width: 100%;
}

.right-brand-item .brand-image-wrapper {
    height: 225px;
    margin: 0 0 20px 0;
    background-size: cover;
}

.brand-context p {
    font-size: 15px;
}
.whr-seen-bannerimg{
    height: auto;
}
ul#bodTab li {
    height: 60px;
}
.bod-tab .tab-titles li a{
    height: 60px;
}
ul.tab-titles.tab-theme-red li{
    width: 25%;
}
.people-landing-bg.section-wrapper {
    min-height: inherit;
    padding-bottom: 50px;
}
.swiper-carousel.swiper-carousel-white.life-at-swiper-carousel {
    width: 60%;
}
.modal-theme .modal-content{
    height: auto;
}
.qualified-panel h3 {
    font-size: 18px;
    padding: 0 0 20px 0;
}
.qualified-panel p {
    font-size: 20px;
    line-height: 30px;
}
.qualified-panel {
    padding: 30px 15px;
}
#financial-report-filter select#sub-filter-select{
min-width: 40vw;
}
.pds-nav{
    z-index: 99;
}
.tab-sec-inner.keysec-inner{
    padding: 50px 0;
}
.theme-submit{
    background-size: 5vw;
}
.submit-wrapper{
    width:auto;
}
.pds-world-inner {
    padding: 0;
}
.pds-world-inner .sec-title {
    text-align: center;
}
.sec-title {
        font-size: 30px;
        line-height: 40px;
}
.wave-bg  {
        display: block !important;
        top: auto;
        right: auto;
        bottom: 55vw;
}
.wave-bg svg {
    width: 800px !important;
}
.graphic-cover-context {
    width: auto;
    padding: 40px 0 50px 0;
    text-align: center;
}
.mobile-fitto-screen.sec-graphic {
    min-height: inherit !important;
    display: flex;
    align-items: center;
    height: auto !important;
}
.graphic-text-wrapper h1 {
    padding-right: 0;
}
.grphic-cover-img {
    display: flex;
}
.grphic-cover-img .coverimg {
    max-width: 50%;
    margin: 0 auto;
}
.esg-graphic-inner {
    display: block;
    padding: 0;
    flex-wrap: wrap;
    justify-content: center;
}
.grphic-cover-img img {
    max-width: 400px;
    margin: 0 auto;
}
ul#bodTab {
    justify-content: center;
}
.additional-menus-wrapper ul.sitemap-list li {
    width: 100%;
}
.additional-menus-wrapper ul.sitemap-list {
    width: 48%;
    padding: 0;
}
ul.sitemap-list li {
    width: 49%;
}
svg#investorWaveSVG {
    height: 300px;
}
.banner-title.esg-bannervw {
    height: auto;
}
.four-pillars-panel {
    height: auto;
}
.compliance-tab.page-tab .tab-titles {
    justify-content: center;
}
.governance-tab.page-tab .tab-titles {
    justify-content: center;
}
.sitemap-list li {
        padding: 0 0 7px 0;
        flex: auto;
        text-align: center;
        width: 48%;
}
.sitemap-menu-list .sec-menu-items a {
    font-size: 15px;
    width: 48%;
    height: auto;
    padding: 5px 15px;
    margin: 0 0 10px 0;
}
.sitemap-menu-list .mobile-dropdown-menu {
    display: none;
}
.sitemap-menu-list .sec-menu-items {
          display: flex;
        flex-wrap: wrap;
}
.sitemap-menu-list .sec-menu-dropdown.sec-menu-dropdown-inner {
    padding: 0 0 10px 0;
}
.sitemap-menu-list h2 {
    font-size: 18px;
    padding: 0 0 10px 0;
}
.sitemap-list > li > a {
    font-size: 15px;
    padding: 8px;
}
.whr-seen-bannerimg img {
    object-fit: cover;
    width: 100%;
    height: 55vw;
    object-position: center;
}
h2.country-title {
    margin-bottom: 6px !important;
}
.desktop-only { display: none; }
.mobile-only { display: block; }
.country-title {
    font-size: 15px;
    padding: 6px 0;
}
.factory-card h2 {
        font-size: 15px;
        padding: 6px 0;
        margin:0 0 6px 0;
}
.factory-item-context {
        width: 80%;
        margin: auto 0 0 auto;
        padding: 20px 40px 0 20px;
}
.factory-img {
    width: 100%;
    margin: auto 0 0 auto;
}
.factory-item-context h3 {
    font-size: 15px;
    padding: 0 0 6px 0;
}
.factory-item-context p {
    font-size: 12px;
}
.revenue p {
    font-size: 12px;
}
.sub-category-title.factory-category-title a {
    position: absolute;
    top: 40px;
}
.sub-category-title.factory-category-title h1 span{
    display: block;
}
.sub-category-title.factory-category-title h1 {
    text-align: center;
    display: block;
    padding: 0;
}
.factory-swiper{
    position: relative;
}
.factory-swiper .swiper-button.swiper-button-next, .factory-swiper .swiper-button.swiper-button-prev {
width: 90px;
        background-size: cover !important;
        right: 0;
        height: 90px;
}
.swiper-controls-factory {
        position: absolute;
        top: auto;
        height: auto;
        width: 100%;
        bottom: 50px;
}
.factory-swiper .swiper-button.swiper-button-prev {
    left: 60px;
}

.factory-swiper .swiper-button.swiper-button-next:after, .factory-swiper .swiper-button.swiper-button-prev:after {
    display: none;
}
.factory-items-wrapper {
    padding: 8px;
    position: relative;
          overflow: hidden;
}
.services-strip-menu.brand-strip-menu:before,.services-strip-menu.brand-strip-menu:after{
    display: none;
}
.services-strip {
    text-align: right;
    position: absolute;
    left: -30px;
    top: 0;
    z-index: 1;
    background: transparent !important;
    width: auto;
}
.services-strip-menu {
    display: block;
    width: auto;
    height: auto;
}
.services-strip-menu li {
    width: 120px;
    height: 38px;
    background-size: contain !important;
    max-width: inherit;
    padding: 0 0 0 20px;
    display: flex;
    align-items: center;
    line-height: 13px;
    color: #000;
    text-align: left;
    font-size: 12px;
    justify-content: flex-start;
}
.category-btn {
    display: flex;
    justify-content: center;
}
.sub-factory-context {
    padding: 10px 10px;
    display: block;
    text-align: center;
}
.country-factories.brand-factories {
    padding: 0;
}
.services-strip-menu li.active:before,.services-strip-menu li.active:after{
    display: none;
}
.country-factories.brand-factories .factory-img img {
    max-height: inherit;
    height: auto;
}
.country-title.brand-country-title {
font-size: 15px;
        width: 100%;
        margin: auto 0 0 auto;
}
  .factory-swiper .swiper-wrapper {
    display: flex; /* keep swiper */
  }
  .factory-country-col {
    flex: 1 0 100%;
    max-width: 100%;
  }
.factory-country-wrapper .swiper-carousel.swiper-carousel-controls {
    display: flex;
}
.factory-country-wrapper {
    display: block; 
}
.factory-country-wrapper .factory-item {
    flex: none;
    max-width: 100%;
}
.office-address ul li {
    font-size: 15px;
}
.modal-contact-info {
    padding: 20px 0;
    width: 100%;
    height: 77%;
    word-wrap: break-word;
    padding:20px 10px;
}
.leader-desc h4 {
    font-size: 18px;
    padding: 20px 0;
}
.hw-bx {
    height: 200px;
}
.hw-list li:nth-child(3) {
    left: 8vw;
}
.parent-others .subcategory-box img {
    max-height: 200px;
    min-height: 200px;
}
.categories-inner {
    padding: 70px 0 0px 0;
}
.categories-inner .sec-title {
    padding: 0 0 30px 0;
}
.swiper.categories-swiper {
    padding-bottom: 30px;
}
.category-wrapper h3 {
    font-size: 25px;
    color: #fff;
    font-family: 'Nexa-ExtraBold';
    padding: 0 0 1vw 0;
}
.category-img img {
        max-height: 450px;
        min-height: 450px;
        object-position: top;
}
.category-overlay {
    opacity: 1;
    padding: 15px 20px;
}
.category-overlay p {
    font-size: 18px;
    line-height: 25px;
    padding: 10px 0 00;
}
.sec-tab.our-categories-tab {
    overflow: visible;
}
.sub-category-title a img {
    width: 30px;
    margin: 0 10px 0 0;
}
.sub-category-title {
    padding: 25px 0;
}
.sub-category-title h1 {
    display: flex;
    justify-content: center;
    width: 100%;
}
.subcategory-card {
    flex: 0 0 50%;
    max-width: 50%;
}
.subcategory-box h3 {
    font-size: 18px;
    padding: 0 0 10px 0;
}
.subcategory-box img {
    max-height: 140px;
    min-height: 140px;
}
.sub-cateogry-context {
    padding: 100px 0 0 0;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
}
.category-context-left {
    width: 100%;
}
.category-context-left h2 {
        font-size: 30px;
        padding: 0 0 10px 0;
}
ul.services-strip-menu.brand-strip-menu li {
    color: #fff;
}
.category-context-left p {
        width: 100%;
        padding: 0 10px 10px 10px;
        font-size: 24px;
}
.category-btn {
    padding: 0 0 15px 0;
}
.category-btn a {
    width: 230px;
    font-size: 12px;
    padding: 6px 10px;
    height: auto;
}
.parent-others .subcategory-card {
    flex: 0 0 100%;
    max-width: 100%;
}
.category-btn a img {
    right: 5px;
    width: 25px;
}

.where-seen-panel {
    overflow: hidden;
}
.whr-hover-context h3 {
    color: #fff;
}
.whr-hover-context address {
    font-size: 15px;
    color: #fff;
    margin: 0 0 20px 0;
}
.swiper-carousel.swiper-carousel-whiterounded .swiper-button {
    width: 80px;
    height: 80px;
}
.swiper-carousel.swiper-carousel-whiterounded .swiper-button-next {
    right: 0;
}
.swiper-carousel.swiper-carousel-whiterounded .swiper-button-prev {
    left: 0;
}
.whr-topcontent {
    position: absolute;
    top: 0;
    padding: 2vw 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    right: 0;
}
.whr-slide-content {
    width: 100%;
    top: 0;
    height: 100px;
}
.whr-topcontent h3, .whr-topcontent address {
    display: none;
}
.whr-hover-context p {
    font-size: 18px;
    line-height: 22px;
}
.d-block.d-md-none.formobile {
    display: block !important;
}
.whr-hover-context {
    bottom: 0;
    width: 100%;
    height: auto;
    padding: 15px 20px;
    opacity: 1;
    pointer-events: inherit;
    transform: translateY(0);
    display: block;
}
.stock-coc-title p {
    font-size: 16px;
}

.share-price-wrapper.coc-items {
    padding: 50px 0;
}
div#esgmodal {
    top: 0;
}
.item-desc.item-desc-overlay{
    display: block !important;
}

.item-desc.item-hover-content {
    display: none !important;
    transform: inherit;
    opacity: 1;
}
.item-thumb:hover .item-desc.item-hover-content {
    display: block !important;
    width: 100%;
}
.item-thumb:hover .item-desc.item-desc-overlay{
    display: none!important;
}
div#BannerListSwiper {
    padding: 50px 0 0 0;
}
.banner-list {
    width: 92%;
    position: static;
    bottom: 0;
    overflow: hidden;
}
div#bodModal {
    top: 0;
}
.sec-latest-news {
    overflow: hidden;
}
.spiral-bg {
    display: none;
}
.swiper-carousel {
    width: 40%;
}
body.modal-open .navbar.pds-nav.active {
    z-index: 0;
}
.sec-tab {
    position: relative;
    z-index: 9;
}
.swiper-carousel.swiper-carousel-red {
    width: 100%;
    bottom: auto;
    top: 85%;
}
.banner.mobile-fitto-screen {
    height: auto !important;
}
.navbar-nav{
    text-align: right;
}
#discalimerpopup .context-list {
    padding: 75px 20px;
}
div#discalimerpopup {
    width: 100%;
    height: 100%;
    top: 0;
}
.disclaimer-wrapper a{
    font-size: 15px;
}
.coc-card.social-card {
    height: auto !important;
}
.linkedin-embed iframe {
    width: 100%;
    height: 310px !important;
}
.videos-context .coc-title h2 {
    padding: 0 !important;
}
video#videoPlayer {
        width: 100% !important;
        height: 100% !important;
        left: 0;
        top: 0;
}
.video-modal .modal-body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}
.video-modal .modal-dialog.modal-dialog-centered {
        height: 100%;
        width: auto;
        background: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
.video-modal .modal-dialog.modal-dialog-centered {
          height: 100%;
        width: auto;
        background: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
.video-modal .modal-content{
    height: 100%;;
}
.item-hover-content{
    width: 92%;
}
.culture-list {
    width: 70%;
    padding: 0 0 50px 0;
}
.culture-box {
    padding: 10px 0;
    font-size: 15px;
    margin: 0 0 10px 0;
}
.culture-box img {
    width: 45px;
}
.our-sec-context.culture-context h1 {
    padding: 0;
}
.culture-box span {
    font-size: 15px;
}
.swiper-carousel-red .swiper-button-next{
    left: -25px !important;
}
.swiper-carousel-red .swiper-button.swiper-button-next {
    right: -35px;
    left: auto !important;
}
.swiper-carousel-red  .swiper-button.swiper-button-prev {
    left: -15px;
}
.apporach-swiper {
    overflow: hidden;
}
.people-landing-bg {
    background: linear-gradient(180deg, #FCFCFD, #BBBECB);
}
.investor-context h2 {
    font-size: 25px;
    padding: 0 0 10px 0;
}
.investor-context p {
    font-size: 15px;
    padding: 10px 0 0 0;
}
.investor-list-inn {
    padding: 50px 0 0px 0;
}
.investor-context {
    text-align: center;
    padding: 0 0 20px 0;
}
.investor-context address {
    margin: 0;
    padding: 0 0 10px 0;
    line-height: 16px;
    font-size: 15px;
}
.contact-block-inn address {
    font-size: 15px;
    padding: 0 0 20px 0;
    margin: 0;
}
.info-context ul li:last-child:after {
    content: '';
    background: rgba(51, 51, 51, 0.5);
    width: 1px;
    height: 20px;
    display: block;
    position: absolute;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: -50px;
}
.info-context.info-context-left ul {
    border-bottom: 1px solid rgba(51, 51, 51, 0.5);
    margin: 0 0 50px 0;
    padding: 0 0 30px 0;
    border-right: none;
}
.info-context.info-context-left ul:before,.info-context.info-context-left ul:after {
    content: '';
    background: rgba(51, 51, 51, 0.5);
    width: 1px;
    height: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
}
.info-context.info-context-left ul:after {
    left: auto;
    right: 0;
}
.info-context.info-context-left ul li:before{
    display: none;
}
.contact-info {
    padding: 50px 0 50px 0;
}
.contact-info h2 {
    font-size: 25px;
    padding: 0 0 0px 0;
}
.contact-info p {
    font-size: 20px;
    line-height: 25px;
    padding: 10px 0 0 0;
}
.authorise-sec {
    text-align: center;
}
.info-list-grid {
    padding: 0;
}
.info-list-row {
    padding: 0;
}
.info-context.info-context-left {
    padding-right: 0;
}
.info-context h2 {
    font-size: 20px;
    width: auto;
    padding-bottom: 10px;
}
.info-context ul li {
    font-size: 15px;
    padding: 10px 0;
}
.info-context ul li span {
    font-size: 25px;
}
.dispute-panel {
    padding: 0;
}
.investor-panel {
    padding: 50px 0;
}
.investor-panel h2.sec-title {
    padding: 0 0 30px 0;
}
.shareholder-card.coc-card {
    height: 200px;
}
.shareholder-card .coc-title h2 {
    width: 100%;
}
.share-file-panel p a {
    font-size: 20px;
}
.share-file-panel p {
    bottom: 20px;
}
.contact-block {
        display: block;
        text-align: center;
        padding: 0 0 50px 0;
}
.contact-block-inn {
    width: 100%;
    padding: 10px 0 0 0;
}
.contact-block-inn h3 {
    font-size: 25px;
    padding: 0 0 10px 0;
}
.contact-block-inn h4 {
    font-size: 20px;
    padding: 0 0 10px 0;
}
.contact-block-inn p {
    font-size: 15px;
    padding: 0 0 10px 0;
}
.share-price-left h2, .share-price-left p {
    font-size: 25px;
    padding: 0 0 15px 0;
    text-align: center;
    width: 100%;
}
.share-price-left p span {
    font-size: 20px;
}
.select-theme.select-filter.year-filter {
    min-width: 200px;
    margin: 0 0 1vw 0;
    background-size: 15px 15px;
}
.stock-exchange-filter {
    justify-content: center;
}
.no-doc-text p {
    font-size: 20px;
}
.share-price-left {
    width: 35%;
}
.share-price-right {
    width: 65%;
}
.time-range-buttons {
    display: flex;
    padding: 20px 0 0;
}
.time-range-buttons button {
    width: 100px;
    border-radius: 30px;
    font-size: 15px;
    height: 30px;
    margin: 0 10px 0 0;
}
.select-theme.select-document {
    width: 320px;
    margin: 0 !important;
    background-size: 15px 15px;
}
.bod-row-list.bod-who-we-are .leader-img img {
    height: auto;
}
.bod-investor-rowlist .leader-img img {
    height: auto;
}
.commitee-list-grid .leader-img img {
    height: auto;
}
.mobile-fitto-screen.people-landing-bg {
    height: inherit !important;
}
.sec-title.sec-inner-title {
    font-size: 20px;
}
.leader-context.bod-leader-list h2, .leader-context.bod-leader-list p {
    width: 100%;
}
.investor-img img{
    width: auto;
}
select#governance-filter {
    width: 60%;
}
.corporate-items {
    overflow: visible;
}
.investor-img {
    padding: 90px 0 110px 0;
    height: auto;
}
.investor-list {
    height: auto;
    justify-content: space-around;
    gap: 15px;
    flex-wrap: wrap;
    padding: 0 0 50px 0;
}
.investor-item {
    width: 47%;
}
.investor-item p {
    font-size: 15px;
    min-height: 90px;
    padding: 0 15px;
}
.investor-item p span {
    font-size: 30px;
}
.investor-item:after {
    height: 5px;
    margin: 10px 0 0 0;
}
.leader-img img {
    height: auto;
}
.social-context .coc-title h2 {
    font-size: 12px;
    padding: 0;
}
.social-card.image-only img {
    width: 100%;
}
.social-profile img {
    width: 100%;
}
.coc-card.social-card {
    height: 220px;
}
.swiper-carousel .swiper-button {
    width: 50px;
    height: 50px;
}
.news-profile img {
    width: 150px;
    object-fit: cover;
}
.news-panel-context{
    padding: 15px 15px 15px 15px;
    width: 52%;
}
.news-panel-context h2 {
    font-size: 15px;
}
.news-panel-context p {
    font-size: 12px;
    padding: 0 0 6px 0;
}
.news-profile {
    width: 48%;
}
.newsletter-card {
    margin: 0 0 15px 0;
    background: #EFEFEF;
    min-height: 170px;
    padding: 10px;
}
.select-theme.selec-theme-small {
    width: 215px;
}
.coc-card.coverage-card {
    padding: 0;
    min-height: 180px;
    background-size: cover !important;
    background-position: top center !important;
}
.coverage-profile {
    width: 50%;
}
.coverage-context {
    width: 50%;
    padding: 10px 10px 10px 10px;
}
.coverage-context .coc-title{
    padding: 0;
}
.coverage-profile img {
    min-height: 100%;
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.coc-download.coc-video-play img {
    width: auto;
}
.coverage-context .coc-title h2 {
    font-size: 15px;
    padding: 0 !important;
}
.press-releases-grid .coc-title h2 {
    width: auto;
    padding: 0 0 30px 0;
}
.year-by a {
    font-size: 18px;
}
.pdf-filter .coc-download {
    right: 15px;
}
.year-by {
    bottom: 10px;
    left: 20px;
}
.year-filter.form-select {
        font-size: 20px;
}
.press-releases-grid .coc-card {
    height: 210px;
    margin: 0 0 20px 0;
}
.media-banner .btn-theme-large {
    width: 340px;
}
.media-banner {
    width: 100%;
    height: auto;
}
.media-img {
    height: auto;
    position: static;
}
.media-img img {
    width: 65%;
}
.leadership-context {
    width: 100%;
}
.coverage-items .coc-title h2 {
    width: auto;
}
.people-develop-content {
    width: 100%;
}
.rewards-context p {
    font-size: 20px;
    line-height: 25px;
}
.rewards-grid h3 {
    font-size: 20px;
    padding: 0 0 20px 0;
}
.rewards-grid img {
    width: 30vw;
}
.reward-para {
    min-height: 28vw;
}
.rewards-grid {
    width: 50%;
}
.reward-para p {
    font-size: 15px;
}
.rewards-context {
    width: 100%;
}
.people-develop-content p {
    font-size: 20px;
    line-height: 25px;
}
.leadership-context p {
    font-size: 20px;
}
.leadership-context h3 {
    font-size: 20px;
    padding-bottom: 20px;
}
.coc-card {
    height: 200px;
    padding: 20px 20px;
    margin: 0 0 30px 0;
}
.coc-grid {
    flex: 0 0 50%;
}
.coc-download {
    bottom: 10px;
    right: 10px;
}
.coc-download img {
    width: 40px;
}
.coc-title h2 {
    font-size: 20px;
    width: 80%;
}
.cocgrid-img {
    width: 100%;
}
.whistle-logo img {
    width: 85px;
}
.whistle-logo {
    width: 100px;
    height: 35px;
    left: 20px;
    bottom: 50px;
}
.whistle-img-sec {
    position: static;
    display: block;
}
.coc-grid-context {
    width: 100%;
    padding: 25px 20px;
    text-align: center;
}
.coc-grid-context h2 {
    font-size: 25px;
    padding: 0 0 10px 0;
}
.coc-grid-context p {
    font-size: 20px;
    padding: 0 0 20px 0;
    line-height: 25px;
}
.coc-grid-context h3 {
    font-size: 20px;
    padding: 0 0 10px 0;
}
.coc-grid-context ul {
         padding: 0 0 20px 25px;
}
.coc-grid-context li {
    font-size: 20px;
    line-height: 25px;
}
.coc-grid-context span p {
    font-size: 15px;
    line-height: 20px;
}
.global-img-sec {
    position: static;
}
.whistle-inn {
    padding: 50px 0 70px 0;
}
.global-agency-inn {
    padding: 50px 0;
}
.global-context.coc-grid-context ul li {
    margin: 0 0 20px 0;
}
.careerspopup-theme .modal-dialog{
    margin:90px auto;
}
.modal-theme.careerspopup-theme {
    position: fixed;
    margin: 20px 0 0;
    z-index: 9999;
    overflow-y: scroll;
    height: 100%;
    top: 0;
    }
.theme-share-input {
    width: 100%;
    height: 40px;
    font-size: 15px;
    padding: 0 10px;
}
.theme-share-input.form-select {
    background-size: 12px;
}
.form-btn .career-btn {
    background-size: 25px !important;
}
.upload-btn {
    width: 75px;
    height: 40px;
    font-size: 12px;
    margin: 0 0 0 10px;
}
.col-lg-6.form-group {
    padding: 0;
}
.careerspopup-theme h2.modal-title {
    font-size: 25px;
    text-align: center;
    width: 100%;
    padding: 50px 0 30px 0;
}
.phone-field .form-select {
    width: 70px;
    margin: 0 10px 0 00;
}
.careerspopup-theme .btn-close {
    width: 35px;
    height: 35px;
}
.career-btn {
    width: 240px;
    height: 40px;
    font-size: 12px;
    padding: 0 15px;
}
.career-btn img {
    position: absolute;
    right: 10px;
    width: 30px;
}
.value-grid {
    flex: 0 0 50%;
    width: 50%;
}
.value-thumb-img img {
    width: 100%;
}
.value-overlay img {
    width: 60px;
    min-height: inherit;
    margin: 0 0 20px 0;
}
.value-hover-context{
    opacity: 1;
    display: none;
}
.value-overlay {
    bottom: 20px;
    padding: 0 20px;
}
.value-hover-context p {
    font-size: 15px;
    line-height: 20px;
    padding: 10px 0 00;
}
.value-hover-context {
    padding: 20px 20px;
}
.value-thumb {
    margin: 0 0 20px 0;
}
.value-thumb:hover .value-hover-context{
    display: block;
}
.acc-panel .accordion-content h2 {
    font-size: 20px;
    font-family: 'Nexa-ExtraBold';
    padding: 0 0 10px 0;
}
.acc-panel .accordion-icon {
    right: 10px;
}
.acc-panel .accordion-item {
    margin: 0 0 10px 0;
}
.acc-panel .accordion-content p {
    font-size: 15px;
}
.culture-context {
    width: 100%;
    padding: 0 0 40px 0;
}
.acc-panel .accordion-content {
    padding: 20px 0 20px 0;
}
.acc-panel .accordion-title {
    height: 40px;
    font-size: 15px;
    width: 100%;
}
.accordion.acc-panel {
    width: 100%;
    padding: 20px 0;
}
.people-context {
    padding: 20px 0 40px 0;
}
.banner-title.people-banner {
    height: auto;
}
.people-video-sec {
    margin: 20px 0 50px 0;
}
.people-desc {
    width: 100%;
    text-align: center;
}
.people-desc p {
    font-size: 20px;
}
.people-img {
    height: auto;
    position: static;
}
.sec-menu-items a {
font-size: 15px;
        width: 20%;
        height: 55px;
}
.sec-menu-items {
    position: static;
    padding: 35px 0 50px 0;
}
.contact-content address {
    font-size: 20px;
    line-height: 16px;
}
.checkbox-wrapper label {
        font-size: 22px;
        padding: 0 5px 0 0;
}
.theme-input {
    height: 60px;
    font-size: 20px;
    border-radius: 5px;
    padding: 8px 10px;
}
.theme-checkbox input {
    width: 20px;
    height: 20px;
}
.theme-submit {
    font-size: 20px;
    width: 230px;
    height: 60px;
    border-radius: 30px;
}
.form-group {
    margin: 0 0 20px 0;
}
textarea.theme-input {
    height: 120px;
}
.contact-content p {
    font-size: 20px;
}
.privacy-content p {
        font-size: 20px;
        line-height: 30px;
}
.privacy-content ul li {
    font-size: 20px;
}
.privacy-content ol li {
    font-size: 20px;
    margin: 0 0 5px 0;
}
.privacy-content ul {
    padding: 0 0 0 20px;
}
.privacy-content address {
    font-size: 14px;
    margin: 0;
    line-height: 13px;
}
.privacy-content h2 {
    font-size: 25px;
    padding: 20px 0 0 0;
}
.privacy-content h3 {
    font-size: 20px;
    line-height: 28px;
}
.ethics-inner {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 2vw 0 12vw 0;
}
.ethics-content p {
    font-size: 20px;
    padding: 0;
}
.onboardimg {
    width: 85vw;
}
.onboardimg1 {
    transform: none;
    margin: 0;
}
.onboardlist-ul li p {
    font-size: 4vw !important;
    width: 16vw;
}
.onboardlist-ul li:nth-child(5) {
    left: 33vw;
    top: 40vw;
}
.onboardlist-ul li:first-child {
    top: 5vw;
    left: 5vw;
}
.onboardlist-ul li:nth-child(2) {
    left: 33vw;
    top: 12vw;
}
.onboardlist-ul li:nth-child(3) {
    left: 60vw;
    top: 5vw;
}
.onboardlist-ul li:nth-child(4) {
    left: 5vw;
    top: 37vw;
}
.onboardlist-ul li:nth-child(6) {
    left: 62vw;
    top: 37vw;
    right: auto;
}
.onboardlist-ul li{
    flex-direction: column;
    width: 20vw;   
}
.onboardlist-ul li span {
    font-size: 2vw;
    line-height: 2vw;
    width: 15vw;
    padding: 0 !important;
}
.wave-bg img {
    position: static;
    margin: -130px 0 0 0;
    width: 100%;
}
ul.tab-titles {
padding: 20px 0;
        overflow-x: inherit;
        justify-content: flex-start;
}
.bod-filter {
    margin: 20px 0;
    width: 100%;
}
.bod-filter .select-theme.form-select {
    font-size: 20px;
}
.bod-inner {
    padding: 50px 0;
}
.bod-list-grid {
    margin: 0 0 20px 0;
        flex: 0 0 50%;
}
.bod-leader-list h3 {
  width:80%;
}
.bod-panel {
    background: linear-gradient(#FCFCFD, #BBBECB);
}
.bod-leader-list p {
    width: 85%;
}
.bod-leader-list img {
    width: 28px;
}
ul.tab-titles.tab-theme-red li {
    min-width: 170px;
    line-height: 22px;
    padding: 10px 10px;
}
.pillar-img img {
    width: auto;
}
.sec-sub-title {
    font-size: 30px;
    padding: 0 0 15px 0;
}
.tab-theme .tab-content p {
    font-size: 20px;
}
.comptab1-row {
    display: block;
    padding: 0;
}
.supplier-text-grid {
    width: 100%;
}
.zerolistul p:first-child {
    top: -8vw;
    left: 5.5vw;
    width: 15vw;
}
.zerolistul p:nth-child(2) {
    left: 45vw;
    top: -5vw;
    width: 14vw;
}
.zerolistul p:nth-child(3) {
    left: 60vw;
    width: 20vw;
    top: 5vw;
}
.zerolistul p:nth-child(4) {
    left: 64vw;
    top: 22vw;
    width: 17vw;
}
.zerolistul p:nth-child(5) {
    left: 60vw;
    top: 42vw;
    width: 21vw;
}
.zerolistul p:nth-child(6) {
    top: 58vw;
    left: 35vw;
    width: 25vw;
}
.zerolistul p:nth-child(7) {
    top: 57vw;
    width: 20vw;
    left: 4vw;
}
.zerolistul p:last-child {
    width: 25vw;
    top: 6.5vw;
    left: -12vw;
}
.zerolistul p:nth-child(9) {
    top: 25.5vw;
    width: 25vw;
    left: -23vw;
}
.zerolistul p:nth-child(8) {
    top: 44vw;
    left: -11vw;
}
.zerolistul p:last-child {
    width: 25vw;
    top: 6.5vw;
    left: -12vw;
}
.comp-team-content {
    padding: 0;
    text-align: center;
}
.comp-team-content h3 {
    font-size: 20px;
    padding: 0 0 15px 0;
}
.comp-stats {
    margin: 0;
    padding: 20px 0 50px 0;
}
.stats-wrapper p {
    font-size: 30px;
}
.stats-wrapper span {
    font-size: 20px;
}
.comp-grid {
    padding: 0;
}
.comp-team-content {
    padding: 0 0 30px 0;
    text-align: center;
}
.comp-team-content p {
    font-size: 20px;
    padding: 0 0 15px 0;
}
.comp-row {
    display: block;
    padding: 20px 0;
}
.supplier-infobtn {
    padding: 20px 0;
    text-align: center;
}
.zerolistul p {
    line-height: inherit;
    font-size: 20px !important;
    line-height: 20px;
}
.zero-tol-grid {
    width: 65vw;
    margin: 0 auto;
}
.zero-tol-wrapper img {
    width: 60vw;
}
.zero-tol-wrapper {
    margin: 100px 0;
}
.tab-context-sec.vw-auto {
    width: auto;
    text-align: center;
}
.supplier-infobtn a {
    margin: 0 auto;
}
.tab-theme .tab-content h2 {
    font-size: 20px;
    padding: 0 0 15px 0;
}
ul.tab-titles li {
    font-size: 20px;
    min-width: 250px;
    height: auto;
    text-align: center;
    padding: 6px 10px;
}
.keylist h3 {
    font-size: 20px;
    padding: 0 0 15px 0;
}
.tab-theme .tab-context-sec {
    width: 100%;
    text-align: center;
}
.keylist .keylistul p{
    line-height: inherit;
}
.case-study-inn {
    padding: 50px 0 00;
}
.esg-swiper-theme .swiper-carousel {
    bottom: 55px;
}
.case-study-wrapper {
    display: block;
    padding: 20px 20px;
}
.case-study-img {
    width: 100%;
    padding: 0 0 30px 0;
}
.case-study-context {
        width: 100%;
        padding: 0 0 30px 0;
}
.case-logo-img {
    max-width: 100%;
    padding: 0 0 15px 0;
}
.case-study-context h2 {
    font-size: 20px;
    padding: 0 0 15px 0;
}
.case-study-context p {
    font-size: 20px;
    padding: 0 0 15px 0;
}
.case-study-context a {
    font-size: 15px;
}
.case-study-img img {
    width: auto;
}
.esg-team-inn {
    padding: 50px 0 0 0;
}
.swiper-container-theme {
    padding: 0px 0 50px 0;
}
.keylist {
    padding: 0 0 20px 0;
}
.tab-theme .tab-content {
    padding: 50px 0;
}
.keypolicy-grid.keylist-grid {
    width: 100%;
    padding: 0;
}
.keywrapper {
    padding: 20px 0;
    flex-wrap: wrap;
}
.key-item img {
    max-height: 60px;
}
.codeof-panel {
    display: block;
}
.codeof-context {
    text-align: center;
    padding: 0 0 30px 0;
}
.effective-grid p {
    font-size: 20px;
}
.effective-grid {
    padding: 0;
}
.keypolicy-row {
    display: block;
}
.keypolicy-grid.keypolicy-context {
    width: 100%;
}
.effective-grid {
    padding: 20px 0 0;
    text-align: center;
}
.eff-gridright p {
    padding: 0;
}
.codeof-img img {
    max-width: 100%;
    width: auto;
}
.key-item {
     flex: 0 0 48%;
    height: 180px;
    margin: 0 0 20px 0;
    padding: 0 20px;
    justify-content: center;
}
.pillar-hover-text {
        visibility: inherit;
        display: none;
        width: 80%;
        margin: 0 auto;
        left: 0;
        right: 0;
}
.pillar-img {
    padding: 0 0 20px 0;
}
.esg-social-inn {
    padding: 50px 0 0 0;
}
.pillars-swiper-wrapper:hover .pillar-hover-text {
    top: -50px;
    padding: 20px 20px;
    display: block;
    min-height: 370px;
}
.banner-btn-wrapper {
        margin: 0px 0 0 0;
        position: static;
        bottom: 0;
        text-align: center;
        width: 100%;
        left: 0;
        right: 0;
        display: flex;
        justify-content: center;
}
.pillars-swiper-wrapper h2 {
    font-size: 25px;
}
.pillars-swiper-wrapper h2 span {
    font-size: 20px;
}
.pillar-hover-text p {
        font-size: 20px;
        padding: 25px 25px;
}
.pillar-hover-text img {
    width: 150px;
    margin: 0 0 15px 0;
}
.coinvestor-hover-text h2 {
    font-size: 20px;
    padding: 0 0 10px 0;
}
.coinvestor-hover-text p {
    font-size: 20px;
}
.venture-context {
    width: 100%;
}
.tab-sub-title p {
    font-size: 20px;
    padding: 20px 0 0;
}
.swiper-logo-wrapper a {
    height: 180px;
    padding:10px 10px;
}
.slider-inner {
    padding: 0 0 150px 0;
}
.venture-context p {
    font-size: 30px;
    line-height: 40px;
}
.tab-sec-inner {
    z-index: 1;
    position: relative;
}
.slider-title {
    width: auto;
}
.logo-collage {
    padding: 200px 0 200px 0;
}
.logo-foreast {
    left: 33vw;
    top: -15vw;
}
.logo-tdg {
    left: 33vw;
    top: -10vw;
}
.logo-zamira {
    left: 20vw;
    top: -13vw;
}
.logo-positive {
    left: 17vw;
    top: -3vw;
}
.logo-sou {
    left: 10vw;
    top: -6.5vw;
}
.logo-krayons {
    left: 10vw;
    top: 0vw;
}
.logo-brandgroup {
    top: 8.5vw;
    left: 0;
}
.logo-clover {
    left: 18vw;
    top: 5vw;
}
.logo-ksl {
    top: 7vw;
    left: 12vw;
}
.logo-norlanka {
    top: 15vw;
    left: 1vw;
}
.logo-tecnho {
    top: 15vw;
    left: 9vw;
}
.logo-sourcing {
    top: 20vw;
    left: 5vw;
}
.logo-brandcollective {
    top: 22vw;
    left: 20vw;
}
.logo-groupsourcing {
    top: 27.5vw;
    left: 7vw;
}
.logo-pdsradius {
    top: 27vw;
    left: 20vw;
}
.logo-craft {
    top: 23vw;
    left: 30vw;
}
.logo-twinasia {
    top: 38vw;
    left: 15vw;
}
.logo-z {
    top: 35vw;
    left: 35vw;
}
.logo-spring {
    right: 0vw;
    top: -13vw;
}
.logo-forease {
    right: -9vw;
    top: -8vw;
}
.logo-tailoring {
    right: 0vw;
    top: -5vw;
}
.logo-poetic {
    right: -8vw;
    top: -2vw;
}
.logo-berry {
    top: 1vw;
    left: 5vw;
}
.logo-design {
    top: 2vw;
    left: -5vw;
}
.logo-enterprise {
    top: 6vw;
    left: 2vw;
}
.logo-casecollect {
    top: 11vw;
    left: 0vw;
}
.logo-brands {
    top: 11vw;
    left: 15vw;
}
.logo-octopus {
    top: 16vw;
    left: 5vw;
}
.logo-apporach {
    top: 18vw;
    right: -7vw;
}
.logo-dbs {
    top: 22vw;
    right: -12vw;
}
.logo-asiastar {
    top: 25vw;
    right: -5vw;
}
.logo-gssl {
    top: 25vw;
    right: 8vw;
}
.logo-lillyś {
    top: 35vw;
    right: -5vw;
}
.logos-grid ul li a {
    width: 65px;
}
.logos-grid ul li img {
    max-height: inherit;
}
.logos-grid {
    position: relative;
    width: 33vw;
}
.logo-center {
    width: 33vw;
}
.banner {
    height: auto !important;
}
.banner-title p {
        padding-bottom: 20px;
        font-size: 22px;
        width: 100%;
        line-height: 30px;
}
.btn-theme {
    width: 230px;
    height: 40px;
    padding: 0 20px;
    font-size: 15px;
    border-radius: 30px;
}
.btn-arrow-img {
    right: 10px;
    width: 30px;
    bottom: 5px;
}
.approach-panel p {
    font-size: 22px;
}
.approach-panel .swiper-slide h3 {
    font-size: 30px;
    padding: 0 0 10px 0;
}
.approach-panel .swiper-slide p {
        font-size: 15px;
        line-height: 25px;
}
.home-bg.banner {
    height: 60vh !important;
}
.approach-inner {
    padding: 100px 0 00;
    position: relative;
}
.swiper-carousel.swiper-carousel-red {
    bottom: auto;
    top: 85%;
}
.banner-vw {
    width: 80%;
}
.approach-panel .swiper-slide {
    padding: 10px 20px;
    border-radius: 1vw;
    height: 180px;
    flex-wrap: inherit;
}
.contact-menu {
    min-width: 150px;
    border-radius: 30px;
    font-size: 15px;
    padding: 6px 10px;;
}
.ethic-menu a {
        min-width: 150px;
        border-radius: 30px;
        font-size: 22px;
        padding: 15px 10px;
}
.header-logo a img {
    width: 110px;
}
.list-bx {
    width: 20px;
    height: 20px;
    margin: 0 10px 0 0;
    border-radius: 5px;
}
.list-bx:checked::before {
    font-size: 15px;
}
.source-label {
    font-size: 20px;
}
.pds-world-inner {
    height: auto;
}
.tab-theme li {
    padding: 0 10px;
}
.tab-theme .nav-item a {
height: auto;
        font-size: 20px;
        border-radius: 5px;
        padding: 0 15px !important;
        min-height: 70px;
        line-height: 25px;
}
.leader-context h3 {
    font-size: 25px;
}
.leader-context p {
    font-size: 20px;
    width:80%;
}
.arrow-img {
    width: 40px;
}
.tab-sec-inner {
    padding: 70px 0 0px 0;
}
.swiper-button {
    width: 40px;
    height: 40px;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 35px;
    border: 1px solid #555555;
    height: 10px;
}
.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}
.swiper-carousel.swiper-carousel-controls {
        width: 50%;
        height: 100px;
        margin: 0 auto;
        top: 100px;
}
.swiper-pagination {
    top: -15px !important;
}
.swiper-container-theme .swiper-wrapper {
    overflow: visible;
}
.select-theme {
        border: 1px solid #C1C1C1 !important;
        width: 350px;
        height: 50px;
        border-radius: 30px;
        font-size: 20px;
        padding: 10px 30px;
        background-size: 30px 20px;
        margin: 0 0 50px 0;
}
.news-context p {
    font-size: 15px;
    padding: 0 0 12px 0;
}
.news-context h3 {
        font-size: 25px;
        font-family: 'nexabold';
        line-height: 35px;
}
.filterby {
    margin: 20px 0 00;
}
.news-context {
    width: 50%;
    padding: 30px 20px;
}
.news-img {
    width: 50%;
}
.latest-news-inner {
    padding: 70px 0 70px 0;
}
.view-all-sec {
    padding: 50px 0;
}
.world-img img {
         max-width: 100%;
        width: auto;
}
.world-img {
    display: block;
}
.source-list {
    position: static;
    height: auto;
    text-align: center;
}
.items-list {
    position: static;
}
.item-image img {
    width: auto;
    min-height: 450px;
}
.arrow-img-overlay {
    right: 10px;
    top: 10px;
}
.arrow-img-overlay img {
        min-height: inherit !important;
        width: 30px !important;
        height: auto !important;
}
.item-image {
    margin: 0 0 20px 0;
}
.item-desc h2 {
        font-size: 25px;
        min-height: 90px;
        width: 80%;
}
.item-thumb img.img-fluid.hoverarrowimg{
    display: none !important;
}
.banner-what-vw {
    width: 60vw;
}
.item-desc p {
    font-size: 20px;
    line-height: 25px;
}
.items-list .col-lg-2 {
    flex: 0 0 50%;
}
.item-desc {
    padding: 10px 20px;
}
.modal-theme {
    position: fixed;
    margin: 0px 0 0;
    z-index: 99;
    overflow-y: scroll;
    height: 100%;
    top: 0;
    }
.leader-desc {
height: auto;
        padding: 0 0 50px 0;
}
.modal-profile {
    order: -1;
}
.modal-back {
    order: -1;
}
.modal-back img {
    width: 45px;
    margin: 0 10px 0 0;
}

.modal-theme .modal-dialog{
    height: 100%;
}
.modal-profile {
    width: 100%;
    padding: 0 15px;
    position: static;
}
.context-list {
    padding: 10px 10px;
}
.modal-context span {
    font-size: 15px;
    padding: 10px 20px;
}
.leader-desc p {
    font-size: 20px;
    padding: 20px 0 00;
}
.modal-context {
    width: 100%;
    height: 100%;
}
.logo-swiper-grid {
    flex: 0 0 25%;
}
.sec-title-para {
    font-size: 20px;
    line-height: 25px;
}
.hw-inner {
    padding: 50px 0;
    width: 100%;
}
.hw-list ul {
    height: 60px;
    width: 100%;
}
.hw-list ul:before, .hw-list ul:after {
    width: 60px;
    height: 20px;
}
.circle-img-wrapper img {
    width: 70px;
}
.hw-list ul li {
    font-size: 20px;
}
.reach-out-text p {
        font-size: 20px;
        padding: 0 0 0 20px;
        width: 50%;
        line-height: 28px;
}
.modal-contact-info h3 {
    font-size: 15px;
    padding: 6px 0;
}
.modal-logo-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 20px;
}
button.close {
        font-size: 15px;
        position: fixed;
        background: #fff;
        width: 100%;
        text-align: left;
        z-index: 9;
        box-shadow: 0 1px 1px #ccc;
}
#discalimerpopup .modal-context p {
    font-size: 18px;
    line-height: 28px;
}
.buss-modal-logo {
    height: auto;
}
.buss-modal-logo {
    height: auto;
}
.contact-feed ul li a img {
    width: 25px;
}
.buss-modal-context {
    padding:50px 15px 15px 15px;
}
.buss-modal-theme .modal-content {
    height: 100%;
}
.buss-modal-logo .close {
    position: fixed;
}
.page-tab.page-tab-themered {
    padding: 0 0 50px 0;
}
.buss-modal-logo {
    width: 30%;
    height: auto;
}
.modal-logo-wrapper {
    width: 100%;
    padding: 50px 20px 30px 20px;
}
.buss-modal-contact {
        width: 30%;
        padding: 50px 0 15px 0;
}
.buss-modal-context {
    width: 40%;
    height: 100%;
}
.modal-contact-info p {
    font-size: 15px;
}
.modal-contact-info h3 {
         font-size: 20px;
        word-break: break-word;
}
.business-tab-theme li {
    flex: 0 0 30%;
}
.business-tab-theme {
    overflow-y: scroll;
    display: flex;
}
.error-message {
    font-size: 14px !important;
}
.esg-modal-content p {
    padding: 15px 0 0 0;
}
}

@media(max-width:767px){
.modal.modal-theme {
    z-index: 99;
}
.what-we-do.banner.mobile-fitto-screen{
    align-items: inherit;
}
.how-its-wrapper {
    padding: 0px 0 170px 0;
}
.brand-subtitle {
    padding: 0 0 10px 0;
}
.how-its-row {
    padding: 35px 0 0 0;
}
.howit-tabs .tab-btn {
        border: none;
        background: #fff;
        color: #000;
        height: 40px;
        margin: 0;
        font-size: 15px;
        min-width: 50%;
        font-family: 'Nexa-ExtraBold';
        opacity: 0.5;
        max-width: 100%;
}
.howit-tabs .tab-btn.active {
    background: #fff;
    opacity: 1;
}
.howit-tabs .tab-btn.group-tab-btn{
    color:  #FF3448;
}
.group-tab-content p{
     color: #FF3448;
}

.howit-tabs {
        padding: 0 0 0px 0;
        display: flex;
        justify-content: center;
        gap: 15px;
}
.tab-content-wrapper .tab-content p {
    text-align: center;
}
.tab-content-wrapper .tab-content p span {
    font-family: 'Nexa-ExtraBold';
}
.tab-content-wrapper .group-list {
    padding: 20px 0 0;
}
.tab-content-wrapper .group-list ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0;
}
.tab-content-wrapper .group-list ul li {
    font-size: 15px;
    background: #fff;
    width: 48%;
    margin: 0;
    display: flex;
    padding: 4px 20px 4px 30px;
}
.tab-content-wrapper .group-list ul li:before {
    width: 15px;
    height: 11px;
    left: 10px;
    top: 8px;
}
.how-its-row {
    display: block;
}
.how-it-works-sec {
    min-height: 100vh;
}
.logo-collage.logo-collage-wrapper {
        width: 93vw;
        padding: 100px 0;
}
.logo-collage-wrapper .logos-grid {
    left: 0;
    width: 93vw;
}
.logo-collage-wrapper .logo-center {
    width: 23vw;
    top: 8vw;
    position: relative;
}
.logo-collage-wrapper .logo-center img {
    width: 23vw;
    margin: 0;
}
.logo-collage-wrapper .logos-grid li a img {
    max-height:6.5vw !important;
    min-height: 3.6vw;
}
.tab-content-wrapper .group-list ul li:last-child {
        width: auto;
        margin: 0 auto;
}
li.logo-positive-materials {
    top:-25vw ;
    left: 35vw;
}
li.logo-yellow-octopus {
    top: -22vw;
    left: 17vw;
}
li.logo-stan-ray {
    top: -13vw;
    left: 8vw;
}
li.logo-new-lobster {
    top: -13.5vw;
    left: 24vw;
}
li.logo-dbs-lifestyle {
    top: -3.5vw;
    left: 3vw;
}
li.logo-zamira-new {
    top: -13.7vw;
    left: 45vw;
}
li.logo-manastash {
    top: -21.3vw;
    left: 61.5vw;
}
li.logo-dsgn-creatives {
    top: 8vw ;
    left: 2vw;
}
li.logo-pg-group {
    top: -2.5vw;
    left: 32vw;
}
li.logo-casa-collective {
    top: 20vw ;
    left: 2vw;
}
li.logo-little-mistress {
    left: 30vw;
    top: -3.5vw ;
}
li.logo-steller-brands {
    top: 8.5vw;
    left: 19vw;
}
li.logo-norlanka-new {
    top: 20.5vw !important;
    left: 20.5vw;
}
li.logo-css {
    top: 32.5vw;
    left: 2vw;
}
li.logo-techno-design {
    top: 35vw ;
    left: 24vw;
}
li.logo-poetiegem {
    top: 44vw ;
    left: 4vw;
}
li.logo-progess-apparels {
    top: 45vw ;
    left: 32vw;
}
li.logo-the-brand-group {
    top: 53vw;
    left: 7vw;
}
li.logo-northern {
    top: 45vw ;
    left: 43.5vw;
}
li.logo-simple-approach {
    top: 55vw;
    left: 35vw;
}
.logo-collage-wrapper .logos-grid li.logo-norwest a img {
    max-height: 5vw !important;
}
li.logo-norwest {
    top: 38vw ;
    left: 51vw;
}
li.logo-online-enterprise {
    left: 60vw;
    top: 28vw;
}
.logo-collage-wrapper .logos-grid li.logo-ksl-new a img {
    max-height: 8vw !important;
}
.logo-collage-wrapper .logos-grid li.logo-design-hub-sourcing a img {
    max-height: 5.5vw !important;
}
li.logo-ksl-new {
    left: 62vw;
    top: 17vw ;
}
li.logo-knit-gallery {
    top: -2.5vw;
    left: 45.5vw;
}
li.logo-poeitic-brands {
    left: 60vw;
    top: -0.5vw;
}
li.logo-design-hub-sourcing {
    left: 60vw;
    top: 8vw ;
}
li.logo-poeitic-brands {
    left: 60vw;
    top: -2.5vw;
}
li.logo-good-earth {
    top: 53.5vw ;
    left: 57vw;
}
.logo-collage-wrapper .logos-grid li.logo-radius-brands a img {
    max-height: 4.5vw !important;
}
li.logo-radius-brands {
        top: 46vw;
        left: 62vw;
}
li.logo-krayons {
    top: 39vw ;
    left: 68vw;
}
.logo-collage-wrapper .logos-grid li.logo-sourcing-solutions a img {
    max-height: 7vw !important;
}
li.logo-sourcing-solutions {
    top: 26vw;
    left: 73vw;
}
li.logo-on-me {
    left: 74vw;
    top: 13vw;
}
li.logo-brand-collective {
    top: -0.5vw;
    left: 74vw;
}
li.logo-spring-new {
    top: -2vw;
    left: 71.5vw;
}
.logo-collage-wrapper .logos-grid li.logo-poeitic-brands a img {
    max-height: 8vw !important;
}
.logo-collage-wrapper .logos-grid li.logo-spring-new a img {
    max-height: 6vw !important;
}
.logo-collage-wrapper .logos-grid li.logo-pds-for-east a img {
    max-height: 5.5vw !important;
}
li.logo-pds-for-east {
    left: 65vw;
    top: -11.5vw !important;
}
.logo-collage-wrapper .logos-grid li.logo-positive-materials a img {
    max-height: 8vw !important;
}
.tab-content-wrapper:has(.subsidiary-sec.how-its-active-panel) .logo-collage-wrapper .logo-center img {
  opacity: 0.4;
  transform: scale(1);
}

.tab-content-wrapper:has(.subsidiary-sec.how-its-active-panel) .logo-collage-wrapper .logos-grid li a {
  opacity: 1;
  transform: scale(1.1);
}

.tab-content-wrapper .group-sec.how-its-active-panel ~ .logo-collage-wrapper .logo-center img {
  transform: scale(1.15);
  opacity: 1;
}

.tab-content-wrapper .group-sec.how-its-active-panel ~ .logo-collage-wrapper .logos-grid li a {
  opacity: 0.4;
  transform: scale(1);
}
.brands-split {
        display: block;
        padding: 0px 0 0 0;
    }
.business-swiper-left .swiper-wrapper {
    display: flex;
}
.brands-style {
    width: 100%;
    position: relative;
    padding-bottom: 100px;
}

.overlay-logo {
    width: 125px;
}

.brands-grid-carousel.swiper-carousel.swiper-carousel-controls .swiper-pagination {
    display: block;
}

.brands-grid-carousel.swiper-carousel.swiper-carousel-controls {
    position: absolute;
    width: 55%;
    margin: 0 auto;
    top: auto;
    bottom: 50px;
}
.brands-grid-carousel.swiper-carousel .swiper-button {
    width:30px;
    height:30px;
}
.brands-right {
    width: 100%;
}

.right-brand-item .brand-image-wrapper {
    height: 110px;
    margin: 0 0 20px 0;
    background-size: cover;
}

.brand-context p {
    font-size: 15px;
}
.esg-social {
    overflow: hidden;
}
.banner-title.esg-bannervw h1 {
    font-size: 30px;
}
.environment-inn{
    border:none;
}
.graphic-text-wrapper h1 {
    padding: 0 10px;
}
.swiper-carousel.swiper-carousel-controls .swiper-button-next
{
    right: 0;
}
.swiper-carousel.swiper-carousel-controls .swiper-button-prev{
    left:0;
}
.graphinc-mobilecover {
    display: block;
}
.coverimg.fordesktop {
    display: none;
}
.mobile-arrow {
    display: block;
}
.banner-btn-wrapper {
    display: none;
}
.country-factories.brand-factories .factory-img img{
    height: auto;
}
.graphic-text-wrapper {
    padding: 0;
}
.graphic-text-wrapper h1 {
    padding-right: 0;
}
.graphic-cover-context {
    width: auto;
    padding: 40px 0 50px 0;
    text-align: center;
}
.mobile-fitto-screen.sec-graphic {
    min-height: 100vh !important;
    display: flex;
    align-items: flex-start;
    height: auto !important;
}
.esg-graphic-inner {
    display: flex;
    padding: 0;
    flex-wrap: wrap;
    justify-content: center;
}
.grphic-cover-img .coverimg {
    max-width: 100%;
    margin: 0 auto;
}
.bod-tab-dropdown {
    position: relative;
    width: 100%;
    cursor: pointer;
}

.bod-tab-dropdown .selected {
    padding: 12px;
    border: 1px solid #ccc;
    background: #f9f9f9;
    position: relative;
    border-radius: 5px;
    font-size: 15px;
    font-family: 'Nexa-ExtraBold';
}
.commitee-wrapper-inn .commitee-context h2 {
    font-size: 20px;
    padding: 0;
    line-height: 25px;
}
.bod-tab-dropdown .arrow {
    content: '';
    position: absolute;
    right: 20px;
    top: 20px;
    transform: translateY(-40%) rotate(45deg);
    border: solid black;
    border-width: 0 2px 2px 0;
    padding: 4px;
    display: block;
}

.bod-tab-dropdown .dropdown-list {
    display: none;
    position: static;
    top: 100%;
    left: 0;
    width: 100%;
    background: white;
    border: 1px solid #ccc;
    list-style: none;
    margin: 0;
    padding: 0;
}

.bod-tab-dropdown .dropdown-list li {
    padding: 12px;
    border-bottom: 1px solid #eee;
    font-size: 15px;
    font-family: 'Nexa-ExtraBold';
}

.bod-tab-dropdown .dropdown-list li:hover {
    background: #ddd;
}
.commitee-wrapper-inn {
    padding: 20px 0 0 0;
}
ul#bodTab {
    display: none !important;
}
.tab-content.bod-tab-content {
    display: block;
}

.onboardimg1{
    left: 0;
}
.item-image img {
    min-height: inherit;
    height: auto;
}
.esg-bg .banner-btn-wrapper a span {
    position: relative;
    left: -15px;
    display: block;
}
.esg-bg  a.btn-theme.btn-theme-red{
    justify-content: center;
}
.arrow-img-overlay {
    right: 10px;
    top: 10px;
}
.arrow-img-overlay img {
        min-height: inherit !important;
        width: 30px !important;
        height: auto !important;
}

div#discalimerpopup {
    top: 0px;
    width: 100%;
    padding: 0px !important;
    position: fixed;
    overflow-y: scroll;
    height: 100%;
}
.arrow-link-img img {
    width: 22px;
}
.swiper-carousel.swiper-carousel-controls.susbisidary-controls {
    top: inherit;
}
.circle-img-wrapper {
    left: 22vw;
    top: 43vw;
}
#financial-report-filter select#sub-filter-select {
    min-width: 100%;
}
.banner-title.pds-ventures-vw {
    display: flex;
    align-items: center;
    min-height: 30rem;
    flex-direction: column;
}
.whr-topcontent h2 {
    padding: 0 !important;
}
ul.sitemap-list {
    padding: 0 0 20px 0;
    width: 100%;
}
.additional-menus-wrapper ul.sitemap-list {
    width: 47%;
}
.swiper-controls-factory{
    bottom:30px;
}
div#BannerListSwiper{
    overflow: visible;
}
.retur-top-arrow{
    display: block;
}
#return-to-top {
    position: fixed;
    bottom:10px;
    right: 10px;
    background: #333333;
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    z-index: 99;
}
#return-to-top i {
        right: 0;
        bottom: 0;
        color: #fff;
        margin: 0;
        position: relative;
        left: 0;
        top: -3px;
        font-size: 35px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
svg#investorWaveSVG {
    height: 200px;
}
.esg-modal-content p {
    padding: 15px 0 0 0;
    text-align: justify;
}
span.wpcf7-form-control-wrap[data-name="phone"] {
    width: 76%;
}
.tab-sec-inner.keysec-inner{
    overflow: visible;
}
.sec-venture-inner{
    overflow: hidden;
}
.strategic_tab {
    overflow: visible;
}
.leader-context p {
    padding: 0 0 10px 0;
}
.error-message {
    font-size: 14px !important;
}
.swiper-carousel.swiper-carousel-controls.keyfocuscontrols {
    top: 30px;
}
ul.sitemap-list li {
        padding: 0 0 7px 0;
        flex: auto;
        text-align: center;
        width: 48%;
}
.sitemap-menu-list .sec-menu-items a {
    font-size: 15px;
    width: 48%;
    height: auto;
    padding: 5px 15px;
    margin: 0 0 10px 0;
}
.sitemap-menu-list .mobile-dropdown-menu {
    display: none;
}
.sitemap-menu-list .sec-menu-items {
          display: flex;
        flex-wrap: wrap;
}
.sitemap-menu-list .sec-menu-dropdown.sec-menu-dropdown-inner {
    padding: 0 0 10px 0;
}
.sitemap-menu-list h2 {
    font-size: 18px;
    padding:10px 0;
}
.sitemap-list > li:hover {
    box-shadow: inherit;
}
.thankYouMsg p {
    font-family: 'Nexa-ExtraBold';
    font-size: 16px;
    text-align: center;
}
.thankYouMsg {
    margin: 0 !important;
}
.sitemap-list > li > a {
    font-size: 15px;
    padding: 8px;
}
.swiper-carousel.swiper-carousel-white.life-at-swiper-carousel {
    width: 90%;
}
.life-slider{
    overflow: visible;
}
.mobile-fitto-screen.esg-bg.banner .banner-btn-wrapper {
    position: static;
}
.four-pillars-panel {
    padding: 0;
    min-height: 425px;
    height: auto;
    display: flex;
    align-items: center;
}
.mobile-fitto-screen.esg-bg.banner {
    min-height: inherit !important;
}
div#PillarsSwiper {
    padding: 0 !important;
}
.investor-img img {
    height: 70vw;
    object-fit: cover;
    width:auto;
}
section.mobile-fitto-screen.people-landing-bg.banner {
    min-height: inherit !important;
}
.buss-modal-theme .modal-logo-wrapper img {
    width: 200px;
}
.buss-modal-logo .close{
position: fixed;
        z-index: 1;
}
.what-we-do {
    overflow: hidden;
}
.how-it-works{
    min-height: 100%;
}
.sec-ecosystem {
    min-height: 100%;
}
.mobile-fitto-screen.who-we-are-bg.banner {
    height: 100vh !important;
}
.services-strip-menu.manufacturing-strip li {
    color: #000;
}
.services-strip-menu.manufacturing-strip li.active {
    color: #fff;
}
.mobile-fitto-screen.banner {
    height: auto !important;
       min-height: 100vh ;
}
.sec-menu-items.menu-mobile-view {
        display: flex;
        position: static;
        padding: 20px 0;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
}
.sec-menu-items.menu-mobile-view a {
    font-size: 15px;
    width: 48%;
    height: auto;
    padding: 8px 0;
    display: block;
    margin: 0 0 0px 0;
}
.whr-seen-bannerimg img {
    object-fit: cover;
    width: 100%;
    height: 100vh;
}
.where-seen-panel{
    overflow: hidden;
}
h2.country-title {
    width: 80%;
    margin: auto 0 0 auto;
    margin-bottom: 6px !important;
}
.desktop-only { display: none; }
.mobile-only { display: block; }
.country-title {
    font-size: 15px;
    padding: 6px 0;
}
.factory-card h2 {
        font-size: 15px;
        padding: 6px 0;
        width: 80%;
        margin: auto 0 0 auto;
}
.factory-item-context {
    width: 70%;
    margin: auto 0 0 auto;
    padding: 0 20px 0px 0;
}
.factory-img {
    width: 80%;
    margin: auto 0 0 auto;
}
.factory-item-context h3 {
    font-size: 15px;
    padding: 0 0 6px 0;
}
.factory-item-context p {
    font-size: 12px;
}
.revenue p {
    font-size: 12px;
}
.sub-category-title.factory-category-title a {
    position: absolute;
    top: 0px;
}
.sub-category-title.factory-category-title.manufacturing-title a {
    top: 20px;
}
.sub-category-title.factory-category-title h1 span{
    display: block;
}
.sub-category-title.factory-category-title h1 {
    text-align: center;
    display: block;
    padding: 0;
}
.factory-swiper{
    position: relative;
}
.factory-swiper .swiper-button.swiper-button-next, .factory-swiper .swiper-button.swiper-button-prev {
width: 90px;
        background-size: cover !important;
        right: 0;
        height: 90px;
}
.swiper-controls-factory {
        position: absolute;
        top: auto;
        height: auto;
        width: 100%;
        bottom: 50px;
}
.factory-swiper .swiper-button.swiper-button-prev {
    left: 60px;
}

.factory-swiper .swiper-button.swiper-button-next:after, .factory-swiper .swiper-button.swiper-button-prev:after {
    display: none;
}
.factory-items-wrapper {
    padding: 8px;
    position: relative;
    overflow: hidden;
}
.services-strip-menu.brand-strip-menu:before,.services-strip-menu.brand-strip-menu:after{
    display: none;
}
.services-strip {
    text-align: right;
    position: absolute;
    left: -30px;
    top: 0;
    z-index: 1;
    background: transparent !important;
    width: auto;
}
.services-strip-menu {
    display: block;
    width: auto;
    height: auto;
}
.services-strip-menu li {
    width: 120px;
    height: 38px;
    color:#fff;
    background-size: contain !important;
    max-width: inherit;
    padding: 0 0 0 20px;
    display: flex;
    align-items: center;
    line-height: 13px;
    text-align: left;
    font-size: 12px;
    justify-content: flex-start;
}
.category-btn {
    display: flex;
    justify-content: center;
}
.sub-factory-context {
    padding: 10px 10px;
    display: block;
    margin: 0 0 20px 0;
    text-align: center;
}
.country-factories.brand-factories {
    padding: 0;
}
.services-strip-menu li.active:before,.services-strip-menu li.active:after{
    display: none;
}
.country-factories.brand-factories .factory-img img {
    max-height: inherit;
}
.country-title.brand-country-title {
font-size: 15px;
        width: 80%;
        margin: auto 0 0 auto;
}
  .factory-swiper .swiper-wrapper {
    display: flex; /* keep swiper */
  }
  .factory-country-col {
    flex: 1 0 100%;
    max-width: 100%;
  }
.factory-country-wrapper .swiper-carousel.swiper-carousel-controls {
    display: flex;
}
.factory-country-wrapper {
    display: block; 
}
.factory-country-wrapper .factory-item {
    flex: none;
    max-width: 100%;
}
.swiper-container-theme.venture-swiper-theme .swiper-carousel {
    top: 30px;
    display: block !important;
}
.swiper-carousel.swiper-carousel-white.life-at-swiper-carousel {
    top: inherit;
}
.swiper-carousel.swiper-carousel-white.life-at-swiper-carousel .swiper-pagination {
    display: block;
}
.office-address ul li i {
    margin: 2px 10px 0 0;
}
.leader-desc h4 {
    font-size: 18px;
    padding: 20px 0;
}
.office-address ul li {
    font-size: 15px;
}
.swiper.categories-swiper {
    overflow: visible;
}
.swiper-carousel.swiper-carousel-red {
    top: inherit !important;
}
.swiper-button.swiper-button-next {
    right: 0px;
}
.swiper-button.swiper-button-prev {
    left: 0px;
}
.page-tab.page-tab-themered .tab-content {
    padding: 0;
}
.hw-bx {
    background: transparent !important;
    width: 100%;
    height: 100%;
    display: inherit;
}
.apporach-swiper {
    overflow: hidden;
}
.swiper-carousel.swiper-carousel-red .swiper-button {
        width: 35px !important;
        height: 35px !important;
        background-size: contain !important;
        top: -40px !important;
}
.categories-inner {
    padding: 30px 0 70px 0;
}
.categories-inner .sec-title {
    padding: 0 0 30px 0;
}
.category-wrapper h3 {
    font-size: 25px;
    color: #000;
    font-family: 'Nexa-ExtraBold';
    padding: 0 0 10px 0;
    display: none;
}
.category-img img {
        max-height: 400px;
        min-height: 400px;
        object-position: center;
}
.category-overlay {
    opacity: 1;
    padding: 15px 0px;
            position: static;
        background: transparent;
        color: #000;
}
.category-overlay p {
    font-size: 18px;
    line-height: 25px;
    padding: 10px 0 00;
}
.sec-tab.our-categories-tab {
    overflow: hidden;
    min-height: 100%;
}
.sub-category-title a img {
    width: 30px;
    margin: 0 10px 0 0;
}
.sub-category-title {
    padding: 0 0 5px 0;
}
.sub-category-title h1 {
    display: flex;
    justify-content: center;
    width: 100%;
}
.subcategory-card {
    flex: 0 0 50%;
    max-width: 50%;
}
.subcategory-box h3 {
    font-size: 18px;
    padding: 0 0 10px 0;
}
.subcategory-box img {
    max-height: 105px;
    min-height: 105px;
}
.sub-cateogry-context {
    padding: 20px 0 0 0;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
}
.category-context-left {
    width: 100%;
}
.category-context-left h2 {
    font-size: 20px;
    padding: 0 0 15px 0;
}
.category-context-left p {
        width: 100%;
        padding: 0 10px 10px 10px;
        font-size: 14px;
}
.category-btn {
    padding: 0 0 15px 0;
}
.category-btn a {
    width: 230px;
    font-size: 12px;
    padding: 6px 10px;
    height: auto;
}
.parent-others .subcategory-card {
    flex: 0 0 100%;
    max-width: 100%;
}
.category-btn a img {
    right: 5px;
    width: 25px;
}
.whr-hover-context h3 {
    color: #fff;
    font-size: 18px;
}
.category-overlay h3 {
    display: block;
}
.whr-hover-context address {
    font-size: 15px;
    color: #fff;
    margin: 0 0 20px 0;
}
.swiper-carousel.swiper-carousel-whiterounded .swiper-button {
    width: 80px;
    height: 80px;
}
.swiper-carousel.swiper-carousel-whiterounded .swiper-button-next {
    right: -15px;
}
.swiper-carousel.swiper-carousel-whiterounded .swiper-button-prev {
    left: -15px;
}
.whr-topcontent {
    position: absolute;
    top: 0;
    padding: 2vw 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    right: 0;
}
.whr-slide-content {
    width: 100%;
    top: 0;
    height: 70px;
    z-index: 2;
}
.whr-topcontent h3, .whr-topcontent address {
    display: none;
}
.whr-hover-context p {
    font-size: 18px;
    line-height: 22px;
}
.whr-hover-context {
    bottom: 0;
    width: 100%;
    height: auto;
    padding: 15px 20px;
    opacity: 1;
    pointer-events: inherit;
    transform: translateY(0);
    display: block;
}
.coverage-items .coc-title h2 {
    width: auto;
}
.coc-card.videos-card {
    height: auto !important;
}
.qualified-panel h2 {
    font-size: 20px;
    font-family: 'Nexa-ExtraBold';
    padding: 0 0 20px 0;
}
.qualified-panel h3 {
    font-size: 16px;
    padding: 0 0 20px 0;
}
.qualified-panel p {
        font-size: 15px;
        padding: 0 0 15px 0;
        line-height: 25px;
}
.card-inner-icon img {
    max-height: 40px;
}
.share-price-wrapper {
    padding: 30px 0;
}
.item-image img {
        width: 100%;
        height: auto;
        object-fit: cover;
        min-height: 350px;
}
.banner-list {
    position: static;
    bottom: 0;
    width: 100%;
    padding:0px 0 0 0;
}
.spiral-bg{
    right: 0;
    display: none;
}
.sec-tab{
    overflow: hidden;
}
.sec-latest-news {
    overflow: hidden;
}
.sec-latest-news {
    overflow: hidden;
}
.Swiper-for3slides.swiper-container-theme{
    overflow: visible;
}
.business-swiper .swiper-carousel.swiper-carousel-controls {
    width: 100%;
}
div#discalimerpopup {
    padding: 10px 20px !important;
}
#discalimerpopup .modal-context {
    padding: 0;
}
.navbar-nav {
    align-items: flex-end;
}
.linkedin-embed iframe {
    width: 100%;
    height: 350px !important;
}
.videos-context .coc-title h2 {
    padding: 0 !important;
}
.swiper-slide {
    margin-top: 0 !important;
}
video#videoPlayer {
        width: 100% !important;
        height: 100% !important;
        left: 0;
        top: 0;
}
.video-modal .modal-body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}
.video-modal .modal-dialog.modal-dialog-centered {
        height: 100%;
        width: auto;
        background: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
.video-modal .modal-dialog.modal-dialog-centered {
          height: 100%;
        width: auto;
        background: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
.video-modal .modal-content{
    height: 100%;;
}
.item-thumb:hover .item-hover-content {
    display: flex;
}
.culture-list {
    width: 100%;
    padding: 0 0 50px 0;
}
.culture-box {
    padding: 10px 0;
    font-size: 15px;
    margin: 0 0 10px 0;
}
.culture-box img {
    width: 45px;
}
.our-sec-context.culture-context h1 {
    padding: 0;
}
.culture-box span {
    font-size: 15px;
}

.swiper-carousel-red .swiper-button-next {
    right: -20px;
}
div#esgmodal {
    z-index: 9999;
    top: 0;
}
.swiper-container-theme.Swiper-for1slides {
    overflow: visible;
}
.Swiper-for3slides.swiper-container-theme {
       padding: 10px 0 20px 0;
}
.swiper-carousel.swiper-carousel-controls {
        width: 100%;
        margin-top: 60px;
        height: auto;
        position: absolute;
        top: 50vw;
}
.swiper-carousel-red .swiper-button-prev {
    left: -20px;
}

.people-landing-bg {
    background: linear-gradient(180deg, #FCFCFD, #BBBECB);
}
.investor-context h2 {
    font-size: 25px;
    padding: 0 0 10px 0;
}
.investor-context p {
    font-size: 15px;
    padding: 10px 0 0 0;
}
.investor-list-inn {
    padding: 50px 0 0px 0;
}
.investor-context {
    text-align: center;
    padding: 0 0 20px 0;
}
.investor-context address {
    margin: 0;
    padding: 0 0 10px 0;
    line-height: 16px;
    font-size: 15px;
}
.contact-block-inn address {
    font-size: 15px;
    padding: 0 0 20px 0;
    margin: 0;
}
.info-context ul li:last-child:after {
    content: '';
    background: rgba(51, 51, 51, 0.5);
    width: 1px;
    height: 20px;
    display: block;
    position: absolute;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: -50px;
}
.info-context.info-context-left ul {
    border-bottom: 1px solid rgba(51, 51, 51, 0.5);
    margin: 0 0 50px 0;
    padding: 0 0 30px 0;
    border-right: none;
}
.info-context.info-context-left ul:before,.info-context.info-context-left ul:after {
    content: '';
    background: rgba(51, 51, 51, 0.5);
    width: 1px;
    height: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
}
.info-context.info-context-left ul:after {
    left: auto;
    right: 0;
}
.info-context.info-context-left ul li:before{
    display: none;
}
.contact-info {
    padding: 50px 0 50px 0;
}
.contact-info h2 {
    font-size: 25px;
    padding: 0 0 0px 0;
}
.contact-info p {
    font-size: 20px;
    line-height: 25px;
    padding: 10px 0 0 0;
}
.authorise-sec {
    text-align: center;
}
.info-list-grid {
    padding: 0;
}
.info-list-row {
    padding: 0;
}
.info-context.info-context-left {
    padding-right: 0;
}
.info-context h2 {
    font-size: 20px;
    width: auto;
    padding-bottom: 10px;
}
.info-context ul li {
    font-size: 15px;
    padding: 10px 0;
}
.info-context ul li span {
    font-size: 25px;
}
.share-price-left h2, .share-price-left p {
    font-size: 25px;
    padding: 0 0 15px 0;
    text-align: center;
    width: 100%;
}
.dispute-panel {
    padding: 0;
}
.investor-panel {
    padding: 50px 0;
}
.investor-panel h2.sec-title {
    padding: 0 0 30px 0;
}
.shareholder-card.coc-card {
    height: 200px;
}
.shareholder-card .coc-title h2 {
    width: 100%;
}
.share-file-panel p a {
    font-size: 20px;
}
.share-file-panel p {
    bottom: 20px;
    left:20px;
}
.contact-block {
        display: block;
        text-align: center;
        padding: 0 0 50px 0;
}
.contact-block-inn {
    width: 100%;
    padding: 10px 0 0 0;
}
.contact-block-inn h3 {
    font-size: 25px;
    padding: 0 0 10px 0;
}
.contact-block-inn h4 {
    font-size: 20px;
    padding: 0 0 10px 0;
}
.contact-block-inn p {
    font-size: 15px;
    padding: 0 0 10px 0;
}
.share-price-left p {
    width: 50%;
    float: left;
}
.share-price-left p span {
    font-size: 20px;
}
.select-theme.select-filter.year-filter {
    width: 100%;
    margin: 0 0 1vw 0;
    background-size: 15px 15px;
}
div#quarter-container {
    width: 100%;
}
div#year-container {
    width: 100%;
}
.stock-exchange-filter {
    justify-content: center;
}
.no-doc-text p {
    font-size: 20px;
}
.share-price-left {
    width: 100%;
}
.share-price-right {
    width: 100%;
}
.time-range-buttons {
    display: flex;
    padding: 20px 0 0;
}
.time-range-buttons button {
    width: 100px;
    border-radius: 30px;
    font-size: 15px;
    height: 30px;
    margin: 0 10px 0 0;
}
.select-theme.select-document {
        width: 370px;
        margin: 0 !important;
        background-size: 15px 15px;
        box-shadow: 0 2px 2px #ccc;
}
.bod-row-list.bod-who-we-are .leader-img img {
    height: auto;
}
.bod-investor-rowlist .leader-img img {
    height: auto;
}
.commitee-list-grid .leader-img img {
    height: auto;
    min-height: 180px;
}
.sec-title.sec-inner-title {
    font-size: 20px;
    padding: 20px 0 00;
    line-height: 25px;
}
.leader-context.bod-leader-list h2, .leader-context.bod-leader-list p {
    width: 100%;
}
.corporate-items{
    overflow: visible;
}
select#governance-filter {
    width: 100%;
}
.investor-img {
    height: auto;
    padding: 0px 0 20px 0;
}
.investor-list {
    justify-content: space-around;
    gap: 15px;
    flex-wrap: wrap;
    height: auto;
}
.investor-item {
    width: 47%;
}
.investor-item p {
    font-size: 15px;
    min-height: 90px;
    padding: 0 10px;
}
.investor-item p span {
    font-size: 30px;
}
.investor-item:after {
    height: 5px;
    margin: 10px 0 0 0;
}
.leader-desc {
    height: auto;
}
.pds-nav.active{
    z-index: 99;
    position: static;
    padding: 10px 0;
}
.modal-back {
    order: -1;
    padding: 0;
}
.modal-back button img {
    width: 35px;
    margin: 0 15px 0 0;
}
.modal-back button span {
    font-size: 15px;
    color: #000;
}

.leader-img img {
    height: auto;
}
.coc-card.social-card {
    min-height: 350px;
    height: auto;
    padding: 15px 15px;
}
.social-card.image-only img {
    width: 100%;
}
.social-profile img {
    width: 100%;
}
.social-context .coc-title {
    padding: 15px 0px 0 0;
}
.social-context .coc-title h2 {
    font-size: 15px;
    padding: 0;
}
.coc-card.social-card.image-only {
    padding: 0;
}
.videos-context .coc-title h2 {
    padding: 0;
}
.videos-context .coc-title {
    padding: 20px 0 0 0;
}
.select-theme.year-filter.selec-theme-small {
    width: 100%;
}
.news-profile img {
    width: 150px;
    object-fit: cover;
}
.news-panel-context{
    padding: 15px 15px 15px 15px;
    width: 52%;
}
.news-panel-context h2 {
    font-size: 15px;
}
.news-panel-context p {
    font-size: 12px;
    padding: 0 0 6px 0;
}
.news-profile {
    width: 48%;
}
.newsletter-card {
    margin: 0 0 15px 0;
    background: #EFEFEF;
    min-height: 170px;
    padding: 10px;
}
.coc-card.coverage-card {
    padding: 0;
    min-height: 180px;
    background-size: cover !important;
    background-position: top center !important;
}
.coverage-profile {
    width: 50%;
}
.coverage-context {
    width: 50%;
    padding: 10px 10px 10px 10px;
}
.coverage-context .coc-title{
    padding: 0;
}
.coverage-profile img {
    min-height: 100%;
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.coc-download.coc-video-play img {
    width: auto;
}
.coverage-context .coc-title h2 {
    font-size: 15px;
    padding: 0 !important;
}
.press-releases-grid .coc-title h2 {
    width: auto;
    padding: 0 0 30px 0;
}
.year-by a {
    font-size: 18px;
}
.pdf-filter .coc-download {
    right: 15px;
}
.year-by {
    bottom: 10px;
    left: 20px;
}
.year-filter.form-select {
    font-size: 15px;
    margin: 20px 0 20px 0;
}
.press-releases-grid .coc-card {
    height: 200px;
    margin: 0 0 20px 0;
}
.media-img img {
    width: 75vw;
}
.media-img {
    position: static;
    height: auto;
}
.media-banner .btn-theme-large {
    width: 330px;
}
.media-banner {
    width: 100%;
    display: block;
    margin: -120px 0 0 0;
    height: auto;
}
.life-slider .swiper-container {
    padding: 0 0 110px 0;
}
.life-slider .swiper-slide:not(.swiper-slide-active) {
    filter: none !important;
    opacity: 1 !important;
}
.life-slider .swiper-pagination-bullet {
    background: #fff;
}
.life-slider .swiper-pagination-bullet.swiper-pagination-bullet-active{
    border: 1px solid #fff;
    background: transparent;
}
.life-slider .swiper-slide {
    width: 100% !important;
}
.rewards-inn {
    padding: 50px 0 10px 0;
}
.rewards-context p {
        padding: 20px 0 0 0;
        font-size: 20px;
        line-height: 25px;
}
.rewards-row {
    padding: 40px 0 0 0;
}
.rewards-grid h3 {
    font-size: 20px;
    padding: 0 0 10px 0;
}
.reward-para {
    min-height: inherit;
}
.reward-para p {
    font-size: 15px;
    padding: 0 0 20px 0;
}
.rewards-grid img {
    width: auto;
}
.rewards-context {
    width: 100%;
}
.rewards-grid {
        width: 100%;
        padding: 0 0 40px 0;
}
.life-content-inn {
    padding: 35px 0 45px 0;
}
.people-develop-content {
    width: 100%;
}
.people-develop-content p {
    font-size: 20px;
    line-height: 25px;
}
.leadership-context {
    padding: 40px 0 0 0;
    width: 100%;
}
.leadership-context h3 {
    font-size: 20px;
    padding-bottom: 15px;
}
.leadership-context p {
    font-size: 15px;
}
.coc-card {
    height: 200px;
    padding: 20px 20px;
    margin: 0 0 15px 0;
}
.coc-download {
    bottom: 10px;
    right: 10px;
}
.coc-download img {
    width: 40px;
}
.coc-title h2 {
    font-size: 20px;
    width: 80%;
}
.coc-grid {
    padding: 0;
}
.codeof-sec .our-sec-context {
    padding: 0;
}
.cocgrid-img {
    width: 100%;
}
.whistle-logo img {
    width: 85px;
}
.whistle-logo {
    width: 100px;
    height: 35px;
    left: 20px;
    bottom: 50px;
}
.whistle-img-sec {
    position: static;
    display: block;
}
.coc-grid-context {
    width: 100%;
    padding: 25px 20px;
    text-align: center;
}
.coc-grid-context h2 {
    font-size: 25px;
    padding: 0 0 10px 0;
}
.coc-grid-context p {
    font-size: 20px;
    padding: 0 0 20px 0;
    line-height: 25px;
}
.coc-grid-context h3 {
    font-size: 20px;
    padding: 0 0 10px 0;
}
.coc-grid-context ul {
         padding: 0 0 20px 25px;
}
.coc-grid-context li {
    font-size: 15px;
    line-height: 20px;
}
.coc-grid-context span p {
    font-size: 15px;
    line-height: 20px;
}
.global-img-sec {
    position: static;
}
.whistle-inn {
    padding: 50px 0 70px 0;
}
.global-agency-inn {
    padding: 50px 0;
}
.global-context.coc-grid-context ul li {
    margin: 0 0 20px 0;
}
.modal-theme.careerspopup-theme {
        position: fixed;
        margin: 20px 0 0;
        z-index: 9999;
        overflow-y: scroll;
        height: 100%;
}
.theme-share-input {
    width: 100%;
    height: 40px;
    font-size: 15px;
    padding: 0 10px;
}
.theme-share-input.form-select {
    background-size: 12px;
}
.phone-field input.theme-share-input {
    width: 100%;
}
.form-btn .career-btn {
    background-size: 25px !important;
}
.careers-popup-form {
    height: 800px;
    overflow-y: scroll;
}
.upload-btn {
    width: 75px;
    height: 40px;
    font-size: 12px;
    margin: 0 0 0 10px;
}
.careerspopup-theme .modal-dialog {
    max-width: 100%;
    margin: 0;
    padding: 0 20px;
}
.modal-theme.careerspopup-theme .modal-content {
    background: transparent;
    border: none;
    padding: 0;
}
.col-lg-6.form-group {
    padding: 0;
}
.careerspopup-theme h2.modal-title {
    font-size: 25px;
    font-family: 'Nexa-ExtraBold';
    text-align: center;
    width: 100%;
    color: #fff;
    padding: 50px 0 30px 0;
}
.phone-field .form-select {
    width: 70px;
    margin: 0 10px 0 00;
}
.careerspopup-theme .btn-close {
    width: 35px;
    height: 35px;
}
.careers-btn-wrapper {
    padding: 20px 0 0 0;
    flex-wrap: wrap;
}
.career-btn {
    width: 240px;
    height: 40px;
    font-size: 12px;
    padding: 0 15px;
    margin: 0 0 15px 0;
}
.career-btn img {
    position: absolute;
    right: 10px;
    width: 25px;
    top: 6px;
}
.careers-sec {
    padding: 0 0 100px 0;
}
.value-thumb-img img {
    width: 100%;
}
.value-overlay img {
    width: 60px;
    min-height: inherit;
    margin: 0 0 20px 0;
}
.value-hover-context{
    opacity: 1;
    display: none;
}
.value-overlay {
    bottom: 20px;
    padding: 0 20px;
}
.value-hover-context p {
    font-size: 15px;
    line-height: 20px;
    padding: 10px 0 00;
}
.value-hover-context {
    padding: 20px 20px;
}
.value-thumb {
    margin: 0 0 20px 0;
}
.value-thumb:hover .value-hover-context{
    display: block;
}
.acc-panel .accordion-content h2 {
    font-size: 20px;
    font-family: 'Nexa-ExtraBold';
    padding: 0 0 10px 0;
}
.acc-panel .accordion-icon {
    right: 10px;
}
.acc-panel .accordion-item {
    margin: 0 0 10px 0;
}
.acc-panel .accordion-content p {
    font-size: 15px;
}
.our-sec-context {
    width: 100%;
    padding: 0 0 0px 0;
}
.acc-panel .accordion-content {
    padding: 20px 0 20px 0;
}
.acc-panel .accordion-title {
    height: 40px;
    font-size: 15px;
    width: 100%;
}
.accordion.acc-panel {
    width: 100%;
    padding: 20px 0;
}
.mobile-dropdown-menu {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    border: none;
    height: 40px;
    padding: 0 10px;
    font-size: 15px;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 5px;
    outline: none;
    font-family: 'Nexa-ExtraBold';
    background-size: 14px;
}
.sec-menu-dropdown.sec-menu-dropdown-inner {
    padding: 10px 0 40px 0;
}
.people-context {
    width: 100%;
    padding: 20px 0 60px 0;
}
.people-desc p {
    font-size: 15px;
    padding: 0 0 40px 0;
}
.people-video-sec {
    margin: 0 0 100px 0;
}
.video-arrow-img {
    left: 20px;
    bottom: 20px;
    width: 40px;
}
.people-desc {
    width: 100%;
}
.sec-menu-dropdown.sec-menu-dropdown-inner .mobile-dropdown-menu {
background-color: #202954;
        color: #fff;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")
}
.sec-menu-items 
{ 
    display: none;
}
.sec-menu-dropdown {
    display: block;
    width: 100%;
    padding: 25px 0 40px 0;
}
.people-img {
    position: static;
    height: auto;
}
.people-banner .sec-title-para span {
    display: block;
    font-family: 'nexaregular';
    color: #333;
}
.people-img img {
    width: 80vw;
}
.banner-title.people-banner {
    display: block;
    width: 100%;
    height: auto;
}
.theme-submit {
    width: 170px;
    height: 40px;
    font-size: 12px;
    border-radius: 30px;
    background-size: 30px;
}
.submit-wrapper {
        display: flex;
        justify-content: center;
        width: 100%;
        margin: 20px 0 0;
}
.contact-inner {
    padding: 20px 0 40px 0;
}
.submit-wrapper span.wpcf7-spinner {
    position: absolute;
    right: 0;
    top: 5px;
}
.contact-content p {
    font-size: 20px;
    padding: 0 0 10px 0;
}
.contact-content address {
    font-size: 16px;
    line-height: 25px;
}
.form-group{
    margin:0 0 15px 0;
}
.contact-form {
    padding: 30px 0 0 0;
}
.theme-input {
    height: 40px;
    font-size: 15px;
    padding: 6px 10px;
}
textarea.theme-input {
    height: 80px;
}
.theme-checkbox input {
    width: 25px;
    height: 25px;
}
.checkbox-wrapper label {
    font-size: 15px;
    flex-wrap: wrap;
}
.contact-content br {
    display: none;
}
.checkbox-wrapper a {
    margin: 0 5px;
}
.contact-text {
    text-align: center;
}
.privacy-content p {
    font-size: 15px;
}
.privacy-content ul li {
    font-size: 15px;
}
.privacy-content ol li {
    font-size: 15px;
    margin: 0 0 5px 0;
}
.privacy-content ul {
    padding: 0 0 0 20px;
}
.privacy-content address {
    font-size: 14px;
    margin: 0;
    line-height: 13px;
}
.privacy-content h2 {
    font-size: 20px;
    padding: 20px 0 0 0;
}
.privacy-content h3 {
    font-size: 20px;
    line-height: 28px;
}
.ethics-inner {
    width: 100%;
    padding: 20px 0 60px 0;
}
.ethics-content p {
    font-size: 20px;
    padding: 0;
}
.onboardlist-ul li {
    width: 20vw;
}
.onboardlist-ul li:nth-child(6) {
    top: 40vw;
    left: 65vw;
}
.onboardimg {
    width: 90vw;
}
.onboardimg1 {
    transform: none;
    margin: 0;
}
.onboardlist-ul li:nth-child(5) {
        left: 35vw;
        top: 40vw;
}
.onboardlist-ul li:nth-child(4) span {
    order: -1;
    padding: 0 0 5px 0;
}
.onboardlist-ul li:nth-child(4) {
    left: 5vw;
    top: 40vw;
}
.onboardlist-ul li:nth-child(3) span {
    padding: 5px 0 0 0;
}
.onboardlist-ul li:nth-child(2) {
        left: 35vw;
        top: 10vw;
}
.onboardlist-ul li:first-child {
        top: 7vw;
        left: 5vw;
}
.onboardlist-ul li:first-child span {
    padding: 5px 0 0 0;
}
.onboardlist-ul li:nth-child(3) {
        left: 65vw;
        top: 7vw;
}
.onboardlist-ul li p {
        font-size: 4vw !important;
        padding: 0 !important;
}
.onboardlist-ul li:nth-child(5) span {
    padding: 5px 0 0 0;
}
.onboardlist-ul li span {
font-size: 2.5vw;
        line-height: 3vw;
        width: 16vw;
}
.hw-list ul li:nth-child(5):before {
        transform: rotateZ(-40deg);
        top: auto;
        left: 0;
        bottom: 16px;
        height: 85px;
}
.hw-list ul li:before {
    content: '';
    background: #A6ABC5;
    width: 2px;
    height: 110px;
    display: block;
    position: absolute;
    transform: rotate(45deg);
    top: 10px;
}

.hw-list ul li:nth-child(1):before {
        transform: rotate(45deg);
        top: 9.5px;
        left: -10px;
}
.hw-list ul li:nth-child(2):before {
transform: rotateZ(-30deg);
        right: 10px;
        top: 18px;
}
.hw-list ul li:nth-child(3):before {
        transform: rotateZ(90deg);
        right: -57px;
        top: auto;
        bottom: -45px;
}
.hw-list ul li:nth-child(4):before {
        transform: rotateZ(25deg);
        top: auto;
        right: 50%;
        bottom: 20px;
}
div#BannerListSwiper {
    padding: 0 0 0px 0;
}
.modal-contact-info {
    padding: 20px 20px;
    height: auto;
}
#discalimerpopup .context-list {
        padding: 80px 20px 20px 20px;
}
.buss-modal-theme .modal-logo-wrapper {
    min-height: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
}
.items-list {
    padding: 0;
}
div#bodModal {
    top: 0;
}
.banner-title {
    position: relative;
    z-index: 2;
    height: auto;
}
.hidetext {
    display: none !important;
}
.pds-menu-left{
    padding: 0;
}
#discalimerpopup .modal-context p {
    font-size: 18px;
    line-height: inherit;
}
.disclaimer-wrapper {
        top: auto;
        bottom: 20px;
        position: absolute;
        z-index: 2;
        right: 40px;
}
.disclaimer-wrapper a {
    font-size: 16px;
}
img.rotating-spiral {
    display: none;
}
.case-study-inn {
    padding: 50px 0 50px 0;
}
.leader-context {
    margin: 20px 0 0;
}
.eff-gridright p {
    padding: 0;
}
.eff-gridleft p {
    padding: 0 0;
}
.pillars-swiper-wrapper {
        width: 250px;
        min-height: 370px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: column;
}
.carouselfor-mobile .swiper-carousel {
    bottom: auto;
    top: 50%;
    width: 100%;
}
.carouselfor-mobile .swiper-button.swiper-button-next {
    right: 0px;
}
.carouselfor-mobile .swiper-button.swiper-button-prev{
    left: 0px;
}
.pds-world {
    position: relative;
}
.coinvestor-hover-text p {
    font-size: 11px;
}
.coinvestor-hover-text{
    padding: 8px 8px;
}
.coinvestor-hover-text h2 {
    font-size: 15px;
    padding: 0 0 10px 0;
    text-align: left !important;
    width: 100%;
    line-height: inherit;
}
.swiper-logo-wrapper a:hover .coinvestor-hover-text{
    display: block;
}
.coinvestor-hover-text {
    display: none;
}
.pds-ventures-vw a {
    margin: 30px 0 0 0;
}
.page-theme-blue li {
    height: 40px;
    padding: 10px 10px !important;
    text-align: left;
}
.page-tab {
    padding: 0;
    border-bottom: 1px solid #339966;
}
.venture-logo {
    width: 280px;
    margin: 0 0 20px 0;
}
.modal-theme {
    height: 100%;
    overflow-y:scroll;
    position: fixed;
    margin-top: 0;
    z-index: 9999;
    top:0;
}
div#discalimerpopup {
    top: 0;
    width: 100%;
    padding: 0 !important;
}
.bod-filter {
    margin: 20px 0;
    width: 100%;
}
.bod-filter .select-theme.form-select {
    font-size: 15px;
}
.bod-inner {
    padding: 0px 0 0 0;
}
.bod-panel {
    padding: 30px 0 0 0;
}
.bod-list-grid {
    margin: 0 0 20px 0;
    padding: 0 5px;
        flex: 0 0 50%;
}
.bod-leader-list h3 {
  width:80%;
}
.bod-panel {
    background: linear-gradient(#FCFCFD, #BBBECB);
}
.filterby {
        width: 100%;
        margin: 0;
        padding: 20px 0 00;
}
.bod-leader-list p {
    width: 85%;
}
.bod-leader-list img {
    width: 25px;
    right: 0;
    top: -3px;
}
.tab-sub-title {
    padding: 20px 0 0 0;
}
.venture-context p {
font-size: 25px;
        line-height: 35px;
        padding: 0 0 30px 0;
}
.venture-context {
        width: 100%;
        padding: 0;
}
.union-img {
    top: -100px;
}
.tab-sub-title p {
    font-size: 20px;
}
.banner-wave-img {
        position: relative;
        padding: 0;
        bottom: 14vw;
}
.union-img img {
    width: auto;
}
.slider-inner {
    padding: 50px 0 0px 0;
    overflow: visible;
}
.venture-swiper-theme .swiper-logo-wrapper {
    height: 150px;
}
.slider-title {
    width: 100%;
}
.logo-collage {
    padding: 100px 0 150px 0;
}
.logo-foreast {
        left: 35vw;
        top: -25vw;
}
.logo-tdg {
    left: 25vw;
    top: -3vw;
}
.logo-zamira {
left: 28vw;
        top: -20vw;
}
.logo-positive {
left: 23vw;
        top: -9vw;
}
.logo-sou {
        left: 5vw;
        top: -9.5vw;
}
.logo-krayons {
    left: 4vw;
    top: -1vw
}
.logo-brandgroup {
        top: 8.5vw;
        left: -2vw;
}
li.logo-brandgroup a {
    width: 80px !important;
}
.logo-clover {
        left: 23vw;
        top: -1vw;
}
.logo-ksl {
        top: 10vw;
        left: 18vw;
}
.logo-norlanka {
        top: 17vw;
        left: 2vw;
}
.logo-tecnho {
        top: 25vw;
        left: 22vw;
}
.logo-sourcing {
top: 29vw;
        left: 0vw;
}
.logo-brandcollective {
        top: 28vw;
        left: 23vw;
}
.logo-groupsourcing {
        top: 40vw;
        left: 8vw;
}
.logo-pdsradius {
        top: 40vw;
        left: 35vw;
}
.logo-craft {
top: 40vw;
        left: 30vw;
}
.logo-twinasia {
        top: 60vw;
        left: 20vw;
}
.logo-z {
        top: 50vw;
        left: 25vw;
}
li.logo-pdsradius a {
    width: 80px !important;
}
.logo-spring {
right: -3vw;
        top: -18vw;
}
.logo-forease {
        right: -20vw;
        top: -11vw;
}
li.logo-forease a {
    width: 80px !important;
}
li.logo-foreast a {
    width: 80px !important;
}
.logo-tailoring {
        right: 3vw;
        top: -7vw;
}
li.logo-tailoring a {
    width: 80px !important;
}
.logo-poetic {
        right: -20vw;
        top: -5vw;
}
.logo-berry {
        top: 1vw;
        left: 0vw;
}
.logo-design {
top: 2vw;
        left: -10vw;
}
.logo-enterprise {
        top: 10vw;
        left: 13vw;
}
.logo-casecollect {
        top: 13vw;
        left: -3vw;
}
.logo-brands {
        top: 25vw;
        left: 12vw;
}
.logo-octopus {
        top: 25vw;
        left: -3vw;
}
.logo-design a img {
    width: 30px;
}
.logo-apporach {
        top: 35vw;
        right: -15vw;
}
.logo-dbs {
        top: 50vw;
        right: -5vw;
}
.logo-asiastar {
        top: 40vw;
        right: -15vw;
}
.logo-gssl {
        top: 30vw;
        right: 10vw;
}
.logo-lillyś {
    top: 55vw;
    right: -15vw;
}
li.logo-lillyś a {
    width: 80px !important;
}
.logos-grid ul li a {
    width:60px;
}
.logos-grid ul li img {
    max-height: 50px;
    min-height: 30px;
}
.logos-grid {
    position: relative;
    width: 33vw;
}
.logo-center {
     width: 55vw;
}
.logo-center img {
        width: 90px;
        max-width: 100%;
        margin: 15px 0 0 0;
}
.wave-bg img {
    position: static;
    margin: -130px 0 0 0;
    width: 100%;
}
.world-img {
    display: block;
}
form.source-list {
    height: auto;
    position: static;
    padding: 0 0 30px 0;
}
.world-img img {
    width: auto;
    max-width: 100%;
}
.approach-inner {
    position: absolute;
    width: 95%;
    padding: 50px 0 0px 0;
    overflow: visible;
    margin: 0 auto;
    bottom: 60px;
    left: 0;
    right: 0;
}
.mobile-view{
    display: block;
}
.home-sec-inn a {
    font-size: 22px;
    margin: 0 10px;
}
.header-logo a img {
    width: 100px;
}
.sec-title {
    font-size: 25px;
    line-height: 30px;
    padding-bottom: 20px;
}

.banner-title p {
    width: 100%;
    padding-bottom: 15px;
}
.banner-vw {
    width: 100%;
}
.approach-panel p {
    font-size: 20px;
    display: none;
    line-height: 20px;
    padding-bottom: 10px;
}
.approach-panel .swiper-slide {
        min-height: 135px;
        border-radius: 10px;
        height: auto;
}
.approach-panel .swiper-slide h3 {
font-size: 30px;
        padding: 10px 0 0 0;
        font-family: 'Nexa-ExtraBold';
}
.approach-panel .swiper-slide p {
    font-size: 15px;
    line-height: 18px;
    padding: 0 10px;
    min-height: 85px;
    display: flex;
    align-items: center;
}
.btn-arrow-img {
    right: 10px;
    width: 25px;
    bottom: 10px;
}
.source-label {
        font-size: 15px;
        margin: 0 0 10px 0;
}
.list-bx {
        width: 24px;
        height: 24px;
        border-radius: 5px;
        box-shadow: 0 3px 6px #00000029;
}
.list-bx:checked::before {
    font-size: 16px;
}
.pds-world-inner {
    height: auto;
    padding: 0px 0;
}
.pds-world-inner h2.sec-title {
    text-align: center;
    padding: 30px 0 0 0;
}
.world-img {
    margin: 50px 0 0px 0;
}
.leader-context h3 {
    font-size: 18px;
    padding: 0 0 10px 0;
}
.leader-context p {
    font-size: 15px;
    width:80%;
}
.bod-row-list {
    padding: 20px 0 00;
}
.tab-theme .nav-item a {
    width: 270px;
    font-size: 20px;
    height: auto;
    padding: 10px 0 !important;
}
.arrow-img {
    width: 35px;
}
.leader-desc p {
    font-size: 15px;
    padding: 0px 0 15px 0;
}
.-modal-row.row {
    flex-wrap: wrap;
}
.modal-profile {
    order: -1;
    width: 100%;
    position: static;
    padding: 20px 0 0 0;
}
.modal-context span {
    font-size: 15px;
    padding: 0
}
.modal-context {
    width: 100%;
}
.swiper-container-theme {
    padding: 30px 0 30px 0;
}
.tab-sec-inner {
    padding:30px 0;
}
.swiper-carousel .swiper-button{
    width: 40px;
    height: 40px;
}
.swiper-carousel {
        width: 100%;
        bottom: 30px;
        position: absolute;
        top: 50%;
}
.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 30px;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 30px;
    height: 10px;
    border: 1px solid #555555;
}
.swiper-pagination {
        display: none;
        top: -4vw !important;
}
.latest-news-inner {
    padding: 40px 0 40px 0;
}
.swiper-container-theme .swiper-wrapper {
    overflow: inherit;
}
.select-theme {
    width: 100%;
    height: 50px;
    border-radius: 30px;
    font-size: 20px;
    padding: 0 20px;
    background-size: 20px 20px;
}
.news-panel a {
    width: 100%;
    display: block;
    padding: 20px;
}
.news-img {
    width: 100%;
}
.news-context {
    width: 100%;
    padding: 20px 0;
    position: relative;
}
.news-context p {
    font-size: 20px;
    padding: 10px 0;
}
.news-context h3 {
    font-size: 25px;
    font-family: 'nexabold';
}
.news-context .arrow-img {
    right: 0;
    top: 15px;
}
.view-all-sec {
    padding: 0px 0 0 0;
    justify-content: center;
}
.newslider .swiper-carousel {
    margin: auto;
}
.mobile-view .nav-item {
    display:none;
}

.mobile-view .nav-item.active {
    display: block;
}

.nav-tabs.mobile-view .nav-item.active > a:before {
    content: "\f107";
    position: absolute;
    top: 10px;
    right: 15px;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    font-family: FontAwesome;
    font-size: 32px;
}
ul.nav.nav-tabs.mobile-view {
    background: #fff;
}
.mobile-view .nav-item {
    float: none;
}
ul.nav.nav-tabs.mobile-view {
    margin: 20px 0 20px 0;
}
ul.nav.nav-tabs.mobile-view li a {
    background: #fff;
    color: #000;
    font-size: 20px;
    padding: 12px 20px !important;
    border-radius: 5px;
    font-family: 'nexabold';
    position: relative;
}
ul.nav.nav-tabs.mobile-view li.active a {
    background:#FF3448;
    color: #fff;

}
.tab-dropdown {
    background: #FF3448 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right 0.75rem center;
    background-size: 16px 12px;
    color: #fff;
    font-size: 20px;
    padding: 12px 20px !important;
    width: 100%;
    border: none;
    border-radius: 5px;
    font-family: 'nexabold';
    background-size:20px 20px;
}
.items-list {
    position: static;
}
.banner-what-vw {
    width: auto;
}
.item-image {
    margin: 0 0 0px 0;
}
.item-image:before {
    content: '';
    background: rgba(000, 000, 000, 0.2);
    width: 100%;
    height: 100%;
    position: absolute;
}
.item-desc {
    padding: 20px;
    width: 100%;
}
.item-desc h2 {
    font-size: 25px;
    width: 70%;
    min-height: inherit;
}
.item-desc p {
    font-size: 15px;
    padding: 15px 0 0;
}
.wave-bg img {
    max-width: 100%;
}
.wave-bg {
    position: static;
    display: none;
}
.sec-title-para {
        font-size: 20px;
        line-height: 30px;
}
.hw-inner {
        width: auto;
        padding:50px 0;
}
.hw-list {
  position: relative;
  width: 320px;
  height: 320px;
  margin: 0 auto;
  background: #f5f6fa;
  border-radius: 20px;
  box-sizing: border-box;
}

.hw-list ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
width: 320px;
height: 310px;
  position: relative;
  top: 0; left: 0;
  background: transparent;
  border: none;
}
.hw-list ul:before, .hw-list ul:after{
    display: none;
}
.hw-list ul li {
  position: absolute;
  background: #fff;
  border-radius: 20px;
  padding: 2px 18px;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
  min-width: 110px;
  border: 1px solid #A6ABC5;
  z-index: 1;
}
.hw-list ul li:nth-child(1) { 
  left: 50%;
  top: 50px;
  transform: translateX(-50%);
}
.hw-list ul li:nth-child(2) { 
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
}
.hw-list ul li:nth-child(3) { 
        left: 30px;
        bottom: 30px;
        position: absolute;
}
.hw-list ul li:nth-child(4) {
        right: 30px;
        bottom: 30px;
        position: absolute;
        left: auto;
}
.hw-list ul li:nth-child(5) { 
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
}
.circle-img-wrapper {
  position: absolute;
  left: 50%;
  top: 55%;
  transform: translate(-50%, -50%);
  width: 90px;
  height: 90px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

.circle-img-wrapper img {
width: 75px;
        height: auto;
        object-fit: contain;
}
.ecosys-inner {
    padding: 30px 0;
    text-align: center;
}
.reach-out-text {
    padding: 20px 0;
    display: block;
    text-align: center;
}
.reach-out-text a {
    margin: 0 auto;
}
.reach-out-text p {
    font-size: 20px;
    padding: 20px 20px 10px 20px;
    width: 100%;
    line-height: 25px;
}
.logo-swiper-grid {
    width: 50%;
    padding: 0px 6px;
}
.swiper-logo-wrapper  a{
    height: 135px;
    margin: 0 0 10px 0;
    padding: 10px 20px;
    padding: 15px 15px;
}
.contact-feed {
    height: auto;
}
.visit-btn {
    position: static;
}
.contact-feed ul {
padding: 20px 15px;
gap: 10px;
}
.contact-feed ul li {
        margin: 0 0px 00;
        width: 30px;
}
.social-links a[style*="display: none"] {
  display: none !important;
}
.contact-feed ul li a img {
    width: auto;
}
.buss-modal-context {
    padding: 20px 20px;
    height: auto;
}
.buss-modal-theme {
        height: 100%;
        margin-top: 0;
        top: 0;
        z-index: 99;
}
.buss-modal-logo {
    width: 100%;
    height: auto;
}
.buss-modal-row {
    display: block;
}
.buss-modal-logo {
    width: 100%;
    height: auto;
}
.modal-logo-wrapper {
    width: 100%;
    padding: 50px 20px 30px 20px;
}
button.close {
        font-size: 15px;
        width: 100%;
        text-align: left;
        position: fixed;
        background: #fff;
        box-shadow: 0 1px 1px #ccc;
        z-index: 1;
}
.buss-modal-contact {
    width: 100%;
}
.buss-modal-context {
    width: 100%;
    min-height: 61vh;
}
.modal-contact-info p {
    font-size: 15px;
}
.modal-contact-info h3 {
        font-size: 20px;
        padding: 10px 0;
}
.pillar-img img {
        width: 200px;
        padding: 0 0 20px 0;
}
.pillars-swiper-wrapper h2 {
  font-size: 20px;
        padding: 10px 0;
}
.pillars-swiper-wrapper h2 span {
    font-size: 18px;
}
.pillar-hover-text p {
    font-size: 14px;
}
.pillar-hover-text {
        visibility: inherit;
        display: none;
        transform: inherit;
        transition: none;
        padding: 12px 12px;
        min-height: 370px;

}
.pillar-hover-text img {
    width: 80px;
    margin: 0 0 10px 0;
}
.pillars-swiper-wrapper:hover .pillar-hover-text {
        top: 0;
        padding: 10px 10px;
        height: 370px;
        border-radius: 5px;
        box-shadow: 0 10px 30px #0000001A;
        min-height: 370px;
        display: flex;
                        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: column;
}
.esg-social-inn {
    padding: 70px 0 0 0;
}
.sec-sub-title {
    font-size: 25px;
    padding: 0 0 15px 0;
}
.supplier-text-grid {
    width: 100%;
}
.zero-tol-grid {
    width: 100%;
}
.tab-context-sec{
    width: 100%;
    text-align: center;
}
.comptab1-row {
    display: block;
}
.tab-theme .tab-content h2 {
    font-size: 20px;
    padding: 0 0 15px 0;
}
.tab-theme .tab-content p {
    font-size: 15px;
    padding: 0 0 15px 0;
}
.tab-context-sec.vw-auto {
    text-align: center;
}
.supplier-infobtn a {
    margin: 0 auto;
}
.tab-context-sec.comtab2-context {
    width: 100%;
}
.zero-tol-wrapper {
        margin: 80px 0 20px 0;
}
.zero-tol-wrapper img {
    width: 50vw;
}
.zerolistul p {
    line-height: 13px;
    font-size: 11px !important;
    padding: 0 10px 0 0 !important;
}
.zerolistul p:nth-child(2) {
    left: 55vw;
    top: -7vw;
}
.zerolistul p:first-child {
    top: -8vw;
    left: 12.5vw;
    width: 25vw;
}
.zero-tol-grid h2 {
    font-size: 16px !important;
}
.zerolistul p:nth-child(3) {
        left: 67vw;
        width: 25vw;
        top: 2vw;
}
.zerolistul p:nth-child(4) {
    left: 72vw;
    top: 16vw;
    width: 20vw;
}
.zerolistul p:nth-child(5) {
    left: 67vw;
    top: 35vw;
    width: 35vw;
}
.zerolistul p:nth-child(6) {
    top: 46vw;
    left: 55vw;
    width: 35vw;
}
.zerolistul p:nth-child(7) {
    top: 50vw;
    text-align: right;
    width: 30vw;
    left: 10vw;
}
.zerolistul p:nth-child(8) {
    top: 35vw;
}
.zerolistul p:nth-child(9) {
    top: 20vw;
    width: 30vw;
    left: -8vw;
}
.zerolistul p:last-child {
    width: 30vw;
    top: 2.5vw;
    left: 1vw;
}
.tab-theme .tab-content {
    padding: 0px 0 50px 0;
}
.comp-team-inn {
    padding: 30px 0 50px 0;
}
.comp-team-content h3 {
    font-size: 20px;
    padding: 0 0 15px 0;
}
.comp-grid {
    padding: 0;
}
.comp-row {
    padding: 20px 0 0 0;
}
.comp-team-content p {
    font-size: 15px;
}
.comp-stats {
    margin: 0;
    padding: 50px 0 0 0;
}
.stats-wrapper {
    flex: 0 0 45%;
    min-height: 100px;
    border-top: 3px solid #339966;
    padding: 10px 0 0px 0;
    margin: 0 5px 00;
}
.stats-wrapper p {
    font-size: 25px;
}
.stats-wrapper span {
    font-size: 15px;
    line-height: 18px;
    display: block;
}
.comp-team-content {
    padding: 0;
    text-align: center;
}
.governance-inn {
    padding: 30px 0 0 0;
}
.sec-title-paraxl {
    font-size: 20px;
    line-height: 25px;
    padding: 0 0 20px 0;
}
.tab-theme .tab-context-sec {
    width: 100%;
    text-align: center;
    padding: 20px 0 0 0;
}
.keywrapper {
        padding: 30px 0 0 0;
        flex-wrap: wrap;
        justify-content: center;
}
.key-item {
        width: 47%;
        height: 170px;
        margin: 0 10px 15px 0;
        justify-content: flex-start;
        padding: 20px 20px;
        flex-direction: row;
        align-items: flex-start;
}
.key-item p {
    padding: 0 !important;
}
.keyimg {
    text-align: center;
    width: 100%;
    min-height: 70px;
}
.key-item img {
    max-height: 60px;
    margin: 0;
    max-width: 100%;
}
.effective-grid {
    text-align: center;
    padding: 0 0 20px 0;
}
.effective-grid p {
    font-size: 15px;
}
.esg-team-inn {
    padding: 50px 0 50px 0;
}

.keypolicy-row {
    display: block;
}
.keypolicy-grid.keypolicy-context {
    text-align: center;
    width: 100%;
}
.keylist .keylistul p {
    border-bottom: 2px dashed #339966;
    padding: 6px 0 !important;
    line-height: inherit;
}
.keylist h3 {
        font-size: 20px;
        padding: 10px 0;
        text-align: center;
}
.keypolicy-grid.keylist-grid {
    width: 100%;
    padding: 0;
    padding: 0 0 50px 0;
}
.case-study-wrapper {
padding: 15px 15px;
        display: block;
}
.case-study-context p {
    font-size: 15px;
    padding: 0 0 15px 0;
}
.case-study-context a {
    margin: 0;
    font-size: 13px;
}
.case-study-context h2 {
    font-size: 20px;
    padding: 15px 0;
}
.case-logo-img {
    max-width: 100%;
}
.case-study-context {
    width: 100%;
    padding: 15px 0;
}
.case-study-img img {
    width: auto;
}
.case-study-img {
    width: 100%;
}
.codeof-panel {
    display: block;
}
.codeof-context {
    padding: 0;
    text-align: center;
}
.codeof-img img {
    max-width: 100%;
    width: auto;
    margin: 40px 0 0 0;
}
ul.tab-titles {
    margin: 0;
    padding: 20px 0;
}
.tab-titles li {
    display: none;
    padding: 12px 12px;
    cursor: pointer;
    font-size: 15px;
    height: auto;
    width: 100%;
    text-align: left;
}
.tab-titles li.active {
    display: block;
    position: relative;
}

.tab-titles.open li {
    display: block;
}

.tab-titles li.active::after {
        content: "";
        position: absolute;
        right: 20px;
        top: 20px;
        transform: translateY(-50%) rotate(45deg);
        width: 10px;
        height: 10px;
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
        pointer-events: none;
}
.page-tabthemeblue .tab-titles li.active::after {
        border-right: 2px solid #000;
        border-bottom: 2px solid #000;
}
  .tab-content {
    display: none;
    padding-top: 10px;
  }
ul.tab-titles {
    display: block;
}
.tab-content.active {
    display: block;
}
.whr-seen-bannerimg .whr-imgformobile {
    width: 100%;
}

}
/* Safari-only fix must come after */
.safari .mobile-fitto-screen.banner {
  height: 100dvh;
}
@media (max-height: 560px) {
  .mobile-fitto-screen.banner {
    min-height: inherit;
  }
  .mobile-fitto-screen.banner .container-fluid {
    height: auto;
  }
  
  .approach-panel {
    position: relative; 
  }
  .approach-inner{
    position: static;
  }
}
/*******For safari mobile*****/
@media(max-width:767px){
.safari .graphic-cover-context {
    width: auto;
    padding: 20px 0 30px 0;
    text-align: center;
}
.safari .esg-bg.banner {
    min-height: 100vh;
    display: flex;
    align-items: center;
}
.safari .grphic-cover-img .coverimg {
        max-width: 100%;
    }

.safari .sec-title {
font-size: 25px;
    line-height: 30px;
    padding-bottom: 10px;
}  
    .safari .item-image img {
        min-height: inherit;
        height: auto;
    }
    .safari .bottom-section-masked {
        padding-top: 12rem !important;
    }
.additional-menus-wrapper{
    margin-bottom: 0;
}
.modal-theme .modal-dialog{
    height: auto;
}
.safari .how-it-works {
    min-height: 100vh;
    display: flex;
    align-items: center;
}
.safari .sec-ecosystem {
    min-height: 100vh;
    display: flex;
    align-items: center;
}
.safari .pds-world {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
}
.safari  .sec-tab.our-categories-tab {
    overflow: hidden;
    min-height: 100vh;
    display: flex;
    padding: 30px 0 0 0;
}
.safari  .categories-inner {
    padding: 0 0 70px 0;
}
.safari .subsidiary-tab{
        display: flex;
        min-height: 100vh;
        align-items: flex-start;  
}
.safari .mobile-fitto-screen.banner {
        min-height: 100vh !important;
        height: auto !important;
        position: relative;
}
.safari .mobile-fitto-screen.who-we-are-bg.banner {
    height: 100vh !important;
}
.safari .venture-logo{
    object-fit: contain;
}
.safari .sec-title-para {
    font-size: 18px;
    line-height: 28px;
}
.safari .banner-list {
    padding: 0px 0 0 0;
}
.safari .approach-inner {
    position: relative;
    bottom: 0;
}
.safari .disclaimer-wrapper {
    position: absolute;
    right: 40px;
    bottom: 0px;
    margin: 20px 0 0 0;
}
.safari .section-wrapper {
    padding: 70px 0 0 0;
}
.safari .wave-svg-overlay {
    margin-top: 47rem;
}
.safari .approach-panel .swiper-slide p {
    padding: 0 10px;
}
.safari section.mobile-fitto-screen.people-landing-bg.banner {
min-height: 100vh !important;
    height: auto !important;
    display: flex;
}
.safari .sec-menu-items.menu-mobile-view{
    gap: inherit;
}
.safari .sec-menu-items.menu-mobile-view a {
    margin: 0 6px 10px 0;
}
.safari .sub-category-title .sec-title {
    font-size: 25px;
    padding: 0;
}
    .safari  .category-context-left h2 {
        font-size: 18px;
        padding: 0 0 10px 0;
    }
    .safari .sub-cateogry-context .category-context-left p {
        font-size: 15px;
    }
    .safari a.btn-theme.btn-theme-large.btn-theme-red {
    min-width: 330px;
}
}

@media(min-width:400px) and (max-width:767px)
{
.safari .four-pillars-panel{
    min-height: 70vh;
}  
.safari .esg-bg.banner {
    align-items: flex-start;
}
.safari .grphic-cover-img .coverimg {
    max-width:290px;
}

.safari   .hw-list ul {
    width: 340px;
    height: 330px;
}
.safari  .hw-list ul li:nth-child(5):before {
        bottom: 21px;
        height: 87px;
    }
      .safari  .hw-list ul li:nth-child(2):before {
        top: 25px;
    }
     .safari  .hw-list ul li:nth-child(1):before {
        top: 15px;
    }
    .safari    .hw-list ul li:nth-child(4):before {
        bottom: 25px;
    }
       .safari  svg#investorWaveSVG {
        height: 400px;
    }
       .safari  .investor-item p {
        font-size: 20px;
    }
     .safari  .mobile-dropdown-menu {
        height: 60px;
        font-size: 18px;
    }

     .safari .sec-menu-items.menu-mobile-view a {
        font-size: 18px;
        padding: 12px 0;
    }
       .safari .top-section-masked {
        height: 90vh;
        }
       .safari .banner-title.pds-ventures-vw {
        min-height: 75vh;
    }
    .safari .bottom-section-masked{
        top: 85vh;
        padding-top: 15rem !important;
    }
        .safari .wave-svg-overlay {
        margin-top: 100vh;
    }
   .safari .sec-title {
        font-size: 28px !important;
        line-height: 35px !important;
        padding-bottom: 20px;
    }
        .safari  .category-context-left h2 {
        font-size: 22px;
        padding: 0 0 10px 0;
    }
    .safari .sub-cateogry-context .category-context-left p {
        font-size: 20px;
    }

    .safari .hw-inner {
        padding: 0;
    }
      .safari  .category-wrapper h3 {
        font-size: 30px;
    }
    .safari .leader-context h3 {
        font-size: 20px;
    }
     .safari   .source-label {
        font-size: 18px;
    }
   .safari  .category-img img {
        max-height: 500px;
        min-height: 500px;
    }
    .safari .banner-title.banner-what-vw .sec-title {
        padding-bottom: 20px;
    }
      .safari  .leader-context p {
        font-size: 18px;
    }
       .safari   .category-overlay p {
        font-size: 25px;
        line-height: 35px;
    }
.safari .item-image img {
           min-height: inherit;
        height: auto;
        object-fit: cover;
    }
   .safari .sec-title-para {
        font-size: 25px !important;
        line-height: 35px !important;
    }
    .safari .btn-theme {
        min-width: 250px;
        height: 50px;
        font-size: 18px;
    }
    .safari .pillars-swiper-wrapper:hover .pillar-hover-text {
        top: -65px;
        height: 500px;
        min-height: 370px;
    }
        .safari  .pillar-hover-text p {
        font-size: 16px;
    }
     .safari a.btn-theme.btn-theme-large.btn-theme-red {
    min-width: 360px;
}
   .safari .disclaimer-wrapper a {
        font-size: 20px;
    }
.safari .approach-inner{
        padding: 100px 0 0 0;
    }
   .safari .hw-list {
        position: relative;
        width: 360px;
        height: 360px;
    }
    .safari  .hw-list ul li{
        font-size: 18px;
    }
    .safari  li:nth-child(6):before {
        height: 100px;
    }
 
      .safari  .factory-item-context h3 {
        font-size: 20px;
        padding: 0 0 15px 0;
    }
      .safari   .factory-item-context p {
        font-size: 15px;
    }
     .safari   .category-context-left p {
        font-size: 24px;
    }
     .safari   .category-context-left p {

        font-size: 22px;
    }
}