/* ===== about-style.css ===== */
.banner-img-wrapper {
  background-position: center !important;
 /* background-repeat: no-repeat;
  */
  background-size: cover !important;
}
.tab-content .tab-pane .linkedin {
  width: auto !important;
}
.tab-content .tab-pane .img-team {
  width: 100%;
}
.g-ppl h2 {
  font-family: var(--font-primary);
  font-size: 50px;
  line-height: 1.2em;
  color: #FFF;
}
.g-ppl h2 span{
  background: url(../img/under-score.svg) no-repeat;
  background-position: bottom;
  background-size: contain;
  font-family: var(--font-secondary);
  font-style: italic;
}
.team-group-img {
  text-align: center;
  margin: 35px 0 0 0;
  position: relative;
}
.designation p {
  color: #00ab50 !important;
  line-height: 17px !important;
  margin: 0px;
  font-size: 14px !important;
}
.designation var {
  font-style: normal;
  font-size: 16px;
}
.tab-pane {
  background: transparent !important;
  border-radius: 10px;
}
.about-section ul {
  border-radius: 51px;
  background: #EDF1EF;
  padding: 10px;
  display: flex;
}
.about-section .nav-tabs {
  border: 0px;
  display: flex;
  align-items: center;
  margin: 40px auto;
  justify-content: center;
}
.nav-tabs .nav-link {
  color: #637A6D;
}
.about-section .nav-tabs .nav-item .nav-link.active {
  background: #4CC9E9;
  border-radius: 34px;
  color: #fff;
  text-align: center;
}
.about-section .nav-tabs .nav-item .nav-link a {
  color: #fff !important;
}
.about-section .nav-tabs .nav-item.show .nav-link, .about-section .nav-tabs .nav-link.active .team-in-active-icon {
  display: none;
  opacity: 0;
}
.about-section .nav-tabs .nav-item.show .nav-link, .about-section .nav-tabs .nav-link .team-active-icon {
  display: none;
  opacity: 0;
}
.about-section .nav-tabs .nav-item.show .nav-link, .about-section .nav-tabs .nav-link.active .team-active-icon {
  display: inline-block;
  opacity: 1;
}
.about-section .nav-tabs .nav-item.show .nav-link, .about-section .nav-tabs .nav-link.active .board-in-active-icon {
  display: none;
  opacity: 0;
}
.about-section .nav-tabs .nav-item.show .nav-link, .about-section .nav-tabs .nav-link.active .board-active-icon {
  display: inline-block;
  opacity: 1;
}
.about-section .nav-tabs .nav-item.show .nav-link, .about-section .nav-tabs .nav-link .board-active-icon {
  display: none;
  opacity: 0;
}
@media(max-width:992px) {
  .team-group-img img {
      max-width: 100%;
 }
}
@media(max-width:768px) {
  .designation p {
      font-size: 12px !important;
 }
  .designation var {
      font-size: 12px !important;
 }
}
@media(max-width:576px) {
  .designation p {
      font-size: 12px !important;
 }
  .designation var {
      font-size: 12px !important;
 }
}
@media(max-width:479px) {
  .designation p {
      font-size: 12px !important;
 }
  .designation var {
      font-size: 12px !important;
 }
}
.about-section .nav-tabs .nav-item .nav-link {
  display: flex;
  align-items: center;
}
.team-details h4 {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.2em;
}
.team-details .designation {
  color: #00ab50;
  font-weight: 500;
  margin-bottom: 10px;
}
.team-image {
  position: relative;
  overflow: hidden;
}
.team-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../img/about-gree.svg') right bottom no-repeat;
  background-size: 30%;
  z-index: 99;
 /* Ensure the background is behind the image */
}
.team-image-yellow::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../img/about-team-bg.svg') right bottom no-repeat;
  background-size: 30%;
  z-index: 99;
}
.team-image-blue::before {
  background: url('../img/about-team-bg-y.svg') right bottom no-repeat;
  background-size: 30%;
}
.team-image img {
  position: relative;
  z-index: 1;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
}
.team-image:hover img {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
}
.about-section .member .nav-item .nav-link.active svg path {
  fill: #fff !important;
}
.about-section .member .nav-item .nav-link svg path {
  fill: #000 !important;
}
.members {
  margin-left: 10px;
}
.spectrum-section {
  background-color: #F0F2F2;
  padding: 40px;
  border-radius: 20px;
  background-image: url(../img/spec_img_1.svg);
  background-position: right bottom;
  background-repeat: no-repeat;
}
.spectrum-logo {
  border-right: 3px solid #00AB52;
}
.spectrum-content p {
  margin: 0px 80px;
}

/* ===== home-page.css ===== */
.verification-banner.european-banner .verification-banner-in {
    width: 47%;
}

.verification-banner.european-banner .european-banner-main {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.verification-banner-in p { margin-bottom: 20px;}
.verification-banner-in h6 { color:#fff; font-size: 14px; line-height:15px; padding-top:10px;}
.reliability-block.tin-check-reliability {
    background: #E0F3FA;
}



/*--------------Terms --------*/
.hero-section-three { display: block; padding-top: 100px;}
.hero-section-three.solutions h2 {
    font-size: 48px;
    font-weight: bold;
    line-height: 85px;
    color:#079247;
}
.hero-section-three.solutions.terms-condition p {
    font-size: 17px;
    margin-bottom: 20px;
    line-height: 26px;
}
.hero-section-three.solutions.terms-condition h5 { font-weight: 600; margin-bottom: 15px;}
.hero-section-three.solutions.terms-condition p a { color:#000;}
.hero-section-three.solutions.terms-condition p a:hover { color:#079247;}


/*----------------------*/


/*-------- privacy-policy---*/


.hero-section-three.solutions.privacy-policy-block h3, .hero-section-three.solutions.privacy-policy-block h4 { margin-bottom: 15px;}
.hero-section-three.solutions.privacy-policy-block p { margin-bottom: 15px; font-size: 16px; line-height: 20px;}
.hero-section-three.solutions.privacy-policy-block p a, .hero-section-three.solutions.privacy-policy-block ul li a { color:#000;}
.hero-section-three.solutions.privacy-policy-block p a:hover, .hero-section-three.solutions.privacy-policy-block ul li a:hover { color:#079247;}
.hero-section-three.solutions.privacy-policy-block p strong { font-size: 17px; line-height: 15px;}

.data-points ul {
    list-style: disc;
    padding: 0;
    margin-left: 45px;
    margin-top: 10px;
  }

  .data-points li {
    list-style: disc;
    padding: 0;
    margin-bottom: 5px;
  }

  .data-points-3 ul{
    margin-left: 100px;
  }
  .data-points-3 li {
    padding: 0;
    margin-bottom: 5px;
  }

  .data-points-4 ul{
    margin-left: 100px;
  }
  .data-points-4 li {
    padding: 0;
    margin-bottom: 5px;
    list-style: none;
  }

  .data-points-2 ul {
    padding: 0;
    margin: 0;
    margin: 25px;
  }

  .data-points-2 li:before {
    content: counter(list, lower-alpha) ") ";
    counter-increment: list;
  }

  .data-points-2 li {
    padding: 0;
    margin-bottom: 5px;
    list-style: none;
  }

  /* Text slider */


/* Text slider */

@media(max-width:1800px){
    
    .onboarding-section-rgt figure {
        bottom: -140px;    
    }   
}




@media(max-width:1500px){
    .onboarding-section-rgt {
        padding: 0 0 0 60px;
        position: relative;
    }
    .onboarding-section-rgt figure {
        bottom: -80px; width: 180px;
    }
    .onboarding-section-rgt figure img {
        width: 100%;height: auto;
    } 
}

@media(max-width:1400px){
    .onboarding-section-rgt h2 span { right: 20px;}
}

@media(max-width:1300px){
   
    .onboarding-section-rgt figure { width: 150px; right:-60px;}
    .our-platform-in ul li .platform-cont small {margin-right: 0;}
    
}
@media(max-width:1200px){
    .onboarding-section-rgt h2 span {
        right: auto;
        width: 360px; left: 0;
    }
    .onboarding-section-rgt h2 span img {width: 100%; height: auto;}
    .onboarding-section-rgt {
        padding: 0 0 0 40px;
    }
    .our-platform-in ul li .platform-cont h3 {
        min-height: 100px;
    }
    
    .onboarding-section-lft span {width: 160px;}
    .onboarding-section-rgt figure {
        width: 140px;
        right: -55px;
    }
    .customer-experience ul li p {
        margin: 0 0 20px 0;
    }
    
    .onboarding-section-rgt a.valid-button { padding: 16px 12px; font-size: 18px;}
    
}
@media(max-width:992px){
    
    .onboarding-section {
        padding: 0 0 40px;
    }
    
    .onboarding-section-rgt {
        padding: 25px 0 0 0;
    }
    .onboarding-section-rgt h2 span { bottom:35px;}
    .onboarding-section-rgt figure {     
        right: -49px;
        bottom: -60px;
    }
    .onboarding-section-rgt a.valid-button {
        padding: 18px 30px;

    }

    .our-platform-in ul li .platform-cont {
        padding: 40px 20px;
    }
    .our-platform-in ul li .platform-cont h3 {
        font-size: 30px; line-height: 40px; min-height: 50px;
    }


}

@media(max-width:768px){
    .onboarding-section-rgt figure {
        right: -44px;
        width: 130px;
    }
    .our-platform-in ul li {
        width: 100%;
        margin-bottom: 30px;
    }
    .our-platform-in ul li .platform-cont h3 {
        min-height: auto;
    }

    .customer-experience ul li {
        margin-bottom: 30px;
    }

}
@media(max-width:575px){
    .insights.mobile-view-insights { padding: 40px 0;}
    .reliability-block {
        padding: 40px 0;
    }
    .our-platform.features-main {padding:40px 0;} 

    .onboarding-section-rgt figure {
        display: none;
    }
    .onboarding-section-rgt a.valid-button {
        padding: 15px 10px;
    }
    .onboarding-section-in .onboarding-section-rgt .button-section .demo-btn var { font-size: 16px;}
    
    .driven-by-main-section.why-choose-main .row {margin: 0;}
}


@media(max-width:480px){
        .demo-btn.index-demo {
        margin-left: 0;
    }
    .onboarding-section-rgt h2 span, .onboarding-section-lft span { display: none;}
    .onboarding-section-in {padding: 30px 15px;}
    .onboarding-section-rgt a.valid-button {
        padding: 15px 30px;
    }
 
.section-bg.reliability-block .row, .driven-by-main-section .row {margin: 0;}

}
  

  /*------------------------*/

@media (resolution:1.25dppx) {

   
    .onboarding-section-rgt h2 {
        font-size: 45px;
        line-height: 64px;
    }

    .onboarding-section-rgt h2 span {
        right: 30px;
    }

    .our-platform-in ul li .platform-cont h5 {
        line-height: 35px;
        min-height: 70px;
    }

    .insights ul li .choose-cont h6 {
        font-size: 20px;
    }

    .onboarding-section-rgt figure {
        bottom: -110px;
        width: 180px;
    }
    .onboarding-section-rgt figure img {width: 100%; height: auto;}

    .our-platform-in ul li .platform-cont h3 {
        font-size: 36px;
    }

    .verification-banner-in {
        left: 80px;
        height: 730px;
    }

    .verification-banner-in h1 {
        font-size: 55px;
    }
    .insights ul li .insights-cont em img {    
        width: 100%;
        height: auto;
    }
}