@charset "utf-8";
/* CSS Document */
@media all{

.partner-grp-heading{max-width: 1120px;}
.partner-grp-heading p{line-height: 200%;} 

.partner-tech-grid{row-gap: 90px; column-gap: 90px;}
.pt-card{width:100%; max-width: 315px; row-gap: 1rem;}
.pt-card *{margin-bottom: 0px;}
.pt-card figure{height: 100px;}
.pt-card h3{font-size: 23px; font-weight: 700; font-family: var(--BodyFont);}
.pt-card p{font-size: 16px; line-height: 200%;}

.why-nextget{grid-template-columns: 40% 40%;column-gap: 10%;row-gap: 50px;}
.wn-card{column-gap: 25px;}
.wn-card figure{min-width:7rem; min-height:7rem; background: linear-gradient(249.29deg, #008E79 21.57%, #02A056 126.19%);}
.wn-card figure img{max-height:3.5rem;}
.wn-card h4{font-size: 20px;font-weight: 700; font-family: var(--BodyFont);}
.wn-card  p{font-size: 16px;line-height: 170%;}


/*  Digital sherpa*/
.ng-sherpa-hero-info{background: var(--SkyBlueLight); font-family: "averta-regular";}
.ng-sherpa-hi-card{padding: 3.2rem 6rem; background: linear-gradient(90deg, #02A056 0%, #029370 100%); border-radius: 11px; margin-top: -15%;}
.ng-sherpa-hi-card p strong{font-size: 24px; font-weight:600;}

.sherpa-digital{max-width:1080px; margin: 60px auto 0px auto;}
.sherpa-digital .partner-grp-heading{max-width: 1000px;}
.sherpa-digital .partner-grp-heading p{line-height:150%;}

.reward-group{grid-template-columns: 1fr 1fr; row-gap: 40px; column-gap: 40px;}
.reward-info{padding: 29px 33px; border: 1px solid #5ED2C1; border-radius: 33px;}
.reward-header{column-gap:1.4rem; margin-bottom: 30px;}
.reward-header figure{width: 100px;}
.reward-header h3{font-size:2rem; max-width:60%;}

.reward-info ul{list-style: none; padding: 0px; margin: 0px;}
.reward-info ul li{position: relative; padding-left:20px; padding-bottom:1rem; font-size: 18px; line-height: 170%;}
.reward-info ul li::before{content: ''; position: absolute; top:12px; left: 0px; width: 6px; height: 6px; border-radius: 50%; background: var(--BlackClr);}

.call-section{background: linear-gradient(84.8deg, #000000 22.12%, #0B0A1F 101.82%);}
.call-section h2{max-width:60%; margin: auto; line-height:150%;}
.call-section p{font-family: "averta-regular";}

.key-result{background: linear-gradient(81.62deg, #000000 10.79%, #00322B 96.39%);}
.key-result .partner-grp-heading{max-width:85%;}
.key-result .partner-grp-heading p{font-size: var(--Font18);}

.key-body{grid-template-columns: 1fr 1fr; row-gap: 1rem; column-gap: 2rem;}
.key-body div{padding: 50px 37px; background: #FFFFFF; border: 1px solid #00FF89; border-radius: 30px;}
.key-body div p{font-family: "averta-regular";}
.key-body div figure{height: 80px;}
.key-body div figure img{max-height:60px;}

.sherpa-journey{background:var(--SkyBlueLight);}
.sherpa-journey .container{max-width: 1130px;}

.timeline-outer:after{content: '';width: 2px;height: calc(100% - 390px);border: dashed 1px #B4B4B4;position: absolute;top: 380px;left: 50%;}

.timeline-card{
  padding:30px 2rem 33px 30px;
  background: linear-gradient(221.44deg, #018E79 8.48%, #100F30 87.73%);
  border: 1px solid #5ED2C1;
  box-shadow: inset 0px 4px 3.6px rgba(28, 178, 156, 0.85);
  font-family: "averta-regular";
  max-width: 45%;
  min-height: 400px;
  margin-top: -100px
}
.timeline-card.left{border-radius: 70px 70px 0px 70px;}
.timeline-card.right{border-radius: 70px 70px 70px 0px; margin-left: auto;}

.timeline-card.left:after,
.timeline-card.right:before{content: ''; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; position: absolute; bottom: 0; z-index: 1;}

.timeline-card.left:after{ border-right:10px solid #008E79; right: -11.85%;}
.timeline-card.right:before{border-left: 10px solid #008E79; left: -11.4%;}

.timeline-header{margin-bottom:1.4rem;}
.timeline-header figure{width:100px; height: 100px; border-radius: 50%;  margin-right:1.2rem; background: linear-gradient(249.29deg, #008E79 21.57%, #02A056 126.19%);}
.timeline-header figure img{max-width:55%;}
.timeline-header span{font-size:1.6rem; color:#19F4CF; font-weight: 300;}
.timeline-header h3{font-size:2.2rem; font-weight:600;}

.timeline-card ul{list-style: none; padding: 0px; margin: 0px; max-width: 80%;}
.timeline-card ul li{position: relative; padding-left:18px; padding-bottom:14px; font-size:var(--Bodytext);font-weight: 300; line-height: 150%;}
.timeline-card ul li::before{content: ''; position: absolute; top:13px; left: 0px; width:5px; height:5px; border-radius: 50%; background: var(--WhiteClr);}



}

@media all and (max-width:1200px){
  .ng-sherpa-hi-card{padding: 3.2rem 3rem;}
}

@media all and (max-width:767px){  
  .partner-tech-grid{row-gap:20px ;}
  .pt-card figure img{max-height:80px;}
  .pt-card h3 {
    font-size: 18px;
    line-height: 180%;
}

  .why-nextget {grid-template-columns: 1fr; row-gap:40px;}
  .wn-card{flex-direction: column; justify-content: center; text-align: center; row-gap: 1rem;}

  .ng-sherpa-hi-card{padding: 2rem; margin-top: -20%;}
  .reward-group{grid-template-columns: 1fr; row-gap: 1.6rem;}
  .key-body{grid-template-columns: 1fr;}

  .key-result .partner-grp-heading {max-width:100%;}
  .partner-grp-heading p {line-height: 170%;}
  .key-body div,
  .reward-info {padding: 1rem; border-radius: 15px;}
  .key-body div figure{height: auto;}

  .call-section h2{max-width:90%;}

  .reward-header figure {width: 60px;}
  .reward-header h3 {font-size: 1.8rem; max-width: 100%;}
  .reward-info ul li {padding-bottom: 1rem; font-size: 16px; line-height: 150%;}
  .reward-info ul li::before{top: 9px;}
  .reward-header{column-gap: 1rem;}


  .timeline-card.right{margin-left: 0px;}

  .timeline-card.left,
  .timeline-card.right {
    padding:2rem;
    max-width: 90%;
    min-height: auto;
    margin: 0px 0px 2rem 5%;
    border-radius: 0px 30px 30px 30px;
}

  .timeline-outer:after{top: 0px;left:0%; height: 100%;}
  .timeline-card.left:after{border-left:10px solid #008E79;left: -5.8%;top: -3px;border-right: 0;right: 0;}
  .timeline-card.right:before{border-left: 10px solid #008E79; left:-5.8%;top: -3px;}

  .timeline-header figure{width:70px; height: 70px;}
  .timeline-header span{font-size: 1.4rem;}
  .timeline-header h3{font-size: 1.8rem;}
  .timeline-card ul{max-width: 100%;}
  .timeline-card ul li{padding-bottom: 10px;}
  .timeline-card ul li::before{top: 10px;}
}