.servInner-faqs h2, 
.servInner-faqs p, 
.servInner-faqs button span{color:var(--color-01)}

section.servInner-faqs #accordionExample .accordion-item button:after{color:var(--color-01);border: 1px solid var(--color-02) !important;}
section.servInner-faqs #accordionExample .accordion-item button[aria-expanded="true"]:before{border: 1px solid var(--color-01) !important;}
section.servInner-faqs #accordionExample .accordion-item button:hover:before{color:var(--color-01);}

.performance-mkt-wrp{/*color: #fff;background: #000000;*/background: #000;}
.performance-mkt-wrp .pm-sec-01{padding: 100px 0px;}
.performance-mkt-wrp .pm-sec-01 h1{color: #fff;font-size: var(--rfs-64);font-weight: 400;line-height: 1;margin-bottom: 70px;}

.performance-mkt-wrp .pm-sec-01 .icon-love{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 9;width: 6vh;animation: animate 5s linear infinite}
.performance-mkt-wrp .pm-sec-01 .creative-box{float: right;display: flex;align-items: center;width: 50vh;height: 50vh;padding: 14%;background: rgb(237 0 140 / 84%);border-radius: 100%;position: relative;left: 7vh;}
.performance-mkt-wrp .pm-sec-01 .creative-box:before{content:"";position: absolute;top: 2%;left: 2%;width: 96%;height: 96%;border: 2px dotted #000000;border-radius: 100%;z-index: 1;/* opacity: .5; */}
.performance-mkt-wrp .pm-sec-01 .creative-box h2{color: #ffffff;font-size: calc(18px + 2vh);font-weight: 700;line-height: 1;text-align: center;}
.performance-mkt-wrp .pm-sec-01 .performance-box{display: flex;align-items: center;width: 50vh;height: 50vh;padding: 14%;background: rgb(237 0 140 / 88%);border-radius: 100%;position: relative;left: -7vh;flex-direction: row-reverse;}
.performance-mkt-wrp .pm-sec-01 .performance-box:before{content:"";position: absolute;top: 2%;left: 2%;width: 96%;height: 96%;border: 2px dotted #000000;border-radius: 100%;z-index: 1;/* opacity: .5; */}
.performance-mkt-wrp .pm-sec-01 .performance-box h2{color: #ffffff;font-size: calc(18px + 2vh);font-weight: 700;line-height: 1;display: inline-block;text-align: right;text-align: center;}


@keyframes animate 
{
	0% {
		transform: translate(-50%,-50%) scale(1.0);
	}

	50% {
		transform: translate(-50%,-50%) scale(1.7);
	}
	
	100% {
		transform: translate(-50%,-50%) scale(1.0);
	}
} 
 

.performance-mkt-wrp .pm-sec-02{padding: 80px 0px;}
.performance-mkt-wrp .pm-sec-02 h2{color: #fff;font-size: var(--rfs-54);line-height: 1.1;text-align: center;margin-bottom: 40px;}
.performance-mkt-wrp .pm-sec-02 h2 strong{color: #ed008c;}
.performance-mkt-wrp .pm-sec-02 h3{font-size: 36px;}
.performance-mkt-wrp .pm-sec-02 img{filter: drop-shadow(2px 0px 0px #ffffff) drop-shadow(-2px 0px 0px #ffffff) drop-shadow(0px 2px 0px #ffffff) drop-shadow(0px -2px 0px #ffffff);}
.performance-mkt-wrp .pm-sec-02 ul{}
.performance-mkt-wrp .pm-sec-02 li{}
.performance-mkt-wrp .pm-sec-02 li:after{content: "";}

.old-to-new{padding: 0% 23%;background: #fff;}

.performance-mkt-wrp .pm-sec-03{padding: 60px 0px;text-align: center;}
.performance-mkt-wrp .pm-sec-03 h2{font-size: var(--rfs-54);margin-bottom: 40px;position: relative;}
.performance-mkt-wrp .pm-sec-03 h2:before{content:"";position:absolute;top: 60%;left:0;width:100%;height:1px;background:#ccc;z-index: -1;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,d6d6d6+50,ffffff+100 */background: #ffffff; /* Old browsers */background: -moz-linear-gradient(left,  #ffffff 0%, #d6d6d6 50%, #ffffff 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left,  #ffffff 0%,#d6d6d6 50%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right,  #ffffff 0%,#d6d6d6 50%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */}
.performance-mkt-wrp .pm-sec-03 h2 span{padding: 0px 15px;color: #ffffff;position:relative;z-index:1;}
/*.performance-mkt-wrp .pm-sec-03 .speed-test img{filter:invert(1);}*/

.performance-mkt-wrp .pm-sec-04{border-bottom: 1px solid #242424;padding: 100px 0px 160px 0px;}
.performance-mkt-wrp .pm-sec-04 h3{color:#ffffff;font-size: var(--rfs-54);font-weight: 100;line-height: 1.1;margin-bottom: 40px;}
.performance-mkt-wrp .pm-sec-04 img{}

.growing-box{cursor: pointer;transition:all 500ms ease-in-out;}
.growing-box .gb-img{position: relative;overflow: hidden;background: #000000;}
.growing-box .gb-img .thumb-gb{transform: scale(1.1);opacity: .6;transition:all 500ms ease-in-out;}
.growing-box .gb-img .logo-gb{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 5;}
.growing-box .gb-txt{padding: 20px;display: none;}
.growing-box .gb-txt p{}

.growing-box:hover{transition:all 500ms ease-in-out;}
.growing-box:hover .gb-img .thumb-gb{transform: scale(1);opacity: 1;transition:all 500ms ease-in-out;}
.growing-box:hover .gb-img .logo-gb{transform: translate(-50%,-50%) scale(1);opacity: .2;transition:all 500ms ease-in-out;}


/*.speed-test {padding: 20px 0px;display: flex;justify-content: space-between;border-top: 1px solid #242424;border-bottom: 1px solid #242424;}*/
/*.speed-test .speed-test-item{max-width: 300px;width:60px;height:60px !important;filter: invert(1);opacity: .7;}*/
/*.speed-test .speed-test-item.even{background:#000}*/

.news-item{padding:20px;background:#089031;max-width:25%;color:#fff;text-decoration:none;border-right:1px #ddd solid}

.js-ticker {overflow: hidden;padding: 10px 0px;border-top: 1px solid #333333;border-bottom: 1px solid #333333;}
.js-ticker-track {white-space: nowrap;}
.js-ticker-item {white-space: normal;height: 100%;vertical-align: top;display: inline-block;position: relative;}

#accordion_pm{background: transparent;}
#accordion_pm .card{background: transparent;border: none;}
#accordion_pm .card .card-header{padding: 0px;background: none;border: none;outline: none;box-shadow: none;}
#accordion_pm .card .card-header button{display: inline-block;color: #ffffff;font-size: 24px;text-align: left;/* width: 100%; */position: relative;padding: 5px 30px 5px 0px;border: 1px  solid #fff0;box-shadow: 0px 0px 0px #fff0;background: transparent;}
#accordion_pm .card .card-header button.btn.btn-link.collapsed:before{top: 21px;width: 10px;height: 10px;transform: rotate(45deg);transition: all 300ms ease-in-out;}
#accordion_pm .card .card-header button:before{content:"";position: absolute;top: 25px;right: 0;width: 0px;height: 0px;background: transparent;transform: rotate(45deg);border-top: 1px solid #fff;border-right: 1px solid #fff;transition: all 300ms ease-in-out;}
#accordion_pm .card .card-header button:after{content:"";position: absolute;top: 25px;right: 0;width: 15px;height: 1px;background: #ffffff;}
#accordion_pm .card .card-body{padding: 0px 0px 20px 0px;}
#accordion_pm .card .card-body p{color: #ffffff;font-size: 18px;padding-bottom: 20px;margin-bottom: 5px;max-width: 440px;border-bottom: 1px solid #cccccc;}
#accordion_pm .card .card-header button:hover,
#accordion_pm .card .card-header button:focus{text-decoration:none;}

#accordion_pm .card .card-header button.btn.btn-link.collapsed{color: #ffff;font-weight:100;text-decoration: none;}
#accordion_pm .card .card-header button{color: #ed008c;font-weight:600;/* width: 100%; */}
#accordion_pm .card .card-header button span{display: block;padding-bottom: 1px;margin-bottom: 5px;border-bottom: 1px solid #ffffff;}
#accordion_pm .card .card-header button.btn.btn-link.collapsed span{border-bottom: 1px solid #cccccc;}


.speed-test {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  width: 100%;
/*  padding: 10px 0;*/
}

.speed-test-track {
  display: inline-flex;
  align-items: center;
  gap: 2.5rem;
  animation: scroll 20s linear infinite;
}

.speed-test-item {
  flex: 0 0 250px;
}

.speed-test-item img {
  max-height: 90px;
  width: auto;
  height: auto;
  display: block;
}

/* Animation */
@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}


@media (min-width: 768px) {
  .speed-test:hover .speed-test-track {
    animation-play-state: paused;
  }
}

@media (max-width: 576px) {
/*
  .speed-test-item img {
    max-height: 50px;
  }
*/
	
.speed-test-item {
  flex: 0 0 150px;
}
  .speed-test-track {
    gap: 1.5rem;
  }
}


@supports (display: flex) {
.js-ticker-track {position: relative;white-space: normal;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;}
.js-ticker-item {height: auto;display: block;-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;}
.js-ticker.active .js-ticker-track {display: -webkit-box;display: -ms-flexbox;display: flex;}
.js-ticker.active .js-ticker-item {-webkit-box-flex: 1;-ms-flex: 1 0 auto;flex: 1 0 auto;}
} 


.section.home-sec-abt-agency {filter: invert(1);background: #ffffff;padding-bottom: 50px;}


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	
	.performance-mkt-wrp {overflow: hidden;}

	.performance-mkt-wrp .pm-sec-01 {padding: 100px 0px 0px 0px;}
	.performance-mkt-wrp .pm-sec-01 h1{font-size: 36px;margin-top: 50px;margin-bottom: 0px !important;}
	.performance-mkt-wrp .pm-sec-01 .creative-box{top: 25%;left: 0;width: 80vw;height: 80vw;float: none;margin: auto;display: flex;justify-content: center;align-items: flex-start;}
	.performance-mkt-wrp .pm-sec-01 .performance-box{top: -25%;left: 0;width: 80vw;height: 80vw;float: none;margin: auto;display: flex;justify-content: center;align-items: flex-end;}
	.performance-mkt-wrp .pm-sec-01 .creative-box h2,
	.performance-mkt-wrp .pm-sec-01 .performance-box h2{font-size: 30px;}

	.performance-mkt-wrp .pm-sec-02{padding: 0px 0px 50px 0px;}
	.performance-mkt-wrp .pm-sec-02 h2{font-size: 36px;}
	.performance-mkt-wrp .pm-sec-02 h2 br{display:none;}

	.old-to-new{padding:0px 2%;margin-top: 20px;}

	.performance-mkt-wrp .pm-sec-03{padding: 20px 0px;}
	.performance-mkt-wrp .pm-sec-03 h2{font-size: 36px;}
	
	.growing-box {display: inline-block;margin: 0px 20px 20px 20px;}


	.performance-mkt-wrp .pm-sec-04{padding: 20px 0px;}
	.performance-mkt-wrp .pm-sec-04 h3{font-size:30px;text-align: center;}
	.performance-mkt-wrp .pm-sec-04 .clutch{width:200px;}

	.home-content .banner-txt h1, 
	.home-content .banner-txt h2{font-weight:700 !important;height:38px !important;}


}

@media(max-width:768px){
	#accordion_pm .card .card-header button { font-size: 18px;}
	.performance-mkt-wrp .pm-sec-02 { padding: 40px 0px;}
}
@media(max-width:767px){
	.performance-mkt-wrp .pm-sec-03 .main-row{gap:24px;}	
	.performance-mkt-wrp .pm-sec-02 .main-row{gap:24px; padding-inline:10px;}
}
@media(max-width:480px){
	.performance-mkt-wrp .pm-sec-01 .icon-love {width: 10vh;}
}
/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {

}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	
}

/* iPad 3 (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio : 2),
only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (min-resolution: 192dpi) { 

}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
	
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
	
}

/* Retina displays ----------- */
@media  only screen 
and (-webkit-min-device-pixel-ratio : 2), 
only screen 
and (min-resolution: 192dpi) {

}


