/*
Theme Name: Lense & Lumen
Theme URI: https://ll.talentheromedia.com/
Author: Talent Hero Media
Author URI: https://talentheromedia.com
Description: This theme is designed by Talent Hero Media.
Version: 1.0.0
Text Domain: lense

 */

/* WordPress Core
-------------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Fustat:wght@200..800&display=swap');

/* Design tokens
-------------------------------------------------------------- */
:root {
    /* Brand colors */
    --color-text: #002032;
    --color-gold: #C28D15;
    --color-gold-dark: #A3750D;
    --color-cyan: #3AB1DF;
    --color-cyan-mid: #2199C8;
    --color-cyan-deep: #006082;
    --color-cyan-darkest: #004760;
    --color-orange: #C67226;
    --color-teal: #0D4D4D;

    /* Surfaces */
    --color-white: #fff;
    --color-black: #000;
    --color-cream: #F9F8EF;
    --color-cream-light: #FEFDF6;

    /* Borders */
    --color-border: #DCDCCF;

    /* Typography */
    --font-family: "Fustat", sans-serif;
}

/* ============================================================
   WordPress core resets
   ============================================================ */

img{
    max-width: 100%;
    height: auto;
}
.alignnone {
	margin: 5px 0 20px 0;
}
.aligncenter, div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}
.alignright {
	float: right;
	margin: 5px 0 10px 20px;
}
.alignleft {
	float: left;
	margin: 5px 20px 10px 0;
}
a img.alignright {
	float: right;
	margin: 5px 0 10px 20px;
}
a img.alignnone {
	margin: 5px 20px 10px 0;
}
a img.alignleft {
	float: left;
	margin: 5px 20px 10px 0;
}
a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
table {
	width: 100%;
	margin-bottom: 20px;
}
td, th {
	border: 1px solid #dcdcdc;
	padding: 10px;
}
.wp-caption {
	background: var(--color-white);
	border: 1px solid #dcdcdc;
	max-width: 96%;
	padding: 5px 3px 10px;
	text-align: center;
	margin-bottom: 20px;
}
.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}
.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	margin: 0;
	padding: 0 4px 5px;
}
figcaption{
	margin-top: 10px;
	text-align: center;
}
/* Text meant only for screen readers. */

.screen-reader-text {
	position: absolute !important;
	white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
/* Above WP toolbar. */ }
.bypostauthor {
	background: var(--color-white);
}
.gallery-caption {
	font-size: 13px;
}
.sticky {
	position: relative;
}
/* Text meant only for screen readers. */

/* ============================================================
   Globals & typography
   ============================================================ */

body{
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 18px;
	color:var(--color-text);
	overflow-x:hidden;
}
/* ============================================================
   Primary button
   ============================================================ */

.primary-button {
    display: inline-block;
    font-family: var(--font-family);
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
	color:var(--color-white);
	background-color:var(--color-gold);
    line-height: 1;
    color: var(--color-white);
    padding: 20px 52px 20px 25px;
    position: relative;
}
.primary-button:hover{
	text-decoration:none;
	color:var(--color-white);
}
.primary-button::after {
    content: "";
    position: absolute;
    right: 24px;
    top: 50%;
    width: 18px;
    height: 18px;
    background-image: url(/wp-content/uploads/2026/03/button-icon.svg);
    background-repeat: no-repeat;
	transform: translateY(-50%) rotate(0deg);
    transition: transform 0.3s ease;
}
.primary-button:hover::after {
	transform: translateY(-50%) rotate(45deg);
}

/* ============================================================
   Headings
   ============================================================ */

h2{
	font-family: var(--font-family);
	font-weight: 600;
	font-size: 53px;
	line-height: 1.2;
	margin-bottom:24px;
	color:var(--color-text);
}

/* ============================================================
   Header & navigation
   ============================================================ */

.header{
	position:absolute;
	width:100%;
	left:0;
	right:0;
	padding:20px 56px;
	z-index:99;
}
.primary-menu > li{
	margin-left:30px;
}
.primary-menu > li > a{
	display:inline-block;
	font-family: var(--font-family);
	font-weight: 500;
	font-size: 18px;
	line-height: 1;
	color:var(--color-white);
	text-transform:capitalize;
	text-decoration:none;
	padding:28px 0;
	position:relative;
}
.primary-menu > li > a:after{
	position:absolute;
	bottom: 22px;
	left:0;
	height:2px;
	width:100%;
	background-color:var(--color-white);
	content:"";
	display:none;
}
.header.scrolled .primary-menu > li > a:after{
	background-color: var(--color-text);
}
.primary-menu > li > a:hover:after{
	display:block;
}
/* ============================================================
   Home hero
   ============================================================ */

.home-hero-container {
    background-image: url(images/home-banner-update.jpg);
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: flex-end;
    padding: 0 0 120px;
    height: 100vh;
}
.hero-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.hero-left h1 {
	font-weight: 700;
	font-size: 73px;
	line-height: 1.3;
	color:var(--color-white);
	margin-bottom:15px;
	font-family: var(--font-family);
}
.hero-right p {
	font-weight: 400;
	font-size: 21px;
	color:var(--color-white);
}
.hero-right{
	margin-top: 22px;
	margin-left: 20px;
}
.hero-text-content{
	padding-bottom:15px;
}
/* ============================================================
   Home: about preview
   ============================================================ */

.about-desc{
	width:527px;
	max-width:100%;
	padding-bottom:24px;
}
.about-visual{
	padding:24px 0 24px 24px;
	border-left:1px solid var(--color-border);
}
/* ============================================================
   Home: stats
   ============================================================ */

.stats-container{
	padding:55px 0 70px;
	border-top:1px solid var(--color-border);
	border-bottom:1px solid var(--color-border);
}
.stats-container h2{
	text-align:center;
}
.stats-grid{
	padding-top:32px;
	display:flex;
	justify-content:space-between;
}
.stat-item{
	flex-basis:calc(25% - 12.5px);
	margin-bottom:20px;
}
.stat-item .stat-circle{
	text-align: center;
	border:3px solid var(--color-text);
	 border-radius:50%;
	height:240px;
	width:240px;
}
.stat-item .stat-circle span{
	display:inline-block;
	font-weight: 700;
	font-size: 53px;
	line-height: 1;
	color:var(--color-text);
	font-family: var(--font-family);
	margin-bottom:5px;
}
.stat-item p{
	font-family: var(--font-family);
	font-weight: 600;
	font-size: 22px;
	line-height: 1;
	color:var(--color-text);
	margin-bottom:0;
}
.stat-circle.cyan{
	border-color: var(--color-cyan-deep);
}
.stat-circle.cyan span{
	color: var(--color-cyan-deep);
}
.stat-circle.gold{
	border-color: var(--color-gold);
}
.stat-circle.gold span{
	color: var(--color-gold);
}
.stat-circle.light-blue{
	border-color: var(--color-cyan);
}
.stat-circle.light-blue span{
	color: var(--color-cyan);
}
.stat-circle.orange{
	border-color: var(--color-orange);
}
.stat-circle.orange span{
	color: var(--color-orange);
}
.stats-row{
	width:1065px;
	margin:auto;
	max-width:100%;
}
/* ============================================================
   Home: industries
   ============================================================ */

.industry-container{
	background-color:var(--color-cream);
	padding:55px 0 90px;
}
.industry-container h2{
	text-align:center;
	padding-bottom:24px;
}
.industry-row{
	display:flex;
	border-top:1px solid var(--color-border);
	justify-content:center;
}
.industry-item{
	flex-basis:25%;
	border-right:1px solid var(--color-border);
}
.industry-row:last-child .industry-item{
	border-bottom:1px solid var(--color-border);
}
.industry-item:first-child{
	border-left:1px solid var(--color-border);
}
.industry-item{
	padding:36px 32px;
	text-align:center;
}
.industry-item h3{
	font-weight: 600;
	font-size: 23px;
	margin-top:36px;
	margin-bottom:0;
	line-height: 1.35;
	min-height:66px;
}
/* ============================================================
   CTA banners
   ============================================================ */

.cta-before-content{
	display:flex;
	width:308px;
	justify-content:space-between;
	position:relative;
}
.cta-before-content:before{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	content:"";
	background-image:url(/wp-content/uploads/2026/03/cta-bg-before.png);
	background-position:right;
	background-repeat:no-repeat;
	transform: translateY(100%);
    opacity: 0;
    transition: transform 0.5s ease, opacity 0.5s ease;
}
.cta-banner-top .cta-before-content:before{
	background-image:url(/wp-content/uploads/2026/03/cta-bg-before-top.png);
}
.cta-banner-top.active .cta-before-content:before,
.cta-banner-bottom.active .cta-before-content:before{
	transform: translateY(0);
    opacity: 1;
}
.line {
  position: relative;
  width: 2px;
  height: 350px;
  background: var(--color-white);
}
@keyframes moveUp {
  0% {
    top: 100%;
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  80% {
    top: 0%;
    opacity: 1;
  }
  100% {
    top: -10%;
    opacity: 0;
  }
}

.ball {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 12px;
  height: 12px;
  background: var(--color-white);
  border-radius: 50%;
  animation-fill-mode: both;
}

/* delays */
.ball1 {
	animation: moveUp 2.0s linear(0 0%, 0.44 63.97%, 1 100%) infinite;
	animation-delay: 0s;
}
.ball2 {
	animation: moveUp 2.0s linear(0 0%, 0.55 37.65%, 1 100%) infinite;
	animation-delay: 0.75s;
}
.ball3 {
	animation: moveUp 2.0s linear(0 0%, 0.44 63.97%, 1 100%) infinite;
	animation-delay: 0.75s;
}
.ball4 {
	animation: moveUp 2.0s linear(0 0%, 0.55 37.65%, 1 100%) infinite;
	animation-delay: 1.5s;
}
.ball5 {
	animation: moveUp 2.0s linear(0 0%, 0.44 63.97%, 1 100%) infinite;
	animation-delay: 0.25s;
}
.ball6 {
	animation: moveUp 2.0s linear(0 0%, 0.55 37.65%, 1 100%) infinite;
	animation-delay: 1s;
}

.cta-banner-top {
	color: var(--color-white);
	background-color:var(--color-cyan);
	overflow:hidden;
}
.cta-banner-bottom {
	color: var(--color-white);
	background-color:var(--color-gold);
	overflow:hidden;
}
.cta-banner-top-left h2{
	font-weight: 600;
	font-size: 56px;
	line-height: 1.17;
	width:537px;
	max-width:100%;
	color:var(--color-white);
	margin-right:40px;
}
.cta-banner-top-left{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.cta-banner-top-left a{
	color:var(--color-text);
	flex-shrink:0;
	background-color:var(--color-white);
	margin-top:10px;
}
.cta-banner-top-left a:hover{
	color:var(--color-white);
	background-color:var(--color-text);
}
.cta-banner-top-left  a.primary-button{
	padding-left:34px;
	padding-right:34px;
}
.client-cta-banner-top-left a.primary-button{
	padding-left:28px;
	padding-right:28px;
	transition: transform 0.3s ease;
}
.cta-banner-top-left  a.primary-button:after{
	display:none;
}
.cta-banner-top-left  a svg{
	margin-left:9px;
	transform: translateY(-1px);
}
.cta-banner-top-left  a svg path{
	stroke:var(--color-text);
}
.cta-banner-top-left  a:hover svg path{
	stroke:var(--color-white);
}
.cta-banner-top-left  a svg{
    transition: transform 0.3s ease;
}
.cta-banner-top-left  a:hover svg{
    transition: transform 0.3s ease;
    transform: rotate(45deg);
}
.cta-before-content-outer{
	display:flex;
	justify-content:flex-end;
}
/* ============================================================
   Home: solutions
   ============================================================ */

.solutions-container-headline{
	text-align:center;
	padding-top:56px;
	padding-bottom:24px;
}
.sticky-sidebar {
    position: sticky;
    top: 20px;
	width:306px;
	max-width:100%;
}
.scrolled + .main-content-container .sticky-sidebar{
	top: 80px;
}
.sticky-menu {
    display: flex;
    flex-direction: column;
}
.solution-row{
	border-top:1px solid var(--color-border);
}
.sticky-sidebar,
.scroll-content{
	padding-top:55px;
}
.solution-item{
	font-family: var(--font-family);
	font-weight: 600;
	font-size: 21px;
	line-height: 1;
	width:306px;
	max-width:100%;
	padding:21px 16px 20px;
	color:var(--color-text);
	text-transform:capitalize;
	letter-spacing:0;
	cursor:pointer;
	transition: font-weight 0.3s ease;
}
.solution-item.active{
	color:var(--color-white);
	font-weight: 400;
}
.solution-item:hover{
	color:var(--color-white);
	font-weight: 400;
}
.solution-item:nth-of-type(1).active,
.solution-item:nth-of-type(1):hover{
	background-color: var(--color-cyan-deep);
}
.solution-item:nth-of-type(2).active,
.solution-item:nth-of-type(2):hover{
	background-color: var(--color-orange);
}
.solution-item:nth-of-type(3).active,
.solution-item:nth-of-type(3):hover{
	background-color: var(--color-cyan-mid);
}
.solution-item:nth-of-type(4).active,
.solution-item:nth-of-type(4):hover{
	background-color: var(--color-teal);
}
.solution-right{
	position:relative;
	padding-bottom:40px;
}
.solution-right:before{
	position: absolute;
	top: 0;
	left: 346px;
	content: "";
	background-color: var(--color-border);
	width: 1px;
	height: 100%;
}
.solution-block .tab-grid{
	padding:36px 56px 17px;
	color:var(--color-white);
}
.solution-block .tab-grid h3{
	font-weight: 600;
	font-size: 50px;
	color:var(--color-white);
	margin-bottom:36px;
}
.solution-block .tab-grid .tab-image{
	padding-bottom:36px;
}
.solutions-container #retained-executive-search{
	background-color:var(--color-cyan-deep);
}
.solutions-container #leadership-assessment{
	background-color:var(--color-orange);
}
.solutions-container #executive-coaching{
	background-color:var(--color-cyan-mid);
}
.solutions-container #management-development{
	background-color:var(--color-teal);
}
.solution-block{
	margin-bottom:56px;
}
.scroll-content{
	padding-bottom:36px;
}

/* ============================================================
   Testimonials
   ============================================================ */

.testimonial-container{
    background-color: var(--color-cream);
	padding:36px 0 80px;
}
.testimonial-container.client-testimonial-container{
	padding:70px 0;	
}
.testimonial-slider {
    margin-top: 26px;
}
.testimonial-card,
.testimonial-slider .item{
    background-color: var(--color-white);
}
.card-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 0;
	background-color: var(--color-white);
	padding: 50px;
	border-bottom:1px solid var(--color-border);
	border-top:1px solid var(--color-border);
	border-radius:0;
}

.author-info {
    display: flex;
    align-items: center;
}
.author-info .avatar{
	margin-right:25px;
	flex-shrink:0;
}
.author-info .avatar img {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    border: 5px solid var(--color-gold);
    object-fit: cover;
}

.author-info .testimonial-name {
	font-weight: 700;
	font-size: 23px;
	line-height: 1;
	margin-bottom:16px;
	color:var(--color-text);
}
.author-info .testimonial-job{
	font-weight: 700;
	font-size: 20px;
	font-family: var(--font-family);
	color:var(--color-gold);
	line-height:1.3;
}
.author-info .testimonial-company{
	color:var(--color-text);
	font-weight: 500;
	font-size: 20px;
	line-height: 1;
	font-family: var(--font-family);
	display:inline-block;
	width: 100%;
}
.testimonial-slider .owl-item{
	display:flex;
	border-right:1px solid var(--color-border);
	border-bottom:1px solid var(--color-border);
}
.testimonial-slider .quote{
	padding:50px 50px 30px;
	font-weight: 400;
	font-size: 22px;
	color:var(--color-text);
}
.testimonial-slider .owl-stage{
	display:flex;
}
.quote-more {
    display: none;
}
.testi-toggle-btn {
    font-weight: 600;
    font-size: 18px;
    color: var(--color-gold);
    background-color: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
}
.testi-toggle-btn:focus{
	outline:none;
}
.carousel-controls {
    display: flex;
    align-items: center;
    margin-top: 60px;
	justify-content:space-between
}
.nav-testimonial-button {
    display: flex;
	width:100%;
	justify-content:space-between;
}
.nav-testimonial-button-outer{
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.nav-testimonial-button .owl-prev,
.nav-testimonial-button .owl-next{
    width: 44px;
    height: 44px;
    border: none;
    cursor: pointer;
	border:1px solid var(--color-border);
	background-position:center;
	background-repeat:no-repeat;
	font-size: 0;
	background-color:var(--color-cyan);
	border:1px solid var(--color-cyan);
}
.nav-testimonial-button .owl-prev:hover,
.nav-testimonial-button .owl-next:hover{
	background-color:transparent;
	border:1px solid var(--color-border);
}
.nav-testimonial-button .owl-prev:focus,
.nav-testimonial-button .owl-next:focus{
	border:1px solid var(--color-border);
	outline:none;
}
.nav-testimonial-button .owl-prev {
	background-image:url(images/testimonial-arrow-left.svg);
}
.nav-testimonial-button .owl-next {
	background-image:url(images/testimonial-arrow-left.svg);
	transform:rotate(180deg);
}
.nav-testimonial-button .owl-prev:hover{
	background-image:url(images/testimonial-arrow-left.svg);
	transform:rotate(0deg);
}
.nav-testimonial-button .owl-next:hover{
	transform:rotate(180deg);
	background-image:url(images/testimonial-arrow-left.svg);
}
.dots-testimonial-button{
	height: 3px;
	width: calc(100% - 100px);
	border-top:1px solid var(--color-border);
	display:flex;
	align-items:center;
}
.dots-testimonial-button .owl-dot{
	width:50%;
	margin-bottom: 2px;
}
.dots-testimonial-button .owl-dot.active{
	border-top: 3px solid var(--color-black);
}
.nav-testimonial-container{
	padding-top:32px;
}

/* ============================================================
   Footer
   ============================================================ */

.site-footer{
	background-color:var(--color-cyan-deep);
}
.footer-headline h3{
	padding:48px 0 30px;
	margin:0;
	font-weight: 600;
	font-size: 23px;
	line-height: 1;
	color:var(--color-white);
}
.footer-content{
	font-weight: 400;
	font-size: 16px;
	color:var(--color-white);
}
.footer-links{
	padding-left:24px;
	border-left:1px solid var(--color-cyan-darkest);
	padding-bottom:30px;
}
.footer-links ul{
	margin:0;
	padding:0;
	list-style:none;
}
.footer-links ul li a{
	display:inline-block;
	text-decoration:none;
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	color:var(--color-white);
	margin-bottom:18px;
	position:relative;
}
.footer-links ul li a:before{
	position:absolute;
	bottom:0;
	left:0;
	content:"";
	height:1px;
	width:100%;
	background-color:var(--color-white);
	display:none;
}
.footer-links ul li a:hover:before{
	display:block;
}
.footer-social{
	padding-left:24px;
	border-left:1px solid var(--color-cyan-darkest);
	height:100%;
}
.footer-social ul{
	margin:0;
	padding:0;
	list-style:none;
}
.footer-social ul li a{
	display:inline-block;
	text-decoration:none;
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	line-height: 1;
	color:var(--color-white);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:32px;
	margin-bottom:18px;
	position:relative;
}
.footer-social ul li a:before{
	position: absolute;
	bottom: -5px;
	left: 32px;
	content: "";
	height: 1px;
	width: calc(100% - 32px);
	background-color: var(--color-white);
	display: none;
}
.footer-social ul li a:hover:before{
	display:block;
}
.footer-social ul li.footer-phone a{
	background-image:url(images/footer-phone.svg);
}
.footer-social ul li.footer-email a{
	background-image:url(images/footer-email.svg);
}
.footer-social ul li.footer-linkedin a{
	padding-left:0;
	padding-top:15px;
}
.footer-social ul li.footer-linkedin a:before{
	display:none;
}
.footer-social ul li.footer-linkedin a img{
	display:block;
}
.footer-social ul li.footer-linkedin a img.footer-linkedin-hover{
	display:none;
}
.footer-social ul li.footer-linkedin a:hover img{
	display:none;
}
.footer-social ul li.footer-linkedin a:hover img.footer-linkedin-hover{
	display:block;
}
.footer-bottom{
	border-top:1px solid var(--color-cyan-darkest);
	padding:24px 0;
}
.footer-bottom p,
.footer-bottom a{
	display:inline-block;
	text-decoration:none;
	margin:0;
	font-weight: 400;
	font-size: 16px;
	color:var(--color-white);
}
/* ============================================================
   Inner-page banners
   ============================================================ */

.common-banner-container{
	position:relative;
	background-image:url(images/about-banner.jpg);
	background-repeat:no-repeat;
	background-position:right;
	background-size:cover;
	padding:262px 0 90px;
}
.common-banner-container h1{
	margin-bottom:0;
	font-weight: 700;
	font-size: 73px;
	line-height: 1.3;
	color:var(--color-white);
}
/* ============================================================
   About page
   ============================================================ */

.about-top-container{
	padding:100px 0 70px;
}
.about-middle-conatiner{
	background-color:var(--color-cream-light);
	padding:88px 0 90px;
}
.about-middle-left-inner{
	width:527px;
	max-width:100%;
}
.common-banner-container.blue-banner-container{
	background-image:url(images/client-banner.jpg);
}
/* ============================================================
   Become-a-client page
   ============================================================ */

.client-top-left h2{
	font-weight: 600;
	font-size: 48px;
	line-height:1.4;
}
.client-top-conatiner{
	padding:90px 0;
}
.client-top-left ul{
	padding-left:20px;
}
.client-top-left{
	width:500px;
	max-width:100%;
}
.client-icon-headline{
	width:1065px;
	max-width:100%;
	margin:auto;
	text-align:center;
	font-weight: 400;
	font-size: 21px;
	padding-bottom:35px;
}
.client-icon-headline h2{
	margin-bottom:33px;
}
.client-icon-container{
	padding:56px 0 90px;
	border-top:1px solid var(--color-border);
}
.client-icon-top h3{
	font-weight: 600;
	font-size: 28px;
	color: var(--color-text);
	margin-bottom: 22px;
	width: 290px;
	max-width: 100%;
	line-height: 1.3;
}
.client-cta-item span{
	display:inline-block;
	font-weight: 600;
	font-size: 28px;
	color: var(--color-text);
	margin-bottom: 22px;
	max-width: 100%;
	line-height: 1.3;
}
.client-cta-item-outer{
	border-top: 1px solid var(--color-border);
	border-left: 1px solid var(--color-border);
	margin-left: -1px;
	background-color:var(--color-cream);
}
.client-cta-item{
	padding:50px;
}
.client-icon-top img{
	height:40px;
	width:40px;
}
.client-icon-content{
	padding:24px 5px 24px;
}
.client-icon-content-outer{
	border-right:1px solid var(--color-border);
	border-top:1px solid var(--color-border);
}
.client-icon-content-outer:nth-of-type(2n + 3){
	border-right:none;
}
.cta-banner-bottom.inner-page-cta .cta-banner-top-left h2{
	font-size:56px;
}
.cta-banner-bottom.inner-page-cta .cta-banner-top-left h2{
	flex-shrink:0;
}
/* ============================================================
   Become-a-partner & single partner
   ============================================================ */

.spartner-banner-container.common-banner-container{
	background-image:url(images/contact-banner.jpg);
}
.spartner-banner-container.common-banner-container .common-banner{
	display:flex;
	align-items:center;
}
.spartner-banner-container.common-banner-container .spartner-banner-logo{
	border-right:1px solid var(--color-border);
	padding-right:56px;
	margin-right:56px;
	display:flex;
}
.spartner-top-left p{
	margin-bottom:0;
	padding-bottom:19px;
}
.spartner-top-left ul{
	margin:0;
	padding:0;
	list-style:none;
	border-top:1px solid var(--color-border);
	margin-bottom:24px;
	margin-top:6px;
}
.spartner-top-left ul li{
	background-image:url(images/single-check-icon.svg);
	background-position: left 18px;
    background-repeat: no-repeat;
    padding: 16px 16px 16px 36px;
    border-bottom: 1px solid var(--color-border);
}
.spartner-top-service{
	padding-top:40px;
}
.spartner-top-service h2{
	margin-bottom:19px;
}
.spartner-top-service h3{
	font-weight: 600;
	font-size: 38px;
	line-height: 1;
	margin-bottom:16px;
	color:var(--color-gold);
	padding-top:8px;
}
.spartner-top-content{
	padding:90px 0 70px;
	background-color:var(--color-cream);
}
.spartner-item-top{
	padding:36px 20px 24px;
	text-align:center;
}
.spartner-item-top .sparter-name{
	font-weight: 600;
	font-size: 28px;
	margin-top:24px;
	color:var(--color-gold);
}
.spartner-item-top .sparter-designation{
	font-weight: 400;
	font-size: 16px;
	color:var(--color-text);
}
.spartner-item{
	padding-bottom:62px;
	position:relative;
	width:100%;
}
.spartner-item.linkedin-removed{
    padding-bottom:0;
}
.spartner-item-linkedin{
	padding:17.5px 20px;
	position:absolute;
	bottom:0;
	width:100%;
	height:59px;
}
.spartner-item-linkedin:before{
	position:absolute;
	top:0;
	left:-15px;
	content:"";
	background-color:var(--color-border);
	width:calc(100% + 30px);
	height:1px;
}
.spartner-item-outer{
	border-right: 1px solid var(--color-border);
	border-bottom: 1px solid var(--color-border);
	display:flex;
}
.spartner-item-outer:nth-of-type(1),
.spartner-item-outer:nth-of-type(2),
.spartner-item-outer:nth-of-type(3){
	border-top: 1px solid var(--color-border);
}
.spartner-item-row{
	border-left:1px solid var(--color-border);
}
.spartner-item-linkedin ul{
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
	position:relative;
}
.spartner-item-linkedin ul li.sp-linkedin-member{
	position: absolute;
	right: 0;
	top: 2px;
}
.spartner-item-linkedin ul li a{
	font-weight: 400;
	font-size: 16px;
	display:inline-block;
	text-decoration:none;
	color:var(--color-text);
}
.spartner-item-linkedin ul li a:hover{
	text-decoration:underline;
}
.spartner-item-linkedin ul li.sp-email a{
	padding-left:32px;
	background-image:url(images/sp-email-icon.svg);
	background-position:left;
	background-repeat:no-repeat;
}
.spartner-item-linkedin ul li.sp-email{
	margin-right:10px;
}
.sp-linkedin-member{
	line-height:1;
	flex-shrink:0;
}
.sp-linkedin-member a img{
	display:block;
	height:20px;
	width:20px;
}
.sp-linkedin-member a img.sp-linkedin-member-icon{
	display:none;
}
.sp-linkedin-member a:hover img{
	display:none;
}
.sp-linkedin-member a:hover img.sp-linkedin-member-icon{
	display:block;
}

.spartner-consultant-container{
	padding:50px 0 100px;
}
.spartner-consultant-container h2{
	margin-bottom:50px;
	text-align:center;
}
.spartner-sidebar h3{
	font-weight: 600;
	font-size: 23px;
}
.spartner-side-info{
	margin-top:36px;
	display:flex;
	align-items:center;
}
.spartner-side-info:nth-of-type(1){
	margin-top: 24px;
}
.spartner-side-info img{
	border-radius:50%;
	height:60px;
	width:60px;
	flex-shrink:0;
}
.spartner-side-info .spartner-info-name{
	padding-left:19px;
}
.spartner-side-info .spartner-info-name h4{
	font-weight: 700;
	font-size: 16px;
	margin-bottom:0;
	width: 100%;
}
.spartner-side-info .spartner-info-name span{
	font-weight: 400;
	font-size: 16px;
	margin-bottom:0;
}
.spartner-info-name{
	display:flex;
	flex-wrap:wrap;
}
.spartner-sidebar{
    background-color: var(--color-white);
    padding: 24px;
    width: 306px;
    margin-left: auto;
}
.spartner-contact-info{
	border-top:1px solid var(--color-border);
	margin-top:36px;
	padding-top:36px;
}
.spartner-contact-info ul{
	margin:0;
	padding:0;
	list-style:none;
}
.spartner-contact-info ul li a{
	font-weight: 400;
	font-size: 16px;
	color:var(--color-text);
	margin-bottom:24px;
	display:inline-block;
	text-decoration:none;
	padding-left:32px;
	background-position:left;
	background-repeat:no-repeat;
}
.spartner-contact-info ul li a:hover{
	text-decoration:underline;
}
.spartner-contact-info ul li.spcontact-phone a{
	background-image:url(images/spartner-phone.svg);
}
.spartner-contact-info ul li.spcontact-email a{
	background-image:url(images/spartner-mail.svg);
	background-position: left 2px;
	word-break: break-all;
}
.spartner-contact-info ul li.spcontact-url a{
	background-image:url(images/spartner-website.svg);
	word-break: break-all;
	background-position: left 2px;
}
.postid-298 .spartner-contact-info ul li.spcontact-url a,
.postid-292 .spartner-contact-info ul li.spcontact-url a{
	font-size:14px;
    background-position: left 0;
}
.spartner-contact-info .sp-side-linkedin{
	background-color:var(--color-gold);
	display:flex;
	align-items:center;
	padding:16px 23px;
	text-decoration:none;
}
.spartner-contact-info .sp-side-linkedin .sp-side-linkedin-img{
	display:inline-block;
}
.spartner-contact-info .sp-side-linkedin .sp-side-linkedin-img-hover{
	display:none;
	height:24px;
	width:24px;
}
.spartner-contact-info .sp-side-linkedin:hover .sp-side-linkedin-img{
	display:none;
}
.spartner-contact-info .sp-side-linkedin:hover .sp-side-linkedin-img-hover{
	display:inline-block;
}
.spartner-contact-info .sp-side-linkedin:hover{
	background-color:var(--color-black);
}
.spartner-contact-info .sp-side-linkedin span{
	font-weight: 600;
	font-size: 18px;
	color: var(--color-white);
	margin-left: 12px;
	line-height: 1;
	display: flex;
	align-items: center;
}
.single-partner .spartner-contact-info .sp-side-linkedin{
	margin-bottom:36px;
}
.spartner-contact-location{
	margin-top:0;
	padding-top:36px;
	border-top:1px solid var(--color-border);
}
.spartner-contact-location ul{
	margin:0;
	padding:0;
	list-style:none;
}
.spartner-contact-location ul li{
	font-weight: 400;
	font-size: 16px;
	color:var(--color-text);
	background-image:url(images/spartner-pin.svg);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:32px;
	margin-bottom:24px;
}
.spartner-contact-location ul li h4{
	font-weight: 700;
	font-size: 16px;
	color:var(--color-text);
}
.spartner-contact-location ul li span{
	font-weight: 400;
	font-size: 16px;
	color:var(--color-text);
	display:inline-block;
}
.spartner-contact-location ul li span.sp-sideloc-country{
	display:block;
}
.sp-location-list li {
    display: none;
}
.sp-location-list li:nth-child(-n+1) {
    display: block;
}
.sp-location-list.expanded li {
    display: block;
}
.sp-toggle-btn{
    font-weight: 600;
    font-size: 18px;
    color: var(--color-gold);
    background-color: transparent;
    border: none;
    padding: 0;
	cursor:pointer;
}
.sp-toggle-btn:focus{
	outline:none;
}
.contact-banner .common-banner{
	padding-left:0;
}
/* ============================================================
   Contact page
   ============================================================ */

.contact-form-left {
	width:413px;
	max-width:100%;
}
.contact-form-left .spartner-contact-info{
	border-top: none;
    margin-top: 0;
    padding-top: 0;
	background-color:var(--color-cream);
	padding:12px 48px 48px;
}
.contact-form-left .spartner-contact-info ul{
	margin-bottom:36px;
}
.contact-form-left .spartner-contact-info ul li{
	border-bottom: 1px solid var(--color-border);
    padding: 36px 0 32px;
}
.contact-form-left .spartner-contact-info ul li a{
	font-size:21px;
	background-size: 22px;
	margin-bottom:0;
	position:relative;
}

.contact-form-left .spartner-contact-info ul li a:before{
	position: absolute;
	bottom: -5px;
	left: 32px;
	content: "";
	height: 1px;
	width: calc(100% - 32px);
	background-color: var(--color-text);
	display: none;
}
.contact-form-left .spartner-contact-info ul li a:hover:before{
	display:block;
}

.sp-side-linkedin{
	width:284px;
	max-width:100%;
	padding:14.5px 36px;
}
/* ============================================================
   Gravity Forms
   ============================================================ */

.gform_wrapper .gfield {
    position: relative;
}
/* Gravity Forms ships its own input styling at high specificity (e.g., .gform_wrapper.gravity-theme input).
   These rules keep !important to override that. If a future GF version lets us beat it without !important,
   strip these — but verify the contact form at all widths after. */
body .gform_wrapper input,
body .gform_wrapper select{
	width: 100%;
	border: none !important;
	box-shadow: none !important;
	border-bottom: 1px solid var(--color-text) !important;
	border-radius: 0 !important;
	padding:0 !important;
}
body .gform_wrapper select{
	font-size:21px !important;
	height:43px !important;
}
body .gform_wrapper input:focus,
body .gform_wrapper select:focus,
body .gform_wrapper textarea:focus{
	outline:none !important;
}
#gform_wrapper_1.gform_wrapper .gfield_label {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    pointer-events: none;
    background: transparent;
    transition: all 0.2s ease;
    z-index: 2;
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 21px;
	color:var(--color-text);
	line-height: 1;
}
#gform_wrapper_1.gform_wrapper .gfield_label{
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 21px;
	color:var(--color-text);
}
#gform_wrapper_1.gform_wrapper .gfield:focus-within .gfield_label {
	top: -12px;
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	color:var(--color-text);
	left: 0;
}
/* intl-tel-input's own CSS sets `.iti input.iti__tel-input { margin: 0 !important; }`,
   which beats us on specificity (their !important is what wins). Keep !important here
   so the phone input is pushed right of the country selector. */
#gform_wrapper_1.gform_wrapper #input_1_5{
	margin-left: 136px !important;
    width: calc(100% - 136px);
}
/* ============================================================
   intl-tel-input overrides
   ============================================================ */

.iti__country-container{
	width: 112px;
	border-bottom: 1px solid var(--color-text);
}
.iti__selected-dial-code{
	color:var(--color-text);
}
.iti__flag{
	transform: scale(1.3);
	transform-origin: left center;
	box-shadow: none;
	border: none;
}
.iti .iti__selected-dial-code {
    margin-left: 10px;
}
/* intl-tel-input applies high-specificity attribute selectors on its country button.
   Keeping !important here to override its defaults reliably. */
body .iti__selected-country{
	box-shadow:none !important;
	padding:0 !important;
	width: 100% !important;
	justify-content: flex-start !important;
	border:none !important;
	padding-bottom: 10px !important;
}
body .iti__selected-country:focus{
	outline: none !important;
	border: none !important;
}
.iti__selected-country-primary{
	padding-left:0;
	padding-right:0;
}
body .iti__selected-country-primary:hover{
	background-color:var(--color-white) !important;
}
.iti--inline-dropdown:not(.iti--container) .iti__dropdown-content{
	z-index:99;
}
body .iti__arrow{
	position: absolute;
	right: 0;
	font-size: 0;
	border: none;
	background-image: url(images/select-icon.svg);
	width: 13px;
	height: 7px;
	background-repeat: no-repeat;
	background-position: center;
}

/* Move label on focus */
#gform_wrapper_1.gform_wrapper .gfield:focus-within .gfield_label,
#gform_wrapper_1.gform_wrapper .gfield.has-value .gfield_label {
    top: -12px;
    left: 0;
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	color:var(--color-text);
}

.gform_wrapper input:not(:placeholder-shown) {
    padding-top: 22px;
}
.gform_wrapper input:focus,
.gform_wrapper textarea:focus{
	background-color:var(--color-white);
	outline:none;
}
#gform_wrapper_1.gform_wrapper .gfield #input_1_5::placeholder{
	font-size:21px;
	color:var(--color-text);
}
#gform_wrapper_1.gform_wrapper .gfield input:not(:placeholder-shown) ~ .gfield_label {
    top: -12px;
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	color:var(--color-text);
}
#gform_wrapper_1.gform_wrapper #field_1_7 label{
    position: relative;
    top: 0;
    left: 0;
    transform: translateY(0);
    font-family: var(--font-family);
    font-size: 21px;
    font-weight: 400;
    color: var(--color-text);
}
#gform_wrapper_1.gform_wrapper #field_1_5 label{
	left: 135px;
}
#gform_wrapper_1.gform_wrapper #field_1_7 label{
	margin-bottom:15px;
}
#gform_wrapper_1.gform_wrapper .gform_heading{
	display:none;
}
#gform_wrapper_1.gform_wrapper .gfield textarea{
	min-height: 192px;
	border-radius: 0;
	border: 1px solid var(--color-text);
	resize:none;
}
/* Gravity Forms ships its own submit button styling at high specificity
   (.gform_wrapper.gravity-theme .gform_footer input). Keep !important on
   padding and border to ensure our button styling wins. */
#gform_wrapper_1 .gform_footer.top_label input{
	display: inline-block;
    font-family: var(--font-family);
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
    color: var(--color-white);
    background-color: var(--color-gold);
    padding: 20px 52px 20px 25px !important;
	border: none !important;
	position:relative;
	width:227px;
}
#gform_wrapper_1 .gform_footer{
	position:relative;
	width:227px;
}
#gform_wrapper_1 .gform_footer::after {
    content: "";
    position: absolute;
    right: 24px;
    top: 21px;
    width: 18px;
    height: 18px;
    background-image: url(/wp-content/uploads/2026/03/button-icon.svg);
    background-repeat: no-repeat;
    transform: translateY(0) rotate(0deg);
    transition: transform 0.3s ease;
}
#gform_wrapper_1 .gform_footer.top_label:hover::after {
    transform: translateY(0) rotate(45deg);
}
/* Gravity Forms' own rule sets margin-top: 24px on .gform_footer at higher specificity
   (.gform_wrapper.gravity-theme .gform_footer). Keep !important so our 48px wins. */
.gform-footer.gform_footer{
	margin-top:48px !important;
}
.contact-form-container{
	padding:110px 0 105px;
}
body .gform_wrapper select{
	background-image:url(images/select-icon.svg);
}

/* ============================================================
   Header dropdown menu
   ============================================================ */

.primary-menu li .sub-menu {
	display: none;
	position: absolute;
	z-index: 100;
	right: 0;
	padding: 0;
	top: 100%;
	margin: 0;
	list-style: none;
	background-color: var(--color-white);
	width: 697px;
	max-width:100%;
	padding: 24px 36px 24px;
	border-radius: 0;
}
.primary-menu li:hover > ul.sub-menu {
    display: flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.primary-menu li > ul.sub-menu:before{
	position: absolute;
    top: -12px;
    left: calc(100% - 178px);
    content: "";
    height: 14.5px;
    width: 14.5px;
	background-image:url(images/header-icon.svg);
}
.primary-menu li > ul.sub-menu:after{
	background-color:var(--color-gold);
	position:absolute;
	top:24px;
	left:50%;
	transform:translatex(-50%);
	height:calc(100% - 48px);
	width:1px;
	content:"";
}
.primary-menu li > .sub-menu > li{
	flex-basis:275px;
}
.primary-menu li > .sub-menu > li a{
	padding-left: 0;
	margin-left: 0;
	border:none;
	margin-bottom:0;
	border-radius:0;
    background-repeat: no-repeat;
    background-position: 24px center;
    display: block;
    background-size: 40px;
	font-weight: 400;
	font-size: 18px;
	color:var(--color-text);
	background-repeat:no-repeat;
	background-position: 24px center;
    background-size: 26px;
	padding:8px 14px 8px 74px;
	height:60px;
	display:flex;
	align-items:center;
}
.primary-menu li > .sub-menu > li a:hover{
	color:var(--color-white);
	background-color:var(--color-gold);
	text-decoration: none;
}
.primary-menu li:hover > ul.sub-menu {
    display: flex;
	flex-wrap:wrap;
}
.primary-menu li > .sub-menu > li.ph-img-1 a{
	background-image:url(images/ph-img-1.svg);
}
.primary-menu li > .sub-menu > li.ph-img-2 a{
	background-image:url(images/ph-img-2.svg);
}
.primary-menu li > .sub-menu > li.ph-img-3 a{
	background-image:url(images/ph-img-3.svg);
}
.primary-menu li > .sub-menu > li.ph-img-4 a{
	background-image:url(images/ph-img-4.svg);
}
.primary-menu li > .sub-menu > li.ph-img-5 a{
	background-image:url(images/ph-img-5.svg);
}
.primary-menu li > .sub-menu > li.ph-img-6 a{
	background-image:url(images/ph-img-6.svg);
}
.primary-menu li > .sub-menu > li.ph-img-7 a{
	background-image:url(images/ph-img-7.svg);
}
.primary-menu li > .sub-menu > li.ph-img-8 a{
	background-image:url(images/ph-img-8.svg);
}
.primary-menu li > .sub-menu > li.ph-img-9 a{
	background-image:url(images/ph-img-9.svg);
}
.primary-menu li > .sub-menu > li.ph-img-10 a{
	background-image:url(images/ph-img-10.svg);
}
.primary-menu li > .sub-menu > li.ph-img-11 a{
	background-image:url(images/ph-img-11.svg);
}
.primary-menu li > .sub-menu > li.ph-img-12 a{
	background-image:url(/wp-content/uploads/2026/04/UK.svg);
}
.primary-menu li > .sub-menu > li.ph-img-13 a{
	background-image:url(images/ph-img-13.svg);
}
.primary-menu li > .sub-menu > li.ph-img-14 a{
	background-image:url(images/ph-img-14.svg);
}
.primary-menu > li.menu-item-has-children > a {
    position: relative;
    padding-right: 16px;
}
.primary-menu > li.menu-item-has-children > a:before {
    position: absolute;
    top: 50%;
    right: 0;
    content: "";
    height: 10px;
    width: 10px;
    background-image: url(images/header-drop-icon.svg);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 29px;
    transform: translateY(-50%);
}
.footer-menu .sub-menu{
	display:none;
}
.header.scrolled {
    background-color: var(--color-white);
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 20;
}
.header.scrolled .primary-menu > li > a{
	color:var(--color-text);
}
.site-logo{
	display:block;
}
.site-logo-dark{
	display:none;
}
.header.scrolled .site-logo{
	display:none;
}
.header.scrolled .site-logo-dark{
	display:block;
	width:80px;
}
.page-template-template-about-second .header{
	display:none;
}
.map-marker .map-marker-pin{
	height:8px;
	width:8px;
	position:relative;
	background-color:var(--color-cyan);
	border-radius:50%;
	cursor:pointer;
}

.map-marker-pin{
	cursor: pointer;
}

.map-marker.active{
	z-index: 9999;
}
.animation-zoomPing {
    animation: zoomPing 1.5s ease-in-out infinite
}
.map-marker{
	height:8px;
	width:8px;
	background-color:var(--color-cyan);
	border-radius:50%;
	z-index:1;
}

/* base ripple elements (hidden by default) */
.map-marker::before,
.map-marker::after,
.map-marker span{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	border-radius:50%;
	opacity:0;
}

/* ✅ ONLY animate when active */
.map-marker.active::before,
.map-marker.click-active::before{
	background: rgba(58,177,223,0.5);
	animation: ripple 2s linear infinite;
}

.map-marker.active::after,
.map-marker.click-active::after{
	background: rgba(0,200,150,0.4);
	animation: ripple 2s linear infinite 0.6s;
}

.map-marker.active span{
	background: rgba(100,150,255,0.4);
	animation: ripple 2s linear infinite 1.2s;
}

/* animation */
@keyframes ripple{
	0%{
		width:8px;
		height:8px;
		opacity:0.7;
	}
	100%{
		width:50px;
		height:50px;
		opacity:0;
	}
}

@keyframes zoomPing {
    0%,to {
        transform: scale(1)
    }

    50% {
        transform: scale(1.15)
    }
}
.city-list ul{
	margin:0;
	padding:0;
	list-style:none;
	background-color:var(--color-cyan);
	padding:12px 12px 6px;
}
.city-list ul li{
	font-weight: 600;
	font-size: 18px;
	color:#FFFFFF;
	padding:6px 12px;
	border-bottom:1px solid var(--color-cyan-mid);
	cursor:pointer;
}
.city-list ul li:last-child{
	border-bottom:none;
}
.city-list ul li.active,
.city-list ul li.click-active{
	background-color:var(--color-cyan-mid);
}
/* ============================================================
   Home: world map markers
   ============================================================ */

.map-container{
	position:relative;
}
.map-marker,
.map-marker .map-blue-content{
	position:absolute;
}

.map-marker, .map-marker-yellow {
    left: var(--x);
    top: var(--y);
}

.map-blue-content{
	padding:27px 24px 12px;
	opacity: 0;
	visibility: hidden;
/* 	transition: all 0.4s ease; */
	z-index:2;
	width:355px;
	position: absolute;
	left: -15px;
	top: 0;
}
.map-blue-content:before{
	background-color:var(--color-cyan);
	content: "";
	width: 100%;
	height: calc(100% - 15px);
	top: 15px;
	position: absolute;
    left: 0;
    z-index: -1;
}
.map-marker.active .map-blue-content,
.map-marker.click-active .map-blue-content{
	opacity: 1;
	visibility: visible;
}
.map-blue-content h3{
	font-weight: 600;
	font-size: 28px;
	color:#FFFFFF;
	border-bottom:1px solid var(--color-cyan-mid);
	margin-bottom:0;
	padding-bottom:12px;
}
.map-blue-content ul{
	margin:0;
	padding:0;
	list-style:none;
	padding:12px 0 4px;
	border-bottom:1px solid var(--color-cyan-mid);
	margin-bottom:12px;
}
.map-blue-content ul li.location-pin{
	display:inline-block;
	text-decoration:none;
	margin-bottom:8px;
	font-weight: 400;
	font-size: 16px;
	color:var(--color-white);
	padding-left:30px;
	background-position:left;
	background-repeat:no-repeat;
}
.map-blue-content ul li a{
	display:inline-block;
	text-decoration:none;
	margin-bottom:8px;
	font-weight: 400;
	font-size: 16px;
	color:var(--color-white);
	padding-left:30px;
	background-position:left;
	background-repeat:no-repeat;
}
.map-blue-content ul li a:hover{
	text-decoration:underline;
}
.map-blue-content ul li.location-pin{
	background-image:url(images/map-location.svg);
}
.map-blue-content ul li.location-mail a{
	background-image:url(images/map-email.svg);
}
.map-blue-content ul li.location-tel a{
	background-image:url(images/map-phone.svg);
}
.map-blue-content > a{
	display:inline-block;
	font-weight: 600;
	font-size: 18px;
	color:var(--color-white);
	padding-right:28px;
	position:relative;
}
.map-blue-content > a:hover{
	text-decoration:underline;
	color:var(--color-white);
}
.map-blue-content > a::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 18px;
    height: 18px;
    background-image: url(/wp-content/uploads/2026/03/button-icon.svg);
    background-repeat: no-repeat;
	transform: translateY(-50%) rotate(0deg);
    transition: transform 0.3s ease;
}
.map-blue-content > a:hover::after {
	transform: translateY(-50%) rotate(45deg);
}

.map-marker-yellow-content{
	padding:27px 24px 12px;
	width:253px;
	opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
	z-index:2;
	position: absolute;
	left: -15px;
}
.map-marker-yellow-content:before{
	background-color:var(--color-gold);
	content: "";
	width: 100%;
	height: calc(100% - 15px);
	top: 15px;
	position: absolute;
    left: 0;
    z-index: -1;
}
.map-marker-yellow.active .map-marker-yellow-content {
    opacity: 1;
    visibility: visible;
}
.map-marker-yellow-content span,
.map-marker-yellow-content a,
.map-marker-yellow-content input[type="submit"]{
	display:inline-block;
	text-decoration:none;
	font-weight: 400;
	font-size: 16px;
	color:var(--color-white);
}
.map-marker-yellow-content span{
	display:flex;
	align-items:center;
}
.map-marker-yellow-content input[type="submit"]{
    background-color: transparent;
    padding: 0 3px;
    border: none;
    font-family: var(--font-family);
	cursor:pointer;
}
.map-marker-yellow-content input[type="submit"],
.map-marker-yellow-content a{
	text-decoration:underline;
}
.mmy-head{
	border-bottom:1px solid var(--color-gold-dark);
	padding-bottom:12px;
	margin-bottom:12px;
}
.map-marker-yellow{
	height:8px;
	width:8px;
	position:absolute;
}
.map-marker-yellow .map-marker-pin{
	height:8px;
	width:8px;
	position:absolute;
	background-color:var(--color-gold);
	border-radius:50%;
	cursor:pointer;
}
/* ripple elements (hidden by default) */
.map-marker-yellow .map-marker-pin::before,
.map-marker-yellow .map-marker-pin::after{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	border-radius:50%;
	opacity:0;
}

/* ✅ ONLY animate when ACTIVE */
.map-marker-yellow.active .map-marker-pin::before{
	background: rgba(194,141,21,0.5);
	animation: ripple 2s linear infinite;
}

.map-marker-yellow.active .map-marker-pin::after{
	background: rgba(194,141,21,0.35);
	animation: ripple 2s linear infinite 0.6s;
}

/* animation */
@keyframes ripple{
	0%{
		width:8px;
		height:8px;
		opacity:0.7;
	}
	100%{
		width:50px;
		height:50px;
		opacity:0;
	}
}
.map-marker-yellow + .map-marker-yellow-content{
	position:absolute;
}

/* ============================================================
   Home: map section wrapper
   ============================================================ */

.home-map-headline h2{
	margin-bottom:54px;
	text-align:center;
}
.home-map-container{
	padding:56px 0 130px;
	border-top:1px solid var(--color-border);
}
.client-banner-update{
	background-image:url(images/client-banner-update.jpg);
}
.client-icon-content-half .client-icon-top h3{
	width: calc(100% - 40px);
}
/* ============================================================
   Single blog post
   ============================================================ */

.single-blog-content-container{
	padding:70px 0 50px;
	font-size:20px;
}
.single-blog-content-container a{
	color:var(--color-cyan);
}
.single-blog-content-container h2{
	font-weight: 600;
	font-size: 50px;
	padding:20px 0 20px;
	color:var(--color-text);
	margin:0;
}
.single-blog-content-container h3{
	font-weight: 600;
	font-size: 38px;
	color:var(--color-text);
	padding:10px 0 15px;
	margin:0;
}
.single-blog-content-container h4{
	font-weight: 600;
	font-size: 28px;
	color:var(--color-text);
	padding:10px 0 15px;
	margin:0;
}
.iti__search-input-wrapper{
	position:relative;
}
/* The base `body .gform_wrapper input { padding: 0 !important }` resets all paddings
   on inputs to zero. The search input inside the country dropdown still needs left
   padding for readability — !important is required to beat the base rule. */
.iti__search-input-wrapper #iti-0__search-input{
	padding-left: 10px !important;
}
.iti__search-input-wrapper .iti__search-icon{
	width: calc(100% - 15px);
	justify-content: flex-end;
}
/* intl-tel-input shows a "clear" button at the right of its search field.
   We don't want it. intl-tel-input's own rule sets display with high enough
   specificity that ours needs !important to override. */
body .iti__search-input-wrapper .iti__search-clear{
	display:none !important;
}

.cta-banner-bottom h2{
	font-size:64px;
}
.map-mobile{
	display:none;
}
.map-desktop{
	display:block;
}

.map-mobile{

}
.map-mobile .card-header {
    margin-bottom: 0;
    background-color: var(--color-cyan);
    padding: 0;
    border-bottom: none;
    border-top: none;
    border-radius: 0;
}
.map-mobile .card-header button{
	background-color:transparent;
	background-color: transparent;
	border: none;
	text-align: left;
	border-bottom:none;
	padding:0 32px 12px 0;
	width:100%;
	cursor:pointer;
	background-image:url(images/minus-icon.svg);
	background-repeat:no-repeat;
	background-position: right 5px;
}
.map-mobile .card-header button.collapsed{
	background-image:url(images/plus-icon.svg);
}
.map-mobile .card-header button:focus{
	outline:none;
	border:none;
	border-bottom:none;
}
.map-mobile .card-header button span{
	font-weight: 600;
	font-size: 24px;
	color:var(--color-white);
	display:inline-block;
	margin-bottom:5px;
}
.map-mobile .card-header button h3{
	font-weight: 600;
	font-size: 18px;
	color:var(--color-white);
	border-bottom:none;
	padding:0;
}
.map-mobile .card-body{
	padding:0;
	border-top:1px solid var(--color-cyan-mid);
}
.map-mobile .map-blue-content ul {
    padding: 8px 0 0px;
}
.map-mobile .card-body a{
	display: inline-block;
	font-weight: 600;
	font-size: 18px;
	color: var(--color-white);
	padding-right: 28px;
	position: relative;
	margin-bottom:12px;
}
.map-mobile .card-body > a::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 18px;
    height: 18px;
    background-image: url(/wp-content/uploads/2026/03/button-icon.svg);
    background-repeat: no-repeat;
    transform: translateY(-50%) rotate(0deg);
    transition: transform 0.3s ease;
}
.map-mobile .card-body > a:hover::after {
    transform: translateY(-50%) rotate(45deg);
}
.map-mobile .card-body > a:hover{
	text-decoration:underline;
}
.mobile-yellow-pin-content-outer{
	background-color:var(--color-gold);
	padding:17px 24px 5px;
}
.mobile-yellow-pin-content-outer span{
	font-weight: 400;
	font-size: 18px;
	color:var(--color-white);
	display:inline-block;
	border-bottom:1px solid var(--color-gold-dark);
	padding-bottom:12px;
	margin-bottom:12px;
	width: 100%;
}
.mobile-yellow-pin-content-outer ul{
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.mobile-yellow-pin-content-outer ul li{
	flex-basis:50%;
	margin-bottom:12px;
}
.mobile-yellow-pin-content-outer ul li a{
	display:inline-block;
	font-weight: 400;
	font-size: 16px;
	line-height: 1;
	text-decoration: underline;
	color:var(--color-white);
}
.menu-primary-menu-container{
	display:block;
}
.menu-mobile-menu-container{
	display:none;
}
.footer-menu .menu-item-208{
	display:none;
}
.china-active .map-blue-content,
.hong-kong-active .map-blue-content,
.japan-active .map-blue-content,
.vietnam-active .map-blue-content,
.singapore-active .map-blue-content,
.australia-active .map-marker-yellow-content{
	left: auto;
	right: -15px;
}
.testimonial-slider.simple-testimonial{
	pointer-events: none;
	display:flex;
	justify-content:space-between;
	border-left:1px solid var(--color-border);
	border-bottom:1px solid var(--color-border);
}
.testimonial-slider.simple-testimonial .item{
	border-right:1px solid var(--color-border);
	flex-basis:50%;
}
.testimonial-slider.owl-carousel .owl-stage-outer{
	border-left:1px solid var(--color-border);
}
.testimonial-slider{
	margin-right: 50px;
	margin-left: 50px;
	width: calc(100% - 100px);
}
.nav-testimonial-button-container{
	position:relative;
}
.spartner-item .spartner-item-linkedin{
	display:none !important;
}
.spartner-item .spartner-item.linkedin-removed,
.spartner-item.active .spartner-item-linkedin{
	display:block !important;
}

.map-legend {
    border: 1px solid var(--color-black);
    width: 459px;
    padding: 10px 10px 2px;
    margin: auto;
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
}
.map-legend span{
	position: relative;
	padding-left: 16px;
	display: block;
	padding-bottom: 5px;
	font-size: 15px;
}
.map-legend span:before{
	top: 5px;
    text-decoration: none;
    height: 9px;
    width: 9px;
    position: absolute;
    border-radius: 50%;
    cursor: pointer;
    content: "";
    left: 0;
}
.map-legend .map-legend-blue:before{
	background-color:var(--color-cyan);
}
.map-legend .map-legend-brown:before{
	background-color:var(--color-gold);
}
.testimonial-slider .company-logo img{
	max-height:65px;
}
.single-partner-list{
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	flex-wrap:wrap;
}
.single-partner-list li{
	color:var(--color-white);
	margin-right:5px;
}
.single-partner-list li:last-child span{
	display:none;
}
.home .primary-button.header-btn{
	padding: 14px 19px 14px 19px;
	position: relative;
	text-transform: capitalize;
	margin-left: 21px;
	border:1px solid transparent;
	background-color:var(--color-gold);
}
.home .primary-button.header-btn:hover{
	border:1px solid var(--color-white);
	background-color:transparent;
	color:var(--color-white);
}
.primary-button.header-btn{
	padding: 14px 19px 14px 19px;
	position: relative;
	text-transform: capitalize;
	margin-left: 21px;
	border:1px solid var(--color-white);
	background-color:transparent;
}
.primary-button.header-btn:hover{
	border:1px solid var(--color-white);
	background-color:var(--color-white);
	color:var(--color-black);
}
.primary-button.header-btn::after{
	display:none;
}
.scrolled .primary-button.header-btn{
	padding: 14px 19px 14px 19px;
	position: relative;
	text-transform: capitalize;
	margin-left: 21px;
	border:1px solid transparent;
	background-color:var(--color-gold);
}
.scrolled .primary-button.header-btn:hover{
	border:1px solid var(--color-black);
	background-color:transparent;
	color:var(--color-black);
}
.header-button-mobile{
	display:none;
}
.header-button-mobile .primary-button.header-btn:hover {
    border: 1px solid var(--color-black);
    background-color: transparent;
    color: var(--color-black);
}
.header-button-mobile  .primary-button.header-btn {
    margin-left: 15px;
    margin-bottom: 18px;
}
/* ============================================================
   Responsive: max-width 1199px (≤xl)
   ============================================================ */

@media (max-width: 1199px) {
	.spartner-item-outer:nth-of-type(3) {
		border-top: none;
	}
	.testimonial-slider .quote {
		padding: 30px 20px 10px;
		font-weight: 400;
		font-size: 22px;
		color: var(--color-text);
	}
	.card-header {
		padding: 30px 20px;
	}

	.cta-banner-top-left h2 {
		margin-right: 0;
	}
	.primary-menu li > ul.sub-menu:before {
		left: calc(100% - 150px);
	}
	.contact-form-left .spartner-contact-info ul li a {
		font-size: 18px;
	}
	.spartner-item-linkedin {
		padding: 17.5px 15px;
	}
	.spartner-item-top {
		padding: 36px 20px 24px;
	}
	.spartner-contact-info .sp-side-linkedin span {
		font-size: 16px;
	}
	.spartner-sidebar {
		width: 100%;
	}
	.spartner-banner-container.common-banner-container .common-banner {
		padding-left: 0;
	}
	.cta-banner-top-left a{
		margin-top:0;
	}
	.cta-banner-top-left{
		flex-wrap:wrap;
		padding:30px 0;
	}
	.solution-item {
		font-size: 19px;
	}
	.solution-block .tab-grid h3 {
		font-size: 40px;
	}
	.solution-block .tab-grid {
		padding: 36px 36px 17px;
	}
	.scroll-content {
		padding-left: 45px;
	}
	.stat-item .stat-circle span {
		font-size: 50px;
	}
	.stat-item .stat-circle {
		height: 200px;
		width: 200px;
	}
	h2 {
		font-size: 55px;
	}
	.primary-menu > li > a {
		font-size: 18px;
	}
	.primary-menu > li {
		margin-left: 22px;
	}
	.header {
		padding: 20px 10px;
	}
}
/* ============================================================
   Responsive: max-width 991px (≤lg)
   ============================================================ */

@media (max-width: 991px) {
	.client-cta-item-outer {
		border-right: 1px solid var(--color-border);
		margin-left: 0;
	}
	.header-button{
		display:none;
	}
	.header-button-mobile{
		display:block;
	}
	#navbarSupportedContent .primary-menu > li > a:after{
		display:none;
	}
	.map-legend{
		display:none;
	}
	.spartner-item-outer:nth-of-type(2), .spartner-item-outer:nth-of-type(3) {
		border-top: none;
	}
	.testimonial-container {
		padding: 36px 0 30px;
	}
	.testimonial-slider.simple-testimonial{
		flex-wrap:wrap;
		border-left: none;
		border-bottom: none;
	}
	.testimonial-slider.simple-testimonial .item{
		flex-basis:100%;
		margin-bottom:50px;
		border: 1px solid var(--color-border);
		border-top: none;
	}

	.menu-primary-menu-container{
		display:none;
	}
	.menu-mobile-menu-container{
		display:block;
	}
	.ph-img-2{
		order:1;
	}
	.ph-img-9{
		order:8;
	}
	.ph-img-4{
		order:2;
	}
	.ph-img-10{
		order:9;
	}
	.ph-img-1{
		order:3;
	}
	.ph-img-11{
		order:10;
	}
	.ph-img-5{
		order:4;
	}
	.ph-img-12{
		order:11;
	}
	.ph-img-6{
		order:5;
	}
	.ph-img-13{
		order:12;
	}
	.ph-img-7{
		order:6;
	}
	.ph-img-14{
		order:13;
	}
	.ph-img-8{
		order:7;
	}
	.ph-img-3{
		order:14;
	}

	.primary-menu li > .sub-menu > li a {
		background-position: 17px center;
		background-size: 20px;
		padding: 8px 14px 6px 50px;
 		height: auto;
	}
	.stat-item .stat-circle {
        height: 240px;
        width: 240px;
        padding: 40px 20px;
    }
	.form-job-outer{
		order:-1;
	}
	.cta-banner-bottom.inner-page-cta .cta-banner-top-left h2{
		font-size: 48px;
	}
	.cta-before-content:before{
		background-size:100% 100%;
	}
	.header {
        padding: 20px 0;
    }
	.footer-headline h3 {
		padding: 18px 0 15px;
	}
	.industry-item h3{
		min-height:auto;
	}
	.icon-bar:not(:last-child) {
        margin-bottom: 5px;
    }
	.icon-bar {
        height: 4px;
        width: 30px;
        background: var(--color-white);
        display: block;
    }
	.header.scrolled .icon-bar{
		background: var(--color-gold);
	}
	.button-navigation {
        text-align: right;
    }
	.button-navigation .navbar-toggler {
		padding-right: 0;
		border: none;
		outline: none;
	}
	.main-menu-container {
        position: absolute;
        z-index: 99;
        width: 100%;
        left: 0;
        background: var(--color-white);
        padding: 0;
        top: 17px;
        overflow: hidden;
    }
	.main-menu-container:before {
        position: absolute;
        content: "";
        left: 0;
        width: 130vw;
        left: -20vw;
        height: 100%;
        background: #ffffff;
        z-index: -1;
        box-shadow: 0px 4px 14px rgb(0 0 0 / 10%);
    }
	.primary-menu > li > a{
		color:var(--color-text);
		display:block;
		padding:10px 0;
	}
	.primary-menu > li {
        margin-left: 0;
    }
	.primary-menu {
        padding: 10px 15px;
    }
	.primary-menu li .sub-menu{
		position:relative;
        width: 100%;
		padding: 0 0 10px;
	}
	.primary-menu li:hover > ul.sub-menu{
		display:none;
	}
	.primary-menu li > ul.sub-menu:before,
	.primary-menu li > ul.sub-menu:after{
		display:none;
	}
	.primary-menu > li.menu-item-has-children > a:before {
	    right: 20px;
	}
	.hero-left h1 {
		font-size: 60px;
	}
	.about-text{
		padding: 70px 0 20px;
	}
	.about-desc {
		width: 100%;
		padding-bottom: 0;
	}
	.about-visual {
		padding: 24px 0 70px 0;
		border-left: none;
	}
	.hero-right {
		margin-left: 0;
		margin-top: 0;
	}
	h2 {
        font-size: 50px;
    }
	.stats-grid {
		flex-wrap:wrap;
	}
	.stat-item {
		flex-basis: 50%;
        text-align: center;
        justify-content: center;
        display: flex;
	}
	.industry-row{
		flex-wrap:wrap;
	}
	.industry-row {
		border-top: 1px solid var(--color-border);
	}
	.industry-item {
		flex-basis: 50%;
		border: 1px solid var(--color-border);
		border-top:none;
	}
	.solution-right,
	.solution-right:before{
		display:none;
	}
	.solution-row {
		border-top: none;
	}
	.scroll-content {
        padding-left: 0;
		padding-top: 0;
		padding-bottom: 14px;
	}
	.progress-container {
		max-width: 70%;
	}
	.cta-banner-top-left h2 {
		font-size: 55px;
		width: 100%;
	}
	.common-banner-container h1 {
		font-size: 60px;
	}
	.common-banner-container {
		padding: 262px 0 65px;
	}
	.about-top-container {
		padding: 70px 0 50px;
	}
	.about-middle-conatiner {
		padding: 70px 0 70px;
	}
	.about-middle-left-inner {
		width: 100%;
		padding-bottom:30px;
	}
	.client-top-left {
		width: 100%;
		padding-bottom:30px;
	}
	.client-top-conatiner {
		padding: 70px 0;
	}
	.client-icon-content-outer{
		border-left: 1px solid var(--color-border);
	}
	.client-icon-content-outer:nth-of-type(2n + 3){
		border-right: 1px solid var(--color-border);
	}
	.client-icon-top h3 {
		width: calc(100% - 85px);
		font-size: 26px;
	}
	.client-icon-bottom{
		border-bottom: 1px solid var(--color-border);
	}
	.client-icon-container {
		padding: 56px 0 70px;
	}
	.spartner-sidebar{
		margin-top:50px;
	}
	.spartner-top-content {
		padding: 70px 0 70px;
	}
	.spartner-top-service {
		padding-top: 20px;
	}
	.spartner-consultant-container {
		padding: 50px 0 70px;
	}
	.spartner-item-linkedin {
        padding: 17.5px 56px;
    }
	.contact-form-container {
		padding: 70px 0 70px;
	}
	.contact-form-left {
		width: 100%;
		margin-top:60px;
	}
	.footer-content {
		padding-bottom: 30px;
		padding-top:40px;
	}
	.stats-container {
		padding: 55px 0 50px;
	}
}
/* ============================================================
   Responsive: max-width 767px (≤md)
   ============================================================ */

@media (max-width: 767px) {
	.client-cta-item {
		padding: 30px 20px;
	}
	.nav-testimonial-button .owl-prev, .nav-testimonial-button .owl-next {
		margin: 0 7.5px;
	}
	.nav-testimonial-container {
		padding-top: 20px;
	}
	.nav-testimonial-button-outer {
		position: relative;
		left: 0;
		right: 0;
		top: 0;
		transform: translateY(0);
	}
	.testimonial-slider {
		margin-right: 0;
		margin-left: 0;
		width: 100%;
	}
	.contact-form-left .spartner-contact-info {
		padding: 12px 20px 48px;
	}
	body .gform_wrapper select{
		font-size:17px !important;
	}
	.spartner-item-linkedin {
		height: auto;
	}
	.testimonial-slider.simple-testimonial .company-logo {
        width: 100%;
    }
	.client-icon-content-half .client-icon-top h3 {
		width: calc(100% - 85px);
		font-size: 25px;
	}

	.industry-item {
		padding: 25px 15px;
	}
	.industry-item h3 {
        font-size: 18px;
        margin-top: 20px;
    }
	.stat-item .stat-circle span {
        font-size: 35px;
    }
	.stat-item p {
		font-size: 16px;
	}
	.stat-item .stat-circle {
        height: 170px;
        width: 170px;
        padding: 40px 20px;
    }
	.client-icon-headline {
		text-align: left;
	}

	.iti--inline-dropdown:not(.iti--container) .iti__dropdown-content{
		width:100%;
	}
	.single-blog-content-container h2{
		font-size: 40px;
	}
	.single-blog-content-container h3{
		font-size: 30px;
	}
	.single-blog-content-container h4{
		font-size: 22px;
	}
	.single-blog-content-container {
		padding: 50px 0 50px;
		font-size: 18px;
	}
	.nav-testimonial-button {
		justify-content: center;
		padding-bottom: 0;
		padding-top:25px;
	}
	.cta-banner-top,
	.cta-banner-bottom{
		position:relative;
	}
	.cta-banner-top:before,
	.cta-banner-bottom:before{
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		content: "";
		background-image: url(/wp-content/uploads/2026/03/cta-bg-before-top.png);
		background-position: right;
		background-repeat: no-repeat;
		transform: translateY(100%);
		opacity: 0;
		transition: transform 0.5s ease, opacity 0.5s ease;
        background-size: 100% 100%;
    }
	.cta-banner-bottom:before {
		background-image: url(/wp-content/uploads/2026/03/cta-bg-before.png);
	}
	.cta-banner-top.active:before,
	.cta-banner-bottom.active:before {
		transform: translateY(0);
		opacity: 1;
	}
	.cta-banner-bottom.active:before{
		transform: translateY(0);
		opacity: 1;
	}
	.cta-before-content-outer{
		display:none;
	}
	.cta-banner-top-left {
        padding: 60px 0;
    }

	.industry-item {
		flex-basis: 50%;
	}
	.solution-block .tab-grid .tab-image {
		padding-bottom: 20px;
	}

	.home-hero-container {
        padding: 250px 0 80px;
		height:100%;
    }

	.spartner-item-top {
        padding: 36px 0 24px;
    }
	.spartner-item-linkedin {
        padding: 17.5px 0;
    }
	.spartner-consultant-container h2 {
		margin-bottom: 20px;
	}
	.spartner-consultant-container{
		padding:50px 15px 50px;
	}
	.spartner-banner-container.common-banner-container .common-banner{
		flex-wrap:wrap;
	}
	.spartner-banner-container.common-banner-container .spartner-banner-logo {
		padding-right: 15px;
        margin-right: 15px;
        border-right: none;
        width: 120px;
        margin-bottom: 20px;
	}
	.cta-banner-bottom.inner-page-cta .cta-banner-top-left h2{
		font-size: 40px;
	}
	.client-icon-container {
        padding: 56px 15px 70px;
    }
	.client-top-left h2 {
		font-size: 40px;
		line-height: 1.1;
	}
	.header .site-logo{
		width:80px;
	}
	.common-banner-container {
        padding: 200px 0 45px;
    }
	.primary-menu > li.menu-item-has-children > a:before {
        right: 0;
    }
	.header.scrolled .site-logo-dark{
		width:70px;
	}
	.footer-top-container{
		padding:40px 0;
	}
	.footer-social {
		padding-left: 0;
		border-left: none;
	}
	.footer-content {
        padding-bottom: 0;
		padding-top: 0;
    }
	.footer-links {
		padding-left: 0;
		border-left: none;
		padding-bottom: 0;
	}
	.progress-container {
        max-width: 60%;
        gap: 15px;
    }
	.testimonial-slider .quote {
		padding: 20px 20px 10px;
	}
	.author-info .avatar img{
		flex-shrink:0;
	}
	.author-info .avatar{
		display:flex;
	}
	.company-logo{
		order: -1;
		margin-bottom: 20px;
	}
	.card-header {
		padding: 20px;
		flex-wrap:wrap;
	}
	.solution-block .tab-grid h3 {
		font-size: 35px;
		margin-bottom: 15px;
	}
	.solution-block .tab-grid {
        padding: 30px 20px 9px;
    }
	.industry-container h2 {
		padding-bottom: 7px;
	}
	.common-banner-container h1 {
		font-size: 45px;
	}
	.cta-banner-top-left h2 {
		font-size: 50px;
	}
	.stat-item {
		flex-basis: 50%;
	}
	h2 {
        font-size: 40px;
    }
	.hero-left h1 {
		font-size: 36px;
	}
	.button-navigation {
		padding-right: 0;
        justify-content: flex-end;
    }
	.testimonial-container {
		padding: 70px 0;
	}

	.map-mobile{
		display:block;
	}
	.map-desktop{
		display:none;
	}
	.map-mobile .map-blue-content {
        opacity: 1;
        visibility: visible;
        width: 100%;
        border-radius: 0;
        border: none;
        margin-bottom: 12px;
		padding: 12px 24px 2px;
		position:relative;
		left:0;
		background-color:var(--color-cyan);
	}
	.map-mobile .map-blue-content:before{
		display:none;
	}
	.home-map-container {
		padding: 32px 0 60px;
	}
	.home-map-headline h2 {
		margin-bottom: 24px;
		font-size:35px;
	}
}
/* ============================================================
   Responsive: max-width 576px (≤sm)
   ============================================================ */

@media (max-width: 576px) {
}
/* ============================================================
   Responsive: min-width 768px (≥md)
   ============================================================ */

@media (min-width: 768px) {
	.spartner-banner-container.common-banner-container .spartner-banner-logo img{
		width:170px;
		height:170px;
		flex-shrink:0;
	}
	.map-mobile{
		display:block;
	}
	.map-desktop{
		display:none;
	}
	.map-mobile .map-blue-content {
        opacity: 1;
        visibility: visible;
        width: 100%;
        border-radius: 0;
        border: none;
        margin-bottom: 12px;
		padding: 12px 24px 2px;
		position:relative;
		left:0;
		background-color:var(--color-cyan);
	}
	.map-mobile .map-blue-content:before{
		display:none;
	}
	.home-map-container {
		padding: 32px 0 60px;
	}
	.home-map-headline h2 {
		margin-bottom: 24px;
	}
}
/* ============================================================
   Responsive: min-width 992px (≥lg)
   ============================================================ */

@media (min-width: 992px) {
	.client-cta-item-outer{
		display:flex;
		align-items:center;
	}
	.client-cta-item {
		padding: 30px 13px;
	}
	.home-map-headline h2 {
		margin-bottom: 54px;
	}
	.home-map-container {
		padding: 56px 0 130px;
	}
	.map-blue-content {
		opacity: 0;
		visibility: hidden;
		width: 355px;
	}

	.map-mobile{
		display:none;
	}
	.map-desktop{
		display:block;
	}
	.header {
		padding: 20px 10px;
	}

	.about-visual {
		padding: 44px 0 44px 24px;
	}
	.city-list ul li {
		padding: 6px 8px;
		font-size:16px;
	}
	.industry-item {
		padding: 36px 20px;
	}
	.common-banner-container {
		padding: 262px 0 50px;
	}
	.client-top-left h2 {
		font-size: 42px;
	}

	.city-list{
		margin-right:-25px;
	}

	.postid-292 .spartner-contact-info ul li.spcontact-url a{
		font-size:13px;
		background-position: left -1px;
	}

	.india-active .map-blue-content{
		left: auto;
		right: -15px;
	}
}
/* ============================================================
   Responsive: min-width 1200px (≥xl)
   ============================================================ */

@media (min-width: 1200px) {
	.client-cta-item {
		padding: 50px;
	}
	.card-header {
		min-height:242px;
	}
	.india-active .map-blue-content{
		left: -15px;
		right: 0;
	}

	.postid-292 .spartner-contact-info ul li.spcontact-url a{
		font-size:14px;
		background-position: left 0;
	}
	.city-list{
		margin-right:0;
	}
	.client-top-left h2 {
		font-size: 48px;
	}
	.common-banner-container {
		padding: 262px 0 90px;
	}
	.industry-item {
		padding: 36px 32px;
	}
	.city-list ul li {
		padding: 6px 12px;
		font-size: 18px;
	}
	.about-visual {
		padding: 24px 0 24px 24px;
	}

}

/* ============================================================
   Responsive: min-width 1280px
   ============================================================ */

@media (min-width: 1280px) {

	.spartner-item-top {
		padding: 36px 20px 24px;
	}
	.spartner-item-top img{
		padding:0 35px;
	}
	.spartner-item-linkedin {
		padding: 17.5px 40px;
	}

	.header {
		padding: 20px 56px;
	}
	.primary-menu > li {
		margin-left: 21px;
	}
    .container {
        max-width: 1250px;
    }
}
/* ============================================================
   Responsive: min-width 1367px
   ============================================================ */

@media (min-width: 1367px) {
	.primary-menu > li > a {
		font-size: 18px;
	}
}