/*
Theme Name:   PhilippineOutsourcingBPOCallCenterServices
Description:  offers customer & technical support, recruitment process outsourcing, & back office solutions from its Philippine based outsourcing call center.
Author:       leon
Author URL:   https://ss.lnvarz.com
Template:     Avada
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  PhilippineOutsourcingBPOCallCenterServices
*/

/* Write here your own personal stylesheet */

@import url("assets/css/our-leaders.css");

/* HEADER */

.search-menu .menu-text, .search-menu .awb-menu__open-nav-submenu-hover {
	display: none !important;	
}

.search-menu i {
	font-size: calc((30 / 1920) * 100vw);
}

.search-menu-mobile {
	display: none !important;
}

@media only screen and (max-width: 640px) {
	
	.search-menu {
		display: none !important;	
	}	
	
	.search-menu-mobile {
		display: block !important;
	}
	
}



/* HOME */

/* Helpers */

.custom-max-width-section .fusion-builder-row:first-of-type {
	max-width: 65% !important;
}

.text-gradient {
	background: linear-gradient(to right, #2E559B 0%, #A22835 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

@media only screen and (max-width:640px) {

	.custom-max-width-section .fusion-builder-row:first-of-type {
		max-width: 100% !important;
	}
}

.ss-audio {
    visibility: hidden;
    height: 0;
}

	
.location-vid-light-box-pause {
	display: none;
}

.slick-dots li button:before {
    font-size: calc((24 / 1920) * 100vw) !important;
}

.lines {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  margin: auto;
  width: 90vw;
  display: flex;
  justify-content: space-between;
  z-index: -1;
}

.line {
  position: relative;
  width: 4px;
  height: 100%;
  overflow: hidden;
}

.line::after {
  content: '';
  display: block;
  position: absolute;
  height: 15vh;
  width: 100%;
  top: -50%;
  left: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 75%, #ffffff 100%);
  animation: drop 5s 0s infinite;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
}

/* Alternate colors: #2E559B and #A22835 */
.line:nth-child(1)::after {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #2E559B 75%, #2E559B 100%);
  animation-delay: 0.4s;
}

.line:nth-child(2)::after {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #A22835 75%, #A22835 100%);
  animation-delay: 0.8s;
}

.line:nth-child(3)::after {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #2E559B 75%, #2E559B 100%);
  animation-delay: 1.2s;
}

.line:nth-child(4)::after {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #A22835 75%, #A22835 100%);
  animation-delay: 1.6s;
}

.line:nth-child(5)::after {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #2E559B 75%, #2E559B 100%);
  animation-delay: 2s;
}

.line:nth-child(6)::after {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #A22835 75%, #A22835 100%);
  animation-delay: 2.4s;
}

.line:nth-child(7)::after {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #2E559B 75%, #2E559B 100%);
  animation-delay: 2.8s;
}

.line:nth-child(8)::after {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #A22835 75%, #A22835 100%);
  animation-delay: 3.2s;
}

.line:nth-child(9)::after {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #2E559B 75%, #2E559B 100%);
  animation-delay: 3.6s;
}

.line:nth-child(10)::after {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #A22835 75%, #A22835 100%);
  animation-delay: 4s;
}

@keyframes drop {
  0% {
    top: -50%;
  }
  100% {
    top: 110%;
  }
}

.typing-container p {
  overflow: hidden;
  white-space: nowrap;
  margin: 0 auto !important;
  width: 0;
  border-right: 2px solid black;
  animation: 
    typing 7s steps(60, end) forwards, /* One-time slow typing */
    blink-caret .75s step-end infinite;
}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: black; }
}

.ss-gradient-button {
	background: linear-gradient(to right, #2E559B 0%, #A22835 100%) !important;
	border-radius: 50px !important;
	padding: calc((8 / 1920)* 100vw) calc((76.5 / 1920)* 100vw) !important;
	font-size: calc((24/ 1920) * 100vw) !important;
	line-height: 1.89em !important;
}

@media only screen and (max-width: 1024px) {
	
	.ss-gradient-button {
		font-size: 16px !important;
		padding: 11px 35px !important;
	}
}



@media only screen and (max-width: 640px) {
	
	.slick-dots li button:before {
		font-size: 16px !important;
	}
}

 .awards-marquee {
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  padding-bottom: calc((30/ 1920) * 100vw);
}


.awards-marquee {
  position: relative;
  width: 100%;
}

.marquee {
  display: flex;
  width: max-content;
  animation: scroll-left 100s linear infinite;
}

.marquee-right {
  animation: scroll-right 100s linear infinite;
    animation-direction: reverse;
}

.awards-tooltip {
  margin: 0 calc((15 / 1920) * 100vw);
  white-space: nowrap;
}

@keyframes scroll-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

@keyframes scroll-right {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}


/* Tooltip box */

.awards-marquee .awards-tooltip {
  position: relative;
  display: inline-block;
  margin: 10px;
}

.awards-marquee .awards-tooltip img {
    height: auto;
    width: auto;
	cursor: pointer;
}

.awards-marquee .awards-tooltip .tooltiptext {
	visibility: hidden;
	width: max-content;
	max-width: 200px;
	background-color: #434343;
	color: #fff;
	text-align: center;
	border-radius: 10px;
	padding: calc((6 / 1920) * 100vw) calc((8 / 1920) * 100vw);
	position: absolute;
	z-index: 1;
	bottom: 110%; /* Position above the image */
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	transition: opacity 0.3s;
	white-space: normal;
	font-family: 'Lato';
	font-size: calc((14 / 1920) * 100vw);
	line-height: 1.457em;
    z-index: 10; 
}

.awards-marquee .awards-tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

@media only screen and (max-width: 1024px) {

	 .awards-marquee .awards-tooltip .tooltiptext {
		font-size: 12px !important;
	}	

	
}



body:not(.home):not(.page-template-blank) .fusion-slider-visibility {
  padding-top: 210px !important; 
}

.btn-pricing .awb-menu__main-a  .menu-text {
	color: #ffffff !important;
}

@media only screen and (max-width: 640px) {
	
	.btn-pricing .awb-menu__main-a  .menu-text {
		color: #000000 !important;
	}
	
}


/* SS Hero Section */


.ss-hero-section .fusion-builder-row:first-of-type {
	max-width: 80% !important;
	margin-top: 0;
}

.ss-hero-section .ss-hero-section-option-box {
    position: absolute;
    z-index: 3;
	left: 23%;
}

.ss-hero-section .ss-hero-section-option-box-1 { 
    top: 14%;
}

.ss-hero-section .ss-hero-section-option-box-2 {
    top: 31%;
}

.ss-hero-section .ss-hero-section-option-box-1 h6{
    font-size: calc((22/ 1920) * 100vw) !important;
	font-weight: 900;
	line-height: 1em !important;
	margin-top: 0 !important;
	margin-bottom:  calc((6 / 1920) * 100vw) !important;

}

.ss-hero-section .ss-hero-section-option-box-2 h6{
    font-size: calc((22/ 1920) * 100vw) !important;
	font-weight: 900;
	line-height: 1em !important;
	margin-top: 0 !important;
	margin-bottom:  calc((6 / 1920) * 100vw) !important;
}

.ss-hero-section .ss-hero-section-option-box-2 p{
    margin-bottom:  calc((15 / 1920) * 100vw) !important;
}

.ss-hero-section .ss-hero-section-counter-boxes {
    position: absolute;
    z-index: 3;
    width: calc((193 / 1920) * 100vw);
    right: 0;
    top: 10%;
}

.ss-hero-section .ss-hero-section-counter-boxes .fusion-counter-box .counter-box-container {
    padding: calc((20 / 1920) * 100vw);
    border: none;
	background-color: rgba(61, 89, 156, 0.6);
	backdrop-filter: blur(17.1px);
	border-radius: 13px;
	width: calc((210/ 1920) * 100vw) !important;
}

.ss-hero-section .ss-hero-section-counter-boxes .content-box-counter {
	font-size: calc((28/ 1920) * 100vw) !important;
}

.ss-hero-section .ss-hero-section-counter-boxes .counter-box-content {
	font-size: calc((16/ 1920) * 100vw) !important;
}

.ss-hero-section .ss-hero-section-counter-boxes .fusion-counter-box {
    margin-bottom: calc((18/ 1920) * 100vw) !important;
}

.ss-hero-section .ss-section-awards-container .fusion-image-element  {
	position: absolute;
	bottom: -15%;
	cursor: pointer;
}

.ss-hero-section .ss-section-awards-container .fusion-image-element img {
	width: calc((200/ 1920) * 100vw) !important;
}

.ss-hero-section .ss-section-awards-container .fusion-image-element:nth-child(2) .awb-imageframe-caption-title {
	display: none !important;
}

.ss-hero-section .ss-section-awards-container .fusion-image-element:nth-child(2) .awb-imageframe-caption-container {
    text-align: center;
    font-size: calc((12 / 1920) * 100vw) !important;
    position: absolute;
    z-index: 1;
    top: 5%;
	padding: calc((10 / 1920) * 100vw);
}

.ss-hero-section .awards-marquee {
	padding-bottom: 0;
	overflow: hidden;
	padding-top: 90px;
}

.ss-hero-section .awards-marquee:after {
	content: "";
	background-color: rgba(166, 166, 166, 0.17);
	backdrop-filter: blur(14.9px);
    width: 100%;
    height: calc((160 / 1920) * 100vw);
    position: absolute;
    border-radius: 44px;
    z-index: -1;
    bottom: 0;
}

.ss-hero-section .awards-marquee .awards-tooltip img {
    height:  calc((128 / 1920) * 100vw) !important;
    width: calc((128 / 1920) * 100vw) !important;
}

.ss-hero-section .awards-marquee .awards-tooltip {
	margin-left:  calc((30 / 1920) * 100vw);
	margin-right:  calc((30 / 1920) * 100vw);
	margin-bottom:  calc((15 / 1920) * 100vw);
}



@media only screen and (max-width: 1024px) {
	
    .ss-hero-section  {
        padding-top: 160px !important;
		padding-bottom: 100px !important;
		height: auto;
    }	
	
	.ss-hero-section .fusion-builder-row:first-of-type {
		max-width: 90% !important;
	}
	
	
	.ss-hero-section .ss-hero-section-text-column {
		width: 100%;
	}
	
	.ss-hero-section .ss-hero-section-image-column {
		width: 100%;
	}

	.ss-hero-section .hero-text-column-top-title {
		font-size: 60px !important;
		text-align: center !important;
	}	

	.ss-hero-section .hero-text-column-grp-1-title p {
		font-size: 32px !important;
		text-align: center !important;
	}

	.ss-hero-section  .hero-text-column-caption p {
		font-size: 16px !important;
		text-align: center !important;
		line-height: 1.65em !important;
	}	
	
	.ss-hero-section  .hero-text-column-caption br {
		display: none;
	}

	.ss-hero-section .ss-section-awards-container .fusion-image-element:nth-child(2) .awb-imageframe-caption-container {
		font-size: 10px !important;
	}	
		
	.ss-hero-section .ss-hero-section-counter-boxes {
        left: 5px;
        width: 40%;
        position: absolute;
        bottom: 0;
        top: 67%;
	}
	
	.ss-hero-section .ss-hero-section-counter-boxes .fusion-counter-box .counter-box-container	{
        height: calc((150 / 1024) * 100vw);
        padding:  calc((5 / 1024) * 100vw);
        width: 100% !important;
        display: flex;
        flex-direction: column;
        justify-content: center;
	}
	
	.ss-hero-section .ss-hero-section-counter-boxes .fusion-counter-box {
		padding: 0;
		width: 48%;
		float: left;
		margin-left: 1%;
		margin-right: 1%;
	}
	
	.ss-hero-section .ss-hero-section-counter-boxes .content-box-counter {
		font-size: calc((28 / 1024) * 100vw) !important;
	}

	.ss-hero-section .ss-hero-section-counter-boxes .counter-box-content {
		font-size: calc((18 / 1024) * 100vw) !important;
	}

	.ss-hero-section .ss-hero-section-option-box {
		position: absolute;
		z-index: 3;
		right: auto;
		left: 12vw;
	}
	
	
	.ss-hero-section .ss-hero-section-option-box-1 h6 { 
		font-size: calc((30/ 1024) * 100vw) !important;
	}
	
	.ss-hero-section .ss-hero-section-option-box-1 p { 
		font-size: calc((20/ 1024) * 100vw) !important;
		line-height: 1em;
	}
	
	.ss-hero-section .ss-hero-section-option-box-1 { 
		top: 11vw;
	}	
	

	.ss-hero-section .ss-hero-section-option-box-2 {
		top: 25vw;
		right: auto;
	}
	
	.ss-hero-section .ss-hero-section-option-box-2 h6 { 
        font-size: calc((30 / 1024) * 100vw) !important;
        margin-bottom: calc((5 / 1024) * 100vw) !important;
	}	

	.ss-hero-section .ss-hero-section-option-box-2 p { 
		font-size: calc((20/ 1024) * 100vw) !important;
		line-height: 1.5em;
		margin-bottom: calc((5/ 1024) * 100vw) !important;
	}
	
	.ss-hero-section .ss-hero-section-option-box-2 .fusion-one-page-text-link {
		font-size:  14px !important;
		
	}
	
	.ss-hero-section .ss-hero-section-image-hero, .ss-hero-section .ss-hero-section-image-hero img {
		width: 100% !important;
	}
	
	.ss-hero-section .ss-section-awards-container .fusion-image-element img {
		width: 150px !important;
	}	
	
	.ss-hero-section .awards-marquee .awards-tooltip img {
		height: 78px !important;
		width: 78px !important;
	}

	.ss-hero-section .ss-section-awards-container {
		margin-top: 50px;
	}
	
	.ss-hero-section .awards-marquee:after {
		height: 100px;
	}	
	
	.ss-hero-section .awards-marquee .awards-tooltip{
		margin-left: 20px;
		margin-right: 20px;
		margin-bottom: 10px;
	}	

	.ss-hero-section .ss-section-awards-container .fusion-image-element {
		bottom: -20%;
	}	
	
	
}

@media only screen and (max-width: 640px) {
	
	.ss-hero-section .ss-hero-section-option-box-2 {
		top: 24vw;
	}	
	
}


/* Hero Section */

.hero-section {
	height: 100vh;
}

.hero-section .hero-text-column-title h1 {
	font-family: 'Lato';
	font-size: calc((50/ 1920) * 100vw) !important;
	font-weight: 900;
	line-height: 1em !important;
	color: #000000;
	margin-top: 0;
	margin-bottom: calc((9/ 1920) * 100vw) !important;
	text-align: center;
	padding-bottom: calc((50/ 1920) * 100vw) !important;

}


.hero-section .hero-text-column-title h1 .top-text{
	font-size: calc((32/ 1920) * 100vw) !important;
}


.hero-section .hero-text-column-title .fade-text-container {
	position: relative;
	margin-left: calc((12/ 1920) * 100vw);
	display: block;
	width: 100%;
}

.hero-section .hero-text-column-title .fade-text-container br {
	display: none;
}

.hero-section .hero-text-column-title .fade-text-container .fade-text {
	position: absolute;
	left: 0;
	right: 0;
	opacity: 0;
	animation: fadeLoop 6s infinite;
}

.hero-section .hero-text-column-title .fade-text-container .fade-text-1 {
	animation-delay: 0s;
}

.hero-section .hero-text-column-title .fade-text-container .fade-text-2 {
	animation-delay: 2s;
}

.hero-section .hero-text-column-title .fade-text-container .fade-text-3 {
	animation-delay: 4s;
}

.hero-section .hero-wave-img {
	line-height: 33px;
	margin-right: calc((14/ 1920) * 100vw) !important;
}

.hero-section .hero-text-column .fusion-builder-row:nth-child(2) {
    background: url('assets/images/caption-bg.png'); 
	padding-top : calc((15 / 1920)* 100vw) !important;
	padding-bottom: calc((30 / 1920)* 100vw) !important;
	padding-left: calc((18 / 1920)* 100vw) !important; 
	padding-right: calc((18 / 1920)* 100vw) !important;
    border-radius: 34px;
	background-size: cover;
    background-position: left center;	
	background-repeat: no-repeat;
}



@keyframes fadeLoop {
	0% { opacity: 0; }
	10% { opacity: 1; }
	30% { opacity: 1; }
	40% { opacity: 0; }
	100% { opacity: 0; }
}


.hero-section .hero-text-column-grp-2-rotating-text {
	background-color: #A6323F;
	padding: calc((13 / 1920)* 100vw) calc((21 / 1920)* 100vw);
	border-radius: 50px;
    width: calc((361 / 1920)* 100vw);
    height: calc((48 / 1920)* 100vw);
	font-size: calc((15/ 1920) * 100vw) !important;
}

.hero-section .hero-text-column-grp-2-rotating-text .rotatingText-adjective {
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	animation: rotate 4.5s infinite;
}

.hero-section .hero-text-column-grp-2-rotating-text .rotating-text-list {
	position: relative;
}

.hero-section .hero-text-column-grp-2-rotating-text .rotatingText-adjective:nth-of-type(1) {
	animation-delay: 0s;
}

.hero-section .hero-text-column-grp-2-rotating-text .rotatingText-adjective:nth-of-type(2) {
	animation-delay: 1.5s;
}

.hero-section .hero-text-column-grp-2-rotating-text .rotatingText-adjective:nth-of-type(3) {
	animation-delay: 3s;
}

@keyframes rotate {
	0% {
		opacity: 0;
		transform: translate3d(0, 50px, 0);
	}

	20%,
	40% {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}

	60%,
	100% {
		opacity: 0;
		transform: translate3d(0, -25px, 0);
	}
}


@media only screen and (max-width: 1024px) {
	
    .hero-section  {
        padding-top: 160px !important;
		height: auto;
    }

	.hero-section .hero-text-column-top-title {
		font-size: 50px !important;
	}	

    .hero-section .hero-text-column {
        width: 100%;
        margin-bottom: 50px;
        margin-top: 0;
    }

	.hero-section .hero-image-column {
		width: 100% !important;
		padding-left: 0;
	}

	.hero-section .hero-text-column-grp-1 .fusion-column-wrapper:first-child {
		justify-content: center;
	}

	.hero-section .hero-text-column-grp-1-title p {
		font-size: calc((32/ 1024) * 100vw) !important;
	}

	.hero-section .hero-text-column-title {
		margin-bottom: calc((11/ 1024) * 100vw) !important;
	}
	
	.hero-section .hero-text-column .fusion-builder-row:nth-child(2) {
		padding-top: 15px !important;
		padding-bottom: 30px !important;
		padding-left: 18px !important;
		padding-right: 18px !important;
	}	

	.hero-section .hero-text-column-title h1 {
		font-size: 35px !important;
		padding-bottom: 35px !important;
	}
	
	.hero-section .hero-text-column-title h1 .top-text{
		font-size: 24px !important;
	}	

	.hero-section .hero-text-column-caption {
		margin-bottom:0 !important;
	}

	.hero-section .hero-text-column-caption p {
		font-size: 16px !important;
	}

	.hero-section .hero-text-column-grp-2 {
		width: calc((512 / 1024) * 100vw) !important;
		margin-left: auto !important;
		margin-right: auto !important;

	}

	.hero-section .hero-text-column-grp-2-title p {
		font-size: calc((20 / 1024) * 100vw) !important;
	}

	.hero-section .hero-text-column-grp-2-rotating-text {
		width: calc((358 / 1024)* 100vw);
		height: calc((48 / 1024)* 100vw);
		font-size: calc((15 / 1024) * 100vw) !important;
	}

	.hero-section .hero-text-column-title .fade-text-container {
		position: relative;
		display: block;
	}	

}


@media only screen and (max-width: 640px) {

	.hero-section .hero-text-column-grp-1 {
		margin-bottom: calc((6/ 640) * 100vw) !important;
	}

	.hero-section .hero-text-column-grp-1-title {
		margin-top: 0 !important;
	}

	.hero-section .hero-text-column-grp-1-title p {
		font-size: calc((22/ 640) * 100vw) !important;
	}

	.hero-section .hero-text-column-title {
		margin-bottom: calc((5/ 640) * 100vw) !important;
	}

	.hero-section .hero-text-column-grp-2 {
		width: 90% !important;
	}

	.hero-section .hero-text-column-grp-2 .fusion-column-wrapper:first-child {
		padding: 9px 11px !important;
	}

	.hero-section .hero-text-column-grp-2-title {
		margin-top: 0 !important;
		margin-bottom: calc((7/ 640) * 100vw) !important;
	}

	.hero-section .hero-text-column-grp-2-title p {
		font-size: calc((20/ 640) * 100vw) !important;
	}

	.hero-section .hero-text-column-grp-2-rotating-text {
		width: 100% !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		padding: 13px 21px;
		font-size: 12px !important;
	}
	
	.hero-section .hero-text-column-grp-2-rotating-text .rotatingText-adjective {
		top: -8px;
	}	


}

/* Customer Service Section */
.customer-service-section .customer-service-title h2 {
	font-family: 'Lato';
	font-size: calc((48 / 1920) * 100vw) !important;
	font-weight: 900;
	line-height: 1.457em !important;
	margin-bottom: 0;
}

.customer-service-section .featured-caption {
    background: url(/wp-content/uploads/2025/06/featured-bg.png) no-repeat;
    padding: calc((40 / 1920) * 100vw) calc((91 / 1920) * 100vw);
    border-radius: 16px;
    width: calc((1200 / 1920) * 100vw) !important;
    margin-left: auto;
    margin-right: auto;
    background-position: left;
	background-size: cover;
}

.customer-service-slider .customer-service-list {
	margin-bottom: calc((30 / 1920) * 100vw) !important;
	outline: none;
}

.customer-service-section .customer-service-title  .featured-s-logo {
	height: calc((66 / 1920) * 100vw) !important;
	width: calc((66 / 1920) * 100vw) !important;
	margin-right: calc((30/ 1920) * 100vw);
}

.customer-service-slider .customer-service-list>.fusion-column-wrapper:first-of-type {
	margin-left: 2.5%;
	margin-right: 2.5%;
}

.customer-service-slider .customer-service-list .customer-service-info { 
	display:none;
	min-height: calc((200/ 1920) * 100vw);
}
/*
.customer-service-slider .customer-service-list:hover .customer-service-info { 
	display:block !important;
}
*/

.customer-service-slider .customer-service-info .customer-service-info-row { 
	display:flex;
	margin-bottom:  calc((9 / 1920) * 100vw);
}

.customer-service-slider .customer-service-info .customer-service-info-title {
	font-size: calc((16 / 1920) * 100vw) !important;
	width: 25%
}

.customer-service-slider .customer-service-info .customer-service-info-caption {
	font-size: calc((16 / 1920) * 100vw) !important;
	width: 75%;
	display: flex !important;
}


.customer-service-slider .customer-service-info-btn .button-icon-left {
	margin-right: 0;
}

.customer-service-slider .customer-service-info .customer-service-info-tier {
	background-color: #8A2A3A;
	padding: calc((2 / 1920) * 100vw) calc((10 / 1920) * 100vw);
	border-radius: 50px;
	color: #ffffff;
	margin-right: calc((11 / 1920) * 100vw); 
	position: relative;
	cursor: pointer;
	display: inline-block;
	margin-right: calc((11 / 1920) * 100vw);
}

/* Tooltip box */
.customer-service-slider .customer-service-info .customer-service-info-tier::after {
	content: attr(data-tooltip);
    position: absolute;
    top: calc((-44 / 1920) * 100vw);
    left: 80%;
    transform: translateX(-50%);
    background-color: #434343;
    color: #fff;
    padding: calc((6 / 1920) * 100vw) calc((8 / 1920) * 100vw);
    border-radius: 10px;
    white-space: nowrap;
	font-family: 'Lato';
    font-size: calc((14 / 1920) * 100vw); 
	line-height: 1.457em;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    z-index: 10;
}

/* Arrow */
.customer-service-slider .customer-service-info .customer-service-info-tier::before {
	content: '';
	position: absolute;
	top: calc((-12 / 1920) * 100vw); /* Adjust to align just under tooltip box */
	left: 20%;
	transform: translateX(-50%);
	border-width: 6px;
	border-style: solid;
	border-color: #434343 transparent transparent transparent; /* Arrow pointing down */
	opacity: 0;
	transition: opacity 0.3s ease;
	z-index: 9;
}


/* Show on hover */
.customer-service-slider .customer-service-info .customer-service-info-tier:hover::after,
.customer-service-slider .customer-service-info .customer-service-info-tier:hover::before {
  opacity: 1;
}

.customer-service-slider .customer-service-info .customer-service-info-tier-2  {
	background-color: #2E559B;
}

.customer-service-slider .customer-service-info .customer-service-info-tier-3  {
	background-color: #5F325D;
	margin-right: 0;
}

.customer-service-slider .slick-current .customer-service-info { 
	display:block !important;
}


.customer-service-slider .slick-prev, .customer-service-slider .slick-next {
    z-index: 1;
    width: 20%;
	background-size: contain !important;
	top: 35%;
}

.customer-service-slider .slick-prev:before, .customer-service-slider .slick-next:before  {
	width: calc((95 / 1920) * 100vw) !important;
	height: calc((95 / 1920) * 100vw) !important;
	background-size: contain;
	background-repeat: no-repeat;
	font-size: 0;
	display	: inline-block;
}

.customer-service-slider .slick-prev:before {
    background-image: url('assets/images/slider-button-left.png') !important;
}

.customer-service-slider .slick-next:before {
	background-image: url('assets/images/slider-button-right.png') !important;
}

.customer-service-slider  .slick-prev {
    left: 0;
}

.customer-service-slider  .slick-next {
    right: 0;
}


@media only screen and (max-width: 1024px) {
	
	.customer-service-section  {
        margin-top: -150px !important; 
		padding-top: 130px !important;
	}	
	
	.customer-service-section .choose-section .fusion-builder-row:first-of-type {
        max-width: 90% !important;
	}
	
	.customer-service-section .customer-service-title {
		margin-bottom: 12px !important;
	}

	.customer-service-section .featured-caption {
		width: 100% !important;
	}	
	
	
	.customer-service-section .customer-service-title h2 {
		font-size: 24px !important;
	}
	
	.customer-service-section .customer-service-title  .featured-s-logo {
		height: 36px !important;
		width: 36px !important;
	}	

	.customer-service-section .featured-caption {
		font-size: 16px !important;
	}
	
	.customer-service-section .featured-caption br {
		display: none;
	}	
	
	.customer-service-slider .customer-service-info .customer-service-info-title {
		font-size: 12px !important;
	}

	.customer-service-slider .customer-service-info .customer-service-info-caption {
		font-size: 12px !important;
	}
	
	.customer-service-slider .customer-service-info .customer-service-info-tier{
		padding: 2px 10px;
	}
	
	.customer-service-slider .customer-service-info .customer-service-info-tier::after {
		padding: 6px 8px;
		font-size: 12px;
	}	
	
}

@media only screen and (max-width: 640px) {
	
	.customer-service-slider .customer-service-info-btn {
		font-size: 16px !important;
		padding: 15px !important;
	}


    .customer-service-slider .customer-service-list .customer-service-list-grp2	.fusion-column-wrapper {
		padding-top: 17px !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
		padding-bottom: 24px !important;
	}
	

    .customer-service-slider .customer-service-list .customer-service-list-grp2 .customer-service-list-grp2-title	{
		margin-top: 0 !important;
		margin-bottom: 10px !important;
	}
	
	.customer-service-slider .customer-service-info .customer-service-info-tier::after {
		top: -36px;
	}	

	.customer-service-slider .customer-service-info .customer-service-info-tier::before {
		top: -6px;
	}	
	
}




/* Industry Section */

.industry-section {
	background-size: cover !important;
}

.industry-section .industry-title h2 {
	font-family: 'Lato';
	font-size: calc((48 / 1920) * 100vw) !important;
	font-weight: 900;
	line-height: 1.384em !important;
	color: #ffffff;
	margin-bottom: 0;
}

.industry-section .industry-highlight {
	position: relative;
	display: inline-block;
}

.industry-section .industry-highlight::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -15px;
	width: 100%;
	height: 20.8px;
	background: url(/wp-content/uploads/2025/03/creative-curve.png) no-repeat center;
	background-size: contain;
}

@media only screen and (max-width: 1024px) {
	
	.industry-section {	
		background: url(/wp-content/uploads/2025/06/industry-ms-bg.png) no-repeat center center !important;	
	}
	
	.industry-section .industry-title h2 {
		font-size: 24px !important;
		color: #ffffff;
	}
	
	.industry-section .industry-title .text-gradient {
		background: #ffffff;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
	}	

	.industry-section .industry-title {
		margin-bottom: calc((24 / 1024) * 100vw) !important;
	}

	.industry-section .industry-caption {
		margin-bottom: calc((48 / 1024) * 100vw) !important;
	}

	.industry-section .industry-caption p {
		font-size: 16px !important;
		line-height: 1.89em !important;
		color: #ffffff;
	}
	
	.industry-section .industry-caption br {
		display: none;
	}	

	.industry-section .ss-btn .fusion-button-text {
		font-size: calc((18 / 1024) * 100vw) !important;
	}

	.industry-section .ss-btn {
		padding: calc((10 / 1024) * 100vw) calc((36 / 1024) * 100vw) !important;
	}

	.industry-section .industry-ms-list>.fusion-column-wrapper:first-of-type {
		margin-left: auto;
		margin-right: auto;
		max-width: 63%;
	}

	.industry-section .industry-ms-column,
	.industry-section .industry-alt-ms-column {
		height: calc((180/ 1024) * 100vw);
	}

	.industry-section .industry-ms-title p {
		font-size: calc((28/ 1024) * 100vw) !important;
		line-height: 1em !important;
		font-weight: 700;
	}

	.industry-section .industry-back-title p {
		font-size: calc((28/ 1024) * 100vw) !important;
	}

	.industry-section .industry-ms-list .industry-s-img img {
		width: calc((34.48/ 1024) * 100vw) !important;
	}


	.industry-section .industry-ms-list .industry-icon {
		font-size: calc((18/ 1024) * 100vw);
		height: calc((52.46/ 1024) * 100vw) !important;
		width: calc((52.46/ 1024) * 100vw) !important;
		line-height: calc((52.46/ 1024) * 100vw) !important;
		position: absolute;
		top: 33%;
		right: 7%;
	}

	.industry-section .industry-ms-caption {
		font-size: calc((14/ 1024) * 100vw) !important;
	}

}

@media only screen and (max-width:640px) {


	.industry-section .ss-btn .fusion-button-text {
		font-size: calc((18/ 640) * 100vw) !important;
	}

	.industry-section .ss-btn {
		padding: calc((10/ 640) * 100vw) calc((36/ 640) * 100vw) !important;
	}

	.industry-section .industry-ms-list>.fusion-column-wrapper:first-of-type {
		max-width: 58%;
	}

	.industry-section .industry-ms-column,
	.industry-section .industry-alt-ms-column {
		height: calc((170/ 640) * 100vw);
	}

	.industry-section .industry-ms-title {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	.industry-section .industry-ms-title p {
		font-size: 18px !important;
	}

	.industry-section .industry-back-title {
		margin-top: 0 !important;
		margin-bottom: calc((3.5/ 640) * 100vw) !important;
	}

	.industry-section .industry-back-title p {
		font-size: calc((18/ 640) * 100vw) !important;
	}

	.industry-section .industry-ms-list .industry-s-img img {
		width: calc((27.63/ 640) * 100vw) !important;
	}


	.industry-section .industry-ms-list .industry-icon {
		font-size: calc((11/ 640) * 100vw);
		height: calc((42/ 640) * 100vw) !important;
		width: calc((42/ 640) * 100vw) !important;
		line-height: calc((42/ 640) * 100vw) !important;
		position: absolute;
		top: 33%;
		right: 7%;
	}

	.industry-section .industry-ms-caption {
		font-size: calc((14/ 640) * 100vw) !important;
	}

}


/* Industry List Section */

.industry-section  .industry-column,
.industry-section  .industry-alt-column {
	height: calc((430/ 1920) * 100vw);
	width: calc((220/ 1920) * 100vw);
}

.industry-section .industry-list {
	cursor: pointer;
}

.industry-section .industry-list>.fusion-column-wrapper:first-of-type {
	margin-left: 1.3%;
	margin-right: 1.3%;
}

.industry-section  .industry-list .industry-icon {
	font-size: calc((18/ 1920) * 100vw);
	height: calc((58/ 1920) * 100vw) !important;
	width: calc((58/ 1920) * 100vw) !important;
	line-height: calc((58/ 1920) * 100vw) !important;
}

.industry-section .industry-column>.fusion-column-wrapper:first-of-type {
	background-size: cover !important;
	border-radius: 137px;
    background-blend-mode: overlay !important;
    background-color: rgba(1, 1, 1, 0.3) !important;	
}


.industry-section  .industry-list .industry-s-img img {
	width: calc((38/ 1920) * 100vw) !important;
}

.industry-section  .industry-list .industry-s-img {
	border-radius: 0 !important;
}

/* Choose Section */

.choose-section .choose-title h2 {
	font-family: 'Lato';
	font-size: calc((48 / 1920) * 100vw) !important;
	font-weight: 900;
	line-height: 1.457em !important;
	margin-bottom: 0;
}

.choose-section .choose-text p {
	line-height: 1.89em !important;
}	

@media only screen and (max-width: 1024px) {
	
	.choose-section .fusion-builder-row:first-of-type {
		max-width: 90% !important;
	}	
	
	.choose-section .choose-title h2 {
		font-size: 24px !important;
	}

	.choose-section .choose-text p {
		font-size: 16px !important;
	}	
	
	.choose-section .choose-text br {
		display: none;
	}		
}

/* Location Section */

.location-section .fusion-builder-row:first-of-type {
	max-width: 71% !important;
	margin-top: 0;
}

.location-section .location-outsourcing-column .fusion-builder-row:first-of-type {
	background-color: #ffffff;
	border-radius: 20px;
	justify-content: center;
}

.location-section .location-outsourcing-column .location-outsourcing-column-light-box {
	margin-top: calc((43 / 1920) * 100vw);
}

.location-section .location-outsourcing-column-grp1 {
    padding-top: calc((24 / 1920) * 100vw);
    padding-bottom: calc((24 / 1920) * 100vw);
    background: linear-gradient(90deg, #2E559B 0%, #bd2432 100%);
    border-radius: 17px 17px 0 0;
}

.location-section .location-vid-light-box{
  transition: transform 0.6s ease-in-out;
  cursor: pointer;
}

.location-section .location-vid-light-box:hover {
  transform: rotate(360deg);
}

.location-section .location-outsourcing-column-grp1 .fusion-column-wrapper {
    padding: calc((14 / 1920) * 100vw) calc((20 / 1920) * 100vw);
    background: #ffffff;
    width: 77% !important;
    margin-left: auto;
    margin-right: auto;
}

.location-section .location-outsourcing-column-grp1-img img {
	width: calc((34 / 1920) * 100vw);
	height: calc((34 / 1920) * 100vw);
}   

.location-section .location-outsourcing-column-grp1-rotating-text {
	padding-left: calc((25 / 1920) * 100vw);
	width: 9vw !important;
	border-left:  calc((1.5 / 1920) * 100vw) solid rgba(0, 0, 0, 0.2);
}

.location-section .location-outsourcing-column-grp1-rotating-text .rotatingText-adjective {
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	animation: rotate 4.5s infinite;
}

.location-section .location-outsourcing-column-grp1-rotating-text .rotating-text-list {
	position: relative;
}

.location-section .location-outsourcing-column-grp1-rotating-text .rotatingText-adjective:nth-of-type(1) {
	animation-delay: 0s;
}

.location-section .location-outsourcing-column-grp1-rotating-text .rotatingText-adjective:nth-of-type(2) {
	animation-delay: 1.5s;
}

.location-section .location-outsourcing-column-grp1-rotating-text .rotatingText-adjective:nth-of-type(3) {
	animation-delay: 3s;
}

@keyframes rotate {
	0% {
		opacity: 0;
		transform: translate3d(0, 50px, 0);
	}

	20%,
	40% {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}

	60%,
	100% {
		opacity: 0;
		transform: translate3d(0, -25px, 0);
	}
}

.location-section .location-outsourcing-column-grp2 .fusion-column-wrapper {
    margin-left: 0;
    margin-right: 0;
}

.location-section .location-outsourcing-column .location-outsourcing-column-text {
    padding: calc((15 / 1920) * 100vw) calc((42 / 1920) * 100vw);
	border-bottom: calc((1 / 1920) * 100vw) solid #C8C8C8;
}

.location-section .location-outsourcing-column .location-outsourcing-column-text:hover {
	background-color: #C8C8C8;
	cursor: pointer;
}

.location-section .location-outsourcing-column .location-outsourcing-column-text:nth-of-type(1) {
    border-top: calc((1 / 1920) * 100vw) solid #C8C8C8;
}


.location-section .location-outsourcing-column .location-outsourcing-column-text h3 {
    font-family: 'Lato';
	font-size: calc((20 / 1920) * 100vw) !important;
	font-weight: 600;
	line-height: 1.457em !important;
	margin-top: 0;
	margin-bottom: calc((5 / 1920) * 100vw) !important;
}

.location-section .location-outsourcing-column .location-outsourcing-column-text p {
	margin-bottom: 0 !important;
	line-height: 1.24em !important;
}

.location-section .location-outsourcing-column .location-outsourcing-column-bottom-text {
    padding-top: calc((11 / 1920) * 100vw);
	padding-bottom: calc((11 / 1920) * 100vw);
}

.location-section .location-list-grp-1 {
    text-align: center;
}


.location-section .location-list-grp-1 .location-list-grp-1-title {
    position: absolute;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100% !important;
    height: 100%;
	left: 0;
}

.location-section .location-list-grp-1 .location-list-grp-1-title .fusion-tooltip {
    color: #ffffff;
    display: block;
    height: 100%;
    padding-top: calc((110 / 1920) * 100vw);
}

.location-section .location-img-hotspots .awb-image-hotspots-hotspot {
    font-size: 0;
    height: 4.17vw;
    width: 3.23vw;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0.001) 100%), url(/wp-content/uploads/2025/06/pin-icon.png);
	background-size: contain;
}

.location-section  .location-img-hotspots .location-popover {
    position: absolute;
    background-color: #ffffff;
	border-radius: 20px;
    top: 10%;
    left: 0;
    right: 0;
    width: calc((821 / 1920) * 100vw); 
    margin-left: auto;
    margin-right: auto;
	padding: calc((40 / 1920) * 100vw) calc((32 / 1920) * 100vw);
	z-index: 1;
}

.location-section  .location-img-hotspots .location-popover .close-popover {
    font-size: calc((24 / 1920) * 100vw) !important;
    font-weight: 700;
    position: absolute;
    right: 2%;
    top: 2%;
    cursor: pointer;
}

.location-section  .location-img-hotspots .location-popover h3 {
	font-family: 'Lato';
	font-size: calc((24 / 1920) * 100vw) !important;
	font-weight: 700;
	line-height: 1.457em !important;
	margin-top: 0;
	margin-bottom: calc((24 / 1920) * 100vw);
}

.location-section  .location-img-hotspots .location-popover p {
	font-family: 'Lato';
	font-size: calc((18 / 1920) * 100vw) !important;
	font-weight: 400;
	line-height: 1.32em !important;
	margin-bottom: 0;
}

.location-section .popover { 
	display: none !important;	
}

.location-section  .location-btn {
    text-align: center;
	margin-top: calc((20 / 1920) * 100vw);
}

.location-section  .location-btn a {
    border: none !important;
    border-radius: 50px !important;
    padding: calc((5 / 1920) * 100vw) calc((20 / 1920) * 100vw) !important;
    background-color: #BD2432 !important;
    text-align: center;
	font-family: 'Lato';
	font-size: calc((24 / 1920) * 100vw) !important;
	line-height: 1.457em !important;
	color: #ffffff;
}

@media only screen and (max-width: 1024px) {
	
	.location-section .fusion-builder-row:first-of-type {
		max-width: 90% !important;
	}

	.location-section .location-outsourcing-column .location-outsourcing-column-text h3 {
		font-size: 16px !important;
	}	
	
	.location-section .location-outsourcing-column .location-outsourcing-column-text p {
		font-size: 12px !important;
	}		
	
	.location-section .location-list-grp-1 .location-list-grp-1-title {
		font-size: 16px !important;
	}
	
	.location-section .location-img-hotspots .location-popover h3 {
		font-size: 16px !important;
	}
	
	.location-section .location-img-hotspots .location-popover p {
		font-size: 12px !important;
	}
	
	.location-section .location-img-hotspots .location-popover {
		width: calc((750 / 1240) * 100vw);
		height: auto;
		padding: 21px 17px;
		top: 50%;
	}
	
	.location-section .location-list-grp-1 {
		text-align: center;
		padding-left: 5px;
		padding-right: 5px;
	}
	
	.location-section .location-btn a {
		padding: 5px 20px !important;
		font-size: 16px !important;
	}

	.location-section .location-img-hotspots .location-popover .close-popover {
		font-size: 16px !important;
	}	
	
}

@media only screen and (max-width: 640px) {
	
	.location-section {
		padding-bottom: 50px !important; 
	}
	
	.location-section .location-list-column { 
		margin-bottom: 0;
	}
	
	.location-section .location-outsourcing-column-grp1 .fusion-column-wrapper {
		width: 80% !important;
	}
	
	
    .location-section .location-list-grp-1 {
        margin-bottom: 25px;
    }	
	
	.location-section .location-list-grp-1 .location-list-grp-1-title .fusion-tooltip {
		padding-top: calc((120 / 641) * 100vw);
	}
	
	.location-section .location-outsourcing-column-grp1 {
		padding-top: 24px;
		padding-bottom: 24px;
	}
	
	.location-section .location-outsourcing-column-grp1-img img {
		width: 24px;
		height: 24px;
	}

	.location-section .location-outsourcing-column .location-outsourcing-column-bottom-text {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		padding-top: 11px;
		padding-bottom: 11px;		
	}
	
	.location-section .location-outsourcing-column .location-outsourcing-column-text {
		padding: 15px 42px ;
		border-bottom: 1px solid #C8C8C8;
	}
		
	
	.location-section .location-outsourcing-column-grp1-rotating-text {
		width: 57vw !important;
		margin-top: -3px;
		font-size: 20px;
	}
	
    .location-section .location-img-hotspots {
       margin-top: 20px;
    }	
	

    .location-section .location-img-hotspots .location-popover {
        width: 100%;
    }

	.location-section .location-outsourcing-column .location-outsourcing-column-light-box {
		text-align: center;
	}
	
	.location-section .location-img-hotspots .awb-image-hotspots-hotspot {
		height: 30px;
		width: 30px;
	}	


}


/* Location Tabs Section */

.location-tabs-section .fusion-builder-row:first-of-type {
	max-width: 77% !important;
}


.location-tabs-section .location-tabs-column-text h2 {
	font-family: 'Lato';
	font-size: calc((48 / 1920) * 100vw) !important;
	font-weight: 900;
	line-height: 1.457em !important;
	margin-bottom: calc((16 / 1920) * 100vw);
}

.location-tabs-section .location-tabs-column-text p {
	line-height: 1.89em !important;
}

/*
.location-tabs-section .location-tabs-column-tabs {
    display: flex;
	flex-direction: column-reverse;
}

.location-tabs-section .location-tabs-column-tabs .tab-content {
	margin-top: 0 !important;
	display: none;
}
*/

.location-tabs-section .location-tabs-column-tabs h3 {
	font-family: 'Lato';
	font-size: calc((32 / 1920) * 100vw) !important;
	font-weight: 700;
	line-height: 1.65em !important;
	margin-top: 0;
	margin-bottom: calc((27 / 1920) * 100vw);
}

.location-tabs-section .location-tabs-column-tabs p {
	font-family: 'Lato';
	font-size: calc((20 / 1920) * 100vw) !important;
	font-weight: 400;
	line-height: 1.47em !important;
	color: #000000;
}

.ss-testimonial-section .ss-testimonial-column-tabs .tab-link {
	border: none !important;
	padding: calc((16 / 1920) * 100vw) calc((40 / 1920) * 100vw ) !important;
	background-color: transparent !important;
}

.ss-testimonial-section .ss-testimonial-column-tabs .tab-link::before {
	  content: '';
	  position: absolute;
	  inset: 0;
	  padding: 4px; /* border thickness */
	  background: linear-gradient(to right, #2E559B, #A22835);
	  -webkit-mask: 
		linear-gradient(#fff 0 0) content-box, 
		linear-gradient(#fff 0 0);
	  -webkit-mask-composite: xor;
	  mask-composite: exclude;
	  z-index: -1;
} 


.location-tabs-section .location-tabs-column-tabs .active .tab-link {
	background: linear-gradient(to right, #2E559B 0%, #A22835 100%);
	border: none !important;
}

.location-tabs-section .location-tabs-column-tabs .tab-link:hover {
	background: linear-gradient(to right, #2E559B 0%, #A22835 100%);
}

.location-tabs-section .location-tabs-column-tabs #fusion-tab-philippines {
	border-radius: 50px 0 0 50px !important;
}

.location-tabs-section .location-tabs-column-tabs #fusion-tab-philippines::before {
	border-radius: 50px 0 0 50px !important;
}

.location-tabs-section .location-tabs-column-tabs #fusion-tab-colombia {
	border-radius: 0 50px 50px 0 !important;
}

.location-tabs-section .location-tabs-column-tabs #fusion-tab-colombia::before {
	border-radius: 0 50px 50px 0 !important;
}


.location-tabs-section .location-tabs-column-tabs .tab-link:hover .fusion-tab-heading{
	color: #ffffff !important;
}

.location-tabs-section .location-tabs-column-tabs .tab-link .fusion-tab-heading {
	font-family: 'Lato';
	font-size: calc((24 / 1920) * 100vw) !important;
	font-weight: 700;
	line-height: 1.89em !important;
	color: #000000 !important;
}

.location-tabs-section .location-tabs-column-tabs .active .tab-link .fusion-tab-heading {
	color: #ffffff !important;
}

.location-tabs-section .location-tabs-column-tabs .tab-pane	{
	display: block !important;
	height: 0;
	margin-top: 0 !important;
	margin-bottom: 0 !important;	
}


.location-tabs-section .location-tabs-column-tabs .tab-content>.active {
	height: auto;
}


@media only screen and (max-width: 1024px) {
	
	.location-tabs-section .fusion-builder-row:first-of-type {
		max-width: 90% !important;
	}
	
	.location-tabs-section .location-tabs-column-text h2 {
		font-size: 24px !important;
	}	

	.location-tabs-section .location-tabs-column-text p {
		font-size: 16px !important;
	}
	
	.location-tabs-section .location-tabs-column-tabs h3 {
		font-size: 20px !important;
	}	
	
	.location-tabs-section .location-tabs-column-tabs p {
		font-size: 16px !important;
	}		
	
}

@media only screen and (max-width: 640px) {
	
	.location-tabs-section .location-tabs-column-tabs .nav-tabs {
		justify-content: center;
	}

	.location-tabs-section .location-tabs-column-tabs .tab-link .fusion-tab-heading {
		font-size: 20px !important;
	}
	
	.location-tabs-section .location-tabs-column-tabs .tab-content {
		display: block;
	}
	
	.location-tabs-section .location-tabs-column .fusion-column-wrapper {
		padding-right: 0;
	}
	
		
}




/* Awards Section */

.awards-section .awards-title h2 {
	font-family: 'Lato';
	font-size: calc((48 / 1920) * 100vw) !important;
	font-weight: 900;
	line-height: 1.457em !important;
	margin-bottom: 0;
}

.awards-section .awards-text p {
	line-height: 1.89em !important;
}


.awards-section .awards-marquee .awards-tooltip img {
    height: 113px;
    width: 277px;
}


@media only screen and (max-width: 1024px) {

	.awards-section .awards-title h2 {
		font-size: 24px !important;
	}
	
	.awards-section .awards-text {
		max-width: 90% !important;
		margin-right: auto;
		margin-left: auto;
	}	
	
	.awards-section .awards-text p {
		font-size: 16px !important;
	}
	
	.awards-section .awards-text br {
		display: none;
	}

	
}

/* Process List Section */

.process-list-section .fusion-builder-row:first-of-type {
	max-width: 87.91% !important;
}

.process-list-section .process-list-column>.fusion-column-wrapper:first-of-type {
	margin-left: 4%;
	margin-right: 4%;
}


.process-list-section .process-list-column-grp-1 .fusion-column-wrapper {
	height: calc((230/ 1920) * 100vw);
	width: calc((220/ 1920) * 100vw);
}

.process-list-section .process-list-column-grp-1-title p {
	margin-bottom: 0;
	line-height: 1.457em !important;
}

.process-list-section .process-list-column-grp-1-text p {
	line-height: 1.6em !important;
}

.process-list-section .process-list-column-grp-1-number p {
	width: calc((72/ 1920) * 100vw);
	height: calc((72/ 1920) * 100vw);
	line-height: calc((72/ 1920) * 100vw) !important;
	background-color: #3D599C;
	border-radius: 137px;
	display: inline-block;
}

.process-list-section .process-list-column-grp-1-number-2 p {
	background-color: #2E559B;
}

.process-list-section .process-list-column-grp-1-number-3 p {
	background-color: #5F325D;
}

.process-list-section .process-list-column-grp-1-number-4 p {
	background-color: #8A2A3A;
}

.process-list-section .process-list-column-grp-1-number-5 p {
	background-color: #A22835;
}

.process-list-section .process-list-column-grp-1-number-6 p {
	background-color: #3D599C;
}

.process-list-section .process-list-column-grp-1-number-7 p {
	background-color: #2E559B;
}

.process-list-section .process-list-column-grp-2 {
	display:none !important;
}

.process-list-section .process-list-column:hover .process-list-column-grp-1 .fusion-column-wrapper { 
	border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.process-list-section .process-list-column:hover .process-list-column-grp-2 { 
	display:block !important;
	margin-top:  calc((-20/ 1920) * 100vw);
}

@media only screen and (max-width: 1024px) {
	
	.process-list-section .fusion-builder-row:first-of-type {
		max-width: 90% !important;
	}

	.process-list-section .process-list-title h2  {
		font-size: 24px !important;
	}

	.process-list-section .process-list-column-grp-1-title p {
		font-size: 12px;
	}

	.process-list-section .process-list-column-grp-1-text p {
		font-size: 12px;
	}		
}

@media only screen and (max-width: 640px) {
	
	.process-list-section {
		background-position: left !important;
		padding-bottom: 0 !important;
	}
	
	.process-list-section .process-list-column {
		margin-bottom: 20px;
	}	
	
    .process-list-section .process-list-column-grp-1 .fusion-column-wrapper {
        border-radius: 40px 40px 0 0;
        margin-left: 0;
        margin-right: 0;
        height: auto;
		margin-bottom: -1px;
    }
	
    .process-list-section .process-list-column-grp-2 .fusion-column-wrapper {
        border-radius: 0 0 40px 40px;
        margin-left: 0;
        margin-right: 0;
        padding-top: 10px;
		padding-bottom: 10px;
    }
	
	.process-list-section .process-list-column-grp-1-number {
		margin-bottom: 10px !important;
	}	
	
	.process-list-section .process-list-column-grp-1-number p {
		width: 40px;
		height: 40px;
		line-height: 40px !important;
	}	
		
	.process-list-section .process-list-column-grp-2 {
		display:block !important;
	}
	
	.process-list-section .process-list-column:hover .process-list-column-grp-2 { 
		margin-top: 0;
	}	
	
}


/* SS Testimonials Section */

.ss-testimonial-section .ss-testimonial-column-tabs .tab-link {
	border: none !important;
	padding: calc((16 / 1920) * 100vw) calc((40 / 1920) * 100vw ) !important;
	background-color: transparent !important;
}

.ss-testimonial-section .ss-testimonial-column-tabs .tab-link::before {
	  content: '';
	  position: absolute;
	  inset: 0;
	  padding: 4px; /* border thickness */
	  background: linear-gradient(to right, #2E559B, #A22835);
	  -webkit-mask: 
		linear-gradient(#fff 0 0) content-box, 
		linear-gradient(#fff 0 0);
	  -webkit-mask-composite: xor;
	  mask-composite: exclude;
	  z-index: -1;
} 


.ss-testimonial-section .ss-testimonial-column-tabs .active .tab-link {
	background: linear-gradient(to right, #2E559B 0%, #A22835 100%);
	border: none !important;
}

.ss-testimonial-section .ss-testimonial-column-tabs .tab-link:hover {
	background: linear-gradient(to right, #2E559B 0%, #A22835 100%);
}

.ss-testimonial-section .ss-testimonial-column-tabs #fusion-tab-clients {
	border-radius: 50px 0 0 50px !important;
}

.ss-testimonial-section .ss-testimonial-column-tabs #fusion-tab-clients::before {
	border-radius: 50px 0 0 50px !important;
}

.ss-testimonial-section .ss-testimonial-column-tabs #fusion-tab-employees {
	border-radius: 0 50px 50px 0 !important;
}

.ss-testimonial-section .ss-testimonial-column-tabs #fusion-tab-employees::before {
	border-radius: 0 50px 50px 0 !important;
}


.ss-testimonial-section .ss-testimonial-column-tabs .tab-link:hover .fusion-tab-heading{
	color: #ffffff !important;
}

.ss-testimonial-section .ss-testimonial-column-tabs .tab-link .fusion-tab-heading {
	font-family: 'Lato';
	font-size: calc((24 / 1920) * 100vw) !important;
	font-weight: 700;
	line-height: 1.89em !important;
	color: #000000 !important;
}

.ss-testimonial-section .ss-testimonial-column-tabs .active .tab-link .fusion-tab-heading {
	color: #ffffff !important;
}

.ss-testimonial-section .ss-testimonial-column-tabs h2 {
    font-family: 'Lato';
    font-size: calc((48 / 1920) * 100vw) !important;
    font-weight: 900;
    line-height: 1.457em !important;
    margin-bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: calc((-200 / 1920) * 100vw);
}

.ss-testimonial-section .ss-testimonial-column-tabs .tab-content {
	margin-top: calc((66 / 1920) * 100vw) !important;
}

.ss-testimonial-section .ss-testimonial-column-tabs .tabs-testimonials-content {
    font-family: 'Lato';
    font-size: calc((20 / 1920) * 100vw) !important;
    font-weight: 400;
    line-height: 1.89em !important;
	text-align: center;
    margin-bottom: calc((50 / 1920) * 100vw);
	color: #000000;
}

.ss-testimonial-section .ss-testimonial-column-tabs .tabs-testimonials-row {
	display: flex;
}



.ss-testimonial-section .ss-testimonial-column-tabs .tabs-testimonials-column {
    background-color: #ffffff;
    text-align: center;
    margin-left: 0.2%;
    margin-right: 0.2%;
    box-shadow: 0px 21px 20.1px -4px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    padding: calc((48 / 1920) * 100vw) calc((30 / 1920) * 100vw);
    width: 33.33333333333333%;
}

.ss-testimonial-section .ss-testimonial-column-tabs .tabs-testimonials-column p {
	margin-bottom: 0;
}

.ss-testimonial-section .ss-testimonial-column-tabs .tabs-testimonials-column-image {
    margin-bottom: calc((12 / 1920) * 100vw);
    margin-top: calc((-95 / 1920) * 100vw);
    margin-left: auto;
    margin-right: auto;
}

.ss-testimonial-section .ss-testimonial-column-tabs .tabs-testimonials-column-stars {
    margin-bottom: calc((11 / 1920) * 100vw);
    margin-left: auto;
    margin-right: auto;
}

.ss-testimonial-section .ss-testimonial-column-tabs .tabs-testimonials-column-name {
    font-family: 'Lato';
    font-size: calc((24 / 1920) * 100vw) !important;
    font-weight: 700;
    line-height: 1.457em !important;
	margin-bottom: calc((24 / 1920) * 100vw) !important;
	color: #000000;
}

.ss-testimonial-section .ss-testimonial-column-tabs .tabs-testimonials-column-quote {
    margin-bottom: calc((19 / 1920) * 100vw);
    margin-left: auto;
    margin-right: auto;
}

.ss-testimonial-section .ss-testimonial-column-tabs .tabs-testimonials-column-caption {
    font-family: 'Lato';
    font-size: calc((16 / 1920) * 100vw) !important;
    font-weight: 400;
    line-height: 1.60em !important;
	color: #000000;
}

.ss-testimonial-section .ss-testimonial-column-tabs .slick-center {
	background: linear-gradient(to right, #2E559B 0%, #A22835 100%);
}

.ss-testimonial-section .ss-testimonial-column-tabs .slick-center .tabs-testimonials-column-name {
	color: #ffffff;
}

.ss-testimonial-section .ss-testimonial-column-tabs .slick-center .tabs-testimonials-column-caption {
	color: #ffffff;
}

.ss-testimonial-section .ss-testimonial-column-tabs .slick-center .tabs-testimonials-column-stars, .ss-testimonial-section .ss-testimonial-column-tabs .slick-center .tabs-testimonials-column-quote {
	filter: brightness(0) invert(1);
}


.ss-testimonial-section .ss-testimonial-column-tabs .tab-pane	{
	display: block !important;
	height: 0;
	margin-top: 0 !important;
	margin-bottom: 0 !important;	 
}

.ss-testimonial-section .ss-testimonial-column-tabs .tab-content>.active {
	height: auto;
}

.ss-testimonial-section .ss-testimonial-column-tabs .tabs-testimonials-row .slick-list {
	padding-top: calc((50 / 1920) * 100vw) !important;
	padding-bottom: calc((50 / 1920) * 100vw) !important;
}

.ss-testimonial-section .ss-testimonial-column-tabs .tabs-testimonials-row .slick-track
{
    display: flex !important;
}

.ss-testimonial-section .ss-testimonial-column-tabs .tabs-testimonials-row .slick-slide
{
    height: inherit !important;
}


@media only screen and (max-width: 1024px) {
	
	.ss-testimonial-section .fusion-builder-row:first-of-type {
		max-width: 90% !important;
	}
	
	.ss-testimonial-section .ss-testimonial-column-tabs .tabs-testimonials-row .slick-list {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}
		
	
	.ss-testimonial-section .ss-testimonial-column-tabs h2 {
		font-size: 24px !important;
	}
	
	.ss-testimonial-section .ss-testimonial-column-tabs .tab-link .fusion-tab-heading {
		font-size: 20px !important;
	}	
	
	.ss-testimonial-section .ss-testimonial-column-tabs .tabs-testimonials-content {
		font-size: 16px !important;
	}

	.ss-testimonial-section .ss-testimonial-column-tabs .tabs-testimonials-column-name {
		font-size: 20px !important;
	}

	.ss-testimonial-section .ss-testimonial-column-tabs .tabs-testimonials-column-caption {
		font-size: 14px !important;
	}

	.ss-testimonial-section .ss-testimonial-column-tabs .tabs-testimonials-column {
		padding: 48px 30px ;
	}

	.ss-testimonial-section .ss-testimonial-column-tabs .tabs-testimonials-column-image {
		margin-top: -45%;
	}
	
		
}

@media only screen and (max-width: 640px) {
	
	.ss-testimonial-section .ss-testimonial-column-tabs h2 {
		top: 0;
		position: relative;
		margin-bottom: 20px;
	}
	
	.ss-testimonial-section .ss-testimonial-column-tabs .tabs-testimonials-row .slick-list {
		padding-top: 18% !important;
		padding-bottom: 50px !important;
	}
	

	.ss-testimonial-section .ss-testimonial-column-tabs .tab-content {
		margin-top: 10px !important;
	}

    .ss-testimonial-section .ss-testimonial-column-tabs.mobile-mode-carousel .nav-tabs {
		justify-content: center;
    }

	.ss-testimonial-section .ss-testimonial-column-tabs .active .tab-link {
		border-radius: 50px !important;
	}

	.ss-testimonial-section .ss-testimonial-column-tabs .tab-link::before {
		border-radius: 50px;
	}

	.ss-testimonial-section .ss-testimonial-column-tabs .tab-link:hover {
		border-radius: 50px !important;
	}	

}



/* Culture Section */

.culture-section .fusion-builder-row:first-of-type {
	max-width: 87.91% !important;
}

.culture-section .culture-column-title .text-caption {
	font-family: 'Lato';
	font-size: calc((40 / 1920) * 100vw) !important;
	font-weight: 900;
	line-height: 1.31em !important;
	margin-bottom: 0;
}

.culture-section .culture-column-title h2 {
	font-family: 'Lato';
	font-size: calc((64 / 1920) * 100vw) !important;
	font-weight: 900;
	line-height: 1.31em !important;
	margin-bottom: 0;
}

.culture-section .culture-text p {
	line-height: 1.89em !important;
	text-align: justify;
}


.culture-section  .culture-column-tabs {
    display: flex;
	flex-direction: column-reverse;
	margin-bottom: 0;
}

.culture-section  .culture-column-tabs .tab-content {
    margin-top: 0 !important;
	height: calc((120 / 1920) * 100vw) !important;
	text-align: justify;
}

.culture-section  .culture-column-tabs {
	font-family: 'Lato';
	font-size: calc((20 / 1920) * 100vw) !important;
	font-weight: 400;
	line-height: 1.89em !important;
	color: #000000;
}
.culture-section .culture-column-tabs .nav {
    width: 100vw;
    position: absolute;
    margin-left: calc((-70 / 1920) * 100vw);
    bottom: calc((-80 / 1920) * 100vw);
}

.culture-section  .culture-column-tabs .tab-link {
	border: none !important;
	border-radius: 50px !important;
	padding: calc((5 / 1920) * 100vw) calc((20 / 1920) * 100vw) !important;
	background: none !important;
	margin-left:  calc((7.5 / 1920) * 100vw) !important;
	margin-right:  calc((7.5 / 1920) * 100vw) !important;

}

.culture-section  .culture-column-tabs .active .tab-link {
	background: linear-gradient(90deg, #2E559B 0%, #bd2432 100%) !important;
}

.culture-section  .culture-column-tabs  .tab-link:hover {
	background-color: #ffffff !important;
}

.culture-section  .culture-column-tabs .tab-link .fusion-tab-heading {
	font-family: 'Lato';
	font-size: calc((24 / 1920) * 100vw) !important;
	font-weight: 700;
	line-height: 1.89em !important;
	color: #999999 !important;
}

.culture-section  .culture-column-tabs .active .tab-link .fusion-tab-heading {
	color: #ffffff !important;
}

.culture-section .custom-culture-slider .slick-slide {
	opacity: 0.25;
	width: calc((488 / 1920) * 100vw);
	margin-top: calc((29 / 1920) * 100vw);
	position: relative;
	pointer-events: none;
}

.culture-section .custom-culture-slider .slick-center {
	opacity: 1;
	width: calc((600 / 1920) * 100vw);
	margin-top: 0;
	pointer-events: auto;
}

.culture-section .custom-culture-slider .slick-slide img {
	border-radius: 20px;
}

.culture-section .custom-culture-slider .slick-slide::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc((75 / 1920) * 100vw);
	height:calc((75 / 1920) * 100vw);
	background: url(/wp-content/uploads/2025/06/play-button.png) no-repeat center center;
	background-size: contain;
	transform: translate(-50%, -50%);
	z-index: 2;
	pointer-events: none; /* Let clicks pass through to video/iframe */
}


@media only screen and (max-width: 1024px) {
	
	.culture-section .fusion-builder-row:first-of-type {
		max-width: 90% !important;
	}	
	
	.culture-section .culture-text p {
		font-size: 16px;
	}
	
	.culture-section .culture-column-tabs p {
		font-size: 16px !important;
	}

	.culture-section  .culture-column-tabs {
		font-size: 16px !important;
	}

	.culture-section .culture-column-tabs .tab-link .fusion-tab-heading {
		font-size: 20px !important;
	}

	.culture-section .culture-column-tabs .tab-content {
		height: 160px !important;
	}
		
}


@media only screen and (max-width: 640px) {
	
	.culture-section .culture-column-title h2 {
		font-size: 24px !important;
	}

	.culture-section .culture-column-title .text-caption {
		font-size: 20px !important;
	}
	
	.culture-section .culture-column-tabs .nav {
		width: 100%;
		position: relative;
		margin-left: 0;
		bottom: 0;
	}
	
    .culture-section .culture-column-tabs.mobile-mode-carousel .nav-tabs {
        overflow-x: scroll !important;
    }

	.culture-section .custom-culture-slider .slick-slide::before {
		width: 30px !important;
		height: 30px !important;
	}	
	
	.culture-section .culture-column-tabs .tab-content {
		height: auto;
	}
	
	.culture-section .culture-column-tabs .tab-content {
		height: auto !important;
	}	
			
		
}

/* ANIMATIONS */

.wave {
	animation-name: wave-animation;
	/* Refers to the name of your @keyframes element below */
	animation-duration: 2.5s;
	/* Change to speed up or slow down */
	animation-iteration-count: infinite;
	/* Never stop waving :) */
	transform-origin: 70% 70%;
	/* Pivot around the bottom-left palm */
	display: inline-block;
}

@keyframes wave-animation {
	0% {
		transform: rotate(0.0deg)
	}

	10% {
		transform: rotate(14.0deg)
	}

	/* The following five values can be played with to make the waving more or less extreme */
	20% {
		transform: rotate(-8.0deg)
	}

	30% {
		transform: rotate(14.0deg)
	}

	40% {
		transform: rotate(-4.0deg)
	}

	50% {
		transform: rotate(10.0deg)
	}

	60% {
		transform: rotate(0.0deg)
	}

	/* Reset for the last half to pause */
	100% {
		transform: rotate(0.0deg)
	}
}


