@font-face {
    font-family: 'Bitter-Medium-Italic';
    src: url('../fonts/Bitter-Medium-Italic/Bitter-MediumItalic.eot');
    src: url('../fonts/Bitter-Medium-Italic/Bitter-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Bitter-Medium-Italic/Bitter-MediumItalic.woff2') format('woff2'),
        url('../fonts/Bitter-Medium-Italic/Bitter-MediumItalic.woff') format('woff'),
        url('../fonts/Bitter-Medium-Italic/Bitter-MediumItalic.svg#Bitter-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

.value-props_hero-banner {
	 padding: 60px 0px 47px;
	 background: #020b36;
}
 .lime-text-color {
	 color: #d2e825;
}
 .white-text-color {
	 color: #fff;
}
 .cream-text-color {
	 color: #faf3e7;
}
 .value-props_hero-banner-header, .value-props_hero-banner-header h1, .value-props_hero-banner-header p {
	 width: 100%;
	 margin: 0 auto;
	 text-align: center;
}
 .value-props_hero-banner-header h1 {
	 color: #faf3e7;
	 font-size: 65px;
	 font-weight: 500;
	 line-height: 61.11px;
	 letter-spacing: -4.5px;
	 max-width: 40%;
	 margin: 0 auto;
}
 .value-props_hero-banner-header .sec-font {
	 max-width: 703px;
	 padding-top: 12px;
	 font-size: 24px;
	 font-weight: 500;
	 line-height: 31.2px;
	 letter-spacing: -0.36px;
}
 .text-content {
	 padding: 60px 0px 70px;
}
 .text-content h2, .one-stop-solution-sec h2 {
	 width: 100%;
	 max-width: 1133px;
	 margin: 0 auto;
	 text-align: center;
	 font-family: "GothamBold", Helvetica, Arial, sans-serif;
	 font-size: 65px;
	 font-weight: 700;
	 line-height: 94.023%;
	 letter-spacing: -2.925px;
}
 .text-content p {
	 width: 100%;
	 max-width: 979px;
	 margin: 0 auto;
	 text-align: center;
	 font-size: 24px;
	 font-family: "Bitter-Regular";
	 font-weight: 400;
	 line-height: 140%;
	 letter-spacing: -0.36px;
	 color: #020a36;
	 padding-top: 20px;
}
 .facilities-sec {
	 background: #020a36;
	 padding: 77px 0px 63px;
	 margin: 0 auto;
}
 .facilities-sec-container, .usp-sec-container, .our-capabilities-container {
	 max-width: 90%;
	 margin: 0 auto;
}
 .facilities-sec-container ul {
	 color: #faf3e7;
}
 .facilities-sec-container .facilities-sec-list_title {
	 font-size: 16px;
	 font-family: "GothamBold", Helvetica, Arial, sans-serif;
	 font-weight: 700;
	 line-height: 144.023%;
	 letter-spacing: -0.72px;
	 text-transform: uppercase;
}
 .facilities-sec-container .facilities-sec-list_subtitle {
	 font-size: 16px;
	 font-family: "Bitter-Regular";
	 font-weight: 400;
	 line-height: 120%;
	 letter-spacing: -0.24px;
}
 .page-template-template-value-props ul > li::before {
	 color: #d2e825;
}
 .facilities-sec-list-container {
	 max-width: 75%;
	 display: grid;
	 grid-template-columns: repeat(3, 1fr);
	 grid-column-gap: 21px;
}
 .facilities-sec-list {
	 padding: 21px 0px 9px 30px;
	 border-top: 1px solid rgba(250, 243, 231, 0.3);
}
 .facilities-sec-list:first-child, .facilities-sec-list:nth-child(2), .facilities-sec-list:nth-child(3) {
	 border-top: none;
}
 .facilities-sec-container h2 {
	 margin-bottom: 32px;
}
 .usp-sec {
	 margin: 28px auto;
	 background: #d2e825;
	 overflow: hidden;
}
 .usp-sec-text {
	 display: flex;
	 justify-content: flex-end;
	 text-align: center;
	 align-items: center;
}
 .usp-sec-text {
	 padding: 80px 0px;
}


.value-props_hero-banner-icons .hero-banner-icons_container {
	max-width: 1108px;
	margin: 0 auto !important;
	display: flex !important;
	align-items: flex-start !important;
	padding: 34px 0px 44px !important;
}

 .hero-banner-icons_container .splide__list {
	 max-width: 1108px;
	 margin: 0 auto !important;
	 display: flex !important;
	 align-items: flex-start !important;
	 padding: 34px 0px 44px !important;
}
 .hero-banner-icons_list {
	 width: 25%;
	 min-height: 218px;
	 height: 218px;
	 max-height: 218px;
	 position: relative;
	 border-left: 1px solid #d2e825;
	 border-top: 1px solid #d2e825;
	 border-bottom: 1px solid #d2e825;
	 padding: 24px 24px 17px;
}
 .hero-banner-icons_list img {
	 position: absolute;
	 right: 0;
	 bottom: 0;
	 width: unset !important;
    height: unset !important;
    object-fit: contain !important;
    margin-bottom: unset !important;
}
 .hero-banner-icons_list:last-child {
	 border-right: 1px solid #d2e825;
}
 .hero-banner-icons_list > div,
 .hero-banner-icons_list .hero-banner-icons_list_content {
	 display: flex;
	 flex-direction: column;
	 height: auto;
	 justify-content: space-between;
	 align-items: flex-start;
	 text-align: left;
}

.hero-banner-icons_list {
	display: flex !important;
}

 .value-props_hero-banner-icons .btn--secondary {
	 display: flex;
	 justify-content: center;
	 max-width: 222px;
	 margin: 0 auto;
}
 .hero-banner-icons_title {
	 max-width: 192px;
	 width: 100%;
	 font-size: 18px;
	 font-weight: 500;
	 line-height: 120%;
	 letter-spacing: -0.27px;
}
 .hero-banner-icons_slno {
	 font-size: 12px;
	 font-weight: 500;
}
 .our-capabilities {
	 margin: 0 auto;
	 padding: 58px 0px 50px;
	 background: #020a36;
}
 .our-capabilities_right-container {
	 display: grid;
	 grid-template-columns: repeat(3, 1fr);
	 column-gap: 33px;
}
 .our-capabilities-container {
	 display: flex;
	 align-items: flex-end;
	 column-gap: 54px;
}
 .page-template-template-value-props ul {
	 margin-bottom: 0;
}
 .our-capabilities_right ul li::before, .quality-and-manufacturing-container ul li::before {
	 display: none;
}
 .our-capabilities_right-list {
	 display: flex;
	 align-items: center;
	 padding: 18px 0px;
	 margin-bottom: 0px;
	 column-gap: 12px;
	 border-top: 1px solid rgba(250, 243, 231, 0.3);
	 font-weight: 400;
	 font-family: "GothamBold", Helvetica, Arial, sans-serif;
}
 .our-capabilities_right-list span {
	 display: block;
}
 .our-capabilities_right-list:first-child, .our-capabilities_right-list:nth-child(2), .our-capabilities_right-list:nth-child(3) {
	 border-top: none;
}
 .our-capabilities_left h2 {
	 margin-bottom: 30px;
}
 .our-capabilities_icon img {
	 width: 56px;
	 min-width: 56px;
	 max-width: 56px;
	 height: 56px;
}
 .usp-sec-text h2 {
	 margin-top: 20px;
	 margin-bottom: 15px;
}
 .usp-sec-text a {
	 margin-bottom: 0px !important;
	 background: #020a36 !important;
	 color: #fff !important;
	 border: 3px solid #020a36 !important;
}
 .usp-sec-text a:hover {
	 background: #fff !important;
	 color: #020a36 !important;
	 border: 3px solid #020a36 !important;
}
 .usp-sec_desc {
	 margin-bottom: 39px;
}
 .quality-and-manufacturing-container {
	 margin: 0 auto;
	 display: flex;
	 padding: 83px 0px 30px;
	 column-gap: 150px;
}
 .quality-and-manufacturing-container .quality-and-manufacturing_left {
	 width: 60%;
	 max-width: 100%;
}
 .quality-and-manufacturing-container .quality-and-manufacturing_right {
	 width: 40%;
	 max-width: 100%;
}
 .quality-and-manufacturing-list {
	 margin-bottom: 0px;
}
 .quality-and-manufacturing-list span {
	 display: block;
}
 .quality-and-manufacturing-container ul > li {
	 padding-left: 5px !important;
}
 .qaml_title {
	 font-size: 20px;
	 font-family: "GothamBold", Helvetica, Arial, sans-serif;
	 font-weight: 700;
	 line-height: 94.023%;
	 letter-spacing: -0.9px;
	 margin-bottom: 8px;
}
 .qaml_sub-title {
	 font-size: 16px;
	 font-weight: 400;
	 line-height: 1.2;
	 letter-spacing: -0.24px;
}
 .quality-and-manufacturing-content {
	 display: grid;
	 grid-template-columns: repeat(2, 1fr);
}
 .quality-and-manufacturing-container h2 {
	 margin-bottom: 17px;
	 padding-bottom: 23px;
	 border-bottom: 1px solid #000;
}
 .quality-and-manufacturing-content li {
	 padding: 21px 0px;
	 border-bottom: 1px solid #ecdcbb;
}
 .quality-and-manufacturing-content li:last-child {
	 border-bottom: none;
}
 .quality-and-manufacturing_left li:nth-last-child(2) {
	 border-bottom: none;
}
 .qam-certificate {
	 display: flex;
	 max-width: 100%;
	 margin: 0 auto;
	 padding-top: 30px;
	 padding-bottom: 5px;
}
 .qam-certificate img {
	 margin-right: 16px;
}
 .quality-and-manufacturing-content {
	 border-bottom: 1px solid #ecdcbb;
}
 .slide-toggle-container-main .slide-toggle-container-div .slide-toggle-container-div-title {
	 display: flex;
	 justify-content: space-between;
	 align-items: flex-start;
	 padding: 16px 0px;
	 cursor: pointer;
	 font-size: 16px;
	 font-family: "GothamBold", Helvetica, Arial, sans-serif;
	 font-weight: 700;
	 line-height: 144.023%;
	 letter-spacing: -0.72px;
	 text-transform: uppercase;
}
 .slide-toggle-container-main .slide-toggle-container-div .slide-toggle-container-div-desc {
	 display: none;
	 font-family: "Bitter-Regular";
	 max-width: 100%;
	 padding: 22px 0px;
	 color: #fff;
	 transition: all 0.3s ease;
}
 .slide-toggle-container-main .slide-toggle-container-div .slide-toggle-container-div-desc p.body-small {
	 max-width: 90%;
}
 .slide-toggle-icon {
	 pointer-events: none;
}
 .slide-toggle-icon .toggle-plus-icon {
	 display: block;
}
 .slide-toggle-icon .toggle-minus-icon {
	 display: none;
}
 .slide-toggle-icon.active .toggle-plus-icon {
	 display: none;
}
 .slide-toggle-icon.active .toggle-minus-icon {
	 display: block;
}
 .global-sourcing {
	 background: #020a36;
	 overflow: hidden;
}
 .global-sourcing .global-sourcing-container {
	 margin: 0 auto;
	 padding: 82px 0px;
}
 .slide-toggle-container-div-title {
	 color: #fff;
}
 .global-sourcing-left h2 {
	 font-size: 65px;
	 font-family: "GothamBold", Helvetica, Arial, sans-serif;
	 font-weight: 700;
	 line-height: 94.023%;
	 letter-spacing: -2.925px;
	 text-transform: uppercase;
	 margin-bottom: 0px;
}
 .global-sourcing-container {
	 display: flex;
	 align-items: center;
}
 .global-sourcing-container .global-sourcing-left {
	 width: 50%;
	 max-width: 100%;
}
 .global-sourcing-container .global-sourcing-right {
	 width: 50%;
	 max-width: 100%;
}
 .slide-toggle-container-div-title p {
	 margin-bottom: 0;
}
 .slide-toggle-container-div-title .body-title-secondary {
	 display: flex;
	 align-items: flex-start;
	 pointer-events: none;
}
 .slide-toggle-container-div-title .body-title-secondary span:first-child {
	 padding-right: 18px;
}
 .slide-toggle-container-div-title {
	 border-bottom: 1px solid rgba(255, 255, 255, 0.34);
}
 .client-logo-slider-section {
	 padding: 58px 0px 0px;
}
 .client-logo-slider-section h2 {
	 font-size: 35px;
	 font-family: "GothamBold", Helvetica, Arial, sans-serif;
	 font-weight: 700;
	 line-height: 94.023%;
	 letter-spacing: -1.575px;
	 text-align: center;
	 width: 100%;
	 max-width: 100%;
	 margin-bottom: 40px;
}
 .client-logo-slider .splide__list {
	 align-items: center;
}
 .one-stop-solution-slider .swiper-slide {
	 padding-top: 30px;
}
 .client-logo-slider .splide__slide {
	 text-align: center;
	 border: 1px solid #ead3ac;
	 width: 308px;
	 height: 97px;
	 margin: 0;
	 display: flex;
	 align-items: center;
	 justify-content: center;
}
 .client-logo-slider .splide__slide img {
	 margin: 0;
}
 .one-stop-solution-sec {
	 padding: 0px 0px 93px;
	 margin-top: -20px;
	 position: relative;
}
 .one-stop-solution-sec h2 {
	 margin-bottom: 80px;
}
 .one-stop-solution-sec .swiper-slide {
	 display: flex;
	 align-items: flex-end;
}
 .one-stop-solution-sec .swiper-slide .slider-banner img {
	 width: 50px;
	 min-width: 50px;
	 height: 90px;
	 min-height: 90px;
	 margin-bottom: 10px;
}
 .one-stop-solution-sec .swiper-slide .slider-text {
	 position: relative;
	 border-left: 1px solid #000;
	 padding: 5px 24px 21px 32px;
	 text-align: left;
	 min-height: 180px;
	 height: 180px;
}
 .one-stop-solution-sec .swiper-slide .slider-text::before {
	 content: "";
	 position: absolute;
	 top: -38px;
	 left: -11px;
	 transform: translateY(-50%);
	 width: 21px;
	 height: 21px;
	 background-color: #fff;
	 border-radius: 50%;
	 border: 1px solid #000;
}
 .one-stop-solution-sec .swiper-slide .slider-text::after {
	 content: "";
	 position: absolute;
	 top: -38px;
	 left: 0px;
	 transform: translateY(-50%);
	 width: 100%;
	 height: 21px;
	 border-radius: 20px;
	 background: url('https://www.zetwerk.com/wp-content/themes/Zetwerk/dist/img/value-props/gradient-bg-layer.png') center/cover no-repeat;
	 z-index: -1;
}
 .one-stop-solution-sec .swiper-slide .slider-text .slider-title {
	 font-size: 14px;
	 font-family: "GothamBold", Helvetica, Arial, sans-serif;
	 font-weight: 700;
	 line-height: 1.2;
	 letter-spacing: -0.63px;
	 text-transform: uppercase;
	 padding-bottom: 29px;
}
 .one-stop-solution-sec .swiper-slide .slider-text .slider-subtitle {
	 font-size: 16px;
	 font-family: "Bitter-Regular";
	 font-weight: 400;
	 line-height: 130%;
	 letter-spacing: -0.3px;
	 text-transform: none;
}
 .one-stop-solution-slider {
	 max-width: 75%;
	 margin: 0 auto;
	 overflow: hidden;
}
 .one-stop-solution-sec .button-container,
 .value-props_hero-banner-icons .button-container {
	 flex-direction: row-reverse;
	 display: flex;
	 justify-content: space-between;
	 position: absolute;
	 top: 60%;
	 transform: translateX(0%);
	 width: 100%;
	 z-index: 99;
	 max-width: 100%;
	 margin: 0 auto;
}

.value-props_hero-banner-icons .button-container {
	top: 56%;
}
 .one-stop-solution-sec .button-container .button-next, 
 .one-stop-solution-sec .button-container .button-prev,
 .value-props_hero-banner-icons .button-container .button-next, 
 .value-props_hero-banner-icons .button-container .button-prev {
	 cursor: pointer;
}

.one-stop-solution-sec .button-container .swiper-button-disabled,
.value-props_hero-banner-icons .button-container .swiper-button-disabled {
	 opacity: 0.5;
	 cursor: not-allowed;
}
 .position-relative {
	 position: relative;
}
 .hide-on-mobile {
	 display: block;
}
 .hide-on-desktop {
	 display: none;
}
 .value-props_hero-banner:after {
	 content: '';
	 background: url('https://www.zetwerk.com/wp-content/themes/Zetwerk/dist/img/value-props/vp-hb-banner-desktop-graphics.svg') no-repeat bottom left/auto 100%;
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 min-height: 42rem;
	 mix-blend-mode: color-dodge;
	 opacity: 0.4;
	 pointer-events: none;
}
 .facilities-sec:after {
	 content: '';
	 background: url('https://www.zetwerk.com/wp-content/themes/Zetwerk/dist/img/value-props/facilities-bg.svg') no-repeat top right/auto 100%;
	 position: absolute;
	 top: 0;
	 right: 0;
	 width: 100%;
	 height: 100%;
	 mix-blend-mode: lighten;
}
 .usp-sec.position-relative:after {
	 content: '';
	 background: url('https://www.zetwerk.com/wp-content/themes/Zetwerk/dist/img/value-props/can-zetwerk-make-it-bg.svg') no-repeat top left/auto 100%;
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 pointer-events: none;
}
 .usp-sec.usp-sec-two.position-relative:after {
	 content: '';
	 background: url('https://www.zetwerk.com/wp-content/themes/Zetwerk/dist/img/value-props/manufacturing-expert-bg.svg') no-repeat top left/auto 100%;
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 pointer-events: none;
}
 .our-capabilities:after {
	 content: "";
	 background: url('https://www.zetwerk.com/wp-content/themes/Zetwerk/dist/img/value-props/our-capabilities-bg.svg') no-repeat top left/ 35% 100%;
	 position: absolute;
	 bottom: -120px;
	 left: 0;
	 opacity: 0.3;
	 width: 80%;
	 height: 100%;
	 pointer-events: none;
	 mix-blend-mode: lighten;
}
 .global-sourcing:after {
	 content: "";
	 background: url('https://www.zetwerk.com/wp-content/themes/Zetwerk/dist/img/value-props/global-half-globe.svg') no-repeat top left/ 60% 100%;
	 position: absolute;
	 bottom: -70px;
	 left: 0;
	 width: 80%;
	 height: 100%;
	 pointer-events: none;
	 mix-blend-mode: lighten;
}
 .global-presence h2 {
	 padding-top: 61px;
	 max-width: 40%;
	 margin: 0 auto;
	 text-align: center;
}
 .map-data {
	 display: flex;
	 justify-content: center;
	 column-gap: 16px;
	 margin-top: 20px;
	 margin-bottom: 18px !important;
	 z-index: 9;
	 position: relative;
}
 .map-data > li::before {
	 display: none;
}
 .map-data li {
	 padding: 13px 11px;
	 border: 1px solid #000;
	 display: flex;
	 justify-content: space-between;
	 column-gap: 20px;
	 cursor: pointer;
	 transition: background-color 0.3s ease-in linear;
}
.map-popup-left{
	display: none;
}
 .map-data li:hover, .map-data li.active {
	 background-color: #d2e825;
}

#map-container {
	margin-top: -60px;
}

.map svg {
	max-width: 100%;
	width: 100%;
}

.map svg circle {
    display: none;
}

 .map svg circle.active {
	 fill: #d2e825;
     display: block;
}
 .map-popup-right {
	 display: flex;
	 flex-direction: column;
	 justify-content: space-between;
}
 .mapPopup {
	 position: absolute;
	 display: none;
	 background-color: #fff;
	 padding: 8px 20px 8px 9px;
	 z-index: 999;
	 width: max-content;
	 column-gap: 16px;
}
 .mapPopup #mapPopupLocationTitle {
	 font-size: 16px;
	 font-family: "GothamBold", Helvetica, Arial, sans-serif;
	 font-weight: 700;
	 line-height: 94.023%;
	 letter-spacing: -0.72px;
	 text-transform: uppercase;
	 margin-top: 4px;
	 margin-bottom: 4px;
}
 .mapPopup #mapPopupLocationSubtitle {
	 font-size: 16px;
	 font-family: "Bitter-Medium";
	 font-weight: 500;
	 line-height: 130%;
	 letter-spacing: -0.24px;
	 opacity: 0.5;
	 margin-bottom: 18px;
	 text-transform: capitalize;
}
 .mapPopup #mapPopupLocationImg {
	 width: 86px;
	 height: 86px;
	 object-fit: cover;
}
 .mapPopup #mapPopupCountryImg {
	 width: 33px;
	 height: 22px;
	 object-fit: contain;
}
 .map circle {
	 cursor: pointer;
}
 .global-presence .map svg {
	 overflow-x: scroll;
}
 .slide-toggle-container-div-desc .body-text-secondary-regular {
	 max-width: 90%;
}

.style-italic {
	font-family: 'Bitter-Medium-Italic', serif;
	font-style: italic;
}

.fw-700 {
	font-weight: 700;
}

.value-props_hero-banner-icons .btn.btn--secondary{
	display: flex;
	margin-bottom: 0px;
}

@keyframes scroll-animation {
    0% {
        transform: translateX(0)
    }

    25% {
        transform: translateX(-25px)
    }

    50% {
        transform: translateX(20px)
    }

    75% {
        transform: translateX(0)
    }

    to {
        transform: translateX(0)
    }
}

.one-stop-solution-slider .swiper-slide {
	transition: transform 0.3s ease;
	cursor: pointer;
}

.one-stop-solution-slider .swiper-slide .slider-banner {
	transition: transform 0.3s ease;
}


.map-data li:first-child {
    padding: 13px 18px;
}

.hero-banner-icons-slider .splide__arrows {
	display: none;
}

.hero-banner-icons-slider .splide__arrow {
	background: #fff;
	width: 45px;
	height: 45px;
  }

.hero-banner-icons-slider .splide__arrow--prev svg {
	transform: scaleX(1);
}
  
.hero-banner-icons-slider .splide__arrow svg {
	fill: none;
	height: auto;
	width: auto;
}
  
.scroll-buttons {
	display: none;
}

.global-presence {
	position: relative;
}

.value-props_hero-banner-icons.mobile-sec {
	display: none;
}

@media (min-width: 1600px) {
	#map-container {
		margin-top: 0px;
		margin-bottom: 50px;
	}
}

@media (max-width: 1440px) {
	 .facilities-sec:after {
		 background: url('https://www.zetwerk.com/wp-content/themes/Zetwerk/dist/img/value-props/facilities-bg.svg') no-repeat top right/auto 75%;
	}
}

@media (max-width: 1400px) {
	#map-container {
		margin-top: -80px;
	}
}

@media (max-width: 1140px) {
	.value-props_hero-banner-icons .hero-banner-icons_container {
		max-width: 90%;
	}

	.hero-banner-icons_container .splide__list {
		max-width: 90%;
	}
	 .facilities-sec:after {
		 background: url('https://www.zetwerk.com/wp-content/themes/Zetwerk/dist/img/value-props/facilities-bg.svg') no-repeat top right/auto 55%;
	}
	 .usp-sec-text {
		 width: 50%;
		 margin-left: auto;
	}
	 .usp-sec.position-relative:after {
		 left: -150px;
	}
	 .one-stop-solution-sec .swiper-slide .slider-text .slider-subtitle {
		 font-size: 16px;
	}
	 .our-capabilities_right-list span {
		 font-size: 14px;
	}
	 .quality-and-manufacturing-container ul > li {
		 padding-right: 20px;
	}
	 .quality-and-manufacturing-container {
		 column-gap: 80px;
	}
	#map-container {
		margin-top: -110px;
	}
	.one-stop-solution-sec {
		margin-top: -50px;
	}
	.value-props_hero-banner-header h1 {
		max-width: 60%;
	}
}

@media (max-width: 1024px) {
	 .facilities-sec-list-container {
		 max-width: 95%;
	}
	 .usp-sec.position-relative:after {
		 left: -200px;
	}
	 .usp-sec-text {
		 width: 60%;
	}
	 .our-capabilities_right-container {
		 grid-template-columns: repeat(2, 1fr);
	}
	 .our-capabilities-container {
		 align-items: center;
	}
	 .one-stop-solution-sec .button-container .button-next, .one-stop-solution-sec .button-container .button-prev,
	 .value-props_hero-banner-icons .button-next, .value-props_hero-banner-icons .button-container .button-prev {
		 width: 45px;
		 height: 45px;
	}
	 .global-sourcing-container {
		 align-items: center;
	}
	 .global-sourcing-left h2 {
		 margin-bottom: 0px;
	}
	 .global-sourcing .global-sourcing-container {
		 column-gap: 50px;
	}
	 .usp-sec.usp-sec-two.position-relative:after {
		 left: -120px;
	}
	 .one-stop-solution-sec .swiper-slide .slider-text {
		 min-height: 140px;
		 height: 140px;
	}
	 .map-data {
		 overflow-x: scroll;
		 justify-content: flex-start;
		 padding-left: 50px;
		 padding-right: 50px;
	}
	 .map-data li {
		 white-space: nowrap;
	}
}

@media (max-width: 991px) {
	 .hero-banner-icons_list {
		 width: 40%;
	}
	 .one-stop-solution-sec h2, .text-content h2, .global-sourcing-left h2 {
		 font-size: 48px;
	}
	 .text-content p {
		 font-size: 18px;
		 padding-left: 20px;
		 padding-right: 20px;
	}
	 .facilities-sec-list-container {
		 max-width: 100%;
	}
	 .usp-sec-text {
		 width: 80%;
		 text-align: right;
	}
	 .usp-sec.usp-sec-two.position-relative:after {
		 left: -180px;
		 mix-blend-mode: hue;
	}
	 .usp-sec.position-relative:after {
		 mix-blend-mode: hue;
	}
	 .usp-sec.position-relative:after {
		 left: -320px;
	}
	 .facilities-sec-list-container {
		 grid-template-columns: repeat(2, 1fr);
	}
	 .our-capabilities-container {
		 flex-direction: column;
		 align-items: flex-start;
		 width: 100%;
	}
	 .our-capabilities_right {
		 width: 100%;
	}
	 .our-capabilities_right-list:first-child, .our-capabilities_right-list:nth-child(2) {
		 border-top: none;
	}
	 .our-capabilities_right-list:nth-child(3) {
		 border-top: 1px solid rgba(250, 243, 231, .3);
	}
	 .quality-and-manufacturing-container {
		 flex-direction: column;
	}
	 .quality-and-manufacturing-container .quality-and-manufacturing_left, .quality-and-manufacturing-container .quality-and-manufacturing_right {
		 width: 100%;
	}
	 .quality-and-manufacturing_right {
		 margin-top: 80px;
	}
	 .facilities-sec-list:nth-child(3) {
		 border-top: 1px solid rgba(250, 243, 231, .3);
	}
	.map svg {
		max-width: unset;
		width: auto;
	}
	#map-container {
		margin-top: 0px;
		overflow-x: scroll;
	}
	.one-stop-solution-sec {
		margin-top: 40px;
	}

	.value-props_hero-banner-header h1 {
		max-width: 70%;
	}	
	.hero-banner-icons-slider .splide__arrows {
		display: block;
	}
	/* Map Scroll */
	.scroll-buttons {
		position: absolute;
		top: calc(65% - 30px);
		display: flex;
		justify-content: space-between;
		width: 100%;
	}
	.scroll-buttons button {
		background: none;
		border: none;
		outline: none;
		box-shadow: none;
	}
	.scroll-buttons button svg {
		width: 45px;
	}
	.scroll-buttons.container {
		max-width: 100%;
	}
	.value-props_hero-banner-icons.mobile-sec {
		display: block;
	}
	.value-props_hero-banner-icons.desktop-sec {
		display: none;
	}
	.hero-banner-icons-slider.swiper-backface-hidden .swiper-slide {
		margin: 0 !important;
	}
}

@media (max-width: 767px) {
	 .hide-on-mobile {
		 display: none;
	}
	 .hide-on-desktop {
		 display: block !important;
	}
	 .value-props_hero-banner-header h1 {
		 font-size: 40px;
		 line-height: 1.1;
		 max-width: 80%;
	}
	 .value-props_hero-banner-header .sec-font {
		 padding-top: 14px;
		 font-size: 16px;
		 line-height: 1.4;
		 padding-left: 18px;
		 padding-right: 18px;
	}
	 .value-props_hero-banner-header .sec-font br {
		 display: none;
	}
	 .hero-banner-icons_list {
		 width: 80%;
	}
	.hero-banner-icons_container {
		 margin-bottom: 20px;
		 padding-bottom: 21px;
	}
	.value-props_hero-banner {
		padding-bottom: 44px;
	}
	 .value-props_hero-banner-icons .btn--secondary {
		 max-width: 90%;
	}
	 .client-logo-slider-section h2 {
		 font-size: 24px;
		 margin-bottom: 24px;
	}
	 .swiper-backface-hidden .swiper-slide img {
		 width: unset;
		 height: unset;
	}
	 .client-logo-slider-section {
		 padding: 32px 0 0;
	}
	 .global-sourcing-left h2, .one-stop-solution-sec h2, .text-content h2 {
		 font-size: 30px;
		 max-width: 80%;
	}
	 .text-content {
		 padding: 44px 0px 60px;
	}
	 .facilities-sec:after, .facilities-desc br {
		 display: none;
	}
	 .facilities-sec {
		 max-width: 100%;
		 padding: 60px 0px 39px;
	}
	 .facilities-desc {
		 margin-bottom: 44px;
		 font-family: "Bitter-Regular";
	}
	 .facilities-sec-list-container {
		 grid-template-columns: repeat(1, 1fr);
	}
	 .facilities-sec-list:nth-child(2) {
		 border-top: 1px solid rgba(250, 243, 231, .3);
	}
	 .facilities-sec-list {
		 padding: 36px 0 9px 30px;
	}
	 .facilities-sec-list:first-child {
		 padding: 12px 0px 9px 30px;
	}
	 .usp-sec {
		 margin: 24px auto;
	}
	 .usp-sec-text {
		 width: 100%;
		 text-align: center;
		 padding: 50px 0px 80px;
	}
	 .usp-sec_logo svg {
		 width: 55px;
	}
	 .usp-sec-text h2 {
		 max-width: 80%;
		 margin: 15px auto;
	}
	 .usp-sec_desc {
		 margin-bottom: 44px;
	}
	 .usp-sec.position-relative:after {
		 left: 0;
		 background: url('https://www.zetwerk.com/wp-content/themes/Zetwerk/dist/img/value-props/can-zetwerk-make-it-bg-mob.svg') no-repeat top left/auto 100%;
		 mix-blend-mode: overlay;
	}
	 .our-capabilities_right-container {
		 grid-template-columns: repeat(1, 1fr);
	}
	 .our-capabilities {
		 max-width: 100%;
		 padding: 44px 0px 50px;
	}
	 .our-capabilities_left h2 {
		 margin-bottom: 24px;
	}
	 .our-capabilities_right-list:nth-child(2) {
		 border-top: 1px solid rgba(250, 243, 231, .3);
	}
	 .our-capabilities_left {
		 width: 100%;
	}
	 .our-capabilities_left a {
		 width: 100%;
	}
	 .our-capabilities_right-list {
		 padding: 32px 12px 16px;
	}
	 .our-capabilities_right-list:first-child {
		 padding: 0px 12px 16px;
	}
	 .one-stop-solution-slider {
		 max-width: 95%;
	}
	.one-stop-solution-sec .button-container .button-next {
		right: -20px;
		position: relative;
	}

	.value-props_hero-banner-icons .button-container .button-next {
		right: 0px;
		position: relative;
	}

	.one-stop-solution-sec .button-container .button-prev {
		left: -20px;
		position: relative;
	}

	.value-props_hero-banner-icons .button-container .button-prev {
		left: 0px;
		position: relative;
	}

	 .one-stop-solution-sec .swiper-slide .slider-text .slider-subtitle {
		 font-size: 14px;
	}
	 .one-stop-solution-sec .swiper-slide .slider-text .slider-title {
		 font-size: 12px;
		 padding-bottom: 14px;
	}
	 .one-stop-solution-sec .swiper-slide .slider-text {
		 padding: 5px 16px 8px 21px;
	}
	 .one-stop-solution-sec h2 {
		 margin-bottom: 18px;
	}
	 .one-stop-solution-slider.swiper-backface-hidden .swiper-slide {
		 margin: 3.5rem 0 0rem !important;
	}
	 .global-sourcing-container {
		 flex-direction: column;
	}
	 .global-sourcing-container .global-sourcing-left, .global-sourcing-container .global-sourcing-right {
		 width: 100%;
	}
	 .global-sourcing .global-sourcing-container {
		 padding: 48px 0;
	}
	 .global-sourcing-left h2 {
		 margin-bottom: 47px;
	}
	 .slide-toggle-container-div-desc .body-text-secondary-regular {
		 max-width: 80%;
	}
	 .quality-and-manufacturing-container {
		 padding: 48px 0 30px;
	}
	 .quality-and-manufacturing-container h2 {
		 margin-bottom: 28px;
		 padding-bottom: 18px;
	}
	 .quality-and-manufacturing-content {
		 grid-template-columns: repeat(1, 1fr);
	}
	 .usp-sec.usp-sec-two.position-relative:after {
		 left: 0;
		 background: url('https://www.zetwerk.com/wp-content/themes/Zetwerk/dist/img/value-props/manufacturing-expert-bg-mob.svg') no-repeat top left/auto 100%;
		 mix-blend-mode: overlay;
	}
	 .map-data {
		 padding-left: 16px;
		 padding-right: 16px;
		 margin-top: 22px;
		 margin-bottom: 24px !important;
	}
	 .global-presence h2 {
		 padding-top: 48px;
		 max-width: 80%;
	}
	 .one-stop-solution-sec {
		 padding: 0px 0 60px;
	}
	.global-presence .map {
		overflow-x: scroll;
		height: 100vh;
   }

   .swiper-backface-hidden .swiper-slide {
	height: unset;
   }
	.qam-certificate img {
		margin-right: 0px;
		width: 20%;
		object-fit: contain;
		aspect-ratio: 4/2;
	}
	#map-container {
		height: auto;
	}	

	#map-container::-webkit-scrollbar {
		width: 80%;
		height: 3px;
	  }
	  
	  #map-container::-webkit-scrollbar-track {
		background: #C6B393; 
		border-radius: 10px;
	  }
	   
	  #map-container::-webkit-scrollbar-thumb {
		background: #020A36; 
		border-radius: 10px;
	  }
	  .one-stop-solution-sec .button-container .button-next, 
	  .one-stop-solution-sec .button-container .button-prev,
	  .value-props_hero-banner-icons .button-container .button-next, 
	  .value-props_hero-banner-icons .button-container .button-prev,
	  .hero-banner-icons-slider .splide__arrow,
	  .scroll-buttons button svg {
		width: 32px;
		height: 32px;
	}

	.hero-banner-icons-slider .splide__arrow {
		top: calc(50% - 15px);
	}

	.scroll-buttons {
		top: calc(65% - 20px);
	}

	.map-data li:hover {
		background-color: #faf3e7;
	}
}

@media (max-width: 400px) {
	 .usp-sec-text h2 {
		 max-width: 100%;
	}
	 .global-sourcing-left h2, .one-stop-solution-sec h2, .text-content h2 {
		 max-width: 90%;
	}
}

@media (max-width: 350px) {
	 .one-stop-solution-slider.swiper-backface-hidden .swiper-slide {
		 margin: 3.5rem 0 2rem !important;
	}
	 .usp-sec.usp-sec-two.position-relative br {
		 display: none !important;
	}
	 .usp-sec.usp-sec-two.position-relative h2 {
		 font-size: 28px;
	}
	 .usp-sec.usp-sec-two.position-relative .usp-sec_desc {
		 line-height: 1.4;
	}
}

/* Additonal for small screen */
@media (max-height: 720px) and (min-width: 1024px)  {
	.value-props_hero-banner{
		padding: 20px 0px 47px;
	}
	.value-props_hero-banner-header h1{
		font-size: 53px;
		line-height: 1;
    	letter-spacing: -1.5px;
		max-width: 70%;
	}
	.value-props_hero-banner-header .sec-font{
		padding-top: 0;
    	font-size: 19px;
		line-height: 26.2px;
    	letter-spacing: -0.26px;
	}
	.value-props_hero-banner-icons .hero-banner-icons_container{
		padding: 14px 0px 24px !important;
	}
	.hero-banner-icons_list img{
		width: 125px !important;
	}
	.hero-banner-icons_title{
		font-size: 16px;
	}
	.hero-banner-icons_list{
		min-height: 174px;
    	height: 174px;
	}
}
/* Additonal for small screen */
.button-next img, .button-prev img{
	max-width: 30px;
}
#map-scroll-left circle, #map-scroll-right circle{
	fill: #020936;
}

#map-scroll-left path, #map-scroll-right path{
	stroke: #fff;
}