.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}


.cardBoxOuter {
  padding: 50px 0 50px 0;
  background:#e7e7e7;
}

.cardBoxOuter .content-wrapper.blue svg path{
  fill:var(--blueBorder) ; 
}
.cardBoxOuter .content-wrapper.green svg path{
  fill:var(--greenBorder) ; 
}
.cardBoxOuter .content-wrapper.red svg path{
  fill:var(--redBorder) ; 
}
.cardBoxOuter .pre-heading{
  font-size:18px;
  font-weight:700;
  margin-bottom:12px;
}
.cardBoxOuter h4{
  font-weight:900!important;
  max-width: 600px;
}
.cardBoxOuter .text-content{
  margin-bottom:30px;
}
.cardBoxOuter .flex-row{
  display:block;
} 
/* .cardBoxOuter .flex-row > *{
width:50%;
} */

.cardBoxOuter .cardSlider {
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Safari (iPad/iPhone) FIX for flex layout issue */
@supports (-webkit-touch-callout: none) {
  .cardBoxOuter .cardSlider {
    display: block !important;
    align-items: unset !important;
    justify-content: unset !important;
  }
}



.cardBoxOuter .top-left-corner.top-left-corner-medium::before {
  border-left: 6px solid;
  border-radius: 10px 0 0 0;
  border-top: 6px solid;
}
.cardBoxOuter .top-left-corner::before {
  height: 30px;
  width: 30px;
}
.cardBoxOuter .bottom-right-corner.bottom-right-corner-thick::after {
  border-bottom: unset;
  border-right: unset;
  border-radius: unset;
}
.cardBoxOuter .top-left-corner {
  position: relative;
  padding: 2px 12px;
}
.cardBoxOuter .cardHeading strong {
  font-weight: 900;
}
.cardBoxOuter .text-content h5{
  font-weight: 700 !important;
  margin:0 0 10px;
}

.tri-color-border.mTop {
  margin-top: -4px;
}

.tri-color-border.mTop > div {
  border-radius: 10px;
}

.cardSlide {
  flex: 1 1 30%;
}



.cardBoxOuter .content-left > img{
  width:100%;
}
.cardBoxOuter .content-left .link{
  padding-top:5px;
  font-size:13px;
}
.cardBoxOuter .content-left .link a{
  color:#000; 
  font-weight:900;
}
.cardBoxOuter .content-right svg{
  margin-bottom:12px; 
}
.cardDetails.item .client-feedback p{
  font-size:16px;
  margin:0 0 16px 0;
}
.cardDetails.item .client-feedback p strong{
  font-weight:900;     
}
.cardDetails.item .client-name{
  font-size:12px;
  margin-bottom:20px;
}
.cardDetails.item .client-name strong{
  font-weight:900;
}
.tns-nav {
  margin: 0 0 25px 0;
  text-align:center;
}
.tns-nav button {
  width:12px;
  height:12px;
  margin:0 5px 0 0;
  background:none transparent;
  border:1px solid var(--greenBorder);
  padding:0;
}
.tns-nav button.tns-nav-active{   
  background:var(--greenBorder);   
}


.video-header-nav button.active{
  background:#FFF;    
}

.cardBoxOuter .owl-stage-outer {
  margin: 20px 0 0 0;
}

.cardBoxOuter .tns-controls{
  position:absolute;
  top: 45%;
  left:0;
  width:100%;
}

.cardBoxOuter .tns-controls button[data-controls='next']{
  background-image:url(https://www.cpm-int.com/hubfs/slider-right-green.svg) ;
  background-repeat:no-repeat;
  background-size:100% auto;
  text-align:left;
  text-indent:-9000px;
  overflow:hidden;
  background-color:transparent!important;
  border:0;
  width:40px;
  height:40px;
  padding:0;
  position:absolute;
  right:-50px;
}

.cardBoxOuter .tns-controls button[data-controls='prev']{
  background-image:url(https://www.cpm-int.com/hubfs/slider-left-green.svg) ;
  background-repeat:no-repeat;
  background-size:100% auto;
  text-align:left;
  text-indent:-9000px;
  overflow:hidden;
  background-color:transparent!important;
  border:0;
  width:40px;
  height:40px;
  padding:0;
  position:absolute;
  left:-50px;
}


.cardDetails.item {
  text-align: center;
}

.cardInner {
  background: #fff;
  padding: 30px;
  border-radius: 10px;
  transition:all 0.3s ease;
}



.cardBoxOuter .tns-nav button.tns-nav-active {
  background: #a5a5a5;
}

.cardBoxOuter .tns-nav button {
  background: none transparent;
  border: 1px solid #a5a5a5;
  height: 12px;
  margin: 0 5px 0 0;
  padding: 0;
  width: 12px;
  border-radius: 50%;
}

.cardBoxOuter .tns-nav {
  margin: 30px 0 0px;
  text-align: center;
}

 .cardSlide:hover .cardInner {
  background: #000;
  box-shadow:0px 0px 10px #000;
}

 .cardSlide:hover  .cardInner * {
  color: #fff;
}

.cardBoxOuter .flex-row {
  padding: 15px 0;
}

.cardBoxOuter .cardDetails.item h5 {
  margin: 0;
  font-weight: 900 !important;
}

.cardBoxOuter .cardDetails.item h5 {
  color: #666;
}

.cardBoxOuter .cardDetails.item .client-feedback {
  margin: 0 0 20px;
}
.cardBoxOuter .cardDetails.item .cardBtn a {
  font-size: 14px !important;
  transition:all 0.3s ease;
}

.cardSlide:hover .cardInner .cardBtn a, .cardSlide:hover .cardInner h5 {
  color: #fff;
}



.cardSliderSpace .cardSlide {
  padding: 0 20px;
}

.cardSliderSpace {
  position: relative;
}


 


.cardBoxOuter .tns-controls button:disabled{
  opacity:30%;
} 

.centred-img img {
  position: relative; 
  padding: 82px 70px;
  padding-bottom: 80px;
  background: #fff;
  border: 3px solid #ababab;
}
.cardSlide:hover .cardInner {
    transform: scale(1.03);
}


.cardBoxOuter .cardInner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 600px) {
  .CardSliderModule.cardBoxOuter {
    padding: 30px 0 50px;
  }
}
@media (min-width:1025px){
  .cardBoxOuter .tns-controls{
    top: calc(50% - 35px);
  }
}

@media (min-width:992px){
  .cardSliderSpace {
    padding: 0 30px;
  }

}

@media (min-width:992px){
  .cardBoxOuter h3.cardHeading strong {
    font-size: 40px;
  }
}

@media only screen and (max-width: 920px){
  .cardBoxOuter .flex-row{
    flex-direction:column;
  }
  .cardBoxOuter .flex-row > *{
    width:100%;
  }
}

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

  .cardBoxOuter .tns-controls button[data-controls='next']{
    right:-12px;
  }
  .cardBoxOuter .tns-controls button[data-controls='prev']{
    left:-12px;
  }
}
@media (max-width:991px){
  .tns-outer {
    margin: 0 30px;
  }
}


@media only screen and (max-width: 600px) {
  .cardBoxOuter .tns-controls{
    top:auto;
    bottom:0px;
  }
  .cardBoxOuter .tns-controls button[data-controls='next']{
    right:0;
  }
  .cardBoxOuter .tns-controls button[data-controls='prev']{
    left:0;
  }
  .cardBoxOuter .cardDetails{
    margin-bottom:0px; 
  }

  .cardBoxOuter .max-width-container {
    padding: 0 15px;
  }
  .cardSliderSpace .cardSlide {
    padding: 0 10px;
  }

  .cardBoxOuter .top-left-corner {
    padding: 0 0 20px;
    position: relative;
  }
}